/* peopledict.css */
@charset "utf-8";

/* Web Font */
@font-face{
  font-family:"Nanum Square";
  font-style:normal;
  font-weight:400;
  src: url(../../cmm/font/NanumSquareR.eot);
  src: local(※), url(../../cmm/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../../cmm/font/NanumSquareR.woff2) format('woff2'),
       url(../../cmm/font/NanumSquareR.woff) format('woff'),
       url(../../cmm/font/NanumSquareR.ttf) format('truetype');
}
@font-face{
  font-family:"Nanum Square";
  font-style:normal;
  font-weight:700;
  src: url(../../cmm/font/NanumSquareB.eot);
  src: local(※), url(../../cmm/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../../cmm/font/NanumSquareB.woff2) format('woff2'),
       url(../../cmm/font/NanumSquareB.woff) format('woff'),
       url(../../cmm/font/NanumSquareB.ttf) format('truetype');
}
@font-face{
  font-family:"Nanum Myeongjo";
  font-style:normal;
  font-weight:400;
  src: url(../../cmm/font/NanumMyeongjo.eot);
  src: local(※), url(../../cmm/font/NanumMyeongjo.eot?#iefix) format('embedded-opentype'),
       url(../../cmm/font/NanumMyeongjo.woff) format('woff'),
       url(../../cmm/font/NanumMyeongjo.ttf) format('truetype');
}
@font-face{
  font-family:"Nanum Myeongjo";
  font-style:normal;
  font-weight:700;
  src: url(../../cmm/font/NanumMyeongjo.eot);
  src: local(※), url(../../cmm/font/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
       url(../../cmm/font/NanumMyeongjoBold.woff) format('woff'),
       url(../../cmm/font/NanumMyeongjoBold.ttf) format('truetype');
}
@font-face{
  font-family:"Noto Sans CJK KR";
  font-style:normal;
  font-weight:400;
  src: url(../../cmm/font/NotoSansCJKkrR.eot);
  src: local(※), url(../../cmm/font/NotoSansCJKkrR.eot?#iefix) format('embedded-opentype'),
       url(../../cmm/font/NotoSansCJKkrR.woff2) format('woff2'),
       url(../../cmm/font/NotoSansCJKkrR.woff) format('woff'),
       url(../../cmm/font/NotoSansCJKkrR.ttf) format('truetype');
}
@font-face{
  font-family:"Noto Sans CJK KR";
  font-style:normal;
  font-weight:500;
  src: url(../../cmm/font/NotoSansCJKkrM.eot);
  src: local(※), url(../../cmm/font/NotoSansCJKkrM.eot?#iefix) format('embedded-opentype'),
       url(../../cmm/font/NotoSansCJKkrM.woff2) format('woff2'),
       url(../../cmm/font/NotoSansCJKkrM.woff) format('woff'),
       url(../../cmm/font/NotoSansCJKkrM.ttf) format('truetype');
}
@font-face{
  font-family:"Noto Sans CJK KR";
  font-style:normal;
  font-weight:700;
  src: url(../../cmm/font/NotoSansCJKkrB.eot);
  src: local(※), url(../../cmm/font/NotoSansCJKkrB.eot?#iefix) format('embedded-opentype'),
       url(../../cmm/font/NotoSansCJKkrB.woff2) format('woff2'),
       url(../../cmm/font/NotoSansCJKkrB.woff) format('woff'),
       url(../../cmm/font/NotoSansCJKkrB.ttf) format('truetype');
}

@font-face{
  font-family:"Noto Sans KR";
  font-style:normal;
  font-weight:400;
  src: url(../../cmm/font/NotoSansKRM.eot);
  src: local(※), url(../../cmm/font/NotoSansKRM.eot?#iefix) format('embedded-opentype'),
       url(../../cmm/font/NotoSansKRM.woff2) format('woff2'),
       url(../../cmm/font/NotoSansKRM.woff) format('woff'),
       url(../../cmm/font/NotoSansKRM.ttf) format('truetype');
}

*::-moz-selection{background-color:#666;color:#f4f5f6}
*::selection{background-color:#666;color:#f4f5f6}

.blind{display: block; height: 0; overflow: hidden; position: absolute; top: -9999px; }
.skip { position:absolute; top:-132px; left:0; z-index:100; }
.skip a{ position:absolute; top:0px; left:0; background-color:#00131c; border:1px solid #fff; color:#fff; width:150px; line-height:30px; text-align:center; }
.skip a:focus { top:32px; }
.skip.skip_main { top:-32px; }
.skip.skip_main a { top:0px; }
.skip a:focus { top:32px; }
#wrap{width: 100%; height: 100%; position: relative;}

/* visual */
.visual_wrap{width: 100%; height: 100%; display: flex; display: -ms-flexbox;  justify-content: center; align-items: center;/* transition-duration: 0.3s; */ position: relative; 
    /* background-size: contain; */ background-repeat: no-repeat;
    /* type_01 */
    /*background-image: url("../../../img/service/dict_visual_type_01.png");*/
    /* background-position: 0% top; */
    /* type_02 */
    /* background-image: url("../../../img/service/dict_visual_type_02.png"); 
    background-position: right bottom; */
    /* type_03 */
    background-image: url("../../../img/service/dict_visual_type_03.png");
    background-size: cover;
}
.visual{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /*height: 70%;*/}
.main_notice_text { width:67%; margin:20px auto; font-size:16px; border-radius:5px; line-height:25px; background-color:#e0ebfa; box-sizing:border-box; padding:10px 20px 10px 70px; background-image:url(../../../img/service/notice_lamp.png); background-position:15px 15px; background-repeat:no-repeat; background-size:35px; }
.main_notice_text a { font-weight:bold; background-color:#537ade; display:inline-block; color:#fff; padding:0 5px; }
.visual_txt{ color: #12253e;text-align: center; }
.visual_txt h1{ /*2020-06-04 고객요청사항 수정건font-size: 4.27rem;*/ font-size: 85px; font-family:"Nanum Myeongjo",serif; /*letter-spacing: -5px;*/ letter-spacing: 4px; font-weight: 700; word-break: keep-all; line-height: 161px; position: relative; margin-bottom: 90px; }
.visual_txt h1::after{content: ""; display: block; width: 54px; height: 3px; background-color: #ff5400; position: absolute; top: 100%; left: 50%; margin-left: -27px; }
.visual_txt strong{ font-size: 1.75rem; line-height: 2.625rem; }
.moblie_visual_border { display: none; }
@media screen and (max-width: 1280px) {
    .visual_txt strong { display: inline-block;width: 50%; }
}
@media screen and (max-width: 1250px) {
	.visual_wrap{
	   background-size: cover;
	}
}
@media screen and (max-width: 1200px) {
	.visual_wrap{
        /* type_02 */
        /*background-position: calc(100% + 95px) bottom;*/
    }
}
@media screen and (max-width: 860px) {
    .visual { width: 100%; }
    .visual_wrap{
        /* type_01 */
        /* background-position: 0% top; */
    }
    .visual_txt h1 { font-size: 3rem; display: inline-block; line-height: 58px; margin-bottom: 0; /*2020-06-04 고객요청사항 수정건*/word-break: break-all; }
    .visual_txt strong { font-size: 1.125rem; line-height: 24px; width: 60%; word-break: keep-all; margin-top: 40px; }
    .visual_txt h1::after{content: none;}
    .moblie_visual_border { display: block; width: 30px; height: 2px; background-color: #e2b463; position: absolute; vertical-align: bottom; left: 50%; -ms-transform: translateX(-50%);transform: translateX(-50%); margin: 20px 0; }
}
@media screen and (max-width: 860px) {
	
}
@media screen and (max-width: 550px) {/*2020-06-04 고객요청사항 수정건*/
    .visual_txt h1{ letter-spacing: -4px;}
}
@media screen and (max-width: 480px) {
    .visual {  }
    .visual_txt h1 { font-size: 2.5rem; display: inline-block; width: 230px; line-height: 58px; margin: 0 calc(50% - 115px);  }
    .visual_txt strong { font-size: 1.125rem; line-height: 24px; width: 60%; word-break: keep-all; margin-top: 40px }
    .moblie_visual_border { display: block; width: 30px; height: 2px; background-color: #e2b463; position: absolute; vertical-align: bottom; left: 50%; -ms-transform: translateX(-50%);transform: translateX(-50%); margin: 20px 0; }
    .main_notice_text { width:85%; background-image:none; padding: 10px 20px 10px 20px; }
}


/*main_search*/
.search_wrap{ display: flex; display: -ms-flexbox;  justify-content: center; width: 100%; height: 66px;}
.search_text{ height: 66px; padding: 0 21px; width: 400px; font-family: "Noto Sans CJK KR",sans-serif; font-size: 18px;  box-sizing: border-box; background-color: #fff; border: none; position: relative; }
.search_text.main_input{ width: 548px;}/* 2020-06-04 고객요청사항 수정건 */
.search_select, .search_text, .btn_search, .btn_detail, .btn_keyboard{ }
.search_select{ display: block; width: 150px; height: 66px;  font-size: 18px; color: #666; font-weight: bold; border: 0 none; display: block; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5'%3e %3cpath d='M4.5%2c0%2c9%2c5H0Z' transform='translate(9 5) rotate(180)' fill='%23666'/%3e %3c/svg%3e") no-repeat 95% center, #fff; border-radius: 0px; box-sizing: border-box; text-align: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 21px; }
.search_select::-ms-expand {display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
.search_text::placeholder{ font-weight: bold; font-size: 18px; }
#main_search > .search_select{border: 2px solid #88929e; border-right: 0 none;}
#main_search > .search_text{border: 2px solid #88929e; border-right: 0 none;border-left: 0 none;}
.btn_search{width: 146px; flex-shrink: 0; padding-left: 40px; padding-top: 1px;color: #fff; background-color: #12253e; font-size: 22px; font-weight: bold; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18.627' height='18.816' viewBox='0 0 18.627 18.816'%3e %3cg fill='none' stroke='white' stroke-width='2'%3e %3ccircle cx='7.5' cy='7.5' r='7.5' stroke='none'/%3e %3ccircle cx='7.5' cy='7.5' r='6.5' fill='none'/%3e %3c/g%3e %3crect width='9' height='2' rx='1' transform='translate(12.263 11.038) rotate(45)' fill='white'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-position: 32px center; background-size: 30px;}
.btn_detail, .btn_keyboard{ width: 66px; height: 66px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: center center; flex-shrink: 0; }
.btn_detail{ background-color: #4b617d; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3e %3crect width='14' height='2' transform='translate(0 6)' fill='white' opacity='0.7'/%3e %3crect width='14' height='2' transform='translate(8) rotate(90)' fill='white' opacity='0.7'/%3e %3c/svg%3e"); }
.btn_keyboard{background-color: rgba(49,190,255,0.5); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='14' viewBox='0 0 24 14'%3e %3cg fill='none' stroke='white' stroke-width='1'%3e %3crect width='24' height='14' stroke='none'/%3e %3crect x='0.5' y='0.5' width='23' height='13' fill='none'/%3e %3c/g%3e %3crect width='1' height='2' transform='translate(4 3)' fill='white'/%3e %3crect width='1' height='2' transform='translate(7 3)' fill='white'/%3e %3crect width='1' height='2' transform='translate(10 3)' fill='white'/%3e %3crect width='1' height='2' transform='translate(13 3)' fill='white'/%3e %3crect width='1' height='2' transform='translate(16 3)' fill='white'/%3e %3crect width='1' height='2' transform='translate(19 3)' fill='white'/%3e %3crect width='1' height='2' transform='translate(4 6)' fill='white'/%3e %3crect width='1' height='2' transform='translate(7 6)' fill='white'/%3e %3crect width='1' height='2' transform='translate(10 6)' fill='white'/%3e %3crect width='1' height='2' transform='translate(13 6)' fill='white'/%3e %3crect width='1' height='2' transform='translate(16 6)' fill='white'/%3e %3crect width='1' height='2' transform='translate(19 6)' fill='white'/%3e %3crect width='1' height='1' transform='translate(4 10)' fill='white'/%3e %3crect width='10' height='1' transform='translate(7 10)' fill='white'/%3e %3crect width='1' height='1' transform='translate(19 10)' fill='white'/%3e %3c/svg%3e");}
.btn_search:hover, .btn_detail:hover, .btn_keyboard:hover, .btn_search:active, .btn_detail:active, .btn_keyboard:active{background-color: rgba(19,52,69,0.85);}
.btn_research { width:165px; padding-left:25px; height:66px; line-height:66px; color:#e9ecf1; overflow: hidden; background-repeat: no-repeat; flex-shrink:0; background-color: #4b617d; font-size:18px; text-align:center; background-image:url(../../../img/service/research_none.png); background-position: 18px center; }
.btn_research.active/*, .btn_research:hover*/{background-image:url(../../../img/service/research_active.png); }
/*.btn_research:hover{background-color: #3A78C9;}*/
@media screen and (min-width: 1025px) {
    .btn_research:hover { background-image:url(../../../img/service/research_active.png); background-color: #3A78C9;}
}
@media screen and (min-width: 861px) {
    .search_pc{ display: flex; display: -ms-flexbox;  }
    .search_m{ display: none; }
}
@media screen and (max-width: 860px) {
    .search_pc { height: 66px; }
    .search_pc button { height: 66px; }
    .search_pc .btn_search { width:66px; padding-left:0; background-position:center center; text-indent:-99999px; }
    .search_pc a { height: 66px; float: right}

    .search_m{ display: flex; display: -ms-flexbox;  justify-content: center;}
    .search_select li{line-height: 2.35rem;}

    .search_wrap { width: calc(100% - 50px); min-width: 295px; position: relative; margin: 70px auto 0; padding: 0;}
    .search_wrap .search_select { width: 30%; min-width: 90px; }
    .search_wrap .search_text { width: calc(80% - 66px); }
    #main_search > .search_select{}
    #main_search > .search_text{border-right: 2px solid #88929e; }
    .btn_research { margin-left:-4px; }
}
@media screen and (max-width: 480px) {
    .search_wrap { height: 80px; margin:25px auto 0; }
    .search_pc { height: 67px; top: auto; bottom: 0; }
    .search_pc button { height: 100%;  background-position: 41px center;    font-size: 18.67px;
    padding-left: 28px;    width: 140px;
    background-size: 19px; }
    .search_pc button.btn_research {    background-position: 16px center;
    padding-right: 22px;
    width: auto;
    padding-left: 46px;}
    .search_pc a { height: 100%; float: right; }

    .search_select, .search_select label{ height: 67px; font-size: 18px; }
    input.search_text { height: 67px; font-size: 18px; line-height: 18px; } 
    input.search_text::-webkit-input-placeholder { font-size: 16px; line-height: 20px; letter-spacing:-2px; }
    .search_select{width: 30%; }
    .search_select { font-size: 18px; }
    .search_select label{ width: 100%; }
}

/* header */
header{ position: fixed; left: 0; right: 0; top: 0; z-index: 11; box-shadow: 0 6px 9px rgba(0,0,0,0.17); width: 100%; height: 100px; background-color: #12253e; }
.header{ /* width: 1200px; */width: 1100px;/*2020-06-08 width 기준변경*/ height: 100px; margin: 0 auto; display: flex; display: -ms-flexbox;  justify-content: space-between; z-index: 3;}
.header h1{ display: flex; display: -ms-flexbox;  align-items: center; font-weight: bold; font-size: 22px; letter-spacing: -2px; color: #333; }
header.main_header { position:relative; }
@media screen and (max-width: 1100px) { /*2020-06-08 width 기준변경*/
  .header{ width: 100%; position: relative; padding: 0 40px; box-sizing: border-box; }
}

#main_nav{  }
#main_nav ul{ display: flex; display: -ms-flexbox;   height: 100%; }
#main_nav li{ margin: 0 25px; display: flex; display: -ms-flexbox;  align-items: center; position: relative; }
#main_nav li::after, #main_nav li::after{ content: ""; display: block; width: 0px; height: 3px; background-color: #e2b463; position: absolute; left: 0; bottom: 23px; }
#main_nav li:hover::after, #main_nav li.active::after{  width: 38px; animation-name: menuHover; animation-duration: 0.5s;  }
#main_nav a{ font-size: 22px; 
    /* font-weight: bold;  */
    color: #fff; }
.moblie_nav { display: none; }
@keyframes menuHover {
  from { left: 0; width: 0; }
  to {  width: 38px;  }
}

@media screen and (max-width: 860px) {
    .header h1 {  width: 150px; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
    .header h1 a img { width: 150px; }
    #main_nav { display: none; }
    .moblie_nav { display: inline-block; width: 31px; height: 26px; display: flex; display: -ms-flexbox;  flex-flow: column; justify-content: space-between; position: absolute;
    left: 40px;top: 50%; -ms-transform: translate(0,-50%);transform: translate(0,-50%); }
    .moblie_nav .moblie_nav_span{ width: 100%; height: 2px; background-color: #fff; }
}
@media screen and (max-width: 480px) {
    .moblie_nav { width: 30px; height: 30px; left: 30px;  }
    .moblie_nav .moblie_nav_span{ height: 3px; }
}

/* toggle */
input#toggle_nav{position: fixed; width: 0; height: 0; overflow: hidden; display: block; left: -9999px; top: -9999px;}
input#toggle_nav + #wrap > #toggle_menu{  position: fixed; left: -100%; top: 0; bottom: 0; width: 100%; margin: 0; overflow: hidden; z-index: 11; }
input#toggle_nav + #wrap > #toggle_menu > .toggle_nav{ }

input#toggle_nav:checked + #wrap > #toggle_menu{display: block; width: 100%; padding-top: 0; left: 0; transition: left 0.3s; }
input#toggle_nav:checked + #wrap > #toggle_menu > .toggle_nav{ width: 83%; background-color: rgba(18, 37, 62, 0.9); position: absolute; left: 0; top: 0; bottom: 0; }
.menu_bg_close{ text-indent: -9999px; overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; width: 100%; height: 100%;  }
.head{ box-sizing: border-box; padding: 0 27px; display: flex; display: -ms-flexbox;  justify-content: space-between; align-items: center; height: 66px; }
.head a, .toggle_menu a{ color: #fff; font-size: 1.375rem; line-height: 4.16rem; cursor: pointer; padding-left: 5px; }
.head a::after, .toggle_menu a::after{ content: ""; display: block; width: 53px; height: 3px; background-color: #1c8fe8; margin-top: -3px;}
.toggle_menu li:hover, .toggle_menu li:active{ background-color: rgba(51, 98, 162, 0.5); }
.menu_close{display: block;width: 36px; height: 36px; text-indent: -9999px; overflow: hidden; background-image: url("../../../img/service/btn_close.png"); background-repeat: no-repeat; background-size: contain; }
.toggle_menu li{ height: 66px;  padding: 0 27px;}
@media screen and (min-width: 1025px){
    
}
@media screen and (max-width: 1024px) {
    
}


/************************ result ************************/
/*#content*/
#content{ z-index: 2; background-color: #fff;width: 100%; background-image: url("../../../img/service/dict_sub_visual02.png"); background-repeat: no-repeat; display: block; background-position: center calc(-821px + 195px); margin-top:100px; } /*2020-06-09 시안 변경 반영 */

.search_wrap.sub{ }
.search_top{ width: 1100px; margin: 0 auto; height: 195px; position: relative; }/*2020-06-08 width 기준변경*/
#content .search_top{ display: block; }
#content .search_top #sub_search{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); }
@media screen and (max-width: 1200px) {/*2020-06-08 width 기준변경*/
    .search_top{ width: 100%;}
}
@media screen and (max-width: 860px) {
	#content{background-position: top center;}
     #content .search_top #sub_search {width:100%; padding: 0 40px; box-sizing: border-box; }
    .search_top { width:  auto; position: relative; }
    .search_top .search_wrap { margin: 0; position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); top: 22%; height: 66px; }
}
@media screen and (max-width: 480px) {
	#content { margin-top:83px; }
    .search_top .search_wrap { width: calc(100% - 60px); }
    #content .search_top #sub_search { top:50%; padding: 0 20px; }
}

/* .font */
.font{ float: right; height: 47px; margin-top: 0; display: flex; display: -ms-flexbox; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.font, .font button{ color: white; font-size: 1.0rem; }
.font span, .font button{ display: block; margin-left: 5px; }
.font .font_h, .font .plus, .font .minus, .font .original{ text-indent: -9999px; overflow: hidden; width: 21px; height: 20px; background-repeat: no-repeat; }
.font .font_h{ width: 35px; background-image: url("../../../img/service/font_h.png"); }
.font .plus{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3e %3cg fill='none' stroke='%23ffffff' stroke-width='1'%3e %3crect width='21' height='20' stroke='none'/%3e %3crect x='0.5' y='0.5' width='20' height='19' fill='none'/%3e %3c/g%3e %3crect width='1' height='12' transform='translate(10 4)' fill='%23ffffff'/%3e %3crect width='1' height='13' transform='translate(17 9) rotate(90)' fill='%23ffffff'/%3e %3c/svg%3e"); }
.font .plus:hover, .font .plus:active{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3e %3crect width='21' height='20' fill='%231cc9e8'/%3e %3crect width='1' height='12' transform='translate(10 4)' fill='white'/%3e %3crect width='1' height='13' transform='translate(17 9) rotate(90)' fill='white'/%3e %3c/svg%3e");}
.font .minus{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3e %3cg fill='none' stroke='%23ffffff' stroke-width='1'%3e %3crect width='21' height='20' stroke='none'/%3e %3crect x='0.5' y='0.5' width='20' height='19' fill='none'/%3e %3c/g%3e %3crect width='1' height='13' transform='translate(17 9) rotate(90)' fill='%23ffffff'/%3e %3c/svg%3e"); }
.font .minus:hover, .font .minus:active{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3e %3crect width='21' height='20' fill='%231cc9e8'/%3e %3crect width='1' height='13' transform='translate(17 9) rotate(90)' fill='white'/%3e %3c/svg%3e"); }
.font .original{ background-image: url("../../../img/service/original.png"); }
.font .original:hover, .font .original:active{background-image: url("../../../img/service/original_h.png");}
@media screen and (min-width: 1281px) {
    .font{display: flex; display: -ms-flexbox; }
}
@media screen and (max-width: 1200px) {/*2020-06-08 width 기준변경*/
    .font{display: none;}
}

/* search_bottom */
.search_bottom{ /* width: 1200px; */ width:1100px; background-color: #fff; padding: 0 40px 30px; margin: 0 auto; border-right:1px solid #dadee1; border-left:1px solid #dadee1; } /*2020-06-08 width 기준변경*/ /*2020-06-09 시안 변경 반영 */
.search_bottom.bot_none_padding { padding-bottom:0; }
@media screen and (max-width: 1200px) { /*2020-06-08 width 기준변경*/
  .search_bottom{ width: 100%; box-sizing: border-box;}
}
/* search_out_area */
.search_out_area { width:100%; background-color: #fff; } /*2020-06-09 시안 변경 반영 */
/* 통합검색 토글 버튼 */
input#toggleSearch{position: absolute; width: 0; height: 0; overflow: hidden; top: -9999px; left: -9999px;}
.btn_toggle_search{ display: block;  position: relative; font-size: 1.75rem; width: 100%; border: 2px solid #d9d9d9; box-sizing: border-box; color: #133445; background-color: #fff; font-weight: bold;}
.btn_toggle_search:after{ content: ""; display: block; background-image: url(../../../img/service/sub_bg_arrow.png);background-repeat: no-repeat; background-size: contain; width: 19px; height: 13px; position: absolute; right: 40px; top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
@media screen and (min-width: 861px) {
    .btn_toggle_search{ position: absolute; width: 0; height: 0; overflow: hidden; top: -9999px; left: -9999px;}
    input#toggleSearch + .search_bottom{}
    input#toggleSearch:checked + .search_bottom{}
    
}
@media screen and (max-width: 860px) {
    .btn_toggle_search{ padding: 30px 40px;}
    /*input#toggleSearch{}
    input#toggleSearch + .search_bottom{ height: 0; overflow: hidden;}
    input#toggleSearch:checked + .search_bottom{height: auto; transition: height 0.3s;}*/
}
@media screen and (max-width: 480px){
    .btn_toggle_search{ padding: 20px 20px; font-size: 18px;  }
    .btn_toggle_search:after{ right: 20px;}
}

/* sub_head */
.sub_head{width: 100%; height: 77px; display: flex; display: -ms-flexbox;  justify-content: space-between; align-items: center;  padding-top: 26px; }
.sub_head h2{ font-size: 2.0rem; font-weight: bold; color: #000; }
.sub_detail_head { border-bottom: 2px solid #dadee1; }
.h2_indent h2{ text-indent:-99999px; }
.m_head{ display: none; }

/*breadcrumb*/
.breadcrumb{ display: flex; display: -ms-flexbox;  justify-content: space-around;  }
.home{text-indent: -9999px; overflow: hidden; width: 16px; height: 15px; background: url("../../../img/service/bg_dict_home.png") no-repeat; margin: 5px 0;}
.dep1, .dep2{ padding: 3px 0 3px 34px; position: relative;  }
.dep1::before, .dep2::before{ content: ""; width: 10px; height: 19px; background-image: url("../../../img/service/right_arrow.png"); background-repeat: no-repeat;  position: absolute; left: 12px; top: 3px; }
.dep1::after, .dep2::after{ content: ""; display: block; width: 18px; height: 18px; position: absolute; right: 0; top: 3px; background-image: url("../../../img/service/bg_depth.png"); background-position: center; background-repeat: no-repeat; }
.dep1.depth_span::after, .dep2.depth_span::after{ content: none; }
.dep1::after{background-color: #d3d3d3;}
.dep2::after{background-color: #12253e;}
.dep2{ color: #404040; }
.dep1 .depth_select, .dep2 .depth_select{ color: #999; font-size: 0.875rem; font-weight: bold; cursor: pointer; padding-bottom: 3px; padding-right: 25px; }
.dep2 .depth_select{ color: #404040; }
.depth_select{ font-size: 0.875rem; border: 0; border-bottom: 1px solid #dadee1; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.depth_select::-ms-expand {display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
span.depth_span{color: #404040; font-size: 0.875rem; font-weight: bold; padding-bottom: 3px; padding-right: 3px; border-bottom: 1px solid #dadee1; cursor: default;}
@media screen and (max-width: 1100px) { /*2020-06-08 width 기준변경*/
    .search_bottom { width: 100%; box-sizing: border-box; }
}
@media screen and (max-width: 860px) {
    .sub_head{ padding: 0;  border-bottom: 1px solid #e9ebed; display:none; }
    .sub_head h4{ font-size: 2.0rem; padding-left: 10px; }
    /* .m_head{ display: flex; display: -ms-flexbox;  padding: 0 40px; align-items: center; border: 0; box-sizing: border-box;} */
    .breadcrumb{ /* display: none; */ position: absolute; left: 0; top: 272px; width: 100%; }
    .breadcrumb .home{display: none;}
    .breadcrumb .dep2{ display: block; padding: 0; position: relative;  width: 100%; border: 2px solid #d9d9d9; box-sizing: border-box; color: #133445; background-color: #fff; font-weight: bold;}
    .breadcrumb .dep2::before{content: none;}
    .breadcrumb .dep2:after{ content: ""; display: block; background-color: transparent; background-image: url(../../../img/service/sub_bg_arrow.png);background-repeat: no-repeat; background-size: contain; width: 19px; height: 13px; position: absolute; right: 40px; top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%);  display:none;}
    .breadcrumb .dep2 .depth_select ,.breadcrumb .dep2 span.depth_span{font-size: 1.75rem; padding: 0 40px; width: calc(100% - 40px); border: 0; height: 80px; line-height: 80px; display:none; }
    .breadcrumb.depth_span{display: none;}
    .breadcrumb .dep2.depth_span::after{content: none;}
    .search_bottom { padding-top: 20px; }
    .search_bottom.search_bottom_case01{padding: 0px 40px;}
}
@media screen and (max-width: 480px) {
    .m_head{  padding: 0 20px; }
    .breadcrumb{top: 252px;}
    .breadcrumb .dep2{padding: 0;}
    .breadcrumb .dep2:after{right: 20px; }
    .breadcrumb .dep2 .depth_select, .breadcrumb .dep2 span.depth_span{    font-size: 20px;
    width: 100%;    height: 60px;
    line-height: 60px; padding: 0 20px; }
    .breadcrumb .dep2 .depth_select{background-color: #fff;}
    .search_bottom {padding: 20px 20px 30px; }
    .search_bottom.search_detail_bottom { padding: 0;}
    .search_bottom.search_bottom_case01{padding: 0px 20px;}
    
}

/*sub_category_wrap*/
.sub_category_wrap{ width: 100%; border-bottom: 1px solid #e9ebed;  padding: 0 0 20px; border: 2px solid #dadee1; box-sizing: border-box; }
.sub_category_wrap_02{ width: 100%; border-bottom: 1px solid #e9ebed;  padding: 0; border: 2px solid #dadee1; box-sizing: border-box; padding-bottom:20px; } /*2020-06-09 시안 변경 반영 */
.sub_category { padding: 20px 20px 10px 0; }
.sub_category label{ display: inline-block; min-width: 50px; padding: 0 18px; font-size: 1.125rem; font-weight: bold; color: #999; line-height: 2.5rem; margin-right: 10px; margin-bottom: 10px; border-radius: 21px; background: #f0f0f0; box-sizing: border-box; text-align: center; }
.sub_category label:first-of-type { min-width: 90px; }
.sub_category input[type="checkbox"]{position: fixed; top: -9999px; left: -9999px; overflow: hidden; width: 0; height: 0;}
.sub_category input[type="checkbox"]:checked + label, .sub_category label:hover{ background: #12253e; color: #fff; overflow: visible; }
.sub_category.search_subject { text-align:left; /* padding-left:0; */ margin:0; padding: 0; display: flex; display: -ms-flexbox; margin-top: 10px; border-top: 1px solid #e7eaec; padding-top: 10px;  }/* 2020-06-04 고객요청사항 수정건 */
.sub_category.search_subject input[type="text"], .sub_category.search_subject select{margin-right: 10px;}/* 2020-06-04 고객요청사항 수정건 */
.sub_category.search_subject input[type="text"] { /* width:380px; */ width:25%; /* 2020-06-04 고객요청사항 수정건 */background-color:#f0f0f0; padding:17px; border: 0 none; box-sizing:border-box; font-size:1.125rem; font-weight: bold; border-radius:30px; }
.sub_category.search_subject input[type="text"]:hover, .sub_category.search_subject input[type="text"]:focus { background-color: #fff; padding: 15px; border: 2px solid #133445; color: #133445; }
.sub_category.search_subject select { /* width:380px; */ width:25%;/* 2020-06-04 고객요청사항 수정건 */ background-color:#f0f0f0; padding:17px; border: 0 none; box-sizing:border-box; font-size:1.125rem; font-weight: bold; border-radius:30px; background-image:url(../../../img/service/select_pointer.png); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-position: calc(100% - 20px) center; }
.sub_category.search_subject select:hover, .sub_category.search_subject select:focus{background-color: #fff; padding: 15px; border: 2px solid #133445; color: #133445; background-image: url(../../../img/service/select_pointer_h.png); background-position: calc(100% - 18px) center; }
.sub_category.search_subject select::-ms-expand {display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
.sub_category.search_people input[type="text"] { width:350px; background-color:#f0f0f0; padding:17px; border: 0 none; box-sizing:border-box; font-size:1.125rem; font-weight: bold; border-radius:30px; }
.sub_category.search_subject input[type="text"]:last-child { margin-left:20px; }
.sub_category.search_subject select:last-child { /* margin-left:20px; */ margin-right: 0; }/* 2020-06-04 고객요청사항 수정건 */
.sub_category.search_subject.top_line { border-top:1px solid #e7eaec; padding: 10px 0; }
/*.detail_search_wrap .sub_category{ border-top: 1px solid #e7eaec; }*/
.line{  width: calc(100% - 44px); overflow: hidden; padding: 0 20px; }
.line > li{clear: both;}
.cell, .cell li{  }
.cell{ border-bottom: 1px solid #e7eaec; }
li:first-child .cell{ border: 0 none; }
.cell > li{ margin: 18px 0 20px 0; height: 40px; float: left; width: calc(50% - 21px); }
/* .cell > li:nth-of-type(1){ width: 25%; } */
.cell > li:nth-of-type(2n){ padding-left: 18px; }
.cell > li:nth-of-type(2n-1){ padding-right: 22px; background: url("../../../img/service/bg_cell.png") no-repeat; background-position: right 5px;}
.search_detail_text, .search_detail_year{ height: 40px; border-radius: 21px; padding: 0 21px; font-size: 1.0rem; border: none; background: #f0f0f0; float: left; }
.search_detail_text{ width: calc(100% - 162px); }
.search_detail_text:placeholder{ font-weight: bold; font-size: 1.0rem; color: #999; }
.search_detail_year{ width: calc((100% - 235px) /2); }

.label_select_wrap{ float: left; height: 40px; position: relative; margin-left: 10px; display: block; min-width: 110px;}
.label_select, .label_option{color: #000; font-size: 1.0rem; border-radius: 21px;background-color: #f0f0f0; padding-right: 60px; }
.label_select{ height: 40px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17.793' height='11.779' viewBox='0 0 17.793 11.779'%3e %3crect width='3' height='13' rx='1.5' transform='matrix(0.755%2c -0.656%2c 0.656%2c 0.755%2c 0%2c 1.968)' fill='%23a4a4a4'/%3e %3crect width='3' height='13' rx='1.5' transform='translate(9.264 11.779) rotate(-139)' fill='%23a4a4a4'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-position: 82% 15px; padding: 10px 60px 10px 18px; box-sizing: border-box; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 1; white-space: nowrap; letter-spacing: -1px; border: 0 none; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.1), 1px -1px 0 rgba(0,0,0,0.1), -1px 1px 0 rgba(0,0,0,0.1), -1px -1px 0 rgba(0,0,0,0.1); }
.label_select::-ms-expand {display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */
.label_select option{background: #fff; color: #000; font-size: 1.25rem;}
.sub_category + .label_select_wrap{ margin-left: 0; margin-bottom: 20px;  }

.result_download { 
    width: 210px; 
    height: 58px; 
    line-height: 55px; 
    border: 2px solid #133445; 
    border-radius: 30px; 
    color: #133445; 
    font-size: 1.125rem; 
    font-weight: bold; 
    /* padding-right: 27px; 
    background-image: url(../../../img/service/download_icon.png); 
    background-repeat: no-repeat; 
    background-position: 170px center;  */
    vertical-align: middle; 
    margin-left: 10px; 
}
.result_download::after { 
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("../images/download_icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 10px;
}
.result_download.htmx-request::after {  
    display: none;
}
.result_download.htmx-request { 
    padding-right: 27px; 
    background-image: url(../images/spinner1.svg); 
    background-repeat: no-repeat; 
    background-position: 160px center; 
    background-size: 40px 40px;
    pointer-events: none;
}
.result_download:hover { background-color: #133445; color: #fff; }
/* by @sunyeon-lee */
.result_download.disabled { background-color: #d9d9d9; color: #999; cursor: not-allowed; border-color: #999; }
.result_download.disabled:hover { background-color: #d9d9d9; color: #464545; }
.result_download.disabled:active { background-color: #d9d9d9; color: #828282; } 


@media screen and (max-width: 1100px) { /*2020-06-08 width 기준변경*/
    .sub_category.search_people input[type="text"]{ width:100%; margin:0 0 20px; }
    .sub_category.search_subject select{ /* width:100%; */ }/
    .sub_category.search_subject select:last-child {/*  margin-left:0; */ }
}
@media screen and (max-width: 1200px) {
    .sub_category{text-align: center; padding: 20px 20px 10px;}
}
@media screen and (max-width: 1080px) {
    .btn_reSearch_toggle.active{}
    .btn_reSearch_toggle.active::after{ -ms-transform: rotate(180deg);transform: rotate(180deg); }
    .btn_reSearch_toggle::after{ content: ""; display: inline-block; width: 15px; height: 10px; background-image: url("../../../img/service/sub_bg_arrow.png"); background-repeat: no-repeat; margin-left: 10px; }
    .sub_category.search_subject{padding-right: 0;}
    .sub_category.search_subject input[type="text"] { width:100%; /*margin:0 0 10px;*//* 2020-06-04 고객요청사항 수정건 */ }
    .sub_category.search_subject input[type="text"]:last-child { margin:0px; }
    .sub_category.search_subject.top_line { border:0 none; padding-top:0; }
    .sub_category label{ margin-bottom: 10px; }
    .sub_category.search_subject select{ width:100%; }
    .sub_category.search_subject select:last-child { margin-left:0; }/* 2020-06-04 고객요청사항 수정건 */
    .sub_category.search_subject.top_line select{margin-bottom: 10px;}
    .sub_category.search_subject.top_line select:last-child{margin-bottom: 0;}
    .cell{ padding-left: 10px; }
    .line > li:nth-child(2) > .cell > li:first-child{  }
    .cell > li{ width: 100%;}
    .cell > li:nth-of-type(2n-1){ background: transparent; }
    .cell > li:nth-of-type(2n){ padding-left: 0; }
}
@media screen and (min-width: 861px) and (max-width: 1080px) {
    .cell > li{margin: 16px 0 0; }
}
@media screen and (max-width: 860px) {
    .sub_category.search_subject { margin:0 20px; flex-wrap: wrap; }/* 2020-06-04 고객요청사항 수정건 */
    .btn_reSearch_toggle{ display: block; width: 100%; height: 51px; font-size: 1.125rem; font-weight: bold; color: #133445; line-height: 3.125rem; text-align: center; border-top: 2px solid #d9d9d9;}
    input#reSearch_toggle + .sub_category_wrap{ height: 0; overflow: hidden; padding: 0; margin: 0;  }
    input#reSearch_toggle:checked + .sub_category_wrap{ height: auto; overflow: hidden; padding: 0 0 20px; margin-bottom: 30px; transition-duration: 0.3s; }
    .line { width: 100%; padding: 0;}
    .line > li:last-child > .cell > li{  margin: 10px 0;}
    .cell > li{margin: 16px 0 16px 0; }
    .sub_category label{ margin: 0 2px 10px; }
    .cell { margin: 0px 26px 0; }
    .cell > li:nth-of-type(1) { width: auto; }
    .sub_category.search_subject input[type="text"], .sub_category.search_subject select{width:calc(50% - 5px); }/* 2020-06-04 고객요청사항 수정건 */
    .sub_category.search_subject select{margin-right: 0;}/* 2020-06-04 고객요청사항 수정건 */
    .sub_category.search_subject select:nth-of-type(1),.sub_category.search_subject select:nth-of-type(3){ margin-right: 10px;}/* 2020-06-04 고객요청사항 수정건 */
    .sub_category.search_subject select:nth-of-type(3),.sub_category.search_subject select:nth-of-type(4){ margin-top: 10px;}/* 2020-06-04 고객요청사항 수정건 */

    /* by @sunyeon-lee 2025.8.4 */
    .sub_category.search_subject select:nth-of-type(5), .sub_category.search_subject select:nth-of-type(6){ margin-top: 10px;}
    .sub_category.search_subject select:nth-of-type(5){ margin-right: 10px;}
}
@media screen and (max-width: 720px) {
	.sub_category.search_subject{margin: 10px 20px 0;}
}
@media screen and (max-width: 480px) {
    .sub_category label{ font-size: 16px; }
    .cell strong,.cell select{ font-size: 16px; }
    .result_download { height: 52px; line-height: 48px; font-size: 16px; width: auto; padding: 0 40px 0 20px; background-position: calc(100% - 16px) center; }
    
    .sub_category.search_subject input[type="text"], .sub_category.search_subject select{width: 100%; margin: 0; }/* 2020-06-04 고객요청사항 수정건 */
    .sub_category.search_subject select{margin-top: 10px;}/* 2020-06-04 고객요청사항 수정건 */
	.sub_category.search_subject select:nth-of-type(2){margin-right: 0;}/* 2020-06-04 고객요청사항 수정건 */
	.sub_category.search_subject select:nth-of-type(1),.sub_category.search_subject select:nth-of-type(3){ margin-right: 0px;}/* 2020-06-04 고객요청사항 수정건 */
    .sub_category.search_subject select:nth-of-type(3),.sub_category.search_subject select:nth-of-type(4){ margin-top: 10px;}/* 2020-06-04 고객요청사항 수정건 */
}
@media screen and (max-width: 390px) {
    .detail_search_wrap.detail_search_case04 .label_select_wrap{ float: right; }
}
@media screen and (max-width: 367px) {
    .list_title .result_download { position:relative; left:65%; transform:translateX(-50%); margin-top:20px; }
}
@media screen and (max-width: 360px) {
    .label_select_wrap.label_select_sort{ min-width: 88px; }
    .label_select_wrap.label_select_sort .label_select{ font-size: 12px; padding: 10px 18px 10px 9px; }
}

/* 결과 내 재검색 - 기간검색 */
.search_detail_year{}
.label_option{ width: 100%; position: absolute; top: 43px; z-index: 2; padding: 0; overflow: hidden; height: 0; box-sizing: border-box; }
.label_option.active{  padding: 10px 8px; height: auto; box-shadow: 1px 7px 7px rgba(0,0,0,0.1); }
.label_option li{ width: 100%; margin: 0;  padding: 0; line-height: 1.5rem; box-sizing: border-box;}
.label_option.active li{ padding-left: 8px;  }
.label_option li:hover{ cursor: pointer; background-color: #133445; color: #fff; border-radius: 10px; }
.yrTo{ font-size: 1.5rem; color: #000; display: block; float: left; line-height: 2.5rem; margin: 0 8px; }
.cell strong{ font-weight: bold; font-size: 1.0rem; color: #133445; line-height: 2.5rem; display: block; float: left; }

/* 게시판 검색어 입력 */
.search_bar{ margin: 0 20px; padding-top:20px; display: flex; display: -ms-flexbox;   } /* 검색 수정 border-top 삭제 */
.search_bar.top_line { border-top:1px solid #e7eaec; }
.search_bar .subject_title { display:none }
.label_inResult, .search_bar_text{font-size: 1.125rem; font-weight: bold; border-radius: 30px; padding: 16px; color: #999; margin-right: 12px;}
.label_inResult{ letter-spacing: -2px; border: 2px solid #f0f0f0;  position: relative; display: inline-block; padding: 20px 22px 18px 46px;}
.label_inResult::before{ content: ""; display: block; position: absolute; left: 17px; top: 50%; margin-top: -11px; width: 21px;height: 21px; border-radius: 11px; background: #dbdbdb; }
input#inResult{position: fixed; top: -9999px; left: -9999px; overflow: hidden; width: 0; height: 0;}
input#inResult:checked + .label_inResult{ background: #133445; color: #fff; border: 2px solid #133445; }
input#inResult:checked + .label_inResult::before{ background: url("../../../img/service/bg_inResult.png") no-repeat; }
.search_bar_text{font-family: "Noto Sans CJK KR",sans-serif; color: #133445;  width: calc(100% - 604px); background-color: #e0ebfa; padding: 17px; border: 0 none; box-sizing: border-box; }
.search_bar_text:placeholder{ font-size: 0.875rem; letter-spacing: -2px; color: #999;  }
.search_bar_text:focus{ background-color: #fff; border: 2px solid #133445; padding:15px; }
.search_bar_btn{ display: inline-block; width: 57px; height: 57px; text-indent: -9999px; overflow: hidden; background-image: url(../../../img/service/search_icon.png); background-color: #133445; background-repeat: no-repeat; background-position: center; border-radius: 30px; }
.search_bar_btn:hover{ background-color: #1cc9e8; }
.btn_detail_toggle{padding: 17px; background-color: #fff; color: #133445; border-radius: 30px; font-size: 1.125rem; font-weight: bold; position: relative; padding-right: 45px; border: 2px solid #133445; }
.search_bar select { width:auto; padding:17px 40px 17px 17px; font-size:1.125rem; font-weight:bold; margin-right:12px; border-radius:30px; background-color:#f0f0f0; color:#999; cursor:pointer; border:none; background-image:url(../../../img/service/select_pointer.png); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-position: calc(100% - 10px) center; }
.search_bar select:hover, .search_bar select:focus{background-color: #fff; padding-right: 38px; padding-left: 15px; border: 2px solid #133445; color: #133445;background-position: calc(100% - 8px) center; background-image: url(../../../img/service/select_pointer_h.png);  }
@media screen and (min-width: 1025px) {/* 모바일 화면에서 hover 효과 삭제 */
    .label_inResult:hover{ background: #133445; color: #fff; border: 2px solid #133445; }
    .label_inResult:hover::before{ background: url("../../../img/service/bg_inResult.png") no-repeat; }
}
@media screen and (max-width: 1080px) {
    .search_bar{margin: 0px 20px 10px; flex-wrap: wrap;}
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .search_bar_text{ width: calc(100% - 467px); }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
    .sub_category_wrap{ padding-bottom: 10px; }
    .search_bar_text{ width: calc(100% - 248px); }
    .result_download{ /*margin-top: 20px;*/ }
}

@media screen and (max-width: 860px) {
    .search_bar{ margin-top: 0; }
    /*
    .search_bar{ padding: 26px 0px 0 0px; text-align: center; }
    .search_bar_text{ width: calc(100% - 221px); }
    .search_bar_btn, .btn_detail_toggle{ margin-top: 26px; }
    .search_bar_btn{ margin-right: 8px; width:45px; height: 45px; background-size: 20px; }
 */
}
@media screen and (max-width: 720px) {
    .search_bar{ margin-bottom: 0; padding-top: 10px; }
    .search_bar_text{ width: calc(100% - 86px); margin: 10px 12px; }
    .search_bar_btn{ margin-top: 12px; }
}
@media screen and (max-width: 480px) {
	.search_bar .subject_title { display:block; width:100%; font-size:24px; height:24px; margin-top:12px; font-weight:bold; color:#000; }
    .label_inResult, .search_bar_text { font-size: 16px; }
    .search_bar_text{ margin: 15px 12px 15px 0;  width: calc(100% - 64px);}
    .research_area .search_bar_text{ margin: 10px 12px;  width: calc(100% - 86px);}
    .search_bar_btn{ width: 52px; height: 52px;     margin-top: 15px;  }
}

/* board_list_wrap */
.board_list_wrap { /* width: 1200px; */ width: 1100px; margin: 0 auto; padding: 0 40px 70px; border-left:1px solid #dadee1; border-right:1px solid #dadee1; } /*2020-06-08 width 기준변경*//*2020-06-09 시안 변경 반영 */
button.ex_down_btn { color: #133445; font-size: 1.125rem; font-weight: bold; border: 2px solid #133445; border-radius: 26px; line-height: 46px; height: 49px; padding: 0 40px 0 24px; background-image: url(../../../img/service/download_icon.png); background-repeat: no-repeat; background-position: calc(100% - 16px) center; }
button.ex_down_btn:hover { background-color: #133445; color: #fff; }

/* 게시판 자료 건수 표기 */
.count{ width: 100%; height: 80px; display: flex; display: -ms-flexbox;  justify-content: space-between; align-items: center; color: #808080; }
.flex_full_set{ flex-grow: 1; }
.count, .count .count_cat, .count .count_number{ font-size: 1.5rem; font-weight: bold; }
.count .count_cat{ color: #4b617d; }
.count .count_number{ color: #973cdc; }
.count .label_select_wrap{ float: none; min-width: 170px;}
.count .label_select{ background-color: #f0f0f0;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17.793' height='11.779' viewBox='0 0 17.793 11.779'%3e %3crect width='3' height='13' rx='1.5' transform='matrix(0.755%2c -0.656%2c 0.656%2c 0.755%2c 0%2c 1.968)' fill='%23a4a4a4'/%3e %3crect width='3' height='13' rx='1.5' transform='translate(9.264 11.779) rotate(-139)' fill='%23a4a4a4'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-position: 90% 15px; color: #000; min-width: 168px;  }

.count .label_option{ background: #f0f0f0; color: #000; }
.count .label_option li:hover{ background-color:#133445; color: #fff; }

.research_area { margin-bottom: 20px; }

@media screen and (max-width: 1200px) {/*2020-06-08 width 기준변경*/
    .board_list_wrap { width: 100%; padding: 0 40px; box-sizing: border-box; position: relative; }
}
@media screen and (max-width: 860px) {
    .count{display: block; height: auto; }
    .count p{ height: 51px; line-height: 28px; padding-top: 30px; }
    .count .label_select_wrap{ margin-left: 0; width: 166px; }
    .flex_full_set { display:inline-block; }
    .ex_down_btn { float:right; margin-top:20px; }
}
@media screen and (max-width: 670px) {
	.flex_full_set { display:block; }
    .ex_down_btn { float:none; margin-top:0px; margin-right:30px; position:absolute; right: 20px; }
}
@media screen and (max-width: 480px) {
    .board_list_wrap { padding: 0 20px; }
    .count, .count .count_cat, .count .count_number{ font-size: 18px; }
    .ex_down_btn { position: relative; left:50%; transform:translateX(-50%); margin-right:0px; }
}

/*
.board_list_thumb_wrap{ width: 100%; display: flex; display: -ms-flexbox;   justify-content: space-between; }
.board_list_thumb_wrap li{ width: 18%; }
.board_list_thumb_wrap li a{ width: 100%; height: auto; border: 1px solid #dadee1; }
.board_list_thumb_wrap .thumb{ width: 100%; height: 278px; overflow: hidden; }
.board_list_thumb_wrap .thumb img{ width:100%; height: auto; }
.board_list_thumb_wrap .dict_txt{ padding: 3px 10px 18px; font-family:"Noto Sans CJK KR"; font-size: 1.0rem; letter-spacing: -1px; color: #262626; }
.board_list_thumb_wrap .dict_name{ font-size: 1.125rem; color: #000; font-weight: bold; line-height: 45px; width: 100%; white-space: initial; overflow: hidden; }
.board_list_thumb_wrap .dict_ex{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; white-space: initial; overflow: hidden; }
*/
 .board_list_thumb { position: relative; }
 .board_list_thumb.bot_margin_set { margin-bottom: 40px; }
.swiper-container.list_slide{ width: 100%;  padding: 5px; padding-bottom: 20px; }
.board_list_thumb_wrap{ width: 100%; height: 400px; display: flex; display: -ms-flexbox; }
.board_list_thumb_wrap.full_list_style { margin-bottom:0px; flex-wrap:wrap; height: auto; }
.board_list_thumb_wrap.full_list_style li { width: 19%; margin:0 0.5% 10px; }
.board_list_thumb_wrap.full_list_style li.none_search_result { height: auto; border-bottom: 1px solid #dadee1; text-align:center; display:block; width:100%; font-size:20px; font-weight:bold; padding-bottom: 100px; margin-top: 100px; }
.board_list_thumb_wrap li{ height: 400px; }
.board_list_thumb_wrap li:nth-child(5){  }
.board_list_thumb_wrap li a{ width: 100%; height: auto; border: 1px solid #dadee1; box-sizing: border-box; }
.board_list_thumb_wrap .thumb{ width: 100%; height: 278px; overflow: hidden; }
.board_list_thumb_wrap .thumb img{ width:100%; height: auto; }
.board_list_thumb_wrap .dict_txt{ padding: 3px 10px 18px; font-family:"Noto Sans CJK KR",sans-serif; font-size: 1.0rem; letter-spacing: -1px; color: #262626; }
.board_list_thumb_wrap .dict_name{ font-size: 1.125rem; color: #000; font-weight: bold; line-height: 45px; width: 100%; white-space: initial; overflow: hidden; }
.board_list_thumb_wrap .dict_ex{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; white-space: initial; overflow: hidden; }
.t_thumb_btn_wrap { display: none; position: relative; }
.t_thumb_btn_wrap button { position: absolute; top: 50%; }/* top값 조정 필요 */
.t_thumb_btn_wrap .next { right: 20px;}
.t_thumb_btn_wrap .prev { left: 20px;  }
.board_list_thumb_wrap .dict_name { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin: 0; display: inline-block; }
/*.swiper-button-prev, .swiper-button-next{ display: none; }*/


@media screen and (max-width:1280px) {
     .swiper-container.list_slide{ width: 100%; overflow: hidden; margin: 0 auto; }
     .board_list_thumb_wrap.full_list_style li { width: 32%; }
}
@media screen and (max-width:1200px) {
    .swiper-container.list_slide{ height: auto; margin: 0 52px; box-sizing: border-box; width: calc(100% - 104px); }
    .board_list_thumb_wrap{  height: auto; }
    .t_thumb_btn_wrap { display: block; width: 100%; height: 100%; position: absolute; top: 0; }
    .t_tumb_hidden { display: none; }
    .t_thumb_btn_wrap button { width: 12px; height: 20px; background-size: cover; z-index: 3; }
    .board_list_thumb_wrap .dict_name { }
    .board_list_thumb_wrap li { height: auto; }
    .board_list_thumb_wrap li .thumb { height: auto; position: relative; overflow: hidden; }
    .board_list_thumb_wrap li .thumb img { width: 100%; }
    .board_list_thumb_wrap li:nth-child(4){ margin: 0; }
}
@media screen and (max-width: 480px){
     .swiper-container.list_slide{ margin: 0 32px; width: calc(100% - 64px); }
    .t_thumb_btn_wrap .next { right: 0px;}
    .t_thumb_btn_wrap .prev { left: 0px;  }
    .board_list_thumb_wrap.full_list_style li { width: 49%; }
}

/* pagination */
.pagination_for_list_wrap{ width: 100%;  height: 86px; position: relative; }
.pagination_for_list_wrap a, .pagination_for_list strong{ display: inline-block; line-height: 2.625rem; }
.pagination_for_list{ text-align: center;display: flex; display: -ms-flexbox;  justify-content: center;  }
.pagination_for_list a, .pagination_for_list strong{font-size: 1.25rem; width: 42px; height: 42px; margin-right: 5px; color: #333;}
.pagination_for_list strong{ border-radius: 22px; color: #fff; background: #133445; }
.page_count{position: absolute; right: 0; font-size: 1.125rem; color: #999; top: 13px;}
.first, .prev, .next, .final{ text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: center; }
.prev, .next{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8.839' height='14.486' viewBox='0 0 8.839 14.486'%3e %3cpath d='M0%2c7.414l.171-.171L0%2c7.071%2c7.071%2c0%2c8.839%2c1.768%2c3.364%2c7.243l5.475%2c5.475L7.071%2c14.486Z' fill='%23333' opacity='0.3'/%3e %3c/svg%3e"); }
.first, .final{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18.839' height='14.486' viewBox='0 0 18.839 14.486'%3e %3cpath d='M0%2c7.414l.171-.171L0%2c7.071%2c7.071%2c0%2c8.839%2c1.768%2c3.364%2c7.243l5.475%2c5.475L7.071%2c14.486Z' fill='%23333' opacity='0.5'/%3e %3cpath d='M0%2c7.414l.171-.171L0%2c7.071%2c7.071%2c0%2c8.839%2c1.768%2c3.364%2c7.243l5.475%2c5.475L7.071%2c14.486Z' transform='translate(10)' fill='%23333' opacity='0.5'/%3e %3c/svg%3e"); }
.next, .final{ -ms-transform: rotate(180deg);transform: rotate(180deg); }

@media screen and (max-width:510px) {
    .page_count{ position: static; text-align: center; width: 100%; margin-top: 13px; }
}

/*.board_detail_wrap*/
.board_detail_wrap{ position: relative; /* width: 1200px; */ width:1100px; margin: 0 auto; padding:50px 40px; border-right:1px solid #dadee1; border-left:1px solid #dadee1;} /*2020-06-08 width 기준변경*/ /*2020-06-09 시안 변경 반영 */
.board_detail_wrap.top_none_padding { padding-top:0px; }
.board_detail_wrap.board_reset { padding-top:20px; }
/* by odop 20205.7.1 */
.board_detail_wrap .load_wrap h2 {
    display: block !important;
    font-size: 23px;
    font-family: "Nanum Square",sans-serif;
    font-weight: bold;
    padding-top: 45px;
    padding-bottom: 20px;
    color: #343435;
}
.board_dict_summary{ width: 100%; display: flex; display: -ms-flexbox; justify-content:  space-between; align-items: center; margin-bottom: 70px; }
@media screen and (max-width: 1200px) {/*2020-06-08 width 기준변경*/
    .board_detail_wrap{ width: 100%; padding: 50px 40px; box-sizing: border-box;}
}
@media screen and (max-width: 480px) {
    .board_detail_wrap{ padding: 30px 20px; }
}

/* .print_wrap */
.print_wrap > div { display:none; }
.print_wrap #content { display:none; }
.print_wrap header { display:none; }
.print_wrap .board_detail_wrap { display:block; width: auto; }
.print_wrap .mul_list { display:none; }
.print_wrap .board_btns button:last-child { margin-left:10px; }
/*
.print_wrap .board_btns { display:none; }
*/
.print_wrap #idic-entry-html .tab#tab3 { display: none; }
.print_wrap #idic-entry-html .tab label { display: none; }
.print_wrap #idic-entry-html .tab li:last-child { display: none; }

.dict_name{ font-size: 5.25rem; line-height: 5.5rem; color: #000; margin-bottom: 50px; }
.dict_name dt{ font-weight: bold; letter-spacing: -1px; }
.dict_name dd{ font-family: serif;font-size: 5.0rem; letter-spacing: -6px; }

.dict_summary{ font-family:"Noto Sans CJK KR",sans-serif; font-size: 1.5rem; line-height: 2.625rem; }
.dict_summary dl{ display: flex; display: -ms-flexbox;  }
.dict_summary dt{ color: #808080; width: 65px; }
.dict_summary dd{ color: #000; }

.board_detail{ width: 100%; margin-top: 60px; }
.board_detail .tab{background-color: #cdcdd0; color: #fff; width: 100%; display: flex; display: -ms-flexbox;  height: 50px; margin-bottom: 23px; }
.board_detail .tab li{ width: 33.33%; font-size: 1.375rem; text-align: center; display: flex; display: -ms-flexbox;  align-items: center; justify-content: center; }
.board_detail .tab li.highlight{background-color: #12253e; }

.board_detail p{ font-family:"Noto Sans CJK KR",sans-serif; font-size: 1.125rem; color: #000; line-height: 1.875rem; letter-spacing: -2px; }

/* 게시판 버튼 */
.board_btns{ text-align: center; margin: 47px 0; }
.board_btns .board_prev, .board_btns .board_next, .board_btns .board{ font-weight: bold; border-radius: 29px; text-align: center; height: 3.5rem; font-size: 1.125rem; box-sizing: border-box; display: inline-block; }
.board_btns .board_prev, .board_btns .board_next{ color: #12253e; border: 2px solid #12253e; margin-right: 9px; padding: 0 29px; }
.board_btns .board_prev:hover, .board_btns .board_next:hover{background-color: #12253e; color: #fff; border: 2px solid #133445;}
.board_btns .board_prev{}
.board_btns .board_next{}
.board_btns .board{ background-color: #12253e; color: #fff; padding: 0 32px; }
.board_btns .board:hover{ background-color: #1cc9e8; }
@media screen and (max-width: 480px) {
    .board_btns{ margin: 15px 0 40px; }
}
@media screen and (max-width: 420px) {
    .board_btns{ width: 100%; }
    .board_btns .board_prev, .board_btns .board_next, .board_btns .board{ font-size: 12px; height: 40px; padding: 0 20px; }
}

/* 20200403 수정 */
.list_title { padding-bottom: 15px;; font-size: 1.8rem; font-weight: bold; color: #000; }
.border_line { width: 100%; display: block; }
.border_line span:first-child { display: inline-block; width: 150px; height: 2px; background-color: #afbacb; }
.border_line span:last-child { display: inline-block; width: calc(100% - 150px); height: 2px; background-color: #d9dce1; }
.board_list_all { width: 100%; }
.board_list_all > ul { width: 100%; }
.board_list_all > ul > li { width: 100%; border-bottom: 1px solid #dadee1; margin-bottom:15px; padding-bottom: 10px; display: flex; display: -ms-flexbox;  align-items: center; }
.board_list_all > ul > li.none_search_result { text-align:center; display:block; width:100%; font-size:20px; font-weight:bold; padding-bottom: 100px; margin-top: 100px; }
.board_list_all .thumb { width: 155px; height: 200px; border: 1px solid #dbdfe2; overflow: hidden; display: inline-block; flex-grow: 1; position:relative; }

/* */
.board_list_all .thumb img { 
    /* position:absolute; left:50%; transform:translateX(-50%); */
    width: 100%;
    height: 100%;
}

/* @sunyeon-lee */
.dict_txt {
    font-family: "Noto Sans CJK KR",sans-serif;
}

.board_list_all .dict_txt { display: inline-block; flex-grow: 2; margin-left: 20px;  font-size: 1rem; }
.board_list_all .dict_txt{ width: calc(100% - 177px); }
.board_list_all .dict_txt strong.dict_txt_title { display: inline-block; font-size: 1.375rem; font-weight: bold; margin-bottom: 10px;line-height: 1.5; }
.board_list_all .dict_txt .high { color: #ef2f24;font-weight: bold; }
.board_list_all .dict_txt > .mouse_over:hover > .dict_txt_title > .high{ color: #e2b463; text-decoration: underline; }
.mouse_over:hover .dict_txt_title{ color: #e2b463; text-decoration: underline;}
.board_list_all .dict_txt li { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; vertical-align: middle; line-height: 1.75rem;  }
.board_list_all .dict_txt li .txt_name { display: inline-block; width: 70px; font-weight: bold;}
.board_list_all .dict_txt .none_info { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.75; height: 5.25em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.board_list_all .dict_txt .none_info em { font-weight: bold; display: inline-block; margin-right: 10px; }
.popup_wrap { background-color: rgba(0,0,0,0.5); position: fixed; top: -9999px; left: -9999px; width: 100%; height: 100%; z-index: -1; }
.popup_wrap.active { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 100; }
.enlargement_pop .img_wrap{ position: absolute; left: 50%; -ms-transform: translateX(-50%);transform: translateX(-50%); }
.enlargement_pop .img_wrap img { width: 100%; height: auto; }
.tab_chkbox { display: none; }
.tab_label { display: none; margin-left: 5px; color:#12253E; margin-top:2px; font-size:16px; font-weight:bold; }
#tab2 .tab_label { display:inline-block; }
.highlight .tab_label { color:#fff; }

@media screen and (max-width: 1024px) {
    .board_list_all > ul > li{ align-items: flex-start;}
    .board_list_all > ul > li > .thumb{ float: left; }
    .board_list_all .dict_txt{float: left;}
    .board_list_all .dict_txt li{ display: -webkit-box; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; line-height: 1.5; height: 4.5em; margin-bottom: 10px; }
    .board_list_all .dict_txt li:last-of-type{margin-bottom: 0;}
    .board_list_all .dict_txt li.line_1{     -webkit-line-clamp: 1;     height: 1.5em; }
    .board_list_all .dict_txt li.line_2{     -webkit-line-clamp: 2;     height: 3em; }
    .board_list_all .dict_txt li.under_txt, .board_list_all .dict_txt .none_info{ width: calc(100% + 175px); -ms-transform: translate(-175px, 0px);transform: translate(-175px, 0px); }
    .board_list_all .dict_txt .none_info{ padding-top: 167px; -webkit-line-clamp: 6; height: 10.5em; }
}

@media screen and (max-width: 493px) {/* 검색결과 다운로드 */
	.list_title{ display: flex; /*flex-flow: column;*/ position: relative; height: 50px; line-height: 36px;}
    .list_title > .result_download{ font-size: 12px; background-size: 12px; background-position: calc(100% - 9px) center; line-height: 29px; height: 38px; padding: 0 26px 0 12px; right: 0; left: auto; transform: translateX(0); margin: 0; margin-left: 12px;    display: inline; width: auto;}
    .border_line{ position: absolute; bottom: 0;}
}

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}
.not_scroll .cont {
    position: relative;
    top: 0;
}
/* deail */
#idic-entry-html body { position: relative; }
#idic-entry-html/*, #idic-entry-html * */ { font-size: 1.2rem; }/* 2020-06-04 고객요청사항 수정건 */
#idic-entry-html section#body { margin: 0; clear: both; }
#idic-entry-html section#profile, #idic-entry-html section#defaultinfo { background-color: #fff; }
#idic-entry-html section#profile{ /* width: 45%; */ width: calc(45% - 35px); float: right; }/* 2020-06-04 고객요청사항 수정건 */
#idic-entry-html #profile .layout { float: right; width: 30%; }
#idic-entry-html .entry-name-wrap { font-weight: bold; letter-spacing: -1; color: #000; }
#idic-entry-html .entry-name-wrap span { margin-bottom: 25px; }
#idic-entry-html .entry-name-wrap .entry-name { display: inline-block; font-size:2.3rem; font-weight: bold; }/* 2020-06-08 고객요청사항 수정건 */
#idic-entry-html .entry-name-wrap .entry-name-hanja { font-size:1.8rem; /*font-family:"Noto Sans CJK KR",sans-serif;*/ font-family: serif; margin-left:10px; }/* 2020-06-08 고객요청사항 수정건 */
#idic-entry-html .profile-image-wrap { width: 30%; height: auto; padding-top: 40px;}
#idic-entry-html .profile-image-wrap img { width: auto; max-width: 440px; float: right; }
#idic-entry-html section#defaultinfo { /* width: calc(55% - 20px); */ width: calc(55% - 55px); padding: 0; float: left; margin-right: 20px; /* margin-right: 20px; */ }/* 2020-06-04 고객요청사항 수정건 */
#idic-entry-html section#defaultinfo .layout { width: 100%; margin-bottom: 30px; }
#idic-entry-html section#defaultinfo .layout th { vertical-align:middle; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 10px 15px 10px; }
#idic-entry-html section#defaultinfo .layout tbody td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:15px 5px 15px 5px; }
#idic-entry-html section#defaultinfo .layout tbody tr:first-child td { border-top:1px solid #ccc; }
#idic-entry-html section#defaultinfo .layout tbody th:first-child { border-top:1px solid #ccc; }
#idic-entry-html section#defaultinfo th { border: 0; text-align: left; color: #808080; font-family:"Nanum Square",sans-serif; background-color:#f3f3f3; color:#010101; font-weight:bold; }
#idic-entry-html section#defaultinfo td { color: #000;   font-family:"Noto Sans CJK KR",sans-serif; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
#idic-entry-html section#defaultinfo th, #idic-entry-html section#defaultinfo td { border: 0; font-size: 1.325rem; line-height: 2.25rem; }
#idic-entry-html section#defaultinfo td.entry-name-wrap { padding: 0; }
/* by @sunyeon-lee 2025.7.29 */
#idic-entry-html section#defaultinfo.full-width { width: 100%; float: none; margin-right: 0; }


#idic-entry-html p,#idic-entry-html h2,#idic-entry-html div { line-height: 24px; font-family:"Noto Sans CJK KR",sans-serif; }
/*.media_element 수정필요*/
#idic-entry-html .media_element{ width: 100%; text-align: center; margin-bottom: 20px }
#idic-entry-html .media_element img{ width: 400px; height: auto; margin:20px auto 10px; cursor: pointer; }
#idic-entry-html .tab{background-color: #fff; color: #12253e; border:1px solid #12253e; width: 100%; display: flex; display: -ms-flexbox;  height: 40px; /*margin: 23px 0;*/ margin: 60px 0 30px; }/* 2020-06-04 고객요청사항 수정건 */
#idic-entry-html .tab li{ width: 33.33%; text-align: center; display: flex; display: -ms-flexbox;  align-items: center; justify-content: center; font-weight:bold; }
#idic-entry-html .tab li a{ display: block; width: 100%;  font-size: 20px; font-family:"Nanum Square",sans-serif; }
#idic-entry-html .tab li.highlight{background-color: #12253e; color:#fff; }
#idic-entry-html section#body p{ 
    padding: 15px 20px; line-height: 33px; letter-spacing: -1px; 
    /* by odop. commented */
    /* text-indent: 15px;  */
    text-align: justify; word-break: break-all; 
}/* 2020-06-04 고객요청사항 수정건 */
/* by odop 2025.7.1 */
#idic-entry-html section#reference .items {
    line-height: 2;
    font-size: .94em;
}
.hanjaWord { 
    font-size: .965em;
    color: #979899;
}
#idic-entry-html section#body .writer{text-align: right; padding-right: 20px; }
#idic-entry-html section#body .media-element { width:100%; text-align: center; margin:15px 0; }
#idic-entry-html section#body .media-element img { margin-bottom:8px; display:inline-block; }
#idic-entry-html section#body .media-element span { border-radius: 3px; background-color:#36434c; font-weight:bold; font-size:15px; color:#ffffff; padding:3px 10px; }

#idic-entry-html div.items{ padding: 0 20px; }/* 2020-06-04 고객요청사항 수정건 */
#defaultinfo .layout colgroup col:nth-child(1) { width:170px; }
@media screen and (max-width: 1100px) { /*2020-06-08 width 기준변경*/
    #idic-entry-html, #idic-entry-html * {}
    #idic-entry-html .profile-image-wrap img{ min-width: 0; }
    #idic-entry-html section#defaultinfo .layout th, #idic-entry-html section#defaultinfo .layout td {font-size: 1.325rem; line-height: 2.25rem; }
    .print_wrap #idic-entry-html section#defaultinfo { /* width:48%; */ float:left; }/* 2020-06-04 고객요청사항 수정건 */
    .print_wrap #idic-entry-html section#profile { /* width:50%; */ float:right; }/* 2020-06-04 고객요청사항 수정건 */
}
@media screen and (max-width: 1024px) {
    #idic-entry-html section#profile, #idic-entry-html section#defaultinfo, #idic-entry-html #profile .layout, #idic-entry-html .profile-image-wrap, #idic-entry-html .profile-image-wrap img{ width: 100%; float: initial; margin: 0 auto;}
}
@media screen and (max-width: 860px) {
    
    #idic-entry-html section#profile{margin-bottom: 70px;}
    #idic-entry-html section#defaultinfo{ }
}
@media screen and (max-width: 530px) {
    #idic-entry-html .tab li a{ font-size: 1.125rem; }
    .tab_label{ width: 18px; height: 18px; background-size: contain; }
    #idic-entry-html .media_element img{ width: 100%;}
}
@media screen and (max-width: 480px) {
	#idic-entry-html section#body p{ padding: 10px 0; }
	#defaultinfo .layout colgroup col:nth-child(1) { width:40%; }
	.tab_label { margin-left:0; width:100%; }
	#idic-entry-html section#defaultinfo .layout th, #idic-entry-html section#defaultinfo .layout td {font-size: 18px; line-height: 24px; }
	#idic-entry-html section#defaultinfo .layout th { text-align:center; }
} 
@media screen and (max-width: 440px) {
    #idic-entry-html .profile-image-wrap img{  max-width: none;}
}
/*detail_top_btns*/
.detail_top_btns{ /* width: 1200px; */ width:1100px; margin: 0 auto; padding:0 40px; text-align: right; border-right:1px solid #dadee1; border-left:1px solid #dadee1; } /*2020-06-08 width 기준변경*/ /*2020-06-09 시안 변경 반영 */
.detail_top_btns button{ color: #133445; font-size: 1.1rem; font-weight: bold; border: 2px solid #133445; border-radius: 26px; width: 123px; height: 40px; padding-bottom: 2px; margin-left: 6px; }
.detail_top_btns button:hover{ background-color: #133445; color: #fff; }
/* 2020-06-08 고객요청사항 수정건 */
.detail_top_btns button.font_size { width:40px; background-position:center center; background-repeat:no-repeat; background-size:20px; text-indent:-999999px; }
.detail_top_btns button.font_size.up { background-image:url(../../../img/service/font_plus.png); }
.detail_top_btns button.font_size.down { background-image:url(../../../img/service/font_min.png); }
.detail_top_btns button.font_size.up:hover { background-image:url(../../../img/service/font_plus_hov.png); }
.detail_top_btns button.font_size.down:hover { background-image:url(../../../img/service/font_min_hov.png); }
@media screen and (max-width: 1200px) { /*2020-06-08 width 기준변경*/
    .detail_top_btns{ width: 100%; padding: 0 40px; box-sizing: border-box;}
}
@media screen and (max-width: 1024px) {
    .detail_top_btns button.font_size { display:none; }/* 2020-06-08 고객요청사항 수정건 */
}
@media screen and (max-width: 500px) {
.detail_top_btns button { margin-top: 5px; margin-left:0px; width: calc(33% - 2px); font-size:0.9rem; }
}
@media screen and (max-width: 480px) {
.detail_top_btns{padding: 0 20px;}
}

.copyright {
    margin-top: 50px;
    display: block;
    color: #333;
    border: 3px solid #e1e1e1;
    padding: 30px 40px;
    border-radius: 25px;
    background: #fff;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0;
    word-break: keep-all;
    }
.copyright h3 { 
    font-size: 1.1025rem; 
    font-weight: bold; 
    margin: 0; 
    padding: 0; 
    line-height: 2;
    /* color: #fff;  */
}
.copyright ul li {
    line-height: 1.5432; 
    color: #666;
    margin-left: 40px;
    list-style: disc;
    
}

.load_wrap { width: 100%; }

.pop_img_wrap{ position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/* viewer */
.mul_list {/*width: 100%;*/ overflow: hidden; /*box-sizing: border-box;*/ padding: 0 40px; position: relative; width: calc(100% - 80px); /*margin: 0 40px;*/ }
.mul_list .mul_list_wrap li { display: inline-block; width: 15%; height: 160px; border: 1px solid #e9ebed; text-align: center; cursor:pointer; overflow:hidden; box-sizing: border-box; }
.mul_list .mul_list_wrap li img { 
    width: auto; height: 120px; display: inline-block; margin:0 auto; 
}
.mul_list .mul_list_wrap figcaption {
    width: 95%;
    padding: .5em .3em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.2em;
}
.viewer_wrap { width: 1200px; height: 768px; background-color: #fff; border: 1px solid #12253e; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.mul_list_btn{overflow: hidden;}



.swiper-button-prev.prev_gray, .swiper-button-next.next_gray{ position: absolute; bottom: 50%; margin-bottom: 17px; width: 20px; height: 34px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; z-index: 2; }
.swiper-button-prev.prev_gray{ left: 0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20.137' height='33.928' viewBox='0 0 20.137 33.928'%3e %3crect width='24.009' height='4.127' rx='2.063' transform='matrix(0.719%2c -0.695%2c 0.695%2c 0.719%2c 0%2c 16.678)' fill='%23d5d5d5'/%3e %3crect width='24.009' height='4.127' rx='2.063' transform='translate(3.027 14.033) rotate(45)' fill='%23d5d5d5'/%3e %3c/svg%3e"); }
.swiper-button-next.next_gray{ right: 0; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20.137' height='33.928' viewBox='0 0 20.137 33.928'%3e %3crect width='24.009' height='4.127' rx='2.063' transform='matrix(-0.719%2c -0.695%2c 0.695%2c -0.719%2c 17.271%2c 19.647)' fill='%23d5d5d5'/%3e %3crect width='24.009' height='4.127' rx='2.063' transform='translate(20.028 16.951) rotate(135)' fill='%23d5d5d5'/%3e %3c/svg%3e"); }
/*.mul_list_btn > .swiper-button-prev.prev_gray{ left: -30px;}
.mul_list_btn > .swiper-button-next.next_gray{ right: -30px; }*/
.mul_list_scrollbar.swiper-scrollbar{ height: 8px; margin-top: 8px;}
.img_viewer { width: 100%; height: 545px; text-align: center; position: relative; overflow: hidden;     border-bottom: 1px solid #12253e; }

.img_viewer button { border-radius: 50%;  width: 56px;
    height: 56px; text-indent: -99999px; background-repeat: no-repeat; background-position: center center; background-size: 25px; }
.img_viewer .pop_exit { position: absolute; right: 25px; top: 25px; display: inline-block; background-color: #12253e; }
.img_viewer .img_control_warp { position: absolute; bottom: 25px; right: 25px; }
.img_viewer .img_control_warp button { display: inline-block; background-color: #1cc9e8; margin: 0 5px; }
.img_viewer .fix { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='34.31px' height='34.31px' viewBox='0 0 34.31 34.31'%3e %3cpath fill='white' stroke='none' d='M18.49%2c10.37c0-0.02%2c0.01-0.03%2c0.01-0.04l0-5.68l1.54%2c1.54c0.36%2c0.36%2c1%2c0.36%2c1.36%2c0l0.52-0.52 c0.38-0.38%2c0.38-0.99%2c0-1.37L17.9%2c0.28C17.71%2c0.09%2c17.46%2c0%2c17.2%2c0c-0.26%2c0-0.51%2c0.09-0.69%2c0.28l-4.11%2c4.11 c-0.38%2c0.38-0.38%2c0.99%2c0%2c1.37l0.52%2c0.52c0.38%2c0.38%2c0.99%2c0.38%2c1.37%2c0l1.54-1.55l0%2c4.92c0%2c0%2c0%2c0%2c0%2c0.01l0%2c0.63 c0%2c0.53%2c0.43%2c0.96%2c0.97%2c0.96l0.73%2c0C18.03%2c11.25%2c18.45%2c10.86%2c18.49%2c10.37z'/%3e %3cpath fill='white' stroke='none' d='M21.92%2c30c0.38-0.38%2c0.38-0.99%2c0-1.37l-0.52-0.52c-0.36-0.36-1-0.36-1.36%2c0l-1.54%2c1.54V24 c0-0.02-0.01-0.04-0.01-0.05c-0.04-0.5-0.46-0.89-0.96-0.89h-0.73c-0.53%2c0-0.97%2c0.44-0.97%2c0.98l0%2c0.63c0%2c0%2c0%2c0%2c0%2c0.01l0%2c4.9 l-1.54-1.54c-0.36-0.36-1-0.36-1.37%2c0l-0.52%2c0.52c-0.38%2c0.38-0.38%2c0.99%2c0%2c1.37l4.11%2c4.11c0.18%2c0.18%2c0.42%2c0.29%2c0.68%2c0.29h0.04 c0.25%2c0%2c0.49-0.1%2c0.67-0.29L21.92%2c30z'/%3e %3cpath fill='white' stroke='none' d='M11.24%2c17.52l0-0.73c0-0.5-0.4-0.92-0.9-0.96c-0.02%2c0-0.04-0.01-0.06-0.01H4.65l1.54-1.54 c0.18-0.18%2c0.28-0.42%2c0.28-0.68c0-0.26-0.1-0.5-0.28-0.68l-0.52-0.52c-0.19-0.19-0.44-0.28-0.68-0.28c-0.25%2c0-0.5%2c0.09-0.68%2c0.28 l-4.03%2c4.03C0.09%2c16.6%2c0%2c16.85%2c0%2c17.12C0%2c17.37%2c0.09%2c17.62%2c0.28%2c17.81l4.11%2c4.11c0.38%2c0.38%2c0.99%2c0.38%2c1.37%2c0l0.52-0.52 c0.18-0.18%2c0.28-0.42%2c0.28-0.68c0-0.26-0.1-0.5-0.28-0.68l-1.54-1.54l4.87%2c0c0%2c0%2c0%2c0%2c0.01%2c0h0.55l0.08%2c0 C10.78%2c18.49%2c11.24%2c18.06%2c11.24%2c17.52z'/%3e %3cpath fill='white' stroke='none' d='M34.03%2c17.81c0.19-0.19%2c0.29-0.44%2c0.28-0.7c0-0.26-0.09-0.51-0.28-0.69l-4.03-4.03 c-0.19-0.19-0.44-0.28-0.68-0.28c-0.25%2c0-0.5%2c0.09-0.68%2c0.28l-0.52%2c0.52c-0.18%2c0.18-0.28%2c0.42-0.28%2c0.68c0%2c0.26%2c0.1%2c0.5%2c0.28%2c0.68 l1.54%2c1.54H24c-0.02%2c0-0.04%2c0.01-0.06%2c0.01c-0.49%2c0.04-0.89%2c0.46-0.89%2c0.96v0.73c0%2c0.53%2c0.45%2c0.97%2c0.98%2c0.97h0.63c0%2c0%2c0%2c0%2c0.01%2c0 l4.9%2c0l-1.54%2c1.54c-0.18%2c0.18-0.28%2c0.42-0.28%2c0.68c0%2c0.26%2c0.1%2c0.5%2c0.28%2c0.68l0.52%2c0.52c0.38%2c0.38%2c0.99%2c0.38%2c1.37%2c0L34.03%2c17.81z'/%3e %3cpath fill='white' stroke='none' d='M19.84%2c17.15c0-1.48-1.2-2.68-2.68-2.68c-1.48%2c0-2.68%2c1.2-2.68%2c2.68c0%2c1.48%2c1.2%2c2.68%2c2.68%2c2.68 C18.64%2c19.83%2c19.84%2c18.62%2c19.84%2c17.15z'/%3e %3c/svg%3e"); background-size: 34px; }
.img_viewer .plus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25.06px' height='25.06px' viewBox='0 0 25.06 25.06'%3e %3cpath fill='white' stroke='none' d='M15.14%2c0C9.67%2c0%2c5.22%2c4.45%2c5.22%2c9.92c0%2c1.55%2c0.37%2c3%2c1%2c4.31l-5.55%2c5.55c-0.89%2c0.89-0.89%2c2.35%2c0%2c3.24l1.37%2c1.37 c0.43%2c0.43%2c1.01%2c0.67%2c1.62%2c0.67c0.61%2c0%2c1.19-0.24%2c1.62-0.67l5.55-5.55c1.31%2c0.63%2c2.76%2c1%2c4.31%2c1c5.47%2c0%2c9.92-4.45%2c9.92-9.92 S20.61%2c0%2c15.14%2c0z M3.8%2c22.92c-0.1%2c0.1-0.19%2c0.1-0.29%2c0l-1.37-1.37c-0.08-0.08-0.08-0.21%2c0-0.29l5.21-5.21 c0.49%2c0.61%2c1.04%2c1.17%2c1.66%2c1.66L3.8%2c22.92z M15.14%2c17.75c-4.32%2c0-7.83-3.51-7.83-7.83s3.51-7.83%2c7.83-7.83s7.83%2c3.51%2c7.83%2c7.83 S19.46%2c17.75%2c15.14%2c17.75z'/%3e %3cpath fill='white' stroke='none' d='M18.28%2c8.87h-2.09V6.79c0-0.58-0.47-1.04-1.04-1.04c-0.58%2c0-1.04%2c0.47-1.04%2c1.04v2.09h-2.09 c-0.58%2c0-1.04%2c0.47-1.04%2c1.04c0%2c0.58%2c0.47%2c1.04%2c1.04%2c1.04h2.09v2.09c0%2c0.58%2c0.47%2c1.04%2c1.04%2c1.04c0.58%2c0%2c1.04-0.47%2c1.04-1.04v-2.09 h2.09c0.58%2c0%2c1.04-0.47%2c1.04-1.04C19.32%2c9.34%2c18.85%2c8.87%2c18.28%2c8.87z'/%3e %3c/svg%3e"); }
.img_viewer .min { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25.06px' height='25.06px' viewBox='0 0 25.06 25.06'%3e %3cpath fill='white' stroke='none' d='M15.14%2c0C9.67%2c0%2c5.22%2c4.45%2c5.22%2c9.92c0%2c1.55%2c0.37%2c3%2c1%2c4.31l-5.55%2c5.55c-0.89%2c0.89-0.89%2c2.35%2c0%2c3.24l1.37%2c1.37 c0.43%2c0.43%2c1.01%2c0.67%2c1.62%2c0.67c0.61%2c0%2c1.19-0.24%2c1.62-0.67l5.55-5.55c1.31%2c0.63%2c2.76%2c1%2c4.31%2c1c5.47%2c0%2c9.92-4.45%2c9.92-9.92 S20.61%2c0%2c15.14%2c0z M3.8%2c22.92c-0.1%2c0.1-0.19%2c0.1-0.29%2c0l-1.37-1.37c-0.08-0.08-0.08-0.21%2c0-0.29l5.21-5.21 c0.49%2c0.61%2c1.04%2c1.17%2c1.66%2c1.66L3.8%2c22.92z M15.14%2c17.75c-4.32%2c0-7.83-3.51-7.83-7.83s3.51-7.83%2c7.83-7.83s7.83%2c3.51%2c7.83%2c7.83 S19.46%2c17.75%2c15.14%2c17.75z'/%3e %3cpath fill='white' stroke='none' d='M18.28%2c8.88h-6.26c-0.58%2c0-1.04%2c0.47-1.04%2c1.04c0%2c0.58%2c0.47%2c1.04%2c1.04%2c1.04h6.26c0.58%2c0%2c1.04-0.47%2c1.04-1.04 C19.32%2c9.34%2c18.85%2c8.88%2c18.28%2c8.88z'/%3e %3c/svg%3e"); }
.img_viewer .pop_exit { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.02 22.02'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:white%3b%7d%3c/style%3e%3c/defs%3e %3cpolygon class='cls-1' points='12.71 11.01 22.02 20.32 20.32 22.02 11.01 12.71 1.7 22.02 0 20.32 9.31 11.01 0 1.7 1.7 0 11.01 9.31 20.32 0 22.02 1.7 12.71 11.01'/%3e %3c/svg%3e"); background-size: 22px;    background-position: center; }
.img_wrap {width: 100%; height: 100%;}
.img_viewer img { 
    display: inline-block; 
}
@media screen and (max-width: 1200px) {
    .viewer_wrap{width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 860px) {
    .viewer_wrap{ top: 0; left: 0; -ms-transform: initial;transform: initial; height: 100%; }
    .img_viewer{ height: calc(100% - 220px);}
}

.viewer_list { width: 100%; padding: 20px 60px; box-sizing: border-box; position: relative; }
/* .viewer_list ul { width: 100%; height: 300px;  } */
.viewer_list li {  height: 160px;  border: 1px solid #e9ebed; overflow: hidden; display: flex; display: -ms-flexbox;  justify-content: center; box-sizing: border-box; }
.viewer_list li.active {   border: 2px solid #12253e; }


.viewer_list img { 
    width: auto; 
    height: 70%;
    margin-left: auto;
    margin-right: auto;
  }
.viewer_list figure {
    width: 100%;
}
.viewer_list figcaption {
    width: 95%;
    padding: .5em .3em;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    font-size: 1.2em;
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
}

.viewer_list .swiper-button-prev.prev_gray, .viewer_list .swiper-button-next.next_gray{     width: 60px; height: 100%; background-position: center; top: 0; margin: 0;}
.viewer_scrollbar.swiper-scrollbar{height: 8px; margin-top: 8px;}
@media screen and (max-width: 860px) {
    .viewer_list{height: 220px;}
}
/* 특별판 */
.moreBtn{ width: 100%; color: #666; border: 2px solid #bbc5cd; margin-right: 9px; padding: 0 29px; font-weight: bold; border-radius: 5px; text-align: center; height: 3.5rem; font-size: 1.125rem; box-sizing: border-box; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;  position: relative;margin: 12px 0; cursor: pointer;}
.moreBtn:focus, .moreBtn:hover{  color: #133445; border: 2px solid #133445;} 
.moreBtn::before{ opacity: 0.6; content: ""; display: block; width: 18px; height: 18px; position: absolute; left: 50%; margin-left: 31px; background-repeat: no-repeat; background-size: contain; top: 50%; margin-top: -10px;  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3crect width='24' height='2' transform='translate(0 11)'/%3e %3crect width='24' height='2' transform='translate(13) rotate(90)'/%3e %3c/svg%3e");}
.moreBtn:focus::before, .moreBtn:hover::before{opacity: 1;}
@media screen and (max-width: 860px) {
    .moreBtn{ width: calc(100% - 10px); margin: 0 2px;}
}
@media screen and (max-width: 480px) {
    .moreBtn{ width: calc(100% - 4px); }
}
/* PDF Viewer */
.pdf_viewer_wrap #results{position: fixed; top: -9999px;}

/* 일러두기 */
.explan_note_wrap h3 { display:inline-block; width:auto; background-color:#12253e; padding: 15px 30px; color:#fff; font-weight:bold; font-size:20px; border-radius:30px; margin-bottom:30px; }
.explan_note_wrap li { font-family:"Noto Sans CJK KR",sans-serif; font-size:18px; color: #262626; letter-spacing: -1px; line-height: 35px; padding-left:30px; margin-bottom:12px; background-image:url(../../../img/service/list_icon.png); background-repeat:no-repeat; background-position: 15px 16px; } /* 2020-06-08 고객요청사항 수정건 */
.explan_note_wrap li:last-child { margin-bottom:50px; }

/* 사전소개 */
.intro_wrap h3 { display:inline-block; width:auto; background-color:#12253e; padding: 15px 30px; color:#fff; font-weight:bold; font-size:20px; border-radius:30px; margin-bottom:30px; }
.intro_wrap p { font-family:"Noto Sans CJK KR",sans-serif; font-size:18px; color: #262626; letter-spacing: -1px; line-height: 33px; text-indent:15px; }
.intro_wrap h4 { font-family:"Noto Sans CJK KR",sans-serif; font-size:24px; color: #262626; letter-spacing: -1px; /*margin-bottom:30px;*/ line-height:35px; }/* 2020-06-04 고객요청사항 수정건 */
.intro_wrap dl { width:calc(50% - 14px); display:inline-block; margin:20px 0 0; border:1px solid #ccc; margin-right:18px; }
.intro_wrap dl:nth-child(2n-1) { margin-right:0px; }
.intro_wrap dt { font-family:"Noto Sans CJK KR",sans-serif; font-size:20px; color: #262626; font-weight:bold; text-align:left; line-height:30px; height:80px; padding-left:30px; box-sizing:border-box; margin-top:30px; }
.intro_wrap dt strong { font-size:26px; }
.intro_wrap dd { text-align:center; padding-bottom:60px; }
.intro_wrap dd img { display:inline-block; width:100%; }
.intro_wrap dt , .intro_wrap dd { display:inline-block; width:100%; }
/* .intro_wrap .intro_text_box { 
    background-color:#e0ebfa; padding:15px; box-sizing:border-box; margin-bottom:20px; border-radius:5px;    
} */
.intro_wrap .intro_text_box {
    line-height: 1.68;
    word-break: keep-all;
    letter-spacing: -1px;
} 
.intro_wrap .intro_text_box h2 {
    text-align: center  ;
}
.intro_wrap .intro_text_box h2 span {
    margin-bottom: 18px;
    color: #adadaf;
    font-size: 36px;
    font-weight: normal;
}
.intro_wrap .intro_text_box h2  strong {
    color: #12253e;
    font-size: 58px;
    font-weight: 700;
}

.intro_wrap .intro_text_box div {
    color: #333;
    font-size: 20px;
    text-align: center !important;
    padding-bottom: 1.27em;
}
.intro_wrap .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px; /* 원하는 높이로 지정 */
}
.intro_wrap .img-container img {
    max-width: 700px;
    height: auto;
}


.intro_wrap .editorial_info {
    width: 100%;
    padding: 30px 20px 30px 20px;
    box-sizing: border-box;
    /* background-color: #f5f5f5; */
    margin-top: 40px;
    border-radius: 10px;
}
.intro_wrap .editorial_info li {
    /**/ 
    line-height: 1.5432;
    color: #666;
    margin-left: 40px;
    list-style: disc;
    font-size: 18px;
    line-height: 1.984;
}
.intro_wrap .editorial_info li > ul {
    margin-bottom: 10px;;
}
.intro_wrap .editorial_info li > ul li {
    font-size: 16px;
    list-style: decimal;
}

.intro_btn_area { display: flex; display: -ms-flexbox; flex-wrap: wrap; align-items: center; }/* 2020-06-04 고객요청사항 수정건 */
a.ex_down_a_link { width: 0; position: absolute;}/* 2020-06-04 고객요청사항 수정건 */
.intro_btn_area .ex_down_btn{ margin-left:20px; }
@media screen and (max-width: 860px) {
    .intro_wrap dl { width:100%; margin-right:0; }
    .intro_btn_area .ex_down_btn {  float: right; display: block; margin-top: 10px; margin-left:0; /*margin-bottom: 20px;*/ }/* 2020-06-04 고객요청사항 수정건 */
    .intro_btn_area { display:unset; }
}
@media screen and (max-width: 670px) {
	.intro_btn_area .ex_down_btn{position: static;}
}@media screen and (max-width: 560px) {
    .intro_btn_area { height:155px;  }/* 2020-06-04 고객요청사항 수정건 */
}
@media screen and (max-width: 510px) {
	.intro_btn_area { /* height:155px; */  }/* 2020-06-04 고객요청사항 수정건 */
    .intro_btn_area .ex_down_btn { /* display:block; float:none; margin-bottom:15px; */ }
}
@media screen and (max-width: 510px) {
	.intro_btn_area .ex_down_btn{transform: none;}
}
/* .etc */
.load_wrap { font-family:sans-serif; }
.mouse_over { cursor:pointer; }

/* 상세페이지 링크 */
.link_box { position:relative; padding-top:20px; }

.link_list { display:none; position:absolute; bottom:-125px; right:32px; z-index:10; border:2px solid #eee; width:135px; background-color:#fff; text-align:left; }
.link_list li { padding:4px 5px; }
.link_list li a { display:inline-block; padding: 5px 0 5px 40px; font-size:14px; background-repeat:no-repeat; background-size:22px; background-position:5px center; }
.link_list li a:hover { text-decoration:underline; color: #000; }
.link_list li:nth-child(1) a { background-image:url(../../../img/service/kakaotalk_dark.png); }
.link_list li:nth-child(2) a { background-image:url(../../../img/service/twitter_dark.png); }
.link_list li:nth-child(3) a { background-image:url(../../../img/service/facebook_dark.png); }
.link_list.active { display:inline-block; }
@media screen and (max-width: 480px) {
	.link_box { position:relative; padding-top:0px; padding-bottom:10px; }
}
/* 접근성 */
select:focus, button:focus { outline:1px solid #397be7; } 

/* 로딩이미지 */
#search_loading {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: fixed;
        display: none;
        opacity: 0.7;
        background-color: rgba(0,0,0,.5);
        z-index: 99;
        text-align: center;
    }
    
#search_loading_image {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 100;
}

/* IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .visual_wrap{display: block;overflow: hidden;}
    .board_list_all .dict_txt{ font-family: sans-serif; }
    #idic-entry-html p, #idic-entry-html h2, #idic-entry-html div{ font-family:sans-serif; }
    .swiper-button-prev.prev_gray, .swiper-button-next.next_gray{bottom: auto; top: 50%; margin-bottom: 0; margin-top: -26px;}
}




/* by @sunyeon-lee below styles */
/* htmx indicator */
.htmx-indicator{
    opacity:0;
    transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator{
    opacity:1;
}
.htmx-request.htmx-indicator{
    opacity:1;
}

/* by @sunyeon-lee 기본 폰트 변경  */
/* body {
    font-family: "Noto Sans CJK KR",Dotum,sans-serif;
} */
footer { position: relative; /* width: 1200px; */ width:1100px; margin: 0 auto; padding:50px 40px; border-right:1px solid #dadee1; border-left:1px solid #dadee1;} /*2020-06-08 width 기준변경*/ /*2020-06-09 시안 변경 반영 */
@media screen and (max-width: 1200px) {/*2020-06-08 width 기준변경*/
    footer{ width: 100%; padding: 50px 40px; box-sizing: border-box;}
}
@media screen and (max-width: 480px) {
    footer{ padding: 30px 20px; }
}
footer {
    background-color: #fcfbfb;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
}
footer .footer_menu ul { 
    display: flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; 
    max-width: fit-content;
    gap: 20px;
    font-weight: bold !important;
}
footer .family_site { position: absolute; right: 40px; top: 50px; }
footer .family_site select { width: 150px; height: 30px; font-size: 14px; color: #333; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; padding-left: 10px; }
footer .family_site select:focus { outline: none; border-color: #397be7; }
footer .family_site select option { color: #333; }  
footer .info_wrap {
    display: flex;
}
footer .info_wrap .info_text {
    width: 100%;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    padding-left: 40px;
}
footer img.logo {
    width: 150px;
}




/* by @sunyeon-lee 2025.08.01 */
/* 인기검색어 스타일 */
.popular-search-wrap {
    width: 95%;
    max-width: 820px;
    margin-top: 20px;
    font-size: 15px;
    padding: 0 30px;
}
.popular-search-wrap > label {
    font-weight: bold;
    display: inline-block;
    padding: 10px 0;
    font-size: 16px;
    color: #ff5400
}
.popular-search-wrap .popular-search-words {
    display: flex;
}
.popular-search-wrap  ul.popular-search-words {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.popular-search-wrap .popular-search-words li {
    padding: 5px 10px;
    /* border: 1px solid #ccc; */
    border-radius: 20px;
    /* background-color: #fff; */
    font-size: 14px;
}
.popular-search-wrap .popular-search-words li:hover {
    background-color: #f3f3f3;
}
.popular-search-wrap .popular-search-words li a {
    text-decoration: none;
    color: #333;
}
/* .popular-search-wrap .popular-search-words li:hover a {
    color: #fff;
} */
.popular-search-wrap .popular-search-words li a:hover {
    text-decoration: none;
    color: #ff5400;
    border-radius: 20px;
}