/* common */
body.scroll_stop {
    overflow: hidden;
}
.inner {
    position: relative;
    margin: 0 auto;
    width: calc(100% - 8.333vw);
    height: 100%;
}
#wrap.fix_nav_able {
    padding-bottom: 19.444vw;
}
#wrap.chat_wrap {
    height: 100%;
}

/* header */
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    z-index: 1111;
}
#header {
    background: #fff;
}
#header .inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 13.889vw;
}
#header .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#header .logo a {
    display: block;
    width: 24.444vw;
}
#header .logo img {
    display: block;
}
#header .util_box {
    display: flex;
    margin-left: auto;
}
#header .util_box .util_btn {
    display: block;
    width: 11.111vw;
    height: 13.889vw;
    text-indent: -9999em;
    background-position: center center;
    background-repeat: no-repeat;
}
#header .util_box .util_btn.mypage_link {
    background-image: url(../img/ico/mypage_ico.png);
    background-size: 4.444vw;
}
#header .ham_btn {
    display: block;
    width: 13.889vw;
    height: 13.889vw;
    text-indent: -9999em;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ham_btn.png);
    background-size: 4.722vw;
}
/* //header */

/* back_header */
.back_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.889vw;
    border-bottom: 1px solid #ececec;
    background: #fff;
    box-sizing: border-box;
    z-index: 999;
}

.back_header .back_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.889vw;
    height: 13.889vw;
    background: url(../img/btn/back_btn.png) center center no-repeat;
    background-size: 4.444vw;
}

.back_header .home_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 13.889vw;
    height: 13.889vw;
    background: url(../img/ico/qu_homeico.png) center center no-repeat;
    background-size: 4.7222vw;
}

.back_header .logo {
    line-height: 12vw;
    text-align: center;
    font-size: 5vw;
    font-weight: 500;
    color: #252525;
}
/* //back_header */

/* all_menu_wrap */
.all_menu_wrap {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    padding-top: 13.889vw;
    background: #fff;
    box-sizing: border-box;
    z-index: 1111;
    transition: all .4s;
}
.all_menu_wrap.open {
    left: 0;
    transition: all .4s;
}
.all_menu_wrap .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.889vw;
    padding: 0 4.167vw;
    box-shadow: 0 0.556vw 1.389vw 0 rgba(0,0,0,.1);
    box-sizing: border-box;
}
.all_menu_wrap .top .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.all_menu_wrap .bottom {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.all_menu_wrap .logo {
    width: 24.444vw;
}
.all_menu_wrap .logo a,
.all_menu_wrap .logo img {
    display: block;
}
.all_menu_wrap .close_btn {
    display: block;
    position: absolute;
    top: 0;
    left: -4.167vw;
    width: 13.889vw;
    height: 100%;
    background: url(../img/btn/ham_close_btn.png) center center no-repeat;
    background-size: 3.889vw;
}

.all_menu_wrap .login_row {
    height: 23.889vw;
    background: #f9f9f9;
    flex-shrink: 0;
    flex-grow: 0;
}
.all_menu_wrap .login_row .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.all_menu_wrap .login_row .login_link {
    font-size: 3.889vw;
    font-weight: 400;
    color: #454545;
}
.all_menu_wrap .login_row .login_link a {
    display: inline-block;
    padding-bottom: 0.833vw;
    border-bottom: 1px solid #3f71b7;
    font-size: 3.889vw;
    font-weight: 700;
    color: #3f71b7;
}
.all_menu_wrap .login_row .sign_up_link {
    display: block;
    width: 19.444vw;
    height: 6.667vw;
    margin-left: 2.333vw;
    line-height: 6.667vw;
    text-align: center;
    font-size: 3.333vw;
    font-weight: 700;
    color: #fff;
    background: #3f71b7;
    border-radius: 3.333vw;
}
.all_menu_wrap .login_row .sign_up_partner {
    display: block;
    width: 27.444vw;
    height: 6.667vw;
    margin-left: auto;
    line-height: 6.667vw;
    text-align: center;
    font-size: 3.333vw;
    font-weight: 700;
    color: #fff;
    background: #3f71b7;
    border-radius: 3.333vw;
}
.all_menu_wrap .all_menu {
    position: relative;
    border-top: 1px solid #dbdbdb;
    height: 100%;
    box-sizing: border-box;
}
.all_menu_wrap .all_menu > ul {
    width: 30.556vw;
    height: 100%;
    background: #f5f5f5;
    border-right: 1px solid #ececec;
}
.all_menu_wrap .all_menu li {
}
.all_menu_wrap .all_menu .depth_ttl {
    display: block;
    width: calc(100% + 1px);
    height: 13.889vw;
    padding-left: 4.167vw;
    border-right: 1px solid #ececec;
    text-align: left;
    font-size: 3.889vw;
    font-weight: 500;
    color: #252525;
    background: #f5f5f5;
    box-sizing: border-box;
}
.all_menu_wrap .all_menu .depth_ttl.on {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ececec;
    background: #fff;
}
.all_menu_wrap .all_menu .depth02 {
    display:  none;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(69.444vw - 1px);
    height: 100%;
    padding: 0 4.167vw;
    background: #fff;
    overflow: auto;
    box-sizing: border-box;
}
.all_menu_wrap .all_menu .depth02 li a {
    display: block;
    width: 100%;
    height: 13.889vw;
    padding: 0 1.389vw;
    border-bottom: 1px solid #f4f4f4;
    line-height: 13.889vw;
    font-size: 3.611vw;
    font-weight: 350;
    color: #252525;
    box-sizing: border-box;
}
/* //all_menu_wrap */



/* footer */
/* footer */
#footer {
    border-top: 1px solid #ededed;
}
#footer .footer_top {
    background: #f9f9f9;
}
#footer .footer_top ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 11.111vw;
}
#footer .footer_top li + li {
    position: relative;
    margin-left: 2.083vw;
    padding-left: 2.083vw;
}
#footer .footer_top li + li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 3.056vw;
    background: #eeeeee;
    content: '';
}
#footer .footer_top li a {
    display: block;
    font-size: 3.472vw;
    font-weight: 400;
    color: #999999;
}
#footer .footer_top li a strong {
    font-weight: 500;
    color: #454545;
}
#footer .footer_bot {
    padding: 8.333vw 0 ;
}
#footer .footer_bot .togle_wrap {
    display: flex; 
    align-items: center;
    margin-bottom: 3.889vw;
}
#footer .footer_bot .togle_wrap .toggle_btn {
    width:4.861vw ; height:4.861vw;
    display: block;
    background: no-repeat center / 3.333vw auto ;
    background-image: url(../img/common/toggle_down.png);
    margin-left:4.167vw ;
}
#footer .footer_bot .togle_wrap .toggle_btn.open {
    background-image: url(../img/common/toggle_up.png);
}
#footer .footer_bot .foot_logo a {
    display: block;
    width: 24.444vw;
}
#footer .footer_bot .foot_logo a img {
    display: block;
}
#footer .footer_bot .f_content {
    padding-bottom:4.167vw ;
    font-size: 0;
    display: none;
}
#footer .footer_bot .f_content span {
    display: inline-block;
    font-size: 3.056vw;
    font-weight: 350;
    color: #757575;
    line-height: 1.5;
}
#footer .footer_bot .f_content span + span {
    position: relative;
    padding-left: 2.500vw;
    margin-left: 2.500vw;
}
#footer .footer_bot .f_content span + span::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 3.056vw;
    background: #dddddd;
    content: '';
}
#footer .footer_bot .copy {
    margin-top:4.167vw;
    font-size: 2.778vw;
    font-weight: 400;
    color: #999999;
    text-transform: uppercase;
}
#footer .footer_bot .f_tel_box {
    padding-bottom:4.167vw ;
}
#footer .footer_bot .f_tel_box ul {
    display: flex;
    border: 0.278vw solid #dbdbdb;
}
#footer .footer_bot .f_tel_box ul li {
    width: 50%;
    padding: 2.500vw;
}
#footer .footer_bot .f_tel_box ul li+ li {
    border-left: 0.278vw solid #dbdbdb;
}
#footer .footer_bot .f_tel_box ul li strong {
    font-size:2.778vw;
    font-weight:350 ;
    color: #454545;
    display: block;

    margin-bottom: 1.111vw ;
}
#footer .footer_bot .f_tel_box ul li span {
    display: block;
    font-size:2.778vw;
    color: #757575;
    line-height: 1.5;
    font-weight:350 ;
    letter-spacing: -0.05em;
}
#footer .footer_bot .f_ps_txt p {
    font-size: 3.056vw;
    line-height: 1.5;
    color: #999999;
    font-weight: 350;
}

/* //footer */

