/* Common **********************************************************************/ /* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */ /* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } @font-face { font-family: 'Pretendard'; font-weight: 100; src: url('/font/Pretendard-Thin.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 200; src: url('/font/Pretendard-ExtraLight.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 300; src: url('/font/Pretendard-Light.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 400; src: url('/font/Pretendard-Regular.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 500; src: url('/font/Pretendard-Medium.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 600; src: url('/font/Pretendard-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 700; src: url('/font/Pretendard-Bold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 800; src: url('/font/Pretendard-ExtraBold.woff2') format('woff2'); } @font-face { font-family: 'Pretendard'; font-weight: 900; src: url('/font/Pretendard-Black.woff2') format('woff2'); } /* Common **********************************************************************/ html,body {width:100%; } html {overflow-y:scroll; box-sizing:border-box;} *, *:before, *:after{box-sizing:inherit;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,.main_logo,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;} fieldset,img {border:0px none; vertical-align:top;} dl,ul,ol,menu,li {list-style:none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} button {border:0 none; background-color:transparent; cursor:pointer;} body { background:#fff;} body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard'; color:#7d7d7d;} input, select, textarea, button{vertical-align:middle; } a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;} a:hover,a:focus{color:#333; text-decoration:none} table {border-collapse:collapse; border-spacing:0;} address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;} summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;} caption {position:static;} /* label hidden 처리 */ .invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;} label.invisible{*position:Absolute;} /* common */ .clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;} .clfix {display:inline-block;} .clfix {display:block;} * html .clfix {height:1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ .list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;} /*멤버스킨*/ .title{font-size:15px; font-weight:bold;} /*테이블*/ .tbl_type,.tbl_type th,.tbl_type td{border:0} .tbl_type{width:100%;border-bottom:1px solid #e2e2e5; } .tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;} .tbl_type p{font-size:11px; color:#b6b7bc;} .tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;} .tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0} .tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; } .tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;} .tbl_type2 p{font-size:11px; color:#b6b7bc;} .tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;} /*로그인스킨*/ #login_wrap {width:100%; background:#f7f7f7; padding:50px;} .login_top {width:100%; height:50px; border-bottom:1px solid #eaeaea; margin-bottom:20px;} .login_top h2 {font-size:30px; color:#4b4f58; line-height:1; font-weight:600;} .login_top h2 span {font-size:15px; font-weight:400; } .login_mid {display: flex; justify-content: space-between; width:100%; overflow: hidden;} .login_mid .login_con { width:50%; height:100%; } .login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;} .login_mid .login_con .login_id {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:10px;} .login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;} .login_mid .login_con .login_pw {width:100%; height:40px; background:#fff; border:1px solid #fff; margin-bottom:20px;} .login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;} .login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; } .login_mid .login_con span img {vertical-align:middle;} .login_mid .login_con input::placeholder {font-size:14px; color:#c3c3c3;} .login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:14px; color:#c3c3c3;} .login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:14px; color:#c3c3c3;} .login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:14px; color:#c3c3c3;} .login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:14px; color:#c3c3c3;} .login_mid .login_btn {width:100%; height:55px; margin-top:20px;} .login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:18px; line-height:53px;} .login_mid .login_bottom {text-align:center;} .login_mid .login_bottom li {display:inline-block; margin-left:20px; padding-left:20px; position:relative; line-height:35px;} .login_mid .login_bottom li::before {width:1px; height:13px; background:#ddd; content:''; position:absolute; left:0; top:11px;} .login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;} .login_mid .login_bottom li:first-child::before {display:none;} .login_mid .login_bottom li a {color:#666; font-size:15px; line-height:15px;} .login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;} .login_mid .login_bottom li label {color:#666; font-size:15px; line-height:15px;} .login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;} .login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;} .login_mid .login_bottom li .naver_login img {vertical-align:-1px;} .login_mid .login_img {width:47.27%;} .login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;} .login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;} /*회원가입 스킨*/ .inWrap {width:98%; border:1px solid #353638; border-width:1px 0; padding:30px 0;} .inWrap.type1 { padding:50px 0;} .inWrap.type2 { padding:0;} .inWrap.type3 { padding:5px 0; border-bottom-width:0;} .inWrap.widt.main_logo { width:680px !important; margin:0 auto;} .tbox1 { border:1px solid #cdcdcd; } .tbox1 .boxTit { padding:20px 20px 10px; color:#333; font-weight:700; font-size:16px;} .tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;} .txt_type { line-height:25px; font-size:13px; color:#666;} .agreement input{vertical-align:middle; border:none;} .btnType { display:inline-block; position:relative; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;} .btnType.btn1.color2 {border:1px solid #333; background:#333; cursor:pointer; } .btnWrap input{color:#fff;} .center{text-align:center;} .tab_img{display: none;} .mob_img{display: none;} /* quick */ .quick_wrap{position:fixed; right:0; bottom:50px; z-index:11000; display:flex; flex-direction:column; align-items:flex-end; gap:15px;} .quick_wrap *{transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .quick_wrap > ul{border-radius: 10px 0 0 10px; background:var(--co01); box-shadow:0px 5px 20px rgba(0, 0, 0, 0.2);} .quick_wrap a{display:flex; align-items:center; padding:15px;} .quick_wrap a div.quick_txt{width:0px; opacity:0; overflow:hidden; white-space:nowrap; font-size:1rem; font-weight:600; line-height:1; color:#fff;} .quick_wrap > ul:hover a{gap:15px;} .quick_wrap > ul:hover a div.quick_txt{padding-right:110px; opacity:1;} .call_btn{border-radius: 10px 0 0 10px; background:var(--bg01);} .call_btn a{display:flex; align-items:center; padding:15px;} .call_btn a div.quick_txt{width:0px; opacity:0; overflow:hidden; white-space:nowrap; font-size:1rem; font-weight:600; line-height:1; color:#fff;} .call_btn:hover a{gap:15px;} .call_btn:hover a div.quick_txt{padding-right:110px; opacity:1;} .quick_top{display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:60px; height:60px; background:#fff; cursor:pointer; border-radius: 10px 0 0 10px; box-shadow:0px 5px 20px rgba(0, 0, 0, 0.2);} .quick_top > span{font-size:1rem; font-weight:600; line-height:1; color:#222;} /* ==main== */ #wrap{ position: relative; width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden; line-height: 1.1;} .inner{width: calc(100% - 100px); margin: 0 auto; max-width:1680px;} /* main 공통 */ .main_tit h3{line-height: 1.4;} .main_tit h3 em{color: var(--co01); font-weight: 700;} .section{padding-block:140px;} .navigation{display: none;} .nav_btn{display: none;} /* header */ #header{position: absolute; top: 0; left: 0; z-index: 100; width: 100%;} #header .inner{display: flex; align-items: center; justify-content: space-between;} #header .main_logo a{position: relative; display: block; background: url('/images/main/main_logo.png')center no-repeat; width: 200px; height: 60px; background-size:cover; z-index:99; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} /* gnb */ #header.on .gnb > li.on > a{font-weight: 600;} #header .gnb-wrap{width:100%; max-width:1480px; min-width:720px;} #header .gnb{display: flex; width:100%; justify-content: flex-end;} #header .gnb > li{width:100%; max-width:180px; position: relative; text-align: center;} #header .gnb > li:first-child {max-width: 200px;} #header .gnb > li:nth-child(4) {max-width: 230px;} #header .gnb > li:last-child {max-width: 250px;} #header .gnb > li::after{content:'';position: absolute; left: 50%; bottom: -8px; transform:translateX(-50%); width: 0%; height: 2px; background: var(--co01); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); z-index: 100;} #header .gnb > li.on::after{width: 101%;} #header .gnb > li > a{display: block; font-size: 1.25rem; color: #fff; padding-block:30px;} .gnb-wrap .gnbBg{overflow:hidden; position:absolute; left:0; top: 0; width:100%; height:0; background: rgba(0, 0, 0, 0.75); z-index:0;opacity:0; transition:height 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .gnb-wrap.on .gnbBg{height:540px; opacity:1.0; filter:Alpha(opacity=100);} .gnb-wrap .gnb .gnb-2dep{position:absolute; top:95px; left:0px; z-index:99;width:100%; text-align:left; opacity:0;filter:Alpha(opacity=0);height:0;transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition-delay: 0s;visibility:hidden;} .gnb-wrap .gnb .gnb-2dep > ul{padding-block:20px;} .gnb-wrap .gnb .gnb-2dep > ul > li{text-align: center;} .gnb-wrap .gnb .gnb-2dep > ul > li:not(:last-child){margin-bottom: 20px;} .gnb-wrap .gnb .gnb-2dep > ul > li > a{font-size: 16px; color: #fff; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .gnb-wrap .gnb .gnb-2dep > ul > li > a:hover{font-weight: 500;} .gnb-wrap .gnb.on > li .gnb-2dep{height:35rem; opacity:1.0; visibility:visible; transition: height 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;} /* visual */ #visual_wrap .visual .swiper-slide > p{min-height:720px;} #visual_wrap .slide_item_wrap{position: absolute; top: 50%; left: 6.2500vw; transform:translateY(-50%); align-items: center; display: flex; justify-content: space-between; gap:20px; width: 80%;} #visual_wrap .txt_wrap{color: #fff;} #visual_wrap .txt_wrap h2{font-size: 3.3333vw; line-height: 1.2;} #visual_wrap .txt_wrap p{font-size: 1.25rem; line-height: 1.7; padding-top: 30px; color: #fff;} #visual_wrap .visual_txt_tab{display: none;} #visual_wrap .visual_txt_mob{display: none;} #visual_wrap .visual_items{position: absolute; top: 66%; left: 6.2500vw; display: flex; align-items: center; gap:20px; font-size: 1.125rem; color: #fff; z-index: 10; padding-top: 40px; letter-spacing:0.1rem;} #visual_wrap .swiper-button-next, #visual_wrap .swiper-button-prev{position: unset; margin-top: 0;} #visual_wrap .swiper-button-prev{background: url('/images/main/main_visual_prev.png')center no-repeat; background-size:cover; width: 36px; height: 36px;} #visual_wrap .swiper-button-next{background: url('/images/main/main_visual_next.png')center no-repeat; background-size:cover; width: 36px; height: 36px;} #visual_wrap .swiper-button-next:after, #visual_wrap .swiper-button-prev:after{font-size: 0;} #visual_wrap .seminar_container { position: absolute; right: 6.2500vw; top: 50%; transform:translateY(-50%); color: #222; background: rgba(255, 255, 255, 0.50); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.50); padding: 35px; max-width: 430px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius:25px; z-index: 500; min-height:320px; display:flex; justify-content: center; align-items: stretch; } #visual_wrap .seminar_title {position: relative; font-size: 1.875rem; margin-bottom: 30px; padding-left: 25px;} #visual_wrap .seminar_title::before {content: ""; position: absolute; top: 50%; transform:translateY(-50%); left: 0; background: var(--co01); width: 15px; height: 15px; border-radius:50%;} #visual_wrap .seminar_entry {margin-bottom: 30px; min-width:350px;} #visual_wrap .seminar_entry p {line-height: 1.5;margin: 0;} #visual_wrap .seminar_info{font-size: 1.125rem;} #visual_wrap .seminar_info .list_tit{display: flex; align-items: center; gap: 10px;} #visual_wrap .seminar_info .list_tit .time{color: var(--co01); font-weight: 600; white-space:nowrap;} #visual_wrap .seminar_con{display: flex; gap: 20px; padding:15px 20px; border-bottom:1px solid rgb(0,0,0,.2);} #visual_wrap .seminar_con:first-child{padding:0px 20px 15px;} #visual_wrap .seminar_con:last-child{padding:15px 20px 0px; border-bottom:0px solid rgb(0,0,0,.2);} #visual_wrap .seminar_con .date{font-size: 1.125rem; flex-shrink:0;} #visual_wrap .link_group {display: flex; gap: 10px; justify-content: space-between;} #visual_wrap .link_group a{display:flex; justify-content: space-between; font-size: 1.125rem; color: #222; letter-spacing:-0.1em; background: rgba(255, 255, 255, 0.40); border-radius:30px; border: 1px solid rgba(255, 255, 255, 0.50); width: 50%; text-align: center; padding:4% 5%; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} @media screen and (max-width:1400px) { #visual_wrap .seminar_container{max-width:420px; padding:30px; min-height:300px;} #visual_wrap .seminar_title{font-size: 1.563rem;} #visual_wrap .seminar_con .date{font-size: 1rem;} #visual_wrap .seminar_info{font-size: 1rem;} #visual_wrap .link_group a{font-size: 1rem; padding: 3% 4%;} } /* section01 */ #section01 .inner{display: flex; align-items: center; justify-content: space-between;} #section01 .main_tit h3{font-size: 3rem; color: #222; word-break:keep-all;} #section01 .main_tit h3 span{display: flex;} #section01 .sec01_con{width: 37%; min-width:400px;} #section01 .sec01_con ul{width:100%; display: flex; justify-content: space-between;} #section01 .sec01_con ul li{flex-shrink:0; flex-grow:1;} #section01 .sec01_con ul li p{font-size: 1.125rem; color: #666; word-break:keep-all;} #section01 .sec01_con .icon_box{display: block; margin-bottom: 20px;} #section01 .sec01_con .num_box{color: #222; padding-top: 10px;} #section01 .sec01_con .num_box .count{font-size: 3.75rem;} #section01 .sec01_con .num_box .percent{font-size: 1.25rem;} /* section02 */ #section02{background: url('/images/main/main_sec02_bg.jpg')center no-repeat; background-size:cover;} #section02 .main_tit{color: #222; text-align: center;} #section02 .main_tit h3{font-size: 3rem; color: #222;} #section02 .main_tit p{color: #666; padding-top: 15px; line-height:1.5; word-break:keep-all;} #section02 .main_tit{font-size: 1.25rem;} #section02 .sec02_con{display: flex; justify-content: center; gap: 20px; padding-top: 60px;} #section02 .sec02_box{position: relative; color: #fff; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section02 .sec02_box > img{width: 100%; border-radius:40px;} #section02 .sec02_box:hover{transform:translateY(-20px); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); } #section02 .sec02_box .txt_box{position: absolute; bottom:8%; left:8%; padding-inline: 10px;} #section02 .sec02_box .txt_box h4{font-size: 2rem; word-break:keep-all;} #section02 .sec02_box .txt_box p{font-size: 1.25rem; padding-top: 15px;} /* section03 */ #section03 .inner{display: flex; justify-content: space-between; padding-bottom: 200px;} #section03 .sec03_con{z-index:99;} #section03 .sec03_con ul{display: grid; grid-template-columns: repeat(2, 1fr); gap:60px;} #section03 .sec03_con ul li{position: relative; overflow:hidden; border-radius:60px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section03 .sec03_con ul li:nth-child(2n){transform: translateY(200px);} #section03 .sec03_con ul li img{width: 100%;} #section03 .sec03_con ul li .mob_sec03_img{display: none;} #section03 .sec03_con ul li a > p{position: absolute; bottom:10%; left:10%; font-size: 1.875rem; line-height:1.3; font-weight:600; color: #fff;} #section03 .sec03_con ul li a > .txt_box{position: absolute; width:100%; height:100%; top:100%; padding:10%; display:flex; flex-direction: column; justify-content: flex-end; background:rgba(16, 57, 146, 0); backdrop-filter: blur(0px); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section03 .sec03_con ul li .txt_box h4{font-size: 1.875rem; line-height:1.3; color: #fff; font-weight:600; opacity:0;} #section03 .sec03_con ul li .txt_box p{font-size: 1.25rem; line-height:1.4; color: #fff; word-break:keep-all; padding-top:15px; opacity:0; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section03 .sec03_con ul li .txt_box .hover_go{position:absolute; top:5%; right:5%; opacity:0; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section03 .sec03_con ul li .txt_box img.ani_circle{width:200px; height:200px; animation:rotateInfinite 20s linear infinite both;} #section03 .sec03_con ul li .txt_box img.ani_circle_go{position:absolute; width:60px; height:60px; top:50%; left:50%;transform:translate(-50%, -50%);} #section03 .sec03_con ul li:hover{box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.25);} #section03 .sec03_con ul li:hover .txt_box{top:0; background:rgba(16, 57, 146, 0.5); backdrop-filter: blur(5px);} #section03 .sec03_con ul li:hover .txt_box h4{opacity:1; word-break:keep-all;} #section03 .sec03_con ul li:hover .txt_box p{opacity:1;} #section03 .sec03_con ul li:hover .hover_go{opacity:0.5;} #section03 .main_tit{max-width:480px; z-index: -1;} #section03 .main_tit h3{font-size: 3rem; word-break:keep-all;} #section03 .main_tit p{font-size: 1.25rem; padding-top: 20px; line-height: 1.5; word-break:keep-all;} #section03 .main_tit p span{display: block;} @keyframes rotateInfinite { 0% { transform: rotate(0deg);} 100% { transform:rotate(360deg);} } /* section04 */ #section04{background: url('/images/main/main_sec04_bg.png')left bottom no-repeat var(--co01);} #section04 .main_tit{display: flex; color: #fff; justify-content: space-between;} #section04 .main_tit h3{font-size: 3rem;} #section04 .sec04Slide{margin-top: 60px;} #section04 .sec04Slide .slick-list{margin: 0 -15px;} #section04 .sec04Slide .slick-slide{position: relative; margin: 0 15px; background: #5774B2; padding: 20px 0px 0px 0px; border-radius: 20px;} #section04 .sec04Slide .slick-slide img{width: 100%; aspect-ratio: 0.690 / 1; object-fit: cover; border-radius: 20px;} #section04 .sec04Slide .slide_info{position: absolute; bottom: 25px; left: 20px; color: #fff;} #section04 .sec04Slide .slide_info .name{font-size: 1.625rem; font-weight: 600;} #section04 .sec04Slide .slide_info .position{display: block; font-size: 1.25rem; margin-top: 15px;} #section04 .sec04Slide .slick-slide .link_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #section04 .sec04_btn{display: flex; gap:10px;} #section04 .sec04_btn .prevArrow{background: url('/images/main/main_sec04_prev.png')center no-repeat; background-size:cover; width: 60px; height: 60px;} #section04 .sec04_btn .nextArrow{background: url('/images/main/main_sec04_next.png')center no-repeat; background-size:cover; width: 60px; height: 60px;} #section04 .more_btn{display: block; width: 240px; margin: 50px auto 0; padding-block:15px; text-align: center; font-size: 1.125rem; color: #fff; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(255, 255, 255, 0.20);} /* ✅ section04: slick 초기화 전 이미지 튐(FOUC) 방지 */ #section04 .sec04Slide{ opacity: 0; visibility: hidden; transition: opacity .2s ease; } #section04 .sec04Slide.is-ready{ opacity: 1; visibility: visible; } /* section05 */ #section05{background: #F8F8F8;} #section05 .youtube_wrap{display: flex; gap: 60px;} #section05 .main_tit h3{font-size: 3rem; color: #222; text-align: center;} #section05 .youtube_tab{display: flex; justify-content: center; gap:10px; margin-top: 20px;} #section05 .youtube_tab li{border-radius: 999px; border: 1px solid rgba(0, 0, 0, 0.20); color: #666; padding:16px 20px; font-size: 1.125rem; cursor:pointer;} #section05 .youtube_tab li.on{background: var(--co01); color: #fff;} #section05 .video_tab_content .video_section {display: none;} #section05 .video_tab_content .video_section.active {display: flex; } #section05 .video_section {display: flex; gap:100px; align-items: flex-end; padding-top: 60px;} #section05 .main-swiper {position: relative; width: 54%; overflow: visible;} #section05 .main-swiper::after{content: '';position: absolute;top: 40px;left: 40px;width: 100%;height: 100%;background-color: #A9C9FF;border-radius: 30px;z-index: -1;} #section05 .main-swiper iframe {width: 100%;height: 475px;border-radius: 35px;aspect-ratio: 1.726 / 1;object-fit: cover;} #section05 .video_info {width: 40%;display: flex;flex-direction: column;gap: 25px;} #section05 .txt_wrap{color: #222;} #section05 .txt_wrap h3 {font-size: 2.25rem; border-bottom: 1px solid #D9D9D9; padding-bottom: 20px;} #section05 .txt_wrap .txt_btm{padding-top: 20px;} #section05 .txt_wrap strong {font-size: 1.5rem; display: block;} #section05 .txt_wrap p {height: 96px; font-size: 1.125rem; color: #666; padding-top: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5;} #section05 a.link_btn {display:flex; justify-content: space-between; width:200px; margin-top: 40px; padding:16px 20px; border-radius: 40px;color: #333;font-size: 1.125rem; border: 1px solid rgba(34, 34, 34, 0.50); background:rgba(255, 255, 255, 0.1);} #section05 .thumb-swiper {width: 100%;} #section05 .thumb-swiper .swiper-slide {opacity: 0.5;cursor: pointer;transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section05 .thumb-swiper .swiper-slide-thumb-active {opacity: 1;} #section05 .thumb-swiper img {width: 100%;height: auto;border-radius: 10px;} #section05 .thumb-swiper .swiper-button-next, .thumb-swiper .swiper-button-prev{position: unset; margin-top: 0;} #section05 .swiper-button-next:after, #section05 .swiper-button-prev:after{font-size: 0;} #section05 .swiper_arw{display: flex; justify-content: flex-end; gap: 10px; margin-bottom: 15px;} #section05 .short_inner .swiper_arw{flex-direction: column; writing-mode: initial;} #section05 .swiper-button-prev{width: 40px; height: 40px; border:1px solid var(--co01); border-radius:50%;} #section05 .swiper-button-prev:hover{background: var(--co01);} #section05 .swiper-button-next:hover{background: var(--co01);} #section05 .swiper-button-next{width: 40px; height: 40px; border:1px solid var(--co01); border-radius:50%;} #section05 .swiper-button-prev i, #section05 .swiper-button-next i{font-size: 28px; color: var(--co01); font-weight: 500; transition:.3s;} #section05 .swiper-button-prev:hover i, #section05 .swiper-button-next:hover i{color: #fff; transition:.3s;} #section05 .short_inner{display: flex; gap:60px; width: 100%;} #section05 .before_short_wrap{flex-shrink:0; width: 360px;} #section05 .short_inner .swiper{height: 100%;} #section05 .short_inner .video_wrap{position: relative; aspect-ratio: 9 / 16; height: auto; border-radius: 20px; overflow: hidden;} #section05 .short_inner .video_wrap iframe{position: absolute; inset: 0; width: 100%; height: 100%; display: block; filter: grayscale(100%);} #section05 .shortSlide .video_wrap::after{content:"";position:absolute;inset:0;pointer-events:none;} #section05 .shortSlide.is-dragging .video_wrap::after{pointer-events:auto;background: transparent;cursor: grabbing;} #section05 .center_txt_wrap{width: 300px; display: flex; flex-direction: column; gap: 40px; flex-shrink: 0; color: #222; padding-top: 80px; margin-left: 120px;} #section05 .center_txt_wrap strong{font-size: 2.25rem;} #section05 .center_txt_wrap .info h4{font-size: 1.5rem;} #section05 .center_txt_wrap .info p{margin-top: 20px; font-size: 1.125rem; line-height: 1.4;} #section05 .center_txt_wrap .short_arw{display: flex; align-items: center; gap:10px; position: relative; z-index: 10;} #section05 .short_wrap{position: relative; z-index: 1; width: 90%;} #section05 .short_wrap .swiper-slide{width: 300px;} #section05 .short_wrap .swiper-slide iframe{pointer-events:none;} #section05 .short_wrap .swiper-slide.is-armed .video_wrap iframe{pointer-events:auto;} #section05 .short_wrap .swiper-slide.swiper-slide-active iframe, #section05 .short_wrap .swiper-slide.is-playing iframe{filter:grayscale(0); pointer-events:auto;} #section05 .before_short_wrap {z-index: 1;} #section05 .short_wrap .shortSlide {position: relative; z-index: 3;} .short_inner .shortSlide{touch-action: pan-y; position: relative; z-index: 2;} .short_inner .shortSlide.is-dragging .video_wrap iframe{pointer-events:none;} .short_wrap .video_wrap {position: relative;} #section05 .center_txt_wrap .short_arw{display: flex;align-items: center;gap:10px;} #section05 .center_txt_wrap .short_arw .short-btn{width: 50px;height: 50px;border-radius: 50%;border: 1px solid var(--co01);background: transparent;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;} #section05 .center_txt_wrap .short_arw .short-btn i{font-size: 28px;color: var(--co01);font-weight: 400;transition:.3s;} #section05 .center_txt_wrap .short_arw .short-btn:hover{background: var(--co01);} #section05 .center_txt_wrap .short_arw .short-btn:hover i{color:#fff;} /* section06 */ #section06 .more_btn{font-size: 1.125rem; color: #999;} #section06 .inner{display: flex; justify-content: space-between; gap: 60px;} #section06 .inner > div{flex: 0 1 calc(50% - 30px);} #section06 .main_tit{display: flex; align-items:flex-end; justify-content: space-between;} #section06 .main_tit h3{font-size: 2.25rem; color: #222;} #section06 .exam_list{display: flex; gap:20px; padding-top: 30px;} #section06 .exam_list li{flex:1;} #section06 .exam_list .img_box{display:none;} #section06 .exam_list .img_box img{width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px;} #section06 .exam_list .txt_box{padding: 20px; border-radius: 20px; border-bottom-right-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.10);} #section06 .exam_list .txt_box strong{font-size: 1.125rem; color: #222; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #section06 .exam_list .txt_box p{height: 62px; font-size: 1rem; color: #666; margin-top: 10px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #section06 .current_box{margin-top: 60px;} #section06 .current_list{padding-top: 32px;} #section06 .current_list li:not(:first-child){margin-top: 15px;} #section06 .current_list li a{position: relative; display: flex; justify-content: space-between; font-size: 1.125rem; color: #666; padding-left: 30px;} #section06 .current_list .tit{max-width:360px; width:60%; color: #222; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #section06 .current_list li.on a::before{content:'N'; position: absolute; left: 0; top: 50%; transform:translateY(-50%); color: var(--co01); border:1px solid #ddd; padding-inline: 4px; text-align: center;border-radius: 5px;} #section06 .current_list {width: 100% !important;} #section06 .current_list .slick-track {width: 100% !important;} #section06 .current_list .slick-slide {width: 100% !important;box-sizing: border-box;} #section06 .sec06_right ul{padding-top: 30px;} #section06 .sec06_right ul li:not(:first-child){margin-top: 15px;} #section06 .sec06_right ul li a{display: flex; align-items: center; gap: 15px;} #section06 .sec06_right .date_box{display: flex;flex-direction: column;align-items: center;aspect-ratio: 1;background: #F8F8F8;width: 80px;height: 80px;justify-content: center;border-radius: 10px; gap:6px;} #section06 .sec06_right .date_box .day{font-size: 1.875rem;} #section06 .sec06_right .date_box .month{font-size: 0.875rem;} #section06 .notice_text h4{font-size: 1.125rem; color: #222; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #section06 .notice_text .desc{font-size: 1rem; color: #666; padding-top: 10px; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} /* footer */ #footer{background: #1A1A1A; padding:40px 0 60px 0;} #footer .footer_top{display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.20);} #footer .link_wrap{display:flex; font-size: 1.125rem; color: #aaa; gap:42px;} #footer .link_wrap li{position: relative;} #footer .link_wrap li:not(:first-child)::after{content:''; position: absolute; left:-21px; top: 50%; transform:translateY(-50%); width: 2px; height: 16px; background: #aaa;} #footer .link_wrap a{position: relative;} #footer .link_wrap a:not(:first-child){padding-left: 20px;} #footer .link_wrap a:not(:last-child){padding-right: 20px;} #footer .link_wrap a:not(:first-child)::after{content:''; position: absolute; left:-2px; top: 50%; transform:translateY(-50%); width: 2px; height: 16px; background: #aaa;} #footer .footer_info ul{display: flex; padding-top: 15px; gap:42px;} #footer .footer_info li{position: relative;} #footer .footer_info li:not(:first-child)::after{content:''; position: absolute; left:-21px; top: 50%; transform:translateY(-50%); width: 2px; height: 16px; background: #aaa;} #footer .footer_info dl{display: flex; gap:5px;} #footer .footer_info dt{color:#fff;} #footer .footer_info ul{display: flex; padding-top: 15px;} #footer .footer_info dl{display: flex;} #footer .footer_info{padding-top: 20px; font-size: 1.125rem; line-height:1.3;} #footer .footer_info strong{color: #fff; word-break:keep-all;} #footer .footer_info .copy{padding-top: 15px; color: #aaa;} #footer .footer_info .copy p:last-child{padding-top: 10px; word-break:keep-all;} /* click pop */ .alert_setting {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; border-radius: 16px; background: #fff; max-width: calc(100vw - 52px); max-height: calc(100vh - 100px); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); z-index: 1000;} .modal-header {border-radius: 16px 16px 0 0; background-color: #f7f7f7; height: 120px; padding: 0 50px; display: flex; align-items: center; justify-content: space-between;} .modal-header h2{font-size: 32px; font-weight: 700; color:#111;} .modal-header a{display: block; width: 36px; height: 36px; overflow: hidden; background: url(../images/main/ic_modal_close.svg) center center no-repeat;} .modal-contents{padding: 40px 64px; font-size: 16px; color:#111; line-height: 1.6;} .modal-contents .scrolled {display:flex; flex-direction: column; overflow-y: auto;max-height: 465px;padding-right: 18px;} .modal-contents .scrolled p, .modal-contents .scrolled dt, .modal-contents .scrolled dd{letter-spacing:-0.025em;} .modal-contents .scrolled > p{margin-bottom:40px;} .modal-contents .scrolled dt{margin-bottom:20px; font-weight:700;} .modal-contents .scrolled dd{margin-bottom:40px;} .modal-contents .scrolled dd:last-child{margin-bottom:0;} .modal-contents .scrolled dd p{margin-bottom:15px;} .modal-contents .scrolled > p:last-child{margin-bottom:0;} .modal-contents .scrolled dd p:last-child{margin-bottom:0;} /* 일반게시판_list */ :root{ --bg01: #2bacf0; --co01: #103992; } .basic_bd02{line-height: 1;} .basic_bd02 .inner{width: 100%;} .basic_bd02 .search_box{display: flex; flex-direction: row-reverse; align-items: end;margin-bottom: 30px;} .basic_bd02 .search_box .search{display: flex;gap:10px;justify-content: end;} .basic_bd02 .search_box .search select{font-size: 18px; color: #222; width: 182px; height: 70px; border:1px solid #ddd; border-radius:50px; padding: 0px 54px 0px 30px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 30px no-repeat;} .basic_bd02 .search_box .input_wrap{position: relative;} .basic_bd02 .search_box .input_wrap input{width: 558px; height: 70px;font-size: 18px; color: #222; border:1px solid #ddd; border-radius:50px;padding: 0px 74px 0px 40px;} .basic_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);} .basic_bd02 .search_box .input_wrap button{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);} .basic_bd02 .news-list ul{border-top: 1px solid #000;} .basic_bd02 .news-list ul li{position: relative;border-bottom: 1px solid #eee;background: #fff;} .basic_bd02 .news-list ul li::after{content:'';opacity: 0;position: absolute;right: 50px; top: 50%; transform:translateY(-50%);transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);background: url(/images/sub/basic_bd02_icon03.png)center no-repeat; width: 55px; height: 52px; background-size: cover;} .basic_bd02 .news-list ul li a{display: flex;align-items: center;padding: 35px 50px;} .basic_bd02 .news-list ul li .date_box{display: flex; flex-direction: column;align-items: center;gap:10px;width: 70px;} .basic_bd02 .news-list ul li .date_box p{font-size: 36px; color: #cfcfcf;font-weight: 700; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .basic_bd02 .news-list ul li .date_box span{font-size: 17px;color: #cfcfcf;font-weight: 700; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .basic_bd02 .news-list ul li .txt_box{width: calc(100% - 280px);margin-left: 60px;} .basic_bd02 .news-list ul li .txt_box .tit_box{display: flex;width: calc(100% - 80px);margin-bottom: 15px;} .basic_bd02 .news-list ul li .txt_box .tit_box span.tag01{display: inline-block;vertical-align: middle;height: 25px;line-height: 23px;border: 1px solid #eee;padding: 0 15px;font-size: 14px;margin-right: 10px;color: var(--bg01);} .basic_bd02 .news-list ul li .txt_box .tit_box strong{font-size: 23px; color: #222;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .basic_bd02 .news-list ul li .txt_box p{font-size: 17px; color: #777;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .basic_bd02 .news-list ul li .txt_box p.mob_date{display: none;} .basic_bd02 .news-list ul li:hover{background: #f9f9f9;} .basic_bd02 .news-list ul li:hover .date_box p{color: #222;} .basic_bd02 .news-list ul li:hover .date_box span{color: #222;} .basic_bd02 .news-list ul li:hover::after{opacity: 1;} /* 일반게시판_view */ .basic_bd01_view .inner{width: 1650px;} .basic_bd01_view .tit_box{padding-bottom: 50px;border-bottom: 1px solid #2f3435;} .basic_bd01_view .tit_box strong{font-size: 24px; color: var(--bg01); font-weight: 700;} .basic_bd01_view .tit_box p{font-size: 36px; margin: 20px 0px 30px ; font-weight: 700;color: #000; word-break: break-word;} .basic_bd01_view .tit_box span{font-size: 18px;color: #abadae;font-weight: 500;} .basic_bd01_view .view_box{padding: 80px 20px;} .basic_bd01_view .view_box img{margin-bottom: 80px;} .basic_bd01_view .view_box p{font-size: 18px; color: #000;word-break: break-word;} .basic_bd01_view .file_box{padding: 22px 35px;background: #f9f9f9; margin-top: 40px;} .basic_bd01_view .file_box ul {display: flex;align-items: center;gap:10px; flex-wrap:wrap;} .basic_bd01_view .file_box ul li{display: flex;align-items: flex-start;gap:20px 10px; width: 32%;} .basic_bd01_view .file_box ul li img {margin-bottom: 0;} .basic_bd01_view .file_box ul li em{display: block;} .basic_bd01_view .file_box ul li a{font-size: 15px; color: #444;transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);border-bottom: 1px solid transparent;} .basic_bd01_view .file_box ul li a:hover{border-bottom: 1px solid #444;} .basic_bd01_view .view_btn_box{display: flex; justify-content:space-between;align-items:center;padding: 50px 0px 20px; border-top: 1px solid #dcdcdc;} .basic_bd01_view .view_btn_box .arr{display: flex;align-items:center;gap:20px;} .basic_bd01_view .view_btn_box .arr p{font-size: 18px; color: #000;width: 200px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .basic_bd01_view .view_btn_box .arr.next p{text-align: end;} .basic_bd01_view .view_btn_box .arr:hover p{text-decoration: underline;text-underline-position: under;} .basic_bd01_view .view_btn_box .back{position: relative;width: 72px; height: 72px; border:1px solid var(--bg01); border-radius:10px;} .basic_bd01_view .view_btn_box .back img{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} .basic_bd01_view .view_btn_box .back:hover{background: url(/images/sub/basic_bd01_icon06_2.png)center no-repeat var(--bg01);} .basic_bd01_view .view_btn_box .back:hover img{display: none;} /* 사진갤러리&동영상게시판 */ .gallery_bd02 .con ul.img_li {display: flex; gap: 80px 2%; flex-wrap: wrap;} .gallery_bd02 .con ul.img_li li {width: 32%;} .gallery_bd02 .con ul.img_li li .img_wrap {position: relative; width: 100%; height: 0; overflow: hidden; margin: 0 auto; border-radius: 10px; padding-bottom: 65.559%;} .gallery_bd02 .con ul.img_li li .img_wrap img {position: absolute; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); overflow: hidden;} .gallery_bd02 .con ul.img_li li .img_wrap img:hover {transform: scale(1.1);} .gallery_bd02 .con ul.img_li li .txt_wrap {margin-top: 20px;} .gallery_bd02 .con ul.img_li li .txt_wrap span.month {font-size: 20px; color: #00a3cc; font-weight: 600;} .gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 20px; color:#222; font-weight: 600;word-break: break-word;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {border-top: 1px solid #ddd; font-size: 16px; color: #444; padding-top: 16px; margin-top: 16px;} .gallery_bd02 .con ul.img_li {gap: 45px 2%;} .gallery_bd02 .con ul.img_li li .txt_wrap p.p_tit {font-size: 18px;} .gallery_bd02 .con ul.img_li li .txt_wrap p.p_con {border-top: 0; margin-top: 0; padding-top: 10px; font-size: 14px;} .gallery_bd02 .search_box{display: flex; flex-direction: row-reverse; align-items: end;margin-bottom: 30px;} .gallery_bd02 .search_box .search{display: flex;gap:10px;justify-content: end;} .gallery_bd02 .search_box .search select{font-size: 18px; color: #222; width: 182px; height: 70px; border:1px solid #ddd; border-radius:50px; padding: 0px 54px 0px 30px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/sub/basic_bd01_icon01.png)center right 30px no-repeat;} .gallery_bd02 .search_box .input_wrap{position: relative;} .gallery_bd02 .search_box .input_wrap input{width: 558px; height: 70px;font-size: 18px; color: #222; border:1px solid #ddd; border-radius:50px;padding: 0px 74px 0px 40px;} .gallery_bd02 .search_box .input_wrap input::placeholder{color: rgba(0,0,0,.4);} .gallery_bd02 .search_box .input_wrap button{position: absolute; right: 30px; top: 50%; transform:translateY(-50%);} /* ############################################ sub */ #sub_contents{padding-bottom:120px;} #sub_contents .inner{max-width: 1280px;} #sub_contents.inner_none .inner{max-width:100%; width:100%;} #header.sub_head{position: relative;} #header.sub_head .main_logo a{display: block; background: url('/images/sub/sub_logo.png')center no-repeat; width: 200px; height: 60px; background-size:cover;} #header.sub_head .gnb > li > a{color: #222;} #header.sub_head .gnb-wrap.on .gnb > li > a{color: #fff;} #header .gnb-wrap{display:flex;} #header .lng{width:90px; height:90px; flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content: center; gap:5px; z-index:99; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #header .lng > svg{width:20px;} #header .lng > span{display:block; color:#fff; font-size:16px;} #header .lng:hover{background:#103992;} #header.sub_head .lng > svg path{stroke:#222;} #header.sub_head .lng > span{color:#222;} #header.sub_head .lng:hover > svg path{stroke:#fff;} #header.sub_head .lng:hover > span{color:#fff;} #header.sub_head .lng.on > svg path{stroke:#fff;} #header.sub_head .lng.on > span{color:#fff;} #sub_visual_wrap{position: relative; height: 320px; padding-block: 100px;} #sub_visual_wrap .sub_nav{width: calc(100% - 240px); margin: 0 auto 20px; display: flex; justify-content: flex-end; align-items: center; gap:20px;} #sub_visual_wrap .sub_nav li{position: relative;} #sub_visual_wrap .sub_nav li:not(:last-child)::after{content:''; position: absolute; top: 50%; transform:translateY(-50%); right: -14px; width: 7px; height: 9px; background: url('/images/sub/sub_nav_arw.png')center no-repeat; background-size:cover;} #sub_visual_wrap .txt_wrap{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width: 100%; text-align: center;} #sub_visual_wrap .txt_wrap h2{font-size: 60px; color: #222;} /* sub 공통 */ h3.tit {display:flex; align-items: center; margin-bottom:40px; font-size:40px; font-weight:600; color:#222; letter-spacing:-0.04em;} h3.tit img {margin-right:20px;} h4.h4_tit{display: flex; gap:20px; align-items: center;margin-bottom:20px;color: #222;font-size: 24px;font-weight: 600; letter-spacing:-0.04em;} ul.check_list01{display:flex; gap:10px; flex-direction:column; margin-top: 20px;} ul.check_list01 li{position:relative; padding-left:35px; color: #666;font-size: 20px;line-height: 32px;} ul.check_list01 li:before{position:absolute; content:''; background:url(/images/sub/sub0206_ico12.png); width:32px; height:32px; background-size:cover; top:0; left:0;} table.tbl01{width:100%; border-top:2px solid #222;} table.tbl01 th, table.tbl01 td{ text-align:center; height:70px; border-bottom: 1px solid #EEE;} table.tbl01 th{background: #F8F9FA; color: #222;font-size: 18px;font-weight: 700;} table.tbl01 td{color: #222;font-size: 18px;font-weight: 400;} /* 공동 링크 박스 */ .sub02_wrap .link_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap:20px;} .sub02_wrap .link_wrap a{display:block; position:relative; border-radius:10%; overflow:hidden; aspect-ratio: auto 1 / 1;} .sub02_wrap .link_wrap a span{position:absolute; font-size:20px; color:#fff; padding:6%; bottom:0; left:0; word-break:keep-all;} .sub02_wrap .link_wrap img{width: 100%; height:100%; object-fit:cover; filter:brightness(80%);} /* cate_box */ .cate_box {margin-bottom:100px;} .cate_box ul {display:flex; justify-content: center; gap:50px;} .cate_box ul li.on a {color: #222; font-weight: 700; border-bottom:3px solid #103992; padding-bottom:15px;} .cate_box ul li a {color: #ccc; font-size: 27px; font-weight:500;} /* sub01 */ .sub01_wrap .con .con_inner{max-width:1280px; margin: 0 auto; width: calc(100% - 40px);} .sub01_wrap .con .txt_list li{position: relative;} .sub01_wrap .con .txt_list li:not(:first-child){margin-top: 10px;} .sub01_wrap .con .txt_list li::before{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 6px; height: 6px; background: var(--co01);} .sub01_wrap .con .txt_list li p{font-size: 20px; color: #222; padding-left: 20px; line-height: 1.4;} /* sub0101 */ .sub0101_wrap {word-break: keep-all;} .sub0101_wrap .con:first-child{padding:0 0 80px;} .sub0101_wrap .con{padding:80px 0;} .sub0101_wrap .con:last-child{padding:80px 0 60px;} .sub0101_wrap .con01{background: url('/images/sub/sub0101_bg01.png')bottom no-repeat;} .sub0101_wrap .con01 .con01_box{display: flex; justify-content: space-between; gap:40px;} .sub0101_wrap .con01 .txt_box{display: flex; flex-direction: column; gap: 110px; width: 62%;} .sub0101_wrap .con01 .img_box{display:flex; justify-content: center; align-items: flex-start; width: 42%;} .sub0101_wrap .con01 .img_box img{width: 100%;} .sub0101_wrap .con01 .txt_top p{font-size: 18px; color: #666;} .sub0101_wrap .con01 .txt_top h4{display:block; position: relative; font-size: 50px; color: #222; font-weight: 500; padding-top: 20px; line-height: 1.4; word-break: keep-all;} .sub0101_wrap .con01 .txt_top h4 b{display: block; color: var(--co01);} .sub0101_wrap .con01 .txt_top h4::after{content:''; position: absolute; left: 0; bottom: -90px; width: 2px; height: 80px; background: var(--co01);} .sub0101_wrap .con01 .txt_btm strong{font-size: 22px; color: #222; font-weight: 600;} .sub0101_wrap .con01 .txt_btm strong b{color: var(--co01);} .sub0101_wrap .con01 .main_txt{display: flex; flex-direction: column; gap: 25px; font-size: 20px; color: #222; line-height: 1.6; padding-top: 20px; word-break: keep-all;} .sub0101_wrap .con01 .txt_btm em{font-weight: 700;} .sub0101_wrap .con01 .sub_ceo{display: flex; align-items: center; padding-top: 10px; gap:20px;} .sub0101_wrap .con02{background: var(--co01) url('/images/sub/sub0101_bg02.png')bottom left no-repeat;} .sub0101_wrap .con02 h3.tit{color: #fff;} .sub0101_wrap .con02 .slide_item{position: relative; margin: 0 15px; border-radius:20px; background:#EEF6FF; padding:20px 0px 0px; aspect-ratio: 1 / 1.2;} .sub0101_wrap .con02 .slide_item img{position: relative; width: 100%; aspect-ratio: 1 / 1.2; border-radius:20px; object-fit:cover;} .sub0101_wrap .con02 .slide_item::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%);z-index: 1;opacity: 0;transition: opacity 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); border-radius: 20px;pointer-events: none;} .sub0101_wrap .con02 .slide_item:hover::after {opacity: 1;} .sub0101_wrap .con02 .slide_item .slide_txt strong{font-size: 28px;} .sub0101_wrap .con02 .slide_item .slide_txt p{font-size: 20px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-top: 10px;} .sub0101_wrap .con02 .slide_item .slide_txt {position: absolute;left: 20px;bottom: 25px;color: #fff;z-index: 5;transform: translateY(20px);opacity: 0;transition: transform 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub0101_wrap .con02 .slide_item:hover .slide_txt {transform: translateY(0);opacity: 1;} .sub0101_wrap .con03 .service_list{display:grid; grid-template-columns: repeat(4, 1fr); gap:20px;} .sub0101_wrap .con03 .service_list li{position: relative; background: #F8F9FA; padding: 30px; border-radius:10px; height: 220px;} .sub0101_wrap .con03 .service_list li p{position: absolute; right: 30px; bottom: 30px; font-size: 18px; color: #222; font-weight: 500; line-height:1.5; text-align: right;} .sub0101_wrap .con04{background: #F8F9FA;} .sub0101_wrap .con04 .txt_box strong{font-size: 24px; color: #222;} .sub0101_wrap .con04 .check_list{padding-top: 10px;} .sub0101_wrap .con04 .check_list li{position: relative; display: flex; gap:10px; padding-left: 40px; font-size: 20px; color: #666; margin-top: 10px; line-height: 1.4;} .sub0101_wrap .con04 .check_list li::before{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); background: url('/images/sub/sub0301_ico14.png')center no-repeat; width: 32px; height: 32px;} .sub0101_wrap .con04 .check_list li em{color: #222; font-weight: 600;} .sub0101_wrap .con05 .txt_box{background: #EEF6FF url('/images/sub/sub0101_bg03.png')bottom right no-repeat; padding:40px; border-radius:10px;} /* sub0102 */ .sub0102_wrap .explan_list{display: grid; grid-template-columns:repeat(3, 1fr); gap:20px;} .sub0102_wrap .explan_list > li{position: relative; background: #F5F5F5; font-size: 18px; aspect-ratio: 1; overflow: hidden;} .sub0102_wrap .explan_list > li::after {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: opacity 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);z-index: 1; pointer-events: none;} .sub0102_wrap .explan_list .tit_name{position: absolute; top: 0; left: 0; display: flex; align-items: flex-start; gap:10px; padding: 30px; color: #222; z-index: 2; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub0102_wrap .explan_list .tit_name h3.name {white-space:nowrap;} .sub0102_wrap .explan_list .tit_name .position{letter-spacing:-0.1em;} .sub0102_wrap .explan_list > li:hover .tit_name{color: #fff; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub0102_wrap .explan_list .txt_box {position: absolute;bottom: 0;left: 0;right: 0;padding: 30px;transform: translateY(100%);opacity: 0; transition:transform 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.4s ease;z-index: 2;color: #fff;} .sub0102_wrap .explan_list > li:hover::after {opacity: 1;} .sub0102_wrap .explan_list > li:hover .txt_box {transform: translateY(0);opacity: 1; overflow-Y:scroll; height:80%;} .sub0102_wrap .explan_list > li .link_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none;} .sub0102_wrap .explan_list .img_box{display: flex; align-items: flex-end; width: 100%; height: 100%;justify-content: center;} .sub0102_wrap .explan_list .img_box img{width: 80%; /* aspect-ratio:1; */object-fit:cover; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub0102_wrap .explan_list > li:hover .img_box img{transform: scale(1.2); filter: grayscale(100%);} .sub0102_wrap .explan_list .history_list li{position: relative;} .sub0102_wrap .explan_list .history_list li::before{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 3px; height: 3px; background: #fff;} .sub0102_wrap .explan_list .history_list li:not(:last-child){margin-bottom: 10px;} .sub0102_wrap .explan_list .history_list p{padding-left: 15px;} .sub0102_wrap .explan_list > li .txt_box::-webkit-scrollbar{width:10px;} .sub0102_wrap .explan_list > li .txt_box::-webkit-scrollbar-track{background: transparent;} .sub0102_wrap .explan_list > li .txt_box::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.4); border-radius: 10px;transition: background 0.3s ease;} /* sub0103 */ .sub0103_wrap {word-break: keep-all;} .sub0103_wrap .con:not(:first-child){margin:80px 0 60px;} .sub0103_wrap .global_list{display: grid; justify-content: center; align-items: center; grid-template-columns: repeat(4, 1fr); gap:40px;} .sub0103_wrap .global_list li{display:flex; justify-content: center; align-items: center; height: 100px;} .sub0103_wrap .global_list img{object-fit:contain; width:60%; filter: grayscale(100%); transition: filter 0.3s ease;} .sub0103_wrap .global_list img:hover{filter: grayscale(0%);} /* sub0104 */ .sub0104_wrap .map_wrap{position: relative;} .sub0104_wrap .map_wrap iframe{width: 100%; height: 600px;} .sub0104_wrap .map_wrap .map_info{position: absolute; bottom: -40%; left: 50%; transform:translate(-50%, -50%); z-index: 10; border-radius:20px; display: flex; flex-direction: column; gap:30px; background: var(--Linear, linear-gradient(270deg, #114CCE 0%, #103992 100%)); max-width:1280px; width: calc(100% - 80px); padding:50px; overflow:hidden;} .sub0104_wrap .map_wrap .map_info h3{font-size: 36px; color: #fff;} .sub0104_wrap .map_wrap .map_info h3::after{content:''; position:absolute; right:-30px; top:50%; transform:translateY(-50%); background: url('/images/sub/sub0104_logo.png')center no-repeat; background-size:cover; opacity:0.1; width:400px; height:400px;} .sub0104_wrap .add_list{display: flex; flex-wrap:wrap; gap:15px 80px;} .sub0104_wrap .add_list li:nth-child(1){width: 100%;} .sub0104_wrap .add_list dl{display: flex; align-items: center; gap:20px; color: #fff; font-size: 18px;} .sub0104_wrap .add_list dl dt{position: relative; display: flex; align-items: center; gap:10px;} .sub0104_wrap .add_list dl dt::after{content:''; position: absolute; right: -10px; top: 50%; transform:translateY(-50%); width: 1px; height: 50%; background: #BDC6CE;} .sub0104_wrap .traffic_wrap{max-width:1280px; margin: 0 auto; padding-top: 200px;} .sub0104_wrap .traffic_wrap .box{display: flex; flex-direction: column; gap:20px; border-bottom: 1px solid #EEE; padding: 20px;} .sub0104_wrap .traffic_wrap .con .box:nth-child(2){border-top: 1px solid #eee;} .sub0104_wrap .traffic_wrap .box h4{display: flex; align-items: center; gap:10px; font-size: 20px; color: #222;} .sub0104_wrap .traffic_wrap .box ul{display: flex; gap:30px; color: #222;} .sub0104_wrap .traffic_wrap .box ul li{display: flex; align-items: center; gap:8px; font-size: 16px;} .sub0104_wrap .traffic_wrap .line_list span{color: #fff; padding-inline:8px; padding-block:5px; border-radius:20px;} .sub0104_wrap .traffic_wrap .line_list .bun_line{background: #FABE00;} .sub0104_wrap .traffic_wrap .line_list .two_line{background: #00A84D;} .sub0104_wrap .traffic_wrap .line_list .nine_line{background: #BDB092;} .sub0104_wrap .traffic_wrap .stop_list span{display: flex; align-items: center; justify-content: center; width: 20px; border:1px solid #222; border-radius:50px; aspect-ratio: 1;} .sub0104_wrap .traffic_wrap .stop_list p {word-break:keep-all;} .sub0104_wrap .traffic_wrap .bus_con{display: flex; gap:8px;} .sub0104_wrap .traffic_wrap .box .bus_list{gap:16px;} .sub0104_wrap .traffic_wrap .box .bus_list li{position: relative;} .sub0104_wrap .traffic_wrap .box .bus_list li:not(:last-child)::after{content:''; position: absolute; right: -8px; top: 50%; transform:translateY(-50%); width: 1px; height: 50%; background: #999;} .sub0104_wrap .traffic_wrap .bus_con:not(:first-child){margin-top: 8px;} .sub0104_wrap .traffic_wrap .bus_con .bus{color: #fff; padding-inline:8px; padding-block:5px; border-radius:20px;} .sub0104_wrap .traffic_wrap .bus_con .bus.bus01{background: #7182F5;} .sub0104_wrap .traffic_wrap .bus_con .bus.bus02{background: #AA8874;} .sub0104_wrap .traffic_wrap .bus_con .bus.bus03{background: #F86E55;} .sub0104_wrap .traffic_wrap .bus_con .bus.bus04{background: #5FB73C;} /* sub02 */ /* 공동 폰트 */ .sub02_wrap .con{margin-bottom:60px; word-break:keep-all;} .sub02_wrap .con01{margin-top:60px;} .sub02_wrap .con p {color: #666; font-size: 20px; line-height: 1.6;} .sub02_wrap .con p em{font-weight: 700; color: #222;} /* 공동 탭 */ .sub02_wrap .cate_box {margin-bottom:100px;} .sub02_wrap .cate_box ul {display:flex; justify-content: center; gap:50px;} .sub02_wrap .cate_box ul li.on a {color: #222; font-weight: 700; border-bottom:3px solid #103992; padding-bottom:15px;} .sub02_wrap .cate_box ul li a {color: #ccc; font-size: 27px; font-weight:500;} .sub02_wrap .cate_box02{background:#F8F9FA;height: 90px;padding: 0px 30px;border-radius: 10px; display:flex; align-items: center; margin-bottom:80px;} .sub02_wrap .cate_box02 ul {display:flex; justify-content: flex-start; gap:30px; flex-wrap: wrap;align-items: center;} .sub02_wrap .cate_box02 ul li.on a {color: #103992;text-align: center;font-size: 18px;font-weight: 600;line-height: 32px; border-bottom:3px solid #103992; padding-bottom:32px;} .sub02_wrap .cate_box02 ul li a {color: #8A99A8;text-align: center;font-size: 18px;font-weight: 400;} /* 공동 리스트 */ .sub02_wrap ul.list_tit li p{position: relative; padding-top: 0; padding-left: 30px;} .sub02_wrap ul.list_tit li p:before {content:""; position:absolute; top:15px; left:10px; transform:translateY(-50%) ; width:6px; height:6px; background: #103992;} .sub02_wrap .sub_tit_list li:not(:first-child){padding-top: 10px;} .sub02_wrap .sub_tit_list li strong{display: block; padding-bottom: 10px; font-size: 20px; color: #222; line-height: 1.6;} .sub02_wrap .sub_tit_list li .txt_after{position: relative; padding-left: 30px;} .sub02_wrap .sub_tit_list li .txt_after::before{content:''; position: absolute; top: 12px; left: 10px; width: 6px; height: 6px; background: #103992;} /* 갤러리 슬라이드 */ .sub02_wrap .slide_wrap .swiper{margin-top: 40px;} .sub02_wrap .slide_wrap .swiper-slide-active::after{content:''; position: absolute; bottom: 0; left: 0; background: url('/images/sub/sub03_slide_btm.png')center no-repeat; background-size:cover; width: 265px; height: 110px;} .sub02_wrap .slide_wrap .swiper-slide-active {transform: scale(1);} .sub02_wrap .slide_wrap .swiper-slide{border-radius:50px 50px 50px 50px; overflow:hidden;} .sub02_wrap .slide_wrap .swiper-slide-active{border-radius:50px 50px 50px 0px;} .sub02_wrap .slide_wrap .swiper-slide img{object-fit:cover; height:480px;} .sub02_wrap .slide_wrap .swiper-slide:not(.swiper-slide-active) {transform: scale(0.9); opacity: 0.5;} .sub02_wrap .slide_wrap h4 {color: #222; font-size: 40px; font-weight: 600; display:flex; justify-content: center; align-items: center;} .sub02_wrap .slide_wrap .swiper-button-prev, .sub02_wrap .slide_wrap .swiper-button-next{position: unset; margin-top: 0;} .sub02_wrap .slide_wrap .swiper-button-prev{background: url('/images/sub/sub03_prev.png')center no-repeat; background-size:cover; width: 40px; height: 40px; color: transparent;} .sub02_wrap .slide_wrap .swiper-button-next{background: url('/images/sub/sub03_next.png')center no-repeat; background-size:cover; width: 40px; height: 40px; color: transparent;} .sub02_wrap .slide_wrap .slide_item_wrap{position: absolute; bottom:10px; left:17%; z-index: 20; display: flex; align-items: center; gap:30px;} .sub02_wrap .slide_wrap .visual_num{font-size: 20px; color: var(--co01); letter-spacing:0.15em;} /* 공동 테이블 */ .sub02_wrap .con .con_tbl + .con_tbl{padding-top:20px;} .sub02_wrap .con_tbl table{width: 100%; border-top: 2px solid #222; word-break:keep-all;} .sub02_wrap .con_tbl table thead tr{background: #E9ECEF; text-align: center;} .sub02_wrap .con_tbl table th{font-size: 18px; color: #222; padding: 15px;} .sub02_wrap .con_tbl table td{font-size: 16px; color: #222; padding: 15px; text-align: center; border-bottom: 1px solid #EEE;} .sub02_wrap .con_tbl table th:not(:last-child), .sub02_wrap .con_tbl table td:not(:last-child){border-right: 1px solid #eee;} .sub02_wrap .con_tbl table td p{font-size: 16px; line-height: 1.4;} .sub02_wrap .con_tbl table td img{width: 100%;} .sub02_wrap .con_tbl table .tit{background: #F8F9FA;} .sub02_wrap .con_tbl.tbl01 table tbody tr td:nth-child(1){background: #F8F9FA;} /* 공동 수속절차 */ .sub02_wrap .con .box_wrap{margin-top:20px;} .sub02_wrap .con .box_wrap ul li img{width:64px;height: 64px;aspect-ratio: 1/1;} .sub02_wrap .con .box_wrap ul li p{color: #222;text-align: center;font-size: 16px;font-weight: 600;line-height: 1.5; word-break:keep-all;} .sub02_wrap .con .box_wrap ul.ul_list03{display:flex; flex-wrap:wrap; gap:20px 80px;} .sub02_wrap .con .box_wrap ul.ul_list03 > li{width:240px; aspect-ratio: 1.333 / 1; padding:20px 15px;border-radius: 10px;background: #F8F9FA; display: flex; flex-direction: column;justify-content: center;align-items: center;gap: 15px; position:relative;} .sub02_wrap .con .box_wrap ul.ul_list03 > li:not(:last-child)::before{position:absolute; content:''; background:url(/images/sub/right_arrow.png)no-repeat; background-size:contain;top:50%;transform:translateY(-50%) ; right:-40px; width: 10px;height: 20px;} /* 공동 링크 박스 */ .sub02_wrap .link_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap:20px;} .sub02_wrap .link_wrap img{width: 100%;} /* 프로젝트 슬라이드 */ .sub02_wrap .pro_tit_wrap{display: flex; justify-content: space-between; align-items: flex-end; } .sub02_wrap .pro_tit_wrap .buttons {display: inline-flex;background-color: #E6EAF0;border-radius: 9999px;gap: 0;} .sub02_wrap .pro_tit_wrap .pro_btn {padding: 10px 20px;border: none;background: transparent;border-radius: 9999px;font-size: 14px;font-weight: 500;color: #333;cursor: pointer;transition: background 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940), color 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} .sub02_wrap .pro_tit_wrap .pro_btn.active {background-color: #103992;color: #fff;} .sub02_wrap .project_wrap{margin-top: 40px;} .sub02_wrap .project_wrap .tab{display: none;} .sub02_wrap .project_wrap .tab.active{display: block;} .sub02_wrap .project_wrap .pro_slide img{width: 100%; border-radius:20px;} .sub02_wrap .project_wrap .pro_slide .slick-list{margin: 0 -20px;} .sub02_wrap .project_wrap .pro_slide .slick-slide{position: relative; margin: 0 20px; height:390px;} .sub02_wrap .project_wrap .pro_slide .slick-slide img{width:100%; height:100%; object-fit:cover;} .sub02_wrap .project_wrap .pro_slide .slick-slide::before{content:''; position: absolute; top: 0; left: 0; background: url('/images/sub/sub02_project_top.png')center no-repeat; background-size:cover; width: 179px; height: 79px; z-index: 5;} .sub02_wrap .project_wrap .pro_slide .slick-slide::after{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(8, 45, 98, 0.00) 0%,#082D62 100%); border-radius:20px; z-index: 1;} .sub02_wrap .project_wrap .pro_slide .slide_txt{position: absolute; top: 0; left: 0; font-size: 16px; color: var(--co01); border:1px solid var(--co01); border-radius:30px; z-index: 10; padding: 10px 20px;} .sub02_wrap .project_wrap .pro_slide .slide_txt.slide_last{padding: 10px;} .sub02_wrap .project_wrap .pro_slide .tit{display: flex;flex-direction: column;justify-content: space-between;padding: 30px; position: absolute; top: 50px; left: 0; z-index: 8; color: #fff; height: 90%; font-size: 20px;} .sub02_wrap .project_wrap .pro_slide .tit p{font-size: 18px; color: #fff;} .sub02_wrap .img_bg_box.full_img img{width: 100%;} /* sub0201 */ .sub0201_wrap .con02 p:last-child{margin-top:10px;} .sub0201_wrap .con03 .con_tbl{margin:10px 0;} .sub0201_wrap .con04 strong {display:block; color: #666; font-size: 20px; font-weight: 700; line-height: 32px; margin-top:20px; margin-bottom:10px;} .sub0201_wrap .con05 strong {color: #222; font-size: 20px; font-weight: 700; line-height: 32px;} .sub0201_wrap .con05 ul li {color: #666; padding-left: 15px;} /* sub0202 */ .sub0202_wrap .con01 .txt_box p:not(:last-child){margin-bottom:15px;} .sub0202_wrap .q_box strong{display: block; font-size: 20px; color: var(--co01); margin-bottom: 5px;} .sub0202_wrap .sub_tit{font-size: 24px; color: #222;} .sub0202_wrap .con_tit{display: block; font-size: 20px; color: #222; margin-bottom:15px; line-height:1.3;} .sub0202_wrap .img_bg_box{padding: 40px; margin:20px 0; background: #F8F9FA; border-radius:10px; display: flex; flex-wrap: wrap; gap:40px;} .sub0202_wrap .img_bg_box.box03 > div{width: 30%;} .sub0202_wrap .img_bg_box.box03 > div img{width: 100%;} .sub0202_wrap .img_box{margin-top:20px; overflow:hidden; border-radius:20px;} .sub0202_wrap .img_bg_box.img_center .img_item{width: 100%; text-align: center;} .sub0202_wrap .img_bg_box.img_left{flex-direction: column; align-items: flex-start;} .sub0202_wrap .img_bg_box p{color: #222; font-weight: 500;} .sub0202_wrap .img_bg_box.txt_center .list_tit{width: 100%; text-align: center;} .sub0202_wrap .img_bg_box.txt_center .list_tit li{display: inline-block;} .sub0202_wrap .img_item_inner{display: flex; justify-content: space-between; width: 100%;} .sub0202_wrap .img_item_inner .img_items{width: 50%;} .sub0202_wrap .img_item_inner .img_items .img_item{width:100%; height:100%; display:flex; justify-content: center; align-items: center;} .sub0202_wrap .img_item_inner .img_items .img_item img{width:100%; object-fit:contain; max-height:420px;} .sub0202_wrap .img_items02{display: flex;} .sub0202_wrap .img_items02 img{width: 100%;} .sub0202_wrap .txt_bg_box{padding: 40px; background: #F8F9FA; border-radius:10px; margin:15px 0;} .sub0202_wrap .txt_bg_box strong{display: block; font-size: 20px; color: #222; margin-bottom: 5px;} .sub0202_wrap .txt_bg_box span{font-size: 20px; color: var(--co01); font-weight: 600; line-height: 1.5;} .sub0202_wrap .sub_tit_list em{display: block; font-size: 20px; color: #222; font-weight: 500; margin-bottom: 5px;} .sub0202_wrap .list_box01 .con03 .txt_left{padding-left: 30px;} .sub0202_wrap .info_list{display: flex; justify-content: space-between; margin-top: 20px; gap:1vw;} .sub0202_wrap .info_list li{width:100%; background: #E6EAF0; padding: 20px 30px; border-radius: 20px; display: flex; flex-direction: column; align-items: flex-start; gap:30px;} .sub0202_wrap .info_list li p{color: #222; font-weight: 600;} .sub0202_wrap .desc_list{display: grid; grid-template-columns: repeat(3, 1fr); gap:20px;} .sub0202_wrap .desc_list li{display: flex; flex-direction: column; align-items: flex-start; gap:20px; background: #F8F9FA; padding: 20px 30px; border-radius: 10px;} .sub0202_wrap .desc_list li strong{font-size: 20px; color: #222; line-height: 1.5; word-break: keep-all;} .sub0202_wrap .icon_label_list{display: flex; justify-content: space-between; align-items: flex-start;} .sub0202_wrap .icon_label_list .label_item{width: 30%; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width:300px;} .sub0202_wrap .icon_label_list .label_item .icon_box{display: flex;flex-direction: column;align-items: center;justify-content: center; gap: 15px; border-radius:50%; aspect-ratio:1; width: 100%;} .sub0202_wrap .icon_label_list .label_item h5{font-size: 26px; color: #222; text-align: center; line-height: 1.3;} .sub0202_wrap .icon_label_list .label_item h5 span{display: block;} .sub0202_wrap .icon_label_list .label_item:nth-child(1) span{background: #F8F9FA;} .sub0202_wrap .icon_label_list .label_item:nth-child(2) span{background: #E6EAF0;} .sub0202_wrap .icon_label_list .label_item:nth-child(3) span{background: #A8B7CC;} .sub0202_wrap .icon_label_list .label_item:nth-child(3) h5{color: #fff;} .sub0202_wrap .icon_label_list .label_item p{text-align: center; margin-top: 10px; word-break: keep-all;} .sub0202_wrap .con_tbl.tbl02 table thead tr:nth-child(2){background: #F8F9FA;} .sub0202_wrap .page01 .con06 .img_bg_box{margin-block: 20px;} .sub0202_wrap strong.e_txt {display:block; color: #ff0000; font-size: 20px; line-height: 1.6; margin-top: 20px;} @media screen and (max-width:1400px) { .sub0202_wrap .img_item_inner{gap:40px;} .sub0202_wrap .img_item_inner .img_items{display: flex;flex-direction: column;justify-content: space-between;} .sub0202_wrap .img_item_inner .img_items .img_item img{width: 90%;} } /* sub0203 */ .sub0203_wrap .list_box .img_wrap ul {display:flex; gap:20px; margin-bottom:40px;} .sub0203_wrap .list_box .img_wrap ul li img{width: 100%;} .sub0203_wrap p em {color: #222; font-size: 20px; font-weight: 700;} .sub0203_wrap .list_box01 .con02 ul {margin-bottom:10px;} .sub0203_wrap .list_box ul.list_tit li {color: #666;font-weight: 400;line-height: 32px; margin-bottom:10px;} .sub0203_wrap .list_box ul.list_tit li:last-child{ margin-bottom:0px;} .sub0203_wrap .list_box01 .con02 ul li em {color: #222; font-size: 20px; font-weight: 600;} .sub0203_wrap .list_box01 .con02 em {color: #222; font-size: 20px; font-weight: 600;} .sub0203_wrap .list_box01 .con04 .txt_wrap {padding:40px; border-radius: 10px; background: #F8F9FA;} .sub0203_wrap .list_box01 .con04 .txt_wrap h5 {color: #222; font-size: 24px; font-weight: 700; margin-bottom:10px;} .sub0203_wrap .list_box01 .con04 .txt_wrap strong {display:block; color: #222; font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 5px;} .sub0203_wrap .list_box01 .con04 .txt_wrap .txt_con:not(:first-child){margin-top: 50px;} .sub0203_wrap .list_box01 .con04 .txt_wrap .txt_box:not(:first-child){margin-top: 30px;} .sub0203_wrap .list_box01 .con04 .txt_wrap .txt_box ul{padding-top: 30px;} .sub0203_wrap .list_box01 .con05 .tg_box ul {width:100%; height:62px; background: #F8F9FA; display:flex; justify-content: space-between; align-items: center;} .sub0203_wrap .list_box01 .con05 .tg_box ul li{font-size: 16px; color: #222;} .sub0203_wrap .list_box01 .con05 .tg_box ul li:first-child {margin-left:30px;} .sub0203_wrap .list_box01 .con05 .tg_box ul li:last-child {margin-right:30px;} .sub0203_wrap .list_box01 .con05 p{margin-bottom:10px;} .sub0203_wrap .list_box01 .con05 .g_box ul {display:flex;} .sub0203_wrap .list_box01 .con05 .g_box ul li img{width: 100%;} .sub0203_wrap .list_box02 strong {color: #222; font-size: 20px; font-weight: 700; line-height: 32px;} .sub0203_wrap .list_box02 .con01 ul {margin-bottom:10px;} .sub0203_wrap .list_box02 .con01 ul li {display:flex; align-items: center; margin-top:10px; color: #666; font-size: 20px;} .sub0203_wrap .list_box02 .con01 ul li span {display:block; width:6px; height:6px; background: #103992; margin:10px;} .sub0203_wrap .list_box03 .con strong {color: #666; font-size: 20px; font-weight: 600; line-height: 32px;} .sub0203_wrap .list_box03 .con ul {margin-bottom:10px;} .sub0203_wrap .con_tbl .side_txt td:nth-child(1){text-align: left;} .sub0203_wrap .con_tbl .side_txt td:nth-child(2){text-align: right;} /* sub0204 */ .sub0204_wrap .con01{margin-top:40px;} .sub0204_wrap .segment_list .segment_item:not(:first-child){margin-top: 10px;} .sub0204_wrap .segment_list .segment_item em{display: block; font-size: 20px; color: #222; font-weight: 600; margin-bottom: 10px;} .sub0204_wrap .bg_img_box{background: #F8F9FA; border-radius:20px; padding: 40px; text-align: center;} .sub0204_wrap .bg_img_box img{width:100%; max-width:1000px; max-height:480px; object-fit:contain;} .sub0204_wrap .img_box img{width: 100%;} .sub0204_wrap .list_tit{margin-top: 20px;} .sub0204_wrap .txt_box{margin-top: 20px;} .sub0204_wrap .page01 .con01 .img_box{margin-top: 40px;} .sub0204_wrap .info_txt{margin-top: 20px;} .sub0204_wrap .info_txt strong{position: relative; font-size: 20px; color: #222; padding-left: 30px;} .sub0204_wrap .info_txt strong:before {content:""; position:absolute; top:15px; left:10px; transform:translateY(-50%) ; width:6px; height:6px; background: #103992;} .sub0204_wrap .info_txt p{font-size: 20px; color: #666; line-height: 1.6; padding-left: 30px; padding-top: 30px;} .sub0204_wrap .con_tbl .tbl_img{display: flex; justify-content: space-between;} .sub0204_wrap .con05 strong.e_txt {display:block; color: #ff0000; font-size: 20px; line-height: 1.6; margin-top: 20px;} /* sub0205 */ .sub0205_wrap .con table.tg {width:100%; margin-top:10px;} .sub0205_wrap .con table.tg thead {height:60px; border-top:1px solid #222; background: #E9ECEF; } .sub0205_wrap .con table.tg th {color: #222; text-align: center; font-size: 18px; font-weight: 700; line-height: 24px;} .sub0205_wrap .con table.tg td {color: #222; text-align: center; font-size: 18px; line-height: 24px; padding: 30px 20px; border:1px solid #eee;} .sub0205_wrap .con02 table.tg td:first-child {background: #F8F9FA;} /* sub0206 */ .sub0206_wrap {word-break:keep-all;} .sub0206_wrap .cate_box {margin-bottom:100px;} .sub0206_wrap .cate_box ul {display:flex; justify-content: center; gap:50px; flex-wrap: wrap;} .sub0206_wrap .cate_box ul li a {color: #ccc; font-size: 27px; font-weight:500;} .sub0206_wrap .cate_box ul li.on a {color: #222; font-weight: 700; border-bottom:3px solid #103992; padding-bottom:15px;} .sub0206_wrap .list_box table.tg {width:100%; border-top: 2px solid #222; margin-bottom:60px;} .sub0206_wrap .list_box table.tg th {color: #222; text-align: center; font-size: 18px; font-weight: 700; line-height: 24px;} .sub0206_wrap .list_box table.sub02_tbl tr td:nth-child(1){background: #F8F9FA;} .sub0206_wrap .list_box table.tg td {color: #222; text-align: center; font-size: 18px; line-height: 24px; padding: 20px 30px; border:1px solid #eee; border-top: none;} .sub0206_wrap .list_box .check_list li p{position: relative; padding-left: 35px;} .sub0206_wrap .list_box .check_list li p::before{content:''; position: absolute; left: 0; top: 13px; transform:translateY(-50%); background: url('/images/sub/sub0206_ico12.png')center no-repeat; background-size:cover; width: 30px; height: 30px;} .sub0206_wrap .list_box .txt_wrap {padding:40px; border-radius: 10px; background: #F8F9FA;} .sub0206_wrap .list_box .txt_wrap em {color: #222; font-size: 20px; font-weight: 600; line-height: 32px; display:block;} .sub0206_wrap .list_box01 em {color: #222; font-size: 24px; font-weight: 600; line-height: 36px;} .sub0206_wrap .list_box01 .img_wrap ul{margin:40px 0; display:grid;grid-template-columns: repeat(5, 1fr); gap: 20px;} .sub0206_wrap .list_box01 .img_wrap ul li{background: #F8F9FA; border-radius:10px; aspect-ratio: 1; display: flex; align-items: center;justify-content: center;flex-direction: column; gap:20px;} .sub0206_wrap .list_box01 .img_wrap ul li p{font-size: 20px; color: #222; text-align: center; line-height: 1.5; font-weight: 600;} .sub0206_wrap .list_box01 table.tg thead {height:60px; background: #E9ECEF;} .sub0206_wrap .list_box02 em {color: #222; font-size: 20px; font-weight: 600; line-height: 1.5;} .sub0206_wrap .list_box02 .con02 ul {margin-top:10px;} .sub0206_wrap .list_box03 .con03 .list_wrap p {margin-bottom:10px;} /* sub0207 */ .sub0207_wrap .con01 .txt_wrap {margin-top:20px;} .sub0207_wrap .con01 .txt_wrap p{color: #666;font-size: 20px;font-weight: 400;line-height: 32px; margin-bottom:20px;} .sub0207_wrap .con01 .txt_wrap p:last-child{ margin-bottom:0px;} .sub0207_wrap .con02{margin-top:60px;} .sub0207_wrap .con .img_wrap{display:flex; gap:20px;justify-content: space-between;} .sub0207_wrap .con .img_wrap a{display:block; position:relative; border-radius:40px; overflow:hidden; aspect-ratio: auto 3 / 2;} .sub0207_wrap .con .img_wrap a p{position:absolute; color:#fff; bottom:4%; left:4%;} .sub0207_wrap .con .img_wrap img{width:100%; height:100%; object-fit:cover;} .sub0207_wrap .con02 table{margin-top:20px;} .sub0207_wrap .con03 ul.check_list01{ margin-top:20px;} .sub0207_wrap .con .box_wrap ul.ul_list01{display:flex; flex-direction: column; justify-content: flex-start; gap:50px;} .sub0207_wrap .con .box_wrap ul.ul_list01 > li{width:180px; height:180px; padding:30px;border-radius: 10px;background: #F8F9FA; display: flex; flex-direction: column;justify-content: center;align-items: center;gap: 20px; position:relative;} .sub0207_wrap .con .box_wrap ul.ul_list01 > li:not(:last-child)::before{position:absolute; content:''; background:url(/images/sub/down_arrow.png)no-repeat; background-size:contain;bottom:-30px; left:80px; width: 20px;height: 10px;} .sub0207_wrap .con .box_wrap ul li.box100{width:100%; display:flex; flex-direction:row; justify-content: flex-start;} .sub0207_wrap .con .box_wrap ul li.box100 .left{width:120px;position:relative;} .sub0207_wrap .con .box_wrap ul li.box100 .right{display:flex; flex-direction:column;padding: 0 40px; gap: 10px; } .sub0207_wrap .con .box_wrap ul li.box100 .left::before{position:absolute; content:''; width:1px; height:100px; background: #CCC; right:-20px; top:6px;} .sub0207_wrap .con .box_wrap ul.ul_list02{display:flex; flex-wrap:wrap; gap:10px;} .sub0207_wrap .con .box_wrap ul.ul_list02 li{width:49%; color: #666;font-size: 20px;font-weight: 400;} .sub0207_wrap .con .box_wrap ul li.box100 .right span{color: #666;font-size: 20px;font-weight: 700;line-height: 30px;} .sub0207_wrap .con .box_wrap .left{ display: flex;flex-direction: column;align-items: center;gap: 20px;} .sub0207_wrap .con02 .img_wrap p{color: #666;font-size: 20px;font-weight: 400; margin-top:10px;} .sub0207_wrap table.tbl01 td {padding:20px 0;} .sub0207_wrap table.tbl01 td ul li{line-height:24px;} .sub0207_wrap .con06 strong.e_txt {display:block; color: #ff0000; font-size: 20px; line-height: 1.6; margin-top: 20px;} /* sub0208 */ .sub0208_wrap .con02 em {color:#222; font-size:20px; font-weight:600; line-height:32px;} .sub0208_wrap .con02 em.mt {display:block; margin-top:20px;} .sub0208_wrap ul {margin-top:10px;} .sub0208_wrap .cate_box ul {flex-wrap: wrap;} /* sub0208_2_wrap */ .sub0208_2_wrap .con01{display:flex;justify-content: space-between; gap:40px;} .sub0208_2_wrap .con01 .left {width:700px; display:flex; flex-direction:column; justify-content: space-between; gap:120px;} .sub0208_2_wrap .con01 .left .top > span{color: #666;font-size: 18px;font-weight: 700;} .sub0208_2_wrap .con01 .left .top h6{color: #222;font-size: 52px;font-weight: 500;line-height: 1.4; margin-top:20px; position:relative;} .sub0208_2_wrap .con01 .left .top h6::after{ position:absolute; content:'';bottom:-100px; left:0; width:1px; height:80px; background: #103992;} .sub0208_2_wrap .con01 .left .top h6 b{color: #103992;} .sub0208_2_wrap .con01 .left .top h6 span{display: block;} .sub0208_2_wrap .con01 .left .bottom strong{color: #222;font-size: 24px;font-weight: 600;line-height: 34px;} .sub0208_2_wrap .con01 .left .bottom strong span{color: #103992;} .sub0208_2_wrap .con01 .left .bottom p{color: #222;font-size: 20px;font-weight: 400;line-height: 30px; margin-top:20px;} .sub0208_2_wrap .con01 .right{width:460px;} .sub0208_2_wrap .con01 .right .img_box{position: relative;} .sub0208_2_wrap .con01 .right .name_box{ position:absolute; right:0; bottom:0; width: 320px;height: 56px; color: #FFF;font-size: 20px;font-weight: 500; border-radius: 40px 0px 40px 0px;background: #103992; line-height: 56px; text-align: center;} .sub0208_2_wrap .con02 p{color: #666;font-size: 20px;font-weight: 400;line-height: 32px; /* 160% */} .sub0208_2_wrap ul {margin-top:0px;} .sub0208_2_wrap .con03 table {margin-top:20px;} .sub0208_2_wrap .con03 table th, td{ padding-block:20px;} /* sub0209 */ /* sub0209 공통 */ .sub0209_wrap .cate_box ul {flex-wrap: wrap;} .sub0209_wrap .con:not(:first-child){margin-top: 40px;} .sub0209_wrap .con .con_txt{background: #F8F9FA; border-radius:10px; padding: 40px; margin-top:20px;} .sub0209_wrap .con .con_txt strong{font-size: 18px; color: #222; line-height: 1.5;} .sub0209_wrap .con .qna_wrap{border-top: 1px solid #222;} .sub0209_wrap .con .qna_con > div{display: flex; align-items: center; padding: 20px 30px; gap:40px;} .sub0209_wrap .con .qna_con .alpha{flex-shrink:0; width: 23px; font-size: 30px; font-weight: 700;} .sub0209_wrap .con .ques_box .alpha{color: var(--co01);} .sub0209_wrap .con .anws_box .alpha{color: #999;} .sub0209_wrap .con .ques_box strong{font-size: 20px; color: #222;} .sub0209_wrap .con .anws_box{background: #F8F9FA;} .sub0209_wrap .con .anws_box p{font-size: 18px; color: #222;} /* sub0209_1 */ .sub0209_wrap .list_box01 .con_tbl strong{display: block; font-size: 18px; color: #666; margin-bottom: 15px;} .sub0209_wrap .list_box01 .con03 .con03_txt{display: block; font-size: 18px; color: #222; padding: 40px; line-height: 1.6;} /* sub0209_2 */ .sub0209_wrap .list_box02 .con_txt li{font-size: 18px; color: #222; line-height: 1.6;} .sub0209_wrap .list_box02 .con_tbl td ul{text-align: left;} .sub0209_wrap .list_box02 .con_tbl p{margin:15px 0; word-break:keep-all;} /* sub0209_3 */ .sub0209_wrap .list_box03 .con04 .img_wrap{padding: 40px; background: #F8F9FA; border-radius:10px; display: flex; justify-content: space-between; align-items: center; margin-top:20px;} .sub0209_wrap .list_box03 .con04 .img_wrap .img_box{width: 35%;} .sub0209_wrap .list_box03 .con04 .img_wrap .img_box img{width: 100%;} /* sub0209_4 */ .sub0209_wrap .list_box04 ul{display:flex; gap:40px; flex-direction:column;} .sub0209_wrap .list_box04 ul li .num_box{position: relative; display: flex; align-items: center; gap:10px;} .sub0209_wrap .list_box04 ul li .num_box::before{content:''; position: absolute; left: 0; top: -5px; background: url('/images/sub/sub0209_num01.png')center no-repeat; width: 50px; height: 50px;} .sub0209_wrap .list_box04 ul li:nth-child(2) .num_box::before{background: url('/images/sub/sub0209_num02.png')center no-repeat;} .sub0209_wrap .list_box04 ul li:nth-child(3) .num_box::before{background: url('/images/sub/sub0209_num03.png')center no-repeat;} .sub0209_wrap .list_box04 ul li .num_box p{color:#222; font-size:24px; font-weight:600; padding-left: 60px;} .sub0209_wrap .list_box04 ul li .con_txt p{color:#222; font-size:18px; font-weight:600; line-height:28px;} /* sub03 */ .sub03_wrap {word-break: keep-all;} .sub03_wrap .con:not(:first-child){margin-top: 40px;} .sub03_wrap .con h4 {display:flex; align-items: center; color: #222; font-size: 24px; font-weight: 600;} .sub03_wrap .con p {color: #666; font-size: 20px; line-height: 1.6;} .sub03_wrap .con ul {margin-bottom:15px;} .sub03_wrap .con ul li .list_tit{position:relative; padding-left: 30px;} .sub03_wrap .con ul li .list_tit:before {content:""; position:absolute; top:50%; left:10px; transform:translateY(-50%) ; width:6px; height:6px; background: #103992;} .sub03_wrap .con .img_box{margin-top: 40px;} .sub03_wrap .sub_wrap{margin-top: 25px;} .sub03_wrap .sub_wrap h5{font-size: 20px; color: #222;} .sub03_wrap .sub_wrap ul{padding-top:15px;} .sub03_wrap .con01 strong {color: #222; font-size: 24px; font-weight: 400; line-height: 1.5;} .sub03_wrap .con02 .sub_con{margin-top: 40px;} .sub03_wrap .con02 .sub_con ul li {margin-top:10px;} .sub03_wrap .con02 .sub_con ul li .list_tit {color: #222; font-size: 20px; line-height: 32px;} .sub03_wrap .con02 .sub_con ul li .list_tit em{font-weight: 600;} .sub03_wrap .con02 .sub_con p em {color: #222; font-size: 20px; font-weight: 600;} .sub03_wrap .sub_tit_list em{color: #222; font-size: 20px; font-weight: 600;} .sub03_wrap .sub_tit_list p{margin-top: 10px;} .sub03_wrap .charac_box{color: #666; font-size: 20px; line-height: 32px;} .sub03_wrap .charac_box em{color: #222; font-weight: 600;} .sub03_wrap .app_con ul li {margin-top:15px; color: #666; font-size: 20px;} .sub03_wrap .note_con ul li {margin-top:15px; color: #666; font-size: 20px;} .sub03_wrap .note_con ul li em {color: #222; font-size: 20px; font-weight: 600; margin-left:5px;} .sub03_wrap .condi_con .sub_con{margin-top: 15px;} .sub03_wrap .condi_con ul li {margin-top:15px; color: #666; font-size: 20px;} .sub03_wrap .condi_con ul li em {color: #222; font-size: 20px; font-weight: 600; margin-right:10px;} .sub03_wrap .pros_con .list_wrap{margin-top: 15px;} .sub03_wrap .pros_con .list_wrap li{position: relative; font-size: 20px; color: #666; padding-left: 35px;} .sub03_wrap .pros_con .list_wrap li::before{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); background: url(/images/sub/sub0301_ico14.png)center no-repeat; width: 32px; height: 32px;} .sub03_wrap .pros_con .list_wrap li em{color: #222; font-weight: 600; padding-left: 5px;} .sub03_wrap .pros_con .list_wrap li:not(:first-child){margin-top:15px;} .sub03_wrap .pros_con strong{display: block; font-size: 24px; color: #222; line-height: 1.6; margin-top: 40px;} .sub03_wrap .slide_wrap .swiper{margin-top: 40px;} .sub03_wrap .slide_wrap .swiper-slide-active::after{content:''; position: absolute; bottom: 0; left: 0; background: url('/images/sub/sub03_slide_btm.png')center no-repeat; background-size:cover; width: 265px; height: 110px;} .sub03_wrap .slide_wrap .swiper-slide-active {transform: scale(1);} .sub03_wrap .slide_wrap .swiper-slide:not(.swiper-slide-active) {transform: scale(0.9); opacity: 0.5;} .sub03_wrap .slide_wrap h4 {color: #222; font-size: 40px; font-weight: 600; display:flex; justify-content: center; align-items: center;} .sub03_wrap .slide_wrap .swiper-button-prev, .sub03_wrap .slide_wrap .swiper-button-next{position: unset; margin-top: 0;} .sub03_wrap .slide_wrap .swiper-button-prev{background: url('/images/sub/sub03_prev.png')center no-repeat; background-size:cover; width: 40px; height: 40px; color: transparent;} .sub03_wrap .slide_wrap .swiper-button-next{background: url('/images/sub/sub03_next.png')center no-repeat; background-size:cover; width: 40px; height: 40px; color: transparent;} .sub03_wrap .slide_wrap .slide_item_wrap{position: absolute; bottom:10px; left:17%; z-index: 20; display: flex; align-items: center; gap:30px;} .sub03_wrap .slide_wrap .visual_num{font-size: 20px; color: var(--co01); letter-spacing:0.15em;} .sub03_wrap .sub_tbl table{width: 100%;} .sub03_wrap .sub_tbl table thead{background: #E9ECEF; border-top: 2px solid #222;} .sub03_wrap .sub_tbl table th, .sub0307_wrap .sub_tbl table td{padding-block:10px; font-size: 18px; color: #222;} .sub03_wrap .sub_tbl table td{text-align: center; border-bottom: 1px solid #E9ECEF; border-right: 1px solid #E9ECEF;} .sub03_wrap .sub_tbl table td:last-child{border-right: none;} /* sub0307 */ .sub0307_wrap .con02 .sub_wrap li:not(:first-child){margin-top: 10px;} .sub0307_wrap .con02 .sub_wrap .list_tit em{font-size: 20px; color: #222; font-weight: 600;} .sub0307_wrap .con02 .sub_wrap .list_tit p strong{color: #222;} .sub0307_wrap .con02 .sub_wrap .list_box .list_txt{padding-left: 20px;} .sub0307_wrap .con02 .sub_wrap .list_box .list_txt:not(:first-child){padding-top: 10px;} /* sub04 공동 폰트 */ .sub04_wrap {word-break:keep-all;} .sub04_wrap .con{margin-bottom:60px;} .sub04_wrap .con01{margin-top:60px;} .sub04_wrap .con p {color: #666; font-size: 20px; line-height: 1.6;} .sub04_wrap .con p em{font-weight: 700; color: #222;} /* sub04 공동 테이블 */ .sub04_wrap .con .con_tbl + .con_tbl{padding-top:20px;} .sub04_wrap .con_tbl table{width: 100%; border-top: 2px solid #222; word-break:keep-all;} .sub04_wrap .con_tbl table thead tr{background: #E9ECEF; text-align: center;} .sub04_wrap .con_tbl table th{font-size: 18px; color: #222; padding: 15px;} .sub04_wrap .con_tbl table td{font-size: 16px; color: #222; padding: 15px; text-align: center; border-bottom: 1px solid #EEE;} .sub04_wrap .con_tbl table th:not(:last-child), .sub04_wrap .con_tbl table td:not(:last-child){border-right: 1px solid #eee;} .sub04_wrap .con_tbl table td p{font-size: 16px; line-height: 1.4;} .sub04_wrap .con_tbl table td img{width: 100%;} .sub04_wrap .con_tbl table .tit{background: #F8F9FA;} .sub04_wrap .con_tbl.tbl01 table tbody tr td:nth-child(1){background: #F8F9FA;} /* sub04 공동 리스트 */ .sub04_wrap ul.list_tit li p{position: relative; padding-left: 30px;} .sub04_wrap ul.list_tit li p:before {content:""; position:absolute; top:15px; left:10px; transform:translateY(-50%) ; width:6px; height:6px; background: #103992;} .sub04_wrap .sub_tit_list li:not(:first-child){padding-top: 10px;} .sub04_wrap .sub_tit_list li strong{display: block; padding-bottom: 10px; font-size: 20px; color: #222; line-height: 1.6;} .sub04_wrap .sub_tit_list li .txt_after{position: relative; padding-left: 30px;} .sub04_wrap .sub_tit_list li .txt_after::before{content:''; position: absolute; top: 12px; left: 10px; width: 6px; height: 6px; background: #103992;} /* sub0401 */ .sub0401_wrap .logoSwiper{padding-inline:40px;} .sub0401_wrap .logoSwiper .swiper-slide{display:flex; justify-content: center; align-items: center; height:80px;} .sub0401_wrap .logoSwiper .swiper-slide img{object-fit:contain; width:90%; height: 90%; filter: grayscale(100%); transition: filter 0.3s ease;} .sub0401_wrap .logoSwiper .swiper-slide img:hover{ filter: grayscale(0%);} .sub0401_wrap .logoSwiper .swiper-button-prev, .sub0401_wrap .logoSwiper .swiper-button-next{color: rgba(34, 34, 34, 0.20);} /* sub06 */ .sub06_wrap .cate_box {margin-bottom:100px;} .sub06_wrap .cate_box ul {display:flex; justify-content: center; gap:50px;} .sub06_wrap .cate_box ul li.on a {color: #222; font-weight: 700; border-bottom:3px solid #103992; padding-bottom:15px;} .sub06_wrap .cate_box ul li a {color: #ccc; font-size: 27px; font-weight: 500;} .sub06_wrap .con_wrap .con:not(:first-child){margin-top: 40px;} .sub06_wrap .consulting-form .form-group:not(:first-child){margin-top: 15px;} .sub06_wrap .form-group{display: flex; gap:15px; align-items: center;} .sub06_wrap .form-group label{flex-shrink:0; font-size: 16px; color: #222; width: 84px; word-break:keep-all;} .sub06_wrap .form-group input[type="text"], .sub06_wrap .form-group input[type="email"]{border:1px solid #ddd; padding:10px 15px; border-radius:5px; max-height:48px; min-width:280px;} .sub06_wrap .form-group select{border:1px solid #ddd; padding:10px 15px; border-radius:5px; max-height:48px; min-width:280px;} .sub06_wrap .form-group.form-long select{min-width:880px;} .sub06_wrap .form-group textarea{width: 100%; border:1px solid #ddd; border-radius:5px; padding:10px 15px; min-height:160px; word-break:keep-all;} .sub06_wrap .submit-btn{display: flex;align-items: center;justify-content: center;margin: 40px auto 0;width: 200px; height: 48px; border: 1px solid rgba(34, 34, 34, 0.50); font-size: 16px; border-radius:30px;} .sub06_wrap .privacy-box{flex-direction: column; align-items: flex-end;} .sub06_wrap .sub_group{display: flex; align-items: center; gap:10px;} .sub0602_wrap .seminar_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap:20px;} .sub0602_wrap .seminar_wrap img{width: 100%; aspect-ratio:1.588 / 1; object-fit:cover;} .sub0602_wrap .seminar_item{position: relative; border-radius:15px; overflow: hidden;} .sub0602_wrap .txt_box{display: flex;flex-direction: column;justify-content: space-between; padding: 20px; border:1px solid #A5ADB3; background: #F8F9FA; border-bottom-left-radius:15px; border-bottom-right-radius:15px; min-height: 120px; align-items: flex-start;} .sub0602_wrap .txt_box .text_btn{display: flex; flex-direction: column;justify-content: space-between;height: 100%;} .sub0602_wrap .txt_box p{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;text-overflow: ellipsis;font-size: 18px; color: #222; font-weight: 600;} .sub0602_wrap .txt_box span{font-size: 14px; color: var(--co01); font-weight: 500; margin-top: 20px;} .sub0602_wrap .seminar_item .link_wrap{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .sub0602_2_wrap .img_box img{width: 100%;} .sub0602_2_wrap .con02 .consulting-form:not(:nth-child(2)){margin-top: 40px;} .sub0602_2_wrap .map_wrap{position: relative;} .sub0602_2_wrap .map_wrap iframe{width: 100%; height: 600px;} .sub0602_2_wrap .map_wrap .map_info{position: absolute; bottom: -40%; left: 50%; transform:translate(-50%, -50%); z-index: 10; border-radius:20px; display: flex; flex-direction: column; gap:30px; background: var(--Linear, linear-gradient(270deg, #114CCE 0%, #103992 100%)); max-width:1280px; width: 100%; padding:50px; overflow:hidden;} .sub0602_2_wrap .map_wrap .map_info h3{font-size: 36px; color: #fff;} .sub0602_2_wrap .map_wrap .map_info h3::after{content:''; position:absolute; right:-30px; top:50%; transform:translateY(-50%); background: url('/images/sub/sub0104_logo.png')center no-repeat; background-size:cover; opacity:0.1; width:400px; height:400px;} .sub0602_2_wrap .add_list{display: flex; flex-wrap:wrap; gap:15px 80px;} .sub0602_2_wrap .add_list li:nth-child(1){width: 100%;} .sub0602_2_wrap .add_list dl{display: flex; align-items: center; gap:20px; color: #fff; font-size: 18px;} .sub0602_2_wrap .add_list dl dt{position: relative; display: flex; align-items: center; gap:10px;} .sub0602_2_wrap .add_list dl dt::after{content:''; position: absolute; right: -10px; top: 50%; transform:translateY(-50%); width: 1px; height: 50%; background: #BDC6CE;} .sub0602_2_wrap .traffic_wrap{max-width:1280px; margin: 0 auto; padding-top: 200px;} .sub0602_2_wrap .traffic_wrap .box{display: flex; flex-direction: column; border-bottom: 1px solid #EEE; padding: 20px;} .sub0602_2_wrap .traffic_wrap .con .box:nth-child(2){border-top: 1px solid #eee;} .sub0602_2_wrap .traffic_wrap .box h4{display: flex; align-items: center; gap:10px; font-size: 20px; color: #222;} .sub0602_2_wrap .traffic_wrap .box ul{display: flex; gap:30px; color: #222;} .sub0602_2_wrap .traffic_wrap .box ul li{display: flex; align-items: center; gap:8px; font-size: 16px;} .sub0602_2_wrap .traffic_wrap .line_list span{color: #fff; padding-inline:8px; padding-block:5px; border-radius:20px;} .sub0602_2_wrap .traffic_wrap .line_list .bun_line{background: #FABE00;} .sub0602_2_wrap .traffic_wrap .line_list .two_line{background: #00A84D;} .sub0602_2_wrap .traffic_wrap .line_list .nine_line{background: #BDB092;} .sub0602_2_wrap .traffic_wrap .stop_list span{display: flex; align-items: center; justify-content: center; width: 20px; border:1px solid #222; border-radius:50px; aspect-ratio: 1;} .sub0602_2_wrap .traffic_wrap .bus_con{display: flex; gap:8px;} .sub0602_2_wrap .traffic_wrap .box .bus_list{gap:16px;} .sub0602_2_wrap .traffic_wrap .box .bus_list li{position: relative;} .sub0602_2_wrap .traffic_wrap .box .bus_list li:not(:last-child)::after{content:''; position: absolute; right: -8px; top: 50%; transform:translateY(-50%); width: 1px; height: 50%; background: #999;} .sub0602_2_wrap .traffic_wrap .bus_con:not(:first-child){margin-top: 8px;} .sub0602_2_wrap .traffic_wrap .bus_con .bus{color: #fff; padding-inline:8px; padding-block:5px; border-radius:20px;} .sub0602_2_wrap .traffic_wrap .bus_con .bus.bus01{background: #7182F5;} .sub0602_2_wrap .traffic_wrap .bus_con .bus.bus02{background: #AA8874;} .sub0602_2_wrap .traffic_wrap .bus_con .bus.bus03{background: #F86E55;} .sub0602_2_wrap .traffic_wrap .bus_con .bus.bus04{background: #5FB73C;}