•  


페이지를 파싱하기 어렵습니다./**************************************************** * base ***************************************************/ .main-contents .for-pc { display: block; } .main-contents .for-sp { display: none; } .js-nav-nofixed { margin-top: 12px; } .js-nav-nofixed .nav-a { background-color: #000000; } .js-nav-nofixed .nav-a a { color: #ffffff; } .js-nav-nofixed .nav-a a:hover { color: #999999; } @media only screen and (max-width: 767px) { .main-contents .for-pc { display: none; } .main-contents .for-sp { display: block; } }/**/ /**************************************************** * base ***************************************************/ /*.js-nav-nofixed { margin-top: 12px; } .js-nav-nofixed .nav-a { background-color: #000000; } .js-nav-nofixed .nav-a a { color: #ffffff; } */ .js-nav-fixed{ margin-top:12px; } .js-nav-fixed .nav-a { background: #000; } .js-nav-nofixed .nav-a a:hover { color: #999999; } .js-nav-fixed .nav-a .nav-a-inner ul { width: auto; } .js-nav-fixed .nav-a .nav-a-inner ul li.is-active{ background: #eee; transition: .5s; } .js-nav-fixed .nav-a .nav-a-inner ul li.is-active a{ color: #000; } /* .js-nav-fixed .nav-a .nav-a-inner ul li:hover, .js-nav-fixed .nav-a .nav-a-inner ul li:active, .js-nav-fixed .nav-a .nav-a-inner ul li:focus { background: #eee; transition: .5s; }*/ .js-nav-fixed .nav-a .nav-a-inner ul li::before, .js-nav-fixed .nav-a .nav-a-inner ul li::after { display: none; } .js-nav-fixed .nav-a .nav-a-inner ul li a { color: #fff; } .js-nav-fixed .nav-a .nav-a-inner ul li:hover a, .js-nav-fixed .nav-a .nav-a-inner ul li:active a, .js-nav-fixed .nav-a .nav-a-inner ul li:focus a { color: #999999; transition: .5s; } /* @media only screen and (max-width:1000px){ .js-nav-fixed { display: none; } } */ @media only screen and (min-width: 1001px){ .js-nav-fixed>.menu-btn { display: none; } .js-nav-fixed.is-close .nav-a .nav-a-inner ul{ display: table!important; width: 100%!important; } } @media only screen and (max-width: 1000px){ .js-nav-fixed { display: block; position: relative; max-width: 1280px; width: 100%; z-index: 100; padding: 0 16px; margin: 0 auto 12px; background-color: inherit; } .js-nav-fixed>ul { display: none; margin-top: 16px; } .js-nav-fixed.is-close>ul { display: none !important; } .js-nav-fixed>.menu-btn { width: 100%; padding: 11px 46px; text-align: center; text-decoration: none!important; display: inline-block; line-height: 1.4; position: relative; transition: background .2s; box-shadow: 0 1px 2px rgb(0 0 0 / 18%); color: #a30b1a!important; background: #fff; border: 1px solid #a30b1a; white-space: nowrap; } .js-nav-fixed>.menu-btn:hover, .nav-header>.menu-btn:active, .nav-header>.menu-btn:focus { background: #f6cfd3; } .js-nav-fixed .toggle-txt { position: absolute; top: 0; right: 0; z-index: -1; font-size: 1rem; opacity: 0; } .js-nav-fixed.is-close>.menu-btn::before { display: block; position: absolute; content: ""; top: 50%; right: 12px; width: 20px; height: 14px; margin-top: -7px; background: linear-gradient(#ac2330,#ac2330 2px,transparent 2px,transparent 6px,#ac2330 6px,#ac2330 8px,transparent 8px,transparent 12px,#ac2330 12px); } .js-nav-fixed.is-open>.menu-btn::before { display: block; position: absolute; content: ""; top: 50%; right: 20px; width: 2px; height: 23px; margin-top: -11px; background: #ac2330; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .js-nav-fixed.is-open>.menu-btn::after{ display: block; position: absolute; content: ""; top: 50%; right: 20px; width: 2px; height: 23px; background: #ac2330; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -11px; } .js-nav-fixed .nav-a{ position:inherit; top: inherit!important; } .js-nav-fixed .nav-a .nav-a-inner ul { display: none; margin-top: 16px; } .js-nav-fixed.is-open .nav-a{ display:block; background: inherit; } .js-nav-fixed.is-open .nav-a .nav-a-inner ul{ display: block !important; height: inherit; } .js-nav-fixed.is-open .nav-a .nav-a-inner{ padding:0; } .js-nav-fixed.is-open .nav-a .nav-a-inner ul > li { width: 100%; display: block; } .js-nav-fixed .nav-a .nav-a-inner ul > li a, .js-nav-fixed .nav-a .nav-a-inner ul > li.active > a, .js-nav-fixed .nav-a .nav-a-inner ul > li.js-hover > a, .js-nav-fixed .nav-a .nav-a-inner ul > li.is-active > a { text-decoration: none; position: relative; display: block; padding: 11px 32px 11px 16px; border-bottom: 1px solid #c6c6c0; background: rgba(238,238,238,.96); color:#000; } .js-nav-fixed.is-open .nav-a .nav-a-inner ul > li.is-active a{ background:#f6cfd3; } .js-nav-fixed .nav-a .nav-a-inner>ul>li a::before { display: block; position: absolute; content: ""; transition: -webkit-transform .2s; transition: transform .2s; top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -6px; border-top: 2px solid #a30b1a; border-right: 2px solid #a30b1a; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } /**************************************************** * hero-area-b/keyvisual ***************************************************/ .hero-area-b { margin-top: 0; } .hero-area-b .content .main-txt > * { color: #000000; background-color: transparent; } .hero-area-b .content .sub-txt > * { line-height: 1.6; font-weight: normal; color: #000000; background-color: transparent; text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 10px, rgba(255, 255, 255, 0.8) -1px 1px 10px, rgba(255, 255, 255, 0.8) 1px -1px 10px, rgba(255, 255, 255, 0.8) -1px -1px 10px; } .c-lyt-keyvisual { margin-top: 0 !important; } .c-lyt-keyvisual .c-lyt-keyvisual__titlearea { color: #ffffff; background: #343b43; } .c-lyt-keyvisual__visual img { left: 70%!important; transform: translateX(-70%)!important; } .breadcrumb-wrapper + #main .lf-hero-a{margin-top: 0px;} /******** 新VI要素20220531 ******************/ .lf-hero-contents-inner { padding-left: 16px; width: 90%;} @media only screen and (max-width:1600px) { .lf-hero-visual img { height:100%; width: auto; right: 100%; transform: translateX(100%) translateY(-50%); } } @media only screen and (max-width:1280px) { .lf-hero-a::after { width: calc(440vw*100/1280); height: calc(350vw*100/1280); margin-left: calc(-200vw*100/1280); } .lf-hero-visual img { height: 100%; } .lf-hero-contents-inner { width: 100%; margin-right: calc(275vw*100/1280); padding-left: 8px; } .lf-hero-hdg { font-size: calc(45vw*100/1280); } .lf-hero-sub, .lf-hero-desc { font-size: 1.4rem; } .lf-hero-btns a::before { width: 42px; height: 42px; } .lf-hero-btns a::after { width: 12px; height: 12px; left: 12px; } .lf-hero-badge { right: 8px; } } @media only screen and (max-width:1000px) { .lf-hero-a { max-height: calc(450vw*100/1000); } .lf-hero-contents-inner { padding-left: 16px; } .lf-hero-visual { height: calc(450vw*100/1000); } } @media only screen and (max-width:767px) { .lf-hero-a { flex-direction: column; max-height: none; max-height: initial; } .lf-hero-a::after { width: calc(336vw*100/767); height: calc(266vw*100/767); margin-left: calc(-144vw*100/767); bottom: calc(83vw*100/767); z-index: 1; transform: none; } .lf-hero-contents { display: block; width: 100%; } .lf-hero-visual { width: 100%; height: 0; padding-top: 56.25%; } .lf-hero-visual::before { content: ""; display: block; width: 50%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 1; } .lf-hero-visual img { top: 0; right: 50%; transform: translateX(50%); } .lf-hero-contents-inner { margin-right: 0; padding: 20px 16px; } .lf-hero-hdg { font-size: 3.5rem !important; } .lf-hero-badge { right: 16px; }} @media only screen and (max-width: 767px) { .c-lyt-keyvisual { margin-top: 12px; } .c-lyt-keyvisual .content .sub-txt > * { text-shadow: none; } .c-lyt-keyvisual .c-lyt-keyvisual__titlearea { margin-bottom: 0; } .c-lyt-keyvisual .slides { padding-bottom: 0 !important; } .lyt-keyvisual .contents.diff-pattern-title-left .catchcopyarea { display: none; } .c-lyt-keyvisual__visual img { top: auto!important; left: 80%!important; right: 0!important; transform: translate(-80%)!important; } } /**************************************************** * section-activities ***************************************************/ .section-activities > .section-inner { padding-bottom: 26px !important; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-box { max-width: 1280px; margin: 0 auto; background-color: #f3f3f3; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-box { padding: 30px 0 0; } .section-activities .result-area .section-inner { padding-top: 10px; } .section-activities .result-area .c-list-article-a { margin-left: -1.5625%; } .section-activities .result-area .c-list-article-a > p { margin-left: 1.538461538461538%; } .section-activities .result-area .c-list-article-a__item { width: calc(100% / 4 - 1.538461538461538%); max-width: none; margin-left: 1.538461538461538%; } .section-activities .result-area .c-list-article-a__box:hover .c-list-article-a__image { transform: scale(1); } .section-activities .result-area .c-list-article-a__image { width: 100%; } .section-activities .result-area .c-list-article-a__title { font-size: 1.8rem; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-box { padding: 25px 30px; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-wrapper { display: block; padding: 0 0; background-color: transparent; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-navi { display: none; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys { padding: 0 0; display: block; border-top: none; background-color: transparent; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys > li { display: flex; align-items: flex-start; border-bottom: none; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys > li:first-child { display: none; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys > li:before { content: none; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys > li:last-child:after { content: none; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys a { width: 150px; cursor: default; border: none; background: transparent; text-align: left; padding: 15px 5px; border-top: 1px solid #a30b1a !important; margin-right: 20px; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys a:before { content: none; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-second { display: flex; flex-wrap: wrap; position: relative; border: none; border-top: 1px solid #999999; background-color: transparent; flex: 1; padding: 15px 0 15px 5px; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-second li { padding-right: 20px; /*width: 25%;*/ border-top: none; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-second input:checked + label { color: #a30b1a; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-second label { padding: 5px 5px 5px 30px; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-second label:before { top: 17px; left: 10px; right: 22px; border-color: #a30b1a; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-second label:after { top: 8px; left: 5px; right: auto; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-second label:hover { opacity: 0.8; background-color: transparent; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-second .cate-number { display: none; } .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-navi_bottom { display: none; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-clearbtn { display: block; text-align: center; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-clearbtn button { border-color: #a30b1a; color: #a30b1a; font-size: 1.3rem; transition: background .2s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18); outline: none; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-clearbtn button::before, .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-clearbtn button::after { top: 28px; border-color: #a30b1a; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-clearbtn button:hover { background-color: #f6cfd3; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-clearbtn button:disabled { color: #BFBFBF; border-color: #BFBFBF; background-color: #ffffff; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-clearbtn button:disabled::before, .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-clearbtn button:disabled::after { border-color: #BFBFBF; } } @media only screen and (max-width: 1280px) { .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-box { width: auto; margin: 0 8px; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-box { padding: 30px 8px 0; } } @media only screen and (max-width: 1000px) { .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-box { margin: 0 16px; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-box { padding: 0 16px; background-color: transparent; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-menubtn { display: none; } } @media only screen and (max-width: 767px) { .section-activities .c-lyt-casestudy-search .c-list-casestudy-categorys-box { margin: 0 0; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-numbers { display: none; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-menubtn { display: block; text-align: center; width: 100%; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-menubtn button { color: #a30b1a; border-color: #a30b1a; font-size: 1.6rem; padding: 8px 34px 8px 22px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18); transition: background-color .2s; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-menubtn button::before { display: block; position: absolute; content: ""; top: 50%; right: 12px; width: 8px; height: 8px; border-top: 2px solid #a30b1a; border-right: 2px solid #a30b1a; transform: rotate(45deg); margin-top: -4px; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-menubtn button:hover { background-color: #f6cfd3; } .section-activities .result-area .c-list-article-a { margin-left: 0; } .section-activities .result-area .c-list-article-a > p { margin-left: 0; } .section-activities .result-area .c-list-article-a__item { width: 100%; margin-left: 0; background-color: transparent; } .section-activities .result-area .c-list-article-a__box { flex-flow: row; } .section-activities .result-area .c-list-article-a__image-wrapper { flex-basis: 250px; } .section-activities .result-area .c-list-article-a__text-wrapper { margin-left: 14px; flex-basis: 647px; padding: 0 0; } .section-activities .result-area .c-list-article-a__title { font-size: 1.6rem; margin-bottom: 10px; min-height: 0; } .section-activities .result-area .c-list-article-a__category-list-wrap { min-height: 0; } .section-activities .result-area .c-list-article-a__date { text-align: left; margin-top: 12px; } } @media only screen and (max-width: 480px) { .section-activities > .section-inner { padding-bottom: 20px !important; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-box { padding-top: 0; } .section-activities .c-lyt-casestudy-search .c-lyt-casestudy-search-menubtn button { width: 100%; } .section-activities .result-area .section-inner { padding-top: 26px; } } /**************************************************** * section-philosophy ***************************************************/ .section-philosophy { position: relative; } .section-philosophy:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 350px; background-size: cover; background-position: center center; } .section-philosophy .section-inner { position: relative; z-index: 1; } .section-philosophy .section-inner > .hdg-b, .section-philosophy .section-inner > p { color: #000000; } .section-philosophy .list-a { margin-left: -20px; list-style-type: none; } .section-philosophy .list-a li { padding-left: 20px; } .section-philosophy .list-a li::before { content: none; } .section-philosophy .list-a li a { display: block; text-decoration: none; transition: opacity .2s; } .section-philosophy .list-a li a:hover { /* opacity: 0.8;*/ color: inherit; } .section-philosophy .list-a li span { display: block; } .section-philosophy .list-a li .list-a-title { font-size: 2.4rem; font-weight: bold; margin-bottom: 10px; color: #ff0000; } .section-philosophy .list-a li .list-a-image { margin-bottom: 10px; } .section-philosophy .list-a li .list-a-image img { width: 100%; } @media only screen and (max-width: 480px) { .section-philosophy .list-a li .list-a-title { font-size: 2.0rem; } } /**************************************************** * section-dear ***************************************************/ .section-dear { padding-bottom: 64px; } .section-dear .section-inner { padding-bottom: 26px; } .section-dear .c-lyt-bg-image h3.hdg-d { color: #000000; } .section-dear .c-lyt-bg-image .c-lyt-bg-image__text-box { font-size: 1.6rem; } .section-dear .c-lyt-bg-image.c-lyt-bg-image--h-700 { height: 500px; padding-top: 0px; } .section-dear .c-lyt-bg-image .c-lyt-bg-image__visual.c-lyt-bg-image__visual--h-700 { height: 500px; } @media only screen and (max-width: 767px) { .section-dear .c-lyt-bg-image.c-lyt-bg-image--h-700 { height: 580px; } .section-dear .c-lyt-bg-image .c-lyt-bg-image__visual.c-lyt-bg-image__visual--h-700 { height: 580px; } } @media only screen and (max-width: 480px) { .section-dear { padding-bottom: 48px; } .section-dear .section-inner { padding-bottom: 20px; } } /**************************************************** * section-awards ***************************************************/ .lyt-awards-box { display: flex; border: 2px solid #7f7366; } .lyt-awards-box .visual { width: 50%; } .lyt-awards-box .visual img { width: 100%; } .lyt-awards-box .content { width: 50%; text-align: center; align-self: center; } .lyt-awards-box .content h2 { font-size: 4.2rem; margin-top: 0; } .lyt-awards-box .lyt-btn-a .c-btn-a { display: inline-block; min-width: 0; font-size: 1.6rem; padding: 8px 34px 8px 22px; text-align: center; text-decoration: none!important; line-height: 1.4; position: relative; transition: background .2s; box-shadow: 0 1px 2px rgba(0,0,0,.18); color: #a30b1a!important; background: #fff; border: 1px solid #a30b1a; } .lyt-awards-box .lyt-btn-a .c-btn-a::before { border-color: #a30b1a; display: block; position: absolute; content: ""; top: 50%; right: 12px; width: 8px; height: 8px; border-top: 2px solid #a30b1a; border-right: 2px solid #a30b1a; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; } .lyt-awards-box .lyt-btn-a .c-btn-a:hover { background: #f6cfd3; } @media only screen and (max-width: 767px) { .lyt-awards-box { display: block; } .lyt-awards-box .visual { width: 100%; } .lyt-awards-box .content { width: 100%; padding: 20px 16px 30px; } } @media only screen and (max-width: 480px) { .lyt-awards-box .content h2 { font-size: 3.0rem; } } /**************************************************** * section-news ***************************************************/ /**************************************************** * section-link ***************************************************/ .section-link h2.hdg-d { color: #000000; } /**************************************************** * section-nav ***************************************************/ .section-nav .section-inner { padding-top: 20px; padding-bottom: 8px; } /**************************************************** * section-ud ***************************************************/ .section-ud .list-notes-a { color: #666666; } .section-ud .lyt-ud-box li:first-child { margin-top: -30px; } .section-ud .lyt-ud-box li .hdg-d { color: #000000; } .section-ud .lyt-ud-box li p { margin-left: 20px; } /**************************************************** * section-initiatives ***************************************************/ .section-initiatives h4.hdg-d { color: #000000; } .section-initiatives hr { margin-top: 30px; } .section-initiatives .list-a { margin-left: -20px; list-style-type: none; } .section-initiatives .list-a li { padding-left: 20px; } .section-initiatives .list-a li::before { content: none; } .section-initiatives .list-a li a { display: block; text-decoration: none; } .section-initiatives .list-a li a:hover { opacity: 0.8; } .section-initiatives .list-a li span { display: block; } .section-initiatives .list-a li .list-a-image { border: 1px solid #ccc; } .section-initiatives .list-a li .list-a-image img { width: 100%; } .section-initiatives .list-a li .list-a-text { margin-top: 5px; font-size: 1.4rem; } .section-initiatives .list-a li .list-a-note { color: #666666; font-size: 1.2rem; } /**************************************************** * article ***************************************************/ /* btn-a custom */ .btn-a.diff-under::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본