/* fix_nav */
#fix_nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 19.444vw;
    border-top: 1px solid #ececec;
    display: flex;
    align-items: center;
    background: #fff;
    z-index: 1110;
}
#fix_nav a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 19.444vw;
}
#fix_nav a .ico {
    position: relative;
    width: 5.833vw;
    height: 5.972vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5.833vw;
}
#fix_nav a.back_btn .ico {
  background-image: url(../img/ico/fix_backBtn.png);
}
#fix_nav a.home .ico {
    background-image: url(../img/ico/fix_ico_home.png);
}
#fix_nav a.home_web .ico {
    background-image: url(../img/ico/fix_ico_home_web.png);
}
#fix_nav a.shopping .ico {
    background-image: url(../img/ico/fix_ico_shopping.png);
}
#fix_nav a.notice .ico {
    background-image: url(../img/ico/fix_ico_notice.png);
}
#fix_nav a.mypage .ico {
    background-image: url(../img/ico/fix_ico_mypage.png);
}
#fix_nav a.notice .ico .new {
    display: block;
    position: absolute;
    top: 0;
    right: 0.278vw;
    width: 2.222vw;
    height: 2.222vw;
    border-radius: 50%;
    background: #3f71b7;
}
#fix_nav a .txt {
    display: block;
    margin-top: 1.389vw;
    font-size: 2.778vw;
    font-weight: 400;
    color: #757575;
    text-align: center;
}
#fix_nav a.home .txt {
    color: #3f71b7;
}
/* //fix_nav */


#container {
    height: 100%;
    min-height: 100vh;
    padding-top: 13.889vw;
    box-sizing: border-box;
}




/* star_box */
.star_box {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}
.star_box .star_ico {
    display: inline-block;
    width: 5vw;
    height: 4.722vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/ico/ico_star.png);
    vertical-align: middle;
}
.star_box .star_ico.on {
    background-image: url(../img/ico/ico_star_on.png);
}
.star_box .star_ico + .star_ico {
    margin-left: 0.972vw;
}
/* //star_box */



/* chart_wrap */
.chart_wrap {
    display: none;
    position: relative;
    background: #fafafa;
    border-top: 1px solid #eee;
}
.chart_wrap > div {
    padding: 16.389vw 3.889vw 8.056vw;
}
.chart_wrap .txt_box {
    position: absolute;
    top: 3.889vw;
    right: 3.611vw;
    text-align: right;
}
.chart_wrap .txt_box .date {
    display: block;
    font-size: 2.778vw;
    font-weight: 400;
    color: #666666;
}
.chart_wrap .txt_box .count {
    display: block;
    margin-top: 1.389vw;
    font-size: 2.778vw;
    font-weight: 400;
    color: #252525;
}
.chart_wrap .txt_box .state {
    display: block;
    margin-top: 1.389vw;
    font-size: 2.778vw;
    font-weight: 400;
    color: #447df3;
}

.chart_wrap .chart_area svg text{
    /* font-size: 3.333vw !important; */
}
/* //chart_wrap */


/* pager */
.pager {
    margin-top: 8.333vw;
}
.pager ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pager ul li.prev_pg {
    margin-right: 2.500vw;
}
.pager ul li.next_pg {
    margin-left: 4.167vw;
}
.pager ul li + li {
    margin-left: 1.667vw;
}
.pager ul li a {
    display: block;
    width: 6.389vw;
    height: 6.389vw;
    border: 1px solid #dbdbdb;
    text-align: center;
    line-height: 6.111vw;
    font-size: 3.333vw;
    font-weight: 400;
    color: #454545;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.pager ul li.num.on a {
    border: 1px solid #3f71b7;
    background-color: #3f71b7;
    color: #fff;
}
.pager ul li.first_pg a {
    background-image: url(../img/btn/first_pg.png);
    background-size: 2.917vw;
}
.pager ul li.prev_pg a {
    background-image: url(../img/btn/prev_pg.png);
    background-size: 1.806vw;
}
.pager ul li.next_pg a {
    background-image: url(../img/btn/next_pg.png);
    background-size: 1.806vw;
}
.pager ul li.last_pg a {
    background-image: url(../img/btn/last_pg.png);
    background-size: 2.917vw;
}
/* //pager */

/* point_guide 여백 필요시 클래스명 붙여서 사용 */
.point_guide .subject {
    font-size: 5vw;
    font-weight: 500;
    color: #252525;
    text-align: center;
}
.point_guide .desc {
    margin: 4.444vw 0 9.444vw;
    font-size: 3.333vw;
    font-weight: 400;
    color: #454545;
    line-height: 1.4;
    text-align: center;
}
.point_guide .grade_list::before {
    display: block;
    width: 100%;
    height: 1.111vw;
    background: #3f71b7;
    border-radius: 0.556vw;
    content: '';
}
.point_guide .grade_list li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    padding: 5.556vw 1.111vw;
}
.point_guide .grade_list label {
    display: flex;
    align-items: center;
    width: 100%;
}
.point_guide .grade_list .radio_item {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
}
.point_guide .grade_list .radio_item input {
    display: none;
}
.point_guide .grade_list .radio_item input + span {
    display: block;
    width: 10.694vw;
    height: 7.917vw;
    text-indent: -9999em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 5vw;
    background-image: url(../img/ico/ico_radio_36x36.png);
}
.point_guide .grade_list .radio_item input:checked + span {
    background-image: url(../img/ico/ico_radio_on_36x36.png);
}
.point_guide .grade_list .grade_txt {
    display: block;
    width: 19.444vw;
    font-size: 3.611vw;
    font-weight: 500;
    color: #454545;
    flex-shrink: 0;
    flex-grow: 0;
}
.point_guide .grade_list .grade_txt .grade_ico {
    margin-left:0.972vw;
}
.point_guide .grade_list .grade_txt .grade_ico img {
    max-height:3.889vw;
}
.grade_guide_pop .point_guide .grade_list li {
    padding:5.556vw 3.889vw;
}
.point_guide .grade_list .grade {
    display: block;
    margin-top: 1.667vw;
    font-size: 3.333vw;
    font-weight: 500;
    font-family: 'Gmarket Sans', sans-serif;
    text-transform: uppercase;
}
.point_guide .grade_list .grade.normal {
    color: #558bd7;
}
.point_guide .grade_list .grade.silver {
    color: #aaa;
}
.point_guide .grade_list .grade.gold {
    color: #f3bb34;
}
.point_guide .grade_list .grade.premium {
    color: #bf1e2e;
}
.point_guide .grade_list .price {
    width: 100%;
    font-size: 3.611vw;
    font-weight: 400;
    color: #252525;
    text-align: center;
}
.point_guide .grade_list .condition {
    width: 100%;
    text-align: center;
}
.point_guide .grade_list .condition span {
    display:block;
    font-size: 3.611vw;
    font-weight: 400;
    color: #252525;
    line-height: 1.5;
}
.point_guide .grade_list .point {
    display: block;
    width: 19.444vw;
    height: 6.667vw;
    border: 1px solid #3f71b7;
    line-height: 6.389vw;
    text-align: center;
    font-size: 3.333vw;
    font-weight: 500;
    color: #3f71b7;
    border-radius: 0.556vw;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0;
}

.point_guide .grade_list .vat {
    display: block;
    width: 19.444vw;
    height: 6.667vw;
    background: #658dc5;
    line-height: 6.389vw;
    text-align: center;
    font-size: 3.333vw;
    font-weight: 500;
    color: #fff;
    border-radius: 0.556vw;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0;
    margin-top: 10px;
}

