@charset "UTF-8";
@import url('./my.css');

/* ============================================ common */
.pointer {cursor: pointer; }
/* ============================================ */

/*============================================================================================ info & coupon */
/* =============== info btn box =============== */
#page_mypage .wrap_btn{ width: auto; margin-left: auto;}
#page_mypage .wrap_btn .btn{ height: 50px; }

/* =============== info first box =============== */
#page_mypage .box_status { height: 120px; background: #373F57; }
#page_mypage .box_status * { color: #fff;}
#page_mypage .box_status li{ flex: 1; flex-flow: row wrap; font-weight: 700; font-size: 22px; }
#page_mypage .box_status li:nth-of-type(-n+2){ border-right: 1px solid rgba(255, 255, 255, .3); }
#page_mypage .box_status li::before{ content: attr(title); font-weight: 500; font-size: 14px; }

/* =============== info second box =============== */
#page_mypage .wrap_content .box_use > p{
    display: inline-flex; align-items: center;
    height: 36px; margin-right: 10px; margin-bottom: 7.8px; padding: 0 15px; border: 1px solid #DDD; border-radius: 20px;
    font-weight: 500; font-size: 14px;
}
#page_mypage .wrap_content .box_use > p span{ margin-left: 10px;}
#page_mypage .wrap_content .box_use ul{ margin: 7.5px 0 40px; background: #F1F1F1; }
#page_mypage .wrap_content .box_use li{ flex: 1;}

/* =============== info third box =============== */
#page_mypage .wrap_content .box_inquiry ul{ background: #EDF0F9; }


/* =============== (info & coupon) content =============== */
#page_mypage .wrap_content ul{ display: flex; border-radius: 5px;}
#page_mypage .wrap_content ul.soldOut { text-decoration: line-through; background-color: #ededed; }
#page_mypage .wrap_content ul li.mg-center { margin: 0 auto; }

#page_mypage .wrap_content ul:not(.box_status) li{ align-items: center; }
#page_mypage .wrap_content ul:not(.box_status) b{ font-size: 16px; color: #222; }
#page_mypage .wrap_content ul:not(.box_status) a{ display: flex; align-items: center; color: #666; }
#page_mypage .wrap_content ul:not(.box_status) a:after{
    display: inline-block; width: 24px; height: 36px;
    background: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.24264 1.75736L5.48528 6L1.24264 10.2426' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center; content: '';
}
/*============================================================================================ info & coupon */


/*============================================================================================ coupon */
#page_mypage .wrap_content.coupon .box_coupon {
    display: flex;
    border: 1px solid #DDD;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    align-items: center;
    padding: 42px 56px;
    margin-bottom: 20px;
}

#page_mypage .wrap_content.coupon .box_coupon input {
    height: 40px;
    margin: 0 10px 0 auto;
    width: calc(100% - 260px);
    max-width: 636px;
}
#page_mypage .wrap_content.coupon .box_coupon button{
    width: 160px; height: 40px;
    border: 1px solid #DDD; border-radius: 4px;
    color: #fff;
}

#page_mypage .wrap_content.coupon b {
    display: block;
    width: 100%;
    padding-bottom: 12px;
    font-size: 16px;
    border-bottom: 1px solid #DDD;
}
#page_mypage .wrap_content.coupon > p{ font-size: 14px; line-height: 170%; }


/* wrap_list */
#page_mypage .wrap_content.coupon .wrap_list{ margin-bottom: 30px;}
#page_mypage .wrap_content.coupon .wrap_list li:nth-of-type(1){width: 55%; }
#page_mypage .wrap_content.coupon .wrap_list li:nth-of-type(3){ width: 25%;}
#page_mypage .wrap_content.coupon .wrap_list li:nth-of-type(even){width: 10%; }

#page_mypage .wrap_content.coupon .wrap_list #couponList ul.pointer{ cursor: pointer; }
#page_mypage .wrap_content.coupon .wrap_list #couponList ul:hover{ background-color: #5682ff12; }
/*============================================================================================ coupon */


