@charset "utf-8";
:root {
  --sub: url(../img/sub/sub.svg) no-repeat;

  --f36: 36px;
  --f26: 26px;
  --f24: 24px;
  --f22: 22px;
  --f21: 21px;
  --f20: 20px;
  --f19: 19px;
  --f18: 18px;
  --f17: 17px;
  --f16: 16px;
  --f15: 15px;
  --f14: 14px;
  --f13: 13px;
}

i.conbtn {  padding: 0;}
i.conbtn input {  padding: 0 33px;  height: 47px;  color: #FFF;  font-size: var(--f19);  font-weight: 700;  line-height: 47px;  border: none;  border-radius: 47px;  background: var(--dark-blue);}
.conbtn {  position: relative;  display: inline-block;  padding: 0 33px;  height: 47px;  color: #FFF;  font-size: var(--f19);  font-weight: 700;  line-height: 47px;  border: none;  border-radius: 47px;  background: var(--dark-blue);}
.conbtn::before {  content: '';  position: absolute;  top: 0;  right: -30px;  width: 47px;  height: 47px;  border-radius: 50%;  background: url(../img/sub/conbtn.svg) no-repeat 55% center, var(--gradation);  box-shadow: -10px 0px 4px rgba(0, 0, 0, 0.12);  transition: .3s;}
.conbtn:hover::before {  right: -25px;}
.consbtn {  display: inline-block;  color: #FFF;  font-size: var(--f16);  font-weight: 700;  padding: 4px 20px;  border-radius: 47px;  background: var(--dark-blue);}
body::before {  content: '';  position: absolute;  left: 0;  right: 0;  width: 100%;  height: 192px;  top: 0;  background: url(../img/sub/bg.png) no-repeat center top, linear-gradient(270deg, #D6E5FF 0%, #F5F8FF 100%);  z-index: -1;}
#con-tit {  padding: 36px 0px 30px 0px;  border-bottom: 2px dashed rgba(190, 190, 190, 0.50);}
#con-tit h3 {  margin-bottom: 10px;  color: var(--charcoal);  font-size: var(--f36);  font-weight: 700;}
#con-tit>div {  display: flex;  align-items: center;  justify-content: space-between;  gap: 10px;}
#con-tit .location {  display: flex;  align-items: center;  gap: 5px 36px;}
#con-tit .location>li {  position: relative;  color: #444;  font-size: 18px;}
#con-tit .location>li::before {  content: '';  position: absolute;  right: -25px;  top: calc(50% - 6px);  width: 12px;  height: 12px;  background: var(--sub);  background-position: -22px -25px;}
#con-tit .location>li:first-child {  display: flex;  width: 21px;  height: 21px;  font-size: 0;  text-indent: -5000px;  background: var(--sub);  background-position: 0 -25px;}#con-tit .location>li:nth-last-child(1) {  font-weight: 600;}
#con-tit .location>li:nth-last-child(1)::before {  display: none;}
#con-tit .sns {  display: flex;  gap: 6px;}
#con-tit .sns a {  display: block;  width: 36px;  height: 36px;  font-size: 0;  text-indent: -5000px;  border-radius: 50%;  background-size: 100%;}
#con-tit .sns>li {  position: relative;}
#con-tit .sns>li>a {  background: var(--margenta-with) var(--sub);  background-position: 0 -47px;}
#con-tit .sns>li.print>a {  background-position: -37px -47px;}
#con-tit .sns_list {  top: 0;  right: 0;  margin-top: 0;  padding: 0 45px 0 0;  min-width: auto;  border: none;  background: none;  z-index: 2;}
#con-tit .sns_list ul {  display: flex;  justify-content: flex-end;  gap: 4px;}
#con-tit .sns_list li.sns01 a {  background-image: url('/open_content/main/img2020/sub/sns_facebook.gif');}
#con-tit .sns_list li.sns02 a {  background-image: url('/open_content/main/img2020/sub/sns_twitter.gif');}
#con-tit .sns_list li.sns03 a {  background-image: url('/open_content/main/img2020/sub/sns_kakaostory.gif');}
#con-tit .sns_list li.sns04 a {  background-image: url('/open_content/main/img2020/sub/sns_blog.gif');}
#con-tit .sns_close {  right: 0;  top: 0;  background: var(--margenta-with);}
#con-tit .sns_close:before,#con-tit .sns_close:after {  top: 18px;  left: 8px;}
#detail_con {  padding: 60px 20px 160px;  word-break: keep-all;}
#detail_con img {  max-width: 100%;}
h4 {  position: relative;  padding-left: 34px;  margin-top: 60px;  font-size: var(--f26);  font-weight: 700;  background: url(../img/sub/bl.svg) no-repeat left -4px top;}
/* h4::before {  content: '';  position: absolute;  left: 0;  top: 11px;  width: 20px;  height: 20px;  border-radius: 50%;  border: 6px solid var(--turquoise);  box-sizing: border-box;} */
#detail_con>h4:first-child, h4.first {  margin-top: 0;}
.bl02, .sblet {  position: relative;  padding-left: 20px;  color: var(--turquoise);  font-size: var(--f21);  font-weight: 600;  letter-spacing: -0.5px;}
.bl02::before, .sblet::before {  content: '';  position: absolute;  left: 0;  top: 9px;  width: 13px;  height: 13px;  border-radius: 50%;  border: 4px solid transparent;  background-image: linear-gradient(#fff, #fff), var(--gradation);  background-origin: border-box;  background-clip: content-box, border-box;  -webkit-background-clip: content-box, border-box;  box-sizing: border-box;}
.bl03 {  margin-top: 10px;  margin-left: 20px;  font-size: var(--f17);  font-weight: 500;  line-height: var(--f24);}
p.bl03,.bl03>li {  position: relative;  padding-left: 14px;  margin-top: 6px;  font-size: var(--f17);  font-weight: 500;  line-height: var(--f24);}
p.bl03::before,.bl03>li::before {  content: '';  position: absolute;  left: 0;  top: 8px;  width: 6px;  height: 6px;  border-radius: 50%;  background: var(--turquoise);}
p.bl03+.bl04 {  margin-left: 25px;}
.bl04 {  margin-top: 4px;  margin-bottom: 14px;}
.bl04,.bl04>li {  position: relative;  margin-top: 4px;  padding-left: 11px;  color: #444;  font-size: var(--f16);  font-weight: 500;  line-height: var(--f24);}
.bl04>li {  margin-top: 2px;}
.bl04::before,.bl04>li::before {  content: '';  position: absolute;  left: 0;  top: 10px;  width: 4px;  height: 4px;  border-radius: 50%;  background: var(--turquoise);}
ul.bl04 {  padding-left: 0;  margin-top: 4px;}
ul.bl04::before {  display: none;}
.nobl,.nobl>li {  padding-left: 0;}
.nobl::before,.nobl>li::before {  display: none;}
.bl04.nobl {  margin-left: 14px;}
.bl05, .bl05>li {  position: relative;  margin-top: 4px;  padding-left: 11px;  color: #444;  font-weight: 500;  }
.bl05>li { margin-top: 2px;}
.bl05::before,.bl05>li::before {  content: '';  position: absolute;  left: 0;  top: 10px;  width: 4px;  height: 1px;  border-radius: 50%;  background: #666}
ul.bl05 {  padding-left: 0;  margin-top: 4px;}
ul.bl05::before {  display: none;}

.tbox {  position: relative;  margin-top: 2px;  margin-bottom: 2px;  padding: 36px 40px;  color: var(--navy);  font-size: var(--f19);  font-weight: 500;  border-top: none;  border-bottom: none;  border-right: 2px solid var(--turquoise);  border-left: 2px solid var(--turquoise);  background: #F6F9FA;}
.tbox .tit {  margin-bottom: 8px;  color: var(--turquoise);  font-size: var(--f24);  font-weight: 700;}
.tbox ul {  margin-top: 12px;}
.tbox .left,.tbox ul {  text-align: left;}
.tbox::before {  content: '';  position: absolute;  left: -2px;  top: -2px;  width: 34px;  height: calc(100% + 4px);  background: var(--turquoise);  z-index: -1;}
.tbox::after {  content: '';  position: absolute;  right: -2px;  top: -2px;  width: 34px;  height: calc(100% + 4px);  background: var(--turquoise);  z-index: -1;}
.tbox ul:not(.bl03, .bl04, .bl05)>li {  margin-top: 12px;  padding-left: 32px;  font-size: var(--f18);  font-style: normal;  font-weight: 500;  background: url(../img/sub/tbox-bl.svg) no-repeat left 2px;}
.tbox ul>li:first-child {  margin-top: 0;}
.tbox .conbtn {  margin-top: 20px;  padding-left: 41px;  padding-right: 41px;}
.tbox .tbox-step {  display: flex;  margin-bottom: 12px;  gap: 16px;}
.tbox .tbox-step>li {  position: relative;  display: flex;  align-items: center;  text-align: left;  padding: 30px;  color: var(--navy);  font-size: var(--f19);  font-weight: 500;  line-height: 150%;  border-radius: 8px;  border: 1px solid var(--margenta-with);  background: #FFF;}
.tbox .tbox-step>li::before {  content: '';  position: absolute;  left: -28px;  top: calc(50% - 18.5px);  width: 36px;  height: 37px;  background: url(../img/sub/tbox-step.svg) no-repeat;}
.tbox .tbox-step>li:first-child:before {  display: none;}
#detail_con>.tbox:first-child {  margin-top: 2px;}
.stbox {  margin-top: 12px;  margin-bottom: 12px;  padding: 16px 20px;  font-size: var(--f16);  font-weight: 500;  line-height: var(--f24);  border: 1px solid var(--turquoise);  background: #F6F9FA;}
.stbox * {  font-size: var(--f16);}
.para01 {  margin: 36px 0px 0px 20px;}
table.data {  text-align: center;  margin-top: 10px;  width: 100%;  border-spacing: 0; border-collapse: separate;}
h4+.info-blet {  margin: 36px 0 0 20px;}
.info-blet {  font-size: var(--f20);  font-weight: 500;  line-height: 31px;}
.info-blet>span {  position: relative;  padding-bottom: 3px;  padding-left: 28px;  background: linear-gradient(to top,var(--lemon) 50%, transparent 0);}
.info-blet span::before {  content: '';  position: absolute;  left: 0;  top: -2px;  width: 24px;  height: 24px;  background: url(../img/sub/info-blet.svg);}
h4+.tableBox,h4+table.data,.bl02+.tableBox,.bl02+table.data,.bl02+.tableBox+.tableBox,.bl02+table.data+table.data {  margin-left: 20px;}
h4+table.data,.bl02+table.data,.bl02+table.data+table.data {  width: calc(100% - 20px);}
.bl03+.tableBox,.bl03+table.data {  margin-left: 20px;}
table.data caption {  display: none;}
table.data thead th {  padding: 16px 5px;  color: var(--turquoise);  font-size: var(--f17);  font-weight: 600;  border: 1px solid var(--turquoise);  border-right: 0;  background: var(--back, #F1FCFF);}
table.data thead tr:first-child th:nth-last-child(1) {  border-right: 1px solid var(--turquoise);  border-radius: 0 8px 0px 0px;}
table.data thead tr:first-child th:nth-child(1) {  border-radius: 8px 0 0px 0px;}
table.data thead tr:not(:first-child) th {  border-top: 0;}
table.data thead tr:not(:first-child) th:nth-last-child(1) {  border-right: 1px solid var(--turquoise);}
table.data tbody th,table.data tbody td {  padding: 20px;  font-size: var(--f17);  font-weight: 500;  border-bottom: 1px solid #CCC;  border-left: 1px solid #CCC;}
table.data tbody td:nth-last-child(1) {  border-right: 1px solid #ccc;}
table .point-line td {  border-top: 3px solid var(--turquoise) !important;  border-bottom: 3px solid var(--turquoise) !important;  background: #F6F9FA;}
table .point-line td:first-child {  border-left: 3px solid var(--turquoise);}
table .point-line td:last-child {  border-right: 3px solid var(--turquoise) !important;}
table .point-line {  border: 3px solid var(--turquoise) !important;  background: #F6F9FA;}
table .bdr {  border-right: 1px solid #ccc;}
table .bdl0 {  border-left: 0 !important;}
.intable{width:unset}
.intable th, .intable td{padding:5px max(1vw, 2%); border:1px solid #222; border-left-width:0px; border-right-width:0px }
.intable td+td{border-left-width:1px}

.step {  display: flex;  gap: 20px;  margin-top: 12px;}
.step.gap8 {  gap: 8px;}
.step>li {  flex: 1 1 16.6%;  display: flex;  flex-direction: column;  text-align: center;  border-radius: 8px;  border: 1px solid var(--turquoise);  overflow: hidden;}
.step>li .num {  padding: 13px 8px;  color: var(--turquoise);  font-size: var(--f18);  font-weight: 600;  border-bottom: 1px solid var(--turquoise);  background: #F6F9FA;}
.step>li .con {  flex: 1 1 auto;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 27px;  font-size: var(--f17);  font-weight: 500;  line-height: var(--f24);}
.step>li .con p {  font-size: var(--f17);  font-weight: 500;  line-height: var(--f24);}
.step>li .con .consbtn {  margin-top: 4px;}
.step>li .con .txt {  position: relative;  padding-top: 18px;  color: #666;  font-size: var(--f15);  font-weight: 500;  line-height: var(--f17);  background: url(../img/sub/step-txt.svg) no-repeat center 4px;}
.smallstep{display: flex; gap:20px}
.smallstep *{line-height: 1.25; }
.smallstep>li{position: relative;}
.smallstep>li:After{content: '▶'; position: absolute; right: -17px; top: 40%; width: 15px; transform: scale(.7,1.4); opacity: .5; color: var(--purple)}
.smallstep>li:not(.nostep){min-width: calc(20% - 20px);}
.smallstep+.smallstep li:after{display: none}
.smallstep>li:last-child:after,
.smallstep>li.nostep:after{display: none !important}
.smallstep>li dl{display: flex; flex-wrap: wrap; flex-direction: column; }
.smallstep>li :where(.dt, dt){display: flex; align-items: center; min-height: 5.6rem;}
.smallstep>li :where(.dd, dd){flex-grow: 1; height: 100%; padding: 1rem 2%; position: relative; margin-top: -1rem;  }
.smallstep>li.nostep :where(.dt, .stepTit){text-align: right; justify-content: flex-end; color: var(--purple); font-size: 1.2rem;}
.smallstep>li.nostep :where(.dd, dd){align-items: center; padding-left: 0px; padding-right: 0px;}
.smallstep>li:not(.nostep) :where(.dt, dt){text-align: center;  justify-content: center;  padding: 1rem 2% 2rem; color: #fff; background: var(--purple); border-radius:1rem 1rem 0px 0px; }
.smallstep>li:not(.nostep) :where(.dd, dd){text-align: center; background: #fff; border-radius:1rem; box-shadow:0px 1px 3px rgba(0,0,0,.2)}

.bl02+.step {  margin-left: 20px;}
#tab {  display: flex;  margin-bottom: 80px;  margin-left: -20px;  margin-right: -20px;}
#tab>li {  flex: 1 1 auto;}
#tab>li>a {  display: block;  padding: var(--f16) 0;  color: #666;  text-align: center;  font-size: var(--f19);  font-weight: 500;  border: 1px solid #fff;  border-bottom-color: var(--turquoise);}
#tab>li.select>a {  color: var(--turquoise);  font-weight: 800;  border-radius: 10px 10px 0px 0px;  border-color: var(--turquoise);  border-bottom-color: #fff;}
#stab {  display: flex;  flex-wrap: wrap;  margin-top: -1px;  border: 2px solid var(--turquoise);  background: #F6F9FA;}
#stab>li {  position: relative;  width: calc(100% / 8);  border-top: 1px solid #D5E1E4;  border-right: 1px solid #D5E1E4;}
#stab>li:nth-child(8n) {/*8번째마다*/  border-right: 0;}
#stab>li:nth-child(-n+8) {/*8번째까지*/  border-top: none;}
#stab>li>a {  position: relative;  display: block;  text-align: center;  padding: 12px 5px;  color: var(--navy);  font-size: 17px;  font-weight: 500;  line-height: 150%;  z-index: 2;}
#stab>li.select>a {  color: #fff;  font-weight: 700;}
#stab>li.select>a::before {  content: '';  position: absolute;  left: -1px;  top: -1px;  width: calc(100% + 2px);  height: calc(100% + 2px);  background: var(--turquoise);  z-index: -1;}

/*pc*/
@media screen and (min-width:1281px){
	#container { display: flex; gap: 72px; margin-top: 20px;  }
  #lmenu { flex: 0 0 auto; display: flex; flex-direction: column; gap: 20px; width: 280px; margin-bottom: 30px;  }
  #lmenu .lmenu-box { border-radius: 28px; background: var(--gradation); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);  }
  #lmenu .lmenu-box h2 { display: flex; justify-content: center; align-items: center; height: 132px; padding: 40px 0px; color: #FFF; text-align: center; font-size: 30px; font-weight: 800;  }
  #lmenu .sub-menu { padding: 24px 28px; border-radius: 20px; background: #FFF;  }
  #lmenu .sub-menu>li>a { position: relative; display: block; padding: 13px 32px 13px 8px; color: #444; font-size: 18px; font-weight: 600; border-top: 1px solid #EDEDED; word-break: keep-all;  }
  #lmenu .sub-menu>li:first-child>a { border-top: none;  }
  #lmenu .sub-menu>li>a::before { content: ''; position: absolute; right: 8px; top: 13px; width: 24px; height: 24px; background: var(--sub);  }
  #lmenu .sub-menu>li>a:hover,  #lmenu .sub-menu>li.select>a { color: var(--turquoise);  }
  #lmenu .sub-menu>li>a:hover::before,  #lmenu .sub-menu>li.select>a::before { background-position: -24px 0;  }
  #lmenu .sub-menu li.has-depth>a::before { transform: rotate(90deg);  }
  #lmenu .sub-menu li.has-depth.select>a::before { transform: rotate(270deg);  }
  #lmenu .sub-menu>li>a br { display: none;  }
  #lmenu .sub-menu .depth { display: none; padding: 20px; border-radius: 8px; background: #F5F5F5;  }
  #lmenu .sub-menu li.has-depth.select+li>a { border-top: none;  }
  #lmenu .sub-menu .depth li { margin-top: 5px;  }
  #lmenu .sub-menu .depth li:first-child { margin-top: 0;  }
  #lmenu .sub-menu .depth a{ position: relative;		display: inline-block;		padding-left: 8px;		color: #444; font-size: var(--f16);		font-weight: 500;	}
	#lmenu .sub-menu .depth a::before{ content: '';		position: absolute;		left: 0;		top: 9px;		width: 4px;		height: 4px;		border-radius: 50%;		background: var(--turquoise);	}
  #lmenu .sub-menu .depth .select a { color: var(--turquoise);  }
  #lmenu .news-letter { display: flex; flex-direction: column; justify-content: center; padding: 10px 40px; min-height: 235px; background-size: 157px, auto; background-position: right -15px bottom -10px, 0 0;  }
  #lmenu .news-letter .stit { margin-bottom: 8px; font-size: 14px; font-weight: 700; text-transform: uppercase;  }
  #lmenu .news-letter  h3 { color: var(--navy); font-size: 23px; font-weight: 700; line-height: 29px;  }
  #lmenu .news-letter h3 span { color: var(--margenta);  }
  #lmenu .news-letter .more { position: relative; display: inline-block; margin-top: 20px; font-size: 16px;  }
  #lmenu .news-letter .more::before { content: ''; position: absolute; width: 20px; height: 20px;  }
  #lmenu .news-letter .more:hover::before { right: 15px;  }
  #contents { flex: 1 1 auto; margin-top: 52px; width: calc(100% - 352px);  }
  #con-tit .sns_close { width: 36px !important; height: 36px !important;  }
 }

/*mb*/
@media screen and (max-width:1280px){  body::before { height: 120px;  }
  #lmenu { display: none;  }
  #detail_con { padding-bottom: 60px;  }
  .tbox-step { flex-direction: column;  }
  .tbox .tbox-step>li::before { top: -28px; right: 0; margin: 0 auto; transform: rotate(90deg);  }
  #stab>li { border: none;  }
  #stab>li>a { padding: 8px; font-size: 15px;  }
 }

@media screen and (max-width:800px){
	:root { --f36: 22px; --f26: 19px; --f24: 20px; --f22: 18px; --f21: 17px; --f20: 17px; --f19: 14px; --f18: 14px; --f17: 14px; --f16: 13px; --f15: 13px;  }
	body::before { height: 100px;  }
	#con-tit .location { flex-wrap: wrap;  }
	#con-tit .location>li { display: none;  }
	#con-tit .location>li:nth-child(1),  #con-tit .location>li:nth-child(2),  #con-tit .location>li:nth-last-child(1) { display: block;  }
	#detail_con { padding: 40px 0;  }
	i.conbtn input,  .conbtn { padding-left: 20px; padding-right: 20px; height: 36px; line-height: 36px;  }
	.conbtn::before { right: -24px; width: 36px; height: 36px;  }
	.consbtn { padding: 4px 15px;  }
	h4 { margin-top: 36px; padding-left: 28px; background-position: -2px 0; background-size: 24px;  }
	.bl02, .sblet { padding-left: 18px;  }
	.bl02::before, .sblet::before { top: 7px; width: 11px; height: 11px;  }
	.bl03 { margin-top: 8px; margin-left: 12px;  }
	.bl03>li { padding-left: 12px;  }
	.bl03>li::before { top: 7px;  }
	.bl04,  .bl04>li { padding-left: 8px;  }
	.bl04::before,  .bl04>li::before { top: 7px; width: 3px; height: 3px;  }
	.bl04.nobl { margin-left: 12px;  }
	.tbox { padding: 24px;  }
	.tbox ul>li { margin-top: 8px; padding-left: 25px; background-size: 19px;  }
	.tbox .conbtn { margin-top: 10px;  }
	.tbox .tbox-step>li { padding: 0.8rem 2.4rem;  }
	.tbox .tbox-step>li::before { width: 25px; background-size: 100%;  }
	.stbox { padding: 16px;  }
	.para01 { margin: 18px 0px 0px 8px;  }
	.tableBox{ position: relative;		width: 100%;		overflow-x: scroll;	}
	.tableBox table.data{ width: 800px;	}
	.dataScroll{ position: absolute;		left: calc(50% - 60px);		top: 50px;		display: block;		text-align: center;		width: 120px;		height: 120px;		padding-top: 80px;		font-size: 14px;		color: #fff;		border-radius: 50%;		background: rgba(0, 0, 0, .7) url(../img/sub/ic_scroll.png) no-repeat center 23px;		z-index: 9;	}
	h4+.tableBox,  .bl02+.tableBox,  .bl02+.tableBox+.tableBox { margin-top: 18px;  }
	.bl03+.tableBox,  .bl03+table.data { margin-left: 12px;  }
	table.data thead th,  table.data tbody th,  table.data tbody td { padding: 12px; word-break: break-all;  }
	.step { flex-direction: column; gap: 8px;  }
	.step>li .num { padding: 8px;  }
	.step>li .con { padding: 18px;  }

	.smallstep{flex-direction: column}
	.smallstep>li{width:100% !important; }
	.smallstep>li:After{content: '▼'; margin: auto; top: unset; bottom: -17px; left: 0px; right: 0px; transform: scale(1.4,.7);}
	.smallstep>li :where(.dt, dt){min-height: unset;}
	.smallstep>li :where(.dd, dd){margin-top: 0px;}
	.smallstep>li.nostep :where(.dt, dt.stepTit){justify-content: flex-start;}
	.smallstep>li:not(.nostep) :where(.dt, dt){padding: 1rem 2%; border-radius: 1rem;}
	.smallstep+	.smallstep{margin-top: 2rem;}
	.smallstep+.smallstep li:after{display: block;}
	#tab { margin-left: 0; margin-right: 0; margin-bottom: 40px;  }
	#tab>li.select>a { border-radius: 4px 4px 0px 0px;  }
	#stab>li { width: calc(100% / 5);  }
	#stab>li>a { font-size: 14px;  }
}

@media screen and (max-width:480px){
	body::before { display: none;  }
	#con-tit { text-align: center; padding: 24px 20px 20px 20px; margin-left: -20px; margin-right: -20px; border-bottom-width: 1px;  }
	#con-tit h3 { margin-bottom: 12px;  }
	#con-tit>div { flex-direction: column; gap: 12px;  }
	#con-tit .location { gap: 0 12px;  }
	#con-tit .location>li { font-size: 11px;  }
	#con-tit .location>li:first-child,  #con-tit .location>li::before { background-size: 43px;  }
	#con-tit .location>li:first-child { width: 12px; height: 12px; background-position: 0 -15px;  }
	#con-tit .location>li::before { width: 8px; height: 8px; right: -10px; top: calc(50% - 4px); background-position: -12px -14px;  }
	#con-tit .sns a { width: 28px; height: 28px;  }
	#con-tit .sns>li>a { background-color: #F5F5F5; background-size: 57px; background-position: 0 -37px;  }
	#con-tit .sns>li.print>a { background-position: -29px -37px;  }
	#con-tit .sns_close { width: 28px !important; height: 28px !important; background: #F5F5F5;  }
	#con-tit .sns_close:before,  #con-tit .sns_close:after { top: 13px; width: 13px;  }
	#con-tit .sns_list { padding-right: 0; padding-top: 35px;  }
	#con-tit .sns_list ul { flex-direction: column;  }
	#detail_con { padding-left: 8px; padding-right: 8px;  }
	#tab { align-items: center; flex-wrap: wrap; gap: 4px;  }
	#tab>li { flex-basis: calc(25% - 16px / 3);  }
	#tab>li>a { padding: 8px 0px; height: 40px; border-radius: 4px !important; border: 1px solid #EFEFEF; background: #EFEFEF;  }
	#tab>li.select>a { border-color: var(--turquoise); background: #fff;  }
	#stab>li { width: calc(100% / 4);  }
}