@charset "utf-8"; a:hover { text-decoration:none } .brown { color:#ad9166 !important } .white { color:#fff !important } .gray-9 { color:#999 !important } .gray-e { color:#eee !important } .gray-3 { color:#333 !important } .black { color:#000 !important } .purple { color:#a328df !important } .purple2 { color:#6d0a9a !important } .bold { font-weight:800 !important } .only-m { display:none } .con-w { width:100%; margin:0 auto } .con-w1 { max-width:1430px } .con-w2 { max-width:1280px } .con-w3 { max-width:650px } .con-w4 { max-width:1600px } .con-w5 { max-width:1024px } .con-padd { padding-top:150px; padding-bottom:150px } .con-padd2 { padding-top:100px; padding-bottom:100px } .con-ti { position:relative; font-size:40px; line-height:1.4em; font-weight:700; color:#333; text-align: center; } .con-ti2 { position:relative; font-size:30px; line-height:1.4em; font-weight:700; color:#333 } .con-ti3 { position:relative; font-size:65px; line-height:1.4em; font-weight:700 } .con-sti { font-size:22px; line-height:1.4em; font-weight:500; color:#ad9166; text-align: center; } .con-sti2 { font-size:25px; line-height:1.4em; font-weight:800 } .con-sti3 { font-size:20px; line-height:1.4em; font-weight:200 } .con-txt { color:#999 } .con-txt p + p { margin-top:35px } .con-eng { margin-bottom:50px; font-size:40px; font-weight:200; line-height:1em; color:#afafaf } .con-b { margin:30px 0 60px 0 } .con-b span { display:inline-block; width:68px; height:1px; background:#ad9166 } .con-b2 { margin:15px 0 } .con-b2 span { display:inline-block; width:30%; height:1px; background:#333 } .img-r { border-radius:25px } .img-r2 { border-radius:10px 10px 0 0 } .con-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; } .con-bg1 { background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 100%), url("/res/img/bg-sec01.png"); } .con-bg2 { background-image:url("/res/img/bg-sec02.png"); } .con-bg3 { background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 100%), url("/res/img/bg-sec03.jpg"); } .con-bg4 { background-image:linear-gradient(to top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 100%), url("/res/img/bg-sec04.png"); } .con-bg5 { background-image:url("/res/img/bg-sec05.png"); background-size: contain; } .con-bg6 { background-image:linear-gradient(to top, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 1) 100%), url("/res/img/bg-sec06.png"); } .con-cbg1 { background-image:url("/res/img/center/bg-center.png") } .con-cbg2 { background-image:url("/res/img/center/bg-center2.png") } .con-cbg3 { background-image:url("/res/img/center/bg-center3.png") } .con-cbg4 { background-image:url("/res/img/center/bg-center4.png") } .con-cbg5 { background-image:url("/res/img/center/bg-center5.png") } .con-cbg6 { background-image:url("/res/img/center/bg-center6.png") } .con-cbg7 { background-image:url("/res/img/center/bg-center7.png") } .con-cbg8 { background-image:url("/res/img/center/bg-center8.png"); background-position:top center } .con-cbg9 { background-image:url("/res/img/center/bg-center9.png") } .con-sbg1 { background-image:url("/res/img/sub/sub-c-bg1.png"); } .con-sbg2 { background-image:url("/res/img/sub/contact-bg1.png"); } .con-sbg3 { background-image:url("/res/img/sub/contact-bg2.png"); } .con-sbg4 { background-image:url("/res/img/sub/contact-bg3.png"); } .bg-eee { background-color:#eee } .flex { position:relative; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; transition: all .25s ease } .flex2 { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; transition: all .25s ease } .flex > li { position:relative; flex:1 1 auto; transition: all .25s ease } .flex > li a { display:inline-block } .lst { position:relative; margin:0; padding:0; font-size:0 } .lst > li { position:relative; display:inline-block; transition: all .25s ease } .lst-dot > li { position:relative; margin-top:10px; padding-left:17px; text-align:left; line-height:1.4em; font-weight:600 } .lst-dot > li::before { position:absolute; top:7px; left:0; content:""; width:9px; height:9px; background:#ad9166 } .lst-dot > li span { font-weight:600 } .col-2 > li { width:calc(100% / 2) } .w-half { width:50%; padding-right:5%; transition: all .25s ease } .w58 { width:58%; padding-right:5% } .w42 { width:42% } .w30 { width:30%; padding-right:5% } .w70 { width:70% } .w100 { width:100% } .btn-wrap { margin-top:50px } .page-btn { position:relative; display:inline-block; padding:0 50px 0 30px; font-size:16px; font-weight:500; line-height:50px; color:transparent; border:1px solid transparent; background:transparent; transition: all .25s ease } .page-btn::before, .page-btn::after { position:absolute; right:30px; content:""; width:13px; height:1px; background:#ad9166 } .page-btn:hover::before, .page-btn:hover::after { background:#fff } .page-btn::before { top:20px; transform:rotate(45deg) } .page-btn::after { bottom:20px; transform:rotate(-45deg) } .btn-brown { color:#fff; background:#ad9166 } .btn-brown:hover { color:#fff; background:#8b6d3f } .btn-brown::before, .btn-brown::after { background:#fff } .btn-border { color:#ad9166; border-color:#ad9166 } .btn-border:hover { color:#fff; background:#ad9166 } .btn-purple { color:#fff; border-color:#B433FF } .btn-purple::before, .btn-purple::after { background:#B433FF } .btn-purple:hover { color:#fff; background:#B433FF } .btn-white { width:100%; font-size:22px; font-weight:700; color:#000; background:#fff } .btn-white:hover { color:#ad9166 } .btn-counsel { display:inline-block; padding:0 30px; font-size:16px; font-weight:700; line-height:50px; color:#fff; background:#ad9166 } .btn-counsel:hover { color:#fff; background:#8b6d3f } .btn-counsel2 { display:inline-block; padding:10px; font-size:14px; font-weight:600; line-height:1em; color:#000; background:#fff } .btn-r { padding:0 50px; font-size:20px; color:#ad9166; border-color:#ad9166; border-radius:50px; background:#fff } .btn-r:hover { color:#fff; background:#ad9166 } .page-btn2::before, .page-btn2::after { display:none } .btn-small { display: inline-block; font-size:16px; width:100px; border-radius: 50px; text-align: center; line-height: 34px; font-weight: 600; text-decoration: none !important; } .btn-small-b, .btn-small-b:hover { border: 1px solid #fff; color:#fff; } .btn-small-w, .btn-small-w:hover { background-color:#fff; color:#333; } .ez-tab { margin:60px 0; padding:0; font-size:0 } .ez-tab li { float:none; display:inline-block; margin:0; padding:0 } .ez-tab li a, .ez-tab li.active a { display:block; height:auto !important; padding:10px; font-size:20px; font-weight:500; color:#666; border:0; border-radius:0; background:transparent; transition: all .25s ease } .ez-tab li.no-view-for-line { display:none } .ez-tab.partner li { position:relative; width:calc(100% / 3) } .ez-tab.partner li a, .ez-tab.partner li.active a { padding:15px !important; color:#333; line-height:1.2em; background:#fff; border:1px solid #C8C8C8 } .ez-tab.partner li.active a, .ez-tab.partner li:hover a { color:#fff; background:#1a1a1a } .ez-tab.map li a, .ez-tab.map li.active a { color:#fff; background:#38250e; border:1px solid #fff } .ez-tab.map li.active a, .ez-tab.map li:hover a { background:#6d5535 } .ez-tab.work li { position:relative; width:calc(100% / 8); margin-top:10px } .ez-tab.work li a, .ez-tab.work li.active a { padding:20px !important; font-size:13px; color:#ad9166; line-height:1.2em; background:#f4f4f4; border-bottom:1px solid #ad9166 } .ez-tab.work li a span { display:inline-block; margin:10px 0; font-size:25px; font-weight:600; color:#333 } .ez-tab.work li:hover a { transform: translateY(-10px); border-bottom-color:#ded3c2; background:#ded3c2; } .ez-tab.work li:nth-child(6) a span, .ez-tab.work li:nth-child(7) a span, .ez-tab.work li:nth-child(8) a span { color:#a328df; font-weight:700 } .tbl { width:100%; border-top:2px solid #eee; transition: all .25s ease } .tbl th, .tbl td { position:relative; padding:20px 5px; text-align:center; background:transparent } .tbl thead th { font-size:20px; border-bottom:2px solid #eee; background:transparent } .tbl th { color:#fff; font-weight:500 } .tbl td, .tbl td a { color:#baaea0 } .tbl td:nth-child(2) { text-align:left } .tbl > * > tr > * { border-bottom:1px solid #baaea0 } .tbl > * > tr > *:first-child { border-left:0 } .tbl > * > tr > *:last-child { border-right:0 } #cardSlider { margin-top:80px } .ezSliderContainer.slider_230915 > ul.mem-wrap { } .mem-wrap > li { height:100%; padding:0 10px !important } .mem-wrap > li .mem-info { border:1px solid #dfdfdf; border-radius:10px; background-color:#fff } .mem-wrap > li .mem-img { background:#000; border-radius:12px 12px 0 0; transition: all .25s ease } .mem-wrap > li .mem-img img { border-radius:10px 10px 0 0; transition: all .25s ease } .mem-wrap > li:hover .mem-img img { opacity:0.9 } .mem-wrap > li .mem-txt { position:relative; min-height:260px; padding:25px 15px } .mem-wrap > li .mem-txt h1 span { font-size:29px; font-weight:700; color:#000 } .mem-wrap > li .mem-txt .con-txt { margin-top:15px } .mem-wrap > li .mem-txt a { position:absolute; bottom:20px } .career { margin-top:100px } .career .ti { justify-content:space-between; z-index:1 } .career .ti span { display:inline-block; padding-right:10px; font-size:37px; background:#fff } .career .ti span.eng { right:0; padding-left:10px; font-size:14px; font-weight:200 } .career .ti::after { position:absolute; top:50%; content:""; width:100%; height:1px; background:#c8c8c8; z-index:-1 } .career ul li { margin-top:20px } .career .bg-eee { padding:7% } .career .bg-eee .ti span { background:#eee } .step.flex { align-items:stretch; gap:20px } .step.flex > li { position:relative; width:calc((100% - 20px) / 2); padding:10px; text-align:center; background:#c8b08c; border-radius:10px } .step.flex > li:nth-child(1), .step.flex > li:nth-child(7) { color:#fff; font-weight:600; background:#9a7b4a } .frm-wrap { margin-top:50px } .frm-wrap li + li { margin-top:35px } .frm-wrap label { display:block; text-align:left; font-size:16px; font-weight:700 !important } .ipt, .slt, .txta { width:100%; padding:0 15px; line-height:40px; border: 1px solid #ad9166; } .ipt2, .slt2 { padding:0 7px; font-size:16px; color:#fff; background:transparent; border-color:#fff } .slt { height:42px } .txta { height:125px } .frm-txt { padding:20px; background:rgba(255,255,255,0.7) } .frm-wrap.visit { padding:7%; background-color:#FFFFFFD6; border-radius:50px } .frm-wrap.visit > li + li { margin-top:25px } .frm-wrap.visit .date.flex { gap:10px } .frm-wrap.visit .date.flex > li + li, .frm-wrap.visit .flex2 > li + li { margin-top:0 } .frm-wrap.visit .flex2 { align-items:normal !important } .frm-write > li { display:flex; justify-content: flex-start; align-items: center; padding: 10px 0 } .frm-write > li label { flex-shrink: 0; width:100px; font-size: 16px; color:#fff } .frm-write > li .ipt { width:100% } .frm-write > li .ipt.file { border:0; color:#999 } .frm-write > li { margin:0 !important } .frm-view .view-title { font-size:25px; color:#fff } .frm-view .view-detail { margin-top:25px; padding:25px; background:#fff; border-radius:25px } .detail-writer { font-weight:700 } .detail-content { padding:30px 0 } .detail-file button { padding:5px 15px; background:#fff; border:1px solid #ddd } .counsel { margin-top:35px; padding:5%; background:#eee } .counsel .frm-wrap { width:50%; margin:50px auto 0 auto } .counsel .frm-wrap li { padding:10px 0; border-bottom:1px solid #ddd } .counsel .frm-wrap li + li { margin-top:15px } .form_ezboard_search input[name="st"] { display: block; border:5px solid #ad9166; border-radius: 0; background-color: transparent; padding:0 24px 0; width: 100%; color:#333; font-size:25px; line-height:70px !important; height:auto !important; box-shadow:none } .search-wrap { position:relative; max-width:800px; margin:50px auto 100px auto } .search-wrap input { display: block; border:5px solid #fff; border-radius: 0; background-color: transparent; padding:0 24px 0; width: 100%; color:#fff; font-size:25px; line-height:70px; } .btn-search { position: absolute; top: 24px; right: 28px; display: block; padding:0; border:0; z-index:99 !important; } .btn-search.for_search { background-color: transparent !important; } .btn-search img { display:block } .status { display: inline-block; font-size:16px; width:100px; border-radius: 20px; text-align: center; line-height: 34px; font-weight: 600; } .status1 { border: 1px solid #fff; } .status2 { color:#473b2b; background-color: #ad9166; } .paging-wrap { text-align:center; margin:35px 0 } .paging-wrap a { margin:0 10px; color:#fff } .list-hd { display: grid; grid-template-columns:10% 58% 10% 10% 10%; border-top:2px solid #fff; border-bottom:2px solid #fff; padding: 20px 0; } .list-col { font-size:20px; font-weight: 700; color:#fff } .list-hd .list-col { text-align: center } .list-wrap .list-col { display: grid; grid-template-columns:10% 58% 10% 10% 10%; align-items: center; padding: 20px 0; font-weight: 300; border-bottom:1px solid #baaea0; color:#baaea0; } .list-wrap .text { text-align: center } .list-wrap .list-title { color:#baaea0; text-decoration: none; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } .step-wrap { justify-content:space-between; padding:20px; background-color:#F4EFE9; border-radius:15px } .step-wrap2 { background-color:transparent } .step-wrap > div { width:49% } .step-wrap .step-ti { padding:30px } .step-info { padding:30px; background-color:#fff; border-radius:15px } .step-info .step-graph { display:block; width:100%; height:18px; border-radius:50px; background:rgba(0,0,0,0.25) } .step-info .step-graph span { display:block; width:calc(100% / 6); height:100%; border-radius:50px; background:#066aab } .step-info .lst > li { width:calc(100% / 2); font-size:16px } .knowhow.flex { margin:10% 0 } .knowhow.flex > li { width:calc(100% / 3) } .knowhow.flex > li img { max-width:70% } .case_slider li { filter:drop-shadow(0px 4px 4px rgba(0,0,0,.4)) } .case_slider.identity li { padding:0 10px } .case_slider.identity li img { border-radius:10px; border:1px solid #eee } .with-txt { padding:25px; font-size:28px; font-weight:700; color:#fff; text-align:center; background:#5C4A36 } .priority.flex { background-color:rgba(0,0,0,0.5) } .priority.flex > li { display:flex; justify-content:center; align-items:center; width:calc(100% / 3); text-align:center } .priority.flex > li { border-top:1px solid rgba(255,255,255,0.5); border-left:1px solid rgba(255,255,255,0.5) } .priority.flex > li a { padding:5em; color:#fff; font-weight:700 } .process.flex { padding:0 6em; background:#6D0A9A } .process.flex > li { padding:3em; color:#fff } .process.flex > li .con-sti { color:#fff !important } .process.flex > li + li { border-left:1px solid rgba(255,255,255,0.5) } .form_ezboard_search { margin-bottom:50px !important } .div_board_contents th { font-size:initial !important } .div_board_contents .boardwrite tbody th { height:auto !important } .div_board_contents .boardwrite tbody td.in { height:auto !important; padding:8px !important } .div_board_contents textarea, .div_board_contents select { font-size:initial !important } .div_board_contents .uk-card-default { padding:20px; border:1px solid #ebebeb; border-radius:10px; box-shadow:none } .div_board_contents .list-wrap-ajax_gallery2 .card { display:flex; flex-direction:column } .div_board_contents .list-wrap-ajax_gallery2 .card-img { height:25vh !important; margin-top:15px } .div_board_contents .list-wrap-ajax_gallery2 .card-title { height:45px; font-size:16px; line-height:1.2em; white-space:normal } .div_board_contents .uk-card-body { padding:0; text-align:left !important } .div_board_contents .hit-date div:first-child { display:none } .div_board_contents .hit-date div:last-child { font-size:16px !important } #view_tab .board_contents_wrap { border-top:1px solid #ddd !important; border-bottom:1px solid #ddd !important } #view_tab .board_contents_wrap .contents-title { background:transparent !important } #view_tab .board_contents_wrap .contents-title h5 { font-size:23px !important; color:#222 } .list.ajax_gallery2 .pages-wrap { box-shadow:none !important } .category-wrap { display:none !important } .div_board_contents.column .contents-info { display:none } .div_board_contents.column .uk-card-body { order:-1 } .div_board_contents.review .alignC.margin-t20 { display:none } .div_board_contents.review .uk-card-default { padding:0 } .div_board_contents.review .list-wrap-ajax_gallery2 .card { align-self:stretch; background-color:#f4f4f4 } .div_board_contents.review .list-wrap-ajax_gallery2 .card-img { max-height:45vh !important; margin-top:0; background-position:center top } .div_board_contents.review .list-wrap-ajax_gallery2 .card-title { font-size:20px; font-weight:500 } .div_board_contents.review .uk-card-body { padding:20px } .div_board_contents.review .uk-card-body .card-text { display:none } .div_board_contents.review #view_tab .board_contents_wrap .contents-info div:first-child { display:none } .div_board_contents.review #view_tab .board_contents_wrap .contents-info .hit { display:none } .div_board_contents.review #view_tab .board_contents_wrap .contents-info .date { margin-left:0; text-align:center; color:#ad9166 } .div_board_contents.case .uk-card-body { order:-1 } .div_board_contents.case .cate_name { color:#ad9166 } .div_board_contents.case .list-wrap-ajax_gallery2 .card-title a:link { color:#666 !important } .div_board_contents.case .list-wrap-ajax_gallery2 .card-img { border:1px solid #ddd } .div_board_contents.case .card-text, .div_board_contents.case .hit-date { display:none } .div_board_contents.case .card-result { font-size:20px; font-weight:600 } .div_board_contents.case .contents-result { border-bottom:1px solid #ddd !important } .div_board_contents.case .contents-result div { display:inline-block; width:49%; padding:30px 0 30px 55px; background-repeat:no-repeat; background-position:left center } .div_board_contents.case .contents-result div p { line-height:1.2em } .div_board_contents.case .contents-result div p.sti { font-size:14px } .div_board_contents.case .contents-result div p.ti { font-weight:700; color:#000 } .div_board_contents.case .contents-result div.cate { background-image:url(/res/img/sub/ico-cate.png) } .div_board_contents.case .contents-result div.result { background-image:url(/res/img/sub/ico-result.png) } .div_board_contents.case #view_tab .board_contents_wrap .contents-info { display:none } .faq_set.card dt { padding:25px 0; font-size:24px; font-weight:400 !important; border-bottom:1px solid #ddd } .faq_set.card dt .dashicons { margin:10px 10px 0 0 } .privacy h3 { font-size:20px; margin-top:20px;} .privacy_tit { margin-top:10px; padding-left: 24px; background:url("/res/img/sub/privacy_btn.png") no-repeat 0px 4px; } #certiSlider li { padding: 11px; } #certiSlider li img { border-radius: 5px; } @media only screen and (max-width: 1024px) { .con-w { padding-left:20px; padding-right:20px } .con-padd { padding-top:80px; padding-bottom:80px } .con-padd2 { padding-top:50px; padding-bottom:50px } .con-bg1 { background-position: top right } .con-b { margin:10px 0 20px 0 } .con-ti { font-size:25px } .con-ti2 { font-size:22px } .con-ti3 { font-size:27px } .con-sti { font-size:20px } .con-sti2 { font-size:20px } .con-sti3 { font-size:16px } .page-btn::before { top:12px } .page-btn::after { bottom:13px } .btn-white { font-size:16px } .btn-r { font-size:20px } .w-half { width:100% } .margin-t100 { margin-top:50px !important } .con-eng { font-size:25px } .ez-tab { margin:30px 0 } .ez-tab li a, .ez-tab li.active a { font-size:16px } #cardSlider { margin-top:30px } .mem-wrap > li .mem-txt { min-height:210px } .mem-wrap > li .mem-txt h1 span { font-size:22px } .career .ti span { font-size:22px; background:#fff } .step-wrap { padding:0 } .process.flex { padding:0 } .process.flex > li { padding:1.5em } .contact.flex > li img { width:100px } .search-wrap { margin:25px auto !important } .search-wrap input, .form_ezboard_search input.form-control { font-size:14px; line-height:40px !important; border:3px solid #ffffff; } .form_ezboard_search input.form-control { padding:0 10px !important; border-color:#ad9166 } .btn-search { top: 12px; right: 24px; width:22px } .list-hd { display:none } .list-wrap { position:relative; border-top:2px solid #fff } .list-wrap .list-col { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 10px 10px; padding: 16px 0; font-size:14px; position: relative; } .list-wrap .list-num { display: none } .list-wrap .list-title { width: 100%; padding-right: 100px } .list-wrap .list-status { position: absolute; top: 50%; right: 0; transform:translateY(-50%) } } @media only screen and (max-width: 768px) { .counsel .frm-wrap { width:100%; margin-top:25px } } @media only screen and (max-width: 540px) { .only-pc { display:none } .only-m { display:block } .con-cbg8 { background-position:bottom center !important } .w { width:100%; padding-right:0 } .w42, .w70 { margin-top:35px } .margin-t100 { margin-top:25px !important } .flex.sub { flex-direction:column } .col-2 > li { width:100% } .ez-tab.work li { width:calc(100% / 4); margin-top:0 } .ez-tab.work li a, .ez-tab.work li.active a { padding:10px !important } .ez-tab.work li a span { font-size:20px } .mem-wrap > li .mem-txt { min-height:240px } .step.flex > li { width:100%; } .contact.flex { gap:20px } .contact.flex > li { padding:10px; border-radius:20px; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5) } .contact.flex > li img { width:40px } .search-wrap { margin:25px auto !important } .search-wrap input { font-size:14px; line-height:40px; border:3px solid #ffffff; } .btn-search { top: 12px; right: 24px; width:22px } .step-wrap > div { width:100% } .step-wrap .step-ti { margin-bottom:20px; padding:0 } .with-txt { font-size:20px } .priority.flex > li a { padding:2em } .process.flex > li { width:50% } .wrap.yuln-center .contentsCase { padding-top:25px !important; text-align:center } .div_board_contents.case .list-wrap-ajax_gallery2 .card { width:100% !important; margin:20px 0 !important } .div_board_contents .list-wrap-ajax_gallery2 .card-title { height: auto } .div_board_contents.review .list-wrap-ajax_gallery2 .card-title { font-size:17px } }