@charset "utf-8";

/* ************************* S : common style************************** */

h4 {
  font-size: 24px;
  color: #333;
  /* background: url("/images/common/h4.png") no-repeat 0 10px;
  padding: 0 0 0 32px; */
  margin: 30px 0 20px 0;
}
h5 {
  font-size: 20px;
  color: #444;
  /* background: url("/images/common/h5.png") no-repeat 0 6px;
  padding: 0 0 0 23px; 
  margin: 30px 0 15px 13px;*/
  margin: 30px 0 15px;
}
h6 {
  font-size: 18px;
  color: #293b53;
  /* background: url("/images/common/h6.gif") no-repeat 6px 7px;
  padding: 0 0 0 16px; 
  margin: 20px 0 15px 20px;*/
  margin: 20px 0 15px;
}

/* 기본 컨텐츠 */
.basic_ul {
  margin: 0 0 40px 10px;
}
.basic_ul li {
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 0 0 14px;
  margin: 0 0 5px 0;
  background: url("/images/common/li01.png") no-repeat 0 8px;
}
.basic_ul li ul {
  margin: 10px 0;
}
.basic_ul li li {
  padding: 0 0 0 10px;
  background: url("/images/common/li02.gif") no-repeat 0 11px;
}
.basic_ul li li li {
  padding: 0 0 0 8px;
  background: url("/images/common/li03.gif") no-repeat 0 11px;
}
.basic_ul .li_none {
  background: none;
  padding: 0;
}

.basic_dl {
  margin: 0 0 40px 10px;
}
.basic_dl dt {
  font-size: 18px;
  color: #293b53;
  background: url("/images/common/h6.gif") no-repeat 6px 8px;
  padding: 0 0 0 16px;
}
.basic_dl dd {
  background: url("/images/common/li02.gif") no-repeat 0 11px;
  padding: 0 0 0 10px;
  margin: 5px 0 8px 5px;
}
.basic_dl li ul {
  margin: 5px 0;
}
.basic_dl li li {
  padding: 0 0 0 10px;
  background: url("/images/common/li03.gif") no-repeat 0 9px;
}
.basic_dl .dd_none {
  background: none;
  padding: 0;
}

.basic_p {
  font-size: 16px;
  line-height: 1.5em;
  margin: 10px 0 10px 20px;
}

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red {
  color: #d64545 !important;
  font-style: normal;
}
.fc_blue {
  color: #293b53 !important;
  font-style: normal;
}
.fc_green {
  color: #01837e !important;
  font-style: normal;
}

/* 테이블 */
.over_table {
  overflow-x: auto;
}

.basic_table {
  width: 100%;
  min-width: 800px;
  margin: 10px 0;
  border-top: 2px solid #12345f;
}
.basic_table th,
.basic_table td {
  text-align: center;
  padding: 8px 10px;
  border: 1px solid #cdcdcd;
  border-top: none;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.5em;
}
.basic_table thead th {
  background: #f3f3f5;
  color: #333;
}
.basic_table tbody th {
  background: #f1f5f9;
  color: #444;
}
.basic_table tbody td {
  color: #555;
}
.basic_table tbody td li {
  padding: 0 0 0 12px;
  margin: 0 0 5px 0;
  background: url("/images/common/li01.png") no-repeat 0 7px;
  text-align: left;
}
.basic_table tbody td li ul {
  margin: 7px 0;
}
.basic_table tbody td li li {
  padding: 0 0 0 10px;
  background: url("/images/common/li02.gif") no-repeat 0 11px;
}
.basic_table tbody td li li li {
  padding: 0 0 0 8px;
  background: url("/images/common/li03.gif") no-repeat 0 11px;
}
.basic_table tbody td table {
  border-top: 1px solid #12345f;
}
.basic_table tbody td .sbtn_go,
.basic_table tbody td .sbtn_new,
.basic_table tbody td .sbtn_down {
  white-space: nowrap;
}
.basic_table .point_bg {
  background: #f8fffe;
}
.table_left td {
  text-align: left;
}
li .basic_table td {
  text-align: center;
}
li .basic_table td.txt_left {
  text-align: left;
}

