@charset "utf-8";
/* 비주얼 영역 */
.nVslArea {margin-bottom:10px;background: url("/sample/layout/widgetKotra/etc/etc_kotra_search/img/n-vslBg.png") no-repeat center/cover;}
.nVslArea > .inner {margin: 0 auto; padding: 50px 15px 34px; width: 1330px; max-width: 100%; box-sizing: border-box;}
.nVslArea > .inner .hdTt h3 {text-align: center; letter-spacing: -0.03em; line-height: 60px; font-size: 40px; color: #000; font-weight: 300; word-break: keep-all;}
.nVslArea > .inner .hdTt h3 strong {font-weight: 700;}
.nqboxList {display: flex; margin-top: 20px;}
.nqboxList .emph strong {display: block; letter-spacing: -0.05em; line-height: 37px; font-size: 32px; color: #fff; font-weight: 700;}
.nqboxList .nqboxTxt {margin-top: 10px;}
.nqboxList .nqboxTxt p { letter-spacing: -0.03em; line-height: 26px; font-size: 18px; color: #fff; font-weight: 500;}
.nqboxList li {position: relative; width: 33.333%; height: 220px;}
.nqboxList li + li {margin-left: 20px;}
.nqboxList li a {display: block; position: relative; overflow: hidden; padding: 30px 26px; border: 1px solid #ccc; border-radius: 20px; height: 100%; box-sizing: border-box; background: #4c73bf;}
.nqboxList li a::before {position: absolute; content: ""; left: 26px; bottom: 25px; border: 1px solid #fff; border-radius: 50%; width: 35px; height: 35px; background: url("/sample/layout/widgetKotra/etc/etc_kotra_search/img/n-icoArrow01.png") no-repeat center;}
.nqboxList li a:focus {outline:2px dashed #fff;outline-offset:-3px;border:1px solid #000;}
.nqboxList li.bgGreen a {background: #307a77;}
.nqboxList li.bgBlue a {background: #014a97;}
.nqboxList li .nqboxImg {position: absolute; right: 0; bottom: 0; max-width: 192px; max-height: 180px;}
.nqboxList li .nqboxImg img {vertical-align: top; max-width: 100%;}
@media(max-width: 1300px) {
    .nqboxList .emph strong {line-height: 34px; font-size: 28px;}
    .nqboxList .nqboxTxt p {line-height: 24px; font-size: 16px;}
    .nqboxList li .nqboxImg {max-width: 140px;}
}
@media(max-width: 990px) {
    .nqboxList {flex-direction: column;}
    .nVslArea > .inner {padding-top:10px;}
    .nqboxList li {width: 100%;}
    .nqboxList li + li {margin-left: 0; margin-top: 12px;}
}
@media(max-width: 767px) {
    .nVslArea > .inner {margin: 0 auto; padding: 35px 15px 34px;}
    .nVslArea > .inner .hdTt h3 {line-height: 35px; font-size: 30px;}
    .nqboxList {margin-top: 30px;}
    .nqboxList li a {padding: 30px 23px;}
    .nqboxList li .nqboxImg {max-width: 137px;}
}
@media(max-width: 400px) {
    .nVslArea > .inner {margin: 0 auto; padding: 35px 15px 60px;}
}

/* 검색영역 */
.mainSrchBox {padding:20px 0; background:#eaf2ff;}
.mainSrchBox .inner {display: flex;justify-content: space-between;align-items: center;max-width:1300px;margin: 0 auto; box-sizing: border-box;}
.mainSrchBox .inner > * + * {margin-left: 36px;}
.srchBox {display: flex;align-items: center;max-width: 522px;width: 100%;border: 2px solid #004a98;border-radius: 30px; background-color:#fff;/* height: 30px; */}
.srchBox .tit {display: block;width: 130px;text-align: center;letter-spacing: -0.03em;line-height: 44px;font-size: 16px;color: #000;font-weight: 500;}
.srchBox input[type="text"] {flex: 1;width: 100%;height: 38px;border: none;vertical-align: top;}
.srchBox .mainBtnSrch {width: 60px;height: 44px;text-indent: -9999px;background: url("/sample/layout/widgetKotra/etc/etc_kotra_search/img/ico-srch.png") no-repeat left 10px center;}
.srchWordTit {display: block; white-space: nowrap; letter-spacing: -0.03em; line-height: 26px; font-size: 16px; color: #000; font-weight: 700;}
.srchWordTit img {margin: 5px 6px 0 0; vertical-align: top; width: 16px; height: 16px;}
.plrSrchWord {display: flex;}
.SrchWordList {display: flex; margin-left: 20px;}
.SrchWordList li {position:relative;}
.SrchWordList li + li {margin-left: 7px; padding-left: 7px;}
.SrchWordList li + li:before {content: ""; position: absolute; top: 6px; left: 0; width: 1px; height: 16px; background: #5f51b4;}
.SrchWordList li a {display: block; white-space: nowrap; letter-spacing: -0.03em; line-height: 26px; font-size: 16px; color: #000; font-weight: 500;}
.rcmdSrchTerm {display: flex;align-items: center;position: relative;padding-right: 210px;}
.rkSld {margin-left: 20px; max-width: 200px; min-width: 140px; height: 28px;}
.rkSld button {display: none !important;}
.rkFlx {display: flex; align-items: center;}
.rkNmb {flex:none;display: block;width: 22px;height: 22px;border-radius: 3px;text-align: center;letter-spacing: -0.03em;line-height: 22px;font-size: 14px;color: #fff;font-weight: 500;background-color: /* #0098ef */#027cb9;}/* 2411접근성 */
.rkTxt {margin-left: 8px;letter-spacing: -0.03em;line-height: 22px;font-size: 16px;color: #000;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.mainSrchBox .rcmdSrchTerm .slick-slide {width: auto !important;}
.mainSrchBox .rcmdSrchTerm .btnCtrl {position: absolute;right: 0;width:74px;border: 1px solid #ccc;border-radius: 30px;background: #fff;text-align: center;}
.mainSrchBox .rcmdSrchTerm .btnCtrl .indicator {display: inline-block;width: 17px;height: 28px;vertical-align:middle;}
.mainSrchBox .rcmdSrchTerm .btnCtrl .indicator button {display: block;background: url("/sample/layout/widgetKotra/etc/etc_kotra_search/img/ico-mnSrchPlay.png") no-repeat center;font-size: 1px;text-indent: -9999px;cursor: pointer;width: 17px;height: 28px;}
.mainSrchBox .rcmdSrchTerm .btnCtrl .indicator button.stop {background-image: url("/sample/layout/widgetKotra/etc/etc_kotra_search/img/ico-mnSrchStop.png");}
.mainSrchBox .rcmdSrchTerm .btnCtrl .slick-arrow {text-indent:-9999px;width: 10px;height: 12px;box-sizing:border-box;display: inline-block;}
.mainSrchBox .rcmdSrchTerm .btnCtrl .slick-prev {background: url("/sample/layout/widgetKotra/etc/etc_kotra_search/img/ico-mnSrchArrow03.png") no-repeat 50%;margin-right: 4px;}
.mainSrchBox .rcmdSrchTerm .btnCtrl .slick-next {background: url("/sample/layout/widgetKotra/etc/etc_kotra_search/img/ico-mnSrchArrow04.png") no-repeat 50%;margin-left: 3px;}
@media(max-width: 1160px) {
    .mainSrchBox .inner > * + * {margin-left: 0;}
    .srchBox .tit {width: 100px; font-size: 18px;}
    .srchBox .mainBtnSrch {width: 50px;}
    .SrchWordList {margin-left: 10px;}
    .rkSld {margin-left: 10px;}
}
@media(max-width: 990px) {
    .mainSrchBox .inner {justify-content: flex-start;flex-wrap: wrap;/* width: 820px; */}
    /* .mainSrchBox .inner > * + * {margin: 9px 10px} */
    .srchBox {margin-bottom: 20px; max-width: 100%;}
    .rkSld {width: 110px;min-width: 80px;}
}
@media(max-width: 799px) {
    /* .mainSrchBox {margin-top: 50px;} */
    .mainSrchBox {padding: 15px 20px;}
    .mainSrchBox .inner > * + * {width:100%;}
    .plrSrchWord + .rcmdSrchTerm {margin-top:12px;padding-right: 0;}

}
@media(max-width: 500px) {
    .SrchWordList {flex-wrap: wrap;}
    .SrchWordList li a {font-size: 14px;}
    .rkSld {/* max-width: calc(100% - 125px); */}
    .rkNmb {width: 20px;height: 20px;line-height: 20px;font-size: 14px;}
    .rkTxt {line-height: 20px;font-size: 14px;}
}
@media(max-width: 400px) {
    .srchWordTit img {margin: 5px 4px 0 0;}
    .mainSrchBox .rcmdSrchTerm .btnCtrl {right: 20px;}
}