/**
* OLYM Cascading Style Sheets
* File Name :contents.css
* Description :컨텐츠 스타일시트
* Author :Web business Team / Choi Hyun Mi
* Email :desingtj@olym.co.kr
* Copyright(c) 2021 OLYM Communications. All Rights Reserved.
*/
/* ///////////////////////////포인트컬러 변경///////////////////////////
          포인트 컬러1 - #00987e
		  포인트 컬러2 - #3155a4
		  검색해서 모두 바꾸기 해주세요!
 /////////////////////////////////////////////////////////////////// */

/* form css */
input, textarea, select, img { vertical-align: middle; } /* 이미지, form 세로중앙정렬 */
input, textarea, select { font-family: inherit; font-size: inherit; } /* 폰트, 사이즈 상속 */
.font_star { font-weight:600; color:#f4364c; font-family:'verdana'; margin:0 3px; line-height:1em;} /* *표시 */
@media all and (max-width: 800px) {
  input,   textarea {   -webkit-border-radius: 0;   -webkit-appearance: none; } /* 모바일 input 라운드0, 기본속성없애기 */
  select {   -webkit-border-radius: 0;   -webkit-appearance: none;   background: #fff url("/admode/module/board/images/kor/bg_select.png") no-repeat right center;   background-size: auto 80%; } /* 모바일 select 화살표 이미지*/
  input[type="checkbox"] {   -webkit-border-radius: 2px;   -webkit-appearance: checkbox;   border: 1px solid #000; } /* 모바일 체크박스 */
  input[type="radio"] {   -webkit-border-radius: 10px;   -webkit-appearance: radio;   border: 1px solid #000; } /* 모바일 라디오버튼 */
}
.input_form { border: 1px solid #ddd; border-radius: 3px; color: #666; background: #f5f5f5; box-sizing: border-box; height: 28px; line-height: 28px; padding: 0 3px; }
.input_form:focus { border: 1px solid #000; }
.select_form { border: 1px solid #ddd; border-radius: 3px; color: #666; background: #f5f5f5; box-sizing: border-box; height: 28px; padding-left: 3px; }
.textarea_form { border: 1px solid #ddd; border-radius: 3px; color: #666; background: #f5f5f5; box-sizing: border-box; padding: 3px 3px 3px 10px; width: 100%; margin: 8px 0; }
.textarea_form:focus { border: 1px solid #000; }
.input_file { height: 28px; width: 80%; }

/* 드래그시 배경컬러 */
::-moz-selection { background: #716365; color: #fff; }
::selection { background: #716365; color: #fff; }

.em1 { color: #000 !important; font-weight: 500 !important; }

.em2 { color: #3c73c4 !important; font-weight: 500 !important; }
.em3 { color: #29937a !important; font-weight: 500 !important; }
.em4 { color: #009852 !important; font-weight: 500 !important; }
.em5 { color: #6edbe8 !important; }
.em6 { color: #f42a55 !important; font-weight: 500 !important; }
.em7 { color: #029792 !important; font-weight: 500 !important; }
.em8 { color: #E3452E !important; font-weight: 500 !important; }

.mg20 { margin: 20px !important; }
.mg40 { margin: 40px !important; }
.mgT5 { margin-top: 5px !important; }
.mgT10 { margin-top: 10px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT40 { margin-top: 40px !important; }
.mgT50 { margin-top: 50px !important; }
.mgT60 { margin-top: 60px !important; }
.mgT80 { margin-top: 80px !important; }
.mgL5 { margin-left: 5px !important; }
.mgL10 { margin-left: 10px !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; }
.mgL60 { margin-left: 60px !important; }
.mgR10 { margin-right: 10px !important; }
.mgR20 { margin-right: 20px !important; }
.mgR30 { margin-right: 30px !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB20 { margin-bottom: 20px !important; }
.mgB30 { margin-bottom: 30px !important; }
.mgB40 { margin-bottom: 40px !important; }

.txL { text-align: left !important; }
.txC { text-align: center !important; }
.txR { text-align: right !important; }

.poR { position: relative !important; }

.pdT10 { padding-top: 10px !important; }
.pdT20 { padding-top: 20px !important; }
.pdT30 { padding-top: 30px !important; }
.pdB20 { padding-bottom: 20px !important; }
.pdB30 { padding-bottom: 30px !important; }

/************ tab_type ************/

.tab_type1 > ul { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.tab_type1 > ul > li { flex: 1 1 20%; }
.tab_type1 > ul > li > a { text-align: center; background: #f8f8f8; color: #373737; font-weight: 500; font-size: 1.125em; border: 1px solid #d4d4d4; height: 50px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.tab_type1 > ul > li > a:hover { background: #fff; }
.tab_type1 > ul > li > a.on { background: #fff; border: 2px solid #027c66; color: #027c66; }

@media all and (max-width: 800px) {
.tab_type1 > ul > li > a {   padding: 0 10px;   font-size: 0.95em; }
}


.tab_type2 > ul { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center;  }
.tab_type2 > ul > li { width: calc(100%/6); padding: 3px; box-sizing: border-box;}
.tab_type2 > ul > li > a { text-align: center; background: #f8f8f8; color: #373737; font-weight: 500; font-size: 1.125em; border: 1px solid #d4d4d4; height: 50px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.tab_type2 > ul > li > a:hover { background: #fff; }
.tab_type2 > ul > li > a.on { background: #fff; border: 2px solid #027c66; color: #027c66; }


@media all and (max-width: 750px) {
  .tab_type2 > ul > li { width: calc(100%/4); padding: 1px; }
  /* .tab_type2.department_tab ul li:last-child a { width: calc(100%/3 - 2px); } */
}

@media all and (max-width: 640px) {
  .tab_type2 > ul > li > a { font-size:0.95em;height: 40px; letter-spacing: -0.04em;}
}
@media all and (max-width: 480px) {
  .tab_type2 > ul > li { width: calc(100%/3); padding: 1px; }
  .tab_type2 > ul > li a {font-size: 0.85em;}
  /* .tab_type2.department_tab ul li:last-child a { width: 100%; } */
}

.tab_type3 { z-index: 10; position: relative;}
.tab_type3::before { z-index: 10; content: ""; display: block; position: absolute; bottom: 0; left: 0%; /*width: calc(100% - 200px);*/ width: calc(100%); height: 2px;background: #027c66; box-sizing: border-box;}
.tab_type3 > ul { z-index: 100; margin-bottom: 30px; display: flex; align-items: center; justify-content: flex-end;}
.tab_type3 > ul > li { width:100px;}
.tab_type3 > ul > li > a { position: relative; z-index: 100; text-align: center; background: #f8f8f8; color: #373737; font-weight: 500; font-size: 1.125em; border: 1px solid #d4d4d4; border-bottom:none;  height: 50px; box-sizing: border-box; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.tab_type3 > ul > li > a::after { z-index: 10; content: ""; display: block; position: absolute; bottom: 0; left: -1px; width: calc(100% + 2px); height: 2px;background: #027c66; box-sizing: border-box;}
.tab_type3 > ul > li > a:hover { background: #fff; }
.tab_type3 > ul > li > a.on { z-index: 100; background: #fff; border: 2px solid #027c66; border-bottom:none; color: #027c66; }
.tab_type3 > ul > li > a.on::after {display: none;}

@media all and (max-width: 800px) {
.tab_type3 > ul > li > a { height: 40px; font-size: 0.95em; }
}

.tab_type4 > ul { display: flex }
.tab_type4 > ul li { flex: 1; text-align: center; }
.tab_type4 > ul li a { color: #41454A; font-weight: 700;background: #F3F5F9; display: inline-block; width: 100%; padding: 20px 0;border-radius: 8px; }

.tab_type4 ul li a.on { color: #FFFFFF; background: #00978E; }



.tab_benefit > ul { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.tab_benefit > ul > li { flex: 1 1 15%; }
.tab_benefit > ul > li > a { text-align: center; background: #f8f8f8; color: #373737; font-weight: 500; font-size: 16px; border: 1px solid #d4d4d4; height: 50px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.tab_benefit > ul > li > a:hover { background: #fff; }
.tab_benefit > ul > li > a.on { background: #fff; border: 2px solid #027c66; color: #027c66; }

@media all and (max-width: 800px) {
.tab_benefit > ul > li { flex: 1 1 25%; }
.tab_benefit > ul > li > a { padding: 0 10px;   font-size: 0.95em; }
}



/************ h_type ************/
.h_type1 { font-size: 26px; color: #000; font-weight: 600; line-height: 1.2em; margin-bottom: 20px; position: relative; }
.h_type1 .num { background: #29937a; width: 40px; height: 40px; color: #fff; text-align: center; margin-right: 8px; border-radius: 100%; display: inline-block; box-sizing: border-box; padding-top: 5px; font-family: "Seoul Cyber"; font-weight: 400; letter-spacing: -0.04em; font-size: 22px; position: relative; top: -2px; left: 0; }
.h_type1.mgT { margin-top: 50px; }

@media all and (max-width: 1024px) {
  .h_type1 {   font-size: 22px;   margin-bottom: 15px; }
  .h_type1 .num {   width: 34px;   height: 34px;   margin-right: 6px;   font-size: 18px; }
  .h_type1.mgT {   margin-top: 40px; }
}
@media all and (max-width: 800px) {
  .h_type1 {   font-size: 19px;   margin-bottom: 10px; }
  .h_type1 .num {   width: 28px;   height: 28px;   font-size: 16px;   padding-top: 3px; }
  .h_type1.mgT {   margin-top: 30px; }
}
.h_type2 { font-size: 22px; color: #222; font-weight: 600; line-height: 1.2em; margin-bottom: 20px; padding-left: 30px; background: url("/images/template/bg_h2.png") no-repeat left 4px; }
.h_type2.mgT { margin-top: 40px; }

@media all and (max-width: 1024px) {
  .h_type2 {   font-size: 19px;   margin-bottom: 15px;   padding-left: 20px;   background: url("/images/template/bg_h2.png") no-repeat left 2px / 16px; }
  .h_type2.mgT {   margin-top: 30px; }

  .applyNewOld_btn {margin-bottom: 40px;}
}
@media all and (max-width: 800px) {
  .h_type2 {   font-size: 17px;   margin-bottom: 10px;   padding-left: 16px;   background: url("/images/template/bg_h2.png") no-repeat left 4px / 12px; }
}
.h_type3 { font-size: 16px; color: #222; font-weight: 600; line-height: 16px; margin-bottom: 10px; }
.h_type3.ty3_Add { margin-bottom: 0; }

/************ ul_type ************/
.ul_type1 { text-align: left; }
.ul_type1 > li { margin-bottom: 7px; padding-left: 12px; position: relative; }
.ul_type1 > li:before { content: ""; width: 4px; height: 4px; background: #949598; border-radius: 100%; position: absolute; top: 8px; left: 0; }
.ul_type1 > li > ul { margin-top: 5px; }
.ul_type1 > li > ul > li { margin-bottom: 5px; padding-left: 10px; position: relative; }
.ul_type1 > li > ul > li:before { content: ""; width: 4px; height: 1px; background: #949598; border-radius: 100%; position: absolute; top: 9px; left: 0; }
.ul_type1 > li:last-child { margin-bottom: 0; }
@media all and (max-width: 800px) {
  .ul_type1 > li {   padding-left: 9px; }
  .ul_type1 > li:before {   width: 3px;   height: 3px; }
}

.ul_type2 { text-align: left; }
.ul_type2 > li { margin-bottom: 10px; padding-left: 20px; position: relative; }
.ul_type2 > li > .num { position: absolute; top: 0; left: 0; }
.ul_type2 > li:last-child { margin-bottom: 0; }

.ul_type3 > li { margin-bottom: 12px; color: #232E41; font-weight: 700; }
.ul_type3 > li:last-of-type { margin-bottom: 0; }
.ul_type3 > li .box { display: inline-block; background-color: #0B567D; border-radius: 8px; color: #fff; padding: 6px 10px; margin-right: 20px }

/************ table_type ************/
.table_type1 { border-top: 1px solid #000; border-bottom: 1px solid #d7dae0; overflow-x: auto; } /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type1 table, .table_type1 th, .table_type1 td { border-collapse: collapse; font-size: inherit; }
.table_type1 table { width: 100%; }
.table_type1 th { padding: 15px 20px; font-weight: 500; color: #333; background: #fbfbfb; }
.table_type1 th.align_left{ text-align:left; }
.table_type1 td { padding: 15px 20px; text-align: center; border-top: 1px dotted #d7dae0; border-left: 1px dotted #d7dae0; }
.table_type1 td.align_left{ text-align:left; }
.table_type1 th a, .table_type1 td a { color: inherit; }
#re_tab4 .table_type1 td:last-child {text-align: left;} 
.table_type1 thead th { background: #eff2f9; font-weight: 600; color: #000; font-size: 16px; border-left: 1px dotted #d7dae0; }
.table_type1 thead th:first-child { border-left: none; }
.table_type1 tbody th { border-top: 1px dotted #d7dae0; }
.table_type1 tfoot th { border-top: 1px dotted #d7dae0; }

.table_type1 .bg1 { background: #f6f9ff; }
.table_type1 .line1 { border-left: 1px dotted #d7dae0 !important; }
.table_type1 .line2 { border-bottom: 1px dotted #d7dae0 !important; }
.table_type1 .line3 { border-left: none; }
.table_type1.ty_taCenter, .table_type1.ty_taCenter ul { text-align: center; }

@media all and (max-width: 1024px) {
  .table_type1 table,   .table_type1 th,   .table_type1 td {   font-size: 0.95em; }
  .table_type1 thead th { font-size: inherit;}
  .table_type1 th {   padding: 10px; }
  .table_type1 td {   padding: 10px; }
  .table_type1 td .decimal { padding-left: 0;}
}
/************ table_type2 ************/
.table_type2 { overflow-x: auto; width: 72.2%; } /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type2 table, .table_type2 th, .table_type2 td { border-collapse: collapse; font-size: inherit; }
.table_type2 table { width: 100%; /* border:1px solid red; */  box-sizing: border-box; }
.table_type2 th { padding: 15px 40px; font-weight: 500; color: #333; background: #fff; box-sizing: border-box; }
.table_type2 .ty2_td { padding: 7px 40px; text-align: right; border-top: 1px solid #d7dae3; /* border-left: 1px solid #d7dae3; */  background: #fff; box-sizing: border-box; }
.table_type2 th a, .table_type2 td a { color: inherit; }
.table_type2 thead th { background: #eff2f9; font-weight: 600; color: #000; font-size: 16px; /* border-left: 1px dotted #d7dae0; */}
.table_type2 thead th:first-child { border-left: none; }
.table_type2 tbody th { border-top: 1px solid #d7dae3; }
.table_type2 tfoot th { border-top: 1px solid #d7dae3; }

.table_type2 .bg1 { background: #f6f9ff; }
.table_type2 .line1 { border-left: 1px dotted #d7dae0 !important; }

@media all and (max-width: 1024px) {
  .table_type2 table,   .table_type2 th,   .table_type2 td {   font-size: 0.95em; }
  .table_type2 th {   padding: 10px; }
  .table_type2 td {   padding: 10px; }

}
@media all and (max-width: 640px) {
.table_type2 { overflow-x: auto; width: 100%;}
.table_type2 .ty2_td { padding: 7px 10px; }
}
/* 나의 서류제출 목록 */
.table_type3 { border-bottom: 1px solid #d7dae0; overflow-x: auto; } /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type3 table, .table_type3 th, .table_type3 td { border-collapse: collapse; font-size: inherit; }
.table_type3 table { width: 100%; }
.table_type3 th { padding: 15px 20px; font-weight: 500; color: #333; background: #fbfbfb; }
.table_type3 td { padding: 15px 20px; text-align: center; border-top: 1px dotted #d7dae0; border-left: 1px dotted #d7dae0; }
.table_type3 th a, .table_type3 td a { color: inherit; }
.table_type3 thead th {  color: #fff; background: #063168; font-weight: 600; font-size: 16px; border-left: 1px dotted rgba(255,255,255,0.2); }
.table_type3 thead th:first-child { border-left: none; }
.table_type3 tbody th { border-top: 1px dotted #d7dae0; }
.table_type3 tfoot th { border-top: 1px dotted #d7dae0; }

.table_type3 .bg1 { background: #f6f9ff; }
.table_type3 .line1 { border-left: 1px dotted #d7dae0 !important; }
.table_type3 .line2 { border-bottom: 1px dotted #d7dae0 !important; }
.table_type3 .line3 { border-left: none; }
.table_type3.ty_taCenter, .table_type3.ty_taCenter ul { text-align: center; }

@media all and (max-width: 1024px) {
  .table_type3 table,   .table_type3 th,   .table_type3 td {   font-size: 0.95em; }
  .table_type3 thead th { font-size: inherit;}
  .table_type3 th {   padding: 10px; }
  .table_type3 td {   padding: 10px; }
  .table_type3 td .decimal { padding-left: 0;}
}

/************ box_type ************/

/* box_type1 */
.box_type1 { border: 1px solid #e8e8e8; border-radius: 0 0 20px 0; }
.box_type1 .p_title { background: #f8f8f8; padding: 15px; position: relative; font-size: 18px; font-weight: 500; color: #000; }
.box_type1 .p_title::before { content: url("/images/template/icon_info1.png"); padding-right: 8px; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-top: 2px; }
.box_type1 .p_desc { padding: 30px; }
.box_type1 .p_desc li span { color: #38837E  }

@media all and (max-width: 800px) {
  .box_type1 .p_title {   font-size: 16px;   padding: 10px 15px; }
  .box_type1 .p_desc {   padding: 20px; }
}
@media all and (max-width: 500px) {
}
/* 좌측이미지 박스 */
.box_type2 { border: 1px solid #e8e8e8; padding: 30px; position: relative; display: flex; border-radius: 0 0 20px 0; }
.box_type2 .left_img { width: 20%; background: url("/images/template/bg_box1.png") no-repeat center; }
.box_type2 .right_desc .p_title { padding-bottom: 10px; font-weight: 600; }
@media all and (max-width: 800px) {
.box_type2 {   padding: 20px; }
  .box_type2 .left_img {   width: 25%;   margin-right: 10px;   background: url("/images/template/bg_box1.png") no-repeat center / 70%; }
}
@media all and (max-width: 600px) {
.box_type2 .left_img {   display: none; }
}

/* box_type3 */
.box_type3 { border: 1px solid #e8e8e8; border-radius: 0 0 20px 0; padding: 20px; background: #f9f9f9; }

/************ a_type ************/

/* 다운로드링크 */
.a_down { color: #666; display: inline-block; border-bottom: 1px dashed #666; background: url("/images/template/bg_down2_c1.png") no-repeat; background-position: calc(100% - 7px); padding: 0 30px 0 5px; }
.a_down:hover { color: #00987e; border-bottom: 1px dashed #00987e; background: url("/images/template/bg_down2_c2.png") no-repeat; background-position: calc(100% - 7px) center; }

/* 새창링크 */
.a_link { color: #666; display: inline-block; border-bottom: 1px dashed #666; background: url("/images/template/bg_link2_c1.png") no-repeat; background-position: calc(100% - 7px); padding: 0 30px 0 5px; }
.a_link:hover { color: #00987e; border-bottom: 1px dashed #00987e; background: url("/images/template/bg_link2_c2.png") no-repeat; background-position: calc(100% - 7px) center; }

/************ btn_type ************/

/* 배경 녹색 라운드 20px 버튼 */
.btn_type1 { display: inline-block; color: #fff !important; border-radius: 20px; padding: 3px 35px 3px 20px; transition: all 0.3s ease; border: 2px solid #009852; font-weight: 500; background: #009852 url("/images/template/bg_arrow1_c1.png") no-repeat 90% center; }
.btn_type1.bg1 {background: #3c73c4 url("/images/template/bg_arrow1_c1.png") no-repeat 90% center; }
.btn_type1:hover { color: #009852 !important; background: #fff url("/images/template/bg_arrow1_c2.png") no-repeat 90% center; }
@media all and (max-width: 1260px) {
.btn_type1 {   padding: 3px 40px 3px 15px; }
}
@media all and (max-width: 800px) {
.btn_type1 {   font-size: 13px;   background-size: 7px;   padding: 3px 40px 2px 15px; margin-top:5px; }
}

/* 배경 민트 라운드 5px 버튼 */
.btn_type2 { background: #00978e; display: inline-block; color: #fff !important; border-radius: 5px; padding: 7px 15px; transition: all 0.3s ease; font-weight: 500; line-height: 24px; }
.btn_type2:after { content: ""; background: url("/images/template/bg_arrow2_c1.png") no-repeat; width: 24px; height: 24px; display: inline-block; margin-left: 35px; vertical-align: top; }
.btn_type2:hover { background: #00a386; }
.btn_type2.co_red { background: #e4264e; }
.btn_type2.co_red:after {background: url("/images/template/bg_arrow2_c2.png") no-repeat;}
.btn_type2.co_red:hover { background: #e4264e; }

/* 민트 라운드 line arrow */
.btn_type2_1 {padding: 13px 16px; background-color: #00978E; border-radius: 6px; color: #fff; font-weight: 500; font-size: 15px; text-align: left; position: relative; display: inline-block; line-height: 1.4; padding-right: 48px;}
.btn_type2_1::after {content:""; width: 8px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0;  position: absolute; right: 24px; top: 50%; transform: translateY(-50%) rotate(-45deg); }

/* 민트 라운드 down */
.btn_type2_1.down::after {width: 15px; height: 15px; right: 20px; border: none; background-image: url(/images/2024/common/icon_down.png); background-repeat: no-repeat; transform: translateY(-50%); background-size: cover;}

/* 배경 빨강 버튼 */
.btn_type3 { background: #e4264e; display: inline-block; color: #fff; padding: 12px 50px; transition: all 0.3s ease; font-weight: 500; font-size: 22px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); position: relative; }
.btn_type3 i { display: inline-block; margin-right: 10px; }
.btn_type3 span { display: inline-block; vertical-align: middle; }
.btn_type3:hover { background: #000; }
/* 배경 빨강 버튼 line arrow */
.btn_type3_1 {background: #BB003A; padding: 8px 16px; padding-right: 34px; font-size: 15px; font-weight: 500; text-align: left; position: relative; display: inline-block; line-height: 1.4; color: #fff; border-radius: 6px;}
.btn_type3_1::after {content:""; width: 8px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0;  position: absolute; right: 17px; top: 50%; transform: translateY(-50%) rotate(-45deg); }

/* 배경 초록색 */
.bg_green_color {background: #009852 !important;}

/* 보더 블루 버튼 */
.btn_type4 { display: inline-block; position: relative; border: 1px solid #597DBB; border-radius: 8px; color: #597DBB; padding: 20px 40px 20px 28px; }
.btn_type4::after { content:""; width: 8px; height: 8px; border: solid #597DBB; border-width: 0 2px 2px 0;  position: absolute; right: 17px; top: 50%; transform: translateY(-50%) rotate(-45deg); }

@media all and (max-width: 1024px) {
.btn_type3 {   padding: 8px 30px;   font-size: 18px;   box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); }
  .btn_type3 i {   margin-right: 5px; }
  .btn_type3 i img {   height: 26px; }

  .btn_type2_1 {font-size: 14px; padding: 8px 14px; padding-right: 40px;}
  .btn_type2_1::after {width: 6px; height: 6px; right: 20px;}
  .btn_type2_1.down::after {right: 16px; width: 14px; height: 14px;}
  .btn_type3_1 {font-size: 14px; padding: 6px 12px; padding-right: 30px;}
  .btn_type3_1::after {width: 6px; height: 6px; right: 14px;}
}

@media all and (max-width: 950px){
  .btn_type2:after { display:none; background:none;  }

}

@media all and (max-width: 800px) {
.btn_type3 {   padding: 8px 15px;   letter-spacing: -0.04em;   font-size: 15px;   line-height: 1.2em; }
  .btn_type3 i img {   height: 18px; }
  .btn_type2 {line-height: 1.3em; margin: 0 0 5px 0 !important;}
  /* .btn_type2:after { display:none; background:none;  } */

}

/* 기본버튼 */
.btn { display: inline-block; border: 1px solid #d4d4d4; height: 43px; line-height: 43px; padding: 0 20px; color: #666; border-radius: 3px; transition: all 0.3s ease; background-color: #fff; }
.btn:hover { background-color: #f6f6f6; color: #333; }
input.btn, button.btn { cursor: pointer; height: 45px; background-color: #fff; line-height: auto; vertical-align: top; }

/* 라인버튼 */
.btn.line1 { border: 1px solid #666; color: #666; }
.btn.line1:hover { background-color: #666; color: #fff; }
.btn.line2 { border: 1px solid #00987e; color: #00987e; }
.btn.line2:hover { background-color: #00987e; color: #fff; }
.btn.line3 { border: 1px solid #3155a4; color: #3155a4; }
.btn.line3:hover { background-color: #3155a4; color: #fff; }

/* 컬러버튼 */
.btn.bg1 { border: 1px solid #666; background-color: #666; color: #fff; }
.btn.bg1:hover { text-decoration: underline; }
.btn.bg2 { border: 1px solid #00987e; background-color: #00987e; color: #fff; }
.btn.bg2:hover { text-decoration: underline; }
.btn.bg3 { border: 1px solid #3155a4; background-color: #3155a4; color: #fff; }
.btn.bg3:hover { text-decoration: underline; }
.btn.btn_bg4 { border: 1px solid #3155a4; background-color: #3155a4; color: #fff; }
a:hover .btn_bg4 { border: 1px solid #fff; background-color: #fff; color: #3155a4;}

/* 다운로드버튼 */
.btn.down1:before { content: url("/images/template/bg_down_c1.png"); vertical-align: middle; padding-right: 10px; }
.btn.down1:hover::before { content: url("/images/template/bg_down_c4.png"); }
.btn.down2:before { content: url("/images/template/bg_down_c2.png"); vertical-align: middle; padding-right: 10px; }
.btn.down2:hover::before { content: url("/images/template/bg_down_c4.png"); }
.btn.down3:before { content: url("/images/template/bg_down_c3.png"); vertical-align: middle; padding-right: 10px; }
.btn.down3:hover::before { content: url("/images/template/bg_down_c4.png"); }
.btn.down4:before { content: url("/images/template/bg_down_c4.png"); vertical-align: middle; padding-right: 10px; }

/* 새창링크버튼 */
.btn.link1:before { content: url("/images/template/bg_link_c1.png"); vertical-align: middle; padding-right: 10px; }
.btn.link1:hover::before { content: url("/images/template/bg_link_c4.png"); }
.btn.link2:before { content: url("/images/template/bg_link_c2.png"); vertical-align: middle; padding-right: 10px; }
.btn.link2:hover::before { content: url("/images/template/bg_link_c4.png"); }
.btn.link3:before { content: url("/images/template/bg_link_c3.png"); vertical-align: middle; padding-right: 10px; }
.btn.link3:hover::before { content: url("/images/template/bg_link_c4.png"); }
.btn.link4:before { content: url("/images/template/bg_link_c4.png"); vertical-align: middle; padding-right: 10px; }

/* 검색버튼 */
.btn.search1:before { content: url("/images/template/bg_search_c1.png"); vertical-align: middle; padding-right: 10px; }
.btn.search1:hover::before { content: url("/images/template/bg_search_c4.png"); }
.btn.search2:before { content: url("/images/template/bg_search_c2.png"); vertical-align: middle; padding-right: 10px; }
.btn.search2:hover::before { content: url("/images/template/bg_search_c4.png"); }
.btn.search3:before { content: url("/images/template/bg_search_c3.png"); vertical-align: middle; padding-right: 10px; }
.btn.search3:hover::before { content: url("/images/template/bg_search_c4.png"); }
.btn.search4:before { content: url("/images/template/bg_search_c4.png"); vertical-align: middle; padding-right: 10px; }

/* 작은버튼 */
.btn.size1 { font-size: 0.875em; height: 33px; line-height: 33px; padding: 0 15px; }
.btn.size2 { font-size: 0.875em; height: 24px; line-height: 24px; padding: 0 10px; }

/* 작은다운로드버튼 */
.btn.size1.down1:before { content: url("/images/template/bg_down2_c1.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.down1:hover::before { content: url("/images/template/bg_down2_c4.png"); }
.btn.size1.down2:before { content: url("/images/template/bg_down2_c2.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.down2:hover::before { content: url("/images/template/bg_down2_c4.png"); }
.btn.size1.down3:before { content: url("/images/template/bg_down2_c3.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.down3:hover::before { content: url("/images/template/bg_down2_c4.png"); }
.btn.size1.down4:before { content: url("/images/template/bg_down2_c4.png"); vertical-align: middle; padding-right: 5px; }

/* 작은새창링크버튼 */
.btn.size1.link1:before { content: url("/images/template/bg_link2_c1.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.link1:hover::before { content: url("/images/template/bg_link2_c4.png"); }
.btn.size1.link2:before { content: url("/images/template/bg_link2_c2.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.link2:hover::before { content: url("/images/template/bg_link2_c4.png"); }
.btn.size1.link3:before { content: url("/images/template/bg_link2_c3.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.link3:hover::before { content: url("/images/template/bg_link2_c4.png"); }
.btn.size1.link4:before { content: url("/images/template/bg_link2_c4.png"); vertical-align: middle; padding-right: 5px; }

/* 작은검색버튼 */
.btn.size1.search1:before { content: url("/images/template/bg_search2_c1.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.search1:hover::before { content: url("/images/template/bg_search2_c4.png"); }
.btn.size1.search2:before { content: url("/images/template/bg_search2_c2.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.search2:hover::before { content: url("/images/template/bg_search2_c4.png"); }
.btn.size1.search3:before { content: url("/images/template/bg_search2_c3.png"); vertical-align: middle; padding-right: 5px; }
.btn.size1.search3:hover::before { content: url("/images/template/bg_search2_c4.png"); }
.btn.size1.search4:before { content: url("/images/template/bg_search2_c4.png"); vertical-align: middle; padding-right: 5px; }

@media all and (max-width: 500px) { .btn {   height: 33px;   line-height: 33px;   padding: 0 10px;   font-size: 0.95em; }
  input.btn,   button.btn {   cursor: pointer;   height: 35px;   font-size: 0.95em; }
  .btn.size1 {   height: 28px;   line-height: 28px;   padding: 0 7px; }
}

/* form */
.form_type1 { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 30px 0; }
.form_type1 dt { width: 15%; float: left; box-sizing: border-box; padding: 17px 0 0 20px; min-height: 80px; color: #333; font-weight: 600; }
.form_type1 dd { width: 35%; float: left; box-sizing: border-box; padding-right: 20px; min-height: 80px; }
.form_type1 dt.dt2 { width: 15%; }
.form_type1 dd.dd2 { width: 85%; }
.form_type1 .pc_block { display: block; }
.form_type1 .box_check { padding: 10px; }

/* select
.selectbox { position: relative; box-sizing: border-box; border: 1px solid #ccc; z-index: 1; display: inline-block; width: 100%; }
.selectbox:before { content: ""; position: absolute; top: 50%; right: 15px; width: 15px; height: 9px; margin-top: -4px; background: url(/images/template/bg_select.png) no-repeat center; background-size: 100%; }
.selectbox label { position: absolute; top: 1px; left: 5px; height: 56px; line-height: 56px; padding: 0 10px; z-index: -1; color: #b1b1b1; }
.selectbox label.label-selected { color: black; }
.selectbox select { width: 100%; height: 56px; line-height: 56px; padding: 0 10px; border: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.selectbox:focus { outline: 1px dotted #000; } */

/* textarea */
.textareabox { border: 1px solid #ccc; padding: 10px; width: 100%; box-sizing: border-box; height: 150px; }
.textareabox:focus { outline: 1px dotted #000; }

/* input */
.inputbox { border: 1px solid #ccc; box-sizing: border-box; height: 58px; padding-left: 10px; line-height: 56px; width: 100%; }
.inputbox:focus { outline: 1px dotted #000; }

/* radio, checkbox */
.checks { position: relative; display: inline-block; }
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding: 3px 0 0 35px; cursor: pointer; line-height: 24px; vertical-align: top; }
.checks input[type="radio"] + label:before { content: ""; position: absolute; left: 0; top: 2px; width: 24px; height: 24px; text-align: center; background: #f2f2f2; border: 1px solid #cecece; border-radius: 100%; }
.checks input[type="radio"] + label:after { content: ""; position: absolute; top: 9px; left: 7px; width: 12px; height: 12px; background: #bbb; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3); } /* 선택전 */
.checks input[type="radio"]:checked + label:after { background: #00987e; } /* 선택후 */
.checks input[type="radio"]:focus + label:before { outline: 1px dotted #000; }

.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; }
.checks input[type="checkbox"] + label:before { content: " "; display: inline-block; width: 24px; height: 24px; line-height: 24px; margin: -4px 10px 0 0; text-align: center; vertical-align: middle; background: #cfcfcf url(/images/template/bg_check.png) no-repeat center; background-size: 100%; color: #fff; } /* 선택전 */
.checks input[type="checkbox"]:checked + label:before { color: #fff; background: #00987e url(/images/template/bg_check.png) no-repeat center; background-size: 100%; } /* 선택후 */
.checks input[type="checkbox"]:focus + label:before { outline: 1px dotted #000; }

/* placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8a8a8a; opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8a8a8a; }
::-ms-input-placeholder { /* Microsoft Edge */
  color: #8a8a8a; }

/* 외국학교 안내 페이지 버튼 */
.btn_wrap{}
.btn_wrap .btn_group{display: flex;justify-content: center; padding:10px 0; background:#061d41db; border:#eee solid 1px; border-radius: 5px;}
.btn_wrap .btn_group li{width: 280px;font-size: 17px;font-weight: 500;line-height: 35px;text-align: center;border-radius: 20px;margin-right: 20px;}
.btn_wrap .btn_group li:nth-child(1){background-color: #fae300;}
.btn_wrap .btn_group li:nth-child(2){background-color: #3c73c4;}
.btn_wrap .btn_group li:nth-child(3){background-color: #009852;}
.btn_wrap .btn_group li a img{vertical-align: top;}
.btn_wrap .btn_group a:first-child{color: #000;}

@media all and (max-width: 768px){
.btn_wrap .btn_group{display: block;}
.btn_wrap .btn_group li{width: 220px;font-size: 14px;font-weight: 500;line-height: 35px;text-align: center;border-radius: 15px;margin-top: 10px;}
}

/* 그외 */
.ul_birth > li { width: 32%; float: left; }
.ul_birth > li:nth-child(2) { margin: 0 2%; }

@media all and (max-width: 1000px) {
.form_type1 {   padding: 30px 20px; }
  .form_type1 dt {   width: 25%; }
  .form_type1 dd {   width: 75%; }
  .form_type1 dt.dt2 {   width: 25%; }
  .form_type1 dd.dd2 {   width: 75%; }

  .selectbox:before {   right: 15px;   width: 14px;   height: 10px;   margin-top: -4px; }
  .selectbox label {   height: 46px;   line-height: 46px; }
  .selectbox select {   height: 46px;   line-height: 46px; }
  .inputbox {   height: 48px;   line-height: 46px; }
}

@media all and (max-width: 500px) {
.form_type1 dt {   width: 100%;   padding: 0 0 10px 0;   min-height: auto; }
  .form_type1 dd {   width: 100%;   padding: 0; }
  .form_type1 dt.dt2 {   width: 100%; }
  .form_type1 dd.dd2 {   width: 100%; }
  .form_type1 .pc_block {   display: inline; }
}

/* btn_type_n */
.btn_n { vertical-align: middle; line-height: 34px; padding: 0 20px; text-align: center; display: inline-block; border-radius: 4px; cursor: pointer; box-sizing: border-box; transition: ease 0.3s; }
@media all and (max-width: 768px) {
.btn_n {   line-height: 26px;   padding: 0 10px; }
}
input + .btn_n { margin-left: 8px; }
.btn_type_n1 { border: 1px solid #00978e !important; color: #00978e !important; background-color: #fff; }
.btn_type_n1:hover { color: #fff !important; background-color: #00978e !important; }

.btn_type_n2 { border: 1px solid #00978e !important; color: #fff !important; background-color: #00978e !important; }
.btn_type_n2:hover { color: #00978e !important; background-color: #fff !important; }

.btn_type_n2_2 { border: 1px solid #e22350 !important; color: #fff !important; background-color: #e22350 !important; }
.btn_type_n2_2:hover { color: #e22350 !important; background-color: #fff !important; }

.btn_type_n2_3 { border: 1px solid #00a659 !important; color: #fff !important; background-color: #00a659 !important; }
.btn_type_n2_3:hover { color: #00a659 !important; background-color: #fff !important; }

.btn_type_n3 { border: 1px solid #00978e !important; color: #fff !important; background-color: #00978e !important; line-height: 38px; }
.btn_type_n3:hover { color: #00978e !important; background-color: #fff !important; }

.btn_type_n3_2 { border: 1px solid #949494 !important; color: #fff !important; background-color: #949494 !important; line-height: 38px; }

.btn_type_n4 { border: 1px solid #29937a !important; color: #29937a !important; background-color: #fff !important; line-height: 38px; }
.btn_type_n4:hover { color: #fff !important; background-color: #29937a !important; }


.btn_type_n4_2 { border: 1px solid #e22350 !important; color: #fff !important; background-color: #e22350 !important; line-height: 38px; }
.btn_type_n4_2:hover { color: #e22350 !important; background-color: #fff !important; }
/* 지원서 작성 - 공통안내 버튼 */
.btn_type_n5 { border: 2px solid #00978e !important; color: #fff !important; background-color: #00978e !important; line-height: 70px; text-align: left; font-size: 22px; font-weight: 600; border-radius: 10px; padding-left: 36px; position: relative; }
.btn_type_n5::after { position: absolute; top: 50%; right: 0; width: 36px; height: 36px; border-radius: 100%; content: ""; transform: translate(-30px, -50%); background: #fff url("/images/template/bg_arrow2_skyblue.png") no-repeat
    center; }
.btn_type_n5:hover { color: #00978e !important; background-color: #fff !important; }

.btn_type_n6 { border: 1px solid #383838; color: #000; font-size: 18px; font-weight: 600; background-color: #fff; line-height: 44px; padding: 0 40px; position: relative; }
.btn_type_n6::after { width: 12px; height: 14px; content: ""; display: inline-block; margin-left: 20px; background: url("/images/template/bg_arrow2_black.png") no-repeat center; }
.btn_type_n6:hover { color: #fff; background-color: #383838; }

.btn_type_n7 { border: 1px solid #e2a943; color: #fff; background-color: #e2a943; }
.btn_type_n7:hover { color: #e2a943; background-color: #fff; }

.btn_type_orange { border: 1px solid #E3452E; color: #fff; background-color: #E3452E; padding: 3px 7px; border-radius: 5px; margin-top: 3px !important; display: inline-block;}
.btn_type_orange:hover { background-color: #FFF; color: #E3452E; background-color: #fff !important; }

.btn_type_n8 { vertical-align: middle; line-height: 1.2em; padding: 5px 10px; font-size: 0.95em; text-align: center; display: inline-block; border-radius: 4px; cursor: pointer; box-sizing: border-box; transition: ease 0.3s; border: 1px solid #00978e !important; color: #fff !important; background-color: #00978e !important; }
.btn_type_n8:hover { color: #00978e !important; background-color: #fff !important; }

.btn_type_n8_2 { vertical-align: middle; line-height: 1.2em; padding: 5px 10px; font-size: 0.95em; text-align: center; display: inline-block; border-radius: 4px; cursor: pointer; box-sizing: border-box; transition: ease 0.3s; border: 1px solid #e22350 !important; color: #fff !important; background-color: #e22350 !important; }
.btn_type_n8_2:hover { color: #e22350 !important; background-color: #fff !important; }

.btn_type_n9 { vertical-align: middle; line-height: 1.2em; padding: 7px 24px; font-size: 0.95em; text-align: center; display: inline-block; cursor: pointer; box-sizing: border-box; transition: ease 0.3s; border: 1px solid #dfdfdf !important; color: #333 !important; background-color: #fff !important; }
.btn_type_n9:hover { color: #fff !important; background-color: #00978e !important; border: 1px solid #00978e !important; }

@media all and (max-width: 1024px) {
.btn_type_n5 {   line-height: 56px;   font-size: 17px;   border-radius: 10px;   padding-left: 22px; }
  .btn_type_n5::after {   width: 30px;   height: 30px;   transform: translate(-20px, -50%);   background: #fff url("/images/template/bg_arrow2_skyblue.png") no-repeat center / 10px; }
}

@media all and (max-width: 768px) {
.btn_type_n5 {   line-height: 40px;   font-size: 15px;   border-radius: 5px;   padding-left: 13px; }
  .btn_type_n5::after {   width: 24px;   height: 24px;   transform: translate(-10px, -50%);   background: #fff url("/images/template/bg_arrow2_skyblue.png") no-repeat center / 8px; }

  .btn_type_n6 {font-size: 15px; line-height: 36px; padding: 0 20px;}
}