/*공통*/
.cart_list .common_icon {
  background-size: 35px;
}

/*데모사이트*/
.chkMode {
  height: 55px;
}

.chkMode h1 {
  left: 15px;
}

.chkMode h1 img {
  width: 60px;
}

.chkMode span {
  display: none;
}

.chkMode button {
  width: 55px;
  height: 55px;
  background-size: 50px;
  top: 0px;
  right: 0px;
}

.chkMode .btn_down {
  right: 60px;
  font-size: 14px;
  top: 7px;
}

[data-media="pc"] {
  display: none;
}

[data-media="mo"] {
  display: block;
}

.service_info_box ul li {
  width: 100%;
  height: auto;
}

.service_info_box ul li:last-child {
  border-bottom: 1px #e1e1e1 solid;
}

.service_info_box ul li div {
  height: inherit;
}

.service_info_box ul li div dl dt {
  height: 50px;
  margin-bottom: 15px;
}

.service_info_box ul li div dl {
  padding: 45px 20px;
}

.service_info_box ul li div dl dd.mt {
  font-size: 18px;
  padding-bottom: 10px;
}

.service_info_box ul li div dl dd.st {
  font-size: 14px;
  line-height: 18px;
}

.service_info_box ul li div dl dd.st br {
  display: none;
}

.service_template .title_SB dt {
  font-size: 21px;
  line-height: 21px;
  padding-bottom: 15px;
}

.service_template {
  padding: 70px 15px;
  width: 100%;
}

.service_template .title_SB dd {
  font-size: 14px;
}

.tap_area {
  width: 100%;
  padding: 0 0px;
  margin-top: 20px;
}

.tap_area ul li {
  padding: 15px 5px;
}

.tap_area ul li a {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
}

.tempate_con {
  width: 100%;
  padding: 0 0px;
  font-size: 14px;
  margin-top: 40px;
}

#template01 {
  min-height: 100px;
  background-size: 120px;
  background-position: center 20px;
  height: auto;
  padding: 20px;
  padding-top: 120px;
  font-size: 14px;
}

#template02 p {
  font-size: 14px;
}

#template02 ul li {
  float: none;
  width: 100%;
}

#template02 ul li:last-child {
  padding: 0;
  margin-top: 30px;
}

#template02 ul li dl {
  padding: 20px 0;
}

#template02 ul li dl:last-child {
  border-bottom: 0;
}

#template02 ul li dl dt {
  font-size: 18px;
  padding-left: 40px;
}

#template02 ul li dl dd {
  padding-left: 40px;
}

#template02 ul li dl dt i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 17px;
}

.soultion_info {
  padding: 70px 13px;
  height: auto;
  background: url(../img/common/img_service_bottom_m.jpg) no-repeat center fixed;
  background-size: cover;
}

.soultion_info .title_SB dt {
  font-size: 21px;
  line-height: 21px;
}

.soultion_info .title_SB dd {
  font-size: 14px;
}

.soultion_info ul li {
  width: 150px;
  height: 150px;
  padding: 20px;
  margin: 0 5px;
  margin-bottom: 20px;
}

.soultion_info ul li dt img {
  height: 45px;
  vertical-align: middle;
}

.soultion_info ul li dd {
  display: none;
}

.qna_info {
  padding: 10px;
  margin-top: 10px;
}

.qna_info li {
  font-size: 14px;
}

.qna_info li:last-child {
  padding-top: 10px;
}

.design_list .design_box ul li:nth-child(7) .main:hover .listDiv {
  height: 180px;
}

.design_box ul .sbj01,
.design_box ul .sbj02,
.design_box ul .sbj04,
.design_box ul .sbj05,
.design_box ul .sbj07,
.design_box ul .sbj08,
.design_box ul .sbj09,
.design_box ul .sbj10,
.design_box ul .sbj11,
.design_box ul .sbj12 {
  width: 50%;
  height: 180px;
}

.design_box ul .sbj03 {
  width: 100%;
  height: 360px;
}

.design_box ul .sbj06 {
  width: 50%;
  height: 360px;
}

.playbox {
  padding: 0 15px;
}

.playbox iframe {
  height: 250px !important;
  width: 100%;
}

.btn_pop_cl {
  background-size: 20px;
  z-index: 9;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: -35px;
}

/*헤더 부분*/
#header {
  height: 55px;
  border-bottom: 1px #e1e1e1 solid;
}

#header.main_header {
  border-bottom: 0;
}

#header h1 {
  left: 15px;
}

#header h1 img {
  width: 180px;
}

#header .gnb {
  display: none;
}

#header .seach_area {
  display: none;
}

#header .m_menu {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
  height: 19px;
}

#header .m_menu li {
  float: left;
  margin-left: 10px;
  padding: 0;
}

#header .m_menu .mymenu {
  display: none;
}

#header .m_menu .login {
  display: none;
}

#header .m_menu .seach .serchBtn {
  position: relative;
  margin-top: -8px;
  background: url(../img/common/mobile/seach_btn.png) center no-repeat;
  background-size: 24px;
}

#header .m_menu .seach .serchBtn.open {
  background: url(../img/common/mobile/seach_btn_close.png) center no-repeat;
  background-size: 24px;
}

#header .m_menu .listBtn {
  width: 26px;
  height: 19px;
  display: block;
  overflow: hidden;
  cursor: pointer;
  padding-top: 1px;
}

.search_list {
  top: 55px;
}

.search_list .search_wrap .wrap {
  width: 100%;
  padding: 0 15px;
}

.src_option .wrap {
  width: 100%;
  padding: 15px;
  padding-bottom: 5px;
}

.search_list .search_wrap .wrap input {
  height: 30px;
  line-height: 30px;
  font-size: 17px;
}

.search_list .search_wrap .wrap .placeholder {
  background-size: 180px;
}

.search_list .search_wrap .btn_seach {
  position: absolute;
  right: 15px;
  top: 13px;
  background-size: 20px;
}

.src_option .wrap dl dt {
  display: none;
}

.src_option .wrap dl dd li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.src_option .wrap dl dd li:last-child {
  margin-right: 0px;
}

.src_option .wrap dl dd li input:checked+label:after {
  background-size: 23px;
}

.src_option .wrap dl dd li label:after {
  background-size: 23px;
  width: 23px;
  height: 23px;
  top: -1px;
}

.src_option .wrap dl dd li label {
  padding-left: 5px;
}

#container.space02 {
  padding: 55px 0 0px 0;
}

#container.space01 {
  padding: 55px 0 55px 0;
}

.icoMenu {
  display: block;
  width: 100%;
  height: 3px;
  margin: 0px 0;
  background: #bf162c;
}

#header.main_header .icoMenu {
  background: #fff;
}

.m4 {
  margin: 4px 0;
}

.overlay-contentpush {
  display: block;
  text-align: left;
}

.overlay-contentpush {
  position: fixed;
  width: 290px;
  height: 100%;
  top: 0;
  right: -100%;
  background: #ffffff;
  z-index: 9999999;
  display: block;
  opacity: 1;
}

.overlay .listBox {
  display: block;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.overlay .listBox ul li {
  position: relative;
}

.overlay .listBox ul li a {
  font-size: 15px;
  font-weight: bold;
  padding-left: 15px;
  display: block;
  padding: 15px;
  border-bottom: 1px #e1e1e1 solid;
}

.overlay .listBox ul>li.active>a {
  color: #CF132C;
}

.overlay .listBox ul li.mypage {
  border-top: 1px #CF132C solid;
  border-bottom: 0px;
}

.overlay .listBox ul li.mypage a {
  color: #fff;
  border-bottom: 0;
  background: #CF132C;
}

.overlay .listBox ul li.deth_1>a:before {
  content: "";
  width: 18px;
  height: 10px;
  background: url(../img/common/mobile/ico_drop.png) no-repeat;
  background-size: 18px;
  position: absolute;
  right: 15px;
  top: 20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.overlay .listBox ul li.deth_1>a.on:before {
  transform: rotate(-180deg);
}

.overlay .listBox ul li.not a:before {
  background: none;
}

.overlay .listBox ul li.mypage>a:before {
  background: url(../img/common/mobile/ico_drop_w.png) no-repeat;
  background-size: 18px;
}

.overlay .listBox ul li.mypage a.on {
  background: #CF132C;
}

.overlay .listBox ul li.mypage ul {
  background: #CF132C;
  border-top: 1px #CF132C solid;
}

.overlay .listBox ul li a.on {
  background: #f5f5f5;
}

.overlay .listBox ul li .deth_2 {
  display: none;
  background: #f5f5f5;
  padding: 10px 0;
  border-bottom: 1px #e1e1e1 solid;
}

.overlay .listBox ul li ul li {
  border-bottom: 0px;
}

.overlay .listBox ul li ul li a {
  background: none !important;
  font-size: 14px;
  padding: 5px 15px;
  opacity: 0.8;
  border-bottom: 0;
  opacity: 0.8;
}

.m_header {
  height: 55px;
  background: #CF132C;
  padding: 0px 15px;
}

.m_header .profile_list {
  width: 30px;
  height: 30px;
  border-radius: 90px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 15px;
}

.m_header .profile_list img {
  width: 100%;
}

#boxWrapp .dimd {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background: #000;
  z-index: 999;
  height: 100%;
  display: none;
  cursor: url("../img/common/hand_open.cur"), default;
}

.overlay-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 55px;
  height: 55px;
  background: url(../img/common/mobile/closeBtn.png) no-repeat;
  background-size: 55px;
  text-indent: -999999px;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

#container {
  padding: 60px 10px 40px 10px;
  width: auto;
}

#container.space {
  padding: 40px 0 0;
}

/*메인*/

.viewport .main-content dl dt:after {
  height: 5px;
  margin: 20px 0;
  margin-left: -120px;
}

.viewport .main-content section.active dl dt:after {
  width: 120px;
}

.viewport .main-content dl dd:after {
  width: 10px;
  height: 10px;
  background: url(../img/common/mobile/ico_plus.png) no-repeat center;
  background-size: 10px;
}

.onepage-pagination {
  right: 0px;
  height: 100%;
  top: 0px;
  margin-top: 0;
  overflow: hidden;
  position: fixed;
}

.onepage-pagination li {
  width: 2px;
  height: 33.33%;
  position: relative;
}

.onepage-pagination li a {
  height: 33.33%;
}

.onepage-pagination li a:after {
  height: 100%;
  width: 100%;
  position: absolute;
  display: block;
  opacity: 0.5;
}

.onepage-pagination li a.active:after {
  opacity: 1;
}

.promo-area {
  display: none;
}

