@charset "utf-8";
@import url('/font/biz2/Paperlogy/Paperlogy.css');
@import url('/font/biz2/pretendard-gov/pretendard-gov.css');
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:before,:after {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    line-height:1.5;
}
 
html{font-size:62.5%;}
body{font-size:2.2rem;letter-spacing:-0.05rem;}
body, th, td, input, select, textarea, button, code, kbd, pre, samp {
  font-family: 'Pretendard GOV', 'Paperlogy','sans-serif';
  color: #2d2d2d;
  font-weight:400;
  line-height:1.4;
}
ul, ol, dl {
  list-style: none;
}
h1, h2, h3, h4, h5, h6, strong, th {
  font-weight: normal;
}

strong{
  font-weight:700;
}
b {
  font-weight: 600;
}
em{
  font-weight:5700;font-style: normal;
}
a {
    color: inherit;
    text-decoration: none;
}
a:active, a:hover {
    text-decoration: none;
}
textarea:focus,input:focus,select,button,.swiper-button-prev,.swiper-button-next,a{  }
img:not(.kpd-image-button){max-width:100%;}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;box-shadow:0;}
select{border-radius:0;}
select::-ms-expand{display: none;}
.hide { display: none }
button{cursor:pointer;}
.float .left{float:left;}
.float .right{float:right;}
.clearfix{zoom:1}
.clearfix:after, .clearfix:before{display:table;content:"";}
.clearfix:after{clear: both;}
.underline{text-decoration:underline;}
.align_top{vertical-align:top}
.align_middle{vertical-align:middle}
.align_bottom{vertical-align:bottom}

.align_center{text-align:center !important}
.align_left{text-align:left !important}
.align_right{text-align:right !important}

.flex {display:flex !important;}
.inline_flex {display:inline-flex !important;}
.block {display:block !important;}
.inline_block {display:inline-block !important;}
.hide {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; width:0 !important; height:0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; border: 0 !important; overflow: hidden !important }
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:3rem;font-weight:bold;text-align:center;text-decoration:none;line-height:75px;}
.mgt0 {margin-top:0px !important;} .mgt5 {margin-top:5px !important;} .mgt10 {margin-top:10px !important;} .mgt15 {margin-top:15px !important;} .mgt20 {margin-top:20px !important;} .mgt25 {margin-top:25px !important;} .mgt30 {margin-top:30px !important;} .mgt35 {margin-top:35px !important;} .mgt40 {margin-top:40px !important;} .mgt45 {margin-top:45px !important;} .mgt50 {margin-top:50px !important;} .mgt55 {margin-top:55px !important;} .mgt60 {margin-top:60px !important;} .mgt65 {margin-top:65px !important;} .mgt70 {margin-top:70px !important;} .mgt75 {margin-top:75px !important;} .mgt80 {margin-top:80px !important;} .mgt85 {margin-top:85px !important;} .mgt90 {margin-top:90px !important;} .mgt95 {margin-top:95px !important;} .mgt100 {margin-top:100px !important;}
.mgb0 {margin-bottom:0px !important;} .mgb5 {margin-bottom:5px !important;} .mgb10 {margin-bottom:10px !important;} .mgb15 {margin-bottom:15px !important;} .mgb20 {margin-bottom:20px !important;} .mgb25 {margin-bottom:25px !important;} .mgb30 {margin-bottom:30px !important;} .mgb35 {margin-bottom:35px !important;} .mgb40 {margin-bottom:40px !important;} .mgb45 {margin-bottom:45px !important;} .mgb50 {margin-bottom:50px !important;} .mgb55 {margin-bottom:55px !important;} .mgb60 {margin-bottom:60px !important;} .mgb65 {margin-bottom:65px !important;} .mgb70 {margin-bottom:70px !important;} .mgb75 {margin-bottom:75px !important;} .mgb80 {margin-bottom:80px !important;} .mgb85 {margin-bottom:85px !important;} .mgb90 {margin-bottom:90px !important;} .mgb95 {margin-bottom:95px !important;} .mgb100 {margin-bottom:100px !important;}
.mgl0 {margin-left:0px !important;} .mgl5 {margin-left:5px !important;} .mgl10 {margin-left:10px !important;} .mgl15 {margin-left:15px !important;} .mgl20 {margin-left:20px !important;} .mgl25 {margin-left:25px !important;} .mgl30 {margin-left:30px !important;} .mgl35 {margin-left:35px !important;} .mgl40 {margin-left:40px !important;} .mgl45 {margin-left:45px !important;} .mgl50 {margin-left:50px !important;} .mgl55 {margin-left:55px !important;} .mgl60 {margin-left:60px !important;} .mgl65 {margin-left:65px !important;} .mgl70 {margin-left:70px !important;} .mgl75 {margin-left:75px !important;} .mgl80 {margin-left:80px !important;} .mgl85 {margin-left:85px !important;} .mgl90 {margin-left:90px !important;} .mgl95 {margin-left:95px !important;} .mgl100 {margin-left:100px !important;}
.mgr0 {margin-right:0px !important;} .mgr5 {margin-right:5px !important;} .mgr10 {margin-right:10px !important;} .mgr15 {margin-right:15px !important;} .mgr20 {margin-right:20px !important;} .mgr25 {margin-right:25px !important;} .mgr30 {margin-right:30px !important;} .mgr35 {margin-right:35px !important;} .mgr40 {margin-right:40px !important;} .mgr45 {margin-right:45px !important;} .mgr50 {margin-right:50px !important;} .mgr55 {margin-right:55px !important;} .mgr60 {margin-right:60px !important;} .mgr65 {margin-right:65px !important;} .mgr70 {margin-right:70px !important;} .mgr75 {margin-right:75px !important;} .mgr80 {margin-right:80px !important;} .mgr85 {margin-right:85px !important;} .mgr90 {margin-right:90px !important;} .mgr95 {margin-right:95px !important;} .mgr100 {margin-right:100px !important;}
 .hover_underline:hover{text-decoration: underline !important;}

