@charset "utf-8";

@media (max-width: 1220px){
	/* main */
	.main-quick {margin:-190px 0 60px;}
	.main-quick .col a {width:130px; height:130px;}
	.main-quick .col h4 {font-size:14px;margin-top:5px;}
	.main-quick .col .ico {height:48px;}

	.main-bnr .row {margin:0 -7px;}
	.main-bnr .col {padding:0 7px;}
	.main-bnr .col1 .tit {font-size:18px;}
	.main-bnr .col1 .ico {width:60px;}
	.main-bnr .col1 .txt {padding-left:10px;}
	.main-bnr .col1 .btn-bank {font-size:14px; padding:0 10px;}
	.main-bnr .col1 .btn-bank img {width:72px;}
	.main-bnr .col2 .ico {width:60px;}
	.main-bnr .col2 .tit {font-size:18px;}
	.main-bnr .col2 .tit .desc {font-size:15px;}
	.main-bnr .col2 .txt {padding-left:10px;}
	.main-bnr .col2 .tel {font-size:13px;}
	.main-bnr .col2 .tel .num {font-size:26px;}
	.main-bnr .col3 .tit {font-size:18px;}
	.main-bnr .col3 .ico {width:60px;}
	.main-bnr .col3 .txt {padding-left:10px;}
	.main-bnr .discount-rate .today {display:block; width:100%;font-size:15px;}
	.main-bnr .discount-rate .today .date {font-size:13px;}
	.main-bnr .discount-rate .percent {display:block; font-size:24px;}

	.main-link .row {margin:0 -7px;}
	.main-link .col {padding:0 7px;}
	.main-link .box {padding:15px 15px 15px 15px;}
	.main-link .tit {font-size:16px;}
	.main-link .col2 .ico {width:50px;}
	.main-link .col2 .txt {font-size:16px;}
	.main-link .col2 .btn-cal {max-width:60px;height:30px;line-height:28px; font-size:13px;}
	.main-link .col3 .box {padding:15px;}

	/* footer */
	.foot-bnr {padding:20px 0; overflow:hidden;}
	.foot-bnr .row {margin:-7px 0;}
	.foot-bnr .col {width:100%; padding:7px 0;}
	.foot-bnr .box {height:auto; padding:15px 30px;}
	.foot-bnr .box .tit {font-size:18px;}
	.foot-bnr .box .tit .desc {font-size:14px;}
	.foot-bnr .col1 .box {padding-top:15px;}
	.foot-bnr .col3 .tel .num {font-size:24px;}
}

/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}

	/* content */
	.hstr-wrap .tit {padding-top:0;margin-bottom:5px;}
	.hstr-wrap .status-select {clear:left;}
	.hstr-wrap .status-select .select {width:85px !important;}
	.hstr-wrap .date-srch {margin:0 2px;}
	.hstr-wrap .date-srch img {margin-left:2px;}
	.hstr-wrap .date-srch .input {max-width:85px !important;}
	.hstr-wrap .btn {width:60px;}
	.hstr-wrap .btn.wh {width:60px;}
	.hstr-wrap .chk-btn label {font-size:13px;}

	.info-wrap {padding:10px 20px; font-size:13px;}
	.info-wrap .title {margin-right:10px;}
	.info-wrap .title:after {margin:-.2em 0 0 10px;}
	.info-wrap ul li {margin-right:10px;}

	.bonds-list label[for="icode1"],
	.bonds-list label[for="bizcode1"],
	.bonds-list label[for="biznum1"],
	.bonds-list label[for="forcode1"],
	.bonds-list label[for="national"] {display:block;}
}

