+@charset "utf-8"; /*나눔고딕웹폰트로드(폰트 사용할곳에font-family:'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';추가)*/ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); @import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); @import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css"); /*400/500/600/700/800/900/950*/ @font-face {/*영문폰트*/ font-family: 'IAMAPLAYER'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/IAMAPLAYER.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HakgyoansimWoojuR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimWoojuR.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Hangeuljaemin4-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Hangeuljaemin4-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'EF_watermelonSalad'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-EF@1.0/EF_watermelonSalad.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ImcreSoojin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.3/ImcreSoojin.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OG_Renaissance_Secret-Rg'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/OG_Renaissance_Secret-Rg.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SOGANGUNIVERSITYTTF'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/SOGANGUNIVERSITYTTF.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'seolleimcool-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/seolleimcool-SemiBold.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Orbit'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/Orbit-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { ont-family: 'ONE-Mobile'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { ont-family: 'ONE-Mobile'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'GongGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'GongGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GongGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'TAEBAEKmilkyway'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/TAEBAEKmilkyway.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NEXON Lv1 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'NEXON Lv1 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'NEXON Lv1 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'KorailRoundGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KorailRoundGothicLight.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'KorailRoundGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KorailRoundGothicMedium.woff2') format('woff2'); font-weight: 500; font-style: normal; } @font-face { font-family: 'KorailRoundGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KorailRoundGothicBold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'GabiaHeuldot-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/GabiaHeuldot-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GabiaOndam-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/GabiaOndam-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GabiaCheongyeon'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/GabiaCheongyeon.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GabiaMaeumgyeol'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/GabiaMaeumgyeol.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; 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: 500; 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: 'GangwonEdu_OTFBoldA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'EarlyFontDiary'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_220508@1.0/EarlyFontDiary.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KyoboHandwriting2020A'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pretendard-Regular'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'SEBANG_Gothic_Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'twayair'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'kimgoo'; src: url('fonts/kimgoo.eot'); src: url('fonts/kimgoo.eot') format('embedded-opentype'), src: url('fonts/kimgoo.woff2') format('woff2'), url('fonts/kimgoo.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Tuesday"; src: url("fonts/Tuesday Night.eot"); src: url("fonts/Tuesday Night.eot?#iefix")format("embedded-opentype"), url("fonts/Tuesday Night.woff2")format("woff2"), url("fonts/Tuesday Night.woff")format("woff"), url("fonts/Tuesday Night.ttf")format("truetype"), url("fonts/Tuesday Night.svg#Tuesday Night Regular")format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'munche_seuki_jung'; src: url('moon_font/munche_seuki_jung.woff2') format('woff2'), url('moon_font/munche_seuki_jung.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'munche_seuki_heulim'; src: url('moon_font/munche_seuki_heulim.woff2') format('woff2'), url('moon_font/munche_seuki_heulim.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'munche_gung_jungja'; src: url('moon_font/munche_gung_jungja.woff2') format('woff2'), url('moon_font/munche_gung_jungja.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'munche_gung_heulim'; src: url('moon_font/munche_gung_heulim.woff2') format('woff2'), url('moon_font/munche_gung_heulim.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face{ font-family: "Avenir"; font-style: normal; font-weight: 300; src: url('avenir/AvenirNext-Regular.woff') format("woff"), } @font-face { font-family: 'Drugs Regular'; font-style: normal; font-weight: normal; src: url('fonts/Drugs.woff') format('woff'); } @font-face { font-family: 'KT&G SangSangBody L'; src: url('fonts/SangSangBodyL.eot'); src: url('fonts/SangSangBodyL.eot') format('embedded-opentype'), url('fonts/SangSangBodyL.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KT&G SangSangTitleB'; src: url('fonts/SangSangTitleB.eot'); src: url('fonts/SangSangTitleB.eot') format('embedded-opentype'), url('fonts/SangSangTitleB.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KT&G SangSangBody M'; src: url('fonts/SangSangBodyM.eot'); src: url('fonts/SangSangBodyM.eot') format('embedded-opentype'), url('fonts/SangSangBodyM.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KT&G SangSangTitleM'; src: url('fonts/SangSangTitleM.eot'); src: url('fonts/SangSangTitleM.eot') format('embedded-opentype'), url('fonts/SangSangTitleM.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lc_lightbox'; src:url('fonts/lc_lightbox.eot'); src:url('fonts/lc_lightbox.eot') format('embedded-opentype'), url('fonts/lc_lightbox.woff') format('woff'), url('fonts/lc_lightbox.ttf') format('truetype'), url('fonts/lc_lightbox.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NanumBarunGothic'; src: url('fonts/NanumBarunGothic.eot'); src: url('fonts/NanumBarunGothic.eot') format('embedded-opentype'), url('fonts/NanumBarunGothic.woff') format('woff');} @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'munche_seuki_jung'; src: url('moon_font/munche_seuki_jung.woff2') format('woff2'), url('moon_font/munche_seuki_jung.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'munche_seuki_heulim'; src: url('moon_font/munche_seuki_heulim.woff2') format('woff2'), url('moon_font/munche_seuki_heulim.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'munche_gung_jungja'; src: url('moon_font/munche_gung_jungja.woff2') format('woff2'), url('moon_font/munche_gung_jungja.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'munche_gung_heulim'; src: url('moon_font/munche_gung_heulim.woff2') format('woff2'), url('moon_font/munche_gung_heulim.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Drugs Regular'; font-style: normal; font-weight: normal; src: url('fonts/Drugs.woff') format('woff'); } @font-face { font-family: 'KT&G SangSangBody L'; src: url('fonts/SangSangBodyL.eot'); src: url('fonts/SangSangBodyL.eot') format('embedded-opentype'), url('fonts/SangSangBodyL.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KT&G SangSangTitleB'; src: url('fonts/SangSangTitleB.eot'); src: url('fonts/SangSangTitleB.eot') format('embedded-opentype'), url('fonts/SangSangTitleB.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KT&G SangSangBody M'; src: url('fonts/SangSangBodyM.eot'); src: url('fonts/SangSangBodyM.eot') format('embedded-opentype'), url('fonts/SangSangBodyM.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KT&G SangSangTitleM'; src: url('fonts/SangSangTitleM.eot'); src: url('fonts/SangSangTitleM.eot') format('embedded-opentype'), url('fonts/SangSangTitleM.woff') format('woff'); font-weight: normal; font-style: normal; } /* 초기화 */ html {overflow-y:scroll;width:100%;font-weight: 300;text-rendering: optimizeLegibility;} body {margin:0;padding:0;font-size:1em; font-family: 'GongGothic'; ;background:#fff;width:100%;;text-rendering: optimizeLegibility;/* font-family: 'Pretendard','Noto Sans KR', 'Noto Sans Korean', sans-serif; letter-spacing: -0.02em;*/ } html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {; font-family: 'GongGothic';font-weight: 300; word-break: keep-all;} h1{font-size:30px} h2{font-size:25px} h3{font-size:20px} h4{font-size:15px} h5{font-size:12px} h6{font-size:10px} .Big_Font{font-size:40px !important;} .Font_Red{color:#d12121 !important;} .Font_Blue{color:#0f60a1 !important;} .Font_SkyBlue{color:#71bdfa !important;} .Font_Green{color:#56d38e !important;} .Font_Purple{color:#8e37df !important;} .Font_Orange{color:#f1782f !important;} .Font_Gray{color:#9a9a9a !important;} .Font_Black{color:#222 !important;} .Brand_Color{color:#0052a4 !important;} i{font-style: normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul, dl,dt,dd {margin:0;padding:0;list-style:none} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle;font-size:1em} input, button {margin:0;padding:0; font-family: 'GongGothic';font-size:1em} input[type="submit"] {cursor:pointer} button {cursor:pointer} textarea, select { font-family: 'GongGothic';font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input[type=text],input[type=password], textarea { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow:0 0 5px #9ed4ff; -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important; } .placeholdersjs {color:#aaa !important} /* 레이아웃 크기 지정 */ #hd, #wrapper, #ft {min-width:1200px;margin: 0 auto;} #hd_pop, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1200px;margin: 0 auto;} /* 팝업레이어 */ #hd_pop {z-index:9999;position:absolute;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;cursor:move;} .hd_pops img{max-width:100%} .hd_pops_con {} .hd_pops_footer {padding:10px 0;background:#33353E;color:#A39B97;text-align:right} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#33353E;color:#A39B97} .hd_pops_footer button:hover {color:#eee;} .hd_pops_footer .hd_pops_reject{background:#33353E;text-align:left; margin-left:10px;} .hd_pops_footer .hd_pops_close{background:#33353E;margin-right:0px; margin-right:10px;} /* 상단 레이아웃 */ .hd_wrapper{width:100%} /*border-image: linear-gradient(to right, #f60114 , #689ece, #231916) 1*/;#header{width:100%;padding:0px;position:relative;top:0;left:0%;border-top: 4px solid #1e9b97 ; } /* .slider-content .vertical-center::before, .slider-content .vertical-center::after { content: ""; border: 5px solid #136ca4; border-bottom-style: solid; border-bottom-width: 5px; opacity: 1; position: absolute; left: 150px; width: 350px; height: 80px; } .slider-content .vertical-center::before { bottom: 90%; border-bottom: 0; } .slider-content .vertical-center::after { top: 190px; border-top: 0; } */ /* 중간 레이아웃 */ #wrapper {width:100%;} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} #container_wr {margin:0 auto;height:100%;zoom:1} #floatMenu { position: fixed; width: 80px; height: auto; right: 00px; bottom: 10%; background-color: transparent; z-index:9999999; padding:10px 0; } #floatMenu > ul > li{width:100%;;padding:10px 0;; overflow:hidden;;;} #floatMenu > ul > li > a{display:block;width:100%;border-radius:12px 0 0 12px} /* #floatMenu > ul > li:nth-child(1) > a{background:#fae100 ;} #floatMenu > ul > li:nth-child(2) > a{background:#40b449;} #floatMenu > ul > li:nth-child(3) > a{background:#008e98 ;} #floatMenu > ul > li:nth-child(4) > a{background:#279df5 ;}*/ #floatMenu > ul > li > a img{width:100%;;padding:0 0px;display:inline-block} #floatMenu > ul > li > a > span{font-weight:400;font-size:13px;padding:5px;text-align:center;display:none} .Ban_Section{width:100%;position:absolute;bottom:5%;left:0;flex-wrap: wrap; display: flex; align-items: stretch;z-index:9999;} .Ban_Section>div{width:25%;padding:10px;} .Ban_Section>div>a{display:block;width:100%;} .Ban_Section>div>a>img{width:100%;} .Tel_Section{width:auto;position:absolute;right:2%;top:-0%;z-index:9999;} .Tel_Section>span{ display: inline-block; position: absolute; top: 30px; left: -100px; transform: rotate(90deg); -webkit-transform: rotate(90deg); padding:10px; } .Tel_Section>span>a{display:block;width:100%;padding: 10px 20px; background: #0c569f;} .Tel_Section>span>a>h3{color: #fff;font-family: 'Raleway';font-weight:200;font-size:18px} .Tel_Section>h1{color: #222; padding: 8px 10px 0px 10px; font-weight: 300; font-family: 'Raleway'; font-size: 3.5em;} .Tel_Section>h1>a{display:block;width:100%;;color: #222;} .Tel_Section>ul:after{clear:both;content:'';display:block} .Tel_Section>ul>li{position: relative; float: left; padding: 0 11px; padding-left: 11px; ;} /* .Tel_Section>ul>li:first-child::after { content: ""; position: absolute; opacity: 0.3; top: 50%; right: 0; width: 1px; height: 16px; margin-top: -9px; background: #fff; } */ .Tel_Section>ul{padding:10px 0} .Tel_Section>ul>li>a>h3{/*color: #baa862;*/color:#fff;font-weight:400;letter-spacing:0px;;padding:0 10px; font-family: 'Raleway';font-size: 18px;} .Section_Text { width: 100%; padding: 30px; line-height: 1.55; } .Section_Text > h1 { text-align: center; letter-spacing: 2px; font-family: 'Raleway', sans-serif; font-size:2.5em; font-weight:400 } .Section_Text > h5 { font-weight: 300; color: #555; text-align: center; letter-spacing: 1px; font-size:13px; } .In_Content{width:1200px; margin:0 auto} .In_Content_2{width:1400px; margin:0 auto} .In_Content_3{width:1600px; margin:0 auto} .Center_Text{position:relative;width:100%;padding:0px;} .Center_Text>h2{text-align:center;padding:5px; font-family: "Tuesday";;font-weight:400;color:#aaa ;font-size:3em} .Center_Text>h4{text-align:center;padding:5px;;font-weight:300; ;line-height:1.5;color:#999} .Center_Text>h5{ padding:5px;;font-family: "KyoboHandwriting2020A" !important;color:#aaa; line-height:1.5;text-align:center;font-weight:200} .Center_Text>h3{text-align:center;padding:10px;font-weight:400;font-size:2.5em;line-height:1.85;color:#2066a8}/* .Center_Text::after{ content: ''; clear: both; display: block; width: 1px; height: 55px; background-color: rgba(200, 200, 200, 0.8); margin: 0 auto; transform: scaleY(1); transition: 1.2s; transition-delay: 0s; transition-delay: 0s; transition-delay: 0s; transform-origin: top; transition-delay: 0.6s; position: absolute; left: 50%; bottom: -15%; }*/ #Svg_Sp_Text {position: absolute; bottom: 0%; left: 0%; transform: translate(-0%, 0); display: block; width: 100%; z-index: 10; opacity: 1;} #Svg_Sp_Text text {position:relative; top:10px; font-size:82px; line-height:1;font-weight: 700; } .Special_Section{width:100%;background: #000;height:800px;position:relative;display:table;} .Special_Section>div{width:1100px;margin:0 auto;position:relative;z-index:95;display:table-cell;vertical-align:middle} .Inner_Sec_Sp{width:100%; margin:0 auto;} .Special_Section::before{ content: ''; width: 65%;; height: 100%; background: #212620; position: absolute; top: 0; left: -10%; z-index: 1; transform: skew(10deg); } .Special_Section::after{ content: ''; width: 50%; height: 100%; background: url('../img/Special_Section_Bg.jpg') no-repeat left -15% center; background-size: auto; position: absolute; top: 0; right: 0; background-size: cover; opacity:1; } .Special_Text{width:100%;padding:20px 0} .Special_Text>h4{color:#fff;font-weight:300;padding:5px 20px} .Special_Text>h1{color:#fff;font-weight:500;padding:5px 10px;font-size: 4em;} .Special_Text>h3{color:#dfdfdf;font-weight:300;padding:10px 10px;line-height:1.55} .Special_Icon{width:60%;;padding:20px 0} .Special_Icon>ul{width:100%;display: flex; align-items: center; flex-wrap: wrap;justify-content: center;} .Special_Icon>ul>li{width:calc(100% / 4);padding:10px;} .Special_Icon>ul>li>dl>dt>img{width:35%;margin:0 auto} .Special_Icon>ul>li>dl>dd{width:100%;padding:10px;} .Special_Icon>ul>li>dl>dd>h4{font-weight:300;padding:3px;text-align:center;color:#549beb} .Special_Icon>ul>li>dl>dd>h2{font-weight:300;padding:3px;text-align:center;color:#549beb} .Special_Icon>ul>li>div{padding:10px;border-radius:8px;background: #549beb;} .Special_Icon>ul>li>div>h3{text-align:center;padding:10px;color:#fff} .Big_Main_Text{width:100%;position:relative;top:0;padding:70px} .Big_Main_Text>h1{position:absolute;right:2.5%;top:0;color: rgba(0,0,0,0.15);;font-weight:500;font-size:170px;letter-spacing:5px} .F_Box_Im{width:100%;padding:30px 20px;position:relative; display:flex;flex-wrap: wrap;align-items: stretch;justify-content: center; } /*.F_Box_Im::after{z-index:-1;position:absolute;bottom:0;width:100% ;height:50%;background:#e0dcd6;clear:both;content:'';display:block}*/ .F_Box_Im>ul:after{clear:both;content:'';display:block} .F_Box_Im>ul{width:80%;margin:0px auto 0;display:flex;flex-wrap: wrap;align-items: stretch;justify-content: center; } .F_Box_Im>ul>li{width:25%;;padding:10px;} .F_Box_Im>ul>li>a{display:block;width:100%;position:relative;} .F_Box_Im>ul>li>a img{width:100%} .Big_Num{width:100%;position:absolute;top:-6%;left:-9%;display:none !important} .Big_Num>h1{font-weight:500;font-size:4em;color:#111; -webkit-text-stroke: 2px #fff;text-stroke: 2px #fff;} div.Te_Box_F{width: 100%; z-index: 2; position: relative; padding: 0px; bottom: -0%; left: -0%; background: #fff;border: 1px solid #999;border-top:0; min-height: 140px;} div.Te_Box_F>h1{padding: 15px 20px; text-align: left; color: #000; font-size: 20px;;font-weight:300;} div.Te_Box_F>h5{padding:4px 20px;font-weight:300;text-align:left;color:#fff;background:#234e8a;font-size:11px;} div.Te_Box_F>h4{padding:5px 15px 0px;text-align:left;color:#444;line-height:1.55;;font-weight:300;font-size:13px} .Card_Bx{ position:relative; top:0; left:0; /*-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%) ; -ms-transform: translate(-50%,-50%) ; -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);*/ border-radius:15px; box-shadow:0 2px 5px rgba(0,0,0,0.3); overflow:hidden; } .Img_Bx{position:relative;left:0;top:0;;width:100%;height:100%; transition:0.5s; z-index:2; } .Img_Bx img{ transition:0.5s;width:100%; } /* .Card_Bx:hover .Img_Bx img{opacity:0.5;}*/ .Card_Detail{ position:relative; bottom:0;left:0;background:#fff; z-index:1;width:100%;height:auto;transition:0.5s; } .Card_Detail h2{;text-align:center;padding:20px 10px 5px;font-size:18px;} .Card_Detail h4{color:#777;font-weight:300;text-align:center;font-size:13px; padding:5px 10px;line-height:1.66} /* .Card_Bx:hover .Card_Detail{height:70px;} .Card_Bx:hover .Img_Bx{-webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -ms-transform:translateY(-70px) ; -o-transform: translateY(-70px); transform: translateY(-70px);} */ /*슬라이드 버튼*/ #service211 .owl-nav{position: absolute; position: absolute; top: -6%; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; width: auto; right: auto; left: 5px; display:block !important; } #service211 .owl-nav [class*="owl-"] { color: #333; font-size: 18px; margin: px; padding: 10px 11px; background: transparent; display: inline-block; cursor: pointer; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; opacity: 1; width: 50px; height: 50px; border: 1px solid #777; } #service211 .owl-nav>div{ -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;} #service211 .owl-nav>div>i{-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;} #service211 .owl-nav [class*="owl-"]:hover {background:#1e9b97;} #service211 .owl-nav [class*="owl-"]:hover > i{color:#fff;} #service211 .owl-nav .owl-prev { position: absolute; right: auto; left: 0; } #service211 .owl-nav .owl-next { position: absolute; right: auto; left: 60px; } .About_Text{width:100%;padding:0px;position:relative;left:0;top:0%;padding:10px;} .About_Text>h1{font-weight: 700;text-align:center;color:#444;padding:5px;} .About_Text>h3{font-weight: 300;text-align:center;color:#666;padding:5px;} .About_Text>h4{font-weight: 300;text-align:center;color:#888;padding:5px;line-height: 1.55;} .animateme { transition:1.2s; } .Shadow_Bg{width:35%;position:absolute;right:5%;top:-5%;z-index:-1;} .Shadow_Bg img{width:100%;opacity:0.3 !important} .Detail_Business{width:100%;padding: 30px 0px 50px;position:relative;top:0;left:0} .Detail_Business>.Inner_Business{width:80%;margin:0 auto;display:flex;flex-wrap: wrap;align-items: stretch} .Detail_Business>.Inner_Business>div{width:14.2%;padding:10px;transition:0.5s} .Detail_Business>.Inner_Business>div>a{display:block;width:100%;transition:0.5s} .Detail_Business>.Inner_Business>div>a>img{width:100%;transition:0.5s;} .Detail_Business>.Inner_Business>div>a:hover > img{transform:scale(1.5)} .Detail_Business>.Inner_Business:hover > div{filter:blur(5px);transform:scale(0.7)} .Detail_Business>.Inner_Business>div:hover {filter:blur(0px);transform:scale(1)} .Detail_Business::after{z-index:-1;position:absolute;bottom:0;width:100% ;height:50%;background:#e0dcd6;clear:both;content:'';display:block} /* Section_2 */ .Section_2{width: 100%;min-height: 714px;;position: relative;background:url(../img/Section_Bg_2.png) no-repeat center center / cover;} .Section_2::after { z-index: -1; position: absolute; bottom: 0; width: 100%; height: 50%; background: #e0dcd6; clear: both; content: ''; display: block; } .Section_2 .Section_2_Inner{display: flex;flex-wrap: wrap; min-height: 100%;}/* .Section_2 .Section_2_Inner::after{content: ''; width: 508px; height: 175px; position: absolute; left: -20px; bottom: -20px; background: url(../img/.png) no-repeat center center / 100%;}*/ .Section_2 .S2_txt{width: 40%; padding: 95px 20px 95px 20px;min-height: 100%;} .Section_2 .S2_txt .Section_2_Top h3{ font-size: 3rem; color: #3a2721;padding:10px;} .Section_2 .S2_txt .Section_2_Top h3 span{font-weight: 600;} .Section_2 .S2_txt .Section_2_Top h4{padding:10px;line-height:1.5} .Section_2 .S2_txt .Section_2_Top p{ font-size: 2.2rem; color: #3a2721; opacity: 0.7; margin-top: 30px; line-height: 1.6em; word-break: keep-all; transform: rotate(0.3deg)} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tab{display: flex;flex-wrap: wrap; align-items: center; margin-top: 80px; margin-bottom: 55px;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tab li{;cursor: pointer; font-size: 1.2rem; color: #9f7d73;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tab li.on{color: #5e1616; border-bottom: 2px solid #5e1616;color: #5e1616; border-bottom: 2px solid #5e1616; line-height: 1.8; font-weight: bold;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tab span{display: inline-block; margin: 0 15px; color: #bfbdbd; font-size: 3.2rem;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Box{position: relative; width: 100%;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tabcontent{visibility: hidden; position: absolute; z-index: -2; opacity: 0; top: 0; transition: .5s; width: 100%;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tabcontent_1{visibility: hidden; position: absolute; z-index: -2; opacity: 0; top: 0; transition: .5s; width: 100%;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tabcontent.on{visibility: visible; z-index: 1; opacity: 1;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tabcontent_1.on{visibility: visible; z-index: 1; opacity: 1;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Box{width: 100%;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Box p{font-size: 1rem; color: #3a2721; line-height: 2em; border-bottom: 1px dashed #e4dad9;padding:0 0 20px} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Box p span{} .Section_2 .Section_2_Tabcontent_Img{width: 60%; position: relative; background-color: #fff;} .Section_2 .Section_2_Tabcontent_Img .Section_2_Tabcontent{position: absolute; top: 0; opacity: 0; z-index: -1; transition: .2s;} .Section_2 .Section_2_Tabcontent_Img .Section_2_Tabcontent_1{position: absolute; top: 0; opacity: 0; z-index: -1; transition: .2s;} .Section_2 .Section_2_Tabcontent_Img .Section_2_Tabcontent.Img_Active{opacity: 1; z-index: 1; transition: .2s;} .Section_2 .Section_2_Tabcontent_Img .Section_2_Tabcontent_1.Img_Active{opacity: 1; z-index: 1; transition: .2s;} #Section_News{width:100%;padding:0px 0;} #Section_News>dl{width:100%;display:flex;flex-wrap: wrap;align-items: stretch;padding:00px;} #Section_News>dl>dt{width:30%;display:table;} #Section_News>dl>dt>div{width:100%;display:table-cell;vertical-align:middle;padding: 45px;} #Section_News>dl>dt>div>h1{padding:5px 10px;color:#0a0a0a;font-weight: 800;text-align:right;font-size:3em;} #Section_News>dl>dt>div>h3{padding:5px 10px;;color:#333;font-weight: 300;text-align:right;font-size:2em;} #Section_News>dl>dd{width:70%;} .Cs_SecBg{width:100%;padding:0 0px;background:url(../img/Bo_Bg.jpg) no-repeat;background-attachment: fixed;;background-position: center center;-webkit-background-size: cover; background-size: cover;position:relative;height:550px;} .Cs_SecBg::before{width:100%;height:100%;background: rgba(23,40,65,0.3); position:absolute;left:0;top:0;content:'';display:block;clear:both;z-index:1} .Cs_SecBg::after{clear:both;content:'';display:block} .Cs_SecBg>ul::after{clear:both;content:'';display:block;} .Cs_SecBg>ul{width:85%;float:right;height:100%;position:relative;z-index:5} .Cs_SecBg>ul>li{float:left;padding:10px;} .Cs_SecBg>ul>li:nth-child(1){width:45%;float:left;} .Cs_SecBg>ul>li:nth-child(2){width:55%;float:right;position:relative;;height:100%} .Tex_Sec_T{padding:150px 30px 0} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>h1{color:#fff;font-family: 'Raleway', sans-serif; font-weight:900;padding:10px;font-size:4.5em} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>h4{color:#fff;line-height:1.65;padding:10px;font-weight:400} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span{display:inline-block;padding:10px;position:relative;margin: 40px 0;} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span>a{display:block;position:relative;color:#fff} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span>a::after{clear:both;content:'';display:block;width:250px;height:30px; background:url(../img/main_btn.png) no-repeat 0 -15px; } .Cs_SecBg>ul>li:nth-child(2)>div{width:100%;background:rgba(0,0,0,0.5);position:absolute;bottom:0;right:0;height:50%;padding:50px} .Cs_SecBg>ul>li:nth-child(2)>div>h3{padding:10px} .Cs_SecBg>ul>li:nth-child(2)>div>h3>strong{font-weight:600;color:#fff;font-family: 'Raleway', sans-serif;font-weight:800} .Cs_SecBg>ul>li:nth-child(2)>div>h3>span{font-weight:400;color:#fff} .loca_section{width:100%;padding:30px;background:#5c5f66;} .loca_section>ul{width:1200px ; margin:0 auto} .loca_section>ul:after{clear:both;content:'';display:block;} .loca_section>ul>li:nth-child(1){width:65%;float:left;padding:15px} .loca_section>ul>li:nth-child(2){width:35%;float:right;padding:15px} .loca_section>ul>li:nth-child(1)>dl:after{clear:both;content:'';display:block;} .loca_section>ul>li:nth-child(1)>dl>dt{width:60%;float:left;padding:0 15px} .loca_section>ul>li:nth-child(1)>dl>dd>h3{color:#fff;padding:5px;line-height:1.55} .loca_section>ul>li:nth-child(1)>dl>dd>h4{color:#fff;padding:5px;line-height:1.55} .loca_section>ul>li:nth-child(1)>dl>dd{width:40%;float:left;padding:0px 15px} .loca_section>ul>li:nth-child(1)>dl{border-right:1px solid #cecece;width:100%} .loca_section>ul>li:nth-child(2)>h1{position:relative;padding:5px 10px;color:#fff;line-height:1.55;text-align:right;} .loca_section>ul>li:nth-child(2)>h1>span{position: absolute; top: -50%; right: 35%; font-size: 3em;color:#fff;opacity:0.6;text-align:right;} .loca_section>ul>li:nth-child(2)>h1>b{font-size:1.35em;font-weight:800;text-align:right;} .loca_section>ul>li:nth-child(2)>h2{padding:10px 5px;color:#fff;text-align:right;} .loca_section>ul>li:nth-child(2)>h4{padding:5px;color:#fff;font-weight: 200;;text-align:right;} .loca_section>ul>li:nth-child(2)>h3{padding:5px;color:#fff;font-weight: 200;;text-align:right;} .First_Section{width:100%;padding:100px 30px;background:url(../img/bg.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover;position:relative;} .First_Section>div.section_IT{width:1500px; margin:0 auto;} .section_IT::after{clear:both;content:'';display:block} .Img_Se{width:50%;float:left;padding:30px} .Img_Se>img{width:100%} .Txt_Se{width:50%;float:left;;;;padding:60px 30px} .Txt_Se h1{font-weight:bold;padding:20px 10px;font-family: 'Raleway'; font-weight:600;font-size:2.5em;line-height: 1.2;color:#003198} .Txt_Se h1 small{font-weight:200} .Txt_Se h3{line-height:1.75em;padding:10px;font-weight:200} .Txt_Se h1 small { font-weight: 200; font-size:40%; } @keyframes rota { 0% { -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); } 100% { -webkit-transform:rotateZ(-360deg); transform:rotateZ(-360deg); } } @keyframes rota2 { 0% { -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); } 100% { -webkit-transform:rotateZ(360deg); transform:rotateZ(360deg); } } .Main_Text_Ar{width:100%;padding:30px 30px 60px 30px;} .Main_Text_Ar>.Mlogo{width:200px;margin:0 auto} .Main_Text_Ar>.Mlogo>img{max-width:100%;margin:0 auto} .Main_Text_Ar>h1{padding:10px 5px;color:#555;font-weight:600;;text-align:center; font-family: 'Poppins' !important;;letter-spacing:5px;font-size:3em} .Main_Text_Ar>h1>span{ color:#e15b55} .Main_Text_Ar>h3{padding:10px 5px;font-weight: 300;text-align:center;font-size:2em;} .Main_Text_Ar>h4{padding:10px 5px;font-weight: 300;line-height:1.65;text-align:center;color:#777;font-size:1.25em} .Animation_view{ position: relative; width: 100%; margin: 0 auto; z-index: 5; overflow:hidden; padding:0px; } .Top_T_In{ padding-left: 0%; position: relative; display: block; margin: 10px 0 10px 0px; text-align: center; max-width: 100%; width: 1200px; } .Top_T_In::before { content: ""; width: 0; max-width: 311px; height: 6px; display: inline-block; position: absolute; left: 0; top: 40%; background: linear-gradient(0.4turn, #004083 0%, #00aeef 50%, #00aeef 100%); transition: width .8s; display:none; } .Top_T_In::before { width: 24%; } .Top_T_In h1 { display: inline-block; font-size: 38px; color: #000; font-weight: normal; line-height:55px; text-align:left; padding:10px; } .Top_T_In h4 { text-align: center;padding:10px;} .Top_T_In h1 small{font-size:50%;color:#aaa} .Top_T_In h1 { opacity: 1; transform: translateX(0px); transition: all .8s .5s ease; } .Top_T_In h1 b{ color:#2177ad; font-family: 'GongGothic';;;} .Bg_Box_Section{width:100%;position:relative;top:0;height:90vh; background:url(../img/int_ban.jpg) center bottom no-repeat;opacity:1; /*animation: bgch 5s linear infinite forwards;*/} /*.Bg_Box_Section::before{background:rgba(0,0,0,0.5);width:100%; height:100%;position:absolute;clear:both;content:'';display:block; animation: bgch 15s linear infinite forwards;}*/ .Hea_Te_xt{width:90%;height:auto;padding:10px 75px;float:none;display:table;position:absolute;left:5%;top:10%;} .Hea_Te_xt>dl{width:100%;margin:0 ;display:table-cell;vertical-align:middle;} .Hea_Te_xt>dl>dt>h1{padding:10px 20px;font-weight:200;font-size:3em;font-family: 'Jura', sans-serif;;;color:#fff} .Hea_Te_xt>dl>dd>h4{padding:10px 20px;line-height:1.75;font-weight:400;color:#fff} .Bg_Box_Section ul{width:100%;float:none;padding:0px 0;height:100%;} .Bg_Box_Section ul > li{;display:table;;width:calc(100% / 3);float:left;padding:50px 0; border-left:1px solid rgba(255,255,255,0.35);height:100%;position:relative;} .Bg_Box_Section ul > li:before{} .Bg_Box_Section ul > li::after{width:100%;height:100%;background:url(../img/li_bg.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover;opacity:0;-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;display:block;content:'';display:block;position:absolute;left:0;top:0;z-index:1} .Bg_Box_Section ul > li > a{display:table-cell;vertical-align:middle;width:100%;z-index:10;position:relative} .Bg_Box_Section ul > li:hover::after{opacity:1} .Bg_Box_Section ul > li > a > div{display:block; vertical-align:bottom;position:relative;z-index:3;padding:100px} .Bg_Box_Section ul > li > a > div > h1{font-size:22px;color:#fff;text-align:left;padding:10px 20px;position:} .Bg_Box_Section ul > li > a > div > h4{color:#fff;text-align:left;padding:10px 10px;line-height:1.65em;font-size:14px} .Bg_Box_Section ul > li > a > div > h3{display:inline-block;color:#fff;text-align:left;padding:10px 20px;line-height:1.65em;position:relative;font-size:15px;font-weight:200} .b_img{width:120px; padding:10px !important;;display:block !important} .b_img img{width:70% !important} .Bg_Box_Section ul > li > a > div > h3.T_span{font-weight: 300;font-family: 'Poppins', sans-serif;} .Bg_Box_Section ul > li > a > div > h3.T_span::after { clear: both; content: ''; display: block; width: 40px; height: 40px; border-radius: 100%; background: rgba(255,255,255,0.2); position: absolute; right: -3px; top: 50%; transform: translateY(-50%); z-index: -1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a:hover h3.T_span::after { clear: both; content: ''; display: block; width: 40px; height: 40px; border-radius: 100%; background: rgba(75,161,219,1); position: absolute; right: -3px; top: 50%; transform: translateY(-50%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div > h3.T_span > span::after { clear: both; content: ''; display: inline-block; width: 30px; height: 10px; margin-left: 5px; position: relative; background: url("../img/m_ar.png") no-repeat right center; z-index: 2; } .Bg_Box_Section ul > li > a > div::before{clear: both; content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; background: rgb(28, 122, 202); position: absolute; left: -5px; top: 30%; transform: translateY(-30%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div::after{clear: both; content: ''; display: block; width: 30px; height: 30px; border-radius: 100%; background: rgb(28, 122, 202,0.5); position: absolute; left: -15px; top: 29%; transform: translateY(-30%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div > span{;padding:20px;display: block; text-align: center;margin:0 auto} .Bg_Box_Section ul > li > a > div > span a{ text-align: center;;display:block;color:#fff;text-align:center; font-family: 'Poppins', sans-serif;} .Bg_Box_Section>ul>li::first-child>a>div::before{clear: both; content: ''; display: none !important; width: 0px !important; height: 0px !important; border-radius: 100%; background: rgb(28, 122, 202); position: absolute; left: -5px; top: 30%; transform: translateY(-30%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section>ul>li::first-child>a>div::after{clear: both; content: ''; display: none !important; width: 0px !important; height: 0px !important; border-radius: 100%; background: rgb(28, 122, 202,0.5); position: absolute; left: -15px; top: 29%; transform: translateY(-30%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Ban_link{width:100%;padding:0 20px;background: #ffb808;} .Ban_link>a{width:1200px; margin:0 auto;display:block} .Ban_link>a>img{width:100%;} .Animation_view::before { left: 47px; top: 0px; width: 1579px; height: 1501px; border: 1px solid #f2f2f2; border-radius: 50%; position: absolute; z-index: -2; content: ""; } .Animation_view::after { right: -144px; top: 0px; width: 1046px; height: 994px; border: 1px solid #f2f2f2; border-radius: 50%; position: absolute; z-index: -2; content: ""; } .Animation_view::before { opacity: 1; animation: bgAni1 4s linear infinite alternate; transition: 1s; } .Animation_view::after { opacity: 1; animation: bgAni2 5s linear infinite alternate; transition: 1s; } @keyframes bgAni1{ 0% {transform:translateY(0px);} 100% {transform:translateY(30px);} } @keyframes bgAni2{ 0% {transform:translateY(0px);} 100% {transform:translateY(-30px);} } @keyframes rota { 0% { -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); } 100% { -webkit-transform:rotateZ(-360deg); transform:rotateZ(-360deg); } } @keyframes rota2 { 0% { -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); } 100% { -webkit-transform:rotateZ(360deg); transform:rotateZ(360deg); } } #Section_1{width:100%;position:relative;top:0;left:0;padding:50px} #Section_2{width:100%;position:relative;top:0;left:0;padding: 7.5% 0; text-align: center; overflow: hidden;} #Section_3{width:100%;position:relative;top:0;left:0} #Section_4{width:100%;position:relative;top:0;left:0} #Section_5{width:100%;position:relative;top:0;left:0} #Section_1::after,#Section_3::after,#Section_5::after { content: ""; position: absolute; left: 0; bottom: 0%; width: 100%; height: 50%; display: block; background: #0c0c0c; z-index: -2; } .Main_Last { width: 100%; padding: 30px; position: relative; background:#f1f3f2; } .Main_Last > ul { width: 100%; margin: 0 auto; } .Main_Last > ul > li:first-child { width: 25%; float: left; padding: 10px; } .Main_Last > ul > li:last-child { width: 73%; float: right; padding:10px 10px; } .Main_Last ul li:first-child div { padding: 50px 10px 10px; width: 100%; margin-left: 30%; } .Main_Last ul li:first-child div h1 { padding: 10px 10px 10px 10px; color: #333; text-align: left; line-height:1.45em; } .Main_Last ul li:first-child div h4 { padding: 10px 10px 10px 10px; color: #666; text-align: left; line-height:1.5em; } .Main_Last ul li:first-child div a { width: 200px; margin: 20px 0; padding: 15px 20px; border-radius: 35px; background: #698cb1; color: #fff; display: block;text-align: center; } .Main_Last ul::after{clear:both;content:'';display:block} .Bg_Intro{width:100%;padding:100px;background:url(../img/int_ban.jpg) no-repeat center;-webkit-background-size: cover; background-size: cover;position:relative;min-height:700px;} .Text_Wrap{position:absolute;top:30%;left:10%;} .Text_Wrap>h1{color:#fff;font-weight:700;padding:10px;line-height:1.25;font-size:2.7em} .Text_Wrap>h5{color:#fff;font-weight:300;padding:10px;line-height:1.25} .Text_Wrap>h4{color:#fff;font-weight:300;padding:10px;line-height:1.25} .Text_Wrap>h3{color:#fff;font-weight:300;padding:10px;line-height:1.45} .Intro_Wrap{width:40%;float: right; display: flex; justify-content: right; flex-wrap: wrap;} .Intro_Wrap>div { width: 48%; height: 250px; margin: 0 0 10px 10px; } .Intro_Wrap>div>a { display: block; width: 100%; height: 100%; color: #fff; border: 1px solid rgba(236,236,236,0.8); position: relative; display:table; padding:15px 5px; } .Intro_Wrap>div>a::before { content: ''; box-sizing: border-box; opacity: 0; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 5px solid #2972b6 ; } .Intro_Wrap>div>a:hover::before { opacity: 1; transition: all .3s; } .Intro_Bo_x_In{ display:table-cell;width:100%;vertical-align:middle} .Intro_Bo_x_In>h1{padding:5px 20px;text-align:right;font-size:3em} .Intro_Bo_x_In>h2{padding:5px 20px;text-align:left;line-height:1.55;color:#fff;font-weight:700} .Intro_Bo_x_In>h4{padding:5px 20px;text-align:left;line-height:1.55;color:#fff} .Inuqiry_Section{width:100%;padding:30px;position:relative;} .Inquiry_Text{width:1600px; margin:0 auto;padding:10px;} .Inquiry_Text>h1{font-weight:200;font-family: 'Jura', sans-serif;padding:10px;font-size:3em} .Inquiry_Text>ul:after{clear:both;content:'';display:block} .Inquiry_Text>ul>li{width:33.33333333%;padding:10px;float:left;} .Inquiry_Text>ul>li>h4{line-height:1.55;font-weight:400;color:#777} .Inquiry_Text>ul>li>h3{line-height:1.55;font-weight:400;color:#333} .Inquiry_Text>ul>li>h3>b{font-family: 'Noto Sans KR', sans-serif;} .Inuqiry_Wrap{width:1600px; margin:0 auto;padding:10px;} .Inuqiry_Section::before { content: ''; width: 350px; height: 350px; max-width: 35vw; max-height: 35vh; background: url("../img/poly_2.png") no-repeat center; background-size: auto; background-size: auto; background-size: cover; position: absolute; left: 0%; top: 0%; z-index: -1; -webkit-animation: rota2 15s linear infinite forwards; animation: rota2 15s linear infinite forwards; opacity:0.4 } /* #Section_2::after,#Section_4::after { content: ""; position: absolute; left: 0; top: 0%; width: 100%; height: 50%; display: block; background: #f7f7f7; z-index: -2; } #Section_2::before { content: ''; width: 25%; height: 100%; background: #f9f9f9; position: absolute; left: 25%; top: 0; } #Section_2::after { content: ''; width: 25%; height: 100%; background: #f9f9f9; position: absolute; right: 0; bottom: 0; } */ .About_Text{width:100%;padding:0px;position:relative;left:0;top:0%;padding:10px;} .About_Text>h1{font-weight: 700;text-align:center;color:#444;padding:5px;} .About_Text>h3{font-weight: 300;text-align:center;color:#666;padding:5px;} .About_Text>h4{font-weight: 300;text-align:center;color:#888;padding:5px;} .Ls_Box_1{min-height:450px;;width:100%;padding:60px 30px;overflow:hidden;;position:relative;top:0;} .Ls_Box_1:after{clear:both;content:'';display:block} .Ls_Box_1>dl:after{clear:both;content:'';display:block} /* .Ls_Box_1>dl{float:right;width:98%;position:relative;top:0} .Ls_Box_1>dl>dt{width:20%;position:absolute;left:5%;top:-0px} .Ls_Box_1>dl>dd{width:110%;margin-left:25%;position:relative;top:0}*/ .Ls_Box_1>dl{float:none;width:100%;position:relative;top:0} .Ls_Box_1>dl>dt{width:35%;position:relative;left:0%;top:-0px;float:left;} .Ls_Box_1>dl>dd{width:65%;margin-left:0%;position:relative;top:0;float:left;} .Ls_Box_2{width:100%;padding:0px;background:#fafafa;position:relative;top:0;} .Ls_Box_1::before { content: ''; width: 100%; height: 140px; background:#fcfcfc; background-size: auto; background-size: auto; background-size: cover; position: absolute; left: 0%; bottom: 0%; z-index: -2; } .Ls_Box_1::after { content: ''; width: 460px; height: 460px; max-width: 40vw; max-height: 40vw; background: url("../img/poly_3.png") no-repeat center; background-size: auto; background-size: auto; background-size: cover; position: absolute; left: 10%; top: 35%; z-index: -1; -webkit-animation: rota2 15s linear infinite forwards; animation: rota2 15s linear infinite forwards; } @keyframes rota { 0% { -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); } 100% { -webkit-transform:rotateZ(-360deg); transform:rotateZ(-360deg); } } @keyframes rota2 { 0% { -webkit-transform:rotateZ(0deg); transform:rotateZ(0deg); } 100% { -webkit-transform:rotateZ(360deg); transform:rotateZ(360deg); } } .Ls_Box_2::before { content: ''; width: 100%; height: 50%; background: #fff; position: absolute; left: 0; top: 0; z-index:-1; } /* .Ls_Box_1 > dl::before { content: ''; width: 100%; height: 50%; background: #fafafa; position: absolute; left: 0; bottom: 0; z-index:1; }*/ /* @keyframes bgch { 0% { opacity:1 } 50% { opacity:0.7 } 100% { opacity:1 } }*/ .Tex_Ls_Box{width:100%;;padding: 70px 80px;position:relative;} .Tex_Ls_Box>h1{padding:10px 5px;font-weight:400;color:#000; font-size:2em} .Tex_Ls_Box>h5{padding:5px 5px;font-weight:200;color:#777;font-family: 'Jura', sans-serif;} .Tex_Ls_Box>h4{padding:5px 5px;font-weight:400;line-height:1.65em;color:#555;} .Ls_Box_2>ul:after{clear:both;content:'';display:block} .Ls_Box_2>ul>li:first-child{width:70%;float:left;padding:0 10px;} .Ls_Box_2>ul>li:last-child{width:30%;float:left;padding:0 10px;} .Ls_Box_2>ul>li:last-child img{width:100%;position:relative;z-index:3} #service-99 .owl-item:nth-child(2n){margin-top:0em} #service-99 .owl-nav{position: absolute; top: auto; bottom:-10px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; width: auto; left: -38%; display:block !important } #service-99 .owl-nav [class*="owl-"] { color: #555; font-size: 18px; margin: px; padding: 10px 11px; background: transparent; display: inline-block; cursor: pointer; border-radius: 300px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; opacity: 1; width: 50px; height: 50px; border:2px solid #555; } #service-99 .owl-nav .owl-prev { position: absolute; right: 52px; left: auto; } #service-99 .owl-nav .owl-next { position: absolute; right: 0px; } .Tab_Section{width:100%;} .Tab_Section>ul{width:1600px; margin:0 auto;} .Tab_Section>ul::after{clear:both;content:'';display:block} .Tab_Section>ul>li:first-child{width:30%;float:left;padding:10px} .Tab_Section>ul>li:last-child{width:70%;float:left;padding:10px} .Tab_Section>ul>li>div.Tab_Left{width:100%;padding-top:135px} .Tab_Section>ul>li>div.Tab_Left>dl>dt{width:100%;padding:10px} .Tab_Section>ul>li>div.Tab_Left>dl>dd{width:100%;padding:10px} .Tab_Section>ul>li>div.Tab_Left>dl>dt>h2{padding:5px;font-weight:400;color:#555;line-height:1.55em;font-size: 20px;} .Tab_Section>ul>li>div.Tab_Left>dl>dt>h4{padding:5px;font-weight:200;font-family: 'Raleway', sans-serif;color:#888} .Tab_Section>ul>li>div.Tab_Left>dl>dd>img{width:70%} .Tab_Section>ul>li>div.Tab_Left>dl>dd iframe{width:100% ;height:337px;} .Top_Section{width:100%;padding:20px;background: #fdfdfd;} .Top_Text{width:1200px;margin:0 auto;} .Top_Text>h1{line-height:1.25em;padding:10px;font-weight:600;letter-spacing:3px;} .Top_Text>h3{line-height:1.45em;padding:10px;font-weight:400;color:#666} .Main_Sl{width:100%;padding:20px;} .Main_Sl img{width:100%;border-radius:5px} /* .Bt_btn{ width: 200px; border-radius: 8px; text-align: center; padding: 15px 10px; background: #003198; color: #fff; font-size: 1em; margin: 20px 0; display: block; box-shadow: 1px 1px 2px #999; } */ .subinfo{width:1200px;margin:0 auto} /* 하단 레이아웃 */ #ft {background:#fff ;margin:0 auto;text-align:center; border-top: 1px solid #fafafa; width: 100%; } #ft_wr {max-width:1000px;;margin:0 auto;padding:0px 10px;position:relative;text-align:left; align-items: stretch; flex-wrap: wrap;display: flex;} #ft_wr:after {display:block;visibility:hidden;clear:both;content:""} #ft_wr .ft_cnt {width:75%;;padding:15px 5px} .Tail_Logo{width:25%;padding:30px 10px;} .Tail_Logo:after{clear:both;content:'';display:block} .Tail_Logo>li{width:100%;float:none;padding:10px;} .Tail_Logo>li>img{width:100%} #ft_link {text-align:left} #ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold} #ft_company h2 {font-size:1.2em;margin-bottom:20px} #ft_company {font-weight:normal;;line-height:1.7em} #ft_company>h4{font-weight: 300;color: #444; line-height: 2em; font-size: 15px;} #ft_catch {margin:20px 0 10px} #ft_copy {text-align:left;width:auto;margin:0 auto;padding: 10px 0 10px;; color:#555;font-size:0.92em;} #ft_copy>b{color:#333;font-size:1.1em} #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)} #top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff} .Sns_Link{width:auto;} .Sns_Link > ul{display: flex; width: auto; text-align: center; margin: 20px auto 0; justify-content: center;} .Sns_Link > ul > li{margin-right:10px;} .Sns_Link > ul > li > a { color: #c2c8cc; transition: color .25s; } .Sns_Link > ul > li > a > svg{width:25px;height:25px;} .Sns_Link > ul > li > a:hover{color:#a4acb3} .subimg{width:100%;position:relative;} .subimg img{width:100%;} .subimg>.S_ub_Text{position: absolute;display:none; bottom: 0; left:0;/* padding: 17px 30px; background: #fff; border-left: 3px solid #f89f62;*/ padding:10px; font-weight: 300; width:auto;width:100%} .subimg>.S_ub_Text>h1{text-align:left;padding:10px;font-weight:400} .subimg>.S_ub_Text>h1>small{font-size:50%;color:#f89f62;font-weight:200} /*서브메뉴*/ /*개량 서브메뉴*/ .Location_Wrap{width:100%; margin:0 auto; position:relative; top:0;left:0;background:#fdfdfd;border-top: 1px solid #f3f3f3;;border-bottom: 1px solid #f3f3f3;;} .Location_Menu{width:1200px;margin:0 auto;} .Location_Menu:after{clear:both; content:''; display:block} .Location_Menu>ul:after{clear:both; content:''; display:block} .Location_Menu>ul { width: 100%; } .Location_Menu>ul>li{ ;float:left; height:auto;position: relative;left:0;top:0;;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;border-left:1px solid #f0f0f0;;border-right:1px solid #f0f0f0;} .Location_Menu>ul>li:nth-child(1){width:5%;} .Location_Menu>ul>li:nth-child(2){;width:23%;border-left:0px solid #f0f0f0;} .Location_Menu>ul>li:nth-child(3){width:20%;border-left:0px solid #f0f0f0;} /* .Location_Menu>ul>li:nth-child(3){margin-right:2%;width:35%;}*/ .Location_Menu>ul>li>a{display:block; width:100%; height:100%;line-height:36px; ;box-sizing: border-box; padding:12px 25px; ;position: relative;top:0;left:0; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .Home_Gnb_Menu>a{display:block;padding:10px 5px !important;text-align:center;} .Trigger_A{z-index:9999} .First_Wrap{z-index:9998} .Trigger_B{z-index:9997} .Second_Wrap{z-index:9996} .Trigger_C{z-index:9995} .Third_Wrap{z-index:9994} .Location_Menu>ul>li>.F_Category{ background:transparent;; } .Location_Menu>ul>li>a:after{clear:both; content:''; display:block} .Location_Menu>ul>li>a>b{float:left;padding-left:0px; font-family: 'GongGothic';color:#333; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;font-size:14px;font-weight:600 } .Location_Menu>ul>li>.F_Category>b{color:#555;font-size:15px;font-weight:600} .Location_Menu>ul>li>a>span{float: right; border-radius: 10em; text-align: center; margin: 6px; background: transparent; width: 25px; height: 25px; border: 1px solid #f0f0f0;; line-height: 14px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;font-size:10px} .Location_Menu>ul>li>.F_Category>span{ border:1px solid #f0f0f0;;background:transparent;font-size: 10px;;} .Location_Menu>ul>li>a>span i{color:#555; font-size:1.5em;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;padding: 5px; } .Location_Menu > ul > li > a.Trigger_B>span{background:transparent;} .Location_Menu > ul > li > a.Trigger_B>span i{color: #555; font-size: 1.5em; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .Location_Menu > ul > li > a.Trigger_C>span{background:#fff;} .Location_Menu > ul > li > a.Trigger_C>span i{color:#888} .Sub_Menu_On{ ;float:left; height:62px;position: relative;left:0;top:0;z-index:102;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .ar_on{ transform: rotate(180deg); -ms-transform: rotate(180deg); } #Gnb_Wrap{ border: 1px #e1e1e1 solid; width: 100%; position: absolute; top: 60px; padding-top: 0px; left: 0; box-sizing: border-box; background:#fff; display: none; } #Gnb_Wrap>ul{width:100%;} #Gnb_Wrap>ul>li{padding:5px;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} #Gnb_Wrap>ul>li>a{padding:10px;display:block;width:100%;height:100%;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} #Gnb_Wrap>ul>li>a>h4{text-align:left; font-family: 'GongGothic';-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;font-size:13px; font-weight:200;} .Location_Menu>ul>li.Sub_Menu_On>#Gnb_Wrap{display:block} /*서브페이지*/ .Des_text{padding:30px 0;width:1200px;margin:0 auto;} .Des_text>h1{text-align:center;padding:10px;line-height: 1.2; letter-spacing: 3px;position:relative} .Des_text>h1::after{clear: both; content: ''; display: block; width: 100%; height: 1px; background: #888; margin: 0 auto; position: absolute; top: 50%; z-index: 2;left: 0;} .Des_text>h1>span{background: #fff; display: inline-block; padding: 20px 40px; z-index: 3; font-weight: 600;position: relative;} .Box_Sucon{width:100%;padding:30px;border:1px solid #cacaca} .Box_Sucon>dl{display:flex;flex-wrap: wrap;align-items: stretch;} .Box_Sucon>dl>dt{width:70%;padding:10px;} .Box_Sucon>dl>dd{width:30%;padding:10px;} .Box_Sucon>dl>dd img{width:100%} .Box_Sucon>dl>dt>h4{color:#555;padding:3px 10px;line-height:1.75;position:relative} .Box_Sucon>dl>dt>h4::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #cec0b1; position: absolute; top: 1rem; left: -5px; } /*인트로*/ .subcon_tent:after{clear:both; content:'';display:block} .subcon_tent{width:100%;padding:10px;} .subcon_tent>li{padding:10px;width:100%} .subcon_tent>li>dl:after{clear:both;content:'';display:block} .subcon_tent>li>dl>dt{width:100%;float:none;padding:10px} .subcon_tent>li>dl>dt video{width:100%;} .subcon_tent>li>dl>dd{width:100%;float:none;padding:10px} .subcon_tent>li>dl>dd>h2{padding: 40px 0px 10px;;line-height:1.75em;font-size:20px;font-weight:700} .subcon_tent>li>dl>dd>h4{padding: 20px 0px 10px;;line-height:1.75em;;font-weight:400;font-size:14px;color:#555} .subcon_tent>li>h3{padding:10px 0} .subcon_tent>li>h4{padding:10px 0;line-height:1.75em;font-weight:200} .subcon_tent>li img{width:100%;} .subcon_tent>li h3{ font-family: 'GongGothic';;;/* background: rgb(252,249,222); background: -moz-linear-gradient(-45deg, rgba(252,249,222,1) 0%, rgba(239,214,50,1) 50%, rgba(247,252,207,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(252,249,222,1) 0%,rgba(239,214,50,1) 50%,rgba(247,252,207,1) 100%); background: linear-gradient(135deg, rgba(252,249,222,1) 0%,rgba(239,214,50,1) 50%,rgba(247,252,207,1) 100%); background-clip: border-box; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9de', endColorstr='#f7fccf',GradientType=1 ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;*/ } .Or_box{width:100%;flex-wrap: wrap-reverse; display: flex; align-items: center;justify-content: center;} .Or_box>div{width:50%;padding:40px 10px} .Or_box>div>dl{width:100%;position:relative;top:0} .Or_box>div>dl>dt{width:100%;position:relative;top:0;z-index:1} .Or_box>div>dl>dt>h2{padding:10px 10px 30px;text-align:center;background: #4fae80;} .Or_box>div>dl>dd{width:90%;margin:-20px auto;position:relative;top:-10%;z-index:2;min-height:150px;display:table;} .Or_box>div>dl>dd>h3{padding:10px;text-align:center;background:#fff;display: table-cell; vertical-align: middle;line-height:1.65;border: 1px solid #cacaca;font-size: 16px;} /*sub2*/ .Header_T_Sub{width:100%;padding:30px 0 10px;border-bottom:2px solid #1a1a1a} .Header_T_Sub > h3 { padding: 5px 0; color: #0039ba; } .Header_T_Sub > h1 { padding: 10px 0 0px; color: #2a2a2a; font-weight: 300; font-size: 3em; line-height:1.55 } .Header_T_Sub > h1 > b{color:#0a0a0a} .Small_T_Sub>h1{font-size:2.5em !important} .Sub_Section_1{width:100%;padding:30px 0;border-bottom:1px solid #cacaca;margin:0 0 20px} .Sub_Section_1>div{width:100%;} .Sub_Section_1>div>dl{width:100%;flex-wrap: wrap; display: flex; align-items: flex-end; justify-content: center;} .Sub_Section_1>div>dl>dt{width:50%;padding:10px} .Sub_Section_1>div>dl>dt>a{display:block;width:100%} .Sub_Section_1>div>dl>dt>a img{width:100%} .Sub_Section_1>div>dl>dd{width:50%;padding:0 10px} .Sub_Section_1>div>dl>dd>div{padding:10px;width:100%} .Sub_Section_1>div>dl>dd>div>h1{font-weight:400;color:#1a1a1a;padding:10px 0} .Sub_Section_1>div>dl>dd>div>h3{font-weight:300;color:#5a5a5a;padding:10px 0} .Sub_Section_1>div>dl>dd>ul{width:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;} .Sub_Section_1>div>dl>dd>ul>li{width:50%;padding:10px;} .Sub_Section_1>div>dl>dd>ul>li>div{width:100%;padding:20px 10px;border:1px solid #cacaca;} .Sub_Section_1>div>dl>dd>ul>li>div>h3{padding:10px;line-height:1.45} .Sub_Section_1>div>dl>dd>ul.Three_Su_Box>li{width:33.333333333% !important} .Sub_Section_2{width:100%;margin:30px 0} .Sub_Section_2>div{width:1400px;margin:0 auto;} .Sub_Section_2>div>ul{width:100%; flex-wrap: wrap; display: flex; align-items: center; justify-content: center; } .Sub_Section_2>div>ul>li{width:33.33333%;padding:10px;} .Sub_Section_2>div>ul>li>dl{width:100%} .Sub_Section_2>div>ul>li>dl>dt{width:100%;border-radius:10px 10px 0 0;;padding:30px;height:300px;background: #f2f5fb;} .Sub_Section_2>div>ul>li>dl>dt>h1{color:#363465;font-weight:400;padding:10px;position:relative;top:0;} .Sub_Section_2>div>ul>li>dl>dt>h1::after{clear:both;content:'';display:block;width:50px;height:3px;background: #363465;margin:20px 0} .Sub_Section_2>div>ul>li>dl>dt>h3{color:#1a1a1a;font-weight:400;padding:10px;line-height:1.55} .Sub_Section_2>div>ul>li>dl>dt>h4{color:#5a5a5a;font-weight:300;padding:10px;line-height:1.55} .Sub_Section_2>div>ul>li>dl>dd{width:100%;} .Sub_Section_2>div>ul>li>dl>dd>img{width:100%;} .Box_Text_Bottom{width:100%;background: #1b296d;color:#fff;padding:30px;border-radius:5px} .Box_Text_Bottom>h1{color:#fff;text-align:center;padding:10px;font-weight:700} .Box_Text_Bottom>h3{color:#fff;;padding:5px 5px;line-height:1.55;font-weight:400} .Box_Text_Bottom>h4{color:#eaeaea;;padding:5px 20px;line-height:1.55;font-weight:300} .BackG_1{background:#d6e4ff !important} .BackG_1>h1{color:#343264 !important} .Box_Text_Bottom img{width:100%} .Aling_Left>h1{text-align:left !important} .Aling_Left>h3{text-align:left !important} .Inner_T_Sub{font-weight:400;color:#1a1a1a;padding:10px} .Sub_Section_3{width:100%;margin:30px 0;padding:50px;} .Sub_Section_3>div{width:1400px;margin:0 auto;} .Sub_Section_3>div>ul{width:100%; flex-wrap: wrap; display: flex; align-items: center; justify-content: center; } .Sub_Section_3>div>ul>li{width:20%;padding:10px;} .Sub_Section_3>div>ul>li>dl{width:100%;background: #fff;border: 1px solid #e2e2e2;border-radius:8px} .Sub_Section_3>div>ul>li>dl>dt{height:300px;width:100%;border-radius:10px 10px 0 0;;padding:30px;} .Sub_Section_3>div>ul>li>dl>dt>h1{font-size:16px;font-weight:400;padding:10px;position:relative;top:0;} .Sub_Section_3>div>ul>li>dl>dt img{width:50%; margin:0 auto} .Sub_Section_3>div>ul>li>dl>dt>h3{color:#1a1a1a;font-weight:400;padding:10px 20px;line-height:1.55} .Sub_Section_3>div>ul>li>dl>dt>h4{color:#5a5a5a;font-weight:300;padding:10px;line-height:1.55} .Sub_Section_4{width:100%;margin:30px 0;padding:50px;} .Sub_Section_4>div{width:100%;margin:0 auto;} .Sub_Section_4>div>h4{padding:5px;} .Sub_Section_4>div>ul{width:100%; flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: center; } .Sub_Section_4>div>ul>li{width:20%;padding:10px;} .Four_Sub_Sec>li{width:25% !important} .Sub_Section_4>div>ul>li>dl{min-height:300px;width:100%;background: #fff;border: 1px solid #e2e2e2;border-radius:8px} .Sub_Section_4>div>ul>li>dl>dt{;width:100%;border-radius:10px 10px 0 0;;padding:10px;background: #363465;} .Sub_Section_4>div>ul>li>dl>dt>h1{color:#fff;font-weight:400;padding:10px;position:relative;top:0;text-align:center;} .Sub_Section_4>div>ul>li>dl>dd>h3{color:#1a1a1a;font-weight:400;padding:10px 20px;line-height:1.55;text-align:center} .Sub_Section_4>div>ul>li>dl>dd>h4{color:#5a5a5a;font-weight:300;padding:0 10px;line-height:1.55;font-size:13px;text-align:center} .Sub_Section_4>div>ul>li>dl>dd{;padding:10px 10px} .Sub_Section_4>div>ul>li>dl>dd>h1{text-align:center;font-size:3em;padding:20px 0} .Sub_Section_4>div>ul>li>dl>dd img{max-width:100%;margin:0 auto;width:50%;padding:10px} .Bg_Sub{background: #f2f5fb} .Sub_Section_5{width:100%;margin:30px 0;padding:50px;} .Sub_Section_5>article{width:1400px;margin:0 auto;} .Sub_Section_5_Div{width:100%;margin:30px 0} .Sub_Section_5_Div>dl{width:100%;flex-wrap: wrap; display: flex; align-items: stretch; justify-content: center;} .Sub_Section_5>article>h3{line-height:1.55;padding:10px 0; color:#555} .Sub_Section_5_Div>dl>dt{width:25%;padding:20px;border-radius:10px;display: flex; align-items: center;justify-content: center;} .Sub_Section_5_Div>dl>dt>h3{color:#fff;text-align:center;} .Sub_Section_5_Div>dl>dd{width:75%;padding:0px;border-radius:10px;} .Sub_Section_5_Div>dl>dd>ul{width:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;height: auto;}/* .Sub_Section_5_Div>dl>dd>ul>li:first-child{width:100%;height:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;padding:20px} .Sub_Section_5_Div>dl>dd>ul>li:last-child{display:none;width:100%;;height:100%;flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;padding: 10px;}*/ .Sub_Section_5_Div>dl>dd>ul>li{width:100%;height:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: left;padding:20px} .Sub_Section_5_Div > dl > dd > ul > li h3{font-size:15px;line-height:1.55;padding:5px;color:#5a5a5a;width:100%;text-align:left;} .Sub_Section_5_Div>dl>dd>ul>li{border:1px solid #e2e2e2;border-radius:10px;background:#fff} .Sub_Section_5_Div>dl>dd>ul>li:first-child h3{} .Bg_Red{background: #d04637;} .Bg_Blue{background: #343264;} .Sub_Section_5_Bg_1{background: #1f69a6;} .Sub_Section_5_Bg_2{background: #4971b4;} .Sub_Section_5_Bg_3{background: #93afdb;} .Sub_Section_5_Bg_4{background: #b7c4dd;} .Hi_40{height:auto;} .Hi_15{height:auto;} .Hi_40 dt{height:auto} .Hi_40 dd{height:auto} .Hi_40 dd ul:nth-child(1){height:20%} .Hi_40 dd ul:nth-child(2){height:40%} .Hi_40 dd ul:nth-child(3){height:20%} .Hi_40 dd ul:nth-child(4){height:20%} .Hi_15 dt{height:auto} .Hi_15 dd{height:auto} .Sub_One_Li{width:100% !important;background:transparent !important;border: 0 !important;align-items: center !important;} .Sub_One_Li img{max-width:100%; margin:10px;} .Sub_Two_Li{width:100%;flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: center; flex-direction: row !important; } .Sub_Two_Li>span{display:block;width:50%;padding:10px;line-height:1.45;color:#5a5a5a} .Sub_Section_Process{width:100%} .Sub_Section_Process>article{width:100%} .Sub_Section_Process>article>ul{width:1400px;margin:0 auto;flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: space-between;} .Sub_Section_Process>article>ul>li img{max-width:100%;margin:0 auto} .Sub_Section_Process>article>ul>li{width:30%;} .Sub_Section_Process>article>ul>li>div{position:relative;top:0;width:100%;padding:10px;border:2px solid #343264;border-radius:30px;margin:30px 0} .Sub_Section_Process>article>ul>li>div>h3{text-align:center;padding:10px;} .Sub_Section_Process>article>ul>li.After_Ar>div::after{clear: both; content: ''; display: block; width: 10%; background: url(../img/arrow_ri.png) no-repeat 0 0; background-size: auto; background-size: 100%; height: 10px; position: absolute; right: -15%; top: 40%;} .Sub_Section_Process>article>ul>li.Before_Ar>div::after{clear: both; content: ''; display: block; width: 10%; background: url(../img/arrow_ri.png) no-repeat 0 0; background-size: auto; background-size: 100%; height: 10px; position: absolute; left: -15%; top: 40%;} .Feature_Box{width:100%;border-bottom: 2px solid #1a1a1a;padding:10px 0} .Feature_Box>div{width:100%} .Feature_Box>div>img{max-width:100%;margin:0 auto} .Feature_Box>div>dl{width:100%;display:flex;flex-wrap: wrap;align-items: center;;} .Feature_Box>div>dl>dt{width:25%;padding:10px;} .Feature_Box>div>dl>dd{width:75%;padding:10px;} .Feature_Box>div>dl>dt>h1{padding:5px;line-height:1.6} .Feature_Box>div>dl>dt>img{max-width:100%;margin:0 auto} .Feature_Box>div>dl>dd>img{max-width:100%;margin:0 auto} .Feature_Box>div>dl>dt>h4{padding:5px;} .Feature_Box>div>dl>dd>h3{padding:15px 10px 0px;position:relative;color:#333;line-height:1.5} .Feature_Box>div>dl>dd>h4{padding:10px 10px;position:relative;color:#555;line-height:1.5} .Feature_Box>div>dl>dd>h4::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #cec0b1; position: absolute; top: 1.1rem; left: -5px; } .No_Dot::before { display:none !important } .Twin_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Twin_In_Img>li{width:50%;padding:10px;} .Twin_In_Img>li img{max-width:100%;margin:0 auto} .Twin_In_Img>li>h4{text-align:center;padding:10px;} .Three_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Three_In_Img>li{width:33.333333%;padding:10px;} .Three_In_Img>li img{max-width:100%;margin:0 auto} .Three_In_Img>li>h4{text-align:center;padding:10px;} .Five_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Five_In_Img>li{width:20%;padding:10px;} .Five_In_Img>li img{max-width:100%;margin:0 auto} .Five_In_Img>li>h4{text-align:center;padding:10px;} .Four_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Four_In_Img>li{width:25%;padding:10px;} .Four_In_Img>li img{max-width:100%;margin:0 auto} .Four_In_Img>li>h4{text-align:center;padding:10px;} .Six_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Six_In_Img>li{width:16.6666667%;padding:10px;} .Six_In_Img>li img{max-width:100%;margin:0 auto} .Six_In_Img>li>h4{text-align:center;padding:10px;} .subcon_tent>li h5{ font-family: 'GongGothic';color:#999;font-weight: 300;} .subcon_tent>li h3 .ganji{ font-family: 'GongGothic';color:#555;font-weight:300} .subcon_tent>li:nth-child(3)>.right_text h2{ font-family: 'GongGothic';;;} .subcon_tent>li:nth-child(3)>.right_text h4{line-height:1.45em;padding:10px;} .subinfo{width:1200px;padding:10px; margin:0 auto;} .fullwid-80{width:80% !important} .Text_Sucon_List{width:100%;padding:10px;} .Text_Sucon_List>ul{width:100%;} .Text_Sucon_List>ul>li{padding:20px;margin:10px 0;border-radius:8px;border:1px solid #cacaca;background:#fafafa;border-left: 20px solid lightskyblue;} .Headr_T_List{border-left:5px solid lightskyblue;border:0 !important;background:#fff !important;} .Text_Sucon_List>ul>li>h2{color:#555} .Text_Sucon_List>ul>li>h3{color:#777;font-weight: 200;} .Text_Sucon_List>ul>li>h3>b{font-weight:800 !important} .Text_Sucon_List>ul>li>h2::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f21a";clear:both;display: inline-block; padding-right: 10px;color:lightskyblue} .header_sub { width: 100%; padding: 10px; font-weight: 300; } .suconbox { width: 100%; padding: 20px; background: #fafafa; border: 1px solid #cacaca; } .suconbox>h4{font-weight:400;padding:5px 10px;line-height:1.45} .suconbox>h3{font-weight:400;padding:10px;} .sucontext{position:relative;margin:2px 0;background: #fff;width:100%;padding:10px;border-left:0px solid #31c0e9;color:#000;font-weight:400} .sucontext::before{clear: both; content: ''; display: block; width: 4px; height: 4px; background: #1f1f1f; border-radius:10px; position: absolute; left: -5px; top: calc(50% - 2px);} .sucon_img_auto{width:100%;padding:10px;} .sucon_img_auto img{max-width:100%;;border:1px solid #fafafa} .fullwid{width:100% !important} .fullwid-80{width:80% !important} .subinfo:after{clear:both; content:''; display:block;} .subheader img{width:40%;} .sucon>h1{padding:10px !important ;border:0 !important;font-weight:700;text-align:center;} .sucon>h1>b{font-size:1.45em;font-weight:800} .sucon_dt{width:100%;} .sucon_dt>dl{width:100%} .sucon_dt>dl:after{clear:both;content:'';display:block} .sucon_dt>dl>dt{width:35%;float:left;padding:10px;} .sucon_dt>dl>dd{width:65%;float:left;padding:10px;} .sucon_dt>dl>dt img{width:100%;border: 1px solid #eaeaea; padding: 5px;} .sucon_dt>dl>dd img{width:100%;border: 1px solid #eaeaea; padding: 5px;} .sucon_dt>dl>dt h3{padding:10px 0;font-weight:400;color:#639fc3} .sucon_dt>dl>dd h3{padding:10px 0;font-weight:400;color:#639fc3} .sucon>h3{padding: 30px 10px; border-bottom: 1px solid #cacaca; line-height: 1.65;} .subinfo>h1{text-align:left;padding:30px;;font-weight:200;padding-left:5px;border-bottom:1px solid #ccc;} .subheaderr{padding:5px; font-weight:600; line-height:1.5em} .suconimg{width:100%; margin:0 auto;padding:20px} .suconimg > img{max-width:100%;margin:0 auto} .sucon{width:100%;padding:20px;} .sucon h2{padding:5px 0;line-height:1.55;} .sucon h4{color: #555; padding: 3px 10px; line-height: 1.75; position: relative;} .sucon h4::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #247f8d; position: absolute; top: 1rem; left: -5px; } .sucon h4 span{} .Sys_Pro{width:100%;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;} .Sys_Pro>div{width: 33.33333%;;padding:10px;} .Sys_Pro>div>dl{;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;width:100%} .Sys_Pro>div>dl>dt{width:15%;padding:10px;} .Sys_Pro>div>dl>dd{width:85%;padding:10px;} .Sys_Pro>div>dl>dd>h4{padding:10px;} .Sys_Pro>div>dl>dt img{width:100%} .Sys_Pro>div>dl>dd>h4::before { content: ""; display: none !important; width: 4px; height: 4px; border-radius: 50%; background-color: #247f8d; position: absolute; top: 1rem; left: -5px; } .Sys_Sucon{width:100%;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;} .Sys_Sucon>dl{width:50%;padding:10px 0;} .Sys_Sucon>dl>dt{width:100%;padding:3px 10px} .Sys_Sucon>dl>dd{width:100%;padding:3px 10px} .Sys_Sucon>dl>dt>h2{padding:3px 10px;font-weight:600;color:#222} .Sys_Sucon>dl>dd>h4{padding:3px 10px;font-weight:400;color:#555} .Sys_Sucon>dl>dd>h4::before { content: ""; display: none !important; width: 4px; height: 4px; border-radius: 50%; background-color: #247f8d; position: absolute; top: 1rem; left: -5px; } .Sucon_B_Img{width:100%;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;width:100%} .Sucon_B_Img>div{;;padding:10px;} .Four_B_Im_x>div{width:25%;} .Three_B_Im_x>div{width:33.33333%;} .Five_B_Im_x>div{width:20%;} .Sucon_B_Img>div>img{width:100%;} .Sucon_B_Img>div>h4{padding:10px;text-align:center;} .Sucon_B_Img>div>h4::before { content: ""; display: none !important; width: 4px; height: 4px; border-radius: 50%; background-color: #247f8d; position: absolute; top: 1rem; left: -5px; } .Img_Box_Div{width:100%;flex-wrap: wrap; display: flex; align-items: center;justify-content: center} .Img_Box_Div>div{padding:10px;} .Img_Box_Div>div>img{width:100%} .Three_Img_B>div{width:33.33333333333%;} .Four_Img_B>div{width:25%;} .Five_Img_B>div{width:20%;} .Six_Img_B>div{width:33.333333%;} .Nine_Img_B>div{width:20%;} .Guide_Box{width:100%;padding:10px 0} .Guide_Box>dl:after{clear:both;content:'';display:block;} .Guide_Box>dl>dt{border-top:1px solid #333;width:350px;float:left;padding:20px;} .Guide_Box>dl>dd{border-top:1px solid #cacaca;width:calc(100% - 350px);float:right;padding:20px;} .Guide_Box>dl>dd>ul:after{clear:both;content:'';display:block} .Guide_Box>dl>dd>ul>li{width:20%;float:left;padding:10px;} .Guide_Box>dl>dd>ul>li h3{padding:10px;border-radius:15px; background:#2279af;color:#fff;text-align:center;} .Guide_Box>dl>dd>ul>li h4{padding:10px 5px;border-radius:15px;font-size:13px; background:#2279af;color:#fff; text-align:center;} .Guide_Box>dl>dd>dl::after{clear:both;content:'';display:block} .Guide_Box>dl>dd>dl{width:100%;border-top:1px solid #cacaca} .Guide_Box>dl>dd>dl>dt{width:20%;float:left;padding:10px;} .Guide_Box>dl>dd>dl>dd{width:80%;float:left;padding:10px;} .Guide_Box>dl>dd>dl>dt>h3{padding:5px;text-align:center;} .Guide_Box>dl>dd>dl>dd>h4{padding:8px;color:#777} .Guide_Box>dl>dt img{width:100%;} .Guide_Box>dl>dt>h3{text-align:right;color:#333;padding:5px 0;line-height:1.55} .Guide_Box>dl>dt>h4{text-align:right;color:#666;padding:0px 0;line-height:1.55} .Guide_Box>dl>dd img{max-width:100%;margin:0 auto;padding:10px;border:1px solid #fafafa;border-radius:10px} div.Guide_Twin>ul::after{clear:both;display:block;width:100%;content:'';} div.Guide_Twin{width:100%} div.Guide_Twin>ul>li{width:100%;padding:10px;height:100%} div.Guide_Twin>ul>li>dl::after{clear:both;display:block;width:100%;content:'';} div.Guide_Twin>ul>li>dl{width:100%;;height:100%} div.Guide_Twin>ul>li>dl>dt{width:50%;float:left;;height:100%} div.Guide_Twin>ul>li>dl>dd{width:50%;float:left;;height:100%} .Guide_Box>dl>dd>h3{text-align:left;color:#333;padding:10px 0;font-family: 'Noto Sans KR', sans-serif;} .Guide_Box>dl>dd>h4{text-align:left;color:#777;padding:5px 0;line-height:1.75;position:relative;font-weight: 300;} .Guide_Box>dl>dd>h4::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #cec0b1; position: absolute; top: 1rem; left: -13px; } .sucon>ul:after { content: ""; display: block; clear:both; } .sucon img{width:auto;max-width:100%; margin:5px 0; } .sucon>ul>li{float:left;padding:20px;width:25%} .sucon>ul>li h2{padding:10px; font-weight:800;} .sucon>ul>li h3{padding:10px; font-weight:400;text-align:center;} .sucon>ul>li h4{padding:10px 0; font-weight:400; line-height:1.35em;text-align:center;} .sucon2 h3{font-weight:bold; padding:10px} .sucon2 h4{padding:5px;font-weight:200px} .sucon_twin{width:100%;padding:10px} .sucon_twin:after { content: ""; display: block; clear:both; } .sucon_twin>ul>li{width:50%;float:left;padding:20px;} .sucon_twin>ul>li>h3{padding: 10px 0; font-weight: 300; color: #639fc3;} .sucon_twin>ul>li>h4{font-weight:400;padding:5px 5px;} .sucon_twin>ul>li img{width:100%;padding:10px;border:1px solid #fafafa;border-radius:10px;} .sucon_twin>ul>li>dl>dt{padding:10px;background:#fafafa;} .sucon_twin>ul>li>dl>dd{padding:10px;background:#f5f8fd;min-height:80px;} .sucon_twin>ul>li>dl>dt>h3{text-align:center;padding:10px;} .sucon_twin>ul>li>dl>dd>h4{text-align:center;padding:10px;line-height:1.55;color:#555} .sucon_five{width:100%} .sucon_five>ul:after{clear:both;content:'';display:block} .sucon_five>ul>li{float:left;padding:10px;width:20%} .sucon_five>ul>li>h3{padding:10px;text-align:center;font-weight:400} .sucon_five>ul>li>h4{padding:10px;text-align:center;font-weight:200} .sucon_three{width:100%} .sucon_three>ul:after{clear:both;content:'';display:block} .sucon_three>ul>li{float:left;padding:10px;width:33.3333333333%;;} .sucon_three>ul>li>div{width:100%;padding:10px;height:25vh;;display:table;border:2px solid #00aeef ;background:#004083;border-radius:10px} .sucon_three>ul>li>div>h3{padding:10px;text-align:center;font-weight:400;display:table-cell; vertical-align:middle;color:#fff} .sucon_three>ul>li>div>h4{padding:10px;text-align:center;font-weight:200} .sucon_four{width:100%} .sucon_four>ul:after{clear:both;content:'';display:block} .sucon_four>ul>li{float:left;padding:5px 10px;width:25%} .sucon_four>ul>li>h3{padding:10px;text-align:center;font-weight:400} .sucon_four>ul>li>h4{padding:10px;text-align:center;background:#528dc7;color:#fff;font-weight:200} .sucon_four>ul>li img{width:100%} .sucon_four>ul>li dl{width:100%;} .sucon_four>ul>li dl dt{width:100%} .sucon_four>ul>li dl dd{width:100%;background: #316d9f;min-height:220px;} .sucon_four>ul>li dl dd h3{padding:10px 5px;font-weight:600;text-align:center;color:#fff} .sucon_four>ul>li dl dd h4{padding:5px 5px;font-weight:400;text-align:center;color:#fafafa} .sucon_four>ul>li dl dt img{width:100%;border-radius:0px;} .sucon_four h2{text-align: left; padding: 10px;font-weight:200;} .sucon_three{width:100%} .sucon_three>ul:after{clear:both;content:'';display:block} .sucon_three>ul>li{float:left;padding:10px;width:33.3333333333%} .sucon_three>ul>li>h3{padding:10px;text-align:left;font-weight:400;background:#27502f;color:#fff;} .sucon_three>ul>li>h4{padding:10px;text-align:center;background:#528dc7;color:#fff;font-weight:200} .sucon_three>ul>li img{width:auto;max-width:100%;;} .sucon_three>ul>li:nth-child(1) img{border:1px solid #fafafa;border-radius:10px;} .sucon_three>ul>li:nth-child(2) img{border:1px solid #fafafa;border-radius:10px;} .icon_four>ul>li{float:left;padding:10px;width:25%} .icon_four>ul>li>h3{padding:10px;text-align:center;font-weight:400} .icon_four>ul>li>h4{padding:10px;text-align:center;font-weight:200} .sucon_process{width:100%} .sucon_process>ul:after{clear:both;content:'';display:block} .sucon_process>ul>li{width:33.3333333333333%;float:left;padding:10px} .sucon_process>ul>li>dl{width:100%} .sucon_process>ul>li>dl>dt{width:100%;padding:10px;} .sucon_process>ul>li>dl>dt img{width:100%;border-radius:0 30px 0 30px} .sucon_process>ul>li>dl>dd{width:100%;padding:10px;} .sucon_process>ul>li>dl>dd>h3{padding:10px 0;border-bottom:7px solid} .sucon_process>ul>li>dl>dd>h4{padding:10px 0;line-height:1.45;color:#777} .sucon_process>ul>li:nth-child(1)>dl>dd>h3{border-color:#c6e3ff} .sucon_process>ul>li:nth-child(2)>dl>dd>h3{border-color:#68abd4} .sucon_process>ul>li:nth-child(3)>dl>dd>h3{border-color:#045aae} .sucon_process>ul>li:nth-child(4)>dl>dd>h3{border-color:#11508e} .sucon_process>ul>li:nth-child(5)>dl>dd>h3{border-color:#1b3855} .sucon_process>ul>li:nth-child(6)>dl>dd>h3{border-color:#010b14} .Map_Div{width:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;} .Map_Div>div:first-child{width:50%;padding:10px;} .Map_Div>div:first-child>dl{flex-wrap: wrap; display: flex; align-items: center;padding:20px; justify-content: center;width:100%;border-bottom: 1px solid #cacaca;} .Map_Div>div:first-child>dl>dt{width:30%;;padding:5px;} .Map_Div>div:first-child>dl>dd{width:70%;padding:5px;} .Map_Div>div:first-child>dl>dt>h3{font-weight:400;} .Map_Div>div:first-child>dl>dd>h4{font-weight:300;} .Map_Div>div:last-child{width:50%;padding:10px;} .Process_Build{width:100%;padding:10px;} .Process_Build>dl{width:100%; padding:10px; display:flex; /* display: inline-flex; */ /*배치 방향 설정*/ flex-direction: row; /* flex-direction: column; */ /* flex-direction: row-reverse; */ /* flex-direction: column-reverse; */ /*줄넘김 처리 설정*/ flex-wrap: nowrap; /* flex-wrap: wrap; */ /* flex-wrap: wrap-reverse; */ /*위에것 한꺼번에 지정*/ /*flex-flow: row wrap;*/ /* 아래의 두 줄을 줄여 쓴 것 */ /* flex-direction: row; */ /* flex-wrap: wrap; */ /*메인축 방향 정렬*/ justify-content: flex-start; /* justify-content: flex-end; */ /* justify-content: center; */ /* justify-content: space-between; */ /* justify-content: space-around; */ /* justify-content: space-evenly; */ /*수직축 방향 정렬*/ align-items: stretch; /* align-items: flex-start; */ /* align-items: flex-end; */ /* align-items: center; */ /* align-items: baseline; */ /*여려행 정렬*/ /*flex-wrap: wrap;*/ /*align-content: stretch;*/ /* align-content: flex-start; */ /* align-content: flex-end; */ /* align-content: center; */ /* align-content: space-between; */ /* align-content: space-around; */ /* align-content: space-evenly; */ } .Process_Build>dl>dt{ /*flex 사이즈*/ flex-basis: 18%; /* 기본값 */ /* flex-basis: 0; */ /* flex-basis: 50%; */ /* flex-basis: 300px; */ /* flex-basis: 10rem; */ /* flex-basis: content; */ /*유연하게 늘리기*/ flex-grow: 0; /* flex-grow: 0; */ /* 기본값 */ /*유연하게 줄이기*/ flex-shrink: 1; /* 기본값 */ } .Process_Build>dl>dt>div{padding: 50px 0;;width:200px;height:200px;border-radius:500px; position:relative;top:0;left:0;} .Color_G>dl>dt>div{background:#40c0c1;} .Color_S>dl>dt>div{background:#58a7e2;} .Color_B>dl>dt>div{background:#3378c1;} .Process_Build>dl>dt>div::after{clear: both; content: ''; display: block; width: 180px; height: 180px; background: #fff; left: calc(50% - 90px); top: calc(50% - 90px); border-radius: 500px; position: absolute; } .Process_Build>dl>dt>div>h3{position:relative;top:0;left:0;z-index:2;text-align:center;padding: 5px;} .Process_Build>dl>dt>div>h2{position: relative; top: 0; left: 0; z-index: 2; text-align: center; padding: 10px; width: 95%; box-shadow: 0px 0px 2px #333; background: #fff; margin: 0 auto; border-radius: 10px;} .Process_Build>dl>dd{ display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; /*flex 사이즈*/ flex-basis: 82%; /* 기본값 */ /* flex-basis: 0; */ /* flex-basis: 50%; */ /* flex-basis: 300px; */ /* flex-basis: 10rem; */ /* flex-basis: content; */ /*유연하게 늘리기*/ flex-grow: 0; /* flex-grow: 0; */ /* 기본값 */ /*유연하게 줄이기*/ flex-shrink: 1; /* 기본값 */ } .Process_Build>dl>dd>div{ flex-grow: 1;flex-basis: 100%; /* 기본값 */;padding:10px;margin:20px 0} .Process_Build>dl>dd>div>article{position: relative; top: 0; left: 0; padding: 30px; height: 100%;} .Color_G>dl>dd>div>article{border:1px solid #40c0c1} .Color_S>dl>dd>div>article{border:1px solid #58a7e2} .Color_B>dl>dd>div>article{border:1px solid #3378c1} .Process_Build>dl>dd>div>article>h2{color:#fff;width:200px; position:absolute;left:calc(50% - 100px);top:-20px;padding:10px 5px;text-align:center;font-weight:600;border-radius: 10px 100px / 120px;} .Long_He{width:300px !important;;left:calc(50% - 150px) !important;} .Color_G>dl>dd>div>article>h2{background:#40c0c1} .Color_S>dl>dd>div>article>h2{background:#58a7e2} .Color_B>dl>dd>div>article>h2{background: #3378c1} .Process_Build>dl>dd>div>article>h3{padding:10px 5px;color:#425cce;line-height: 1.5;} .Process_Build>dl>dd>div>article>h4{padding:5px;position:relative;top:0;color:#666;} .Two_Process{flex-flow: row wrap !important;} .Two_Process>div{flex-grow: 1;flex-basis: 50% !important} .Process_Build>dl>dd>div>article>h4::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #425cce; position: absolute; top: 0.75rem; left: -10px; } /* .subinfo h1::after { content: ""; display: block; width: 120px; height: 2px; background: #68b880; margin:15px auto; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } */ .sucon iframe{width:100%;height:600px;} .coline{width:100%;margin:20px auto 20px; height:1px;background: #ccc;} .coline2{width:100%;margin:10px auto; height:1px;background: #ccc;} .timpri{padding:20px; text-align:center; font-weight:800} .coline3{width:90%;margin:5px auto; height:1px;background: #ccc;} .ssubheader{padding:20px 0 10px 10px; text-align:;line-height:1.65em;border-bottom:1px solid #efefef} .suhetext{color:#4a95ea} .suhetext i{color:#4a95ea} .subheader2{padding:20px;} .suconbg ul{ padding: 30px;} .suconbg{padding:20px; background:#7496c2;} .suconbg h1{text-align:center; padding:20px; color:#fff;} .suconbg h1 i{font-size:3em} .suconbg ul li{list-style:circle;padding:10px;width:100% !important;float:none !important;padding-left:0} .suconbg ul li h3{font-weight:600; padding:10px;;padding-left:0} .suconbg ul li h4{font-weight:600; padding:5px; color:#333 !important;padding-left:0} .suconbg > ul > li:nth-child(1) { width: 100% !important; } .sucon>dl{width:100%;; padding:10px; margin-top:15px;} .sucon>dl:after{clear:both; content:'';display:block} .sucon>dl>dt{width:40%;float:left;padding:15px;text-align:left;} .sucon>dl>dt>img{width:100%;border:1px solid #eaeaea} .sucon>dl>dd{width:55%;float:right;padding:15px;;text-align:left;} .sucon>dl>dd>dl:after{clear:both; content:'';display:block} .sucon>dl>dd>dl>dt{padding:5px; border-bottom:1px solid #cfcfcf;width:100%;} .sucon>dl>dd>dl>dd{padding:5px;width:100%;} .sucon>dl>dd>dl>dd>h4{line-height:1.35em;padding:5px} .sucon>dl>dt>ul:after{clear:both;content:'';display:block} .sucon>dl>dt>ul>li{width:50%;float:left;padding:0px;} .sucon>dl>dt>ul>li>a{width:100%;} .sucon>dl>dt>ul>li>a h4{text-align:center;padding:10px 0 !important} .sucon>dl>dt>ul>li:first-child>a>h4{background:#005cac;color:#fff} .sucon>dl>dt>ul>li:last-child>a>h4{background:#eaeaea;;color:#333;} .sucon>dl>dt>ul>li>a>img{width:100%} .sucon>dl>dd>dl>dt{width:100%} .sucon>dl>dd>dl>dt h3{padding:10px 0;line-height:1.65;font-weight:400;font-size:16px;color:#005cac} .sucon>dl>dd>dl>dd>ul:after{clear:both;content:'';display:block} .sucon>dl>dd>dl>dd>ul>li:first-child{width:20%;float:left;padding:10px 10px} .sucon>dl>dd>dl>dd>ul>li:last-child{width:80%;float:left;padding:10px 20px} .sucon>dl>dd>dl>dd>ul>li:first-child h1{border-bottom:1px solid #cacaca;;padding:5px 0} .sucon>dl>dd>dl>dd>ul>li:last-child h5{font-weight:200;color:#777;padding:5px 0} .sucon>dl>dd>dl>dd>ul>li:last-child h4{padding:3px;} .sucon>dl>dd h4{text-align:left;line-height:1.35em} .suconok > ul{padding:10px} .suconok > ul > li:nth-child(1) { width: 100px; height:100px; background:#597aa5; text-align:center; border-radius:20em; float:left; } .suconok > ul > li:nth-child(1) i{color:#fff !important; font-size:3em;line-height: 1.7em;} .suconok > ul > li:nth-child(2){width:1050px; float:right;} .ttable{width:100%;} .ttable td{padding:10px; text-align:center;color:#333;border:1px solid #ccc;background:#eee;} .th{background:#597aa5 !important; color:#fff !important;padding:10px} .th2{background:rgba(59,57,92,0.3);color:#fff !important} .th3{background:rgba(59,57,92,0.6);color:#fff !important} .Table_Div{width:100%;overflow-x:scroll} .Table_Div table{width:100%;} .Table_Div h4{padding:5px 0;font-weight:400} .Table_Div h3{padding:10px 0;font-weight:400;color:#639fc3} .Table_Div img{width:100%;;margin:5px 0} .Table_Div2{width:100%;overflow-x:scroll} .Table_Div2 img{width:100%;;margin:5px 0} .Table_Div { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .Table_Div::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } .Table_Div2 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .Table_Div2::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } .table_1{width:100%;border:1px solid #fafafa;border-collapse:collapse;border-spacing:0px} .th_1{background:#ccc;text-align:center;border:1px solid #fafafa;padding:10px;font-weight:300;line-height:1.45} .th_2{background:#eaeaea;text-align:center;border:1px solid #cfcfcf;padding:10px;font-weight:300;line-height:1.45} .table_1 td{text-align:center;;border:1px solid #cfcfcf;padding:10px;font-weight:300;line-height:1.45;color:#777} .table_1 td img{width:100px; margin:0 auto;padding:10px 0} .table_1 td h3{padding:5px;color:#222} .table_1 td h4{padding:5px;color:#555;font-weight:300} .table_1 td span{;width:100%;padding:10px;display:none} .table_1 td h4::after{display:none !important} .table_1 td h4::before{display:none !important} .BG_Green{background:#098212 ;} .BG_Yellow{background:#cde23c ;} .BG_Skyblue{background:#57c1e9 ;} .BG_Skygreen{background:#29b77c ;} .BG_Yblue{background:#578ee9 ;} .BG_Juhwang{background:#ecae38 ;} table.table_2{width:100%;border:1px solid #fafafa;border-collapse:collapse;border-spacing:0px} .th_3{background: #aa9a8d;color:#000;padding:5px;text-align:center;border:1px solid #fafafa;font-weight:400;line-height:1.45} .td_3{background: #f3ead9;color:#000;padding:5px;text-align:center;border:1px solid #fafafa;font-weight:400;line-height:1.45} .subname{padding:20px;border-bottom:1px solid #ccc;padding-left:0} .subname2{padding:20px;padding-left:0} .suconlight{width:100%;} .suconlight>ul:after{clear:both;content:'';display:block} .suconlight>ul>li{width:25%;float:left;padding:10px;} .suconlight>ul>li h3{padding:10px; text-align:center; border-radius:4px; color:#fff; background:#62b134;margin-top:5px;} .Img_Four{width:100%} .Img_Four:after{clear:both;content:'';display:block} .Img_Four>li{width:25% !important;float:left;padding:10px} .Img_Four>li img{width:100%;} /**/ .sub_p_text h1{text-align:center;padding:70px 20px;color:#fff; text-shadow:1px 1px 1px #111;font-size:3em;font-family: 'Cormorant SC', serif;;} .sub_p_text h1 small{color:#fff; font-family: 'GongGothic';;; !important; } .sub_twin{width:100%;} .sub_twin h1{text-align:center;} .sub_twin>ul:after{clear:both;content:'';display:block;} .sub_twin>ul>li{width:50%;float:left;padding:10px;} .sub_twin>ul>li>dl{; width:100%;} .sub_twin>ul>li>dl>dt{padding:5px;background:#fafafa;} .sub_twin>ul>li>dl>dt>h2{text-align:center;} .sub_twin>ul>li>dl>dd{background:#cacaca; min-height:140px;padding:10px} .sub_twin>ul>li>dl>dd>h4{padding:5px;} .sucon_line{width:100%} .sucon_line h4{padding:10px;border-bottom:1px solid #fafafa;position:relative;} .sucon_line h4::before{clear:both;content:'·';display:inline-block;color:#448ec6;margin-right:5px} .suconpyo{width:100%;padding:10px;border:1px solid #cfcfcf} .Pyo_Subject{display:none} .Pyo_Subject:after{clear:both;content:'';display:block} .Pyo_Subject>dt{width:30%;background:#0087e7;float:left;padding:10px;} .Pyo_Subject>dd{width:70%;background:#0087e7;float:left;padding:10px;} .Pyo_Subject>dt h3{color:#fff;text-align:center;} .Pyo_Subject>dd h3{color:#fff;text-align:center;} .Pyo_Sum>dt{width:20%;background:#;float:left;} .Pyo_Sum>dd{width:80%;background:#;float:left;position:relative;border-left:1px solid #cfcfcf;margin:10px auto;} .Pyo_Sum>dt h3{padding:0px 10px;text-align:center;} .Pyo_Sum>dd h4{padding:10px 20px;line-height:1.55em;font-weight:200} .Pyo_Sum>dd h5{padding:0px 25px;line-height:1.45em;color:#888} .Pyo_Sum>dd img{width:100%} .Pyo_Sum:after{clear:both;content:'';display:block;width:100%;margin:5px auto; height:1px; border-bottom:1px solid #cfcfcf} .Non_Bottom:after{clear:both;content:'';display:block;width:100%;margin:5px auto; height:1px; border-bottom:0px solid #cfcfcf !important} .pro_table{width:100%;border-top:3px solid #0da4cf;;margin:10px auto} .pro_table tr th{width:30%;padding:10px 5px;text-align:center;font-weight:600;border-bottom:1px solid #dadada;color:#555;font-weight:600} .pro_table tr td{width:70%;padding:10px 5px;text-align:center;font-weight:200;border-bottom:1px solid #dadada;color:#888} .sucon_pro{width:100%;padding:10px;} .sucon_pro>ul:after{clear:both;content:'';display:block} .sucon_pro>ul>li{padding:10px;float:left;} .sucon_pro>ul>li:nth-child(1){width:23%} .sucon_pro>ul>li:nth-child(2){width:77%;} .sucon_pro>ul>li img{width:100%} .sucon_pro>ul>li>dl{width:100%} .sucon_pro>ul>li>dl>dt{width:100%;padding:10px} .sucon_pro>ul>li>dl>dt>h3{padding:10px;font-weight:200;;color:#555;margin-top: 0px;font-size:16px} .sucon_pro>ul>li>dl>dt>h3>b{font-weight:600} .sucon_pro>ul>li>dl>dd{width:100%;padding:10px} .sucon_pro>ul>li>dl>dd>ul:after{clear:both;content:'';display:block} .sucon_pro>ul>li>dl>dd>ul>li{width:33.33333333%;padding:10px;float:left;} .sucon_pro>ul>li>dl>dd>ul>li>a{display:block;width:100%;padding:10px;border:1px solid #cacaca;text-align:center;;color:#555} .Sub_Subject{width:100%;;padding:30px} .Sub_Subject>h2{font-weight:800} .Sub_Subject>h3{font-weight:400;color:#7db4f3} /* 게시물 선택복사 선택이동 */ #copymove {} #copymove .win_desc {text-align:center;display:block} #copymove .tbl_wrap {margin:20px} #copymove .win_btn {padding:0 20px 20px} .copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* ie6 이미지 너비 지정 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #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 #captcha_img {display:inline-block;margin:5px;height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {display:inline-block;margin:0px;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {display:inline-block;margin:0px;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block} #captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} #captcha.m_captcha #captcha_reload span {display:none} #captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .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:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* ckeditor 태그 기본값 */ #bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li {display:list-item} /* 버튼 */ a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1em; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} a.btn01 {display:inline-block;padding: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: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:right} /* 서식단계 진행 */ .btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px} .btn_submit:hover {background:#2375eb} .btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff} a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa} a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent} .btn_b01:hover, .btn_b01:hover {color:#000} a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} a.btn_b02:hover, .btn_b02:hover {background:#0025eb} a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle} a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9} a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:hover, a.btn_admin:hover {color:#ff3746} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec; border-bottom:1px solid #ececec} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} .tbl_head01 tbody tr:hover td {background:#fafafa} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .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, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); } .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px} .full_input {width:100%} .half_input {width:49.5%} .twopart_input {width:385px;margin-right:10px} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본 리스트*/ .list_01 ul {border-top:1px solid #ececec} .list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} .list_01 li:nth-child(odd) {background:#f6f6f6} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_01 li.empty_li {text-align:center;padding:20px 0;color:#666} /*폼 리스트*/ .form_01 h2 {font-size:1.167em} .form_01 li {margin-bottom:10px} .form_01 ul:after, .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 .left_input {float:left} .form_01 .margin_input {margin-right:1%} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;color:#666;text-align:center} /* 필수입력 */ .required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 항목별 정의 */ .td_board {width:80px;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:110px;text-align:center} .td_group {width:80px;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 {position:relative} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} .new_win .win_ul li:first-child {margin-left:0} .new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} .new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} .new_win .win_ul .selected a {color:#fff;font-weight:bold} .new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} .new_win .win_desc i {font-size:1.2em;vertical-align:baseline} .new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} .new_win .frm_info {font-size:0.92em;color:#919191} .new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} .new_win .new_win_con {margin:20px 0;padding:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .new_win_con2 {margin:20px 0} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn {text-align:center} .new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* 검색결과 색상 */ .sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} .sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb} .sv_wrap .sv a:hover {background:#000;color:#fff} .sv_member {color:#333} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;float:left;display:inline-block} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px} .pg_page:hover {background-color:#fafafa} .pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} .pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} /* cheditor 이슈 */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em; background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} @media all and (min-width:805px) and (max-width:1280px) { } @media all and (min-width:1px) and (max-width:800px) { #Section_1::after, #Section_3::after, #Section_5::after { content: ""; position: absolute; left: 0; bottom: 0%; width: 100%; height: 40%; display: block; background: #0c0c0c; z-index: -2; } /* .slider-content .vertical-center::before, .slider-content .vertical-center::after { content: ""; border: 5px solid #003198; border-bottom-style: solid; border-bottom-width: 5px; opacity: 1; position: absolute; left: 70px; width: 240px; height: 60px; } .slider-content .vertical-center::before { bottom: 95%; border-bottom: 0; } .slider-content .vertical-center::after { top: 110px; border-top: 0; } */ .pad-tb-50 { padding: 0px 0px !important; } .Ban_Section{/*justify-content: flex-start;*/ /* justify-content: flex-end; */ justify-content: center; /*justify-content: space-between; */ /* justify-content: space-around; */ /* justify-content: space-evenly; */bottom:5%;z-index: 1;} .Ban_Section>div{width:50%;padding:5px;} .Ban_Section>div>a{display:block;width:100%;} .Ban_Section>div>a>img{width:100%;} .fullwid-80{width:100% !important} .subinfo{width:100%} #header{position:relative;top:0;left:0;padding:0} #hd, #wrapper, #ft { min-width: 100%; margin: 0 auto; } #ft{-webkit-background-size:0 ; background-size:0 ;} #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr { width: 100%; margin: 0 auto; } #ft_wr { max-width: 100%; margin: 0; padding: 20px 0; position: relative; display: inline-block; text-align: left; } #ft_copy { text-align: left; width: 100%; margin: 0 auto; padding: 0px 0 10px; color: #999; font-size: 0.92em; } /* 팝업레이어 */ #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 {} .hd_pops img{max-width:100%;height:auto} .hd_pops_footer {padding:10px 0;background:#33353E;color:#A39B97;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#33353E;color:#A39B97} .hd_pops_footer button:hover {color:#eee} #floatMenu { position: fixed; width: 70px; height: 70px; right: 00px; bottom: 100px; background-color: transparent; z-index:9999999; padding:10px 0; } #floatMenu > ul > li{width:100%;;padding:8px 0;; overflow:hidden;;text-align:center;} #floatMenu > ul > li > a{display:block;width:100%;border-radius:8px 8px 8px 8px;} #floatMenu > ul > li:nth-child(1) > a{background: ;} #floatMenu > ul > li:nth-child(2) > a{background:;} #floatMenu > ul > li:nth-child(3) > a{background: ;} #floatMenu > ul > li > a img{width:100%; padding:0 0;} #floatMenu > ul > li > a > span{font-weight:400;font-size:15px;display:none} .Tel_Section{width: auto; position: absolute; right: auto; top: 300%; z-index: 99; left: 2%;display:none} .Tel_Section>span{ display: inline-block; position: relative; top: 0px; left: 0px; transform: rotate(0deg); -webkit-transform: rotate(0deg); ;background:#003198; padding: 5px; margin: 0 10px; } .Tel_Section>span>a{display:block;width:100%} .Tel_Section>span>a>h3{color: #fff;font-family: 'Raleway';font-weight:200;font-size:15px} .Tel_Section>h1{color: #fff; padding: 3px 10px; font-weight: 400; font-family: 'Raleway'; font-size: 2.5em;} .Tel_Section>h1>a{display:block;width:100%;;color: #fff;} .Tel_Section>ul:after{clear:both;content:'';display:block} .Tel_Section>ul>li{position: relative; float: left; padding: 3px 10px; ;} .Tel_Section>ul>li:first-child::after { content: ""; position: absolute; opacity: 0.3; top: 50%; right: 0; width: 1px; height: 16px; margin-top: -9px; background: #fff; } .Tel_Section>ul{padding:10px 0} .Tel_Section>ul>li>a>h3{/*color: #baa862;*/color:#fff;font-weight:200;letter-spacing:1px;font-size:17px} .Sub_Header_Section > .Tel_Section{display:none !important} .Section_Text { width: 100%; padding: 10px; line-height: 1.55; } .Section_Text > h1{font-size: 2.2em;} .Section_Text > h5 { font-weight: 300; color: #555; text-align: center; letter-spacing: 1px; font-size: 14px; } .Last_Section{width:100%;padding:10px;background:#fafafa;} .Section_Text { width: 100%; padding: 10px; line-height: 1.55; position: relative; z-index: 2; } .Section_Text > h1 { text-align: center; letter-spacing: 2px; font-size:21px; font-weight:600; } .Section_Text > h4 { font-weight: 300; color: #888; text-align: center; font-size: 12px; } .In_Content{width:100%; margin:0 auto} .In_Content_2{width:100%; margin:0 auto} .In_Content_3{width:100%; margin:0 auto} .First_Section{width:100%;padding:30px 10px;background:url(../img/bg_m.png) no-repeat center bottom; -webkit-background-size: cover; background-size: cover;position:relative;} .First_Section>div.section_IT{width:100%; margin:0 auto;} .section_IT::after{clear:both;content:'';display:block} .Img_Se{width:100%;float:none;padding:5px} .Img_Se>img{width:100%} .Txt_Se{width:100%;float:none;;;;padding:5px 5px} .Txt_Se h1{font-weight:bold;padding: 5px;font-family: 'Raleway'; font-weight:600;font-size:1.5em;line-height: 1.2;color:#003198} .Txt_Se h1 small{font-weight:200} .Txt_Se h3{line-height:1.75em;padding: 5px;font-weight:200;font-size:13px} .Txt_Se h1 small { font-weight: 200; font-size:40%; } .Center_Text { position: relative; width: 100%; padding: 10px; margin:10px 0 30px; } #Svg_Sp_Text {position: absolute; bottom: auto; top:-10%; left: 5%; transform: translate(-0%, 0); display: block; width: 100%; z-index: 11; opacity: 1;} #Svg_Sp_Text text {position:relative; top:0px; font-size:25px; line-height:1;font-weight: 700; } .Special_Section{width:100%;background: #000;height:800px;position:relative;display:block;} .Special_Section>div{width:100%;top:50px;position:relative;z-index:95;display:block;} .Inner_Sec_Sp{width:100%; margin:0 auto;} .Special_Section::before{ content: ''; width: 100%;; height: 50%; background: #212620; position: absolute; top: 0; left: -0%; z-index: 1; transform: skew(0deg); } .Special_Section::after{ content: ''; width: 100%; height: 50%; background: url('../img/Special_Section_Bg.jpg') no-repeat left -0% center; background-size: auto; position: absolute; top: auto; bottom:0; right: 0; background-size: cover; opacity:1; } .Special_Text{width:100%;padding:0 15px;position:relative;z-index:15} .Special_Text>h4{color:#fff;font-weight:300;padding:5px 20px} .Special_Text>h1{color:#fff;font-weight:700;padding:5px 10px;font-size: 2em;} .Special_Text>h3{color:#dfdfdf;font-weight:300;padding:10px 10px;line-height:1.55;font-size:14px;} .Special_Icon{width:100%;;padding:20px 0} .Special_Icon>ul{width:100%;display: flex; align-items: center; flex-wrap: wrap;justify-content: center;} .Special_Icon>ul>li{width:calc(100% / 3);padding:5px;} .Special_Icon>ul>li>dl>dt>img{width:40%;margin:0 auto} .Special_Icon>ul>li>dl>dd{width:100%;padding:10px;} .Special_Icon>ul>li>dl>dd>h4{font-weight:300;padding:3px;text-align:center;color:#549beb;font-size:11px} .Special_Icon>ul>li>dl>dd>h2{font-weight:300;padding:3px;text-align:center;color:#549beb;font-size:13px} .Special_Icon>ul>li>div>h3{text-align:center;padding:5px;font-size:11px;color:#fff} .F_Box_Im{padding:10px 5px 10px} .F_Box_Im>ul{width:100%;margin:0 auto;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;} .F_Box_Im>ul>li{width:50%;padding:5px} .F_Box_Im>ul>li>a{width:100%;display:block;position:relative;top:0;left:0} .F_Box_Im>ul>li>a>img{width:100%;} .Big_Main_Text{width:100%;position:relative;top:0;padding:10px} .Big_Main_Text>h1{position:relative;text-align:right;;right:0%;top:0;color: rgba(0,0,0,0.15);;font-weight:500;font-size:30px; letter-spacing:2px} .Big_Num{width:auto;position:absolute;top:3%;left:5%;} .Big_Num>h1{font-weight:600;font-size:2.5em;color:#111; -webkit-text-stroke: 2px #fff;text-stroke: 2px #fff;} div.Te_Box_F{width: 100%; z-index: 2; position: relative; padding: 0px 0 5px; bottom: -0%; left: -0%; background: #fff;border: 1px solid #999;border-top:0; min-height: auto;} div.Te_Box_F>h1{padding: 15px 7px; text-align: left; color: #000; font-size: 14px;;font-weight:300} div.Te_Box_F>h5{padding:3px 20px;font-weight:300;text-align:left;color:#fff;background:#234e8a;font-size:9px;} div.Te_Box_F>h4{padding:5px 20px 2px;text-align:left;color:#444;line-height:1.55;;font-weight:300;;font-size:13px;display:none} .Card_Bx{ position:relative; top:0; left:0; /*-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%) ; -ms-transform: translate(-50%,-50%) ; -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);*/ background:#000; border-radius:15px; box-shadow:0 3px 5px rgba(0,0,0,0.3); overflow:hidden; } .Card_Detail h2{font-size:15px;} /* .Card_Bx:hover .Card_Detail{height:50px;} .Card_Bx:hover .Img_Bx{-webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform:translateY(-50px) ; -o-transform: translateY(-50px); transform: translateY(-50px);}*/ .Center_Text::after { content: ''; clear: both; display: block; width: 1px; height: 25px; background-color: rgba(200, 200, 200, 0.8); margin: 0 auto; transform: scaleY(1); transition: 1.2s; position: absolute; left: 50%; bottom: -7%; } #service211 .owl-nav { position: absolute; position: absolute; top: -120%; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; width: auto; right: auto; left: 5px; display: block !important; width:100%; } #service211 .owl-nav .owl-next { position: absolute; right: 0; left: auto; } .Bg_Box_Section{width:100%;position:relative;top:0;height:auto;background:url(../img/int_ban.jpg) center bottom no-repeat;opacity:1; animation: bgch 5s linear infinite forwards;background-size: cover;} /*.Bg_Box_Section::before{background:rgba(0,0,0,0.5);width:100%; height:100%;position:absolute;clear:both;content:'';display:block; animation: bgch 15s linear infinite forwards;}*/ .Hea_Te_xt{width:100%;width:100%;padding:20px;position:relative;left:0%;top:0%} .Hea_Te_xt>dl{width:100%;margin:0 ;display: block; align-items: center; flex-wrap: wrap;} .Hea_Te_xt>dl>dt{width:100%} .Hea_Te_xt>dl>dd{width:100%} .Hea_Te_xt>dl>dt>h1{padding:5px 10px;font-weight:800;font-size:1.8em;font-family: 'Raleway'; ;color:#fff} .Hea_Te_xt>dl>dd>h4{padding:5px 10px;line-height:1.75;font-weight:400;color:#fff} .Bg_Box_Section ul{width:100%;padding:0px 0;height:100%;} .Bg_Box_Section ul > li{;display:table;;width:calc(100% / 1);float:none;padding:10px 0; border-top:1px solid rgba(255,255,255,0.35); height:auto;position:relative;border-left:0} /* .Bg_Box_Section ul > li:first-child{border-top:0px solid rgba(255,255,255,0.35);} */ .Bg_Box_Section ul > li::after{width:100%;height:auto;background:url(../img/li_bg.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover;opacity:0;-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;display:block;content:'';display:block;position:absolute;left:0;top:0;z-index:1} .Bg_Box_Section ul > li > a{display:table-cell;vertical-align:middle;width:100%;z-index:10;position:relative} .Bg_Box_Section ul > li:hover::after{opacity:1} .Bg_Box_Section ul > li > a > div{display:block; vertical-align:bottom;position:relative;z-index:3;padding:5px 10px} .Bg_Box_Section ul > li > a > div > h1{color:#fff;text-align:left;padding:5px 10px;font-size: 20px;} .Bg_Box_Section ul > li > a > div > h4{color:#fff;text-align:left;padding:5px 10px;line-height:1.65em;font-size:13px;font-weight:400} .Bg_Box_Section ul > li > a > div > h3{display:inline-block;color:#fff;text-align:left;padding:5px 10px; line-height:1.65em;position:relative;font-size:15px;font-weight:200} .B_dot{font-size:2em !important;color:#fff;display:block} .Bg_Box_Section ul > li > a > div > h3.T_span{font-weight: 300;font-family: 'Poppins', sans-serif;} .b_img img { width: 50% !important; } .Bg_Box_Section ul > li > a > div > h3.T_span::after { clear: both; content: ''; display: block; width: 40px; height: 40px; border-radius: 100%; background: rgba(255,255,255,0.2); position: absolute; right: -13px; top: 50%; transform: translateY(-50%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a:hover h3.T_span::after { clear: both; content: ''; display: block; width: 40px; height: 40px; border-radius: 100%; background: rgba(75,161,219,0.35); position: absolute; right: -13px; top: 50%; transform: translateY(-50%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div > h3.T_span > span::after { clear: both; content: ''; display: inline-block; width: 30px; height: 10px; margin-left: 5px; position: relative; background: url("../img/m_ar.png") no-repeat right center; z-index: 2; } .Bg_Box_Section ul > li > a > div::before{clear: both; content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; background: rgb(28, 122, 202); position: absolute; left: 51%; top: -7.5%; transform: translateY(-0%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div::after{clear: both; content: ''; display: block; width: 20px; height: 20px; border-radius: 100%; background: rgb(28, 122, 202,0.5); position: absolute; left: 50%; top: -10%; transform: translateY(-0%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div > span{;padding:20px;display: block; text-align: center;margin:0 auto} .Bg_Box_Section ul > li > a > div > span a{ text-align: center;;display:block;color:#fff;text-align:center; font-family: 'Poppins', sans-serif;} .Cs_SecBg{width:100%;padding:0 0px;;background-attachment: fixed;;background-position: center center;-webkit-background-size: cover; background-size: cover;position:relative;height:auto;} .Cs_SecBg::before{width:100%;height:100%;background: rgba(23,40,65,0.3); position:absolute;left:0;top:0;content:'';display:block;clear:both;z-index:1} .Cs_SecBg::after{clear:both;content:'';display:block} .Cs_SecBg>ul::after{clear:both;content:'';display:block;} .Cs_SecBg>ul{width:100%;float:right;height:100%;position:relative;z-index:5} .Cs_SecBg>ul>li{float:none;padding:5px;} .Cs_SecBg>ul>li:nth-child(1){width:100%;float:none;} .Cs_SecBg>ul>li:nth-child(2){width:100%;float:none;position:relative;;height:100%} .Tex_Sec_T{padding:30px 5px 5px} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>h1{color:#fff;font-family: 'Raleway'; font-weight:900;padding:10px;font-size:2.5em} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>h4{color:#fff;line-height:1.65;padding:10px;font-weight:400} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span{display:inline-block;padding:10px;position:relative;margin: 20px 0;} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span>a{display:block;position:relative;color:#fff} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span>a::after{clear:both;content:'';display:block;width:200px;height:30px; background:url(../img/main_btn.png) no-repeat -70px -15px;; } .Cs_SecBg>ul>li:nth-child(2)>div{width:100%;background: #171f2e;position:relative;bottom:0;right:0;height:auto;padding:20px 5px} .Cs_SecBg>ul>li:nth-child(2)>div>h3{padding:10px 3px;font-size:14px} .Cs_SecBg>ul>li:nth-child(2)>div>h3>strong{font-weight:600;color:#fff; font-family: 'Raleway';font-weight:800} .Cs_SecBg>ul>li:nth-child(2)>div>h3>span{font-weight:400;color:#fff} .Detail_Business{width:100%;padding: 00px 5px 30px;position:relative;top:0;left:0;overflow:hidden} .Detail_Business>.Inner_Business{width:100%;margin:0 auto;display:flex;flex-wrap: wrap;align-items: stretch;justify-content: center;} .Detail_Business>.Inner_Business>div{width:33.333333%;padding:5px;transition:0.5s} .Detail_Business>.Inner_Business>div>a{display:block;width:100%;transition:0.5s;} .Detail_Business>.Inner_Business>div>a>img{width:100%;transition:0.5s;} .Detail_Business>.Inner_Business>div>a:hover > img{transform:scale(1.5)} .Detail_Business>.Inner_Business:hover > div{filter:blur(5px);transform:scale(0.7)} .Detail_Business>.Inner_Business>div:hover {filter:blur(0px);transform:scale(1)} .Detail_Business::after{z-index:-1;position:absolute;bottom:0;width:100% ;height:50%;background:#e0dcd6;clear:both;content:'';display:block} /* Section_2 */ .Section_2{width: 100%;min-height: 720px;;position: relative; background:url(../img/Section_Bg_2.png) no-repeat center center / cover;} .Section_2 .Section_2_Inner{display: block; min-height: 100%;}/* .Section_2 .Section_2_Inner::after{content: ''; width: 508px; height: 175px; position: absolute; left: -20px; bottom: -20px; background: url(../img/.png) no-repeat center center / 100%;}*/ .Section_2 .S2_txt{width: 100%; padding: 10px 10px 10px 10px;min-height: 100%;} .Section_2 .S2_txt .Section_2_Top h3{ font-size: 2rem; color: #3a2721;padding:10px;text-align:center;} .Section_2 .S2_txt .Section_2_Top h3 span{font-weight: 600;;text-align:center;} .Section_2 .S2_txt .Section_2_Top h4{padding:10px;line-height:1.5;text-align:center} .Section_2 .S2_txt .Section_2_Top p{ font-size: 1.5rem;;text-align:center; color: #3a2721; opacity: 0.7; margin-top: 30px; line-height: 1.6em; word-break: keep-all; transform: rotate(0.3deg)} .Section_2 .S2_txt .Section_2_Bottom{padding:10px;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tab{display: flex; align-items: center; margin-top: 20px; margin-bottom: 15px;justify-content: center;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tab li{cursor: pointer; font-size: 15px; color: #9f7d73;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tab li.on{color: #5e1616; border-bottom: 2px solid #5e1616;color: #5e1616; border-bottom: 2px solid #5e1616; line-height: 1.8; font-weight: bold;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tab span{display: inline-block; margin: 0 10px; color: #bfbdbd; font-size: 1.7rem;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Box{position: relative; width: 100%;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tabcontent{visibility: hidden; position: absolute; z-index: -2; opacity: 0; top: 0; transition: .5s; width: 100%;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tabcontent_1{visibility: hidden; position: absolute; z-index: -2; opacity: 0; top: 0; transition: .5s; width: 100%;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tabcontent.on{visibility: visible; z-index: 1; opacity: 1;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Tabcontent_1.on{visibility: visible; z-index: 1; opacity: 1;} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Box{width: 100%;min-height:80px;padding:10px} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Box p{font-size: 1rem; color: #3a2721; line-height: 1.8em; border-bottom: 1px dashed #e4dad9;padding:3px 3px 10px} .Section_2 .S2_txt .Section_2_Bottom .Section_2_Box p span{} .Section_2 .Section_2_Tabcontent_Img{width: 100%; position: relative; background-color: #fff;} .Section_2 .Section_2_Tabcontent_Img .Section_2_Tabcontent{position: absolute; top: 0; opacity: 0; z-index: -1; transition: .2s;} .Section_2 .Section_2_Tabcontent_Img .Section_2_Tabcontent_1{position: absolute; top: 0; opacity: 0; z-index: -1; transition: .2s;} .Section_2 .Section_2_Tabcontent_Img .Section_2_Tabcontent.Img_Active{opacity: 1; z-index: 1; transition: .2s;} .Section_2 .Section_2_Tabcontent_Img .Section_2_Tabcontent_1.Img_Active{opacity: 1; z-index: 1; transition: .2s;} .Shadow_Bg {display:none} #Section_News{width:100%;padding:0px 0;} #Section_News>dl{width:100%;display:flex;flex-wrap: wrap;align-items: stretch;padding:00px;} #Section_News>dl>dt{width:100%;display:block} #Section_News>dl>dt>div{width:100%;display:block;vertical-align:middle;padding: 20px;} #Section_News>dl>dt>div>h1{padding:5px 10px;color:#0a0a0a;font-weight: 600;font-size:21px;text-align:left;} #Section_News>dl>dt>div>h3{padding:5px 10px;;color:#333;font-weight: 300;font-size:12px;text-align:left;} #Section_News>dl>dd{width:100%;} .Tab_Section{width:100%;} .Tab_Section>ul{width:100%; margin:0 auto;} .Tab_Section>ul::after{clear:both;content:'';display:block} .Tab_Section>ul>li:first-child{width:100%;float:none;padding:10px} .Tab_Section>ul>li:last-child{width:100%;float:none;padding:10px} .Tab_Section>ul>li>div.Tab_Left{width:100%;padding-top:5px} .Tab_Section>ul>li>div.Tab_Left>dl>dt{width:100%;padding:10px} .Tab_Section>ul>li>div.Tab_Left>dl>dd{width:100%;padding:10px} .Tab_Section>ul>li>div.Tab_Left>dl>dt>h2{padding:5px;font-weight:400;color:#555;line-height:1.55em;font-size:17px} .Tab_Section>ul>li>div.Tab_Left>dl>dt>h4{padding:5px;font-weight:200;font-family: 'Raleway', sans-serif;color:#888} .Tab_Section>ul>li>div.Tab_Left>dl>dd>img{width:100%} .Tab_Section>ul>li>div.Tab_Left>dl>dd iframe{width:100% ;height:250px;} .Top_Section{width:100%;padding:10px;background: #fdfdfd;} .Top_Text{width:100%;margin:0 auto;} .Top_Text>h1{line-height:1.25em;padding:10px;font-weight:600;letter-spacing:3px;font-size:25px} .Top_Text>h3{line-height:1.45em;padding:10px;font-weight:400;color:#666;font-size:15px} .Main_Sl{width:100%;padding:10px;} .Main_Sl img{width:100%;border-radius:5px} .Big_Font { font-size: 25px !important; } .loca_section{width:100%;padding:10px;background:#5c5f66;} .loca_section>ul{width:100% ; margin:0 auto} .loca_section>ul:after{clear:both;content:'';display:block;} .loca_section>ul>li:nth-child(1){width:100%;float:none;padding:5px} .loca_section>ul>li:nth-child(2){width:100%;float:none;padding:5px} .loca_section>ul>li:nth-child(1)>dl{padding:10px 0;border-bottom:1px solid #cecece;width:100%;border-right:0} .loca_section>ul>li:nth-child(1)>dl:after{clear:both;content:'';display:block;} .loca_section>ul>li:nth-child(1)>dl>dt{width:100%;float:none;padding:5px} .loca_section>ul>li:nth-child(1)>dl>dd>h3{color:#fff;padding:5px} .loca_section>ul>li:nth-child(1)>dl>dd>h4{color:#fff;padding:5px} .loca_section>ul>li:nth-child(1)>dl>dd{width:100%;float:none;padding:5px} .loca_section>ul>li:nth-child(2)>h1{position:relative;padding:10px;color:#fff;line-height:1.55} .loca_section>ul>li:nth-child(2)>h1>span{position: absolute; top: -40%; right: 40%; font-size: 2.8em; color: #fff; opacity: 0.6;} .Three_Img_B>div{width:100% !important;} .Four_Img_B>div{width:100% !important;} .Five_Img_B>div{width:100% !important;} .Six_Img_B>div{width:100% !important;} .Nine_Img_B>div{width:100% !important;} .Guide_Box{width:100%;padding:10px 0} .Guide_Box>dl:after{clear:both;content:'';display:block;} .Guide_Box>dl>dt{border-top:1px solid #333;width:100%;float:none;padding:10px;} .Guide_Box>dl>dd{border-top:1px solid #cacaca;width:calc(100% - 00px);float:none;padding:10px;} .Guide_Box>dl>dd>ul>li{width:50%;float:left;padding:5px;} .Guide_Box>dl>dd>ul>li h3{padding:5px;border-radius:15px; background:#2279af;color:#fff;text-align:center;} .Guide_Box>dl>dt>h3{text-align:right;color:#333;padding:10px;} .Guide_Box>dl>dd>h4{text-align:left;color:#777;padding:5px;line-height:1.75;position:relative;font-size:13px} .Guide_Box>dl>dd>dl:after{clear:both;content:'';display:block;} .Guide_Box>dl>dd>dl{width:100%;border-top:1px solid #cacaca} .Guide_Box>dl>dd>dl>dt{width:100%;float:none;padding:5px;} .Guide_Box>dl>dd>dl>dd{width:100%;float:none;padding:5px;} .Guide_Box>dl>dd>dl>dt>h3{padding:5px;text-align:left;} .Guide_Box>dl>dd>dl>dd>h4{padding:5px;color:#777} .header_sub { width: 100%; padding: 10px; font-family: 'Noto Sans KR', sans-serif; color: #163b85 !important; font-size:20px; } .Guide_Box>dl>dd>h4::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #cec0b1; position: absolute; top: 0.8rem; left: -4px; } div.Guide_Twin>ul>li{width:50%;float:left;padding:3px;} div.Guide_Twin>ul>li>dl>dt{width:100%;float:none;} div.Guide_Twin>ul>li>dl>dd{width:100%;float:none;} div.Guide_Three>ul>li{width:50%;float:left;padding:3px;} div.Guide_Three>ul>li>dl>dt{width:100%;float:none;} div.Guide_Three>ul>li>dl>dd{width:100%;float:none;} .Guide_Box > dl > dt img { width: auto; max-width:100%; margin:0 auto } .Animation_view{ position: relative; width: 100%; margin: 0 auto; z-index: 5; overflow:hidden; padding:10px 10px; } .Top_T_In{ padding-left: 0%; position: relative; display: inline-block; margin: 0px auto; text-align: center; max-width:100%; width:100%; } .Top_T_In::before { content: ""; width: 0; max-width: 311px; height: 6px; display: inline-block; position: absolute; left: 0; top: 40%; background: linear-gradient(0.4turn, #004083 0%, #00aeef 50%, #00aeef 100%); transition: width .8s; display:none; } .Top_T_In::before { width: 24%; display:none; } .Top_T_In h1 { display: inline-block; text-align: center; font-size: 18px; color: #000; font-weight: normal; line-height:25px; } .Top_T_In h1 { opacity: 1; transform: translateX(0px); transition: all .8s .5s ease; } .Top_T_In h1 b{ color:#04409c;font-family: 'NEXON Lv1 Gothic OTF Bold';} .Animation_view::before { left: 0px; top: 0px; width: 100%; height: 700px; border: 1px solid #f2f2f2; border-radius: 50%; position: absolute; z-index: -2; content: ""; display:none; } .Animation_view::after { right: -0px; top: 0px; width: 100%; height: 400px; border: 1px solid #f2f2f2; border-radius: 50%; position: absolute; z-index: -2; content: ""; display:none; } .Animation_view::before { opacity: 1; animation: bgAni1 4s linear infinite alternate; transition: 1s; } .Animation_view::after { opacity: 1; animation: bgAni2 5s linear infinite alternate; transition: 1s; } #Section_1{width:100%;position:relative;top:0;left:0;padding:5px} .Section_Main {width:100%;padding:10px 5px;} .Section_Main>ul:after {clear:both;content:'';display:block} .Section_Main>ul>li {width:100%;float:none;padding:10px;} .Section_Main>ul>li img{width:100%;} .Section_Main>ul>li dl{width:100%} .Section_Main>ul>li dl dt{width:100%} .Section_Main>ul>li dl dd{width:100%} .Section_Main>ul>li dl dt h3{padding:5px;text-align:right;font-size:1.5em } .Section_Main>ul>li dl dt h1{font-size:2em;padding:5px 5px 10px 5px; font-family: 'NEXON Lv1 Gothic OTF Bold';;text-align:right;} .Section_Main>ul>li dl dt h4{padding:5px; ;text-align:right;font-size:13px;} .Section_Main>ul>li dl dd a {position: relative; display: inline-block; margin-top: 70px;} .Section_Main>ul>li dl dd a span{display: flex; align-items: center; height: 66px; padding: 0 30px; font-size: 18px; color: #222;position:relative;top:0;left:0;} .Btn_Right{text-align:right !important} .Text_Al_Left dt h3{text-align:left !important} .Text_Al_Left dt h1{text-align:left !important} .Text_Al_Left dt h4{text-align:left !important} .Section_Main>ul>li dl dd a::before { width: 66px; height: 66px; left: 0; top: 0; display: inline-block; background: #f65847; transition: 0.3s; opacity: .6; z-index: -1; position: absolute; border-radius: 100px; content: ""; } .Section_Main>ul>li dl dd a:hover::before{ width: 100%; border-radius: 100px;} .Bg_Box_Section{width:100%;position:relative;top:0;height:auto;background:url(../img/int_ban.jpg) center bottom no-repeat;opacity:1; animation: bgch 5s linear infinite forwards;background-size: cover;} /*.Bg_Box_Section::before{background:rgba(0,0,0,0.5);width:100%; height:100%;position:absolute;clear:both;content:'';display:block; animation: bgch 15s linear infinite forwards;}*/ .Hea_Te_xt{width:100%;width:100%;padding:20px;position:relative;left:0%;top:0%} .Hea_Te_xt>dl{width:100%;margin:0 ;display: block; align-items: center; flex-wrap: wrap;} .Hea_Te_xt>dl>dt{width:100%} .Hea_Te_xt>dl>dd{width:100%} .Hea_Te_xt>dl>dt>h1{padding:5px 10px;font-weight:800;font-size:1.8em;font-family: 'Raleway'; ;color:#fff} .Hea_Te_xt>dl>dd>h4{padding:5px 10px;line-height:1.75;font-weight:400;color:#fff} .Bg_Box_Section ul{width:100%;padding:0px 0;height:100%;} .Bg_Box_Section ul > li{;display:table;;width:calc(100% / 1);float:none;padding:10px 0; border-top:1px solid rgba(255,255,255,0.35); height:auto;position:relative;border-left:0} /* .Bg_Box_Section ul > li:first-child{border-top:0px solid rgba(255,255,255,0.35);} */ .Bg_Box_Section ul > li::after{width:100%;height:auto;background:url(../img/li_bg.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover;opacity:0;-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;display:block;content:'';display:block;position:absolute;left:0;top:0;z-index:1} .Bg_Box_Section ul > li > a{display:table-cell;vertical-align:middle;width:100%;z-index:10;position:relative} .Bg_Box_Section ul > li:hover::after{opacity:1} .Bg_Box_Section ul > li > a > div{display:block; vertical-align:bottom;position:relative;z-index:3;padding:5px 10px} .Bg_Box_Section ul > li > a > div > h1{color:#fff;text-align:left;padding:5px 10px;font-size: 20px;} .Bg_Box_Section ul > li > a > div > h4{color:#fff;text-align:left;padding:5px 10px;line-height:1.65em;font-size:13px;font-weight:400} .Bg_Box_Section ul > li > a > div > h3{display:inline-block;color:#fff;text-align:left;padding:5px 10px; line-height:1.65em;position:relative;font-size:15px;font-weight:200} .B_dot{font-size:2em !important;color:#fff;display:block} .Bg_Box_Section ul > li > a > div > h3.T_span{font-weight: 400;font-family: 'Poppins', sans-serif;} .b_img img { width: 50% !important; } .Bg_Box_Section ul > li > a > div > h3.T_span::after { clear: both; content: ''; display: block; width: 40px; height: 40px; border-radius: 100%; background: rgba(255,255,255,0.2); position: absolute; right: -13px; top: 50%; transform: translateY(-50%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a:hover h3.T_span::after { clear: both; content: ''; display: block; width: 40px; height: 40px; border-radius: 100%; background: rgba(75,161,219,0.35); position: absolute; right: -13px; top: 50%; transform: translateY(-50%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div > h3.T_span > span::after { clear: both; content: ''; display: inline-block; width: 30px; height: 10px; margin-left: 5px; position: relative; background: url("../img/m_ar.png") no-repeat right center; z-index: 2; } .Bg_Box_Section ul > li > a > div::before{clear: both; content: ''; display: block; width: 10px; height: 10px; border-radius: 100%; background: rgb(28, 122, 202); position: absolute; left: 51%; top: -7.5%; transform: translateY(-0%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div::after{clear: both; content: ''; display: block; width: 20px; height: 20px; border-radius: 100%; background: rgb(28, 122, 202,0.5); position: absolute; left: 50%; top: -10%; transform: translateY(-0%); z-index: 1; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .Bg_Box_Section ul > li > a > div > span{;padding:20px;display: block; text-align: center;margin:0 auto} .Bg_Box_Section ul > li > a > div > span a{ text-align: center;;display:block;color:#fff;text-align:center; font-family: 'Poppins', sans-serif;} .Color_Box_Section{width:100%;padding:10px 0 260px 0px} .Iner_Col_Box{width:100%;margin:0 0% 0 0;padding:10px;background: url(../img/Bo_Bg2.png) no-repeat; -webkit-background-size: cover; background-size:cover ; background-position: center center;height:250px;background-attachment: fixed;} .Hea_Te_xt_2{width: 90%; padding: 10px 0; margin: 0 auto;} .Hea_Te_xt_2>dl{width:100%} .Hea_Te_xt_2>dl>dt{width:100%;padding:10px} .Hea_Te_xt_2>dl>dd{width:100%;padding:10px} .Hea_Te_xt_2>dl>dt>h1{padding:0px 0px;font-weight:800;font-size:3em;font-family: 'Raleway';;color:#fff} .Hea_Te_xt_2>dl>dd>h4{padding:0px 0px;line-height:1.75;font-weight:400;color:#fff} .Iner_Box_Section{width:100%;} .Iner_Box_Section>ul{width:90%;display:block;margin: 0 auto;} .Iner_Box_Section>ul:after{clear:both;content:'';display:block} .Iner_Box_Section>ul>li{width:calc(100% / 1);float:none;padding:10px;height:auto; box-shadow: 1px 1px 2px rgba(0,0,0,0.1);-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;position:relative;bottom:0;right:0} .Iner_Box_Section>ul>li:nth-child(1){background:#e70517;} .Iner_Box_Section>ul>li:nth-child(2){background:#015bac ;} .Iner_Box_Section>ul>li:nth-child(3){background:#241a17 ;} .Iner_Box_Section>ul>li>a{display: block; width: 100%; height: 100%;padding:10px 0} .Iner_Box_Section>ul>li:hover{position:relative;bottom:0%;right:5%;background:#fff;} .Iner_Box_Section>ul>li>a>div{display:block;width:100%;vertical-align:middle;} .Iner_Box_Section>ul>li>a>div>h1{color:#fff;padding: 10px 5px 5px 5px;;-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;width:30%;float:left;font-size:20px;} .Iner_Box_Section>ul>li>a>div>h4{color:#fff;padding: 5px 5px 5px 5px;;-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;width:50%;float:left;font-size:13px;} .Iner_Box_Section>ul>li>a>div::after{clear:both;content:'';display:block} .Iner_Box_Section>ul>li>a>div>span{color:#fff;padding: 15px 5px 5px 5px; ;;display:block;width:100%;-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;float:right;;width:20%} .Iner_Box_Section>ul>li>a>div>span>i{font-size:2em} .Map_Div{width:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;} .Map_Div>div:first-child{width:100%;padding:10px;} .Map_Div>div:first-child>dl{flex-wrap: wrap; display: flex; align-items: center;padding:10px; justify-content: center;width:100%;border-bottom: 1px solid #cacaca;} .Map_Div>div:first-child>dl>dt{width:100%;;padding:5px;} .Map_Div>div:first-child>dl>dd{width:100%;padding:5px;} .Map_Div>div:first-child>dl>dt>h3{font-weight:400;} .Map_Div>div:first-child>dl>dd>h4{font-weight:300;} .Map_Div>div:last-child{width:100%;padding:10px;} .Main_Box{width:100%;padding:10px;background:#f1f3f2} .Main_Box::before { content: ''; width: 100%; height: 46.5%; background: #fff; position: absolute; left: 0; top: 0; z-index:1; } .Main_Box .service{box-shadow: 0 0 8px rgb(0 0 0 / 30%);} .Main_T_Box{width:100%;padding:20px 10px;background:#fff;position:relative} .Main_T_Box>h1{padding:5px 00px 5px;font-size:18px;font-weight:600} .Main_T_Box>h4{padding:0px 00px 5px;line-height:1.65em;font-weight:200;font-size:12px} .Main_T_Box>span{display:inline-block;} .Main_T_Box::before{clear: both; content: ""; position: absolute; left: calc(50% - 20px); width: 40px; height: 40px; border-radius: 50%; background: #126295; color: #fff; top: -25%; text-align: center; vertical-align: middle; line-height: 2.95; background:url(../img/lo_go.png) 0 0 no-repeat; -webkit-background-size:100%; background-size: 100%; } Loca_Twin>ul>li{float:none;padding:10px 1px 10px 10px;;} .Loca_Twin>ul>li:first-child{width:100%;} .Loca_Twin>ul>li:last-child{width:100%;} .Loca_Twin>ul>li:first-child>div{width:100%;padding:10px 10px 10px 10px;} .Middle_Section{width:100%;padding:10px; ;position:relative;} .Middle_Section::before { /* content: ''; width: 100%; height: 46.5%; background: #fff; position: absolute; left: 0; bottom: 0; z-index:1;*/ } #Section_2::before { content: ''; width: 25%; height: 100%; background: #f9f9f9; position: absolute; left: 25%; top: 0; display:none; } #Section_2::after { content: ''; width: 25%; height: 100%; background: #f9f9f9; position: absolute; left: 25%; top: 0; display:none; } .About_Text{width:100%;padding:0px;position:relative;left:0;top:0%;padding:10px} .About_Text>h1{font-weight: 300;text-align:center;color:#444;padding:5px;font-size: 21px;line-height:1.55;} .About_Text>h3{font-weight: 300;text-align:center;color:#666;padding:5px;font-size: 15px;;} .About_Text>h4{font-weight: 300;text-align:center;color:#888;padding:5px;font-size: 12px;} #Section_2>ul{display:flex;width:100%;align-items: stretch; margin-top: 1em; position: relative; z-index: 1; flex-wrap: wrap;} #Section_2>ul>li{width:100%;} #Section_2>ul>li>a{width:100%;display:block} #Section_2>ul>li>a>div>h1{padding:10px;text-align:center;font-size:4em} #Section_2>ul>li>a>div>h2{padding:10px;text-align:left;font-weight:700;;color:#222;font-size:16px;} #Section_2>ul>li>a>div>h4{padding:10px;text-align:left;font-weight:400;color:#555;line-height:1.65;;font-size:11px;} #Section_2>ul>li>a>div>span{display:block;padding:10px;text-align:left;font-weight:400;color:#888;letter-spacing:1px} #Section_2>ul>li:nth-child(even){background:#fafafa;} .Ico_n{width:20%;padding:10px;} .Tex_t_B{width:80%;padding:10px;} #Section_2>ul>li>a { display: flex; align-items: center; justify-content: space-between; padding: 1em 0.5em; } .Basic_Link{width:100%;position:relative;padding:5px} /* .Basic_Link::before { content: ''; width: 100%; height: 46.5%; background: #fff; position: absolute; left: 0; bottom: 0; z-index:1; } */ .Basic_Link>ul{width:100%;margin:0px auto;position: relative; z-index: 2;} .Basic_Link>ul::after{clear:both;content:'';display:block} .Basic_Link>ul>li{width:100%;float:none;padding:10px} .Basic_Link>ul>li:first-child{width:100%;float:none;padding:5px} .Basic_Link>ul>li:nth-child(2){width:100%;float:none;padding:5px} .Basic_Link > ul > li:last-child{width:100%;float:none;padding:5px} .Basic_Link>ul>li>a{width:100%;height:100%;display:block;position:relative;top:0;left:0} .Basic_Link>ul>li>a img{display:block;width:100%} .Basic_Link>ul>li>a::before{clear:both;content:'';display:block; width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;top:0;left:0;z-index:1} .Text_Iner{width:100%;display:table;height:100%;position:absolute;left:0;top:0;z-index:2} .Text_Iner>figure{width:100%;display:table-cell;vertical-align:middle} .Text_Iner>figure>h1{color:#fff;padding:5px 0;text-shadow:1px 1px 1px #000;font-weight:600;} .Text_Iner>figure>h4{color:#fff;padding:5px 0;line-height:1.65em;text-shadow:1px 1px 1px #000;font-weight:400} .Text_Iner>figure>span{display:block;padding:7px 16px; text-align:left; ;border-radius:3px;color:#fff;font-weight:400;margin-top:15px; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; } .Ban_link{width:100%;padding:0 5px;background: #ffb808;} .Ban_link>a{width:100%; margin:0 auto;display:block} .Ban_link>a>img{width:100%;} .Basic_Link>ul>li>a:hover .Text_Iner>figure>span{background:#fff;color:#000;} .Basic_Link>ul>li>a .Text_Iner{padding:0 20px} .Basic_Link>ul>li>dl{width:100%} .Basic_Link>ul>li>dl::after{clear:both;content:'';display:block} .Basic_Link>ul>li>dl>dt{width:100%;float:none;padding:0px} .Basic_Link>ul>li>dl>dt>a{width:100%;display:block;position:relative;} .Basic_Link > ul > li > dl > dt > div > dl > dd > div.Text_R { width: calc(100% - 80px); padding: 10px 10px; } .Basic_Link > ul > li > dl > dt > div { width: 100%; padding: 5px 5px 5px; } .Basic_Link>ul>li>dl>dt>a::before{clear:both;content:'';display:block; width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;z-index:1} .Basic_Link>ul>li>dl>dt>a .Text_Iner{padding:0 10px} .Basic_Link>ul>li>dl>dt>a:hover .Text_Iner>figure>span{background:#fff;color:#000;} .Basic_Link>ul>li>dl>dt>a>img{width:100%;border-radius:px} .Basic_Link>ul>li>dl>dd{width:100%;float:none;padding:0px} .Basic_Link>ul>li>dl>dd>ul>li{padding: 0px 0px; width:calc(100% - 0px);margin-left:0px} .Basic_Link>ul>li>dl>dd>ul>li:first-child{background: url(../img/icon_2.png) no-repeat; background-size:20%;background-position: 90% 80%;} .Basic_Link>ul>li>dl>dd>ul>li:last-child{background: url(../img/icon_1.png) no-repeat; background-size:20%;background-position: 90% 80%;} .Basic_Link>ul>li>dl>dd>ul>li>a{display:block;width:100%;} .Basic_Link>ul>li>dl>dd>dl>dt>h1{padding:10px;color:#333;letter-spacing:2px} .Basic_Link>ul>li>dl>dd>dl>dd>h3{padding:10px;color:#777;line-height:1.67;font-weight:200} .Text_Iner_2 > figure { width: 100%; display: table-cell; vertical-align: top; } .Text_Iner_2 > figure > h1{color:#fff;padding: 5px;font-weight:600;font-size:22px;} .Text_Iner_2 > figure > h4{color:#fff;padding: 5px;line-height:1.56em;font-weight:400} .Cs_SecBg{width:100%;padding:0 0px; ;background-attachment: fixed;;background-position: center center;-webkit-background-size: cover; background-size: cover;position:relative;height:auto;} .Cs_SecBg::before{width:100%;height:100%;background: rgba(23,40,65,0.3); position:absolute;left:0;top:0;content:'';display:block;clear:both;z-index:1} .Cs_SecBg::after{clear:both;content:'';display:block} .Cs_SecBg>ul::after{clear:both;content:'';display:block;} .Cs_SecBg>ul{width:100%;float:right;height:100%;position:relative;z-index:5} .Cs_SecBg>ul>li{float:none;padding:5px;} .Cs_SecBg>ul>li:nth-child(1){width:100%;float:none;} .Cs_SecBg>ul>li:nth-child(2){width:100%;float:none;position:relative;;height:100%} .Tex_Sec_T{padding:30px 5px 5px} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>h1{color:#fff;font-family: 'Raleway', sans-serif; font-weight:400;padding:10px;font-size:2em} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>h4{color:#fff;line-height:1.65;padding:10px;font-weight:400} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span{display:inline-block;padding:10px;position:relative;margin: 20px 0;} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span>a{display:block;position:relative;color:#fff} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span>a::after{clear:both;content:'';display:block;width:200px;height:30px; background:url(../img/main_btn.png) no-repeat -70px -15px;; } .Cs_SecBg>ul>li:nth-child(2)>div{width:100%;background: #171f2e;position:relative;bottom:0;right:0;height:auto;padding:20px 5px} .Cs_SecBg>ul>li:nth-child(2)>div>h3{padding:10px 3px;font-size:14px} .Cs_SecBg>ul>li:nth-child(2)>div>h3>strong{font-weight:400;color:#fff; font-family: 'Raleway', sans-serif;font-weight:400} .Cs_SecBg>ul>li:nth-child(2)>div>h3>span{font-weight:400;color:#fff} .In_Content{width:100%; margin:0 auto} .In_Content_2{width:100%; margin:0 auto} .In_Content_3{width:100%; margin:0 auto} .Main_Last { width: 100%; padding: 5px; position: relative; height: auto; } .Main_Last > ul { width: 100%; margin: 0 auto; } .Main_Last > ul > li:first-child { width: 100%; float: none; padding: 5px; } .Main_Last ul li:first-child div { padding: 5px 5px 5px 5px; width: 100%; margin-left:0; } .Main_Last > ul > li:last-child { width: 100%; float: none; padding: 5px 5px; } .Bg_Intro{width:100%;padding:10px;background:url(../img/int_ban.jpg) no-repeat center;-webkit-background-size: cover; background-size: cover;position:relative;min-height:auto;} .Text_Wrap{position:relative;top:0%;left:0%;} .Text_Wrap>h1{color:#fff;font-weight:700;padding:10px;line-height:1.35;font-size:2em} .Text_Wrap>h5{color:#fff;font-weight:300;padding:10px;line-height:1.15} .Text_Wrap>h3{color:#fff;font-weight:300;padding:10px;line-height:1.45;font-size:13px} .Intro_Wrap{width:100%;float: none; display: flex; justify-content: right; flex-wrap: wrap;} .Intro_Wrap>div { width: 100%; height: auto; margin: 0 0 10px 10px; } .Intro_Wrap>div>a { display: block; width: 100%; height: 100%; color: #fff; border: 1px solid rgba(236,236,236,0.8); position: relative; display:table; padding:10px } .Intro_Wrap>div>a::before { content: ''; box-sizing: border-box; opacity: 0; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border: 5px solid #00a5e5; } .Intro_Wrap>div>a:hover::before { opacity: 1; transition: all .3s; } .Intro_Bo_x_In{ display:table-cell;width:100%;vertical-align:middle} .Intro_Bo_x_In>h1{padding:5px 10px;text-align:left;font-size:2em} .Intro_Bo_x_In>h2{padding:5px 10px;text-align:left;line-height:1.55;color:#fff;font-weight:700} .Intro_Bo_x_In>h4{padding:5px 10px;text-align:left;line-height:1.55;color:#fff} .Inuqiry_Section{width:100%;padding:5px;position:relative;} .Inquiry_Text{width:100%; margin:0 auto;padding:5px;} .Inquiry_Text>h1{font-weight:200;font-family: 'Jura', sans-serif;padding:5px;font-size:2em} .Inquiry_Text>ul:after{clear:both;content:'';display:block} .Inquiry_Text>ul>li{width:100%;padding:5px;float:none;} .Inquiry_Text>ul>li>h4{line-height:1.55;font-weight:400;color:#777} .Inquiry_Text>ul>li>h3{line-height:1.55;font-weight:400;color:#333} .Inquiry_Text>ul>li>h3>b{font-family: 'NEXON Lv1 Gothic OTF Bold';} .Inuqiry_Wrap{width:100%; margin:0 auto;padding:5px;} .Inuqiry_Section::before { content: ''; width: 180px; height: 180px;/* max-width: 15vw; max-height: 15vh;*/ background: url("../img/poly_2.png") no-repeat center; background-size: 100%; background-size: 100%; background-size: 100%; position: absolute; left:auto; right: 10%; top: 0%; z-index: -1; -webkit-animation: rota2 15s linear infinite forwards; animation: rota2 15s linear infinite forwards; opacity:0.4 } .Top_Section{width:100%;padding:10px;background: #fdfdfd;} .Top_Text{width:100%;margin:0 auto;} .Top_Text>h1{line-height:1.25em;padding:10px;font-weight:600;letter-spacing:3px;font-size:25px} .Top_Text>h3{line-height:1.45em;padding:10px;font-weight:400;color:#666;font-size:15px} .Main_Sl{width:100%;padding:10px;} .Main_Sl img{width:100%;border-radius:5px} .Big_Font { font-size: 20px !important; } .Icon_Section{width:100%;padding:10px} .Icon_Section>ul:after{clear:both;content:'';display:block} .Icon_Section>ul{width:100%;margin:0 auto;} .Icon_Section>ul>li{width:100%;float:none;padding:10px;} .Icon_Section>ul>li>h1{color:#347fc9;padding:5px 5px;text-align:center;font-size:40px} .Icon_Section>ul>li>h4{color:#347fc9;padding:5px;text-align:center;font-weight:500} .Icon_Section>ul>li>h5{color:#555;padding:5px;text-align:center;line-height:1.65em;font-weight:500} .Index_Header{padding: 0px; width: 100%; margin: 0 auto;} .Index_Header>h1{letter-spacing: 1px; text-align: center; font-weight: 300; color: #333; font-size: 20px;} .Index_Header>h4{text-align:center;font-weight: 300;color:#666;position:relative;} .Index_Header > h4 > span { background: #fefefe; display: inline-block; padding: 10px 20px; font-family: 'Raleway'; z-index: 3; font-weight: 400; position: relative; } .Index_Header>h4::after { clear: both; content: ''; display: block; width: 100%; height: 1px; background: #888; margin: 0 auto; position: absolute; top: 50%; z-index: 2; left: 0; } #Company_History{background:#18476d;padding:20px 5px;width:100%} #Company_History>div.Main_Inner{width:100%;margin:0 auto} .Main_Inner>ul:after{clear:both;content:'';display:block;} .Main_Inner>ul>li{width:100%;float:none;padding:0 5px} .Main_Inner>ul>li>dl{width:100%} .Main_Inner>ul>li>dl>dt{width:100%;padding:10px} .Main_Inner>ul>li>dl>dt>h1{font-weight: 300; line-height: 1.5; color: #fff; margin-bottom: 20px;/* white-space: pre-wrap;*/font-size:25px; } .Main_Inner>ul>li>dl>dd{padding:10px 0} .Main_Inner>ul>li>dl>dd>h5{color:#eaeaea;padding:10px;font-size:12px;} .Main_Inner>ul>li>dl>dd>h1{color:#fff;padding:0 10px;font-size:25px;} .History_Line{width: 100%; padding: 30px 40px 0px;;background:#256aa1;border-radius:5px;margin-left:0px;margin-top: 10px;} .History_Line>ul{width:100%} .History_Line>ul>li{width:100%;} .History_Line>ul>li>dl{display:flex;} .History_Line>ul>li>dl>dt{ position: relative; top: 0; left: 0; color: #eaeaea; width: 100px; padding-bottom: 30px; line-height: 13px; } .History_Line>ul>li>dl>dt::after { content: ""; position: absolute; top: 2px; right: -4px; width: 6px; height: 6px; border: 2px solid #fff; background-color: #256aa1; border-radius: 50%; display: inline-block; z-index: 1; } .History_Line>ul>li>dl>dd{position: relative; top: 0; left: 0; color: #eaeaea; padding-left: 60px; line-height: 13px;} .History_Line>ul>li>dl>dd::before{ position: absolute; left: 0; content: ""; width: 3px; opacity: .1; background-color: #fff; height: 100%; } .History_Line>ul>li:last-child>dl>dd:before{width:0;height:0} .Middle_Section{width:100%;padding:20px;} .Middle_Section>ul{width:100%;margin:10px auto} .Middle_Section>ul>li{width:100%;} .Middle_Section>ul>li>a{display:block;width:100%} .Middle_Section>ul>li>a>dl{width:100%} .Middle_Section>ul>li>a>dl::after{clear:both;content:'';display:block} .Middle_Section>ul>li>a>dl>dt{width:100%;float:none;padding:10px} .Middle_Section>ul>li>a>dl>dt>img{width:100%} .Middle_Section>ul>li>a>dl>dd{width:100%;float:none;padding:0px} .Middle_Section>ul>li>a>dl>dt>dl{width:100%} .Middle_Section>ul>li>a>dl>dt>dl>dt{width:100%} .Middle_Section>ul>li>a>dl>dt>dl>dd{width:100%} .Middle_Section>ul>li>a>dl>dd>dl>dt>h1{padding:10px 5px;color:#333;letter-spacing:2px;font-size:22px;} .Middle_Section>ul>li>a>dl>dd>dl>dd>h3{padding:10px 5px;color:#777;line-height:1.65;font-weight:200;font-size: 12px;} .Main_Box{width:100%;padding:10px;background:#f1f3f2} .Main_Box::before { content: ''; width: 100%; height: 46.5%; background: #fff; position: absolute; left: 0; top: 0; z-index:1; } .Main_Box .service{box-shadow: 0 0 8px rgb(0 0 0 / 30%);} .Main_T_Box{width:100%;padding:20px 10px;background:#fff;position:relative} .Main_T_Box>h1{padding:5px 00px 5px;font-size:18px;font-weight:600} .Main_T_Box>h4{padding:0px 00px 5px;line-height:1.65em;font-weight:200;font-size:12px} .Main_T_Box>span{display:inline-block;} .Main_T_Box::before{clear: both; content: ""; position: absolute; left: calc(50% - 20px); width: 40px; height: 40px; border-radius: 50%; background: #126295; color: #fff; top: -25%; text-align: center; vertical-align: middle; line-height: 2.95; background:url(../img/lo_go.png) 0 0 no-repeat; -webkit-background-size:100%; background-size: 100%; } .Or_box{width:100%;flex-wrap: wrap-reverse; display: flex; align-items: center;justify-content: center;} .Or_box>div{width:100%;padding:20px 10px} .Or_box>div>dl{width:100%;position:relative;top:0} .Or_box>div>dl>dt{width:100%;position:relative;top:0;z-index:1} .Or_box>div>dl>dt>h2{padding:10px 10px 20px;text-align:center;background: #4fae80;} .Or_box>div>dl>dd{width:90%;margin:-20px auto;position:relative;top:-10%;z-index:2;display:block;min-height:auto;} .Or_box>div>dl>dd>h3{padding:10px;text-align:center;background:#fff;display:block;min-height:auto;} .Sys_Pro{width:100%;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;} .Sys_Pro>div{width:100%;;padding:5px;} .Sys_Pro>div>dl{;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;width:100%} .Sys_Pro>div>dl>dt{width:15%;padding:5px;} .Sys_Pro>div>dl>dd{width:85%;padding:5px;} .Sys_Pro>div>dl>dd>h4{padding:10px;} .Sys_Pro>div>dl>dt img{width:100%} .Sys_Pro>div>dl>dd>h4::before { content: ""; display: none !important; width: 4px; height: 4px; border-radius: 50%; background-color: #cec0b1; position: absolute; top: 1rem; left: -5px; } .Sys_Sucon{width:100%;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;} .Sys_Sucon>dl{width:100%;padding:10px 0;} .Sys_Sucon>dl>dt{width:100%;padding:3px 10px} .Sys_Sucon>dl>dd{width:100%;padding:3px 10px} .Sys_Sucon>dl>dt>h2{padding:3px 10px;font-weight:600;color:#222} .Sys_Sucon>dl>dd>h4{padding:3px 10px;font-weight:400;color:#555} .Sys_Sucon>dl>dd>h4::before { content: ""; display: none !important; width: 4px; height: 4px; border-radius: 50%; background-color: #cec0b1; position: absolute; top: 1rem; left: -5px; } .Sucon_B_Img{width:100%;flex-wrap: wrap; display: flex; align-items: center;justify-content: center;width:100%} .Sucon_B_Img>div{;;padding:5px;} .Four_B_Im_x>div{width:auto;flex-basis: 50%;} .Three_B_Im_x>div{width:auto;flex-basis: 50%;} .Five_B_Im_x>div{width:auto;flex-basis: 50%;} .Sucon_B_Img>div>img{width:100%;} .Sucon_B_Img>div>h4{padding:10px;text-align:center;} /*sub2*/ .Header_T_Sub{width:100%;padding:10px 10px 10px;border-bottom:2px solid #1a1a1a} .Header_T_Sub > h3 { padding: 5px 0; color: #0039ba; } .Header_T_Sub > h1 { padding: 10px 0 0px; color: #2a2a2a; font-weight: 300; font-size: 2em; line-height:1.55 } .Small_T_Sub>h1{font-size:1.4em !important} .Header_T_Sub > h1 > b{color:#0a0a0a} .Sub_Section_1{width:100%;padding:15px 0;border-bottom:1px solid #cacaca;margin:0 0 20px} .Sub_Section_1>div{width:100%;} .Sub_Section_1>div>dl{width:100%;flex-wrap: wrap; display: flex; align-items: flex-end; justify-content: center;} .Sub_Section_1>div>dl>dt{width:100%;padding:5px} .Sub_Section_1>div>dl>dt>a{display:block;width:100%} .Sub_Section_1>div>dl>dt>a img{width:100%} .Sub_Section_1>div>dl>dd{width:100%;padding:0 10px} .Sub_Section_1>div>dl>dd>div{padding:10px;width:100%} .Sub_Section_1>div>dl>dd>div>h1{font-weight:400;color:#1a1a1a;padding:10px 0;font-size:20px;} .Sub_Section_1>div>dl>dd>div>h3{font-weight:300;color:#5a5a5a;padding:10px 0;font-size:14px} .Sub_Section_1>div>dl>dd>ul{width:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;} .Sub_Section_1>div>dl>dd>ul>li{width:50%;padding:5px;} .Sub_Section_1>div>dl>dd>ul>li>div{width:100%;padding:10px 10px;border:1px solid #cacaca;} .Sub_Section_1>div>dl>dd>ul>li>div>h3{padding:5px;line-height:1.45;font-size:14px} .Sub_Section_1>div>dl>dd>ul.Three_Su_Box>li{width:50% !important} .Sub_Section_2{width:100%;margin:20px 0;padding:10px} .Sub_Section_2>div{width:100%;margin:0 auto;} .Sub_Section_2>div>ul{width:100%; flex-wrap: wrap; display: flex; align-items: center; justify-content: center; } .Sub_Section_2>div>ul>li{width:100%;padding:10px;} .Sub_Section_2>div>ul>li>dl{width:100%} .Sub_Section_2>div>ul>li>dl>dt{width:100%;border-radius:10px 10px 0 0;;padding:10px;height:auto;background: #f2f5fb;} .Sub_Section_2>div>ul>li>dl>dt>h1{color:#363465;font-weight:400;padding:10px;position:relative;top:0;font-size:20px;} .Sub_Section_2>div>ul>li>dl>dt>h1::after{clear:both;content:'';display:block;width:50px;height:3px;background: #363465;margin:20px 0} .Sub_Section_2>div>ul>li>dl>dt>h3{color:#1a1a1a;font-weight:400;padding:10px;line-height:1.55;font-size:15px;} .Sub_Section_2>div>ul>li>dl>dt>h4{color:#5a5a5a;font-weight:300;padding:10px;line-height:1.55;font-size:12px;} .Sub_Section_2>div>ul>li>dl>dd{width:100%;} .Sub_Section_2>div>ul>li>dl>dd>img{width:100%;} .Box_Text_Bottom{width:100%;background: #343264;color:#fff;padding:10px;border-radius:5px} .Box_Text_Bottom>h1{color:#fff;text-align:center;font-size:16px;} .Box_Text_Bottom>h3{;font-size:14px;} .BackG_1{background:#d6e4ff !important} .BackG_1>h1{color:#343264 !important;;font-size:16px;} .Inner_T_Sub{font-weight:400;color:#1a1a1a;padding:10px;font-size:20px} .Sub_Section_5 > article > h3 { line-height: 1.55; padding: 10px 0; color: #555; font-size:13px; } .Sub_Section_3{width:100%;margin:20px 0;padding:10px;} .Sub_Section_3>div{width:100%;margin:0 auto;} .Sub_Section_3>div>ul{width:100%; flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: center; } .Sub_Section_3>div>ul>li{width:50%;padding:5px;} .Sub_Section_3>div>ul>li>dl{width:100%;background: #fff;border: 1px solid #e2e2e2;border-radius:8px} .Sub_Section_3>div>ul>li>dl>dt{height:auto;width:100%;border-radius:10px 10px 0 0;;padding:10px;} .Sub_Section_3>div>ul>li>dl>dt>h1{font-weight:400;padding:10px;position:relative;top:0;font-size:18px;} .Sub_Section_3>div>ul>li>dl>dt>h3{color:#1a1a1a;font-weight:400;padding:10px 20px;line-height:1.55;font-size:15px;} .Sub_Section_3>div>ul>li>dl>dt>h4{color:#5a5a5a;font-weight:300;padding:10px;line-height:1.55;font-size:12px;} .Sub_Section_4{width:100%;margin:30px 0;padding:10px;} .Sub_Section_4>div{width:100%;margin:0 auto;} .Sub_Section_4>div>ul{width:100%; flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: center; } .Sub_Section_4>div>ul>li{width:100%;padding:5px;} .Four_Sub_Sec>li{width:100% !important} .Sub_Section_4>div>ul>li>dl{min-height:auto;width:100%;background: #fff;border: 1px solid #e2e2e2;border-radius:8px} .Sub_Section_4>div>ul>li>dl>dt{;width:100%;border-radius:10px 10px 0 0;;padding:10px;background: #363465;} .Sub_Section_4>div>ul>li>dl>dt>h1{color:#fff;font-weight:400;padding:10px;position:relative;top:0;text-align:center;;font-size:18px;} .Sub_Section_4>div>ul>li>dl>dd>h1{text-align:center;font-size:4em;padding:20px 0 10px} .Sub_Section_4>div>ul>li>dl>dd>h3{color:#1a1a1a;font-weight:400;padding:10px 20px;line-height:1.55;font-size:15px;} .Sub_Section_4>div>ul>li>dl>dd>h4{color:#5a5a5a;font-weight:300;padding:10px;line-height:1.55;font-size:12px;} .Sub_Section_4>div>ul>li>dl>dd{;padding:10px 20px} .Sub_Section_4>div>ul>li>dl>dd img{max-width:100%;margin:0 auto;width:35%} .Bg_Sub{background: #f2f5fb} .Sub_Section_5::after{clear:both;content:'';display:block} .Sub_Section_5_Div::after{clear:both;content:'';display:block} .Sub_Section_5{width:100%;margin:20px 0;padding:10px;} .Sub_Section_5>article{width:100%;margin:0 auto;} .Sub_Section_5_Div{width:100%;margin:10px 0} .Sub_Section_5_Div>dl{width:100%;flex-wrap: wrap; display: flex; align-items: stretch; justify-content: center;} .Sub_Section_5_Div>dl>dt{width:100%;padding:20px;border-radius:10px;display: flex; align-items: center;justify-content: center;} .Sub_Section_5_Div>dl>dt>h3{color:#fff;text-align:center;} .Sub_Section_5_Div>dl>dd{width:100%;padding:0px;border-radius:10px;} .Sub_Section_5_Div>dl>dd>ul{width:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;height: 100%;margin:10px 0} .Sub_Section_5_Div>dl>dd>ul>li{width:100%;height:auto;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;padding:10px;} .Sub_Section_5_Div>dl>dd>ul>li{border:1px solid #e2e2e2;border-radius:10px;background:#fff} .Sub_Section_5_Div > dl > dd > ul > li h3 { font-size: 13px; padding: 5px; color: #5a5a5a; width: 100%; text-align: left; line-height:1.55; } /* .Sub_Section_5_Div>dl>dd>ul>li:first-child{width:100%;height:100%;flex-wrap: wrap; display: flex; align-items: center; justify-content: center;padding:10px;} .Sub_Section_5_Div>dl>dd>ul>li:last-child{width:100%;;height:100%;flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: center; flex-direction: column;padding: 10px;} .Sub_Section_5_Div>dl>dd>ul>li:first-child h3{ color:#fff} .Sub_Section_5_Div > dl > dd > ul > li:last-child h3{padding:5px;font-size:16px;} .Sub_Section_5_Div>dl>dd>ul>li{border:1px solid #e2e2e2;border-radius:10px;background:#fff} .Sub_Section_5_Div>dl>dd>ul>li:first-child h3{text-align:center;} */ .Bg_Red{background: #d04637;} .Bg_Blue{background: #343264;} .Hi_40{height:auto;} .Hi_15{height:auto;} .Hi_40 dt{height:auto} .Hi_40 dd{height:auto} .Hi_40 dd ul:nth-child(1){height:auto} .Hi_40 dd ul:nth-child(2){height:auto} .Hi_40 dd ul:nth-child(3){height:auto} .Hi_40 dd ul:nth-child(4){height:auto} .Hi_15 dt{height:100%} .Hi_15 dd{height:100%} .Sub_One_Li{width:100% !important;background:transparent !important;} .Sub_One_Li img{max-width:100%; margin:10px;} .Sub_Two_Li{width:100%;flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: center; flex-direction: row !important; } .Sub_Two_Li>span{display:block;width:100%;padding:10px;line-height:1.45;color:#5a5a5a;font-size:16px;} .Sub_Section_Process{width:100%} .Sub_Section_Process>article{width:100%} .Sub_Section_Process>article>ul{width:100%;margin:0 auto;flex-wrap: wrap; display: flex; align-items: flex-start; justify-content: center;} .Sub_Section_Process>article>ul>li img{max-width:100%;margin:0 auto} .Sub_Section_Process>article>ul>li{width:100%;} .Sub_Section_Process>article>ul>li>div{position:relative;top:0;width:100%;padding:10px;border:2px solid #343264;border-radius:30px; margin:20px 0} .Sub_Section_Process>article>ul>li>div>h3{text-align:center;padding:10px;} .Sub_Section_Process>article>ul>li.After_Ar>div::after{clear: both; content: ''; width: 10%; background: url(../img/arrow_ri.png) no-repeat 0 0; background-size: auto; background-size: 100%; height: 10px; position: relative; right: 50%; top: 0%;display:none !important} .Sub_Section_Process>article>ul>li.Before_Ar>div::after{clear: both; content: ''; display:none !important; width: 10%; background: url(../img/arrow_ri.png) no-repeat 0 0; background-size: auto; background-size: 100%; height: 10px; position: absolute; left: 50%; top: 0%;} .Sub_Section_Process>article>ul>li:first-child::after{ clear: both; content: ''; margin:10px auto; background: url(../img/arrow_down.png) no-repeat center; background-size: auto; width:100%; height: 66px; position: relative; ;display:block; } .Sub_Section_Process>article>ul>li:last-child::before{ clear: both; content: ''; margin:10px auto; background: url(../img/arrow_up.png) no-repeat center; background-size: auto; width:100%; height: 66px; position: relative; ;display:block; } .Feature_Box{width:100%;border-bottom: 2px solid #1a1a1a;padding:10px 0} .Feature_Box>div{width:100%} .Feature_Box>div>dl{width:100%;display:flex;flex-wrap: wrap;align-items: center;;} .Feature_Box>div>dl>dt{width:100%;padding:10px;} .Feature_Box>div>dl>dd{width:100%;padding:10px;} .Feature_Box>div>dl>dt>h1{padding:5px;font-size: 2em !important;} .Feature_Box>div>dl>dt>h4{padding:5px} .Feature_Box>div>dl>dd>h4{padding:10px 10px;position:relative;color:#555} .Feature_Box>div>dl>dd>h4::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #cec0b1; position: absolute; top: 1rem; left: -5px; } .Twin_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Twin_In_Img>li{width:100%;padding:10px;} .Twin_In_Img>li img{max-width:100%;margin:0 auto} .Twin_In_Img>li>h4{text-align:center;padding:10px;} .Three_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Three_In_Img>li{width:100%;padding:10px;} .Three_In_Img>li img{max-width:100%;margin:0 auto} .Three_In_Img>li>h4{text-align:center;padding:10px;} .Five_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Five_In_Img>li{width:50%;padding:5px;} .Five_In_Img>li img{max-width:100%;margin:0 auto} .Five_In_Img>li>h4{text-align:center;padding:5px;} .Six_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Six_In_Img>li{width:50%;padding:5px;} .Six_In_Img>li img{max-width:100%;margin:0 auto} .Six_In_Img>li>h4{text-align:center;padding:5px;} .Four_In_Img{width:100%;display: flex; flex-wrap: wrap; align-items: center;} .Four_In_Img>li{width:50%;padding:5px;} .Four_In_Img>li img{max-width:100%;margin:0 auto} .Four_In_Img>li>h4{text-align:center;padding:10px;} .App_Link{width:100%;;} .App_Link>ul{width:100%; margin:0 auto;padding:10px} .App_Link>ul:after{clear:both;content:'';display:block} .App_Link>ul>li{width:33.33333%;float:left;padding:5px;} .App_Link>ul>li>a{display:block;border-radius:8px;text-align:center; padding:10px 5px;background:#3585d5;color:#fff;font-size:1.2em} .Box_Section{width:100%;overflow: hidden;} .Box_Section>ul:after{clear:both;content:'';display:block} .Box_Section>ul>li{width:100%;float:none;padding:10px;position:relative;display:table;min-height:200px;} .Box_Section>ul>li>div{display:table-cell;vertical-align:middle;padding:30px 15px} .Box_Section>ul>li>div>h1{color:#fff;padding:10px;font-size:18px;} .Box_Section>ul>li>div>h4{color:#fff;padding:10px;line-height:1.55;font-size:13px;} .Box_Section>ul>li:first-child{background:#12abcb;} .Box_Section>ul>li:last-child{background:#5d82ec;} .Box_Section>ul>li:first-child>div{text-align:right;} .Box_Section>ul>li:first-child:after{ clear: both; content: '\f07a'; display: block; font-family: "Font Awesome 6 Pro"; font-size: 15em; color: #fff; opacity: 0.3; position: absolute; left: -0%; top: 10%; } .Box_Section>ul>li:last-child:after{ clear: both; content: '\f4c6'; display: block; font-family: "Font Awesome 6 Pro"; font-size: 18em; color: #fff; opacity: 0.3; position: absolute; right: -20%; top: 5%; } .Bottom_Section{width: 100%; padding: 10px; background: url(../img/bg_2_m.jpg) no-repeat center right; background-attachment: scroll; background-size: auto; -webkit-background-size: cover; background-size: cover; min-height: 400px;} .Bottom_Section>.Bottom_Text{width:90%;padding:5px} .Bottom_Text>h1{padding:10px;font-size:25px} .Bottom_Text>h4{padding:10px;font-size:15px;line-height:1.6em;font-weight:400;color:#fff} /* .Bt_btn{width: 150px; border-radius: 8px; text-align: center; padding: 20px 10px; background: #003198; color: #fff; font-size: 1em; margin: 10px; display: block;box-shadow:1px 1px 2px #999}*/ .Cs_SecBg{width:100%;padding:0 0px;;background-attachment: fixed;;background-position: center center;-webkit-background-size: cover; background-size: cover;position:relative;height:auto;} .Cs_SecBg::before{width:100%;height:100%;background: rgba(23,40,65,0.3); position:absolute;left:0;top:0;content:'';display:block;clear:both;z-index:1} .Cs_SecBg::after{clear:both;content:'';display:block} .Cs_SecBg>ul::after{clear:both;content:'';display:block;} .Cs_SecBg>ul{width:100%;float:right;height:100%;position:relative;z-index:5} .Cs_SecBg>ul>li{float:none;padding:5px;} .Cs_SecBg>ul>li:nth-child(1){width:100%;float:none;} .Cs_SecBg>ul>li:nth-child(2){width:100%;float:none;position:relative;;height:100%} .Tex_Sec_T{padding:30px 5px 5px} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>h1{color:#fff;font-family: 'Raleway'; font-weight:900;padding:10px;font-size:2.5em} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>h4{color:#fff;line-height:1.65;padding:10px;font-weight:400} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span{display:inline-block;padding:10px;position:relative;margin: 20px 0;} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span>a{display:block;position:relative;color:#fff} .Cs_SecBg>ul>li:nth-child(1)>div.Tex_Sec_T>span>a::after{clear:both;content:'';display:block;width:200px;height:30px; background:url(../img/main_btn.png) no-repeat -70px -15px;; } .Cs_SecBg>ul>li:nth-child(2)>div{width:100%;background: #171f2e;position:relative;bottom:0;right:0;height:auto;padding:20px 5px} .Cs_SecBg>ul>li:nth-child(2)>div>h3{padding:10px 3px;font-size:14px} .Cs_SecBg>ul>li:nth-child(2)>div>h3>strong{font-weight:600;color:#fff; font-family: 'Raleway';font-weight:800} .Cs_SecBg>ul>li:nth-child(2)>div>h3>span{font-weight:400;color:#fff} .Movie_Section{width:100%;min-height:33vh;padding:10px 30px;} .example-marquee { position: relative; } .content2 { display: table; width: 100%; min-height: 33vh; z-index: 1; position: relative; } #ytbg2 iframe{width:100% !important;height:100% !important} .subimg>.S_ub_Text{position: absolute; bottom: 0; left:0;/* padding: 7px 15px; background: #fff; border-left: 2px solid #f89f62;*/ font-weight: 300;padding:10px; width:100%;} .subimg>.S_ub_Text>h1{text-align:center;padding:0px;font-weight:400;font-size:15px;} .subimg>.S_ub_Text>h1>small{font-size:60%;color:#f89f62;font-weight:200} /*개량서브메뉴*/ .Location_Wrap{width:100%; margin:0 auto; position:relative; top:0;left:0;} .Location_Menu{width:100%; position:relative; top:0px; left:0;} .Location_Menu>ul:after{clear:both; content:''; display:block} .Location_Menu>ul{width:100%;padding:0px; float:none;} .Location_Menu>ul>li{ ;float:none; height:auto;position: relative;left:0;top:0;;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;margin-top: 0px;width:100%;padding:0 30px} .Location_Menu>ul>li:nth-child(1){margin-left:0%;width:100%; margin-top:5px auto;z-index:3;display:none} .Location_Menu>ul>li:nth-child(2){margin-left:0%;width:100%; margin-top:5px auto;z-index:2;display:none} .Location_Menu>ul>li:nth-child(3){margin-left:0%;width:100%; margin-top:5px auto;z-index:1} .Location_Menu>ul>li>a{display:block; width:100%; height:100%;line-height:36px; border-radius:30px;box-sizing: border-box; padding:12px;;position: relative;top:0;left:0; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ar_on{ transform: rotate(180deg); -ms-transform: rotate(180deg); } #ft {;margin:0 auto;text-align:center;width: 100%; border-top: 1px solid #232323;padding:10px} #ft_wr {max-width:100%;margin:0;padding:10px 0;position:relative;display:inline-block;text-align:left} #ft_wr:after {display:block;visibility:hidden;clear:both;content:""} #ft_wr .ft_cnt {width:100%;float:none;padding:7px 3px} #ft_link {text-align:left} #ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold} #ft_company h2 {font-size:1.2em;margin-bottom:20px} #ft_company {font-weight:normal;;line-height:1.7em} #ft_company>h4{font-weight:400;color: #333; line-height: 2em; font-size: 14px;} #ft_catch {margin:20px 0 10px} #ft_copy {text-align:left;width:100%;margin:0 auto;padding: 0px 0 10px;; color:#999;font-size:0.92em;} #ft_copy>b{color:#222;font-size:1.1em} #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)} #top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff} .Sns_Link{width:auto;margin:0 auto} .Sns_Link > ul{display:flex;width:auto} .Sns_Link > ul > li{margin-right:20px;} .Sns_Link > ul > li > a { color: #c2c8cc; transition: color .25s; } .Sns_Link > ul > li > a > svg{width:25px;height:25px;} .Sns_Link > ul > li > a:hover{color:#a4acb3} .Tail_Logo{width:50%;padding: 5px 10px;} .Tail_Logo:after{clear:both;content:'';display:block} .Tail_Logo>li:first-child{width:25%;float:left;padding:10px;} .Tail_Logo>li:last-child{width:75%;float:left;padding:10px;} .Tail_Logo>li>img{width:100%} .Des_text{padding:30px 0;width:100%;margin:0 auto;} .Des_text>h1{text-align:center;padding:10px;line-height: 1.2; letter-spacing: 2px;position:relative;font-size:18px} .Des_text>h1::after{clear: both; content: ''; display: block; width: 100%; height: 1px; background: #888; margin: 0 auto; position: absolute; top: 50%; z-index: 2;left: 0;} .Des_text>h1>span{background: #fff; display: inline-block; padding: 10px 20px; z-index: 3; font-weight: 600;position: relative;} .Box_Sucon{width:100%;padding:10px 5px;border:1px solid #cacaca} .Box_Sucon>dl{display:flex;flex-wrap: wrap-reverse;;align-items: stretch;} .Box_Sucon>dl>dt{width:100%;padding:10px;} .Box_Sucon>dl>dd{width:100%;padding:10px;} .Box_Sucon>dl>dd img{width:100%} .Box_Sucon>dl>dt>h4{color:#555;padding:3px 10px;line-height:1.75;position:relative} /*서브페이지*/ .subcon_tent{width:100%;padding:10px;} .subcon_tent>li>img{width:100%;} .subcon_tent>li h1{ padding:10px 10px 10px 10px; } .subcon_tent > li > dl > dd > h2 { padding: 10px 10px 10px; line-height: 1.75em; } .subcon_tent>li>dl:after{clear:both;content:'';display:block} .subcon_tent>li>dl>dt{width:100%;float:none;padding:10px} .subcon_tent>li>dl>dt video{width:100%;} .subcon_tent>li>dl>dd{width:100%;float:none;padding:10px} .subcon_tent>li>dl>dd>h2{padding:10px;line-height:1.75em;} .subcon_tent>li>h3{padding:10px 0} .subcon_tent>li>h4{padding:10px 0;line-height:1.75em;font-weight:200} .subinfo{width:100%;padding:5px; margin:0 auto;} .Text_Sucon_List{width:100%;padding:10px;} .Text_Sucon_List>ul{width:100%;} .Text_Sucon_List>ul>li{padding:20px;margin:10px 0;border-radius:8px;border:1px solid #cacaca;background:#fafafa;border-left: 20px solid lightskyblue;} .Headr_T_List{border-left:5px solid lightskyblue;border:0 !important;background:#fff !important;} .Text_Sucon_List>ul>li>h2{color:#555} .Text_Sucon_List>ul>li>h3{color:#777;font-weight: 200;} .Text_Sucon_List>ul>li>h3>b{font-weight:800 !important} .Text_Sucon_List>ul>li>h2::before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f21a";clear:both;display: inline-block; padding-right: 10px;color:lightskyblue} .fullwid{width:100% !important} .subinfo:after{clear:both; content:''; display:block;} .subheader img{width:40%;} .sucon>h1{padding:10px !important ;border:0 !important;font-weight:200} .sucon>h1>b{font-size:1.45em;font-weight:800} .sucon>h3{padding:10px;} .subinfo>h1{text-align:left;padding:30px;;font-weight:200;padding-left:5px;border-bottom:1px solid #ccc;} .subheaderr{padding:5px; font-weight:600; line-height:1.5em} .suconimg{width:100%; margin:0 auto;padding:20px} .suconimg > img{width:100%} .sucon{width:100%;padding:10px;} .sucon>ul:after { content: ""; display: block; clear:both; } .sucon img{width:100%; margin:0 auto; text-align:center;} .sucon>ul>li{float:none;padding:5px;width:100%} .sucon>ul>li h2{padding:10px; font-weight:800;} .sucon>ul>li h4{padding:10px 0; font-weight:200; line-height:1.35em;font-size: 13px;} .sucon h2{padding:10px; font-weight:800;} .sucon h4{padding:10px; font-weight:200; line-height:1.35em} .sucon2 h3{font-weight:bold; padding:10px} .sucon2 h4{padding:5px;font-weight:200px} /* .subinfo h1::after { content: ""; display: block; width: 120px; height: 2px; background: #68b880; margin:15px auto; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } */ .coline{width:100%;margin:20px auto 20px; height:1px;background: #ccc;} .coline2{width:100%;margin:10px auto; height:1px;background: #ccc;} .timpri{padding:20px; text-align:center; font-weight:800} .coline3{width:90%;margin:5px auto; height:1px;background: #ccc;} .ssubheader{padding:20px 0 10px 10px; text-align:;line-height:1.65em;border-bottom:1px solid #efefef} .suhetext{color:#4a95ea} .suhetext i{color:#4a95ea} .subheader2{padding:20px;} .suconbg ul{ padding: 30px;} .suconbg{padding:20px; background:#7496c2;} .suconbg h1{text-align:center; padding:20px; color:#fff;} .suconbg h1 i{font-size:3em} .suconbg ul li{list-style:circle;padding:10px;width:100% !important;float:none !important;padding-left:0} .suconbg ul li h3{font-weight:600; padding:10px;;padding-left:0} .suconbg ul li h4{font-weight:600; padding:5px; color:#333 !important;padding-left:0} .suconbg > ul > li:nth-child(1) { width: 100% !important; } .sucon_process>ul>li{width:100%;float:none;padding:5px} .Table_Div{width:100%;overflow-x:scroll} .Table_Div2{width:100%;overflow-x:scroll} .Table_Div>table{width:100%;} .Table_Div img{width:100%;} .Table_Div2 img{width:100%;} .Table_Div { -ms-overflow-style: none; /* Explorer */ scrollbar-width: none; /* Firefox */ } .Table_Div::-webkit-scrollbar { display: none; /* Chrome */ } .Table_Div2 { -ms-overflow-style: none; /* Explorer */ scrollbar-width: none; /* Firefox */ } .Table_Div2::-webkit-scrollbar { display: none; /* Chrome */ } .table_1 td h3{padding:5px;color:#222;font-size:16px;} .table_1 td h4{padding:5px;color:#555;font-weight:400;font-size:13px} .sucon iframe{width:100%;height:250px;} .sucon>dl{width:100%;border:1px solid #ccc; padding:10px; margin-top:15px;} .sucon>dl:after{clear:both; content:'';display:block} .sucon>dl>dt{width:100%;float:none;padding:5px;text-align:left;} .sucon>dl>dt>img{width:100%;} .sucon>dl>dd{width:100%;float:none;padding:5px;;text-align:left;} .sucon>dl>dd>dl:after{clear:both; content:'';display:block} .sucon>dl>dd>dl>dt{padding:5px; border-bottom:1px solid #cfcfcf;width:100%;} .sucon>dl>dd>dl>dd{padding:5px;width:100%;} .sucon>dl>dd>dl>dd>h4{line-height:1.35em;padding:5px} .sucon>dl>dd>dl:after{clear:both; content:'';display:block} .sucon>dl>dd>dl>dt{padding:5px; border-bottom:1px solid #cfcfcf;width:100%;} .sucon>dl>dd>dl>dd{padding:5px;width:100%;} .sucon>dl>dd>dl>dd>h4{line-height:1.35em;padding:5px} .sucon>dl>dt>ul:after{clear:both;content:'';display:block} .sucon>dl>dt>ul>li{width:50%;float:left;padding:0px;} .sucon>dl>dt>ul>li>a{width:100%;} .sucon>dl>dt>ul>li>a h4{text-align:center;padding:10px 0 !important} .sucon>dl>dt>ul>li:first-child>a>h4{background:#005cac;color:#fff} .sucon>dl>dt>ul>li:last-child>a>h4{background:#eaeaea;;color:#333;} .sucon>dl>dt>ul>li>a>img{width:100%} .sucon>dl>dd>dl>dt{width:100%} .sucon>dl>dd>dl>dt h3{padding:10px 0;line-height:1.65;font-weight:400;font-size:16px;color:#005cac} .sucon>dl>dd>dl>dd>ul:after{clear:both;content:'';display:block} .sucon>dl>dd>dl>dd>ul>li:first-child{width:100%;float:none;padding:10px 10px} .sucon>dl>dd>dl>dd>ul>li:last-child{width:100%;float:none;padding:10px 10px} .sucon>dl>dd>dl>dd>ul>li:first-child h1{border-bottom:1px solid #cacaca;;padding:5px 0} .sucon>dl>dd>dl>dd>ul>li:last-child h5{font-weight:200;color:#777;padding:5px 0} .sucon>dl>dd h4{text-align:left;line-height:1.35em} .suconok > ul{padding:10px} .suconok > ul > li:nth-child(1) { width: 100px; height:100px; background:#597aa5; text-align:center; border-radius:20em; float:left; } .suconok > ul > li:nth-child(1) i{color:#fff !important; font-size:3em;line-height: 1.7em;} .suconok > ul > li:nth-child(2){width:1050px; float:right;} .ttable{width:100%;} .ttable td{padding:10px; text-align:center;color:#333;border:1px solid #ccc;background:#eee;} .th{background:#597aa5 !important; color:#fff !important;padding:10px} .th2{background:rgba(59,57,92,0.3);color:#fff !important} .th3{background:rgba(59,57,92,0.6);color:#fff !important } .subname{padding:20px;border-bottom:1px solid #ccc;padding-left:0} .subname2{padding:20px;padding-left:0} .suconlight{width:100%;} .suconlight>ul:after{clear:both;content:'';display:block} .suconlight>ul>li{width:50%;float:left;padding:5px;} .suconlight>ul>li h3{padding:10px; text-align:center; border-radius:4px; color:#fff; background:#62b134;margin-top:5px;} .Img_Four{width:100%} .Img_Four:after{clear:both;content:'';display:block} .Img_Four>li{width:50% !important;float:left;padding:5px} .Img_Four>li img{width:100%;} /**/ .sub_p_text h1{text-align:center;padding:70px 20px;color:#fff; text-shadow:1px 1px 1px #111;font-size:3em;font-family: 'Cormorant SC', serif;;} .sub_p_text h1 small{color:#fff; font-family: 'GongGothic';;; !important; } .sub_twin{width:100%;} .sub_twin h1{text-align:center;} .sub_twin>ul:after{clear:both;content:'';display:block;} .sub_twin>ul>li{width:50%;float:left;padding:5px;} .sub_twin>ul>li>dl{; width:100%;} .sub_twin>ul>li>dl>dt{padding:5px;} .sub_twin>ul>li>dl>dt>h2{text-align:center;} .sub_twin>ul>li>dl>dd{background:#fcfcfc; min-height:140px;padding:10px} .sub_twin>ul>li>dl>dd>h4{padding:5px;} .sucon_twin>ul>li{float:none;padding:5px;width:100%} .sucon_five>ul>li{float:none;padding:5px;width:100%} .sucon_four>ul>li{float:left;padding:3px;width:50%} .sucon_four > ul > li dl dd h4 { padding: 2px 2px; font-weight: 300; text-align: center; color: #fafafa; font-size:13px; } .sucon_twin>ul>li>h3{font-size:18px} .sucon_twin>ul>li>h5{font-size:13px;} .sucon_five>ul>li>h3{font-size:18px} .sucon_five>ul>li>h5{font-size:13px;} .sucon_four>ul>li>h3{font-size:18px} .sucon_four>ul>li>h5{font-size:13px;} .icon_four>ul>li{float:left;padding:5px;width:50%} .icon_four>ul>li>h3{font-size:14px} .icon_four>ul>li>h5{font-size:11px;} .sucon_four > ul > li dl dd { width: 100%; background: #316d9f; min-height: 180px; } .sucon_three>ul>li{float:none;padding:10px;width:100%} .sucon_three>ul>li img{margin:0 auto;} .Bg_Text_Section{position:relative;;width:100%;min-height:250px;background:url(../img/ban_m.png) no-repeat 0 0;-webkit-background-size: cover; background-size: cover;text-align: center;} .Bg_Text_Section > div { width: 100%; padding: 10px; } .Bg_Text_Section > div > h1 { position: relative; display: inline-block; padding: 5px; color: #fff; text-shadow: 1px 1px 1px #000; top: 0; left: 0; z-index: 1; font-family: 'Poppins'; font-size: 1.8em; font-weight: 400; } .Bg_Text_Section > div > h1::after { content: " "; position: absolute; bottom: -0px; left: 0; width: 100%; height: 20px; background: #27502f; z-index: -1; } .Table_Div{width:100%;overflow-x:scroll} .Table_Div table{width:100%;} .Table_Div { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .Table_Div::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } .Process_Build{width:100%;padding:10px;} .Process_Build>dl{width:100%; padding:10px; display:flex; /* display: inline-flex; */ /*배치 방향 설정*/ flex-direction: row; /* flex-direction: column; */ /* flex-direction: row-reverse; */ /* flex-direction: column-reverse; */ /*줄넘김 처리 설정*/ flex-wrap: wrap; /* flex-wrap: wrap; */ /* flex-wrap: wrap-reverse; */ /*위에것 한꺼번에 지정*/ /*flex-flow: row wrap;*/ /* 아래의 두 줄을 줄여 쓴 것 */ /* flex-direction: row; */ /* flex-wrap: wrap; */ /*메인축 방향 정렬*/ justify-content: flex-start; /* justify-content: flex-end; */ /* justify-content: center; */ /* justify-content: space-between; */ /* justify-content: space-around; */ /* justify-content: space-evenly; */ /*수직축 방향 정렬*/ align-items: stretch; /* align-items: flex-start; */ /* align-items: flex-end; */ /* align-items: center; */ /* align-items: baseline; */ /*여려행 정렬*/ /*flex-wrap: wrap;*/ /*align-content: stretch;*/ /* align-content: flex-start; */ /* align-content: flex-end; */ /* align-content: center; */ /* align-content: space-between; */ /* align-content: space-around; */ /* align-content: space-evenly; */ } .Process_Build>dl>dt{ /*flex 사이즈*/ flex-basis: 100%; /* 기본값 */ /* flex-basis: 0; */ /* flex-basis: 50%; */ /* flex-basis: 300px; */ /* flex-basis: 10rem; */ /* flex-basis: content; */ /*유연하게 늘리기*/ flex-grow: 0; /* flex-grow: 0; */ /* 기본값 */ /*유연하게 줄이기*/ flex-shrink: 1; /* 기본값 */ } .Process_Build>dl>dt>div{padding: 50px 0;;width:200px;height:200px;border-radius:500px; position:relative;top:0;left:0;margin:0 auto 20px;} .Color_G>dl>dt>div{background:#40c0c1;} .Color_S>dl>dt>div{background:#58a7e2;} .Color_B>dl>dt>div{background:#3378c1;} .Process_Build>dl>dt>div::after{clear: both; content: ''; display: block; width: 180px; height: 180px; background: #fff; left: calc(50% - 90px); top: calc(50% - 90px); border-radius: 500px; position: absolute; } .Process_Build>dl>dt>div>h3{position:relative;top:0;left:0;z-index:2;text-align:center;padding: 5px;} .Process_Build>dl>dt>div>h2{position: relative; top: 0; left: 0; z-index: 2; text-align: center; padding: 10px; width: 95%; box-shadow: 0px 0px 2px #333; background: #fff; margin: 0 auto; border-radius: 10px;} .Process_Build>dl>dd{ display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; /*flex 사이즈*/ flex-basis: 100%; /* 기본값 */ /* flex-basis: 0; */ /* flex-basis: 50%; */ /* flex-basis: 300px; */ /* flex-basis: 10rem; */ /* flex-basis: content; */ /*유연하게 늘리기*/ flex-grow: 0; /* flex-grow: 0; */ /* 기본값 */ /*유연하게 줄이기*/ flex-shrink: 1; /* 기본값 */ } .Process_Build>dl>dd>div{ flex-grow: 1;flex-basis: 100%; /* 기본값 */;padding:10px;margin:20px 0} .Process_Build>dl>dd>div>article{position: relative; top: 0; left: 0; padding: 30px; height: 100%;} .Color_G>dl>dd>div>article{border:1px solid #40c0c1} .Color_S>dl>dd>div>article{border:1px solid #58a7e2} .Color_B>dl>dd>div>article{border:1px solid #3378c1} .Process_Build>dl>dd>div>article>h2{color:#fff;width:200px; position:absolute;left:calc(50% - 100px);top:-20px;padding:10px 5px;text-align:center;font-weight:600;border-radius: 10px 100px / 120px;} .Long_He{width:300px !important;;left:calc(50% - 150px) !important;} .Color_G>dl>dd>div>article>h2{background:#40c0c1} .Color_S>dl>dd>div>article>h2{background:#58a7e2} .Color_B>dl>dd>div>article>h2{background: #3378c1} .Process_Build>dl>dd>div>article>h3{padding:10px 5px;color:#425cce} .Process_Build>dl>dd>div>article>h4{padding:5px;position:relative;top:0;color:#666;} .Two_Process{flex-flow: row wrap !important;} .Two_Process>div{flex-grow: 1;flex-basis: 100% !important} .Process_Build>dl>dd>div>article>h4::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #425cce; position: absolute; top: 0.75rem; left: -10px; } } @media all and (min-width:1px) and (max-width:500px) { /* .F_Box_Im>ul>li>a::before{clear:both;content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0);z-index:1;position:absolute;top:0;left:0} .F_Box_Im>ul>li>a>div{width:90%;height:auto;z-index:2;position:absolute;bottom:-50%;left:5%;padding:10px 0} .F_Box_Im>ul>li>a::hover > div {bottom:-40%;} .F_Box_Im>ul>li>a>div h1{padding:5px 5px;font-size:15px} .F_Box_Im>ul>li>a>div h4{padding:5px 5px;font-size:10px;line-height: 1.45;} .F_Box_Im>ul>li>a>div h5{padding:5px 5px;font-size:13px;} */ }