@charset "UTF-8";
* {
  word-break: keep-all;
}

@media (max-width: 767px) {
  html.m-scroll-lock, body.m-scroll-lock {
    overflow: hidden;
    touch-action: none;
    /* 이외의 브라우저 */
    overscroll-behavior: none;
  }
  html.m-scroll-lock .container, body.m-scroll-lock .container {
    touch-action: none;
    /* 이외의 브라우저 */
    overscroll-behavior: none;
  }
}

body.scrollHidden {
  overflow: hidden;
  touch-action: none;
  /* 이외의 브라우저 */
  overscroll-behavior: none;
}
body.scrollHidden .container {
  touch-action: none;
  /* 이외의 브라우저 */
  overscroll-behavior: none;
}
.inner {
  max-width: 1560px;
  width: calc(100% - 60px);
  margin: 0 auto;
}
.txtAleft{text-align:left !important;}
@media (max-width: 1279px) {
  .inner {
    width: calc(100% - 40px);
  }
}
.overlay:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.45);
  position: fixed;
  z-index: 500;
}

.container {
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  /*padding-top: 90px;*/
  overflow: hidden;
}
@media (max-width: 1279px) {
  .container {
    padding-top: 60px;
  }
}
.container.fullpage {
  padding: 0;
}
.container.pb0 {
  padding-bottom: 0;
}

header {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 500;
  background-color: #ffffff;
}





/*헤더,푸터,서브틀에관한 css*/

.layout,.wp1400{width: 1398px;height: auto; margin: 0 auto;}
#subWrap .layout{width: 1398px;height: auto; margin: 0 auto;}
#subWrap .wp1400{width: 1398px;min-width: 1450px;}

/* ----- header ----- */
#skip a{position:absolute;top:0px;left:-9999px; z-index:99999;}
#skip a:focus,#skip a:active{left:0px;width:100%;text-align:center;padding:5px 0;background:#000;color:#fff;font-weight:bold;}
#header{width: 100%;background: #fff;transition-duration: 0.4s;}
#header:before {display: block;width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;visibility: hidden;content: '';z-index: 99;}
#header.on:before{opacity: 1;visibility: visible;}
/* 상단링크 */
#header .headerT{width: 100%;height: 52px; padding: 10px 0px; box-sizing: border-box; line-height: 31px;border-bottom: 1px solid #d9d9d9;position: relative;z-index: 100;background: #fff;}
#header .headerT li{float: left;}
#header .headerT .headerSite{float: left; border-left: 1px solid #e5e5e5;}
#header .headerT .headerSite li{min-width: 120px; border-right: 1px solid #e5e5e5;text-align: center; box-sizing: border-box;}
#header .headerT .headerSite li a {display: block;padding: 0 12px;opacity: .8;transition-duration: 0.2s;line-height: 32px;}
#header .headerT .headerSite li a:hover {opacity: 1;}
#header .headerT .headerSite li img{vertical-align: middle;}
#header .headerT .headerT_wrap{width: 1398px; margin: 0 auto; padding-right: 15px; box-sizing: border-box;}
#header .headerT .headerT_wrap ul{float: right;}
#header .headerT .headerUser {font-size: 13px; color: #333333;}
#header .headerT .headerUser > li {margin-right: 15px;}
#header .headerT .headerUser > li:last-child {margin-right: 0px;}
#header .headerT .headerUser .userName {margin-right: 20px;}
#header .headerT .headerUser b {color:#64b6eb;}
#header .headerT .headerUser .userJob {height: 19px; margin-right: 5px; padding: 0 4.5px; border: 1px solid #89d4f3; border-radius: 3px; font-size: 12px; line-height: 19px; color: #89d4f3;}
#header .headerT .headerUser .userName b,
#header .headerT .headerUser .userTime b,
#header .headerT .headerUser .userIp b {margin-right: 5px; }
#header .headerT .headerUser .userName span,
#header .headerT .headerUser .userTime span,
#header .headerT .headerUser .userIp span {margin-right: 7px; }



#header .headerT .headerUser .userName::before {content: '';width: 12px;height: 13px;display: inline-block;background: url(../img/common/headerAdmin.png) left top no-repeat;vertical-align: -2px;margin-right: 2px;}
#header .headerT .headerUser .userName::before {background-position: -12px top;}

#header .headerT .headerUser .userTime::before,
#header .headerT .headerUser .userIp::before {content: '';width: 12px;height: 13px;display: inline-block;background: url(../img/common/headerUser.png) left top no-repeat;vertical-align: -2px;margin-right: 2px;}
#header .headerT .headerUser .userIp::before {background-position: -12px top;}

/* #header .headerT .headerUser {border-left: 1px solid #e5e5e5; float: right;}*/
#header .headerT .headerUser li.headerLog{box-sizing: border-box;height: 100%;transition-duration: 0.2s;}
#header .headerT .headerUser li.headerLog a {display: block; padding: 0px 19px; font-weight: 500; color: #64b6eb;  text-align: center; box-sizing: border-box; text-decoration: underline;}
#header .headerT .headerUser li.headerLog a:before{content: '';height: 22px;display: inline-block; vertical-align: middle;margin-right: 5px; box-sizing: border-box; }

#header .headerT .headerUser li.headerLog:nth-child(1) a:before{background-position: left top;}
#header .headerT .headerUser li.headerLog:nth-child(2) a:before{background-position: -21px top;}
#header .headerT .headerUser li.headerLog span{font-weight: 500}
#header .headerT .headerUser li.headerLog small{font-size: 12px;}
#header .headerT .headerUser li.headerLog:nth-child(1){border-top: 2px solid #ffd344;}
#header .headerT .headerUser li.headerLog:nth-child(1):hover{background: rgba(255,211,68,.05)}
#header .headerT .headerUser li.headerLog:nth-child(2){border-top: 2px solid #20a5db;}
#header .headerT .headerUser li.headerLog:nth-child(2):hover{background: rgba(32,165,129,.05)}



/* 대메뉴 */

*#header .header{width: 100%; position: relative; border-bottom: 1px solid #e1e1e1; height: 80px; z-index: 100; display: flex;  background-color: #fafafa; text-align: center; }
@media (max-width: 1398px) {
  header .header {
    width: calc(100% - 50px);
   /*height: 60px;*/
  }
}


#header .header .logo{float: left; margin: 25px 0 0; }
@media (max-width: 768px) {
	#header .header .logo{float: left; margin: 25px 0 0 10px;
	}
}

#header .header .logo img{width: 243px; height: 28px; }
#header #nav{display: inline-block;}

@media (max-width: 1398px) {
  #header #nav {
    display: none;
  }
}

#header #nav.admin {}
#header #nav.admin > ul > li > a {padding: 0 27.5px; }



#header #nav > ul > li{float: left;line-height: 81px;}
#header #nav > ul > li > a{padding: 0 22px;display: block;font-size: 16px;font-weight: 500;letter-spacing: -0.9px;position: relative;color: #333;}
#header #nav > ul > li > a.point{padding: 0 24px;display: block;font-size: 16px;font-weight: 500;letter-spacing: -0.9px;position: relative;color: #fff; background: url("../img/common/nav_point_bg.png") no-repeat left top;}
#header #nav .gnb_wrap{position: absolute;z-index: 101;width: 100%;top: 81px;left: 0;background: #f3f4f7;border-bottom: 3px solid #1b7aea;display: none;padding: 30px 0 6px;box-sizing: border-box;overflow: hidden;}
#header #nav .slim .gnb_wrap {min-height: 185px;text-align: left;}
#header #nav .gnb_wrap::before {content: "";position: absolute;top: 0;left: 0;z-index: -1; width: calc( (100% - 1400px) / 2 + 320px);height: 100%;background: #fff url(../img/common/bg_gnb.png) top right 265px no-repeat;}
#header #nav .gnb_title {width: 300px;float: left;text-align: left;}
#header #nav .gnb_title::after {content: ""; position: absolute;bottom: 35px;}
#header #nav .n1 .gnb_title::after { width: 102px; height: 96px; background: url(../img/common/ico_gnb1.png)}
#header #nav .n2 .gnb_title::after {width: 124px; height: 102px; background: url(../img/common/ico_gnb2.png)}
#header #nav .gnb_title > p {font-size: 30px; font-weight: 600; line-height: 1; letter-spacing: -0.05em; color: #1f436d;}
#header #nav .gnb_title > span {display: block; position: relative; padding-top: 20px;top: 15px; font-size: 15px; line-height: 22px; font-weight: 300; color: #848282;}
#header #nav .gnb_title > span::before {content: ""; position: absolute; top: 3px; width: 30px; height: 2px; background: #c6ced1;}
#header #nav > ul > li > a:before{content: "";position: absolute;left: 50%;bottom: 0px;width: 0px;height: 3px;margin-left: -10px;background: #145b9d; opacity: 0; transition: 0.3s;}
#header #nav > ul > li > a.on:before{width: 100%;margin-left: -50%;opacity: 1;}
#header #nav .n7.slim .gnb_wrap {padding:30px 0 20px}
#header #nav .gnb_wrap .mainMd_tle{float: left;margin-left: 53px;}
#header #nav .gnb_wrap .mainMd_tle p{font-size: 28px;font-weight: 600;line-height: 30px;margin-bottom: 23px;}
#header #nav .gnb_wrap .mainMd_tle span{line-height: 18px;display: block;color: #7e7e7e;}

/*전체메뉴*/
#header .allMenu{width: 43px;height: 43px;float: left;margin-top: 26px;padding-top: 7px;box-sizing: border-box;}
#header .allMenu > div{width: 14px;height: 2px;background: #25272f;margin: 3px auto;border-radius: 30px;transition-duration: 0.4s;}
#header .allMenu > div:nth-of-type(2){width: 14px;}
#header .allMenu:hover > div:nth-of-type(1){transform: translateY(5px);}
#header .allMenu:hover > div:nth-of-type(2){opacity: 0}
#header .allMenu:hover > div:nth-of-type(3){transform: translateY(-5px) rotate(90deg);}
#header .allMnavW{width: 100%;height: 100%;background: #fff;position: fixed;z-index: 101;left: 0;top: 0;display: none;box-sizing: border-box;padding: 50px 10px 40px;}
@media (max-width: 768px) {
	#header .allMnavW{width: 100%;height: 100%;background: #fff;position: fixed;z-index: 101;left: 0;top: 0;display: none;box-sizing: border-box;padding: 50px 10px 40px;}
}
#header .allMnavW:before{content: '';width: 435px;height: 435px;display: block;position: absolute;right: 50%;margin-right: -900px;bottom: 50%;margin-bottom: -460px;}
#header .allMnav{position: relative;width: 100%;max-width: 1400px;max-height: 100%;box-sizing: border-box;margin: 0 auto;height: calc(100% - 10px);}
#header .allMnav .allMenu_close{width: 25px;height: 25px;background: url(../img/common/allM_c.png) no-repeat center;position: absolute;right: 15px;top: 8px;transition-duration: 0.4s;}
#header .allMnav .allMenu_close:hover{transform: rotate(180deg)}
@media (max-width: 768px) {
	#header .allMnav .allMenu_close{width: 20px;height: 20px;background: url(../img/common/allM_c.png) no-repeat center;position: absolute;right: 7px; top: -55px;transition-duration: 0.4s;}
}
#header .allMnav .allMtle{clear:both; font-size: 28px;font-weight: 800;text-align: center;font-family: 'Nanum Gothic';}
#header .allMnav .allMtle .logo{width: 369px; height: 42px; box-sizing: border-box; margin: 0 auto;}
@media (max-width: 768px) {
#header .allMnav .allMtle{clear: both; font-size: 20px;font-weight: 600;text-align: left;font-family: 'Nanum Gothic';}
#header .allMnav .allMtle .logo{width: 243px; height: 28px; box-sizing: border-box; margin: 0 auto; position: absolute; left: 0px;top: -55px;}
}
#header .allMnav .allM_Sc{height: calc(100% - 80px);margin-top: 30px; clear: both; padding-top: 20px;}

#header .allMnav .allM_mnW{position: relative;height: auto;overflow: hidden;}
@media (max-width: 768px) {
#header .allMnav .allM_mnW{position: relative;height: auto;overflow: hidden; margin: -20px 0px 0px 0px;}
}
#header .allMnav ul > li.allM_mn{float: left;width: calc((100% - 20px) / 2);height: auto;overflow: hidden;box-sizing: border-box;word-break: keep-all;margin: 5px 5px;text-align: left;}

@media (max-width: 768px) {
#header .allMnav ul > li.allM_mn{ clear: both; width: 99%;height: auto;overflow: hidden;box-sizing: border-box;word-break: keep-all;margin: 1px 5px;text-align: left;}
}
#header .allMnav ul > li.allM_mn > a{width: 99%; font-weight: 500;display: block;text-align: center;font-size: 16px;background: #f4f4f4; border: 1px solid #d4d4d4; box-sizing: border-box; height: 38px; line-height: 38px;transition: .3s;border-radius: 3px;margin-bottom: 7px;position: relative;}
#header .allMnav ul > li.allM_mn ul{padding: 0px 5px 15px 5px;}
#header .allMnav ul > li.allM_mn li{line-height: 33px; font-size: 15px; font-weight: 500;}
#header .allMnav ul > li.allM_mn li > a{color: #000;}
#header .allMnav ul > li.allM_mn li a:hover{color: #ffffff;font-weight: 500;}
#header .allMnav ul > li.allM_mn.on > a{background-color: #355eac; color: #ffffff;}

#header .allMnav ul > li.allM_mn > a.point{width: 99%; font-weight: 500;display: block;text-align: center;font-size: 16px; background:url("../img/main/allM_mn_point.png") repeat-x center; color: #ffffff; border: 1px solid #d4d4d4; box-sizing: border-box; height: 38px; line-height: 38px;transition: .3s;border-radius: 3px;margin-bottom: 7px;position: relative;}
#header .allMnav ul > li.allM_mn li > a.point{color: #ffffff; background:url("../img/main/allM_mn_point.png") repeat-x center;}
#header .allMnav ul > li.allM_mn li a.point:hover{color: #ffffff; background:url("../img/main/allM_mn_point_on.png")repeat-x center; font-weight: 500;}
#header .allMnav ul > li.allM_mn.on > a.point{color: #ffffff; background:url("../img/main/allM_mn_point_on.png")repeat-x center; }
#header .allMnav ul > li.allM_mn li ul{padding: 5px 5px 13px;border-radius: 3px;}
#header .allMnav ul > li.allM_mn li ul li{font-size: 13px;margin: 0;font-weight: 300;position: relative;padding: 0 0 0 16px;line-height: 16px;margin-bottom: 5px;border-bottom: none;}
#header .allMnav ul > li.allM_mn li ul li a{color: #606060;}
#header .allMnav ul > li.allM_mn li ul li:last-child{margin-bottom:0;}
#header .allMnav ul > li.allM_mn li ul li:before{content: '';display: inline-block;width: 4px;height: 1px;background: #999;margin: 0 5px;position: absolute;left: 0;top: 8px;}


#header .allMnav .allM_mnW2{position: relative; width:100%; height: 100px; overflow: hidden; padding: 0px 0px; margin: 12px 0px 0px 0px; }

@media (max-width: 768px) {
#header .allMnav .allM_mnW2{position: relative; width:100%; height: 180px; overflow: hidden; padding: 0px 0px; margin: 9px 0px 0px 0px;
}
}
#header .allMnav ul > li.allM_mn2{float: left;width: calc((100% - 5px) / 2);height: auto;overflow: hidden;box-sizing: border-box;word-break: keep-all; margin: 5px 0px 5px 0px;text-align: left;}

@media (max-width: 768px) {
#header .allMnav ul > li.allM_mn2{ clear: both; width: 98.3%; height: auto; overflow: hidden;box-sizing: border-box;word-break: keep-all;margin: 0px 5px;text-align: left;
}
}

#header .allMnav ul > li.allM_mn2 > a{width: 98%; font-weight: 500;display: block;text-align: center;font-size: 16px; color:#666666 !important; background: #f4f4f4; border: 1px solid #fff; box-sizing: border-box; height: 38px; line-height: 38px;transition: .3s;border-radius: 3px;margin-bottom: 7px;position: relative;}
#header .allMnav ul > li.allM_mn2 > a:hover{color:#3f5da7 !important;font-weight: 500; border: 1px solid #3f5da7;}
#header .allMnav ul > li.allM_mn2 ul{padding: 0px 5px 15px 5px;}
#header .allMnav ul > li.allM_mn2 li{line-height: 33px; font-size: 14px; font-weight: 500;}
#header .allMnav ul > li.allM_mn2 li > a{color: #000;}
#header .allMnav ul > li.allM_mn2 li a:hover{color:#3f5da7;font-weight: 500; border: 1px solid #3f5da7;}

#header .allMnav ul > li.allM_mn2 li ul{padding: 5px 5px 13px;border-radius: 3px;}
#header .allMnav ul > li.allM_mn2 li ul li{font-size: 13px;margin: 0;font-weight: 300;position: relative;padding: 0 0 0 16px;line-height: 16px;margin-bottom: 5px;border-bottom: none;}
#header .allMnav ul > li.allM_mn2 li ul li a{color: #3f5da7;}
#header .allMnav ul > li.allM_mn2 li ul li:last-child{margin-bottom:0;}
#header .allMnav ul > li.allM_mn2 li ul li:before{content: '';display: inline-block;width: 4px;height: 1px;background: #999;margin: 0 5px;position: absolute;left: 0;top: 8px;}

/*서브레이아웃*/
#subWrap #header .header .layout{width: 1398px;  margin: 0 auto;}
#subWrap #header.fix{position: fixed;z-index: 1000;top: -33px;}
#subWrap #header.fix + #sub #lnb{
    top: 59px;
    height: calc(100% - 59px);
}
#header #nav .gnb_wrap .layout{width: 1400px;}
#subWrap #sub{height: auto;overflow: hidden;position: relative;width: 100%;}


section.main-visual {
  position: relative;
  padding-top:80px;
}
@media (max-width: 1279px) {
  section.main-visual {
  position: relative;
  padding-top:0px;
  }
}
@media (max-width: 767px) {
  section.main-visual {
  position: relative;
  padding-top:0px;
  }
}

section.main-visual.bg-1 {
  background-color: #e8f5fa;
}
section.main-visual.bg-2 {
  background-color: #b0d7f5;
  /*background: url("../img/img_main_visual2_bg.png") no-repeat center/cover;*/
}
section.main-visual.bg-3 {
  background-color: #d8e3eb;
}
section.main-visual.bg-3 .swiper-group-box:after {
  content: "";
  position: absolute;
  left: -100px;
  top: 0px;
 background-color: #d8e3eb;
  /*background: url("../img/img_main_visual3_bg.png") no-repeat center/cover;*/
  width: 188px;
  height: 189px;
}
section.main-visual .wrap {
  position: relative;
}
@media (max-width: 1279px) {
  section.main-visual .wrap {
    width: 100%;
  }
}


section.main-visual .swiper-group-box {
  position: relative;
	width: auto;
}
@media (max-width: 1279px) {
  section.main-visual .swiper-group-box .swiper .swiper-slide {
    overflow: hidden;
  }
}
section.main-visual .swiper-group-box .swiper-menu-bar {
  display: inline-flex;
  position: absolute;
  bottom: 20px;
  padding: 3px 20px;
  box-sizing: border-box;
  right: auto;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  z-index: 100;
  background-color: #fff ; opacity: 0.9;
  border-radius: 20px
}
@media (max-width: 1759px) {
  section.main-visual .swiper-group-box .swiper-menu-bar {
  display: inline-flex;
  position: absolute;
  bottom: 20px;
  margin: 0;
  padding: 3px 20px;
  box-sizing: border-box;
  right: auto;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  z-index: 100;
  background-color: #fff ; opacity: 0.9;
  border-radius: 20px
  }
}
@media (max-width: 1439px) {
  section.main-visual .swiper-group-box .swiper-menu-bar {
  display: inline-flex;
  position: absolute;
  bottom: 20px;
  margin: 0;
  padding: 3px 20px;
  box-sizing: border-box;
  right: auto;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  z-index: 100;
  background-color: #fff ; opacity: 0.9;
  border-radius: 20px
  }
}
@media (max-width: 1279px) {
  section.main-visual .swiper-group-box .swiper-menu-bar {
  display: inline-flex;
  position: absolute;
  bottom: 20px;
  margin: 0;
  padding: 3px 20px;
  box-sizing: border-box;
  right: auto;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  z-index: 100;
  background-color: #fff ; opacity: 0.9;
  border-radius: 20px
  }
}
@media (max-width: 767px) {
  section.main-visual .swiper-group-box .swiper-menu-bar {
  display: inline-flex;
  position: absolute;
  bottom: 20px;
  margin: 0;
  padding: 3px 20px;
  box-sizing: border-box;
  right: auto;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
  z-index: 100;
  background-color: #fff ; opacity: 0.9;
  border-radius: 20px
  }
}
section.main-visual .swiper-group-box .swiper-toggle-btn {
  background: url("../img/main/ic_swiper_pause.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
  margin: 0 4px;
}
section.main-visual .swiper-group-box .swiper-toggle-btn.active {
  background: url("../img/main/ic_swiper_play.svg") no-repeat center/cover;
}
section.main-visual .swiper-group-box .swiper-button-prev,
section.main-visual .swiper-group-box .swiper-button-next {
  margin: 0 4px 0 0;
  display: inline-flex;
  position: static;
  background: url("../img/main/ic_swiper_prev.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
section.main-visual .swiper-group-box .swiper-button-prev:after,
section.main-visual .swiper-group-box .swiper-button-next:after {
  display: none;
}
section.main-visual .swiper-group-box .swiper-button-next {
  margin: 0 0 0 4px;
  background: url("../img/main/ic_swiper_next.svg") no-repeat center/cover;
}
section.main-visual .swiper-group-box .swiper-pagination {
  position: static;
  display: inline-flex;
  left: auto;
  width: auto;
}
section.main-visual .swiper-group-box .swiper-pagination .swiper-pagination-bullet {
  background: #000;
  opacity: 0.3;
  width: 8px;
  height: 8px;
  margin: 0 4px;
}
section.main-visual .swiper-group-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 32px;
  opacity: 0.7;
  border-radius: 100px;
}
section.main-visual .swiper-slide .over-box {
  margin-top: 100px;
  width: 100%;
  height: 120px;
  overflow: scroll;
}
section.main-visual .swiper-slide .over-box .over-con {
  height: 100px;
  width: 800px;
  background: linear-gradient(90deg, #FFF0BA 0%, rgba(249, 238, 213, 0) 100%);
}
section.main-visual .swiper-slide .visual-item {
  height: 445px;
  position: relative;
  max-width: 100%;/*max-width: calc(100% - 480px);*/
  padding-top: 0px;/**/
}
@media (max-width: 1759px) {
  section.main-visual .swiper-slide .visual-item {
	height: 445px;
    max-width: 100%;/*860*/
  }
}
@media (max-width: 1439px) {
  section.main-visual .swiper-slide .visual-item {
	height: 400px;
    max-width: 100%;/*860*/
  }
}
@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item {
    height: 380px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item {
    height: 300px;
  }
}
section.main-visual .swiper-slide .visual-item .wrap {
  position: relative;
}

section.main-visual .swiper-slide .visual-item-label {
  position: absolute;
  top: 10;
  left:60%;
  z-index: 100;
}
@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item-label {
  position: absolute;
  top: 10;
  left:60%;
  z-index: 100;
  }
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item-label {
    position: relative;
    padding: 0 20px;
	text-align: center;
	left:0;
	width: 100%;
	z-index: 100;
  }
}
section.main-visual .swiper-slide .visual-item-label .main-box {
  font-size: 1.571rem;
  line-height: 72px;
  font-weight: 400;
  letter-spacing: -1.2px;

}
@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item-label .main-box {
    font-size: 1.571rem;
    line-height: 38px;
  }
}
section.main-visual .swiper-slide .visual-item-label .main-box.type-3 {
  font-size: 1.571rem;
  line-height: 64px;
  letter-spacing: -0.02em;
  color: #222;
  margin-top: 5.714rem;
}
@media (max-width: 1759px) {
  section.main-visual .swiper-slide .visual-item-label .main-box.type-3 {
  font-size: 1.714rem;
  }
}
@media (max-width: 1439px) {
  section.main-visual .swiper-slide .visual-item-label .main-box.type-3 {
    font-size: 1.714rem;
  }
}
@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item-label .main-box.type-3 {
    font-size: 1.571rem;
    line-height: 34px;
	margin-top: 3.571rem;
	padding-top: 5%;
  }
}

@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item-label .main-box.type-3 {
    font-size: 1.286rem;
    line-height: 32px;
    text-align: center;
	margin-top: 2.857rem;
  }
}
section.main-visual .swiper-slide .visual-item-label .sub-box {
  padding-top: 4px;
  font-size: 4.286rem;
  line-height: 34px;
  font-weight: 700;
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item-label .sub-box {
    padding-top: 2px;
    font-size: 2.143rem;
    line-height: 22px;
    height: 30px;
  }
}
section.main-visual .swiper-slide .visual-item-label .sub-box.type-1 {
  color: #00377E;
}
section.main-visual .swiper-slide .visual-item-label .sub-box.type-2 {
  color: #123e88;
}
section.main-visual .swiper-slide .visual-item-label .sub-box.type-3 {
  color: #222;
  font-size: 2.571rem;
  font-weight: 600;
  letter-spacing: -1.12px;
}
@media (max-width: 1759px) {
  section.main-visual .swiper-slide .visual-item-label .sub-box.type-3 {
    font-size: 2.571rem;
  }
}
@media (max-width: 1439px) {
  section.main-visual .swiper-slide .visual-item-label .sub-box.type-3 {
    font-size: 2.571rem;
  }
}
@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item-label .sub-box.type-3 {
    font-size: 2.571rem;
    line-height: 48px;
	  padding-top: 5%;
  }
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item-label .sub-box.type-3 {
    text-align: center;
    font-size: 1.7rem;
    line-height: 2px;
	  padding-top: 5%;
  }
}
@media (max-width: 1759px) {
  section.main-visual .swiper-slide .visual-item-label .des-box {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item-label .des-box {
    max-width: 332px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.03em;
}
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item-label .des-box {
    font-size: 14px;
    line-height: 17px;
    max-width: 100%;
    padding-top: 24px;
    text-align: center;
    word-break: keep-all;
  }
}
@media (max-width: 1759px) {
  section.main-visual .swiper-slide .visual-item1 .wrap {
    width: 100%;
  }
}
section.main-visual .swiper-slide .visual-item1 .visual-item-wrap {
  margin: 0 30px 0;
  max-width: 100%;
  padding-top: 0px;
  width: 100%;
}
@media (max-width: 1759px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap {
    padding-top: 0px;
    max-width: 100%;
    margin: 0 10px;
  }
}
@media (max-width: 1439px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap {
    padding-top: 0px;
    max-width: 100%;
    margin: 0;
  }
}
@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap {
    max-width: 100%;
    margin: -10px 0 0 0;
    padding: 0 0;
  }
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap {
    margin: 0;
  }
}
section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .view-box {
  position: relative;
}
@media (max-width: 1279px) {
  section.main-visual .swipere .visual-item1 .visual-item-wrap .view-box {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .view-box {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}
section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .view-box .img-box {
  width: 100%;
 background-repeat: no-repeat;
}

section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img {
  max-width: 100%;
  max-height: 100%;
}


@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img {
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img {
    width: 100%;
    max-height: 100%;
    margin: 0 auto;
  }
}

section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.pc {
    display: block;
  }

@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.pc {
    display: none;
  }

}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.pc {
    display: none;
  }

}

section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.t {
  display: none;
}

@media (max-width: 1759px) {
	section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.t {
	  display: none;
	}
}
@media (max-width: 1439px) {
	section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.t {
	  display: none;
	}
}
@media (max-width: 1279px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.t {
    display: block;
	width: auto;
    max-width: initial;
	}
}
@media (max-width: 767px) {
	section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.t {
	  display: none;
	}
}

section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.m {
  display: none;
}
@media (max-width: 1759px) {
	section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.m {
	  display: none;
	}
}
@media (max-width: 1439px) {
	section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.m {
	  display: none;
	}
}
@media (max-width: 1279px) {
	section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.m {
	  display: none;
	}
}
@media (max-width: 767px) {
  section.main-visual .swiper-slide .visual-item1 .visual-item-wrap .img-box img.m {
    display: block;
    width: auto;
    max-width: initial;
	}
}

