@charset "utf-8";
@import url("contents_01.css");
@import url("contents_02.css");
/********** common ***********/
.btn.gray { background-color: #888888; }
.label-wrap .label { margin-bottom: 4px; }
.input-item.gender { overflow: hidden; }
.input-item.gender .radio-item { width: 50%; float: left; }
.input-item.gender .radio-item label::after { display: none !important; }
.input-item.gender .radio-item label::before { display: none !important; }
.input-item.gender .radio-item label { padding: 12px 16px; width: 100%; background-color: #f6f6f6; color: #888888; text-align: center; font-size: 16px; }
.input-item.gender .radio-item input[type="radio"]:checked + label { background-color: #D7AA68; color: #ffffff; }

.area_wrap .input-item .btn.sm{ height: 48px; line-height: 48px; }
.area_wrap .input-item > div { display: inline-block; width: 100%; }
.area_wrap .input-item:not(.grid2) > div:first-child { width: 50%; max-width: 270px; }
.area_wrap .input-item:not(.grid2) > div:last-child { width: 50%; max-width: 130px; }
.area_wrap .input-item.grid2 > div { max-width: calc(50% - 2px); }
.preview-img .preview { display: none; width: 100%; padding-bottom: 100%; margin-bottom: 16px; background-position: center; background-repeat: no-repeat; background-size: cover; }

/*view*/
.view .view-nav-wrap .view-back a { display: block; text-indent: -99999em; width: 32px; height: 32px; background:url(../../images/common/icon_back_b.svg) no-repeat center;}
.view .view-nav-wrap .view-control ul li + li { margin-left: 24px; }
.view .view-nav-wrap .view-control ul li a { display: block; width: 32px; height: 32px; text-indent: -99999em; background-position: center; background-repeat: no-repeat;}
.view .view-nav-wrap .view-control ul li.prev a{ background-image:url(../../images/common/icon_prev_b.svg);}
.view .view-nav-wrap .view-control ul li.next a { background-image:url(../../images/common/icon_next_b.svg);}
.view .view-contents .view-title > span {display: block; }
.view .view-contents .view-title > span.title { font-size: 36px; line-height: 1.3;}
.view .view-contents .view-desc { color: #444444; }
.view .view-contents .view-desc #cnHtml p img { max-width: 100%; height: auto !important; }
/* .view .view-contents .view-desc #cnHtml p + p { margin-top: 16px; } */
.view .view-contents .view-desc .text-wrap img { display: block; max-width: 100%; height: auto !important; margin: auto;}
.view .view-contents .view-desc .text-wrap img + img { margin-top: 16px; }
.view .view-contents .view-desc .text-wrap a { margin-top: 8px; margin-bottom: 8px; display: block; color: #D7AA68; text-decoration: underline;}
.view .view-contents .view-desc .text-wrap iframe { max-width: 100%;}
.view .view-contents .view-desc .download-wrap a { display: block; width: 100%; background-color: #F6F6F6; padding: 9px 16px 0; color: #888888; height: 48px; position: relative;}
.view .view-contents .view-desc .download-wrap a + a { margin-top: 8px; }
.view .view-contents .view-desc .download-wrap a::after { position: absolute; top: 0; right: 0;  width: 0; height: 0; border-top: 7.5px solid #ffffff; border-bottom: 7.5px solid #CCD4DE; border-left: 7.5px solid #CCD4DE; border-right: 7.5px solid #ffffff; display: block; content:'';}
.view .view-contents .view-desc .download-wrap a span { display: block;}
.view .view-contents .view-desc .download-wrap a span.name { line-height: 32px; padding-left: 8px; font-size: 16px; color: #888888; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 40px); }
.view .view-contents .view-comment .write-wrap , .suggest .write-wrap {position: relative; overflow: hidden;}
.view .view-contents .view-comment .write-wrap .btn-wrap button , .suggest .write-wrap .btn-wrap button{ height: 40px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.view .view-contents .view-comment .comment-list .list-item .cancel , .view .view-contents .view-comment .comment-list .list-item .modify { display: none; }
.view .view-contents .view-comment .comment-list .list-item.desc-edit .cancel , .view .view-contents .view-comment .comment-list .list-item.desc-edit .modify { display: block; }
.view .view-contents .view-comment .comment-list .list-item.desc-edit .edit , .view .view-contents .view-comment .comment-list .list-item.desc-edit .remove { display: none; }
/* .view .view-contents .view-comment .comment-list .list-item .textarea-item .textarea { height: 140px; } */
.view .list-info { padding-left: 0; padding-right: 0; }
.view .list-info .fl-r { float: left !important; }
.view .heart-wrap {}
.view .heart-wrap .btn-heart{ width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-image: url(../../images/common/btn_heart.png); background-position: center; background-repeat: no-repeat; padding-top: 58px;}
.view .heart-wrap .btn-heart.active{background-image: url(../../images/common/btn_heart_active.png); }
.view .heart-wrap .btn-heart span { color: #D7AA68; font-size: 16px; }
.view .heart-wrap .btn-heart.active span { color: #ffffff; }

/*write*/
.suggest .write-contents .write-desc .textarea-item textarea { height: 334px; }
.suggest .hide { display: none !important; }


/* loginPopup */
#loginPopup .layerpop .layer-body { max-height: 587px; }
#loginPopup .btn-wrap.grid2 { margin-bottom: 29px; }
#loginPopup .btn-wrap.grid2 .btn { width: calc(50% - 2px) !important; max-width: calc(50% - 2px); height: 48px; line-height: 48px !important; }
#loginPopup .btn-wrap.grid2 .btn + .btn { margin-left: 4px; }
#loginPopup .img-wrap img { max-width: 100%; }
#loginPopup .sns-wrap .desc { position: relative; text-align: center; margin-bottom: 12px; }
#loginPopup .sns-wrap .desc::before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #839AB7; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#loginPopup .sns-wrap .desc span { position: relative; display: inline-block; background-color: #ffffff; z-index: 1; padding: 0 8px; font-size: 14px; line-height: 20px; }
#loginPopup .sns-wrap ul { position: relative; overflow: hidden; }
#loginPopup .sns-wrap ul li + li { margin-top: 4px; }
#loginPopup .sns-wrap ul li a { display: block; text-align: center; height: 45px; line-height: 45px; position: relative; }
#loginPopup .sns-wrap ul li a.kakao { background-color: #FEE500; }
#loginPopup .sns-wrap ul li a.kakao span { color: #191919; }
#loginPopup .sns-wrap ul li a.naver { background-color: #03C75A; }
#loginPopup .sns-wrap ul li a.facebook { background-color: #1877F2; }
#loginPopup .sns-wrap ul li a.google { background-color: #ffffff; border:1px solid #CCCCCC; }
#loginPopup .sns-wrap ul li a.google span { color: #222222; }
#loginPopup .sns-wrap ul li a span { display: block; font-size: 14px; color: #FFFFFF; }
#loginPopup .sns-wrap ul li a img { position: absolute; max-width: 100%; left: 8px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#loginPopup .input-wrap { margin-bottom: 18px; }
#loginPopup .input-wrap .input-item label { text-indent: -9999px; font-size: 0; height: 0; line-height: 0; }
#loginPopup .input-wrap .input-item input { height: 37px; border-width: 0px 0px 1px 0; border-color: #232E54; padding: 0; }


/*100vh layout*/
.full-wrap { height: 100vh; background-position: top center; background-size: cover; position: relative; }
.full-wrap .default-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); overflow: visible;}

/*deco*/
.line-deco { position: relative; }
.line-deco::after { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 1px; height: 300px; content:''; background-color: #cccccc; z-index: 1;}
.line-deco.top::after { top: -205px;}
.line-deco.bottom::after { bottom: -205px; }

/*title*/
.line-title span { display: block; position: relative; padding-bottom: 33px; }
.line-title span::after { display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 96px; height: 1px; content: ''; background-color: #232E54;}
.line-title span img { display: block; margin: auto; width: 100%; max-width: 704px; }

/* member page */
#member .member-step { display: none; }
#member .member-step.active { display: block; }
#member .step-wrap { text-align: center; }
#member .step-wrap .step { display: table; table-layout: auto; width: 100%; }
#member .step-wrap .step li { position: relative; display: table-cell; width: 64px; }
#member .step-wrap .step li:nth-child(2) { width: auto; }
#member .step-wrap .step li:nth-child(2)::after { content: ""; position: absolute; left: 24px; top: 60px; width: calc(50% - 80px); height: 1px; background-color: #CCCCCC; }
#member .step-wrap .step li:nth-child(2):before { content: ""; position: absolute; right: 24px; top: 60px; width: calc(50% - 80px); height: 1px; background-color: #CCCCCC; }
#member .step-wrap .step li .num { display: block; margin: 0 auto; width: 64px; height: 64px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border: 1px solid #232E54; color: #232E54; text-align: center; line-height: 64px; font-size: 24px; }
#member .step-wrap .step li .text { font-weight: 400; color: #232E54; margin-bottom: 4px; }

#member .step-wrap .step li.active .num { background-color: #232E54; color: #ffffff; }
#member .step-wrap .step li.complet .text { color: #D7AA68; }
#member .step-wrap .step li.complet .num { position: relative; border-color: #D7AA68; text-indent: -9999px; }
#member .step-wrap .step li.complet .num::after { content: ""; position: absolute; left: 50%; top: 50%; margin-top: -3px; width: 18px; height: 10px; border-width: 0 0 2px 2px; border-style: solid; border-color: #D7AA68; transform: translate(-50% , -50%) rotate(-45deg); -webkit-transform: translate(-50% , -50%) rotate(-45deg); -moz-transform: translate(-50% , -50%) rotate(-45deg); -ms-transform: translate(-50% , -50%) rotate(-45deg); -o-transform: translate(-50% , -50%) rotate(-45deg); }

/*********agree***********/
.agree label { color: #444444; word-break: keep-all; }
/* .agree .accordion-item { cursor: auto; } */
.agree .checkbox-wrap { padding: 24px 0; border-bottom: 1px solid #cccccc; width: 100%; }

/* .agree .accordion-item .accordion-con { color: #888888; }
.agree .accordion-item .accordion-con .list-item .line-box .linebox-title p .numberling { padding-right: 8px; }
.agree .accordion-item .accordion-con .list-item .line-box .linebox-inner .bull { color: #888888; }
.agree .accordion-item .accordion-con .list-item .line-box .linebox-inner .bull::before { background-color: #888888; } */

.agree .checkbox-inner { padding-left: 26px; }
.agree .checkbox-wrap .checkbox-item span { display: inline-block; }
.agree .handle { position: absolute; right: 10px; top: 29px; padding: 0; border-bottom: none; cursor: pointer; width: 24px; height: 24px; background-position: top center; background-size: 16px 16px; }
.agree .accordion-item.active .handle { background-position: top center; background-size: 16px 16px; }

.agree .handle.inner { top: 29px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); border-bottom: 0; }

/* .agree .handle-wrap .handle { padding: 0; border-bottom: none; font-size: 16px; background: url(../../images/common/btn_arrow_down_b.svg) no-repeat center right; } */
.agree .accordion-item.active .checkbox-wrap { border-bottom: 1px solid #ffffff; }
.agree .accordion-wrap .none { padding-top: 0; padding-bottom: 0; border-bottom: none; }

#member .input-item.id-wrap.grid3 > div { width: calc(33.3333% - 8px ); }
#member .input-item.id-wrap.grid3 > div:nth-child(2) { width: auto; }

/*********myPage***********/
#myPage .list-wrap.type01 .thumb-list li a.has-bg::after { opacity: 0.05; }
#myPage .list-wrap.type01 .thumb-list li .pet-info { position: absolute; left: 24px; bottom: 24px; }
#myPage .list-wrap.type01 .thumb-list li .pet-info > span { display: block; }
#myPage .list-wrap.type01 .thumb-list li a.btn { background-color: #F6F6F6; border: 1px dashed #cccccc; background-image: url(/images/common/icon_submit_g.svg); background-position: center; background-size: auto; }

#myPage .list-wrap.type03 ul li .btn-wrap.type02 button { border-bottom: 1px solid #222222; }
#myPage .list-wrap.type03 ul li .btn-wrap.type02 button span { color: #222222; }
#myPage .list-wrap.type03 ul li .btn-wrap.type02 li { margin-right: 16px; }
#myPage .list-wrap.type03 ul li .btn-wrap.type02 ul:first-child { float: right; }
#myPage .list-wrap.type03 ul li .btn-wrap.type02 ul:last-child { float: left; margin-right: 16px; }
#myPage .list-wrap.type03 ul li .btn-wrap.type02 li:last-child { margin-right: 0; }
#myPage .list-wrap.type03 ul li .btn-wrap li + li:after { display: none; }

/*********memberInfo***********/
#memberInfo .list-wrap.type01 .thumb-list li a.has-bg::after { opacity: 0.05; }
#memberInfo .list-wrap.type01 .thumb-list li .pet-info { position: absolute; left: 24px; bottom: 24px; }
#memberInfo .list-wrap.type01 .thumb-list li .pet-info > span { display: block; }
#memberInfo .list-wrap.type01 .thumb-list li a.btn { background-color: #F6F6F6; border: 1px dashed #cccccc; background-image: url(/images/common/icon_submit_g.svg); background-position: center; background-size: auto; }

/*********memberInfo***********/
#soialReg .list-wrap.type01 .thumb-list li a.has-bg::after { opacity: 0.05; }
#soialReg .list-wrap.type01 .thumb-list li .pet-info { position: absolute; left: 24px; bottom: 24px; }
#soialReg .list-wrap.type01 .thumb-list li .pet-info > span { display: block; }
#soialReg .list-wrap.type01 .thumb-list li a.btn { background-color: #F6F6F6; border: 1px dashed #cccccc; background-image: url(/images/common/icon_submit_g.svg); background-position: center; background-size: auto; }

/*********refund-wrap***********/
.refund-wrap .has-button .btn.refund { width: 77px; height: 26px; border: 1px solid #CCCCCC; padding-left: 8px; padding-right: 8px; }
#refundPopup.layerpop-wrap .layerpop { max-width: 560px; }
#refundPopup.layerpop-wrap .layerpop .layer-body { max-height: 707px; }

/*********언론(listType)***********/
.table-t1 th { color: #232E54; border-top: 1px solid #232E54; border-bottom: 1px solid #CCCCCC; text-align: center; letter-spacing: -0.03em; padding: 10px; }
.table-t1 td { position: relative; border-bottom: 1px solid #CCCCCC; letter-spacing: -0.03em; padding: 10px 0; line-height: 1.5em; }
.table-t1 tbody tr td:nth-child(3) { text-align: left; padding-left: 20px; max-width: 0;}
.table-t1 tbody td a { display: inline-block; width: 100%; }
.table-t1 tbody tr:hover { background-color: #f8fcff; }

.table-t1 tfoot td { border-bottom: none; height: 40px; padding-top: 70px; }
.table-t1 tfoot td .pagination li { display: inline-block; width: 40px; height: 40px; vertical-align: middle; }
.table-t1 tfoot td .pagination li a { color: #AAAAAA; line-height: 40px; }
.table-t1 tfoot td .pagination li.active a { color: #232E54; font-weight: 600; }
.table-t1 tfoot td .pagination li:first-child, .table-t1 tfoot td .pagination li:last-child { border: 1px solid #CCCCCC; font-size: 24px; }
.table-t1 tfoot td .pagination li:first-child a, .table-t1 tfoot td .pagination li:last-child a { line-height: 38px; }
.table-t1 tfoot td .pagination li:first-child { margin-right: 15px; }
.table-t1 tfoot td .pagination li:last-child { margin-left: 15px; }

.table-t1 .num { flex-basis:24px; ; transform: rotate(270deg); text-align: center; }
.table-t1 .area { flex-basis:24px; ; text-align: center; }
.table-t1 .distance { flex-basis:24px; ; transform: rotate(270deg); text-align: center; }
/* .table-t1 .area { position: relative; flex-basis:24px; writing-mode: vertical-lr; transform: rotate(180deg); }
.table-t1 .area > p { position: relative; transform: rotate(270deg); text-align: center;} */


/*********content***********/

/* contents5-4 */
#contents5-4 .dropdown-wrap { max-width: 106px; margin-left: auto; }
#contents5-4 .banner-wrap button { display: block; height: 312px; width: 100%; position: relative; overflow: hidden;}
#contents5-4 .banner-wrap button img { min-width: 100%; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); height: 100%; }




/* contents10-1 */
#contents10-1 .default-wrap .slider-wrap { position: relative ;}
#contents10-1 .default-wrap .slider-wrap .slider .item a { display: block; position: relative; }
#contents10-1 .default-wrap .slider-wrap .slider .item a span { display: block; word-break: keep-all; }
#contents10-1 .default-wrap .slider-wrap .slider .item a span.ellipse { display: -webkit-box; word-break: keep-all; }
#contents10-1 .default-wrap .slider-wrap .slider .item a .img-wrap { position: relative; height: 480px; overflow: hidden; }
#contents10-1 .default-wrap .slider-wrap .slider .item a .img-wrap > img { position: absolute; left: 50%; top: 50%; min-height: 100%; min-width: 100%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%); }
#contents10-1 .default-wrap .slider-wrap .slider .item a .txt-wrap { position: absolute; top: 96px; left: 96px; max-width: 680px; padding-right: 32px; }
#contents10-1 .default-wrap .slider-wrap .slider .item a .date-wrap > span { display: inline-block; }
#contents10-1 .default-wrap .slider-wrap .slider .item a .date-wrap > span:first-child { padding-right: 12.4%; }

#contents10-1 .slider-wrap .slick-dots { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#contents10-1 .slider-wrap .slick-dots > li { display: inline-block; margin-right: 8px; }
#contents10-1 .slider-wrap .slick-dots > li:last-child { margin-right: 0; }
#contents10-1 .slider-wrap .slick-dots > li button { width: 12px; height: 12px; background-color: #FFFFFF; opacity: 0.4; border-radius: 6px; text-indent: -9999px; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
#contents10-1 .slider-wrap .slick-dots > li.slick-active button { background-color: #D7AA68; opacity: 1; }
#contents10-1 .list-wrap.type05 .thumb-list li a > span > span.img-wrap { border: 1px solid #ffffff;}



@media (max-width: 768px){

    .area_wrap .input-item.grid2 > div { max-width: 100%; }

    #member .input-item.id-wrap.grid3 > div:first-child { min-width: 250px; width: calc(100% - 22px); }
    #member .input-item.id-wrap.grid3 > div:nth-child(2) ~ div { width: calc(50% - 4px); }
    /*********myPage***********/

    #myPage .list-wrap.type03 > ul > li { min-height: 165px; }
    #myPage .list-wrap.type03 ul li .btn-wrap.type02 ul:first-child { float: left; margin-right: 16px; }
    #myPage .list-wrap.type03 ul li .btn-wrap.type02 ul:last-child { float: left; margin-right: 0; }
    #myPage .list-wrap.type03 ul li .btn-wrap.type02 { right: initial; left: 0; }
    /* #myPage .list-wrap.type03 ul li .btn-wrap.type02 li:first-child { float: right !important; } */

    /*********언론(listType)***********/
    .table-t1 thead tr th:first-child , .table-t1 tbody tr td:first-child { display: none; }
    .table-t1 thead tr th:nth-child(2), .table-t1 tbody tr td:nth-child(2) { width: 5%;  padding: 0px; }
    .table-t1 thead tr th:nth-child(3), .table-t1 tbody tr td:nth-child(3) { width: 95%; padding-left: 6px; min-width: 170px; font-size: 15px;}
    .table-t1 thead tr th:nth-child(4), .table-t1 tbody tr td:nth-child(4) { display: none;}
    .table-t1 thead tr th:nth-child(5), .table-t1 tbody tr td:nth-child(5) { font-size: 15px;}

}

@media (max-width: 360px){
}



@media all and (max-width:1600px) {
/********** common ***********/

}
@media all and (max-width: 1280px) {
}
@media all and (max-width:768px) {
/********** common ***********/

/*view*/
.view .list-info > span + span { margin-left: 16px; }
/*title*/
.line-title span::after { width: 48px; }
.line-title span img { max-width: 312px; }

/* member page */
#member .step-wrap .step li:nth-child(2)::after { left: 12px; width: calc(50% - 56px) }
#member .step-wrap .step li:nth-child(2):before { right: 12px; width: calc(50% - 56px) }
/**********contents************/

/* contents5-4 */
#contents5-4 .banner-wrap a { height: auto; }
#contents5-4 .banner-wrap a img { width: 100%; position: relative; }

/* contents10-1 */
#contents10-1 .default-wrap .slider-wrap .slider .item a .img-wrap { height: auto; padding-bottom: 200%;  }
#contents10-1 .default-wrap .slider-wrap .slider .item a .img-wrap > img { width: 100%; }
#contents10-1 .default-wrap .slider-wrap .slider .item a .txt-wrap .info-wrap span:last-of-type { display: -webkit-box; }
#contents10-1 .default-wrap .slider-wrap .slider .item a .date-wrap > span { display: block; }
#contents10-1 .default-wrap .slider-wrap .slider .item a .date-wrap > span:first-child { margin-bottom: 24px; }

}

@media all and (max-width:768px) {
    .font36-mo { font-size: 36px !important; }
    .font20-mo { font-size: 20px !important; }

     /* contents10-1 */
    #contents10-1 .default-wrap .slider-wrap .slider .item a .txt-wrap { top: 48px; left: 24px; padding-right: 0; width: 84.615%; }
    #contents10-1 .default-wrap .slider-wrap .slider .item a .txt-wrap .info-wrap { margin-bottom: 72px !important; }

     /* contents5-4 */
    #contents5-4 .banner-wrap button { height: 0; padding-bottom: 132%;}
}

@media all and (max-width:320px) {
    /* member page */
    /* #member .step-wrap .step li:nth-child(2) { padding: 0 22px; }
    #member .step-wrap .step li:nth-child(2)::after { left: 6px; width: 26px }
    #member .step-wrap .step li:nth-child(2):before { right: 6px; width: 26px } */

    /* contents10-1 */
    #contents10-1 .default-wrap .slider-wrap .slider .item a .txt-wrap .info-wrap { margin-bottom: 25px !important;}
}
/*hover*/
@media all and (min-width:768px) {

    .view .view-contents .view-comment .write-wrap .btn-wrap button:hover { background-color: #232E54; }
    /* contents10-1 */
    #contents10-1 .list-wrap.type05 .thumb-list li a:hover > span > span.img-wrap {box-shadow: none; border: 1px solid #D7AA68; }
}
















































































































































































/***********faq************/
#contents9-2 .tab-wrap.type2 li { height: 48px; }
#contents9-2 .tab-wrap.type2 li + li { border-left: 1px solid #ffffff;}
#contents9-2 .tab-wrap.type2 li a { height: 48px; line-height: 50px;font-size: 16px; color: #888888; }
#contents9-2 .tab-wrap.type2 li.active a { color:#ffffff; }
#contents9-2 .accordion-item .handle { padding: 30px 0 29px;}
#contents9-2 .accordion-item .handle > div { width: 94%; padding-left: 36px; }
#contents9-2 .accordion-item .handle > div::after { position: absolute; left: 0; top: 0; width: 28px; height: 100%; background: url(../../images/page/icon_9_2_q.png) no-repeat top 25px left; content:''; display: block; }
#contents9-2 .accordion-item.active .handle { border-bottom: 1px solid #CCCCCC; }
#contents9-2 .accordion-item .accordion-con { padding-left: 36px; background: url(../../images/page/icon_9_2_a.png) no-repeat top 25px left; padding-top: 27px; padding-bottom: 49px; }

/****************myPage***************/
#myPage .img-bg { height: 312px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; }
#myPage .img-bg .utill-wrap { position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#myPage .img-bg .utill-wrap .btn-wrap { display: block; height: 20px; }
#myPage .img-bg .utill-wrap .btn-wrap > div {display: inline-block;}
#myPage .img-bg .utill-wrap .btn-wrap .info-utill { font-size: 14px; color: #FFFFFF; letter-spacing: -0.75px; line-height: 20px; height: 20px; position: relative; display: inline-block; float: left; }
#myPage .img-bg .utill-wrap .btn-wrap .info-utill::after{ position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content:''; background-color: #888888;}
#myPage .img-bg .utill-wrap .btn-wrap a + a { margin-left: 16px; }
#myPage .input-item .has-btn { width: calc(100% - 135px); float: left; }
#myPage .input-btn { width: 100%; }
#myPage .btn.sm { height: 48px; line-height: 48px; width: 100%; padding: 0;}
#myPage .sns-wrap .sns-item > div { background-color: #F6F6F6; padding: 16px; overflow: hidden;}
#myPage .sns-wrap .sns-item > div .sns_icon { display: block; width: calc(100% - 60px); height: 56px; background-repeat: no-repeat; background-position: center left; background-size: auto 56px;float: left; padding-left: 72px; line-height: 56px;}
#myPage .sns-wrap .sns-item > div .sns_icon > span { padding-left: 4px; }
#myPage .sns-wrap .sns-item > div.naver .sns_icon{ background-image: url(../../images/common/icon_naver_circle.svg);}
#myPage .sns-wrap .sns-item > div.kakao .sns_icon{ background-image: url(../../images/common/icon_kakao_circle.svg);}
#myPage .sns-wrap .sns-item > div.google .sns_icon{ background-image: url(../../images/common/icon_google_circle.svg);}
#myPage .sns-wrap .sns-item > div.facebook .sns_icon{ background-image: url(../../images/common/icon_facebook_circle.svg);}
#myPage .sns-wrap .sns-item .switch-item-wrap { width: 40px; float: right; }
#myPage .sns-wrap .sns-item .switch-item-wrap .switch + .switch-btn { margin: 17px 0;}

/* contents5-3 */
#contents5-3 .list-info > span > span + span { padding-left: 8px; position: relative; margin-left: 8px;}
#contents5-3 .list-info > span > span + span::after { position: absolute; top: 50%; left: 0; display: block; content:''; width: 1px; height: 14px; background: #cccccc; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

/****************member***************/
#member .drowborder { display: none !important; }



@media all and (max-width:1024px) {

/***********faq************/
#contents9-2 .tab-wrap.type2 ul.flex-con { display: flex !important; }

}

@media all and (max-width:768px) {

/***********faq************/
#contents9-2 .tab-wrap.type2 ul.flex-con { display: block !important; }
#contents9-2 .tab-wrap.type2 ul.flex-con li { width: 50%; float: left; }
#contents9-2 .tab-wrap.type2 ul.flex-con li:nth-child(n+3) { border-top: 1px solid #ffffff;}
#contents9-2 .tab-wrap.type2 li + li { border-left: 0;}
#contents9-2 .tab-wrap.type2 ul.flex-con li:nth-child(2n) { border-left: 1px solid #ffffff;}

/****************myPage***************/
#myPage .img-bg { height: 0; padding-bottom: 132%;}
#myPage .img-bg .utill-wrap { width: 84.6%; word-break: keep-all;}
#myPage .input-item .has-btn { width: 100%; float: left; }
#myPage .input-btn { width: 100%; margin-top: 4px; }
#myPage .btn.sm { width: 100%;}
#myPage .member_update_btn { margin-top: 16px; }

}

@media all and (max-width:360px) {
 #myPage .img-bg .utill-wrap .font20 { font-size: 16px !important; margin-bottom: 24px !important; }
}
/*hover*/
@media all and (min-width:768px) {
    #contents9-2 .tab-wrap.type2 li:hover a { color:#ffffff; }
}