@charset "utf-8";
i{font-style:normal}
.break{display:block;} /*  데스크탑 : block -> 모바일화면 : inline*/
.plump{}  /*  데스크탑 : 속성없음 -> 모바일화면 : block */
.block{display:block} /*  데스크탑 : block -> 모바일화면 : block */
.creak{display:block;}
.treak{display:block;}
.contin-flex-ct{display:flex; justify-content:center;}
.block-center{display:flex; justify-content:space-around;}
@media all and (max-width:1000px) {
  .m-none{display:none}
  .break{display:inline}
  .creak{display:block;}
}

@media all and (max-width:680px) {
  .treak{display:inline;}
}

@media all and (max-width:480px) {
  .plump{display:block}
  .block{display:block}
  .creak{display:inline;}
}

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

#skipNavi-sub {height:0;}
#skipNavi-sub .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi-sub .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

.ov{overflow:hidden}

/*인풋텍스트,셀렉트,라디오 공통*/
input[type="text"]{height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
/*input[type="text"]:focus{border:1px solid #0942a1;}*/
input[type="text"]::placeholder{color:#666; opacity:1;}
input[type="password"]{height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle; -webkit-appearance:none;}
/*input[type="password"]:focus{border:1px solid #0942a1;}*/
input[type="password"]::placeholder{color:#666; opacity:1;}
.chk-select{position:relative; display:inline-block; vertical-align:top;}
.chk-select:before{position:absolute; top:50%; right:13px; margin-top:-6px; line-height:120%; content:""; font-size:10px; color:#888;}
.chk-select2:before{position:absolute; top:50%; right:13px; margin-top:-6px; line-height:120%; content:"▼"; font-size:10px; color:#888;}
.chk-select select{width:100%; height:38px; color:#4d4d4d; padding:0px 30px 0px 5px; border:1px solid #d1d1d1; font-size:14px; text-align:left; text-align-last:left; display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("/images/Happy_/main/select-ico.png")no-repeat;background-position: 90% 15px; cursor: pointer;}
.chk-select2 select{width:100%; height:38px; color:#4d4d4d; padding:0px 30px 0px 5px; border:1px solid #d1d1d1; font-size:14px; text-align:left; text-align-last:left; display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.chk-select select::-ms-expand{display:none;}
.chk-select2 select::-ms-expand{display:none;}
textarea{width:100%; border:1px solid #d1d1d1; box-sizing:border-box; padding:10px; font-size:16px; -webkit-appearance: none; -webkit-border-radius:0;}
textarea:focus{border:1px solid #0942a1;}

/* budget-list */
.budget-list{position:relative; padding:0px 10px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif; text-align:left;}
.budget-list:after{clear:both; content:""; display:block;}
.budget-list li{position:relative; font-size:16px; color:#333; padding:0px 30px 0px 15px; margin-bottom:5px; line-height:140%; width:50%; float:left; box-sizing:border-box;}
.budget-list li:before{position:absolute; top:8px; left:0px; width:4px; height:4px; background:#727294; content:""; border-radius:50%;}
.budget-list li:after{clear:both; content:""; display:block;}

.budget-list li .btxt{float:left;}
.budget-list li .btns{display:block; float:right;}
.budget-list li .btns .btn{width:26px; height:26px; background:#000; display:inline-block; vertical-align:top; border-radius:50%;}
.budget-list li .btns .btn span{font-size:0px;}

.budget-list li .btns .btn.down{background:url("/images/Potal_/layout/bbtn-att.png") no-repeat center #373789; background-size:13px;}
.budget-list li .btns .btn.view{background:url("/images/Potal_/layout/mgnb-search.png") no-repeat center #4d5bbc; background-size:13px;}


@media only screen and (max-width:1300px){
  .budget-list li .btxt{float:none; margin-bottom:5px;}
  .budget-list li .btns{float:none;}

}

@media only screen and (max-width:1000px){
  input[type="text"]{padding-left:10px;}
  input[type="password"]{padding-left:10px;}
  .chk-select select{padding:0px 25px 0px 5px;}
  .chk-select2 select{padding:0px 25px 0px 5px;}
  textarea{padding:5px; font-size:14px;}

  .budget-list li{font-size:15px; padding:0px 10px;}
  .budget-list li:before{top:7px;}
}

@media only screen and (max-width:680px){
  input[type="text"]{height:34px; font-size:13px; padding:0px 7px;}
  input[type="password"]{height:34px; font-size:13px; padding:0px 7px;}
  .chk-select select{height:34px; font-size:13px;}
  .chk-select2 select{height:34px; font-size:13px;}
  textarea{padding:5px; font-size:13px;}

  .budget-list li{font-size:14px;}
}

.radios {display:inline-block; font-size:0px; vertical-align:middle; line-height:120%; color:#000;}
.radios input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.radios input[type="radio"] + label{display:inline-block; position:relative; padding-left:20px; font-size:16px; color:#4d4d4d; line-height:120%; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radios input[type="radio"] + label:before {content:''; position: absolute; left:0; top:3px; width:14px; height:14px; text-align:center; background:#fff; border:1px solid #a3a3a3; border-radius:50%; }
.radios input[type="radio"] + label:after {}
.radios input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.radios input[type="radio"]:checked + label{color:#333353;}
/* .radios input[type="radio"]:checked + label:before {} */
.radios input[type="radio"]:checked + label:after { content:''; position:absolute; top:7px; left:4px; width:8px; height:8px; background:#333353; border-radius:100%; }

@media only screen and (max-width:680px){
  .radios input[type="radio"] + label{font-size:13px;}
  .radios input[type="radio"] + label:before{top:1px;}
  .radios input[type="radio"]:checked + label:after {top:5px;}
}

.checks{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.checks input[type="checkbox"]{position: absolute; width:20px; height: 20px; padding: 0; margin:-1px; /* clip:rect(0,0,0,0);*/border: 0; }
.checks input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:24px; font-size:16px; line-height:120%; color:#47495a; font-weight:500; letter-spacing:-0.03em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before {content:''; position: absolute; left:0px; top:0px; width:16px; height:16px; text-align:center; background:#fff; border:1px solid #cecece; border-radius:4px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="checkbox"] + label:active:before, .checks input[type="radio"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label{color:#373737;}
.checks input[type="checkbox"]:checked + label:before {background:#fff; border-color:#0942a1;}
.checks input[type="checkbox"]:checked + label:after{content:''; position:absolute; top:0px; left:0px; width:18px; height:18px; background:url(/images/Potal_/layout/checks-icon.jpg) no-repeat center #0942a1; border-radius:4px;}

@media only screen and (max-width:680px){
  .checks input[type="checkbox"] + label{font-size:13px; padding-left:20px;}
  .checks input[type="checkbox"] + label:before{width:13px; height:13px;}
  .checks input[type="checkbox"]:checked + label:after{width:15px; height:15px;}
}


.filebox{position:relative; padding-right:100px; box-sizing:border-box;}
.filebox .filename{display:block; width:100%;}
.filebox .filename:focus{border:1px solid #dcdcdc;}
.filebox .btn_file{position:absolute; top:0px; right:0px; display:block; line-height:38px; background:#373789; color:#fff; font-weight:500; font-size:14px; width:100px; text-align:center;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.filebox.active .btn_file{background:#0942a1;}

@media only screen and  (max-width:680px) {
  .filebox{padding-right:85px;}
  .filebox .btn_file{width:85px; line-height:34px; font-size:13px;}
}

/* title */
h4.cont-title{position:relative; font-size:24px; color:#111; font-weight:600; padding-left:30px;}
h4.cont-title:before{position:absolute; top:0px; left:0px; width:22px; height:22px; background:url("/images/Potal_/layout/h4_icon.png") no-repeat center; content:"";}

h5.cont-title{position:relative; font-size:20px; color:#3c3c98; font-weight:600; padding-left:20px;}
h5.cont-title:before{position:absolute; top:3px; left:0px; width:6px; height:14px; background:url("/images/Potal_/layout/h5_icon.png") no-repeat center; content:"";}
h5.cont-title.bt15:before{top:15px;}




div.cont-title{position:relative; font-size:20px; color:#3c3c98; font-weight:600; padding-left:20px;}
div.cont-title:before{position:absolute; top:3px; left:0px; width:6px; height:14px; background:url("/images/Potal_/layout/h5_icon.png") no-repeat center; content:"";}


h6.cont-title{position:relative; font-size:18px; color:#373777; font-weight:600; padding-left:22px;}
h6.cont-title:before{position:absolute; top:7px; left:0px; width:13px; height:4px; background:#333353; content:"";}

.cont-title > span:not([style]) {color:#333; font-weight:400;}

@media all and (max-width:1000px){
  h4.cont-title{font-size:20px; padding-left:26px;}
  h4.cont-title:before{width:20px; height:20px; background-size:20px;}

  h5.cont-title{font-size:18px; padding-left:15px;}
  h5.cont-title:before{top:4px;}

  h6.cont-title{font-size:16px; padding-left:15px;}
  h6.cont-title:before{top:9px; width:9px; height:2px;}
}

@media all and (max-width:680px){
  h4.cont-title{font-size:18px; padding-left:24px;}
  h4.cont-title:before{top:2px; width:18px; height:18px; background-size:18px;}

  h5.cont-title{font-size:16px; padding-left:13px;}
  h5.cont-title:before{top:3px;}

  h6.cont-title{font-size:15px; padding-left:13px;}
  h6.cont-title:before{top:9px; width:7px; height:2px;}
}


/* list */
.cont-list.step01{font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.cont-list.step01 li{position:relative; font-size:16px; color:#333; padding-left:15px; margin-bottom:5px; line-height:140%;}
.cont-list.step01 li:before{position:absolute; top:8px; left:0px; width:4px; height:4px; background:#727294; content:""; border-radius:50%;}
.cont-list.step01 li:last-child{margin-bottom:0px;}
.cont-list.step01 .cont-list.step02{padding:5px 0px;}

.cont-list.step02{font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.cont-list.step02 li{position:relative; font-size:16px; color:#666; padding-left:12px; line-height:140%; margin-bottom:4px;}
.cont-list.step02 li:before{position:absolute; top:10px; left:0px; width:6px; height:2px; background:#666; content:""; border-radius:0px;}
.cont-list.step02 li:last-child{margin-bottom:0px;}

@media all and (max-width:1000px){
  .cont-list.step01 li{font-size:15px; padding-left:10px;}
  .cont-list.step01 li:before{top:7px;}

  .cont-list.step02 li{font-size:15px; padding-left:12px;}
  .cont-list.step02 li:before{top:7px; width:5px;}
}

@media all and (max-width:680px){
  .cont-list.step01 li{font-size:14px;}

  .cont-list.step02 li{font-size:13px;}
  .cont-list.step02 li:before{top:6px;}
}

/* taps */
/* taps-dt4 */
.taps-dt4{margin:0px -0.5%; overflow:hidden;}
.taps-dt4 li{width:32.33333333333333%; margin:0px 0.5% 7px 0.5%; background:#eee; float:left; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.taps-dt4 li a{display:block; width:100%; height:100%; box-sizing:border-box; padding:15px 20px; font-size:18px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.taps-dt4 li a span{line-height:120%;}
.taps-dt4 li:hover{background:#e55757;}
.taps-dt4 li:hover a{color:#fff;}

.taps-dt4 li.active{background:#e55757; box-shadow:2px 2px 2px rgba(0, 0, 0 , 0.4);}
.taps-dt4 li.active a{color:#fff;}
.taps-dt4 li.active a:focus{box-shadow:0 0 0 1px #00f6ff inset!important;}


.taps-dt4 li.nw a span{padding-right:20px; background:url("/images/Potal_/layout/nw-icon.png") no-repeat right;}
.taps-dt4 li.active.nw a span{background:url("/images/Potal_/layout/nww-icon.png") no-repeat right;}
.taps-dt4 li.nw:hover a span{padding-right:20px; background:url("/images/Potal_/layout/nww-icon.png") no-repeat right;}

.taps-dt4.item06{margin:0px -0.5%;}
.taps-dt4.item06 li{width:15.66666666666%; margin:0px 0.5% 7px 0.5%;}

.taps-dt4.item05{margin:0px -0.5%;}
.taps-dt4.item05 li{width:19%; margin:0px 0.5% 7px 0.5%;}

.taps-dt4.item04{margin:0px -0.5%;}
.taps-dt4.item04 li{width:24%; margin:0px 0.5% 7px 0.5%;}

.taps-dt4.item03{margin:0px -0.5%;}
.taps-dt4.item03 li{width:32.33333333333333%; margin:0px 0.5% 7px 0.5%;}

.taps-dt4.item02{margin:0px -0.5%;}
.taps-dt4.item02 li{width:49%; margin:0px 0.5% 7px 0.5%;}

@media all and (max-width:1000px){
  .taps-dt4 li a{padding:10px 15px; font-size:16px;}

  .taps-dt4.item06 li{width:24%;}
  .taps-dt4.item05 li{width:32.333333333333%;}
  .taps-dt4.item04 li{width:49%;}
  .taps-dt4.item03 li{width:49%;}
}

@media all and (max-width:680px){
  .taps-dt4 li a{padding:7px 12px; font-size:14px;}

  .taps-dt4.item06 li{width:32.33333333%; margin-bottom:5px;}
  .taps-dt4.item05 li{width:32.333333333333%; margin-bottom:5px;}
  .taps-dt4.item04 li{width:49%; margin-bottom:5px;}
  .taps-dt4.item03 li{width:49%; margin-bottom:5px;}
}

@media all and (max-width:480px){
  .taps-dt4.item06{margin:0px -1%;}
  .taps-dt4.item06 li{width:48%; margin:0px 1% 5px 1%;}

  .taps-dt4.item05{margin:0px -1%;}
  .taps-dt4.item05 li{width:48%; margin:0px 1% 5px 1%;}

  .taps-dt4.item04{margin:0px -1%;}
  .taps-dt4.item04 li{width:48%; margin:0px 1% 5px 1%;}

  .taps-dt4.item03{margin:0px -1%;}
  .taps-dt4.item03 li{width:48%; margin:0px 1% 5px 1%;}

  .taps-dt4.item02{margin:0px -1%;}
  .taps-dt4.item02 li{width:48%; margin:0px 1% 5px 1%;}
}

/* taps-dt5 */
.taps-dt5{overflow:hidden; border:1px solid #d6d6d6; padding:10px 30px;}
.taps-dt5 li{width:100%; padding:5px 0px; float:left; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.taps-dt5 li a{position:relative; display:block; width:100%; height:100%; box-sizing:border-box; padding:0px 12px 0px 15px; font-size:15px; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.taps-dt5 li a:before{position:absolute; top:50%; left:0px; width:4px; height:4px; margin-top:-2px; background:#777; content:"";}
.taps-dt5 li a span{line-height:120%;}

.taps-dt5 li.nw a span{padding-right:18px; background:url("/images/Potal_/layout/nw-icon.png") no-repeat right;}

.taps-dt5 li.active a{color:#4d5bbc;}
.taps-dt5 li.active a:before{background:#4d5bbc;}
.taps-dt5 li:hover a{color:#4d5bbc;}
.taps-dt5 li:hover a:before{background:#4d5bbc;}

.taps-dt5.item06 li{width:16.66666666666%;}
.taps-dt5.item05 li{width:20%;}
.taps-dt5.tabs4 li,
.taps-dt5.item04 li{width:25%;}
.taps-dt5.item03 li{width:33.3333333333333%;}
.taps-dt5.item02 li{width:50%;}

@media all and (max-width:1000px){
  .taps-dt5{padding:10px 20px;}
  .taps-dt5 li{padding:3px 0px;}
  .taps-dt5 li a{padding:0px 20px 0px 12px; font-size:14px;}

  .taps-dt5.item06 li{width:33.3333333333333%;}
  .taps-dt5.item05 li{width:33.3333333333333%;}
  .taps-dt5.tabs4 li,
  .taps-dt5.item04 li{width:50%;}
  .taps-dt5.item03 li{width:50%;}
  .taps-dt5.item02 li{width:50%;}
}

@media all and (max-width:680px){
  .taps-dt5{padding:5px 15px;}
  .taps-dt5 li{padding:2px 0px;}
  .taps-dt5 li a{padding:0px 15px 0px 10px; font-size:13px;}

  .taps-dt5.item06 li{width:100%;}
  .taps-dt5.item05 li{width:100%;}
  .taps-dt5.item04 li{width:50%;}
  .taps-dt5.item03 li{width:50%;}
  .taps-dt5.item02 li{width:50%;}
}

/* taps-fuldown */
.taps-fuldown{}
.taps-fuldown .item{}
.taps-fuldown .item .tit{border:1px solid #d1d1d1; border-top:2px solid #4d5bbc;}
.taps-fuldown .item .tit a{position:relative; display:block; width:100%; height:100%; font-size:16px; color:#333; padding:15px 15px 15px 65px; box-sizing:border-box;}
.taps-fuldown .item .tit a:before{position:absolute; top:50%; left:20px; width:30px; height:30px; margin-top:-15px; background:url("/images/Potal_/layout/fuldown-arrowB.png") no-repeat center #4d5bbc; content:""; z-index:1;}

.taps-fuldown .item .cont{padding:25px 40px; display:none;}
.taps-fuldown .item.active .tit a:before{background:url("/images/Potal_/layout/fuldown-arrowT.png") no-repeat center #4d5bbc;}
.taps-fuldown .item.active .cont{display:block;}

@media all and (max-width:1000px){
  .taps-fuldown .item .tit a{font-size:15px; padding:12px 12px 12px 50px;}
  .taps-fuldown .item .tit a:before{left:15px; width:24px; height:24px; margin-top:-12px;}

  .taps-fuldown .item .cont{padding:15px 20px;}
}

@media all and (max-width:680px){
  .taps-fuldown .item .tit a{font-size:14px; padding:10px 10px 10px 40px;}
  .taps-fuldown .item .tit a:before{left:10px; width:20px; height:20px; margin-top:-10px;}

  .taps-fuldown .item .cont{padding:15px 10px;}
}   


.top_guide {border:8px solid #dedede; padding:40px; display:flex; flex-wrap:wrap; justify-content: space-between;}
.top_guide p {width:20%; text-align:center;}
.top_guide div {width:calc(80% - 30px);}
.top_guide div span {display:block; }
.top_guide div span.tit {font-size:24px; font-weight:700; color:#1e64ba; margin-bottom:15px; line-height:1.6em;}
.top_guide div span.con {font-size:16px;  color:#333; line-height:1.6em;}

@media all and (max-width:768px){
  .top_guide {padding:30px;}
  .top_guide p {width:100%; margin-bottom:10px;}
  .top_guide div {width:100%;}
}