@charset "utf-8";
@import url('../css/pretendard.css');
@import url('../css/fonticon.css');
::selection {
  background-color: #111725;
  color: #FFFFFF;
}
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:before,:after{ -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
html{font-size:62.5%;overflow-y:scroll;scroll-behavior: smooth;}
body{font-size:1.4rem;}
html,body{width:100%;
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}
body, th, td, input, select, textarea, button, code, kbd, pre, samp {
  font-family: pretendard, "-apple-system", BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", Roboto, Helvetica, Arial, sans-serif;
  color: #000;
  line-height:1.4;
}
ul, ol, dl {list-style: none;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight: normal;}
b{font-weight: 700;}
strong {font-weight: 600;}
em{font-weight: 500;font-style: normal;}
a {font-size: inherit; color: inherit;text-decoration: none;display: inline-block;white-space: nowrap;}
a:active, a:hover {text-decoration: none;}
img{max-width:100%;}
input[type="text"],input[type="password"],textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
select{border-radius:0;}
.hide {display: none}
button{cursor:pointer;}
button:disabled{cursor:default;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px transparent inset;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{transition: background-color 5000s ease-in-out 0s !important;}
.clearfix{zoom:1}
.clearfix:after, .clearfix:before{display:table;content:"";}
.clearfix:after{clear: both;}
hr.devide_line{display: block;margin:2.4rem 0;background-color: #e6e6e6;height:1px;border:0;}

/* vertical align */
.align_top{vertical-align:top !important}
.align_middle{vertical-align:middle !important}
.align_bottom{vertical-align:bottom !important}

/* text align */
.align_center{text-align:center !important}
.align_left{text-align:left !important}
.align_right{text-align:right !important}

/* display */
.hide {display:none !important;}
.hidden{display:none !important;}
.screen_hide{position: absolute;text-indent: -9999px;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;}
.sound_only {display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;width: 0 !important; height: 0 !important; padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important}
.mobile{display:none;}
tr.pc_tablerow_mobile_block{display:table-row !important;}
@media screen and (max-width: 1000px) {
  html.mobile_hidden{overflow:hidden;}
  .mobile{display:block;}
  .pc{display:none;}
  tr.pc_tablerow_mobile_block{display:block !important;}

}


.bd0{border:0 !important;}
.bl0{border-left:0 !important;}
.br0{border-right:0 !important;}
.bt0{border-top:0 !important;}
.bb0{border-bottom:0 !important;}
.fs_13{font-size:1.3rem !important;}
.fs_14{font-size:1.4rem !important;}
.fs_15{font-size:1.5rem !important;}
.fs_16{font-size:1.6rem !important;}
.fs_17{font-size:1.7rem !important;}
.fs_18{font-size:1.8rem !important;}
.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdl0{padding-left:0 !important;}
.pdr0{padding-right:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdb10{padding-bottom:1rem !important;}
.pdb20{padding-bottom:2rem !important;}
.pdb30{padding-bottom:3rem !important;}
.pdb56{padding-bottom:5.6rem !important;}
.pdb110{padding-bottom:11rem !important;}
.mgt0{margin-top:0 !important;}
.mgt5{margin-top:0.5rem !important;}
.mgt10{margin-top:1rem !important;}
.mgt15{margin-top:1.5rem !important;}
.mgt20{margin-top:2rem !important;}
.mgt25{margin-top:2.5rem !important;}
.mgt30{margin-top:3rem !important;}
.mgb0{margin-bottom:0 !important;}
.mgl0{margin-left:0 !important;}
.mgr0{margin-right:0 !important;}
.bold{font-weight:700;}
label{cursor:pointer;}
input:read-only{cursor: default;}
input:read-only:focus{outline: none;}
input.bg_white{background-color: #fff !important;}


/* 서브 페이지 */
.sub_visual{position:relative; width:100%; height:25rem; background-repeat:no-repeat; background-size:cover; background-position:center;}
.sub_visual span{margin-top: 3rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:3.2rem; font-weight:600; color:#fff; word-break: keep-all;}
.sub_content{padding: 2rem 0 20rem; background-color:#fff; overflow:hidden;}
.sub_content .section {position: relative; margin:0 auto; width:100%;  max-width:calc(var(--max-layout-width) + 6rem + 6rem); padding: 0 6rem; z-index: 1;}

.page_title{position: relative; margin-bottom: 5rem; font-size: 3.2rem; color: #000; font-weight: 600;}
.page_title.vertical_line{padding-left:2rem;}
.vertical_line:before{content:''; position: absolute; top:50%; left: 0; transform: translateY(-50%);  display: inline-block; width:6px; height: 80%; background-color: #FFBA00;}

.section:not(.page_info) + .section{margin-top: 13rem;}
.section > .title .sub_title{margin-bottom: .6rem; color: #FFBA00; font-size: 1.6rem; font-weight: 500;}
.section > .title p{font-size: 2.8rem; font-weight: 600; word-break: keep-all;}
.section > .title + .contnets{margin-top:3rem;}

.ico_wrap{display: flex; justify-content: center; align-items: center;}

p.list{color: #000; font-size: 1.6rem; font-weight: 400; line-height: 3rem;}
.table{width:100%; border-spacing:4px;}
.table th,
.table td{padding:1.6rem 2rem; font-size:1.6rem;font-weight: 400; }
.table th{vertical-align: middle; background-color:#FFF9E9; word-break: keep-all;}
.table td .keyword{color: #FF6B00; font-weight: 600; word-wrap: break-word;}

.table.border_table{}
.table.border_table,
.table.border_table th,
.table.border_table td{border: 1px solid #ecececff; border-collapse: collapse;}
.table.border_table thead th{color: #5C5C5C;}
.table.border_table tbody th{background-color:#fff;font-weight:500;}

.bold_underline{position:relative;}
.bold_underline::before{content:''; position:absolute; bottom:0.3rem; left:0; display:inline-block; width:100%; height:23%; background-color:#FFD76D; z-index:-1;}

/* 페이지 경로 */
.page_path{display:flex; align-items: center; gap: .4rem; margin-bottom: 4rem; color:#999;}
.page_path a{display: inline-block; padding:.4rem .8rem; color:#999; font-size: 1.5rem;}
.page_path .home a{display: inline-block; width: 2.4rem; height:2.4rem; background-image: url('../images/common/ico_home.svg'); background-size: contain;}
.page_path li + li::before{content:''; display: inline-block; width:1.8rem; height: 1.8rem; margin-top: .4rem; background-color: currentColor; -webkit-mask: url('../images/common/ico_arrow_right.svg') no-repeat center; -webkit-mask-size: contain; mask: url('../images/common/ico_arrow_right.svg') no-repeat center; mask-size: contain;}

@media screen and (max-width: 1023px) {
  .sub_visual span{font-size: 2.4rem;}
  .page_title{font-size: 2.2rem;}

  .section > .title p{font-size: 2.2rem;}
  .section > .title + .contnets{margin-top:2rem;}

  .page_path{gap:.2rem;margin-bottom: 4rem;}
  .page_path a{font-size:1.4rem;}
  .page_path .home a{width: 2rem; height:2rem; }

  .table th,
  .table td{padding:1.4rem; font-size:1.5rem;}
}

@media screen and (max-width: 767px) {
  .sub_content{padding: 3rem 0 20rem;}
  .sub_content.rate:before{width: 13rem;}
  .sub_content.rate:after{width: 13rem;}
  .sub_content .section{max-width:calc(100% + 2.4rem + 2.4rem); padding:0 2.4rem;}
  .section:not(.page_info) + .section{margin-top: 6rem;}

  .page_path li + li::before{margin-top: .7rem; width:1.2rem; height:1.2rem;}
  .page_path a{font-size:1.3rem; padding:.4rem;}
  .page_path .home a{width: 1.8rem; height:1.8rem; }

  p.list{font-size:1.5rem;}
  .table tbody th{padding:1rem;}
}