.over_table .scroll_guide {
  position: relative;
  padding: 10px 20px;
  background: #f3f8fb;
  margin-bottom: 5px;
  text-align: center;
}
.over_table .scroll_guide:before {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 20px;
  font-weight: 600;
  content: "〈";
}
.over_table .scroll_guide:after {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 20px;
  font-weight: 600;
  content: "〉";
}
.over_table .scroll_guide p {
  text-align: center;
  font-weight: 600;
  color: #666;
  font-size: 12px;
}
.over_table .scroll_guide p:before {
  content: "좌우로 움직이시면 자세한 내용을 확인하실 수 있습니다.";
}

span.app_ok {
  display: inline-block;
  padding: 15px 0;
  color: #0066cc;
}

.basic_table_s {
  width: 100%;
  min-width: 800px;
  margin: 10px 0;
  border-top: 1px solid #12345f;
}
.basic_table_s th,
.basic_table_s td {
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #cdcdcd;
  border-top: none;
  vertical-align: middle;
  line-height: 1.5em;
}
.basic_table_s thead th {
  background: #f8fafc;
  color: #333;
  font-size: 14px;
}
.basic_table_s tbody th {
  background: #f1f5f9;
  color: #444;
  font-size: 14px;
}
.basic_table_s tbody td {
  color: #555;
  font-size: 12px;
}
.basic_table_s tbody td li {
  padding: 0 0 0 12px;
  margin: 0 0 5px 0;
  background: url("/images/common/li01.png") no-repeat 0 7px;
  text-align: left;
}
.basic_table_s tbody td li ul {
  margin: 7px 0;
}
.basic_table_s tbody td li li {
  padding: 0 0 0 10px;
  background: url("/images/common/li02.gif") no-repeat 0 7px;
}
.basic_table_s tbody td li li li {
  padding: 0 0 0 12px;
  background: url("/images/common/li03.gif") no-repeat 0 7px;
}
.basic_table_s tbody td table {
  border-top: 1px solid #12345f;
}
.basic_table_s tbody td .sbtn_go,
.basic_table tbody td .sbtn_new,
.basic_table tbody td .sbtn_down {
  white-space: nowrap;
}

/* 탭 */
.basic_tab {
  overflow: hidden;
  border-top: 1px solid #293b53;
  border-left: 1px solid #293b53;
  margin: 0 0 30px 0;
}
.basic_tab li {
  float: left;
  width: 100%;
}
.basic_tab li a {
  display: block;
  padding: 15px 10px;
  border-right: 1px solid #293b53;
  border-bottom: 1px solid #293b53;
  background: #f8fafc;
  text-align: center;
}
.basic_tab li a:hover {
  background: #12345f;
  color: #ffffff;
}
.basic_tab li.on a {
  background: #293b53;
  color: #ffffff;
}
.basic_tab li.on a:hover {
  background-color: #12345f;
}
.basic_tab .new_win {
  background: url("/images/common/new_win2.png") no-repeat;
}
.basic_tab li.on a .new_win,
.basic_tab li a:hover .new_win {
  background: url("/images/common/new_win.png") no-repeat;
}

.basic_tab2 {
  margin: 0 0 30px 0;
  padding: 12px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}
.basic_tab2 li {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.basic_tab2 li a {
  display: block;
  padding: 10px 15px 0 10px;
  box-sizing: border-box;
  height: 40px;
  background: url("/images/common/tab02.png") no-repeat right 10px center;
  border-bottom: solid 1px #e2e8f0;
}
.basic_tab2 li a:hover {
  background: url("/images/common/tab02_on.png") no-repeat right 10px center;
  color: #293b53;
  border-bottom: 1px solid #c8d5e3;
}
.basic_tab2 li.on a {
  background: url("/images/common/tab02_on.png") no-repeat right 10px center;
  color: #293b53;
  border-bottom: 1px solid #c8d5e3;
}
.basic_tab2 li.on a:hover {
  background: url("/images/common/tab02_on.png") no-repeat right 10px center;
  color: #293b53;
  border-bottom: 1px solid #c8d5e3;
}

.basic_stab {
  margin-bottom: 20px;
  text-align: center;
}
.basic_stab .form_sel {
  width: 100%;
  height: 50px;
  border: 3px solid #12345f;
  padding: 0 5px;
  font-size: 16px;
}
.basic_stab .form_sm {
  width: 100%;
  background: #12345f;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  height: 50px;
}

/* 버튼 스타일 */
.basic_btn {
  text-align: center;
  margin: 20px 0;
}
.basic_btn a {
  display: inline-block;
  position: relative;
  background: #f1f5f9;
  border-radius: 50px;
  text-align: left;
  font-size: 16px;
  margin: 0 5px 10px 5px;
  padding: 12px 20px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}
.basic_btn a:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  content: "";
}
.basic_btn span {
  display: block;
  padding-right: 20px;
  color: #12345f;
}
.basic_btn a:hover,
.basic_btn a:focus {
  background: #ffffff;
  border: 1px solid #c8d5e3;
}
.btn_go:before {
  background: url("/images/damin/common/btn_go.png") no-repeat center;
}
.btn_new:before {
  background: url("/images/damin/common/btn_new.png") no-repeat center;
}
.btn_down:before {
  background: url("/images/damin/common/btn_down.png") no-repeat center;
}

