@charset "utf-8";
/* 폰트 로딩 */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y: scroll;height: 100%;box-sizing: border-box;}
body {margin: 0;padding: 0;font-size: 0.75em;font-family: Nanum Gothic, '굴림';position: relative;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0;padding: 0;border: 0}
h1, h2, h3, h4, h5, h6 {font-size: 1em;font-family: Nanum Gothic, '굴림';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
#hd ul, nav ul, #ft ul {margin: 0;padding: 0;list-style: none}
ul {margin: 0;padding: 0;list-style: none}
legend {position: absolute;font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden}
label, input, button, select, img {vertical-align: middle}
input, button {margin: 0;padding: 0;font-size: 1em;border-radius: 0px;box-shadow: none;font-family: Nanum Gothic, '굴림';-webkit-appearance: none;}
input[type='checkbox'] {-webkit-appearance: checkbox}
input[type='radio'] {-webkit-appearance: radio}
button {cursor: pointer}
textarea, select {font-family: Nanum Gothic, '굴림';font-size: 1em;font-family: dotum}
textarea {border-radius: 0;-webkit-appearance: none}
select {height: 30px;margin: 0;border-radius: 0;}
p {margin: 0;padding: 0;word-break: break-all}
hr {display: none}
pre {overflow-x: scroll;font-size: 1.1em}
a:link, a:visited {color: #000;text-decoration: none}
a:hover, a:focus, a:active {color: #000;text-decoration: underline}
.js-slideout-toggle {padding: 0;}

/* 팝업레이어 */
#hd_pop {z-index: 1000;position: relative;margin: 0 auto;width: 100%;}
#hd_pop h2 {position: absolute;font-size: 0;text-indent: -9999em;line-height: 0;overflow: hidden}
.hd_pops {position: absolute;border: 1px solid #e9e9e9;background: #fff}
.hd_pops_con {}
.hd_pops_footer {padding: 10px 0;background: #000;color: #fff;text-align: right}
.hd_pops_footer button {margin-right: 5px;padding: 5px 10px;border: 0;background: #393939;color: #fff}

/* 상단 레이아웃 */
#hd { position: relative;background: #fff }
#hd_h1 { position: absolute;font-size: 0;text-indent: -9999em;line-height: 0;overflow: hidden; }
#hd_wrapper { padding: 0;width: 100%;height: 60px;position: relative;left: 0;top: 0;background: white; }

div#mobile_header { width: 100%;height: 60px;float: left;background: #fe6f61;z-index: 1000;border-bottom: solid 2px #fe6f61;box-sizing: border-box; }
ul#mobile_header_ul { width: 100%; }
ul#mobile_header_ul li { float: left; }
li#mobi_img { text-align: left;margin-top: 9px;text-indent: 5px; }
li#mobi_main_1 { font: bold 22px/50px "Nanum Gothic"; color: #ffffff;text-align: center;letter-spacing: -0.5px; line-height: 64px;}
li#mobi_main_2 { text-align: right;z-index: 20;line-height: 64px; }

/* 211018 추가 */
div#visual_wrap_new { 
    width: 100%;
    position:relative;
    /*padding: 20px 20px 20px 20px;*/
    height: 100%;
    /*border-radius : 10%;*/
    color: #fff; } 
h2.page__title { font-family: 'Noto Sans KR', '맑은 고딕', sans-serif; line-height: 1.4; -webkit-text-size-adjust: 100%; font-size: 2.0rem; 
  	letter-spacing: -0.05em; color: #333; position: relative; padding: 20px 0 20px 20px; font-weight:700; }
h2.page__title .counter {font-size:1.7rem; line-height: 1.4;}
h2.page__title .title_text {font-size:2.0rem; line-height: 1.7; margin-top: 20px;}

span.fw300 {
    font-size: 2.0rem;
    font-weight:300;}
div#page__title-bar {
    display: flex;
    align-items: center;
    justify-content: space-between; }
div#page__title-bar h3 span {
    font-size: 1.2rem;
    color: #5b5b5b;
    font-weight: 300;
    display: block; }

.cards { display: flex; padding: 0 20px 0 20px; flex-wrap: wrap; font-family: 'Noto Sans KR', '맑은 고딕', sans-serif;}
/* .cards--11 .card { width: calc(100% - 20px); padding: 25px 20px; margin-bottom: 20px; } */
.cards--11 .card { width: 100%; padding: 25px 20px; margin-bottom: 20px; }
.cards--11 .card__icon img { max-width: 65px !important; }
.cards--11 img {width:100%; border-radius:15px;}
.cards--11 .card__title { font-size: 2rem !important; }
.cards--11 .card--style-thumb { width: 100%; padding: 0px; }
.cards--11 .card--style-inline { width: 100%; padding: 0 0 10px 0; }
.cards--11 .card--style-inline-bg { width: calc(100% - 20px); padding: 20px 10px 20px 20px; }
.cards--11 .card--style-inline .card__icon { flex: 0 0 40px; margin-right: 20px; margin-bottom: 0px !important; }
.cards--11 .card--style-inline .card__icon img { max-width: 40px !important; } 
.cards--11 .card--style-inline .card__thumb { margin-right: 20px; margin-bottom: 0px !important; }
.cards--11 .card--style-inline .card__thumb img { max-width: 60px !important; }
.cards--11 .card--style-inline .card__details { flex-grow: 1; padding-right: 10px; }
.cards--11 .card--style-inline .card__title { font-size: 1.8rem !important; padding-bottom: 5px; }
.cards--11 .card--style-inline .card__more { flex: 0 0 5px; }

/* .cards--12 .card { width: calc(50% - 20px); padding: 20px 20px 80px 20px; margin-right: 20px; margin-bottom: 20px; } */
.cards--12 .card {width: calc(50% - 10px); padding: 20px 20px 80px 20px; margin-right: 10px; margin-bottom: 20px; }
.cards--12 .card1 {width: calc(50% - 10px); padding: 20px 20px 80px 20px; margin-left: 10px; margin-bottom: 20px; }
.cards--12 .card:nth-child(2n+2) {margin-right: 0px; } 
.cards--12 .card__title { padding-bottom: 5px !important; font-size: 1.9rem; font-weight: 700;}
.cards--12 .card--style-thumb { width: calc(50% - 10px); padding: 0px; }

.cards--13 .card { width: calc(33.333% - 53.333px); padding: 20px; margin-right: 20px; margin-bottom: 20px; }
.cards--13 .card:nth-child(3n+3) { margin-right: 0px; }
.cards--13 .card__icon img { max-width: 34px !important; }
.cards--13 .card__title { font-size: 1.3rem !important; padding-bottom: 5px !important; }
.cards--13 .card--style-cover { width: calc(33.333% - 33.333px); padding: 10px; }
.cards--13 .card--style-thumb { width: calc(33.333% - 13.333px); padding: 0px; }

.cards--14 .card { width: calc(25% - 55px); padding: 20px; margin-right: 20px; margin-bottom: 20px; }
.cards--14 .card:nth-child(4n+4) { margin-right: 0px; }
.cards--14 .card__icon img { max-width: 16px !important; }
.cards--14 .card__title { font-size: 1.2rem !important; padding-bottom: 0px !important; }
.cards--14 .card--style-thumb { width: calc(25% - 15px); padding: 0px; }

.card { position: relative; overflow: hidden; }
.card__icon { margin-bottom: 10px; position: relative; z-index: 33; }
.card__icon img { display: block; max-width: 50px; }
.card__icon--centered { width: 100%; text-align: center; }
.card__icon--centered img { margin-left: auto; margin-right: auto; }
.card__thumb { margin-bottom: 10px; position: relative; }
.card__thumb img { display: block; max-width: 100%; }
.card__thumb--round-corners img { border-radius: 15px; }
.card__thumb--round-corners-full img { border-radius: 100%; }
.card__thumb--round-corners-top img { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.card__plan { font-size: 3.6rem; width: 100%; text-align: center; color: #5160eb; font-weight: 700; letter-spacing: -1px; margin-bottom: 10px; }
.card__plan--premium { font-size: 4.8rem; color: #fff; }
.card__title { padding-bottom: 5px; position: relative; z-index: 33; }
.card__title--centered { width: 100%; text-align: center; }
.card__title a { color: #0d3567; font-weight: 500; }

.card__text { font-size: 1.3rem; position: relative; z-index: 333; letter-spacing: -0.0375em;}
.card__text--centered { width: 100%; text-align: center; }
.card__text a { color: #44484a; font-weight: 400; }
.card__more { width: 5px; padding: 5px; }
.more { width: 5px; padding: 5px; }
.card__more a img { display: block; max-width: 100%; }
.card__top-left-info { position: absolute; top: 10px; left: 10px; z-index: 88; }
.card__top-right-info { position: absolute; top: 10px; right: 10px; z-index: 88; }
.card__bottom-left-info { position: absolute; bottom: 10px; left: 10px; z-index: 88; }
.card__bottom-right-info { position: absolute; bottom: 10px; right: 10px; z-index: 88; }
.card__price { padding: 5px 10px; font-weight: 600; background-color: #fff; color: #5160eb; border-radius: 10px; }
.card__price span { text-decoration: line-through; opacity: 0.5; padding-left: 5px; }
.card__badge { background-color: #30e391; height: 25px; line-height: 25px; left: -30px; position: absolute; top: 5px; width: 100px; text-align: center; -webkit-transform: rotate(-45deg); }
.card__badge span { color: #fff; font-size: 1.2rem; font-weight: 600; letter-spacing: 1px; }
.card__addtocart a { display: inline-block; width: 40px; height: 40px; background-color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.card__addtocart a img { display: block; max-width: 50%; border-radius: 0px !important; }
.card__gradient { width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 11; background: linear-gradient(to bottom, rgba(0, 9, 95, 0), #4c4c4c); }
.card__details { position: relative; z-index: 55; }
.card__details--bg { width: calc(100% - 30px); padding: 15px; background-color: #f7f7f7; }
.card__details--round-corners-bottom { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.card--style-icon { background-color: #f7f7f7; }
.card--style-round-corners { -webkit-border-radius: 15px; border-radius: 15px; }
.card--style-cover .card__title { color: #ffffff !important; font-weight: 700; }
.card--style-cover .card__text { color: #ffffff !important; }
.card--style-inline { display: flex; align-items: center; justify-content: space-between; }
.card--style-inline-bg { background-color: #f7f7f7; }


.wht {color:#fff !important;}


/* 211018 추가끝 */
/* 211026 추가 */

.tabs { display: flex; flex-wrap: wrap; width: 100%; padding: 0 0 0 20px;}
.tabs__label { order: 1; display: block; padding: 10px 4px; margin: 0 3px; border-radius: 25px; cursor: pointer; font-weight: 500; }
.tabs__label--auto { width: auto; padding: 10px 20px 10px 5px; }
.tabs__label--12 { width: 50%; }
.tabs__label--13 { width: 33.333%; }
.tabs__label--14 { width: 25%; font-size: 1.2rem; font-weight: 500;}
.tabs__label--14 { width: 20%; }
.tabs__content { order: 99; flex-grow: 1; width: 227px; display: none; padding: 0; margin-top: 20px; }
.tabs input[type="radio"].tabs__radio { display: none; }
.tabs input[type="radio"].tabs__radio:checked + label.tabs__label { color: #5160eb; }
.tabs input[type="radio"].tabs__radio:checked + label.tabs__label + .tabs__content { display: block; }
.tabs input[type="radio"].tabs__radio:checked + label.tabs__label + .tabs__content2 { display: block; }
/*.tabs--style1 { border-bottom: 1px #d3dce8 solid; }*/
.tabs--style1 .tabs__label { text-align: center; background-color: #f6f9fa; }
.tabs--style1 input[type="radio"].tabs__radio:checked + label.tabs__label { color: #fff; background-color: #f72c3a; }

 .tabs2 { display: flex; flex-wrap: wrap; width: 100%; position: relative;} 
 /* .tabs2 { display: flex; flex-wrap: wrap; width: 100%; padding: 0 20px 0 20px;}  */
.tabs3 { display: flex; flex-wrap: wrap; width: 100%; padding: 0 20px 0 20px;}
/* .tabs__content2 { order: 99; flex-grow: 1; width: 1188px; left:46%; margin-left: -594px; position:relative; display: block; padding: 0; margin-top: 10px; }  */
.tabs__content2 { order: 99; flex-grow: 1; width: 108%; display: block; padding: 0; margin-top: 10px; position: relative;} 

/* .tabs__content2 .swiper-container{width: 1428px; left:50%; margin-left: -719px;} */

.slider-thumbs {width: 100%;}
.slider-thumbs__slide { width: 100%; max-height: auto !important; position: relative; }
/* .slider-thumbs__slide { width: 100%; height: auto !important; position: relative; } */
/* .slider-thumbs__slide--1h { width: 66% !important; max-height: 67% !important; } */




.slider-thumbs__slide--1h { width: 144px!important; max-height: 53.6% !important; margin-top:10.045px;}
.swiper-slide-active{ width: 180px !important; max-height: 67% !important; margin-top:0px;}
.swiper-slide-active .slider-thumbs__image img { display: block; width: 150px; height: 100.5px; margin : 0px 15px 0px 15px;}



/*
.slider-thumbs__slide--2 { width: calc(50% - 5px); }
.slider-thumbs__slide--2h { width: 38%; }
.slider-thumbs__slide--3 { width: calc(33.33% - 6.666px); }
.slider-thumbs__slide--3h { width: 26%; }
*/
.slider-thumbs__slide--4 { width: calc(25% - 7.5px) !important; margin-right:15px; }
.slider-thumbs__slide--4h { width: 20%; }



.slider-thumbs__image { position: relative; overflow: hidden; }
/* .slider-thumbs__image img { display: block; max-width: 100%;} */
.slider-thumbs__image img { display: block; width: 114px; height: 80.4px; margin : 0px 15px 0px 15px;}
.slider-thumbs__image--round-corners img { border-radius: 15px; }
.slider-thumbs__image--round-corners-top img { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.slider-thumbs__image--round-corners-full img { width:75px; border-radius: 25%; border : 1px solid; border-color: #cccccc;}
.slider-thumbs__image .active-user { display: block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
                                background-color: #55c709; border: 2px #fff solid; position: absolute; top: 2px; right: 5px; z-index: 999; }
.slider-thumbs__icon { background-color: #f6f9fa; }
.slider-thumbs__icon--round-corners { border-radius: 15px; }
.slider-thumbs__icon img { display: block; max-width: 40%; margin: auto; padding: 20px 0; }
.caption { padding: 10px 0; text-align: center; color: #333333; }
.caption--bg { background-color: #f6f9fa; width: calc(100% - 30px); padding: 15px; }
.caption--round-corners-bottom { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.caption__title { overflow:hidden; white-space: nowrap; text-overflow:ellipsis; font-size: 1.7rem; font-weight:700; line-height: 1.2; padding-bottom: 0; margin: 10px 0 5px 0;}	
.caption__title strong { font-weight: 900; display: block; }
.caption__title--smaller { font-weight: 500; font-size: 1.6rem; line-height: 1.4; padding-top:5px;}
.caption__title--centered { text-align: center; }
.caption__content p { color:#a0a0a0;} 
/* .caption__content p span:after { content:'|';padding:0 5px;} */
.caption__content2 p { color:#a0a0a0;} 
.caption__content2 p span:after { padding:0 5px;}
.caption__category { display: inline-block; background-color: #83cbf8; color: #fff; font-size: 1rem; padding: 5px 10px; margin: 5px 0 0 0; border-radius: 10px; font-weight: 600; letter-spacing: 1px; }
.slider-thumbs__more { position: absolute; top: 10px; right: 10px; } 
.slider-thumbs__more a { display: block; width: 30px; height: 30px; background-color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.slider-thumbs__more a img { display: block; width: 16px; } 
.slider-thumbs__top-left-info { position: absolute; top: 0px; left: 0px; z-index: 22; padding: 0 0 0 0; } 
.slider-thumbs__top-right-info { position: absolute; top: 0px; right: 0px; z-index: 22; padding: 10px 10px 0 0; }
.slider-thumbs__bottom-left-info { position: absolute; bottom: 0px; left: 0px; z-index: 22; padding: 0 0 0 0; }
.slider-thumbs__bottom-right-info { position: absolute; bottom: 0px; right: 0px; padding: 0 10px 10px 0; z-index: 22; }
.slider-thumbs__label { padding: 5px 10px; font-weight: 600; font-size: 1.6rem; background-color: #fff; color: #f72c3a; border-radius: 30px; display: flex; align-items: center; justify-content: center; }
.slider-thumbs__price span { text-decoration: line-through; opacity: 0.5; padding-left: 5px; }
.slider-thumbs__addtocart a { display: block; width: 40px; height: 40px; background-color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.slider-thumbs__addtocart a img { display: block; max-width: 50%; border-radius: 0px !important; }
.slider-thumbs__badge { background-color: #30e391; height: 25px; line-height: 25px; left: -30px; position: absolute; top: 5px; width: 100px; text-align: center; -webkit-transform: rotate(-45deg); }
.slider-thumbs__badge span { color: #fff; font-size: 1.2rem; font-weight: 600; letter-spacing: 1px; } 
.slider-thumbs__prev { position: relative; right: auto; left: auto; top: auto; bottom: 0px; margin-right: 10px; }
.slider-thumbs__prev::after { font-size: 2rem; color: #000; }
.slider-thumbs__next { position: relative; right: auto; left: auto; top: auto; bottom: 0px; }
.slider-thumbs__next::after { font-size: 2rem; color: #000; }
.slider-thumbs__pagination.swiper-pagination-progressbar { width: 100%; height: 1px; left: 0; top: auto !important; bottom: 0px; background: rgba(0, 0, 0, 0.1); }
.slider-thumbs__pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgba(0, 0, 0, 0.25); }
.slider-links { width: 100%; padding-bottom: 20px; } 
.slider-links__slide { width: auto; height: auto !important; position: relative; }
.slider-links__slide .caption { padding: 10px 0; text-align: left; color: #0d3567; }
.slider-links__slide .caption__link { font-weight: 700; font-size: 1.4rem; line-height: 1.1; padding-bottom: 0px; }
.slider-links__slide .caption__link a { background-color: #f6f9fa; color: #333; border-radius: 50px; padding: 8px 20px; }
.slider-links__slide .caption__link a:hover { background-color: #f72c3a; color: #fff; border-radius: 50px; padding: 8px 20px; }
.slider-links.slider-init-top .swiper-slide-active .caption__link a { background-color: #5160eb; color: #f6f9fa; }
.slider-links__prev { position: relative; right: auto; left: auto; top: auto; bottom: 0px; margin-right: 10px; }
.slider-links__prev::after { font-size: 2rem; color: #000; }
.slider-links__next { position: relative; right: auto; left: auto; top: auto; bottom: 0px; }
.slider-links__next::after { font-size: 2rem; color: #000; }
.slider-links__pagination.swiper-pagination-progressbar { width: 100%; height: 1px; left: 0; top: auto !important; bottom: 0px; background: rgba(0, 0, 0, 0.1); }
.slider-links__pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgba(0, 0, 0, 0.25); }

.mb-20 { margin-bottom: 20px !important; }
.mb-40 { margin-bottom: 20px !important; }

.page__title-bar { display: flex; align-items: center; justify-content: space-between; }
.page__title-bar h3 span { font-size: 1.2rem; color: #5b5b5b; font-weight: 300; display: block; }

.bottom-navigation__pagination .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px; }

/* h2.page__title { position: relative; padding: 0 0 5px 0; margin: 0 0 15px 0; } */

/* 211026 추가끝 */

/* 211028 추가 */
.slider-simple { width: 100%; height: 210px;}
.slider-simple--middle { width:100%; height: auto !important; }
.slider-simple--round-corners { border-radius: 15px; border : 1px solid; border-color: #cccccc; }
.card--style-cover, .slider-simple__slide, .slider-cover__slide {
  -webkit-background-size: 100%; 
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center; }
.slider-simple__slide { width: 100%; }
.slider-simple__slide img{ width: 100%; }
.slider-simple__pagination.swiper-pagination-bullets {
  width: auto !important;
  bottom: 0px !important;
  left : 50% !important; 
  transform: translate(-50%) !important;}
  .slider-simple__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 15px;
    height: 3px;
    margin: 0 2px;
    border-radius: 0;
    background:#cccccc
    ;
    opacity: .4; }
    .slider-simple__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
      background: #ff0000;
      opacity: 1; }

/* 211028 추가 끝*/

div#login{ font: normal 12px "Nanum Gothic";float: right;margin-top: 9px;margin-right: 30px;letter-spacing: -0.5px; }

ul#sigong li { float: left;width: 50%;height: 25px;text-align: center;font: normal 13px/25px "Nanum Gothic";font-weight: 800;letter-spacing: -0.5px;text-indent: 0;border-bottom: solid 1px #dddddd; }

#gnb_open { position: absolute;border: 0;left: 0; }
#gnb { background: #282828; }
#gnb a { display: block;color: #efefef; }
.gnb_1da { padding: 10px;border-top: 1px solid #191919 }
.gnb_2dul { background: #383838 }
.gnb_2da { padding: 10px;border-top: 1px solid #282828 }
.gnb_2da span:before { display: inline-block;margin: 0 10px 0 0;color: #666;content: '▶' }
#gnb_close { display: block;margin: 0;padding: 10px 0;width: 100%;border: 0;background: #000;color: #fff }
#gnb_empty {padding: 20px 0;color: #fff;text-align: center;line-height: 2em}
#gnb_empty a {display: inline;text-decoration: underline}

#hd_sch_open {position: absolute;top: 10px;right: 10px;padding: 0 10px;height: 2.6em;border: 0;background: #333;color: #fff;font-size: 1em;letter-spacing: -0.1em}
.search_form{position: relative;}
.search_form select{position: absolute;top: 3px;left: 3px;border: none;width: 70px;text-indent: 10px;background: #FFF;}
#hd_sch {padding:15px;overflow-y:auto;overflow-x:hidden;background-color:#fff;border-width:1px 0;border-style:solid;border-color:#ddd #fff #333 #fff;position:absolute;top:48px;left:0;right:0;z-index:8100;display:none;}
#hd_sch .search_inp {width:100%;height:36px;font-size:14px;line-height:2.4em;border:2px solid #c60000;padding:0 120px 0 10px;text-indent: 70px;}
#hd_sch #sch_submit {background-color:#f33e31;border:1px solid #f33e31;line-height:1;}
#hd_sch .sch_bt_bx {position:absolute;right:15px;top:16px;z-index:10;}
.bx-wrapper .bx-controls-direction a{z-index: 999 !important;}

.btn_medium {background:#333;border:1px solid #333; color:#fff !important;padding:8px 15px;font-size:13px;line-height:1.444;font-weight:600;display:inline-block;position: relative;top: -16px;right: -15px;}

#hd_sch h2 {position: absolute;font-size: 0;text-indent: -9999em;line-height: 0;overflow: hidden}
#hd_sch #sch_stx {height: 30px;border: 1px solid #181818;background: #323232 !important;line-height: 2.5em;vertical-align: middle}
#hd_sch #sch_submit {margin: 0;padding: 2px 10px;height: 32px;border: 0;vertical-align: middle;position: relative;top:-17px;	background-color: #c60000;width:56px;}
#hd_sch #sch_close {display: block;margin: 0;padding: 10px 0;width: 100%;border: 0;background: #000;color: #fff}
#hd_nb {clear: both;background: #ecf0f7;text-align: center}
#hd_nb li {display: inline-block}
#hd_nb li:nth-last-of-type(1) {border-right: 0 !important}
#hd_nb a {display: inline-block;padding: 10px 7px;text-decoration: none}

#lnb {}
#lnb ul {margin: 0;padding: 0;border-bottom: 1px solid #e7f1ed;list-style: none}
#lnb ul:after {display: block;visibility: hidden;clear: both;content: "Nanum Gothic"}
#lnb li {float: left;margin-bottom: -1px;width: 25%}
#lnb a {display: block;padding: 10px 0;border-right: 1px solid #e7f1ed;border-bottom: 1px solid #e7f1ed;color: #000;text-align: center;text-decoration: none}
#lnb li:nth-of-type(4n) a {border-right: 0}

/* 중간 레이아웃 */
#wrapper {margin: 0;padding: 0}
#wrapper:after {display: block;visibility: hidden;clear: both;}

#container {position: relative;min-height: 300px;background-color: #fff;overflow: hidden;}
#container:after {display: block;visibility: hidden;clear: both}
#container_title {margin: 20px 0 10px 7px;font-size: 1.2em;font-weight: bold}

/* 모바일 전화번호 안내 섹션 */
div#n_mobile_phone_wrap {width: 100%;padding-bottom: 10px;background: #F3F0E9;}
div#n_mobile_phone {width: 100%;padding-top: 10px;background-color: #F3F0E9;text-align: center;}
div#n_mobile_phone p{width:100%;max-width: 768px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;height:80px;background-position:center;background-repeat:no-repeat;background-size: 420px;background-color: #fff;}
div#n_mobile_phone ul {width: 100%;height: 32px;margin-top: 13px;}
div#n_mobile_phone ul li {width: 50%;height: 32px;float: left;}

/* 모바일 금액혜택 섹션 */
div#n_mobile_price{overflow: hidden;padding-bottom:10px;background: #F3F0E9;}
div#n_mobile_price span{display: block;width: 100%;height: 25vw;text-align: center;box-sizing: border-box;background: #fff;font:bold 17px/7vw "NanumSquare";padding: 1.5vw 0 1vw 0;border-top:1px solid #ccc;border-bottom: 1px solid #ccc;}

/* 선택하는 이유 list */
p#mobile_section_title {width: 100%;height: 40px;font: normal 17px/40px "NanumSquare";text-align: center;font-weight: 800;margin-bottom: 0 !important;}
ul#mobile_section_ul {width: 100%;height: 250px;margin: 0 auto;background-image: url("../images/topLogo_1.png");background-repeat: no-repeat;background-position: center;background-size: contain;}
ul#mobile_section_ul li {height: 120px;float: left;margin-left: 2%;margin-bottom: 3%;border: solid 1px gray;text-align: center;box-sizing: border-box;}
ul#mobile_section_ul li:nth-child(2n) {margin-right: 2%;}
ul#mobile_section_ul li:nth-child(3), ul#mobile_section_ul li:nth-child(4) {margin-bottom: 0;}
ul#mobile_section_ul li:nth-child(1), ul#mobile_section_ul li:nth-child(3) {margin-left: 2%;}

p.mobile_sec_inner {width: 94%;height: 90%;border: solid 1px #eee;margin-left: 3%;margin-top: 3%;box-sizing: border-box;}
ul#mobile_section_ul li span {display: block;}
li.mobile_secinfo {color: #45545c;}

span.mobile_info_title {/*color:#c1a471;*/color: black;margin-top: 8px;}
span.mobile_info_title_1 {font: normal 18px/27px "NanumSquare";font-weight: 800;margin-top: 3px;}
span.mobile_info_sub {font: bold 14px/20px "Nanum Gothic";color: #333;letter-spacing: -0.5px;}
span.mobile_info_cont {font: bold 12px/15px "Nanum Gothic";color: #444444;letter-spacing: -0.5px;}

p#mobile_sec_foot {font: italic 12px/30px "Nanum Gothic";color: red;font-weight: 800;text-align: right;letter-spacing: -0.5px;}

/* 계약시 주의사항 */
div#mobile_order_caution {width: 100%;margin: 0;background: white;float: left;border-top: solid 10px #F3F0E9;box-sizing: border-box;}
#mobile_order_caution table{width: 95%;margin: 10px auto;}
span#mobile_order_caution_text_1 {font: normal 16px "Nanum Gothic";font-weight: 800;margin-top: 2%;text-indent: 5px;letter-spacing: -0.5px;}
span.mobile_order_caution_text_3 {font: normal 12px/20px "Nanum Gothic";text-indent: 5px;letter-spacing: -0.5px;}
span#mobile_order_caution_text_4 {font: italic 12px "Nanum Gothic";color: red;font-weight: 800;text-indent: 5px;letter-spacing: -0.5px;}

/* 견적 신청창 */
/* div#mobile_list_wrap {width: 100%;height: 334px;background: #F3F0E9;} */
div#mobile_list_wrap {width: 100%;height: 178px;}
div#mobile_list_order {width: 98%;height: 158px;background: white;margin-top: 10px;margin-bottom: 40px;float: left;margin-left: 1%;}
div#mobile_list_totitle {display: flex; justify-content: space-between; align-items: center; padding: 0 20px 0 0;}
table#mobile_list_table {width: 100%;margin: 10px auto;border-bottom: solid 1px gray;background: white;}
table#mobile_list_table th {height: 39px;background: #dddada;border-bottom: solid 1px gray;font: bold 14px "돋움"}
table#mobile_list_table td {height: 39px;border-top: solid 1px #eee;font: normal 12px "Nanum Gothic";vertical-align: middle;box-sizing: border-box;letter-spacing: -0.5px;}
p#mobile_list_title {font-family: 'Noto Sans KR', '맑은 고딕', sans-serif;  letter-spacing: -0.05em;width: calc(100% - 10px); font-size: 2.0rem; font-weight: 700; margin: 0 0 15px 0;box-sizing: border-box;padding:0 0 5px 20px;}
div#page__title-right { position: relative; display: flex; align-items: center; margin-bottom: 15px !important; padding-bottom: 5px !important;}
div#mobile_list_more {width : 27px; padding: 0px;}
div#mobile_list_more a img {display : block; max-width: 100%;}
table#mobile_list_table td.mobile_num1 {width: 17%;text-align: center;}
table#mobile_list_table td.mobile_num1 img {vertical-align: middle;}
table#mobile_list_table td.mobile_loca {width: 20%;text-align: center;}
table#mobile_list_table td.mobile_title1 {width: 42%;text-indent: 3px;}
table#mobile_list_table td.mobile_name1 {width: 10%;text-align: center;}
table#mobile_list_table td.mobile_count1 {text-align: center;padding: 5px;}
table#mobile_list_table tr:nth-child(even) {background: #f8f8f8;}

#list_ul_mask {width: 100%;height: 117px;overflow: hidden;border-top:0px solid #ddd; padding: 0 20px 0 20px;}  /* 출력갯수 39 X 5 + 2 px */
ul#list_ul {width: 100%;height: 100%;position: relative;background: white}
#list_ul ul,li { list-style:none; }
/* #list_ul li:nth-child(even) {background: #f8f8f8;} */
ul#list_ul li {height: 39px;border-bottom: solid 1px #ddd;font: normal 12px 'Nanum Gothic', sans-serif;vertical-align: middle;}
ul#list_ul table { width:100%;height: 39px;max-height: 39px;min-height: 39px; }
ul#list_ul table tr td.num1 { width: 18%;text-align: center; }
ul#list_ul table tr td.num1 img { margin-top:-4px;vertical-align: middle; }
ul#list_ul table tr td.loca { width: 20%;min-width:36px;text-align: center; }
ul#list_ul table tr td.title1 { width: 42%;text-indent: 3px; }
ul#list_ul table tr td.name1 { width: 11%;text-align: center; }
ul#list_ul table tr td.count1 { widtH: 9%;padding: 5px;text-align: center; }

/* 메인 시공사 칭찬 */
#review_ul_mask {width: 100%;height: 117px;overflow: hidden;border-top:0px solid #ddd; padding: 0 20px 0 20px;}  /* 출력갯수 39 X 5 + 2 px */
ul#review_ul {width: 100%;height: 100%;position: relative;background: white}
#review_ul ul,li { list-style:none; }
ul#review_ul li {height: 39px;border-bottom: solid 1px #ddd;font: normal 12px 'Nanum Gothic', sans-serif;vertical-align: middle;}
ul#review_ul table { width:100%;height: 39px;max-height: 39px;min-height: 39px; }
ul#review_ul table tr td.num1 { width: 18%;text-align: center; }
ul#review_ul table tr td.num1 img { margin-top:-4px;vertical-align: middle; }
ul#review_ul table tr td.loca { width: 20%;min-width:36px;text-align: center; }
ul#review_ul table tr td.title1 { width: 42%;text-indent: 3px; }
ul#reivew_ul table tr td.name1 { width: 11%;text-align: center; }
ul#review_ul table tr td.count1 { widtH: 9%;padding: 5px;text-align: center; }

/* 주거 공간 ,상업 공간 포트폴리오 */
div#mobile_comm_pot1, div#mobile_resi_pot1 {width: 100%;float: left;padding-top: 10px;background: #F3F0E9;}
div#mobile_comm_1, div#mobile_resi_1 {width: 96%;margin-bottom: 10px;margin: 0px auto;}
p#mobile_comm_top, p#mobile_resi_top {text-align: center;margin-top: 10px;margin-bottom: 10px;}
p#mobile_comm_top span, p#mobile_resi_top span {display: block;}
span#comm_top_txt_1, span#resi_top_txt_1 {font: bold 16px "Nanum Gothic";color: black;letter-spacing: -0.5px;}
div#mobile_comm_2, div#mobile_resi_2 {width: 96%;height: 76px;margin: 0 auto;}
p#mobile_comm_top_2 {width: 100%;height: 76px;text-align: center;background: #997a43;float: left;}
p#mobile_resi_top_2 {width: 100%;height: 76px;text-align: center;background: #997a43;float: left;}
p#mobile_comm_top_2 span, p#mobile_resi_top_2 span {display: block;}
span#comm_top_2_txt1, span#resi_top_2_txt1 {font: bold 18px/22px "NanumSquare";color: white;margin-top: 8px;text-shadow: 1px 1px 1px gray;}
span#comm_top_2_txt2, span#resi_top_2_txt2 {font: bold 14px/22px "Nanum Gothic";letter-spacing: -0.5px;}
span#comm_top_2_txt3, span#resi_top_2_txt3 {font: bold 13px "verdana";}
div#mobile_comm_3, div#mobile_resi_3 {width: 96%;height: 85px;margin: 0 auto;}
ul#mobile_resi_list li {width: 33.3%;height: 40px;float: left;background: #f7f7f7;font: normal 12px/40px "나눔고딕";color: #574545;border: solid 1px gray;text-align: center;box-sizing: border-box;}
ul#mobile_comm_list li a {width: 25%;height: 40px;float: left;background: #f7f7f7;font: normal 12px/40px "나눔고딕";color: #574545;border: solid 1px gray;text-align: center;border-right: none;border-bottom: none;box-sizing: border-box;display: block;}
ul#mobile_comm_list li:nth-child(4n) a {border-right: 1px solid grey;}
ul#mobile_comm_list li:nth-child(5) a, ul#mobile_comm_list li:nth-child(6) a, ul#mobile_comm_list li:nth-child(7) a, ul#mobile_comm_list li:nth-child(8) a {border-bottom: 1px solid grey;}
ul#mobile_comm_list, ul#mobile_resi_list {width: 100%;height: 84px;margin-top: 1px;margin-left: 1px;}
ul#mobile_comm_list li:hover, ul#mobile_resi_list li:hover {background: #e6ded1;font: bold 12px/40px "Nanum Gothic";color: black;letter-spacing: -0.5px;}
div#mobile_comm_4, div#mobile_resi_4 {width: 100%;float: left;margin-top: 5px;margin-bottom: 10px;}
ul#mobile_comm_port, ul#mobile_resi_port, ul#mobile_3d_port_list {width: 100%;height: 100%;margin-top: 10px;}
ul#mobile_comm_port li, ul#mobile_resi_port li, ul#mobile_3d_port_list li {width: 45%;height: 45vw;float: left;margin-left: 3.5%;margin-bottom: 20px;}
ul#mobile_comm_port, ul#mobile_resi_port, ul#mobile_3d_port_list {margin: 0 auto;}
ul#mobile_comm_port li span, ul#mobile_resi_port li span, ul#mobile_3d_port_list li span {display: block;text-align: center;font: bold 12px "Nanum Gothic";letter-spacing: -0.5px;margin-top: 5px;}
ul#mobile_resi_port li {text-align: center;font: bold 12px/24px "Nanum Gothic";letter-spacing: -0.5px;}
ul#mobile_comm_port li, ul#mobile_resi_port li, ul#mobile_3d_port_list li {box-sizing: border-box;background: #eee;}
ul#mobile_comm_port li:nth-child(3), ul#mobile_comm_port li:nth-child(4),
ul#mobile_resi_port li:nth-child(3), ul#mobile_resi_port li:nth-child(4),
ul#mobile_3d_port_list li:nth-child(3), ul#mobile_3d_port_list li:nth-child(4){margin-bottom: 0;}
ul#mobile_comm_port li img, ul#mobile_resi_port li img, ul#mobile_3d_port_list li img {width: 100%;height: 40vw;box-shadow: 2px 2px 2px #666666;}

/* TU제도 */
div#mobile_tu_wrap {width: 100%;float: left;margin-top: 10px;padding-bottom: 10px;}
div#mobile_tu {width: 96%;margin-bottom: 10px;margin: 0px auto;position: relative;left: 0;top: 0;}
div#mobile_tu span {display: block;}
p#mobile_contTU1 {font: bold 60px/60px "tahoma";color: #ebe9e6;text-align: center;}
div#mobile_tu_con1 {width: 100%;height: 125px;float: left;border: solid 1px #eee;margin-bottom: 10px;}
div#mobile_tu_con2 {width: 100%;position: absolute;margin: 0 auto;}
span#mobile_tu_con2_title {font: normal 30px "NanumSquare";font-weight: 800;text-align: center;margin-top: 20px;margin-bottom: 10px;}
span.mobile_tu_con2_text {font: normal 14.5px/25px "Nanum Gothic";text-align: center;letter-spacing: -0.5px;}
div#mobile_tu_con3 {width: 100%;float: left;}
ul#mobile_tu_con3_ul li {width: 40%;float: left;margin-left: 7%;margin-bottom: 10px;border: dotted 1px gray;box-sizing: border-box;}
ul#mobile_tu_con3_ul li span {display: block;}
ul#mobile_tu_con3_ul li:nth-child(2n) {margin-right: 6%;;}
span.mobile_tu_img {text-align: center;margin: 5px auto;height: 100px;line-height: 100px;}
span.mobile_tu_img img {width: 95%;max-width: 100px;max-height: 100px;}
span.mobile_tu_title {height: 25px;font: bold 16px/16px "Nanum Gothic";text-align: center;border-bottom: dotted 1px gray;letter-spacing: -0.5px;}
span.mobile_tu_text {height: 10px;font: normal 12px/10px "Nanum Gothic";color: #333;text-align: center;letter-spacing: -0.5px;margin: 5px 0;}
span#mobile_contTU5 {font: italic 14px "Nanum Gothic";color: red;font-weight: 800;text-align: right;padding-right: 20px;letter-spacing: -0.5px;}

/* MS캐스트 섹션 */
div#mobile_mscast_wrap {width: 100%;float: left;margin-top: 10px;background: #F3F0E9;padding-bottom: 10px;}
div#mobile_mscast {width: 96%;margin-bottom: 10px;margin: 0px auto;position: relative;left: 0;top: 0;}
div#mobile_mscast span {display: block;}
div#mobile_mscast_con1 {width: 96%;height: 120px;float: left;border: solid 1px gray;margin-bottom: 10px;margin-top: 10px;margin-left: 2%;box-sizing: border-box;}
p#contmscast1 {font: bold 35px/25px "tahoma";color: #d7cec1;text-align: center;margin-top: 40px;}
div#mobile_mscast_con2 {width: 100%;position: absolute;margin: 0 auto;}
span#mobile_mscast_con2_title {font: bold 30px "tahoma";color: #62584f;text-align: center;margin-top: 20px;margin-bottom: 7px;}
span.mobile_mscast_con2_text {font: normal 14px/20px "Nanum Gothic";text-align: center;letter-spacing: -0.5px;}
div#mobile_mscast_con3 {width: 100%;float: left;}
ul#mobile_mscast_con3_ul li {width: 47%;float: left;margin-left: 2%;margin-bottom: 10px;border: solid 1px gray;box-sizing: border-box;}
ul#mobile_mscast_con3_ul li span {display: block;}
ul#mobile_mscast_con3_ul li:nth-child(2n) {margin-right: 2%;}
span.mobile_mscast_img {text-align: center;margin-top: 5px;margin-bottom: 5px;}
span.mobile_mscast_img img {width: 98%;}
span.mobile_mscast_text {height: 40px;font: normal 12px/20px "Nanum Gothic";color: #333;text-align: center;letter-spacing: -0.5px;border-top: solid 1px gray;}
span#mobile_cont_mscast5 {font: italic 14px "Nanum Gothic";color: red;font-weight: 800;text-align: right;padding-right: 20px;letter-spacing: -0.5px;}

/* 이벤트 섹션 */
div#mobile_event_wrap {width: 100%;float: left;margin-top: 10px;padding-bottom: 10px;}
div#mobile_event {width: 96%;margin-bottom: 10px;margin: 0px auto;position: relative;left: 0;top: 0;}
div#mobile_event span {display: block;}
div#mobile_event_con1 {width: 96%;height: 90px;float: left;border: solid 1px #eee;margin-bottom: 10px;margin-top: 10px;margin-left: 2%;box-sizing: border-box;}
p#mobile_event_contevent1 {font: bold 40px/30px "tahoma";color: #ebe9e6;text-align: center;margin-top: 32px;}
div#mobile_event_con2 {width: 100%;position: absolute;margin: 0 auto;}
span#mobile_event_con2_title {font: normal 20px "NanumSquare";font-weight: 800;text-align: center;margin-top: 20px;margin-bottom: 10px;}
span.mobile_event_con2_text {font: normal 14px/20px "Nanum Gothic";text-align: center;letter-spacing: -0.5px;}
div#mobile_event_con3 {width: 100%;float: left;}
ul#mobile_event_con3_ul li {width: 47%;float: left;margin-left: 2%;margin-bottom: 10px;border: solid 1px gray;box-sizing: border-box;}
ul#mobile_event_con3_ul li span {display: block;text-align: center;}
ul#mobile_event_con3_ul li:nth-child(2n) {margin-right: 2%;}
span.mobile_event_img {text-align: center;margin-top: 5px;margin-bottom: 5px;}
span.mobile_event_img img {width: 98%;}
span.mobile_event_text {height: 40px;font: normal 12px/20px "Nanum Gothic";color: #333;text-align: center;letter-spacing: -0.5px;border-top: solid 1px gray;}
span#mobile_cont_event5 {font: italic 14px "Nanum Gothic";color: red;font-weight: 800;text-align: right;padding-right: 20px;letter-spacing: -0.5px;}
span.mobile_event_sum_img {margin-bottom: 5px;margin-top: 5px;}
span.mobile_event_sum_title {font: bold 14px "Nanum Gothic";margin-bottom: 5px;margin-top: 5px;letter-spacing: -0.5px;}
span.mobile_event_sum_img img {width: 100%;}
span.mobile_event_sum_text {font: normal 12px "돋움";height: 28px;}

/* 파트너 섹션 */
div#mobile_partner_wrap {width: 100%;float: left;margin-top: 10px;background: #F3F0E9;padding-bottom: 10px;}
div#mobile_partner {width: 96%;margin-bottom: 10px;margin: 0px auto;position: relative;left: 0;top: 0;}
div#mobile_partner span {display: block;}
div#mobile_partner_con1 {width: 100%;height: 95px;float: left;border: dashed 1px gray;margin-bottom: 10px;margin-top: 10px;box-sizing: border-box;}
p#mobile_partner_contpartner1 {font: bold 40px/30px "tahoma";color: #d7cec1;text-align: center;margin-top: 45px;}
div#mobile_partner_con2 {width: 100%;position: absolute;margin: 0 auto;}span#mobile_partner_con2_title {ont: normal 24px "NanumSquare";font-weight: 800;text-align: center;margin-top: 20px;margin-bottom: 7px;}
span.mobile_partner_con2_text {font: normal 16px/20px "Nanum Gothic";text-align: center;letter-spacing: -0.5px;}
div#contents_3_4 {width: 100%;margin: 0 auto;margin-bottom: 10px;border: dashed 1px gray;float: left;box-sizing: border-box;}
p#mobile_partner_part3 span {display: block;text-align: center;margin-top: 10px;}
span#mobile_partner_part4 {font: bold 16px/35px "돋움";color: blue;text-shadow: 1px 1px 1px white;}
span.mobile_partner_part5 {font: normal 14px/15px "Nanum Gothic";color: orange;letter-spacing: -0.5px;font-weight: 600;}
span#mobile_partner_part55 {margin-bottom: 15px;}
div#mobile_mscast_con3 {width: 100%;float: left;}
div#mobile_mscast_con3 span {display: block;}
p#mobile_partner_arm2 {width: 50%;float: left;}
p#mobile_partner_arm2 img {width: 90%;margin-top: 5px;}
span#mobile_partner_part5_1 {font: normal 18px/20px "NanumSquare";color: red;text-shadow: 1px 1px 1px white;margin-bottom: 2%;text-align: center;margin-top:20%;font-weight: 800;}
span#mobile_partner_part5_2 {font: italic 13px "Nanum Gothic";text-align: center;font-weight: 800;letter-spacing: -0.5px;}
p#mobile_partner_part5_3{float:left;background:#c60000;width:50%;text-align:center;margin:0 auto;padding:5px;border-radius:5px;font: bold 14px/25px "NanumSquare";color: white;margin-top:5%;}

/* 하단부 */
div#footer_wrap {width: 100%;float: left;margin-top: 0;background: #F5F5f5;padding-bottom: 10px; align-items: center;}
div#footer_cont {width: 100%;margin: 0 auto;padding: 5px 0;position: relative;left: 0;}
div#footer_time {background: url("../images/footer_clock.png") no-repeat left;clear: left;margin: 0 auto;width: 90%;}
p#footer_time_1 {font: bold 14px "나눔고딕";margin-left: 90px;margin-bottom: 3px;color: white;}
p#footer_time_2 {font: normal 18px "나눔고딕";margin-left: 90px;color: white;}
p#footer_time_3 {font: normal 12px "나눔고딕";margin-left: 90px;color: white;}
/* div.footer_top {width: 100%;float: left;margin-top: 5px;margin-bottom: 10px;padding: 5px;background: white;}div.footer_top ul {width: 100%;}
div.footer_top ul li {display: list-item;float: left;text-align: center;}
div.footer_top ul li a {font: bold 0.85em "돋움";color: black;padding: 0;text-decoration: none;} 
div.footer_top {line-height:1.5;font-size:1.4rem; margin-top: 20px !important; margin-bottom: 60px !important; align-items: center;}*/
div.footer_top {font-family: 'Noto Sans KR';width: 100%;color: #8a8a8a; margin-top: 10px; margin-bottom: 10px;padding: 0 6%;box-sizing: border-box;font-size: 11px;font-style: normal;text-align: center;word-break: normal;}
div.footer_top h5 a {font-weight: 700; padding: 0 0 20px 0; margin: 0; color: #333;}
div.footer_contact {font-family: "Noto Sans KR", "맑은 고딕", sans-serif;width: 100%; margin-bottom: 10px;padding: 0 6%;box-sizing: border-box; font-style: normal;text-align: center;word-break: normal;}
div.footer_contact h2.red.pb-0 {font-size: 2.0rem; color:#f72c3a; font-weight: 700; padding-bottom: 0px !important;}
div.footer_contact p.fw500.fz14 {line-height: 1.5; font-size: 1.4rem !important; font-weight: 500;}
div.footer_bottom {font-family: 'Noto Sans KR';width: 100%;color: #8a8a8a;margin-bottom: 55px;padding: 0 6%;box-sizing: border-box;font-size: 11px;font-style: normal;text-align: center;word-break: normal;}
div.footer_bottom p{line-height: 1.4em;color: #666;}

/* 텍스트 크기 조절 */
#text_size {margin: 0 0 10px;text-align: center}
#text_size button {margin: 0;padding: 2px 2px 1px;border: 1px solid #c3c6ca;background: transparent;vertical-align: middle}
.ts_up {font-size: 1.167em !important}
.ts_up2 {font-size: 1.3em !important}

/* 하단 레이아웃 */
#ft {border-top: 1px solid #dde4e9;background: #f2f5f9}
#ft h1{width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden}
#ft p {margin: 0;padding: 10px 0;line-height: 1.8em}
#ft_copy {padding: 10px;background: #414141;color: #fff;line-height: 2em}
#ft_copy #ft_company {text-align: center}
#ft_copy #ft_company a {display: inline-block;padding: 5px 10px}
#ft_copy b {color: inherit}
#ft_copy a {color: inherit;text-decoration: none}

/* 게시물 선택복사 선택이동 */
.copymove_current {float: right;color: #ff3061}
.copymove_currentbg {background: #f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position: absolute;top: 0;left: 0;width: 0;height: 0;overflow: hidden}
.msg_sound_only, .sound_only {display: inline-block;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;font-size: 0 !important;line-height: 0 !important;overflow: hidden}

/* 본문 바로가기 */
.to_content a {z-index: 100000;position: absolute;top: 0;left: 0;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width: 100%;height: auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display: inline-block;position: relative}
#captcha legend {position: absolute;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden}
#captcha audio {display: block;margin: 0 0 5px;width: 187px}
#captcha #captcha_img {width: 60px;height: 30px;border: 1px solid #e9e9e9}
#captcha #captcha_reload {margin: 0;padding: 0 5px;height: 32px;border: 0;background: #e4eaec;vertical-align: middle;overflow: hidden;cursor: pointer}
#captcha #captcha_key {margin: 0 0 0 4px;padding: 0 5px;width: 50px;height: 30px;border: 1px solid #b8c9c2;background: #f7f7f7;font-size: 1.333em;font-weight: bold;text-align: center;line-height: 2em}
#captcha #captcha_info {display: block;margin: 5px 0 0;font-size: 0.95em;letter-spacing: -0.1em}
#captcha #captcha_mp3 {margin: 0;padding: 0 5px;height: 32px;border: 0;background: #e4eaec;vertical-align: middle;overflow: hidden;cursor: pointer}

/*단축키일람 */
.btn_cke_sc {background: #333;color: #fff;padding: 5px;border: none;margin-bottom: 5px}
.cke_sc_def {margin: 0 0 5px;padding: 10px;border: 1px solid #ccc;background: #f7f7f7;text-align: center}
.cke_sc_def dl {margin: 0 0 5px;text-align: left;zoom: 1}
.cke_sc_def dl:after {display: block;visibility: hidden;clear: both;content: ""}
.cke_sc_def dt, .cke_sc_def dd {float: left;argin: 0;padding: 5px 0;border-bottom: 1px solid #e9e9e9}
.cke_sc_def dt {width: 50%;font-weight: bold}
.cke_sc_def dd {width: 50%}
.btn_cke_sc_close {background: #333;padding: 5px;border: none;color: #fff}

/* 버튼 */
a.btn01 {display: inline-block;padding: 8px 7px 7px;border: 1px solid #ccc;background: #fafafa;color: #000;text-decoration: none;vertical-align: middle}
a.btn01:focus, a.btn01:hover {text-decoration: none}
button.btn01 {display: inline-block;margin: 0;padding: 7px;border: 1px solid #ccc;background: #fafafa;color: #000;text-decoration: none}
a.btn02 {display: inline-block;padding: 8px 7px 7px;border: 1px solid #3b3c3f;background: #4b545e;color: #fff;text-decoration: none;vertical-align: middle}
a.btn02:focus, .btn02:hover {text-decoration: none}
button.btn02 {display: inline-block;margin: 0;padding: 7px;border: 1px solid #3b3c3f;background: #4b545e;color: #fff;text-decoration: none}
.btn_confirm {text-align: center}

/* 서식단계 진행 */
.btn_submit {padding: 8px;border: 0;background: #ff3061;color: #fff;letter-spacing: -0.1em}
fieldset .btn_submit {padding: 0 7px;height: 24px;line-height: 1em}
a.btn_cancel {display: inline-block;padding: 8px 7px 7px;border: 1px solid #ccc;background: #fafafa;color: #000;text-decoration: none;vertical-align: middle}
button.btn_cancel {display: inline-block;padding: 7px;border: 1px solid #ccc;background: #fafafa;color: #000;vertical-align: top;text-decoration: none}
a.btn_frmline, button.btn_frmline {display: inline-block;padding: 0 5px;height: 1.9em;border: 0;background: #333;color: #fff;letter-spacing: -0.1em;text-decoration: none;vertical-align: top;line-height: 1.9em}

/* 우편번호검색버튼 등 */
button.btn_frmline {font-size: 1em}

/* 게시판용 버튼 */
a.btn_b01 {display: inline-block;margin: 0 0 3px;padding: 8px 7px 7px;border: 1px solid #d9ded9;background: #f2f5f9;color: #000;text-decoration: none;vertical-align: middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration: none}
a.btn_b02 {display: inline-block;margin: 0 0 3px;padding: 8px 7px 7px;border: 1px solid #3b3c3f;background: #4b545e;color: #fff;text-decoration: none;vertical-align: middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration: none}
a.btn_admin {display: inline-block;margin: 0 0 3px;padding: 8px 7px 7px;border: 1px solid #e8180c;background: #e8180c;color: #fff;text-decoration: none;vertical-align: middle}

/* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration: none}

/* 댓글 스타일 */
.cnt_cmt {display: inline-block;margin: 0 0 0 3px;font-weight: bold}

/* 기본테이블 */
.tbl_wrap {margin: 0 10px 10px}
.tbl_wrap table {width: 100%;border-collapse: collapse;border-spacing: 0}
.tbl_wrap caption {padding: 10px 0;color: #000000;font-weight: bold;text-align: left}
.tbl_head01 { }
.tbl_head01 caption {padding: 0 0 10px;color: #777;text-align: left}
.tbl_head01 thead th {padding: 12px 0;border-top: 1px solid #d1dee2;border-bottom: 1px solid #d1dee2;background: #e5ecef;color: #383838;font-size: 0.95em;text-align: center;letter-spacing: -0.1em}
.tbl_head01 thead a {color: #383838}
.tbl_head01 thead th input {vertical-align: top}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top: 1px solid #666;border-bottom: 1px solid #666;background: #484848;color: #fff;}
.tbl_head01 tfoot td {border-color: #666;background: #484848;color: #fff;font-weight: bold;text-align: center}
.tbl_head01 tbody th {padding: 5px 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.tbl_head01 td {padding: 5px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;line-height: 1.5em;word-break: break-all}
.tbl_head02 { }
.tbl_head02 caption {padding: 0 0 10px;color: #777;text-align: left}
.tbl_head02 thead th {padding: 5px 0;border-top: 1px solid #d1dee2;border-bottom: 1px solid #d1dee2;background: #e5ecef;color: #383838;font-size: 0.95em;text-align: center;letter-spacing: -0.1em}
.tbl_head02 thead a {color: #383838}
.tbl_head02 thead th input {vertical-align: top}
.tbl_head02 tfoot th {border-top: 1px solid #666;border-bottom: 1px solid #666;background: #484848;color: #fff}
.tbl_head02 tfoot td {border-color: #666;background: #484848;color: #fff;font-weight: bold;text-align: center}
.tbl_head02 tbody th {padding: 5px 0;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9}
.tbl_head02 td {padding: 5px 3px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;line-height: 1.4em;word-break: break-all}

/* 폼 테이블 */
.tbl_frm01 { }
.tbl_frm01 th {padding: 10px 5px;border: 1px solid #e9e9e9;border-left: 0;background:#f7f7f7;text-align: left}
.tbl_frm01 td {padding: 10px 5px;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;background: transparent}
.tbl_frm01 textarea, .frm_input {border: 1px solid #e4eaec;background: #f7f7f7;vertical-align: middle;line-height: 1.8em;-webkit-appearance: none}
.tbl_frm01 textarea {width: 100%;height: 100px}
.tbl_frm01 a {text-decoration: none}
.tbl_frm01 .frm_file {display: block;margin-bottom: 5px;width: 100%}
.tbl_frm01 .frm_info {display: block;padding: 5px 0 0;color: #666;line-height: 1.3em}

/* 자료 없는 목록 */
.empty_table {padding: 20px 0 !important;text-align: center}
.empty_list {padding: 20px 0 !important;text-align: center}

/* 필수입력 */
.required, textarea.required {background: url('../img/wrest.gif') top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width: 120px;text-align: center}
.td_category {width: 80px;text-align: center}
.td_chk {width: 30px;text-align: center}
.td_date {width: 60px;text-align: center}
.td_datetime {width: 150px;text-align: center}
.td_group {width: 100px;text-align: center}
.td_mb_id {width: 100px;text-align: center}
.td_mng {width: 80px;text-align: center}
.td_name {width: 100px;text-align: left}
.td_nick {width: 100px;text-align: center}
.td_num {width: 50px;text-align: center}
.td_numbig {width: 80px;text-align: center}
.td_stat {width: 60px;text-align: center}
.txt_active {color: #5d910b}
.txt_done {color: #e8180c}
.txt_expired {color: #ccc}
.txt_rdy {color: #8abc2a}

/* 새창 기본 스타일 */
.new_win { }
.new_win #win_title {margin: 0 0 20px;padding: 20px;border-top: 3px solid #4e5d60;border-bottom: 1px solid #e9e9e9;font-size: 1.2em}
.new_win #win_title .sv {font-size: 0.75em;line-height: 1.2em}
.new_win .tbl_wrap {margin: 0 20px}
.new_win .win_ul {margin: -20px 0 20px 0;padding: 0 20px;border-bottom: 1px solid #455255;background: #484848;list-style: none}
.new_win .win_ul:after {display: block;visibility: hidden;clear: both;content: ""}
.new_win .win_ul li {float: left;margin-left: -1px}.new_win .win_ul a {display: block;padding: 10px;border-right: 1px solid #455255;border-left: 1px solid #455255;color: #fff;font-weight: bold;text-decoration: none}
.new_win .win_desc {padding: 10px 20px}
.new_win .win_btn {clear: both;margin: 20px;text-align: center}
.new_win .win_btn a {display: inline-block;padding: 0 10px;height: 2.5em;background: #666;color: #fff;text-decoration: none;vertical-align: middle;line-height: 2.5em}
.new_win .win_btn button {display: inline-block;padding: 0 10px;height: 2.5em;border: 0;background: #666;color: #fff;text-decoration: none;line-height: 2.5em}
.new_win .win_btn input {padding: 0 10px;height: 2.5em;line-height: 2.5em}

/* 검색결과 색상 */
.sch_word {color: #ff3061}

/* 사이드뷰 */
.sv_wrap {display: inline-block;position: relative;font-weight: normal}
.sv_wrap .sv{z-index: 1000;display: none;margin: 5px 0 0;border: 1px solid #283646}
.sv_wrap .sv a {display: inline-block;margin: 0;padding: 3px;width: 94px;border-bottom: 1px solid #283646;background: #111;color: #fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration: none}
.sv_on {display: block !important;position: absolute;top: 10px;left: 20px;width: auto;height: auto}
.sv_nojs .sv {display: block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:28px;line-height:28px;padding:0;min-width:28px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:28px;line-height:28px;padding:0;min-width:28px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

/* PC화면으로 */
#device_change {display: block;margin: 5px;padding: 5px 0;border: 1px solid #eee;border-radius: 0;color: #000;font-size: 1em;text-decoration: none;text-align: center}

/*메일인증*/
.rg_em_p {padding: 0 5px}
.rg_em {margin: 5px 5px 10px;}
.rg_em table {width: 100%;border-collapse: collapse}
.rg_em caption {padding: 0;font-size: 0;line-height: 0;overflow: hidden}
.tab1 {height: 32px;font-size: 14px;line-height: 30px;width: 100%}
.tab1 li {float: left;display: inline-block;position: relative;height: 32px;background: #ffffff;border: 1px solid #e60013;box-sizing: border-box;}
.tab1 li:hover, .tab1 li.current {background: #e60013;border: none;}
.tab1 li:hover a, .tab1 li.current a {font-weight: bold;color: #ffffff;}
.tab1 li a {display: block;text-align: center;text-decoration: none;color: #ff0000;}
.tab1 li {width: 100%;}
.tab2 {height: 32px;font-size: 14px;line-height: 32px;width: 100%}
.tab2 li {float: left;display: inline-block;position: relative;height: 32px;margin: 0 0 0 -1px;background: #ffffff;border: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;}
.tab2 li:hover, .tab2 li.current {background: #ececec;border-top: 2px solid #686868;border-bottom: none;}
.tab2 li:hover a, .tab2 li.current a {font-weight: bold;color: #333333;}
.tab2 li a {display: block;text-align: center;text-decoration: none;color: #333333;}
.tab2 li {width: 33%;}
body {width: 100%;}
.slideout-menu {position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 0;width: 256px;overflow-y: auto;-webkit-overflow-scrolling: touch;display: none;}
.slideout-panel {position: relative;z-index: 1;will-change: transform;box-shadow: -8px 3px 17px 1px rgba(0, 0, 0, 0.2);background-color: #fff;}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {overflow: hidden;}
.slideout-open .slideout-menu {display: block;}
.menu {background-color: #1D1F20;background-image: linear-gradient(145deg, #1D1F20, #404348);}
a {color: #4B5;text-decoration: none;}
.menu a {color: #fff;}
.menu a:hover {text-decoration: underline;}
.menu-header {border-bottom: 1px solid #2a2d2f;padding: 20px;background-size: 32px;}
.menu-header-title {font-weight: 400;letter-spacing: 0.5px;margin: 0;}
.menu-section {margin: 25px 0;}
.menu-section-title {text-transform: uppercase;color: #85888d;font-weight: 200;font-size: 13px;letter-spacing: 1px;padding: 0 20px;margin: 0;}
.menu-section-title a {color: #85888d !important;}
.menu-section-list {padding: 0;margin: 10px 0px 0px 10px;list-style: none;display: none;}
.menu-section-list li {padding: 0 20px;display: block;list-style: none;}
.menu-section-list a {padding: 10px 20px;}
#slides {display: none}
.container {margin: 0 auto;}

/* For tablets & smart phones */
@media (max-width: 767px) {
    #wrapper {padding: 0;margin: 0 auto;}
    .container {width: auto;}
}
/* For smartphones */
@media (max-width: 480px) {
    .container {width: auto}
    #gallery > ul {width: 100%;margin: 0 auto;text-align: center;}
    .rolling {padding: 0 3px}
    .col-lg {display: none;}
    .col-sm {display: block;}
}

@media (max-width: 360px) {
    .tb02 th {font-size: 0.86em !important;}
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
    .container {width: 724px}
    .col-sm {display: none;}
}

/* For larger displays */
@media (min-width: 1200px) {
    .container {width: 1170px}
    .col-sm {display: none;}
}

/* ellipsis */
.ellipsis-n {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
.ellipsis {position: relative;z-index: 1;}
.ellipsis:before {content: ' ';visibility: hidden;}
.ellipsis span {position: absolute;left: 0;right: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* fixed footer */
#footer-fixed {position: fixed;left: 0px;bottom: 0px;height: 30px;width: 100%;background: #999;}
.btitle {width: 100%}
.btitle_text {float: left}
.btitle_locate {float: right}

/* 서비스 구매신청 기존 
.button_status0 {background-image: url('/images/status_icon_01.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status1 {background-image: url('/images/status_icon_02.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status2 {background-image: url('/images/status_icon_03.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status3 {background-image: url('/images/status_icon_04.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status4 {background-image: url('/images/status_icon_05.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status5 {background-image: url('/images/status_icon_05.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status6 {background-image: url('/images/status_icon_06.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status8 {background-image: url('/images/status_icon_08.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.btitle_text2 {position: relative;padding: 20px 0 0 0;font-size: 1.2em;color: #000000;} 
*/
/* 서비스 구매신청 변경 */
.button_status0 {background-image: url('/images/status_icon_01.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status1 {background-color: rgb(48, 169, 194);border: 0; border-radius: 15%; cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}  /* 문의접수 */
.button_status2 {background-color: rgb(152, 206, 72);border: 0; border-radius: 15%; cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;} /* 진행중 */
.button_status3 {background-color: rgb(206, 166, 72);border: 0; border-radius: 15%; cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;} /* 완료 */
.button_status4 {background-image: url('/images/status_icon_05.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status5 {background-image: url('/images/status_icon_05.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status6 {background-image: url('/images/status_icon_06.gif');border: 0;cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;}
.button_status8 {background-color: rgb(201, 184, 156);border: 0; border-radius: 15%; cursor: pointer;width: 63px;height: 23px;line-height: 150%;color: #ffffff;font-weight: bold;} /* 프리미엄 */
.btitle_text2 {position: relative;padding: 20px 0 0 0;font-size: 1.2em;color: #000000;}

/* table */
.d-line td {border-bottom: 1px solid #c0c0c0 !important}
.rowspans th {height: initial !important;padding: 2px !important}
.rowspan-row td {height: initial !important;padding: 2px !important}
.dotted-bottom {border-bottom: 1px dotted #878787 !important}

/* 새로운 모바일 추가 미디어 쿼리 */
@media screen and (max-width: 340px) {
    p#mobile_partner_arm2 img {margin-top: 10px;}
}
div#mobile_ma_section{width:100%;float:left;}
div#mbs0{width:100%;position:absolute;}
div#mbs0 p{text-align:center;margin-top:5px;font:bold 55px tahoma;color:#efe9e6;}
div#mbs1{width:100%;position:absolute;margin-top:6px;}
div#mbs1 p{text-align:center;height:60px;font:bold 18px/25px "NanumSquare";margin-top:10px;}
div#mbs2{width:100%;float:left;margin-top:80px;margin-bottom:10px;}
ul#mobile_ma_list{width:96%;height:164px;margin: 0 auto;}
ul#mobile_ma_list li:nth-child(2n) {background:url("../images/345.png");}
ul#mobile_ma_list li{color: black;border: solid 1px #bfa69a;text-align: center;border-right: none;border-bottom: none;box-sizing: border-box;display: block;width:25%;height:80px;float:left;font:normal 14px/26px Gothic;}
ul#mobile_ma_list li span{display:block;}
ul#mobile_ma_list li img{width:30px;margin-top:15px;}
ul#mobile_ma_list li i{margin-top:14px;}
ul#mobile_ma_list li:nth-child(4n){border-right: 1px solid #bfa69a;}
ul#mobile_ma_list li:nth-child(9){border-bottom: 1px solid #bfa69a; width:100%;height:50px;padding-top:10px !important;border-right: 1px solid #bfa69a;}
ul#mobile_ma_list li:nth-child(9) img{margin-top:0px !important;}
/*
ul#mobile_ma_list li:nth-child(5),ul#mobile_ma_list li:nth-child(6), ul#mobile_ma_list li:nth-child(7), ul#mobile_ma_list li:nth-child(8){border-bottom: 1px solid #bfa69a;}
*/

/* 상업 변경 */
ul#mobile_ma_list2{width:96%;height:231px;margin: 0 auto;}
ul#mobile_ma_list2 li:nth-child(2n) {background:url("../images/345.png");}
ul#mobile_ma_list2 li{color: black;border: solid 1px #bfa69a;text-align: center;border-right: none;border-bottom: none;box-sizing: border-box;display: block;width:25%;height:75px;float:left;font:normal 14px/26px Gothic;}
ul#mobile_ma_list2 li span{display:block;}
ul#mobile_ma_list2 li:nth-child(8) img{width:30px;margin-top:15px;}
ul#mobile_ma_list2 li:nth-child(9) img,ul#mobile_ma_list2 li:nth-child(10) img{width:45px;margin-top:5px;}
ul#mobile_ma_list2 li i{margin-top:14px;}
ul#mobile_ma_list2 li:nth-child(4n),ul#mobile_ma_list2 li:nth-child(10){border-right: 1px solid #bfa69a;}
ul#mobile_ma_list2 li:nth-child(9),ul#mobile_ma_list2 li:nth-child(10){width:50%;height:80px;border-bottom: 1px solid #bfa69a;}

/* layer */
.mobile_left_menu_bg{background-color:#000000;opacity:0.5;filter:Alpha(Opacity=50);width:100%;height:100%;position:fixed;display:none;z-index:10000}

/* 푸터 */
#footer{ margin-top:10px; }

/*3D포폴*/
div#mobile_3d_pot1{ width:100%;float:left;margin-top:10px;padding-bottom:10px;background: #f2f2f2; }
div#mobile_3d_1{ width:96%;margin:10px auto;text-align: center; }
span#mobile_3d_top_txt1{ font:bold 16px "Nanum Gothic"; }
@media(max-width:360px){span#mobile_3d_top_txt1{font-size: 14px;}}
div#mobile_3d_2 { width: 96%;height: 76px;text-align: center;background: #c60001;margin: 0 auto; }
span#mobile_top_2_txt1{ width: 100%;font:bold 18px/22px "NanumSquare";color:white;padding-top:8px;text-shadow:1px 1px 1px gray;display:block; }
span#mobile_top_2_txt2{ width: 100%;font:bold 14px/22px "Nanum Gothic";color:white;display:block; }
div#mobile_3d_3{ width: 100%;margin-top: 15px;float:left;margin-bottom: 10px; }
.icon_3d { background-color: red;border-radius: 5px;font-weight: bold;font-size:10px;color: white;padding: 2px;position: relative;top: -1.5px; }

/* 검색바 */
.btn_search {width:20px;height:20px;color:#666;cursor:pointer;line-height:60px;font-size: 1.8em;}/*margin-top:-10px;display:inline-block;*/
.btn_search img {width:23px; height:23px;}
.telme{font-size: 1.8em;position: relative;right: 10px;color:#888; line-height:60px;}
.telme img {width:23px; height:23px;}

/*  할인이벤트, 경향하우징페어 배너 */
.as_banner { display: block;background: #F3F0E9;overflow: hidden; }
.as_banner p { text-align: center;font-size: 1.1em;color:#FFF;float: left;padding: 14px 10px;box-sizing: border-box;line-height: 1.4em; }
.as_banner p b { font-size: 0.8em;}
.sale_event p{ background-color: #c60000;color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-size: cover; }
.as_banner p b{ font-size: 1.1em;font-weight:800;position: relative;top:6px; }
.as_banner p span{ font-size:0.9em;border:1px solid #fff;border-radius:10px;padding:2px 10px;position:relative;top:13px; }
.gajuk_banner{padding-bottom:10px;border-top:1px solid #ccc;background-color: #F3F0E9;}
.gajuk_banner .as_banner p{background-size: cover;background-position: center;border-bottom:1px solid #ccc;}

/* 시공사 칭찬 배너 */
.praise_banner p span{font-size: 0.8em;color: #333;letter-spacing: -1px;position: relative;top:8px;}
@media(max-width:360px){.praise_banner p span{letter-spacing: -2px;}}
.praise_banner p b { font-size: 0.8em;position: relative;top:8px; }
.praise_banner .detail_view { position: absolute;top: 15px;right: 35px;color: #383838;border: 1px solid #383838;padding: 5px 15px;border-radius: 15px;font-size: 0.75em; }
.praise_banner { display: block;background: #F3F0E9;overflow: hidden;width: 100%;position: relative;border-top:1px solid #ccc;border-bottom:1px solid #ccc; }
.praise_banner p { text-align: center;background-color: #FFF;background-position: center;background-repeat: no-repeat;color: #222;font-size: 1.1em;float: left;padding: 10px;box-sizing: border-box;line-height: 1.4em;background-size: cover; }

/* 아이콘 이미지 */
.u_rkw_ico,.u_rkw_ico2{display:inline-block;overflow:hidden;background-color:transparent;background-image:url(/mobile/images/imsc_v4.png);background-repeat:no-repeat;text-indent:40px;white-space:nowrap}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
    .u_rkw_ico,.u_rkw_ico2{background-image:url(/mobile/images/imsc_v5.png);-webkit-background-size:144px 245px;background-size:144px 245px}
}
.u_rkw_up .u_rkw_ico{width:7px;height:9px;background-position:-27px 0px}
.u_rkw_dw .u_rkw_ico{width:7px;height:9px;background-position:-38px 0px}
.u_rkw_sm .u_rkw_ico{width:6px;height:2px;background-position:-49px 0px}
.u_rkw_nw .u_rkw_ico{width:22px;height:5px;background-position:-116px 0px}

.u_rkw_tg .u_rkw_ico{width:14px;height:11px;background-position:-58px -1px}
.u_rkw_tg .u_rkw_ico2{width:14px;height:11px;background-position:-75px 2px}
.u_rkw_tg .u_rkw_fd{background-position:-74px -1px}
.u_rkw_pgbtn .u_rkw_ico{width:8px;height:11px;background-position:-91px -1px}
.u_rkw_next .u_rkw_ico{background-position:-103px -1px}
.u_rkw_clse .u_rkw_ico{width:11px;height:11px;background-position:-115px -1px}
.u_tp_area .u_atcp_tgl,.u_tp_area .u_atcp_favdel{width:37px;height:32px;background-position:-30px -365px}
.u_tp_area .u_atcp_tgl.on{background-position:11px -365px}
.u_tp_area .u_atcp_favdel{background-position:-71px -365px}
.u_tp_area .u_atcp_favico{width:12px;height:11px;background-position:-113px -366px}

.btn_sidem {width:20px;height:20px;color:#666;position:absolute;margin-top:-10px;display:inline-block;cursor:pointer;left:20px;font-size:2em;line-height:60px;}
.btn_sidem img {width:23px; height:23px;}






/* 인기검색어 */
.u_rkw{margin:5px 0 0 0;position:relative;height:32px;z-index:10;border:1px solid #ddd;background-color:#fbfbfb}
.u_rkw_h{position:absolute;top:0;left:8px;font-weight:normal;font-size:14px;font-family:Helvetica;line-height:2.45em;color:#70767d;letter-spacing:-1px;margin:0;}
.u_rkw_ha{display:inline-block}
.u_rkw_rol{height:32px;margin:0 33px 0 74px;padding-bottom:1px;line-height:2.45em;}
.u_rkw_a{display:block;position:relative}
.u_rkw_rkn{display:inline-block;width:14px;height:14px;margin-left:7px;margin-right:2px;padding-right:2px;border-radius:1px;background:#e70000;font-weight:bold;font-size:9px;font-family:Tahoma,Verdana-Bold,Helvetica;line-height:15px;color:#fff;letter-spacing:-1px;text-align:center;vertical-align:1px;-webkit-box-shadow:inset -1px -1px 0 #dfdfdf,inset -1px -1px 0 #dfdfdf}
.a .u_rkw_rkn{border-radius:0;line-height:16px}
.u_rkw_kw{display:block;overflow:hidden;margin-right:43px;white-space:nowrap;text-overflow:ellipsis}
.u_rkw_n{display:block;position:absolute;top:1px;right:10px;width:31px;font-size:11px;font-family:Helvetica;color:#999;text-align:right}
.u_rkw_n .u_rkw_ico{position:absolute;top:12px;left:0;vertical-align:0}
.u_rkw_sm .u_rkw_ico{top:15px}
.u_rkw_nw{font-weight:bold;color:#ed1b23;text-align:left}
.u_rkw_rol .u_rkw_ico{margin-top:1px}
.u_rkw_tg{display:block;position:absolute;top:0;right:0;width:32px;height:30px;border:0;border-left:1px solid #ddd;background:#fbfbfb;-webkit-border-radius:0}
.u_rkw_tg .u_rkw_ico{position:relative;top:2px}

/* 금주의 인기검색어 */
.m_se_bg {padding:0;}
.m_se {padding:0;border:0;background:#fff;}
.m_se .se_box {width:100%;border:0 !important;}
.m_se .se_box tr {height:30px;border:1px solid #ddd;background:#fff;}
.m_se .se_box tr:first-child{border-top:0}
.m_se .se_box td.mi_dt {text-align:left;width:auto;padding-left:5px;color:#333;letter-spacing:-1px;line-height:34px;border:0 !important;}
.m_se .se_box td.mi_bt {position:relative;text-align:right;width:31px;padding:5px 5px 7px 0;line-height:34px;border:0 !important;}
.m_se .se_box td.u_rkw_n{display:block;position:absolute;top:1px;right:10px;width:31px;font-size:11px;font-family:Helvetica;color:#999;text-align:right}
.m_se .se_box td.u_rkw_n .u_rkw_ico{position:absolute;top:10px;left:0;vertical-align:0;}
.u_rks{margin:5px 0 0 0;position:relative;height:32px;z-index:10;border:1px solid #ddd;background-color:#fbfbfb}

/* 좌측 사이드메뉴 영역 */
.sidemenu_wrapper{ position: fixed;z-index:10001;left:-300px;top:0;bottom:0;width: 300px;overflow: auto; }
.sidemenu{ position: relative;left:0;width:300px;border-right: 1px solid #997a43;background: #fff; }
.sidemenu div p{ background-color: #f5f5f5;border-top: 1px solid #cccccc;padding:5px 10px; }
.sidemenu div a{ display: block;border-top: 1px dotted #ccc;padding: 5px 10px; }
.m_login_menu{ display: flex;background: #FFF; }
.sidemenu .m_login_menu a{ width: 33.33%;text-align: center;font-size:14px;padding:10px 0;border-top:none; }
.m_login_menu a:last-child{ text-align: right; }
.m_nick_p{ background: #fff;text-align: center;padding:10px 0;border-bottom: none;border-top:1px solid #eee; }
.pro_menu{ display: flex;border-top: 1px solid #997a43;border-bottom: 1px solid #997a43;background: #FFF; }
.pro_menu a:first-child{border-right: 1px solid #ccc;}
.sidemenu .pro_menu a{ width: 50%;text-align: center;padding: 12.5px 0;border-top: none; }
.aco a:before { content: "ㆍ "; }
.aco:nth-child(5) p{border-top:none;}
.close i{ font-size:22px;color:#555;margin-right:10px; }
.sidemenu .m_side_banner a{ text-align: center;font-size:18px;padding: 10px 0;border-top:1px solid #ccc; }
.sidemenu .m_side_banner:nth-child(11) a i{ font-size:18px;position: relative;top:2px;color:#888;}
.sidemenu .m_side_banner:nth-child(12) a,.sidemenu .m_side_banner:last-child a{ margin-top:0;border-top:none; }
.sidemenu .m_side_banner a{ background-image: url(/images/moda-back-sasun-2.png);background-color: #FFF;border-bottom:1px solid #997a43;border-top:1px solid #997a43; }
.sidemenu .m_side_banner:last-child a{ background: #e6ded1;font-weight:bold;border-bottom:1px solid #997a43;border-top:none; }
.sidemenu .m_side_banner a b{ color:#c60000; }
.sidemenu .pro_menu .pro_on{ background: #e6ded1;color: #333; }
.aco a{ background: #FFF; }
.aco{ position: relative; }
.d_hidden i{ position: absolute;right: 10px;top: 9px;font-size:14px;color:#aaa; }

/* 하단 메뉴 CSS */
.navbar-fixed-bottom{border-top:1px solid #ececec !important;}
/* #madal-bottom-navbar{display: flex;position: relative;box-sizing:border-box; padding: 7px 0;} */
#madal-bottom-navbar{display: flex;position: relative;box-sizing:border-box;}
#madal-bottom-navbar a{width: 25%;display: block;text-align: center;font-size:1.1rem;height: 55px;line-height: 80px;background-size: 22px 22px;background-position: center 7px;background-repeat: no-repeat;}
/* #madal-bottom-navbar a{width: 25%;display: block;text-align: center;font-size:1.1rem;height: 50px;line-height: 78px;background-size: 22px 22px;background-position: center 5px;background-repeat: no-repeat;} */
/* #madal-bottom-navbar a{width: 21.66%;border-right: 1px solid #ccc;display: block;text-align: center;font-size:1.2rem;height: 50px;line-height: 75px;background-size: 22px 22px;background-position: center 5px;background-repeat: no-repeat;} */
#madal-bottom-navbar a:nth-child(1){background-image:url(../mobile/images/home.png);}
#madal-bottom-navbar a:nth-child(2){background-image:url(../mobile/images/house.png);}
#madal-bottom-navbar a:nth-child(3){background-image:url(../mobile/images/shop.png);}
#madal-bottom-navbar a:nth-child(4){background-image:url(../mobile/images/edit.png);}
#madal-bottom-navbar a span{font-family: 'Noto Sans KR', '맑은 고딕', sans-serif; display:block; font-weight:400;}

/* 이전 퀵폼 CSS */
.container-fluid{padding:0 !important;}

/* 푸터 네비 CSS */
.navbar-default {background-color:white;/*#039fa2;*/}
.border-right-1px {border-right: 1px solid #FFF;}
.align-middle {line-height:50px;vertical-align: middle;}
.color-red,.color-red:hover,.color-red:active,.color-red:focus {color:#039fa2;}
.color-FFF,.color-FFF:hover,.color-FFF:active,.color-FFF:focus {color: #FFF;}

/* 빠른견적 모달 CSS */
.modal-backdrop {background-color:#039fa2}
.modal-header,.modal-footer {border:0px;}
.form-group {margin:10px 0 10px 1.5%;overflow: hidden;text-align: left;}
.form-control {height: 33px;}

/* 스크롤 반응 CSS */
.nav-up {bottom: 0 !important;transition-duration: 0.2s;}
.nav-down {bottom: 0 !important;transition-duration: 0.2s;}
.toTop-up {bottom: 60px;transition-duration: 0.2s;}
.toTop-down {bottom: -60px;transition-duration: 0.2s;}

/* */
.mobileQ{ width: 30.5%;float: left;border-radius: 4px;height: 33px;padding: 6px;box-sizing: border-box;border: 1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);font-size: 12px;}
.form_1_1_1{margin: 0 1.65%;}
.form_1_1_1:first-child{margin: 0 1.65% 0 0;}
.dashed{width:3.3%;height:33px;background: url(images/dash.gif) no-repeat center;float: left;}

/* easy.php css */
.quick_form{position: relative;width: 100%;height:100%;background: #f5f5f5;}
.qf_title{margin:0 auto;text-align: center;background-color: #c60000;color: #FFF;width: 165px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size:16px;font-weight:bolder;padding: 10px 0;line-height: 150%;}
.quick_form label,.quick_form input,.quick_form textarea,.quick_form button{display: block;font-size:12px;margin:0;}
.quick_form input:focus,.quick_form select:focus,.quick_form textarea:focus,.quick_form input:focus + label,.quick_form input:checked + label{border:1px solid #c60000 !important;}
.form_01,.form_02,.form_02_1,.form_03,.form_04,.form_05{display: block;overflow: hidden;width: 90%;margin:15px auto;}
.form_01{position: relative;}
.form_01 input{position: absolute;top:50%;display: none;}
.form_01 input:nth-child(2){left:3%;}
.form_01 input:nth-child(4){left:36%;}
.form_01 input:nth-child(6){left:69%;}
.form_01 span{display: block;font-size:12px;}
.form_01 div span{display: inline;}
.form_01 label{width: 33.33%;text-align: center;height: 70px;background-color: #FFF;border:1px solid #ccc;border-right: 1px solid white;line-height: 105px;}
#radio_1{border-top-left-radius: 5px;}
#radio_4{border-bottom-left-radius: 5px;}
.form_01 input:nth-child(2):checked + label:nth-child(3){color: #c60000;}
.form_01 input:nth-child(4):checked + label:nth-child(5){color: #c60000;}
.form_01 input:nth-child(6):checked + label:nth-child(7){color: #c60000;}
#radio_4,#radio_5,#radio_6{border-top: 1px solid white}
.form_01 input:nth-child(8):checked + label:nth-child(9){color: #c60000;}
.form_01 input:nth-child(10):checked + label:nth-child(11){color: #c60000;}
.form_01 input:nth-child(12):checked + label:nth-child(13){color: #c60000;}
#radio_3{border-top-right-radius: 5px;border-right: 1px solid #ccc;}
#radio_5{width:66.66%; border-bottom-right-radius: 5px;border-right: 1px solid #ccc;}
/* 5로변경 230212
#radio_6{border-bottom-right-radius: 5px;border-right: 1px solid #ccc;}
*/

.qf_radio{width: 30px;height: 30px;position: relative;top: -93px;margin: 0 auto;background-repeat: no-repeat;background-size: 180px 60px;background-image: url(/mobile/images/qf_icon.gif);}
.form_01 label:nth-child(3) .qf_radio{background-position: 0 0;}
.form_01 input:nth-child(2):checked + label:nth-child(3) .qf_radio{background-position: 0 -30px;}
.form_01 label:nth-child(5) .qf_radio{background-position: -30px 0;}
.form_01 input:nth-child(4):checked + label:nth-child(5) .qf_radio{background-position: -30px -30px;}
.form_01 label:nth-child(7) .qf_radio{background-position: -60px 0;}
.form_01 input:nth-child(6):checked + label:nth-child(7) .qf_radio{background-position: -60px -30px;}
.form_01 label:nth-child(9) .qf_radio{background-position: -90px 0;}
.form_01 input:nth-child(8):checked + label:nth-child(9) .qf_radio{background-position: -90px -30px;}
.form_01 label:nth-child(11) .qf_radio{background-position: -120px 0;}
.form_01 input:nth-child(10):checked + label:nth-child(11) .qf_radio{background-position: -120px -30px;}
.form_01 label:nth-child(13) .qf_radio{background-position: -150px 0;}
.form_01 input:nth-child(12):checked + label:nth-child(13) .qf_radio{background-position: -150px -30px;}

.form_sub_title {display: block;font-size:14px !important;font-weight:bold;width: 100%;}
.form_01 label:last-child{border-right:1px solid #ccc;}
.form_01 label,.form_02 div,.form_02_1 div,.form_03 div,.form_04 div{float: left;letter-spacing: -1px;}
.form_01 span,.form_02 label,.form_02_1 label,.form_03 label,.form_04 label{margin-bottom:3px;}
.form_02 div input{width:100%;height: 40px;border-radius: 5px;background-color: #FFF;border: 1px solid #ccc;padding: 0 10px;display: block;}
.form_02 div:first-child{width: 50%;}
.form_02 div:nth-child(2){width: 65%;position: relative;}
.form_02 div:nth-child(2) label{display: block;}
.form_02 div:nth-child(2) span{position: absolute;bottom:41px;left:35px}
.form_02 div:nth-child(2) span,.form_04 span{color:#aaa;display: inline;font-size:12px;}
.form_02_1 label{clear: both;display: block;}
.form_02_1 label{font-size:12px;letter-spacing: -1px;}
.form_02_1 div{width: 30%;}
.form_02_1 input{margin-right:0;}
.form_02_1 p{float: left;width: 5%;text-align: center;line-height: 40px;}
.form_02_1 textarea{width: 100% !important;height:150px;border-radius: 5px;background-color: #FFF;border: 1px solid #ccc;font-size: 16px;padding: 10px 0;}
.form_03 div{width: 30%;margin-right:5%;}
.form_03 select,.form_02_1 input{width: 100%;height: 40px !important;border-radius: 5px;background-color: #FFF;border: 1px solid #ccc;font-size:12px;text-indent: 20%;}
.form_03 div:last-child{margin-right:0;}
.form_04 textarea{width: 100%;height: 60px;border-radius: 5px;background-color: #FFF;border: 1px solid #ccc;font-size:12px;padding:10px;}
.form_04 div{width: 100%;height: 60px;border-radius: 5px;background-color: #FFF;border: 1px solid #ccc;font-size:12px;padding:10px;}
.form_05 div span{font-size:12px;margin-bottom:2px;margin-right:10px;display: block;color:#555;}
.form_05 div label a{color:#c60000;font-weight:bold;text-decoration: underline;float: right;}
.form_05 div input{display: none;}
.form_05 div label{display: block;height: 20px;padding-left: 25px;margin:0;font-size:12px;line-height: 19px;color: #888;margin-bottom:10px;}
.form_05 div label .qf_agree{width: 20px;height: 20px;position: absolute;left: 5%;background-image: url(/mobile/images/check_off.gif);background-size: 20px;background-repeat: no-repeat}
.form_05 div label .qf_agree_preload{background-image: url(/mobile/images/check_on.gif);position: absolute;left:-500px;}
.form_05 div input[type=checkbox]:checked + label{border:none !important;color:#333;}
.form_05 div input[type=checkbox]:checked + label .qf_agree {background-image: url(/mobile/images/check_on.gif);}
.form_05 div button{width: 100%;height: 57px;margin:0;display: block;color: #FFF;font-size:17px;border-radius: 5px;font-weight:bolder;margin-bottom:10px;clear:both;box-shadow: inset 0 3px 5px rgba(0,0,0,.125);-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);border:1px solid transparent;text-shadow:0 -1px 0 rgba(0,0,0,.2);background-image: linear-gradient(to bottom,#e00000 0,#ad0000 100%);}
.form_05 .agree_doc{font-size: 12px;text-decoration: underline;color:#555;font-family: 'Nanum Barun Gothic';font-weight: bold;display: block;text-align: center;}
.form_list{display: block;margin: 20px auto;width: 95%;}
.form_list .form_sub_title{margin-bottom: 10px;font-size: 14px;font-weight: bold;}
.form_list input[type=text]{display: inline-block;height: 30px;background-color: white;}
.form_list input[type=submit]{display: inline-block}
.form_list table {background-color: white;border-top: 2px solid #b91504;}
.form_list table th{height: 32px;background: #f8f8f8;border: 1px solid #e4e5e7;font-weight: bold;color: #000000;}
.form_list table td{height: 30px;border: 1px solid #e8e8e8;background-color: #ffffff;}

/*도움말*/
.information{width: 100%;padding: 5px 0;background: #fef7f8;border-left: #f0868e 3px solid;}
.information h4 {padding-left: 10px;font-size: 16px;line-height: 1.4em;font-weight: 800;}
.information .content {padding-left: 13px;}
.information .hd {font-size: 12px;line-height: 1.8em;font-weight: 800;}
.information .desc01, .information .desc02 {color: #666;font-size: 12px;line-height: 1.6em;}

/*파일업로드*/
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block;padding: 10px 10px;color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer;
    border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }
.filebox.bs3-primary label {color: #fff;background-color: #337ab7;border-color: #2e6da4;}
/* named upload */
.filebox .upload-name { width: 100px;display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal;
    vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none; }

/*이용안내*/
.useguide { background: #F5F5f5; padding: 20px; }
.useguide .useguide_back { background: white; border-radius:8px; border:1px solid; border-color: #cccccc; padding:8px; margin-bottom: 15px; position:relative; }
.useguide .useguide_back .noimg { width:48px; height:48px; padding:12px; left:8px; margin-top:-24px; position:absolute; float:left; top:50%;}
.useguide .useguide_back .noimg p{ font-family: 'Noto Sans KR', '맑은 고딕', sans-serif; margin-bottom:0px !important;  padding: 0 0 5px 0; font-size:1.5rem; font-weight:700; border-radius:50%; color:white; background-color:#f72c3a; text-align:center; width:24px; height:24px; line-height:24px; font-size:11px; }
.useguide .notext { min-height:48px; padding-left:56px; }
.useguide .notext p{ font-family: 'Noto Sans KR', '맑은 고딕', sans-serif; margin-bottom:0px !important; }
.useguide .notext .notexttit{ padding: 0 0 5px 0; font-size:1.5rem; font-weight:700; }

.msservice { padding: 20px; }
.msservice_box { display:flex; justify-content:center; margin-bottom:20px; }
.msservice_box a{ max-width:120px; width:33%; }
.msservice_list { margin:0 4px; padding:7px; border-radius:4px; text-align:center; background: #F5F5f5; }
.msservice_list p{ font-family: 'Noto Sans KR', '맑은 고딕', sans-serif; margin-bottom:0px !important; }
.msservice_list p img{ width:40px; }

.tab_button {display: flex; justify-content: space-between;}
.tab_button li {float: left; width: 49.5%; background: #bbb5b5; border-radius: 10px 10px 0 0;}
.tab_button li a {display: block; color: #fff; font-weight: bold; text-align: center; padding: 10px; font-family: 'Noto Sans KR', '맑은 고딕', sans-serif; font-size: 2.0rem;}
.tab_button li.on {background: #fe6f61;}
.tab_cont {width: 100%; background: #fff; display: none;}
.tab_cont.on {display: block;}