section.main-link {
  margin-top: -80px;
  position: relative;
  z-index: 10;
}
@media (max-width: 1279px) {
  section.main-link {
    margin: 0;
  }
  section.main-link .wrap {
    width: auto;
  }
}
section.main-link .link-list {
  background: 123e88;
  padding: 26px 32px;
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
}
@media (max-width: 1279px) {
  section.main-link .link-list {
    border-radius: 0;
    padding: 18px 0;
  }
}
@media (max-width: 767px) {
  section.main-link .link-list {
    border-radius: 0;
    padding: 32px 0;
    flex-flow: row wrap;
    justify-content: center;
  }
}
section.main-link .link-list .link-box {
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  section.main-link .link-list .link-box {
    display: inline-flex;
    margin: 0px 0;
    width: 33.33%;
    justify-content: center;
  }
  section.main-link .link-list .link-box:nth-child(n+4) {
    margin-top: 24px !important;
  }
}
section.main-link .link-list .link-box + .link-box {
  margin-left: 78px;
}
@media (max-width: 1279px) {
  section.main-link .link-list .link-box + .link-box {
    margin: 0;
  }
}
section.main-link .link-list .link-box + .link-box:after {
  content: "";
  position: absolute;
  left: -39px;
  top: 50%;
  width: 1px;
  height: 64px;
  background-color: #6D5C3F;
  transform: translateY(-50%);
}
@media (max-width: 1279px) {
  section.main-link .link-list .link-box + .link-box:after {
    left: 0;
  }
}
@media (max-width: 767px) {
  section.main-link .link-list .link-box + .link-box:after {
    display: none;
  }
}
section.main-link .link-list .link-box .link-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 13px;
}
@media (max-width: 1279px) {
  section.main-link .link-list .link-box .link-btn {
    padding: 0;
  }
}
@media (max-width: 767px) {
  section.main-link .link-list .link-box .link-btn {
    justify-content: flex-start;
    padding: 0;
  }
}
section.main-link .link-list .link-box .link-btn .ic-box .ic {
  width: 48px;
  height: 48px;
}
@media (max-width: 1279px) {
  section.main-link .link-list .link-box .link-btn .ic-box .ic {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 767px) {
  section.main-link .link-list .link-box .link-btn .ic-box .ic {
    width: 32px;
    height: 32px;
  }
}
section.main-link .link-list .link-box .link-btn .ic-box .ic.ic-link1 {
  background: url("../img/ic_main_link1.svg") no-repeat center/cover;
}
section.main-link .link-list .link-box .link-btn .ic-box .ic.ic-link2 {
  background: url("../img/ic_main_link2.svg") no-repeat center/cover;
}
section.main-link .link-list .link-box .link-btn .ic-box .ic.ic-link3 {
  background: url("../img/ic_main_link3.svg") no-repeat center/cover;
}
section.main-link .link-list .link-box .link-btn .ic-box .ic.ic-link4 {
  background: url("../img/ic_main_link4.svg") no-repeat center/cover;
}
section.main-link .link-list .link-box .link-btn .ic-box .ic.ic-link5 {
  background: url("../img/ic_main_link5.svg") no-repeat center/cover;
}
section.main-link .link-list .link-box .link-btn .ic-box .ic.ic-link6 {
  background: url("../img/ic_main_link6.svg") no-repeat center/cover;
}
section.main-link .link-list .link-box .link-btn .txt-box {
  padding-top: 12px;
  line-height: 22px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.36px;
}
@media (max-width: 1279px) {
  section.main-link .link-list .link-box .link-btn .txt-box {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.04em;
  }
}
@media (max-width: 767px) {
  section.main-link .link-list .link-box .link-btn .txt-box {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.03em;
  }
}

article.visual-search-form .search-form-box {
  display: inline-flex;
  overflow: hidden;
  border: 2px solid #A18C68;
  border-radius: 100px;
}
article.visual-search-form .search-form-box .input-box {
  width: 660px;
}
@media (max-width: 1279px) {
  article.visual-search-form .search-form-box .input-box {
    max-width: 100%;
    width: 600px;
  }
}
@media (max-width: 767px) {
  article.visual-search-form .search-form-box .input-box {
    width: calc(100% - 40px);
  }
}
article.visual-search-form .search-form-box .input-box input {
  height: 54px;
  padding: 0 0 0 32px;
  width: 100%;
  outline: none;
}
@media (max-width: 1279px) {
  article.visual-search-form .search-form-box .input-box input {
    padding: 0 24px;
    height: 38px;
  }
}
article.visual-search-form .search-form-box .input-box input::placeholder {
  color: #444;
}
article.visual-search-form .search-form-box .submit-box .submit-btn {
  height: 54px;
  width: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
@media (max-width: 1279px) {
  article.visual-search-form .search-form-box .submit-box .submit-btn {
    width: 60px;
    height: 38px;
  }
}
article.visual-search-form .search-form-box .submit-box .submit-btn .ic {
  background: url("../img/ic_visual_search.svg") no-repeat center;
  width: 32px;
  height: 32px;
}
@media (max-width: 1279px) {
  article.visual-search-form .search-form-box .submit-box .submit-btn .ic {
    width: 24px;
    height: 24px;
  }
}

section.main-contents {
  padding: 72px 0 64px;
}
@media (max-width: 1279px) {
  section.main-contents {
    padding: 0;
  }
}
@media (max-width: 1279px) {
  section.main-contents .wrap {
    width: auto;
  }
}
section.main-contents .mobile-group-box {
  display: none;
}
@media (max-width: 1279px) {
  section.main-contents .mobile-group-box {
    display: block;
  }
}
section.main-contents .contents-group-box {
  display: flex;
}
@media (max-width: 1279px) {
  section.main-contents .contents-group-box {
    display: flex;
    flex-flow: column;
  }
}
section.main-contents .contents-group-box .contents-view {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1279px) {
  section.main-contents .contents-group-box .contents-view {
    position: relative;
    padding-top: 63px;
  }
}
@media (max-width: 767px) {
  section.main-contents .contents-group-box .contents-view {
    padding-top: 53px;
  }
}
section.main-contents .contents-group-box .contents-view .board-view-box {
  display: flex;
  justify-content: center;
}
@media (max-width: 1279px) {
  section.main-contents .contents-group-box .contents-view .board-view-box {
    padding: 32px 20px 24px;
    background-color: #f9f8f5;
  }
}
@media (max-width: 767px) {
  section.main-contents .contents-group-box .contents-view .board-view-box {
    flex-direction: column;
  }
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box {
  min-width: 0;
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box + .board-group-box {
  margin-left: 60px;
}

section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box + .board-item1{
background: url("../hjimg/board-item1.png") no-repeat left top;
}

@media (max-width: 1279px) {
  section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box + .board-group-box {
    margin-left: 42px;
  }
}
@media (max-width: 767px) {
  section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box + .board-group-box {
    padding-top: 24px;
    margin: 24px 0 0;
    border-top: 1px solid #dfdbd3;
  }
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box {
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-bottom: 34px;
}
@media (max-width: 1439px) {
  section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box {
    padding-bottom: 24px;
  }
}
@media (max-width: 1279px) {
  section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box {
    padding-bottom: 12px;
  }
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box .head-box {
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.32px;
}
@media (max-width: 1279px) {
  section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box .head-box {
    font-size: 22px;
    line-height: 26px;
  }
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box .option-box .more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box .option-box .more-btn .ic-more {
  background: url("../img/ic_more.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box .option-box .more-btn .txt {
  line-height: 1.2;
}
@media (max-width: 1279px) {
  section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-head-box .option-box .more-btn .txt {
    margin-top: 2px;
  }
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-body-box .board-item-list .board-item-box {
  display: block;
  background: url("../img/ic_board_arrow.svg") no-repeat top right;
  padding-right: 58px;
}
@media (max-width: 1279px) {
  section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-body-box .board-item-list .board-item-box {
    padding-right: 30px;
  }
}
section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-body-box .board-item-list .board-item-box + .board-item-box {
  margin-top: 18px;
}
@media (max-width: 1279px) {
  section.main-contents .contents-group-box .contents-view .board-view-box .board-group-box .board-body-box .board-item-list .board-item-box + .board-item-box {
    margin-top: 12px;
  }
}


article.info-banner-list-layout .info-banner-list {
  display: flex;
  padding-top: 62px;
}
@media (max-width: 1439px) {
  article.info-banner-list-layout .info-banner-list {
    padding-top: 48px;
  }
}
@media (max-width: 1279px) {
  article.info-banner-list-layout .info-banner-list {
    border-top: 12px solid #F1EFEB;
    padding: 36px 30px 42px;
  }
}
@media (max-width: 767px) {
  article.info-banner-list-layout .info-banner-list {
    flex-direction: column;
    padding: 32px 20px;
    border-top: 6px solid #F5F5F3;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box {
  width: 33.33%;
  padding: 24px 20px 20px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
}
@media (max-width: 1759px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box {
    padding: 20px 16px 20px 18px;
  }
}
@media (max-width: 1439px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box {
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box + .info-banner-box {
  margin-left: 30px;
}
@media (max-width: 1759px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box + .info-banner-box {
    margin-left: 18px;
  }
}
@media (max-width: 767px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box + .info-banner-box {
    margin: 12px 0 0 0;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box.info1 {
  background: #DBE4F9;
}
article.info-banner-list-layout .info-banner-list .info-banner-box.info2 {
  background: #EFE0CE;
}
article.info-banner-list-layout .info-banner-list .info-banner-box.info2 .info-box {
  padding-top: 5px;
}
article.info-banner-list-layout .info-banner-list .info-banner-box.info3 {
  background: #F0E9E6;
}
article.info-banner-list-layout .info-banner-list .info-banner-box.info3 .info-box {
  padding-top: 5px;
}
article.info-banner-list-layout .info-banner-list .info-banner-box .img-box {
  width: 72px;
  height: 72px;
}
@media (max-width: 1759px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .img-box {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1439px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .img-box {
    margin-bottom: 10px;
  }
}
@media (max-width: 1279px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .img-box {
    width: 72px;
    height: 72px;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box .img-box img {
  max-width: 100%;
}
article.info-banner-list-layout .info-banner-list .info-banner-box .info-box {
  flex: 1;
  min-width: 0;
  padding-left: 16px;
}
@media (max-width: 1759px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box {
    padding-left: 16px;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-top-box {
  color: #444;
  font-size: 16px;
}
@media (max-width: 1439px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-top-box {
    text-align: center;
  }
}
@media (max-width: 767px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-top-box {
    text-align: left;
    letter-spacing: -0.03em;
    font-weight: 700;
  }
}
@media (max-width: 1439px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box {
    text-align: center;
  }
}
@media (max-width: 1279px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box {
    text-align: left;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box .info-mid-txt1 {
  color: #00377E;
  font-family: "SCDream";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.84px;
}
@media (max-width: 1759px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box .info-mid-txt1 {
    font-size: 24px;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box .info-mid-txt2 {
  display: inline-block;
  margin-top: 7px;
  color: #564C42;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.56px;
  font-family: "SCDream";
  padding-right: 26px;
  background: url("../img/img_info_banner_item_arrow.svg") no-repeat right center;
}
@media (max-width: 1759px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box .info-mid-txt2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box .info-mid-txt2 {
    font-size: 24px;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box .info-mid-txt3 {
  display: inline-block;
  margin-top: 7px;
  color: #564B3B;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.56px;
  font-family: "SCDream";
  padding-right: 32px;
  background: url("../img/img_info_banner_item_arrow.svg") no-repeat right center;
}
@media (max-width: 1759px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box .info-mid-txt3 {
    font-size: 24px;
    padding-right: 28px;
  }
}
@media (max-width: 767px) {
  article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-mid-box .info-mid-txt3 {
    font-size: 24px;
  }
}
article.info-banner-list-layout .info-banner-list .info-banner-box .info-box .info-foot-box .info-foot-txt {
  color: #444;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.28px;
}

article.notice-view-form .form-wrap {
  border-radius: 6px;
  background: rgba(205, 205, 205, 0.2);
  padding: 0 24px;
  height: 63px;
  display: flex;
  align-items: center;
}
@media (max-width: 1439px) {
  article.notice-view-form .form-wrap {
    height: 54px;
  }
}
@media (max-width: 1279px) {
  article.notice-view-form .form-wrap {
    height: 64px;
  }
}
@media (max-width: 767px) {
  article.notice-view-form .form-wrap {
    background-color: #fff;
    border-radius: 0;
    padding: 0;
    height: 53px;
    position: relative;
  }
}
article.notice-view-form .form-wrap .label-box {
  padding-right: 16px;
  display: inline-flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1439px) {
  article.notice-view-form .form-wrap .label-box {
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  article.notice-view-form .form-wrap .label-box {
    display: none;
  }
}
article.notice-view-form .form-wrap .label-box:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(102, 102, 102, 0.3);
  height: 32px;
  width: 1px;
}
article.notice-view-form .form-wrap .label-box .txt {
  color: #564C42;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.63px;
}
@media (max-width: 1439px) {
  article.notice-view-form .form-wrap .label-box .txt {
    font-size: 18px;
  }
}
article.notice-view-form .form-wrap .label-box .ic-notice {
  margin-right: 6px;
  background: url("../img/ic_main_notice.svg") no-repeat center/cover;
  width: 32px;
  height: 32px;
}
article.notice-view-form .form-wrap .con-box {
  padding-left: 35px;
  flex: 1;
  min-width: 0;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.notice-view-form .form-wrap .con-box {
    padding: 0 50px;
  }
}
article.notice-view-form .form-wrap .con-box .swiper-navi-box {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
}
article.notice-view-form .form-wrap .con-box .swiper-navi-box .navi-btn {
  width: 24px;
  height: 24px;
}
article.notice-view-form .form-wrap .con-box .swiper-navi-box .navi-btn + .navi-btn {
  margin-left: 6px;
}
article.notice-view-form .form-wrap .con-box .swiper-navi-box .navi-btn.prev-btn {
  background: url("../img/ic_notice_prev.svg") no-repeat center/cover;
}
@media (max-width: 1279px) {
  article.notice-view-form .form-wrap .con-box .swiper-navi-box .navi-btn.prev-btn {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
article.notice-view-form .form-wrap .con-box .swiper-navi-box .navi-btn.next-btn {
  background: url("../img/ic_notice_next.svg") no-repeat center/cover;
}
@media (max-width: 1279px) {
  article.notice-view-form .form-wrap .con-box .swiper-navi-box .navi-btn.next-btn {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
}
article.notice-view-form .form-wrap .con-box .swiper-group-box {
  flex: 1;
  min-width: 0;
}
article.notice-view-form .form-wrap .con-box .swiper-group-box .swiper {
  height: 29px;
}
article.notice-view-form .form-wrap .con-box .swiper-group-box .swiper-slide {
  height: auto;
}
article.notice-view-form .form-wrap .con-box .swiper-group-box .swiper-slide .notice-item-box {
  display: flex;
  height: 100%;
  align-items: center;
}
article.notice-view-form .form-wrap .con-box .swiper-group-box .swiper-slide .notice-item-box .notice-txt-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 1439px) {
  article.notice-view-form .form-wrap .con-box .swiper-group-box .swiper-slide .notice-item-box .notice-txt-box {
    font-size: 18px;
  }
}

@media (max-width: 1279px) {
  section.main-with .wrap {
    width: 100%;
  }
}
section.main-with .swiper-group-box {
  /* border-top: 1px solid #C8C6C4; */
  height: 94px;
  display: flex;
  align-items: center;
}
@media (max-width: 1279px) {
  section.main-with .swiper-group-box {
    height: 78px;
  }
  section.main-with .swiper-group-box .swiper {
    padding: 0 4px;
  }
  section.main-with .swiper-group-box .swiper .swiper-wrapper {
    transition-timing-function: linear;
  }
}
section.main-with .swiper-group-box .swiper-slide {
  flex-shrink: 1;
  height: auto;
}
@media (max-width: 1279px) {
  section.main-with .swiper-group-box .swiper-slide {
    flex-shrink: 0;
    width: auto;
  }
}
section.main-with .swiper-group-box .swiper-slide + .swiper-slide {
  margin-left: 70px;
}
@media (max-width: 1279px) {
  section.main-with .swiper-group-box .swiper-slide + .swiper-slide {
    margin-left: 0;
  }
}
section.main-with .swiper-group-box .with-box {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1279px) {
  section.main-with .swiper-group-box .with-box {
    transform: scale(0.7);
  }
}
/*footer*/
/*Footer*/
footer {
  padding-top:18px;
  padding-bottom: 62px;
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
}
@media (max-width: 1279px) {
  footer {
    padding-bottom: 0;
  }
}
footer .wrap {
  position: relative;
	max-width: 1398px;

}
@media (max-width: 1279px) {
  footer .wrap {
    width: 100%;
  }
}
footer .footer-menu-list {
  padding: 38px 0 44px;
  display: flex;
  justify-content: left;
}
@media (max-width: 1279px) {
  footer .footer-menu-list {
    padding: 32px 0 0;
  }
}
@media (max-width: 767px) {
  footer .footer-menu-list {
    padding: 24px 20px 0;
    flex-direction: column;
    justify-content: flex-start;
  }
}
footer .footer-menu-list .footer-menu-box + .footer-menu-box {
  margin-left: 50px;
  position: relative;
}
@media (max-width: 767px) {
  footer .footer-menu-list .footer-menu-box + .footer-menu-box {
    margin: 7px 0 0 0;
  }
}
footer .footer-menu-list .footer-menu-box + .footer-menu-box:after {
  content: "";
  position: absolute;
  left: -25px;
  top: 50%;
  width: 1px;
  height: 16px;
  background-color: #888;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  footer .footer-menu-list .footer-menu-box + .footer-menu-box:after {
    left: -18px;
    display: none;
  }
}
footer .footer-menu-list .footer-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.54px;
  border: 1px solid #f9f9f9;
  background-color:#f9f9f9;
  cursor:pointer;

}

@media (max-width: 1279px) {
  footer .footer-menu-list .info-txt-box {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  footer .footer-menu-list .footer-menu-btn {
    width: auto;
    flex: 1;
    font-size: 12px;
    line-height: 7px;
    word-break: break-word;
    justify-content: flex-start;
    text-align: left;
    font-weight: 700;
  }
}
footer .footer-info-box {
  position: relative;
	padding-top: 30px;
}
@media (max-width: 1279px) {
  footer .footer-info-box {
    padding: 22px 20px;
  }
}
@media (max-width: 767px) {
  footer .footer-info-box {
    padding: 20px 20px 32px;
  }
}
footer .footer-info-box .with-box {
  position: absolute;
  right: 0;
  top: 30px;
}
@media (max-width: 1279px) {
  footer .footer-info-box .with-box {
    position: static;
    text-align:left;
    padding-bottom: 16px;
  }
  footer .footer-info-box .with-box img {
    max-height: 27px;
  }
}
@media (max-width: 767px) {
  footer .footer-info-box .with-box {
    text-align: left;
  }
  footer .footer-info-box .with-box img {
    max-height: 24px;
  }
}
footer .footer-info-box .con-box {
  text-align: left;
}
footer .footer-info-box .con-box .info-txt-box {
  color: #444;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px; /* 143.75% */
  letter-spacing: -0.48px;
  text-align: left;
  display: inline-block;
}
@media (max-width: 1279px) {
  footer .footer-info-box .con-box .info-txt-box {
    text-align: center;
    display: block;
  }
}
@media (max-width: 767px) {
  footer .footer-info-box .con-box .info-txt-box {
    text-align: left;
  }
}

footer .footer-info-box .con-box .info-txt-box br.web {
  display: none;
}
@media (max-width: 767px) {
  footer .footer-info-box .con-box .info-txt-box {
    letter-spacing: -0.03em;
    font-size: 12px;
    line-height: 18px;
    color: #444;
  }
  footer .footer-info-box .con-box .info-txt-box .mobile-subject {
    color: #222;
    font-weight: 500;
  }
  footer .footer-info-box .con-box .info-txt-box .mobile-hidden {
    display: none;
  }
}
@media (max-width: 1279px) {
  footer .footer-info-box .con-box .info-item-box + .info-item-box {
    margin-top: 8px;
	text-align: left;
    word-break: keep-all;
  }
}
@media (max-width: 767px) {
  footer .footer-info-box .con-box .info-item-box + .info-item-box {
    margin-top: 8px;
	text-align: left;
    word-break: keep-all;
  }
}
@media (max-width: 1279px) {
  footer .footer-info-box .con-box .info-txt-box .info-item-box {
   margin-top: 8px;
	text-align: left;
    word-break: keep-all;
  }
}
@media (max-width: 767px) {
  footer .footer-info-box .con-box .info-txt-box .info-item-box {
    margin-top: 8px;
	text-align: left;
    word-break: keep-all;
  }
  footer .footer-info-box .con-box .info-txt-box .info-item-box .mobile-enter {
    color: #222;
	text-align: left;
    font-weight: 500;
  }
  footer .footer-info-box .con-box .info-txt-box .info-item-box .mobile-hidden {
    display: none;
  }
}
footer .footer-info-box .con-box .copyright-box {
  padding-top: 0px;
  text-align: left;
  color: #a3a3a3;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px; /* 185.714% */
}
@media (max-width: 1279px) {
  footer .footer-info-box .con-box .copyright-box {
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    word-break: keep-all;
	margin-bottom:20px;
  }
}
@media (max-width: 767px) {
  footer .footer-info-box .con-box .copyright-box {
    font-size: 12px;
    padding-top: 16px;
    margin-bottom:20px;
  }
}

.footer-info-text{ padding: 0px 7px; color: #777777;}
.footer-info-text b{ padding: 0px 7px; font-weight: 400;}

@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box {
    max-height: 200px;
    height: 200px;
    overflow-y: auto;
    padding: 18px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  article.nation-list-layout .nation-group-box {
    max-height: 250px;
    height: 250px;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap {
  display: flex;
}
@media (max-width: 767px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap {
    flex-direction: column;
  }
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box {
    width: 100%;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box + .nation-cell-box {
  margin-left: 85px;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box + .nation-cell-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box + .nation-cell-box {
    margin-left: 0;
    margin-top: 20px;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box + .nation-item-box {
  margin-top: 26px;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box + .nation-item-box {
    margin-top: 20px;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box {
  position: relative;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box {
    padding-left: 28px;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .head-txt {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: #444;
  letter-spacing: -0.48px;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .head-txt {
    font-size: 15px;
    line-height: 26px;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic {
  position: absolute;
  left: -36px;
  top: 0;
  width: 28px;
  height: 28px;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic {
    left: 0;
    width: 20px;
    height: 20px;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic.ic-belgium {
  background: url("../img/ic_nation_belgium.svg") no-repeat center/cover;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic.ic-france {
  background: url("../img/ic_nation_france.svg") no-repeat center/cover;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic.ic-spain {
  background: url("../img/ic_nation_spain.svg") no-repeat center/cover;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic.ic-poland {
  background: url("../img/ic_nation_poland.svg") no-repeat center/cover;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic.ic-england {
  background: url("../img/ic_nation_england.svg") no-repeat center/cover;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic.ic-usa {
  background: url("../img/ic_nation_usa.svg") no-repeat center/cover;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic.ic-canada {
  background: url("../img/ic_nation_canada.svg") no-repeat center/cover;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-head-box .ic.ic-japan {
  background: url("../img/ic_nation_japan.svg") no-repeat center/cover;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-mobile-box ul.nation-list + ul.nation-list {
  margin-left: 28px;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-mobile-box ul.nation-list li.nation-item .nation-btn {
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.48px;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-mobile-box ul.nation-list li.nation-item .nation-btn {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.45px;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-mobile-box ul.nation-list li.nation-item .nation-btn:hover, article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-mobile-box ul.nation-list li.nation-item .nation-btn:focus {
  color: #123e88;
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box {
  display: flex;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    margin: 2px;
  }
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list.mobile {
    display: flex !important;
  }
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list.web {
    display: none;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list + ul.nation-list {
  margin-left: 28px;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item {
    width: calc(33.33% - 4px);
    display: inline-flex;
    margin: 2px;
  }
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item.t-full {
    width: 100%;
  }
}
@media (max-width: 767px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item {
    width: calc(50% - 4px);
    display: inline-flex;
    margin: 2px;
  }
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item.t-full {
    width: calc(50% - 4px);
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item .nation-btn {
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.48px;
}
@media (max-width: 1279px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item .nation-btn {
    width: 100%;
    padding-right: 15px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.45px;
  }
}
@media (max-width: 767px) {
  article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item .nation-btn {
    line-height: 19px;
  }
}
article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item .nation-btn:hover, article.nation-list-layout .nation-group-box .nation-list-wrap .nation-cell-box .nation-item-box .nation-body-box ul.nation-list li.nation-item .nation-btn:focus {
  color: #123e88;
}

aside.floating-top {
  position: fixed;
  right: 30px;
  bottom: 100px;
  z-index: 100;
}
@media (max-width: 1279px) {
  aside.floating-top {
    right: 18px;
    bottom: 50px;
  }
}
aside.floating-top .floating-top-btn {
  background: url("../img/common/img_top.png") no-repeat center/cover;
  width: 60px;
  height: 60px;
}
@media (max-width: 1279px) {
  aside.floating-top .floating-top-btn {
    width: 42px;
    height: 42px;
  }
}

.wrapper {
  position: relative;
}



.wrapper {
  position: relative;
}
.wrapper .wrap {
  display: flex;
}
.wrapper .wrap .contents {
  flex: 1;
  min-width: 0;
  padding-bottom: 120px;
  max-width:1300px;
  margin: 0 auto;
  padding-top:80px;
}
/*@media (max-width: 1279px) {
  .wrapper .wrap .contents {
    padding-bottom: 80px;
	padding-top:6.5%;
  }
}*/
@media (max-width: 1279px) {
  .wrapper .wrap .contents {
    padding-bottom: 80px;
	padding-top:2%;
  }
}
@media (max-width: 768px) {
  .wrapper .wrap .contents {
    padding-bottom: 80px;
	padding-top:2.5%;
  }
}

@media (max-width: 540px) {
  .wrapper .wrap .contents {
    padding-bottom: 80px;
	padding-top:4%;
  }
}

@media (max-width: 410px) {
  .wrapper .wrap .contents {
    padding-bottom: 80px;
	padding-top:5%;
  }
}

section.lnb {
  margin-right: 60px;
  width: 270px;
  position: relative;
}
@media (max-width: 1439px) {
  section.lnb {
    width: 220px;
    margin-right: 40px;
  }
}
@media (max-width: 1279px) {
  section.lnb {
    display: none;
  }
}
section.lnb .lnb-wrap {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  padding: 35px 0 98px;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-group-box {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #dddddd;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-group-box + .lnb-group-box {
  margin-top: 33px;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-group-box .lnb-head-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 116px;
  background: url("../img/img_lnb_bg.png") no-repeat center/cover;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.02em;
  color: #fff;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box {
  padding-top: 8px;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth1 {
  padding: 18px 25px;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth1 li.depth1-box + li.depth1-box {
  border-top: 1px solid #ddd;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth1 li.depth1-box .depth1-btn {
  height: 48px;
  display: flex;
  align-items: center;
  background: url("../img/ic_lnb_link.svg") no-repeat right;
  font-weight: 700;
  font-size: 18px;
  color: #444;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth1 li.depth1-box .depth1-btn.active {
  background: url("../img/ic_lnb_link_active.svg") no-repeat right;
  color: #123e88;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth1 li.depth1-box .depth1-btn.active ~ ul.depth2 {
  display: block;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth1 li.depth1-box .depth1-btn.with-sub {
  background: url("../img/ic_lnb_hide.svg") no-repeat right;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth1 li.depth1-box .depth1-btn.with-sub.active {
  background: url("../img/ic_lnb_show.svg") no-repeat right;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth2 {
  display: none;
  padding: 8px 0 14px;
  border-top: 1px solid #ddd;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth2 li.depth2-box .depth2-btn {
  display: flex;
  align-items: center;
  padding: 9px 12px;
  line-height: 21px;
  color: #444444;
  border-radius: 6px;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth2 li.depth2-box .depth2-btn.active, section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth2 li.depth2-box .depth2-btn:hover {
  background-color: #F5F5F3;
  font-weight: 700;
  color: #171010;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth3 {
  padding: 4px 0 8px;
  background-color: #f8f8f8;
  border-radius: 0 0 8px;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth3 li.depth3-box .depth3-btn {
  display: flex;
  align-items: center;
  padding: 5px 8px 5px 26px;
  line-height: 21px;
  color: #666666;
  width: 100%;
  position: relative;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth3 li.depth3-box .depth3-btn:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 13px;
  background: #666666;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth3 li.depth3-box .depth3-btn.active, section.lnb .lnb-wrap .lnb-list-wrap .lnb-body-box ul.depth3 li.depth3-box .depth3-btn:hover {
  color: #123e88;
}

article.page-mobile-navigation-layout {
  display: none;
}
@media (max-width: 1279px) {
  article.page-mobile-navigation-layout {
    display: block;
  }
}
article.page-mobile-navigation-layout .list-wrap {
  margin: 0 -20px 24px;
  display: flex;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box {
  display: inline-flex;
  border-bottom: 1px solid #ddd;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box + .navigation-box {
  border-left: 1px solid #ddd;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box:nth-child(1) .navigation-home {
  width: 36px;
  height: 36px;
  background: url("../img/ic_navi_home.png") no-repeat center;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box:nth-child(2) {
  width: calc(100% - 36px);
}
/*article.page-mobile-navigation-layout .list-wrap .navigation-box:nth-child(3) {
  width: calc(60% - 36px);
}
*/
article.page-mobile-navigation-layout .list-wrap .navigation-box .navigation-btn {
  width: 100%;
  padding: 0 38px 0 12px;
  display: inline-flex;
  align-items: center;
  height: 36px;
  line-height: 1.2;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box .navigation-btn.with-arrow {
  background: url("../img/ic_link_arrow.svg") no-repeat right 8px center;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box .navigation-selector-box {
  position: relative;
  width: 100%;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box .navigation-selector-box .set-btn {
  padding: 0 38px 0 12px;
  display: inline-flex;
  align-items: center;
  height: 36px;
  line-height: 1.2;
  width: 100%;
  color: #444;
  font-weight: 700;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box .navigation-selector-box .set-btn.bold {
  color: #171010;
  font-size: 16px;
}

article.page-mobile-navigation-layout .list-wrap .navigation-box .navigation-selector-box ul {
  display: none;
  padding: 6px 0;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 36px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
article.page-mobile-navigation-layout .list-wrap .navigation-box .navigation-selector-box ul li a {
  padding: 0 8px;
  height: 34px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  font-size: 16px;
  letter-spacing: -0.03em;
  display: block;
  line-height: 34px;
  pointer-events: none;

}
article.page-mobile-navigation-layout .list-wrap .navigation-box .navigation-selector-box ul li a:hover {
  background-color: #FFE9BA;
  pointer-events: none;
}

article.page-head-layout {
  position: relative;
  padding-top: 72px;
}
@media (max-width: 1279px) {
  article.page-head-layout {
    display: none;
  }
}
article.page-head-layout .bg-box {
    height: 308px;
    z-index: -1;
    position: absolute;
    width: 1524px;
    left: -259px;
    top: -155px;
  background: url(../img/common/img_page_head_bg1.png) no-repeat right top;
}
@media (max-width: 1279px) {
  article.page-head-layout .bg-box {
    display: none;
  }
}
article.page-head-layout .head-wrap {
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #AAAAAA;

}
article.page-head-layout .head-wrap .head-tit-box .tit-box {
  font-weight: 700;
  font-size: 36px;
  letter-spacing: -0.02em;
}
article.page-head-layout .head-wrap .head-navi-box {
  display: inline-flex;
  align-items: center;
}
article.page-head-layout .head-wrap .head-navi-box .navi-box {
  display: inline-flex;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.03em;
}
article.page-head-layout .head-wrap .head-navi-box .navi-box:last-child {
  font-weight: 700;
}
article.page-head-layout .head-wrap .head-navi-box .navi-box + .navi-box {
  margin-left: 64px;
  position: relative;
}
article.page-head-layout .head-wrap .head-navi-box .navi-box + .navi-box:after {
  content: "";
  position: absolute;
  left: -42px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_navi_arrow.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
article.page-head-layout .head-wrap .head-navi-box .navi-box .ic.ic-home {
  background: url("../img/common/ic_navi_home.png") no-repeat center/cover;
  width: 16px;
  height: 16px;
}

article.search-form-layout .form-head-box {
  padding-bottom: 20px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-head-box {
    padding-bottom: 12px;
  }
}
article.search-form-layout .form-head-box .head-box {
  padding-bottom: 18px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-head-box .head-box {
    padding-bottom: 0px;
  }
}
article.search-form-layout .form-head-box .head-box .head-txt-box {
  color: #123e88;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.32px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-head-box .head-box .head-txt-box {
    font-size: 22px;
  }
}
article.search-form-layout .form-head-box .note-box .note-msg-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 32px;
  margin-top: 2px;
  position: relative;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-head-box .note-box .note-msg-box {
    padding-left: 20px;
    margin-top: 6px;
  }
}
article.search-form-layout .form-head-box .note-box .note-msg-box .ic-note {
  position: absolute;
  top: -2px;
  left: 0;
  margin-right: 6px;
  background: url("../img/ic_note_warning.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-head-box .note-box .note-msg-box .ic-note {
    top: 1px;
    margin-right: 0;
    width: 16px;
    height: 16px;
  }
}
article.search-form-layout .form-head-box .note-box .note-msg-box .txt {
  flex: 1;
  min-width: 0;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 500;
  color: #DF5355;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-head-box .note-box .note-msg-box .txt {
    font-size: 15px;
    line-height: 19px;
  }
}
article.search-form-layout .form-body-box .form-wrap {
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #F8F8F8;
  padding: 16px 28px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .form-wrap {
    position: relative;
    padding: 14px 12px;
  }
}
article.search-form-layout .form-body-box .list-toggle-btn {
  display: none;
  position: absolute;
  right: 20px;
  bottom: 18px;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #AAA;
  background: #F1EFEB;
  width: 120px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-toggle-btn {
    display: inline-flex;
  }
}
article.search-form-layout .form-body-box .list-toggle-btn.active .txt:before {
  content: "간단히보기";
}
article.search-form-layout .form-body-box .list-toggle-btn.active .ic-toggle {
  background: url("../img/ic_form_toggle_hide.svg") no-repeat center/cover;
}
article.search-form-layout .form-body-box .list-toggle-btn .txt:before {
  content: "상세검색";
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.8px;
}
article.search-form-layout .form-body-box .list-toggle-btn .ic-toggle {
  background: url("../img/ic_form_toggle_show.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.search-form-layout .form-body-box .list-wrap {
  display: flex;
  flex-flow: row wrap;
  margin: -8px;
  width: 100%;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap.active .item-box:nth-child(n+4) {
    display: inline-flex;
  }
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap {
    margin: 0;
    padding-bottom: 50px;

  }
  article.search-form-layout .form-body-box .list-wrap.more-none {
    padding-bottom: 0;
	  width: 100%;
  }
  article.search-form-layout .form-body-box .list-wrap .item-box:nth-child(n+4) {
    display: none;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box {
  margin: 8px;
  width: calc(33.33% - 16px);
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box {
    margin: 0;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  article.search-form-layout .form-body-box .list-wrap .item-box + .item-box {
    margin-top: 16px;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box.full {
  width: 100%;
}
article.search-form-layout .form-body-box .list-wrap .item-box.divide {
  width: calc(50% - 16px);
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box.divide {
    width: 100%;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box.half {
  width: calc(66.66% - 16px);
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box.half {
    width: 100%;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .subject-box {
  text-align: center;
  width: 108px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-right: 6px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .subject-box {
    text-align: left;
    width: 100%;
    margin-right: 0;
    padding-bottom: 6px;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box {
    width: 100%;
  }
}

article.search-form-layout .form-body-box .list-wrap .item-box .subject-box2 {
  text-align: center;
  width: 200px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-right: 6px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .subject-box2 {
    text-align: left;
    width: 100%;
    margin-right: 0;
	padding-top:10px;
    padding-bottom: 10px;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box2 {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box2 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box2 {
    width: 100%;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box .group-box {
  display: flex;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box .group-box.m-column {
    display: flex;
    flex-direction: column;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box .group-box .sbox + .sbox {
  margin-left: 8px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box .group-box .sbox + .sbox {
    margin: 6px 0 0 0;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list {
  display: flex;
  justify-content: space-between;
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin {
  justify-content: flex-start;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin {
    margin: 0;
  }
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox {
    margin: 0;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox + .rbox {
  margin-left: 36px;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox + .rbox {
    margin: 0 0 0 36px;
  }
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list {
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: -6px -9px;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox {
  margin: 0;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox {
    margin: 6px 9px;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox input[type=radio]:checked ~ .txt {
  color: #171010;
}
article.search-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox .txt {
  color: #444444;
}
article.search-form-layout .form-body-box .list-wrap .item-box .input-group-box {
  display: flex;
}
article.search-form-layout .form-body-box .list-wrap .item-box .quarter-input-group {
  display: flex;
  align-content: center;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .quarter-input-group {
    flex-direction: column;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .quarter-input-group .input-wrap {
  display: inline-flex;
}
@media (max-width: 1279px) {
  article.search-form-layout .form-body-box .list-wrap .item-box .quarter-input-group .input-wrap + .input-wrap {
    margin-top: 6px;
  }
}
article.search-form-layout .form-body-box .list-wrap .item-box .quarter-input-group .sbox + .sbox {
  margin-left: 12px;
}
article.search-form-layout .form-body-box .list-wrap .item-box .quarter-input-group .unit-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
}
article.search-form-layout .form-body-box .list-wrap .item-box .calendar-input-group {
  display: flex;
  align-content: center;
}
article.search-form-layout .form-body-box .list-wrap .item-box .calendar-input-group .unit-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
}
article.search-form-layout .form-body-box .form-menu {
  padding-top: 12px;
  display: flex;
  align-content: center;
  justify-content: center;
}
article.search-form-layout .form-body-box .form-menu .form-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  max-width: 200px;
  width: 100%;
  border-radius: 4px;
}
article.search-form-layout .form-body-box .form-menu .form-menu-btn + .form-menu-btn {
  margin-left: 8px;
}
article.search-form-layout .form-body-box .form-menu .form-menu-btn.type-gray {
  background-color: #A7A7A8;
}
article.search-form-layout .form-body-box .form-menu .form-menu-btn.type-primary {
  background-color: #67AAF2;
}
article.search-form-layout .form-body-box .form-menu .form-menu-btn .ic {
  margin-right: 8px;
}
article.search-form-layout .form-body-box .form-menu .form-menu-btn .ic.ic-search {
  background: url("../img/ic_form_search.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.search-form-layout .form-body-box .form-menu .form-menu-btn .txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
}

article.table-scroll-list-layout1 {
  margin-top: 24px;
}
article.table-scroll-list-layout1.order-first {
  margin-top: 0;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1.order-first {
    margin-top: 20px;
  }
}
article.table-scroll-list-layout1 .scroll-table-head-box {
  padding-bottom: 9px;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-head-box {
    padding-left: 8px;
  }
}
article.table-scroll-list-layout1 .scroll-table-head-box .head-txt-box {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.54px;
  position: relative;
  padding-left: 6px;
}
article.table-scroll-list-layout1 .scroll-table-head-box .head-txt-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(161, 140, 104, 0.25);
}



@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box {
    padding: 0px 8px 12px;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box {
  border-top: 1px solid #AAAAAA;
  overflow-x: auto;

}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box.with-vertical-scroll {
  overflow-y: auto;
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box.with-vertical-scroll.vertical-3 {
  max-height: 154px;
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box.with-vertical-scroll table thead tr {
  position: sticky;
  top: 0;
  z-index: 10;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box {
    padding-bottom: 5px;
    overflow-x: auto;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-shortest {
  width: 60px;
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-short {
  width: 90px;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-short {
    width: 80px;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-normal {
  width: 180px;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-normal {
    width: 150px;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-normal2 {
  width: 120px;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-normal2 {
    width: 110px;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-long {
  width: 254px;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-long {
    width: 140px;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-100 {
  width: 100%;
  line-height: 24px;
  padding: 25px 5px;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box .cell-100 {
  width: 100%;
  }
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table {
    table-layout: fixed;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table thead tr th {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDDDDD;
  background-color: #F8F8F8;
  height: 38px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.45px;
  padding: 8px 15px;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table thead tr th {
    padding: 6px 12px;
    height: 32px;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table thead tr th:last-child {
  border-right: 0;
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr:hover {
  background-color: #FAFAFA;
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td {
  padding: 8px 15px;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDDDDD;
  height: 38px;
  text-align: center;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: -0.48px;
  color: #444;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td {
    font-size: 15px;
    padding: 6px 12px;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td:last-child {
  border-right: 0;
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td .cell-txt-group {
  position: relative;
  height: 100%;
}
@media (max-width: 767px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td .cell-txt-group {
    display: flex;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td .cell-txt-group .cell-label-box {
  display: none;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td .cell-txt-group .cell-label-box {
    margin-right: 12px;
    color: #171010;
    display: block;
    width: 60px;
    text-align: left;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td .cell-txt-group .cell-txt-box {
  text-align: left;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr td .cell-txt-group .cell-txt-box {
    flex: 1;
    min-width: 0;
  }
}
article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr .eclipse-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1279px) {
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr .eclipse-box.m-left {
    text-align: left;
  }
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr .eclipse-box.m-bold {
    font-weight: 700;
    color: #171010;
  }
  article.table-scroll-list-layout1 .scroll-table-body-box .scroll-table-box table tbody tr .eclipse-box.m-small {
    font-size: 15px;
    line-height: 20px;
  }
}

@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box {
    padding: 24px 8px 12px;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box {
  border-top: 1px solid #AAAAAA;
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-short {
  min-width: 90px;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-short {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    padding: 8px 0;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-long {
  width: 200px;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-long {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    padding: 8px 0;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-number {
  min-width: 50px;
  width: 50px;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-number {
    float: left;
    height: auto;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 5px;
    min-width: 32px;
    width: 32px;
    padding: 0;
    line-height: 24px;
    font-size: 15px;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-column {
  width: 100%;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-column {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    padding: 8px 0;
  }
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box .cell-column + .cell-column {
    border-top: 1px solid #ddd;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table {
  table-layout: fixed;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table:after {
    content: "";
    clear: both;
    display: block;
  }
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table thead {
    display: none;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table thead tr th {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDDDDD;
  background-color: #F8F8F8;
  height: 38px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.45px;
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table thead tr th:last-child {
  border-right: 0;
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr:hover {
  background-color: #FAFAFA;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr {
    padding: 0 12px 0 38px;
    float: left;
    display: block;
    position: relative;
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td {
  padding: 8px 12px;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDDDDD;
  height: 38px;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.48px;
  color: #444;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td {
    font-size: 15px;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td:last-child {
  border-right: 0;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td {
    display: none;
    border: none;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td .cell-txt-group {
  position: relative;
  height: 100%;
}
@media (max-width: 767px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td .cell-txt-group {
    display: flex;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td .cell-txt-group .cell-label-box {
  display: none;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td .cell-txt-group .cell-label-box {
    margin-right: 12px;
    color: #67AAF2;
    display: block;
    width: 60px;
    text-align: left;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td .cell-txt-group .cell-txt-box {
  text-align: left;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr td .cell-txt-group .cell-txt-box {
    flex: 1;
    min-width: 0;
  }
}
article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr .eclipse-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1279px) {
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr .eclipse-box.m-left {
    text-align: left;
  }
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr .eclipse-box.m-bold {
    font-weight: 700;
    color: #171010;
  }
  article.table-sub-list-layout1 .sub-table-body-box .sub-table-box table tbody tr .eclipse-box.m-small {
    font-size: 15px;
    line-height: 20px;
  }
}

article.table-list-layout1 {
  padding-top: 32px;
}
article.table-list-layout1 .table-head-box {
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding-bottom: 4px;
}
article.table-list-layout1 .table-head-box .table-head-info-box {
  display: inline-flex;
  align-items: center;
}
article.table-list-layout1 .table-head-box .table-head-info-box .cnt-box {
  line-height: 30px;
  font-size: 15px;
  color: #666;
}
article.table-list-layout1 .table-head-box .table-head-info-box .cnt-box b {
  color: #222;
}
article.table-list-layout1 .table-body-box .table-box {
  border-top: 1px solid #AAAAAA;
}
article.table-list-layout1 .table-body-box .table-box .cell-num {
  width: 7%;
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box .cell-num {
    float: left;
    height: auto;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 13px;
    width: 54px;
    padding: 0;
    line-height: 24px;
  }
}
article.table-list-layout1 .table-body-box .table-box .cell-type {
  width: 8%;
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box .cell-type {
    padding: 0;
    width: 54px;
    height: auto;
    display: block;
    float: left;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box .cell-date {
    line-height: 24px;
    text-align: left;
    width: calc(100% - 54px);
    height: auto;
    display: block;
    float: left;
    padding: 0 0 0 10px;
  }
}
article.table-list-layout1 .table-body-box .table-box .cell-subject {
  width: 20%;
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box .cell-subject {
    height: 32px;
    line-height: 32px;
    width: 100%;
    display: block;
    float: left;
    padding: 0;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box .cell-sub {
    float: left;
    display: block;
    padding: 0;
    height: auto;
    position: relative;
    width: 100%;
  }
}
article.table-list-layout1 .table-body-box .table-box table {
  table-layout: fixed;
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box table:after {
    content: "";
    clear: both;
    display: block;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box table thead {
    display: none;
  }
}
article.table-list-layout1 .table-body-box .table-box table thead tr th {
  border-bottom: 1px solid #DDDDDD;
  background-color: #F8F8F8;
  height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
article.table-list-layout1 .table-body-box .table-box table tbody tr:hover {
  background-color: #FAFAFA;
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box table tbody tr {
    padding: 12px 12px 12px 54px;
    float: left;
    display: block;
    position: relative;
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
  }
}
article.table-list-layout1 .table-body-box .table-box table tbody tr td {
  padding: 0 15px;
  border-bottom: 1px solid #DDDDDD;
  height: 48px;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #444;
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box table tbody tr td {
    display: none;
    border: none;
  }
}
article.table-list-layout1 .table-body-box .table-box table tbody tr .mobile-con-group {
  display: flex;
  position: relative;
}
article.table-list-layout1 .table-body-box .table-box table tbody tr .mobile-con-group .mobile-label-box {
  display: none;
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box table tbody tr .mobile-con-group .mobile-label-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.45px;
    color: #67AAF2;
    margin-right: 19px;
    position: relative;
    line-height: 20px;
  }
  article.table-list-layout1 .table-body-box .table-box table tbody tr .mobile-con-group .mobile-label-box:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #ddd;
  }
}
article.table-list-layout1 .table-body-box .table-box table tbody tr .mobile-con-group .mobile-con-box {
  flex: 1;
  min-width: 0;
}
article.table-list-layout1 .table-body-box .table-box table tbody tr .eclipse-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1279px) {
  article.table-list-layout1 .table-body-box .table-box table tbody tr .eclipse-box.m-left {
    text-align: left;
  }
  article.table-list-layout1 .table-body-box .table-box table tbody tr .eclipse-box.m-bold {
    font-weight: 700;
    color: #171010;
  }
  article.table-list-layout1 .table-body-box .table-box table tbody tr .eclipse-box.m-small {
    font-size: 15px;
    line-height: 20px;
  }
}

article.table-list-layout2 {
  padding-top: 32px;
}
article.table-list-layout2 .table-head-box {
  display: flex;
  justify-content: space-between;
  align-content: center;
  padding-bottom: 4px;
}
article.table-list-layout2 .table-head-box .table-head-info-box {
  display: inline-flex;
  align-items: center;
}
article.table-list-layout2 .table-head-box .table-head-info-box .cnt-box {
  line-height: 30px;
  font-size: 15px;
  color: #666;
}
article.table-list-layout2 .table-head-box .table-head-info-box .cnt-box b {
  color: #222;
}
article.table-list-layout2 .table-body-box .table-box {
  border-top: 1px solid #AAAAAA;
}
article.table-list-layout2 .table-body-box .table-box .cell-num {
  width: 7%;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box .cell-num {
    float: left;
    height: auto;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 13px;
    width: 54px;
    padding: 0;
    line-height: 24px;
  }
}
article.table-list-layout2 .table-body-box .table-box .cell-type {
  width: 8%;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box .cell-type {
    padding: 0;
    width: 54px;
    height: auto;
    display: block;
    float: left;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box .cell-date {
    line-height: 24px;
    text-align: left;
    width: calc(100% - 54px);
    height: auto;
    display: block;
    float: left;
    padding: 0 0 0 10px;
  }
}
article.table-list-layout2 .table-body-box .table-box .cell-subject {
  width: 20%;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box .cell-subject {
    height: 32px;
    line-height: 32px;
    width: 100%;
    display: block;
    float: left;
    padding: 0;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box .cell-sub {
    float: left;
    display: block;
    padding: 0;
    height: auto;
    position: relative;
    width: 100%;
  }
}
article.table-list-layout2 .table-body-box .table-box table {
  table-layout: fixed;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box table:after {
    content: "";
    clear: both;
    display: block;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box table thead {
    display: none;
  }
}
article.table-list-layout2 .table-body-box .table-box table thead tr th {
  border-bottom: 1px solid #DDDDDD;
  background-color: #F8F8F8;
  height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
article.table-list-layout2 .table-body-box .table-box table tbody tr:hover {
  background-color: #FAFAFA;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box table tbody tr {
    padding: 12px 12px 12px 54px;
    float: left;
    display: block;
    position: relative;
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
  }
}
article.table-list-layout2 .table-body-box .table-box table tbody tr td {
  padding: 0 15px;
  border-bottom: 1px solid #DDDDDD;
  height: 48px;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #444;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box table tbody tr td {
    display: none;
    border: none;
  }
}
article.table-list-layout2 .table-body-box .table-box table tbody tr .mobile-con-group {
  display: flex;
  position: relative;
}
article.table-list-layout2 .table-body-box .table-box table tbody tr .mobile-con-group .mobile-label-box {
  display: none;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box table tbody tr .mobile-con-group .mobile-label-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.45px;
    color: #67AAF2;
    margin-right: 19px;
    position: relative;
    line-height: 20px;
  }
  article.table-list-layout2 .table-body-box .table-box table tbody tr .mobile-con-group .mobile-label-box:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #ddd;
  }
}
article.table-list-layout2 .table-body-box .table-box table tbody tr .mobile-con-group .mobile-con-box {
  flex: 1;
  min-width: 0;
}
article.table-list-layout2 .table-body-box .table-box table tbody tr .eclipse-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .table-body-box .table-box table tbody tr .eclipse-box.m-left {
    text-align: left;
  }
  article.table-list-layout2 .table-body-box .table-box table tbody tr .eclipse-box.m-bold {
    font-weight: 700;
    color: #171010;
  }
  article.table-list-layout2 .table-body-box .table-box table tbody tr .eclipse-box.m-small {
    font-size: 15px;
    line-height: 20px;
  }
}
article.table-list-layout2 .data-group-box {
  border-top: 1px solid #aaa;
}
article.table-list-layout2 .data-group-box .cell-num {
  width: 80px;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .cell-num {
    position: absolute;
    left: 0;
    top: 15px;
    justify-content: center !important;
    width: 54px !important;
  }
}
article.table-list-layout2 .data-group-box .cell-type {
  width: 180px;
}
article.table-list-layout2 .data-group-box .cell-toggle {
  width: 54px;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .cell-toggle {
    position: absolute;
    right: 0;
    width: 36px !important;
    top: 50%;
    transform: translateY(-50%);
  }
}
article.table-list-layout2 .data-group-box .cell-name {
  flex: 1;
  min-width: 0;
}
article.table-list-layout2 .data-group-box .cell-contents {
  width: 300px;
}
article.table-list-layout2 .data-group-box .cell-addr {
  width: 280px;
}
article.table-list-layout2 .data-group-box .cell-date {
  width: 150px;
}
article.table-list-layout2 .data-group-box .cell-small {
  width: 130px;
}
article.table-list-layout2 .data-group-box .cell-full {
  flex: 1;
}
@media (max-width: 767px) {
  article.table-list-layout2 .data-group-box .m-hide {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-head-box {
    display: none;
  }
}
article.table-list-layout2 .data-group-box .data-head-box .data-row {
  display: flex;
  width: 100%;
}
article.table-list-layout2 .data-group-box .data-head-box .data-row .data-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #DDDDDD;
  background-color: #F8F8F8;
  height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
article.table-list-layout2 .data-group-box .data-head-box .data-row .data-cell.full {
  flex: 1;
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box {
  border: 2px solid transparent;
  position: relative;
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box.active {
  border-radius: 8px;
  border: 2px solid #63B0CC;
  overflow: hidden;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box.active {
    overflow: hidden;
  }
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box.active .item-body-box {
  display: block;
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box.active .item-head-box .toggle-btn {
  background: url("../img/ic_list_toggle_show.svg") no-repeat center/cover !important;
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row {
    padding: 12px 42px 12px 60px;
    flex-direction: column;
    position: relative;
  }
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  height: 48px;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #444;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell {
    text-align: left;
    line-height: 21px;
    min-height: 24px;
    height: auto;
    padding: 0;
    border: 0;
    display: flex;
    width: 100%;
    justify-content: flex-start;
  }

  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .m-eclipse-box {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    width: 100%;
    max-width: 100%;
  }
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell + .data-cell {
    margin-top: 4px;
  }
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell.cell-toggle {
  padding: 0;
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell.full {
  flex: 1;
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .toggle-btn {
  background: url("../img/ic_list_toggle_hide.svg") no-repeat center/cover;
  width: 54px;
  height: 48px;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .toggle-btn {
    width: 36px;
  }
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .mobile-con-group {
  display: flex;
  position: relative;
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .mobile-con-group .mobile-label-box {
  display: none;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .mobile-con-group .mobile-label-box {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.45px;
    color: #67AAF2;
    margin-right: 19px;
    position: relative;
    line-height: 20px;
    width: 60px;
  }
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .mobile-con-group .mobile-label-box.long {
    width: 110px;
  }
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .mobile-con-group .mobile-label-box:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #ddd;
  }
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .mobile-con-group .mobile-con-box {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .mobile-con-group .mobile-con-box {
    color: #666666;
    font-size: 15px;
    letter-spacing: -0.45px;
  }
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .eclipse-box {
  color: #171010;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  word-break: break-word;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .eclipse-box.m-left {
    text-align: left;
  }
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .eclipse-box.m-bold {
    font-weight: 700;
    color: #171010;
  }
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .eclipse-box.m-small {
    font-size: 15px;
    line-height: 20px;
  }
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-head-box .data-row .data-cell .eclipse-box.m-line-txt {
    text-overflow: initial;
    white-space: initial;
    overflow: initial;
    font-weight: 500;
  }
}
article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-body-box {
  background-color: #fcfcfc;
  padding: 28px 32px;
  display: none;
}
@media (max-width: 1279px) {
  article.table-list-layout2 .data-group-box .data-body-box .data-item-box .item-body-box {
    padding: 0;
  }
}

article.table-list-layout3 {
  padding-top: 32px;
}
article.table-list-layout3.space-zero {
  padding-top: 0;
}
article.table-list-layout3 .table-head-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
}
article.table-list-layout3 .table-head-box .table-head-info-box {
  display: inline-flex;
  align-items: center;
}
article.table-list-layout3 .table-head-box .table-head-info-box .cnt-box {
  line-height: 30px;
  font-size: 15px;
  color: #666;
}
article.table-list-layout3 .table-head-box .table-head-info-box .cnt-box b {
  color: #222;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box {
    padding: 0px 0 12px;
  }
}
article.table-list-layout3 .table-body-box .table-box {
  border-top: 1px solid #AAAAAA;
}
@media (max-width: 767px) {
  article.table-list-layout3 .table-body-box .table-box .m-hide {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box .cell-top {
    min-height: 24px;
    line-height: 24px;
  }
}
article.table-list-layout3 .table-body-box .table-box .cell-short {
  width: 120px;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box .cell-short {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    padding: 8px 0;
  }
}
article.table-list-layout3 .table-body-box .table-box .cell-normal {
  width: 150px;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box .cell-normal {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    padding: 8px 0;
  }
}
article.table-list-layout3 .table-body-box .table-box .cell-long {
  width: 200px;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box .cell-long {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    padding: 8px 0;
  }
}
article.table-list-layout3 .table-body-box .table-box .cell-longer {
  width: 230px;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box .cell-longer {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    padding: 8px 0;
  }
}
article.table-list-layout3 .table-body-box .table-box .cell-number {
  min-width: 50px;
  width: 50px;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box .cell-number {
    float: left;
    height: auto;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 12px;
    min-width: 32px;
    width: 32px;
    padding: 0;
    line-height: 24px;
    font-size: 15px;
  }
}
article.table-list-layout3 .table-body-box .table-box .cell-column {
  width: 100%;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box .cell-column {
    text-align: left;
    height: auto;
    display: block;
    float: left;
    width: 100%;
    padding: 0;
  }
}
article.table-list-layout3 .table-body-box .table-box table {
  table-layout: fixed;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table:after {
    content: "";
    clear: both;
    display: block;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table thead {
    display: none;
  }
}
article.table-list-layout3 .table-body-box .table-box table thead tr th {
  border-bottom: 1px solid #DDDDDD;
  background-color: #F8F8F8;
  height: 48px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.45px;
}
article.table-list-layout3 .table-body-box .table-box table thead tr th:last-child {
  border-right: 0;
}
article.table-list-layout3 .table-body-box .table-box table tbody tr:hover {
  background-color: #FAFAFA;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table tbody tr {
    padding: 12px 12px 12px 38px;
    float: left;
    display: block;
    position: relative;
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
  }
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td {
  padding: 8px 12px;
  border-bottom: 1px solid #DDDDDD;
  height: 48px;
  text-align: center;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.48px;
  color: #444;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table tbody tr td {
    font-size: 15px;
  }
  article.table-list-layout3 .table-body-box .table-box table tbody tr td:nth-child(n+3) {
    margin-top: 6px;
  }
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td:last-child {
  border-right: 0;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table tbody tr td {
    display: none;
    border: none;
  }
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-txt-group {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-txt-group.right {
  justify-content: flex-end;
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-txt-group.left {
  justify-content: flex-start;
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-txt-group .cell-label-box {
  display: none;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-txt-group .cell-label-box {
    color: #67AAF2;
    display: block;
    width: 60px;
    text-align: left;
    font-size: 15px;
    border-right: 1px solid #ddd;
  }
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-txt-group .cell-txt-box {
  min-width: 0;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-txt-group .cell-txt-box {
    padding: 0 5px;
    flex: 1;
    min-width: 0;
    text-align: left;
    color: #666666;
  }
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-btn-box .cell-btn {
  max-width: 110px;
  margin: 0 auto;
  height: 30px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #D4D4D4;
  background: #FFF;
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-btn-box .cell-btn {
    height: 36px;
    width: 100%;
    max-width: 100%;
  }
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-btn-box .cell-btn .ic {
  margin-right: 6px;
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-btn-box .cell-btn .ic.ic-download {
  background: url("../img/ic_download.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.table-list-layout3 .table-body-box .table-box table tbody tr td .cell-btn-box .cell-btn .txt {
  color: #444;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.45px;
}
article.table-list-layout3 .table-body-box .table-box table tbody tr .eclipse-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  article.table-list-layout3 .table-body-box .table-box table tbody tr .eclipse-box.m-line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 21px;
    height: 42px;
    max-width: 100%;
    white-space: initial;
    color: #171010;
    font-size: 16px;
    height: auto;
    word-break: break-word;
    font-weight: 500;
  }
}
@media (max-width: 1279px) {
  article.table-list-layout3 .table-body-box .table-box table tbody tr .eclipse-box.m-style {
    font-size: 15px;
    line-height: 19px;
    color: #666;
    font-weight: 400;
  }
  article.table-list-layout3 .table-body-box .table-box table tbody tr .eclipse-box.m-left {
    text-align: left;
  }
  article.table-list-layout3 .table-body-box .table-box table tbody tr .eclipse-box.m-bold {
    font-weight: 700;
    color: #171010;
  }
  article.table-list-layout3 .table-body-box .table-box table tbody tr .eclipse-box.m-small {
    font-size: 15px;
    line-height: 20px;
  }
}

article.table-view-layout1 .view-head-group .view-table-form-box {
  border-top: 1px solid #AAA;
  display: flex;
  border-bottom: 1px solid #DDD;
}
@media (max-width: 1279px) {
  article.table-view-layout1 .view-head-group .view-table-form-box {
    border-top: 1px solid #ddd;
    flex-direction: column;
  }
}
article.table-view-layout1 .view-head-group .view-table-form-box .subject-box {
  background-color: #F1EFEB;
  width: 118px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 85px;
}
@media (max-width: 1279px) {
  article.table-view-layout1 .view-head-group .view-table-form-box .subject-box {
    width: 100%;
    min-height: auto;
    padding: 8px;
  }
}
article.table-view-layout1 .view-head-group .view-table-form-box .subject-box .subject-txt {
  color: #123e88;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.48px;
}
@media (max-width: 1279px) {
  article.table-view-layout1 .view-head-group .view-table-form-box .subject-box .subject-txt {
    font-size: 15px;
  }
  article.table-view-layout1 .view-head-group .view-table-form-box .subject-box .subject-txt br {
    display: none;
  }
}
article.table-view-layout1 .view-head-group .view-table-form-box .con-box {
  flex: 1;
  min-width: 0;
  padding: 8px 12px;
}
@media (max-width: 1279px) {
  article.table-view-layout1 .view-head-group .view-table-form-box .con-box {
    padding: 8px;
  }
}
article.table-view-layout1 .view-head-group .view-table-form-box .con-box .con-txt {
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.03em;
}
@media (max-width: 1279px) {
  article.table-view-layout1 .view-head-group .view-table-form-box .con-box .con-txt {
    font-size: 15px;
    line-height: 20px;
  }
}
article.table-view-layout1 .view-head-group .view-download-list-box {
  padding: 12px 10px;
  border-bottom: 1px solid #DDD;
}
@media (max-width: 1279px) {
  article.table-view-layout1 .view-head-group .view-download-list-box {
    padding: 12px;
  }
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap {
  display: flex;
  flex-flow: row wrap;
  margin: -3px -12px;
}
@media (max-width: 1279px) {
  article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap {
    flex-direction: column;
    margin: 0;
  }
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box {
  display: inline-flex;
  align-items: center;
  width: calc(50% - 24px);
  margin: 3px 12px;
  border-radius: 6px;
  border: 1px solid #DDD;
  background: #FFF;
}
@media (max-width: 1279px) {
  article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box {
    width: 100%;
    margin: 0;
  }
  article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box + .download-item-box {
    margin-top: 6px;
  }
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box:hover {
  border-radius: 6px;
  border: 1px solid var(--gold-point, #63B0CC);
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box.off:hover {
  border-radius: 6px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: none;
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box.off .download-con-box .download-file-box .file-name-box {
  color: #CCC;
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box.off .download-con-box .download-btn-box .download-btn {
  cursor: default;
  background: url("../img/ic_download_off.svg") no-repeat center;
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box .download-label-box {
  width: 120px;
  padding: 0 12px;
  overflow: hidden;
  color: #67AAF2;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.45px;
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box .download-con-box {
  display: flex;
  align-items: center;
  padding-left: 24px;
  flex: 1;
  min-width: 0;
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box .download-con-box .download-file-box {
  flex: 1;
  min-width: 0;
  padding: 0 12px;
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box .download-con-box .download-file-box .file-name-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  color: #666;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.45px;
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box .download-con-box .download-btn-box {
  display: inline-flex;
  align-items: center;
}
article.table-view-layout1 .view-head-group .view-download-list-box .download-list-wrap .download-item-box .download-con-box .download-btn-box .download-btn {
  width: 36px;
  height: 36px;
  background: url("../img/ic_download.svg") no-repeat center;
}

article.type-label-layout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.type-label-layout .type-label-box {
  display: inline-block;
  text-align: center;
  height: 24px;
  width: 54px;
  border-radius: 100px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  padding: 0 12px;
}
article.type-label-layout .type-label-box.long {
  width: 140px;
}
article.type-label-layout .type-label-box.short {
  width: 90px;
}
@media (max-width: 1279px) {
  article.type-label-layout .type-label-box.short {
    width: auto;
  }
}
article.type-label-layout .type-label-box.normal {
  width: 120px;
}
@media (max-width: 1279px) {
  article.type-label-layout .type-label-box.normal {
    width: 127px;
  }
}
article.type-label-layout .type-label-box.type-1 {
  background-color: #808FC1;
}
article.type-label-layout .type-label-box.type-2 {
  background-color: #89898A;
}
article.type-label-layout .type-label-box.type-3 {
  background-color: #3DA6D3;
}
article.type-label-layout .type-label-box.type-4 {
  background-color: #DA9681;
}
article.type-label-layout .type-label-box.type-5 {
  background-color: #61A691;
}

article.table-sub-form-layout1 .sub-table-form-wrap {
  margin-top: 24px;
}
@media (max-width: 1279px) {
  article.table-sub-form-layout1 .sub-table-form-wrap {
    margin: 24px 8px 12px;
  }
}
article.table-sub-form-layout1 .sub-table-body-box {
  border-top: 1px solid #aaa;
}
article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box {
  display: flex;
}
@media (max-width: 1279px) {
  article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box {
    flex-direction: column;
  }
}
article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box {
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--line-02, #DDD);
}
@media (max-width: 1279px) {
  article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box.m-column {
    padding: 8px 0;
    flex-direction: column;
  }
  article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box.m-column .subject-box {
    min-height: auto;
    line-height: 18px;
  }
}
article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box .subject-box {
  justify-content: center;
  display: inline-flex;
  align-items: center;
  width: 160px;
  text-align: center;
  min-height: 35px;
  background-color: #F8F8F8;
}
@media (max-width: 1279px) {
  article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box .subject-box {
    justify-content: flex-start;
    width: 100px;
    background-color: transparent;
    padding: 0 8px;
  }
}
article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box .subject-box .subject-txt-box {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.48px;
}
@media (max-width: 1279px) {
  article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box .subject-box .subject-txt-box {
    color: #67AAF2;
    font-size: 15px;
    letter-spacing: -0.45px;
  }
}
article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box .con-box {
  flex: 1;
  min-width: 0;
}
article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box .con-box .con-txt-box {
  padding: 8px 12px;
  color: #444;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.48px;
}
@media (max-width: 1279px) {
  article.table-sub-form-layout1 .sub-table-body-box .sub-table-box .sub-row-box .sub-item-box .con-box .con-txt-box {
    padding: 8px;
    font-size: 15px;
    line-height: 18px;
  }
}

article.m-depth2-box {
  display: none;
}
@media (max-width: 1279px) {
  article.m-depth2-box {
    display: block;
  }
  article.m-depth2-box .form-tab-list {
    display: block;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    margin-bottom: 24px;
    position: relative;
  }
  article.m-depth2-box .form-tab-list:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 2px;
    background-color: #ACACAC;
  }
  article.m-depth2-box ul {
    display: inline-flex;
    align-items: center;
    width: 100%;
  }
  article.m-depth2-box ul li {
    position: relative;
  }
  article.m-depth2-box ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #ACACAC;
  }
  article.m-depth2-box ul li + li {
    padding-left: 36px;
  }
  article.m-depth2-box ul li .depth2-tabmenu-btn {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    height: 42px;
    padding: 0 15px 12px;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    letter-spacing: -0.72px;
    color: #ACACAC;
    width: 100%;
    white-space: nowrap;
  }
  article.m-depth2-box ul li .depth2-tabmenu-btn.active {
    color: #171010;
  }
  article.m-depth2-box ul li .depth2-tabmenu-btn.active:after {
    z-index: 10;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #171010;
  }
}

article.current-head-layout .current-head-box {
  padding-bottom: 32px;
}
@media (max-width: 1279px) {
  article.current-head-layout .current-head-box {
    padding-bottom: 24px;
  }
}
article.current-head-layout .current-head-box .head-txt-box {
  text-align: center;
  color: #123e88;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.01em;
  font-weight: 700;
}
@media (max-width: 1279px) {
  article.current-head-layout .current-head-box .head-txt-box {
    font-size: 22px;
    line-height: 26px;
    word-break: break-all;
  }
}
article.current-head-layout .current-option-box {
  padding-top: 24px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1279px) {
  article.current-head-layout .current-option-box {
    padding-top: 18px;
  }
}
article.current-head-layout .current-option-box .option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #67AAF2;
  color: #67AAF2;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  article.current-head-layout .current-option-box .option-btn {
    font-size: 15px;
  }
}

article.tabs-list-layout1 .list-wrap ul {
  border: 1px solid #dddddd;
  display: flex;
  border-radius: 8px;
  background-color: #f8f8f8;
	margin-top:48px;
}
@media (max-width: 1279px) {
  article.tabs-list-layout1 .list-wrap ul {
    border-radius: 6px;
    overflow: hidden;
    flex-flow: row wrap;
  }
}
article.tabs-list-layout1 .list-wrap ul li {
  width: 100%;
  border-left: 1px solid #dddddd;
}
@media (max-width: 1279px) {
  article.tabs-list-layout1 .list-wrap ul li {
    width: 25%;
  }
  article.tabs-list-layout1 .list-wrap ul li:nth-child(n+5) {
    border-top: 1px solid #ddd;
  }
  article.tabs-list-layout1 .list-wrap ul li:nth-child(4n+1) {
    border-left: 0;
  }
  article.tabs-list-layout1 .list-wrap ul li.box-2 {
    width: 50%;
  }
}

@media (max-width: 768px) {
  article.tabs-list-layout1 .list-wrap ul li {
    width: 100%;
	  border-left: none;
	  border-bottom: 1px solid #ddd;
  }
  article.tabs-list-layout1 .list-wrap ul li:nth-child(n+5) {
    border-bottom: 0;
  }
  article.tabs-list-layout1 .list-wrap ul li:nth-child(3n+1) {
    border-left: 0;
  }
  article.tabs-list-layout1 .list-wrap ul li.box-2 {
    width: 50%;
  }
  article.tabs-list-layout1 .list-wrap ul li:last-child {
  border-bottom: 0;
  }
}


article.tabs-list-layout1 .list-wrap ul li.blank {
  display: none;
}
@media (max-width: 1279px) {
  article.tabs-list-layout1 .list-wrap ul li.blank {
    display: inline-flex;
  }
}
article.tabs-list-layout1 .list-wrap ul li:first-child {
  border-left: 0;
}
article.tabs-list-layout1 .list-wrap ul li .tabs-btn {
  width: 100%;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.01em;
  font-weight: 500;
}
@media (max-width: 1279px) {
  article.tabs-list-layout1 .list-wrap ul li .tabs-btn {
    height: 36px;
    font-size: 15px;
  }
}
article.tabs-list-layout1 .list-wrap ul li .tabs-btn .tabs-txt {
  position: relative;
  z-index: 10;
  padding: 0 4px;
  text-align: center;
}
@media (max-width: 767px) {
  article.tabs-list-layout1 .list-wrap ul li .tabs-btn .tabs-txt {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    width: 100%;
    max-width: 100%;
  }
}

article.tabs-list-layout1 .list-wrap ul li .tabs-btn.active {
  color: #fff;
  position: relative;
}
article.tabs-list-layout1 .list-wrap ul li .tabs-btn.active:after {
  position: absolute;
  content: "";
  overflow: hidden;
  border-radius: 8px;
  background: #0c90d4;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
}
@media (max-width: 1279px) {
  article.tabs-list-layout1 .list-wrap ul li .tabs-btn.active:after {
    border-radius: 6px;
  }
}

section.current-view {
  padding-top: 12px;
}
section.current-view.space-zero {
  padding-top: 0;
}

article.form-view-layout1 .form-box {
  border-top: 1px solid #aaaaaa;
}
article.form-view-layout1 .form-box .row {
  display: flex;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 1279px) {
  article.form-view-layout1 .form-box .row {
    flex-direction: column;
    border-bottom: 0;
  }
}
article.form-view-layout1 .form-box .row .item-box {
  display: inline-flex;
  width: 100%;
}
@media (max-width: 1279px) {
  article.form-view-layout1 .form-box .row .item-box {
    border-bottom: 1px solid #dddddd;
  }
}
article.form-view-layout1 .form-box .row .item-box + .item-box {
  padding-left: 40px;
}
@media (max-width: 1279px) {
  article.form-view-layout1 .form-box .row .item-box + .item-box {
    padding-left: 0;
  }
}
article.form-view-layout1 .form-box .row .item-box .subject-box {
  width: 118px;
  padding: 5px;
  min-height: 42px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.form-view-layout1 .form-box .row .item-box .subject-box {
    width: 100px;
    min-height: 36px;
    padding: 5px 8px 5px 8px;
    align-items: flex-start;
  }
}
article.form-view-layout1 .form-box .row .item-box .subject-box .subject-txt {
  color: #67AAF2;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.48px;
  position: relative;
  width: 100%;
}
@media (max-width: 1279px) {
  article.form-view-layout1 .form-box .row .item-box .subject-box .subject-txt {
    font-size: 15px;
    line-height: 18px;
    margin-top: 4px;
  }
}
article.form-view-layout1 .form-box .row .item-box .subject-box .subject-txt:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(128, 115, 106, 0.4);
  width: 1px;
  height: 18px;
}
@media (max-width: 1279px) {
  article.form-view-layout1 .form-box .row .item-box .subject-box .subject-txt:after {
    top: 0;
    bottom: 0;
    height: auto;
    transform: none;
  }
}
article.form-view-layout1 .form-box .row .item-box .con-box {
  flex: 1;
  min-width: 0;
  min-height: 42px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 24px;
  display: flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.form-view-layout1 .form-box .row .item-box .con-box {
    font-size: 15px;
    line-height: 18px;
    min-height: 36px;
    padding: 5px 8px;
  }
}
article.form-view-layout1 .form-box .row .item-box .con-box .con-txt-box {
  word-break: break-word;
}
article.form-view-layout1 .form-note-box {
  padding-top: 6px;
}
article.form-view-layout1 .form-note-box .note-box {
  display: flex;
  align-items: center;
}
article.form-view-layout1 .form-note-box .note-box .ic-info {
  background: url("../img/ic_info.svg") no-repeat center/cover;
  width: 22px;
  height: 22px;
  margin-right: 4px;
}
article.form-view-layout1 .form-note-box .note-box .txt {
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.75px;
}

article.chart-view-layout1 {
  padding-top: 60px;
}
@media (max-width: 1279px) {
  article.chart-view-layout1 {
    padding-top: 31px;
  }
}
article.chart-view-layout1 + article.chart-view-layout1 {
  padding-top: 44px;
}
article.chart-view-layout1 .chart-head-box {
  padding-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1279px) {
  article.chart-view-layout1 .chart-head-box {
    padding-bottom: 15px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
article.chart-view-layout1 .chart-head-box .info-box {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.chart-view-layout1 .chart-head-box .info-box {
    flex-direction: column;
    align-items: flex-start;
  }
}
article.chart-view-layout1 .chart-head-box .info-box .head-box {
  color: #444;
  font-size: 24px;
  letter-spacing: -0.72px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  article.chart-view-layout1 .chart-head-box .info-box .head-box {
    font-size: 20px;
  }
}
article.chart-view-layout1 .chart-head-box .info-box .note-box {
  margin-left: 16px;
}
@media (max-width: 1279px) {
  article.chart-view-layout1 .chart-head-box .info-box .note-box {
    margin-left: 0;
    margin-top: 4px;
    padding-left: 22px;
    position: relative;
  }
}
article.chart-view-layout1 .chart-head-box .info-box .note-box .ic-info {
  background: url(../img/ic_info.svg) no-repeat center/cover;
  width: 22px;
  height: 22px;
  margin-right: 4px;
}
@media (max-width: 1279px) {
  article.chart-view-layout1 .chart-head-box .info-box .note-box .ic-info {
    width: 18px;
    height: 18px;
    margin-right: 0;
    position: absolute;
    left: 0;
    top: 0px;
  }
}
article.chart-view-layout1 .chart-head-box .info-box .note-box .txt {
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.45px;
}
@media (max-width: 1279px) {
  article.chart-view-layout1 .chart-head-box .info-box .note-box .txt {
    line-height: 18px;
  }
}
article.chart-view-layout1 .chart-head-box .legend-box {
  display: inline-flex;
}
@media (max-width: 1279px) {
  article.chart-view-layout1 .chart-head-box .legend-box {
    padding-top: 16px;
  }
}
article.chart-view-layout1 .chart-head-box .legend-box .legend-item {
  display: inline-flex;
  align-items: center;
}
article.chart-view-layout1 .chart-head-box .legend-box .legend-item + .legend-item {
  margin-left: 28px;
}
article.chart-view-layout1 .chart-head-box .legend-box .legend-item .ic-dot {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
article.chart-view-layout1 .chart-head-box .legend-box .legend-item .txt {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.28px;
  color: #666;
}
article.chart-view-layout1 .chart-body-box {
  border-bottom: 1px solid #aaa;
}
article.chart-view-layout1 .chart-body-box .chart-view {
  position: relative;
}

article.chart-info-layout1 {
  position: absolute;
}
article.chart-info-layout1 .chart-info-wrap {
  padding: 12px 18px;
  border-radius: 8px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}
article.chart-info-layout1 .chart-info-wrap .info-top-box {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.45px;
}
@media (max-width: 1279px) {
  article.chart-info-layout1 .chart-info-wrap .info-top-box {
    font-size: 14px;
    line-height: 17px;
  }
}
article.chart-info-layout1 .chart-info-wrap .info-mid-box {
  padding-top: 8px;
}
article.chart-info-layout1 .chart-info-wrap .info-mid-box .info-mid-txt {
  position: relative;
  padding-left: 20px;
  color: #444444;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.45px;
}
@media (max-width: 1279px) {
  article.chart-info-layout1 .chart-info-wrap .info-mid-box .info-mid-txt {
    font-size: 14px;
    line-height: 17px;
  }
}
article.chart-info-layout1 .chart-info-wrap .info-mid-box .info-mid-txt:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
@media (max-width: 1279px) {
  article.chart-info-layout1 .chart-info-wrap .info-mid-box .info-mid-txt:before {
    top: 6px;
  }
}

article.contents-msg-layout1 {
  padding: 40px 0 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
article.contents-msg-layout1.type-2 {
  padding: 16px 0;
  border-bottom: 1px solid #ddd;
}
article.contents-msg-layout1 .txt-box {
  padding-top: 8px;
  color: #564C42;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.8px;
}
@media (max-width: 1279px) {
  article.contents-msg-layout1 .txt-box {
    font-size: 15px;
  }
}

article.page-foot-menu-layout1 {
  padding-top: 50px;
}
article.page-foot-menu-layout1.type-long {
  padding-top: 80px;
}
@media (max-width: 1279px) {
  article.page-foot-menu-layout1.type-long {
    padding-top: 42px;
  }
}
article.page-foot-menu-layout1.type-border {
  border-top: 1px solid #aaa;
  padding-top: 32px;
  margin-top: 32px;
}
@media (max-width: 1279px) {
  article.page-foot-menu-layout1.type-border {
    margin: 32px -20px 0;
    padding: 24px 20px 0;
  }
}
@media (max-width: 1279px) {
  article.page-foot-menu-layout1 {
    padding-top: 40px;
  }
}
article.page-foot-menu-layout1 .foot-menu-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 60px;
  border-radius: 100px;
}
@media (max-width: 1279px) {
  article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn {
    width: 100%;
    height: 52px;
  }
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn.type-cancel {
  border: 1px solid 123e88;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn.type-cancel .txt {
  color: #123e88;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn.type-primary {
  background-color: #123e88;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn.type-primary .txt {
  color: #fff;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn + .foot-menu-btn {
  margin-left: 42px;
}
@media (max-width: 767px) {
  article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn + .foot-menu-btn {
    margin-left: 12px;
  }
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn .ic.ic-list {
  background: url("../img/ic_btn_list.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn .ic.ic-chk {
  background: url("../img/ic_btn_chk.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn .ic.ic-back {
  background: url("../img/ic_btn_back.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn .ic.ic-back-white {
  background: url("../img/ic_btn_back_white.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn .txt {
  line-height: 1.2;
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  article.page-foot-menu-layout1 .foot-menu-wrap .foot-menu-btn .txt {
    font-size: 16px;
  }
}

@media (max-width: 1279px) {
  article.alarm-view-layout1 {
    padding-bottom: 0;
  }
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box {
  border-radius: 8px;
  overflow: hidden;
  background: #F5F5F3;
  padding: 0 20px 24px;
}
@media (max-width: 1279px) {
  article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box {
    padding: 0 12px 16px;
  }
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box + .alarm-item-box {
  margin-top: 24px;
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-head-box {
  padding: 24px 0px 0;
  display: flex;
  align-items: center;
  background: url("../img/ic_alarm_hide.svg") no-repeat right top 20px;
}
@media (max-width: 1279px) {
  article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-head-box {
    background-position: right top 12px;
    padding: 16px 0 0;
  }
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-head-box .ic-alarm {
  background: url("../img/ic_alarm_info.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-head-box .txt {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.18px;
}
@media (max-width: 1279px) {
  article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-head-box .txt {
    font-size: 16px;
  }
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-head-box.active {
  background: url("../img/ic_alarm_show.svg") no-repeat right top 20px;
}
@media (max-width: 1279px) {
  article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-head-box.active {
    background-position: right top 12px;
  }
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-head-box.active ~ .alarm-body-box {
  display: block;
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box {
  display: none;
  margin-top: 18px;
  padding: 20px 0px 0;
  border-top: 1px solid #AAA;
}
@media (max-width: 1279px) {
  article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box {
    padding-top: 12px;
    margin-top: 15px;
  }
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group + .alarm-txt-group {
  margin-top: 8px;
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group .alarm-txt-box {
  display: flex;
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group .alarm-txt-box .ic-alarm {
  margin-top: 4px;
  background: url("../img/ic_alarm.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group .alarm-txt-box .txt {
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.48px;
}
@media (max-width: 1279px) {
  article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group .alarm-txt-box .txt {
    font-size: 15px;
    line-height: 18px;
  }
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group .alarm-sub-box {
  padding-left: 40px;
  position: relative;
  line-height: 24px;
  font-size: 16px;
  color: #444;
}
@media (max-width: 1279px) {
  article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group .alarm-sub-box {
    font-size: 15px;
    line-height: 18px;
  }
}
article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group .alarm-sub-box:after {
  content: "";
  position: absolute;
  left: 26px;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
@media (max-width: 1279px) {
  article.alarm-view-layout1 .alarm-wrap .alarm-list .alarm-item-box .alarm-body-box .alarm-txt-group .alarm-sub-box:after {
    top: 6px;
  }
}

article.form-map-view {
  padding-top: 24px;
}
article.form-map-view .map-wrap {
  height: 420px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDD;
  background: #F8F8F8;
}

article.form-group-layout1 .form-group-wrap {
  display: flex;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 1279px) {
  article.form-group-layout1 .form-group-wrap {
    border-top: 0;
    padding: 0 8px;
    flex-direction: column;
  }
}
article.form-group-layout1 .form-group-wrap .form-img-group {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 420px;
  background-color: #f8f8f8;
}
@media (max-width: 1279px) {
  article.form-group-layout1 .form-group-wrap .form-img-group {
    padding: 12px 0 18px;
    background-color: #fcfcfc;
    width: 100%;
  }
}
@media (max-width: 767px) {
  article.form-group-layout1 .form-group-wrap .form-img-group {
    background-color: #fcfcfc;
    width: 100%;
    padding: 12px 0 18px;
  }
}
article.form-group-layout1 .form-group-wrap .form-img-group .img-wrap {
  margin: 0 auto;
  width: 100%;
  height: 257px;
}
@media (max-width: 1279px) {
  article.form-group-layout1 .form-group-wrap .form-img-group .img-wrap {
    text-align: center;
    min-height: 200px;
    border: 1px solid #ddd;
    background: #F8F8F8;
  }
}
@media (max-width: 767px) {
  article.form-group-layout1 .form-group-wrap .form-img-group .img-wrap {
    border: 1px solid #ddd;
    background: #F8F8F8;
    padding-bottom: 60%;
    height: 0;
    position: relative;
  }
  article.form-group-layout1 .form-group-wrap .form-img-group .img-wrap img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    max-width: 100%;
    width: 100%;
  }
}
article.form-group-layout1 .form-group-wrap .form-img-group .img-wrap img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1279px) {
  article.form-group-layout1 .form-group-wrap .form-img-group .img-wrap img {
    width: auto;
    max-width: 100%;
  }
}
article.form-group-layout1 .form-group-wrap .form-img-group .img-wrap .no-img-box {
  height: 100%;
  text-align: center;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.form-group-layout1 .form-group-wrap .form-img-group .img-wrap .no-img-box .txt-box {
  color: #564C42;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.8px;
}
article.form-group-layout1 .form-group-wrap .form-img-group + .form-view-group article.form-view-layout1 .form-box {
  border: 0;
}
@media (max-width: 767px) {
  article.form-group-layout1 .form-group-wrap .form-img-group + .form-view-group article.form-view-layout1 .form-box {
    border-top: 1px solid #aaa;
  }
}
article.form-group-layout1 .form-group-wrap .form-img-group + .form-view-group article.form-view-layout1 .form-box .row:last-child {
  border-bottom: 0;
}
@media (max-width: 767px) {
  article.form-group-layout1 .form-group-wrap .form-img-group + .form-view-group article.form-view-layout1 .form-box .row:last-child .item-box:last-child {
    border-bottom: 0;
  }
}
article.form-group-layout1 .form-group-wrap .form-view-group {
  padding-left: 10px;
  flex: 1;
  min-width: 0;
}
@media (max-width: 1279px) {
  article.form-group-layout1 .form-group-wrap .form-view-group {
    padding-left: 0;
  }
}

article.table-form-layout1 .list-wrap .table-form-wrap {
  margin-top: 12px;
}
article.table-form-layout1 .list-wrap .table-form-wrap + .table-form-wrap {
  margin-top: 32px;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .list-wrap .table-form-wrap + .table-form-wrap {
    margin-top: 24px;
  }
}
article.table-form-layout1 .table-head-box {
  padding-bottom: 13px;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-head-box {
    padding-bottom: 8px;
  }
}
article.table-form-layout1 .table-head-box .head-txt-box {
  position: relative;
  padding-left: 6px;
  color: #67AAF2;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: -0.54px;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-head-box .head-txt-box {
    font-size: 16px;
    line-height: 19px;
  }
}
article.table-form-layout1 .table-head-box .head-txt-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(161, 140, 104, 0.25);
}
article.table-form-layout1 .table-body-box {
  border-top: 1px solid #aaa;
}
article.table-form-layout1 .table-body-box .table-box .row-box {
  display: flex;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box {
    flex-direction: column;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #DDD;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box {
    padding: 8px 8px;
    flex-direction: column;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .subject-box {
  justify-content: center;
  display: inline-flex;
  align-items: center;
  width: 160px;
  padding: 16px 12px;
  text-align: center;
  background-color: #F8F8F8;
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .subject-box.vertical-top {
  align-items: flex-start;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .subject-box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    padding: 0 0 6px;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .subject-box .subject-txt-box {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.48px;
  line-height: 19px;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .subject-box .subject-txt-box {
    color: #67AAF2;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.45px;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box {
  flex: 1;
  min-width: 0;
  padding: 16px 12px;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box {
    padding: 0;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box.vertical-top {
  align-items: flex-start;
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn {
  position: relative;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn {
    padding-right: 34px;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn .txt {
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #444;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn .txt {
    font-size: 15px;
    line-height: 20px;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn .ic-download {
  background: url("../img/ic_download.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn .ic-download {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box {
  color: #444;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.48px;
  width: 100%;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box {
    font-size: 15px;
    line-height: 20px;
    word-break: break-all;
  }
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .m-accent {
    word-break: break-all;
    font-size: 16px;
    line-height: 19px;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box {
  display: inline-block;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box {
    display: block;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box + .txt-box {
  position: relative;
  margin-left: 36px;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box + .txt-box {
    margin-top: 4px;
    margin-left: 0;
  }
}
article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box + .txt-box:after {
  content: "";
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_txt_line.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
@media (max-width: 1279px) {
  article.table-form-layout1 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box + .txt-box:after {
    display: none;
  }
}

/*table-form-layout2*/
article.table-form-layout2 .list-wrap .table-form-wrap {
  margin-top: 12px;
}
article.table-form-layout2 .list-wrap .table-form-wrap + .table-form-wrap {
  margin-top: 32px;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .list-wrap .table-form-wrap + .table-form-wrap {
    margin-top: 24px;
  }
}
article.table-form-layout2 .table-head-box {
  padding-bottom: 13px;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-head-box {
    padding-bottom: 8px;
  }
}
article.table-form-layout2 .table-head-box .head-txt-box {
  position: relative;
  padding-left: 6px;
  color: #67AAF2;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: -0.54px;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-head-box .head-txt-box {
    font-size: 16px;
    line-height: 19px;
  }
}
article.table-form-layout2 .table-head-box .head-txt-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(161, 140, 104, 0.25);
}
article.table-form-layout2 .table-body-box {
  border-top: 2px solid #618190;
}
article.table-form-layout2 .table-body-box .table-box .row-box {
  display: flex;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box {
    flex-direction: column;
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box {
  display: flex;
  width: 100%;
  border-bottom: 2px solid #618190;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box {
    padding: 8px 8px;
    flex-direction: column;
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .subject-box {
  justify-content: center;
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 16px 12px;
  text-align: center;
  background-color: #EBF3F8;
}
@media (max-width: 1279px) {


}
@media (max-width: 767px) {


}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .subject-box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    padding: 0 0 6px;
  }
}

article.table-form-layout2 .table-body-box .table-box .row-box .item-box .subject-box.vertical-top {
  align-items: flex-start;
}

article.table-form-layout2 .table-body-box .table-box .row-box .item-box .subject-box .subject-txt-box {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.48px;
  line-height: 19px;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .subject-box .subject-txt-box {
    color: #67AAF2;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.45px;
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box {
  flex: 1;
  min-width: 0;
  padding: 16px 12px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  font-weight: 600;
  background-color: #fff;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box {
    padding: 0;
	text-align: left;
  }
}

article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box.vertical-top {
  align-items: flex-start;
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn {
  position: relative;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn {
    padding-right: 34px;
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn .txt {
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #444;
  font-weight: 500;
  line-height: 21px;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn .txt {
    font-size: 15px;
    line-height: 20px;
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn .ic-download {
  background: url("../img/ic_download.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .download-wrap .download-btn-box .download-btn .ic-download {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box {
  color: #444;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.48px;
  width: 100%;

}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box {
    font-size: 15px;
    line-height: 20px;
    word-break: break-all;
  }
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .m-accent {
    word-break: break-all;
    font-size: 16px;
    line-height: 19px;
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box {
  display: inline-block;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box {
    display: block;
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box + .txt-box {
  position: relative;
  margin-left: 36px;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box + .txt-box {
    margin-top: 4px;
    margin-left: 0;
  }
}
article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box + .txt-box:after {
  content: "";
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/ic_txt_line.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
@media (max-width: 1279px) {
  article.table-form-layout2 .table-body-box .table-box .row-box .item-box .con-box .con-txt-box .txt-box + .txt-box:after {
    display: none;
  }
}
/*//table-form-layout2*/

section.gis {
  position: relative;
}
section.gis .gis-map {
  height: calc(100vh - 90px);
  position: relative;
}
@media (max-width: 1279px) {
  section.gis .gis-map {
    height: calc(100vh - 60px);
  }
}
section.gis .gis-map .dummy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

article.gis-back-floating {
  display: none;
  position: fixed;
  bottom: 40px;
  z-index: 400;
  width: 180px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1279px) {
  article.gis-back-floating {
    display: block;
    bottom: 0;
    width: 100%;
  }
}
article.gis-back-floating .gis-menu-box {
  text-align: center;
}
article.gis-back-floating .gis-menu-box + .gis-menu-box {
  margin-top: 30px;
}
article.gis-back-floating .gis-menu-box .gis-menu-btn {
  max-width: 180px;
  width: 100%;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1279px) {
  article.gis-back-floating .gis-menu-box .gis-menu-btn {
    border-radius: 0;
    max-width: 100%;
  }
}
article.gis-back-floating .gis-menu-box .gis-menu-btn.type-white {
  background-color: #fff;
  border: 1px solid #C7A26D;
}
article.gis-back-floating .gis-menu-box .gis-menu-btn.type-white .txt {
  color: #C7A26D;
}
article.gis-back-floating .gis-menu-box .gis-menu-btn.type-gold {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.25);
  background-color: #C7A26D;
}
article.gis-back-floating .gis-menu-box .gis-menu-btn.type-gold .txt {
  color: #fff;
}
article.gis-back-floating .gis-menu-box .gis-menu-btn .ic {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
article.gis-back-floating .gis-menu-box .gis-menu-btn .ic.ic-map-search {
  background: url("../img/ic_map_search.svg") no-repeat center/cover;
}
article.gis-back-floating .gis-menu-box .gis-menu-btn .ic.ic-map-back {
  background: url("../img/ic_map_back.svg") no-repeat center/cover;
}
article.gis-back-floating .gis-menu-box .gis-menu-btn .txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

article.gis-menu-floating {
  display: none;
  position: fixed;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 100;
}
@media (max-width: 1279px) {
  article.gis-menu-floating {
    bottom: 0;
    display: block;
  }
}
article.gis-menu-floating .gis-menu-box {
  text-align: center;
}
article.gis-menu-floating .gis-menu-box + .gis-menu-box {
  margin-top: 30px;
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn {
  max-width: 180px;
  width: 100%;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1279px) {
  article.gis-menu-floating .gis-menu-box .gis-menu-btn {
    max-width: 100%;
    border-radius: 0;
  }
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn.type-white {
  background-color: #fff;
  border: 1px solid #C7A26D;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.15);
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn.type-white .txt {
  color: #C7A26D;
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn.type-gold {
  background-color: #C7A26D;
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn.type-gold .txt {
  color: #fff;
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn .ic {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn .ic.ic-map-search {
  background: url("../img/ic_map_search.svg") no-repeat center/cover;
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn .ic.ic-map-back {
  background: url("../img/ic_map_back.svg") no-repeat center/cover;
}
article.gis-menu-floating .gis-menu-box .gis-menu-btn .txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

article.gis-floating {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
}
@media (max-width: 1279px) {
  article.gis-floating {
    z-index: 101;
    display: none;
    right: 0;
  }
}
article.gis-floating .gis-floating-back-btn {
  z-index: 100;
  position: absolute;
  left: 14px;
  top: 10px;
  width: 36px;
  height: 36px;
  background: url("../img/ic_btn_back.svg") no-repeat center/18px 18px;
  display: none;
}
@media (max-width: 1279px) {
  article.gis-floating .gis-floating-back-btn {
    display: block;
  }
}
article.gis-floating .gis-floating-close-btn {
  z-index: 100;
  position: absolute;
  right: 14px;
  top: 10px;
  width: 36px;
  height: 36px;
  background: url("../img/ic_popup_close.svg") no-repeat center/18px 18px;
  display: none;
}
@media (max-width: 1279px) {
  article.gis-floating .gis-floating-close-btn {
    display: block;
  }
}
article.gis-floating .gis-wrap {
  height: 100%;
  width: 364px;
  background-color: #fff;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 40px;
}
@media (max-width: 1279px) {
  article.gis-floating .gis-wrap {
    padding: 0 0 60px;
    overflow-y: auto;
    width: 100%;
    border-right: 0;
  }
}
article.gis-floating .gis-wrap:before {
  content: "";
  position: absolute;
  right: -8px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #DDDDDD;
}
@media (max-width: 1279px) {
  article.gis-floating .gis-wrap:before {
    display: none;
  }
}
article.gis-floating .gis-search-form {
  padding: 16px 18px;
  border-bottom: 1px solid #CCCCCC;
}
article.gis-floating .gis-search-form .form-contents .row + .row {
  margin-top: 8px;
}
article.gis-floating .gis-search-form .form-menu {
  padding-top: 12px;
  display: flex;
  align-content: center;
  justify-content: center;
}
article.gis-floating .gis-search-form .form-menu .form-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  max-width: 200px;
  width: 100%;
  border-radius: 4px;
}
article.gis-floating .gis-search-form .form-menu .form-menu-btn + .form-menu-btn {
  margin-left: 8px;
}
article.gis-floating .gis-search-form .form-menu .form-menu-btn.type-gray {
  background-color: #A7A7A8;
}
article.gis-floating .gis-search-form .form-menu .form-menu-btn.type-primary {
  background-color: #67AAF2;
}
article.gis-floating .gis-search-form .form-menu .form-menu-btn .ic {
  margin-right: 8px;
}
article.gis-floating .gis-search-form .form-menu .form-menu-btn .ic.ic-search {
  background: url("../img/ic_form_search.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.gis-floating .gis-search-form .form-menu .form-menu-btn .txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
}
article.gis-floating .gis-search-result .result-info-box {
  padding: 6px 18px;
  color: #666666;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.01em;
  border-bottom: 1px solid #ECF0F2;
}
article.gis-floating .gis-search-result .result-info-box b {
  color: #222222;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box {
  padding: 21px 18px;
  width: 100%;
  border-bottom: 1px solid #ECF0F2;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box.active {
  background: rgba(248, 236, 211, 0.25);
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box .subject-box {
  color: #123e88;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 24px;
  height: 48px;
  max-width: 100%;
  height: auto;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box .con-box {
  padding-top: 8px;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box .con-box .info-list {
  display: flex;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box .con-box .info-list .info-box {
  min-width: 0;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box .con-box .info-list .info-box + .info-box {
  position: relative;
  margin-left: 28px;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box .con-box .info-list .info-box + .info-box:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(102, 102, 102, 0.5);
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box .con-box .info-list .info-box .txt-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  line-height: 19px;
  letter-spacing: -0.16px;
  font-weight: 500;
  color: #444;
}
article.gis-floating .gis-search-result .result-list-box ul li .result-item-box .con-box .addr-box {
  padding-top: 4px;
  line-height: 19px;
  letter-spacing: -0.16px;
  font-weight: 500;
  color: #444;
}

article.gis-sub-floating {
  position: absolute;
  left: 364px;
  top: 0;
  bottom: 0;
  z-index: 50;
}
@media (max-width: 1279px) {
  article.gis-sub-floating {
    left: 0;
    right: 0;
    display: none;
    z-index: 102;
  }
}
article.gis-sub-floating .sub-floating-close-btn {
  background: url("../img/img_sub_floating_hide.svg") no-repeat center/cover;
  width: 24px;
  height: 42px;
  position: absolute;
  top: 57px;
  right: -24px;
}
@media (max-width: 1279px) {
  article.gis-sub-floating .sub-floating-close-btn {
    display: none;
    position: absolute;
    right: 14px;
    top: 10px;
    background: url("../img/ic_popup_close.svg") no-repeat center/18px 18px;
    width: 36px;
    height: 36px;
  }
}
article.gis-sub-floating .gis-wrap {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  height: 100%;
  width: 284px;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1279px) {
  article.gis-sub-floating .gis-wrap {
    padding-bottom: 30px;
    overflow-y: auto;
    width: 100%;
    border-right: 0;
  }
}
article.gis-sub-floating .gis-wrap:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #DDDDDD;
}
article.gis-sub-floating .gis-result-detail-view .detail-head-box {
  padding: 21px 18px 8px;
}
article.gis-sub-floating .gis-result-detail-view .detail-head-box .subject-box {
  display: flex;
  padding-bottom: 14px;
  position: relative;
}
@media (max-width: 1279px) {
  article.gis-sub-floating .gis-result-detail-view .detail-head-box .subject-box {
    padding-left: 35px;
  }
}
article.gis-sub-floating .gis-result-detail-view .detail-head-box .subject-box .mobile-back-box {
  display: none;
}
@media (max-width: 1279px) {
  article.gis-sub-floating .gis-result-detail-view .detail-head-box .subject-box .mobile-back-box {
    position: absolute;
    left: -7px;
    top: -7px;
    display: block;
  }
  article.gis-sub-floating .gis-result-detail-view .detail-head-box .subject-box .mobile-back-box .mobile-back-btn {
    background: url("../img/ic_floating_back.svg") no-repeat center/cover;
    width: 36px;
    height: 36px;
  }
}
article.gis-sub-floating .gis-result-detail-view .detail-head-box .subject-box .subject-txt {
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  color: #123e88;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (max-width: 1279px) {
  article.gis-sub-floating .gis-result-detail-view .detail-head-box .subject-box .subject-txt {
    min-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 21px;
    height: 42px;
    max-width: 100%;
    white-space: initial;
  }
}
article.gis-sub-floating .gis-result-detail-view .detail-head-box .view-box {
  width: 100%;
  height: 170px;
}
article.gis-sub-floating .gis-result-detail-view .detail-head-box .view-box img {
  width: 100%;
  height: 100%;
}
article.gis-sub-floating .gis-result-detail-view .detail-body-box {
  padding: 0 18px;
}
article.gis-sub-floating .gis-result-detail-view .detail-body-box .detail-info-list .row {
  padding: 8px 0 4px;
  border-bottom: 1px solid #DDDDDD;
}
article.gis-sub-floating .gis-result-detail-view .detail-body-box .detail-info-list .row + .row {
  margin-top: 8px;
}
article.gis-sub-floating .gis-result-detail-view .detail-body-box .detail-info-list .row .subject-box {
  font-weight: 300;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.3px;
}
article.gis-sub-floating .gis-result-detail-view .detail-body-box .detail-info-list .row .con-box {
  font-weight: 500;
  line-height: 28px;
  font-size: 16px;
  color: #111;
}
article.gis-sub-floating .gis-result-detail-view .detail-foot-box .detail-menu-list {
  padding: 10px 12px;
}
article.gis-sub-floating .gis-result-detail-view .detail-foot-box .detail-menu-list .detail-menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
}
article.gis-sub-floating .gis-result-detail-view .detail-foot-box .detail-menu-list .detail-menu-btn.with-link {
  background: 123e88 url("../img/ic_btn_link.svg") no-repeat right 17px center;
}

article.map-marker {
  position: absolute;
  z-index: 10;
}
article.map-marker .marker {
  width: 36px;
  height: 36px;
}
article.map-marker .marker.marker-gold {
  background: url("../img/ic_marker_gold.svg");
}
article.map-marker .marker.marker-red {
  background: url("../img/ic_marker_red.svg");
}

article.popup {
  position: fixed;
  z-index: 500;
  display: none;
}
@media (max-width: 1279px) {
  article.popup.mobile-full .popup-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
  }
  article.popup.mobile-full .popup-wrapper .popup-contents {
    border-radius: 0;
  }
}
article.popup:before {
  z-index: 500;
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
article.popup .popup-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1280px;
  z-index: 500;
  width: calc(100% - 40px);
}
article.popup .popup-contents {
  background-color: #fff;
  position: relative;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
article.popup .popup-contents .popup-close-btn {
  z-index: 10;
  position: absolute;
  top: 12px;
  right: 14px;
  background: url("../img/ic_popup_close.svg") no-repeat center/18px 18px;
  width: 36px;
  height: 36px;
}
article.popup .popup-contents .popup-detail-view {
  padding: 52px 25px;
  max-height: 70vh;
  overflow-y: auto;
}
@media (max-width: 1279px) {
  article.popup .popup-contents .popup-detail-view {
    max-height: 100vh;
    height: 100%;
  }
}
article.popup .popup-contents .popup-detail-view section.current-view {
  padding-top: 24px;
}

article.contents-head-layout1.type-space {
  padding-top: 80px;
}
@media (max-width: 1279px) {
  article.contents-head-layout1.type-space {
    padding-top: 40px;
  }
}
article.contents-head-layout1.type-space2 {
  padding-top: 40px;
}
@media (max-width: 1279px) {
  article.contents-head-layout1.type-space2 {
    padding-top: 40px;
  }
}
article.contents-head-layout1 .head-group-box {
  width: 100%;
  padding-bottom: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 767px) {
  article.contents-head-layout1 .head-group-box {
    flex-direction: column;
    padding-bottom: 16px;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
article.contents-head-layout1 .head-group-box .head-tit-box .tit-box {
  font-size: 32px;
  font-weight: 700;
  color: #123e88;
  letter-spacing: -0.01em;
}
@media (max-width: 1279px) {
  article.contents-head-layout1 .head-group-box .head-tit-box .tit-box {
    font-size: 22px;
  }
}
article.contents-head-layout1 .head-group-box .head-tit-box .tit-box .sub-txt {
  color: #666666;
  font-size: 32px;
  line-height: 38px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
article.contents-head-layout1 .head-group-box .head-tit-box .desc-box {
  padding-top: 8px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.05em;
  font-weight: 500;
}
@media (max-width: 1279px) {
  article.contents-head-layout1 .head-group-box .head-tit-box .desc-box {
    padding-top: 4px;
    font-size: 15px;
    line-height: 18px;
    word-break: break-word;
  }
}
article.contents-head-layout1 .head-group-box .head-sub-box {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #666;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  article.contents-head-layout1 .head-group-box .head-sub-box {
    padding-top: 4px;
  }
}

article.contents-intro-layout1.type-space {
  padding-top: 20px;
}
article.contents-intro-layout1 .intro-info-box {
  position: relative;
  padding-left: 22px;
}
article.contents-intro-layout1 .intro-info-box .ic-box {
  position: absolute;
  left: 0;
  top: 3px;
}
@media (max-width: 1279px) {
  article.contents-intro-layout1 .intro-info-box .ic-box {
    top: -1px;
  }
}
article.contents-intro-layout1 .intro-info-box .ic-box .ic-info {
  background: url("../img/ic_info.svg") no-repeat center/cover;
  width: 18px;
  height: 18px;
}
article.contents-intro-layout1 .intro-info-box .txt-box {
  line-height: 28px;
  font-size: 16px;
  letter-spacing: -0.05em;
  color: #666;
  font-weight: 500;
}
@media (max-width: 1279px) {
  article.contents-intro-layout1 .intro-info-box .txt-box {
    font-size: 15px;
    line-height: 18px;
  }
}
article.contents-intro-layout1 .intro-info-box .txt-box b {
  color: #444;
}
article.contents-intro-layout1 .intro-txt-box {
  color: #444444;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.01em;
}
@media (max-width: 1279px) {
  article.contents-intro-layout1 .intro-txt-box {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.03em;
  }
}
article.contents-intro-layout1 .intro-txt-box .num-txt {
  position: relative;
  top: -2px;
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #89898a;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  border-radius: 50%;
}
@media (max-width: 1279px) {
  article.contents-intro-layout1 .intro-txt-box .num-txt {
    font-size: 12px;
    line-height: 16px;
    width: 16px;
    height: 16px;
  }
}
article.contents-intro-layout1 .intro-txt-box b {
  color: #171010;
}

section.contents-page .frame-desc-contents .desc-list {
  padding: 10px;
}
section.contents-page .frame-desc-contents .desc-list .desc-item-box {
  position: relative;
  padding-left: 26px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-desc-contents .desc-list .desc-item-box {
    padding-left: 22px;
  }
}
section.contents-page .frame-desc-contents .desc-list .desc-item-box + .desc-item-box {
  margin-top: 12px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-desc-contents .desc-list .desc-item-box + .desc-item-box {
    margin-top: 8px;
  }
}
section.contents-page .frame-desc-contents .desc-list .desc-item-box .num-box {
  position: absolute;
  left: 0;
  display: inline-block;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #89898a;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  border-radius: 50%;
}
@media (max-width: 1279px) {
  section.contents-page .frame-desc-contents .desc-list .desc-item-box .num-box {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
  }
}
section.contents-page .frame-desc-contents .desc-list .desc-item-box .txt-box {
  color: #656565;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
}
@media (max-width: 1279px) {
  section.contents-page .frame-desc-contents .desc-list .desc-item-box .txt-box {
    font-size: 15px;
    line-height: 19px;
  }
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .view-nav-box {
    background-color: #f8f8f8;
    border-radius: 6px;
  }
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .view-nav-box .nav-list-wrap {
    padding: 6px 12px;
    white-space: nowrap;
    overflow-x: auto;
  }
}
section.contents-page .history-view-contents .view-nav-box .view-nav-btn {
  color: #666;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .view-nav-box .view-nav-btn {
    font-size: 16px;
    line-height: 19px;
  }
}
section.contents-page .history-view-contents .view-nav-box .view-nav-btn + .view-nav-btn {
  margin-left: 76px;
  position: relative;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .view-nav-box .view-nav-btn + .view-nav-btn {
    margin-left: 28px;
  }
}
section.contents-page .history-view-contents .view-nav-box .view-nav-btn + .view-nav-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -36px;
  width: 4px;
  height: 4px;
  background-color: #666;
  border-radius: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .view-nav-box .view-nav-btn + .view-nav-btn:after {
    left: -16px;
  }
}
section.contents-page .history-view-contents .list-wrap {
  padding-top: 80px;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap {
    padding-top: 0px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box {
  display: flex;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box {
    flex-direction: column;
    padding-top: 24px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box + .view-group-box {
  margin-top: 80px;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box + .view-group-box {
    margin-top: 32px;
    border-top: 1px solid #EEE;
    padding-top: 24px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .tit-box {
  font-weight: 500;
  font-size: 48px;
  letter-spacing: -0.05em;
  width: 296px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .tit-box {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box {
  flex: 1;
  min-width: 0;
  border-left: 1px solid #575756;
  padding-left: 36px;
  position: relative;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box {
    padding: 8px 0 0 0;
    border: 0;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box:after {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 52px;
  background-color: #E19F3C;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box:after {
    display: none;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row {
  display: flex;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row {
    flex-direction: column;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row + .row {
  margin-top: 32px;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row + .row {
    margin-top: 18px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .subject-box {
  width: 132px;
  color: #A18C68;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.05em;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .subject-box {
    font-size: 16px;
    letter-spacing: -0.8px;
    width: 100%;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box {
    padding-top: 6px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box {
  padding-left: 28px;
  position: relative;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box {
    padding-left: 24px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box + .txt-group-box {
  margin-top: 24px;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box + .txt-group-box {
    margin-top: 18px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box .num-box {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.05em;
  color: #444;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box .num-box {
    font-size: 16px;
    line-height: 21px;
  }
}
section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box .txt-box {
  color: #444;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.05em;
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box .txt-box {
    word-break: break-word;
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1279px) {
  section.contents-page .history-view-contents .list-wrap .view-group-box .info-box .row .con-box .txt-group-box .txt-box .txt + .txt {
    margin-top: 8px;
  }
}
section.contents-page .frame-img-contents {
  padding: 50px 0px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-img-contents {
    padding: 50px 0px;
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  section.contents-page .frame-img-contents {
    padding: 50px 0px;
    margin-bottom: 0px;
  }
}

section.contents-page .frame-img-contents .frame-img-wrap .img-box img {
  max-width: 1300px;
  width: 100%;
}
@media (max-width: 767px) {
  section.contents-page .frame-img-contents .frame-img-wrap .img-box img.pc {
    display: none;
  }
}
section.contents-page .frame-img-contents .frame-img-wrap .img-box img.mo {
  display: none;
}
@media (max-width: 767px) {
  section.contents-page .frame-img-contents .frame-img-wrap .img-box img.mo {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
}

section.contents-page .frame-view-contents2 {
  padding: 24px 0;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents2 {
    padding: 12px 0;
  }
}
section.contents-page .frame-img-contents2 {
  padding: 50px 0px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-img-contents2{
    padding: 50px 0px;
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  section.contents-page .frame-img-contents2 {
    padding: 50px 0px;
    margin-bottom: 0px;
  }
}

section.contents-page .frame-img-contents2 .frame-img-wrap .img-box img {
  max-width: 1300px;
  width: 100%;
}
@media (max-width: 767px) {
  section.contents-page .frame-img-contents2 .frame-img-wrap .img-box img.pc {
    display: none;
  }
}
section.contents-page .frame-img-contents2 .frame-img-wrap .img-box img.mo {
  display: none;
}
@media (max-width: 767px) {
  section.contents-page .frame-img-contents2 .frame-img-wrap .img-box img.mo {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
}

section.contents-page .frame-view-contents {
  padding: 24px 0;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents {
    padding: 12px 0;
  }
}
section.contents-page .frame-view-contents2 {
  padding: 24px 0;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents2 {
    padding: 12px 0;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap {
  padding: 24px 32px 40px;
  border-radius: 8px;
  border: 1px solid #DDD;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap {
    padding: 24px;
    text-align: center;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-tit-box {
  padding-bottom: 30px;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.03em;
  font-weight: 700;
  color: #171010;
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box {
  justify-content: center;
  display: flex;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box {
    display: inline-flex;
    flex-direction: column;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box {
  text-align: center;
  position: relative;
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box + .list-item-box {
  margin-left: 160px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box + .list-item-box {
    margin: 74px 0 0;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box {
  position: absolute;
  left: -160px;
  top: 46px;
  padding: 0 17px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box {
    top: -60px;
    padding: 0;
    left: 0;
    right: 0;
    text-align: center;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list {
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item {
  margin: 1px 0;
  height: 100%;
  display: flex;
  justify-content: center;
  color: #666666;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: -0.05em;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item {
    font-size: 14px;
    line-height: 17px;
    margin: 0 3px;
  }
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item:nth-child(2) {
    width: auto;
    margin: 0 0 0 4px;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item:nth-child(3) {
  margin-top: 12px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item:nth-child(3) {
    width: auto;
    margin: 0 4px 0 4px;
  }
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item:nth-child(1) {
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    justify-content: flex-end;
    padding-right: 25px;
    margin: 0;
  }
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item:nth-child(4) {
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    margin: 0 -20px 0 0;
    justify-content: flex-start;
    transform: translate(-50%, -50%);
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item .ic {
  width: 128px;
  height: 7px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item .ic {
    width: 7px;
    height: 50px;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item .ic.ic-right-arrow {
  background: url("../img/ic_frame_right_arrow.svg") no-repeat center/cover;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item .ic.ic-right-arrow {
    background: url("../img/ic_frame_right_arrow_m.svg") no-repeat center/cover;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item .ic.ic-left-arrow {
  background: url("../img/ic_frame_left_arrow.svg") no-repeat center/cover;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .frame-sub-box .frame-sub-item-list .frame-sub-item .ic.ic-left-arrow {
    background: url("../img/ic_frame_left_arrow_m.svg") no-repeat center/cover;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box {
  padding-top: 12px;
  display: inline-flex;
  flex-direction: column;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box {
    padding-top: 8px;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .label-box {
  padding-bottom: 12px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .label-box {
    padding-bottom: 8px;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .label-box .label-txt-box {
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dddddd;
  width: 140px;
  border-radius: 100px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .label-box .label-txt-box {
    height: 30px;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .label-box .label-txt-box.type-accent {
  width: 164px;
  background-color: #67AAF2;
  color: #fff;
  border: 1px solid #67AAF2;
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .txt-box {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #444444;
  position: relative;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .txt-box {
    font-size: 15px;
    line-height: 18px;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .list-txt-box {
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 30px;
}
@media (max-width: 1279px) {
  section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .list-txt-box {
    font-size: 15px;
    line-height: 18px;
  }
}
section.contents-page .frame-view-contents .frame-view-wrap .frame-list-box .list-item-box .info-box .list-txt-box:after {
  content: "";
  position: absolute;
  left: 16px;
  top: 9px;
  background: #666666;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

article.contents-goal-layout1 .goal-list-box .list-item-box + .list-item-box {
  margin-top: 42px;
}
@media (max-width: 1279px) {
  article.contents-goal-layout1 .goal-list-box .list-item-box + .list-item-box {
    margin-top: 12px;
  }
}
article.contents-goal-layout1 .goal-list-box .list-item-box .num-box {
  position: relative;
  width: 36px;
  height: 32px;
  background-color: #67AAF2;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
@media (max-width: 1279px) {
  article.contents-goal-layout1 .goal-list-box .list-item-box .num-box {
    width: 24px;
    height: 22px;
    font-size: 14px;
  }
}
article.contents-goal-layout1 .goal-list-box .list-item-box .num-box:after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: 0;
  background: url("../img/ic_goal_dot.svg") no-repeat center/cover;
  width: 9px;
  height: 12px;
}
article.contents-goal-layout1 .goal-list-box .list-item-box .info-box {
  padding-top: 12px;
}
@media (max-width: 1279px) {
  article.contents-goal-layout1 .goal-list-box .list-item-box .info-box {
    padding-top: 4px;
  }
}
article.contents-goal-layout1 .goal-list-box .list-item-box .info-box .subject-box {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
}
@media (max-width: 1279px) {
  article.contents-goal-layout1 .goal-list-box .list-item-box .info-box .subject-box {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.01em;
  }
}
article.contents-goal-layout1 .goal-list-box .list-item-box .info-box .con-box {
  padding-top: 12px;
}
@media (max-width: 1279px) {
  article.contents-goal-layout1 .goal-list-box .list-item-box .info-box .con-box {
    padding-top: 6px;
  }
}
article.contents-goal-layout1 .goal-list-box .list-item-box .info-box .con-box .txt-box {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 20px;
}
@media (max-width: 1279px) {
  article.contents-goal-layout1 .goal-list-box .list-item-box .info-box .con-box .txt-box {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
article.contents-goal-layout1 .goal-list-box .list-item-box .info-box .con-box .txt-box:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 9px;
  background: #666666;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

article.contents-law-layout1 .list-wrap {
  width: 100%;
}
article.contents-law-layout1 .list-wrap ul {
  display: flex;
  flex-flow: row wrap;
  margin: -12px;
}
@media (max-width: 1279px) {
  article.contents-law-layout1 .list-wrap ul {
    margin: -6px 0;
  }
}
article.contents-law-layout1 .list-wrap ul li {
  margin: 12px;
  width: calc(33.33% - 24px);
  display: inline-flex;
}
@media (max-width: 1279px) {
  article.contents-law-layout1 .list-wrap ul li {
    width: 100%;
    margin: 6px 0;
  }
}
article.contents-law-layout1 .list-wrap ul li .link-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #DDD;
  background: #FFF;
  height: 52px;
}
@media (max-width: 1279px) {
  article.contents-law-layout1 .list-wrap ul li .link-btn {
    padding: 0 32px;
    justify-content: space-between;
    align-items: center;
  }
}
article.contents-law-layout1 .list-wrap ul li .link-btn .ic-link {
  background: url("../img/ic_law_link.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  margin-left: 18px;
}
article.contents-law-layout1 .list-wrap ul li .link-btn .txt {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03em;
}

article.contents-visual-layout1 {
  padding-bottom: 80px;
}
@media (max-width: 1279px) {
  article.contents-visual-layout1 {
    padding-bottom: 40px;
  }
}
article.contents-visual-layout1 .visual-wrap {
  position: relative;
}
article.contents-visual-layout1 .visual-bg-box {
  height: 438px;
  border-radius: 16px;
}
@media (max-width: 1279px) {
  article.contents-visual-layout1 .visual-bg-box {
    height: 360px;
    border-radius: 12px;
  }
}
article.contents-visual-layout1 .visual-bg-box.bg-means2 {
  background: url("../img/img_contents_bg_means2.png") no-repeat center/cover;
}
article.contents-visual-layout1 .visual-info-box {
  padding: 85px 64px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
}
@media (max-width: 1279px) {
  article.contents-visual-layout1 .visual-info-box {
    padding: 32px 24px;
  }
}
article.contents-visual-layout1 .visual-info-box .subject-box {
  font-size: 32px;
  letter-spacing: -0.01em;
  font-weight: 700;
  padding-bottom: 27px;
}
@media (max-width: 1279px) {
  article.contents-visual-layout1 .visual-info-box .subject-box {
    font-size: 22px;
    line-height: 26px;
  }
}
article.contents-visual-layout1 .visual-info-box .con-box {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.02em;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
}
@media (max-width: 1279px) {
  article.contents-visual-layout1 .visual-info-box .con-box {
    font-size: 15px;
    line-height: 24px;
    word-break: break-word;
  }
  article.contents-visual-layout1 .visual-info-box .con-box br {
    display: none;
  }
}
article.contents-visual-layout1 .visual-info-box .con-box .accent {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
@media (max-width: 1279px) {
  article.contents-visual-layout1 .visual-info-box .con-box .accent {
    font-size: 18px;
    line-height: 24px;
  }
}

article.contents-table-layout .table-group-box .table-item-box {
  padding-bottom: 32px;
  border-bottom: 1px solid var(--line-01, #EEE);
}
article.contents-table-layout .table-group-box .table-item-box + .table-item-box {
  margin-top: 24px;
}
article.contents-table-layout .table-group-box .table-item-box .table-tit-box {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  padding-bottom: 12px;
  line-height: 24px;
}
article.contents-table-layout .table-group-box .table-item-box .table-con-box .row {
  display: flex;
}
article.contents-table-layout .table-group-box .table-item-box .table-con-box .row + .row {
  margin-top: 12px;
}
article.contents-table-layout .table-group-box .table-item-box .table-con-box .row .subject-box {
  width: 88px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.8px;
  font-weight: 700;
  color: #A18C68;
}
article.contents-table-layout .table-group-box .table-item-box .table-con-box .row .con-box {
  flex: 1;
  min-width: 0;
  color: #444;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.8px;
}
article.contents-table-layout .table-box {
  border-top: 1px solid #AAA;
}
article.contents-table-layout .table-box. caption {
 display: none;
}
article.contents-table-layout .table-box.small table thead tr th {
  height: 35px;
  font-size: 16px;
  line-height: 19px;
}
article.contents-table-layout .table-box.small table tbody tr td {
  height: 35px;
  font-size: 16px;
  line-height: 19px;
}
article.contents-table-layout .table-box.small caption {
 display: none;
}
@media (max-width: 767px) {
  article.contents-table-layout .table-box.with-mobile-scroll {
    overflow: auto;
    display: block;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table {
    white-space: nowrap;
    table-layout: fixed;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m600 {
    width: 600px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m450 {
    width: 450px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m400 {
    width: 400px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m430 {
    width: 430px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m350 {
    width: 350px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m300 {
    width: 300px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m250 {
    width: 250px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m230 {
    width: 230px !important;
  }
	  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m200 {
    width: 200px !important;
  }

  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m180 {
    width: 180px !important;
  }
 article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m150 {
    width: 150px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m120 {
    width: 120px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m100 {
    width: 100px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table colgroup col.m80 {
    width: 80px !important;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table thead tr th {
    height: 38px;
    letter-spacing: -0.03em;
    font-size: 15px;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table tbody tr td {
    padding: 7px 15px;
    height: 38px;
    letter-spacing: -0.03em;
    font-size: 15px;
    white-space: initial;
    word-break: break-all;
  }
  article.contents-table-layout .table-box.with-mobile-scroll table tfoot tr td {
    color: #171010;
    padding: 10px 15px;
    height: 38px;
    letter-spacing: -0.03em;
    font-size: 15px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  article.contents-table-layout .table-box {
    display: none;
  }
}
article.contents-table-layout .table-box thead tr th {
  border: 1px solid #DDD;
  background-color: #f8f8f8;
  text-align: center;
  height: 54px;
  font-weight: 700;
  color: #222;
  font-size: 18px;
  letter-spacing: -0.03em;
}
article.contents-table-layout .table-box thead tr th:first-child {
  border-left: 0;
}
article.contents-table-layout .table-box thead tr th:last-child {
  border-right: 0;
}
article.contents-table-layout .table-box tbody tr td {
  border: 1px solid #DDD;
  text-align: center;
  height: 54px;
  color: #444;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.03em;
  padding: 8px 15px;
}
article.contents-table-layout .table-box tbody tr td.accent {
  color: #A18C68;
  font-weight: 700;
}
article.contents-table-layout .table-box tbody tr td.bg-gray {
  background-color: #fafafa;
}
article.contents-table-layout .table-box tbody tr td:first-child {
  border-left: 0;
}
article.contents-table-layout .table-box tbody tr td:last-child {
  border-right: 0;
}
article.contents-table-layout .table-box tbody tr td.right {
  text-align: right;
}
article.contents-table-layout .table-box tfoot tr td {
  padding: 0 15px;
  border: 1px solid #DDD;
  text-align: center;
  height: 54px;
  color: #444;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.03em;
  background-color: #eff4fc;
}
article.contents-table-layout .table-note-box {
  padding-top: 12px;
}
article.contents-table-layout .table-note-box .note-txt-box {
  position: relative;
  padding-left: 22px;
  font-size: 0;
}
article.contents-table-layout .table-note-box .note-txt-box + .note-txt-box {
  margin-top: 2px;
}
article.contents-table-layout .table-note-box .note-txt-box .ic-box {
  position: absolute;
  left: 0;
  top: 4px;
}
@media (max-width: 1279px) {
  article.contents-table-layout .table-note-box .note-txt-box .ic-box {
    top: -1px;
  }
}
article.contents-table-layout .table-note-box .note-txt-box .ic-box .ic-info {
  background: url("../img/ic_info.svg") no-repeat center/cover;
  width: 18px;
  height: 18px;
}
article.contents-table-layout .table-note-box .note-txt-box .txt-box {
  line-height: 28px;
  font-size: 16px;
  letter-spacing: -0.05em;
  color: #666;
  font-weight: 500;
}
@media (max-width: 1279px) {
  article.contents-table-layout .table-note-box .note-txt-box .txt-box {
    font-size: 15px;
    line-height: 18px;
  }
}
article.contents-table-layout .table-note-box .note-txt-box .txt-box b {
  color: #444;
}

article.search-input-form {
  text-align: center;
}
article.search-input-form .search-input-box {
  border-radius: 8px;
  display: inline-flex;
  overflow: hidden;
  border: 2px solid #123e88;
}
@media (max-width: 1279px) {
  article.search-input-form .search-input-box {
    width: 100%;
  }
}
article.search-input-form .search-input-box .input-box {
  width: 660px;
}
@media (max-width: 1279px) {
  article.search-input-form .search-input-box .input-box {
    width: 100%;
  }
}
article.search-input-form .search-input-box .input-box input {
  height: 54px;
  padding: 0 32px;
  width: 100%;
  outline: none;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 1279px) {
  article.search-input-form .search-input-box .input-box input {
    padding: 0 16px;
    height: 38px;
  }
}
article.search-input-form .search-input-box .submit-box .submit-btn {
  height: 54px;
  width: 54px;
  background: 123e88;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1279px) {
  article.search-input-form .search-input-box .submit-box .submit-btn {
    background-color: #fff;
    width: 60px;
    height: 38px;
  }
}
article.search-input-form .search-input-box .submit-box .submit-btn .ic {
  background: url("../img/ic_header_submit.svg") no-repeat center;
  width: 22px;
  height: 22px;
}
@media (max-width: 1279px) {
  article.search-input-form .search-input-box .submit-box .submit-btn .ic {
    background: url("../img/ic_header_submit_active.svg") no-repeat center;
  }
}
article.search-input-form .search-result-msg-box {
  text-align: left;
}
article.search-input-form .search-result-msg-box .search-result-msg {
  padding: 40px 0 30px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #444444;
}
@media (max-width: 767px) {
  article.search-input-form .search-result-msg-box .search-result-msg {
    padding: 16px 0 14px;
    font-size: 16px;
    line-height: 19px;
  }
}
article.search-input-form .search-result-msg-box .search-result-msg b {
  color: #df5355;
}

article.search-result-form {
  padding-top: 44px;
}
@media (max-width: 767px) {
  article.search-result-form {
    padding-top: 24px;
  }
}
article.search-result-form .search-result-group + .search-result-group {
  margin-top: 80px;
}
@media (max-width: 1279px) {
  article.search-result-form .search-result-group + .search-result-group {
    margin-top: 36px;
  }
}
article.search-result-form .search-result-group .result-tit-box {
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #444444;
  padding-bottom: 12px;
}
article.search-result-form .search-result-group .result-tit-box b {
  color: #df5355;
}
article.search-result-form .search-result-group .result-list-box {
  padding-bottom: 24px;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box {
    padding-bottom: 12px;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap {
  width: 100%;
  padding: 12px 12px 12px 60px;
  position: relative;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap {
    padding: 12px 6px 12px 48px;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap.with-link {
  padding-right: 60px;
  background: url("../img/ic_link_arrow.svg") no-repeat right 12px center;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap.with-link {
    padding-right: 48px;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap.with-download {
  padding-right: 180px;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap.with-download {
    padding-right: 6px;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap:hover {
  background-color: #FAFAFA;
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .download-box {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .download-box {
    padding-top: 3px;
    position: static;
    transform: none;
    width: 100%;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .download-box .download-btn {
  margin: 0 auto;
  height: 36px;
  width: 160px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid var(--blue-01, #808FC1);
  background: #FFF;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .download-box .download-btn {
    width: 100%;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .download-box .download-btn .ic {
  margin-right: 6px;
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .download-box .download-btn .ic.ic-download {
  background: url("../img/ic_download.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .download-box .download-btn .txt {
  color: #444;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.45px;
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .num-box {
  position: absolute;
  left: 12px;
  top: 12px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #444;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .num-box {
    padding-left: 6px;
    line-height: 24px;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .top-box {
  display: flex;
  padding-bottom: 2px;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .top-box {
    flex-direction: column;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .top-box .label-box {
  margin-right: 10px;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .top-box .label-box {
    margin: 0 0 2px 0;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .top-box .tit-box {
  min-width: 0;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .top-box .tit-box {
    font-size: 16px;
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 21px;
    height: 42px;
    max-width: 100%;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .mid-box {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.03em;
  color: #666;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .mid-box {
    font-size: 15px;
    line-height: 24px;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row {
    flex-direction: column;
    align-items: flex-start;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row + .row {
  margin-top: 4px;
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .item-box {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .item-box {
    padding: 3px 0;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .item-box + .item-box {
  margin-left: 24px;
}
@media (max-width: 1279px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .item-box + .item-box {
    margin: 0;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .subject-box {
  color: #67AAF2;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .subject-box {
    font-size: 15px;
    line-height: 18px;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .con-box {
  position: relative;
  margin-left: 11px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: #666;
}
@media (max-width: 767px) {
  article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .con-box {
    font-size: 15px;
    line-height: 18px;
  }
}
article.search-result-form .search-result-group .result-list-box .list-item-box .list-item-wrap .info-box .bottom-box .row .con-box:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  width: 1px;
  height: 18px;
  background: #ddd;
  transform: translateY(-50%);
}
article.search-result-form .search-result-group .result-option-box {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}
article.search-result-form .search-result-group .result-option-box .result-more-btn {
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #AAA;
  border-radius: 6px;
  height: 30px;
}
article.search-result-form .search-result-group .result-option-box .result-more-btn .txt {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: #666666;
}
article.search-result-form .search-result-group .result-option-box .result-more-btn .ic.ic-more {
  background: url("../img/ic_result_more.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

article.contents-terms-layout1 .list-wrap ul li + li {
  margin-top: 32px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li + li {
    margin-top: 16px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box {
  display: flex;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box {
    flex-direction: column;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .subject-box {
  display: flex;
  width: 166px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .subject-box {
    width: 100%;
    padding-bottom: 8px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .subject-box .subject-txt-box {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.05em;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .subject-box .subject-txt-box {
    font-size: 20px;
    line-height: 24px;
  }
  article.contents-terms-layout1 .list-wrap ul li .item-box .subject-box .subject-txt-box br {
    display: none;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box {
  flex: 1;
  min-width: 0;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box {
  padding: 16px 24px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #F5F5F3;
  position: relative;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box.with-img {
  display: flex;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box.with-img .sub-img-box {
  position: static;
  margin-left: 42px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box.with-img .terms-list-group {
  flex: 1;
  min-width: 0;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .sub-img-box {
  position: absolute;
  top: 30px;
  right: 60px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .sub-img-box.style-2 {
  right: 24px;
  bottom: auto;
  top: 47px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .sub-img-box.style-3 {
  right: 24px;
  bottom: auto;
  top: 6px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .sub-img-box {
    display: none;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .sub-img-box img {
  max-width: 100%;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box {
    padding: 12px 16px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-group + .terms-list-group {
  margin-top: 24px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-group .terms-tit-box {
  padding-bottom: 8px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-group .terms-tit-box .tit-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #67AAF2;
  height: 32px;
  border-radius: 100px;
  padding: 0 24px;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-group .terms-tit-box .tit-box {
    height: 26px;
    padding: 0 16px;
    font-size: 15px;
  }
}


article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list {
  padding: 4px 0;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list.step-invisible .step-box + .step-box {
  border: 0;
  margin-top: 12px;
  padding-top: 12px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list.step-invisible .step-box:after {
  display: none !important;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box + .step-box {
  padding-top: 26px;
  margin-top: 26px;
  border-top: 1px dashed #DDD;
  position: relative;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box + .step-box {
    margin-top: 20px;
    padding-top: 20px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box + .step-box:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  background: url("../img/ic_step_arrow2.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box + .step-box:after {
    top: -12px;
    width: 24px;
    height: 24px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box {
  padding-bottom: 8px;
  padding-left: 36px;
  position: relative;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box {
    padding-left: 32px;
    padding-bottom: 5px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box .num-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #63B0CC;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #63B0CC;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box .num-box {
    font-size: 15px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box .tit-box {
  font-weight: 700;
  letter-spacing: -0.03em;
  font-size: 18px;
  line-height: 24px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-body-box {
  padding-left: 36px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-body-box {
    padding-left: 0;
  }
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-body-box.m-space {
    padding-left: 28px;
  }
}

article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-subject-box {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.03em;
  padding: 0 8px 8px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box.type-small .list-txt-box {
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box.type-small .list-txt-box {
    font-size: 15px;
    line-height: 18px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box.type-small .list-txt-box + .list-txt-box {
  margin-top: 6px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box.type-small .list-txt-box + .list-txt-box {
    margin-top: 2px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box.type-small .list-txt-box + .list-txt-box.type-inside {
  margin-top: 4px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box.type-small .list-txt-box + .list-txt-box.type-inside {
    margin-top: 2px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box.type-small .list-txt-box:after {
  top: 8px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-txt-box {
  font-size: 18px;
  padding-left: 22px;
  line-height: 24px;
  position: relative;
  font-weight: 500;
  color: #444;
  word-break: break-word;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-txt-box {
    font-size: 16px;
    line-height: 21px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-txt-box:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 9px;
  width: 3px;
  height: 3px;
  background-color: #444444;
  border-radius: 50%;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-txt-box + .list-txt-box {
  margin-top: 10px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-txt-box + .list-txt-box {
    margin-top: 6px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-txt-box.type-inside {
  padding-left: 30px;
  font-size: 16px;
  line-height: 19px;
  color: #666;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-txt-box.type-inside {
    font-size: 15px;
    line-height: 18px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-txt-box.type-inside:after {
  content: "-";
  width: auto;
  height: auto;
  background: transparent;
  top: -1px;
  left: 16px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-box .list-sub-txt-box {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #666;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-txt-box {
  word-break: break-word;
  color: #444444;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.18px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-txt-box {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.16px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box {
  padding-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box {
    padding-top: 4px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box .note-info-box {
  padding-left: 28px;
  position: relative;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box .note-info-box .ic-info {
  position: absolute;
  left: 0;
  top: 1px;
  background: url("../img/ic_info.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box .note-info-box .info-txt-box {
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box .note-txt-box {
  position: relative;
  padding-left: 24px;
  color: #666;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05em;
  word-break: break-word;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box .note-txt-box {
    padding-left: 14px;
    font-size: 14px;
    line-height: 17px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box .note-txt-box:after {
  content: "*";
  position: absolute;
  left: 8px;
  top: 0;
  color: #df5355;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media (max-width: 1279px) {
  article.contents-terms-layout1 .list-wrap ul li .item-box .con-box .note-box .note-txt-box:after {
    left: 2px;
  }
}
article.contents-terms-layout1 .list-wrap ul li .item-sub-list {
  padding-top: 24px;
}

article.sub-list-layout1 .sub-item-box {
  display: flex;
}
article.sub-list-layout1 .sub-item-box + .sub-item-box {
  margin-top: 24px;
}
@media (max-width: 767px) {
  article.sub-list-layout1 .sub-item-box + .sub-item-box {
    margin-top: 16px;
  }
}
article.sub-list-layout1 .sub-item-box .sub-subject-box .sub-subject-txt {
  color: #444;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.05em;
}
@media (max-width: 767px) {
  article.sub-list-layout1 .sub-item-box .sub-subject-box .sub-subject-txt {
    font-size: 14px;
    line-height: 18px;
  }
}
article.sub-list-layout1 .sub-item-box .sub-subject-box .sub-subject-txt > span {
  font-weight: 500;
}
article.sub-list-layout1 .sub-item-box .sub-con-box {
  flex: 1;
  min-width: 0;
  padding-left: 6px;
}
article.sub-list-layout1 .sub-item-box .sub-con-box .sub-row-box {
  color: #666666;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05em;
}
@media (max-width: 767px) {
  article.sub-list-layout1 .sub-item-box .sub-con-box .sub-row-box {
    font-size: 14px;
    line-height: 18px;
  }
}
article.sub-list-layout1 .sub-item-box .sub-con-box .sub-row-box + .sub-row-box {
  margin-top: 6px;
}
@media (max-width: 767px) {
  article.sub-list-layout1 .sub-item-box .sub-con-box .sub-row-box + .sub-row-box {
    margin-top: 4px;
  }
}

article.contents-line {
  margin: 60px 0;
  height: 1px;
  background-color: #ddd;
}
@media (max-width: 1279px) {
  article.contents-line {
    margin: 0;
    height: 42px;
    background: transparent;
  }
}

article.contents-desc-layout1 .desc-contents-box {
  border-radius: 6px;
  border: 1px solid #DDD;
  background: #F5F5F3;
  padding: 24px 20px;
  position: relative;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-contents-box {
    padding: 12px 16px;
  }
}
article.contents-desc-layout1 .desc-contents-box .img-box {
  position: absolute;
  right: 109px;
  top: 24px;
}
article.contents-desc-layout1 .desc-contents-box .img-box.type-small {
  right: 24px;
  top: 16px;
  height: 150px;
}
article.contents-desc-layout1 .desc-contents-box .img-box.type-smaller {
  height: 140px;
  top: 16px;
  right: 103px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-contents-box .img-box {
    display: none;
  }
}
article.contents-desc-layout1 .desc-contents-box .img-box img {
  max-height: 100%;
  max-width: 100%;
}
article.contents-desc-layout1 .desc-contents-box .row {
  position: relative;
  font-size: 18px;
  line-height: 24px;
  padding-left: 25px;
  word-break: break-word;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-contents-box .row {
    font-size: 16px;
    line-height: 21px;
    padding-left: 20px;
  }
}
article.contents-desc-layout1 .desc-contents-box .row:after {
  content: "";
  left: 10px;
  top: 10px;
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #444444;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-contents-box .row:after {
    left: 6px;
    top: 8px;
  }
}
article.contents-desc-layout1 .desc-contents-box .row + .row {
  margin-top: 12px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-contents-box .row + .row {
    margin-top: 6px;
  }
}
article.contents-desc-layout1 .desc-foot-box {
  display: flex;
  justify-content: space-between;
}
article.contents-desc-layout1 .desc-note-box {
  padding-top: 12px;
}
article.contents-desc-layout1 .desc-note-box .note-box + .note-box {
  margin-top: 4px;
}
article.contents-desc-layout1 .desc-note-box .note-box .note-info-box {
  padding-left: 28px;
  position: relative;
}
article.contents-desc-layout1 .desc-note-box .note-box .note-info-box .ic-info {
  position: absolute;
  left: 0;
  top: 2px;
  background: url("../img/ic_info.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
article.contents-desc-layout1 .desc-note-box .note-box .note-info-box .info-txt-box {
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
article.contents-desc-layout1 .desc-note-box .note-box .note-txt-box {
  position: relative;
  padding-left: 24px;
  color: #666;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.05em;
  word-break: break-word;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-note-box .note-box .note-txt-box {
    padding-left: 14px;
    font-size: 14px;
    line-height: 17px;
  }
}
article.contents-desc-layout1 .desc-note-box .note-box .note-txt-box:after {
  content: "*";
  position: absolute;
  left: 8px;
  top: 0;
  color: #df5355;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.05em;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-note-box .note-box .note-txt-box:after {
    left: 2px;
  }
}
article.contents-desc-layout1 .desc-note-box .note-box .note-txt-box .note-sub-txt-box {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .desc-note-box .note-box .note-txt-box .note-sub-txt-box {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .desc-note-box .note-box .note-txt-box .note-sub-txt-box + .note-sub-txt-box {
    margin-top: 2px;
  }
}
article.contents-desc-layout1 .desc-menu-box {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}
article.contents-desc-layout1 .desc-menu-box .desc-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #AAA;
  height: 30px;
  padding: 0 12px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-menu-box .desc-menu-btn {
    width: 100%;
    height: 38px;
  }
}
article.contents-desc-layout1 .desc-menu-box .desc-menu-btn .txt {
  color: #666;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .desc-menu-box .desc-menu-btn .txt {
    flex: 1;
    min-width: 0;
    text-align: center;
  }
}
article.contents-desc-layout1 .desc-menu-box .desc-menu-btn .ic {
  margin-left: 8px;
}
article.contents-desc-layout1 .desc-menu-box .desc-menu-btn .ic.ic-arrow {
  background: url("../img/ic_link_arrow2.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.contents-desc-layout1 .con-box .txt-box {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 20px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}

@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;

  }
}

article.contents-desc-layout1 .con-box .txt-box:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 9px;
  background: #666666;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}

article.contents-desc-layout1 .con-box .txt-box2 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
  margin-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box2 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box2 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;
  }
}
article.contents-desc-layout1 .con-box .txt-box2:after {
  content: "※ ";
  position: absolute;
  left: 8px;
  top: 0px;
  font-weight: 300;
  width: 3px;
  height: 3px;
}

article.contents-desc-layout1 .con-box .txt-box3 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
  margin-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box3 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box3 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;
  }
}
article.contents-desc-layout1 .con-box .txt-box3:after {
  content: ". ";
  position: absolute;
  left: 8px;
  top: -7px;
  font-weight: 300;
  width: 3px;
  height: 3px;
}

article.contents-desc-layout1 .con-box .txt-box3-1 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 20px;
  margin-left: 5px;
  margin-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box3-1 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box3-1 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;
  }
}
article.contents-desc-layout1 .con-box .txt-box3-1:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  font-weight: 300;
}
article.contents-desc-layout1 .con-box .txt-box4 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #444444;
  position: relative;
  padding-left: 20px;
  margin-left: 20px;
  margin-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box4 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box4 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;
  }
}
article.contents-desc-layout1 .con-box .txt-box4:after {
  content: "-";
  position: absolute;
  left: 8px;
  top: 0px;
  font-weight: 300;
  width: 3px;
}



article.contents-desc-layout1 .con-box .txt-box5-1 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #444444;
  position: relative;
  padding-left: 33px;
  margin-left: 33px;
  margin-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box5-1 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box5-1 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;
  }
}
article.contents-desc-layout1 .con-box .txt-box5-1:after {
  content: "가.";
  position: absolute;
  left: 8px;
  top: 0px;
  font-weight: 300;

}

article.contents-desc-layout1 .con-box .txt-box5-2 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #444444;
  position: relative;
  padding-left: 33px;
  margin-left: 33px;
  margin-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box5-2 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box5-2 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;
  }
}
article.contents-desc-layout1 .con-box .txt-box5-2:after {
  content: "나.";
  position: absolute;
  left: 8px;
  top: 0px;
  font-weight: 300;

}

article.contents-desc-layout1 .con-box .txt-box5-3 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #444444;
  position: relative;
  padding-left: 33px;
  margin-left: 33px;
  margin-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box5-3 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box5-3 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;
  }
}
article.contents-desc-layout1 .con-box .txt-box5-3:after {
  content: "다.";
  position: absolute;
  left: 8px;
  top: 0px;
  font-weight: 300;

}

article.contents-desc-layout1 .con-box .txt-box5-4 {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #444444;
  position: relative;
  padding-left: 33px;
  margin-left: 33px;
  margin-top: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .con-box .txt-box5-4 {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
  article.contents-desc-layout1 .con-box .txt-box5-4 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.03em;
  }
}
article.contents-desc-layout1 .con-box .txt-box5-4:after {
  content: "라.";
  position: absolute;
  left: 8px;
  top: 0px;
  font-weight: 300;

}

article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box {
  padding: 16px 24px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #F5F5F3;
  position: relative;
  font-weight: 300;
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-group .terms-tit-box .tit-box {
  height: 26px;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 300;}

@media (max-width: 767px) {
  article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-list-group .terms-tit-box .tit-box {
  height: 26px;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 300;
  }
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list {
  padding: 4px 0;
}

article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list.step-invisible .step-box + .step-box {
  border: 0;
  margin-top: 4px;
  padding-top: 4px;
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list.step-invisible .step-box:after {
  display: none !important;
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box + .step-box {
  padding-top: 26px;
  margin-top: 26px;
  border-top: 1px dashed #DDD;
  position: relative;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box + .step-box {
    margin-top: 4px;
    padding-top: 4px;
  }
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box + .step-box:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  background: url("../img/ic_step_arrow2.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box + .step-box:after {
    top: -12px;
    width: 24px;
    height: 24px;
  }
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box {
  padding-bottom: 8px;
  padding-left: 36px;
  position: relative;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box {
    padding-left: 32px;
    padding-bottom: 5px;
  }
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box .num-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #63B0CC;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #63B0CC;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box .num-box {
    font-size: 15px;
  }
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-head-box .tit-box {
  font-weight: 700;
  letter-spacing: -0.03em;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-body-box {
  padding-left: 36px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-body-box {
    padding-left: 0;
  }
  article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-step-list .step-box .step-body-box.m-space {
    padding-left: 28px;
  }
}
article.contents-desc-layout1 .list-wrap ul li .item-box .con-box .terms-box .terms-subject-box {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.03em;
  padding: 0 8px 8px;
}




article.contents-desc-layout2 .note-box {
  padding-top: 12px;
}
article.contents-desc-layout2 .note-box .note-item-box {
  display: inline-flex;
}
article.contents-desc-layout2 .note-box .note-item-box .ic-info {
  margin-right: 4px;
  width: 24px;
  height: 24px;
  background: url("../img/ic_info.svg") no-repeat center/cover;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .note-box .note-item-box .ic-info {
    width: 18px;
    height: 18px;
  }
}
article.contents-desc-layout2 .note-box .note-item-box .txt-box {
  flex: 1;
  min-width: 0;
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.05em;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .note-box .note-item-box .txt-box {
    font-size: 15px;
    line-height: 18px;
  }
}
article.contents-desc-layout2 .list-wrap ul {
  display: flex;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul {
    flex-direction: column;
  }
}
article.contents-desc-layout2 .list-wrap ul li {
  width: 100%;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li {
    border-bottom: 1px solid #ddd;
  }
}
article.contents-desc-layout2 .list-wrap ul li + li {
  border-left: 1px solid #ddd;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li + li {
    border-left: 0;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box {
  padding: 12px 24px;
  text-align: center;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box {
    padding: 18px 12px;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .ic-box {
  padding-bottom: 8px;
}
article.contents-desc-layout2 .list-wrap ul li .item-box .ic-box .ic {
  width: 54px;
  height: 54px;
}
article.contents-desc-layout2 .list-wrap ul li .item-box .ic-box .ic.ic-target1 {
  background: url("../img/ic_procedure_desc_target1.svg") no-repeat center/cover;
}
article.contents-desc-layout2 .list-wrap ul li .item-box .ic-box .ic.ic-target2 {
  background: url("../img/ic_procedure_desc_target2.svg") no-repeat center/cover;
}
article.contents-desc-layout2 .list-wrap ul li .item-box .ic-box .ic.ic-target3 {
  background: url("../img/ic_procedure_desc_target3.svg") no-repeat center/cover;
}
article.contents-desc-layout2 .list-wrap ul li .item-box .subject-box {
  color: #444444;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.01em;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .subject-box {
    font-size: 18px;
    line-height: 24px;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box {
  padding-top: 24px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .con-box {
    padding-top: 8px;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row {
  justify-content: center;
  display: flex;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row {
    max-width: 400px;
    margin: 0 auto;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row + .row {
  margin-top: 6px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row + .row {
    margin-top: 6px !important;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row.full {
  justify-content: flex-start;
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row.full .txt-box {
  text-align: left;
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .label-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #67AAF2;
  border-radius: 100px;
  min-width: 112px;
  width: 112px;
  height: 28px;
  margin-right: 8px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .label-box {
    width: 98px;
    min-width: 98px;
    height: 24px;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .label-box .label-txt-box {
  color: #67AAF2;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.16px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .label-box .label-txt-box {
    font-size: 14px;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .txt-box {
  min-width: 0;
  position: relative;
  line-height: 28px;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .txt-box {
    line-height: 24px;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .txt-box .txt {
  padding-left: 14px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .txt-box .txt {
    line-height: 18px;
    font-size: 15px;
  }
}
article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .txt-box .txt:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #444;
}
@media (max-width: 1279px) {
  article.contents-desc-layout2 .list-wrap ul li .item-box .con-box .row .txt-box .txt:after {
    top: 6px;
  }
}


article.contents-doc-layout1 .doc-list-wrap {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #ddd;
}
article.contents-doc-layout1 .doc-list-wrap .doc-list-group {
  display: flex;
  padding: 0 82px;
}
article.contents-doc-layout1 .doc-list-wrap .doc-list-group .doc-list-head {
  width: 220px;
  padding-top: 18px;
}
article.contents-doc-layout1 .doc-list-wrap .doc-list-group .doc-list-head .head-box {
  padding: 24px 0;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.05em;
  color: #444;
  font-weight: 700;
}
article.contents-doc-layout1 .doc-list-wrap .doc-list-group .doc-list-body {
  flex: 1;
  min-width: 0;
}
article.contents-doc-layout1 .doc-list-wrap .doc-list-group .doc-list-body .doc-group-box {
  border: 0;
}
article.contents-doc-layout1 .doc-group-box {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #ddd;
}
article.contents-doc-layout1 .doc-group-box .doc-file-box {
  padding: 18px 82px;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .doc-file-box {
    padding: 6px 8px;
  }
}
article.contents-doc-layout1 .doc-group-box .list-group-box {
  display: flex;
}
@media (max-width: 767px) {
  article.contents-doc-layout1 .doc-group-box .list-group-box {
    flex-direction: column;
  }
}
article.contents-doc-layout1 .doc-group-box .list-group-box + .list-group-box {
  border-top: 1px dotted #ddd;
  padding-top: 24px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  article.contents-doc-layout1 .doc-group-box .list-group-box + .list-group-box {
    padding-top: 12px;
    margin-top: 12px;
  }
}
article.contents-doc-layout1 .doc-group-box .list-group-box .list-head-box {
  width: 220px;
}
@media (max-width: 767px) {
  article.contents-doc-layout1 .doc-group-box .list-group-box .list-head-box {
    width: 100%;
  }
}
article.contents-doc-layout1 .doc-group-box .list-group-box .list-head-box .head-box {
  padding: 24px 0;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.05em;
  color: #444;
  font-weight: 700;
}
@media (max-width: 767px) {
  article.contents-doc-layout1 .doc-group-box .list-group-box .list-head-box .head-box {
    font-size: 18px;
    line-height: 24px;
    padding: 12px 6px;
  }
}
article.contents-doc-layout1 .doc-group-box .list-group-box .list-body-box {
  flex: 1;
  min-width: 0;
}
article.contents-doc-layout1 .doc-group-box .doc-download-box {
  background-color: #f8f8f8;
  padding: 30px 82px;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .doc-download-box {
    padding: 20px 8px;
  }
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-tit-box {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.05em;
  color: #444;
  padding-bottom: 12px;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .doc-download-box .download-tit-box {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.05em;
  }
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list {
  display: flex;
  flex-flow: row wrap;
  margin: -6px;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list {
    margin: 0;
  }
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn {
  margin: 6px;
  width: calc(33.33% - 12px);
  border-radius: 8px;
  border: 1px solid #AAA;
  padding: 0 24px;
  background: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn.box-2 {
  width: calc(50% - 12px);
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn.box-2 {
    width: 100%;
  }
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn.box-4 {
  width: calc(25% - 12px);
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn.box-4 {
    width: 100%;
  }
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn.full {
  flex: 1;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn {
    width: 100%;
    margin: 0;
  }
  article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn + .download-btn {
    margin-top: 8px;
  }
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn .download-info-box {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  flex: 1;
  margin-right: 6px;
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn .download-info-box .ic {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn .download-info-box .ic.ic-hwp {
  background: url("../img/ic_extend_hwp.svg") no-repeat center/cover;
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn .download-info-box .txt {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
article.contents-doc-layout1 .doc-group-box .doc-download-box .download-con-box .download-list .download-btn .download-icon-box {
  background: url("../img/ic_download_black.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.contents-doc-layout1 .doc-group-box .row {
  padding: 24px 0;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .row {
    padding: 16px 0;
  }
}
article.contents-doc-layout1 .doc-group-box .row + .row {
  border-top: 1px solid #eee;
}
article.contents-doc-layout1 .doc-group-box .row .item-head-box .head-txt-box {
  padding-left: 16px;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px; /* 166.667% */
  letter-spacing: -0.18px;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .row .item-head-box .head-txt-box {
    font-size: 16px;
    line-height: 20px;
  }
}
article.contents-doc-layout1 .doc-group-box .row .item-head-box .head-txt-box:after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 12px;
  background-color: #444;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .row .item-head-box .head-txt-box:after {
    top: 7px;
  }
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .txt-list-box {
  padding-top: 6px;
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .txt-list-box .txt-item-box {
  padding-left: 32px;
  position: relative;
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .txt-list-box .txt-item-box:before {
  content: "-";
  position: absolute;
  left: 16px;
  top: 0px;
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .txt-list-box .txt-item-box + .txt-item-box {
  margin-top: 6px;
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .txt-list-box .txt-item-box .txt-box {
  font-size: 16px;
  line-height: 19px;
  color: #474747;
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .txt-list-box .txt-item-box .txt-box + .txt-box {
  margin-top: 4px;
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap {
  padding-top: 6px;
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul {
  display: flex;
  flex-flow: row wrap;
  margin: -4px;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul {
    margin: 0;
  }
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li {
  margin: 4px;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li {
    width: 100%;
    margin: 0;
  }
  article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li + li {
    margin-top: 8px;
  }
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li .doc-btn {
  padding: 3px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid #DDD;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li .doc-btn {
    padding: 2px 40px;
    width: 100%;
    position: relative;
  }
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li .doc-btn .ic {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li .doc-btn .ic.ic-doc {
  margin-right: 8px;
  background: url("../img/ic_doc.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li .doc-btn .txt {
  font-size: 16px;
  color: #444;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.48px;
}
@media (max-width: 1279px) {
  article.contents-doc-layout1 .doc-group-box .row .item-body-box .list-wrap ul li .doc-btn .txt {
    font-size: 15px;
  }
}

article.stats-selector-layout1 {
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  article.stats-selector-layout1 {
    padding-bottom: 28px;
  }
}
article.stats-selector-layout1 .selector-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  article.stats-selector-layout1 .selector-box {
    width: 100%;
  }
  article.stats-selector-layout1 .selector-box .sbox {
    flex: 1;
    min-width: 0;
    width: auto;
  }
}
article.stats-selector-layout1 .selector-box .download-btn {
  margin-left: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #F8F8F8;
  border: 1px solid #a9a9a9;
  border-radius: 6px;
  height: 42px;
  padding: 0 24px;
}
@media (max-width: 767px) {
  article.stats-selector-layout1 .selector-box .download-btn {
    min-width: 0;
  }
}
article.stats-selector-layout1 .selector-box .download-btn .file-box {
  min-width: 0;
}
article.stats-selector-layout1 .selector-box .download-btn .file-box .ic-pdf {
  background: url("../img/ic_file_pdf.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
article.stats-selector-layout1 .selector-box .download-btn .file-box .txt {
  font-size: 15px;
  letter-spacing: -0.03em;
  font-weight: 500;
  min-width: 0;
}
article.stats-selector-layout1 .selector-box .download-btn .ic-box {
  margin-left: 32px;
}
@media (max-width: 767px) {
  article.stats-selector-layout1 .selector-box .download-btn .ic-box {
    display: none;
  }
}
article.stats-selector-layout1 .selector-box .download-btn .ic-box .ic-download {
  width: 16px;
  height: 16px;
  background: url("../img/ic_file_download.svg") no-repeat center/cover;
}

article.space-block.w80 {
  height: 80px;
}
@media (max-width: 767px) {
  article.space-block.m50 {
    height: 40px;
  }
}

article.contents-chart-layout .chart-wrap {
  margin-top: 24px;
  border-radius: 8px;
  border: 1px solid #DDD;
  padding: 32px;
}
@media (max-width: 767px) {
  article.contents-chart-layout .chart-wrap {
    margin-top: 16px;
    padding: 24px 16px;
  }
}
article.contents-chart-layout .chart-wrap .chart-legend-box {
  padding-top: 24px;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 -14px;
}
@media (max-width: 767px) {
  article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list {
    margin: -6px -8px;
    justify-content: flex-start;
  }
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item {
  margin: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item {
    margin: 6px 6px;
    width: calc(25% - 12px);
  }
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .dot {
  margin-right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .dot.dot-skyblue {
  background-color: #3FA5EE;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .dot.dot-red {
  background-color: #DF5355;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .dot.dot-yellow {
  background-color: #F5BB49;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .dot.dot-green {
  background-color: #7CD28F;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .dot.dot-blue {
  background-color: #6986EE;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .dot.dot-black {
  background-color: #55515D;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .dot.dot-pink {
  background-color: #F28BBD;
}
article.contents-chart-layout .chart-wrap .chart-legend-box .legend-list .legend-item .txt {
  flex: 1;
  min-width: 0;
  color: #666;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

article.terms-view-layout1 .terms-intro-box {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #444;
  padding-bottom: 32px;
}
article.terms-view-layout1 .terms-menu-box {
  padding-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  article.terms-view-layout1 .terms-menu-box {
    padding-top: 42px;
  }
}
article.terms-view-layout1 .terms-menu-box .terms-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #123e88;
  border-radius: 100px;
  height: 60px;
  padding: 0 66px;
}
@media (max-width: 767px) {
  article.terms-view-layout1 .terms-menu-box .terms-menu-btn {
    height: 52px;
    padding: 0 20px;
    width: 100%;
  }
}
article.terms-view-layout1 .terms-menu-box .terms-menu-btn .ic.ic-prev {
  margin-right: 8px;
  background: url("../img/ic_btn_prev.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.terms-view-layout1 .terms-menu-box .terms-menu-btn .txt {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
}
@media (max-width: 767px) {
  article.terms-view-layout1 .terms-menu-box .terms-menu-btn .txt {
    font-size: 16px;
  }
}
article.terms-view-layout1 .terms-group-box + .terms-group-box {
  margin-top: 54px;
}
@media (max-width: 767px) {
  article.terms-view-layout1 .terms-group-box + .terms-group-box {
    margin-top: 32px;
  }
}
article.terms-view-layout1 .terms-group-box .terms-footer-box {
  font-size: 16px;
  text-align: right;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #444;
}
@media (max-width: 767px) {
  article.terms-view-layout1 .terms-group-box .terms-footer-box {
    font-size: 15px;
    line-height: 21px;
  }
  article.terms-view-layout1 .terms-group-box .terms-footer-box .mobile-enter {
    display: block;
  }
}
article.terms-view-layout1 .terms-group-box .terms-head-box {
  padding-bottom: 8px;
}
article.terms-view-layout1 .terms-group-box .terms-head-box .head-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article.terms-view-layout1 .terms-group-box .terms-head-box .head-box .head-txt {
  color: #123e88;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.03em;
  font-weight: 700;
}
@media (max-width: 767px) {
  article.terms-view-layout1 .terms-group-box .terms-head-box .head-box .head-txt {
    font-size: 18px;
    line-height: 24px;
  }
}
article.terms-view-layout1 .terms-group-box .terms-head-box .sub-box {
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #444;
}
@media (max-width: 767px) {
  article.terms-view-layout1 .terms-group-box .terms-head-box .sub-box {
    font-size: 15px;
    line-height: 21px;
  }
}
article.terms-view-layout1 .terms-group-box .terms-body-box .terms-sub-group-box {
  margin-top: 24px;
}
article.terms-view-layout1 .terms-group-box .terms-body-box .terms-sub-group-box .terms-subject-box {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.03em;
}
article.terms-view-layout1 .terms-group-box .terms-body-box .terms-sub-group-box .terms-sub-box {
  padding-top: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  line-height: 24px;
  letter-spacing: -0.01em;
}
article.terms-view-layout1 .terms-group-box .terms-body-box .terms-sub-group-box .terms-con-box {
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #444;
}

article.terms-list-layout1 .terms-item-list .terms-item-box {
  position: relative;
  padding-left: 30px;
}
article.terms-list-layout1 .terms-item-list .terms-item-box + .terms-item-box {
  margin-top: 8px;
}
article.terms-list-layout1 .terms-item-list .terms-item-box .num-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #89898A;
  background: #F8F8F8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #444;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.02em;
}
article.terms-list-layout1 .terms-item-list .terms-item-box .con-box {
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  article.terms-list-layout1 .terms-item-list .terms-item-box .con-box {
    font-size: 15px;
    line-height: 21px;
  }
}
article.terms-list-layout1 .terms-item-list .terms-item-box .sub-box {
  padding-top: 8px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 24px;
  margin-left: -30px;
  color: #444;
}
@media (max-width: 767px) {
  article.terms-list-layout1 .terms-item-list .terms-item-box .sub-box {
    font-size: 15px;
    line-height: 21px;
  }
}
article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box {
  padding-top: 4px;
}
article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box .info-item-box {
  display: flex;
}
article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box .info-item-box + .info-item-box {
  margin-top: 6px;
}
article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box .info-item-box .info-subject-box {
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.03em;
  width: 80px;
  position: relative;
}
@media (max-width: 767px) {
  article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box .info-item-box .info-subject-box {
    width: 68px;
    font-size: 15px;
    line-height: 18px;
  }
}
article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box .info-item-box .info-subject-box.full {
  width: 100%;
}
article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box .info-item-box .info-subject-box:after {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  height: 14px;
  width: 1px;
  background-color: #AAA;
}
article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box .info-item-box .info-con-box {
  flex: 1;
  min-width: 0;
  padding-left: 24px;
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.terms-list-layout1 .terms-item-list .terms-item-box .info-list-box .info-item-box .info-con-box {
    padding-left: 18px;
    font-size: 15px;
    line-height: 18px;
  }
}

article.terms-link-layout1 .link-item-list .link-item-box + .link-item-box {
  margin-top: 8px;
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid transparent;
  height: 24px;
}
@media (max-width: 767px) {
  article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap {
    padding-left: 18px;
  }
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 10px;
  background-color: #444;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:after {
    left: 6px;
  }
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:hover, article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:focus {
  border-bottom: 1px solid #3da6d3;
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:hover:after, article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:focus:after {
  background-color: #3da6d3;
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:hover .link-txt, article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:focus .link-txt {
  color: #3da6d3;
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:hover .ic.ic-link, article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap:focus .ic.ic-link {
  background: url("../img/ic_link_active.svg") no-repeat center/cover;
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap .ic {
  margin-left: 6px;
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap .ic.ic-link {
  background: url("../img/ic_link.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap .link-txt {
  color: #444;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  font-weight: 500;
}
@media (max-width: 767px) {
  article.terms-link-layout1 .link-item-list .link-item-box .link-item-wrap .link-txt {
    font-size: 15px;
    line-height: 21px;
  }
}

article.email-deny-view .img-box {
  padding: 50px 0 32px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  article.email-deny-view .img-box {
    padding: 32px 0 26px;
  }
}
article.email-deny-view .img-box img {
  max-width: 100%;
}
article.email-deny-view .txt-box {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #444;
}
@media (max-width: 767px) {
  article.email-deny-view .txt-box {
    font-size: 15px;
    line-height: 21px;
  }
  article.email-deny-view .txt-box br {
    display: none;
  }
}

article.location-list-layout1 .list-wrap ul li + li {
  margin-top: 80px;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li + li {
    margin-top: 54px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap {
  display: flex;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .view-box {
    order: 2;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .view-box .img-box {
  width: 760px;
  display: flex;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .view-box .img-box {
    width: 100%;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .view-box .img-box img {
  max-width: 100%;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box {
  flex: 1;
  min-width: 0;
  padding-left: 42px;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box {
    order: 1;
    padding: 0 0 12px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-tit-box {
  padding-bottom: 24px;
  color: #123e88;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-tit-box {
    font-size: 22px;
    padding-bottom: 12px;
    line-height: 26px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row + .row {
  margin-top: 18px;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row + .row {
    margin-top: 8px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box {
  display: flex;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box .ic {
  margin-right: 6px;
  width: 24px;
  height: 24px;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box .ic {
    width: 22px;
    height: 22px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box .ic.ic-location {
  background: url("../img/ic_location.svg") no-repeat center/cover;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box .ic.ic-tel {
  background: url("../img/ic_tel.svg") no-repeat center/cover;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box .ic.ic-fax {
  background: url("../img/ic_fax.png") no-repeat center/cover;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box .ic.ic-traffic {
  background: url("../img/ic_traffic.svg") no-repeat center/cover;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box .subject-txt {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .subject-box .subject-txt {
    font-size: 16px;
    line-height: 22px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list {
  padding-top: 6px;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list {
    padding-top: 4px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box {
  display: flex;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box + .sub-item-box {
  margin-top: 6px;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box + .sub-item-box {
    margin-top: 4px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-subject-box {
  width: 70px;
  padding-left: 20px;
  line-height: 21px;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  position: relative;
  word-break: break-all;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-subject-box {
    width: 66px;
    padding-left: 18px;
    font-size: 15px;
    line-height: 20px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-subject-box.full {
  width: 100%;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-subject-box.full:before {
  display: none;
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-subject-box:before {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  height: 15px;
  width: 1px;
  background-color: #aaaaaa;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-subject-box:before {
    height: 14px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-subject-box:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  background-color: #444;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-subject-box:after {
    left: 6px;
    top: 8px;
  }
}
article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-con-box {
  padding-left: 18px;
  line-height: 21px;
  font-size: 16px;
  font-weight: 500;
  color: #444;
}
@media (max-width: 767px) {
  article.location-list-layout1 .list-wrap ul li .item-wrap .info-box .info-item-list .row .con-box .sub-item-list .sub-item-box .sub-con-box {
    font-size: 15px;
    line-height: 20px;
  }
}

article.step-list-layout1 .step-list {
  padding: 4px 0;
}
article.step-list-layout1 .step-list .step-box + .step-box {
  padding-top: 34px;
  margin-top: 34px;
  border-top: 1px dashed #DDD;
  position: relative;
}
@media (max-width: 1279px) {
  article.step-list-layout1 .step-list .step-box + .step-box {
    margin-top: 20px;
    padding-top: 20px;
  }
}
article.step-list-layout1 .step-list .step-box + .step-box:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  background: url("../img/ic_step_arrow2.svg") no-repeat center/cover;
  width: 36px;
  height: 36px;
}
@media (max-width: 1279px) {
  article.step-list-layout1 .step-list .step-box + .step-box:after {
    top: -12px;
    width: 24px;
    height: 24px;
  }
}
article.step-list-layout1 .step-list .step-box .step-head-box {
  padding-bottom: 8px;
  padding-left: 36px;
  position: relative;
}
@media (max-width: 1279px) {
  article.step-list-layout1 .step-list .step-box .step-head-box {
    padding-left: 32px;
    padding-bottom: 5px;
  }
}
article.step-list-layout1 .step-list .step-box .step-head-box .num-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #63B0CC;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #63B0CC;
}
@media (max-width: 1279px) {
  article.step-list-layout1 .step-list .step-box .step-head-box .num-box {
    font-size: 15px;
  }
}
article.step-list-layout1 .step-list .step-box .step-head-box .tit-box {
  font-weight: 700;
  letter-spacing: -0.03em;
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .step-head-box .tit-box {
    font-size: 15px;
  }
}
article.step-list-layout1 .step-list .step-box .step-body-box {
  padding-left: 36px;
}
@media (max-width: 1279px) {
  article.step-list-layout1 .step-list .step-box .step-body-box {
    padding-left: 0;
  }
}
article.step-list-layout1 .step-list .step-box .order-item-list {
  padding-top: 10px;
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box {
  display: flex;
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box + .order-item-box {
  margin-top: 12px;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box + .order-item-box {
    margin-top: 10px;
  }
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-subject-box .subject-box {
  position: relative;
  top: -4px;
  width: 90px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #67AAF2;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.01em;
  border-radius: 100px;
  border: 1px solid #67AAF2;
  font-weight: 700;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-subject-box .subject-box {
    top: -3px;
    font-size: 15px;
    line-height: 18px;
    height: 22px;
    width: 80px;
  }
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box {
  flex: 1;
  min-width: 0;
  padding-left: 10px;
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .order-txt-box {
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .order-txt-box {
    font-size: 14px;
    line-height: 18px;
  }
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .group-txt-list {
  padding-top: 6px;
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .group-txt-list .group-txt-box + .group-txt-box {
  margin-top: 6px;
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .group-txt-list .group-txt-box .txt-tit-box {
  padding-bottom: 2px;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .group-txt-list .group-txt-box .txt-tit-box {
    font-size: 14px;
    line-height: 18px;
  }
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .group-txt-list .group-txt-box .txt-con-box .txt-box {
  color: #666;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .group-txt-list .group-txt-box .txt-con-box .txt-box {
    font-size: 13px;
    line-height: 16px;
  }
}
article.step-list-layout1 .step-list .step-box .order-item-list .order-item-box .order-contents-box .group-txt-list .group-txt-box .txt-con-box .txt-box + .txt-box {
  margin-top: 2px;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .dot-txt-list {
    padding-left: 32px;
    padding-top: 4px;
  }
}
article.step-list-layout1 .step-list .step-box .dot-txt-list .dot-txt-box {
  padding-left: 16px;
  position: relative;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .dot-txt-list .dot-txt-box {
    font-size: 14px;
    line-height: 18px;
    padding-left: 12px;
  }
}
article.step-list-layout1 .step-list .step-box .dot-txt-list .dot-txt-box:before {
  content: "";
  position: absolute;
  left: 7px;
  top: 7px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #444444;
}
@media (max-width: 767px) {
  article.step-list-layout1 .step-list .step-box .dot-txt-list .dot-txt-box:before {
    left: 4px;
    top: 7px;
  }
}

article.procedure-view-layout1 .procedure-view-box .img-box img {
  max-width: 100%;
}
article.procedure-view-layout1 .procedure-info-box {
  padding-top: 24px;
}
article.procedure-view-layout1 .procedure-info-box .info-wrap {
  border-radius: 6px;
  background-color: #f8f8f8;
  padding: 30px 54px;
}
@media (max-width: 767px) {
  article.procedure-view-layout1 .procedure-info-box .info-wrap {
    padding: 12px 16px;
  }
}
article.procedure-view-layout1 .procedure-info-box .info-wrap .info-head-box {
  padding-bottom: 12px;
}
@media (max-width: 767px) {
  article.procedure-view-layout1 .procedure-info-box .info-wrap .info-head-box {
    padding-bottom: 6px;
  }
}
article.procedure-view-layout1 .procedure-info-box .info-wrap .info-head-box .head-box {
  height: 44px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  background-color: #484f69;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px;
  color: #fff;
}
@media (max-width: 767px) {
  article.procedure-view-layout1 .procedure-info-box .info-wrap .info-head-box .head-box {
    height: 32px;
    font-size: 16px;
  }
}
article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .txt-box {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .txt-box {
    font-size: 15px;
    line-height: 21px;
  }
}
article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .txt-box + .txt-box {
  margin-top: 10px;
}
article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .row-list {
  padding-left: 20px;
}
@media (max-width: 767px) {
  article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .row-list {
    padding-left: 0;
  }
}
article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .row-list .row {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: -0.02em;
  font-weight: 500;
}
@media (max-width: 767px) {
  article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .row-list .row {
    padding-left: 20px;
    font-size: 15px;
    line-height: 21px;
  }
}
article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .row-list .row:after {
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 6px;
  top: 12px;
  width: 3px;
  height: 3px;
  background-color: #171010;
}
@media (max-width: 767px) {
  article.procedure-view-layout1 .procedure-info-box .info-wrap .info-body-box .row-list .row:after {
    top: 8px;
    left: 6px;
  }
}

article.consulting-visual-layout1 {
  margin-top: 32px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 {
    margin-top: 24px;
  }
}
article.consulting-visual-layout1 .visual-top-wrap {
  background: #edece9 url("../img/img_cs_consulting_visual_bg.png") no-repeat right bottom;
  padding-bottom: 36px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-top-wrap {
    margin: 0 -20px;
    background: #edece9 url("../img/img_cs_consulting_visual_bg_m.png") no-repeat right bottom;
    padding-bottom: 216px;
  }
}
article.consulting-visual-layout1 .visual-mid-wrap {
  padding: 25px 0 25px 532px;
  position: relative;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-mid-wrap {
    margin: 0 -20px;
    padding: 0 20px 16px;
  }
}
article.consulting-visual-layout1 .visual-mid-wrap .img-box {
  position: absolute;
  left: 32px;
  top: -20px;
  z-index: 100;
  max-width: 453px; /* 231109 수정 */
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-mid-wrap .img-box {
    left: 50%;
    transform: translateX(-50%);
    bottom: 120px;
    top: auto;
    min-width: 280px; /* 231109 수정 */
  }
}
article.consulting-visual-layout1 .visual-mid-wrap .img-box img {
  max-width: 100%;
}
article.consulting-visual-layout1 .visual-mid-wrap .info-box .subject-box {
  padding-bottom: 19px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-mid-wrap .info-box .subject-box {
    position: relative;
    z-index: 101;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: -16px;
  }
}
article.consulting-visual-layout1 .visual-mid-wrap .info-box .subject-box .subject-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #564c42;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.03em;
  height: 44px;
  padding: 0 32px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-mid-wrap .info-box .subject-box .subject-txt {
    height: 32px;
    padding: 0 37px;
    font-size: 18px;
    line-height: 24px;
  }
}
article.consulting-visual-layout1 .visual-mid-wrap .info-box .con-box .row {
  padding-left: 54px;
  background: url("../img/img_cs_consulting_dot.svg") no-repeat top 10px left;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-mid-wrap .info-box .con-box .row {
    background-size: 18px 6px;
    background-position: left top 8px;
    font-size: 16px;
    line-height: 24px;
    padding-left: 26px;
  }
}
article.consulting-visual-layout1 .visual-mid-wrap .info-box .con-box .row + .row {
  margin-top: 12px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-mid-wrap .info-box .con-box .row + .row {
    margin-top: 4px;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap {
  padding: 37px 0 48px 532px;
  position: relative;
  background-color: #63B0CC;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap {
    margin: 0 -20px;
    padding: 20px;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .subject-box {
  font-size: 34px;
  line-height: 44px;
  color: #fff;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap .info-box .subject-box {
    font-size: 22px;
    line-height: 28px;
    word-break: break-all;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .subject-box b {
  color: #FFEE71;
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box {
  padding-top: 21px;
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row {
  display: flex;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row {
    flex-direction: column;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row + .row {
  margin-top: 10px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row + .row {
    margin-top: 8px;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .label-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid var(--line-02, #DDD);
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  width: 78px;
  font-weight: 700;
  height: 28px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .label-box {
    height: 26px;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box {
  padding-left: 12px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box {
    padding: 2px 0 0 0;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box .txt-box {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.03em;
  color: #fff;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box .txt-box {
    font-size: 15px;
    line-height: 20px;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box .txt-box + .txt-box {
  margin-top: 4px;
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box .txt-box.type-big {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box .txt-box.type-big {
    font-size: 20px;
    line-height: 24px;
  }
}
article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box .txt-box .link-btn {
  position: relative;
  top: 3px;
  display: inline-flex;
  align-items: center;
  background: url(../img/ic_url_link_white.svg) no-repeat center/cover;
  width: 18px;
  height: 18px;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-bottom-wrap .info-box .con-box .row .desc-box .txt-box .link-btn {
    width: 16px;
    height: 16px;
  }
}
article.consulting-visual-layout1 .visual-view-box img {
  max-width: 100%;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-info-box {
    padding: 17px 20px 4px;
  }
}
article.consulting-visual-layout1 .visual-info-box .info-list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-info-box .info-list {
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box {
  padding: 18px 0 18px;
  width: 100%;
}
article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box + .info-item-box {
  border-left: 1px dotted #aaa;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box + .info-item-box {
    border-top: 1px dotted #aaa;
    border-left: 0;
  }
}
article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .img-box {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .img-box {
    max-width: 36px;
    margin: 0 auto;
  }
  article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .img-box img {
    max-width: 100%;
  }
}
article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .subject-box {
  text-align: center;
  padding: 14px 0 32px;
  color: #444;
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: -0.03em;
  position: relative;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .subject-box {
    font-size: 22px;
    padding-bottom: 24px;
  }
}
article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .subject-box:after {
  content: "";
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 1px;
  background-color: #67AAF2;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .subject-box:after {
    bottom: 12px;
  }
}
article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .con-box {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #444444;
}
@media (max-width: 767px) {
  article.consulting-visual-layout1 .visual-info-box .info-list .info-item-box .con-box {
    font-size: 15px;
    line-height: 20px;
  }
}

article.consulting-menu-layout1 {
  margin-top: 32px;
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 {
    margin-top: 24px;
  }
}
article.consulting-menu-layout1 .consulting-menu-list {
  display: flex;
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 .consulting-menu-list {
    flex-direction: column;
  }
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 32px;
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box {
    width: 100%;
    padding: 0;
  }
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box + .consulting-menu-box {
  border-left: 1px solid #eee;
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box + .consulting-menu-box {
    border-top: 1px solid #eee;
    border-left: 0;
    margin-top: 42px;
    padding-top: 42px;
  }
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 380px;
  height: 290px;
  margin: 0 auto;
  padding: 32px;
  border: 1px solid transparent;
  border-radius: 8px;
  width: 100%;
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-menu-btn {
    padding: 28px;
    justify-content: flex-start;
    width: 100%;
    height: 250px;
  }
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-menu-btn:hover, article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-menu-btn:focus {
  border: 1px solid #63B0CC;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-menu-btn .subject-box {
  font-weight: 700;
  font-size: 28px;
  line-height: 30px;
  text-align: center;
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-menu-btn .subject-box {
    padding-bottom: 16px;
    font-size: 25px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-menu-btn .img-box {
    max-width: 150px;
    margin: 0 auto;
  }
  article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-menu-btn .img-box img {
    max-width: 100%;
  }
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-info-box {
  padding: 32px 0 0;
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-info-box .info-txt-box {
  padding-left: 32px;
  position: relative;
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-info-box .info-txt-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/ic_info2.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-info-box .info-txt-box .txt-box {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-info-box .info-txt-box .txt-box {
    font-size: 15px;
    line-height: 20px;
  }
}
article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-info-box .info-txt-box .txt-box + .txt-box {
  margin-top: 12px;
}
@media (max-width: 767px) {
  article.consulting-menu-layout1 .consulting-menu-list .consulting-menu-box .consulting-info-box .info-txt-box .txt-box + .txt-box {
    margin-top: 8px;
  }
}

article.consulting-agree-layout1 .agree-group-box .agree-head-box {
  color: #444444;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: -0.05em;
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  article.consulting-agree-layout1 .agree-group-box .agree-head-box {
    font-size: 18px;
    line-height: 24px;
  }
}
article.consulting-agree-layout1 .agree-group-box .agree-body-box {
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #F8F8F8;
  padding: 16px 24px;
}
@media (max-width: 767px) {
  article.consulting-agree-layout1 .agree-group-box .agree-body-box {
    padding: 12px 18px;
  }
}
article.consulting-agree-layout1 .agree-group-box .agree-body-box .row + .row {
  margin-top: 24px;
}
@media (max-width: 767px) {
  article.consulting-agree-layout1 .agree-group-box .agree-body-box .row + .row {
    margin-top: 18px;
  }
}
article.consulting-agree-layout1 .agree-group-box .agree-body-box .row .subject-box {
  padding-bottom: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.consulting-agree-layout1 .agree-group-box .agree-body-box .row .subject-box {
    padding-bottom: 6px;
    font-size: 16px;
    line-height: 22px;
  }
}
article.consulting-agree-layout1 .agree-group-box .agree-body-box .row .con-box .txt-item-box + .txt-item-box {
  margin-top: 8px;
}
article.consulting-agree-layout1 .agree-group-box .agree-body-box .row .con-box .txt-box {
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  article.consulting-agree-layout1 .agree-group-box .agree-body-box .row .con-box .txt-box {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  article.consulting-agree-layout1 .agree-group-box .agree-body-box .row .con-box .txt-box + .sub-txt-box {
    margin-top: 2px;
  }
}
article.consulting-agree-layout1 .agree-group-box .agree-body-box .row .con-box .sub-txt-box {
  font-weight: 500;
  color: #666666;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.consulting-agree-layout1 .agree-group-box .agree-body-box .row .con-box .sub-txt-box {
    font-size: 14px;
    line-height: 17px;
  }
}
article.consulting-agree-layout1 .agree-check-box {
  padding-top: 12px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  article.consulting-agree-layout1 .agree-check-box {
    padding-top: 8px;
  }
}

article.form-input-layout1 .contents-wrap {
  padding: 8px 12px;
  width: 100%;
}
article.form-input-layout1 .file-upload-box .upload-head-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 9px;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-upload-box .upload-head-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
article.form-input-layout1 .file-upload-box .upload-head-box.type-disabled {
  opacity: 0.5;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box {
  display: inline-flex;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .upload-btn {
  background: #f1efeb;
  border: 1px solid #aaa;
  border-radius: 5px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  cursor: pointer;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .upload-btn input[type=file] {
  position: absolute;
  left: -9999px;
  transform: scale(0);
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .upload-btn .ic-upload {
  margin-right: 6px;
  background: url("../img/ic_file_upload.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .upload-btn .txt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.08em;
  color: #444;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .remove-box {
  margin-left: 12px;
  display: inline-flex;
  align-items: center;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .remove-box .remove-btn {
  position: relative;
  display: inline-flex;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .remove-box .remove-btn + .remove-btn {
  margin-left: 28px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .remove-box .remove-btn + .remove-btn:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #585B62;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .remove-box .remove-btn .ic {
  margin-right: 5px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .remove-box .remove-btn .ic.ic-select-remove {
  background: url("../img/ic_file_select_remove.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .remove-box .remove-btn .ic.ic-all-remove {
  background: url("../img/ic_file_all_remove.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .remove-box .remove-btn .txt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 17px;
  color: #444;
}


article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .download-box {
  margin-left: 12px;
  display: inline-flex;
  align-items: center;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .download-box .download-btn {
  position: relative;
  display: inline-flex;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .download-box .download-btn + .download-btn {
  margin-left: 28px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .download-box .download-btn + .download-btn:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #585B62;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .download-box .download-btn .ic {
  margin-right: 5px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .download-box .download-btn .ic.ic-select-download {
  background: url("../img/ic_file_download.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .download-box .download-btn .ic.ic-all-download {
  background: url("../img/ic_file_download.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-menu-box .download-box .download-btn .txt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 17px;
  color: #444;
}





article.form-input-layout1 .file-upload-box .upload-head-box .upload-view-box {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-upload-box .upload-head-box .upload-view-box {
    padding-top: 6px;
    width: 100%;
  }
}
article.form-input-layout1 .file-upload-box .upload-head-box .upload-view-box .info-result-box {
  position: relative;
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.05em;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-upload-box .upload-head-box .upload-view-box .info-result-box {
    font-size: 14px;
    line-height: 24px;
  }
}
article.form-input-layout1 .file-upload-box .upload-body-box .file-drag-box {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.form-input-layout1 .file-upload-box .upload-body-box .file-drag-box .ic-box {
  display: flex;
  justify-content: center;
}
article.form-input-layout1 .file-upload-box .upload-body-box .file-drag-box .ic-box img {
  max-width: 100%;
}
article.form-input-layout1 .file-upload-box .upload-body-box .file-drag-box .txt-box {
  padding-top: 8px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #444;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-upload-box .upload-body-box .file-drag-box .txt-box {
    text-align: center;
    font-size: 14px;
  }
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box {
  border: 1px solid #dddddd;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .cell-box:nth-child(1) {
  width: auto;
  padding: 5px 8px;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .cell-box:nth-child(2) {
  width: 100%;
  min-width: 0;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .cell-box:nth-child(3) {
  min-width: 200px;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .cell-box:nth-child(3) {
    min-width: 80px;
  }
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .cell-box.center {
  text-align: center;
  justify-content: center;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .cell-box.right {
  text-align: right;
  justify-content: flex-end;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .head-box {
  background-color: #F6F6F6;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .head-box .row {
  display: flex;
  align-items: center;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .head-box .row .cell-box {
  padding: 3px 15px;
  font-size: 15px;
  line-height: 18px;
  color: #444;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .head-box .row .cell-box {
    padding: 2px 10px;
  }
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .body-box {
  max-height: 96px;
  overflow-y: auto;
  background-color: #fff;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .body-box .row {
  display: flex;
  align-items: center;
  min-width: 0;
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .body-box .row .cell-box {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  color: #111;
  letter-spacing: -0.05em;
  padding: 4px 15px;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .body-box .row .cell-box {
    padding: 2px 10px;
  }
}
article.form-input-layout1 .file-upload-box .upload-body-box .upload-table-box .body-box .row .cell-box .file-name-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
/*파일다운로드*/
article.form-input-layout1 .file-download-box .download-head-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 9px;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-download-box .download-head-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
article.form-input-layout1 .file-download-box .download-head-box.type-disabled {
  opacity: 0.5;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box {
  display: inline-flex;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .download-btn {
  background: #f1efeb;
  border: 1px solid #aaa;
  border-radius: 5px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  cursor: pointer;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .download-btn input[type=file] {
  position: absolute;
  left: -9999px;
  transform: scale(0);
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .download-btn .ic-download {
  margin-right: 6px;
  background: url("../img/ic_file_download.svg") no-repeat center/cover;
  width: 12px;
  height: 12px;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .download-btn .txt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.08em;
  color: #444;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .remove-box {
  margin-left: 12px;
  display: inline-flex;
  align-items: center;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .remove-box .remove-btn {
  position: relative;
  display: inline-flex;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .remove-box .remove-btn + .remove-btn {
  margin-left: 28px;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .remove-box .remove-btn + .remove-btn:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #585B62;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .remove-box .remove-btn .ic {
  margin-right: 5px;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .remove-box .remove-btn .ic.ic-select-download {
  background: url("../img/ic_file_download.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .remove-box .remove-btn .ic.ic-all-remove {
  background: url("../img/ic_file_download.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.form-input-layout1 .file-download-box .download-head-box .download-menu-box .remove-box .remove-btn .txt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 17px;
  color: #444;
}
article.form-input-layout1 .file-download-box .download-head-box .download-view-box {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-download-box .download-head-box .download-view-box {
    padding-top: 6px;
    width: 100%;
  }
}
article.form-input-layout1 .file-download-box .download-head-box .download-view-box .info-result-box {
  position: relative;
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.05em;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-download-box .download-head-box .download-view-box .info-result-box {
    font-size: 14px;
    line-height: 24px;
  }
}
article.form-input-layout1 .file-download-box .download-body-box .file-drag-box {
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
article.form-input-layout1 .file-download-box .download-body-box .file-drag-box .ic-box {
  display: flex;
  justify-content: center;
}
article.form-input-layout1 .file-download-box .download-body-box .file-drag-box .ic-box img {
  max-width: 100%;
}
article.form-input-layout1 .file-download-box .download-body-box .file-drag-box .txt-box {
  padding-top: 8px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #444;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-download-box .download-body-box .file-drag-box .txt-box {
    text-align: center;
    font-size: 14px;
  }
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box {
  border: 1px solid #dddddd;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .cell-box:nth-child(1) {
  width: auto;
  padding: 5px 8px;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .cell-box:nth-child(2) {
  width: 100%;
  min-width: 0;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .cell-box:nth-child(3) {
  min-width: 200px;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-download-box .download-body-box .download-table-box .cell-box:nth-child(3) {
    min-width: 80px;
  }
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .cell-box.center {
  text-align: center;
  justify-content: center;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .cell-box.right {
  text-align: right;
  justify-content: flex-end;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .head-box {
  background-color: #F6F6F6;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .head-box .row {
  display: flex;
  align-items: center;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .head-box .row .cell-box {
  padding: 3px 15px;
  font-size: 15px;
  line-height: 18px;
  color: #444;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-download-box .download-body-box .download-table-box .head-box .row .cell-box {
    padding: 2px 10px;
  }
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .body-box {
  max-height: 96px;
  overflow-y: auto;
  background-color: #fff;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .body-box .row {
  display: flex;
  align-items: center;
  min-width: 0;
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .body-box .row .cell-box {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  color: #111;
  letter-spacing: -0.05em;
  padding: 4px 15px;
}
@media (max-width: 767px) {
  article.form-input-layout1 .file-download-box .download-body-box .download-table-box .body-box .row .cell-box {
    padding: 2px 10px;
  }
}
article.form-input-layout1 .file-download-box .download-body-box .download-table-box .body-box .row .cell-box .file-name-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
/*//파일다운로드*/

article.form-input-layout1 .form-group-box + .form-group-box {
  margin-top: 24px;
}
article.form-input-layout1 .form-group-box .form-tit-box {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.05em;
  padding-bottom: 8px;
}
article.form-input-layout1 .form-box {
  border-top: 1px solid #aaaaaa;
}
article.form-input-layout1 .form-box > .row {
  display: flex;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row {
    flex-direction: column;
  }
}
article.form-input-layout1 .form-box > .row .item-box {
  display: inline-flex;
  width: 100%;
}
@media (max-width: 1279px) {
article.form-input-layout1 .form-box > .row .item-box {
  background-color: #FFFFFF;
}
}
@media (max-width: 767px) {
article.form-input-layout1 .form-box > .row .item-box {
  background-color: #FFFFFF;
}
}
article.form-input-layout1 .form-box > .row .item-box + .item-box {
  padding-left: 40px;
}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box + .item-box {
    border-top: 1px solid #dddddd;
    padding-left: 0;
  }
}
article.form-input-layout1 .form-box > .row .item-box .subject-box {
  width: 118px;
  padding: 5px;
  min-height: 42px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box {
    width: 100px;
    min-height: 36px;
    padding: 5px 8px 5px 8px;
    align-items: center;
  }
}

article.form-input-layout1 .form-box > .row .item-box .subject-box .subject-txt {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.48px;
  position: relative;
  width: 100%;

}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box .subject-txt {
    font-size: 15px;
    line-height: 18px;
    margin-top: 4px;
  }
}
article.form-input-layout1 .form-box > .row .item-box .subject-box .subject-txt:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #FFF;
  width: 1px;
  height: 18px;
}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box .subject-txt:after {
    top: 0;
    bottom: 0;
    height: auto;
    transform: none;
  }
}

article.form-input-layout1 .form-box > .row .item-box .subject-box {
  width: 118px;
  padding: 5px;
  min-height: 42px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box {
    width: 100px;
    min-height: 36px;
    padding: 5px 8px 5px 8px;
    align-items: center;
  }
}

article.form-input-layout1 .form-box > .row .item-box .subject-box .subject-txt {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.48px;
  position: relative;
  width: 100%;

}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box .subject-txt {
    font-size: 15px;
    line-height: 18px;
    margin-top: 4px;
  }
}
article.form-input-layout1 .form-box > .row .item-box .subject-box .subject-txt:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #FFF;
  width: 1px;
  height: 18px;
}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box .subject-txt:after {
    top: 0;
    bottom: 0;
    height: auto;
    transform: none;
  }
}



article.form-input-layout1 .form-box > .row .item-box .subject-box2 {
  width: 118px;
  padding: 5px;
  min-height: 42px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background-color: #F6F6F6;

}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box2 {
    width: 100px;
    min-height: 36px;
    padding: 5px 8px 5px 8px;
    align-items: center;
  }
}

article.form-input-layout1 .form-box > .row .item-box .subject-box2 .subject-txt {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.48px;
  position: relative;
  width: 100%;


}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box2 .subject-txt {
    font-size: 15px;
    line-height: 18px;
    margin-top: 4px;
  }
}
article.form-input-layout1 .form-box > .row .item-box .subject-box2 .subject-txt:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #FFF;
  width: 1px;
  height: 18px;
}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .subject-box2 .subject-txt:after {
    top: 0;
    bottom: 0;
    height: auto;
    transform: none;
  }
}







article.form-input-layout1 .form-box > .row .item-box .con-box {
  flex: 1;
  min-width: 0;
  min-height: 42px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 24px;
  display: flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.form-input-layout1 .form-box > .row .item-box .con-box {
    font-size: 15px;
    line-height: 18px;
    min-height: 36px;
    padding: 5px 8px;
  }
}
article.form-input-layout1 .form-box > .row .item-box .con-box .con-txt-box {
  word-break: break-word;
}
article.form-input-layout1 .form-note-box {
  padding-top: 6px;
}
article.form-input-layout1 .form-note-box .note-box {
  display: flex;
  align-items: center;
}
article.form-input-layout1 .form-note-box .note-box .ic-info {
  background: url("../img/ic_info.svg") no-repeat center/cover;
  width: 22px;
  height: 22px;
  margin-right: 4px;
}
article.form-input-layout1 .form-note-box .note-box .txt {
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.75px;
}

/*main*/
.main{ margin: 0;    padding: 0;    display: flex;    justify-content: center;    align-items: center;}
.mainCtnarea1{
display: flex; width: 100%; max-width: 1398px; margin: 0 auto; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 10px 20px; box-sizing: border-box;}

@media (max-width: 600px) {
	.mainCtnarea1 {
		flex-direction: column;
	}
}
@media (min-width: 767px) and (max-width: 1279px) {
	.mainCtnarea1 {
		flex-direction: column;
	}
}
@media (min-width: 1439px) {
	.mainCtnarea1 {
		flex-direction: row;
	}
}
.main_left {overflow: hidden; float: left; width: 100%;  margin-top: 30px; padding: 50px 38px 51px 59px; box-sizing: border-box;}
/* .main_right section {padding: 31px 0;} */

@media (max-width: 767px) {
.main_left {overflow: hidden; float: left; width: 100%;  margin-top: 30px; padding: 30px 18px 31px 39px; box-sizing: border-box;}
}



span.line1{display: block; background-color: #abd1f4; border-radius: 8px; width: 75px; height: 8px;}
h2.infotitle1{margin-top: 29px; width: 60%; font-weight: 600; font-size:26px; color:#121212;}
@media (max-width: 767px) {
h2.infotitle1{margin-top: 29px; width: 98%; font-weight: 600; font-size:22px; color:#121212; line-height: 27px;}
}

h3.infotxt1{ color: #121212; font-weight: 300; text-align: left; width: 60%;  line-height: 26px; font-size: 16px; padding: 29px 0px 23px 0px;}

@media (max-width: 767px) {
h3.infotxt1{ color: #121212; font-weight: 300; text-align: left; width: 98%;  line-height: 18px; font-size: 14px; padding: 29px 0px 23px 0px;}
}

a.btn_detail1{color: #151515; background-color:#ddeaf7; text-align: center; align-items: center; text-decoration: none; font-weight: 400; width: 145px; height: 35px; border: 1px solid #ddeaf7; border-radius: 3px; cursor:pointer; box-sizing: border-box; padding-top: 7px;}
a.btn_detail1:hover {background-color:#7eb3e8; width: 145px; height: 35px; border-radius: 3px;}
a.btn_detail1:active {ackground-color:#ddeaf7; width: 145px; height: 35px; border-radius: 3px;}
a.btn_detail1:link {background-color:#ddeaf7; width: 145px; height: 35px; border-radius: 3px;}
a.btn_detail1:visited {background-color: #ddeaf7; width: 145px; height: 35px; border-radius: 3px;}


.main_right {overflow: hidden; float: right; width: 100%; margin-top: 30px; padding: 50px 38px 51px 59px; box-sizing: border-box;}
/* .main_right section {padding: 31px 0;} */
@media (max-width: 767px) {
.main_right {overflow: hidden; float: right; width: 100%; margin-top: 30px; padding: 30px 18px 31px 39px; box-sizing: border-box;}
}

span.line2{display: block; background-color: #bfcef2; border-radius: 8px; width: 75px; height: 8px;}
h2.infotitle2{margin-top: 29px; width: 60%; font-weight: 600; font-size:26px; color:#121212;}
@media (max-width: 767px) {
h2.infotitle2{margin-top: 29px; width: 98%; font-weight: 600; font-size:22px; color:#121212; line-height: 27px;}
}

h3.infotxt2{ color: #121212; font-weight: 300; text-align: left; width: 60%;  line-height: 26px; font-size: 16px; padding: 29px 0px 23px 0px;}
@media (max-width: 767px) {
h3.infotxt2{ color: #121212; font-weight: 300; text-align: left; width: 98%;  line-height: 18px; font-size: 14px; padding: 29px 0px 23px 0px;}
}

a.btn_detail2{color: #151515; background-color: #e3ebfe; text-align: center; align-items: center; text-decoration: none; font-weight: 400; width: 145px; height: 35px; border: 1px solid #e3ebfe; border-radius: 3px; cursor:pointer; box-sizing: border-box; padding-top: 7px;}
a.btn_detail2:hover {background-color:#c3d0f5; width: 145px; height: 35px; border-radius: 3px;}
a.btn_detail2:active {background-color:#e3ebfe; width: 145px; height: 35px; border-radius: 3px;}
a.btn_detail2:link {background-color:#e3ebfe; width: 145px; height: 35px; border-radius: 3px;}
a.btn_detail2:visited {background-color:#e3ebfe; width: 145px; height: 35px; border-radius: 3px;}

.mContBox1 {flex: 1; border: 1px solid #7eb5e7; border-radius: 13px; background: url(../img/main/mContBox1bg.png) no-repeat right; box-sizing:border-box; }
@media (max-width: 767px) {
.mContBox1 {flex: 1; border: 1px solid #7eb5e7; border-radius: 8px; background: url(../img/main/mContBox1bg_m.png) no-repeat right; box-sizing:border-box; }
}


.mContBox2 {flex: 1; border: 1px solid #a4aaf0; border-radius: 13px; background: url(../img/main/mContBox2bg.png) no-repeat right; box-sizing:border-box; }
@media (max-width: 767px) {
.mContBox2 {flex: 1; border: 1px solid #a4aaf0; border-radius: 13px; background: url(../img/main/mContBox2bg_m.png) no-repeat right; box-sizing:border-box; }
}

/* 공지사항 */
.m_news{position:relative; width:100%; padding-bottom: 0px;}
.m_news h3.tle {margin-bottom: 14px; font-size: 20px; }
@media (max-width: 767px) {
	.m_news h3.tle {margin-bottom: 14px; font-size: 20px; font-weight: 600;}
}
.m_news .m_newsGo {display: block; position: absolute;right: 0;top: 0px; width: 73px; height: 20px;}
@media (max-width: 767px) {
.m_news .m_newsGo {font-size: 14px; }
}
.m_news li {padding: 5px 2px; font-size: 16px;}
@media (max-width: 767px) {
.m_news li {padding: 5px 2px; font-size: 14px;}
}
.m_news li > a {display: block; overflow: hidden; }
.m_news li > a:hover{font-weight: 500}
.m_news .m_newsHead{float: left;display: block;max-width: 69%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-right: 25px;color: #111;}
.m_news .m_newsHead .new{width: 18px;height: 18px;border-radius: 30%;background: #f31f3b; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.m_news .m_newsHead .new:after{content: 'N';color: #fff;position: absolute;left: 5px;top: 3px;font-size: 11px;line-height: 1;}
.m_news .m_newsDate{float: left;color: #7c7c7e;padding-right: 8px;}
@media (max-width: 767px) {
.m_news .m_newsDate{float: left;color: #7c7c7e;padding:0px 8px 5px 0px;}
}

/* 자주하는질문 */
.m_faq{position:relative; width:100%; padding-bottom: 0px;}
.m_faq h3.tle {margin-bottom: 14px; font-size: 20px;}
@media (max-width: 767px) {
.m_faq h3.tle {margin-bottom: 14px; font-size: 20px; font-weight: 600;}
}
.m_faq .m_faqGo {display: block; position: absolute;right: 0;top: 0px; width: 73px; height: 20px;}
@media (max-width: 767px) {
.m_faq .m_faqGo {font-size: 14px;}
}

.m_faq li {padding: 5px 2px; font-size: 16px;}
@media (max-width: 767px) {
.m_faq li {padding: 5px 2px; font-size: 14px;}
}
.m_faq li > a {display: block; overflow: hidden; }
.m_faq li > a:hover{font-weight: 500}
.m_faq .m_faqsHead{float: left;display: block;max-width: 69%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-right: 25px;color: #111;}
.m_faq .m_faqHead .new{width: 18px;height: 18px;border-radius: 100%;background: #f31f3b; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.m_faq .m_faqHead .new:after{content: 'N';color: #fff;position: absolute;left: 5px;top: 3px;font-size: 11px;line-height: 1;}
.m_faq .m_faqDate{float: left;color: #7c7c7e;padding-right: 8px;}
@media (max-width: 767px) {
.m_faq .m_faqDate{float: left;color: #7c7c7e;padding:0px 8px 5px 0px;}
}


.mContBox3 {flex: 1; border-radius: 13px; background: url(../img/main/mContBox3bg.png) no-repeat left; box-sizing:border-box;}
.mContBox4 {flex: 1; border-radius: 13px; background: url(../img/main/mContBox4bg.png) no-repeat left; box-sizing:border-box;}

.ctnSpacetype1{margin:1% auto;}
.ctnSpacetype2{margin:3% auto;}

ol.ctnNum{ padding-left: 7%; margin: 10px auto;}
ol.ctnNum li{list-style-type: decimal; padding: 5px 0px; font-size: 18px;}


@media (max-width: 1279px) {
ol.ctnNum{ padding-left: 7%; margin: 10px auto; font-size: 16px;}
}
@media (max-width: 1279px) {
ol.ctnNum li{list-style-type: decimal; padding: 5px 0px; font-size: 16px;}
}

@media (max-width: 767px) {
ol.ctnNum{ padding-left: 15%; margin: 10px auto; font-size: 16px;}
}
@media (max-width: 767px) {
ol.ctnNum li{list-style-type: decimal; padding: 5px 0px; font-size: 16px;}
}




div.ctnNumtype-inside {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 20px;
  margin-left: 60px;
}
@media (max-width: 1279px) {
div.ctnNumtype-inside {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
@media (max-width: 767px) {
div.ctnNumtype-inside {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 20px;
  margin-left: 40px;
  }
}
div.ctnNumtype-inside:after {
  content: "-";
  position: absolute;
  left: 8px;
  top: 2px;
  width: 3px;
  height: 3px;
}


div.ctnStartype-inside {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-left: 20px;
}
@media (max-width: 1279px) {
div.ctnStartype-inside {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.03em;
  }
}
div.ctnStartype-inside:after {
  content: "*";
  position: absolute;
  left: 8px;
  top: 2px;
  width: 3px;
  height: 3px;
}

/*수수료 폼*/
article.fee-form-layout .form-head-box {
  padding-bottom: 20px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-head-box {
    padding-bottom: 12px;
  }
}
article.fee-form-layout .form-head-box .head-box {
  padding-bottom: 18px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-head-box .head-box {
    padding-bottom: 0px;
  }
}
article.fee-form-layout .form-head-box .head-box .head-txt-box {
  color: #123e88;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.32px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-head-box .head-box .head-txt-box {
    font-size: 22px;
  }
}
article.fee-form-layout .form-head-box .note-box .note-msg-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 32px;
  margin-top: 2px;
  position: relative;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-head-box .note-box .note-msg-box {
    padding-left: 20px;
    margin-top: 6px;
  }
}
article.fee-form-layout .form-head-box .note-box .note-msg-box .ic-note {
  position: absolute;
  top: -2px;
  left: 0;
  margin-right: 6px;
  background: url("../img/ic_note_warning.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-head-box .note-box .note-msg-box .ic-note {
    top: 1px;
    margin-right: 0;
    width: 16px;
    height: 16px;
  }
}
article.fee-form-layout .form-head-box .note-box .note-msg-box .txt {
  flex: 1;
  min-width: 0;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 500;
  color: #DF5355;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-head-box .note-box .note-msg-box .txt {
    font-size: 15px;
    line-height: 19px;
  }
}
article.fee-form-layout .form-body-box .form-wrap {
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #F8F8F8;
  padding: 16px 28px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .form-wrap {
    position: relative;
    padding: 14px 12px;
  }
}
article.fee-form-layout .form-body-box .list-toggle-btn {
  display: none;
  position: absolute;
  right: 20px;
  bottom: 18px;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #AAA;
  background: #F1EFEB;
  width: 120px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-toggle-btn {
    display: inline-flex;
  }
}
article.fee-form-layout .form-body-box .list-toggle-btn.active .txt:before {
  content: "간단히보기";
}
article.fee-form-layout .form-body-box .list-toggle-btn.active .ic-toggle {
  background: url("../img/ic_form_toggle_hide.svg") no-repeat center/cover;
}
article.fee-form-layout .form-body-box .list-toggle-btn .txt:before {
  content: "상세검색";
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.8px;
}
article.fee-form-layout .form-body-box .list-toggle-btn .ic-toggle {
  background: url("../img/ic_form_toggle_show.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.fee-form-layout .form-body-box .list-wrap {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
 width: 70%;
}
@media (max-width: 767px) {
article.fee-form-layout .form-body-box .list-wrap {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  width: 100%;
  }
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap.active .item-box:nth-child(n+4) {
    display: inline-flex;
  }
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap {
	width: 100%;
	margin: 0;
    padding-bottom: 50px;
  }
  article.fee-form-layout .form-body-box .list-wrap.more-none {
    padding-bottom: 0;
  }
  article.fee-form-layout .form-body-box .list-wrap .item-box:nth-child(n+4) {
    display: none;
  }
}
article.fee-form-layout .form-body-box .list-wrap .line-box {
 border-bottom: 1px solid #d4d4d4;
width: 100%;
 margin: 7px auto;

}
article.fee-form-layout .form-body-box .list-wrap .item-box {
  margin: 8px;
  width: calc(33.33% - 16px);
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box {
    margin: 0;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  article.fee-form-layout .form-body-box .list-wrap .item-box + .item-box {
    margin-top: 16px;
  }
}

@media (max-width: 768px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box {
    margin: 0;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  article.fee-form-layout .form-body-box .list-wrap .item-box + .item-box {
    margin-top: 16px;
  }
}

article.fee-form-layout .form-body-box .list-wrap .item-box.full {
  width: 100%;
}

@media (max-width: 1279px) {
article.fee-form-layout .form-body-box .list-wrap .item-box.full {
  width: 100%;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box.divide {
  width: calc(50% - 16px);
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box.divide {
    width: 100%;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box.half {
  width: calc(66.66% - 16px);
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box.half {
    width: 100%;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .subject-box {
  text-align: center;
  width: 108px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-right: 6px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .subject-box {
    text-align: left;
    width: 100%;
    margin-right: 0;
    padding-bottom: 6px;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box {
    width: 100%;
  }
}

article.fee-form-layout .form-body-box .list-wrap .item-box .subject-box2 {
  text-align: left;
  width: 240px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-right: 6px;
  margin-left: 10px;
  box-sizing: border-box;
  padding-left: 100px;

}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .subject-box2 {
  text-align: left;
  width: 97%;
  margin-right: 0;
  padding-top:10px;
  padding-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  }
}
@media (max-width: 767px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .subject-box2 {
  text-align: left;
  width: 100%;
  margin-right: 0;
  padding-top:10px;
  padding-bottom: 10px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  }
}

article.fee-form-layout .form-body-box .list-wrap .item-box .subject-box3 {
  text-align: left;
  width: 100px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-right: 6px;
  margin-left: 10px;

}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .subject-box3 {
  text-align: left;
  width: 3%;
  margin-right: 0;
  margin-right: 0px;
  margin-left: 0px;
  position: relative ; left:98%;  top: -25%;
  }
}
@media (max-width: 767px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .subject-box3 {
  text-align: right;
  width: 6%;
  margin-right: 0;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  position: relative ; left:95%;  top: -24%;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box2 {
  flex: 1;
  min-width: 0;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
}

@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box2 {
    width: 97%;
	padding-top: 0px;
  }
}
@media (max-width: 767px) {
	article.fee-form-layout .form-body-box .list-wrap .item-box .con-box2 {
	flex: 1;
	width: 94%;
	text-align: right;
	}
}



article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .group-box {
  display: flex;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .group-box.m-column {
    display: flex;
    flex-direction: column;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .group-box .sbox + .sbox {
  margin-left: 8px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .group-box .sbox + .sbox {
    margin: 6px 0 0 0;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list {
  display: flex;
  justify-content: space-between;
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin {
  justify-content: flex-start;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin {
    margin: 0;
  }
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox {
    margin: 0;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox + .rbox {
  margin-left: 36px;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox + .rbox {
    margin: 0 0 0 36px;
  }
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list {
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: -6px -9px;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox {
  margin: 0;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox {
    margin: 6px 9px;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox input[type=radio]:checked ~ .txt {
  color: #171010;
}
article.fee-form-layout .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox .txt {
  color: #444444;
}
article.fee-form-layout .form-body-box .list-wrap .item-box .input-group-box {
  display: flex;
}
article.fee-form-layout .form-body-box .list-wrap .item-box .quarter-input-group {
  display: flex;
  align-content: center;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .quarter-input-group {
    flex-direction: column;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .inputAright {
  text-align: right;
  align-content: center;
}
@media (max-width: 768px) {
	article.fee-form-layout .form-body-box .list-wrap .item-box .inputAright {
	  text-align: right;
	  align-content: center;

	}
}
article.fee-form-layout .form-body-box .list-wrap .item-box .quarter-input-group .input-wrap {
  display: inline-flex;
}
@media (max-width: 1279px) {
  article.fee-form-layout .form-body-box .list-wrap .item-box .quarter-input-group .input-wrap + .input-wrap {
    margin-top: 6px;
  }
}
article.fee-form-layout .form-body-box .list-wrap .item-box .quarter-input-group .sbox + .sbox {
  margin-left: 12px;
}
article.fee-form-layout .form-body-box .list-wrap .item-box .quarter-input-group .unit-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
}
article.fee-form-layout .form-body-box .list-wrap .item-box .calendar-input-group {
  display: flex;
  align-content: center;
}
article.fee-form-layout .form-body-box .list-wrap .item-box .calendar-input-group .unit-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
}
article.fee-form-layout .form-body-box .form-menu {
  padding-top: 12px;
  display: flex;
  align-content: center;
  justify-content: center;
}
article.fee-form-layout .form-body-box .form-menu .form-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  max-width: 200px;
  width: 100%;
  border-radius: 4px;
}
article.fee-form-layout .form-body-box .form-menu .form-menu-btn + .form-menu-btn {
  margin-left: 8px;
}
article.fee-form-layout .form-body-box .form-menu .form-menu-btn.type-gray {
  background-color: #A7A7A8;
}
article.fee-form-layout .form-body-box .form-menu .form-menu-btn.type-primary {
  background-color: #67AAF2;
}
article.fee-form-layout .form-body-box .form-menu .form-menu-btn .ic {
  margin-right: 8px;
}
article.fee-form-layout .form-body-box .form-menu .form-menu-btn .ic.ic-search {
  background: url("../img/ic_form_search.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.fee-form-layout .form-body-box .form-menu .form-menu-btn .txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
}

/*수수료 폼2*/
article.fee-form-layout2 .form-head-box {
  padding-bottom: 20px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-head-box {
    padding-bottom: 12px;
  }
}
article.fee-form-layout2 .form-head-box .head-box {
  padding-bottom: 18px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-head-box .head-box {
    padding-bottom: 0px;
  }
}
article.fee-form-layout2 .form-head-box .head-box .head-txt-box {
  color: #123e88;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.32px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-head-box .head-box .head-txt-box {
    font-size: 22px;
  }
}
article.fee-form-layout2 .form-head-box .note-box .note-msg-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 32px;
  margin-top: 2px;
  position: relative;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-head-box .note-box .note-msg-box {
    padding-left: 20px;
    margin-top: 6px;
  }
}
article.fee-form-layout2 .form-head-box .note-box .note-msg-box .ic-note {
  position: absolute;
  top: -2px;
  left: 0;
  margin-right: 6px;
  background: url("../img/ic_note_warning.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-head-box .note-box .note-msg-box .ic-note {
    top: 1px;
    margin-right: 0;
    width: 16px;
    height: 16px;
  }
}
article.fee-form-layout2 .form-head-box .note-box .note-msg-box .txt {
  flex: 1;
  min-width: 0;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 500;
  color: #DF5355;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-head-box .note-box .note-msg-box .txt {
    font-size: 15px;
    line-height: 19px;
  }
}
article.fee-form-layout2 .form-body-box .form-wrap {
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #F8F8F8;
  padding: 16px 28px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .form-wrap {
    position: relative;
    padding: 14px 12px;
  }
}
article.fee-form-layout2 .form-body-box .list-toggle-btn {
  display: none;
  position: absolute;
  right: 20px;
  bottom: 18px;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #AAA;
  background: #F1EFEB;
  width: 120px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-toggle-btn {
    display: inline-flex;
  }
}
article.fee-form-layout2 .form-body-box .list-toggle-btn.active .txt:before {
  content: "간단히보기";
}
article.fee-form-layout2 .form-body-box .list-toggle-btn.active .ic-toggle {
  background: url("../img/ic_form_toggle_hide.svg") no-repeat center/cover;
}
article.fee-form-layout2 .form-body-box .list-toggle-btn .txt:before {
  content: "상세검색";
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.8px;
}
article.fee-form-layout2 .form-body-box .list-toggle-btn .ic-toggle {
  background: url("../img/ic_form_toggle_show.svg") no-repeat center/cover;
  width: 20px;
  height: 20px;
}
article.fee-form-layout2 .form-body-box .list-wrap {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
 width: 100%;
}
@media (max-width: 767px) {
article.fee-form-layout2 .form-body-box .list-wrap {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  width: 100%;
  }
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap.active .item-box:nth-child(n+4) {
    display: inline-flex;
  }
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap {
    margin: 0;
    padding-bottom: 50px;
  }
  article.fee-form-layout2 .form-body-box .list-wrap.more-none {
    padding-bottom: 0;
  }
  article.fee-form-layout2 .form-body-box .list-wrap .item-box:nth-child(n+4) {
    display: none;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .line-box {
 border-bottom: 1px solid #d4d4d4;
width: 100%;
 margin: 7px auto;

}
article.fee-form-layout2 .form-body-box .list-wrap .item-box {
  margin: 8px;
  width: calc(33.33% - 16px);
  display: inline-flex;
  align-items: center;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box {
    margin: 0;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  article.fee-form-layout2 .form-body-box .list-wrap .item-box + .item-box {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box {
    margin: 0;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  article.fee-form-layout2 .form-body-box .list-wrap .item-box + .item-box {
    margin-top: 16px;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box.full {
  width: 100%;
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box.divide {
  width: calc(50% - 16px);
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box.divide {
    width: 100%;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box.half {
  width: calc(66.66% - 16px);
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box.half {
    width: 100%;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .subject-box {
  text-align: center;
  width: 108px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-right: 6px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .subject-box {
    text-align: left;
    width: 100%;
    margin-right: 0;
    padding-bottom: 6px;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box {
  flex: 1;
  min-width: 0;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box {
    width: 100%;
  }
}

article.fee-form-layout2 .form-body-box .list-wrap .item-box .subject-box2 {
  text-align: left;
  width: 130px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-right: 6px;
  margin-left: 10px;
  box-sizing: border-box;
  padding-left: 0px;

}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .subject-box2 {
  text-align: left;
  width: 100%;
  margin-right: 0;
  padding-top:10px;
  padding-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  }
}
@media (max-width: 767px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .subject-box2 {
  text-align: left;
  width: 100%;
  margin-right: 0;
  padding-top:10px;
  padding-bottom: 10px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  }
}

article.fee-form-layout2 .form-body-box .list-wrap .item-box .subject-box3 {
  text-align: left;
  width: 35px;
  color: #444;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin-right: 6px;
  margin-left: 10px;

}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .subject-box3 {
  text-align: left;
  width: 5%;
  margin-right: 0;
  padding-top:10px;
  padding-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  position: relative ; left:98%;  top: -15%;
  }
}
@media (max-width: 767px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .subject-box3 {
  text-align: left;
  width: 7%;
  margin-right: 0;
  padding-top:10px;
  padding-bottom: 10px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  position: relative ; left:95%;  top: -15%;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box2 {
  flex: 1;
  min-width: 0;
 text-align: right;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box2 {
    width: 97%;
  }
}

@media (max-width: 767px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box2 {
    width: 90%;
  }
}

article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .group-box {
  display: flex;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .group-box.m-column {
    display: flex;
    flex-direction: column;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .group-box .sbox + .sbox {
  margin-left: 8px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .group-box .sbox + .sbox {
    margin: 6px 0 0 0;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list {
  display: flex;
  justify-content: space-between;
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin {
  justify-content: flex-start;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin {
    margin: 0;
  }
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox {
    margin: 0;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox + .rbox {
  margin-left: 36px;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list.type-margin .rbox + .rbox {
    margin: 0 0 0 36px;
  }
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list {
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: -6px -9px;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox {
  margin: 0;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox {
    margin: 6px 9px;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox input[type=radio]:checked ~ .txt {
  color: #171010;
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .con-box .rbox-list .rbox .txt {
  color: #444444;
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .input-group-box {
  display: flex;
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .quarter-input-group {
  display: flex;
  align-content: center;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .quarter-input-group {
    flex-direction: column;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .inputAright {
  text-align: right;
  align-content: center;
}
@media (max-width: 768px) {
	article.fee-form-layout2 .form-body-box .list-wrap .item-box .inputAright {
	  text-align: right;
	  align-content: center;
	}
}


article.fee-form-layout2 .form-body-box .list-wrap .item-box .quarter-input-group .input-wrap {
  display: inline-flex;
}
@media (max-width: 1279px) {
  article.fee-form-layout2 .form-body-box .list-wrap .item-box .quarter-input-group .input-wrap + .input-wrap {
    margin-top: 6px;
  }
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .quarter-input-group .sbox + .sbox {
  margin-left: 12px;
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .quarter-input-group .unit-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .calendar-input-group {
  display: flex;
  align-content: center;
}
article.fee-form-layout2 .form-body-box .list-wrap .item-box .calendar-input-group .unit-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
}
article.fee-form-layout2 .form-body-box .form-menu {
  padding-top: 12px;
  display: flex;
  align-content: center;
  justify-content: center;
}
article.fee-form-layout2 .form-body-box .form-menu .form-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  max-width: 200px;
  width: 100%;
  border-radius: 4px;
}
article.fee-form-layout2 .form-body-box .form-menu .form-menu-btn + .form-menu-btn {
  margin-left: 8px;
}
article.fee-form-layout2 .form-body-box .form-menu .form-menu-btn.type-gray {
  background-color: #A7A7A8;
}
article.fee-form-layout2 .form-body-box .form-menu .form-menu-btn.type-primary {
  background-color: #67AAF2;
}
article.fee-form-layout2 .form-body-box .form-menu .form-menu-btn .ic {
  margin-right: 8px;
}
article.fee-form-layout2 .form-body-box .form-menu .form-menu-btn .ic.ic-search {
  background: url("../img/ic_form_search.svg") no-repeat center/cover;
  width: 16px;
  height: 16px;
}
article.fee-form-layout2 .form-body-box .form-menu .form-menu-btn .txt {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
}


/* 기본 Button */

/* 디자인 Button */
.btnS{font-size: 16px; border-radius: 5px !important; position:relative;box-sizing:border-box;max-width:100%;text-align:center;-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;display: inline-block;padding:.6rem .9rem;border:1px solid rgba(0,0,0,0.2);background-color:#fff;color:#000;white-space:nowrap;transition:.2s ease-out;line-height: 1;}
.btnS:hover{background: #f9f9f9;}
.btnS.btn01{background-color: #0C90D4;border-color: #0c90d4;color:#fff;}
.btnS.btn01:hover{background-color: #006ac8;}
.btnS.btn02{color: #0c90d4;background-color: #fff;border-color: #0c90d4;}
.btnS.btn02:hover{background-color: #edf5ff;}
.btnS.btn03{background-color: #d9d9d9;border-color: #d9d9d9;color: #000}
.btnS.btn03:hover{background-color: #c3c3c3;}
.btnS.btn04{color:#fff;border-color: #3c4556;background-color: #3c4556;}
.btnS.btn04:hover{background-color: #212938}
.btnS.btn05{color: #bfbfbf;background-color: #f3f3f3;border-color: #d1d1d1;}
.btnS > i {margin: 0 3px 0 -1px; font-size: .8em; vertical-align: 1px}
.btns > i.fa-list,.btnS > i.fa-check,.btnS > i.fa-pen,.btnS > i.fa-trash-alt{margin: 0 5px 0 0;font-size: 13px;}

/* 디자인 Button */
.btnS2{font-size: 16px; border-radius: 5px !important; position:relative;box-sizing:border-box;max-width:100%;text-align:center;-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;display: inline-block;padding:.2em .9rem;border:1px solid rgba(0,0,0,0.2);background-color:#fff;color:#000;white-space:nowrap;transition:.2s ease-out;line-height: 1;}
.btnS2:hover{background: #f9f9f9;}
.btnS2.btn01{background-color: #0C90D4;border-color: #0c90d4;color:#fff;}
.btnS2.btn01:hover{background-color: #006ac8;}
.btnS2.btn02{color: #0c90d4;background-color: #fff;border-color: #0c90d4;}
.btnS2.btn02:hover{background-color: #edf5ff;}
.btnS2.btn03{background-color: #d9d9d9;border-color: #d9d9d9;color: #000}
.btnS2.btn03:hover{background-color: #c3c3c3;}
.btnS2.btn04{color:#fff;border-color: #3c4556;background-color: #3c4556;}
.btnS2.btn04:hover{background-color: #212938}
.btnS2.btn05{color: #bfbfbf;background-color: #f3f3f3;border-color: #d1d1d1;}
.btnS2 > i {margin: 0 3px 0 -1px; font-size: .8em; vertical-align: 1px}
.btns2 > i.fa-list,.btnS > i.fa-check,.btnS > i.fa-pen,.btnS > i.fa-trash-alt{margin: 0 5px 0 0;font-size: 13px;}

select.selectList {
    height: 35px;
	width: 25%;
    line-height: 20px;
    vertical-align: top;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px;
}
@media (max-width: 767px) {
	select.selectList {
	width: 100%;
}
}

/* 디자인 Button */
button.btnS2{font-size: 16px; border-radius: 5px !important; position:relative;box-sizing:border-box;max-width:100%;text-align:center;-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;display: inline-block;padding:.2em .9rem;border:1px solid rgba(0,0,0,0.2);background-color:#fff;color:#000;white-space:nowrap;transition:.2s ease-out;line-height: 1;}
button.btnS2:hover{background: #f9f9f9;}
button.btnS2.btn01{background-color: #0C90D4;border-color: #0c90d4;color:#fff;}
button.btnS2.btn01:hover{background-color: #006ac8;}
button.btnS2.btn02{color: #0c90d4;background-color: #fff;border-color: #0c90d4;}
button.btnS2.btn02:hover{background-color: #edf5ff;}
button.btnS2.btn03{background-color: #d9d9d9;border-color: #d9d9d9;color: #000}
button.btnS2.btn03:hover{background-color: #c3c3c3;}
button.btnS2.btn04{color:#fff;border-color: #3c4556;background-color: #3c4556;}
button.btnS2.btn04:hover{background-color: #212938}
button.btnS2.btn05{color: #bfbfbf;background-color: #f3f3f3;border-color: #d1d1d1;}
button.btnS2 > i {margin: 0 3px 0 -1px; font-size: .8em; vertical-align: 1px}
button.btns2 > i.fa-list,.btnS > i.fa-check,.btnS > i.fa-pen,.btnS > i.fa-trash-alt{margin: 0 5px 0 0;font-size: 13px;}


/*btn_wrap*/
.btn_wrap {display:block;position:relative;width:100%;padding:15px 0;text-align:center;box-sizing:border-box;margin: 40px 0 0;}
.btn_wrap:after{content: '';display: block;clear: both;}
.btn_wrap .btnS {min-width: 110px;margin: 0 6px;padding: 10px 20px;}
.btn.btnS_block {background: #0c3681;color: #fff;width: 100%;padding: 13px 0;border-radius: 0;margin-top: 15px;box-sizing: border-box;}
.btn_wrap > .left {float:left;}
.btn_wrap > .right {float:right;}
.btn_wrap.btnS_wrapGrd{text-align: right;margin-top: 0; padding:0 !important;}

.btn_wrap2 {display:block;position:relative;width:100%;padding:15px 0;text-align:center;box-sizing:border-box;margin: 20px 0 20px 0;}
.btn_wrap2:after{content: '';display: block;clear: both;}
.btn_wrap2 .btnS {min-width: 110px;margin: 0 6px;padding: 10px 20px;}
.btnS.btn_block2 {background: #0c3681;color: #fff;width: 100%;padding: 13px 0;border-radius: 0;margin-top: 15px;box-sizing: border-box;}
.btn_wrap2 > .left {float:left;}
.btn_wrap2 > .right {float:right;}
.btn_wrap2.btnS_wrapGrd{text-align: right;margin-top: 0; padding:0 !important;}

.btn_wrap3 {display:block;position:relative;width:100%;padding:0px 0;text-align:center;box-sizing:border-box;margin: 0px 0 0px 0;}
.btn_wrap3:after{content: '';display: block;clear: both;}
.btn_wrap3 .btnS {min-width: 110px;margin: 0 6px;padding: 10px 20px;}
.btnS .btn_block3 {background: #0c3681;color: #fff;width: 100%;padding: 13px 0;border-radius: 0;margin-top: 0px;box-sizing: border-box;}
.btn_wrap3 > .left {float:left;}
.btn_wrap3 > .right {float:right;}
.btn_wrap3.btn_wrapGrd{text-align: right;margin-top: 0; padding:0 !important;}

.btnS+ .btnS{
margin: 0px 0px 0px 10px;
}
/**/
.table-search-box {
    position: relative;
    overflow: hidden;
	width: 100%;
}
.table-search-box .BD_total {
    float: left;
    line-height: 26px;
    font-size: 14px;
}
.table-search-box .BD_total .pc_blue {
    color: #0768CA;
}
.mgl10 {
    margin-left: 10px !important;
}
.table-search-box .BD_srch {
    float: right;
    text-align: right;
	width:60%;
}
.table-search-box .BD_srch select {
    height: 35px;
	width: 12%;
    line-height: 20px;
    vertical-align: top;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px;
}
.table-search-box .BD_srch input {
    padding: 0 0.75rem;
    width: 40%;
    height: 35px;
    line-height: 20px;
    vertical-align: top;
    font-size: 14px;
    border: 1px solid #cacaca;
    border-radius: 3px;
}
.table-search-box .BD_srch button {
    width: 12%;
    height: 35px;
	font-size: 16px;
    color: #fff;
    background: #0768ca;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 3px;
}
@media (max-width: 767px) {
.table-search-box .BD_total {

    float: none;
	width: 100%;
    }
}
@media (max-width: 767px) {
.table-search-box .BD_Top{
    float: none;
	width: 100%;
    }
}

@media (max-width: 767px) {
.table-search-box .BD_srch {
    float: none;
	width: 100%;
    }
}

@media (max-width: 767px) {
.table-search-box .BD_srch select{
   width:100%;
   clear: both;
   margin-bottom: 7px;
   padding-left: 10px;
}
}
@media (max-width: 767px) {
.table-search-box .BD_srch input{
   width:100%;
   clear: both;
   margin-bottom: 7px;
   padding-left: 10px;
}
}
@media (max-width: 767px) {
.table-search-box .BD_srch button{
   width:100%;
   clear: both;
   margin-bottom: 7px;
}
}

/* 모달 레이어 팝업 */
.modal_layer {
  /* 팝업 배경 */
  display: none; !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0,0,0,0);
  z-index: 101;
}
.modal_layer .modal_popup {
  /* 팝업 */
  position: absolute;
  top: 40%;
  left: 70%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background: #ffffff;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  border-color : #BEBEBE;
  z-index: 102;
}

.modal_layer .modal_popup .btn_modal{
  /* 버튼 위치 */
  display:flex;
  justify-content: space-between;
  border: none;
  font-size: 16px;
}

.modal_layer .modal_popup .btn_modal button{
  /* 버튼 위치 */
  font-size: 16px;
  color: #969696;
  text-align: left;
}