@charset "utf-8";
@import url("reset.css");
@import url("common.css");
@import url("layout.css");

/* popup */
.popup_wrap {display:none;position:absolute;top:50px;left:0;width:100%;z-index:35;}
.popup_wrap .today {clear:both;width:100%;}
.popup_wrap .popup_list {position:relative;}
.popup_wrap .popup_list .slick-arrow {display:block;position:absolute;top:50%;margin-top:-3.5rem;width:4rem;height:4rem;background:rgba(0,0,0,0.4);z-index:36;}
.popup_wrap .popup_list .slick-arrow span {display:block;position:relative;text-align:center;line-height:4rem;}
.popup_wrap .popup_list .slick-arrow span:before {display:inline-block;font-family:Linearicons-Free;font-size:1.1rem;color:#fff;}
.popup_wrap .popup_list .slick-arrow.slick-prev {left:0;}
.popup_wrap .popup_list .slick-arrow.slick-prev span:before {content:"\e875";}
.popup_wrap .popup_list .slick-arrow.slick-next {right:0;}
.popup_wrap .popup_list .slick-arrow.slick-next span:before {content:"\e876";}
.popup_wrap .today {position:relative;overflow:hidden;width:100%;background:#535557;padding:5px 3%;color:#fff;font-size:1.1rem;}
.popup_wrap .today a {color:#fff;float:right;}
#main_mask {display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:34;background:#000;}

.ellipsis {
  text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ellipsis_double {
  text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*
  button
*/

a.btn_shape {
  color: #fff;
  display: inline-block;
  padding: 10px 20px;
  font-size: 1.3rem;
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

a.btn_shape.shape_red {background: #8c1e01;}
a.btn_shape.shape_gray {background: #333333;}
a.btn_shape.shape_white {background: #fff; border:1px solid #333333; color: #333333;}

::-webkit-input-placeholder {
  color: #555;
  font-size: 1.4rem;
}
input:read-only {
    background:#eeeeee !important;
}

/*
  Main
*************/
.layout_main {position: relative; padding-bottom: 4rem;}
.layout_main .main_visual_wrap {
  position: relative;
  padding: 100% 0 0;
}
.layout_main .main_visual {
position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.layout_main .main_visual .brand_ele {
  position: absolute;
  top: 10%;
  z-index: 30;
  overflow: hidden;
  width: 100%;
  text-align: left;
  line-height: 1.4;
  padding: 0 20px;
  color: #fff;
  z-index: 10;
}
.layout_main .main_visual .brand_ele dt {font-size: 2rem;}
.layout_main .main_visual .brand_ele dd {font-size: 3.5rem; font-weight: 600; letter-spacing: -1px;}
.layout_main .main_visual .brand_ele img { width: 100%; }
.layout_main .main_visual .swiper-button-prev, .layout_main .main_visual .swiper-button-next {
  padding:0 15px;
  color: #fff;
  font-size: 30px;
}
.layout_main .main_visual .swiper-button-next::before {
  content: "NEXT";
  position: absolute;
  color: #fff;
  font-size: 12px;
  margin-left: -65px;
}
.layout_main .main_visual .swiper-button-prev::before {
  content: "PREV";
  position: absolute;
  color: #fff;
  font-size: 12px;
  margin-left:65px;
}
.layout_main .main_visual div.img,
.layout_main .main_visual div.img_fixed {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout_main .main_visual div.img img,
.layout_main .main_visual div.img_fixed img {
  position: absolute;
  top: 0px;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translateX(-50%);
}
.layout_main .main_visual .swiper-slide {overflow: hidden;}
.layout_main .main_visual .slide_tit {}
.layout_main .main_visual .sales_ele {
  position: absolute;
  top: 0;
  left:0;
  z-index: 30;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: 1.4;
  padding: 10% 20px 0;
  color: #fff;
}
/*
.layout_main .main_visual .sales_ele:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  z-index: 9;
}*/
.layout_main .main_visual .sales_ele dl { position: relative; z-index: 99; }
.layout_main .main_visual .sales_ele dt {font-size: 3.5rem; font-weight: 600; letter-spacing: -1px;}
.layout_main .main_visual .sales_ele dt.tit {padding-top: .5rem;}
.layout_main .main_visual .sales_ele dd {font-size: 2rem; margin-top: 1.2rem;}
.layout_main .main_visual .sales_ele dd.btn_in {display: inline-block; background: rgba(0, 17, 64, .8); line-height: 0; border-radius: 6px;}
.layout_main .main_visual .sales_ele dd.btn_in span {display: inline-block; position: relative;}
.layout_main .main_visual .sales_ele dd.btn_in span a {color: #fff; display: block; font-size: 1.3rem; font-weight: 400; border-left:1px solid rgba(255,255,255,.1); padding: 1.3rem 1.5rem;}
.layout_main .main_visual .sales_ele dd.btn_in span:first-child a {border-left:0;}
.layout_main .main_visual .sales_ele dd.btn_in span a i {font-size: 1.3rem; display: inline-block;}

.main_visual .slide_control {position: absolute; left: 0; right: 0; bottom: 60px; z-index:80; text-align: center;}

.main_contents {overflow:hidden;}
.main_contents .main_quick {padding: 1.5rem 0; position: relative; margin-bottom: 2rem;}
.main_contents .main_quick .inner {position: relative; padding-left: 70px;}
.main_contents .main_quick::before {
  content:"";
  left: 15px;
  right: 15px;
  height: 1px;
  background:#e5e5e5;
  position: absolute;
  bottom: 0;
}
.main_contents .main_quick dl {}
.main_contents .main_quick dl dt {position: absolute; left:15px; top: 10px;}
.main_contents .main_quick dl dt strong {display: block; font-weight: 600;}
.main_contents .main_quick dl dt .tit {display: block; font-size: 1.2rem;}
.main_contents .main_quick dl dt .txt {display: block;  font-family: 'Montserrat'; font-weight: 300; font-size: 1.4rem; color: #001041;}
.main_contents .main_quick dl dd {}
.main_contents .main_quick dl dd ul {}
.main_contents .main_quick dl dd ul li {display: inline-block; padding:0 5px;}
.main_contents .main_quick dl dd ul li a {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 0.6rem;
  text-align: center;
  color: #001041;
  font-weight: 400;
  position: relative;
  padding: 0.5rem 0 0;
  width: 12rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_contents .main_quick dl dd ul li:last-child a {border-right: 1px solid #e5e5e5;}
.main_contents .main_quick dl dd ul li a strong {position: relative; z-index:61; display: inline-block; vertical-align: middle;}
.main_contents .main_quick dl dd ul li a i {vertical-align: middle; margin-right: 5px; position: relative; z-index:61;}


.main_contents .main_story .responsive_mov {
  width: 100%;
  position: relative;
  padding: 56% 0 0;
}
.main_contents .main_story .responsive_mov video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0px;
  left: 0px;
}
.main_contents .main_story .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index:60;}
.main_contents .main_story .movie_btn p {font-family: 'Montserrat', sans-serif; font-weight: 100; font-size: 1.2rem; color: #fff; opacity: .7; letter-spacing: 1px; padding-top: 10px;}
.main_contents .main_story .movie_btn a {
  width: 60px;
  height: 60px;
  z-index: 43;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  display: inline-block;
  transition: all .2s;
  background: rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.5);
  border-radius: 60px;
}
.main_contents .main_story .movie_btn a::before {
  content: "\f04b";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  color: #c9dbed;
  margin-top: 2.2rem;
}
.main_contents .main_story video {width: 100%;}

.main_contents .ico-plus {width: 11px; height: 11px; position: relative; display: inline-block;}
.main_contents .ico-plus::before {content: ""; width: 11px; height: 1px; background: #323f66; position: absolute; left: 0; top: 5px;}
.main_contents .ico-plus::after {content: ""; height: 11px; width: 1px; background: #323f66; position: absolute; left: 5px; top: 0;}


.main_contents .main_news {padding-top: 1rem;}
.main_contents .main_news .inner {}
.main_contents .main_news .inner h2 i {vertical-align: middle;}
.main_contents .main_news .control {position: relative; margin-top: 10px; overflow: hidden; padding-right: 2rem;}
.main_contents .main_news .control .more {display: block; float: right;}
.main_contents .main_news .control .more a {display: block; font-size: 1.3rem; color:#001041;}
.main_contents .main_news .control .more a i {margin-left: 5px; font-size: 1.1rem;}
.main_contents .main_news .control > a {
  display: inline-block;
  width: 29px;
  height: 29px;
  border:1px solid #e9ebf0;
  border-radius: 29px;
  text-align: center;
  padding-top: 0;
}
.main_contents .main_news .control::before {
  content:"";
  position: absolute;
  right: 10rem;
  left: 2rem;
  height: 1px;
  background: #e5e5e5;
  margin-top: -1px;
  top:50%;
}
.main_contents .main_news .control > a i {font-size:12px; color: #000; opacity: .8; vertical-align: middle; display: inline-block;}
.main_contents .main_news .news_slider {padding: 2rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_contents .main_news .news_slider li {position: relative; width:calc(49% - 5px); margin: 0 0 15px; }
.main_contents .main_news .news_slider li a {display: block; color: #001140;}
.main_contents .main_news .news_slider li dl dt {font-size: 1rem; text-align: left; font-weight: 100; letter-spacing: 1px; position: relative; padding-bottom: 1rem;}
.main_contents .main_news .news_slider li dl dt::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  background: #001140;
}
.main_contents .main_news .news_slider li dl dt em {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  width:0;
  background: #2da6d5;
  transition: width .3s ease;
}
.main_contents .main_news .news_slider li dl dd {font-size: 1.4rem; text-align: left; font-weight: 400; padding-top: 1rem;}
.main_contents .main_news .news_slider li dl dd strong {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  max-height: 3.5em;
  line-height: 1.5;
  overflow: hidden;
  transition: all .3s;
}

.main_contents .main_pr {text-align: center;}
.main_contents .main_pr .inner {padding:4rem 0;}
.main_contents .main_pr .inner dl dt {font-size: 1.8rem; color: #001041; position: relative; padding-bottom: 1.5rem;}
.main_contents .main_pr .inner dl dt strong {font-weight: 600;}
.main_contents .main_pr .inner dl dd * {vertical-align: middle;}
.main_contents .main_pr .inner dl dd i {display: inline-block; width: 5.5rem; height: 5.5rem; border-radius: 5.5rem; text-align: center;  margin-right:0.7rem;}
.main_contents .main_pr .inner dl dd a {display: inline-block; margin-left: 1.2rem;}
.main_contents .main_pr .inner dl dd a.youtube {color: #f31717;}
.main_contents .main_pr .inner dl dd a.youtube i {background:#f31717;}
.main_contents .main_pr .inner dl dd a.friend {color: #f3b802;}
.main_contents .main_pr .inner dl dd a.friend i {background:#f3b802;}
/* 202104008 추가 ksy */
.main_contents .main_pr .inner ul { margin: 0 2rem; }
.main_contents .main_pr .inner ul li { margin: 0 0 20px; }
.main_contents .main_pr .inner ul li img { width: 100%; }


/*
 Sub Page  /  Brand
*/
.thesharp_title {
  position: relative;
  /*
  padding: 148% 0 0;
   background: url("../img/sub/thesharp_bg.jpg") no-repeat 0 0;
  background-size: 100% auto; */
}
.brand_contents {position: relative; overflow: hidden;}
.brand_contents .bg_img {position:absolute; left: 0; top: 0; right: 0; bottom: 0;}
.brand_contents .page_container {position: relative; z-index: 10;}

.brand_contents .bg_img img {width: 100%;}
.brand_contents .title_area { text-align: center; padding: 22% 0 30%;}
.brand_contents .title_area h2 {
  font-size: 3.8rem;
  text-align: center;
  -webkit-text-stroke: 0.5px #fff;
  font-weight: 600;
  color: transparent;
}
.brand_contents .title_area p {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  padding-top: 1rem;
}

.brand_contents .brand_txt {padding: 12rem 0 4rem;}
.brand_contents .brand_txt .outline {
  font-size: 2.6rem;
  text-align: left;
  -webkit-text-stroke: 0.5px #fff;
  font-weight: 600;
  color: transparent;
  padding-left: 2rem;
}
.brand_contents .brand_txt dl {position: relative; padding: 4rem 2rem 6rem;}
.brand_contents .brand_txt dl.linebar {padding-top: 3rem; margin-top: 1rem;}
.brand_contents .brand_txt dl.linebar::before {
  content: "";
  width: 1px;
  height: 3rem;
  position: absolute;
  left: 2rem;
  top: 0;
  background: #fff;
}
.brand_contents .brand_txt dl dt {font-weight: 600; color: #fff; font-size: 2.4rem; padding: 1rem 0;}
.brand_contents .brand_txt dl dd {color: #fff; font-size: 1.4rem;  line-height: 1.8; font-weight: 100;}
.brand_contents .brand_txt dl dd strong {font-weight: 500;}


.brand_contents .merit_txt {padding-bottom: 5rem;}
.brand_contents .merit_txt .outline {
  font-size: 2.6rem;
  text-align: left;
  -webkit-text-stroke: 0.5px #fff;
  font-weight: 600;
  color: transparent;
  padding-left: 2rem;
}
.brand_contents .merit_txt ul {overflow: hidden; padding-top:1rem;}
.brand_contents .merit_txt ul li {padding-top: 1.5rem; margin-bottom: 1rem;}
.brand_contents .merit_txt dl {padding: 0 2rem;}
.brand_contents .merit_txt dl dt {font-weight: 600; color: #a9c0d9; font-size: 1.8rem; text-transform: uppercase; letter-spacing: 0;}
.brand_contents .merit_txt dl dd {color: #fff; padding-top: 1rem; line-height: 1.7; font-size: 1.3rem;}
.brand_contents .merit_txt dl dd strong {font-weight: 500; display:inline-block;}



.brand_contents.bg_grey {background:#3f3f41 !important; position: relative; padding-bottom: 10rem;}
.brand_contents .story_txt {padding: 6rem 2rem;}
.brand_contents .story_txt dl {position: relative;}
.brand_contents .story_txt dl dt {font-weight: 600; color: #001140; font-size: 1.8rem; line-height: 1.6; letter-spacing: -1px;}
.brand_contents .story_txt dl dt strong {font-size: 3rem; font-weight: 600; line-height: 1.2; display: block; padding-bottom: 2rem;}
.brand_contents .story_txt dl dd {color: #001140; font-size: 1.5rem; line-height: 1.8; letter-spacing: -1px; padding-top: 1.5rem;}
.brand_contents .story_txt dl dd p {padding: 10px 0;}
.brand_contents .con_line { position: absolute; width: 2px; height: 4rem; left: 0; z-index: 3;}
.brand_contents .con_line.con_upline {top: 0; background: #fff; left: 2rem;}
.brand_contents .con_line.con_btmline {bottom: 0; background: #001140;}
.brand_contents .movie_txt {position: relative; padding: 6rem 2rem 0;}
.brand_contents .movie_txt dt {font-weight: 400; color: #fff; font-size: 1.5rem; padding: 1rem 0;}
.brand_contents .movie_txt dd {color: #fff; font-size: 1.4rem;}
.brand_contents .video_box {width: 100%; position: relative; padding: 56% 0 0; margin-top: 2.5rem;}
.brand_contents .video_box video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0px;
  left: 0px;
}
.brand_contents .video_box .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index:60;}
.brand_contents .video_box .movie_btn p {font-family: 'Montserrat', sans-serif; font-weight: 100; font-size: 1.2rem; color: #fff; opacity: .7; letter-spacing: 1px; padding-top: 10px;}
.brand_contents .video_box .movie_btn button {
  width: 60px;
  height: 60px;
  z-index: 43;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  display: inline-block;
  transition: all .2s;
  background: rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.5);
  border-radius: 60px;
}
.brand_contents .video_box .movie_btn button::before {
  content: "\f04b";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  color: #c9dbed;
}
.brand_contents .video_box video {width: 100%;}

.brand_contents .brand_movie a.btn i {margin-left: 5px;}
.brand_contents .brand_movie .button_video {position: relative; text-align: right; padding-top: 20px; margin-right:2rem;}
.brand_contents .brand_movie .button_video span {position: absolute; right: 0; top: 50%; width: 100%; height: 1px; margin-top: 10px; background: #535354;}
.brand_contents .brand_movie .button_video .button_line {text-align:center; position: relative;}
.brand_contents .brand_movie .button_video a.btn {
    display: inline-block;
    font-size: 1.4rem;
    padding: 12px 20px;
    text-align: center;
    color: #fff;
    background: #001140;
    border-radius: 5px;
    font-weight: 300;
    position: relative;
    z-index: 3;
    background: #ef3f3c !important;
}

/* 상품페이지
***************************/
.design_page {overflow: hidden; padding-bottom: 2.5rem;}
.design_page img {width: 100%;}
.design_page .intro_sec {position: relative;}
.design_page .intro_sec .inner {text-align: center; color: #001140; margin: 0 -2rem;}
.design_page .intro_sec .top_txt {font-size: 1.6rem; letter-spacing: -0.5px; line-height: 1.7; padding: 2.5rem 0;}
.design_page .intro_sec .info_tit {position: absolute; left: 0; right: 0; z-index: 20; display: flex; flex-direction: column;  height: 100%;}
.design_page .intro_sec .info_tit p {font-size: 4rem; font-weight: 600; line-height:1; overflow:hidden; font-weight: 700; margin:auto 0;}
.design_page .intro_sec .line_ver {position: absolute; left: 50%; bottom: 0; width: 1px; height: 3rem; background:#001140; z-index:2;}
.design_page .intro_sec .btm_txt {line-height: 1.7; font-size: 1.5rem; padding:4rem 0; position: relative; background:#e9ebf0;}
.design_page .intro_sec .btm_txt::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 3rem;
  background:#001140;
  z-index:2;
}
.design_page .intro_sec .intro_bg {position: relative;}

.design_page .mandini_con {position: relative; padding: 10rem 0 0;}
.design_page .mandini_con::before {
  content: "";
  background:url(../img/sub/design_pattern.jpg) no-repeat 0 0;
  background-size: cover;
  width: 134px;
  height: 94px;
  position: absolute;
  top: 0;
  right: 0;
}
.design_page .mandini_con .right_txt {
  position: absolute;
  color: #001041;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.6;
  padding-left: 45%;
  top: 6rem;
}
.design_page .mandini_con .name_txt {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 60%;
  z-index: 3;
  font-weight: 700;
  font-size: 5.2rem;
  color: #e9ebf0;
  white-space: nowrap;
  letter-spacing: -1px;
}

.design_page .design_con_wrap {overflow: hidden; }
.design_page .design_con {position: relative;display:flex;margin-bottom: 10rem;padding-top: 5rem;flex-flow: column;}
.design_page .design_con.right_type .txt_sec dl {flex-direction: row-reverse}
.design_page .design_con .txt_sec {padding-top: 10%;z-index: 2;margin-bottom: -21%;}
.design_page .design_con .txt_sec dl {color:#001041;line-height: 1.6;display: flex;}
.design_page .design_con .txt_sec dl dt {
    width: 60%;
}
.design_page .design_con .txt_sec dl dd {font-size: 1.6rem;width: 40%;display: flex;/* justify-content: center; */font-weight: 700;padding-top: 3%;padding-left: 5%;}
.design_page .design_con.right_type .txt_sec dl dd {padding-left: 8%}
.design_page .design_con .img_sec {flex:1; position: relative;}
.design_page .design_con::after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1;
  background: #e9ebf0;
  height:90%;
  top: 20%;
}
.design_page .design_con .img_sec img {position: relative; z-index: 10;}
.design_page .design_con .txt_sec .line_ver {position: absolute; width: 1px; height: 3.5rem; left:2rem; background:#001041; z-index: 3; opacity: .2; transform: translateY(-50%); top: 50%;}
.design_page .design_con .txt_sec .outline_txt {
  position: absolute;
  left: 2rem;
  top: 5rem;;
  z-index:3;
  font-size: 3rem;
  text-align: left;
  -webkit-text-stroke: 0.5px #000;
  font-weight: 600;
  color: transparent;
}
.design_page .design_con .bg_txt {
  font-size: 7.5rem;
  position: absolute;
  left: 0.5rem;
  bottom: -10rem;
  white-space: nowrap;
  z-index: 10;
  color: #fff;
  letter-spacing: -1px;
  font-weight: 600;
}
.design_page .design_con.right_type .txt_sec .outline_txt {left: 50%; }
.design_page .design_con.right_type .txt_sec .line_ver {left: 50%;}
.design_page .design_con.right_type .bg_txt {left:auto; right: 2rem;}

.design_page .design_banner {padding: 5rem 0;}
.design_page .design_banner ul {}
.design_page .design_banner ul li {padding:1rem 2rem;}
.design_page .design_banner ul li .banner_con {position: relative;}
.design_page .design_banner ul li dl {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; padding: 3rem;}
.design_page .design_banner ul li dl dt {color: #fff; font-size: 1.4rem; padding-bottom: 10px;}
.design_page .design_banner ul li dl dd {color: #fff; font-size: 2rem; font-weight: 600;}

/*
.design_page .inner_slide {background:#e9ebf0; padding:3rem 2rem; position: relative;}
.design_page .inner_slide .slide_con .info {
  color: #333;
  position: absolute;
  left: 0;
  right: 0;
  padding: 1.5rem 1rem;
  background: rgba(255,255,255,.3);
}
.design_page .inner_slide .slide_con .info .tit {font-weight: 600; font-size: 1.4rem; line-height: 2;}
.design_page .inner_slide .slide_con .info .txt {font-size: 1.2rem; line-height: 1.75; word-break: keep-all;}
.design_page .inner_slide .control {text-align: center;}
.design_page .inner_slide .control a {
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  background: none;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
}
.design_page .inner_slide .control a i {display: inline-block; font-size:2rem;}
.design_page .inner_slide .control a.nav_left {left: 3rem;}
.design_page .inner_slide .control a.nav_right {right: 3rem;}
.design_page .inner_slide .control a.nav_left i {margin-left: -1px;}
.design_page .inner_slide .control a.nav_right i {margin-left: 1px;}
.design_page .inner_slide .control span {
  color:#fff;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0.7rem 1rem;
  position: absolute;
  bottom: 3rem;
  z-index: 20;
  right: 2rem;
  background: rgba(0,0,0,.2);
}
.design_page .inner_slide .control span strong {display: inline-block; padding-right:16px; margin-right: 5px; position: relative; color:#fff;}
.design_page .inner_slide .control span strong::before {
  content: "";
  width: 10px;
  height: 1px;
  background:rgba(255,255,255,.3);
  position: absolute;
  right: 0;
  top: 7px;
}
*/

.ui_tabcontents.techui .tab {width: 100%; text-align: center; border-bottom-width:1px;}
.ui_tabcontents.techui .tab li {position: relative; width: inherit;}
.ui_tabcontents.techui .tab li * {vertical-align: middle;}
.ui_tabcontents.techui .tab li a {display: block; position: relative; height: 4.5rem;}
.ui_tabcontents.techui .tab li a.on { position: relative;}
.ui_tabcontents.techui .tab_conlist {padding: 35px 0 10px;}
.ui_tabcontents.techui>.tab_conlist>li {display: none;}
.ui_tabcontents.techui .tab_conlist li.current {display: block;}
.ui_tabcontents.techui .tab li a::before {display:none;}
.ui_tabcontents.techui .tab_btn_list li a i {
  display: inline-block;
  border:1px solid transparent;
  border-radius: 36px;
  width: 36px;
  height: 36px;
  text-align: center;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: -18px;
}
.ui_tabcontents.techui .tab_btn_list li a.on i {background:#001041 url(../img/sub/tab_move_ico.png) no-repeat center center; background-size:19px 8.5px;}
.ui_tabcontents.techui .tab_btn_list li a i::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -3px;
  background: #a7abb7;
  border-radius: 6px;
}
.ui_tabcontents.techui .tab_btn_list li a.on i::before {display: none;}
.ui_tabcontents.techui .tab_btn_list li a strong {}
.ui_tabcontents.techui .tab_btn_list li a.on strong {color: #001041; font-weight: 600;}
.ui_tabcontents.techui .tab_btn_list li a.on i {border-color: #001041;}
.ui_tabcontents.techui .tab_btn_list li.on a i::before {
  background:#001041;
}
#techData {padding:3rem 0 8rem;}
.techui .content_wrap {position: relative; display:none;}
.techui .content_wrap .lnb .depth0 a {position: relative; color: #001041; padding: 1.5rem 2rem 1.5rem; display: block;  opacity: .3; border-bottom: 1px solid #d1d5de;}
.techui .content_wrap .lnb .depth0 a.on {border-bottom: 0;}
.techui .content_wrap .lnb .depth0 a.on {opacity: 1;}
.techui .content_wrap .lnb .depth0 a p.tit {font-size: 1.8rem; font-weight: 600; letter-spacing: -1px;}
.techui .content_wrap .lnb .depth0 a.on p.tit {font-size: 2.2rem;}
.techui .content_wrap .lnb .depth0 a p.txt {padding-top: 1.2rem;}
.techui .content_wrap .lnb .depth0 a p.detail {font-size: 1.6rem;}
.techui .content_wrap .lnb .depth0 a p.detail i {font-size: 1.8rem; margin-top: -4px; display: inline-block; vertical-align: middle;}
.techui .content_wrap .lnb .depth0 a.on p.detail {font-size: 2rem; font-weight: 600; letter-spacing: -1px;}
.techui .content_wrap .lnb .depth0 a.on p.detail i {display: none;}
.techui .content_wrap .video_box {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.techui .content_wrap .video_box video {width: 100%;}

.techui .content_wrap .slide_contents {position: relative;}
.techui .content_wrap .slide_contents ul {background: #f9fafb; border-top:1px solid #e1e3e9; border-bottom:1px solid #e1e3e9;}
.techui .content_wrap .slide_contents ul li {}
.techui .content_wrap .slide_contents .slide_con {position: relative; padding:1rem 0 7rem;}
.techui .content_wrap .slide_contents .slide_con .txt {font-size: 2rem; font-weight: 100; line-height: 1.2; padding: 2rem;}
.techui .content_wrap .slide_contents .slide_con .imgview {padding: 0 4rem;}
.techui .content_wrap .slide_contents .slide_con .imgview img {width:100%;}
.techui .content_wrap .slide_contents .control {
  position: absolute;
  bottom:2.2rem;
  left:50%;
  border:1px solid #c2c5cb;
  display: inline-block;
  border-radius: 25px;
  padding: .5rem 0;
  width: 10rem;
  text-align: center;
  transform: translateX(-50%);
  z-index: 20;
  background: #f9fafb;
  font-size: 1.2rem;
}
.techui .content_wrap .slide_contents .control .current {display: inline-block; color: #001140; font-weight: 500; padding: 0 5px;}
.techui .content_wrap .slide_contents .control .current::after {
  content: "/";
  display: inline-block;
  padding-left: 5px;
  color: #c2c5cb;
}

.techui .content_wrap .slide_contents .nav_left {left: 1rem; top: 50%; position: absolute; transform: translateY(-50%); z-index: 90; font-size: 2rem;}
.techui .content_wrap .slide_contents .nav_right {right: 1rem; top: 50%; position: absolute; transform: translateY(-50%); z-index: 90; font-size: 2rem;}

.techui .content_wrap .lnb .depth0.inner_tab dl {color: #001041; padding: 1.5rem 2rem 0;}
.techui .content_wrap .lnb .depth0.inner_tab dl dt {font-size: 2.4rem; font-weight: 600;}
.techui .content_wrap .lnb .depth0.inner_tab dl dd {padding: 1.2rem 0;}
.techui .content_wrap .lnb .depth0.inner_tab a p.tit {font-size: 1.6rem;}
.techui .content_wrap .lnb .depth0.inner_tab a p.tit::after {
  display: inline-block;
  font-family: Linearicons-Free;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  z-index: 1;
  font-size: 13px;
  color: #506285;
  content: "\e874";
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.techui .content_wrap .lnb .depth0.inner_tab a.on p.tit {font-size: 2rem;}
.techui .content_wrap .lnb .depth0.inner_tab a.on p.tit::after {display: none;}

@charset "utf-8";

/*
@import url("reset.css");

@import url("webfont/notokr/notosans.css");
@import url("webfont/montserrat/montserrat.css");

@import url("webfont/icon/linearicons.css");
@import url("webfont/icon/font-awesome.min.css");

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body {
  font-size: 1.4rem;
  font-family: 'Noto Sans KR';
  font-weight: 300;
}
input, button, select, textarea { font-size:14px; color:#333; }

*/
/******************************************************
  고객센터 > 메인
*****************************************************/
.cs_main .cs_info {background: #001140; border: 0.4rem solid #001140; border-radius: 0.5rem; padding: 0 3.3rem; margin: 3rem 1.5rem 4rem;}
.cs_main .cs_info .box_top {border-bottom: 0.1rem solid #334166; color: #fff; font-size: 3rem; text-align: center; font-weight: 600; padding-top: 2rem;}
.cs_main .cs_info .box_body {color: #fff; padding-top: 2rem;}
.cs_main .cs_info .box_body dl {display: table; table-layout: fixed; width: 100%; margin-bottom: 2rem;}
.cs_main .cs_info .box_body dl dt {display: table-cell; width: 7rem; font-size: 1.2rem; text-align: right; padding: 0.2rem 2rem 0 0; vertical-align: top; }
.cs_main .cs_info .box_body dl dd {display: table-cell; font-size: 1.2rem; vertical-align: top; }
.cs_main .cs_info .box_body dl dd strong {font-size: 1.6rem; font-weight: 600; display: block; padding-bottom: 1rem;}

.cs_main .as_box {
  padding: 3rem 1.7rem;
  position: relative;
  border-top: 0.1rem solid #f2f2f2;
}
.cs_main .as_box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1rem;
  background: #f9f9fb;
}
.cs_main .as_box ul {
  display: flex;
  justify-content: center;
  padding: 0;
}
.cs_main .as_box ul li {
  margin: 0 0.3rem;
  width: calc(50% - 0.3rem);
  text-align: center;
}
.cs_main .as_box ul li strong {
  display: block;
  font-size: 1.8rem;
  color: #001140;
  margin: 0 auto 1.5rem;
}
.cs_main .as_box a.link_arrow_go {
  display: inline-block;
  border:1px solid #edeff2;
  border-radius: 2.5rem;
  padding: 1rem 0.8rem 1rem 1.2rem;
  font-size: 1.5rem;
  color: #a3a3a3;
  font-weight: 300;
  transition: all .3s;
  letter-spacing: 0;
  margin: 0 0 1rem;
}
.cs_main .as_box a.link_arrow_go.mobile {
  background: #eaeaea;
}
.cs_main .as_box a.link_arrow_go i {margin-left: 0.5rem;}
.cs_main .as_box a.link_arrow_go:hover {background:#001041; color: #fff; border-color:#001041;}

.notice_box {
  text-align: center;
  border-top: 0.2rem solid #aec4d8;
  border-bottom: 0.2rem solid #aec4d8;
  padding: 2.5rem 2rem;
  background: #fafafa;
}
.notice_box p i {
  margin: 0 0.5rem 0 0;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background: url("../img/sub/icon_monitor.jpg") no-repeat 0 0;
  background-size: contain;
}
.cs_main .notice_box p { font-size: 1.3rem; letter-spacing: -1px; word-spacing: 0.1rem; }
.cs_main .notice_box p * { vertical-align: middle; }

.cs_main .repair_info {
  padding: 3rem 1.5rem 5rem;
}


.cs_main .cs_bg_sec {
  position: relative;
  /* padding: 107.9% 0 0;*/
  background: url("../img/sub/page_cs_bg.jpg") no-repeat center top; background-size: cover;
}
.cs_main .cs_bg_sec .page_container {
  padding: 4rem 5.5rem;
}
.cs_main .cs_bg_sec dl {flex: 1; color: #fff; margin: 0 0 1rem; }
.cs_main .cs_bg_sec dl dt {font-size: 2.2rem; font-family: 'Noto Sans'; font-weight: 500; position: relative; padding-bottom:1.2rem; margin-bottom: 1.2rem;}
.cs_main .cs_bg_sec dl dt::before {
  content: "";
  width: 2.4rem;
  height: 0.2rem;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
/*
.cs_main .cs_bg_sec dl.pink dt::before {background:#f84388;}
*/
.cs_main .cs_bg_sec dl dd {line-height: 1.8;}
.cs_main .cs_bg_sec dl dd .btn_in {padding: 2rem 0;}
.cs_main .cs_bg_sec dl dd .btn_in a {
  width: 100%;
  text-align: center;
    display: inline-block;
    background: #fff;
    color: #001140;
    border-radius: 0.6rem;
    transition: all .3s;
    padding: 1.5rem 1rem;
  font-size: 1.8rem;
  font-weight: 500;
}
/*
.cs_main .cs_bg_sec dl.pink dd .btn_in a {background:#f84388; color: #fff; }

*/

/******************************************************
  레이어팝업
*****************************************************/
/*
  Layer Popup
*********************************/
.layerPopup {
    position: absolute;
    z-index: 1000;
    display: none;
    left: 50%;
    top: 4rem;
    -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.5);
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.5);
    background-clip: padding-box;
    background:#fff;
  border-radius: 0.3rem;
  transform: translateX(-50%);
}
.layerPopup h3 {font-size: 3.6rem; color: #222; padding-bottom: 1.2rem;}
.layerPopup .layerPopup_in {display:block; padding: 6rem 5rem; position: relative; text-align: left;}
.layerPopup .closeLayer {width: 3rem; height: 3rem; display:inline-block;color:#4a525f; position:absolute; right:0; top:0; font-size:0; color: transparent;}
.layerPopup .closeLayer .lnr {
  font-size: 3rem;
  color: #222;
}
.imgIcon.closex:after {
  width: 4.9rem;
  height: 4.9rem;
  background-position: -68.6rem -2.1rem;
}
.layerContent {
    padding-top: 5rem;
    margin-top: 2rem;
}
.layerPopup.content_layerpop .layerPopup_in {padding: 5rem 0 5rem;}
.layerPopup.content_layerpop .layer_btmclose {text-align: center;}
.layerPopup.content_layerpop .layer_btmclose a {
    display: inline-block;
    margin: 0 1rem;
    width: 20rem;
    padding: 1.7rem 0;
    border-radius: 0.6rem;
    background: #001140;
    color: #fff;
}
/*
.content_layerpop {transform: translateX(-50%); position: absolute;}*/
.content_layerpop .layer_top #layerTit {font-size: 1.8rem; font-weight: 500; color: #001041; padding: 0 1rem 1rem; letter-spacing: -1px; }
.content_layerpop .closeLayer {top: 1rem; right: 1rem;}
.layerPopup.content_layerpop {width: 90%;}
.layerPopup.content_layerpop .layer_btmclose {text-align: center;}
.layerPopup.content_layerpop .layer_btmclose a {
    display: inline-block;
    margin: 0 1rem;
    width: 20rem;
    padding: 1.7rem 0;
    border-radius: 0.6rem;
    background: #001140;
    color: #fff;
}
/******************************************************
  고객센터 > A/S 처리절차 안내 (레이어팝업)
*****************************************************/
.cs_step_pop {padding: 0 0 3rem;}
.cs_step_pop .step_con {padding: 3rem 1rem;}
.cs_step_pop .step_ok {border-top: 0.1rem solid #e5e5e5; border-bottom: 0.1rem solid #e5e5e5; text-align: center;  padding: 1.8rem 0; color: #001140;}
.cs_step_pop .step_ok a {
    display: inline-block;
    margin-left: 1rem;
    border: 0.1rem solid #ddd;
    border-radius: 1.6rem;
    padding: 0.5rem 1.2rem 0.5rem 1.6rem;
    font-size: 1.4rem;
    color: #2d2d2d;
    font-weight: 300;
    transition: all .3s;
}
.cs_step_pop .step_ok a i {font-size: 1.2rem; margin-left: 0.5rem;}
.cs_step_pop .step_ok a:hover {background:#001041; color: #fff; border-color:#001041;}

/******************************************************
  고객센터 > 상담처리절차 안내 (레이어팝업)
*****************************************************/
.cs_process_pop .notice_box { margin: 0 0 3rem; }
.cs_process_pop .process_step { display: flex; padding: 0 0.7rem; }
.cs_process_pop .process_step li { font-size: 1.2rem; font-weight: 500; width: 25%; height: 7.5rem; margin: 0 0.3rem; text-align: center; color: #273d6b; position: relative; background: #f1f2f6; border: 0.1rem solid #ececec; display: flex; align-items: center; justify-content: center; }
.cs_process_pop .process_step li:before {
  content: "1";
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  margin: 0 0 0 -1rem;
  background: #273d6b;
  border-radius: 100%;
  color: #fff;
}
.cs_process_pop .process_step li:nth-of-type(1):before { content: "1";}
.cs_process_pop .process_step li:nth-of-type(2):before { content: "2";}
.cs_process_pop .process_step li:nth-of-type(3):before { content: "3";}
.cs_process_pop .process_step li:nth-of-type(4):before { content: "4";}
.cs_process_pop .process_con {border-top: 0.1rem solid #ddd; color: #78787a; padding: 2.5rem 1.5rem;}
.cs_process_pop .process_con .tit {color: #001041; padding-bottom: 1rem; font-size: 1.3rem; }
.cs_process_pop .process_con ul.bl_dot {}
.cs_process_pop .process_con ul.bl_dot li {font-size: 1.2rem; padding-left: 1rem; position: relative;}
.cs_process_pop .process_con ul.bl_dot li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0px;
  width: 0.4rem;
  height: 0.4rem;
  background:#001041;
  border-radius: 100%;
}
/******************************************************
  고객센터 > 하자의 범위 및 시공사별 하자담보 책임기간 (레이어팝업)
*****************************************************/
.cs_repair_pop { border-top: 0.2rem solid #a7bfd6; padding: 0 1rem; }
.cs_repair_pop .repair_con {margin-top: 2rem;}
.cs_repair_pop .repair_con .scroll_box {height: 23rem; font-size: 1.3rem; padding: 2rem; overflow-y:auto; border:1px solid #ececec;}
.cs_repair_pop .repair_con .tit {color: #001041; font-size: 1.4rem; padding-bottom: 1rem; font-weight: 500; }
.cs_repair_pop .repair_con .txt {color: #001041; font-size: 1.3rem; padding-bottom: 2rem;}
.cs_repair_pop .repair_con .scroll_box ol.num { padding: 0 0.5rem; }
.cs_repair_pop .repair_con .scroll_box ol.num>li { list-style: decimal; padding: 0 0 0 0.5rem; }
.cs_repair_pop .repair_con .bl_billi {font-size:1.2rem; padding: 2rem 0; }
.cs_repair_pop .repair_con .bl_billi li { text-indent: -1rem; padding: 0 0 0 1rem; }
.cs_repair_pop .repair_con .bl_billi li:before { content: "※"; margin: 0 0.4rem 0 0; }
/* .document .common_tb_row {margin: -2rem; } */
.document .common_tb_row thead th {text-align: center; color: #001041; font-weight: 500; font-size: 1.4rem; border: 0.1rem solid #e5e5e5; padding: 0.5rem; }
.document .common_tb_row thead tr:first-child th { border-top: 0.2rem solid #a7bfd6; }
.document .common_tb_row tbody td {text-align: center; font-size: 1.2rem; border: 0.1rem solid #e5e5e5; padding: 0.5rem; }
.document .bl_line>li {line-height: 1.6; font-size: 1.4rem;}


/******************************************************
  검색결과 레이어
*****************************************************/
.contact_list {border-top: 0.1rem solid #9ab5d0; margin: 0 0 3rem;}
.contact_list .form_feild {display: flex; flex-wrap: wrap;}
.contact_list .form_feild dt {width: 30%; min-height: 4rem; font-size: 1.3rem; color: #73798a; padding: 0.5rem 0.3rem; font-weight: 500; text-align: center; border-bottom: 0.1rem solid #9ab5d0;}
.contact_list .form_feild dd {width: 40%; min-height: 4rem; font-size: 1.3rem; font-weight: 500; color: #001140; padding: 0.5rem 0.3rem; border-bottom: 0.1rem solid #9ab5d0;}
.contact_list .form_feild dd.phone {width: 30%;  font-family: "Montserrat"; font-size: 1.3rem; font-weight: 600; border-bottom: 0.1rem solid #9ab5d0;}
.contact_list .nodata {font-weight: 500; text-align: center; color: #001140; padding: 5rem 0; border-bottom: 0.2rem solid #9ab5d0;}



/******************************************************
  공통 > 반투명 레이어
*****************************************************/
#layerScreen{z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=30);opacity:0.6;-moz-opacity:0.3;display:none;}

/******************************************************
  고객센터 서브 타이틀 영역
*****************************************************/
.sub_cs .sub_top {
  margin: 0 0 4rem;
  padding: 0 2rem;
  height: 24rem;
  background: url("/resources/img/sub/sub_top_customer.jpg") no-repeat;
  background-size: cover;
}
.sub_cs .sub_top .sub_home {
  padding: 3.5rem 0 2.5rem;
}
.sub_cs .sub_top .sub_home a {
  border: 0.1rem solid #fff;
  border-radius: 2rem;
  color: #fff;
  font-size: 1.5rem;
  padding: 1rem;
}
.sub_cs .sub_top h2 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  padding: 0 0 0.5rem 1rem;
}
.sub_cs .sub_top ul {
  padding: 0 0 0 1rem;
}
.sub_cs .sub_top ul li {
  color: #fff;
  font-size: 1.5rem;
  position: relative;
  padding: 0 0 0 1rem;
}
.sub_cs .sub_top ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0px;
  width: 0.4rem;
  height: 0.4rem;
  background: #fff;
  border-radius: 1rem;
}
.search_bar { padding: 2.5rem 2rem; }
.search_bar .search_in {display: inline-block;width: 100%;position: relative;border-radius: 0.5rem;text-align:left;height: 4.5rem;/* overflow: hidden; */}
.search_bar .search_in .placeholder {display: block; width: 85%; }
.search_bar .search_in .placeholder label {font-size: 1.5rem; color: #7f8ea5; top: 1.2rem;}
.search_bar .search_in input[type="text"] {background:#c9dbed;border: none;width: 68%;height: 4.5rem;padding: 0.5rem 0.5rem 0.5rem 2rem;border-radius: 6px;}
.search_bar .search_in input[type="text"]:focus { background:#c9dbed; }
/*.search_bar .search_in input::placeholder, .search_in input::-webkit-input-placeholder { color: #7f8ea5; padding: 0 1.5rem; }*/
.search_bar .search_in a {color: transparent;height: 5rem;right: 0;top: 0;font-size: 0;width: 5rem;position: absolute;}
.search_bar .search_in a:before {
  content: "\e86f";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  pointer-events: none;
  z-index: 1;
  font-size: 1.8rem;
  color: #001140;
}
.contact_table h3 {
  font-size: 1.8rem;
  color: #001140;
  margin: 0 0 2rem;
  font-weight: 500;
  padding: 0 2rem;
}
.contact_table {margin: 0 0 5rem; border-top: 0.2rem solid #a7bfd6;}
.contact_table ul li:first-child {border-top: 0.1rem solid #e5e5e5;}
.contact_table ul li {  border-bottom: 0.1rem solid #e5e5e5;}
.contact_table dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact_table dl dt {
  font-weight: 500;
  font-size: 1.3rem;
  /* padding: 1rem 1rem 1rem 2rem; */
  /* width: 60%; */
  padding: 1rem 0;
  flex: 1;
  margin-left: 6%;
}
.contact_table dl dd {
  font-size: 1.4rem;
  font-weight: 600;
  flex: 1;
  text-align: center;
  /* padding: 1rem 2rem 1rem 0; */
  /* width: 40%; */
  font-family: "Montserrat";
}
.contact_table .contact_title {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    /* padding: 20px; */
    text-align: center;
    /* border-top: 2px solid #b3bac4; */
}
.contact_table .no_result {
  display: none;
  padding: 16px;
  font-size: 1.3rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  color: #001041;
}
.contact_table .contact_title dt,
.contact_table .contact_title dd {
  flex:1;
  margin: 0;
}
div.line {
  border-top: 0.1rem solid #e7e7e7;
  height: 1.0rem;
  background: #f9f9fb;
}
.mk_center { padding: 0 0 4rem; }
.rounge { padding: 0 0 4rem; }

/*
로그인
****************/
.layout_login {position: relative;}
.login_page {background:url(../img/sub/login_bg.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; min-height: 80rem; position: relative;}
.login_page .login_wrap {width: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); text-align: center;}
.login_page .member_title { overflow: hidden; }
.login_page .member_title .outline {}
.login_page .member_title .outline svg { padding: 0 2rem; }
.login_page .member_title .outline svg text {
    fill: none;
    stroke: #fff;
    stroke-width: 0.1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.1rem;
    font-size: 2rem;
}
.login_page .login_wrap .inner {background: rgba(255,255,255,.9); padding: 5rem 2rem;}
.login_page .login_wrap .txt_box {}
.login_page .login_wrap .txt_box dt img { width: 13.5rem; }
.login_page .login_wrap .txt_box dd {color: #001041; font-size: 1.6rem; font-weight: 300; padding-top: 3rem;}

.out_login {background:#efefef; padding: 10rem 15px 20rem; border:1px solid #e5e5e5; border-radius: 0.6rem;}
.out_login .txt_box {color: #001041; font-size: 1.7rem; font-weight: 300; padding-bottom: 1.5rem; text-align: center;}
.out_login .txt_box strong {font-weight: 600;}

.login_page .login_area { width: 100%; margin: 3rem auto 0; position: relative; }
.login_page .login_area dl {
  display: table;
  table-layout: fixed;
  width: calc(100% - 9rem);
  position: relative;
}
.login_page .login_area dl dt {
  display: table-cell;
  width: 5rem;
  position: relative;
  vertical-align: middle;
  background: #fff;
  text-align: center;
}
.login_page .login_area::before {content: ""; background: #e5e5e5; position: absolute; left: 0; right: 13rem; top: 4.2rem; width: 100%; height: 0.1rem; z-index:2;}
/*
.login_page .login_area .ico-login-id {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("/resources/img/sub/ico_login_id.png") no-repeat;
  background-size: contain;
}
.login_page .login_area .ico-login-pw {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("/resources/img/sub/ico_login_pw.png") no-repeat;
  background-size: contain;
}
*/
.login_page .login_area dl.id_cell dt {border-top-left-radius: 0.5rem;}
.login_page .login_area dl.id_cell dd {border-top-right-radius: 0.5rem;}
.login_page .login_area dl.pw_cell dt {border-bottom-left-radius: 0.5rem;}
.login_page .login_area dl.pw_cell dd {border-bottom-right-radius: 0.5rem;}
.login_page .login_area dl dt * {vertical-align: middle;}
.login_page .login_area dl dt i {}
.login_page .login_area dl dd {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  background: #fff;
  height: 4.2rem;
  padding-left: 1rem;
}
.login_page .login_area dl dd input {width: 100%; height: 4.2rem; border: 0; background:transparent;}
.login_page .login_area dl dd .placeholder label {font-size: 1.5rem; color: #001140; font-weight: 300;}
.login_page .login_area dl dd .placeholder { width: 100%; vertical-align: middle;}
.login_page .login_area a.btn {
  display: block;
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
  background: #001140;
  border-radius: 0.5rem;
  font-weight: 300;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  height: 8.5rem;
  width: 8.5rem;
  padding-top: 3rem;
  transition: all .3s ease;
}
.login_page .login_area a.btn:hover {background: #273d6b;}
.login_page .login_wrap .other_btns {text-align: center; width:100%; margin-top: 1rem;}
.login_page .login_wrap .other_btns li {display: inline-block;}
.login_page .login_wrap .other_btns li a {display: block; padding: 0.8rem 1.5rem; position: relative; color: #001140;}
.login_page .login_wrap .other_btns li a::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  position: absolute;
  left: -0.2rem;
  top: 1.7rem;
  background: #001140;
}
.login_page .login_wrap .other_btns li:first-child a::before {background:transparent;}
.login_page .login_wrap .no_member {width: 100%; margin:0 auto; padding-top: 1rem;}
.login_page .login_wrap .no_member a {
  display: block;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  background: #273d6b;
  border-radius: 0.5rem;
  font-weight: 300;
  padding: 1rem 0;
  transition: all .3s ease;
}
.login_page .login_wrap .no_member a:hover {background: #001140;}
.login_page .tip {
  padding: 2rem 0 0;
  color: #001041;
  font-size: 1.4rem;
  text-align: center;
}


/******************************************************
  layout_login
*****************************************************/
.layout_login {}
.layout_login .top_area {height: 415px; background: #c9dbed; position: relative;}
.layout_login .cms_page_area {}
.layout_login .top_area .title_info {
  position: absolute;
  top:50%;
  left:50%;
  z-index: 30;
  overflow: hidden;
  max-height: 4.2em;
  text-align: left;
  line-height: 1.4;
  padding: 0 20px;
  transform: translateY(-50%);
  display: table;
  table-layout: fixed;
  padding-top: 100px;
  padding-bottom: 40px;
  margin-left: -550px;
}
.layout_login .top_area .title_info dt {display: table-cell; width: 46%; vertical-align: middle; color: #001140; font-size: 80px; font-weight: 600;}
.layout_login .top_area .title_info dd {display: table-cell; vertical-align: middle; color:#001140; font-weight: 300; line-height: 1.8; font-size: 17px; position: relative; padding-left: 30px;}
.layout_login .top_area .title_info dd::before {
  content: "";
  width: 1px;
  height: 75px;
  background: #001140;
  opacity: .2;
  position: absolute;
  left: 0;
  opacity: .2;
}
.layout_login .top_area .title_info dd a {
    display: inline-block;
    border: 1px solid #8c9eb9;
    border-radius: 18px;
    padding: 4px 12px 4px 16px;
    font-size: 15px;
    color: #001140;
    font-weight: 300;
    transition: all .3s;
    letter-spacing: 0;
}
.layout_login .top_area .title_info dd a i {font-size: 12px; margin-left: 5px;}
.layout_login .top_area .title_info dd a:hover {background:#001041; color: #fff; border-color:#001041;}
.layout_login .top_area .title_info dd p {font-size: 14px; color: #001140; line-height: 1.6; padding-top: 10px;}

/******************************************************
  회원가입
*****************************************************/
.join .join_step {}
.join .join_step ul {display: table; table-layout: fixed; width: 100%;}
.join .join_step ul li {height: 60px; text-align: center; position: relative; display: table-cell; vertical-align: middle; padding-right: 15px;}
.join .join_step ul.step1 {background: url(../img/sub/join_step_bar1.png) no-repeat; background-size: 100% 60px;}
.join .join_step ul.step2 {background: url(../img/sub/join_step_bar2.png) no-repeat; background-size: 100% 60px;}
.join .join_step ul.step3 {background: url(../img/sub/join_step_bar3.png) no-repeat; background-size: 100% 60px;}
.join .join_step ul li:first-child {border-top-left-radius: 9px; border-bottom-left-radius: 9px;}
.join .join_step ul li:last-child {border-top-right-radius: 9px; border-bottom-right-radius: 9px;}
.join .join_step ul li.current {color: #fff;}
/*.join .join_step ul li::before {
    content:"";
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 80px;
    background: url(../img/sub/join_step_arrow.png) no-repeat;
}
.join .join_step ul li.current::before {background: url(../img/sub/join_step_arrow_on.jpg) no-repeat;}
.join .join_step ul li:last-child::before {background: none;}*/
.join .join_step ul li i {display: inline-block; margin-right: 20px;}
.join .join_step ul li .ico-img:after {vertical-align: middle;}
.join .join_step ul li strong {color:#939394; font-weight: 600; display: block;}
.join .join_step ul li.current .ico-img:after {background-position-y:-39px;}
.join .join_step ul li.current strong {color: #fff;}


.join .join_conlist {border-bottom: 1px solid #e5e5e5; padding: 60px 15px; width: 95%; margin: 0 auto;}
.join .join_conlist h3 {font-size: 28px; color: #001041; font-weight: 600; padding-bottom: 20px;}
.join .join_conlist .summary {color: #001041; font-size: 15px; font-weight: 300; line-height: 1.6; padding: 0 0 20px;}
.join .join_conlist .agree_tit {display: table; table-layout: fixed; width: 100%; padding: 10px 0 25px;}
.join .join_conlist .agree_tit dt {display: table-cell; width: 210px; color: #001041; font-size: 19px; font-weight: 600; letter-spacing: -1px;}
.join .join_conlist .agree_tit dd {display: table-cell; font-size: 15px;}
.join .join_conlist .agree_txt {border: 1px solid #e5e5e5; height: 180px; padding: 30px; overflow-y:auto; border-radius:6px;}
.join .join_conlist .agree_btm {text-align: left; padding: 20px 0; font-size: 15px;}
.join .join_conlist .agree_btm label {display: inline-block; font-size: 3.8vw;}
.join .join_conlist .agree_cont {border: 1px solid #e5e5e5;}
.join .join_conlist .agree_cont ul {padding: 6%;}
.join .join_conlist .agree_cont .btn_detail {color: #78787a; font-weight: 300; padding-bottom: 2px; border-bottom: 1px solid #78787a;}
.join .join_conlist .summary h4, .join .join_conlist .summary p {padding: 0;}

.join .join_conlist ul li {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.join .agree_btm dl {display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #e5e5e5;}
.join .agree_btm dl dt {display: table-cell; color: #001041; font-size: 16px; font-weight: 400; letter-spacing: -1px; padding-left: 17px;}
.join .agree_btm dl dd {display: table-cell; font-size: 15px;  width: 320px; text-align: right; color: #001041;}
.join .agree_btm dl dd label {display: inline-block; margin-left: 10px;}

.join .all_agree_box {text-align: center; padding: 30px 0; background: #fbfbfb; border-top: 1px solid #e5e5e5; border-radius:6px; font-weight: 300; color: #001041; font-size: 15px;}
.join .auth_con {padding: 80px 0 50px;}
.join .auth_con h3 {font-size: 28px; color: #001041; font-weight: 600; padding-bottom: 20px;}
.join .auth_con .inner {display: block; width: 100%;}
.join .auth_con .inner .left_auth {width: 100%; vertical-align: top;}
.join .auth_con .inner .right_auth {width: 100%; vertical-align: top; position: relative;}

.join .auth_con .inner  dl {}
.join .auth_con .inner  dl dt {font-weight: 600; color: #001041; font-size: 19px; padding-bottom: 20px;}
.join .auth_con .inner  dl dd p {font-size: 14px; padding-bottom: 10px;}
.join .auth_con .inner .left_auth .btn_in {overflow: hidden; margin:0 -10px; padding-bottom: 20px;}
.join .auth_con .inner .left_auth .btn_in span {float: left; width:50%; padding: 0 10px;}
.join .auth_con .inner .left_auth .btn_in a {
  text-align: center;
  display: inline-block;
  color: #fff;
  background: #001140;
  padding: 45px 0;
  font-size: 15px;
  border-radius: 6px;
  width:100%;
}
.join .auth_con .inner .right_auth .login_form {padding-right: 120px; position: relative; margin-bottom: 20px; width:inherit; margin-top: 0;}
.join .auth_con .inner .right_auth .login_form a {
  position: absolute;
  right: 0;
  top:0;
  bottom: 0;
  width:115px;
  text-align: center;
  display: block;
  color: #fff;
  background: #273d6b;
  padding-top: 43px;
  font-size: 15px;
  border-radius: 6px;
  height: 110px;
}
.join .form_cell {display: flex;}
.join .form_cell > span {flex: 1 auto;}
.join .form_cell > span input {width: 100%; border-color:#e5e5e5; border-radius: 4px; height: 50px;}
.join .form_cell > span.dash {padding-left: 12px; position: relative;}
.join .form_cell > span.dash::before {
  content: "";
  width: 4px;
  height: 1px;
  position: absolute;
  left: 3px;
  top:50%;
  background: #001041;
}
.join .form_cell.form-col-3x {}
.join .form_cell.form-col-3x > span {}
.join .form_cell > span.placeholder label {color:#4c577a; font-size: 14px; top:14px; left: 14px;}
.join .join_form {border-top: 2px solid #a7bfd6; margin: 100px 0;}
.contract_yes .join .join_form {border-top: 0; margin: 0;}

.join .join_end {padding: 60px 0;}
.join .join_end .end_title {font-size: 6vw; line-height: 7vw; color: #001041; text-align: center;}
.join .join_end .end_title strong {font-weight: 700;}
.join .join_end .end_box {text-align: center;}
.join .join_end .end_box img {width: 50vw; margin: 30px 0;}



.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 900; display: none;}

/******************************************************
  아이디 찾기, 비밀번호 찾기
*****************************************************/
.id_search_page {width: 100%; overflow-x: hidden; padding: 0 10% 100px;}
.id_search_page .arrow_line {height: 14px; width: 100%; background: url(../img/sub/id_search_arrow.jpg) no-repeat 0 0; margin-top: 10px; border-bottom: 1px solid #f2f2f2;}
.id_search_page .step_search {display: table; table-layout: fixed; width:100%; padding: 35px 0 10px;}
.id_search_page .step_search .left_step {width: 100%; vertical-align: top;}
.id_search_page .step_search .left_step dl {}
.id_search_page .step_search .left_step dl dt {font-size: 22px; color:#001140; font-weight: 700; padding-bottom: 10px;}
.id_search_page .step_search .left_step dl dd {color:#001140;}
.id_search_page .step_search .right_con {display: block; vertical-align: top; margin-top: 15px;}
.id_search_page .step_search .right_con .btn_in {display: flex; margin: 0 -5px;}
.id_search_page .step_search .right_con .btn_in span {flex: 1; padding: 0 5px;}
.id_search_page .step_search .right_con .btn_in span a {display: block; text-align: center; background: #f1f1f1; color:#78787a; border-radius: 6px; font-size: 15px; transition: all .5s;}
.id_search_page .step_search .right_con .btn_in span a i {}
.id_search_page .step_search .right_con .step1_btns span a {height: 120px; padding-top: 18px;}
.id_search_page .step_search .right_con .step1_btns span.on a {color:#fff; background: #001140;}
.id_search_page .step_search .right_con .step1_btns span.on i {background-position-y:-56px !important;}
.id_search_page .step_search .right_con .step1_btns input {position: absolute; left: -99em; top: -99em;}
.id_search_page .step_search .right_con .step1_btns span a i {display: block; text-align: center; width: 100% !important; margin-bottom: 10px;}
.id_search_page .step_search .right_con .step1_btns span a i.ico-search-email {padding: 10px 0; height:auto !important;}
.id_search_page .step_search .right_con .step1_btns span a i::before {display: inline-block;}
.id_search_page .step_search .right_con .step2_btns span a {height:60px; padding-top: 18px;}
.id_search_page .step_search .right_con .step2_btns span a i {margin-right: 5px; opacity: 0; display:none;}
.id_search_page .step_search .right_con .step2_btns span.on a i {opacity: 1; display:inline-block;}
.id_search_page .step_search .right_con .step2_btns span.on a {color: #fff; background: #001140;}

.id_search_page .step_search .login_form {position: relative; margin-bottom: 20px; width:inherit; padding: 0; background: #fff; margin-top: 10px;}
.id_search_page .step_search .login_form a {
  position: relative;
  right: 0;
  top:0;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: block;
  color: #fff;
  background: #273d6b;
  padding-top: 17px;
  font-size: 15px;
  border-radius: 6px;
  height: 55px;
  margin-top: 10px;
}
.id_search_page .step_search .login_form .form_cell {display: flex;}
.id_search_page .step_search .login_form .form_cell > span {flex: 1;}
.id_search_page .step_search .login_form .form_cell > span input {width: 100%; border-color:#e5e5e5; border-radius: 4px; height: 50px;}
.id_search_page .step_search .login_form .form_cell > span.dash {padding-left: 12px; position: relative;}
.id_search_page .step_search .login_form .form_cell > span.dash::before {
  content: "";
  width: 4px;
  height: 1px;
  position: absolute;
  left: 3px;
  top:50%;
  background: #001041;
}
.id_search_page .step_search .login_form .form_cell.form-col-3x {}
.id_search_page .step_search .login_form .form_cell.form-col-3x > span {}
.id_search_page .login_form::before {display: none;}


.id_search_page .step_search .login_form_id {width:inherit; text-align: center; margin: 30px 0;}
.id_search_page .step_search .login_form_id * {vertical-align: middle;}
.id_search_page .step_search .login_form_id .form_cell {display: none;}
.id_search_page .step_search .login_form_id .form_cell input {
  width: 100%;
  border-color: #e5e5e5;
  border-radius: 4px;
  height: 50px;
}
.id_search_page .step_search .login_form_id a {
  width:160px;
  text-align: center;
  color: #fff;
  display: inline-block;
  background: #273d6b;
  font-size: 15px;
  border-radius: 6px;
  height: 50px;
  padding-top: 14px;
}
.id_search_page .step_search .login_form_id .form_cell > span.placeholder label {color:#4c577a; font-size: 14px; top:14px; left: 14px;}



.id_search_page .step_search .login_form .form_cell > span.placeholder label {color:#4c577a; font-size: 14px; top:14px; left: 14px;}
.id_search_page .result_tit {font-size: 28px; text-align: center; color: #001140; padding: 40px 0;}
.id_search_page .result_tit strong {font-weight: 600;}
.id_search_page .btm_comment {border:1px solid #e5e5e5; border-radius: 6px; text-align: center; padding: 45px 0; color: #001140; position: relative; padding-top: 50px !important;}
.id_search_page .btm_comment i {vertical-align: middle;}
.id_search_page .btm_comment dl {}
.id_search_page .btm_comment dl dt {font-size: 15px;}
.id_search_page .btm_comment dl dd {font-size: 15px; padding-top: 30px;}
.id_search_page .btm_comment dl dd strong {display: inline-block; padding-right: 10px; margin-right: 6px; font-weight: 400; position: relative;}
.id_search_page .btm_comment dl dd strong::before {
  content: "";
  width:1px;
  height: 13px;
  background: #e5e5e5;
  position: absolute;
  right: 0;
  top:4px;
}
/* .id_search_page .btm_comment .icon {position: absolute; left: 50%; top: -30px; z-index: 10; transform:  translateX(-50%);} */
.id_search_page .btm_comment .icon img {margin-bottom: 60px;}
.id_search_page .btm_comment .btn {
    width: 190px;
    display: inline-block;
    color: #fff;
    background: #001140;
    padding: 20px 0;
    font-size: 16px;
    border-radius: 6px;
    margin-top: 30px;
}



/******************************************************
  마이더샵 > 메인
*****************************************************/
.mythe_main .top_banner { padding: 5rem 1.5rem 0; }
.mythe_main .top_banner .banner_list { display: flex; overflow: hidden; justify-content: space-between;}
.mythe_main .top_banner .banner_list li { width: calc(50% - 0.7rem); margin: 0 0 1.5rem;}
.mythe_main .top_banner .banner_list li .banner_con { width: 100%; padding: 100% 0 0; position: relative; }
.mythe_main .top_banner .banner_list li a {display: block; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 0.6rem; width: 100%;  height: 100%; }
.mythe_main .top_banner .banner_list li a i.ico-cs-main1 {
  display: block;
  margin: 0 auto 0.5rem;
  width: 2.1rem;
  height: 2.1rem;
  background: url("../img/sub/icon_zoom_w.png") no-repeat;
  background-size: contain;
}
.mythe_main .top_banner .banner_list li a i.ico-cs-main2 {
  display: block;
  margin: 0 auto 0.5rem;
  width: 2.1rem;
  height: 2.1rem;
  background: url("../img/sub/icon_case_w.png") no-repeat;
  background-size: contain;
}
.mythe_main .top_banner .banner_list li a strong {
  display:block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  color: #fff;
  z-index:2;
  font-weight: 500;
  font-size: 1.8rem;
}
.mythe_main .top_banner .banner_list li a strong i {vertical-align:middle; margin-right: 0.3rem;}
.mythe_main .top_banner .banner_list li a .bg {}
.mythe_main .top_banner .banner_list li a .bg img {transition: all .3s ease; width: 100%; }
.mythe_main .top_banner .banner_list li a .bg::before {
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.2);
  position: absolute;
  z-index: 1;
  transition: all .5s ease;
}
.more_tip {
  padding: 1rem;
  margin: 0 1.5rem 4.5rem;
  border: 0.1rem solid #b8ddf4;
  border-radius: 0.5rem;
  text-align: center;
  color: #001140;
  font-size: 1.3rem;
}
.my_main_content h3 { color: #001041; font-weight: 600; padding: 3.5rem 1.5rem 2rem; font-size: 1.8rem; position: relative; }
.my_main_content h3:before {
  border-top: 0.1rem solid #f2f2f2;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1rem;
  background: #f9f9fb;
}

.my_main_content { margin: 0 0 4.5rem; }
.my_main_content h3 a {display: inline-block; position: absolute; right: 1.5rem; top: 4rem; font-size: 1.5rem; font-weight: 400; color: #001041;}
.my_main_content h3 a i {font-size: 1.4rem;}
.my_main_content ul.list {border-top: 0.2rem solid #a7bfd6;}
.my_main_content ul.list li {}
.my_main_content ul.list li.nodata { font-size: 1.4rem; text-align: center; padding: 8rem 0; color: #001041; border-bottom: 0.1rem solid #e5e5e5;}
.my_main_content ul.list li a {display: block; border-bottom: 0.1rem solid #e5e5e5; padding: 0.6rem 0;}
.my_main_content ul.list li dl {display: table;table-layout: fixed; width: 100%;}
.my_main_content ul.list li dl dt.cate {text-align: center; display: table-cell; width: 10rem;}
.my_main_content ul.list li dl dt.tit {text-align: left; display: table-cell;}
.my_main_content ul.list li dl dt .box-label {display: inline-block; background: #fff; border: 0.1rem solid #e9ebf0; font-size: 1.3rem; padding: 0.5rem 1rem; color: #001041;}
.my_main_content ul.list li dl dt strong {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #001041;
    opacity: .7;
    font-size: 1.5rem;
    transition: all .3s;
}
.my_main_content ul.list li a:hover dl dt strong {opacity: 1;}
.my_main_content ul.list li dl dd {display: table-cell; text-align: center; padding: 1rem; width: 10rem; color: #001041; font-size: 1.5rem; opacity: .7;}

.my_main_content .thumb_sales {border-top: 0.2rem solid #a7bfd6; padding: 3rem 0;}
.my_main_content .thumb_sales ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0.7rem; }
.my_main_content .thumb_sales ul li { width: 50%; margin: 0 0 1.5rem; }
.my_main_content .thumb_sales ul li.nodata { margin: 0 -7px 1.5rem; text-align: center; padding: 8rem 0; color: #001041; width: calc(100% + 14px); border-bottom: 0.1rem solid #e5e5e5;}
.my_main_content .thumb_sales ul li a { display: block; border: 0.1rem solid #e5e5e5; margin: 0 0.7rem; border-radius: 0.5rem; }
.my_main_content .thumb_sales ul li .thumb_img { position: relative; overflow: hidden; width: 100%; padding: 70% 0 0; z-index:2;}
.my_main_content .thumb_sales ul li .thumb_img em {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3.4rem;
  height: 3.4rem;
  color:#fff;
  background:rgba(0,16,65,.7);
  display: inline-block;
  font-weight: 300;
  text-align: center;
  z-index: 20;
}
.my_main_content .thumb_sales ul li .thumb_img i {
  transition: all .3s;
  display: inline-block;
  position: relative;
}
.my_main_content .thumb_sales ul li a .thumb_img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.my_main_content .thumb_sales ul li a:hover .thumb_img img {transform: scale(1.2);}
.my_main_content .thumb_sales ul li a:hover .thumb_img i {transform: rotate(180deg);}
.my_main_content .thumb_sales ul li .thumb_img i::before {content:""; width: 1.5rem; height: 0.1rem; background: #fff; position: absolute; transform: translateX(-50%); top: 50%;}
.my_main_content .thumb_sales ul li .thumb_img i::after {content:""; width: 0.1rem; height: 1.5rem; background: #fff; position: absolute; transform: translateY(-50%); top: 50%;}
.my_main_content .thumb_sales ul li dl {padding: 2rem 0; color: #001041; text-align: center;}
.my_main_content .thumb_sales ul li dl dt {padding-bottom: 0.5rem; font-size: 1.5rem;}
.my_main_content .thumb_sales ul li dl dd {font-size: 2rem; font-weight: 600;}
.my_main_content .thumb_sales ul li dl dd strong {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #001041;
    font-size: 1.8rem;
    padding: 0 1rem;
}

/******************************************************
  마이더샵 > 서브
*****************************************************/
.mythe_sub { padding: 3rem 0; }

.contract_tit { position: relative; margin: 0 2rem; }
.contract_tit dl { display: table; table-layout:fixed; width: 100%;}
.contract_tit dl dt {
  background: #273d6b;
  display: table-cell;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  height: 6rem;
  vertical-align: middle;
  padding-left: 3rem;
  color: #fff;
}
.contract_tit dl dt span {opacity: .3; font-weight: 300; display: inline-block; font-size: 1.8rem;}
.contract_tit dl dt strong {
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
  position: relative;
  color: #fff;
}
.contract_tit dl dd {display: table-cell; width: 6rem; vertical-align:middle;}
.contract_tit dl dd a {
  display: block;
  height: 6rem;
  background: #001041;
  color: #fff;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  text-align: center;
  padding-top: 1.5rem;
  transition: all .3s ease;
}
.contract_tit dl dd a i {
  border:1px solid rgba(255,255,255,.2);
  border-radius: 3rem;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  padding-top: 0.7rem;
  font-size: 1.4rem;
  transition: all .3s ease;
}
.contract_tit dl dd a.on {background:#273d6b;}
.contract_tit dl dd a.on i {
 transform: rotate(180deg);
}
.contract_view {position: absolute; left: 0; top: 5.7rem; width: calc(100% - 6rem); z-index:20; display: none; }
.contract_view ul { padding: 0 0 1rem; background:#273d6b; }
.contract_view li {}
.contract_view li a {display:block; color: #fff; font-size: 1.8rem; padding: 1rem 1.5rem 1rem 3rem; font-size: 1.6rem; transition: all .2s;}
.contract_view li a:hover {background: #001041;}

.select_list {
  padding: 2rem 1.5rem;
  position: relative;
  display: block;
  border-bottom: 0.2rem solid #a7bfd6;
}
.select_list a {
    height: 4rem;
    line-height: 4rem;
    display: inline-block;
    position: relative;
    padding:0 4.5rem 0 0;
    color: #000;
    font-size: 2.6rem;
    font-weight: 600;
}
.select_list a i {display: inline-block; position: absolute; right: 0; top: 0.4rem; width: 3.1rem; height: 3.1rem; border-radius: 3.1rem; background: #c9dbed; text-align: center;}
.select_list a i::after {
    content: "\e874";
    display: inline-block;
    font-family: Linearicons-Free;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    z-index: 1;
    font-size: 1.6rem;
    color: #222;
    transform: translateY(-0.6rem);
    transition:all .3s;
}
.select_list a.on i::after {transform:translateY(-0.6rem) rotate(180deg);}
.select_list div{position:absolute; left:0; right: 0; top: 8rem; overflow: hidden; z-index:20; display: none;}
.select_list div>.list {background: #001041;}
.select_list div>.list li {}
.select_list div>.list a {color:#fff; display: block; text-align:left; background: #001041; font-size: 1.6rem; padding: 0.5rem 1rem; line-height:2; font-weight: 400; transition: all .2s;}
.select_list div>.list a:hover {background: #222;}
.detail_tbl {overflow: hidden; padding: 0.5rem 1.5rem 2rem; }

/* 공통 : 계약정보 스타일 */
.detail_list { border-bottom: 0.1rem solid #e5e5e5;}
.detail_list li { border-bottom: 0.1rem solid #e5e5e5;}
.detail_list li dl {display: table; table-layout: fixed; width: 100%;}
.detail_list li dl dt {display: table-cell; width: 13rem; padding: 0.8rem 0.5rem; color: #001041; font-weight: 600; font-size: 1.4rem; }
.detail_list li dl dd {display: table-cell; padding: 1.5rem 0.5rem; color: #001041; font-size: 1.4rem; }

/* 공통 : 좌우여백용 */
.inner { padding: 0 2rem; }

.mt30 { margin-top: 3rem; }
.mythe_sub .con_title {
  padding: 2rem 1.5rem;
  position: relative;
  display: block;
  border-bottom: 0.2rem solid #a7bfd6;
}
.con_title h2 { font-size: 1.8rem; font-weight: 600; }
.contract_no { padding: 0 1.5rem 3rem; }
.contract_no .comment { text-align: center; color: #001140; margin: 1rem 0 4rem; }
.contract_no .comment p { font-size: 1.8rem; font-weight: 100; }
.contract_no .comment span { font-weight: 600; }
.contract_no .cs_link { border: 0.1rem solid #e5e5e5; font-size: 1.5rem; text-align: center; padding: 3rem 1.5rem; border-radius: 0.5rem; margin: 0 0 2rem; }
.contract_no .cs_link p { font-weight: 400; margin: 0 0 1rem; color: #001041; }

.mythe_sub .join_conlist {padding: 60px 0; margin-bottom: 6rem; border-bottom: 0.1rem solid #e5e5e5;}
.mythe_sub .join_conlist h3 {font-size: 1.8rem; color: #001041; font-weight: 600; padding-bottom: 2rem;}
.mythe_sub .join_conlist .summary {color: #001041; font-size: 1.4rem; font-weight: 300; line-height: 1.6; padding: 0 0 2rem;}
.mythe_sub .join_conlist .agree_txt {border: 0.1rem solid #e5e5e5; height: 20rem; padding: 2rem; overflow-y:auto; border-radius: 0.6rem;}
.mythe_sub .join_conlist .agree_btm {text-align: center; padding: 2rem 0; font-size: 1.5rem;}
.mythe_sub .join_conlist .agree_btm label {display: inline-block; margin-left: 1rem;}

/******************************************************
  개인정보수정
*****************************************************/
.mythe_sub.join .join_form {margin: 0; margin-bottom: 100px; padding: 0 15px; border: none;}
.mythe_sub.join .join_form .form_feild {display: flex; flex-direction: column; padding: 1.2rem 0;}
.mythe_sub.join .form_feild dt {width: 100%;}
.mythe_sub.join .form_feild dd.noinput {padding: 1.2rem 1rem;}
.mythe_sub.join .form_feild dd .form_inner a {height: 50px; line-height: 30px;}
.mythe_sub.join .form_feild dd .form_inner {margin-left: 0;}
.mythe_sub.join .form_feild dd .form_inner strong {margin-left: 0;}
.mythe_sub.join .select-wrapper {padding: 0 1.5rem 0 0.5rem;}
.mythe_sub.join .select-wrapper:before {top: 1.6rem;}
.mythe_sub.join .form_cell {display: flex; justify-content: space-between;}
.mythe_sub.join .modify_comment {display: flex; flex-direction: row; align-items: center; gap: 5%; padding: 5%; background: #eaebf0;}
.mythe_sub.join .modify_comment p {word-break: keep-all;}
.mythe_sub.join .modify_comment p strong {font-weight: 600;}
.mythe_sub.join .button_group {display: flex; flex-direction: row; justify-content: center;}



/******************************************************
  분양대금조회 (비회원 본인인증)
*****************************************************/
.price_inquiry_auth .title_area {
  position: relative;
  padding: 4.5rem 2rem;
  background: url("../img/sub/price_inquiry_auth_bg.jpg") no-repeat;
  background-size: cover;
}
.price_inquiry_auth .title_area h3 {
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
}
.price_inquiry_auth .title_area p {
  color: #fff;
  font-size: 1.4rem;
  padding: 2rem 2rem 0;
  text-align: center;
}
.price_inquiry_auth .agreement {
  padding: 3rem 1.5rem 0;
}
.price_inquiry_auth .agreement h4 {
  color: #001140;
  font-size: 1.8rem;
  font-weight: 600;
}
.price_inquiry_auth .agreement .summary {
  padding: 1.5rem 0 3rem;
  color: #001140;
  font-size: 1.3rem;
  line-height: 1.4;
}
.price_inquiry_auth div.agree_txt {
  padding: 1.5rem;
  margin: 0 0 1rem;
  border: 0.1rem solid #ddd;
  height: 20rem;
  overflow: scroll;
  overflow-x: hidden;
}
.price_inquiry_auth div.agree_txt p {
  font-size: 1.3rem;
  padding: 0 0 1rem;
}
.price_inquiry_auth div.agree_txt>ul>li {
  font-size: 1.3rem;
  padding: 0 0 0 1rem;
  position: relative;
}
.price_inquiry_auth div.agree_txt>ul>li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.7rem;
  left: 0px;
  width: 0.3rem;
  height: 0.3rem;
  background: #222;
}
.price_inquiry_auth div.agree_txt>ol>li {
  text-indent: -1.5rem;
  padding: 0 0 0 1.5rem;
}
.price_inquiry_auth div.agree_txt>ol>li ul {
  padding: 1rem;
}
.price_inquiry_auth h5 {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 1rem 0;
}
.price_inquiry_auth .agree_btm {
  font-size: 1.4rem;
  text-align: center;
  padding: 2rem 0 5rem;
}
.price_inquiry_auth .button_group {
  margin: 0 1.5rem 5rem;
  text-align: center;
}
.button_group {
  padding: 0 1.5rem;
}

/******************************************************
  공통 : 버튼
*****************************************************/
a[class^="btn-"] {
    text-align: center;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1rem;
    border-radius: 0.3rem;
    background: #001140;
    color: #fff;
    min-width: 10rem;
}
.button_group.flex a[class^="btn-"] {
    min-width: 10rem;
    width: 100%;
}
a.btn-navy {background: #001140 !important; color: #fff !important;}
a.btn-gray {background: #a3a3a3 !important; color: #fff !important;}
a.btn-apply {background: #273d6b !important; color: #fff !important;}
a.btn-download,
a.btn-sign-download,
a.btn-slogan-download { border-radius: 0.5rem; width: 21.5rem; height: 5rem;  line-height: 3rem;background: #001140 !important; color: #fff !important;} /* 브랜드 > 로고 > 시그니처 다운로드 */

.button_group {text-align: center; padding: 2rem 1.5rem 4rem; }
.button_group.flex {text-align: center; padding: 2rem 1.5rem 5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }
.button_group.flex span {display: inline-block;  width: calc(50% - 0.2rem); margin: 0 0 0.5rem; }
.button_group.flex span a {display: block; padding: 1rem 0; border-radius: 6px;}

/* 고객센터 > 메인 : 하자의 범위 및 시공사별 하자담보 책임기간 */
a[class="btn-whitebox"] {
  text-align: center;
  line-height: 1.2;
  display: inline-block;
  border-radius: 0.6rem;
  font-size: 1.5rem;
  height: 8.5rem;
  vertical-align: middle;
  padding: 2.5rem 3.5rem 0;
  width: 100%;
  background: #fff;
  color: #001140;
  font-weight: 300;
  border: 0.1rem solid #e5e5e5;
}
/* 고객센터링크 */
a.btn-customer {
  display: inline-block;
  color: #fff;
  width: 15rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  background: #001140;
  background-size: 3rem 3rem;
  border-radius: 0.5rem;
  padding: 0;
}
.btn-customer * { vertical-align: middle; }
.btn-customer i {
  margin: 0 0.5rem 0 0;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: #001140 url("../img/sub/icon_headset.png") no-repeat 0 50%;
  background-size: contain;
}
.ui_tabcontents .tab {width: 100%; text-align: center; display:flex; justify-content: space-between; border-bottom: 0.2rem solid #b4b9c6; }
.ui_tabcontents .tab li { width: 50%; position: relative;}
.ui_tabcontents .tab li * {vertical-align: middle;}
.ui_tabcontents .tab li a { color: #73788a; font-size: 1.5rem; font-weight: 400; display: block; position: relative; height: 5rem; display:flex; align-items: center; justify-content: center;}
.ui_tabcontents .tab li.on a { position: relative; font-weight: 600; color: #001140;}
.ui_tabcontents .tab li a::before {
  content: "";
  width: 0;
  height: 0.3rem;
  background: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 3;
}
.ui_tabcontents .tab li.on a::before,
.ui_tabcontents .tab li a.on::before {width: 100%; background: #001140;}
.ui_tabcontents .tab_conlist {padding: 1.5rem 0 1rem;}
.ui_tabcontents>.tab_conlist>li {display: none;}
.ui_tabcontents .tab_conlist li.current {display: block;}
.ui_tabcontents .tab li.on em {
  position: absolute;
  left: 0;
  right:0;
  width: 6rem;
  height: 6rem;
  background:#001041 url(../img/sub/tab_move_ico.png) no-repeat center center;
  border-radius: 6rem;
  top: 3.7rem;
  border:1px solid #001041;
  z-index: 5;
}
.unpaid h4 {
  padding: 0 1.5rem;
  font-size: 1.8rem;
  font-weight: 600;
}
@media screen and (max-width:500px) {
  .ui_tabcontents .tab li a{font-size: 3.5vw;}
}
/******************************************************
  마이더샵 > 납부예정일/납부예정금액
*****************************************************/
.unpaid .unpaid_search { padding: 0 1.5rem; }
.unpaid_search select {min-width: inherit;}
.unpaid_search dl dt { font-weight: 600; color: #001041; font-size: 1.5rem; padding: 2rem 0 1.5rem; }
.unpaid_search dl dd { vertical-align: middle; font-size: 1.5rem; display: flex; justify-content: space-between; }

.unpaid_search dl dd * {vertical-align: middle;}
.unpaid_search dl dd.date { justify-content: flex-start; }
.unpaid_search dl dd.date>div { display: flex; align-items: center; margin: 0 1rem 0 0;}
.unpaid_search dl dd.amount div { width: calc(50% - 0.2rem); }
.unpaid_search dl dd.amount div:nth-of-type(1) { width: calc(60% - 0.2rem); }
.unpaid_search dl dd.amount div:nth-of-type(2) { width: calc(40% - 0.2rem); }
.unpaid_search dl dd.amount input {border-radius: 0.3rem; width: 100%; }
.unpaid_search dl dd.amount a { width: 100%; }

.unpaid .unpaid_search dl dd .select-wrapper:nth-of-type(2) { margin: 0 0.5rem 0 0; }
.unpaid .agree_btm {text-align: center; background: #eaebf0; padding: 1.5rem 0; text-align: center; color:#001041;}
.unpaid .agree_btm strong {display: inline-block; padding-right:20px; font-weight: 500; font-size: 1.5rem; }
.unpaid .agree_btm label {padding: 0 1rem; font-weight: 300; font-size: 1.5rem; }

.unpaid .box_line_info {padding: 0 1.5rem;}
.unpaid .unpaid_search dl dd a {display: inline-block; background:#a3a3a3; border-radius: 6px; color: #fff; padding: 8px 18px 0; height: 38px;}
.unpaid .unpaid_search dl dd input {border-radius: 6px; width: 250px;}


/* 마이더샵 > 분양대금조회 > 납부현황 & 납부세부내역 테이블 */
.paid_tbl_con {overflow-x:auto; border-top: 0.1rem solid #a7bfd6; margin: 0 1rem;}
.paid_tbl_con table {margin-bottom: 0; width: 100%; white-space: nowrap; margin: -1px 0 0; }
.paid_tbl_con table thead th {font-size: 1.4rem;  color: #001140;  padding: 1rem 1.5rem; white-space: nowrap; border: 0.1rem solid #e5e5e5; text-align: center;}
.paid_tbl_con table tbody tr td {font-size: 1.3rem; color: #78787a; padding: 1rem 1rem; white-space: nowrap; font-weight: 400; text-align: center; border: 0.1rem solid #e5e5e5;}
.paid_tbl_con table tbody tr th {font-size: 1.3rem; padding: 1rem 1rem; vertical-align: middle;  border: 0.1rem solid #e5e5e5;  font-weight: 400; text-align: center;}
.paid_tbl_con table.fixed {table-layout: fixed; }
.mt0 {
    margin-top: 0 !important;
}





/*
  Margin
*/
.mt0 { margin-top:0 !important;}
.mt5 { margin-top:0.5rem !important;}
.mt10 { margin-top:1rem !important;}
.mt14 { margin-top:1.4rem !important;}
.mt15 { margin-top:1.5rem !important;}
.mt20 { margin-top:2.0rem !important;}
.mt25 { margin-top:2.5rem !important;}
.mt30 { margin-top:3.0rem !important;}
.mt40 { margin-top:4.0rem !important;}
.mt50 { margin-top:5.0rem !important;}
.mt60 { margin-top:6.0rem !important;}
.mt70 { margin-top:7.0rem !important;}
.mt80 { margin-top:8.0rem !important;}
.mt90 { margin-top:9.0rem !important;}
.mt100 { margin-top:10rem !important;}

.mb0 { margin-bottom:0 !important;}
.mb5 { margin-bottom:0.5rem !important;}
.mb10 { margin-bottom:1rem !important;}
.mb15 { margin-bottom:1.5rem !important;}
.mb20 { margin-bottom:2.0rem !important;}
.mb25 { margin-bottom:2.5rem !important;}
.mb30 { margin-bottom:3.0rem !important;}
.mb35 { margin-bottom:3.5rem !important;}
.mb40 { margin-bottom:4.0rem !important;}
.mb45 { margin-bottom:4.5rem !important;}
.mb50 { margin-bottom:5.0rem !important;}
.mb55 { margin-bottom:5.5rem !important;}
.mb60 { margin-bottom:6.0rem !important;}
.mb65 { margin-bottom:6.5rem !important;}
.mb70 { margin-bottom:7.0rem !important;}
.mb80 { margin-bottom:8.0rem !important;}

.ml0 { margin-left:0 !important;}
.ml10 { margin-left:1.0rem !important;}
.ml15 { margin-left:1.5rem !important;}
.ml20 { margin-left:2.0rem !important;}
.ml30 { margin-left:3.0rem !important;}

.mr0 { margin-right:0 !important;}
.mr10 { margin-right:1.0rem !important;}
.mr15 { margin-right:1.5rem !important;}
.mr20 { margin-right:2.0rem !important;}
.mr30 { margin-right:3.0rem !important;}

.mw10 { margin-left:1.0rem !important; margin-right:1.0rem !important;}
.mw15 { margin-left:1.5rem !important; margin-right:1.5rem !important;}
.mw20 { margin-left:2.0rem !important; margin-right:2.0rem !important;}
.mw30 { margin-left:3.0rem !important; margin-right:3.0rem !important;}
.mw50 { margin-left:5.0rem !important; margin-right:5.0rem !important;}
.mh100 { margin-top:100rem !important; margin-bottom:100rem !important;}

/*
  Padding
*/
.pd0 { padding: 0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 { padding-top:0.5rem !important;}
.pt10 { padding-top:1.0rem !important;}
.pt15 { padding-top:1.5rem !important;}
.pt20 { padding-top:2.0rem !important;}
.pt30 { padding-top:3.0rem !important;}
.pt40 { padding-top:4.0rem !important;}
.pt50 { padding-top:5.0rem !important;}
.pt60 { padding-top:6.0rem !important;}
.pt70 { padding-top:7.0rem !important;}
.pt80 { padding-top:8.0rem !important;}
.pt100 { padding-top:10rem !important;}
.pt110 { padding-top:11rem !important;}
.pb0 { padding-bottom:0 !important;}
.pb5 { padding-bottom:0.5rem !important;}
.pb10 { padding-bottom:1.0rem !important;}
.pb15 { padding-bottom:1.5rem !important;}
.pb20 { padding-bottom:2.0rem !important;}
.pb30 { padding-bottom:3.0rem !important;}
.pb40 { padding-bottom:4.0rem !important;}
.pb50 { padding-bottom:5.0rem !important;}
.pb60 { padding-bottom:6.0rem !important;}
.pb70 { padding-bottom:7.0rem !important;}
.pb100 { padding-bottom:10.0rem !important;}
.ph20 { padding-top:2.0rem !important; padding-bottom:2.0rem !important;}
.ph40 { padding-top:4.0rem !important; padding-bottom:4.0rem !important;}
.ph50 { padding-top:5.0rem !important; padding-bottom:5.0rem !important;}
.ph80 { padding-top:8.0rem !important; padding-bottom:8.0rem !important;}
.ph100 { padding-top:10.0rem !important; padding-bottom:10.0rem !important;}


.form_feild {display: table; table-layout: fixed; width: 100%; border-bottom: 0.1rem solid #e5e5e5;}
.form_feild dt {display: table-cell; width: 8rem; padding:0 1rem; vertical-align: middle; color: #001041; font-size: 1.5rem;}
.form_feild dd {display: table-cell; vertical-align: middle; padding: 1.2rem 1rem; color: #78787a; text-align: left;}
.form_feild dd.noinput {padding:2.2rem 2rem;}
.form_feild dd input {font-size: 1.5rem;}
.form_feild dd .form_inner {display: inline-block; font-size: 1.5rem; margin-left: 1rem; vertical-align: middle;}
.form_feild dd .form_inner a {display: inline-block; color: #fff; background: #a3a3a3; padding: 1rem 2rem; height: 4rem; font-size: 1.5rem; border-radius: 0.4rem; transition: all .3s;}
.form_feild dd .form_inner a:hover {background:#001041;}
.form_feild dd .form_inner strong {display: inline-block; margin-left: 1rem;}
.form_feild dd .form_inner strong.validator {color:#f92d40;}
.form_feild dd p {font-size: 1.4rem; line-height: 1.6;}
.form_feild dd ul {margin-top: 10px;}
.form_feild dd ul li {display: flex;}
.form_feild dd ul li::before {content: "※"; display: inline-block; vertical-align: top; margin-right: 3px;}
.form_feild dd ul li p {display: inline-block; font-size: 1.5rem;}
.form_feild dd ul li p strong {font-weight: 500; color: #001041;}


.form_feild dd .form_text ul {
  margin: 1rem 0 0;
  font-size: 1.5rem;
}

.form_feild dd .form_text ul li {
  position: relative;
}

.form_feild dd .form_text ul li::before {
  content: "·";
  display: inline-block;
  margin: 0 5px 0 0;
}

.form_cell * { vertical-align: middle;}

.form_feild.agree { text-align: left; display: block; padding: 2rem 0 0; }
.form_feild.agree dt { font-weight: 600; display: block; width: 100%; }
.form_feild.agree dd { display: block; }
.form_feild.agree dd.noinput {padding: 1.2rem 1rem; font-size: 1.3rem;}
/******************************************************
  공통 : 메세지 박스
*****************************************************/
.info_box { border-radius: 0.6rem; border:1px solid #e5e5e5; padding: 2rem; }
.info_box dl {color:#001041;}
.info_box dl dt {padding-bottom: 2.5rem; line-height: 1.8; font-weight: 500;}
.info_box dl dd {}
.info_box dl dd a {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 1.3rem 3rem;
    border-radius: 0.6rem;
    font-size: 1.5rem;
    background: #001140;
    transition: all .3s;
}
.info_box dl dd a:hover {background: #273d6c;}
.info_box dl dd a i {margin-right: 0.5rem;}

.bl_dot>li {position: relative; padding-left: 1.5rem;}
.bl_dot>li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.9rem;
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background: #929292;
  }
.bl_box>li {position: relative; padding:2px 0 0.2rem 1.5rem; font-size: 1.4rem;}
.bl_box>li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.9rem;
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background: #a7bfd6;
  }


/* 개인정보 수집 및 이용동의 */
.join_conlist {padding-top: 2rem; margin-bottom: 6rem; border-bottom: 0.1rem solid #e5e5e5;}
.join_conlist h3 {font-size: 1.8rem; color: #001041; font-weight: 600; padding-bottom: 2rem;}
.join_conlist .summary {color: #001041; font-size: 1.4rem; font-weight: 300; line-height: 1.6; padding: 0 0 2rem;}
.join_conlist .agree_txt {border: 0.1rem solid #e5e5e5; height: 20rem; padding: 2rem; overflow-y:auto; border-radius: 0.6rem;}
.join_conlist .agree_btm {text-align: center; padding: 2rem 0; font-size: 1.5rem;}
.join_conlist .agree_btm label {display: inline-block; margin-left: 1rem;}


.reserve_choice {position: relative; }
.reserve_choice .cal_sec { width: 100%; background: #384d7a; border-radius: 1rem; padding: 1rem; margin: 0 0 2rem; }
.reserve_choice .cal_sec .top_box {padding: 2.5rem 0;}
.reserve_choice .cal_sec .top_box dl { display: flex; width: 100%; color: #fff; justify-content: space-between;}
.reserve_choice .cal_sec .top_box dl dt {font-size:1.6rem;}
.reserve_choice .cal_sec .top_box dl dt i {margin-right: 1rem;}
.reserve_choice .cal_sec .top_box dl dt strong {font-weight: 600;}
.reserve_choice .cal_sec .top_box dl dd { width: 10rem; text-align: right; font-size:14px;}
.reserve_choice .cal_sec .top_box dl dd .label_info {display: inline-block; color: rgba(255,255,255,.7); margin-left: 1rem;}
.reserve_choice .cal_sec .top_box dl dd .label_info i.label_circle {display: inline-block; vertical-align: middle; width: 2rem; height: 2rem; border-radius: 2rem;}
.reserve_choice .cal_sec .top_box dl dd .label_info i.label_circle.circle_white {background:none; border:1px solid rgba(255,255,255,.3);}
.reserve_choice .cal_sec .top_box dl dd .label_info i.label_circle.circle_navy {background:#050d25; border:1px solid #050d25;}

.reserve_choice .time_sec {background: #fff; border-radius: 1rem; border:1px solid #e5e5e5;margin: 0 0 2rem; }
.reserve_choice .time_sec .top_box {padding: 2.5rem 3rem;}
.reserve_choice .time_sec .top_box dl {display: table; table-layout: fixed; width: 100%; color: #001041;}
.reserve_choice .time_sec .top_box dl dt {display: table-cell; font-size:1.6rem; width: 10rem;}
.reserve_choice .time_sec .top_box dl dt * { vertical-align: middle;}
.reserve_choice .time_sec .top_box dl dt i {margin-right: 0.5rem;}
.reserve_choice .time_sec .top_box dl dt strong {font-weight: 600; color: #336ee0;}
.reserve_choice .time_sec .top_box dl dd {display: table-cell; text-align: left; font-size:1.6rem;}
.reserve_choice .time_sec .top_box dl dd * { vertical-align: middle;}

.reserve_choice .time_list {border-top: 0.1rem solid #e5e5e5;}
.reserve_choice .time_list .scroll_con {max-height: 45.4rem; overflow-y: scroll; border-bottom: 0.1rem solid #e5e5e5;}
.reserve_choice .time_list li {margin-top: -1px; padding: 0 2rem;}
.reserve_choice .time_list li input[type="radio"] {position: absolute; left: -99em; top: -99em;}
.reserve_choice .time_list li a {display: block; padding: 1.4rem 2rem; transition: all .3s; border-bottom: 0.1rem dashed #ede7d9;}
.reserve_choice .time_list li dl {display: table; table-layout: fixed; width: 100%;}
.reserve_choice .time_list li dl dt {display: table-cell; text-align: left; font-weight: 600; color:#222;}
.reserve_choice .time_list li dl dd {display: table-cell; width: 12rem; text-align: right;}
.reserve_choice .time_list li .label_choice {
  display: inline-block;
  padding: 0.4rem 0;
  border:1px solid #33a9e0;
  color: #33a9e0;
  background:#fff;
  border-radius: 1rem;
  text-align: center;
  font-size: 1.4rem;
  width: 8rem;
  font-weight: normal;
  margin-right: 1rem;
}

.reserve_choice .time_list li a.active .label_choice {border:1px solid #33a9e0; background:#33a9e0; color: #fff;}
.reserve_choice .time_list li a.deactive {cursor: not-allowed;}
.reserve_choice .time_list li .label_choice.disabled {border-color:#33a9e0; background: #fff; color:#33a9e0;}
.reserve_choice .time_list li a.deactive .label_choice {
  border:1px solid #dae6f3;
  color: #92a5ba;
  background:#dae6f3;
}
.reserve_choice .time_list li .label_cnt {font-size: 1.4rem; color:#336ee0;}
.reserve_choice .time_list li .label_cnt::before {
  content: "";
  float: left;
  display: inline-block;
  background: url(../img/icon.png) no-repeat -38.5rem -22.3rem;
  vertical-align: top;
  margin-right: 1rem;
  vertical-align: middle;
  width: 3.1rem;
  height: 2.2rem;
}
.reserve_choice .time_comment {color: #78787a; font-size: 1.4rem; padding: 1.4rem 0; text-align: center;}

.result_time {text-align:center; background:#f1f2f6; color:#001140; border:1px solid #e5e5e5; padding: 1rem 0; border-radius: 1rem;}
.result_time dt {font-size: 1.4rem; font-weight: 300; padding: 1rem 0;}
.result_time dt * { vertical-align: middle;}
.result_time dt i { margin: 0 0.5rem 0 0;}
.result_time dd {font-size: 2.2rem; font-weight: 600; text-align: center;}
.result_time dd strong { font-weight: 600;}
.result_time dd span { font-size: 1.4rem; font-weight: 300; }


.reserve_item_con .reserve_item { margin: 2rem 0 0; }
.reserve_item_con .reserve_item li {margin-bottom: 2.5rem;}
.reserve_item_con .reserve_item li.nodata {padding: 10rem 0; text-align: center; font-weight: 400; color: #001041; border-top: 0.1rem solid #e5e5e5; border-bottom: 0.1rem solid #e5e5e5;}
.reserve_item_con .reserve_item li dl {}
.reserve_item_con .reserve_item li dl dt {border:1px solid #e5e5e5; border-bottom:0; background: #f1f2f6; border-top-left-radius: 0.6rem; border-top-right-radius: 0.6rem; padding: 1rem 1.5rem; display: flex; }
.reserve_item_con .reserve_item li dl dt span.cate {color: #001041; font-weight: 600; display: inline-block; text-align: center; font-size: 1.6rem; position: relative; padding-right: 1.5rem; }
.reserve_item_con .reserve_item li dl dt span.tit {color: #273d6b; font-weight: 600; display: inline-block; font-size: 1.5rem; line-height: 2.6rem;}
.reserve_item_con .reserve_item li dl dd {border:1px solid #e5e5e5; border-top:0; border-bottom-left-radius: 0.6rem; border-bottom-right-radius: 0.6rem; position: relative; padding: 1.5rem; display: flex; justify-content: space-between;}
.reserve_item_con .reserve_item li dl dd div.reserve_list { width: calc(100% - 9.5rem); padding: 0 1rem 0 0;}
.reserve_item_con .reserve_item li dl dd div.btn_area { width: 9.5rem;}
.reserve_item_con .reserve_item li dl dd p {padding: 0 0 0.3rem; color: #001041; font-size: 1.5rem; display: flex; flex-wrap: wrap;}
.reserve_item_con .reserve_item li dl dd p strong {width: 8rem;}
.reserve_item_con .reserve_item li dl dd p span { width: calc(100% - 8rem);}
.reserve_item_con .reserve_item li dl dd a.btn {
  display: inline-block;
  width: 9.5rem;
  height: 6.5rem;
  background:#273d6b;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  padding-top: 1.5rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
}
.reserve_item_con .reserve_item li dl dd .comt {border:1px solid #e5e5e5; padding: 1rem; font-size: 1.3rem; border-radius: 0.6rem; line-height: 1.2; }


/******************************************************
  공통 : 페이징
*****************************************************/
.ui_paging {clear: both; text-align:center; }
.ui_paging * {vertical-align: middle;}
.ui_paging a {display: inline-block; width:3rem; height:3rem; line-height: 1; padding-top: 0.9rem; font-family: 'Montserrat', sans-serif; font-size: 1.4rem;}
.ui_paging a.arrow {border:1px solid #eaeaea; border-radius: 2rem; background:#fff; position:relative; font-family: 'Noto Sans'; line-height: 1.2rem; font-size: 1.3rem; overflow: hidden;}
.ui_paging a.prev { width: auto; line-height: 2rem; margin-right: 1.6rem; padding: 0.5rem 1rem 0.5rem 2rem;}
.ui_paging a.arrow span { display: none; }
.ui_paging a.next { width: auto; line-height: 2rem; margin-left: 1.6rem; padding: 0.5rem 2rem 0.5rem 1rem;}
.ui_paging a.on {color:#fff; background: #273d6b; border-radius:3rem;}
.ui_paging a.prev:before {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  content: "\e875";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  z-index: 1;
  font-size: 1.4rem;
  color: #506285;
}
.ui_paging a.next:after {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  content: "\e876";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  z-index: 1;
  font-size: 1.4rem;
  color: #506285;
}


.ico-reserve-time2 { height: 2rem; }
.ico-reserve-time2::after {
  content: "";
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background: url("/resources/img/sub/ico_reserve_time2.png") no-repeat 0 50%;
  background-size: contain;
  font-size: 0;
}
.ico-reserve-time { height: 2rem; }
.ico-reserve-time::after {
  content: "";
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background: url("/resources/img/sub/ico_reserve_time.png") no-repeat 0 50%;
  background-size: contain;
  font-size: 0;
}
/******************************************************
  단지검색
*****************************************************/
.danzi_search {
  background: #001041;
  padding: 2rem 1.5rem;
}
.danzi_search .sch_area {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 0.3rem;
  height: 4.5rem;
  padding: 0.25rem;
}
.danzi_search .sch_area input[type="text"] {
  width: calc(100% - 6.5rem);
  height: 4.0rem;
  background: none;
  border: none;
}
.danzi_search .sch_area .sbtn-inquiry {
  overflow: hidden;
  text-indent: -200000rem;
  width: 6rem;
  height: 4rem;
  background: url("/resources/img/sub/icon_zoom.png") no-repeat 50%;
  background-size: 2rem auto;
}
.danzi_search ul { display: flex; color: #fff; padding: 1.5rem 0 0; font-family: 'Montserrat','Noto Sans';}
.danzi_search ul li { position: relative;}
.danzi_search ul li:not(:first-child) { margin: 0 0 0 1rem; }
.danzi_search ul li:before:not(:first-child) {
  content:"";
  width: 0.1rem;
  height: 1rem;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0.5rem;
}
.danzi_search ul li:nth-of-type(2):before { display: none; }
.danzi_search ul li em { margin: 0 0.5rem 0 0; padding: 0 0 0 1rem;}
.danzi_con {
  margin: 0 0 2rem;
  overflow: hidden;
}
.danzi_con * {
  color: #001041;
}
.danzi_con h3 {
  height: 6rem;
  padding: 1.5rem 0 0;
  background: #e9ebf0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.danzi_con h3 span {
  display: inline-block;
  font-weight: 300;
  font-size: 1.2rem;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem 0 1.5rem;
  border-right: 0.1rem solid #fff;
}
.danzi_con h3 strong {
  display: inline-block;
  font-weight: 600;
  font-size: 1.6rem;
  height: 3rem;
  line-height: 3rem;
  padding: 0 0 0 1.5rem;
}
.danzi_con ul {
  padding: 1.5rem;
  border: 0.1rem solid #e5e5e5;
  border-top: none;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
/* 단지 통합검색 */
.plan_search {
  padding: 0 0 8rem;
}
/******************************************************
  단지 > 분양단지, 공사단지, 입주단지
*****************************************************/
.sales_search {
  background: #c9dbed;
  padding: 2rem;
}
.sales_search .sch_area {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 0.3rem;
  height: 4.5rem;
  padding: 0.25rem;
}
.sales_search .sch_area input[type="text"] {
  width: calc(100% - 6.5rem);
  height: 4.0rem;
  background: none;
  border: none;
}
.sales_search .sch_area .sbtn-inquiry {
  overflow: hidden;
  text-indent: -200000rem;
  width: 6rem;
  height: 4rem;
  background: url("/resources/img/sub/icon_zoom.png") no-repeat 50%;
  background-size: 2rem auto;
}
.sales_total { width: 100%; overflow: auto; }
.sales_total ul { display: flex; color: #001041; padding: 1.5rem 0 0; font-family: 'Montserrat','Noto Sans';}
.sales_total ul li { margin: 0 0 0 1rem; position: relative; }
.sales_total ul li:not(:first-child):before {
  content:"";
  width: 0.1rem;
  height: 1rem;
  background: #ebecee;
  position: absolute;
  left: 0;
  top: 0.5rem;
}
.sales_total ul li span { margin: 0 0.5rem 0 0; padding: 0 0 0 1rem;}
.sales_total ul li a { display: block; color: #b0b3bc; font-weight: 400; }
.sales_total ul li.on a { color: #001041;  }


.saleslist_sec .thumb_sales > li {position: relative; margin-bottom: 4.5rem;}
.saleslist_sec .thumb_sales > li .sales_data {border:1px solid #e5e5e5; border-bottom: 0; position: relative; border-radius: 0.3rem;}
.saleslist_sec .thumb_sales > li .sales_data .complex_img {
    width: 100%;
    padding: 60% 0 0;
    display: block;
    position: relative;
    background: #c9dbed url("/resources/img/top_logo_blue.png") no-repeat;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    border-bottom:1px solid #e5e5e5;
    box-sizing: border-box;
    background-position: center;
}
.saleslist_sec .thumb_sales > li .sales_data .complex_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:10; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }
.saleslist_sec .thumb_sales > li .sales_data .complex_img .sticker {position: absolute; z-index:11; top: 78%; right:2rem; display: inline-block; text-align: center; width: 7.5rem; height: 7.5rem; text-align: center; border-radius: 7.5rem; line-height: 1.2; font-size: 1.5rem;}
.saleslist_sec .thumb_sales > li .sales_data .complex_img .sticker.sales {background: #001140; color: #fff; display: flex; align-items: center; justify-content: center;}
.saleslist_sec .thumb_sales > li .sales_data .complex_img .sticker.expected {background: #c9dbed; color: #001140; padding: 0 2rem; padding-top:0rem;}
.saleslist_sec .thumb_sales > li .sales_data .complex_img .sticker.end {background: #e9ebf0; color: #001140; padding: 0 2rem; padding-top: 2rem;}
.saleslist_sec .thumb_sales > li .details .cate {color: #48729c; padding: 2rem 1.5rem 1rem; font-size: 1.5rem;}
.saleslist_sec .thumb_sales > li .details dl {padding: 0 1.5rem;}
.saleslist_sec .thumb_sales > li .details dl dt {
  color: #001140;
  font-size: 2.4rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2em;
}
.saleslist_sec .thumb_sales > li .details dl dd { padding: 1rem 0 3rem;}
/*
.saleslist_sec .thumb_sales.const_list > li .details dl dd {height: 107px; padding-top: 1rem;}
.saleslist_sec .thumb_sales.movein_list > li .details dl dd {padding-top: 2rem;}
*/

.saleslist_sec .thumb_sales > li .details dl dd > ul {}
.saleslist_sec .thumb_sales > li .details dl dd > ul > li {color: #001041; font-size: 1.5rem; margin-bottom: 0.5rem; font-weight: 400;}
.saleslist_sec .thumb_sales > li .details dl dd > ul > li strong {display:table-cell; font-weight: 400; width: 8rem;}
.saleslist_sec.work .thumb_sales > li .details dl dd > ul > li strong {display:table-cell; font-weight: 400; width: 8rem;}
.saleslist_sec.movein .thumb_sales > li .details dl dd > ul > li strong {display:table-cell; font-weight: 400; width: 14rem;}
.saleslist_sec .thumb_sales > li .details dl dd > ul > li em {display:table-cell; padding-right: 0.5rem;}
.saleslist_sec .thumb_sales > li .details dl dd.graph {position: relative; padding: 1rem 0 2rem; height: 5rem; white-space: nowrap; display: flex;}
.saleslist_sec .thumb_sales > li .details dl dd.graph strong { width: 8rem; display: inline-block; margin-right:1rem; color: #001041;}
.saleslist_sec .thumb_sales > li .details dl dd.graph strong .num {font-weight: 500;}
.saleslist_sec .thumb_sales .progress_box {display:inline-block; position:relative; width: calc(100% - 8rem);}
.saleslist_sec .thumb_sales .progress_box .bar {
  display:inline-block;
  width:100%;
  height:0.6rem;
  background:#e5e5e5;
  border-radius:0.6rem;
  vertical-align:middle;
}
.saleslist_sec .thumb_sales .progress_box .bar span {
  display:inline-block;
  height:0.6rem;
  background: #001140;
  border-radius:0.6rem;
  vertical-align: top;
}
.saleslist_sec .thumb_sales .num {color:#042e6f; font-size:1.4rem;}

.saleslist_sec .thumb_sales > li .details .btn_set {background:#e9ebf0; display: flex; margin-left:-1px; margin-right: -1px;}
.saleslist_sec .thumb_sales > li .details .btn_set > li {flex: 1; text-align: center;}
.saleslist_sec .thumb_sales > li .details .btn_set > li a {display: block; padding: 1.8rem 0; font-size: 1.5rem; color: #001041; position: relative; transition: all .3s; font-weight:300;}
.saleslist_sec .thumb_sales > li .details .btn_set > li:nth-child(2) a::before,
.saleslist_sec .thumb_sales > li .details .btn_set > li:nth-child(3) a::before {
  content: "";
  width: 0.1rem;
  height: 1.5rem;
  background: #d1d3d8;
  position: absolute;
  left: 0;
  top: 2rem;
}
.saleslist_sec .thumb_sales > li .details .btn_set > li a:hover {background: #d1d3d8;}

.list_more_box {margin-top: 3rem; border-bottom: 0; text-align: center; background-color: #fff;}
.list_more_box .btn_more {display: block; overflow: hidden; width: 12rem; margin:0 auto;}
.list_more_box .page_more_wrap {}
.list_more_box .page_more_wrap .page_more_box {position: relative; display: block; border: 0.1rem solid #e5e5e5; border-radius: 0.3rem; transition: all .3s; color: #323232;}
.list_more_box .page_more_wrap .page_more_box:hover {border-color:#001140; }
.list_more_box .page_more_wrap .page_more_box:hover a { color:#001140;}
.list_more_box .page_more_wrap .page_more_box .more_txt {
    display: inline-block;
    padding: 1.5rem 0;
    font-size: 1.5rem;
    vertical-align: top;
}
.list_more_box .page_more_wrap .page_more_box .more_txt i {font-size: 13px; margin-left: 5px;}

.schedule_sec .schedule_tit {}
.schedule_sec .schedule_tit dl {display: table; table-layout:fixed; width: 100%;}
.schedule_sec .schedule_tit dl dt {
  background: #273d6b;
  color: #fff;
  font-size: 1.5rem;
  display: table-cell;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  height: 6rem;
  vertical-align: middle;
  padding-left: 1.5rem;
  font-weight: 400;
}
.schedule_sec .schedule_tit dl dt strong {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
  opacity: .2;
  display: inline-block;
  padding-left: 1rem;
  margin-left: 1rem;
  position: relative;
}
.schedule_sec .schedule_tit dl dt strong::before {
  content: "";
  width: 1px;
  height: 2rem;
  background: rgba(255,255,255,.4);
  position: absolute;
  left: 0;
  top:2px;
}
.schedule_sec .schedule_tit dl dd {display: table-cell; width: 7rem; vertical-align:middle;}
.schedule_sec .schedule_tit dl dd a {
  display: block;
  height: 6rem;
  background: #001041;
  color: #fff;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  text-align: center;
  padding-top: 1.4rem;
  transition: all .3s ease;
}
.schedule_sec .schedule_tit dl dd a i {
  border:1px solid rgba(255,255,255,.2);
  border-radius: 3rem;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  padding-top: 7px;
  font-size: 14px;
  transition: all .3s ease;
}
.schedule_sec .schedule_tit dl dd a.on {background:#273d6b;}
.schedule_sec .schedule_tit dl dd a.on i {
 transform: rotate(180deg);
}

.schedule_sec .schedule {position: relative; }
.schedule_sec .schedule::before {
  content: "";
  left: 0;
  right:0;
  bottom: 0;
  background: #273d6b;
  position: absolute;
  height: 2px;
}
.schedule_sec .schedule .left_year { padding: 2.5rem 0 0; display: flex; }
.schedule_sec .schedule .left_year svg {width: 12rem; height: 4.4rem;}
.schedule_sec .schedule .left_year svg text {
    fill: none;
    stroke: #001041;
    stroke-width: 1px;
    font-weight: 600;
    color: #001041;
    letter-spacing: -2px;
    font-size: 8rem;
}
.schedule_sec .schedule .left_year .year_nav { display: flex; }
.schedule_sec .schedule .left_year .year_nav li { display: flex; margin: 0 0.5rem 0 0; align-items: center; padding: 0.5rem 0 0;}
.schedule_sec .schedule .left_year .year_nav li a {
  border:1px solid #d9dce3;
  border-radius: 3rem;
  width: 3rem;
  height: 3rem;
  display: inline-block;
  padding-top: 7px;
  font-size: 0;
  color: transparent;
  text-align: center;
}
.schedule_sec .schedule .left_year .year_nav li a i {font-size: 14px; color: #323f66;}
.schedule_sec .schedule .right_month {padding: 1rem 0 0;}
.schedule_sec .schedule .right_month dl {display: flex; width: 100%; border-bottom: 1px solid #e5e5e5;}
.schedule_sec .schedule .right_month > div.CalRight dl:last-child {border-bottom: 0;}
.schedule_sec .schedule .right_month dl dt {display: flex; align-items: center; width: 12rem; position: relative; font-size: 1.2rem; font-weight: 600; color: #001041;}
.schedule_sec .schedule .right_month dl dt strong {font-size: 2.5rem; padding-right: 0.5rem; font-weight: 700; display: inline-block; }
.schedule_sec .schedule .right_month dl dd { width: calc(100% - 12rem); vertical-align: middle;}
.schedule_sec .schedule .right_month dl dd ul {}
.schedule_sec .schedule .right_month dl dd ul li {border-top: 1px solid #e5e5e5; padding: 1.5rem 0; color: #001041;letter-spacing: -0.1rem; }
.schedule_sec .schedule .right_month dl dd ul li a {display: inline-block; color:#001041;}
.schedule_sec .schedule .right_month dl dd ul li:first-child {border-top:0;}
.schedule_sec .schedule .right_month dl dd ul li span.label {
  display: inline-block;
  padding: 0.2rem 0;
  color: #fff;
  width: 6.5rem;
  text-align: center;
  border-radius: 0.3rem;
  margin-right: 1.0rem;
  font-size: 1.3rem;
}
.schedule_sec .schedule .right_month dl dd ul li span.label.end {background: #787879;}
.schedule_sec .schedule .right_month dl dd ul li span.label.ing {background: #273d6b;}
.schedule_sec .schedule .right_month dl dd ul li span.label.expected {background: #c9dbed; color:#001041;}



/***********************************************************************
  CMS 관련
***********************************************************************/
.cms_page_area { padding: 0 0 8rem; }
.cms_title {
  line-height: 1.4;
  position: relative;
  background: #c9dbed;
  padding: 2rem;
}
.cms_title h2 {color: #001140; }
.cms_title h2 * {vertical-align: middle;}
.cms_title h2 .label {
    display: inline-block;
    text-align: center;
    line-height: 1.2;
    font-size: 1.4rem;
    font-weight: 300;
    padding: 0.5rem;
    border-radius: 0.3rem;
    font-style: normal;
    margin: 0 0 1rem;
}
.cms_title h2 .label.sales {background: #001140; color: #fff; }
.cms_title h2 .label.expected {background: #c9dbed; color: #001140; }
.cms_title h2 .label.end {background: #e9ebf0; color: #001140; }
.cms_title .btn_util {
    text-align: left;
    position: absolute;
    top: 2rem;
    right: 2rem;
}
.cms_title h2 strong {
  display: block;
  font-weight: 600;
  font-size: 3.2rem;
}
.cms_title .btn_util::after {content: ""; clear: both; display: table;}
.cms_title .btn_util * {vertical-align: middle;}
.cms_title .btn_util ul {display: inline-block;}
.cms_title .btn_util ul li {display: inline-block; padding-right: 15px; margin-right: 12px; position: relative;}
.cms_title .btn_util ul li::before {
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  background: #001140;
  position: absolute;
  right: 0;
  top: 0.3rem;
  opacity: .3;
}
.cms_title .btn_util ul li:last-child::before {background: none;}
.cms_title .btn_util a {display: block; color: #00071a; font-size: 18px; font-weight: 300;}
.cms_title .btn_util a i {display: inline-block; position: relative; margin-right: 4px;}
.cms_title .btn_util a i::before {vertical-align: top;}
.cms_title .btn_util a i.lnr-phone-handset {transform: rotateY(180deg);}
.cms_title .btn_util a i.lnr-user::after {
  content: "+";
  position: absolute;
  right: -5px;
  top:-12px;
}
.cms_title .btn_util span {float: right;}
.cms_title .btn_util span a {font-weight: 600; font-size: 1.6rem;}
.cms_page_area .cms_menu {}
.cms_page_area .cms_menu.fix {position: fixed;}
.cms_page_area .cms_menu ul { display: flex; margin:0 auto; text-align:center; background: #fff;}
.cms_page_area .cms_menu li { width: 50%; border-bottom: 0.3rem solid #b4b9c6;}
.cms_page_area .cms_menu li a {display: block;  position: relative; font-size: 1.5rem; line-height: 6rem;}
.cms_page_area .cms_menu li a strong {display: inline-block; height: 6rem;  opacity: 1; color:#b4b9c6;}
.cms_page_area .cms_menu li a::before {
    content:"";
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    z-index:20;
}
.cms_page_area .cms_menu li.on a strong {opacity:1; color:#001140;}
.cms_page_area .cms_menu li.on { border-bottom: 0.3rem solid #001140; }


.cms_page_area .prj_intro {}
.cms_page_area .prj_wrok {padding-bottom: 0;}
.cms_page_area .land_img img { width: 100%;}
.cms_page_area .prj_tbl ul {
  width: 100%;
  display: table;
  border-bottom: 2px solid #a7bfd6;
}
.cms_page_area .prj_tbl ul li {
  display: table-row;
}
.cms_page_area .prj_tbl ul li:first-child { border: none; }
.cms_page_area .prj_tbl ul li div.tbl_tit {
  width: 20%;
  display: table-cell;
  padding: 1rem 2rem;
  color: #00061a;
  font-weight: 500;
  border-top: 1px solid #e5e5e5;
}
.cms_page_area .prj_tbl ul li div.tbl_con  {
  display: table-cell;
  padding: 1rem 2rem;
  color: #00061a;
  font-weight: 600;
  border-top: 1px solid #e5e5e5;
}
.cms_page_area .prj_tbl ul li:first-child div.tbl_tit,
.cms_page_area .prj_tbl ul li:first-child div.tbl_con { border: none;}


.cms_page_area h3.const_tit {font-size: 1.6rem; font-weight: 600; color:#001041; padding-bottom: 1rem; margin: 0 0 1rem; letter-spacing: -1px; border-bottom: 0.2rem solid #a7bfd6;}
.cms_page_area .const_status { padding: 3rem 0; }
.cms_page_area .const_status .inner {position: relative; }
.cms_page_area .const_status ul {overflow: hidden;}
.cms_page_area .const_status ul li { color:#001041;}
.cms_page_area .const_status ul li dl {display: table; table-layout: fixed; width:100%;}
.cms_page_area .const_status ul li dl dt {display: table-cell; padding: 6px 0; font-size: 15px;}
.cms_page_area .const_status ul li dl dt span.txt {display: inline-block; width: 60px; font-weight: 400;}
.cms_page_area .const_status ul li dl dt span.persent {display: inline-block; margin-left: 5px; font-weight: 400;}
.cms_page_area .const_status ul li dl dt em.num {}
.cms_page_area .const_status ul li dl dd {display: table-cell; white-space: nowrap; width: 200px; padding-right: 20px;}
.cms_page_area .const_status ul li dl dd .progress_box {display:inline-block; position:relative; width: 180px;}
.cms_page_area .const_status ul li dl dd .progress_box .bar {
  display:inline-block;
  width:100%;
  height:5px;
  background:#e5e5e5;
  border-radius:5px;
  vertical-align:middle;
}
.cms_page_area .const_status .progress_box .bar span {
  display:inline-block;
  height:5px;
  background: #001140;
  border-radius:5px;
  vertical-align: top;
}
.cms_page_area .const_status .num {color:#042e6f; font-size:14px;}

/* 전체공정률 */
.total_per { line-height: 1.2; color:#001041; position: relative; text-align: center; padding: 5rem 0 0;}
.total_per em { font-size: 3rem; }
.total_per strong {font-size: 7.5rem; font-weight: 600; display: inline-block; }
.total_per span.txt {font-size: 1.2rem; display: block; text-align: center; margin: 0 0 0 -3rem;}

.cms_page_area .const_report { padding: 2rem 0 5rem; }
.cms_page_area .const_report  dl { vertical-align: top; position: relative; padding:0 0;}
.cms_page_area .const_report  dl dt {color:#001041; font-size: 1.4rem; font-weight: 600; padding: 2rem 0;}
.cms_page_area .const_report .inner > dl:first-child {padding-left: 0;}
.cms_page_area .const_report .inner > dl:first-child::before {background: none;}
.cms_page_area .const_report .bl_dot>li {color: #001041; font-weight: 600;}
.cms_page_area .const_report .bl_line {padding: 10px 0;}
.cms_page_area .const_report .bl_line>li {font-weight: 300; font-size: 14px;}
.cms_page_area .const_report .bl_dot>li:before {width: 5px; height:5px; border-radius: 5px; background: #001041; top:8px;}

.const_gallery .data_nav_con {position: relative; margin-bottom: 30px;}
.const_gallery .data_nav_con::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  right:0;
  bottom: 0;
  background: #e5e5e5;
  z-index: -1;
}
.const_gallery .data_nav_con .year_data {
  text-align: center;
  padding: 3rem 0 1.5rem;
}
.const_gallery .data_nav_con .year_data a {
  display: inline-block;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  text-align: center;
  background: none;
  border:1px solid rgba(0,16,65,.3);
  color: #001041;
}
.const_gallery .data_nav_con .year_data a i {display: inline-block; padding-top: 9px; font-size: 12px;}
.const_gallery .data_nav_con .year_data a:hover {border-color:rgba(0,16,65,1);}
.const_gallery .data_nav_con .year_data a.nav_left i {margin-left: -1px;}
.const_gallery .data_nav_con .year_data a.nav_right i {margin-left: 1px;}
.const_gallery .data_nav_con .year_data strong {
  font-size: 28px;
  font-weight: 600;
  color: #001041;
  vertical-align: middle;
  display: inline-block;
  padding: 0 10px;
  letter-spacing: -1px;
  line-height: 1;
  margin-top: -4px;
}
.const_gallery .data_nav_con .month_data {display:flex;}
.const_gallery .data_nav_con .month_data li {flex: 1 auto; padding: 0 0.5rem; position: relative;}
.const_gallery .data_nav_con .month_data li a {display: block; padding: 1rem 0; text-align: center; font-weight: 600; opacity: .3;}
.const_gallery .data_nav_con .month_data li a.on {border-bottom: 1px solid #001041; color: #001041; opacity: 1;}
.const_gallery .data_nav_con .month_data li::before {
  content: "";
  width:1px;
  height: 13px;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  top: 16px;
}
.const_gallery .data_nav_con .month_data li:first-child::before {background: none;}

.const_gallery .gallery_view {position: relative; height: inherit !important; padding: 0 1.5rem;}
.const_gallery .gallery_view img {width:100%;}
.const_gallery .gallery_view strong {
  display: block;
  text-align:left;
  position: absolute;
  left: 25px;
  bottom: 25px;
  right: 0;
  z-index:3;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
}
.const_gallery .gallery_thumb {
  margin: 1.5rem 0 0;
  padding: 1.5rem;
}
.const_gallery .gallery_thumb ul { display: flex; justify-content: space-between; }
.const_gallery .gallery_thumb ul li { width: calc(33.3333% - 1rem); background: url("../img/sales/work_gallery_thum_bg.jpg") no-repeat center center; position: relative;}
.const_gallery .gallery_thumb ul li.on::before {
  content: "";
  left:10px;
  right:0;
  bottom: 0;
  top: 0;
  border:10px solid #c9dbed;
  position: absolute;
}
.const_gallery .gallery_thumb ul li a {overflow: hidden;}
.const_gallery .gallery_thumb ul li a img { width: 100%; }

.prj_movin .download_list {padding: 5rem 0.5rem;}
.prj_movin .download_list ul { width: 100%; display: flex; flex-wrap: wrap; }
.prj_movin .download_list ul li { position: relative; width: 50%; padding: 0 0 2rem;}
.prj_movin .download_list ul li:nth-child(even):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
.prj_movin .download_list ul li dl {padding: 0 1rem; /*display: flex; justify-content: space-between; align-items: center;*/}
.prj_movin .download_list ul li dl dt {font-size: 1.6rem; font-weight: 500; color:#001041; text-align: center; padding: 0 0 1rem; min-height: 7rem;}

@media screen and (max-width: 320px) {
  .prj_movin .download_list ul { width: 100%; display: block; }
  .prj_movin .download_list ul li { width: 100%; border-bottom: 1px solid #e5e5e5; padding: 1rem 0; }
  .prj_movin .download_list ul li:nth-child(even):before { display: none; }
  .prj_movin .download_list ul li dl { display: flex; justify-content: space-between; align-items: center;}
  .prj_movin .download_list ul li dl dt { width: 50%; padding: 0; }
  .prj_movin .download_list ul li dl dd { width: 50%; }
}
.prj_movin .download_list ul li dl dd {}
.prj_movin .download_list ul li dl dd a {
    display: block;
    font-size: 15px;
    padding: 12px 20px;
    text-align: center;
    color: #fff;
    background: #001140;
    border-radius: 5px;
    font-weight: 300;
    position: relative;
    z-index: 3;
}
.prj_movin .reserve_go { margin: 0 1.5rem; position: relative; }
.prj_movin .reserve_go:before {
  content: "";
  position: relative;
  padding: 38% 0 0;
  display: block;
}
.prj_movin .reserve_go a {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  transition: all .6s ease;
  padding: 4rem 3rem;
  overflow: hidden;
  border-radius: 0.6rem;
  background: url("/resources/img/sub/reserve_go_bg.jpg") no-repeat; background-size: cover;
}
.prj_movin .reserve_go a * {vertical-align: middle;}
.prj_movin .reserve_go a .ico-time-big {
  position: absolute;
  top: 5rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  transition: all .5s ease;
  background: url("/resources/img/sub/icon_clock.png") no-repeat; background-size: contain;
}
.prj_movin .reserve_go a div.txt { padding: 0 0 0.5rem; }
.prj_movin .reserve_go a div.txt span { font-size: 1.8rem;}
.prj_movin .reserve_go a div.txt strong {display: inline-block; font-size: 1.8rem; font-weight: 600; margin: 0 0.2rem 0 0;}
.prj_movin .reserve_go a div.link span { color: #fff; }
.prj_movin .reserve_go a div.link em {
  display: inline-block;
  width: 2.5rem;
  border-radius: 0.9rem;
  text-align: center;
  background: none;
  border: 1px solid #eee;
  color: #fff;
  margin: 0 0 0 1rem;
  opacity: 0.5;
}
.prj_movin .reserve_go a div.link em i {color: #fff; display: inline-block; padding: 0.2rem 1rem; font-size: 12px; animation: arrow_animate 1.6s infinite;}

@keyframes arrow_animate {
    0% {transform:translate(-5px,0) rotate(0deg); opacity:0;}
    50% {transform:translate(0,0) rotate(0deg); opacity:1;}
    100% {transform:translate(5px,0) rotate(0deg); opacity:0;}
}
/*****************************************************************************************
  더샵 갤러리
*****************************************************************************************/
.news_contents { padding: 0 0 3rem; }
.news_contents .news_total { padding: 2rem 0 0;}
.news_contents .news_total span { font-weight: 600; }
.news_contents .news_list { padding: 1rem 0 2rem;}
.news_contents .news_list ul li { margin-bottom: 10px;}
.news_contents .news_list ul li a {display: block; border:1px solid #e5e5e5; border-radius: 6px; transition: all .2s;}
.news_contents .news_list ul li a:hover {background:#f1f2f6;}
.news_contents .news_list .list_con {position: relative; }
.news_contents .news_list .list_con div.tit {
  background: #e9ebf0;
  border: 1px solid #e9ebf0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
}
.news_contents .news_list .list_con div.tit div.cate {
  width: calc(100% - 12rem);
}
.news_contents .news_list .list_con div.tit.events div.cate {
  width: calc(100% - 21rem);
}
.news_contents .news_list  .list_con div.tit div.date {
  width: 9rem;
  color: #001041;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  white-space: nowrap;
  text-align: right;
}
.news_contents .news_list .gallery .list_con div.tit div.date {
  text-align: left;
}
.news_contents .news_list .list_con div.tit div.period {
  width: 18rem;
  color: #001041;
  text-align: right;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  white-space: nowrap;
}
.news_contents .news_list .list_con div.tit div.count {
  padding: 0 0 0 1rem;
  text-align: right;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}
.news_contents .news_list .list_con div.con {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow: hidden;
  font-weight: 400;
  padding: 2rem 1.5rem;
}
.news_contents .news_list .list_con dl.review_list_data {display: block; padding-top: 10px; color: #001041; height: inherit;}
.news_contents .news_list .list_con dl.review_list_data dt {display: block; width:auto; padding: 0 30px; font-size:20px; font-weight: 600;}
.news_contents .news_list .list_con dl.review_list_data dt strong {
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow: hidden;
  max-height: 2.1em;
  font-weight: 400;
}
.news_contents .news_list .list_con dl.review_list_data dd {display: block; width:auto; padding: 5px 30px;}
.news_contents .news_list .list_con dl.review_list_data dd strong {font-weight: 300; font-size:16px;}

.news_contents .news_view {padding: 3rem 0 0;}
.news_contents .news_view .board_tit {background: #001140; position: relative; border-radius: 6px; padding: 2rem 0;}
.news_contents .news_view .board_tit .sm_box_label {display: inline-block; border:1px solid rgba(255,255,255,.2); font-size: 13px; padding: 5px 10px; position: absolute; left: 10px; top: 10px; color: #fff; border-radius: 5px;}
.news_contents .news_view .board_tit p {font-size: 1.8rem; color: #fff; font-weight: 600; padding: 0 2rem;}

.news_contents .news_view .board_info {
  border-bottom: 1px solid #e9ebf0;
  padding: 1rem 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news_contents .news_view .board_info div.cate {
  width: calc(100% - 12rem);
}
.news_contents .news_view.issue_view .board_info div.cate {
  width: 40%;
}
.news_contents .news_view .board_info div.cate strong { display: inline-block; border:1px solid rgba(255,255,255,.2); padding: 0.1rem 0.5rem; }
.news_contents .news_view .board_info div.date {
  width: 9rem;
  color: #001041;
  text-align: right;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  white-space: nowrap;
}
.news_contents .news_view .board_info div.count {
  width: 3rem;
  text-align: right;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}
.news_contents .news_view .board_info div.period {
  padding: 0.5rem 0 0;
  width: 60%;
  color: #001041;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  white-space: nowrap;
  text-align: right;
}
.news_contents .news_view .board_info div.place {
  text-align: right;
  width: 100%;
}
.news_contents .news_view .board_info dl { display: flex; align-items: center; margin: 0 -1.5rem; }
.news_contents .news_view .board_info dl dt { vertical-align: middle; padding: 0 0.5rem; }
.news_contents .news_view .board_info dl dd { vertical-align: middle; padding: 0 0.5rem; }
/*
.news_contents .news_view .board_info {border-bottom: 1px solid #e5e5e5; display: table; table-layout: fixed; width: 100%;}
.news_contents .news_view .board_info dt {display: table-cell; width: 105px; position: relative; vertical-align: middle;}
.news_contents .news_view.issue_view .board_info dt {width: 200px;}
.news_contents .news_view .board_info dt::before {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  background: #e5e5e5;
}
.news_contents .news_view .board_info dd.file_download {display: table-cell; vertical-align: middle; padding: 25px 20px; font-size: 14px;}
.news_contents .issue_view .board_info dd.place {display: table-cell; vertical-align: middle; padding-left: 15px;}
.news_contents .issue_view .board_info {color: #001041;}
.news_contents .news_view.issue_view .board_info dd.file_download {width: 600px; text-align: right;}
.news_contents .news_view .board_info dd.file_download span {display: inline-block; margin-right: 10px;}
.news_contents .news_view .board_info dd.file_download span i {color: #22305a; font-size: 18px; vertical-align: middle;}
.news_contents .news_view .board_info dd.file_download ul {display: inline-block;}
.news_contents .news_view .board_info dd.file_download ul li {display: inline-block; margin-right: 5px;}
.news_contents .news_view .board_info dd.file_download ul li a {display:block; background: #f1f2f6; border:1px solid #e5e5e5; color: #2d2c28; font-size: 13px; padding: 5px 10px; border-radius: 3px; transition: all .2s;}
.news_contents .news_view .board_info dd.file_download ul li a::before {
  content: "\e865";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  font-size: 16px;
  color: #c7c7c7;
  vertical-align: middle;
  margin-right: 5px;
}

.news_contents .news_view .board_info dd.file_download .status {display: inline-block; font-size: 15px;}
.news_contents .news_view .board_info dd.file_download .status span {display: inline-block; border:1px solid #ddd; padding: 4px 10px; color: #326ee0; font-weight: 400;}
.news_contents .news_view .board_info dd.file_download .status strong {display: inline-block; color: #001140; font-weight: 400; padding-left: 10px;}


.news_contents .news_view .board_info dd.file_download ul li a:hover {background: #001140; border:1px solid #001140; color: #fff;}
.news_contents .news_view .board_info dd.count {display: table-cell; width: 70px; vertical-align: middle; font-family: 'Montserrat', sans-serif; text-align: right;}
*/
.news_contents .news_view .board_content {padding: 5rem 2.5rem 2.5rem; font-size: 1.5rem; line-height: 1.7; color: #001041;}
.news_contents .news_view .board_content p {padding: 2rem 0;}
.news_contents .news_view .board_content img {max-width: 100%;}
.news_contents .news_view .board_content .board_content_btns {padding: 3rem 0; text-align: center;}
.news_contents .news_view .board_content .board_content_btns span {display: inline-block; padding: 0 0.5rem;}
.news_contents .news_view .board_content .board_content_btns a {padding: 1.8rem 4.5rem; border-radius: 0.6rem;}
.news_contents .news_view .board_content .reply_con { background: #f1f2f6; color:#001041; line-height: 1.7; padding: 4rem; border-radius:1.2rem; margin-top: 2rem;}
.news_contents .news_view .board_content .reply_con i {}
.news_contents .news_view .board_content .reply_con .txt {}
.news_contents .news_view .nodata {text-align: center; padding:10rem 0;}
.news_contents .news_view .nodata p {padding-top: 1rem; font-weight: 600; color:#001041; font-size: 1.8rem;}


.board_navi { display: flex; background: #f1f2f6; border:1px solid #e5e5e5; padding: 1.5rem 1rem; justify-content: space-between;}
.board_navi div.navi_left { width: 35%;}
.board_navi div.navi_link { width: 30%; text-align: center;}
.board_navi div.navi_right { width: 35%; text-align: right;}
.board_navi a { padding: 0.6rem 1rem; display: inline-block; }
.board_navi a.arrow-btn {
  border: 1px solid #d6d6d6;
  border-radius: 1.6rem;
  background:#f1f2f6;
  font-size: 1.4rem;
  transition: all .2s;
  position: relative;
}
.board_navi div.navi_left a span { display: none; }

.board_navi div.navi_link a.sbtn-list {
  width: 8rem;
  display: inline-block;
  border:1px solid #d6d6d6;
  font-size: 1.6rem;
  padding: 0.5rem 1.5rem;
  text-align:center;
  color: #001041;
  border-radius: 0.5rem;
  font-weight: 400;
  transition: all .2s;
  background: none;
}
.board_navi .navi_left a.arrow-btn::before{font-family:Linearicons-Free; content: "\e875"; left: 10px;}
.board_navi .navi_right a.arrow-btn::before{ font-family:Linearicons-Free;content: "\e876"; right: 10px;;}

/*

.news_contents .news_view .board_navi dl {display: table; table-layout: fixed; width: 100%;}
.news_contents .news_view .board_navi dl dt {display: table-cell; vertical-align: middle; width: 135px; text-align:center;}
.news_contents .news_view .board_navi dl dd {display: table-cell; vertical-align: middle; white-space: nowrap; position:relative; text-align: left;}
.news_contents .news_view .board_navi dl dd.navi_right a.arrow-btn {padding-right: 100px;}
.news_contents .news_view .board_navi dl dd.navi_left a.arrow-btn {padding-left: 100px;}
.news_contents .news_view .board_navi dl dd span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow:hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}
.news_contents .news_view .board_navi dl dd a span {color: #000;}

*/
.news_contents .news_view .file_download {
  padding: 0 0 2rem;
}
/**************************************************************
  뉴스 상세보기 네비게이션
***************************************************************/
/*
.board_navi a.arrow-btn {display: block;}
.board_navi a.arrow-btn strong {border:1px solid #d6d6d6; border-radius:16px; background:#f1f2f6; font-size: 14px; padding: 6px 20px; position: absolute; top: 9px; transition: all .2s;}
.board_navi a.arrow-btn:hover strong {background: #001140; color: #fff; border:1px solid #001140;}
.board_navi .navi_left a.arrow-btn strong {padding-left: 3rem; left: 0;}
.board_navi .navi_right a.arrow-btn strong {padding-right: 3rem; right: 0;}
.board_navi a.arrow-btn strong::before{
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 7px;
  pointer-events: none;
  z-index: 1;
  font-size: 13px;
  color: #506285;
  transition: all .2s;
}
.board_navi .navi_left a.arrow-btn strong::before{content: "\e875"; left: 10px;}
.board_navi .navi_right a.arrow-btn strong::before{content: "\e876"; right: 10px;;}
.board_navi .navi_left a.arrow-btn:hover strong::before, .board_navi .navi_right a.arrow-btn:hover strong::before {color: #fff;}
.board_navi a.btn-list {
  display: inline-block;
  border:1px solid #d6d6d6;
  font-size: 1.6rem;
  padding: 0.5rem 1.5rem;
  text-align:center;
  color: #001041;
  border-radius: 0.5rem;
  font-weight: 400;
  transition: all .2s;
  background: none;
}
.board_navi .btn_list:hover {background: #001140; color: #fff; border:1px solid #001140;}

.board_navi {text-align: center; position: relative; clear: both; margin-top: 3rem; display: table; width: 100%;}
.board_navi span {display: table-cell; width: 33.3333%;}
.board_navi .left_nav { text-align: left; padding-right: 20px;}
.board_navi .right_nav {text-align: right; padding-left: 20px;}
.board_navi .btn {
  text-align: center;
  display: block;
  font-size: 1.4rem;
  height:4rem;
  line-height: 3.6rem;
  position: relative;
  background: #fff;
}
.arrow-btn-left {border:1px solid #063c6d; padding-left: 10px;}
.arrow-btn-left:before {
  content: "\e875";
  font-family:Linearicons-Free;
  font-size: 22px;
  color: #404040;
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 0;
}
.arrow-btn-right {border:1px solid #063c6d; padding-right: 10px;}
.arrow-btn-right:after {
  content: "\e875";
  font-family:Linearicons-Free;
  font-size: 22px;
  color: #404040;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 0;
}
*/

.page_sub_gnb {}

.page_sub_gnb .tab {width: 100%; text-align: center; display:flex; justify-content: space-between; border-bottom: 0.2rem solid #b4b9c6; }
.page_sub_gnb .tab li { width: 50%; position: relative;}
.page_sub_gnb .tab li * {vertical-align: middle;}
.page_sub_gnb .tab li a { color: #73788a; font-size: 1.5rem; font-weight: 400; display: block; position: relative; height: 5rem; display:flex; align-items: center; justify-content: center;}
.page_sub_gnb .tab li.on a { position: relative; font-weight: 600; color: #001140;}
.page_sub_gnb .tab li a::before {
  content: "";
  width: 0;
  height: 0.3rem;
  background: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 3;
}
.page_sub_gnb .tab li.on a::before,
.page_sub_gnb .tab li a.on::before {width: 100%; background: #001140;}
.page_sub_gnb .tab_conlist {padding: 1.5rem 0 1rem;}
.page_sub_gnb>.tab_conlist>li {display: none;}
.page_sub_gnb .tab_conlist li.current {display: block;}
.page_sub_gnb .tab li.on em {
  position: absolute;
  left: 0;
  right:0;
  width: 6rem;
  height: 6rem;
  background:#001041 url(../img/sub/tab_move_ico.png) no-repeat center center;
  border-radius: 6rem;
  top: 3.7rem;
  border:1px solid #001041;
  z-index: 5;
}

/* 행사 / 관람 */
.news_contents .thumb_news {padding: 3rem 0;}
.news_contents .thumb_news > ul {}
.news_contents .thumb_news > ul > li {position: relative; padding: 2rem; margin-bottom: 1rem;}
.news_contents .thumb_news > ul > li a {border:1px solid #e5e5e5; background: #fff; position: relative; display: block; border-radius:8px; overflow: hidden; transition: all ease .8s;}
.news_contents .thumb_news > ul > li a:hover {background: #f1f2f6;}
.news_contents .thumb_news > ul > li .thumb {
    width: 100%;
    padding: 63.52% 0 0;
    display: block;
    position: relative;
    background:#fff url("../img/sub/thumb_list_bg.jpg") no-repeat center center;
    border-bottom: 1px solid #ddd;
}
.news_contents .thumb_news > ul > li .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.news_contents .thumb_news > ul > li .data_con .thumb img {width: 100%; max-height: 100%; transition: transform ease .8s;}
.news_contents .thumb_news > ul > li .thumb .sticker {
  position: absolute;
  z-index: 11;
  bottom: -1.9rem;
  left: 2rem;
  display: inline-block;
  text-align: center;
  line-height: 1.2;
  font-size: 1.3rem;
  padding: 1rem 1.5rem;
  border-radius: 0.6rem;
}
.news_contents .thumb_news > ul > li .data_con .sticker.ing {background: #001140; color: #fff;}
.news_contents .thumb_news > ul > li .data_con .sticker.expected {background: #c9dbed; color: #001140;}
.news_contents .thumb_news > ul > li .data_con .sticker.end {background: #787879; color: #fff;}
.news_contents .thumb_news > ul > li .details dl {padding: 4rem 3rem 0;}
.news_contents .thumb_news > ul > li .details dl dt {
  color: #001140;
  font-size: 2.4rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2.5em;
  line-height: 1.4;
}
.news_contents .thumb_news > ul > li .details dl dd { padding: 2rem 0 }
.news_contents .thumb_news > ul > li .details dl dd > ul > li {color: #001041; font-size: 1.5rem; margin-bottom: 0.5rem; font-weight: 400;}


/* 관람예약 */
.gallery_reserve .reserve_info {position: relative; color: #001041; padding: 3rem 0 0;}
.gallery_reserve .reserve_info h3 {font-size: 1.8rem; font-weight: 600; }
.gallery_reserve .reserve_info .info_con {overflow: hidden; }
.gallery_reserve .reserve_info .info_con .left_step {
  padding: 3rem 0;
}
.gallery_reserve .reserve_info .info_con .left_step ul li {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  background: url("../img/sub/gal_step_bg.jpg") no-repeat 0 bottom;
}
.gallery_reserve .reserve_info .info_con .left_step ul li:last-child {background: none; margin-bottom: 0; padding-bottom: 0;}
.gallery_reserve .reserve_info .info_con .left_step ul li dt {font-weight: 600; font-size: 1.5rem; padding-bottom: 1.5rem;}
.gallery_reserve .reserve_info .info_con .left_step ul li dt strong {color: #3cadd6; display: inline-block; margin-right: 1rem; font-size: 1.8rem;}
.gallery_reserve .reserve_info .info_con .left_step ul li dt i {margin-right: 1rem; vertical-align: middle;}
.gallery_reserve .reserve_info .info_con .right_go {
  width: 100%;
  position: relative;
}
.gallery_reserve .reserve_info .info_con .right_go:before {
  content: "";
  width: 100%;
  display: block;
  padding: 87.5% 0 0;
  background: url("../img/sub/gal_reserve_img.jpg") no-repeat 0 0;
  background-size: cover;
}
.gallery_reserve .reserve_info .info_con .right_go .img_con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2rem 0 0;
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  overflow: hidden;
}
.gallery_reserve .reserve_info .info_con .right_go dl {padding: 1rem 3rem 0; color: #fff;}
.gallery_reserve .reserve_info .info_con .right_go dl dt {font-weight: 600; font-size: 1.4rem;}
.gallery_reserve .reserve_info .info_con .right_go dl dd strong {font-weight: 600; font-size: 1.4rem;}
.gallery_reserve .reserve_info .info_con .right_go a.btn {
  background: #001140;
  color: #fff;
  height:5rem;
  padding-top: 1rem;
  text-align: center;
  display: block;
  font-size: 1.5rem;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  transition: all .2s;
  position: relative;
}
.gallery_reserve .reserve_info .info_con .right_go a i {margin-left: 5px; display: inline-block; transition: all .4s ease;}
.gallery_reserve .reserve_info .info_con .right_go a:hover {background:#3cadd6;}
.gallery_reserve .reserve_info .info_con .right_go a:hover i {transform: rotate(90deg); transform-origin: center center 0px;}


/* 행사관람 > 신청내역 확인 */
.reserve_list { padding: 3rem 2rem; }
.reserve_list ul {}
.reserve_list ul li {margin-bottom: 2rem;}
.reserve_list .list_con {border: 1px solid #e5e5e5; border-radius: 6px; position: relative; }
.reserve_list .list_con .data_info {}
.reserve_list .list_con .data_info dl {display: table; table-layout: fixed; width: 100%; }
.reserve_list .list_con .data_info dl dt {display: table-cell; width: 106px; vertical-align: middle; color: #001041; text-align: center;}
.reserve_list .list_con .data_info dl dd {display: table-cell; padding: 1.5rem; vertical-align: middle;}
.reserve_list .list_con .data_info strong.ico_label { width: 100%; height: 103px; display: inline-block; padding-top: 2rem; font-size: 1.5rem; border-top-left-radius: 0.6rem; border-top-right-radius: 0.6rem;}
.reserve_list .list_con .data_info strong.ico_label i {display: block; text-align: center; height: 40px;}
.reserve_list .list_con .data_info dl dd p {color: #001140;}
.reserve_list .list_con .data_info dl dd p.date {font-size: 1.4rem; font-weight: 600; padding-bottom: 0.5rem;}
.reserve_list .list_con .data_info dl dd p.tit {}
.reserve_list .list_con .data_info dl dd p.tit strong {
  font-size: 1.8rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2em;
}
.reserve_list .list_con .data_info dl dd p.btns {padding-top: 1rem;}
.reserve_list .list_con .data_info dl dd p.btns a {color: #001140; font-size: 1.4rem; display:inline-block; margin-right: 1rem; position: relative; padding-bottom: 0.4rem;}
.reserve_list .list_con .data_info dl dd p.btns a::before {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: 0;
    left:0;
    z-index: 15;
    width: 0;
    height: 1px;
    background-color: rgba(6,23,68,.6);
    -webkit-transition: all .4s cubic-bezier(.25, .46, .45, 1);
    -moz-transition: all .4s cubic-bezier(.25, .46, .45, 1);
    -o-transition: all .4s cubic-bezier(.25, .46, .45, 1);
    transition: all .4s cubic-bezier(.25, .46, .45, 1);
}
.reserve_list .list_con .data_info dl dd p.btns em {
  display: inline-block;
  width: 2.6rem;
  height: 2rem;
  border-radius: 2rem;
  text-align: center;
  background: none;
  border: 1px solid rgba(6,23,68,.2);
  color: #001140;
  margin-left: 0.3rem;
  transition: all .2s ease;
}
.reserve_list .list_con .data_info dl dd p.btns em i {display: inline-block; font-size: 1.2rem; vertical-align: top; padding-top:0.3rem;}
.reserve_list .list_con .data_info dl dd p.btns a:hover {}
.reserve_list .list_con .data_info dl dd p.btns a:hover::before {left:0; width:100%;}
.reserve_list .list_con .data_info dl dd p.btns a:hover em {border: 1px solid rgba(6,23,68,.6);}
.reserve_list .list_con .data_info dl dd p.btns a:hover em i {color: #001140; animation: arrow_animate 2s infinite;}
.reserve_list .list_con .data_info dl dd p.detail {font-size: 1.8rem;}
.reserve_list .list_con .data_info dl dd p.detail span {display: inline-block; padding-right: 1.2rem; letter-spacing: -1px;}
.reserve_list .list_con .data_info dl dd p.detail span strong {display: inline-block; font-weight: 600; letter-spacing: 0;}
.reserve_list .list_con .status {text-align: center; border-bottom-left-radius: 0.6rem; border-bottom-right-radius: 0.6rem;}
.reserve_list .list_con .status.rsv_ing {background: #c9dbed; color: #001140;}
.reserve_list .list_con .status.rsv_end {background: #001140; color: #fff;}
.reserve_list .list_con .status.rsv_reply_ing {background: #293e6a; color: #fff;}

.reserve_list .list_con .status dl {white-space: nowrap; width: 100%;}
.reserve_list .list_con .status dl dt {font-size: 2rem; padding: 1.5rem 0 0.5rem; font-weight: 600;}
.reserve_list .list_con .status dl dd {font-size: 1.4rem; padding: 0.3rem 0 1.5rem; font-weight: 300;}

.layerPopup.people_pop {position: fixed; width: 70%;}
.layerPopup.people_pop h2 {font-size: 21px; font-weight: 600; color: #001140; padding-bottom: 10px;}
.layerPopup.people_pop .chg_box * {vertical-align: middle;}
.layerPopup.people_pop .btn_ok_blue {
    display: inline-block;
    color: #fff;
    border-radius: 6px;
    transition: all .3s;
    background: #001140;
    padding: 9px 25px 0;
    height: 40px;
    font-size: 15px;
}







.my_list .title_area {
  position: relative;
  padding: 4.5rem 2rem;
  background: url("../img/sub/price_inquiry_auth_bg.jpg") no-repeat;
  background-size: cover;
}
.my_list .title_area h3 {
  color: #fff;
  font-size: 1.8rem; padding: 0 2rem; font-weight: 700;
  text-align: center;
}


/**********************
  갤러리 > 더샵 갤러리
***********************/
.gallery_intro_page { overflow: hidden; }
.gallery_intro_page > section .outline_txt {display: inline-block; width:50rem;}
.gallery_intro { overflow: hidden; padding: 5rem 2rem 3rem;}
.gallery_intro div.gallery_summary {
  position: relative;
  padding: 0 0 22rem;
}
.gallery_intro div.gallery_summary h3 {
  font-size: 2.3rem;
  color: #001041;
  line-height: 1.4;
  margin: 0 0 2rem;
  font-weight: 600;
}
.gallery_intro div.gallery_summary p {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 500;
}
.gallery_intro div.gallery_summary:before {
  content:"";
  font-weight: 600;
  display: block;
  width: 18rem;
  height: 18rem;
  background: url("/resources/img/sub/gal_intro_ele.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 2.8rem;
  z-index: 99;
}
.gallery_intro div.gallery_summary:after {
  content:"THE SHOP GALLERY";
  display: block;
  font-size: 6rem;
  font-weight: 700;
  position: absolute;
  left: 0;
  bottom: 7.5rem;
  white-space: nowrap;
  color: #e9ebf0;
  z-index: 9;
}
.gallery_view { position: relative; z-index: 10; }
.gallery_view img { width: 100%; }

.gallery_identity {
  position: relative;
  padding: 42rem 0 5rem;
  background: #3f3f41;
  margin: -4rem 0 0;
}
.gallery_identity p { color: #fff; font-size: 1.5rem;}
.gallery_identity:before {
  content:"GALLERY Identity";
  display: block;
  font-size: 6rem;
  font-weight: 700;
  position: absolute;
  left: 5%;
  top: 10.5rem;
  white-space: nowrap;
  color: #505050;
  z-index: 9;
}
.gallery_identity:after {
  content:"";
  font-weight: 600;
  display: block;
  width: 90%;
  padding: 67% 0 0;
  background: url("/resources/img/sub/gal_intro_id.png") no-repeat;
  background-size: contain;
  position: absolute;
  left: 5%;
  top: 13.8rem;
  z-index: 99;
}
.gallery_movie {background: #3f3f41; padding:0 0 5rem;}
.gallery_movie .response_mov { padding: 56.30% 0 0; position: relative; }
.gallery_movie .response_mov video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gallery_movie .inner .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index: 60;}
.gallery_movie .inner .movie_btn a {
    width: 7rem;
    height: 7rem;
    z-index: 43;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    transition: all .2s;
    background: rgba(0,0,0,.5);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 7rem;
 }
.gallery_movie .inner .movie_btn a::before {
    content: "\f04b";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 3rem;
    color: #c9dbed;
    margin-top: 2rem;
}
.gallery_movie .inner .movie_btn p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 18px;
    color: #fff;
    opacity: .7;
    letter-spacing: 1px;
    padding-top: 1rem;
}

.gallery_intro_page > section .outline_txt {}
.gallery_intro_page > section .outline_txt svg { height:3.5rem;}
.gallery_intro_page > section .outline_txt text {
    fill: none;
    stroke: #001041;
    stroke-width: 1px;
    font-weight: 700;
    color: #001041;
    letter-spacing: 0;
    font-size: 6rem;
}
.gallery_intro_page > section.gallery_info .outline_txt { padding: 0 0 1rem; }
.gallery_info {background: #fff; padding: 5rem 0 0;}
.gallery_info .info_slide {position: relative;}
.gallery_info .info_slide .slick-arrow {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  text-align: center;
  background: none;
  border: 1px solid rgba(0,16,65,.2);
  color: transparent;
  font-family: Linearicons-Free;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
.gallery_info .info_slide .slick-prev {
  position: absolute;
  top: -4.5rem;
  right: 4rem;
}
.gallery_info .info_slide .slick-next {
  position: absolute;
  top: -4.5rem;
  right: 0;
}
.gallery_info .info_slide .slick-prev::before {
  content: "\e875";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 3rem;
  width: 100%;
  height: 100%;
  color: #001041;
}
.gallery_info .info_slide .slick-next::before {
  content: "\e876";
  position: absolute;
  left: 0;
  top: 0;
  line-height: 3rem;
  width: 100%;
  height: 100%;
  color: #001041;
}
.gallery_info .info_slide .side-con img {
  width: 100%;
  height: auto;
}
.gallery_info .info_slide .side-con strong {
  padding: 1rem 0;
  display: block;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 600;
}
.gallery_info .info_slide .side-con span {
  display: block;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 500;
}
.gallery_info .right_info {color:#001041; padding-bottom: 10px;}
.gallery_info .right_info dt {font-size: 32px; font-weight: 700;}
.gallery_info .right_info dd {font-size: 18px; padding-top: 10px; line-height: 1.7;}

.gallery_location {background: #fff; }
.gallery_location .location_list {overflow:hidden; padding: 2rem 0;}
.gallery_location .location_list li { position: relative; margin-bottom: 1.5rem; padding-left:4.2rem;}
.gallery_location .location_list span {position: absolute; left: 0; top: 5px;}
.gallery_location .location_list dl {color:#001041;}
.gallery_location .location_list dl dt {font-size: 1.8rem; font-weight: 600;}
.gallery_location .location_list dl dd {font-size: 1.5rem; font-weight: 500; line-height: 1.8; padding-left: 2px;}
.gallery_location .location_list dl dd em {display: inline-block; border-radius:25px; width: 25px; height: 25px; color: #fff; text-align: center; line-height: 25px;}
.gallery_location .location_list dl dd em.label_blue {background: #244da0;}
.gallery_location .location_list dl dd em.label_green {background: #2d753e;}
.gallery_location .map_api { margin: 0 -2rem; height: 80vw; max-height: 64rem; background: #eae7e5; }
.gallery_location .outline_txt {position: relative; margin-bottom: 3rem;}
.gallery_location .outline_txt::after {
  content: "";
  width: 837px;
  height: 1px;
  position: absolute;
  bottom: 18px;
  left: 300px;
  background: #e9ebf0;
}
.gallery_partner {padding-bottom: 5rem;}
.gallery_partner .logo_list dl { padding: 1.5rem 0 0; display: flex; flex-wrap: wrap; }
.gallery_partner .logo_list dt { width: 50%; margin: 0 0 1.5rem; }
.gallery_partner .logo_list dt span { width: 100%; display: block; position: relative; padding: 50% 0 0; border: 0.1rem solid #e5e5e5; border-radius: 0.6rem; background: #fff; }
.gallery_partner .logo_list dt span img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.gallery_partner .logo_list dd { width: 50%; display: flex; color: #001041; font-size: 1.5rem; align-items: center; padding: 0 1rem; font-weight: 500; margin: 0 0 1.5rem;}

/* 브랜드 > 로고 */
.logo_contents {padding: 4rem 0 8rem; position:relative; overflow: hidden;}
.logo_intro .logo_txt p { padding-bottom: 4.5rem; font-size: 1.6rem; line-height: 1.7; letter-spacing: -0.5px; text-align: center; }
.logo_intro .logo_txt p strong { font-weight: 600; }
.logo_intro .logo_img p { text-align: center; }
.logo_intro .logo_img p img { width: 60%; max-width: 42rem; min-width: 21rem; padding: 0 0 4.5rem;}
.logo_intro .logo_download { position: relative; height: 5rem; text-align: center; }
.logo_intro .logo_download a.btn-sign-download { position: relative; z-index: 9;}
.logo_intro .logo_download:after {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #001041;
}
.logo_symbol { padding: 4rem 2rem 6rem;}
.logo_symbol .tit { position: relative; margin: 0 0 2rem; height: 3.7rem;}
.logo_symbol .tit h3 {
  font-size: 2.4rem;
  padding: 0 0.5rem 0 0;
  height: 3.7rem;
  line-height: 3.7rem;
  background: #fff;
  display: flex;
  align-items: baseline;
}
.logo_symbol .tit span {
  color: #001041;
  padding: 0 0.5rem 0 0;
  font-weight: 600;
}
.logo_symbol .tit strong {
  padding: 0 1rem 0 0;
  font-size: 3rem;
  color: #e9ebf0;
  font-weight: 700;
}
.logo_symbol .tit i {
  width: 100%;
  height: 1px;
  display: block;
  background: #e9ebf0;
}
.logo_symbol .txt {padding: 1rem 0 2rem; font-size: 1.5rem;}
.logo_symbol .img:nth-of-type(1) { position: relative; margin: 0 0 5rem; }
.logo_symbol .img:nth-of-type(1):before {
  position: absolute;
  top: -2.8rem;
  left: 20%;
  content: "ADVANCE IN CORE";
  display: block;
  white-space: nowrap;
  font-size: 4rem;
  font-weight: 700;
  color: #e9ebf0;
}

.logo_type { padding: 4rem 2rem 6rem; background: #f0f1f5;}
.logo_type .tit { position: relative; margin: 0 0 2rem; height: 3.7rem;}
.logo_type .tit h3 {
  font-size: 2.4rem;
  padding: 0 0.5rem 0 0;
  height: 3.7rem;
  line-height: 3.7rem;
  display: flex;
  align-items: baseline;
}
.logo_type .tit span {
  color: #001041;
  padding: 0 0.5rem 0 0;
  font-weight: 600;
}
.logo_type .tit strong {
  padding: 0 1rem 0 0;
  font-size: 3rem;
  color: #e9ebf0;
  font-weight: 700;
}
.logo_type .txt {padding: 1rem 0 2rem; font-size: 1.5rem;}
.logo_type .img:nth-of-type(1) { position: relative; margin: 0 0 5rem; }
.logo_type .img:nth-of-type(1):before {
  position: absolute;
  top: -2.8rem;
  left: 20%;
  content: "ADVANCE IN CORE";
  display: block;
  white-space: nowrap;
  font-size: 4rem;
  font-weight: 700;
  color: #e9ebf0;
}
.logo_color { padding: 4rem 2rem 6rem;}
.logo_color .tit { position: relative; margin: 0 0 2rem; height: 3.7rem;}
.logo_color .tit h3 {
  font-size: 2.4rem;
  padding: 0 0.5rem 0 0;
  height: 3.7rem;
  line-height: 3.7rem;
  background: #fff;
  display: flex;
  align-items: baseline;
}
.logo_color .tit span {
  color: #001041;
  padding: 0 0.5rem 0 0;
  font-weight: 600;
}
.logo_color .tit strong {
  padding: 0 1rem 0 0;
  font-size: 3rem;
  color: #e9ebf0;
  font-weight: 700;
}
.logo_color .tit i {
  width: 100%;
  height: 1px;
  display: block;
  background: #e9ebf0;
}
.logo_color .txt { padding: 1rem 0 2rem; font-size: 1.5rem; }
.logo_color .img { margin: 0 -2rem; }



.logo_slogan { padding: 4rem 2rem 6rem; background: #f0f1f5;}
.logo_slogan .tit { position: relative; margin: 0 0 2rem; height: 3.7rem;}
.logo_slogan .tit h3 {
  font-size: 2.4rem;
  padding: 0 0.5rem 0 0;
  height: 3.7rem;
  line-height: 3.7rem;
  display: flex;
  align-items: baseline;
}
.logo_slogan .tit span {
  color: #001041;
  padding: 0 0.5rem 0 0;
  font-weight: 600;
}
.logo_slogan .tit strong {
  padding: 0 1rem 0 0;
  font-size: 3rem;
  color: #e9ebf0;
  font-weight: 700;
}
.logo_slogan .tit i {
  width: 100%;
  height: 1px;
  display: block;
  background: #e9ebf0;
}
.logo_slogan .txt {padding: 1rem 0 2rem; font-size: 1.5rem;}
.logo_slogan .btn_in { text-align: center; padding: 3.5rem 0 0;}


.logo_contents .video_box {width: 100%; position: relative; padding: 56% 0 0; margin-top: 5rem;}
.logo_contents .video_box video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0px;
  left: 0px;
}
.logo_contents .video_box .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index:60;}
.logo_contents .video_box .movie_btn p {font-family: 'Montserrat', sans-serif; font-weight: 100; font-size: 1.2rem; color: #fff; opacity: .7; letter-spacing: 1px; padding-top: 4rem;}
.logo_contents .video_box .movie_btn button {
  width: 60px;
  height: 60px;
  z-index: 43;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  display: inline-block;
  transition: all .2s;
  background: rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.5);
  border-radius: 60px;
}
.logo_contents .video_box .movie_btn button::before {
  content: "\f04b";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.6rem;
  color: #c9dbed;
}
.logo_contents .video_box video {width: 100%;}
.logo_contents .button_video {position: relative; text-align: right; padding-top: 20px; margin-right:2rem;}
.logo_contents .button_video span {position: absolute; right: 0; top: 50%; width: 100%; height: 1px; margin-top: 10px; background: #dddddd;}
.logo_contents .button_video .button_line {text-align:center; position: relative;}
.logo_contents .button_video a.btn {
    display: inline-block;
    font-size: 1.4rem;
    padding: 12px 20px;
    text-align: center;
    color: #fff;
    background: #001140;
    border-radius: 5px;
    font-weight: 300;
    position: relative;
    z-index: 3;
    background: #ef3f3c !important;
}

/*
.logo_contents .motion_txt {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  white-space: nowrap;
  font-size: 110px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #e9ebf0;
  z-index: 30;
  opacity: 0;
}
.logo_contents .logo_func {position: absolute; top:300px; right: 0; z-index:40;}
.logo_contents .logo_func.on {position: fixed;}
.logo_contents .logo_func .func_con {border-radius: 30px; padding: 8px 12px; border:1px solid #e5e5e5; transform: rotate(90deg); background: #fff;}
.logo_contents .logo_func .func_con a {color: #3f3e40; display: inline-block; text-align:center;}
.logo_contents .logo_func .func_con a strong {display: inline-block; font-family: 'Montserrat', sans-serif; padding: 8px 0; font-size: 14px; text-transform:uppercase; font-weight: 500; border-radius: 20px; width: 70px;}
.logo_contents .logo_func .func_con a.active strong {background:#3f3e40; color: #fff;}

.logo_contents .logo_con_list {padding: 2rem 0 5rem;}
.logo_contents .logo_con_list.logo_con_1 {text-align:center; }
.logo_contents .logo_con_list p.txt {padding-bottom: 4.5rem; font-size: 1.6rem; line-height: 1.7; letter-spacing: -0.5px;}
.logo_contents .logo_con_list p.img {padding-bottom: 5rem; text-align: center;}
.logo_contents [data-logo-change="text"] {color:#001041;}
.logo_contents [data-logo-change="entxt"] {color:#dde0e8; font-family: 'Montserrat', sans-serif;}
.logo_contents [data-logo-change="line"] {background: #ddd;}

.logo_contents .logo_con_list .button_line {text-align:center; position: relative; margin: 0 0 5rem;}
.logo_contents .logo_con_list a.btn {
    display: inline-block;
    font-size: 15px;
    padding: 12px 20px;
    text-align: center;
    color: #fff;
    background: #001140;
    border-radius: 5px;
    font-weight: 300;
    position: relative;
    z-index: 3;
}
.logo_contents .logo_con_list .boximg img { width: 100%; }
a.btn.btn-color-red {background: #ef3f3c !important;}
.logo_contents .logo_con_list a.btn.btn-color-red i.lnr {margin-left: 5px;}
.logo_contents .logo_con_list a.btn.btn-color-red i.fa {margin-left:0; margin-right: 5px;}

.logo_contents .logo_con_list a.btn i {margin-left: 5px;}
.logo_contents .logo_con_list .button_line span {position: absolute; left: 0; right: 0; top: 50%; width: 100%; height: 1px;}
.logo_contents .logo_con_list .button_video {width: 1100px; margin:0 auto; position: relative; text-align: right; padding-top: 20px;}
.logo_contents .logo_con_list .button_video span {position: absolute; right: 0; top: 50%; width: 100%; height: 1px; margin-top: 10px;}


.logo_contents .infobox {width: 100%; }
.logo_contents .infobox div.logo_img {position: relative; text-align: left; vertical-align: top; }
.logo_contents .infobox div.logo_txt { padding: 0 5rem; }
.logo_contents .infobox div.logo_txt span {font-weight: 600; display: inline-block;}
.logo_contents .infobox div.logo_txt strong {font-weight: 600; text-transform: uppercase; display: inline-block; margin-left: 10px;}
.logo_contents .infobox div.logo_txt i.txtline {position: absolute; right: 50px; top: 37px; width: 200px; height: 1px; display: inline-block;}
.logo_contents .infobox div.logo_img { width: 60%; margin: 0 auto; text-align: left; vertical-align: top; font-size: 16px; line-height: 1.7; letter-spacing: -0.5px;}
.logo_contents .infobox .btn_in {text-align: left; padding-top: 40px;}

.logo_contents .type div.logo_tit { font-size: 1.8rem; }
.logo_contents .type div.logo_txt {font-size: 1.4rem; }


.logo_contents .logo_con_list.box_bg {background: #f0f1f5;}
.logo_contents .video_box {position:relative; width: 1380px; height: 777px; margin:30px auto;}
.logo_contents .video_box .movie_btn {position: absolute; left: 50%; top: 50%; transform: translate(-50.1%, -50.1%); text-align: center; z-index:60;}
.logo_contents .video_box .movie_btn p {font-family: 'Montserrat', sans-serif; font-weight: 100; font-size: 18px; color: #fff; opacity: .7; letter-spacing: 1px; padding-top: 10px;}
.logo_contents .video_box .movie_btn button {
  width: 145px;
  height: 145px;
  z-index: 43;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  display: inline-block;
  transition: all .2s;
  background: rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.5);
  border-radius: 145px;
}
.logo_contents .video_box .movie_btn button::before {
  content: "\f04b";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  color: #c9dbed;
}
.logo_contents .video_box video {width: 1380px; height: 777px;}
*/

.history_contents {position: relative; padding: 5rem 0;}
.history_contents .timecircle {
  background: url(../img/sub/history_time.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
  width: 100%;
  padding: 100% 0 0;
  position: absolute;
  left: 50%;
  top: 10rem;
  transform: translateX(-50%);
  z-index:1;
}
.history_contents .left_year { position: relative; z-index: 9;}
.history_contents .left_year .tit {font-size: 2.4rem; font-weight: 600; color: #001140; padding-bottom: 2rem; line-height: 1.2;}
.history_contents .year {font-size: 11rem; font-weight: 300; color: #001140; font-family: 'Georgia', serif; padding: 0 0 1rem;}

.history_contents .right_essue {color: #001041; position: relative; z-index:2;}
.history_contents .right_essue .essue_list_con {padding: 4.5rem 0 0;}
.history_contents .right_essue .essue_list_con .essue_list {}
.history_contents .right_essue .essue_list_con .essue_list > li {font-size: 1.5rem; letter-spacing: -0.5px; position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem;}
.history_contents .right_essue .essue_list_con .essue_list > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  left: 0;
  top: 0.9rem;
  background:#001041;
  border-radius: 0.4rem;
}
.history_contents .right_essue .essue_list_con .essue_list > li strong {font-weight: 600;}
.history_contents .right_essue .essue_list_con .essue_list > li > ul {padding-top: 0.5rem;}
.history_contents .right_essue .essue_list_con .essue_list > li > ul > li {padding-left: 1.2rem; position: relative;}
.history_contents .right_essue .essue_list_con .essue_list > li > ul > li::before {
  content: "";
  width: 0.4rem;
  height: 0.1rem;
  position: absolute;
  left: 0;
  top: 1.5rem;
  background:#001041;
  border-radius: 0.4rem;
}
.history_contents .right_essue .essue_list_con p.img {padding-top: 1.5rem;}



/* Etc */
.privacy_ver {}
.privacy_ver .document h4 { font-size: 1.6rem; padding-bottom: 2rem; font-weight: 600; }
.privacy_ver .document h4 img.icon { vertical-align: middle; width:35px;}
.privacy_ver .con_block {border-bottom: 1px solid #e5e5e5; padding: 4rem 0 3rem; }
.privacy_ver .private_summary {padding: 4rem 0; border-bottom: 1px solid #293e6a; margin-bottom: 3rem; font-size: 1.4rem;}
.privacy_ver p { font-size: 1.4rem; }
.privacy_ver .privacy_select {text-align: right; margin-bottom: 2rem;}
.privacy_ver .privacy_select select {border-color:#273d6b; height: 4.6rem;}
.privacy_ver .privacy_select .select-wrapper:before {top: 1.1rem;}
.privacy_ver .rule_list {background: #f1f2f6; border:1px solid #e5e5e5; padding: 2rem; overflow: hidden; border-radius: 0.6rem;}
.privacy_ver .rule_list > ul li { font-size: 1.4rem; }
.privacy_ver .rule_list > ul li a {padding: 0.5rem 0 0.5rem 1.5rem; display: block; color: #001041; font-size: 1.5rem; text-indent: -1.5rem; font-weight: 500;}
.privacy_ver .rule_list > ul li a:hover {text-decoration: underline;}
.privacy_ver .scroll_wrap { width: calc(100vw - 4rem); overflow: auto; }


.privacy_ver .common_tb_col {width: 100%; margin-bottom: 2rem; border-top: 0.2rem solid #a7bfd6; table-layout: fixed; border-collapse: collapse;}
.privacy_ver .common_tb_col tbody tr:first-child th,
.privacy_ver .common_tb_col tbody tr:first-child td {
    border-top: 1px solid #e5e5e5;
}
.privacy_ver .common_tb_col tbody tr:last-child th,
.privacy_ver .common_tb_col tbody tr:last-child td {
    border-bottom: 1px solid #e5e5e5;
}
.privacy_ver .common_tb_col tbody th {
  vertical-align: middle;
  font-size: 1.5rem;
  background: #fff;
  border:1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  color: #78787a;
  text-align: left;
  padding:1.5rem 2rem;
}
.privacy_ver .common_tb_col tbody td {
  vertical-align: middle;
  color: #78787a;
  padding:1.5rem 2rem;
  font-size: 1.5rem;
  text-align: left;
  border:1px solid #e5e5e5;
  background: #fff;
}
.privacy_ver .common_tb_col tbody tr:first-child td {border-top:1px solid #e5e5e5;}
.privacy_ver .common_tb_col tbody tr:last-child td {border-bottom:1px solid #e5e5e5; }
.privacy_ver .common_tb_row {margin: 2rem 0; table-layout: fixed; border-collapse: collapse;}
.privacy_ver .document .common_tb_row tbody td { font-size: 1.4rem; }

.rules_ver .summary {padding: 4rem 0; border-bottom: 1px solid #293e6a; margin-bottom: 1rem; font-size: 1.6rem; line-height: 1.7;}
.rules_ver .summary dt {padding-bottom: 2rem; font-weight: 500;}
.rules_ver .document h4 {border-top:1px solid #e5e5e5; margin: 2rem 0; padding-top: 3rem; font-size: 1.8rem; font-weight: 500; }
.rules_ver .document p { font-size: 1.4rem;}
.privacy_ver h3 {text-align: center; font-size:2.4rem; font-weight: 600; color:#001041; padding: 4rem 2rem 2rem;}
.rules_ver h3 {text-align: center; font-size:2.4rem; font-weight: 600; color:#001041; padding-bottom: 2rem;}

.privacy_ver .page_container { padding: 2rem 2rem 3rem; }
.rules_ver .page_container { padding: 4rem 2rem 3rem; }

.privacy_ver .list>li {line-height: 1.6; font-size: 14px;}
.privacy_ver .txt_list>li { text-indent: -20px; padding: 0 0 0 20px; font-size: 14px; }
.privacy_ver p.txtcon { text-indent: -20px; padding: 0 0 0 20px; font-size: 14px; }
.privacy_ver h5 { font-size: 14px; font-weight: 600; margin: 10px 0 0;}


/* 상품페이지 > 커뮤니티
***************************/
.community_page {overflow: hidden; padding-bottom: 2.5rem;}
.community_page img {width: 100%;}
.community_page .intro_sec {
  position: relative;
  background: url("../img/sub/community_intro_bg.jpg") no-repeat 50% 0;
  background-size: cover;
}
.community_page .intro_sec .img.bg_img { width: 100%; position: relative; top: 0; left: 0; z-index: -1;}
.community_page .intro_sec .top_txt {font-size: 1.4rem; letter-spacing: -0.5px; line-height: 1.7; padding: 4.5rem 0 2.5rem; text-align: center; }
.community_page .intro_sec .info_tit {/* padding: 2rem 0 0; */text-align: center;}
.community_page .intro_sec .btm_txt {line-height: 1.7;font-size: 1.4rem;padding: 2rem 0 2rem;position: relative;text-align: center;}
.community_page .intro_sec .logo_download { text-align: center; padding: 0 0 2.5rem;}

.community_page .comt_con { margin: 10rem 0; padding: 0 0 2rem; position: relative; }
.community_page .comt_con h3 { color: #e9ebf0; font-size: 5.0rem; font-weight: 700; padding: 0 0 1rem 1rem; background: #fff; width: 100%; white-space: nowrap; position: relative; }
.community_page .comt_con .sec_title { display: flex; }
.community_page .comt_con .sec_title .tit_img { width: 50%; order: 0; }
.community_page .comt_con .sec_title .tit_txt { width: 50%; order: 1; }

.community_page .comt_con.even .sec_title .tit_img { width: 50%; order: 1; }
.community_page .comt_con.even .sec_title .tit_txt { width: 50%; order: 0; }

.community_page .comt_con .sec_title .tit_txt h4 { padding: 2rem 1.5rem 0;}
.community_page .comt_con .sec_title .tit_txt h4 strong { display: block; font-size: 2.4rem; font-weight: 700; }
.community_page .comt_con .sec_title .tit_txt  h4 span { display: block; font-size: 1.2rem; color: #9498a7; margin: 0 0 2rem; font-weight: 600; }
.community_page .comt_con .txt { font-size: 1.4rem; padding: 0 1.5rem;}
.community_page .comt_con .slide_area { margin: 3rem 0 -5rem; position: relative; }
.community_page .comt_con .slide_area .slide_con { display: flex; }
.community_page .comt_con.even .slide_area .slide_con { display: flex; }
.community_page .comt_con .slide_area .slide_con .info { width: 50%; order: 0;}
.community_page .comt_con .slide_area .slide_con .info p.tit { font-size: 2rem; color: #333; font-weight: 600;}
.community_page .comt_con .slide_area .slide_con .conimg { width: 50%; order: 1;}
.community_page .comt_con > div { margin: 10rem 0 5rem; padding: 0 0 2rem; position: relative; background: #e9ebf0; }
.community_page .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 4rem; left: 0; z-index: 9999; }
.community_page .comt_con.even .slide_area .slide_con .info { order: 1;}
.community_page .comt_con.even .slide_area .slide_con .conimg { order: 0; }
.community_page .comt_con.even .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 4rem; right: 0; left: auto; z-index: 9999;}
.community_page .inner_slide .control a { display: inline-block; border-radius: 100%; text-align: center; background: none; color: #a0a1a4;   z-index: 20;border: 1px solid #a0a1a4;width: 2.4rem;height: 2.4rem; }
.community_page .inner_slide .control a i {display: inline-block; font-size:1rem; line-height: 2.4rem;}
.community_page .inner_slide .control a.nav_left {}
.community_page .inner_slide .control a.nav_right {}
.community_page .inner_slide .control a.nav_left i {margin-left: -1px;}
.community_page .inner_slide .control a.nav_right i {margin-left: 1px;}
.community_page .inner_slide .control span { color:#666; font-size: 1.2rem; display: inline-block; padding: 0.7rem 1rem;  z-index: 20; right: 2rem; font-weight: 600; }
.community_page .inner_slide .control span strong {display: inline-block; padding-right:16px; margin-right: 5px; position: relative; color:#222;}
.community_page .inner_slide .control span strong::before { content: "";width: 10px;height: 1px;background:#666;position: absolute;right: 0;top: 7px; }
.community_page .inner_slide .control span strong.current { color: #222;}



/* 상품페이지 > 조경
***************************/
.garden_page {overflow: hidden; padding-bottom: 2.5rem;}
.garden_page img {width: 100%;}
.garden_page .intro_sec {
  padding: 6rem 0 15rem;
  position: relative;
  background: url("../img/sub/garden_intro_bg.jpg") no-repeat 50% 0;
  background-size: cover;
}
.garden_page .intro_sec .txt {
  zoom: 0.8;
  text-align: center;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400;
}
.garden_page .intro_sec .copy {
  position: relative;
  text-align: center;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 500;
  color: #001140;
  padding-bottom: 13vw;
}
.garden_page .intro_sec .copy::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  width: 1px;
  height: 20px;
  background: #777;
}
.garden_page .intro_sec .copy strong {
  color: #587642;
  font-weight: 700;
  letter-spacing: -1px;
}
.garden_page .comt_con { margin: 10rem 0; padding: 0 0 2rem; position: relative; }
.garden_page .comt_con h3 {color: #e9ebf0;font-size: 5.0rem;font-weight: 700;padding: 0 0 1rem 38%;width: 100%;white-space: nowrap;position: relative;z-index:999;}
.garden_page .comt_con.even h3 { padding: 0 51% 1rem 1rem; }
.garden_page .comt_con h3.comt { padding: 0 0 1rem 20%; }
.garden_page .comt_con .sec_title { display: flex; }
.garden_page .comt_con .sec_title .tit_img { width: 50%; order: 0; margin: -6rem 0 0;}
.garden_page .comt_con .sec_title .tit_img img { width: 100%;}
.garden_page .comt_con .sec_title .tit_txt { width: 50%; order: 1; }
.garden_page .comt_con .sec_title .tit_txt .txt {font-size: 1.4rem; padding: 0 1.5rem;}

.garden_page .comt_con.even .sec_title .tit_img { width: 50%; order: 1; }
.garden_page .comt_con.even .sec_title .tit_txt { width: 50%; order: 0; }

.garden_page .comt_con .sec_title .tit_txt h4 { padding: 2rem 1.5rem 0;}
.garden_page .comt_con .sec_title .tit_txt h4 strong { display: block; font-size: 2.4rem; font-weight: 700; }
.garden_page .comt_con .sec_title .tit_txt h4 span { display: block; font-size: 1.2rem; color: #9498a7; margin: 0 0 2rem; font-weight: 600; }
.garden_page .comt_con .slide_area { margin: 3rem 0 -5rem; position: relative; }
.garden_page .comt_con .slide_area .slide_con { display: flex; }
.garden_page .comt_con.even .slide_area .slide_con { display: flex; }
.garden_page .comt_con .slide_area .slide_con .txt {font-size: 1.2rem;padding: 4rem 1.5rem 0;text-align: left;}
.garden_page .comt_con .slide_area .slide_con .info { width: 50%; order: 0;}
.garden_page .comt_con .slide_area .slide_con .info p.tit { font-size: 2rem; color: #333; font-weight: 600;}
.garden_page .comt_con .slide_area .slide_con .conimg { width: 50%; order: 1;}
.garden_page .comt_con .slide_area .slide_con .conimg img { width: 100%;}
.garden_page .comt_con > div { padding: 0 0 2rem; position: relative; background: #e9ebf0; }
.garden_page .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 3.2rem; left: 0; z-index: 9999; }
.garden_page .comt_con.even .slide_area .slide_con .info { order: 1;}
.garden_page .comt_con.even .slide_area .slide_con .conimg { order: 0; }
.garden_page .comt_con.even .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 4rem; right: 0; left: auto; z-index: 9999;}
.garden_page .inner_slide .control a { display: inline-block; border-radius: 100%; text-align: center; background: none; color: #a0a1a4;   z-index: 20;border: 1px solid #a0a1a4;width: 2.4rem;height: 2.4rem; }
.garden_page .inner_slide .control a i {display: inline-block; font-size:1rem; line-height: 2.4rem;}
.garden_page .inner_slide .control a.nav_left {}
.garden_page .inner_slide .control a.nav_right {}
.garden_page .inner_slide .control a.nav_left i {margin-left: -1px;}
.garden_page .inner_slide .control a.nav_right i {margin-left: 1px;}
.garden_page .inner_slide .control span { color:#666; font-size: 1.2rem; display: inline-block; padding: 0.7rem 1rem;  z-index: 20; right: 2rem; font-weight: 600; }
.garden_page .inner_slide .control span strong {display: inline-block; padding-right:16px; margin-right: 5px; position: relative; color:#222;}
.garden_page .inner_slide .control span strong::before { content: "";width: 10px;height: 1px;background:#666;position: absolute;right: 0;top: 7px; }
.garden_page .inner_slide .control span strong.current { color: #222;}


/* 서비스 */
.service_page {overflow: hidden; }
.service_page .intro_sec {
  background: url("../img/sub/bluet_intro_bg.jpg") no-repeat 50% 0;
  background-size: cover;
  padding: 8rem 0 6rem;
}
.service_page .intro_sec div.tit { width: 60%; margin: 0 auto 2rem;}
.service_page .intro_sec div.tit img { width: 100%;}
.service_page .intro_sec div.txt { margin: 2rem 0; text-align: center; color: #fff; font-size: 1.4rem;position: relative; padding: 5rem 0 0;}
.service_page .intro_sec div.txt:before {
  content: "";
  display: block;
  top: 0;
  left: 50%;
  width: 1px;
  height: 4rem;
  position: absolute;
  background: #fff;
}
.service_page .intro_sec .logo_download { text-align: center;}
.service_page .intro_sec .logo_download a { color: #000; background: #7bb0e2; width: 21rem; height: 5rem; line-height: 2.9rem;}


.service_page .comt_con { margin: 10rem 0; padding: 0 0 2rem; position: relative; }
.service_page .comt_con h3 { color: #e1322f; font-size: 5.0rem; font-weight: 700; padding: 0 0 3rem 51%; width: 100%; white-space: nowrap; position: relative; z-index:999;margin: 0 0 -2rem;}
.service_page .comt_con h3:after {
  content: "";
  width: 1px;
  height: 3rem;
  background: #0f1e4c;
  display: block;
  position: absolute;
  left: 53%;
  bottom: 0;
  opacity: 0.1;
}

.service_page .comt_con.even h3 { padding: 0 51% 3rem 1rem; }
.service_page .comt_con.even h3:after {
  left: 3%;
}
.service_page .comt_con h3.comt { padding: 0 0 1rem 20%; }

.service_page .comt_con .outline_txt { padding: 1rem 0 0 1rem;}
.service_page .comt_con .outline_txt svg {height: 5rem;}
.service_page .comt_con .outline_txt svg text {
  fill: none;
  stroke: #7bb0e2;
  stroke-width: 1px;
  font-weight: 700;
  color: #7bb0e2;
  letter-spacing: 1px;
  font-size: 6.5rem;
}

.service_page .comt_con .sec_title { display: flex; position: relative;}
.service_page .comt_con .sec_title .tit_img { width: 50%; order: 0; margin: -7.5rem 0 0;}
.service_page .comt_con .sec_title .tit_img img { width: 100%; }
.service_page .comt_con .sec_title .tit_txt { width: 50%; order: 1; }
.service_page .comt_con .sec_title .tit_txt .txt {font-size: 1.4rem; padding: 0 1.5rem;}

.service_page .comt_con.even .sec_title .tit_img { width: 50%; order: 1; }
.service_page .comt_con.even .sec_title .tit_txt { width: 50%; order: 0; }

.service_page .comt_con .sec_title .tit_txt h4 { padding: 2rem 1.5rem 1rem; color: #001241; line-height: 1.4}
.service_page .comt_con .sec_title .tit_txt h4 strong { display: block; font-size: 2.4rem; font-weight: 700; }
.service_page .comt_con .sec_title .tit_txt h4 span { display: block; font-size: 1.2rem; color: #9498a7; margin: 0 0 2rem; font-weight: 600; }
.service_page .comt_con .service1:after { content: "Proactive​"; font-weight: 700; color: #fff; font-size: 17vw; display: block; padding: 1vw 3vw;}
.service_page .comt_con .service2:after { content: "Heartful​"; font-weight: 700; color: #fff; font-size: 17vw; display: block; padding: 1vw 3vw;}
.service_page .comt_con .service3:after { content: "Detailed​"; font-weight: 700; color: #fff; font-size: 17vw; display: block; padding: 1vw 3vw;}
.service_page .comt_con .slide_area { margin: 3rem 0 -5rem; position: relative; }
.service_page .comt_con .slide_area .slide_con { display: flex; }
.service_page .comt_con.even .slide_area .slide_con { display: flex; }
.service_page .comt_con .slide_area .slide_con .txt { font-size: 1.4rem; padding: 4rem 1.5rem 0;}
.service_page .comt_con .slide_area .slide_con .info { width: 50%; order: 0;}
.service_page .comt_con .slide_area .slide_con .info p.tit { font-size: 2rem; color: #333; font-weight: 600;}
.service_page .comt_con .slide_area .slide_con .conimg { width: 50%; order: 1;}
.service_page .comt_con .slide_area .slide_con .conimg img { width: 100%;}
.service_page .comt_con > div { padding: 0 0 2rem; position: relative; background: #e9ebf0; }
.service_page .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 3.2rem; left: 0; z-index: 9999; }
.service_page .comt_con.even .slide_area .slide_con .info { order: 1;}
.service_page .comt_con.even .slide_area .slide_con .conimg { order: 0; }
.service_page .comt_con.even .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 4rem; right: 0; left: auto; z-index: 9999;}
.service_page .inner_slide .control a { display: inline-block; border-radius: 100%; text-align: center; background: none; color: #a0a1a4;   z-index: 20;border: 1px solid #a0a1a4;width: 2.4rem;height: 2.4rem; }
.service_page .inner_slide .control a i {display: inline-block; font-size:1rem; line-height: 2.4rem;}
.service_page .inner_slide .control a.nav_left {}
.service_page .inner_slide .control a.nav_right {}
.service_page .inner_slide .control a.nav_left i {margin-left: -1px;}
.service_page .inner_slide .control a.nav_right i {margin-left: 1px;}
.service_page .inner_slide .control span { color:#666; font-size: 1.2rem; display: inline-block; padding: 0.7rem 1rem;  z-index: 20; right: 2rem; font-weight: 600; }
.service_page .inner_slide .control span strong {display: inline-block; padding-right:16px; margin-right: 5px; position: relative; color:#222;}
.service_page .inner_slide .control span strong::before { content: "";width: 10px;height: 1px;background:#666;position: absolute;right: 0;top: 7px; }
.service_page .inner_slide .control span strong.current { color: #222;}



.service_page .svc_step {background:#7bb0e2; padding: 4rem 0 10rem; position: relative; margin: -12rem 0 0;}
.service_page .svc_step_wrapper {margin:0 auto; padding-top: 3rem;}
.service_page .svc_step_wrapper::after {
  content: "";
  width: 10rem;
  height: 10rem;
  left: 80%;
  bottom: 5rem;
  position: absolute;
  z-index: 1;
  background: url(../img/sub/svc_pattern.png) no-repeat 0 0;
  background-size: contain;
}
.service_page .svc_step_wrapper .step_con {flex:1; text-align: center;}
.service_page .svc_step_wrapper .step_con:nth-of-type(3) {text-align: right;}
.service_page .svc_step_wrapper .step_con:nth-of-type(1) {text-align: left;}
.service_page .svc_step_wrapper .step_con dl {text-align: center;}
.service_page .svc_step_wrapper .step_con dl dt {font-size: 3rem; font-weight: 600; padding-bottom: 2rem; color: #fff;}
.service_page .svc_step_wrapper .step_con dl dd {font-size: 1.5rem; line-height: 1.8; color: #fff; padding-bottom: 7rem;}
.service_page .svc_step_wrapper .con_img {position: relative; display: inline-block; overflow:hidden; z-index: 3; margin: 0 0 5rem;}
.service_page .svc_step_wrapper .con_img img {width: 100%;}
.service_page .svc_step_wrapper p.tit {text-align: center; padding-bottom: 5rem;}
.service_page .svc_step_wrapper p.tit strong {font-size: 1.8rem; display: inline-block; border-radius: 10rem; width: 10rem; color: #fff; border:1px solid #fff; height: 10rem; line-height: 10rem; background: #001241; position: relative; z-index: 2;}

/* 상품 > 기술 */
.aiq_page {overflow: hidden; }
.aiq_page .intro_sec {
  background: url("../img/sub/aiq_intro_bg.jpg") no-repeat 50% 0;
  background-size: cover;
  padding: 8rem 0 6rem;
}
.aiq_page .intro_sec div.tit { width: 60%; margin: 0 auto 2rem;}
.aiq_page .intro_sec div.tit img { width: 100%;}
.aiq_page .intro_sec div.txt { margin: 2rem 0; text-align: center; color: #001140; font-size: 1.4rem;position: relative; padding: 5rem 2rem 0;}
.aiq_page .intro_sec div.txt:before {
  content: "";
  display: block;
  top: 0;
  left: 50%;
  width: 1px;
  height: 4rem;
  position: absolute;
  background: #001140;
}
.aiq_page .intro_sec .logo_download { text-align: center;}
.aiq_page .intro_sec .logo_download a { background: #e1322f; width: 21rem; height: 5rem; line-height: 2.9rem;}


.aiq_page .comt_con { margin: 10rem 0; padding: 0 0 2rem; position: relative; }
.aiq_page .comt_con h3 { color: #001041; font-size: 5.0rem; font-weight: 700; padding: 0 0 3rem 51%; width: 100%; white-space: nowrap; position: relative; z-index:999;margin: 0 0 -2rem;}
.aiq_page .comt_con h3:after {
  content: "";
  width: 1px;
  height: 3rem;
  background: #001041;
  display: block;
  position: absolute;
  left: 53%;
  bottom: 0;
  opacity: 0.1;
}

.aiq_page .comt_con.even h3 { padding: 0 51% 3rem 1rem; }
.aiq_page .comt_con.even h3:after {
  left: 3%;
}
.aiq_page .comt_con h3.comt { padding: 0 0 1rem 20%; }

.aiq_page .comt_con .outline_txt { padding: 1rem 0 0 1rem;}
.aiq_page .comt_con .outline_txt svg {height: 8rem;}
.aiq_page .comt_con .outline_txt svg text {
  fill: none;
  stroke: #001041;
  stroke-width: 1px;
  font-weight: 700;
  color: #001041;
  letter-spacing: 1px;
  font-size: 6.5rem;
}

.aiq_page .comt_con .sec_title { display: flex; }
.aiq_page .comt_con .sec_title .tit_img { width: 50%; order: 0; margin: -9.5rem 0 0;}
.aiq_page .comt_con .sec_title .tit_img img { width: 100%; }
.aiq_page .comt_con .sec_title .tit_txt { width: 50%; order: 1; }
.aiq_page .comt_con .sec_title .tit_txt .txt {font-size: 1.4rem; padding: 0 1.5rem 8rem; position: relative;}

.aiq_page .comt_con.even .sec_title .tit_img { width: 50%; order: 1; }
.aiq_page .comt_con.even .sec_title .tit_txt { width: 50%; order: 0; }

.aiq_page .comt_con .sec_title .tit_txt h4 { padding: 2rem 1.5rem 1rem; color: #001041; line-height: 1.4}
.aiq_page .comt_con .sec_title .tit_txt h4 strong { display: block; font-size: 2.4rem; font-weight: 700; }
.aiq_page .comt_con .sec_title .tit_txt h4 span { display: block; font-size: 1.2rem; color: #9498a7; margin: 0 0 2rem; font-weight: 600; }
.aiq_page .comt_con .service1 .sec_title .tit_txt:after { content: "CONVENIENCE"; font-weight: 700; color: #fff; font-size: 6rem; display: block; padding: 2rem 1.5rem 1rem; white-space: nowrap; position: absolute; bottom: 0; left: 2rem; }
.aiq_page .comt_con .service2 .sec_title .tit_txt:after { content: "SECURITY"; font-weight: 700; color: #fff; font-size: 6rem; display: block; padding: 2rem 1rem 1rem; white-space: nowrap; position: absolute; bottom: 0; left: -2rem; }
.aiq_page .comt_con .service3 .sec_title .tit_txt:after { content: "ENVIRONMENT"; font-weight: 700; color: #fff; font-size: 6rem; display: block; padding: 2rem 1rem 1rem; white-space: nowrap; position: absolute; bottom: 0; left: 2rem; }
.aiq_page .comt_con .slide_area { margin: 3rem 0 -5rem; position: relative; }
.aiq_page .comt_con .slide_area .slide_con { display: flex; }
.aiq_page .comt_con.even .slide_area .slide_con { display: flex; }
.aiq_page .comt_con .slide_area .slide_con .txt { font-size: 1.4rem; padding: 4rem 1.5rem 0;}
.aiq_page .comt_con .slide_area .slide_con .info { width: 50%; order: 0;}
.aiq_page .comt_con .slide_area .slide_con .info p.tit { font-size: 2rem; color: #333; font-weight: 600;}
.aiq_page .comt_con .slide_area .slide_con .conimg { width: 50%; order: 1;}
.aiq_page .comt_con .slide_area .slide_con .conimg img { width: 100%;}
.aiq_page .comt_con > div { padding: 0 0 2rem; position: relative; background: #e9ebf0; }
.aiq_page .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 3.2rem; left: 0; z-index: 9999; }
.aiq_page .comt_con.even .slide_area .slide_con .info { order: 1;}
.aiq_page .comt_con.even .slide_area .slide_con .conimg { order: 0; }
.aiq_page .comt_con.even .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 4rem; right: 0; left: auto; z-index: 9999;}
.aiq_page .inner_slide .control a { display: inline-block; border-radius: 100%; text-align: center; background: none; color: #a0a1a4;   z-index: 20;border: 1px solid #a0a1a4;width: 2.4rem;height: 2.4rem; }
.aiq_page .inner_slide .control a i {display: inline-block; font-size:1rem; line-height: 2.4rem;}
.aiq_page .inner_slide .control a.nav_left {}
.aiq_page .inner_slide .control a.nav_right {}
.aiq_page .inner_slide .control a.nav_left i {margin-left: -1px;}
.aiq_page .inner_slide .control a.nav_right i {margin-left: 1px;}
.aiq_page .inner_slide .control span { color:#666; font-size: 1.2rem; display: inline-block; padding: 0.7rem 1rem;  z-index: 20; right: 2rem; font-weight: 600; }
.aiq_page .inner_slide .control span strong {display: inline-block; padding-right:16px; margin-right: 5px; position: relative; color:#222;}
.aiq_page .inner_slide .control span strong::before { content: "";width: 10px;height: 1px;background:#666;position: absolute;right: 0;top: 7px; }
.aiq_page .inner_slide .control span strong.current { color: #222;}


.design_page .ui_tabcontents {position: relative;}
.design_page .tab_btn_list {margin: 100px auto 0; width: 1100px; position: relative; z-index:10;}
.design_page .ui_tabcontents .tab_conlist {}
.design_page .tab_btn_list li {width: 33.33333%; text-align: left;}
.design_page .tab_btn_list li:nth-child(2) {text-align: center;}
.design_page .tab_btn_list li:nth-child(3) {text-align: right;}
.design_page .ui_tabcontents::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #e4e4e4;
  position: absolute;
  left:0;
  top: 66px;
  z-index:1;
}

.design_page .tab_btn_list li a {color: #999; font-size: 16px; position: relative; padding-bottom: 25px; }
.design_page .tab_btn_list li a i {
  display: inline-block;
  border:1px solid transparent;
  border-radius: 60px;
  width: 60px;
  height: 60px;
  text-align: center;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1);
  position: relative;
}
.design_page .tab_btn_list li a i::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background: #a7abb7;
  border-radius: 10px;
}
.design_page .tab_btn_list li a strong {font-size: 18px; font-weight: 300; color: #b8bac2; display: block; text-align: left; height: 37px;}
.design_page .tab_btn_list li:nth-child(2) a strong {text-align: center;}
.design_page .tab_btn_list li:nth-child(3) a strong {text-align: right;}

.design_page .tab_btn_list li a.on strong {color: #001041; font-weight: 600;}
.design_page .tab_btn_list li a.on i {border-color: #001041;}
.design_page .tab_btn_list li a:hover strong {color: #001041;}
.design_page .tab_btn_list li a:hover i {border-color: #001041;}
.design_page .tab_btn_list li a:hover i::before,
.design_page .tab_btn_list li.on a i::before {
  background:#001041;
}


.design_page .tab_conlist dl.txt_tit {position: absolute; left: 0; top: 0; text-align: right; width: 457px;}
.design_page .tab_conlist dl.txt_tit dt {color: #273d6b; font-weight: 700; font-size: 48px; padding-bottom: 25px; letter-spacing: -2px; line-height: 1.2;}
.design_page .tab_conlist dl.txt_tit dd {font-size: 17px; color: #001041; line-height: 1.8;}
.design_page .tab_conlist > li {padding-bottom: 100px;}


.design_page .comt_con { margin: 10rem 0; padding: 0 0 2rem; position: relative; }
.design_page .comt_con h3 { color: #e9ebf0; font-size: 5.0rem; font-weight: 700; padding: 0 1rem 1rem 1rem; background: #fff; width: 100%; white-space: nowrap; position: relative; text-align: right; }
.design_page .comt_con .sec_title { display: flex; }
.design_page .comt_con .sec_title .tit_img { width: 50%; order: 0; }
.design_page .comt_con .sec_title .tit_txt { width: 50%; order: 1; }

.design_page .comt_con.even .sec_title .tit_img { width: 50%; order: 1; }
.design_page .comt_con.even .sec_title .tit_txt { width: 50%; order: 0; }

.design_page .comt_con .sec_title .tit_txt h4 { padding: 2rem 1.5rem 0;}
.design_page .comt_con .sec_title .tit_txt h4 strong { display: block; font-size: 1.7rem; font-weight: 700; line-height: 1.4; }
.design_page .comt_con .sec_title .tit_txt  h4 span { display: block; font-size: 1.2rem; color: #9498a7; margin: 0 0 2rem; font-weight: 600; }
.design_page .comt_con .txt { font-size: 1.4rem; padding: 0 1.5rem;}
.design_page .comt_con .slide_area { margin: 3rem 0 -5rem; position: relative; }
.design_page .comt_con .slide_area .slide_con { display: flex; }
.design_page .comt_con.even .slide_area .slide_con { display: flex; }
.design_page .comt_con .slide_area .slide_con .info { width: 50%; order: 0;}
.design_page .comt_con .slide_area .slide_con .info p.tit { font-size: 2rem; color: #333; font-weight: 600;}
.design_page .comt_con .slide_area .slide_con .conimg { width: 50%; order: 1;}
.design_page .comt_con > div { margin: 10rem 0 5rem; padding: 0 0 2rem; position: relative; background: #e9ebf0; }
.design_page .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 4rem; left: 0; z-index: 9999; }
.design_page .comt_con.even .slide_area .slide_con .info { order: 1;}
.design_page .comt_con.even .slide_area .slide_con .conimg { order: 0; }
.design_page .comt_con.even .inner_slide .control { text-align: center; position: absolute; width: 50%; top: 4rem; right: 0; left: auto; z-index: 9999;}
.design_page .inner_slide .control a { display: inline-block; border-radius: 100%; text-align: center; background: none; color: #a0a1a4;   z-index: 20;border: 1px solid #a0a1a4;width: 2.4rem;height: 2.4rem; }
.design_page .inner_slide .control a i {display: inline-block; font-size:1rem; line-height: 2.4rem;}
.design_page .inner_slide .control a.nav_left {}
.design_page .inner_slide .control a.nav_right {}
.design_page .inner_slide .control a.nav_left i {margin-left: -1px;}
.design_page .inner_slide .control a.nav_right i {margin-left: 1px;}
.design_page .inner_slide .control span { color:#666; font-size: 1.2rem; display: inline-block; padding: 0.7rem 1rem;  z-index: 20; right: 2rem; font-weight: 600; }
.design_page .inner_slide .control span strong {display: inline-block; padding-right:16px; margin-right: 5px; position: relative; color:#222;}
.design_page .inner_slide .control span strong::before { content: "";width: 10px;height: 1px;background:#666;position: absolute;right: 0;top: 7px; }
.design_page .inner_slide .control span strong.current { color: #222;}


.plan_sales { padding: 0 0 4rem; }

.cs_mobile_app_pop { margin: 0 1.5rem; }
.cs_mobile_app_pop p img { width: 100%; }
.cs_mobile_app_pop p:last-child { margin: 2rem 0 0; text-indent: -1.5rem; padding: 0 0 2rem 1.5rem; }

.nodata { text-align: center; }
.password_chg_req {padding-bottom: 3rem;}
.password_chg_req h4 {text-align: center; font-size: 2rem; color: #001041; font-weight: 600; padding-bottom: 2rem;}
.memberout_txt {text-align: center; padding: 1.5rem 2rem; font-size: 1.4rem; background: #eaebf0; border-top: 2px solid #a7bfd6; border-bottom: 2px solid #a7bfd6;}
.memberout_txt strong {font-weight: 600; color: #001041;}
.memberout_ok {border:1px solid #e5e5e5; border-radius: 6px; text-align: center; padding: 60px 0;}
.memberout_ok dl dt {padding-bottom: 15px;}
.join .button_group {text-align: center; padding: 2.5rem 0 0;}
.join .button_group a {display: inline-block; margin:0 10px; width: 150px; padding: 1.2rem 0; border-radius: 6px; font-size: 1.5rem;}
.join .button_group a.btn-cancel {background: #a3a3a3; color: #fff;}
.join .button_group a.btn-submit {background: #001140; color: #fff;}


/********************************
  단지 상세 팝업
********************************/
.prj_popup {display: none;position:fixed;top:50px;left:2.5rem;width: calc(100% - 5rem);background:transparent;z-index:9999;}
.prj_popup:after {
  content: "";
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index:9;
  background:black;filter:Alpha(opacity=30);opacity:0.6;-moz-opacity:0.3;
}
.prj_popup .link { position:absolute; display: block; text-indent: -200000px; overflow:hidden; }
.prj_popup .popimg {position: relative;z-index: 999;max-height: 70vh;overflow: auto;}
.prj_popup .popimg img { width: 100%; }
.prj_popup.nmpop img {display: block;}
.prj_popup.slidepop {width: 300px;}
.prj_popup.slidepop li{position: relative;}
.prj_popup.slidepop li img {display: block;width: 300px;height: auto;}
.prj_popup.slidepop .slick-slide {line-height: 0;}
.prj_popup .popclose,
.prj_popup .today {position:relative; z-index: 1000; background:#292929;padding:6px 18px;height: 35px;font-style: normal;color:#fff;font-size:13px;line-height:13px;}
.prj_popup .today * {vertical-align: middle;}
.prj_popup .today strong {margin-left: 6px;}
.prj_popup .popclose a,
.prj_popup .today a {position:absolute;right:4px;top:6px;color:#fff;font-size:13px; color:#fff; padding: 5px 10px;}
.prj_popup .popclose a
.prj_popup .today a i::after {
  content: "\e870";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: 18px;
  margin-right: 6px;
  color: #fff;
  font-style: normal;
}
.prj_popup .slick-dots {
  width: 100%;
  position: absolute;
  left: 0;
  bottom:-8px;
  display: block;
  text-align: center;
}
.prj_popup .slick-dots li {
  width: 14px;
  height: 14px;
  margin: 0 3px;
  text-indent: -20000px;
  background: transparent;
  border-radius: 14px;
  display: inline-block;
  border: 2px solid #fff;
}
.prj_popup .slick-dots li.slick-active {
  background: #fff;
}
/******************************************************
  메인 팝업
*****************************************************/
.popup {display: none; position:absolute; top:0; left:5%; width:90%; background:transparent; z-index:9999;}
.popup .popimg { position: relative; }
.popup .popimg img {display: block;}
.popup li{position: relative;}
.popup li img {display: block;/*width: 300px;*/width:100%;height: auto;}
.popup .slick-slide {line-height: 0;}
.popup .today {position:relative;background:#292929;padding:6px 18px;color:#fff;font-size:13px;line-height:13px;}
.popup .today * {vertical-align: middle;}
.popup .today strong {margin-left: 6px; line-height: 2rem; }
.popup .today a {position:absolute;right:4px;top:6px;color:#fff;font-size:13px; color:#fff; padding: 5px 10px;}

.popup .slick-dots {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -60px;
  display: block;
  text-align: center;
  z-index: 9999;
}
.popup .slick-dots li {
  width: 14px;
  height: 14px;
  margin: 0 3px;
  text-indent: -20000px;
  background: transparent;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #fff;
}
.popup .slick-dots li.slick-active {
  background: #fff;
}


/* 상세페이지에서 바로가기 20210129추가 */
.source { text-align: center; }
.source a {
    margin: 3px 0;
    padding: 10px 45px;
    border-radius: 6px;
    background: #273d6b !important;
    color: #fff !important;
    display: inline-block;
}



/******************************************************
  계약정보 (contract_info)
*****************************************************/
.contract_info { padding: 0 0 50px; }
.contract_info .con_title { border: none; }
.contract_info .paid_tbl_con { border: none; margin: 0; padding: 0 1rem;}
.contract_info .paid_tbl_con table { border-top: 0.3rem solid #a7bfd6; }


/******************************************************
  관심고객등록
*****************************************************/
.regist_page_area.interest .page_contents {
  padding: 2rem 2rem 8rem;
}
.regist_page_area.interest .cms_title h2 span {
  font-family: 'Noto Sans';
  display: inline-block;
    text-align: center;
    line-height: 1.2;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.5rem;
    border-radius: 0.3rem;
    font-style: normal;
    margin: 0 0 1rem;
}

/* 관심고객등록 */
.regist_page_area.interest .regist_area {
  margin: 0 0 2rem;
  position: relative;
  z-index: 9;
}
.regist_page_area.interest .regist_area h3 {
  padding: 1.5rem 0;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  background: #001140;
}
.regist_page_area.interest .privacy_guide h4 {
  font-size: 2rem;
  color: #001041;
  font-weight: 600;
  padding-bottom: 20px;
}
.regist_page_area.interest .privacy_guide p {
  color: #001041;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  padding: 0 0 20px;
}
.privacy_guide .guide_text {
  border: 1px solid #e5e5e5;
  height: 20rem;
  padding: 2rem;
  overflow-y: auto;
  border-radius: 6px;
}
.regist_page_area.interest .join {
  border-top: 2px solid #a7bfd6;
}
.regist_page_area.interest .regist_form .agree_btm {text-align: right; padding: 2rem 0; font-size: 15px; margin: 0 0 2rem; }
.regist_page_area.interest .regist_form .agree_btm label {display: inline-block; margin-left: 10px;}
.regist_page_area.interest .regist_form .agree_btm p.text {
    text-align: right;
    padding: 1.5rem 0 0;
    font-family: 'Noto Sans';
    font-weight: 300;
    font-size: 1.4rem;
    color: #000;
}
.regist_page_area.interest .regist_form .agree_btm p.text:before {
  content: "※ ";
}
.form_feild dd * { vertical-align: middle; }
.form_feild dd p.input { margin: 0 0 3px; }
.regist_page_area.interest .join .button_group a { width: 12rem; }



.refer-mark {
    position: relative;
    padding-left: 48px;
}
.refer-mark::before {
    content: "※ 주의 : ";
    position: absolute;
    top:0;
    left: 0;
}


#time_sec {
    position: relative;
}
#time_sec::after {
content: "오전 9:00 ~ 오후 2:00 (토)";
position: absolute;
left:0;
bottom:-140%;
width:100%
}

.search_wrap {display: flex;align-items: center;width: 100%;justify-content: space-between;}
.search_wrap select {background: transparent;margin-right: 0;height: 4.5rem;font-size: 13px;appearance: none;margin: 0;width: 100%;position: relative;z-index: 1;}
.search_wrap option {}
.search_wrap option#site {}
.search_wrap option#number {}
.search_wrap > div {
  position: relative;
  /* margin-left: 20px; */
  border-radius: 8px;
  width: 28%;
  background: #FFF;
  border: 1px solid #ccc;
}
.search_wrap > div i {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  text-indent: -999999px;
  transform: translateY(-50%) rotate(-135deg);
  z-index: 0;
}
.search_wrap select + i::before,
.search_wrap select + i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #011142;
  transform-origin: left;
}
.search_wrap select + i::after {
  transform: rotate(90deg);
}
.search_wrap #contactSearch {}
.search_con .btn-search {
}



.btn_wrap {margin: 0 auto; margin-top: 40px;}
.btn_wrap .btn_tolist {display: flex; flex-direction: row; align-items: center; border-radius: 0.3rem; border: 0.1rem solid #e5e5e5; width: 96%; height: 55px; justify-content: center; margin: 0 auto;}
.btn_wrap .btn_tolist p {color: #222; font-size: 16px; line-height: 59px; margin-left: 10px;}
.btn_wrap .btn_tolist img {width: 18px;}



/******************************************************
  대관안내
*****************************************************/
.rent01_contents {padding: 50px 36px;}
.rent01_contents ul li {margin-bottom: 30px;}
.rent01_contents ul li .tit {display: flex; flex-direction: row; align-items: center; margin-bottom: 10px;}
.rent01_contents ul li .tit h5 {font-family: 'Montserrat'; font-weight: 600; color: #b49879; font-size: 13.889vw; margin-right: 10px;}
.rent01_contents ul li .tit div {display: flex; flex-direction: column;}
.rent01_contents ul li .tit div p {font-size: 4.167vw; color: #001041; font-weight: 600;}
.rent01_contents ul li .tit div span {font-size: 3.611vw; color: #001041; font-weight: 400;}
.rent01_contents ul li > p {font-size: 3.611vw; color: #001041; padding-left: 8vw; ; letter-spacing: -1px; margin: 20px 0 40px;}
.rent01_contents ul li .line_logo {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.rent01_contents ul li .line_logo > div {width: 40%; height: 2px; background: #ece5dd;}
.rent01_contents ul li .line_logo h4 {font-size: 4.167vw; font-weight: 800; color: #b49879; text-align: right;}
.rent01_contents ul li img {width: 100%; height: auto;}

.rent02_contents {padding: 50px 36px;}
.rent02_contents ul li {padding-bottom: 50px; border-bottom: 1px solid #e5e5e5; margin-bottom: 50px;}
.rent02_contents ul li img {width: 100%; height: auto;}
.rent02_contents ul li div {width: 100%;}
.rent02_contents ul li div h5 {font-size: 4.167vw; background: #001140; color: #fff; font-weight: 800; position: relative; font-family: 'Noto Sans KR'; padding: 10px 20px; display: inline-block; border-radius: 8px; top: -20px; left: 20px; line-height: 5vw;}
.rent02_contents ul li div table {width: 100%;}
.rent02_contents ul li div table tr th {width: 18%; font-size: 3.611vw; font-weight: 600; font-family: 'Noto Sans KR'; vertical-align: top; padding: 5px 0; color: #111111;}
.rent02_contents ul li div table tr td {width: 82%; font-size: 3.611vw; font-weight: 300; font-family: 'Noto Sans KR'; padding: 5px 0; color: #111111;}

.rent03_contents {padding-top: 50px;}
.rent03_contents ul li {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  width: 100%;
}
.rent03_contents ul {text-align: center;}
.rent03_contents ul > img {margin: 10px 0; width: 6vw;}
.rent03_contents ul li > div:nth-child(1) {display: flex; flex-direction: row; background: #001140; align-items: center; justify-content: flex-start; padding: 18px 30px; width: 100%;}
.rent03_contents ul li > div:nth-child(1) img {width: 8vw;}
.rent03_contents ul li > div:nth-child(1) div {margin-left: 15px; display: flex; flex-direction: row; }
.rent03_contents ul li > div:nth-child(1) div span {color: #fff; font-family: 'Montserrat'; font-weight: 600; font-size: 4.167vw;}
.rent03_contents ul li > div:nth-child(1) div h5 {color: #fff; font-weight: 600; font-size: 4.167vw; line-height: 21px; margin-left: 5px;}
.rent03_contents ul li > div:nth-child(2) {width: 100%; border: 1px solid #c3c3c3; font-size:3.611vw; display: flex; align-items: center; padding: 3%; color: #111; font-family: 'Noto Sans KR';}
.rent03_contents ul li > div:nth-child(2) strong {font-family: 'Montserrat'; font-weight: 800; color: #001140; margin-left: 7px;}
.rent_03_notice{padding: 35px 30px; background: #e9ebf0; margin: 50px 0 100px;}
.rent_03_notice h5 {font-size: 3.889vw; color: #001140; font-weight: 600; margin-bottom: 30px; font-family: 'Noto Sans KR';}
.rent_03_notice h5::before {content: ""; width: 3px; height: 20px; background: #001140; display: inline-block; margin-right: 10px; position: relative; top: 4px;}
.rent_03_notice ul {padding-left: 20px;}
.rent_03_notice ul li {font-family: 'Noto Sans KR'; font-size: 3.056vw; color: #111; position: relative;}
.rent_03_notice ul li::before {display: inline-block; position: absolute; left: -20px;}
.rent_03_notice ul li:nth-child(1):before {content: "(1)";}
.rent_03_notice ul li:nth-child(2):before {content: "(2)";}
.rent_03_notice ul li:nth-child(3):before {content: "(3)";}
.rent_03_notice ul li:nth-child(4):before {content: "(4)";}
.rent_03_notice ul li:nth-child(5):before {content: "(5)";}
.rent_03_notice ul li:nth-child(6):before {content: "(6)";}
.rent_03_notice ul li:nth-child(7):before {content: "(7)";}
.rent_03_notice ul li:nth-child(8):before {content: "(8)";}
.rent_03_notice ul li:nth-child(9):before {content: "(9)";}

/******************************************************
  개인정보 수정 비밀번호 확인
*****************************************************/
.my_modify_chk .login_form {display: flex; justify-content: space-between; gap: 2%;}
.my_modify_chk .login_form > div {width: 70%;}
.my_modify_chk .login_form a.btn {position: relative;}
.my_modify_chk .login_form dl dd input:focus {outline: none;}
/******************************************************
  회원탈퇴
*****************************************************/
.memberOut .memberout_txt {border-top: none; border-bottom: none; width: 85%; margin: 0 auto; padding: 2.5rem 2rem;}
.memberOut .join_form {margin-top: 0 !important;}
.memberOut.join .form_cell {flex-direction: column;}
.memberOut.join .form_cell label {display: flex; flex-direction: row-reverse; justify-content: space-between; border: 1px solid #e5e5e5; align-items: center; padding: 5px 10px; margin-bottom: 5px;}


/******************************************************
  회원가입 2024/06/26
*****************************************************/
.step_01.join .join_conlist .agree_btm {padding: 10px 0;}
.step_01.join .all_agree_box {padding: 20px 0;}
.step_01.join .join_conlist {padding: 40px 15px; border-top: 20px solid #f9f9fb; width: 100%;}
.step_01 .join_conlist .agree_btm label {margin-left: 0;}
.step_01.join .auth_con {padding: 40px 15px; width: 100%; margin: 0 auto; border-top: 20px solid #f9f9fb;}
.step_01.join .auth_con .inner {border: 1px solid #e5e5e5; padding: 2rem;}
.step_01.join .auth_con .inner .left_auth .btn_in {padding-bottom: 10px;}
.step_01.join .auth_con .inner .left_auth .btn_in span {width: 100%;}
.step_01.join .auth_con .inner .left_auth .btn_in a {padding: 20px 0; text-align: center;}
.step_01.join .auth_con .inner dl dd p {font-size: 3vw;}
.step_01.join .auth_con .inner .right_auth .login_form {flex-direction: column; padding-right: 0; width: 100%; padding: 0; background: none;}
.step_01.join .auth_con .inner .right_auth .login_form a {position: relative; margin-top: 20px; width: 100%; height: 62px; padding-top: 0; line-height: 64px;}
.step_01 .login_form > div {width: 100%;}
.step_01 .login_form::before {display: none;}
.join_modal {width: 80%; max-height: 80vh; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #000; z-index: 999; display: none;}
.join_modal > div:nth-child(1) {display: flex; width: 100%; justify-content: space-between; padding: 20px; border-bottom: 1px solid #e5e5e5; align-items: center;}
.join_modal > div:nth-child(1) h5 {font-size: 3.889vw;}
.join_modal > div:nth-child(1) img {width: 5vw;}
.join_modal .agree_txt {width: 100%; max-height: 300px; overflow-y: scroll; padding: 20px;}
.join_modal .agree_txt .summary {margin-top: 10px;}
.join_modal .agree_txt .summary:nth-child(1) {margin-top: 0px;}
.join_modal .agree_txt h4 {margin-top: 10px; font-weight: 500;}
.join_modal .agree_txt h4:nth-child(1) {margin-top: 0;}
.join_modal .agree_txt p {font-size: 3.333vw; margin-top: 3px;}
.join_modal .btn_ok_agree {padding: 15px 0; width: 100%; font-size: 3.889vw; color: #fff; background: #001140; text-align: center;}

/******************************************************
  회원가입 2024/07/02 퍼블수정
*****************************************************/

.m_join_form.join .join_form {margin: 0; margin-bottom: 100px; padding: 0 15px; border: none;}
.m_join_form.join .join_form .form_feild {display: flex; flex-direction: column; padding: 1.2rem 0;}
.m_join_form.join .form_feild dt {width: 100%;}
.m_join_form.join .form_feild dd.noinput {padding: 1.2rem 1rem;}
.m_join_form.join .form_feild dd .form_inner a {height: 50px; line-height: 30px;}
.m_join_form.join .form_feild dd .form_inner {margin-left: 0;}
.m_join_form.join .form_feild dd .form_inner strong {margin-left: 0;}
.m_join_form.join .select-wrapper {padding: 0 1.5rem 0 0.5rem;}
.m_join_form.join .select-wrapper:before {top: 1.6rem;}
.m_join_form.join .form_cell {display: flex; justify-content: space-between;}
.m_join_form.join .modify_comment {display: flex; flex-direction: row; align-items: center; gap: 5%; padding: 5%; background: #eaebf0;}
.m_join_form.join .modify_comment p {word-break: keep-all;}
.m_join_form.join .modify_comment p strong {font-weight: 600;}
.m_join_form.join .button_group {display: flex; flex-direction: row; justify-content: center;}