@charset "utf-8";

/* 대형 데스크탑 */
@media (min-width: 1920px) {

}

/* 일반 데스크탑 */
@media (max-width: 1919px) {}

/* 소형 데스크탑 */
@media (max-width: 1439px) {

    /* header */
    .header {
        padding: 0 40px;
    }
    .logo {
        width: 100px;
    }
    .menu > li {
        font-size: 14px;
    }
    .menu > li > a {
        width: 130px;
    }
    .sub_menu {
        font-size: 14px;
        padding: 0px 0px 10px;
    }
    .ic_english {
        width: 25px;
    }

    /* footer */
    .footer {
        padding: 20px 0;
        font-size: 12px;
    }
    .footer>div>h1 {
        font-size: 14px;
    }
    .footer img {
        width: 80%; 
    }

    /* common */
    .inner {
        margin: 0 80px;
    }
    .main_font_blue {
        font-size: 20px;
    }
    .main_font_dark {
        font-size: 36px;
    } 
    .subpage_visual {
        margin-top: 130px;
        height: calc(100vh - 172px);
    }
    
    .subpage_visual .subpage_title {
        top: 130px;
    }
    .subpage_visual .subpage_title .subpage_route {
        font-size: 16px;
    }
    .subpage_visual .subpage_title.scrolled {
        top: 360px;
    }
    .subpage_visual .subpage_title .subpage_route svg {
        width: 20px;
        height: 20px;
    }
    .subpage_visual .subpage_title .subpage_route div:first-child::after {
        height: 16px;
        top: 4px;
    }
    .subpage_visual .subpage_title .route_name {
        font-size: 36px;
        margin-top: 20px;
    }
    .subpage_visual .subpage_img {
        margin: 40px;
        height: 500px;
    }
    .subpage_contents {
        padding-top: 100px;
    }
    .subpage_contents .subpage_contents_title {
        gap: 30px;
    }
    .sub_font_blue {
        font-size: 20px;
        padding: 4px 20px;
    }
    .sub_font_black {
        font-size: 32px;
    }
    .sub_section {
        padding-bottom: 200px;
    }
    .circle_small .circle_wrap {
        width: 32px;
        height: 32px;
    }
    .section {
        width: 100%;
        overflow: hidden;
    }


    /* main */
    .main_contents_02 .service_list ul li {
        padding: 20px;
    }
    .service_img{
        margin-top: 20px;
    }
    .main_contents_02 .service_list ul li a>div>div {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .main_contents_02 .service_list ul li a>div>p {
        font-size: 14px;
        height: 60px;
    }
    .notice_list li a>div {
        font-size: 18px;
        padding: 23px 10px;
    }
    .main_contents_04 .logo_slider .logo_track img {
        width: 160px;
    }
    .main_contents_05 ul li a div {
        padding: 14px;
    }
    .main_contents_05 ul li a div p {
        font-size: 16px;
    }
    .main_contents_05 ul li a div span {
        width: 30px;
        height: 30px;
    }

    /* 인사말 */
    .greeting_box {
        font-size: 18px;
    }
    .greeting_box_01 div {
        font-size: 24px;
    }
    .greeting_box_02 div {
        font-size: 24px;
    }
    .greeting_box_02 p {
        font-size: 18px;
    }

    /* 비전 */
    .vision_02_item_wrap {
        gap: 50px;
    }
    .vision_02_item_wrap .vision_02_item_01 {
        gap: 20px;
    }
    .vision_02_item_01 .vision_02_img_box .vision_02_img_title,
    .vision_02_item_03 .vision_02_img_box .vision_02_img_title {
        font-size: 24px;
    }
    .vision_02_item_01 .vision_02_img_box .vision_02_img_desc,
    .vision_02_item_03 .vision_02_img_box .vision_02_img_desc {
        font-size: 14px;
        line-height: 18px;
    }
    .vision_02_item_01 .vision_02_text_box .vision_02_text .vision_02_text_title,
    .vision_02_item_03 .vision_02_text_box .vision_02_text .vision_02_text_title {
        font-size: 16px;
    }
    .vision_02_item_01 .vision_02_text_box .vision_02_text .vision_02_text_desc,
    .vision_02_item_03 .vision_02_text_box .vision_02_text .vision_02_text_desc {
        font-size: 14px;
    }
    .vision_02_item_wrap .vision_img2_item_circle:nth-child(1),
    .vision_02_item_wrap .vision_img2_item_circle:nth-child(3) {
        top: 47.5%;
    }
    .vision_02_item_wrap .vision_img2_item_circle:nth-child(1) {
        left: -8px;
    }
    .vision_02_item_wrap .vision_img2_item_circle::before {
        width: 15px;
        height: 15px;
        margin-left: 3px;
        margin-top: 8px;
    }
    .vision_02_item_wrap .vision_img2_item_circle::after {
        width: 20px;
        height: 20px;
    }

    /* 연혁 */
    .history_card>div.history_text {
        font-size: 14px;
        line-height: 2.5;
    }
    .history_card>div.history_year .history_pic {
        width: 350px;
    }

    /* esg경영 */
    .esg_01 {
        font-size: 20px;
    }
    .esg_01 .esg_pic {
        margin: 80px 0;
    }
    .esg_01 .esg_pic img {
        width: 400px;
    }
    .esg_02 .esg_list_wrap .esg_list .esg_img {
        width: 90px;
    }
    .esg_02 .esg_list_wrap .esg_list .esg_text01 {
        font-size: 16px;
    }
    .esg_02 .esg_list_wrap .esg_list .esg_text01 div {
        font-size: 20px;
    }
    .esg_02 .esg_list_wrap .esg_list .esg_text02 {
        font-size: 14px;
    }
    .esg_03 {
        margin-top: 60px;
    }
    .esg_03 .esg_text03 {
        font-size: 20px;
    }
    .esg_03 .sign {
        margin-top: 60px;
    }
    .esg_03 .sign span {
        font-size: 16px;
    }
    .esg_03 .sign img {
        width: 80px;
    }

    /* ci */
    .ci {
        padding: 100px 0;
    }
    .ci_item .ci_text {
        font-size: 14px;
    }
    .ci_item .ci_title {
        width: 25%;
    }
    .ci_01_content .ci_01_content_logo span {
        font-size: 14px;
        width: 100px;
    }
    .ci_01_content .ci_01_content_logo div img {
        width: 80%;
    }
    .ci_02_content .ci_02_content_logo {
        padding: 30px 50px;
        gap: 25px;
    }
    .ci_02_content .ci_02_content_logo span {
        font-size: 14px;
        width: 100px;
    }
    .ci_03_content {
        margin-top: 70px;
    }
    .ci_03_content .ci_03_content_logo {
        gap: 30px;
    }
    .ci_03_content .ci_03_content_logo>span {
        font-size: 14px;
        width: 100px;
    }
    .ci_03_content .ci_03_content_logo .colorbox_text div {
        font-size: 14px;
    }
    .ci_03_content .ci_03_content_logo .colorbox_text div span {
        width: 60px;
    }

    /* 오시는길 */
    .location {
        margin: 60px 0;
    }
    .location .map {
        height: 400px;
    }
    .location_item_wrap .location_item {
        font-size: 12px;
        padding: 30px 15px;
    }
    .location_item_wrap .location_item i {
        width: 30px;
    }

    /* 사업분야 */
    .service_01 {
        margin-top: 0;
        padding: 80px 0;
    }
    .service_item .service_text {
        font-size: 14px;
    }
    .service_content .service_content_icon span {
        font-size: 14px;
        width: 100px;
    }

    /* 수주 */
    .success {
        margin: 70px 0;
    }
    .success ul {
        gap: 40px 20px;
    }
    .success_item {
        gap: 16px;
    }
    .success_item .success_name {
        font-size: 16px;
    }
    .success_item .success_text {
        margin-top: 0px;
        font-size: 13px;
    }

    /* 회사소식 */
    .notice {
        margin: 80px 0;
    }
    .notice_01 .slider_wrap .cert_slider .slide img {
        width: 350px;
    }
    .notice_01 .slider_wrap .cert_slider .slide div span {
        font-size: 20px;
    }
    .notice_01 .slick_prev {
        top: 95px;
    }
    .notice_01 .slick_next {
        top: 95px;
    }
    .notice_tabs {
        gap: 15px;
    }
    .notice_tabs button {
        font-size: 24px;
        padding: 15px 20px;
    }

    /* 홍보자료 */
    .promotion {
        margin-top: 60px;
    }
    .brochure_btn a {
        font-size: 16px;
    }
    .brochure_btn a button {
        margin-top: 50px;
    }
    .brochure_btn a button::after {
        width: 20px;
        height: 20px;
    }

    /* 채용정보 */
    .recruit {
        margin: 100px 0;
    }
    .recruit_card_wrap .recruit_card {
        padding: 20px;
    }
    .recruit_card_wrap .recruit_card .recruit_card_img {
        width: 60px;
    }
    .recruit_card_wrap .recruit_card .recruit_card_word {
        font-size: 24px;
    }
    .recruit_card_wrap .recruit_card .recruit_card_word span {
        font-size: 15px;
    }
    .recruit_card_wrap .recruit_card .recruit_card_p {
        font-size: 14px;
    }
    .recruit_block_wrap {
        margin-top: 40px;
    }
    .recruit_block_wrap .recruit_block {
        padding: 0 20px;
        gap: 15px;
    }
    .recruit_block_wrap .recruit_block .recruit_block_img {
        width: 60px;
    }
    .recruit_block_wrap .recruit_block .recruit_block_word {
        font-size: 24px;
    }
    .recruit_block_wrap .recruit_block .recruit_block_p li {
        margin-top: 6px;
        font-size: 14px;
    }
    .recruit_table table {
        font-size: 14px;
    }
    .recruit_table table tr td {
        line-height: 30px;
    }
    .recruit_btn a {
        font-size: 16px;
        padding: 14px 40px;
    }
    .recruit_btn a span {
        width: 20px;
        height: 20px;
    }

    /* 문의하기 */
    .qna {
        margin-top: 100px;
    }
    .qna .form_list li .contact_label {
        font-size: 16px;
    }
    .qna .form_list li.qna_text input, .qna .form_list li select, .qna .form_list li textarea {
        font-size: 14px;
    }
    .qna .form_list li.agree_textbox_wrap {
        font-size: 14px;
    }
    .qna .form_list li.qna_checkbox {
        font-size: 14px;
        margin: 20px 0;
    }
    .qna .form_list li.qna_checkbox input {
        width: 16px;
        height: 16px;
    }
    .inquiry_btn {
        margin: 30px 0;
    }
    .inquiry_btn button {
        padding: 20px 80px;
    }
}

/* 모바일 */
@media (max-width: 1023px) {

    body {
        min-width: 100%;
        overflow-x: hidden;
    }
    .container {
        min-width: 100%;
        overflow-x: hidden;
    }

    /* header */
    .header {
        padding: 0 25px;
    }
    .logo {
        margin-top: 24px;
        margin-bottom: 20px;
        width: 80px;
    }
    nav > ul.menu {
        display: none;
    }
    .ic_english {
        display: none;
    }
    .mo_menu {
        display: block;
        width: 25px;
        margin-top: 24px;
    }

    /* footer */
    .footer {
        font-size: 10px;
    }
    .footer>div>h1 {
        font-size: 12px;
    }
    .footer>div>.contact {
        flex-direction: column;
        gap: 0;
    }
    .footer>div>.contact>p::after {
        display: none;
    }

    /* common */
    .inner {
        margin: 0 20px;
    }
    .main_font_blue {
        font-size: 16px;
    }
    .main_font_dark {
        font-size: 24px;
    }
    .subpage_contents {
        padding-top: 70px;
    }
    .subpage_contents .subpage_contents_title {
        gap: 20px;
    }
    .sub_font_blue {
        font-size: 16px;
        padding: 2px 16px;
    }
    .sub_font_black {
        font-size: 20px;
    }
    .sub_section {
        padding-bottom: 100px;
    }

    /* main */
    .slogan-wrapper {
        font-size: 26px;
    }
    .slogan-wrapper .slogan {
        width: 90%;
        white-space: normal;
    }
    .main_contents_02 .service_list ul {
    }
    .main_contents_02 .service_list ul li {
        padding: 15px;
    }
    .main_contents_02 .service_list ul li a>div>div {
        font-size: 16px;
    }
    .main_contents_02 .service_list ul li a>div>p {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .main_contents_02 .service_list ul li a>div>.service_arrow {
        width: 30px;
        height: 30px;
    }
    .main_contents_02 .service_list ul li a>div>img.service_img {
        margin-bottom: 16px;
        height: auto;
    }
    .notice_list li a>div {
        font-size: 14px;
        padding: 18px 10px;
    }
    .notice_list li a>div>.notice_title {
        width: 60%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .notice_list li a>div>.notive_date {
        font-size: 11px;
    }
    .main_contents_04 .logo_slider .logo_track img {
        width: 200px;
    }
    .section_04 {
        height: 100%;
    }
    .section_04 .main_title_02 {
        margin-top: 20px;
    }
    .section_04 .clientbox {
        flex-direction: column;
        margin: 50px 0;
        gap: 50px;
    }
    .main_contents_04 {
        width: 100%;
    }
    .main_contents_04 .logo_slider {
            flex-direction: column;
    }
    .main_contents_04 .logo_slider .row_up {
    animation: mo-scroll-logos-up 30s linear infinite;
    flex-direction: row;
    }
    .main_contents_04 .logo_slider .row_down {
        animation: mo-scroll-logos-down 30s linear infinite;
        flex-direction: row;
    }
    .main_contents_04 .logo_slider .logo_track img {
        width: 180px;
        margin: 16px 0;
        object-fit: contain;
    }
    @keyframes mo-scroll-logos-up {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-100%);
        }
    }
    @keyframes mo-scroll-logos-down {
        0% {
            transform: translateX(-100%);
        }
        100% {
            transform: translateX(0%);
        }
    }
    .main_contents_05 ul {
        flex-direction: column;
    }
    .main_contents_05 ul li a div {
        padding: 12px;
    }
    .main_contents_05 ul li a div p {
        font-size: 14px;
    }
    .main_contents_05 ul li a div span {
        width: 20px;
        height: 20px;
    }

    /* 인사말 */
    .greeting_box {
        font-size: 16px;
    }
    .greeting_box_01 {
        padding: 0 20px;
    }
    .greeting_box_01 div {
        font-size: 20px;
    }
    .greeting_box_02 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .greeting_box_02 div {
        font-size: 20px;
    }
    .greeting_box_02 p {
        font-size: 16px;
    }
    .greeting_box_02 br {
        display: none;
    }
    .sign img {
        width: 80px;
    }

    /* 일반현황 */
    .status {
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .statusbox_wrap {
        flex-direction: column;
        width: 100%;
        gap: 5px;
        margin-top: 10px;
    }
    .statusbox_wrap .status_box {
        margin-top: 0;
        padding: 30px 0 20px;
    }
    .statusbox_wrap .status_box img {
        width: 50px;
    }
    .statusbox_wrap .status_box span {
        font-size: 18px;
    }
    .statusbox_wrap .status_box div {
        height: 50px;
        font-size: 18px;
    }
    .statusbox_wrap .status_box:last-child div {
        font-size: 16px;
        line-height: 20px;
    }
    .businessbox_wrap {
        flex-wrap: wrap;
    }
    .businessbox_wrap .business_box {
        width: 45%;
        padding: 20px;
        flex: none;
    }
    .businessbox_wrap .business_box:nth-child(2) {
        border: none;
    }
    .businessbox_wrap .business_box img {
        width: 80px;
    }
    .businessbox_wrap .business_box div {
        font-size: 18px;
        text-align: center;
    }

    /* 비전 및 현황 */
    .vision_01 {
        margin: 30px 0;
    }
    .vision_01 .vision_01_txt {
        margin: 0;
        font-size: 16px;
    }
    .vision_01 .vision_01_txt .vision_01_img {
        width: auto;
        padding: 20px;
    }
    .vision_01 .vision_01_txt .vision_01_bold {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .vision_01 .vision_img {
    }
    .vision_01 .vision_img img {
        width: 90%;
    }
    .vision_01 .vision_img:before {
        top: 50px;
    }
    .vision_01 .vision_box_wrap {
        max-width: 300px;
        flex-direction: column;
        gap: 10px;
    }
    .vision_01 .vision_box_wrap .vision_box {
        font-size: 14px;
    }
    .vision_01 .vision_img1_item_circle {
        top: -15px;
        left: 50%;
    }
    .vision_01 .vision_img1_item_circle:before {
        width: 10px;
        height: 10px;
        margin-top: -4px;
        margin-left: -5px;
    }
    .vision_01 .vision_img1_item_circle:after {
        width: 15px;
        height: 15px;
        margin-top: -7px;
        margin-left: -8px;
    }
    .vision_02_item_wrap {
        flex-direction: column;
        gap: 0;
    }
    .vision_02_item_wrap .vision_02_item_01,
    .vision_02_item_wrap .vision_02_item_03 {
        width: 100%;
        margin-top: 0;
    }
    .vision_02_item_01 .vision_02_img_box,
    .vision_02_item_03 .vision_02_img_box {
        width: 70%;
    }
    .vision_02_item_wrap .vision_02_item_02 {
        flex: none;
        height: 400px;
        margin-bottom: 50px;
    }
    .vision_img2_item_circle {
        display: none;
    }
    .vision_02_item_wrap .vision_02_item_02::before,
    .vision_02_item_wrap .vision_02_item_02::after {
        display: none;
    }

    /* 연혁 */
    .history_01{
        margin-top: 80px;
    }
    .history_01::before {
        display: none;
    }
    .history_card>div.history_year {
        width: 50px;
    }
    .history_card.history_card_left>div.history_year {
        align-items: flex-start;
    }
    .history_card>div.history_year .history_pic {
        display: none;
    }
    .history_card {
        gap: 8px;
        margin-bottom: 50px;
    }
    .history_card.history_card_right {
        flex-direction: row;
    }
    .history_card.history_card_right>div.history_text {
        text-align: left;
        align-items: flex-start;
    }
    .history_card>div.history_year .history_pic {
    }
    .history_card>div.history_line {
        position: relative;
        top: 10px;
        left: 12px;
    }
    .history_card>div.history_text {
        font-size: 12px;
        line-height: 2;
    }

    /* esg경영 */
    .esg_01 {
        font-size: 14px;
    }
    .esg_01 .esg_pic {
        margin: 60px 0;
    }
    .esg_01 .esg_pic img {
        width: 100%;
    }
    .esg_02 .esg_list_wrap {
        flex-direction: column;
    }
    .esg_02 .esg_list_wrap .esg_list {
        padding: 30px 20px 20px;
    }
    .esg_02 .esg_list_wrap .esg_list .esg_img {
        width: 80px;
    }
    .esg_02 .esg_list_wrap .esg_list .esg_text02 {
        margin-top: 20px;
        line-height: 1.4;
    }
    .esg_03 {
        margin-top: 40px;
    }
    .esg_03 .esg_text03 {
        font-size: 14px;
    }
    .esg_03 .esg_text03 br {
        display: none;
    }
    .esg_03 .sign {
        margin-top: 40px;
    }
    .esg_03 .sign span {
        font-size: 12px;
    }
    .esg_03 .sign img {
        width: 60px;
    }

    /* ci */
    .ci {
        padding: 50px 0;
    }
    .ci_item {
        flex-direction: column;
        gap: 15px;
    }
    .ci_01_content {
        margin-top: 50px;
        gap: 0;
    }
    .ci_01_content .ci_01_content_logo {
        width: 50%;
    }
    .ci_02_content {
        margin-top: 30px;
    }
    .ci_02_content .ci_02_content_logo {
        width: 33.3%;
        padding: 10px;
        gap: 10px;
    }
    .ci_02_content .ci_02_content_logo span {
        font-size: 10px;
        width: 65px;
        padding: 5px 20px;
    }
    .ci_03_content {
        flex-wrap: wrap;
        gap: 20px 0;
        margin-top: 30px;
    }
    .ci_03_content .ci_03_content_logo {
        gap: 10px;
    }
    .ci_03_content .ci_03_content_logo>span {
        font-size: 10px;
    }
    .ci_03_content .ci_03_content_logo .colorbox_text div {
        font-size: 10px;
    }

    /* 오시는길 */
    .location_item_wrap {
        flex-wrap: wrap;
    }

    /* 사업분야 */
    .service {
        padding: 40px 0;
    }
    .service_item {
        flex-direction: column;
        gap: 10px;
    }
    .service_01 {
        padding: 60px 0;
    }
    .service_item .service_text {
        font-size: 12px;
    }
    .service_content {
        margin-top: 40px;
    }
    .service_content .service_content_icon span {
        font-size: 10px;
        padding: 8px 15px;
        width: auto;
    }
    .service_content .service_content_icon div {
        width: 80%;
    }

    /* 수주 */
    .success {
        flex-direction: column;
        margin: 30px 0;
    }
    .success_list_tab {
        display: none;
    }
    /*모바일 탭*/
    .mobile_success_list_tab {
        position: relative;
        display: block;
        z-index: 999;
        color: #333;
        margin: 10px;
    }
    .mobile_success_list_tab .dropdown-button {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 10px;
        cursor: pointer;
    }
    .mobile_success_list_tab .tab_list {
        display: none;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        border-top: none;
        border-radius: 0 0 4px 4px;
        width: calc(100% - 2px);
        max-height: 200px;
        overflow-y: auto;
        margin-top: -1px;
        z-index: 1;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .mobile_success_list_tab .tab_list.active {
        display: block;
    }
    .mobile_success_list_tab .dropdown-option {
        padding: 10px;
        transition: background-color 0.3s;
        cursor: pointer;
    }
    .mobile_success_list_tab .dropdown-option a {
        display: block;
    }
    .mobile_success_list_tab .dropdown-option:hover {
        background-color: #ddd;
    }

    .success_list {
        flex-direction: column;
    }
    .success ul {
        gap: 0;
    }
    .success_list .success_item {
        width: 100%;
    }

    /* 회사소식 */
    .notice {
        margin: 40px 0;
    }
    .notice_01 .slider_wrap .cert_slider {
        margin-top: 30px;
    }
    .notice_01 .slider_wrap .cert_slider .slide {
        flex-direction: column;
    }
    .notice_01 .slider_wrap .cert_slider .slide .slide_img {
        width: 100%;
        height: 100%;
    }
    .notice_01 .slider_wrap .cert_slider .slide .slide_text {
        width: 100%;
    }
    .notice_01 .slider_wrap .cert_slider .slide .slide_text span {
        font-size: 14px;
    }
    .notice_01 .slider_wrap .cert_slider .slide .slide_text span.slide_span_01 {
        width: 80px;
    }
    .notice_01 .slider_wrap .cert_slider .slide .slide_text span.slide_span_02 {
        width: 60px;
    }
    .notice_01 .slider_wrap .cert_slider .slide .slide_text div {
        font-size: 16px;
    }
    .notice_01 .slider_wrap .cert_slider .slide .slide_text div br {
        display: none;
    }
    .notice_01 .slider_wrap .cert_slider .slide .slide_text .caption {
        display: none;
    }
    .notice_tabs {
        gap: auto;
    }
    .notice_tabs button {
        font-size: 16px;
        padding: 15px 20px;
    }

    /* 채용정보 */
    .recruit {
        margin: 60px 0;
    }
    .recruit_card_wrap {
        flex-wrap: wrap;
    }
    .recruit_block_wrap {
        flex-wrap: wrap;
        width: 100%;
        gap: 30px;
    }
    .recruit_card_wrap .recruit_card {
        flex: none;
        width: 100%;
    }
    .recruit_block_wrap .recruit_block {
        min-width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #eee;
        padding: 0px 20px 50px;
    }
    .recruit_block_wrap .recruit_block .recruit_block_p li {
        font-size: 12px;
    }
    .recruit_table {
        width: 100%;
        overflow-x: scroll;
    }
    .recruit_table table {
        font-size: 11px;
    }
    .recruit_table table tr td {
        line-height: 20px;
        padding: 10px;
    }

    /* 문의하기 */
    .qna {
        margin-top: 50px;
    }
    .qna .form_list  {
        flex-direction: column;
    }
    .qna .form_list li {
        width: 100%;
    }
    .qna .form_list li.agree_textbox_wrap {
        font-size: 10px;
    }
    .qna .form_list li .agree_textbox {
        padding: 10px;
    }
    .qna .form_list li.qna_checkbox {
        margin: 10px 0;
        font-size: 12px;
    }
    .qna .form_list li.qna_text input, .qna .form_list li select, .qna .form_list li textarea {
        font-size: 12px;
    }
}