.sbtn_go {
  display: inline-block;
  background: url("/images/damin/common/btn_go.png") no-repeat 9px center
    #f1f5f9;
  font-size: 14px;
  color: #e2e8f0;
  margin: 2px 5px 2px 0;
  padding: 0 0 0 30px;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  overflow: hidden;
}
.sbtn_go:hover,
.sbtn_go:focus {
  border: 1px solid #c8d5e3;
  background-color: #293b53;
  background-image: url("/images/common/btn_go.png");
}
.sbtn_go span {
  display: block;
  background: #ffffff;
  color: #12345f;
  padding: 2px 15px;
}

.sbtn_new {
  display: inline-block;
  background: url("/images/damin/common/btn_new.png") no-repeat 9px center
    #f1f5f9;
  font-size: 14px;
  color: #e2e8f0;
  margin: 2px 5px 2px 0;
  padding: 0 0 0 30px;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  overflow: hidden;
}
.sbtn_new:hover,
.sbtn_new:focus {
  border: 1px solid #c8d5e3;
  background-color: #293b53;
  background-image: url("/images/common/btn_new.png");
}
.sbtn_new span {
  display: block;
  background: #ffffff;
  color: #12345f;
  padding: 2px 15px;
}

.sbtn_down {
  display: inline-block;
  background: url("/images/damin/common/btn_down.png") no-repeat 9px center
    #f1f5f9;
  font-size: 14px;
  color: #e2e8f0;
  margin: 2px 5px 2px 0;
  padding: 0 0 0 30px;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  overflow: hidden;
}
.sbtn_down:hover,
.sbtn_down:focus {
  border: 1px solid #c8d5e3;
  background-color: #293b53;
  background-image: url("/images/common/btn_down.png");
}
.sbtn_down span {
  display: block;
  background: #ffffff;
  color: #12345f;
  padding: 2px 15px;
}

.txt_link,
.txt_link:hover {
  background: url("/images/damin/common/btn_new.png") no-repeat right center;
  padding: 0 15px 0 0;
  color: #293b53;
  text-decoration: underline;
}

.down_jpg {
  display: inline-block;
  background: url("/images/common/file_jpg.png") no-repeat 10px center #ffffff;
  border: 1px solid #cbd5e1;
  padding: 10px 10px 10px 35px;
  letter-spacing: -0.05em;
}
.down_jpg:hover {
  border: 1px solid #223e99;
}
.down_ai {
  display: inline-block;
  background: url("/images/common/file_ai.png") no-repeat 10px center #ffffff;
  border: 1px solid #cbd5e1;
  padding: 10px 10px 10px 35px;
  letter-spacing: -0.05em;
}
.down_ai:hover {
  border: 1px solid #223e99;
}
.down_pdf {
  display: inline-block;
  background: url("/images/common/file_pdf.png") no-repeat 10px center #ffffff;
  border: 1px solid #cbd5e1;
  padding: 10px 10px 10px 35px;
  letter-spacing: -0.05em;
}
.down_pdf:hover {
  border: 1px solid #223e99;
}
.down_xls {
  display: inline-block;
  background: url("/images/common/file_xls.png") no-repeat 10px center #ffffff;
  border: 1px solid #cbd5e1;
  padding: 10px 10px 10px 35px;
  letter-spacing: -0.05em;
}
.down_xls:hover {
  border: 1px solid #223e99;
}
.down_hwp {
  display: inline-block;
  background: url("/images/common/file_hwp.png") no-repeat 10px center #ffffff;
  border: 1px solid #cbd5e1;
  padding: 10px 10px 10px 35px;
  letter-spacing: -0.05em;
}
.down_hwp:hover {
  border: 1px solid #223e99;
}