.point_guide .grade_list .fees {
    display: block;
    width: 23.333vw;
    font-size: 3.611vw;
    font-weight: 500;
    color: #252525;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}
.point_guide .pay_way {
    padding: 8.333vw 0;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.point_guide .pay_way h3 {
    margin-bottom: 1.944vw;
    font-size: 5vw;
    font-weight: 350;
    color: #333333;
    line-height: 1.3;
}
.point_guide .pay_way .radio_item + .radio_item {
    margin-left: 1.944vw;
}
.point_guide .price_value_guide {
    padding: 5.556vw 0;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
}
.point_guide .price_value_guide strong {
    display: block;
    font-size: 3.611vw;
    font-weight: 500;
    color: #252525;
}
.point_guide .price_value_guide p {
    display: block;
    margin-top: 1.944vw;
    font-size: 3.333vw;
    font-weight: 400;
    color: #999999;
    line-height: 1.2;
}
.point_guide .grade_auto {
    padding: 5.556vw 0;
    text-align: center;
}
.point_guide .grade_auto p {
    display: block;
    font-size: 3.333vw;
    font-weight: 400;
    color: #999999;
    line-height: 1.2;
}
.point_guide .point_desc {
    margin-top: 5.556vw;
}
.point_guide .point_desc .blue_txt {
    display: block;
    font-size: 3.333vw;
    font-weight: 400;
    color: #3f71b7;
    line-height: 1.2;
}
.point_guide .point_desc .box {
    margin-top: 8.333vw;
}
.point_guide .point_desc .box_ttl {
    display: block;
    margin-bottom: 3.889vw;
    font-size: 3.889vw;
    font-weight: 400;
    color: #3f71b7;
}
.point_guide .point_desc .box li {
    position: relative;
    padding-left: 3.611vw;
    font-size: 3.333vw;
    font-weight: 400;
    color: #999999;
    line-height: 1.5;
}
.point_guide .point_desc .box li + li {
    margin-top: 2.222vw;
}
.point_guide .point_desc .box li::before {
    position: absolute;
    top: 1.944vw;
    left: 0;
    width: 1.111vw;
    height: 1.111vw;
    background: #3f71b7;
    border-radius: 50%;
    content: '';
}
.point_guide .point_desc .more_terms {
    display: inline-block;
    width: 19.444vw;
    height: 6.667vw;
    margin-left: 2.778vw;
    font-size: 3.056vw;
    font-weight: 400;
    color: #fff;
    line-height: 6.667vw;
    text-align: center;
    background: #3f71b7;
    border-radius: 3.333vw;
    vertical-align: middle;
}
.point_guide .point_desc .gray_box {
    margin-top: 5.556vw;
    padding: 3.889vw 3.611vw;;
    background: #fafafa;
}
.point_guide .point_desc .gray_box span {
    position: relative;
    display: block;
    padding-left: 1.667vw;
    font-size: 3.333vw;
    font-weight: 500;
    color: #454545;
    line-height: 1.5;
}
.point_guide .point_desc .gray_box i {
    position: absolute;
    top: 0;
    left: 0;
    color: #e00000;
}
.point_guide .point_desc .agree_row {
    display: flex;
    align-items: center;
    margin-top: 5.556vw;
}
.point_guide .point_desc .agree_item + .agree_item {
    margin-left: 11.111vw;
}
.point_guide .point_desc .agree_item input {
    display: none;
}
.point_guide .point_desc .agree_item input + label {
    display: block;
    padding-left: 6.667vw;
    line-height: 4.167vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #757575;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_radio_18x18.png);
    background-size: 4.167vw;
}
.point_guide .point_desc .agree_item input:checked + label {
    background-image: url(../img/ico/ico_radio_18x18_on.png);
}

/* //point_guide */



/* point_guide_pop */
.point_guide_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
}
.point_guide_pop .top {
    position: relative;
    height: 13.889vw;
    background: #333333;
}
.point_guide_pop .pop_ttl {
    font-size: 4.167vw;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 13.889vw;
}
.point_guide_pop .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.889vw;
    height: 13.889vw;
}
.point_guide_pop .close_btn img {
    display: block;
    width: 3.889vw;
    margin: 0 auto;
}
.point_guide_pop .bottom {
    height: calc(100% - 13.889vw);
    padding: 8.333vw 4.167vw 11.111vw;
    background: #fff;
    overflow-y: auto;
    box-sizing: border-box;
}
/* //point_guide_pop */

/* grade_guide_pop */
.grade_guide_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
}
.grade_guide_pop .top {
    position: relative;
    height: 13.889vw;
    background: #333333;
}
.grade_guide_pop .pop_ttl {
    font-size: 4.167vw;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 13.889vw;
}
.grade_guide_pop .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.889vw;
    height: 13.889vw;
}
.grade_guide_pop .close_btn img {
    display: block;
    width: 3.889vw;
    margin: 0 auto;
}
.grade_guide_pop .bottom {
    height: calc(100% - 13.889vw);
    padding: 8.333vw 4.167vw 11.111vw;
    background: #fff;
    overflow-y: auto;
    box-sizing: border-box;
}
/* //grade_guide_pop */

/* agree_wrap */
.agree_wrap {
    margin: 8.333vw 4.167vw 0;
}
.agree_wrap h3 {
    margin-bottom: 2.778vw;
    font-size: 4.444vw;
    font-weight: 500;
    color: #252525;
}
.agree_wrap .desc {
    height: 55.556vw;
    padding: 5.556vw 4.167vw;
    font-size: 3.333vw;
    font-weight: 400;
    color: #757575;
    line-height: 1.6;
    background: #fafafa;
    box-sizing: border-box;
    overflow-y: auto;
}
.agree_wrap .desc strong {
    font-weight: 400;
    color: #252525;
}
.agree_wrap .agree_check {
    margin-top: 5.556vw;
}
.agree_wrap .agree_check .item {
    display: inline-block;
}
.agree_wrap .agree_check .item + .item {
    margin-left: 8.056vw;
}
.agree_wrap .agree_check .item input {
    display: none;
}
.agree_wrap .agree_check .item input + label {
    display: block;
    padding-left: 6.389vw;
    line-height: 5.1vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #757575;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 5vw;
    background-image: url(../img/ico/ico_radio_18x18.png);
}
.agree_wrap .agree_check .item input:checked + label {
    background-image: url(../img/ico/ico_radio_18x18_on.png);
}
/* //agree_wrap */



/* profile_row - 전체메뉴/마이페이지 프로필 공통 */
.profile_row .user_info {
    /* height: 24.167vw; */
    padding: 5.556vw 0;
    border-bottom: 1px solid #ececec;
    background: #f9f9f9;
    box-sizing: border-box;
}
.profile_row .user_info .user_info_basic {
    display: flex;
    align-items: center;
}
.profile_row .user_info_grade {
    display:flex;
    align-items: center;
    margin-top:5.556vw;
    padding:5.417vw;
    background-color:#ffffff;
    border-radius:2.222vw;
}
.profile_row .user_grade {
    display:flex;
    align-items: center;
    margin-right:6.944vw;
    flex-shrink: 0;
    flex-grow: 0;
}
.profile_row .user_grade .grade_ico {
    margin-right:1.250vw;
    line-height: 1;
}
.profile_row .user_grade .grade_ico img {
    max-height:3.333vw;
    vertical-align: middle;
}
.profile_row .user_grade span {
    padding-right:2.917vw;
    font-size:3.333vw;
    font-weight:700;
    color:#252525;
    background:url('../img/ico/ico_grade_arrow.png') no-repeat right center / 1.667vw;
}
.profile_row .user_info_grade ul {
    display:flex;
    align-items: center;
}
.profile_row .user_info_grade li {
    display:flex;
    align-items: center;
    justify-content: space-between;
    width:23.611vw;
    flex-shrink: 0;
    flex-grow: 0;
}
.profile_row .user_info_grade li .left {
    font-size:3.333vw;
    font-weight:700;
    color:#757575;
    flex-shrink: 0;
    flex-grow: 0;
}
.profile_row .user_info_grade li .right {
    font-size:3.333vw;
    font-weight:500;
    color:#757575;
    flex-shrink: 0;
    flex-grow: 0;
}
.profile_row .user_info_grade li .right strong {
    font-weight:700;
    color:#252525;
}
.profile_row .user_info_grade li + li {
    position: relative;
    padding-left: 3.889vw;
    margin-left: 3.889vw;
}
.profile_row .user_info_grade li + li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 2.778vw;
    background: #f9f9f9;
    content: '';
}
.profile_row .user_info .user_thumb {
    position: relative;
    display: block;
    width: 13.194vw;
    height: 13.194vw;
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
}
.profile_row .user_thumb span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.profile_row .user_thumb .camera_btn {
    display: block;
    position: absolute;
    right: -1.528vw;
    bottom: -1.111vw;
    width: 5.833vw;
    height: 5.833vw;
    background: #fff url(../img/btn/camera_btn.png) center center no-repeat;
    background-size: 3.194vw;
    border-radius: 50%;
    box-shadow: 0 0.556vw 1.111vw 0 rgba(0,0,0,.06);
}
.profile_row .user_info .user_txt {
    margin-left: 3.611vw;
    max-width: calc(100% - 39.027vw);
}
.profile_row .user_txt {
    display: flex;
    flex-direction: column;
}
.profile_row .user_txt .grade {
    display: block;
    margin-bottom: 1.667vw;
    font-size: 2.778vw;
    font-weight: 500;
    padding-top: 0.556vw;
    font-family: 'Gmarket Sans', sans-serif;
    text-transform: uppercase;
    background: none;
    padding-right:2.778vw ;
}
.profile_row .user_txt .grade.normal {
    color: #558bd7;
}
.profile_row .user_txt .grade.silver {
    color: #aaa;
}
.profile_row .user_txt .grade.gold {
    color: #f3bb34;
}
.profile_row .user_txt .grade.premium {
    color: #bf1e2e;
}
.profile_row .user_txt .grade_date a {
    font-size: 3.056vw;
    color: #454545 ;
    margin-bottom: 1.667vw;
    display: flex;
}
.profile_row .user_txt .grade_date a span {
    padding: 0;
    color: #3f71b7;
    background: none;
    padding-left: 0.556vw;
}

