@charset "utf-8";
    * {box-sizing: border-box;}
    html {font-family: "NotoSansCJK", sans-serif !important; font-size: 10px; font-weight: 400; min-height: 100%;}
    body {font-family:'NotoSansCJK', sans-serif; width: 100%; max-height: 100%; overflow: hidden; overflow-y: auto; font-size: 1.6rem; letter-spacing: -1.15px; word-break: keep-all;}
    img { max-width: 100%;}
    .container {width: 100%; max-width: 140rem; margin: 0 auto;}
    .intro {width: 100%; height: auto; max-height: 977px; background: #f4f7fa;}
    .intro .intro_header {width: 100%;  height: 130px; background: #fff; border-bottom: 1px solid #e1e9f8;}
    .intro .intro_header h1 {padding: 16px 0;}
    .intro .contents_wrap {padding: 70px 0; display: flex; flex-direction: row; justify-content: space-between; width: 100%; /*max*/height: 580px; box-sizing: unset; }
    .intro .contents_wrap .left {width: 397px; display: flex; flex-direction: column; justify-content: space-between;}
    .intro .contents_wrap .right {width: 720px;}

/* 포커스 및 본문 바로가기 */
/*:focus-visible {outline: 5px solid red;}*/
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/*바로가기*/
.contents_wrap .left .shortcut ul{display: flex; flex-wrap: wrap;}
.contents_wrap .left .shortcut ul li{position: relative; width: 50%; text-align: center; box-sizing: border-box;}
.contents_wrap .left .shortcut ul li a {display: flex; text-align: center; width: 100%; height: 89px; background-color: #ffffff; transition: all ease 0.3s; border: 1px solid #d4dff5; box-sizing: border-box; justify-content: center; align-items: center; /*box-shadow: 0px 0px 8px rgb(0 0 0 / 15%);*/ font-size: 17px;}
.contents_wrap .left .shortcut ul li:nth-child(1) a {border-radius: 20px 0 0 0;}
.contents_wrap .left .shortcut ul li:nth-child(2) a {border-radius: 0 20px 0 0; margin-left: -1px;}
.contents_wrap .left .shortcut ul li:nth-child(3) a {border-radius: 0 0 0 20px; margin-top: -1px;}
.contents_wrap .left .shortcut ul li:nth-child(4) a {border-radius: 0 0 20px 0; margin-top: -1px; margin-left: -1px;}
/*.contents_wrap .left .shortcut ul li a:before{ content: ""; display: block; width: 189px; height: 162px; margin: 0 auto 10px; border-radius: 30px; background-color: #ffffff; transition: all ease 0.3s; border: 1px solid #d4dff5; box-sizing: border-box;}*/
.contents_wrap .left .shortcut .d_jeonse {margin-top: 12px;}
.contents_wrap .left .shortcut .d_jeonse a {display: inline-block; text-align: center; width: 100%; height: 64px; background-color: #ffffff; transition: all ease 0.3s; border: 1px solid #d4dff5; box-sizing: border-box; line-height: 64px; border-radius: 20px;}
.contents_wrap .left .shortcut .d_jeonse a.btn_2 {display: flex; align-items: center; justify-content: center; margin-top: 8px; height: 76px;}
.contents_wrap .left .shortcut .d_jeonse a.btn_2 span {line-height: 22px; font-size: 16px;}
.contents_wrap .left .shortcut .d_jeonse a.btn_2 span::before {background: url('/common/jeonse/img/intro/foot_logo_1.png') no-repeat; background-size: 120px; width: 120px; height: 35px;}
.contents_wrap .left .shortcut .d_jeonse a.btn_2:hover span::before {content:none;}
.contents_wrap .left .shortcut .d_jeonse span {display: flex; justify-content: center; align-items: center; border-radius: 20px; font-size: 17px;}
.contents_wrap .left .shortcut .d_jeonse span::before {content: ''; display: inline-block; background: url('/common/jeonse/img/intro/ic_d_jeonse.png') no-repeat; width: 21px; height: 21px; padding-right: 9px; margin-top: -4px;}

/*바로가기 hover*/
.contents_wrap .left .shortcut ul li:hover a{background-color:#1064c3;box-shadow: 0.7px 0.7px 32px 0 rgba(26, 64, 92, 0.39); border-color:#1064c3; }
.contents_wrap .left .shortcut ul li:hover span{color:#fff; font-weight: bold;}
.contents_wrap .left .shortcut .d_jeonse a:hover {background-color:#1064c3;box-shadow: 0.7px 0.7px 32px 0 rgba(26, 64, 92, 0.39); border-color:#1064c3; } 
.contents_wrap .left .shortcut .d_jeonse a:hover span{color:#fff; font-weight: bold;}
.contents_wrap .left .shortcut .d_jeonse a:hover span::before {background: url('/common/jeonse/img/intro/ic_d_jeonse_h.png') no-repeat;}

/*공지사항*/
.contents_wrap .left .notice {display: flex; align-items: center; width: 100%; padding: 13px 10px; background: #fff; border: 1px solid #dce0e8; border-radius: 35px; margin-bottom: 12px;}
.contents_wrap .left .notice .tip {color: #0066d4; background: #e3f6ff; padding: 4px 12px; border-radius: 30px; font-size: 14px; font-weight: 500;}
.contents_wrap .left .notice a {font-size: 15px; color: #222;}
.contents_wrap .left .notice a.title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 280px; margin-left: 4px;}

/*콜센터 안내*/
.contents_wrap .left .cs_center {width: 100%; padding: 22px 25px 12px; background: #fff; border: 1px solid #dce0e8; border-radius: 20px; font-size: 15px;}
.contents_wrap .left .cs_center ul {display: flex; flex-direction: column; gap: 2px;}
.contents_wrap .left .cs_center ul li {display: flex; justify-content: space-between;}
.contents_wrap .left .cs_center ul li span {position: relative; color: #333; padding-left: 8px;}
.contents_wrap .left .cs_center ul li span::before {content: ''; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 50%;}
.contents_wrap .left .cs_center ul li a {color: #0066d4; font-weight: 500; }
.contents_wrap .left .cs_center .cs_time {font-size: 14px; text-align: center; padding-top: 8px; border-top: 1px solid #eee; margin-top: 12px;}
.contents_wrap .left .cs_center .cs_time p {color: #1064c3;}
.contents_wrap .left .cs_center .cs_time p span {color: #777;}

/*링크버튼*/
.contents_wrap .right .link_wrap {display: flex; gap: 36px; width: 100%; height: 100%;}
.contents_wrap .right .link_wrap .link {width: calc(50% - 18px); color: #fff;}
.contents_wrap .right .link_wrap .link a {display: flex; flex-direction: column;  padding: 75px 45px 20px; height: 100%; border-radius: 20px; box-shadow: 2px 2px 12.09px 0.91px rgba(32, 39, 50, 0.2); justify-content: space-between; transition: all 0.3s ease 0s;}
.contents_wrap .right .link_wrap .link a:hover {transform: scale(1.03);}
.contents_wrap .right .link_wrap .link h2 {font-size: 3.8rem; margin-bottom: 20px; line-height: 1.25; }
.contents_wrap .right .link_wrap .link p {font-size: 19px; }
.contents_wrap .right .link_wrap .link span {position: relative; font-size: 17px; font-weight: bold;  display: flex; width: 70%; margin-bottom: -20px;  margin-left: -45px; height: 62px; line-height: 62px;}
.contents_wrap .right .link_wrap .link span::before {content: ''; position: absolute; left: 0; bottom: 0; background: #f4f7fa; width: 105%; height: 70px; z-index: 1; border-radius: 0 40px 0 20px;}
.contents_wrap .right .link_wrap .link span::after {content: ''; position: absolute; right: 38px; bottom: 44%; z-index: 1; background: url('/common/jeonse/img/intro/ic_link_arrow.png') no-repeat right center; width: 22px; height: 8px;}
.contents_wrap .right .link_wrap .link span em {z-index: 1; display: inline-block; width: 100%; height: 100%; margin-left: 0px; padding-left: 35px; border-radius: 0 40px 0 20px;}
.contents_wrap .right .link_wrap .link_1 a {background: #436bb3 url('/common/jeonse/img/intro/bg_link1.png')no-repeat 0 bottom;}
.contents_wrap .right .link_wrap .link_2 a {background: #6ca149 url('/common/jeonse/img/intro/bg_link2.png')no-repeat 0 bottom;}
.contents_wrap .right .link_wrap .link_1 span em {background: #214586;}
.contents_wrap .right .link_wrap .link_2 span em {background: #4b8921;}

/*푸터*/
.footer .foot_logo {display: flex; align-items: center; justify-content: center; gap:40px; padding: 15px 0;}
.footer .foot_logo .logo_f {width: 127px; height: auto;}
.footer .quick_home {position: fixed; right: 2%; bottom: 140px; z-index: 999; background-color: transparent;}

/*사이트맵*/
.sitemap .contents_wrap {display: block; }
.sitemap_cont{overflow:hidden;clear:both;margin:0 0 50px;display:flex;flex-wrap:wrap; justify-content: center;}
.sitemap_cont dl{width:calc((100% - 160px) / 2);border-top:2px solid #0f6ad8;margin-right:40px;margin-bottom:40px}
.sitemap_cont02 dl {width:calc((100% - 190px) / 3);}
.sitemap_cont dl:last-child{margin-right:0;}
.sitemap_cont dt{border-bottom:1px solid #bababa;font-weight:bold;font-size:1.9rem;text-align:center; word-break:keep-all; background: #fff; height: 74px; display: flex; justify-content: center; align-items: center;}
.sitemap_cont dd{border-bottom:1px solid #ddd;text-align:center;word-break:keep-all;}
.sitemap_cont dd a{color:#666;font-size:1.6rem;display:block;padding:16px 0;background:#fff;transition:all 0.2s ease-out;}
.sitemap_cont dd a:hover{background:#f4f9ff;color:#333;transition:all 0.2s ease-out;}
.footer .sitemap {position: fixed; right: 2%; bottom: 140px; z-index: 999; width: 108px; text-align: center; padding: 0 12px; background: #fff; border-radius: 15px; box-shadow: 0px 0px 15px 1px rgb(32 39 50 / 14%);}
.footer .sitemap ul li {width: 100%; font-size: 15px; border-bottom: 1px solid #d3d3d3;}
.footer .sitemap ul li:last-child {border: none;}
.footer .sitemap ul li a {padding: 18px 0 16px;display: inline-block; width: 100%; color: #333;}
.footer .sitemap ul li:first-child a {color: #1064c3; font-weight: bold;}

/*mobile*/
@media only screen and (max-width:1140px) {
    .intro {max-height: none;}
    .container {max-width: 100rem; padding: 0 20px;}
    .intro .intro_header {text-align: center;}
    .intro .contents_wrap {height: auto; flex-direction: column-reverse; justify-content: start; gap: 5rem; padding: 50px 0;}
    .intro .contents_wrap .right {width:  auto;}
    .contents_wrap .right .link_wrap {gap: 25px; height: 345px;}
    .contents_wrap .right .link_wrap .link {width: 100%;}
    .contents_wrap .right .link_wrap .link h2 {font-size: 3.6rem}
    .contents_wrap .right .link_wrap .link p {font-size: 18px;}
    .contents_wrap .right .link_wrap .link a {padding: 50px 45px 20px;}
    .contents_wrap .right .link_wrap .link_1 a {background: #436bb3 url('/common/jeonse/img/intro/bg_link1_m.png')no-repeat right 145px;}
    .contents_wrap .right .link_wrap .link_2 a {background-position: right 106px;}
    .intro .contents_wrap .left {width: 100%; gap: 30px;}
    .footer .foot_logo {gap:30px;}
    .footer .quick_home {right: 1%; bottom: 30px; }
    .footer .sitemap {right: 1%; bottom: 30px; background: rgba(255,255,255,.8); width: 70px;}
    .footer .sitemap ul li {font-size: 14px;}
}

@media only screen and (max-width:1024px){
	.sitemap_cont dl{width:calc((100% - 40px) / 2);}
	.sitemap_cont dl:nth-child(2n){margin-right:0;}
}

@media only screen and (max-width:720px){
    .sitemap .container {min-height: calc(100vh - 203px);}
	.sitemap_cont dl{width:100%;margin-right:0}
    .sitemap_cont dl:last-child {margin-bottom: 0;}
}

@media only screen and (max-width:700px) {
    .intro .contents_wrap {padding: 30px 0; gap: 3rem;}
    .contents_wrap .right .link_wrap {flex-direction: column; height: auto;}
    .contents_wrap .right .link_wrap .link a {min-height: 24.5rem; padding: 35px 45px 20px;}
    .contents_wrap .right .link_wrap .link h2 {font-size: 2.8rem; margin-bottom: 12px;}
    .contents_wrap .right .link_wrap .link p {font-size: 16px;}
    .contents_wrap .right .link_wrap .link_1 a {background-position: 120% 50px;}
    .contents_wrap .right .link_wrap .link_2 a {background: #6ca149 url('/common/jeonse/img/intro/bg_link2_m.png')no-repeat right 50px; background-size: 244px;}
    .contents_wrap .right .link_wrap .link span::before {width: calc(100% + 10px);}
    .intro .contents_wrap .left {gap: 15px;}
    .contents_wrap .left .shortcut ul li a {font-size: 16px;}
    .contents_wrap .left .notice {margin-bottom: 10px;}
    .contents_wrap .left .shortcut .d_jeonse {margin-top: 10px;}
    .contents_wrap .left .shortcut .d_jeonse span {font-size: 16px;}
    .footer {padding: 0 20px;}
    .footer .foot_logo {gap:20px;}
    .footer .foot_logo .logo_f {width: 110px; height: auto;}
    .footer .foot_logo img {width:100px; height: auto;}
    
}
@media only screen and (max-width:475px) {
    .contents_wrap .right .link_wrap .link a { padding: 35px 35px 20px;
    min-height: 23rem;}
    .contents_wrap .right .link_wrap .link span {margin-left: -35px;
    font-size: 16px;
    width: 65%;}
    .contents_wrap .right .link_wrap .link_1 a {background-size: 237px;
    background-position: 110% 89px;}
    .contents_wrap .right .link_wrap .link_2 a {background-size: 207px;
    background-position: 100% 93px;}
    .contents_wrap .left .shortcut ul li a {height: 82px;}
    .contents_wrap .left .cs_center {padding: 22px 18px 12px;}
    .footer .quick_home img {width: 17vw;}
}
@media only screen and (max-width:350px) {
    .contents_wrap .right .link_wrap .link span::after {background: none;}
    .contents_wrap .left .cs_center {font-size: 14px;}
    .contents_wrap .left .cs_center ul li span {overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; max-width: 67%;}
    .footer .foot_logo .logo_f {width: 90px;}
    .footer .foot_logo img {width: 90px;}
}