/* 박스형 컨텐츠 */
.basic_box {
  margin: 20px 0 30px 0;
  position: relative;
  border: 1px solid #e2e8f0;
  border-top: 3px solid #c8d5e3;
}
.basic_box > div {
  position: relative;
  background: #f1f5f9;
  padding: 15px;
}
.basic_box li {
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 0 0 12px;
  margin: 0 0 5px 0;
  background: url("/images/common/li01.png") no-repeat 0 8px;
}
.basic_box li ul {
  margin: 10px 0 0 0;
}
.basic_box li li {
  padding: 0 0 0 10px;
  background: url("/images/common/li02.gif") no-repeat 0 9px;
}
.basic_box li li li {
  padding: 0 0 0 8px;
  background: url("/images/common/li03.gif") no-repeat 0 9px;
}
.basic_box dt {
  color: #12345f;
  font-size: 24px;
  margin: 0 0 10px 0;
  font-weight: 600;
}
.basic_box dd {
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 0 0 12px;
  margin: 0 0 5px 0;
  background: url("/images/common/li01.png") no-repeat 0 8px;
}
.basic_box dd li ul {
  margin: 10px 0 0 0;
}
.basic_box dd li {
  padding: 0 0 0 10px;
  background: url("/images/common/li02.gif") no-repeat 0 9px;
}
.basic_box dd li li {
  padding: 0 0 0 8px;
  background: url("/images/common/li03.gif") no-repeat 0 9px;
}
.basic_box p {
  line-height: 1.5em;
}
.basic_box .img span {
  display: block;
  text-align: center;
  margin: 0 0 15px 0;
}

.basic_box2 {
  margin: 20px 0 30px 0;
  position: relative;
  border: 1px solid #e2e8f0;
  border-top: 3px solid #12345f;
}
.basic_box2 > div {
  position: relative;
  padding: 15px;
}
.basic_box2 li {
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 0 0 12px;
  margin: 0 0 5px 0;
  background: url("/images/common/li01.png") no-repeat 0 8px;
}
.basic_box2 li ul {
  margin: 10px 0 0 0;
}
.basic_box2 li li {
  padding: 0 0 0 10px;
  background: url("/images/common/li02.gif") no-repeat 0 9px;
}
.basic_box2 li li li {
  padding: 0 0 0 8px;
  background: url("/images/common/li03.gif") no-repeat 0 9px;
}
.basic_box2 dt {
  color: #293b53;
  font-size: 24px;
  margin: 0 0 10px 0;
  font-weight: 600;
}
.basic_box2 dd {
  font-size: 16px;
  line-height: 1.5em;
  padding: 0 0 0 12px;
  margin: 0 0 5px 0;
  background: url("/images/common/li01.png") no-repeat 0 8px;
}
.basic_box2 dd li ul {
  margin: 10px 0 0 0;
}
.basic_box2 dd li {
  padding: 0 0 0 10px;
  background: url("/images/common/li02.gif") no-repeat 0 9px;
}
.basic_box2 dd li li {
  padding: 0 0 0 8px;
  background: url("/images/common/li03.gif") no-repeat 0 9px;
}
.basic_box2 p {
  line-height: 1.5em;
}
.basic_box2 .img span {
  display: block;
  text-align: center;
  margin: 0 0 15px 0;
}

.info_txt {
  background: url(/images/common/info02.png) no-repeat 0 center;
  padding: 6px 0 6px 36px;
  line-height: 1.5em;
}

.info_box {
  border: 1px dashed #e2e8f0;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #f1f5f9;
}
.info_box p {
  background: url("/images/common/info01.png") no-repeat 0 2px;
  line-height: 1.5em;
  padding: 6px 0 6px 40px;
}
.info_box2 {
  border: 1px dashed #f26522;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #fef4e8;
}
.info_box2 p {
  background: url("/images/common/info02.png") no-repeat 0 2px;
  line-height: 1.5em;
  padding: 6px 0 6px 40px;
}

.line_dot {
  border-top: 1px dotted #12345f;
  padding-top: 10px;
  margin-top: 10px;
}

.toggle h4 {
  border: 1px solid #12345f;
  padding: 0 20px;
  margin: 7px 0 0 0;
  font-size: 18px;
  line-height: 1.25em;
  background: #f1f5f9;
}
.toggle h4.on {
  /* background: #12345f; */
  /* border-color: #12345f; */
  /* border-bottom: 0; */
}
.toggle h4 a {
  color: #12345f;
  display: block;
  padding: 15px 0;
  background: url("/sppartners/krds/images/icon/ico_arrow_down.svg") no-repeat right center;
}
.toggle h4.on a {
  background: url("/sppartners/krds/images/icon/ico_arrow_top.svg") no-repeat right center;
  /* color: #ffffff; */
}
/*.substan{display:none;padding:20px;border: 1px solid #cdcdcd;border-top:none;}*/
.toggle div.on {
  display: block;
  border: 1px solid #12345f;
  padding: 20px;
  border-top: 0;
}
.toggle div ul {
  margin: 0;
}

