@charset "utf-8"; /* @import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); */ /* @import url(http://fonts.googleapis.com/css?family=Ubuntu); @import url('https://fonts.googleapis.com/css?family=Nunito'); */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap'); /* @font-face { font-family: 'BinggraeTaom'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.1/BinggraeTaomA1.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GoyangDeogyang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GoyangDeogyang.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal;} */ /* @font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal;} */ /* @font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal;} */ /* @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); */ @import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap'); .play {font-family: 'Play', sans-serif;} .nanumgothic * { font-family: 'Nanum Gothic', sans-serif; } .nanumsquare { font-family: 'NanumSquare', sans-serif !important; } .taom { font-family: 'BinggraeTaom', sans-serif !important; } .goyang { font-family: 'GoyangDeogyang', sans-serif !important; } .notosans { font-family: 'Noto Sans KR', sans-serif; } .scoredream_el { font-family: 'S-CoreDream-2ExtraLight', sans-serif; } .scoredream_r { font-family: 'S-CoreDream-4Regular', sans-serif; } .scoredream_b { font-family: 'S-CoreDream-6Bold', sans-serif; } .scoredream_eb { font-family: 'S-CoreDream-7ExtraBold', sans-serif; } .scoredream_hvy { font-family: 'S-CoreDream-8Heavy', sans-serif; } .scoredream_bl { font-family: 'S-CoreDream-9Black', sans-serif; } /* 초기화 */ html {overflow-y:scroll;height:100%;min-width:320px; scroll-behavior: smooth; } body {margin:0;padding:0;height:100%;font-family: 'Play', 'Noto Sans KR', sans-serif;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} #hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none} ul,li,ol{list-style:none;padding:0;margin:0} legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle} input, button {margin:0;padding:0;font-size:1em} button , input[type=submit]{cursor:pointer} input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;} textarea, select {font-size:1em;font-family:dotum} textarea {border-radius:0;-webkit-appearance:none} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a:link, a:visited {text-decoration:none} a:hover, a:focus, a:active {text-decoration:none} /* 이미지 마우스 오버 */ .imgswap img:first-child {display:inline-block; } .imgswap img:last-child {display:none; } .imgswap:hover img:first-child {display:none; animation:opacity_img_revers 1s } .imgswap:hover img:last-child {display:inline-block; animation:opacity_img 1s } @keyframes opacity_img { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes opacity_img_revers { 0% {opacity: 1;} 100% {opacity: 0;} } .imghover img:hover {-webkit-filter: grayscale(80%); filter: grayscale(80%); } .img_scale img:hover { animation:pingpong_img 0.4s forwards } .img_scale img:not(:hover) { animation:pingpong_img_revers 0.4s forwards } @keyframes pingpong_img { 0% { transform:scale(1); /* default */ -webkit-transform:scale(1); /* 크롬 */ -moz-transform:scale(1); /* FireFox */ -o-transform:scale(1); /* Opera */ } 100% { transform:scale(1.05); /* default */ -webkit-transform:scale(1.05); /* 크롬 */ -moz-transform:scale(1.05); /* FireFox */ -o-transform:scale(1.05); /* Opera */ } } @keyframes pingpong_img_revers { 0% { transform:scale(1.05); /* default */ -webkit-transform:scale(1.05); /* 크롬 */ -moz-transform:scale(1.05); /* FireFox */ -o-transform:scale(1.05); /* Opera */ } 100% { transform:scale(1); /* default */ -webkit-transform:scale(1); /* 크롬 */ -moz-transform:scale(1); /* FireFox */ -o-transform:scale(1); /* Opera */ } } .text_enter:hover { animation:text_enter_event 0.7s forwards } /*.text_enter:not(:hover) { animation:text_enter_event_revers 0.4s forwards }*/ @keyframes text_enter_event { 0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 1;} } @keyframes text_enter_event_revers { 0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 1;} } .img_moving img { animation:mbottom 4s ease-in Infinite Alternate; } @keyframes mbottom { 0% { margin-bottom: 0px; } 25% { margin-bottom: -15px; } 50% { margin-bottom: -0px; } 75% { margin-bottom: 15px; } 100% { margin-bottom: 0px; } } .img_moving2 img { animation:mright 4s ease-in Infinite Alternate; } @keyframes mright { 0% { margin-right: 0px; } 25% { margin-right: 5px; } 50% { margin-right: 0px; } 75% { margin-right: -5px; } 100% { margin-right: 0px; } } .img_moving3 img { animation:mleft 3s ease-in Infinite Alternate; } @keyframes mleft { 0% { margin-left: 0px; } 25% { margin-left: 10px; } 50% { margin-left: 0px; } 75% { margin-left: 10px; } 100% { margin-left: 0px; } } /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px} #hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;} .hd_pops_con {width:100% !important;overflow:auto} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} /* 상단 레이아웃 */ #hd {width:100%;background:#fff;position:relative;} #hd #hd_wr{max-width:1000px;margin:0 auto;width:100%;position:relative;} #hd:after {display:block;visibility:hidden;clear:both;content:""} #hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #logo {text-align:left;} #logo a{margin-top:0px;display:inline-block} #hd_sch_open{display:none} #hd_sch {text-align:center;} #hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #hd_sch form {position:relative;background:#ececec;border-radius:0px} #hd_sch form:after {display:block;visibility:hidden;clear:both;content:""} #hd_sch #sch_stx {width:127px;padding-left:10px;border:0;background:none;height:35px !important;line-height:35px !important;vertical-align:middle;} #hd_sch #sch_submit {margin:0;padding:0 ;height:35px !important;line-height:35px !important;border:0;background:#dfdfdf;border-radius:0 5px 5px 0 ;color:#fff;vertical-align:middle;cursor:pointer;width:40px} #hd_sch #sch_submit:hover, #hd_sch #sch_submit:focus{background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;} #sch_stc_label{position:absolute;top:0;left:10px;height:35px !important;line-height:35px !important;color:#666} #hd_nb {clear:both;background:#ecf0f7;text-align:center} #hd_nb li {display:inline-block} #hd_nb li:nth-last-of-type(1) {border-right:0 !important} #hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none} /* 공통 스타일 */ .fs085 {font-size:0.85em;} /* 스타일 가이드 */ .fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs12 {font-size:12px;} .fs13 {font-size:13px;} .fs14 {font-size:14px;} .fs15 {font-size:15px;} .fs16 {font-size:16px;} .fs17 {font-size:17px;} .fs18 {font-size:18px;} .fs19 {font-size:19px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;} .fs24 {font-size:24px;} .fs26 {font-size:26px;} .fs28 {font-size:28px;} .fs30 {font-size:30px;} .fs32 {font-size:32px;} .fs34 {font-size:34px;} .fs36 {font-size:36px;} .fs38 {font-size:38px;} .fs40 {font-size:40px;} .fs42 {font-size:42px;} .fs44 {font-size:44px;} .fs46 {font-size:46px;} .fs48 {font-size:48px;} .fs50 {font-size:50px;} .fs52 {font-size:52px;} .fs54 {font-size:54px;} .fs56 {font-size:56px;} .fs58 {font-size:58px;} .fs60 {font-size:60px;} .fs62 {font-size:62px;} .fs64 {font-size:64px;} .fs66 {font-size:66px;} .fs68 {font-size:68px;} .fs70 {font-size:70px;} .fs72 {font-size:72px;} .fs74 {font-size:74px;} .fs76 {font-size:76px;} .fs78 {font-size:78px;} .fs80 {font-size:80px;} .fs82 {font-size:82px;} .fs84 {font-size:84px;} .fs86 {font-size:86px;} .fs88 {font-size:88px;} .fs90 {font-size:90px;} .fs92 {font-size:92px;} .fs94 {font-size:94px;} .fs96 {font-size:96px;} .fs98 {font-size:98px;} .fs100 {font-size:100px;} .fw100 {font-weight:100;} .fw200 {font-weight:200;} .fw300 {font-weight:300;} .fw400 {font-weight:400;} .fw500 {font-weight:500;} .fw600 {font-weight:600;} .fw700 {font-weight:700;} .fw800 {font-weight:800;} .fw900 {font-weight:900;} .main_modal_popup {background:rgba(0,0,0,0.6);width:100%;height:100vh; } .main_color0 {color:#000;} .main_color1 {color:#FFF;} .main_color2 {color:#535353;} .main_color3 {color:#ff0000;} .main_color4 {color:#fb6000;} .main_color5 {color:#ebebeb;} .button1 {padding:20px 60px; background:#ff0000; color:#fff; border-radius:40px; transition:background 0.3s;} .button1:hover {background:#000; color:#fff; } /* 스타일 가이드 끝 */ /***************************************************************/ /* 스타일 작업 시작 */ body { background:transparent;} body, html {width: 100%;} #wrap {background: transparent; text-align: center; } *, *:after, *:before {box-sizing: border-box; padding:0; margin:0;} img { display:inline-block; font-size: 0;} /* header, .main_silde {width: 100%;} */ a {text-decoration: none; color:#000;} a:hover { color:#51b431;} input, select, textarea {font-family: 'Noto Sans KR', sans-serif;} /* header 메뉴 */ header {z-index: 15; width: 100%; margin: 0 auto; flex-wrap: wrap;display:flex;justify-content: center;align-items: center;position:fixed; height: 90px;} /* header:after { left:0; right:0; margin: 0 auto;justify-content: center;align-items: center;display: flex;content:''; top: 114px; position:absolute; max-width: 1340px; width: 100%; border-bottom: 1px solid #f9ed75;} */ header h1 {z-index: 12;flex-basis: content;text-align: left;} header h1 img { height: 30px; filter: contrast(3) brightness(0) grayscale(1) hue-rotate(360deg) saturate(0) invert(1); max-width:100%;} header h1 a { display: inline-block;} header .box_inner { position: relative;display:flex; padding: 0px 20px; max-width: 1340px; width: 100%; height: 100%;justify-content: space-between; align-items: center;} header:not(.menu-scroll) .nav_wrap { display: none;} /*웹용 메뉴*/ .nav_web { font-size: 1.15em; padding-left: 5%; max-width: 820px; height: 100%; flex:1 1 750px; margin-left:auto; position: relative;} .nav_web a { font-weight:300; height: 100%;color:#fff;} .nav_web>ul {width:100%; height: 100%; display: flex; justify-content: space-between; align-items: center; } .nav_web>ul>li { flex: 1 1 auto; width:100%; height: 100%;position:relative; display: inline-block; text-align: center;} .nav_web a {width:100%;} .nav_web ul ul { position: absolute; left: 0px; width: 130%; text-align: left; font-size: 0.9em; display: none ; letter-spacing: -0.1px; padding: 10px; background:rgba(0,0,0,0.3); } .nav_web ul ul a { color:#fff; padding: 8px 12px;} .nav_web ul ul a:hover { background:rgba(255,255,255,0.1); font-weight: 400; color:#51b431;} .nav_web>ul>li:hover ul {display:block; } .nav_web li:not(.nav_head) a { display: flex; justify-content: flex-start;align-items: center; } .nav_web .nav_head span { padding-left: 14px; position: relative;} .nav_web .nav_head { padding-top: 35px;} .nav_web .nav_head span:not(.active) { font-weight: 200;} .nav_web .nav_head .active a { font-weight: 300;} .nav_web .nav_head span:first-of-type:after { right:-8px;top: 7px; content: ''; height: 10px; background:#fff; width: 1px; position: absolute;} .nav_web .nav_head { font-size: 0.9em;} .nav_web .nav_head .go { padding-left: 20px;} .nav_head_wrap { position:absolute; top:-17px; width:100px; border:1px solid #fff; border-radius: 22px; background:transparent; padding: 5px 5px; background:rgba(0,0,0,0.3);} .nav_head_wrap a { display:block; position: relative; font-size:1em; color:#fff; padding-left:27px; } .nav_head_wrap p:not(.active) { position: relative; overflow: hidden; padding:10px 0px; text-align:center;} .nav_head_wrap p:not(.active) a:after { content:'\25B4'; color:transparent; } .nav_head_wrap a:after { display:inline-block; margin-left: 5px; margin-top:-17px; vertical-align: middle; font-size:1.3em; width: 10px; height: 17px; left:0; position: relative; content: '\25BE'; } .nav_head_wrap a:hover {color:#51b431; } .nav_head_wrap:hover a:after { content:'\25B4'; } header .nav_head { width: 100px;font-size: 0.9em; position: relative; color:#fff; min-width: 100px;} header .nav_head p { width:70%;} /*모바일용메뉴*/ .nav_md {width: 100%; height: 100%; top:0; right:0;position: fixed;z-index: 11; background:rgba(0,0,0,0.5);} .nav_md_wrap { position:absolute; right:0; background:#51b431; height: 100%; width: 100%; overflow-y:auto; } .nav_md_wrap>ul { height: 100%; padding: 20px 0px 50px 50px; } .nav_md_wrap>ul>li { position:relative; width: 100%; max-width: 100%;display: inline-block; } .nav_md_wrap>ul>li:hover>a { font-weight:600;} .nav_md_wrap a:hover {} .nav_md_wrap>ul>li>a {font-weight: 600;} .nav_md ul ul { padding:15px 0px; display: none;} .nav_md ul ul a { font-size: 0.9em; padding: 7px 0; opacity: 0.6; } .nav_md ul a { padding: 18px 0; display: block; text-align: left;font-size: 1.2em; color:#fff;} /*.nav_md_wrap>ul>li:hover ul { display: block;}*/ .nav_md .nav_head span { padding-left: 14px; font-size: 1.8em;position: relative;} .nav_md .nav_head {text-align:left; padding: 40px;} .nav_md .close { position:relative;width: 20px; height: 50px; z-index: 11;} .nav_md .close a { position: relative; display: block; font-size:0;width: 100%; height: 100%;} .nav_md .close a:after {transform: translate(-50%, -50%); top: 50%; left:50%; position:absolute; content:'\2715'; font-weight: 100; color:#fff; font-size: 1.3rem; z-index:6} .nav_head_md { padding: 0 25px; display:flex; justify-content: flex-start; align-items: center; text-align: left; height:70px; } .nav_head_md .lang-box a {font-size: 0.7em; border:1px solid #000; border-radius: 20px; font-weight: 600; opacity: 0.5; padding: 2px 15px;} .nav_head_md .lang-box .active a { opacity: 1; } .nav_head_md .close { margin-left:auto; } /* 메뉴 스크롤시 */ .menu-scroll { background:rgba(255,255,255,0) } /* .menu-scroll .nav_web ul ul {width: 100%; top: 100px; padding: 10px 0;position:absolute; display: none; } */ .menu-scroll .nav_web { z-index:4;} .menu-scroll .nav_web a { color:#000; } .menu-scroll .nav_web li li a {color:#fff} .menu-scroll .nav_web li li a:hover { color:#51b431; } /* .menu-scroll .nav_web li li a { padding: 8px 0; color:#646464} .menu-scroll .nav_web li li a:hover { color:#005bac} .menu-scroll .nav_web li:not(.nav_head) a { clear: both; width: 100%; } .menu-scroll .nav_web>ul>li>a { position: relative;} .menu-scroll .nav_web>ul>li>a:hover:after, .menu-scroll .nav_web>ul>li:hover>a:after { position:absolute; content:''; width:100%; height:3px; background:#005bac; bottom:-2px; } */ .menu-scroll h1 img { filter: none;} /* header:not(.menu-scroll) .nav_wrap { display: none;} */ /* .menu-scroll .nav_wrap { border-top:1px solid #bdb9b8; display: block; z-index:1;width: 100%; height: 240px; background-color:rgba(255,255,255, 1); position: absolute; left:0; top: 100px;} 2depth 배경 */ /* 모바일메뉴보기 버튼 */ .menu_view {display:none; position:absolute; top:5px;right:10px; width: 70px; height: 60px; z-index: 5;} .menu_view a { position: relative; display: block; font-size:0;width: 100%; height: 100%;} .menu_view a:after { width:100%; position:absolute; top: 0; left:0;content:'\2261'; font-weight: 100; color:#fff; font-size: 2.5rem; height: 100%; z-index:6} .container {background: transparent; margin: 0 auto; text-align: center;} /* 스크롤 아이콘(오른쪽) */ .scroll-ud-btn { top:50%; transform: translateY(-50%); position:fixed; right:50px; z-index:10;} .scroll-ud-btn a { display:block; padding: 35px 25px; font-size:0;} .scroll-ud-btn span { border-radius: 20px; display:block; width:6px; height:6px; position: relative; background:#fff} .scroll-ud-btn a.active span:before { left: 50%; top:50%; transform: translate(-50%, -50%); border-radius: 50%; position: absolute; width:37px; height:37px; content:''; background:rgba(255,255,255,0.3)} /* 스크롤 아이콘 */ .scroll-icon { color:#fff; z-index:5; position: absolute; bottom: 40px; left: 50%; transform:translateX(-50%); width: 100px; height: 100px;} .scroll-icon:hover { color:#51b431; } .scroll-icon p { padding-bottom: 15px;} .scroll-icon i { position: relative; width: 100%; height: 50px;display:block;} .scroll-icon i:after {content:''; width:100%; height:100%; position: absolute; left:0; top:0; background-position: center; background-repeat: no-repeat; background-size: 20px auto;} .scroll-icon:hover .icon-02:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38px' height='85px'%3E%3Cpath fill-rule='evenodd' fill='rgb(81, 180, 49)' d='M22.291,62.242 L22.278,62.242 C21.736,62.242 21.294,61.801 21.286,61.252 C21.278,60.697 21.716,60.241 22.264,60.233 C29.812,60.127 35.952,53.824 35.952,46.185 L35.952,16.058 C35.952,8.305 29.725,1.998 22.071,1.998 L16.783,1.998 C9.128,1.998 2.901,8.305 2.901,16.058 L2.901,46.185 C2.901,53.824 9.042,60.127 16.590,60.233 C17.138,60.241 17.576,60.697 17.568,61.252 C17.560,61.806 17.115,62.243 16.563,62.242 C7.936,62.120 0.918,54.917 0.918,46.185 L0.918,16.058 C0.918,7.198 8.035,-0.010 16.783,-0.010 L22.071,-0.010 C30.819,-0.010 37.935,7.198 37.935,16.058 L37.935,46.185 C37.935,54.917 30.917,62.120 22.291,62.242 ZM16.700,21.827 L16.700,14.044 C16.700,12.525 17.927,11.282 19.427,11.282 C20.927,11.282 22.154,12.525 22.154,14.044 L22.154,21.827 C22.154,23.345 20.927,24.588 19.427,24.588 C17.927,24.588 16.700,23.345 16.700,21.827 ZM19.427,44.645 C19.975,44.645 20.418,45.094 20.418,45.649 L20.418,49.419 C20.418,49.974 19.975,50.423 19.427,50.423 C18.879,50.423 18.435,49.974 18.435,49.419 L18.435,45.649 C18.435,45.094 18.879,44.645 19.427,44.645 ZM18.435,39.121 C18.435,38.567 18.879,38.117 19.427,38.117 C19.975,38.117 20.418,38.567 20.418,39.121 L20.418,40.130 C20.418,40.684 19.975,41.134 19.427,41.134 C18.879,41.134 18.435,40.684 18.435,40.130 L18.435,39.121 ZM10.995,72.011 L18.435,72.011 L18.435,53.767 C18.435,53.212 18.879,52.762 19.427,52.762 C19.975,52.762 20.418,53.212 20.418,53.767 L20.418,72.011 L27.859,72.011 C28.237,72.011 28.583,72.230 28.749,72.575 C28.916,72.920 28.873,73.330 28.641,73.633 L20.209,84.594 C20.021,84.839 19.733,84.981 19.427,84.981 C19.121,84.981 18.832,84.839 18.645,84.594 L10.213,73.633 C9.981,73.330 9.938,72.920 10.104,72.575 C10.271,72.230 10.617,72.011 10.995,72.011 ZM19.427,82.343 L25.829,74.020 L13.025,74.020 L19.427,82.343 Z'/%3E%3C/svg%3E");} .scroll-icon.sub3:hover .icon-01:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38px' height='85px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M22.291,62.242 L22.278,62.242 C21.736,62.242 21.294,61.801 21.286,61.252 C21.278,60.697 21.716,60.241 22.264,60.233 C29.812,60.127 35.952,53.824 35.952,46.185 L35.952,16.058 C35.952,8.305 29.725,1.998 22.071,1.998 L16.783,1.998 C9.128,1.998 2.901,8.305 2.901,16.058 L2.901,46.185 C2.901,53.824 9.042,60.127 16.590,60.233 C17.138,60.241 17.576,60.697 17.568,61.252 C17.560,61.806 17.115,62.243 16.563,62.242 C7.936,62.120 0.918,54.917 0.918,46.185 L0.918,16.058 C0.918,7.198 8.035,-0.010 16.783,-0.010 L22.071,-0.010 C30.819,-0.010 37.935,7.198 37.935,16.058 L37.935,46.185 C37.935,54.917 30.917,62.120 22.291,62.242 ZM16.700,21.827 L16.700,14.044 C16.700,12.525 17.927,11.282 19.427,11.282 C20.927,11.282 22.154,12.525 22.154,14.044 L22.154,21.827 C22.154,23.345 20.927,24.588 19.427,24.588 C17.927,24.588 16.700,23.345 16.700,21.827 ZM19.427,44.645 C19.975,44.645 20.418,45.094 20.418,45.649 L20.418,49.419 C20.418,49.974 19.975,50.423 19.427,50.423 C18.879,50.423 18.435,49.974 18.435,49.419 L18.435,45.649 C18.435,45.094 18.879,44.645 19.427,44.645 ZM18.435,39.121 C18.435,38.567 18.879,38.117 19.427,38.117 C19.975,38.117 20.418,38.567 20.418,39.121 L20.418,40.130 C20.418,40.684 19.975,41.134 19.427,41.134 C18.879,41.134 18.435,40.684 18.435,40.130 L18.435,39.121 ZM10.995,72.011 L18.435,72.011 L18.435,53.767 C18.435,53.212 18.879,52.762 19.427,52.762 C19.975,52.762 20.418,53.212 20.418,53.767 L20.418,72.011 L27.859,72.011 C28.237,72.011 28.583,72.230 28.749,72.575 C28.916,72.920 28.873,73.330 28.641,73.633 L20.209,84.594 C20.021,84.839 19.733,84.981 19.427,84.981 C19.121,84.981 18.832,84.839 18.645,84.594 L10.213,73.633 C9.981,73.330 9.938,72.920 10.104,72.575 C10.271,72.230 10.617,72.011 10.995,72.011 ZM19.427,82.343 L25.829,74.020 L13.025,74.020 L19.427,82.343 Z'/%3E%3C/svg%3E");} .scroll-icon.sub3:hover .fc-01 {color:#000;} .icon-02:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38px' height='85px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M22.291,62.242 L22.278,62.242 C21.736,62.242 21.294,61.801 21.286,61.252 C21.278,60.697 21.716,60.241 22.264,60.233 C29.812,60.127 35.952,53.824 35.952,46.185 L35.952,16.058 C35.952,8.305 29.725,1.998 22.071,1.998 L16.783,1.998 C9.128,1.998 2.901,8.305 2.901,16.058 L2.901,46.185 C2.901,53.824 9.042,60.127 16.590,60.233 C17.138,60.241 17.576,60.697 17.568,61.252 C17.560,61.806 17.115,62.243 16.563,62.242 C7.936,62.120 0.918,54.917 0.918,46.185 L0.918,16.058 C0.918,7.198 8.035,-0.010 16.783,-0.010 L22.071,-0.010 C30.819,-0.010 37.935,7.198 37.935,16.058 L37.935,46.185 C37.935,54.917 30.917,62.120 22.291,62.242 ZM16.700,21.827 L16.700,14.044 C16.700,12.525 17.927,11.282 19.427,11.282 C20.927,11.282 22.154,12.525 22.154,14.044 L22.154,21.827 C22.154,23.345 20.927,24.588 19.427,24.588 C17.927,24.588 16.700,23.345 16.700,21.827 ZM19.427,44.645 C19.975,44.645 20.418,45.094 20.418,45.649 L20.418,49.419 C20.418,49.974 19.975,50.423 19.427,50.423 C18.879,50.423 18.435,49.974 18.435,49.419 L18.435,45.649 C18.435,45.094 18.879,44.645 19.427,44.645 ZM18.435,39.121 C18.435,38.567 18.879,38.117 19.427,38.117 C19.975,38.117 20.418,38.567 20.418,39.121 L20.418,40.130 C20.418,40.684 19.975,41.134 19.427,41.134 C18.879,41.134 18.435,40.684 18.435,40.130 L18.435,39.121 ZM10.995,72.011 L18.435,72.011 L18.435,53.767 C18.435,53.212 18.879,52.762 19.427,52.762 C19.975,52.762 20.418,53.212 20.418,53.767 L20.418,72.011 L27.859,72.011 C28.237,72.011 28.583,72.230 28.749,72.575 C28.916,72.920 28.873,73.330 28.641,73.633 L20.209,84.594 C20.021,84.839 19.733,84.981 19.427,84.981 C19.121,84.981 18.832,84.839 18.645,84.594 L10.213,73.633 C9.981,73.330 9.938,72.920 10.104,72.575 C10.271,72.230 10.617,72.011 10.995,72.011 ZM19.427,82.343 L25.829,74.020 L13.025,74.020 L19.427,82.343 Z'/%3E%3C/svg%3E");} .icon-01:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38px' height='85px'%3E%3Cpath fill-rule='evenodd' fill='rgb(81, 180, 49)' d='M22.291,62.242 L22.278,62.242 C21.736,62.242 21.294,61.801 21.286,61.252 C21.278,60.697 21.716,60.241 22.264,60.233 C29.812,60.127 35.952,53.824 35.952,46.185 L35.952,16.058 C35.952,8.305 29.725,1.998 22.071,1.998 L16.783,1.998 C9.128,1.998 2.901,8.305 2.901,16.058 L2.901,46.185 C2.901,53.824 9.042,60.127 16.590,60.233 C17.138,60.241 17.576,60.697 17.568,61.252 C17.560,61.806 17.115,62.243 16.563,62.242 C7.936,62.120 0.918,54.917 0.918,46.185 L0.918,16.058 C0.918,7.198 8.035,-0.010 16.783,-0.010 L22.071,-0.010 C30.819,-0.010 37.935,7.198 37.935,16.058 L37.935,46.185 C37.935,54.917 30.917,62.120 22.291,62.242 ZM16.700,21.827 L16.700,14.044 C16.700,12.525 17.927,11.282 19.427,11.282 C20.927,11.282 22.154,12.525 22.154,14.044 L22.154,21.827 C22.154,23.345 20.927,24.588 19.427,24.588 C17.927,24.588 16.700,23.345 16.700,21.827 ZM19.427,44.645 C19.975,44.645 20.418,45.094 20.418,45.649 L20.418,49.419 C20.418,49.974 19.975,50.423 19.427,50.423 C18.879,50.423 18.435,49.974 18.435,49.419 L18.435,45.649 C18.435,45.094 18.879,44.645 19.427,44.645 ZM18.435,39.121 C18.435,38.567 18.879,38.117 19.427,38.117 C19.975,38.117 20.418,38.567 20.418,39.121 L20.418,40.130 C20.418,40.684 19.975,41.134 19.427,41.134 C18.879,41.134 18.435,40.684 18.435,40.130 L18.435,39.121 ZM10.995,72.011 L18.435,72.011 L18.435,53.767 C18.435,53.212 18.879,52.762 19.427,52.762 C19.975,52.762 20.418,53.212 20.418,53.767 L20.418,72.011 L27.859,72.011 C28.237,72.011 28.583,72.230 28.749,72.575 C28.916,72.920 28.873,73.330 28.641,73.633 L20.209,84.594 C20.021,84.839 19.733,84.981 19.427,84.981 C19.121,84.981 18.832,84.839 18.645,84.594 L10.213,73.633 C9.981,73.330 9.938,72.920 10.104,72.575 C10.271,72.230 10.617,72.011 10.995,72.011 ZM19.427,82.343 L25.829,74.020 L13.025,74.020 L19.427,82.343 Z'/%3E%3C/svg%3E");} .icon-03:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60px' height='83px'%3E%3Cpath fill-rule='evenodd' fill='rgb(95, 186, 65)' d='M29.997,55.127 C14.761,55.127 2.365,42.761 2.365,27.562 C2.365,12.364 14.761,-0.001 29.997,-0.001 C45.232,-0.001 57.628,12.364 57.628,27.562 C57.628,42.761 45.232,55.127 29.997,55.127 ZM29.997,3.824 C16.875,3.824 6.200,14.472 6.200,27.562 C6.200,40.652 16.875,51.301 29.997,51.301 C43.119,51.301 53.794,40.652 53.794,27.562 C53.794,14.472 43.119,3.824 29.997,3.824 ZM12.210,52.026 L5.825,69.831 L15.434,68.170 L21.805,75.533 L28.286,57.464 L31.896,58.751 L23.201,83.000 L13.950,72.309 L-0.001,74.719 L8.600,50.738 L12.210,52.026 ZM38.188,75.533 L44.560,68.170 L54.168,69.831 L47.585,51.474 L51.195,50.185 L59.995,74.719 L46.042,72.309 L36.792,83.000 L30.733,66.097 L34.342,64.809 L38.188,75.533 Z'/%3E%3C/svg%3E");} .icon-04:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(95, 186, 65)' d='M78.007,56.958 L74.929,56.958 L74.929,2.967 C74.929,1.864 74.036,0.968 72.939,0.968 L57.736,0.968 C56.638,0.968 55.745,1.864 55.745,2.967 L55.745,56.958 L49.590,56.958 L49.590,18.237 C49.590,17.134 48.698,16.238 47.600,16.238 L32.397,16.238 C31.299,16.238 30.407,17.134 30.407,18.237 L30.407,56.958 L24.252,56.958 L24.252,33.507 C24.252,32.404 23.359,31.508 22.261,31.508 L7.058,31.508 C5.961,31.508 5.067,32.404 5.067,33.507 L5.067,56.958 L1.989,56.958 C0.892,56.958 -0.000,57.855 -0.000,58.958 C-0.000,60.060 0.892,60.957 1.989,60.957 L78.007,60.957 C79.104,60.957 79.997,60.060 79.997,58.958 C79.997,57.855 79.104,56.958 78.007,56.958 ZM20.271,56.958 L9.047,56.958 L9.047,35.507 L20.271,35.507 L20.271,56.958 ZM45.610,56.958 L34.387,56.958 L34.387,20.237 L45.610,20.237 L45.610,56.958 ZM70.949,56.958 L59.726,56.958 L59.726,4.967 L70.949,4.967 L70.949,56.958 Z'/%3E%3C/svg%3E");} .icon-05:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='81px' height='80px'%3E%3Cpath fill-rule='evenodd' fill='rgb(95, 186, 65)' d='M11.713,68.324 C4.157,60.798 -0.003,50.789 -0.003,40.144 C-0.003,29.500 4.157,19.492 11.713,11.965 L8.682,8.947 C7.784,8.049 8.420,6.517 9.692,6.517 L23.833,6.517 C24.622,6.517 25.261,7.153 25.261,7.940 L25.261,22.030 C25.261,23.286 23.729,23.940 22.822,23.036 L19.790,20.018 C8.653,31.113 8.651,49.174 19.792,60.273 C28.319,68.765 41.367,71.016 52.251,65.868 C52.957,65.530 53.817,65.827 54.158,66.542 C54.495,67.251 54.190,68.103 53.478,68.439 C41.501,74.102 27.149,71.630 17.773,62.286 C5.081,49.643 5.621,28.911 18.858,16.972 C19.421,16.463 20.286,16.484 20.827,17.021 L22.404,18.593 L22.404,9.363 L13.141,9.363 L14.761,10.977 C15.346,11.564 15.305,12.493 14.719,13.029 C6.845,20.346 2.854,30.117 2.854,40.144 C2.854,50.029 6.717,59.321 13.733,66.311 C23.784,76.327 38.942,79.751 52.362,75.048 C53.110,74.791 53.923,75.176 54.185,75.917 C54.447,76.657 54.056,77.471 53.311,77.732 C49.010,79.242 44.542,79.974 40.104,79.974 C29.629,79.974 19.315,75.897 11.713,68.324 ZM68.277,11.965 C58.182,1.902 43.333,-2.036 29.527,1.674 C28.768,1.880 28.316,2.661 28.522,3.420 C28.725,4.179 29.504,4.626 30.274,4.424 C43.097,0.971 56.880,4.638 66.258,13.978 C80.458,28.128 80.878,50.680 67.212,65.327 C67.175,65.364 67.139,65.407 67.106,65.450 C66.651,66.054 66.751,66.909 67.334,67.397 C67.351,67.413 67.371,67.426 67.391,67.442 L68.868,68.913 L59.607,68.913 L59.607,59.684 L61.182,61.256 C61.747,61.816 62.689,61.818 63.254,61.202 C74.560,48.821 74.105,29.847 62.217,18.004 C53.680,9.497 40.804,6.613 29.424,10.650 C28.681,10.914 28.293,11.728 28.558,12.468 C28.822,13.210 29.638,13.595 30.382,13.332 C40.722,9.656 52.435,12.281 60.197,20.015 C70.663,30.443 71.383,46.949 62.119,58.162 L59.188,55.239 C58.286,54.344 56.750,54.983 56.750,56.248 L56.750,70.337 C56.750,71.124 57.388,71.760 58.178,71.760 L72.317,71.760 C73.589,71.760 74.226,70.229 73.327,69.331 L70.228,66.241 C83.999,50.459 83.246,26.878 68.277,11.965 ZM64.279,41.568 C65.069,41.568 65.708,40.931 65.708,40.144 C65.708,39.357 65.069,38.721 64.279,38.721 L62.851,38.721 C62.061,38.721 61.422,39.357 61.422,40.144 C61.422,40.931 62.061,41.568 62.851,41.568 L64.279,41.568 ZM15.710,38.721 C14.920,38.721 14.282,39.357 14.282,40.144 C14.282,40.931 14.920,41.568 15.710,41.568 L17.139,41.568 C17.929,41.568 18.567,40.931 18.567,40.144 C18.567,39.357 17.929,38.721 17.139,38.721 L15.710,38.721 ZM38.566,62.918 L38.566,64.340 C38.566,65.127 39.204,65.765 39.995,65.765 C40.785,65.765 41.423,65.127 41.423,64.340 L41.423,62.918 C41.423,62.131 40.785,61.493 39.995,61.493 C39.204,61.493 38.566,62.131 38.566,62.918 ZM41.423,17.372 L41.423,15.949 C41.423,15.162 40.785,14.526 39.995,14.526 C39.204,14.526 38.566,15.162 38.566,15.949 L38.566,17.372 C38.566,18.160 39.204,18.796 39.995,18.796 C40.785,18.796 41.423,18.160 41.423,17.372 ZM22.822,55.239 L21.811,56.248 C21.253,56.802 21.253,57.704 21.811,58.259 C22.370,58.815 23.275,58.815 23.833,58.259 L24.842,57.253 C25.399,56.697 25.399,55.795 24.842,55.239 C24.285,54.684 23.381,54.684 22.822,55.239 ZM58.178,24.042 C58.736,23.487 58.736,22.586 58.178,22.030 C57.618,21.473 56.715,21.473 56.157,22.030 L39.989,38.136 L31.853,30.130 C31.290,29.574 30.386,29.583 29.834,30.140 C29.278,30.701 29.284,31.602 29.844,32.153 L38.990,41.156 C39.546,41.704 40.447,41.706 41.005,41.152 L58.178,24.042 Z'/%3E%3C/svg%3E");} .icon-06:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='82px' height='71px'%3E%3Cpath fill-rule='evenodd' fill='rgb(95, 186, 65)' d='M0.975,70.954 L0.975,0.965 L81.985,0.965 L81.985,70.954 L0.975,70.954 ZM78.991,3.992 L3.971,3.992 L3.971,12.467 L78.991,12.467 L78.991,3.992 ZM78.991,15.493 L3.971,15.493 L3.971,67.928 L78.991,67.928 L78.991,15.493 ZM20.539,21.437 C24.381,21.437 27.507,24.596 27.507,28.479 C27.507,32.360 24.381,35.518 20.539,35.518 C16.697,35.518 13.571,32.360 13.571,28.479 C13.571,24.596 16.697,21.437 20.539,21.437 ZM20.539,32.493 C22.730,32.493 24.513,30.692 24.513,28.479 C24.513,26.265 22.730,24.463 20.539,24.463 C18.348,24.463 16.566,26.265 16.566,28.479 C16.566,30.692 18.348,32.493 20.539,32.493 ZM20.539,38.535 C24.381,38.535 27.507,41.693 27.507,45.576 C27.507,49.457 24.381,52.616 20.539,52.616 C16.697,52.616 13.571,49.457 13.571,45.576 C13.571,41.693 16.697,38.535 20.539,38.535 ZM20.539,49.591 C22.730,49.591 24.513,47.790 24.513,45.576 C24.513,43.362 22.730,41.560 20.539,41.560 C18.348,41.560 16.566,43.362 16.566,45.576 C16.566,47.790 18.348,49.591 20.539,49.591 ZM20.539,55.633 C24.265,55.633 27.317,58.602 27.499,62.322 L24.498,62.322 C24.321,60.273 22.613,58.658 20.539,58.658 C18.465,58.658 16.757,60.273 16.581,62.322 L13.580,62.322 C13.762,58.602 16.814,55.633 20.539,55.633 ZM68.628,29.990 L32.343,29.990 L32.343,26.966 L68.628,26.966 L68.628,29.990 ZM68.628,47.087 L32.343,47.087 L32.343,44.063 L68.628,44.063 L68.628,47.087 ZM68.628,62.933 L32.343,62.933 L32.343,59.907 L68.628,59.907 L68.628,62.933 ZM60.114,9.742 L56.592,9.742 L56.592,6.717 L60.114,6.717 L60.114,9.742 ZM68.059,9.742 L64.537,9.742 L64.537,6.717 L68.059,6.717 L68.059,9.742 ZM76.003,9.742 L72.482,9.742 L72.482,6.717 L76.003,6.717 L76.003,9.742 Z'/%3E%3C/svg%3E");} .icon-06-2:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='82px' height='71px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 92, 169)' d='M0.975,70.954 L0.975,0.965 L81.985,0.965 L81.985,70.954 L0.975,70.954 ZM78.991,3.992 L3.971,3.992 L3.971,12.467 L78.991,12.467 L78.991,3.992 ZM78.991,15.493 L3.971,15.493 L3.971,67.928 L78.991,67.928 L78.991,15.493 ZM20.539,21.437 C24.381,21.437 27.507,24.596 27.507,28.479 C27.507,32.360 24.381,35.518 20.539,35.518 C16.697,35.518 13.571,32.360 13.571,28.479 C13.571,24.596 16.697,21.437 20.539,21.437 ZM20.539,32.493 C22.730,32.493 24.513,30.692 24.513,28.479 C24.513,26.265 22.730,24.463 20.539,24.463 C18.348,24.463 16.566,26.265 16.566,28.479 C16.566,30.692 18.348,32.493 20.539,32.493 ZM20.539,38.535 C24.381,38.535 27.507,41.693 27.507,45.576 C27.507,49.457 24.381,52.616 20.539,52.616 C16.697,52.616 13.571,49.457 13.571,45.576 C13.571,41.693 16.697,38.535 20.539,38.535 ZM20.539,49.591 C22.730,49.591 24.513,47.790 24.513,45.576 C24.513,43.362 22.730,41.560 20.539,41.560 C18.348,41.560 16.566,43.362 16.566,45.576 C16.566,47.790 18.348,49.591 20.539,49.591 ZM20.539,55.633 C24.265,55.633 27.317,58.602 27.499,62.322 L24.498,62.322 C24.321,60.273 22.613,58.658 20.539,58.658 C18.465,58.658 16.757,60.273 16.581,62.322 L13.580,62.322 C13.762,58.602 16.814,55.633 20.539,55.633 ZM68.628,29.990 L32.343,29.990 L32.343,26.966 L68.628,26.966 L68.628,29.990 ZM68.628,47.087 L32.343,47.087 L32.343,44.063 L68.628,44.063 L68.628,47.087 ZM68.628,62.933 L32.343,62.933 L32.343,59.907 L68.628,59.907 L68.628,62.933 ZM60.114,9.742 L56.592,9.742 L56.592,6.717 L60.114,6.717 L60.114,9.742 ZM68.059,9.742 L64.537,9.742 L64.537,6.717 L68.059,6.717 L68.059,9.742 ZM76.003,9.742 L72.482,9.742 L72.482,6.717 L76.003,6.717 L76.003,9.742 Z'/%3E%3C/svg%3E");} .icon-07:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='82px' height='62px'%3E%3Cpath fill-rule='evenodd' fill='rgb(95, 186, 65)' d='M81.233,19.508 C80.850,19.892 80.348,20.085 79.846,20.085 C79.345,20.085 78.844,19.893 78.462,19.510 C68.432,9.464 55.126,3.931 40.995,3.931 C26.863,3.931 13.557,9.464 3.527,19.510 C2.761,20.277 1.522,20.276 0.757,19.508 C-0.008,18.740 -0.007,17.496 0.759,16.729 C11.529,5.942 25.818,0.000 40.995,0.000 C56.171,0.000 70.460,5.942 81.230,16.729 C81.996,17.496 81.997,18.740 81.233,19.508 ZM40.995,15.406 C41.664,15.406 42.331,15.424 42.995,15.455 C43.219,15.466 43.441,15.487 43.664,15.501 C44.103,15.529 44.542,15.557 44.979,15.598 C45.246,15.624 45.512,15.659 45.779,15.690 C46.167,15.735 46.556,15.778 46.942,15.833 C47.228,15.874 47.511,15.925 47.796,15.972 C48.158,16.031 48.521,16.091 48.881,16.160 C49.177,16.217 49.470,16.282 49.764,16.345 C50.109,16.419 50.453,16.494 50.795,16.577 C51.096,16.650 51.395,16.729 51.695,16.809 C52.024,16.896 52.353,16.986 52.679,17.082 C52.985,17.171 53.288,17.266 53.591,17.362 C53.906,17.462 54.220,17.566 54.532,17.674 C54.840,17.780 55.147,17.890 55.452,18.004 C55.753,18.116 56.051,18.232 56.349,18.351 C56.660,18.475 56.970,18.601 57.277,18.733 C57.562,18.855 57.845,18.982 58.127,19.110 C58.441,19.253 58.754,19.397 59.064,19.548 C59.331,19.677 59.595,19.814 59.859,19.949 C60.178,20.113 60.497,20.275 60.811,20.447 C61.056,20.581 61.296,20.722 61.538,20.861 C61.866,21.048 62.193,21.234 62.516,21.430 C62.727,21.559 62.934,21.696 63.143,21.829 C63.489,22.049 63.836,22.266 64.175,22.496 C64.317,22.592 64.455,22.695 64.596,22.793 C66.030,23.790 67.413,24.877 68.730,26.062 C68.730,26.062 68.730,26.062 68.730,26.062 C68.730,26.062 68.730,26.062 68.730,26.062 C68.776,26.103 68.824,26.141 68.870,26.183 C68.870,26.183 68.870,26.183 68.870,26.183 C68.908,26.218 68.945,26.255 68.983,26.291 C69.455,26.722 69.920,27.162 70.375,27.617 C70.509,27.752 70.590,27.915 70.677,28.073 C70.677,28.073 70.677,28.073 70.677,28.073 C70.779,28.258 70.843,28.448 70.881,28.651 C70.884,28.665 70.887,28.678 70.889,28.693 C70.923,28.898 70.925,29.097 70.894,29.303 C70.894,29.303 70.894,29.303 70.894,29.303 C70.894,29.303 70.894,29.303 70.894,29.303 C70.864,29.494 70.821,29.678 70.736,29.856 C70.652,30.051 70.539,30.236 70.378,30.397 C69.996,30.782 69.494,30.975 68.991,30.975 C68.986,30.975 68.981,30.972 68.976,30.972 C68.771,30.970 68.568,30.930 68.372,30.865 C68.360,30.861 68.349,30.859 68.337,30.855 C68.132,30.782 67.939,30.671 67.763,30.527 L67.763,30.527 C67.711,30.485 67.656,30.449 67.608,30.401 C60.477,23.266 51.026,19.337 40.995,19.337 C30.962,19.337 21.512,23.266 14.385,30.400 C14.259,30.526 14.117,30.624 13.969,30.709 C13.936,30.728 13.903,30.745 13.870,30.761 C13.678,30.857 13.477,30.920 13.269,30.949 C13.234,30.952 13.199,30.956 13.164,30.959 C13.109,30.964 13.056,30.975 13.001,30.975 C12.726,30.975 12.453,30.911 12.197,30.796 C12.188,30.792 12.180,30.786 12.171,30.782 C11.970,30.687 11.780,30.564 11.614,30.397 C10.850,29.629 10.851,28.385 11.617,27.618 C19.484,19.744 29.917,15.406 40.995,15.406 ZM40.995,30.816 C47.977,30.816 54.555,33.548 59.517,38.509 C60.283,39.275 60.285,40.519 59.521,41.288 C59.139,41.674 58.636,41.866 58.134,41.866 C57.633,41.866 57.133,41.675 56.751,41.293 C52.529,37.071 46.933,34.747 40.995,34.747 C35.056,34.747 29.460,37.071 25.239,41.293 C24.473,42.059 23.232,42.059 22.468,41.288 C21.704,40.519 21.706,39.275 22.473,38.509 C27.434,33.548 34.012,30.816 40.995,30.816 ZM40.995,44.991 C45.669,44.991 49.472,48.805 49.472,53.495 C49.472,58.184 45.669,61.999 40.995,61.999 C36.320,61.999 32.517,58.184 32.517,53.495 C32.517,48.805 36.320,44.991 40.995,44.991 ZM40.995,58.068 C43.508,58.068 45.554,56.016 45.554,53.495 C45.554,50.973 43.508,48.922 40.995,48.922 C38.481,48.922 36.435,50.973 36.435,53.495 C36.435,56.016 38.481,58.068 40.995,58.068 Z'/%3E%3C/svg%3E");} .icon-08:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60px' height='83px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 92, 169)' d='M29.997,55.127 C14.761,55.127 2.365,42.761 2.365,27.562 C2.365,12.364 14.761,-0.001 29.997,-0.001 C45.232,-0.001 57.628,12.364 57.628,27.562 C57.628,42.761 45.232,55.127 29.997,55.127 ZM29.997,3.824 C16.875,3.824 6.200,14.472 6.200,27.562 C6.200,40.652 16.875,51.301 29.997,51.301 C43.119,51.301 53.794,40.652 53.794,27.562 C53.794,14.472 43.119,3.824 29.997,3.824 ZM12.210,52.026 L5.825,69.831 L15.434,68.170 L21.805,75.533 L28.286,57.464 L31.896,58.751 L23.201,83.000 L13.950,72.309 L-0.001,74.719 L8.600,50.738 L12.210,52.026 ZM38.188,75.533 L44.560,68.170 L54.168,69.831 L47.585,51.474 L51.195,50.185 L59.995,74.719 L46.042,72.309 L36.792,83.000 L30.733,66.097 L34.342,64.809 L38.188,75.533 Z'/%3E%3C/svg%3E");} .icon-09:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 92, 169)' d='M78.007,56.958 L74.929,56.958 L74.929,2.967 C74.929,1.864 74.036,0.968 72.939,0.968 L57.736,0.968 C56.638,0.968 55.745,1.864 55.745,2.967 L55.745,56.958 L49.590,56.958 L49.590,18.237 C49.590,17.134 48.698,16.238 47.600,16.238 L32.397,16.238 C31.299,16.238 30.407,17.134 30.407,18.237 L30.407,56.958 L24.252,56.958 L24.252,33.507 C24.252,32.404 23.359,31.508 22.261,31.508 L7.058,31.508 C5.961,31.508 5.067,32.404 5.067,33.507 L5.067,56.958 L1.989,56.958 C0.892,56.958 -0.000,57.855 -0.000,58.958 C-0.000,60.060 0.892,60.957 1.989,60.957 L78.007,60.957 C79.104,60.957 79.997,60.060 79.997,58.958 C79.997,57.855 79.104,56.958 78.007,56.958 ZM20.271,56.958 L9.047,56.958 L9.047,35.507 L20.271,35.507 L20.271,56.958 ZM45.610,56.958 L34.387,56.958 L34.387,20.237 L45.610,20.237 L45.610,56.958 ZM70.949,56.958 L59.726,56.958 L59.726,4.967 L70.949,4.967 L70.949,56.958 Z'/%3E%3C/svg%3E");} .icon-10:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='58px' height='80px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 92, 169)' d='M46.997,73.946 C41.693,77.980 35.333,79.997 28.977,79.997 C22.618,79.997 16.263,77.981 10.956,73.946 C1.106,66.457 -5.029,51.735 7.292,32.871 C15.287,20.633 21.994,8.413 25.283,2.219 C26.011,0.846 27.426,-0.007 28.977,-0.007 C30.527,-0.007 31.944,0.846 32.672,2.219 C35.960,8.415 42.669,20.637 50.661,32.871 C62.981,51.735 56.847,66.457 46.997,73.946 ZM47.530,34.928 C39.457,22.570 32.686,10.235 29.367,3.982 C29.264,3.787 29.098,3.747 28.977,3.747 C28.856,3.747 28.689,3.787 28.586,3.982 C25.269,10.234 18.498,22.566 10.424,34.928 C1.159,49.113 2.202,62.581 13.216,70.956 C22.495,78.009 35.456,78.009 44.737,70.956 C55.751,62.581 56.794,49.113 47.530,34.928 ZM39.674,65.928 C35.128,65.928 31.429,62.218 31.429,57.659 C31.429,53.098 35.128,49.389 39.674,49.389 C44.220,49.389 47.918,53.098 47.918,57.659 C47.918,62.218 44.220,65.928 39.674,65.928 ZM39.674,53.143 C37.191,53.143 35.171,55.168 35.171,57.659 C35.171,60.149 37.191,62.173 39.674,62.173 C42.156,62.173 44.176,60.149 44.176,57.659 C44.176,55.168 42.156,53.143 39.674,53.143 ZM20.149,61.883 C18.443,63.594 15.798,60.939 17.502,59.228 C25.085,51.623 32.668,44.019 40.248,36.413 C41.955,34.702 44.600,37.358 42.895,39.069 C35.312,46.674 27.731,54.277 20.149,61.883 ZM21.375,48.166 C16.828,48.166 13.130,44.456 13.130,39.898 C13.130,35.337 16.828,31.627 21.375,31.627 C25.920,31.627 29.619,35.337 29.619,39.898 C29.619,44.456 25.920,48.166 21.375,48.166 ZM21.375,35.382 C18.892,35.382 16.873,37.407 16.873,39.898 C16.873,42.387 18.892,44.413 21.375,44.413 C23.858,44.413 25.876,42.387 25.876,39.898 C25.876,37.407 23.858,35.382 21.375,35.382 Z'/%3E%3C/svg%3E");} .icon-11:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='73px' height='85px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 92, 169)' d='M36.980,84.947 L0.975,63.950 L0.975,21.956 L36.980,0.958 L72.984,21.956 L72.984,63.950 L36.980,84.947 ZM69.363,24.066 L36.980,5.182 L4.595,24.066 L4.595,61.838 L36.980,80.722 L69.363,61.838 L69.363,24.066 ZM33.532,61.010 L33.532,46.436 L19.101,46.436 L19.101,39.469 L33.532,39.469 L33.532,24.894 L40.428,24.894 L40.428,39.469 L54.857,39.469 L54.857,46.436 L40.428,46.436 L40.428,61.010 L33.532,61.010 Z'/%3E%3C/svg%3E");} .icon-11-1:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='73px' height='85px'%3E%3Cpath fill-rule='evenodd' fill='rgb(81, 180, 49)' d='M36.980,84.947 L0.975,63.950 L0.975,21.956 L36.980,0.958 L72.984,21.956 L72.984,63.950 L36.980,84.947 ZM69.363,24.066 L36.980,5.182 L4.595,24.066 L4.595,61.838 L36.980,80.722 L69.363,61.838 L69.363,24.066 ZM33.532,61.010 L33.532,46.436 L19.101,46.436 L19.101,39.469 L33.532,39.469 L33.532,24.894 L40.428,24.894 L40.428,39.469 L54.857,39.469 L54.857,46.436 L40.428,46.436 L40.428,61.010 L33.532,61.010 Z'/%3E%3C/svg%3E");} .icon-12:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='82px' height='62px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 92, 169)' d='M81.233,19.508 C80.850,19.892 80.348,20.085 79.846,20.085 C79.345,20.085 78.844,19.893 78.462,19.510 C68.432,9.464 55.126,3.931 40.995,3.931 C26.863,3.931 13.557,9.464 3.527,19.510 C2.761,20.277 1.522,20.276 0.757,19.508 C-0.008,18.740 -0.007,17.496 0.759,16.729 C11.529,5.942 25.818,0.000 40.995,0.000 C56.171,0.000 70.460,5.942 81.230,16.729 C81.996,17.496 81.997,18.740 81.233,19.508 ZM40.995,15.406 C41.664,15.406 42.331,15.424 42.995,15.455 C43.219,15.466 43.441,15.487 43.664,15.501 C44.103,15.529 44.542,15.557 44.979,15.598 C45.246,15.624 45.512,15.659 45.779,15.690 C46.167,15.735 46.556,15.778 46.942,15.833 C47.228,15.874 47.511,15.925 47.796,15.972 C48.158,16.031 48.521,16.091 48.881,16.160 C49.177,16.217 49.470,16.282 49.764,16.345 C50.109,16.419 50.453,16.494 50.795,16.577 C51.096,16.650 51.395,16.729 51.695,16.809 C52.024,16.896 52.353,16.986 52.679,17.082 C52.985,17.171 53.288,17.266 53.591,17.362 C53.906,17.462 54.220,17.566 54.532,17.674 C54.840,17.780 55.147,17.890 55.452,18.004 C55.753,18.116 56.051,18.232 56.349,18.351 C56.660,18.475 56.970,18.601 57.277,18.733 C57.562,18.855 57.845,18.982 58.127,19.110 C58.441,19.253 58.754,19.397 59.064,19.548 C59.331,19.677 59.595,19.814 59.859,19.949 C60.178,20.113 60.497,20.275 60.811,20.447 C61.056,20.581 61.296,20.722 61.538,20.861 C61.866,21.048 62.193,21.234 62.516,21.430 C62.727,21.559 62.934,21.696 63.143,21.829 C63.489,22.049 63.836,22.266 64.175,22.496 C64.317,22.592 64.455,22.695 64.596,22.793 C66.030,23.790 67.413,24.877 68.730,26.062 C68.730,26.062 68.730,26.062 68.730,26.062 C68.730,26.062 68.730,26.062 68.730,26.062 C68.776,26.103 68.824,26.141 68.870,26.183 C68.870,26.183 68.870,26.183 68.870,26.183 C68.908,26.218 68.945,26.255 68.983,26.291 C69.455,26.722 69.920,27.162 70.375,27.617 C70.509,27.752 70.590,27.915 70.677,28.073 C70.677,28.073 70.677,28.073 70.677,28.073 C70.779,28.258 70.843,28.448 70.881,28.651 C70.884,28.665 70.887,28.678 70.889,28.693 C70.923,28.898 70.925,29.097 70.894,29.303 C70.894,29.303 70.894,29.303 70.894,29.303 C70.894,29.303 70.894,29.303 70.894,29.303 C70.864,29.494 70.821,29.678 70.736,29.856 C70.652,30.051 70.539,30.236 70.378,30.397 C69.996,30.782 69.494,30.975 68.991,30.975 C68.986,30.975 68.981,30.972 68.976,30.972 C68.771,30.970 68.568,30.930 68.372,30.865 C68.360,30.861 68.349,30.859 68.337,30.855 C68.132,30.782 67.939,30.671 67.763,30.527 L67.763,30.527 C67.711,30.485 67.656,30.449 67.608,30.401 C60.477,23.266 51.026,19.337 40.995,19.337 C30.962,19.337 21.512,23.266 14.385,30.400 C14.259,30.526 14.117,30.624 13.969,30.709 C13.936,30.728 13.903,30.745 13.870,30.761 C13.678,30.857 13.477,30.920 13.269,30.949 C13.234,30.952 13.199,30.956 13.164,30.959 C13.109,30.964 13.056,30.975 13.001,30.975 C12.726,30.975 12.453,30.911 12.197,30.796 C12.188,30.792 12.180,30.786 12.171,30.782 C11.970,30.687 11.780,30.564 11.614,30.397 C10.850,29.629 10.851,28.385 11.617,27.618 C19.484,19.744 29.917,15.406 40.995,15.406 ZM40.995,30.816 C47.977,30.816 54.555,33.548 59.517,38.509 C60.283,39.275 60.285,40.519 59.521,41.288 C59.139,41.674 58.636,41.866 58.134,41.866 C57.633,41.866 57.133,41.675 56.751,41.293 C52.529,37.071 46.933,34.747 40.995,34.747 C35.056,34.747 29.460,37.071 25.239,41.293 C24.473,42.059 23.232,42.059 22.468,41.288 C21.704,40.519 21.706,39.275 22.473,38.509 C27.434,33.548 34.012,30.816 40.995,30.816 ZM40.995,44.991 C45.669,44.991 49.472,48.805 49.472,53.495 C49.472,58.184 45.669,61.999 40.995,61.999 C36.320,61.999 32.517,58.184 32.517,53.495 C32.517,48.805 36.320,44.991 40.995,44.991 ZM40.995,58.068 C43.508,58.068 45.554,56.016 45.554,53.495 C45.554,50.973 43.508,48.922 40.995,48.922 C38.481,48.922 36.435,50.973 36.435,53.495 C36.435,56.016 38.481,58.068 40.995,58.068 Z'/%3E%3C/svg%3E");} .icon-13:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78px' height='78px'%3E%3Cpath fill-rule='evenodd' fill='rgb(81, 180, 49)' d='M39.469,77.955 C18.243,77.955 0.975,60.686 0.975,39.460 C0.975,18.234 18.243,0.966 39.469,0.966 C60.696,0.966 77.964,18.234 77.964,39.460 C77.964,60.686 60.696,77.955 39.469,77.955 ZM39.469,3.982 C19.906,3.982 3.991,19.897 3.991,39.460 C3.991,59.023 19.906,74.939 39.469,74.939 C59.032,74.939 74.948,59.023 74.948,39.460 C74.948,19.897 59.032,3.982 39.469,3.982 ZM39.470,60.346 C39.470,60.346 23.760,50.555 23.964,35.457 C24.080,26.894 30.907,19.952 39.470,19.952 C48.033,19.952 55.085,26.894 54.975,35.457 C54.771,51.370 39.470,60.346 39.470,60.346 ZM39.470,29.846 C35.694,29.846 32.635,32.906 32.635,36.681 C32.635,40.455 35.694,43.516 39.470,43.516 C43.244,43.516 46.304,40.455 46.304,36.681 C46.304,32.906 43.244,29.846 39.470,29.846 Z'/%3E%3C/svg%3E");} .icon-14:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78px' height='78px'%3E%3Cpath fill-rule='evenodd' fill='rgb(81, 180, 49)' d='M39.469,77.955 C18.243,77.955 0.975,60.686 0.975,39.460 C0.975,18.234 18.243,0.966 39.469,0.966 C60.695,0.966 77.964,18.234 77.964,39.460 C77.964,60.686 60.695,77.955 39.469,77.955 ZM39.469,3.982 C19.906,3.982 3.991,19.897 3.991,39.460 C3.991,59.023 19.906,74.939 39.469,74.939 C59.032,74.939 74.948,59.023 74.948,39.460 C74.948,19.897 59.032,3.982 39.469,3.982 ZM56.421,47.092 L56.421,48.137 L56.421,54.028 L55.164,54.028 L53.907,54.028 L52.884,54.028 L52.884,59.423 L45.336,59.423 L45.336,54.028 L33.858,54.028 L33.858,59.423 L26.309,59.423 L26.309,54.028 L22.592,54.028 L22.592,38.753 L19.409,38.753 L19.409,32.149 L21.922,32.149 L21.922,36.239 L22.592,36.239 L22.592,28.715 L22.592,27.655 C22.592,22.102 30.038,17.752 39.545,17.752 C49.049,17.752 56.496,22.102 56.496,27.655 L56.496,28.715 L56.421,28.715 L56.421,36.239 L57.091,36.239 L57.091,32.149 L59.604,32.149 L59.604,38.753 L56.421,38.753 L56.421,47.092 ZM48.093,47.092 L51.628,47.092 L51.628,44.578 L48.093,44.578 L48.093,47.092 ZM27.566,47.092 L31.099,47.092 L31.099,44.578 L27.566,44.578 L27.566,47.092 ZM52.452,30.800 C52.452,27.515 49.780,24.842 46.494,24.842 L32.519,24.842 C29.233,24.842 26.561,27.515 26.561,30.800 L26.561,40.729 L52.452,40.729 L52.452,30.800 Z'/%3E%3C/svg%3E");} .icon-15:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='78px' height='78px'%3E%3Cpath fill-rule='evenodd' fill='rgb(81, 180, 49)' d='M39.471,77.948 C18.246,77.948 0.977,60.680 0.977,39.453 C0.977,18.227 18.246,0.959 39.471,0.959 C60.698,0.959 77.967,18.227 77.967,39.453 C77.967,60.680 60.698,77.948 39.471,77.948 ZM39.471,3.976 C19.909,3.976 3.994,19.891 3.994,39.453 C3.994,59.017 19.909,74.932 39.471,74.932 C59.034,74.932 74.950,59.017 74.950,39.453 C74.950,19.891 59.034,3.976 39.471,3.976 ZM44.747,44.008 L34.992,44.008 L34.992,60.413 L27.735,60.413 L27.735,19.873 L44.747,19.873 C51.401,19.873 56.813,25.288 56.813,31.942 C56.813,38.595 51.401,44.008 44.747,44.008 ZM44.747,27.129 L34.992,27.129 L34.992,36.751 L44.747,36.751 C47.399,36.751 49.557,34.592 49.557,31.940 C49.557,29.289 47.399,27.129 44.747,27.129 Z'/%3E%3C/svg%3E");} .icon-16:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='71px' height='79px'%3E%3Cpath fill-rule='evenodd' fill='rgb(95, 186, 65)' d='M46.216,16.125c-1.024-0.355-2.144,0.183-2.501,1.206c-0.358,1.023,0.182,2.144,1.206,2.501 c11.307,3.953,18.904,14.644,18.904,26.604c0,15.551-12.652,28.203-28.203,28.203c-15.551,0-28.204-12.652-28.204-28.203 c0-11.959,7.598-22.65,18.906-26.604c1.023-0.358,1.563-1.478,1.206-2.501c-0.357-1.023-1.477-1.561-2.501-1.206 C12.146,20.628,3.491,32.809,3.491,46.435c0,17.716,14.414,32.129,32.13,32.129c17.716,0,32.129-14.413,32.129-32.129 C67.751,32.809,59.097,20.628,46.216,16.125z'/%3E%3Cpath style='fill:rgb(95, 186, 65)' d='M35.621,49.253c1.084,0,1.963-0.879,1.963-1.963V2.563c0-1.084-0.879-1.963-1.963-1.963 s-1.963,0.879-1.963,1.963V47.29C33.658,48.374,34.537,49.253,35.621,49.253 Z'/%3E%3C/svg%3E");} .icon-17:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='73px' height='67px'%3E%3Cg%3E%3Cpath fill-rule='evenodd' fill='rgb(81, 180, 49)' d='M69.338,0H54.94h-4.699H35.845c-1.299,0-2.351,1.054-2.351,2.35v13.528H2.351 C1.054,15.878,0,16.928,0,18.226v46.137c0,1.298,1.054,2.352,2.351,2.352h33.494h33.493c1.297,0,2.35-1.054,2.35-2.352V2.35 C71.688,1.054,70.635,0,69.338,0z M33.494,63.113h-9.557V50.815h-9.68v12.298H3.262V19.476h30.232V63.113z M68.512,63.112h-11.08 V50.815h-9.679v12.297H36.671V17.646V3.601h31.841V63.112z'/%3E%3Crect x='43.26' y='11.848' fill='rgb(81, 180, 49)' width='5.863' height='5.864'/%3E%3Crect x='56.058' y='11.848' fill='rgb(81, 180, 49)' width='5.864' height='5.864'/%3E%3Crect x='9.768' y='26.897' fill='rgb(81, 180, 49)' width='5.865' height='5.864'/%3E%3Crect x='22.564' y='26.897' fill='rgb(81, 180, 49)' width='5.863' height='5.864'/%3E%3Crect x='9.768' y='38.177' fill='rgb(81, 180, 49)' width='5.865' height='5.863'/%3E%3Crect x='22.564' y='38.177' fill='rgb(81, 180, 49)' width='5.863' height='5.863'/%3E%3Crect x='43.26' y='23.963' fill='rgb(81, 180, 49)' width='5.863' height='5.865'/%3E%3Crect x='56.058' y='23.963' fill='rgb(81, 180, 49)' width='5.864' height='5.865'/%3E%3Crect x='43.26' y='36.082' fill='rgb(81, 180, 49)' width='5.863' height='5.862'/%3E%3Crect x='56.058' y='36.082' fill='rgb(81, 180, 49)' width='5.864' height='5.862'/%3E%3C/g%3E%3C/svg%3E%0A");} .icon-18:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='87px' height='73px'%3E%3Cg%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 92, 169)' d='M63.821,17.761L63.821,17.761l-2.359,0.001v2.359h2.359h0.001h20.374v6.612H63.822h-0.001h-2.359 v2.36h2.359h0.001h20.374v40.904H25.06V54.402v-2.36h0V29.094h36.4v-2.36h-36.4v-6.612h36.4v-2.36H22.698v34.28h0H2.325V11.137 h59.137v6.624H63.821V-0.196H-0.037v54.598h22.735h0v17.957h63.858V17.761H63.821z M2.325,2.165h59.137v6.612H2.325V2.165z'/%3E%3Crect x='66.541' y='22.249' fill='rgb(35, 92, 169)' width='2.777' height='2.359'/%3E%3Crect x='72.805' y='22.249' fill='rgb(35, 92, 169)' width='2.775' height='2.359'/%3E%3Crect x='79.065' y='22.249' fill='rgb(35, 92, 169)' width='2.775' height='2.359'/%3E%3C/g%3E%3C/svg%3E%0A");} .icon-19:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='82px' height='64px'%3E%3Cg%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 92, 169)' d='M77.702,40.385H22.958V15.38c2.557-0.566,4.477-2.848,4.477-5.573c0-3.148-2.562-5.711-5.711-5.711 s-5.711,2.563-5.711,5.711c0,2.725,1.919,5.006,4.476,5.573v25.004h-6.036c-2.128,0-3.859,1.731-3.859,3.861v15.11 c0,2.127,1.731,3.859,3.859,3.859h63.249c2.129,0,3.86-1.732,3.86-3.859v-15.11C81.562,42.116,79.831,40.385,77.702,40.385z M18.481,9.808c0-1.787,1.455-3.241,3.242-3.241s3.242,1.454,3.242,3.241s-1.455,3.241-3.242,3.241S18.481,11.595,18.481,9.808z M79.093,59.356c0,0.766-0.625,1.391-1.392,1.391H14.453c-0.766,0-1.39-0.625-1.39-1.391v-15.11c0-0.769,0.624-1.391,1.39-1.391 h63.249c0.767,0,1.392,0.622,1.392,1.391V59.356z'/%3E%3Cpath fill='rgb(35, 92, 169)' d='M29.574,50.565h-5.101c-0.523,0-0.948,0.426-0.948,0.947v0.574c0,0.524,0.425,0.948,0.948,0.948 h5.101c0.524,0,0.948-0.424,0.948-0.948v-0.574C30.522,50.991,30.098,50.565,29.574,50.565z'/%3E%3Cpath fill='rgb(35, 92, 169)' d='M54.802,50.565h-5.101c-0.524,0-0.947,0.426-0.947,0.947v0.574c0,0.524,0.423,0.948,0.947,0.948 h5.101c0.524,0,0.949-0.424,0.949-0.948v-0.574C55.751,50.991,55.327,50.565,54.802,50.565z'/%3E%3Cpath fill='rgb(35, 92, 169)' d='M67.683,50.565h-5.102c-0.523,0-0.947,0.426-0.947,0.947v0.574c0,0.524,0.424,0.948,0.947,0.948 h5.102c0.522,0,0.947-0.424,0.947-0.948v-0.574C68.63,50.991,68.206,50.565,67.683,50.565z'/%3E%3Cpath fill='rgb(35, 92, 169)' d='M32.937,16.631c-0.001,0-0.001,0-0.002,0.001c-0.008,0.003-0.015,0.007-0.023,0.01 C32.919,16.638,32.927,16.633,32.937,16.631z'/%3E%3Cpath fill='rgb(35, 92, 169)' d='M31.685,14.564c-0.447,0.396-0.527,1.063-0.206,1.567c0.211,0.333,0.552,0.524,0.911,0.564 c-0.013-0.001-0.024,0-0.036-0.001c0.058,0.007,0.115,0.012,0.172,0.012c0.016,0,0.03-0.005,0.044-0.005 c0.017,0,0.033,0.003,0.05,0c0.011,0,0.023-0.005,0.034-0.006c0.006,0,0.01-0.001,0.014-0.001c0.049-0.008,0.097-0.014,0.145-0.027 c0.021-0.005,0.043-0.007,0.065-0.013c0.012-0.004,0.021-0.01,0.033-0.014h-0.002c0.008-0.003,0.017-0.008,0.025-0.01 c0.041-0.015,0.08-0.03,0.119-0.05c0.023-0.011,0.045-0.016,0.066-0.029c0.006-0.002,0.011-0.007,0.017-0.011 c0,0-0.002,0.001-0.003,0.003c0.072-0.043,0.141-0.089,0.206-0.146c0.926-0.821,1.652-1.808,2.161-2.929 c0.133-0.291,0.25-0.587,0.35-0.891c0.293-0.891,0.441-1.817,0.441-2.771c0-0.953-0.148-1.881-0.441-2.768 c-0.115-0.352-0.259-0.691-0.416-1.022c-0.507-1.065-1.206-2.01-2.095-2.8c-0.065-0.057-0.134-0.103-0.206-0.145 c0.001,0,0.002,0,0.003,0.002c-0.006-0.004-0.011-0.009-0.017-0.012c-0.021-0.012-0.043-0.018-0.066-0.028 c-0.047-0.023-0.095-0.044-0.144-0.06c-0.011-0.004-0.02-0.01-0.031-0.013c-0.022-0.007-0.045-0.008-0.066-0.016 c-0.048-0.011-0.096-0.019-0.145-0.024c-0.011-0.001-0.023-0.005-0.034-0.005c-0.005-0.001-0.009-0.002-0.014-0.002 c-0.016-0.003-0.033,0-0.05,0c-0.014-0.003-0.028-0.006-0.044-0.006c-0.057,0-0.114,0.006-0.172,0.012 c0.01-0.001,0.019,0.001,0.029,0c-0.357,0.041-0.695,0.233-0.904,0.564c-0.321,0.504-0.241,1.171,0.206,1.566 c1.354,1.196,2.138,2.911,2.138,4.755c0,0.372-0.04,0.736-0.102,1.093c0.062-0.358,0.102-0.723,0.102-1.093 c0,0.37-0.04,0.735-0.102,1.094c-0.007,0.043-0.012,0.087-0.021,0.13c-0.068,0.348-0.166,0.687-0.29,1.017 c-0.016,0.041-0.032,0.082-0.048,0.123c-0.132,0.331-0.29,0.65-0.475,0.955c-0.017,0.026-0.035,0.052-0.052,0.078 c-0.197,0.312-0.418,0.61-0.669,0.885c0.251-0.274,0.471-0.573,0.668-0.884C32.518,13.705,32.137,14.166,31.685,14.564z M33.7,11.033c-0.067,0.348-0.166,0.687-0.289,1.015C33.534,11.719,33.632,11.38,33.7,11.033z M33.362,12.173 c-0.132,0.331-0.289,0.649-0.475,0.953C33.073,12.823,33.229,12.503,33.362,12.173z'/%3E%3Cpath fill='rgb(35, 92, 169)' d='M37.106,17.098c-0.022,0.019-0.039,0.039-0.06,0.059c-0.442,0.406-0.553,1.063-0.228,1.577 l0.003,0.004c0.221,0.35,0.592,0.546,0.973,0.57c-0.04-0.003-0.08,0-0.122-0.008c0.068,0.012,0.136,0.018,0.203,0.018 c0.004,0,0.007-0.002,0.01-0.002h0.023c0.056-0.002,0.11-0.012,0.165-0.021c0.027-0.005,0.054-0.005,0.082-0.012 c0.025-0.007,0.05-0.018,0.075-0.025c-0.003,0-0.006,0-0.01,0.002c0.028-0.009,0.056-0.019,0.083-0.029 c0.002-0.001,0.005-0.002,0.009-0.002c0.026-0.011,0.054-0.02,0.08-0.033c0.066-0.031,0.129-0.071,0.189-0.117 c0.009-0.008,0.019-0.011,0.029-0.019c2.792-2.242,4.423-5.611,4.425-9.25c0-3.638-1.634-7.008-4.425-9.25 c-0.095-0.077-0.2-0.13-0.307-0.172c-0.028-0.009-0.054-0.021-0.082-0.027C38.111,0.324,38,0.303,37.886,0.301 c-0.003,0-0.007-0.001-0.01-0.001c-0.067,0-0.135,0.005-0.203,0.016c-0.004,0.001-0.008,0.004-0.012,0.005 c-0.057,0.009-0.111,0.028-0.167,0.046c-0.026,0.009-0.054,0.013-0.079,0.023c-0.076,0.029-0.147,0.068-0.216,0.112 c-0.003,0.002-0.008,0.004-0.012,0.007c-0.072,0.047-0.139,0.102-0.201,0.166c-0.061,0.062-0.116,0.13-0.164,0.205l-0.003,0.004 c-0.34,0.536-0.206,1.232,0.288,1.635c2.183,1.777,3.458,4.429,3.458,7.29C40.565,12.671,39.29,15.322,37.106,17.098z M37.664,0.32 c0.003-0.001,0.005-0.001,0.009-0.004c0.068-0.012,0.136-0.016,0.203-0.016c0.003,0,0.005,0.002,0.008,0.002 C37.811,0.301,37.736,0.309,37.664,0.32z'/%3E%3Cpath fill='rgb(35, 92, 169)' d='M10.779,16.693c0.011,0.002,0.023,0.004,0.035,0.007c0.005,0,0.009,0.001,0.013,0.002h0.051 c0.015,0,0.028,0.004,0.043,0.004c0.057,0,0.115-0.004,0.172-0.011h-0.028c0.356-0.042,0.694-0.233,0.904-0.564 c0.32-0.504,0.24-1.172-0.207-1.566c-1.353-1.195-2.137-2.91-2.137-4.757c0-0.371,0.04-0.735,0.102-1.093 C9.664,9.073,9.625,9.438,9.625,9.808c0-0.37,0.04-0.734,0.102-1.093c0.007-0.043,0.013-0.087,0.021-0.13 c0.068-0.348,0.166-0.688,0.291-1.018c0.015-0.04,0.031-0.08,0.046-0.12c0.133-0.332,0.291-0.653,0.478-0.958 c0.015-0.024,0.032-0.047,0.047-0.071c0.198-0.314,0.42-0.613,0.672-0.89c-0.252,0.276-0.473,0.575-0.671,0.888 c0.317-0.501,0.699-0.964,1.152-1.364c0.447-0.395,0.527-1.063,0.207-1.565c-0.21-0.334-0.552-0.525-0.91-0.565 c0.012,0.001,0.022,0,0.034,0.001c-0.057-0.009-0.115-0.012-0.172-0.012c-0.015,0-0.029,0.001-0.043,0.003 c-0.017,0.003-0.033-0.002-0.05,0.003c-0.012,0-0.022,0.003-0.035,0.005c-0.005,0-0.01,0.001-0.014,0.002 c-0.049,0.006-0.097,0.014-0.144,0.024c-0.022,0.005-0.044,0.009-0.065,0.014c-0.012,0.004-0.022,0.011-0.033,0.013h0.002 c-0.009,0.003-0.018,0.009-0.027,0.012c0.008-0.003,0.016-0.009,0.025-0.012c-0.049,0.018-0.096,0.038-0.144,0.06 c-0.021,0.011-0.045,0.019-0.066,0.029c-0.006,0.003-0.011,0.009-0.017,0.013c0.001-0.002,0.003-0.002,0.003-0.002 c-0.072,0.04-0.141,0.088-0.205,0.145c-0.926,0.823-1.652,1.809-2.161,2.93C7.814,6.437,7.697,6.734,7.596,7.04 C7.304,7.927,7.155,8.855,7.155,9.808c0,0.954,0.149,1.881,0.441,2.771c0.116,0.351,0.259,0.688,0.417,1.021 c0.506,1.066,1.206,2.01,2.095,2.798c0.064,0.059,0.133,0.104,0.205,0.146c0-0.001-0.002-0.001-0.003-0.001 c0.006,0.003,0.011,0.009,0.017,0.011c0.021,0.013,0.045,0.019,0.066,0.029c0.048,0.021,0.095,0.043,0.145,0.06 c-0.003,0-0.005-0.004-0.007-0.004c0.002,0,0.005,0.004,0.008,0.004h-0.001c0.01,0.002,0.02,0.009,0.031,0.014 c0.022,0.005,0.044,0.006,0.066,0.013C10.682,16.681,10.73,16.688,10.779,16.693z M9.748,8.583c0.068-0.349,0.167-0.688,0.29-1.016 C9.914,7.896,9.815,8.236,9.748,8.583z M10.562,6.489c-0.187,0.305-0.344,0.625-0.477,0.957 C10.218,7.113,10.375,6.793,10.562,6.489z'/%3E%3Cpath fill='rgb(35, 92, 169)' d='M6.341,2.519C6.364,2.5,6.38,2.48,6.401,2.46c0.442-0.408,0.554-1.063,0.227-1.576L6.625,0.88 C6.405,0.53,6.034,0.334,5.653,0.309c0.04,0.003,0.08,0.002,0.122,0.008C5.707,0.305,5.639,0.3,5.572,0.3 c-0.003,0-0.007,0.001-0.011,0.001H5.539c-0.056,0.002-0.11,0.013-0.165,0.022C5.347,0.326,5.32,0.328,5.292,0.335 C5.267,0.34,5.242,0.351,5.217,0.36h0.009C5.199,0.366,5.17,0.378,5.143,0.387h0.001C5.142,0.389,5.139,0.389,5.135,0.391 C5.109,0.401,5.081,0.409,5.054,0.42C4.988,0.454,4.926,0.495,4.866,0.541C4.856,0.546,4.847,0.552,4.837,0.559 c-2.793,2.242-4.425,5.61-4.425,9.249c0,3.64,1.632,7.009,4.425,9.251c0.094,0.076,0.199,0.129,0.306,0.171 c0.028,0.011,0.055,0.02,0.082,0.028c0.109,0.034,0.222,0.057,0.335,0.059c0.004,0,0.008,0.002,0.011,0.002 c0.067,0,0.135-0.007,0.203-0.019c-0.068,0.012-0.136,0.017-0.203,0.017H5.563c0.074,0,0.147-0.007,0.22-0.02 c-0.003,0-0.006,0.003-0.009,0.003c0.005,0,0.008-0.003,0.012-0.003c0.057-0.012,0.112-0.029,0.167-0.045 c0.026-0.01,0.054-0.014,0.08-0.024c0.075-0.029,0.146-0.067,0.214-0.113c0.005-0.002,0.01-0.002,0.014-0.004 c0.07-0.049,0.138-0.104,0.2-0.167c0.061-0.062,0.116-0.131,0.164-0.206l0.002-0.003c0.342-0.539,0.208-1.236-0.287-1.637 c-2.183-1.775-3.458-4.428-3.458-7.29S4.159,4.294,6.341,2.519z'/%3E%3C/g%3E%3C/svg%3E%0A");} /*메인상단 슬라이드 뒷배경*/ .scroll-box-1 .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height: 100%; overflow:hidden;} .scroll-box-1 .ls-slide-backgrounds img {object-fit: cover; max-height: 100%; height: 100%; width: 100%;} .scroll-box-1 .ls-slide-texts {z-index: 2; padding: 0px 20px; max-width: 1340px; text-align: center;width: 100%;color:#fff; position:absolute; left:50%; top:50%; transform: translate( -50%, -50%);} .scroll-box-1 .ls-head { font-weight: 500; word-break: keep-all;position: relative; padding-bottom: 20px; line-height: 1.3; font-size : 3.7em;} .scroll-box-1 .ls-head img{ filter: contrast(3) brightness(0) grayscale(1) hue-rotate(360deg) saturate(0) invert(1); max-width: 100%;} .scroll-box-1 .ls-head b { font-weight: 600;} .scroll-box-1 .ls-info1 {font-size: 2.4em; font-weight: 600; padding-top: 30px; } .scroll-box-1 .ls-info2 {font-size: 1.4em; padding-top: 10px;} .scroll-box-1 .ls-box-in { display: flex; z-index: 2; height: 135px; padding: 0px 20px; max-width: 1340px; text-align: left;width: 100%;color:#fff; position:absolute; left:50%; bottom:0; transform: translate( -50%, 0);} .scroll-box-1 .ls-box-in .box-01 {width:60%; background:#e55c1c; display: flex; align-items: center; justify-content: center;} .scroll-box-1 .ls-box-in .box-02 {width:40%; background:#1c1c1c; display: flex; align-items: center; justify-content: center;} .scroll-box-1 .ls-box-in .box-01-01 { width:100%; display: flex; align-items: center; justify-content: center;} .scroll-box-1 .ls-box-in .box-01-01 .ls-01 { padding-right: 20px;} .scroll-box-1 .ls-box-in .box-01-01 .ls-01 img { max-width:100%;} .scroll-box-1 .ls-box-in .box-01-01 .ls-02 { padding-right: 35px; position: relative;} .scroll-box-1 .ls-box-in .box-01-01 .ls-03 { position: relative; font-weight: 600; font-size: 1.5em;} .scroll-box-1 .ls-box-in .box-01-01 .ls-02:before { content:''; position: absolute; right:0; height: 100%;width:1px; background-color: rgba(255,255,255,0.3);} .scroll-box-1 .ls-box-in .box-01-01 .box-01-02 { font-size: 0.8em; padding-left: 35px;} .scroll-box-1 .ls-box-in .ls-sm { padding-top: 5px; font-size: 0.8em; opacity: 0.7;} .scroll-box-1 .ls-box-in .box-02-01 { width:92%; display: flex; align-items: center; justify-content: center; } .scroll-box-1 .ls-box-in .box-02-01 a { color:#fff; font-size: 0.9em;} .scroll-box-1 .ls-box-in .box-02-01 .ls-01 { padding-right: 20px; font-weight: 600;} .scroll-box-1 .ls-box-in .box-02-01 .ls-03 { padding-top: 5px; font-size: 0.8em; opacity: 0.7;} .scroll-box-1 .ls-box-in .box-02-01 a { position: relative; width: 50%;display: flex; align-items: center; justify-content: center; } .scroll-box-1 .ls-box-in .box-02-01 a:first-of-type:after { content:''; position: absolute; height:100%; width:1px; background-color: rgba(255,255,255,0.3); right:0;} /*메인 모바일 슬라이드*/ .scroll-box-1 .scroll-box-btn2 { color:#fff; z-index: 5; width: 100%; max-width: 1920px; position: absolute; bottom:450px; } .scroll-box-1 { position:relative; width: 100%; height: 100%;} .scroll-box-1-1 { height: 100%;z-index: 2;} .scroll-box-1 .arrowBtn { left:0; height: 100%; width:100%; background: transparent;} /* .scroll-box-1 .arrowLeft { left:40px; top:54%; transform: translate( 0%, -54%); position: absolute;} .scroll-box-1 .arrowRight { right:40px; top:54%; transform: translate( 0%, -54%); position: absolute;} */ .scroll-box-1 button {top:50%; font-size:0; border:none; border-radius: 5px; width:55px; height: 110px; background:none; position: absolute; z-index: 4;} .scroll-box-1 button:after {transform: translate(0%, -50%); top:50%; left:0%;font-size:7rem; width:100%; height:100%; content:'';position: absolute; background-repeat: no-repeat;} .scroll-box-1 .slide-right:after { left: auto; right:0% } .scroll-box-1 .slide-left { left:10%; } .scroll-box-1 .slide-left:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40.5px' height='76.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M38.000,75.477 L0.523,38.000 L38.000,0.523 '/%3E%3C/svg%3E");} .scroll-box-1 .slide-right { right:10%; } .scroll-box-1 .slide-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40.5px' height='78.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M0.500,76.508 L37.508,39.000 L0.500,1.492 '/%3E%3C/svg%3E");} /*메인 스크롤 버튼*/ .scroll-box-1 .scroll-box-btn { padding-top: 30px; width:100%; color:#fff; z-index: 5; position: relative;} .scroll-box-1 .scroll-btn { z-index: 4;display: flex;justify-content : center;align-items: center; clear: both; width: 100%; position: relative;} .scroll-box-1 .scroll-box-btn a { display:block; padding: 20px 15px; font-size:0;} .scroll-box-1 .scroll-box-btn span { border-radius: 20px; display:block; width:3px; height:3px; position: relative; background:#fff} .scroll-box-1 .scroll-box-btn a.active span:before { left: 50%; top:50%; transform: translate(-50%, -50%); border-radius: 50%; position: absolute; width:20px; height:20px; content:''; background:rgba(255,255,255,0.3)} /*메인 비전*/ .scroll-box-2 { background:#fff; position:relative; width: 100%; height: 100%;} .scroll-box-2 .ls-slide-backgrounds {position:absolute; left:0; bottom:0; width: 100%; height: 100%; overflow:hidden;} .scroll-box-2 .ls-slide-backgrounds img {height: 100%; width: 100%; object-fit: cover; } .scroll-box-2 .m-head {width:100%;padding: 50px 20px 50px 0; color:#fff;} .scroll-box-2 .m-head h3 {width: 100%; font-weight: 600;;line-height: 1.2em; padding-bottom: 30px; font-size:5.5em;} .scroll-box-2 .m-head h3 p { width:30px; height: 30px; display: inline-block; } .scroll-box-2 .m-head h3 span { display: inline-block; position: relative; top:-22px; width: 100%; height:100%; background-size: 100%; background-repeat: no-repeat; background-position: center center;} .scroll-box-2 .m-head p { width: 100%; font-size: 1.1em; line-height: 1.6em;} .scroll-box-2 .ls-box-in { width:100%; height:100%; display:flex; justify-content: center; flex-direction: column; align-items: center; } .scroll-box-2 .ls-box-in>div { width:100%;} .scroll-box-2 .scroll-box-2-1 { width:100%; margin:0 auto; padding: 0px 20px; max-width: 50%; text-align: center;position: absolute; left:50%; top: 50%; transform: translateY(-50%);} .scroll-box-2 .ls-box { text-align: left; padding-left: 20%;} /* .scroll-box-2 .ls-btn a:after { height:100%; position: absolute; margin-left: 50px; top:-150%; font-size: 2rem; color:#fff; content:'\02F2'; } .scroll-box-2 .ls-btn a:before { position: absolute; height:1px; left: 100px; top: 51%; transform: translateY(-51%); width: 45px; background:#fff; content:''; } */ .scroll-box-2 .ls-btn { font-size: 0.8em; display: block; margin-top: 20px; position: relative;} .scroll-box-2 .ls-btn span:after {position: absolute; width:48px; height:48px; left:30px; top: 55%; transform: translateY(-50%); border-radius: 50%; content:''; border:1px solid #fff;} .scroll-box-2 .ls-btn a span img {filter: contrast(3) brightness(0) grayscale(1) hue-rotate(360deg) saturate(0) invert(1); } .scroll-box-2 .ls-btn a span { position: relative; top:-3px; display: inline-block; padding-left:10px;} .scroll-box-2 .ls-btn a { position: relative; color:#fff; padding: 10px 0;} /*메인 스크롤 버튼2*/ .scroll-box-btn-02 { width:100%; color:#fff; z-index: 5; position: absolute; bottom:30px;} .scroll-btn-02 { z-index: 4;display: flex;justify-content : center;align-items: center; clear: both; width: 100%; position: relative;} .scroll-box-2 .scroll-btn-02>a { padding: 10px 5px; display: flex; justify-content : center;align-items: center;} .scroll-box-2 .scroll-btn-02>a span {position: relative; display: inline-block; background:rgba(255,255,255,0.2);font-size:0; border-radius: 11px; height:2px; width: 80px; border:1px solid transparent;} .scroll-box-2 .scroll-btn-02>a.active span{ width: 80px; height: 2px; border-radius: 11px;border:1px solid #fff; background-color:transparent; } .scroll-box-2 .scroll-btn-02 a:hover { color:#e55c1c} .scroll-box-2 .scroll-btn-02 a:hover span { background:transparent; border-color:#e55c1c;} .scroll-box-2 .scroll-btn-02>a:hover span:after { background:#e55c1c} /*메인 비전*/ .scroll-box-3 { position:relative; width: 100%; height: 100%; background:#fff; } .scroll-box-3 .ls-slide-backgrounds {position:absolute; left:0; bottom:0; width: 100%; height: 97100%0px; overflow:hidden;} .scroll-box-3 .ls-slide-backgrounds img { max-height: 100%; height: 100%; width: auto;} .scroll-box-3 .ls-slide-backgrounds .img-01 {position:absolute; left:0;} .scroll-box-3 .ls-slide-backgrounds .img-02 {position:absolute; right:0;} .scroll-box-3 .m-head {padding: 0px 0px 30px 20px;} .scroll-box-3 .m-head h3 {padding-bottom: 20px; font-size:3.7em; line-height: 1.2em;} .scroll-box-3 .m-head h3 span { font-weight: 400;} .scroll-box-3 .m-head p { padding-top: 20px; font-size: 1em; line-height: 1.6em;} .scroll-box-3 .m-head img { max-width:100%; display:inline-block} .scroll-box-3 .scroll-box-3-1 { width:100%; margin:0 auto; padding: 0px 20px; max-width: 1540px; text-align: center;position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%);} .scroll-box-3 button {opacity: 0.6; top:50%; font-size:0; border:none; border-radius: 5px; width:58px; height: 58px; background:none; position: absolute; z-index: 5;} .scroll-box-3 button:after {transform: translate(0%, -50%); top:50%; left:0%; font-size:7rem; width:100%; height:100%; content:'';position: absolute; background-repeat: no-repeat;} .scroll-box-3 .slide-right:after {left: auto; right:0% } .scroll-box-3 .slide-left { left:10px; } .scroll-box-3 .slide-left:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='58px' height='57px'%3E%3Cpath fill-rule='evenodd' fill='rgb(181, 181, 182)' d='M28.515,57.007 C12.795,57.007 0.006,44.219 0.006,28.499 C0.006,12.780 12.795,-0.009 28.515,-0.009 C44.234,-0.009 57.022,12.780 57.022,28.499 C57.022,44.219 44.234,57.007 28.515,57.007 ZM28.515,1.729 C13.753,1.729 1.746,13.739 1.746,28.499 C1.746,43.260 13.753,55.270 28.515,55.270 C43.276,55.270 55.283,43.260 55.283,28.499 C55.283,13.739 43.276,1.729 28.515,1.729 ZM33.973,40.086 C33.973,40.363 33.854,40.629 33.644,40.821 C33.453,40.992 33.206,41.086 32.947,41.086 C32.689,41.086 32.442,40.992 32.250,40.821 L19.388,29.231 C19.181,29.043 19.063,28.776 19.063,28.499 C19.063,28.222 19.181,27.956 19.391,27.765 L32.252,16.177 C32.642,15.827 33.254,15.827 33.648,16.181 C33.854,16.370 33.973,16.636 33.973,16.913 C33.973,17.190 33.854,17.456 33.645,17.648 L21.601,28.499 L33.648,39.354 C33.854,39.543 33.973,39.809 33.973,40.086 Z'/%3E%3C/svg%3E");} .scroll-box-3 .slide-right { right:10px; } .scroll-box-3 .slide-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='58px' height='57px'%3E%3Cpath fill-rule='evenodd' fill='rgb(181, 181, 182)' d='M29.485,57.007 C13.766,57.007 0.978,44.219 0.978,28.499 C0.978,12.780 13.766,-0.009 29.485,-0.009 C45.205,-0.009 57.994,12.780 57.994,28.499 C57.994,44.219 45.205,57.007 29.485,57.007 ZM29.485,1.729 C14.724,1.729 2.717,13.739 2.717,28.499 C2.717,43.260 14.724,55.270 29.485,55.270 C44.247,55.270 56.254,43.260 56.254,28.499 C56.254,13.739 44.247,1.729 29.485,1.729 ZM25.750,40.821 C25.558,40.992 25.311,41.086 25.053,41.086 C24.794,41.086 24.547,40.992 24.356,40.821 C24.146,40.629 24.027,40.363 24.027,40.086 C24.027,39.809 24.146,39.543 24.352,39.354 L36.399,28.499 L24.355,17.648 C24.146,17.456 24.027,17.190 24.027,16.913 C24.027,16.636 24.146,16.370 24.352,16.181 C24.746,15.827 25.358,15.827 25.748,16.177 L38.609,27.765 C38.819,27.956 38.937,28.222 38.937,28.499 C38.937,28.776 38.819,29.043 38.612,29.231 L25.750,40.821 Z'/%3E%3C/svg%3E");} .scroll-box-3 .ls-box-02 { width: 100%;} .scroll-box-3 .slide-in { width: 100%;} .scroll-box-3 .slide-in .slide-box { max-width: 1300px; margin:0 auto; } .scroll-box-3 .slide-in .list { display:flex; justify-content: space-between; align-items: stretch; padding: 0 30px;} .scroll-box-3 .ls-sl-img { width: 50%; text-align: left;} .scroll-box-3 .ls-sl-img img { display:block; max-width: 100%; max-height:450px;} .scroll-box-3 .ls-sl-info { width: 50%; text-align: right;} .scroll-box-3 .ls-sl-info h4 { font-weight:400; position: relative; font-size: 2.4em; padding-bottom: 4%;} .scroll-box-3 .ls-sl-info .txt-02 {color:#646464; font-size: 0.9em;} .scroll-box-3 .ls-sl-info .txt-01 { position: relative; font-size:1.2em;} .scroll-box-3 .ls-icon-list { padding-top: 10%;} .scroll-box-3 .ls-icon-list ul {position: relative; transform: translate(-5%); font-size:0.8em; text-align: center; display: flex;justify-content: flex-start; align-items: stretch; } .scroll-box-3 .ls-icon-list p { padding-top: 5px; text-align: center;} .scroll-box-3 .ls-icon-list li { min-width: 25%;} .scroll-box-3 .ls-btn { font-size: 0.8em; display: block; margin-top: 70px; position: relative; padding-right: 25px;} .scroll-box-3 .ls-btn span:after {position: absolute; width:48px; height:48px; left:30px; top: 55%; transform: translateY(-50%); border-radius: 50%; content:''; border:1px solid #000;} .scroll-box-3 .ls-btn a span { position: relative; top:-3px; display: inline-block; padding-left:10px;} .scroll-box-3 .ls-btn a { position: relative; color:#000; padding: 10px 0;} .scroll-box-4 { position:relative; width: 100%; height: 100%; background:#e4e7ea; } .scroll-box-4 .ls-slide-backgrounds {position:absolute; left:0; bottom:0; width: 100%; height: 100%; overflow:hidden;} .scroll-box-4 .ls-slide-backgrounds img { height: 100%; width: 100%; object-fit: cover;} .scroll-box-4 .m-head {padding: 0px 0px 50px 20px;} .scroll-box-4 .m-head h3 {padding-bottom: 20px; font-size:3.7em; line-height: 1.2em;} .scroll-box-4 .m-head h3 span { font-weight: 400;} .scroll-box-4 .m-head p { padding-top: 20px; font-size: 1em; line-height: 1.6em;} .scroll-box-4 .ls-sl-info { width: 100%; max-width: 1300px; margin:0 auto; padding:0 30px; text-align: right;} .scroll-box-4 .ls-sl-info h4 {position: relative; font-size: 2.4em; padding-bottom: 7%;} .scroll-box-4 .ls-sl-info .txt-02 {color:#646464; font-size: 0.9em;} .scroll-box-4 .ls-sl-info .txt-01 { position: relative; font-size:1.2em;} .scroll-box-4 .ls-btn { font-size: 0.8em; display: block; margin-top: 70px; position: relative; padding-right: 25px;} .scroll-box-4 .ls-btn span:after {position: absolute; width:48px; height:48px; left:30px; top: 55%; transform: translateY(-50%); border-radius: 50%; content:''; border:1px solid #000;} .scroll-box-4 .ls-btn a span { position: relative; top:-3px; display: inline-block; padding-left:10px;} .scroll-box-4 .ls-btn a { position: relative; color:#000; padding: 10px 0;} .scroll-box-4 .scroll-box-4-1 { width:100%; margin:0 auto; padding: 0px 20px; max-width: 1540px; text-align: right;position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%);} /*서브상단 뒷배경*/ .snb-bg { height: 495px;} .snb-bg .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height: 570px; overflow:hidden;} .snb-bg .ls-slide-backgrounds img {object-fit: cover; height: 570px; width: 100%;} .snb-bg .box_inner { height: 100%; clear: both; position: relative;} .snb-bg .ls-slide-texts { width: 100%; color:#fff; position:absolute; left:50%; top:60%; transform: translate( -50%, -60%);} .snb-bg .ls-slide-texts .ls-info { font-size:1.2em; padding-top: 20px;} .snb-bg .ls-slide-texts .ls-head { font-size: 3.4em; font-weight: 600;} .snb { margin:0 auto; width: 100%; position: relative ; height: 75px; background:rgba(0,0,0,0.6)} .snb ul {margin:0 auto; height:100%; display: flex; justify-content: center;} .snb li {flex-basis: fit-content; height: 100%; flex:auto; max-width: 20%;} .snb li a {width: 100%; position: relative; color:#fff; display: block; padding: 20px 1%; height: 100%; font-weight: 600;line-height: 2em} .snb li a.active, .snb li a:hover { color:#666666; background:#fff;} .snb li a.active { font-weight: 600;} .snb-md { font-size: 1.1rem;z-index: 10; position: relative; height: 50px;background:rgba(0,0,0,0.7); } .snb_list { width: 100%; position: absolute; background:rgba(0,0,0,0.7); display:none;} .snb-md li { width: 100%;} .snb-md li a { line-height:1.8;text-align: left; color:#fff;position: relative; display: block; padding: 12px 40px 14px 40px; } .snb-md li a:hover, .snb-md li a.active { background:#fff; color:#fff} .snb-md i { font-size:0;font-style: normal; position: absolute; right: 40px;} .snb-md i:after { font-size:0.8rem; content:'\25BC'; color:#fff; position: absolute; right: 0px; top:0px;} .snb-md li:last-of-type a:after { display: none;} .snb-md .sel-menu { text-align: left; height: 100%; } .snb-md .sel-menu a { width: 100%; padding-top: 15px; padding-left: 40px; font-weight:600; display: block; color:#fff;height: 100%; color:#fff} .sub-menu { margin:0; margin-top:0!important; width: 100%;position: relative ; } .sub-menu ul { display: flex; justify-content:center; align-items: center; height: 115px;} .sub-menu li { display: inline-block; flex: 1 1 290px; width: 290px; max-width: 290px;} .sub-menu li a { border:1px solid #0b3775; color:#0b3775;font-size: 0.8em; display: block; padding: 20px 0 20px 0; background:#fff;} .sub-menu li a.active, .sub-menu li a:hover{ background:#0b3775; color:#fff;} .sub-menu li a { border-right:0;} .sub-menu li:last-of-type a { border-right:1px solid #0b3775;} .co-location { color:#9f9f9f; font-size: 0.6em; text-align: left;} /*메인 슬라이드 내용*/ .main_silde { height: 965px;} .main_silde .box_inner { margin:0 auto; max-width: 1757px;height: 900px; position: relative; } .main_silde .sildeBtn {position:absolute; bottom: 0px;} /*메인 슬라이드 버튼*/ .sildeBtn { display: flex; justify-content: center;align-items: center; clear: both; width: 100%;} .sildeBtn span { border:1px solid #035fff; display: inline-block; margin: 0 6px;background: #fff; font-size:0; border-radius: 9px; height:18px; width: 18px;} .sildeBtn span.active { background:#035fff; } .clearfix { clear: both} .vr-center { width: 100%; text-align:center;position:absolute; left:50%; top:50%; transform: translate( -50%, -50%); } .head-line .text { padding-bottom: 150px;color:#0b3775; font-size: 3rem; position: relative; font-weight: 600; letter-spacing: -0.5px;} .head-line .text:after { z-index:5;content:''; width: 1px; height: 65px; position: absolute; left:50%; top: 100px;transform: translate(-50%, 0); background:#000; } sup { font-size: 0.5em;} .bgc-01 { background-color:#51b431;} .bgc-02 { background-color:#155bb9;} .bgc-03 { background-color:#eef0f3;} .fc-01 { color:#51b431} .fc-02 { color:#155bb9} .fc-03 { color:#92db7a} .fc-04 { color:#ed7e1c} .fc-05 { color:#acacac}g .fn-01 { font-family: 'Play', 'Noto Sans KR', sans-serif!important; } .fs-01 { font-weight: 300;} /*푸터*/ footer {position: relative; width: 100%; padding: 70px 20px; } footer .box-inner {margin:0 auto; border-bottom:1px solid #fff; width: 100%; padding-bottom: 20px; max-width: 1320px; position: relative; color:#fff;} .footer {position: relative; height: 100%;text-align: left; display: flex; justify-content: space-between; align-items: stretch; } .footer .head-box { width:50%; display:flex; flex-direction: column; justify-content:flex-start; } .footer .head-box .copy { bottom:0; position: absolute;} footer .f-menu>ul { display: flex; justify-content: space-between; align-items: stretch; width:100%; position: relative; } footer .f-menu { width:100%; font-size: 1.15em; padding-top:30px; } footer .f-menu>ul { max-width: 1320px; margin:0 auto; } footer .f-menu>ul>li { opacity: 0.5; text-align: center; position: relative; flex: 1;} footer .f-menu>ul>li:hover { opacity: 1;} footer .f-menu>ul>li>a { display:block; font-weight:600;color:#fff; padding-bottom: 20px;} footer .f-menu ul ul { padding-top: 5px;} footer .f-menu li li a { padding: 10px 0; display:block; opacity: 0.9; font-size:0.85em; } footer .f-menu a:hover { color:#fff} footer .f-menu a { color:#fff} footer .f-menu { width:100%;} .footer .ls-left {font-weight: 300;} .footer .ls-right { width:55%; text-align: center;} .footer .logo { padding-top:13px;text-align: left;} .footer .logo img { height:30px; filter: contrast(3) brightness(0) grayscale(1) hue-rotate(360deg) saturate(0) invert(1); max-width:100%;} .footer .col-box {opacity: 0.6; flex-direction: column; display:flex;justify-content: center; align-items: center; } .footer .col-box p { width:100%; padding: 15px 0 } .footer .col-box-02 {min-width: 250px;; width: 250px; color:#fff; text-align: right; margin-left:auto;} .footer .col-box-02 p:last-of-type { opacity: 0.7;} .footer .copy-box {opacity: 0.6; padding-top: 50px;} /* sns + top */ .scroll-page-top { z-index:4; position:fixed; right: 7%; top: 0; height:100%; } .scroll-page-top .scroll-page { position: absolute; left:0%; top: 50%;transform: translate(-0%, -50%); } .scroll-page-top .scroll-page li { padding: 10px 0; position: relative;} .scroll-page-top .scroll-page li a { font-size:0; position: relative; width: 49px; height: 49px; display:block; background:rgba(0,0,0,0.3); border-radius: 30px; } .scroll-page-top .scroll-page li a:hover { background:#e55c1c} .scroll-page-top .scroll-page li a div {position: relative; width:100%; height:100%;} .scroll-page-top .scroll-page p { display:inline-block; color: white; filter :brightness(0) invert(1); width: 100%; height:100%; background-size: 55%; background-repeat: no-repeat; background-position: center center;} .page-top { z-index:4; position:absolute; right:20px; top: -90px; height: 49px; width: 49px;} .page-top a { border-radius: 50%; font-size: 0; font-weight: 600; position: relative;display: block;width: 40px; height: 40px; background-color:#51b431;} .page-top a span { position: absolute; bottom:0; width:100%; left:0; text-align: center;} .page-top a:after { content:''; position: absolute; left:60%; top: 50%; transform: translate(-60%, -50%); width:50%; height:50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M15.573,11.353 C15.569,11.353 15.563,11.353 15.556,11.353 L11.477,11.353 L11.477,20.604 C11.477,20.810 11.312,20.977 11.108,20.977 L4.883,20.977 C4.679,20.977 4.515,20.810 4.515,20.604 L4.515,11.353 L0.435,11.353 C0.277,11.353 0.132,11.262 0.060,11.120 C-0.012,10.977 0.002,10.806 0.095,10.676 L7.655,0.212 C7.815,-0.007 8.176,-0.007 8.336,0.212 L15.839,10.597 C15.933,10.676 15.993,10.794 15.993,10.927 C15.993,11.162 15.805,11.353 15.573,11.353 Z'/%3E%3C/svg%3E");} .ptb25 { padding: 25px 0;} .pt170 { margin-top: 170px;} .ptb50 { padding: 50px 0;} .pb20 { padding-bottom:20px;} .pb100 { padding-bottom:100px;} .fs09e { font-size: 0.9em } .fs12e { font-size: 1.2em } .fs08e { font-size: 0.8em } .wd1700 { max-width: 1700px;} .wdauto { width: auto;} .wd12p { width: 12%;} .wd30p { width: 30%;} .wd20p { width: 20%;} .wd15p { width: 15%;} .container {font-size: 1.1rem;} .container * { word-break: keep-all;} .d-lg-none { display:none;} /* pc 용 감추기 */ .con-head { font-weight: 600;} /* 서브 컨텐츠 제목 */ .con-head h3 { padding-top: 10px; font-size: 2.2em;} .con-head h4 { padding-top: 10px; font-size: 2.9em;} .con-head+.con-head { padding-top: 70px;} .ls-tab-01 a {font-size: 1.2em; display:block; color:#727171; padding: 10px 10px;} .ls-tab-01 a:hover, .ls-tab-01 a.active{ color:#51b431; } .ls-tab-01 a:hover span, .ls-tab-01 a.active span { border-bottom:2px solid #51b431; } .ls-tab-01 a span { padding-bottom: 15px; width: 100%; display:block; text-align: center; border-bottom:2px solid #c9c9c9 } .ls-tab-02 a {font-size: 1.2em; display:block; color:#727171; padding: 10px 10px;} .ls-tab-02 a:hover, .ls-tab-02 a.active{ color:#235ca9; } .ls-tab-02 a:hover span, .ls-tab-02 a.active span { border-bottom:2px solid #235ca9; } .ls-tab-02 a span { padding-bottom: 15px; width: 100%; display:block; text-align: center; border-bottom:2px solid #c9c9c9 } /* overview */ .con-com-01 { margin:0 auto; padding: 120px 0px 0px 0px; position: relative; overflow: hidden;} .con-com-01 .con-head { text-align: left; padding-top: 100px;padding-left:20px; padding-right:20px; } .con-com-01 .con-box-01 { text-align: left; width: 100%; position: relative;} .con-com-01 .con-box-01 .ls-txt-02 { color:#646464; line-height: 1.5em;} .con-com-01 .con-box-01 .ls-txt-02 p { padding-top:20px;} .con-com-01 .con-box-01 .ls-box {position: relative; z-index: 2; padding: 50px 20px 50px 0; width:100%; display:flex; justify-content: start; align-items: stretch; height:100%; } .con-com-01 .con-box-01 .ls-box > div { flex:1; width: 50%; } .con-com-01 .con-box-01 .ls-txt-01 { position: relative; letter-spacing: -0.5px; line-height: 1.8em; max-width: 660px; font-size: 1.15em; padding-left: 5%; color:#707070; } .con-com-01 .con-box-01 .ls-txt-01 p { padding-top: 50px;} .con-com-01 .con-box-01 .ls-img-04 { max-width: 50%;height: 580px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; overflow: hidden;} .con-com-01 .con-box-01 .ls-img-04 img { object-fit: cover; height: 100%; width:100%;} .con-com-01 .con-box-01 .ls-img-02 { width: 107%; padding-top: 70px; position: relative; left: -7%;} .con-com-01 .con-box-01 .ls-img-02 img { max-width:601px;} .con-com-01 .con-box-01 .ls-img-01 img { max-width: 520px;} .con-com-01 .con-box-01 img { width:100%;} .con-com-01 .con-box-02 .ls-txt-02 { position: relative; margin-left: -20px; width: 200%; opacity: 0.2; text-align: left; font-size: 9em; font-weight: 600; line-height: 90%; padding-bottom: 25px; } .con-com-01 .con-box-02 { position: relative; margin-top: -320px; width:100%;} .con-com-01 .con-box-02 .ls-txt-01 { padding-left: 20px; margin-left: auto; text-align: left; position: relative; letter-spacing: -0.5px; line-height: 1.8em; max-width: 660px; font-size: 1.15em; padding-right: 5%; color:#707070; } .con-com-01 .con-box-02 .ls-txt-01 p { padding-bottom: 50px;} .con-com-01 .con-box-02 .ls-img-03 { max-width: 50%;height: 580px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; overflow: hidden;} .con-com-01 .con-box-02 .ls-img-03 img { object-fit: cover; height: 100%; width:100%;} .con-com-01 .con-box-02 .ls-box {position: relative; z-index: 2; padding: 50px 0px 100px 20px; width:100%; display:flex; justify-content: end; align-items:flex-end; height:100%; } .con-com-01 .con-box-02 .ls-box > div { flex:1; width: 50%; } .con-com-01 .con-box-02 .ls-txt-b { line-height: 1.85em; font-size: 1.5em; color:#000; } .con-com-01 .con-box-02 .ls-txt-b span {font-size: 1.5em;} .con-com-01 .con-box-03 { margin:0 auto; max-width: 1340px; padding-left: 20px; padding-bottom: 50px; } .con-com-01 .con-box-03 .con-his > div { min-width: 400px; padding-right: 30px; padding-left:20px; text-align: left; position: relative; transform: translateX(130px); } .con-com-01 .con-box-03 .con-his h5:before { position: absolute; content:''; top: -30px; left: 50%; margin-left: -7px; border-radius: 50%; width:14px; height:14px; background:#51b431;} .con-com-01 .con-box-03 .ls-box { width: 100%; left:0; } .con-com-01 .con-box-03 .ls-box .ls-box-in { width: 100%; position: relative; } .con-com-01 .con-box-03 .con-head:before { top: 195px; background:#51b431; position: absolute; height:1px; width: 100%; content:'';} .con-com-01 .con-box-03 .con-his > div:after { top: -24px; background:#51b431; position: absolute; height:1px; width: 100%; content:''; right:0;} .con-com-01 .con-box-03 .con-head { position: relative; } .con-com-01 .con-box-03 .con-his { padding-left: 5%; padding-right: 5%; padding-top: 50px; display:flex; align-items: stretch; position: relative; } .con-com-01 .con-box-03 .con-his h5 { clear: both; display:inline-block; position: relative; padding-bottom: 30px; font-size: 3.4em;} .con-com-01 .con-box-03 .con-his li { color:#626262;font-size: 1.1em; position: relative; padding-left: 10px;} .con-com-01 .con-box-03 .con-his li:before { content:'\002E'; position: absolute; left:0; top: -0.3em;} .con-com-01 .com-box-02 { overflow-x: scroll; position: relative;} /* digi pcr */ .con-com-02 { margin:0 auto; padding: 60px 0px 0px 0px; position: relative;} .con-com-02 .con-head { text-align: center; padding-top: 100px; padding-left:20px; padding-right:20px; } .con-com-02 .com-box-01 { text-align: center; margin: 0 auto; max-width: 1490px; width: 100%; padding-top: 50px; padding-left:20px; padding-right:20px;position: relative;} .con-com-02 .con-box-01 { display:flex; align-items: center; padding-top: 100px; padding-bottom:100px; } .con-com-02 .con-box-02 { padding-top: 100px; padding-bottom:100px;} .con-com-02 .con-box-01 h4 {font-size: 2em; font-weight: 500; line-height: 1em;} .con-com-02 .con-box-01 .ls-img-01 { padding-left: 40px;} .con-com-02 .con-box-01 .ls-img-01 img { max-width:100%;} .con-com-02 .con-box-02 img { max-width:100%;} .con-com-02 .com-box-02 { text-align: center; background:#e9eef6;} .con-com-02 .con-box-03 {margin:0 auto; width: 100%; max-width:1400px; padding-left: 20px; padding-right:20px;} .con-com-02 .con-box-03 .ls-box-in { width:100%; font-size: 0.9em; color:#707070; padding: 150px 0; } .con-com-02 .con-box-03 .ls-list-01 { display:flex;} .con-com-02 .con-box-03 .ls-list:last-child {margin-left: auto; } .con-com-02 .con-box-03 .ls-box-in img { max-width: 100%;} .con-com-02 .con-box-03 .ls-list-01 p:nth-child(1) { display:flex;} .con-com-02 .con-box-03 .ls-list-01 > div { margin: 0 0.5%;} .con-com-02 .con-box-03 .ls-box-in p:nth-child(2) { padding-top: 30px;} .con-com-02 .con-box-03 .ls-box-in img {position: relative; box-shadow: -3px 5px 6px rgba(0,0,0,0.3);} .con-com-02 .con-box-03 .ls-list-01 p { position: relative; margin: 0 5px;} .con-com-02 .con-box-03 .ls-list-01 span { margin:0 5px;} .con-com-02 .con-box-03 .ls-box-in p:nth-child(1) img:after {left:0; position: absolute;z-index: 2; height:100%; width:100%; border:1px solid #abbee9; content:'';} .con-com-02 .con-box-03 .ls-list:last-of-type p:after { display:none;} /* IsothermalPCR(LAMP PCR) */ .con-com-03 { margin:0 auto;padding-top:60px; position: relative;} .con-com-03 .con-head { text-align: center; padding-top: 100px; padding-left:20px; padding-right:20px; } .con-com-03 .con-head p { font-weight: 400; color:#707070; font-size: 1.2em; padding-top: 20px;} .con-com-03 .ls-tab-01 ul {display:flex; justify-content: center; } .con-com-03 .ls-tab-01 ul li { flex:1 1 auto; } .con-com-03 .ls-tab-01 { max-width: 740px; text-align: center; margin:70px auto;} .con-com-03 .con-box-02 { margin:0 auto; max-width: 1360px; padding: 50px 20px 100px 20px; display: flex; justify-content: space-between;} .con-com-03 .con-box-02 .ls-ul-01{ width: 50%; text-align: left; display:flex; align-items: center;} .con-com-03 .con-box-02 .ls-ul-01 li { font-size: 1.2em; align-items: center; display:flex; color:#727171; padding: 12px 0 12px 3%;} .con-com-03 .con-box-02 .ls-ul-01 span { padding-left: 5%;} .con-com-03 .con-box-02 i { position: relative; min-width:65px; width: 65px; height: 65px; display:inline-block} .con-com-03 .con-box-02 i:after { left:0; width:100%; height: 100%; position: absolute; content:''; background-size: contain; background-position: center center; background-repeat: no-repeat; } .con-com-03 .con-box-02 img { max-width: 100%;} .con-com-03 .com-box-02 { text-align: center; background:#f7f8f8; padding: 100px 0;} .con-com-03 .con-box-03 { margin:0 auto; width: 100%; max-width:1360px; padding-left: 20px; padding-right:20px;} .con-com-03 .ls-table-01 table { text-align: center; width:100%; border-top:1px solid #a4a4a5; table-layout: fixed ; font-size: 1.2em; border-spacing: 0; } .con-com-03 .ls-table-01 { clear: both;} .con-com-03 .ls-table-01 table thead th { border-bottom:1px solid #a4a4a5; background: #f6f7f9; padding: 15px 0;} .con-com-03 .ls-table-01 table tbody td, .con-com-03 .ls-table-01 table tbody th { word-break:keep-all ; border-bottom:1px solid #a4a4a5; padding: 15px 10px;} .con-com-03 .ls-table-01 table td, .con-com-03 .ls-table-01 table th { border-right:1px solid #a4a4a5; } .con-com-03 .ls-table-01 table th { font-weight: 400;} .con-com-03 .ls-table-01 table tbody td { width: 60%; font-size: 0.8em;} .con-com-03 .ls-table-01 table td:last-of-type { border-right:none} .con-com-03 .con-box-03 h5 { background:#eeefef; padding: 15px 0; font-size: 1.3em;} .con-com-03 .ls-img-01 { text-align: center; display: block; justify-content: center; align-items: center; width:45%;} /* 버튼 */ .button-box { margin:5px auto; text-align: center; display: flex; justify-content: center; align-items: center; width:100%; max-width:340px; border:3px solid #5db93f; border-radius:10px; padding:10px; } .button-box { margin-top:60px; } .button-box>div { width:50%; color:#5db93f; font-size:1.32em; font-weight: 600; ;} .button-box>div a { color:#5db93f; font-size:0.85em; } .button-box>div:nth-child(1) { border-right:1px solid #5db93f; } .button-box.c-blue { border:3px solid #235ca9; } .button-box.c-blue>div { color: #235ca9; } .button-box.c-blue>div a { color: #235ca9; } .button-box.c-blue>div:nth-child(1) { border-right:1px solid #235ca9; } /* 표 이미지 */ .table-image { margin:30px 0; text-align:center; } .table-image img { margin:0 20px; } /* IsothermalPCR(LAMP PCR) */ .con-com-05 { margin:0 auto;padding-top:60px; position: relative;} .con-com-05 .con-head { text-align: center; padding-top: 100px; padding-left:20px; padding-right:20px; } .con-com-05 .con-head p { font-weight: 400; color:#707070; font-size: 1.2em; padding-top: 20px;} .con-com-05 .ls-tab-02 ul {display:flex; justify-content: center; } .con-com-05 .ls-tab-02 ul li { flex:1 1 auto;} .con-com-05 .ls-tab-02 { max-width: 740px; text-align: center; margin:70px auto;} .con-com-05 .con-box-02 { margin:0 auto; max-width: 1360px; padding: 50px 20px 100px 20px; display: flex; justify-content: space-between;} .con-com-05 .con-box-02 .ls-ul-01{ width: 50%; text-align: left; display:flex; align-items: center;} .con-com-05 .con-box-02 .ls-ul-01 li { font-size: 1.2em; align-items: center; display:flex; color:#727171; padding: 12px 0 12px 3%;} .con-com-05 .con-box-02 .ls-ul-01 span { padding-left: 5%;} .con-com-05 .con-box-02 i { position: relative; min-width:65px; width: 65px; height: 65px; display:inline-block} .con-com-05 .con-box-02 i:after { left:0; width:100%; height: 100%; position: absolute; content:''; background-size: contain; background-position: center center; background-repeat: no-repeat; } .con-com-05 .con-box-02 img { max-width: 100%; max-height:720px; } .con-com-05 .ls-img-01 { text-align: center; width:45%;} .con-com-05 .com-box-02 { text-align: center; background:#f7f8f8; padding: 100px 0;} .con-com-05 .con-box-03 { margin:0 auto; width: 100%; max-width:1360px; padding-left: 20px; padding-right:20px;} .con-com-05 .ls-table-01 table { text-align: center; width:100%; border-top:1px solid #a4a4a5; table-layout: fixed ; font-size: 1.2em; border-spacing: 0; } .con-com-05 .ls-table-01 { clear: both;} .con-com-05 .ls-table-01 table thead th { border-bottom:1px solid #a4a4a5; background: #f6f7f9; padding: 15px 0;} .con-com-05 .ls-table-01 table tbody td, .con-com-05 .ls-table-01 table tbody th { word-break:keep-all ; border-bottom:1px solid #a4a4a5; padding: 15px 10px;} .con-com-05 .ls-table-01 table td, .con-com-05 .ls-table-01 table th { border-right:1px solid #a4a4a5; } .con-com-05 .ls-table-01 table th { font-weight: 400;} .con-com-05 .ls-table-01 table tbody td { width: 60%; font-size: 0.8em;} .con-com-05 .ls-table-01 table td:last-of-type { border-right:none} .con-com-05 .con-box-03 h5 { background:#eeefef; padding: 15px 0; font-size: 1.3em;} .con-com-07 { width:100%; height: 1300px; padding-left: 20px; padding-right: 20px; margin:0 auto; position: relative; } .con-com-07 .com-box-01 {color:#fff; position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1360px; padding-left: 20px; padding-right:20px; display:flex; justify-content: space-between; transform:translate( -50%, -50%);} .con-com-07 .com-box-01>div { width: 50%;} .con-com-07 .con-box-02 .ls-box-in { border-radius: 30px; background:rgba(0,0,0,0.4); padding: 50px 20px 70px 20px;} .con-com-07 .con-box-01 { font-weight: 600; font-size: 1.7em; text-align: left; padding-top: 200px; line-height: 1.7em;} .con-com-07 h1 { font-size: 4em;} .con-com-07 h1 img { filter: contrast(3) brightness(0) grayscale(1) hue-rotate(360deg) saturate(0) invert(1); } .con-com-07 .con-box-02 { font-size: 1.2em;} .con-com-07 .con-box-02 input { font-size: 0.9em; color:#fff; padding: 20px 40px; width: 80%; border:0; border-radius: 70px; background:rgba(255,255,255,0.3);} .con-com-07 .con-box-02 input::placeholder { color:#fff;} .con-com-07 .con-box-02 label { display:block; padding-top: 7px;} .con-com-07 .con-box-02 .ls-input-01 { padding-top: 30px;} .con-com-07 .ls-btn a { display: block; background:#51b431; padding: 20px 0; text-align: center; width: 100%; border:0; font-size: 0.9em;border-radius: 70px; color:#fff; } .con-com-07 .ls-btn { padding-left: 10%; padding-right: 10%; text-align: center; margin-top: 60px;} .snb-bg-02 { height: 1300px} .snb-bg-02 .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height: 1300px; overflow:hidden;} .snb-bg-02 .ls-slide-backgrounds img {object-fit: cover; height: 1300px; width: 100%;} .con-com-08 { width:100%; max-width: 1360px; padding-left: 20px; padding-right: 20px; margin:0 auto; position: relative; } .con-com-08 .con-head { text-align: center; padding-top: 100px; padding-left:20px; padding-right:20px; } .con-com-08 .com-box-01 { padding: 100px 0;} .con-com-08 .con-box-01 {padding-top: 100px; } .con-com-10 { width:100%; max-width: 1360px; padding-left: 20px; padding-right: 20px; margin:0 auto; position: relative; } .con-com-10 .con-head { text-align: center; padding-top: 100px; padding-left:20px; padding-right:20px; } .con-com-10 .com-box-01 { padding: 100px 0;} .con-com-10 .con-box-01 {padding-top: 100px; } .con-com-10 .con-box-01 iframe { height: 670px;} .con-com-10 .con-box-02 { display: flex; justify-content: center;align-items: center; padding: 50px 20px;} .con-com-10 .con-box-02 >div { padding: 0 4%;} .con-com-10 .con-box-02 img { height: 60px;} .con-com-10 .con-box-02 i { position: relative; min-width:30px; width: 30px; height: 30px; display:inline-block; vertical-align: middle; margin-right: 20px;} .con-com-10 .con-box-02 i:after { left:0; width:100%; height: 100%; position: absolute; content:''; background-size: contain; background-position: center center; background-repeat: no-repeat; } .con-com-10 .con-box-02 dl { color:#707070; display:flex; align-items: stretch; padding: 10px 0 10px 5%;} .con-com-10 .con-box-02 dt {font-weight: 600; padding-right: 30px; text-align: left; min-width: 150px;} .con-com-10 .con-box-02 dd { text-align: left; min-width: 100%;} .con-com-10 .con-box-02 .map-info { border-left:1px solid #c9c9c9} .con-com-10 .com-box-01 .phone {padding:100px 0; width:100%; display: flex; justify-content:space-between;align-items: center; } /* 개인정보 처리방침 레이어 */ .layer_popup {position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,0.9);z-index:1000;display:none; overflow-y:scroll;} .layer_popup .inner {width:100%;max-width:1640px; margin:0 auto;} .layer_popup .inner .box {padding:0 20px;} .layer_popup .inner .close_top {text-align:right; margin-top:45px;} .layer_popup .inner .close_top .imgbox {cursor:pointer;} .layer_popup .inner .con {width:100%; max-width:1400px; margin:0 auto; margin-top:5%; line-height:30px;} .layer_popup .inner .con .inbox {padding:20px;} /*게시판 : 인증현황 */ #news_list { width:100%; margin-left:10px; } #news_list .gl_list { display:inline-block; width:24%; } .bo_list1 { width:100%; display:flex; justify-content: center; align-items: flex-start;} .bo_list1 li {width:100%; max-width:280px; height:450px; overflow:hidden; padding:10px; } .bo_list1 .bo_image1 { width:100%; overflow:hidden; height:380px; border:1px solid #eee; } .bo_list1 .bo_image1 img {object-fit: cover; height: 380px; width: 100%; padding:10px; } .bo_list1 .bo_title1 {margin-top:20px; height:80px; text-align:center; } .bo_list1 .bo_title1 .tt { font-size:1.05em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all;} .bo_list1 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; } .bo_list1 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676; } .vo_title1 { border-top:2px solid #000; border-bottom:1px solid #ccc; padding:50px 20px 40px 20px; text-align:center; margin-bottom:50px; margin-top:0px; } .vo_title1 .tt { font-size:1.7em; font-weight:600; margin-bottom:20px; } .vo_title1 .st { font-size:0.9em; color:#888; font-weight:400; } .vo_list_btn1 { text-align:center; margin:80px 0; } .vo_list_btn1 a { border:1px solid #333; color:#333; padding:15px 70px; border-radius:30px; font-weight:600; } .vo_list_btn1 a:hover { background:#333; color:#fff; } /*게시판 : 일반 */ .bo_list2 { width:100%; } .bo_list2 table {width:100%; border-collapse:collapse;} .bo_list2 table thead th { border-top:2px solid #000; border-bottom:1px solid #000; padding:20px 7px; text-align:center; } .bo_list2 table tbody td { border-bottom:1px solid #e5e5e5; padding:20px 7px; } .bo_list2 table tbody td.text-center {text-align:center;} .bo_list2 a:hover { color:#51b431; } #bo_list2_search { margin:0 auto; text-align:center; margin-bottom:50px; } #bo_list2_search select { width:120px; height:50px; border:1px solid #cfcfcf; } #bo_list2_search input[type=text] { width:300px; height:50px; border:1px solid #cfcfcf; padding:0 10px; } #bo_list2_search input[type=submit] { width:90px; height:50px; border:1px solid #51b431; color:#51b431; background:#fff; } #bo_list2_search input[type=submit]:hover { color:#fff; background:#51b431; } /* 사내소식 */ #news_list3 { width:100%; margin-left:10px; border-top:1px solid #ccc; padding-top:30px; } #news_list3 .gl_list { display:inline-block; width:33%; } .bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;} .bo_list3 li {width:100%; max-width:400px; height:350px; overflow:hidden; padding:10px; } .bo_list3 .bo_image1 { width:100%; overflow:hidden; height:210px; border:1px solid #eee; } .bo_list3 .bo_image1 img {object-fit: cover; height: 210px; width: 100%; padding:0px; } .bo_list3 .bo_title1 {margin-top:20px; height:80px; text-align:left; } .bo_list3 .bo_title1 .tt { font-size:1.35em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bo_list3 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; word-break: break-all; } .bo_list3 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676; } #bo_v_atc * { word-break: break-all; } /* 로그인 화면 카피 **/ /*로그인*/ #login-wrap { background-size: cover; background-position: center center; position: relative; height:1000px; width:100%; font-size: 1rem; min-width: 1440px; text-align:left; } .login-in { display:flex; flex-direction: column; height:1100px; justify-content: center; align-items: center; position: relative; max-width: 1240px; margin:0 auto; } .login-box { position: relative; display:flex; justify-content: center; align-items: center; width: 100%;padding: 6% 5% 5% 5%; background-size:cover;} .ls-login-box { position: absolute; right: 5%; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); padding: 7% 5% 5% 5%; width: 42%; background-color:#fff; background-position: 87% 10%; background-size: 70px auto; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='85px' height='70px'%3E%3Cpath fill-rule='evenodd' fill='rgb(86, 179, 49)' d='M84.128,30.185 C82.243,35.563 77.256,39.144 71.275,39.179 C60.238,39.244 49.201,39.198 38.165,39.199 C27.197,39.201 16.228,39.190 5.260,39.211 C3.254,39.215 1.592,38.668 0.818,36.667 C-0.004,34.543 1.184,32.298 3.426,31.730 C4.267,31.517 5.177,31.523 6.056,31.523 C27.379,31.513 48.703,31.519 70.026,31.503 C71.105,31.503 72.239,31.516 73.250,31.207 C75.545,30.507 76.867,28.784 77.189,26.457 C77.518,24.081 76.489,22.168 74.497,20.902 C72.490,19.625 70.379,19.659 68.338,20.932 C67.936,21.183 67.585,21.514 67.207,21.802 C65.377,23.191 63.242,23.094 61.875,21.561 C60.448,19.961 60.588,17.686 62.214,16.055 C66.719,11.540 74.777,11.188 79.781,15.288 C84.266,18.961 85.991,24.873 84.128,30.185 ZM38.578,23.753 C33.061,23.763 27.543,23.755 22.025,23.755 C16.303,23.755 10.580,23.764 4.858,23.752 C2.134,23.745 0.536,22.303 0.583,19.947 C0.629,17.671 2.177,16.277 4.809,16.272 C15.777,16.253 26.745,16.271 37.712,16.248 C38.582,16.246 39.507,16.185 40.309,15.887 C42.504,15.073 43.377,12.550 42.280,10.505 C41.236,8.557 38.744,7.930 36.812,9.129 C36.012,9.625 35.267,10.357 34.397,10.564 C32.688,10.972 31.118,10.533 30.216,8.836 C29.311,7.137 29.500,5.442 30.891,4.160 C34.245,1.068 38.163,-0.000 42.571,1.521 C47.039,3.063 49.722,6.280 50.246,10.923 C51.069,18.204 45.909,23.741 38.578,23.753 ZM4.658,46.967 C12.429,46.951 20.199,46.962 27.970,46.961 C35.399,46.961 42.829,46.949 50.259,46.965 C56.722,46.978 61.680,51.706 61.816,57.951 C61.957,64.395 57.290,69.550 50.887,69.849 C47.778,69.995 44.992,68.949 42.682,66.814 C40.919,65.182 40.698,63.016 42.068,61.354 C43.408,59.728 45.628,59.570 47.546,60.966 C49.917,62.690 52.246,62.522 53.597,60.530 C55.221,58.134 53.780,54.977 50.817,54.503 C50.151,54.397 49.458,54.455 48.776,54.455 C34.189,54.452 19.603,54.459 5.017,54.446 C2.134,54.444 0.501,52.981 0.583,50.563 C0.659,48.358 2.188,46.972 4.658,46.967 Z'/%3E%3C/svg%3E");} .ls-login-box h2 { font-size: 2em; font-weight: 400;} .ls-input-box label { display:block; } .ls-input-box input { width:100%; border:0; padding: 27px 0 20px 0; border-bottom:1px solid #a0a0a0} .ls-input-box { width:100%; padding: 40px 0 50px 0;} .ls-login-box .ls-btn-02 a { width:100%; display:block; padding: 15px 0; background:#56b331; text-align: center; color:#fff; font-weight:600; border-radius: 50px;} .ls-info-box { color:#fff; margin-right: auto;} .ls-info-box h1 {filter:brightness(0) invert(1); } .ls-info-box .ls-txt-01 { padding-top:25px; font-size: 1.7em;} .ls-info-box .ls-txt-02 { font-size: 1.2em; padding-top: 40px; padding-bottom:50px; line-height: 1.5;} .ls-info-box a { position: relative; color:#fff;} .ls-info-box a:after { display:inline-block; padding-left: 5px; content:'\2192';} .ls-join-box a { padding: 0 2%; color:#a0a0a0} .ls-join-box a:hover { color:#126429} .ls-join-box span { position: relative;} .ls-join-box span:after { position: absolute; content: ''; top:50%; right:-2%; margin-top:-7px; height: 14px; width:1px; background:#a0a0a0} .ls-join-box span:last-of-type:after { display:none;} .ls-join-box { padding-top: 30px; text-align: center;} .ls-input-box input::placeholder { color:#c9c9c9} .ls-input-box label:nth-child(1) input { padding-right: 45px; background-size: auto 20px; background-position: 95% 60%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='14px'%3E%3Cpath fill-rule='evenodd' fill='rgb(201, 201, 201)' d='M0.602,13.775 C0.602,10.465 3.296,7.781 6.621,7.781 C9.944,7.781 12.639,10.465 12.639,13.775 L0.602,13.775 ZM6.621,6.464 C5.030,6.464 3.741,5.180 3.741,3.597 C3.741,2.013 5.030,0.729 6.621,0.729 C8.211,0.729 9.500,2.013 9.500,3.597 C9.500,5.180 8.211,6.464 6.621,6.464 Z'/%3E%3C/svg%3E");} .ls-input-box label:nth-child(2) input { padding-right: 45px; background-size: auto 20px; background-position: 95% 60%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(201, 201, 201)' d='M11.659,14.678 L1.584,14.678 C1.043,14.678 0.603,14.242 0.603,13.705 L0.603,5.594 C0.603,5.057 1.043,4.621 1.584,4.621 L2.595,4.621 C2.595,2.418 4.401,0.626 6.622,0.626 C8.842,0.626 10.649,2.418 10.649,4.621 L11.659,4.621 C12.201,4.621 12.640,5.057 12.640,5.594 L12.640,13.705 C12.640,14.242 12.201,14.678 11.659,14.678 ZM5.988,9.629 L5.988,11.382 C5.988,11.730 6.272,12.011 6.622,12.011 C6.972,12.011 7.255,11.730 7.255,11.382 L7.255,9.629 C7.632,9.411 7.889,9.010 7.889,8.546 C7.889,7.851 7.321,7.288 6.622,7.288 C5.922,7.288 5.354,7.851 5.354,8.546 C5.354,9.010 5.611,9.411 5.988,9.629 ZM6.622,1.599 C4.942,1.599 3.576,2.955 3.576,4.621 L9.667,4.621 C9.667,2.955 8.301,1.599 6.622,1.599 Z'/%3E%3C/svg%3E");} #login-wrap footer { display:flex; text-align: left;; background:transparent; position: relative; bottom:auto; padding:0; padding-top: 100px; color:#fff;} #login-wrap footer b { font-size: 1.8em; display:inline-block; padding-left: 10px; opacity: 0.8;} #login-wrap footer h1 {padding-top: 10px; padding-right: 30px;filter:brightness(0) invert(1); opacity: 0.5; } #login-wrap footer h1 img { height: 27px;} #login-wrap footer span { font-size: 1.1em;} #login-wrap footer span, #login-wrap footer .copyright { opacity: 0.5;} /***/ .con-com-11 { margin:0 auto; padding: 70px 0px 100px 0px; position: relative; overflow: hidden;} .con-com-11 .con-head { margin:0 auto; max-width:1280px; padding-left:20px; padding-right:20px; text-align: center; padding-bottom:20px } .con-com-11 .con-head h3 { position: relative;} /*.con-com-11 .con-head h3:after { color:#1c4ca1; content:'.';}*/ .con-com-11 .ls-txt-01 { font-size: 2.2em; padding-top: 50px; padding-bottom: 70px; font-weight: 600;} .con-com-11 .com-box-01 { margin:0 auto; max-width:1280px; padding-left:20px; padding-right:20px;} .con-com-11 .con-box-01 { padding: 50px 0px 30px 0px; text-align: left; } .con-com-11 .con-box-01 .ls-info, .con-com-08 .con-box-01 ::placeholder { letter-spacing: -0.5px; color:#dadada;} .con-com-11 .con-box-01 .ls-info { padding-bottom:15px;} .con-com-11 .con-box-01 .dl-box-01 { margin-top: 20px; border-top:2px solid #000;flex-wrap: wrap; display:flex; justify-content: center; align-items: center;} .con-com-11 .con-box-01 dl { border-bottom: 1px solid #dfe0e8; width: 100%; line-height: 1.2em;display:flex; flex-wrap: wrap; position: relative; padding: 10px 5px; } .con-com-11 .con-box-01 dt { font-size: 0.9em; font-weight: 600; display: block; width: 20%; padding-left: 20px; max-width: 190px; flex:1; } .con-com-11 .con-box-01 dd {text-align:left; display: block; width: 80%;flex:1;} .con-com-11 .con-box-01 dt>span { top:4px; display:inline-block; position: relative; width: 10px;} .con-com-11 .con-box-01 input[type=text], .con-com-10 .con-box-01 textarea { border: 1px solid #dfe0e8; width:100%; padding: 10px 10px; font-size: 0.8em;} .con-com-11 .con-box-01 textarea { width:100%; height: 250px;} .con-com-11 .con-box-01 .dl-p { padding-top: 10px; padding-bottom:10px;} .con-com-11 .ls-btn { padding: 50px 0; text-align: center; } .con-com-11 .ls-btn a { font-size: 0.9em; width:100%; max-width: 330px; padding: 20px; display:inline-block; text-align: center; color:#fff;} .con-com-11 .ls-btn a:hover { background:#ccc } .con-com-11 .con-box-01 dl label { padding: 13px 0px 10px 0; display: inline-block; text-align: left;} .con-com-11 .con-box-01 .ls-txt-01 { font-weight: 600; text-align: right;} .con-com-11 .con-box-02 { padding: 50px 0;text-align: left;} .con-com-11 .con-box-02 input[type=checkbox] { display:inline-block; min-width:18px; width: 23px; height: 23px; margin-top:0px;} .con-com-11 .con-box-02 label { display:flex; justify-content: start;align-items: stretch;} .con-com-11 .con-box-02 label>span { font-size: 0.8em; position: relative; top:-2px; padding-left:10px; vertical-align: middle;} .con-com-11 .con-box-02 label>span span { font-size: 0.8em; color:#646464; vertical-align: middle;} .con-com-11 .con-box-02 textarea { font-size: 0.8em; width:100%; height: 200px; border: 1px solid #dfe0e8; padding: 20px;} .con-com-11 .con-box-02 .ls-txt-a { padding: 20px 0;} @media all and (max-width : 1900px){ .con-com-09 .con-box-04 .ls-his li {white-space:normal; } } @media all and (max-width : 1280px){ /*로그인*/ #login-wrap { min-width: 100%; height:800px; } .login-in { height:1000px; } .login-box { width:100%; } .ls-info-box { display:none; } .ls-login-box { width:88%;} #login-wrap footer { padding-top:220px; padding-left:60px; } /***/ } @media all and (max-width : 1024px){ .con-com-01 .con-box-03 .con-his h5:before { top: -38px;} .con-com-01 .con-box-03 .con-his > div:after { top: -33px;} .con-com-01 .con-box-03 .con-his > div { min-width: 370px;} .container { font-size: 1em;} .con-com-03 .con-box-02 i { min-width: 45px; width: 45px; height: 45px;} .con-com-03 .con-box-02 .ls-img-01 img { max-width: 90%;} .con-com-05 .con-box-02 i { min-width: 45px; width: 45px; height: 45px;} .con-com-05 .con-box-02 .ls-img-01 img { max-width: 90%;} .con-com-10 .con-box-02 img { height: 50px;} } @media all and (max-width : 768px){ .container { font-size: 0.8em;} .con-head { font-size: 1em;} .con-head h3 { font-size: 2.2em;} .con-com-01{ padding-top: 50px;} .con-com-01 .con-box-03 .con-head { padding-top: 35px;} .con-com-01 .con-box-03 .con-head h4 { font-size: 1.5em; } .con-com-01 .con-box-01 .ls-box { padding-left: 20px; padding-top: 0;} .con-com-01 .con-box-01 { overflow: hidden;} .con-com-01 .con-box-01 .ls-box { display:block;} .con-com-01 .con-box-01 .ls-box >div { width: 100%;} .con-com-01 .con-box-01 .ls-txt-01 { padding-left:0; max-width: 100%;} .con-com-01 .con-box-01 .ls-img-01 img { width: 200px;} .con-com-01 .con-box-01 .ls-img-01 { text-align: center;} .con-com-01 .con-box-01 .ls-img-04 { max-width: 100%; height: auto; border-radius: 10px; margin-top: 25px;} .con-com-01 .con-box-01 .ls-txt-01 p { padding-top: 25px;} .con-com-01 .con-box-01 .ls-img-02 img { max-width:450px; } .con-com-01 .con-box-01 .ls-img-02 { text-align: center; width: 100%; left:0;} .con-com-01 .con-box-02 .ls-txt-02 { position: absolute; bottom:-20px; font-size: 3.8em; line-height: 60%; right:0; text-align: right; } .con-com-01 .con-box-02 .ls-img-03 { max-width: 100%; height: auto; border-radius: 10px; margin-bottom: 25px;} .con-com-01 .con-box-02 .ls-box > div { max-width: 100%; padding-left:0;} .con-com-01 .con-box-02 { margin-top:0; background:#f8f8f8} .con-com-01 .con-box-02 .ls-txt-01 { color:#000; padding-bottom: 110px; padding-right:0;} .con-com-01 .con-box-02 .ls-txt-01 p { padding-bottom: 25px; padding-top:0; font-size: 1.1em;} .con-com-01 .con-box-03 .con-head:before { top: 87px; width:70px; } .con-com-01 .con-box-03 .con-his > div { min-width: 170px; padding-right: 5px; transform: translateX(80px)} .con-com-01 .com-box-02 { background:#fff;} .con-com-01 .con-box-03 .con-his > div:after { top: -17px; } .con-com-01 .con-box-03 .con-his {padding-top: 30px; font-size: 0.5em; padding-left:0;} .con-com-01 .con-box-03 .con-his h5 { padding-bottom:15px;} .con-com-01 .con-box-03 .con-his h5:before { width: 4px; height: 4px; margin-left: -2px; top: -18px;} .con-com-01 .con-box-03 { padding-left:0;} .con-com-01 .con-box-02 .ls-box { padding-right: 20px; padding-bottom: 30px;} .con-com-02 .con-box-01 { display:block; padding-top:50px; padding-bottom:50px; border-width:1px;} .con-com-02 .con-box-01 .ls-img-01 { padding-left:0;} .con-com-02 .con-box-01 h4 { font-size: 1.3em; padding-bottom: 20px;} .con-com-02 .com-box-01 { padding-top:0;} .con-com-02 .con-head { padding-top: 0px;} .con-com-02 .com-box-02 { padding-top: 50px; background:#f8f8f8;} .con-com-02 .con-box-03 .ls-box-in { padding-top:50px; padding-bottom: 50px; max-width: 340px; margin: 0 auto;} .con-com-02 .con-box-03 .ls-list-01 > div { margin:0; width: 33.333%;} .con-com-02 .con-box-03 .ls-list-01 { justify-content: center; flex-wrap: wrap;} .con-com-02 .con-box-03 .ls-list-01 img { height: 150px; width:auto;} .con-com-02 .con-box-03 .ls-list:last-child { padding-top: 50px; width: 100%;} .con-com-02 .con-box-03 .ls-list-01 p:nth-child(1) { display:block;} .con-com-02 .con-box-03 .ls-box-in p:nth-child(2) { padding-top: 15px;} .con-com-03 .con-head { padding-top:0;} .con-com-03 .ls-tab-01 { margin-top:35px; margin-bottom:35px;} .con-com-03 .con-box-02 { display: block; padding-bottom: 50px; padding-top: 25px;} .con-com-03 .con-box-02 .ls-ul-01 li { width: 100%; font-size: 1em;} .con-com-03 .con-box-02 .ls-ul-01 { width: 100%;} .con-com-03 .con-box-02 i { width: 35px; height: 35px; min-width: 35px;} .con-com-03 .con-box-02 .ls-img-01 img { max-width: 260px;} .con-com-03 .ls-tab-01 { padding-left: 20px; padding-right:20px;} .con-com-03 .com-box-02 { padding-top: 0px; padding-bottom:50px; background:none;} .con-com-03 .con-box-03 h5 {text-align: left; position: relative; padding-left: 20px; color:#727171; font-size: 1.1em;} .con-com-03 .con-box-03 h5 span { font-size: 0; position: absolute; right:30px; top: 20px;} .con-com-03 .con-box-03 h5 span:after {content:'\25BC'; font-size:0.5rem; position: absolute; color:#b5b5b5;} .con-com-03 .con-box-03 h5 .table-off:after { content:'\25B2'; } .con-com-03 .con-box-03 td {text-align: left;} .con-com-03 .ls-table-01 {display:none;} .con-com-03 .ls-table-01 table { font-size: 1em;} .con-com-03 .ls-table-01 table tbody th { padding: 5px;} .con-com-03 .ls-table-01 table tbody td { width: 50%; padding-top:5px; padding-bottom:5px;} .con-com-03 .ls-img-01 { display:block; text-align:center; width:100%; margin-bottom:50px; } .con-com-05 .con-head { padding-top:0;} .con-com-05 .ls-tab-01 { margin-top:35px; margin-bottom:35px;} .con-com-05 .con-box-02 { display: block; padding-bottom: 50px; padding-top: 25px;} .con-com-05 .con-box-02 .ls-ul-01 li { width: 100%; font-size: 1em;} .con-com-05 .con-box-02 .ls-ul-01 { width: 100%;} .con-com-05 .con-box-02 i { width: 35px; height: 35px; min-width: 35px;} .con-com-05 .con-box-02 .ls-img-01 img { max-width: 260px;} .con-com-05 .ls-tab-01 { padding-left: 20px; padding-right:20px;} .con-com-05 .com-box-02 { padding-top: 0px; padding-bottom:50px; background:none;} .con-com-05 .con-box-03 h5 {text-align: left; position: relative; padding-left: 20px; color:#727171; font-size: 1.1em;} .con-com-05 .con-box-03 h5 span { font-size: 0; position: absolute; right:30px; top: 20px;} .con-com-05 .con-box-03 h5 span:after {content:'\25BC'; font-size:0.5rem; position: absolute; color:#b5b5b5;} .con-com-05 .con-box-03 h5 .table-off:after { content:'\25B2'; } .con-com-05 .con-box-03 td {text-align: left;} .con-com-05 .ls-table-01 {display:none;} .con-com-05 .ls-table-01 table { font-size: 1em;} .con-com-05 .ls-table-01 table tbody th { padding: 5px;} .con-com-05 .ls-table-01 table tbody td { width: 50%; padding-top:5px; padding-bottom:5px;} .con-com-05 .ls-img-01 { width: 100%;} .con-com-07 .com-box-01 { display:block;} .con-com-07 .com-box-01 >div { width:100%;} .con-com-07 .con-box-01 { font-size: 1.1em; line-height: 1.5em; text-align: center; padding-top:0; padding-bottom: 60px;} .con-com-07 .con-box-02 { font-size: 1em; max-width: 430px; margin:0 auto;} .con-com-07 .con-box-02 .ls-box-in { padding-left: 10px; padding-right: 10px; padding-top:25px; padding-bottom: 35px;} .con-com-07 .con-box-02 input { padding: 10px 30px;} .con-com-07 .ls-btn a { padding: 10px 0;} .con-com-07 .con-box-02 .ls-input-01 { padding-top:15px;} .con-com-07 .ls-btn { margin-top:25px;} .con-com-07 h1 { font-size: 3.3em;} .con-com-07 h1 img { max-width:180px; } .con-com-07 { height: 600px} .con-com-07 .con-head-03 { font-size: 0.8em;} .snb-bg-02, .snb-bg-02 .ls-slide-backgrounds, .snb-bg-02 .ls-slide-backgrounds img { height: 600px;} .con-com-08 .con-head { padding-top: 0px; } .con-com-08 .com-box-01 { padding: 50px 0;} .con-com-08 .con-box-01 {padding-top: 50px; } .con-com-10 .con-head { padding-top: 0px; } .con-com-10 .com-box-01 { padding: 50px 0;} .con-com-10 .con-box-01 {padding-top: 50px; } .con-com-10 .con-box-01 iframe { height:360px; } .con-com-10 .con-box-02 { display: block; padding-bottom: 0;} .con-com-10 .con-box-02 dl {text-align: center; display: block; padding-left:0; padding-top: 20px;} .con-com-10 .con-box-02 dt, .con-com-10 .con-box-02 dd { text-align: center;} .con-com-10 .con-box-02 dt { padding:0;} .con-com-10 .con-box-02 dl span { display:block; padding-top:3px;} .con-com-10 .con-box-02 i { width: 40px; height: 40px; margin-right:0;} .con-com-10 .con-box-02 dd { min-width:100%; padding-top: 10px;} .con-com-10 .con-box-02 img { height: 30px;} .con-com-10 .con-box-02 .ls-txt-01 { padding-bottom:30px;} .con-com-10 .con-box-02 .map-info { padding:0; margin:0 auto; border-left:0; border-top:1px solid #c9c9c9; max-width: 230px;} .con-com-10 .com-box-01 .phone {padding:50px 0; width:100%; display: block; text-align:center;} .con-com-10 .com-box-01 .phone .img1 { max-width:180px; margin:30px; } .con-com-10 .com-box-01 .phone .img2 { max-width:280px; margin:30px; } .con-com-11 { padding-top: 50px; padding-bottom:50px;} .con-com-11 .con-box-01 dt { padding-left:0px; max-width: 70px; font-size: 1.05em;} .con-com-11 .ls-txt-01 {font-size: 1.8em; padding-top:30px; padding-bottom:0px;} .con-com-11 .con-box-01 { padding-top:0;} .con-com-11 .con-box-01 textarea { height: 180px;} .con-com-11 .con-box-02 textarea { height: 130px;} .con-com-11 .con-box-02 label>span{ font-size: 1em} .con-com-11 .con-box-02 { padding-top: 0px; padding-bottom:10px;} /* 버튼 */ .button-box { max-width:240px; } .button-box { margin-top:50px; margin-bottom:50px; } .button-box>div { font-size:1.12em; } /* 표 이미지 */ .table-image { margin:30px 0; text-align:center; } .table-image img { width:90%; margin:10px 20px; } /*로그인*/ #login-wrap { min-width: 100%; height:800px; } .login-in { height:1000px; } .login-box { width:100%; } .ls-info-box { display:none; } .ls-login-box { width:88%;} #login-wrap footer { display:block; padding-top:220px; padding-left:30px; } /***/ } /* PC 사이즈 */ @media all and (max-width : 1440px) { .scroll-box-3 .slide-in .slide-box { width: 90%;} .scroll-box-4 .ls-sl-info { width: 90%;} } @media all and (max-width : 1340px) { .scroll-box-1 .ls-head img { width: 50%;} } @media all and (max-width : 1280px) { .scroll-box-4 .box .sub { top: 40%;} } /* 패드류 기본 */ @media all and (min-width : 769px) and (max-width : 1024px) { .scroll-box-1 .scroll-box-btn2.d-lg-none { display: block; bottom: 200px;} .scroll-box-4 .box .list { height: 210px;} .scroll-box-4 .box .sub { top: 45%;} .snb li a { padding-top: 25px;} } @media all and (max-width : 1024px){ header .d-md-none { display:none;} header .d-lg-none { display: block;} header { height: 70px;} header h1 img { height: 20px; width: auto;} .footer .ls-right { display: none;} .footer {text-align: center;} .footer .ls-left {width:100%;} .footer .head-box { width:100%; justify-content: center;} .footer .logo { text-align: center; padding-bottom: 30px;} footer .box-inner { border:none;} .footer .col-box, .footer .copy-box { opacity: 1;} .footer .col-box p:nth-child(1) { } .footer .copy-box { padding-top:20px;} .footer .logo img { height:40px;} .page-top { position: absolute; z-index: 5; bottom: 292px; top:auto; right: 0px;} .page-top a { background:#fff; border:1px solid #51b431; } .page-top a:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(81, 180, 49)' d='M15.573,11.353 C15.569,11.353 15.563,11.353 15.556,11.353 L11.477,11.353 L11.477,20.604 C11.477,20.810 11.312,20.977 11.108,20.977 L4.883,20.977 C4.679,20.977 4.515,20.810 4.515,20.604 L4.515,11.353 L0.435,11.353 C0.277,11.353 0.132,11.262 0.060,11.120 C-0.012,10.977 0.002,10.806 0.095,10.676 L7.655,0.212 C7.815,-0.007 8.176,-0.007 8.336,0.212 L15.839,10.597 C15.933,10.676 15.993,10.794 15.993,10.927 C15.993,11.162 15.805,11.353 15.573,11.353 Z'/%3E%3C/svg%3E");} .scroll-icon { display: none;} .scroll-ud-btn { display: none;} .scroll-box-1, .scroll-box-1 .ls-slide-backgrounds, .scroll-box-1 .ls-slide-backgrounds img, .scroll-box-2, .scroll-box-2 .ls-slide-backgrounds, .scroll-box-2 .ls-slide-backgrounds img, .scroll-box-3, .scroll-box-3 .ls-slide-backgrounds, .scroll-box-3 .ls-slide-backgrounds img, .scroll-box-4, .scroll-box-4 .ls-slide-backgrounds, .scroll-box-4 .ls-slide-backgrounds img{ height: 768px; } .scroll-box-1 .ls-box-in { padding:0;} .scroll-box-2 .m-head p br { display:none;} .scroll-box-1 .slide-left { left: 5%;} .scroll-box-1 .slide-right { right: 5%;} .scroll-box-2 .ls-box-02 { height: 260px; } .scroll-box-3 .ls-list li { padding: 0 2%;} .scroll-box-4 .box .ss { padding-bottom:15px;} .scroll-box-4 .box .tt { padding-top: 15px;} .scroll-box-4:before { height: 41%;} } @media all and (max-width : 1023px){ .scroll-box-1 .ls-box-in .box-01, .scroll-box-1 .ls-box-in .box-02 { width: 100%; } .scroll-box-1 .ls-box-in { height: 214px; flex-wrap: wrap; padding:0;} .scroll-box-1 .ls-box-in .box-01-01 .box-01-02 { padding-right: 25px;} .scroll-box-2 .ls-box-in>div { width:100%;} .scroll-box-2 .m-head h3 { font-size: 2.5em; } .scroll-box-3 .m-head h3 { font-size: 2.5em; } .scroll-box-4 .m-head h3 { font-size: 2.5em; } .scroll-box-2 .ls-box-01 .ls-box { padding-left:0; max-width:100%;} .scroll-box-2 .m-head.d-lg-none { display:block;} .scroll-box-2 .m-head.d-md-none { display:none;} .scroll-box-2 .ls-box-01 { justify-content: center;} .scroll-box-2 .txt-in {text-align: left; position: relative; font-size: 0.8em; margin:auto; padding-right:0px; padding-left: 85px;} .scroll-box-2 .txt-in .ls-icon { position: absolute; left:0px; top: 18px; width: 60px; height: 60px;} .scroll-box-2 .txt-in h4 { display: inline-block; padding: 9px 0; font-size: 1.4em;} .scroll-box-2 .txt-in .ls-btn { padding-top: 30px;} .scroll-box-2 .box-txt { left: 50%; transform: translate(-50%, -50%);} .scroll-box-2 .box { padding-right:0; font-size: 0.8em; margin-right:-15px;} .scroll-box-2 .box .list { width:calc(50% - 15px); margin-right:15px} .scroll-box-2 .box .ls-icon { margin-right:5px;} .scroll-box-2 .box .list:after { right: 7px;} .scroll-box-2 .box .list .tt { letter-spacing: -1px; padding-right: 15px;} .scroll-box-2 .box .list { margin-bottom: 15px; padding:3px;} .scroll-box-2 .box .ls-icon { width: 35px; height: 35px;} .scroll-box-2 .box { padding-top: 30px;} .scroll-box-3 .ls-list li { padding: 0 1%;} .scroll-page-top { right: 40px; transform: scale(0.5);} } @media all and (max-width : 768px){ .scroll-box-1, .scroll-box-1 .ls-slide-backgrounds, .scroll-box-1 .ls-slide-backgrounds img, .scroll-box-2, .scroll-box-2 .ls-slide-backgrounds, .scroll-box-2 .ls-slide-backgrounds img{ min-height: 670px; height:100vh; } .scroll-box-4, .scroll-box-4 .ls-slide-backgrounds, .scroll-box-4 .ls-slide-backgrounds img{ min-height: 720px; height:100vh; } .scroll-box-3, .scroll-box-3 .ls-slide-backgrounds, .scroll-box-3 .ls-slide-backgrounds img{ min-height: 720px; height:100vh; } .head-line .text { padding-bottom: 100px;} .head-line .text:after { top:90px } .footer { font-size: 0.7em;} .d-md-none { display: none!important;} /* pc 용 감추기 */ .d-lg-none { display:block;} /* mobile 용 보여주기 */ .scroll-box-1 .ls-head img { width: 200px; } .scroll-box-1 .ls-head { padding-bottom: 0;} .scroll-box-1 .ls-info1 { font-size: 2em;} .scroll-box-1 .ls-slide-texts { top: 50%;} .scroll-box-2 .ls-box { padding-left: 0; text-align: center;} .scroll-box-2 .scroll-box-2-1 { left:0; max-width: 100%; } .scroll-box-2 .m-head p br.d-lg-none { display: block!important;} .scroll-box-2 .m-head h3 { font-size: 4em;} .scroll-box-2 .m-head { padding-bottom: 25px;} .scroll-box-2 .ls-btn a span { transform: scale(0.5); top: 0; padding-left:0; left:-10px;} .scroll-box-2 .ls-btn span:after { left: 20px;} .scroll-box-3 .ls-list { flex-wrap: wrap;} .scroll-box-3 .ls-list>li { width: 50%; padding-bottom:20px;} .scroll-box-3 .scroll-box-3-1 { width:100%; top:45%; } .scroll-box-3 .ls-icon { width: 90px; height:90px; margin-bottom: 0px; } .scroll-box-3 .ls-icon p { background-size: 60%} .scroll-box-3 .m-head { padding-bottom: 30px; padding-top: 0px; width:100%; text-align:center; padding-left: 0;} .scroll-box-3 .ls-sl-img img { max-height: 175px; max-width: 280px; width:100%; display:inline-block} .scroll-box-3 .m-head img { max-width: 250px;} .scroll-box-3 .ls-sl-img { padding-bottom: 30px; text-align: center;} .scroll-box-3 .m-head p { padding-top: 5px;} .scroll-box-3 .ls-list a { font-size: 0.9em} .scroll-box-3 .ls-sl-img, .scroll-box-3 .ls-sl-info { width:100%; } .scroll-box-3 .slide-in .list { flex-wrap: wrap;} .scroll-box-3 .ls-sl-info { text-align: center; font-size: 0.7em;} .scroll-box-3 .ls-sl-info h4:after { display:none;} .scroll-box-3 .ls-sl-info h4 { padding-bottom: 3%;} .scroll-box-3 .ls-btn a span { transform: scale(0.5); top: 0; padding-left:0; left:-10px;} .scroll-box-3 .ls-btn span:after { left: 20px;} .scroll-box-3 .ls-btn { margin-top: 50px; padding-bottom: 20px; } .scroll-box-3 button:after { width: 50%; height: 50%; background-size: contain} .scroll-box-3 .slide-left { left: 20px;} .scroll-box-3 .slide-right { right: 20px;} .scroll-box-3 button { top: 30%;} .scroll-box-4 .scroll-box-4-1 { position: relative; left:0; text-align: center; top: auto; transform: translate(0,0);} .scroll-box-4 .ls-sl-info { text-align: center; width:100%; padding-top: 50px;} .scroll-box-4 .ls-sl-info h4 { font-size: 1.7em; padding-bottom:3%;} .scroll-box-4 .ls-sl-info h3 { font-size: 2.7em;} .scroll-box-4 .ls-sl-info h3 img { max-width:185px; } .scroll-box-4 .ls-sl-info .txt-01 { font-size: 0.8em;} .scroll-box-4 .ls-btn a span { transform: scale(0.5); top: 0; padding-left:0; left:-10px;} .scroll-box-4 .ls-btn span:after { left: 20px;} .scroll-box-4 .ls-btn { margin-top: 50px; margin-left:30px; } .scroll-box-4 .m-head { padding-bottom: 0px;} .scroll-box-4 .ls-slide-backgrounds img { position:absolute; height: 450px; width:100%; left:0; object-position: 38% 20%;} .scroll-icon p { padding-bottom: 15px;} .scroll-icon { bottom:20px; } .footer .col-box-02 { font-size: 1.1em;} .footer .col-box-02 .ls-tel { font-size: 1.5em;} .footer .logo img { width: 140px; } .snb-title { padding-top: 70px; padding-bottom: 20px; font-size: 2.5em} .snb-bg { height: 265px;} .snb-bg .ls-slide-backgrounds {height: 315px;} .snb-bg .ls-slide-backgrounds img {height: 315px;} .snb-bg .ls-slide-texts .ls-head { font-size: 2.4em;} .snb-bg .ls-slide-texts .ls-info { font-size: 0.9em; padding-top: 10px;} .snb { height: 55px; } .snb li a:after { display: none;} .snb li a {font-size: 1.3em;} .snb li a:before { height:20px; width:1px; position: absolute; right:0; content:''; top:25px; background:#c8c8c8;} .snb li:last-of-type a:before { display:none;} .snb.snb-01 li { max-width: none;} /*게시판 : 인증현황 */ #news_list { width:100%; margin-left:0px; } #news_list .gl_list { display:inline-block; width:48%; } .bo_list1 { width:100%; display:flex; justify-content: center; align-items: flex-start;} .bo_list1 li {width:100%; max-width:280px; height:250px; overflow:hidden; padding:10px; } .bo_list1 .bo_image1 { width:100%; overflow:hidden; height:190px; border:1px solid #eee; } .bo_list1 .bo_image1 img {object-fit: cover; height: 190px; width: 100%; padding:5px; } .bo_list1 .bo_title1 {margin-top:10px; height:50px; text-align:center; } .bo_list1 .bo_title1 .tt { font-size:0.9em; font-weight:600; max-height:100px; overflow:hidden; word-break: keep-all;} .bo_list1 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; } .bo_list1 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676; } .vo_title1 { border-top:2px solid #000; border-bottom:1px solid #ccc; padding:30px 10px 20px 10px; text-align:center; margin-bottom:50px; margin-top:0px; } .vo_title1 .tt { font-size:1.3em; font-weight:600; margin-bottom:10px; } .vo_title1 .st { font-size:0.9em; color:#888; font-weight:400; } .vo_list_btn1 { text-align:center; margin:80px 0; } .vo_list_btn1 a { border:1px solid #333; color:#333; padding:15px 70px; border-radius:30px; font-weight:600; } .vo_list_btn1 a:hover { background:#333; color:#fff; } /*게시판 : 일반 */ .bo_list2 { width:100%; } .bo_list2 table {width:100%; border-collapse:collapse;} .bo_list2 table thead th { border-top:2px solid #000; border-bottom:1px solid #000; padding:20px 7px; text-align:center; } .bo_list2 table tbody td { border-bottom:1px solid #e5e5e5; padding:20px 7px; } .bo_list2 table tbody td.text-center {text-align:center;} .bo_list2 a:hover { color:#51b431; } #bo_list2_search { margin:0 auto; text-align:center; margin-bottom:50px; } #bo_list2_search select { width:80px; height:40px; border:1px solid #cfcfcf; } #bo_list2_search input[type=text] { width:120px; height:40px; border:1px solid #cfcfcf; padding:0 10px; } #bo_list2_search input[type=submit] { width:50px; height:40px; border:1px solid #51b431; color:#51b431; background:#fff; } #bo_list2_search input[type=submit]:hover { color:#fff; background:#51b431; } #bo_list_admin th:nth-of-type(2) {display:none;} #bo_list th:nth-of-type(1) {display:none;} #bo_list_admin td:nth-of-type(2) {display:none;} #bo_list td:nth-of-type(1) {display:none;} /* 사내소식 */ #news_list3 { width:100%; margin-left:0px; } #news_list3 .gl_list { display:inline-block; width:100%; } .bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;} .bo_list3 li {width:100%; max-width:400px; height:330px; overflow:hidden; padding:10px; } .bo_list3 .bo_image1 { width:100%; overflow:hidden; height:210px; border:1px solid #eee; } .bo_list3 .bo_image1 img {object-fit: cover; height: 210px; width: 100%; padding:0px; } .bo_list3 .bo_title1 {margin-top:20px; height:80px; text-align:left; } .bo_list3 .bo_title1 .tt { font-size:1.35em; font-weight:700; max-height:100px; overflow:hidden; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .bo_list3 .bo_title1 .st { margin-top:10px; color:#767676; font-size:0.9em; } .bo_list3 .bo_title1 .dt { margin-top:10px; font-size:0.8em; color:#767676; } } /* 모바일사이즈 기본 */ @media all and (max-width : 640px){ } @media all and (max-width : 375px){ .scroll-box-4 .box .ls-bg img, .scroll-box-4 .box .ls-bg, .scroll-box-4 .box .list { height: 250px;} .scroll-box-4:before { height: 36%;} } /* 스타일 작업 종료 */ /*******************************************************************************************************************/ /* 중간 레이아웃 */ /**********************************************************************************************************************/ /* 여기부터 반응형 메인 박스 스타일 적용 */ /**********************************************************************************************************************/ #wrapper {width:100%;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #container {position:relative;max-width:1000px;margin:0px auto;z-index:1;padding:0px} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {margin:0 0px 10px;font-size:1.2em;font-weight:bold;text-align:center;border-bottom:2px solid #ddd;padding-bottom:0px;} /*index*/ .latest{width:100%;float:left} #main_work ul:after {display:block;visibility:hidden;clear:both;content:""} #main_work ul li{background:#fff;letter-spacing:-0.01em} #main_work ul li.main_work_1{background:#f8f8f8;} #main_work .work_txt span{ display:block;padding:5px 0;color:#808080;line-height:1.5em} #lt_notice{clear:both} #lt_notice,#lt_board,#lt_board2,#lt_board3,#lt_board4,#lt_board5,#lt_board6,#lt_gall{margin-top:20px} /* PC 사이즈 1001px 픽셀사이즈까지 */ @media (min-width : 1361px) { #main_work .work_img{width:35%;height:122px;line-height:112px;display:block;float:left;} #main_work .work_txt{width:65%;height:122px;display:block;float:left;} #main_work .work_txt span.work_txt_tit{margin-top:20px ;font-weight:bold;font-size:1.25em;color:#111} .view_pc {display:block;} .view_tab {display:none;} .view_pctab {display:block;} .view_tabmobi {display:none;} .view_mobi {display:none;} .rbtn_icon {display:block;margin-top:25px;} .rbtn_icon .btn {margin-left:7px;} } /* 패드류 기본*/ @media all and (min-width : 601px) and (max-width : 1360px) { #main_work{margin-top:20px} #main_work ul li{float:left;width:33.3%;text-align:center;} #main_work .work_img{display:block;} #main_work .work_img img{max-width:100px;width:80%;height:auto} #main_work .work_txt span.work_txt_p{display:none;} #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold} .view_pc {display:none;} .view_tab {display:block;} .view_pctab {display:block;} .view_tabmobi {display:block;} .view_mobi {display:none;} .rbtn_icon {display:none;margin-top:25px;} .rbtn_icon .btn {margin-left:7px;} } /* 모바일 기본*/ @media all and (max-width : 600px){ #main_work{margin-top:20px} #main_work ul li{float:left;width:33.3%;text-align:center;} #main_work .work_img{display:block;} #main_work .work_img img{max-width:100px;width:80%;height:auto} #main_work .work_txt span.work_txt_p{display:none;} #main_work .work_txt span.work_txt_tit{margin:0 0 15px;font-size:1.2em;color:#111;font-weight:bold} .view_pc {display:none;} .view_tab {display:none;} .view_pctab {display:none;} .view_tabmobi {display:block;} .view_mobi {display:block;} .rbtn_icon {display:none;} } /* 하단 레이아웃 */ #ft {border-top:1px solid #dde4e9;background:#fafafa;text-align:center} #ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden;} #ft_company{padding:20px 20px 10px} #ft_company a{font-weight:bold;display:inline-block;padding:0px 5px;font-size:1.12em;border-left:2px solid #eee} .bd_no{border:none !important} #ft_copy p{color:#000;padding-bottom:20px} #ft_copy .ft_sns{padding:15px 20px} #ft_copy .ft_sns a{padding:3px;} #top_btn{position:fixed;bottom:10px ;right:10px;border:none;z-index:99} /*group*/ #group .lt{margin-top:20px} #group .lt_date{position:absolute;top:0;right:0;color:#5d938b} @media all and (max-width : 375px) { #group .lt{margin-top:10px} } /* 게시물 선택복사 선택이동 */ #copymove {} .copymove_current {float:right;color:#ff3061} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden} /* 본문 바로가기 */ .to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha audio {display:block;margin:0 0 5px;width:187px} #captcha #captcha_img {width:150px;height:60px;border:1px solid #e9e9e9;} #captcha #captcha_reload {margin:0;padding:0 5px;width:32px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 -30px;overflow:hidden; vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-999px} #captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:150px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha #captcha_mp3{width:32px;height:32px;margin:0;padding:0 5px;height:32px;border:0;background:url(../img/captcha.png) no-repeat 0 0;vertical-align:middle;overflow:hidden;cursor:pointer;overflow:hidden;text-indent:-999px} /*단축키일람 */ .btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:50%;font-weight:bold} .cke_sc_def dd {width:50%} .btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff} /* 버튼 */ a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_submit {padding:8px;border:0;background:#dfdfdf;color:#fff;letter-spacing:-0.1em;border-radius:0px} fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em} a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px} button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none;border-radius:0px} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */ button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#fff;color:#000;text-decoration:none;vertical-align:middle;border-radius:0px} a.btn_b01:focus, .btn_b01:hover {text-decoration:none;color:#00c6b2} a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #dfdfdf;background:#dfdfdf;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px} a.btn_b02:focus, .btn_b02:hover {background:#00c6b2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;} a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;border-radius:0px} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 댓글 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 기본테이블 */ .tbl_wrap {margin:0 0 10px} .tbl_wrap table {width:100%;border-collapse:collapse;border-radius:0px 5px 0 0;} .tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left} .tbl_head01 {} .tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head01 thead th {padding:12px 0;background:#dfdfdf;color:#fff;text-align:center;letter-spacing:-0.1em;} .tbl_head01 thead th:first-child{border-top-left-radius:0px;} .tbl_head01 thead th:last-child{border-top-right-radius:0px} .tbl_head01 thead a {color:#fff} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .tbl_head01n {font-size:17px; font-weight:300px; } .tbl_head01n caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head01n thead th {padding:15px 0;background:#fff;color:#000;text-align:center; border-top:1px solid #000; } .tbl_head01n thead th:first-child{border-top-left-radius:0px;} .tbl_head01n thead th:last-child{border-top-right-radius:0px} .tbl_head01n thead a {color:#000} .tbl_head01n thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01n tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#fff;color:#000;} .tbl_head01n tfoot td {border-color:#666;background:#fff;color:#000;font-weight:bold;text-align:center} .tbl_head01n tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01n td {background:#fff;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .tbl_head02 {} .tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head022 {} .tbl_head022 caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head022 thead th {padding:5px 0;border-bottom:1px solid #d1dee2;border-right:1px solid #d1dee2;border-left:1px solid #d1dee2;border-top:1px solid #333;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head022 thead a {color:#383838} .tbl_head022 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head022 tfoot th {border-top:1px solid #666;border:1px solid #666;background:#484848;color:#fff} .tbl_head022 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head022 tbody td {padding:5px 0;border:1px solid #e9e9e9;} .tbl_head022 tbody th {padding:5px 0;border:1px solid #e9e9e9;text-align:center;} .tbl_head022 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head022 input[type=text] {border:1px solid #d1dee2; width:90%;height:20px;margin-left:5px;} .tbl_head022 input[type=file] {margin-left:5px;} .tbl_head022 textarea {border:1px solid #d1dee2; width:98%;height:120px;margin-left:5px;} .tbl_head022 span {color:red;} /* 폼 테이블 */ .tbl_frm01 {} .tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left} .tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .tbl_frm01 textarea, .frm_input {border:1px solid #c2c2c2;background:#fff;vertical-align:middle;line-height:2.3em;height:2.3em;-webkit-appearance:none;border-radius:5px} .tbl_frm01 textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%} .tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em} /* 자료 없는 목록 */ .empty_table {padding:20px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;text-align:center} /* 필수입력 */ .required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important} /* 테이블 항목별 정의 */ .td_board {width:120px;text-align:center} .td_category {width:80px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:150px;text-align:center} .td_group {width:100px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_name {width:100px;text-align:left} .td_nick {width:100px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:80px;text-align:center} .td_stat {width:60px;text-align:center} .txt_active {color:#5d910b} .txt_done {color:#e8180c} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ .new_win {} .new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .tbl_wrap {margin:0 20px} .new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;margin-left:-1px} .new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none} .new_win .win_desc {padding:10px 20px} .new_win .win_btn {clear:both;margin:20px;text-align:center} .new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em} .new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em} .new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em} /* 검색결과 색상 */ .sch_word {color:#ff3061} /* 사이드뷰 */ .sv_wrap {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646} .sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important;text-align:left} .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none} .sv_on {display:block !important;position:absolute;top:16px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;margin:0px 0 20px;padding: 0 0;text-align:center;font-size:1.083em} .pg {} .pg_page, .pg_current {display:inline-block;padding:0 8px;height:30px;color:#000;letter-spacing:0;line-height:30px;vertical-align:middle} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {text-decoration:none} .pg_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd} .pg_prev {background:url(../img/page_btn.gif) no-repeat -31px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd} .pg_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;border-radius:15px;border:1px solid #ddd} .pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0;;border-radius:15px;border:1px solid #ddd} .pg_current {display:inline-block;margin:0 4px 0 0;background:#dfdfdf;color:#fff;border-radius:15px;font-weight:bold;font-weight:bold} /* PC화면으로 */ #device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center} .clear_01 { clear: both; line-height: 0px; font-size:0px} .blank5 { height:5px} .blank10 { height:10px} .blank20 { height:20px} .pdtb50 {padding: 50px 0px;} .pdtb40 {padding: 40px 0px;} .pdtb30 {padding: 30px 0px;} .pdtb20 {padding: 20px 0px;} .pdtb15 {padding: 15px 0px;} .pdtb10 {padding: 10px 0px;} .pd50 {padding: 50px;} .pd40 {padding: 40px;} .pd30 {padding: 30px;} .pd20 {padding: 20px;} .pd10 {padding: 10px;} #ft_copy ul { padding:0px; margin: 0px;list-style:none;line-height:10px;} #ft_copy ul li {color:#000; display:inline-block; padding: 5px 3px;} .tip { background-color: #eaeaea; padding: 10px;line-height:17px;letter-spacing:0.05em;} .tip input[type=text] { padding: 3px; border: 1px solid #dfdfdf; width: 300px} .tip input[type=radio] { width:20px} .tip select { border:1px solid #dfdfdf; padding: 3px 5px; font-size: 12px} .tip span { color:#000; font-weight: bold} .stit h2 { font-size:15px; color:#346ba3; padding-top:0px; margin:0px; padding-bottom:15px ; text-align:left} .stit h2 span { font-size:12px; padding-left:10px; color:#000} .stit2 h2 { font-size:15px; color:#000; padding-top:0px; margin:0px 0 20px 0; padding-bottom:7px ; text-align:left; border-bottom: 1px dotted #ccc} .pop_left { float:left; width:44%;} .pop_left ul { padding:0px; margin:0px; list-style: none} .pop_left ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left} .pop_left .ti { width:30%} .pop_left .con { width:70%; font-weight:bold} .pop_right { float:right; width:44%; } .pop_right ul { padding:0px; margin:0px; list-style: none} .pop_right ul li { float:left; border-bottom:1px solid #dfdfdf; font-size:13px; padding:10px 0 5px 0; text-align:left} .pop_right .ti { width:30%} .pop_right .con { width:70%; font-weight:bold} .pop_ti { font-size:40px; padding-bottom:20px; font-weight:bold; letter-spacing:20px; text-align:center;position:relative; border-bottom:1px solid #000; margin-bottom:20px} .dojang { position:absolute; top:100px; right:30px; } .tbl_frm02_pop {margin:0 0 0px} .tbl_frm02_pop table {width:100%;border-collapse:collapse;border-spacing:0; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9} .tbl_frm02_pop th {width:70px;padding:10px 5px;border:1px solid #e9e9e9; background:#f5f8f9;text-align:left; color: #3a3a3a;font-size:12px; font-weight:bold} .tbl_frm02_pop td {padding:10px 5px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:13px;} .tbl_frm02_pop .CT { text-align:center} .tbl_frm02_pop .RT { text-align:right} .tbl_frm02_pop .hit { font-weight:bold; color: #000; font-size:15px} .top_text {margin:0 auto;width:100%;max-width:1000px;color:#333;font-size:17px;text-align:left;} .top_text .subtitle {font-size:37px;color:#333;padding-right:40px;} .top_text .subtext {font-size:17px;color:#333;padding-top:30px;line-height:25px;padding-left:40px;padding-right:40px;} .top_text .subicon {padding-top:30px;padding-right:40px;} .top_text .subtext2 {font-size:13px;color:#333;padding-top:0px;line-height:25px;padding-left:40px;padding-right:40px;} .sc_top_menu2 {margin:0 auto;width:100%;max-width:1400px;color:#101f39;padding-top:30px;font-size:17px;} .sc_top_menu2 a {color:#101f39;} .top_text2 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:right;} .top_text2 .subtitle {font-size:37px;;color:#101f39;text-align:right;padding-left:40px;padding-right:40px;} .top_text2 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;} .top_text2 .subicon {padding-top:30px;text-align:right;padding-left:40px;padding-right:40px;} .top_text2 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:right;padding-left:40px;padding-right:40px;} .sc_top_menu3 {margin:0 auto;width:100%;max-width:1400px;color:#352f2a;padding-top:30px;font-size:17px;} .sc_top_menu3 a {color:#352f2a;} .top_text3 {margin:0 auto;width:100%;max-width:1200px;color:#352f2a;font-size:17px;text-align:center;} .top_text3 .subtitle {font-size:37px;;color:#352f2a;text-align:center;padding-left:40px;padding-right:40px;} .top_text3 .subtext {font-size:17px;color:#352f2a;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text3 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text3 .subtext2 {font-size:13px;color:#352f2a;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text4 {margin:0 auto;width:100%;max-width:1200px;color:#e6d0a9;font-size:17px;text-align:center;} .top_text4 .subtitle {font-size:37px;;color:#e6d0a9;text-align:center;padding-left:40px;padding-right:40px;} .top_text4 .subtext {font-size:17px;color:#e6d0a9;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text4 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text4 .subtext2 {font-size:13px;color:#e6d0a9;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text5 {margin:0 auto;width:100%;max-width:1200px;color:#ffffff;font-size:17px;text-align:center;} .top_text5 .subtitle {font-size:40px;;color:#ffffff;text-align:center;padding-left:40px;padding-right:40px;} .top_text5 .subtext {font-size:24px;color:#ffffff;padding-top:30px;line-height:38px;text-align:center;padding-left:40px;padding-right:40px;} .top_text5 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text5 .subtext2 {font-size:17px;color:#e6d0a9;padding-top:10px;line-height:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text22 {margin:0 auto;width:100%;max-width:1200px;color:#101f39;font-size:17px;text-align:center;} .top_text22 .subtitle {font-size:37px;;color:#101f39;text-align:center;padding-left:40px;padding-right:40px;} .top_text22 .subtext {font-size:17px;color:#101f39;padding-top:30px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;} .top_text22 .subicon {padding-top:30px;text-align:center;padding-left:40px;padding-right:40px;} .top_text22 .subtext2 {font-size:13px;color:#101f39;padding-top:0px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;}