@charset "euc-kr";
/*CSS Document*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

@font-face {
    font-family: 'NotoSans';
    font-weight: 400;
    src: url(./fonts/notokr-regular.eot);
    src: local('notokr-regular'), 
    url(./fonts/notokr-regular.eot?#iefix) format('embedded-opentype'), 
    url(./fonts/notokr-regular.woff) format('woff'), 
    url(./fonts/notokr-regular.woff2) format('woff2'), 
    url(./fonts/notokr-regular.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
    font-weight: 500;
    src: url(./fonts/notokr-medium.eot);
    src: local('notokr-medium'), 
    url(./fonts/notokr-medium.eot?#iefix) format('embedded-opentype'), 
    url(./fonts/notokr-medium.woff2) format('woff2'), 
    url(./fonts/notokr-medium.woff) format('woff'), 
    url(./fonts/notokr-medium.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
    font-weight: 700;
    src: url(./fonts/notokr-bold.eot);
    src: local('notokr-bold'), 
    url(./fonts/notokr-bold.eot?#iefix) format('embedded-opentype'), 
    url(./fonts/notokr-bold.woff2) format('woff2'), 
    url(./fonts/notokr-bold.woff) format('woff'), 
    url(./fonts/notokr-bold.ttf) format('truetype');
}


@font-face {
font-family: 'Lato';
font-weight: 300;
src: url('./fonts/Lato-Light.eot'); 
src: local('Lato-Light'), 
        url('./fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('./fonts/Lato-Light.woff2') format('woff2'),
        url('./fonts/Lato-Light.woff') format('woff'), 
        url('./fonts/Lato-Light.ttf')  format('truetype'); 
}

@font-face {
font-family: 'Lato';
font-weight: 400;
src: url('./fonts/Lato-Regular.eot');
src: local('Lato-Regular'), 
    url('./fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/Lato-Regular.woff2') format('woff2'), 
    url('./fonts/Lato-Regular.woff') format('woff'), 
    url('./fonts/Lato-Regular.ttf')  format('truetype'); 
}

@font-face {
font-family: 'Lato';
font-weight: 500;
src: url('./fonts/Lato-Medium.eot'); 
src: local('Lato-Medium'), 
    url('./fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/Lato-Medium.woff2') format('woff2'), 
    url('./fonts/Lato-Medium.woff') format('woff'), 
    url('./fonts/Lato-Medium.ttf')  format('truetype'); 
}

@font-face {
font-family: 'Lato';
font-weight: 700;
src: url('./fonts/Lato-Bold.eot'); 
src: local('Lato-Bold'), 
        url('./fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('./fonts/Lato-Bold.woff2') format('woff2'),
        url('./fonts/Lato-Bold.woff') format('woff'), 
        url('./fonts/Lato-Bold.ttf')  format('truetype'); 
}

@font-face {
font-family: 'Lato';
font-weight: 900;
src: url('./fonts/Lato-Heavy.eot'); 
src: local('Lato-Heavy'), 
        url('./fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('./fonts/Lato-Heavy.woff2') format('woff2'), 
        url('./fonts/Lato-Heavy.woff') format('woff'), 
        url('./fonts/Lato-Heavy.ttf')  format('truetype'); 
}

html, body{font-family:'Lato', 'NotoSans', sans-serif;}
.clearfix:after{content:''; display:block; clear:both;}
.wrap{min-width:1100px; margin:0 auto;}
.global-inner{width:100%; max-width:1100px; margin:0 auto;}


.header{background:#fff; border-bottom:1px solid #aaa;}
.header .global-inner{height:159px; padding-top:20px; box-sizing:border-box;}
.header .logo-area{float:left; margin:12.5px 107px 0 0;}
.header .logo-area .biz-num{margin-bottom:6.5px; color:#666; font-size:13px; line-height:18px; letter-spacing:-0.065em;}
.header .logo-area .biz-logo{display:block; width:163px; height:45px; background:url(../image/comm/logo.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px;}
.header .menu-area{float:left; width:560px;}
.header-util{font-size:0; text-align:center;}
.header-util button, .header-util a{display:inline-block; color:#666; font-size:13px; letter-spacing:-0.065em; line-height:13px;}
.header-util #btn-bookmark{position:relative; padding-left:19px; background:url(../image/comm/ico_star.png) no-repeat 0% 50%; color:#ffb200; font-weight:500;}
.header-util .lnk-list{position:relative; display:inline-block; padding-left:10px;}
.header-util .lnk-list:before{content:''; display:inline-block; position:absolute; left:10px; top:50%; width:1px; height:10px; margin-top:-5px; background:#ddd;}
.header-util .lnk-list a{margin-left:10px;}

.header-sch{position:relative; height:50px; margin:17px 0 10px;}
.header-sch input[type="search"]{width:100%; height:50px; padding:0 50px 0 20px; background:#ededed; border:none; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; font-size:16px; line-height:50px; box-sizing:border-box;}
.header-sch .btn--submit{position:absolute; right:0; top:0; width:42px; height:50px; background:url(../image/comm/ico_sch.png) no-repeat 0% 50%; font-size:0; text-indent:-9999px;}
.header .gnb {padding-left:13px; font-size:0; box-sizing:border-box;}
.header .gnb li{display:inline-block; height:49px; margin-right:14px;}
.header .gnb li:last-child{margin-right:0;}
.header .gnb a{display:block; height:100%; padding:40px 2px 0; color:#000; font-size:27px; font-weight:500; letter-spacing:-0.065em; box-sizing:border-box;}
.header .gnb a:hover, .header .gnb .on a{position:relative; color:#ffb200;}
.header .gnb a:hover:after, .header .gnb .on a:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0px; background:#fbaf00;}
.header .gnb .new{display:inline-block; width:15px; height:16px; margin-left:4px; background:url(../image/comm/ico_new.png) no-repeat 50% 100%; font-size:0; text-indent:-9999px; vertical-align:top;}
.header .tnb-area{float:right; padding-top:33px; font-size:0; box-sizing:border-box;}
.header .tnb-area li{display:inline-block; margin-left:16px;}
.header .tnb-area li:nth-child(1){margin-left:0;}
.header .tnb-area a{display:block; padding-top:35px; color:#666; font-size:13px; font-weight:500; letter-spacing:-0.065rem; box-sizing:border-box;}
.header .tnb-area .lnk-log a{background:url(../image/comm/tnb_log.png) no-repeat 50% 1px;}
.header .tnb-area .lnk-ad a{background:url(../image/comm/tnb_ad.png) no-repeat 50% 1px;}
.header .tnb-area .lnk-commu a{background:url(../image/comm/tnb_commu.png) no-repeat 50% 1px;}
.header .tnb-area .lnk-cs a{background:url(../image/comm/tnb_cs.png) no-repeat 50% 0%;}

.public-btm-area{background:#f8f8f8;}
.public-btm-area .global-inner{padding-top:4rem; padding-bottom:4rem; box-sizing:border-box;}
.public-btm-lnk{float:left; width:300px; height:220px;}
.public-btm-lnk li{float:left; width:50%; height:110px; box-sizing:border-box;}
.public-btm-lnk li:nth-child(2n - 1){border-right:1px solid #ddd;}
.public-btm-lnk li:nth-child(-n + 2){border-bottom:1px solid #ddd;}
.public-btm-lnk li a{display:block; width:100%; height:100%; background-color:#333; font-size:14px; font-weight:500; letter-spacing:-0.065em; text-align:center; box-sizing:border-box;}
.public-btm-lnk li .lnk-ad{padding-top:77px; background:url(../image/comm/fnb_ad.png) no-repeat 50% 7px;}
.public-btm-lnk li .lnk-tip{padding-top:77px; background:url(../image/comm/fnb_tip.png) no-repeat 50% 7px;}
.public-btm-lnk li .lnk-faq{padding-top:89px; background:url(../image/comm/fnb_faq.png) no-repeat 50% 20px;}
.public-btm-lnk li .lnk-qna{padding-top:89px; background:url(../image/comm/fnb_qna.png) no-repeat 50% 20px;}
.public-btm-board{float:left; width:340px; height:220px; margin-left:60px;}
.public-btm-board .box-head{margin:19px 0 20px; line-height:22px;}
.public-btm-board .box-head h2{float:left; color:#333; font-size:22px; font-weight:500; letter-spacing:-0.065em;}
.public-btm-board .box-head a{ float:right; width:21px; height:21px; background:url(../image/comm/ico_plus.png) no-repeat 50% 50%; border:1px solid #aaa; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-size:0; text-indent:-9999px; box-sizing:border-box;}
.public-btm-board ul{max-height:150px; overflow:hidden;}
.public-btm-board li{position:relative; padding-left:10px; color:#333; font-size:14px; line-height:30px; letter-spacing:-0.065em; box-sizing:border-box;}
.public-btm-board li:before{content:''; display:block; position:absolute; left:0; top:13.5px; width:3px; height:3px; background:#000;}
.public-btm-board li a{float:left; max-width:215px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.public-btm-board li .date{float:right; color:#999; letter-spacing:0;}
.public-btm-board li:after{content:''; display:block; clear:both;}

.footer-lnk{font-size:0; padding:14.5px 0; border-bottom:1px solid #ddd;}
.footer-lnk li{position:relative; display:inline-block; margin-right:30px; color:#333; font-size:14px;letter-spacing:-0.065em;}
.footer-lnk li:after{content:''; display:inline-block; position:absolute; right:-15.5px; top:50%; width:1px; height:10px; margin-top:-5px; background:#ddd;}
.footer-lnk li:last-child:after{display:none;}
.footer-lnk li a{line-height:30px;}
.footer-cs{height:40px; margin:40px 0 36.5px;}
.footer-cs .logo-area{float:left; width:205px; text-align:left;}
.footer-cs .info-area{float:left; width:calc(100% - 205px); height:100%; padding-left:61px; border-left:1px solid #ddd; box-sizing:border-box;}
.footer-cs .tel-box{float:left; height:100%; padding-left:50px; background:url(../image/comm/ico_foot_cs.png) no-repeat 0% 50%; letter-spacing:-0.065em;}
.footer-cs .tel-box span{color:#000; font-size:14px; font-weight:700; line-height:16px;}
.footer-cs .tel-box strong{display:block; padding-top:8px; color:#ffb200; font-size:18px; font-weight:700;}
.footer-cs .time-box{float:left; height:100%; margin-left:30px; color:#666; font-size:14px; font-weight:500; letter-spacing:-0.065em; line-height:20px;}
.footer-cs .time-box span{letter-spacing:0;}
.footer-info li{color:#666; font-size:13px; line-height:20px; letter-spacing:-0.065em;}
.footer .copyright{margin-bottom:34.5px; color:#666; font-size:13px; line-height:46px;}
.footer-precaution{padding:40px 0 60px; background:#454545;}
.footer-precaution strong{display:block; padding-left:22px; background:url(../image/comm/ico_notice.png) no-repeat 0% 50%; color:#ffb300; font-size:16px; font-weight:500; letter-spacing:-0.065em; box-sizing:border-box;}
.footer-precaution p{margin-top:17px; color:#999; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.065rem;}
.footer-precaution p + p{margin-top:8px;}

#public-quick-container{position:absolute; left:50%; width:1100px; margin-left:-550px;}
#public-quick-container.main{top:460px;}
#public-quick-container.sub{top:302px;}

#public-left-area{position:absolute; left:-141px; top:0;}
.public-loan-area{width:120px; background:#fff; border-width:2px 1px 1px; border-style:solid; border-color:#ffb200 #ddd #ddd; text-align:center; box-sizing:border-box;}
.public-loan-area h2{color:#000; border-bottom:1px solid #ddd; font-size:14px; font-weight:700; line-height:39px; letter-spacing:-0.065rem;}
.public-loan-area ul{padding:0 9px; box-sizing:border-box;}
.public-loan-area li{border-bottom:1px dashed #ddd; color:#666; font-size:12px; font-weight:500; letter-spacing:-0.065rem;}
.public-loan-area li:last-child{border-bottom:0;}
.public-loan-area a{display:block; padding:9px 0;}


#public-right-area{position:absolute; right:-141px; top:0;}
#public-right-area .quick-article{width:120px; margin-bottom:10px; overflow:hidden;}
#public-right-area .commin-quick img{width:auto; max-width:100%;}
#public-right-area .lnk-quick {padding:0 9px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
#public-right-area .lnk-quick li{border-bottom:1px solid #ddd;}
#public-right-area .lnk-quick li:last-child{border-bottom:0;}
#public-right-area .lnk-quick a{display:block; padding:19px 0; text-align:center;}
#public-right-area .lnk-quick .ico{position:relative; width:50px; height:50px; margin:0 auto 7.5px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow:hidden;}
#public-right-area .lnk-quick .ico img{position:absolute; left:0; right:0; bottom:0; top:0; width:auto; height:auto; min-width:100%; min-height:100%; margin:auto;}
#public-right-area .lnk-quick .txt{font-size:13px; font-weight:500; line-height:18px; letter-spacing:-0.065rem;}

.public-recent-area{width:120px; margin:20px 0 10px; background:#fff; border-width:2px 1px 1px; border-style:solid; border-color:#ffb200 #ddd #ddd; text-align:center; box-sizing:border-box;}
.public-recent-area h2{color:#000; border-bottom:1px solid #ddd; font-size:14px; font-weight:700; line-height:39px; letter-spacing:-0.065rem;}
.public-recent-area ul{padding:0 10px; text-align:left; box-sizing:border-box;}
.public-recent-area li{margin:10px 0; color:#666; font-size:12px; font-weight:500; letter-spacing:-0.065rem;}
.public-recent-area a{display:inline-block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

#btn-top{display:block; width:60px; height:60px; margin:0 auto; background:#bab2a3 url(../image/comm/btn_top.png) no-repeat 50% 50%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-size:0; text-indent:-9999px; box-sizing:border-box; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15);}



/* 업체 광고 리스트 */
.common-ad-area{padding-bottom:55px; background:#f7f7f7;}
.common-ad-area .area-head{position:relative; padding:40px 0 20px;}
.common-ad-area .area-head .tit{color:#000; font-size:22px; font-weight:500; letter-spacing:-0.065rem; text-align:center;}
.common-ad-area .area-head .tit span{color:#ffb200;}
.common-ad-area .area-head .tit .count{ font-weight:700; letter-spacing:0;}
.common-ad-area .area-head p{position:absolute; left:0; top:45px; color:#666; font-size:14px; font-weight:500; letter-spacing:-0.065rem;}
.common-ad-item{float:left; width:216px; height:192px; margin-right:5px; margin-bottom:5px;}
.common-ad-item:nth-child(5n){margin-right:0;}
.common-ad-item > a{display:block; width:100%; height:100%; padding:0 11px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.common-ad-item.best-item a, .common-ad-item.new-item a{position:relative;}
.common-ad-item.best-item a:after{content:''; position:absolute; right:0; top:0; display:block; width:40px; height:40px; background:url(../image/comm/ico_prd_best.png) no-repeat 50% 50%; font-size:0;}
.common-ad-item.new-item a:after{content:''; position:absolute; right:0; top:0; display:block; width:40px; height:40px; background:url(../image/comm/ico_prd_new.png) no-repeat 50% 50%; font-size:0;}
.common-ad-item > a:hover{position:relative;}
.common-ad-item > a:hover:before{content:''; display:block; position:absolute; left:-2px; top:-2px; width:100%; height:100%; border:2px solid #ffb200;}

.common-ad-item .item-tit{padding:20px 0; border-bottom:1px solid #ffb200; color:#000; font-size:16px; font-weight:700; letter-spacing:-0.065rem; line-height:20px; text-align:center; }
.common-ad-item .item-tit strong{display:block; color:#ffb200}
.common-ad-item .item-info{padding:18px 0;}
.common-ad-item .item-info dl{ color:#000; font-size:13px; font-weight:500; letter-spacing:-0.065rem; line-height:15px;}
.common-ad-item .item-info dl + dl{margin-top:5px;}
.common-ad-item .item-info dt{float:left;width:20.8%; color:#999;}
.common-ad-item .item-info dd{float:left;width:29.2%;}
.common-ad-item .item-foot{height:38px; border-top:1px solid #ddd; font-size:13px; line-height:38px; letter-spacing:-0.065rem;}
.common-ad-item .item-foot .store-name{float:left; max-width:57%; color:#000;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.common-ad-item .item-foot .txt-view{float:right; padding-left:17px; background:url(../image/comm/ico_view.png) no-repeat 0% 50%; background-size:14px auto; color:#ffb200; font-weight:700; }

.public-foot-ban-item{height:160px; padding:20px 0; box-sizing:border-box;}
.public-foot-ban-item .left-cont, .public-foot-ban-item .right-cont{float:left; width:50%; height:100%; color:#fff;}
.public-foot-ban-item .left-cont{font-weight:700; letter-spacing:-0.065rem;}
.public-foot-ban-item .left-cont h2{margin-bottom:16px; padding-top:20px; font-size:22px; font-weight:700; }
.public-foot-ban-item .left-cont p{font-size:16px; line-height:22px;}
.public-foot-ban-item .right-cont{padding:6px 0 0 40px; border-left:1px solid #f4ca80; font-size:14px; font-weight:500; line-height:22px; letter-spacing:-0.065rem; box-sizing:border-box;}

.public-list-area{padding:60px 0;}
.public-list-article{float:left; width:515px;}
.public-list-article.current-store-list{margin-right:70px;}
.public-list-article .article-head h2{float:left; color:#000; font-size:22px; font-weight:500; letter-spacing:-0.065rem;}
.public-list-article .article-head .lnk-more{float:right; width:21px; height:21px; background:url(../image/comm/ico_plus.png) no-repeat 50% 50%; border:1px solid #aaa; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; font-size:0; text-indent:-9999px; box-sizing:border-box;}
.public-list-article .list-tb{width:100%; margin-top:20px; border-top:1px solid #ffb200;}
.public-list-article .list-tb th, .public-list-article .list-tb td{height:39px; border-bottom:1px solid #ddd; font-size:14px; text-align:center; vertical-align:middle;}
.public-list-article .list-tb thead th{height:44px; color:#333; font-size:15px; font-weight:500; letter-spacing:-0.065rem; }
.public-list-article .list-tb tbody td{color:#999; line-height:20px;}
.public-list-article .list-tb tr:hover{background:#f8f8f8;}
.public-list-article .list-tb .area{display:inline-block; padding:0 4px;  background:#ffb200; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; color:#fff; font-size:13px; letter-spacing:-0.065rem; }
.public-list-article .list-tb .tit{color:#333; text-align:left; letter-spacing:-0.065rem;}
.public-list-article .list-tb .tit .new{display:inline-block; width:15px; height:20px; margin-left:2px; background:url(../image/comm/ico_new.png) no-repeat 50% 2px; font-size:0; text-indent:-9999px; vertical-align:top;}
.public-list-article .list-tb tr:hover .tit{color:#000; font-weight:500;}

/* sub */
.sub-head {width:100%; max-width:1100px; margin:0 auto 50px;}
.sub-head .page-path{padding:30px 0 15px; font-size:0; text-align:right;}
.sub-head .page-path span{display:inline-block; position:relative; margin-left:17px; color:#666; font-size:13px; font-weight:500; letter-spacing:-0.065rem;}
.sub-head .page-path span:before{content:''; display:inline-block; position:absolute; left:-11.5px; top:50%; width:6px; height:11px; margin-top:-5.5px; background:url(../image/comm/arr_path.png) no-repeat 50% 50%;}
.sub-head .page-path .home{padding-left:15px; background:url(../image/comm/ico_home.png) no-repeat 0% 50%; font-weight:400; letter-spacing:0;}
.sub-head .page-path .home:before{display:none;}
.sub-head .page-tit{color:#000; font-size:34px; font-weight:500; text-align:center; letter-spacing:-0.065em;}
.sub-head .page-nav{margin:30px 0 0; text-align:center;}
.sub-head .page-nav ul{display:inline-block;}
.sub-head .page-nav li{float:left; width:200px; height:50px; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd; box-sizing:border-box;}
.sub-head .page-nav li:first-child{border-left-width:1px;}
.sub-head .page-nav a{display:block; width:100%; height:100%; color:#666; font-size:15px; font-weight:500; letter-spacing:-0.065rem;line-height:48px; text-align:center; box-sizing:border-box;}
.sub-head .page-nav .on{background:#333; border-color:#333;}
.sub-head .page-nav .on a{color:#fff;}


.common-store-list{padding-top:60px; }
.common-store-list .list-tit{color:#000; font-size:22px; font-weight:500; letter-spacing:-0.065rem;}
.common-store-list .list-tb{width:100%; margin-top:20px; border-top:1px solid #ffb200;}
.common-store-list .list-tb th, .common-store-list .list-tb td{height:39px; border-bottom:1px solid #ddd; font-size:14px; letter-spacing:-0.065rem;  text-align:center; vertical-align:middle;}
.common-store-list .list-tb thead th{height:44px; color:#333; font-size:15px; font-weight:500;}
.common-store-list .list-tb tbody td{color:#444; line-height:20px;}
.common-store-list .list-tb tr:hover{background:#f8f8f8;}
.common-store-list .list-tb .area{display:inline-block; padding:0 4px;  background:#ffb200; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; color:#fff; font-size:13px; letter-spacing:-0.065rem; }
.common-store-list .list-tb .tit{color:#333; text-align:left; letter-spacing:-0.065rem;}
.common-store-list .list-tb .tit .new{display:inline-block; width:15px; height:20px; margin-left:2px; background:url(../image/comm/ico_new.png) no-repeat 50% 2px; font-size:0; text-indent:-9999px; vertical-align:top;}
.common-store-list .list-tb tr:hover .tit{color:#000; font-weight:500;}


.common-store-view{padding-bottom:40px;}
.common-store-view .area-box{padding:0 29px; background:#fff; border-width:2px 1px 1px; border-style:solid; border-color:#ffb200 #ddd #ddd; box-sizing:border-box;}
.common-store-view .area-box + .area-box{margin-top:20px;}
.common-store-view .area-box h3{color:#ffb200; font-size:18px; font-weight:500; letter-spacing:-0.065rem;}
.common-store-view .area-box dl{color:#666; font-size:14px; font-weight:500; letter-spacing:-0.065rem;}
.common-store-view .area-box dt{float:left; width:120px;}
.common-store-view .area-box dd{float:left; width:calc(100% - 120px); color:#000;}
.common-store-view .area-box dd strong{margin-right:25px; color:#ffb200;}
.common-store-view .area-box dl:after{content:''; display:block; clear:both;}

.common-store-view .tit-area .intro{display:block; padding:35px 0; border-bottom:1px solid #ddd; color:#000; font-size:28px; font-weight:500; letter-spacing:-0.065rem; text-align:center; line-height:32px; box-sizing:border-box;}
.common-store-view .tit-area .cont{position:relative; padding:30px 360px 40px 0; box-sizing:border-box;}
.common-store-view .store-info h3{margin-bottom:20px;}
.common-store-view .store-info dl{line-height:30px;}
.common-store-view .store-util-btn{position:absolute; right:0; top:30px; font-size:0;}
.common-store-view .store-util-btn button{display:inline-block; width:160px; height:45px; margin-left:10px; border:1px solid #fbaf00; color:#ffb200; font-size:14px; font-weight:500; line-height:43px; letter-spacing:-0.065rem; text-align:center;}
.common-store-view .store-util-btn .util-caution{background:#fbaf00; color:#fff;}
.common-store-view .prd-area h3{border-bottom:1px solid #ddd; line-height:76px;}
.common-store-view .prd-area .cont{padding:27px 0 12px;}
.common-store-view .prd-area dl{float:left; width:50%; height:40px; color:#666; font-size:14px; font-weight:500; letter-spacing:-0.065rem; line-height:18px;}

.common-store-view .explain-area{border-bottom:0;}
.common-store-view .explain-area h3{border-bottom:1px solid #ddd; line-height:76px;}
.common-store-view .explain-txt{width:100%; padding-bottom:60px; border-bottom:1px solid #ddd; white-space:pre-line;}
.common-store-view .explain-txt, .common-store-view .explain-txt *{font-size:14px; font-weight:500; letter-spacing:-0.065rem; line-height:30px;}
.common-store-view .explain-store{padding:18px 0; line-height:20px;}
.common-store-view .explain-store dl + dl{margin-top:12px;}
.common-store-view .caution-area{height:80px; background:#888; color:#fff; font-size:14px; font-weight:500; letter-spacing:-0.065rem; line-height:80px; text-align:center;}

.view-layer-box{z-index:500;}
.view-layer-bg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:400;}
.store-info-layer{display:none; position:fixed; left:50%; top:50%; width:900px; height:680px; margin-left:-450px; margin-top:-340px; padding:0 50px; background:#fff; box-sizing:border-box;}
.store-info-layer .layer-head{position:relative; height:100px;}
.store-info-layer .layer-head h2{color:#000; font-size:28px; font-weight:500; letter-spacing:-0.065rem; text-align:center; line-height:100px;}
.store-info-layer .layer-head .btn--close{position:absolute; right:0; top:35px; width:27px; height:30px; background:url(../image/sub/close_layer.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px;}
.store-info-layer .info-tb{width:100%; border-top:1px solid #555;}
.store-info-layer .info-tb th, .store-info-layer .info-tb td{padding:24px 30px 21px; border-bottom:1px solid #ddd; color:#000; font-size:15px; letter-spacing:-0.065rem; vertical-align:middle; text-align:left; box-sizing:border-box;}
.store-info-layer .info-tb th{width:170px; background:#f7f7f7; font-weight:500;}
.store-info-layer .info-tb strong{color:#fbaf00; font-weight:500; letter-spacing:0;}
.store-info-layer .notice-txt{margin:20px 0 30px; color:#ffb200; font-size:15px; font-weight:500; letter-spacing:-0.065rem; text-align:center;}
.store-info-layer .layer-ban{height:100px; overflow:hidden;}
.store-info-layer .layer-ban img{width:auto; height:auto; max-width:100%; max-height:100%;}
.loan-caution-layer{display:none; position:fixed; left:50%; top:50%; width:900px;  margin-left:-450px; padding:35px 50px 55px; background:#fff; box-sizing:border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.loan-caution-layer .layer-head {position:relative; margin-bottom:20px;}
.loan-caution-layer .layer-head h2{padding-bottom:35px; border-bottom:1px solid #555; color:#000; font-size:28px; font-weight:500; letter-spacing:-0.065rem; text-align:center;}
.loan-caution-layer .layer-head .btn--close{position:absolute; right:0; top:0; width:27px; height:30px; background:url(../image/sub/close_layer.png) no-repeat 50% 50%; font-size:0; text-indent:-9999px;}
.loan-caution-layer .caution-list li{margin-bottom:20px; color:#000; font-size:15px; letter-spacing:-0.065rem; line-height:24px;}
.loan-caution-layer .caution-list span, .loan-caution-layer .caution-list strong{display:inline-block; vertical-align:top;}
.loan-caution-layer .caution-list .no{width:24px; height:24px; margin-right:6px; background:#fbaf00; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; color:#fff; font-size:15px; font-weight:700; text-align:center; line-height:24px;}
.loan-caution-layer .layer-ban{height:100px; margin-top:40px; overflow:hidden;}
.loan-caution-layer .layer-ban img{width:auto; height:auto; max-width:100%; max-height:100%;}

.page-lnk-area{margin:20px 0 60px; text-align:center;}
.page-lnk-area button{display: inline-block; width:120px;height: 45px;margin: 0 5px; background: #fbaf00;color: #fff;font-size: 16px;font-weight: 500;line-height: 43px;text-align: center;letter-spacing: -0.065rem;box-sizing: border-box;}