/* 링크연결 컨텐츠 */
.link_box {
  text-align: center;
}
.link_box dt {
  color: #363636;
  font-size: 24px;
  font-weight: 600;
  margin: 30px 0 0 0;
}
.link_box dd {
  margin: 15px 0 0 0;
  line-height: 1.5em;
}
.link_box dd a {
  display: inline-block;
  background: #293b53;
  border-radius: 100px;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  margin: 0 5px 10px 5px;
  padding: 0 0 0 40px;
}
.link_box dd a:hover {
  background: #12345f;
}
.link_box dd a span {
  display: block;
  padding: 10px 40px 10px 20px;
  background: url("/images/common/btn_new.png") no-repeat left center;
}

/* 모바일 이미지 확대보기 */
.big_img {
  border: 1px solid #e1e1e1;
  position: relative;
  padding: 20px;
  margin: 5px 0;
  text-align: center;
}
.big_img img {
  width: 100%;
}
.big_img a {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background: url("/images/common/img_view.png") no-repeat 10px center #12345f;
  color: #ffffff;
  padding: 10px 10px 10px 40px;
}

.w100 img,
img.w100 {
  width: 100%;
}

/* 기본절차도 */
.basic_step li {
  background: url("/images/common/basic_step1.png") no-repeat center top !important;
  padding: 25px 0 0 0 !important;
  margin: 0 0 10px 0 !important;
  font-size: 16px;
  text-align: center;
  line-height: 1.5em;
}
.basic_step li:first-child {
  background: none;
  padding-top: 0 !important;
}
.basic_step li strong {
  display: block;
  background: #293b53;
  color: #ffffff;
  padding: 16px 15px;
}
.basic_step li span {
  display: block;
  border: 1px solid #e2e8f0;
  border-top: 3px solid #c8d5e3;
  padding: 15px;
  background: #f1f5f9;
}
.basic_step li span em {
  font-style: normal;
  font-size: 16px;
}
.basic_step li:last-child span {
  border-color: #c8d5e3;
  background: #ffffff;
}

.basic_step2 li {
  background: url("/images/common/basic_step1.png") no-repeat center top;
  padding: 25px 0 0 0;
  margin: 0 0 10px 0;
  font-size: 16px;
  text-align: center;
  line-height: 1.5em;
}
.basic_step2 li:first-child {
  background: none;
  padding-top: 0;
}
.basic_step2 li strong {
  display: block;
  background: #f1f5f9;
  color: #12345f;
  padding: 15px 15px;
  border-top: 2px solid #c8d5e3;
}
.basic_step2 li span {
  display: block;
  border: 1px solid #e2e8f0;
  border-top: 1px solid #c8d5e3;
  padding: 15px;
  background: #ffffff;
}

/* 이미지 코멘트 */
.comment {
  display: block;
  overflow: hidden;
  position: absolute;
  font-size: 1.8em;
  left: -5000px;
  top: 0;
}

.map_area {
  border: 1px solid #e2e8f0;
}
.map_area img {
  width: 100%;
}

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11 {
  font-size: 11px;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs17 {
  font-size: 17px;
}
.fs18 {
  font-size: 18px;
}
.fs19 {
  font-size: 19px;
}
.fs20 {
  font-size: 20px;
}
.fs21 {
  font-size: 21px;
}
.fs22 {
  font-size: 22px;
}
.fs23 {
  font-size: 23px;
}
.fs24 {
  font-size: 24px;
}
.fs25 {
  font-size: 25px;
}
.fs26 {
  font-size: 26px;
}

/* 기본 마진 : 상황에 따라 추가 가능 */
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}

.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}

.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}

.mb05 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}

/* 기본 패딩 : 상황에 따라 추가 가능 */
.p0 {
  padding: 0 !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}

.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}

.pr10 {
  padding-right: 10px;
}
.pr20 {
  padding-right: 10px;
}
.pr30 {
  padding-right: 10px;
}

.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt100 {
  padding-top: 100px !important;
}

