@charset "UTF-8";
/* ======== fonts ===== */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Roboto:100,400&subset=japanese");
/* @import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap"); */
@font-face {
    font-family: 'MyYuGothicM';
    src: local("YuGothic-Medium"), local("YuGothic-Regular");
}

@font-face {
    font-family: 'MyYuGothicM';
    font-weight: bold;
    src: local("YuGothic-Bold");
}

body {
  font-family: 'Noto Sans TC', 'Yu Gothic', Meiryo, 'Hiragino kaku Gothic ProN',
 -apple-system, BlinkMacSystemFont, MyYuGothicM, sans-serif;
    position: relative;
    /* font-family: "Noto Sans TC", "Noto Sans CJK TC", "Heiti TC", "Source Sans Pro", "Helvetica Neue", "Microsoft JhengHei", "Roboto", -apple-system, BlinkMacSystemFont, Ubuntu, Cantarell, sans-serif; */
}

.winChrome body {
    font-weight: 500;
}

/* IE 指定對策 */
@media all and (-ms-high-contrast: none) {
    body {
        font-family: 'Noto Sans TC', 'Yu Gothic', Meiryo, 'Hiragino kaku Gothic ProN', -apple-system, BlinkMacSystemFont, MyYuGothicM, sans-serif;
    }
}
select::-ms-expand {
    display: none;
}

input,
select,
textarea,
button {
    font-family: inherit;
}

::-webkit-input-placeholder {
    color: #7e7e7e;
}

:-ms-input-placeholder {
    color: #7e7e7e;
}

::-ms-input-placeholder {
    color: #7e7e7e;
}

::placeholder {
    color: #7e7e7e;
}

:-ms-input-placeholder {
    color: #7e7e7e;
}

::-ms-input-placeholder {
    color: #7e7e7e;
}

.roboto {
    font-family: 'Roboto';
    font-weight: 500;
}

.robotobold {
    font-family: 'Roboto';
    font-weight: 700;
}

.robotothin {
    font-family: 'Roboto';
    font-weight: 100;
}

/*---------------------------------------------
	Rest
  ---------------------------------------------*/
html {
    overflow-y: scroll;
    font-size: 62.5%;
    /* 1em = 10px */
}

