@charset "utf-8";

/* 탭 보기 설정 */
/* 탭 보기 설정 토글버튼 */
#tab_view_toggle { display: none; }
#tab_view_toggle + .tab-toggle-btn { background: rgba(255, 255, 255, 0.15); height: 35px; width: 25px; position: fixed; z-index: 999; left: 135px; top: 0; transition: left .25s cubic-bezier(0.06, 0.8, 0.32, 1.02), height .25s cubic-bezier(0.06, 0.8, 0.32, 1.02), background .25s cubic-bezier(0.06, 0.8, 0.32, 1.02), height .25s cubic-bezier(0.06, 0.8, 0.32, 1.02), width .25s cubic-bezier(0.06, 0.8, 0.32, 1.02), height .25s cubic-bezier(0.06, 0.8, 0.32, 1.02), background .25s cubic-bezier(0.06, 0.8, 0.32, 1.02), height .25s cubic-bezier(0.06, 0.8, 0.32, 1.02); }
#tab_view_toggle + .tab-toggle-btn:hover { background: rgba(255, 255, 255, 0.075); }
#tab_view_toggle + .tab-toggle-btn .arrow { display: block; height: 100%; width: 100%; position: relative; }
#tab_view_toggle + .tab-toggle-btn .arrow:after { position: absolute; display: block; content: ''; border-left:none; border-right: 4px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; left: 50%; margin-left: -2px; top: 50%; margin-top: -4px; }
#tab_view_toggle:checked + .tab-toggle-btn .arrow:after { border-right: none; border-left: 4px solid #fff; }