.profile_row .user_txt .name {
    display: inline-block;
    width: 100%;
    font-size: 3.889vw;
    font-weight: 700;
    color: #252525;
    vertical-align: middle;
}
.profile_row .user_txt .name span {
    display: inline-block;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.profile_row .user_info .btn_box {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.profile_row .btn_box a {
    position: relative;
    display: block;
    width: 11.111vw;
    height: 13.889vw;
    text-indent: -9999em;
    background-position: center center;
    background-repeat: no-repeat;
}
.profile_row .btn_box .alarm_btn {
    background-image: url(../img/btn/alarm_btn.png);
    background-size: 5.556vw;
}
.profile_row .btn_box .alarm_btn .new {
    position: absolute;
    top: 4.306vw;
    right: 2.917vw;
    width: 2.222vw;
    height: 2.222vw;
    background: #3f71b7;
    border-radius: 50%;
}
.profile_row .btn_box .logout_btn {
    background-image: url(../img/btn/logout_btn.png);
    background-size: 5.278vw;
}
.profile_row .user_util {
    padding: 5.556vw 0;
}
.profile_row .user_util .self_box {
    margin-bottom: 2.500vw;
}
.profile_row .user_util .self_box a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 13.889vw;
    padding: 0 5vw 0 5.556vw;
    background: #3f71b7;
    border-radius: 2.222vw;
    box-sizing: border-box;
}
.profile_row .user_util .self_box a .label {
    display: block;
    font-size: 3.889vw;
    font-weight: 700;
    color: #fff;
}
.profile_row .user_util .self_box a .arrow {
    display: block;
    padding-right: 3.333vw;
    font-size: 3.333vw;
    font-weight: 700;
    color: #fff;
    background: url(../img/ico/ico_right_arrow_13x22_bold_white.png) right 0 center no-repeat;
    background-size: 1.806vw;
}
.profile_row .user_util .point_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 13.889vw;
    padding: 0 5vw 0 5.556vw;
    background: #2d394a;
    border-radius: 2.222vw;
    box-sizing: border-box;
}
.profile_row .user_util .point_box.blue {
    background: #3f71b7;
}
.profile_row .point_box .label {
    font-size: 3.889vw;
    font-weight: 700;
    color: #fff;
}
.profile_row .point_box .data {
    font-size: 4.444vw;
    font-weight: 700;
    color: #fff;
}
.profile_row .point_box .data strong {
    font-size: 6.667vw;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}
.profile_row .point_history_box {
    padding: 2.778vw 0;
}
.profile_row .point_history_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 10.556vw;
    padding: 0 5.278vw;
    box-sizing: border-box;
}
.profile_row .point_history_link .label {
    font-size: 3.889vw;
    font-weight: 500;
    color: #454545;
}
.profile_row .point_history_link .data {
    display: block;
    padding-right: 5.556vw;
    font-size: 3.611vw;
    font-weight: 700;
    color: #252525;
    background: url(../img/ico/ico_right_arrow_12x20_gray.png) right 0 center no-repeat;
    background-size: 1.667vw;
}
.profile_row .point_history_link .data strong {
    font-size: 5.556vw;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #252525;
}
.profile_row .user_util .short_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 13.889vw;
    margin-top: 3.056vw;
    padding: 0 5vw 0 5.556vw;
    border: 1px solid #ececec;
    background: #f9f9f9;
    border-radius: 2.222vw;
    box-sizing: border-box;
}
.profile_row .short_menu .info_link {
    display: inline-block;
    padding-right: 3.194vw;
    font-size: 3.889vw;
    font-weight: 700;
    color: #252525;
    background: url(../img/ico/ico_right_arrow_13x22_bold.png) right 0 center no-repeat;
    background-size: 1.806vw;
}
.profile_row .short_menu ul {
    display: flex;
    align-items: center;
}
.profile_row .short_menu li + li {
    position: relative;
    padding-left: 3.889vw;
    margin-left: 3.889vw;
}
.profile_row .short_menu li + li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 2.778vw;
    background: #ececec;
    content: '';
}
.profile_row .short_menu li a {
    display: block;
    font-size: 3.333vw;
    font-weight: 700;
    color: #454545;
}
/* //profile_row */


/* point_guide_pop */
.point_guide_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1111;
}
.point_guide_pop .top {
    position: relative;
    height: 13.889vw;
    background: #333333;
}
.point_guide_pop .pop_ttl {
    font-size: 4.167vw;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 13.889vw;
}
.point_guide_pop .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.889vw;
    height: 13.889vw;
}
.point_guide_pop .close_btn img {
    display: block;
    width: 3.889vw;
    margin: 0 auto;
}
.point_guide_pop .bottom {
    height: calc(100% - 13.889vw);
    padding: 8.333vw 4.167vw 30.555vw;
    background: #fff;
    overflow-y: auto;
    box-sizing: border-box;
}
/* //point_guide_pop */


/* 공통 form_box */
.form_box .agree_box {
    margin-top: 8.333vw;
    border: 1px solid #d8d8d8;
}
.form_box .agree_box .check_item input + label i {
    display: inline-block;
    font-size: 3.472vw;
    font-weight: 400;
    color: #e00000;
}
.form_box .agree_box .all_check {
    padding: 0 4.167vw;
    border-bottom: 1px solid #eeeeee;
}
.form_box .agree_box .all_check .check_item input + label {
    line-height: 13.889vw;
    font-size: 3.889vw;
    font-weight: 500;
}
.form_box .agree_box .agree_list {
    padding: 5.556vw 3.889vw 6.944vw 4.167vw;
}
.form_box .agree_box .agree_list li {
    position: relative;
}
.form_box .agree_box .agree_list li + li {
    margin-top: 6.944vw;
}
.form_box .agree_box .agree_list li .agree_more {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding-bottom: 0.833vw;
    border-bottom: 1px solid #666666;
    font-size: 3.333vw;
    font-weight: 400;
    color: #666666;
}
.form_box .agree_box .grace_period {
    display:flex;
    flex-direction: column;
    padding: 4.167vw 4.167vw 0;
    border-top: 1px solid #eeeeee;
}
.form_box .agree_box .grace_period .label {
    display: block;
    font-size: 3.611vw;
    font-weight: 500;
    color: #454545;
    line-height: 1;
}
.form_box .agree_box .grace_period .label i {
    display: inline-block;
    font-size: 3.611vw;
    font-weight: 400;
    color: #e00000;
}
.form_box .agree_box .grace_period .radio_wrap {
    display:flex;
    align-items: center;
}
.form_box .agree_box .grace_period .item + .item {
    margin-left: 10vw;
}
.form_box .agree_box .grace_period input {
    display: none;
}
.form_box .agree_box .grace_period input + label {
    display: block;
    padding-left: 5.556vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    line-height: 11.111vw;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_check_31x23.png);
    background-size:4.306vw;
}
.form_box .agree_box .grace_period input:checked + label {
    background-image: url(../img/ico/ico_check_31x23_on.png);
}