/*
.free_source { left:50%; margin-left:-143.50px; margin-top:-207px; width:287px; } 
.free_source .source_btn { left:0px; top:-0px; width:37px; height:37px; } 
.free_source .source_btn:before { width:37px; height:37px; } 

.free_source dl dt { padding-left:20px; padding-top:13px; } 
.free_source.active dl dt { padding:0; } 
.free_source dl dt p { opacity:0; } 
.free_source.active dl dt p { opacity:1; } 
.free_source dl { padding:0 30px; } 
.free_source.active dl { padding:50px 30px; } 
.free_source dl dt p { opacity:0; -webkit-transition:opacity 0.2s ease 0.1s; transition:opacity 0.2s ease 0.1s; font-size:22px; line-height:28px; } 
.free_source dl dd p br { display:none; } 
.free_source dl dd { padding-top:10px; } 
.free_source dl dd p { padding-bottom:20px; } 
*/
.sc-visual {
  padding: 0 16px;
}
.sc-visual .sc-visual-bg {
  background: url(../img/common/main_visual02.png) no-repeat center / cover;
}
.sc-visual .title-area h2 {
  font-size: 32px;
  line-height: 46px;
}

.sc-visual .title-area p {
  margin: 4px 0 24px;
  font-size: 16px;
  line-height: 26px;
}

.sc-visual .title-area .more {
  gap: 8px;
  padding: 15px 25px;
  font-size: 16px;
}

.sc-visual .link-area .count {
  gap: 20px;
}

.sc-visual .link-area .text-wrap em {
  font-size: 35px;
  line-height: 30px;
  letter-spacing: 1px;
}

.sc-visual .link-area dl dt span:after {
  height: 5px;
  top: -20px;
}

.mouse_scroll {
  bottom: 20px;
}

.mouse_scroll img {
  width: 20px;
}

.location {
  right: 15px;
  bottom: 20px;
  background: url(../img/common/mobile/ico_location.png) right 0 no-repeat;
  background-size: 26px;
}

.location:hover {
  width: 26px;
}

.map_area .map_close {
  width: 30px;
  height: 30px;
  background-size: 30px;
  right: 20px;
  top: 20px;
}

.compay_info {
  height: 280px;
  width: 100%;
}

.compay_info dl {
  left: 20px;
  top: 30px;
  margin-top: 0;
}

.compay_info dl dt {
  font-size: 30px;
  line-height: 30px;
}

.compay_info dl dd {
  padding-top: 10px;
}

.map_area .footer {
  left: 20px;
  bottom: 20px;
}

@media screen and (max-width: 800px) and (min-width: 220px) {
  .tapBtn_list {
    width: 100% !important;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 0px;
    margin-top: 15px;
    border: 1px #e1e1e1 solid;
    background: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
    background: linear-gradient(top, #ffffff, #f7f7f7);
    border-radius: 7px;
    overflow: hidden;
  }

  .tapBtn_list ul li {
    width: 25%;
    float: left;
    border: 0;
    background: none;
    border-radius: 0px;
    border-right: 1px #e1e1e1 solid;
    font-size: 13px;
  }

  .tapBtn_list ul li {
    border-right: 1px #e1e1e1 solid;
    font-size: 13px;
    margin-left: 0;
    padding: 0 0px;
  }

  /* .tapBtn_list ul li:nth-child(1),
  .tapBtn_list ul li:nth-child(2),
  .tapBtn_list ul li:nth-child(3) {
    border-bottom: 1px #e1e1e1 solid;
  } */

  .tapBtn_list ul li:nth-child(4) {
    border-right: 0;
  }

  .tapBtn_list ul li:nth-child(6) {
    border-right: 0;
  }

  .tapBtn_list ul li:last-child {
    border-radius: 0;
  }

  .tapBtn_list ul li:first-child {
    margin-left: 0px;
    border-radius: 0;
  }
}

.exposed {
  position: relative;
  top: auto;
  right: 0;
  text-align: center;
}

.exposed a {
  font-size: 13px;
}

.exposed span:after {
  padding: 0 10px;
}

.cbp-filter-counter {
  display: none !important;
}

.box_grid .grid_contents {
  padding: 10px;
}

.grid_img:hover .over_Btn {
  display: none;
}

.box_grid .box_more {
  height: 250px;
  background: #fff url(../img/common/more_btn.png) no-repeat center;
  background-size: 70px;
}
.cbp-item .grid_contents h4 { font-size: 14px;;}
.cbp-item .grid_contents .demo p {float: none; width: 100%; margin-bottom: 5px;}
.cbp-item .grid_contents .demo p a {font-size: 12px; margin-right: 0;}
.cbp-item .grid_contents { padding: 10px;}
.cbp-item .grid_contents p { font-size: 14px;}
#container .grid_area .grid {
  margin-top: 10px; }

/*하단*/
#footer .foorter_wrap {
  width: 100%;
  margin: 0px auto 0px;
  padding: 0 15px;
  font-size: 12px;
  text-align: center;
}

#footer .footer_menu {
  position: relative;
}

#footer h2 {
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 35px;
  color: #fff;
}

#footer .footer_menu span:first-child {
  padding-left: 0;
}

#footer .footer_menu span a {
  margin-top: 10px;
}

#footer .address {
  padding: 20px 0 10px;
}

#footer .address span {
  padding-right: 10px;
}

#footer .address br {
  display: block;
}

#footer .footer_menu span a {
  font-size: 13px;
}

.TopScroll {
  right: 10px;
  width: 30px;
  height: 30px;
  bottom: 40px;
  display: none !important;
}

.TopScroll a {
  width: 30px;
  height: 30px;
  background-size: 30px;
}

.TopScroll a:hover {
  background-position: 0 -30px;
}

.boxOff {
  position: fixed;
  overflow: hidden;
  z-index: 1;
}

.subLayout {
  width: 100%;
  padding: 0 0px;
}

#container .grid_area .grid {
  width: 100%;
}
#container .grid_area .cbp-item { padding: 5px;} 
#container .grid_area {
  width: 100%; 
}

.grid li {
  width: 100%;
  margin: 0;
}

.box_grid .box_in {
  width: 100%;
}

/*뷰페이지*/
.m_view_fix {
  display: block;
  background: #fff;
  border-bottom: 1px #ebebeb solid;
  height: 67px;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 9999;
  min-width: 300px;
}

.m_view_fix ul {
  padding: 17px 10px;
}

.m_view_fix ul li {
  width: 80px;
  height: 30px;
  float: left;
  text-align: center;
  margin-right: 5px;
}

.m_view_fix ul li a {
  background: #efefef;
  border-radius: 5px;
  border: 1px #e1e1e1 solid;
  display: block;
  font-weight: 600;
  height: 30px;
  line-height: 30px;
}

.m_view_fix ul .price a {
  background: #bc162c;
  color: #fff;
  border: 1px #bc162c solid;
}

.view_area .title_list {
  padding: 20px;
}

.view_layout {
  padding: 0;
}

.closeBtn {
  width: 35px;
  height: 35px;
  background-size: 35px;
  top: -15px;
  right: -15px;
}

.popup {
  padding: 0 20px;
}

.folder_box {
  width: 100%;
  padding: 20px 15px;
}

.dowonload_list {
  width: 100%;
}

.dowonload_list h4 {
  font-size: 25px;
  padding: 15px 0;
}

.dowonload_list dl dt {
  font-size: 15px;
  padding: 15px 0;
}

.dowonload_list dl dd {
  height: 100px;
}

.ad_google {
  text-align: center;
  width: 320px;
  height: 50px;
}

.view_exposed span {
  font-size: 12px;
  padding-left: 20px;
  margin: 0 5px;
}

.view_exposed span em {
  display: none;
}

.view_exposed .view_good {
  background-size: 14px;
}

.view_exposed .view_hit {
  background-size: 15px;
}

.view_exposed .view_reply {
  background-size: 15px;
}

.view_exposed .view_down {
  background-size: 15px;
}

.pr_description dl dt {
  width: 90px;
  height: 90px;
  margin: auto;
  display: block;
}

.pr_description dl dd p {
  font-size: 18px;
  padding-bottom: 10px;
}

.pr_description dl dd p em {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}

.pr_description dl dd {
  font-size: 14px;
  display: block;
  padding-left: 0;
}

.pr_description {
  padding: 0;
}

.pr_process {
  padding-bottom: 0;
}

.pr_process ul li {
  width: 100%;
  float: none;
  height: auto;
  padding-bottom: 30px;
}

.pr_process ul li:nth-child(3) {
  background: #bb152c !important;
}

.pr_process ul li:nth-child(3) .step_title span {
  background: #bb152c;
}

.pr_process ul li:nth-child(4) {
  background: #a2a2a2 !important;
}

.pr_process ul li:nth-child(4) .step_title span {
  background: #a2a2a2;
}

.img_icon {
  width: 100px;
  margin: auto;
}

.pr_process ul li dl dt {
  font-size: 18px;
}

.view_wrap .view_text {
  height: 250px;
  padding-top: 0px;
}

.view_wrap .view_img .detail_wrap {
  width: 100%;
}

.view_wrap .view_img .detail_wrap .red_bg:after {
  height: 160px;
}

.view_wrap .view_img .detail_wrap .white_bg {
  padding-top: 30px;
  margin-bottom: 30px;
}

.view_wrap .view_img .detail_wrap .white_bg:after {
  width: 6px;
  left: 0;
  height: 120px;
}

.view_wrap h4 {
  /* font-size: 30px; 
 padding: 40px 0 30px; */
}

.view_title_area {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
}

.pr_process,
.pr_notice {
  padding-top: 20px;
}

.related_product h4 {
  font-size: 30px;
  line-height: 30px;
}

.pr_service {
  padding: 20px 0 20px 0;
}

.pr_service ul li {
  float: none;
  margin-left: 0;
  height: auto;
  width: 100%;
}

.pr_service ul li {
  float: none;
  margin-left: 0;
  height: auto;
  width: 100%;
}

.pr_service dl dd div {
  font-size: 18px;
  padding-bottom: 10px;
}

.pr_service dl dd div em {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}

.pr_service dl dd p {
  font-size: 14px;
  line-height: 160%;
}

.pr_service dl dt img {
  width: 80px;
}

/*로그인*/
.login_area {
  width: 100%;
  margin: 40px 0 0;
}

.login_area .login_wrap {
  padding: 30px 20px;
}

.login_area dl dt {
  font-size: 25px;
  line-height: 25px;
  padding-bottom: 10px;
}

.login_area dl dd {
  font-size: 14px;
}

.login_area .id_pw dl {
  margin-top: 10px;
}

.login_area .id_pw dl dt {
  margin-top: 20px;
}

