/* 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'); } /* Common **********************************************************************/ html,body {width:100%; } html {overflow-y:scroll; box-sizing:border-box;} *, *:before, *:after{box-sizing:inherit;} *{ -webkit-text-size-adjust:none; -webkit-text-size-adjust - auto | none | N% (default auto) } body {word-break:break-all;-ms-word-break:break-all; } body,div,dl,dt,dd,ul,ol,li,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: 'Noto Sans KR'; 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;} :root{--co01: #000731; } :root{--co02: #1B2A7E; } /* ==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;} .nav_btn{display: none;} .navigation{display: none;} .all_btn{background: url('/assets/images/main/main_nav.png')center no-repeat; background-size:cover; width: 28px; height: 28px;} /* header */ #header{position: absolute; top: 0; left: 50%; transform:translateX(-50%); width: calc(100% - 120px); margin-top: 30px; z-index: 9000; background: #fff; border-radius: 20px;} #header .inner{display: flex; justify-content: space-between; align-items: center; max-width:100%; width: calc(100% - 300px);} #header h1 a{display: block; background: url('/assets/images/main/main_logo.png')center no-repeat; background-size:cover; width: 229px; height: 50px;} /* gnb */ #header .gnb{display: flex;} #header .gnb > li > a{display: block; padding: 30px 25px; font-size: 18px; color: #222;} #header.on .gnb > li{text-align: center; border-left:1px solid transparent; border-right:1px solid transparent;} #header.on .gnb > li >a{color: #222;} #header.on .gnb > li.on > a{color: var(--co01);} #header .gnb > li{position: relative;} .gnb-wrap .gnbBg{overflow:hidden; position:absolute; left:0; top: 90px; width:100%; height:0; background: #fff; border-radius:20px; z-index:98;opacity:0;transition:height 0.3s ease-in-out, opacity 0.2s ease-in-out;} .gnb-wrap .gnbBg:after{position:absolute; width:100%; left:0; height:1px; background-color:#ddd; content:"";} .gnb-wrap.on .gnbBg{height:300px; opacity:1.0; filter:Alpha(opacity=100);} .gnb-wrap .gnb .gnb-2dep{position:absolute; top:95px; left:0px; z-index:99;width:100%; text-align:left; opacity:0;filter:Alpha(opacity=0);height:0;transition: all 0.2s 0s;transition-delay: 0s;visibility:hidden;} .gnb-wrap .gnb .gnb-2dep > ul{padding-block:30px;} .gnb-wrap .gnb .gnb-2dep > ul > li{text-align: center;} .gnb-wrap .gnb .gnb-2dep > ul > li:not(:last-child){margin-bottom: 20px;} .gnb-wrap .gnb .gnb-2dep > ul > li > a{font-size: 16px; color: #222; transition:.3s ease-in-out; line-height: 1.4;} .gnb-wrap .gnb .gnb-2dep > ul > li > a:hover{font-weight: 500;} .gnb-wrap .gnb.on > li .gnb-2dep{height:34rem; opacity:1.0;visibility:visible;transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;} /* visual */ #visual_wrap{position: relative;} #visual_wrap .box_container{display: flex; flex-direction: column; gap:10px; width: 100%;} #visual_wrap .main_con{position: absolute; top: 55%; left: 50%; transform:translate(-50%, -50%); display: flex; gap:18px; width: calc(100% - 100px); max-width:1260px;} #visual_wrap .box_top{display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap:10px;} #visual_wrap .items{display: flex; flex-wrap: wrap; gap:10px;} #visual_wrap .box_top .item{flex:1 1 48%;} #visual_wrap .item{position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 20px 25px; color: #fff; aspect-ratio: 1;} #visual_wrap .item p{font-size: 1.125rem;} #visual_wrap .item img{margin: 0 auto;} #visual_wrap .txt_wrap ul li{font-size: 14px; line-height: 1.4; word-break:keep-all;} #visual_wrap .txt_wrap ul li:not(:first-child){margin-top: 5px;} #visual_wrap .item02 .txt_wrap ul{margin-top: 15px;} #visual_wrap .item10 .txt_wrap ul{margin-top: 35px;} #visual_wrap .items .item01{background: #8032D7;} #visual_wrap .items .item02{background: url('/assets/images/main/main_box02_bg.png')center no-repeat; background-size:cover;} #visual_wrap .items .item03{background: #77A835;} #visual_wrap .items .item04{background: #43B3ED;} #visual_wrap .box_btm{display: flex; gap:10px;} #visual_wrap .box_btm .item{flex:1 1 calc(25% - 20px);} #visual_wrap .big_item{position: relative;} #visual_wrap .big_item .item05{position: absolute; bottom: 0; background: #5151B1; z-index: 5; width: 100%; max-width:49%;} #visual_wrap .big_item .item06{width: 100%; height: auto; background: url('/assets/images/main/main_box06_bg.png')center no-repeat; background-size:cover;} #visual_wrap .big_item .item06 img{width: 100%;} #visual_wrap .box_btm .item07{background: #ED203E;} #visual_wrap .item08{background: url('/assets/images/main/main_box08_bg.png')center no-repeat; background-size:cover;} #visual_wrap .item09{background: url('/assets/images/main/main_box09_bg.png')center no-repeat; background-size:cover;} #visual_wrap .tit_wrap{position: absolute; bottom: 0; left: 0; width: 100%; background: rgb(0,0,0,.5); padding-block:10px;} #visual_wrap .tit_wrap p{font-size: ; color: #fff; text-align: center;} #visual_wrap .item10{background: #438FED;} #visual_wrap .sponsor_pc{min-width:240px;} #visual_wrap .sponsor_pc ul{display: flex; justify-content: space-between; flex-direction: column; height: 100%;} #visual_wrap .sponsor_pc ul li a{display: flex; align-items: center; justify-content: center;height: 100px;background: #fff;padding: 5px;overflow: hidden;} #visual_wrap .sponsor_pc ul li a:hover img{transform:scale(1.05); transition:.3s;} #visual_wrap .sponsor_pc ul li a img{width: 100%;height: 100%;object-fit: contain; transition:.3s;} #visual_wrap .sponSlide{display: none;} #visual_wrap .item.item_txt{position: relative;} #visual_wrap .item.item_txt img, #visual_wrap .item.item_txt .inner_txt , #visual_wrap .item.item_txt .plus_btn{transition: opacity 0.3s ease;} #visual_wrap .item.item_txt .inner_txt {opacity: 0;position: absolute;left: 50%;top: 55%;transform: translate(-50%, -50%);text-align: center;width: 80%; font-size: 16px; color: #fff; line-height: 1.4;} #visual_wrap .item.item_txt .plus_btn{opacity: 0;position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #43B3ED; font-weight: 600;} #visual_wrap .item.item07.item_txt .plus_btn{color: #ED203E;} #visual_wrap .item.item_txt:hover img {opacity: 0;} #visual_wrap .item.item_txt:hover .inner_txt {opacity: 1;} #visual_wrap .item.item_txt:hover .plus_btn{opacity: 1;} /* footer */ #footer{padding-block:50px; background: var(--co01);} #footer .inner{display: flex; justify-content: space-between;} #footer address p{font-size: 16px; color: #C9C9C9; line-height: 1.4;} #footer .copy{margin-top: 30px; font-size: 16px; color: #C9C9C9;} @media screen and (max-width:1500px) { #header .inner{width: calc(100% - 200px);} #header .gnb > li > a{padding: 30px 20px; font-size: 1rem;} } @media screen and (max-width:1310px) { #visual_wrap .item img{width: 100%; max-width:130px;} } /* ===sub======================================= */ #sub_visual_wrap{position: relative;} #sub_visual_wrap .txt_wrap{position: absolute; left: 50%; top: 55%; transform:translate(-50%,-50%); width: 100%;} #sub_visual_wrap .txt_wrap h2{font-size: 55px; color: #fff; font-weight: 700;text-align: center; margin-bottom: 40px;} #sub_visual_wrap .txt_wrap ul.sub_nav{display: flex; align-items: center; justify-content: center;gap:35px;} #sub_visual_wrap .txt_wrap ul.sub_nav li{position: relative;font-size: 18px; color: #fff; font-weight: 300;} #sub_visual_wrap .txt_wrap ul.sub_nav li:not(:first-child):not(:empty)::after{content:'';position: absolute; left: -20px; top: 50%; transform:translateY(-50%); width: 1px; height: 60%; background: #fff;} #sub_contents{padding-block:80px 180px;} #sub_contents.inner_none > .inner{width: 100%; max-width:100%;} h3.h3_tit{position: relative; padding-left: 40px; font-size: 30px; color: var(--co02);} h3.h3_tit::after{content:''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 30px; height: 30px; border-radius: 50px; border: 9px solid #1B2A7E;} table.tbl01{width:100%;} table.tbl01 tr th{color: #FFF;font-size: 20px;font-weight: 700;line-height: 1.4; padding-block:15px; background: linear-gradient(180deg, #4B8FFF 0%, #314CE4 100%);} table.tbl01 tr th:first-child{border-radius: 20px 0 0 0; border-right: 1px solid #FFF;} table.tbl01 tr th:last-child{border-radius: 0 20px 0 0; border-left: 1px solid #FFF;} table.tbl01 tr td{color: #444;text-align: center;font-size: 18px;font-weight: 400;line-height: 1.6; padding:10px 20px; border: 1px solid #DDD; word-break:keep-all;} /* sub0101 */ .sub0101_wrap .cate_box.is-fixed{position: fixed;top: 0;z-index: 60;background:#fff;} .sub0101_wrap .cate_box ul{display: flex;} .sub0101_wrap .cate_box ul li{flex:1; border-bottom: 2px solid #999;} .sub0101_wrap .cate_box ul li a{display: block; padding-block:20px; text-align: center; font-size: 22px; color: #999;} .sub0101_wrap .cate_box ul li.on{border-bottom: 2px solid var(--co02);} .sub0101_wrap .cate_box ul li.on a{color: var(--co02);} .sub0101_wrap .con_box{margin-top: 80px;} .sub0101_wrap .con_box .info_box {display: flex; gap:8.3333vw; margin-top: 50px;} .sub0101_wrap .con_box .info_box h4{width: 340px; flex-shrink:0; font-size: 28px; color: #222; line-height: 1.4;} .sub0101_wrap .con_box .info_box h4 span{display: block;} .sub0101_wrap .con_box .right_con p{font-size: 20px; color: #444; line-height: 1.4; word-break:keep-all;} .sub0101_wrap .con_box.box02 .right_con ul{display: flex; gap:30px; align-items:stretch;} .sub0101_wrap .con_box.box02 .right_con ul li{flex:1; display:flex; flex-direction:column;} .sub0101_wrap .con_box.box02 .right_con .list_tit{flex:0 0 auto; width: 100%; border-radius:30px; font-size: 18px; color: #fff; text-align: center; background: var(--co02); padding-block:12px;} .sub0101_wrap .con_box.box02 .right_con ul li:nth-child(2) .list_tit{background: #C8302C;} .sub0101_wrap .con_box.box02 .right_con .txt_box{margin-top: 10px; padding: 20px 24px; color: #444; line-height: 1.5; border-radius: 10px; background: #F9F9F9; word-break:keep-all; height: 100%; position: relative;} .sub0101_wrap .con_box.box02 .right_con .txt_box p{font-size: 16px;} .sub0101_wrap .con_box.box02 .right_con .txt_box3::before{position: absolute; content:''; background:url('/assets/images/sub/sub0101_icon01.png'); bottom:20px; right:24px; width:112px; height: 124px;} .sub0101_wrap .con_box.box03 .right_con ul{display: flex; gap:30px; margin-top: 25px;} .sub0101_wrap .con_box.box03 .right_con ul li{flex:1; padding: 20px; border-radius: 10px; background: #F9F9F9;} .sub0101_wrap .con_box.box03 .right_con ul li .list_tit{width: 100%; border-radius:30px; background: var(--co02); font-size: 18px; color: #fff; text-align: center; padding-block:10px;} .sub0101_wrap .con_box.box03 .right_con ul li .txt_box{margin-top: 15px;} .sub0101_wrap .con_box.box03 .right_con ul li .txt_box p{font-size: 16px; color: #444;} .sub0101_wrap .con_box.box03 .right_con .step_list{display: flex; flex-direction: column; gap:15px;} .sub0101_wrap .con_box.box03 .right_con .step_list .step_tit{font-size: 18px; color: #222; font-weight: 600;} .sub0101_wrap .con_box.box03 .right_con .step_list p{margin-top: 10px; font-size: 18px; color: #444;} .sub0101_wrap .con_box .right_con a.btn{display: inline-block;position: relative;width: 23.75rem;height: 4.5rem;margin: 10px 0;border: 1px solid var(--co02);font-size: 1.25rem;line-height: 4.5rem;text-align: center; color: var(--co02);} .sub0101_wrap .con_box .right_con a.btn:after {content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;transform: scaleX(0);z-index: -1;background-color: var(--co02);transition: all 0.2s ease-out;transform-origin: 0 50%;} .sub0101_wrap .con_box .right_con a.btn:hover {color: #fff;} .sub0101_wrap .con_box .right_con a.btn:hover:after {z-index: -1;transform: scaleX(1);} /* sub0102 */ .sub0201_wrap .bg{background:url('/assets/images/sub/sub0201_backimg01.png') bottom no-repeat; background-size:contain; display: flex; justify-content: center; gap:80px;} .sub0201_wrap .con01 {width:1400px; margin:0 auto; display: flex; gap:80px; padding-bottom: 40px;} .sub0201_wrap .con01 .left{width:407px;} .sub0201_wrap .con01 .left .info{margin-top: 20px;} .sub0201_wrap .con01 .left .info span{color: #fff;font-size: 36px;font-weight: 400;} .sub0201_wrap .con01 .left .info p{color: #fff;font-size: 20px;font-weight: 500; line-height: 1.5; margin-top: 20px;} .sub0201_wrap .con01 .right{width:calc(100% - 487px); } .sub0201_wrap .con01 .right h4{color: #999;font-size: 35px;font-weight: 700; padding-top: 40px; line-height: 1.5;} .sub0201_wrap .con01 .right h4 span{color: #1B2A7E;} .sub0201_wrap .con01 .right .txt_wrap{margin-top: 50px; display: flex; flex-direction: column; gap:10px;} .sub0201_wrap .con01 .right .txt_wrap p{color: #fff;font-size: 20px;font-weight: 400;line-height: 1.5;} .sub0201_wrap .con02{margin-top: 150px;} .sub0201_wrap .bg.con02{background:url('/assets/images/sub/sub0201_backimg02.png') bottom no-repeat; } .sub0201_wrap .con02 .left .info span em{color: #1B2A7E;font-size: 25px;font-weight: 700; padding-right: 20px;} .sub0201_wrap .con02 .right .txt_wrap p{color: #444;} .sub0201_wrap .con02 .left .info span{color: #1B2A7E;} .sub0201_wrap .con02 .left .info p{color: #444;} /* sub0202 */ .sub0202_wrap h3{text-align: center; color:#222; font-size:40px; font-weight: 600; margin-bottom: 50px;} .sub0202_wrap .con01 .box{padding-block:40px; background:url('/assets/images/sub/sub0202_backimg01.png') no-repeat; background-size:cover;} .sub0202_wrap .con01 .box p{color: #1B2A7E;text-align: center;font-size: 25px;font-weight: 500; margin-bottom: 30px;} .sub0202_wrap .con01 .box ul.dot_list{display: flex; flex-direction: column; gap:10px; width:850px; margin:0 auto;} .sub0202_wrap .con01 .box ul.dot_list li{color: #222;font-size: 22px;font-weight: 500; position: relative; padding-left: 20px;} .sub0202_wrap .con01 .box ul.dot_list li::before{position: absolute; content:'';width: 8px;height: 8px; background:#1B2A7E; border-radius:10px; top:50%; left:0; transform:translateY(-50%); } .sub0202_wrap .con02{margin-top: 100px;} .sub0202_wrap .con02 ul {display: flex; flex-direction: column; gap:80px;} .sub0202_wrap .con02 ul li{display: flex; gap:100px; align-items: flex-end;} .sub0202_wrap .con02 ul li img{width:650px; } .sub0202_wrap .con02 ul li .txt{display: flex; flex-direction: column; gap:40px; word-break:keep-all;} .sub0202_wrap .con02 ul li .txt span{color: #DDD;font-size: 60px;font-weight: 900;} .sub0202_wrap .con02 ul li .txt b{color: #222;font-size: 24px;font-weight: 600; line-height: 1.3;} .sub0202_wrap .con02 ul li .txt p{color: #444;font-size: 18px;font-weight: 400; line-height: 1.3;} .sub0202_wrap .con02 ul li.even{flex-direction: row-reverse;} .sub0202_wrap .con02 ul li.even .txt{text-align: right;} /* sub0203 */ .sub0203_wrap .con ul{margin-top: 30px; display:grid; grid-template-columns: repeat(4, 1fr); gap:40px 100px;} .sub0203_wrap .con ul li{display: flex; flex-direction: column; gap:20px;} .sub0203_wrap .con ul li .img_box{width:100%;} .sub0203_wrap .con ul li .img_box img{width:100%;} .sub0203_wrap .con ul li .info span{color: #222;font-size: 20px;font-weight: 700;letter-spacing: -0.418px;} .sub0203_wrap .con ul li .info p{color: #444;font-size: 18px;font-weight: 400;letter-spacing: -0.418px; line-height: 1.3; margin-top: 10px;} .sub0203_wrap .con02{margin-top: 100px;} /* sub0204 */ .sub0204_wrap{display: flex; flex-direction: column; gap:100px;} .sub0204_wrap .con h2{color: #222;font-size: 30px;font-weight: 600; margin-bottom: 35px; position: relative;} .sub0204_wrap .con h2::before{position: absolute; content:''; width: 40px;height: 4px; background: #1B2A7E; bottom:-20px; left:0;} .sub0204_wrap .con p, .sub0204_wrap .con ul li{color: #444;font-size: 20px;font-weight: 400;line-height: 1.5; word-break:keep-all;} .sub0204_wrap .con p b{color:#222; font-weight: 600;} .sub0204_wrap .con .wrap{display: flex; flex-direction: column; gap:15px;} .sub0204_wrap .con ul{margin-top: 10px;} /* sub0205 */ .sub0205_wrap iframe{height:500px;} .sub0205_wrap .box{width:1333px; margin:0 auto; transform: translateY(-120px);border-radius: 30px;background: #FFF;box-shadow: 7px 9px 25px 5px rgba(0, 0, 0, 0.10); padding: 60px 70px; display: flex; flex-direction: column; gap:40px;} .sub0205_wrap .box ul{display: flex; justify-content: space-between;} .sub0205_wrap .box ul li{display: flex; gap:25px; align-items: center; } .sub0205_wrap .box ul li span{border-radius: 60px;background: #1B2A7E; width: 90px;height: 40px; line-height: 40px ;color: #FFF;text-align: center;font-size: 22px;font-weight: 700;} .sub0205_wrap .box ul li p{color: #444;font-size: 18px;font-weight: 500;line-height: 1.5;} /* sub0301 */ .sub0301_wrap .history_area.container {position: relative; margin:50px auto; display:flex; align-items: flex-start; justify-content:center; gap:84px; flex-direction: row-reverse; padding-bottom: 120px;} .sub0301_wrap .history_area::after {content:""; width:1px; height:100%; background: rgba(0,0,0,0.2); display: inline-block; position:absolute; left:53%; top:0;} .sub0301_wrap .history_area .term .year_text {font-size: 28px; font-weight: 600; line-height: 40px; display: flex; background:#fff; align-items: center;} .sub0301_wrap .history_area .term h4 {font-size: 42px; line-height: 60px; font-weight: 700; margin: 9px 0 40px; background:#fff;} .sub0301_wrap .history_area .term .thumb {max-width:546px; height: 357px; position:relative; overflow:hidden; border-radius:20px;} .sub0301_wrap .history_area .term .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;} .sub0301_wrap .history_area .term .lbl {font-size: 16px; line-height: 28px; color:rgba(0,0,0,0.4); font-weight: 500; display:flex; background:#fff;} .sub0301_wrap .history_area .years {max-width:534px; padding-left: 36px;} .sub0301_wrap .history_area .year_con strong::after{content:''; position: absolute; left: -45px; top: 50%; transform: translateY(-50%); background: #ddd; border-radius:50%; width: 8px; height: 8px;} .sub0301_wrap .history_area .years.show .year_con strong::after{content:''; position: absolute; left: -45px; top: 50%; transform: translateY(-50%); background: var(--co02); border-radius:50%; width: 8px; height: 8px;} .sub0301_wrap .history_area .years ~ .years {padding-top: 420px;} .sub0301_wrap .history_area .year_con {display:flex; flex-direction: column; align-items: flex-start; gap: 20px; color: #666;} .sub0301_wrap .history_area .year_con strong{position: relative; font-size: 20px;} .sub0301_wrap .history_area .year_con h3 {font-size: 24px; line-height: 40px; font-weight: 700;} .sub0301_wrap .history_area .year_con p {font-size: 16px; line-height: 1.4; color: #666;} .sub0301_wrap .history_area .year_con .web_btn{display: none;} .sub0301_wrap .history_area .years.show .year_con{color: #222;} .sub0301_wrap .history_area .years.show .year_con strong{font-size: 25px;} .sub0301_wrap .history_area .years.show .year_con h3{font-size: 30px; color: var(--co02);} .sub0301_wrap .history_area .years.show .year_con p {font-size: 20px; line-height: 1.4; color: #444;} .sub0301_wrap .history_area .years.show .year_con .web_btn{display: block; padding: 10px 30px; font-size: 20px; color: #fff; font-weight: 600; background: var(--co02); border-radius:30px;} .sub0301_wrap .term_wrap {position:relative; width:546px; height:605px;} .sub0301_wrap .term_wrap .term {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;} .sub0301_wrap .term_wrap .term.show {opacity:1;} .sub0301_wrap .term_wrap .term[data-years="2020"] {opacity:1;} .sub0301_wrap .history_area .term .thumb img {transition:clip-path 1.5s; display: inline-block; clip-path: ellipse(50% 0% at 50% 100%);} .sub0301_wrap .term_wrap .term.show .thumb img {clip-path: ellipse(300% 300% at 50% 100%);} .sub0301_wrap .history_area .year_img_mob{display: none;} @media screen and (max-width:1300px) { .sub0301_wrap .history_area.container{gap:70px;} .sub0301_wrap .history_area .pin-spacer{flex-shrink:0 !important;} .sub0301_wrap .history_area::after{left: 53.5%;} } /* sub0301_new */ .sub0301_new_wrap .con01 ul {border-top: 1px solid #111; margin-top: 50px;} .sub0301_new_wrap .con01 ul li .q_box{position: relative;transition:.3s;display: flex; flex-direction: column;align-items: flex-start; gap:15px;padding: 25px 10px;border-bottom: 1px solid #ddd;} .sub0301_new_wrap .con01 ul li .q_box span{display: block;width: auto;text-align: center;font-size: 30px;color: var(--co02);font-weight: 900;} .sub0301_new_wrap .con01 ul li .q_box p{font-size: 18px;color: #222;font-weight: 400;} .sub0301_new_wrap .con01 ul li .q_box.on{color: var(--co02);border-bottom: 0;} .sub0301_new_wrap .con01 ul li .q_box:after{content:'';position: absolute;right: 10px;top: 28px;transform: initial;background:url(/assets/images/sub/faq_bd04_ico02.svg)center no-repeat;background-size:cover ;transition: all .2s linear;display: block;width: 20px;height: 20px;} .sub0301_new_wrap .con01 ul li .q_box.on:after{transform: rotate(45deg);} .sub0301_new_wrap .con01 ul li .a_box{display: none;padding: 0 10px 25px 10px;} .sub0301_new_wrap .con01 ul li .a_box.on{border-bottom: 1px solid #ddd;} .sub0301_new_wrap .table_wrap{width:100%;} .sub0301_new_wrap .table_wrap table{width:100%;} .sub0301_new_wrap .table_wrap table tr th{background:var(--co02); color:#fff; font-size:1rem; font-weight: 800; text-align: center; border-left: 1px solid #fff; padding: 14px 8px;} .sub0301_new_wrap .table_wrap table tr td{padding: 14px 8px;border-bottom: 1px solid #e8e7ed;border-left: 1px solid #e8e7ed;color: #494949;font-size: 1rem; word-break:keep-all;} .sub0301_new_wrap .table_wrap table tr th:last-child{border-right: 1px solid #fff;} .sub0301_new_wrap .table_wrap table tr td:last-child{border-right: 1px solid #e8e7ed;} .sub0301_new_wrap .table_wrap table tr td.td_st01{text-align: center; background:#f9f9f9; color:#222; font-weight: 600;} .sub0301_new_wrap .table_wrap table tr td.td_st02{text-align: center;} .sub0301_new_wrap .table_wrap table tr.sky_blue td, .sub0301_new_wrap .table_wrap table tr td.sky_blue{background:#5a6edc; color:#fff; font-weight: 700; text-align: center;} .sub0301_new_wrap .table_wrap table tr td.pink {background:#f0bbc3; font-weight: 700; text-align: center; color:#222;} .sub0301_new_wrap .table_wrap table tr td.green {background:#c3f0bb; font-weight: 700; text-align: center; color:#222;} /* sub0302 */ .sub0302_wrap .con p{ width:1200px ; margin:0 auto;color: #222;text-align: center;font-size: 20px;font-weight: 500;line-height: 1.5; margin-top: 30px; word-break:keep-all;} .sub0302_wrap .con_box .info_box {margin-top: 80px;} .sub0302_wrap .con_box .info_box h4 {width: 280px; word-break:keep-all;} .sub0302_wrap .info_box .right_con ul.sm_dot{display: flex; flex-direction: column; gap:10px; width:850px; margin:0 auto;} .sub0302_wrap .info_box .right_con ul.sm_dot li{display: flex; gap:5px;color: #444;font-size: 20px;font-weight: 400; position: relative; padding-left: 15px;} .sub0302_wrap .info_box .right_con ul.sm_dot li span{word-break:keep-all; color: #444;font-size: 20px; line-height: 1.4;} .sub0302_wrap .info_box .right_con ul.sm_dot li::before{position: absolute; content:'';width: 5px;height: 5px; background:#444; border-radius:10px; top:10px; left:0; } .sub0302_wrap .info_box .right_con .chart_img{width:100%;} .sub0302_wrap .info_box .right_con .chart_img img{width:100%;} .sub0302_wrap .info_box .right_con .chart_img:last-child{margin-top: 50px;} .sub0302_wrap .info_box .right_con p{color: #444; font-size: 20px; font-weight: 400; line-height: 1.3;} .sub0302_wrap .info_box .right_con > p:not(:first-child){margin-top: 20px;} .sub0302_wrap .info_box .right_con ul.big_list{display: grid; grid-template-columns: repeat(2, 1fr); gap:50px 0;} .sub0302_wrap .info_box .right_con ul.big_list li{position: relative; padding-left: 20px; display: flex; flex-direction: column; gap:10px; word-break:keep-all;} .sub0302_wrap .info_box .right_con ul.big_list li span{color: #222;font-size: 20px;font-weight: 500;line-height: 1.4;} .sub0302_wrap .info_box .right_con ul.big_list li p{color: #444;font-size: 18px;font-weight: 400;line-height: 1.4;} .sub0302_wrap .info_box .right_con ul.big_list li::before{position: absolute; content:'';width: 8px;height: 8px; background:#1B2A7E; border-radius:10px; top:10px; left:0; } /* sub0303 */ .sub0303_wrap .top{display: flex; justify-content: space-between;} .sub0303_wrap .top .info{display: flex; flex-direction: column; justify-content: space-between;} .sub0303_wrap .top .info h3{color: #222;font-size: 35px;font-weight: 600;} .sub0303_wrap .top .info ul{display: flex; flex-direction: column;gap:15px;} .sub0303_wrap .top .info ul li{display: flex; gap:40px; align-items: center;} .sub0303_wrap .top .info ul li span{min-width:135px;color: #FFF;font-size: 25px;font-weight: 500;border-radius: 50px;background: #7CBB28; padding:10px 21px;} .sub0303_wrap .top .info ul li p{color: #222;font-size: 25px;font-weight: 500;} .sub0303_wrap .top .search{display: flex;align-items: flex-end;} .sub0303_wrap .top .search .input_wrap{position: relative;} .sub0303_wrap .top .search .input_wrap input{width:100%;border-radius: 60px;border: 1px solid #7CBB28; width:400px; height: 60px; padding-inline:20px; font-size:16px; color:#444; font-weight: 400;} .sub0303_wrap .top .search .input_wrap input::placeholder{color: #666;font-size: 16px;font-weight: 400; } .sub0303_wrap .top .search .input_wrap input:focus {outline: none;} .sub0303_wrap .top .search .input_wrap button{position: absolute; right:20px; top:50%; transform : translateY(-50%);} .sub0303_wrap .con{margin-top: 120px;} .sub0303_wrap .con ul li{padding: 0px 80px 0px 48px;border-radius: 12px;border: 1px solid #ddd;margin-bottom: 20px;} .sub0303_wrap .con ul li:last-child{margin-bottom: 0;} .sub0303_wrap .con ul li.on{border: 1px solid #7CBB28;background: #FDFFFA;} .sub0303_wrap .con ul li .q_box{position: relative;display: flex;align-items:center;padding: 30px 0;cursor:pointer} .sub0303_wrap .con ul li .q_box:after{content:'';position: absolute;right: -40px;top: 50%;transform:translateY(-50%);width: 21px;height: 12px;background:url(/assets/images/sub/sub0303_icon01.png)center no-repeat;background-size:cover ; } .sub0303_wrap .con ul li.on .q_box:after{background:url(/assets/images/sub/sub0303_icon02.png)center no-repeat;background-size:cover ;} .sub0303_wrap .con ul li .q_box p{font-size: 20px;color: #222;font-weight: 600;} .sub0303_wrap .con ul li .q_box a{margin-left: 30px;display: block; border-radius: 50px;background: #77A835;color: #FFF;font-size: 18px;font-weight: 400; padding:5px 20px;} .sub0303_wrap .con ul li .q_box a img{margin-left: 20px;} .sub0303_wrap .con ul li .a_box{display: none; margin-bottom: 30px;} .sub0303_wrap .con ul li .a_box p{font-size: 18px;color: #444;line-height: 2;} .sub0303_wrap .con ul li .a_box p a{display: inline-block; } .sub0303_wrap .con ul li .a_box p a img{margin-top: 3px; border:1px solid #ddd; border-radius:50%; margin-left: 10px;} /* sub0304 */ .sub0304_wrap .search_box{display: flex; margin-bottom: 50px; justify-content: space-between; align-items: baseline; } .sub0304_wrap .search_box .total p{color: #666;font-size: 18px;font-weight: 400;} .sub0304_wrap .search_box .total em{color: #1B2A7E; font-weight: 600;} .sub0304_wrap .search_box .search .input_wrap{position: relative;} .sub0304_wrap .search_box .search .input_wrap input{width:100%;border-radius: 60px;border: 1px solid #CCC; width:400px; height: 60px; padding-inline:20px; font-size:16px; color:#444; font-weight: 400;} .sub0304_wrap .search_box .search .input_wrap input::placeholder{color: #666;font-size: 16px;font-weight: 400; } .sub0304_wrap .search_box .search .input_wrap input:focus {outline: none;} .sub0304_wrap .search_box .search .input_wrap button{position: absolute; right:20px; top:50%; transform : translateY(-50%);} .sub0304_wrap ul.list{border-top: 2px solid #1B2A7E;border-bottom: 2px solid #1B2A7E;} .sub0304_wrap ul.list li{border-bottom: 1px solid #CCC; padding:50px 40px;} .sub0304_wrap ul.list li a{display: inline-block; } .sub0304_wrap ul.list li a span{color: #222;font-size: 25px;font-weight: 500; margin-right: 50px; } .sub0304_wrap ul.list li a p{color: #222;font-size: 18px;font-weight: 500; display: inline;} .sub0304_wrap ul.list li:hover{background:#f9f9f9; cursor:pointer;} .sub0304_wrap .paging_wrap{text-align:center; box-sizing:border-box; margin-top: 80px;} .sub0304_wrap ul.paging{display: flex; justify-content: center; font-size:0; } .sub0304_wrap ul.paging li{display:block; margin:0; width:46px; height:46px; vertical-align:middle; border:none; } .sub0304_wrap ul.paging li a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size:17px; color:#999; line-height:38px; border:1px solid #ddd; border-radius:50%;} .sub0304_wrap ul.paging li a img{display: block; } .sub0304_wrap ul.paging li.on{background:#1B2A7E; border-radius:50%; border: none;} .sub0304_wrap ul.paging li.on a{color:#ffffff; border: none;} .sub0304_wrap ul.paging li.p_btn a { border:1px solid #ddd;} /* sub0305*/ .sub0305_wrap .con01 em{display: block; margin-top: 30px; text-align: right; color:#444; font-size:22px; font-weight: 400;} .sub0305_wrap .con01 .img_wrap{margin-top: 20px;} .sub0305_wrap .con01 .img_wrap img{width:100%;} .sub0305_wrap .con02, .sub0305_wrap .con03, .sub0305_wrap .con04{margin-top: 100px;} .sub0305_wrap .con02 .search_box{margin-top: 30px;} .sub0305_wrap table{margin-top: 30px;} .sub0305_wrap .con04 strong{display: block; margin-top: 30px; color:#222; font-size:25px; font-weight: 600; } .sub0305_wrap .con04 ul.dot_list{margin-top: 20px; display: flex; flex-direction: column; gap:10px;} .sub0305_wrap .con04 ul.dot_list li{position: relative; display: flex; gap:5px;color: #444;font-size: 20px;font-weight: 500;line-height: 1.4; padding-left: 15px;} .sub0305_wrap .con04 ul.dot_list li span{ word-break: keep-all;} .sub0305_wrap .con04 ul.dot_list li::before{position: absolute; content:'';width: 8px;height: 8px; background:#1B2A7E; border-radius:10px; top:10px; left:0; } .sub0305_wrap .meetSlide{padding-inline: 2%; margin-top: 50px;} .sub0305_wrap .meetSlide .swiper-slide img{width: 100%; aspect-ratio:3.75 / 1; object-fit:cover; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); border-radius:20px;} .sub0305_wrap .meetSlide .swiper-slide p{margin-top: 40px; font-size: 25px; color: #222; font-weight: 600; text-align: center;} .sub0305_wrap .meetSlide .swiper-button-prev, .sub0305_wrap .meetSlide .swiper-button-next{top: 45%; transform: translateY(-50%); background: #fff; border-radius:50%; margin-top: 0; opacity: 1; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);} .sub0305_wrap .meetSlide .swiper-button-prev svg, .sub0305_wrap .meetSlide .swiper-button-next svg{width: 8px; color: #006400;} /* sub0401 */ .sub0401_wrap .select_box select{margin-bottom: 50px;width: 320px;height: 55px; color: #444;font-size: 18px;font-weight: 500; border-radius: 50px;border: 2px solid #1B2A7E; padding-inline:20px;-webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/assets/images/sub/select_img.png)center right 20px no-repeat;} .sub0401_wrap .gallery_list{display: grid ;grid-template-columns: repeat(4, 1fr); gap:40px 30px; border-radius:0px; } .sub0401_wrap .gallery_list img{width: 100%; aspect-ratio:277.50/185.02; object-fit:cover;} .sub0401_wrap .pop_wrap{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;} .sub0401_wrap .pop_wrap .pop_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 6000;} .sub0401_wrap .pop_wrap .pop_box{position: absolute;left: 50%;top: 50%;transform:translate(-50% , -50%) scale(.7);z-index: 7000;transition:.5s;opacity: 0;width: 1000px; height: 650px; } .sub0401_wrap .pop_wrap.on .pop_box{opacity: 1;transform:translate(-50% , -50%) scale(1);} .sub0401_wrap .pop_wrap .pop_box .btn_box{display: flex;justify-content: flex-end; margin-bottom: 10px; } .sub0401_wrap .pop_wrap .pop_box .btn_box button img{width: 28px;} .sub0401_wrap .pop_wrap .pop_box .pop_info .img_wrap2{width:100%;} .sub0401_wrap .pop_wrap .pop_box .pop_info .img_wrap2 img{width:100%; border-radius: 10px;} /* sub0501 */ .sub0501_wrap ul{display: grid; grid-template-columns: repeat(4, 1fr); gap:25px 30px;} .sub0501_wrap ul li{display: flex; flex-direction: column; gap:20px; width:100%;} .sub0501_wrap ul li .img_box img{width:100%;} .sub0501_wrap ul li p{color: #222;font-size: 18px;font-weight: 500; line-height: 1.4; word-break:keep-all;} .sub0501_wrap ul li a{color: #444;font-size: 15px;font-weight: 300; word-break:keep-all;} /* gallery */ .sub_gallery_wrap .gallery_list{display: grid ;grid-template-columns: repeat(4, 1fr); gap:40px 30px; border-radius:0px; } .sub_gallery_wrap .gallery_list img{width: 100%; aspect-ratio:277.50/185.02; object-fit:cover;} .sub_gallery_wrap .pop_wrap{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;} .sub_gallery_wrap .pop_wrap .pop_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 6000;} .sub_gallery_wrap .pop_wrap .pop_box{position: absolute;left: 50%;top: 50%;transform:translate(-50% , -50%) scale(.7);z-index: 7000;transition:.5s;opacity: 0;width: 1000px; height: 650px; } .sub_gallery_wrap .pop_wrap.on .pop_box{opacity: 1;transform:translate(-50% , -50%) scale(1);} .sub_gallery_wrap .pop_wrap .pop_box .btn_box{display: flex;justify-content: flex-end; margin-bottom: 10px; } .sub_gallery_wrap .pop_wrap .pop_box .btn_box button img{width: 28px;} .sub_gallery_wrap .pop_wrap .pop_box .pop_info .img_wrap2{width:100%;} .sub_gallery_wrap .pop_wrap .pop_box .pop_info .img_wrap2 img{width:100%; border-radius: 10px;}