@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=Titillium+Web:wght@300;400;600;700&display=swap'); */ @import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap'); /* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css"); */ /* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); */ /* @font-face {font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;} */ /* @font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: normal;font-style:normal;} */ /*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500;600&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); */ .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: "Noto Sans KR", 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:0px} #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:#213e97;} 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: 80px;} /* header:after { left:0; right:0; margin: 0 auto;justify-content: center;align-items: center;display: flex;content:''; top: 100px; position:absolute; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);} */ header h1 {z-index: 12;flex-basis: content;text-align: left;} header h1 img { height: 35px; filter: brightness(0) grayscale(1) invert(1);} header h1 .yes-scroll { display:none;} header h1 a { display: inline-block;} header .box_inner {z-index:4; position: relative;display:flex; max-width: 1340px; padding: 10px 20px 0 20px; width: 100%; height: 100%;justify-content: space-between; align-items: center;} header:not(.menu-scroll) .nav_wrap { display: none;} .menu-scroll .yes-scroll { display:inline-block;} .menu-scroll .no-scroll { display:none;} .menu-scroll h1 img { filter:none; } /*웹용 메뉴*/ .nav_web {-webkit-text-stroke: 0.45px rgba(0,0,0,0.1); padding-left: 3%; padding-right: 0; max-width: 740px; height: 100%; flex:1 1 740px; position: relative;} .nav_web a { 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; height: 100%;position:relative; display: inline-block; text-align: center;} .nav_web a { width:100%;} .nav_web ul ul { position: absolute; width:100%; text-align: left; display: none; height: 170px; letter-spacing: -0.3px; padding: 15px 7px;/* background:red; */ } .nav_web ul ul a {padding: 6px 12px;} .nav_web li:not(.nav_head) a { display: flex; justify-content: center;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:first-of-type:after { right:-8px;top: 7px; content: ''; height: 10px; background:#fff; width: 1px; position: absolute;} .nav_web .nav_head .go { padding-left: 20px;} .nav_head_wrap { display: flex; justify-content: flex-end; align-items: center; width:100%; padding-top:5px;} .nav_head_wrap a { display:block; position: relative; font-size:0; padding: 10px 0px;} header .nav_head p span:after { display:inline-block; margin-left: 5px; margin-top:-3px; vertical-align: middle; width: 30px; height: 30px; left:0; position: relative; content: ''; 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='27px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M24.436,16.959 C23.066,16.959 21.956,15.828 21.956,14.433 C21.956,13.038 23.066,11.907 24.436,11.907 C25.807,11.907 26.918,13.038 26.918,14.433 C26.918,15.828 25.807,16.959 24.436,16.959 ZM24.436,5.994 C23.066,5.994 21.956,4.864 21.956,3.468 C21.956,2.073 23.066,0.942 24.436,0.942 C25.807,0.942 26.918,2.073 26.918,3.468 C26.918,4.864 25.807,5.994 24.436,5.994 ZM13.909,27.923 C12.539,27.923 11.428,26.792 11.428,25.397 C11.428,24.002 12.539,22.871 13.909,22.871 C15.279,22.871 16.390,24.002 16.390,25.397 C16.390,26.792 15.279,27.923 13.909,27.923 ZM13.909,16.959 C12.539,16.959 11.428,15.828 11.428,14.433 C11.428,13.038 12.539,11.907 13.909,11.907 C15.279,11.907 16.390,13.038 16.390,14.433 C16.390,15.828 15.279,16.959 13.909,16.959 ZM13.909,5.994 C12.539,5.994 11.428,4.864 11.428,3.468 C11.428,2.073 12.539,0.942 13.909,0.942 C15.279,0.942 16.390,2.073 16.390,3.468 C16.390,4.864 15.279,5.994 13.909,5.994 ZM3.382,27.923 C2.012,27.923 0.901,26.792 0.901,25.397 C0.901,24.002 2.012,22.871 3.382,22.871 C4.752,22.871 5.863,24.002 5.863,25.397 C5.863,26.792 4.752,27.923 3.382,27.923 ZM3.382,16.959 C2.012,16.959 0.901,15.828 0.901,14.433 C0.901,13.038 2.012,11.907 3.382,11.907 C4.752,11.907 5.863,13.038 5.863,14.433 C5.863,15.828 4.752,16.959 3.382,16.959 ZM3.382,5.994 C2.012,5.994 0.901,4.864 0.901,3.468 C0.901,2.073 2.012,0.942 3.382,0.942 C4.752,0.942 5.863,2.073 5.863,3.468 C5.863,4.864 4.752,5.994 3.382,5.994 ZM24.436,22.871 C25.807,22.871 26.918,24.002 26.918,25.397 C26.918,26.792 25.807,27.923 24.436,27.923 C23.066,27.923 21.956,26.792 21.956,25.397 C21.956,24.002 23.066,22.871 24.436,22.871 Z'/%3E%3C/svg%3E"); } header .nav_head { width: 50px;font-size: 1.1em; position: relative; min-width: 50px;} header .nav_head p { width:100%;} header .nav_head p span { position: relative; margin-right: 5px; display:inline-block; border-radius: 30px; width: 30px; height:30px; } /*모바일용메뉴*/ .nav_md { width: 100%; height: 100%; top:0; right:0; position: fixed; z-index: 11;} .nav_md_wrap { position:absolute; right:0; background:#000; height: 100%; width: 100%; /* max-width: 570px; */} .nav_md_wrap>ul { height: 100%; padding: 6em 0 0 3.5em; } .nav_md_wrap>ul>li { position:relative; width: 100%; max-width: 100%;display: inline-block; } .nav_md_wrap>ul>li>a { font-size: 1.2em;} /*.nav_md_wrap>ul>li:hover ul { display: block;}*/ .nav_md_wrap a:hover {color:#c9151e;} .nav_md ul>li:hover>a { color:#c9151e } .nav_md ul ul {/* background-color: rgba(255,255,255,0.2); */ padding:0px 0% 10px 0px; display: none;} .nav_md ul ul a { opacity: 0.6; font-size: 0.9em; padding: 7px 0; } .nav_md ul ul a br { display:none;} .nav_md ul ul a:hover { opacity: 1;} .nav_md ul a { position:relative; padding: 13px 0px; display: block; text-align: left; color:#fff;} .nav_md .nav_head span { padding-left: 14px; font-size: 1.8em;position: relative;} .nav_md .nav_head {text-align:left; border-bottom:1px solid #d3d1d0; padding: 40px;} .nav_md .close { position:absolute; right:20px; width: 40px; 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: 60%; left:47%; position:absolute; content:'\2715'; font-weight: 100; color:#fff; font-size: 1.7rem; z-index:6} /* 메뉴 스크롤 시 */ .menu-scroll { background-color:rgba(0,0,0, 0.33); } .menu-scroll .nav_web ul ul {width: 100%; top: 80px; padding: 10px 0;position:absolute; } .menu-scroll .nav_web { z-index:4;} .menu-scroll .nav_web li li a { font-size: 0.85em; opacity: 0.5; padding: 8px 0;} .menu-scroll .nav_web li li a:hover { opacity: 1; color:#c9151e;} .menu-scroll .nav_web li:not(.nav_head) a { text-align: center; clear: both; width: 100%; display:flex; align-items: center; justify-content: center;} .menu-scroll .nav_web>ul>li>a { position: relative; height:100%; text-align: center;} .menu-scroll .nav_wrap { /* border-top:1px solid #bdb9b8; */display: block; z-index:1;width: 100%; height: 270px; background-color:rgba(0,0,0, 0.33); position: absolute; left:0; top: 80px;} /* 2depth 배경 */ .menu-scroll .nav_head p { width:100%;} /* 메뉴 스크롤 검정 */ .menu-scroll-black .nav_web>ul>li>a, .menu-scroll-black li li a {color:#000; } /* 모바일메뉴보기 버튼 */ .menu_view {display:none; position:absolute; top:0px; right:10px; width: 60px; height: 60px; padding-top:5px; z-index: 5;} .menu_view a { position: relative; display: block; font-size:0;width: 100%; height: 100%;} .menu_view a:after { width: 100%; height: 80%; position: absolute; left: 48%; top:55%; transform: translate(-50%, -50%); filter: brightness(0) grayscale(1) invert(1); content: ''; content:'\2261'; font-weight: 100; color:#fff; font-size: 2.2rem; line-height:2.2rem; z-index: 6} .container {background: transparent; margin: 0 auto; text-align: center;} /*메인상단 슬라이드 뒷배경*/ .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; height: 100%; width: 100%; object-position: 70% center;} .scroll-box-1 .ls-slide-texts { z-index: 2; padding: 0px 20px; max-width: 1340px; text-align: left;width: 100%;color:#fff; position:absolute; left:50%; top:50%; transform: translate( -50%, -50%);} .scroll-box-1 .ls-head { font-weight: 700; letter-spacing: -0.07em; word-break: keep-all; position: relative; padding-bottom: 0.7em; line-height: 1.05; font-size : 3.6em;} .scroll-box-1 .ls-info1 {letter-spacing: -0.05em;font-size: 1.9em; padding-bottom: 0.5em; line-height: 1.3em} .scroll-box-1 .ls-btn a { background:#c9151e; border-radius: 100px; font-size: 0.75em; line-height:1; display:inline-block; position: relative; padding:1.2em 1.5em; color:#fff;} .scroll-box-1 .ls-btn a:after { position: relative; content:'\2192'; display:inline-block; padding-left:1em; } /* .scroll-box-1 .ls-btn a:hover, .scroll-box-1 .ls-btn a:hover:after { color:#213e97} */ /*메인 모바일 슬라이드*/ .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 .scroll-box-btn { width:100%; color:#fff; z-index: 5; display:flex;} .scroll-box-1 .scroll-btn { padding-left: 5px; padding-bottom: 1em; z-index: 4;display: flex;justify-content : start;align-items: center; clear: both; width: 100%; position: relative;} .scroll-box-1 .scroll-btn a { margin-right: 0.7em; width:8px; height:8px; line-height: 1; border-radius: 1em; display:block; color:#fff; position: relative; background:#4d4d4d;} .scroll-box-1 .scroll-btn a:hover, .scroll-box-1 .scroll-btn .active { background:#c9151e;} .scroll-box-1 .scroll-btn span { font-size:0; display:block;position: relative;} /*메인 product*/ .scroll-box-2 { position:relative; width: 100%; height: 100%; overflow: hidden; } .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 { position: relative; z-index:2; text-align: left; padding-bottom: 4em; width:50%; border-radius:20%; background: radial-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0.05), transparent); } .scroll-box-2 .m-head::before { content:''; height:3px; width: 2em; display:block; background:#000;} .scroll-box-2 .m-head h2 { padding-top: 0.5em; font-weight:400; padding-bottom: 1.2em; font-size:1.4em; line-height: 1.2em;} .scroll-box-2 .m-head h2 p { font-size: 0.8em; width:30px; height: 30px; display: inline-block; } .scroll-box-2 .m-head h2 span { display: inline-block; position: relative; top:-22px; width: 100%; height:100%;} .scroll-box-2 .m-head p { font-size: 2em;} .scroll-box-2 .scroll-box-2-1 { margin:0 auto; width:100%; text-align: center;position: absolute; left:0%; top: 55%; transform: translate(0%, -50%); } .scroll-box-2 .ls-box-in { width:100%; margin:0 auto; max-width: 1350px; height:100%; padding-left:25px; padding-right:25px;} .scroll-box-2 .inner-box { position: relative; z-index:1; } .scroll-box-2 .box-inner { width:2300px; } .scroll-box-2 .box-inner a {position: relative; display:block; } .scroll-box-2 .box-inner .ls-list { position:relative; width: 735px; padding-right: 3.4em; /*transform: translate(0%, -50%);*/ } .scroll-box-2 .box-inner .ls-img-01 { border-radius: 0.5em; position: relative;} .scroll-box-2 .box-inner .ls-img-01 img { filter: drop-shadow(2px 2px 12px rgba(0,0,0,0.5));} .scroll-box-2 .ls-txt-01 { left: 0; bottom: 0; padding: 7%; width:100%; color:#fff; text-align: left; position: absolute; } .scroll-box-2 .ls-txt-01 h3 { font-weight:400; padding-top: 7%; font-size: 1.4em; line-height: 1.3em; padding-bottom: 0.5em;} .scroll-box-2 .ls-txt-01 span { display:block; font-size: 0.75em; font-weight: 300;} .scroll-box-2 .box-inner a:hover .ls-more { opacity: 1; } .scroll-box-2 .list-even { margin-top: -8.5em; } .scroll-box-2 .slide-btn { left: 470px; width: 8em; position: absolute; top: -6em;} .scroll-box-2 .slide-btn button { font-size:0; border: 1px solid #a0a0a0; color:#a0a0a0; background:#fff; border-radius: 38px; width:38px; height: 38px; position: relative; z-index: 5;} .scroll-box-2 .slide-btn button:after { position: absolute; font-size:1.4rem; font-weight: 400; top:45%; left:50%; width:50%; height:50%;} .scroll-box-2 .slide-left { left:0px; } .scroll-box-2 .slide-left:after { content:'\221F'; transform: translate(-30%, -65%) rotate( 46deg );} .scroll-box-2 .slide-right { right:0px; } .scroll-box-2 .slide-right:after { content:'\221F'; transform: translate(-68%, -18%) rotate( -135deg );} .scroll-box-2 .slide-btn button:hover { color:#c9151e; border-color:#c9151e;} /*메인 Applications*/ .scroll-box-3 { position:relative; width: 100%; height: 100%; overflow:hidden } .scroll-box-3 .ls-slide-backgrounds {position:absolute; left:0; bottom:0; width: 100%; height: 100%; overflow:hidden;} .scroll-box-3 .ls-slide-backgrounds img {object-fit: cover; max-height: 100%; height: 100%; width: 100%;} .scroll-box-3 .scroll-box-3-1 { position: relative; height:100%; } .scroll-box-3 .box-inner { height:100%; display:flex; justify-content: center; align-items: stretch;} .scroll-box-3 .box-inner .ls-list { position: relative; width: 33.333%;} .scroll-box-3 .box-inner .ls-list:nth-child(2) .ls-img-01 img { object-position: 70% center;} .scroll-box-3 .box-inner .ls-list a:hover .ls-img-01 img { opacity: 1;} .scroll-box-3 .ls-img-01 img { opacity: 0.6; height:100%; width:100%; object-fit: cover; } .scroll-box-3 .ls-img-01 { background:#000; height:100%; width:100%; position: absolute;} .scroll-box-3 .ls-info { display:flex; color:#fff; justify-content: center; flex-direction:column; height:100%; align-items: center; position: relative; } .scroll-box-3 .ls-list .ls-icon { margin-left: -3px; width: 10em; height: 5em; position: relative; display: inline-block; vertical-align: middle;} .scroll-box-3 .ls-list .ls-icon img { max-width: 80%; height: 100%;} .scroll-box-3 .ls-more { background:#c9151e; border-radius: 100px; font-size: 0.75em; line-height:1; display:inline-block; position: relative; padding:1em 1.5em; color:#fff;} .scroll-box-3 .ls-more:after { position: relative; content:'\2192'; display:inline-block; padding-left:1em; } .scroll-box-3 .ls-info h3 { opacity: 0.6; height: 3em; padding-top: 0.7em; font-weight:400; font-size: 1.4em; line-height: 1.3em; padding-bottom: 0.5em;} .scroll-box-3 .ls-info p { padding-bottom:2em; display:block; font-size: 0.9em; font-weight: 300;} .scroll-box-3 .ls-list a:hover h3 { opacity: 1; font-size: 1.8em;} .scroll-box-3 .ls-info p, .scroll-box-3 .ls-info .ls-icon, .scroll-box-3 .ls-info .ls-more { opacity: 0;} .scroll-box-3 .ls-list a:hover .ls-info p, .scroll-box-3 .ls-list a:hover .ls-info .ls-icon, .scroll-box-3 .ls-list a:hover .ls-info .ls-more { opacity: 1;} /*메인 pr*/ .scroll-box-4 { position:relative; width: 100%; height: 100%; overflow: hidden; } .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 { color:#fff; position: relative; text-align: left; } .scroll-box-4 .m-head::before { content:''; height:3px; width: 2em; display:block; background:#fff;} .scroll-box-4 .m-head h2 { padding-top: 0.5em; font-weight:400; padding-bottom: 1.2em; font-size:1.4em; line-height: 1.2em;} .scroll-box-4 .m-head h2 p { font-size: 1.6em; width:30px; height: 30px; display: inline-block; } .scroll-box-4 .m-head p { font-size: 3em;} .scroll-box-4 .scroll-box-4-1 { margin:0 auto; width:100%; text-align: center;position: absolute; left:0%; top: 50%; transform: translate(0%, -50%);} .scroll-box-4 .ls-box-in { width:100%; margin:0 auto; max-width: 1340px; height:100%; padding-left:20px; padding-right:20px;} .scroll-box-4 .ls-box-01 { padding-bottom: 2em; display:flex; justify-content: space-between;} .scroll-box-4 .ls-tab-box { margin-top: auto; width:360px; padding-bottom: 0.3em;} .scroll-box-4 .ls-tab-box ul { display:flex; justify-content: end;} .scroll-box-4 .ls-tab-box a { color:#dddddd;} .scroll-box-4 .ls-tab-box li{ font-size: 1.8em; position: relative; } .scroll-box-4 .ls-tab-box li:nth-child(2) { margin-left:1.4em;} .scroll-box-4 .ls-tab-box li:nth-child(2):before { color:#dddddd; left:-0.9em; top:50%; transform: translateY(-50%); content:'/'; position: absolute; display:inline-block; vertical-align: middle;} .scroll-box-4 .ls-tab-box a:hover, .scroll-box-4 .ls-tab-box .active a { color:#c9151e} .scroll-box-4 .ls-tab-box a { display:block;} .scroll-box-4 .inner-box { position: relative;} .scroll-box-4 .box-inner { border-top:3px solid #fff;} .scroll-box-4 .ls-list a { text-align: left; color:#fff; display:flex; width:100%; padding: 2em 2em; align-items: center; flex-direction: row; position: relative; border-bottom:1px solid rgba(255,255,255,0.33)} .scroll-box-4 .ls-list a:hover { background:rgba(255,255,255,0.02) } .scroll-box-4 .ls-list a:hover:after { content:''; position: absolute; height:1px; width:100%; background:#c9151e; bottom:-1px; left:0; } .scroll-box-4 .ls-list .ls-cate {display: block; width: 9em;flex-shrink: 0; font-size: 1.2em; color:#c9151e;} .scroll-box-4 .ls-list h3 { width:100%; padding-right: 7em; font-size:0.9em; font-weight: 200; -webkit-line-clamp: 1; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;} .scroll-box-4 .ls-list .ls-day { position: absolute; right:2em; font-size:0.8em; font-weight: 200; top:50%; transform: translateY(-50%); text-align: right;} .scroll-box-4 .ls-txt-01 { text-align: left; } /*서브상단 뒷배경*/ .snb-bg { height: 415px;} .snb-bg .ls-slide-backgrounds { position:absolute; left:0; top:0; width: 100%; height: 480px; overflow:hidden;} .snb-bg .ls-slide-backgrounds img {object-fit: cover; height: 480px; width: 100%; object-position: 65% center;} .snb-bg .box_inner { height: 100%; clear: both; position: relative; text-align: center; margin:0 auto; max-width: 1320px; padding-left:20px; padding-right:20px;} .snb-bg .ls-slide-texts { text-align: left; width: 100%; color:#fff; position:absolute; left:50%; top:60%; transform: translate( -50%, -60%); padding-left:20px; padding-right:20px;} .snb-bg .ls-slide-texts .ls-info { font-size:0.9em; padding-top: 20px;} .snb-bg .ls-slide-texts .ls-head { font-size: 3.2em; font-weight: 400; letter-spacing: -2px; padding-bottom:10px;} .snb { width: 100%; position: relative ; z-index:3; height: 65px; margin: 0 auto; max-width: 1320px; padding-left:20px; padding-right:20px;} .snb .snb-in { overflow:hidden; border-top-left-radius: 1em; border-top-right-radius: 1em; background:#fff; position: relative; z-index:3; width:100%; height:100%; } .snb h2 { padding-top: 40px; position: relative;} .snb h2:before { content:''; top:20px; position: absolute; height:3px; width: 40px; background:#b31c27} .snb ul { position: relative; display: flex; justify-content: center; align-items: center; height:100%; width: 100%; } .snb li {position: relative; height:100%; flex:1; } .snb li a { background:#ed2124; display:block; height:100%; position: relative; color:#fff; letter-spacing: -0.05em; font-size:0.85em;} .snb li:first-of-type a:after { display: none;} .snb li a>span { display:flex; align-items: center; justify-content: center; height:100%; position: relative;} .snb li a span span { display:inline-block; padding-left:5px; } .snb li a:hover span:after, .snb li a.active span:after { z-index:4; left:49%; transform: translateX(-50%); font-size: 0.9rem; line-height: 0.9rem; position: absolute; bottom:0px; height:1em; width:1em; transform: rotate(45deg); content:'\25E2';} .snb li a.active, .snb li a:hover {color:#ed2124; background:#fff;} .snb-md { z-index: 8; position: relative; height: 40px; margin-left:20px; margin-right:20px; font-size:1.05em; } .snb_list { z-index:9; right:0px; top:40px; width: 100%; position: absolute; background:rgba(255,255,255,0.9); } .snb-md .snb_list ul { border:1px solid rgba(160,160,160,0.5); border-top:0; } .snb-md li { width: 100%;} .snb-md li a { line-height:1.6; text-align: center; color:#959595; border-top:1px solid rgba(160,160,160,0.5); position: relative; display: block; padding: 12px } .snb-md li a:hover, .snb-md li a.active { background:rgba(232,232,232,0.5); color:#ed2124} .snb-md i { font-size:0;font-style: normal; height:100%; display:block; width: 40px; position: absolute; right: 5px; top:0;} .snb-md i:after { z-index:4;position: absolute; color:#ed2124; top:50%; left:50%; content:'\25E2'; font-size:0.9rem; font-weight: 300; } .snb-md .snb_view:after { transform: translate(-59%, -65%) rotate( 45deg )} .snb-md .snb-close:after { transform: translate(-57%, -35%) rotate( -135deg )} .snb-md li:last-of-type a:after { display: none;} .snb-md .sel-menu { overflow:hidden; background:#fff;border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; position: relative; display:flex; justify-content: center; align-items: center; text-align: left; height: 100%; } .snb-md .sel-menu h2 { padding-left:20px; width: 56%;} .snb-md .sel-menu a {display: block; height:100%;} .snb-md .sel-menu a span { color:#ed2124; display:flex; justify-content: center; align-items: center; height:100%; } .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; } .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;} .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:#c9151e;} .bgc-02 { background-color:#ed2124;} .bgc-03 { background-color:#a8cc07;} .bgc-04 { background-color:#2478ad;} .bgc-05 { background-color:#595757;} .bgc-06 { background-color:#90c31f;} .bgc-07 { background-color:#000000;} .bgc-08 { background-color:#fff;} .fc-01 { color:#c9151e} .fc-02 { color:#ed2124} .fc-03 { color:#e60012} .fc-04 { color:#ed7e1c} .fc-05 { color:#acacac} .fn-01 { font-family: 'Russo One', 'Noto Sans KR', sans-serif!important; font-weight:400; } .fn-02 { font-family: 'GmarketSansBold', 'Noto Sans KR', sans-serif!important; } .fs-01 { font-weight: 300;} /*푸터*/ footer { background:#898989; color:#fff; position: relative; width: 100%; } footer .box-inner { margin:0 auto; width: 100%; padding: 25px 20px; max-width: 1340px; position: relative; } footer .footer { width:100%; padding-top: 30px; padding-bottom:30px; display:flex; justify-content: space-between; align-items: stretch;} .footer {position: relative; height: 100%;text-align: left;} .footer .head-box { width:50%; display:flex; flex-direction: column; justify-content:flex-start; } .footer .head-box .copy { bottom:0; position: absolute;} .footer .logo { text-align: left; width:50%;} .footer .col-box p { line-height: 1.8em; width:100%; } .footer .copy { opacity: 0.8; font-size: 0.85em; font-weight: 200; padding-top: 20px;} .footer .col-box {opacity: 0.8; font-weight: 200; padding-left: 7%; position: relative; width:70%; max-width: 600px; margin-left: auto;} .footer .col-box span { display:inline-block; } .footer .col-box p>span:nth-child(1) { padding-right: 10%;} .footer .col-box b { font-weight: 200;} .footer h1 a { display:block;} .footer h1 img { filter: brightness(0) grayscale(1) invert(1);} /* sns + top */ .scroll-page-top { z-index:10; position:fixed; right: 20px; bottom:20px; height: 60px; width: 60px;} .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:#e83928} .scroll-page-top .scroll-page li a div {position: relative; width:100%; height:100%;} .scroll-page-top .scroll-page p { display:inline-block; color: #fff; 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; height: 45px; width: 45px;} .page-top a { box-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,0.3); border:1px solid #be1b21; color: #fff; background:#be1b21; border-radius: 50%;position: relative;display: block; width: 100%; height: 100%;} .page-top a span { font-size: 0.8em; position: absolute; top:50%; transform: translateY(-50%); width:100%; left:0; text-align: center;} /* .page-top a:after {content:'\2517';position: absolute; font-size: 0.85rem; left:52%; top:30%; transform: translate(-50%, -50%) rotate(135deg); } */ .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.2rem;} .container * { word-break: keep-all;} .d-lg-none { display:none;} /* pc 용 감추기 */ .d-sm-view { display:none;} .con-head { font-weight: bold;} /* 서브 컨텐츠 제목 */ .con-head h3 { font-size: 1.5em; font-weight: normal; color:#ed2124;} .con-head p { letter-spacing: -0.01em; font-size: 2.3em; padding-top: 0.3em; font-weight: 800;} .con-head+.con-head { padding-top: 70px;} .ls-tab-01 a { color:#bfbfbf; display:block; padding: 15px 0;} .ls-tab-01 a:hover, .ls-tab-01 a.active{ color:#000; } .ls-tab-02 a {display:block; color:#c8c8c8; padding: 10px 0; } .ls-tab-02 a:hover, .ls-tab-02 a.active{ color:#ed2124; } .ls-tab-02 a:hover span, .ls-tab-02 a.active span { border-bottom:1px solid #ed2124; font-weight:600; } .ls-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='42px' height='49px'%3E%3Cpath fill-rule='evenodd' fill='rgb(182, 182, 184)' d='M19.747,48.284 C20.216,48.757 20.829,48.993 21.443,48.993 C22.057,48.993 22.670,48.757 23.138,48.284 L35.950,35.350 C43.950,27.275 43.950,14.137 35.950,6.062 C32.076,2.151 26.923,-0.004 21.443,-0.004 C15.963,-0.004 10.811,2.151 6.935,6.062 C-1.066,14.137 -1.066,27.275 6.935,35.350 L19.747,48.284 ZM15.789,14.999 C17.299,13.475 19.306,12.634 21.443,12.634 C23.579,12.634 25.587,13.475 27.098,14.999 C28.608,16.524 29.440,18.550 29.440,20.707 C29.440,22.862 28.608,24.888 27.097,26.415 C25.587,27.938 23.579,28.778 21.443,28.778 C19.306,28.778 17.299,27.938 15.788,26.414 C14.277,24.888 13.446,22.862 13.446,20.707 C13.446,18.550 14.277,16.524 15.789,14.999 Z'/%3E%3C/svg%3E"); } .ls-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='48px' height='46px'%3E%3Cpath fill-rule='evenodd' fill='rgb(182, 182, 184)' d='M45.527,35.743 C42.795,33.767 39.991,31.887 37.173,30.035 C35.084,28.662 34.572,28.773 32.740,30.594 C30.401,32.916 28.033,33.173 25.170,31.497 C21.091,29.109 18.453,25.300 15.644,21.678 C13.608,19.054 13.734,17.538 16.061,15.153 C17.394,13.785 17.618,12.463 16.461,10.906 C14.216,7.882 12.039,4.805 9.742,1.823 C8.293,-0.058 6.522,-0.295 4.544,1.030 C1.833,2.845 0.321,5.420 0.170,8.720 C0.000,12.459 1.066,15.951 2.564,19.299 C7.354,30.011 15.587,37.329 25.760,42.494 C28.691,43.981 32.072,44.730 33.906,44.975 C39.204,45.686 42.730,43.931 45.661,41.362 C47.977,39.331 48.000,37.533 45.527,35.743 Z'/%3E%3C/svg%3E"); } /* 5G */ .con-com-01 { margin:0 auto; padding: 9em 0px 0 0px; position: relative;} .con-com-01 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 5em;} .con-com-01 .com-box-01 { width: 100%; padding: 5em 20px; background:#f7f7f7;} .con-com-01 .con-box-01 { max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px;} .con-com-01 .con-box-01 img { max-width:100%;} .con-com-01 .con-box-02 {position: relative; width: 100%; max-width: 1320px; margin:0 auto; padding: 5em 20px } .con-com-01 .con-box-02 .ls-box-in { display:flex; justify-content: space-between; align-items: center;} .con-com-01 .con-box-02 .ls-img-02 { width: 60%; text-align: center;} .con-com-01 .con-box-02 .ul-box-01 { width: 40%;} .con-com-01 .con-box-02 .ls-img-02 img { max-width:80%;} .con-com-01 .ul-box-01 { font-size: 1.1em;} .con-com-01 .ul-box-01 li { line-height: 1.8em; text-align: left; padding-left: 1em; position: relative;} .con-com-01 .ul-box-01 li::before { content:'\00B7'; left:0; position: absolute; } .con-com-01 .con-box-03 { height: 690px; background-position: center center; background-size: cover;} .con-com-01 .ls-txt-01 { font-weight: 700; font-size: 2.15em; padding-top: 3.5em; color:#fff; } /* RF */ .con-com-02 { margin:0 auto; padding: 9em 0px 0 0px; position: relative;} .con-com-02 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 5em;} .con-com-02 .com-box-01 .ls-box-in { padding-bottom: 6em; display:flex; justify-content: space-between; align-items: stretch; } .con-com-02 .com-box-01 .ls-box-in>div {width:50%;} .con-com-02 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-02 .com-box-01 h4 { letter-spacing: -0.03em; position: relative; color:#313131; font-size: 2.2em; } .con-com-02 .com-box-01 h4:before { position: absolute; top: -0.5em; content:''; height:3px; width: 1.2em; display:block; background:#ed2124;} .con-com-02 .ul-box-01 { padding-top: 1em; font-size: 1.1em;} .con-com-02 .ul-box-01 li { line-height: 1.8em; text-align: left; padding-left: 1em; position: relative;} .con-com-02 .ul-box-01 li::before { content:'\00B7'; left:0; position: absolute; } .con-com-02 .ls-img-01 { border:1px solid #d3d3d3; text-align: center;} .con-com-02 .ls-img-01 img { max-width:100%;} .con-com-02 .com-box-02 { text-align: left; width: 100%; padding: 7em 20px; background:#f7f7f7;} .con-com-02 .com-box-02 h4 { letter-spacing: -0.03em; position: relative; font-size: 2.2em; } .con-com-02 .con-box-04 { text-align: left; max-width: 1280px; margin:0 auto; } .con-com-02 .ls-list-box { padding-top:4em; width:100%; display:flex; justify-content: space-between; align-items: stretch;} .con-com-02 .ls-list-box .ls-list {box-shadow: 0em 0em 1em rgba(0,0,0,0.1); padding: 2em 1.4em 6em 1.7em; border-radius: 1em; background-position: 90% 90%; width: 22%; background-color:#fff; background-size: 64px auto; background-repeat: no-repeat;} .con-com-02 .ls-list-box h5 { font-size: 1.15em; padding-bottom:1em; color:#ed2124 } /* modules 1 */ .con-com-03 { margin:0 auto; padding: 9em 0px 9em 0px; position: relative;} .con-com-03 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 2em;} .con-com-03 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-03 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-03 .dl-box-01 dt { width: 35%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-03 .dl-box-01 dd { font-size: 1.2em; width: 63%;} .con-com-03 .con-box-02 { padding-top: 5em;} .con-com-03 .con-box-02 img { max-width:100%} .con-com-03 .con-box-02 .ls-box-in { padding-bottom: 6em; display:flex; justify-content: space-between; align-items: stretch; } .con-com-03 .con-box-02 .ls-box-01 {width:58%; display:flex;} .con-com-03 .con-box-02 .ls-box-02 {width:40%;} .con-com-03 figure { display:block; padding: 5% 3% 0% 3%; margin:0 0.7em; border:1px solid #d3d3d3; text-align: center;} .con-com-03 figure figcaption { font-size: 1.1em;} .con-com-03 .ls-list-box { width:100%; display:flex; justify-content: space-between; align-items: stretch;} .con-com-03 .ls-list-box .ls-list { text-align: center; box-shadow: 0em 0em 1em rgba(0,0,0,0.1); padding: 4em 1em; border-radius: 1em; width: 23%; background-color:#fff; } .con-com-03 .ls-list-box .ls-list p { padding-top: 1.7em; font-size: 1.1em; } .con-com-03 .ls-list-box .ls-icon { height: 5em;} .con-com-03 .ls-list-box .ls-icon img { height:100%; } .con-com-03 .ls-list-box h5 { font-size: 1.15em; padding-bottom:1em; color:#ed2124 } .con-com-03 .con-box-04 { padding-top:2em;} .con-com-03 .ls-txt-01 { font-size: 1.1em; padding: 0.5em 0.1em 0.7em 0.1em; background:#ed2124; color:#fff; display:flex; justify-content: center; align-items: center;} .con-com-03 .ls-txt-01 span { text-align: center; padding: 0 3%; display:block; position: relative; } .con-com-03 .ls-txt-01 span:last-of-type:after { display:none;} .con-com-03 .ls-txt-01 span:after { content:''; height:60%; top:53%; transform: translateY(-50%); width:2px; background:#fff; position: absolute; right:0;} /* modules 2 */ .con-com-04 { margin:0 auto; padding: 9em 0px 9em 0px; position: relative;} .con-com-04 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 2em;} .con-com-04 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-04 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-04 .dl-box-01 dt { width: 35%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-04 .dl-box-01 dd { font-size: 1.2em; width: 63%;} .con-com-04 .con-box-02 { padding-top: 5em;} .con-com-04 .con-box-02 img { max-width:100%} .con-com-04 .ls-list-box { padding-top: 5em; width:100%; display:flex; justify-content: space-between; align-items: stretch;} .con-com-04 .ls-list-box .ls-list { text-align: center; box-shadow: 0em 0em 1em rgba(0,0,0,0.1); padding: 4em 1em; border-radius: 1em; width: 23%; background-color:#fff; } .con-com-04 .ls-list-box .ls-list p { padding-top: 1.7em; font-size: 1.1em; } .con-com-04 .ls-list-box .ls-icon { height: 5em;} .con-com-04 .ls-list-box .ls-icon img { height:100%; } .con-com-04 .con-box-04 { padding-top:2em;} .con-com-04 .ls-txt-01 { letter-spacing: -0.5px; font-size: 1.1em; padding: 0.5em 0.1em 0.7em 0.1em; background:#ed2124; color:#fff; display:flex; justify-content: center; align-items: center;} .con-com-04 .ls-txt-01 span { text-align: center; padding: 0 1%; display:block; position: relative; } .con-com-04 .ls-txt-01 span:last-of-type:after { display:none;} .con-com-04 .ls-txt-01 span:after { content:''; height:60%; top:53%; transform: translateY(-50%); width:2px; background:#fff; position: absolute; right:0;} /* Antenna */ .con-com-05 { margin:0 auto; padding: 9em 0px 9em 0px; position: relative;} .con-com-05 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 2em;} .con-com-05 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-05 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-05 .dl-box-01 dt { width: 35%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-05 .dl-box-01 dd { font-size: 1.2em; width: 63%;} .con-com-05 .con-box-02 { padding-top: 7em;} .con-com-05 .head-txt { border-bottom:3px solid #000; padding-bottom: 0.5em; position: relative; font-size: 1.6em;} .con-com-05 .head-txt:before { font-size:1.2em; content:'\00B7'; display:inline-block; padding-right: 0.3em;} .con-com-05 .ls-box-in { padding-top: 2.5em; padding-bottom: 6em; display:flex; justify-content: space-between; align-items: stretch; } .con-com-05 .ls-box-01 {width:25%; } .con-com-05 .ls-box-02 { width:72%; } .con-com-05 .ls-img-01 { text-align: center; padding:13% 10% 10% 10%; border:1px solid #d2d2d2} .con-com-05 .ls-img-01 img { max-width:100%;} .con-com-05 .ls-table-box { display:flex; justify-content: space-between; align-items: flex-start; } .con-com-05 .ls-table-box table { width: 48%; table-layout: fixed; border-collapse: collapse ; text-align: center;} .con-com-05 .ls-table-box thead th { padding-bottom:0.5em; color:#ed2124; border-bottom:2px solid #ed2124} .con-com-05 .ls-table-box tbody th { font-size: 0.9em; font-weight: 500; } .con-com-05 .ls-table-box tbody td { padding-top:2px; padding-bottom: 3px; font-size: 0.8em; font-weight: 500; color:#595757; } .con-com-05 .ls-table-box tbody tr { height: 2.8em; border-bottom:1px solid #c9c9c9} .con-com-05 .ls-box-in-02 { padding-top: 2.5em;} .con-com-05 .con-box-04 .ls-box-02 { padding-top: 2.5em; width:100%;} .con-com-05 .con-box-04 .ls-box-01 { width:100%;} .con-com-05 .con-box-04 .ls-img-01 { padding:5% 2%;} /* modules 2 */ .con-com-06 { margin:0 auto; padding: 9em 0px 9em 0px; position: relative;} .con-com-06 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 2em;} .con-com-06 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-06 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-06 .dl-box-01 dt { width: 35%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-06 .dl-box-01 dt span { line-height: 1;} .con-com-06 .dl-box-01 dd { font-size: 1.2em; width: 63%;} .con-com-06 .con-box-02 { padding-top: 5em;} .con-com-06 .con-box-02 img { max-width:100%} .con-com-06 .ls-list-box { padding-top: 5em; width:100%; display:flex; justify-content: space-between; align-items: stretch;} .con-com-06 .ls-list-box .ls-list { text-align: center; box-shadow: 0em 0em 1em rgba(0,0,0,0.1); padding: 3em 1em 2em 1em; border-radius: 1em; width: 23%; background-color:#fff; } .con-com-06 .ls-list-box .ls-list p { letter-spacing: -0.7px; padding-top: 1.5em; font-size: 1.1em; } .con-com-06 .ls-list-box .ls-icon { height: 5em;} .con-com-06 .ls-list-box .ls-icon img { height:100%; } /* rf repeater */ .con-com-07 { margin:0 auto; padding: 9em 0px 9em 0px; position: relative;} .con-com-07 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 2em;} .con-com-07 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-07 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-07 .dl-box-01 dt { width: 35%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-07 .dl-box-01 dt span { line-height: 1;} .con-com-07 .dl-box-01 dd { font-size: 1.2em; width: 63%;} .con-com-07 .con-box-02 { position: relative; padding-top:5em;} .con-com-07 .ls-img-01 { overflow-y: auto; width:calc(100% + 20px); padding-right:20px;} .con-com-07 .ls-img-01 img { padding:2rem; border:1px solid #d2d2d2; min-width: 660px; width:100%; } .con-com-07 .ul-box-01 { color:#313131; padding-top: 2em; padding-left: 5px; font-size: 1.15em;} .con-com-07 .ul-box-01 li { line-height: 1.8em; text-align: left; padding-left: 1em; position: relative;} .con-com-07 .ul-box-01 li::before { content:'\00B7'; left:0; position: absolute; } .con-com-07 .ls-btn-more { opacity: 0; text-align: center; color:#fff; font-size: 0.7em; line-height: 5rem; width:5rem; height:5rem; border-radius: 50%; background-color:rgba(237,33,36, 0.8); z-index: 3; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);} .con-com-07 .ls-btn-more:before { z-index:5; content:'\2190'; width: 2rem; height: 1rem; position: absolute; left:0.1rem; top:0%; } .con-com-07 .ls-btn-more:after { z-index:5; content:'\2192'; width: 2rem; height: 1rem; position: absolute; right:0.1rem; top:0%;} /* small cell */ .con-com-08 { margin:0 auto; padding: 9em 0px 9em 0px; position: relative;} .con-com-08 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 2em;} .con-com-08 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-08 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-08 .dl-box-01 dt { width: 35%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-08 .dl-box-01 dt span { line-height: 1;} .con-com-08 .dl-box-01 dd { font-size: 1.2em; width: 63%;} .con-com-08 .con-box-02 { position: relative; padding-top:5em;} .con-com-08 .ls-img-01 { overflow-y: auto; width:calc(100% + 20px); padding-right:20px;} .con-com-08 .ls-img-01 img { padding:6rem 1.6rem 1.4rem 1.6rem; border:1px solid #d2d2d2; min-width: 660px; width:100%; } .con-com-08 .ul-box-01 { color:#313131; padding-top: 2em; padding-left: 5px; font-size: 1.15em;} .con-com-08 .ul-box-01 li { line-height: 1.8em; text-align: left; padding-left: 1em; position: relative;} .con-com-08 .ul-box-01 li::before { content:'\00B7'; left:0; position: absolute; } .con-com-08 .ls-btn-more { opacity: 0; text-align: center; color:#fff; font-size: 0.7em; line-height: 5rem; width:5rem; height:5rem; border-radius: 50%; background-color:rgba(237,33,36, 0.8); z-index: 3; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);} .con-com-08 .ls-btn-more:before { z-index:5; content:'\2190'; width: 2rem; height: 1rem; position: absolute; left:0.1rem; top:0%; } .con-com-08 .ls-btn-more:after { z-index:5; content:'\2192'; width: 2rem; height: 1rem; position: absolute; right:0.1rem; top:0%;} /* uav */ .con-com-09 { margin:0 auto; padding: 9em 0px 9em 0px; position: relative;} .con-com-09 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom: 2em;} .con-com-09 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-09 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-09 .dl-box-01 dt { width: 35%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-09 .dl-box-01 dt span { line-height: 1;} .con-com-09 .dl-box-01 dd { font-size: 1.2em; width: 63%;} .con-com-09 .con-box-02 { position: relative; padding-top:5em;} .con-com-09 .ls-img-01 { overflow-y: auto; width:calc(100% + 20px); padding-right:20px;} .con-com-09 .ls-img-01 img { padding:6rem 1.6rem 1.4rem 1.6rem; border:1px solid #d2d2d2; min-width: 660px; width:100%; } .con-com-09 .con-box-03 {padding-top: 2em; justify-content: space-between; display:flex;} .con-com-09 .ls-img-02 { padding-left: 2em; text-align: right; width: 42%; } .con-com-09 .ls-img-02 img { max-width:100%;} .con-com-09 .ul-box-01 { color:#313131; padding-left: 5px; font-size: 1.15em;} .con-com-09 .ul-box-01 li { line-height: 1.8em; text-align: left; padding-left: 1em; position: relative;} .con-com-09 .ul-box-01 li::before { content:'\00B7'; left:0; position: absolute; } .con-com-09 .ls-btn-more { opacity: 0; text-align: center; color:#fff; font-size: 0.7em; line-height: 5rem; width:5rem; height:5rem; border-radius: 50%; background-color:rgba(237,33,36, 0.8); z-index: 3; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);} .con-com-09 .ls-btn-more:before { z-index:5; content:'\2190'; width: 2rem; height: 1rem; position: absolute; left:0.1rem; top:0%; } .con-com-09 .ls-btn-more:after { z-index:5; content:'\2192'; width: 2rem; height: 1rem; position: absolute; right:0.1rem; top:0%;} /* Company */ .con-com-10 { margin:0 auto; padding: 8em 0px 9em 0px; position: relative;} .con-com-10 .con-head { text-align: left; max-width: 1280px; margin:0 auto; padding-bottom:2em;} .con-com-10 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:13em;} .con-com-10 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-10 .dl-box-01 dt { width: 35%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-10 .dl-box-01 dt span { line-height: 1;} .con-com-10 .dl-box-01 dd { font-size: 1.1em; width: 63%; letter-spacing: -0.7px;} .con-com-10 .dl-box-01 dd p { line-height: 2em; font-weight: 200;} .con-com-10 .dl-box-01 strong { display:block; padding-bottom: 1em; font-size: 1.4em;} .con-com-10 .ls-tab-box { letter-spacing: -0.7px; font-size: 1.25em; padding: 0em 20px 5em; margin:0 auto; position: relative; } .con-com-10 .ls-tab-box ul { display:flex; justify-content: center; align-items: center;} .con-com-10 .ls-tab-box li a { white-space: nowrap; display:block; padding: 10px 0.5em; } .con-com-10 .ls-tab-box li { position: relative; padding: 0 1%; } .con-com-10 .ls-tab-box li a:hover span, .con-com-10 .ls-tab-box li .active span { border-bottom:5px solid #ed2124} .con-com-10 .ls-tab-box li span { padding: 0.3em;} .con-com-10 .ls-list-box { padding-top: 5em; width:100%; display:flex; justify-content: space-between; align-items: stretch;} .con-com-10 .ls-list-box .ls-list { text-align: center; box-shadow: 0em 0em 1em rgba(0,0,0,0.1); padding: 3em 1em 2em 1em; border-radius: 1em; width: 23%; background-color:#fff; } .con-com-10 .ls-list-box .ls-list h4 { padding-top: 1em; font-size: 1.2em; font-weight: 500;} .con-com-10 .ls-list-box .ls-list p { font-weight: 600; color:#434343; letter-spacing: -0.7px; padding-top: 1.5em; font-size: 1.4em; } .con-com-10 .ls-list-box .ls-icon { height: 5em;} .con-com-10 .ls-list-box .ls-icon img { height:100%; } .con-com-10 .com-box-02 { overflow: hidden; text-align: left; padding-top:5em; height: 1000px;background-attachment: fixed; background-position: center center; background-size: cover; } .con-com-10 .con-box-03 { max-width: 1280px; margin:0 auto; color:#fff;display:flex; justify-content: space-between;} .con-com-10 .con-box-04 { position: relative; width:100%; overflow-x: scroll; padding: 0 320px; color:#fff; -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */ } .con-com-10 .con-box-04::-webkit-scrollbar { display: none; /* 크롬, 사파리, 오페라, 엣지 */ } .con-com-10 .com-box-02 .dl-box-01 dt { width:100%;} .con-com-10 .com-box-02 .dl-box-01 dd { width:100%;} .con-com-10 .com-box-02 .dl-box-01 { width: 80%;} .con-com-10 .com-box-02 .dl-box-01 dl {flex-direction: column; } .con-com-10 .slide-btn { position: relative; margin-top: -3rem} .con-com-10 .slide-btn button { font-size:0; border:none; color:#fff; background:transparent; width:3rem; height: 4rem; position: relative; z-index: 5;} .con-com-10 .slide-btn button:after { position: absolute; font-size:3.5rem; font-weight: 400; top:40%; left:50%; width:100%; height:100%;} .con-com-10 .slide-left { left:0px; } .con-com-10 .slide-left:after { content:'\221F'; transform: translate(-50%, -50%) rotate( 46deg );} .con-com-10 .slide-right { right:0px; } .con-com-10 .slide-right:after { content:'\221F'; transform: translate(-50%, -35%) rotate( -135deg );} .con-com-10 .slide-btn button:hover { color:#c9151e; } .con-com-10 .dl-box-02 dt { position: relative; padding-bottom: 0.7em; border-bottom:1px solid #fff; font-size: 3em;} .con-com-10 .dl-box-02 dt:before { z-index:1; position: absolute; background:#fff; width:200%; height:1px; bottom:-1px; left:0; transform: translateX(-200%); content:'';} .con-com-10 .dl-box-02 { padding-top: 5em; text-align: left; display:flex; justify-content: start;} .con-com-10 .dl-box-02 dl { flex: auto; } .con-com-10 .dl-box-02 li { white-space: nowrap; font-size: 1.1em; line-height: 1.8em; padding-left: 0.7em; position: relative;} .con-com-10 .dl-box-02 li:before { content:'\00B7'; left:0; position: absolute; } .con-com-10 .dl-box-02 dd { justify-content: start; width:100%; display:flex;} .con-com-10 .dl-box-02 ul {position: relative; padding-top: 3em; padding-right:4.5em;} .con-com-10 .dl-box-02 ul:before {z-index:2; content:''; width: 1rem; height:1rem; line-height:1rem; border-radius: 1rem; left:0.5rem; background:red; top:-0.5rem; position: absolute;} .con-com-10 .history-box { width:2400px; left:0px;} .con-com-10 .history-box img { max-width:100%; } .con-com-10 .dl-box-02 li p { padding-top:1em; padding-right: 0.5em;} .con-com-10 .com-box-03 { text-align: left; max-width: 1320px; margin:0 auto; padding: 5em 20px;} .con-com-10 .con-box-06 { padding-top: 5em; } .con-com-10 .con-box-06 iframe { width:100%; height:600px;} .con-com-10 .ls-img-01 img { max-width:100%;} .con-com-10 .con-box-06 dl { padding-left: 0.5em; padding-top: 3em; display:flex; justify-content: start; align-items: stretch;} .con-com-10 .con-box-06 dt { font-size: 1.6em; padding-right: 8%;} .con-com-10 .con-box-06 dd { font-size: 1.1em;} .con-com-10 .con-box-06 li { display:flex; align-items: stretch; padding-bottom:1em;} .con-com-10 .con-box-06 .ls-icon { position: relative; padding-left:1em; margin-right: 0.3em; width: 1em; height:1em; display:block; } .con-com-10 .con-box-06 .ls-icon:after { content:''; top:0.35em; left:0; position: absolute; background-size:contain; background-repeat: no-repeat; width:100%; height:100%; } /*1:1*/ .con-com-11 { margin:0 auto; padding: 8em 0px 7em 0px; position: relative;} .con-com-11 .con-head { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; padding-bottom:2em;} .con-com-11 .com-box-01 { text-align: left; max-width: 1320px; margin:0 auto; padding-left:20px; padding-right:20px; } .con-com-11 .dl-box-01 dl { display:flex; justify-content: space-between; align-items: stretch; } .con-com-11 .dl-box-01 dt { width: 100%; letter-spacing: -0.03em; position: relative; font-size: 2.3em; } .con-com-11 .dl-box-01 dt span { line-height: 1;} .con-com-11 .dl-box-01 dd { font-size: 1.1em; width: 0%; letter-spacing: -0.7px;} .con-com-11 .con-box-02 { padding: 3em 0px 30px 0px; text-align: left; } .con-com-11 .con-box-02 .ls-info, .con-com-11 .con-box-02 ::placeholder { position: relative; top:-2px; opacity: 0.6; line-height: 1; letter-spacing: -0.5px; color:#838383;} .con-com-11 .con-box-02 .ls-info { padding-bottom:15px;} .con-com-11 .con-box-02 .dl-box-02 { margin-top: 20px; border-top:3px solid #000;flex-wrap: wrap; display:flex; justify-content: center; align-items: center;} .con-com-11 .con-box-02 dl { border-bottom: 1px solid #bfbfbf; width: 100%; line-height: 1.2em;display:flex; flex-wrap: wrap; position: relative; padding: 10px 5px; } .con-com-11 .con-box-02 dt {letter-spacing: -1px; color:#1b1b1b; font-weight: 600; display: block; width: 19%; padding-left: 20px; max-width: 170px; flex:1; } .con-com-11 .con-box-02 dd {text-align:left; display: block; width: 81%;flex:1;} .con-com-11 .con-box-02 dt>span { top:4px; display:inline-block; position: relative; width: 10px;} .con-com-11 .con-box-02 input[type=text], .con-com-11 .con-box-02 textarea { border: 1px solid #e1e1e1; width:97%; padding: 12px 15px; } .con-com-11 .con-box-02 input.wd40p { width: 40%;} .con-com-11 .con-box-02 textarea { height: 250px; padding-top: 15px;} .con-com-11 .con-box-02 .dl-p { padding-top: 10px; padding-bottom:10px;} .con-com-11 .ls-btn { padding: 2em 0; text-align: center; } .con-com-11 .ls-btn a { font-size: 1.1em; font-weight: 600; width:100%; max-width: 230px; padding: 15px; display:inline-block; text-align: center; color:#fff;} .con-com-11 .ls-btn a:hover { background:#c9151e } .con-com-11 .con-box-02 dl label { padding: 15px 0px 10px 0; display: inline-block; text-align: left;} .con-com-11 .ls-warning { text-align: right;} .con-com-11 .dl-box-02 dl:last-of-type { border-bottom:0;} /*게시판 : 인증현황 */ #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:50px; } .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 #eee; background:#b31c27; color:#fff; padding:15px 70px; font-weight:500; } .vo_list_btn1 a:hover { background:#ccc; color:#000; } /*게시판 : 일반 */ .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:#b31c27; } #fboardlist {padding:0 10px;} #bo_list2_search { margin:0 auto; text-align:center; margin-bottom:150px; padding:20px 0; } #bo_list2_search select { width:120px; height:40px; border:1px solid #cfcfcf; } #bo_list2_search input[type=text] { width:300px; height:40px; border:1px solid #cfcfcf; padding:0 10px; } #bo_list2_search input[type=submit] { width:90px; height:40px; border:1px solid #b31c27; color:#b31c27; background:#fff; } #bo_list2_search input[type=submit]:hover { color:#fff; background:#b31c27; } /* 사내소식 */ #news_list3 { width:100%; margin-left:10px; } #news_list3 .gl_list { display:inline-block; width:24%; } .bo_list3 { width:100%; display:flex; justify-content: center; align-items: flex-start;} .bo_list3 li {width:100%; max-width:400px; height:380px; 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; } .main_footer { font-size:0.85em; } /* PC 사이즈 */ @media all and (max-width : 1440px) { .scroll-page-top { right: 20px;} .con-com-10 .com-box-02 { padding-left:20px; padding-right: 20px;} } @media all and (max-width : 1280px) { .scroll-box-4 .m-head p { font-size: 2em } .scroll-box-4 .ls-tab-box li { font-size: 1.4em;} .scroll-box-3 .ls-info p { font-size: 0.85em;} .scroll-box-3 .ls-list a:hover h3 { font-size: 1.65em;} .container { font-size: 1.1rem;} .con-com-10 .com-box-02 { height: 900px;} } /* 패드류 기본 */ @media all and (min-width : 769px) and (max-width : 1024px) { } @media all and (max-width : 1024px){ header .d-md-none { display:none;} header .d-lg-none { display: block;} header { height: 65px;} header:after { top: 60px;} header .box_inner { padding-top:0; padding-left: 20px; padding-right:20px; } header:after { display:none;} header h1 img { height: 27px; filter: brightness(0) grayscale(1) invert(1)!important; } header.menu-scroll {background-color:transparent;} .menu-scroll .nav_wrap { display:none;} .container { font-size: 0.95em;} footer .foo-menu { display:none;} .footer .col-box .copy { padding-top: 2em;} footer { font-size: 0.9em; } footer .footer {flex-wrap: wrap; padding-top:1em; padding-bottom:1em;} .foo-head-box .copy { display:none;} .foo-head-box { width:100%;} .foo-head-box .logo { padding-bottom:2em; width:100%;} .foo-head-box .logo img { height: 30px; } .footer .col-box p:nth-child(3) { padding-top: 0.8em; } .footer .col-box { max-width:100%; width:100%; padding-left:0;} .footer .col-box p { line-height: 1.4em;} .footer .col-box b { font-weight: 600;} .scroll-page-top { bottom: 182px;} .page-top { width: 40px; height: 40px; } .scroll-page-top { width: 40px;} } @media all and (max-width : 1023px){ .scroll-box-1, .scroll-box-1 .ls-slide-backgrounds, .scroll-box-1 .ls-slide-backgrounds img {min-height:700px; height:700px;} .scroll-box-2, .scroll-box-2 .ls-slide-backgrounds, .scroll-box-2 .ls-slide-backgrounds img {min-height:720px; height:720px;} .scroll-box-3, .scroll-box-3 .ls-slide-backgrounds, .scroll-box-3 .ls-slide-backgrounds img {min-height:484px; height:484px;} .scroll-box-4, .scroll-box-4 .ls-slide-backgrounds, .scroll-box-4 .ls-slide-backgrounds img {min-height:650px; height:650px;} .container { font-size: 0.85em;} .con-com-10 .com-box-02 { height: 850px;} } @media all and (max-width : 820px){ .scroll-box-3 .box-inner .ls-list { width: 100%; height: 33.333%} .scroll-box-3 .box-inner { flex-wrap: wrap;} .scroll-box-3 .ls-info p, .scroll-box-3 .ls-info .ls-icon, .scroll-box-3 .ls-info .ls-more { opacity: 1;} .scroll-box-3 .ls-info h3 { opacity: 1; font-size: 2em; padding-top: 0.3em; height:auto;} .scroll-box-3 .ls-list a:hover h3 { font-size: 2em; } .scroll-box-3 .box-inner{ align-items: flex-start; } .scroll-box-3 .ls-info { font-size: 0.75em; align-items: flex-start; justify-content: start; padding: 25px;} .scroll-box-3 .ls-info p { margin-top: auto; padding-bottom:0; text-align: left; } .scroll-box-3 .ls-list .ls-icon { height: 4em; text-align: left;} .scroll-box-3 .ls-more { position: absolute; right:25px; bottom:25px;} .scroll-box-3 .ls-list { font-size: 1.2em;} .snb li a>span span { width:100%;} .snb li a>span { flex-direction: column;} .con-com-10 .con-box-04 { padding:0 20px;} .scroll-box-2 .m-head { width:100%; background:none;} } @media all and (max-width : 768px){ .container { font-size: 0.8em;} .con-head { font-size: 1em; font-size: 0.8em;} .con-head p { font-size: 2.1em } .ls-tab-01 a { padding-top:10px; padding-bottom:10px;} .head-line .text { padding-bottom: 100px;} .head-line .text:after { top:90px } .footer { font-size: 0.85em;} .footer .col-box p>span:nth-child(1) { padding-right: 2em;} .d-md-none { display: none!important;} /* pc 용 감추기 */ .d-lg-none { display:block;} /* mobile 용 보여주기 */ .scroll-box-1, .scroll-box-1 .ls-slide-backgrounds, .scroll-box-1 .ls-slide-backgrounds img {min-height:700px; height:700px;} .scroll-box-2, .scroll-box-2 .ls-slide-backgrounds, .scroll-box-2 .ls-slide-backgrounds img {min-height:720px; height:720px;} .scroll-box-3, .scroll-box-3 .ls-slide-backgrounds, .scroll-box-3 .ls-slide-backgrounds img {min-height:484px; height:484px;} .scroll-box-4, .scroll-box-4 .ls-slide-backgrounds, .scroll-box-4 .ls-slide-backgrounds img {min-height:650px; height:650px;} .snb-title { padding-top: 70px; padding-bottom: 20px;} .snb-bg { height: 280px;} .snb-bg .ls-slide-backgrounds {height: 320px;} .snb-bg .ls-slide-backgrounds img {height: 320px; object-position: 75% center ;} .snb-bg .ls-slide-texts .ls-head { font-size: 2.3em; letter-spacing: -0.1px; padding-bottom: 5px;} .scroll-box-1 .ls-slide-backgrounds img {object-position: center center;} .scroll-box-1 .ls-slide-texts { height:100%; text-align: center; padding-left: 10px; padding-right:10px;} .scroll-box-1 .ls-info1 { padding-top: 8em; font-size: 1.5em;} .scroll-box-1 .ls-head { font-size: 2.6em; } .scroll-box-1 .ls-btn { position: absolute; text-align: center; bottom:10%;} .scroll-box-1 .scroll-box-btn { left: 50%; transform: translateX(-50%); position: absolute; justify-content: center; padding-top: 22.5em; } .scroll-box-1 .scroll-btn { width: auto; padding-left:0; justify-content: center;} .scroll-box-1 .scroll-btn a { width: 5px; height: 5px; margin: 0.2em;} .scroll-box-1 .ls-btn { left: 50%; transform: translateX(-50%);} .scroll-box-2 .box-inner { width:100%; } .scroll-box-2 .box-inner .ls-list { width: 350px;} .scroll-box-2 .box-inner .ls-img-01 img { width:320px;} .scroll-box-2 .slide-btn { left: 0; width: 100%; text-align: right; max-width: 320px; top: -4em;} .scroll-box-2 .scroll-box-2-1 { top: 52%;} .scroll-box-2 .m-head::before { height:2px; width:1.5em } .scroll-box-2 .m-head p { margin-bottom:30px; } .scroll-box-2 .box-inner .ls-list { margin:0 10px; width: 100%; padding-right:0;} .scroll-box-2 .box-inner .ls-img-01 img { filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.5)); width:100%;} /*.scroll-box-2 .box-inner { width: calc(400% + 120px)}*/ .scroll-box-2 .slide-btn { bottom:0; top:auto;} .scroll-box-2 .inner-box { padding-bottom: 70px;} .scroll-box-2 .slide-btn {display:flex; justify-content: space-between; max-width: 100%;} .scroll-box-2 .m-head { padding-bottom:0em} .scroll-box-2 .m-head h2 { padding-bottom:1em;} .scroll-box-3 .ls-info h3 { font-size: 1.7em;} .scroll-box-3 .ls-list a:hover h3 { font-size: 1.7em; } .scroll-box-4 .ls-tab-box { width: 300px;} .scroll-box-4 .ls-tab-box li { font-size: 1.3em} .scroll-box-3 .ls-more { transform: scale(0.7); transform-origin: right bottom; } .con-com-01 { padding-top: 5em;} .con-com-01 .con-box-01 { max-width: 360px} .con-com-01 .ls-txt-01 { font-size: 1.8em;} .con-com-01 .con-box-03 { height: 410px;} .con-com-01 .con-box-02 .ls-box-in { padding-left: 5px; padding-right:5px; margin:0 auto; max-width: 400px; flex-direction: column; } .con-com-01 .con-box-02 .ls-img-02 img { max-width:100%;} .con-com-01 .con-box-02 .ls-img-02 { width: 100%;} .con-com-01 .con-box-02 .ul-box-01 { width:100%; padding-top: 2em;} .con-com-02 { padding-top: 5em;} .con-com-02 .com-box-01 h4 { font-size: 1.6em;} .con-com-02 .com-box-02 h4 { font-size: 1.6em;} .con-com-02 .ls-list-box { flex-wrap: wrap; padding-top:2.5em;} .con-com-02 .ls-list-box .ls-list { height: 13.5em;padding: 1.5em 1em 5em 1.5em; background-position-y: 90%; width: 48%; margin-bottom: 4%; background-size: 35px auto; } .con-com-02 .ls-list-box h5 { padding-bottom: 0.7em;} .con-com-02 .com-box-01 .ls-box-in>div { width:100%;} .con-com-02 .com-box-01 .ls-box-in { flex-wrap: wrap; padding-bottom: 4em;} .con-com-02 .com-box-01 .ls-box-01 { padding-top: 2em;} .con-com-02 .ls-img-01 img { max-width: 360px; width:100%;} .con-com-03 { padding-top: 5em; padding-bottom:5em;} .con-com-03 .dl-box-01 dl { flex-direction: column;} .con-com-03 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-03 .dl-box-01 dd { padding-top: 1em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-03 .con-box-02 { padding-top: 2em;} .con-com-03 .con-box-02 .ls-box-in { padding-bottom: 4em; flex-wrap: wrap;} .con-com-03 .con-box-02 .ls-box-02 { width:100%;} .con-com-03 .con-box-02 .ls-box-01 { padding-top: 1em; justify-content: space-between; width:100%;} .con-com-03 .ls-img-02 { padding-left: 3em; padding-right:3em; text-align: center;} .con-com-03 .ls-img-02 img { max-width: 360px; width:100%;} .con-com-03 figure { margin:0; width: 48%; padding-bottom: 5%; padding-left: 5px; padding-right:5px; } .con-com-03 figure figcaption { letter-spacing: -0.7px; font-size: 0.9em} .con-com-03 .con-box-02 img {padding-left: 15px; padding-right: 15px; max-width: 300px; width:100%;} .con-com-03 .ls-list-box { flex-wrap: wrap; } .con-com-03 .ls-list-box .ls-list { height: auto; padding: 3em 0.5em 3em 0.5em; width: 47%; margin-bottom: 4%; } .con-com-03 .ls-list-box h5 { padding-bottom: 0.7em;} .con-com-03 .ls-list-box .ls-icon { height: 4em;} .con-com-03 .ls-list-box .ls-list p {letter-spacing: -0.7px; padding-top: 1em; font-size: 1em;} .con-com-03 .ls-txt-01 { font-size:1.05em; padding: 1em 0; flex-direction: column;} .con-com-03 .ls-txt-01 span { padding: 0.1em} .con-com-03 .ls-txt-01 span:after { display:none;} .con-com-04 { padding-top: 5em; padding-bottom:5em;} .con-com-04 .dl-box-01 dl { flex-direction: column;} .con-com-04 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-04 .dl-box-01 dd { padding-top: 1em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-04 .con-box-02 { padding-top: 4em; text-align: center;} .con-com-04 .con-box-02 img {padding-left: 15px; padding-right: 15px; max-width: 500px; width:100%;} .con-com-04 .ls-list-box { padding-top:4em; flex-wrap: wrap; } .con-com-04 .ls-list-box .ls-list { height: auto; padding: 3em 0.5em 3em 0.5em; width: 47%; margin-bottom: 4%; } .con-com-04 .ls-list-box h5 { padding-bottom: 0.7em;} .con-com-04 .ls-list-box .ls-icon { height: 4em;} .con-com-04 .ls-list-box .ls-list p {letter-spacing: -0.7px; padding-top: 1em; font-size: 1em;} .con-com-04 .ls-txt-01 { font-size:1.05em; padding: 1em 0; flex-direction: column;} .con-com-04 .ls-txt-01 span { padding: 0.1em} .con-com-04 .ls-txt-01 span:after { display:none;} .con-com-05 { padding-top: 5em; padding-bottom:5em;} .con-com-05 .dl-box-01 dl { flex-direction: column;} .con-com-05 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-05 .dl-box-01 dd { padding-top: 1em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-05 .con-box-02 { padding-top: 2em;} .con-com-05 .head-txt { font-size: 1.3em;} .con-com-05 .ls-box-in { flex-direction: column;} .con-com-05 .ls-img-01 img { max-width: 180px; width:100%;} .con-com-05 .ls-img-01 { padding: 1.5em 7.5em 0.5em 7.5em;} .con-com-05 .ls-box-01 { width:100%;} .con-com-05 .ls-box-02 { width:100%; padding-top:2em;} .con-com-06 { padding-top: 5em; padding-bottom:5em;} .con-com-06 .dl-box-01 dl { flex-direction: column;} .con-com-06 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-06 .dl-box-01 dd { padding-top: 1em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-06 .con-box-02 { padding-top: 4em; text-align: center;} .con-com-06 .con-box-02 img {padding-left: 15px; padding-right: 15px; max-width: 300px; width:100%;} .con-com-06 .ls-list-box { padding-top:4em; flex-wrap: wrap; } .con-com-06 .ls-list-box .ls-list { height: auto; padding: 3em 0.2em 3em 0.2em; width: 47%; margin-bottom: 4%; } .con-com-06 .ls-list-box h5 { padding-bottom: 0.7em;} .con-com-06 .ls-list-box .ls-icon { height: 4em;} .con-com-06 .ls-list-box .ls-list p {letter-spacing: -1px; padding-top: 1em; font-size: 1em;} .con-com-07 { padding-top: 5em; padding-bottom:5em;} .con-com-07 .dl-box-01 dl { flex-direction: column;} .con-com-07 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-07 .dl-box-01 dd { padding-top: 1em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-07 .ul-box-01 { font-size: 1.1em;} .con-com-07 .con-box-02 { padding-top: 2em;} .con-com-08 { padding-top: 5em; padding-bottom:5em;} .con-com-08 .dl-box-01 dl { flex-direction: column;} .con-com-08 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-08 .dl-box-01 dd { padding-top: 1em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-08 .con-box-02 { padding-top: 2em;} .con-com-08 .ul-box-01 { font-size: 1.1em;} .con-com-08 .ls-img-01 img { padding: 5rem 1rem 1rem 1rem; } .con-com-09 { padding-top: 5em; padding-bottom:5em;} .con-com-09 .dl-box-01 dl { flex-direction: column;} .con-com-09 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-09 .dl-box-01 dd { padding-top: 1em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-09 .con-box-02 { padding-top: 2em;} .con-com-09 .ul-box-01 { font-size: 1.1em;} .con-com-09 .ls-img-01 img { padding: 5rem 1rem 1rem 1rem; } .con-com-09 .ls-img-02 { padding-top: 4em; text-align: center; width:100%;} .con-com-09 .ls-img-02 img { max-width: 320px;} .con-com-09 .con-box-03 { flex-direction: column;} .con-com-10 { padding-top: 5em; padding-bottom:5em;} .con-com-10 .com-box-01 { padding-bottom:5em;} .con-com-10 .dl-box-01 dl { flex-direction: column;} .con-com-10 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-10 .dl-box-01 dd { padding-top: 2.5em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-10 .ls-list-box { padding-top:4em; flex-wrap: wrap; } .con-com-10 .ls-list-box .ls-list { height: 15em; padding: 1.5em 0.2em 3em 0.2em; width: 47%; margin-bottom: 4%; } .con-com-10 .ls-list-box .ls-list h4 { padding-top: 0.5em; padding-bottom: 0.7em; font-size: 1em;} .con-com-10 .ls-list-box .ls-icon { height: 4em;} .con-com-10 .ls-list-box .ls-list p {letter-spacing: -1px; padding-top: 0.7em; font-size: 1.1em;} .con-com-10 .slide-btn { text-align: right; margin-top: -4rem; transform-origin: center right; transform: scale(0.7); min-width:120px; } .con-com-10 .com-box-02 .dl-box-01 dt { line-height: 1.4em;} .con-com-10 .dl-box-02 { padding-top: 2em;} .con-com-10 .dl-box-02 dt { font-size: 2.6em;} .con-com-10 .dl-box-02 li { font-size: 1em;} .con-com-10 .dl-box-02 li img { max-width: 100px; width:100%;} .con-com-10 .com-box-02 { height: 620px; background-position: left top ; } .con-com-10 .dl-box-02 ul:before { width: 0.7rem; height: 0.7rem; line-height: 0.7rem; top: -0.35rem} .con-com-10 .dl-box-02 ul { padding-top: 2.5em;} .con-com-10 .con-box-06 { padding-top:1em; } .con-com-10 .ls-img-01 { height: 270px; width:calc(100% + 40px); transform: translateX(-20px);} .con-com-10 .ls-img-01 img { object-fit: cover; height:100%;} .con-com-10 .con-box-06 dt { font-size: 1.1em;} .con-com-10 .con-box-06 dd { font-size: 1em; width:100%;} .con-com-10 .con-box-06 dl { padding-left:0;} .con-com-10 .con-box-06 iframe {width:100%; height:270px; } .con-com-10 .ls-tab-box li a:hover span, .con-com-10 .ls-tab-box li .active span { border-width: 3px;} .con-com-10 .ls-tab-box { font-size: 1.4em;} .con-com-10 .dl-box-01 strong { font-size: 1.2em;} .con-com-10 .com-box-03 { padding-bottom: 0em;} .con-com-11 { padding-top: 5em; padding-bottom:5em;} .con-com-11 .dl-box-01 dl { flex-direction: column;} .con-com-11 .dl-box-01 dt { font-size: 1.8em; width: 100%;} .con-com-11 .dl-box-01 dd { padding-top: 1.5em; font-size: 1.1em; width: 100%;letter-spacing: -0.7px;} .con-com-11 .con-box-02 { padding-top: 0em;} .con-com-11 .con-box-02 dt { width: 15%; max-width: 90px; padding-left: 10px;} .con-com-11 .con-box-02 dl label { padding-top:5px;} .con-com-11 .con-box-02 .dl-box-02 { font-size: 0.8em;} .con-com-11 .con-box-02 input[type=text], .con-com-11 .con-box-02 textarea { padding: 5px; width:100%;} .con-com-11 .con-box-02 input.wd40p { width: 60%;} .con-com-11 .con-box-02 textarea { height: 150px;} .con-com-11 .ls-btn a { max-width: 120px; font-size: 1em; padding: 7px} .con-com-11 .ls-btn { padding: 1em;} /*게시판 : 인증현황 */ #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 { color:#fff; padding:15px 70px; } .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:400px; 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; } .main_footer { font-size:1em; } } /* 모바일사이즈 기본 */ @media all and (max-width : 699px){ .con-com-07 .ls-btn-more { opacity: 1; } .con-com-08 .ls-btn-more { opacity: 1; } .con-com-09 .ls-btn-more { opacity: 1; } } @media all and (max-width : 640px){ .scroll-box-4 .m-head { width:100%;} .scroll-box-4 .ls-box-01 { flex-wrap: wrap; } .scroll-box-4 .ls-tab-box { width:100%; padding-top: 3em; padding-left: 0.5em;} .scroll-box-4 .ls-box-01 { padding-bottom:1em;} .scroll-box-4 .ls-list .ls-day { position: relative; text-align: left; right:0; } .scroll-box-4 .ls-list .ls-cate { width: 7em; font-size: 1em;} .scroll-box-4 .ls-list h3 { margin-bottom: 0.5em; padding-right:0;} .scroll-box-4 .ls-list a { padding: 1em 1.5em;} .scroll-box-3 .ls-info p { padding-right: 70px;} .con-com-05 .ls-table-box {flex-direction: column;} .con-com-05 .ls-table-box table { width:100%;} .con-com-05 .ls-table-box table:nth-child(2) thead { display:none;} } @media all and (max-width : 540px){ .d-sm-none { display:none;} .d-sm-view { display:block;} } @media all and (max-width : 375px){ .scroll-box-2 .m-head { text-align: center;} .scroll-box-2 .m-head::before { position: absolute; transform: translateX(-50%); left: 50%; text-align: center;} .scroll-box-3 .ls-list .ls-icon img { max-height: 40px} .scroll-box-3 .ls-info h3 { padding-top: 0;} .scroll-box-4 .m-head { text-align: center;} .scroll-box-4 .m-head::before { position: absolute; transform: translateX(-50%); left: 50%; text-align: center;} .scroll-box-4 .ls-tab-box ul { justify-content: start;} .con-com-02 .ls-list-box .ls-list { width: 47%; padding-left: 1.2em;margin-bottom: 7%;} .con-com-03 .ls-list-box .ls-list { width: 46%; margin-bottom: 7%;} .con-com-04 .ls-list-box .ls-list { width: 46%; margin-bottom: 7%;} .con-com-06 .ls-list-box .ls-list { width: 46%; margin-bottom: 7%;} .con-com-10 .ls-list-box .ls-list { width: 46%; margin-bottom: 7%;} } /* 스타일 작업 종료 */ /*******************************************************************************************************************/ /* 중간 레이아웃 */ /**********************************************************************************************************************/ /* 여기부터 반응형 메인 박스 스타일 적용 */ /**********************************************************************************************************************/ #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;}