/*============================================================================================ userDetail */
#page_mypage .wrap_content.userDetail { width: 500px; }
#page_mypage .wrap_content.userDetail .label-title { display: block; margin: 30px 0 10px; font-size: 14px; font-weight: bold; }
#page_mypage .wrap_content.userDetail label { display: inline-flex; align-items: center; }
#page_mypage .wrap_content.userDetail label:not(.label_radio) { flex: 1; }
#page_mypage .wrap_content.userDetail input:not([type="radio"], [type="checkbox"]),
#page_mypage .wrap_content.userDetail select{
    width: 100%; height: 50px; padding: 0 15px; border-radius: 5px; font-size: 15px;
}
#page_mypage .wrap_content.userDetail input:read-only { background: none; }
#page_mypage .wrap_content.userDetail input[type="radio"] { width: 16px; height: 16px; margin-right: 8px; }

/* label_input */
#page_mypage .wrap_content.userDetail .label_input {
    width: 100%; height: 50px; padding-right: 10px;
    background: #fff; border: 1px solid #DDD; border-radius: 3px;
}
#page_mypage .wrap_content.userDetail .label_input input { border: none; }
#page_mypage .wrap_content.userDetail .label_input .btn {
    width: 78px; line-height: 32px; font-weight: 300;font-size: 12px;
}

/* label_vericode */
#page_mypage .wrap_content.userDetail .label_vericode{ width: 100%; margin-top: 10px; }
#page_mypage .wrap_content.userDetail .label_vericode .t_red { margin-left: 12px; }
/* label_gender */
#page_mypage .wrap_content.userDetail .label_gender { margin-right: 30px; }
/* label_radio */
#page_mypage .wrap_content.userDetail .label_radio { font-size: 15px; font-weight: 500; color: #222; cursor: pointer; }

/* wraps */
#page_mypage .wrap_content.userDetail .wrap_input{display: flex; align-items: center;}
#page_mypage .wrap_content.userDetail .wrap_email input { margin: 0 5px 0 5px; }
#page_mypage .wrap_content.userDetail .wrap_address { flex-flow: column nowrap; }
#page_mypage .wrap_content.userDetail .wrap_address > input { margin-top: 10px; }
#page_mypage .wrap_content.userDetail .wrap_address .btn { width: 104px; }
#page_mypage .wrap_content.userDetail .wrap_phone {
    display: flex; align-items: center; max-width: 378px;
    border: 1px solid #ddd; border-radius: 3px;
}
#page_mypage .wrap_content.userDetail .wrap_phone + .b_gray{ width: 104px;    line-height: 32px; margin-left: 10px; font-weight: 300;font-size: 12px; }
#page_mypage .wrap_content.userDetail .wrap_phone > * { border: none; }
#page_mypage .wrap_content.userDetail .wrap_phone input{ text-align: center; }

/* wrap_btn */
#page_mypage .wrap_content.userDetail .b_dgreen{ width: 200px; height: 60px; margin-top: 30px; }
/*============================================================================================ userDetail */

/*============================================================================================ myOrder */
/* === page_myorder === */
/* box_preview */
.page_myorder .box_preview{
    display: flex; align-items: center; justify-content: center;
    width: 100%; border: 1px solid #DDD; border-radius: 20px;
}
.page_myorder .box_preview li{
    display: flex; flex-flow: column nowrap; align-items: center; justify-content: flex-end; flex: 1;
    font-size: 14px;
}

.page_myorder .wrap_content > p{
    border: 1px solid #DDD; border-radius: 20px; font-size: 13px; line-height: 170%;
}