/* 배경 없앰 */
.bg_none {
  background: none !important;
}

.va_top {
  vertical-align: top !important;
}

/* 컨텐츠 float */
.f_left {
  float: left;
}
.f_right {
  float: right;
}

/* float 해제 */
.clear {
  clear: both;
}

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center {
  text-align: center !important;
}
.txt_right {
  text-align: right !important;
}
.txt_left {
  text-align: left !important;
}

/* ************************* E : common style************************** */

/* Tablet */
@media all and (min-width: 768px) {
  .basic_box > div,
  .basic_box2 > div {
    padding: 30px;
  }

  .basic_tab li {
    width: 50%;
  }

  .basic_stab {
    text-align: right;
  }
  .basic_stab .form_sel {
    width: 200px;
  }
  .basic_stab .form_sm {
    width: 100px;
  }

  .basic_box .img {
    overflow: hidden;
  }
  .basic_box .img span {
    text-align: left;
    margin: 0 3% 0 0;
    float: left;
    width: 15%;
  }
  .basic_box .img span img {
    width: 100%;
  }
  .basic_box .img dl,
  .basic_box .img ul,
  .basic_box .img p {
    float: left;
    width: 82%;
  }

  .basic_box2 .img {
    overflow: hidden;
  }
  .basic_box2 .img span {
    text-align: left;
    margin: 0 3% 0 0;
    float: left;
    width: 15%;
  }
  .basic_box2 .img span img {
    width: 100%;
  }
  .basic_box2 .img dl,
  .basic_box2 .img ul,
  .basic_box2 .img p {
    float: left;
    width: 82%;
  }

  .link_box {
    overflow: hidden;
    text-align: left;
    background: #f8fafc;
    border-top: 1px solid #c8d5e3;
    border-bottom: 1px solid #e6e6e6;
    padding: 50px 75px;
  }
  .link_box p {
    float: left;
    width: 45%;
  }
  .link_box p img {
    width: 90%;
    max-width: 268px;
  }
  .link_box dl {
    float: left;
    width: 55%;
  }
  .link_box dt {
    font-size: 32px;
  }

  .big_img {
    padding: 40px 0;
  }
  .big_img img {
    width: 100%;
  }
}

/* Desktop */
@media all and (min-width: 1023px) {
  .basic_tab li,
  .basic_tab2 li {
    width: 25%;
  }
  .basic_tab .col5 li,
  .basic_tab2 .col5 li {
    width: 20%;
  }
  .basic_tab .col3 li,
  .basic_tab2 .col3 li {
    width: 33.333%;
  }
  .basic_tab .col2 li,
  .basic_tab2 .col2 li {
    width: 50%;
  }
  .basic_tab2 {
    padding-right: 0;
  }
  .basic_tab2 li {
    padding-right: 20px;
  }

  /* 기본절차도 */
  .basic_step ol {
    overflow: hidden;
  }
  .basic_step li {
    float: left;
    background: url("/images/common/basic_step2.png") no-repeat 0 center !important;
    padding: 0 0 0 26px !important;
    margin: 0 10px 10px 0 !important;
    font-size: 16px;
  }
  .basic_step li:first-child {
    padding-left: 0 !important;
  }
  .basic_step .col2 li {
    width: 48%;
  }
  .basic_step .col3 li {
    width: 32%;
  }
  .basic_step .col4 li {
    width: 23.5%;
  }
  .basic_step .col5 li {
    width: 18.7%;
  }

  .basic_step2 li {
    overflow: hidden;
  }
  .basic_step2 li strong {
    float: left;
    width: 21%;
    border-bottom: 1px solid #f1f5f9;
  }
  .basic_step2 li strong.line2 {
    padding: 27px 15px;
  }
  .basic_step2 li span {
    float: left;
    width: 78%;
    text-align: left;
    border: none;
    border-top: 2px solid #c8d5e3;
    border-bottom: 1px solid #e2e8f0;
  }
}
@media all and (min-width: 1150px) {
  .over_table .scroll_guide {
    display: none;
  }

  .link_box p {
    width: 50%;
    text-align: center;
  }
  .link_box dl {
    width: 50%;
  }
  .link_box p.basic_btn {
    text-align: left;
  }
}
@media all and (min-width: 1400px) {
  .big_img img {
    width: auto;
  }
  .big_img a {
    display: none;
  }

  .w100 img,
  img.w100 {
    width: auto;
  }
}