.login_area .id_pw dl dd {
  float: none;
  width: 100%;
  margin-bottom: 10px;
  height: 40px;
  padding-right: 0;
}

.login_area .id_pw dl dd:last-child {
  padding: 0;
  margin-bottom: 0px;
}

.login_area .loginBtn input[type="button"] {
  font-size: 18px;
  height: 40px;
  font-size: 15px;
}

.member_form ul .password_list span {
  float: none;
  padding-right: 0px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.member_form ul .password_list .password_info {
  line-height: 30px;
  height: 30px;
}

.member_form ul .password_list span:last-child {
  padding: 0px;
  display: block;
}

.login_area .id_pw dd a {
  height: 40px;
  font-size: 15px;
  line-height: 40px;
}

.id_pw .hidden-xs {
  display: none;
}

.id_pw .id_icon {
  display: inline-block;
  margin-right: 5px;
}

.id_pw {
  text-align: center;
}

.facebook_login_area .facebook_login {
  padding: 0 20px;
}

/*회원완료*/
.pad_20 {
  padding: 20px;
}

.memberEnd {
  width: 100%;
  left: 0px;
  margin-left: 0px;
  position: relative;
}

.login_area .id_pw .BtnRed {
  height: 40px;
  line-height: 40px;
}

/*보관함*/
.share_list {
  width: 100%;
}

.share_list h3 {
  padding: 30px 0;
}

.sns_share {
  padding-bottom: 30px;
}

.sns_share a {
  margin: 0 10px;
  width: 45px;
  height: 45px;
}

.link_list dl {
  height: 40px;
}

.link_list dl dd input {
  height: 40px;
  line-height: 40px;
}

.link_list dl dt {
  width: 35px;
  background-size: 13px;
}

.edit-icon {
  opacity: 1;
}

.cart_list,
.folder_list {
  width: 100%;
  left: 0px;
  margin-left: 0px;
  padding: 30px 20px;
}

.cart_list .cart_btn_list span {
  padding: 0 3px;
}

.popup_body .error_info {
  font-size: 15px;
}

#container .subLayout>h3 {
  font-size: 25px;
  padding: 40px 0 20px;
  line-height: 25px;
}

.cart_list .cart_btn_list span a {
  padding: 10px 33px;
}

.subLayout .table_area table thead {
  display: none;
}

.subLayout .table_area table td {
  display: block;
  text-align: left;
  border-bottom: 0px;
  padding: 5px 0;
}

.subLayout .table_area table tr {
  display: block;
  position: relative;
  border: 1px #e1e1e1 solid;
  margin-bottom: 10px;
  background: #fff;
  padding: 10px;
}

.subLayout table {
  background: none;
  border: 0px;
}

.subLayout .table_area table .thumb {
  margin: 0;
}

.subLayout .table_area table .btn_del {
  position: absolute;
  top: 12px;
  right: 10px;
  background-size: 15px;
}

.subLayout .table_area table .priceTx,
.subLayout .table_area table .dateTx,
.table_area table .countTx {
  display: inline-block;
  padding-right: 15px;
  font-weight: 600;
  width: 70px;
}

.subLayout .table_area {
  padding-bottom: 0px;
}

.subLayout .btn_center:after {
  content: "";
  clear: both;
  display: block;
}

.subLayout .btn_center span {
  float: left;
  padding: 0;
  display: block;
  width: 50%;
  padding-right: 5px;
}

.subLayout .btn_center .wd100 {
  width: 100%;
}

.subLayout .btn_center span:last-child {
  padding-left: 5px;
  padding-right: 0;
}

.subLayout .btn_center span input[type="button"],
.subLayout .btn_center span a {
  width: 100%;
}

.subLayout .table_area table .subject {
  vertical-align: top;
}

.buyoption_layout {
  width: 100%;
  padding: 10 0px;
  min-height: 360px;
  margin-top: 0;
}

.buyoption_layout h3 {
  font-size: 25px;
  line-height: 25px;
  padding: 20px 0 20px;
}

.pop_area .option_add ul li {
  text-align: center;
  padding: 20px 0;
}

.pop_area .option_add ul li .totla_amount {
  font-size: 20px;
  text-align: center;
}

.pop_area .option_add ul li dt:ater {
  content: "";
  display: block;
}

.pop_area .option_add ul li dt {
  padding-bottom: 10px;
  display: block;
}

.pop_area .option_add ul li dd {
  position: static;
  top: auto;
  right: auto;
  display: block;
  text-align: center;
  display: block;
}

.pop_area .option_add ul li dd.price_sec {
  width: 100%;
  padding-top: 10px;
}

.pop_area .option_add ul li .option_sec {
  display: inline-block;
}

.buyoption_layout .buy_info {
  padding: 20px 10px 10px;
}

.buyoption_layout .buy_info ul li {
  float: none;
  width: 100%;
  border-bottom: 1px #e1e1e1 solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.buyoption_layout .buy_info ul li h4 {
  font-size: 15px;
}

.buyoption_layout .buy_info ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.dowonload_layout {
  width: 100%;
  padding: 10 0px;
}

.dowonload_layout h3 {
  font-size: 25px;
  line-height: 25px;
  padding: 20px 0 20px;
}

.redownload {
  padding: 15px;
}

.redownload dt {
  font-size: 17px;
}

.option_add li dd .app_chek {
  margin: 5px 3px;
}

.option_add li dd label {
  padding: 0 10px;
  padding-left: 40px;
}

.share_icon {
  top: -63px;
}

.share_icon span {
  display: none;
}

.grid_area .share_icon {
  right: auto;
  position: relative;
  width: 100%;
  text-align: center;
  top: 0px;
  margin-bottom: 0px;
}

.download_list .share_icon {
  top: -63px;
  position: absolute;
  right: 0;
  width: auto;
}

.share_icon .cubbyhole_modify {
  text-align: left;
}

.share_icon .tooltipi {
  text-align: left;
  right: auto;
  left: 50%;
  margin-left: -105px;
}

.share_icon>a {
  width: 40px;
  border-radius: 90px;
}

.share_icon a:before {
  padding-right: 0px;
}

.down_check ul li label {
  height: auto;
  padding: 10px 10px 10px 45px;
}

.down_check ul li label dt {
  font-size: 17px;
  line-height: 20px;
}

.down_check ul li label dd {
  padding-bottom: 0;
}

@media screen and (max-width: 500px) and (min-width: 220px) {
  .down_check ul li label p {
    position: relative;
    top: auto;
    right: auto;
  }
}

.down_check ul li label::after {
  width: 25px;
  height: 25px;
  background-size: 25px;
  left: 10px;
  top: 22px;
}

.down_check ul li input:checked+label:after {
  background-size: 25px;
}

.buy_check ul li label {
  padding: 10px 0;
  min-height: 160px;
}

.buy_check ul li label dt {
  font-size: 20px;
  line-height: 20px;
}

.subLayout .table_area table .subject_td {
  padding-left: 0px;
}

.btn_list {
  padding: 20px 0;
}

.subLayout .btn_center {
  padding-top: 20px;
}

.cubbyhole_area {
  width: 100% !important;
}

.cubbyhole>ul>li {
  width: 300px;
  float: none;
  margin: auto;
}

.cubbyhole ul li .cubbyhole_box {
  height: 260px;
}

@media screen and (max-width: 899px) and (min-width: 620px) {
  .cubbyhole_area {
    width: 600px !important;
  }

  .cubbyhole>ul>li {
    width: 50%;
    float: left;
  }

  .cubbyhole ul li .cubbyhole_box {
    height: 270px;
  }
}

/*주문하기*/
.subLayout .order_price .totla_amount dd {
  font-size: 18px;
}

.subLayout .order_price ul li {
  padding: 10px;
}

.order_box h4,
.table_area h4 {
  font-size: 18px;
}

.order_box .order_input {
  padding: 0px;
  background: none;
  border: 0px;
}

.order_box .order_input ul li {
  float: none;
  width: 100%;
  padding: 10px 0;
}

.order_box .order_input ul:last-child {
  margin-top: 0px;
}

.order_box p {
  font-size: 12px;
}

.order_box .order_payment ul li {
  display: block;
}

.order_box .order_payment #settle_bank select {
  width: 100%;
}

/*주문완료*/
.subLayout .order_end,
.order_box .order_result {
  padding: 10px !important;
}

.order_result ul li dl dt {
  width: 70px !important;
}

/*상품상세보기*/
.view_wrap .bg_wrap {
  background-size: cover;
  height: 400px;
  text-align: center;
  padding: 0 15px;
}

.view_wrap .view_text .subject {
  padding: 40px 0 25px;
}

.view_wrap .view_text .subject span {
  font-size: 14px;
}

#container .view_wrap .view_text h3 {
  font-size: 22px;
  line-height: 130%;
  padding-bottom: 0px;
  text-align: center;
  width: 100%;
}

.view_exposed {
  margin-top: 10px;
}

.view_wrap .view_text p br {
  display: block;
}

.view_wrap .buy_box {
  padding: 30px 15px;
}

.view_wrap .buy_box .buy_day ul {
  width: 100%;
  padding: 30px 0 35px;
}

.view_wrap .buy_box .buy_day ul li dd {
  font-size: 13px;
  padding-bottom: 15px;
}

.view_wrap .buy_box .buy_day ul li dt {
  font-size: 23px;
}

.view_wrap .buy_box .buy_day .view_btn_area:after {
  clear: both;
  content: "";
  display: block;
}

.view_btn_area span {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0 5px;
  margin-bottom: 10px;
}

.view_btn_area span:nth-child(3) {
  padding: 0 5px;
  width: 100%;
}

/*.view_btn_area span.sample { width:100%; padding:0 5px; } */
.view_btn_area {
  padding: 0 16px;
  zoom: 1;
}

.view_btn_area:after {
  clear: both;
  content: "";
  display: block;
}

.view_btn_area a {
  font-size: 14px;
}

.view_btn_area.buy_btn:after {
  clear: both;
  content: "";
  display: block;
}

.view_btn_area.buy_btn span {
  height: 40px;
  line-height: 40px;
  margin: 0;
  margin-bottom: 10px;
  width: 50%;
}

.view_btn_area.buy_btn span:nth-child(3) {
  padding: 0 5px;
  width: 100%;
}

.view_btn_area.buy_btn span.wd50 {
  width: 50% !important;
}

.view_btn_area.buy_btn a {
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}

.view_btn_area.buy_btn input[type="submit"] {
  height: 40px;
  padding: 0 5px;
  font-size: 15px;
}

.view_wrap .view_img span {
  display: inline-block;
  width: 100%;
}

.view_wrap .view_img img {
  width: 100%;
}