.form_box .input_wrap + .input_wrap {
    margin-top: 8.333vw;
}
.form_box .input_wrap .label {
    display: block;
    font-size: 3.611vw;
    font-weight: 500;
    color: #252525;
}
.form_box .input_wrap .label i {
    color: #e00000;
}
.form_box .input_wrap .button_input {
    width: calc(100% - 23.611vw);
}
.form_box .input_wrap input {
    width: 100%;
    padding: 0;
    height: 11.111vw;
    border: none;
    border-bottom: 1px solid #cccccc;
    font-size: 3.472vw;
}
.form_box .notice_txt {
    margin-top: 1.667vw;
    font-size: 3.333vw;
    font-weight: 350;
    color: #e52e2e;
    line-height: 1.5;
}
.form_box .input_wrap .button_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form_box .input_tel .button_wrap {
    flex-wrap: wrap;
}
.form_box .input_tel .button_input {
    width:100%;
}
.form_box .input_wrap.input_tel .button_wrap button {
    width:100%;
    margin-top:4.167vw;
}
.form_box .input_wrap .button_wrap button {
    width: 22.222vw;
    height: 10vw;
    border-radius: 5vw;
    border: 1px solid #3f71b7;
    font-size: 3.333vw;
    font-weight: 500;
    color: #3f71b7;
    box-sizing: border-box;
}
.form_box .input_wrap .success_txt {
    margin-top: 2.778vw;
    font-size: 3.056vw;
    font-weight: 350;
    color: #3f71b7;
}
.form_box .input_wrap input#addr1 {
    margin-top: 1.389vw;
}
.form_box .input_wrap .phon_num {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form_box .input_wrap .phon_num select {
    width: 23.611vw;
}
.form_box .input_wrap .phon_num input {
    width: calc(100% - 29.167vw);
}
.form_box .input_wrap .input_box select {
    border: 0;
    border-bottom: 1px solid #cccccc;
    padding: 0;
    padding-right: 4.167vw;
    height: 11.111vw;
    font-size: 3.472vw;
    font-weight: 400;
    color: #252525;
    background: url(../img/ico/ico_select_blue_bg.png) no-repeat right 0 center  / 4.167vw;
    box-sizing: border-box;
}

.form_box .input_wrap .input_box .select_box {
    display: flex;
    justify-content: space-between;
}
.form_box .input_wrap .input_box .select_box select {
    width: 41.667vw;
}

.form_box .input_wrap .select_file_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form_box .input_wrap .select_file_box .file_name {
    width: calc(100% - 23.611vw);
    height: 11.111vw;
    border-bottom: 1px solid #e0e0e0;
    line-height: 11.111vw;
    font-size: 0;
}
.form_box .input_wrap .select_file_box .file_name span {
    display: inline-block;
    max-width: calc(100% - 5.556vw);
    font-size: 3.472vw;
    color: #252525;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.form_box .input_wrap .select_file_box .file_name .file_del_btn {
    display: inline-block;
    width: 4.167vw;
    height: 4.167vw;
    margin-left: 0.833vw;
    background: url(../img/btn/btn_file_del.png) center center no-repeat;
    background-size: contain;
    text-indent: -9999em;
    vertical-align: middle;
}
.form_box .input_wrap .select_file_box em.placeholder {
    display: block;
    font-size: 3.472vw;
    font-weight: 350;
    color: #ccc;
}
.form_box .input_wrap .select_file_box .file_box {
    width: 22.222vw;
}
.form_box .input_wrap .file_box input {
    display: none;
}
.form_box .input_wrap .file_box label {
    display: block;
    border: 1px solid #3f71b7;
    width: 100%;
    height: 10vw;
    line-height: 9.722vw;
    text-align: center;
    font-size: 3.333vw;
    font-weight: 500;
    color: #3f71b7;
    border-radius: 5vw;
    box-sizing: border-box;
}
.form_box .input_wrap .input_box textarea {
    display: block;
    width: 100%;
    height: 180px;
    margin-top: 3.472vw;
    padding: 4.167vw 2.500vw;
    border: 1px solid #e0e0e0;
    font-size: 3.472vw;
    font-weight: 400;
    box-sizing: border-box;
    resize: none;
}
.form_box .input_wrap .select_file_box2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.form_box .input_wrap .select_file_box2 select {
    width: 23.611vw;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.form_box .input_wrap .select_file_box2 .file_wrap {
    width: calc(100% - 29.167vw);
} 
.form_box .input_wrap .select_file_box2 .file_wrap .file_name {
    height: 11.111vw;
    border-bottom: 1px solid #e0e0e0;
    line-height: 11.111vw;
    font-size: 0;
} 
.form_box .input_wrap .select_file_box2 .file_name span {
    display: inline-block;
    max-width: calc(100% - 5.556vw);
    font-size: 3.472vw;
    color: #252525;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.form_box .input_wrap .select_file_box2 .file_name .file_del_btn {
    display: inline-block;
    margin-left: 1.389vw;
    width: 4.167vw;
    height: 4.167vw;
    background: url(../img/btn/btn_file_del.png) no-repeat center center / 4.167vw;
    text-indent: -9999em;
    vertical-align: middle;
}
.form_box .input_wrap .select_file_box2 .file_box {
    width: 100%;
    margin-top: 4.167vw;
    margin-bottom: 2.778vw;
}


/* check_item */
.check_item input {
    display: none !important;
}
.check_item input + label {
    display: block;
    padding-left: 6.944vw;
    font-size: 3.472vw;
    font-weight: 400;
    color: #454545;
    line-height: 1.4;
    text-transform: uppercase;
    background-image: url(../img/ico/ico_check_31x23.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size:4.306vw;
}
.check_item input:checked + label {
    background-image: url(../img/ico/ico_check_31x23_on.png);
}


/* check_item02 */
.check_item02 input {
    display: none !important;
}
.check_item02 input + label {
    display: block;
    padding-left: 6.806vw;
    font-size: 3.611vw;
    line-height: 4.167vw;
    color: #757575;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_check_radius_20x20_dbdbdb.png);
    background-size: 4.167vw;
}
.check_item02 input:checked + label {
    background-image: url(../img/ico/ico_check_radius_20x20_on.png);
}

/* radio_item */
.radio_item {
    display: inline-block;
}
.radio_item input {
    display: none !important;
}
.radio_item input + label {
    display: block;
    padding-left: 6.667vw;
    font-size: 3.472vw;
    font-weight: 400;
    color: #757575;
    line-height: 5vw;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 5vw;
    background-image: url(../img/ico/ico_radio_36x36.png);
}
.radio_item input:checked + label {
    background-image: url(../img/ico/ico_radio_on_36x36.png);
}



/* a.post_item 게시판 텍스트만 있는 아이템 */
.post_item {
    display: block;
    padding: 5.556vw 0;
}
.post_item .type {
    display: flex;
    align-items: center;
    margin-bottom: 2.083vw;
}
.post_item .type .badge {
    display: block;
    margin-right: 1.389vw;
    width: 9.722vw;
    height: 4.167vw;
    line-height: 4.167vw;
    text-align: center;
    font-size: 2.778vw;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0.833vw;
}
.post_item .type .badge.notice {
    background: #3d6ff5;
}
.post_item .type .badge.best {
    background: #3399ff;
}
.post_item .type .state {
    font-size: 3.472vw;
    font-weight: 400;
    color: #454545;
}
.post_item .type .category {
    font-size: 3.472vw;
    font-weight: 400;
    color: #454545;
}
.post_item .subject {
    display: flex;
    align-items: center;
    width: 100%;
}
.post_item .subject .txt {
    display: block;
    max-width: 100%;
    font-size: 3.889vw;
    font-weight: 500;
    color: #252525;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* .post_item .subject.file .txt,
.post_item .subject.lock .txt {
    max-width: calc(100% - 6.805vw);
}
.post_item .subject.file.lock .txt {
    max-width: calc(100% - 10.278vw);
} */
.post_item .subject .comment_count {
    font-size: 3.889vw;
    font-weight: 400;
    color: #3f71b7;
    flex-shrink: 0;
    flex-grow: 0;
}
.post_item .subject.file .ico_file {
    display: inline-block;
    margin-left: 1.389vw;
    width: 4.028vw;
    height: 4.028vw;
    background: url(../img/ico/ico_file.png) center center no-repeat;
    background-size: contain;
    flex-shrink: 0;
    flex-grow: 0;
}
.post_item .subject.lock .ico_lock {
    display: inline-block;
    margin-left: 1.389vw;
    width: 3.472vw;
    height: 4.167vw;
    background: url(../img/ico/ico_lock.png) center center no-repeat;
    background-size: contain;
    flex-shrink: 0;
    flex-grow: 0;
}
.post_item .post_info {
    display: flex;
    align-items: center;
    margin-top: 2.083vw;
}
.post_item .post_info span {
    position: relative;
    display: block;
    font-size: 3.472vw;
    font-weight: 400;
    color: #999999;
}
.post_item .post_info span + span {
    position: relative;
    padding-left: 2.500vw;
    margin-left: 2.500vw;
}
.post_item .post_info span + span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 3.056vw;
    background: #dbdbdb;
    content: '';
}
.post_item .post_info .write {
    max-width: 19.444vw;
    padding-right: 15px;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 11px 14px;
    background-position: right 70%;
}
.post_item .post_info .write.partner {
    padding-right: 4.861vw;
    color: #3f71b7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post_item .post_info .write.partner::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 4.167vw;
    height: 4.167vw;
    line-height: 4.167vw;
    text-align: center;
    font-size: 2.778vw;
    color: #fff;
    text-transform: uppercase;
    background: #3f71b7;
    border-radius: 0.556vw;
    text-indent: -1px;
    content: 'P';
}
.post_item .post_info .hit i {
    display: inline-block;
    width: 3.889vw;
    height: 2.500vw;
    margin-right: 1.389vw;
    background: url(../img/ico/ico_hit.png) center center no-repeat;
    background-size: 3.889vw;
}
.post_item .post_info .like {
    color: #454545;
}
.post_item .post_info .like i {
    display: inline-block;
    margin-right: 1.389vw;
    width: 3.333vw;
    height: 2.778vw;
    background: url(../img/ico/ico_like.png) center center no-repeat;
    background-size: 3.333vw;
}
.post_item .post_info .state {
    color: #999999;
}
.post_item .post_info .state.comple {
    color: #306ac2;
}
/* //post_item */


/* a.thumb_item 게시판 썸네일 있는 아이템 */
.thumb_item {
    display: block;
}
.thumb_item .thumb {
    position: relative;
    border: 1px solid #dbdbdb;
}
.thumb_item .thumb > span {
    display: block;
    width: 100%;
    padding-top: 60.607%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thumb_item.video .thumb::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5) url(../img/ico/ico_video.png) center center no-repeat;
    background-size: 12.083vw;
    content: '';
}
.thumb_item .txt {
    margin-top: 2.778vw;
}
.thumb_item .txt .subject {
    display: block;
    font-size: 3.889vw;
    font-weight: 500;
    color: #252525;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.thumb_item .txt .desc {
    display: block;
    margin-top: 2.778vw;
    font-size: 3.472vw;
    font-weight: 400;
    color: #999999;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.thumb_item .info {
    display: flex;
    align-items: center;
    margin-top: 2.083vw;
}
.thumb_item .info span {
    position: relative;
    display: block;
    font-size: 3.472vw;
    font-weight: 400;
    color: #999999;
}
.thumb_item .info span + span {
    position: relative;
    padding-left: 2.500vw;
    margin-left: 2.500vw;
}
.thumb_item .info span + span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 3.056vw;
    background: #dbdbdb;
    content: '';
}
.thumb_item .info .hit i {
    display: inline-block;
    width: 3.889vw;
    height: 2.500vw;
    margin-right: 1.389vw;
    background: url(../img/ico/ico_hit.png) center center no-repeat;
    background-size: 3.889vw;
}
/* //thumb_item */

/* category_tab */
.category_tab {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 8.333vw);
    margin: 0 auto;
}
.category_tab button {
    position: relative;
    display: block;
    height: 9.167vw;
    border: 1px solid #ebebeb;
    font-size: 3.333vw;
    font-weight: 500;
    color: #454545;
    box-sizing: border-box;
}
.category_tab button.on {
    border: 1px solid #3f71b7;
    color: #3f71b7;
    z-index: 1;
}
.category_tab.col02 button {
    width: 50%;
    margin-top: -1px;
}
.category_tab.col02 button:nth-child(2n) {
    width: calc(50% + 1px);
    margin-left: -1px;
}
.category_tab.col03 button {
    width: calc(33.333% + 1px);
    margin-top: -1px;
    margin-left: -1px;
}
.category_tab.col04 button {
    width: calc(25% + 1px);
    margin-top: -1px;
    margin-left: -1px;
}
/* //category_tab */

