@charset "utf-8";
@import url("font.css");

/* 태그초기화 */
*{margin:0; padding:0; box-sizing:border-box;}
html, body, h1, h2, h3, h4, h5, h6, hr, div, dl, dd, dt, ul, li, ol, form, fieldset, caption, table, th, td, textarea, select, iframe, input, legend, p, img, pre, q, button, blockquote{margin:0px; padding:0px;}
html, body{-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;font-family: "Pretendard", sans-serif;word-break: break-word;font-weight:500; font-size:16px; color:#212529;line-height:24px;letter-spacing: -0.01em;;}
body{overflow-x:hidden;}
h1, h2, h3, h4, h5, h6{font-size:inherit;}
ul, ol{list-style:none;}																																  
button{border:0px; background:none; cursor:pointer; font:inherit; vertical-align:middle;}
fieldset{border: 0;}
/* iframe{width: 0;height: 0;position: absolute;bottom: 0;left: 0;} */
em, address, i{ font-style:normal;}
img{border:0px; vertical-align:top;max-width:100%;}
a{text-decoration:none; color:#212529;}
table{position: relative;width:100%; border-spacing:0px; border-collapse:collapse;table-layout: fixed;}
caption{position: relative;width: 0px;height:0px;clip: rect(0,0,0,0);overflow: hidden;visibility:hidden;}
legend{position: absolute;width: 1px;height: 1px;clip: rect(0,0,0,0);overflow: hidden;}
input[type="checkbox"], input[type="radio"]{border:0px;}
strong{font-weight: 700;}
input[type="text"],input[type="tel"],input[type="password"],input[type="email"],input[type="date"]{padding:11px 10px;font-family: "Pretendard";font-size:16px;color:#1D1D1D;border-radius:10px;line-height:24px;font-weight:400;border:1px solid #B3B9C0;}
/* .error-inp{border-color:#F63D68 !important;background-color: #FFF1F3 !important;color:#F63D68 !important;}
.error-inp-text{margin:4px;color:#F63D68;font-size:12px;line-height:28px;}
.right-inp{border-color:#5993FB !important;background-color: #ecf3ff !important;color: #5993FB !important;}
.right-inp-text{margin:4px;color:#5993FB;font-size:12px;line-height:28px;} */
/* a:focus, button:focus,input:focus,select:focus,textarea:focus{box-shadow: 0 0 0 1px #E3E3E3 inset !important;outline:none;} */
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset !important;-webkit-text-fill-color: #212529 !important;}
a:focus, button:focus,input:focus,select:focus,textarea:focus{outline:none !important;}
textarea{width:100%;height:200px;padding:13px 10px;resize:none;font-family: 'Pretendard';border:1px solid #B3B9C0;border-radius:10px;font-size: inherit;}
select{height:48px;padding:7px 10px;background:#fff url("../images/common/icon-select-arr.svg")no-repeat;background-position-y: 50%;background-position-x: calc(100% - 10px);-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:10px;outline:none;font-family: "Pretendard";background-size:18px 18px;border:1px solid #B3B9C0;color:#646D76;font-size: 14px;line-height: 22px;}
select option {padding:5px 0;font-weight: 400;font-size: 14px;line-height: 26px;color:#373944;background-color:#fff;}
select.select-sm{height:40px;}
picture{display: block;text-align: center;}
.container{width:100%;max-width: 1424px;margin:0 auto;padding:0 12px;}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.hidden{overflow:hidden;}
#dim{display:none;position: absolute;width:100% !important;height:100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0, 0, 0, 0.7);}
#dim.open{display:block;}
.wrap{overflow: hidden;}
#container {margin: 90px 0;}

/* scroll-bar */
.scroll-bar{overflow-y: auto;}
.scroll-bar::-webkit-scrollbar {width: 6px;height:30px;background-color: transparent;}
.scroll-bar::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #D5DCE3;}
.scroll-bar-x{overflow-x: auto;}
.scroll-bar-x::-webkit-scrollbar {width: 30px;height:6px;background-color: transparent;}
.scroll-bar-x::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #D5DCE3;}

/* placeholder */
input:-internal-autofill-selected{background:none;}
::placeholder{color: #969EA7 !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 22px;font-family: 'Pretendard';}
:-ms-input-placeholder{color: #969EA7 !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 22px;font-family: 'Pretendard';}
::-ms-input-placeholder{color: #969EA7 !important; opacity:1;font-weight: 500;font-size: 14px;line-height: 22px;font-family: 'Pretendard';}

.skip-navi {overflow:hidden; position:relative; width:100%; z-index:9999;}
.skip-navi a {display:flex; align-items:center;justify-content:center;font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;}
.skip-navi a:focus, .skip-navi a:hover, .skip-navi a:active {background:#000; color:#fff; font-size:inherit; font-weight:700; padding:10px 0;margin:0; height:40px;margin:0; width:auto;} 

/* 공통클래스 */
.nodata{width:100% !important;margin:0 auto;padding:40px 0 !important;text-align:center !important;color:#999 !important;font-size: inherit !important;font-weight: 400 !important;background: none !important;}
.nodata.bor{border-top:1px solid #D8DADF;}
.nodata-img{display: flex;flex-direction:column;align-items: center;justify-content:center;color:#969EA7;font-weight:700;}
.nodata-img .text1{margin:10px 0 5px;color:#434B53;font-family: Pretendard;font-weight: 700;font-size: 20px;line-height: 32px;}
.nodata-img .text2{color:#646D76;font-weight:500;}
.ellipsis-1{width: 100%;overflow: hidden;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break: break-all;}
.ellipsis-2{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;white-space: inherit;-webkit-line-clamp: 2; word-break: break-all;}
.ellipsis-3{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;white-space: inherit;-webkit-line-clamp: 3; word-break: break-all;}
.w-100{width:100% !important;}
.w-220{width:220px;}
.text-indent-0{text-indent:0;margin:0;}

.d-none{display:none;}
.d-flex{display:flex;}
.flex-start{justify-content:flex-start;}
.flex-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.justify-content-end{justify-content:flex-end;}
.over-x-auto{overflow-x:auto;}
.p-0 {padding: 0 !important;}
.pt-0{padding-top:0 !important;}
.m-0{margin:0 !important;}
.mt-0{margin-top:0 !important;}
.mt-10{margin-top:10px;}
.mt-60{margin-top:60px;}
.mb-0{margin-bottom:0 !important;}
.mb-10{margin-bottom:10px;}

.text-start{text-align:left !important;}
.text-center{text-align:center !important;}
.m-auto{margin:0 auto;}
.bor-0 {border: 0 !important;}
.d-none{display:none;}
.underline{text-decoration:underline;}

/* btn */
.btn-center{display:flex;justify-content:center;margin-top:50px;}
.btn-end{display:flex;justify-content:flex-end;margin-top:30px;}
.btn-between{display:flex;justify-content:space-between;margin-top:30px;}
.btn3{display:flex;justify-content:space-between;}
.btns{display:flex;align-items:center;column-gap:8px;}
.btn{display: flex;align-items: center;justify-content: center;font-weight: 700;text-align: center;vertical-align: middle;background-color: transparent;border: 0;cursor: pointer;transition: background .3s,border .3s;border-radius:10px;font-family: 'Pretendard';}
.btn:disabled{background-color: #E4E9EE;border:1px solid #E4E9EE;color:#969EA7;pointer-events : none;}
.btn-lg{padding:13.5px 16px;font-size:18px;line-height:27px;}
.btn-md{padding:11px 16px;line-height: 24px;font-size: 16px;}
.btn-sm{padding:8px 9px;font-size: 14px;line-height: 22px;}

.btn-outline-primary{border:1px solid #2E95F5;background-color: #fff;color:#2E95F5;}
.btn-primary{background-color: #2E95F5;border:1px solid #2E95F5;color:#fff;}
.btn-primary:hover{background-color: #0E79DD;border:1px solid #0E79DD;color:#fff;}
.btn-navy {border: 1px solid #03325F;background-color: #03325F;color:#fff;}
.btn-outline-neutral{background-color: #fff;border:1px solid #B3B9C0;color:#434B53;}

/* text */
.text-accent{color: #F43C48 !important;}
.text-primary{color: #2E95F5 !important;}

/* radio */
.form-radio-line{display:flex;flex-wrap:wrap;column-gap:50px;row-gap:10px;}	
.form-radio-line-col{flex-direction:column;}
.form-radio{display: flex;align-items: center;}
.form-radio input[type=radio]{width: 20px;height: 20px;margin-right: 6px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/common/icon-radio-off.svg");background-repeat: no-repeat;}
.form-radio label{width: calc(100% - 26px);font-size: 16px;line-height: 24px;color:#212529;cursor:pointer;font-weight:500;}
.form-radio input:checked[type=radio]{background-image: url("../images/common/icon-radio-on.svg");}
.form-radio input:disabled{background-image: url("../images/common/icon-radio-disabled.svg");}
.form-radio input:disabled+label{color:#969EA7;}
.form-radio-line-col .form-radio{align-items:flex-start;}
.form-radio-line-col .form-radio > .text-accent{margin-top:3px;}
.form-radio-line-col .form-radio input{margin-top:3px;}



/* checkbox */
.form-chk-line{display:flex;flex-wrap:wrap;column-gap:50px;row-gap: 10px;}	
.form-chk-line-col{flex-direction:column;}
.form-check{display: flex;align-items: center;}
.form-check input[type=checkbox]{width: 20px;height: 20px;margin-right: 6px;cursor:pointer;background-size: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-print-color-adjust: exact;background-image: url("../images/common/icon-checkbox-off.svg");border-radius:0;background-repeat: no-repeat;}
.form-check label{width: calc(100% - 26px);font-size: 16px;line-height: 24px;color:#212529;cursor:pointer;font-weight:500;}
.form-check input:checked[type=checkbox]{background-image: url("../images/common/icon-checkbox-on.svg");}
.form-chk-line-col .form-check{align-items:flex-start;}
.form-chk-line-col .form-check > .text-accent{margin-top:3px;}
.form-chk-line-col .form-check input{margin-top:3px;}

/* 아이콘 */
.icon-top{width:18px;height:18px;background:url("../images/common/icon-top.svg");transition:.3s;}
.icon-warning{width:18px;height:19px;margin-right:6px;background:url("../images/sub/icon-warning.svg");}
.icon-noti{width:20px;height:20px;background:url("../images/sub/icon-noti.svg");}
.icon-file{width:20px;height:21px;background:url("../images/sub/icon-file.svg");}
.icon-file3{width:30px;height:30px;background:url("../images/sub/icon-file3.svg");}
.icon-srch{width:18px;height:19px;margin-right:6px;background:url("../images/sub/icon-srch.svg");}
.icon-srch-bk{width:30px;height:30px;background:url("../images/sub/icon-srch-bk.svg");}
.icon-srch-b{width:19px;height:18px;background:url("../images/sub/icon-srch-b.svg");}
.icon-new{width:18px;height:19px;margin-right:6px;background:url("../images/sub/icon-new.svg");}
.icon-read-prev{width:18px;height:18px;background:url("../images/sub/icon-read-prev.svg");}
.icon-read-prev-no{width:18px;height:18px;background:url("../images/sub/icon-read-prev-no.svg");}
.icon-read-next{width:18px;height:18px;background:url("../images/sub/icon-read-next.svg");}
.icon-read-next-no{width:18px;height:18px;background:url("../images/sub/icon-read-next-no.svg");}
.icon-main-arr-w{width:24px;height:24px;background:url("../images/main/icon-main-arr-w.svg");}
.icon-bread-home{width:30px;height:30px;background:url("../images/sub/icon-bread-home.svg");}
.icon-allmenu{width:30px;height:30px;background:url("../images/common/icon-allmenu.svg");}
.icon-allmenu-clse {width: 40px;height: 40px;background: url("../images/common/icon-allmenu-clse.svg");}
.icon-allmenu-arr {width: 26px;height: 26px;background: url("../images/common/icon-allmenu-arr.svg");}
.icon-user{width: 31px;height: 30px;background: url("../images/sub/icon-user.svg");}
.icon-reg-arr{width: 40px;height: 40px;background: url("../images/sub/icon-reg-arr.svg");}
.icon-paycomplete{width:400px;height: 260px;background: url("../images/sub/icon-paycomplete.svg");}
.icon-earth{width:42px;height: 42px;background: url("../images/sub/icon-earth.svg");}
.icon-calendar{width:30px;height: 30px;background: url("../images/sub/icon-calendar.svg");}
.icon-place{width:30px;height: 30px;background: url("../images/sub/icon-place.svg");}
.icon-down{width:24px;height: 24px;background: url("../images/sub/icon-down.svg");}
.icon-theme{width:30px;height: 30px;background: url("../images/sub/icon-theme.svg");}
.icon-google{width:30px;height: 30px;background: url("../images/sub/icon-google.svg");}
.icon-external{width:16px;height: 16px;background: url("../images/sub/icon-external.svg");}
.icon-dp2-arr{width:18px;height: 18px;background: url("../images/common/icon-dp2-arr.svg");}
.icon-allmenu-dp2-arr{width:18px;height: 18px;background: url("../images/common/icon-allmenu-dp2-arr.svg");}
[class^=icon-]{display: inline-block;vertical-align: middle;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;}

/* header */
.header {position:fixed;z-index:999;width: 100%;left: 0;top: 0;    border-bottom: 1px solid #E0E7ED;background-color: #fff;transition: ease 0.4s;box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.02);}
.header::after{display: block;position: absolute;left: 0;top: 90px;z-index: -1;width: 100%;height: 0;background: #EFF3F8;content: '';transition: height .2s;}
.header > .container{display:flex;align-items:center;gap:30px;}

.header.bg::after{height:273px;}
.header.bg{background-color: #fff;}

/* main header */
.main .header{background: transparent;}
.main .header .gnb .dp1 > li > a{color:#FFF;}
.main .header.bg, .main .header.fix{background-color: #fff;}
.main .header .icon-allmenu{background:url("../images/common/icon-allmenu-w.svg");}
.main .header.fix .icon-allmenu{background:url("../images/common/icon-allmenu.svg");}
.main .header.bg .gnb .dp1 > li > a,.main .header.fix .gnb .dp1 > li > a{color: #212529;}
.main .header.bg .gnb .dp1 > li.active> a,.main .header.bg .gnb .dp1 > li:hover> a{color:#2E95F5;}
.main .header.fix .gnb .dp1 > li.active> a,.main .header.fix .gnb .dp1 > li:hover> a{color:#2E95F5;}

/* gnb */
.gnb{position:relative;z-index:2;}
.gnb .dp1{display:flex;gap:10px;}
.gnb .dp1 > li{width:200px;}
.gnb .dp1 > li> a{position:relative;display:flex;align-items:center;justify-content:center;width: 100%;font-size:18px;padding: 31px 0 32px;font-weight:700;line-height:27px;}
.gnb .dp1 > li.active> a,.gnb .dp1 > li:hover> a{color:#2E95F5;}
.gnb .dp1 >li >a::after{display:block;width:0;height:2px;position:absolute;bottom:0;left:50%;content:'';background:#2E95F5;transition:.3s;}
.gnb .dp1 >li >a:hover::after,.header .gnb .dp1 >li.active >a::after{left:0;width:100%;}
.gnb .dp2-list{display:flex;flex-direction:column;gap:15px;position:absolute;width: 100%;padding:40px 0;;transition: height .3s;visibility: hidden;}
.header.bg .gnb .dp2-list{visibility: visible;}
.gnb .dp2-list >li{width:100%;}
.gnb .dp2-list >li .dp2{display:block;position:relative;z-index:2;font-weight:700;font-size:17px;}
.gnb .dp2-list >li .dp2-arr{display:flex;align-items:center;gap:6px;}
.gnb .dp2-list li  a:hover{color:#2E95F5;}
.gnb .dp3-list{display:flex;flex-direction:column;gap:3px;padding:10px 0 0 0;}
.dp3-list li a{color:#434B53;}
.dp3-list li a:hover{color:#2E95F5;}


/* allmenu */
.btn-allmenu-m{display:none;position: absolute;right: 12px;top: 13px;}
.header .all-menu{position:absolute;top:0;left:0;width:100%;height:100vh;visibility:hidden;background-color: #FFFFFB;display: block;}
.header .all-menu.active{visibility:visible;}
.header .all-menu .top{padding: 13px 12px;border-bottom: 1px solid #E0E7ED;}
.header .all-menu .top img{height:32px;}
.header .all-menu .all-gnb{display:flex;flex-direction: column;gap:0;max-width: none;padding:30px 12px 50px;height: calc(100dvh - 60px);overflow-y: auto;}
.header .all-menu .dp1 >li{border-bottom: 1px solid #E0E7ED;}
.header .all-menu .dp1 >li span {display: flex;align-items: center;gap: 15px;padding: 10px 0;font-size: 24px;font-weight: 700;line-height: 36px;}
.header .all-menu .dp1 >li span.active i{transform:rotate(180deg);}
.header .all-menu .btn-clse{position:absolute;top:10px;right:12px;}

.header .all-menu .all-gnb .dp2-list{display: flex;flex-direction: column;gap: 15px;padding-bottom:10px;}
.header .all-menu .all-gnb .dp2-list > li  >a {display: flex;gap: 10px;align-items: center;font-weight: 700;color:#434B53;font-size: 18px;line-height: 25px;}
.header .all-menu .dp1 >li .dp2{color:#434B53;font-size: 18px;line-height: 25px}
.header .all-menu .all-gnb .dp3-list{font-size: 16px;line-height: 24px;}
.header .all-menu .dp2.active i{transform:rotate(180deg);}


/* footer */
.footer{padding:38px 0;background-color: #292E33;}
.footer .foot-top{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);}
.footer .foot-top .logo-box{display:flex;gap:30px;}
.footer .foot-top .logo-box img{height:80px;}
.footer .foot-top .foot-menu{display:flex;align-items:center;gap:30px;}
.footer .foot-top .foot-menu a{color:#7B838C;}
.footer .foot-top .foot-menu a.privacy{color:#fff;font-weight:700;}
.footer .foot-btm{display: flex;justify-content: space-between;align-items: flex-start;font-size: 14px;line-height: 21px;color:#7B838C;}
.footer .foot-btm .copyright{margin-top:20px;}

.btn-top {opacity:0;position:fixed;bottom:0;right:1%;z-index: 99;display: flex;align-items: center;flex-direction: column;justify-content: center;width:60px;height: 60px;padding: 10px 0 8px;border-radius:100%;font-weight: 700;color:#fff;background: #292E33;border:1px solid #D5DCE3;transition:.3s;}
.btn-top:hover i{transform:translateY(-4px);}
.btn-top.on {opacity: 1;bottom:20%;}

/* ----------------------------------media -------------------*/

/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
html, body {font-size: 15px;line-height: 23px;word-break: break-word;}

#container{margin:60px 0;}

/* input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="date"] {padding: 7px 10px;border-radius:8px;}
select {height: 40px;border-radius:8px;} */
.nodata {padding: 20px 0 !important;}
.nodata-img .text1{margin: 10px 0 5px;font-size: 17px;line-height: 27px;}

.form-check label{font-size: 15px;line-height: 22px;}
.form-radio label{font-size: 15px;line-height: 22px;}

/* icon */
.icon-user {width: 25px;height: 24px;}
.icon-reg-arr {width: 30px;height: 30px;}
.icon-paycomplete{width:300px;height:207px;}
.icon-earth {width: 30px;height: 30px;}
.icon-calendar{width:25px;height:25px;}
.icon-place{width:25px;height: 25px;}

/* header */
.header{padding:13px 0;}
.header .logo img{height:32px;}
.gnb{display:none;}
.btn-allmenu-m{display:block;}

/* btn */
.btn{border-radius:8px;}
/* .btn-md {padding: 7.5px;line-height: 23px;font-size: 15px;}
.btn-lg {padding: 10.5px 8px;font-size: 16px;line-height: 26px;} */

/* footer */
.footer .foot-top{flex-wrap:wrap;gap:30px;}
.footer .foot-top .foot-menu{width:100%;}
.footer .foot-btm{flex-wrap:wrap;gap:20px;}
.footer .foot-btm .addr{width: 100%;}
.btn-top {width: 50px;height: 50px;font-size: 13px;padding: 8px 0 5px;}

}