.view_wrap .sns {
  padding-top: 40px;
}

.view_wrap .sns a {
  margin: 0 4px;
  width: 40px;
  height: 40px;
  background-size: 40px !important;
}

.view_wrap .sns a em {
  padding: 0 5px;
  right: -15px;
}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {
  height: 55px !important;
  overflow: hidden;
}

.cbp-popup-singlePage-open .side_Btn {
  display: none;
}

.view_area {
  width: 100%;
  margin-top: 0px;
  border-radius: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 0;
}

.view_area .wrap {
  width: 100%;
  padding: 0 15px;
}

.view_area .title_list h3 {
  font-size: 23px;
  line-height: 130%;
}

.view_descripiton {
  padding: 20px;
}

.view_descripiton dl {
  padding-bottom: 0px;
}

.view_descripiton dl dt {
  padding-bottom: 20px;
}

.view_descripiton dl dd {
  display: none;
}

.view_descripiton .bottom_btn {
  padding: 20px 0 0;
}

.view_descripiton .bottom_btn:after {
  content: "";
  clear: both;
  display: block;
}

.view_descripiton .bottom_btn span {
  float: left;
  padding: 0;
  width: 50%;
}

.view_descripiton .bottom_btn span a {
  padding: 10px;
  display: block;
  margin: 0 5px;
  background: none;
}

.view_descripiton .bottom_btn span a:hover {
  background: #bc162c;
}

.view_price ul {
  width: 100%;
  margin: 0px;
}

.view_price ul li {
  float: none;
  width: 100%;
  height: auto;
}

.view_price ul li dt {
  padding: 20px 0;
  border-bottom: 1px #e2e2e2 dotted;
  border-right: 0px;
}

.view_price ul li dd {
  display: none;
}

.view_price ul li dt p {
  padding: 10px 0 0;
  font-size: 20px;
}

.view_sns {
  width: 100%;
  padding: 0px 0;
}

.view_sns:after {
  content: "";
  clear: both;
  display: block;
}

.view_sns span {
  float: left;
  width: 25%;
  height: 94px;
  padding: 20px 0;
}

.view_area .view_discription {
  width: 100%;
  margin: 0;
  padding-top: 40px;
}

.view_area .view_discription h4,
.view_area .note h4,
.view_area .reply_area h4 {
  font-size: 25px;
  line-height: 25px;
  padding-bottom: 20px;
}

.view_area .view_discription ul li {
  float: none;
  height: auto;
  padding: 0 20px;
  width: 100%;
}

.view_area .view_discription ul {
  border: 0px;
  padding: 0 20px;
}

.view_area .view_discription ul li dl {
  border-right: 0px;
  height: auto;
  padding-bottom: 50px;
}

.view_area .view_discription ul li dl dd br {
  display: none;
}

.view_area .note {
  width: 100%;
  margin: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.view_area .note ul {
  border: 0px;
  padding: 0 20px;
}

.view_area .reply_area .reply_list {
  width: 100%;
  border-top: 1px #e2e2e2 solid;
  border-bottom: 1px #e2e2e2 solid;
}

.view_area .reply_write {
  padding: 10px;
}

.view_area .reply_area .reply_list ul {
  display: block;
}

.view_area .reply_write ul li {
  display: block;
}

.view_area .reply_write ul .replyBtn {
  width: 100%;
  padding: 0px;
  padding-top: 5px;
  top: 0px;
}

.view_area .reply_write ul li label {
  display: none;
}

.view_area .reply_write ul li input[type="text"] {
  height: 35px;
  box-sizing: border-box;
}

.view_area .reply_write ul .replyBtn input[type="button"] {
  width: 100%;
  height: 35px;
}

.view_area .reply_btn {
  display: none;
}

.buy_check ul {
  width: 100%;
  padding: 0 5px;
}

.buy_check ul li {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  margin-left: 0px;
  float: none;
}

.buy_check ul li:last-child {
  margin-bottom: 0;
}

.buy_check ul li a .table label {
  height: 70px;
  padding: 18px 0;
  line-height: 130%;
}

.buy_check ul li a .table i {
  font-size: 15px;
  padding-top: 0;
}

.buy_check ul li a {
  height: 70px;
}

.related_product .related_product_area {
  width: 300px;
  padding: 0 0px;
}

.related_product .cbp-item {
  width: 100%;
}

.cbp-item .box_in:active {
  border: 1px #bc162c solid;
}

.detailed_info {
  margin: 0;
}

.detailed_info dl {
  width: 100%;
  border: 0;
  float: none;
  margin-top: -1px;
  margin-left: 0;
}

.detailed_info dl dt,
.detailed_info dl dd {
  padding: 10px;
  font-size: 13px;
}

.detailed_info dl dt {
  font-size: 13px;
  width: 30%;
}

.detailed_info dl dd {
  width: 70%;
}

/*서비스보기*/
.service_visual video {
  display: none;
}

.service_visual .m_visual {
  display: block;
}

.service_visual .m_visual img {
  width: 100%;
}

.service_visual {
  height: 350px;
}

.service_visual .submain_text {
  width: 170px;
  margin: 60px auto;
}

.service_visual .submain_text dt {
  width: 35px;
  height: 35px;
}

.service_visual .submain_text:hover dt img {
  transform: rotate(360deg);
}

.service_visual .submain_text dd {
  padding-top: 20px;
}

.service_visual .submain_text dd img {
  width: 170px;
}

.service_visual .submain_text dd.more_btn a {
  width: 35px;
  height: 35px;
  display: inline-block;
}

.service_visual .submain_text dd.more_btn a img {
  width: 100%;
}

.service_visual .submain_text dd span {
  display: inline-block;
  width: 280px;
}

.service_visual .submain_text dd span em {
  text-align: left;
  display: inline-block;
}

.service_tab {
  height: 50px;
  line-height: 50px;
}

.service_tab.fix {
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 999;
}

.service_tab ul {
  width: 100%;
}

.service_tab ul li {
  margin: 0;
  width: 16.6%;
}

.service_tab ul li a {
  text-align: center;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
}

.service_tab ul li a span {
  display: none;
}

.in_padding {
  width: 100%;
  margin: auto;
  padding: 40px 0px 50px;
}

.in_padding.none {
  padding-bottom: 0;
}

.fare .in_padding {
  width: 100%;
  margin: auto;
  padding: 40px 0px 50px;
}

.function .in_padding {
  width: 100%;
  margin: auto;
  padding: 40px 0px 0px;
}

.service_tt {
  text-align: center;
  padding: 0 0px 30px;
}

.service_tt dt {
  font-size: 21px;
  padding-bottom: 20px;
  line-height: 21px;
}

.service_tt dd {
  line-height: 18px;
  font-size: 14px;
  padding: 0 15px;
}

#slider {
  margin: 0 15px;
}

.function_img_box img {
  box-shadow: 0px 10px 50px rgba(35, 31, 32, 0);
}

#template02 ul li dl dt i {
  top: -3px;
}

/*#slideshow .slides li img { height:100% !important; } */
.service_tt dd br {
  display: none;
}

.sec_img {
  height: inherit;
  background-size: contain;
  margin: 0 15px 40px;
  background: none;
}

.sec_img .movie {
  padding: 10px 0px 0;
  box-sizing: border-box;
  overflow: hidden;
}

.sec_img .movie video {
  width: 100%;
  display: none;
}

.sec_img .movie .m_moviebg {
  display: block;
}

.sec_img .movie .m_moviebg a {
  display: block;
}

.sec_img img {
  width: 100%;
}

.mode_box ul {
  text-align: center;
}

.mode_box ul li {
  padding: 20px 15px 30px;
  width: 100%;
  height: inherit;
}

.mode_box ul li:first-child {
  background: #f9f1f1 url(../img/common/ico_mode01.png) no-repeat center 20px;
  background-size: 30px;
}

.mode_box ul li:last-child {
  background: #f5f8fb url(../img/common/ico_mode02.png) no-repeat center 20px;
  background-size: 30px;
}

.mode_box ul li dl {
  padding-top: 55px;
}

.mode_box ul li dl dt {
  font-size: 17px;
  padding-bottom: 15px;
}

.mode_box ul li dl dd {
  line-height: 17px;
  font-size: 12px;
}

.function_icon {
  padding: 0px 0 35px;
  display: none;
}

.function_icon>div {
  width: 100%;
  padding: 0 15px;
}

.function_icon>div dl {
  margin: 0;
  width: 14.28%;
}

.function_icon>div dl dt {
  font-size: 25px;
}

.function_icon>div dl dd {
  padding-top: 10px;
  font-size: 12px;
}

.function_img_box {
  text-align: center;
}

.function_img_box .function_img01 {
  padding: 0 15px;
}

.function_img_box img {
  width: 100%;
}

.shopping {
  background-size: cover;
  height: inherit;
}

.shopping .in_padding {
  padding: 50px 0px 0px;
  height: inherit;
}

.shopping .shop_img img {
  width: 100%;
}

.shopping .shop_img {
  padding: 0 15px;
}

.shop_textbox {
  position: inherit;
  bottom: 0;
}

.shop_textbox ul {
  padding-top: 50px;
}

.shop_textbox ul li {
  width: 100%;
  height: inherit;
  padding: 45px 15px;
}

.shop_textbox ul li:nth-child(2) {
  margin: 0px;
}

