@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

:root {
  --navy: #0d1f5c;
  --navy-light: #1a3080;
  --yellow: #f5c200;
  --yellow-dark: #d9a900;
  --sky: #5bc4e8;
  --sky-dark: #3aaed4;
  --white: #fff;
  --gray-bg: #f5f7fa;
  --gray-border: #dde3ef;
  --gray-text: #555;
  --red: #e03333;
  --green: #2aaa6e;
}

/* CSS Document */
*{padding: 0; margin: 0; font-size: 100%; box-sizing: border-box;}
*:before {box-sizing: border-box;}
*:after {box-sizing: border-box;}
header,
main,
footer,
section,
article {display: block;}
html {position: relative; overflow-y: scroll;}
body { font-family: "pretendard", sans-serif; background: var(--white); color: #111; line-height: 1.5;}
ul,
ol,
li,
dl,
dt,
dd {list-style: none;}
i,
em,
address {font-style: normal;}
label,
button {cursor: pointer;}
button {border: none; background: none;}
hr,
legend {display: none;}
img,
fieldset,
iframe {border: none;}
img {max-width: 100%; vertical-align: top;}
caption {display: none;}
input,
button { vertical-align: middle; border-radius: 0; outline: none;}
select { vertical-align:middle; border-radius: 0; outline: none;}
table {border:none; border-collapse: collapse; padding: 0; border-spacing: 0;table-layout: fixed;}
select::-ms-expand {display: none;}
table{border: none; border-collapse: collapse; padding: 0; border-spacing: 0; table-layout: fixed;}
input::-webkit-input-placeholder {font: 14px/1em 'nanum gothic',sans-serif;}
input::-moz-placeholder { /* Firefox 19+ */font: 14px/1em 'nanum gothic',sans-serif;}
input:-ms-input-placeholder { /* IE 10+ */font: 14px/1em 'nanum gothic',sans-serif;}

.btn_box {margin-top: 15px; font-size: 0; text-align: center;}
.btn_box a {display: inline-block; margin: 0 5px;}
.btn_box button {display: inline-block; margin: 0 5px;}
.bt_type1 {padding: 0 18px; color: #fff; line-height: 35px; border-radius: 3px;}
.bt_color1 {background-color: #0061ad;}
.bt_color2 {background-color: #808080;}

.flex-w {flex-wrap: wrap;}
.flex-s-s { display: flex; justify-content: flex-start; align-items: flex-start; }
.flex-s-c { display: flex; justify-content: flex-start; align-items: center; }
.flex-s-e {display: flex; justify-content: flex-start; align-items: flex-end;}
.flex-c-s {display: flex; justify-content: center; align-items: flex-start;}
.flex-c-c {display: flex; justify-content: center; align-items: center;}
.flex-c-e {display: flex; justify-content: flex-start; align-items: flex-end;}
.flex-e-s {display: flex; justify-content: flex-end; align-items: flex-start;}
.flex-e-c {display: flex; justify-content: flex-end; align-items: center;}
.flex-e-e {display: flex; justify-content: flex-end; align-items: flex-end;}
.flex-sb-s {display: flex; justify-content: space-between; align-items: flex-start;}
.flex-sb-c {display: flex; justify-content: space-between; align-items: center;}
.flex-sb-e {display: flex; justify-content: space-between; align-items: flex-end;}

.tac {text-align: center !important;}
.tar {text-align: right !important;}

.row,.col {box-sizing: border-box;}
.row:after {display: block; content: ''; clear: both;}
.guide-line {position: relative; width: 1000px; margin: 0 auto; box-sizing: border-box;}
.guide-line:after {display: block; content: ''; clear: both;}
.pc-b{display: block !important;}
.pc-ib{display: inline-block !important;}
.pc-i{display: inline !important;}
.mo-b{display: none !important;}
.mo-ib{display: none !important;}
.mo-i{display: none !important;} 

.skip a {display: block; position: absolute; left: 0; top: -9999em; width:100%; background-color: #272727; color: #aaa; font: bold 12px/3.4 arial,sans-serif; text-align: center; z-index: 99999;}
.skip a:hover,
.skip a:active,
.skip a:focus {top: 0;}

a {text-decoration: none; color:#000;}
a:hover {text-decoration: none;}
.blind {display: block; overflow: hidden; top: -1000em; position: absolute;}

/* float */
.clearfix:after {content:''; display:block; clear: both;}
.fl_left {float:left;}
.fl_right {float:right;}

/*기본*/
#wrap {width:100%; height:100%;}
.sub-container-inner { max-width: 1000px; margin: 0 auto; }
#footer {position:relative;}

.container-row:after {display: block; clear: both; content: '';}

@media screen and (max-width: 767px){
	.guide-line {width: auto;}
	.pc-b{ display: none !important;}
	.pc-ib {display: none !important;}
	.pc-i {display: none !important;}
	.mo-b {display: block !important;}
	.mo-ib {display: inline-block !important;}
	.mo-i {display: inline !important;}
}

#hd_login_msg { display: none; }

/* ── HEADER ── */
header { position: sticky; top: 0; left: 0; right: 0; z-index: 100; background: var(--navy); display: flex; align-items: center; justify-content: space-between; padding: 10px 32px; box-shadow: 0 2px 12px rgba(0,0,0,.3); }
.header-logo img { height: 56px; }
.header-phone { display: flex; align-items: center; gap: 12px; }
.header-phone .badge { background: var(--yellow); color: var(--navy); font-weight: 900; font-size: 16px; padding: 4px 10px;
border-radius: 20px; letter-spacing: .5px; }
.btn-consult { background: var(--yellow); color: var(--navy); font-weight: 700; font-size: 22px; padding: 10px 22px; letter-spacing: 1px; border-radius: 8px; text-decoration: none; transition: background .2s; white-space: nowrap; }
.btn-consult:hover { background: var(--yellow-dark); }

/* ── FOOTER ── */
footer { background: #080f2e; color: rgba(255,255,255,.5); text-align: center; padding: 32px; font-size: 13px; }
footer strong { color: rgba(255,255,255,.8); }

@media screen and (max-width: 767px){
    .btn-consult { display: none; }
}