@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현 (pointweb)
* @ 작성일     :

**************************************************************************/

/* basic style */
* {box-sizing: border-box;}
html {width: 100%;height: 100%;}
body {overflow: inherit;width: 100%;height: 100%;}
body.on {overflow: hidden;}
#wrap {width: 100%;height: 100%;}
.layout{position:relative;margin: 0 auto;max-width: 1400px;}
.no-data {width:100%;color:#606060;font-size:17px;text-align:center;padding:25px;/* border: 1px solid #ccc; */border-radius:10px;background:#f5f5f5;}
.blind{position: absolute;top:-9999999px;left:-999999px;}

/* 간격 설정 */
.mt25 {margin-top:25px !important;}

.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}

.bb0 {border-bottom:0 !important;}



#pagination{margin: 30px 0 10px;text-align:center;font-size:0;width:auto;display: block;position: relative;}
#pagination a{display:inline-block;margin:4px;color:#777;font-size:16px;font-weight:400;line-height:40px;width:40px;height:40px;vertical-align:top;border-radius:100%;}
#pagination a.active{background:#333;color:#fff;vertical-align:top;}
#pagination .end-prev,
#pagination .prev,
#pagination .next,
#pagination .end-next{text-indent: -99px;overflow: hidden;width:40px;height:40px;}
#pagination .end-prev{background:url(/_public/images2/common/first-prev.svg) no-repeat;background-size:100%;}
#pagination .prev{background:url(/_public/images2/common/prev.svg) no-repeat;margin-right:20px;background-size:100%;}
#pagination .next{background:url(/_public/images2/common/next.svg) no-repeat;margin-left:20px;background-size:100%;}
#pagination .end-next{background: url(/_public/images2/common/end-next.svg) no-repeat;background-size:100%;}

.overlay{display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:1000;line-height: normal;}

/* 로딩 스피너 2026.03.27 esh */
.spinner-wrap { display: none; position: fixed;top:0;left:0;width:100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1000; }
.spinner-box { display: block; height: 100%; position: relative; letter-spacing: 0.5px; }
.spinner::after { content: ''; box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); border-radius: 50%; }
.spinner.smooth::after { border-top: 4px solid rgba(255, 255, 255, 1.0); border-left: 4px solid rgba(255, 255, 255, 1.0); border-right: 4px solid rgba(255, 255, 255, 0.0); animation: spinner .6s linear infinite; }
@keyframes spinner { to {transform: rotate(360deg);} }