.shop_textbox ul li dt {
  font-size: 18px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.shop_textbox ul li dd {
  line-height: 18px;
  font-size: 14px;
  padding: 0;
}

.shop_textbox ul li dd br {
  display: none;
}

.superintend {
  padding: 20px 0 0px;
  background: #fff;
}

.superintend_text {
  float: none;
  padding-top: 0px;
  text-align: center;
}

.superintend_text dl {
  padding-top: 55px;
}

.superintend_text dl:nth-child(1) {
  padding-top: 0;
  width: 100%;
}

.superintend_text dl:nth-child(2) {
  width: 100%;
}

.superintend_text dl:nth-child(3) {
  width: 100%;
}

.superintend_text dt {
  padding-left: 0px;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.superintend_text dl:nth-child(1) dt:before {
  height: 0;
}

.superintend_text dl:nth-child(1) dt:after {
  width: 0;
}

.superintend_text dl:nth-child(2) dt:before {
  height: 0px;
}

.superintend_text dl:nth-child(2) dt:after {
  width: 0px;
}

.superintend_text dl:nth-child(3) dt:before {
  height: 0px;
}

.superintend_text dl:nth-child(3) dt:after {
  width: 0px;
}

.superintend_text dd {
  line-height: 18px;
  font-size: 14px;
  padding: 0 20px;
}

.superintend_text dd br {
  display: none;
}

.superintend_text dt img {
  width: 18px;
  margin-right: 5px;
}

.superintend_img {
  padding: 0 15px;
  position: inherit;
  padding-top: 50px;
}

.superintend_img img {
  width: 100%;
}

.equipment {
  padding-bottom: 40px;
}

.equipment>div dl {
  margin: 0 15px;
}

.equipment>div dl dt {
  font-size: 28px;
  color: #545f6d;
}

.equipment>div dl dd {
  padding-top: 10px;
}

.accessibility_img {
  padding: 0 15px;
}

.accessibility_img img {
  width: 100%;
}

.app {
  background: url(../img/common/service_visual02.jpg) no-repeat;
  background-size: cover;
  color: #fff;
}

.app_text {
  padding: 0 15px;
}

.app_text dl {
  padding-top: 30px;
}

.app_text dl:nth-child(1) {
  padding-top: 0;
}

.app_text dl dt {
  font-size: 18px;
  padding-bottom: 10px;
}

.app_text dl dt img {
  margin-left: 15px;
  vertical-align: middle;
  width: 14px;
}

.app_text dl dt em {
  font-size: 12px;
  opacity: 0.8;
  margin-left: 7px;
}

.app_text dl dt span {
  display: none;
}

.app_text dl dd {
  line-height: 18px;
  opacity: 0.8;
  font-size: 14px;
}

.app_text dl dd br {
  display: none;
}

/*내사이트*/
.subLayout .mysite_table .app_td {
  display: none;
}

.subLayout .mysite_table td a.BtnRed_radius {
  margin-left: 5px;
}

.subLayout .mysite_table .manage_td a.BtnWhite {
  margin-left: 100px;
}

/*요금보기*/
.sub_visual {
  height: 350px;
}

.sub_visual.sub_visual01 {
  background: url(../img/common/sub_visual01m.jpg) no-repeat center top;
  background-size: cover;
}

.sub_visual dl {
  width: 170px;
  margin: 60px auto;
}

.sub_visual.sub_visual01 dt {
  width: 35px;
  height: 35px;
}

.fare {
  padding: 0 0px;
}

.price_arera {
  padding: 0 15px;
}

.fare .service_tt .fare_area {
  padding: 20px 0 10px;
}

.fare_btn {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid #9b0f22;
}

.fare .fare_box {
  padding-bottom: 40px;
}

.fare .fare_box ul li {
  width: 100%;
  height: 160px;
  float: none;
  display: table;
}

.fare .fare_box ul li:nth-child(3) {
  margin-top: 160px;
}

.fare .fare_box ul li:nth-child(4) {
  height: 160px;
  position: absolute;
  top: 320px;
}

.fare .fare_box ul li dl {
  padding: 0px 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fare .fare_box ul li dl dt {
  font-size: 18px;
  padding-bottom: 15px;
}

.fare .fare_box ul li dl dd {
  font-size: 13px;
  line-height: 18px;
}

.fare_info ul li {
  float: none;
  width: 100%;
  height: inherit;
  margin-bottom: 15px;
}

.fare_info ul .fare_text {
  padding: 20px 15px 0px;
  box-sizing: border-box;
  text-align: center;
}

.fare_info ul .fare_text dt {
  font-size: 19px;
  padding-bottom: 10px;
}

.fare_info ul .fare_text dd {
  line-height: 18px;
  color: #878787;
  font-size: 13px;
}

.fare_info ul .fare_text .won {
  padding: 20px 0 5px;
}

.fare_info ul .fare_text dd span {
  font-size: 20px;
}

.fare_info ul .fare_text dd em {
  font-size: 13px;
}

.fare_info ul .fare_text .fare_area {
  padding: 15px 0 25px;
}

.fare_btn02 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 13px;
}

.fare_info ul .fare_down {
  background: #f9f9f9;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #ebebeb;
  height: 46px;
  line-height: 26px;
}

.fare_info ul .fare_down span {
  display: inline-block;
  margin: 0 5px;
}

.fare_info ul li:nth-child(3) .fare_down span img {
  position: relative;
  top: -2px;
}

.fare_info ul li:nth-child(4) .fare_down span img {
  position: relative;
  top: -3px;
}

.fare_info ul .fare_down p {
  font-size: 13px;
}

.fare_info ul li .fare_down i {
  font-size: 13px;
}

.price_box li {
  width: 100%;
  float: none;
  margin-bottom: 15px;
}

.price_box li:last-child {
  border: 1px #ebebeb solid;
}

.price_box li dl dt {
  padding: 0 15px;
  height: 60px;
  line-height: 60px;
  font-size: 19px;
}

.price_box li dl dt span {
  font-size: 22px;
}

.price_box li dl dt span em {
  font-size: 15px;
  padding-left: 5px;
}

.price_box li dl dd {
  padding: 15px;
}

.price_box li {
  height: auto;
}

.price_box li dl dd p {
  font-size: 14px;
  padding-bottom: 10px;
}

.price_box ul:after {
  margin-bottom: 20px;
}

.price_box .price_text br {
  display: none;
}

.info_price {
  font-size: 19px;
  padding-bottom: 20px;
}

.info_price:after {
  margin-top: 10px;
  background-size: 15px;
}

.sub_visual.sub_visual01 dd {
  padding-top: 20px;
}

/*주문내역*/
.subLayout .table_area .myorder_table .btn_del {
  display: none;
}

.subLayout .table_area .myorder_table td {
  height: auto;
}

.order_form {
  padding: 0px 0 10px;
}

.order_form ul li.left_order {
  float: none;
  height: auto;
  line-height: 180%;
  font-size: 13px;
  text-align: center;
}

.order_form ul li.right_order {
  float: none;
  margin-top: 10px;
}

.order_form ul li.left_order span {
  display: inline-block;
  padding-right: 8px;
}

.order_form ul li.left_order span em {
  color: #CF132C;
  font-weight: 700;
  margin-left: 3px;
  margin-right: 2px;
}

.order_form ul li.right_order em {
  width: 100% !important;
  height: 30px;
  margin-left: 0px;
  display: inline-block;
  line-height: 30px;
  float: left;
}

.order_form ul li.right_order em select {
  width: 100%;
  height: 30px;
  padding: 10px;
  border: 1px solid #e1e1e1;
  background: #f2f2f2;
}

.selectBox-dropdown:focus {
  outline-style: none;
  background: #fff;
  border: 1px solid #f02856;
  color: #414042;
}

.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 12px;
  height: 10px;
  background-size: 12px;
}

.selectBox-dropdown.selectBox-menuShowing {
  border: 1px solid #CF132C !important;
  box-shadow: none;
}

.selectBox-dropdown-menu {
  position: absolute;
  max-height: 140px;
  background: #fff;
  border: solid #CF132C;
  border-width: 1px 1px 1px 1px;
  overflow: auto;
  z-index: 120;
}

.selectBox-options li a {
  display: block;
  padding: 7px 10px 6px 10px;
  line-height: 17px;
  cursor: default;
}

.selectBox-options li.selectBox-hover a {
  background: #f5f5f5;
  color: #414042;
}

.selectBox-options li.selectBox-selected a {
  background: #f5f5f5;
  color: #414042;
}

.selectBox.selectBox-disabled {
  color: #888;
}

.selectBox-selected {
  margin-top: 5px;
}

.selectBox.lenght {
  border: 1px solid #e1e1e1 !important;
  box-sizing: border-box;
  width: 370px;
  text-align: left;
  position: relative;
}

.selectBox.lenght:focus {
  outline-style: none;
  background: #fff;
  border: 1px solid #f02856;
  color: #414042;
}

/*12월28일수정*/
.selectBox.lenght span {
  padding: 5px 10px;
}

.right_order .selectBox {
  width: 100% !important;
  height: 30px;
  padding-left: 10px;
  font-size: 13px;
}

.right_order .selectBox:focus {
  outline-style: none;
  background: #fff;
  border: 1px solid #f02856;
  color: #414042;
}

.myorder_table p {
  width: auto;
  margin: 0 auto;
  margin-left: 10px;
  display: inline-block;
}

/*고객지원*/
.sub_visual.sub_visual02 {
  background: url(../img/common/sub_visual02m.jpg) no-repeat center top;
  background-size: cover;
}

.sub_visual.sub_visual02 dt {
  width: 35px;
  height: 35px;
}

.sub_visual.sub_visual02 dd {
  padding-top: 20px;
}

.fare .in_padding.none {
  padding-top: 0;
  padding-bottom: 35px;
}

.fare.space .in_padding.none {
  padding-top: 0;
  padding-bottom: 0px;
}

.fare .in_padding.none .service_tt {
  display: none;
}

.customer ul li {
  width: 100%;
  float: inherit;
}

.customer ul li a {
  height: 215px;
}

.customer ul li a dl dt {
  width: 55px;
}

.customer ul li a dl dd.c_text {
  padding-top: 25px;
  font-size: 18px;
  padding-bottom: 10px;
  line-height: 17px;
  opacity: 1;
}

.customer ul li a dl dd {
  font-size: 14px;
  line-height: 18px;
  opacity: 0.8;
}

.customer ul li:nth-child(4) {
  position: absolute;
  height: inherit;
  height: 250px;
  bottom: 0;
  z-index: 999;
}

.customer ul li:nth-child(5) {
  position: relative;
  height: 465px;
}

.customer ul .notice {
  height: 215px;
  padding: 30px 15px;
  width: 100%;
}

.customer ul .notice h4 {
  font-size: 17px;
  padding-bottom: 35px;
}

.customer ul .notice .clinic_btn ul {
  border-bottom: none;
  padding-bottom: 0;
}

.customer ul .notice .news {
  height: 132px;
}

.customer ul .notice .news .table {
  height: inherit;
}

.customer ul .notice .news dl {
  padding-right: 10px;
  padding-top: 0px;
}

.customer ul .notice .news dl dt {
  font-size: 20px;
  color: #363636;
  padding-bottom: 20px;
}

.customer ul .notice .news dl dd {
  color: #363636;
  opacity: #86886;
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 49px;
}

.customer ul .notice .news p.date01 {
  color: #363636;
  opacity: 0.7;
  font-size: 13px;
  background: url(../img/main/watch01.png) no-repeat 0px center;
  position: absolute;
  bottom: 20px;
  padding: 10px 30px;
}

.new_btn .float {
  position: absolute;
  right: 0px;
  top: -3px;
}

.new_btn .float ul:after {
  content: "";
  clear: both;
  display: block;
}

.new_btn .float li {
  float: left;
}

.customer .new_btn .float ul li a {
  height: inherit;
  width: 30px;
}

.customer .new_btn .float ul li a img {
  width: 100%;
}

.new_btn .float li.left {
  margin-right: -1px;
  width: inherit;
  height: inherit;
}

.new_btn .float li.right {
  width: inherit;
}

.new_btn .float li.num {
  padding-top: 2px;
  margin-right: 8px;
  font-size: 14px;
}

.new_btn .float li.num span {
  color: #363636;
}

.new_btn .float li.num #news_avtive_num02 {
  color: #ba142c;
}