/* board_view */
.board_view {
    border-top: 1px solid #757575;
    border-bottom: 1px solid #dbdbdb;
    margin-top: -1px;
}
.board_view .subject {
    padding: 4.167vw;
    border-bottom: 1px solid #ececec;
    font-size: 4.167vw;
    font-weight: 500;
    color: #454545;
    line-height: 1.5;
}
.board_view .post_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 4.167vw;
    border-bottom: 1px solid #ececec;
}
.board_view .post_info .right {
    margin-left: auto;
}
.board_view .post_info > div > span {
    position: relative;
    display: inline-block;
    font-size: 3.472vw;
    font-weight: 400;
    color: #999999;
    line-height: 11.389vw;
}
.board_view .post_info > div > span + span {
    margin-left: 2.500vw;
    padding-left: 2.500vw;
}
.board_view .post_info > div > span + span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 3.056vw;
    background: #dbdbdb;
    content: '';
}
.board_view .post_info span.state {
    color: #999999;
} 
.board_view .post_info span.state.comple {
    color: #306ac2;
}
.board_view .post_info span.category {
    color: #454545;
}
.board_view .post_info .write {
    line-height: 4.167vw;
    background-position: right center;
    background-repeat: no-repeat;
}
.board_view .post_info .write.partner {
    padding-right: 5.556vw;
    color: #3f71b7;
    background-image: url(../img/ico/ico_partner.png);
    background-size: 4.167vw;
}
.board_view .post_info .write.basic_g {
    padding-right:3.472vw;
    background-size:auto 2.778vw;
}
.board_view .post_info .write.first_g {
    padding-right:3.472vw;
    background-size:auto 3.194vw;
}
.board_view .post_info .write.second_g {
    padding-right:3.472vw;
    background-size:auto 3.194vw;
}
.board_view .post_info .write.third_g {
    padding-right:3.472vw;
    background-size:auto 3.194vw;
}
.board_view .post_info .hit i {
    display: inline-block;
    width: 3.889vw;
    height: 2.500vw;
    margin-right: 1.389vw;
    background: url(../img/ico/ico_hit.png) center center no-repeat;
    background-size: contain;
}
.board_view .post_info .like {
    color: #454545;
}
.board_view .post_info .like i {
    display: inline-block;
    margin-right: 1.389vw;
    width: 3.333vw;
    height: 2.778vw;
    background: url(../img/ico/ico_like.png) center center no-repeat;
    background-size: contain;
}
.board_view .post_info .star_box {
    line-height: 11.389vw;
}
.board_view .post_info .star_ico {
    width: 3.333vw;
    height: 3.194vw;
}
.board_view .file_row {
    padding: 0 4.167vw;
    line-height: 11.389vw;
    border-bottom: 1px solid #ececec;
}
.board_view .file_row a {
    display: inline-block;
    padding-left: 5.556vw;
    font-size: 3.472vw;
    font-weight: 400;
    line-height: normal;
    color: #3f71b7;
    text-decoration: underline;
    background: url(../img/ico/ico_file.png) left center no-repeat;
    background-size: 4.028vw;
    vertical-align: middle;
}
.board_view .desc {
    padding: 8.333vw 4.167vw 16.667vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    line-height: 1.5;
    word-break: break-alls;
}

