@charset "utf-8";
/* 스포카 한스 네오체 */
@import url(../fonts/SpoqaHanSansNeo/SpoqaHanSansNeo.css);
/* ybm */
@import url(../fonts/ybm/ybm-ext.css);
/* 나눔옛고어체 */
@import url(../fonts/yethangul/yethangul.css);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
abbr, address, cite, code, dfn, em, img, small, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, a,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
mark, audio, video { margin: 0; padding: 0; font-size: 100%; background: transparent; border: 0; outline :0; vertical-align: baseline; }
body { line-height: 1.6; font-family: 'Spoqa Han Sans Neo', 'NanumBarunGothic-YetHangul', -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Helvetica','Arial',sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol, li, dl, dd { list-style: none; }
img { vertical-align: middle; }
a { display: inline-block; text-decoration: none; box-sizing: border-box; }
em, b { font-style: normal; }
b, strong { font-weight: normal; }
div, span, td, li, input { box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
th, td { word-wrap: break-word; word-break: break-all; }
legend { font-size: 0; }
summary { display: list-item; }
hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #cccccc; box-sizing: border-box; overflow: hidden; }
hr.hidden{ height: 0; margin: 0; border-top: 0;}
button, input, optgroup, select, textarea { margin: 0; font-size: 100%; font-family: inherit; }
textarea{ overflow-y: auto; overflow-x: hidden;}
button, input { overflow: visible; border: 0; }
button, select { text-transform: none; vertical-align: middle; }
button, [type="button"], [type="reset"], [type="submit"] { margin: 0; padding: 0; appearance: button; -webkit-appearance: button; cursor: pointer; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[hidden] { display: none; }
[type="search"] { appearance:textfield; -webkit-appearance: textfield; outline-offset: -1px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-file-upload-button { -webkit-appearance:button; font: inherit; }
:focus { outline: 0; }
input:focus, a:focus, button:focus, textarea:focus { outline-color: gray; outline-offset: -1px; outline-style: dotted; outline-width: 1px;}
input { margin: 0; padding: 0; vertical-align: middle; }
input[type="text"], input[type="search"] { width: 100%; height: 100%; color: #383735; font-weight: 700; background-color: transparent; border: 0; }
input[type="text"]::placeholder, input[type="search"]::placeholder { color: #ababab; }

/* 이미지 */
img {pointer-events: none;}

/* 숨김텍스트 */
*[class]._hidden{ position:absolute;display:block; width:1px; height:1px; overflow:hidden; white-space:nowrap; clip:rect(1px 1px 1px 1px); clip-path:inset(1px);}

.pcView .notPC { display: none !important;}
.inputBox { position: relative; }
.searchBox .inputBox { height: 100%; padding-right: 40px; font-size: 24px; line-height: 1.13;}
.inputBox .btn-delTxt { position: absolute; top: 10px; right: 0; width: 36px; height: 36px; background: url('../images/common/btn_close_02_n@2x.png') 0 0 no-repeat; background-size: cover; text-indent: -9999px; }
.inputBox input::-ms-clear, .inputBox input::-ms-reveal { display: none; width: 0; height: 0; }
.inputBox input::-webkit-search-decoration,
.inputBox input::-webkit-search-cancel-button,
.inputBox input::-webkit-search-results-button,
.inputBox input::-webkit-search-results-decoration { display: none; }
select { padding: 5px; background: #fff; border: solid 1px #d5d5d5; line-height: 18px; }

.cls::after { display: block;content: ''; clear: both; }
.pos-r { position: relative !important; }
.fl-l { float: left !important; }
.fl-r { float: right !important; }
.taL { text-align: left !important;}
.taC { text-align: center !important;}
.taR { text-align: right !important;}
.vaT { vertical-align: top !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: baseline !important;}
.d-none { display: none !important; }
.d-tbl { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
.d-tbc { display: table-cell; width: auto; vertical-align: top; }
.tabcont { display: none; }
.tabcont.active { display: block; }
.onlymail { display: none; }
.pr-0 { padding-right: 0 !important; }

/*말줄임*/
.abbreviation { display: block; width: 99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

/* 품사 - 기본형 */
span.w-pos{ display: inline-block; height: 20px; padding: 0 5px; font-size: 12px; color: #ffffff; text-align: center; background-color: #b7b7b7; min-width: 20px; line-height: 1.58; border-radius: 5px; vertical-align: middle; text-indent: 0; }
span.w-posB { display: inline-block; height: 30px; padding: 6px 8px 4px 6px; font-size: 18px; color: #ffffff; text-align: center; background-color: #b7b7b7; min-width: 30px; line-height: 1.1; border-radius: 5px; vertical-align: middle; text-indent: 0; }

/* 버튼 - 타입별 */
.buttonWrap {display: flex; justify-content: center;}
.button {border-radius: 22px;}
.button.type01 {width: 160px; height: 44px; color: #fff; background-color: #7fa7af; line-height: 43px;}
.button.type02 {width: 160px; height: 44px; color: #fff; background-color: #7fa7af; line-height: 43px;}

/* *** iframe - 상세화면 *** */
.btnPrintBox { display: none; }
.ifWrap { width: 100%; height: 100%; max-width: 900px; margin: 0 auto; padding: 35px 25px 75px 35px; min-height: 100vh; overflow-x: hidden; overflow-y: auto;}
.ifWrap::-webkit-scrollbar{width:10px;}
.ifWrap::-webkit-scrollbar-thumb{background-color:#fff; background-clip:padding-box; border:2px solid transparent; border-radius:10px;}
.ifWrap::-webkit-scrollbar-track{background-color:#ebe9e5;}
.ifWrap > header { position: relative; display: flex; justify-content: flex-start; align-items: center; }
.ifWrap > header::after { display: block; content: ''; clear: both; }
.ifWrap > header h3 { position: absolute; top: -5px; left: 0; display: none; font-size: 20px; color: #383735; font-weight: 700; float: left;}
.ifWrap > header h2 { position: relative; display: flex; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: 500; line-height: 1.1;}
.ifWrap > header h2::before { display: block; margin-right: 10px;}
.ifWrap.cont_word > header h2 {color: #f47495; }
.ifWrap.cont_word > header h2::before { width: 24px; height: 21px; content: ''; background: url('../images/icon/icon_dic_term_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_eng > header h2 {color: #383735; }
.ifWrap.cont_eng > header h2::before { top: 2px; width: 33px; height: 19px; content: ''; background: url('../images/icon/icon_dic_ybm_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_woorimal > header h2 {color: #5e96ce; }
.ifWrap.cont_woorimal > header h2::before { top: 3px; width: 24px; height: 19px; content: ''; background: url('../images/icon/icon_dic_sam_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_kor > header h2 {color: #5e96ce; }
.ifWrap.cont_kor > header h2::before { width: 22px; height: 22px; content: ''; background: url('../images/icon/icon_dic_korean_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_elem > header h2 { color: #ae79d1; }
.ifWrap.cont_elem > header h2::before { top: 1px; width: 18px; height: 22px; content: ''; background: url('../images/icon/icon_dic_elstudy_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_wj > header h2 {color: #ff9e40; }
.ifWrap.cont_wj > header h2::before { top: 3px; width: 34px; height: 19px; content: ''; background: url('../images/icon/icon_dic_wjstudy_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_relic > header h2 {color: #88c669; }
.ifWrap.cont_relic > header h2::before { top: 3px; width: 30px; height: 19px; content: ''; background: url('../images/icon/icon_dic_relic_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_natural > header h2 {color: #88c669; }
.ifWrap.cont_natural > header h2::before { top: 2px; width: 28px; height: 21px; content: ''; background: url('../images/icon/icon_dic_natural_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_cultural > header h2 {color: #88c669; }
.ifWrap.cont_cultural > header h2::before { top: 3px; width: 30px; height: 17px; content: ''; background: url('../images/icon/icon_dic_cultural_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_sight > header h2 { color: #88c669; }
.ifWrap.cont_sight > header h2::before { top: 3px; width: 25px; height: 18px; content: ''; background: url('../images/icon/icon_dic_sightseeing_05@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_iss > header h2 {color: #f827ce; }
.ifWrap.cont_iss > header h2::before { width: 22px; height: 24px; content: ''; background: url('../images/icon/icon_dic_suprise_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_folklore > header h2 {color: #88c669; }
.ifWrap.cont_folklore > header h2::before { top: 3px; width: 22px; height: 19px; content: ''; background: url('../images/icon/icon_dic_folklore_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_biology > header h2 {color: #88c669; }
.ifWrap.cont_biology > header h2::before { top: 3px; width: 27px; height: 18px; content: ''; background: url('../images/icon/icon_dic_biology_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_royal > header h2 {color: #88c669; }
.ifWrap.cont_royal > header h2::before { top: 3px; width: 20px; height: 20px; content: ''; background: url('../images/icon/icon_dic_royal_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_oceans > header h2 {color: #88c669; }
.ifWrap.cont_oceans > header h2::before { top: 3px; width: 20px; height: 20px; content: ''; background: url('../images/icon/icon_dic_oceans_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_dic3d > header h2 {color: #32c38c; }
.ifWrap.cont_dic3d > header h2::before { top: 2px; width: 20px; height: 20px; content: ''; background: url('../images/icon/icon_dic_3d_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_eduwill > header h2 {color: #ef585b; }
.ifWrap.cont_eduwill > header h2::before { top: 2px; width: 20px; height: 20px; content: ''; background: url('../images/icon/icon_dic_eduwill_06.svg') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_art > header h2 {color: #a38356; }
.ifWrap.cont_art > header h2::before { width: 26px; height: 26px; content: ''; background: url('../images/icon/icon_dic_art_01.svg') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_jongmyo > header h2 {color: #88c669; }
.ifWrap.cont_jongmyo > header h2::before { top: 3px; width: 24px; height: 20px; content: ''; background: url('../images/icon/icon_dic_palace_01.svg') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_math > header h2 {color: #41b9eb; }
.ifWrap.cont_math > header h2::before { top: -2px; width: 28px; height: 28px; content: ''; background: url('../images/icon/icon_dic_math_01.svg') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_dino > header h2 {color: #88c669; }
.ifWrap.cont_dino > header h2::before { top: 0; width: 26px; height: 26px; content: ''; background: url('../images/icon/icon_dic_science_01.svg') 0 0 no-repeat; background-size: cover; }
.ifWrap.cont_affair > header h2 {color: #f8bd00; }
.ifWrap.cont_affair > header h2::before { top: 0; width: 26px; height: 26px; content: ''; background: url('../images/icon/icon_dic_affair_01.svg') 0 0 no-repeat; background-size: 26px; }
.ifWrap.cont_plant > header h2 {color: #88c669; }
.ifWrap.cont_plant > header h2::before { top: 0; width: 26px; height: 26px; content: ''; background: url('../images/icon/icon_dic_plant_01.svg') 0 0 no-repeat; background-size: 26px; }
.ifWrap.cont_modern > header h2 {color: #a58255; }
.ifWrap.cont_modern > header h2::before { top: 3px; width: 26px; height: 26px; content: ''; background: url('../images/icon/icon_dic_history_01.svg') 0 0 no-repeat; background-size: 26px; margin-right: 4px; }

.header-location { position: relative; margin-left: 40px; padding-left: 30px; float: left; }
.header-location::before { position: absolute; top: 50%; left: 0; width: 20px; height: 18px; content: ''; margin-top: -9px; background: url('../images/icon/icon_loca_01@2x.png') center 0 no-repeat; background-size: cover; }
.header-location a { display: inline-block; color: #646463; }
.header-location a span{ position: relative; display: inline-block; margin-right: 6px; padding-right: 16px; }
.header-location a span::after { position: absolute; top: 6px; right: 0; width: 9px; height: 14px; content: ''; background: url('../images/icon/btn_arrow_right_03@2x.png') 0 0 no-repeat; background-size: cover; }
.header-location a span:last-child::after { display: none; }
.ifCont_head { position: relative; padding: 20px 0 32px; text-align: center; border-bottom: 1px solid #ececec; }
.cont_relic .ifCont_head, .cont_natural .ifCont_head { border-bottom: 0; }
.ifCont_head h1.doc-tit { display: inline-block; padding: 0 20px; font-size: 48px; color: #464543; text-align: center; font-weight: 700; line-height: 1.12; word-break: break-all; }
.ifCont_head h1.doc-tit sup { font-size: 25px; vertical-align: super; }
.ifCont_head h1.doc-tit em { font-size: 25px; font-weight: 700; vertical-align: baseline; }
.ifCont_head h1.doc-tit .doc-tit_announce { font-size: 25px; vertical-align: baseline; }
/* 오디오 버튼 영역 */
.btn-mini-audio-wrap { position: relative; display:block; margin-top:16px;} /* 22-01-20 위치값 수정 */
.btn-mini-audio { display:inline-block; width: 52px; height: 40px; background: url('../images/common/icon_audio_01@2x.png') center center no-repeat transparent; background-size: 26px 24px; border: 2px solid #cccce5; border-radius: 10px;}
.btn-mini-audio.on { background-image: url('../images/common/icon_pause_01@2x.png'); background-size: 16px 20px; }
.audio-tooltip-target { position: absolute; top: calc(100% + 20px); left: 50%; padding: 26px 63px; font-size: 20px; color: #464543; font-weight: 700; background-color: #fff; transform: translateX(-50%); white-space: nowrap; border: 3px solid #cccce5; border-radius: 55px; line-height: 1.5; opacity: 0; transition: opacity 300ms; z-index: 2; }
.audio-tooltip-target .ico-arr { position: absolute; top: -17px; left: 50%; width: 19px; height: 17px; background: url('../images/common/img_tag_laye_01@2x.png') 0 0 no-repeat; background-size: cover; transform: translateX(-50%); }
.audio-tooltip-target.active { opacity: 1; }

.ifCont_head h2.doc-tit_sub { padding: 0 20px; font-size: 24px; color: #ababab; text-align: center; line-height: 2.5; word-break: break-all; }
.ifCont_head h2.doc-tit_have { padding: 15px 0 5px; font-size: 25px; color: #646463; text-align: center; line-height: 1.12; word-break: break-all; }
.ifCont_head h3.tit-subject { position: absolute; top: 29px; left: 0; padding-left: 29px; font-size: 30px; color: #646463; line-height: 1.13; }
.ifCont_head h3.tit-subject::before { position: absolute; top: 6px; left: 0; width: 23px; height: 18px; content: ''; background: url('../images/icon/icon_tag_02@2x.png') 0 0 no-repeat; background-size: cover;}
.ifCont_body_top { padding-top: 15px; border-bottom: 1px solid #ececec; }
.cont_word .ifCont_body_top { padding-top: 10px; }
.selectWrap_scrollBox { width: 100%; margin-bottom: 10px; overflow-x: auto; }
.selectWrap-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; max-width: 99.5%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; }
.ifSub-cont_head .selectWrap-container { max-width: 100%; }
.selectWrap-item { flex-grow: 1; padding-right: 10px; order: 3; }
.selectWrap-item.last-item { flex-grow: 2; max-width: auto; padding-right: 0; -ms-align-self: stretch; align-self: stretch;}
.selectWrap { width: auto; }

.goSubjongmyo-box { display: flex; justify-content: center; align-items: center; margin: 12px 0 10px; text-align: center; }
.goSubjongmyo-box .btn-goSubjongmyo { display: block; height: 44px; font-size: 18px; color: #fff; letter-spacing: .25px; font-weight: 700; background: #88c669 url('../images/icon/icon_arrow_03.svg') no-repeat calc(100% - 18px) center / 6px 10px; min-width: 160px; border-radius: 26px;}

.goModern-box { display: flex; justify-content: center; align-items: center; margin: 12px 0 10px; text-align: center; }
.goModern-box .btn-goModern { display: block; height: 44px; font-size: 18px; color: #fff; letter-spacing: .25px; font-weight: 700; background: #a58255 url('../images/icon/icon_arrow_03.svg') no-repeat calc(100% - 18px) center / 6px 10px; min-width: 208px; border-radius: 26px;}

/* 좌우 스크롤 탭영역 */
.ifCont_tagList { position: relative; width: 100%; margin-bottom: 25px; }
.ifCont_tagList::before { position: absolute; top: 2px; left: 2px; width: 46px; height: 46px; content: ''; background: url('../images/common/img_gra_01@2x.png') left top no-repeat; background-size: cover; z-index: 2; }
.ifCont_tagList::after { position: absolute; top: 2px; right: 2px; width: 46px; height: 46px; content: ''; background: url('../images/common/img_gra_02@2x.png') right top no-repeat; background-size: cover; z-index: 2; }
.pcView .ifCont_tagList::before, .pcView .ifCont_tagList::after { width: 63px; height: 63px; }
.ifCont_tagBox_wrap { position: relative; width: 100%; overflow-x: hidden; border: 2px solid #e9e9e9; border-radius: 30px;}
.ifCont_tagBox { height: 46px; padding: 5px 45px; line-height: 1.5; }
.ifCont_tagBox .ifCont_noTag { padding-top: 3px; font-size: 20px; color: #383735; text-align: center; }
.scrollX-box { width: auto; min-width: 100%; overflow-x: auto; white-space: nowrap; }
.scrollX-box ul li{ display: inline-block; margin-right: 15px; }
.scrollX-box-parent { position: relative; }
.scrollX-box-parent.longActive::after { position: absolute; bottom: 32px; right: -5px; width: 36px; height: 20px; content: ''; animation-name: arrowBlink; animation-duration: 2000ms; animation-iteration-count:infinite; z-index: 2; }
.ifCont_body_top.scrollX-box-parent.longActive::after { bottom: 40px; }
.pcView .ifCont_body_top.scrollX-box-parent.longActive::after { bottom: 50px; }
@keyframes arrowBlink {
 0% { background-image: url('../images/icon/icon_arrow_02@2x.png'), url('../images/icon/icon_arrow_02@2x.png'); background-repeat: no-repeat, no-repeat; background-position: 36px 0, 36px 0; background-size: 12px 20px, 12px 20px; }
 25% { background-image: url('../images/icon/icon_arrow_02@2x.png'), url('../images/icon/icon_arrow_02@2x.png'); background-repeat: no-repeat, no-repeat; background-position: 24px 0, 24px 0; background-size: 12px 20px, 12px 20px; }
 50% { background-image: url('../images/icon/icon_arrow_02@2x.png'), url('../images/icon/icon_arrow_02@2x.png'); background-repeat: no-repeat, no-repeat; background-position: 24px 0, 12px 0; background-size: 12px 20px, 12px 20px; }
 75% { background-image: url('../images/icon/icon_arrow_02@2x.png'), url('../images/icon/icon_arrow_02@2x.png'); background-repeat: no-repeat, no-repeat; background-position: 24px 0, 12px 0; background-size: 12px 20px, 12px 20px; }
 100% { background-image: url('../images/icon/icon_arrow_02@2x.png'), url('../images/icon/icon_arrow_02@2x.png'); background-repeat: no-repeat, no-repeat; background-position: 24px 0, 12px 0; background-size: 12px 20px, 12px 20px; }
}
.ifCont_tagList ul li a { padding: 3px 20px; font-size: 20px; color: #383735; text-align: center; min-width: 80px; }
.ifCont_tagList ul li a.here { color: #ffffff; background-color: #f47495; border-radius: 20px; }
#tabCont_kor .ifCont_tagBox_wrap { border-color: #ffd5db; }
#tabCont_kor .ifCont_tagList ul li a.here { background-color: #f87f8f; }
#tabCont_math .ifCont_tagBox_wrap { border-color: #fbd7ea; }
#tabCont_math .ifCont_tagList ul li a.here { background-color: #f583c0; }
#tabCont_social .ifCont_tagBox_wrap { border-color: #fce1e8; }
#tabCont_social .ifCont_tagList ul li a.here { background-color: #f47495; }
#tabCont_science .ifCont_tagBox_wrap { border-color: #ffd7d1; }
#tabCont_science .ifCont_tagList ul li a.here { background-color: #fb9383; }
.ifCont_txt { font-size: 22px; color: #464543; text-align: left; background: url('../images/common/line_02@2x.png') 0 0 repeat; background-size: 40px 40px; line-height: 40px; word-break: keep-all;}
.ifCont_txt.ifCont_txt-min { padding-bottom: 39px; text-align: center; }
.ifCont_txt.ifCont_txt-min + .sliderTot { margin-top: -40px; }
.ifCont_txt.hword {padding-bottom: 40px; text-align: center;}
.ifCont_txt.hword img {max-width: 100%; max-height: 40px;}
.ifCont_txt .calcImgBox { display: inline-block; width: 100%; }
.ifCont_txt .calcImgBox img { vertical-align: top; }
.ifCont_txt span.w-posB { margin-top: -5px; }
.ifCont_txt em { margin-right: 2px;font-style: italic;}
.ifWrap .ifCont_txt.ifCont_txt-min strong { color: #464543; }
.smaller .ifCont_txt { font-size: 18px; background: url('../images/common/line_01@2x.png') 0 0 repeat; background-size: 36px 36px; line-height: 2; }
.smaller .ifCont_txt-min { padding-bottom: 36px; }
.bigger .ifCont_txt { font-size: 26px; background: url('../images/common/line_03@2x.png') 0 0 repeat; background-size: 44px 44px; line-height: 44px;}
.bigger .ifCont_txt-min { padding-bottom: 44px; }
.ifCont_txt strong { color: #464543; font-weight: 700; }
.fromwhere { padding: 7px 0 8px; font-size: 14px; color: #ababab; text-align: right; }
.fromwhereTxt { margin-top: 40px; font-size: 14px; color: #ababab; line-height: 3.33; }
.fromwhereTxt li { position: relative; font-size: 12px; }
.smaller .fromwhereTxt { margin-top: 36px; line-height: 36px; }
.bigger .fromwhereTxt { margin-top: 44px; line-height: 44px; }
.fromwhereTxt .kna_forest_logo {width: 80px; margin-right: 7px; vertical-align: -7px;}
.cont_eng .ifCont_txt p { padding-left: 24px; color: #ababab; }
.cont_eng .ifCont_txt strong { margin-left: -24px; color: #464543; }
.cont_eng .ifCont_txt em { margin-left: -24px; color: #464543; }
.ifCont_txt .level3, .ifCont_txt .level4, .ifCont_txt .level5 { color: #ff9e40; font-weight: 700; }
.ifCont_txt table { margin-top: -2px; border-top: 1px solid #464543; border-left: 1px solid #464543; }
.ifCont_txt th, .ifCont_txt td { position: relative; border-right: 1px solid #464543;}
.ifCont_txt th::after, .ifCont_txt td::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; content: ''; background-color: #464543; }
.ifCont_txt th { padding-right: 10px; }
.ifCont_txt td { padding-left: 10px; }
.ifCont_txt .textIndent { position: relative; display: block; padding-left: 15px; }
.ifCont_txt .textIndent::after { position: absolute; top: 18px; left: 5px; width: 4px; height: 4px; content: ''; background-color: #7a898c; border-radius: 50%;}
.tblTypeList { margin-top: 0; margin-bottom: 40px; }
.ifCont_txt .tblTypeList:first-child { margin-top: 20px; }
.cont_relic .ifCont_txt h4.tit, .cont_natural .ifCont_txt h4.tit, .cont_cultural .ifCont_txt h4.tit, .cont_sight .ifCont_txt h4.tit, .cont_folklore .ifCont_txt h4.tit, .cont_oceans .ifCont_txt h4.tit, .cont_plant .ifCont_txt h4.tit {color: #88c669; font-weight: 700; }
.cont_eduwill .ifCont_txt h4.tit { color: #ef585b; font-weight: 700; }
.smaller .tblTypeList { margin-bottom: 36px; }
.bigger .tblTypeList { margin-bottom: 44px; }
.tblTypeList li { width: 100%; overflow: hidden; }
.tblTypeList li strong { position: relative; width: 140px; padding: 0 15px 0 22px; color: inherit !important; float: left; font-family: 'Spoqa Han Sans Neo', 'ybmExt' !important; box-sizing: border-box; }
.tblTypeList li strong::before { position: absolute; top: 0; left: 3px; content: '·';}
.tblTypeList li strong::after { position: absolute; top: 10px; right: 0; width: 2px; height: 20px; content: ''; background-color: #ababab; }
.tblTypeList li strong + p, .tblTypeList li strong + div { width: calc(100% - 140px); padding: 0 18px; float: left; box-sizing: border-box; }
.bigger .tblTypeList li strong { width: 160px; }
.bigger .tblTypeList li strong + p, .bigger .tblTypeList li strong + div { width: calc(100% - 160px); }
.tblTypeList dl { width: 100%; overflow: hidden; }
.tblTypeList dt { position: relative; width: 200px; padding: 0 15px 0 22px; color: inherit !important; float: left; clear: left; font-family: 'Spoqa Han Sans Neo', 'ybmExt' !important; box-sizing: border-box; }
.tblTypeList dt::before { position: absolute; top: 0; left: 3px; content: '·';}
.tblTypeList dt::after { position: absolute; top: 10px; right: 0; width: 2px; height: 20px; content: ''; background-color: #ababab; }
.tblTypeList dd { width: calc(100% - 200px); padding: 0 18px; float: left; box-sizing: border-box; }
.bigger .tblTypeList dt { width: 240px; }
.bigger .tblTypeList dd { width: calc(100% - 240px); }
.tblTypeList caption { height: 100%; height: 0; font-size: 0; overflow: hidden; text-indent: -9999px; }

/* 210503 font-family 수정 */
.tblTypeList th { position: relative; width: 200px; padding: 0 15px 0 22px; color: inherit !important; text-align: left; font-weight: normal; box-sizing: border-box; vertical-align: top; }
.tblTypeList th::before { position: absolute; top: 0; left: 3px; content: '·';}
.tblTypeList th::after { position: absolute; top: 10px; left: initial; bottom: initial; right: 0; width: 2px; height: 20px; content: ''; background-color: #ababab; }
.tblTypeList td { width: calc(100% - 200px); padding: 0 18px; box-sizing: border-box; }
.tblTypeList td::after { display: none; }
.tblTypeList_deftype { margin-top: 0; }
.tblTypeList_deftype th { width: auto; padding-left: 0; font-weight: 700; font-weight: 500; vertical-align: top; }
.tblTypeList_deftype th::before { display: none; }
.ifCont_txt .tblTypeList table { border: 0; }
.ifCont_txt .tblTypeList tr { border-bottom: 0; }
.ifCont_txt .tblTypeList th, .ifCont_txt .tblTypeList td { border-right: 0; }
.defList-word {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; color: #464543; }
.defList-word dt { position: relative; margin-right: 15px; padding-right: 15px; font-weight: 700; white-space: nowrap; }
.defList-word dt::after { position: absolute; top: 12px; right: 0; width: 2px; height: 20px; content: ''; background-color: #ababab; }
.smaller .defList-word dt::after { height: 15px; }
.bigger .defList-word dt::after { height: 25px; }
.defList-word.referTo dt { margin-right: 0; padding-right: 0; }
.defList-word.referTo dt::after { display: none; }
p.tit_l { margin-top: 40px; color: #5e96ce; font-weight: 700; }
.smaller p.tit_l { margin-top: 36px; }
.bigger p.tit_l { margin-top: 44px; }
p.tit_numTxt { color: #383735; }
p.tit_numTxt em { color: #5e96ce; }
p.tit_s { margin-top: 40px; font-weight: 700; }
.smaller p.tit_s { margin-top: 36px; }
.bigger p.tit_s { margin-top: 44px; }
p.t_number { margin-top: 40px; }
.smaller p.t_number { margin-top: 36px; }
.bigger p.t_number { margin-top: 44px; }
.exList li { position: relative; padding-left: 23px; color: #ababab; }
.exList li::before { position: absolute; top: 18px; left: 10px; width: 4px; height: 4px; content: ''; background-color: #ababab; border-radius: 2px; }
.smaller .exList li::before { top: 16px; }
.bigger .exList li::before { top: 20px; }
.exList li strong { color: #464543; font-weight: 700; }
.addEx { padding-left: 10px; }
.addEx .txt { padding-left: 5px; color: #ababab; }
.word_info { margin-top: 40px; }
.smaller .word_info { margin-top: 36px; }
.bigger .word_info { margin-top: 44px; }
.word_info dt { position: relative; padding-left: 26px; font-weight: 700; }
.word_info dt::before { position: absolute; top: calc(50% - 10px); left: 0; width: 20px; height: 20px; content: ''; background-color: #5e96ce; border-radius: 5px; }
.word_info dt::after { position: absolute; top: calc(50% - 6px); left: 4px; width: 12px; height: 12px; content: ''; background: url('../images/icon/icon_pencil_02@2x.png') 0 0 no-repeat; background-size: cover; }
.word_info .tit_sub { padding-left: 10px; }
.word_info .txtGray { color: #ababab; text-decoration: underline; }
.word_info .exWord2 { color: #ababab; }
.word_info .exWord2 strong { color: #464543; /* */ }
.word_info.font_YetHangul dd {font-family: 'NanumBarunGothic-YetHangul';}
.cont_elem .ifCont_txt i { position: relative; padding-left: 26px; color: #ae79d1; font-style: normal; }
.cont_elem .ifCont_txt i::before { position: absolute; top: 8px; left: 0; width: 20px; height: 20px; content: ''; background-color: #ae79d1; border-radius: 5px; }
.cont_elem .ifCont_txt i::after { position: absolute; top: 12px; left: 4px; width: 12px; height: 12px; content: ''; background: url('../images/icon/icon_pencil_02@2x.png') 0 0 no-repeat; background-size: cover; }
.cont_elem .ifCont_txt dl dd { padding-left: 24px; }
.cont_elem .ifCont_txt dl dd ul li{ position: relative; }
.cont_elem .ifCont_txt dl dd ul li::before { position: absolute; top: 0; left: -15px; content: '·'; }
.cont_wj .ifCont_txt strong { color: #ff9e40; font-weight: 700; }
.imgBox { margin-top: 25px; }
.imgBox img { width: 100%; height: auto; border-radius: 15px; }
.cont_elem .imgBox { margin-top: 0; }
.ifCont_sec { padding: 14px 0 11px; margin-bottom: 10px; font-size: 18px; color: #464543; border-bottom: 1px solid #cbcbcb; }
.ifCont_sec::after { display: block; content: ''; clear: both; }
.ifCont_sec .d-tbc { padding-left: 30px; }
.ifCont_sec .tbcTag{ width: 118px; padding-left: 10px; border-right: 1px solid #ececec; }
.ifCont_sec.sbj_more {position: relative; padding: 4px 0;}
.ifCont_sec.sbj_more .d-tbc:nth-child(1) {padding-left: 10px;}
.ifCont_sec.sbj_more .d-tbc:nth-child(2) {width: 275px; text-align: right;}
.ifCont_sec .link {padding: 5px 30px 7px 17px; color: #fff; background: url(../images/icon/icon_arrow_r_04@2x.png) right 12px center/6px no-repeat; border-radius: 16px;}
.ifWrap.cont_math .ifCont_sec .link {background-color: #41b9eb;}
.ifCont_sec i { position: relative; padding-left: 25px; font-weight: 700; line-height: 1.67;}
.ifCont_sec i::before { position: absolute; top: 7px; left: 0; width: 18px; height: 14px; content: ''; background: url('../images/icon/icon_tag_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifCont_sec li { position: relative; display: block; padding-left: 25px; line-height: 1.67; }
.ifCont_sec li::before { position: absolute; top: 0; left: 10px; content: '·'; color: #b7b7b7; }
.ifCont_sec.hashtagBox li { width: 50%; padding-left: 10px; float: left; }
.ifCont_sec.hashtagBox li::before { display: none; }
.ifCont_sec a { color: #464543; }
.ifCont_sec.cat li span { position: relative; display: inline-block; margin-right: 6px; padding-right: 16px; }
.ifCont_sec.cat li span::before { position: absolute; top: 9px; right: 0; width: 9px; height: 14px; content: ''; background: url('../images/icon/btn_arrow_right_03@2x.png') 0 0 no-repeat; background-size: cover; }
.ifCont_sec.cat li span:last-child::before { display: none; }
.ifCont_sec.hasbdr li span { position: relative; display: inline-block; margin-right: 10px; padding-right: 15px; }
.ifCont_sec.hasbdr li span::before { position: absolute; top: 7px; right: 0; width: 3px; height: 18px; content: ''; background: url('../images/icon/icon_bar_01@2x.png') 0 0 no-repeat; background-size: cover; }
.ifCont_sec.hasbdr li span:last-child::before { display: none; }
.ifCont_tabWrap { margin-top: 25px; margin-bottom: 25px; }
.ifCont_tabWrap .tablist ul { position: relative; width: 100%; overflow: hidden; }
.ifCont_tabWrap .tablist ul::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; content: ''; background-color: #e4e4e4; }
.ifCont_tabWrap .tablist ul li { margin-right: 6px; float: left; }
.ifCont_tabWrap .tablist ul a { width: 150px; height: 50px; padding: 0; color: #646463; text-align: center; background-color: #e4e4e4; line-height: 50px; border: 1px solid #e4e4e4; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 2; }
.ifCont_tabWrap .tablist ul li.on a { color: #ff9e40; background-color: #fff;}
.announceBox { padding-bottom: 40px; color: #464543; text-align: center; background: url('../images/common/line_02@2x.png') 0 0 repeat; background-size: 40px 40px; font: 22px 'NanumSquareRoundB'; line-height: 1.64; }
.announceBox .announceTxt { vertical-align: top; font-family: 'ybmExt';}
.announceBox button { position: relative; padding: 7px 17px; margin-top: 5px; margin-left: 10px; font-size: 14px; background-color: #5eceb8; border-radius: 15px; vertical-align: top; line-height: 1.2; }
.announceBox button.actived { background-color: #149f84; }
.announceBox button.btn-ann-eng { background-color: #64c2d1; }
.announceBox button.btn-ann-eng.actived { background-color: #307ecc; }
.announceBox button::before { position: absolute; top: 8px; left: 17px; width: 15px; height: 15px; content: ''; background: url('../images/icon/icon_sound@2x.png') 0 0 no-repeat; background-size: cover; }
.announceBox button .txt { margin: 5px 0; padding-left: 21px; color: #ffffff; }
button.btn-ann-woorimal { display: inline-block; width: 50px; height: 30px; font-size: 0; background: url('../images/icon/icon_sound@2x.png') center center no-repeat #64c2d1; background-size: 15px 15px; border-radius: 15px; }
/* 툴팁 */
.tooltip-target { display: none; }
.tooltip-target.active { display: block; }
/* 오른쪽으로 나오는 초록색 툴팁정보 */
.tooltip-tq { position: relative; display: inline-block; vertical-align: middle; }
.tooltip-btn-tq { display: block; width: 22px; height: 22px; font-size: 0; background: url('../images/icon/icon_q_01@2x.png') 0 0 no-repeat transparent; background-size: cover; }
.tooltip-target-tq { position: absolute; top: 50%; left: calc(100% + 30px); width: 420px; padding: 27px 36px; font-size: 20px; color: #4e982a; background-color: #fff; transform: translateY(-50%); border: 3px solid #88c669; border-radius: 50px; z-index: 2; line-height: 1.5; }
.tooltip-target-tq::before { position: absolute; top: 50%; left: -23px; display: block; content: ''; transform: translateY(-50%); border-top: 12px solid #fff; border-bottom: 12px solid transparent; border-right: 20px solid #88c669; border-left: 0 solid transparent; }

/* 이미지 검색 결과 리스트 */
.imgResultBox_head { position: relative; }
.imgResultBox_head .tit { padding-left: 27px; font-size: 20px; color: #383735;font-weight: 700; background: url('../images/icon/icon_crown02@2x.png') 0 center no-repeat; background-size: 22px 17px; line-height: 1.56; }
.imgResultBox_head button { position: absolute; top: 0; right: 0; padding: 2px 20px 0; font-size: 16px; color: #ffffff; font-weight: 700; background-color: #ffbf40; border-radius: 15px; line-height: 1.75; }
.imgResultBox_body { margin-top: 10px; }
.imgResultList { width: 100%; height: 270px; margin-bottom: -10px; overflow: hidden; }
.imgResultList li { width: 50%; padding-right: 10px; float: left; }
.imgResultList a { position: relative; width: 100%; height: 125px; margin-bottom: 10px; overflow: hidden; border-radius: 10px; border: 1px solid #e4e4e4; }
.imgResultList a::before { position: absolute; left: 0; bottom: 34px; width: 100%; height: 1px; content: ''; background-color: #e4e4e4; z-index: 1; }
.moreviewListBox .imgResultList a { margin-bottom: 0; }
.imgResultList .swiper-wrapper .swiper-slide:nth-child(8n+1) a { background: url('../images/common/img_no_07@2x.png') 12px 12px no-repeat #fbfbfb; background-size: 121px 78px; }
.imgResultList .swiper-wrapper .swiper-slide:nth-child(8n+2) a { background: url('../images/common/img_no_01@2x.png') 12px 12px no-repeat #fbfbfb; background-size: 121px 78px; }
.imgResultList .swiper-wrapper .swiper-slide:nth-child(8n+3) a { background: url('../images/common/img_no_02@2x.png') 12px 12px no-repeat #fbfbfb; background-size: 121px 78px; }
.imgResultList .swiper-wrapper .swiper-slide:nth-child(8n+4) a { background: url('../images/common/img_no_03@2x.png') 12px 12px no-repeat #fbfbfb; background-size: 121px 78px; }
.imgResultList .swiper-wrapper .swiper-slide:nth-child(8n+5) a { background: url('../images/common/img_no_04@2x.png') 12px 12px no-repeat #fbfbfb; background-size: 121px 78px; }
.imgResultList .swiper-wrapper .swiper-slide:nth-child(8n+6) a { background: url('../images/common/img_no_05@2x.png') 12px 12px no-repeat #fbfbfb; background-size: 121px 78px; }
.imgResultList .swiper-wrapper .swiper-slide:nth-child(8n+7) a { background: url('../images/common/img_no_06@2x.png') 12px 12px no-repeat #fbfbfb; background-size: 121px 78px; }
.imgResultList .swiper-wrapper .swiper-slide:nth-child(8n+8) a { background: url('../images/common/img_no_07@2x.png') 12px 12px no-repeat #fbfbfb; background-size: 121px 78px; }
.imgResultList img { width: 100%; min-height: 100px; border-radius: 10px; }
.imgResultList p { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; font-size: 16px; color: #646463; text-align: center; font-weight: 700; background-color: #ffffff; line-height: 2.35; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.sliderTot .imgResultList li:nth-child(2n) a { margin-right: 0; }
.cont_natural .imgResultBox_head .tit{ background: url('../images/icon/icon_specimen_01@2x.png') 0 center no-repeat; background-size: 21px 17px; }
.cont_natural .moreviewListBox.opened .imgResultBox_head button { background: url('../images/icon/btn_close_03@2x.png') 11px 11px no-repeat #88c669; background-size: 11px 11px; }
.cont_plant .imgResultBox_head .tit{ background: url('../images/icon/icon_specimen_01@2x.png') 0 center no-repeat; background-size: 21px 17px; }
.cont_plant .moreviewListBox.opened .imgResultBox_head button { background: url('../images/icon/btn_close_03@2x.png') 11px 11px no-repeat #88c669; background-size: 11px 11px; }

/* 표본정보 - 페이징 : 자연사정보 */
.gallery-paging .imgResultList { width: calc(100% + 28px); height: auto; margin-right: -12px; margin-left: -12px; }
.gallery-paging .imgResultList ul { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; }
.gallery-paging .imgResultList li { width: 169px; padding: 0 12px; margin-bottom: 8px; float: none; }
.gallery-paging .imgResultList li a { margin-bottom: 0; }
.gallery-paging.moreviewListBox .imgResultBox_body { padding: 0 12px 8px; }
.imgResultBox_foot { padding-top: 8px; padding-bottom: 8px; }
.gallery-page { display: flex; justify-content: center; align-items: center; }
.gallery-page li { margin: 0 3px 0 2px; }
.gallery-page li button { height: 30px; padding: 0 10px; color: #8c96a0; font-weight: 700; background-color: transparent; min-width: 30px; line-height: 100%; }
.gallery-page li button.here { color: #323c46; background-color: #e6e8ea; border-radius: 50%; }
.gallery-page li button.btn-page-first { background: url('../images/icon/ic_page_arrow_double.png') center center no-repeat; background-size: 16px 16px; transform: rotate(180deg); }
.gallery-page li button.btn-page-prev { background: url('../images/icon/ic_page_arrow.png') center center no-repeat; background-size: 16px 16px; transform: rotate(180deg); }
.gallery-page li button.btn-page-next { background: url('../images/icon/ic_page_arrow.png') center center no-repeat; background-size: 16px 16px; }
.gallery-page li button.btn-page-last { background: url('../images/icon/ic_page_arrow_double.png') center center no-repeat; background-size: 16px 16px; }

/* 슬라이드 - 본문의 왼쪽, 큰 슬라이드 */
.sliderTot { position: relative; padding: 40px 0; border-bottom: 1px solid #cbcbcb; }
.visualSlide { position: relative; /*width: 57.15%;*/ width: 390px; height: 300px; padding-right: 20px; }
.visualSlide.full { width: 100%; height: 360px; padding-right: 0; }
.visualSlide .swiper-container { width: 100%; height: 100%; border-radius: 15px;}
.visualSlide .swiper-slide {position: relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;text-align: center;background-color: #fff;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;overflow: hidden;}
.visualSlide .slideFullImg { width: 100%; height: auto; max-height: 100%; }
.visualSlide .slideFullImg { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; }
.visualSlide .slideFullImgCenter { display: flex; justify-content: center; align-items: center; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.visualSlide .excellence { position: relative; }
.visualSlide .excellence::after { position: absolute; top: 0; left: 0; width: 112px; height: 112px; content: ''; background: transparent url('../images/common/ico_madedict.svg') no-repeat center center / cover; }
.visualSlide .slideFullImg img { width: auto; height: auto; max-width: 100%; max-height: 300px; vertical-align: middle; border-radius: 15px; }
.visualSlide .slideFullImg img.thumbAudio { width: 292px; height: 94px; }
.visualSlide .slideFullImg img.thumbVideo { width: 206px; height: 148px; }
.visualSlide.full .slideFullImg img { max-height: 360px; }
.visualSlide.full .slideFullImg img.thumbAudio { width: 534px; height: 170px; }
.visualSlide.full .slideFullImg img.thumbVideo { width: 300px; height: 214px; }
.visualSlide .slideFullImgCenter button { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; content: ''; font-size: 0; background: url('../images/common/btn_play_1@2x.png') 0 0 no-repeat; background-size: cover; transform: translate(-50%, -50%); }
.visualSlide .btn-sampleInfo { position: absolute; bottom: 10px; right: 104px; width: auto; height: 30px; padding: 1px 14px 3px; font-size: 14px; color: #fff; text-align: center; background-color: #88c669; border-radius: 15px; line-height: 1.75; z-index: 2; }
.visualSlide .btn-openPop {position: absolute;bottom: 10px;right: 15px;width: auto;height: 30px;padding: 1px 14px 3px;font-size: 14px;color: #fff;text-align: center;background-color: #7fa7af; border-radius: 15px; line-height: 1.75; z-index: 2;}
.visualSlide .swiper-paginationBox { position: absolute; left: 0; bottom: 13px; width: 100%; text-align: center; }
.visualSlide .swiper-pagination { position: relative; left: auto; bottom: auto; display: inline-block; width: auto; padding: 0 8px; font-size: 15px; color: #ffffff; text-align: center; background-color: rgba(56,55,53,0.3); border-radius: 15px; line-height: 1.87; }
.visualSlide .swiper-button-prev { left: 0; width: 50px; height: 80px; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2 - 20px); color: transparent; background: url('../images/common/btn_arrow_left@2x.png') 0 0 no-repeat; background-size: cover; }
.visualSlide .swiper-button-next { right: 0; width: 50px; height: 80px; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2 - 20px); color: transparent; background: url('../images/common/btn_arrow_right@2x.png') 0 0 no-repeat; background-size: cover; }
.cont_wj .visualSlide .btn-openPop {right: 22px;}
.pub3d { width: 100%; height: 100%; }
.pub3d img { width: auto; height: auto; max-width: 100%; }
.non-visualSlide { position: relative; width: 100%; height: 360px; padding-right: 0; border-radius: 15px; overflow: hidden; }
.non-visualSlide .btn-play3d { position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; font-size: 0; background: url('../images/common/ic_3d_play@2x.png') 0 0 no-repeat; background-size: cover; transform: translate(-50%, -50%); }
.non-visualSlide .img3dwrap { position: absolute; top: 0; left: 0; display: flex; justify-content: center; width: 100%; height: 100%; }
.non-visualSlide .img3dwrap img { width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: 15px; }

/* 슬라이드 - 본문의 여러개씩 나오는 슬라이드 */
.moreviewListBox { display: none; width: 100%; height: auto; padding: 0; border: 3px solid #e4e4e4; border-radius: 15px; }
.moreviewListBox.opened { display: block; }
.moreviewListBox.opened .imgResultBox_head button { padding-left: 28px; padding-bottom: 2px; background: url('../images/icon/btn_close_03@2x.png') 11px 11px no-repeat #ffbf40; background-size: 11px 11px; }
.moreviewListBox .imgResultBox_head { margin: 15px 38px 0; }
.moreviewListBox .imgResultBox_body { position: relative; padding: 0 37px 38px; }
.moreviewListBox .swiper-container { width: 100%; height: 100%; /*margin-left: auto; margin-right: auto;*/ }
.moreviewListBox .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 125px; margin-bottom: 0; font-size: 18px; text-align: center; background: #fff; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; }
.moreviewListBox .swiper-pagination { bottom: 10px; color: #646463; font: 15px 'NanumSquareRoundB'; line-height: 1.12; }
.moreviewListBox .swiper-button-prev { left: 0; width: 50px; height: 80px; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2 - 40px); color: transparent; background: url('../images/common/btn_arrow_left_2@2x.png') 0 0 no-repeat; background-size: cover; }
.moreviewListBox .swiper-button-next { right: 0; width: 50px; height: 80px; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2 - 40px); color: transparent; background: url('../images/common/btn_arrow_right_2@2x.png') 0 0 no-repeat; background-size: cover; }
span.sup { font-size: 0.667em; vertical-align: super; }

/* 레이어팝업 */
.dimBox { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); overflow: auto; z-index: 900; }
.dimBox.active { display: block; }
.layerBox { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; padding: 0 10px 20px; background-color: #ffffff; -webkit-transform: translate( -50%, -50%); -ms-transform: translate( -50%, -50%); transform: translate( -50%, -50%); overflow-y: auto; border-radius: 20px; overflow-x: hidden; overflow-y: auto; }
.layer-head { height: 69px; padding: 16px 74px 19px; margin-top: 13px; }
.layer-head ul li { display: none; }
.layer-head ul li::after { display: block; content: ''; clear: both; }
.layer-head ul li.active { display: block; }
.layer-head h1.tit { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; max-width: 99.5%; color: #464543; -webkit-box-pack: center; -ms-flex-pack: center; font: 22px 'TtoTtoLoveBold'; }
.layer-head h1.tit em { flex-grow: 1; padding-right: 12px; font-size: 26px; color: #383735;}
.layer-head h1.tit span { position: relative; flex-grow: 2; padding-left: 15px; font-size: 22px; color: #464543; -ms-align-self: stretch; align-self: stretch; }
.layer-head h1.tit span::before { position: absolute; top: 7px; left: 0; width: 3px; height: 18px; content: ''; background-color: #e4e4e4; }
.layer-body { padding: 0 10px; }
.dimBox .btn-closeLayer { position: absolute; top: 13px; left: 10px; width: 64px; height: 64px; background: url('../images/common/common_btn_close_b@2x.png') 0 0 no-repeat transparent; background-size: cover; text-indent: -9999px; }
.layer-detail { position: absolute; top: 0; right: 0; z-index: 901; }
.layer-detail li { display: none; }
.layer-detail li.active { display: block; }
.layer-detail-pos{ position: absolute; top: 0; right: 0; }
.layer-detail-body { width: 800px; padding: 20px; margin-top: -100%; background-color: #7fa7af; border-bottom-left-radius: 20px; transition: 250ms margin-top; }
.layer-detail-pos.active .layer-detail-body { margin-top: 0; transition: 250ms margin-top; }
.layer-detail-inner { max-height: 600px; padding: 30px 25px 35px 35px; background-color: #fff; overflow-y: auto; border-radius: 10px; }
.layer-detail-prime { display: block; font-size: 22px; color: #464543; }
.layer-detail-prime dt { position: relative; display: block; font-weight: 500; line-height: 1.82; }
.layer-detail-prime dt::before { position: absolute; top: 15px; left: -16px; width: 6px; height: 6px; content: ''; background-color: #646463; border-radius: 50%; }
.layer-detail-prime dd { position: relative; display: block; line-height: 1.82; }
.layer-detail-prime dd::before { position: absolute; top: 15px; left: -16px; width: 6px; height: 6px; content: ''; background-color: #646463; border-radius: 50%; }
.layer-detail-from { display: table; width: 100%; margin-top: 60px; margin-bottom: -10px; font-size: 22px; color: #464543; table-layout: fixed; line-height: 1.82; }
.layer-detail-from dl { display: table-row; }
.layer-detail-from dt { position: relative; display: table-cell; width: 115px; padding-bottom: 10px; vertical-align: top; }
.layer-detail-from dt::before { position: absolute; top: 15px; left: -16px; width: 6px; height: 6px; content: ''; background-color: #646463; border-radius: 50%; }
.layer-detail-from dd { position: relative; display: table-cell; width: auto; padding: 0 15px 10px; vertical-align: top; overflow: hidden; }
.layer-detail-from dd::before { position: absolute; top: 10px; left: 0; width: 3px; height: 90%; content: ''; background-color: rgba(171, 171, 171, 0.3); }
.layer-detail-from dd::after { position: absolute; left: 0; bottom: 0; width: 3px; height: 20px; content: ''; background-color: #fff; }
.layer-detailBtn { position: absolute; bottom: -65px; right: 20px; font-weight: 500; }
.layer-detailBtn button { width: 110px; padding: 38px 22px 12px; color: #ffffff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.btn-layer-detailOpen { background: url('../images/icon/icon_arrow_down_02@2x.png') 48px 18px no-repeat #7fa7af; background-size: 13px 8px; }
.btn-layer-detailClose { background: url('../images/icon/icon_arrow_up_02@2x.png') 48px 18px no-repeat #7fa7af; background-size: 13px 8px; }
.layer-detail .btn-layer-detailOpen { display: block; }
.layer-detail .btn-layer-detailClose { display: none; }
.layer-detail-pos.active .btn-layer-detailOpen { display: none; }
.layer-detail-pos.active .btn-layer-detailClose { display: block; }

/* 레이어팝업 안의 풀 슬라이드 */
.fullSlide { position: relative; width: auto; height: 610px; max-width: 100%;}
.fullSlide .swiper-container { width: 100%; height: 100%; }
.fullSlide .swiper-slide { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-size: 18px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; }
.fullSlide .slideFullImg { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: auto; }
.fullSlide .slideFullImg.onlyImg { height: 100%; }
.fullSlide .slideFullImgCenter { position: relative; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; width: auto; height: auto; max-height: 100%; text-align: center;/* overflow: auto;*/ }
.fullSlide .slideFullImgCenter img { width: auto; height: auto; /*max-height: 100%;*/ max-width: 100%; max-height: 610px; vertical-align: middle; border-radius: 10px; transform-origin: top left; }
.fullSlide .excellence { position: relative; }
.fullSlide .excellence::after { position: absolute; top: 0; left: 0; width: 160px; height: 160px; content: ''; background: transparent url('../images/common/ico_madedict.svg') no-repeat center center / cover; }
.fullSlide .audioVisual { position: relative; width: 100%; height: 268px; background: url('../images/common/img_sound_2@2x.png') center center no-repeat; background-size: 844px 268px; }
.fullSlide .videoVisual { position: absolute; top: 50%; left: 50%; width: 0; height: 0; background-image: none; z-index: 911; }
.fullSlide .audioVisual .btn-audio { position: absolute; top: calc(50% - 58px); left: calc(50% - 58px); width: 116px; height: 116px; background: url('../images/common/btn_play_2@2x.png') 0 0 no-repeat; background-size: cover; text-indent: -9999px; }
.fullSlide .audioVisual .btn-audio.active { background: url('../images/common/btn_pause@2x.png') 0 0 no-repeat; background-size: cover; }
.fullSlide .videoVisual .btn-audio.active { display: none; }
.fullSlide .slideFullImgCenter video { width: auto; height: auto; max-width: 890px; max-height: 610px; vertical-align: middle; }
.fullSlide audio { width: 844px; }
.fullSlide .sourcefrom { position: absolute; left: 0; bottom: 5px; padding: 10px 15px; font-size: 18px; color: #464543; text-align: center; background-color: #ffffff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; line-height: 1.87; }
.fullSlide .sourcefrom img { transform: translate3d(0px, 0px, 0px) scale(1) !important; }
.fullSlide .swiper-paginationBox { position: absolute; left: 0; bottom: 16px; width: 100%; text-align: right; }
.fullSlide .swiper-pagination { position: relative; left: auto; bottom: auto; display: inline-block; width: auto; padding: 0 8px; margin-right: 10px; color: #ffffff; text-align: center; background-color: rgba(56,55,53,0.3); border-radius: 15px; font: 15px 'TtoTtoLoveBold'; line-height: 1.87; }
.fullSlide .swiper-button-prev { left: 0; width: 80px; height: 100px; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2 - 20px); color: transparent; background: url('../images/common/btn_arrow_left02@2x.png') 0 0 no-repeat; background-size: cover; }
.fullSlide .swiper-button-next { right: 0; width: 80px; height: 100px; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2 - 20px); color: transparent; background: url('../images/common/btn_arrow_right02@2x.png') 0 0 no-repeat; background-size: cover; }

/* *** iframe - 서브화면 *** */
.ifSubWrap { height: calc(100vh - 105px) !important; padding: 0 20px; margin-top: 105px; overflow-y: auto; }
.ifSubWrap.sub_category, .ifSubWrap.sub_subject { height: calc(100vh - 136px) !important; margin-top: 136px; padding-left: 20px; }
.ifSubWrap header.docTit { position: fixed; top: 0; left: 20px; display: flex; justify-content: center; width: calc(100% - 40px); padding: 35px 0 25px; font-size: 40px; color: #383735; text-align: center; font-weight: 500; background-color: #fff; line-height: 1.13; z-index: 3; box-sizing: border-box; }
.ifSubWrap header.docTit::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: ''; background-color: #e4e4e4; }
.ifSubWrap header.docTit  h2 {font-weight: 500;}
.ifSubWrap.sub_category header.docTit, .ifSubWrap.sub_subject header.docTit { flex-direction: column; padding-top: 25px; padding-bottom: 22px; }
.ifSubWrap header.docTit h3 { margin-top: 14px; font-size: 20px; color: #646463; line-height: 1.5; }
.ifSubWrap .txt-top100 { width: 196px; height: 75px; margin-top: -5px; margin-right: 17px; margin-bottom: -25px; font-size: 0; background: url('../images/common/img_top300@2x.png') 0 0 no-repeat; background-size: cover; }
.ifSubWrap .txt-top100 + h2 {font-size: 38px; font-weight: 700;}
.noDataBox { position: relative; height: calc(100vh - 107px); }
.noDataBox .recommendList { position: absolute; left: 211px; bottom: 205px; display: block; width: 325px; }
.noDataBox .recommendList li { display: block; margin-bottom: 25px; text-align: center; }
.noDataBox .recommendList li:last-child { margin-bottom: 0; }
.noDataBox .recommendList li a { display: inline-block; padding: 6px 30px 10px; font-size: 17px; color: #fff; background-color: #646463; border-radius: 20px; line-height: 1.47; }
.noDataBox p { position: absolute; left: 600px; bottom: 325px; font-size: 32px; color: #646463; font-weight: 500; line-height: 1.54; }
.sub_history .noDataBox { background: url('../images/common/img_searchking_noresult_3@2x.png') 205px bottom no-repeat transparent; background-size: 630px 614px; }
.sub_favorite .noDataBox { background: url('../images/common/img_searchking_like@2x.png') 75px bottom no-repeat transparent; background-size: 840px 640px; }
.sub_favorite .noDataBox p { left: 680px; text-align: center; }
.ifSub-cont { /*margin-top: 72px;*/ padding-bottom: 45px; }
.ifSub-cont_head, .ifSub-cont_headOnly { position: relative; padding: 18px 0; font-size: 20px; font-weight: 500; border-bottom: 2px solid #e4e4e4; line-height: 1.12;}
.ifSub-cont_head::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; content: ''; background-color: #fff; opacity: .45; }
.ifSub-cont_head.topFix { padding-top: 15px; }
.ifSub-cont_head .fixedTbc, .ifSub-cont_headOnly .fixedTbc { width: 145px; padding-right: 16px; }
.ifSub-cont_body { padding: 35px 0 0; }
.tablist-tot a,
.tablist ul a{position:relative; padding:7px 24px 7px 20px;font-size:17px;color:#646463;text-align:center;background-color:#efefef;min-width:120px;min-height:44px; /*padding:7px 20px;*/border-radius:26px;}

.tablist-tot .on, .tablist .on a { color: #ffffff; }
.tablist-tot span.txt, .tablist span.txt { position: relative; display: inline-block; font-size: 18px; font-weight: 500; line-height: 1.48; vertical-align: top; }
.tablist-tot span.cnt, .tablist span.cnt { position: relative; display: inline-block; height: 26px; margin-left: 5px; /*border-radius: 26px;*/ font-size: 18px; text-align: center; font-weight: 700; line-height: 1.4; border-bottom: 2px solid #88c669; vertical-align: top; }
.tablist-tot span.cnt { color: #ababab; border-color: #ababab; }
.tablist-tot a.on span.cnt, .tablist ul .on a span.cnt { color: #ffffff; border-color: #ffffff; }
.tablist-tot a span.cnt::after { background-color: #ffffff; }
.tablist-tot a.on { background-color: #808080; }

.type-bookmark { margin-top: 15px; }
.type-bookmark ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 -5px; font-size: 22px; color: #464543; font-weight: 500; -webkit-box-pack: center; -ms-flex-pack: center; }
.type-bookmark ul::before { position: absolute; left: 5px; bottom: 0; width: calc(100% - 10px); height: 2px; content: ''; background-color: #e9e9e9; }
.type-bookmark ul li { width: 25%; padding: 0 5px; }
.type-bookmark ul li a { position: relative; width: 100%; padding: 10px 0; font-size: 20px; color: #ababab; border: 2px solid #e9e9e9; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: 1.5; }
.type-bookmark ul li.on a { font-weight: 700; background-color: #fff; }
.type-bookmark ul li.on a::after { position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; content: ''; background-color: #ffffff; }
.type-bookmark ul li.on a.word_kor { color: #f87f8f; }
.type-bookmark ul li.on a.word_math { color: #f583c0; }
.type-bookmark ul li.on a.word_social { color: #f47495; }
.type-bookmark ul li.on a.word_science { color: #fb9383; }
.ifSub-cont_head .scrollX-box ul li:last-child { margin-right: 0; }

.tablist ul a span.txt { padding-left: 36px; }
.tablist ul a span.txt::before { position: absolute; top: 0; left: 0; width: 30px; height: 26px; content: ''; background-repeat: no-repeat; background-position: center center; }

.book-wj a span.txt::before { background-image: url('../images/icon/icon_dic_wjstudy_01@2x.png'); background-size: 21px 13px; }
.book-wj a span.cnt { color: #ff9e40; border-color: #ff9e40; }
.book-wj.on a { background-color: #ff9e40; }
.book-wj.on a span.txt::before { background-image: url('../images/icon/icon_dic_wjstudy_02@2x.png'); }
.book-iss a span.txt::before { background-image: url('../images/icon/icon_dic_suprise_01@2x.png'); background-size: 22px 24px; }
.book-iss a span.cnt { color: #f827ce; border-color: #f827ce; }
.book-iss.on a { background-color: #f827ce; }
.book-iss.on a span.txt::before { background-image: url('../images/icon/icon_dic_suprise_02@2x.png'); }
.book-elem a span.txt::before { background-image: url('../images/icon/icon_dic_elstudy_01@2x.png'); background-size: 14px 17px; }
.book-elem a span.cnt { color: #ae79d1; border-color: #ae79d1; }
.book-elem.on a { background-color: #ae79d1; }
.book-elem.on a span.txt::before { background-image: url('../images/icon/icon_dic_elstudy_02@2x.png'); }
.book-word a span.txt::before { background-image: url('../images/icon/icon_dic_term_01@2x.png'); background-size: 18px 16px; }
.book-word a span.cnt { color: #f47495; border-color: #f47495; }
.book-word.on a { background-color: #f47495; }
.book-word.on a span.txt::before { background-image: url('../images/icon/icon_dic_term_02@2x.png'); }
.book-kor a span.txt::before { background-image: url('../images/icon/icon_dic_korean_01@2x.png'); background-size: 18px 18px; }
.book-kor a span.cnt { color: #5e96ce; border-color: #5e96ce; }
.book-kor a { background-color: #5e96ce; }
.book-kor.on a { background-color: #5e96ce; }
.book-kor.on a span.txt::before { background-image: url('../images/icon/icon_dic_korean_02@2x.png'); }
.book-eng a span.txt::before { background-image: url('../images/icon/icon_dic_ybm_01@2x.png'); background-size: 29px 17px; }
.book-eng a span.cnt { color: #5eceb8; border-color: #5eceb8; }
.book-eng.on a { background-color: #5eceb8; }
.book-eng.on a span.txt::before { background-image: url('../images/icon/icon_dic_ybm_02@2x.png'); }
.book-relic a span.txt::before { background-image: url('../images/icon/icon_dic_relic_01@2x.png'); background-size: 23px 16px; }
.book-relic a span.cnt { color: #88c669; border-color: #88c669; }
.book-relic.on a { background-color: #88c669; }
.book-relic.on a span.txt::before { background-image: url('../images/icon/icon_dic_relic_02@2x.png'); }
.book-natural a span.txt::before { background-image: url('../images/icon/icon_dic_natural_01@2x.png'); background-size: 26px 18px; }
.book-natural a span.cnt { color: #88c669; border-color: #88c669; }
.book-natural.on a { background-color: #88c669; }
.book-natural.on a span.txt::before { background-image: url('../images/icon/icon_dic_natural_02@2x.png'); }
.book-cultural a span.txt::before { background-image: url('../images/icon/icon_dic_cultural_01@2x.png'); background-size: 27px 18px; }
.book-cultural a span.cnt { color: #88c669; border-color: #88c669; }
.book-cultural.on a { background-color: #88c669; }
.book-cultural.on a span.txt::before { background-image: url('../images/icon/icon_dic_cultural_02@2x.png'); }
.book-sight a span.txt::before { background-image: url('../images/icon/icon_dic_sightseeing_01@2x.png'); background-size: 21px 17px; }
.book-sight a span.cnt { color: #88c669; border-color: #88c669; }
.book-sight.on a { background-color: #88c669; }
.book-sight.on a span.txt::before { background-image: url('../images/icon/icon_dic_sightseeing_02@2x.png'); }
.book-woorimal a span.txt::before { background-image: url('../images/icon/icon_dic_sam_01@2x.png'); background-size: 24px 19px; }
.book-woorimal a span.cnt { color: #5e96ce; border-color: #5e96ce; }
.book-woorimal a { background-color: #5e96ce; }
.book-woorimal.on a { background-color: #5e96ce; }
.book-woorimal.on a span.txt::before { background-image: url('../images/icon/icon_dic_sam_02@2x.png'); }
.book-folklore a span.txt::before { background-image: url('../images/icon/icon_dic_folklore_01@2x.png'); background-size: 22px 19px; }
.book-folklore a span.cnt { color: #88c669; border-color: #88c669; }
.book-folklore a { background-color: #88c669; }
.book-folklore.on a { background-color: #88c669; }
.book-folklore.on a span.txt::before { background-image: url('../images/icon/icon_dic_folklore_02@2x.png'); }
.book-biology a span.txt::before { background-image: url('../images/icon/icon_dic_biology_01@2x.png'); background-size: 27px 18px; }
.book-biology a span.cnt { color: #88c669; border-color: #88c669; }
.book-biology a { background-color: #88c669; }
.book-biology.on a { background-color: #88c669; }
.book-biology.on a span.txt::before { background-image: url('../images/icon/icon_dic_biology_02@2x.png'); }
.book-royal a span.txt::before { background-image: url('../images/icon/icon_dic_royal_01@2x.png'); background-size: 20px 20px; }
.book-royal a span.cnt { color: #88c669; border-color: #88c669; }
.book-royal a { background-color: #88c669; }
.book-royal.on a { background-color: #88c669; }
.book-royal.on a span.txt::before { background-image: url('../images/icon/icon_dic_royal_02@2x.png'); }
.book-dic3d a span.txt::before { background-image: url('../images/icon/icon_dic_3d_05@2x.png'); background-size: 26px 26px; }
.book-dic3d a span.cnt { color: #32c38c; border-color: #32c38c; }
.book-dic3d a { background-color: #32c38c; }
.book-dic3d.on a { background-color: #32c38c; }
.book-dic3d.on a span.txt::before { background-image: url('../images/icon/icon_dic_3d_02@2x.png'); }
.book-eduwill a span.txt::before { background-image: url('../images/icon/icon_dic_eduwill_06.svg'); background-size: 26px 26px; }
.book-eduwill a span.cnt { color: #ef585b; border-color: #ef585b; }
.book-eduwill a { background-color: #ef585b; }
.book-eduwill.on a { background-color: #ef585b; }
.book-eduwill.on a span.txt::before { background-image: url('../images/icon/icon_dic_eduwill_04.svg'); }
.book-art a span.txt::before { background-image: url('../images/icon/icon_dic_art_01.svg'); background-size: 26px 26px; }
.book-art a span.cnt { color: #a58255; border-color: #a58255; }
.book-art a { background-color: #a58255; }
.book-art.on a { background-color: #a58255; }
.book-art.on a span.txt::before { background-image: url('../images/icon/icon_dic_art_02.svg'); }
.book-oceans a span.txt::before { /*top: 5px; width: 23px; height: 20px;*/ background-image: url('../images/icon/icon_dic_oceans_01.svg'); background-size: 23px 20px; }
.book-oceans a span.cnt { color: #88c669; border-color: #88c669; }
.book-oceans a { background-color: #88c669; }
.book-oceans.on a { background-color: #88c669; }
.book-oceans.on a span.txt::before { background-image: url('../images/icon/icon_dic_oceans_02.svg'); }
.book-jongmyo a span.txt::before { background-image: url('../images/icon/icon_dic_palace_01.svg'); background-size: 24px 20px; }
.book-jongmyo a span.cnt { color: #88c669; border-color: #88c669; }
.book-jongmyo a { background-color: #88c669; }
.book-jongmyo.on a { background-color: #88c669; }
.book-jongmyo.on a span.txt::before { background-image: url('../images/icon/icon_dic_palace_02.svg'); }
.book-country a span.txt::before { background-image: url(../images/icon/icon_dic_nation_01@2x.png); background-size: 20px 20px; }
.book-country a span.cnt { color: #88c669; border-color: #88c669; }
.book-country a { background-color: #88c669; }
.book-country.on a { background-color: #88c669; }
.book-country.on a span.txt::before { background-image: url(../images/icon/icon_dic_nation_02@2x.png); }
.book-math a span.txt::before { background-image: url('../images/icon/icon_dic_math_01.svg'); background-size: 30px 30px; }
.book-math a span.cnt { color: #41b9eb; border-color: #41b9eb; }
.book-math a { background-color: #41b9eb; }
.book-math.on a { background-color: #41b9eb; }
.book-math.on a span.txt::before { background-image: url('../images/icon/icon_dic_math_02.svg'); }
.book-dino a span.txt::before { background-image: url('../images/icon/icon_dic_science_01.svg'); background-size: 26px 26px; }
.book-dino a span.cnt { color: #88c669; border-color: #88c669; }
.book-dino a { background-color: #88c669; }
.book-dino.on a { background-color: #88c669; }
.book-dino.on a span.txt::before { background-image: url('../images/icon/icon_dic_science_02.svg'); }
.book-etc a span.txt { padding-top: 0 !important; padding-left: 5px !important; }
.book-etc a span.cnt { color: #88c669; }
.book-etc.on a { background-color: #88c669; }
.main-body_cont { padding-top: 40px; }
.tileList .mainlist_tit{ margin-top: -10px; margin-bottom: 20px; color: #ffffff; font: 22px 'NanumSquareRoundB'; }
.tileList ul { margin: 0 -14px; }
.tileList ul::after { display: block;content: ''; clear: both; } 
.tileList ul li { position: relative; width: 25%; height: 290px; padding: 0 14px; margin-bottom: 30px; float: left; }
.tileList ul li a.list-thumBox { display: block; width: 100%; height: 100%; padding: 0 21px; text-align: left; background-color: #fff; border-radius: 20px; border: 2px solid #e4e4e4; }
.tileList ul li a.list-thumBox.actived { background-color: #e4e4e4; }
.tileList ul li .del-btn { position: absolute; top: -16px; right: -2px; width: 36px; height: 36px; background: url('../images/icon/btn_close_02@2x.png') center center no-repeat #e4e4e4; background-size: 18px 18px; border-radius: 50%; text-indent: -9999px; }
.tileList ul li .btn-favoriteChk { position: absolute; top: -16px; right: -2px; width: 36px; height: 36px; background: url('../images/icon/icon_star_02@2x.png') center center no-repeat #e4e4e4; background-size: 20px 19px; border-radius: 50%; text-indent: -9999px; }
.tileList ul li .btn-favoriteChk.active { background: url('../images/icon/icon_star_01@2x.png') center center no-repeat #ff7f46; background-size: 20px 19px; }
.book-affair a span.txt::before { background-image: url('../images/icon/icon_dic_affair_01.svg'); background-size: 30px; }
.book-affair a span.cnt { color: #f8bd00; border-color: #f8bd00; }
.book-affair a { background-color: #f8bd00; }
.book-affair.on a { background-color: #f8bd00; }
.book-affair.on a span.txt::before { background-image: url('../images/icon/icon_dic_affair.svg'); }
.book-plant a span.txt::before { background-image: url('../images/icon/icon_dic_plant_01.svg'); background-size: 30px; }
.book-plant a span.cnt { color: #88c669; border-color: #88c669; }
.book-plant a { background-color: #88c669; }
.book-plant.on a { background-color: #88c669; }
.book-plant.on a span.txt::before { background-image: url('../images/icon/icon_dic_plant_02.svg'); }
.book-modern a span.txt::before { background-image: url('../images/icon/icon_dic_history_01.svg'); background-size: 30px 30px; }
.book-modern a span.cnt { color: #c88c48 ; border-color: #c88c48 ; }
.book-mamodernth a { background-color: #c88c48 ; }
.book-modern.on a { background-color: #c88c48 ; }
.book-modern.on a span.txt::before { background-image: url('../images/icon/icon_dic_history_03.svg'); }

/* 타입 타입 : 기본형 */
.list-thumBox_cat { margin-top: -1px; color: #ffffff; text-align: center; }
.list-thumBox_cat-inner { display: inline-block; padding: 7px 0 8px; font-size: 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; line-height: 1.13; vertical-align: top; }
.list-thumBox_cat-inner .txt { position: relative; font-size: 16px; }
.list-thumBox_cat-inner .txt::before { position: absolute; top: 50%; left: 0; content: ''; transform: translateY(-50%); }
.list-thumBox_tit { margin-top: 11px; color: #383735; line-height: 1.13; }
.list-thumBox_tit h2 { font-size: 28px; font-family: 'NanumBarunGothic-YetHangul', 'ybmExt', 'Spoqa Han Sans Neo'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.list-thumBox_tit h2 em { font-size: 15px; }
.list-thumBox_tit h2 sup { font-size: 15px; vertical-align: super; }
.list-thumBox_cont { margin-top: 7px; font-size: 16px; color: #383735; line-height: 1.63; }
.list-thumBox_cont .tumbImgCropBox { height: 181px; border-radius: 10px; overflow-y: hidden;}
.list-thumBox_cont .tumbImgCropBox img{ width: 100%; height: auto; border-radius: 10px; }
.list-thumBox_cont p.cont { display: -webkit-box; height: 50px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; overflow: hidden; text-overflow: ellipsis; }
.list-thumBox_cont p.cont + .tumbImgCropBox { height: 124px; margin-top: 12px; }
.list-thumBox_cont p.cont span.ex { position: relative; display: block; padding-left: 10px; word-break: break-all; }
.list-thumBox_cont p.cont span.ex::before { position: absolute; top: 0; left: 0; content: '\00B7'; }
.list-thumBox_cont p.cont strong { font-weight: 700; }
.list-thumBox.onlyTxt p.cont { height: 186px; -webkit-line-clamp: 7; }
.list-thumBox_sec { width: 100%; margin-top: 10px; }
.list-thumBox_sec p.sec-tit { position: relative; padding-left: 8px; font-size: 16px; color: #383735; text-align: left; line-height: 1.63; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.list-thumBox_sec p.sec-tit::before { position: absolute; top: 50%; left: 0; width: 4px; height: 4px; content: ''; background-color: #ababab; border-radius: 50%; }
.list-thumBox_sec p.sec-tit em { color: #ababab; }
.list-thumBox_from { width: 100%; margin-top: 10px; }
.list-thumBox_from p.from-tit { position: relative; padding-left: 8px; font-size: 16px; color: #383735; text-align: left; line-height: 1.63; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.list-thumBox_from p.from-tit::before { position: absolute; top: 50%; left: 0; width: 4px; height: 4px; content: ''; background-color: #ababab; border-radius: 50%; }
.list-thumBox_from + .list-thumBox_from { margin-top: 0; }
/* 타일 타입 --- 웅진학습백과 */
.tile_wj .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #ff9e40; }
.tile_wj .list-thumBox_cat-inner .txt { padding-left: 25px; }
.tile_wj .list-thumBox_cat-inner .txt::before { width: 19px; height: 10px; background: url('../images/icon/icon_dic_wjstudy_03@2x.png') 0 0 no-repeat; background-size: cover; }
/* 타일 타입 --- 웅진학습백과에 오디오백과 스타일 추가 */
.tile_wj .num-audio { position: absolute; top: 0; left: 30px; width: 40px; height: 33px; padding-top: 8px; padding-right: 10px; font-size: 18px; color: #929292; text-align: right; background: url('../images/icon/line_diagonal_01@2x.png') bottom right no-repeat; background-size: 15px 15px; line-height: 1.11; transform: translateX(-15px); }
.tile_wj .num-audio.best { left: 25px; width: 28px; padding-top: 9px; padding-right: 0; color: #fff; text-align: center; background: url('../images/icon/img_medal@2x.png') bottom right no-repeat; background-size: cover; transform: translateX(0); }
/* 타일 타입 --- 깜짝뉴스 */
.tile_iss .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #f827ce; }
.tile_iss .list-thumBox_cat-inner .txt { padding-left: 25px; }
.tile_iss .list-thumBox_cat-inner .txt::before { width: 18px; height: 20px; background: url('../images/icon/icon_dic_suprise_03@2x.png') 0 0 no-repeat; background-size: cover; }
/* 타일 타입 --- 초등학습백과 */
.tile_elem .list-thumBox_cat-inner { padding-right: 16px; padding-left: 15px; background-color: #ae79d1; }
.tile_elem .list-thumBox_cat-inner .txt { padding-left: 19px; }
.tile_elem .list-thumBox_cat-inner .txt::before { width: 12px; height: 15px; background: url('../images/icon/icon_dic_elstudy_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_elem .list-thumBox_cont .tumbImgCropBox { height: 150px; }
/* 타일 타입 --- 용어사전 */
.tile_word .list-thumBox_cat-inner { padding-right:18px; padding-left: 14px; background-color: #f47495; }
.tile_word .list-thumBox_cat-inner .txt { padding-left: 22px; }
.tile_word .list-thumBox_cat-inner .txt::before { width: 16px; height: 14px; background: url('../images/icon/icon_dic_term_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_word .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_word .list-thumBox_cont p.cont + .tumbImgCropBox { margin-top: 8px; }
.tile_word .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 국어사전 */
.tile_kor .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #5e96ce; }
.tile_kor .list-thumBox_cat-inner .txt { padding-left: 22px; }
.tile_kor .list-thumBox_cat-inner .txt::before { width: 16px; height: 16px; background: url('../images/icon/icon_dic_korean_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_kor .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_kor .list-thumBox_cont p.cont + .tumbImgCropBox { margin-top: 8px; }
.tile_kor .list-thumBox.onlyTxt p.cont { height: 160px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 우리말샘사전 */
.tile_woorimal .list-thumBox_cat-inner { padding-right:18px; padding-left: 14px; background-color: #5e96ce; }
.tile_woorimal .list-thumBox_cat-inner .txt { padding-left: 22px; }
.tile_woorimal .list-thumBox_cat-inner .txt::before { width: 16px; height: 14px; background: url('../images/icon/icon_dic_sam_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_woorimal .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_woorimal .list-thumBox_cont p.cont + .tumbImgCropBox { margin-top: 8px; }
.tile_woorimal .list-thumBox.onlyTxt p.cont { height: 160px; -webkit-line-clamp: 6; line-height: 1.63; }
.tile_woorimal .list-thumBox_sec { margin-top: 5px; }
/* 타일 타입 --- 영한사전 */
.tile_eng .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #5eceb8; }
.tile_eng .list-thumBox_cat-inner .txt { padding-left: 29px; }
.tile_eng .list-thumBox_cat-inner .txt::before { width: 24px; height: 14px; background: url('../images/icon/icon_dic_ybm_03@2x.png') 0 0 no-repeat; background-size: cover; }
/* 타일 타입 --- 공공 DB-유물정보 */
.tile_relic .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_relic .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_relic .list-thumBox_cat-inner .txt::before { width: 19px; height: 13px; background: url('../images/icon/icon_dic_relic_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_relic .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_relic .list-thumBox_cont .tumbImgCropBox { height: 150px; }
.tile_relic .list-thumBox_cont p.cont + .tumbImgCropBox { margin-top: 8px; }
/* 타일 타입 --- 공공 DB-자연사정보 */
.tile_natural .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_natural .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_natural .list-thumBox_cat-inner .txt::before { width: 20px; height: 15px; background: url('../images/icon/icon_dic_natural_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_natural .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_natural .list-thumBox_cont .tumbImgCropBox { height: 150px; }
.tile_natural .list-thumBox_cont p.cont + .tumbImgCropBox { margin-top: 8px; }
/* 타일 타입 --- 공공 DB-문화재정보 */
.tile_cultural .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_cultural .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_cultural .list-thumBox_cat-inner .txt::before { width: 24px; height: 14px; background: url('../images/icon/icon_dic_cultural_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_cultural .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_cultural .list-thumBox_cont .tumbImgCropBox { height: 150px; }
.tile_cultural .list-thumBox_cont p.cont + .tumbImgCropBox { margin-top: 8px; }
/* 타일 타입 --- 공공 DB-관광사진정보 */
.tile_sight .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_sight .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_sight .list-thumBox_cat-inner .txt::before { width: 17px; height: 13px; background: url('../images/icon/icon_dic_sightseeing_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_sight .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_sight .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
/* 타일 타입 --- 공공 DB-한국민속대백과 */
.tile_folklore .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_folklore .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_folklore .list-thumBox_cat-inner .txt::before { width: 17px; height: 15px; background: url('../images/icon/icon_dic_folklore_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_folklore .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_folklore .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
/* 타일 타입 --- 공공 DB-어린이생물도감 */
.tile_biology .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_biology .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_biology .list-thumBox_cat-inner .txt::before { width: 20px; height: 13px; background: url('../images/icon/icon_dic_biology_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_biology .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_biology .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
/* 타일 타입 --- 공공 DB-왕실유물정보 */
.tile_royal .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_royal .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_royal .list-thumBox_cat-inner .txt::before { width: 15px; height: 16px; background: url('../images/icon/icon_dic_royal_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_royal .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_royal .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
/* 타일 타입 --- 공공 DB-해양생물정보*/
.tile_oceans .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_oceans .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_oceans .list-thumBox_cat-inner .txt::before { width: 15px; height: 16px; background: url('../images/icon/icon_dic_oceans_03@2x.png') 0 0 no-repeat; background-size: cover; }
.tile_oceans .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_oceans .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
.tile_oceans .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 공공 DB-3D백과 */
.tile_dic3d .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #32c38c; }
.tile_dic3d .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_dic3d .list-thumBox_cat-inner .txt::before { width: 20px; height: 20px; background: url('../images/icon/icon_dic_3d_03.png') 0 0 no-repeat; background-size: cover; }
.tile_dic3d .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_dic3d .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
.tile_dic3d .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 공공 DB-시사상식 */
.tile_eduwill .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #ef585b; }
.tile_eduwill .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_eduwill .list-thumBox_cat-inner .txt::before { width: 20px; height: 20px; background: url('../images/icon/icon_dic_eduwill_04.svg') 0 0 no-repeat; background-size: cover; }
.tile_eduwill .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_eduwill .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
.tile_eduwill .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 공공 DB-미술백과 */
.tile_art .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #a38356; }
.tile_art .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_art .list-thumBox_cat-inner .txt::before { width: 20px; height: 20px; background: url('../images/icon/icon_dic_art_03.svg') 0 0 no-repeat; background-size: cover; }
.tile_art .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_art .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
.tile_art .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 공공 DB-궁궐종묘정보 */
.tile_jongmyo .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_jongmyo .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_jongmyo .list-thumBox_cat-inner .txt::before { width: 20px; height: 16px; background: transparent url('../images/icon/icon_dic_palace_02.svg') no-repeat 0 0 / cover; }
.tile_jongmyo .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_jongmyo .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
.tile_jongmyo .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 수학사전 */
.tile_math .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #41b9eb; }
.tile_math .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_math .list-thumBox_cat-inner .txt::before { width: 20px; height: 20px; background: transparent url('../images/icon/icon_dic_math_02.svg') no-repeat 0 0 / cover; }
.tile_math .list-thumBox p.cont {height: 26px;}
.tile_math .list-thumBox p.cont img {max-width: 100%; max-height: 100%;}
.tile_math .list-thumBox_cont .tumbImgCropBox:first-child {height: 156px;} /* 표제어가 없을 떄 */
.tile_math .list-thumBox_cont p.cont + .tumbImgCropBox {margin-top: 6px;}
.tile_math .list-thumBox_cont .tumbImgCropBox img {position: relative; top: 50%; transform: translateY(-50%);}
.tile_math .list-thumBox_sec p.sec-tit em {position: relative; margin-left: 8px; padding-left: 8px;}
.tile_math .list-thumBox_sec p.sec-tit em::before { position: absolute; top: 5px; left: 0; display: block; width: 1px; height: 16px;content: ''; background-color: #61605d;}
/* 타일 타입 --- 공룡사전 */
.tile_dino .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_dino .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_dino .list-thumBox_cat-inner .txt::before { width: 20px; height: 20px; background: url('../images/icon/icon_dic_science_02.svg') 0 0 no-repeat; background-size: cover; }
.tile_dino .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_dino .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
/* 타일 타입 --- 어린이 시사사전 */
.tile_affair .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #f8bd00; }
.tile_affair .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_affair .list-thumBox_cat-inner .txt::before { width: 20px; height: 20px; background: transparent url('../images/icon/icon_dic_affair.svg') no-repeat 0 0 / cover; }
.tile_affair .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
.tile_affair .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 식물도감 */
.tile_plant .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #88c669; }
.tile_plant .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_plant .list-thumBox_cat-inner .txt::before { width: 20px; height: 20px; background: transparent url('../images/icon/icon_dic_plant_02.svg') no-repeat 0 0 / cover; }
.tile_plant .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_plant .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
.tile_plant .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }
/* 타일 타입 --- 역사탐방정보(근현대사) */
.tile_modern .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px; background-color: #a58255; }
.tile_modern .list-thumBox_cat-inner .txt { padding-left: 26px; }
.tile_modern .list-thumBox_cat-inner .txt::before { width: 20px; height: 20px; background: transparent url('../images/icon/icon_dic_history_03.svg') no-repeat 0 0 / cover; }
.tile_modern .list-thumBox p.cont { height:18px; -webkit-line-clamp: 1; line-height: 1.2; }
.tile_modern .list-thumBox_cont .tumbImgCropBox { height: 124px; margin-top: 8px; }
.tile_modern .list-thumBox.onlyTxt p.cont { height: 152px; -webkit-line-clamp: 6; line-height: 1.63; }

/* 미술사별 작가보기 */
.tile-outer-section { padding-bottom: 10px; }
.tile-outer-section .art-tit { margin-bottom: 24px; padding-left: 44px; font-size: 32px; color: #464543; background: url('../images/icon/dic_ic_arthistory@2x.png') left center no-repeat; background-size: 40px 40px; line-height: 1.275; }

/* 궁궐종묘정보 서브탭*/
.tablist-sub-wrap { margin-top: -10px; margin-bottom: 30px; } 
.tablist-sub-wrap ul { margin-left: -20px; }
.tablist-sub-wrap ul::after { display: block; content: ''; clear: both; }
.tablist-sub-wrap li { position: relative; float: left; }
.tablist-sub-wrap li::after { position: absolute; top: 50%; right: 0; width: 3px; height: 18px; content: ''; background: transparent url('../images/icon/icon_bar_01.svg') no-repeat center center / cover; transform: translateY(-50%); }
.tablist-sub-wrap ul li:last-child::after { display: none; }
.tablist-sub-wrap a { padding: 0 20px; font-size: 22px; color: #464543; text-decoration: none; }
.tablist-sub-wrap a.active { position: relative; font-weight: 700; }
.tablist-sub-wrap a.active::after { position: absolute; left: 20px; bottom: 0; width: calc(100% - 40px); height: 1px; content: ''; background-color: #464543; }

/* 과학학습콘텐츠 서브탭 */
.tablist-sub-dep2-wrap { margin-bottom: 25px;overflow: hidden;}
.tablist-sub-dep2-wrap li {float: left;}
.tablist-sub-dep2-wrap li a {display: block; height: 40px; padding: 0 16px; font-size: 16px; color: #aaaeb2; line-height: 36px; border: 2px solid transparent; border-radius: 20px; }
.tablist-sub-dep2-wrap li a.active { color: #88c669; font-weight: 700;border-color: #88c669;}

/* 위로 가기 버튼 */
.btn-top { position: fixed; bottom: 24px; right: 50px; width: 72px; z-index: 333; opacity: 0; transition: 200ms opacity; }
.btn-top.active { opacity: 1; transition: 200ms opacity; }
.btn-top a { width: 72px; height: 72px; text-align: center; background: rgba(80, 80, 80, 0.88) url('../images/icon/dic_btn_top1@2x.png') center/62px no-repeat; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(30, 40, 50, 0.08); text-indent: -9999px; }
.btn-top a.actived { background-color: #1c6572; }

/* 메일화면 */
.mailWrap { position: relative; height: 100vh; background-color: #e4e4e4; overflow-y: auto; }
.mailWrap .btnPrintBox { position: relative; display: block; width: 810px; margin: 0 auto; padding: 20px 0; text-align: right; }
.mailWrap .btnPrintBox .exclamationBox { position: absolute; top: 15px; left: 0; padding-left: 26px; font-size: 14px; color: #646463; text-align: left; background: url('../images/icon/icon_exclamation@2x.png') 0 3px no-repeat; background-size: 20px 20px; line-height: 1.43; }
.mailWrap .btnPrintBox .btn-print { width: 170px; height: 50px; padding: 10px 0 11px 35px; font-size: 20px; color: #fff; text-align: center; background: url('../images/icon/icon_print@2x.png') 30px 13px no-repeat #646463; background-size: 27px 26px; line-height: 1.45; border-radius: 25px; }
.mailWrap .ifWrap { position: relative; width: 810px; margin: 0 auto; padding-right: 60px; padding-left: 50px; background-color: #fff; }
.mailWrap .ifWrap::before { position: absolute; top: 0; right: 4px; width: 1px; height: 100%; content: ''; background-color: #e4e4e4; }
.mailWrap .ifWrap::after { position: absolute; top: 0; right: 9px; width: 1px; height: 100%; content: ''; background-color: #e4e4e4; }
.mailWrap .ifWrap > header h3 { display: inline-block; }
.mailWrap .ifWrap > header h2 { margin-left: 100px; }
.mailWrap .visualSlide { width: 100%; height: 360px; }
.mailWrap .visualSlide .slideFullImg img { max-height: 360px; }
.mailWrap .visualSlide + .d-tbc { display: none; }
.mailWrap .visualSlide .btn-openPop { display: none; }
@media print {
	@page {
		margin-bottom : 35px;
		size : 8.267in 11.6in;
	}
 body { height: auto !important; overflow: auto !important; }
 .mailWrap { height: auto; }
	.mailWrap .ifWrap { width: 100%; padding-right: 25px; padding-left: 25px; page-break-after: always; }
	.mailWrap .ifWrap::before { display: none; }
	.mailWrap .ifWrap::after { display: none; }
 .mailWrap .ifWrap > header h2 { margin-left: 70px; padding-left: 30px; font-size: 14px; line-height: 1.14; }
 .ifWrap > header h2::before { top: 0 !important; width: 21px !important; height: 13px !important; }
 .mailWrap .ifWrap > header h3 { top: 0; font-size: 14px; line-height: 1.14; }
 .mailWrap .ifCont_head { padding: 10px 0; }
 .mailWrap .ifCont_head h1.doc-tit { font-size: 30px; line-height: 1; }
 .mailWrap .ifCont_head h2.doc-tit_sub { line-height: 1.5; }
 .mailWrap .ifCont_txt { font-size: 14px; background: none; line-height: 1.86; }
 .mailWrap .ifCont_txt.ifCont_txt-min { padding-bottom: 0; border-bottom: 1px solid #ececec; }
	.mailWrap .sliderTot { padding: 20px 0 19px; }
 .mailWrap .visualSlide .swiper-pagination { font-size: 12px; }
 .mailWrap .visualSlide .swiper-button-prev, .mailWrap .visualSlide .swiper-button-next { display: none; }
 .mailWrap .visualSlide .sourcefrom { height: 25px; font-size: 12px; }
	.mailWrap .btnPrintBox { display: none; }
 .mailWrap .ifCont_sec { padding: 10px 0; font-size: 12px; }
 .mailWrap .ifCont_sec i::before { top: 4px; width: 13px; height: 10px; }
 .mailWrap .tblTypeList { margin-top: 10px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #cbcbcb; }
 .mailWrap .tblTypeList li strong { width: 110px; padding-left: 15px; }
 .mailWrap .tblTypeList dt, .mailWrap .tblTypeList th { width: 150px; padding-left: 15px; }
 .mailWrap .tblTypeList li strong::after, .mailWrap .tblTypeList th::after, .tblTypeList dt::after { top: 8px; width: 1px; height: 10px; }
 .mailWrap .fromwhereTxt { margin-top: 20px; font-size: 12px; line-height: 1.8; }
 .mailWrap .fromwhereTxt li { padding-left: 0; }
 .mailWrap .fromwhereTxt li::before { display: none; width: 2px; height: 2px; }
 .mailWrap .fromwhereTxt img { transform: scale(0.7); }
 .mailWrap .onlymail { display: inline-block; padding-right: 5px; }
}

/* *** pc로 접속했을때!! *** */
.pcView body { height: 100vh; overflow: hidden; }
.pcView .mCustomScrollbar { height: 100vh; }
.pcView .mCSB_container { padding: 1px;}
.pcView .ifSub-cont { padding-right: 20px; min-height: calc(100vh - 155px); }
.pcView .ifSubWrap { padding-right: 4px; }
.pcView .ifSubWrap header.docTit { width: calc(100% - 30px); padding-right: 16px; }
.pcView .ifSubWrap header.docTit::after { left: 115px; width: calc(100% - 115px); }
.pcView .sub_category header.docTit::after, .pcView .sub_jongmyo header.docTit::after, .pcView .sub_dino header.docTit::after { left: 46px; width: calc(100% - 55px); }
/* tablist : 타일의 좌측으로 이동 및 스타일 변경 */
.pcView .ifSub-cont::after { display: block; content: ''; clear: both; }
.pcView .ifSub-cont_head { width: 85px; padding-top: 0; color: #383735; float: left; border: 0; }
.pcView .ifSub-cont_head::before { display: none; }
.pcView .ifSub-cont_head.topFix { width: 100%; padding-top: 15px; float: none; border-bottom: 2px solid #e4e4e4; }
.pcView .ifSub-cont_headOnly { margin-left: 45px; }
.pcView .ifSubWrap.sub_category { padding-left: 65px; }
.pcView .ifSub-cont_body { width: calc(100% - 85px); padding-left: 30px; float: right; }
.pcView .ifSub-cont_body.full { width: 100%; padding-left: 0; float: none; }
.pcView .sub_jongmyo .ifSub-cont_body, .pcView .sub_dino .ifSub-cont_body { width: 100%; padding-left: 45px; float: none; }
.pcView .ifSub-cont_head .d-tbl { display: block; width: 85px; }
.pcView .ifSub-cont_head .d-tbc { display: block; width: 100%; padding: 0; }
.pcView .ifSub-cont_head .tablist-tot a, .pcView .ifSub-cont_head .tablist ul a { width: 100%; padding: 15px 5px 16px; font-size: 18px; text-align: center; min-width: 100%; border-radius: 10px; }
.pcView .ifSub-cont_head .tablist ul li:last-child a { border-bottom-right-radius: 0; }
.pcView .ifSub-cont_head .tablist-tot a { position: relative; padding: 20px 5px; background-color: #efefef; border-top-left-radius: 25px; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.pcView .ifSub-cont_head .tablist-tot a.on { background-color: #808080; }
.pcView .ifSub-cont_head .tablist-tot a span.cnt { margin-top: 10px; }
.pcView .ifSub-cont_head .scrollX-box { width: 100%; white-space: normal; }
.pcView .ifSub-cont_head .scrollX-box ul li { position: relative; display: block; margin-right: 0; background-color: #efefef; }
.pcView .ifSub-cont_head .tablist-tot a::after, .pcView .ifSub-cont_head .scrollX-box ul li::after { position: absolute; left: 13px; bottom: 0; width: calc(100% - 25px); height: 1px; content: ''; background-color: #d8d8d8; }
.pcView .ifSub-cont_head .scrollX-box ul li:last-child { border-bottom-left-radius: 25px; overflow: hidden; }
.pcView .ifSub-cont_head .scrollX-box ul li:last-child::after, .pcView .ifSub-cont_head .scrollX-box ul li.on::after, .pcView .ifSub-cont_head .tablist-tot a.on::after { display: none; }
.pcView .ifSub-cont_head .tablist-tot a span.txt, .pcView .ifSub-cont_head .tablist ul a span.txt { display: block; font-size: 18px; }
.pcView .ifSub-cont_head.longActive::after { display: none; }
.pcView .tablist ul a span.txt::before { left: 50%; transform: translateX(-50%); }
.pcView .tablist ul a span.txt { padding-top: 30px; padding-left: 0; }
.pcView .book-wj a span.txt::before { background-size: 34px 19px; }
.pcView .tablist-tot a span.cnt, .pcView .tablist ul a span.cnt { margin-left: 0; }
.pcView .pc-block { display: block; }
.pcView .tablist-tot a.on span.cnt::after { background-color: #fff; }
/*.pcView .book-elem, .pcView .book-eng, .pcView .book-word { display: none !important; } 
.pcView .cmsView .book-elem, .pcView .cmsView .book-eng, .pcView .cmsView .book-word { display: block !important; } */

/* 20210215, 링크 컬러 추가 */
.ifCont_txt a:visited {color: #551a8b;}

/* 210427, 폰트 변경 */
.btb-bookmarkTag-list li a em,
.cont_wj .ifCont_txt strong,
.searchBox .inputBox input[type="text"],
.searchBox .inputBox input[type="search"],
.recentSearch ul li a,
.main-body_blank .recommendList li a,
.ifCont_head,
.ifCont_head h1.doc-tit em,
.ifCont_sec.hashtagBox li,
.ifCont_txt,
.ifCont_sec,
.ifWrap .ifCont_txt.ifCont_txt-min strong,
.layer-head h1.tit em,
.layer-btm p,
.list-thumBox_tit h2,
.list-thumBox_cont,
.list-thumBox_cont p.cont,
.list-thumBox_from p.from-tit,
/* .list-thumBox_cat-inner .txt, */
.noDataBox .recommendList li a,
.ifCont_txt .level3,
.ifCont_txt .level4,
.ifCont_txt .level5,
.tblTypeList th,
.ifCont_txt strong {font-family:'NanumBarunGothic-YetHangul', 'ybmExt';}

.ifCont_head h1.doc-tit,
.ifCont_txt .level3,
.ifCont_txt .level4,
.ifCont_txt .level5 {font-weight: 500;}
.ifCont_head h1.doc-tit em {font-weight: 400;}
.ifCont_tabWrap .tablist ul li.on a {font-weight: 500;}

/* 대륙별 국가 기본정보 추가 */
.worldmap-box {width: 100%; border-bottom: 2px solid #e4e4e4;}
.worldmap {position: relative; width: 1005px; margin:0 auto;}
/* 
 map01 > 유럽
 map02 > 중앙, 남아메리카
 map03 > 중동
 map04 > 아프리카
 map05 > 북아메리카
 map06 > 동북아시아
 map07 > 오세아니아
 map08 > 서남아시아
 map09 > 동남아시아
 map10 > 러시아, 중앙아시아
*/
.worldmap .map01 {fill: #818181;}
.worldmap .map02 {fill: #818181;}
.worldmap .map03 {fill: #b7b7b7;}
.worldmap .map04 {fill: #cfcfcf;}
.worldmap .map05 {fill: #b7b7b7;}
.worldmap .map06 {fill: #b7b7b7;}
.worldmap .map07 {fill: #cfcfcf;}
.worldmap .map08 {fill: #cfcfcf;}
.worldmap .map09 {fill: #818181;}
.worldmap .map10 {fill: #9e9e9e;}
.worldmap .btn-map {position: absolute; padding: 5px 21px 6px; color: #fff; background-color: #ababab; border: solid 2px #ffffff; border-radius: 17px; opacity: 0.7;}

.worldmap .btn-map.active {background: #88c669; opacity: 1;}
.worldmap path.active {fill: #88c669; opacity: 1;}
.worldmap #map01 {top: 92px; left: 102px;}
.worldmap #map02 {top: 316px; left: 711px;}
.worldmap #map03 {top: 165px; left: 153px;}
.worldmap #map04 {top: 267px; left: 116px;}
.worldmap #map05 {top: 102px; left: 681px;}
.worldmap #map06 {top: 158px; left: 410px;}
.worldmap #map07 {top: 350px; left: 460px;}
.worldmap #map08 {top: 197px; left: 279px;}
.worldmap #map09 {top: 247px; left: 395px;}
.worldmap #map10 {top: 71px; left: 226px;}

/* .ifSub-subtitle {font-size: 34px; color: #383735; font-weight: 700; text-align: center} */
.ifSub-subtitle h2 {padding-top: 30px; font-size: 34px; color: #383735; text-align: center; font-weight: 500; line-height: 1;}

/* 국가기본정보 */
.ifWrap.cont_country > header h2 { padding-left: 30px; color: #88c669; line-height: 1; }
.ifWrap.cont_country > header h2::before { width: 22px; height: 22px; content: ""; background: url(../images/icon/icon_dic_nation_01@2x.png) 0px 0px / cover no-repeat; }
.ifCont_txt.type2 {background: none;}
.ifCont_txt.type2 .tblTypeList li {border-bottom: 1px solid #ececec;}
.ifCont_txt.type2 .tblTypeList li strong {width: 85px;}
.ifCont_txt.type2 .tblTypeList li p {width: calc(100% - 85px);}
.ifCont_txt.type2 .tblTypeList .link-box { margin-top: -10px;padding-bottom: 10px; font-size: 0; border-bottom: 1px solid #cbcbcb;}
.ifCont_txt.type2 .tblTypeList .link-box p {display: inline-block; width: auto; padding: 0 18px; font-size: 22px; color: #88c669; font-family: 'Spoqa Han Sans Neo', 'ybmExt' !important; } 
.ifCont_txt.type2 .tblTypeList .link-box strong { position: relative;display: inline-block; width: 85px; padding: 0 15px 0 22px; font-size: 22px; color: #88c669; box-sizing: border-box; font-family: 'Spoqa Han Sans Neo', 'ybmExt' !important;}
.ifCont_txt.type2 .tblTypeList .link-box strong::after { position: absolute; top: 10px; right: 0; width: 2px; height: 20px;content: ''; background-color: #88c669;}
.ifCont_txt.type2 .tblTypeList .link-box strong::before { position: absolute; top: 0; left: 3px;content: '·';}
.ifCont_txt.type2 .tblTypeList .link-box .link { position: relative; padding: 7px 30px 6px 18px; margin-top: 3px; font-size: 18px; color: #ffffff; background-color: #88c669;float: right; border-radius: 26px; /* font-family: LOVELOVE_OTFBold; */ line-height: 1.11;}
.ifCont_txt.type2 .tblTypeList .link-box .link::after { position: absolute; top:50%; right: 15px; width: 6px; height: 10px;content: ''; background: url(../images/icon/icon_arrow_r_04@2x.png) center no-repeat; background-size: contain; transform: translateY(-50%);}
.tile_country .list-thumBox_cat-inner { padding-right: 12px; padding-left: 12px;background-color: #88c669;}
.tile_country .list-thumBox_cat-inner .txt {padding-left:25px;}
.tile_country .list-thumBox_cat-inner .txt::before {width: 18px; height: 18px; background: url(../images/icon/icon_dic_nation_03@2x.png ) 0 0 no-repeat; background-size: cover;}
.tileList.type2 ul li {height: 325px;}
.tileList.type2 .list-thumBox_cont p.cont + .tumbImgCropBox {height: auto;}

/* 210618, 국가기본정보 출처 라인 추가 */
.ifCont_txt.type2 .fromwhereTxt.type2 li {border-top: 1px solid #ececec; border-bottom: 0;}
.ifCont_txt.type2 .fromwhereTxt.type2 li:last-child {border-bottom: 1px solid #ececec;}


/* 태블릿에서 상세레이어팝업을 별도 화면으로 띄우느라 common.css와 if_common.css에 동일하게 처리 필요 */
/* 레이어팝업 안에 슬라이드가 없이 자료화면 찰때 - 3D백과 */
.dicpop-noslide-wrap { position: relative; width: 100%; height: 540px; }
.dicpop-noslide-wrap iframe { overflow: hidden; }
.sourcefrom.pbhasbox { position: absolute; left: 0; bottom: 5px; padding: 0 10px 4px; font-size: 20px; color: #383735; text-align: center; font-weight: 500; background-color: #ffffff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height: 1.87; }
.btn-closeLayer { position: absolute; top: 13px; left: 10px; width: 64px; height: 64px; background: url('../images/common/common_btn_close_b@2x.png') 0 0 no-repeat transparent; background-size: cover; text-indent: -9999px; }

/* 2021.10.20 3D백과 사용방법 */
.btn-3dexp-open { position: absolute; top: 10px; right: 10px; padding: 9px 18px 14px 52px; color: #32c38c; background: url('../images/common/ic_3d_howtouse.png') 7px 5px no-repeat #fff; background-size: 34px 34px; font: normal 20px 'LOVELOVE_OTFBold'; border: 2px solid #f5f5f5; border-radius: 21px; outline: 0 !important; }
.btn-3dexp-close { position: absolute; top: 22px; left: 24px; width: 56px; height: 54px; font-size: 0; background: url('../images/common/btn_3d_close.svg') top left no-repeat transparent; background-size: cover; border: 0; }
.layer-exp-wrap { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(56, 55, 53, 0.92); border: 8px solid #fff; border-radius:20px; box-sizing: border-box; }
.layer-exp-wrap.active { display: block; }
.layer-exp-container { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; }
.layer-exp-head h1 { padding: 16px 34px; font-size: 30px; color: #fff; line-height: normal; border: 3px solid #fff; border-radius: 36px; }
.layer-exp-body { display: flex; justify-content: center; flex-direction: row; padding-top: 42px; }
.layer-exp-item { text-align: center; }
.layer-exp-item img { width: 320px; height: 320px; margin: 0 88px 28px; vertical-align: top; }
.layer-exp-item p { font-size: 24px; color: #fff; }


/* 2022.01 내가 만드는 백과 삽화 그리기 대회 */
.event-box img{width:100%;}
.pcView .event-box img{max-width:940px;}
.event-box li:nth-child(2){position:relative;}
.event-box li .tag{position:absolute;top:40.5186%;left:12.0212%;height:46px;padding:0 30px;font-size:24px;color:#6075d4;font-weight:bold;font-weight: 700;background-color:#fff;line-height:45px;border-radius:23px;}
.event-box li .tag:nth-of-type(2){top:68.7196%;}
.event-box li .btn{position:absolute;left:59.0425%;bottom:8.3468%;width:272px;height:70px;background:url('../images/event/2201/btn_smartall_go.png') 50% 50% no-repeat;background-size:contain;text-indent:-9999em;}
.event-box li:nth-child(3){position:relative;}
.event-box li:nth-child(3) .address{position:absolute;top:37.3283%;left:38.7234%;
 font-size:2.3936vw;color:#F0FF2D;background:transparent;line-height:1.25;text-decoration:underline;border:0;/* font-size:22.5px;*/}
.pcView .event-box li:nth-child(3) .address{font-size:22.5px;}

/* 삽화그리기 대회 투표 이벤트 */
.event-box.vote{max-width:940px;background-color:#92caff;}
.event-box.vote > section{padding:60px 0 10px;text-align:center;background-color:#fff3e8;}
.event-box.vote > section:nth-of-type(1){border-top-left-radius:30px;border-top-right-radius:30px;}
.event-box.vote h3{display:inline-block;margin-bottom:20px;padding-right:75px;color:transparent;text-align:center;background:url('../images/event/2202/title_txt.png') top right no-repeat;background-size:120px 36px;}
.event-box.vote h3 > span{display:inline-block;padding:0 13px;font-size:21px;color:#f26c00;font-weight:800;font-weight: 700;background-color:#fff;line-height:32px;border:2px solid #f26c00;border-radius:18px;}
.event-box.vote .item-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;padding:0 30px;}
.event-box.vote .item-box li{flex:1 1 auto;margin:0 6px;text-align:center;}
.event-box.vote .item-box li .img-box{position:relative;display:inline-block;width:164px;height:214px;background-color:#fff;background-position:50% 50%;background-size:cover;border-radius:10px;overflow:hidden;cursor:pointer;}
.item-box li .radio{position:absolute;top:10px;left:10px;}
.item-box li input[type="radio"]{display:none;}
.item-box input[type="radio"] + label{display:inline-block;width:26px;height:26px;background-image:url('../images/event/2202/radio_btn.svg');background-repeat:no-repeat;background-position:0 0;background-size:contain;cursor:pointer;text-indent:-9999em;}
.img-box.checked label{background-image:url('../images/event/2202/radio_chk.svg') !important;}
.item-boxinput[type="radio"]+label+label{color:#9fa1a2;}
.item-box input[type="radio"]:checked+label+label{color:#fff;}
.item-box .img-box.checked:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.5) url('../images/event/2202/event_btn_checked.svg') 50% 50% no-repeat;background-size:52px 52px;border:3px solid #f26c00;box-sizing:border-box;border-radius:10px;}
.item-box li > p{display:inline-block;padding:0 35px 0 15px;margin-top:7px;font-size:16px;color:#6d4c41;font-weight:800;background:#fff url('../images/event/2202/event_ico_lock.svg') calc(100% - 16px) 50% no-repeat;background-size:14px 16px;line-height:28px;border-radius:14px;}
.item-box li > p.end{padding:0 16px;background-image:none;}
.event-box.vote > section:nth-of-type(3) h3{padding-right:0;background:none;}
.event-box.vote > section:nth-of-type(3) h3 img{width:288px !important;height:36px;max-width:100%;}
.event-box.vote > section .btn-wrap{margin-top:45px;padding-bottom:45px;}
.event-box.vote > section .btn-wrap button{width:207px;height:78px;background:#fff3e8 url('../images/event/2202/event_btn_vote.png') 0 0 no-repeat;background-size:contain;text-indent:-9999em;}
.event-box.vote > section .btn-wrap button.btn-finish{background-image:url('../images/event/2202/event_btn_vote_end.png');}
.event-box.vote.disabled .item-box .img-box{pointer-events:none;}
.item-box .item-desc{position:absolute;left:50%;bottom:0;width:100%;padding:5px 10px;font-size:1.2rem;color:white;font-weight:900;background-color:rgba(0,0,0,0.35);transform:translate(-50%,0);}

/* 투표 이벤트 당선작 안내 */
.sub_artEvent { height: 1500px; }
.sub_today_wrap {max-width: 940px; margin: 0 auto;}
.sub_today_wrap .container {padding-top: 70px;}
.sub_today_wrap .header{position:relative;height:60px; text-align:center;background-color:#fff3e8; border-radius:20px 20px 0 0;}
.sub_today_wrap .header h1{position: absolute; top: -70px; left: 50%; width:320px;height:130px;background:url('../images/event/2203/title_vote_result.png') no-repeat 0 0; background-size: 320px; text-indent:-9999px; transform: translateX(-50%);}
.sub_today_wrap .contents{position: relative; height: 480px; padding: 35px 43px 0 !important; text-align:center; background-color:#fff3e8;}

.vote_result_list_box {display: table; width: 100%; border-collapse: collapse; table-layout: fixed;}
.vote_result_list_box .txt_cell {display: table-cell; width: 334px; height: 295px; padding-top: 14px; color: #6d4c41; text-align: left; vertical-align: top;}
.vote_result_list_box .txt_cell .t1 {display: block;}
.vote_result_list_box .txt_cell img {width: 296px;}
.vote_result_list_box .txt_cell .t2 {display: block; margin-top: 12px;}
.vote_result_list_box .txt_cell .t3 {display: block; margin-top: 28px;}
.vote_result_list_box .img_cell {display: table-cell; vertical-align: top;}
.vote_result_list_box .img_cell li { width: calc(33.33% - 10px); text-align: center;float: left;}
.vote_result_list_box .img_cell li:not(:last-child) {margin-right: 15px;}
.vote_result_list_box .img_cell .img_box {height: 214px; margin-bottom: 12px; background-color: #fff; background-position: 50% 50%; background-size: cover; border-radius: 8px;}
.vote_result_list_box .img_cell .tag {display: inline-block; height: 37px; padding: 0 14px; font-size: 20px; color: #f26c00; font-weight: 700; font-weight: 700; background-color: #fff; line-height: 33px; border: 2px solid #f26c00; border-radius: 22px;}
.btm_pop_ui {position: absolute; left: 0; bottom: -800px; width: 100%;}
.btm_pop_ui >div{ width:100%; height: 850px;padding:30px 0; font-size:20px;color:#0070d5;background-color:#e6f3ff; box-sizing:border-box;line-height:1.5;border-top:2px dashed #6b9eff;}
.btm_pop_ui img {width: 714px;}

/* 콤보박스 - 기본 */
.ui-button { color: #464543; background-color: #ffffff !important; border: 2px solid #e4e4e4; }
.ui-selectmenu-button.ui-button { position: relative; width: 100%; padding: 8px 25px 9px; margin-right: 0; font-size: 20px; }
.ui-button .ui-icon { position: absolute; top: 0; right: 0; width: 50px; height: 50px; }
.ui-button .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{background: url('../images/icon/icon_arrow_down@2x.png') 0 0 no-repeat;background-size: cover;}
.ui-selectmenu-button-closed:focus { background-color: #ffffff; }
.ui-button:hover { background-color: #ffffff; }
.ui-selectmenu-button-open:hover .ui-icon { background: url('../images/icon/icon_arrow_up@2x.png') 0 0 no-repeat; background-size: cover; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 25px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 25px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 25px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 25px; }
.ui-widget-content { font-size: 20px; color: #646463; line-height: 1.5; }
.ui-selectmenu-open .ui-menu { max-height: calc(100vh - 330px); overflow-y: auto; }
.ui-menu .ui-menu-item { padding: 0; border-bottom: 2px solid #e4e4e4; border-color: #e4e4e4; }
.ui-menu .ui-menu-item::before {display: none;}
.ui-menu .ui-menu-item:last-child { border-bottom: 0; }
.ui-menu .ui-menu-item-wrapper { padding: 9px 24px 11px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #383735; /*background-color: #ffffff;*/ border: 0;}

.cont_word .ui-selectmenu-button-open { color: #383735; font-weight: 700; }
.selectedOpt .ui-menu-item-wrapper, 
.ui-widget-content .selectedOpt .ui-menu-item-wrapper { position: relative; margin: 0; color: #ff9e40;  font-weight: 700; background-color: #fff !important; font-family: 'Spoqa Han Sans Neo', 'ybmExt' !important;}
.pcView .ui-state-active, 
.pcView .ui-widget-content .ui-state-active {margin: 0; /*color: #ffffff;*/ color: #ff9e40; background-color: transparent; }
.selectedOpt .ui-menu-item-wrapper::after, 
.ui-widget-content .selectedOpt .ui-menu-item-wrapper::after { position: absolute; top: 14px; right: 12px; width: 22px; height: 22px;content: ''; background: url('../images/icon/img_check_05@2x.png') 0 0 no-repeat; background-size: cover;}

.ui-button:active, .ui-button:hover, .ui-button:focus { border: 2px solid #e4e4e4; }
.ui-widget.ui-widget-content { border: 2px solid #e4e4e4; border-top: 0; }

/* 콤보박스 - 수학 */
.cont_math .ui-widget-content .selectedOpt .ui-menu-item-wrapper::after {background-image: url('../images/icon/img_check_06@2x.png');}
.cont_math .selectedOpt .ui-menu-item-wrapper, 
.cont_math .ui-widget-content .selectedOpt .ui-menu-item-wrapper { color: #41b9eb; }
.pcView .cont_math .ui-state-active, 
.pcView .cont_math .ui-widget-content .ui-state-active {color: #41b9eb;}

/* 수학 */
.cont_math .imgBox img {width: auto; max-width: 680px;}
.more_sbj_pop { position: absolute; top: -15px;display: none; width: 100%; padding: 12px 35px; background-color: #fff; z-index: 1; border: 3px solid #e4e4e4; border-radius: 15px;}
.more_sbj_pop.opened {display: block;}
.more_sbj_pop .pop_tit {margin-bottom: 17px; padding-left: 28px; font-size: 20px; background: url('../images/icon/icon_pin@2x.png') 0 1px/24px no-repeat; line-height: 25px;}
.more_sbj_pop .selectWrap-container {margin-bottom: 12px;}
.more_sbj_pop .selectWrap-container:nth-child(2) {margin-bottom: 20px;}
.more_sbj_list_wrap { height: 200px !important; padding: 15px 25px; background-color: #f6fcfe;overflow: auto; border: 2px solid #c6eaf9; border-radius: 23px;}
.more_sbj_list li {padding-left: 0;}
.more_sbj_list li:not(:last-child) {margin-bottom: 10px;}
.more_sbj_list li::before {display: none;}
.more_sbj_list li a {display: block; font-size: 20px; }
.more_sbj_pop .ref_txt {margin-top: 10px; color: #ababab;}
.more_sbj_pop .close_btn {position: absolute; top: 12px; right: 35px; width: 65px; height: 30px; padding-left: 27px; font-size: 16px; color: #fff; text-align: left; background: #41b9eb url('../images/icon/btn_close_03@2x.png') 11px 10px/11px no-repeat; line-height: 25px; border-radius: 15px;}

/* 공룡사전 */
.dino_story_link_area { position: relative;display: flex; width: 100%; padding: 10px 8px; margin-top: -1px; z-index: 1; border-top: 1px solid #88c669; border-bottom: 1px solid #88c669;}
.dino_story_link_area .txt {flex: 1; font-size: 20px; color: #88c669; font-weight: 700; }
.dino_story_link_area .link_in {padding: 6px 30px 8px 17px; font-size: 18px; color: #fff !important; background: #88c669 url(../images/icon/icon_arrow_r_04@2x.png) right 12px center/6px no-repeat; border-radius: 16px; line-height: 1;}
.sub-cont_c_tit {margin-bottom: 15px; padding-left: 40px; font-size: 30px; font-weight: 500; line-height: 1.3;}
.sub-cont_c_tit.dino {background: url('../images/icon/icon_dic_dino_01.svg') 0 5px/32px no-repeat;}
.dino_story_top {margin-bottom: 35px; padding-bottom: 48px; border-bottom: 2px solid #e4e4e4;}
.dino_story_top .inner_box {display: flex; width: 100%; padding: 28px 32px; background-color: #f0faeb; border-radius: 32px; box-sizing: border-box;}
.dino_story_top .inner_box li {flex: 1; margin-right: 43px;}
.dino_story_top .inner_box li:last-child {margin-right: 0;}
.dino_story_top .inner_box img {max-width: 288px; margin-bottom: 12px; border-radius: 15px;}
.dino_story_top .inner_box .tit {margin-bottom: 3px; font-size: 20px; color: #78b450; font-weight: 500; line-height: 1.3;}
.dino_story_top .inner_box .txt { font-size: 16px;color: #646463; letter-spacing: -0.1px;  line-height: 26px;}

.dino_story_tab {display: flex; width: 100%; margin-bottom: 45px; padding-bottom: 35px; text-align: center;}
.btn-dinoSorting, .dino_story_tab .tit {display: inline-block; margin-left: -15px; margin-bottom: 15px; font-size: 18px; color: #505050; background-color: transparent; border-bottom: 1px solid transparent; font-family: 'Spoqa Han Sans Neo'; line-height: 1; vertical-align: top;}
.btn-dinoSorting .num {text-decoration: underline;}
.btn-dinoSorting:focus {outline: none;}
.dino_story_tab > li {position: relative;}
.dino_story_tab > li:nth-child(1) {flex-basis: 65px;}
.dino_story_tab > li:nth-child(2) {flex-basis: 150px;}
.dino_story_tab > li:nth-child(3) {flex-basis: 315px;}
.dino_story_tab > li:nth-child(4) {flex: 1;}
.dino_story_tab .dep2 {display: flex;}
.dino_story_tab .dep2 li { position: relative;flex: 1; height: 80px;}
.dino_story_tab > li:nth-child(1) .dep2 li {background-color: #787878;}
.dino_story_tab > li:not(:first-child) .dep2 li:first-child {padding-left: 15px;}
.dino_story_tab .dep2 li:last-child::after { position: absolute; top: 0; right: -15px; display: block;content: ''; border-left: 15px solid transparent; border-top: 40px solid #fff; border-bottom: 40px solid #fff; border-right: 15px solid transparent;}
.dino_story_tab > li:not(:first-child) .dep2 li:first-child .btn-dinoSorting2::before { position: absolute; top: 0; left: -15px; display: block;content: ''; border-top: 40px solid #787878; border-bottom: 40px solid #787878; border-left: 15px solid transparent; border-right: 15px solid transparent;}
.dino_story_tab .dep2 li:not(:first-child) .btn-dinoSorting2 {background-image: url('../images/dino/dot-line2.png'); background-repeat: no-repeat; background-position: 0 6px; background-size: 2px;}
.dino_story_tab .dep2 li:last-child .btn-dinoSorting2 {padding-right: 10px;}

.btn-dinoSorting2 {position: relative; width: 100%; height: 100%; font-size: 18px; color: #fff; background-color: #787878; border: 0 none;}
.btn-dinoSorting2:focus {outline: none;}
.dino_story_tab .dep2 .btn-dinoSorting2 .num {text-decoration: underline;}
.dino_story_tab .age {position: absolute; bottom: -35px; right: 7px; font-size: 14px; color: #646464;  white-space: nowrap; transform: translateX(50%);}
.dino_story_tab .age::before { position: absolute; top: -8px; left: 50%; display: block; width: 2px; height: 8px;content: ''; margin-left: -1px; background-color: #82be5a; border-radius: 1px;}
.dino_story_tab > li:last-child .age {right: 0; transform: none;}
.dino_story_tab > li:last-child .age::before {left: auto; right: 0;}
.dino_story_tab + .tabcont {min-height: 355px;}

.btn-dinoSorting.active { color: #78b450; border-bottom: 1px solid #78b450;}
.btn-dinoSorting.active .num {text-decoration: none;}
.dino_story_tab .dep2 li.active .btn-dinoSorting2 {background-color: #82be5a;}
.dino_story_tab > li:not(:first-child) .dep2 li.active:first-child .btn-dinoSorting2::before {border-top-color: #82be5a; border-bottom-color: #82be5a;}

/* 교과별 사전 */
.sub_subject .ifSub-cont_head.topFix2 .selectWrap-container {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.pcView .sub_subject .ifSub-cont_head.topFix2 {padding-top: 85px;}
.pcView .sub_subject .ifSub-cont_head.topFix2 .selectWrap-container {position: absolute; top: 15px; left: 114px; width: 945px; max-width: none; margin-bottom: 0; padding-bottom: 15px; border-bottom: 2px solid #e4e4e4;}
.pcView .sub_subject .ifSub-cont_head.topFix2 .selectWrap-container .selectWrap {position: relative;}
.pcView .sub_subject .ifSub-cont_head.topFix2 .selectWrap-container .selectWrap-item:nth-child(3) {flex-grow: 1.3;}
.pcView .sub_subject .ifSub-cont_head.topFix2 .selectWrap-container .ui-selectmenu-menu {width: 100%;}
.pcView .sub_subject .ifSub-cont_head.topFix2 .selectWrap-container .ui-widget-content {width: 100% !important; box-sizing: border-box;}
.pcView .sub_subject .ifSub-cont_body {padding-top: 115px;}

/* 오디오백과 이벤트 */
.pcView .ifSubWrap.sub_audio header.docTit {padding-left: 115px;}
.audio100_event_wrap {position: relative;}
.audio100_event_wrap img { display: block;width: 100%; max-width: 940px; margin: 0 auto;}
.audio100_event_wrap .mail {position: absolute; top: 1790px; left: 316px; font-size: 22px; color: #8139ff; line-height: 1;}

/* 포토백과 Lite 컨텐츠 */
.photo-body-lite .sliderTot .visualSlide{position:relative;width:100%;height:360px;margin-bottom:16px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;overflow:hidden;}
.photo-body-lite .sliderTot .visualSlide .slideFullImg img{max-height:360px;}
.visualSlide .sourcefrom, 
.non-visualSlide .sourcefrom,
.photo-body-lite .sliderTot .sourceTitle{position:absolute;left:0;bottom:0;width:100%; padding:12px 24px; font-size:14px; color:#fff;text-align:left; font-weight: 500;background:rgba(56,55,53,0.6);}
.photo-body-lite .photo-dict-wrap{padding: 16px 22px 22px;border-radius:16px;border:solid 3px rgba(95,115,240,0.24);}
.photo-body-lite .photo-inner-title{display:flex;align-items:center;}
.photo-body-lite .photo-inner-title .tit{display:flex;align-items:center;margin-right:28px;padding-left:0;font-size:18px;color:#46505a;text-align:left;font-weight:700;background:none;}
.photo-body-lite .photo-inner-title .tit span{margin-left:11px;font-size:18px;color:#5f73f0;}
.photo-body-lite .photo-inner-title button{position:static;display:flex;justify-content:center;align-items:center;width:76px;height:32px;padding:0;font-size:14px;color:#fff;font-weight:700;background-color:#5f73f0;border-radius:16px;}
.photo-body-lite .photo-inner-list ul{display:flex;justify-content:flex-start;height:auto; flex-wrap: wrap;margin-top:8px;}
.photo-body-lite .photo-inner-list li{width:145px;height:96px;margin-right: 12px; margin-bottom: 12px; text-align: center;border-radius:8px; overflow: hidden;}
.photo-body-lite .photo-inner-list li:nth-child(4n) {margin-right: 0;}
.photo-body-lite .photo-inner-list .photo-image-box {display: flex;justify-content: center;width: 100%; height: 96px; background: #fff;overflow: hidden;}
.photo-body-lite .photo-inner-list li a{position: relative; display:block;width: 100%;height: 100%;margin-bottom:0;padding-bottom:10px;font-size:14px;color:#646463;text-align:center;font-weight:500;border:none;border-radius:0;}
.photo-body-lite .photo-inner-list li a  .photo-image-box{background: #fff;}
.photo-body-lite .photo-inner-list li a:before { position: absolute; top: 4px; left: 4px; display: block; width: 30px; height: 30px;content: ''; border-radius: 11px; z-index: 99;}
.photo-body-lite .photo-inner-list li img{max-width:100%;max-height:100%;border-radius:8px;}
.photo-body-lite .photo-inner-list li p {display: none;}
.photo-body-lite .photo-inner-list li:nth-child(8n+1) a { background: url('../images/common/img_no_07@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.photo-body-lite .photo-inner-list li:nth-child(8n+2) a { background: url('../images/common/img_no_01@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.photo-body-lite .photo-inner-list li:nth-child(8n+3) a { background: url('../images/common/img_no_02@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.photo-body-lite .photo-inner-list li:nth-child(8n+4) a { background: url('../images/common/img_no_03@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.photo-body-lite .photo-inner-list li:nth-child(8n+5) a { background: url('../images/common/img_no_04@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.photo-body-lite .photo-inner-list li:nth-child(8n+6) a { background: url('../images/common/img_no_05@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.photo-body-lite .photo-inner-list li:nth-child(8n+7) a { background: url('../images/common/img_no_06@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.photo-body-lite .photo-inner-list li:nth-child(8n+8) a { background: url('../images/common/img_no_07@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.photo-body-lite .photo-exist .photo-inner-list ul { justify-content: flex-start;flex-wrap: nowrap;}
.photo-body-lite .photo-exist .photo-inner-list li{ width: 120px; height: auto; margin-right: 0; margin-bottom: 0;border:none;}
.photo-body-lite .photo-exist .photo-inner-list li + li {margin-left: 8px;}
.photo-body-lite .photo-exist ul li a{padding-bottom:0;}

*[data-dict="PHOTOLIB"]:before {background:url('../images/icon/mark_wj.svg') no-repeat 0 0 / 100%;} /*dictKorNm:'포토백과',dictCd:'PHOTOLIB'*/
*[data-dict="NANUMPHOTO"]:before {background:url('../images/icon/mark_nanum.svg') no-repeat 0 0 / 100%;} /*dictKorNm:'포토백과',dictCd:'NANUMPHOTO'*/
*[data-dict="PARTICIPATION_IMAGE"]:before {background: url('../images/icon/mark_user.svg') no-repeat 0 0 / 100%;} /*dictKorNm:'참여포토',dictCd:'PARTICIPATION_IMAGE'*/
*[data-dict="WJ"]:before {background:#ff9e40 url('../images/photodict/ic-dic-wjstudy.svg') no-repeat center center;} /*dictKorNm:'웅진학습백과',dictCd:'WJ'*/
*[data-dict="ECCPD"]:before {background:#ff9e40 url('../images/photodict/ic-dic-wjstudy.svg') no-repeat center center;} /*dictKorNm: "용어사전",dictCd: "STDDIC"*/
*[data-dict="STDDIC"]:before {background:#f47495 url('../images/photodict/ic_dic_term.svg') no-repeat center center;} /*dictKorNm:'웅진학습백과',dictCd:'ECCPD'*/
*[data-dict="KODIC"]:before{background:#5e96ce url('../images/photodict/ic_dic_korean.svg') no-repeat center center;} /*dictKorNm:'국어사전',dictCd:'KODIC'*/
*[data-dict="KORSAM"]:before {background:#5e96ce url('../images/photodict/ic_dic_sam.svg') no-repeat center center;} /*dictKorNm:'우리말샘',dictCd:'KORSAM'*/
*[data-dict="AFFAIR"]:before {background:#f8bd00 url('../images/photodict/ic_dic_child.svg') no-repeat center center;} /*dictKorNm:'어린이 시사사전',dictCd:'AFFAIR'*/
*[data-dict="MUSM"]:before {background:#88c669 url('../images/photodict/ic-dic-relic.svg') no-repeat center center;} /*dictKorNm:'유물정보',dictCd:'MUSM'*/
*[data-dict="NARIS"]:before {background:#88c669 url('../images/photodict/ic-dic-natural.svg') no-repeat center center;} /*dictKorNm:'자연사정보',dictCd:'NARIS'*/
*[data-dict="JONGMYO"]:before {background:#88c669 url('../images/photodict/ic-dic-cultural.svg') no-repeat center center;} /*dictKorNm:'궁궐종묘정보',dictCd:'JONGMYO'*/
*[data-dict="VISIT_PHTG"]:before{background:#88c669 url('../images/photodict/icon_dic_sightseeing.svg') no-repeat center center;} /*dictKorNm:'관광사진정보',dictCd:'VISIT_PHTG'*/
*[data-dict="ROYAL"]:before {background:#88c669 url('../images/photodict/ic-dic-royal.svg') no-repeat center center;} /*dictKorNm:'왕실유물정보',dictCd:'ROYAL'*/
*[data-dict="COUNTRY"]:before {background:#88c669 url('../images/photodict/ic-dic-nation.svg') no-repeat center center;} /*dictKorNm:'국가기본정보',dictCd:'COUNTRY'*/
*[data-dict="OCEANS"]:before {background:#88c669 url('../images/photodict/ic-dic-oceans.svg') no-repeat center center;} /*dictKorNm:'해양생물종정보',dictCd:'OCEANS'*/
*[data-dict="TRADITION"]:before {background:#88c669 url('../images/photodict/ic-dic-folklore.svg') no-repeat center center;} /*viewDictNm: 'tradition', dictKorNm: '한국민속대백과사전'*/
*[data-dict="BIOLOGY"]:before {background:#88c669 url('../images/photodict/ic-dic-biology.svg') no-repeat center center;} /*dictKorNm:'어린이생물도감',dictCd:'BIOLOGY'*/
*[data-dict="PLANT"]:before {background:#88c669 url('../images/photodict/ic_dic_plant.svg') no-repeat center center;} /*viewDictNm: 'PLANT', dictKorNm: '식물도감'*/
*[data-dict="DINO"]:before,
*[data-dict="WILDFLOWER"]:before,
*[data-dict="CAMERA"]:before,
*[data-dict="INSECT"]:before,
*[data-dict="CONSTELLATION"]:before {background:#88c669 url('../images/photodict/ic_dic_science.svg') no-repeat center center / 24px;} /*dictKorNm:'과학학습콘텐츠',dictCd:'DINO / WILDFLOWER / CAMERA / INSECT / CONSTELLATION'*/
*[data-dict="CTLHRIT"]:before {background:#88c669 url('../images/photodict/ic-dic-cultural.svg') no-repeat center center;} /*dictKorNm:'문화재',dictCd:'CTLHRIT'*/
*[data-dict="DIC3D"]:before {background:#32c38c url('../images/photodict/ic_dic_3d.svg') no-repeat center center;} /*dictKorNm:'3D백과',dictCd:'DIC3D'*/
*[data-dict="SENSE"]:before {background:#ef585b url('../images/photodict/ic_dic_eduwill.svg') no-repeat center center;} /*dictKorNm:'시사상식',dictCd:'SENSE'*/
*[data-dict="ART"]:before {background:#a38356 url('../images/photodict/ic_dic_art.svg') no-repeat center center;} /*dictKorNm:'미술백과',dictCd:'ART'*/
*[data-dict="MATHDICT"]:before {background:#41b9eb url('../images/photodict/ic_dic_math.svg') no-repeat center center;} /*dictKorNm:'수학사전',dictCd:'MATHDICT'*/
*[data-dict="MODERN"]:before {background:#a58255 url('../images/photodict/icon_dic_history_03.svg') no-repeat center center;} /*dictKorNm:'근현대사',dictCd:'MODERN'*/

.ifSubWrap.sub_modern header.docTit::after {display: none;}
.ifSubWrap.sub_category.sub_modern {margin-top: 98px;}
.cont_modern .sliderTot{border-bottom: none; }
.cont_modern .ifCont_txt{ margin-top: 32px;}
.modern-category-wrap {margin-bottom: 40px;}
.modern-category-box{position: relative; display:flex;align-items:flex-start;padding:16px 0 4px;border-bottom:2px solid #e4e4e4;}
.modern-category-box:first-child{border-top:2px solid #e4e4e4;}
.modern-category-box .modern-category-title{flex:0 0 120px;margin-right:24px;font-size:20px;font-weight:700;text-align:left;color:#464543;padding-top:4px;}
.modern-category-swiper {width: 100%; overflow: hidden;}
.modern-category-box .modern-category-items li{width: auto; margin:0 8px 12px 0;}
.modern-category-box .modern-category-items li .modern-category-item{height:44px;padding:0 24px;border-radius:22px;font-size:18px;font-weight:700;color:#646463;outline: none;}
.modern-category-box .modern-category-items li .modern-category-item.active{background:#c88c48;color:#fff;}

.modern-result-head {display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;color:#464543;margin-bottom:30px;}
.modern-result-head span{font-size:14px;font-weight:400;color:#ababab;margin-left:4px;}
.modern-result-head button{border:none;background:transparent;font-size:16px;font-weight:700;color:#ababab; margin-left: 16px;}
.modern-result-head button.active {color: #000;}


.modern-result-box {margin-bottom: 20px;}
.modern-result-title {display: flex; align-items: flex-end; margin-bottom: 16px;}
.modern-result-title h3 {flex: 0 0 auto; font-size:20px; font-weight:700; color:#464543; margin-right:8px;}
.modern-result-title span {flex: 0 0 auto; font-size:20px;font-weight:700;color:#c88c48;}
.modern-result-title span.modern-loca {flex: 1 1 auto;font-size:14px;font-weight:400;color:#ababab; margin-left: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.modern-result-images {width: 100%; padding-bottom: 20px; overflow: hidden; position: relative;}
.modern-result-images .modern-result-image{height:170px;overflow:hidden;border-radius:8px;}
.modern-result-image a {display: block; width: 100%; height: 100%;}
.modern-result-image img{display:block;width:100%; height:100%;margin:0;padding:0;border:none; object-fit:cover;}

.modern-toggle-wrap{position:absolute;top:0;right:-2px;width:80px;height:76px;background-image:linear-gradient(to right,rgba(255,255,255,0),#fff 61%);z-index:10;}
.modern-toggle-wrap.active{width:45px;background-image:none;}
.modern-toggle-button{position:absolute;top:18px;right:4px;display:block;width:32px;height:32px;background:url(../images/icon/ico_arrow_down.svg) no-repeat center center / 24px;transition:.3s ease all;}
.modern-toggle-button:focus{outline:none;}
.modern-toggle-wrap.active .modern-toggle-button{transform:rotate(180deg);}
.modern-category-box.active {padding-right: 40px;}
.modern-category-box.active .swiper-wrapper.modern-category-items,
.fixedTranslate {transform: translate3d(0px, 0px, 0px) !important;}
.modern-category-box.active .modern-category-swiper {height: auto; }
.modern-category-box.active .modern-category-swiper .swiper-wrapper {height: auto; flex-wrap: wrap; }

.modern-image-wrap {position: relative; padding: 24px 36px;border-radius:16px;border:solid 3px #e4e4e4;overflow:hidden;}
.modern-image-box  {width: 100%; overflow: hidden;}
.modern-image-wrap .swiper-slide a {display: block; width: 100%; height: 100%; background: #fff;}
.modern-image-wrap .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.modern-image-wrap .swiper-prev,
.modern-image-wrap .swiper-next {position: absolute; top: 50%; width: 32px; height: 80px; transform: translateY(-50%);}
.modern-image-wrap .swiper-prev {left: 0; background: url(../images/common/btn_arrow_left_2@2x.png) no-repeat -2px -6px / 58px;}
.modern-image-wrap .swiper-next {right: 0; background: url(../images/common/btn_arrow_right_2@2x.png) no-repeat -22px -6px / 58px;}
.modern-image-wrap .swiper-slide {height: 112px; overflow: hidden; border-radius: 12px;}
.modern-image-wrap li:nth-child(1) { background: url('../images/common/img_no_01@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.modern-image-wrap li:nth-child(2) { background: url('../images/common/img_no_02@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.modern-image-wrap li:nth-child(3) { background: url('../images/common/img_no_03@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.modern-image-wrap li:nth-child(4) { background: url('../images/common/img_no_04@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.modern-image-wrap li:nth-child(5) { background: url('../images/common/img_no_05@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.modern-image-wrap li:nth-child(6) { background: url('../images/common/img_no_06@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.modern-image-wrap li:nth-child(7) { background: url('../images/common/img_no_07@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.modern-image-wrap li:nth-child(7) { background: url('../images/common/img_no_08@2x.png') center 12px no-repeat; background-size: 121px 78px; }
.modern-split {display: block; margin-top: 32px; background: #cbcbcb;}
.modern-no-resuilt {width: 490px; height: 400px; background: url(../images/common/img_no_10@2x.png) no-repeat center center / 100%; margin: 52px auto 0;}
.modern-image-wrap .swiper-controller {display: block;}
.modern-image-wrap .swiper-controller .swiper-prev.swiper-button-disabled,
.modern-image-wrap .swiper-controller .swiper-next.swiper-button-disabled {display: none;}

.swiper-controller {display: none;}
.pcView .swiper-controller {display: block;}
.swiper-controller .swiper-button-prev.swiper-button-disabled, 
.swiper-controller .swiper-button-next.swiper-button-disabled {opacity: 1;}
.swiper-controller .swiper-button-prev:after,
.swiper-controller .swiper-button-next:after {display: none;}
.swiper-controller .swiper-button-prev,
.swiper-controller .swiper-button-next { width: 40px; height: 50px; }
.swiper-controller .swiper-button-prev { left: 0; background: url('../images/common/ico-history-prev@2x.png') no-repeat 0 0  / 100%;}
.swiper-controller .swiper-button-next { right: 0; background: url('../images/common/ico-history-next@2x.png') no-repeat 0 0  / 100%;}
.swiper-controller .swiper-button-prev.swiper-button-disabled,
.swiper-controller .swiper-button-next.swiper-button-disabled {display: none;}

/* Mobile View */
.mobileView .modern-category-swiper {overflow: auto;}
.mobileView .modern-category-items::after { display: block; flex: 0 0 60px; width: 60px;content: '';}
.mobileView .modern-result-images .swiper-wrapper {display: flex; align-items: center; flex-wrap: nowrap; overflow: auto;}
.mobileView .modern-result-images .modern-result-image {width: 255px; margin-right: 14px;}