.customer ul .notice .news dl dd.date01 {
  color: #363636;
  opacity: 0.8;
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  height: inherit;
}

.customer ul li .news a {
  text-align: left;
}

.customer ul li.notice .news a dl dt {
  font-size: 14px;
  padding-bottom: 10px;
  line-height: 19px;
}

.customer .newsimg {
  width: 120px;
  height: 80px;
}

.customer .newsimg img {
  height: 100%;
}

/*페이스북 로그인*/
.facebook_area {
  padding: 20px 0 0 0;
}

.facebook_area li:first-child {
  width: 40px;
  height: 40px;
}

/*다국어 사이트 추가*/

.option_add .input_list {
  width: 100%;
}

.option_add .input_list input[type="text"],
.option_add .domain_list input[type="text"] {
  text-align: center;
}

.addedList .select_list {
  width: 100%;
}

/*안드로이드 신청*/
.table_box {
  padding: 15px;
}

.table_box .warning {
  font-size: 18px;
  color: #CF132C;
  padding-bottom: 15px;
}

.table_box .warning img {
  margin-right: 5px;
  width: 22px;
  height: 22px;
}

.table_box p {
  font-size: 13px;
  padding-bottom: 15px;
}

.subLayout table.warning_table {
  font-size: 13px;
}

.subLayout table.warning_table th {
  width: 90px;
  line-height: 18px;
  padding: 7px 5px 7px 0;
}

.subLayout table.warning_table td {
  padding: 7px 0;
  line-height: 18px;
}

.much {
  margin-top: 15px;
  font-size: 13px;
}

.much ul li {
  padding: 10px 15px;
}

.much ul li:last-child em {
  font-size: 16px;
  font-weight: 700;
}

.title_tt {
  padding: 20px 0 15px;
  font-size: 18px;
}

.app_info .app_box {
  padding: 15px;
}

.app_info .app_box p {
  font-size: 13px;
}

.app_info .app_box span {
  font-size: 12px;
  line-height: 16px;
}

.app_info .app_box p.info_tt {
  padding-top: 5px;
}

.app_info .app_box p.info_tt input {
  width: 100%;
  height: 28px;
  padding-left: 10px;
}

.app_info .app_box p.info_tt select {
  width: 200px;
  height: 28px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding-left: 10px;
}

.app_info .app_box p.info_tt textarea {
  width: 100%;
  height: 75px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  padding: 10px;
}

.app_info .app_box dl {
  font-size: 12px;
  padding-top: 7px;
}

.app_info .app_box dl dt {
  padding-bottom: 0px;
  line-height: 15px;
}

.graphics .graphics_box ul {
  zoom: 1;
  padding-bottom: 20px;
}

.graphics .graphics_box ul li:nth-child(odd) {
  padding-right: 5px;
}

.graphics .graphics_box ul li:nth-child(even) {
  padding-left: 5px;
}

.graphics .graphics_box {
  padding: 15px;
}

.graphics .graphics_box dl {
  padding-bottom: 10px;
  height: 80px;
}

.graphics .graphics_box dt {
  font-size: 13px;
  padding-bottom: 0px;
}

.graphics .graphics_box dt span {
  width: 18px;
  height: 18px;
  margin-left: 5px;
}

.graphics .graphics_box dt img {}

.graphics .graphics_box dd {
  font-size: 12px;
  line-height: 15px;
}

#btn-upload,
#btn-upload02,
#btn-upload03,
#btn-upload04,
#btn-upload05,
#btn-upload06,
#btn-upload07,
#btn-upload08 {
  min-height: 125px;
  background: #f5f5f5 url(../img/common/img_drag.png) no-repeat center 35px;
  background-size: 30px;
  padding-top: 35px;
  font-size: 12px;
}

#btn-upload99 {
  width: 100px;
  height: 28px;
  font-size: 12px;
}

.drag_lode {
  padding-top: 10px;
}

.drag_lode .sum {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  margin-right: 5px;
}

.drag_lode .sum img {
  width: 100%;
  height: 100%;
}

.subLayout .btn_center span.one_btn {
  display: inline-block;
  padding-left: 0;
  float: none;
  width: inherit;
}

.app_info .app_box .erc {
  padding-top: 5px;
}

.graphics .graphics_box.not dl {
  height: 90px;
}

.graphics .graphics_box ul li {
  margin-bottom: 0;
}

.graphics .graphics_box.not {
  padding: 15px;
}

.graphics .graphics_box.not ul li {
  margin-bottom: 20px;
}

.drag {
  height: inherit;
}

.file-droparea {
  height: 125px;
  background: #f5f5f5;
  overflow: hidden;
  padding: 10px;
  box-sizing: border-box;
}

.file-droparea div {
  text-align: center;
  line-height: 145px;
  color: #a1a1a1;
  background: url(../img/common/img_drag.png) no-repeat center 30px;
  background-size: 30px;
  font-size: 13px;
}

.file-droparea div img {
  width: 100% !important;
  height: 110px !important;
  overflow: hidden;
}

.graphics .graphics_box dt .t_text {
  width: 170px;
  padding: 15px;
}

/*온라인문의*/
.custmoer_tab {
  height: 50px;
  line-height: 50px;
}

.custmoer_tab ul {
  width: 100%;
}

.custmoer_tab ul li {
  width: 20%;
  margin: 0;
}

.custmoer_tab ul li a {
  font-size: 12px;
  height: 50px;
}

.order_form .seach {
  margin-top: 10px;
}

.order_form .seach input[type="text"] {
  width: 100%;
}

.space01 .subLayout {
  padding: 0 15px;
}

.oline_table .situation {
  text-align: center;
}

.btn_right {
  float: none;
  top: 0px;
}

.board_view {
  padding-top: 40px;
}

.board_view .board_title h2 {
  font-size: 20px;
  line-height: 25px;
}

.board_view .board_title p span {
  margin: 0 5px;
}

.board_view .board_title p span a {
  font-size: 15px;
}

.board_write {
  width: 100%;
}

/*자주하는 질문*/
.faq_list ul li .fold_cont dt {
  font-weight: 700;
  padding-left: 30px;
  padding-bottom: 20px;
  font-size: 15px;
}

/*웹쟁이 소식*/
.notice_list li .notice_img {
  display: block;
  margin-bottom: 20px;
  width: 100%;
  height: 150px;
  overflow: hidden;
  padding-right: 0px;
  text-align: center;
}

.notice_list li .notice_img img {
  width: auto;
  height: 100%;
}

.notice_list li dl {
  display: block;
}

