@charset "utf-8";

@media (max-width: 1410px){
	.quick-wrap {display:none;}
}

@media (max-width: 1120px){
	/* header */
	.header-fixed #wrapper {padding-top:95px;}
	.global {font-size:13px; line-height:25px;}
	.gnb-wrap .contain {height:70px;}
	
	.sitelogo {top:10px; left:70px;}
	
	.gnb-container {margin-left:190px; margin-right:120px; padding-top:20px; border-top:1px solid #ddd;}
	#gnb  {padding-top:0; margin-left:0; margin-right:0;}
	#gnb > ul > li > a {font-size:17px; line-height:50px; padding:0 14px;}
	.gnb-fixed-menu a {font-size:17px; line-height:50px; padding:0 14px;}

	.top-bnr {display:none;}

	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}
	.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #ddd !important;}

	/* main */
	.main-top-banner img,
	.main-banner img {width:170%;}

	.main-visual .dots {bottom:15px; font-size:14px;}
	.main-visual .dots ul li {height:40px;}
}

@media (max-width: 1024px){
	body, input, textarea, select, button {font-size:14px;}

	/* header */
	
	/* main */
	.main-visual {margin-bottom:40px;}

	.main-sec-tit {margin-bottom:25px;}
	.main-sec-tit h2 {font-size:24px; margin-right:20px;}
	.main-sec-tit .bar {border-bottom-width:2px;}

	.main-best .tab ul li a {font-size:17px;}
	.main-best .list ul {margin:0 -12px;}
	.main-best .list ul li {padding:0 12px;}
	.main-best .list .thumb {margin-bottom:4px;}
	.main-best .list .tit {font-size:18px;}	
	.main-best .list .telecom {margin-left:2px;}
	.main-best .list dl {font-size:14px;}
	.main-best .list .box dd strong {font-size:20px;}
	.main-best .list .box p {font-size:11px;}

	.main-product .list {padding:20px 15px 33px;}
	.main-product .list .thumb {margin-bottom:4px;}
	.main-product .list .tit {font-size:18px;}
	.main-product .list .monthly {font-size:12px;}
	.main-product .list .price {font-size:14px;}
	.main-product .list .price strong {font-size:18px;}
	.main-product .list .txt {font-size:11px;}

	.main-event {margin-top:60px; margin-bottom:60px;}

	.main-post .row {margin:0 -15px;}
	.main-post .col {padding:0 15px;}
	.main-post .post {height:280px;}
	.main-post .post ul li {padding-left:95px; font-size:14px;}
	.main-post .title {padding:24px 10px 17px;}
	.main-post .title h2 {font-size:20px; margin-bottom:5px;}
	.main-post .title p {font-size:14px;}

	.main-comm h3 {font-size:20px;}
	.main-comm .post {margin-right:20px;}
	.main-comm .post ul li {padding-left:95px; font-size:14px;}
	.main-comm .post .more {width:28px; height:28px;}
	.main-comm .sns-area {padding:0 15px;}
	.main-comm .sns-area .sns .ico {margin-right:13px;}
	.main-comm .cs-area {padding:0 0 0 20px;}
	.main-comm .cs-area .tel strong {font-size:18px;}

	/* sub */
	.sub-heading {width:calc(100% + 60px); margin-left:-30px; margin-right:-30px;;}


	/* footer */
	#main .bottom-custom {padding:50px 0 50px;}
	.bottom-custom .col {border-top-width:6px; padding:26px 17px 20px;}
	.bottom-custom .tit h3 {font-size:20px;}
	.bottom-custom .cs .tel {font-size:27px;}
	.bottom-custom .bank .bk1 {font-size:16px; margin-bottom:3px;}
	.bottom-custom .bank .bk2 {font-size:19px;}
	.bottom-custom .bank .bk3 {font-size:14px;}
	.bottom-custom .serv ul li a {line-height:36px;}

	#footer {padding:35px 0; font-size:13px; line-height:22px;}
	.footer .foot-logo {width:130px; font-size:27px;}
	.footer .foot-info span {margin-right:12px;}
	.footer .foot-bnr {width:120px;}
	.footer .foot-bnr img {margin-top:0;}
	
	
	/* content */
	.order-check-step {margin-bottom:50px;}
	.order-check-step .box {padding:22px;}
	.order-check-step .space {width:15px;}
	.order-check-step .num span {width:50px; height:50px; font-size:22px; line-height:50px;}
	.order-check-step h3 {font-size:20px;}
	.order-check-step .txt {font-size:14px;}

	/* board */
	.input,
	.select,
	.textarea {height:36px; font-size:14px; line-height:22px; padding:4px 7px;}

	.board-search .total-page {font-size:14px;}
	.board-search .select {width:100px; height:36px; margin-right:5px;}
	.board-search .input {width:200px; height:36px; margin-right:5px;}
	.board-search .btn {width:50px; height:36px;}

	.board-list table thead th {font-size:14px; height:44px;}
	.board-list table tbody td {height:44px; font-size:14px; padding:10px 0;}
	.board-list table tbody td.subject {padding-left:10px;}

	.gallery-list ul li .tit {font-size:16px;}
	.gallery-list ul li .date {font-size:13px;}

	.event-list ul li .thumb {margin-bottom:12px;}
	.event-list ul li .tit {font-size:16px;}
	.event-list ul li .date {font-size:13px;}

	.faq {font-size:14px;}
	.faq .tit a {padding:14px 50px 14px 50px;}
	.faq .q, .faq .a {top:12px; left:13px; font-size:24px;}
	.faq .tit .icon {top:15px; right:14px; width:18px; height:18px; background-size:contain;}
	.faq .cnt {padding:17px 20px 17px 50px;}

	.review-list-info .thumb {width:60px;}
	.review-list-info .thumb .img {width:60px; height:60px;}
	.review-list-info .cnt {margin-left:70px; padding-top:0;}

	.board-write .group {font-size:14px;}
	.board-write .title {font-size:14px;}

	.board-view .head .tit {font-size:16px;}
	.board-view .head .info {font-size:13px;}

	.prev_next {font-size:14px;}

	.btn-pack.medium {font-size:14px; height:36px; line-height:34px;}
	.btn-pack.xlarge {min-width:180px; height:50px; font-size:18px; line-height:48px;}

	.white-btn .btn {min-width:auto; font-size:14px; line-height:34px;}

	.card-form table {font-size:14px;}
	.card-form th {height:52px; padding:6px 15px;}
	.card-form td {padding:6px 15px;}
	.custom-select .select {line-height:38px;}
	.card-form .input, .card-form .select {height:40px; padding:0 10px;}

	.form-agree h3 {font-size:18px; font-weight:500; padding-left:25px; background-size:17px auto;}
	.form-agree .scroll-box {font-size:14px; padding:10px;}
	.form-agree .check {font-size:15px;}

	/* member */
	.login-wrap {margin-bottom:20px;}

	.join-area .form table {font-size:14px;}
	.join-area .form table th {height:61px;}
	.join-area .form .input, .join-area .form .select {height:36px;}
	.join-area .form td .btn-pack.medium {height:36px; line-height:34px;}

	.find-wrap {margin-top:40px;}
	.find-account {padding:0 30px;}
	.find-account .tit h3 {font-size:20px;}
	.find-account .tit p {font-size:13px; letter-spacing:-.03em;}
	.find-account .form .input {height:40px; font-size:14px;}
	.find-account .submit {height:86px; font-size:15px;}
	.find-account .result {font-size:14px;}

	/* shop */
	.goods-list .thumb {margin-bottom:4px;}
	.goods-list .tit {font-size:18px;}
	.goods-list .price {font-size:14px;}
	.goods-list .price strong {font-size:18px;}
	.goods-list .monthly {font-size:12px;}
	.goods-list .txt {font-size:11px;}

	.option-title {padding:10px 10px;}
	.option-title p {font-size:14px;}
	.option-title p img {width:20px;}
	.option-title h3 {font-size:22px;}

	.option-group {padding:10px 10px;}
	.option-group .opt-tit {font-size:14px; width:80px;}


	.select-option {margin:-2px;}
	.select-option .option {padding:2px;}
	.select-option .option label {height:36px; font-size:14px; line-height:34px; padding:0 6px;}
	.select-option.usim .option label {min-width:105px;}

	.select-add-option a {padding:12px 65px 12px 12px;}

	.option-group .select {height:36px; line-height:34px; background-position:right 10px center;}

	.count-body {padding:12px 14px;}
	.count-tit h3 {font-size:18px;}

	.count-foot {padding:14px 14px;}

	.goods-fix-count .count {font-size:13px;}
	.goods-fix-count .count strong {font-size:19px;}
	.goods-fix-count .count .ico {width:32px;}
	.goods-fix-count .count .ico span {width:28px; height:28px; font-size:20px; line-height:28px;}
	.goods-fix-count .btns-in .col {padding:0 2px;}
	.goods-fix-count .btns a {font-size:14px;}
	.goods-fix-count .btns a:after {width:20px; height:20px; background-size:contain; margin-left:2px;}

	.pop-plan-tit {margin:5px 0 15px;}
	.pop-plan-tit h2 {font-size:28px;}
	.pop-plan-options .item {min-width:auto; padding:0 10px; font-size:12px; line-height:30px;}

	.plan-box .title h3 {font-size:20px;}
	.plan-box .title p {font-size:13px;}
	.plan-box .cnt-wrap {font-size:13px; min-height:250px;}
	.plan-box .month-price dt {font-size:13px;}
	.plan-box .month-price dt span {font-size:11px;}
	.plan-box .month-price dd {font-size:14px;}
	.plan-box .month-price dd strong {font-size:20px;}
	.plan-box .planSelectBtn {min-width:120px; font-size:16px; line-height:38px;}

	.pop-card-tit {margin-bottom:25px;}
	.pop-card-tit h2 {font-size:28px;}
	.pop-card-tit p {font-size:14px;}

	.select-card-list {padding:0 60px;}
	.card-box .image {height:100px;}
	.card-box .title h3 {font-size:16px;}
	.card-box .title p {font-size:13px;}
	.card-box .price-area {font-size:13px;}
	.card-box .month-price dt {font-size:13px;}
	.card-box .month-price dd {font-size:14px;}
	.card-box .month-price dd strong {font-size:20px;}
	.card-box .url-link {margin-bottom:0;}

	.select-card-desc {margin-top:17px; font-size:13px;}

	.goods-tab {margin-bottom:35px;}
	.goods-tab ul li a {font-size:16px; line-height:42px;}

	.shop-guide {font-size:14px;}

	.shop-table table thead th {font-size:14px;}
	.shop-table table tbody td {font-size:14px;}

	.order-form th {padding:10px 15px; font-size:14px; height:55px;}
	.order-form td {padding:10px 12px; font-size:14px;}

	.billing-amount .wrap .ico {width:33px; height:33px; margin:-17px -17px 0 0;}
	.billing-amount .wrap .ico.plus:before {left:10px; right:10px; height:3px; margin-top:-2px;}
	.billing-amount .wrap .ico.plus:after {top:10px; bottom:10px; width:3px; margin-left:-2px;}
	.billing-amount .wrap .ico.minus:before {left:10px; right:10px; height:3px; margin-top:-2px;}
	.billing-amount .wrap .ico.equal:before {left:10px; right:10px; height:3px; margin-top:-6px;}
	.billing-amount .wrap .ico.equal:after {left:10px; right:10px; height:3px; margin-bottom:-5px;}
	
		.goods-photo .photo .img { padding-bottom: 80%; } /* 기존 100% → 90% */
	
}