/* portrait tablet */
@media (max-width: 900px) {
	body, input, textarea, select, button, table {font-size:15px;}
	.only-desktop {display:none;}
	.only-tablet-mobile {display:block;}
	.only-tablet {display:block;}

	/* header */
	#wrapper {padding-top:60px;}
	#header {position:fixed; top:0;left:0; width:100%; box-shadow:1px 1px 3px rgba(0,0,0,.1);}
	#header .top-wrap .contain {height:60px;}
	#header .gnb-wrap {display:none;}

	.sitelogo {left:30px;}

	.util {display:none;}
	.m-util {display:block;}

	.all-menu-btn {display:block; width:40px;height:40px;}
	.all-menu-btn span:before {top:-10px;}
	.all-menu-btn span:after  {bottom:-10px;}

	/* main */
	.main-login {padding:0 30px;}

	.main-bnr {padding:30px 0 7px;}
	.main-bnr .col {width:100%; margin-bottom:7px;}
	.main-bnr .col:last-child {margin-bottom:0;}
	.main-bnr .col .box {height:auto; padding:20px; border:1px solid #ccc;}
	.main-bnr .col1 .ico {width:72px;}
	.main-bnr .col2 .ico {width:72px;}
	.main-bnr .col3 .ico {width:72px;}
	.main-bnr .col3 .box {border:1px solid #ccc; padding:20px;}
	.main-bnr .discount-rate {max-width:50%;}
	.main-bnr .btn-discount  {max-width:40%; bottom:20px;right:20px;}

	.main-link .col {width:100%; margin-bottom:7px;}
	.main-link .col:last-child {margin-bottom:0;}
	.main-link .col .box {height:auto; padding:20px;}
	.main-link .col1 .box {padding:10px;}
	.main-link .col2 .box {height:80px; padding:0 20px;}
	.main-link .site-list {max-width:48%;}

	/* footer */
	#footer {font-size:13px; text-align:center;}
	.foot-logo {position:static; text-align:center; margin-bottom:15px;}
	.foot-info {margin-left:0;}

	/* sub */
	.sub-visual {height:150px;}
	.sub-visual h2 {font-size:28px;}

	.lnb ul {height:45px;}
	.lnb ul li {padding:0 16px;}
	.lnb ul li a {font-size:16px;line-height:45px;}

	#container.with-left {margin-top:0; padding-left:0;}
	#container.with-left .sub-title {text-align:center;}
	.only-tablet-mobile .lnb {margin-bottom:60px;} /* 회원전용로그인 */

	#left-menu {float:none; width:100%; margin-bottom:30px;}
	.left-menu {text-align:center; width:100%; border-top:5px solid #2fa1e4; border-bottom:1px solid #ddd;}
	.left-menu .title {height:60px;}
	.left-menu .title h2 {font-size:22px;}
	.left-menu .swiper-wrapper {display: inline-flex !important;}
	.left-menu > ul {padding:6px 0;}
	.left-menu > ul > li {width:auto !important;}
	.left-menu > ul > li > a {padding:4px 10px; font-size:14px; line-height:20px; border-bottom:0;}
	.left-menu > ul > li:hover .lnb-sub,
	.left-menu > ul > li.active .lnb-sub {display:none;}
	.l-bnr {display:none;}


	.sub-title {margin:40px auto;}
	.sub-title h2 {font-size:24px;}
	.sub-title h3 {font-size:24px;}

	.real-cont {padding-bottom:70px;}

	/* content */
	.sub-tab ul li {padding:7px 15px;}

	.dot-tit {font-size:15px;}
	.arw-tit {font-size:17px;}

	.indent15 {margin-left:0;}
	.doc-cnt {margin-bottom:30px;}

	.num-list > li {padding-left:1.2em; text-indent:-1.2em; margin-bottom:3px;}
	.dot-list > li .dot-list {margin-top:3px; margin-bottom:15px;}
	.num-list > li .num-list {margin-top:3px; margin-bottom:15px;}
	.dot-list .dot-tit {margin-top:15px;}

	.table01 thead th {padding:5px 5px; height:50px;}
	.table01 thead td {padding:8px 5px;}
	.table01 tbody th {padding:8px 5px;}
	.table01 tbody td {padding:8px 5px;}
	.table01 .t-l {padding-left:15px; text-align:left;}

	.bodycopy {font-size:16px;}

	.greeting {float:none; width:100%; margin-bottom:30px;}
	.greeting .group h3 {font-size:24px;}
	.greeting .group .b-txt {font-size:17px;}
	.grt-img {margin-left:0; text-align:center;}

	.local-info {margin:10px -10px 0;}
	.local-info .col {float:left; width:50%; padding:10px;}
	.local-info .txt strong {font-size:17px;}

	.desc-head .imgwrap {height:260px;}
	.desc-head .txtwrap {padding:0 20px;}
	.desc-head .txtwrap h3 {font-size:18px;}
	.desc-head .txtwrap .b-txt {font-size:16px;}

	.process li:nth-child(2n+1) {clear:left;}
	.process li:nth-child(2n):after {display:none;}
	.process li h3 {font-size:16px;}
	.process .row-4 {margin:-25px;}
	.process .row-4 li {width:50%; padding:25px;}
	.process .row-5 li {width:50%;}

	.sitemap dl {width:50%;}
	.sitemap dl:nth-child(2n+1) {clear:left;}
	.sitemap dl dt {height:38px; line-height:36px;}

	/* board */
	.board-search {margin-bottom:20px;}

	.board-list table thead th {font-size:15px;}
	.board-list table tbody td {font-size:14px;}
	.board-list table tbody td.no {width:10%;}
	.board-list table tbody td.name {width:12%;}
	.board-list table tbody td.date {width:12%;}
	.board-list table tbody td.hit {width:9%;}

	.gallery-list ul {margin:0 -10px;}
	.gallery-list ul li {width:33.33333333%; padding:0 10px; font-size:14px;}
	.gallery-list ul li:nth-child(4n+1) {clear:none;}
	.gallery-list ul li:nth-child(3n+1) {clear:left;}

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:14px;}

	.prev-next {font-size:14px;}

	/* member */
	.login-area .login-box {display:block; width:100%; margin:0 auto;}
	.login-area .login-box .form .input  {height:36px; line-height:24px; padding:5px 12px;}
	.login-area .login-box .form .select {height:36px; line-height:24px; padding:5px 12px;}
	.login-area .login-box .form .btn-pack.login {height:40px; font-size:15px;}

	.find-account {display:block; width:100%; margin:0 auto 15px;}
	.find-account .form .input  {height:36px; line-height:24px; padding:5px 12px;}
	.find-account .form .select {height:36px; line-height:24px; padding:5px 12px;}
	.find-account .form .btn-pack.btn {height:40px; font-size:15px;}
}

/* Landscape phone */
@media (max-width: 720px) {
	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	.contain {padding-left:15px; padding-right:15px;}

	/* header */
	#wrapper {padding-top:50px;}

	#header {top:0; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.15);}
	#header .top-wrap .contain {height:50px;}
	.sitelogo {left:15px;}
	.sitelogo img {height:24px;}

	.all-menu-btn {width:32px; height:32px; right:13px;}
	.all-menu-btn span {height:3px; margin-top:-2px; left:3px; right:3px;}
	.all-menu-btn span:before, .all-menu-btn span:after {height:3px;}
	.all-menu-btn span:before {top:-8px;}
	.all-menu-btn span:after {bottom:-8px;}

	.allmenu {width:240px;}
	.allmenu .home a {height:50px;line-height:50px;}
	.allmenu .nav-menu>ul>li>a {padding:10px 0; font-size:16px;}
	.allmenu .nav-menu .submenu {padding:8px 0;}
	.allmenu .nav-menu .submenu li a {padding:5px 15px; font-size:13px;}
	.allmenu .close {top:10px;right:24px;}

	/* main */
	.main-visual {height:auto;}
	.main-visual .inner {position:relative; left:0; margin-left:0; width:100%;}
	
	.main-login {top:50%; padding:0 30px; transform: translateX(-50%) translateY(-50%);}
	.main-login .tit {font-size:18px;}
	.main-login .form .input    {height:30px; line-height:18px; display:block; width:100% !important; margin-bottom:3px;}
	.main-login .form .btn-pack {height:30px; line-height:28px; width:100%;}
	.main-login .not-member {margin-top:7px;}
	.main-login .not-member li {margin-right:10px; font-size:13px; color: #fff;}
	.main-login .user {display:block; padding:15px;}
	.main-login .user .info {margin-right:15px;}
	.main-login .user .btn-pack {height:30px; line-height:28px;}

	.main-quick {margin:0 auto;}
	.main-quick .contain {padding-left:0;padding-right:0;}
	.main-quick .row {margin:0;}
	.main-quick .col {width:33.333333%; padding:0; border-left:1px solid #fff;border-top:1px solid #fff;}
	.main-quick .col:nth-child(n+1):nth-child(-n+3) {border-top:0;}
	.main-quick .col:nth-child(3n+1) {border-left:0;}
	.main-quick .col a {width:100%; height:82px; border-radius:0;}
	.main-quick .col h4 {font-size:13px;font-weight:400;}
	.main-quick .col .ico {height:32px;}

	.main-bnr .col2 .tel .num {font-size:24px;}
	.main-bnr .col3 .box {padding: 20px 20px 70px;}
	.main-bnr .btn-discount {max-width:180px; padding:0 6px;}
	.main-bnr .btn-discount:before {content:"";display:inline-block;vertical-align:middle; margin:-.1em 8px 0 0; width:15px;height:14px; background:url('../images/main/more_ye.png') 0 0 no-repeat;}
	.main-bnr .btn-discount:after  {content:"";display:block;position:absolute;bottom:0;right:0; width:4px;height:4px; border:4px solid transparent; border-right-color:#fff;border-bottom-color:#fff;}

	.main-link .col3 .box {display:block;}
	.main-link .col3 .tit {display:block;vertical-align:top; width:100%; margin-bottom:15px;}
	.main-link .col3 .tit .tt {display:inline-block;vertical-align:middle;}
	.main-link .col3 .tit .ico {display:inline-block;vertical-align:middle; margin-top:0; margin-left:15px;}
	.main-link .col3 .cont {display:block;}
	.main-link .site-list {max-width:100%; margin-left:unset; margin:0 auto 0;}

	/* sub */
	.sub-visual {height:100px;}
	.sub-visual h2 {font-size:20px;}

	.lnb .swiper-container {}
	.lnb ul {height:40px;}
	.lnb ul li a {font-size:13px;line-height:40px;}

	#contArea {padding-left:15px; padding-right:15px;}

	.sub-title {margin:30px auto;}
	.sub-title h2 {font-size:19px;}
	.sub-title h3 {font-size:19px;}

	.real-cont {min-height:200px; padding-bottom:40px;}

	/* content */ /* 720 */
	.sub-tab.m-lnb-sub {margin:30px 15px 30px;}
	.sub-tab {border:1px solid #ddd; border-radius:25px; margin-bottom:30px;}
	.sub-tab ul {padding:0; border:0; border-radius:0;}

	.arw-tit {font-size:16px; padding-left:29px;text-indent:-29px;}
	.arw-tit:before {width:19px;height:19px; background-size:contain;}

	.indent {margin-left:0;}
	.indent15 {margin-left:0;}
	.doc-cnt {margin-bottom:40px;}

	.dot-txt {font-size:13px;}

	.table-box {margin:10px 0; width:100%; overflow-x: auto; -webkit-overflow-scrolling:touch;}
	.table01 {min-width:500px;}
	.table01 thead th {height:44px;}

	.bodycopy {font-size:15px;}

	.greeting .group {margin-bottom:15px;}
	.greeting .group h3 {font-size:20px; margin-bottom:10px;}
	.greeting .group .b-txt {font-size:15px;}

	.local-map .wrap_map {height:320px !important;}
	.local-info {margin:15px 0 0;}
	.local-info .col {width:100%; padding:10px 10px;}
	.local-info .txt strong {font-size:16px;}

	.desc-head {margin-bottom:30px;}
	.desc-head .imgwrap {display:block; width:100%; height:150px; border-right:0; border-bottom:1px solid #ddd;}
	.desc-head .txtwrap {display:block; padding:20px;}
	.desc-head .txtwrap h3 {font-size:17px;}
	.desc-head .txtwrap .b-txt {font-size:15px;}

	.desc-head2 {margin-bottom:30px;}
	.desc-head2 .imgwrap {display:block; width:100%; height:150px; border-right:0; border-bottom:1px solid #ddd;}
	.desc-head2 .txtwrap {display:block; padding:20px;}
	.desc-head2 .txtwrap h3 {font-size:17px;}
	.desc-head2 .txtwrap .b-txt {font-size:15px;}

	.callout {padding:20px;}

	.btn-purchase {max-width: 240px; line-height:40px; font-size:14px;}

	.process {padding-top:40px;}
	.process li h3 {font-size:15px;}
	.process .row-4,
	.process .row-5 {margin:-20px;}
	.process .row-4 li,
	.process .row-5 li {padding:20px;}
	.process li .box {min-height: 180px;}

	/* board  */
	.input {height:32px; padding:5px; font-size:13px; line-height:20px;}
	.select {height:32px; padding:5px; font-size:13px; line-height:20px;}
	.textarea {padding:5px; font-size:13px; line-height:20px;}

	.board-search .total-page {display:none;}
	.board-search {padding:10px;}
	.board-search .select {width:90px; height:40px; padding:0 10px;}
	.board-search .input {width:calc(100% - 150px); height:40px; line-height:40px;}
	.board-search .btn {width:60px; height:40px;}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.gallery-list {margin:0 -15px; padding:15px 15px 0;}
	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {width:50%; padding:0 7px; margin-bottom:30px;}
	.gallery-list ul li:nth-child(3n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}
	.gallery-list ul li .thumb {margin-bottom:8px;}

	.faq .tit {background:url("../images/bbs/faq_q.png") 10px 10px no-repeat; -webkit-background-size:24px auto; background-size:24px auto;}
	.faq .tit a {padding:10px 15px 10px 45px;}
	.faq .tit .icon {display:none;}
	.faq .cnt {padding:12px 15px;}

	.board-view {margin:0 -15px;}
	.board-view .head .tit {font-size:15px; padding:10px 15px;}
	.board-view .head .info {font-size:12px; padding:8px 15px;}
	.board-view .head .files {padding:10px 15px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}
	.board-view .body iframe {width:100% !important;}

	.board-write {margin:0 -15px;}
	.board-write .group {padding:5px 15px 5px 90px;}
	.board-write .title {top:10px; left:15px; width:75px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}
	.board-write .group.content {padding-left:15px;}
	.buttons {margin:10px 0;}

	.btn-pack.medium {height:32px;padding:0 10px;line-height:30px; font-size:13px;}
	.btn-pack.large  {height:36px;padding:0 18px;line-height:34px; font-size:15px;}
	.btn-pack.xlarge {height:42px;padding:0 30px;line-height:40px; font-size:16px;}
	.btn-pack.xlarge.wide {max-width:180px;}
	.btn-pack.submit {height:50px; font-size:18px;}
	.btn-pack.mem {padding:0 18px; line-height:40px; font-size:15px;font-weight:600;}
	.btn-pack.add:before {content:"+"; font-size:16px; color:#4b4064; display:inline-block;vertical-align:middle; margin:-.2em 6px 0 0;font-weight:800;}

	.prev_next {margin:0 -15px; font-size:13px;}
	.prev_next dt {width:73px; padding:0 0 0 15px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:80px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 10px 35px; background-size:45px;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.paginate a, .paginate strong {margin:0 1px; width:32px; height:32px; line-height:30px;}

	.mailform {margin-left:-15px; margin-right:-15px;}
	.mailform table tbody th {padding:7px 0 7px 10px; height:auto;font-size:13px;line-height:1.5em;}
	.mailform table tbody td {padding:7px 10px 7px 10px; font-size:13px; line-height:1.5em;}

	.form-agree .btn {display:none;}
	.form-agree dt {font-size:15px;}
	.form-agree dd {font-size:13px; color:#666;}
	.form-agree .scroll-box {padding:7px; font-size:12px; line-height:16px;}

	/* 채권관리 */
	.bonds-list {margin-bottom:10px; width:100%; overflow-x: auto; -webkit-overflow-scrolling:touch;}
	.bonds-list table {min-width:760px;}
	.bonds-list table th {padding:5px 5px 5px 12px; height:40px; font-weight:600;}
	.bonds-list table td {padding:5px 5px 5px 12px; height:40px;}
	.bonds-list table .bt {line-height:25px; font-size:14px;}
	.bonds-list table .bt-add {max-width:70px;}
	.bonds-list table .bt-mod:before {font-size:13px;}
	.bonds-list table .bt-del:before {font-size:14px;}
	.bonds-list table .bt-add:before {font-size:14px;}
	.bonds-list table .bt-medi {max-width:70px;}
	.bonds-list table .bt-wide {max-width:70px;}

	.bonds-list.t-c th, .bonds-list.t-c td {padding-left:8px;padding-right:8px;}
	.bonds-list.t-l th, .bonds-list.t-l td {padding-left:8px;padding-right:8px;}
	.bonds-list th.t-l, .bonds-list td.t-l {padding-left:8px !important;padding-right:8px !important;}

	.comp-name {display:block; padding-top:0; margin-bottom:6px; font-size:14px;}
	.bonds-head .left label[for="mo1"] {display:block;}
	.bonds-head .left .input {}
	.bonds-head .right .discount {padding-top:5px; font-size:14px;}
	.ui-btn .btn {padding:0 12px;font-size:13px;line-height:36px;}

	.bonds-area .total {height:150px;}
	.bonds-area .total .info {font-size:14px; padding-left:105px; background:url('../images/sub/ico_ammount_info.png') 0 50% no-repeat;}
	.bonds-area .total .ammount {text-align:right;}
	.bonds-area .total .ammount .num {font-size:18px;}
	.bonds-area .total .ammount .btn {font-size:16px;line-height:36px;font-weight:600; padding:0 12px; margin-left:5px;}

	.btm-btn .ui-btn:before {left:20px;margin-top:-8px; width:16px;height:16px; background-position: 0 50%; background-repeat:no-repeat; z-index:2;}
	.btm-btn .ui-btn .btn {font-size:14px;color:#4b4b4b; padding:0 25px 0 42px;}

	.cal-way {height:130px; padding:15px; font-size:15px; margin-top:20px;}
	.cal-way .tit {font-size:17px;font-weight:700; margin-bottom:5px;}
	.cal-way .dot-list {padding-left:90px; background-size:70px auto;}
	.cal-way .dot-list > li {line-height:1.6em; font-weight:600;}

	.bonds-noti {padding:20px 25px; border-radius:5px; margin-top:20px;}
	.bonds-noti .dot-list > li {font-size:13px;}

	.hstr-wrap .status-select {width:29% !important;}
	.hstr-wrap .status-select .select {width:100% !important;}
	.hstr-wrap .date-srch {width:69%; margin:0 2px 4px;}
	.hstr-wrap .date-srch .input {width: calc(50% - 45px) !important; max-width:unset !important;}
	.hstr-wrap .btn {width:60px;font-size:12px;}
	.hstr-wrap .btn.wh {width:60px;}
	.hstr-wrap .chk-btn label {font-size:12px;}

	/* 직원관리 팝업 */
	.manage-popwrap .bonds-list table th, .manage-popwrap .bonds-list table td {font-size:13px;}

	/* 영수증 출력 */
	.receipt .head {margin-bottom:15px;}
	.receipt .head h1 {font-size:20px;}

	.receipt .group {margin-bottom:15px;}
	.receipt .group .tit {font-size:15px;}
	.receipt .group table th {padding:7px 15px; font-size:13px;}
	.receipt .group table td {padding:7px 15px; font-size:13px;}
	.receipt .group table .account {font-size:15px;}
	.receipt .stamp {right:20px;}

	.btn-printer {max-width:120px; margin:10px auto 0; padding:0 10px; line-height:44px;font-size:15px;}

	.print-img {padding:15px;}

	.join-area .form table th {padding:6px 6px 6px 12px;height:48px;}
	.join-area .form table td {font-size:13px;}
	.join-area .form table td .txt {font-size:.9em;}
}

/* Landscape phones and down */
@media (max-width: 400px) {
	.main-bnr .col1 .link-ad {background-position: 15px 50%; background-size:calc(100% - 30px) auto;}
	.main-link .col1 .btn-bank {font-size:12px;}
	.main-link .col1 .btn-bank img {width:68px;}
	
	.foot-bnr .box {padding:15px 20px;}
	.foot-bnr .box .tit {font-size:16px;}
	.foot-bnr .box .tit .desc {font-size:13px;}
	.foot-bnr .col1 .box {padding-top:15px;}
	.foot-bnr .col3 .tel .num {font-size:20px;}
	.foot-bnr .col .ico {display:none;}
	.foot-bnr .box .txt {padding-left:0;}
}