/* 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: 'KakaoBigSans-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoBigSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'KakaoBigSans-Bold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoBigSans-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'KakaoBigSans-ExtraBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoBigSans-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; } @font-face { font-family: 'KakaoSmallSans-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoSmallSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } @font-face { font-family: 'KakaoSmallSans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoSmallSans-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; } @font-face { font-family: 'KakaoSmallSans-Bold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2503@1.0/KakaoSmallSans-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } /* Common **********************************************************************/ html,body {width:100%;scroll-behavior:smooth; } 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,h1,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: 'KakaoBigSans-Bold';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;} /* sub_id */ .sub_id_wrap{max-width:700px; margin: 0 auto; padding: 80px 50px; background: #fff; border-radius:15px; line-height: 1;} .sub_id_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;} .sub_id_wrap .form_wrap .tabs{display: flex;} .sub_id_wrap .form_wrap .tabs a{display: block; width: 50%; text-align: center; font-size: 20px; padding-block:15px;} .sub_id_wrap .form_wrap .tabs a.on{color: #000; border-bottom: 1px solid #000;} .sub_id_wrap .form_inner02{display: flex; flex-direction: column; gap:30px; align-items: center;} .sub_id_wrap .form_inner02 p{font-size: 22px; color: #444;} .sub_id_wrap .id_check .id_box{width: 100%; padding-block:15px; background: #F9F9F9; border-radius:10px; text-align: center; font-size: 18px; color: #222;} .sub_id_wrap .form_inner{display: flex; flex-direction: column; gap:30px; margin-top: 50px;} .sub_id_wrap .form_box{display: flex; flex-direction: column; gap:10px;} .sub_id_wrap .form_box label{font-size: 20px; color: #222; font-weight: 600;} .sub_id_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 24px; color: #fff; width: 100%; height: 60px; margin-top: 30px;} .sub_id_wrap .login_wrap{display: flex; justify-content: center; gap:25px; margin-top: 50px;} .sub_id_wrap .login_wrap a{width: 240px; font-size: 24px; text-align: center; border-radius:10px; padding-block:10px;} .sub_id_wrap .login_wrap a.login_btn01{border:2px solid #000; color: #fff; background: #000;} .sub_id_wrap .login_wrap a.login_btn02{border:2px solid #000; color: #000; background: #fff;} .sub_id_wrap input[type="text"], .sub_id_wrap input[type="password"], .sub_id_wrap input[type="email"]{height: 60px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;} .sub_id_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 24px; color: #fff; height: 60px; margin-top: 30px;} /* sub_login */ .sub_login_wrap{padding: 80px 50px; background: #fff; border-radius:15px; line-height: 1;} .sub_login_wrap.account_box{max-width:700px; margin: 0 auto;} .sub_login_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;} .sub_login_wrap.account_box{padding: 50px;} .sub_login_wrap .input_box{display: flex; flex-direction: column; gap:30px;} .sub_login_wrap .login_md{display: flex; justify-content: space-between; margin-top: 20px;} .sub_login_wrap input[type="text"], .sub_login_wrap input[type="password"], .sub_login_wrap input[type="email"]{height: 60px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;} .sub_login_wrap .form_inner{display: flex; flex-direction: column; gap:30px; margin-top: 50px;} .sub_login_wrap .form_box{display: flex; flex-direction: column; gap:10px;} .sub_login_wrap .form_box label{font-size: 20px; color: #222; font-weight: 600;} .sub_login_wrap .check_wrap {display: flex;align-items: center;gap: 15px;font-family: sans-serif;font-size: 16px;} .sub_login_wrap .check_wrap input[type="checkbox"] {appearance: none;width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 2px;background-color: white;position: relative;cursor: pointer; margin-right: 5px;} .sub_login_wrap .check_wrap input[type="checkbox"]:checked {background-color: black;border-color: black;} .sub_login_wrap .check_wrap input[type="checkbox"]:checked::after {content: '✔';color: white;font-size: 12px;position: absolute;top: -2px;left: 2px;} .sub_login_wrap .check_wrap input[type="checkbox"]:disabled {background-color: #f0f0f0;border-color: #dcdcdc;cursor: not-allowed;} .sub_login_wrap .check_wrap input[type="checkbox"]:disabled::after {color: #ccc;} .sub_login_wrap .submit_btn{border-radius: 10px; background: #000; font-size: 24px; color: #fff; height: 60px; margin-top: 30px;} .sub_login_wrap .search_wrap{display: flex; align-items: center; gap:20px;} .sub_login_wrap .search_wrap a{position: relative; font-size: 16px ; color: #444;} .sub_login_wrap .search_wrap a:not(:last-child)::after{content:''; position: absolute; right: -10px; top: 50%; transform:translateY(-50%); width: 1px; height: 40%; background: #666;} .sub_login_wrap .external_wrap{display: flex; justify-content: space-evenly; margin-top: 50px;} .sub_login_wrap .external_wrap p{margin-top: 10px; text-align: center;} .sub_login_wrap .divider{display: flex; justify-content: center; align-items: center; gap:15px; margin-top: 35px; white-space:nowrap;} .sub_login_wrap .divider span{display: block; background: #DDD; width: 100%; height: 1px;} .sub_login_wrap .signup_link{display: flex; justify-content: center; gap:30px; margin-top: 20px; font-size: 14px; color: #444; line-height: 1.4;} .sub_login_wrap .signup_link a{font-size: 14px; color: #444; border-bottom: 1px solid #444; line-height: 1.4;} .sub_login_wrap .txt_area{display: flex; gap:50px;} .sub_login_wrap .txt_area > div{flex:1;} .sub_login_wrap .txt_area h3{font-size: 20px; color: #222; text-align: center; margin-bottom: 20px;} .sub_login_wrap .txt_area .txt_box{height: 400px; border-radius: 10px; background: #F9F9F9; padding: 25px; font-size: 16px; line-height: 1.6; overflow-y:auto;} .sub_login_wrap .txt_area .txt_box strong{display: block; padding-block: 15px;} .sub_login_wrap .txt_area.area_column{flex-direction: column;} .sub_login_wrap .txt_area .txt_box{height: 240px;} .sub_login_wrap .agree_wrap{margin-top: 25px;} .sub_login_wrap .check_label{display: flex;align-items: center;cursor: pointer;justify-content: flex-end; font-size: 14px; color: #444;} .sub_login_wrap .agree_box{appearance: none;width: 18px;height: 18px;border: 1px solid #ccc;border-radius: 3px;margin-right: 8px;position: relative;cursor: pointer;} .sub_login_wrap .agree_box::after {content: '✔'; font-size: 13px; position: absolute; left: 2px; top: -2px; color: #ccc; visibility: visible;} .sub_login_wrap .agree_box:checked {background-color: #000;border-color: #000;} .sub_login_wrap .agree_box:checked::after {color: #fff;} .sub_login_wrap .account_btn{display: flex; justify-content: center; gap: 20px; margin-top: 25px;} .sub_login_wrap .account_btn button{width: 160px; height:55px; font-size: 22px; border-radius:10px; padding-block:10px; border:1px solid #000; text-align: center; line-height: 1;} .sub_login_wrap .account_btn button.btn01{background: #fff; color: #000;} .sub_login_wrap .account_btn button.btn02{background: #000; color: #fff;} .sub_sign_wrap{line-height: 1;} .sub_sign_wrap h2{margin-bottom: 50px; font-size: 40px; color: #000; text-align: center;} .sub_sign_wrap input[type="text"], .sub_sign_wrap input[type="password"], .sub_sign_wrap input[type="email"]{height: 55px; padding: 5px 15px; font-size: 18px; color: #666; border:none; border-radius: 10px; background: #F9F9F9;} .sub_sign_wrap .form_list li{display: flex; gap:10px;} .sub_sign_wrap .form_list li:not(:first-child){margin-top: 30px;} .sub_sign_wrap .form_list li label{margin-top: 20px; width: 140px; flex-shrink:0; font-size: 20px; color: #000; font-weight: 500;} .sub_sign_wrap .form_list li label .required{color: #F00;} .sub_sign_wrap .form_list li input{width: 100%;} .sub_sign_wrap .form_list li .id_field{display: flex; gap:20px; width: 100%;} .sub_sign_wrap .form_list .add_wrap{width: 100%; display: flex; flex-direction: column; gap: 15px;} .sub_sign_wrap .form_list .address_row{display: flex; gap:20px; width: 100%;} .sub_sign_wrap .sub_btn{width: 150px; border:1px solid #000; flex-shrink: 0; font-size: 18px; color: #444; border-radius:5px;} /*로그인스킨*/ /*#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.width1 { 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.3s;} .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;} .pc_img {display:block;} .tab_img {display:none;} .mob_img {display:none;} .pc {display:block;} .tab {display:none;} .mob {display:none;} .pc_block{display:flex !important;} .mobile_block{display:none !important;} :root{ --bg01: #2bacf0; --co01: #072a60; --co02: #0053a0; --co03: #1087F5; } /* ==main== */ #wrap{position: relative; width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden; line-height: 1;} .inner{width: calc(100% - 100px); margin: 0 auto; max-width:1400px;} /* intro */ .intro_wrap{position: relative; width: 100%; height: 100vh; overflow: hidden;} .intro_wrap .inner{display: flex; gap:40px; max-width:1260px;} .intro_wrap .bg_wrap{position: relative; padding-top: 56.25%;} .intro_wrap .video_wrap{position: absolute;top: 0; left: 0;width: 300%;height: 100%;left: -100%;pointer-events: none; z-index: -1;} .intro_wrap .video_wrap iframe{width: 100%;height: 100%;border: 0;object-fit: cover;} .intro_wrap .video_overlay {position: absolute;top: 0; left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;opacity: 0;transition: opacity 0.5s ease;z-index: 2;} .intro_wrap .intro_con{position: absolute; top: 0; width: 100%; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:60px; height: 100%; color: #fff;} .intro_wrap .intro_con .intro_desc{font-size: 18px; text-align: center;} .intro_wrap .box_wrap{width: 100%;} .intro_wrap .box_wrap .inner{max-width:1000px;} .intro_wrap .box_item02 {padding:25px 40px; height:50px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(5px); transition: background 0.3s ease;} .intro_wrap .box_item{flex:1; height:400px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(5px); transition: background 0.3s ease;} .intro_wrap .box_item h1{width:298px; height:50px;} .intro_wrap .box_item h1 > img{width:100%;} .intro_wrap .box_item h2{font-size: 24px; text-align: center;} .intro_wrap .box_item h2 strong{display: block;} .intro_wrap .home_link{display: flex; align-items: center; gap:10px; font-size: 18px; color: #fff; border:1px solid #fff; border-radius:30px; padding: 10px 30px; transition: background-color 0.4s ease, color 0.4s ease;} .intro_wrap .home_link:hover{background-color: #fff; color: #000;} .intro_wrap .home_link:hover img {transform: translateX(4px); filter: brightness(0);} .intro_wrap .univer_link{display: flex; align-items: center; gap:10px; font-size: 18px; color: #fff;} .intro_wrap .box_item.item01:hover{background: linear-gradient(90deg, #005739 0%, #0E341B 100%); transition: background 0.3s ease;} .intro_wrap .box_item.item02:hover{background: linear-gradient(270deg, #072A60 0%, #003B71 100%); transition: background 0.3s ease;} .intro_wrap .box_item.hovered {background: rgba(255, 255, 255, 0.1); transition: background 0.3s ease;} .rolling_txt {position: relative;height: 50px;overflow: hidden; width: 100%; text-align: center;} .rolling_txt ul {position: relative;} .rolling_txt li {position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 1.5s ease;width: 100%;font-size: 36px;pointer-events: none;} .rolling_txt li.active {opacity: 1; z-index: 1;} .navigation{display: none;} .nav_btn{display: none;} /* main 공통 */ .main_tit{display: flex; flex-direction: column; gap:30px;} .main_tit .sub_txt{font-size: 18px; color: #222;} .main_tit .tit_box{display: flex; align-items: flex-end; gap:30px;} .main_tit h3{font-size:50px; color: #222; font-weight:700; letter-spacing:-0.04em;} .main_tit h3 span{color: #005739;} .main_tit .tit_box p{font-size: 18px; color: #222;} /* all_menu */ .all_menu_wrap{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(5px); z-index: 9999;} .all_menu_wrap .all_head{position: absolute; top: 0; left: 0; width: 100%; height: 100px; display: flex; align-items: center; justify-content: space-between;} .all_menu_wrap .all_head h1 a{display: block; background: url('/assets/images/main/main_s_logo_white.png')center no-repeat; background-size:cover; width: 248px; height: 40px;} .all_menu_wrap .all_close{position: relative; width: 60px; border-radius:50%; background: #005739; aspect-ratio:1;} .all_menu_wrap .all_close span{position: absolute; top: 50%; left: 50%; display: block; width: 22px; height: 2px; background: #fff; transition: 0.3s;} .all_menu_wrap .all_close span:first-child {transform: translate(-50%, -50%) rotate(45deg);} .all_menu_wrap .all_close span:last-child {transform: translate(-50%, -50%) rotate(-45deg);} .all_menu_wrap .all_inner{position: relative; display: flex; justify-content: center; flex-direction: column; height: 100%; width: calc(100% - 80px); margin: 0 auto;} .all_menu_wrap .all_menu{display: flex; justify-content: space-between; gap:4.1667vw; padding-inline:5%;} .all_menu_wrap .all_menu .all_tit{display: block; font-size: 22px; font-weight: 600; color: #fff; white-space: nowrap;} .all_menu_wrap .all_sub_menu{margin-top: 50px;} .all_menu_wrap .all_sub_menu > li:not(:first-child){margin-top: 15px;} .all_menu_wrap .all_sub_menu li a{font-size: 18px; color: #fff; transition:.2s; font-weight: 400; font-family: "Kakao Small Sans"; line-height: 1.4;} .all_menu_wrap .all_sub_menu li a:hover{color: #005739; font-weight: 600; transition:.2s;} @media screen and (max-width: 1400px) { .all_menu_wrap .all_menu .all_tit{font-size: 1.125rem;} .all_menu_wrap .all_sub_menu li a{font-size: 1rem;} } /* quick_menu */ .quick_wrap{position: fixed; top: 50%; transform:translateY(-50%); right: 25px; width: 70px; z-index: 9999;} .quick_wrap ul{display: flex; flex-direction: column; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);} .quick_wrap ul li a{display: flex; flex-direction: column; align-items: center; gap:5px; padding-block:10px; font-size: 10px; color: #005739; background: #fff;} .quick_wrap ul li:first-child a{border-radius:5px 5px 0 0; background: #65B12F; color: #fff;} .quick_wrap ul li:last-child a{border-radius:0 0 5px 5px;} .quick_wrap .top_btn{display: flex; flex-direction: column; align-items: center; gap:5px; margin-top: 10px; padding-block:10px; background: #005739; border-radius:5px; color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);} /* header */ #header{position: relative;} #header .inner{max-width:100%; width: calc(100% - 80px); display: flex; justify-content: space-between; align-items: center;} #header h1 a{display: block; background: url('/assets/images/main/main_logo.png')center no-repeat; background-size:cover; width: 248px; height: 40px; -webkit-transition:all .3s; -moz-transition:all .3s;-ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #header h1.s_logo a{display: block; background: url('/assets/images/main/main_logo_s.png')center no-repeat; background-size:cover; width: 248px; height: 40px; -webkit-transition:all .3s; -moz-transition:all .3s;-ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #header .h_right{display: flex; align-items: center; gap:10px;} #header .h_right .seoul_btn{padding: 10px 20px; display: flex; align-items: center; gap:8px; background: #072a60; color: #fff; border-radius:50px; white-space:nowrap;} #header .h_right .seoul_btn .pc_txt{font-size:16px; line-height:20px;} #header .h_right .seoul_btn .mob_txt{display: none;} #header .h_right .all_btn{width: 60px; border-radius:50%; background: #005739; aspect-ratio:1;} #header .h_right .all_btn .btn_inner{width:20px; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; height: 12px;} #header .h_right .all_btn .btn_inner span{background: #fff; width: 100%; height: 2px;} /* gnb */ .gnb{display: flex; justify-content: space-between; align-items: center;} .gnb .lnb_menu a.depth1{display: block; padding: 35px 20px; font-size:20px; letter-spacing:-0.04em; line-height:1.5; color: #222; white-space:nowrap; -webkit-transition:all .3s; -moz-transition:all .3s;-ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} .gnb .nav_con{overflow:hidden; position:absolute; left:50%; top:100%; width:100%; max-height:900px; min-height:360px; text-align:left; opacity:0; visibility:hidden; transform:translate(-50%, 10px); background:#fff; z-index: 9999;} .gnb .lnb_menu.on .nav_con {opacity: 1; visibility: visible; transform: translate(-50%, 0);} .gnb .nav_con{display: flex;} .gnb .nav_con .title{width: 350px; flex-shrink: 0; border-radius: 0 50px 0 0; padding: 50px 60px; background: #005739 url('/assets/images/main/main_nav_bg.png')bottom right no-repeat; color: #fff; text-align: right;} .gnb .nav_con .title h2{font-size: 36px; line-height:1.35; word-break:keep-all;} .gnb .nav_con .title p{margin-top: 20px; font-family: "Kakao Small Sans"; font-size: 20px; line-height: 1.4; word-break:keep-all;} .gnb .nav_con .menu_list{padding-block:40px; margin-inline: 40px; display: flex; gap:30px; width: 100%; flex-direction: row; flex-wrap: wrap; align-content: flex-start;} .gnb .nav_con .menu_list > li{width:calc(25% - 30px);} .gnb .nav_con .menu_list .depth2{border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.10); background: url('/assets/images/main/main_nav_icon.png')bottom right no-repeat; background-position-x: 95%;} .gnb .nav_con .menu_list .depth2 > a{display: block; padding:20px 35px; font-size: 18px; line-height:1.35; color: #222; word-break:keep-all;} .gnb .nav_con .menu_list .depth3{margin-top: 20px; padding-inline:25px;} .gnb .nav_con .menu_list .depth3 > li:not(:first-child){margin-top: 15px;} .gnb .nav_con .menu_list .depth3 > li > a{position: relative; padding-left: 15px; font-size: 16px; color: #222; font-weight:400; display:block; line-height:1.35; word-break:keep-all;} .gnb .nav_con .menu_list .depth3 > li > a::before{content:''; position: absolute; top:6px; left: 0; width: 6px; height: 6px; background: linear-gradient(180deg, #FFF 0%, #999 100%); border-radius:50%;} @media screen and (max-width: 1500px) { #header h1 a{width: 200px; height: 32px;} .gnb .lnb_menu a.depth1{padding: 33px 10px; font-size: 1rem;} #header .h_right{gap:10px;} #header .h_right .seoul_btn{padding: 10px 15px;} #header .h_right .seoul_btn .pc_txt{font-size:14px; line-height:1;} #header .h_right .all_btn{width:50px;} #header .h_right .all_btn .btn_inner{width: 40%; height: 10px;} .all_menu_wrap .all_close{width: 50px;} .gnb .nav_con .menu_list{padding-block:30px; margin-inline:30px; gap:20px;} .gnb .nav_con .menu_list > li{width:calc(33% - 20px);} .gnb .nav_con .menu_list .depth2 > a{padding:15px 25px;} } /* visual */ .visual_container{width: calc(100% - 80px); margin: 0 auto;} #visual_wrap .swiper-slide .txt_wrap{position: absolute; left: 80px; top: 50%; transform:translateY(-50%); color: #fff; display: flex; flex-direction: column; gap:30px; -webkit-transition:all .3s; -moz-transition:all .3s;-ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;} #visual_wrap .swiper-slide .txt_wrap > span{font-size: 18px;} #visual_wrap .swiper-slide .txt_wrap h2{font-size:70px; font-weight: 500; line-height: 1.2; letter-spacing:-0.04em;} #visual_wrap .swiper-slide .txt_wrap h2 span{display: block;} #visual_wrap .swiper-slide .txt_wrap p{font-size: 20px; margin-top: 10px;} #visual_wrap .swiper-slide .txt_wrap a{width:130px; display:flex; padding:18px 35px; margin-top: 50px; font-size: 18px; color: #005739; background: #fff; border-radius:50px; justify-content: space-between; align-items: center; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #visual_wrap .swiper-slide .txt_wrap a .ri-arrow-right-line{height:24px;} #visual_wrap .swiper-slide .txt_wrap a .ri-arrow-right-line:before{font-size:24px;} #visual_wrap .swiper-slide .txt_wrap a:hover{width:150px; padding:18px 25px;} /* section01 */ #section01{padding-block:40px;} #section01 .link_list{display: flex; gap:20px;} #section01 .link_list li{flex:1; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); border-radius:40px; padding:20px 15px; cursor:pointer;} #section01 .link_list li svg{transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section01 .link_list li a{aspect-ratio: 1; display: flex;align-items: center;justify-content: center;flex-direction: column; gap:15px;} #section01 .link_list li a h3{font-family: 'KakaoBigSans-Regular'; font-size:24px; color: #222; margin-top: 10px; line-height:1.35; text-align:center; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section01 .link_list li a p{font-size: 16px; color: #65B12F; word-break:keep-all; text-align:center; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section01 .link_list li:hover{background:#005739; border-radius:40px;} #section01 .link_list li:hover svg circle{fill:#fff; opacity:0.2;} #section01 .link_list li:hover svg path{fill:white;} #section01 .link_list li:hover h3{color:#fff;} #section01 .link_list li:hover p{color:#fff; opacity:0.5;} /* section02 */ #section02{padding-bottom: 80px;} #section02 .biz_wrap {display: flex;gap:20px;height: 500px;overflow: hidden; margin-top: 40px;} #section02 .biz_wrap .list_box {flex-grow: 1;width: 0%;min-width: 180px;position: relative;color: white;padding: 50px;border-radius: 10px;overflow: hidden; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); cursor: pointer; display: flex; flex-direction: column; justify-content: space-between;} #section02 .biz_wrap .list_box::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right center; background-size:cover; z-index: 0; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section02 .biz_wrap .list_box.list1::before{background-image:url('/assets/images/main/s_main_sec02_bg01.png');} #section02 .biz_wrap .list_box.list2::before{background-image:url('/assets/images/main/s_main_sec02_bg01.png');} #section02 .biz_wrap .list_box.list3::before{background-image:url('/assets/images/main/s_main_sec02_bg01.png');} #section02 .biz_wrap .list_box.active::after{display: none;} #section02 .biz_wrap .list_box::after{content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .7;} #section02 .biz_wrap .list_box.list1::after{background: #0053A0;} #section02 .biz_wrap .list_box.list2::after{background: #005739;} #section02 .biz_wrap .list_box.list3::after{background: #072A60;} #section02 .biz_wrap .list_box.active {width: 100%; padding: 60px;} #section02 .biz_wrap .list_box.active .tit_top{flex-direction: row; height: auto;} #section02 .biz_wrap .list_box.active .tit_top h4{writing-mode: lr; transform: rotate(0);} #section02 .biz_wrap .tit_top {display: flex; align-items: center; flex-direction: column; justify-content: space-between; height: 80%; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); z-index: 1;} #section02 .biz_wrap .list_box.active .tit_top{position: unset; transform: none;} #section02 .biz_wrap .list_box.active .tit_top h4{font-size:50px;} #section02 .biz_wrap .tit_top h4 {font-size:36px;font-weight: bold; writing-mode: sideways-lr; transform: rotate(180deg); color: #fff;} #section02 .biz_wrap .togg_btn {width:60px;height:60px; border: 1px solid #fff; border-radius: 50%; position: relative; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section02 .biz_wrap .togg_btn::before, #section02 .biz_wrap .togg_btn::after {content: "";position: absolute;background-color: #fff; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section02 .biz_wrap .togg_btn::before {width: 16px;height: 2px;top: 50%;left: 50%;transform: translate(-50%, -50%);} #section02 .biz_wrap .togg_btn::after {width: 2px;height: 16px;top: 50%;left: 50%;transform: translate(-50%, -50%);} #section02 .biz_wrap .list_box.active .togg_btn::after {transform: scaleY(0);} #section02 .biz_wrap .list_box p{font-family: "Kakao Small Sans"; width: 85%; font-size: 20px; line-height: 1.6; margin-top: 80px; word-break:keep-all;} #section02 .biz_wrap .list_box p, #section02 .biz_wrap .list_box .tags {opacity: 0;transform: translateY(20px); transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); height: 0; overflow: hidden;} #section02 .biz_wrap .list_box.active p, #section02 .biz_wrap .list_box.active .tags {opacity: 1; transform: translateY(0); height: auto;} #section02 .biz_wrap .tags{display: flex; gap:10px; flex-wrap: wrap;} #section02 .biz_wrap .tags span {padding: 10px 35px; background: rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.50); padding: 10px 35px; display: inline-block; border-radius: 30px; font-size: 18px; line-height:1.6; color:#fff;} @media screen and (max-width: 1500px) { #section02 .biz_wrap .list_box.active {padding: 50px;} } /* section03 */ #section03{padding-block:100px; background: #f6f6f6;} #section03 .sec03_con{display: flex; gap:40px;} #section03 .sec03_con > div{flex:1; width: 50%;} #section03 h4{margin-block: 40px; font-size: 36px; color: #222;} #section03 .notice_list li:not(:first-child){margin-top: 15px;} #section03 .notice_list li a{display: flex; align-items: center; gap:15px;} #section03 .notice_list li .date_wrap{display: flex; flex-direction: column; justify-content: center; align-items: center; gap:5px; aspect-ratio:1; flex-shrink:0; background: #fff; border-radius: 15px; color: rgba(34, 34, 34, 0.25); padding: 10px; transition:.3s;} #section03 .notice_list li:hover .date_wrap{color: var(--co01); transition:.3s;} #section03 .notice_list li .date_wrap strong{font-size: 30px;} #section03 .notice_list li .date_wrap span{font-size: 14px;} #section03 .notice_list li .tit_wrap strong{font-size:20px; color: #222; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #section03 .notice_list li .tit_wrap p{margin-top:10px; font-size: 16px; color: #666; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #section03 .gallSlide .slick-list{margin: 0 -10px;} #section03 .gallSlide .slick-slide{box-sizing: border-box; margin: 0 10px;} #section03 .gallSlide .slick-slide .gallery_img{width:100%; border-radius:20px; overflow:hidden;} #section03 .gallSlide .slick-slide img{width: 100%; aspect-ratio:1.716 / 1; object-fit:cover; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section03 .gallSlide .slick-slide:hover img{transform:scale(1.1);} #section03 .gallSlide .gallery_info{margin-top: 20px;} #section03 .gallSlide .gallery_info strong{font-size: 18px; color: #222; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #section03 .gallSlide .gallery_info p{margin-top:10px;font-size: 16px; color: #666; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #section03 .gallSlide .slick-dots{position: unset; margin-top: 40px;} #section03 .gallSlide .slick-dots li{width: auto; height: auto;} #section03 .gallSlide .slick-dots li button{background: rgba(7, 42, 96, 0.33); border-radius:50%;} #section03 .gallSlide .slick-dots li button::before{display: none;} #section03 .gallSlide .slick-dots li.slick-active button{width: 40px; background: #005739; border-radius:30px;} #section03 .slick-dotted.slick-slider{margin-bottom: 0;} /* section04 */ #section04{padding-block:100px;} #section04 .inner{display: flex; flex-direction: column; gap:80px;} #section04 .sec04_con{position:relative; padding-block:100px; width: 100%; margin: 0 auto; border-radius: 24px; background: var(--Linear, linear-gradient(278deg, #0053A0 0.1%, #005739 99.9%)); overflow:hidden;} #section04 .sec04_con .inner {width: calc(100% - 160px);} #section04 .sec04_con .inner::before{content: ""; position: absolute; top:60px; right:-70px; width:720px; height:720px; background: url('/assets/images/main/sec04_logo.png'); background-size: cover; z-index:0;} #section04 .sec04_top{display: flex; justify-content: space-between; align-items: flex-end;} #section04 .sec04_top .main_tit{flex-shrink: 0;} #section04 .sec04_top p{font-size: 24px; color: #fff; line-height: 1.35; width:70%; word-break:keep-all; font-family: "Kakao Small Sans";} #section04 .sec04_top p span{display: block;} #section04 .sec04_con .main_tit .sub_txt{color: #FFF;} #section04 .sec04_con .main_tit h3{color: #FFF; line-height: 1.2;} #section04 .sec04_con .main_tit h3 span{display: block; color: #FFF;} #section04 .com_num{font-size: 36px; color: #fff; font-family: "Kakao Small Sans";} #section04 .sec04_btm{display: flex; gap:20px;} #section04 .sec04_btm > div{margin-inline:10px; flex:1; border-top: 1px solid rgb(255,255,255,.5); border-bottom: 1px solid rgb(255,255,255,.5);} #section04 .sec04_btm a{position:relative; display: block; padding: 30px 40px; color: #fff; z-index:99;} #section04 .sec04_btm .tit_top{display: flex; justify-content: space-between; align-items: center; font-size: 20px; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section04 .sec04_btm .tit_top h4{font-size: 24px;} #section04 .sec04_btm .part_info{font-size: 18px; line-height: 1.4; margin-top: 20px; font-family: "Kakao Small Sans";} #section04 .sec04_btm .part_info span{display: block;} #section04 .sec04_btm .tit_top .ri-arrow-right-line:before{font-size:36px;} #section04 .sec04_btm a:hover .tit_top{padding:0 20px;} /* section05 */ #section05{padding-block:100px;/* padding-bottom: 100px; */} /* #section05 .youtube_wrap{margin-top: 40px; display: flex; gap:40px;} #section05 .youtube_wrap > div{width: 48%;} #section05 .youtube_wrap h4{font-size:36px; color: #222;} #section05 .you_top{margin-top: 40px;} #section05 .you_top iframe{width: 100%; aspect-ratio:1.822 / 1; object-fit:cover; border-radius:10px;} #section05 .you_thumb{margin-top: 40px;} #section05 .you_thumb .swiper-slide img{width: 100%; aspect-ratio:1.777 / 1; object-fit: cover; border-radius: 10px;} #section05 .you_info{margin-top: 20px;} #section05 .you_info .you_title{font-size: 20px; color: #222;} #section05 .you_info .you_desc{padding-top: 10px; font-size: 16px; color: #666; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #section05 .you_btn{display: flex; gap:10px; justify-content: space-between; padding:0 35px; font-size: 18px; color: #005739; border:1px solid #005739; border-radius:30px; margin: 40px auto 0; width: 300px; height:60px; align-items: center; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section05 .you_btn .ri-arrow-right-line:before{font-size:24px;} #section05 .swiper-pagination{position: unset; background: #fff; display: flex; margin-top: 40px;} #section05 .swiper-pagination .swiper-pagination-bullet{margin: 0 !important; border-radius:0; height: 2px; flex:1; background: rgb(0,0,0,.9);} #section05 .swiper-pagination .swiper-pagination-bullet-active{opacity: 0.5; width: 20px;} #section05 .you_btn:hover{color:#fff; background-color:#005739; space-between; padding:0 25px;} #section05 .insta_btn{display: flex; gap:10px; justify-content: space-between; padding:0 35px; font-size: 18px; color: #005739; border:1px solid #005739; border-radius:30px; margin: 40px auto 0; width: 300px; height:60px; align-items: center; transition:all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);} #section05 .insta_btn .ri-arrow-right-line:before{font-size:24px;} #section05 .insta_btn:hover{color:#fff; background-color:#005739; space-between; padding:0 25px;} */ #section05 .sns_wrap {margin-top: 40px;} #section05 .sns_wrap ul {display: flex; gap:40px;} #section05 .sns_wrap ul li {display: flex;height: 320px;padding: 50px 60px;flex-direction: column;justify-content: space-between;align-items: flex-start;flex: 1 0 0; border-radius:20px;} #section05 .sns_wrap ul li:nth-child(1) {background: url('/assets/images/main/sec05_img01.png');} #section05 .sns_wrap ul li:nth-child(2) {background: url('/assets/images/main/sec05_img02.png');} #section05 .sns_wrap ul li .sns_tit {width:100%; display: flex; justify-content: space-between;} #section05 .sns_wrap ul li .sns_tit strong {color: #FFF;font-family: "Kakao Small Sans";font-size: 36px;font-weight: 700;line-height: 36px;} #section05 .sns_wrap .tags{display: flex; gap:10px; flex-wrap: wrap;} #section05 .sns_wrap .tags span {padding: 10px 20px; background: rgba(0, 0, 0, 0.25); border: 1px solid rgba(255, 255, 255, 0.50); display: inline-block; border-radius: 30px; font-size: 16px; line-height:1.6; color:#fff;} /* footer */ #footer .inner{background:#222; max-width:100%; width: calc(100% - 80px); display: flex; flex-direction: column; border-radius:24px; padding:60px 80px; gap:80px; margin-bottom: 20px;} #footer .footer_top{display: flex; justify-content: space-between;align-items: center;} #footer .footer_top .footer_link{display: flex; gap:20px; align-items: center; flex-wrap: wrap;} #footer .footer_top .footer_link a{color: rgba(255, 255, 255, 0.75);font-family: "Kakao Small Sans";font-size: 20px;font-weight: 400;} #footer .footer_top .footer_link a b{color: #fff;font-weight: 70 0;} #footer .footer_top .footer_link span{color: rgba(255, 255, 255, 0.75);font-size: 13px;} #footer .site_wrap{display: flex; gap:10px;} #footer .selbox{position: relative;} #footer .site_wrap a.youtube_link{display: flex; justify-content: space-between;align-items: center; border-radius: 10px;background: #333;width: 64px;height: 64px;padding: 10px 15px;} #footer .site_wrap .selbox{display: flex;width: 240px;padding: 10px 24px;justify-content: space-between;align-items: center; border-radius: 10px;background: #333; font-family: "KakaoSmallSans-Bold";} #footer .site_wrap .selbox a span{color: #FFF;font-size: 18px;font-weight: 700; font-family: "KakaoSmallSans-Bold";} #footer .selbox.active > a:after{transform: translateY(-50%) rotate(180deg);} #footer .selbox > a:after{content:''; position: absolute; top: 50%; transform:translateY(-50%); right: 24px; width:12px; height:12px; background: url(/assets/images/main/main_footer_down_pc.png)center no-repeat; transition: transform 0.3s ease-in-out;} #footer .link-site{display: none; position: absolute; bottom: 84px; left: -1px; z-index: 10; width: 240px; background: #333; padding: 25px 24px; border-radius: 10px; max-height:300px; overflow:auto;} #footer .link-site li a{color: #fff; font-size: 18px; font-family: "Kakao Small Sans"; font-weight: 400;} #footer .link-site li:not(:last-child){margin-bottom: 20px;} #footer .link-site::-webkit-scrollbar {width: 12px; } #footer .link-site::-webkit-scrollbar-track {background: rgba(248, 249, 250, 0.25);border-radius: 10px; border-right: 5px solid #333; } #footer .link-site::-webkit-scrollbar-thumb {background-color: #fff;border-radius: 10px; border-right: 5px solid #333; } #footer .footer_btm{display: flex; justify-content: space-between; align-items: flex-end;} #footer .footer_btm .info p{color: rgba(255, 255, 255, 0.75);font-family: "Kakao Small Sans";font-size: 16px;font-weight: 400;line-height: 22px; word-break:keep-all;} #footer .footer_btm .info p:last-child{margin-top: 20px ;} @media screen and (max-width: 1500px) { #footer .inner{background:#222; max-width:100%; width: calc(100% - 40px); display: flex; flex-direction: column; padding: 35px 45px; border-radius:20px; gap:30px; margin-bottom: 20px;} #footer .footer_top{align-items: flex-start; flex-direction: column; gap:30px;} #footer .footer_top .footer_link{gap:15px;} #footer .footer_top .footer_link a{font-size:1rem;} #footer .site_wrap a.youtube_link{width: 50px; height: 50px; justify-content: center;} #footer .site_wrap a.youtube_link img{width: 25px;} #footer .site_wrap .selbox{width: 100%;} #footer .site_wrap .selbox a span{font-size: 1rem; white-space: nowrap; padding-right: 30px;} #footer .footer_btm{flex-direction: column-reverse; align-items: flex-start; gap:30px;} #footer .footer_btm .info p{font-size: 0.875rem;} #footer .footer_btm .info p:last-child{margin-top:20px;} #footer .link-site{display: none; position: absolute; bottom: 60px; left: -1px; z-index: 10; width: 100%; background: #333; padding: 25px 24px; border-radius: 10px; max-height:250px; overflow:auto;} #footer .link-site li a{color: #fff; font-size: 1rem; font-family: "Kakao Small Sans"; font-weight: 400;} #footer .link-site li:not(:last-child){margin-bottom: 20px;} #footer .link-site::-webkit-scrollbar {width: 12px; } #footer .link-site::-webkit-scrollbar-track {background: rgba(248, 249, 250, 0.25);border-radius: 10px; border-right: 5px solid #333; } #footer .link-site::-webkit-scrollbar-thumb {background-color: #fff;border-radius: 10px; border-right: 5px solid #333; } } /* sub */ #sub_visual_wrap {position:relative;} #sub_visual_wrap .txt_wrap {position:absolute; left:80px; bottom: 60px;} #sub_visual_wrap .txt_wrap h2 {font-size:40px; color:#fff; font-weight:500;} #sub_contents{padding: 100px 0;} #sub_contents .contop{display: flex; justify-content: space-between; margin-bottom: 100px;} #sub_contents .contop h3{font-size: 45px; color: #222;} #sub_contents .contop ul{display: flex; align-items: center; gap:30px;} #sub_contents .contop ul li{position: relative; font-size: 16px; color: #ccc;} #sub_contents .contop ul li:not(:last-child)::after{content:''; position: absolute; right: -20px; top: 50%; transform:translateY(-50%); background: url('/assets/images/sub/sub_nav_arw.png')center no-repeat; background-size:cover; width: 8px; height:12px;} /* sub 곻통 */ ul.type01{display: flex; gap:20px; } ul.type01 li{width:calc(100% / 3); border-radius:20px;display: flex; flex-direction: column; border: 1px solid #E5E5E5;} ul.type02{display: flex; gap:20px; } ul.type02 li{width:calc(100% / 3); border-radius:999px; } ul.type03{display: flex; gap:20px; flex-wrap:wrap;} ul.type03 li{width:calc((100% - 40px) / 3); border:1px solid #E8E8E8; border-radius: 10px;} ul.type05{display: flex; gap:20px; } ul.type05 li{width:calc(100% / 4);border-radius:999px;} .cate_box ul {display:flex; justify-content: center; align-items: center; align-self: stretch; margin-bottom: 100px;} .cate_box ul li {display:flex; justify-content: center; flex: 1 0 0; height:40px; line-height: 40px; position: relative;} .cate_box ul li:after {content:""; position: absolute; top:0; right:0; width: 1px; height: 40px; background: #ccc;} .cate_box ul li:last-child::after {display:none;} .cate_box ul li.on a {color: #072A60; font-size: 20px; font-weight: 700;} .cate_box ul li a {color: #999; font-size: 20px; font-weight: 400; text-align: center;} /* sub0101 */ .sub0101_wrap h3{color: #222;font-family: "Kakao Big Sans";font-size: 30px;font-weight: 700;} .sub0101_wrap .txt_wrap{margin-top: 40px; background:url(/assets/images/sub/s_sub0101_img01.png); background-size:cover; padding:30px; border-radius: 20px;} .sub0101_wrap .txt_wrap p{color: #0064FF;text-align: center;font-family: "Kakao Big Sans";font-size: 36px;font-weight: 700;line-height: 150%;} .sub0101_wrap .txt_wrap span{display: block;margin-top: 15px; color: #222;text-align: center;font-family: "Kakao Big Sans";font-size: 20px;font-weight: 700;line-height: 150%; } .sub0101_wrap .txt_wrap img{display: block; margin:0 auto;} .sub0101_wrap .con02{margin-top: 100px;} .sub0101_wrap .con02 .box_wrap{display: flex; flex-direction: column; gap :40px; margin-top: 40px;} .sub0101_wrap .con02 .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0101_wrap .con03 ul.type04{display: flex; gap:20px; width:100%;} .sub0101_wrap .con03 ul.type04 li{width:calc(100% / 3);} .sub0101_wrap .con03 ul.type04 li .circle{width:220px;height:220px;margin:0 auto 35px;border:1px solid #dedede;border-radius:50%;text-align:center;padding:10px;} .sub0101_wrap .con03 ul.type04 li .circle strong{display:block;width: 200px;height: 200px;border-radius:50%;background: #072A60;color:#fff;font-size:20px;padding-top: 45px;line-height: 1.5;} .sub0101_wrap .con03 ul.type04 li .circle strong span{font-size: 30px;} .sub0101_wrap .con03 ul.type04 li:nth-child(even) .circle strong{background: #0053A0;} .sub0101_wrap .con03 ul.type04 li .txt_box{padding:20px 30px;background:#EDEDED;text-align: left;min-height: 100px;border-top: 5px solid #072A60;position:relative;} .sub0101_wrap .con03 ul.type04 li .txt_box:before{content:'';width:20px;height:17px;background:url('/assets/images/sub/core-triangle01.png') no-repeat center;position:absolute;top:-18px;left:50%;margin-left:-10px;} .sub0101_wrap .con03 ul.type04 li .txt_box p{color: #222;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 400;line-height: 150%; word-break:keep-all; text-align: center;} .sub0101_wrap .con03 ul.type04.gr li .circle strong{display:block;width: 200px;height: 200px;border-radius:50%;background: #005739;color:#fff;font-size:20px;padding-top: 45px;line-height: 1.5;} .sub0101_wrap .con03 ul.type04.gr li:nth-child(even) .circle strong{background: #65B12F;} .sub0101_wrap .con04 ul.type06 {display: flex; gap:20px; width:100%;} .sub0101_wrap .con04 ul.type06 li{width:calc(100% / 4);} .sub0101_wrap .con04 ul.type06 li .top{border-radius: 999px;background: #072A60;display: flex;height: 70px;padding: 20px 0;justify-content: center;align-items: center;gap: 10px; align-self: stretch;color: #FFF;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700;line-height: 150%; /* 30px */} .sub0101_wrap .con04 ul.type06 li .box {margin-top:10px ; border-radius: 10px;border: 1px solid #E8E8E8;background: #FFF; padding: 20px; min-height:182px;} .sub0101_wrap .con04 ul.type06 li .box ul.dot{display: flex; flex-direction: column; gap:10px; } .sub0101_wrap .con04 ul.type06 li .box ul.dot li{position: relative; word-break:keep-all; padding-left: 15px; width:100%;color: #222;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 400;line-height: 150%; /* 30px */} .sub0101_wrap .con04 ul.type06 li .box ul.dot li::before{position: absolute; content:''; width:6px; height:6px; background:#005739; border-radius:100%; top:12px; left:0; } /* sub0102 */ .sub0102_wrap{display: flex; justify-content: space-between;} .sub0102_wrap .left{width:57.14%; display: flex; flex-direction: column; gap:20px; word-break:keep-all;} .sub0102_wrap .left strong{color: #222;font-family: "Kakao Big Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 150%; } .sub0102_wrap .left b{color: #222;font-family: "Kakao Small Sans";font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%; /* 36px */} .sub0102_wrap .left p{color: #666;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 400;line-height: 150%; /* 27px */} .sub0102_wrap .left span{color: #222;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700;line-height: 150%; /* 30px */} .sub0102_wrap .right{border-radius:30px; overflow:hidden; width:520px;} .sub0102_wrap .right > img{width:100%;} /* sub0103 */ .sub0103_wrap h3 {color: #222;font-family: "Kakao Big Sans";font-size: 30px;font-weight: 700;line-height: 30px; margin-bottom: 40px; text-align: center;} /* sub0105 */ .sub0105_wrap h3{color: #222;font-family: "Kakao Big Sans";font-size: 30px;font-weight: 700;} .sub0105_wrap .txt_wrap{margin-top: 40px; background:url(/assets/images/sub/s_sub0101_img01.png); background-size:cover; padding:30px; border-radius: 20px;} .sub0105_wrap .txt_wrap p{color: #222;text-align: center;font-family: "Kakao Big Sans";font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%; /* 36px */} .sub0105_wrap .txt_wrap span{display: block; text-align: center;font-family: "Kakao Big Sans";font-size: 36px;font-weight: 700;line-height: 150%; background: linear-gradient(278deg, #C7DA58 0.1%, #1087F5 99.9%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .sub0105_wrap .txt_wrap img{display: block; margin:0 auto;} .sub0105_wrap .con{margin-bottom: 100px;} .sub0105_wrap .con01 .box_wrap{display: flex; flex-direction: column; gap :40px; margin-top: 40px;} .sub0105_wrap .con01 .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0105_wrap .con01 ul.type06 {display: flex; gap:20px; width:100%;} .sub0105_wrap .con01 ul.type06 li{width:calc(100% / 4);} .sub0105_wrap .con01 ul.type06 li .top{border-radius: 999px;background: #072A60;display: flex;height: 70px;padding: 20px 0;justify-content: center;align-items: center;gap: 10px; align-self: stretch;color: #FFF;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700;line-height: 150%; /* 30px */} .sub0105_wrap .con01 ul.type06 li .box {margin-top:10px ; border-radius: 10px;border: 1px solid #E8E8E8;background: #FFF; padding: 20px; min-height:182px;} .sub0105_wrap .con01 ul.type06 li .box ul.num{display: flex; flex-direction: column; gap:10px; width:100%;} .sub0105_wrap .con01 ul.type06 li .box ul.num li{display: flex; word-break:keep-all;gap:10px; width:100%;color: #222;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 400;line-height: 150%; /* 30px */} /* sub0106 */ .root_daum_roughmap{width:100% !important; height: 500px !important;} .root_daum_roughmap .wrap_map {position: relative;width: 100% !important;height: 500px !important;} .sub0106_wrap .map_wrap{height:500px; border-radius:30px; overflow: hidden; border: 2px solid #E2E2E2;} .sub0106_wrap .map_info{margin-top: 25px; width:100%; background:url('/assets/images/sub/sub0106_img01.png') no-repeat center; background-size:cover; border-radius:30px; display: flex;align-items: center; padding:30px 40px; gap:20px;} .sub0106_wrap .map_info p{color: #222;font-family: "Kakao Small Sans";font-size: 24px;font-weight: 700;line-height: 24px; /* 100% */} .sub0106_wrap .box_wrap, .sub0106_wrap .info_wrap ul{margin-top: 100px; display: flex; gap:30px;} .sub0106_wrap .box_wrap .box{width:calc((100% - 30px) / 2);} .sub0106_wrap .box_wrap .box h2{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;line-height: 30px; /* 100% */} .sub0106_wrap .box_wrap .box .txt_wrap{margin-top: 25px; } .sub0106_wrap .box_wrap .box .txt_wrap p{color: #222;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 400;line-height: 18px; /* 100% */} .sub0106_wrap .box_wrap .box .txt_wrap span{display: block; margin-top: 15px;color: #0053A0;font-family: "Kakao Small Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 16px; /* 100% */} .sub0106_wrap .box_wrap .box ul{margin-top: 25px;} .sub0106_wrap .box_wrap .box ul li{display: flex; gap:16px; align-items: flex-start} .sub0106_wrap .box_wrap .box ul li span{border-radius: 999px;background: #00A4E3;display: flex;padding: 11px 13px;justify-content: center;align-items: center;gap: 10px; color: #FFF;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 700;line-height: 18px; /* 100% */} .sub0106_wrap .box_wrap .box ul li .span_wrap{display: flex; gap:10px;} .sub0106_wrap .box_wrap .box ul li span.bl{background: #0052A4;} .sub0106_wrap .box_wrap .box ul li span.or{background: #EF7C1C;} .sub0106_wrap .box_wrap .box ul li p{color: #222;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 400;line-height: 150%; word-break:keep-all;} .sub0106_wrap .info_wrap ul li{width:calc((100% - 30px) / 2); background:url('/assets/images/sub/sub0106_img02.png') no-repeat center; background-size:cover; border-radius:30px; display: flex; justify-content: space-between;align-items: center; padding:25px; gap:20px; } .sub0106_wrap .info_wrap ul li:last-child{background:url('/assets/images/sub/sub0106_img03.png') no-repeat center; background-size:cover; } .sub0106_wrap .info_wrap ul li .txt{display: flex; justify-content: center; align-items: center; gap:20px;} .sub0106_wrap .info_wrap ul li .txt span{color: #FFF;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700;line-height: 1.5; } .sub0106_wrap .info_wrap ul li p{color: #FFF;font-family: "Kakao Small Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 30px; /* 100% */} /* sub0107 */ .sub0107_wrap .con_tit{color: #222; display: flex; align-items: center ;gap:15px; font-family: "Kakao Big Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 30px; /* 100% */} .sub0107_wrap .con_tit span{display: block;color: #FFF;font-family: "Kakao Big Sans";font-size: 24px;font-style: normal;font-weight: 700;line-height: 24px; width: 56px;height: 56px; line-height: 56px; text-align: center;border-radius: 999px;background: var(--Linear, linear-gradient(278deg, #0053A0 0.1%, #005739 99.9%));} .sub0107_wrap .box_wrap{display: flex; flex-direction: column; gap:20px; margin-top: 40px; } .sub0107_wrap .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%; /* 36px */} .sub0107_wrap .box_wrap .txt_wrap{background:url(/assets/images/sub/s_sub0101_img01.png); background-size:cover; padding:10px; border-radius: 20px;} .sub0107_wrap .box_wrap .txt_wrap p{color: #222;text-align: center;font-family: "Kakao Big Sans";font-size: 32px;font-style: normal;font-weight: 700;line-height: 150%; /* 48px */} .sub0107_wrap ul.type06 {display: flex; gap:20px; width:100%;} .sub0107_wrap ul.type06 li{width:calc(100% / 3);} .sub0107_wrap ul.type06 li .top{border-radius: 10px;background: #072A60;display: flex;height: 70px;padding: 20px 0;justify-content: center;align-items: center;gap: 10px; align-self: stretch;color: #FFF;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700;line-height: 150%; /* 30px */} .sub0107_wrap ul.type06 li .box {margin-top:10px ; border-radius: 10px;border: 1px solid #E8E8E8;background: #FFF; padding: 20px; min-height:182px;} .sub0107_wrap ul.type06 li .box ul.dot{display: flex; flex-direction: column; gap:10px; } .sub0107_wrap ul.type06 li .box ul.dot li{position: relative; word-break:keep-all; padding-left: 15px; width:100%;color: #222;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 400;line-height: 150%; /* 30px */} .sub0107_wrap ul.type06 li .box ul.dot li::before{position: absolute; content:''; width:6px; height:6px; background:#005739; border-radius:100%; top:12px; left:0; } .sub0107_wrap .arrow{display: flex; padding-block:20px; justify-content: center; align-items: center;} .sub0107_wrap .con01 ul.type04 {display: flex;gap: 20px;width: 100%;} .sub0107_wrap .con01 ul.type04 > li {width: calc(100% / 3);display: flex;flex-direction: column;align-items: center;} .sub0107_wrap .con01 ul.type04 li .circle {display: flex;width: 220px;height: 220px;padding: 40px 15px;flex-direction: column;justify-content: center;align-items: center;gap: 10px;aspect-ratio: 1/1;border-radius: 999px;border: 1px solid #DEDEDE;z-index: 0;position: relative;z-index: 0;background: #fff;} .sub0107_wrap .con01 ul.type04 li .box {margin-top: -20px;/* z-index:2; */border-radius: 20px;background: #072A60;display: flex;padding: 35px 30px 30px 30px;flex-direction: column;justify-content: center;align-items: center;gap: 10px;align-self: stretch;color: #FFF;text-align: center;font-family: "Kakao Small Sans";font-size: 28px;font-style: normal;font-weight: 700;line-height: 150%; /* 45px */} .sub0107_wrap .con01 ul.type04 li:nth-child(2) .box {background: #0053A0;} .sub0107_wrap .con01 ul.type04 li:nth-child(3) .box {background: #005739;} .sub0107_wrap .con01 ul.type07 {display: flex;gap: 20px;width: 100%;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;} .sub0107_wrap .con01 ul.type07 li {width: calc((100% - 40px) / 3);display: flex;flex-direction: column;gap: 8px;} .sub0107_wrap .con01 ul.type07 li .square {padding: 20px 30px;border-radius: 10px;background: #072A60;position: relative;text-align: center;} .sub0107_wrap .con01 ul.type07 li:nth-child(even) .square {background: #0053A0;} .sub0107_wrap .con01 ul.type07 li .square strong {color: #FFF;text-align: center;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 700;line-height: 150%;/* 30px */text-align: center;} .sub0107_wrap .con01 ul.type07 li .square:before {content: '';width: 20px;height: 17px;background: url('/assets/images/sub/core-triangle02.png') no-repeat center;position: absolute;bottom: -17px;left: 50%;margin-left: -10px;} .sub0107_wrap .con01 ul.type07 li:nth-child(even) .square:before {content: '';width: 20px;height: 17px;background: url('/assets/images/sub/core-triangle03.png') no-repeat center;position: absolute;bottom: -17px;left: 50%;margin-left: -10px;} .sub0107_wrap .con01 ul.type07 li .txt_box {border-radius: 10px;border: 1px solid #E8E8E8;padding: 25px 20px; min-height:250px;} .sub0107_wrap .con01 ul.type07 li .txt_box ul.dot{display: flex; flex-direction: column; gap:10px; } .sub0107_wrap .con01 ul.type07 li .txt_box ul.dot li{position: relative; word-break:keep-all; padding-left: 15px; width:100%;color: #222;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 400;line-height: 150%; /* 30px */} .sub0107_wrap .con01 ul.type07 li .txt_box ul.dot li::before{position: absolute; content:''; width:6px; height:6px; background:#005739; border-radius:100%; top:12px; left:0; } .sub0107_wrap .con02{margin-top: 100px;} .sub0107_wrap .con02 ul.type04 {display: flex;gap: 20px;width: 100%;} .sub0107_wrap .con02 ul.type04 li {width: calc(100% / 3);} .sub0107_wrap .con02 ul.type04 li .circle {width: 300px;height: 300px;margin: 0 auto 35px;border: 1px solid #dedede;border-radius: 50%;text-align: center;padding: 10px;} .sub0107_wrap .con02 ul.type04 li .circle strong {display: block;width: 280px;height: 280px;border-radius: 50%;background: #072A60;color: #fff;font-size: 20px;padding-top: 65px;line-height: 1.5;} .sub0107_wrap .con02 ul.type04 li .circle strong span{display: block; margin-bottom: 10px ;color: #FFF;text-align: center;font-family: "Kakao Small Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 150%; /* 45px */} .sub0107_wrap .con02 ul.type04 li:nth-child(even) .circle strong {background: #0053A0;} .sub0107_wrap .con02 ul.type04 li .txt_wrap01{width:100%} .sub0107_wrap .con02 ul.type04 li .txt_box {padding: 10px 30px;background: #072A60;text-align: left;position: relative; color:#fff;color: #FFF;text-align: center;font-family: "Kakao Small Sans";font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%; /* 36px */} .sub0107_wrap .con02 ul.type04 li:nth-child(even) .txt_box {background: #0053A0;} .sub0107_wrap .con02 ul.type04 li .txt_box:before {content: '';width: 20px;height: 17px;background: url('/assets/images/sub/core-triangle01.png') no-repeat center;position: absolute;top: -17px;left: 50%;margin-left: -10px;} .sub0107_wrap .con02 ul.type04 li:nth-child(even) .txt_box:before {content: '';width: 20px;height: 17px;background: url('/assets/images/sub/core-triangle08.png') no-repeat center;position: absolute;top: -17px;left: 50%;margin-left: -10px;} .sub0107_wrap .con02 ul.type04 li .txt_box p {color: #222;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 400;line-height: 150%;word-break: keep-all;} .sub0107_wrap .con02 ul.type04 li .p_box{ background: #EDEDED;padding: 20px 30px;color: #222;text-align: center;font-family: "Kakao Small Sans";font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%; /* 27px */ } .sub0107_wrap .con02 .gr_box{ height: 90px; line-height: 90px; border-radius: 999px;color: #FFF;font-weight: 700;text-align: center;font-family: "Kakao Small Sans";font-size: 32px;border-top: 1px solid #E8E8E8;border-right: 1px solid #E8E8E8;border-left: 1px solid #E8E8E8;background: linear-gradient(90deg, #005739 0%, #072A60 100%);} .sub0107_wrap .con03{margin-top: 100px;} .sub0107_wrap .con03 ul.type04 li .box{background:none !important; padding:0; padding-top: 10px; z-index:-1;} .sub0107_wrap .con03 ul.type04 li .circle span{color: #222;text-align: center;font-family: "Kakao Small Sans";font-size: 24px;font-weight: 700;line-height: 150%; } .sub0107_wrap .con03 ul.type04 ul.box_list {display: flex; flex-direction: column; gap:5px; width: 100%;} .sub0107_wrap .con03 ul.type04 ul.box_list li{border-radius:999px; background: #072A60; text-align: center; position: relative; padding:15px;} .sub0107_wrap .con03 ul.type04 ul.box_list li span{position: absolute;width: 40px;height: 40px; background:#fff; border-radius:100%; color:#072A60; left:15px; text-align: center; font-size: 20px; font-weight: 700; line-height: 40px;} .sub0107_wrap .con03 ul.type04 ul.box_list li p{font-size: 20px;} .sub0107_wrap .con03 ul.type04 ul.box_list.sky li{background: #0053A0;} .sub0107_wrap .con03 ul.type04 ul.box_list.green li{background: #005739;} .sub0107_wrap .con04{margin-top: 100px;} .sub0107_wrap .con04 .square_box{border-radius: 99px;padding-block:20px;background: #F6F6F6;color: #222; text-align: center;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700;} .sub0107_wrap .con04 .square_box span{color: #666;text-align: center; display: block; margin-top: 10px;font-family: "Kakao Small Sans";font-size: 18px;font-style: normal;font-weight: 400;} .sub0107_wrap .con05 .txt_wrap.pd30{padding:30px;} .sub0107_wrap .con05 .txt_wrap strong{ display: block; text-align: center; font-size: 36px;font-style: normal;font-weight: 700; background: linear-gradient(278deg, #C7DA58 0.1%, #1087F5 99.9%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .sub0107_wrap .con05 .txt_wrap b{display: block; text-align: center; color: #222;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700; margin-top: 10px;} .sub0107_wrap .con05 ul.type07 li{ width: calc((100% - 20px) / 2);} .sub0107_wrap .con05 ul.type07 li .txt_box {min-height:auto;} .sub0107_wrap .con05 ul.type07 li .txt_box ul.dot{display: flex; flex-wrap:wrap; flex-direction: row;} .sub0107_wrap .con05 ul.type07 li .txt_box ul.dot li{ width:49%;} .sub0107_wrap .con01 ul.type08 {display: flex;gap: 20px;width: 100%;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;} .sub0107_wrap .con01 ul.type08 li {width:100%;display: flex;flex-direction: column;gap: 8px;} .sub0107_wrap .con01 ul.type08 li .square {padding: 20px 30px;border-radius: 10px;background: #072A60;position: relative;text-align: center;} .sub0107_wrap .con01 ul.type08 li .square strong {color: #FFF;text-align: center;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 700;line-height: 150%;/* 30px */text-align: center;} .sub0107_wrap .con01 ul.type08 li .square:before {content: '';width: 20px;height: 17px;background: url('/assets/images/sub/core-triangle02.png') no-repeat center;position: absolute;bottom: -17px;left: 50%;margin-left: -10px;} .sub0107_wrap .con01 ul.type08 .txt_wrap02{display: flex; gap:20px;} .sub0107_wrap .con01 ul.type08 li .txt_box {width:calc((100% - 20px) / 2); border-radius: 10px;border: 1px solid #E8E8E8;padding: 25px 20px; min-height:auto;} .sub0107_wrap .con01 ul.type08 li .txt_box ul.dot{display: flex; flex-direction: column; gap:10px; } .sub0107_wrap .con01 ul.type08 li .txt_box ul.dot li{position: relative; word-break:keep-all; padding-left: 15px; width:100%;color: #222;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 400;line-height: 150%; /* 30px */} .sub0107_wrap .con01 ul.type08 li .txt_box ul.dot li::before{position: absolute; content:''; width:6px; height:6px; background:#005739; border-radius:100%; top:12px; left:0; } .sub0107_wrap .con01 ul.type08 li .txt_box p{color: #222;text-align: left;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700; margin-bottom: 20px;line-height: 150%; /* 30px */} .sub0107_wrap .con01 ul.type08 li .img_box{display: block; margin:0 auto;} .sub0107_wrap .con06 ul.type07 li{ width: calc((100% - 20px) / 2);} .sub0107_wrap .con06 ul.type07 li .txt_box {min-height: 205px;} /* sub0301 */ .sub0301_wrap h3{color: #222;font-family: "Kakao Big Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 30px; /* 100% */} .sub0301_wrap .con01 .box{margin-top: 40px;background:url('/assets/images/sub/sub0301_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center;align-items: center;} .sub0301_wrap .con01 .box p{color: #222;text-align: center;font-family: "Kakao Big Sans";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .sub0301_wrap .con02{margin-top: 100px;} .sub0301_wrap .con02 .box_wrap{display: flex; gap :20px; margin-top: 40px;} .sub0301_wrap .con02 .box_wrap .tit{width:405px;} .sub0301_wrap .con02 .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0301_wrap .con02 ul.type04{display: flex; gap:20px; width:100%;} .sub0301_wrap .con02 ul.type04 > li{width:calc(100% / 3);display: flex; flex-direction: column; align-items: center;} .sub0301_wrap .con02 ul.type04 li .circle{display: flex;width: 220px;height: 220px;padding: 40px 15px;flex-direction: column;justify-content: flex-end;align-items: center;gap: 10px; aspect-ratio: 1/1;border-radius: 999px;border: 1px solid #DEDEDE; z-index:0; position: relative;z-index: 0;background: #fff;} .sub0301_wrap .con02 ul.type04 li .circle p{color: #222;text-align: center;font-family: "Kakao Small Sans";font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%; /* 36px */} .sub0301_wrap .con02 ul.type04 li .box{margin-top: -20px; /* z-index:2; */border-radius: 20px;background: #072A60; display: flex;padding: 35px 30px 30px 30px;flex-direction: column;justify-content: center;align-items: center;gap: 10px;align-self: stretch;} .sub0301_wrap ul.dot {display: flex; flex-direction: column; gap:10px;} .sub0301_wrap ul.dot li {color: #FFF;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 400;line-height: 100%; position: relative;padding-left: 15px;} .sub0301_wrap ul.dot li:before{position: absolute; content:''; width: 6px;height: 6px; background: #FFF; border-radius:100%;opacity: 0.5; top:50%; left:0; transform:translateY(-50%); } .sub0301_wrap .con02 ul.type04 li:nth-child(2) .box{background: #0053A0;} .sub0301_wrap .con02 ul.type04 li:nth-child(3) .box{background: #005739;} .sub0301_wrap .con03 {margin-top: 100px;} .sub0301_wrap .con03 .box_wrap{display: flex; gap :20px; margin-top: 40px; flex-direction: column;} .sub0301_wrap .con03 .box_wrap .tit{width:405px;} .sub0301_wrap .con03 .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0301_wrap .con03 ul.type07{display: flex; gap:20px; width:100%;flex-wrap:wrap; justify-content: space-between;align-items: flex-start;align-content: center; } .sub0301_wrap .con03 ul.type07 li{width:calc((100% - 40px) / 2); display: flex; flex-direction: column; gap:8px;} .sub0301_wrap .con03 ul.type07 li .square{padding: 20px 30px; background: #072A60; position:relative; text-align: center;} .sub0301_wrap .con03 ul.type07 li:first-child .square {background: #005739;} .sub0301_wrap .con03 ul.type07 li .square strong{color: #FFF;text-align: center;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 700;line-height: 150%; /* 30px */ text-align: center;} .sub0301_wrap .con03 ul.type07 li table {border: 1px solid #E8E8E8; word-break:keep-all;} .sub0301_wrap .con03 ul.type07 li table tr td {padding: 20px 25px; border: 1px solid #E8E8E8; color: #222; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%; /* 24.3px */} .sub0301_wrap .con03 ul.type07 li:first-child table tr td {padding:43.5px 25px;} .sub0301_wrap .con03 ul.type07 li table tr td.td_left {text-align: left;} .sub0301_wrap .con04 {margin-top: 100px;} .sub0301_wrap .con04 .box_wrap{display: flex; gap :20px; margin-top: 40px; flex-direction: column;} .sub0301_wrap .con04 .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0301_wrap .con04 .sub_tit {width:405px;} .sub0301_wrap .con04 .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%; /* 36px */} .sub0301_wrap .con04 .process_wrap {display:flex; justify-content: space-between; position: relative;} .sub0301_wrap .con04 .process_wrap .p_box {display:flex; flex-direction: column; align-items: center;} .sub0301_wrap .con04 .process_wrap .p_box:first-child {margin-left: 50px;} .sub0301_wrap .con04 .process_wrap .p_box:nth-child(6) {margin-right: 50px;} .sub0301_wrap .con04 .process_wrap .p_box .top_box {display: flex; width: 200px; padding: 20px 0; flex-direction: column; justify-content: center; align-items: center; gap: 10px; align-self: stretch; border-radius: 20px; background: #F6F6F6;} .sub0301_wrap .con04 .process_wrap .p_box .top_box p {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700;} .sub0301_wrap .con04 .process_wrap .p_box .bot_box {display: flex; width: 200px; padding: 20px 0; flex-direction: column; justify-content: center; align-items: center; gap: 10px; align-self: stretch; position: relative;} .sub0301_wrap .con04 .process_wrap .p_box .bot_box p {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700;} .sub0301_wrap .con04 .process_wrap .p_box .bot_box:nth-child(even) {padding: 40px 0 143px;} .sub0301_wrap .con04 .process_wrap .p_box .bot_box:nth-child(odd) {padding: 143px 0 40px;} .sub0301_wrap .con04 .process_wrap .p_box .bot_box:nth-child(even)::before {content:""; position: absolute; top:11px; display: flex; padding: 5px; align-items: center; gap: 10px; border-radius: 50%; border: 2px solid #005739; background: #FFF;} .sub0301_wrap .con04 .process_wrap .p_box .bot_box:nth-child(even)::after {content:""; position: absolute; top:15px; display: flex; align-items: center; width:6px; height:6px; border-radius: 50%; background: #005739;} .sub0301_wrap .con04 .process_wrap .p_box .bot_box:nth-child(odd)::before {content:""; position: absolute; bottom:8px; display: flex; padding: 5px; align-items: center; gap: 10px; border-radius: 50%; border: 2px solid #005739; background: #FFF;} .sub0301_wrap .con04 .process_wrap .p_box .bot_box:nth-child(odd)::after {content:""; position: absolute; bottom:12px; display: flex; align-items: center; width:6px; height:6px; border-radius: 50%; background: #005739;} .sub0301_wrap .con04 .process_wrap p.line {position: absolute; top:50%; width:100%; height:1px; background: #d9d9d9; z-index: -1;} .setting_progress_box{position: relative;display:flex; flex-wrap:wrap; gap:28px;} .setting_progress_box .box{width: calc(16.6666% - 23.4px);position: relative;text-align:center;display: flex;flex-direction: column;gap: 100px;} .setting_progress_box .box .img{width:100%; max-width:200px; height:200px; background:#F6F6F6; border-radius:20px; padding-block:20px;display:flex; flex-direction:column; align-items:center; justify-content:center;} .setting_progress_box .box .img p{font-size:20px; color:#222} .setting_progress_box .box .progress_box{position:absolute;left:0; right:0;top:50%; transform: translateY(-50%); height:0; z-index:1;padding-top:0;} .setting_progress_box .box .progress_box .dot{position:absolute;left:50%; top:0;width:13px; height:13px; border-radius:50%;transform: translate(-50%, -50%);background:#EFEFFB; transition:.3s;} .setting_progress_box .box .progress_box .bar{position:absolute;left:50%; top:0; transform: translateY(-50%);height:1px; background:#CCDDD7; z-index:-1; transition:.3s;width:0;} .setting_progress_box .box:not(:last-child) .progress_box .bar{width: calc(100% + 28px);} /* 진행중 상태 */ .setting_progress_box .box .progress_box .bar .fill{ position:absolute; left:0; top:0; height:1px; width:0; background:#005739; display:none; } .setting_progress_box .box.active .progress_box .bar .fill{ display:block; animation: fillAnimation 3s linear forwards; } @keyframes fillAnimation{ from{width:0} to{width:100%} } .setting_progress_box .box.active .progress_box .dot{ background:#005739; } .setting_progress_box .box.active .progress_box .dot::after{ content:''; position:absolute; left:50%; top:50%; width:210%; height:210%; transform:translate(-50%,-50%); background:#005739; opacity:.3; filter:blur(4.5px); } .setting_progress_box .box .alt_box .tit{font-size:20px; color:#333; font-weight:600; opacity:.3; transition:.3s} .setting_progress_box .box.active .alt_box .tit{color:#005739; opacity:1} .setting_progress_box .box .top_box{height:200px; flex-shrink: 0;} .setting_progress_box .box .step_box{display: flex; flex-direction: column; gap:10px;} .sub0301_wrap .con04 .tbl01 {width:100%; margin-top: 40px;} .sub0301_wrap .con04 .tbl01 thead {background: linear-gradient(90deg, #005739 0%, #072A60 100%);} .sub0301_wrap .con04 .tbl01 thead th {padding: 20px 30px; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 100%; /* 30px */ border: 1px solid #E8E8E8;} .sub0301_wrap .con04 .tbl01 td {padding: 20px 25px; border: 1px solid #E8E8E8; color: #222; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%; /* 24.3px */} .sub0301_wrap .con05 {margin-top: 100px;} .sub0301_wrap .con05 .box_wrap{display: flex; gap :20px; margin-top: 40px; flex-direction: column;} .sub0301_wrap .con05 .tit{width:405px;} .sub0301_wrap .con05 .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0301_wrap .con05 .info_wrap {width:100%;} .sub0301_wrap .con05 .info_wrap ul {display:flex; gap:30px; align-self: stretch;} .sub0301_wrap .con05 .info_wrap ul li{background:url('/assets/images/sub/sub0301_img02.png') no-repeat center; background-size:cover; border-radius:30px; display: flex; justify-content: space-between;align-items: center; padding:30px 40px; gap:20px; flex: 1 0 0;} .sub0301_wrap .con05 .info_wrap ul li:last-child{background:url('/assets/images/sub/sub0301_img03.png') no-repeat center; background-size:cover; } .sub0301_wrap .con05 .info_wrap ul li span{color: #FFF;font-family: "Kakao Small Sans";font-size: 20px;font-style: normal;font-weight: 700;line-height: 20px; /* 100% */} .sub0301_wrap .con05 .info_wrap ul li p{color: #FFF;font-family: "Kakao Small Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 30px; /* 100% */} /* sub0302 */ .sub0302_wrap .box_wrap {display:flex; justify-content: center;} .sub0302_wrap .box_wrap .right_box {display:flex; align-items: center;} .sub0302_wrap .box_wrap .right_box .bg_box {display:flex; flex-direction: column; justify-content: center; width: 1400px; height: 420px; padding: 50px 60px; border-radius: 0 0 100px 0; background: linear-gradient(115deg, #005739 17.85%, #072A60 82.15%); box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10); position: relative; overflow:hidden;} .sub0302_wrap .box_wrap .right_box .bg_box:after {content:""; position: absolute; right: -40px; bottom: -120px; width: 342px; height: 400px; background: url('/assets/images/sub/sub0302_icon02.png');} .sub0302_wrap .box_wrap .right_box .bg_box strong {display:block; color: #FFF; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 30px; margin-bottom: 40px;} .sub0302_wrap .box_wrap .right_box .bg_box p {color: #FFF; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%; margin-bottom: 80px;} .sub0302_wrap .box_wrap .right_box .bg_box a {display: flex; width: 240px; padding: 10px 36px; justify-content: space-between; align-items: center; border-radius: 99px; border: 1px solid #FFF; color: #FFF; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 40px;} /* @media screen and (max-width: 1600px) { .sub0302_wrap .box_wrap {flex-direction: row; align-items: center;} .sub0302_wrap .box_wrap .left_box {width:45%;} .sub0302_wrap .box_wrap .right_box {justify-content: center; transform: translateX(0);} } */ /* sub0303 */ .sub0303_wrap h3{color: #222;font-family: "Kakao Big Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 30px; /* 100% */} .sub0303_wrap .con01 .box{margin-top: 40px;background:url('/assets/images/sub/sub0303_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center;align-items: center;} .sub0303_wrap .con01 .box p{color: #222;text-align: center;font-family: "Kakao Big Sans";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .sub0303_wrap .con02 {margin-top: 100px;} .sub0303_wrap .con02 .box_wrap{display: flex; gap: 40px; margin-top: 40px; flex-direction: column;} .sub0303_wrap .con02 .box_wrap .tit{width:405px;} .sub0303_wrap .con02 .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0303_wrap .con02 .ul_wrap {width:100%;} .sub0303_wrap .con02 .pc_ul {display:block;} .sub0303_wrap .con02 .tab_ul {display:none;} .sub0303_wrap .con02 .mob_ul {display:none;} .sub0303_wrap .con02 ul.type05 {width:100%;} .sub0303_wrap .con02 ul.type05 li{background: #005739; color: #FFF;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 700; text-align: center; padding:20px 0; width:100%;} .sub0303_wrap .con02 ul.type05.blue li{background: #072A60; color: #FFF;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 700; text-align: center; padding:20px 0; width:100%;} .sub0303_wrap .con02 ul.type03 {margin-top: 10px; width:100%;} .sub0303_wrap .con02 ul.type03 li{width:calc((100% - 60px) / 4); border:1px solid #E8E8E8; border-radius: 10px; color: #222; font-family: "Kakao Small Sans"; font-size: 20px; line-height: 30px; word-break:keep-all; text-align: left; padding:20px;} .sub0303_wrap .con02 ul.type03 li p{position: relative; padding-left: 15px; margin-bottom: 10px;} .sub0303_wrap .con02 ul.type03 li p:last-child {margin-bottom: 0;} .sub0303_wrap .con02 ul.type03 li p:before{position: absolute; content:''; width: 6px; height: 6px; border-radius:100%; background:#005739; top:12px; left:0px; } /* sub0304 */ .sub0304_wrap h3{color: #222;font-family: "Kakao Big Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 30px; /* 100% */} .sub0304_wrap .con01 .box{margin-top: 40px;background:url('/assets/images/sub/sub0303_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center;align-items: center;} .sub0304_wrap .con01 .box p{color: #222;text-align: center;font-family: "Kakao Big Sans";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */} .sub0304_wrap .con02 {margin-top: 100px;} .sub0304_wrap .con02 .box_wrap{display: flex; gap :20px; margin-top: 40px; flex-direction: column;} .sub0304_wrap .con02 .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0304_wrap .con02 .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%; /* 36px */} .sub0304_wrap .con02 ul.type04{display: flex; gap:20px; width:100%; flex-wrap: wrap; justify-content: center;} .sub0304_wrap .con02 ul.type04 li{width:32%;} .sub0304_wrap .con02 ul.type04 li .circle{width:220px;height:220px;margin:0 auto 35px;border:1px solid #dedede;border-radius:50%;text-align:center;padding:10px;} .sub0304_wrap .con02 ul.type04 li .circle strong{display:block;width: 200px;height: 200px;border-radius:50%;background: #072A60;color:#fff;font-size:20px;padding-top: 65px;line-height: 1.5;} .sub0304_wrap .con02 ul.type04 li:nth-child(even) .circle strong{background: #0053A0;} .sub0304_wrap .con02 ul.type04 li .txt_box{padding:20px 30px;background:#EDEDED;text-align: center;min-height: 100px;border-top: 5px solid #072A60;position:relative;} .sub0304_wrap .con02 ul.type04 li .txt_box:before{content:'';width:20px;height:17px;background:url('/assets/images/sub/core-triangle01.png') no-repeat center;position:absolute;top:-18px;left:50%;margin-left:-10px;} .sub0304_wrap .con02 ul.type04 li .txt_box p{color: #222;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 400;line-height: 150%; word-break:keep-all;} .sub0304_wrap .con03 {margin-top: 100px;} .sub0304_wrap .con03 .box_wrap{display: flex; gap :20px; margin-top: 40px; flex-direction: column;} .sub0304_wrap .con03 .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0304_wrap .con03 .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%; /* 36px */} .sub0304_wrap .con03 ul.type06{display: flex; gap:20px; width:100%; justify-content: center;align-items: center;align-content: center; flex-wrap: wrap;} .sub0304_wrap .con03 ul.type06 li{width:calc((100% - 60px) / 4);display: flex; flex-direction: column; gap:8px; } .sub0304_wrap .con03 ul.type06 li .square{padding: 20px 30px; border-radius: 10px; position:relative; text-align: center;} .sub0304_wrap .con03 ul.type06 li:nth-child(1) .square{background: #005739; } .sub0304_wrap .con03 ul.type06 li:nth-child(2) .square{background: #034946; } .sub0304_wrap .con03 ul.type06 li:nth-child(3) .square{background: #033C4F; } .sub0304_wrap .con03 ul.type06 li:nth-child(4) .square{background: #072A60; } .sub0304_wrap .con03 ul.type06 li .square strong{color: #FFF;text-align: center;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 700;line-height: 150%; /* 30px */ text-align: center;} .sub0304_wrap .con03 ul.type06 li:nth-child(1) .square:before{content:'';width:20px;height:17px;background:url('/assets/images/sub/core-triangle04.png') no-repeat center;position:absolute;bottom:-17px;left:50%;margin-left:-10px;} .sub0304_wrap .con03 ul.type06 li:nth-child(2) .square:before{content:'';width:20px;height:17px;background:url('/assets/images/sub/core-triangle05.png') no-repeat center;position:absolute;bottom:-17px;left:50%;margin-left:-10px;} .sub0304_wrap .con03 ul.type06 li:nth-child(3) .square:before{content:'';width:20px;height:17px;background:url('/assets/images/sub/core-triangle06.png') no-repeat center;position:absolute;bottom:-17px;left:50%;margin-left:-10px;} .sub0304_wrap .con03 ul.type06 li:nth-child(4) .square:before{content:'';width:20px;height:17px;background:url('/assets/images/sub/core-triangle07.png') no-repeat center;position:absolute;bottom:-17px;left:50%;margin-left:-10px;} .sub0304_wrap .con03 ul.type06 li .txt_box{border-radius: 10px;border: 1px solid #E8E8E8; padding:25px 20px;} .sub0304_wrap .con03 ul.type06 li .txt_box p{color: #222;text-align: left;font-family: "Kakao Small Sans";font-size: 20px;font-weight: 400;line-height: 150%; position: relative; padding-left: 15px; margin-bottom: 10px;} .sub0304_wrap .con03 ul.type06 li .txt_box p:last-child {margin-bottom: 0;} .sub0304_wrap .con03 ul.type06 li .txt_box p:before{position: absolute; content:''; width: 6px; height: 6px; border-radius:100%; background:#005739; top:12px; left:0px; } .sub0304_wrap .con03 .box {display: flex; padding: 20px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; border-radius: 99px; background: #F6F6F6; text-align: center; margin-top: 20px;} .sub0304_wrap .con03 .box strong {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 150%;} .sub0304_wrap .con03 .box em {color: #666; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 150%;} .sub0304_wrap .con03 .box span {font-weight: 400;} .sub0304_wrap .con04 {margin-top: 100px;} .sub0304_wrap .con04 .box_wrap{display: flex; gap :20px; margin-top: 40px; flex-direction: column;} .sub0304_wrap .con04 .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0304_wrap .con04 .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%; /* 36px */} .sub0304_wrap .con04 .img_box img {width:100%;} .sub0304_wrap .con04 ul.type04{display: flex; gap:20px; width:100%; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 40px;} /* .sub0304_wrap .con04 ul.type04 li{width:32%;} */ .sub0304_wrap .con04 ul.type04 li .circle{width:235px;height:235px; border:1px solid #dedede; border-radius:50%; text-align:center; padding:15px;} .sub0304_wrap .con04 ul.type04 li .circle strong{display:flex; align-items: center; justify-content: center; width: 205px; height: 205px; border-radius:50%; color:#fff; font-size:20px; line-height: 1.5;} .sub0304_wrap .con04 ul.type04 li:nth-child(7) .circle{width:355px; height:235px; border: 5px solid transparent; background:linear-gradient(white, white) padding-box, linear-gradient(90deg, #0053A0 0.1%, #005739 99.9%) border-box; border-radius:150px; text-align:center; padding:11px;} .sub0304_wrap .con04 ul.type04 li:nth-child(7) .circle strong{display:flex; align-items: center; justify-content: center; width:325px; height: 205px; border-radius:100px; color:#fff; font-size:20px; line-height: 1.5; padding: 15px 0;} .sub0304_wrap .con04 ul.type04 li:nth-child(1) .circle strong{background: #005739;} .sub0304_wrap .con04 ul.type04 li:nth-child(3) .circle strong{background: #0053A0;} .sub0304_wrap .con04 ul.type04 li:nth-child(5) .circle strong{background: #072A60;} .sub0304_wrap .con04 ul.type04 li:nth-child(7) .circle strong{background: var(--Linear, linear-gradient(278deg, #0053A0 0.1%, #005739 99.9%));} .sub0304_wrap .con04 .tbl01 {width:100%; margin-top: 40px;} .sub0304_wrap .con04 .tbl01 thead {background: linear-gradient(90deg, #005739 0%, #072A60 100%);} .sub0304_wrap .con04 .tbl01 thead th {padding: 20px 30px; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 150%; /* 30px */ border: 1px solid #E8E8E8;} .sub0304_wrap .con04 .tbl01 td {padding: 20px 25px; border: 1px solid #E8E8E8; color: #222; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%; /* 24.3px */} .sub0304_wrap .con04 .tbl01 td ul li {text-align: center;} .sub0304_wrap .con04 .tbl01 td ul li p {display:inline-block; position: relative; padding-left: 15px;} .sub0304_wrap .con04 .tbl01 td ul li p:before{position: absolute; content:''; width: 6px; height: 6px; border-radius:100%; background:#005739; top:12px; left:0px; } /* sub0306 */ .sub0306_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 30px;} .sub0306_wrap .con01 .box {background:url('/assets/images/sub/sub0303_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 40px; } .sub0306_wrap .con01 .box p {color: #222; text-align: center; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%;} .sub0306_wrap .con02 {margin-top: 100px;} .sub0306_wrap .con02 .box {padding: 30px 40px; border-radius: 10px; border: 1px solid #E8E8E8; margin-top: 40px;} .sub0306_wrap .con02 .box ul {display:flex; flex-direction: column; gap:10px;} .sub0306_wrap .con02 .box ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 150%; position: relative; padding-left: 15px;} .sub0306_wrap .con02 .box ul li:before {content:""; position: absolute; top:12px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0306_wrap .con03 {margin-top: 100px;} .sub0306_wrap .con03 .box_wrap {margin-top: 40px;} .sub0306_wrap .con03 ul.type04{display: flex; gap:20px; width:100%;} .sub0306_wrap .con03 ul.type04 > li {width:calc(100% /4);} .sub0306_wrap .con03 ul.type04 > li .circle{width:230px; height:230px; margin:0 auto 35px; border:1px solid #dedede; border-radius:50%; text-align:center; padding:15px; position: relative;} .sub0306_wrap .con03 ul.type04 > li .circle:after {content:""; position: absolute; top: 47%; right: -32%;width: 16px; height:22px; background: url('/assets/images/sub/sub0306_icon01.png');} .sub0306_wrap .con03 ul.type04 > li:last-child .circle:after {display:none;} .sub0306_wrap .con03 ul.type04 > li .circle strong{display:block; width: 200px; height: 200px; border-radius:50%; background: #072A60; color:#fff; font-size:20px; /* padding-top: 65px; */ line-height: 1.5; padding:35px 0 15px 0;} .sub0306_wrap .con03 ul.type04 > li .circle strong em {display:block; font-size: 30px; font-weight: 700;} .sub0306_wrap .con03 ul.type04 > li:nth-child(even) .circle strong {background: #0053A0;} .sub0306_wrap .con03 ul.type04 > li .txt_box{padding:20px 30px;background:#EDEDED; text-align: left; min-height: 100px; border-top: 5px solid #072A60; position:relative;} .sub0306_wrap .con03 ul.type04 > li .txt_box:before {content:''; width:20px; height:17px; background:url('/assets/images/sub/core-triangle01.png') no-repeat center; position:absolute; top:-18px; left:50%; margin-left:-10px;} .sub0306_wrap .con03 ul.type04 > li .txt_box ul {width:100%;} .sub0306_wrap .con03 ul.type04 > li .txt_box ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 150%; word-break:keep-all; position: relative; padding-left: 15px;} .sub0306_wrap .con03 ul.type04 > li .txt_box ul li:before {content:""; position: absolute; top:12px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0306_wrap .con04 {margin-top: 100px;} .sub0306_wrap .con04 .tbl_box {margin-top: 40px;} .sub0306_wrap .con04 .tbl01 {width:100%;} .sub0306_wrap .con04 .tbl01 thead {background: linear-gradient(90deg, #005739 0%, #072A60 100%);} .sub0306_wrap .con04 .tbl01 thead th {padding: 20px 30px; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 100%; /* 30px */ border: 1px solid #E8E8E8;} .sub0306_wrap .con04 .tbl01 td {padding: 20px 25px; border: 1px solid #E8E8E8; color: #222; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%; /* 24.3px */} .sub0306_wrap .con05 {margin-top: 100px;} .sub0306_wrap .con05 .box {padding: 30px 40px; border-radius: 10px; border: 1px solid #E8E8E8; margin-top: 40px;} .sub0306_wrap .con05 .box ul {display:flex; flex-direction: column; gap:10px;} .sub0306_wrap .con05 .box ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 150%; position: relative; padding-left: 15px;} .sub0306_wrap .con05 .box ul li:before {content:""; position: absolute; top:12px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} /* sub0308 */ .sub0308_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 30px;} .sub0308_wrap .con01 .box {background:url('/assets/images/sub/sub0303_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 40px;} .sub0308_wrap .con01 .box p {color: #222; text-align: center; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%;} .sub0308_wrap .con02 {margin-top: 100px;} .sub0308_wrap .con02 .box {background:url('/assets/images/sub/sub0303_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 40px;} .sub0308_wrap .con02 .box p {color: #222; text-align: center; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%;} .sub0308_wrap .con03 {margin-top: 100px;} .sub0308_wrap .con03 .tbl_box {margin-top: 40px;} .sub0308_wrap .con03 .tbl01 {width:100%;} .sub0308_wrap .con03 .tbl01 thead {background: linear-gradient(90deg, #005739 0%, #072A60 100%);} .sub0308_wrap .con03 .tbl01 thead th {padding: 20px 30px; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 100%; /* 30px */ border: 1px solid #E8E8E8;} .sub0308_wrap .con03 .tbl01 td {padding: 20px 25px; border: 1px solid #E8E8E8; color: #222; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%; /* 24.3px */} .sub0308_wrap .con04 {margin-top: 100px;} .sub0308_wrap .con04 .box_wrap {margin-top: 20px;} .sub0308_wrap .con04 ul.type04{display: flex; align-items: center; gap:15px; width:100%;} .sub0308_wrap .con04 ul.type04 > li:nth-child(even) {margin-top: -25px;} .sub0308_wrap .con04 ul.type04 > li .circle{width:244px; height:244px; border:1px solid #dedede; border-radius:50%; text-align:center; padding:15px;} .sub0308_wrap .con04 ul.type04 > li .circle strong{display:flex; justify-content: center; align-items: center; width: 214px; height: 214px; border-radius:50%; background: #005739; color:#fff; font-size:20px; line-height: 150%; padding-top: 5px;} .sub0308_wrap .con04 ul.type04 > li:nth-child(3) .circle strong {background: #072A60;} .sub0308_wrap .con04 ul.type04 > li:nth-child(7) .circle strong {background: #072A60;} /* sub0401 */ .sub0401_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 135%;} .sub0401_wrap .con01 .img_box {margin-top: 40px;} .sub0401_wrap .con01 .img_box img {width:100%;} .sub0401_wrap .con01 .box {width:100%; padding: 30px 40px; border-radius: 10px;border: 1px solid #E8E8E8; margin-top: 40px;} .sub0401_wrap .con01 .box ul li {color: #222;font-family: "Kakao Small Sans";font-size: 20px;line-height: 150%; position: relative; padding-left: 15px; word-break:keep-all;} .sub0401_wrap .con01 .box ul li:before {content:""; position: absolute; top:12px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} /* sub0402 */ .sub0402_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 135%;} .sub0402_wrap .con01 .box {background:url('/assets/images/sub/sub0402_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap:15px; margin-top: 40px;} .sub0402_wrap .con01 .box strong {color: #005739; text-align: center; font-family: "Kakao Big Sans"; font-size: 32px; font-weight: 700; line-height: 150%;} .sub0402_wrap .con01 .box p {color: #222; text-align: center; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%;} .sub0402_wrap .con02 {margin-top: 100px;} .sub0402_wrap .con02 .box_wrap {margin-top: 40px;} .sub0402_wrap .con02 .box_wrap ul {display:flex; gap:20px;} .sub0402_wrap .con02 .box_wrap ul li {display: flex; flex-direction: column; flex: 1 0 0; border-radius: 20px; border: 1px solid #E5E5E5;} .sub0402_wrap .con02 .box_wrap ul li .top_box {display: flex; padding: 20px 0; justify-content: center; align-items: center; border-radius: 20px 20px 0 0; background: #005739;} .sub0402_wrap .con02 .box_wrap ul li:nth-child(2) .top_box {background: #072A60;} .sub0402_wrap .con02 .box_wrap ul li .top_box p {color: #FFF; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 150%;} .sub0402_wrap .con02 .box_wrap ul li .bot_box {display: flex; padding: 20px 30px; justify-content: center; align-items: center;} .sub0402_wrap .con02 .box_wrap ul li .bot_box p {color: #666; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 150%;} .sub0402_wrap .con03 {margin-top: 100px;} .sub0402_wrap .con03 .box_wrap {margin-top: 40px; margin-bottom: 20px;} .sub0402_wrap .con03 ul.type04{display: flex; align-items: center; gap:15px; width:100%;} .sub0402_wrap .con03 ul.type04 > li:nth-child(even) {margin-top: -20px;} .sub0402_wrap .con03 ul.type04 > li .circle{width:244px; height:244px; border:1px solid #dedede; border-radius:50%; text-align:center; padding:15px;} .sub0402_wrap .con03 ul.type04 > li .circle strong{display:flex; justify-content: center; align-items: center; flex-direction: column; gap:10px; width: 214px; height: 214px; border-radius:50%; background: #005739; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 135%;} .sub0402_wrap .con03 ul.type04 > li:nth-child(3) .circle strong {background: #072A60;} .sub0402_wrap .con03 ul.type04 > li:nth-child(7) .circle strong {background: #072A60;} .sub0402_wrap .con03 span {display:block; color: #222; font-family: "Kakao Big Sans"; font-size: 16px; font-weight: 400; line-height: 150%; text-align: center;} .sub0402_wrap .con04 {margin-top: 100px;} .sub0402_wrap .con04 .tbl_box {margin-top: 40px;} .sub0402_wrap .con04 .tbl01 {width:100%;} .sub0402_wrap .con04 .tbl01 thead {background: linear-gradient(90deg, #005739 0%, #072A60 100%);} .sub0402_wrap .con04 .tbl01 thead th {padding: 20px 30px; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 100%; /* 30px */ border: 1px solid #E8E8E8;} .sub0402_wrap .con04 .tbl01 td {padding: 20px 25px; border: 1px solid #E8E8E8; color: #222; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%; /* 24.3px */} /* sub0403 */ .sub0403_wrap h2 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 30px; margin-top: 100px;} .sub0403_wrap h3 {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%;} .sub0403_wrap .con01 {margin-top: 40px;} .sub0403_wrap .con01 .box {background:url('/assets/images/sub/sub0303_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 40px;} .sub0403_wrap .con01 .box p {color: #222; text-align: center; font-family: "Kakao Big Sans"; font-size: 20px; font-weight: 400; line-height: 150%;} .sub0403_wrap .con02 {margin-top: 40px;} .sub0403_wrap .con02 .box {padding: 20px 40px; border-radius: 10px; border: 1px solid #E8E8E8; margin-top: 20px;} .sub0403_wrap .con02 .box ul {display:flex; flex-direction: column; gap:10px;} .sub0403_wrap .con02 .box ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 150%; position: relative; padding-left: 15px;} .sub0403_wrap .con02 .box ul li:before {content:""; position: absolute; top:12px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0403_wrap .con03 {margin-top: 40px;} .sub0403_wrap .con03 .box {background:url('/assets/images/sub/sub0303_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 20px;} .sub0403_wrap .con03 .box p {color: #222; text-align: center; font-family: "Kakao Big Sans"; font-size: 20px; font-weight: 400; line-height: 150%;} .sub0403_wrap .con04 {margin-top: 40px;} .sub0403_wrap .con04 .box_wrap {margin-top: 40px;} .sub0403_wrap .con04 ul.type04 {display: flex; align-items: center; gap:13px; width:100%;} .sub0403_wrap .con04 ul.type04 > li .circle{width:199px; height:199px; border:1px solid #dedede; border-radius:50%; text-align:center; padding:15px;} .sub0403_wrap .con04 ul.type04 > li .circle strong{display:flex; justify-content: center; align-items: center; flex-direction: column; width: 169px; height: 169px; border-radius:50%; background: #005739; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 150%;} .sub0403_wrap .con04 ul.type04 > li:nth-child(3) .circle strong {background: #072A60;} .sub0403_wrap .con04 ul.type04 > li:nth-child(7) .circle strong {background: #072A60;} .sub0403_wrap .con04 ul.type04 > li:nth-child(11) .circle strong {background: #072A60;} /* sub0404 */ .sub0404_wrap .process_box {padding: 25px; border-radius: 20px; background: #F8F8F8;} .sub0404_wrap .process_box ul {display:flex; align-items: center; justify-content: center; gap:50px;} .sub0404_wrap .process_box ul li {display:flex; flex-direction: column; align-items: center; justify-content: center; gap:10px;} .sub0404_wrap .process_box ul li:nth-child(even) {margin-top: -25px;} .sub0404_wrap .process_box ul li span {color: #222;text-align: center;font-family: "Kakao Small Sans";font-size: 16px;font-weight: 400;line-height: 135%;} .sub0404_wrap .box_wrap {margin-top: 100px;} .sub0404_wrap .box_wrap:first-child {margin-top: 0;} .sub0404_wrap .box_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 30px; margin-bottom: 40px;} .sub0404_wrap .box_wrap p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 400; line-height: 150%;} .sub0404_wrap .box_wrap .txt_box ul {display: flex; padding: 20px 40px; flex-direction: column; align-items: flex-start; gap: 10px; border-radius: 10px; border: 1px solid #E8E8E8; margin-top: 40px;} .sub0404_wrap .box_wrap .txt_box ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 150%; position: relative; padding-left: 15px;} .sub0404_wrap .box_wrap .txt_box ul li:before {content:""; position: absolute; top:12px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0404_wrap .box_wrap .scroll_box {display: flex; flex-direction: column; height: 200px; padding: 20px 32px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.10); overflow-Y:scroll;} .sub0404_wrap .box_wrap .scroll_box dt {color: #000; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 5px;} .sub0404_wrap .box_wrap .scroll_box dd {margin-bottom: 5px;} .sub0404_wrap .box_wrap .scroll_box p {color: #000; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 5px;} .sub0404_wrap .box_wrap .scroll_box ul li {color: #000; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 5px; position: relative; padding-left: 15px;} .sub0404_wrap .box_wrap .scroll_box ul li:before {content:""; position: absolute; top:10px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0404_wrap .box_wrap .scroll_box a.down_btn {color: #000; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 26px; text-decoration-line: underline;} .sub0404_wrap .box_wrap .agree_box {display: flex; justify-content: flex-end; align-items: center; margin-top: 20px;} .sub0404_wrap .box_wrap .agree_box label {color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 24px;} .sub0404_wrap .box_wrap .agree_box label input[type="radio"] {width:16px; height:16px; margin-right: 10px; accent-color: #005739;} .sub0404_wrap .btn_box {display:flex; justify-content: center; margin-top: 100px;} .sub0404_wrap .btn_box a.btn {display: flex; width: 240px; padding: 10px 36px; justify-content: space-between; align-items: center; border-radius: 99px; border: 1px solid #222; color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 40px;} /* sub0404view */ .sub0404_view_wrap .process_box {padding: 25px; border-radius: 20px; background: #F8F8F8;} .sub0404_view_wrap .process_box ul {display:flex; align-items: center; justify-content: center; gap:50px;} .sub0404_view_wrap .process_box ul li {display:flex; flex-direction: column; align-items: center; justify-content: center; gap:10px;} .sub0404_view_wrap .process_box ul li:nth-child(even) {margin-top: -25px;} .sub0404_view_wrap .process_box ul li span {color: #222;text-align: center;font-family: "Kakao Small Sans";font-size: 16px;font-weight: 400;line-height: 135%;} .form_wrap {margin-top: 100px;} .form_wrap .form_tit_wrap{display: flex; align-items: center; justify-content: space-between;} .form_wrap h4{font-size: 30px; color: #222;} .form_wrap p {color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 18px;} .form_wrap .req{color: #005739; font-weight: 600;} .form_wrap .form_box:not(:first-child){margin-top: 100px;} .form_wrap .field_wrap{display: flex; flex-wrap: wrap; gap:60px 40px; margin-top: 40px;} .form_wrap .field_wrap .vfield{flex: 1 1 48%;} .form_wrap .field_wrap .vfield.w50{flex:1 1 100%;} .form_wrap .field_wrap .vfield.w50 input{width: 48%;} .form_wrap .field_wrap .vfield.vfield_full{flex: 1 1 100%;} .form_wrap .field_wrap .btn_group{display: flex; gap:5px;} .form_wrap .field_wrap .btn_group button{flex-shrink:0; width: 150px; font-size: 18px; color: #fff; background: #005739; border-radius:10px;} .form_wrap .field_wrap .help{font-size: 18px; color: #222; line-height: 135%;} .form_wrap .vfield label{font-size: 20px; line-height: 20px; color: #222;} .form_wrap .vfield{display: flex; flex-direction: column; gap: 15px;} .form_wrap .vfield input[type="text"], .form_wrap .vfield input[type="tel"], .form_wrap .vfield input[type="password"], .form_wrap .vfield input[type="date"], .form_wrap .vfield input[type="url"], .form_wrap .vfield input[type="email"], .form_wrap .vfield select{width: 100%; font-size: 18px; border-radius: 10px;border: 1px solid rgba(34, 34, 34, 0.20); height: 60px; padding: 10px 20px;} .form_wrap input[type="date"]{position: relative;} .form_wrap input[type="date"]::after {content: ""; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width:30px; height:30px; background: url('/assets/images/sub/sub0305_view_icon02.png'); background-size: cover; pointer-events: none;} .form_wrap .vfield textarea{width: 100%; height:300px; font-size: 18px; border-radius: 10px;border: 1px solid rgba(34, 34, 34, 0.20); padding: 10px 20px; resize:none;} .form_wrap .vfield select {appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/assets/images/sub/sub0305_view_icon01.png) no-repeat right 20px center / 12px auto;} .form_wrap .radio_group{display: flex; align-items: center; gap:30px; border-radius: 10px;border: 1px solid rgba(34, 34, 34, 0.20); height: 60px; padding:10px 20px;} .form_wrap .radio_group label{display: flex; align-items: center; gap:10px;} .form_wrap .radio_group input[type="radio"]{-webkit-appearance:none; appearance:none;width:16px; height:16px;border:1.5px solid #d1d5db; border-radius:2px;background:#fff;display:inline-grid; place-content:center;vertical-align:middle;transition:background-color .2s, border-color .2s, box-shadow .2s;outline: none;} .form_wrap .radio_group input[type="radio"]::after{content:"";width:10px; height:10px;transform:scale(0);transition:transform .12s ease-in-out .02s; background:#fff; clip-path: polygon(14% 44%, 0 59%, 45% 100%, 100% 30%, 86% 15%, 45% 65%);} .form_wrap .radio_group input[type="radio"]:checked{background: #005739;border-color: #005739;} .form_wrap .radio_group input[type="radio"]:checked::after{ transform:scale(1); } .form_wrap .radio_group input[type="radio"]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--co01) 22%, transparent);} .form_wrap .radio_group input[type="radio"]:disabled{opacity:.5; cursor:not-allowed;} .form_wrap .radio_group input[type="radio"]:disabled + span{opacity:.6; cursor:not-allowed;} .form_wrap .inline_group{display: flex; align-items: center; gap:5px;} .form_wrap .inline_group span{font-size: 18px; color: #222;} .form_wrap .check_group_wrap{border-radius: 10px; border: 1px solid rgba(34, 34, 34, 0.20); height: 60px; padding:10px 20px;} .form_wrap .check_group{display: flex; align-items: center; flex-wrap: wrap; gap:30px;} .form_wrap .check_group label{display: flex; align-items: center; gap:10px;} .form_wrap .check_group input[type="checkbox"]{-webkit-appearance:none; appearance:none;width:16px; height:16px;border:1.5px solid #d1d5db;border-radius:2px;background:#fff;display:inline-grid; place-content:center;vertical-align:middle;outline:none;transition:background-color .2s, border-color .2s, box-shadow .2s;} .form_wrap .check_group input[type="checkbox"]::after{content:"";width:10px; height:10px;transform:scale(0);transition:transform .12s ease-in-out .02s;background:#fff;clip-path: polygon(14% 44%, 0 59%, 45% 100%, 100% 30%, 86% 15%, 45% 65%);} .form_wrap .check_group input[type="checkbox"]:checked{background: #005739;border-color: #005739;} .form_wrap .check_group input[type="checkbox"]:checked::after{ transform:scale(1); } .form_wrap .check_group input[type="checkbox"]:hover{border-color: color-mix(in srgb, var(--co01) 30%, #d1d5db);} .form_wrap .check_group input[type="checkbox"]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--co01) 22%, transparent);} .form_wrap .check_group input[type="checkbox"]:disabled{opacity:.5; cursor:not-allowed;} .form_wrap .check_group input[type="checkbox"]:disabled + span{opacity:.6; cursor:not-allowed;} .form_wrap .check_group input.check-sm{width:16px; height:16px; border-radius:4px;} .form_wrap .check_group input.check-sm::after{width:10px; height:10px;} .form_wrap .chk_wrap{display: flex; align-items: center; gap:30px; border-radius: 10px;border: 1px solid rgba(34, 34, 34, 0.20); padding:18px 20px;} .form_wrap .chk_wrap > div{flex:1;} .form_wrap .chk_wrap .chk_box p{margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #005739;} .form_wrap .vfield.chk_vfield .check_group_wrap{height: auto; padding: 18px 20px;} .form_wrap .radio_box{display: flex; gap: 30px;} .form_wrap .radio_box label{display: flex; align-items: center; gap:10px;} .form_wrap .radio_box label input[type="radio"]{width: 16px; height: 16px; accent-color: #005739;} .form_wrap .btn_box {display:flex; justify-content: center; margin-top: 100px;} .form_wrap .btn_box a.btn {display: flex; width: 240px; padding: 10px 36px; justify-content: space-between; align-items: center; border-radius: 99px; border: 1px solid #222; color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 40px;} /* sub0404_view02 */ .sub0404_view02_wrap .process_box {padding: 25px; border-radius: 20px; background: #F8F8F8;} .sub0404_view02_wrap .process_box ul {display:flex; align-items: center; justify-content: center; gap:50px;} .sub0404_view02_wrap .process_box ul li {display:flex; flex-direction: column; align-items: center; justify-content: center; gap:10px;} .sub0404_view02_wrap .process_box ul li:nth-child(even) {margin-top: -25px;} .sub0404_view02_wrap .process_box ul li span {color: #222;text-align: center;font-family: "Kakao Small Sans";font-size: 16px;font-weight: 400;line-height: 135%;} .sub0404_view02_wrap .box_wrap {margin-top: 100px;} .sub0404_view02_wrap .box_wrap:first-child {margin-top: 0;} .sub0404_view02_wrap .box_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 30px; margin-bottom: 40px;} .sub0404_view02_wrap .box_wrap h3.h3_color {color: #005739;} .sub0404_view02_wrap .box_wrap p {color: #222;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 400;line-height: 150%; margin-bottom: 20px;} .sub0404_view02_wrap .box_wrap .txt_box ul {display: flex; padding: 20px 40px; flex-direction: column; align-items: flex-start; gap: 10px; border-radius: 10px; border: 1px solid #E8E8E8; margin-top: 40px;} .sub0404_view02_wrap .box_wrap .txt_box ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 150%; position: relative; padding-left: 15px;} .sub0404_view02_wrap .box_wrap .txt_box ul li:before {content:""; position: absolute; top:12px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0404_view02_wrap .box_wrap .scroll_box {display: flex; flex-direction: column; height: 200px; padding: 20px 32px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.10); overflow-Y:scroll;} .sub0404_view02_wrap .box_wrap .scroll_box dt {color: #000; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 5px;} .sub0404_view02_wrap .box_wrap .scroll_box dd {margin-bottom: 5px;} .sub0404_view02_wrap .box_wrap .scroll_box p {color: #000; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 5px;} .sub0404_view02_wrap .box_wrap .scroll_box ul li {color: #000; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 5px; position: relative; padding-left: 15px;} .sub0404_view02_wrap .box_wrap .scroll_box ul li:before {content:""; position: absolute; top:10px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0404_view02_wrap .box_wrap .agree_box {display: flex; justify-content: flex-end; align-items: center; margin-top: 20px;} .sub0404_view02_wrap .box_wrap .agree_box label {color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 24px;} .sub0404_view02_wrap .box_wrap .agree_box label input[type="radio"] {width:16px; height:16px; margin-right: 10px; accent-color: #005739;} .sub0404_view02_wrap .box_wrap .stamp {margin-top: 68px;} .sub0404_view02_wrap .box_wrap .stamp strong {display:block; color: #005739;font-family: "Kakao Big Sans";font-size: 24px;font-weight: 700;line-height: 24px; text-align: right; padding-right: 28px;} .sub0404_view02_wrap .box_wrap .stamp strong span {color: #222; position: relative;} .sub0404_view02_wrap .box_wrap .stamp strong span:after {content:""; position: absolute; top:-20px; right:-28px; width: 80px; height: 80px; background: url('/assets/images/sub/icon_stamp.png'); z-index: -1;} .sub0404_view02_wrap .box_wrap {margin-top: 40px;} .sub0404_view02_wrap .box_wrap ul.ul_input {display:flex; flex-wrap: wrap; justify-content: space-between; gap:60px 40px; width:100%;} .sub0404_view02_wrap .box_wrap ul.ul_input li {display:flex; flex-direction: column; gap:20px; width:48%;} .sub0404_view02_wrap .box_wrap ul.ul_input li label {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 20px;} .sub0404_view02_wrap .box_wrap ul.ul_input li label span {color: #005739;} .sub0404_view02_wrap .box_wrap ul.ul_input li .input_box {display:flex; align-items: center; gap:10px;} .sub0404_view02_wrap .box_wrap ul.ul_input li input[type="text"] {display: flex; width:100%; height: 60px; padding: 18px 20px; justify-content: space-between; align-items: center; border-radius: 10px; border: 1px solid rgba(34, 34, 34, 0.20); color: #222; font-family: "Kakao Small Sans"; font-size: 18px;} .sub0404_view02_wrap .box_wrap ul.ul_input li button {display: flex; width: 150px; height: 60px; padding: 12px 20px; justify-content: center; align-items: center; border-radius: 10px; background: #005739; color: #FFF; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700;} .sub0404_view02_wrap .btn_box {display:flex; justify-content: center; margin-top: 100px;} .sub0404_view02_wrap .btn_box a.btn {display: flex; width: 240px; padding: 10px 36px; justify-content: space-between; align-items: center; border-radius: 99px; border: 1px solid #222; color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 40px;} /* sub0404_view03 */ .sub0404_view03_wrap .process_box {padding: 25px; border-radius: 20px; background: #F8F8F8;} .sub0404_view03_wrap .process_box ul {display:flex; align-items: center; justify-content: center; gap:50px;} .sub0404_view03_wrap .process_box ul li {display:flex; flex-direction: column; align-items: center; justify-content: center; gap:10px;} .sub0404_view03_wrap .process_box ul li:nth-child(even) {margin-top: -25px;} .sub0404_view03_wrap .process_box ul li span {color: #222;text-align: center;font-family: "Kakao Small Sans";font-size: 16px;font-weight: 400;line-height: 135%;} .sub0404_view03_wrap .box_wrap {display:flex; padding: 100px 0; flex-direction: column; align-items: center; gap: 40px; border-radius: 20px; background: #F8F8F8; margin-top: 100px;} .sub0404_view03_wrap .box_wrap strong {color: #222;font-family: "Kakao Small Sans";font-size: 50px;font-weight: 700;line-height: 135%; text-align: center;} .sub0404_view03_wrap .box_wrap p {color: #666;text-align: center;font-family: "Kakao Small Sans";font-size: 24px;font-weight: 700;line-height: 135%; } .sub0404_view03_wrap .box_wrap p span {color: #005739;} .sub0404_view03_wrap .box_wrap ul {display: flex;padding: 60px 40px;flex-direction: column;align-items: flex-start; gap:5px; border-radius: 10px;border: 1px solid #E8E8E8;background: #FFF;} .sub0404_view03_wrap .box_wrap ul li {color: #222;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 400;line-height: 150%; position: relative; padding-left: 15px;} .sub0404_view03_wrap .box_wrap ul li:before {content:""; position: absolute; top:12px; left:0; width: 6px;height: 6px; border-radius:50%; background: #005739;} .sub0404_view03_wrap .btn_box {display:flex; justify-content: center;} .sub0404_view03_wrap .btn_box a.btn {display: flex; width: 240px; padding: 10px 36px; justify-content: space-between; align-items: center; border-radius: 99px; border: 1px solid #222; color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 40px;} /* sub0405 */ .sub0405_wrap h2 {color: #222; font-family: "Kakao Big Sans"; font-size: 50px; font-weight: 400; line-height: 50px; text-align: center;} .sub0405_wrap strong {color: #005739; font-family: "Kakao Big Sans"; font-size: 70px; font-weight: 800; line-height: 70px;} .sub0405_wrap .box_wrap {width:100%; padding: 40px; background: var(--Linear, linear-gradient(278deg, #0053A0 0.1%, #005739 99.9%)); border-radius: 20px; margin-top: 100px; position: relative; overflow:hidden;} .sub0405_wrap .box_wrap:after {content:""; position: absolute; bottom:0; right:0; width: 387px; height: 340px; background: url('/assets/images/sub/sub0405_icon03.png') no-repeat; background-size: cover;} .sub0405_wrap .box_wrap ul {display:flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; align-self: stretch; row-gap:10px; column-gap:60px; width:800px; height:150px; /* height:200px; */ margin: 0 auto;} .sub0405_wrap .box_wrap ul li {display:flex; gap:16px;} .sub0405_wrap .box_wrap ul li label {display: flex; width: 120px; flex-direction: column; justify-content: center; color: #FFF; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 48px;} .sub0405_wrap .box_wrap ul li input[type="text"] {display:flex; width:234px; height: 60px; padding: 12px 20px; border-radius: 10px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.10); color: #FFF; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 24px; } .sub0405_wrap .box_wrap ul li select {display:flex; width:234px; height: 60px; padding: 12px 20px 12px 30px; border-radius: 10px; border: 1px solid #FFF; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: rgba(255, 255, 255, 0.10) url('/assets/images/sub/sub0405_icon02.png') no-repeat right 20px center/12px auto; color: #FFF; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 24px; } .sub0405_wrap .box_wrap ul li select option {color:#222;} .sub0405_wrap .btn_box {display:flex; justify-content: center; margin-top: 40px;} .sub0405_wrap .btn_box a {display: flex; width: 240px; padding: 10px 36px; justify-content: space-between; align-items: center; border-radius: 99px; border: 1px solid #FFF; color: #FFF; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 40px;} .sub0405_wrap .tbl_box {margin-top: 60px; margin-bottom: 60px; overflow-X:scroll;} .sub0405_wrap table.tbl01 {width:100%; text-align: center; white-space: nowrap;} .sub0405_wrap table.tbl01 thead {border-top: 2px solid #222; background: #EDEDED;} .sub0405_wrap table.tbl01 thead th {height: 70px; padding: 20px 25px; color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 150%;} .sub0405_wrap table.tbl01 tr td {padding: 20px 25px; color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%;} .sub0405_wrap table.tbl01 tr td a {color: #222;} ul.paging01 {display:flex; align-items: center; justify-content: center;} ul.paging01 li {display: flex; width: 40px; height: 40px; justify-content: center; align-items: center;} ul.paging01 li:first-child, ul.paging01 li:nth-child(2) {margin-right: 25px;} ul.paging01 li:last-child, ul.paging01 li:nth-last-child(2) {margin-left: 25px;} ul.paging01 li.on {border: 1px solid #222;} ul.paging01 li a {color: #222; font-family: Pretendard; font-size: 18px; font-weight: 400;} /* sub0405_view */ .sub0405_view_wrap h4{margin-bottom: 40px; font-size: 40px; color: #222; text-align: center;} .sub0405_view_wrap .info_wrap{display: flex; gap:30px; padding: 30px; border-radius:20px; background: #F6F6F6;} .sub0405_view_wrap .info_wrap .img_box img{width: 250px; height:250px; aspect-ratio:1; object-fit:cover; border-radius:20px;} .sub0405_view_wrap .info_wrap ul{display: flex; flex-wrap:wrap; justify-content: space-between; width: 100%;} .sub0405_view_wrap .info_wrap ul li{width: 48%;} .sub0405_view_wrap .info_wrap ul li dl{display: flex; font-size: 20px; word-break:keep-all;} .sub0405_view_wrap .info_wrap ul li dl dt{position: relative; padding-left: 20px; width: 120px; flex-shrink:0; color: #222;} .sub0405_view_wrap .info_wrap ul li dl dt::before{content:''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; background: #005739; border-radius:50%;} .sub0405_view_wrap .box{margin-top: 100px; color: #222;} .sub0405_view_wrap .box h5{margin-bottom: 20px; font-size: 30px;} .sub0405_view_wrap .box .txt_box p{font-size: 18px; line-height: 1.4; word-break:keep-all; font-family: "Kakao Small Sans";} .sub0405_view_wrap .box .txt_box p:not(:first-child){margin-top: 25px;} .sub0405_view_wrap .box .txt_box p span{display: block;} .sub0405_view_wrap .box02 .info_wrap ul li dl{flex-direction: column; gap:20px;} .sub0405_view_wrap .box02 .info_wrap ul li dl dd{color: #666;} .sub0405_view_wrap .btn_box {display: flex;justify-content: center; gap:20px;margin-top: 60px;} .sub0405_view_wrap .btn_box .btn {display: flex;width: 240px;padding: 10px 36px;justify-content: space-between;align-items: center;border-radius: 99px;border: 1px solid #222;color: #222;font-family: "Kakao Small Sans";font-size: 18px;font-weight: 700;line-height: 40px;} .sub0405_view_wrap .id_wrap{padding-block:100px; background: #F8F8F8; border-radius:20px;} .sub0405_view_wrap .input_wrap{max-width:600px; margin: 0 auto; display: flex; flex-direction: column; gap:40px;} .sub0405_view_wrap .input_wrap .vfield{display: flex; flex-direction: column; gap:10px;} .sub0405_view_wrap .input_wrap .vfield label{font-size: 20px; color: #222;} .sub0405_view_wrap .input_wrap .vfield label .req{color: #005739;} .sub0405_view_wrap .input_wrap .vfield input{width: 100%; height: 60px; padding-inline:20px; border-radius:10px; border: 1px solid rgba(34, 34, 34, 0.20); font-size: 18px;} .sub0405_view_wrap .pw_wrap{position: relative;} .sub0405_view_wrap .pw_toggle{position:absolute; right:20px; top:50%; transform:translateY(-50%);width:32px; height:32px; display:flex; align-items:center; justify-content:center;border:0; background:transparent; color:#9aa0a6; cursor:pointer; border-radius:6px;} .sub0405_view_wrap .pw_toggle:hover{ color:#6b7280; } .sub0405_view_wrap .pw_toggle:focus-visible{ outline:2px solid var(--co01); outline-offset:2px; } /* sub0406 */ .sub0406_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 135%;} .sub0406_wrap .con01 .box {background:url('/assets/images/sub/sub0307_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 40px;} .sub0406_wrap .con01 .box ul {display:flex; flex-direction: column; align-items: center;} .sub0406_wrap .con01 .box ul li {display:inline-block; color: #222; font-family: "Kakao Small Sans"; font-size: 23px; font-weight: 400; line-height: 150%; text-align: center; position: relative; padding-left: 15px;} .sub0406_wrap .con01 .box ul li:before {content:""; position: absolute; top:16px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0406_wrap .con02 {margin-top: 100px;} .sub0406_wrap .con02 .box {background:url('/assets/images/sub/sub0303_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 40px;} .sub0406_wrap .con02 .box p {color: #222;text-align: center;font-family: "Kakao Big Sans";font-size: 24px;font-weight: 700;line-height: 150%;} .sub0406_wrap .con03 {margin-top: 100px;} .sub0406_wrap .con03 table.tbl01 {width:100%; white-space: nowrap; } .sub0406_wrap .con03 table.tbl01 thead { background: linear-gradient(90deg, #005739 0%, #072A60 100%);} .sub0406_wrap .con03 table.tbl01 thead th {height: 70px; padding: 20px 25px; color: #fff; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 150%; border: 1px solid #e8e8e8;} .sub0406_wrap .con03 table.tbl01 tr td {padding: 20px 25px; color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%; border: 1px solid #e8e8e8;} .sub0406_wrap .con03 table.tbl01 tr td ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 135%; margin-bottom: 10px; position: relative; padding-left: 15px;} .sub0406_wrap .con03 table.tbl01 tr td ul li:before {content:""; position: absolute; top:10px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0406_wrap .con03 table.tbl01 tr td ul li:last-child {margin-bottom: 0;} .sub0406_wrap .con03 table.tbl01 tr td:first-child {text-align: center;} .sub0406_wrap .con05 {margin-top: 100px;} .sub0406_wrap .con05 .sub_tit {margin-top: 40px;} .sub0406_wrap .con05 .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%;} .sub0406_wrap .con05 .box {padding: 20px 40px; border-radius: 10px; border: 1px solid #E8E8E8; margin-top: 20px;} .sub0406_wrap .con05 .box ul {display:flex; flex-direction: column; gap:10px;} .sub0406_wrap .con05 .box ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 150%; position: relative; padding-left: 15px;} .sub0406_wrap .con05 .box ul li:before {content:""; position: absolute; top:13px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0406_wrap .con05 .box ul li span {display:block; color: #005739; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 24px; margin-top: 10px;} .sub0406_wrap .con06 .sub_tit {margin-top: 40px;} .sub0406_wrap .con06 .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%;} .sub0406_wrap .con06 .box {padding: 20px 40px; border-radius: 10px; border: 1px solid #E8E8E8; margin-top: 20px;} .sub0406_wrap .con06 .box ul {display:flex; flex-direction: column; gap:10px;} .sub0406_wrap .con06 .box ul li {color: #222; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 150%; position: relative; padding-left: 15px;} .sub0406_wrap .con06 .box ul li:before {content:""; position: absolute; top:13px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0406_wrap .con06 .box ul li span {display:block; color: #005739; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 24px; margin-top: 10px;} .sub0406_wrap .con07 {margin-top: 100px;} .sub0406_wrap .con07 .box_wrap {margin-top: 40px;} .sub0406_wrap .con07 ul.type04 {display: flex; align-items: center; gap:17px; width:100%;} .sub0406_wrap .con07 ul.type04 > li .circle{width:158px; height:158px; border:1px solid #dedede; border-radius:50%; text-align:center; padding:15px;} .sub0406_wrap .con07 ul.type04 > li .circle strong{display:flex; justify-content: center; align-items: center; flex-direction: column; width: 128px; height: 128px; border-radius:50%; background: #005739; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 135%; letter-spacing: -0.72px;} .sub0406_wrap .con07 ul.type04 > li:nth-child(3) .circle strong {background: #072A60;} .sub0406_wrap .con07 ul.type04 > li:nth-child(7) .circle strong {background: #072A60;} .sub0406_wrap .con07 ul.type04 > li:nth-child(11) .circle strong {background: #072A60;} /* sub0407*/ .sub0407_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 135%;} .sub0407_wrap .con01 .box {background:url('/assets/images/sub/sub0307_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 40px;} .sub0407_wrap .con01 .box p {color: #222; text-align: center; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%;} .sub0407_wrap .con02 {margin-top: 100px;} .sub0407_wrap .con02 .box_wrap ul {display:flex; gap:40px;} .sub0407_wrap .con02 .box_wrap ul li {display:flex; flex-direction: column; align-items: center; flex:1 0 0;} .sub0407_wrap .con02 .box_wrap ul li .img_box {display: flex; gap:15px; width: 220px; height: 220px; padding: 35px 15px; flex-direction: column; justify-content: flex-end; align-items: center; border-radius: 999px; border: 1px solid #DEDEDE; background: #FFF; z-index: 1;} .sub0407_wrap .con02 .box_wrap ul li .img_box strong {color: #222; text-align: center; font-family: "Kakao Small Sans"; font-size: 30px; font-weight: 700; line-height: 150%; } .sub0407_wrap .con02 .box_wrap ul li .txt_box {display: flex; flex:1 0 0; padding: 35px 30px 30px 30px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; border-radius: 20px; background: #072A60; transform: translateY(-10px);} .sub0407_wrap .con02 .box_wrap ul li:nth-child(2) .txt_box {background: #005739;} .sub0407_wrap .con02 .box_wrap ul li .txt_box ul li {color: #FFF; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 135%; position: relative; padding-left: 15px;} .sub0407_wrap .con02 .box_wrap ul li .txt_box ul li:before {content:""; position: absolute; top:11px; left:0; width:6px; height:6px; background: #ffffff50; border-radius:50%;} .sub0407_wrap .con03 {margin-top: 100px;} .sub0407_wrap .con03 .box_wrap {margin-top: 40px;} .sub0407_wrap .con03 ul.type04{display: flex; align-items: center; gap:15px; width:100%;} .sub0407_wrap .con03 ul.type04 > li:nth-child(even) {margin-top: -20px;} .sub0407_wrap .con03 ul.type04 > li .circle{width:244px; height:244px; border:1px solid #dedede; border-radius:50%; text-align:center; padding:15px;} .sub0407_wrap .con03 ul.type04 > li .circle strong{display:flex; justify-content: center; align-items: center; flex-direction: column; gap:10px; width: 214px; height: 214px; border-radius:50%; background: #005739; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; line-height: 150%;} .sub0407_wrap .con03 ul.type04 > li .circle span {color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; line-height: 150%;} .sub0407_wrap .con03 ul.type04 > li:nth-child(3) .circle strong {background: #072A60;} .sub0407_wrap .con03 ul.type04 > li:nth-child(7) .circle strong {background: #072A60;} /* sub0305 */ .sub0502_wrap h3{color: #222;font-family: "Kakao Big Sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 30px; /* 100% */} .sub0502_wrap .con01 .box{margin-top: 40px;background:url('/assets/images/sub/sub0301_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center;align-items: center;} .sub0502_wrap .con01 .box ul li {text-align: center;} .sub0502_wrap .con01 .box ul li p {display:inline-block; color: #222;text-align: center;font-family: "Kakao Big Sans";font-size: 24px;font-style: normal;font-weight: 400;line-height: 150%; /* 36px */ position: relative; padding-left: 15px;} .sub0502_wrap .con01 .box ul li p:before{position: absolute; content:''; width: 6px; height: 6px; border-radius:100%; background:#005739; top:17px; left:0px;} .sub0502_wrap .con02 {margin-top: 100px;} .sub0502_wrap .con02 .box_wrap{display: flex; flex-direction: column; gap: 40px; margin-top: 40px;} .sub0502_wrap .con02 .box_wrap .tit{width:405px;} .sub0502_wrap .con02 .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0502_wrap .con02 .box_wrap ul {display:flex; justify-content: center; gap:40px; margin-bottom: 20px;} .sub0502_wrap .con02 .box_wrap ul li {display:flex; flex-direction: column; align-items: center; flex: 1 0 0;} .sub0502_wrap .con02 .box_wrap ul li .txt_box {display:flex; padding: 35px 30px 30px 30px; border-radius: 20px; background: #072A60; margin-top: -15px; z-index: -1;} .sub0502_wrap .con02 .box_wrap ul li:nth-child(2) .txt_box {background: #005739;} .sub0502_wrap .con02 .box_wrap ul li .txt_box p {color: #FFF; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 400; line-height: 135%; /* 27px */ position: relative; padding-left: 15px;} .sub0502_wrap .con02 .box_wrap ul li .txt_box p:before {content:""; position: absolute; top:12px; left:0; width:6px; height:6px; border-radius:50%; background: #ffffff50;} .sub0502_wrap .con02 .box_wrap span {display:block; color: #222; font-family: "Kakao Big Sans"; font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ text-align: center;} .sub0502_wrap .con03 {margin-top: 100px;} .sub0502_wrap .con03 .box_wrap{display: flex; flex-direction: column; gap: 40px; margin-top: 40px;} .sub0502_wrap .con03 .box_wrap .tit{width:405px;} .sub0502_wrap .con03 .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0502_wrap .con03 .tbl_box {width:100%;} .sub0502_wrap .con03 table {width:100%;} .sub0502_wrap .con03 table th {padding: 20px 30px; text-align: center; font-family: "Kakao Small Sans"; color:#222; font-size: 20px; font-weight: 700; background: #F7F4F4; border: 1px solid #E8E8E8;} .sub0502_wrap .con03 table tr td {padding: 20px 25px; text-align: center; font-family: "Kakao Small Sans"; color:#fff; font-size: 18px; font-weight: 400; border: 1px solid #E8E8E8;} .sub0502_wrap .con03 table tr:nth-child(1) {background: #6ea7ed;} .sub0502_wrap .con03 table tr:nth-child(2) {background: #072a60;} .sub0502_wrap .con04 {margin-top: 100px;} .sub0502_wrap .con04 .box_wrap{display: flex; flex-direction: column; gap: 40px; margin-top: 40px;} .sub0502_wrap .con04 .box_wrap .tit{width:405px;} .sub0502_wrap .con04 .box_wrap .tit p{color: #222;font-family: "Kakao Small Sans";font-size: 30px;font-weight: 700;} .sub0502_wrap .con04 .tbl_box {width:100%;} .sub0502_wrap .con04 table {width:100%;} .sub0502_wrap .con04 table thead {background: #072A60;} .sub0502_wrap .con04 table thead th {padding: 20px 30px; color: #FFF; text-align: center; font-family: "Kakao Small Sans"; font-size: 20px; font-weight: 700; border: 1px solid #E8E8E8;} .sub0502_wrap .con04 table tr td {padding: 20px 25px; color: #222; text-align: center; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 400; border: 1px solid #E8E8E8;} .sub0502_wrap .con07 {margin-top: 100px;} .sub0502_wrap .con07 .box_wrap {display: flex; gap: 40px; margin-top: 40px; flex-direction: column;} .sub0502_wrap .con07 .box_wrap .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%; /* 36px */} .sub0502_wrap .con07 .box_wrap ul {display:flex; align-items: center; gap:15px; width: 100%; justify-content: space-around;} .sub0502_wrap .con07 .box_wrap ul li .circle{width:215px;height:215px; padding: 15px; border:1px solid #dedede; border-radius:50%; text-align:center;} .sub0502_wrap .con07 .box_wrap ul li .circle strong{display:flex; align-items: center; justify-content: center; width: 185px; height: 185px; border-radius:50%; color:#222; font-family: "Kakao Small Sans"; font-size:20px; font-weight: 700; line-height: 150%;} .sub0502_wrap .con07 .box_wrap ul li:first-child .circle strong {background: #F1F5C0;} .sub0502_wrap .con07 .box_wrap ul li:nth-child(3) .circle strong {background: #E5EAA0;} .sub0502_wrap .con07 .box_wrap ul li:nth-child(5) .circle strong {background: #DDE47E;} .sub0502_wrap .con07 .box_wrap ul li:nth-child(7) .circle strong {background: #D6E465;} .sub0502_wrap .con07 .box_wrap ul li:last-child .circle strong {background: #BDD433;} .sub0502_wrap .con08 {margin-top: 100px;} .sub0502_wrap .con08 .box_wrap {display: flex; gap: 40px; margin-top: 40px; flex-direction: column; } .sub0502_wrap .con08 .box_wrap .sub_tit {width:405px;} .sub0502_wrap .con08 .box_wrap .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%; /* 36px */} .sub0502_wrap .con08 .box_wrap ul {display:flex; align-items: center; gap:10px; width: 100%; justify-content: space-around;} .sub0502_wrap .con08 .box_wrap ul li .circle{width:180px;height:180px; padding: 10px; border:1px solid #dedede; border-radius:50%; text-align:center;} .sub0502_wrap .con08 .box_wrap ul li .circle strong{display:flex; align-items: center; justify-content: center; width: 160px; height: 160px; border-radius:50%; color:#fff; font-family: "Kakao Small Sans"; font-size:20px; font-weight: 700; line-height: 135%; /* 27px */ letter-spacing: -0.8px;} .sub0502_wrap .con08 .box_wrap ul li:first-child .circle strong {background: #00D8AD;} .sub0502_wrap .con08 .box_wrap ul li:nth-child(3) .circle strong {background: #00C39C;} .sub0502_wrap .con08 .box_wrap ul li:nth-child(5) .circle strong {background: #00A68A;} .sub0502_wrap .con08 .box_wrap ul li:nth-child(7) .circle strong {background: #008E6D;} .sub0502_wrap .con08 .box_wrap ul li:nth-child(9) .circle strong {background: #007950;} .sub0502_wrap .con08 .box_wrap ul li:last-child .circle strong {background: #005739;} .sub0502_wrap .con09 {margin-top: 100px;} .sub0502_wrap .con09 .box_wrap {display: flex; gap: 40px; margin-top: 40px; flex-direction: column;} .sub0502_wrap .con09 .box_wrap .sub_tit {width:405px;} .sub0502_wrap .con09 .box_wrap .sub_tit p {color: #222; font-family: "Kakao Small Sans"; font-size: 24px; font-weight: 700; line-height: 150%; /* 36px */} .sub0502_wrap .con09 .box_wrap ul {display:flex; align-items: center; gap:15px; width: 100%; justify-content: space-around;} .sub0502_wrap .con09 .box_wrap ul li .circle{width:215px;height:215px; padding: 15px; border:1px solid #dedede; border-radius:50%; text-align:center;} .sub0502_wrap .con09 .box_wrap ul li .circle strong{display:flex; align-items: center; justify-content: center; width: 185px; height: 185px; border-radius:50%; color:#fff; font-family: "Kakao Small Sans"; font-size:20px; font-weight: 700; line-height: 150%;} .sub0502_wrap .con09 .box_wrap ul li:first-child .circle strong {background: #6290E9;} .sub0502_wrap .con09 .box_wrap ul li:nth-child(3) .circle strong {background: #3678E4;} .sub0502_wrap .con09 .box_wrap ul li:nth-child(5) .circle strong {background: #1154BC;} .sub0502_wrap .con09 .box_wrap ul li:nth-child(7) .circle strong {background: #0D3F8C;} .sub0502_wrap .con09 .box_wrap ul li:last-child .circle strong {background: #072A60;} /* sub0503 */ .sub0503_wrap h3 {color: #222; font-family: "Kakao Big Sans"; font-size: 30px; font-weight: 700; line-height: 135%;} .sub0503_wrap .con01 .box {background:url('/assets/images/sub/sub0307_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 40px;} .sub0503_wrap .con01 .box ul {display:flex; flex-direction: column; align-items: center;} .sub0503_wrap .con01 .box ul li {color: #222; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%; text-align: center; position: relative; padding-left: 15px;} .sub0503_wrap .con01 .box ul li:before {content:""; position: absolute; top:16px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0503_wrap .con02 {margin-top: 100px;} .sub0503_wrap .con02 .box {background:url('/assets/images/sub/sub0307_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 40px;} .sub0503_wrap .con02 .box ul {display:flex; flex-direction: column; align-items: center;} .sub0503_wrap .con02 .box ul li {color: #222; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%; text-align: center; position: relative; padding-left: 15px;} .sub0503_wrap .con02 .box ul li:before {content:""; position: absolute; top:16px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0503_wrap .con03 {margin-top: 100px;} .sub0503_wrap .con03 .box {background:url('/assets/images/sub/sub0307_img01.png') no-repeat center; background-size:cover; border-radius: 20px; padding: 30px; display: flex; justify-content: center; align-items: center; margin-top: 40px;} .sub0503_wrap .con03 .box ul {display:flex; flex-direction: column; align-items: center;} .sub0503_wrap .con03 .box ul li {color: #222; font-family: "Kakao Big Sans"; font-size: 24px; font-weight: 400; line-height: 150%; text-align: center; position: relative; padding-left: 15px;} .sub0503_wrap .con03 .box ul li:before {content:""; position: absolute; top:16px; left:0; width:6px; height:6px; background: #005739; border-radius:50%;} .sub0503_wrap .btn_box {display:flex; justify-content: center; margin: 40px auto 0;} .sub0503_wrap .btn_box a.btn {display: flex; width: 240px; padding: 10px 36px; justify-content: space-between; align-items: center; border-radius: 99px; border: 1px solid #222; color: #222; font-family: "Kakao Small Sans"; font-size: 18px; font-weight: 700; line-height: 40px;} /* sub0604_view */ #captcha {display:flex; gap:5px;} #captcha img {border:1px solid #aaa; border-radius:10px;} #captcha input[type="text"] {width:25%; height:60px;} #captcha button {flex-shrink: 0;width: 150px;height:60px;font-size: 18px;color: #fff;background: #005739;border-radius: 10px;}