@charset "UTF-8";

/* °øÅë */
.sub_visual { position:relative; height:375px; }
.sub_visual .bg { position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.sub_visual .bg_pc { display:block; }
.sub_visual .bg_t,
.sub_visual .bg_m { display:none; }

.tit_l_01 {position: relative; padding-left: 10px;}
.tit_l_01::before {content: ""; display: block; width: 4px; height: 4px; background: #1F2A6D; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.sub_l_01 {position: relative; padding-left: 10px;}
.sub_l_01::before {content: "??"; display: inline-block; background: #1F2A6D;}

.button-box.sub_btn {margin: 0;}
.button-box.sub_btn > .btn {display: flex; align-items: center; justify-content: center; width: auto; padding: 0 10px; font-size: 1.4rem;}
.button-box.sub_btn > .btn > i {margin-left: 7px; background: url(../imgs/sub/ico_download_white.svg) no-repeat center center; display: block; width: 16px; height: 16px;}

.mt0 {margin-top: 0 !important;}
.mt40 {margin-top: 40px !important;}
.ml0 {margin-left: 0 !important;}

#lnb {float:left;width:286px;margin-top: -130px;margin-bottom:70px;}
#lnb .lnb_titbox {position:relative;height: 160px; padding-top: 60px; border-radius:24px 24px 0 0; background: #FF972E url("../imgs/img_sub_depth_bg.png") no-repeat center center; text-align:center;}
#lnb .lnb_titbox .lnb_tit { display:inline-block; position:relative; color:#fff; font-size:2.6rem; line-height:38px; font-weight:700; vertical-align: top; }

#lnb .lnb_list {background: #fff; }
#lnb .lnb_list > li { overflow: hidden; }
#lnb .lnb_list > li { border-bottom:1px solid #dedede; }
#lnb .lnb_list > li > a { display:flex; align-items: center; position: relative; padding:22px 60px 22px 15px; color:#1c1c1c; font-size:1.6rem; line-height:24px; font-weight:400; letter-spacing:-0.05em; transition: .3s; white-space: nowrap;}
#lnb .lnb_list > li > a.on { color:#015aa4; font-weight: 500; }
#lnb .lnb_list > li > a.on { background: #1F2A6D; color: #fff; font-weight: 500; }
#lnb .lnb_list > li > a:not(.on):hover { background-color:#E4EDFF; color: #275BC2; font-weight: 500;}

#lnb .lnb_list > li > a:focus { z-index: 1; }
#lnb .lnb_list > li > a.in_ul::after { content: ''; position: absolute; top: 50%; right: 11px; width: 45px; height: 30px; margin-top: -15px; background:url('../imgs/ico_arrow_down.svg') no-repeat center center; transform: rotate(90deg); }
#lnb .lnb_list > li > a.in_ul.on::after { background:url('../imgs/ico_arrow_up.svg') no-repeat center center; transform: rotate(-90deg);}
#lnb .lnb_list > li > a[target='_blank']::after { content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 4px; background:url('../imgs/ico_link_blank.svg') no-repeat center center; background-size: contain; }
#lnb .lnb_list > li > .lnb_depth { display:none; padding: 12px 0; background:#f8f8f8; border-bottom: 1px solid #275BC2;}
#lnb .lnb_list > li > .lnb_depth > li > a { display:flex; align-items: center; position:relative; padding:4px 14px 4px 30px; color:#1c1c1c; font-size:1.6rem; line-height:24px; font-weight:400; letter-spacing:-0.8px; }
#lnb .lnb_list > li > .lnb_depth > li > a:before { content:'-'; position:absolute; top: 3px; left:20px; }
#lnb .lnb_list > li > .lnb_depth > li > a[target='_blank']::after { content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 4px; background:url('../imgs/ico_link_blank.svg') no-repeat center center; background-size:contain; }
#lnb .lnb_list > li > .lnb_depth > li > a:hover,
#lnb .lnb_list > li > .lnb_depth > li > a:focus { text-decoration:underline; }
#lnb .lnb_list > li > .lnb_depth > li > a.active { color:#015aa4; font-weight:700; text-decoration: underline;}

.sub_content { float:right; width:calc(100% - 366px); margin-top: -99px; }

.sub_con_head { padding-bottom: 17px; }
.sub_con_head .location { display: flex; align-items: center; font-size:1.4rem; line-height:20px; }
.sub_con_head .location > li + li { padding-left:18px; margin-left:8px; position: relative;}
.sub_con_head .location > li + li::before {content: "/"; display: block; position: absolute; top: 0; left: 0; color: #fff; opacity: 0.8;}
.sub_con_head .location > li > a,
.sub_con_head .location > li > em { color:#fff; font-size:1.4rem; line-height:20px; }
.sub_con_head .location > li > a { font-weight:400; opacity: 0.8; }
.sub_con_head .location > li > em { font-weight:700; }
.sub_con_head .location > li.home > a {background: url(../imgs/ico_home.svg) no-repeat center center; font-size: 0; width: 20px; height: 20px; display: block;}

.sub_con_head .title_btns { display: flex; position: relative; margin-top: 10px; }
.sub_con_head .title_btns .title { color:#fff; font-size:3.2rem; line-height:47px; font-weight:500; }
.sub_con_head .title_btns .right_btns { display: flex; margin-left: auto; padding-top: 2px; }
.sub_con_head .title_btns .right_btns > li + li { margin-left:8px; }
.sub_con_head .title_btns .right_btns > li > .ico { display:block; width:40px; height:40px; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:22px; text-indent:-999px; overflow:hidden; }
.sub_con_head .title_btns .right_btns > li > .ico_copylink { background-image:url('../imgs/ico_copylink.svg'); }
.sub_con_head .title_btns .right_btns > li > .ico_print { background-image:url('../imgs/ico_print.svg'); }

.sub_headbar_wrap { display:none; }


/* 2022-12-28 contents ??ÀÌÁö ??´Ü °£°Ý ??Á¤ */
.sub_cont { min-height:761px; margin:50px 0 70px; }
/* //2022-12-28 contents ??ÀÌÁö ??´Ü °£°Ý ??Á¤ */
.sub_cont > *:first-child { margin-top:0 !important; }

/* ??ºê??*/
/* 2022-12-05 ??ºê??ÀÌ??¿ô ui ??Á¤ */
.sub_tabbox > ul { display:flex; justify-content: space-between; }
.sub_tabbox > ul > li { white-space: nowrap; width: 100%; }
.sub_tabbox > ul > li > a { display:flex; justify-content:center; align-items:center; align-content:center; height:100%; min-height: 48px; padding:5px; border:1px solid #d0d0d0; background:#fff; color:#9E9E9E; font-size:1.6rem; line-height:24px; font-weight:400; text-align:center; }
.sub_tabbox > ul > li > a:hover,
.sub_tabbox > ul > li > a:focus {background-color:#E4EDFF; color: #fff; font-weight: 700; }
.sub_tabbox > ul > li.active > a {background-color:#275BC2; color:#fff; font-weight: 700; }
/* //2022-12-05 ??ºê??ÀÌ??¿ô ui ??Á¤ */
.js_tabcont { display:none; }
.js_tabcont.active { display:block; }

/* content */
.subtit_l { display:block; margin-top:30px; padding-left:38px; background:url('../imgs/ico_subtit_l.svg') no-repeat  0 0; color:#1c1c1c; font-size:20px; line-height:30px; font-weight:700; letter-spacing:-1px; }
.subtit_l.no_bl {padding-left: 0; background: none;}
.subtit_l.line {border-bottom: 1px solid #D5D5D5; padding-bottom: 6px; margin-bottom: 6px;}
.subtit_l_con { padding:0 0 10px 10px; }
.subtit_l_con.pl0 {padding-left: 0;}
.subtit_l_con.pd0 {padding-bottom: 0;}
.subtit_m { display:block; position:relative; padding-left: 26px; margin-top:10px; color:#1c1c1c; font-size:18px; line-height:30px; font-weight:500; letter-spacing:-0.9px; background:url('../imgs/ico_subtit_m.svg') no-repeat 0 2.5px;}
.subtit_m.no_bl { padding-left:0; background: none;}
.subtit_m_con { padding:6px 0 0 7px; }
.subtit_m_con.pl0 {padding-left: 0;}
.subtit_m_con.pt0 {padding-top: 0;}
.subtit_s { display:block; position:relative; margin-top:4px; padding-left:10px; color:#555; font-size:16px; line-height:26px; font-weight:400; letter-spacing:-0.8px; }
.subtit_s::before { content: ''; position: absolute; top: 12px; left: 0; width: 6px; height: 2px; background: #FF972E; }
.subtit_s.no_bl { padding-left:0; }
.subtit_s.no_bl::before { display: none; }
.subtit_s.mt0 {margin-top: 0;}
.subtit_s p.extit {color: #757575; font-size: 1.4rem; line-height: 24px; letter-spacing: -0.05em; position: relative;}
.subtit_s p.extit::before {content: "??"; display: inline-block; margin-right: 3px;}


/* table */
.mobile_scroll { position:relative; overflow:hidden; overflow-x:auto;  margin-left: 20px;}
.mobile_minwidth .txt_ex_scroll { display:none; }

/* ??·Î??*/
/* 2022-12-28 ??½Â????´Ü ??ÀÎ Ãß?? */
.table_data { width:100%; margin-top:20px; border-top:2px solid #1F2A6D;  border-bottom:2px solid #1F2A6D; }
/* //2022-12-28 ??½Â????´Ü ??ÀÎ Ãß?? */
.table_data thead th { padding:14px 10px; border-left:1px solid #D5D5D5; background:#F2F7FF; color:#1c1c1c; font-size:1.6rem; line-height:24px; font-weight:500; text-align:center; border-bottom: 1px solid #D5D5D5;}
.table_data tbody td { padding:14px 10px; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; color:#555555; font-size:1.6rem; line-height:24px; font-weight:400; text-align:center; }
.table_data tbody td.tit {background: #F2F7FF; font-weight: 500;}
.table_data tbody td.align_left { text-align:left; }
.table_data tr > th:first-child,
.table_data tr > td:first-child { border-left:none; }

@media screen and (max-width:1280px) {
#lnb .lnb_list > li > .lnb_depth > li > a { padding-left:28px; }
#lnb .lnb_list > li > .lnb_depth > li > a:before { left:15px; }
.sub_content { width:calc(100% - 300px); }
.sub_tabbox > ul > li > a { font-size: 1.4rem; }
#lnb {width: 256px;}
#lnb .lnb_list > li > a {font-size: 1.4rem;}
#lnb .lnb_list > li > .lnb_depth > li > a {font-size: 1.4rem;}

}

@media screen and (max-width:1024px) {
/* °øÅë */
.sub_visual { height: 175px; }
.sub_visual .bg_pc { display:none; }
.sub_visual .bg_t { display:block; }
.sub_visual .bg_m { display:none; }

#lnb { display:none; }

.sub_content { width:100%; margin-top:-135px; }

.sub_con_head { padding-bottom: 35px; }
.sub_con_head .location { display: none; }
.sub_con_head .title_btns { justify-content: center; margin-top: 0; }
.sub_con_head .title_btns .title { font-size: 2.8rem; line-height: 41px; font-weight: 500; }
.sub_con_head .title_btns .right_btns { position: absolute; top: 50%; right: 0; padding-top: 0; margin-top: -24px; }
.sub_con_head .right_btns > li.print { display:none; }

.sub_headbar_wrap { display: block; position: relative; height: 60px; z-index:10; }
.sub_headbar { display:flex; position:absolute; top: 0; right: 0; left: 0; padding:0 0 0 20px; background:#1F2A6D; overflow: hidden; }
.sub_headbar .link_home { width:24px; height:24px; margin:17px 0; background:url('../imgs/ico_depth_home.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; }
.sub_headbar .sub_depth_box { flex:1; position:relative; margin-left:20px; }
.sub_headbar .sub_depth_box > a { display:block; position:relative; padding:16px 72px 17px 25px; color:#FFFFFF; font-size:1.8rem; line-height:27px; font-weight:500; letter-spacing: -0.025em; }
.sub_headbar .sub_depth_box > a:before { content:''; position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#dedede; }
.sub_headbar .sub_depth_box > a:after { content:''; position:absolute; top:50%; transform: translateY(-50%) rotate(90deg); right:19px; width:24px; height:24px; background:url(../imgs/ico_arrow_up.svg) no-repeat center center; }
.sub_headbar .sub_depth_box > .sub_depth { display:none; margin: 0 -1px 0 -65px; border-top: 1px solid #BAC5DB;}
.sub_headbar .sub_depth_box > .sub_depth > li > a { display:block; padding:17px 40px; background: #1F2A6D; color:#FFFFFF; font-size:1.8rem; line-height:26px; font-weight:500; letter-spacing: -0.9px; }
.sub_headbar .sub_depth_box > .sub_depth > li > a:hover,
.sub_headbar .sub_depth_box > .sub_depth > li > a:focus { background-color:#2E74FF; }
.sub_headbar.active .sub_depth_box > a:after { transform:translateY(-50%) rotate(-90deg); }
.sub_headbar.active .sub_depth_box > .sub_depth > li > a[target='_blank']::after { content: ''; display: inline-block; width: 18px; height: 18px; margin-left: 4px; background:url('../imgs/ico_link_blank_t.svg') no-repeat center center; background-size:contain; }
.sub_headbar.active .sub_depth_box > a + .sub_depth { display:block; }

.sub_cont { min-height: 713px; margin: 20px 0 60px; }

/* ??ºê??*/
.sub_tabbox > ul {margin: -5px 0 0; }
.sub_tabbox > ul > li {padding: 5px 0 0; }
.sub_tabbox > ul > li > a { font-size:1.6rem; line-height:24px;}

/* content */

 }

@media screen and (max-width:767px) {
/* °øÅë */
.sub_visual { height: 159px; }
.sub_visual .bg_pc { display:none; }
.sub_visual .bg_t { display:none; }
.sub_visual .bg_m { display:block; }

.sub_content { margin-top:-116px; }

.sub_tabbox > ul > li > a { font-size: 1.3rem; }

.sub_con_head { padding-bottom: 17px; }
/* 2022-12-28 3depth font-size ??Á¤ */
.sub_con_head .title_btns .title { font-size: 2.0rem; line-height: 41px; font-weight: 500;}
/* //2022-12-28 3depth font-size ??Á¤ */
.sub_con_head .title_btns .right_btns { margin-top: -18px; }
.sub_con_head .title_btns .right_btns > li > .ico { width: 36px; height: 36px; background-size: 16px; }

.sub_headbar { padding-left: 15px; }
.sub_headbar .link_home { width: 20px; height: 20px; margin: 19px 0; }
.sub_headbar .sub_depth_box { margin-left: 15px; }
.sub_headbar .sub_depth_box > a { padding: 17px 67px 17px 15px; font-size: 1.6rem; line-height: 24px; letter-spacing: -0.8px; }
.sub_headbar .sub_depth_box > a:after { right: 14px; }
.sub_headbar .sub_depth_box > .sub_depth { margin-left: -51px; }
.sub_headbar .sub_depth_box > .sub_depth > li > a { padding: 17px 30px; font-size: 1.6rem; line-height: 24px; letter-spacing: -0.8px; }


.sub_cont { min-height: 366px; margin: 25px 0 50px; }

/* content */
.subtit_l { position: relative; margin-top: 25px; padding-left: 0; background: none; font-size: 1.6rem; line-height: 26px; letter-spacing: -0.8px; }
.subtit_l::before { content: ''; display: inline-block; width: 30px; height: 30px; background: url(../imgs/ico_subtit_l.svg) no-repeat center 0; vertical-align: top; }
/* 2022-12-15 icon °­Á¦ ??¼º ???? */
.subtit_l.no_bl::before {display: none;}
/* 2022-12-15 icon °­Á¦ ??¼º ???? */
.subtit_l_con { padding: 0 0 0 20px; }
.subtit_l_con + .subtit_l { margin-top: 12px; }
.subtit_m { margin-top: 6px; color: #0f0f0f; font-size: 1.4rem; line-height: 24px; letter-spacing: -0.8px; }
.subtit_m::before { top: 9px; }
.subtit_m_con { padding: 0; }
.subtit_s { margin: 4px 0 6px; color: #0f0f0f; font-size: 1.4rem; line-height: 20px; letter-spacing: -0.7px; }
.subtit_s::before {top: 10px;}

.btnbox_center { margin-top:30px; }

.m_full { width:100%; }

/* table */
.mobile_scroll {margin-left: 0;}
.mobile_minwidth { min-width:739px; /* 767px - 28px */ }
.mobile_minwidth .txt_ex_scroll { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../imgs/bg_ex_scroll.svg.svg') no-repeat center 30px; background-size:70px; text-indent:-999px; overflow:hidden; z-index:5; }

.table_data { margin-top: 10px;}
.table_data thead th { padding: 12px 8px; font-size: 1.5rem; line-height: 22px; }
.table_data tbody td { padding: 8px; font-size: 1.5rem; line-height: 22px; }
 }

 /* error, 404 */
 .error {width: 100%; height: 100vh; padding: 143px 0; text-align: center; display: flex; align-items: center;}
 .error .error_box { margin: 0 auto; display: inline-block;  }
 .error .error_box .img {background:  url(../imgs/img_error.png) no-repeat top center; width: 438px; height: 424px; background-size: contain; margin-right: 51px; float: left;}
 .error .error_box .text {float: left; text-align: left;}
 .error .error_box .text p {font-size: 1.6rem; line-height: 24px; letter-spacing: -0.025em; color: #000000; word-break: keep-all;}
 .error .error_box .text .tit {color: #275BC2; font-size: 5.0rem; font-weight: 900; letter-spacing: -0.025em; line-height: 74px; position: relative; margin-bottom: 33px;}
 .error .error_box .text .tit::after {content: ""; display: block; width: 220px; height: 200px; background: url("../imgs/img_error_tit_bg.png") no-repeat center center; position: absolute; top: -70px; right: 0; z-index: -1;}
 .error .error_box .text .tit span {font-weight: 500;}
 .error .error_box .text .button-box {display: flex;}
 .error .error_box .text .button-box .btn {margin-right: 8px; width: 120px;}

 @media screen and (max-width:1024px) {
     .error .error_box .img {width: 408px; height: 394px;}
 }
 @media screen and (max-width:767px) {
     .error {padding: 73px 20px;}
     .error .error_box {display: block;}
     .error .error_box .img {margin-right: 0; background-position: center center; background-size: contain; width: 100%;}
     .error .error_box .text {width: 100%; text-align: center; margin-top: 51px;}
     .error .error_box .text .button-box {justify-content: space-between;}
     .error .error_box .text .button-box .btn {margin-top: 10px; margin-right: 0;}
     .error .error_box .text .button-box::after {display: none;}
 }

 /* prepare */
.prepare { background-color:#F2F7FF; min-height: 761px; display: flex; align-items: center;}
.prepare .prepare-wrap { margin: 0 auto; text-align: center;}
.prepare .prepare-message {}
.prepare .prepare-message h1 {font-weight:700; font-size:3.0rem; line-height: 45px; letter-spacing:-0.05em; color:#1F2A6D; margin-bottom: 10px; padding-top:108px; position:relative;}
.prepare .prepare-message h1::after {content: ""; display: block; width: 100px; height: 100px; background: url("../imgs/ico_prepare.svg")no-repeat; position:absolute; top: 0; left: 50%; transform: translateX(-50%);}
.prepare .prepare-message p {font-weight:400; font-size:1.6rem; line-height:1.5; letter-spacing:-0.025em; color:#474747;}
.prepare .prepare-message p b {font-weight:500;}

@media only screen and (max-width:1024px) {
  .prepare {min-height: 713px;}
}
@media only screen and (max-width:767px) {

  .prepare {min-height: 366px;}

}

.boder_support.search {display: block; background: #ECF5FC; border-radius: 10px; padding: 30px 0;}
.boder_support.search .search_group {text-align: center;}
.boder_support.search .search_group fieldset .text_search {width: 463px; margin-left: 0;}
.boder_support.search .search_group fieldset {position: relative;}
.boder_support.search .search_group fieldset .btn_search  {background-size: 19px;}
.search_list {border-top: none !important;}
.search_list > ul > li {border: 1px solid #D5D5D5; margin-bottom: 16px; overflow: hidden;}
.search_list > ul > li.null {border: none; border-bottom: none !important;}
.search_list > ul > li.result {border: none; border-bottom: none !important;}
.search_list > ul > li.result > div {padding: 50px 0; text-align: center; font-size: 2.0rem; letter-spacing: -0.05em; line-height: 29px; font-weight: 500; word-break: keep-all; color: #757575;}
.search_list > ul > li.result > div > p > b {font-weight: 700; color: #015AA4;}
.search_list > ul > li:not(.on):hover > .toggle_title,
.search_list > ul > li:not(.on):focus > .toggle_title {background: #F2F7FF; border: 1px solid #BAC5DB;}
.search_list > ul > li.on > .toggle_title {background: #275BC2; color: #FFFFFF;}
.search_list > ul > li > .toggle_title > p {font-size: 1.6rem; line-height: 50px; font-weight: 500; padding-right: 65px;}
.search_list > ul > li > .toggle_title > p > b {font-weight: 500;}
.search_list > ul > li > .toggle_title > p > b.depth {margin-right: 20px;}
.search_list > ul > li > .toggle_title > p > b.total {color: #015AA4;}
.search_list > ul > li.on > .toggle_title > p > b.total {color: #FF972E;}
.search_list > ul > li > .toggle_info {background:none !important;  border-top: 1px solid #d0d0d0; border-radius: initial; font-weight: 500;}
.search_list > ul > li > .toggle_info > ul {border-bottom: 1px solid #DEDEDE; padding-bottom: 30px;}
.search_list > ul > li > .toggle_info > ul > li {position: relative; margin-top: 8px;}
.search_list > ul > li > .toggle_info > ul > li > a {position: relative;}
.search_list > ul > li > .toggle_info > ul > li > a > p { font-size: 1.6rem; line-height: 30px; letter-spacing: -0.05em;}
.search_list > ul > li > .toggle_info > ul > li > a > p.title {padding-right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 15px;}
.search_list > ul > li > .toggle_info > ul > li > a > p.title::before {content: "-"; position: absolute; top: -3px; left: 0; color: #FF972E;}
.search_list > ul > li > .toggle_info > ul > li > a > p.data {position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #707070;}


@media screen and (max-width:767px) {

  .boder_support.search .search_group fieldset {width:inherit;}
  .boder_support.search .search_group fieldset .text_search {width: 300px;}

    .search_list > ul > li > .toggle_title > p {font-size: 1.4rem;}
    .search_list > ul > li.result > div {font-size: 1.4rem; line-height: 20px;}
    .search_list > ul > li > .toggle_info > ul > li > p {font-size: 1.4rem;}
    .search_list > ul > li > .toggle_info .paging .page_num {max-width: 160px;}
    .search_list > ul > li > .toggle_info .paging .page_num a {width: 27.5px; height: 27.5px; font-size: 1.4rem; line-height: 26px;}
}

/* site_map */
.sitemap {width:100%;}
.site_wrap {position:relative;margin-bottom:80px; padding:6px 0;width:100%; border-top:1px solid #D5D5D5;}
.site_wrap:before{content:'';position:absolute;left:0;top:0; width:149px;height:4px;background:#1F2A6D;}
.site_wrap h2{margin-bottom:20px;padding:0;line-height:0;background:none; margin-top: 6px;}
.site_wrap h2 span{font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 35px;}

.site_wrap .sitemap_grep {width:100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 40px;}
.site_wrap .sitemap_grep:after {content:"";display:block;visibility:hidden;clear:both;}
.site_wrap .sitemap_list {margin-bottom:10px; width:100%; }
.site_wrap .sitemap_list:after {content:"";display:block;visibility:hidden;clear:both;}
.site_wrap .sitemap_list > li{display:block;font-size:15px;}
.site_wrap .sitemap_list > li > a{display:block;text-align:center;font-size:1.6rem; line-height: 24px; letter-spacing: -0.05em; font-weight: 700; padding:8px 0; color:#222; background: #F2F7FF;}
.site_wrap .sitemap_list > li > a:hover,
.site_wrap .sitemap_list > li > a:focus{text-decoration:underline;}
/* 2022-12-27 sitemap 2depth linkico Ãß?? */
.site_wrap .sitemap_list > li.link a span {position: relative;}
.site_wrap .sitemap_list > li.link a span::after {content: "";display: block;width: 18px;height: 18px;position: absolute;bottom: -7px;right: -21px;transform: translateY(-50%);background: url(../imgs/ico_link_blue.svg) no-repeat center center;background-size: cover;}
.site_wrap .sitemap_list > li > a span{word-wrap:break-word;word-break:keep-all;line-height:1.2;}
/* 2022-12-27 sitemap 2depth linkico Ãß?? */
.site_wrap .sitemap_list ul{margin-bottom:5px;padding:10px 16px;}
.site_wrap .sitemap_list ul li{}
.site_wrap .sitemap_list ul li a{position:relative;display:block;padding-left:10px; word-break: keep-all; color:#757575;font-size:1.4rem;line-height:20px; font-weight: 500;}
.site_wrap .sitemap_list ul li a:hover,
.site_wrap .sitemap_list ul li a:focus{text-decoration:underline;}
.site_wrap .sitemap_list ul li a:before{content:'';position:absolute;position:absolute;left:0;top:7.5px;border-radius: 3px; width:5px;height:5px;background:#275BC2;}
.site_wrap .sitemap_list ul li a.link span {position: relative;}
.site_wrap .sitemap_list ul li a.link span::after {content: ""; display: block; width: 16px; height: 16px; position: absolute; bottom: -5px; right: -21px; transform: translateY(-50%); background: url(../imgs/ico_link_blue.svg) no-repeat center center;}

@media screen and (max-width:1280px) {
  .site_wrap .sitemap_grep {grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 20px;}
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:767px) {
  .site_wrap .sitemap_grep {grid-template-columns: 1fr 1fr; grid-column-gap: 10px;}
}

/* sub01_04_01_00 Á¶Á÷±¸¼º??*/
.organization {background: #F2F7FF; width: 100%; height: 100%; padding: 40px 40px;}
.organization span {word-break: keep-all;}
.organization li.right {float: right;}
.organization li.left {float: left;}
.organization ul li > a {z-index: 11;}
/* 2022-12-20 Á¶Á÷??index ??Á¤ */
.organization li > a.type01 {z-index: 1; position: absolute; top: 0; left: 50%; transform: translateX(-50%);  background: #051787 url(../imgs/sub/img_orgn_bg.png) no-repeat center center; background-size: cover; border: 2px solid #2E74FF; width: 240px; padding: 17px 0; display: block; text-align: center;}
/* //2022-12-20 Á¶Á÷??index ??Á¤ */
.organization li > a.type01 > span {font-size: 1.8rem; font-weight: 700; line-height: 27px; color: #FFFFFF;}
.organization li > a.type01_01 { background: #1F2A6D; width: 200px; padding: 12px 0; display: block; text-align: center;}
.organization li > a.type01_01 > span {font-size: 1.8rem; font-weight: 500; line-height: 27px; color: #FFFFFF;}
.organization li > a.type02 {position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #2E74FF; width: 240px; padding: 12px 0; display: block; text-align: center; }
.organization li > a.type02 > span {font-size: 1.8rem; font-weight: 700; line-height: 27px; color: #FFFFFF;}
.organization li > a.type02_01 { background: #2E74FF; width: 200px; padding: 12px 0; display: block; text-align: center;}
.organization li > a.type02_01 > span {font-size: 1.8rem; font-weight: 500; line-height: 27px; color: #FFFFFF;}
.organization li > a.type03 {margin: 0 auto; background: #2E9DFF; width: 190px; padding: 12px 0; display: block; text-align: center; }
.organization li > a.type03 > span {font-size: 1.8rem; font-weight: 700; line-height: 27px; color: #FFFFFF;}
.organization li > a.type03_01 { background: #FFFFFF; border: 1px solid #98BAFF; height: 207px; padding: 0 12px; display: flex; align-items: center; letter-spacing: -0.5em;}
.organization li > a.type03_01 > span {font-size: 1.8rem; font-weight: 400; line-height: 20px; color: #1F2A6D; writing-mode: vertical-lr; text-orientation: upright;}
.organization li > a.type03_02 { background: #E4EDFF; border: 1px solid #98BAFF; height: 207px; padding: 0 12px; display: flex; align-items: center; letter-spacing: -0.5em;}
.organization li > a.type03_02 > span {font-size: 1.8rem; font-weight: 400; line-height: 20px; color: #1F2A6D; writing-mode: vertical-lr; text-orientation: upright;}


.organization_wrap {width: 100%; height: 100%;}
.organization_wrap ul {display: inline-block; width: 100%; position: relative;}
.organization_wrap ul.main::before {content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #BAC5DB; width: 1px; height: calc(100% + 35px); }
.organization_wrap ul.main > li > ul > li > ul > li {position: relative;}
.organization_wrap ul li {position: relative;}
.organization_wrap ul li.top {padding: 10px 0 0;}
.organization_wrap ul.top_first {margin-bottom: 16px;}
.organization_wrap ul.top_second {position: relative;}
.organization_wrap ul.top_second::before {content: ""; display: block; position: absolute; top: 25px; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; border-bottom: 1px dashed #BAC5DB;}
.organization_wrap ul.top_second > li > ul {margin-top: 16px;}
.organization_wrap ul li.center {margin-top: -57px;}
.organization_wrap ul.center_first {padding-top: 61px;}
.organization_wrap ul.center_first > li > ul > li > ul {margin-top: 16px;}

.organization_wrap ul.sub {position: relative; display: grid; grid-template-columns: 1fr 3fr 3fr 3fr 4fr; gap: 30px; margin-top: 55px;}
/* 2022-12-21 ??½Â??Á¶Á÷??????Áö Áß¾Ó ??ÀÎ ??±â ??Á¤ */
.organization_wrap ul.sub::before {content: ""; display: block; width: 85.55%;  height: 1px; position: absolute; top: -21px; left: 23px; background: #BAC5DB;}
/* 2022-12-21 ??½Â??Á¶Á÷??????Áö Áß¾Ó ??ÀÎ ??±â ??Á¤ */
.organization_wrap ul.sub > li {display: flex; flex-wrap: wrap; align-items: flex-end;}
.organization_wrap ul.sub > li > ul { position: relative; display: flex; justify-content: space-between; margin-top: 36px;}
.organization_wrap ul.sub > li > ul::before {content: ""; display: block; width: calc(100% - 45px); height: 1px; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); background: #BAC5DB;}
.organization_wrap ul.sub > li > ul:first-child::before {display: none;}
.organization_wrap ul.main_box {position: relative;}
.organization_wrap ul.main_box::before {content: ""; display: block; width: 50%; height: 1px; position: absolute; top: 25px; right: 0; background: #BAC5DB;}
.organization_wrap ul li.sub_box > a {position: relative;}
.organization_wrap ul li.sub_box > a::before {content: ""; display: block; width: 1px; height: 16px; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); background: #BAC5DB;}
.organization_wrap ul.sub > li:first-child > ul > li > a:before { content: ""; display: block; width: 1px; height: 108px; position: absolute; top: -108px; left: 50%; transform: translateX(-50%); background: #BAC5DB;}
.organization_wrap ul.sub > li > a {position: relative;}
.organization_wrap ul.sub > li > a::before {content: ""; display: block; width: 1px; height: 21px; position: absolute; top: -21px; left: 50%; transform: translateX(-50%); background: #BAC5DB;}
.organization_wrap ul.sub > li > a::after {content: ""; display: block; width: 1px; height: 21px; position: absolute; bottom: -21px; left: 50%; transform: translateX(-50%); background: #BAC5DB;}

@media screen and (max-width:1510px) {
  .organization_wrap ul.sub::before {width: 84.7%; left: 21px;}
  .organization_wrap ul.sub > li > ul::before {width: calc(100% - 41px);}
  .organization_wrap ul.sub {gap:20px;}
  .organization li > a.type03 {width: 145px; padding: 12px 0;}
  .organization li > a.type03 > span {font-size: 1.7rem; line-height: 27px;}
  .organization li > a.type03_01 { height: 207px; padding: 0 8px; }
  .organization li > a.type03_01 > span {font-size: 1.6rem; line-height: 22px; }
  .organization li > a.type03_02 { height: 207px; padding: 0 8px;}
  .organization li > a.type03_02 > span {font-size: 1.6rem; line-height: 22px; }
}
@media screen and (max-width:1300px) {
  .organization_wrap ul.sub::before {width: 84.8%;}
}
@media screen and (max-width:1280px) {
  .organization_wrap ul.sub::before {width: 84.7%; left: 18px;}
  .organization_wrap ul.sub > li > ul::before {width: calc(100% - 37px);}
  .organization li > a.type01 {width: 200px; padding: 17px 0;}
  .organization li > a.type01 > span {font-size: 1.8rem; font-weight: 700; line-height: 27px; color: #FFFFFF;}
  .organization li > a.type01_01 { width: 160px; padding: 12px 0;}
  .organization li > a.type01_01 > span {font-size: 1.8rem; font-weight: 500; line-height: 27px; color: #FFFFFF;}
  .organization li > a.type02 {width: 200px; padding: 12px 0; }
  .organization li > a.type02 > span {font-size: 1.8rem; font-weight: 700; line-height: 27px; color: #FFFFFF;}
  .organization li > a.type02_01 { width: 160px; padding: 12px 0;}
  .organization li > a.type02_01 > span {font-size: 1.8rem; font-weight: 500; line-height: 27px; color: #FFFFFF;}

  .organization li > a.type03 {width: 100px; padding: 12px 0;}
  .organization li > a.type03_01 { height: 207px; padding: 0 5px; }
  .organization li > a.type03_01 > span {font-size: 1.4rem; line-height: 22px; letter-spacing: -0.05em; }
  .organization li > a.type03_02 { height: 207px; padding: 0 5px;}
  .organization li > a.type03_02 > span {font-size: 1.4rem; line-height: 22px; letter-spacing: -0.05em; }

}

@media screen and (max-width:767px) {

  .organization {padding: 24px 8px;}
  .organization li > a.type01 {left: 0; transform: translateX(0);}
  .organization_wrap {width: 300px; margin: 0 auto;}
  .organization_wrap ul li.top {padding: 5px 0 0;}
  .organization_wrap ul li.center {margin-top: 24px;}
  .organization_wrap ul.main::before {height: calc(100% + 56px);}
  .organization_wrap ul.sub {display: grid; grid-template-columns:none; margin-top: 55px; border-left: 1px solid #BAC5DB;}
  .organization_wrap ul.sub > li {display: flex; flex-wrap: wrap; align-items: flex-end;}
  .organization_wrap ul.sub > li > ul {display: flex; justify-content: space-between; margin-top: 41px;}
  .organization li > a.type01 {width: 166px; padding: 10px 0;}
  .organization li > a.type01 > span {font-size: 1.6rem; font-weight: 700; line-height: 27px; color: #FFFFFF;}
  .organization li > a.type01_01 { width: 126px; padding: 10px 0;}
  .organization li > a.type01_01 > span {font-size: 1.6rem; font-weight: 500; line-height: 27px; color: #FFFFFF;}
  .organization li > a.type02 {width: 188px; padding: 10px 0; }
  .organization li > a.type02 > span {font-size: 1.6rem; font-weight: 700; line-height: 27px; color: #FFFFFF;}
  .organization li > a.type02_01 { width: 124px; padding: 10px 0;}
  .organization li > a.type02_01 > span {font-size: 1.6rem; font-weight: 500; line-height: 27px; color: #FFFFFF;}
  .organization li > a.type03 {width: 188px; padding: 12px 0;}
  .organization li > a.type03_01 { width: 188px; height:inherit;  padding: 10px 0; display: block; text-align: center; letter-spacing: normal;}
  .organization li > a.type03_01 > span {font-size: 1.4rem; line-height: 22px; writing-mode:inherit; }
  .organization li > a.type03_02 { width: 188px; height: inherit; padding: 10px 0; display: block; text-align: center; letter-spacing: normal;}
  .organization li > a.type03_02 > span {font-size: 1.4rem; line-height: 22px;writing-mode:inherit;  }

  .organization_wrap ul.sub > li > ul {display: block; margin-top: 24px;}
  .organization_wrap ul.sub > li > ul > li {display: flex; justify-content: flex-end;}
  .organization_wrap ul.sub > li > ul > li + li {margin-top: 16px;}
  .organization_wrap ul.sub li.sub_box > a::before {top: 50%; width: 33px; height: 1px; left: -33px; transform: translateY(-50%);}
  .organization_wrap ul.sub > li > ul::before {width: 1px; height: 93%; top: inherit; bottom: 23px; left: 78px;}
  .organization_wrap ul.sub > li:last-child > ul:before {width: 1px; height: 95%; top: inherit; bottom: 23px; left: 78px;}
  .organization_wrap ul.sub > li + li > ul::after {content: ""; display: block; width: 73px; height: 1px; background: #BAC5DB; position: absolute; top: -11px; left: 78px;}
  .organization_wrap ul.sub > li > a::after {height: 13px; bottom: -13px;}
  /* 2023-02-13 Á¶Á÷??line ??Á¤ */
  .organization_wrap ul.sub > li > a::before {width: 56px;height: 1px;top: 50%;left: -55px;transform: translateY(-50%);}
  /* //2023-02-13 Á¶Á÷??line ??Á¤ */
  .organization_wrap ul.sub > li > ul > li > a {float: right;}
  .organization_wrap ul.sub::before {width: 50%; left: 0; top: 0;}
  .organization_wrap ul.sub > li:first-child > ul > li > a:before { top:50%; left: 0; width: 37%; height: 1px; transform: none;}

}

/* sub02_06_03_00 °¡¸Í»ç??¹ý¹ý·ü??´ã??¾à */
.consult_box {border: 1px solid #D5D5D5; border-radius: 0 24px 0 0; padding: 30px 40px; margin-top: 10px;}
.rsv_wrap { margin: 0 auto; }
.rsv_apc {border: 1px solid #BAC5DB; margin-top: 10px; border-radius: 0 24px 0 0; background: #F2F7FF; display: flex; position: relative;}
.rsv_apc::before {content: ""; display: block; height: 85%; width: 1px; background: url(../imgs/sub/img_border_dashed_row.png) center center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.rsv_apc > li {width: 50%;}
.rsv_apc > li > div {padding: 30px 0 40px;}
.rsv_apc > li > div > .img {text-align: center;}
.rsv_apc > li > div > .img > i {display: block; width: 90px; height: 90px; margin: 0 auto;}
.rsv_apc > li > div > .img > i.rsv01 {background: url(../imgs/sub/ico_rsv_img.svg) no-repeat center center;}
.rsv_apc > li > div > .img > i.apc01 {background: url(../imgs/sub/ico_apc_img.svg) no-repeat center center;}
.rsv_apc > li p.tit {font-size: 2.4rem; line-height: 46px; letter-spacing: -0.025em; font-weight: 700; color: #333333;}
.rsv_apc > li p.sub {font-size: 1.6rem; line-height: 28px; letter-spacing: -0.025em; font-weight: 400; color: #333333;}

.rsv_apc .btn {display: flex; justify-content: center; margin-top: 24px;}
.rsv_apc .btn > a {padding: 14px 0; width: 80%; display: flex; text-align: center;}
.rsv_apc .btn > a i {width: 28px; height: 28px; display: block; margin-right: 10px;}
.rsv_apc .btn > a i.apc02 {background: url(../imgs/sub/ico_btn_apc.svg)no-repeat center center;}
.rsv_apc .btn > a i.rsv02 {background: url(../imgs/sub/ico_btn_rsv.svg)no-repeat center center;}
.rsv_wrap .btn > a {background: #1F2A6D;}
.apc_wrap .btn > a {background: #275BC2;}
.rsv_apc .btn > a > span { color: #FFFFFF; font-size: 1.6rem; line-height: 26px; font-weight: 500; display: flex; margin: 0 auto;}
.dim_layer {position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%;}
.dim_layer .dimBg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#081023; opacity:0.4;}
.pop_layer {display: none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%;}
.pop_layer {display: none; }
.pop_layer.on {display: block;}
.pop_wrap {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); max-width:952px; width: 90%; height: 90%; background-color:#333; z-index:1001; background: #FFFFFF; padding: 24px 0; overflow-x: hidden;}
.pop_wrap::-webkit-scrollbar {width: 7px;}
.pop_wrap::-webkit-scrollbar-thumb {background-color: #1F2A6D; background-clip: padding-box;}
.pop_wrap::-webkit-scrollbar-track {background-color: #D5D5D5;}
.pop_wrap .header .inner {padding: 0 24px; position: relative;}
.pop_wrap .header .close {position: absolute; top: 0; right: 24px;}
.pop_wrap .header .close a > i {display: block; width: 40px; height: 40px; background: url(../imgs/sub/ico_close_black.svg)no-repeat center center;}
.pop_wrap .inner {padding: 0 40px; height: 100%;}
.pop_wrap .title { font-size: 2.4rem; font-weight: 500; line-height: 36px; letter-spacing: -0.05em; color: #212121; }
.pop_wrap .order {background: #F6F6F6; height: 80px; width: 100%; margin-top: 24px;}
.pop_wrap .order ul {display: flex; justify-content: space-between; height: 100%; position: relative;}
.pop_wrap .order ul::before {content: ""; display: block; width: 50%; height: 1px; z-index: 9; border-bottom: 1px dashed #D5D5D5; position: absolute; top: 50%; left: 0;}
.pop_wrap .order ul::after {content: ""; display: block; width: 50%; height: 1px; z-index: 9; border-bottom: 1px dashed #D5D5D5; position: absolute; top: 50%; right: 0;}
.pop_wrap .order ul.second::before {border-bottom: 1px dashed #1F2A6D;}
.pop_wrap .order ul.third::before {border-bottom: 1px dashed #1F2A6D;}
.pop_wrap .order ul.third::after {border-bottom: 1px dashed #1F2A6D;}

.pop_wrap .order ul > li {display: flex; align-items: center; height: 100%; background: #F6F6F6; z-index: 10; padding: 0 30px;}
.pop_wrap .order ul > li > p.main {font-size: 3.4rem; font-weight: 700; line-height: 34px; letter-spacing: -0.05em; color: #D5D5D5; margin-right: 12px;}
.pop_wrap .order ul > li > p.txt {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; color: #D5D5D5; max-width: 96px; word-break:break-all;}
.pop_wrap .order ul > li > p.main_icon i {display: none; width: 32px; height: 20px; background: url(../imgs/sub/ico_dimpop_check_blue.svg)no-repeat center center; background-size: cover; margin-right: 15px;}
.pop_wrap .order ul > li > p.main_icon.on i {display: block;}
.pop_wrap .order ul > li.on > p.main {color: #2E74FF;}
.pop_wrap .order ul > li > p.main.off {display: none;}
/* .pop_wrap .order ul > li.on > p.txt {color: #1C1C1C;} */
.pop_wrap .agree_wrap {height: 171px; padding: 16px 24px; border: 1px solid #D5D5D5; overflow: hidden; margin-top: 10px;}
.pop_wrap .agree_wrap .agree_box {overflow: auto; height: 100%; word-break: break-all;}
.pop_wrap .agree_wrap .agree_box::-webkit-scrollbar {width: 7px;}
.pop_wrap .agree_wrap .agree_box::-webkit-scrollbar-thumb {background-color: #1F2A6D; background-clip: padding-box;}
.pop_wrap .agree_wrap .agree_box::-webkit-scrollbar-track {background-color: #D5D5D5;}
.pop_wrap .agree .radio {display: block; float: right; margin-top: 16px;}
.pop_wrap .agree .radio label {font-size: 1.4rem; line-height: 20px;}
.pop_wrap .agree .radio label span {vertical-align: middle;}
[type="radio"] {vertical-align: middle;appearance: none;border: 1px solid #919191;border-radius: 50%;width: 20px;height: 20px;margin: -2px 3px 0px 5px;}
[type="radio"]:checked {border: 5px solid #2E74FF;}
[type="radio"]:disabled {background-color: #919191;}

.pop_wrap .write {position: relative; margin-top: 70px;}
.pop_wrap .write p.sub_txt {position: absolute; top: 0; right: 0;}
.pop_wrap .write p.sub_txt span.check {color: #FF0000;}

/* .pop_wrap .write td.checkbox fieldset {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; white-space: nowrap;} */
.pop_wrap .write td .radio {display: flex; flex-wrap: wrap; white-space: nowrap;}
.pop_wrap .write td .radio label {width: 25%;}
.pop_wrap .write td .radio label span {font-size: 1.4rem; line-height: 20px; font-weight: 400; color: #1C1C1C;}
.pop_wrap .write td .radio label span.visit + span {margin-left: 8px; font-style: 1.4rem; line-height: 20px; color: #757575;}
.pop_wrap .write td.checkbox fieldset {display: flex; flex-wrap: wrap; white-space: nowrap;}
.pop_wrap .write td.checkbox fieldset div {width: 25%;}
.pop_wrap .write td.checkbox fieldset div input {width: 20px;height: 20px;margin: 0px 3px 3px 4px;}
/* 2022-12-19 ??½Â????´ã??¾à - ºÒ°ø??°íÃæ ??Çü °£°Ý ??Á¤ */
.pop_wrap .write td.checkbox fieldset div label {font-size: 1.4rem; letter-spacing: -0.1em;  line-height: 20px; font-weight: 400; color: #1C1C1C;}
/* //2022-12-19 ??½Â????´ã??¾à - ºÒ°ø??°íÃæ ??Çü °£°Ý ??Á¤ */
.pop_wrap .write .tbl-group {overflow:hidden;}
.pop_wrap .write .tbl-group-inr {overflow:hidden;}
.pop_wrap .write .tbl {table-layout:fixed; border-spacing:0; border-collapse:collapse; /*overflow:hidden;*/ width:100%; min-width:100%; max-width:none; font:inherit; font-style:normal; letter-spacing:inherit; color:inherit;}
.pop_wrap .write .tbl table {table-layout:fixed;  border-spacing:0; border-collapse:collapse; width:100%; min-width:100%; max-width:none; font:inherit; font-style:normal; letter-spacing:inherit; color:inherit;}
.pop_wrap .write .tbl-write {border: 1px solid #CFD8DC;}
.pop_wrap .write .tbl-write thead {border-bottom:none; background-color:#F8F8F8;}
.pop_wrap .write .tbl-write thead tr {}
.pop_wrap .write .tbl-write thead tr th {vertical-align:middle; position:relative; padding:14px 16px; text-align:center;}
.pop_wrap .write .tbl-write thead tr th > span {font-weight:400; font-size:1.4rem; line-height:20px; color:#212121;}
.pop_wrap .write .tbl-write tbody {}
.pop_wrap .write .tbl-write tbody tr th {vertical-align:middle; position:relative; padding:14px 16px; border-bottom:1px solid #CFD8DC; background-color:#F2F7FF;}
.pop_wrap .write .tbl-write tbody tr th > span {font-weight:400; font-size:1.4rem; line-height:20px; color:#212121; text-align: left;}
.pop_wrap .write .tbl-write tbody tr td {vertical-align:middle; position:relative; padding:14px 16px; border-bottom:1px solid #CFD8DC; background-color:#fff; text-align:left;}
.pop_wrap .write .tbl-write tbody tr td > span {font-weight:400; font-size:1.4rem; line-height:20px; color:#646363;}
.pop_wrap .write .tbl-write tbody tr td > span.phone {position: relative;}
.pop_wrap .write .tbl-write tbody tr td > span.phone::after {content: "??·Â????¶ôÃ³·Î ??´ã ??È­°¡ ¹ß½Å??´Ï??";margin-left: 10px;font-size: 1.3rem;color: #275BC2;line-height: 21px;}
.pop_wrap .write .tbl-write tbody tr:last-child th {border-bottom: 0;}
.pop_wrap .write .tbl-write tbody tr:last-child td {border-bottom: 0;}
.pop_wrap .write .tbl-write .col-write-title {width:169px;}
.pop_wrap .write .tbl-write .col-write-title span.check {position: relative;}
.pop_wrap .write .tbl-write .col-write-title span.check::after {content: "*"; color: #FF0000;}
.pop_wrap .write .tbl-write .col-write-content {}
.pop_wrap .write .tbl-write .col-write-content > span {display: flex; white-space: nowrap;}
.pop_wrap .write .tbl-write .col-write-content > span + span {margin-left: 10px;}
.pop_wrap .write .tbl-write td textarea.textarea {width:100%; height:160px; overflow: auto; word-break: break-all; padding:10px; border:1px solid #bdbdbd; font-size:14px; line-height:20px; font-weight:400; resize:none;}
.pop_wrap .write .tbl-write td textarea.textarea::-webkit-scrollbar {width: 7px;}
.pop_wrap .write .tbl-write td textarea.textarea::-webkit-scrollbar-thumb {background-color: #1F2A6D; background-clip: padding-box;}
.pop_wrap .write .tbl-write td textarea.textarea::-webkit-scrollbar-track {background-color: #D5D5D5;}
.pop_wrap .write .tbl-write td .textLengthCheck { display: flex; justify-content: flex-end; align-items: center; position: static; width: auto; margin-right: 21px; font-size: 1.6rem;  line-height: 24px; }
.pop_wrap .write .tbl-write td .textLengthCheck { margin-bottom: 6px; }
.pop_wrap .write .tbl-write td .textLengthCheck span.line { margin: 0 10px; font-size: 1.4rem;}
.pop_wrap .write .tbl-write td .textLengthCheck span.current { font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 400; }
.pop_wrap .write .tbl-write td .textLengthCheck span.total { font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 400; }

.pop_wrap .time > ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -12px;}
.pop_wrap .time > ul > li {width: 25%; text-align: center; padding: 10px 16px;}
.pop_wrap .time > ul > li > a {background: #E4EDFF; display: block; padding: 13px 0;}
.pop_wrap .time > ul > li.on > a {background: #2E74FF; color: #ffffff;}
.pop_wrap .time > ul > li.no > a {background: #E0E0E0; color: #9E9E9E;}

.pop_wrap .success {margin-top: 25px;}
.pop_wrap .success .img {width: 180px; height: 151px; background: url(../imgs/sub/ico_dimpop_success.svg)no-repeat center center; margin: 0 auto;}
.pop_wrap .success p {font-size: 1.6rem; line-height: 26px; letter-spacing: -0.05em; text-align: center; padding-top: 8px; margin-top: 16px; position: relative;}
.pop_wrap .success p::before {content: ""; display: block; width: 32px; height: 1px; background: #1F2A6D; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.pop_wrap .success p span { display: block; font-size: 2.0rem; line-height: 26px; letter-spacing: -0.05em; font-weight: 500; color: #275BC2; }

.pop_box {display: none;}
.pop_box.on {display: block;}

@media screen and (max-width:1024px) {
  .consult_box{padding: 10px 25px;}
  .pop_layer {padding: 10px 0 10px 0; background: #ffffff;}
  .pop_wrap { max-height: 90%; padding: 24px 0;}
  .pop_wrap::-webkit-scrollbar {width: 7px;}
  .pop_wrap::-webkit-scrollbar-thumb {background-color: #1F2A6D; background-clip: padding-box;}
  .pop_wrap::-webkit-scrollbar-track {background-color: #D5D5D5;}
  .pop_wrap .inner {padding: 0 8px;}
  .pop_wrap .order ul > li > p.txt {display: none;}
  .agree .radio {float: inherit; text-align: center;}
  .agree .radio label + label {margin-left: 32px;}
  .pop_wrap .order ul > li {padding: 0 10px;}
  .pop_wrap .write .tbl-write {border: 0;}
  .tbl-write {display:block; border-bottom:1px solid #CFD8DC;}
  .tbl-write colgroup {display:none;}
  .tbl-write thead {display:block;}
  .tbl-write thead tr {display:block;}
  .tbl-write thead tr th {display:block;}
  .pop_wrap .write .tbl-write tbody tr th {padding: 10px 8px; text-align: left;}
  .tbl-write tbody {display:block;}
  .tbl-write tbody tr {display:block;}
  .tbl-write tbody tr th {display:block; border:none; text-align:left;}
  .tbl-write tbody tr td {display:block; border:none;}
  .pop_wrap .write .tbl-write tbody tr td {padding: 10px 8px; border-bottom: 0;}
  .pop_wrap .write .tbl-write tbody tr th {border-bottom: 0;}
  .tbl-write .col-write-title {width:100%;}
  .tbl-write .col-write-content {}
  .pop_wrap .write td .radio label {width: 50%;}
  .pop_wrap .write tr:last-child td .radio label {width: 100%;}
  .pop_wrap .write td .radio label span {letter-spacing: -0.05em;}
  .pop_wrap .write td.checkbox fieldset {white-space: inherit;}
  .pop_wrap .write td.checkbox fieldset div {width: 50%; text-indent: -30px; padding-left: 30px; word-break: keep-all;}
  .pop_wrap .write .tbl-write .col-write-title {width: 100%;}
  .pop_wrap .write .tbl-write .col-write-content > span {display: block;}
  .pop_wrap .write .tbl-write tbody tr td > span.phone::after {display: block; margin-left: 0;}
  .pop_wrap .write td .radio label span.visit + span {display: block; margin-left: 30px;}
  .pop_wrap .write .tbl-write tr.tbl-name {display: flex; flex-wrap: wrap;}
  .pop_wrap .write .tbl-write tr.tbl-name td {width: 20%; border-bottom:1px solid #CFD8DC;}
  .pop_wrap .write .tbl-write tr.tbl-name td {border-right: 0 !important;}
  .pop_wrap .write .tbl-write tr.tbl-name td + td {width: 80%;}
  .pop_wrap .write .tbl-write tr.tbl-phone {display: flex; flex-wrap: wrap;}
  .pop_wrap .write .tbl-write tr.tbl-phone td {border-right: 0 !important;}
  .pop_wrap .write .tbl-write tr.tbl-phone td {width: 20%;}
  .pop_wrap .write .tbl-write tr.tbl-phone td + td {width: 80%;}

  .pop_box .button-box .btn {width: 100%;}
  .pop_box .button-box .btn + .btn { margin-top: 8px;}
}

@media screen and (max-width:767px) {
  .pop_wrap .time > ul > li {width: 50%;}
  .pop_wrap .write td .radio.type2 {flex-wrap: nowrap;}
  .pop_wrap .write tr:last-child td .radio.type2 label {width: 50%;}
  .rsv_apc {flex-wrap: wrap; overflow: hidden; padding: 0 16px;}
  .rsv_apc > li {width: 100%;}
  .rsv_apc::before {transform: translate(-50%, -50%); width: 90%; height: 1px; background: url(../imgs/sub/img_border_dashed_col.png) center center; }

}

.calendar {position: relative;}
.calendar-render {position:relative; width:100%; margin-top: 50px;}
.calendar-render .fc-toolbar .fc-center > div {display: flex; align-items: center;}
.calendar-render .fc-header-toolbar {margin-bottom: 16px; position: relative;}
.calendar-render .fc-header-toolbar .ctrl_box {display: flex; justify-content: center; align-items: center;}
.calendar-render .fc-toolbar .fc-center > div > h2 {display:flex; margin: 0 20px; font-size:2.4rem; line-height:36px; font-weight:700; letter-spacing: -0.05em;}
.calendar-render .fc-center .fc-prev-button {width:36px; height:36px; border:none; background: #1F2A6D url('../imgs/sub/btn_ma_calendar_prev.svg') no-repeat center center; border-radius: 50%; background-size:100%; text-indent:-999px; overflow:hidden;}
.calendar-render .fc-center .fc-next-button {width:36px; height:36px; border:none; background: #1F2A6D url('../imgs/sub/btn_ma_calendar_next.svg') no-repeat center center; border-radius: 50%; background-size:100%; text-indent:-999px; overflow:hidden;}
.calendar_label {position: absolute; top: 30px; right: 0; }
.calendar_label > ul {display: flex; justify-content: center;}
.calendar_label > ul > li {font-size: 1.4rem; font-weight: 400; line-height: 18px; letter-spacing: -0.05em; color: #1C1C1C;}
.calendar_label > ul > li + li {margin-left: 14px;}
.calendar_label > ul > li > span {padding-left: 22px; position: relative;}
.calendar_label > ul > li > span::before {content: ""; display: block; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.calendar_label > ul > li.today > span::before {background: #E4EDFF;}
.calendar_label > ul > li.pick > span::before {background: #2E74FF;}
.calendar_label > ul > li.impossible > span::before {background: #D5D5D5;}
.fc-basic-view .fc-body .fc-row {position: relative; height: 60px !important; min-height: 0 !important;}
.fc-row .fc-content-skeleton {position: absolute; top: 50%; transform: translateY(-50%);}
.fc-day-grid-container {height: auto !important;}
.calendar-render .fc-view-container {border-top: 1px solid #D5D5D5; padding: 24px 23px;}
.calendar-render .fc-view-container table {table-layout:fixed; width:100%;}
.calendar-render .fc-view-container table th {color:#212121; font-size:2.4rem; line-height:36px; font-weight:700; letter-spacing:-0.05em; text-align:center; border: none;}
.calendar-render .fc-view-container table th.sunday {color:#C22C27;}
.calendar-render .fc-view-container table th.thursday {color:#275BC2;}
.calendar-render .fc-view-container table td {padding:10px 0; height: 100%; border: none; color:#2e2e2e; font-size:2.4rem; line-height:36px; font-weight:500; letter-spacing:-0.05em; text-align:center; position: relative;}
/* 2022-12-05 Ä¶¸°????ÀÚ ??Ä¡ ??Á¤ */
.calendar-render .fc-view-container table td > span {display:inline-block; width:48px; height:48px; line-height: 48px; border-radius:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* //2022-12-05 Ä¶¸°????ÀÚ ??Ä¡ ??Á¤ */
/*.calendar-render .fc-view-container .fc-week .fc-today > span {background: #E4EDFF; }*/
.fc-unthemed td.fc-today {background: none;}
.calendar-render .fc-view-container .fc-week .fc-day-top.on > span {background: #2E74FF;}
.calendar-render .fc-view-container .fc-week .fc-day-top.fc-past > span,
.calendar-render .fc-view-container .fc-week .fc-day-top.fc-sun > span,
.calendar-render .fc-view-container .fc-week .fc-day-top.fc-sat > span,
.calendar-render .fc-view-container .fc-week .fc-day-top.fc-today > span,
.calendar-render .fc-view-container .fc-week .fc-day-number.fc-disabled > span
{color: #D5D5D5;}
.calendar-render .fc-view-container table td:first-child {color:#C22C27;}
.calendar-render .fc-view-container table td:last-child {color:#275BC2;}
.fc-content-skeleton tbody {display: none;}
.fc-bg {display: none;}

@media screen and (max-width:1279px) {
  .calendar-render {width:100%; margin:50px 0;}
}

@media screen and (max-width:1024px) {

}

@media screen and (max-width:767px) {
  .calendar-render {margin:25px 0 24px; padding:0 15px;}
  .calendar-render .fc-view-container {padding: 24px 0;}
  .calendar-render .fc-toolbar .fc-center > div > h2 {font-size: 1.6rem;}
  .calendar-render .fc-center .fc-prev-button {width: 24px; height: 24px;}
  .calendar-render .fc-center .fc-next-button {width: 24px; height: 24px;}
  .calendar_label {top: 40px; left: 50%; transform: translateX(-50%);}
  .calendar_label > ul > li {white-space: nowrap;}
  .calendar-render .fc-header-toolbar {margin-bottom: 50px;}
  .calendar-render .fc-view-container table th {font-size: 1.8rem;}
  .calendar-render .fc-view-container table td {font-size: 2.0rem;}
}

.table_data tbody td.t_left {text-align: left;}
.table_data.type02 tr td {word-break: keep-all;}
.table_data.type02 tr > td:first-child {white-space: nowrap;}
.boder_support.type02 {padding: 24px 0 32px; background: #F2F7FF url(../imgs/sub/img_tabletype02_bg.png) no-repeat center center;  border-top: 1px solid #BAC5DB; border-bottom: 1px solid #BAC5DB; background-size: cover;}
.boder_support.type02 p.tit {display: block; position: relative; font-weight: 500; font-size: 2.4rem; line-height: 24px; letter-spacing: -0.05em; text-align: center; padding-bottom: 16px; margin-bottom: 16px;}
.boder_support.type02 p.tit::before {content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 1px; background: #212121;}
.boder_support.type02 .search_group {margin: 0 auto;}
.boder_support.type02 fieldset {display: flex; align-items: center; justify-content: center;}
.boder_support.type02 fieldset > div {display: flex; align-items: center; justify-content: center;}
.boder_support.type02 fieldset p {margin-right: 12px;}
.boder_support.type02 fieldset .selectbox {margin-right: 32px; background: #ffffff; width: 220px;}
.boder_support.type02 fieldset .selectbox .label {width: 220px;}
.boder_support.type02 .search_group fieldset .text_search {width: 220px;}
.boder_support.type02 fieldset p span {position: relative; padding-left: 10px; font-size: 1.6rem; line-height: 30px; letter-spacing: -0.05em;}
.boder_support.type02 fieldset p span::before {content: ""; display: block; width: 4px; height: 4px; position: absolute; top: 50%; left: 0; background: #1F2A6D; transform: translateY(-50%);}
@media screen and (max-width:767px) {
  .boder_support.type02 {background: #F2F7FF url(../imgs/sub/img_tabletype02_bg.png) no-repeat bottom right;}
  .boder_support.type02 fieldset {flex-wrap: wrap;}
  .boder_support.type02 fieldset > div {width: 100%;}
  .boder_support.type02 fieldset > div + div {margin-top: 8px;}
  .boder_support.type02 fieldset .selectbox {margin-right: 0;}
  .boder_support.type02 .search_group fieldset .text_search {margin-left: 0; position: relative;}
  .boder_support.type02 .search_group fieldset .btn_search {display: inline-block; position: relative; margin-left: -40px;}
}

/* CI, Ä³¸¯????°³ */
.button-box .btn-orange {color: #FFFFFF; background: #FF972E;}
.ci_concept {margin: 10px 0 0 10px;}
.ci_concept .ci_concept_box {width: 100%; height: 248px; padding: 0 10px; justify-content: center;  display: flex; align-items: center; background: url(../imgs/sub/bg_ci_concept.png) top left; background-size: cover; border: 1px solid #D5D5D5;}
.ci_concept .button-box {margin: 0; margin-top: 10px;}
.ci_concept .button-box > a {display: flex; align-items: center; justify-content: center;}
.ci_concept .button-box > a > i {margin-left: 7px; background: url(../imgs/sub/ico_download_white.svg) no-repeat center center; display: block; width: 16px; height: 16px;}
.ci_color {margin: 10px 0 0 10px;}
.ci_color > ul {width: 100%; display: flex; justify-content: space-between;}
.ci_color > ul > li {width: 100%; display: flex; justify-content: space-between; padding: 24px 40px;}
.ci_color > ul > li + li {margin-left: 16px;}
.ci_color > ul > li.blue {background: linear-gradient(135deg, #369DCD, #3A377F);}
.ci_color > ul > li.orange {background: linear-gradient(135deg, #EAB540, #E95020);}
.ci_color ul.info {}
.ci_color ul.info > li {width: 100%;}
.ci_color ul.info > li > span { font-size: 1.4rem; color: #FFFFFF; letter-spacing: -0.05em;}
.ci_color ul.info > li > span.tit {line-height: 26px; font-weight: 700; position: relative; padding-right: 6px; min-width: 45px; display: inline-block; margin-right: 10px;}
.ci_color ul.info > li > span.tit::after {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #FFFFFF; width: 2px; height: 16px;}
.ci_color ul.info > li > span.sub {line-height: 22px; font-weight: 400;}

.gird_system {margin: 10px 0 0 10px;}
.grid_system_wrap {border-radius: 0 24px 0 0; padding: 0 10px; border: 1px solid #D5D5D5; height: 178px; display: flex; align-items: center; justify-content: center;}

.logo_combination {margin: 10px 0 0 10px;}
.logo_combination .logo_combination_box {width: 100%; border: 1px solid #D5D5D5; padding: 5% 7% 4%; border-radius: 0 24px 0 0;}
.logo_combination .comb-top {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;}
.logo_combination .logo_comb {}
.logo_combination .comb-top > li {}
.logo_combination .comb-top > li > img {width: 100%;}
.logo_combination .comb-top > li:nth-child(2n) {text-align: right;}
.logo_combination .comb-top > li > .logo_comb_img {height: 0; padding-bottom: 25%;}
.logo_combination .comb-bot > li > .logo_comb_img {height: 0; padding-bottom: 50%;}
.logo_combination .comb-bot {display: flex; width: 100%; justify-content: space-between; margin-top: 50px; flex: 1 1 10%;}
.logo_combination .comb-bot li {width: 33.33%; text-align: center;}
.logo_combination .comb-bot li + li {margin-left: 30px;}
.logo_combination .comb-bot > li > img {width: 100%; max-width: 300px;}

.logo_emblem {margin: 10px 0 0 10px;}
.logo_emblem .logo_emblem_box {width: 100%; border: 1px solid #D5D5D5; padding: 5% 7% 4%; border-radius: 0 24px 0 0;}
.logo_emblem ul {display: flex;}
.logo_emblem ul.top {justify-content: space-around;}
.logo_emblem ul.bot {justify-content: space-between;}
.logo_emblem ul > li {width: 25%; padding: 10px 10px; }
.logo_emblem ul > li > img {width: 100%;}

.ch_info {display: grid; grid-template-columns: 55% 1fr; grid-gap: 25px;}
.ch_info .ch_info_box {background: #ffffff; border-radius: 0 24px 0 0; width: 100%; height: calc(100% + 20px);}

.ch_info .ch_info_top {font-size: 2.4rem; line-height: 30px; letter-spacing: -0.05em; text-align: center; position: relative; display: flex; justify-content: center;}
.ch_info .ch_info_top::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url(../imgs/sub/ico_left_quotation_mark.svg)no-repeat center center; background-size: cover; }
.ch_info .ch_info_top::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url(../imgs/sub/ico_right_quotation_mark.svg)no-repeat center center; background-size: cover; }
.ch_info .ch_info_top span.bot {color: #2E74FF; font-weight: 700;}
.ch_info .ch_info_top .ch_info_wrap {padding: 25px 0; width: 100%; }
.ch_info .ch_info_bot {padding-top: 32px; position: relative;}
.ch_info .ch_info_bot::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #1F2A6D;}

.ch_color > ul > li.blue {background: #7FCDE8;}
.ch_color > ul > li.yellow {background: #FFF462;}
.ch_color > ul > li.pink {background: #FBE6EF;}
.ch_color ul.info > li > span {color: #212121;}
.ch_color ul.info > li > span.tit::after {background: #212121;}


.ch_active ul {display: flex;}
.ch_active ul.top {justify-content: space-around;}
.ch_active ul > li {width: 30%; padding: 10px 10px; }
.ch_active ul > li:last-child {width: 40%;}
.ch_active .ch_active_box > ul > li {text-align: center;}
.ch_active .ch_active_box > ul > li > img {height: 100%; width: initial;}
.ch_active .button-box {margin: 0; margin-top: 10px;}
.ch_active .button-box > a {display: flex; margin: 0 auto;  width: 182px; align-items: center; justify-content: center;}
.ch_active .button-box > a > i {margin-left: 7px; background: url(../imgs/sub/ico_download_white.svg) no-repeat center center; display: block; width: 16px; height: 16px;}

@media screen and (max-width:1280px) {
  .ci_color > ul > li {width: 100%; padding: 20px 10px;}

  .ch_info .ch_info_top {font-size: 1.8rem; line-height: 24px; max-width: 440px; width: 100%; margin: 0 auto;}
  .ch_info .ch_info_top::before {width: 30px; height: 30px;}
  .ch_info .ch_info_top::after {width: 30px; height: 30px;}
}

@media screen and (max-width:1024px) {
  .ci_concept {margin: 10px 0 0 0;}
  .ci_concept .ci_concept_box {height: 150px;}
  .ci_concept .ci_concept_box img {width: 100%; max-width: 234px; }
  .ci_concept .button-box .btn {width: 100%;}
  .ci_color {margin: 10px 0 0 0;}
  .ci_color > ul > li {width: 100%; padding: 20px 16px;}
  .ci_color > ul {flex-wrap: wrap;}
  .ci_color > ul > li + li {margin-left: 0; margin-top: 8px;}
  .gird_system {margin: 16px 0 0 0;}
  .grid_system_wrap > img {width: 100%; max-width: 300px;}
  .ch_info {grid-template-columns: 1fr;}
  .ch_info .ch_info_box {width: 100%; height: 177px; margin-right: 0; margin-bottom: 20px;}
  .ch_info .ch_info_box > img {height: 100%;}
  .ch_info .ch_info_text {width: 100%;}

  .ch_active .button-box .btn {width: 100%;}
}

@media screen and (max-width:767px) {

  .ci_color > ul > li {padding: 20px 10px;}
  .logo_combination ul > li {margin-top: 30px;}
  .logo_combination ul:first-child > li:first-child {margin-top: 0;}
  .logo_combination .comb-top {display: flex;  flex-wrap: wrap; grid-gap: inherit;}
  .logo_combination .comb-top > li {width: 100%;}
  .logo_combination .comb-top > li > .logo_comb_img {height: 0; padding-bottom: 13%;}
  .logo_combination .comb-bot {display: flex; flex-wrap: wrap; margin-top: 0;}
  .logo_combination .comb-bot > li {width: 100%;}
  .logo_combination .comb-bot > li > .logo_comb_img {height: 0; padding-bottom: 25%;}
  .logo_combination .comb-bot li + li {margin-left: 0;}
  .logo_emblem ul {display: grid; grid-template-columns: 1fr 1fr;}
  .logo_emblem ul > li {width: 100%; margin: 0 auto;}
  .logo_emblem ul.top > li:first-child {width: 50%; grid-column: auto / span 2; margin: 0 auto;}

  .ch_active {margin: 0;}
  .ch_active ul.top > li:first-child {width: 100%; grid-column: auto;}
  .ch_active ul.top > li:last-child {width: 100%; grid-column: auto / span 2; margin: 0 auto;}

}

/* ??º¸°ø°³????µµ??³» */
.box-area {border: 1px solid #D5D5D5; border-radius: 0 24px 0 0; padding: 30px 40px; margin-top: 10px;}
.box-area .text-box {padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.box-area .text-box::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: url(../imgs/sub/img_boder_dashed_blue.png) bottom left;}
.box-area .text-box > p {font-size: 1.8rem; line-height: 26px; letter-spacing: -0.05em; color: #1C1C1C;}
.box-area .subtit_l_con .subtit_s.black {color: #1c1c1c;}
.box-area .subtit_l_con .subtit_s span {}
.box-area .subtit_l_con .subtit_s span.orange {color: #E87400;}
.box-area .subtit_l_con .subtit_s span.blue {color: #275BC2;}
.box-area .subtit_l_con .subtit_s span.fnt-md {font-weight: 500;}
.box-area .subtit_l_con .subtit_s span.line {text-decoration: underline;}
.box-area .subtit_l_con .subtit_s span.gray {color: #999999;}
.box-area .subtit_l_con .subtit_s span.tit {position: relative; padding-right: 6px; margin-right: 6px; font-weight: 700;}
.box-area .subtit_l_con .subtit_s span.tit::after {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 15px; background: #275BC2;}
.box-area .subtit_l_con .subtit_s span.ico {position: relative; padding-left: 10px; font-weight: 700;}
.box-area .subtit_l_con .subtit_s span.ico::before {content: "*"; display: block; position: absolute; top: 0; left: 0;}
.btn.type02 {height: 32px; line-height: 32px; padding: 0 13px; display: inline-block; align-items: center; justify-content: center;}
.btn.dblue {background: #1F2A6D; color: #FFFFFF;}
.btn > span {padding-right: 20px; position: relative;}
.btn > span > i {position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; background: url(../imgs/sub/ico_download_white02.svg)no-repeat center center; display: block; width: 16px; height: 16px;}
@media screen and (max-width:767px) {
  .btn.type02 {font-size: 1.4rem; height: 100%;}
  .box-area {padding: 15px 10px;}
  .box-area .text-box > p {font-size: 1.4rem;}
}

/* °øÁ¤°Å·¡±³À° */
.mt40 {margin-top: 40px;}
.subtit_l_con.no-area {padding: 0;}
.subtit_l_con.no-area .subtit_m_con {padding: 0;}
.subtit_l_con.no-area .subtit_m_con .subtit_s {margin: 0;}
.icon_tit {}
.icon_tit .icon_tit_warp {display: flex; align-items: center; padding: 22px 48px 18px 30px; background: #F9FBFF url(../imgs/sub/img_bg_tit_02_09.png)no-repeat bottom right; border: 1px solid #BAC5DB; position: relative;}
.icon_tit .icon_tit_warp::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #1F2A6D;}
.icon_tit .icon_tit_warp > i {display: block; border-radius: 50%; min-width: 100px; height: 100px; border: 1px solid #BAC5DB; background: #ffffff url(../imgs/sub/img_tit_02_09.png)no-repeat center center;}
.icon_tit .icon_tit_warp .text {margin-left: 18px;}
.icon_tit .icon_tit_warp .text .tit {font-size: 1.8rem; font-weight: 700; line-height: 24px; letter-spacing: -0.05em; color: #1C1C1C; margin-bottom: 4px;}
.icon_tit .icon_tit_warp .text .sub {font-size: 1.6rem; line-height: 24px; letter-spacing: -0.05em; color: #1c1c1c;}

.procedure_box {}
.procedure_box ul {display: flex; justify-content: space-between; margin: 0 -25px;}
.procedure_box ul li {width: 25%; padding:  0 25px; position: relative; text-align: center; }
.procedure_box ul li::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 7px; height: 12px; background: url(../imgs/sub/img_arrow_right_blue.png) no-repeat center center;}
.procedure_box ul li:last-child::after {display: none;}
.procedure_box ul li p {background: #E4EDFF; padding: 22px 0; }
.procedure_box ul li.start p {background: #2E74FF; color: #FFFFFF;}
.procedure_box ul li.end p {background: #1F2A6D; color: #ffffff;}

@media screen and (max-width:1024px) {
  /* 2022-12-28 ¹ÝÀÀ????ÀÌ????Á¤ */
  .icon_tit .icon_tit_warp > i {display: none;}
  /* //2022-12-28 ¹ÝÀÀ????ÀÌ????Á¤ */
  /* 2022-12-15 ??½Â??±³À°??Â÷ ui ??·ù ??Á¤ */
  .procedure_box ul {flex-wrap: wrap; margin: 0 0;}
  /* //2022-12-15 ??½Â??±³À°??Â÷ ui ??·ù ??Á¤ */
  .procedure_box ul li {width: 50%; margin-bottom: 10px;}
  .procedure_box ul li:nth-child(2)::after {display: none;}
  .procedure_box ul li:last-child::after {display: inherit;}
}

/* ??º¸°ø°³ */
.table_data.type03 {}
.table_data.type03 thead th {word-break: keep-all;}
.table_data.type03 tbody tr:nth-child(2n-1) {background: #F1F1F1;}
.table_data.type03 tbody td {word-break: keep-all;}
.table_data.type03 tbody tr td > a.link {padding: 5px 13px; background: #1F2A6D; display: flex;}
.table_data.type03 tbody tr td > a.link span {position: relative; white-space: nowrap; padding-right: 20px; color: #FFFFFF; font-size: 1.4rem; line-height: 26px;}
.table_data.type03 tbody tr td > a.link span::after {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 16px; height: 16px; background: url(../imgs/main/ico_link_white.png) no-repeat center center; }
@media screen and (max-width:770px) {
  .table_data.type03 tbody tr td > a.link {padding: 5px 10px;}
  .table_data.type03 tbody tr td > a.link span {font-size: 1.2rem;}
  .table_data.type03 tbody tr td > a.link span::after {width: 14px; height: 14px; background-size: cover;}
}

.tit_icon {display: block; border-radius: 50%; width: 100px; min-width: 100px; height: 100px; border: 1px solid #BAC5DB; background: #ffffff; position: relative;}
.tit_icon > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@media screen and (max-width:1024px) {
  .tit_icon {display: none;}
}

/* °øÁ¤°Å·¡??±¸ */
.cont_titimg {}
.cont_titimg .imgtit_box { width:100%; display: flex; justify-content: flex-end; position: relative;  background: url(../imgs/sub/img_bg_02_02.png)no-repeat center left;}
.cont_titimg .imgtit_box .img_box {position: absolute; top: 0; left: 0;}
.cont_titimg .imgtit_box .tit_box {width: 537px; height: 223px; padding: 30px 40px; z-index: 1; background: #214DA5 url(../imgs/sub/img_bg02_02_02.png) no-repeat center right;}
.cont_titimg .imgtit_box .tit_box > p { font-size: 1.8rem; word-break: keep-all; font-weight: 500; letter-spacing: -0.05em; line-height: 28px; color: #FFFFFF;}
.cont_titimg .imgtit_box .tit_box > p > span.type01 {color: 2.0rem; color: #FFE32E;}
.cont_titimg .text_wrap_box {margin: -80px 44px 0;}
.cont_titimg .text_wrap_box .text_box {margin: 0 auto; padding: 32px 40px; background: #FFFFFF; border: 1px solid #F1F1F1; z-index: 1; position: relative;}
.cont_titimg .text_wrap_box .text_box > p {font-size: 1.6rem; word-break: keep-all; line-height: 24px; letter-spacing: -0.05em;}
.cont_titimg .text_wrap_box .text_box > p > span.type01 {color: #275BC2; font-weight: 500;}
@media screen and (max-width:1024px) {
  .cont_titimg .imgtit_box .tit_box {width: 100%; height: auto;}
  .cont_titimg .imgtit_box .img_box {display: none;}
  .cont_titimg .text_wrap_box {margin: 0 0 0;}
  .cont_titimg .text_wrap_box .text_box {padding: 32px 16px;}
}

/* cp??±Þ???? */
.count_box {margin-top : 10px;}
.count_box .count_text_box {}
.count_box .count_text_box > ul {display: flex; justify-content: space-between;}
.count_box .count_text_box > ul > li {border: 1px solid #D5D5D5; width: 33.33%;}
.count_box .count_text_box > ul > li + li {margin-left: 10px;}
.count_box .count_text_box > ul > li .count {padding: 16px 0; text-align: center; background: #F6F6F6; border-bottom:  1px solid #D5D5D5;;}
.count_box .count_text_box > ul > li .count .main {position: relative; padding-bottom: 15px; margin-bottom: 9px; color: #1F2A6D; font-size: 3.0rem; font-weight: 700; line-height: 22px; letter-spacing: -0.05em;}
.count_box .count_text_box > ul > li .count .main::before {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #1F2A6D; width: 34px; height: 1px;}
.count_box .count_text_box > ul > li .count .sub {color: #1F2A6D; font-size: 1.8rem; font-weight: 500; line-height: 22px; letter-spacing: -0.05em;}
.count_box .count_text_box > ul > li .text {padding: 16px 30px;}
.count_box .count_text_box > ul > li .text > p {font-size: 1.4rem; line-height: 22px; letter-spacing: -0.05em;}
.count_box .count_text_box > ul > li .text > p > span.type01 {color: #275BC2;}

.count_box .count_img {border-radius: 0 24px 0 0; border: 1px solid #D5D5D5; margin-top: 17px; padding: 20px 40px 140px;}
.count_box .count_img .count_wrap {position: relative; min-height: 370px; width: 556px; margin: 0 auto;}
.count_box .count_img .count_wrap .count_sub {position: absolute;}
.count_box .count_img .count_wrap .count_sub.count01 {top: 80px; right: 0;}
.count_box .count_img .count_wrap .count_sub.count01 > p {text-align: left;}
.count_box .count_img .count_wrap .count_sub.count01 > p.count {color: #70A9FF;}
.count_box .count_img .count_wrap .count_sub.count02 {bottom: -120px; left: 50%; transform: translateX(-50%);}
.count_box .count_img .count_wrap .count_sub.count02 > p {text-align: center;}
.count_box .count_img .count_wrap .count_sub.count02 > p.count {color: #0045CF;}
.count_box .count_img .count_wrap .count_sub.count03 {top: 80px; left: 0;}
.count_box .count_img .count_wrap .count_sub.count03 > p {text-align: right;}
.count_box .count_img .count_wrap .count_sub.count03 > p.count {color: #2E74FF;}
.count_box .count_img .count_wrap .count_sub > p.count {font-size: 2.0rem; font-weight: 700; line-height: 24px; letter-spacing: -0.05em;}
.count_box .count_img .count_wrap .count_sub > p.text {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em;}
.count_box .count_img .count_wrap .count_bg_box {position: absolute; top: calc(50% + 20px); left: 50%; transform: translate(-50%, -50%);}
.count_box .count_img .count_wrap .count_bg_box .count_bg {position: relative; width: 370px; height: 370px; border-radius: 50%; background: #F9FBFF; box-shadow: 0 3px 6px -4px #1F2A6D;}
.count_box .count_img .count_wrap .count_bg_box .count_bg > p {font-size: 2.0rem; line-height: 24px; letter-spacing: -0.05em; z-index: 1; font-weight: 700; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.count_box .count_img .count_wrap .count_bg_box .count_bg > p > br {display: none;}
.count_box .count_img .count_wrap .count_bg_box .count_bg .count_bg_line {position: absolute; top: 50%; left: 50%;  width: 318px; height: 318px; transform: translate(-50%, -50%);  background: url(../imgs/sub/img_bg_line_dashed.png)no-repeat center center;}
.count_box .count_img .count_wrap .count_bg_box .count_bg .count_bg_sub {position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); width: 210px; height: 210px; background: #FFFFFF;}
.count_box .count_img .count_wrap > ul {width: 438px; height: 402px; margin: 0 auto;}
.count_box .count_img .count_wrap > ul > li {display : flex; justify-content: center;}
.count_box .count_img .count_wrap > ul > li:last-child {justify-content: space-between; margin-top: 62px; flex-direction: row-reverse;}
.count_box .count_img .count_wrap > ul > li .count_text_box {z-index: 1; position: relative;}
.count_box .count_img .count_wrap > ul > li .count_text_box.count01 > .count_body {border: 8px solid #70A9FF;}
.count_box .count_img .count_wrap > ul > li .count_text_box.count02 > .count_body {border: 8px solid #2E74FF;}
.count_box .count_img .count_wrap > ul > li .count_text_box.count03 > .count_body {border: 8px solid #0045CF;}
.count_box .count_img .count_wrap > ul > li .count_text_box.count01::before {content: ""; display: block; background: url(../imgs/sub/img_line_dash.png) no-repeat center center; width: 22px; height: 5px; position: absolute; top: 84px; left: -22px;}
.count_box .count_img .count_wrap > ul > li .count_text_box.count02::before {content: ""; display: block; background: url(../imgs/sub/img_line_dash.png) no-repeat center center; width: 22px; height: 5px; position: absolute; top: -9px; right: 43px; transform: rotate(120deg);}
.count_box .count_img .count_wrap > ul > li .count_text_box.count03::before {content: ""; display: block; background: url(../imgs/sub/img_line_dash.png) no-repeat center center; width: 22px; height: 5px; position: absolute; bottom: 23px; right: 0; transform: rotate(50deg);}
.count_box .count_img .count_wrap > ul > li .count_text_box > .count_body {width: 170px; height: 170px; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.count_box .count_img .count_wrap > ul > li .count_text_box > .count_body p {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.05em; font-weight: 700; text-align: center;}

@media screen and (max-width:767px) {
  .count_box .count_img {padding: 20px 0 30px;}
  .count_box .count_img .count_wrap {width: 100%; min-width: 306px; max-width: 318px; padding: 20px 0 40px;}
  .count_box .count_img .count_wrap .count_sub.count01 {top: 30px; right: 0;}
  .count_box .count_img .count_wrap .count_sub.count02 {bottom: 0;}
  .count_box .count_img .count_wrap .count_sub.count03 {top: 30px; left: 0;}
  .count_box .count_img .count_wrap .count_bg_box {top: calc(50% - 20px);}
  .count_box .count_img .count_wrap .count_bg_box .count_bg {width: 220px; height: 220px;}
  .count_box .count_img .count_wrap .count_bg_box .count_bg > p {font-size: 1.4rem; line-height: 16px; text-align: center;}
  .count_box .count_img .count_wrap .count_bg_box .count_bg > p > br {display: block;}
  .count_box .count_img .count_wrap .count_bg_box .count_bg .count_bg_line {width: 189px; height: 189px; background-size: cover;}
  .count_box .count_img .count_wrap .count_bg_box .count_bg .count_bg_sub {width: 130px; height: 130px;}
  .count_box .count_img .count_wrap > ul {width: 281px; height: 261px;}
  .count_box .count_img .count_wrap > ul > li:last-child {margin-top: 17px;}
  .count_box .count_img .count_wrap > ul > li .count_text_box.count01::before {top: 71px; left: -12px; width: 13px; height: 2px; background: url(../imgs/sub/img_line_dash_m.png) repeat center center; background-size: cover;}
  .count_box .count_img .count_wrap > ul > li .count_text_box.count02::before {top: -5px; right: 37px; width: 13px; height: 2px; background: url(../imgs/sub/img_line_dash_m.png) repeat center center; background-size: cover;}
  .count_box .count_img .count_wrap > ul > li .count_text_box.count03::before {bottom: 21px; right: 1px; width: 13px; height: 2px; background: url(../imgs/sub/img_line_dash_m.png) repeat center center; background-size: cover;}
  .count_box .count_img .count_wrap > ul > li .count_text_box > .count_body {width: 122px; height: 122px;}
  .count_box .count_img .count_wrap > ul > li .count_text_box > .count_body p {font-size: 1.3rem; font-weight: 400;}

  .count_box .count_text_box > ul {flex-wrap: wrap;}
  .count_box .count_text_box > ul > li {width: 100%;}
  .count_box .count_text_box > ul > li + li {margin-left: 0; margin-top: 6px;}
  .count_box .count_text_box > ul > li .count {display: flex; padding: 16px 16px;}
  .count_box .count_text_box > ul > li .count .main {margin-bottom: 0; padding-bottom: 0; margin-right: 6px;}
  .count_box .count_text_box > ul > li .count .main::before {display: none;}
  .count_box .count_text_box > ul > li .text {padding: 4px 16px;}
}

/* ??½Ã??±æ */
.kakaomap {}
.kakaomap .kakao_info {border: 1px solid #D5D5D5; border-bottom: 0;}
.kakaomap .kakao_info > ul {width: 100%; padding: 20px 40px; display: flex; justify-content: space-between;}
.kakaomap .kakao_info > ul > li {}
.kakaomap .kakao_info > ul > li + li {border-left: 1px solid #F1F1F1; padding-left: 16px;}
.kakaomap .kakao_info > ul > li > .info_box {}
.kakaomap .kakao_info > ul > li.logo { padding-right: 16px; display: flex; align-items: center;}
.kakaomap .kakao_info > ul > li.logo > .info_box {}
.kakaomap .kakao_info > ul > li.logo > .info_box > img {width: 100%;}
.kakaomap .kakao_info > ul > li > .info_box > p.tit {font-size: 1.6rem; color: #1F2A6D; line-height: 30px; font-weight: 700; letter-spacing: -0.05em;}
.kakaomap .kakao_info > ul > li > .info_box > p.sub {font-size: 1.6rem; color: #757575; line-height: 26px; letter-spacing: -0.05em;}
.kakaomap .root_daum_roughmap {width: 100%;}

.icon_tit.type01 .icon_tit_warp {background: none; border: 1px solid #D5D5D5; border-radius: 0 24px 0 0; margin-top: 10px;}
.icon_tit.type01 .icon_tit_warp::before {display: none;}
.icon_tit.type01 .icon_tit_warp .tit_icon {margin-right: 24px; background: #F2F7FF;}
.icon_tit.type01 .icon_tit_warp span.tit {font-weight: 500; color: #1F2A6D; margin-right: 8px; display: inline-block;}


@media screen and (max-width:1024px) {
  .kakaomap .kakao_info > ul {flex-wrap: wrap; padding: 20px 24px;}
  .kakaomap .kakao_info > ul > li.logo {display: none;}
  .kakaomap .kakao_info > ul > li {width: 50%; border-left: 0; }
  .kakaomap .kakao_info > ul > li + li {border-left: 0; padding-left: 0; }
  .kakaomap .kakao_info > ul > li.adress {width: 100%;}

  .icon_tit.type01 .icon_tit_warp .tit_icon {display: none;}

}

/* ??¸®Á¡Á¾ÇÕÁö??¼¾??¼Ò??*/
.count_box.type01 .count_img .count_wrap .count_bg_box .count_bg {background: none;}
.count_box.type01 .count_img .count_wrap .count_bg_box .count_bg .count_bg_top {border-radius: 185px 185px 0 0; height: 185px; background: #F5F9F9;}
.count_box.type01 .count_img .count_wrap .count_bg_box .count_bg .count_bg_top .count_bg_line {width:370px; height: 185px; background: url(../imgs/sub/img_top_line.png) no-repeat top 35px center;  transform: inherit; top: 0; left: 0;}
.count_box.type01 .count_img .count_wrap .count_bg_box .count_bg .count_bg_bot .count_bg_line {width:370px; height: 185px; background: url(../imgs/sub/img_bot_line.png) no-repeat bottom 10px center; transform: inherit; top: inherit; bottom: 0; left: 0;}
.count_box.type01 .count_img .count_wrap .count_bg_box .count_bg .count_bg_bot {border-radius: 0 0 185px 185px; height: 185px; background: #FBF3EB;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count01::before {display: none;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count02::before {display: none;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count03::before {display: none;}
.count_box.type01 .count_img .count_wrap > ul {width: 472px;}
.count_box.type01 .count_img .count_wrap > ul > li:nth-child(2) {justify-content: space-between; margin-top: -20px;}
.count_box.type01 .count_img .count_wrap > ul > li:last-child {margin-top: 0; justify-content: center; margin-top: -20px;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count01 > .count_body {border: 6px solid #57B0B4;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count01 > .count_body p {color: #007982;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count02 > .count_body {border: 0; background: #FF972E;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count02 > .count_body p {color: #FFFFFF;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count03 > .count_body {border: 0; background: #007982;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count03 > .count_body p {color: #FFFFFF;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count04 > .count_body {border: 6px solid #FFBB77;}
.count_box.type01 .count_img .count_wrap > ul > li .count_text_box.count04 > .count_body p {color: #E87400;}
.count_box .count_img .count_wrap .count_bg_box .count_bg .count_bg_sub {box-shadow: 0 5px 10px -10px #000000;}
.count_box.type01 .count_img .count_wrap .count_sub { padding: 6px 8px; border-radius: 35px; position: absolute;  background: #ffffff; z-index: 1;}
.count_box.type01 .count_img .count_wrap .count_sub p.text {text-align: center;}
.count_box.type01 .count_img .count_wrap .count_sub p.text.br > br {display: none;}
.count_box.type01 .count_img .count_wrap .count_sub.count01 {border: 1px solid #57B0B4; color: #007982; top: 80px; right: inherit; left: 25px;}
.count_box.type01 .count_img .count_wrap .count_sub.count01 p.text {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500;}
.count_box.type01 .count_img .count_wrap .count_sub.count02 {border: 1px solid #57B0B4; color: #007982; bottom: inherit; left: inherit; top: 80px; right: 30px;}
.count_box.type01 .count_img .count_wrap .count_sub.count02 p.text {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500;}
.count_box.type01 .count_img .count_wrap .count_sub.count03 {border: 1px solid #FFBB77; color: #E87400; top: inherit; left: inherit; bottom: 20px; right: 70px;}
.count_box.type01 .count_img .count_wrap .count_sub.count03 p.text {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500;}
.count_box.type01 .count_img .count_wrap .count_sub.count04 {border: 1px solid #FFBB77; color: #E87400; bottom: 20px; left: 110px;}
.count_box.type01 .count_img .count_wrap .count_sub.count04 p.text {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500;}

@media screen and (max-width:767px) {
  .count_box.type01 .count_img {padding: 20px 10px;}
  .count_box.type01 .count_img .count_wrap {padding: 40px 0 0;}
  .count_box.type01 .count_img .count_wrap .count_bg_box {top: 50%;}
  .count_box.type01 .count_img .count_wrap .count_bg_box .count_bg .count_bg_top {height: 110px;}
  .count_box.type01 .count_img .count_wrap .count_bg_box .count_bg .count_bg_top .count_bg_line {width: 220px; height: 110px; background: url(../imgs/sub/img_top_line_m.png) no-repeat top 5px center;}
  .count_box.type01 .count_img .count_wrap .count_bg_box .count_bg .count_bg_bot {height: 110px;}
  .count_box.type01 .count_img .count_wrap .count_bg_box .count_bg .count_bg_bot .count_bg_line {width: 220px; height: 110px; background: url(../imgs/sub/img_bot_line_m.png) no-repeat top 50px center;}
  .count_box.type01 .count_img .count_wrap > ul {width: 299px;}
  .count_box.type01 .count_img .count_wrap > ul > li .count_text_box > .count_body {width: 108px; height: 108px;}
  .count_box.type01 .count_img .count_wrap .count_sub {z-index: 2; padding: 0 8px;}
  .count_box.type01 .count_img .count_wrap .count_sub.count01 {border: 1px solid #57B0B4; color: #007982; top: 70px; right: inherit; left: 0;}
  .count_box.type01 .count_img .count_wrap .count_sub.count01 p.text {font-size: 1.3rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500;}
  .count_box.type01 .count_img .count_wrap .count_sub.count01 p.text.br > br {display: block;}
  .count_box.type01 .count_img .count_wrap .count_sub.count02 {border: 1px solid #57B0B4; color: #007982; bottom: inherit; left: inherit; top: 85px; right: -50px;}
  .count_box.type01 .count_img .count_wrap .count_sub.count02 p.text {font-size: 1.3rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500;}
  .count_box.type01 .count_img .count_wrap .count_sub.count03 {border: 1px solid #FFBB77; color: #E87400; top: inherit; left: inherit; bottom: 80px; right: -10px;}
  .count_box.type01 .count_img .count_wrap .count_sub.count03 p.text {font-size: 1.3rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500;}
  .count_box.type01 .count_img .count_wrap .count_sub.count04 {border: 1px solid #FFBB77; color: #E87400; bottom: 80px; left: 30px;}
  .count_box.type01 .count_img .count_wrap .count_sub.count04 p.text {font-size: 1.3rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500;}
}

/* °¡¸ÍÁ¾??????¼¾??*/
.count_box.type02 .count_img {padding: 20px 40px;}
.count_box.type02 .count_img .count_wrap {width: 100%; min-height: initial;}
.count_box.type02 .count_img .count_wrap > ul {display: flex; justify-content: center; width: 100%; height: initial;}
.count_box.type02 .count_img .count_wrap > ul > li:first-child {border-right: 1px solid #F1F1F1; padding-right: 50px; margin-right: 50px;}
.count_box.type02 .count_img .count_wrap > ul > li:last-child {margin-top: 0; flex-direction:row;}
.count_box.type02 .count_imgtxt.next {margin-right: 72px; position: relative;}
.count_box.type02 .count_imgtxt.next::after {content: ""; display: block; position: absolute; top: 65px; right: -55px; width: 40px; height: 40px; background: url('../imgs/sub/img_db-arrow-right.png') no-repeat center center;}
.count_box.type02 .count_img_box {border-radius: 50%; border: 1px solid #ddd; width: 170px; height: 170px; position: relative; margin: 0 auto; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.count_box.type02 .count_img_box .num {position: absolute; top: 0; left: -10px; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 2.0rem; line-height: 26px; letter-spacing: -0.05em; box-shadow: 0 3px 20px -6px #1F2A6D;}
.count_box.type02 .count_img_box .count_logo {text-align: center;}
.count_box.type02 .count_img_box .count_logo p.txt {font-size: 2.0rem; line-height: 26px; letter-spacing: -0.05em; font-weight: 700; display: block; text-align: center;}
.count_box.type02 .count_img_box.cont01 p.txt {color: #1F6D50;}
.count_box.type02 .count_img_box.cont02 p.txt {color: #6D1F1F;}
.count_box.type02 .count_img_box.cont03 p.txt {color: #1F2A6D;}
.count_box.type02 .count_img_box.cont01 .num {background: #1F6D50;}
.count_box.type02 .count_img_box.cont02 .num {background: #6D1F1F;}
.count_box.type02 .count_img_box.cont03 .num {background: #1F2A6D;}
.count_box.type02 .count_img_box.cont01 {border: 8px solid #27C29D;}
.count_box.type02 .count_img_box.cont02 {border: 8px solid #C22727;}
.count_box.type02 .count_img_box.cont03 {border: 8px solid #275BC2;}
.count_box.type02 .count_txt_box {text-align: center;}
.count_box.type02 .count_txt_box > p {position: relative; font-size: 1.4rem; letter-spacing: -0.05em; line-height: 20px;}
.count_box.type02 .count_txt_box > p::before {content: "-"; display: inline-block; margin-right: 4px;}

@media screen and (max-width:1180px) {
  .count_box.type02 .count_img .count_wrap > ul > li:first-child {padding-right: 25px; margin-right: 25px;}
  .count_box.type02 .count_img_box {width: 140px; height: 140px;}
  .count_box.type02 .count_imgtxt.next {margin-right: 52px;}
  .count_box.type02 .count_imgtxt.next::after {width: 30px; height: 30px; right: -45px;}
}

@media screen and (max-width:1024px) {
  .count_box.type02 .count_img {padding: 20px 10px;}
  .count_box.type02 .count_img .count_wrap > ul {flex-wrap: wrap; max-width: 308px;}
  .count_box.type02 .count_img .count_wrap > ul > li {width: 100%;}
  .count_box.type02 .count_img .count_wrap > ul > li:first-child {border-right: 0; margin-right: 0; padding-right: 0;}
  .count_box.type02 .count_imgtxt.next {margin-right: 28px;}
  .count_box.type02 .count_imgtxt.next::after {top: 60px; right: -30px;}
}

/*??Çõ*/
.title_box {background: #F2F7FF url(../imgs/sub/img_his_bg_01.png)no-repeat center right; background-size: cover; width: 100%; text-align: center; padding: 46px 0 30px;}
.title_box .tit {color: #1F2A6D; font-size: 2.6rem; font-weight: 700; letter-spacing: -0.025em;}
.title_box .tit.top_line {position: relative; padding-top: 16px;}
.title_box .tit.top_line::before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 1px; background: #1F2A6D;}
.title_box .sub {color: #1F2A6D; font-size: 1.6rem; letter-spacing: -0.05em;}

.comp_his {display: flex; justify-content: space-between;}
.main_pic {}
.main_pic .pic_wrap {border: 1px solid #D5D5D5; width: 280px; overflow: hidden; text-align: center;}
.main_pic .pic_wrap .pic_name {padding: 32px 0;}
.main_pic .pic_wrap p.tit {font-size: 2.8rem; line-height: 26px; letter-spacing: -0.05em; color: #1C1C1C;}
.main_pic .pic_wrap p.tit.top_line {position: relative; padding-top: 16px;}
.main_pic .pic_wrap p.tit.top_line::before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 3px; background: #1F2A6D;}
.main_pic .pic_wrap p.sub {font-size: 1.4rem; letter-spacing: -0.05em; line-height: 26px; color: #757575;}
.main_pic .pic_wrap p.sub > span.line {padding-right: 5px; position: relative; margin-right: 5px;}
/*.main_pic .pic_wrap p.sub > span.line::after {content: ""; width: 1px; height: 60%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #757575;}*/

.main_his {width: 100%; margin-left: 40px;}
.main_his > div {width: 100%; border: 1px solid #D5D5D5; border-radius: 0 24px 0 0; padding: 30px 40px;}
.main_his > div > .his_chart > ul {position: relative; margin-left: 8pxv;}
.main_his > div > .his_chart > ul::before {content: ""; position: absolute; top: 9px; left: 4px; display: block; width: 1px; height: calc(100% - 14px); background: #F1F1F1;}
.main_his > div > .his_chart > ul > li {}
.main_his > div > .his_chart > ul > li + li {margin-top: 10px;}
.main_his > .education > .his_chart > ul > li > p { text-indent: -83px; padding-left: 83px;}
.main_his > .career > .his_chart > ul > li > p { text-indent: -126px; padding-left: 126px;}
/* 2022-12-15 ??½Â??¹è°æ????Áö ??Ä¡ ??Á¤ */
.main_his > .career {background: url(../imgs/sub/img_his_bg_02.png)no-repeat bottom right;}
/* 2022-12-15 ??½Â??¹è°æ????Áö ??Ä¡ ??Á¤ */
.main_his > div > .his_chart > ul > li > p {font-size: 1.6rem; line-height: 24px; letter-spacing: -0.05em; display: block;}
.main_his > .career > .his_chart > ul > li > p > span {color: #1F2A6D; padding-left: 21px; font-weight: 500; position: relative; width: 121px; margin-right: 24px; display: inline-block; text-indent: 0;}
.main_his > .education > .his_chart > ul > li > p > span {color: #1F2A6D; padding-left: 21px; font-weight: 500; position: relative; width: 59px; margin-right: 24px; display: inline-block; text-indent: 0;}
.main_his > div > .his_chart > ul > li > p > span::before {content: ""; position: absolute; top: 8.5px; left: 0; width: 9px; height: 9px; background: #ffffff; border: 2px solid #D5D5D5; border-radius: 50%;}
@media screen and (max-width:1024px) {
  .comp_his {flex-wrap: wrap;}
  .main_pic {margin: 0 auto;}
  .main_his {margin-left: 0; margin-top: 40px;}
  .main_his > div {padding: 16px 10px;}
}

/* ??»ç??*/
.intro_tit {position: relative; width: 100%; min-height: 324px; padding: 40px 0 50px 80px; background: url('../imgs/sub/img_intro_bg01.png')no-repeat center right, linear-gradient(45deg, #2E74FF, #275BC2);}
.intro_tit::before {content: ""; display: block; width: 100%; z-index: -1; min-height: 324px; background: #F1F1F1; position: absolute; top: 16px; left:16px;}
/* 2022-12-28 ??½Â????Àå??????Áö ??Ä¡ ??Á¤ */
.intro_tit > img {position: absolute; top: -20px; right: 64px;}
/* //2022-12-28 ??½Â????Àå??????Áö ??Ä¡ ??Á¤ */
.intro_tit > p {word-break: keep-all;}
.intro_tit > p.top {font-size: 1.8rem; line-height: 36px; letter-spacing: -0.05em; color: #FFFFFF;}
.intro_tit > p.main {font-size: 2.4rem; font-weight: 300; color: #E4EDFF; margin-bottom: 41px;}
.intro_tit > p.main > .main_wrap {position: relative; padding-bottom: 25px;}
.intro_tit > p.main > .main_wrap::before {content: ""; display: block; width: 100%; height: 1px; background: #E4EDFF; position: absolute; bottom: 0; left: 0;}
.intro_tit > p.main > .main_wrap span.tit {font-size: 3.0rem; color: #FFFFFF; font-weight: 700;}
.intro_tit > p.main > .main_wrap span.point {font-weight: 500; color: #FFE32E;}
.intro_tit > p.bot {font-size: 1.8rem; line-height: 26px; font-weight: 500; letter-spacing: -0.05em; color: #E4EDFF; position: relative; z-index: 1;}

.intro_start {padding-left: 8px; border-left: 4px solid #1F2A6D; margin-left: 16px;}
.intro_start > p {font-size: 2.4rem; line-height: 32px; letter-spacing: -0.05em; word-break: keep-all;}
.intro_start > p > span.blue {font-weight: 700; color: #1F2A6D; }

.intro_txt {position: relative; border-bottom: 1px solid #D5D5D5; padding-bottom: 80px;  margin-left: 16px;}
.intro_txt > p {font-size: 1.6rem; line-height: 24px; letter-spacing: -0.05em; word-break: keep-all;}
.intro_txt > p > span.org {font-weight: 500; color: #E87400;}
.intro_txt .intro_sign {position: absolute; bottom: 80px; right: 0;}
.intro_txt .intro_sign > p {font-size: 1.6rem; font-weight: 500; line-height: 24px; letter-spacing: -0.05em;}
.intro_txt .intro_sign > img {float: right; margin-top: 8px;}

@media screen and (max-width:1024px) {
  .intro_tit  {min-height: 105px; padding: 20px 0 20px 16px; margin-top: 0 !important;}
  .intro_tit::before {min-height: 105px;}
  .intro_tit > img {display: none;}
  .intro_txt > p {font-size: 1.4rem;}
  .intro_tit > p.top {display: none;}
  .intro_tit > p.main {font-size: 1.4rem; line-height: 20px; margin-bottom: 0;}
  .intro_tit > p.main > .main_wrap {padding-bottom: 0;}
  .intro_tit > p.main > .main_wrap::before {display: none;}
  .intro_tit > p.main > .main_wrap span.tit {font-size: 1.8rem; line-height: 20px;}
  .intro_tit > p.main > .main_wrap span.point {line-height: 20px;}
  .intro_tit > p.bot {display: none;}
  .intro_start {margin-left: 0;}
  .intro_start > p {font-size: 1.6rem; line-height: 20px;}
  .intro_txt {margin-left: 0;}
  .intro_txt .intro_sign {position: relative; text-align: right; bottom: initial;}
  .intro_txt .intro_sign > p {font-size: 1.4rem;}
}

/* ??ÀÇ??°á */
.pc {display: block;}
.mobile {display: none;}
.accpet_count {display: flex; position: relative;  align-items: center; width: 100%; padding: 100px 0 130px;}
.accpet_count .top {background: #FFF1E2; padding: 16px; min-width: 388px;}
.accpet_count .top .wrap {}
.accpet_count .top .wrap > p {font-size: 1.4rem; letter-spacing: -0.05em; text-align: left;}
.accpet_count .top .wrap > p > span {color: #555555; font-weight: 700; margin-right: 4px;}
.accpet_count .bot {background: #FFF1E2; padding: 16px; min-width: 141px;}
.accpet_count .bot .wrap > p {position: relative; font-size: 1.4rem; letter-spacing: -0.05em; text-align: left;}
.accpet_count .bot .wrap > p::before {content: "-"; display: inline-block; margin-right: 4px;}
.accpet_count .bot .wrap > p > span {color: #555555; font-weight: 700; margin-right: 4px;}
.accpet_count > ul {display: flex; justify-content: space-between; width: 100%;}
.accpet_count > ul > li {text-align: center; position: relative; width: 100%;}
.accpet_count > ul > li::after {content: ""; display: block; background: url(../imgs/sub/img_accpet_arrow_right.png)no-repeat center center; width: 24px; height: 24px; position: absolute; top: 50%; right: -12px; transform: translateY(-50%);}
.accpet_count > ul > li:last-child::after {display: none;}
.accpet_count > ul > li > p {max-width: 140px; margin: 0 auto; height: 72px; font-weight: 500; display: flex; align-items: center; justify-content: center; background: #E4EDFF; border-radius: 36px; font-size: 1.8rem; line-height: 24px; letter-spacing: -0.05em; color: #1F2A6D; }
.accpet_count > ul > li > .pc {position: absolute;}
.accpet_count > ul > li > .top {top: -90px; left: 21px;}
.accpet_count > ul > li > .bot {bottom: -116px; left: 21px;}
.accpet_count > ul > li > .top::before {content: ""; display: block; position: absolute; top: 50%; left: -21px; width: 30px; height: 30px; background: url(../imgs/sub/img_accpet_line01.png)no-repeat top left; width: 21px; height: 69px;}
.accpet_count > ul > li > .bot::before {content: ""; display: block; position: absolute; bottom: 50%; left: -21px; width: 30px; height: 30px; background: url(../imgs/sub/img_accpet_line02.png)no-repeat bottom left; width: 21px; height: 79px;}
.accpet_count > ul > li > div > .wrap::before {content: ""; display: block; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background: #ffffff; border-radius: 50%; border: 2px solid #FFCB97;}

.accpet_count > ul > li:first-child > p {background: #2E74FF; color: #FFFFFF;}
.accpet_count > ul > li:last-child > p {background: #1F2A6D; color: #FFFFFF;}
.accpet_count > ul.accpet_mobile {display: none;}


@media screen and (max-width:1510px) {
  .accpet_count > ul {flex-wrap: wrap; width: 573px; margin: 0 auto;}
  .accpet_count > ul > li {width: 33.33%;}
  .accpet_count > ul > li:nth-child(n+4) {margin-top: 10px;}
}

@media screen and (max-width:1024px) {
  .pc {display: none;}
  .mobile {display: block;}

  .accpet_count {width: 278px; flex-wrap: wrap; margin: 0 auto;  padding: 10px 0 20px;}
  .accpet_count .top {position: relative; width: 100%; top: 0; min-width: initial;}
  .accpet_count .bot {position: relative; width: 100%; margin-top: 10px;}
  .accpet_count > ul {flex-wrap: wrap; width: 278px; margin: 0 auto;}
  .accpet_count > ul > li {width: 50%; padding: 0 8px; margin: 0 -8px; margin-top: 10px; }
  .accpet_count > ul > li::after {right: -20px;}
  .accpet_count > ul > li > p {width: 126px; font-size: 1.4rem;}
  .accpet_count > ul.accpet_mobile {display: flex;}
  .accpet_count > .top > .wrap::before {content: ""; display: block; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); width: 10px; height: 10px; background: #ffffff; border-radius: 50%; border: 2px solid #FFCB97;}
  .accpet_count > .bot > .wrap::before {content: ""; display: block; position: absolute; left: 50%; top: -5px; transform: translateX(-50%); width: 10px; height: 10px; background: #ffffff; border-radius: 50%; border: 2px solid #FFCB97;}
  .accpet_count > .top::before {content: ""; display: block; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); width: 30px; height: 30px; background: url(../imgs/sub/img_accpet_line03.png)no-repeat top left; width: 1px; height: 18px;}
  .accpet_count > .bot::before {content: ""; display: block; position: absolute; left: 50%; top: -18px; transform: translateX(-50%); width: 30px; height: 30px; background: url(../imgs/sub/img_accpet_line03.png)no-repeat bottom left; width: 1px; height: 18px;}


}

/* ??¸®°æ¿µ */
.cont_box {}
.cont_box .cont_wrap {position: relative;}
.cont_box .cont_wrap::before {content: ""; z-index: 1; display: block; width: 122px; height: 122px; position: absolute; bottom: 0; left: 0; background: url(../imgs/sub/img_box_bg_bot_left.png) no-repeat center center;}
.cont_box .cont_wrap::after {content: ""; display: block; width: 122px; height: 122px; position: absolute; top: 0; right: 0; background: url(../imgs/sub/img_box_bg_top_right.png) no-repeat center center;}
.cont_box .cont_wrap .cont_bg {background: #F9FBFF; border: 8px solid #F2F7FF; position: relative; width: 100%; height: auto; padding: 40px 122px;}


.cont_box .cont_wrap .cont_bg .header {}
.cont_box .cont_wrap .cont_bg .header {}
.cont_box .cont_wrap .cont_bg .header .tit {text-align: center; position: relative;}
.cont_box .cont_wrap .cont_bg .header .tit .line {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 1px; background: #BAC5DB;}
.cont_box .cont_wrap .cont_bg .header .tit > span {position: relative; padding: 0 68px; background: #F9FBFF;}
.cont_box .cont_wrap .cont_bg .header .tit > span::before {content: ""; display: block; position: absolute; top: 50%; left: 32px; transform: translateY(-50%); width: 30px; height: 60px; background: url(../imgs/sub/img_tit_deco_left.png) no-repeat center center;}
.cont_box .cont_wrap .cont_bg .header .tit > span::after {content: ""; display: block; position: absolute; top: 50%; right: 32px; transform: translateY(-50%); width: 30px; height: 60px; background: url(../imgs/sub/img_tit_deco_right.png) no-repeat center center;}
.cont_box .cont_wrap .cont_bg .header .tit > span > img {}

.cont_box .cont_wrap .cont_bg .body {margin-top: 63px; background: url(../imgs/sub/img_box_bg_center.png) no-repeat center center;}

.cont_box .cont_wrap .cont_bg .body > p {text-align: center; font-size: 2.0rem; line-height: 40px; letter-spacing: -0.05em;}
.cont_box .cont_wrap .cont_bg .body > p.sub_text {text-align: center; font-size: 1.8rem; line-height: 32px; letter-spacing: -0.05em; margin-bottom: 32px; padding: 0 30px; word-break: keep-all;}
.cont_box .cont_wrap .cont_bg .body > p > span {font-size: 2.4rem; font-weight: 700;}

.cont_box .cont_wrap .cont_bg .body > .table {width: 100%;}
.cont_box .cont_wrap .cont_bg .body > .table > li {}
.cont_box .cont_wrap .cont_bg .body > .table > li + li {margin-top: 10px;}
.cont_box .cont_wrap .cont_bg .body > .table > li .table_box {display: flex; background: #FFFFFF; border: 1px solid #BAC5DB;}
.cont_box .cont_wrap .cont_bg .body > .table > li .table_box .num {display: flex; align-items: center; justify-content: center; padding: 20px 0; width: 64px;  font-weight: 900; font-size: 2.0rem; letter-spacing: -0.05em; line-height: 30px; color: #1F2A6D; border-right : 1px solid #BAC5DB;}
.cont_box .cont_wrap .cont_bg .body > .table > li .table_box .text {display: flex; padding: 0 20px; align-items: center; width: calc(100% - 64px);  font-weight: 500;}

@media screen and (max-width:1024px) {
  .cont_box .cont_wrap::before {display: none;}
  .cont_box .cont_wrap::after {display: none;}
  .cont_box .cont_wrap .cont_bg {padding: 20px 8px;}
  .cont_box .cont_wrap .cont_bg .header .tit .line {display: none;}
  .cont_box .cont_wrap .cont_bg .header .tit > span {padding: 0 21px;}
  .cont_box .cont_wrap .cont_bg .header .tit > span > img {width: 74px; vertical-align: middle; padding-bottom: 5px;}
  .cont_box .cont_wrap .cont_bg .header .tit.type02 > span > img {width: 110px;}
  .cont_box .cont_wrap .cont_bg .header .tit.type03 > span > img {width: 116px;}
  .cont_box .cont_wrap .cont_bg .header .tit.type04 > span > img {width: 252px;}
  .cont_box .cont_wrap .cont_bg .header .tit > span::before {width: 15px; height: 30px; background-size: cover; left: 0;}
  .cont_box .cont_wrap .cont_bg .header .tit > span::after {width: 15px; height: 30px; background-size: cover; right: 0;}

  .cont_box .cont_wrap .cont_bg .body {margin-top: 16px;}

  .cont_box .cont_wrap .cont_bg .body > p {font-size: 1.4rem; line-height: 20px;}
  .cont_box .cont_wrap .cont_bg .body > p.sub_text {font-size: 1.4rem; line-height: 20px;}
  .cont_box .cont_wrap .cont_bg .body > p > span {font-size: 1.6rem;}
  .cont_box .cont_wrap .cont_bg .body > p > br.mobile {display: none;}
  .cont_box .cont_wrap .cont_bg .body > .table > li .table_box .num {font-size: 1.6rem; font-weight: 700; padding: 8px 0;}
  .cont_box .cont_wrap .cont_bg .body > .table > li .table_box .text {font-size: 1.4rem; padding: 0 8px;}
}

/* °í°´??????´Â ??¸®????Ãµ??¼¼ */
.cont_box .cont_wrap .cont_bg .body .list_box {}
.cont_box .cont_wrap .cont_bg .body .list_box dl {}
.cont_box .cont_wrap .cont_bg .body .list_box dl + dl {margin-top: 32px;}
.cont_box .cont_wrap .cont_bg .body .list_box dl dt {font-size: 1.8rem; font-weight: 500; line-height: 30px; letter-spacing: -0.05em;}
.cont_box .cont_wrap .cont_bg .body .list_box dl dd {font-size: 1.6rem; letter-spacing: -0.05em; line-height: 24px;}

@media screen and (max-width:1024px) {
  .cont_box .cont_wrap .cont_bg .body .list_box dl + dl {margin-top: 6px;}
  .cont_box .cont_wrap .cont_bg .body .list_box dl dt {font-size: 1.6rem;}
  .cont_box .cont_wrap .cont_bg .body .list_box dl dd {font-size: 1.4rem;}
}

/* ??¸®°­·É */
ol.sub_txt {list-style: decimal; padding: 0 18px;}

/* ¹Ì¼Ç&ºñÀü */
.tit_box {width: 100%; height: 194px; background: url(../imgs/sub/img_tit_box.png)no-repeat center center, linear-gradient(30deg, #275BC2, #1A2B91); padding: 40px 60px;}
.tit_box .tit_wrap {position: relative; text-align: center;}
.tit_box .tit_wrap::before {content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 0; background: url(../imgs/sub/img_dqm_left.png) no-repeat center center;}
.tit_box .tit_wrap::after {content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 0; background: url(../imgs/sub/img_dqm_right.png) no-repeat center center;}
.tit_box .tit_wrap p.sub {width: 456px; margin: 0 auto; word-break: keep-all; font-size: 2.2rem; line-height: 32px; letter-spacing: -0.05em; color: #FFFFFF; margin-top: 24px;}

.vision {padding: 0 122px;}
.vision .vision_box {position: relative; width: 100%; background: #F6F6F6;  padding: 40px 98px;}
.vision .vision_box::before {content: ""; display: block; width: 40px; height: 100%; background: url(../imgs/sub/img_brackets_left.png)no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0;}
.vision .vision_box::after {content: ""; display: block; width: 40px; height: 100%; background: url(../imgs/sub/img_brackets_right.png)no-repeat center center; background-size: cover; position: absolute; top: 0; right: 0;}
.vision .vision_box .vision_wrap {text-align: center;}
.vision .vision_box .vision_wrap > img {}
.vision .vision_box .vision_wrap > p {word-break: keep-all; font-size: 2.2rem; line-height: 34px; letter-spacing: -0.03em; padding-top: 16px; border-top: 1px solid #ddd; margin-top: 16px;}
.vision .vision_box .vision_wrap > p > span {font-weight: 700; color: #275BC2;}

.corevalue {text-align: center;}
.corevalue > ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 14px; }
.corevalue > ul > li {}
.corevalue > ul > li > .top_icon {display: flex; align-items: center; margin: 0 auto; background: #FFFFFF; border: 10px solid #F2F7FF; border-radius: 50%; width: 180px; height: 180px;}
.corevalue > ul > li > .top_icon .icon {}
.corevalue > ul > li > .top_icon .icon > img {}
.corevalue > ul > li > .top_icon .icon > p {display: inline-block; padding: 8px 30px 0;  margin-top: 18px; border-top: 1px solid #D5D5D5; font-size: 2.4rem; font-weight: 700; line-height: 24px; letter-spacing: -0.05em; color: #1F2A6D;}
.corevalue > ul > li > .text_box {border: 10px solid #F2F7FF; height: calc(100% - 204px); margin-top: 24px;}
.corevalue > ul > li > .text_box .tit {height: 89px; margin: -10px -10px 0; background: #2E74FF; position: relative; display: flex; justify-content: center; align-items: center;}
.corevalue > ul > li > .text_box .tit::after {content: ""; display: block; opacity: 0.1; position: absolute; top: 0; left: 0; }
.corevalue > ul > li > .text_box .tit > p {font-size: 2.0rem; line-height: 28px; color: #FFFFFF; letter-spacing: -0.05em; font-weight: 300; white-space: nowrap; }
.corevalue > ul > li > .text_box .tit > p > span {color: #FFFFFF; font-weight: 500; font-weight: 500;}
.corevalue > ul > li > .text_box .sub { padding: 24px 24px; height: calc(100% - 79px); }
.corevalue > ul > li > .text_box .sub > ul {  }
.corevalue > ul > li > .text_box .sub > ul > li {  }
.corevalue > ul > li > .text_box .sub > ul > li > p { font-size: 1.6rem; line-height: 26px; text-align: left; }


@media screen and (max-width:1180px) and (min-width:1025px) {
  .corevalue > ul > li > .top_icon {width: 130px; height: 130px;}
  .corevalue > ul > li > .top_icon .icon > img {width: 40px; height: 40px; background-size: cover;}
  .corevalue > ul > li > .top_icon .icon > p {margin-top: 8px; padding: 8px 20px 0; }
  .corevalue > ul > li > .text_box {height: calc(100% - 138px); margin-top: 8px;}
  .corevalue > ul > li > .text_box .tit {height: 60px;}
  .corevalue > ul > li > .text_box .tit > p {font-size: 1.6rem; line-height: 20px;}
  .corevalue > ul > li > .text_box .sub {padding: 10px 16px; height: calc(100% - 50px);}
  .corevalue > ul > li > .text_box .sub > ul > li > p {font-size: 1.4rem; line-height: 20px;}
}

@media screen and (max-width:1024px) {
  .vision {padding: 0 0;}

  .corevalue > ul {grid-template-columns: 1fr; }
}

@media screen and (max-width:767px) {
  .tit_box {padding: 20px 11px; height: 130px;}
  .tit_box .tit_wrap::before {width: 30px; height: 30px; background-size: cover;}
  .tit_box .tit_wrap::after {width: 30px; height: 30px; background-size: cover;}
  .tit_box .tit_wrap > img {width: 54px;}
  .tit_box .tit_wrap p.sub {width: 190px; font-size: 1.4rem; line-height: 20px; margin-top: 10px;}

  .vision .vision_box {padding: 20px 56px; }
  .vision .vision_box::before {background: url(../imgs/sub/img_brackets_left_m.png)no-repeat center center; background-size: cover;}
  .vision .vision_box::after {background: url(../imgs/sub/img_brackets_right_m.png)no-repeat center center; background-size: cover;}
  .vision .vision_box .vision_wrap > img {width: 54px;}
  .vision .vision_box .vision_wrap > p {font-size: 1.4rem; line-height: 20px; padding-top: 8px; margin-top: 8px;}
  .vision .vision_box .vision_wrap > p > span {font-weight: 500;}

  .corevalue > ul > li > .top_icon {width: 130px; height: 130px;}
  .corevalue > ul > li > .top_icon .icon > img {width: 40px; height: 40px; background-size: cover;}
  .corevalue > ul > li > .top_icon .icon > p {margin-top: 8px; padding: 8px 20px 0; }
  .corevalue > ul > li > .text_box {height: calc(100% - 138px); margin-top: 8px;}
  .corevalue > ul > li > .text_box .tit {height: 60px;}
  .corevalue > ul > li > .text_box .tit > p {font-size: 1.6rem; line-height: 20px;}
  .corevalue > ul > li > .text_box .sub {padding: 10px 16px; height: calc(100% - 50px);}
  .corevalue > ul > li > .text_box .sub > ul > li > p {font-size: 1.4rem; line-height: 20px;}

}

/* ????°³¿ä */
.p0 {padding-left: 0; padding-right: 0;}

.mechanism {display: flex; max-width: 820px; margin: 0 auto; justify-content: center;}
.mechanism .first {display: flex; align-items: center; padding-right: 12px; position: relative;}
.mechanism .first::after {width: 60px; height: 80px; position: absolute; top: 40px; left: 50%; content: ""; display: block; background: url(../imgs/sub/img_right_top_line.png)no-repeat center center;}
.mechanism .first::before {width: 60px; height: 80px; position: absolute; bottom: 38px; left: 50%; content: ""; display: block; background: url(../imgs/sub/img_right_bot_line.png)no-repeat center center;}
.mechanism .first > p {z-index: 1; white-space: nowrap; padding: 10px 16px; min-height: 47px; background: #1F2A6D; color: #FFFFFF; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em;}
.mechanism .second {position: relative;}
.mechanism .second .text_box_02 {text-align: center; position: relative; margin-bottom: 6px; padding-right: 57px;}
.mechanism .second .text_box_02::after {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: url(../imgs/sub/img_arrow_right_gray.png)no-repeat center center; width: 48px; height: 12px;}
.mechanism .second .text_box_02 > p {position: relative; width: 158px; min-height: 72px; margin-bottom: 6px; padding: 22px 0;  font-size: 2.0rem; font-weight: 700; line-height: 26px; letter-spacing: -0.05em; color: #FFFFFF;}
.mechanism .second .text_box_02 > p::before {content: ""; display: block; z-index: -1; width: 100%; height: 100%; position: absolute; top: 6px; left: 6px;}
.mechanism .second .text_box_02.top > p {background: #5D3BEC;}
.mechanism .second .text_box_02.top > p::before {border: 2px solid #5D3BEC; background: #ffffff;}
.mechanism .second .text_box_02.bot > p {background: #FF8820;}
.mechanism .second .text_box_02.bot > p::before {border: 2px solid #FF8820; background: #ffffff;}
.mechanism .third {padding-right: 97px; position: relative;}
.mechanism .third::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 24px; display: block; background: url(../imgs/sub/img_arrow_center.png) no-repeat center center; background-size: cover; width: 56px; height: 26px;}
.mechanism .third .text_box_03 {}
.mechanism .third p.center {margin-left: 12px;}
.mechanism .third .text_box_03 > p {text-align: center; width: 181px; font-size: 1.4rem; letter-spacing: 20px; letter-spacing: -0.05em; min-height: 78px; display: flex; justify-content: center; align-items: center;}
.mechanism .third .text_box_03.top > p {border: 3px solid #5D3BEC;}
.mechanism .third .text_box_03.bot > p {border: 3px solid #FF8820;}
.mechanism .last {display: flex; align-items: center;}
.mechanism .last .text_box_04 {border: 4px solid #1F2A6D; width: 261px; height: 192px;}
.mechanism .last .text_box_04 > p.tit {text-align: center; word-break: keep-all; font-size: 2.0rem; font-weight: 700; line-height: 26px; letter-spacing: -0.05em; background: #1F2A6D; color: #FFFFFF; padding: 12px 0;}
.mechanism .last .text_box_04 > .sub {display: grid; grid-template-columns: 1fr 1fr; justify-content: center; padding: 0 12px 0 20px; margin-top: 12px;}
.mechanism .last .text_box_04 > .sub > li {width: 100%; font-size: 1.6rem; line-height: 24px; letter-spacing: -0.05em; margin: 0 auto; white-space: nowrap; margin-bottom: 8px;}

p.center { display: flex; align-items: center; min-height: 52px; white-space: nowrap;  margin: 15px 0; font-size: 1.6rem; font-weight: 500; letter-spacing: normal; padding-left: 18px; position: relative;}
p.center::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.mechanism .second p.center {margin-top: 21px;}
.mechanism .second p.center::before {background: url(../imgs/sub/img_arrow_down_blue.png)no-repeat center center; background-size: cover; width: 15px; height: 50px;}
.mechanism .third p.center::before {background: url(../imgs/sub/img_arrow_up_org.png)no-repeat center center; background-size: cover; width: 15px; height: 50px;}
.txt_circle_02 {position: relative; padding-left: 11px;}
.txt_circle_02::before {content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; border-radius: 50%; width: 6px; height: 6px; background: #1F2A6D;}

@media screen and (max-width:1180px) {
  .mechanism .first > p {font-size: 1.6rem; line-height: 24px;}
  .mechanism .second .text_box_02 > p {width: 108px; font-size: 1.6rem; line-height: 28px; letter-spacing: -0.08em;}
  .mechanism .third {padding-right: 67px;}
  .mechanism .third::after {right: 5px;}
  .mechanism .third .text_box_03 > p {width: 138px; font-size: 1.4rem; letter-spacing: -0.08em; line-height: 14px;}
  .mechanism .last .text_box_04 {width: 172px;}
  .mechanism .last .text_box_04 > p.tit {font-size: 1.6rem; line-height: 16px; font-weight: 500;}
  .mechanism .last .text_box_04 > .sub {grid-template-columns: 1fr; margin-top: 0; padding: 10px 16px;}
  .mechanism .last .text_box_04 > .sub > li {font-size: 1.4rem; line-height: 15px; margin-bottom: 8px;}
  p.center {font-size: 1.4rem; line-height: 14px; letter-spacing: -0.08em;font-weight: 400;}

}

@media screen and (max-width:1024px) {
  .txt_circle_02::before {width: 3px; height: 3px;}

  .mechanism {justify-content: center;}
  .mechanism .first {padding-right: 12px;}
  .mechanism .first > p {white-space: normal; padding: 10px 8px; width: 76px; min-height: 40px;}
  .mechanism .first::before {bottom: 28px;}
  .mechanism .first::after {top: 21px;}
  .mechanism .second p.center {margin-top: 0;}
  .mechanism .second p.center::before {width: 8px; height: 26px; background: url(../imgs/sub/img_arrow_down_blue_m.png)no-repeat center center; background-size: cover;}
  .mechanism .second .text_box_02 {padding-right: 34px;}
  .mechanism .second .text_box_02.top {margin-bottom: 64px;}
  .mechanism .second .text_box_02::after {width:24px; height: 1x; right: 1px;  background: url(../imgs/sub/img_arrow_right_gray_m.png)no-repeat center center; background-size: cover;}
  .mechanism .second .text_box_02 > p {width: 102px; min-height: 46px; height: 46px; padding: 16px 0; margin-bottom: 4px; line-height: 14px;}
  .mechanism .second .text_box_02 > p::before {top: 4px; left: 4px; }
  .mechanism .third {padding-right: 28px;}
  .mechanism .third::after {width: 24px; height: 20px; right: 8px; background: url(../imgs/sub/img_arrow_center_m.png) no-repeat center center; background-size: cover;}
  .mechanism .third .text_box_03.top {margin-bottom: 60px;}
  .mechanism .third .text_box_03 > p {width: 156px; min-height: 50px;}
  .mechanism .third p.center {margin-left: 13px;}
  .mechanism .third p.center::before {width: 8px; height: 26px; background: url(../imgs/sub/img_arrow_up_org_m.png)no-repeat center center; background-size: cover;}
  .mechanism .third .text_box_03.top > p {border: 1px solid #5D3BEC;}
  .mechanism .third .text_box_03.bot > p {border: 1px solid #FF8820;}
  .mechanism .last .text_box_04 {width: 112px; height: 124px; border: 1px solid #1F2A6D;}
  .mechanism .last .text_box_04 > p.tit { padding: 10px 0;}
  .mechanism .last .text_box_04 > .sub {grid-template-columns: 1fr; margin-top: 0; padding: 4px 16px;}
  .mechanism .last .text_box_04 > .sub > li { margin-bottom: 0;}
  p.center {padding-left: 12px; margin: 0; position: absolute; top: 50%; transform: translateY(-50%);}

}

@media screen and (max-width:767px) {
  .txt_circle_02::before {width: 3px; height: 3px;}

  .mechanism {max-width: 328px; justify-content: center;}
  .mechanism .first {padding-right: 4px;}
  .mechanism .first > p {white-space: normal; padding: 4px 0; width: 26px; min-height: 40px; font-size: 1.4rem; line-height: 16px;}
  .mechanism .first::before {bottom: 28px;}
  .mechanism .first::after {top: 21px;}
  .mechanism .second p.center {margin-top: 0;}
  .mechanism .second p.center::before {width: 5.89px; height: 20px; background: url(../imgs/sub/img_arrow_down_blue_m.png)no-repeat center center; background-size: cover;}
  .mechanism .second .text_box_02 {padding-right: 22px;}
  .mechanism .second .text_box_02.top {margin-bottom: 48px;}
  .mechanism .second .text_box_02::after {width:15px; height: 6.23px; right: 1px;  background: url(../imgs/sub/img_arrow_right_gray_m.png)no-repeat center center; background-size: cover;}
  .mechanism .second .text_box_02 > p {width: 62px; min-height: 46px; height: 46px; padding: 16px 0; margin-bottom: 4px; font-size: 1.4rem; line-height: 13px; letter-spacing: -0.08em;}
  .mechanism .second .text_box_02 > p::before {top: 4px; left: 4px; }
  .mechanism .third {padding-right: 18px;}
  .mechanism .third::after {width: 17.36px; height: 14.68px; right: 8px; background: url(../imgs/sub/img_arrow_center_m.png) no-repeat center center; background-size: cover;}
  .mechanism .third .text_box_03.top {margin-bottom: 44px;}
  .mechanism .third .text_box_03 > p {width: 116px; min-height: 50px; font-size: 1.2rem; letter-spacing: -0.08em; line-height: 14px;}
  .mechanism .third p.center {margin-left: 13px;}
  .mechanism .third p.center::before {width: 5.89px; height: 20px; background: url(../imgs/sub/img_arrow_up_org_m.png)no-repeat center center; background-size: cover;}
  .mechanism .third .text_box_03.top > p {border: 1px solid #5D3BEC;}
  .mechanism .third .text_box_03.bot > p {border: 1px solid #FF8820;}
  .mechanism .last .text_box_04 {width: 72px; height: 124px; border: 1px solid #1F2A6D;}
  .mechanism .last .text_box_04 > p.tit {font-size: 1.3rem; line-height: 16px; font-weight: 500; padding: 2px 0;}
  .mechanism .last .text_box_04 > .sub {grid-template-columns: 1fr; margin-top: 0; padding: 4px 16px;}
  .mechanism .last .text_box_04 > .sub > li {font-size: 1.0rem; line-height: 15px; margin-bottom: 0;}
  p.center {font-size: 1.1rem; line-height: 14px; letter-spacing: -0.08em;font-weight: 400; padding-left: 8px; margin: 0; position: absolute; top: 50%; transform: translateY(-50%);}
}

/* ????¹æ¹ý */
.evaluation > li > p.tit {color: #275BC2; font-weight: 500; font-size: 1.6rem; line-height: 30px; letter-spacing: -0.05em;}
.evaluation > li > p.sub {line-height: 26px; font-size: 1.6rem;}

.evalSkd {}
.evalSkd > ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.evalSkd > ul > li { padding: 0 20px; position: relative;}
.evalSkd > ul > li::after {content: ""; display: block; width: 25px; height: 25px; position: absolute; top: 50%; right: -12.5px; transform: translateY(-50%); background: url(../imgs/sub/img_arrow_right_blue.png)no-repeat center center;}
.evalSkd > ul > li:last-child:after {display: none;}
.evalSkd > ul > li .evalSkd_box {border: 1px solid #D5D5D5; text-align: center; height: 100%;}
.evalSkd > ul > li .evalSkd_box > p.tit { word-break: keep-all; height: 72px; background: #F6F6F6; border-bottom: 1px solid #D5D5D5; color: #1F2A6D; display: flex; justify-content: center; align-items: center;}
.evalSkd > ul > li:first-child .evalSkd_box > p.tit {background: #275BC2; color: #FFFFFF;}
.evalSkd > ul > li:last-child .evalSkd_box > p.tit {background: #FF972E; color: #FFFFFF;}
.evalSkd > ul > li .evalSkd_box > p.sub {height: calc(100% - 72px); display: flex; justify-content: center; align-items: center;}


@media screen and (max-width:1280px) {
  .evalSkd > ul {grid-template-columns: 1fr 1fr;}
  .evalSkd > ul > li {margin-bottom: 8px;}
  .evalSkd > ul > li:last-child {margin-bottom: 0;}
  .evalSkd > ul > li .evalSkd_box > p.tit {height: 54px; padding: 0 5px; font-size: 1.4rem;}
  .evalSkd > ul > li .evalSkd_box > p.sub {height: calc(100% - 54px); min-height: 54px; padding: 0 5px; font-size: 1.4rem;}
}

@media screen and (max-width:1024px) {
  .evaluation > li > p.tit {font-size: 1.4rem;}
  .evaluation > li > p.sub {font-size: 1.4rem;}
}


.table_data tr > td.line {border-left: 1px solid #D5D5D5;}
.text-box .mobile_scroll {margin-left: 0;}
.img-area > .img_box_02 {margin: 0 auto; width: 990px; height: 235px; background: url(../imgs/sub/img_wrap_bg02.png)no-repeat center center; background-size: contain;}
@media screen and (max-width:1540px) {
  .img-area > .img_box_02 {width: 800px;}
}
@media screen and (max-width:1320px) {
  .img-area {padding: 0;}
  .img-area > .img_box_02 {width: 100%; height: 333px; padding-right: 24px; background: url(../imgs/sub/img_wrap_bg02_m.png)no-repeat center center; }
}

/* ??¸³¸ñÀû ????Çõ */
.cmptathr {padding: 0 122px;}
.cmptathr .cmptathr_box {position: relative; width: 100%; background: #FBFBFB;  padding: 32px 0;}
.cmptathr .cmptathr_box::before {content: ""; display: block; width: 40px; height: 100%; background: url(../imgs/sub/img_brackets_left02.png)no-repeat center center; background-size: cover; position: absolute; top: 0; left: 0;}
.cmptathr .cmptathr_box::after {content: ""; display: block; width: 40px; height: 100%; background: url(../imgs/sub/img_brackets_right02.png)no-repeat center center; background-size: cover; position: absolute; top: 0; right: 0;}
.cmptathr .cmptathr_box .cmptathr_wrap {text-align: center;}
.cmptathr .cmptathr_box .cmptathr_wrap > img {display: flex; margin: 0 auto;}
.cmptathr .cmptathr_box .cmptathr_wrap > img.logo {margin-top: 32px;}
.cmptathr .cmptathr_box .cmptathr_wrap > p.tit {word-break: keep-all; font-size: 1.8rem; line-height: 30px; margin-top: 16px; letter-spacing: -0.05em; font-weight: 700;}
.cmptathr .cmptathr_box .cmptathr_wrap > p.sub {word-break: keep-all; font-size: 1.4rem; line-height: 30px; letter-spacing: -0.05em; }

.prpinEstbl_box {width: 100%; background: #FFFCF6 url(../imgs/sub/img_prpinEstbl_box.png) no-repeat right bottom; padding: 40px 60px;}
.prpinEstbl_box .prpinEstbl_wrap {position: relative; text-align: center;}
.prpinEstbl_box .prpinEstbl_wrap::before {content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 0; left: 0; background: url(../imgs/sub/img_dqm_left02.png) no-repeat center center;}
.prpinEstbl_box .prpinEstbl_wrap::after {content: ""; display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 0; background: url(../imgs/sub/img_dqm_right02.png) no-repeat center center;}
.prpinEstbl_box .prpinEstbl_wrap > p {position: relative; padding-top: 24px;}
.prpinEstbl_box .prpinEstbl_wrap > p::before {content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 32px; height: 1px; background: #D5D5D5; }
.prpinEstbl_box .prpinEstbl_wrap p.sub {margin: 0 auto; word-break: keep-all; font-size: 1.8rem; line-height: 30px; letter-spacing: -0.05em; margin-top: 24px;}
.prpinEstbl_box .prpinEstbl_wrap > p > span {font-weight: 500; color: #275BC2;}

.fndnEstab {}
.fndnEstab .fndnEstab_tit {}
.fndnEstab .fndnEstab_tit .tit {position: relative; text-align: center;}
.fndnEstab .fndnEstab_tit .tit .line {width: 100%; height: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url('../imgs/sub/img_line_dashed.png') center center; }
.fndnEstab .fndnEstab_tit .tit > span { position: relative; padding: 0 21px;  background: #ffffff;}
.fndnEstab .fndnEstab_tit .tit > span::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 6px; background: #1F2A6D; border-radius: 50%;}
.fndnEstab .fndnEstab_tit .tit > span::after {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 6px; height: 6px; background: #1F2A6D; border-radius: 50%;}
/* 2022-12-19 ??½Â????¸³¸ñÀû ????Çõ - ±â?? ??¸³±Ù°Å ui ??Á¤ */
.fndnEstab .fndnEstab_sub {margin: 0 21%; display: flex; margin-top: 24px; text-align: center; padding: 8px 24px; background: #FFF2F6; border-radius: 23px;}
/* // 2022-12-19 ??½Â????¸³¸ñÀû ????Çõ - ±â?? ??¸³±Ù°Å ui ??Á¤ */
.fndnEstab .fndnEstab_sub > span {font-size: 2.0rem; line-height: 30px; letter-spacing: -0.05em; font-weight: 500; white-space: nowrap;}

.row_graph > ul {margin-top: 24px;}
.row_graph > ul > li + li {margin-top: 12px;}
.row_graph > ul > li .table {display: flex;}
.row_graph > ul > li .table > p {display: inline-flex;}
.row_graph > ul > li .table > p.num {width: 64px; height: 64px; background: #E4EDFF; border: 1px solid #BAC5DB; align-items: center; justify-content: center;  font-size: 2.8rem; font-weight: 900; line-height: 30px; letter-spacing: -0.05em; color: #1F2A6D; }
.row_graph > ul > li .table > p.txt {width: 100%; align-items: center; background: #FFFFFF; font-size: 1.6rem; letter-spacing: -0.05em; line-height: 30px; font-weight: 500; border: 1px solid #BAC5DB; border-left: none; padding: 0 20px;}
.row_graph > ul > li > ol.sub {counter-reset: circle 0; margin-top: 6px; background: #F6F6F6; border: 1px solid #D5D5D5; padding: 16px 84px;}
.row_graph > ul > li > ol.sub > li {font-size: 1.6rem; line-height: 26px;}
.row_graph > ul > li > ol.sub > li {position: relative; padding-left: 20px;}
.row_graph > ul > li > ol.sub > li::before {position: absolute; top: 0; left: 0.4em; counter-increment: circle 1; content: counter(circle); font-size: 0.8em;}
.row_graph > ul > li > ol.sub > li::after {content: ''; position: absolute; top: 5px; left: 0.5px;  display: inline-block; border: 1px solid #333; border-radius: 50%; width: 1em; height: 1em;}

.history {}
.history .history_tit {}
.history .history_tit .tit {position: relative; text-align: center;}
.history .history_tit .tit .line {width: 100%; height: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url('../imgs/sub/img_line_dashed.png') center center; }
/* 2022-12-28 ??½Â??history line ƒÆÁü ??Á¤ */
.history .history_tit .tit > span {position: relative;padding: 0 21px;background: #ffffff;display: inline-block;}
/* //2022-12-28 ??½Â??history line ƒÆÁü ??Á¤ */
.history .history_tit .tit > span::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 6px; background: #1F2A6D; border-radius: 50%;}
.history .history_tit .tit > span::after {content: ""; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 6px; height: 6px; background: #1F2A6D; border-radius: 50%;}
.history .history_sub {margin-top: 24px; text-align: center;}
.history .history_sub > span {padding: 8px 24px; background: #FFF2F6; border-radius: 23px;}

.history .history_wrap {padding: 60px 20px; background: #F9FBFF; border: 1px solid #E4EDFF; margin-top: 24px;}
.history .history_wrap .history_year {position: relative;  text-align: center;}
.history .history_wrap .history_year + .history_year {margin-top: 40px;}
.history .history_wrap .history_year::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50%; display: block; width: 9px; height: 9px; background: #2E74FF;}
.history .history_wrap .history_year > img {margin-bottom: 8px;}
.history .history_wrap .history_year .line {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1px; height: calc(100% - 58px); background: #757575; }
.history .history_wrap .history_year .year_area {display: flex; width: 100%;}
.history .history_wrap .history_year .year_area + .year_area {margin-top: 8px;}
.history .history_wrap .history_year .year_area.flr {justify-content: end; text-align-last: left;}
.history .history_wrap .history_year .year_area.fll {justify-content: start; text-align: right;}
.history .history_wrap .history_year .year_area .year {width: 50%;  position: relative;}
.history .history_wrap .history_year .year_area.flr .year::before {content: ""; display: block; position: absolute; top: 5px; left: -7.5px; width: 15px; height: 15px; background: #2E74FF; border: 3px solid #F2F7FF; border-radius: 50%; box-shadow: 0 0 6px 0 #2E74FF;}
.history .history_wrap .history_year .year_area.fll .year::after {content: ""; display: block; position: absolute; top: 5px; right: -7.5px; width: 15px; height: 15px; background: #2E74FF; border: 3px solid #F2F7FF; border-radius: 50%; box-shadow: 0 0 6px 0 #2E74FF;}
.history .history_wrap .history_year .year_area.flr .year {padding-left: 42px;}
.history .history_wrap .history_year .year_area.fll .year {padding-right: 42px;}
.history .history_wrap .history_year .year_area .year > p {position: relative; margin-bottom: 10px; font-size: 2.4rem; font-weight: 700; line-height: 26px; letter-spacing: -0.05em; color: #2E74FF;}
.history .history_wrap .history_year .year_area.flr .year > p::before {content: ""; display: block; position: absolute; top: 50%; left: -32px; transform: translateY(-50%); height: 1px; width: 24px; background: #1F2A6D; }
.history .history_wrap .history_year .year_area.fll .year > p::after {content: ""; display: block; position: absolute; top: 50%; right: -32px; transform: translateY(-50%); height: 1px; width: 24px; background: #1F2A6D; }
.history .history_wrap .history_year .year_area .year .month {}
.history .history_wrap .history_year .year_area .year .month > dl {display: flex;}
.history .history_wrap .history_year .year_area.fll .year .month > dl {flex-direction: row-reverse;}
.history .history_wrap .history_year .year_area .year .month > dl > dt {margin-right: 16px; font-size: 1.8rem; font-weight: 700; line-height: 26px; letter-spacing: -0.05em;}
.history .history_wrap .history_year .year_area.fll .year .month > dl > dt {margin-right: 0; margin-left: 16px;}
.history .history_wrap .history_year .year_area .year .month > dl > dd {font-size: 1.6rem; line-height: 26px; letter-spacing: -0.05em;}

@media screen and (max-width:1490px) {
  .fndnEstab .fndnEstab_sub {flex-wrap: wrap; margin: 0 21%; margin-top: 24px;}
  .fndnEstab .fndnEstab_sub > span {width: 100%;}

}

@media screen and (max-width:1024px) {
  .cmptathr {padding: 0 0;}
  .fndnEstab .fndnEstab_sub {font-size: 1.6rem; flex-wrap: wrap; margin: 0; margin-top: 8px;}
  .fndnEstab .fndnEstab_sub > span {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.05em; font-weight: 500; width: 100%;}

}

@media screen and (max-width:767px) {

  .cmptathr .cmptathr_box {padding: 20px 0; }
  .cmptathr .cmptathr_box::before {background: url(../imgs/sub/img_brackets_left02_m.png)no-repeat center center; background-size: cover;}
  .cmptathr .cmptathr_box::after {background: url(../imgs/sub/img_brackets_right02_m.png)no-repeat center center; background-size: cover;}
  .cmptathr .cmptathr_box .cmptathr_wrap > img.txt {width: 114px;}
  .cmptathr .cmptathr_box .cmptathr_wrap > img.logo {width: 172px; margin-top: 8px;}
  .cmptathr .cmptathr_box .cmptathr_wrap > p.txt {margin-top: 8px;}
  .cmptathr .cmptathr_box .cmptathr_wrap > p.sub {line-height: 20px;}

  .prpinEstbl_box {padding: 20px 0; background: #FFFCF6;}
  .prpinEstbl_box .prpinEstbl_wrap > p::before {background: #1F2A6D;}
  .prpinEstbl_box .prpinEstbl_wrap::before {width: 30px; height: 30px; background-size: cover;}
  .prpinEstbl_box .prpinEstbl_wrap::after {width: 30px; height: 30px; background-size: cover;}
  .prpinEstbl_box .prpinEstbl_wrap > img {width: 116px;}
  .prpinEstbl_box .prpinEstbl_wrap p.sub {font-size: 1.4rem; line-height: 20px; margin-top: 10px;}
  .prpinEstbl_box .prpinEstbl_wrap p.sub > br {display: none;}
  .prpinEstbl_box .prpinEstbl_wrap > p > span {font-weight: 400;}

  .row_graph > ul > li .table > p.num {width: 40px; height: 56px; font-size: 2.0rem;}
  .row_graph > ul > li > ol.sub {padding: 20px 16px;}
  .row_graph > ul > li > ol.sub > li {font-size: 1.4rem;}
  .row_graph > ul > li .table > p.txt {font-size: 1.4rem; line-height: 20px; padding: 0 8px;}

  .history .history_wrap {padding: 20px 14px;}
  .history .history_wrap .history_year + .history_year {margin-top: 20px;}
  .history .history_wrap .history_year .year_area .year > p {font-size: 2.0rem; margin-bottom: 4px;}
  .history .history_wrap .history_year .year_area .year .month > dl {flex-wrap: wrap;}
  .history .history_wrap .history_year .year_area .year .month > dl > dt {width: 100%; font-size: 1.4rem; }
  .history .history_wrap .history_year .year_area .year .month > dl > dd {font-size: 1.4rem; line-height: 20px;}

}

/* °³ÀÎ??º¸Ã³¸®¹æÄ§ */
.pl18 {padding-left: 18px;}
.mt10 {margin-top: 10px;}
.mt32 {margin-top: 32px;}
.pb32 {padding-bottom: 32px;}
.txt_circle {counter-reset: circle 0; margin-top: 6px; }
.txt_circle > li {font-size: 1.6rem; line-height: 26px;}
.txt_circle > li {position: relative; padding-left: 20px;}
.txt_circle > li::before {position: absolute; top: 0; left: 0.4em; counter-increment: circle 1; content: counter(circle); font-size: 0.8em;}
.txt_circle > li::after {content: ''; position: absolute; top: 5px; left: 0.5px;  display: inline-block; border: 1px solid #333; border-radius: 50%; width: 1em; height: 1em;}

.bot_dashed {position: relative;}
.bot_dashed::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: url(../imgs/sub/img_dashed_line.png) no-repeat center center;}

.txt_num {list-style: auto; padding-left: 36px;}

.txt_line {position: relative;}
.txt_line::before {content: "-"; display: inline-block;}

.txt_hand {position: relative; padding-left: 36px;}
.txt_hand::before {content: "??"; display: inline-block;}

.selectbox {position: relative;}
.selectbox.update {width: 264px;}
.selectbox .label {position: relative; display: flex; width: 100%; font-size: 1.4rem; align-items: center; cursor: pointer; height: 40px; line-height: 24px; z-index: 1; padding: 0 50px 0 12px; border: 1px solid #D0D0D0; background: url('../imgs/board/ico_select_aroow_down.svg') no-repeat center right 9px; }
.selectbox .label::after {position: absolute; content: ""; display: block; width: 1px; height: 24px; top: 50%; right: 40px; background: #D5D5D5; transform: translateY(-50%);}
.selectbox.active > .list_area { display: block; }
.selectbox > .list_area { display: none; position: absolute; top: 43px; left: 0; width: 100%;  background: #ffffff; border: 1px solid #D4D4D4; margin-bottom: 3px; padding: 10px 5px; border-radius: 4px; z-index: 1; margin-left: 0;}
.selectbox .optionList {width: 100%; overflow-y: auto; max-height: 0; z-index: 10;  text-align: left; padding: 0 5px;}
.selectbox.active .label {background: url('../imgs/board/ico_select_aroow_up.svg') no-repeat center right 9px; }
.selectbox.active .optionList {display: block; max-height: 200px;}
.selectbox.active .optionList::-webkit-scrollbar {width: 7px;}
.selectbox.active .optionList::-webkit-scrollbar-thumb {background-color: #1F2A6D; background-clip: padding-box;}
.selectbox.active .optionList::-webkit-scrollbar-track {background-color: #D5D5D5;}
.selectbox .optionItem {padding: 5px 5px 5px; transition: .1s;}
.selectbox .optionItem:hover {text-decoration: underline;}
.selectbox .optionItem.on {color: #FF972E; font-weight: 700;}
/* 2022-12-20 °³ÀÎ??º¸Ã³¸®¹æÄ§ select ¹öÆ° ??¿ª º¯??Ãß?? */
.selectbox .optionItem > a {width: 100%; display: block;}
/* //2022-12-20 °³ÀÎ??º¸Ã³¸®¹æÄ§ select ¹öÆ° ??¿ª º¯??Ãß?? */

@media screen and (max-width:1024px) {
  .selectbox.update {width: 100%;}
  .selectbox .label {width: 100%;}
  .selectbox > .list_area {width: 100%;}
}

@media screen and (max-width:767px) {
  .pl18 {padding-left: 9px;}
  .mt32 {margin-top: 16px;}
  .pb32 {padding-bottom: 16px;}
  .subtit_m_con > p {font-size: 1.4rem; line-height: 20px;}
  .txt_circle > li {font-size: 1.4rem; line-height: 20px; padding-left: 10px;}
  .txt_num, .txt_hand, .txt_line {font-size: 1.4rem; line-height: 20px;}
  .txt_num {padding-left: 16px;}
  .txt_hand {padding-left: 16px;}
  .selectbox .optionItem > a {font-size: 1.4rem;}
    /* 2022-12-19 ??½Â??circle ¸ð¹Ù??size ??Á¤  */
    .txt_circle > li {padding-left: 18px;}
    .txt_circle > li::before {top: 1px;}
    .txt_circle > li::after {top: 4px;}
    /* //2022-12-19 ??½Â??circle ¸ð¹Ù??size ??Á¤  */

}

/* ºÐÀïÁ¶Á¤??µµ */
.DM_System > ul > li + li {margin: 15px 0; }
.DM_System > ul > li.on .toggle_title {border-bottom: 1px solid #D0D0D0; }
.DM_System .toggle_title {height: 60px; line-height: 60px; background-color: #fbfbfb; border: 1px solid #d0d0d0; border-bottom: 0;}
.DM_System .toggle_title > a > p {height: 60px !important; line-height: 60px !important;}


/* 2023-10-25 Çù¾àÀÌÇàÆò°¡ÆÀ ÄÜÅÙÃ÷ Ãß°¡ */
.mobile_scroll.ml0 {margin-left: 0;}
.guideTxt {color: #275BC2; font-size: 14px; letter-spacing: -0.05em;}

.splsys {}
.splsyslist {display: flex; align-items: center; justify-content: center;}
.splsyslist .splsysitem {position: relative; border-radius: 50%; padding: 27px;}
.splsyslist .splsysitem:nth-child(odd) {background: linear-gradient(#F5F9F9 50%,transparent 50%);}
.splsyslist .splsysitem:nth-child(even) {background: linear-gradient(transparent  50%, #F5F9F9 50%); }
.splsyslist .splsysitem::after { content: ""; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: calc(100% - 24px); background: #fff; height: calc(100% - 24px); }
.splsyslist .splsysitem .cycle {position: relative; width: 142px; height: 142px; border-radius: 50%; background: #fff; border: 6px solid #57B0B4; display: flex; align-items: center; justify-content: center; z-index: 3; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.splsyslist .splsysitem .cycle span {color: #007982; text-align: center; font-weight: 700;}
.splsyslist .splsysitem:first-child .cycle {position: relative; width: 142px; height: 142px; border-radius: 50%; background: #007982; border: 0; display: flex; align-items: center; justify-content: center; z-index: 3; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.splsyslist .splsysitem:first-child .cycle .titCon {display: flex; justify-content: center; align-items: center; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: -0.05em; position: absolute; top: -36px; left: 50%; transform: translateX(-50%); border-radius: 50%; width: 55px; height: 55px; background: #FF972E;}
.splsyslist .splsysitem:first-child .cycle span {color: #fff; text-align: center; font-weight: 700;}
.splsyslist .splsysitem + .splsysitem {margin-left: -12px;}
.splsyslist .splsysitem + .splsysitem::before {content: ""; z-index: 4; position: absolute; top: 50%; left: -8px; transform: translateY(-50%); border-radius: 50%; width: 28px; height: 28px; border: 1px solid #D4D4D4; background: #fff url(../imgs/sub/icon-left-arrow.svg) no-repeat center center; }
@media screen and (max-width:1240px) and (min-width:1024px) {
  .splsyslist {flex-wrap: wrap; max-width: 400px; margin: 0 auto;}
  .splsyslist .splsysitem + .splsysitem:nth-child(2n + 1):before {display: none;}
}

@media screen and (max-width:920px) and (min-width:767px) {
  .splsyslist {flex-wrap: wrap; max-width: 400px; margin: 0 auto;}
  .splsyslist .splsysitem + .splsysitem:nth-child(2n + 1):before {display: none;}
}

@media screen and (max-width:767px) {
  .splsyslist {flex-wrap: wrap; max-width: 400px; margin: 0 auto;}
  .splsyslist .splsysitem + .splsysitem:nth-child(2n + 1):before {display: none;}
  .guideTxt {text-align: center;}
  .splsyslist .splsysitem .cycle {width: 112px; height: 112px;}
  .splsyslist .splsysitem:first-child .cycle {width: 112px; height: 112px;}
  .splsyslist .splsysitem:first-child .cycle .titCon{width: 44px; height: 44px;}
  .splsyslist .splsysitem + .splsysitem::before {width: 22px; height: 22px; font-size: 11px;}
}
@media screen and (max-width:375px) {
  .splsyslist {max-width: 250px;}
  .splsyslist .splsysitem + .splsysitem::before {left: 50%; top: -6px; transform: translateX(-50%) rotate(90deg);}
  .splsyslist .splsysitem + .splsysitem:nth-child(2n + 1):before {display: block;}
  .splsyslist .splsysitem + .splsysitem {margin-left: 0; margin-top: -12px;}
  .splsyslist .splsysitem:nth-child(odd) {background: linear-gradient(to right, #F5F9F9 50%,transparent 50%);}
  .splsyslist .splsysitem:nth-child(even) {background: linear-gradient(to right, transparent  50%, #F5F9F9 50%); }
}
/* //2023-10-25 Çù¾àÀÌÇàÆò°¡ÆÀ ÄÜÅÙÃ÷ Ãß°¡ */