/* portrait tablet */
@media (max-width: 900px){
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}

	/* header */
	.header-fixed #wrapper {padding-top:120px;}
	
	.gnb-container {margin-left:0; margin-right:0; padding-top:20px; border-top:1px solid #ddd;}
	.gnb-fixed-menu a {font-size:16px; line-height:50px; padding:0 12px;}
	#gnb > ul > li > a {font-size:16px; line-height:50px; padding:0 12px;}

	.sitelogo {bottom:auto; top:0; left:0; width:100%; text-align:center;}
	.sitelogo .only-desktop-tablet {display:none;}
	.sitelogo .only-mobile {display:block;}
	.sitelogo a {line-height:54px; margin-right:0; display:inline-block;}
	.sitelogo .mo {display:inline-block; color:#999; font-size:12px; line-height:1.3em; text-align:right; border-right:3px solid #afafaf; padding-right:8px; margin-right:4px;}
	.sitelogo .only-mobile img {
		width: auto;
		height: auto;      /* 원하는 표시 높이로 조정 */
		max-width: 150px;  /* 필요시 제한 */
	  }
	.gnb-wrap .contain {height:auto; padding-top:54px;}	

	.top-agency {top:10px; left:70px; width:auto;}
	.top-agency.only-mobile {display:block;}
	.top-agency img {height:32px;}

	.btn-m-menu {top:8px;}

	#gnb {margin:0 -30px; padding-top:0;}
	#gnb > ul > li {flex:1 0 auto;}
	#gnb > ul > li > a {line-height:40px; font-size:16px;}
	#gnb .submenu {left:0; width:140px;}
	#gnb .submenu ul li a {padding:0 15px; font-size:14px; line-height:30px;}

	.top-search {bottom:auto; top:14px;}
	.top-search .input {height:32px;}

	/* main */
	.main-visual .dots {font-size:12px;}
	.main-visual .dots ul li {height:36px;}

	.main-bnrs ul {margin-left:-10px;}
	.main-bnrs ul li {margin-left:10px;}

	.main-post .more {top:20px;}
	.main-post .title p {font-size:13px;}

	/* footer */
	.bottom-custom .row {font-size:12px;}
	.bottom-custom .col {padding:22px 14px 20px;}
	.bottom-custom .tit {padding-left:50px; background-size:46px auto !important;}
	.bottom-custom .cnt {padding-left:0;}
	.bottom-custom .cs .tel {font-size:20px;}

	.footer {position:relative;}
	.footer .foot-logo {display:block; width:auto; margin-bottom:20px; font-size:22px;}
	.footer .foot-info {display:block; padding-right:120px;}
	.footer .foot-bnr {position:absolute; top:40px; right:0; width:120px;}

	/* content */


	/* board */
	.board-list colgroup col {width:auto !important;}

	/* member */
	.join-area .form table colgroup col {width:auto !important;}

	/* shop */
	.goods-list ul li {width:33.33333333%;}
	.goods-list ul li:nth-child(4n+1) {clear:none;}
	.goods-list ul li:nth-child(3n+1) {clear:left;}
	.goods-list .thumb img {max-width:100%; max-height:100%;}

	.goods-photo {float:none; width:auto; margin-bottom:20px;}
	.goods-options {float:none; width:auto; padding:0; margin-bottom:20px;}

	 /*요금계산표 update 25.10.24*/
	.yogeum-calc {float:none; width:auto;}	 
	.calc-wrap.fixed {position:static;}
	.calc-wrap.fixed-bottom {position:static;}
	
	.goods-count {float:none; width:auto;}
	.count-wrap.fixed {position:static;}
	.count-wrap.fixed-bottom {position:static;}

	.shop-table {display:none;}
	.shop-table-m {display:block; margin-bottom:20px;}
	.shop-table-m .group {border-top:2px solid #000; border-bottom:1px solid #ddd;}
	.shop-table-m .date-wrap {padding:8px 15px; overflow:hidden; border-bottom:1px solid #ddd; color:#333;}
	.shop-table-m .date-wrap .date {float:left;}
	.shop-table-m .date-wrap .date span {color:#666; margin-left:5px;}
	.shop-table-m .date-wrap .num {float:right;}
	.shop-table-m .date-wrap .num a {margin-left:5px; font-weight:700; text-decoration:underline;}
	.shop-table-m .cnt-wrap {padding:15px 15px;}
	.shop-table-m .prod-info {overflow:hidden; margin-bottom:15px;}
	.shop-table-m .prod-info .img {float:left; width:80px;}
	.shop-table-m .prod-info .info {margin-left:95px; line-height:1.5em;}
	.shop-table-m .prod-info .telecom {color:#000; font-weight:500;}
	.shop-table-m .prod-info .telecom span:first-child {margin-right:10px;}
	.shop-table-m .prod-info .tit {color:#000; font-weight:500;}
	.shop-table-m .items li {display:table; table-layout:fixed; width:100%; line-height:1.5em; padding:1px 0;}
	.shop-table-m .items .item {display:table-cell; width:80px; vertical-align:top; color:#000; font-weight:500;}
	.shop-table-m .items .txt {display:table-cell; vertical-align:top;}
}



/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

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

	.header-fixed #wrapper {padding-top:85px;}

	/* header */
	.global {display:none;}

	.gnb-wrap .contain {padding-top:0;}

	.gnb-container {display:flex; align-items:center; margin:0 -15px; padding-top:0; border-top:1px solid #ddd;}
	
	.gnb-fixed-menu {flex-shrink:0; margin-right:4px; position:relative;}
	.gnb-fixed-menu a {font-size:16px; line-height:30px; padding:0 8px;}
	.gnb-fixed-menu .promo-bubble {top:-32px; left:50%; transform:translateX(-50%); width:100px; height:32px; font-size:12px; z-index:999 !important; position:absolute !important; animation:gnbPromoFloatMobile 2.2s ease-in-out infinite; will-change:transform; backface-visibility:hidden; -webkit-font-smoothing:antialiased; text-rendering:optimizeSpeed;}
	.gnb-fixed-menu .promo-bubble span {display:block; line-height:1; transform:translateZ(0);}
	.gnb-fixed-menu .promo-bubble::after {bottom:-6px; left:50%; transform:translateX(-50%);}
@keyframes gnbPromoFloatMobile {
	0% {transform:translate3d(-50%, 0, 0);}
	50% {transform:translate3d(-50%, -4px, 0);}
	100% {transform:translate3d(-50%, 0, 0);}
}
	
	.gnb-divider {flex-shrink:0; margin:0 3px; font-size:16px; line-height:30px; color:#ddd;}
	
	#gnb {flex:1; min-width:0; margin:0;}
	#gnb.swiper-container {overflow:hidden; padding:0 5px;}
	#gnb > ul > li > a {font-size:16px; line-height:30px; padding:0 8px;}
	#gnb > ul > li.active > a {color:#4c3198; font-weight:700;}
	#gnb .submenu {display:none !important;}

	.sitelogo {position:static; text-align:center;}
	.sitelogo a {font-size:20px; line-height:55px; margin-right:0; display:inline-block;}
	.sitelogo .mo {font-size:9px; font-weight:500; position:relative; top:-3px; margin-right:6px; vertical-align:middle;}
	
	.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #ddd !important;}

	.top-agency {left:40px; top:16px;}
	.top-agency img {height:22px;}

	.btn-m-menu {width:30px; height:30px; top:13px; left:7px;}
	.btn-m-menu span {top:14px; height:2px;}
	.btn-m-menu span:before {height:2px; top:-7px;}
	.btn-m-menu span:after {height:2px; bottom:-7px;}

	.top-search {right:15px; width:calc(50% - 75px); max-width:110px; top:13px;}
	.top-search .input {height:30px; padding:3px 27px 3px 13px; font-size:14px;}
	.top-search .submit {right:7px; background-image:url("../images/common/search_x2.png"); background-size:14px auto;}

	/* main */
	.main-top-banner img,
	.main-banner img {position:static; width:100%; max-width:100%; transform:none;}

	.main-visual {margin-bottom:25px;}
	.main-visual .dots {bottom:10px;}
	.main-visual .dots ul {display:inline-flex; margin:0;}
	.main-visual .dots ul li {margin:0 3px; width:10px; height:10px; border-radius:100%;}
	.main-visual .dots ul li span {display:none;}

	.main-sec-tit {margin-bottom:18px;}
	.main-sec-tit h2 {font-size:19px; letter-spacing:-.06em; margin-right:13px;}

	.main-bnrs {margin-bottom:40px;}
	.main-bnrs ul {display:block; margin:0 -15px;}
	.main-bnrs ul li {float:none; width:auto; margin:0;}
	.main-bnrs ul li:nth-child(2),
	.main-bnrs ul li:nth-child(3) {display:none;}

	.main-best {margin-bottom:20px;}
	.main-best .tab ul li {padding:0 14px;}
	.main-best .tab ul li:before {height:12px; margin-top:-5px;}
	.main-best .tab ul li a {font-size:15px; line-height:30px;}
	.main-best .list ul {margin:0 -7px;}
	.main-best .list ul li {width:50%; padding:0 7px; margin-bottom:40px;}
	.main-best .list ul li:nth-child(2n+1) {clear:left;}
	.main-best .list .tit {height:2.6em; margin-bottom:5px;}
	.main-best .list .info {padding:0 4px;}
	.main-best .list dl {font-size:13px;}
	.main-best .list .box {padding:6px 4px;}
	.main-best .list .box dt {display:block; text-align:center;}
	.main-best .list .box dd {display:block; text-align:center; margin:5px 0 1px;}
	.main-best .list .box p {text-align:center;}

	.main-banner {margin-bottom:40px;}

	.main-product .group:last-child {margin-bottom:40px;}
	.main-product .list {padding:15px 10px 10px;}
	.main-product .list ul {margin:0 -7px;}
	.main-product .list ul li {width:50%; padding:0 7px; margin-bottom:40px;}
	.main-product .list ul li:nth-child(2n+1) {clear:left;}
	.main-product .list .bt {padding:0 13px; font-size:13px; line-height:28px; border-radius:6px;}

	.main-event {margin-bottom:25px; margin-top:40px;}
	.main-event .list ul {margin:0 -7px;}
	.main-event .list ul li {width:50%; padding:0 7px; margin-bottom:30px;}
	.main-event .list ul li:nth-child(2n+1) {clear:left;}
	.main-event .list ul li .thumb {margin-bottom:8px;}
	.main-event .list ul li .tit {font-size:14px; margin-bottom:6px;}
	.main-event .list ul li .date {margin-bottom:0; font-size:12px;}
	.main-event .list ul li .txt {display:none;}

	.main-post .row {margin:0;}
	.main-post .col {float:none; width:auto; padding:0; margin-bottom:25px;}
	.main-post .col:last-child {margin-bottom:0;}
	.main-post .post {height:auto; min-height:140px;}
	.main-post .title {padding:15px 5px 12px;}
	.main-post .more {top:15px; right:10px; width:26px; height:26px;}

	.main-comm {margin-bottom:0;}
	.main-comm .row {display:block;}
	.main-comm .col {width:auto;}
	.main-comm h3 {font-size:17px;}
	.main-comm .post {margin-right:0;}
	.main-comm .post .title {padding-bottom:7px; margin-bottom:8px;}
	.main-comm .post .more {top:-3px; width:26px; height:26px;}
	.main-comm .sns-area,
	.main-comm .cs-area {display:none;}

	.mobile-bottom-custom {border-top:1px solid #ddd;}

	/* footer */
	.bottom-custom .row {background:transparent;}
	.bottom-custom .col {display:block; padding:20px 20px; margin-bottom:15px; background:#fff; border-left:1px solid #ccc;}
	.bottom-custom .col:last-child {margin-bottom:0;}
	.bottom-custom .tit {min-height:50px; padding-left:46px; background-size:36px auto !important;}
	.bottom-custom .cnt {margin-left:46px;}
	.bottom-custom .cs .tel {font-size:27px;}
	.bottom-custom .serv .cnt {width:100%; max-width:320px;}
	.bottom-custom .serv ul {margin-left:-6px;}
	.bottom-custom .serv ul li {width:25%; padding:0 0 0 6px;}
	.bottom-custom .serv ul li a {line-height:32px;}

	#footer {padding:30px 0; font-size:12px; line-height:19px;}
	.footer .foot-logo {font-size:18px; margin-bottom:16px;}
	.footer .foot-info {padding-right:0;}
	.footer .foot-info .f-links {font-size:13px; margin-bottom:20px;}
	.footer .foot-info .f-links ul li {float:none; padding:0; padding:2px 0;}
	.footer .foot-info .f-links ul li:before {display:none;}
	.footer .foot-bnr {top:5px; width:100px;}
	
	/* sub */
	#contArea {padding-left:15px; padding-right:15px; padding-top:20px;}

	.sub-visual {padding:20px 5px; height:120px; background-position:64% 50%;}
	.sub-visual h2 {font-size:20px;}
	.sub-visual p {width:65%; font-size:12px;}
	.sub-visual p br {display:none;}

	.sub-heading {width:calc(100% + 30px); margin:0 -15px 20px; height:140px;}
	.sub-heading h2 {font-size:24px;}
	.sub-heading p {font-size:13px; max-width:80%; margin:0 auto;}

	.sub-title {padding:10px 0 20px;}
	.sub-title h2 {font-size:22px;}

	.lnb {margin-bottom:25px;}
	.lnb .swiper-container {margin:0 -15px; padding:0 15px;}
	.lnb ul li {min-width:75px;}
	.lnb ul li a {padding:0 15px; font-size:14px; line-height:34px;}


	/* content */
	.doc-tit {font-size:18px; letter-spacing:-.03em; background-size:10px auto; background-position:0 7px; padding-left:20px;}

	.plan {margin-top:40px;}
	.plan h2 {font-size:20px; margin-bottom:12px;}
	
	.plan-table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.plan-table table th {font-size:14px;}
	.plan-table table td {font-size:14px;}

	.banks {margin-bottom:30px; margin-top:0;}
	.banks ul {margin-left:-8px;}
	.banks ul li {margin:0 0 8px 8px; width:calc(33.33333333% - 8px); height:40px;}

	.certinfo-head {margin-bottom:30px;}
	.certinfo-head .inner {padding-left:44px; background-size:30px auto;}
	.certinfo-head h3 {font-size:15px;}
	.certinfo-head p {font-size:13px;}

	.certinfo-page {margin-bottom:30px;}
	.certinfo-page li {margin:0 4px;}
	.certinfo-page li button {width:20px; height:20px;}

	.certinfo-step {padding:0; margin:0 -15px}
	.certinfo-step .item .cnt {position:relative; left:0; margin:0 15px; font-size:14px;}
	.certinfo-step .item .cnt p br {display:none;}
	.certinfo-step .item .cnt:after {top:52px; left:13px; width:18px; height:18px; background-size:contain;}
	

	.guide-info {margin:-20px -15px 0;}
	.guide-info .sec {margin-bottom:50px;}

	.online-qa .sec {margin-top:40px;}
	.online-qa .tt {margin-bottom:12px; padding-left:44px; font-size:15px;}
	.online-qa .tt .q {width:34px; line-height:34px; font-size:20px;}
	.online-qa .tt .q:before {top:-8px; left:-8px;}

	.sub-bottom-cs {padding:17px 0;}
	.sub-bottom-cs .inner {background-size:40px auto; padding-left:60px;}
	.sub-bottom-cs h3 {font-size:16px; margin-bottom:3px;}
	.sub-bottom-cs p {font-size:20px;}

	.order-check-step {margin-bottom:15px; margin-top:40px;}
	.order-check-step .space {display:none;}
	.order-check-step .box {display:block; margin-bottom:26px; padding:12px 20px 17px 20px;}
	.order-check-step h3 {padding-left:54px; min-height:auto; margin-bottom:10px;}
	.order-check-step .num {top:-20px; width:45px; height:45px; line-height:45px; font-size:22px;}
	
	.order-check-step .txt {font-size:13px; margin-top:10px;}

	.order-check-btns {margin-bottom:20px;}
	.order-check-btns .btns .col {display:block; margin:0; padding:5px 0;}
	.order-check-btns .bt {font-size:18px;}
	.order-check-btns .bt.check {width:100%; min-width:100%; margin:0; font-size:18px; line-height:45px;}
	.order-check-btns p {margin-top:10px; text-align:center;}
	.order-check-btns .bt.tele {min-width:80px}

	.contact-bnr a {display:block; width:100%; margin:12px 0 0 0; font-size:18px; line-height:60px;}
	.contact-bnr .kakao img {width:30px;}
	.contact-bnr .call img {width:30px;}
	.contact-bnr a strong {font-size:22px;}

	.pop-wrap {border-width:2px; padding:24px;}

	.pop-tit {margin-bottom:15px;}
	.pop-tit h2 {font-size:17px;}
	.pop-tit p {font-size:13px; margin-top:2px;}
	.pop-tit.line {border-bottom-width:2px; padding-bottom:20px;}

	.pop-cnt .form-group {margin-bottom:10px;}
	.pop-cnt .form-group .input {height:38px; padding:0 9px; font-size:14px;}
	.pop-cnt .step {margin-top:20px; margin-bottom:12px;}
	.pop-cnt .submit {font-size:16px; height:45px; width:110px;}
	.pop-cnt .check {font-size:13px;}

	.pop-close {width:20px;height:20px;top:10px;right:10px;}
	.pop-close:before, .pop-close:after {width:2px; margin-left:-1px;}

	.event-banner {margin:0 -15px;}

	.pop-reser-form {margin-top:-5px;}
	.pop-reser-form table {font-size:14px;}
	.pop-reser-form th {height:43px; padding:4px 5px 4px 0;}
	.pop-reser-form td {padding:4px 0;}
	.pop-reser-form .radiobox {margin-right:10px;}
	.pop-reser-form .input,
	.pop-reser-form .select {height:35px; font-size:14px;}

	.condition-guide {font-size:12px; padding-bottom:14px; margin-bottom:12px;}
	.condition-guide p {font-size:14px; margin-bottom:10px;}
	.condition-guide ul li {background-size:14px auto; padding-left:24px;}

	.order-result .user-info p {margin:2px 0;}
	.order-result .txt {padding:15px 0; font-size:14px;}

	.order-result .list th {height:35px; font-size:13px;}
	.order-result .list td {height:45px; font-size:14px;}
	.order-result .info {padding:0;}
	.order-result .info dt {margin-top:15px; font-size:15px;}
	.order-result .info dd {font-size:13px;}

	.order-desc {font-size:12px;}

	.shop-table-m .date-wrap {font-size:13px;}

	.event-goods {margin-top:20px;}
	.event-goods ul {margin:0;}
	.event-goods ul li {float:none; width:auto; padding:0; margin-bottom:25px;}
	.event-goods .cnt > div {display:block;}
	.event-goods .cnt .img {width:auto; text-align:center; margin-bottom:15px;}
	.event-goods .cnt .img img {width:180px;}
	.event-goods .cnt .link {max-width:200px; margin:6px auto;}

	.booking-wrap {border-radius:10px;}

	.booking-tit {padding:14px 20px;}
	.booking-tit h2 {font-size:18px;}

	.booking-cnt {padding:20px 20px;}
	.booking-cnt h3 {font-size:16px;}
	.booking-cnt .check {font-size:13px;}
	.booking-cnt .scroll-box {font-size:13px;}
	.booking-cnt .submit {width:160px; height:40px; font-size:16px;}

	.booking-close {top:13px; right:13px; width:22px; height:22px;}

	.booking-cnt .form table {font-size:14px;}
	.booking-cnt .form th {padding:7px 7px 7px 10px; height:50px;}
	.booking-cnt .form td {padding:7px 10px;}
	.booking-cnt .form .radiobox {margin-right:10px;}
	.booking-cnt .form .input,
	.booking-cnt .form .select {height:35px; font-size:14px;}

	/* shop */
	.brand-nav {margin-bottom:20px;}
	.brand-nav ul li a {font-size:14px; line-height:34px;}

	.telecom-nav {margin-bottom:20px;}
	.telecom-nav ul li a {height:34px; background-size:auto 32px;}

	.telecom-brand img {height:40px;}
	.telecom-brand + .goods-sort {margin-top:25px;}

	.goods-list ul {margin:0 - 7px;}
	.goods-list ul li {width:50%; padding:0 7px; margin-bottom:40px;}
	.goods-list ul li:nth-child(3n+1) {clear:none;}
	.goods-list ul li:nth-child(2n+1) {clear:left;}
	.goods-list .bt {padding:0 13px; font-size:13px; line-height:28px; border-radius:6px;}

	.goods-summary {margin-bottom:40px;}

	.goods-photo {margin:0 0 20px;}
	.goods-photo .bnrs {display:flex; margin:10px -3px 0;}
	.goods-photo .bnrs .bnr {margin:0 !important; flex:1; padding:0 3px;}

	.goods-options {margin:0 0 20px;}

	.option-group .opt-tit {font-size:13px; width:75px;}
	.option-group .opt-cnt {font-size:13px;}

	.select-agency label {background-size:22px auto; font-size:13px;}

/*	.select-giga {min-width:60px;}
	.select-giga label {padding:0 5px;}
	.select-giga .tit {font-size:13px;}
	.select-giga .txt {font-size:10px; letter-spacing:-.05em;}
 25.10.22 update
 */
    .select-giga {min-width:80px;}
	.select-giga label {padding:5px 5px;}
	.select-giga .cell {align-items:center;}
	.select-giga .tit {font-size:15px;}
	.select-giga .txt {font-size:10px; letter-spacing:-.05em;}
	/* 가입유형 선택 박스 크기 조정 */
	.option-group .opt-tit[data-step="2"] + .option-giga .select-giga label,
	.option-group .opt-tit.block[data-step="2"] ~ .option-giga .select-giga label { height: auto; min-height: 40px; padding: 4px 4px; }

	.select-jiwon .option label {font-size:14px;}
	.select-jiwon .option .sm {font-size:11px;}

	.select-color {margin-left:-10px;}
	.select-color .color {width:42px;}
	.select-color .color label {width:34px; height:34px;}
	.select-color .color input[type="radio"]:checked + label:after {border-width:1px; top:-4px; right:-4px; bottom:-4px; left:-4px;}
	.select-color .color .txt {font-size:11px;}

	.select-option .option label {height:32px; font-size:13px; line-height:30px;}
	.select-option .option .hot {width:23px; height:23px; line-height:23px; margin-top:-.3em}
	.select-option.usim .option label {min-width:95px;}
	.select-option.yakjung .option {width: 25%; box-sizing: border-box;}
	.select-option.yakjung .option label {min-width:0; width:100%; height:40px !important; padding:6px 4px !important; line-height:28px !important; font-size:14px !important;}
	.select-option.jiwon .option label {min-width:110px;}

	.select-tip {padding-left:34px; font-size:13px;}
	.select-tip:before {width:28px; height:16px; font-size:10px; line-height:16px;}

	.select-add-option {padding:10px;}
	.select-add-option a {padding:10px; font-size:12px;}
	.select-add-option a .sm {font-size:11px;}

	.select-plan {padding:9px;}
	.select-plan .tit {font-size:15px; margin-right:50px;}
	.select-plan .info {font-size:12px;}
	.select-plan .choice-btn {top:8px; right:8px; line-height:22px; font-size:12px;}

	.select-card p {font-size:13px;}

	/*요금계산표*/
	.yogeum-calc {margin:0 -5px 20px; font-size:13px;}

	/* 계산 영역 모바일 가독성 개선 */
	.calc-box {padding: 11px 0;}
	.calc-info {margin-bottom: 5px;}
	.calc-info span {font-size: 14px !important; line-height: 22px;}
	.calc-info .price {font-size: 14px !important; line-height: 22px; padding-right: 8px;}
	.calc-price {margin-bottom: 8px;}
	.calc-price span {font-size: 19px !important; line-height: 26px;}
	.calc-price .price {font-size: 19px !important; line-height: 26px; padding-right: 8px;}
	#m_installment_note {font-size: 12px !important;}

	.goods-count {margin:0 -5px 20px; font-size:13px;}
	.count-body {padding:10px;}
	.count-body:after {height:3px;}
	.count-box {padding:10px 14px;}
	.count-box .box {margin-top:2px; margin-bottom:10px;}
	.count-box .box .tt {font-size:16px;}
	.count-box .box .price strong {font-size:22px;}
	.count-box .box .txt {font-size:13px;}
	.count-box .origin {font-size:12px;}
	.count-box .dc {font-size:15px;}
	.count-box .month {font-size:12px;}
	.count-body dd .price {font-size:19px;}
	.count-box .help-txt {font-size:12px;}
	.count-discount {font-size:13px;}
	.count-total dt {font-size:15px;}
	.count-total dd {font-size:16px;}
	.count-total .price {font-size:24px;}
	.count-foot {padding:10px;}
	.count-foot .btn-pack.xlarge {height:48px; line-height:46px; font-size:17px;}
	.count-foot .btn-pack img {width:24px;}

	.goods-fix-count .toggle {width:64px; height:21px; top:-21px; background-size:contain; margin-left:-32px;}
	.goods-fix-count .wrap {padding:12px 0;}
	.goods-fix-count .wrap > div {display:block;}
	.goods-fix-count .count {width:auto; padding-right:0; margin-bottom:15px;}
	.goods-fix-count .count strong {font-size:16px;}
	.goods-fix-count .count .ico {width:24px;}
	.goods-fix-count .count .ico span {width:22px; height:22px; line-height:22px; font-size:15px}
	.goods-fix-count .btns {padding:0 2px;}
	.goods-fix-count .btns a {line-height:36px;}
	.goods-fix-count .btns a:after {background-size:contain;}
	.goods-fix-count .btns .type1:after {background-image:url("../images/shop/fix_count_icon_1_x2.png");}
	.goods-fix-count .btns .type2:after {background-image:url("../images/shop/fix_count_icon_2_x2.png");}
	.goods-fix-count .btns .type3:after {background-image:url("../images/shop/fix_count_icon_3_x2.png");}

	.goods-tab {margin:0 0 20px;}
	.goods-tab ul li a {font-size:14px; line-height:32px;}

	#viewDetail, #viewGuide, #viewReview {margin-bottom:40px;}
	#viewDetail .content img {max-width:calc(100% + 30px); margin-left:-15px; margin-right:-15px;}

	.shop-guide {font-size:12px;}
	.shop-guide h3 {padding-left:24px; font-size:16px; background-size:10px auto;}
	.shop-guide .group {margin-left:5px;}

	.pop-plan {border-width:2px; padding:10px;}
	.pop-plan-tit {margin:3px 0 13px;}
	.pop-plan-tit h2 {font-size:18px;}
	.pop-plan-options {margin-bottom:15px;}
	.pop-plan-options .item {font-size:10px; padding:0 8px; line-height:22px;}
	.plan-box {width:230px; padding:3px 14px;}
	.plan-box.active:before {border-width:3px;}
	.plan-box .title {padding:12px 0 10px;}
	.plan-box .cnt-wrap {font-size:12px; padding:8px 3px; min-height:220px;}
	.plan-box .month-price {padding:10px 3px;}
	.plan-box .btn {padding:12px 0;}
	.plan-box .planSelectBtn {font-size:14px; line-height:34px;}

	.pop-card {border-width:2px; padding:10px;}
	.pop-card-tit {margin:3px 0 13px;}
	.pop-card-tit h2 {font-size:18px;}
	.pop-card-tit p {font-size:13px;}
	.select-card-list {padding:0 45px;}
	.select-card-list .swiper-slide {width:100%}
	.select-card-desc {font-size:12px;}
	.card-box {width:100%; padding:17px 14px;}
	.card-box .price-area {font-size:12px;}
	.card-box .month-price dt {font-size:12px;}
	.card-box .month-price p {font-size:11px;}

	.swiper-btn {width:34px; height:34px; margin-top:-17px;}

	.pop-close-lg {width:20px; height:20px; top:10px; right:10px;}

	.shop-table-m {margin-left:-15px; margin-right:-15px; margin-bottom:10px;}

	.order-info {margin:0 0 25px; font-size:13px;}
	.order-info img {display:none;}	

	.order-form {margin:0 -15px 35px;}
	.order-form colgroup col:nth-child(1) {width:29% !important;}
	.order-form colgroup col:nth-child(2){width:auto !important;}
	.order-form th {height:51px; font-size:13px; padding:7px 5px 7px 15px;}
	.order-form td {font-size:13px; padding:7px 15px 7px 10px;}
	.order-form td span.txt {display:block; margin-left:0; margin-top:5px; font-size:12px;}

	.billing-amount .wrap {border:1px solid #000;}
	.billing-amount .wrap .col {display:flex; flex-direction:row; position:relative; border-bottom:1px solid #000; border-left:0;}
	.billing-amount .wrap .col:last-child {border-bottom:0;}
	.billing-amount .wrap .col.col-total {display:block; text-align:center; background:#fffbf6;}
	.billing-amount .wrap .col.col-total .tit {padding:15px 10px;}
	.billing-amount .wrap .col.col-total .tit strong {color:#ff4600;}
	.billing-amount .wrap .col.col-total .tit-sub {font-size:12px;}
	.billing-amount .wrap .tit {flex:0 0 120px; padding:10px; font-size:14px; position:static; height:auto; display:flex; flex-direction:column; justify-content:center;}
	.billing-amount .wrap .tit strong {font-size:17px;}
	.billing-amount .wrap .tit br {display:block;}
	.billing-amount .wrap .cnt {flex:1; padding:8px 10px; font-size:13px; line-height:18px; border-left:1px solid #d4d4d4;}
	.billing-amount .wrap .cnt p {margin-bottom:3px;}
	.billing-amount .wrap .ico {display:none;}

	.billing-amount .info {margin:10px 0 0 0; font-size:14px;}

	.order-agree {margin:0 -15px 25px;}
	.order-agree dt {padding:12px 15px;}
	.order-agree dt .radiobox {position:static; width:auto; display:block; margin-top:5px;}
	.order-agree dt .radiobox .ico {margin-right:4px;}

	input#email_id,
	input#email_domain {width:calc(50% - 10px) !important;}
	select#email_list {display:block; width:100% !important; margin-top:4px;}

	input#email_ID,
	input#emailDomain {width:calc(50% - 10px) !important;}
	select#emailList {display:block; width:100% !important; margin-top:4px;}

	/* member */
	.login-wrap {margin:30px 20px 0;}
	.login-wrap h3 {font-size:18px;}
	.login-wrap .form {padding-right:0;}
	.login-wrap .form .input {height:40px; font-size:14px;}
	.login-wrap .submit {position:static; width:100%; height:44px; font-size:16px;}
	.login-wrap .links {font-size:14px; margin-top:25px;}
	.login-wrap .links a {background-size:6px auto;}

	.find-account {float:none; width:auto; padding:0 20px; margin-bottom:20px;}
	.find-account:first-child {margin-bottom:65px;}
	.find-account .tit {margin-bottom:10px;}
	.find-account .tit h3 {font-size:16px}
	.find-account .tit p {font-size:12px}
	.find-account .form {padding-right:0;}
	.find-account .submit {position:static; width:100%; height:44px; font-size:16px; margin-top:10px;}
	.find-account .result {font-size:12px; margin-top:15px;}

	.agree-area .group {margin-bottom:20px;}
	.agree-area .tit {font-size:14px; padding:10px 10px;}
	.agree-area .box {height:140px; padding:10px; font-size:12px;}
	.agree-area .chk {padding:8px; font-size:13px;}

	.join-area .form {margin:0 -15px 25px;}
	.join-area .form table th {padding:7px 7px 7px 20px; height:45px;}
	.join-area .form table th .req {left:-10px; margin-right:-10px;}
	.join-area .form table td {padding:7px 15px 7px 10px;}
	.join-area .form input#user_id {width:calc(100% - 80px) !important;}
	.join-area .form span.txt {display:block; font-size:12px; line-height:1.4em; margin-left:0; margin-top:5px;}
	input#userPwd,
	input#pwdConfirm,
	input#userName,
	input#tel,
	input#phone_number{width:100% !important;}
	.input.datepicker {width:100% !important;}
	input#zip {width:75px !important;}


	/* board */
	.radiobox .ico {width:18px; height:18px; margin-right:4px;}
	.checkbox .ico {width:18px; height:18px; margin-right:4px;}

	.board-search {display:flex; flex-direction:column;}
	.board-search .total-page {order:2; float:none; margin-top:10px; font-size:12px;}
	.board-search .search {float:none; font-size:14px;}
	.board-search .search form {display:flex;}
	.board-search .select {margin-right:4px; width:95px;}
	.board-search .input {min-width:1%;}
	.board-search .btn {width:45px; height:36px; background-image:url("../images/bbs/search_x2.png"); background-size:16px auto;}

	.board-list {display:none;}	
	.board-list-m {display:block;}
	#container .board-list-m {margin:0 -15px;}
	#container .board-list-m li {padding:12px 15px;}

	.gallery-list {border-top:0; padding-top:0;}
	.gallery-list ul {margin:0;}
	.gallery-list ul li {float:none; width:auto; padding:0; margin-bottom:25px;}
	.gallery-list ul li:last-child {margin-bottom:0;}
	.gallery-list ul li .thumb {margin-bottom:12px;}
	.gallery-list ul li .tit {font-size:14px;}
	.gallery-list ul li .date {font-size:12px;}
	.gallery-list ul li .ev {width:auto; padding:0 8px; font-size:12px; line-height:22px;}

	.review-list {display:none;}	
	.review-list-m {display:block;}
	#container .review-list-m {margin:0 -15px;}
	#container .review-list-m ul li {padding:12px 15px;}

	.event-list {border-top:0; padding-top:0;}
	.event-list ul {margin:0 -7px;}
	.event-list ul li {width:50%; padding:0 7px; margin-bottom:25px;}
	.event-list ul li:nth-child(2n+1) {clear:left;}
	.event-list ul li .tit {font-size:14px;}
	.event-list ul li .date {font-size:12px;}
	.event-list ul li .ev {width:auto; padding:0 8px; font-size:12px; line-height:22px;}

	.faq {margin:0 -15px; font-size:14px;}
	.faq .q, .faq .a {top:9px; left:13px; font-size:20px;}
	.faq .tit a {padding:10px 15px 10px 38px;}
	.faq .tit .icon {display:none;}
	.faq .cnt {padding:12px 15px 12px 42px;}

	#container .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 20px 25px;}
	
	.board-write {border:0; padding:0;}
	.board-write .group {padding:15px 0;}
	.board-write .group .txt {margin-left:0; display:block; margin-top:5px;}
	.board-write .title {position:static; display:block; margin-bottom:8px; font-weight:500; line-height:1.3em; color:#000}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:100% !important;}
	
	#container .prev_next {margin:0 -15px;}
	.prev_next dt {width:73px; text-align:left; margin-right:0; font-size:14px; line-height:20px;}
	.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;}

	.btn-pack.medium {font-size:14px; padding:0 10px;}
	.btn-pack.large {height:38px; line-height:36px; font-size:14px; padding:0 16px;}
	.btn-pack.xlarge {min-width:120px; font-size:15px; line-height:38px; height:40px;}
	.btn-pack.xlarge.wide {max-width:200px;}

	.white-btn .btn {font-size:12px; line-height:30px;}

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

	.mailform {padding:0; border-bottom:0;}
	.mailform .top-txt {margin-left:0; padding-left:20px; font-size:14px; background-size:auto 6px; background-position:0 7px;}
	.mailform table {font-size:15px;}
	.mailform table tbody th {width:80px; padding:3px 0; height:41px;}
	.mailform table tbody td {padding:3px 0;}
	.mailform .input {height:35px; font-size:14px;}

	.form-agree {margin-top:15px;}
	.form-agree h3 {padding-left:18px; margin-bottom:10px; background-size:10px auto; background-position:0 7px; font-size:16px; font-weight:500;}
	.form-agree .scroll-box {position:relative; height:90px; overflow:auto; padding:7px; font-size:12px; line-height:1.4em;}
	.form-agree .check {margin-top:17px; font-size:14px; margin-bottom:30px;}

	.paginate a, .paginate strong {width:30px; height:30px; line-height:28px;}

	#container .comment-area {margin:20px -15px 0;}
	.comment-area {padding:15px;}

	.card-form colgroup col:first-child {width:30% !important;}
	.card-form th {padding:5px 5px 5px 0; height:45px;}
	.card-form td {padding:5px 0 5px 10px;}
	.card-form .input, .card-form .select {height:35px; padding:0 8px;}
	.card-form .hypen {margin:0 3px;}
	.card-form .item {margin-right:20px;}

	.custom-select .select {line-height:34px; background-position:right 8px center;}

	.custom-select .select-options {left:-43%; width:auto; right:0; border-width:2px;}

	.select-cards > li {font-size:12px;}
	.select-cards .card-tb {display:block; padding:10px;}
	.select-cards .card-image {display:block; float:left; padding:0 10px 0 0; width:60px;}
	.select-cards .card-title {display:block; padding:0; margin-left:60px; font-size:14px; font-weight:500; margin-bottom:10px;}
	.select-cards .card-price {display:block; padding:0; width:auto; margin-left:60px; margin-bottom:10px; font-size:12px;}
	.select-cards .card-price strong {font-weight:500; font-size:13px;}
	.select-cards .card-url {display:block; padding:0; width:auto; margin-left:60px;}
	.select-cards .card-url a {display:inline-block; padding:0 20px; line-height:30px;}

	select#telecom {max-width:500px !important;}

	input#phone1,
	input#phone2,
	input#phone3 {width:calc(33.33333333% - 12px) !important;}
	input#card_num1,
	input#card_num2,
	input#card_num3,
	input#card_num4 {width:calc(25% - 13px) !important;}
	input#card_date1,
	input#card_date2 {width:53px !important;}

	.result-top {font-size:15px; margin-bottom:20px;}
	
} 

/* Landscape phones and down */
@media (max-width: 480px) {


} 

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

/* 헤더 상단 텍스트 스타일 */
.head_txt {
    text-align: center;
    padding: 10px 0;
    background-color: #f8f8f8;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
    color: #333;
}

.head_txt span {
    color: #222222;
    font-weight: normal;
}

/* 모바일용 스타일 */
@media (max-width: 640px) {
    .head_txt {
        font-size: 14px;
        padding: 8px 0;
    }
    
	/* 모바일 메뉴 글씨 크기 및 굵기 최종 강제 적용 */
	.mobile-navigation .nav-menu>ul>li>a,
	.mobile-navigation .nav-menu ul li a,
	#menu.mobile-navigation .nav-menu>ul>li>a,
	#menu.mobile-navigation .nav-menu ul li a {font-size:22px !important; font-weight:800 !important; line-height:1.3em !important; letter-spacing:-.03em !important;}
}