@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'); */ /* @font-face { font-family: 'NanumSquareNeo-Variable'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2'); font-weight: normal; font-style: normal; } */ /* @font-face { font-family: 'SBAggro'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff'); font-weight: 600; font-style: normal;} @font-face { font-family: 'SBAggro'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff'); font-weight: normal; font-style: normal;} */ @font-face {font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal;} @font-face {font-family: 'GmarketSans'; 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: 'GmarketSans';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: 700;font-style:normal;} @font-face { font-family: 'SLEIGothicTTF'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SLEIGothicTTF.woff') format('woff'); font-weight: normal; font-style: normal; } /* @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: "GmarketSans", 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;letter-spacing: -0.035em; } body, html {width: 100%; color:#171c5c;} #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:#171c5c;} a:hover { color:#213e97;} input, select, textarea {font-family: 'GmarketSans', '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: 175px; background-color:#fff;} /* 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: 68px;/* 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: 1310px; padding: 0px 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:800px; height: 100%; flex:1 1 800px; position: relative;} .nav_web a { white-space: nowrap; display:block; padding: 5px 0; font-size: 1.2em; line-height:1; color:#23175d; width:100%; letter-spacing: -0.05em;} .nav_web>ul {width:100%; height: 100%; display: flex; justify-content: space-between; align-items: center; } .nav_web>ul>li { flex: auto;position:relative; display: inline-block; text-align: center;} .nav_web>ul>li:hover ul { display:block;} .nav_web>ul>li>a:hover, .nav_web>ul>li.active a {color:#fc4293 } .nav_web .active-dic { padding-left: 10px;} .nav_web .active-dic a { border:2px solid #fc4293; border-radius: 0.7em; color:#fc4293; padding: 0.7em 10% 0.5em 10% } .nav_web .active-dic a:hover, .nav_web .active-dic.active a { background:#fc4293; color:#fff; } .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 {filter: brightness(0) grayscale(1) invert(1); display:inline-block; vertical-align: middle; width: 100%; height: 100%; left:0; position: absolute; content: ''; background-position: center center; 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='32px' height='14px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M-0.000,-0.000 L32.000,-0.000 L32.000,3.000 L-0.000,3.000 L-0.000,-0.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M-0.000,10.999 L32.000,10.999 L32.000,14.000 L-0.000,14.000 L-0.000,10.999 Z'/%3E%3C/svg%3E"); } header .nav_head { width: 50px; position: relative; min-width: 50px;} header .nav_head p { width:100%; } header .nav_head p span { position: relative; display:block; width: 100%;height:30px; } /*모바일용메뉴*/ .nav_md {width: 100%; height: 100%; top:0; right:0; position: fixed; z-index: 13;} .nav_md_wrap { position:absolute; right:0; background:#0f1335; height: 100%; width: 100%; /* max-width: 570px; */} .nav_md_wrap>ul { margin:0 auto; max-width: 340px; height: 100%; padding: 3em 3.5em 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:#fc4293;} .nav_md ul>li:hover>a { color:#fc4293 } .nav_md ul a { position:relative; padding: 13px 0px; display: block; text-align: center; 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: 50%; left:47%; position:absolute; content:'\2715'; font-weight: 100; color:#fff; font-size: 1.7rem; z-index:6} .nav_md .active-dic a { border:2px solid #fc4293; border-radius: 0.7em; color:#fc4293; padding: 0.5em 10% 0.5em 10% } .nav_md .active-dic { margin-top: 1em;} .nav_md .active-dic a:hover, .nav_web .active-dic.active a { background:#fc4293; color:#fff; } .nav_head_md { align-items: center; display:flex; height: 65px;} .nav_head_md h1 {z-index:13; padding-left:20px;} /* 메뉴 스크롤 시 */ .menu-scroll { background-color:rgba(255,255,255, 1); } .menu-scroll .nav_web>ul>li>a { color:#000} .menu-scroll .nav_web>ul>li:hover>a {font-weight:600; color:rgba(218,74,68, 0.7)} .menu-scroll .nav_head p span:after { filter: none; } /* 메뉴 스크롤 검정 */ .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 { position: absolute; left: 48%; top:55%; transform: translate(-50%, -50%); content:'\2261'; font-weight: 100; color:#0f1335; 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 { padding-left:20px; padding-right:20px; position:relative; left:0; top:0; width: 100%; height:auto; overflow:hidden;} .scroll-box-1 .ls-slide-backgrounds img { max-width: 100%; } .scroll-box-1 .ls-btn a { background:transparent; border:1px solid rgba(255,255,255, 0.5); border-radius: 100px; font-size: 0.9em; line-height:1; display:inline-block; position: relative; padding:0.65em 1.4em; color:#fff;} .scroll-box-1 .ls-btn a:after { position: relative; content:'+'; display:inline-block; padding-left:1em; } .scroll-box-1 .ls-link { padding-left:20px; padding-right:20px; background:linear-gradient(#fad5e5 40%, 0%, #0f1335 100%);} .scroll-box-1 .ls-link img { max-width:100%;} /* .scroll-box-1 .ls-btn a:hover, .scroll-box-1 .ls-btn a:hover:after { color:#213e97} */ /*메인 모바일 슬라이드*/ .scroll-box-1 { background:#fad5e5; padding-top: 175px; position:relative; width: 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 : center;align-items: center; clear: both; width: 100%; position: relative;} .scroll-box-1 .scroll-btn a { opacity: 0.5; margin-right: 0.7em; width:8px; height:8px; line-height: 1;display:block; color:#fff; position: relative; background:#fff;} .scroll-box-1 .scroll-btn a:hover, .scroll-box-1 .scroll-btn .active { background:#fff; opacity: 1;} .scroll-box-1 .scroll-btn span { font-size:0; display:block;position: relative;} /*메인 product*/ .scroll-box-2 { background:linear-gradient(#0f1335 34.9%, 0%, #fad5e5 100%); position:relative; width: 100%; overflow: hidden; } .scroll-box-2 .m-head { position: relative; text-align: left; padding-bottom: 1.5em; } .scroll-box-2 .m-head h2 { padding-bottom: 0.3em; font-size:1.6em; 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 .scroll-box-2-1 {margin:0 auto; width:100%; text-align: center;position: relative; } .scroll-box-2 .ls-box-in { width:100%; margin:0 auto; max-width: 1310px; height:100%; padding-top:3em; padding-left:20px; padding-right:20px;} .scroll-box-2 .inner-box { padding-bottom: 2em; position: relative;} .scroll-box-2 .box-inner { width:100%; display:grid; grid-template-columns: repeat(3, 1fr); gap: 1em; justify-content: space-between; align-items: center;} .scroll-box-2 .box-inner .ls-list:nth-child(4) { border:1px solid #171c5c; grid-column: 1 / span 3; background:#fad5e5; padding:5%; } .scroll-box-2 .box-inner .ls-list { letter-spacing: -0.05em; position: relative; background:#fff; border-radius: 1em; overflow: hidden;} .scroll-box-2 .box-inner .ls-list:hover:after {z-index:1; background:rgba(0,0,0,0.8); content:''; width:100%; height:100%; position: absolute; left:0; top:0;} .scroll-box-2 .box-inner .ls-list:hover .ls-more {z-index:3; opacity: 1;} .scroll-box-2 .box-inner .ls-img-01 img {max-width:100%; } .scroll-box-2 .box-inner .ls-img-02 img { max-width:100%; } .scroll-box-2 .box-inner .ls-list:nth-child(4) { display:flex; align-items: center; } .scroll-box-2 .box-inner .ls-list:nth-child(4) .ls-txt-01 { padding:0%; border:none; min-width: 30%;} .scroll-box-2 .ls-txt-01 { border:1px solid #cdcdcd; border-top:0; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; display:flex; flex-direction: column; left: 0; bottom: 0; padding:10%; height:100%; text-align: left; position: relative; } .scroll-box-2 .ls-day { white-space:nowrap; font-size: 1.6em;} .scroll-box-2 .ls-day-st { font-size: 2.6em;} .scroll-box-2 .ls-name { font-size: 1.2em; min-height:110px;} .scroll-box-2 .ls-title { white-space:nowrap; font-size: 2.6em; font-weight:600;} .scroll-box-2 .ul-box-01 { padding-top: 1em; font-size: 1.2em;} .scroll-box-2 .ul-box-01 span { margin-right: 0.5em; display:inline-block; width:1.4em; height:1.4em; border-radius: 1.4em;line-height:1.6em; font-size: 0.7em; text-align: center; background:#fc4293; color:#fff;} .scroll-box-2 .ul-box-01 li {display:flex; align-items: center;} .scroll-box-2 .ls-more { opacity: 0; z-index:0; width:100%; font-size: 1.25em; left:50%; top:50%; transform: translate(-50%, -50%); position: absolute; } .scroll-box-2 .ls-more a { width: 80%; max-width: 230px; background:#e73a8a; margin:0.5em auto; border-radius: 0.7em; font-size: 0.9em; line-height:1; display:block; position: relative; padding:0.75em 0.5em; color:#fff;} .scroll-box-2 .ls-more span:after{ content:'+'; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .scroll-box-2 .btn-box p { padding-top: 1em;} .scroll-box-2 .btn-box { padding-top: 2em;} .scroll-box-2 .ls-btn a { background:#171c5c;/* border:1px solid rgba(0,0,0, 0.5); */ border-radius: 0.7em; font-size: 1.4em; line-height:1; display:inline-block; position: relative; padding:0.8em 1.4em; color:#fff;} .scroll-box-2 .ls-btn span { display:inline-block; padding:0 0.5%;} .scroll-box-2 .ls-btn span:nth-child(1) a { background:#e73a8a} .scroll-box-2 .ls-btn a:after { width: 2em; height:1em; line-height:1; vertical-align: middle; position: relative; content:''; display:inline-block; margin-left:1em; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49px' height='13px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(255, 255, 255)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M48.542,6.740 L47.802,7.480 L47.802,7.480 L42.621,12.661 L41.881,11.921 L46.539,7.263 L0.752,7.263 L0.752,6.217 L46.538,6.217 L41.881,1.559 L42.621,0.819 L47.802,6.000 L47.802,6.000 L48.542,6.740 Z'/%3E%3C/g%3E%3C/svg%3E");} /*메인 event*/ .scroll-box-3 { background:#fad5e5; position:relative; width: 100%; height: auto; } /* .scroll-box-3 .ls-slide-backgrounds {position:absolute; left:0; bottom:0; width: 100%; height: 100vh; overflow:hidden;} .scroll-box-3 .ls-slide-backgrounds img {object-fit: cover; max-height: 100vh; height: 100vh; width: 100%;} */ .scroll-box-3 .m-head { position: relative; text-align: left; } .scroll-box-3 .m-head:before {top:50%; transform: translateY(-50%); position: absolute; content:''; width:100%; height:0.5px; line-height: 1; background:#0f1335;} .scroll-box-3 .m-head h2 { position: relative; display:inline-block; padding-right: 0.5em; background:#fad5e5;font-size:1.6em; line-height: 1.2em;} .scroll-box-3 .m-head p { font-size: 2.3em;} .scroll-box-3 .scroll-box-3-1 { margin:0 auto; width:100%; text-align: center;position: relative;} .scroll-box-3 .ls-box-in { width:100%; margin:0 auto; max-width: 1310px; height:100%; padding-left:20px; padding-right:20px; padding-top:5em;} .scroll-box-3 .inner-box { padding-top: 2em; position: relative;} .scroll-box-3 .slide-btn { right: 0; position: absolute; top: 50%; transform: translateY(-50%) ; padding-left:0.5em; background:#fad5e5; display:flex; } .scroll-box-3 .slide-btn button { font-size:0; border: 2px solid #0f1335; color:#fff; background:#fff; width: 3rem; height:3rem; line-height: 1; border-radius: 3rem; position: relative; z-index: 5;} .scroll-box-3 .slide-btn button:after {content:''; background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; font-size:1rem; top:50%; left:50%; width:35%; height:35%; transform: translate(-50%, -50%);} .scroll-box-3 .slide-left { left:0px; } .scroll-box-3 .slide-left:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='51px'%3E%3Cpath fill-rule='evenodd' fill='rgb(15, 19, 53)' d='M25.211,50.993 C24.134,50.993 23.057,50.578 22.235,49.746 L1.452,28.714 C-0.191,27.051 -0.191,24.354 1.452,22.691 L22.235,1.659 C23.879,-0.004 26.543,-0.004 28.187,1.659 C29.830,3.322 29.830,6.019 28.187,7.682 L10.379,25.703 L28.187,43.723 C29.830,45.387 29.830,48.083 28.187,49.746 C27.365,50.578 26.288,50.993 25.211,50.993 Z'/%3E%3C/svg%3E");} .scroll-box-3 .slide-right { right:0px; } .scroll-box-3 .slide-right:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='51px'%3E%3Cpath fill-rule='evenodd' fill='rgb(15, 19, 53)' d='M4.789,50.993 C5.866,50.993 6.943,50.578 7.765,49.746 L28.548,28.714 C30.191,27.051 30.191,24.354 28.548,22.691 L7.765,1.659 C6.121,-0.004 3.457,-0.004 1.813,1.659 C0.170,3.322 0.170,6.019 1.813,7.682 L19.621,25.703 L1.813,43.723 C0.170,45.387 0.170,48.083 1.813,49.746 C2.635,50.578 3.712,50.993 4.789,50.993 Z'/%3E%3C/svg%3E"); } .scroll-box-3 .slide-btn button:hover { background:#0f1335;} .scroll-box-3 .slide-btn button:hover:after { filter: brightness(0) grayscale(1) invert(1)} .scroll-box-3 .event-box img { max-width:100%;} /*메인 pr*/ .scroll-box-4 { background:#fad5e5; position:relative; width: 100%; height: auto; 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 { position: relative; text-align: left; padding-bottom: 1.5em; display:flex; } .scroll-box-4 .m-head h2 { position: relative; display:inline-block; padding-right: 0.5em; background:#fad5e5;font-size:1.5em; line-height: 1.2em;} .scroll-box-4 .m-head .slide-btn { margin-left: auto;} .scroll-box-4 .m-head .slide-btn a { position: relative; color:#fc4293 } .scroll-box-4 .m-head .slide-btn a:after { margin-left: 0.3em; content:'+'; line-height:1.6em; color:#fff; text-align: center; width: 1.4em; height:1.4em; border-radius: 1.4em; background:#fc4293; display:inline-block} .scroll-box-4 .ls-box-in { width:100%; margin:0 auto; max-width: 1310px; height:100%; padding-left:20px; padding-right:20px; padding-top:5em;} .scroll-box-4 .inner-box { position: relative;border-top:1px solid #fc4293; } .scroll-box-4 .box-inner { border-top:3px solid #fff;} .scroll-box-4 .event-box a {text-align: left; display:block;} .scroll-box-4 .event-box { padding: 2em 10px; border-bottom:1px solid #fc4293;} .scroll-box-5 { background:#fad5e5; position:relative; width: 100%; height: auto; overflow:hidden } .scroll-box-5 .ls-box-in { width:100%; margin:0 auto; max-width: 1310px; height:100%; padding-left:20px; padding-right:20px; padding-top:7em; padding-bottom: 4em;} .scroll-box-5 .icons ul {text-align: left; display:flex; align-items: stretch; padding-bottom:0.5em;} .scroll-box-5 .icons span { padding-top: 0.5em; font-weight: 600; display: inline-block; padding-right: 1em;} .scroll-box-5 .icons:nth-child(1) span { padding-top: 1em;} .scroll-box-5 .icons img { margin-right:10px; margin-bottom: 5px;} /*서브상단 뒷배경*/ .snb-bg { height: 405px; background:#dfdaf7;} .snb-bg .ls-slide-backgrounds { position:absolute; left:50%; transform: translateX(-50%); top:0; width: 100%; max-width: 1310px; padding-left:20px; padding-right:20px; height: 405px; overflow:hidden;} .snb-bg .ls-slide-backgrounds img { position: absolute; bottom:0; right:0; max-width: 100%;} .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:73%; transform: translate( -50%, -60%); padding-left:20px; padding-right:20px;} .snb-bg .ls-slide-texts .ls-info { font-size:1.6em; padding-top: 20px;} .snb-bg .ls-slide-texts .ls-head { color:#23175d; font-size: 2.4em; font-weight: 500; 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;} .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:#fc4293;} .bgc-02 { background-color:#171c5c;} .bgc-03 { background-color:#8a75f3;} .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:#fc4293} .fc-02 { color:#171c5c} .fc-03 { color:#8a75f3} .fc-04 { color:#00c481} .fc-05 { color:#acacac} /* .fn-01 { font-family: 'SLEIGothicTTF', 'Noto Sans KR', sans-serif!important; font-weight:400; } */ .fn-01 { font-family: 'GmarketSans', 'Noto Sans KR', sans-serif!important; font-weight:400; } .fn-02 { font-family: 'GmarketSans', 'Noto Sans KR', sans-serif!important; } .fs-01 { font-weight: 300;} /*푸터*/ footer { background:#0f1335; color:#fff; position: relative; width: 100%; font-size:0.85em; } footer .box-inner { margin:0 auto; width: 100%; padding: 0px 20px; max-width: 1310px; position: relative; } footer .footer { font-size: 1.4em; width:100%; padding-top: 3em; padding-bottom:3em; text-align: center; } .footer {position: relative; height: 100%;} .footer .copy { padding-top: 10px;} .footer .col-box { position: relative;} .footer .col-box span { display:inline-block; } .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); color: #fff; background:#fc4293; 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 { } /* 서브 컨텐츠 제목 */ .con-head h3 { font-size: 2.4em; font-weight: normal; } .con-head+.con-head { padding-top: 70px;} .ls-tab-01 a { color:#23175d; display:block; padding: 0.3em 0 0.5em 0;} .ls-tab-01 a:hover, .ls-tab-01 a.active{ color:#fff; } /* .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-tab-box { max-width: 1310px; margin:0 auto; padding-top: 5em; padding-left:20px; padding-right:20px;} .ls-tab-box ul { display:flex; align-items: center; margin-right:-0.3em; } .ls-tab-box li { min-width: 17%; margin-right: 0.3em;} .ls-tab-box li br { display:none;} .ls-tab-box li a { font-size: 1.2em; display:block; border:1px solid #23175d; line-height:1; padding: 1em 0 0.8em; text-align: center; border-radius: 0.5em; } .ls-tab-box li.active a, .ls-tab-box li a:hover { color:#fff;} .ls-tab-box .tab-01 a:hover, .ls-tab-box .tab-01.active a { background:#23175d;} .ls-tab-box .tab-02 a:hover, .ls-tab-box .tab-02.active a { background:#8a75f4;} .ls-tab-box .tab-03 a:hover, .ls-tab-box .tab-03.active a { background:#00c482;} .ls-tab-box .tab-04 a:hover, .ls-tab-box .tab-04.active a { background:#e73a8a;} .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"); } /* 행사소개 */ .con-com-01 { margin:0 auto; padding: 175px 0px 0 0px; position: relative;background:#dfdaf7;} .con-com-01 .com-box-01 { text-align: center; max-width: 1310px; margin:0 auto; padding: 5em 20px 7em 20px;} .con-com-01 .con-box-01 { padding: 2em 0;} .con-com-01 .con-box-01 p { padding: 2em 0;} .con-com-01 .con-box-01 p img { max-width:100%;} .con-com-01 .ls-txt-01 { font-size: 1.4em} .con-com-01 .ls-txt-02 { font-size: 2.5em} .con-com-01 .ls-txt-03 { font-size: 4.6em; font-weight:300; letter-spacing: -0.05em;} .con-com-01 .ls-txt-04 { font-size: 1.6em; max-width: 30em; line-height: 1.3em; margin:0 auto;} .con-com-01 .ls-txt-05 { font-size: 1.2em; padding-bottom: 1em; font-weight: 700;} .con-com-01 .dl-box-01 { padding-top: 2em; border-top:1px solid #23175d; max-width: 29em; margin:2em auto 0 auto;} .con-com-01 .dl-box-01 dl {padding-bottom: 0.5em; line-height:1.4em; display: flex; align-items: center; text-align: left;} .con-com-01 .dl-box-01 dt { min-width: 4em; text-align: center; font-size:0.85em;} .con-com-01 .dl-box-01 dt span {width:100%; line-height:1; padding-top:0.4em; padding-bottom: 0.2em; border-radius: 0.5em; display:inline-block; vertical-align: middle; border:1px solid #23175d } .con-com-01 .dl-box-01 dd { letter-spacing: -0.05em; padding-left: 0.5em; font-size: 1.2em; padding-top: 0.2em; } .con-com-01 .btn-box { padding-top: 2em;} .con-com-01 .ls-btn a { background:#e73a8a;/* border:1px solid rgba(0,0,0, 0.5); */ border-radius: 0.7em; font-size: 1.6em; line-height:1; display:inline-block; position: relative; padding:0.8em 1.4em; color:#fff;} .con-com-01 .ls-btn span { display:inline-block;} .con-com-01 .ls-btn a:after { width: 2em; height:1em; line-height:1; vertical-align: middle; position: relative; content:''; display:inline-block; margin-left:1em; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49px' height='13px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(255, 255, 255)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M48.542,6.740 L47.802,7.480 L47.802,7.480 L42.621,12.661 L41.881,11.921 L46.539,7.263 L0.752,7.263 L0.752,6.217 L46.538,6.217 L41.881,1.559 L42.621,0.819 L47.802,6.000 L47.802,6.000 L48.542,6.740 Z'/%3E%3C/g%3E%3C/svg%3E");} .con-com-01 .con-box-02 { padding-top: 3em;} .con-com-01 .ls-tab-box { border-top:1px solid #23175d; padding:2em 0;} .con-com-01 .ls-tab-01 ul { display:flex; align-items: center; justify-content: center;} .con-com-01 .ls-tab-01 a { font-size: 1.2em; border:1px solid #23175d; border-radius: 0.8em; padding-right: 0.7em; padding-left:0.7em;} .con-com-01 .ls-tab-01 li { padding:0 10px;} .con-com-01 .ls-tab-01 li.active a{ background:#23175d; color:#fff} .con-com-01 .ls-tab-con { text-align: left; max-width: 1020px;margin:0 auto;} .con-com-01 .videoWrapper { position:relative; height: 0; padding-bottom:56.25%; width:100%; } * html .con-com-01 .videoWrapper { margin-bottom: 45px; margin-bottom: 0; } .con-com-01 .videoWrapper>iframe, .con-com-01 .videoWrapper video, .con-com-01 .videoWrapper>div, .con-com-01 .videoWrapper>embed, .con-com-01 .videoWrapper>object { z-index: 2; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .con-com-01 .ls-box-in { padding-top: 3em; display:flex;} .con-com-01 .ls-box-01 { width: 41%;} .con-com-01 .ls-box-01 strong { line-height:1; display:block; font-size: 1.6em; padding-bottom: 0.5em;} .con-com-01 .ls-box-01 p { line-height: 1.2em; font-size: 1.2em;} .con-com-01 .ls-box-02 { width: 59%; padding-left: 3%; font-size: 0.9em; } .con-com-01 .ls-box-02 p { line-height:1.3em; padding-bottom:1em; text-align: justify; word-break: keep-all;} .con-com-01 .dl-box-02 dl { border-bottom: 1px solid #dcdcdc;display: flex; align-items: stretch;} .con-com-01 .dl-box-02 { line-height: 1.3em;} .con-com-01 .dl-box-02 dd { padding-left: 1em;} /* 프로그램 */ .con-com-02 { max-width: 1310px; padding:0 20px 40px 20px; margin:0 auto; position: relative;} .con-com-02:before {z-index:-1; position: absolute; left:20px; top:0.3em; border:1px solid #171c5c; border-radius: 0.8em; content:''; width: calc(100% - 40px); height: calc(100% - 40px); } .con-com-02>div { padding: 8%; } .con-com-02 .con-head { letter-spacing: -0.1em; line-height: 2.6em; padding-bottom: 3em; text-align: left; } .con-com-02 .head-txt { padding-top: 0.5em; line-height: 1.2em;; font-size: 1.6em;} .con-com-02 .con-box-01 { padding-top: 1em; display:flex; position: relative; align-items: end; } .con-com-02 .com-box-01 .con-img-01 { margin-left: auto; max-width: 65%; position: relative; /*transform: translateX(5.2%);*/ margin-top:-2em;} .con-com-02 .com-box-01 h3 p:nth-child(1) {white-space:nowrap;} .con-com-02 .com-box-02 .con-img-01 { margin-left: auto; text-align: right; max-width: 50%;position: relative; margin-top:-2em;} .con-com-02 .com-box-03 .con-img-01 { margin-left: auto; text-align: right; max-width: 50%;position: relative; margin-top:-2em;} .con-com-02 .con-img-01 img { max-width:100%; } .con-com-02 .ls-table-box table { table-layout: fixed; border-collapse: collapse; min-width:100%;} .con-com-02 .ls-table-box thead { background:#171c5c; color:#fff;} .con-com-02 .ls-table-box th { font-weight:normal; text-align: center;} .con-com-02 .ls-table-box th,.con-com-02 .ls-table-box td {padding: 1em 0;} .con-com-02 .ls-table-box tbody tr td:nth-child(3) { width: 33%; padding-right: 3%;} .con-com-02 .ls-table-box tbody tr td:nth-child(4) { width: 33%;} .con-com-02 .ls-table-box tbody tr td:nth-child(1) { width: 20%;} .con-com-02 .ls-table-box tbody tr td:nth-child(2) { width: auto; padding-left: 2%; padding-right: 2%;} .con-com-02 .ls-table-box tbody tr td:nth-child(2) { font-size: 0.85em; text-align: center;} .con-com-02 .ls-table-box tbody tr td:nth-child(2) div {line-height:1; padding-top: 0.5em; padding-bottom: 0.3em; width:100%; color:#fff;} .con-com-02 .ls-table-box .type1 { background:#171c5c} .con-com-02 .ls-table-box .type2 { background:#e73a8a} .con-com-02 .ls-table-box td { border-bottom:1px solid #8b8dad; text-align: left; font-size: 1.1em; letter-spacing: -0.05em; line-height: 1.2em;} .con-com-02 .ls-txt-02 { width:100%; padding-bottom:0.5em; text-align: left; font-size: 1.6em; border-bottom:1px solid #23175d;} .con-com-02 .ls-num { position: relative; display:inline-block; vertical-align: middle; width:2.8em; height:2.8em; line-height:3em; color:#fff; border-radius: 2em; background:#23175d; text-align: center;} .con-com-02 .com-box-04 .con-head { padding-top: 3em; display:flex; align-items: center;} .con-com-02 .com-box-04 h3 {padding-top: 0.2em; padding-left: 0.2em} .con-com-02 .com-box-04 .ls-img-01 { display:inline-block; height:1.94em; position: relative; top: -0.5em; padding-left: 0.3em;} .con-com-02 .com-box-04 .ls-img-01 img { height:100%;} .con-com-02 .ul-box-01 { padding-top:3em;} .con-com-02 .ul-box-01 h4 { padding-top: 0.5em; font-size: 1.1em; font-weight: normal} .con-com-02 .ul-box-01 ul { display:flex; margin-right:-0.5em} .con-com-02 .ul-box-01 li { letter-spacing: -0.05em; padding-right: 0.5em;} .con-com-02 .ul-box-01 p { font-size: 0.8em; padding-top:0.2em;} .con-com-02 .ul-box-01 img { max-width: 100%;} .con-com-02 .ls-txt-01 { letter-spacing: -0.05em; padding-top: 0.5em; font-size: 1.1em; text-align: left;} .con-com-02 .dl-box-01 dl { padding: 0.4em 0 0.3em 0; border-bottom: 1px solid #b8b4cb;display: flex; align-items: start;} .con-com-02 .dl-box-01 { padding-top: 2em; max-width: 41em; line-height: 1.3em;} .con-com-02 .dl-box-01 dd { font-size: 0.95em; padding-left: 1em; width:100%;} .con-com-02 .dl-box-01 dt { font-size:1.1em; text-align: left; min-width:10em;} .con-com-02 .dl-box-01 .ls-img-02 { padding-right: 0.5em; } .con-com-02 .dl-box-01 dt span { display:inline-block;} .con-com-02 .dl-box-01 dt img { max-width:100%;} .con-com-02 .dl-box-01 ol { padding: 0.7em 2.7em 0.7em 0; background:#ffe9f3; position: relative;} .con-com-02 .dl-box-01 ol:after { content:''; position: absolute; width: calc(2.7em + 1px); height:100%; background:#9f9bb1; top:0; right:0;} .con-com-02 .dl-box-01 ol input[type="checkbox"] { display: none; } .con-com-02 .dl-box-01 ol input[type="checkbox"]:checked + label { color: #e73a8a!important; font-weight: 600; border: none;} .con-com-02 .dl-box-01 ol label { width: 100%; text-align: center; cursor: pointer; line-height: 1.8em; padding: 0.3em 0; position: relative;} .con-com-02 .dl-box-01 details { padding-top :0.7em; width:100%;} .con-com-02 .dl-box-01 details[open] { padding-bottom: 1em;} .con-com-02 .dl-box-01 summary { position: relative; border:1px solid #8a83a9; padding: 0.6em 0;} .con-com-02 .dl-box-01 summary::marker {content:'';} .con-com-02 .dl-box-01 summary:after { content: ''; width: 2.7em; height: 100%; top: 0; position: absolute; right: 0; background-size: 0.8em auto; background-position: center center; background-repeat: no-repeat; background-color:#9f9bb1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.996,0.001 L10.500,10.675 L0.003,0.001 L0.003,1.324 L10.500,11.999 L20.996,1.324 L20.996,0.001 Z'/%3E%3C/svg%3E");} .con-com-02 .ls-btn {display:flex; justify-content: center; align-items: center;} .con-com-02 .ls-btn a { background:#171c5c; border-radius: 0.7em; max-width: 30em; width:100%; font-size: 1.3em; line-height:1; display:inline-block; position: relative; padding:1.2em 0em; color:#fff;} .con-com-02 .ls-btn span { width:33.33%; display:inline-block; padding:0 0.4%;} .con-com-02 .ls-btn span:nth-child(1) a { background:#e73a8a} .con-com-02 .ls-btn a:after { width: 2em; height:1em; line-height:1; vertical-align: middle; position: relative; content:''; display:inline-block; margin-left:0.5em; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49px' height='13px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(255, 255, 255)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M48.542,6.740 L47.802,7.480 L47.802,7.480 L42.621,12.661 L41.881,11.921 L46.539,7.263 L0.752,7.263 L0.752,6.217 L46.538,6.217 L41.881,1.559 L42.621,0.819 L47.802,6.000 L47.802,6.000 L48.542,6.740 Z'/%3E%3C/g%3E%3C/svg%3E");} .con-com-02 .btn-box p { padding-top:1em; font-size: 1.1em;} .con-com-02 .btn-box { padding-top: 3em;} /* 오시는길 */ .con-com-03 { max-width: 1310px; padding:5em 20px 5em 20px; margin:0 auto; position: relative;} .con-com-03 .com-box-01 { padding: 8%; border:1px solid #171c5c; border-radius: 0.8em;} .con-com-03 .dl-box-01 dl { padding: 0.4em 0 0.3em 0; border-bottom: 1px solid #231761;display: flex; align-items: start; text-align: left; } .con-com-03 .dl-box-01 { font-size: 1.4em; padding-top: 2em; width:100%; line-height: 1.3em;} .con-com-03 .dl-box-01 dd { width:100%;} .con-com-03 .dl-box-01 dt { font-weight:700; padding-right: 0.5em; min-width:10%; } .con-com-03 .ls-map img { object-fit: cover; border:1px solid #c5c5c5; max-width:100%; } .con-com-03 .ls-map { padding: 4em 0; overflow:hidden;} .con-com-03 .ls-list-box {text-align: left;} .con-com-03 .ls-list-box .ls-list:last-of-type { border:none;} .con-com-03 .ls-list {border-bottom: 1px solid #cdcde7; padding: 1em 0; font-size:1.1em; letter-spacing: -0.05em; display:flex; align-items: center;} .con-com-03 .ls-list strong { display:block; padding-bottom: 0.5em;} .con-com-03 .ls-list p { line-height: 1.4em;} .con-com-03 .ls-list .ls-txt-01 { padding-left: 2em;} .con-com-03 .ls-list .ls-img-01 { min-width: 6em; max-width: 6em} .con-com-03 .ls-list .ls-img-01 img { max-width:100%;} /* 참가신청 */ .con-com-05 { max-width: 1310px; padding:5em 20px 5em 20px; margin:0 auto; position: relative;} .con-com-05 .com-box-01 { padding: 8%; border:1px solid #171c5c; border-radius: 0.8em;} .con-com-05 .con-box-01 { border-bottom:1px solid #23175d; padding-bottom:2em;} .con-com-05 .ls-txt-01 { font-size: 1.2em;} .con-com-05 .ls-list-box { padding-top: 2em;} .con-com-05 .ls-num { font-size: 0.7em; position: relative; display:inline-block; vertical-align: middle; width:2.2em; height:2.2em; line-height:2.4em; color:#fff; border-radius: 2em; background:#23175d; text-align: center;} .con-com-05 .ls-list { position: relative; letter-spacing: -0.05em; padding:0.5em 0; border-bottom:1px solid #c5c5c5; font-size: 1.4em; text-align: left; display:flex; flex-wrap: wrap;} .con-com-05 .ls-list-box .ls-list:last-of-type { border:none;} .con-com-05 .ls-day { padding-left: 0.5em; display:inline-block; font-weight: 700; width: 8em;} .con-com-05 .ls-check { margin-left: auto; border:1px solid #23175d; font-size: 0.9em; position: relative; display:inline-block; vertical-align: middle; width:2.2em; height:2.2em; line-height:2.4em; color:#fff; border-radius: 2em; background:#fff; text-align: center; } .con-com-05 .ls-check span { position: relative; font-size: 0;} .con-com-05 .ls-check.check-on { background:#e73a8a; } .con-com-05 .ls-check.check-on:after { content:''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:50%; height:50%; background-position: center center; background-size: contain; 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='79px' height='53px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M32.349,52.968 C31.517,52.968 30.722,52.623 30.152,52.016 L1.112,21.032 C-0.026,19.816 0.035,17.908 1.248,16.769 C2.462,15.628 4.368,15.691 5.507,16.904 L32.338,45.532 L73.417,1.268 C74.549,0.047 76.455,-0.022 77.676,1.111 C78.895,2.245 78.965,4.154 77.832,5.374 L34.557,52.005 C33.989,52.617 33.192,52.966 32.357,52.968 C32.354,52.968 32.352,52.968 32.349,52.968 Z'/%3E%3C/svg%3E"); } .con-com-05 .dl-box-in { width:100%; padding-left: 2.2em} .con-com-05 .dl-box-01 dl { padding: 0.4em 0 0.3em 0; border-bottom: 1px solid #b8b4cb;display: flex; align-items: start;} .con-com-05 .dl-box-01 { font-size: 0.7em; padding-top: 2em; max-width: 41em; line-height: 1.3em;} .con-com-05 .dl-box-01 dd { font-size: 0.95em; padding-left: 1em; width:100%;} .con-com-05 .dl-box-01 dt { font-size:1.1em; text-align: left; min-width: 10em;} .con-com-05 .dl-box-01 .ls-img-02 { padding-right: 0.5em; } .con-com-05 .dl-box-01 dt span { /*display:inline-block;*/} .con-com-05 .dl-box-01 dt img { max-width:100%;} .con-com-05 .dl-box-01 ol { padding: 0.7em 2.7em 0.7em 0; background:#ffe9f3; position: relative;} .con-com-05 .dl-box-01 ol:after { content:''; position: absolute; width: calc(2.7em + 1px); height:100%; background:#9f9bb1; top:0; right:0;} .con-com-05 .dl-box-01 ol input[type="checkbox"] { display: none; } .con-com-05 .dl-box-01 ol input[type="checkbox"]:checked + label { color: #e73a8a!important; font-weight: 600; border: none;} .con-com-05 .dl-box-01 ol label { width: 100%; text-align: center; cursor: pointer; line-height: 1.8em; padding: 0.3em 0; position: relative;} .con-com-05 .dl-box-01 details { letter-spacing: -0.01em; text-align: center; padding-top :0.7em; width:100%;} .con-com-05 .dl-box-01 details[open] { padding-bottom: 1em;} .con-com-05 .dl-box-01 summary { position: relative; border:1px solid #8a83a9; padding: 0.6em 0;} .con-com-05 .dl-box-01 summary::marker {content:'';} .con-com-05 .dl-box-01 summary:after { content: ''; width: 2.7em; height: 100%; top: 0; position: absolute; right: 0; background-size: 0.8em auto; background-position: center center; background-repeat: no-repeat; background-color:#9f9bb1; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.996,0.001 L10.500,10.675 L0.003,0.001 L0.003,1.324 L10.500,11.999 L20.996,1.324 L20.996,0.001 Z'/%3E%3C/svg%3E");} .con-com-05 .dl-box-02 {font-size: 0.9em; color:#2e2e2e; position: relative; max-width: calc(41em - 17.6em); transform: translateX(8.5em); width:100%; flex-wrap: wrap; display:flex; justify-content: center; align-items: center;} .con-com-05 .dl-box-02 dl { border-bottom:1px solid #5c5c5c; width: 100%; line-height: 1.2em;display:flex; flex-wrap: wrap; align-items: center; position: relative; padding: 0.6em 0; } .con-com-05 .dl-box-02 dt {letter-spacing: -1px; display: block; width: 19%; max-width: 5em; flex:1; } .con-com-05 .dl-box-02 dd {text-align:left; display: block; width: 81%; flex:1;} .con-com-05 .dl-box-02 dt>span { top:4px; display:inline-block; position: relative; width: 10px;} .con-com-05 .dl-box-02 input[type=text], input[type=password], .con-com-05 .dl-box-02 textarea {border: 1px solid #7e7e7e; font-size: 0.6em; width:100%; padding: 0.5em 0.7em; } .con-com-05 .dl-box-02 input::placeholder { color:#2e2e2e; } .con-com-05 .dl-box-02 li { display: inline-block} .con-com-05 .dl-box-02 input.wd5p { text-align: center; display: inline-block; width:2.5em;} .con-com-05 .dl-box-02 .ls-info-check{width:100%; text-align: left; } .con-com-05 .dl-box-02 .ls-info-01 { font-size: 0.6em; padding: 0.7em;} .con-com-05 .dl-box-02 .ls-info-check input { margin-top: 0.3em;} .con-com-05 .dl-box-02 .ls-info-check label { display:flex; align-items: stretch; padding: 0.7em 0; width:100%; border-top:1px solid #5c5c5c; font-size: 0.7em;} .con-com-05 .dl-box-02 .ls-info-check label:nth-child(2) { border-bottom:1px solid #5c5c5c;} .con-com-05 .dl-box-02 .ls-info-check label span { display:inline-block; padding-left: 0.3em;} .con-com-05 .dl-box-02 .ls-all-check { padding-top: 1em;} .con-com-05 .dl-box-02 .ls-all-check input { width: 0.8em; height: 0.8em; margin-right: 0.2em;} .con-com-05 .ls-btn {display:flex; justify-content: center; align-items: center;} .con-com-05 .ls-btn a { background:#171c5c; border-radius: 0.7em; max-width: 30em; width:100%; font-size: 1.3em; line-height:1; display:inline-block; position: relative; padding:1.2em 0em; color:#fff;} .con-com-05 .ls-btn span { width:33.33%; display:inline-block; padding:0 0.4%;} .con-com-05 .ls-btn span:nth-child(1) a { background:#e73a8a} .con-com-05 .ls-btn a:after { width: 2em; height:1em; line-height:1; vertical-align: middle; position: relative; content:''; display:inline-block; margin-left:0.5em; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49px' height='13px'%3E%3Cdefs%3E%3Cfilter id='Filter_0'%3E%3CfeFlood flood-color='rgb(255, 255, 255)' flood-opacity='1' result='floodOut' /%3E%3CfeComposite operator='atop' in='floodOut' in2='SourceGraphic' result='compOut' /%3E%3CfeBlend mode='normal' in='compOut' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23Filter_0)'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M48.542,6.740 L47.802,7.480 L47.802,7.480 L42.621,12.661 L41.881,11.921 L46.539,7.263 L0.752,7.263 L0.752,6.217 L46.538,6.217 L41.881,1.559 L42.621,0.819 L47.802,6.000 L47.802,6.000 L48.542,6.740 Z'/%3E%3C/g%3E%3C/svg%3E");} .con-com-05 .btn-box p { padding-top:1em; font-size: 1.1em;} .con-com-05 .btn-box { padding-top: 3em;} .con-com-05 .ls-img-01 { margin:0 auto; width: 8.52em; padding-bottom: 0.5em;} .con-com-05 .ls-img-01 img { max-width: 100%;} .con-com-05 .ls-img-02 { margin:0 auto; width: 8.52em; padding-bottom: 0.5em;} .con-com-05 .ls-img-02 img { max-width: 100%;} .con-com-05 .dl-box-03 { font-size: 1.2em; color:#2e2e2e; position: relative; max-width: 25em; width:100%; margin:0 auto; flex-wrap: wrap; display:flex; justify-content: center; align-items: center;} .con-com-05 .dl-box-03 dl { border-bottom:1px solid #5c5c5c; width: 100%; line-height: 1.2em;display:flex; flex-wrap: wrap; align-items: center; position: relative; padding: 0.6em 0; } .con-com-05 .dl-box-03 dt {letter-spacing: -1px; display: block; width: 19%; text-align: left; max-width: 5em; flex:1; } .con-com-05 .dl-box-03 dd {text-align:left; display: block; width: 81%; flex:1;} .con-com-05 .dl-box-03 dt>span { top:4px; display:inline-block; position: relative; width: 10px;} .con-com-05 .dl-box-03 input[type=text], .con-com-05 .dl-box-02 textarea {border: 1px solid #7e7e7e; font-size: 0.6em; width:100%; padding: 0.5em 0.7em; } .con-com-05 .dl-box-03 input::placeholder { color:#2e2e2e; } .con-com-05 .dl-box-03 li { display: inline-block} .con-com-05 .dl-box-03 input.wd5p { text-align: center; display: inline-block; width:2.5em;} .con-com-05 .dl-box:before {z-index:-1; left:0; position: absolute; content:''; top:-1.2em; width:100%; background:#aaa5c0; height:1px;} .con-com-05 .dl-box { padding-bottom:1em; position: relative;} .ls-layer-box { z-index:50; background:rgba(0,0,0,0.75); top:0; left:0; position: fixed; width:100%; height: 100%; } .ls-layer-box .ls-layer-out { border:1px solid #000; background:#fff; width:80%; max-width:860px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);} .ls-layer-box .ls-head {border-bottom:1px solid #000; position: relative; text-align: center; display:flex; background:#e73a8a; padding-right: 3em;} .ls-layer-box .ls-head h1 { width:100%; color:#fff; padding: 0.9em 0; font-size: 1.4em; font-weight:normal;} .ls-layer-box .ls-close { position: absolute; right:0; top:0; background:#000; height:100%; width: 5em; } .ls-layer-box .ls-close a { position: relative; display: block; font-size: 0; width: 100%; height: 100%; background:#000; } .ls-layer-box .ls-close a:after { transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; content: '\2573'; font-weight: 100; color: #fff; font-size: 1.8rem; z-index: 6} .ls-layer-box .ls-layer-in { position: relative;} .ls-layer-box .ls-con-box { padding: 5% 5% 6% 5%; color:#000;} .ls-layer-box .ls-txt-01 { padding-top:1em; position: relative; font-size: 1.1em; text-align:center; } .ls-layer-box .ls-txt-01 p {padding-top: 0.5em; line-height: 1.2em; } .ls-layer-box .ls-txt-01:before { top:0; left:50%; transform: translateX(-50%); position: absolute; content:''; background:#5e5bed; height:1px; width:80%; max-width: 680px; } .ls-layer-box .ls-txt-02 { padding-top:1em; position: relative; font-size: 1.1em; } .ls-layer-box .ls-txt-02 p {padding-top: 0.5em; line-height: 1.2em; } .ls-layer-box .ls-txt-02:before { top:0; left:50%; transform: translateX(-50%); position: absolute; content:''; background:#aaa5c0; height:1px; width:80%; max-width: 680px; } .ls-layer-box .ls-img-01 { margin:0 auto; width: 8em;} .ls-layer-box .ls-img-01 img { max-width: 100%;} .ls-layer-box .ls-btn { padding-top:1em; display:flex; justify-content: center; align-items: center;} .ls-layer-box .ls-btn a { background:#23175d; border-radius: 0.7em; max-width: 30em; width:100%; font-size: 1.1em; line-height:1; display:inline-block; position: relative; padding:1em 0em; color:#fff;} .ls-layer-box .ls-btn span { width:80%; max-width: 17em; display:inline-block; padding:0 0.4%;} /*게시판*/ .board_list {} .board_list table {} .board_list table tr {} .board_list table tr th {border-top:1px solid #000; border-bottom:1px solid #000; padding:13px 0; font-weight:500; text-align:left;} .board_list table tr td {border-bottom:1px solid rgba(0,0,0,0.23); padding:13px 0; font-weight:400;} .board_list .td_subject {text-align:left; } .board_list .bsearch {float:right} .search_select { width:100px; height:60px; border:1px solid #000; } .search_input { width:400px; height:60px; border:1px solid #000; } .search_button {border:0px; background:none; position:absolute; margin-left:-40px; margin-top:15px;} .search_button img { width:30px; height:30px; } .search_qna { display:inline-block; padding:30px 20px; border:1px solid #000; line-height:0; color:#e73a8a;} /* PC 사이즈 */ @media all and (max-width : 1440px) { .scroll-page-top { right: 20px;} } @media all and (max-width : 1280px) { .container { font-size: 1.05rem;} header h1 img { height: 55px;} .scroll-box-2 { background:linear-gradient(#0f1335 35.2%, 0%, #fad5e5 100%)} .con-com-02 .con-head { font-size: 0.9em;} .con-com-02 .ls-btn a { font-size: 1.22em;} .con-com-05 .dl-box:before { top: -1.3em;} .con-com-05 .ls-btn a { font-size: 1.22em;} } /* 패드류 기본 */ @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: 70px;} header .box_inner { padding-top:0; padding-left: 20px; padding-right:20px; } header:after { display:none;} header h1 img { height: 35px; } header.menu-scroll {background-color:transparent;} .menu-scroll .nav_wrap { display:none;} .container { font-size: 0.95em;} .snb-bg { height: 280px; position: relative; } .snb-bg .ls-slide-backgrounds { width: 85%; left:auto; right:0; top: auto; bottom:0; transform: none;} .snb-bg .ls-slide-backgrounds img { height:auto;} footer { font-size: 0.6em; } .con-com-05 .dl-box-in {padding-left:0px;} .scroll-page-top { bottom: 0px;} .page-top { width: 40px; height: 40px; } .scroll-page-top { width: 40px;} .scroll-box-1 { padding-top: 70px;} .scroll-box-2 { background:linear-gradient(#0f1335 34.7%, 0%, #fad5e5 100%)} .scroll-box-5 .icons:nth-child(1) img { height: 38px; } .scroll-box-5 .icons img { height: 22px;} .scroll-box-5 .icons span { padding-top: 0em } .scroll-box-5 .icons:nth-child(1) span { padding-top: 0.5em } .scroll-box-5 .ls-box-in { padding-top: 7em;} .con-com-01 { padding-top: 70px;} .con-com-01 .com-box-01 { padding-top:1em;} .con-com-01 .ls-box-02 { font-size: 1em;} .con-com-01 .ls-box-02 { font-size: 1em;} .con-com-02>div { padding: 5%;} .con-com-02 .con-head { font-size: 0.85em;} .con-com-02 .ls-btn a { font-size: 1.2em;} .con-com-02 .dl-box-01 { max-width: 100%;} .con-com-02 .dl-box-01 .ls-img-02 { width: 4em} .con-com-02 .com-box-01 .con-img-01 { height: 15em} .con-com-02 .com-box-02 .con-img-01 { height: 15em} .con-com-02 .com-box-03 .con-img-01 { height: 15em} .con-com-02 .com-box-01 .con-img-01 img { height:100%; max-width: none; width: auto;} .con-com-02 .com-box-02 .con-img-01 img { height:100%; max-width: none; width: auto;} .con-com-02 .com-box-03 .con-img-01 img { height:100%; max-width: none; width: auto;} .con-com-03 .com-box-01 { padding: 5%;} .con-com-05 .com-box-01 { padding: 5%;} .con-com-05 .con-head { font-size: 0.85em;} .con-com-05 .ls-btn a { font-size: 1.2em;} .con-com-05 .dl-box-01 { max-width: 100%;} .con-com-05 .dl-box-01 .ls-img-02 { width: 4em} .con-com-05 .dl-box-02 { max-width: calc(100% - 8.5em);} .con-com-05 .dl-box:before { top: -1.6em;} .ls-layer-box .ls-close a:after { font-size: 1.6rem;} } @media all and (max-width : 1023px){ .container { font-size: 0.8em;} .scroll-box-2 { background:linear-gradient(#0f1335 35.3%, 0%, #fad5e5 100%)} } @media all and (max-width : 820px){ .snb li a>span span { width:100%;} .snb li a>span { flex-direction: column;} .scroll-box-2 { background:linear-gradient(#0f1335 33.9%, 0%, #fad5e5 100%)} } @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 } */ .head-line .text { padding-bottom: 100px;} .head-line .text:after { top:90px } footer .footer { font-size: 1.2em;} .footer .copy { font-size: 0.85em;} .d-md-none { display: none!important;} /* pc 용 감추기 */ .d-lg-none { display:block;} /* mobile 용 보여주기 */ .snb-title { padding-top: 70px; padding-bottom: 20px;} /* .snb-bg { height: 280px;} .snb-bg .ls-slide-backgrounds {height: 280px;} */ .snb-bg .ls-slide-texts .ls-info { padding-top:0;} .snb-bg .ls-slide-texts { top: 60%;} /* .snb-bg .ls-slide-backgrounds img {height: 320px; object-position: 75% center ;} */ .snb-bg .ls-slide-texts .ls-head { font-size: 2.3em; } .ls-tab-box { padding-top:3em;} .ls-tab-box li { min-width: 25%;} .ls-tab-box ul { flex:1;; margin-right: 0.9em} .scroll-box-1 .ls-slide-backgrounds img { max-width: 600px; width:100%;} .scroll-box-2 .box-inner .ls-txt-01 { font-size: 0.95em;} .scroll-box-2 .ls-more { font-size: 1.2em;} .scroll-box-2 .ls-day { font-size: 1.4em;} .scroll-box-2 .ls-day-st { font-size: 2em;} .scroll-box-2 .ls-title { font-size: 2em;} .scroll-box-2 .ls-btn a {font-size: 1.4em;} .scroll-box-2 .btn-box p { font-size: 1.1em;} .scroll-box-2 {background:linear-gradient(#0f1335 35.2%, 0%, #fad5e5 100%);} .scroll-box-2 .m-head h2 { font-size: 1.8em;} .scroll-box-3 .m-head h2 { font-size: 1.8em;} .scroll-box-3 .slide-btn button { width: 2rem; height: 2rem; } .scroll-box-4 .event-box { font-size: 1.1em;} .scroll-box-4 .m-head .slide-btn { font-size: 1.1em;} .scroll-box-4 .m-head h2 { font-size: 1.8em;} .scroll-box-5 .ls-box-in { padding-top: 3em;} .scroll-box-5 .icons:nth-child(1) img { height: 35px; } .scroll-box-5 .icons img { height: 18px;} .scroll-box-5 .icons ul { display:block;} .scroll-box-5 .icons li { padding-top: 1em;} .scroll-box-5 .icons li img { height:auto; max-height:40px; object-fit: contain;} .scroll-box-5 .icons:nth-child(1) img { height:auto;} .scroll-box-5 .icons:not(:nth-child(1)) img { margin-bottom:10px;} .scroll-box-5 .icons span { font-size: 1.1em;} .con-com-01 .ls-box-in {flex-direction: column;} .con-com-01 .ls-box-01 { width:100%} .con-com-01 .ls-box-02 { padding-left:0; padding-top:2em; width:100%} .con-com-01 .ls-tab-01 li { padding: 0 5px;} .con-com-01 .ls-txt-01 { font-size: 1em} .con-com-01 .ls-txt-02 { font-size: 1.7em;} .con-com-01 .ls-txt-03 { font-size: 2.1em;} .con-com-01 .ls-txt-04 { font-size: 1em; word-break: keep-all;} .con-com-01 .dl-box-01 dd { font-size: 0.85em;} .con-com-01 .ls-box-01 p { word-break:keep-all;} .con-com-01 .ls-box-02 p { word-break:keep-all;} .con-com-02>div { padding: 3em 2em 2em 2em;} .con-com-02 .ls-btn { flex-wrap: wrap;} .con-com-02 .ls-btn a{ max-width: 100%;} .con-com-02 .ls-btn span:nth-child(1) { width:100%; margin-bottom: 0.5em} .con-com-02 .ls-btn span:not(:nth-child(1)) { width: 50%;} .con-com-02 .com-box-04 .ls-btn span { width:100%;} .con-com-02 .ul-box-01 ul { flex-wrap: wrap;} .con-com-02 .ul-box-01 li { padding-bottom:1em; width: 25%} .con-com-02 .ls-table-box { overflow-x: auto;} .con-com-02 .ls-table-box table { min-width:820px; } .con-com-02 .ls-table-box td { font-size:0.95em;} .con-com-02 .con-box-01 { flex-wrap: wrap; padding-top:0;} .con-com-02 .com-box-03 .con-img-01 { max-width:none; margin-top:-6em;} .con-com-02 .com-box-02 .con-img-01 { max-width:none; margin-top:-6em;} .con-com-02 .com-box-01 .con-img-01 { max-width:none; margin-top:-6em; transform: none;} .con-com-02 .con-head {position: relative; font-size: 0.7em; padding-bottom:9em; width:100%;} .con-com-02 .com-box-04 .ls-img-01 { height: 3em; text-align: center; position: absolute; right:0; bottom:0; width:100%; top:auto;} .con-com-02 .ls-txt-02 { font-size: 1.15em; word-break: keep-all;} .con-com-02 .ls-txt-01 { font-size:1em;} .con-com-02 .ls-txt-01 p { word-break: keep-all; } .con-com-02 .con-head h3 { font-size:2.2em;} .con-com-01 .dl-box-02 dt {width:15%; } .con-com-03 .com-box-01 { padding: 2em;} .con-com-03 .ls-map { height: 30em; padding: 3em 0;} .con-com-03 .ls-map img { height:100%; width:100%; } .con-com-03 .ls-list .ls-img-01 { max-width: 4em; min-width: 4em} .con-com-03 .ls-list .ls-txt-01 { padding-left:1em; font-size: 0.8em; word-break: keep-all;} .con-com-03 .ls-list p {word-break: keep-all;} .con-com-03 .dl-box-01 { padding-top:0; font-size:1em; } .con-com-03 .dl-box-01 dt { width:20%;} .con-com-04 .com-box-01 { padding: 2em;} .con-com-05 .com-box-01 { padding: 2em;} .con-com-05 .ls-btn { flex-wrap: wrap;} .con-com-05 .ls-btn span { width: 50%;} .con-com-05 .dl-box-02 input[type=text], .con-com-05 .dl-box-02 textarea { padding-top: 0.7em; font-size: 0.95em} .con-com-05 .dl-box-02 .ls-info-01 { font-size: 0.8em;} .con-com-05 .dl-box-02 .ls-info-check label { font-size: 0.9em;} .con-com-05 .dl-box-02 .ls-all-check { font-size: 1.2em;} .con-com-05 .dl-box-02 .ls-all-check input { width: 1.2em; height:1.2em;} .con-com-05 .ls-list { flex-wrap: wrap; font-size: 1.1em} .con-com-05 .ls-title { padding-left: 2em; width:100%; padding-right:2.5em; } .con-com-05 .ls-check {position: absolute; top:50%; transform: translateY(-50%); right:0;} .con-com-05 .dl-box-01 { font-size: 0.9em;} .con-com-05 .ls-txt-01 { font-size: 1em;} .con-com-05 .dl-box-03 input[type=text], .con-com-05 .dl-box-03 textarea { padding-top: 0.7em; font-size: 0.9em} .con-com-05 .dl-box-03 { font-size: 1em;} .con-com-05 .ls-img-02 { width: 5em;} .con-com-05 .ls-img-01 { width: 7em;} .con-com-05 .dl-box:before { top: -1.3em;} .ls-layer-box .ls-txt-01 { font-size: 1em;} .ls-layer-box .ls-head h1 { font-size: 1.4em;} .ls-layer-box .ls-close a:after { font-size: 1.4rem;} .ls-layer-box .ls-img-01 { width: 6em;} /*게시판*/ .board_list {} .board_list table {} .board_list table tr {} .board_list table tr th {border-top:1px solid #000; border-bottom:1px solid #000; padding:13px 0; font-weight:500;} .board_list table tr td {border-bottom:1px solid rgba(0,0,0,0.23); padding:13px 0; font-weight:400;} .board_list .td_subject {text-align:left; } .search_select { width:60px; height:45px; border:1px solid #000; } .search_input { width:150px; height:45px; border:1px solid #000; } .search_button {border:0px; background:none; position:absolute; margin-left:-30px; margin-top:10px;} .search_button img { width:20px; height:20px; } .search_qna { display:inline-block; padding:22px 20px; border:1px solid #000; line-height:0; color:#e73a8a;} } /* 모바일사이즈 기본 */ @media all and (max-width : 699px){ } @media all and (max-width : 640px){ .scroll-box-2 .box-inner { /* max-width: 410px; */ margin:0 auto; grid-template-columns: repeat(2, 1fr)} .scroll-box-2 .box-inner .ls-list:nth-child(4) { flex-wrap: wrap; height:100%; grid-column: auto;} .scroll-box-2 .box-inner .ls-list:nth-child(4) .ls-txt-01 { margin-bottom:auto; height: auto;} .scroll-box-2 .ls-txt-01 { padding: 1.5em;} .scroll-box-2 .ls-day { font-size: 1.4em; white-space: pre-wrap;} .scroll-box-2 {background:linear-gradient(#0f1335 33.7%, 0%, #fad5e5 100%);} .con-com-02 .dl-box-01 dl { padding-top:1em; padding-bottom:1em; flex-wrap: wrap;} .con-com-02 .dl-box-01 dt { min-width: 100%;} .con-com-02 .dl-box-01 dd { padding-left:0;} .con-com-02 .ul-box-01 li { width: 33.333%} .con-com-02 .com-box-01 .con-img-01 {margin-top: -2em; height: auto; width: 90%;} .con-com-02 .com-box-01 .con-img-01 img { height: auto; width: 100%;} .con-com-02 .com-box-02 .con-img-01 {margin-top: -3em; height: auto; width: 80%;} .con-com-02 .com-box-02 .con-img-01 img { height: auto; width: 100%;} .con-com-02 .com-box-03 .con-img-01 {margin-top: -3em; height: auto; width: 80%;} .con-com-02 .com-box-03 .con-img-01 img { height: auto; width: 100%;} .con-com-03 .ls-map { height: 25em; } .con-com-05 .dl-box-02 { max-width: 100%; transform: none;} .con-com-05 .dl-box-01 dl { padding-top:1em; padding-bottom:1em; flex-wrap: wrap;} .con-com-05 .dl-box-01 dt { min-width: 100%;} .con-com-05 .dl-box-01 dd { padding-left:0;} .con-com-05 .dl-box-02 dl { padding-top:1em; padding-bottom:1em; flex-wrap: wrap;} .con-com-05 .dl-box-02 dt { min-width: 100%;} .con-com-05 .dl-box-02 dd { padding-top: 0.5em; padding-left:0;} .con-com-05 .dl-box-03 dl { padding-top:1em; padding-bottom:1em; flex-wrap: wrap;} .con-com-05 .dl-box-03 dt { min-width: 100%;} .con-com-05 .dl-box-03 dd { padding-top: 0.5em; padding-left:0;} } @media all and (max-width : 540px){ .d-sm-none { display:none;} .d-sm-view { display:block;} .ls-tab-box li br { display:block;} .scroll-box-2 .ls-btn span { display:block; width:100%; padding:0; padding-bottom: 0.5em} .scroll-box-2 .ls-btn a { width:100%;} .con-com-01 .ls-btn a { width:100%;} .con-com-01 .ls-tab-01 li { width:50%;} .con-com-02 .ls-btn span:not(:nth-child(1)) { width: 100%;margin-bottom: 0.5em; } .con-com-05 .ls-btn span { margin-bottom: 0.5em; width: 100%;} } @media all and (max-width : 375px){ .scroll-box-2 .box-inner { grid-template-columns: repeat(1, 1fr)} .scroll-box-2 {background:linear-gradient(#0f1335 42.05%, 0%, #fad5e5 100%);} } /* 스타일 작업 종료 */ /*******************************************************************************************************************/ /* 중간 레이아웃 */ /**********************************************************************************************************************/ /* 여기부터 반응형 메인 박스 스타일 적용 */ /**********************************************************************************************************************/ #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;}