@charset "utf-8";

body{width:100%;}
a:hover{text-decoration: none;}
@media (max-width:360px){body{font-size:11px;}}
@media (min-width:361px) and (max-width:399px){body{font-size:12px;}}
@media (min-width:400px) and (max-width:439px){body{font-size:13px;}}
@media (min-width:440px) and (max-width:479px){body{font-size:14px;}}
@media (min-width:480px) and (max-width:519px){body{font-size:15px;}}
@media (min-width:520px) and (max-width:559px){body{font-size:16px;}}
@media (min-width:560px) and (max-width:599px){body{font-size:17px;}}
@media (min-width:600px) and (max-width:639px){body{font-size:18px;}}
@media (min-width:640px) and (max-width:679px){body{font-size:19px;}}
@media (min-width:680px) and (max-width:719px){body{font-size:20px;}}
@media (min-width:720px) and (max-width:759px){body{font-size:21px;}}
@media (min-width:760px) and (max-width:799px){body{font-size:22px;}}
@media (min-width:800px) and (max-width:839px){body{font-size:23px;}}
@media (min-width:840px) and (max-width:879px){body{font-size:24px;}}
@media (min-width:880px){body{font-size:25px;}}


.mobile_card{max-width: 740px;min-width: 320px;min-height: 667px;margin: 0 auto;padding: 5% 0;background: #54a0eb;text-align: center;}
/* 명함 */
.card_wrap{position: relative;min-height: 150px;margin: 2% 10%;padding: 7% 0;border: 1px #fff solid;border-radius: 10px;background: #fff;}
.card_wrap .card_logo{position: absolute;top: 18%;left: 7%;width: 30%;height: 30%;}
.card_wrap .card_logo img{max-width: 100%;max-height: 100%;}
.card_wrap ul{margin-left: 51%;margin-right: 5%;text-align: left;}
.card_wrap .name{font-size: 1.2em;color: #003f87;font-weight: bold;letter-spacing: 0.3em;}
.card_wrap .rsps{margin-bottom: 5%;font-size: 0.8em;font-weight: bold;}
.card_wrap .info{font-size: 0.8em;}
.card_wrap .c_adrs{-ms-word-break: keep-all;
word-break: keep-all;margin-top: 5%;font-size: 0.8em;font-weight: bold;}
/* 링크버튼 */
.link_btns{margin: 5% 6%;}
.link_btns ul{overflow: hidden;padding: 3% 0 7%;text-align: center;}
.link_btns ul li{display: inline-block;position: relative;width: 24%;padding-bottom: 5%;font-size: 0.8em;}
.link_btns ul li a{color: #fff}
.link_btns ul li img{width: 72%;margin-top: -5%;}
.link_btns ul li span{position: absolute;width: 100%;display: block;margin-top: 5%;}
/* 본문내용 */
.cont_wrap{min-height: 200px;margin: 5% 10%;padding: 5% 0;background: #fff;}
.cont_wrap img{width: 100%;}
/* 입회 상담신청 */
.counsel_btn{margin: 0 15%;background: #145bc4;border: 1px #145bc4 solid;border-radius: 10px;box-shadow: 2px 2px 2px #93252f}
.counsel_btn a{display: inline-block;width: 100%;padding: 2%;font-size:1.3em;color: #fff}
.counsel_btn img{width: 6%;margin-right: 2%;}
/* 가맹 상담신청 */
.counsel_btn02{margin: 0 15%;background: #dd3c4c;border: 1px #dd3c4c solid;border-radius: 10px;box-shadow: 2px 2px 2px #2e3759}
.counsel_btn02 a{display: inline-block;width: 100%;padding: 2%;font-size:1.3em;color: #fff}
.counsel_btn02 img{width: 6%;margin-right: 2%;}
/* 지사 */
.jisa{min-height: 667px;padding: 5% 0;background: #4a598e;text-align: center;}
.jisa .link_btns ul{border-color: #4a598e;}
.jisa .link_btns ul li{border-color: #818bb0;}
.jisa .cont_wrap{border-color: #4a598e;}