body,
div,
dl,
dt,
dd,
ul,
ul li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
section,
nav,
article,
aside,
header,
address,
figure,
figcaption {
    margin: 0;
    padding: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

q:before,
q:after {
    content: '';
}

object,
embed {
    vertical-align: top;
}

legend {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1rem;
    font-weight: normal;
}

img,
abbr,
acronym,
fieldset {
    border: 0;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

ul li {
    list-style-type: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

header {
    position: relative;
    overflow: hidden;
}

    header::before {
        content: '';
        position: absolute;
        width: 60%;
        height: 1px;
        background-color: #ececec;
        top: 197px;
        right: 0;
    }

    header .header-outer {
        max-width: 1280px;
        margin: 0 auto;
    }

        header .header-outer .row {
            margin-top: 115px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

            header .header-outer .row .col01 .search-title {
                margin-left: 20px;
            }

                header .header-outer .row .col01 .search-title .title {
                    margin-bottom: 10px;
                }

                header .header-outer .row .col01 .search-title .desc {
                    margin-left: 15px;
                    color: #4d4d4d;
                    font-size: 15px;
                    letter-spacing: 1px;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    header .header-outer .row .col01 .search-title .desc span {
                        display: inline-block;
                        margin-right: 10px;
                    }

            header .header-outer .row .col02 .search-action {
                color: #3a3a3a;
                font-size: 18px;
                margin-bottom: 6px;
            }

                header .header-outer .row .col02 .search-action a {
                    display: inline-block;
                    padding: 15px 35px 11px 35px;
                    color: #3a3a3a;
                    position: relative;
                    border-bottom: 4px solid #fff;
                }

                    header .header-outer .row .col02 .search-action a::before {
                        content: '';
                        position: absolute;
                        right: 0;
                        top: 23px;
                        height: 15px;
                        width: 1px;
                        background: #3a3a3a;
                    }

                    header .header-outer .row .col02 .search-action a:last-child::before {
                        background: none;
                    }

                    header .header-outer .row .col02 .search-action a.active, header .header-outer .row .col02 .search-action a:hover {
                        font-weight: 800;
                        border-bottom: 4px solid #fbc41f;
                    }

@media (max-width: 1280px) {
    header {
        width: 1280px;
    }
        header .header-outer {
            width: 1280px;
        }
}

a, button {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.bread-crumbs {
    padding: 15px 0;
}

    .bread-crumbs .crumbs-outer {
        margin-left: 50%;
        display: inline-block;
        color: #393939;
        font-size: 14px;
    }

        .bread-crumbs .crumbs-outer a {
            color: #393939;
        }

.radio-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #393939;
}

    .radio-container:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radio-container .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #dcdcdc;
        border-radius: 50%;
    }

    .radio-container input:checked ~ .checkmark {
        background-color: #dcdcdc;
    }

    .radio-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .radio-container input:checked ~ .checkmark:after {
        display: block;
    }

    .radio-container .checkmark:after {
        top: 6px;
        left: 6px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #434343;
    }

input {
    border: 1px solid #dbdbdb;
    padding: 8px 25px;
}

    input:hover {
        border: 1px solid #2495ff;
    }

    input.round {
        border-radius: 100px;
    }

    input.margin01 {
        margin: 0 25px;
    }

.select-outer {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    min-width: 115px;
    position: relative;
}
.select-query {
    margin-left:15px;
}

    .select-outer:hover {
        border: 1px solid #2495ff;
    }

.select-outer select {
    position: relative;
    width: 100%;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    z-index: 2;
    background: none;
    padding: 8px;
    margin-right: 20px;
    height: 35px;
}
    .select-outer select#selPageIndex {
        width: 60px;
        height: 35px;
    }

    .select-outer span {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: #1d1d1d transparent transparent transparent;
        position: absolute;
        top: 13px;
        right: 10px;
        display: inline-block;
        z-index: 1;
    }

@media (max-width: 1280px) {
    #wrapper {
        width: 1280px;
    }
}

.home-main {
    min-height: 800px;
    background: url(/Content/images/front/line_yellow_home02.png) right 780px #fbc41f no-repeat;
}

    .home-main .home-outer {
        max-width: 1560px;
        margin: 0 auto;
        background: url(/Content/images/front/img001.png) 45px bottom no-repeat #fbc41f;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        min-height: 800px;
    }

        .home-main .home-outer .add-line {
            min-height: 800px;
            background: url(/Content/images/front/line_yellow_home.png) right top no-repeat;
        }

            .home-main .home-outer .add-line .content {
                text-align: right;
                max-width: 1280px;
                margin: 0 auto;
            }

                .home-main .home-outer .add-line .content .logo {
                    padding-top: 260px;
                    margin: 0 190px 30px 0;
                }

                .home-main .home-outer .add-line .content .title {
                    margin-bottom: 10px;
                    margin-right: 108px;
                }

                .home-main .home-outer .add-line .content .desc {
                    margin-right: 55px;
                    margin-bottom: 230px;
                    color: #4d4d4d;
                    font-size: 15px;
                    letter-spacing: 1px;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .home-main .home-outer .add-line .content .desc span {
                        display: inline-block;
                        margin-right: 10px;
                    }

                .home-main .home-outer .add-line .content .action {
                    font-size: 18px;
                    margin-right: 30px;
                }

                    .home-main .home-outer .add-line .content .action a {
                        color: #fff;
                        text-decoration: underline;
                    }

                        .home-main .home-outer .add-line .content .action a:hover {
                            color: #4d4d4d;
                        }

@media (max-width: 1560px) {
    .home-main .home-outer {
        max-width: 100%;
        background: url(/Content/images/front/img001.png) -8vw bottom no-repeat #fbc41f;
    }
}

@media (max-width: 1280px) {
    .home-main {
        width: 1280px;
    }
        .home-main .content {
            width: 1280px;
        }
}

.query-main {
    background: url(/Content/images/front/line_yellow_gray001.png) top center no-repeat;
    background-position-x: calc(50% - 20px);
    min-height: 794px;
    margin-top: -6px;
    display: block;
}

    .query-main .search-list {
  max-width: 1200px;
        margin: 0 auto;
        margin-top: 195px;
    }

        .query-main .search-list .item .yellow-bg {
            background: #fbc41f;
            padding: 12px 55px;
            border-radius: 100px;
        }

            .query-main .search-list .item .yellow-bg .gray-bg {
                background: #e6e6e6;
  max-width: 1200px;
                border-radius: 5px;
                padding: 5px 0;
            }

                .query-main .search-list .item .yellow-bg .gray-bg .row {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    font-size: 16px;
                    color: #393939;
                }

                    .query-main .search-list .item .yellow-bg .gray-bg .row.space-between {
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }

                    .query-main .search-list .item .yellow-bg .gray-bg .row .col {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .query-main .search-list .item .yellow-bg .gray-bg .row .col.year-outer {
                          margin: 0px 50px;
                        }

                        .query-main .search-list .item .yellow-bg .gray-bg .row .col input.margin01 {
                            margin: 0 0px 0 25px;
                            width: 237px;
                        }

                    .query-main .search-list .item .yellow-bg .gray-bg .row .year {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .query-main .search-list .item .yellow-bg .gray-bg .row .year div:nth-child(2) {
                            margin: 0 20px;
                        }

                    .query-main .search-list .item .yellow-bg .gray-bg .row .action {
                        margin-right: 20px;
                    }

                        .query-main .search-list .item .yellow-bg .gray-bg .row .action button {
                            cursor: pointer;
                            border-radius: 50px;
                            min-width: 80px;
                            padding: 7px;
                            margin-left: 20px;
                        }

                            .query-main .search-list .item .yellow-bg .gray-bg .row .action button.blue {
                                background: #6faff1;
                                color: #fff;
                                border: 2px solid #1e79a8;
                            }

                                .query-main .search-list .item .yellow-bg .gray-bg .row .action button.blue:hover {
                                    background: #3e88d4;
                                }

                            .query-main .search-list .item .yellow-bg .gray-bg .row .action button.pink {
                                background: #faa097;
                                color: #fff;
                                border: 2px solid #d71c51;
                            }

                                .query-main .search-list .item .yellow-bg .gray-bg .row .action button.pink:hover {
                                    background: #f37e72;
                                }

        .query-main .search-list .item .query-mode {
            font-size: 17px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 10px 0 20px 55px;
        }

            .query-main .search-list .item .query-mode .desc {
                margin-right: 15px;
            }

            .query-main .search-list .item .query-mode .mode-list .radio-outer {
                display: inline-block;
                margin-right: 10px;
            }

@media (max-width: 1280px) {
    .query-main {
        width: 1280px;
    }
}

.query-main.browse {
    position: relative;
}

    .query-main.browse:before {
        content: '';
        position: absolute;
        left: 0;
        top: 60px;
        height: 528px;
        width: 20%;
        background: url(/Content/images/front/step_yellow_bg002.png) repeat-x;
    }

    .query-main.browse:after {
        content: '';
        position: absolute;
        right: 0;
        top: 290px;
        width: 50%;
        height: 71px;
        background: #fbc41f;
    }

.query-main .query-step-outer {
    position: relative;
}

    .query-main .query-step-outer:after {
        content: '';
        position: absolute;
        right: 0;
        top: 265px;
        width: 50%;
        height: 440px;
        background: #f3f3f3;
    }

    .query-main .query-step-outer .step-row {
        position: relative;
        z-index: 2;
        max-width: 1280px;
        margin: 0 auto;
        margin-top: 10px;
        min-height: 700px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .query-main .query-step-outer .step-row:before {
            content: '';
            position: absolute;
            right: 0;
            top: 265px;
            width: calc(100% - 190px);
            height: 440px;
            background: #f3f3f3;
            border-bottom-left-radius: 50px;
            z-index: 1;
        }

        .query-main .query-step-outer .step-row .col01 {
            width: 450px;
            position: relative;
            z-index: 2;
            background: url(/Content/images/front/step_yellow_bg001.png) left top no-repeat;
        }

            .query-main .query-step-outer .step-row .col01 .step-item {
                margin-top: 30px;
            }

        .query-main .query-step-outer .step-row .col02 {
            width: calc(100% - 450px);
            position: relative;
            z-index: 2;
        }

    .query-main .query-step-outer .step-item {
        color: #3a3a3a;
    }

        .query-main .query-step-outer .step-item .step-title {
            font-size: 18px;
        }

            .query-main .query-step-outer .step-item .step-title big {
                font-size: 30px;
                color: #df0000;
                margin-right: 10px;
            }

        .query-main .query-step-outer .step-item .step-sub-title {
            font-size: 36px;
            padding-bottom: 10px;
            background: url(/Content/images/front/icon_black_white001.png) left bottom no-repeat;
            margin-bottom: 45px;
        }

        .query-main .query-step-outer .step-item .step-type {
            font-size: 24px;
        }

            .query-main .query-step-outer .step-item .step-type a {
                display: block;
                color: #3a3a3a;
                margin-bottom: 30px;
                padding-left: 20px;
                position: relative;
            }

                .query-main .query-step-outer .step-item .step-type a:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 15px;
                    width: 8px;
                    height: 8px;
                    border-radius: 20px;
                    background: #3a3a3a;
                }

                .query-main .query-step-outer .step-item .step-type a:hover {
                    color: #fff;
                    font-weight: 800;
                }

                    .query-main .query-step-outer .step-item .step-type a:hover:before {
                        background: #fff;
                    }

        .query-main .query-step-outer .step-item .step-choice {
            font-size: 30px;
            margin-top: 155px;
            margin-left: 90px;
            margin-bottom: -15px;
        }

        .query-main .query-step-outer .step-item .yellow-bg {
            background: #fbc41f;
            padding: 12px 55px;
            -webkit-border-top-left-radius: 100px;
            -webkit-border-bottom-left-radius: 100px;
            -moz-border-radius-topleft: 100px;
            -moz-border-radius-bottomleft: 100px;
            border-top-left-radius: 100px;
            border-bottom-left-radius: 100px;
            margin-left: 60px;
        }

            .query-main .query-step-outer .step-item .yellow-bg .gray-bg {
                background: #e6e6e6;
                max-width: 645px;
                border-radius: 5px;
                padding: 5px 0;
            }

                .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 18px;
                    color: #393939;
                    margin: 0 20px;
                }

                    .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row.space-between {
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }

                    .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row .col {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row .col span {
                            display: inline-block;
                            margin-right: 10px;
                        }

                    .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row input {
                        font-size: 16px;
                        width: 405px;
                        border-radius: 50px;
                        padding: 5px 25px;
                    }

                    .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row button {
                        cursor: pointer;
                        border-radius: 50px;
                        min-width: 80px;
                        padding: 7px;
                    }

                        .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row button.blue {
                            background: #6faff1;
                            color: #fff;
                            border: 2px solid #1e79a8;
                        }

                            .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row button.blue:hover {
                                background: #3e88d4;
                            }

                        .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row button.pink {
                            background: #faa097;
                            color: #fff;
                            border: 2px solid #d71c51;
                        }

                            .query-main .query-step-outer .step-item .yellow-bg .gray-bg .row button.pink:hover {
                                background: #f37e72;
                            }

        .query-main .query-step-outer .step-item .type-list-outer {
            height: 310px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .query-main .query-step-outer .step-item .type-list-outer .type-list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin: 0 -2px;
            }

                .query-main .query-step-outer .step-item .type-list-outer .type-list .item {
                    width: calc(25% - 2px);
                    border: 1px solid #f3f3f3;
                    font-size: 18px;
                    color: #3a3a3a;
                    margin: 5px 0;
                }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item .checkbox-container {
                        height: 65px;
                        width: 100%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        position: relative;
                    }

                        .query-main .query-step-outer .step-item .type-list-outer .type-list .item .checkbox-container:hover {
                            background: #f9df9f !important;
                            color: #c1873c;
                        }

                        .query-main .query-step-outer .step-item .type-list-outer .type-list .item .checkbox-container.active {
                            color: #000;
                            font-weight: 800;
                        }

                        .query-main .query-step-outer .step-item .type-list-outer .type-list .item .checkbox-container input {
                            display: none;
                        }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item:nth-child(8n+1) .checkbox-container {
                        background: #ded8ca;
                    }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item:nth-child(8n+2) .checkbox-container {
                        background: #bcb6a9;
                    }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item:nth-child(8n+3) .checkbox-container {
                        background: #ded8ca;
                    }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item:nth-child(8n+4) .checkbox-container {
                        background: #bcb6a9;
                    }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item:nth-child(8n+5) .checkbox-container {
                        background: #bcb6a9;
                    }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item:nth-child(8n+6) .checkbox-container {
                        background: #ded8ca;
                    }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item:nth-child(8n+7) .checkbox-container {
                        background: #bcb6a9;
                    }

                    .query-main .query-step-outer .step-item .type-list-outer .type-list .item:nth-child(8n+8) .checkbox-container {
                        background: #ded8ca;
                    }

.query-main.result-photo {
    position: relative;
}

    .query-main.result-photo:before {
        content: '';
        position: absolute;
        left: 0;
        top: 189px;
        width: 20%;
        height: 72px;
        background: #cccccc;
        z-index: 1;
    }

    .query-main.result-photo:after {
        content: '';
        position: absolute;
        left: 0;
        top: 266px;
        width: 20%;
        height: 67px;
        background: #fbc41f;
        z-index: 1;
    }

.query-main .result-outer {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

    .query-main .result-outer .rseult-total {
        font-size: 24px;
        color: #3a3a3a;
        margin-top: 70px;
        margin-bottom: 15px;
        padding-left: 10px;
    }

        .query-main .result-outer .rseult-total big {
            font-size: 36px;
            color: #8f1616;
        }

    .query-main .result-outer .search-list-condition {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .query-main .result-outer .search-list-condition .gray-bg {
            padding: 15px;
            background: #cccccc;
            -webkit-border-top-right-radius: 50px;
            -webkit-border-bottom-right-radius: 50px;
            -moz-border-radius-topright: 50px;
            -moz-border-radius-bottomright: 50px;
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
            width: 800px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            font-size: 18px;
            color: #3a3a3a;
        }

            .query-main .result-outer .search-list-condition .gray-bg .row {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                width: 100%;
            }

                .query-main .result-outer .search-list-condition .gray-bg .row .col01 {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                .query-main .result-outer .search-list-condition .gray-bg .row .col02 {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                }

                    .query-main .result-outer .search-list-condition .gray-bg .row .col02 .desc {
                        font-weight: 800;
                        margin-right: 10px;
                    }

                    .query-main .result-outer .search-list-condition .gray-bg .row .col02 input {
                        width: 300px;
                        border-radius: 50px;
                    }

            .query-main .result-outer .search-list-condition .gray-bg .radio-container {
                margin-bottom: 0;
                margin-right: 20px;
                padding-left: 35px;
            }

                .query-main .result-outer .search-list-condition .gray-bg .radio-container .checkmark {
                    background: #fff;
                }

            .query-main .result-outer .search-list-condition .gray-bg button {
                cursor: pointer;
                border-radius: 50px;
                min-width: 80px;
                padding: 7px;
                margin-left: 20px;
            }

                .query-main .result-outer .search-list-condition .gray-bg button.blue {
                    background: #6faff1;
                    color: #fff;
                    border: 2px solid #1e79a8;
                }

                    .query-main .result-outer .search-list-condition .gray-bg button.blue:hover {
                        background: #3e88d4;
                    }

                .query-main .result-outer .search-list-condition .gray-bg button.pink {
                    background: #faa097;
                    color: #fff;
                    border: 2px solid #d71c51;
                }

                    .query-main .result-outer .search-list-condition .gray-bg button.pink:hover {
                        background: #f37e72;
                    }

        .query-main .result-outer .search-list-condition .action {
            margin-left: 40px;
        }

            .query-main .result-outer .search-list-condition .action button {
                margin-right: 10px;
            }

                .query-main .result-outer .search-list-condition .action button.blue {
                    border-radius: 50px;
                    border: 2px solid #2cbfde;
                    background: #6fdaf1;
                    padding: 7px 15px;
                    cursor: pointer;
                    color: #fff;
                    font-size: 16px;
                }

                    .query-main .result-outer .search-list-condition .action button.blue:hover {
                        background: #02bcea;
                        border: 2px solid #0594c3;
                    }

                    .query-main .result-outer .search-list-condition .action button.blue.active {
                        background: #02bcea;
                        border: 2px solid #0594c3;
                    }

    .query-main .result-outer .search-list-pagination {
        margin-top: 5px;
    }

        .query-main .result-outer .search-list-pagination .yellow-bg {
            width: 1060px;
            background: #fbc41f;
            padding: 10px 40px 10px 10px;
            -webkit-border-top-right-radius: 50px;
            -webkit-border-bottom-right-radius: 50px;
            -moz-border-radius-topright: 50px;
            -moz-border-radius-bottomright: 50px;
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg {
                background: #e6e6e6;
                border-radius: 5px;
                padding: 5px;
                width: 100%;
            }

                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    font-size: 16px;
                    color: #3a3a3a;
                }

                    .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                    }

                        .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col:nth-child(1) .select-outer {
                            margin: 0 10px;
                            margin-right: 15px;
                        }

                        .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col i {
                            display: inline-block;
                            width: 40px;
                        }

                        .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col .select-outer {
                            min-width: 60px;
                            margin: 0 10px;
                        }

                        .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a {
                            display: inline-block;
                            width: 20px;
                            height: 20px;
                            margin: 0 5px;
                            background-repeat: no-repeat;
                        }

                            .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-first {
                                background: url(/Content/images/front/icon_first.png);
                            }

                                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-first.disable {
                                    background: url(/Content/images/front/icon_first_disable.png);
                                }

                                    .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-first.disable:hover {
                                        background: url(/Content/images/front/icon_first_disable.png);
                                    }

                                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-first:hover {
                                    background: url(/Content/images/front/icon_first_hover.png);
                                }

                            .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-prev {
                                background: url(/Content/images/front/icon_prev.png);
                            }

                                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-prev.disable {
                                    background: url(/Content/images/front/icon_prev_disable.png);
                                }

                                    .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-prev.disable:hover {
                                        background: url(/Content/images/front/icon_prev_disable.png);
                                    }

                                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-prev:hover {
                                    background: url(/Content/images/front/icon_prev_hover.png);
                                }

                            .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-next {
                                background: url(/Content/images/front/icon_next.png);
                            }

                                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-next.disable {
                                    background: url(/Content/images/front/icon_next_disable.png);
                                }

                                    .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-next.disable:hover {
                                        background: url(/Content/images/front/icon_next_disable.png);
                                    }

                                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-next:hover {
                                    background: url(/Content/images/front/icon_next_hover.png);
                                }

                            .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-last {
                                background: url(/Content/images/front/icon_last.png);
                            }

                                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-last.disable {
                                    background: url(/Content/images/front/icon_last_disable.png);
                                }

                                    .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-last.disable:hover {
                                        background: url(/Content/images/front/icon_last_disable.png);
                                    }

                                .query-main .result-outer .search-list-pagination .yellow-bg .gray-bg .row .col.pagination a.btn-last:hover {
                                    background: url(/Content/images/front/icon_last_hover.png);
                                }

    .query-main .result-outer .result-list-div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .query-main .result-outer .result-list-div .col01 {
            width: 1020px;
            padding-top: 20px;
        }

            .query-main .result-outer .result-list-div .col01 .sub-title {
                letter-spacing: 1px;
                font-size: 16px;
                color: #fff;
                background: #8a8a8a;
                padding: 5px 20px;
                margin-bottom: 5px;
            }

            .query-main .result-outer .result-list-div .col01 .result-list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin: 0 -5px;
            }

                .query-main .result-outer .result-list-div .col01 .result-list .item {
                    width: calc(25% - 10px);
                    margin: 5px;
                    background: #ebebeb;
                    text-align: center;
  padding: 15px 15px 20px 15px;
                }

                    .query-main .result-outer .result-list-div .col01 .result-list .item .img {
                        width: 202px;
                        height: 132px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        margin-bottom: 10px;
  position: relative;
}

.query-main .result-outer .result-list-div .col01 .result-list .item .img img {
  max-width: 185px;
  max-height: 120px;
  z-index: 2;
                    }

                        .query-main .result-outer .result-list-div .col01 .result-list .item .img.text {
                            color: #468fd9;
                            font-size: 21px;
                            outline: 2px solid #c9c9c9;
                        }

                        .query-main .result-outer .result-list-div .col01 .result-list .item .img.multi {
  /*background: url(/Content/images/front/img_multi.png) center no-repeat;
                                background-size: cover;*/
}

.query-main .result-outer .result-list-div .col01 .result-list .item .img.multi img:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.query-main .result-outer .result-list-div .col01 .result-list .item .img.multi img:nth-child(3) {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
                        }

                        .query-main .result-outer .result-list-div .col01 .result-list .item .img.single {
  /* background: url(/Content/images/front/img_single.png) center no-repeat;
                                background-size: cover;*/
}

.query-main .result-outer .result-list-div .col01 .result-list .item .img.two img:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.query-main .result-outer .result-list-div .col01 .result-list .item .img.two img:nth-child(2) {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
                        }

                    .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(2) {
                        font-size: 135px;
                        color: #e3e3e3;
                        width: 180px;
                        font-weight: 800;
                        display: none;
                    }

                    .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(3) {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        width: 550px;
                        display: none;
                    }

                        .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(3) .data-div {
                            display: -webkit-inline-box;
                            display: -ms-inline-flexbox;
                            display: inline-flex;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            font-size: 16px;
                            color: #272727;
                            margin-bottom: 5px;
                        }

                            .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(3) .data-div div:first-child {
                                margin-right: 5px;
                                background: #cbdbff;
                                border: 1px solid #a1b3fe;
                                width: 180px;
                                padding: 0px 5px;
                                text-align: right;
                            }

                            .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(3) .data-div div:last-child {
                                border: 1px solid #bbbbbb;
                                background: #fff;
                                width: 360px;
                                padding: 0px 5px;
                                text-align: left;
                            }

                            .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(3) .data-div .blue {
                                color: #37a8ff;
                            }

                    .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(4) {
                        width: 100%;
                    }

                        .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(4) .img {
                            margin: 0 auto;
                        }

                        .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(4) .desc {
                            margin-top: 10px;
                        }

                        .query-main .result-outer .result-list-div .col01 .result-list .item .item-col:nth-child(4) .action {
                            text-align: center;
                        }

                    .query-main .result-outer .result-list-div .col01 .result-list .item .desc {
                        color: #303030;
                        font-size: 14px;
                        letter-spacing: 2px;
                        margin-bottom: 10px;
                    }

                    .query-main .result-outer .result-list-div .col01 .result-list .item .action a {
                        border-radius: 50px;
                        border: 2px solid #2cbfde;
                        background: #6fdaf1;
                        padding: 2px 5px;
                        min-width: 155px;
                        display: inline-block;
                        cursor: pointer;
                        color: #fff;
                        font-size: 16px;
                    }

                        .query-main .result-outer .result-list-div .col01 .result-list .item .action a:hover {
                            background: #02bcea;
                            border: 2px solid #0594c3;
                        }

        .query-main .result-outer .result-list-div .col02 {
            width: 232px;
        }

            .query-main .result-outer .result-list-div .col02 .category-div .toggle {
                padding-left: 55px;
                margin-bottom: 5px;
            }

                .query-main .result-outer .result-list-div .col02 .category-div .toggle a {
                    display: inline-block;
                    font-size: 15px;
                    color: #2f89ee;
                }

                    .query-main .result-outer .result-list-div .col02 .category-div .toggle a:first-child {
                        margin-right: 35px;
                    }

                    .query-main .result-outer .result-list-div .col02 .category-div .toggle a:hover {
                        color: #fbc41f;
                    }

            .query-main .result-outer .result-list-div .col02 .category-div .category-list .item.active .item-title span {
                background: url(/Content/images/front/icon_yellow_open.png) center no-repeat;
            }

            .query-main .result-outer .result-list-div .col02 .category-div .category-list .item.active .item-list {
                display: block;
            }

            .query-main .result-outer .result-list-div .col02 .category-div .category-list .item.active .item-action {
                display: block;
            }

            .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-title {
                color: #1b1b1b;
                font-size: 15px;
                background: #f0ebe0;
                padding: 5px 20px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 5px;
                margin-top: 5px;
            }

                .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-title span {
                    cursor: pointer;
                    display: inline-block;
                    width: 21px;
                    height: 21px;
                    background: url(/Content/images/front/icon_yellow_close.png) center no-repeat;
                    margin-right: 10px;
                }

                .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-title b {
                    font-weight: 400;
                }

            .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-list {
                display: none;
                padding-left: 50px;
                margin-top: 10px;
            }

                .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-list a {
                    display: block;
                    color: #1b1b1b;
                    font-size: 15px;
                }

                    .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-list a span {
                        color: #2f89ee;
                    }

                    .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-list a:hover span {
                        color: #fbc41f;
                    }

            .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-action {
                text-align: right;
                font-size: 15px;
  margin: 20px 0 10px 0;
                display: none;
            }

                .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-action a {
                    color: #2f89ee;
                }

                    .query-main .result-outer .result-list-div .col02 .category-div .category-list .item .item-action a:hover {
                        color: #fbc41f;
                    }

.query-main.result-photo.text .result-outer .result-list-div .sub-title {
    position: relative;
}

    .query-main.result-photo.text .result-outer .result-list-div .sub-title:before {
        content: '';
        position: absolute;
        left: -50%;
        top: 0;
        width: 50%;
        height: 34px;
        background: #8a8a8a;
    }

.query-main.result-photo.text .result-outer .result-list-div .result-list .item.text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    margin-bottom: 8px;
    position: relative;
}

    .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text:before {
        content: '';
        position: absolute;
        left: -50%;
        top: 0;
        width: 50%;
        height: 100%;
        background: #ebebeb;
    }

    .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(2) {
        font-size: 135px;
        color: #e3e3e3;
        width: 180px;
        font-weight: 800;
        display: block;
    }

    .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 550px;
    }

        .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(3) .data-div {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 16px;
            color: #272727;
            margin-bottom: 5px;
        }

            .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(3) .data-div div:first-child {
                margin-right: 5px;
                background: #cbdbff;
                border: 1px solid #a1b3fe;
                width: 180px;
                padding: 0px 5px;
                text-align: right;
            }

            .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(3) .data-div div:last-child {
                border: 1px solid #bbbbbb;
                background: #fff;
                width: 360px;
                padding: 0px 5px;
                text-align: left;
                min-height: 26px;
            }

            .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(4) .data-div .blue {
                color: #37a8ff;
            }

    .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(4) {
        width: calc(100% - 180px - 550px - 13px);
    }

        .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(4) .desc {
            text-indent: -9999px;
        }

        .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(4) .img {
            margin: 0 auto;
        }

.query-main.result-detail:after {
    content: '';
    position: absolute;
    left: 0;
    top: 378px;
    width: 20%;
    height: 68px;
    background: #fbc41f;
    z-index: 1;
}

.query-main.result-detail .rseult-title {
    font-size: 24px;
    margin-top: 90px;
    padding-left: 10px;
}

.query-main.result-detail .search-list-pagination .row.add-padding {
    padding: 0 15px;
}

.query-main.result-detail .search-list-pagination .row .col .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
}

    .query-main.result-detail .search-list-pagination .row .col .pagination a {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        background-repeat: no-repeat;
    }

        .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-first {
            background: url(/Content/images/front/icon_first.png);
        }

            .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-first.disable {
                background: url(/Content/images/front/icon_first_disable.png);
            }

                .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-first.disable:hover {
                    background: url(/Content/images/front/icon_first_disable.png);
                }

            .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-first:hover {
                background: url(/Content/images/front/icon_first_hover.png);
            }

        .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-prev {
            background: url(/Content/images/front/icon_prev.png);
        }

            .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-prev.disable {
                background: url(/Content/images/front/icon_prev_disable.png);
            }

                .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-prev.disable:hover {
                    background: url(/Content/images/front/icon_prev_disable.png);
                }

            .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-prev:hover {
                background: url(/Content/images/front/icon_prev_hover.png);
            }

        .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-next {
            background: url(/Content/images/front/icon_next.png);
        }

            .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-next.disable {
                background: url(/Content/images/front/icon_next_disable.png);
            }

                .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-next.disable:hover {
                    background: url(/Content/images/front/icon_next_disable.png);
                }

            .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-next:hover {
                background: url(/Content/images/front/icon_next_hover.png);
            }

        .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-last {
            background: url(/Content/images/front/icon_last.png);
        }

            .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-last.disable {
                background: url(/Content/images/front/icon_last_disable.png);
            }

                .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-last.disable:hover {
                    background: url(/Content/images/front/icon_last_disable.png);
                }

            .query-main.result-detail .search-list-pagination .row .col .pagination a.btn-last:hover {
                background: url(/Content/images/front/icon_last_hover.png);
            }

.query-main.result-detail .search-list-pagination .row .col button.gray {
    border-radius: 50px;
    border: 2px solid #b4b4b4;
    background: #616161;
    padding: 5px 20px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}

    .query-main.result-detail .search-list-pagination .row .col button.gray:hover {
        background: #fbc41f;
        border: 2px solid #fff;
    }

.query-main.result-detail .result-detail-div {
    margin-top: 15px;
}

    .query-main.result-detail .result-detail-div .detail-row {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #ebebeb;
        padding: 10px;
    }

        .query-main.result-detail .result-detail-div .detail-row:before {
            content: '';
            position: absolute;
            left: -50%;
            top: 0;
            width: 50%;
            height: 100%;
            background: #ebebeb;
        }

        .query-main.result-detail .result-detail-div .detail-row .col01 {
            width: 745px;
            background: #ebebeb;
            padding-top: 25px;
        }

            .query-main.result-detail .result-detail-div .detail-row .col01 .data-div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 16px;
                color: #272727;
                margin-bottom: 5px;
            }

                .query-main.result-detail .result-detail-div .detail-row .col01 .data-div div:first-child {
                    margin-right: 5px;
                    background: #ffcbcb;
                    border: 1px solid #fea1a1;
                    width: 220px;
                    padding: 0px 5px;
                    text-align: right;
                }

                .query-main.result-detail .result-detail-div .detail-row .col01 .data-div div:last-child {
                    border: 1px solid #bbbbbb;
                    background: #fff;
                    width: 470px;
                    padding: 0px 5px;
                    text-align: left;
                    min-height:26px;
                }

                .query-main.result-detail .result-detail-div .detail-row .col01 .data-div .blue {
                    color: #37a8ff;
                }

        .query-main.result-detail .result-detail-div .detail-row .col02 {
            width: 310px;
            background: #fff;
        }

            .query-main.result-detail .result-detail-div .detail-row .col02 .scroller {
                overflow-x: hidden;
                overflow-y: auto;
                height: 920px;
            }

                .query-main.result-detail .result-detail-div .detail-row .col02 .scroller .img {
                    text-align: center;
                    margin: 10px 0;
                }

                    .query-main.result-detail .result-detail-div .detail-row .col02 .scroller .img.text {
                        width: 230px;
                        min-height: 200px;
                        margin: 10px auto;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        color: #468fd9;
                        font-size: 21px;
                        outline: 2px solid #c9c9c9;
                    }

                    .query-main.result-detail .result-detail-div .detail-row .col02 .scroller .img img {
                        width: 234px;
                    }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(2) .data-div div:first-child {
        padding-top: 2px;
    }

    .query-main.result-photo.text .result-outer .result-list-div .result-list .item.text .item-col:nth-child(2) .data-div div:last-child {
        padding-top: 2px;
    }

    .query-main .result-outer .result-list-div .col01 .result-list .item .action a {
        padding-top: 4px;
        height: 32px;
    }

    .query-main .result-outer .search-list-condition .action button.blue {
        padding-top: 9px;
        height: 42px;
    }
}
/*# sourceMappingURL=main.css.map */