/* 탭 보기 설정 헤더 영역 */
.tab-view-container { width: 160px; height: 100%; background: #f8f8f8; position: fixed; z-index: 2; left: 0; top: 0; transition: width .25s cubic-bezier(0.06, 0.8, 0.32, 1.02); overflow: hidden; }
.tab-view-container .tab-view-header { height: 35px; background: #1A1F2A; padding: 0 25px 0 5px; position: relative; }
.tab-view-container .tab-view-header .ico-area { padding-top: 10px; }
.tab-view-container .tab-view-header .ico-area img { width: 15px; height: 15px; }

/* 탭 보기 설정 헤더 영역 셀렉트박스 */
.tab-view-container .tab-view-header .select-box-01 { height: 35px; background: url(../../img/svg/down_ico.svg); background-size: 15px; background-repeat: no-repeat; background-position: 87px center; border-left: 1px solid rgba(255, 255, 255, 0.2); position: absolute; right: 25px; top: 0; width: 110px; cursor: pointer; z-index: 2; }
.tab-view-container .tab-view-header .select-box-01 label { color: #fff; font-size: 1.1rem; white-space: nowrap; line-height: 35px; padding-left: 10px; display: block; padding-right: 25px; overflow: hidden; text-overflow: ellipsis; }
.tab-view-container .tab-view-header .select-box-01 .option-list { background: #1A1F2A; }
.tab-view-container .tab-view-header .select-box-01 .option-list a { font-size: 1.1rem; color: #fff; display: block; padding: 5px 0 5px 10px; border-bottom: 1px solid #1A1F2A; line-height: 13px; }

/* 탭 보기 설정 리스트 영역 */
.tab-view-container .list-container { height: calc(100% - 35px); border-right: 1px solid #dee3eb; }
.tab-view-container .list-container .list-wrap { padding: 5px 7px 5px; max-height: 645px; height: calc(100% - 55px); }
.tab-view-container .list-container .list-wrap ul { height: 100%; overflow-y: auto; -ms-overflow-style: none; }
.tab-view-container .list-container .list-wrap ul::-webkit-scrollbar { display: none; }
.tab-view-container .list-container .list-wrap ul li { display: block; height: 27px; width: 100%; margin-bottom: 5px; min-width: 130px; }
.tab-view-container .list-container .list-wrap ul li:last-child { margin-bottom: 0; }
.tab-view-container .list-container .list-wrap ul li a { display: block; height: 100%; width: 100%; border: 1px solid #dee3eb; background: #fff; border-radius: 3px; white-space: nowrap; padding: 3px; }
.tab-view-container .list-container .list-wrap ul li a .locale-label { display: inline-block; height: 18px; width: 26px; border-radius: 3px; border: 1px solid #CED5E1; background: #f8f8f8; line-height: 16px; font-size: 1rem; font-weight: bold; text-align: center; float: left; margin-right: 5px; letter-spacing: -0.5px; }
.tab-view-container .list-container .list-wrap ul li a .numb { font-size: 1.1rem; display: inline-block; float: left; max-width: calc(100% - 35px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tab-view-container .list-container .list-wrap ul li a:hover { border-color: #739BF5; }
.tab-view-container .list-container .list-wrap ul li.select a { border: 1px solid #739BF5; }
.tab-view-container .list-container .list-wrap ul li.select a .locale-label  { color: #739BF5; }
.tab-view-container .list-container .list-wrap ul li.select a .numb { color: #739BF5; }

/* 탭 보기 설정 리스트 페이징 */
.tab-view-container .list-container .paging-wrap { position: relative; }
.tab-view-container .list-container .paging-wrap .arrow-navi { position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #dee3eb; z-index: 2; top: 0; }
.tab-view-container .list-container .paging-wrap .arrow-navi img { width: 10px; margin-top: 1px; margin-left: 1px; }
.tab-view-container .list-container .paging-wrap .arrow-navi.pre-btn { left: 7px; }
.tab-view-container .list-container .paging-wrap .arrow-navi.post-btn { right: 7px; }
.tab-view-container .list-container .paging-wrap .page-number-list { padding: 0 25px; text-align: center; margin-top: 10px; }
.tab-view-container .list-container .paging-wrap .page-number-list li { display: inline-block; }
.tab-view-container .list-container .paging-wrap .page-number-list li a { font-size: 1.1rem; vertical-align: top; line-height: 14px; white-space: nowrap; color: #AFAFAF; padding: 2px 3px; }
.tab-view-container .list-container .paging-wrap .page-number-list li a:hover {  color: #666;}
.tab-view-container .list-container .paging-wrap .page-number-list li.select a {  color: #eb1cc4; font-weight: bold; }

/* 탭보기 설정 필터 */
.tab-view-container .list-container .filter-wrap { padding: 8px 7px 0; }
.tab-view-container .list-container .filter-wrap .selectbox { width: 50%; margin-top: 0; }
.tab-view-container .list-container .filter-wrap .selectbox:before { border: none; }
.tab-view-container .list-container .filter-wrap .alignment-btn { color: #60697D; font-size: 1.1rem; line-height: 20px; display: inline-block; font-weight: 500; }
.tab-view-container .list-container .filter-wrap .alignment-btn .alignment { cursor: pointer; transition: background .25s ease; padding: 1px 5px; display: inline-block; vertical-align: top; border-radius: 3px; }
.tab-view-container .list-container .filter-wrap .alignment-btn .alignment:hover { background: #eeeeee; }
.tab-view-container .list-container .filter-wrap .alignment-btn .ico { border-radius: 3px; display: inline-block; width: 20px; height: 22px; cursor: pointer; transition: background-color .25s ease; background: url(../../img/svg/up_down_normal_ico.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; vertical-align: top; }
.tab-view-container .list-container .filter-wrap .alignment-btn.up .ico { background: url(../../img/svg/up_down_up_ico.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; }
.tab-view-container .list-container .filter-wrap .alignment-btn.down .ico { background: url(../../img/svg/up_down_down_ico.svg); background-size: 12px; background-repeat: no-repeat; background-position: center; }
.tab-view-container .list-container .filter-wrap .alignment-btn .ico:hover { background-color: #eeeeee; }

/* 탭보기 설정 토글버튼 */
#tab_view_toggle:checked + .tab-toggle-btn { left: 0; height: 35px; background: rgba(255, 255, 255, 0.15); width: 18px; }
#tab_view_toggle:checked ~ .tab-view-container { width: 0; }
#tab_view_toggle:checked ~ .tab-view-container .tab-view-container .list-container { border-right: none; }
#tab_view_toggle:checked ~ .report-container { padding-left: 0; }

/* 셀렉트박스 커스텀 */
.selectbox { position: relative; border-style: none;  z-index: 1; display: inline-block; border: 1px solid #dee3eb; height: 20px; border-radius: 3px; vertical-align: top; transition: background .25s ease; }
.selectbox.long { width: 130px; }
.selectbox:hover { background: #f8f8f8; }
.selectbox:before { content: ""; position: absolute; top: 50%; margin-top: -8px; right: 2px; background: url(../../img/svg/down_b_ico.svg) no-repeat; width: 15px; height: 15px; opacity: 0.5; border: none;  }
.selectbox:hover:before { border: none; }
.selectbox label { position: absolute; top: 0; left: 0; color: #222; z-index: -1; /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ font-size: 1.1rem; line-height: 18px; text-align: left; width: 90%; padding-left: 5px; padding-right: 5px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selectbox select { width: 100%; line-height: normal;  /* line-height 초기화 */ font-family: inherit; border: 0; opacity: 0;  /* 숨기기 */  filter: alpha(opacity=0);  /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none; margin-left: 0; height: 100%; cursor: pointer; }

/* 셀렉트박스 2 */
.select-box-02 { height: 20px; }

/* 타이틀 옵션 */
#info_container .info-area .info-title-area .option-box { display: inline-block; vertical-align: top; margin-left: 10px; position: relative; }
#info_container .info-area .info-title-area .option-box .title { display: inline-block; vertical-align: top; color: #999; font-family: 'Arial','Malgun Gothic'; font-size: 1.1rem; line-height: 30px; margin-right: 5px; cursor: default; }

/* 멀티 셀렉트 레이어 */
.sources-select-wrap .multi-select-layer { min-width: 300px; max-width: 500px;  }
.option-set .selectbox:hover ~ .multi-select-layer,
/*.multi-select-layer:hover { display: block; }*/
.keyword-select-wrap .multi-select-layer  { right: auto; left: -44px; }
.multi-select-layer .subject-title { display: block; font-size: 1rem; background: #08236A; color: #fff; text-align: center; cursor: default; position: relative; height: 22px; line-height: 22px;}
.multi-select-layer .subject-title .close-btn { position: absolute; right: 2px; top: 2px; width: 12px; height: 12px; border: none; outline: 0; opacity: .5; background: none; }
.multi-select-layer .subject-title .close-btn:hover { opacity: 0.8; }
.multi-select-layer .subject-title .close-btn img {  width: 100%;  }
.multi-select-layer .check-list-wrap { padding: 8px; border: 1px solid #dee3eb; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -ms-overflow-style: none; }
.multi-select-layer .check-list-wrap::-webkit-scrollbar { display: none; }
.multi-select-layer .check-list-wrap ul li { display: block; height: 14px; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.multi-select-layer .check-list-wrap ul li:last-child { margin-bottom: 0; }

/* 멀티 셀렉트 레이어 체크*/
.multi-select-layer input[type=checkbox] { display: none; }
.multi-select-layer input[type=checkbox] + .check-label { position: relative; color: #222; font-size: 1.1rem;  cursor: pointer; padding-left: 18px; vertical-align: top; line-height: 12px;   }
.multi-select-layer input[type=checkbox] + .check-label:before { width: 12px; height: 12px; position: absolute; content: ''; background: url(../../img/report/pop_check_box.png); background-size: 12px 24px; left: 0; top: 3px; background-position: 0 0; }
.multi-select-layer input[type=checkbox]:checked + .check-label:before { background-position: 0 -12px; }

/* 멀티 트리 셀렉트 레이어 */
.multi-select-layer { background: #fff; position: absolute; z-index: 10; top: 27px; right: 0; width: 340px; border-radius: 4px; overflow: hidden; box-shadow: 0 5px 10px -3px rgba(0,0,0,0.1); }
.multi-select-layer .check-tree-wrap { padding: 8px; border: 1px solid #dee3eb; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -ms-overflow-style: none; }

.multi-select-layer .check-tree-wrap .check-tree-info-wrap { max-height: 400px; overflow-y: auto; }
.multi-select-layer .check-tree-wrap .check-tree-info-wrap::-webkit-scrollbar { display: none; }

.multi-select-layer .check-tree-wrap .all-check { height: 12px; margin-bottom: 5px; }
.multi-select-layer .check-tree-wrap .key-wrap>.row { color:#fff; background: #5765D4; padding: 3px 15px 3px 3px; height: 19px; position: relative; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; border-bottom: 1px solid #4655CA; }
.multi-select-layer .check-tree-wrap .key-wrap>.row .on-off-btn { display: block; height: 100%; position: absolute; width: 18px; top: 0; right: 0; outline: 0; border: none; background: url(../../img/svg/down_ico.svg); background-size: 15px; background-position: center; }
.multi-select-layer .check-tree-wrap .key-wrap>.row.on .on-off-btn { background: url(../../img/svg/up_ico.svg); background-size: 15px; background-position: center; }
.multi-select-layer .check-tree-wrap .key-wrap>.row .on-off-btn:hover { background-color: rgba(0,0,0,0.2); }
.multi-select-layer .check-tree-wrap .key-wrap>.row input[type=checkbox] + .check-label { color: #fff;  }
.multi-select-layer .check-tree-wrap .key-wrap .sub-key-wrap { border: 1px solid #EBEEF3; border-top: none; padding: 5px; display: none; }
.multi-select-layer .check-tree-wrap .key-wrap .sub-key-wrap>.row { height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;  }
.multi-select-layer .check-tree-wrap .key-wrap>.row.on ~ .sub-key-wrap { display: block; }
.multi-select-layer .check-tree-wrap .key-wrap .sub-key-wrap .sub-key-list { border: 1px solid #EBEEF3; background: #f8f8f8; padding: 3px 0 3px 5px; }
.multi-select-layer .check-tree-wrap .key-wrap .sub-key-wrap .sub-key-list ul li { height: 12px; display: inline-block; overflow: hidden; margin-right: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.multi-select-layer .check-tree-wrap .key-wrap .sub-key-wrap .sub-key-list ul li:last-child { margin-right: 0; }

.multi-select-layer .check-tree-wrap .button-wrap { height: 18px; margin-top: 5px; margin-bottom: 5px; }
.multi-select-layer .check-tree-wrap .button-wrap .check-tree-btn { float:right; background: #08236A; border: none; height: 25px; color: #fff; letter-spacing: 0; font-size: 1.2rem; font-weight: 300; padding: 0 10px; border-radius: 3px; outline: 0; transition: box-shadow .25s ease; line-height: 25px; }

/* 다이나믹 그리드 */
.overflow-y-auto {overflow-y :auto;}
.report-container { height: 100%; padding-left: 160px; transition: padding-left .25s cubic-bezier(0.06, 0.8, 0.32, 1.02); }
#info_container { height: 100%; padding: 0; /*헤더 높이에 따라 유동적으로 설정해주어야해서 js에서 설정중 padding-top: 125px;*/ }
#info_container .dynamic-grid-wrap { display: flex; height: 100%; width: 100%; max-width: 1920px; margin: 0 auto; padding: 20px 25px 25px 25px; flex-direction: column; flex-wrap: wrap; align-content: stretch; overflow: hidden; }
#info_container .dynamic-grid-wrap #top_grid { display: flex; flex: 0 0 400px; -ms-display: flexbox;  width: 100%; max-height: calc(100% - 200px); min-height: 200px; overflow: hidden; }
#info_container .dynamic-grid-wrap #bot_grid { display: flex; flex: 1; -ms-display: flexbox; width: 100%; max-height: calc(100% - 200px); min-height: 200px; }
#info_container .dynamic-grid-wrap #top_grid #grid_area { height: 100%; width: 100%; display: flex; -ms-display: flexbox; flex-direction: row; }

#info_container .dynamic-grid-wrap #top_grid #grid_area #top_left { display: flex; flex: 0 0 400px; -ms-display: flexbox; height: 100%; overflow: hidden; }
#info_container .dynamic-grid-wrap #top_grid #grid_area #top_right { display: flex; flex: 1; -ms-display: flexbox; height: 100%; }

#info_container .dynamic-grid-wrap #bot_grid .bot-grid-area { height: 100%; width: 100%; display: flex; -ms-display: flexbox; flex-direction: row; } 
#info_container .dynamic-grid-wrap #bot_grid .bot-grid-area #bot_left { isplay: flex; flex: 0 0 400px; -ms-display: flexbox; height: 100%; overflow: hidden; }
#info_container .dynamic-grid-wrap #bot_grid .bot-grid-area #bot_right { display: flex; flex: 1; -ms-display: flexbox; height: 100%; }

/* 접기 */
#info_container .dynamic-grid-wrap .open-btn { display: none; }
#info_container .dynamic-grid-wrap #top_grid.fold-left #grid_area .open-btn { height: calc(100% - 6px); width: 15px; border: none; position: absolute; top: 0; left: 0; outline: 0; background: #414141; border-radius: 2px; opacity: .5; transition: background .25s ease,opacity .25s ease; display: block; }
#info_container .dynamic-grid-wrap #top_grid.fold-left #grid_area .open-btn:hover { background: #1A1F2A; opacity: .7; }
#info_container .dynamic-grid-wrap #top_grid.fold-left #grid_area #top_left { max-width: 0; min-width: 0; }
#info_container .dynamic-grid-wrap #top_grid.fold-left #grid_area #top_left .rg-right { display: none; }
#info_container .dynamic-grid-wrap #top_grid.fold-left #grid_area #top_right { max-width: calc(100% - 20px); min-width: calc(100% - 20px); margin-left: 20px; }

#info_container .dynamic-grid-wrap #top_grid.fold-right #grid_area .open-btn { height: calc(100% - 6px); width: 15px; border: none; position: absolute; top: 0; right: 0; outline: 0; background: #414141; border-radius: 2px; opacity: .5; transition: background .25s ease,opacity .25s ease; display: block; }
#info_container .dynamic-grid-wrap #top_grid.fold-right #grid_area .open-btn:hover { background: #1A1F2A; opacity: .7; }
#info_container .dynamic-grid-wrap #top_grid.fold-right #grid_area #top_left { max-width: calc(100% - 15px); min-width: calc(100% - 15px); }
#info_container .dynamic-grid-wrap #top_grid.fold-right #grid_area #top_left .rg-right { display: none; }
#info_container .dynamic-grid-wrap #top_grid.fold-right #grid_area #top_right { max-width: 0; min-width: 0; }

#info_container .dynamic-grid-wrap #bot_grid { position: relative; }
#info_container .dynamic-grid-wrap #bot_grid.fold-left .open-btn { height: 100%; width: 15px; border: none; position: absolute; top: 0; left: 0; outline: 0; background: #414141; border-radius: 2px; opacity: .5; transition: background .25s ease,opacity .25s ease; display: block; }
#info_container .dynamic-grid-wrap #bot_grid.fold-left .open-btn:hover { background: #1A1F2A; opacity: .7; }
#info_container .dynamic-grid-wrap #bot_grid.fold-left #bot_left { max-width: 0; min-width: 0; }
#info_container .dynamic-grid-wrap #bot_grid.fold-left #bot_left .rg-right { display: none; }
#info_container .dynamic-grid-wrap #bot_grid.fold-left #bot_right { max-width: calc(100% - 20px); min-width: calc(100% - 20px); margin-left: 20px; }

#info_container .dynamic-grid-wrap #bot_grid.fold-right .open-btn { height: 100%; width: 15px; border: none; position: absolute; top: 0; right: 0; outline: 0; background: #414141; border-radius: 2px; opacity: .5; transition: background .25s ease,opacity .25s ease; display: block; }
#info_container .dynamic-grid-wrap #bot_grid.fold-right .open-btn:hover { background: #1A1F2A; opacity: .7; }
#info_container .dynamic-grid-wrap #bot_grid.fold-right #bot_left { max-width: calc(100% - 15px); min-width: calc(100% - 15px); }
#info_container .dynamic-grid-wrap #bot_grid.fold-right #bot_left .rg-right { display: none; }
#info_container .dynamic-grid-wrap #bot_grid.fold-right #bot_right { max-width: 0; min-width: 0; }

#info_container .dynamic-grid-wrap.fold-top #top_grid { max-height: 0; min-height: 0; }
#info_container .dynamic-grid-wrap.fold-top #top_grid .rg-bottom { display: none; }
#info_container .dynamic-grid-wrap.fold-top #bot_grid { max-height: calc(100% - 20px); min-height: calc(100% - 20px); margin-top: 20px; }
#info_container .dynamic-grid-wrap.fold-top>.open-btn { width: calc(100% - 50px); height: 15px; border: none; position: absolute; top: 20px; right: 25px; outline: 0; background: #414141; border-radius: 2px; opacity: .5; transition: background .25s ease,opacity .25s ease; display: block; }
#info_container .dynamic-grid-wrap.fold-top>.open-btn:hover { background: #1A1F2A; opacity: .7; }
#info_container .dynamic-grid-wrap.fold-top>.open-btn img { height: 100%; }

#info_container .dynamic-grid-wrap.fold-bot #bot_grid { max-height: 0; min-height: 0; }
#info_container .dynamic-grid-wrap.fold-bot #top_grid .rg-bottom { display: none; }
#info_container .dynamic-grid-wrap.fold-bot #top_grid { max-height: calc(100% - 20px); min-height: calc(100% - 20px); }
#info_container .dynamic-grid-wrap.fold-bot>.open-btn { width: calc(100% - 50px); height: 15px; border: none; position: absolute; bottom: 30px; right: 25px; outline: 0; background: #414141; border-radius: 2px; opacity: .5; transition: background .25s ease,opacity .25s ease; display: block; }
#info_container .dynamic-grid-wrap.fold-bot>.open-btn:hover { background: #1A1F2A; opacity: .7; }
#info_container .dynamic-grid-wrap.fold-bot>.open-btn img { height: 100%; }

#top_left,#top_right,#bot_left,#bot_right { max-width: 100%; min-width: 0; }
.rg-right,
.rg-bottom { transition: background .25s ease; }
/***************************** resizable CSS *****************************/
.resizable { position: relative; }
.resizable.no-transition { transition: none !important; }

.rg-bottom { display: block; position: absolute; z-index: 1; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; background: transparent; cursor: row-resize; height: 6px; width: 100%; right: 0; bottom: 0; background: #fff; }
.rg-bottom span { display: inline-block; width: 10px; height: 3px; border: 1px solid #9FA7B4; border-left: none; border-right: none; left: 50%; top: 1px; position: absolute; }

.rg-right { display: block; width: 6px; height: 6px; line-height: 8px; position: absolute; z-index: 1; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; background: transparent; }
.rg-right { cursor: col-resize; height: 100%; width: 6px; right: 0; bottom: 0; background: #fff; }
.rg-right span { display: inline-block; width: 3px; height: 10px; border: 1px solid #9FA7B4; border-top: none; border-bottom: none; top: 50%; margin-top: -5px;  left: 1px; position: absolute; }

.rg-right:hover,
.rg-bottom:hover { background: #f1f1f1; }

/* 그리드 박스 */
.grid-box { width: 100%; height: 100%; overflow: hidden; position: relative; }
#top_left .grid-box,
#bot_left .grid-box { width: calc(100% - 6px);  }
#info_container .dynamic-grid-wrap #top_grid #grid_area { height: calc(100% - 6px); }
.grid-box .grid-box-header { height: 35px; background: #1A1F2A; position: absolute; width: 100%; left: 0; top: 0; z-index: 10; }
.grid-box .grid-box-header .grid-title { font-size: 1.3rem; font-weight: bold; color: #fff; height: 35px; padding: 7px 0 7px 10px; float: left; }
.grid-box .grid-box-header .grid-option-wrap { float: right; position: relative }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb { display: inline-block; vertical-align: top; position: absolute; right: 88px; top: 0; padding: 0 10px; white-space: nowrap; }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb ul { display: inline-block; margin: 0 5px;}
.grid-box .grid-box-header .grid-option-wrap .grid-gnb ul li { display: none; }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb ul li a { font-size: 1.1rem; color: #fff; line-height: 35px; white-space: nowrap; }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb ul li.select { display: block; }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb button { display: inline-block; outline: 0; background: rgba(0,0,0,0.5); width: 15px; height: 20px; border: none; border-radius: 3px; }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb button img { margin-top: 1px; opacity: .7; }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb button:hover { background: rgba(0,0,0,0.9); }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb button:hover img { margin-top: 1px; opacity: .9; }
.grid-box .grid-box-header .grid-option-wrap .grid-gnb button.disabled { opacity: .5; cursor: not-allowed; pointer-events: none;}  
.grid-box .grid-box-header .grid-option-wrap .select-navi-box { width: 120px; right: 40px; top: 4px; }
#bot_left .grid-box .grid-box-header .grid-option-wrap .select-navi-box { right: 95px }

.grid-box .grid-box-header .grid-option-wrap .select-box-01 { display: inline-block; vertical-align: top; }
.grid-box .grid-box-header .grid-option-wrap .select-box-01 { position: relative; height: 35px; border-left: 1px solid rgba(255, 255, 255, 0.2);  width: 50px; cursor: pointer; }
.grid-box .grid-box-header .grid-option-wrap .select-box-01:after { width: 15px; height: 15px; position: absolute; content: ''; background: url(../../img/svg/down_ico.svg); background-size: 15px; background-repeat: no-repeat; right: 2px; top: 9px; }
.grid-box .grid-box-header .grid-option-wrap .select-box-01.anchor { width: 200px; }
.grid-box .grid-box-header .grid-option-wrap .select-box-01 label { color: #fff; font-size: 1.1rem; white-space: nowrap; line-height: 35px; padding-left: 10px; display: block; }
.grid-box .grid-box-header .grid-option-wrap .select-box-01 .option-list { background: #1A1F2A; display: none; }
.grid-box .grid-box-header .grid-option-wrap .select-box-01 .option-list:hover { display: block; }
.grid-box .grid-box-header .grid-option-wrap .select-box-01 .option-list a { font-size: 1.1rem; color: #fff; display: block; padding: 3px 0 3px 10px; border-bottom: 1px solid #1A1F2A; }
.grid-box .grid-box-header .grid-option-wrap .select-box-01 label:hover + .option-list { display: block; }
.grid-box .grid-box-header .grid-option-wrap .pop-btn { display: inline-block; height: 35px; border: none; border-left: 1px solid rgba(255, 255, 255, 0.2); outline: 0; width: 35px; background: none; text-align: center; }
.grid-box .grid-box-header .grid-option-wrap .pop-btn img { width: 16px; margin-top: 2px; }
.grid-box .grid-box-content { height: calc(100% - 35px); margin-top: 35px; width: 100%; border: 1px solid #dee3eb; border-top: none; overflow: auto; padding: 10px 20px;}
.grid-box .grid-box-header .grid-option-wrap .close-btn { display: inline-block; height: 35px; border: none; border-left: 1px solid rgba(255, 255, 255, 0.2); outline: 0; width: 35px; background: none; text-align: center; }

/*특허 전문*/
.grid-box .grid-box-content .pdf-preview { border: none; background: none; outline: 0; width: 100%; height: 100%; }
.grid-box .grid-box-content .pdf-blur {pointer-events: none;}

/* 도면 */
.grid-box .grid-box-content .drawings { padding: 10px 15px; min-width: 400px; }
.grid-box .grid-box-content .drawings .title-area { margin-bottom: 10px; }
.grid-box .grid-box-content .drawings .title-area .numb-title { font-weight: bold; font-size: 1.2rem; float: left; margin-right: 5px; }
.grid-box .grid-box-content .drawings .title-area .exp { float: left; vertical-align: top; }
.grid-box .grid-box-content .drawings .title-area .exp .ico { display: inline-block; width: 16px; height: 16px; background: #dee3eb; border-radius: 50%; text-align: center; font-family: 'Arial'; font-weight: bold; color: #666; line-height: 16px; font-size: 11px; vertical-align: top; margin-top: 1px; margin-right: 2px; }
.grid-box .grid-box-content .drawings .title-area .exp .txt { font-size: 1.2rem; color: #666; display: inline-block; vertical-align: top; }
.grid-box .grid-box-content .drawings .title-area .drawings-option { float: right; }
.grid-box .grid-box-content .drawings .title-area .drawings-option .view-toggle { display: inline-block; }
.grid-box .grid-box-content .drawings .title-area .drawings-option .view-toggle input[type=checkbox] + label { color: #666; }
.grid-box .grid-box-content .drawings .title-area .drawings-option .view-toggle input[type=checkbox] + label:after { color: #fff;  }
.grid-box .grid-box-content .drawings .title-area .drawings-option .select-box-02 { margin-top: 3px; }
.grid-box .grid-box-content .drawings .title-area .drawings-option .select-box-02.selectbox { width: 50px; }
.grid-box .grid-box-content .drawings .thumbnail-area { width: 100%; height: auto; overflow: hidden; position: relative; border: 1px solid #dee3eb; }
.grid-box .grid-box-content .drawings .thumbnail-area .detail-view-btn { position: absolute; z-index: 3; width: 35px; height: 35px; background: #fff; border: 1px solid #ccc; border-radius: 50%; top: 10px; right: 10px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1); transition: border-color .25s ease; outline: 0; }
.grid-box .grid-box-content .drawings .thumbnail-area .rotate-view-btn { position: absolute; z-index: 3; width: 35px; height: 35px; background: #fff; border: 1px solid #ccc; border-radius: 50%; top: 50px; right: 10px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1); transition: border-color .25s ease; outline: 0; }
.grid-box .grid-box-content .drawings .thumbnail-area .detail-view-btn img,
.grid-box .grid-box-content .drawings .thumbnail-area .rotate-view-btn img { width: 17px; margin-top: 1px; opacity: 0.7; transition: opacity .25s ease; }
.grid-box .grid-box-content .drawings .thumbnail-area .detail-view-btn:hover,
.grid-box .grid-box-content .drawings .thumbnail-area .rotate-view-btn:hover { border-color: #aaa; }
.grid-box .grid-box-content .drawings .thumbnail-area .detail-view-btn:hover img,
.grid-box .grid-box-content .drawings .thumbnail-area .rotate-view-btn:hover img { opacity: 1; }
.grid-box .grid-box-content .drawings .thumbnail-area .thumbnail img { width: 100%; height: auto; }
.grid-box .grid-box-content .drawings .thumbnail-area .drawings-tag { position: absolute; z-index: 2; border-radius: 3px; padding: 2px 5px; font-weight: bold; color: #d0d0d0; font-size: 1.1rem; font-family: 'dotum,Arial'; }
/* .grid-box .grid-box-content .drawings .thumbnail-area .drawings-tag:hover { background: #aaa; } */


.grid-box .grid-box-content .drawings { position: relative; }
.grid-box .grid-box-content .drawings .main-thumbnail-area { width: 100%; height: 400px; overflow: hidden; position: relative; border: 1px solid #dee3eb; }
.grid-box .grid-box-content .drawings .main-thumbnail-area .drawings-tag { cursor: move; position: absolute; z-index: 2; border-radius: 3px; padding: 2px 5px; font-weight: bold; color: #d0d0d0; font-size: 1.1rem; font-family: 'dotum,Arial'; }
/* .grid-box .grid-box-content .drawings .main-thumbnail-area .drawings-tag:hover { background: #aaa; } */
.grid-box .grid-box-content .drawings .main-thumbnail-area .drawings-tag i { font-size: 15px; cursor: pointer; }

.grid-box .grid-box-content .drawings .main-thumbnail-area .drawings-tag i.fa-link { font-size: 12px; margin-left: 5px; } /* 태그 링크 아이콘 */
.grid-box .grid-box-content .drawings .main-thumbnail-area .drawings-tag .link { cursor: pointer; margin-left: 4px; }
.grid-box .grid-box-content .drawings .main-thumbnail-area .drawings-tag .link img { width: 15px; height: 15px; }

.grid-box .grid-box-content .drawings .main-thumbnail-area .detail-view-btn { position: absolute; z-index: 3; width: 35px; height: 35px; background: #fff; border: 1px solid #ccc; border-radius: 50%; bottom: 10px; right: 10px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1); transition: border-color .25s ease; outline: 0; }
.grid-box .grid-box-content .drawings .main-thumbnail-area .detail-view-btn img { width: 17px; margin-top: 1px; opacity: 0.7; transition: opacity .25s ease; }
.grid-box .grid-box-content .drawings .main-thumbnail-area .detail-view-btn:hover { border-color: #aaa; }
.grid-box .grid-box-content .drawings .main-thumbnail-area .detail-view-btn:hover img { opacity: 1; }
.grid-box .grid-box-content .drawings .thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; }
.grid-box .grid-box-content .drawings .thumbnail img { position: absolute; top: 0; left: 0; max-width:100%; max-height:100%; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; }

/* 이미지 로테이트에 따른 CSS */
.grid-box .grid-box-content .drawings .thumbnail img.deg-0 { -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); }
.grid-box .grid-box-content .drawings .thumbnail img.deg-90 { -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate(90deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate(90deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate(90deg); }
.grid-box .grid-box-content .drawings .thumbnail img.deg-180 { -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate(180deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate(180deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate(180deg); }
.grid-box .grid-box-content .drawings .thumbnail img.deg-270 { -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate(-90deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate(-90deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate(-90deg); }


.grid-box .grid-box-content .drawings .sub-thumbnail-area { width: 93px; height: 93px; overflow: hidden; position: relative; border: 1px solid #dee3eb; display: inline-block; cursor: pointer; transition: border-color .25s ease; }
.grid-box .grid-box-content .drawings .sub-thumbnail-area.select { border-width: 1px; border-color: #5B9AFF; cursor: default; }
.grid-box .grid-box-content .drawings .sub-thumbnail-area:hover { border-color: #5B9AFF; }
.grid-box .grid-box-content .drawings .sub-thumbnail-list { height: 93px; margin-top: 10px; position: relative; white-space: nowrap; overflow: hidden; }
.grid-box .grid-box-content .drawings .sub-thumbnail-list .sub-thumbnail-area { margin-right: 10px; display: inline-block; }
.grid-box .grid-box-content .drawings .sub-thumbnail-list .thumb-navi { position: absolute; z-index: 2; width: 32px; height: 32px; background: rgba(0,0,0,0.5); display: block; top: 50%; margin-top: -16px; opacity: .3; text-align: center; }
.grid-box .grid-box-content .drawings .sub-thumbnail-list .thumb-navi:hover { opacity: .6; }
.grid-box .grid-box-content .drawings .sub-thumbnail-list .thumb-navi.pre { left: 0; }
.grid-box .grid-box-content .drawings .sub-thumbnail-list .thumb-navi.post { right: 0; }
.grid-box .grid-box-content .drawings .sub-thumbnail-list .thumb-navi img { width: 20px; margin-top: 6px; }


/* 대표 청구항 */
.grid-box .grid-box-content .category { padding: 10px 15px; min-width: 400px; }
.grid-box .grid-box-content .category-title { font-size: 1.2rem; font-weight: bold; padding: 0 10px; display: block; margin-bottom: 5px; padding-left: 0; }
.grid-box .grid-box-content .category-content { padding: 5px; font-size: 1.2rem; color: #535456; }
.grid-box .grid-box-content .category-content p { margin-bottom: 15px; }
.grid-box .grid-box-content .category-content p:last-child { margin-bottom: 0; }

/* 발명의 설명 */
.grid-box .grid-box-content .intro { padding: 10px 15px; min-width: 400px; }
.grid-box .grid-box-content .intro p { font-size: 1.2rem; }
.grid-box .grid-box-content .intro p strong { font-weight: bold; }

/* 공보 */
.gongbo-wrap { width: 100%; height: 100%; }
.gongbo-wrap iframe { width: 100%; height: 100%; outline: 0; border: none; background: none; }

/* etc */
#info_container .info-header-area { position: relative; margin-bottom: 10px; }
#info_container .info-header-area .sub-menu { margin-bottom: 10px; }
#info_container .info-header-area .sub-menu a { display: inline-block; height: 26px; border: 1px solid #dee3eb; font-size: 1.1rem; color: #404A64; line-height: 24px; border-radius: 4px; padding: 0 15px; margin-right: 2px; }
#info_container .info-header-area .sub-menu a:last-child { margin-right: 0; }
#info_container .info-header-area .sub-menu a.select { border-color: #024FF9; color: #024FF9;  }
#info_container .info-header-area .info-title-area { height: 30px; border-bottom: 1px solid #aaa; }
#info_container .info-header-area .info-title-area .info-title { font-size: 1.3rem; color: #739BF5; line-height: 30px; letter-spacing: -0.5px; display: inline-block; min-width: 95px; padding-right: 20px; }

#info_container .info-header-area .info-title-area button { height: 26px; border: none; border-radius: 4px; padding: 0 15px; outline: 0; color: #fff; font-size: 1.2rem; line-height: 26px; display: inline-block; }
#info_container .info-header-area .info-title-area button.down-btn { background: #217346; }
#info_container .info-header-area .info-title-area button.combine-btn { background: #1A1F2A; }
#info_container .info-header-area .info-title-area button.combine-btn img { width: 14px; margin-top: 6px; margin-right: 5px; }

#info_container .info-header-area .btn-wrap { position: absolute; right: 0; z-index: 1; bottom: 5px; }
#info_container .info-header-area .btn-wrap .row { margin-bottom: 5px; text-align: right; }
#info_container .info-header-area .btn-wrap button { height: 26px; border: none; border-radius: 4px; padding: 0 15px; outline: 0; color: #fff; font-size: 1.2rem; line-height: 26px; display: inline-block; }
#info_container .info-header-area .btn-wrap .row button { margin-right: 3px; }
#info_container .info-header-area .btn-wrap .row button:last-child { margin-right: 0; }
#info_container .info-header-area .btn-wrap button.down-btn { background: #217346; }
#info_container .info-header-area .btn-wrap button.combine-btn { background: #1A1F2A; }
#info_container .info-header-area .btn-wrap button.combine-btn img { width: 14px; margin-top: 6px; }
#info_container .info-header-area .btn-wrap button img { width: 18px; margin-right: 5px; }
#info_container .info-header-area .btn-wrap button.down-btn img { margin-top: 4px; }
#info_container .info-header-area .btn-wrap button.analysis-btn,
#info_container .info-header-area .btn-wrap button.report-btn,
#info_container .info-header-area .btn-wrap button.portfolio-btn { background: #004FF9; }
#info_container .info-header-area .btn-wrap button.report-btn img,
#info_container .info-header-area .btn-wrap button.analysis-btn img { width: 14px; margin-top: 6px; }
#info_container .info-header-area .btn-wrap button.portfolio-btn img { width: 15px; margin-top: 6px; }
#info_container .select-box-04 { height: 26px; display: inline-block; margin-right: 3px; margin-top: 0; }
#info_container .select-box-04 label { font-size: 1.1rem; height: 100%; line-height: 24px; }

#info_container .tool-area { margin-bottom: 10px; }
#info_container .filter-wrap { display: inline-block; float: left; }
#info_container .filter-wrap .selectbox { margin-left: 5px; }
#info_container .filter { display: inline-block; margin-left: 20px; vertical-align: top; }
#info_container .filter:first-child { margin-left: 0; }


#info_container .filter-result { color: #999; line-height: 25px; display: inline-block; font-size: 1.1rem; }
#info_container .filter-result .label { display: inline-block; height: 20px; padding: 0 15px; background: #F2F2F7; line-height: 20px; font-size: 12px; border-radius: 10px; margin-left: 10px; color: #222; }
#info_container .tool-area .filter-result .between { line-height: 35px; padding-left: 10px; }
#info_container .tool-area .filter-result .filter-unit { display: inline-block; }

#info_container .tool-area .list-setting-wrap { float: right; }
#info_container .tool-area .list-setting-wrap .selectbox { width: 100px; display: inline-block; vertical-align: top; margin-right: 10px; }

#info_container .tool-area .list-setting-wrap .paging-wrap { position: relative; display: inline-block; }
#info_container .tool-area .list-setting-wrap .paging-wrap .arrow-navi { position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #dee3eb; z-index: 2; top: 6px; }
#info_container .tool-area .list-setting-wrap .paging-wrap .arrow-navi img { width: 10px; margin-top: 1px; margin-left: 1px; }
#info_container .tool-area .list-setting-wrap .arrow-navi.pre-btn { left: 0; }
#info_container .tool-area .list-setting-wrap .arrow-navi.post-btn { right: 0; }
#info_container .tool-area .list-setting-wrap .page-number-list { padding: 0 25px; text-align: center; vertical-align: top; }
#info_container .tool-area .list-setting-wrap .page-number-list li { display: inline-block; }
#info_container .tool-area .list-setting-wrap .page-number-list li a { font-size: 1.1rem; vertical-align: top; line-height: 14px; white-space: nowrap; color: #AFAFAF; padding: 2px 3px; line-height: 26px; }
#info_container .tool-area .list-setting-wrap .page-number-list li a:hover {  color: #666; }
#info_container .search-result { font-size: 1.3rem; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
#info_container .search-result .label { background: #F2F2F7; font-size: 1.1rem; line-height: 21px; border-radius: 20px; padding: 0 20px; margin-left: 10px; }

/* 커스텀 체크박스 */
.custom-check-input { display: none; }
.custom-check-label { position: relative; height: 15px; width: 15px; display: inline-block; }
.custom-check-label:before { width: 15px; height: 15px; background: url(../../img/portfolio/checkbox_img.png)no-repeat; background-size: 15px 30px; background-position: 0 0; display: block;  cursor: pointer; overflow: hidden; position: absolute; content: ''; top: 50%; left: 0; margin-top: -8px; }
.custom-check-input:checked + .custom-check-label:before { width: 15px; height: 15px; background: url(../../img/portfolio/checkbox_img.png)no-repeat; background-size: 15px 30px; background-position: 0 -15px; }

.v-list-area { width: 100%; }
.v-list-area table { width: 100%; font-size: 1.2rem; }
.v-list-area table thead tr th { background: #f8f8f8; border: 1px solid #dee3eb; border-right: none; font-weight: bold; text-align: center; padding: 15px 5px;  position: relative; }
.v-list-area table thead tr th.has-order { padding: 15px 5px 30px; }
.v-list-area table thead tr th .table-align-btn { font-weight: bold; font-size: 1.2rem; background: none; border: none; border-top: 1px solid #ddd;outline: 0; transition: opacity .25s ease; cursor: pointer; display: inline-block;  background: url(../../img/report/table_filter_ico.png) no-repeat; background-size: 15px 45px; width: 100%; height: 15px; background-color: #fff; background-position: center 0; position: absolute; bottom: 0;left:0; }
.v-list-area table thead tr th .table-align-btn.up { background-position: center -15px; background-color:#f2f2f7;}
.v-list-area table thead tr th .table-align-btn.down { background-position: center -30px; background-color:#f2f2f7;}
.v-list-area table thead tr th .table-align-btn:hover { background-color:#f2f2f7; }
.v-list-area table thead tr th.imp { width: 250px; }

.v-list-area table thead tr th:last-child { border-right: 1px solid #dee3eb; }
.v-list-area table tbody tr { border-bottom: 1px solid #dee3eb;  }
.v-list-area table tbody tr td { padding: 10px 5px; text-align: center; }
.v-list-area table tbody tr td.name { text-align: left;} 
.v-list-area table tbody tr td button { outline: 0; border: none; background: none; display: inline-block; }

.v-list-area table thead tr th.etc-pat-num { min-width: 57px; width: 4%; }
.v-list-area table thead tr th.etc-pat-name { min-width: 110px; width: 40%; }
.v-list-area table thead tr th.etc-pat-crh { min-width: 110px; width: 16%; }
.v-list-area table thead tr th.etc-pat-applnum { min-width: 90px; width: 7%; }
.v-list-area table thead tr th.etc-pat-appldt { min-width: 90px; width: 7%; }
.v-list-area table thead tr th.etc-pat-reginum { min-width: 90px; width: 7%; }
.v-list-area table thead tr th.etc-pat-regidt { min-width: 90px; width: 5%; }
.v-list-area table thead tr th.etc-pat-grade { min-width: 70px; width: 5%; }
.v-list-area table thead tr th.etc-pat-rating { min-width: 70px; width: 5%; }
.v-list-area table thead tr th.etc-pat-gongbo { min-width: 60px; }

.v-list-area table thead tr th.event-num { min-width: 57px; width: 4%; }
.v-list-area table thead tr th.event-title { min-width: 110px; width: 20%;}
.v-list-area table thead tr th.event-date { min-width: 90px; width: 10%;}
.v-list-area table thead tr th.event-name { min-width: 90px; width: 12%;}
.v-list-area table thead tr th.event-ox { min-width: 70px; width: 10%;}

.seargee-wrap .v-list-area ~ .paging-wrap { margin-top: 15px; display: block; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging { float: right; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul { overflow: hidden; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li { display: inline-block; float: left; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li img { width: 16px; opacity: 0.5; margin-top: 5px; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li .page-move-btn.disabled img { opacity: 0.2; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li a { display: inline-block; min-width: 28px; height: 27px; text-align: center; font-weight: 500; font-size: 1.2rem; color: #999; line-height: 25px; letter-spacing: 0; padding: 0 5px; border: 1px solid #dee3eb; border-right: none; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li a.disabled { background-color: #eee; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li:last-child a { border-right: 1px solid #dee3eb; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li a:hover { color: #222; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li a.disabled:hover { color: #999; cursor: default; }
.seargee-wrap .v-list-area ~ .paging-wrap .paging ul li.select a { background: #1a1f2a; border-color: #1a1f2a; color: #fff; }

/* 크게보기 툴 에리어 */
.expand-grid-box .grid-box-header { height: 35px; background: #1A1F2A; position: absolute; width: 100%; left: 0; top: 0; z-index: 10; }
.expand-grid-box .grid-box-header .grid-title { font-size: 1.3rem; font-weight: bold; color: #fff; height: 35px; padding: 7px 0 7px 10px; float: left; }
.expand-grid-box .grid-box-header .grid-option-wrap { float: right; position: relative }
.expand-grid-box .grid-box-header .grid-option-wrap .select-navi-box { width: 120px; right: 220px; top: 4px; }
.expand-grid-box .grid-box-header .grid-option-wrap .view-toggle {position: relative; top: 4px; font-size: 1.3rem; right:20px;}
.expand-grid-box .grid-box-header .grid-option-wrap .select-box-02 { display: inline-block; vertical-align: top; }
.expand-grid-box .grid-box-header .grid-option-wrap .lang-box { position: relative; right:10px; top:2px; }

.expand-image-wrap .close-btn-wrap .pop-close-btn.custom { width: 50px; height: 50px; border-radius: 50%; border-style: none; background: rgba(28,45,95,0.5); position: absolute; right: 0; top: 25px; transition: background .25s ease; outline: 0; color:white;}