/* Basic*/
.h-auto {
  height: auto !important;
}

.d-bl {
  display: block;
}
.d-in {
  display: inline;
}
.d-in-bl {
  display: inline-block;
}

.wd10p {
  width: 10%;
}
.wd50p {
  width: 50%;
}
.wd60p {
  width: 60%;
}
.wd100p {
  width: 100%;
}

.m0-auto {
  margin: 0 auto;
}

.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt80 {
  margin-top: 80px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}

.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}

.mr10p {
  margin-right: 10% !important;
}
.ml10p {
  margin-left: 10% !important;
}

.pd0 {
  padding: 0px !important;
}
.pd10 {
  padding: 10px !important;
}
.pd20 {
  padding: 20px !important;
}
.pd40 {
  padding: 40px !important;
}
.pd20-0 {
  padding: 20px 0 !important;
}
.pd0-8 {
  padding: 0 8px !important;
}

.pt0 {
  padding-top: 0 !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt100 {
  padding-top: 100px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb180 {
  padding-bottom: 180px !important;
}

/* button */
.radius20 {
  border-radius: 20px;
}

.tag {
  padding: 4px 8px;
}
.tag.mid {
  padding: 6px 20px;
}
.tag.tp1 {
  width: 120px;
  height: 120px;
  line-height: 34px;
  font-size: 24px;
  border-radius: 100%;
  padding: 27px 0;
}

/* color */
.bg-lightgray {
  background-color: #f5f5f5;
}
.bg-gray {
  background-color: #777777;
}
.bg-lightgray {
  background-color: #f7f6f5;
}
.bg-brown {
  background-color: #c78853;
  color: #fff;
}
.bg-lightbrown {
  background-color: #faede1;
}
.bg-white {
  background-color: #fff !important;
}
.bg-red {
  background-color: #ff3030;
  color: #fff;
}
.bg-wine {
  background-color: #832826 !important;
  color: #fff;
}
.bg-mint {
  background-color: #00bcb8;
  color: #fff;
}
.bg-sky {
  background-color: #eaf7ff;
}
.bg-blue {
  background-color: #1890ff;
  color: #fff;
}
.bg-navy {
  background-color: #395ea1;
  color: #fff;
}
.bg-black {
  background-color: #222;
  color: #fff;
}
.bg-green {
  background-color: #9ec714;
  color: #fff;
}
.bg-khaki {
  background-color: #5f6557 !important;
}

.bg-gradient.bluegray-orange {
  background: linear-gradient(to right, #6f839f, #d38226);
}
.bg-gradient.blue-navy {
  background: linear-gradient(to right, #36a7e9, #2a386e);
}
.bg-gradient.pink-sky-peach {
  background: linear-gradient(to right, #d06589, #c2ddf6, #ecc5ba);
}

.tx-white {
  color: #fff !important;
}
.tx-sky {
  color: #95bae2 !important;
}
.tx-blue {
  color: #1890ff !important;
}
.tx-navy {
  color: #395ea1 !important;
}
.tx-brown {
  color: #b0804d !important;
}
.tx-pink {
  color: #ff3357 !important;
}
.tx-wine {
  color: #832826 !important;
}
.tx-mint {
  color: #00bcb8 !important;
}
.tx-orange {
  color: #f97702 !important;
}
.tx-gray {
  color: #888 !important;
}
.tx-yellow {
  color: #ffbb3d !important;
}
.tx-purple {
  color: #9fa4cd !important;
}
.tx-purple02 {
  color: #c280ab !important;
}
.tx-green {
  color: #afd082 !important;
}
.tx-khaki {
  color: #5f6557 !important;
}

.tx-gradient.mint-purple {
  background: linear-gradient(to right, #6fbd8a, #65378c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tx-gradient.blue-navy {
  background: linear-gradient(to right, #36a7e9, #2a386e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tx-gradient.pink-purple {
  background: linear-gradient(to right, #e3ab9e, #1a1e99);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tx-gradient.purple-pink {
  background: linear-gradient(to right, #78599a, #cb5569);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* layout */
.cont-wrap {
  width: 1300px;
  margin: 0 auto;
}

.cont-full {
  width: 100%;
}
.cont-full.bg-img,
.cont-wrap.bg-img {
  position: relative;
}
.cont-full.bg-img > img {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
}
.cont-full.bg-img .cont-wrap,
.cont-wrap.bg-img .cont-wrap {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.row-wrap {
  padding: 4% 0;
}

.fl-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.fl-wrap .fl {
  float: left;
}
.fl-wrap .fr {
  float: right;
}

/* img */
.img-wrap {
  position: relative;
  overflow: hidden;
  height: auto;
}
.img-wrap img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.img-wrap .tx-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.img-cover {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
}

[class*="col-"] a:hover .img-cover {
  transition: 0.4s ease-out;
  opacity: 0.3;
}
[class*="col-"] a:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transition: 0.4s ease-out;
}
/* ratio */
.row.h-auto [class*="col-"] {
  height: auto;
}
.row:after {
  content: "";
  display: block;
  clear: both;
}
[class*="col-"] {
  position: relative;
  float: left;
  padding: 5px 6px;
  width: 100%;
  height: auto;
}
[class*="col-"]:hover .tit-wrap p.tit {
  color: #004ea2;
  transition: 0.2s;
}
[class*="col-"] a {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 60%;
}
.col-2_4 {
  width: 20%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 40%;
}
.col-sm-12 {
  width: 100%;
}
.col-sm-10 {
  width: 83.333333%;
}
.col-sm-1 {
  width: 8.333333%;
}

.tx-color-01:hover .tit-wrap p.tit {
  color: #004ea2;
  transition: 0.2s;
}
.col6666 [class*="col-"]:nth-child(1) .img-wrap {
  background: #eff4fa;
}
.col6666 [class*="col-"]:nth-child(1):hover .tit-wrap p.tit {
  color: #0f5e81 !important;
  transition: 0.2s;
}
.col6666 [class*="col-"]:nth-child(2) .img-wrap {
  background: #f5e798;
}
.col6666 [class*="col-"]:nth-child(2):hover .tit-wrap p.tit {
  color: #624120 !important;
  transition: 0.2s;
}
.col6666 [class*="col-"]:nth-child(3) .img-wrap {
  background: #dfe0ef;
}
.col6666 [class*="col-"]:nth-child(3):hover .tit-wrap p.tit {
  color: #ac1453 !important;
  transition: 0.2s;
}
.col6666 [class*="col-"]:nth-child(4) .img-wrap {
  background: #f3d7ce;
}
.col6666 [class*="col-"]:nth-child(4):hover .tit-wrap p.tit {
  color: #d15766 !important;
  transition: 0.2s;
}
.col6666 [class*="col-"]:nth-child(5) .img-wrap {
  background: #d88889;
}
.col6666 [class*="col-"]:nth-child(5):hover .tit-wrap p.tit {
  color: #943738 !important;
  transition: 0.2s;
}
.col6666 [class*="col-"]:nth-child(6) .img-wrap {
  background: #daa875;
}
.col6666 [class*="col-"]:nth-child(6):hover .tit-wrap p.tit {
  color: #523519 !important;
  transition: 0.2s;
}

.ratio3_7 > *:first-child {
  width: 30%;
}
.ratio3_7 > *:last-child {
  width: 70%;
}
.ratio3_7 > *:last-child {
  padding-left: 30px;
}

/* typography */
.gmarket-l {
  font-family: "GmarketSansLight";
}
.gmarket {
  font-family: "GmarketSansbold";
}
.ibm-r {
  font-family: "IBMPlexSansKR-Regular";
}
.ibm-b {
  font-family: "IBMPlexSansKR-bold";
}
.koPubWorldDotum {
  font-family: "KoPubWorldDotum";
}
.tvnfont {
  font-family: "OTEnjoystoriesBA";
}
h1 {
  font-size: 27px;
  font-weight: 600;
}

.fs14 {
  font-size: 14px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs32 {
  font-size: 32px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs50 {
  font-size: 50px !important;
}

.fw1 {
  font-weight: 100 !important;
}
.fw3 {
  font-weight: 300 !important;
}
.fw5 {
  font-weight: 500 !important;
}
.fw6 {
  font-weight: 600 !important;
}
.fw8 {
  font-weight: 800 !important;
}

.tx-c {
  text-align: center !important;
}
.tx-l {
  text-align: left !important;
}
.tx-r {
  text-align: right !important;
}
.tx-b600 {
  font-weight: 600;
}
.tx-b800 {
  font-weight: 800;
}
.tx-basic {
  font-size: 18px;
  line-height: 180%;
  letter-spacing: -1px;
  word-break: break-all;
}
.tx-tit {
  display: block;
  font-size: 27px;
  line-height: 1.6;
}
.tx-tit-sub {
  font-size: 20px;
  line-height: 1.6;
}
.tx-hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.item.tx {
  text-align: justify;
  padding: 0 4%;
}

h3.tit {
  font-size: 30px;
  font-weight: 800;
  color: #222;
  text-align: center;
}

p.tit {
  font-size: 20px;
  color: #222;
}
p.sub-tit {
  color: #222;
  line-height: 1.6;
  font-size: 18px;
  margin-top: 10px;
  letter-spacing: -1px;
}

.tit-wrap {
  padding: 30px;
}
.tit-wrap .tit {
  font-size: 26px;
  font-weight: 800;
}
.tit-wrap.br {
  border: 1px solid #eee;
  border-bottom: 0;
}

.img-wrap + .tit-wrap {
  position: absolute;
  background: #fff;
  padding: 30px;
  border: 1px solid #e8e8e8;
  border-top: 0;
}
.img-wrap + [class*="bg-"] .tit-wrap {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  border: 0;
}
.img-wrap + .tit-wrap.top {
  top: 5px;
  border: 0;
}
.img-wrap + .tit-wrap.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 0;
}
.img-wrap + .tit-wrap.transparent {
  background: none;
}
/* .img-wrap + .tit-wrap.transparent.top{bottom:100%;} */

.border-top {
  border-top: 1px solid #e8e8e8;
}
.border-bottom {
  border-bottom: 1px solid #e8e8e8;
}
.border-bottom.br-10.br-sky {
  border-bottom: 10px solid #f5f9fd;
}

/* tab */
ul.tab {
  width: 100%;
  overflow: hidden;
}
ul.tab:after {
  content: "";
  display: block;
  clear: both;
}
ul.tab li {
  display: block;
  float: left;
  height: 58px;
  line-height: 58px;
  font-size: 21px;
  text-align: center;
  background: #f6f7f8;
  border: 1px solid #aaa;
  border-left: 0;
}
ul.tab li:first-child {
  border-left: 1px solid #aaa;
}
ul.tab li.current {
  background: #395ea1;
  border-color: #395ea1;
}
ul.tab li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #777;
}
ul.tab li.current a {
  color: #fff;
}
ul.tab[class*="col-"] {
  padding: 0;
}
ul.tab.col-3 li {
  width: 33.33%;
}
ul.tab.col-4 li {
  width: 25%;
}
ul.tab.col-6 li {
  width: 16.66%;
}

.tabcontent {
  display: none;
  padding: 60px 0;
  margin-top: 58px;
}
.tabcontent.current {
  display: block;
}
.tabcontent .cont-wrap {
  width: 100%;
}

/* header */
header {
  width: 100%;
  background: #fff;
}
header .cont-wrap {
  position: relative;
  height: 80px;
  z-index: 99;
}
header .cont-wrap > * {
  position: absolute;
  display: block;
  height: 100%;
  left: 3%;
  top: 50%;
  transform: translateY(-50%);
}
header .cont-wrap a {
  display: block;
}
header .cont-wrap h1 {
  width: 237px;
  box-sizing: border-box;
  padding: 14px 0;
}
header .cont-wrap .right-wrap {
  left: auto;
  right: 3%;
}
header .cont-wrap .right-wrap > * {
  float: left;
}
header .cont-wrap .right-wrap .selectbox {
  padding: 17px 0;
  margin-left: 20px;
}
header .cont-wrap .right-wrap .btn-panel {
  padding: 30px 0;
  margin-left: 20px;
}

.dropdown {
  width: 150px;
  margin: 0px;
}
.dropdown dd,
.dropdown dt,
.dropdown ul {
  margin: 0px;
  padding: 0px;
}
.dropdown dd {
  position: relative;
}
.dropdown a,
.dropdown a:visited {
  color: #222;
  text-decoration: none;
  outline: none;
}
.dropdown a:hover {
  color: #222;
}
.dropdown dt a:hover {
  color: #222;
}
.dropdown dt a {
  display: block;
  height: 46px;
  border-radius: 50px;
  background: #f5f5f5 url("../images/ico/icon_arrow_down_darkgray_sml.png")
    no-repeat scroll right 20px center;
}
.dropdown dt a span {
  cursor: pointer;
  display: block;
  font-size: 18px;
  padding-left: 20px;
  line-height: 46px;
}
.dropdown dd ul {
  height: 210px;
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #515151;
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 150px;
  list-style: none;
  text-align: left;
  border-radius: 20px;
  overflow: scroll;
}
.dropdown dd ul#ulYear {
  height: auto;
}
.dropdown span.value {
  display: none;
}
.dropdown dd ul li a {
  display: block;
  font-size: 17px;
  padding: 14px 20px;
  border-bottom: 1px solid #e6e6e6;
}
.dropdown dd ul li:last-child a {
  border: 0;
}
.dropdown dd ul li a:hover {
  background-color: #e8e8e8;
}
.dropdown img.flag {
  border: none;
  vertical-align: middle;
  padding: 11px;
}
.flagvisibility {
  display: none;
}

/*panel*/
.panel-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
}
.panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 480px;
  height: 100vh;
  background: #fff;
  overflow-x: hidden;
  z-index: 100;
}

.p-top {
  width: 100%;
  background: #f5f6fb;
  padding: 50px 30px;
  box-sizing: border-box;
}
.p-top + .gnb {
  width: 100%;
  padding: 20px 0 70px;
  box-sizing: border-box;
  overflow: hidden;
}
.p-top + .gnb > li {
  width: 100%;
  overflow: hidden;
}
.p-top + .gnb > li > a {
  display: block;
  width: 100%;
  height: 45px;
  font-size: 15px;
  font-weight: 500;
  line-height: 45px;
  color: #222;
  padding-left: 30px;
  box-sizing: border-box;
}
.p-top + .gnb .gnb-sub {
  margin-top: 7px;
}
.p-top + .gnb .gnb-sub li {
  width: 100%;
  height: 40px;
}
.p-top + .gnb .gnb-sub li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 13px;
  line-height: 40px;
  color: #666;
  padding-left: 30px;
  box-sizing: border-box;
}

.panel-side {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
}
.panel-side a {
  display: block;
  position: absolute;
  top: 2%;
  right: 500px;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: #004ea2;
  z-index: 2000;
}
.panel-side a img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  width: 50%;
  opacity: 0.7;
}
.panel-bg {
  background-color: #f5f6fb;
  border-right: 5px solid #004ea2;
}

/* footer */
footer {
  width: 100%;
  background: #333;
  padding: 20px 0;
  height: 300px;
  margin: 0 auto;
}
footer .cont-wrap {
  background: url(../images/common/f-logo.png) no-repeat right 3% top;
}
footer p {
  font-size: 17px;
  line-height: 1.6;
  color: #ccc;
  margin-top: 25px;
  padding-left: 3%;
}
footer p b {
  color: #fff;
}

/* top_btn */
#top-btn {
  position: fixed;
  bottom: 100px;
  right: 50px;
  z-index: 99;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: url(../images/ico/icon_arrow_white_sml.png) no-repeat #395ea1
    center center;
}

/* mobile */
.mob {
  display: none;
}
.m {
  display: none !important;
}

@media (max-width: 1400px) {
  /* layout */
  .cont-wrap {
    width: 1100px;
  }
}
@media (max-width: 1200px) {
  /* typography */
  .item.tx {
    padding: 0 5%;
  }
}
@media (max-width: 1100px) {
  /* layout */
  .cont-wrap {
    width: 900px;
  }

  /* ratio */
  .col336 .col-3 {
    width: 50%;
  }
  .col336 .col-6 {
    width: 100%;
  }

  /* mobile */
  .mob-n {
    display: none;
  }
  .mob {
    display: block;
  }
  /* mobile */
  .m {
    display: none !important;
  }
}
@media (max-width: 900px) {
  /* layout */
  .cont-wrap {
    width: 100%;
  }
}
@media (max-width: 800px) {
  /* ratio */
  .col-7 {
    width: 100%;
  }
  .col-6 {
    width: 100%;
  }
  .col-5 {
    width: 100%;
  }
  .col-3 {
    width: 100%;
  }
  .col-2_4 {
    width: 50%;
  }
  .col-sm-1 {
    display: none;
  }
  .col-sm-10 {
    width: 100%;
  }

  .peoplestory .col-4 {
    width: 100%;
  }

  /* panel */
  .panel {
    width: 80%;
  }

  .item.tx {
    padding: 0 2%;
  }

  .cont-full.bg-img .cont-wrap .tx-basic {
    display: none;
  }

  ul.tab.col-6 li {
    width: 50%;
    border-top: none;
  }
  ul.tab.col-6 li:nth-child(1) {
    border-top: 1px solid #aaa;
  }
  ul.tab.col-6 li:nth-child(2) {
    border-top: 1px solid #aaa;
  }
  .tabcontent {
    margin-top: 150px;
  }
}
@media (max-width: 700px) {
  /* Basic*/
  .mt80 {
    margin-top: 40px !important;
  }

  .pt20 {
    padding-top: 10px !important;
  }
  .pt80 {
    padding-top: 40px !important;
  }
  .pt100 {
    padding-top: 60px !important;
  }

  /* ratio */
  .col444 .col-4 {
    width: 100%;
  }

  /* typography */
  h1 {
    font-size: 22px;
  }

  .tit-wrap .tit {
    font-size: 24px;
  }
  .tx-tit-sub {
    font-size: 19px;
  }
  p.sub-tit {
    font-size: 17px;
  }

  .tx-tit {
    font-size: 20px;
  }

  .fs32 {
    font-size: 28px !important;
  }
  .fs40 {
    font-size: 35px !important;
  }

  /* footer */
  footer .cont-wrap {
    background-size: 35%;
  }

  /* main_slider */
  .main-slide .swiper-slide.slide-01 {
    background-position: left 44% top;
  }
}
@media (max-width: 700px) {
  /* header */
  header .cont-wrap {
    height: 60px;
  }
  header .cont-wrap h1 img {
    width: 40%;
  }
  header .cont-wrap .right-wrap .selectbox {
    padding: 12px 0;
    margin-left: 6px;
  }
  header .cont-wrap .right-wrap .btn-panel {
    padding: 21px 0;
    margin-left: 8px;
  }

  .dropdown {
    width: 80px;
  }
  .dropdown dt a {
    height: 36px;
    background: #f5f5f5 url("../images/ico/icon_arrow_down_darkgray_sml.png")
      no-repeat scroll right 12px center;
  }
  .dropdown dt a span {
    font-size: 15px;
    line-height: 36px;
    padding-left: 14px;
  }

  .dropdown dd ul {
    width: 80px;
  }
  .dropdown dd ul li a {
    font-size: 15px;
    padding: 10px 14px;
  }

  .tx-hidden {
    overflow: auto;
    white-space: normal;
    text-overflow: unset;
  }
  .tx-hidden2 {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 500px) {
  /* mobile */
  .m-n {
    display: none !important;
  }
  .m {
    display: block !important;
  }

  /* typography */
  .fs50 {
    font-size: 40px !important;
  }
}
@media (max-width: 400px) {
  /* Basic*/
  .mt24 {
    margin-top: 10px !important;
  }
  .mt40 {
    margin-top: 20px !important;
  }
  .mt60 {
    margin-top: 40px !important;
  }

  .pt40 {
    padding-top: 20px !important;
  }

  .pb180 {
    padding-bottom: 100px !important;
  }

  /* ratio */
  .col336 .col-3 {
    width: 100%;
  }

  .ratio3_7 > *:first-child {
    width: 100%;
  }
  .ratio3_7 > *:last-child {
    width: 100%;
  }
  .ratio3_7 > *:last-child {
    padding-left: 0;
    margin-top: 20px;
  }

  /* footer */
  footer {
    padding: 0;
  }
  footer .cont-wrap {
    background-position: center bottom;
    padding: 40px;
  }
  footer p {
    font-size: 15px;
    text-align: center;
    padding-left: 0;
    margin-top: 0;
  }

  /* typography */
  h3.tit {
    font-size: 26px;
  }
  .fs24 {
    font-size: 19px !important;
  }
  .fs17 {
    font-size: 15px !important;
  }

  .tx-basic {
    font-size: 17px;
  }

  /* tag */
  .tag.tp1 {
    width: 80px;
    height: 80px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 100%;
    padding: 18px 0;
  }
}
@media (max-width: 280px) {
  .dropdown {
    width: 63px;
  }
  .dropdown dt a {
    background: #f5f5f5 url("../images/ico/icon_arrow_down_darkgray_sml.png")
      no-repeat scroll right 6px center;
  }
  .dropdown dt a span {
    font-size: 14px;
    padding-left: 11px;
  }
}

/*  */

.flex_ac {
  display: flex;
  align-items: center;
}

.flex_box {
  display: flex;
}