.not-post{padding:50px 0;text-align: center;line-height: normal !important;}
.not-post figure{}
.not-post figure figcaption{display:block;font-size: 19px;font-weight: 600;letter-spacing: 0.19px;color: #111111;}
.not-post figure figcaption span{display: block;margin-top:5px; font-size: 15px;font-weight: normal;letter-spacing: 0.15px;text-align: center;color: #999;}

.not-find{padding:50px 0;text-align: center;line-height: normal !important;}
.not-find figure{}
.not-find figure figcaption{display:block;font-size: 19px;font-weight: 600;letter-spacing: 0.19px;color: #111111;}
.not-find figure figcaption span{display: block;margin-top:5px; font-size: 15px;font-weight: normal;letter-spacing: 0.15px;text-align: center;color: #999;}


/* dl style */
.dl-type1{}
.dl-type1 dt{position:relative;clear:left;float:left;}
.dl-type1 dd{position:relative;width:100%;}
.dl-type1 dd:after {content: "";display: table;clear: both;}
/* text style */
.t-align-left {text-align: left !important;}
.t-align-center {text-align: center !important;}
.t-align-right {text-align: right !important;}

.NotoSans {font-family:'Noto Sans KR';}

.button{font-size:15px;line-height: 40px;transition:all 0.3s;}
.button-default{background-color:#0063AA;color:#fff;border:1px solid #0063AA;}
.button-default:hover {background-color:#01407B;}
.button-outline {background-color:#fff;color:#0063AA;border:1px solid #0063AA;}
.button-outline:hover {background-color:#e9eff5;color:#01407B;;border:1px solid #01407B;;}



/* form style */
.form-flex {display: flex; justify-content: space-between;}
.form-flex .cmm-form {width: calc(100% - 120px);}
.form-flex .cmm-form:first-child {width: 110px;padding-right: 10px;}
.cmm-form {box-sizing: border-box;}
.cmm-form + .cmm-form {margin-top:20px;}
.cmm-form .form {position:relative;border:1px solid #dedede;border-radius:5px;}
.cmm-form .form.border-bottom-none{border-bottom:0;}
.cmm-form .form .icon-status {position: absolute;right: 10px;top: 11px;font-size: 18px;}
.cmm-form .form .icon-status.icon-error {color: #ff0000;}
.cmm-form .form .icon-status.icon-success {color: #02e266;}
.cmm-form .form + .form {margin-top: 20px;}
.cmm-form .form:after {content: "";opacity: 0;display: inline-block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 2px;background: #333;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cmm-form .form label {position: absolute;top: -9999999px;left: -999999px;}
.cmm-form .form input[type="text"],
.cmm-form .form input[type="tel"],
.cmm-form .form input[type="number"],
.cmm-form .form input[type="email"],
.cmm-form .form input[type="password"] {appearance: none;width:100%;height: 54px;color: #111;font-size: 18px;border: 0;box-sizing: border-box;padding:0 20px;}
.cmm-form .form input::placeholder {color:#707070;font-size:18px;}
.cmm-form .form input:focus {border: 0;outline: none;}
.cmm-form .form textarea {border: 0;resize: none;padding: 20px;width: 100%;height: 300px;box-sizing: border-box;}
.cmm-form .form .checkbox {display: inline-block;padding: 20px;}
.cmm-form .form .checkbox label {position: relative;display: inline-block;margin-right: 20px;color: #707070;top: inherit;left: inherit;padding: 10px 0;max-width: 250px;word-break: keep-all;font-size: 13px;font-weight: 500;vertical-align: middle;}
.cmm-form .form .checkbox label strong {display: block;font-size: 18px;color: #333;}
.cmm-form .form.active:after {opacity: 1;width: 100%;height: 2px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cmm-form .form.email {color: #707070;}
.cmm-form .form.email em {display: inline-block;font-size: 14px;color: #707070;}
.cmm-form .form.email input[type="text"] {width: 30%;padding: 0 0 0 20px;}
.cmm-form .form.email input[type="text"] + input[type="text"] {width: 35%;padding: 0 10px;}
.cmm-form .form.email select {display: inline-block;padding: 0 20px;width: 30%;height: 40px;color: #707070;box-sizing: border-box;}
.cmm-form .form.addr input[type="text"] {padding: 0px 120px 0px 20px;}
.cmm-form .form.tel {color: #707070;}
.cmm-form .form.tel em {display: inline-block;font-size: 14px;color: #707070;}
.cmm-form .form.tel input[type="tel"] {width: 35%;text-align: center;}
.cmm-form .form.tel select {display: inline-block;padding: 0 20px;width: 20%;height: 40px;color: #707070;box-sizing: border-box;}
.cmm-form .form.tel.id .button {display: inline-block;position: absolute;right: 0;width: 100px;line-height: 40px;background: #333;color: #fff;font-size: 13px;text-align: center;}
.cmm-form .form.tel.id input[type="text"] {padding: 0px 110px 0px 20px;}
.cmm-form .form.tel.addr .addr-button {display: inline-block;position: absolute;right: 0;bottom: 0;width: 100px;line-height: 38px;background: #fff;border: 1px solid #ff4947;color: #ff4947;font-size: 13px;text-align: center;}
.cmm-form .form.tel.calendar .cal-icon {position: absolute;top: 12px;right: 20px;font-size: 16px;}
.cmm-form .label {display: block;padding: 10px 0;font-size: 16px;font-weight: 500;}
.cmm-form .label .info-txt {color: #0db14b;font-weight: 400;display: inline-block;margin-left: 10px;}
.cmm-form .label .warning-txt {color: #ff4947;font-weight: 400;display: inline-block;margin-left: 10px;}
.cmm-form .label .add-button {float: right;display: inline-block;font-size: 16px;}
.cmm-form.error {border-color: #ff4947;}
.cmm-form.error .form input {color: #ff4947;}
.cmm-form.error .form input::placeholder {color: #ff4947;}

/* 비밀번호 입력란 눈 아이콘 */
.pwd-wrap {position:relative;}
.pwd-wrap input[type="password"] {padding:0 45px 0 15px;}
.pwd-wrap button {display:block;width:20px;height:20px;position:absolute;top:50%;right:15px;transform:translateY(-50%);background:url(/_public/images2/icon/pwd_view.svg) no-repeat;background-size:cover;}
.pwd-wrap button.on {background:url(/_public/images2/icon/pwd_view_on.svg) no-repeat;background-size:cover;}

.chk {margin-top:20px;}
.switch-label {position:relative;display: inline-flex;align-items: center;gap: 10px;cursor: pointer;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #111111;}
.switch-label input {position:absolute;opacity: 0;width: 0;height: 0;}
.switch-label .slider{position: relative;display: inline-block;width: 45px;height: 25px;background-color: #ccc;border-radius: 25px;transition: background-color 0.3s;}
.switch-label .slider::before {content: "";position: absolute;height:21px;width:21px;left:2px;bottom:2px;background-color: white;transition: 0.3s;border-radius: 50%;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);}
.switch-label .label-text{line-height: normal;font-size:18px;}
.switch-label input:checked + .slider {background-color:#0063aa;}
.switch-label input:checked + .slider::before{transform: translateX(20px);}

.sign-add {width:660px;margin:auto;background-color:#fff;padding:20px;border-radius:5px;display:flex;justify-content:space-between;}
.sign-add + .sign-add {margin-top:10px;}
.sign-add p {font-size:17px;font-weight:500;color:#333;}
.sign-add a {font-size:17px;font-weight:600;color:#0063AA;position:relative;}
.sign-add a:before {content:"";display:block;width:0%;height:2px;background-color:#0063AA;position:absolute;bottom:-1px;left:0;transition:all 0.3s;}
.sign-add a:hover:before {width:100%;}


/* 디폴트 폼 타입 */
.check-type1 {position:relative;}
.check-type1 input[type="checkbox"] {position:absolute;display:inline-block;opacity:0;}
.check-type1 label {position: relative;display: inline-block;padding-left:31px;font-size:18px;font-weight:500;cursor:pointer;}
.check-type1 label:before {content:"";display:inline-block;width:25px;height:25px;background:url(/_public/images2/icon/ico_formchk.svg) no-repeat;background-size:cover;position:absolute;top:0px;left:0;}
.check-type1 input[type="checkbox"]:checked + label:before {background:url(/_public/images2/icon/ico_formchk_on.svg) no-repeat;background-size:cover;}

.bbcs-form input[type="text"],
.bbcs-form input[type="password"],
.bbcs-form input[type="email"],
.bbcs-form input[type="tel"],
.bbcs-form input[type="date"],
.bbcs-form input[type="number"]{padding:0px 15px;background:#fff;font-size:18px;line-height:48px;border:1px solid #ccc;outline:none;border-radius:5px;width:100%;box-sizing:border-box;}
.bbcs-form input[type="date"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left !important;}
.bbcs-form input[type="date"]::-webkit-inner-spin-button {-webkit-appearance:none;display:none;}
.bbcs-form input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;-webkit-appearance: none;position: absolute;width: 100%;height: 45px;cursor: pointer;border: 1px solid #ccc;border-radius: 5px;}
.bbcs-form input[type="text"]:focus,
.bbcs-form input[type="password"]:focus,
.bbcs-form input[type="email"]:focus,
.bbcs-form input[type="tel"]:focus,
.bbcs-form input[type="date"]:focus,
.bbcs-form input[type="number"]:focus {border:1px solid #0063AA;}

.bbcs-form input.readonly {background:#f5f5f5;}
.bbcs-form input.readonly:focus {border:1px solid #ccc;}
.bbcs-form input.zipcode {width:120px !important;}

.bbcs-form button.terms-button {display:inline-block;font-size:15px;font-weight:500;margin-left:10px;background:transparent;color:#0063AA;}
.bbcs-form .btn-box {margin-top:40px;}
.bbcs-form .btn-box button {display:block;text-align:center;font-size:18px;font-weight:500;color:#fff;background:#0063AA;border-radius:5px;width:100%;line-height:55px;}


/* 버튼이 있는 input */
.bbcs-form form dl dt {margin-bottom:5px;}
.bbcs-form form dl dd {margin-bottom:25px;}
.bbcs-form form dl dd:last-child {margin-bottom:0;}
.bbcs-form form dl dd .btn-wrap {display:flex;gap:5px;}
.bbcs-form form dl dd .btn-wrap input {width:calc(100% - 165px);}
.bbcs-form form dl dd .btn-wrap button {width:160px;display:inline-block;box-sizing:border-box;font-size:18px;font-weight:500;line-height:48px;color:#fff;background:#0063AA;border:1px solid #0063AA;border-radius:5px;transition:all 0.3s;}
.bbcs-form form dl dd .btn-wrap button:hover {background:#01407B;}



/* 폼 레이아웃 기본설정 */
.bbcs-form form {word-break:keep-all;font-family:'Pretendard';}
.bbcs-form form dl {margin:0;}
.bbcs-form form dt label {font-size:18px;font-weight:600;}
.bbcs-form form dd input {}
.bbcs-form form dd p.info {font-size:15px;color:#1087f5;background:#f2f9ff;padding:10px 15px 10px 40px;border-radius:5px;margin:15px 0 0 0;position:relative;}
.bbcs-form form dd p.info:before {content:"";display:inline-block;width:16px;height:16px;background:url(/_public/images2/formautoIcon/ico_info.svg) no-repeat;background-size:cover;position:absolute;top:12px;left:15px;}

/* 필수 입력 항목 표시 */
.bbcs-form .req-box {margin-bottom:10px;}
.bbcs-form .req-box p {text-align:right;font-size:16px;margin:0;}
.bbcs-form em.req {font-size:inherit;font-weight:bold;font-style:normal;color:#F6387E;display:inline-block;margin-left:5px;vertical-align:middle;}

/* 하단 안내메세지 출력 */
.msg-box {margin-top:8px;}
.msg-box .msg {margin:0;position:relative;padding-left:20px;font-size:15px;}
.msg-box .msg:before {content:"";display:inline-block;width:15px;height:15px;position:absolute;top:2px;left:0;}
.msg-box .msg.msg-av {color:#19ab00;}
.msg-box .msg.msg-av:before {background:url(/_public/images2/formautoIcon/ico_success.svg) no-repeat;background-size:cover;}
.msg-box .msg.msg-non {color:#ef0303;}
.msg-box .msg.msg-non:before {background:url(/_public/images2/formautoIcon/ico_error.svg) no-repeat;background-size:cover;}

/* radio */
.bbcs-form .radio-wrap {display:flex;gap:25px;}
.bbcs-form .radio-type1 {position:relative;}
.bbcs-form .radio-type1 input[type="radio"] {position:absolute;opacity:0;}
.bbcs-form .radio-type1 label {display:block;cursor:pointer;font-size:18px;line-height:48px;color:#707070;padding:0 0 0 31px;border-radius:5px;position:relative;}
.bbcs-form .radio-type1 label:before {content:"";display:block;width:25px;height:25px;border:1px solid #ccc;box-sizing:border-box;border-radius:100%;background:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.bbcs-form .radio-type1 input[type="radio"]:checked {}
.bbcs-form .radio-type1 input[type="radio"]:checked + label {color:#111;font-weight:bold;}
.bbcs-form .radio-type1 input[type="radio"]:checked + label:before {border:7px solid #0063aa;background:#fff;}
.bbcs-form .radio-wrap + input {width:140px;margin-top:5px;}

/* checkbox */
.bbcs-form .chk-wrap {display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;}
.bbcs-form .chk-type1 {position:relative;}
.bbcs-form .chk-type1 input[type="checkbox"] {position:absolute;opacity:0;}
.bbcs-form .chk-type1 label {display:block;font-size:16px;line-height:36px;cursor:pointer;color:#707070;background:#f5f5f5;border:2px solid #f5f5f5;border-radius:5px;padding:0 5px 0 35px;box-sizing:border-box;position:relative;}
.bbcs-form .chk-type1 label:before {content:"";display:block;width:15px;height:15px;border:1px solid #ccc;border-radius:2px;background:#fff;position:absolute;top:50%;left:10px;    transform:translateY(-50%);}
.bbcs-form .chk-type1 label:after {content:"";display:none;position:absolute;top:40%;left:10px;width:4px;height:10px;border-right:3px solid #0063AA;border-bottom:3px solid #0063AA;transform: rotate(45deg) translateY(-50%);}
.bbcs-form .chk-type1 input[type="checkbox"]:checked + label {font-weight:600;color:#0063AA;border:2px solid #0063AA;background:#fff;}
.bbcs-form .chk-type1 input[type="checkbox"]:checked + label:before {display:none;}
.bbcs-form .chk-type1 input[type="checkbox"]:checked + label:after {display:block;}

/* select box */
.bbcs-form .slt-wrap {position:relative;}
.bbcs-form .slt-wrap:before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/formautoIcon/ico_arrow_b.svg) no-repeat;background-size:cover;transform:translateY(-50%) rotate(180deg);position:absolute;top:50%;right:15px;}
.bbcs-form .slt-wrap select {width:100%;height:50px;border:1px solid #ccc;border-radius:5px;padding:0px 15px;font-size:18px;appearance:none;outline:none;background:#fff;}
.bbcs-form .slt-wrap select:focus {border:1px solid #0063AA;}
.bbcs-form .slt-wrap + input {margin-top:5px;}

/* 달력/날짜선택 */
.bbcs-form form dd .date {position:relative;}
.bbcs-form form dd .date:before {content:"";display:block;width:15px;height:15px;background:url(/_public/images2/formautoIcon/ico_cal.svg) no-repeat;background-size:cover;position:absolute;top:50%;right:15px;transform:translateY(-50%);}
.bbcs-form form dd .date input {background:#f5f5f5;}

/* 주소 */
.bbcs-form .addr-wrap {display:flex;flex-direction:column;gap:5px;}
.bbcs-form .addr-wrap .addr1 input[type="number"] {width:160px;}

/* 약관확인 */
.bbcs-form .plc-wrap label {font-size:16px;margin-left:5px;}

/* 약관확인 레이어 팝업 */
.bbcs-form .terms-layer {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:2000;line-height:normal;}
.bbcs-form .terms-layer .layer-contents {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;background:#fff;padding:20px 50px 50px;border-radius:15px;box-sizing:border-box;}
.bbcs-form .terms-layer .layer-contents .layer-top {position:relative;padding:20px 0;font-size:25px;font-weight:600;color:#333;border-bottom:2px solid #f8f8f8;}
.bbcs-form .terms-layer .layer-contents .layer-top .terms-close {position:absolute;top:17px;right:0;width:30px;height:30px;background:transparent}
.bbcs-form .terms-layer .layer-contents .layer-body {height:400px;overflow-y:auto;padding:20px 20px 0 0;}



header{position:fixed;top:0;left:0;padding: 0 20px;width:100%;z-index:100;background:#fff;}
header::before{position: absolute;left: 0;top: 110px;width: 100%;content: '';border-bottom:1px solid #ccc;z-index: 11;}
header .layout{display:flex;align-items:center;justify-content: space-between;padding-right: 60px;}
header .logo{position: relative;display:inline-block;max-width:156px;z-index: 30;}
header .logo img{display:block;}
header .gnb-member{flex-shrink: 0;}
header .gnb-member .btns a {display:inline-block;font-size:16px;color:#333;font-weight:500;transition:all 0.3s;}
header .gnb-member .btns a:nth-child(1) {min-width:90px;padding:0 15px 0 35px;height:35px;line-height:35px;border-radius:5px;background-color:#0063AA;color:#fff;font-weight:600;margin-right:15px;position:relative;text-align:center;}
header .gnb-member .btns a:nth-child(1):before {content:"";display:inline-block;width:15px;height:15px;background:url(/_public/images2/icon/ico_login_w.svg) no-repeat;background-size:cover;position:absolute;top:9px;left:15px;}
header .gnb-member .btns a:nth-child(1):hover {background-color:#01407B;}
header .util{position:absolute;top:50%;right:0;transform:translateY(-50%);}
header .util .toggle-menu{display: block;width:30px;height:20px;background: url(/_public/images2/icon/allmenu.svg) no-repeat;background-size: cover;font-size:0;}
header .gnb{width:100%;}
header .gnb .gnb-close{display:none;position: absolute;position: absolute;right: 20px;top: 22px;}
header .gnb .gnb-logo{display:none;position: absolute;left:20px;top:5px;}
header .gnb ul{display: flex;align-items: center;justify-content: center;}
header .gnb ul li{position:relative;padding: 0 18px;transition: 0.2s ease;}
header .gnb ul:hover li{padding: 0 24px;}
header .gnb ul li > a{position: relative;align-content: center;height:110px;text-align:center;display:block;font-size:19px;font-weight:700;line-height: 1.1;color:#111;word-break: keep-all;}
header .gnb ul li > a::after{position: absolute;left: 50%;bottom: 0;width: 0;height: 0;content: '';opacity: 0;background-color: #0063AA;transition: 0.2s ease;}
header .gnb ul li:hover > a::after{left: 0;width: 100%;height: 4px;opacity: 1;}
header .gnb ul li .dropdown{display:none;position: absolute;left: 50%;height:300px;padding:30px 0;width:100%;transform: translateX(-50%);z-index: 100;}
header .gnb ul li .dropdown a{display:block;font-size: 17px;font-weight: 500;line-height: 2.22;text-align: center;color:#606060;}
header .gnb ul li .dropdown a:hover{color: #0063AA;font-weight: 600;}
header .gnb-bg{display:none;position: absolute;left: 0;width:100%;height:300px;background: #fff;z-index: 10;}
/* header.active{background: #fff;}
header.active .gnb ul li > a{color:#111111;}
header.scroll{background: #fff;}
header.scroll .gnb ul li > a{color:#111111;}
header.scroll .util .toggle-menu{background: url(/_public/images2/icon/allmenu2.svg) no-repeat;background-size: cover;} */

.allmenu{display:none;position: fixed;top:0;left:0;width:100%;height:100%;overflow-y: auto;background: #fff;z-index: 1000;}
.allmenu .layout{height:100%;}
.allmenu .close-allmenu{position: absolute;top:30px;right:0;display:inline-block;font-size:0;}
.allmenu .close-allmenu img{display: block;}
.allmenu .menu-wrap{position:absolute;top:42%;left:50%;transform:translate(-50%, -50%);width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px;}
.allmenu .menu-wrap .menu {width:calc(14% - 14px);}
.allmenu .menu-wrap .menu a {transition:all 0.3s;}
.allmenu .menu-wrap .menu strong{display: block;}
.allmenu .menu-wrap .menu strong a{display: block;font-size:22px;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #ccc;}
.allmenu .menu-wrap .menu ul{margin-top:40px;}
.allmenu .menu-wrap .menu ul li{}
.allmenu .menu-wrap .menu ul li + li {margin-top:20px;}
.allmenu .menu-wrap .menu ul li > a{display:inline-block;font-size:19px;font-weight:500;position:relative;}
.allmenu .menu-wrap .menu ul li > a:after {content:"";display:inline-block;width:5px;height:5px;border-radius:100%;background:#F6387E;position:absolute;top:2px;right:-9px;opacity:0;transition:all 0.3s;}
.allmenu .menu-wrap .menu:hover strong a{color:#0063aa;}
.allmenu .menu-wrap .menu ul li .level3{padding-left:10px;margin-top:15px;}
.allmenu .menu-wrap .menu ul li .level3 a{display:block;font-size:17px;line-height:1.2;color:#606060;position:relative;padding-left:15px;}
.allmenu .menu-wrap .menu ul li .level3 a + a {margin-top:12px;}
.allmenu .menu-wrap .menu ul li .level3 a:before {content:"";display:inline-block;width:7px;height:2px;background:#ccc;position:absolute;top:9px;left:0;}
.allmenu .menu-wrap .menu ul li > a:hover:after {opacity:1;}
.allmenu .menu-wrap .menu ul li .level3 a:hover {color:#F6387E;}


/* s::footer */
footer .f-banner {padding:25px 20px;background-color: #fff;border-top: 1px solid #ccc;}
footer .f-banner .layout{display: flex;align-items: center;padding:0;max-width: 1400px;}
footer .f-banner .layout .control{display: flex;align-items: center;flex-shrink: 0;gap: 5px;width: 100px;}
footer .f-banner .layout .control button{width: 20px;}
footer .f-banner .swiper {margin:0 !important;    width: calc(100% - 100px);}
footer .f-banner .swiper .swiper-wrapper {gap:20px;}
footer .f-banner .swiper .swiper-wrapper .swiper-slide {width:calc(16.666% - 17px) !important;max-width:200px !important;max-height:68px !important;margin:0 !important;border:1px solid #dedede;border-radius:5px;overflow:hidden;}
footer .f-banner .f-ban-slide li img{width: 100%;display:block;}
footer .f-infor-box{padding:50px 20px;background:#1C212B;}
footer .f-infor-box .layout{display: flex;}
footer .f-infor-box .layout .f-logo{flex-shrink: 0;margin-right: 11%;font-size: 40px;color: #fff;line-height:1.2;}
footer .f-infor-box .layout .f-logo span{display: block;font-size: 17px;color: #9FACC4;margin-top:5px;}
footer .f-infor-box .layout .f-info .addr-info{margin-bottom:20px;font-size:0;}
footer .f-infor-box .layout .f-info .addr-info span{display: inline-flex;margin:0 30px 5px 0; font-size: 14px;color: #fff;}
footer .f-infor-box .layout .f-info .addr-info span em{flex-shrink: 0;color:#9FACC4;font-weight: 500;margin-right: 10px;}
footer .f-infor-box .layout .f-info .copyright{margin-top:20px; font-size: 14px;font-weight: 500;color: #fff;}
footer .f-infor-box .layout .f-link-etc{margin-left: auto;}
footer .f-infor-box .layout .f-link-etc ul li{margin-bottom:10px;}
footer .f-infor-box .layout .f-link-etc ul li a{display: block;padding: 0 30px 0 15px;width:160px;font-size: 14px;color: #C4CFE5;font-weight: 500;line-height: 35px;border: 1px solid #7785A3;border-radius: 5px;background: url('/_public/images2/common/ico_arrow.svg') no-repeat right 20px center;}
footer .rt-quick{position: fixed;right: 20px;top: 200px;text-align: center;z-index: 80;}
footer .rt-quick ul{margin-bottom: 20px;}
footer .rt-quick ul li{margin-bottom:10px ;}
footer .rt-quick ul li a{display: block;padding-top: 25px;text-align: center;align-content: center;width:70px;height: 70px;font-size: 14px;font-weight: 600;line-height: 1.1;border-radius: 5px;border: 1px solid #dedede;background-color: #fff;background-repeat: no-repeat;background-position: center 8px;box-shadow: 0px 0px 6px 0px rgba(120, 20, 57, 0.08);transition: 0.2s ease;}
footer .rt-quick ul li:nth-child(1) a{color: #fff;background-color: #0063AA;background-image: url('/_public/images2/common/ico_quck01.svg');border:0;}
footer .rt-quick ul li:nth-child(2) a{background-image: url('/_public/images2/common/ico_quck03.svg');}
footer .rt-quick ul li:nth-child(3) a{background-image: url('/_public/images2/common/ico_quck04.svg');}
footer .rt-quick ul li:nth-child(4) a{background-image: url('/_public/images2/common/ico_quck05.svg');}
footer .rt-quick ul li:nth-child(5) a{background-image: url('/_public/images2/common/ico_quck06.svg');}
/* footer .rt-quick ul li:nth-child(6) a{background-image: url('/_public/images2/common/ico_quck06.svg');} */
footer .rt-quick ul li a:hover,
footer .rt-quick ul li a:focus{transform: translateX(-10px);}
footer .rt-quick button{width:55px;height: 55px;text-indent: -999px;overflow: hidden;background-repeat:no-repeat;background-position:center center;background-size: 100%;background-image:url('/_public/images2/icon/top.svg')}
footer .rt-quick button:hover{background-image: url('/_public/images2/icon/top_on.svg') }
/* e::footer */


/* 서브상단 */
.page-top .visual{position: relative;padding: 0 20px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.page-top .visual.sub01{background-image: url(/_public/images2/contents/sub_v01_v3.png)}
.page-top .visual.sub01 h1 {color:#fff;}
.page-top .visual.sub01 p{color:#E8ECF8;}
.page-top .visual.sub02{background-image: url(/_public/images2/contents/sub_v02_v3.png)}
.page-top .visual.sub02 h1 {color:#fff;}
.page-top .visual.sub02 p{color:#E8ECF8;}
.page-top .visual.sub03{background-image: url(/_public/images2/contents/sub_v03_v3.png)}
.page-top .visual.sub03 h1 {color:#fff;}
.page-top .visual.sub03 p{color:#E8ECF8;}
.page-top .visual.sub04{background-image: url(/_public/images2/contents/sub_v04_v3.png)}
.page-top .visual.sub04 h1 {color:#fff;}
.page-top .visual.sub04 p{color:#E8ECF8;}
.page-top .visual.sub05{background-image: url(/_public/images2/contents/sub_v05_v3.png)}
.page-top .visual.sub06{background-image: url(/_public/images2/contents/sub_v06_v3.png)}
.page-top .visual.sub07{background-image: url(/_public/images2/contents/sub_v07.png)}
.page-top .visual.sub08{background-image: url(/_public/images2/contents/sub_v01.png);background-color:#f5f5f5;}
.page-top .visual.sub09{background-image: url(/_public/images2/contents/sub_v09.png)}
.page-top .visual.sub10{background-image: url(/_public/images2/contents/sub_v01.png);background-position:right center;}
.page-top .visual.sub11{background-image: url(/_public/images2/contents/sub_v11.png)}
.page-top .visual .layout{position: relative;padding-top:60px;height: 290px;}
.page-top .visual h1{margin-bottom: 15px;font-size: 52px;font-weight: 700;line-height: 1;}
.page-top .visual p{font-size: 17px;color: #3F4D7B;word-break:keep-all;}


/* snb menu */
.navi-menu{position: absolute;left: 0;bottom: 0;width: 100%;}
.navi-menu button{display: none;}
.navi-menu .navi-box{display: flex;overflow: hidden;border-radius: 10px 10px 0 0;}
.navi-menu .navi-box a{position: relative;flex: 1;height: 75px;text-align: center;align-content: center;font-size: 20px;color: #707070;font-weight: 600;background-color: #EDF0F5;}
.navi-menu .navi-box a.on{color: #0063AA;font-weight: 700;background-color: #fff;}
.navi-menu .navi-box a.on::after{position: absolute;left: 50%;bottom: 11px;width: 6px;height: 6px;content: '';background-color: #0063AA;border-radius: 50%;transform: translateX(-50%);}

#pages{min-height: calc(100vh - 286px);margin-top:110px;}
#pages .contents{padding:60px 0 130px;}
#pages .contents.gray {background-color:#f5f5f5;}
#pages .contents .layout.flex{display: flex;}
#pages .contents .layout .snb{display: inline-block;width: 24%;}
#pages .contents .layout .sub-container{display: inline-block;vertical-align: top;width: 76%;padding-left: 5%;margin-top:40px;}





@media all and (max-width:1400px) {
  #pages .contents{padding:60px 60px 130px;}

  .allmenu .menu-wrap {padding:0 20px;}

  footer .rt-quick {top:130px;}
}


/* tablet */
@media all and (max-width:1280px) {
  #pagination {padding: 15px 0 50px;}
  #pagination a{width: 25px;height: 25px;line-height: 25px;font-size: 13px;}
  #pagination .end-prev,
  #pagination .prev,
  #pagination .next,
  #pagination .end-next {width: 25px;height: 25px;}

  .button-default{line-height:50px;font-size:18px;}

  header::before {top: 80px;}
  header .gnb ul li{padding:0 15px;}
  header .gnb ul li > a {height:80px;font-size:17px;line-height:1.3;}
  header .gnb ul:hover li{padding: 0 20px;}
  header .gnb-member .btns a {font-size: 15px;}
  header .gnb-member .btns a:nth-child(1) {min-width:80px;padding:0 10px 0 30px;height:32px;line-height:32px;margin-right:10px;}
  header .gnb-member .btns a:nth-child(1):before {top:8px;left:10px;}

  header .util{z-index:1100;}
  header .util .toggle-menu.on{background: none;}
  header .util .toggle-menu.on::before,
  header .util .toggle-menu.on::after{position: absolute;top: 50%;left: 50%;width: 90%;height: 0;content: '';border-top: 2px solid #111;}
  header .util .toggle-menu.on::before{transform: translate(-50%, -50%) rotate(45deg);}
  header .util .toggle-menu.on::after{transform: translate(-50%, -50%) rotate(-45deg);}

  .allmenu .close-allmenu {right:40px;}
  .allmenu .menu-wrap {top:75%;gap:60px 30px;padding:60px 40px;}
  .allmenu .menu-wrap .menu {width:calc(33.333% - 20px);}
  .allmenu .menu-wrap .menu strong a {font-size:24px;padding-bottom:12px;}
  .allmenu .menu-wrap .menu ul {margin-top:35px;}
  .allmenu .menu-wrap .menu ul li + li {margin-top:15px;}
  .allmenu .menu-wrap .menu ul li > a {font-size:18px;}
  .allmenu .menu-wrap .menu ul li .level3 {margin-top:12px;}
  .allmenu .menu-wrap .menu ul li .level3 a {font-size:16px;}
  .allmenu .menu-wrap .menu ul li .level3 a:before {top:7px;}
  .allmenu .menu-wrap .menu ul li .level3 a + a {margin-top:10px;}

  footer .rt-quick {right:5px;top:100px;}
  footer .rt-quick ul {margin-bottom:10px;}
  footer .rt-quick ul li {margin-bottom:5px;}
  footer .rt-quick ul li a {width:60px;height:60px;font-size:13px;}
  footer .rt-quick button {width:45px;height:45px;}

  footer .f-banner .swiper .swiper-wrapper .swiper-slide {}




  #pages{min-height:inherit;margin-top:80px;}
  #pages .contents{padding:60px 40px 130px;}
  #pages .contents .layout{display: block;}
  #pages .contents .layout .snb{display: none;}
  #pages .contents .layout .sub-container{display:block;width:100%;margin:0;padding:0;}


}

@media all and (min-width:1025px) {

  .navi-menu .navi-box{display: flex !important;}

}

@media all and (max-width:1024px) {

  .no-data {font-size:15px;padding:20px;}

  #pages .contents {padding:60px 20px 130px;}



  header .gnb-member .btns a{font-size: 14px;}
  header .gnb-member .btns .btn-signup{display: none;}
  header .gnb-member .btns a:nth-child(1){margin-right: 10px;}
  header .gnb{padding-top: 60px;}

  header{background: #fff;border-bottom: 1px solid #ccc;}
  header::before{display: none;}
  header .layout{height: 60px;}
  header .logo img{height: 48px;}
  header .gnb{position: fixed;top:0;right:-100%;height:100%;width:100%;background: #fff;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;overflow-y: auto;z-index: 20;padding-top:110px;}
  header .gnb .gnb-close{display: block;}
  header .gnb .gnb-logo{display: block;}
  header .gnb ul{display: block;padding:30px 0;border-top: 1px solid #ccc;}
  header .gnb ul li{display: block;padding:0 25px;}
  header .gnb ul li > a{position:relative;padding:0 40px 0 5px;height: 64px;font-size: 20px;font-weight: 600;color: #111111;text-align: left;border-bottom: 1px solid #ccc}
  header .gnb ul li > a:after{display: none;}
  header .gnb ul li > a:before{content: "";position:absolute;top:50%;transform:translateY(-50%);right:5px;display: inline-block;width:15px;height:9px;background: url(/_public/images2/icon/arrow.svg) no-repeat;background-size: cover;}
  header .gnb ul li > a.on{color:#0063AA;border-bottom: 3px solid #0063AA;}
  header .gnb ul li > a.on:before{transform:translateY(-50%) rotate(-180deg);}
  header .gnb ul li .dropdown{text-align:left;height:auto;position: relative;background:#f8f8f8;padding:20px 30px;border-bottom: 1px solid #ccc;}
  header .gnb ul li .dropdown a{text-align:left;display: block;font-size: 18px;font-weight: normal;line-height: 2.22;}
  header .gnb ul:hover li{padding:0 25px;}
  header .gnb.active{right:0;}
  header .active .gnb ul li:hover > a{color:#111111;}
  header .active .gnb ul li > a.on{color:#0063AA;}

  #pages{margin-top: 60px;}

  .page-top .visual .layout{height: 320px;}
  .page-top .visual h1{margin-bottom: 20px;font-size: 38px;}
  .page-top .visual p{font-size: 14px;}

  .navi-menu{z-index: 20;}
  .navi-menu button{position: relative;display: block;width: 100%;height:55px;padding: 0 40px 0 20px;font-size: 18px;color: #0063AA;font-weight: 700;text-align: left;background-color: #fff;border-radius: 10px 10px 0 0;}
  .navi-menu button::after{position: absolute;top: 50%;right: 22px;width: 0;height: 0;content: '';border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 8px solid #0063AA;transform: translateY(-50%);}
  .navi-menu button.on::after{transform: translateY(-50%) rotate(180deg);}
  .navi-menu .navi-box{display: none;position: absolute;left: 0;width: 100%;border-top: 1px solid #ddd;border-radius: 0;}
  .navi-menu .navi-box a{display: block;padding:14px 20px;height: auto;font-size: 18px;text-align: left;border-bottom: 1px solid #ddd;}
  .navi-menu .navi-box a.on{color: #707070;background-color: #EDF0F5;font-weight: 600;}
  .navi-menu .navi-box a.on::after{display: none;}

  .page-top .visual.sub10 .navi-menu {display:none;}


  footer .f-infor-box{padding: 60px 20px;}
  footer .f-infor-box .layout{display: block;}
  footer .f-infor-box .layout .f-logo{display: block;margin:0 0 40px}
  footer .f-infor-box .layout .f-info{margin-bottom: 50px;}

  footer .f-infor-box .layout .f-link-etc ul li a{width: 100%;}

  footer .rt-quick{top: auto;bottom: 30px;}
  footer .rt-quick ul{display: none;}

  footer .f-banner .swiper .swiper-wrapper .swiper-slide {max-width:160px !important;max-height:54px !important;}

}


/* mobile */
@media all and (max-width:768px) {

  .no-data {font-size:14px;padding:15px;}

  header .layout {padding-right: 45px;}

  header .gnb {padding-top:60px;}
  header .gnb ul {padding: 15px 0px;}
  header .gnb ul li .dropdown {padding: 16px 20px;}

  header .gnb-member .btns a {height:30px;line-height:30px;font-size:13px;}
  header .gnb-member .btns a:nth-child(1) {margin-right:5px;padding:0 10px 0 25px;}
  header .gnb-member .btns a:nth-child(1):before {margin-right:5px;}

  footer .f-banner{padding: 20px;}
  footer .f-banner .layout .control{width: 80px;}
  footer .f-banner .swiper .swiper-wrapper {gap:10px;}
  footer .f-banner .swiper .swiper-wrapper .swiper-slide {width:calc(50% - 5px) !important;max-width:120px !important;max-height:45px !important;}

  footer .rt-quick{right: 10px;bottom: 10px;}
  footer .rt-quick button{width: 40px;height: 40px;}

  .page-top .visual.sub05 {background:url(/_public/images2/contents/sub_v05_v2.png) 100% 50%;}
  .page-top .visual.sub08 {background: url(/_public/images2/contents/sub_v01.png) 100% 50%;}
  .page-top .visual.sub09 {background: url(/_public/images2/contents/sub_v09.png) 80% 50%;}

  .not-post figure figcaption{font-size:17px;}
  .not-post figure figcaption span{font-size:14px;}

  .not-find figure figcaption{font-size:17px;}
  .not-find figure figcaption span{font-size:14px;}

  .dl-type1 dt{float: none;}

  .page-top .visual .layout {height: 250px;}
  .page-top .navi-menu .layout{flex-wrap:wrap;}
  .page-top .navi-menu .layout a{display: inline-block;flex: inherit;width:33.3333%;border:1px solid #ccc;margin:-0.5px;}
  .page-top .navi-menu .layout a:nth-child(3n + 3){border-right:0;}

  #pages {margin-top:60px;}
  #pages .contents{padding:60px 20px 65px;}

  /* 디폴트 폼 타입 */
  .check-type1 label {font-size: 16px;}
  .check-type1 label:before {top:-1px;}

  .bbcs-form input[type="text"],
  .bbcs-form input[type="password"],
  .bbcs-form input[type="email"],
  .bbcs-form input[type="tel"],
  .bbcs-form input[type="date"],
  .bbcs-form input[type="number"] {font-size:16px;line-height:45px;height:45px;}
  .bbcs-form input::placeholder {font-size:16px;}

  .bbcs-form .req-box p {font-size:15px;margin-right:20px;}

  .bbcs-form .layout {max-width:none;margin:40px 0;width:100%;}
  .bbcs-form .layout section {padding:20px;border-radius:0;}
  .bbcs-form .layout section .tit-area {padding-bottom:5px;margin-bottom:25px;}
  .bbcs-form .layout section .tit-area h4 {font-size:20px;}

  .bbcs-form form dl dt {margin-bottom:3px;}
  .bbcs-form form dt label {font-size:17px;}
  .bbcs-form form dl dd {margin-bottom:20px;}
  .bbcs-form form dl dd .btn-wrap input {width:calc(100% - 125px);}
  .bbcs-form form dl dd .btn-wrap button {width: 120px;font-size:16px;line-height:45px;}

  .bbcs-form form.ver1 dl{grid-template-columns:1fr;}
  .bbcs-form form.ver1 dl dt{grid-column:1;margin-bottom:5px;}
  .bbcs-form form.ver1 dl dd{grid-column:1;margin-bottom:15px;}

  .bbcs-form .radio-type1 label {font-size:16px;line-height:45px;padding:0 0 0 28px;}
  .bbcs-form .radio-type1 label:before {width:22px;height:22px;}
  .bbcs-form .radio-type1 input[type="radio"]:checked + label:before {border:6px solid #0063aa;}

  .bbcs-form .radio-wrap {gap:0px 20px;flex-wrap:wrap;}

  /* 약관확인 레이어 팝업 */
  .bbcs-form .terms-layer .layer-contents {width:calc(100% - 20px);height:520px;padding:20px;}
  .bbcs-form .terms-layer .layer-contents .layer-top {padding:0 0 20px;font-size:20px;}
  .bbcs-form .terms-layer .layer-contents .layer-top .terms-close {top:7px;width:20px;height:20px;}
  .bbcs-form .terms-layer .layer-contents .layer-top .terms-close img {display:block;width:100%;}


  .cmm-form + .cmm-form {margin-top:10px;}
  .cmm-form .form input[type="text"],
  .cmm-form .form input[type="tel"],
  .cmm-form .form input[type="number"],
  .cmm-form .form input[type="email"],
  .cmm-form .form input[type="password"] {height:44px;font-size:16px;}
  .cmm-form .form input::placeholder {font-size:16px;}


  .chk {margin-top:15px;}
  .switch-label .label-text {font-size: 16px;}

  .sign-add {width:100%;border-radius: 0;flex-wrap: wrap;}
  .sign-add p {font-size:16px;margin-bottom:10px;width:100%;}
  .sign-add a {font-size:16px;}




}