@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

 .bbsContent table{width: auto !important;}

#sub_container {padding: 65rem 0 0;}
.sub_title {display: flex; justify-content: space-between; padding-bottom: 20rem; border-bottom: 1px solid #eee;}
.sub_title h2 {font-size: 30rem; color: #111; font-weight: 800;}
.sub_title .sub_util {display: flex; align-items: center;}
.sub_title .sub_util li {position: relative; font-size: 14rem; color: #666;}
.sub_title .sub_util li::before {content: ''; display: inline-block; width: 10rem; height: 10rem; margin: 0 10rem; background:url(/images/common/next_arrow.svg) no-repeat center / contain; opacity: .4;}
.sub_title .sub_util li.home img {height: 14rem; margin-top: 1rem; opacity: .6;}
.sub_title .sub_util li.home::before {display: none;}

h3 {padding: 12rem 7rem;}

#sub_container #content {padding: 20rem 0 0;}

.area_subVisual {padding: 65rem 0 68rem; background-position: center; background-size: cover; background-repeat: no-repeat;}
.area_subVisual.company {color:#fff; background-image: url(/images/content/sub_visual.jpg);}
.area_subVisual .wrapper {display: flex; align-items: flex-end; justify-content: space-between;}

.area_subVisual p {font-size: 18rem; opacity: .7; font-weight: 300;}
.area_subVisual h2 {margin: 12rem 0 0; font-size: 27rem; font-weight: 800;}

.area_subVisual ul {display: flex; gap: 0 10rem;}
.area_subVisual ul li a {display: block; width: 50rem; height: 50rem; border-radius: 5rem; overflow: hidden;}
.area_subVisual ul li a.instagram {display: flex; align-items: center; justify-content: center; background:url(/images/main/sns_instagram_bg.jpg) no-repeat center / cover;}
.area_subVisual ul li a.instagram img {width: 27rem;}

.ready {width: 100%; text-align: center; padding: 80rem 0 30rem;}
.ready img {display: inline-block; width:50rem;}
.ready h3 {margin: 22rem 0 10rem; font-size: 26rem; color: #333;}
.ready p {color: #666;}

.area_btn {margin-top: 30rem; text-align: center;}
.area_btn .button {min-width: 175rem; height: 60rem; margin: 0 2rem; line-height: 58rem; font-weight: 500;}
.area_btn .button.black {background:#222;}
.area_btn .button.color {background:#e5007b; border-color: #e5007b;}

/* 인터넷 공통 */
.area_internet .sub_title {justify-content: center; padding-bottom: 20rem;}
.area_internet .sub_title img {height: 55rem;}
.area_internet .area_product > p {margin-bottom: 20rem; text-align: right; }
.area_internet .area_product > p span {position: relative; padding-left: 20rem; font-weight: 500;}
.area_internet .area_product > p span::before {position:absolute; left: 0; top: 2rem; content:''; width: 14rem; height: 14rem; background:url(/images/content/icon_check_pink.svg) no-repeat center;}
.area_internet .prd_list {display: flex; margin-bottom: 10rem;}
.area_internet .prd_list h3 {flex-basis: 20%; padding: 25rem 0 0; font-size: 27rem; font-weight: 800; color: #000;}
.area_internet .prd_list ul {flex-basis: 80%; display: grid; gap: 0 10rem; grid-template-columns: repeat(3, 1fr);}
.area_internet .prd_list ul li {position: relative; display: flex; flex-wrap: wrap; align-content: flex-start; min-height: 173rem; padding: 20rem; color: #111; box-sizing: border-box; border: 1rem solid #ddd; cursor: pointer; transition:all .3s;}
.area_internet .prd_list ul li > * {flex-basis: 100%; transition: .3s;}
.area_internet .prd_list ul li::after {position:absolute; right: 25rem; bottom: 30rem; content: ''; width: 25rem; height: 21rem; background: url(/images/content/icon_check.svg) no-repeat center;}
.area_internet .prd_list ul li i {display: inline-block; margin-bottom: 15rem; font-weight: 700;}
.area_internet .prd_list ul li em {position:absolute; right: 20rem; top: 15rem; display: inline-block; padding: 6rem 8rem; font-size: 14rem; font-weight: 600; color: #fff; background-color: #017f7e;}
.area_internet .prd_list ul li:nth-child(2) em {background-color: #e7540a;}
.area_internet .prd_list ul li:nth-child(3) em {background-color: #e5007b;}
.area_internet .prd_list ul li p {position: relative; display: inline-block; flex-basis: auto;}
.area_internet .prd_list ul li p > span {display: inline-block; position: relative; font-size: 27rem; font-weight: 800;}
.area_internet .prd_list ul li p::before {opacity: 0; visibility: hidden; position: absolute; left:0; bottom: 0; content:''; width: 100%; height: 12rem; background-color: #ffe8b3; transition: .3s;}
.area_internet .prd_list ul li p strong {font-size: 18rem;}
.area_internet .prd_list ul li p strong > span {font-size: 16rem;}
.area_internet .prd_list ul li > span {display: block; min-height: 25rem; margin-top: 7rem; line-height: 1.4; font-weight: 300;}
.area_internet .prd_list ul li > span.mobile {display: none;}
.area_internet .prd_list ul li .price {display: block; margin-top: 15rem; font-weight: 600; color: #888; transition: .3s;}
.area_internet .prd_list.unite h3 {padding: 52rem 0 0;}
.area_internet .prd_list.unite h3 span {display: block; margin-top: 10rem; font-size: 18rem; font-weight: 500;}
.area_internet .prd_list.unite ul li {padding: 30rem 20rem 35rem;}
.area_internet .prd_list.unite ul li p > span {font-size: 24rem;}
.area_internet .prd_list.unite ul li > span {margin-top: 10rem;}

.area_internet .prd_list ul li.on {background-color: #fefafc;}
.area_internet .prd_list ul li.on::before {position:absolute; left:-2rem; top:-2rem; content:''; width:100%; height:100%; border:2rem solid #e5007b;}
.area_internet .prd_list ul li.on::after {background-image: url(/images/content/icon_check_pink.svg);}
.area_internet .prd_list ul li.on p::before {opacity: 1; visibility: visible;}
.area_internet .prd_list ul li.on .price {color:#e5007b;}

.area_internet .prd_list ul li.disabled {background: #f0f0f0;cursor:auto;color: #aaa;pointer-events: none;cursor: default;}
.area_internet .prd_list ul li.disabled:hover {background: #f0f0f0 !important;}
.area_internet .prd_list ul li.disabled:hover i,
.area_internet .prd_list ul li.disabled:hover p,
.area_internet .prd_list ul li.disabled:hover .price {color:#aaa !important;}
.area_internet .prd_list ul li.disabled::before {display: none;}
.area_internet .prd_list ul li.disabled::after {background-image: url(/images/content/icon_check.svg) !important;}
.area_internet .prd_list ul li.disabled p::before {opacity: 0; visibility: hidden;}

.area_internet .prd_checkbox {display: flex; padding-left: 20%; margin-top: 15rem;}
.area_internet .prd_checkbox input[type="checkbox"] {display: none;}
.area_internet .prd_checkbox label {position: relative; margin-right: 25rem; padding-left: 25rem; font-weight: 500; color: #111;}
.area_internet .prd_checkbox label::before {position:absolute; left:0; top: 1rem; content:''; width: 17rem; height: 17rem; border-radius: 100%; background:#f0f0f0; border: 1rem solid #ddd;}
.area_internet .prd_checkbox label span {position: relative;display:inline-block;margin-left: 10rem;font-size: 14rem;}
.area_internet .prd_checkbox label span::after {position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 1rem; background-color: #111;}
.area_internet .prd_checkbox input[type="checkbox"]:checked + label::before {background: #e5007b url(/images/content/icon_check_white.svg) no-repeat center; background-size: 9rem; border:none;}
.area_internet .prd_checkbox ul {margin-left: auto; text-align: right; font-size: 15rem; font-weight: 300; line-height: 1.6; color: #666;}
.area_internet.area_lg .prd_checkbox #check_wifi + label{pointer-events:none; cursor:default;}

.area_internet .area_total {text-align: center; margin:25rem 0 0;}
.area_internet .area_total > div:first-child {padding: 25rem 0; border: 2rem solid #ddd; border-width: 2rem 0 2rem 0; background: #fafafa;}
.area_internet .area_total h4 {font-size: 24rem; font-weight: 800; color: #111;}
.area_internet .area_total p {margin-top: 10rem; font-weight: 300; color: #666;}
.area_internet .area_total .area_btn {margin-top:15rem;}

.area_internet .area_ad {margin-top: 80rem;}
.area_internet .area_ad a {position: relative; display: flex; align-items: center; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; border: 1rem solid #ddd; overflow: hidden; transition: .3s;}
.area_internet .area_ad a img {max-width: 100%; transition: .3s;}
.area_internet .area_ad a img.mobile {display: none;}
.area_internet .area_ad a + a {margin-top: 15rem;}

.area_internet .area_board {position: relative; display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 70rem; gap: 0 80rem;}
.area_internet .area_board::before {position: absolute; left: 50%; top: 0; content: ''; width: 1rem; height:100%; background: #eee;} 
.area_internet .area_board h4 a {position: relative; display: inline-block; padding: 12rem 15rem 12rem 7rem; font-size: 18rem; color: #000; background: url(/images/main/title_arrow.svg) no-repeat right 47%; background-size: 7rem;}
.area_internet .area_board > div ul li + li {border-top: 1px solid #eee;}
.area_internet .area_board > div ul li a {display: flex; align-items: center; padding:6rem 7rem; font-weight: 500; color: #333; transition: .3s;}
.area_internet .area_board > div ul li a:hover {background:#f7f7f7;}
.area_internet .area_board > div ul li a::after {content:''; clear:both; display: block;}
.area_internet .area_board > div ul li a p {float: left; width: 75%; line-height:1.6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.area_internet .area_board > div ul li a b {float:right; width: 25%; text-align: right; font-size: 13rem; font-weight: 400; color: #888;} 
.area_internet .area_board > div ul li a b span {display: inline-block; padding: 4rem 8rem; margin-left:8rem; font-weight: 500; border-radius: 50rem; background-color: #efefef;}
.area_internet .area_board > div ul li a b span.complete {font-weight: 600; color: #3b5cd7; background-color: #e8ecfa;}
.area_internet .area_board .tip_board ul li a p {width: 80%;}
.area_internet .area_board .tip_board ul li a span {width: 20%; text-align: right; font-size: 13rem; font-weight: 300; color: #888;}

.area_internet .prd_list{display:none;}
.area_internet .prd_list.on{display:flex;}
.area_internet .prd_list.internet{display:flex !important;}

/* kt */
/*.area_internet.area_kt .sub_title img {height: 50rem;}*/
.area_internet.area_kt .area_product > p span::before {position:absolute; left: 0; top: 2rem; content:''; width: 14rem; height: 14rem; background:url(/images/content/icon_check_kt.svg) no-repeat center;}

.area_internet.area_kt .prd_list ul li.on::before {border-color: #f14d54;}
.area_internet.area_kt .prd_list ul li.on::after {background-image: url(/images/content/icon_check_kt.svg);}
.area_internet.area_kt .prd_list ul li.on .price {color:#f14d54;}
.area_internet.area_kt .area_btn .button.color {background:#f14d54; border-color:#f14d54;} 
.area_internet.area_kt .prd_checkbox input[type="checkbox"]:checked + label::before {background-color: #f14d54;}

/* lg */
/*.area_internet.area_sk .sub_title img {height: 70rem;}*/
.area_internet.area_sk .area_product > p span::before {position:absolute; left: 0; top: 2rem; content:''; width: 14rem; height: 14rem; background:url(/images/content/icon_check_sk.svg) no-repeat center;}

.area_internet.area_sk .prd_list ul li.on {background-color:#fdf9f6;}
.area_internet.area_sk .prd_list ul li.on::before {border-color: #ff7f24;}
.area_internet.area_sk .prd_list ul li.on .price {color:#ff7f24;}
.area_internet.area_sk .prd_list ul li.on::after {background-image: url(/images/content/icon_check_sk.svg);}
.area_internet.area_sk .area_btn .button.color {background:#ff7f24; border-color:#ff7f24;} 
.area_internet.area_sk .prd_checkbox input[type="checkbox"]:checked + label::before {background-color: #ff7f24;}


@media (hover: hover) {
  .area_internet .area_ad a:hover {border-color: #111;}
  .area_internet .prd_list ul li:hover {background-color: #ffeff7;}
  .area_internet .prd_list ul li:hover::after {background-image: url(/images/content/icon_check_pink.svg);}
  .area_internet .prd_list ul li:hover i,
  .area_internet .prd_list ul li:hover p,
  .area_internet .prd_list ul li:hover .price {color:#e5007b;}

  .area_internet.area_kt .prd_list ul li:hover {background-color:#ffe3df;}
  .area_internet.area_kt .prd_list ul li:hover::before {border-color: #f14d54;}
  .area_internet.area_kt .prd_list ul li:hover::after {background-image: url(/images/content/icon_check_kt.svg);}
  .area_internet.area_kt .prd_list ul li:hover i,
  .area_internet.area_kt .prd_list ul li:hover p,
  .area_internet.area_kt .prd_list ul li:hover .price {color:#f14d54;}

  .area_internet.area_sk .prd_list ul li:hover {background-color:#ffebdb;}
  .area_internet.area_sk .prd_list ul li:hover::after {background-image: url(/images/content/icon_check_sk.svg);}
  .area_internet.area_sk .prd_list ul li:hover::before {border-color: #ff7f24;}
  .area_internet.area_sk .prd_list ul li:hover i,
  .area_internet.area_sk .prd_list ul li:hover p,
  .area_internet.area_sk .prd_list ul li:hover .price {color:#ff7f24;}
}

/* 알뜰인터넷 */
.area_thrift #content {padding:0 !important;}
.area_thr_product::after {clear:both; content:''; display: block;}
.area_thr_product > div {width: calc(50% - 20rem); float: left;}
.area_thr_product > div:last-child {float:right;}
.area_thr_product h2 {margin-bottom: 25rem; font-size: 28rem; font-weight: 800; color: #000;}
.area_thr_product .slick-slide {display: flex; flex-wrap: wrap; align-content: center; height:320rem; padding: 70rem; box-sizing: border-box; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;}
.area_thr_product h4 {flex-basis: 100%; margin-bottom: 20rem; font-size: 35rem; color: #fff; font-family: 'GmarketSans', sans-serif;}
.area_thr_product h4 img {height: 42rem;}
.area_thr_product p {color: #fff; font-size: 18rem; line-height: 1.6;}
.area_thr_product p strong {display: block; font-weight: 700;}
.area_thr_product .tsw01 .slider01 {background-image: url(/images/content/thrift01_img01.jpg);}
.area_thr_product .tsw01 .slider02 {background-image: url(/images/content/thrift01_img02.jpg);}
.area_thr_product .tsw01 .slider02 p {color: #444;}
.area_thr_product .tsw01 .slider03 {background-image: url(/images/content/thrift01_img03.jpg);}

.area_thr_product .tsw02 .slider01 {background-image: url(/images/content/thrift02_img01.jpg);}
.area_thr_product .tsw02 .slider02 {background-image: url(/images/content/thrift02_img02.jpg);}
.area_thr_product .tsw02 .slider03 {background-image: url(/images/content/thrift02_img03.jpg);}

.area_thr_product .thr_slider_wrap {position: relative;}
.area_thr_product .thr_slider_wrap .slick-dots {position:absolute; left:50%; bottom:20rem; transform: translate(-50%, 0);}
.area_thr_product .thr_slider_wrap .slick-dots li {display: inline-block; margin: 0 5rem;}
.area_thr_product .thr_slider_wrap .slick-dots li button {font-size: 0; display: block; width: 10rem; height: 10rem; border-radius: 100%; background-color: rgba(255, 255, 255, .5); border: none;}
.area_thr_product .thr_slider_wrap .slick-dots li.slick-active button {background:#000;}
.area_thr_product .thr_slider_wrap .slick-arrow {position:absolute; top:50%; display: block; width: 35rem; height:35rem; font-size: 0; background:url(/images/common/next_arrow.svg) no-repeat center / contain; filter:invert(); z-index: 5; cursor: pointer; opacity: .7;}
.area_thr_product .thr_slider_wrap .slick-arrow.thr_prev {left:10rem; transform: translate(0, -50%) scaleX(-1);}
.area_thr_product .thr_slider_wrap .slick-arrow.thr_next {right:10rem; transform: translate(0, -50%);}

/*.area_thr_product > div {text-align: center;}
.area_thr_product > div h2 {margin-bottom: 25rem; font-size: 28rem; font-weight: 800; color: #000;}
.area_thr_product ul li {height: 70rem; margin: 10rem 0; line-height: 68rem; font-size: 21rem; font-weight: 600; color: #111; border:1rem solid #ddd;}
.area_thr_product ul li img {vertical-align: middle;}
.area_thr_product > div:first-child ul li:nth-child(1) img {height: 27rem;}
.area_thr_product > div:first-child ul li:nth-child(2) img {height: 25rem;}*/

/* 가입신청 */
.area_request article + article {margin-top: 40rem;}
.area_request article > em {display: block; margin-bottom: 20rem; font-size: 14rem; font-weight: 600; color: #888;}
.area_request article > p {margin-bottom: 15rem; font-size: 18rem; font-weight: 600; color: #000;}
.area_request article .box {padding: 20rem 30rem; border-radius: 10rem; border: 1rem solid #ddd;}
.area_request article .box > div + div {margin-top: 20rem;}
.area_request article label {margin-right: 3rem; font-size: 18rem; font-weight: 600; color: #000;}
.area_request article .marking {height: auto;}
.area_request article .marking:after {font-size: 18rem; color: #ee0000;}
.area_request article input[type="text"] {width: 100%; padding: 20rem 0; border-width: 0 0 1rem 0; border-color: #eee;}
.area_request article input[type="text"]::placeholder {color: #666; font-weight: 300;}
.area_request textarea {min-height: 180rem; padding: 30rem; border-radius: 10rem; border: 1rem solid #ddd;}

.area_request .privacy .box {padding: 25rem 30rem;}
.area_request .designRadio.agree {margin-top: 0; text-align: left;}
.area_request .designRadio.agree b {font-size: 16rem; font-weight: 500;}
.area_request .designRadio.agree b span {color: #ee0000;}
.area_request .designRadio.agree a {display: inline-block; padding: 7rem 12rem; margin: 0 10rem; font-size: 13rem; border-radius: 30rem; border: 1rem solid #ddd;}
.area_request .designRadio.agree input[type="radio"] + label {margin: 0; padding-left: 23rem;}
.area_request .designRadio input[type="radio"] + label:before {top: 1rem;}
.area_request .privacy_cont {display: none;}
.area_request .privacy_cont.active {display: block;}
.area_request pre {margin-bottom: 10rem; font-family:Pretendard, Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-size: 15rem; line-height: 1.8;  white-space: pre-wrap;}

/* 개인정보처리방침 */
.area_privacy .sub_title {display: block; text-align: center;}
.inr_policy {padding: 30rem 0; line-height: 1.5; border-bottom: 1px solid #eee;}
.inr_policy:last-child {border-bottom: none;}
.inr_policy h3 {padding: 0; margin-bottom:18rem; font-weight: 800; font-size:18rem; color:#111;}
.inr_policy p {margin-bottom:8rem;}
.inr_policy ul li{margin-bottom:10rem;}
.inr_policy ul li > span {display: block;}
.inr_policy ul li:last-child{margin:0;}
.inr_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.inr_policy ul li ul li{margin-bottom:2rem;}
.inr_policy .inr_policy{padding:40rem 0; border-bottom:1px solid #ddd;}
.inr_policy .inr_policy:last-child{border:none;}
.inr_policy .txt_gray {color: #888;}

/* board */
.button.color {background:#e5007b; border-color: #e5007b;}
.bbsView .button {font-size: 0.9em;}
.bbsView .tip {font-size: 0.8em;}

/* area_location*/
.area_location .map .hide {display: none;}
.area_location .map .root_daum_roughmap_landing {width: 100% !important;}
.area_location .map .root_daum_roughmap .wrap_map {height: 520rem;}
.area_location .map .root_daum_roughmap_landing .border2 {display: block;}
.area_location .map_info {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; margin-top: 40rem;}
.area_location .map_info > div:first-child > * {position:relative; padding-left: 30rem; font-size: 20rem; font-weight: 500; color: #000;}
.area_location .map_info > div:first-child > *::before {position:absolute; left:0; top:1rem; content:''; width:20rem; height:20rem;}
.area_location .map_info h4::before {background:url(/images/content/icon_location.svg) no-repeat center / contain;}
.area_location .map_info h4 strong {color: #3c6bfa; font-weight: 600;}
.area_location .map_info p {margin-top: 15rem;}
.area_location .map_info p::before {background:url(/images/content/icon_call.svg) no-repeat center / contain;}
.area_location .map_info  p a {color: #e5007b; font-weight: 600;}
.area_location .map_info ul {display: grid; grid-template-columns: repeat(3, 1fr); border:1px solid #e1e1e1;}
.area_location .map_info ul li {padding: 25rem 20rem;}
.area_location .map_info ul li + li {border-left:1px solid #e1e1e1;}
.area_location .map_info ul li em {padding-right: 7rem; font-weight: 600; color: #aaa;}


 @media all and (max-width:1024px){
  .area_internet .area_ad a img.mobile
   .area_internet .area_product > p {margin-bottom: 0;}
   .area_internet .prd_list {flex-wrap: wrap; margin-bottom: 40rem;}
   .area_internet .prd_list h3 {flex-basis: 100%; padding: 0 0 15rem;}
   .area_internet .prd_list.unite {margin-bottom: 30rem;}
   .area_internet .prd_list.unite h3 {padding: 0 0 20rem;}
   .area_internet .prd_list ul {flex-basis: 100%;}
   .area_internet .prd_checkbox {padding-left: 0;}

   .area_internet .area_board {grid-template-columns: 1fr; gap: 0;}
   .area_internet .area_board::before {display: none;}
   .area_internet .area_board .inquiry_board {padding-top: 50rem; margin-top: 50rem; border-top: 1rem solid #ddd;}

   .area_location .map .root_daum_roughmap .wrap_map {height: 450rem;}
   .area_location .map_info ul li {display: flex; align-content: center; flex-wrap: wrap;}
   .area_location .map_info ul li em {display: block; flex-basis: 100%; margin-bottom: 5rem;}
 }

 @media all and (max-width:860px){
  .area_thr_product > div {width: 100%; float: none;}
  .area_thr_product > div + div {margin-top: 50rem;}
  .area_thr_product .slick-slide {padding: 60rem;}

  .area_location .map .root_daum_roughmap .wrap_map {height: 400rem;}
  .area_location .map_info {grid-template-columns: 1fr; margin-top: 30rem;}
  .area_location .map_info ul {margin-top: 20rem;}
  .area_location .map_info ul li {padding: 20rem 15rem;}
  .area_location .map_info ul li em {display: block; flex-basis: 100%; margin-bottom: 5rem;}
 }

 @media all and (max-width:768px){
  .area_internet .area_ad a img {display: none;}
  .area_internet .area_ad a img.mobile {display: block;}
  
  .join_area .bbsView td[data-member-form="id"] .button {right: 0; top: 20px;}
  .bbsView .button {font-size: 0.8em;}
 }

@media all and (max-width:640px) {
  .area_inquiry .btn {text-align: right;}

  .name_area {justify-content: flex-start !important;}
  .bbsList tr {display: flex; flex-wrap:wrap; justify-content: flex-end;} 
  .bbsList tr.active {background: #f9f9f9;}
  .bbsList td[data-table="subject"] {flex-basis: 100%;}
  .bbsList td[data-table="write"] {font-size: 12rem; margin-right: auto; padding: 10px; padding-right: 110px;} 
  .bbsList td[data-table="date"] {position:relative; right: auto; width:auto; padding: 10px 5px; text-align: right; box-sizing: border-box; font-size: 12rem;}
  .bbsList td[data-table="date"]:last-child {padding-right: 15px;}

  label.mark {width: 15px !important; height: 15px !important; line-height: 15px !important;}
  label.mark.naver:before {font-size: 10px !important;}
  label.mark.kakao:before {font-size: 10px !important;}
 }

 @media all and (max-width:540px){
    .area_subVisual {padding: 32rem 0 35rem; text-align: center;}
    .area_subVisual .wrapper {flex-wrap: wrap; justify-content: center;}
    .area_subVisual p {font-size: 14rem;}
    .area_subVisual h2 {font-size: 22rem; margin: 8rem 0 20rem;}
    .area_subVisual ul {gap: 0 5rem;}
    .area_subVisual ul li a {width: 35rem; height: 35rem;}

    #sub_container {padding:50rem 0 0;}
    #sub_container #content {padding: 20rem 0 0;}

    .sub_title {flex-wrap: wrap; gap: 20rem 0; padding-bottom: 15rem;}
    .sub_title h2 {flex-basis: 100%; font-size: 20rem;}
    .sub_title .sub_util li {font-size: 12rem;}
    .sub_title .sub_util li::before {width: 6rem; height: 8rem; margin: 0 8rem; background-size: 4rem;}
    .sub_title .sub_util li.home img {height: 11rem; margin-top: 2rem;}

    .ready {padding: 20rem 0;}
    .ready img {width: 40rem;}
    .ready h3 {font-size: 20rem;}
    .ready p {font-size: 14rem;}

    .area_btn {margin-top: 20rem;}
    .area_btn .button {min-width: 100rem; height: 50rem; line-height: 48rem;}

    .area_internet .area_total{margin: 30rem 0 0;}
    .area_internet .area_total h4 {font-size: 21rem;}
    .area_internet .area_total > div:first-child {padding: 30rem 0;}
    .area_internet .sub_title {padding-bottom: 20rem;}
    .area_internet .sub_title img {height: 40rem;}
    .area_internet .area_product > p {text-align: left; margin-bottom: 20rem;}
    .area_internet .prd_list {margin-bottom: 30rem;}
    .area_internet .prd_list h3 {font-size: 21rem; padding-bottom: 12rem !important;}
    .area_internet .prd_list.unite h3 span {font-size: 14rem; margin-top: 5rem;}
    .area_internet .prd_list ul {gap: 0 5rem;}
    .area_internet .prd_list ul li {min-height: auto; padding: 12rem 10rem;}
    .area_internet .prd_list ul li::after {right: 10rem; bottom: 12rem; width: 10rem; height: 10rem;}
    .area_internet .prd_list ul li em {top: 0; right: 0; padding: 4rem 5rem; font-size: 9rem;}
    .area_internet .prd_list ul li p > span {font-size: 15rem; letter-spacing: -.5rem;}
    .area_internet .prd_list ul li p strong {font-size: 12rem;}
    .area_internet .prd_list ul li p strong > span {font-size: 10rem;}
    .area_internet .prd_list ul li i {margin-bottom: 7rem; font-size: 12rem;}
    .area_internet .prd_list ul li > span {display: none;}
    .area_internet .prd_list ul li .price {margin-top: 10rem; font-weight: 500; font-size: 12rem;}
    .area_internet .prd_list.unite {margin-bottom: 20rem;}
    .area_internet .prd_list.unite ul li {padding: 12rem 10rem;}
    .area_internet .prd_list.unite ul li > span.mobile {display: block; font-size: 12rem;}
    .area_internet .prd_list.unite ul li > span b {display: none;}
    .area_internet .prd_list.unite ul li p > span {font-size: 13rem;}
    .area_internet .prd_checkbox {flex-wrap: wrap;}
    .area_internet .prd_checkbox form {display: flex; align-items: flex-start; flex-basis: 100%;}
    .area_internet .prd_checkbox label {width: 100%; margin: 5rem 0; padding-left: 22rem;}
    .area_internet .prd_checkbox label span {font-size: 13rem; margin-left: 0;}
    .area_internet .prd_checkbox label::before {top: 1rem; width: 15rem; height: 15rem;}
    .area_internet .prd_checkbox input[type="checkbox"]:checked + label::before {background-size: 7rem;}
    .area_internet .prd_checkbox ul {flex-basis: 100%; margin-top: 10rem; text-align: left; font-size: 12rem;}
    .area_internet .area_ad {margin-top: 50rem;}
    .area_internet .area_total > div:first-child {padding: 30rem 0;}
    .area_internet .area_total h4 {font-size: 20rem;}
    .area_internet .area_board {display: block; margin-top: 30rem;}
    .area_internet .area_board > div ul li a p {width: 60%; font-weight: 400;}
    .area_internet .area_board > div ul li a b {width: 40%; font-size: 12rem;}
    .area_internet .area_board > div ul li a b span {margin-left: 5rem; padding: 4rem 8rem 3rem; font-size: 12rem; font-weight: 400;}
    .area_internet .area_board .inquiry_board {margin-top: 30rem; padding-top: 30rem;}
    .area_internet .area_board .tip_board ul li a p {width: 60%;}
    .area_internet .area_board .tip_board ul li a span {width: 40%; font-size: 12rem;}
    
    /* lg */
    .area_internet.area_sk .sub_title img {height: 50rem;}

    /* kt */
    .area_internet.area_kt .sub_title img {height: 40rem;}
    .area_internet.area_kt .prd_list.tv ul li i {margin-bottom: 15rem;}
    .area_internet.area_kt .prd_list.tv ul li .price {margin-top: 15rem;}
    .area_internet.area_kt .prd_list.unite ul li {padding:12rem 10rem;}
    
    /* 알뜰인터넷 */
    /*.area_thr_product {grid-template-columns: 1fr;}*/
    .area_thr_product > div + div {margin-top: 35rem;}
    .area_thr_product > div h2 {font-size: 21rem; margin-bottom: 15rem;}
    .area_thr_product .slick-slide {height: 180rem;}
    .area_thr_product .thr_slider_wrap .slick-arrow {width: 20rem; height: 20rem;}
    .area_thr_product .thr_slider_wrap .slick-arrow.thr_prev {left: 5rem;}
    .area_thr_product .thr_slider_wrap .slick-arrow.thr_next {right: 5rem;}
    .area_thr_product .slick-slide {padding: 40rem;}
    .area_thr_product h4 {position: relative; font-size: 24rem; margin-bottom: 15rem;}
    .area_thr_product h4 img {height: 27rem;}
    .area_thr_product p {position: relative; font-size: 14rem; line-height: 1.4;}
    .area_thr_product .thr_slider_wrap .slick-dots {bottom: 10rem;}
    .area_thr_product .thr_slider_wrap .slick-dots li {margin: 0 3rem;}
    .area_thr_product .thr_slider_wrap .slick-dots li button {width: 6rem; height: 6rem;}
    .area_thr_product .thr_slider_wrap .slick-slide { position: relative;}
    .area_thr_product .tsw01 .slider02::before {position:absolute; left:0; top:0; content:''; width:100%; height:100%; background: #fff; opacity: .5;}
    .area_thr_product .tsw02 .slider01::before {position:absolute; left:0; top:0; content:''; width:100%; height:100%; background: #96a6fb; opacity: .5;}
    .area_thr_product .tsw02 .slider02::before {position:absolute; left:0; top:0; content:''; width:100%; height:100%; background: #feb72f; opacity: .5;}
    .area_thr_product .tsw02 .slider03::before {position:absolute; left:0; top:0; content:''; width:100%; height:100%; background: #a8b8f7; opacity: .5;}

    /* 가입신청 */
    .area_request article + article {margin-top: 30rem;}
    .area_request article > em {font-size: 13rem; font-weight: 400;}
    .area_request article .box {padding: 20rem 15rem; border-radius: 5rem;}
    .area_request article label,
    .area_request article .marking:after {font-size: 15rem;}
    .area_request article > p {font-size: 15rem; margin-bottom: 10rem;}
    .area_request article input[type="text"] {font-size: 14rem;}
    .area_request textarea {min-height: 150rem; padding: 15rem; font-size: 14rem; font-weight: 300; line-height: 1.6; border-radius: 5rem;}
    .area_request .privacy .box {padding:15rem;}
    .area_request .designRadio.agree b {font-size: 14rem;}
    .area_request .designRadio.agree input[type="radio"] + label {padding-left: 20rem;}
    .area_request .designRadio.agree a {padding: 6rem 10rem; margin: 5rem; font-size: 12rem;}
    .area_request .privacy_cont {margin-top: 0 !important;}
    .area_request pre {font-size: 13rem; font-weight: 300;}

    /*area_privacy */
    .inr_policy {font-size: 13rem;}
    .inr_policy h3 {font-size: 14rem; margin-bottom: 12rem;}
    .area_privacy.email i {font-size: 13rem;}
    .area_privacy.email strong {font-size: 15rem; margin-top: 10rem;}
    .area_privacy.email .inr_policy {padding: 15rem 0;}

    /* area_location*/
    .area_location .map .root_daum_roughmap .wrap_map {height: 250rem;}
    .area_location .map_info {margin-top: 20rem;}
    .area_location .map_info > div:first-child > * {font-size: 16rem; padding-left: 25rem;}
    .area_location .map_info > div:first-child > *::before {width: 16rem; height: 16rem;}
    .area_location .map_info p {margin-top: 10rem;}
    .area_location .map_info ul {display: block; padding: 20rem;}
    .area_location .map_info ul li {position: relative; flex-wrap: nowrap; padding: 0 10rem; align-items: center;}
    .area_location .map_info ul li::before {position:absolute; left:0; top:50%; content:''; width:3rem; height:3rem; border-radius: 100%; background:#ccc; transform: translate(0, -50%);}
    .area_location .map_info ul li + li {border-left:none; margin-top: 8rem;}
    .area_location .map_info ul li em {display: inline-block; flex-basis: auto; margin: 0;}
}

@media all and (max-width:480px){
  .join_area .bbsView td[data-member-form="id"] .button {top: 10px;}
}

@media all and (max-width:360px){
  .area_internet .prd_list ul li em {padding: 5rem 7rem;}
  .area_request .designRadio input[type="radio"] + label:before {top: 1rem;}
  .area_request .designRadio.agree input[type="radio"] + label {padding-left: 25rem;}
}

@media all and (max-width:280px){
  .area_request .designRadio input[type="radio"] + label:before {top: 0;}
  .area_request .designRadio.agree input[type="radio"] + label {padding-left: 30rem;}
  .designRadio input[type="radio"] + label {line-height: 1.5em;}
  
}