.container{max-width:1640px;margin-left:auto;margin-right:auto;padding-left: 20px;padding-right: 20px;}
.container_md{max-width:1432px;margin-left:auto;margin-right:auto;padding-left: 16px;padding-right: 16px;}
.container_sm{max-width:480px;margin-left:auto;margin-right:auto;}
@media screen and (max-width: 1100px) {
	.container,.container_md,.container_sm{padding-left:16px;padding-right:16px;}
  .mb_mt_8{margin-top:8px !important;}
  .mb_mt_10{margin-top:10px !important;}
  .mb_mt_15{margin-top:15px !important;}
  .mb_mt_20{margin-top:20px !important;}
  .mb_mt_25{margin-top:25px !important;}
  .mb_mt_30{margin-top:30px !important;}
  .mb_mt_32{margin-top:32px !important;}
}
label{cursor:pointer;}
select{appearance:none; -webkit-appearance:none; box-sizing:border-box;background-color:#fff;height:56px;font-size:2rem;color:#2d2d2d;padding-left:24px;border-radius: 10px;font-weight:500;color:#555;border:1px solid #d0d0d0;background-position: right 30px center;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%232D2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
select::-ms-expand {display:none;}
select.no_line{border:0;}
.wid_pc_26{width:260px;}
.wid_pc_26 + .ss-main{width: 260px;}
.wid_pc_27{width:270px;}
.wid_pc_27 + .ss-main{width: 270px;}
html .ss-main{height:56px;font-size:2rem;color:#2d2d2d;padding:0 0 0 24px;border-radius: 10px;font-weight:400;
border:1px solid #d0d0d0;background-color:#fff;color:#555;
background-position: right 30px center;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%232D2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
html .ss-main.no_line{border:1px solid transparent;}
html .ss-arrow{display: none !important;}
html .ss-main:focus{box-shadow: none;}
html .ss-main.ss-open-below,
html .ss-main.ss-open-above{border:1px solid #2E6FE4;background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L7 1L13 7' stroke='%232D2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
html .ss-content{border:1px solid #2E6FE4;transition: none;z-index: 10000;}
html .ss-content.select_blue{border-color:#0E2B5E;}
html .ss-content.ss-open-above{border-bottom:1px solid transparent;}
html .ss-content.ss-open-below{border-top:1px solid transparent;}
html .ss-content .ss-list{}
html .ss-content .ss-list .ss-option{height: 56px;color:#555;font-size:2rem;padding:13px 24px;}
html .ss-content .ss-list .ss-option:hover{background-color: #F3F9FE;color:#555;}
html .ss-content .ss-list .ss-option.ss-disabled{padding:0;height:0;visibility: hidden;}
html .ss-content .ss-list .ss-option.ss-highlighted, html .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{background-color: #F3F9FE;color:#2E6FE4;}

html .ss-main.select_blue{color:#fff;border:1px solid #0E2B5E;background-color:#0E2B5E;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
html .ss-main.select_blue.ss-open-below,
html .ss-main.select_blue.ss-open-above{border:1px solid #0E2B5E;background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L7 1L13 7' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}

@media screen and (max-width: 1350px) {
  select{font-size:1.8rem;height: 52px;padding-left:20px;background-position: right 24px center;}
  html .ss-main{font-size:1.8rem;height: 52px;padding-left:20px;background-position: right 24px center;}
  html .ss-content .ss-list .ss-option{height: 52px;font-size:1.8rem;padding:11px 22px;}
}
@media screen and (max-width: 1100px) {
  select{font-size:1.8rem;border-radius: 5px;height: 48px;padding-left:16px;background-position: right 22px center;}
  html .ss-main{font-size:1.8rem;border-radius: 5px;height: 48px;padding-left:16px;background-position: right 22px center;}
  html .ss-content .ss-list .ss-option{height: 48px;padding:10px 18px;} 
  html .ss-content .ss-list .ss-option{padding-left:16px;}
  .wid_mb_100:not(.ss-content) {width: 100% !important;}
  .wid_mb_100 {max-width: 100% !important;}
  .wid_mb_100 + .ss-main{width: 100% !important;max-width: 100% !important;}
}
@media screen and (min-width: 1101px) {
  .mobile{display: none !important;}
}
@media screen and (max-width: 1100px) {
  .pc{display: none !important;}
}

input[type="number"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"]{height:56px;border:1px solid #d0d0d0;background-color:#fff;padding-left:24px;color:#2d2d2d;border-radius: 10px;font-size:2rem;}
textarea{padding:24px;height:400px;min-height:400px;width:100%;min-width:100%;max-width:100%;color:#2d2d2d;border:1px solid #d0d0d0;border-radius:10px;font-size:2rem;resize: none;}
.resize_scroll{height:200px;min-height:200px;min-width:100%;max-width:100%; resize: vertical;}
input[type="number"]::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder{opacity:1;color:#717171;}
textarea::placeholder{opacity:1;color:#717171;}
input[type="number"]:read-only,
input[type="text"]:read-only,
input[type="password"]:read-only,
input[type="tel"]:read-only,
input[type="email"]:read-only{background-color:#F4F6F9;color:#555;}
select:disabled{background-color:#F4F6F9;color:#555;opacity:1;}
input.no_line{border:1px solid transparent;}
@media screen and (max-width: 1350px) {
  input[type="number"],
  input[type="text"],
  input[type="password"],
  input[type="tel"],
  input[type="email"]{font-size:1.8rem;height: 52px;padding-left:20px;}
  textarea{padding:20px;font-size:1.8rem;}
}
@media screen and (max-width: 1100px) {
	input[type="text"],
	input[type="password"],
	input[type="tel"],
	input[type="email"]{height:48px;padding-left:16px;font-size:1.8rem;border-radius: 5px;}
  textarea{height:300px;padding:20px 16px;border-radius: 5px;padding:16px;font-size:1.8rem;}
  .resize_scroll{height:150px;min-height:150px;min-width:100%;max-width:100%;overflow-y: auto;resize: none;}
}
textarea:read-only{background-color:#F4F6F9;color:#555;}

.ss-list { max-height: 224px; overflow-y: auto; }
::-webkit-scrollbar { width: 4px;height: 4px; }
::-webkit-scrollbar-track { background: #E0E0E0; }
::-webkit-scrollbar-thumb { background: #717171; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover {  background: #575757; }

form legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;}
table caption { height:0;overflow: hidden;text-indent: -9999px;}
fieldset{border:0;padding:0;}

input[type="checkbox"],
input[type="radio"]{cursor: pointer;}
.checkbox{ display:inline-flex; align-items:center; gap:8px; font-size:2rem; color:#555;min-height: 30px; }
.checkbox input[type="checkbox"]{ appearance:none; -webkit-appearance:none; min-width:24px;height:24px;;width:24px; height:24px; border:2px solid #d0d0d0; border-radius:5px; background:#fff; display:inline-block; position:relative; margin:0; } 
.checkbox input[type="checkbox"]:active,
.checkbox input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus-visible{}
.checkbox input[type="checkbox"]:checked{ border-color:#2E6FE4;background:#2E6FE4;background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 1.5L4.9188 9.5L1.5 5.34416' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") #2E6FE4 no-repeat 3px 5px;}
.checkbox.single{min-height:24px;}
@media screen and (max-width: 1100px) {
  .checkbox{ font-size:1.8rem;}
}
.checkbox input[type="radio"]{ appearance:none; -webkit-appearance:none;border-radius:50%; min-width:24px;height:24px;width:24px; height:24px;display:inline-block; position:relative; margin:0;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='11' fill='white' stroke='%23D0D0D0' stroke-width='2'/%3E%3C/svg%3E%0A");}
.checkbox input[type="radio"]:active,
.checkbox input[type="radio"]:focus,
.checkbox input[type="radio"]:focus-visible{}
.checkbox input[type="radio"]:checked{ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='11' fill='white' stroke='%232E6FE4' stroke-width='2'/%3E%3Crect x='5' y='5' width='14' height='14' rx='7' fill='%232E6FE4'/%3E%3C/svg%3E%0A");}
@media screen and (max-width: 1100px) {
  .checkbox{ font-size:1.8rem;}
}
.datepicker{background-position: right 24px center;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z' stroke='%232D2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V6' stroke='%232D2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 2V6' stroke='%232D2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 10H21' stroke='%232D2D2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.input_group{display: flex;align-items: center;gap:12px;}
.input_group.input_wrap{flex-wrap:wrap;}
.input_group + .input_group{margin-top:12px;}
.input_group .input_text{color:#717171;font-size:2rem;}
.input_group .ip_tit{width:100%;color:#202020;font-size:1.8rem;font-weight:600;margin-bottom:4px;}
.input_group .ss-main,
.input_group input[type="text"],
.input_group input[type="password"],
.input_group input[type="email"],
.input_group input[type="tel"]{flex:1 1 auto;width:1%;}
.form_caution{color:#2E6FE4;font-size:1.8rem;margin-bottom:16px;word-break: keep-all;}
@media screen and (max-width: 1100px) {
  .input_group{flex-wrap: wrap;gap:8px;}
  .input_group + .input_group{margin-top:8px;}
  .input_group .ss-main,
  .input_group input[type="text"],
  .input_group input[type="password"],
  .input_group input[type="email"],
  .input_group input[type="tel"]{max-width:99999em !important;}
  .input_group .input_text{margin-left:-2px;margin-right:-2px;}
  .ss-content{max-width:99999em !important;}
  .datepicker{background-position: right 16px center;}
}

.ct_text{font-size: 2rem;}
* + .ct_text{margin-top:24px;}
.ct_text2{color:#717171;font-size:1.8rem;margin-top:16px;word-break: keep-all;}
.ct_text2 + .ct_text2{margin-top:4px;}
@media screen and (max-width: 1100px) {
  * + .ct_text{margin-top:16px;}
  .ct_text{font-size:1.8rem;}
}

@media screen and (min-width: 1101px) {
  .pc_text_right{text-align: right;}
}
.text_red{color:#DB2F2F !important;}
.text_blue{color:#2E6FE4 !important;}
.text_gray{color:#717171 !important;}
.text_555{color:#555 !important;}


.select_submit{margin-left:12px;}
.select_submit button{height:56px;color:#fff;border-radius: 10px;min-width:84px;padding:0 15px;font-size:2rem;font-weight: 700;font-family: 'Paperlogy';background: rgba(94, 116, 142, 0.8);border:0;}
.select_submit button:hover{background: rgba(94, 116, 142, 0.9);}
@media screen and (max-width: 1350px) {
    .select_submit button{height:52px;min-width:84px;padding:0 10px;font-size:1.8rem;}
}
@media screen and (max-width: 1100px) {
    .select_submit{margin-left:8px;}
    .select_submit button{height:48px;border-radius: 5px;min-width:64px;}
}

/* 포커스 */
:focus-visible{outline:#0E2B5E dashed 2px;}
#skip_to_container a:focus-visible,   
#nav > li > a:focus-visible,
.mt_skeywords .keyword:focus-visible,
.notice_card:focus-visible,
.slide_card:focus-visible,
input[type="text"]:focus-visible,
input[type="password"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="email"]:focus-visible,
.ss-main:focus-visible
.mt_sform button:focus-visible,
form button,
.tab_nav li a,
.verify_list input[type="checkbox"]:focus-visible + div,
.count_cates .item .btn:focus-visible,
.search_results .result .list .search_item:focus-visible,
.consult_list .item a{outline-offset: -2px;}
.btn_list button:focus-visible,
.btn_list a:focus-visible{outline-offset: 0;}
.ss-main:focus-visible{outline:#0E2B5E dashed 2px;}
.file_upload label input:focus-visible + span + .btn,
.icon_radios .item label input:focus-visible + div,
.verify_list input[type="checkbox"]:focus-visible + div{outline:#0E2B5E dashed 2px;}

.mt_notice *:focus-visible,
.list_search_row .search_button button:focus-visible,
.list_search_col .search_button button:focus-visible,
.count_cates .item .btn:focus-visible,
.tab_nav li a:focus-visible,
.btn_list .btn:focus-visible{outline: #00ADB2 dashed 2px;}

/* 팝업 팝업 */
.layer-pop { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000;}
.layer-pop.on { display: block; }
.layer-content { overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: var(--max-width, 840px); width: 100%; box-shadow: 0px 6px 16px rgba(15, 21, 34, 0.06);}
.layer-content .layer-inner { position: relative; background: #FFF; border-radius: 20px; padding: 60px 40px 40px 40px; }
.layer-content .layer-scroll { overflow-y: auto; position: relative; max-height: calc(100vh - 40px); background: #FFF; border-radius: 20px; padding: 60px 40px 40px 40px; }
.layer-content .layer-inner > .title,
.layer-content .layer-scroll > .title { display: block; position: relative; font-size: 26px; text-align: center; font-weight: 700;}
.layer-content .desc {font-size: 20px;}
.layer-content .desc + .com-view-table {margin-top: 40px;}
.layer-content .layer-inner > .title .ic-edu ,
.layer-content .layer-scroll > .title .ic-edu { position: absolute; left: 0; top: 0; width: 176px; height: 34px; background: url(../../images/biz2/ico/ico_pop_edu.png) no-repeat 0 0; }
.layer-content .close-btn { position: absolute; right: 20px; top: 18px; width: 24px; height: 24px; background: url(../../images/biz2/ico/ico_pop_close.svg) no-repeat center center; }
/* 팝업 하단 정보 영역 */
.layer-content .info-area { margin-top: 40px;}

/* 중복 팝업 콘텐츠 */
.layer-content + .layer-content {box-shadow: 0px 2px 6px 6px rgba(15, 21, 34, 0.06);}
.layer-pop .hide-layer-content {display: none; border-radius: 20px;}

.layer-content .info-area > .tit { display: block; margin-bottom: 14px; font-size: 20px; font-weight: bold; color: #333; }
.layer-content .info-area .list-box { width: 267px; margin: 0 auto; }
.layer-content .info-area .list-box li { display: flex; align-items: center; }
.layer-content .info-area .list-box li + li { margin-top: 24px; }
.layer-content .info-area .list-box li .tit { flex-shrink: 0; width: 100px; font-size: 16px; font-weight: bold;  }
.layer-content .info-area .list-box li input[type=text] { font-size: 14px; }
.layer-content .info-area .result-txt { margin-top: 56px; background: #F6FEFF; border-radius: 12px; border: 1px solid #ddd; padding: 20px; text-align: center; font-size: 16px; font-weight: 500; color: #191919; }
.layer-content .info-area .confirm-box { margin-top: 28px; }
.layer-content .info-area .confirm-box > .text { display: block; font-size: 14px; text-align: center; color: #555555; }
.layer-content .info-area .confirm-box .check-group { display: flex; justify-content: center; margin-top: 27px; }
.layer-content .info-area .text-box { padding-bottom: 22px; }
.layer-content .info-area .text-box > .tit { display: block; font-size: 16px; color: #555; }
.layer-content .info-area .text-box > .tit + .txt { padding: 8px 0 0 12px; }
.layer-content .info-area .text-box > .txt { display: block; font-size: 14px; color: #797979; }
.layer-content .info-area .text-box > .txt + .tit { margin-top: 26px; }
.layer-content .info-area .text-box > .noti-txt { display: block; margin-top: 90px; font-size: 14px; font-weight: bold; text-align: center; color: #191919; }
.layer-content .info-area .text-box > .day { display: block; margin-top: 12px; font-size: 14px; font-weight: bold; color: #191919; text-align: right; }      
.layer-content .btn-box button { min-width: 74px; height: 38px; padding: 0 15px; border-radius: 6px; background: #00B3BE; font-size: 16px; font-weight: bold; color: #FFFFFF; }

/* 공통 변수 정의 */
:root {
	/*  Color Guide
		Background	 	#EEE
		Disabled 		#EEE
		Border 			#AAA
		Placeholder 	#666
		Title			#000
		body			#000
		Primry			var(--pri)
		Blue			#4C85BA
		Green			#56CA00
		Red				#EA292E
	*/
	--white: #FFF;
	--bg-color: #EEE;
	--ds-color: #EEE;
	--bd-color: #AAA;
	--ph-color: #666;
	--pri-txt-color: #000;
	--sub-txt-color: #333;
	--pri: #00ADB2;
	--skyblue: #218CEF;
	--blue: #4C85BA;
	--lightblue : #F7F9FC;
	--deepblue: #003675;
	--green: #56CA00;
	--red: #EA292E;

	--font-lv0: 42px;
	--font-lv1: 34px;
	--font-lv2: 32px;
	--font-lv3: 28px;
	--font-lv4: 22px;
	--font-lv5: 17px;
	--font-lv6: 18px;
	--font-lv7: 16px;
}

/* 팝업 버튼 공통 */
.layer-pop .layer-btn-wrap .btns,
.new-window-pop .new-window-btn-wrap .btns{padding:0 20px;width:120px;background:var(--pri)} /* 기본 버튼 고정값 초기화 */
.layer-pop .search-box .btns, 
.layer-pop table .btns 
{height: 48px; font-size: 18px; min-width: 64px; width: auto;} 

.layer-btn-wrap, 
.new-window-btn-wrap{text-align:center;margin-top:40px}
.layer-btn-wrap .btns + .btns,
.new-window-btn-wrap .btns + .btn
{margin-left: 16px;}
.layer-btn-wrap .btns.btn-bd {border: 1px solid #1c8a90; color: var(--pri); background: #fff;}
.layer-pop .search-box .btns,
 .new-window-pop .search-box .btns{margin : 30px auto 0;font-size:18px; display: block;} /* 기본 설정 마진 초기화 */
 
 /* 팝업 테이블 공통 */
.new-window-pop .com-view-table :where(th,td), 
.layer-pop .com-write-table :where(th,td) {height: 60px;}
.layer-pop :where(.com-view-table, .com-write-table) table th,
.new-window-pop :where(.com-view-table, .com-write-table) table th {font-size: 20px; padding: 10px;}
.layer-pop :where(.com-view-table, .com-write-table) td,
.new-window-pop :where(.com-view-table, .com-write-table) td {font-size: 20px; height: 60px !important;}
.layer-pop :is(.com-view-table, .com-write-table) td p.bullet {font-size: var(--font-lv5)!important; margin-top: 0;}
.com-view-table.txt-l td { text-align: left !important;}
.com-view-table.txt-l td.txt-c { text-align: center !important;}
.layer-pop .com-view-table table td:last-child {border-right: 1px solid var(--bd-color);}
.layer-pop .com-view-table th, .new-window-pop .com-view-table th{padding:10px; height: 60px !important;}
.conts-header ~ .com-view-table > table {margin-top: 0;} /* top info group이 먼저 올 경우 마진 초기화 */
.layer-pop .bullet + .com-write-table > table {margin-top: 20px;}
.layer-pop .com-write-table + .com-write-table {margin-top: 20px;}

/* button 공통 */
/* [class*=btn]{font-weight: 700;}
.btn-fixed {width: 120px; text-align: center;}
.btns{display:inline-block;height:56px;padding:11px 16px 8px;border-radius:8px;background-color:var(--pri);color:var(--white);font-size:20px;} 20241211 이민혁 수정된 디자인 시스템따라 좌우 패딩 16px, letter spacing 추가
.btns:hover {background-color: #27C2CB !important;}
.btns:focus, .btns:active {background-color: #52CED5 !important;}
.btn-bd{
	display:inline-block;height:56px;padding:11px 16px 8px;border: 1px solid var(--pri);border-radius:8px;
	background-color:var(--white); color: var(--pri);
}
.btn-bd:hover {background-color: #E9F9FA !important;}
.btn-bd:focus,.btn-bd:active {background-color: #F7F9FC !important;} */

/* 탭 공통 */
.tab-list{display:flex;align-items:center;gap:4px;font-size:24px;margin-bottom:40px;border-bottom:1px solid var(--bd-color)}
.tab-list > li{width:var(--wSet ,25%);text-align:center}
.tab-list > li > a{display:block;	height:100%;line-height:76px;border-radius:20px 20px 0 0;border:1px solid var(--bd-color);border-bottom:none;background:var(--bg-color)}
.tab-list > li > a.show{background:var(--skyblue);color:var(--white);border:none} 

/* 탭 공통 */
.tab-list > li > a:not(.show) > span{color:#000;}
.tab-list > li > a > span{font-weight:500;}

/* 정책 > 이용약관 */
.term-box {font-size: 20px;}
.term-box h3 {font-size: 22px;}
.term-box h4 {font-weight: 500; margin-top: 20px; margin-bottom: 10px;}
.term-box h3:not(:nth-of-type(1)){margin-top: 40px;}
.term-box p + p {margin-top: 10px;}

/* 정책 > 개인정보처리방침 */
.privacy :is(.info-box.bg-gray p, .privacy-guide, table th) {font-size: 20px;}
.privacy .info-box.bg-gray p + p {margin-top: 20px;}
.privacy .conts-header {display: flex; align-items: center; justify-content: space-between; margin-bottom:20px;}
.privacy .privacy-guide-group {display: flex;}
.privacy .privacy-guide-card {border: 1px solid var(--bd-color); border-bottom: 0; flex: 1;}
.privacy .privacy-guide-thumb {text-align: center;}
.privacy .privacy-guide-group .privacy-guide-card:not(:nth-child(1)){border-left: 0;}
.privacy .privacy-guide-tit {display: flex; align-items: center; justify-content: center; font-size: 22px; min-height: 76px; background: var(--bg-color);}
.privacy .privacy-guide-desc {padding: 20px; font-size: 20px;}
.privacy .privacy-guide-info {border: 1px solid var(--bd-color); min-height: 70px; display: flex; align-items: center; padding: 0 20px;}
.privacy .privacy-guide-info > p {margin-top: 0;}
.privacy :is(.com-view-table, .com-write-table, .table-list){margin-top: 20px;}
.privacy .table-list > ul > li > p > strong {display: block;}
.privacy :is(.com-view-table, .com-write-table, .table-list) + p {margin-top: 20px;}
.privacy p.bullet, .privacy ul.bullet-list {font-size: 20px!important;}
.privacy .term-box h3 {margin-bottom: 20px;}
.privacy .term-box h4 {font-weight: 700; margin-top: 10px;}
.privacy .term-box h4:not(:nth-of-type(1)){margin-top: 10px;}
.privacy .term-box :is(p, h4) {padding-left: 20px;}
.privacy .term-box :is(p, h4) .btns {color: var(--blue); background-color: white; border: 1px solid var(--blue); border-radius: 4px; height: 24px; padding: 0 8px; font-size: 14px; vertical-align: middle; width: auto;}
.privacy .table-list p {padding-left: 0;}
.privacy .term-box p.indent-depth-1 {padding-left: 40px;}
.privacy .term-box p.indent-depth-2 {padding-left: 60px;}
.privacy img.privacy-img {margin-top: 20px; margin-bottom: 10px;}
.privacy .index .conts-header {justify-content: center;}
.privacy .index .info-box {display: flex;}
.privacy .index .info-box > ul {flex: 1;}
.privacy .index .info-box > ul li + li {margin-top: 20px;}
.privacy .index .info-box > ul > li > a:hover {color: var(--pri);}
.privacy .index .info-box > ul > li.is-active > a {color: var(--pri); font-weight: 700;}
.privacy h1, h2, h3, h4, h5, h6, strong, th {font-weight: bold;}

.info-conts {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.info-box {
	width: 100%;
	padding: 40px;
	border-radius: 20px;
	background-color: var(--lightblue);

	border: 1px solid var(--bd-color);
}

.bg-gray {background: #EEEEEE !important; }

.com-view-table table,
.com-write-table table{border-left:1px solid var(--bd-color);border-right:1px solid var(--bd-color)}
.com-list-table, .com-list-table table {border-left: 0; border-right: 0;}
.com-view-table table .bullet{text-indent:-24px;padding-left:24px}
.com-view-table table th{padding:20px 10px}

/* 세로형 테이블 스타일 */
.com-view-table table { width: 100%; border-top: 1px solid var(--bd-color); }
.com-view-table table th { height: 70px; background: var(--bg-color); border-right: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); text-align: center; font-weight: bold; vertical-align: middle; }
.com-view-table table th:last-child { border-right: 0; }
.com-view-table table td { height: 70px; padding: 10px; border-right: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); font-weight: 500; text-align: center;  vertical-align: middle; }
.com-view-table table td.no-data {color: #b5b5b5;}
.com-view-table table td:last-child { border-right: 0; }
.com-view-title {max-width: 99.99%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle;}
tr.fixed-post {background-color: #E9F9FA;}
tr.fixed-post > td {font-weight: 700;}

.txt-l		{ text-align: left!important;}
.col-blue 	{color: var(--blue);}

/* 가로형 테이블 스타일 */
.com-write-table table { width: 100%; border-top: 1px solid var(--bd-color)}
.com-write-table table th {background: var(--bg-color);  border-bottom: 1px solid var(--bd-color); font-weight: bold; padding-left: 16px; vertical-align: middle;}
.com-write-table table th:last-child { border-right: 0;}
.com-write-table table td {height: 76px; padding: 13px 20px; border-right: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); font-weight: 500; text-align: left; vertical-align: middle;}
.com-write-table table td:last-child { border-right: 0; }
.com-write-table table td.readonly {background: var(--bg-color);}
.com-write-table table td textarea { height: 100px; }
.com-write-table table{border-top:0 !important;}
.com-write-table table tbody tr:first-child th,
.com-write-table table tbody tr:first-child td{border-top:1px solid #aaa;}

p.bullet.col-blue::before,
ul.bullet-list.col-blue::before,
li.bullet.col-blue::before,
span.bullet.col-blue::before
{background: var(--blue);}

ul.bullet-list li::before,
.bullet::before {content:"";position: absolute;left:0;top:14px; background-color: var(--pri-txt-color); width:4px; height:4px; border-radius:50%; vertical-align:middle;}

.sm-show-800	{ display: none !important;}

@media only screen and (max-width:1080px){
		/* LTP_002 개인정보 처리 방침 */
	.privacy .privacy-guide-group {flex-direction: column;}
	.privacy .privacy-guide-tit {min-height: 52px;}
	.privacy .privacy-guide-group .privacy-guide-card:not(:nth-child(1)){border-left: 1px solid var(--bd-color)}
	.privacy .privacy-guide-info {display: none;}
	.privacy .privacy-guide-card:last-child {border-bottom: 1px solid var(--bd-color);}
	.privacy img.privacy-img {margin: 20px auto 10px;}
	.privacy .info-box p {font-size: 18px;}
	.privacy p.bullet, .privacy ul.bullet-list {font-size: 18px!important;}
	.privacy .table-list li p {margin-left: 0; margin-top: 0; text-indent: 0;}
	.privacy .term-box p.indent-depth-1 {padding-left: 20px;}
	.privacy .term-box p.indent-depth-2 {padding-left: 40px;}
	.privacy .privacy-link-group p.bullet {text-indent: -20px;}

	/* 개인정보 처리 방침 > 목차 */
	.index .conts-header {justify-content: flex-start;}
	.index .info-box {flex-direction: column;}
	.index .info-box > ul + ul {margin-top: 20px;}

	.cs-center .table-list ul li{display:flex;align-items:center;margin-top:4px}
	.cs-center .table-list ul li strong+img{margin-left:10px}
	.cs-center .table-list ul li .new{margin-left:10px}
	.table-list ul li,
	.contest .sm-show-800 ul li, .cs-center .table-list ul li,
	.contest .sm-show-800 ul li div, .cs-center .table-list ul li div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		margin-top: 4px;
		padding: 20px 8px; 
		border-bottom:1px solid var(--bd-color);
	}
	.contest .sm-show-800 ul li div, .cs-center .table-list ul li div {
		padding: 0;
		border-bottom: 0;
	}
	.contest .table-list ul li p strong.list-label::after,
	.cs-center .table-list ul li p strong.list-label::after,
	p strong.list-label::after {
		content: ":";
		display: inline-block;
		margin: 0 6px;
	}
	.cs-center p strong.list-label::after,
	.cs-center:not(.online-cs) p strong {
		font-weight: 500;
	}
	.cs-center p strong.list-title {font-weight: 700;}
	.contest .table-list ul li p span.list-bold,
	.cs-center .table-list ul li p span.list-bold { font-weight: 700; }
	.contest .table-list ul li p span.list-point,
	.cs-center .table-list ul li p span.list-point { color: #0CA2FF; }
	.contest .sm-show-800 ul li.sm-select-list, .cs-center .table-list ul li.sm-select-list {
		flex-direction: row;
		align-items: center;
	}
	.contest .sm-show-800 ul li.sm-select-list, .cs-center .table-list ul li.sm-select-list p.select-ip {
		margin: 0 12px;
	}
}