.board_view .comment_wrap .pager {
    margin: 8.333vw 0;
}
.board_view .answer_box {
    margin: 0 4.167vw 16.667vw;
    padding: 5.833vw 1.667vw 8.333vw 13.889vw;
    border-top: 1px solid #ececec;
    background: #fafafa;
}
.board_view .answer_box .a_ico {
    display: block;
    position: absolute;
    top: -2.083vw;
    right: calc(100% + 2.778vw);
    width: 6.944vw;
    height: 6.944vw;
    text-align: center;
    line-height: 6.944vw;
    font-size: 3.472vw;
    font-weight: 700;
    color: #fff;
    background: #c42500;
    border-radius: 50%;
}
.board_view .answer_box span {
    position: relative;
    display: block;
    font-size: 3.611vw;
    font-weight: 400;
    color: #252525;
    line-height: 1.4;
}
.board_view .move_box {
    border-top: 1px solid #dbdbdb;
}
.board_view .move_row {
    display: flex;
    align-items: center;
    height: 11.389vw;
    padding-left: 7.778vw;
    padding-right: 6.111vw;
    box-sizing: border-box;
}
.board_view .move_row + .move_row {
    border-top: 1px solid #dbdbdb;
}
.board_view .move_row .label {
    display: block;
    padding-left: 4.167vw;
    margin-right: 3.889vw;
    font-size: 3.472vw;
    font-weight: 400;
    color: #454545;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 3.056vw;
    flex: 0 0 auto;
}
.board_view .move_row.prev .label {
    background-image: url(../img/ico/ico_move_prev.png);
}
.board_view .move_row.next .label {
    background-image: url(../img/ico/ico_move_next.png);
}
.board_view .move_row a {
    display: block;
    max-width: calc(100% - 17.222vw);
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 3.472vw;
    font-weight: 400;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.board_view  iframe {width: 100%;}
/* //board_view */

/* write_box */
.write_box {
    border-top: 1px solid #757575;
    margin-top: -1px;
}
.write_box .write_row {
    border-bottom: 1px solid #ececec;
    padding: 3.889vw 4.167vw;
}
.write_box .write_row:last-of-type {
    border-bottom: 0;
}
.write_box .write_row .label {
    display: block;
    margin-bottom: 3.889vw;
    font-size: 3.889vw;
    font-weight: 500;
    color: #252525;
}
.write_box .write_row .label i {
    color: #d20000;
}
.write_box .write_row .label strong {
    font-weight: 500;
    color: #e00000;
}
.write_box .write_row input {
    display: block;
    width: 100%;
    height: 11.667vw;
    border: 1px solid #dbdbdb;
    padding: 0 2.778vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #252525;
    box-sizing: border-box;
}
.write_box .write_row input::placeholder {
    color: #cccccc;
}
.write_box .write_row input:disabled {
    color: #757575;
    background: #f4f4f4;
}
.write_box .write_row select {
    display: block;
    width: 100%;
    height: 11.667vw;
    border: 1px solid #dbdbdb;
    padding: 0 2.778vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #252525;
    background: #fff url(../img/ico/ico_select_blue.png) right 2.778vw center no-repeat;
    background-size: 2.778vw;
}
.write_box .write_row .subject select + input {
    margin-top: 2.778vw;
}
.write_box .write_row .button_wrap {
    position: relative;
    padding-right: 21.222vw;
}
.write_box .write_row .button_wrap button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 22.222vw;
    height: 11.667vw;
    line-height: 11.389vw;
    text-align: center;
    font-size: 3.611vw;
    font-weight: 500;
    color: #fff;
    background: #3f71b7;
    border-radius: 0.556vw;
    flex-shrink: 0;
    flex-grow: 0;
}
.write_box .write_row .checkbox input {
    display: none;
}
.write_box .write_row .checkbox input + label {
    display: block;
    padding-left: 6.667vw;
    line-height: 5vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #757575;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 5vw;
    background-image: url(../img/ico/ico_check_radius_20x20.png);
}
.write_box .write_row .checkbox input:checked + label {
    background-image: url(../img/ico/ico_check_radius_20x20_on.png);
}
.write_box .file_row {
    position: relative;
    border: 1px solid #dbdbdb;
    border-right: 0;
    height: 11.667vw;
    padding-right: 22.222vw;
    border-radius: 0 0.556vw 0.556vw 0;
    box-sizing: border-box;
}
.write_box .file_row + .file_row {
    margin-top: 2.778vw;
}
.write_box .file_row .file_name {
    width: 100%;
    height: 100%;
    padding: 0 2.778vw;
    font-size: 0;
    box-sizing: border-box;
}
.write_box .file_row .file_name span {
    display: inline-block;
    max-width: calc(100% - 5vw);
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    line-height: 11.389vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.write_box .file_row .file_name .file_del_btn {
    display: inline-block;
    width: 4.167vw;
    height: 4.167vw;
    margin-left: 0.833vw;
    background: url(../img/btn/btn_file_del.png) center center no-repeat;
    background-size: contain;
    text-indent: -9999em;
    vertical-align: middle;
}
.write_box .file_row .file_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 22.222vw;
    height: 100%;
}
.write_box .file_row .file_box input {
    display: none;
}
.write_box .file_row .file_box input + label {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 11.389vw;
    text-align: center;
    font-size: 3.611vw;
    font-weight: 500;
    color: #fff;
    background: #3f71b7;
    border-radius: 0.556vw;
}
.write_box .write_row .radio_item {
    margin-right: 8.333vw;
}
.write_box .write_row .txt {
    display: block;
    margin-top: 2.778vw;
    font-size: 2.778vw;
    font-weight: 400;
    color: #757575;
}
.write_box .file_notice {
    margin-top: 2.778vw;
    padding-left: 8.889vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #757575;
    line-height: 1.5;
    background: url(../img/ico/file_notice.png) left top no-repeat;
    background-size: 5.833vw;
}
.write_box textarea {
    display: block;
    width: 100%;
    height: 46.667vw;
    border: 1px solid #dbdbdb;
    padding: 2.778vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    line-height: 1.4;
    box-sizing: border-box;
    resize: none;
}
.write_box .address_box .zip_row {
    position: relative;
}
.write_box .address_box .zip_row input {
    display: block;
    width: calc(100% - 1.389vw);
    padding-right: 25vw;
}
.write_box .address_box .zip_row .addr_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 25vw;
    height: 11.667vw;
    font-size: 3.611vw;
    font-weight: 500;
    color: #fff;
    background: #3f71b7;
    border-radius: 0.556vw;
}
.write_box .address_box > input {
    margin-top: 2.778vw;
}
.write_box .pw_change input + input {
    margin-top: 2.778vw;
}
.write_box .area_box {
    display: flex;
}
.write_box .area_box select + select {
    margin-left: 2.778vw;
}
.write_box .select_file_box + .select_file_box {
    margin-top: 2.778vw;
}
.write_box .select_file_box .file_row {
    margin-top: 2.778vw;
}
.write_box .url_box input + input {
    margin-top: 2.778vw;
}
.write_box .consulting_type_wrap {
    position: relative;
}
.write_box .consulting_type {
    min-height: 11.667vw;
    padding: 2.083vw 4.167vw;
    border: 1px solid #dbdbdb;
    font-size: 0;
    box-sizing: border-box;
}
.write_box .consulting_type span {
    display: inline-block;
    padding: 2.083vw 0;
    margin-right: 2.778vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #3f71b7;
}
.write_box .consulting_type span:last-child {
    margin-right: 0;
}
.write_box .consulting_type span .del_btn {
    display: inline-block;
    width: 4.167vw;
    height: 4.167vw;
    margin-left: 0.833vw;
    background: url(../img/btn/btn_file_del.png) center center no-repeat;
    background-size: contain;
    text-indent: -9999em;
    vertical-align: top;
}
.write_box .out_btn {
    display: block;
    width: 25vw;
    height: 11.667vw;
    border: 1px solid #dbdbdb;
    text-align: center;
    line-height: 11.389vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    background: #fafafa;
    border-radius: 0.556vw;
}
.write_box .submit_btn {
    display: block;
    margin: 4.444vw auto 0;
    width: 38.889vw;
    height: 12.500vw;
    font-size: 3.889vw;
    font-weight: 500;
    color: #fff;
    background: #3f71b7;
    border-radius: 0.556vw;
}
/* //write_box */

/* consulting_type_pop */
.consulting_type_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1111;
}
.consulting_type_pop .top {
    position: relative;
    height: 13.889vw;
    text-align: center;
    background: #252525;
}
.consulting_type_pop .top strong {
    display: block;
    font-size: 4.167vw;
    font-weight: 400;
    color: #fff;
    line-height: 13.889vw;
}
.consulting_type_pop .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.889vw;
    height: 13.889vw;
}
.consulting_type_pop .close_btn img {
    display: block;
    width: 3.889vw;
    margin: 0 auto;
}
.consulting_type_pop .bottom {
    height: calc(100% - 13.889vw);
    padding: 5.278vw 4.167vw 15.278vw;
    box-sizing: border-box;
    overflow: auto;
}
.consulting_type_pop .tab_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}
.consulting_type_pop .tab_wrap button {
    position: relative;
    width: calc(50% + 1px);
    height: 11.667vw;
    margin-left: -1px;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-size: 3.611vw;
    font-weight: 500;
    color: #252525;
}
.consulting_type_pop .tab_wrap button.on {
    border-right: 1px solid #3f71b7;
    border-bottom: 1px solid #3f71b7;
    color: #fff;
    background: #3f71b7;
    z-index: 1;
}
.consulting_type_pop .cont_wrap .box {
    display: none;
    padding: 3.611vw 0;
    font-size: 0;
}
.consulting_type_pop .cont_wrap .box.on {
    display: block;
}
.consulting_type_pop .cont_wrap .check_item02,
.consulting_type_pop .cont_wrap .radio_item {
    display: inline-block;
    width: 50%;
    padding: 1.944vw 0;
    vertical-align: middle;
}
.consulting_type_pop .ok_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 13.889vw;
    font-size: 3.611vw;
    font-weight: 500;
    color: #fff;
    background: #3f71b7;
}
/* //consulting_type_pop */