.notice_list li dl dd {
  display: block;
  text-overflow: ellipsis;
  hite-space: normal;
  display: -webkit-box;
  word-wrap: break-all;
  overflow: hidden;
  height: 60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.board_view .view_body img {
  max-width: 100%;
}

/*문의 및 연락처*/

.contact_list li {
  width: 100%;
  float: none;
  padding-right: 0px;
}

.contact_list li:last-child {
  padding-right: 0px;
  padding-left: 0px;
}

.mapBox .map_wrapper {
  height: 300px;
}

/*가이드(디자인모드)*/
.back_bg {
  border-top: 1px solid #363636;
  padding: 0 15px 25px;
}

.none_title {
  display: none;
}

.form_menu {
  display: block;
  padding: 30px 0 15px;
}

.form_menu.fix {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 99;
  background: #fff;
  padding: 15px;
  top: 60px;
  border-bottom: 1px solid #e1e1e1;
}

.form_menu ul:after {
  clear: both;
  content: "";
  display: block;
}

.form_menu>ul>li {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
}

.form_menu>ul>li:first-child {
  padding-right: 0px;
}

.form_menu>ul>li:last-child {
  padding-left: 0px;
}

.form_menu>ul>li>a {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e1e1e1;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 12px;
  color: #000;
  font-weight: 300;
  background: url(../img/common/ico_down.png) no-repeat 93% center;
  background-size: 12px;
}

.form_menu>ul>li ol {
  border-top: none;
  position: absolute;
  width: 100%;
  padding-right: 0px;
  z-index: 99;
  display: none;
}

.form_menu>ul>li ol li a {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  display: block;
  font-size: 12px;
  border: 1px solid #d7d7d7;
  margin-top: -1px;
  background: #fff;
  letter-spacing: -0.5px;
}

.form_menu.fix>ul>li ol li a {
  background: #f8f8f8;
}

.half_text .left_text {
  border-top: none;
  width: 100%;
}

.half_tt {
  padding: 20px 0 10px;
  margin-bottom: 5px;
  font-size: 15px;
}

.half_text .left_text p {
  font-size: 12px;
  line-height: 18px;
}

.half_text .left_text ol {
  font-size: 12px;
  line-height: 18px;
}

.half_text .half_table td {
  font-size: 12px;
  padding: 5px;
}

.right_text {
  display: none;
}

.answer {
  margin-top: 10px;
}

.answer p {
  font-size: 12px;
}

.answer .list_area {
  padding-top: 15px;
}

.answer .list_area a {
  padding: 4px 15px;
  font-size: 12px;
}

.half_text .left_text .info_text p {
  margin-bottom: 5px;
}

/*가이드(메뉴추가하기)*/
.half_text .left_text p span {
  width: 14px;
  margin: 0 3px;
}

.half_text .left_text .guide_img {
  padding: 15px 0 20px;
}

.half_text .left_text .guide_img img {
  width: 100%;
}

.half_text .left_text p span.fr-video {
  display: block;
  width: 100%;
  height: 220px;
}

.half_text .left_text p span.fr-video iframe {
  width: 100% !important;
  height: 220px !important;
}

/*가이드(메뉴와일체화된디자인구성하기)*/
.bule_box {
  padding: 15px 15px 10px;
}

.bule_box dl dt {
  font-size: 15px;
  padding-bottom: 10px;
}

.bule_box dl dd {
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 16px;
}

.half_text .left_text ol.space {
  padding: 15px 0;
}

/*라이센스*/
.license_buy .license_info_area.on {
  width: 100%;
  top: 75px;
}

.view_wrap .buy_box .buy_day ul li .license {
  font-size: 15px;
}

.view_wrap .buy_box .buy_day ul li dt {
  font-size: 22px;
}

.license_buy ul li:first-child dt:after {
  top: -4px;
  margin-left: 10px;
  width: 10px;
  height: 5px;
  background-size: 10px;
}

.license_buy .license_info_area .license_info dl dt {
  padding-right: 0 !important;
}

.license_buy .license_info dl {
  padding: 20px 15px;
}

.license_buy .license_info dl dt {
  font-size: 16px !important;
}

.license_buy .license_info dl dt span {
  font-size: 16px;
}

.license_buy ul li dt {
  line-height: 25px;
}

.license_buy .license_info_area:after {
  right: 0;
  left: 50%;
  margin-left: -100px;
  width: 20px;
  height: 11px;
  background-size: 20px;
  top: -10px;
}

.license_buy .license_info dl dt {
  padding-bottom: 5px;
}

.license_buy .license_info_area .license_info dl dd {
  font-size: 13px;
  line-height: 18px;
  padding-bottom: 0 !important;
}

.license_buy .license_info_area .license_info dl dd br {
  display: none;
}

.license_buy .license_btn a {
  padding: 10px 0;
  font-size: 13px;
}

/*라이센스_무료*/
.license_tab {
  text-align: center;
  padding-bottom: 25px;
}

.license_tab ul {
  border: 1px solid #9b0f22;
  width: 280px;
}

.license_tab ul li a {
  height: 35px;
  line-height: 35px;
  font-size: 13px;
}

/*.license_tab ul li.on a { border:1px solid #9b0f22; } */

.license_text ul li {
  padding: 20px 0;
  border-bottom: 1px solid #d7d7d7;
}

.license_text ul li .at {
  font-size: 13px;
  line-height: 20px;
}

.license_text ul li .red_tt {
  font-size: 15px;
  padding-bottom: 15px;
}

.license_text ul li dl {
  padding-bottom: 20px;
}

.license_text ul li dl dt {
  font-size: 13px;
  padding-bottom: 10px;
  line-height: 20px;
}

.license_text ul li dl dd {
  font-size: 13px;
  line-height: 22px;
}

.sp01 {
  position: absolute;
}

.sp02 {
  display: inline-block;
  padding-left: 10px;
}

.license_text ul li .ex_tt {
  font-size: 15px;
  padding-bottom: 10px;
}

.license_text ul li .ex_mt {
  font-size: 13px;
  line-height: 22px;
}

.license_text02 .ex_tt {
  font-size: 15px;
  font-weight: 700;
  color: #363636;
  padding-bottom: 10px;
}

.license_text02 .ex_tt.pt {
  padding-top: 20px;
}

.license_text02 .ex_mt {
  font-size: 13px;
  line-height: 22px;
}

.license_text02 .at02 {
  font-size: 13px;
  padding-bottom: 10px;
  line-height: 22px;
}

.license_text02 .license_table {
  padding-top: 15px;
  padding-bottom: 25px;
}

.license_text02 .license_table table thead th {
  height: 36px;
  font-size: 13px;
}

.license_text02 .license_table table tbody tr {
  background: #fff;
}

.license_text02 .license_table table tbody td {
  height: inherit;
  padding: 10px;
  font-size: 13px;
  line-height: 22px;
}

.license_text02 .license_table.type table tbody td {
  height: inherit;
  padding: 10px;
  text-align: center;
  font-size: 13px;
  line-height: 22px;
}

.license_text02 .license_table.type table tbody td img {
  width: 18px;
}

.license_text02 .license_table.type p {
  padding-top: 15px;
}

@media screen and (max-width: 990px) and (min-width: 220px) {
  .subLayout .download_file {
    display: block;
  }

  .subLayout .download_file dl {
    display: block;
    text-align: center;
    padding-bottom: 5px;
  }

  .subLayout .download_file dt {
    font-size: 17px;
  }

  .down_btn {
    width: 100%;
    display: block;
  }

  .down_btn a.BtnRed {
    font-size: 15px;
  }

  .down_btn img {
    width: 17px;
  }

  .order_ready .bank_img {
    width: 60px;
  }

  .order_ready .bank_img img {
    width: 100%;
  }
}

@media screen and (max-width: 879px) and (min-width: 640px) {
  .main_typo {
    background: url(../img/common/mmain_text.png) no-repeat center;
    background-size: 350px;
    width: 350px;
    height: 154px;
  }

  .main_visual dl {
    margin-left: -135px;
    margin-top: -77px;
  }

  .main_visual dl dt .sale_number {
    left: -120px;
    top: 30px;
    font-size: 60px;
  }

  .main_visual dl dt .sale_number em {
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
  }

  .main_visual dl .position_area {
    position: absolute;
    left: -120px;
    bottom: -13px;
  }

  .main_visual dl .position_area .position_btn {
    width: 120px;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
  }

  #container .grid_area .grid {
    width: 600px;
  }

  .related_product .related_product_area {
    width: 600px;
  }

  .related_product .cbp-item {
    width: 50%;
  }

  .view_wrap .view_img .detail_wrap .red_bg:after {
    height: 300px;
  }
}

@media screen and (max-width: 639px) and (min-width: 550px) {
  #container .grid_area .grid {
    width: 100%;
  }

  #container .grid_area .grid .cbp-item {
    width: 50%;
  }

  .related_product .related_product_area {
    width: 100%;
  }

  .related_product .cbp-item {
    width: 50%;
  }

  .view_wrap .view_img .detail_wrap .red_bg:after {
    height: 250px;
  }
}

@media screen and (max-width: 550px) and (min-width: 490px) {
  .related_product .related_product_area {
    width: 100%;
  }

  .related_product .cbp-item {
    width: 50%;
  }
}

@media screen and (max-width: 340px) and (min-width: 220px) {
  .main_typo {
    background: url(../img/common/mmain_text.png) no-repeat center;
    background-size: 200px;
    width: 200px;
    height: 88px;
  }

  .main_visual dl {
    margin-left: -60px;
  }

  .main_visual dl dt .sale_number {
    font-size: 40px;
    left: -80px;
    top: 20px;
  }

  #container .grid_area .grid {
    width: 100%;
  }

  #container .grid_area .grid .cbp-item {
    width: 100% !important;
  }

  .related_product .cbp-item {
    width: 100%;
  }

  .facebook_area li div span {
    display: none;
  }

  .table_box p {
    padding-bottom: 10px;
  }

  .graphics .graphics_box dt {
    font-size: 12px;
    padding-bottom: 3px;
  }

  .graphics .graphics_box dd {
    letter-spacing: -0.3px;
  }

  .graphics .graphics_box ul {
    padding-bottom: 15px;
  }

  .subLayout .btn_center span.one_btn {
    width: inherit;
  }

  .file-droparea {
    padding: 5px;
  }

  .file-droparea div {
    font-size: 11px;
  }

  .graphics .graphics_box dt .t_text {
    width: 150px;
  }
}

/* 2020.08.13 회원가입, Q&A */
.member_form ul .email_list span:first-child {
  width: 75%;
}

.member_form ul .email_list span {
  width: 25%;
}

.member_form ul .email_list a {
  font-size: 14px;
}

.qna_list {
  margin-bottom: 0;
}

.qna_top ul li {
  width: 50%;
  margin: 0px;
  padding: 0 5px 5px 0;
}

.categorys {
  padding: 0 10px;
  width: 100%;
}

.categorys span {
  display: block;
  padding-right: 20px;
  background-size: 14px;
}

.ab_top {
  position: relative;
  padding-top: 10px;
}

.seach_qna .seach input[type="text"] {
  width: 100%;
}

.qna_top {
  margin: 10px 0;
}

.category_list {
  margin-top: 5px;
  width: 100%;
  max-width: 100%;
  left: 0;
}

.category_list .btn_chk {
  padding: 0 10px;
  font-size: 13px;
}

.qna_list ul li {
  padding: 10px;
}

.qna_con {
  padding-left: 50px;
}

.qna_con dl dt {
  font-size: 15px;
  padding-bottom: 10px;
}

.qna_con dl dd {
  font-size: 13px;
}

.result_text {
  display: none;
}

.qna_result {
  width: 40px;
  height: 40px;
}

.qna_result span {
  font-size: 20px;
}

.tag_list {
  margin-top: 10px;
}

