@charset "utf-8";

.tit1 + .tit2 { margin-top: 0.75rem; }
.tit2 + .tit3 { margin-top: 0.75rem; }
[class^="list_st"] + .tit1,
.tbl_st + .tit1,
.process + .tit1 { margin-top: 2.5rem; }
.bu_atte + .tit1 { margin-top: 2.5rem; }

/* 타이틀(텍스트 타입) */
.tit1 { position: relative; font-size: 1.4rem; font-weight: 700; color: #111; margin-bottom: 0.75rem; }
.tit2 { position: relative; font-size: 1.2rem; font-weight: 700; color: #222; margin-bottom: 0.75rem; margin-top: 2rem; }
.tit2::before { position: absolute; top: 0; left: 0; width: 1.25rem; height: 3px; background: url('/images/web/sanhak/con_com/tit2_deco.png') no-repeat center / contain; content: ""; }
.tit3 { position: relative; font-size: 1rem; font-weight: 700; color: #1B298C; margin-bottom: 0.75rem; margin-top: 1.5rem; }

/* 텍스트 요소 :폰트컬러 타입 */
.pc_red { color: #EB003B !important; }
.pc_blue { color: #1B298C !important; }

/* 텍스트 요소 :텍스트 배경색 */
.bg_red, .bg_blue { padding: 1px 0.5rem !important; color: #fff !important; display :inline-block; }
.bg_red { background: #EB003B !important; }
.bg_blue { background: #1B298C !important; }

/* 텍스트 요소 :강조 타입 */
.Tline_b { text-decoration: underline !important; }
.f_weightB { font-weight: bold; }
.font_Fr { font-weight: 400 !important; }
.font_Fm { font-weight: 600 !important; }
.font_Fb { font-weight: 700 !important; }

/* 텍스트 요소 :링크 타입 */
a.bu_link { position: relative; display: inline-block; padding-left: 1.5rem; text-decoration: underline; color: #025ADF ; }
a.bu_link::before { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #025ADF; color: #fff; line-height: normal; content: "\ecaf"; font-family: 'remixicon'; font-size: 0.6rem; }

/* 텍스트 요소 :주의&경고&말풍선 타입 */
.bu_wnrn { position: relative; display: block; padding-left: 1.5rem; }
.bu_wnrn::before { position: absolute; top: 0; left: 0; color: #EB003B; line-height: normal; content: "\eca0"; font-family: 'remixicon'; font-size: 1.2rem; }
.bu_atte { position: relative; display: block; padding-left: 1.5rem; }
.bu_atte::before { position: absolute; top: 0; left: 0; color: #1B298C; line-height: normal; content: "\ee59"; font-family: 'remixicon'; font-size: 1.2rem; }

.bu_wnrn + .bu_wnrn { margin-top: 0.5rem; }
.bu_atte + .bu_atte { margin-top: 0.5rem; }
ul[class^="list_st"] + .bu_atte { margin-top: 0.5rem; }
.tbl_st + .bu_atte { margin-top: 0.5rem; }

/* 블릿 */
.bu_st1, .bu_st2, .bu_st3, .bu_st4, 
.list_st1 > li, .list_st2 > li, .list_st3 > li, .list_st4 > li { position:relative; padding-left: 0.6rem; margin-top:0.25rem; color:#111; font-size:.8rem; }
.bu_st1:before, .list_st1 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:5px; height:5px; border-radius:50%; background:#1B298C; }
.bu_st2:before, .list_st2 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:7px; height:2px; background:#666665; }
.bu_st3:before, .list_st3 > li:before { content:''; position:absolute; top:0.4rem; left:0; width:4px; height:4px; border-radius: 50%; background:#999; }
.bu_st4:before, .list_st4 > li:before { content:''; position:absolute; top:0.5rem; left:0; width:6px; height:1px; background:#D0D0D0; }
.bu_st2{ margin-left:0.25rem; }
.bu_st3{ font-size:0.8rem; margin-left:0.5rem; color:#333; }
.bu_st4{ font-size:0.8rem; margin-left:0.75rem; color:#333; }

.tbl_st + [class*="list_st"] { margin-top: 0.75rem !important; }
ul[class^="list_st"] > li .bu_atte { margin-top: 0.25rem; }

/* 리스트 :블릿 타입 */
.list_st3 > li { font-size:0.8rem; color:#333; }
.list_st4 > li { font-size:0.8rem; color:#333; }

/* 리스트 :순차적 리스트 타입 */
.list_ol1 > li { position:relative; padding-left:1.75rem; margin-top:0.3rem; line-height:1.4rem; }
.list_ol1 > li > span.num { position:absolute; left:0; top:0; display: flex; justify-content: center; align-items: center; width:1.4rem; height: 1.4rem; color:#1B298C; border: 1px solid #1B298C; text-align:center; font-size: 0.7rem; font-weight:700; border-radius: 4px; } 
.list_ol2 > li { position:relative; padding-left:1.75rem; margin-top:0.3rem; color:#333; line-height:1.4rem; }
.list_ol1 > li .list_ol2 > li:first-child { margin-top: 0.5rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; display: flex; justify-content: center; align-items: center; width:1.4rem; height: 1.4rem; color:#1B298C; background: rgba(27, 41, 140, 0.1); text-align:center; font-size: 0.7rem; font-weight:700; border-radius: 4px; }

/* 박스 : 아이콘 기본 타입 */
.box_ico { position: relative; border: 3px solid transparent; border-radius: 0.6rem; background: linear-gradient(90deg, #FFFFFF, #FFFFFF) padding-box, linear-gradient(#025ADF 0%, #1B298C 100%) border-box; background-clip: padding-box, border-box; overflow: hidden; padding: 2.5rem 2.5rem 2.5rem 10rem; }
.box_ico .ico { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 7rem; height: 7rem; content: ""; background: #EDF4FF; border-radius: 0 0 1.5rem 0; }
.box_ico .ico::before { position: absolute; top: 0; left: 0; width: calc(100% + 10px); height: calc(100% + 10px); border-radius: 0 0 1.5rem 0; background: rgba(237, 244, 255, 0.4); content: ""; }
.box_ico .ico img { position: relative; z-index: 1; }
.box_ico .tit3 { margin-top: 0; font-size: 1.2rem; color: #1B298C; }

/* 박스 :박스 기본 타입 */
.box_st1 { position: relative; padding: 1.5rem 2rem; border: 1px solid #D5D5D5;  border-radius: 0.6rem; margin-top: 1.5rem; } 
.box_st1 .tit3 { margin-top: 0; font-size: 1rem; color: #222; }
.box_st2 { position: relative; padding: 1.5rem 2rem; border: 1px solid #A4A9D1; background: #F9FAFF; border-radius: 0.6rem; margin-top: 1.5rem; }
.box_st2 .tit3 { margin-top: 0; font-size: 1rem; color: #222; }
.box_st3 { position: relative; padding: 1.5rem 2rem; border: 1px solid #9ABDF2; background: #F6FAFF; border-radius: 0.6rem; margin-top: 1.5rem; }
.box_st3 .tit3 { margin-top: 0; font-size: 1rem; color: #222; }
[class^="tit"] + [class^="box_st"] { margin-top: 0; }

.line_dot { margin: 1.5rem 0; border-top: 1px dashed #D5D5D5; }

/* 이미지 사이즈 :확대보기 */
.rsp_img { position:relative; width:auto; max-width:100%; text-align: center; line-height: 0; }
.rsp_img img { max-width:100%; }
.rsp_img .btn-zoom { position:absolute; bottom:-1.5rem; right:-2rem; z-index:100; overflow:hidden; width: 2.25rem; height: 2.25rem; display: flex; justify-content: center; align-items: center; background: #DEE3FF; color: #1B298C; border-radius: 0.6rem; font-size: 1rem; }

/* 버튼 : 버튼들 감싸는 레이아웃 */
.btns { margin: 2.5rem 0 2rem; display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
.btns.ar { justify-content: end; }

/* 버튼 :기본 */
.btn_navy, .btn_blue, .btn_mint, .btn_gray { display:inline-block; min-width:9rem; margin:3px 1px; padding:0.7rem 1rem; vertical-align:middle; line-height:1rem; text-align:center; font-weight:600; border-radius:0.4rem; transition: all 0.3s ease; }
.btn_navy { color:#1B298C; border: 1px solid #1B298C;  }
.btn_blue { color:#025ADF; border: 1px solid #025ADF;  }
.btn_mint { color:#047198; border: 1px solid #047198; }
.btn_gray {color:#525669; border: 1px solid #525669;  }
.btn_navy:hover, .btn_navy:focus { color: #fff; background:#1B298C; }
.btn_blue:hover, .btn_blue:focus { color: #fff; background:#025ADF; }
.btn_mint:hover, .btn_mint:focus { color: #fff; background:#047198; }
.btn_gray:hover, .btn_gray:focus { color: #fff; background:#525669; }

.btn_navy.mini, .btn_blue.mini, .btn_mint.mini, .btn_gray.mini { min-width: 7.5rem; padding: 0.3rem 0.75rem ; font-size: 0.75rem; border-radius: 5px; }
.btn_navy.mini.icon i, .btn_blue.mini.icon i, .btn_mint.mini.icon i, .btn_gray.mini.icon i { margin-left: 0.5rem; }

.btn_navy.icon, .btn_blue.icon, .btn_mint.icon, .btn_gray.icon { text-align: left; }
.btn_navy.icon i, .btn_blue.icon i, .btn_mint.icon i, .btn_gray.icon i { margin-left: 2.1rem; font-weight: 500; }

.btn_icon { display: inline-flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border: 1px solid #1B298C; border-radius: 5px; color: #1B298C; transition: 0.3s; }
.btn_icon:hover,
.btn_icon:focus { color: #fff; background: #1B298C; }

.btn_bown { display: inline-flex; align-items: center; border: 1px solid #1B298C; border-radius: 0.4rem; padding: 0.4rem 0.5rem; gap: 0.5rem; color: #1B298C; min-width: 17.5rem; transition: 0.3s; }
.btn_bown i { display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; background: #1B298C; color: #fff; border-radius: 5px; transition: 0.3s; }
.btn_bown em { position: relative; flex: 1; padding-right: 2rem; }
.btn_bown em::before { position: absolute; top: 50%; right: 0.5rem; transform: translateY(-50%); content: "\ec5a"; font-family: 'remixicon'; }
.btn_bown:hover,
.btn_bown:focus { color: #fff; background: #1B298C; }
.btn_bown:hover i,
.btn_bown:focus i { background: #fff; color: #1B298C; }
.btn_bown:hover em::before,
.btn_bown:focus em::before { color: #fff; }

.btn_bown_flex { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1rem 0 2rem; }
.btn_bown_flex .btn_bown { width: calc((100% - 0.75rem) / 2); min-width: auto; }

/* 탭 :공통 */
div[class^="tab_st"]{ position:relative; font-weight:400; text-align:left; margin-bottom:2.5rem; }
div[class^="tab_st"] > .select { display: none; }
div[class^="tab_st"]:after { display:block; clear:both; content:""; }

div[class^="box_st"] + div[class^="tab_st"] { margin-top: 2.5rem; }

/* 탭 :1차 탭 */
.tab_st1 ul { position: relative; display: flex; flex-wrap: wrap; }
.tab_st1 ul::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #1B298C; content: ""; z-index: 1; }
.tab_st1 ul > li { width: 25%; }
.tab_st1 ul > li + li { border-left: 1px solid #D5D5D5; }
.tab_st1 ul > li:nth-child(5) { border-left: none; }
.tab_st1 ul > li > a { position: relative; display: inline-flex; align-items: center; background: #FAFAFA; padding: 0.7rem 2.5rem 0.7rem 1rem; font-size: 0.9rem; transition: 0.3s; width: 100%; height: 100%; word-break: keep-all; border-bottom: 1px solid #D5D5D5; }
.tab_st1 ul > li > a::before { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); font-family: 'remixicon'; font-weight: 500; content: "\eb79"; color: #E5E5E5; }
/* 탭 :1차 탭 : on */
.tab_st1 ul > li.on > a { color: #fff !important; background: #1B298C; font-weight: 600; }
.tab_st1 ul > li.on > a::before { color: #fff; }
.tab_st1 ul > li > a:hover,
.tab_st1 ul > li > a:focus { color: #1B298C; font-weight: 600; }

.tab_st1.col_50 ul > li { width: 50%; }
.tab_st1.col_33 ul > li { width: 33.333%; }

/* 탭 :리스트 */
.tab_list { display: flex; flex-wrap: wrap; gap: 0.5rem 3.8rem; background: #F9FAFF; padding: 1rem 4rem; border-radius: 0.6rem; }
.tab_list li { flex: 0 0 1; }
.tab_list li a { position: relative; display: block; padding-left: 0.7rem; transition: 0.3s; }
.tab_list li a::before { position: absolute; top: 0.5rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #999; content: ""; transition: 0.3s; }
.tab_list li.on a,
.tab_list li a:hover,
.tab_list li a:focus { color: #1B298C; font-weight: 600; }
.tab_list li.on a::before,
.tab_list li a:hover::before,
.tab_list li a:focus::before { background: #1B298C; }

.tab_list.col_33 li { flex: none; width: calc((100% - 7.6rem) / 3)  }
.tab_list.col_25 li { flex: none; width: calc((100% - 11.4rem) / 4)  }

/* 테이블 :테이블 기본 타입 */
div[class*='tbl_st'] { position:relative; width:100%; background:#fff; overflow:hidden; margin-top: 0.75rem; }
div[class*='tbl_st'] table { position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #1B298C; border-bottom: 1px solid #1B298C; -webkit-overflow-scrolling:touch; word-break:keep-all; }

.tbl_st table td { padding: 0.75rem; border-bottom: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; }
.tbl_st table th { padding: 0.75rem; }
.tbl_st table thead th { background:#F9FAFF; color:#111; border-bottom: 1px solid rgba(27, 41, 140, 0.3); border-left: 1px solid rgba(27, 41, 140, 0.3); }
.tbl_st table tbody th { background:#FAFAFA; color:#111; border-bottom: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; }
.tbl_st table tfoot th,
.tbl_st table tfoot td { background:#F2F2F2; color:#111; border-left: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; }

.tbl_bg_puple { background:rgba(27, 41, 140, 0.08) !important; border-left: 1px solid rgba(27, 41, 140, 0.3) !important; }

div[class*='tbl_st'].scroll_wide { width:100%; overflow-x:auto; background-repeat:no-repeat; background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-position:right 5px; background-size:30px 100%; z-index:1; }

div[class*='tbl_st'] [class*='btn_'] { padding: 0.3rem 0.75rem; min-width: auto; font-size: 0.75rem; margin: 0; border-radius: 5px; }
div[class*='tbl_st'] [class*='btn_'].icon i { margin-left: 0.4rem; }
div[class*='tbl_st'] table + table { border-top: none; }

.tbl_util { text-align: right; font-size: 0.8rem; }

.radio_form { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; }
.radio_form span { position: relative; }
.radio_form input { position: absolute; top: 0; left: 0; width: 0; height: 0; border: none; }
.radio_form label { position: relative; padding-left: 1.3rem; font-size: 0.8rem; }
.radio_form label::before { position: absolute; top: 0; left: 0; width: 0.9rem; height: 0.9rem; border: 1px solid #58616A; border-radius: 50%; content: ""; }
.radio_form label::after { position: absolute; top: 4px; left: 4px; width: 0.5rem; height: 0.5rem; background: #025ADF; border-radius: 50%; content: ""; opacity: 0; }
.radio_form input:focus + label::before { border: 2px solid #000; }
.radio_form input:checked + label::before { border-color: #025ADF; }
.radio_form input:checked + label::after { opacity: 1; }

.check_form { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; }
.check_form.ac { justify-content: center; }
.check_form span { position: relative; }
.check_form input { position: absolute; top: 0; left: 0; width: 0; height: 0; border: none; }
.check_form label { position: relative; padding-left: 1.3rem; font-size: 0.8rem; }
.check_form label::before { position: absolute; top: 0; left: 0; width: 0.9rem; height: 0.9rem; border: 1px solid #58616A; border-radius: 2px; content: ""; }
.check_form label::after { position: absolute; top: 0; left: 0; font-family: 'remixicon'; content: "\eb7b"; color: #fff; opacity: 0; line-height: normal; }
.check_form input:focus + label::before { border: 2px solid #000; }
.check_form input:checked + label::before { background: #025ADF; }
.check_form input:checked + label::after { opacity: 1; }

.input_form { height: 1.75rem; border-radius: 5px; padding: 0 0.6rem; line-height: 1.75rem; border: 1px solid #555; color: #111; }
.input_form::placeholder { color: #666; }
.input_form.pc_red::placeholder { color: #EB003B !important; }
.input_form:disabled { background: #DADADA; border-color: #D5D5D5; color: #666; }
.select_form { height: 1.75rem; border-radius: 5px; padding: 0 1.5rem 0 0.6rem; line-height: 1.75rem; border: 1px solid #555; background: url('/images/web/sanhak/con_com/select_form_arrow.png') no-repeat center right 0.5rem; appearance: none; }
.select_form::placeholder { color: #666; }
.select_form:disabled { background-color: #DADADA; border-color: #D5D5D5; }

textarea { width: 100%; height: 5rem; border-radius: 5px; padding: 0.6rem; border: 1px solid #555; color: #111; }

.file_down .file_tit { display: flex; align-items: center; justify-content: space-between; }
.file_down .file_tit .tit { font-size: 0.85rem; font-weight: 700; }
.file_down .file_list { margin-top: 0.5rem; border: 1px solid #9ABDF2; border-radius: 0.6rem; background: #F6FAFF; padding: 1.5rem 2rem; } 
.file_down .file_list .info { text-align: center; margin-bottom: 1.5rem; font-weight: 600; }
.file_down .file_list .box { background: #fff; border-radius: 5px; padding: 0.6rem; }
.file_down .file_list .box ul { height: 5.55rem; overflow-y: auto; }
.file_down .file_list .box ul li { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; }
.file_down .file_list .box ul li + li { border-top: 1px dashed #D5D5D5; margin-top: 0.4rem; padding-top: 0.4rem; }
.file_down .file_list .box ul li p { flex: 1; display: flex; justify-content: space-between; gap: 0.6rem; font-weight: 600; color: #111; }
.file_down .file_list .box ul li p em { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.file_down .file_list .box ul li p .data { font-weight: 400; color: #999; }
.file_down .file_list .box ul li a { color: #1B298C; }

.bbs_pager { display: flex; align-items: center; justify-content: center; margin-top: 1.5rem; }
.bbs_pager .bbs_arr { position: relative; border: 1px solid #D5D5D5; color: #999; }
.bbs_pager .bbs_arr.pgeL1 { margin: 0 1rem 0 5px; }
.bbs_pager .bbs_arr.pgeR1 { margin: 0 5px 0 1rem; }
.bbs_pager .bbs_arr::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'remixicon'; }
.bbs_pager .bbs_arr.pgeL2::before { content: "\f363"; }
.bbs_pager .bbs_arr.pgeL1::before { content: "\ea64"; }
.bbs_pager .bbs_arr.pgeR1::before { content: "\ea6e"; }
.bbs_pager .bbs_arr.pgeR2::before { content: "\f365"; }
.bbs_pager a,
.bbs_pager strong { width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: 0.3s; }
.bbs_pager strong { background: #1B298C !important; color: #fff; }
.bbs_pager .bbs_arr:hover,
.bbs_pager .bbs_arr:focus { color: #666; border-color: #666; }
.bbs_pager .bbs_pge_num:hover,
.bbs_pager .bbs_pge_num:focus { background: #F9FAFF; }

/* 콘텐츠 준비중 */
.Coming_soon { position: relative; text-align: center; border: 1px solid #D5D5D5; border-radius: 0.6rem; padding: 3.5rem; }
.Coming_soon img { display: block; margin: 0 auto; max-width: 100%; }
.Coming_soon h3 { position: relative; display: inline-flex; font-weight: 500; color: #111; font-size: 1.4rem; margin: 2rem 0 1rem; }
.Coming_soon h3::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.7rem; background: rgba(2, 90, 222, 0.15); content: ""; }
.Coming_soon h3 strong { font-weight: 700; }
.Coming_soon h3 strong em { color: #1B298C; }

.process.type1 .lst { display: flex; gap: 1.8rem; }
.process.type1 .lst li { flex: 1; position: relative; border-radius: 0.75rem; border: 1px solid #D5D5D5; padding: 1rem; }
.process.type1 .lst li + li::before { position: absolute; top: 50%; left: -1.2rem; width: 0.6rem; height: 1rem; background: url('/images/web/sanhak/con_com/process_arrow.png') no-repeat center / contain; content: ""; }
.process.type1 .lst li .step { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #DADADA; margin-bottom: 0.75rem; padding-bottom: 0.75rem; font-weight: 700; }
.process.type1 .lst li .step em { font-size: 0.85rem; color: #1B298C; }
.process.type1 .lst li .step strong { font-size: 1.75rem; color: #eee; line-height: normal; }
.process.type1 .lst li .step_tit { display: block; font-size: 0.85rem; font-weight: 700; }
.process.type1 .lst li .step_tit + .step_txt { margin-top: 0.5rem; }
.process.type1 .lst li .step_txt { font-size: 0.75rem; } 

.process.type1.col_20 .lst { flex-wrap: wrap; }
.process.type1.col_20 .lst li { flex: none; width: calc((100% - 7.2rem) / 5); }
.process.type1.col_25 .lst { flex-wrap: wrap; }
.process.type1.col_25 .lst li { flex: none; width: calc((100% - 5.4rem) / 4); }

.process.type2 .lst li { display: flex; position: relative; gap: 1rem; }
.process.type2 .lst li + li { margin-top: 2.25rem; }
.process.type2 .lst li + li::before { position: absolute; top: -1.55rem; left: 50%; transform: translateX(-50%) rotate(90deg); width: 0.6rem; height: 1rem; background: url('/images/web/sanhak/con_com/process_arrow.png') no-repeat center / contain; content: ""; }
.process.type2 .lst li .step { flex: none; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 4.5rem; height: 4.5rem; border-radius: 50%; border: 6px solid #DDDFF4; background: #1B298C; color: #fff; line-height: normal; }
.process.type2 .lst li .step em { font-size: 0.75rem; font-weight: 400; }
.process.type2 .lst li .step strong { font-size: 1rem; }
.process.type2 .lst li .box { flex: 1; border: 1px solid #9ABDF2; border-radius: 0.75rem; background: #F6FAFF; padding: 1rem 1.5rem; }
.process.type2 .lst li .box .step_tit { font-weight: 700; font-size: 1.1rem; color: #111; margin-bottom: 0.5rem; }

/* input select px */
.InpSel_50{ width:50px !important; }
.InpSel_80{ width:80px !important; }
.InpSel_100{ width:100px !important; }
.InpSel_150{ width:150px !important; }
.InpSel_200{ width:200px !important; }
.InpSel_250{ width:250px !important; }
.InpSel_300{ width:300px !important; }
.InpSel_350{ width:350px !important; }
.InpSel_400{ width:400px !important; }
.InpSel_450{ width:450px !important; }
.InpSel_500{ width:500px !important; }

/* input select  % */
.InpSel_w10{ width:10% !important; }
.InpSel_w15{ width:15% !important; }
.InpSel_w20{ width:20% !important; }
.InpSel_w30{ width:30% !important; }
.InpSel_w40{ width:40% !important; }
.InpSel_w50{ width:50% !important; }
.InpSel_w60{ width:60% !important; }
.InpSel_w70{ width:70% !important; }
.InpSel_w80{ width:80% !important; }
.InpSel_w90{ width:90% !important; }
.InpSel_w100{ width:100% !important; }

/* 패딩 */
.pd0{ padding:0 !important; }
.pd5{ padding:5px !important; }
.pd10{ padding:10px !important; }
.pd15{ padding:15px !important; }
.pd20{ padding:20px !important; }
.pd30{ padding:30px !important; }
.pdt5{ padding-top:5px !important; }
.pdt10{ padding-top:10px !important; }
.pdt15{ padding-top:15px !important; }
.pdt20{ padding-top:20px !important; }
.pdt30{ padding-top:30px !important; }
.pdt40{ padding-top:40px !important; }
.pdr5{ padding-right:5px !important; }
.pdr10{ padding-right:10px !important; }
.pdr15{ padding-right:15px !important; }
.pdr20{ padding-right:20px !important; }
.pdr30{ padding-right:30px !important; }
.pdb5{ padding-bottom:5px !important; }
.pdb10{ padding-bottom:10px !important; }
.pdb15{ padding-bottom:15px !important; }
.pdb20{ padding-bottom:20px !important; }
.pdb30{ padding-bottom:30px !important; }
.pdl5{ padding-left:5px !important; }
.pdl10{ padding-left:10px !important; }
.pdl15{ padding-left:15px !important; }
.pdl20{ padding-left:20px !important; }
.pdl30{ padding-left:30px !important; }

/* 마진 */
.mg0{ margin:0 !important; }
.mg5{ margin:5px !important; }
.mg10{ margin:10px !important; }
.mg15{ margin:15px !important; }
.mg20{ margin:20px !important; }
.mg30{ margin:30px !important; }
.mgt5{ margin-top:5px !important; }
.mgt10{ margin-top:10px !important; }
.mgt15{ margin-top:15px !important; }
.mgt20{ margin-top:20px !important; }
.mgt30{ margin-top:30px !important; }
.mgt40{ margin-top:40px !important; }
.mgt50{ margin-top:50px !important; }
.mgt5n { margin-top:-5px !important; }
.mgt10n { margin-top:-10px !important; }
.mgr5{ margin-right:5px !important; }
.mgr10{ margin-right:10px !important; }
.mgr15{ margin-right:15px !important; }
.mgr20{ margin-right:20px !important; }
.mgr30{ margin-right:30px !important; }
.mgb0{ margin-bottom:0 !important; }
.mgb5{ margin-bottom:5px !important; }
.mgb10{ margin-bottom:10px !important; }
.mgb15{ margin-bottom:15px !important; }
.mgb20{ margin-bottom:20px !important; }
.mgb30{ margin-bottom:30px !important; }
.mgl5{ margin-left:5px !important; }
.mgl10{ margin-left:10px !important; }
.mgl15{ margin-left:15px !important; }
.mgl20{ margin-left:20px !important; }
.mgl30{ margin-left:30px !important; }


@media (max-width:1480px){
	.process.type1 .lst { flex-wrap: wrap; }
	.process.type1 .lst li { flex: none; width: calc((100% - 3.6rem) / 3); }
	.process.type1.col_20 .lst li { width: calc((100% - 3.6rem) / 3); }
}

@media (max-width:1300px){
  /* 테이블 스크롤 */
  div[class*='tbl_st'].scroll_gr { width:100%; overflow-x:auto; background-repeat:no-repeat; background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-position:right 5px; background-size:30px 100%; z-index:1; }
  div[class*='tbl_st'].scroll_gr table { width:100px; min-width:1200px; }
} 

@media (max-width:1024px){
	div[class^="tab_st"] > .select { position: relative; display: block; background: #1B298C; color: #fff; font-weight: 600; padding: 0.7rem 1rem; font-size: 0.9rem; }
	div[class^="tab_st"] > .select::before { position: absolute; top: 0.5rem; right: 1.2rem; display: flex; justify-content: center; align-items: center; content: "\ea4e"; color: #fff; font-family: 'remixicon'; font-size: 1.2rem; font-weight: 500; } 
	div[class^="tab_st"] > .select.on::before { transform: rotate(180deg); }
	
	.tab_st1 ul { display: none; padding: 1rem; background: #FAFAFA;}
	.tab_st1 ul::before { display: none; }
	.tab_st1 ul > li { width: 100%; border: none !important; }
	.tab_st1 ul > li > a { background: #fff; }
	.tab_st1 ul > li + li > a { border-top: 1px dashed #D5D5D5;}
	.tab_st1 ul > li.on > a { color: #1B298C !important; background: #fff; }
	.tab_st1 ul > li.on > a::before { color: #1B298C; }

	.tab_list { padding: 1rem; gap: 0.5rem 1rem; }

	.tab_list.col_33 li { width: calc((100% - 2rem) / 3);  }
    .tab_list.col_25 li { width: calc((100% - 2rem) / 3);  }
}

@media (max-width:768px){
	.box_ico { padding: 1.5rem 1.5rem 1.5rem 7rem; }
	.box_ico .ico { width: 5rem; height: 5rem; }
	.box_ico .ico::before { width: calc(100% + 5px); height: calc(100% + 5px); }
	.box_ico .tit3 { font-size: 1rem; }
	.box_ico .ico img { width: 2rem; }

	.box_st1 { padding: 1.5rem; }
	.box_st2 { padding: 1.5rem; }
	.box_st3 { padding: 1.5rem; }

	.Coming_soon { padding: 2rem; }

	.process.type1 .lst li { width: calc((100% - 1.8rem) / 2); }
	.process.type2 .lst li .step { width: 3.5rem; height: 3.5rem; border: none; }
	.process.type2 .lst li .box .step_tit { font-size: 0.85rem; }
	.process.type1.col_20 .lst li { width: calc((100% - 1.8rem) / 2); }
	.process.type1.col_25 .lst li { width: calc((100% - 1.8rem) / 2); }
}

@media (max-width:680px){
    .tab_list.col_33 li { width: calc((100% - 1rem) / 2);  }
    .tab_list.col_25 li { width: calc((100% - 1rem) / 2);  }
}

@media (max-width:560px){
	.box_ico { padding: 1rem; }
	.box_ico .ico { display: none; }
	.box_ico .tit3 { margin-bottom: 0.5rem; }

	.box_st1 { padding: 1rem; }
	.box_st1 .tit3 { margin-bottom: 0.5rem; }
	.box_st2 { padding: 1rem; }
	.box_st2 .tit3 { margin-bottom: 0.5rem; }
	.box_st3 { padding: 1rem; }
	.box_st3 .tit3 { margin-bottom: 0.5rem; }

	.bbs_pager .bbs_pge_num { display: none; }
	.bbs_pager strong.bbs_pge_num { display: flex; }
	.bbs_pager .bbs_pge_num:nth-last-of-type { display: flex; }
}

@media (max-width:480px){
	.btn_bown { min-width: auto; width: 100%; }

	.btn_bown_flex .btn_bown { width: 100%; }

	.process.type1 .lst { display: block; }
	.process.type1 .lst li { width: 100%; }
	.process.type1 .lst li + li { margin-top: 2.25rem; }
	.process.type1 .lst li + li::before { top: -1.55rem; left: 50%; transform: translateX(-50%) rotate(90deg); }

	.process.type1.col_20 .lst li { width: 100%; }
	.process.type1.col_25 .lst li { width: 100%; }
}