@charset "utf-8"; @import url(aos.css); @import url(swiper.min.css); @import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css"); @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); @import url('https://fonts.cdnfonts.com/css/sf-pro-display'); @font-face { font-family: 'KccEunyeong'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KCC-eunyoung-Regular.woff') format('woff'); font-weight: normal; font-display: swap; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;} button{border:none;background:none;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /* HTML5 display-role reset for older browsers */ html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;} input {-webkit-border-radius: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;} audio:not([controls]) {display:none; height:0;} html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;} button{font-family:'Pretendard', sans-serif, "돋움"} body{background:#fff;line-height:1.2; font-family:'Pretendard', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important; color:#222;} button,textarea {line-height:1.2; font-family: 'Pretendard', sans-serif ,"돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#222;} h1, h2, h3, h4, h5, h6 {font-family:'Pretendard', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important;} hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;} a, a:hover, a:focus {text-decoration:none; color:#222; cursor:pointer;} a:active, a:hover, button:active, button:hover , button:focus {outline:0 none;} em, address {font-style:normal;} acronym, abbr {cursor:help;} abbr[title] {border-bottom:1px dotted;} ul, ol {list-style:none; list-style-image:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;} img {vertical-align:top; -ms-interpolation-mode:bicubic;} figure img {display:block;} html {overflow-y:scroll;} select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background:#fff;} *, :after, :before {-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;} html, body { height: auto;} html{font-size:10px;} body {min-width:300px;} body img{width:auto} /* input::-webkit-input-placeholder {color:#afafaf;} input:-moz-placeholder {color:#afafaf;opacity:0.8;} input::-moz-placeholder {color:#afafaf;opacity:0.8;} input:-ms-input-placeholder {color:#afafaf;} input::placeholder {color:#afafaf;opacity: 0.8;} */ input::-webkit-input-placeholder {color:#333333;} input:-moz-placeholder {color:#333333;opacity:1;} input::-moz-placeholder {color:#333333;opacity:1;} input:-ms-input-placeholder {color:#333333;} input::placeholder {color:#333333;opacity: 1;} button{margin:0;padding:0;} body{background:#fff} .hdn{font-size:0; height:0; overflow:hidden; position:absolute; width:0; line-height:0;} .rwd{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;} .elp{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:1;line-height: 1.1em;-webkit-box-orient: vertical;} .elp2{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:2;line-height: 1.5em;-webkit-box-orient: vertical;} .elp3{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:3;line-height: 1.2em;-webkit-box-orient: vertical;} .wb-show{display:block;} .mb-show{display:none;} /* Skip Navigation */ #skipToContent {position:absolute; overflow:hidden; width:100% ;margin:0 auto; z-index:991;} #skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#434343;} #skipToContent a:active ,#skipToContent a:focus {padding:5px 0; margin-top:0; height:24px; font-size:14px; line-height:1.6; font-weight:600; color:#fff; z-index:999;} /* link style */ a:link, a:visited {color:#222222;} a:hover, a:active {color:#222222;} a:focus-visible, button:focus-visible{outline: 3px solid #000;} /* color style */ .text-blue {color:#4D71CD !important;} .text-center{text-align:center} .hj, .jp{font-family:"Nanum Gothic"} .bold{font-weight:600;} /* table */ table {width:100%; height:auto;border-collapse:collapse; padding:0; margin:0;} table caption {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; overflow:hidden; } table button, table input {*overflow:auto;} /* hide style */ .hidden, legend, .hdn{display:block !important;width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; overflow:hidden;} .msg_sound-only, .sound-only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 컨텐츠 공통 */ .rwd-wide{width:1920px;margin:0 auto;} .rwd{width:1280px;margin:0 auto;} .br{display:block;} .vmd{vertical-align:middle;} .mr10{margin-right:1rem;} .mt10{margin-top:1rem;} .mt20{margin-top:2rem;} .mt30{margin-top:3rem;} .mt40{margin-top:4rem;} .mt50{margin-top:5rem;} .mt80{margin-top:6rem;} .mt70{margin-top:7rem;} .mt80{margin-top:8rem;} .mb10{margin-bottom:1rem;} .mb20{margin-bottom:2rem;} .mb30{margin-bottom:3rem;} .mb40{margin-bottom:4rem;} .mb50{margin-bottom:5rem;} .mb60{margin-bottom:6rem;} .mb70{margin-bottom:7rem;} .mb80{margin-bottom:8rem;} .mb100{margin-bottom:10rem;} .ic{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;;} .ic-sch{width:25px;height:25px;background-image:url('../img/common/ic-sch.svg');} .ic-menu{width:27px;height:27px;background-image:url('../img/common/ic-menu.svg');} .ic-next{width:27px;height:27px;background-image:url('../img/common/ic-next.svg');} .ic-share{width:30px;height:30px;background-image:url('../img/common/ic-share.svg');} .ic-print{width:30px;height:30px;background-image:url('../img/common/ic-print.svg');} .ic-target{width:25px;height:25px;background-image:url('../img/common/ic-target.svg');} .ft15{font-size:1.5rem} .ft17{font-size:1.7rem} .pt{color:#0071CE} #mobile-header{display:none} #web-header{position:fixed;top:0;left:0;width:100%;z-index:600;} #web-header .header{width:100%; height:79px;z-index:998;background:rgba(241,241,241,1);transition:background 0.5s ease;} #web-header .header:after{content:"";display:block;clear:both;} #web-header .rwd{position:relative;} #web-header .rwd:after{content:"";display:block;clear:both;} #web-header .header h1{position:absolute;top:27px;left:0px;z-index:100}/*231010 top값 바꿈(20px)*/ #web-header .header h1 .off{display:block;} #web-header .header h1 .on{display:none;} #web-header nav {position:relative;width:100%;height:79px;overflow:hidden;padding:0 40rem} #web-header nav:after{content:"";display:block;clear:both} #web-header nav .nav-box > ul{display:flex;justify-content:center;margin:0 auto} #web-header nav .nav-box > ul > li > a {position:relative;display:block;width:auto;height:79px;line-height:79px;padding:0 3rem;;text-align:center;white-space:nowrap;font-size:1.6rem;color:#868686; font-family: 'Spoqa Han Sans Neo';} #web-header nav .nav-box > ul > li > a span:after {content:""; display:block;height:5px;width:5px;border-radius:100%;position:absolute; bottom:2.4rem; left:50%;box-sizing:unset} #web-header nav .nav-box > ul > li.active > a, #web-header nav .nav-box > ul > li.on > a, #web-header nav .nav-box > ul > li > a:hover, #web-header nav .nav-box > ul > li > a:focus{color:#000;font-weight:700;background:transparent;} #web-header nav .nav-box a sup{ vertical-align: sub;} #web-header.active nav .nav-box > ul > li.active > a, #web-header.active nav .nav-box > ul > li.on > a, #web-header.active nav .nav-box > ul > li > a:hover, #web-header.active nav .nav-box > ul > li > a:focus #web-header.on nav .nav-box > ul > li.active > a, #web-header.on nav .nav-box > ul > li.on > a, #web-header.on nav .nav-box > ul > li > a:hover, #web-header.on nav .nav-box > ul > li > a:focus{color:#fff;} #web-header nav .nav-box > ul .smenu {display:none;position:absolute;top:80px;left:0;width:100%;padding:0px 21.5rem 0px;} #web-header nav .nav-box > ul .smenu .smenu-cont > ul{display:flex;padding-top:10.5rem;} #web-header nav .nav-box > ul .smenu .smenu-cont > ul > li {text-align:left;padding-right:6rem;} #web-header nav .nav-box > ul .smenu .smenu-cont > ul > li > a{color:#000;font-weight:500;margin:.7rem 0;text-align:left; font-family: "Spoqa Han Sans Neo";} #web-header nav .nav-box > ul .smenu ul > li{margin-right:0;font-size:1.7rem;font-weight:400;} #web-header nav .nav-box > ul .smenu ul > li a{display:block;padding:7px 0;color:#868686;text-align:left;line-height:1.5em;white-space:nowrap} #web-header nav .nav-box > ul .smenu ul > li a:hover, #web-header nav .nav-box > ul .smenu ul > li a:focus, #web-header nav .nav-box > ul .smenu ul > li.active > a{color:#000000} #web-header nav .nav-box > ul li.on .smenu{display:block;} #web-header nav .nav-box > ul li:nth-child(2) .smenu-cont, #web-header nav .nav-box > ul li:nth-child(3) .smenu-cont, #web-header nav .nav-box > ul li:nth-child(4) .smenu-cont, #web-header nav .nav-box > ul li:nth-child(5) .smenu-cont{display:flex;padding-top:.5rem;} #web-header nav .nav-box > ul li:nth-child(2) .smenu-cont > ul > li, #web-header nav .nav-box > ul li:nth-child(3) .smenu-cont > ul > li, #web-header nav .nav-box > ul li:nth-child(4) .smenu-cont > ul > li, #web-header nav .nav-box > ul li:nth-child(5) .smenu-cont > ul > li{text-align:left;padding-right:0rem;padding-left:8rem;} #web-header nav .nav-box > ul li .smenu-cont dl{padding-right:6rem;padding-top:3rem;} #web-header nav .nav-box > ul li .smenu-cont dl dt{margin-bottom:2.5rem;font-size:4.3rem;font-weight: 700;} #web-header nav .nav-box > ul li .smenu-cont dl dd{color:#868686;font-size:1.6rem;font-weight: 500;line-height:2em} #web-header nav .nav-box > ul > li:nth-child(1) .smenu{padding:0 15rem;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont dl{display:none} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont> ul{padding-top:0rem;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont{display:flex;justify-content: space-around;padding-top:1rem;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul > li{padding:0 2rem;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(1){width:50%;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(1) > li{width:50%} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(1) > li:last-child{padding-left:3rem;padding-right:3rem;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(2){display:block;width:25%;padding-left:3%} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(3){display:block;width:25%;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont ul:nth-child(3) > li{padding-right:0 ;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont ul:nth-child(3) > li a{white-space:wrap;word-break: break-word;} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(2) > li:nth-child(1), #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(3) > li:nth-child(1){min-height:125px;margin-bottom:2rem;} #web-header .bg{position:absolute;top:78px;left:0;width:100%;height:0px;background:rgba(241,241,241,1);} #web-header .bg-full{display:none;position:fixed;top:0px;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,0.75);} #web-header .nav-right{position:absolute;top:26px;right:0px;z-index:100} #web-header .nav-right button, #web-header .nav-right a{display:inline-block;margin-left:4rem;font-size:1.6rem;font-weight:500} #web-header.on .header{background:rgba(0,0,0,1);} #web-header.on .header h1 .off{display:none;} #web-header.on .header h1 .on{display:block;} #web-header.active .header{background:rgba(0,0,0,1);} #web-header.active .header h1 .off{display:none;} #web-header.active .header h1 .on{display:block;} #web-header.on .nav-right a, #web-header.on .nav-right button{color:#868686} #web-header.on .nav-right .ic-sch{background-image:url('../img/common/ic-sch-rv.svg');} #web-header.on .nav-right .ic-menu{background-image:url('../img/common/ic-menu-rv.svg');} #web-header.active .nav-right a, #web-header.active .nav-right button{color:#868686} #web-header.active .nav-right .ic-sch{background-image:url('../img/common/ic-sch-rv.svg');} #web-header.active .nav-right .ic-menu{background-image:url('../img/common/ic-menu-rv.svg');} #web-header.active .nav-right a.active{color:#D1DE48} #web-header.active .nav-right button.active .ic-sch{background-image:url('../img/common/ic-sch-on.svg');} #web-header.on .nav-right button.on .ic-sch{background-image:url('../img/common/ic-sch-on.svg');} #web-header.on .nav-right button.on .ic-menu{background-image:url('../img/common/ic-menu-on.svg');} #web-header .nav-etc-wrap{position:absolute;top:78px;left:0;width:100%;} #web-header .nav-etc-wrap .nav-etc-action{display:none} #web-header .nav-etc-box{max-width:1280px;margin:0 auto;height:0;display:flex;} #web-header .nav-etc-box:after{content:"";position:absolute;z-index:0;background:#000;top:0;right:0;width:35%;height:279px;} #web-header .nav-etc-box dl{width:33.5%;height:279px;padding:4rem 0rem 8rem 4rem;margin-left:auto;background:#000;color:#fff;position:relative;z-index:10;} #web-header .nav-etc-box dl dt{color:#fff;font-size:4.3rem;margin-bottom:3rem;} #web-header #site-list dt{margin-bottom: 0;} #web-header #site-list ul{text-align:right;position:relative;top:-1.5rem} #web-header #site-list li{padding:1rem;} #web-header #site-list li a{padding:1rem 0;color:#868686;font-size:1.6rem;font-weight:500} #web-header #search-box .search-form-input{display:flex;align-items:center} #web-header #search-box .search-form-input input{width:100%;height:56px;padding:0 1.5rem;line-height:56px;background:#000;color:#868686;font-size:1.6rem;font-weight:500;border: 3px solid #FFF;box-sizing: border-box;} #web-header #search-box .search-form-input input[type=text]:focus{background:transparent;} #web-header #search-box .search-form-input input:placeholder{color:#868686} #web-header #search-box .search-form-input input::-webkit-input-placeholder {color:#868686;} #web-header #search-box .search-form-input input:-moz-placeholder {color:#868686;opacity:1;} #web-header #search-box .search-form-input input::-moz-placeholder {color:#868686;opacity:1;} #web-header #search-box .search-form-input input:-ms-input-placeholder {color:#868686;} #web-header #search-box .search-form-input input::placeholder {color:#868686;opacity: 1;} #web-header #search-box .search-form-input input:focus{outline:none;background:#fff;} #web-header #search-box .search-form-input button{flex-shrink:0;width:52px;height:52px;margin-left:4rem;;background-image:url('../img/common/ic-search-rv.svg');} #container{position:relative;top:79px;width:100%;float:none;font-size:1.6rem;margin:0;} footer{position:relative;top:79px;z-index:10;padding:2rem 0 5rem;background:#fff;border-top:none;color:#C3C3C3;text-align:center;overflow:hidden;} footer .footer{position:relative;border-top:none;background:transparent;height:auto;bottom:inherit;} footer .footer .finfo{position:relative;display:flex;justify-content: space-between;padding-bottom:3rem;margin-bottom: 3rem;color:#868686;font-size:1.8rem;text-align:left;border-bottom:1px solid #868686} footer .footer .finfo dt{font-weight:600;padding-bottom:0rem;} footer .footer .finfo dl dd{padding-top:.5rem;} footer .footer .finfo dl dd li{padding:.2rem 0;letter-spacing:-0.01em} footer .footer .finfo a{color:#868686;} footer .footer .finfo .email li{font-weight:700;font-family: "SF Pro Display";} footer .footer .finfo .phone dt{padding-left:100px;} footer .footer .finfo li strong{font-weight:500;margin-right:.5rem;} footer .footer .finfo .address li{font-size:1.6rem} footer .footer .fcont{padding-top:1rem;} footer .footer .fcont h2{padding-bottom:.5rem;} footer .footer .fcont .ftxt{margin-left:auto;color:#868686;font-size:1.4rem;font-weight:500;} footer .footer .fcont .ftxt > p:first-child{padding:1rem 0} footer .footer .fcont .ftxt a{color:#868686;} footer .footer .fcont .ftxt .name{padding-left:3rem;} footer .footer .fcont .ftxt .f-copyright{font-size:1.6rem;font-family: "SF Pro Display";font-weight: 700;} .btn-more{display:inline-block;font-size:1.6rem; border:1px solid #fff;padding:1.5rem 5.2rem; border-radius: 25px;} .btn-more:hover, .btn-more:focus{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;} .btn-more.btn-white{color:#fff !important;} .btn-more.btn-white:hover,.btn-more.btn-white:focus{color:#009688 !important;background:#fff;border:1px solid #fff;} .btn-more.btn-dark{color:#222 !important; border:1px solid #222;} .btn-more.btn-dark:hover, .btn-more.btn-dark:focus{color:#fff !important;background:#222;border:1px solid #222;} .btn-more.btn-green{color:#009688; border:1px solid #009688;} .btn-more.btn-green:hover, .btn-more.btn-green:focus{color:#fff !important;background:#009688;border:1px solid #009688;} img{max-width:100%;} .br{display:block;} /* 메인 */ .main-container{background:#F1F1F1;} .main-container #footer{background:#F1F1F1;} .main-container #container{overflow:hidden;} .main-visual{position:relative;overflow:hidden;background:#fff !important;} .main-visual .swiper-wrapper{overflow:hidden;} .main-visual .main-slide{position:relative;display:flex;flex-direction:column;width:100%;justify-content:center;background-repeat:no-repeat;background-position:center top;} .main-visual .main-slide:before{content:"";position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:251px;background:#F1F1F1;} .main-visual .main-slide .img-lg{display:none} .main-visual .main-slide .img-mb{display:none} .main-visual .slogan{position:relative;color:#fff !important;font-size:10rem;display:flex;height:100.9rem;} .main-visual .pagination{position:absolute;bottom:3rem;left:0;width:100%;z-index:80;text-align:center} .main-visual .mvisual-swiper-pagination{color:#fff;display:inline-block;font-size:1.6rem;letter-spacing:-0.09em;text-align:center;vertical-align:middle} .main-visual .mvisual-swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff !important;margin:0 6px 0 0;font-size:0;opacity:1;vertical-align:middle} .main-visual .mvisual-swiper-pagination .swiper-pagination-bullet-active{width:14px;height:14px;background:transparent;background:#009688 !important;border-radius:14px;} .main-visual .all-search{position:absolute;top:18%;left:0;z-index:5;width:100%;font-size:1.6rem} .main-visual .all-search p{min-height:12rem;margin-bottom:2rem;font-size:4.3rem;font-weight:500;letter-spacing: 1.29px;color:#000} .main-visual .all-search h3{margin-bottom:2.7rem;font-size:1.6rem;font-weight:500;color:#000} .main-visual .all-search .search-form-input{display:flex;min-height:102px;margin-bottom:1.7rem;align-items:flex-start} .main-visual .all-search .search-form-input .input-bar{position:relative;width:100%;max-width:532px;padding:0 80px 0 2.8rem;border: 3px solid #000;background:#fff;} .main-visual .all-search .search-form-input .input-bar button.sct{content:"";display:block;width:80px;height:56px;position:absolute;top:0;right:0;background:url("../img/common/ic-select.svg") center center no-repeat;transition: transform .3s;} .main-visual .all-search .search-form-input input{height:56px;padding:0;width:100%;border:none;font-family: "Spoqa Han Sans Neo";font-weight:400;letter-spacing: 0.16px;color:#868686} .main-visual .all-search .search-form-input input::-webkit-input-placeholder {color:#868686;} .main-visual .all-search .search-form-input input:-moz-placeholder {color:#868686;opacity:1;} .main-visual .all-search .search-form-input input::-moz-placeholder {color:#868686;opacity:1;} .main-visual .all-search .search-form-input input:-ms-input-placeholder {color:#868686;} .main-visual .all-search .search-form-input input::placeholder {color:#868686;opacity: 1;} .main-visual .all-search .search-form-input input:focus{outline:none;background:#fff;} .main-visual .all-search .search-form-input input:-webkit-autofill, .main-visual .all-search .search-form-input input:-webkit-autofill:hover, .main-visual .all-search .search-form-input input:-webkit-autofill:focus, .main-visual .all-search .search-form-input input:-webkit-autofill:active {-webkit-text-fill-color: #868686;-webkit-box-shadow: 0 0 0px 1000px #fff inset;box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;} .main-visual .all-search .search-form-input .input-bar .rel-keyword{display:none} .main-visual .all-search .search-form-input .input-bar ul{display:flex;flex-wrap:wrap;min-height:40px;align-items:center;} .main-visual .all-search .search-form-input .input-bar ul li a{display:block;padding:1rem 0;color:#868686;margin-right:1.2rem;} .main-visual .all-search .search-form-input button[type=submit]{flex-shrink:0;width:52px;height:52px;margin-top:3px;margin-left:5rem;;background:url("../img/common/ic-search.svg") center center no-repeat;} .main-visual .all-search .search-form-input.open .input-bar button.sct{transform: rotate(180deg)} .main-visual .all-search .search-form-input.open .rel-keyword{display:block;} .main-visual .all-search ul.lang{display:flex;padding-left:31px;;background:url("../img/common/ic-lang.svg") 0 center no-repeat;} .main-visual .all-search ul.lang li{margin-right:10px;} .main-visual .all-search ul.lang li a{color:#3D3D3D} .main-visual .all-search ul.lang li.active a{font-weight:700} .define-box dt{margin-bottom:6rem;font-size:4.3rem;color:#000;font-weight:500} .define-box dd {letter-spacing: 0.14px;} .define-box dd .txt1{margin-bottom:3rem;color:#3D3D3D;line-height:1.7em;font-weight:600;} .define-box dd .txt2{margin-bottom: 2rem;;font-size:1.4rem;color:#868686;line-height:1.7em;} .define-box dd .txt1 .eng{display:block;font-size:1rem;letter-spacing: -0.2px;} .define-box dd a{color:#006E2C;font-size:1.4rem;font-weight: 500;} .define-box dd .txt-skip:after{content:"";display:inline-block;width:18px;height:18px;margin-left:13px;;background:url("../img/main/bg-skip.svg") right top no-repeat} .define-col{display:flex} .mtit{margin-bottom:6rem;font-size:4rem;text-align:center;font-weight:800} .msection1{position:relative;top:-55px;z-index:10;padding-top:55px;margin-bottom:0rem;min-height:734px;background:url("../img/main/bg-msection1.png") center center no-repeat;background-size:cover;} .msection1 .msection1 .img-lg{display:none} .msection2{position:relative;top:-55px;z-index:10;padding:9.7rem 0 0;margin-top:0rem;;margin-bottom:4.6rem;;min-height:711px;background:url("../img/main/bg-msection2.png") center top no-repeat;background-size:cover;} .msection2 .define-box{padding-left:41rem} .msection3{position:relative;top:-55px;z-index:10;padding:9.7rem 0 6rem;margin-bottom: 8rem;min-height:943px;overflow: hidden;background:url("../img/main/bg-msection3.png") center top no-repeat;background-size:cover;} .msection3 .top{text-align:right;margin-bottom:8rem;} .msection3 .define-col{ display: inline-flex;} .msection3 .define-col dt{margin-right:22.1rem;margin-bottom:0;} .msection3 .define-col dd{position:relative;text-align:left;} .msection3 .define-col dd .txt1{color:#000000} .msection3 .define-col dd .txt2{margin-bottom: 0;} .msection3 .define-col a{position:absolute;bottom:0;right:0} .msection3 ul{display:flex;} .msection3 ul li{margin-right:2rem;width: auto !important;} .msection3 ul li a{display:block;position:relative;background:#fff;} .msection3 ul li a:after{content:"";display:block;position:absolute;top:0;left:0;} .msection3 ul li .img{display:block;max-width:412px;} .msection3 ul li .cont{position:absolute;bottom:0;left:0;height:20%;display:flex;flex-direction:column;justify-content:center;width:100%;padding:0 3.5rem;} .msection3 ul li .cont span{display:block;margin-bottom:.3rem;color:#848484;font-size:1.2rem;font-weight:300} .msection3 ul li .cont strong{font-size:1.8rem;letter-spacing:-0.05em;font-weight:500;font-family: "Spoqa Han Sans Neo";} .msection3 .swiper-wrapper{transition-timing-function:linear;-webkit-transition-timing-function:linear!important;} .msection3 ul li.swiper-slide-next + li ~ li a:after{width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 1s ease} .msection3 ul.end li:last-child a:after {display:none} .msection3 .btn-bottom button{display:inline-block;width:42px;height:19px;background:url('../img/main/icon-next.svg');} .msection3 .btn-bottom .prev{transform: rotate(180deg);margin-right:2rem;} .msection3 .btn-bottom{text-align:right;padding-top:5rem;} .msection4 {margin-bottom:25.8rem;} .msection4 .define-col{margin-bottom:5rem;} .msection4 .define-col dt{margin-right:25rem;margin-bottom:0;} .msection4 .define-col dd .txt1{color:#000000} .msection4 .define-col dd .txt2{margin-bottom: 0;} .msection4 .service-list .item{position:relative;display:block;margin-bottom:3rem;} .msection4 .service-list .item .rwd{display:flex;position:relative;z-index:30} .msection4 .service-list .item .img{position:relative;z-index:10;width:100%;margin-left:-33.8%;padding:8rem 2rem 7.1rem 33.8%;;font-size:2rem;color:#fff;;background-size:cover;background-position:right center;background-repeat:no-repeat;background-size:cover;} .msection4 .service-list .item .txt{position:relative;z-index:20;width:33.8%;display:block;margin-top:auto;font-size:1.4rem;padding-left:1.5rem;color:#868686;line-height:1.5em;background:url("../img/main/bg-skip.svg") right bottom no-repeat;} .msection4 .service-list .item:nth-child(1) .img{background-image:url('../img/main/img-service1.jpg');} .msection4 .service-list .item:nth-child(2) .img{background-image:url('../img/main/img-service2.jpg');} .msection4 .service-list .item:nth-child(3) .img{background-image:url('../img/main/img-service3.jpg');} .msection4 .service-list .item:nth-child(4) .img{background-image:url('../img/main/img-service4.jpg');} .msection5 .hlep-box dl{display:flex;margin-bottom:18rem;;} .msection5 .hlep-box dt{color:#000} .msection5 .hlep-box h3{margin-bottom: 6rem;font-size:4.3rem;font-weight:700} .msection5 .hlep-box strong{display:block;margin-bottom:1rem;} .msection5 .hlep-box span{font-weight:400;font-size:1.6rem} .msection5 .hlep-box dd{font-weight: 700;margin-left:auto;margin-top:auto;color:#006E2C;} .msection5 .hlep-box dd a{display:block;color:#006E2C;padding-bottom:2.6rem;padding-right:10rem;font-size:1.6rem;background:url('../img/main/bg-help-skip.svg') right bottom no-repeat;;} .msection5 .hlep-box:after{content:"";display:block;width:79px;height:49px;margin-bottom:67px;/*background:url('../img/main/icon-symbol.svg') right bottom no-repeat;*/} #modal-main-popup{position:relative;z-index:8000;} #modal-main-popup .modal{margin:0;overflow:hidden;display:flex;padding-right:0 !important;} #modal-main-popup .modal-dialog{margin:0 0 0 auto;width:auto !important;height:100%;position:relative;} #modal-main-popup .modal-content{height:100vh;padding:30px;background:transparent;box-shadow:none;z-index:8000} #modal-main-popup .modal-body{position:relative;max-height:87%;overflow:hidden;} #modal-main-popup .modal-body img{width:auto;} #modal-main-popup .modal-footer{background:#fff} #modal-main-popup .modal-footer input{margin-top:0 !important;vertical-align:middle;} #modal-main-popup .modal-footer .txt{vertical-align:middle;} #modal-main-popup .carousel-indicators{bottom:10px} .modal-backdrop{z-index:5000} /* 20260901 메인 sns 추가 */ .sns-flow-list-fix{position:fixed;top:100px;left:0;z-index:500;width:100%} .sns-flow-list-fix .rwd{position:relative;} .sns-flow-list{position:absolute;top:20px;right:-130px;z-index:500;background:#FFF;padding:1rem 1.2rem;border-radius:55px;border:1px solid #DEDFDF;filter: drop-shadow(6.6px 6.6px 13.2px rgba(35, 24, 21, 0.10));} .sns-flow-list li{margin:.5rem 0;cursor:pointer} .sns-flow-list .info{display:block;width:82px;height:82px;text-align:center;border-radius:100%;background:#fff;transition: background-color .3s ease;} .sns-flow-list li:hover .info{filter: drop-shadow(3.04px 3.04px 10.26px rgba(35, 24, 21, 0.30));} .sns-flow-list a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding-top:1.5rem;background:none !important;} .sns-flow-list a::before{content:'';position:absolute;inset:0;opacity:1;transition:opacity .3s ease;} .sns-flow-list li:hover a::before{opacity:0;} .sns-flow-list a .icon{display:block;width:100%;height:30px;margin:auto;opacity:0;transform:translateY(3px);transition:opacity .3s ease .05s, transform .35s cubic-bezier(.22,.61,.36,1) .05s;} .sns-flow-list a .txt{display:block;margin-top:auto;padding-bottom:1.3rem;color:rgba(35,24,21,.70);font-size:12px;white-space:nowrap;opacity:0;transform:translateY(3px);transition:opacity .2s ease .1s, transform .35s cubic-bezier(.22,.61,.36,1) .1s;} .sns-flow-list li:hover .icon{opacity:1;transform:translateY(0);} .sns-flow-list li:hover .txt{opacity:1;} .sns-flow-list li:nth-child(1) a::before{background:url('../img/main/icon-sns-tel.svg') center center no-repeat;} .sns-flow-list li:nth-child(2) a::before{background:url('../img/main/icon-sns-blog.svg') center center no-repeat;} .sns-flow-list li:nth-child(3) a::before{background:url('../img/main/icon-sns-talk.svg') center center no-repeat;} .sns-flow-list li:nth-child(4) a::before{background:url('../img/main/icon-sns-inquiry.svg') center center no-repeat;} .sns-flow-list li:nth-child(1) .icon{background:url('../img/main/icon-sns-tel-on.svg') center center no-repeat;} .sns-flow-list li:nth-child(2) .icon{background:url('../img/main/icon-sns-blog-on.svg') center center no-repeat;} .sns-flow-list li:nth-child(3) .icon{background:url('../img/main/icon-sns-talk-on.svg') center center no-repeat;} .sns-flow-list li:nth-child(4) .icon{background:url('../img/main/icon-sns-inquiry-on.svg') center center no-repeat;} /* 서브*/ .sub-container{background:#fff;} .sub-top{position:relative;display:flex;align-items:center;text-align:center;height:500px;margin-bottom:6rem;color:#fff;background:url('../img/sub/img-sub-top.jpg') center top no-repeat;background-size:cover;} .sub-top h2{font-size:4rem;text-align:center;color:#fff;font-weight:700;} #sub-top1{background:url('../img/sub/img-sub-top1.jpg') center 0 no-repeat;background-size:cover;} #sub-top2{background:url('../img/sub/img-sub-top2.jpg') center 0 no-repeat;background-size:cover;} #sub-top3{background:url('../img/sub/img-sub-top3.jpg') center 0 no-repeat;background-size:cover;} #sub-top4{background:url('../img/sub/img-sub-top4.jpg') center 0 no-repeat;background-size:cover;} #sub-top5{background:url('../img/sub/img-sub-top5.jpg') center 0 no-repeat;background-size:cover;} #sub-top6{background:url('../img/sub/img-sub-top.jpg') center 0 no-repeat;background-size:cover;} #sub-top7{background:url('../img/sub/img-sub-top7.jpg') center 0 no-repeat;background-size:cover;} .sub-body{position:relative;display:block;width:100%;padding-bottom:15rem;min-height:700px;} .sub-body:after{content:"";display:block;clear:both} .sub-body .sub-side{float:left;width:260px;} .sub-body .sub-side h2{padding-bottom:30px;font-size:2.6rem;font-weight:700;border-bottom:3px solid #000;} .sub-body .sub-side ul.depth-list > li > a{border-bottom:1px solid #DDD;} .sub-body .sub-side ul.depth-list > li > ul{border-bottom:1px solid #DDD} .sub-body .sub-side ul.depth-list li a{display:block;padding:2.2rem 3rem 2.2rem 2rem;color:#000} .sub-body .sub-side ul.depth-list li.active > a{color:#006E2C;font-weight:700;} .sub-body .sub-side ul.depth-list li ul li.active a{font-weight:400} .sub-body .sub-side ul.depth-list li ul li a{padding-top:1.5rem;padding-bottom:1.5rem;} .sub-body .sub-side ul.depth-list li ul li a:before{content:"·";margin-right:5px;} .sub-body .sub-side ul.depth-list li ul li a sup{ vertical-align: sub;} .sub-body .sub-side ul.depth-list > li.has-sub > a{background:url('../img/sub/ic-depth-down.svg') 95% center no-repeat;} .sub-body .sub-side ul.depth-list > li.has-sub.over > a, .sub-body .sub-side ul.depth-list > li.has-sub.active > a{background-image:url('../img/sub/ic-depth-up.svg');} .sub-body .sub-side ul.depth-list li ul{display:none;padding:1rem 0} .sub-body .sub-side ul.depth-list > li.active > ul{display:block;} .sub-body .sub-box{padding-left:330px;width:100%;} .sub-body .sub-box #content{color:#666} .page-location{margin-bottom:1rem;letter-spacing:-0.01em;} .page-location a, .page-location span{color:#666} .page-location .home{padding-left:28px;background:url('../img/sub/ic-home.svg') 0 center no-repeat;} .page-location a:after, .page-location span:after{content:"";display:inline-block;position:relative;top:-2px;width:20px;height:20px;margin:2px .6rem 0;background:url('../img/sub/ic-loc.svg') center center no-repeat;vertical-align:middle;} .page-location span:last-child, .page-location span:last-child a{color:#006E2C;} .page-location span:last-child:after{display:none} .page-title{display:flex;align-items:center;margin-bottom:6rem;margin-top:2rem;} .page-title.depth-title{padding-bottom:3rem;margin-bottom:4rem;;align-items:flex-start;border-bottom:1px solid #E0E0E0} .page-title .title .title-gr{display:flex;align-items:center} .page-title .title .title-gr h2{flex-shrink:0;margin-right:2rem} a.file-ctlg{display:flex;align-items:center;padding:1rem 1rem;font-weight:400;background:#006E2C;border:1px solid #006E2C;color: #ffffff;font-size:14px;letter-spacing:-0.02em;} a.file-ctlg svg{flex-shrink:0;margin-right:7px;} .mb-file-ctg{display:none;text-align:center;margin:0 0 2rem;} .mb-file-ctg a{display:inline-flex;} .page-title .title .stit{display:inline-block;margin:1.5rem 0 2rem;padding:.5rem .8rem;font-weight:400;border:1px solid #006E2C;color: #006E2C;} .page-title .title h2{font-size:3.6rem;font-weight:700;color:#000;margin-right:5px;} .page-title .share-link .btn-print{border:1px solid #222} .page-title .share-link{margin-left:auto;flex-shrink:0} .page-title .share-link{display:inline-block;} .page-title .share-link:before{content:"";display:inline-block;margin:0 1rem 0 1.8rem;background:#d9d9df;vertical-align:middle} .page-title .share-link .btn-share{display:inline-block;position:relative;} .page-title .share-link > button, .page-title .share-link .btn-share > button{margin-left:2rem;} .page-title .share-link > button, .page-title .share-link .btn-share > button{width:60px;height:60px; border-radius:100%;background-color: #fff;border:1px solid #222;text-align:center} .page-title .share-link > button:focus, .page-title .share-link > button:hover, .page-title .share-link .btn-share > button:focus, .page-title .share-link .btn-share > button:hover, .page-title .share-link .btn-share > button.on{background-color:#fff !important;} .page-title .share-link #copyurl{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;visibility:hidden;} .page-title .share-link .sns-list{position:absolute;top:45px;right:-45px;z-index:1000;width:140px;border:1px solid #ddd;background:#fff;padding:15px;display:none;text-align:left;} .page-title .share-link .sns-list li{padding:7px 0} .page-title .share-link .sns-list li strong{font-weight:500;font-size:14px;vertical-align:middle;} .page-title .share-link .sns-list li .ics{vertical-align:middle;margin-right:3px;} .page-title .share-link .sns-list li a, .page-title .share-link .sns-list li button{text-decoration:none;} .ics{display:inline-block;vertical-align:middle;background:url('../img/sub/ic-sns.png') 0 0 no-repeat;background-size:50px auto;} .ics_facebook{width:20px;height:20px;background-position:0 0px;} .ics_twitter{width:20px;height:20px;background-position:0 -25px;} .ics_kakaotalk{width:20px;height:20px;background-position:0 -50px;} .ics_naver{width:20px;height:20px;background-position:0 -75px;} .ics_link{width:20px;height:20px;background-position:0 -100px;border-radius:5px} .sub-content .page-top{margin:6rem 0 8rem;text-align:center;} .sub-content .page-top .ptit-eng{color:#777;font-size:1.8rem;}/*231025 #999 컬러 변경*/ .sub-content .page-top .ptit{padding-top: 1rem;font-size:4rem;font-weight:800} .sub-content #content{position:relative;min-height:400px;padding:0px 0 20rem} .sub-content #conttent.pb0{padding-bottom: 0;} .btn-top-move{position:fixed;bottom:0;width:100%;text-align:right;z-index:50;} .btn-top-move .rwd{position:relative;width:1450px} .btn-top-move button{background:transparent;background:#fff;border:1px solid #ddd;width:45px;height:45px;line-height:35px;border-radius:100%;margin:10px;position:absolute;bottom:0;right:0;} .btn01{display:inline-block;padding:0 20px;min-width:38px;min-height:38px;line-height:38px;text-align:center;border:1px solid #e3e3e3;box-sizing:border-box} .btn02{display:inline-block;padding:0 20px !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#de6e6c !important;border:1px solid #de6e6c !important;color:#fff;box-sizing:border-box;white-space:nowrap} .btn03{display:inline-block;padding:0 20px !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#3777bc !important;border:1px solid #3777bc !important;color:#fff;box-sizing:border-box} button.btn03{padding:0 0px!important;} .btn03:hover{color:#fff} .btn04{display:inline-block;padding:0 20px !important;min-width:37px;min-height:45px;line-height:45px;text-align:center;background:#fff !important;border:1px solid #00a651 !important;color:#00a651;box-sizing:border-box} .btn04:hover{color:#00a651} .btn-site-link{display:flex;align-items:center;justify-content:center;padding:0rem 3rem;height:80px;margin:0 auto;line-height:80px;max-width:39.5rem;border-radius: 40px;border: 1px solid #E0E0E0;box-sizing:border-box} .btn-site-link .img img{position:relative;} .btn-site-link img{flex:0;vertical-align:middle;} .btn-site-link .site-skip{vertical-align:middle;font-size:2rem;color:#666;font-weight:700;margin-left:3rem;} .btn-site-link.logo-pz .img img{height:40px !important} .btn-site-link.logo-plt .site-skip{padding-top:.3rem;} /* 컨텐츠 공통 */ .tit1{margin-bottom:3rem;font-size:2rem;color:#006E2C} .tit2{position:relative;margin-bottom:3rem;font-size:1.6rem;padding-left:25px;color:#333;font-weight:600} .tit2:before{content:"";position:absolute;top:7px;left:10px;;display:block;width:4px;height:4px;border-radius:100%;background:#333;} .dash-list li{position:relative;padding-left:1.3rem;margin:1rem 0;} .dash-list li:before{content:"-";position:absolute;top:0;left:0;} .img-caption{text-align:center;} .img-caption .img{display:inline-block;text-align:center;} .img-caption .stxt{display:block;margin-top:1.5rem;color:#999;font-size:1.4rem;letter-spacing:.01em} .section-box{line-height:1.65em;color:#333} .section-bg{border: 1px solid #DDD;background: #F8F8F8;} .txt-list li{color:#333;margin-bottom:2rem;line-height:1.65em;} .txt-list li strong{display:block;margin-bottom:.5rem;} .dsc-section{display:flex;justify-content: space-between;margin-right:0 -1.2rem;} .dsc-section .txt{display:block;padding:2rem 1rem;text-align:center;line-height:1.4em;font-size:1.4rem} .dsc-section .item{display:block;flex: 1;text-align:center;padding:0 1.2rem;} .dsc-section .item .item-cont{display:flex;flex-direction:column;height:100%;justify-content: space-between;} .dsc-section .item .item-cont .img{margin:auto 0;} .btn-scroll-top{position:fixed;bottom:20px;left:0;z-index:1000;width:100%} .btn-scroll-top .rwd{position:relative;} .btn-scroll-top a{position:absolute;top:-50px;right:-80px;display:inline-block;background:#000 url("../img/common/ic-move-top.svg") center center no-repeat;width:50px;height:50px;border-radius:100%} /* 서브 */ .top-txt{line-height:1.6em;margin-bottom:2.5rem;color:#333} .top-txt strong{font-weight:600} .tab-style ul{display:flex;flex-wrap:wrap;margin-left:-8px;margin-bottom:6rem;} .tab-style ul li{flex:1} .tab-style ul li a{display:flex;justify-content:center;align-items: center;height:100%;border: 1px solid #000;font-size:1.6rem;color:#000;margin-left:8px;padding:1.5rem;text-align:center;} .tab-style ul li.active a{background:#006E2C;color:#fff;border:1px solid #006E2C;font-weight:700} .tab-style .tab5{margin-bottom:4rem;} .tab-style .tab5 li{width:20%; flex: inherit;margin-bottom:1rem;} .tab-style .tab4 li{width:25%; flex: inherit;margin-bottom:1rem;} .tab-style .tab3 li{width:33.3%; flex: inherit;margin-bottom:1rem; word-break: break-all;} .tab-select button{display:none} .list-style1{border-top:2px solid #000} .list-style1 .item{display:flex;align-items:center;padding:2rem 3rem;border-bottom:1px solid #E0E0E0} .list-style1 .item .img{flex-shrink:0;border:1px solid #E0E0E0;text-align:center;margin-bottom:auto;} .list-style1 .item .cont{padding-left:3rem;width:100%} .list-style1 .item .cont .tit{display:block;font-size:2rem;color:#000;font-weight:500} .list-style1 .item .cont .txt{display:block;margin:2rem 0 4rem;line-height:1.6em} .list-style1 .item .cont .btn-view{display:block;max-width:200px;height:50px;line-height:50px;text-align:center;font-weight:500;border:1px solid #000;} .list-style2{border-top:2px solid #000;margin-bottom:3rem;} .list-style2 ul li{border-bottom:1px solid #E0E0E0;display:block;padding:2rem 3rem 1.5rem} .list-style2 ul li .opt{display:block;margin-bottom:2rem;} .list-style2 ul li .opt span{display:inline-block;padding:.5rem 1rem} .list-style2 ul li .opt span.num{min-width:60px;border:1px solid #000;color:#333;margin-right:.8rem;text-align:center} .list-style2 ul li .opt span.ctg{border:1px solid #006E2C;color:#006E2C !important} .list-style2 ul li .tit{display:block;font-size:2rem;letter-spacing:-0.01em;min-height:48px;margin-bottom:1rem;font-weight:500;color:#000} .list-style2 ul li .info{display:flex;flex-wrap:wrap;align-items:center} .txt-bar{display:flex;align-items:center;padding:.5rem 0} .txt-bar:after{content:"";display:inline-block;width:1px;height:16px;margin:0 2rem;background:#ddd;} .txt-bar:last-child:after{display:none} .txt-bar strong{color:#006E2C;font-weight:500;margin-right:1rem;white-space:nowrap} .txt-bar.wide{display:block;margin-bottom:.3rem;} .txt-bar.wide:after{display:none} .list-style2.size-sm{margin-bottom: 0;} .list-style2.size-sm ul li .tit{font-size:1.6rem;min-height:auto} /* 보유분석자료 뷰 */ .list-style2.type-img ul li{display:flex;padding:2rem 3rem 2rem} .list-style2.type-img ul li .tit{min-height:auto;margin-bottom:1.2rem;} .list-style2.type-img ul li .opt{display:block;margin-bottom:1.5rem;} .list-style2.type-img ul li .img{flex-shrink:0;position:relative;overflow:hidden;width:150px;height:142px;display:block;border:1px solid #E0E0E0} .list-style2.type-img ul li .img .img-src{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;} .list-style2.type-img ul li .cont{padding-left:3rem;} .list-style2.type-img ul li .txt-bar.wide{margin-bottom:.1rem;} /* 분석상담 */ .list-style2.type-cns ul li{padding:3rem 3rem 2.5rem} .list-style2.type-cns ul li a{display:flex;} .list-style2.type-cns ul li a .cont{display:block;padding-right:2rem;} .list-style2.type-cns ul li a .tit{margin-bottom:2.5rem;font-size:2rem;min-height:auto} .list-style2.type-cns ul li a .stat-box{margin-left:auto;margin-top:auto;margin-bottom:auto;} .list-style3{overflow:hidden;border-top:2px solid #000;overflow:hidden;margin:0 0 } .list-style3 ul {padding:3rem 0;} .list-style3 ul li {flex-grow:1;max-width:25%;width:25% !important;padding:0 11px;;} .list-style3 ul li .img{display:block;;border:1px solid #ddd;background-repeat:no-repeat;background-position:center center;background-size:cover;padding-top:96%;} .list-style3 ul li .info{display:block;padding-top:1rem;} .list-style3 ul li .info .ctg{display:block;color:#006E2C;margin-bottom:.5rem;font-size:1.4rem;} .list-style3 ul li .info .tit{display:block;font-weight:600} .list-style3 .swiper-wrapper{max-width:950px;width:100%} .list-style3.thesis-slide .img{padding-top:122.6%} .list-style4{overflow:hidden;border-top:2px solid #000;overflow:hidden;margin:0 0 3rem;} .list-style4:after{content:"";display:block;width:100%;height:1px;background:#E0E0E0;position:relative;top:-1px} .list-style4 ul {display:flex;flex-wrap:wrap} .list-style4 ul li {flex-grow:1;max-width:33.3%;width:33.3% !important;padding:3rem 11px;border-bottom:1px solid #E0E0E0;} .list-style4 ul li .tit{display:block;margin-bottom:1rem;font-weight:700;color:#000;font-size:2rem} .list-style4 ul li .info{display:block;margin-bottom:1.5rem;} .list-style4 ul li .info .gr{display:block;padding:.5rem 0;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .list-style4 ul li .info .gr strong{color:#666;margin-right:.8rem;white-space:nowrap} .list-style4 ul li .img{display:block;margin-bottom:2rem;border-radius: 15px;border:1px solid #E0E0E0;background-repeat:no-repeat;background-position:center top;background-size:cover;padding-top:54%;} .list-style4 .swiper-wrapper{max-width:950px;width:100%} .list-style4.exp-slide{margin-bottom:0;} .list-style4.exp-slide ul{flex-wrap:nowrap;border-bottom:1px solid #E0E0E0;} .list-style4.exp-slide ul li{border-bottom:none;margin-bottom: 0;} .list-style5{border-top:2px solid #000} .list-style5 ul{display:flex;flex-wrap:wrap;margin:0 -1.3%;} .list-style5 ul li{border:1px solid #E0E0E0;width:30.7%;margin:3rem 1.3% 0;overflow:hidden;} .list-style5 ul li .img{position:relative;overflow:hidden;padding-top:70.8%;display:block;} .list-style5 ul li .img .img-src{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;transform: scale(1);} .list-style5 ul li .info{display:block;padding:2rem;text-align:center;color:#666;border-top:1px solid #E0E0E0;} .list-style5 ul li .info strong{display:block;margin-bottom:1.5rem;font-size:2rem;color:#000;font-weight:500} .list-style5 ul li .info .num{color:#006E2C;font-weight:500} .list-style5 ul li .info .txt{display:block;line-height:1.4em} .list-style5.type2 .tit{margin-bottom:0;} .list-style5.type2 .num{display:block;margin-top:1.2rem;} .list-style5.type2 ul li .img{margin:0 -1px;} .list-style5.type2 ul li .info{padding:3rem 2rem;} .list-style6{border-top:2px solid #000000} .list-style6 li{display:flex;border-bottom:1px solid #E0E0E0;padding:4rem 3rem} .list-style6 li .info{padding-right:2rem;;} .list-style6 li .info .tit{display:block;margin-bottom:2rem;font-size:2rem;color:#000} .list-style6 li .info .cont {display:block;margin-bottom:3rem;} .list-style6 li .info .cont .li{display:flex;padding:3px 0;} .list-style6 li .info .cont .li:before{content:"- ";margin-right:2px;} .list-style6 li .info .btn-view{display:inline-block;border: 1px solid #000;padding:1.5rem 2rem;min-width:200px;text-align:center} .list-style6 li .img{display:block;flex-shrink:0;margin-left:auto;width:400px;} .list-style6 li .img-src{display:block;position:relative;width:100%;padding-top:55.5%;border:1px solid #E0E0E0} .list-style6 li .img-src iframe{position:absolute;top:0;left:0;width:100%;height:100%;} .list-style7{border-top:2px solid #000000;border-bottom:1px solid #E0E0E0;margin-bottom:3rem;} .list-style7 ul{display:flex;flex-wrap:wrap;margin:0 -1.1rem} .list-style7 li{width:33.3%;border-top:1px solid #E0E0E0;padding:4rem 1.1rem} .list-style7 li .img{display:block;position:relative;margin-bottom:2rem;} .list-style7 li .img-src{display:block;width:100%;padding-top:100%;background-size:cover;background-position:center center;border:1px solid #E0E0E0;border-radius:15px;} .list-style7 li .tit{position:absolute;bottom:0;left:0;width:100%;min-height:25%;display:flex;align-items:center;justify-content:center;border-radius: 0px 0px 14px 14px;background: rgba(0, 0, 0, 0.75);color:#fff;font-size:2rem;padding:1rem 4rem;text-align:center;word-break: keep-all;} .list-style7 li .mark{position:absolute;top:20px;left:20px;border-radius: 50px;display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background: rgba(255, 255, 255, 0.60);} .img-scale a .img .img-src{transition:all 1s ease} .img-scale a:hover .img .img-src{transform: scale(1.2);} .tag-box{display:inline-block;} .tag-box a{display:inline-block;min-width:65px;text-align:center;padding:.6rem .8rem;margin-bottom:.8rem;margin-right: .5rem;font-size:1.4rem;color:#666;border-radius: 15px;border: 1px solid #DDD;} .tag-box a:hover{background:#000;border-color:#000;color:#fff} .board-section{position:relative;} .board-section .top{display:flex;align-items:center;margin-bottom:1.7rem;} .board-section .top .title{font-size:2rem;} .board-section .top .title h3{display:inline-block;font-weight:700;font-size:2rem} .board-section .top .title .total strong{color:#006E2C} .board-section .top .right{margin-left:auto;} .board-section .control{font-size:2rem;position:absolute;top:0;right:0} .board-section .control button.prev{margin-right:1.7rem;} .board-section .control button.next{margin-left:1.7rem;} .board-section .control .swiper-pagination{position:relative;top:0;} .board-section .control .swiper-pagination-current{font-weight:700} .board-section .right{margin-left:auto;} .btn-circle{display:inline-block;width:30px;height:30px;border:1px solid #DDD;vertical-align:middle;text-align:center;background:url("../img/common/ic-ar.svg") center center no-repeat;} .btn-circle.up{transform: rotate(180deg);} .btn-circle.prev{transform: rotate(90deg);} .btn-circle.next{transform: rotate(-90deg);} .dsc-box dt{padding:3rem 0;font-size:2.8rem;color:#006E2C;border-bottom:2px solid #000} .dsc-box dd{padding:3rem 0;line-height:1.6em} /* 컨텐츠 */ .work-flow{padding:7.7rem 7rem;text-align:center} .work-flow .item{margin-bottom:5rem;} .work-flow .item p{padding-top:2rem;} .work-flow .item:last-child{margin-bottom:0;} .greeting-box {color:#333;} .greeting-box dl dt{text-align:center;padding-bottom:4rem;margin-bottom: 4rem;border-bottom:1px solid #E0E0E0} .greeting-box dl dt strong{display:block;margin-top:6rem;margin-bottom:2rem;font-size:3rem;color:#006E2C;font-weight:700} .greeting-box dl dt span{display:block;font-size:2rem;color:#000;font-weight:300} .greeting-box dl dd{line-height:1.8em} .greeting-box dl dd p{margin-bottom:3rem;} .greeting-box dl dd .sign-box{text-align:right;margin-top:8rem;} .greeting-box dl dd .sign-box span{vertical-align:middle;} .greeting-box dl dd .sign-box img{margin-left:2rem;vertical-align:middle;} .bigImgWrap{display:none;position:fixed;top:0;left:0;z-index:5000;width:100%;height:100%;background-color: rgba( 0, 0, 0, 0.5);text-align:center;} .bigImgWrap .bigImg{position:relative;text-align:center;padding:100px 70px;max-width:90%;max-height:100%;margin:0 auto;} .bigImgWrap .bigImg .img{max-height:100%;overflow-x:hidden;overflow-y:auto;width:auto;text-align:right;padding:2rem 4rem;background:#fff;} .bigImgWrap .bigImg .img img{max-width:800px;max-width:100%} .bigImgWrap .imgTag{position:relative;height:100%;} .bigImgWrap .bigImg .bigImgClose{position:absolute;top:0px;right:-70px;width:70px;height:70px;line-height:70px;background:#000;text-align:center;vertical-align:middle;} .bigImgWrap .bigImg .bigImgClose .pop-close{display:inline-block;width:28px;height:28px;vertical-align:-webkit-baseline-middle} .bigImgWrap .bigImg .bigImgClose .pop-close::before {content:''; display:block; width:28px; height:2px; margin-bottom:8px; background:#fff; margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s} .bigImgWrap .bigImg .bigImgClose .pop-close::after {content:''; display:block; width:28px; height:2px; margin-top:8px; background:#fff; transform : translateY(-0px) rotate(45deg); -webkit-transform:translateY(-0px) rotate(45deg);transition:all .4s} .pathway-box{display:flex;justify-content:space-between;margin:0 -1rem} .pathway-box li{padding:0 1rem;} .pathway-chart table{border-top:2px solid #000;text-align:center;} .pathway-chart table th{padding:1.2rem 2rem;background:#F8F8F8;border-bottom:1px solid #e0e0e0;font-size:1.5rem;vertical-align:middle;font-weight:600;text-align:center} .pathway-chart table td{padding:1.2rem 2rem;border-bottom:1px solid #e0e0e0;line-height:1.8em;font-size:1.4rem; word-break: break-all;} .pathway-chart table .center{text-align:center} .pathway-chart table .left{text-align:left} /* 오시는길 */ .cantactus-box .map-road{position:relative;background:#D9D9D9;padding:21.1%;margin-bottom:4rem;} .cantactus-box .map-road .map{position:absolute;top:0 !important;left:0;width:100% !important} .cantactus-box .addr-loc{margin-bottom:4rem;padding-left:3.4rem;line-height:24px;background:url("../img/page/icon-location.svg") left top no-repeat;} .cantactus-box .addr-loc strong{color:#006E2C} .traffic-list{border-top:2px solid #000} .traffic-info{padding:4rem 0 3.3rem;border-bottom:1px solid #E0E0E0} .traffic-info dl{color:#222} .traffic-info dl dt{margin-bottom:1.5rem;font-size:2rem;font-weight:700;} .traffic-info dl dd ul li{position:relative;display:inline-block;padding-left:75px;min-height:30px;;margin:.7rem 0} .traffic-info dl dd ul li strong{position:absolute;top:-0.5rem;left:0;display:inline-block;min-width:65px;min-height:30px;line-height:30px;text-align:center;padding:0rem .8rem;margin-right:1rem;border-radius:50px;color:#fff !important;font-weight:600} .traffic-info dl dd ul .bar:before{content:"";display:inline-block;background:#D9D9DF !important;;width:1px;height:15px;vertical-align:middle;margin-right: 2rem;} .traffic-info dl dd ul li .tp1{background:#80C749 !important;;} .traffic-info dl dd ul li .tp2{background:#0671DC !important;;} .traffic-info dl dd ul li .tp3{background:#C64141 !important;;} .traffic-info dl dd ul li .tp4{background:#27AE60 !important;;} .traffic-info dl dd ul li .tp5{background:#E02166 !important;;} .traffic-info dl dd ul li .tp6{background:#B0B0B0 !important;;} .traffic-info.bus-info .bus-group{margin-bottom:2.7rem;} .traffic-info.bus-info .bus-group:last-child{margin-bottom:0;} .traffic-info.bus-info .bus-group .tit{position:relative;padding-left:8px;;color:#006E2C;font-weight:600;margin-bottom:1.3rem;} .traffic-info.bus-info .bus-group .tit:before{content:"·";position:absolute;top:0;left:0;} .traffic-info.bus-info .bus-group li{margin-bottom:1.3rem;} .traffic-info.bus-info .bus-group li:after{content:"";display:inline-block;width:1px;height:16px;background:#ddd;vertical-align:middle;margin:0 2rem} .traffic-info.bus-info .bus-group li:last-child:after{display:none} .traffic-info.bus-info .bus-group li:last-child{margin-bottom:0;} .traffic-info{display:flex;} .traffic-info:before{content:"";display:inline-block;width:80px;height:80px;margin-right: 3rem;flex-shrink:0} .traffic-info.bus-info:before{background-image:url('../img/page/icon-bus.png') !important;;} .traffic-info.subway-info:before{background-image:url('../img/page/icon-subway.png') !important;;} .traffic-info.car-info:before{background-image:url('../img/page/icon-car.png') !important;;} /* 로그인 */ .auth_wrap{display:flex;align-items:center;min-height:100%;padding:80px 2rem 60px;margin:0 auto;max-width:1280px;box-sizing:border-box} .login-box{width:1028px;margin:0 auto;border:1px solid #d4d6d8} .login-box .login-header{background:#f6f8fa;padding:4rem 2rem;text-align:center} .login-box .login-header h1{margin:0;font-size:3.3rem;margin-bottom:2rem;} .login-box .login-header p{font-size:1.5rem;line-height:1.5em} .login-box .login-body{max-width:400px;padding:5rem 2rem;margin:0 auto;text-align:left} .login-box .login-body dl{margin-bottom:1.5rem;} .login-box .login-body dl dt{display:none} .login-box .login-body .inp{font-size:1.5rem} .login-box .checkbox {margin-bottom:1.5rem;} .login-box .checkbox label, .login-box .radio label{padding-left: 0;} .login-box .checkbox .lb{font-size:1.4rem;padding-left:.5rem;color:#46464a;vertical-align:middle;} .login-box .inp{height:45px;line-height:45px;background:#fff;border:1px solid #ddd;text-indent:20px;width:100%;border-radius:0px;font-size:1.4rem} .login-box .inp:focus{background:#e8f0fe;} input.inp{padding:0;font-size:1.4rem} input.inp::-webkit-input-placeholder {color:#999999;} input.inp:-moz-placeholder {color:#999999;opacity:0.8;} input.inp::-moz-placeholder {color:#999999;opacity:0.8;} input.inp:-ms-input-placeholder {color:#999999;} input.inp::placeholder {color:#999999;opacity: 0.8;} .login-box .btn-submit button{width:100%;background-color:#006E2C;border:1px solid #006E2C;color:#fff;display:inline-block;height:58px;line-height:58px;vertical-align:middle;padding:0;font-weight:400;font-size:2rem;text-align:center} .login-box .btn-submit button:hover{background:#006E2C;border-color:#006E2C} /* 기업소개 */ .company-profile{margin-bottom: 15rem;} .company-profile h3{color:#E0E0E0;font-size:4rem;margin-bottom:4rem;font-weight:700;text-align:center} .company-profile .mission-box{margin-bottom:15rem;} .company-profile .mission-box .mission-img{position:relative;margin-bottom:3rem;/*padding-bottom:6rem;*/} .company-profile .mission-box .mission-circle{position:relative;display:flex;justify-content:center;} .company-profile .mission-box .mission-circle .circle{position:relative;width:322px;height:322px;padding:50px;background:#F8F8F8;border:1px dashed #006E2C;border-radius:100%;} .company-profile .mission-box .mission-circle .circle:after{content:"";position:absolute;top:30%;left:0;display:block;width:16px;height:16px;background:url("../img/page/ic-pth.svg") center center no-repeat;} .company-profile .mission-box .mission-circle .circle.left:after{top:inherit;bottom:30%;left:inherit;right:2px; transform : rotate(65deg);} .company-profile .mission-box .mission-circle .circle .bx{background:#fff;border-radius:100%;display:flex;flex-direction: column;width:220px;height:220px;align-items:center;justify-content:center;text-align:center} .company-profile .mission-box .mission-circle .circle .bx strong{color:#006E2C;font-size:2rem;} .company-profile .mission-box .mission-circle .circle .bx span{display:block;padding-top:1rem;color:#000;font-size:2.4rem;font-weight:500} .company-profile .mission-box .mission-circle .name-bar{position:absolute;top:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;} .company-profile .mission-box .mission-circle .name{background:#006E2C;width:100px;height:100px;line-height:100px;border-radius:100%;text-align:center;color:#fff;font-size:2rem;font-weight:700} .company-profile .mission-box .mission-img .vline{position:absolute;bottom:0;left:0;width:100%;} .company-profile .mission-box .mission-img .bar{position:relative;bottom:0rem;display:block;width:1px;height:170px;background:#006E2C;margin:0 auto} .company-profile .mission-box .mission-img .bar:after{content:"";display:inline-block;width:7px;height:7px;background:#006E2C;border-radius:100%;position:absolute;bottom:0;left:-3px;} .company-profile .mission-box dl{text-align:center;margin-top:3rem;} .company-profile .mission-box dt{margin-bottom:2rem;color:#006E2C;font-size:2.6rem;font-weight:700} .company-profile .mission-box dd{font-size:1.8rem;color:#333;line-height:1.7em} .company-profile .mission-box dd strong{font-weight:600} .history-box .history-block{display:flex;} .history-box .history-block .img{flex:1;display:block;padding-top:.5rem;margin-right:4rem;max-width:34rem;} .history-box .history-cont {flex:1;width:100%;} .history-box .history-cont .img{flex-shrink:0} .history-box .history-cont dl{position:relative;display:flex;padding-bottom:4rem;} .history-box .history-cont dl:before{content:"";position:absolute;top:0;left:92px;display:block;width:1px;height:100%;background:#DDD;} .history-box .history-cont dl dt{display:flex;width:100px;align-items:flex-start;position:relative;font-size:2.6rem;color:#006E2C;} .history-box .history-cont dl dt strong{display:block;width:65px;position:relative;top:-1rem;font-weight:500} .history-box .history-cont dl dt:after{content:"";flex-shrink:0;display:block;width:15px;height:15px;margin-left:2rem;background:#fff;border:3px solid #006E2C;border-radius:100%;box-sizing:border-box} .history-box .history-cont dl dd{position:relative;top:-3px;left:0;padding-left:2rem;} .history-box .history-cont ul li{display:flex;width:100%;padding:.7rem 0;color:#000} .history-box .history-cont ul li:first-child{padding-top: 0;} .history-box .history-cont ul li strong{position:relative;color:#999;margin-right:2rem;min-width:2rem} .history-box .history-block.right .img{display:block;padding-top:.5rem;margin-left:4.5rem;margin-right:0;order:1} .history-box .history-block.right .history-cont{position:relative;margin-left:auto;} .history-box .history-block.right .history-cont dl{justify-content: flex-end;} .history-box .history-block.right .history-cont dl:before{right:92px;left:inherit;} .history-box .history-block.right .history-cont dl dt{order:1;} .history-box .history-block.right .history-cont dl dt:after{order:0;margin-left:0;margin-right:2rem;} .history-box .history-block.right .history-cont dl dt strong{order:1;} .history-box .history-block.right .history-cont dl dd{order:0;padding-left:0rem;padding-right:2rem;} .history-box .history-block.right .history-cont ul li{text-align:right;justify-content: flex-end;} .history-box .history-block.right .history-cont ul li strong{order:1;margin-right:0;margin-left:2rem;} .history-box .history-block.right .history-cont ul li span{order:0} .history-box .history-block.right .history-cont dl:last-child:before{display:none;padding-bottom:0;} .gr-type{display:flex;margin:0 -1.2rem 0} .gr-type dl{width:33.3%;margin:0 1.2rem;border: 1px solid #DDD;border-radius: 10px;padding:3rem} .gr-type dl dt{margin-bottom:1.1rem;padding-bottom:2rem;color:#006E2C;font-size:1.8rem;text-align:center;border-bottom:1px solid #DDD} .gr-type dl dt:before{content:"";display:block;width:80px;height:80px;margin:0 auto 2rem;} .gr-type dl dd ul li{position:relative;padding:.4rem 0 .4rem 1rem;;color:#333;line-height:1.5em} .gr-type dl dd ul li:before{content:"·";display:inline-block;position:absolute;top:.5rem;left:0;} .bio-style1 dl:nth-child(1) dt:before{background-image:url("../img/page/icon-cp1.png") !important;} .bio-style1 dl:nth-child(2) dt:before{background-image:url("../img/page/icon-cp2.png") !important;} .bio-style1 dl:nth-child(3) dt:before{background-image:url("../img/page/icon-cp3.png") !important;} .bio-style2 dl:nth-child(1) dt:before{background-image:url("../img/page/icon-cp4.png") !important;} .bio-style2 dl:nth-child(2) dt:before{background-image:url("../img/page/icon-cp5.png") !important;} .bio-style2 dl:nth-child(3) dt:before{background-image:url("../img/page/icon-cp6.png") !important;} .img-stp{text-align:center} .img-stp:before{content:"";display:block;width:42px;height:35px;margin:0 auto;padding:3rem 0;background:url("../img/page/icon-next.svg") center center no-repeat !important;} .img-stp:after{content:"";display:block;width:42px;height:35px;margin:0 auto;padding:3rem 0;background:url("../img/page/icon-next.svg") center center no-repeat !important; transform : translateY(-10px) rotate(180deg); -webkit-transform:translateY(-10px) rotate(180deg);} .etc-box{line-height:1.7em;color:#333} .etc-box h4{font-size:1.8rem;margin-bottom: 2.5rem;font-weight:600} .etc-box table{border-top:2px solid #000;margin-bottom:2rem;} .email-content{padding:0} .email-content .email-top{position:relative;border:3px solid #E0E0E0;padding:3rem 3rem;margin-bottom:4rem;} .email-content .email-top:before{content:"";display:inline-block;width:20px;height:20px;position:absolute;top:-3px;left:-3px;background:url("../img/page/icon-union.svg");} .email-content .email-top:after{content:"";display:inline-block;width:20px;height:20px;position:absolute;bottom:-3px;right:-3px;background:url("../img/page/icon-union.svg");transform : translateY(0px) rotate(180deg); -webkit-transform:translateY(0px) rotate(180deg);} .email-content .tit1{line-height:1.6em} /* 기술소개 */ .tech-box{position:relative;border: 1px dashed #71A748;width:526px;height:526px;margin:19rem auto;padding:5rem;border-radius:100%} .tech-box .circle1{display:block;width:100%;height:100%;border-radius:100%;margin:0;background:#F8F8F8;;padding:5rem;} .tech-box .circle2{display:block;width:100%;height:100%;border-radius:100%;margin:0;background:#EBF1E7;padding:5rem;} .tech-box .circle2 strong{display:flex;width:100%;height:100%;border-radius:100%;margin:0;background:#fff;border:1px solid #71A748;font-size:2.4rem;color:#006E2C;font-weight:700;align-items:center;justify-content:center} .tech-box ul li {position:absolute;} .tech-box ul li:before{content:"";display:block;width:181px;height:181px;background:url('../img/page/bg-circle.png') center center no-repeat;position:absolute;z-index:0} .tech-box ul li a{position:relative;z-index:10;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:100%} .tech-box ul li a .cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;} .tech-box ul li a .cover .ov{position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.88);width:100%;height:100%;border-radius:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff} .tech-box ul li a .cover .ov strong{display:block;text-align:center;margin-bottom:1.5rem;} .tech-box ul li a .cover .ov .video{color: #4EEA73;text-decoration-line: underline;} .tech-box ul li a .icon{display:block;} .tech-box ul li a strong{display:block;padding-top:1rem;text-align:center} .tech-box ul li a:hover .cover{display:block;} .tech-box ul li:hover:before{display:none} .tech-box ul{top:-100px;left:0;} .tech-box ul li:nth-child(1){left:-18%;top:45px;} .tech-box ul li:nth-child(2){left:33.3%;top:-100px;} .tech-box ul li:nth-child(3){right:-18%;top:45px;} .tech-box ul li:nth-child(4){left:-18%;bottom:45px;} .tech-box ul li:nth-child(5){left:33.3%;bottom:-100px;} .tech-box ul li:nth-child(6){right:-18%;bottom:45px;} .tech-box ul li:nth-child(1):before{transform:rotate(-90deg)} .tech-box ul li:nth-child(2):before{transform:rotate(-45deg)} .tech-box ul li:nth-child(3):before{transform:rotate(0deg)} .tech-box ul li:nth-child(4):before{transform:rotate(-180deg)} .tech-box ul li:nth-child(5):before{transform:rotate(135deg)} .tech-box ul li:nth-child(6):before{transform:rotate(90deg)} /* 신사업분야 */ .new-business{ font-family: "Inter", sans-serif;color:#000000;} .new-business .nbs-pt{color:#FFC36F} .new-business .title-gr{padding:15.5rem 0 11.8rem;font-size:3.2rem;text-align:center} .new-business .title-gr strong{display:block;font-size:4.8rem;margin:1rem 0} .new-business .top{text-align:center;margin-bottom:6rem;} .new-business .top span{display:block;margin-bottom:2rem;font-size:3.2rem;} .new-business .top strong{font-size:4.8rem;} .new-business .video-box-wrap{overflow:hidden} .new-business .video-box{position:relative;padding-bottom:57%;margin:0 -10px 0rem;} .new-business .video-box iframe, .new-business .video-box video{position:absolute;;top:0;left:0;width:100%;height:100%;} .nbns-sct1 .nbns-sct1-group{text-align:center;padding:0 2rem;color:#fff;background:url('../img/page/bg-tomato1.jpg') center 0 no-repeat;background-size:cover;} .nbns-sct1 .nbns-sct1-group .title dt{padding:13rem 0 5rem;} .nbns-sct1 .nbns-sct1-group .title dt span{display:block;font-weight:400;font-size:2rem;} .nbns-sct1 .nbns-sct1-group .title dt strong{font-size:3rem;font-weight:700} .nbns-sct1 .nbns-sct1-group .title dd{padding-bottom:9rem;font-size:1.8rem;} .nbns-sct1 .nbns-sct1-group .cont{display:flex;text-align:left;align-items:center;padding:0 3rem 11.5rem;} .nbns-sct1 .nbns-sct1-group .cont .img{flex-shrink:0;} .nbns-sct1 .nbns-sct1-group .cont dl{padding-left:2rem;} .nbns-sct1 .nbns-sct1-group .cont dt{font-size:2.8rem;margin-bottom: 5rem;line-height:1.5em;} .nbns-sct1 .nbns-sct1-group .cont dd{font-size:2.2rem;line-height:1.5em;letter-spacing:-0.09em} .nbns-sct1 .nbns-banner{color:#fff;font-size:4.8rem;padding:14rem 2rem 14rem 10rem;font-weight:700;background:url('../img/page/bg-tomato2.jpg') center 0 no-repeat;} .nbns-sct2 ul li{position:relative;display:flex;align-items:center;padding-bottom: 5rem;} .nbns-sct2 ul li:after{content:"";display:block;position:absolute;left:124px;;bottom:0;width:5px;height:100%;margin:0 auto;background:#EDEDED;} .nbns-sct2 ul li .img{position:relative;flex-shrink:0;z-index:1} .nbns-sct2 ul li .cont{flex:1;padding-left:3rem;padding-bottom:0px;} .nbns-sct2 ul li .cont span.stxt{display:block;color:#AD3B38;font-family: 'KccEunyeong';margin-bottom:1.5rem;font-size:3.5rem;font-weight:700} .nbns-sct2 ul li .cont strong{display:block;font-size:2.5rem;font-weight:700;} .nbns-sct2 ul li .cont .txt{display:block;font-size:2rem;line-height:1.8em;padding-top:1.5rem;font-weight:400} .nbns-sct2 ul li:last-child:after{bottom:inherit;top:0;height:50%} .nbns-sct3 ul{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center} .nbns-sct3 li{position:relative;width:30%;padding-top:30%;background-position:center 0;background-repeat:no-repeat;background-size:cover;;text-align:center;color:#fff;} .nbns-sct3 li .cont{display:block;position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.8em;font-size:1.6rem} .nbns-sct3 li strong{font-size:2.4rem;display:block;} .nbns-sct3 li:nth-child(1){background-image:url('../img/page/img-var1.png');} .nbns-sct3 li:nth-child(2){background-image:url('../img/page/img-var2.png');} .nbns-sct3 li:nth-child(3){background-image:url('../img/page/img-var3.png');} .nbns-sct3 li:nth-child(4){background-image:url('../img/page/img-var4.png');} .nbns-sct3 li:nth-child(5){background-image:url('../img/page/img-var5.png');} .nbns-sct4{margin-bottom:5rem;} .nbns-sct4 .title-gr{padding-bottom:6rem;} .nbns-sct4 .cont{padding-bottom:15rem;font-size:2rem;line-height:2.2em;text-align:center;background:url('../img/page/bg-tomato.png') right bottom no-repeat;} .nbns-sct4 .cont p{margin-bottom:5rem;word-break: keep-all;padding: 0 4rem;} .nbns-sct4 .cont .fbold1{display:block;font-size:2.8rem;margin-bottom:1rem;} .nbns-sct4 .cont .fbold2{font-size:2.2rem;color:#AD3B38;font-weight:700} .nbns-sct4 ul{display:flex;gap:2rem} .nbns-sct4 ul li{flex:1} .nbns-sct4 ul li .img{position:relative;display:block;color:#fff;padding-top:61%;background:url('../img/page/img-vs1.png') right bottom no-repeat;background-size:cover} .nbns-sct4 ul li .img span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;padding:2rem;font-size:2.4rem;font-weight:600;display:flex;text-align:center;justify-content:center;align-items:center} .nbns-sct4 ul li .txt{display:block;margin-top:2rem;padding:0 1rem;font-size:2rem;line-height:1.8em;text-align:center;word-break: keep-all;} .nbns-sct4 ul li:nth-child(1) .img{background-image:url('../img/page/img-vs1.png')} .nbns-sct4 ul li:nth-child(2) .img{background-image:url('../img/page/img-vs2.png')} .nbns-sct4 ul li:nth-child(3) .img{background-image:url('../img/page/img-vs3.png')} .nbns-sct5 .title-gr{padding-bottom:5rem;} .nbns-sct5 .title-gr span{font-size:4rem;} .nbns-sct5 .cont{font-size:2rem;line-height:2em;text-align:center} .nbns-sct5 .cont p{margin-top:6rem;} .nbns-sct5 .cont .fbold2{color:#AD3B38;font-weight:700} /* 대표인사말 */ .ceo-intro .ceo-history{padding-top:3.5rem;letter-spacing:-0.05em} .ceo-intro .ceo-history dl {display:flex;margin-bottom:4rem;} .ceo-intro .ceo-history dl dt{margin-right:2rem} .ceo-intro .ceo-history dl dt span{display:inline-block;width:120px;height:40px;padding:.5rem 1rem;font-size:2rem;text-align:center;border-radius:20px;font-weight:600;background:#edf3f0 !important;color:#004113 !important} .ceo-intro .ceo-history dl dd{padding-top:.5rem;color:#000000} .ceo-intro .ceo-history dl dd .bold{font-weight:700;font-size:2rem} .ceo-intro .ceo-history dl dd ul.flex-ul li{display:flex;} .ceo-intro .ceo-history dl dd ul.flex-ul li .tit{flex-shrink:0;} .ceo-intro .ceo-history dl dd ul li {margin-bottom:.5rem;font-size:2rem;line-height:1.7em;font-weight:300} .ceo-intro .ceo-history dl dd ul li .tit{color:#878f89 !important;margin-right:1.5rem;font-weight:600;} .ceo-intro .stxt{font-size:1.7rem;color:#878f88;font-weight:600} .ceo-intro .li-mb20 li{margin-bottom:2rem !important;} .ceo-intro .txt-style li{color:#454141} .ceo-intro .txt-style li .bold{color:#000} .ceo-intro .cp-info{position:relative;background:#edf3f0 !important;border-radius:15px;padding:6rem 4rem 4rem ;margin-top:8rem;} .ceo-intro .cp-info h4{position:absolute;top:-25px;left:60px;} .ceo-intro .cp-info h4 span{display:inline-block;border:1px solid #004113;height:45px;padding:1rem 3rem;font-size:2rem;text-align:center;border-radius:20px;background:#ffff;color:#004113 !important;font-weight:700} .ceo-intro .cp-info dl{margin-bottom: 2.5rem;padding-bottom: 2.5rem;border-bottom:1px dotted #b1cabe} .ceo-intro .cp-info dl dt{color:#005025;margin-bottom:1rem;font-size:2.2rem;font-weight:700} .ceo-intro .cp-info dl dd li{display:flex;color:#191818;font-size:2rem;margin-bottom:.2rem;line-height:1.7em} .ceo-intro .cp-info dl dd li .tit{flex-shrink:0;margin-right:1rem;font-size:2rem} .ceo-intro .cp-info dl dd li .bar{display:inline-block;color:#9ca29d;margin:0 .5rem 0 .7rem;vertical-align:middle;font-size:1.6rem;font-weight:300} .ceo-intro .cp-info dl:last-child{border-bottom:none} @media screen and (max-width:1936px) { .rwd-wide{width:100%} } @media screen and (max-width:1600px) { /* 20260901 메인 sns 추가 */ .sns-flow-list{right:-100px;} } @media screen and (max-width:1500px) { .btn-scroll-top .rwd{width:100%} .btn-scroll-top a{right:20px} /* 20260901 메인 sns 추가 */ .sns-flow-list{right:-60px} } @media screen and (max-width:1430px) { .sns-flow-list{right:-30px} } @media screen and (max-width:1400px) { #web-header .nav-etc-box:after{width:21%} /* 20260901 메인 sns 추가 */ .sns-flow-list{right:0px} } @media screen and (max-width:1302px) { .br {display:inline !important} .rwd{width:100%;padding-left:2rem;padding-right:2rem;} #web-header .header h1{left:20px;} #web-header .nav-right{right:20px;} #web-header nav .nav-box > ul > li > a{padding:0 2.5rem;} #web-header .nav-etc-box dl{width:33.7%;} #web-header nav .nav-box > ul .smenu{padding:0 10%;} #web-header nav .nav-box > ul li .smenu-cont dl{padding-right:6rem;} footer .footer .fcont .ftxt .f-copyright{padding-left:4rem;} /* 20260901 메인 sns 추가 */ .sns-flow-list{right:20px;padding:.5rem 1rem} .sns-flow-list .info{width:62px;height:62px;} .sns-flow-list a::before{background-size:45% auto !important} .sns-flow-list a{padding-top:1rem;} .sns-flow-list a .icon{height:35px;background-size:35% auto !important;} .sns-flow-list a .txt{font-size:1.2rem} .main-visual .main-slide{background-image:none !important;} .main-visual .main-slide .img-lg{position:relative;top:0;left:0;width:100%;text-align:center;display:block;} .main-visual .main-slide .slogan{height:auto} .main-visual .all-search{width:64%;height:100%} .msection1{min-height:80%;background-image:url('../img/main/bg-msection1-wb.png');background-position:center top;background-size:100% auto;} .msection2{min-height:80%;} .msection3 ul li.swiper-slide-next ~ li a:after{width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 1s ease} .history-box .history-block.right .img{display:block;padding-top:.5rem;margin-left:0rem;margin-right:4rem;order:0} .history-box .history-block.right .history-cont{position:relative;margin-left:auto;} .history-box .history-block.right .history-cont dl{justify-content:flex-start;} .history-box .history-block.right .history-cont dl:before{right:inherit;left:92px;} .history-box .history-block.right .history-cont dl dt{order:0;} .history-box .history-block.right .history-cont dl dt:after{order:1;margin-left:2rem;margin-right:0rem;} .history-box .history-block.right .history-cont dl dt strong{order:0;} .history-box .history-block.right .history-cont dl dd{order:1;padding-left:2rem;padding-right:0rem;} .history-box .history-block.right .history-cont ul li{text-align:left;justify-content: flex-start;} .history-box .history-block.right .history-cont ul li strong{order:0;margin-right:2rem;margin-left:0rem;} .history-box .history-block.right .history-cont ul li span{order:1} .list-style7 li .tit{padding:1rem 2rem;} /* 신사업분야 */ .nbns-sct1 .nbns-sct1-group .cont .img{width:50%} .nbns-sct4 ul li .img{padding-top:80%;} } @media screen and (max-width:1204px) { .list-style7 li{width:50%;} .list-style7 li .tit{padding:1rem 1rem;} /* 기술소개 */ .tech-box{width:476px;height:476px;} .tech-box ul li:before{width:151px;height:151px;background-size:151px auto;} .tech-box ul li a{width:150px;height:150px;} .tech-box ul li:nth-child(1){left:-10%;top:45px;} .tech-box ul li:nth-child(2){left:33.3%;top:-70px;} .tech-box ul li:nth-child(3){right:-10%;top:45px;} .tech-box ul li:nth-child(4){left:-10%;bottom:45px;} .tech-box ul li:nth-child(5){left:33.3%;bottom:-70px;} .tech-box ul li:nth-child(6){right:-10%;bottom:45px;} /* 신사업분야 */ .nbns-sct1 .nbns-sct1-group .cont {flex-wrap:wrap} .nbns-sct1 .nbns-sct1-group .cont .img{width:100%;text-align:center;margin-bottom:3rem;} .nbns-sct2 ul li .cont .txt br{display:none} } @media screen and (max-width:1200px) { #web-header nav{padding:0 20rem} #web-header nav .nav-box > ul > li:nth-child(1) .smenu{padding:0 0%;} .list-style6 li .img{width:50%;display:flex} } @media screen and (max-width:980px) { .hidden-xs, .hidden-sm{display:block !important;font-size:0;} #web-header .header h1{position:relative;text-align:center;top:0;padding-top:1rem;left:0;} #web-header .header h1 img{width:100px} #web-header .header h1 a{display:inline-block;height:25px;} #web-header nav .nav-box > ul .smenu{padding:0;top:60px} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul > li{padding:0 2rem} #web-header .nav-right{top:42px} #web-header .nav-right button, #web-header .nav-right a{margin-left:2rem;} #web-header .nav-etc-wrap{top:79px;} #web-header .nav-etc-box:after{height:230px;} #web-header .nav-etc-box dl{height:230px;padding:2rem} #web-header .nav-etc-box dl dt{font-size:3.2rem} #web-header #search-box .search-form-input button{margin-left:2rem;width:40px;height:40px;background-size:40px auto;} #web-header nav {padding:0rem;top:-2rem;padding-right:18rem;} #web-header nav .nav-box > ul{justify-content: space-between;padding:0} #web-header nav .nav-box > ul > li > a{height:50px;line-height:50px;} #web-header nav .nav-box > ul .smenu ul > li a{font-size:1.5rem} #web-header nav .nav-box > ul > li:nth-child(1) .smenu-cont > ul:nth-child(1) > li:last-child{padding:0 1rem} #web-header nav .nav-box > ul li .smenu-cont dl{padding-right:2rem;max-width:45%} footer .footer .finfo .phone dt{padding-left:0;} footer .footer .finfo {flex-wrap:wrap;font-size:1.6rem} footer .footer .finfo:before{display:none} footer .footer .finfo dl{margin-bottom:1.5rem;width:100%} footer .footer .finfo dl dd{padding-top:.5rem;} #container{font-size:1.55rem} .main-visual .all-search p{font-size:3.5rem;margin-bottom:6rem;min-height:auto} .msection1{margin-bottom:5rem;} .msection2{padding:6rem 0 0;margin-bottom:6rem;} .msection2 .rwd{text-align:center} .msection2 .define-box{padding-left:0;display:inline-block;text-align:left;margin:0 auto} .msection3 .define-col dt{margin-right:11.1rem;margin-bottom:0;} .msection3 ul li .img{max-width:320px} .msection4{margin-bottom:20rem;} .msection4 .define-col dt{margin-right:10rem;margin-bottom:0;word-break: keep-all;} .page-title .title .title-gr{flex-wrap:wrap} .page-title .title .title-gr a{display:none} .mb-file-ctg{display:block} .page-title .share-link > button, .page-title .share-link .btn-share > button{margin-left:1rem;} .page-title .share-link > button, .page-title .share-link .btn-share > button{width:40px;height:40px;} .ic-share{width:25px;height:25px;background-size:25px 25px;} .ic-print{width:25px;height:25px;background-size:25px 25px} .sub-body .sub-side{width:280px;padding-right:5rem;} .sub-body .sub-box{padding-left:280px;;} .list-style3 ul li {width:33.3% !important;max-width:33.3% !important;} .list-style4 ul li {max-width:50% !important;width:50% !important;} .list-style5 ul{padding-top:1rem;} .list-style5 ul li{width:47%;margin:2rem 1.5% 0;} .list-style6 li {flex-wrap:wrap;padding:2.5rem 0;} .list-style6 li .info{order:1;} .list-style6 li .img{margin-left:0;margin-bottom:2rem;width:100%;order:0} /* 신사업분야 */ .new-business .video-box iframe, .new-business .video-box video{vertical-align:top} .nbns-sct2 ul li .img{width:209px;} .nbns-sct2 ul li:after{left:104px;} } @media all and (max-width:820px) { .sub-body .sub-side{display:none} .sub-body .sub-box{padding-left: 0;} } /* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/ @media all and (max-width:768px) { body{line-height:1.4;} /* 컨텐츠 공통 */ body{font-size:9px} .wb-show{display:none;} .mb-show{display:block;} .mb80{margin-bottom:4rem;} /* 레이아웃 */ #web-header nav > ul .smenu{padding-top:30px} #web-header nav > ul .smenu li{font-size:1.6rem;letter-spacing:-0.08em} #web-header{display:none;} #mobile-header{display:block;} #mobile-header{position:fixed;top:0;left:0;width:100%;z-index:5000;background:#fff } #mobile-header.nav_on_wrap{background:#006E2C;} #mobile-header h1{text-align:center;display:flex;align-items:center;justify-content:center;height:60px;} #mobile-header h1 a{display:block;} #mobile-header h1 img{width:100px;vertical-align:middle;margin-bottom:.7rem;} #mobile-header h1 .logo{display:block} #mobile-header h1 .logo-ov{display:none} #mobile-header .fright{position:absolute;top:20px;right:10px;} #mobile-header .fright a{margin-left:1.5rem;} #mobile-header .btn-menu-open{position:absolute;top:20px;left:20px;} #mobile-header .btn-menu-open{position:absolute;top:20px;left:20px} #mobile-header .btn-menu-open .allmenu {display:block; width:28px; height:2px; background:#000; transition:all .4s} #mobile-header .btn-menu-open::before {content:''; display:block; width:28px; height:2px; margin-bottom:6px; background:#000; transition:all .4s} #mobile-header .btn-menu-open::after {content:''; display:block; width:28px; height:2px; margin-top:6px; background:#000; transition:all .4s} #mobile-header .btn-menu-close .allmenu{display:block; width:28px; height:2px; background:#000; transition:all .4s} #mobile-header .btn-menu-close .allmenu {opacity:0} #mobile-header .btn-menu-close::before {content:''; display:block; width:28px; height:2px; margin-bottom:8px; background:#fff; margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s} #mobile-header .btn-menu-close::after {content:''; display:block; width:28px; height:2px; margin-top:8px; background:#fff; transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg);transition:all .4s} #mobile-header .btn-menu-close{position:absolute;left:20px;top:25px;border:none;width:28px;height:28px;padding:0;cursor:pointer;z-index:8000;transition:all 1s;} #mobile-header .mobile-nav{position:fixed;top:140px;z-index:2000;width:100%;height:0;overflow-y:auto;background-color:transparent;content:'';transition:all .3s} #mobile-header .mobile-nav .nav{width:100%;min-height:100%;background:#fff;} #mobile-header.nav_on_wrap h1 .logo{display:none} #mobile-header.nav_on_wrap h1 .logo-ov{display:block} #mobile-header.nav_on_wrap .fright{display:none;} #mobile-header .mobile-nav.nav-on{width:100%;height:100%;} #mobile-header .mobile-nav.nav-on .nav .nav-box{height:100%;overflow-y:scroll;box-sizing:border-box} #mobile-header .nav-box{height:100%;overflow-y:hidden;box-sizing:border-box;padding-bottom:2rem;} #mobile-header .nav-box > ul{padding:0; float:none;} #mobile-header .nav-box > ul li {float:none; width:auto !important; margin-left:0;} #mobile-header .nav-box > ul li a {text-align:left; height:auto; padding:17px 2rem; font-size:1.6rem; line-height:24px; display:block; text-decoration:none !important; transition : none; -webkit-transition : none;color:#000} #mobile-header .nav > li > a:hover, #mobile-header .nav > li > a:focus{background:transparent;} #mobile-header .nav-box > ul li sup{vertical-align:sub} /* 1차메뉴 */ #mobile-header .nav-box > ul > li > a{font-size:2rem;color:#000;font-weight:700; border-bottom:1px solid #E0E0E0;} #mobile-header .nav-box > ul > li > a:before{content:"";display:inline-block;width:17px;height:17px;margin-right:1rem;background:url('../img/common/ic-mb-menu-depth1-no.svg') 0 center no-repeat;} #mobile-header .nav-box > ul > li.has-sub > a:before{background-image:url('../img/common/ic-mb-menu-depth1.svg');} #mobile-header .nav-box > ul > li.active > a, #mobile-header .nav-box > ul > li > a.ov, #mobile-header .nav-box > ul > li > a.on{color:#000;} #mobile-header .nav-box > ul > li.active > a:before, #mobile-header .nav-box > ul > li > a.ov:before, #mobile-header .nav-box > ul > li > a.on:before{background-image:url('../img/common/ic-mb-menu-depth1-ov.svg');} #mobile-header .nav-box > ul > li .smenu{display:none;} /* 2차메뉴 */ #mobile-header .nav-box > ul > li.active > div{display:block;} #mobile-header .nav-box > ul > li ul li ul{border-top:none;display:none;background:#F8F8F8;margin-top:-1px;border-top:1px solid #E0E0E0} #mobile-header .nav-box > ul > li ul li.active ul{display:block} #mobile-header .nav-box > ul > li .smenu-cont > ul{border-top:none;background: #fff;border-top:1px solid #E0E0E0;margin-top:-1px;} #mobile-header .nav-box > ul > li .smenu-cont > ul > li {position:relative;margin:0 !important; padding:0 !important;border-bottom:0;} #mobile-header .nav-box > ul > li .smenu-cont > ul > li > a{position:relative;border-bottom:1px solid #E0E0E0;margin-top:-1px} #mobile-header .nav-box > ul > li .smenu-cont > ul > li.has-sub > a:after{content:"";display:block;width:14px;height:9px;position:absolute;top:22px;right:20px;background:url('../img/common/ic-mb-has-sub.svg') 95% center no-repeat;} #mobile-header .nav-box > ul > li .smenu-cont > ul > li.active > a, #mobile-header .nav-box > ul > li .smenu-cont > ul > li > a.on{color:#006E2C;font-weight:700;} #mobile-header .nav-box > ul > li .smenu-cont > ul > li.has-sub > a.ov:after, #mobile-header .nav-box > ul > li .smenu-cont > ul > li.has-sub > a.on:after{transform: rotate(180deg)} #mobile-header .nav-box > ul > li .smenu-cont > ul > li ul li.active a{color:#006E2C} #mobile-header .nav-box > ul > li .smenu-cont > ul > ul{padding-left:15px;} #mobile-header .nav-box > ul > li.active > div li.active > div{display:block;} /* 3차메뉴 */ #mobile-header .nav-box > ul > li ul > li > ul{padding:10px 0;border-bottom:1px solid #E0E0E0;} #mobile-header .nav-box > ul > li ul > li > ul > li > a{position:relative;padding-left:30px;padding-top:10px;padding-bottom:10px;} #mobile-header .nav-box > ul > li ul > li > ul > li > a:before{content:"·";position:absolute;top:8px;left:2rem} #mobile-header .nav-box > ul{padding-bottom:15px} #mobile-header .copyright{padding-left:15px;padding-right: 10px;line-height:1.7em;font-size:1.3rem;word-break:break-word} #mobile-header .nav-box .flogo{padding:15px;} #mobile-header .nav-box .flogo .logout{float:right;font-size:1.6rem;padding-top:1rem;font-weight:700} #mobile-header .mobile-nav-top{display:none;position:absolute;top:0;left:0;width:100%;background:#006E2C;} #mobile-header .mobile-nav-top .top{display:flex;align-items:center;width:100%;height:70px;padding:0 2rem;border-bottom:1px solid #338b56;box-sizing:border-box} #mobile-header .mobile-nav-top .top h1{height:70px;padding-left:4.4rem;} #mobile-header .mobile-nav-top .top h1 img{margin-bottom:0;width:auto} #mobile-header .mobile-nav-top ul{margin-left:auto;display:flex;} #mobile-header .mobile-nav-top ul li a{color:#fff;font-size:1.5rem;padding-left:2.5rem;margin-left:3rem;line-height:1em} #mobile-header .mobile-nav-top ul li:nth-child(1) a{background:url('../img/common/ic-mb-home.svg') 0 center no-repeat;} #mobile-header .mobile-nav-top ul li:nth-child(2) a{background:url('../img/common/ic-mb-lang.svg') 0 center no-repeat;} #mobile-header.nav_on_wrap .mobile-nav-top{display:block;} #mobile-header .mobile-nav-top .mobile-search{display:flex;align-items:center;margin:1.4rem 2rem;background: #fff;} #mobile-header .mobile-nav-top .mobile-search input.inp{width:100%;height:42px;line-height:42px;border:none;text-indent:1.5rem} #mobile-header .mobile-nav-top .mobile-search button{width:25px;height:25px;margin:0 1.5rem;background:url('../img/common/ic-search.svg') center center no-repeat;background-size:21px auto;} footer{padding-bottom:3rem;} footer .footer{margin:0;} footer .footer .finfo{font-size:1.4rem} footer .footer .fcont h2 img{width:124px} footer .footer .finfo dl dd li{font-size:1.4rem} footer .footer .finfo .phone li span{width:80px;} footer .footer .finfo .address li{letter-spacing:-0.05em;font-size:1.4rem} footer .footer .fcont{flex-wrap:wrap} footer .footer .fcont h2{width:100%} footer .footer .fcont .ftxt{flex-wrap:wrap;margin-left:0;width:100%} footer .footer .fcont .ftxt > p:first-child{padding:0} footer .footer .fcont .ftxt p{width:100%;padding-top:1rem;} footer .footer .fcont .ftxt .f-copyright{padding-left:0;padding-top:1rem;} #container{font-size:1.45rem} /* 서브레이아웃 */ .sub-top{margin-bottom: 0;height:30rem} .sub-top h2{font-size:3rem} .sub-location .depth02 {position:relative;z-index:100;background: #fff !important;;z-index:10;height:auto;} .sub-location .depth02 .rwd{padding:0} .sub-location .depth02:before{display:none} .sub-location .depth02 .rwd{overflow: inherit;} .sub-location .depth02 .menu_select{position:relative;display:block;border-bottom:1px solid #DFDFDF;} .sub-location .depth02 .menu_select button{position:relative;height:55px;width:100%;line-height:55px;font-size:1.8rem;text-align:left;padding-left:20px;box-sizing:border-box;display:block} .sub-location .depth02 .menu_select button:after{content:"";display:block;width:14px;height:8px;background:url('../img/sub/ic-sdown.svg') 0 0 no-repeat;position:absolute;top:25px;right:20px;z-index:50} .sub-location .depth02 .menu_select ul{position:absolute;top:56px;left:0;z-index:500;width:100%;background: #fff;border:1px solid #efefef;border-top:none;box-sizing:border-box;display:none;border-radius:0;margin:0;padding-left: 0;padding-top:1rem;} .sub-location .depth02 .menu_select ul li{width:100%;min-width:auto;float:none;padding:0;border-right:none} .sub-location .depth02 .menu_select ul li a{display:block;text-align:left;padding:12px 0 12px 20px;line-height:1em;color:#666666} .sub-location .depth02 .menu_select ul li.active > a{font-weight:600;color:#009688} .sub-location .depth02 .menu_select ul li.active:after{display:none} .page-location .rwd{padding-left:0;padding-right: 0;} .page-location a:after, .page-location span:after{margin:0 .2rem;} .sub-body{flex-wrap:wrap;padding-bottom:7rem;} .sub-body .sub-side{display:none} .sub-body .sub-box{padding-left:0;padding-top:2rem;} .page-title{margin-bottom:5rem;} .page-title .title .title-gr{display:block} .page-title .title h2{font-size:2.6rem;word-break: break-word;} .page-title .title .stit{margin-top:0;} .page-title .share-link > button, .page-title .share-link .btn-share > button{width:35px;height:35px;} .page-title .share-link:before{display:none} .ic-share{width:20px;height:20px;background-size:20px 20px;} .ic-print{width:20px;height:20px;background-size:20px 20px} .page-location{margin-bottom:3rem;} #container{top:60px;} .sns-flow-list{padding:.5rem 1.2rem;right:10px;} .sns-flow-list .info{display:block;width:42px;height:42px;} .sns-flow-list .info a:before{background-size:50% auto !important;} .sns-flow-list .info a:hover .txt{display:none} .sns-flow-list .info a {padding-top:0;} .sns-flow-list .info a .icon{height:100%;} .sns-flow-list .info a:hover .icon{display:none} .sns-flow-list .info a:hover:before{opacity:1} .sns-flow-list li:nth-child(1) a:hover:before{background:url('../img/main/icon-sns-tel-on.svg') center center no-repeat;} .sns-flow-list li:nth-child(2) a:hover:before{background:url('../img/main/icon-sns-blog-on.svg') center center no-repeat;} .sns-flow-list li:nth-child(3) a:hover:before{background:url('../img/main/icon-sns-talk-on.svg') center center no-repeat;} .sns-flow-list li:nth-child(4) a:hover:before{background:url('../img/main/icon-sns-inquiry-on.svg') center center no-repeat;} .main-visual .all-search{top:15%} .main-visual .all-search h3{margin-bottom: 1.5rem;} .main-visual .all-search p{font-size:2.4rem;margin-bottom:2rem;letter-spacing:-0.05em} .main-visual .all-search .search-form-input{min-height:auto} .main-visual .all-search .search-form-input button[type=submit]{margin-left:1rem;width:45px;height:45px;background-size:30px auto;} .main-visual .all-search .search-form-input input{height:45px;font-size:1.4rem} .main-visual .all-search .search-form-input .input-bar{padding:0 45px 0 1.8rem;position:relative;z-index:800} .main-visual .all-search .search-form-input .input-bar button.sct{width:45px;height:45px;background-size:22px auto;} .msection2{background: url('../img/main/bg-msection2-mb.png') center top no-repeat;background-size: cover;} .msection3{padding:8.7rem 0 3rem;min-height:auto;margin-bottom:2rem;} .msection3 .define-col{flex-wrap:wrap} .msection3 .define-col dt{margin-bottom:2rem;margin-right:0;margin-left: auto;} .msection3 .define-col dd{text-align:right;margin-left:auto;padding-left:3rem;} .msection3 .define-col a{position:relative;top:2rem;} .msection3 ul li .img{max-width:290px} .msection3 ul li.swiper-slide-next a:after, .msection3 ul li.swiper-slide-next ~ li a:after{width:100%;height:100%;background:rgba(0,0,0,0.5);transition:all 1s ease} .msection4 .define-col{flex-wrap:wrap} .msection4 .define-col dt{margin-bottom:2rem;} .msection4 .service-list .item .rwd{display:block} .msection4 .service-list .item .img{display:block;width:100%;margin:0 0rem ;padding-left:2rem;padding-right:2rem;text-align:center} .msection4 .service-list .item .txt{width:100%;margin-top:3rem;padding-left:0;} .msection5 .hlep-box:after{margin-bottom:2rem;} .msection5 .hlep-box h3{font-size:3.3rem} .msection5 .hlep-box dl{flex-wrap:wrap} .msection5 .hlep-box dl dt{width:100%} .msection5 .hlep-box dl dd{margin-left:0;margin-top:5rem;} .define-box dt{font-size:3.3rem;} .list-style1 .item{padding:2rem 0} .list-style1 .item .cont .txt{padding-bottom:2rem} .list-style1 .item .cont .btn-view{max-width:100%;height:45px;line-height:45px;} .list-style2 ul li{padding:2rem 0;} .list-style2.type-cns ul li{padding:3rem 0rem 2.5rem} .list-style2.type-img ul li{padding:2rem 0rem 1.5rem} .list-style3 ul li {max-width:50%;width:50% !important;margin-bottom:3rem;} .list-style3 ul li .tit{font-size:1.6rem} .list-style4 ul li .info .gr{padding:.2rem 0} .tag-box a{font-size:1.3rem} .list-style5 ul li .info .tit{font-size:1.8rem;margin-bottom: 1rem;} .list-style5.type2 ul li .info{padding:3rem 1.5rem} .list-style5.type2 .num{margin-top:1rem;} .tab-style .tab5 li{width:33.3%} .tab-select{position:relative;width:100%;margin-bottom:3rem;;} .tab-select .tab-style{display:none} .tab-select button{display:block;width:100%;height:50px;border: 2px solid #000;color:#000;padding:0 5rem 0 2.4rem;text-align:left;background:url('../img/common/ic-tab-select.svg') 97% center no-repeat;} .tab-select button .txt{display:block;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;overflow: hidden;} .tab-select ul{position:absolute;top:50px;left:0;z-index:50;margin-left:0;padding:1rem 0;width:100%;display:block;background:#F8F8F8;border:1px solid #E0E0E0;margin-bottom:0 !important;} .tab-select ul li{width:100% !important;margin-bottom:0 !important;} .tab-select ul li a{display:block;color:#000;text-align:left;border:none;text-align:left;margin-left: 0;padding:1rem 2.4rem !important} .tab-select ul li.active a{background:transparent;border:none;color:#006E2C;font-weight:400} .dsc-box dt{padding:2rem 0;font-size:2.4rem;} .dsc-box dd{padding:2rem 0 } .btn-site-link{display:inline-block;padding:0rem 3rem;height:60px;line-height:60px;border-radius: 40px;border: 1px solid #E0E0E0;box-sizing:border-box} .btn-site-link span{font-size:1.8rem;margin-left:1rem;} .btn-site-link img{max-height:32px} /* 컨텐츠 */ .work-flow{padding:4.7rem 2rem} .bigImgWrap .bigImg{padding:100px 40px;} .bigImgWrap .bigImg .bigImgClose{right:-40px;width:40px;height:40px;line-height:40px;} .bigImgWrap .bigImg .bigImgClose .pop-close{width:20px;height:20px;vertical-align:middle} .bigImgWrap .bigImg .bigImgClose .pop-close::before {width:20px;height:2px;} .bigImgWrap .bigImg .bigImgClose .pop-close::after {width:20px;height:2px;} /* 찾아오시는길 */ .cantactus-box .addr-loc{background-size:20px auto;padding-left:2.8rem;background-position:left 3px;} .cantactus-box .map-road{padding:40%;} .traffic-info dl dt{font-size:1.8rem} .traffic-info.bus-info .bus-group li{display:block;} .traffic-info.bus-info .bus-group li:after{display:none} .history-box .history-block{display:flex;flex-wrap:wrap} .history-box .history-block .img{flex:auto;padding-top:.5rem;margin-right:0rem;margin-bottom:3rem;;width:100%;max-width:100%;text-align:center} .history-box .history-cont{flex:auto;width:auto;margin:0 auto} .history-box .history-block.right .img{margin-right:0;} #sub-top7{margin-bottom:5rem;} /* 기술소개 */ .tech-box{background:#EBF1E7;border-radius:0;margin:0 auto 5rem;padding:2rem 4rem 3rem;width:auto;height:auto} .tech-box .circle1{background:transparent;padding:0;;width:100%;height:auto;position:absolute;top:-30px;left:0} .tech-box .circle2{padding:0;width:auto;height:auto;text-align:center;background:transparent;} .tech-box .circle2 strong{display:inline-block;width:auto;height:auto;border-radius:0;padding:1.4rem 4rem;border-radius:30px;margin:0 auto} .tech-box .circle-group{position:relative;padding-top:4rem;} .tech-box ul{position:relative;display:flex;flex-wrap:wrap;top:0;} .tech-box ul li{position:relative;margin:1.5rem 1%;width:31.3%;height:auto;padding-top:31.3%;} .tech-box ul li:before{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% auto;} .tech-box ul li a{position:absolute;top:0;left:0;width:100%;height:100%} .tech-box ul li{left:inherit !important;top:inherit !important;right:inherit !important;bottom:inherit !important} #modal-main-popup .modal-dialog{margin-right:auto} /* 신사업분야 */ .new-business .video-box-wrap{margin:0 -2rem} .new-business .video-box{max-width:100%;width:100%;;margin:0;} .new-business .video-box iframe{max-width:100%;width:100%} .new-business .top strong{font-size:3.8rem} .new-business .title-gr{padding:10.5rem 0 6.8rem;font-size:2rem} .new-business .title-gr strong{font-size:2.6rem} .nbns-sct1{margin:-2px -2rem 0} .nbns-sct1 .nbns-banner{color:#fff;font-size:3.8rem;padding:8rem 3rem 8rem 3rem;} .nbns-sct1 .nbns-sct1-group .cont{padding-left:2rem;padding-right:2rem;} .nbns-sct1 .nbns-sct1-group .cont dl{padding-left:0;text-align: center; word-break: keep-all;} .nbns-sct2 ul li .cont{padding-left:2rem} .nbns-sct2 ul li .cont span.stxt{font-size:1.7rem;margin-bottom:1rem;letter-spacing:-0.05em} .nbns-sct2 ul li .cont strong{font-size:1.8rem;} .nbns-sct2 ul li .cont .txt{font-size:1.6rem;padding-top:1rem} .nbns-sct2 ul li:after{left:69px;} .nbns-sct2 ul li .img{margin-bottom:auto;width:129px;} .nbns-sct2 ul li:last-child:after{display:none} .nbns-sct3 ul{gap:2rem} .nbns-sct3 li{width:45%;padding-top:45%;} .nbns-sct4 .title-gr{padding-bottom:4rem;} .nbns-sct4 ul{flex-wrap:wrap} .nbns-sct4 ul li{flex:auto} .nbns-sct4 ul li .img{padding-top:0} .nbns-sct4 ul li .img span{position:relative;padding:7rem 2rem} .nbns-sct4 .cont .fbold1{font-size:2.5rem;} .nbns-sct4 .cont .fbold2{font-size:2.5rem;} .nbns-sct5 .cont{font-size:2rem} /* 대표인사말 */ .ceo-intro .ceo-history dl{flex-wrap:wrap} .ceo-intro .ceo-history dl dd{width:100%;margin-top:1rem} .ceo-intro .cp-info{padding:6rem 2rem 4rem ;} } @media all and (max-width:680px) { .main-visual{overflow:visible;position:relative;} .main-visual .all-search form{position:relative;height:51px;margin-bottom:2rem;} .main-visual .all-search .search-form-input{position:absolute;z-index:1000} .main-visual .all-search{top:10%} .main-visual .all-search p{font-size:1.8rem;letter-spacing:-0.08em} .main-visual .all-search h3{font-size:1.4rem} .main-visual .all-search .search-form-input .input-bar ul {padding-bottom:1rem;} .main-visual .all-search .search-form-input .input-bar ul li a{padding:0.1rem 0} .main-container .msection1{position:relative;z-index:500;} .msection2{background:none;} .msection2:before{content:"";display:block;width:30%;height:100%;position:absolute;top:0;left:0;background: url('../img/main/bg-msection2-mb-left.png') right top no-repeat;background-size: cover;} .msection2:after{content:"";display:block;width:30%;height:100%;position:absolute;top:0;right:0;background: url('../img/main/bg-msection2-mb-right.png') left top no-repeat;background-size: cover;} .define-box dt{z-index:10} .list-style1 .item {flex-wrap:wrap} .list-style1 .item .img{width:100%;flex-shrink:0} .list-style1 .item .cont{width:100%;padding-left:0;padding-top: 2rem;} .list-style7 li{width:100%;} .gr-type{flex-wrap:wrap} .gr-type dl{width:100%;margin:0 0 2rem} .tab-style ul li a{padding:1.5rem 1rem;} .btn-site-link img{max-width:100px} .btn-site-link span{font-size:1.4rem;margin-left:1rem;} /* 기술소개 */ .tech-box{padding:4rem 2rem 4rem;} .tech-box ul li{position:relative;margin:2rem auto;width:38%;height:auto;padding-top:38%;} .tech-box ul li:nth-child(1):before{transform:rotate(-45deg)} .tech-box ul li:nth-child(2):before{transform:rotate(-45deg)} .tech-box ul li:nth-child(3):before{transform:rotate(-135deg)} .tech-box ul li:nth-child(4):before{transform:rotate(45deg)} .tech-box ul li:nth-child(5):before{transform:rotate(135deg)} .tech-box ul li:nth-child(6):before{transform:rotate(135deg)} } @media all and (max-width:480px) { footer .footer .finfo .email li:nth-child(1){display:none} footer .footer .finfo dl:nth-child(1), footer .footer .finfo dl:nth-child(3){width:100%;} footer .footer .finfo dl:nth-child(2), footer .footer .finfo dl:nth-child(4){width:100%;} .main-visual .all-search ul.lang{font-size:14px;background-size:18px auto; position:relative;bottom:1rem;} .define-box dt, .msection5 .hlep-box h3{font-size:2.7rem !important} } @media all and (max-width:363px) { .main-visual .all-search{height:auto;top:3%} .main-visual .all-search p{margin-bottom:1rem;word-break:keep-all} .main-visual .all-search form{height:41px} .main-visual .all-search .search-form-input{margin-bottom:1rem;} .main-visual .all-search .search-form-input input{height:35px} .main-visual .all-search .search-form-input .input-bar{padding-right:3rem;padding-left:1.2rem;} .main-visual .all-search .search-form-input .input-bar button.sct{width:30px;height:35px;background-size:13px auto} .main-visual .all-search .search-form-input button[type=submit]{width:35px;height:35px;background-size:25px auto;} .main-visual .all-search .search-form-input .input-bar ul li a{font-size:1.3rem;} } /* 20260915 추가 페이지 */ .aip{ container:aip / inline-size; color:#000; font-family:"Pretendard","Inter",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif; font-size:16px;line-height:1.5;letter-spacing:-0.05em;text-align:left; word-break:keep-all;overflow-wrap:break-word; } .aip, .aip *, .aip *::before, .aip *::after{box-sizing:border-box;} .aip :where(section,h3,h4,p,ul,ol,li,span,strong,em,sup){margin:0;padding:0;border:0;font-size:inherit;font-weight:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit;color:inherit;list-style:none;} .aip :where(img){display:block;max-width:100%;height:auto;border:0;} .aip sup, .page-title .title h2 sup, .page-location sup{position:relative;top:0;font-size:.645em;line-height:0;vertical-align:.391em;letter-spacing:0;} .aip-br-m:not(.aip-br){display:none;} /* 모바일 전용 줄바꿈 */ .aip-br-s:not(.aip-br){display:none;} /* 소형 모바일 전용 줄바꿈 */ .aip-nw{white-space:nowrap;} /* 의미 단위 줄바꿈 방지 */ .aip-m{display:none;} /* 모바일 전용 문구 (.aip-pc = PC 전용 문구) */ .aip-sec{position:relative;padding:clamp(56px,9.5cqw,90px) clamp(20px,4.5cqw,43px) clamp(56px,11cqw,104px);} .aip-head{text-align:center;} .aip-head__eng{font-size:clamp(14px,2.1cqw,20px);font-weight:700;line-height:1.5;letter-spacing:.2em;color:var(--aip-main,#10b77a);} .aip-head__tit{margin-top:8px;font-size:clamp(26px,3.79cqw,36px);font-weight:700;line-height:1.5;color:#000;} .aip-head__tit-sub{display:block;margin-bottom:11px;font-size:clamp(16px,2.32cqw,22px);font-weight:400;letter-spacing:-0.09em;} .aip-head__txt{margin-top:clamp(12px,2.5cqw,24px);font-size:clamp(16px,2.1cqw,20px);font-weight:var(--aip-head-txt-w,400);line-height:1.9;} .aip-head__txt strong{font-weight:var(--aip-head-strong-w,600);} .aip-intro{padding-top:20px;padding-bottom:clamp(48px,7.6cqw,72px);text-align:center;} .aip-intro__sub{font-size:clamp(18px,2.53cqw,24px);line-height:1.5;} .aip-intro__tit{margin-top:8px;font-size:clamp(26px,3.79cqw,36px);font-weight:700;line-height:1.5;} .aip-intro__txt{margin-top:clamp(24px,5.3cqw,50px);font-size:clamp(16px,2.1cqw,20px);line-height:1.8;} .aip-intro__txt strong{font-weight:var(--aip-intro-strong-w,600);} .aip-why{padding-bottom:var(--aip-why-pb,clamp(56px,11cqw,104px));background:var(--aip-why-bg,#fff);} .aip-why__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 23px;max-width:795px;margin:clamp(32px,6.3cqw,60px) auto 0;} .aip-why__item{min-height:256px;padding:38px clamp(24px,4.7cqw,45px) 32px;background:#fff;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1);} .aip-why__ico{display:flex;align-items:flex-end;height:80px;} .aip-why__ico img{width:var(--aip-why-ico-w,72px);} .aip-why__tit{margin-top:11px;font-size:clamp(18px,2.53cqw,24px);font-weight:700;line-height:1.4;letter-spacing:-0.015em;} .aip-why__txt{margin-top:16px;font-size:clamp(14px,1.69cqw,16px);line-height:1.45;color:rgba(0,0,0,.55);} .aip-why__txt em{font-weight:600;color:var(--aip-em,var(--aip-main,#10b77a));} .aip-spec{padding-bottom:var(--aip-spec-pb,clamp(48px,7.5cqw,71px));background:var(--aip-spec-bg,#10b77a);color:#fff;} .aip-spec .aip-head__eng{color:rgba(255,255,255,.6);} .aip-spec .aip-head__tit{color:#fff;} .aip-effect{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:864px;margin:-3.2cqw auto 0;} .aip-effect__item{position:relative;min-height:156px;padding:var(--aip-eff-pt,11px) 8px 8px;text-align:center;} .aip-effect__item + .aip-effect__item::before{content:"";position:absolute;left:0;top:0;width:1px;height:156px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 50%,rgba(255,255,255,0) 100%);} .aip-effect__ico{display:flex;align-items:flex-start;justify-content:center;height:var(--aip-eff-ico-h,auto);margin-bottom:var(--aip-eff-ico-mb,6px);} .aip-effect__ico img{width:var(--aip-eff-ico-w,74px);} .aip-effect__tit{display:block;font-size:clamp(16px,2.1cqw,20px);font-weight:600;line-height:1.4;} .aip-effect__txt{margin-top:var(--aip-eff-txt-mt,2px);font-size:clamp(14px,1.69cqw,16px);font-weight:200;line-height:var(--aip-eff-txt-lh,1.4);} .aip-banner{ display:flex;align-items:center; min-height:clamp(192px,31.6cqw,300px);padding:32px clamp(20px,12.7cqw,121px); background:var(--aip-banner-bg,#6b7075); } .aip-banner__tit{font-size:clamp(24px,4.2cqw,40px);font-weight:700;line-height:1.5;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.25);} .aip-process{padding-top:clamp(48px,11.2cqw,106px);padding-bottom:var(--aip-process-pb,clamp(56px,12.6cqw,120px));background:var(--aip-process-bg,#e7f8f2);} .aip-process .aip-head__tit{margin-top:18px;letter-spacing:-0.055em;} .aip-step{ --pl:clamp(0px,8.6cqw,82px); /* 좌측 여백 */ --col:clamp(var(--aip-step-col-min,131px),26.1cqw,248px); /* 원형 이미지 크기 */ --gap:clamp(18px,3.7cqw,35px); /* 이미지-텍스트 간격 */ position:relative;display:grid;row-gap:var(--aip-step-gap-y,clamp(27px,4.2cqw,40px)); margin-top:var(--aip-step-mt,36px); } .aip-step::before{content:"";position:absolute;top:calc(var(--col) / 2);bottom:calc(var(--col) / 2);left:calc(var(--pl) + var(--col) / 2 - 2.5px);width:5px;background:var(--aip-step-line,rgba(19,169,113,.22));} .aip-step__item{display:grid;grid-template-columns:var(--col) minmax(0,1fr);column-gap:var(--gap);align-items:center;min-height:var(--col);padding-left:var(--pl);} .aip-step__visual{position:relative;z-index:1;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;} .aip-step__visual img{width:100%;height:100%;object-fit:cover;} .aip-step__label{font-size:clamp(14px,2.1cqw,20px);font-weight:700;line-height:1.5;letter-spacing:0;color:var(--aip-main,#10b77a);} .aip-step__tit{margin-top:6px;font-size:clamp(16px,2.95cqw,28px);font-weight:700;line-height:1.4;letter-spacing:-0.015em;} .aip-step__txt{max-width:520px;margin-top:clamp(5px,1.7cqw,16px);font-size:clamp(14px,2.1cqw,20px);line-height:1.8;} .aip-rec{padding:var(--aip-rec-pt,clamp(56px,9.5cqw,90px)) 21px var(--aip-rec-pb,clamp(56px,14.5cqw,138px));background:#fff;} .aip-rec .aip-head__eng{color:var(--aip-rec-eng,var(--aip-main,#10b77a));} .aip-rec__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.96cqw,18px);margin-top:clamp(24px,5.7cqw,54px);} .aip-rec__item{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:213 / 144;padding:8px;overflow:hidden;text-align:center;} .aip-rec__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .aip-rec__item::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.46);} .aip-rec__tit{position:relative;z-index:1;font-size:clamp(16px,2.1cqw,20px);font-weight:600;line-height:1.5;letter-spacing:-0.03em;color:#fff;} @container aip (max-width:640px){ .aip-br{display:none;} .aip-intro__tit,.aip-head__tit,.aip-banner__tit,.aip-why__tit,.aip-rec__tit,.aip-step__tit{text-wrap:balance;} .aip-intro__txt,.aip-head__txt,.aip-why__txt,.aip-step__txt{text-wrap:pretty;} .aip-why__list{grid-template-columns:minmax(0,1fr);max-width:480px;gap:10px;} .aip-why__item{display:grid;grid-template-columns:81px minmax(0,1fr);align-content:center;column-gap:14px;min-height:146px;padding:16px 24px;} .aip-why__ico{grid-row:1 / span 2;align-self:center;justify-self:center;height:auto;} .aip-why__tit{align-self:end;margin-top:0;font-size:16px;} .aip-why__txt{font-size:14px;} .aip-effect{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-12px;} .aip-effect__item + .aip-effect__item::before{height:100%;} .aip-effect__item:nth-child(odd)::before{display:none;} .aip-rec__list{grid-template-columns:repeat(2,minmax(0,1fr));} } @container aip (max-width:560px){ .aip .aip-br-m{display:inline;} .aip-pc{display:none;} .aip .aip-m{display:inline;} .aip-sec{padding-right:23px;padding-left:23px;} .aip-head__eng{font-size:14px;} .aip-head__tit{margin-top:6px;font-size:26px;} .aip-head__tit-sub{margin-bottom:2px;font-size:16px;letter-spacing:-0.05em;} .aip-head__txt{margin-top:30px;font-size:16px;line-height:1.5625;} .aip-intro{padding-top:0;padding-bottom:64px;} .aip-intro__sub{font-size:18px;} .aip-intro__tit{margin-top:4px;font-size:26px;line-height:1.54;} .aip-intro__txt{margin-top:29px;font-size:16px;line-height:1.5625;} .aip-why{padding-top:50px;padding-bottom:54px;} .aip-why__list{margin-top:29px;padding:0 8px;} .aip-spec{padding-top:72px;padding-bottom:49px;} .aip-effect__item{min-height:156px;padding:11px 8px 10px;} .aip-effect__tit{font-size:16px;} .aip-effect__txt{font-size:14px;} .aip-banner{min-height:192px;padding:24px 40px;} .aip-banner__tit{font-size:24px;line-height:1.667;} .aip-process{padding-top:48px;padding-bottom:81px;} .aip-process .aip-head__tit{margin-top:21px;} .aip-step{--pl:0px;--col:131px;--gap:18px;row-gap:27px;margin-top:57px;} .aip-step__label{font-size:14px;} .aip-step__tit{margin-top:0;font-size:16px;} .aip-step__txt{margin-top:5px;font-size:14px;line-height:1.43;} .aip-rec{padding:56px 40px 101px;} .aip-rec__list{gap:11px 15px;margin-top:24px;} .aip-rec__tit{font-size:16px;line-height:1.5625;} } @container aip (max-width:380px){ .aip-head__txt .aip-br-m, .aip-why__txt .aip-br-m, .aip-step__txt .aip-br-m{display:none;} .aip .aip-br-s{display:inline;} .aip-why{padding-right:16px;padding-left:16px;} .aip-why__list{padding:0;} .aip-why__item{grid-template-columns:56px minmax(0,1fr);column-gap:12px;padding:16px;} .aip .aip-why__item .aip-why__ico img{width:var(--aip-why-ico-s,52px);} .aip-banner{padding-right:23px;padding-left:23px;} } @container aip (max-width:360px){ .aip-step{--col:104px;--gap:14px;} .aip-rec{padding-right:23px;padding-left:23px;} } @container aip (max-width:300px){ .aip .aip-why__txt .aip-br-s, .aip .aip-rec__tit br{display:none;} .aip-rec__tit{font-size:14px;} } @media all and (max-width:820px){ .aip > .aip-sec{margin-right:-2rem;margin-left:-2rem;} } /* AI BREEDER SQMTM */ .aibr{ --aip-main:#1ebecc; --aip-em:#1bafb6; --aip-head-txt-w:200; --aip-head-strong-w:700; --aip-why-bg:linear-gradient(180deg,rgba(202,241,242,.85) 0%,rgba(202,241,242,.14) 100%),url(../img/page/aibreeder/bg-why.jpg) center top / cover no-repeat #fff; --aip-why-pb:clamp(56px,9cqw,85px); --aip-spec-bg:linear-gradient(180deg,#1dbfcd 0%,#15918b 100%); --aip-spec-pb:clamp(48px,7.2cqw,68px); --aip-eff-pt:24px; --aip-eff-ico-h:61px; --aip-eff-ico-mb:11px; --aip-eff-txt-mt:3px; --aip-eff-txt-lh:1.25; --aip-banner-bg:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url(../img/page/aibreeder/bg-banner.jpg) center / cover no-repeat #33514c; --aip-process-bg:#e8f8fa; --aip-process-pb:clamp(56px,7.3cqw,69px); --aip-step-line:rgba(30,190,204,.25); --aip-step-col-min:133px; --aip-step-gap-y:clamp(28px,5.47cqw,52px); --aip-step-mt:clamp(30px,5.7cqw,54px); --aip-rec-pt:clamp(40px,7.6cqw,72px); --aip-rec-pb:clamp(56px,13.9cqw,132px); --aip-rec-eng:#1bafb6; } .aibr .aip-why__item:nth-child(3){--aip-why-ico-w:79px;} .aibr .aip-effect__item:nth-child(2){--aip-eff-ico-w:90px;} .aibr .aip-effect__item:nth-child(4){--aip-eff-ico-w:87px;} .aibr-diagram{--circle:52.5%;position:relative;max-width:840px;margin:clamp(40px,11.9cqw,113px) auto 0;} .aibr-diagram__circle{ position:absolute;left:50%;top:var(--circle-y,50%);transform:translate(-50%,-50%); display:flex;align-items:center;justify-content:center; width:var(--circle);aspect-ratio:1;border-radius:50%; background:conic-gradient(rgba(255,255,255,.29) 0 25%,rgba(255,255,255,.1) 0 50%,rgba(255,255,255,.29) 0 75%,rgba(255,255,255,.1) 0); } .aibr-diagram__core{ display:flex;align-items:center;justify-content:center; width:55.3%;aspect-ratio:1;border-radius:50%; background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15); font-size:clamp(18px,2.95cqw,28px);font-weight:700;line-height:1.2;letter-spacing:0;text-align:center;color:var(--aip-main); } .aibr-diagram__list{position:relative;z-index:1;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;row-gap:26px;} .aibr-module{grid-column:1;justify-self:start;} .aibr-module:nth-child(even){grid-column:3;} .aibr-module__tit{ display:inline-flex;align-items:baseline;justify-content:center;gap:.35em; padding:8px 24px;border:1px solid #fff;border-radius:50px; background:#1cb4be;box-shadow:0 4px 10px rgba(0,0,0,.15); font-size:clamp(14px,2.1cqw,20px);font-weight:500;line-height:1.45;white-space:nowrap;color:#fff; } .aibr-module__tit span{font-size:.75em;font-weight:400;color:rgba(255,255,255,.6);} .aibr-module__bullets{margin:15px 0 0 33px;font-size:clamp(12px,1.69cqw,16px);font-weight:200;line-height:1.875;} .aibr-module:nth-child(even) .aibr-module__bullets{margin-left:70px;} .aibr-module__bullets li::before{content:"•";margin-right:.35em;} .aibr-spec__visual{width:72.9%;max-width:630px;margin:clamp(24px,7.7cqw,73px) 0 0 18.9%;} .aibr-spec__visual img{width:100%;} @container aip (max-width:640px){ .aibr-spec__visual{width:90%;max-width:480px;margin-left:7.9%;} } @container aip (max-width:560px){ .aibr .aip-head__tit-sub{margin-bottom:4px;} .aibr .aip-intro{padding-bottom:63px;} .aibr .aip-intro__tit{margin-top:8px;line-height:1.346;} .aibr .aip-intro__txt{margin-top:39px;} .aibr .aip-why{padding-top:48px;padding-bottom:58px;background-position:left top,left top;} .aibr .aip-spec{padding-top:64px;padding-bottom:29px;} .aibr .aip-spec .aip-head__tit{margin-top:20px;line-height:1.154;} .aibr .aip-spec .aip-head__txt{margin-top:20px;} .aibr-diagram{--circle:55.5%;--circle-y:35%;max-width:none;margin:91px -12px 0;} .aibr-diagram__core{font-size:18px;} .aibr-diagram__list{row-gap:46px;} .aibr-module__tit{padding:6px 14px;font-size:14px;} .aibr-module__tit span{font-size:12px;} .aibr-module__bullets{margin:13px 0 0 20px;font-size:12px;line-height:1.667;} .aibr-module:nth-child(even) .aibr-module__bullets{margin-left:52px;} .aibr-spec__visual{margin-top:4px;} .aibr .aip-effect__item{padding:27px 8px 8px;} .aibr .aip-effect__ico{height:60px;margin-bottom:10px;} .aibr .aip-effect__txt{line-height:1.143;} .aibr .aip-process{padding-bottom:69px;} .aibr .aip-process .aip-head__tit{font-size:25px;line-height:1.2;} .aibr .aip-step{--col:133px;row-gap:28px;margin-top:30px;} .aibr .aip-rec{padding:40px 41px 67px;} .aibr .aip-rec__list{gap:11px 16px;margin-top:26px;} } @container aip (max-width:380px){ .aibr .aip-rec{padding-right:23px;padding-left:23px;} .aibr .aip-step{--col:104px;--gap:14px;} } @container aip (max-width:330px){ .aibr-diagram{margin:40px 0 0;} .aibr-diagram__circle{position:relative;left:auto;top:auto;transform:none;width:62%;margin:0 auto 24px;} .aibr-diagram__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:20px;} .aibr-module, .aibr-module:nth-child(even){grid-column:auto;justify-self:stretch;} .aibr-module__tit{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:6px 8px;border-radius:20px;white-space:normal;} .aibr-module__bullets, .aibr-module:nth-child(even) .aibr-module__bullets{margin-left:6px;} .aibr .aip-why__txt .aip-br-s{display:none;} .aibr .aip-rec__tit br{display:none;} .aibr .aip-rec__tit{font-size:14px;} } /* AI FARMER SPEC */ .aifs{ --aip-main:#10b77a; --aip-why-bg:linear-gradient(180deg,#d2f5e7 0%,rgba(210,245,231,.2) 100%),url(../img/page/aifarmer/bg-why.jpg) center top / cover no-repeat #fff; --aip-why-ico-w:81px; --aip-why-ico-s:56px; --aip-intro-strong-w:700; --aip-spec-bg:linear-gradient(180deg,#10b77a 0%,#159160 100%); --aip-spec-pb:clamp(48px,7.5cqw,71px); --aip-eff-ico-w:clamp(56px,8.7cqw,83px); --aip-banner-bg:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url(../img/page/aifarmer/bg-banner.jpg) center / cover no-repeat #6b7075; --aip-process-bg:#e7f8f2; --aip-process-pb:clamp(56px,12.6cqw,120px); --aip-step-line:rgba(19,169,113,.22); } .aifs-diagram{position:relative;max-width:752px;aspect-ratio:752 / 473;margin:clamp(32px,6.6cqw,63px) auto 0;} .aifs-diagram__circle{ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); display:flex;align-items:center;justify-content:center; width:57.72%;aspect-ratio:1;border-radius:50%; background:conic-gradient(rgba(255,255,255,.29) 0 25%,rgba(255,255,255,.1) 0 50%,rgba(255,255,255,.29) 0 75%,rgba(255,255,255,.1) 0); } .aifs-diagram__core{ display:flex;align-items:center;justify-content:center; width:55.3%;aspect-ratio:1;border-radius:50%; background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15); font-size:clamp(20px,2.95cqw,28px);font-weight:700;line-height:1.43;letter-spacing:0;text-align:center;color:var(--aip-main); } .aifs-diagram__pills{position:absolute;inset:0;} .aifs-pill{ position:absolute;display:flex;align-items:center;justify-content:center; padding:.6em 1.5em;border:1px solid #fff;border-radius:50px; background:#12af74;box-shadow:0 4px 10px rgba(0,0,0,.15); font-size:clamp(14px,2.1cqw,20px);font-weight:500;line-height:1.45;text-align:center;white-space:nowrap;color:#fff; } .aifs-pill--top{top:0;left:50%;transform:translateX(-50%);} .aifs-pill--right{top:50%;right:0;transform:translateY(-50%);} .aifs-pill--bottom{bottom:0;left:50%;transform:translateX(-50%);background:#13a56e;} .aifs-pill--left{top:50%;left:0;transform:translateY(-50%);background:#13a971;} .aifs-spec__visual{width:70.6%;max-width:671px;margin:clamp(20px,3.8cqw,36px) auto 0;} .aifs-spec__visual img{width:100%;} .aifs-spec__note{margin-top:clamp(32px,6.2cqw,59px);font-size:clamp(12px,1.69cqw,16px);font-weight:200;line-height:1.63;text-align:center;color:rgba(255,255,255,.6);} @container aip (max-width:640px){ .aifs-spec__note{text-wrap:pretty;} .aifs-spec__visual{width:91%;max-width:480px;} } @container aip (max-width:560px){ .aifs .aip-spec .aip-head__eng{color:rgba(255,255,255,.5);} .aifs-diagram{max-width:none;aspect-ratio:417 / 253;margin:44px -12px 0;} .aifs-diagram__circle{width:55.8%;} .aifs-diagram__core{font-size:20px;line-height:1.1;} .aifs-pill{padding:3px 10px;font-size:14px;} .aifs-spec__visual{max-width:359px;margin-top:20px;} .aifs .aip-effect__ico{margin-bottom:9px;} .aifs .aip-effect__ico img{width:83px;} .aifs .aip-effect__txt{margin-top:6px;} .aifs-spec__note{margin-top:41px;font-size:12px;line-height:2.17;} } @container aip (max-width:380px){ .aifs-spec__note .aip-br-m:not(.aip-br-s){display:none;} } @container aip (max-width:360px){ .aifs-diagram__core{font-size:17px;} .aifs-pill{padding:3px 8px;font-size:13px;} } @container aip (max-width:300px){ .aifs-diagram{margin-right:-18px;margin-left:-18px;} .aifs-diagram__core{width:50%;font-size:15px;} .aifs-pill{padding:3px 6px;font-size:12px;} .aifs .aifs-spec__note .aip-br-s{display:none;} } /* 프리미엄 신품종*/ .pnv{ --aip-main:#ad3b38; --aip-banner-bg:linear-gradient(rgba(0,0,0,.27),rgba(0,0,0,.27)),url(../img/page/premiumseed/bg-banner.jpg) center 15% / cover no-repeat #3a2a22; --aip-step-line:#ededed; --aip-step-gap-y:clamp(27px,5.47cqw,52px); --aip-step-mt:clamp(40px,11.7cqw,111px); } .pnv .aip-intro{padding-bottom:clamp(48px,11.7cqw,111px);} .pnv .aip-intro__sub{font-size:clamp(18px,2.32cqw,22px);letter-spacing:-0.02em;} .pnv .aip-intro__tit{margin-top:1px;letter-spacing:-0.02em;} .pnv .pnv-hero{padding:0;background:#000;} .pnv-hero__video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0;} .pnv .pnv-tomato{padding-top:clamp(60px,15.3cqw,145px);padding-bottom:clamp(56px,12.2cqw,116px);background:url(../img/page/premiumseed/bg-tomato.jpg) center / cover no-repeat #5c1e20;color:#fff;} .pnv-tomato .aip-head__tit{margin-top:0;font-size:clamp(30px,4.21cqw,40px);color:#ffc36f;} .pnv-tomato .aip-head__tit-sub{margin-bottom:0;font-size:clamp(18px,2.95cqw,28px);letter-spacing:-0.05em;color:#fff;} .pnv-tomato .aip-head__txt{margin-top:clamp(14px,4.9cqw,47px);font-size:clamp(16px,2.95cqw,28px);line-height:1.786;letter-spacing:-0.03em;color:#fff;} .pnv-tomato .aip-head__txt strong{font-weight:700;color:#ffc36f;} .pnv-tomato__body{display:grid;grid-template-columns:52.5% minmax(0,1fr);column-gap:3.4%;align-items:center;margin:clamp(37px,9.2cqw,87px) 0 0 -11px;} .pnv-nutrient{position:relative;} .pnv-nutrient__img{width:100%;} .pnv-nutrient__item{position:absolute;transform:translate(-50%,-50%);font-size:clamp(14px,2.1cqw,20px);line-height:1.5;text-align:center;white-space:nowrap;color:#fff;} .pnv-nutrient__item--1{left:50.5%;top:12.2%;} .pnv-nutrient__item--2{left:18.7%;top:30.4%;} .pnv-nutrient__item--3{left:81.3%;top:30.4%;} .pnv-nutrient__item--4{left:15.9%;top:60.3%;} .pnv-nutrient__item--5{left:83.4%;top:60.3%;} .pnv-tomato__tit{font-size:clamp(20px,2.95cqw,28px);font-weight:700;line-height:1.607;} .pnv-tomato__txt{margin-top:clamp(25px,4.3cqw,41px);font-size:clamp(16px,2.1cqw,20px);line-height:1.75;} .pnv .pnv-alliance{padding-top:clamp(80px,14.7cqw,140px);padding-bottom:clamp(50px,15.3cqw,145px);} .pnv-alliance .aip-head__tit{margin-top:0;letter-spacing:0;} .pnv-alliance .aip-head__txt{margin-top:5px;font-size:clamp(18px,2.32cqw,22px);line-height:1.5;} .pnv .aip-step{--pl:clamp(0px,7.9cqw,75px);} .pnv .aip-step__label{font-family:"KccEunyeong","Pretendard",sans-serif;font-size:clamp(18px,3.79cqw,36px);font-weight:600;line-height:1.39;letter-spacing:0;} .pnv .aip-step__tit{margin-top:7px;} .pnv .aip-step__txt{max-width:none;line-height:2;} .pnv .pnv-variety{padding-top:clamp(42px,11.2cqw,106px);padding-bottom:clamp(60px,11.3cqw,107px);background:#f7ebeb;} .pnv-variety .aip-head__tit{margin-top:0;} .pnv-variety .aip-head__tit-sub{margin-bottom:2px;letter-spacing:-0.05em;} .pnv-variety__list{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 20px;max-width:813px;margin:clamp(35px,6.7cqw,64px) auto 0;} .pnv-variety__item{flex:0 0 calc((100% - 40px) / 3);aspect-ratio:257 / 253;} .pnv-variety__item::after{background:rgba(0,0,0,.34);} .pnv-variety__item:nth-child(2)::after{background:none;} .pnv-variety__item:nth-child(3)::after{background:rgba(4,4,4,.57);} .pnv-variety__item:nth-child(4)::after, .pnv-variety__item:nth-child(5)::after{background:rgba(4,4,4,.27);} .pnv-variety .aip-rec__tit{font-size:clamp(20px,2.53cqw,24px);font-weight:700;line-height:1.5;} .pnv-variety .aip-rec__tit strong{display:block;font-weight:700;line-height:2;} .pnv-variety .aip-rec__tit strong.pnv-variety__tit-2line{line-height:1.5;} .pnv-variety .aip-rec__tit span{display:block;font-size:clamp(14px,1.69cqw,16px);font-weight:400;line-height:2;} .pnv .pnv-strategy{padding-top:clamp(90px,10.4cqw,99px);padding-bottom:clamp(50px,6.3cqw,60px);overflow:hidden;} .pnv-strategy__deco{position:absolute;z-index:0;top:clamp(353px,61.7cqw,586px);right:-26px;width:62.2%;max-width:591px;opacity:.2;pointer-events:none;} .pnv-strategy > .aip-head, .pnv-strategy__txt, .pnv-strategy__list{position:relative;z-index:1;} .pnv-strategy__txt{margin-top:clamp(28px,6.7cqw,64px);font-size:clamp(14px,2.1cqw,20px);line-height:2;text-align:center;} .pnv-strategy__txt strong{font-weight:600;} .pnv-strategy__lead{margin-top:clamp(25px,4.7cqw,45px);} .pnv-strategy__lead strong{font-weight:700;} .pnv-strategy__lead .pnv-strategy__subtit{font-size:clamp(18px,2.95cqw,28px);line-height:1.43;} .pnv-strategy__point{margin-top:clamp(25px,4.7cqw,45px);font-size:clamp(18px,2.32cqw,22px);font-weight:700;line-height:1.82;letter-spacing:-0.02em;color:var(--aip-main);} .pnv-strategy__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 23px;margin:clamp(52px,19.4cqw,184px) -3px 0;} .pnv-strategy__card{aspect-ratio:274 / 185;} .pnv-strategy .aip-rec__tit{font-size:clamp(16px,2.53cqw,24px);line-height:1.46;} .pnv-strategy__desc{margin-top:clamp(14px,2.1cqw,20px);font-size:clamp(14px,1.69cqw,16px);line-height:1.875;letter-spacing:0;text-align:center;} /* Figma 렌더링 폭 기준 (Pretendard 자간 0) */ .pnv .pnv-seedfood{padding-top:clamp(48px,10cqw,95px);padding-bottom:clamp(67px,10.5cqw,100px);} .pnv-seedfood .aip-head__tit{line-height:1.111;letter-spacing:-0.02em;} .pnv-seedfood .aip-head__txt{margin-top:0;font-size:clamp(18px,2.32cqw,22px);font-weight:700;line-height:1.818;} .pnv-seedfood__visual{margin:clamp(26px,8.3cqw,79px) -1px 0;} .pnv-seedfood__visual img{width:100%;aspect-ratio:866 / 348;object-fit:cover;} .pnv-seedfood__txt{margin-top:clamp(28px,6.3cqw,60px);font-size:clamp(14px,2.1cqw,20px);line-height:2;text-align:center;} .pnv-seedfood__txt + .pnv-seedfood__txt{margin-top:clamp(25px,4.2cqw,40px);} .pnv-seedfood__txt strong{font-weight:700;color:var(--aip-main);} @container aip (max-width:640px){ .pnv-tomato__txt,.pnv-strategy__txt,.pnv-strategy__desc,.pnv-seedfood__txt{text-wrap:pretty;} .pnv .aip-step__label,.pnv-strategy__point{text-wrap:balance;} .pnv-tomato__body{grid-template-columns:minmax(0,1fr);row-gap:36px;justify-items:center;margin-left:0;text-align:center;} .pnv-nutrient{width:74%;max-width:360px;} .pnv-variety__list{gap:16px 15px;max-width:none;} .pnv-variety__item{flex-basis:calc((100% - 15px) / 2);} .pnv-strategy__list{grid-template-columns:minmax(0,1fr);row-gap:27px;margin-right:-6px;margin-left:-6px;} .pnv-strategy__item{display:grid;grid-template-columns:49.4% minmax(0,1fr);column-gap:14px;align-items:center;} .pnv-strategy__desc{margin-top:0;text-align:left;} } @container aip (max-width:560px){ .pnv .aip-intro{padding-bottom:54px;} .pnv .aip-intro__sub{font-size:18px;} .pnv .aip-intro__tit{margin-top:0;line-height:1.154;} .pnv .pnv-tomato{padding-top:60px;padding-bottom:65px;background-position:left center;} .pnv-tomato .aip-head__tit{font-size:30px;line-height:1.5;} .pnv-tomato .aip-head__tit-sub{font-size:18px;line-height:1.5;} .pnv-tomato .aip-head__txt{margin-top:14px;font-size:16px;line-height:1.5625;} .pnv-tomato .aip-head__txt strong{font-weight:400;color:#fff;} .pnv-tomato__body{margin-top:37px;} .pnv-nutrient{width:292px;max-width:100%;} .pnv-nutrient__item{font-size:16px;line-height:1.25;} .pnv-tomato__tit{font-size:20px;line-height:1.5;} .pnv-tomato__txt{margin-top:25px;font-size:16px;line-height:1.625;} .pnv .aip-banner{min-height:196px;padding-left:36px;} .pnv .aip-banner__tit{font-size:30px;line-height:1.333;} .pnv .pnv-alliance{padding-top:80px;padding-bottom:50px;} .pnv-alliance .aip-head__tit{line-height:1.154;} .pnv-alliance .aip-head__txt{margin-top:4px;font-size:18px;} .pnv .aip-step{--pl:0px;--gap:16px;} .pnv .aip-step__label{font-size:18px;line-height:1.111;} .pnv .aip-step__tit{margin-top:0;line-height:1.875;} .pnv .aip-step__txt{margin-top:0;line-height:1.43;} .pnv .pnv-variety{padding-top:42px;padding-bottom:60px;background:#fff;} .pnv-variety .aip-head__tit{line-height:1.154;} .pnv-variety .aip-head__tit-sub{margin-bottom:6px;font-size:18px;} .pnv-variety__list{margin-top:35px;} .pnv-variety__item{padding:4px;} .pnv-variety .aip-rec__tit{font-size:20px;} .pnv-variety .aip-rec__tit span{font-size:14px;} .pnv .pnv-strategy{padding-top:90px;padding-bottom:50px;} .pnv-strategy .aip-head__tit{line-height:1.154;} .pnv-strategy__deco{top:353px;right:-16px;width:299px;opacity:.25;} .pnv-strategy__txt{margin-top:30px;font-size:14px;line-height:1.786;} .pnv-strategy__lead{margin-top:25px;} .pnv-strategy__lead .pnv-strategy__subtit{font-size:18px;line-height:1.389;} .pnv-strategy__point{margin-top:25px;font-size:18px;line-height:1.389;letter-spacing:-0.05em;} .pnv-strategy__list{margin-top:52px;} .pnv-strategy .aip-rec__tit{font-size:16px;line-height:1.25;} .pnv-strategy__desc{font-size:14px;line-height:1.43;} .pnv .pnv-seedfood{padding-top:48px;padding-bottom:67px;} .pnv-seedfood .aip-head__tit{font-size:26px;line-height:1.538;} .pnv-seedfood .aip-head__txt{font-size:18px;line-height:2.222;} .pnv-seedfood__visual{margin:26px -23px 0;} .pnv-seedfood__visual img{aspect-ratio:440 / 173;} .pnv-seedfood__txt{margin-top:28px;font-size:14px;line-height:1.786;} .pnv-seedfood__txt + .pnv-seedfood__txt{margin-top:25px;} } @container aip (max-width:380px){ .pnv .aip-banner{padding-left:23px;} .pnv-tomato__txt .aip-br-m, .pnv-seedfood__txt .aip-br-m, .pnv-strategy__point .aip-br-m{display:none;} .pnv-variety .aip-rec__tit{font-size:17px;letter-spacing:-0.06em;} .pnv-variety .aip-rec__tit span{font-size:12.5px;} .pnv-strategy__item{grid-template-columns:48% minmax(0,1fr);column-gap:12px;} } @container aip (max-width:330px){ .pnv .pnv-variety .aip-rec__tit br, .pnv .pnv-strategy .aip-rec__tit br{display:inline;} .pnv-strategy .aip-rec__tit{font-size:14px;} .pnv-variety .aip-rec__tit{font-size:16px;} .pnv-variety .aip-rec__tit span{font-size:12px;} .pnv .aip-banner__tit{font-size:24px;} }