@charset "utf8";

/* Common */
#contents {margin-bottom:5rem;}
.dept01 {margin-bottom:1.5rem; position:relative; padding-left:2.5rem; font-size:2rem; margin-top:5rem;}
.dept01:before {content: ''; display: inline-block; width: 2rem; height: 2rem; border-radius: 50px; border: 3px solid var(--tm-col); position: absolute; left: 0; top: 4px;}
.dot_list {}
.dot_list > li {text-align:left; opacity: .7; margin-bottom:0.5rem; font-size:1.7rem;}
.dot_list > li:before {content:'·';margin-right:0.5rem;}
.dot_list > li:last-child,
.dot_list > li ol li {margin-bottom:0;}
.dot_list > li ol {padding-left: 1rem;}
.dot_list > li ol li {margin-bottom:0.5rem;}
.dot_list > li ol li:before {content:'-'; margin-right:0.3rem;}
.dot_list > li ul {padding-left:1rem; margin-top:0.3rem;}
.dot_list > li ul li {font-size:1.5rem;}
.dot_list > li ul li:before {content:'-';}
.img_box {display:flex; gap:3rem}
.img_box li {}
.img_box li.li02 {width:calc(50% - 3rem);}
.img_box li.li03 {width:calc(33.33% - 3rem);}
.img_box li.li04 {width:calc(25% - 3rem);}
.mt0 {margin-top:0 !important;}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.num_list {counter-reset: my-counter; margin-top:0.5rem;}
.num_list > li {color: #000; padding-left: 33px; position: relative; line-height: 1.8;}
.num_list > li:before {background-color: #3A58A5; border-radius: 100%; content: counter(my-counter); counter-increment: my-counter; color: #fff; display: block; font-size: 14px; position: absolute; left: 4px; top: 3px; line-height: 1.7; text-align: center; height: 22px; width: 22px;}
.num_list > li ul {}
.num_list > li ul li {}
.num_list > li ul li:before {content:'-'; opacity: .7;}
.i-info {position: relative; padding-left: 1.8rem; color:#e26914}
.i-info:before {content:''; font-family:xeicon; position: absolute; left: 0; top: 0;}
p.i-info {margin-bottom:0.4rem;}
em.i-info {display:block;}


/* Sub Visual */
.contents_util {}
.vis01 {background:url(/main/img/sub/vis_img01.jpg) center no-repeat;}
.vis02 {background:url(/main/img/sub/vis_img02.jpg) center no-repeat;}
.vis03 {background:url(/main/img/sub/vis_img03.jpg) center no-repeat;}
.vis04 {background:url(/main/img/sub/vis_img04.jpg) center no-repeat;}
.vis05 {background:url(/main/img/sub/vis_img05.jpg) center no-repeat;}
.vis06 {background:url(/main/img/sub/vis_img06.jpg) center no-repeat;}
.vis07 {background:url(/main/img/sub/vis_img06.jpg) center no-repeat;}

/* 만족도조사 */
.contents_info {border: 1px solid #ddd; padding: 2rem; border-radius: 0.5rem; margin: 4rem 0; background-color:#f9f9f9}
.contents_info .satisfy {}
.contents_info .satisfy fieldset {}
.contents_info .satisfy fieldset legend {}
.contents_info .satisfy fieldset .title {font-size: 1.8rem; display: block; border-bottom: 1px solid #ddd; padding-bottom: 1rem; margin-bottom: 1rem;}
.contents_info .satisfy form {display:flex; gap:3rem; align-items: center;}
.contents_info .satisfy .m_select {opacity: .6; margin-top: -0.8rem; display: inline-block;}
.contents_info .satisfy .list {display: flex ; gap: 2rem;}
.contents_info .satisfy .list li {}
.contents_info .satisfy .list li span {}
.contents_info .satisfy .list li span input {}
.contents_info .satisfy .list li span label {}
.contents_info .satisfy .btn_box {}

/* 비전 */
.vision {display: flex ; align-items: center; gap: 3rem;}
.vision i {width:45%;}
.vision i img {}
.vision ul {}
.vision ul li {color: #919191; margin-bottom: 1rem; padding-left:1.3rem; position:relative; }
.vision ul li:before {content: ''; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50px; background-color: var(--tm-col); position: absolute; left: 0; top: 10px;}
.vision ul li:first-child {color: var(--tm-col); font-size: 3rem; margin-bottom: 2rem; padding-left:0;}
.vision ul li:first-child:before {display:none; }
.vision ul li:last-child {margin-bottom:0;}
.vision ul li b {color:#222;}

/* Table */
.table {border-top:2px solid #222;}
.table tr {}
.table tbody tr td:first-child {border-left: 0 none;}
.table tbody tr td:last-child {border-right: 0 none;}
.table tr th,.table tr td {text-align:center; padding:2rem;} 
.table tr th {background-color:#f5f5f5;}
.table tr td {border:1px solid #ddd}

/* 조직도 */
.org_list {padding:5rem 0;}
.org_list .org_top {width: 900px; margin: 0 auto; position:relative; margin-bottom:10rem;}
.org_list .org_top:before {content:''; width:1px; display:block; height:100%; background-color:#ddd; position:absolute; left:50%; top:0; z-index:-1}
.org_list .org_top > li {text-align:center; margin-bottom:2rem;}
.org_list .org_top > li:nth-child(3) {margin-top:5rem; position:relative;}
.org_list .org_top > li:nth-child(3):before {content: '감 사'; position: absolute; right: 0; top: -5.5rem; display: inline-block; min-width: 17rem; border: 2px solid #ddd; padding: 2rem;}
.org_list .org_top > li:nth-child(3):after {content: ''; width: 28rem; background-color: #ddd; height: 1px; position: absolute; right: 17rem; top: -36%;}
.org_list .org_top > li b {padding: 2rem; min-width: 27rem; display: inline-block;}
.org_list .org_top > li:first-child b {color:#fff; background-color:#3A58A5;}
.org_list .org_top > li:nth-child(2) b {color:#fff; background-color:#47A8C6}
.org_list .org_top > li:nth-child(3) b {color:#4357A3; border:2px solid #4357A3; background-color:#fff;}
.org_list .org_top > li:nth-child(4) b {color:#fff; background-color:#F5C526}
.org_list .org_top > li:nth-child(5) b {color:#fff; background-color:#8BBE48}
.org_list .org_top > li.org_depth {margin-top:6rem;}
.org_list .org_top > li.org_depth ul {display:flex; gap:2rem; justify-content: center; position:relative; }
.org_list .org_top > li.org_depth ul:before {content: ''; width: 60rem; height: 1px; display: block; background-color: #ddd; position: absolute; left: 150px; top: -3rem;}
.org_list .org_top > li.org_depth ul li {width:calc(33.33% - 2rem); position:relative; }
.org_list .org_top > li.org_depth ul li:before {content: ''; display: block; width: 1px; background-color: #ddd; height: 3rem; position: absolute; left: 50%; top: -3rem;}
.org_list .org_top > li.org_depth ul li b {background-color:#eee}

/* Contents Img */
.img_conts {text-align:center; padding:6rem 0;}
.img_conts > em {display:block; opacity: .65;}
.img_conts > b {font-size:3.2rem; position:relative; display:inline-block; }
.img_conts > b:after {content: ''; position: absolute; left: 50%; bottom: -1rem; width: 4rem; height: 1px; background-color: #222; margin-left: -21px;}
.img_conts > i {overflow:hidden; border-radius: 2rem; display:block; margin:5rem 0; height:44rem;}  
.img_conts > i img {width:100%; object-fit:cover; height:100%;}
.img_conts > strong {display: block; margin-bottom: 4rem; font-size: 2.6rem;}
.img_conts > strong span {color:var(--tm-col)}
.img_conts > span {display:block; margin:4rem 0 2rem 0;}
.img_conts div {margin-top: -12rem; background-color: #fff; position: relative; z-index: 1; width: 80%; padding: 2rem 2rem 2rem 0;}
.img_conts div strong {text-align:left; font-size:2.4rem; margin-bottom:2rem; display:block; color: #296dc9;}

/* 주요업무 */
.work_box {padding: 4rem 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.work_box b {display:block; text-align:center; font-size:3rem;}

/* 이용약관 */
.use_top {display:flex; flex-wrap:wrap; gap:2rem; margin-bottom:4rem; width: calc(100% + 2rem);}
.use_top a {border-radius: 0.8rem; padding: 1.8rem 1rem; display: block; text-align: center; width: calc(20% - 2rem); background: #f7f7f7; transition: all .3s ease;}
.use_top a:hover {background-color:var(--tm-col); color:#fff;}
.use_box {border:1px solid #ddd; border-radius: 1rem; padding:4rem; margin-bottom:4rem}
.use_box:last-child {margin-bottom:0;}
.use_box h3 {border-bottom: 1px solid #ddd; padding-bottom: 1rem; margin-bottom: 1rem; font-size: 2rem;}
.use_box b {display:block; margin-top:2rem;}
.use_box p {margin: 1rem; opacity: .7;}

/* 개인정보처리방침 */
.pv_top {padding:4rem; border-radius: 1rem; background-color:#f7f7f7; text-align:center; margin-bottom:4rem;}
.pv_top b {display:block; font-size: 1.9rem; }
.pv_top b span {color:var(--tm-col)}
.pv_top p {margin-top:2rem;}



#snb {
  margin-bottom: 4rem;
}
#snb .title {
  font-family: "Jalnan_gothic";
  font-size: 4.8rem;
  margin-bottom: 2.4rem;
  line-height: 1.1;
}
#snb .btn {
  display: none;
}
#snb .depth2 {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.4rem;
  width: 100%;
}
#snb .depth2 a {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 6rem;
  padding: 0 0.8rem;
  font-weight: 600;
  transition: 0.3s;
  font-size: 1.8rem;
  color: #8e8e8e;
}
#snb .depth2 a::before {
  content: "";
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 1px;
  background: #000;
  transition: 0.3s;
}
@media screen and (min-width: 1025px) {
  #snb .depth2 a:hover {
    color: #333;
  }
  #snb .depth2 a:hover::before {
    width: 100%;
  }
}
#snb .depth2 li.active a {
  color: #000;
}
#snb .depth2 li.active a::before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
#snb .depth3 {
  display: none !important;
}

.contents_util {
  margin-bottom: 4rem;
  height: 37rem;
  color:#fff;
  position:relative; 
}
.contents_util:after {content:''; display:block; background-color:rgba(0,0,0,.3); position:absolute; left:0; top:0; width:100%; height:100%;}
.contents_util .layout_fix {position: relative; z-index: 2;}

.contents_util .title {text-align: center; line-height: 33rem; font-size: 3rem;}
.contents_util .location .path {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.4rem;
}
.contents_util .location .path .icon {
  margin-right: 1rem;
  opacity: 0.5;
}
.contents_util .location .path .icon a {
  display: block;
  width: 1.6rem;
  height: 2rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM6 19H18V9.15745L12 3.7029L6 9.15745V19Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  background-size: 1.5rem;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7490%) hue-rotate(263deg) brightness(100%) contrast(103%);
}
.contents_util .location .path li:not(.icon) + li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 1rem;
}
.contents_util .location .path li:not(.icon) + li::before {
  content: "";
  display: block;
  border-left: 4px solid #fff;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  opacity: 0.6;
  margin-right: 1rem;
}
.contents_util .location .path a {
  opacity: 0.7;
}
.contents_util .location .path a.active {
  font-weight: 700;
  opacity: 1;
}
.contents_util .util {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;

  display:none; 
}
.contents_util .util .zoom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}
.contents_util .util .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 4rem;
  height: 4rem;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
}

#content {width:calc(100% - 0rem); max-width:150rem; margin:0 auto; outline:0}
#content .content_info {position:relative}
#contents_title {color:#000; margin-bottom:2rem; font-size:4rem; font-weight:600; line-height:1.4; position:relative; word-break:keep-all}


/*content*/	
#content{width: 100%;position:relative;word-break: keep-all; max-width: 150rem; margin: 0 auto;  min-height:40rem}
#content .content_info{position:relative; z-index:3}
#content .content_info h3.title{color:#333; font-size:4rem; font-weight:900; padding-top:15rem;}
#content .content_info nav.location{width:100%;position:relative;background-color:#22a7ef; border-radius:1rem; width: 100%;display: flex;position: absolute;left: 0;top: 0;}
#content .content_info nav.location::after{/* display:block; *//* content:''; */position:absolute;top:0;width:100%;height:7rem;background-color:#000}
#content .content_info nav.location .path{display:block; width:10rem; height:6rem; line-height:6rem; text-align:center;}
#content .content_info nav.location .path li {display:none}
#content .content_info nav.location .path li.icon {display:block; width:100%; height:100%}
#content .content_info nav.location .path li.icon a {display:block; width:100%; height:100%; overflow:hidden; position:relative}
#content .content_info nav.location .path li.icon a::before {content:''; color:#fff; font-family:"xeicon"; font-size:2rem; display:block; width:100%; height:100%; line-height:inherit}
#content .utilWrap{position:absolute; right:0; top:0; z-index:1; display:none}

#content .location .nav-depth {display:flex;align-items:flex-start;width:calc(100% - 4rem);height:6rem; padding-right: 30%;}
#content .location .nav-depth > ul::after{content:''; display:block; width:1px; height:2rem; background-color:rgba(255,255,255,0.2); position:absolute; left:0; top: -4rem;}

#content .location ul.list {width:33.333%; margin:6rem 0.5rem 0 0; position:relative; background-color:rgba(7, 126, 223,0.9); backdrop-filter:blur(1rem); border-radius:0.5rem;  z-index:2;}
#content .location ul.list li {visibility:hidden; overflow:hidden; height:0; opacity:0}
#content .location ul.list a {color:rgba(255,255,255,0.7); font-size:1.6rem; position:relative; width:100%; padding:2rem 2rem 0rem 2rem; display: block; min-width:20rem; white-space: nowrap}
#content .location ul.list li.on a{color:rgba(255,255,255,1); font-weight:800; }
#content .location ul.list.depth4 {display:none}

.page-ebcontents-wrap {position:relative}
.page-ebcontents-box {position:relative;margin-bottom:30px}
.page-ebcontents-box:last-child {margin-bottom:0}
.page-ebcontents-box .map-content-wrap {width:100%;height:350px}
.page-ebcontents-box .map-content-wrap > div {width:100%;height:350px}

.ebcontents-busi-top {position:relative;}
/* 콘텐츠 마스터 */
.ebcontents-busi-top .master-title {position:relative;margin-bottom:60px;text-align:center}
.ebcontents-busi-top .master-title h3 {margin:0 0 5px;font-size:20px;line-height:20px;color:#707070;font-family: 'Do Hyeon', sans-serif}
.ebcontents-busi-top .master-title h2 {margin:0;font-size:36px;line-height:36px;font-family: 'Do Hyeon', sans-serif}
.ebcontents-busi-top .master-title:after {content:"";display:block;position:absolute;bottom:-20px;left:50%;width:40px;height:1px;margin-left:-20px;background:#333}
/* 콘텐츠 아이템 */
.ebcontents-busi-top .section-box {position:relative}
/* 이미지 */
.ebcontents-busi-top .section-box .section-image {position:relative;overflow:hidden}
.ebcontents-busi-top .section-box .section-image img {display:block;max-width:100%;height:auto}
/* 타이틀 */
.ebcontents-busi-top .section-box .section-content {position:relative;width:100%;margin:0;padding:50px 0;background:#fff;}
.ebcontents-busi-top .section-box .section-content h4 {margin:0 0 40px;font-size:30px;line-height:50px;text-align:center}
.ebcontents-busi-top .section-box .section-content h4 strong {color:#09B0E3}
.ebcontents-busi-top .section-box .section-content p {margin:20px 0 0;font-size:16px;line-height:30px;color:#707070}
@media (max-width:991px){
    .ebcontents-busi-top {margin:20px 0 40px}
}
@media (max-width:767px){
    .ebcontents-busi-top .section-box .section-content h4 {margin-bottom:20px;font-size:20px;line-height:30px}
    .ebcontents-busi-top .section-box .section-content p {font-size:14px;line-height:24px}
}

.page-ebcontents-wrap {position:relative}
.page-ebcontents-box {position:relative;margin-bottom:30px}
.page-ebcontents-box:last-child {margin-bottom:0}
.page-ebcontents-box .map-content-wrap {width:100%;height:350px}
.page-ebcontents-box .map-content-wrap > div {width:100%;height:350px}

/* .ebcontents-greeting {position:relative;margin:40px 0;border-bottom:1px solid #125488}

.ebcontents-greeting .ebcontents-box {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative}

.ebcontents-greeting .ebcontents-box .ebcontents-image {flex:0 0 auto;width:45%}
.ebcontents-greeting .ebcontents-box .ebcontents-image img {max-width:100%;height:auto}

.ebcontents-greeting .ebcontents-box .ebcontents-content {flex:0 0 auto;width:50%;padding:10px 0 0 30px}
.ebcontents-greeting .ebcontents-box .ebcontents-content h4 {position:relative;margin:0 0 40px;font-size:37px;line-height:45px;font-weight:700;text-align:center}
.ebcontents-greeting .ebcontents-box .ebcontents-content h4 i {display:block;font-size:20px;color:#bbb}
.ebcontents-greeting .ebcontents-box .ebcontents-content h4 i.fa-quote-left {text-align:left}
.ebcontents-greeting .ebcontents-box .ebcontents-content h4 i.fa-quote-right {text-align:right}
.ebcontents-greeting .ebcontents-box .ebcontents-content h5 {margin-bottom:20px;font-size:20px}
.ebcontents-greeting .ebcontents-box .ebcontents-content p {margin-bottom:10px;font-size:16px;line-height:26px;font-weight:300}
.ebcontents-greeting .ebcontents-box .ebcontents-content h6 {font-size:16px;font-weight:700}
.ebcontents-greeting .ebcontents-box .ebcontents-content h6 small {font-size: 0.75em;color:#707070} */
@media (max-width:991px){
	/* .ebcontents-greeting {margin:0}
	    .ebcontents-greeting .ebcontents-box .ebcontents-content, .ebcontents-greeting .ebcontents-box .ebcontents-image {width:100%}
	    .ebcontents-greeting .ebcontents-box .ebcontents-image {margin-bottom:20px;text-align:center}
	    .ebcontents-greeting .ebcontents-box .ebcontents-image img {max-width:330px}
	.ebcontents-greeting .ebcontents-box .ebcontents-content {padding:20px 0}
	.ebcontents-greeting .ebcontents-box .ebcontents-content h4 {margin-bottom:20px;font-size:23px;line-height:30px;text-align:left}
	    .ebcontents-greeting .ebcontents-box .ebcontents-content h4 i {display:none}
	.ebcontents-greeting .ebcontents-box .ebcontents-content h5 {margin-bottom:10px;font-size:15px}
	.ebcontents-greeting .ebcontents-box .ebcontents-content p {font-size:13px;line-height:23px}
	.ebcontents-greeting .ebcontents-box .ebcontents-content h6 {font-size:13px} */
}
@media (max-width:767px) {
    /* .ebcontents-greeting .ebcontents-box .ebcontents-content {padding-left:15px}
    .ebcontents-greeting .ebcontents-box .ebcontents-content h4 {line-height:20px;font-size:18px}
    .ebcontents-greeting .ebcontents-box .ebcontents-content h5 {margin-bottom:10px;line-height:20px;font-size:15px}
    .ebcontents-greeting .ebcontents-box .ebcontents-content p {line-height:20px;font-size:13px} */
}

.page-ebcontents-wrap {position:relative}
.page-ebcontents-box {position:relative;margin-bottom:30px}
.page-ebcontents-box:last-child {margin-bottom:0}
.page-ebcontents-box .map-content-wrap {width:100%;height:350px}
.page-ebcontents-box .map-content-wrap > div {width:100%;height:350px}


.history_wrap {position:relative; width:128rem; max-width:100%; margin:0 auto;}
.history_wrap .line {overflow:hidden; position:absolute; left:calc(35% + 8rem); top:0; width:1px; height:100%; background:#ddd;}
.history_wrap .line .bar {position:absolute; left:0; top:0; z-index:2; width:100%; height:50px; background:#035EAD; transition:0.2s;}
.history_wrap .img {overflow:hidden; border-radius:3.6rem; aspect-ratio:16/9;}
.history_wrap .img img {width:100%; height:100%; object-fit:cover;}
.history_wrap .one_year {display:flex; flex-direction:row; gap:16rem;}
.history_wrap .one_year .year_wrap {display:flex; flex-direction:column; gap:6rem; width:35%; flex:none;}
.history_wrap .one_year .year_wrap .year {display:block; font-size:12rem; font-family:"titillium"; text-transform:uppercase; -webkit-text-stroke:1px #035EAD; color:transparent; line-height:1;}
.history_wrap .one_year .detail {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; position:relative;}
.history_wrap .one_year .detail::before {content:""; position:absolute; left:calc(0% - 9.2rem); top:37px; width:24px; height:24px; background:#f6f6f6; border-radius:100%;}
.history_wrap .one_year:first-of-type .detail::before{background:#035EAD;}
.history_wrap .one_year .detail.highlight::before{background:#035EAD;}
.history_wrap .one_year .detail .month_box {display:flex; flex-direction:row; gap:3.2rem; align-items:baseline;}
.history_wrap .one_year .detail .month_box span {font-size: 2rem; line-height: 1.6; word-break: keep-all; word-wrap: break-word; min-width:10rem}
.history_wrap .one_year .detail .month_box .cont_list > li + li {margin-top:0;}
.month_box + .month_box {margin-top:1.6rem;}
.one_year + .one_year {margin-top:8rem;}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/

/* Media Query */
@media screen and (max-width:1440px) {

}

@media screen and (max-width:1280px) {

}

@media screen and (max-width:1024px) {
	.history_wrap .one_year {gap:12rem;}
	.history_wrap .line {left:calc(35% + 6.5rem);}
	.history_wrap .one_year .detail::before {left:calc(0% - 6.6rem);}
	.history_wrap .one_year .year_wrap .year {font-size:10rem;}
}

@media screen and (max-width:800px) {
	.history_wrap .one_year .year_wrap .year {font-size:8rem;}
}

@media screen and (max-width:768px) {
	.history_wrap .line {display:none;}
	.history_wrap .one_year .detail::before {display:none;}

	.history_wrap .one_year {flex-direction:column; gap:2rem;}
	.history_wrap .one_year .year_wrap{text-align:center; gap:4rem;}
	.history_wrap .one_year .year_wrap .year {font-size:12rem;}
	.history_wrap .one_year .year_wrap {width:80%; flex:none; padding-bottom:0rem; margin:0 auto;}
	.history_wrap .one_year .detail {width:80%; flex:none; padding-bottom:0rem; margin:0 auto;}
	.history_wrap .one_year .detail .month_box {gap:1.2rem;}
}

@media screen and (max-width:620px) {
	.history_wrap .one_year .year_wrap .year {font-size:10rem;}
}

@media screen and (max-width:480px) {

	.history_wrap .one_year .year_wrap {width:100%;}
	.history_wrap .one_year .detail {width:100%;}
	.history_wrap .one_year .year_wrap .year {font-size:20vw;}
}

@media screen and (max-width:360px) {

}