/* comment_wrap */
.comment_wrap .ttl {
    display: flex;
    align-items: flex-end;
    padding: 3.472vw 4.167vw;
}
.comment_wrap .ttl strong {
    display: block;
    padding-left: 7.222vw;
    font-size: 4.722vw;
    font-weight: 500;
    color: #252525;
    line-height: 5.139vw;
    background: url(../img/ico/ico_free_talk.png) left center no-repeat;
    background-size: 5.833vw;
}
.comment_wrap .ttl span {
    display: block;
    margin-left: 0.972vw; 
    font-size: 3.333vw;
    font-weight: 400;
    color: #252525;
}
.comment_wrap .comment_form_box {
    border-top: 1px solid #757575;
    border-bottom: 1px solid #eeeeee;
    padding: 5.556vw 4.167vw;
}
.comment_form .comment_form_top .comment_input {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 27.778vw;
    padding: 3.889vw;
    border: 1px solid #dbdbdb;
    border-radius: 0.556vw;
    box-sizing: border-box;
}
.comment_form .comment_form_top .comment_input_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
}
.comment_form .comment_form_top .comment_input_info .name {
    font-size: 3.472vw;
    font-weight: 500;
    color: #252525;
}
.comment_form .comment_form_top .comment_input_info .length {
    font-size: 3.194vw;
    font-weight: 400;
    color: #999999;
}
.comment_form .comment_form_top textarea {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 2.778vw;
    border: 0;
    padding: 0;
    font-size: 3.333vw;
    font-weight: 400;
    color: #252525;
    line-height: 1.5;
    resize: none;
}
.comment_form .comment_input_file {
    display: flex;
    align-items: center;
    margin-top: 2.778vw;
}
.comment_form .comment_input_file .comment_file {
    display: block;
    width: 19.444vw;
    height: 10.833vw;
    margin-right: 2.778vw;
    flex-shrink: 0;
    flex-grow: 0;
}
.comment_form .comment_input_file .comment_file input {
    display: none;
}
.comment_form .comment_input_file .comment_file label {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #3f71b7;
    line-height: 10.556vw;
    text-align: center;
    font-size: 3.472vw;
    font-weight: 500;
    color: #3f71b7;
    border-radius: 5.417vw;
    box-sizing: border-box;
}
.comment_form .comment_input_file .file_info {
    width: calc(100% - 22.222vw);
}
.comment_form .comment_input_file .file_notice {
    font-size: 3.333vw;
    font-weight: 400;
    color: #757575;
    line-height: 1.5;
}
.comment_form .comment_input_file .file_name {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 6.528vw;
    line-height: 4.028vw;
    background: url(../img/ico/ico_file.png) left center no-repeat;
    background-size: 4.028vw;
    box-sizing: border-box;
}
.comment_form .comment_input_file .file_name span {
    display: block;
    max-width: 100%;
    padding-right: 1px;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comment_form .comment_input_file .file_del {
    display: block;
    width: 4.167vw;
    height: 4.167vw;
    margin-left: 0.833vw;
    background: url(../img/btn/btn_file_del.png) center center no-repeat;
    background-size: 4.167vw;
    flex-shrink: 0;
    flex-grow: 0;
}
.comment_form .comment_submit {
    display: block;
    margin-top: 3.889vw;
    width: 100%;
    height: 11.667vw;
    font-size: 3.472vw;
    font-weight: 500;
    color: #fff;
    background: #454545;
    border-radius: 0.556vw;
}
.comment_list .comment_item {
    padding: 5.556vw 4.167vw;
    border-bottom: 1px solid #eeeeee;
}
.comment_list .answer {
    padding-left: 4.722vw;
}
.comment_list .answer .comment_view {
    margin-top: 3.889vw;
}
.comment_view .comment_view_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.comment_view .writer_info {
    display: flex;
    align-items: center;
    max-width: 60%;
    flex-shrink: 0;
    flex-grow: 0;
}
.comment_view .writer_info .user_thumb {
    display: block;
    width: 9.028vw;
    height: 9.028vw;
    margin-right: 2.778vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fafafa;
    background-size: 9.028vw;
    border-radius: 50%;
}
.comment_view .writer_info .user_thumb.partner {
    background-image: url(../img/ico/user_thumb_partner.png);
}
.comment_view .writer_info .user_thumb.gen {
    background-image: url(../img/ico/user_thumb_gen.png);
}
.comment_view .writer_info .user_name {
    font-size: 3.472vw;
    font-weight: 500;
    color: #252525;
    line-height: 4.167vw;
    background-position: right 0 center;
    background-repeat: no-repeat;
}
.comment_view .writer_info .user_name.partner {
    padding-right: 5.556vw;
    /* color: #3f71b7; */
    background-image: url(../img/ico/ico_partner.png);
    background-size: 4.167vw;
}
.comment_view .writer_info .user_name.basic_g {
    padding-right:3.472vw;
    background-size:auto 2.778vw;
}
.comment_view .writer_info .user_name.first_g {
    padding-right:3.472vw;
    background-size:auto 3.194vw;
}
.comment_view .writer_info .user_name.second_g {
    padding-right:3.472vw;
    background-size:auto 3.194vw;
}
.comment_view .writer_info .user_name.third_g {
    padding-right:3.472vw;
    background-size:auto 3.194vw;
}
.comment_view .modify {
    display: flex;
    align-items: center;
}
.comment_view .modify button {
    display: block;
    width: 11.111vw;
    height: 6.667vw;
    border: 1px solid #cccccc;
    font-size: 2.778vw;
    font-weight: 400;
    color: #454545;
    background: #fafafa;
    border-radius: 0.556vw;
    box-sizing: border-box;
}
.comment_view .modify button + button {
    margin-left: 1.667vw;
}
.comment_view .comment_desc {
    display: block;
    margin-top: 3.333vw;
    font-size: 3.333vw;
    font-weight: 350;
    color: #454545;
    line-height: 1.5;
}
.comment_view .file_down {
    display: block;
    margin-top: 3.333vw;
    padding-left: 6.111vw;
    line-height: 4.028vw;
    font-size: 3.611vw;
    font-weight: 400;
    color: #454545;
    background: url(../img/ico/ico_file.png) left center no-repeat;
    background-size: 4.028vw;
}
.comment_view .comment_util {
    display: flex;
    align-items: center;
    margin-top: 2.778vw;
}
.comment_view .comment_util dl {
    display:flex;
    align-items: center;
}
.comment_view .comment_util dl + dl {
    position:relative;
    margin-left:2.361vw;
    padding-left:2.639vw;
}
.comment_view .comment_util dl + dl:before {
    content:'';
    display:block;
    position:absolute;
    top:57%;
    left:0;
    transform:translateY(-50%);
    width:1px;
    height:3.194vw;
    background-color:#dbdbdb;
}
.comment_view .comment_util dt {
    margin-right:1.528vw;
    font-size:3.472vw;
    color:#666666;
}
.comment_view .comment_util dd {
    font-size:3.472vw;
    color:#454545;
}
.comment_view .date {
    font-size: 3.333vw;
    font-weight: 400;
    color: #999999;
}
.comment_view .answer_btn {
    display: block;
    width: 16.667vw;
    height: 6.667vw;
    margin-left: 2.778vw;
    border: 1px solid #cccccc;
    font-size: 2.778vw;
    font-weight: 400;
    color: #454545;
    background: #fafafa;
    border-radius: 0.556vw;
    box-sizing: border-box;
}
.comment_item .comment_form {
    margin-top: 3.889vw;
}
/* //comment_wrap */


/* 달력 */
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{ display:none; position:relative; margin-top:10px; background:#fff; border:solid 1px #dddddd; border-radius:5px; z-index:99999 !important;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table{background:#fff;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table thead tr th{width:32px; line-height:24px; height:24px;
text-align:center; padding-right:5px;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table thead tr th span{font-size:10.1px; font-weight:300; color:#999999;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td{text-align:center; color:#666666; font-size:12px;
width:35px; line-height:35px; height:35px; padding-right:0px;  background:#ffffff;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a{ display:block; margin:1px; border-radius:50%;  color:#666666; font-size:12px; font-weight:300;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a:hover { background-color:#3f71b7; color:#fff;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td a.ui-state-default.ui-state-active{ border:solid 1px #3f71b7;}
.ui-datepicker-title{display:table; margin:0 auto; margin-top:20px; margin-bottom:20px; }
.ui-datepicker-title span{text-align:center; color:#000000; font-size:15px; font-weight:500;}
.ui-datepicker-title span.ui-datepicker-year { font-weight:300;}
.ui-datepicker-title select.ui-datepicker-year,
.ui-datepicker-title select.ui-datepicker-month {
    display: inline-block;
    border: 1px solid #dbdbdb;
    width: 42px;
    height: 20px;
    padding: 0 2.778vw;
    font-size: 3.611vw;
    background: #fff url(../img/ico/ico_select_blue.png) right 2.778vw center no-repeat;
    background-size: 2.778vw;
    box-sizing: content-box;
}
.ui-datepicker-title select.ui-datepicker-month {
    margin-left: 10px;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{position:relative;}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-prev{text-indent:-9999px; position:absolute; 
background:url("../img/btn/calandar_left.png")no-repeat center; width:6px; height:10px; left:10px;top:6px;}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next{text-indent:-9999px; position:absolute; 
background:url("../img/btn/calandar_right.png")no-repeat center; width:6px; height:10px; right:10px;top:6px;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all table tbody tr td.ui-datepicker-unselectable.ui-state-disabled
{background:#fff; color:#cecece;}
input.date_form :-ms-input-placeholder { color: #333333; } 
input.date_form::-webkit-input-placeholder { color: #333333; }
input.date_form::-moz-placeholder { color: #333333; }
button.ui-datepicker-trigger {display:none;}
img.ui-datepicker-taigger { margin-left:10px; margin-top:1px;}
.date_form { background:url("../img/ico/ico_calander.png") no-repeat; background-position:98% center;}
.date_form.date_form3 { background:none;}
.ui-datepicker-trigger { margin-left:10px;}

#footer .footer_bot .togle_wrap .link_list{
    display:flex;
    margin-left: 20px;
}

#footer .footer_bot .togle_wrap .link_list li+li{
    margin-left: 10px;
}
#footer .footer_bot .togle_wrap .link_list li a{
    display: block;
    width: 8vw;
}