.tag_list a {
  padding: 0 15px;
  font-size: 13px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.clock_his {
  position: relative;
  margin-top: 5px;
}

.qna_board .board_title h2 {
  padding-right: 0;
}

.profile dd {
  font-size: 13px;
}

.board_view .board_title span {
  margin: 0 5px;
}

.board_view .board_title span a {
  font-size: 14px;
}

.qna_board .btn_right {
  position: relative;
  padding-top: 0px;
}

.qna_board .board_view .board_title {
  border-bottom: 0px;
}

.qna_board .board_view .modify_btn a {
  padding: 0;
  margin-right: 10px;
}

.qna_board .board_view .modify_btn a:last-child {
  margin-right: 0;
}

.profile dt {
  width: 20px;
  height: 20px;
}

.profile dd {
  padding-left: 5px;
}

.answer_write_top {
  padding: 15px;
}

.answer_write_area h2,
.answer_view_area h2 {
  font-size: 20px;
}

.answer_write_top .btn_right {
  right: 0;
}

.answer_write_area p {
  font-size: 13px;
  padding-bottom: 20px;
}

.answer_write textarea {
  padding: 0 15px;
  min-height: 200px;
}

.answer_top {
  padding: 15px;
}

.answer_top dt {
  width: 25px;
  height: 25px;
}

.qna_board .view_body {
  font-size: 15px;
}

.ico_comment {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  font-size: 14px;
  margin-right: 3px;
}

.ico_comment i {
  width: 20px;
  height: 20px;
  background-size: 20px;
}

.qna_board .sns {
  padding-top: 0;
}

.qna_board .sns a {
  width: 35px;
  height: 35px;
  background-size: 35px;
  margin: 0 3px;
}

.qna_board .sns a em {
  right: -21px;
}

.answer_top dd {
  font-size: 14px;
}

.answer_top dd p {
  font-size: 12px;
}

.answer_con {
  padding: 15px;
}

.answer_commnet {
  padding: 15px;
}

.board_view {
  font-size: 14px;
}

.answer_box {
  margin-bottom: 10px;
}

.qna_board .board_view {
  margin-bottom: 20px;
}

.qna_write {
  width: 100%;
}

.qna_write .category_list .btn_chk {
  margin-bottom: 10px;
}

.qna_write>ul>li {
  padding: 15px;
}

.qna_write>ul>li:last-child {
  padding-bottom: 15px;
}

.not_select .errorjs {
  font-size: 13px;
  padding-top: 0;
}

.not_select .errorjs i img {
  width: 15px;
}

ul.tagit li.tagit-new {
  padding: 0;
  margin: 0;
}

.pop_box {
  width: 100%;
  padding: 20px 15px;
}

.pop_box p {
  font-size: 15px;
}

.pop_box h2 {
  font-size: 20px;
  padding-bottom: 10px;
}

.sc-inner {
  padding: 0 10px;
}

.service_visual .desc-box {
  padding: 0 16px;
}

.service_visual .desc-box h2 {
  font-size: 32px;
  line-height: 52px;
}

.service_visual .link-box {
  display: flex;
}

.service_visual a {
  flex: 1;
  min-width: 0;
  margin-top: 6px;
  padding: 15px 20px;
  font-size: 14px;
}

.sc-list {
  padding: 80px 0 40px;
}

.sc-list .title-area {
  margin-bottom: 30px;
}

.sc-list .title-area p {
  font-size: 20px;
  line-height: 30px;
}

.sc-list .title-area h2 {
  margin-top: 6px;
  font-size: 32px;
  line-height: 52px;
}

.sc-list .list-area {
  grid-template-columns: 1fr;
  gap: 12px;
}

.sc-list .list-area li {
  padding: 20px 16px;
}

.sc-list .list-area .thumb {
  width: 40px;
  height: 40px;
}

.sc-list .list-area li strong {
  margin: 10px 0 6px;
  font-size: 20px;
  line-height: 30px;
}

.sc-list .list-area li p {
  font-size: 14px;
  line-height: 24px;
}

.sc-process {
  padding: 40px 0 80px;
}

.sc-process .title-area {
  margin-bottom: 30px;
}

.sc-process .title-area p {
  font-size: 20px;
  line-height: 30px;
}

.sc-process .title-area h2 {
  margin-top: 6px;
  font-size: 32px;
  line-height: 52px;
}

.sc-process .list-area {
  grid-template-columns: 1fr;
}

.sc-process .list-area li {
  padding: 40px 20px;
}

.sc-process .list-area li::after {
  inset: 100% auto auto 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: 18px;
  height: 18px;
}

.sc-process .list-area li:nth-child(n + 3)::after {
  content: "";
}

.sc-process .list-area li:last-child::after {
  content: none;
}

.sc-process .list-area li span {
  font-size: 20px;
  line-height: 30px;
}

.sc-process .list-area li h3 {
  margin: 12px 0 6px;
  font-size: 20px;
  line-height: 30px;
}

.sc-process .list-area li p {
  font-size: 14px;
  line-height: 24px;
}

.sc-cta {
  padding: 50px 0;
}

.sc-cta .title-area h2 {
  font-size: 32px;
  line-height: 52px;
}

.sc-cta .link-area {
  margin: 12px 0 40px;
}

.sc-cta .link-area a {
  flex: 1;
  padding: 15px 20px;
  max-width: 187px;
  font-size: 14px;
  min-width: 0;
}

.sc-cta .qr-area img {
  width: 100px;
  height: 100px;
}

.sc-cta .qr-area figcaption {
  margin-top: 4px;
}

.sc-recome {
  padding: 70px 0;
  height: auto;
  background: url("../img/common/recome_bg.png") no-repeat center / cover;
}

.sc-recome .sc-sticky {
  position: static;
  padding: 0 16px;
  height: auto;
  background: transparent;
}

.sc-recome .title-area {
  position: static;
  transform: none;
}

.sc-recome .title-area h2 {
  font-size: 32px;
  line-height: 46px;
}

.sc-recome .recome-list {
  position: static;
  opacity: 1;
  margin-top: 30px;
}

.sc-recome .recome-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sc-recome .recome-list .item img {
  flex: none;
  transform: scale(0);
  width: 80px;
}

.sc-recome .recome-list .item span {
  font-size: 24px;
  line-height: 36px;
  color: #2f2f2f;
  text-align: center;
}

.sc-recome .recome-list .item .wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sc-recome .sc-inner {
  position: static;
}

.sc-recome .recome-info {
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}

.sc-recome .recome-info .item {
  flex: none;
  padding: 24px;
  width: 100%;
}

.sc-recome .recome-info .thumb {
  width: 56px;
  height: 56px;
}

.sc-recome .recome-info p {
  margin: 32px 0 8px;
  font-size: 24px;
  line-height: 36px;
}

.sc-recome .recome-info span {
  font-size: 16px;
  line-height: 26px;
}

.sc-recome .recome-info .thumb::before {
  top: -3px;
  left: -3px;
}

.sc-reason {
  padding: 120px 0 60px;
}

.sc-reason .title-area h2 {
  font-size: 32px;
  line-height: 46px;
  margin-bottom: 8px;
}

.sc-reason .title-area p {
  font-size: 18px;
  line-height: 28px;
}

.sc-reason .reason-info {
  margin-top: 30px;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid #e5e5e5;
}

.sc-reason .reason-info[data-media="mo"] {
  display: grid;
}

.sc-reason .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-size: 14px;
  line-height: 24px;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}

.sc-reason .item.head {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  background: #f9f8fa;
  border: none;
  border-radius: 8px 8px 0 0;
}

.sc-reason .item.head.primary {
  font-weight: 700;
  color: #fff;
  background: #cf132c;
}

.sc-reason .item.col-3 {
  grid-column: span 3;
  background: #f9f8fa;
  font-weight: 700;
}

.sc-reason .item.primary {
  color: #cf132c;
  font-weight: 700;
}

.sc-license {
  padding: 60px 0;
}

.sc-license .title-area h2 {
  font-size: 32px;
  line-height: 46px;
}

.sc-license .list-area {
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 30px;
}

.sc-license .item {
  padding: 24px;
  min-height: auto;
}

.sc-license .thumb {
  width: 46px;
  height: 46px;
}

.sc-license h3 {
  margin: 24px 0 12px;
  font-size: 18px;
  line-height: 28px;
}

.sc-license .info {
  margin-bottom: 0;
}

.sc-license .info li {
  gap: 4px;
  font-size: 14px;
  line-height: 24px;
}

.sc-license .info li::before {
  transform: translateY(4px);
  width: 16px;
  height: 16px;
}

.sc-license .info li+li {
  margin-top: 4px;
}

.sc-license .alert-box {
  margin-top: 36px;
  padding: 8px;
  gap: 4px;
}

.sc-license .alert-box i {
  width: 16px;
  height: 16px;
}

.sc-license .alert-box p {
  font-size: 14px;
  line-height: 24px;
}

.sc-license {
  padding: 60px 0;
}

.sc-review {
  padding: 60px 0;
}

.sc-review .sc-inner h2 {
  font-size: 32px;
  line-height: 46px;
}

.sc-review .swiper {
  margin-top: 30px;
}

.sc-review .swiper-slide {
  padding: 24px;
  max-width: 320px;
  min-height: 340px;
}

.sc-review .swiper-slide .desc {
  margin-bottom: 32px;
}

.sc-review .swiper-slide .desc strong {
  font-size: 18px;
  line-height: 28px;
}

.sc-review .swiper-slide .desc p {
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
}

.sc-review .user .thumb {
  width: 44px;
  height: 44px;
}

.sc-review .user .name span,
.sc-review .user .name p {
  font-size: 14px;
  line-height: 24px;
}

.sc-portfolio {
  padding: 60px 0 120px;
}

.sc-portfolio .title-area h2 {
  font-size: 32px;
  line-height: 46px;
}

.sc-portfolio .list-area {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 30px 0;
}

.sc-portfolio .list-area .item {
  height: auto;
  aspect-ratio: 156 / 150;
}

.sc-portfolio .link-box .btn-primary {
  min-width: 120px;
}

.sc-promo {
  padding-bottom: 8px;
}

.sc-promo .thumb {
  margin-left: 8px;
  width: 172px;
  height: 99px;
}

.sc-promo .thumb-list {
  margin-top: 8px;
}

.sc-promo .title-area h2 {
  font-size: 32px;
  line-height: 46px;
}

.sc-promo .title-area p {
  margin: 4px 0 24px;
  font-size: 18px;
  line-height: 28px;
}

.sc-promo .link-box {
  gap: 8px;
  max-width: 328px;
}

.sc-promo .link-box a {
  min-height: 40px;
}

.info-modal .modal-head {
  padding: 14px 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.info-modal .btn-wrap {
  position: static;
}

.info-modal .btn-wrap a {
  min-width: 112px;
}

.info-modal .modal-head p {
  font-size: 18px;
  line-height: 28px;
}

.info-modal .info-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
}

.info-modal .modal-body {
  padding: 40px 0;
  background: url("../img/common/info_modal_bg_mo.png") no-repeat center 46% / contain;
}

#web-modal-info .modal-body {
  background-position: center 39%;
}

.info-modal .sc-inner h2 {
  font-size: 24px;
  line-height: 36px;
}

.info-modal .worry-list {
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 30px;
}

.info-modal .worry-list .item {
  gap: 25px;
}

.info-modal .worry-list .desc,
#web-modal-info .worry-list .desc {
  padding: 16px;
  min-height: auto;
}

.info-modal .worry-list .desc strong {
  font-size: 16px;
  line-height: 26px;
}

.info-modal .worry-list .desc p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
}

.info-modal .worry-list .desc::after {
  width: 26px;
  height: 26px;
  transform: translate(-50%, 50%);
}

.info-modal .worry-list .thumb img {
  width: 72px;
  height: auto;
}

.info-modal .fixed-list {
  margin-top: 152px;
}

.info-modal .fixed-list h3 {
  font-size: 24px;
  line-height: 48px;
}

.info-modal .fixed-list h3 span::before {
  width: 4px;
  height: 4px;
  transform: translate(-50%, -150%);
}

.info-modal .fixed-list ul,
#web-modal-info .fixed-list ul {
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 30px;
}

.info-modal .fixed-list li {
  padding: 20px;
}

.info-modal .fixed-list li .thumb {
  width: 36px;
  height: 36px;
}

.info-modal .fixed-list li .desc {
  margin-top: 24px;
}

.info-modal .fixed-list li span {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
}

.info-modal .fixed-list li p {
  margin-top: 4px;
  font-size: 14px;
  line-height: 24px;
}

.info-modal .link-box {
  margin-top: 30px;
}

.info-modal .link-box .btn-primary {
  min-width: 120px;
}

.sc-visual .title-area .link-box {
  gap: 8px;
}

.sc-visual .title-area .link-box a {
  justify-content: center;
  min-width: 136px;
}

.sc-visual .title-area p br {
  display: none;
}

.sc-visual .title-area p br.mo {
  display: block;
}

.info-modal .modal-head .btn-primary {
  padding: 4px 12px;
  font-size: 14px;
  line-height: 24px;
}