/* wrap_filter */
.page_myorder .wrap_filter{ display: flex; flex-flow: row wrap; align-items: center; border-bottom: 1px solid #DDD; }
.page_myorder .wrap_filter *{ font-size: 14px;}
.page_myorder .wrap_filter .b_gray{ height: 28px; border-radius: 10px; font-size: 13px; font-weight: 300;}
.page_myorder .wrap_filter p{ color: #828282; }
.page_myorder .wrap_filter button[name="btn_filter"]{ color: #585858; }
.page_myorder .wrap_filter button[name="btn_filter"].active{ font-weight: 900; }
.page_myorder .wrap_filter select{ width: 56px; height: 24px; margin-right: 6px; }
.page_myorder .wrap_filter select[name="year"]{width: 84px;}
.page_myorder #btn_search{
    width: 64px; height: 24px;
    background: #DDD; border-radius: 4px; font-size: 13px;
}

/* wrap_list */
.page_myorder .wrap_list li:nth-of-type(1) a{ text-decoration: underline; color: #585858; }

/*============================================================================================ myOrder */


/*============================================================================================ inquiry */
/********************************************** list */
#page_mypage .maxWidth h2.qna_title {display:block;}
#page_mypage .maxWidth h2 .qna_subtit {margin-top:5px; font-size:10px;}

/* wrap_filter */
#page_mypage .maxWidth .myinquiry .wrap_filter{
    display: flex; flex-flow: row wrap; align-items: center; border: 1px solid #DDD; border-radius: 20px;
}
#page_mypage .maxWidth .myinquiry .wrap_filter select{ height: 34px;}
#page_mypage .maxWidth .myinquiry .wrap_filter > div{ flex: 1; display: flex; align-items: center;}
#page_mypage .maxWidth .myinquiry .wrap_filter input{ height: 34px; padding: 0 12px; }
#page_mypage .maxWidth .myinquiry .wrap_filter .b_gray{ border-radius: 10px; font-size: 13px; font-weight: 300; }

/* wrap_list */
#page_mypage .wrap_content.myinquiry .wrap_list ul:not(.title){ cursor: pointer;}
#page_mypage .wrap_content.myinquiry .wrap_list .b_dgreen{
    width: 100px; line-height: 28px; color: #fff; font-size: 13px; font-weight: 300;
}

/* wrap_btn */
#page_mypage .wrap_content.myinquiry .wrap_btn{justify-content: flex-start; }
#page_mypage .wrap_content.myinquiry .wrap_btn > button{ width: 88px; height: 28px; font-size: 13px; }
#page_mypage .wrap_content.myinquiry .wrap_btn > button:not(.b_gray, .b_red){border: 1px solid #D8D8D8; background: #EEE; }
#page_mypage .wrap_content.myinquiry .wrap_btn > .b_gray{ margin-right: 10px; }
#page_mypage .wrap_content.myinquiry .wrap_btn > .b_red{ margin-left: auto; background: #DD4343; border: 1px solid #DDD; border-radius:0 !important; transition:.3s; }
#page_mypage .wrap_content.myinquiry .wrap_btn > .b_red:hover { background: #933131; }

/* 비밀번호 모달 */
#page_mypage .popup .wrap_popup .modal_input { width: 100%; margin: 30px 0 40px; max-width: 410px; height: 40px; border-radius: 3px; padding-left: 10px; }

/* 하단 검색박스 */
.searchBox{ text-align: right; font-size: 0; padding: 0.7rem 0; width: 100%; }
.searchBox > div{ display: inline-block; }
.searchBox span{ display: inline-block; }
.searchBox .selectBox{ width: 8rem; margin-right: 1.2rem; }
.selectBox select{ width: 100%; height: 1.4rem; line-height: 1.3rem; padding: 0 7px; border: 1px solid #ddd; }
.searchBox .txtWInput{ width: 17.5rem; }
.searchBox .txtWInput input{ height: 1.4rem; line-height: 1.3rem; border: 1px solid #ddd;}
.searchBox .txtWBtn button{ display: inline-block; padding: 0 0.55rem; color: #fff; background-color: #666; height: 1.4rem; line-height: 1.3rem; }

@media (max-width: 768px) {
    .searchBox{ position: relative; bottom: inherit; padding: 14px 5.8%; margin-bottom: 40px; width: calc(100% + 32px); left: -16px; }
    .searchBox .selectBox{ width: 29%; margin-right: 3.2%; }
    .searchBox .txtWBox{ width: calc(100% - 29% - 3.2%); }
    .searchBox .txtWInput{ width: calc(100% - 40px); }
    .searchBox .txtWInput input{ line-height: 26px; height: 28px; font-size: 12px; }
    .searchBox .txtWBtn button{ width: 40px; line-height: 26px; height: 28px; font-size: 13px; }
    .selectBox select{ line-height: 26px; height: 28px; font-size: 12px; }
}
/* ========================== responsive */
@media screen and (min-width: 1025px){
    /* === page_myinquiry === */
    #page_mypage .wrap_content.myinquiry .box_color{ display: flex; justify-content: flex-end; flex: 1; }

    /* wrap_filter */
    #page_mypage .wrap_content.myinquiry .wrap_filter{ padding: 18px 28px; margin-bottom: 16px;}
    #page_mypage .wrap_content.myinquiry .wrap_filter b{ margin-right: 10px;}
    #page_mypage .wrap_content.myinquiry .wrap_filter select{margin-right: 12px;}
    #page_mypage .wrap_content.myinquiry .wrap_filter select:nth-of-type(odd){ width: 98px;}
    #page_mypage .wrap_content.myinquiry .wrap_filter select:nth-of-type(even){ width: 116px;}
    #page_mypage .wrap_content.myinquiry .wrap_filter > div{ padding-left: 20px;}
    #page_mypage .wrap_content.myinquiry .wrap_filter input{ flex: 1; }
    #page_mypage .wrap_content.myinquiry .wrap_filter .b_gray{ width: 80px; height: 28px; margin-left: 6px; }

    /* wrap_list */
    #page_mypage .wrap_content.myinquiry .wrap_list .title {background:#ECECEC; color:#828282; border-top:1px solid#666;}
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(1){ width: 5%;}
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(2){ width: 10%;}
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(3){ width: 55%; }
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(4){ width: 10%; }
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(5){ width: 10%; }
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(6){ width: 10%; }
    #page_mypage .wrap_content.myinquiry .wrap_list{ margin-bottom: 25px;}

    #page_mypage .wrap_content.myinquiry .wrap_list #dataList li:nth-of-type(3){ text-align: left; }

    #page_mypage .wrap_filter > select{width: 446px;}


    /* === page myOrder === */
    /* box_preview */
    .page_myorder .box_preview li{ max-width: 160px; height: 168px; padding-bottom: 25px;}
    .page_myorder .box_preview li:nth-of-type(1) img{ width: 64px; margin-bottom: 5px;}
    .page_myorder .box_preview li:nth-of-type(2) img{ margin-bottom: 15px;}
    .page_myorder .box_preview li:nth-of-type(3) img{ margin-bottom: 10px;}
    .page_myorder .box_preview li:nth-of-type(4) img{ margin-bottom: 10px;}
    .page_myorder .box_preview li:nth-of-type(5) img{ margin-bottom: 10px;}

    .page_myorder .wrap_content > p{ margin-top: 16px;padding: 20px 36px 18px;}

    /* wrap_filter */
    .page_myorder .wrap_filter{ padding: 18px 0 8px}
    .page_myorder .wrap_filter p{ margin: 0 8px 0 25px;}
    .page_myorder .wrap_filter button[name="btn_filter"]{ margin-left: 10px; }
    .page_myorder .wrap_filter .b_gray{width: 90px;}

    /* wrap_list */
    .page_myorder .wrap_list li:nth-of-type(1){ width: 20%; }
    .page_myorder .wrap_list li:nth-of-type(2){ width: 42.5%; }
    .page_myorder .wrap_list li:nth-of-type(n+3){ width: 12.5%; }
}
@media screen and (max-width: 1600px){
    #page_mypage .wrap_content.myinquiry .wrap_filter > div{ width: 100%; padding-left: 0; margin-top: 10px;}

    #page_mypage .wrap_filter > select{width: calc(100% - 42px); margin: 0; }

    /* === page_myorder === */
    .page_myorder .wrap_filter div{ display: flex; justify-content: flex-end; width: 100%; }
    .page_myorder .wrap_filter div *{ margin-top: 10px; }
    .page_myorder .wrap_filter select:first-of-type{ margin-left: auto;}
}
@media screen and (max-width: 1024px){
    /* === page_myinquiry === */
    #page_mypage .wrap_content.myinquiry .box_color{ padding-left: 16px;}

    /* wrap_filter */
    #page_mypage .wrap_content.myinquiry .wrap_filter{ margin-bottom: 24px; padding: 35px 28px 26px;}
    #page_mypage .wrap_content.myinquiry .wrap_filter > *:not(div){ margin-bottom: 6px !important; }
    #page_mypage .wrap_content.myinquiry .wrap_filter b{ width: 50px; }
    #page_mypage .wrap_content.myinquiry .wrap_filter > select{ width: calc(100% - 50px) !important; }
    #page_mypage .wrap_content.myinquiry .wrap_filter > div{ flex-flow: column nowrap; margin-top: 4px; }
    #page_mypage .wrap_content.myinquiry .wrap_filter > div *{ width: 100%;}
    #page_mypage .wrap_content.myinquiry .wrap_filter input{ margin: 10px 0 8px;}
    #page_mypage .wrap_content.myinquiry .wrap_filter .b_gray{height: 34px;}

    /* wrap_list */
    #page_mypage .wrap_content.myinquiry .wrap_list{ margin-bottom: 16px;}
    #page_mypage .wrap_content.myinquiry .wrap_list ul { padding: 30px 0 22px 42px; }
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(1){ position: absolute; top: 32px; left: 15px; }
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(3){ margin: 0 auto; }
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(5){ margin: 20px 0 14px; }
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(6):after{ content: '~'; margin: 0 6px; }
    #page_mypage .wrap_content.myinquiry .wrap_list li:nth-of-type(8){width: 100px; margin-left: auto;}

    /* === page_myorder === */
    /* box_preview */
    .page_myorder .box_preview li{ height: 110px; padding-bottom: 20px;}
    .page_myorder .box_preview li:nth-of-type(1) img{ width: 40px; margin-bottom: 4px; }
    .page_myorder .box_preview li:nth-of-type(2) img{ width: 45px; margin-bottom: 8px; }
    .page_myorder .box_preview li:nth-of-type(3) img{ width: 55px; margin-bottom: 5px;}
    .page_myorder .box_preview li:nth-of-type(4) img{ width: 48px; margin-bottom: 6px; }
    .page_myorder .box_preview li:nth-of-type(5) img{ width: 46px; margin-bottom: 6px;}

    .page_myorder .wrap_content > p{ margin-top: 14px; padding: 20px 15px 16px; }

    /* wrap_filter */
    .page_myorder .wrap_filter{ padding: 38px 0 20px; }
    .page_myorder .wrap_filter button[name="btn_filter"]{ flex: 1; max-width: 70px;}
    .page_myorder .wrap_filter .b_gray{width: 84px;}

    /* wrap_list */
    .page_myorder .wrap_list ul{padding: 26px 16px 14px;}
    .page_myorder .wrap_list li:nth-of-type(2){ margin: 18px 0 26px;}
    .page_myorder .wrap_list li:nth-of-type(4){ margin: 0 auto;}
}
@media screen and (max-width: 900px){
    .wrap_list {border-top: 1px solid#aaa;}
    #page_mypage .wrap_content.myinquiry .wrap_list ul.title ,
    #page_mypage .wrap_content.myinquiry .wrap_list li:not(.mobile_data) { display: none; }
    #page_mypage .wrap_content.myinquiry .wrap_list ul {display:flex; justify-content: space-between; padding:20px 0;}
    #page_mypage .wrap_content.myinquiry .wrap_list ul.title_answer {}
    #page_mypage .wrap_content.myinquiry .wrap_list li.mobile_data { text-align: left; font-size: 14px; color: #828282; padding: 0; margin: 0; }
    .wrap_list .title li {font-size:12px; color:#111;}
    .wrap_list li.row01 {width:auto;}
    .wrap_list li.date {color:#666; font-size:10px;}
    .wrap_list li > img {margin-right:5px;}
    #page_mypage .wrap_content.myinquiry .wrap_list .b_dgreen {width:34px; height:18px; font-size:10px; border-radius:3px; line-height: 18px;}
    #page_mypage .wrap_content.myinquiry .wrap_btn {margin-top:20px; margin-bottom:70px;}
    #page_mypage .wrap_content.myinquiry .right_btn > .b_red, #page_mypage .wrap_content.myinquiry .right_btn > .b_grey {width:90px !important; height:26px !important; font-size:14px;}
}

/********************************************** view */
/*view_wrap*/
.view_wrap {}
.view_wrap .view_section {border-top:1px solid#222; border-bottom:1px solid#ddd;}
.view_wrap .view_section div .view_row {display:flex; border-bottom:1px solid#DDD;}

.view_wrap .view_section01 {margin-bottom:40px;}
.view_wrap .view_section01 .view_section01_top {position:relative;}
.view_wrap .view_section01 div .view_row .view_data { padding:20px; }
.view_wrap .view_section01 div .view_row > div > span {font-size:14px;}
.view_wrap .view_section01 div .view_row > div > span > a { display: block; }

.view_wrap .view_section01 div .view_row .view_row_title {width:10%; background: #EAEAEA; text-align:center;}
.view_wrap .view_section01 div .view_row .view_row_con {width:90%;  background: #FAFAFA;}
.view_wrap .view_section01 div .view_row .view_row_con .date {position:absolute; right:25px;}

.view_wrap .view_section01 div .view_row .view_row_half { width: 50%; display: inline-flex; }
.view_wrap .view_section01 div .view_row .view_row_half .view_data.view_row_title { width:20%; background: #EAEAEA; text-align:center;}
.view_wrap .view_section01 div .view_row .view_row_half .view_data.view_row_con { width:80%;  background: #FAFAFA; }

.view_wrap .view_section .view_section_bottom {display:flex; align-items: center; width:100%; min-height:170px; padding:0 20px;}
.view_wrap .view_section .view_section_bottom > p {width:100%;}
.view_wrap .view_section02 {}
.view_wrap .view_section02 .view_section02_top .view_row {display:flex; justify-content: space-between; padding:20px; background: #E9F4FD;}
.view_wrap .view_section02 .view_section02_top .view_row .view_row_title .answer {font-size:16px; font-weight:500; color:#222;}
.view_wrap .view_section02 .view_section02_top .view_row .view_row_con span {font-size:14px;}

/********************************************** modify */
/*write_wrap*/
.write_wrap {border-top:1px solid#ddd;}
.write_wrap .write_section {display:flex; border-bottom: 1px solid#ddd;; }
.write_wrap .write_section > div { }
.write_wrap .write_section > .write_title { display:flex; align-items: center; justify-content: center;; width:10%; background: #EAEAEA; color:#222;}
.write_wrap .write_section > .write_con {width:90%; padding:20px 35px; background: #FAFAFA;}
.write_wrap .write_section > .write_con > span {font-size:15px;}
.write_wrap .write_section > .write_con .write_select {width:210px; padding:5px; background-color:#FFF !important; }
.write_wrap .write_section > .write_con .write_select{ background:url(/images/sub/selectArr.png) 95% 50% no-repeat;}
.write_wrap .write_section > .write_con input.w_subject {width:100%; height:40px;}
.write_wrap .write_section > .write_con textarea {width:100%; min-height:300px; padding:15px; border:1px solid#DDD }
.write_wrap .write_section > .write_con input.input_file { display: none; }
.write_wrap .write_section > .write_con .file_btn { display:inline-block; position:relative; padding:5px 15px; cursor: pointer; background:#8C8C8C; color:#FFF; overflow: hidden; }
.write_wrap .write_section > .write_con .file_btn span {color:#FFF;}
::-webkit-file-upload-button { cursor:pointer; }
.write_wrap .write_section > .write_con .file_tit {color:#8C8C8C; font-size:16px; font-weight:350;}


/* view & modify button */
#page_mypage .right_btn { margin-top:50px; justify-content: flex-end !important; }
#page_mypage .right_btn button { width: 120px; }
#page_mypage .right_btn .b_grey {background:#DDD; color:#222; border:0;}
#page_mypage .right_btn .b_red { background: #DD4343; color:#fff; border:0; margin-right: 10px; }
#page_mypage .right_btn .b_blue { background: #008fff; color:#fff; border:0; margin-right: 10px; }
#page_mypage .right_btn .b_red,
#page_mypage .right_btn .b_blue,
#page_mypage .right_btn .b_grey {border:none !important; margin-left:0; height:38px; font-size:15px; transform: rotate(0.1deg); transition: .3s; }
#page_mypage .right_btn .b_grey:hover { background:#666; }
#page_mypage .right_btn .b_red:hover { background: #933131; }
#page_mypage .right_btn .b_blue:hover { background: #003965; }


@media screen and (max-width: 900px){
    .write_wrap .write_section > .write_title {width:20%;}
    .write_wrap .write_section > .write_con .write_select {width:190px;}
    .write_wrap .write_section > .write_con textarea {height:270px}
    .write_wrap .write_section > .write_con .file_tit {font-size:11px;}
    .mobile_btn {justify-content: center !important;}

    .view_wrap .view_section01 div .view_row .view_data {padding: 20px 10px;}
    .view_wrap .view_section01 div .view_row .view_row_title {width:20%;}
    .view_wrap .view_section01 div .view_row .view_row_half .view_data.view_row_title { width:52%; }
    .view_wrap .view_section01 div .view_row .view_row_con {width:80%;}
    .view_wrap .view_section01 div .view_row > div > span {font-size:12px;}
    .view_wrap .view_section01 div .view_row .view_row_con .view_name {font-size:13px; font-weight:500;}
    .view_wrap .view_section .view_section_bottom {min-height: 90px;}
    .view_wrap .view_section02 .view_section02_top .view_row .view_row_title .answer {font-size:12px;}
    .view_wrap .view_section02 .view_section02_top .view_row .view_row_con span {font-size:12px;}
}
/*============================================================================================ inquiry */








/* ========================== responsive */
@media screen and (min-width: 1025px){
    /* === page_myinfo === */
    #page_myinfo .wrap_content{ max-width: 514px;}

    /* wrap_btn */
    #page_myinfo .wrap_btn{ justify-content: flex-start;}
}

/* ========================== responsive */
@media screen and (min-width: 1025px){
    .wrap_content ul:not(.box_status) b{ margin-left: 30px;}

    /* === wrap_btn === */
    .wrap_btn .btn{ width: 175px; }
    .wrap_btn .btn:last-of-type{ margin-left: 10px;}

    /* === box_status === */
    .box_status{ padding: 20px 0; margin-bottom: 40px; }
    .box_status li{ align-content: space-between; padding: 0 20px;}
    .box_status li::before{ width: 100%; }
    .box_status img{ margin-right: auto;}

    /* === box_use === */
    .box_use ul{ padding: 30px 0; }
    .box_use li{ display: flex; align-items: center; height: 40px;padding: 0 30px; }
    .box_use li:nth-of-type(-n+2){ border-right: 1px solid #fff;}

    /* === box_inquiry === */
    .box_inquiry ul{ flex-flow: row wrap; height: 124px; padding: 20px 0; }
    .box_inquiry li{ width: 50%; height: 50%; padding: 0 30px;}
    .box_inquiry li:nth-of-type(2n-1){ border-right: 1px solid #fff;}
}

@media screen and (max-width: 1600px){
}

@media screen and (max-width: 1024px){
    main.maxWidth h2{ position: relative; }

    .wrap_content ul:not(.box_status){ flex-flow: column nowrap; padding: 20px 0;}
    .wrap_content ul:not(.box_status) li{ justify-content: space-between; width: 100%; padding: 10px 15px; }
    .wrap_content ul:not(.box_status) a{ justify-content: space-between; width: 100%;}

    /* === wrap_btn === */
    .wrap_btn .br_dblue{ order: 2; margin-left: auto;}

    /* === box_status === */
    .box_status{ margin-bottom: 90px; padding: 22px 0; }
    .box_status li{flex-flow: column nowrap; align-items: center; justify-content: space-between; }

    /* === box_inquiry === */
    .box_inquiry li:nth-of-type(2){ order: 3;}
    .box_inquiry li:nth-of-type(4){ order: 4;}
}

@media screen and (max-width: 560px){
    /* === page_myorder === */
    /* box_preview */
    .page_myorder .box_preview{ flex-flow: row wrap; }
    .page_myorder .box_preview li{ flex: none; width: 33.33%;}

    /* wrap_filter */
    .page_myorder .wrap_filter div{ flex-flow: row wrap; }
}

@media screen and (max-width: 500px){
    #page_mypage .wrap_content.userDetail { width: auto; }
}

@media screen and (max-width: 360px){
    /* === page_myorder === */
    /* wrap_filter */
    .page_myorder .wrap_filter .btn_gray{ margin-right: calc(100% - 76px); }
    .page_myorder .wrap_filter button[name="btn_filter"]{ margin-top: 10px;}

    /* box_preview */
    .page_myorder .box_preview li{ width: 50%; }
    .page_myorder .box_preview li:nth-of-type(1) img{ width: 35px;}
}

@media screen and (max-width: 320px){
    /* === box_status === */
    .box_status li{ font-size: 18px;}
    .box_status li::before{ font-size: 12px; }
}