@import url("reset.css");
@import url("jquery-ui.css");
@import url("slick.css");
@import url("dropify.css");

.header { position: fixed; left: 0; top: 0; width: 100%; height: 128px; background-color:#fff; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); z-index: 50;}
.header .header_inner{ max-width: 1920px; height: 100%; margin: 0 auto; padding: 0 80px;
  -webkit-transition: padding 0.3s;
  -moz-transition: padding 0.23s;
  -ms-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
}
.header .top_box { display: flex; justify-content: space-between; padding: 20px 0 0;}
.header .logo a { display: block; width: 195px; height: 40px;}
.header .logo a img { width: 100%;}
.header .util:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.header .util { margin-top: 20px;}
.header .util ul li { float: left; position: relative; padding: 0 10px;}
.header .util ul li:last-child{ padding-right: 0;}
.header .util ul li ~li:before { content:""; position: absolute; left: 0; top: 50%; margin-top:-5px; width: 1px; height: 10px; background-color: #ccc; display: block;}
.header .util ul li a{ font-size: 16px; font-weight: 300; color: #555;}
.header .util ul li a:hover{ color: #1e1e1e; border-bottom: 1px solid #1e1e1e;}

.gnb.over .gnb_cover { visibility: visible; opacity: 1;}
.gnb_cover { display: block; position: absolute; left: 0; top: 128px; width: 100%; height: 438px; background-color:#fff; border-top: 1px solid #ccc; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); visibility: hidden; opacity:0; z-index: 99;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -ms-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
}
.gnb_cover .gnb_banner { position: absolute; top: 32px; right: 80px; width: 350px; height: 350px; border-radius: 30px; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden; z-index: 999;}
.gnb_cover .gnb_banner img { width: 100%;}
.gnb_inner { position: relative;}
.gnb_list { display: inline-block; vertical-align: middle;}
.gnb_list:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.gnb_list >li { position: relative; float: left; margin-left: 80px; line-height:1;
  -webkit-transition: margin 0.3s;
  -moz-transition: margin 0.3s;
  -ms-transition: margin 0.3s;
  -o-transition: margin 0.3s;
  transition: margin 0.3s;
}
.gnb_list >li:first-child { margin-left: 0;}
.gnb_list >li >a { position: relative; display: block; margin-top: 20px; padding-bottom: 20px; font-size: 18px; font-weight: normal; color:#000;}
.gnb_list >li >a:hover{ font-weight: 500; color: #005A7C; }
.gnb_list >li.gnb_li.gnb_eng a:hover { letter-spacing:-0.25px;}
.gnb_list >li.gnb_li.gnb_eng2 a:hover { letter-spacing:-0.2px;}
.gnb_list >li >a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 5px; background-color:#005A7C;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.gnb_list >li:hover a:before,
.gnb_list >li.on a:before,
.gnb_list >li.active a:before { width: 100%;}
.gnb_list >li.active >a { font-weight: 500; color: #005A7C;}

.gnb_child.on .s_gnb { visibility: visible; opacity: 1;}
.s_gnb { position: absolute; left: 0; top: 65px; text-align: left; visibility: hidden; opacity:0; z-index: 99;}
.s_gnb >ul >li ~li { border-top: 1px solid #ccc;}
.s_gnb ul li a { font-size: 16px; font-weight: normal; line-height: 24px; color: #999;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

/*주소변경*/

.address_change ul li .find_address .basic-btn02 {
    margin: 5px 0 0 15px;
}
.find_address{
    display: flex;
}
.address_btn_area{
    display: flex;
}

.s_gnb ul li a:hover { color: #333;}
.gnb_child.service .s_gnb { min-width: 805px; margin-top:8px; }
.gnb_child.service .s_gnb >ul >li { position: relative; display: flex; padding: 30px 0;}
.gnb_child.service .s_gnb ul li ~li h6 { margin-top: -10px;}
.gnb_child.service .s_gnb ul li h6 { width: 200px; font-size: 14px; font-weight: normal; line-height: 20px; color: #333;}
.gnb_child.service .s_gnb ul li h6 span { display: block; font-size: 16px; line-height: 24px;}
.gnb_child.service .s_gnb > ul > li:first-child > a{ margin-right:60px; }
.gnb_child.service .s_gnb ul li p { font-size: 16px; font-weight: normal; line-height: 24px; color: #333; white-space: nowrap;}
.gnb_child.service .s_gnb ul li p.icon::after { content: ""; display: inline-block; margin-left: 5px; width: 17px; height: 14px; background: url(../images/common/gnb_list_icon.svg) no-repeat;}
.gnb_child.service .s_gnb .dep3_list { flex: 1; margin-left: 60px;}
.gnb_child.service .s_gnb .dep3_list ul { font-size: 0; margin: -5px -30px;}
.gnb_child.service .s_gnb .dep3_list ul li { display: inline-block; margin: 5px 30px;}
.gnb_child.service .s_gnb ul li .disabled_box { position: absolute; display: table; top: 0; left: 0; width: 100%; height: calc(100% - 10px); text-align: center;}
.gnb_child.service .s_gnb ul li .disabled_box::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: .7;}
.gnb_child.service .s_gnb ul li .disabled_box p { position: relative; display: table-cell; vertical-align: middle; text-align: center; font-size: 20px; font-weight: 500; z-index: 1;}
.gnb_child.service .s_gnb ul li .disabled_box p img{ display:inline-block; margin-right:15px; }
.gnb_child.support .s_gnb { min-width: 100px; margin-top: 20px;}
.gnb_child.support .s_gnb ul li { padding: 20px 0;}
.gnb_child.support .s_gnb ul li a { color: #333;}
.header .estimate_btn { display: inline-block; vertical-align: middle; width: 160px; height: 40px; margin-left: 42px; text-align: center; background: url(../images/common/estimate_btn_icon.svg) left 16px center no-repeat; background-color: #006b8e; border-radius: 20px;}
.header .estimate_btn a { display: block; width: 100%; height: 100%; padding-left: 14px; font-size: 16px; font-weight: normal; line-height: 40px; color: #fff;}
.header .inquiry_call { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.header .inquiry_call span { display: none;}
.header .inquiry_call i { display: inline-block; vertical-align: middle; width: 26px; height: 26px; background: url(../images/common/inquiry_call_icon.svg) center no-repeat; text-indent: -9999px; overflow: hidden;}
.header .inquiry_call p { display: inline-block; vertical-align: middle; margin-left: 6px; font-family: "montserrat"; font-size: 30px; font-weight: 500; color: #006B8E;}
.header .inquiry_call p.mo_tel{ display:none; }
.sub_header_title_area{ display: none;}
.gnb_close,
.mobile_gnb_bg,
.mobile_menu,
.gnb_open { display: none;}

.fixed-box { position: fixed; right: 80px; bottom: 25px; z-index: 99;}
.fixed-box button { width: 80px; height: 80px; border-radius: 50%;}
.fixed-box .mb_inquiry_box { display: none;}
.fixed-box .return-top { background: url(../images/common/fixed_top_arrow.svg) no-repeat center / 44px; background-color: #000; display: none;}

.container { padding: 140px 20px; min-height: 600px;}

/* main common */
.max_wrap { position: relative; max-width: 1920px; height: 100%; margin: 0 auto;}
.cont_wrap { position: relative; max-width: 1200px; height: 100%; margin: 0 auto;}
.main_tit { padding-top: 200px; font-size: 50px; font-weight: normal; line-height: 74px; text-align: center; color: black; letter-spacing:-1px; }
.main_stit { padding: 30px 0 60px; font-size: 18px; font-weight: normal; line-height: 27px; text-align: center; color: black;}
.btn_com { display: inline-block; width: 200px; height: 50px; font-size: 16px; font-weight: normal; line-height: 50px; text-align: center; border-radius: 30px;
 -webkit-transition: 0.3s;
 -moz-transition: 0.3s;
 -ms-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
 transition-property: color, background;
}
.btn_com.btn_white { color: black; background-color: white;}
.btn_com.btn_white_line { color: black; background-color: white; border: 1px solid black;}
.btn_com.btn_blue { color: white; background-color: #006B8E;}
.btn_com[disabled] { color: white; background-color: #707070; border: none; pointer-events: none;}

/* main slick slide arrow comm */
.slide_box { position: relative;}
.slide_box .slide_arrow .slick-arrow { display:block; position: absolute; top: 50%; width: 40px; height: 76px; transform: translate(0, -50%); text-indent: -9999px; overflow: hidden; z-index: 5;}
.slide_box .slide_arrow .slick-arrow:before,
.slide_box .slide_arrow .slick-arrow:after { content: ""; display: block; position: absolute; top: 50%;  width:50px; height:1px; background-color: #333;}
.slide_box .slide_arrow .slick-arrow:before { left: -7px; margin-top: -18px; transform: rotate( -45deg );}
.slide_box .slide_arrow .slick-arrow:after{ left:-7px; margin-top: 18px; transform: rotate( 45deg );}
.slide_box .slide_arrow .prev_arrow { left: -100px; top: 50%; }
.slide_box .slide_arrow .next_arrow { right: -100px; top: 50%; transform: translate(0, -50%) rotate( -180deg );}

/* main visual */
.main_container{ padding: 0;}
.main_visual { position: relative; height: 1040px; overflow: hidden;}
.main_vs_slide,
.slick-list,
.slick-track,
.slick-slide >div,
.slick-slide .visual { height: 100%;}
.main_visual .visual { position: relative;}
.main_visual .visual_1{ background: url(../images/main/main_vs_web1.png) no-repeat center; background-size: cover;}
.main_visual .visual_2{ background: url(../images/main/main_vs_web2.png) no-repeat center; background-size: cover;}
.main_visual .visual_3{ background: url(../images/main/main_vs_web3.png) no-repeat center; background-size: cover;}
.main_visual .main_vs_txt { position: absolute; top: 300px; left: 18%; width: 100%; z-index: 2;}
.main_visual .main_vs_txt h4 { font-size: 60px; font-weight: 600; line-height: 80px; color: #000; opacity: 0;}
.main_visual .main_vs_txt h4.white { color: #fff;}
.main_visual .main_vs_txt h4 span { vertical-align: top; color: #006B8E;}
.main_visual .main_vs_txt ul { font-size: 0;}
.main_visual .main_vs_txt ul li { display: inline-block; font-size: 40px; color: #000;}
.main_visual .main_vs_txt ul li ~li { margin-left: 22px;}
.main_visual .main_vs_txt a { margin-top: 40px; font-size: 22px;}
.main_visual .main_vs_txt a.btn_white { margin-top: 120px; opacity: 0;}
.main_visual .slick-active .main_vs_txt h4 { animation: ani1 1 .7s .5s both;}
.main_visual .slick-active .main_vs_txt ul { animation: ani1 1 .7s .7s both;}
.main_visual .slick-active .main_vs_txt a { animation: ani2 1 .7s .9s both;}
@keyframes ani1 {
  0% { transform: translateY(200px); opacity: 0;}
  100% { transform: none; opacity: 1;}
}
@keyframes ani2 {
  0% { transform: translateX(200px); opacity: 0;}
  100% { transform: none; opacity: 1;}
}
.main_visual .slick-dots { position: absolute; left: 18%; bottom: 200px; z-index: 4;}
.main_visual .slick-dots li { display: inline-block; margin-right: 3px;}
.main_visual .slick-dots li button { width: 41px; height: 6px; border: 1px solid #808D96; text-indent: -9999px;}
.main_visual .slick-dots li.slick-active button{ background-color: #005a7c; border-color: #005a7c;}
.main_visual .slick-arrow { display:block; position: absolute; top: 50%; width: 40px; height: 76px; transform: translate(0, -50%); text-indent: -9999px; z-index: 5;}
.main_visual .slick-arrow:before,
.main_visual .slick-arrow:after { content: ""; display: block; position: absolute; top: 50%;  width:50px; height:1px; background-color: #333;}
.main_visual .slick-arrow:before { left: -7px; margin-top: -18px; transform: rotate( -45deg );}
.main_visual .slick-arrow:after{ left:-7px; margin-top: 18px; transform: rotate( 45deg );}
.main_visual .slick-prev { left: 4%; top: 50%; }
.main_visual .slick-next { right: 4%; top: 50%; transform: translate(0, -50%) rotate( -180deg );}
.main_visual .slide_btn { position: absolute; left: calc(18% + 144px); bottom: 205px;; z-index: 4;}
.main_visual .slide_btn button { width: 22px; height: 22px;}
.main_visual .slide_btn button.stop { background: url(../images/main/main_vs_stop.svg) no-repeat;}
.main_visual .slide_btn button.play { background: url(../images/main/main_vs_play.svg) no-repeat;}

/* main_cont_01 */
.main_cont_01 { position: relative; background-color: #005A7C; background-image: url(../images/main/main_cont_01_bg_dot.png), url(../images/main/main_cont_01_bg_line.png); background-position: left 100px top -89px, right bottom; background-repeat: no-repeat; overflow: hidden;}
.main_cont_01 .cont_wrap { padding: 190px 0; font-size: 0;}
.main_cont_01 .cont_wrap .heimlab_slide { margin: 0 -15px;}
.main_cont_01 .list { position: relative; height: 100%;}
.main_cont_01 .list .wrap { height: 100%; margin: 0 15px; background-color: white;}
.main_cont_01 .list .thumbnail img { width: 100%;}
.main_cont_01 .list .text_box { padding: 30px 15px; text-align: center;}
.main_cont_01 .list .text_box .text_logo { display: inline-block; width: 140px; height: 20px; background: url(../images/main/heimlab.svg) no-repeat;}
.main_cont_01 .list .text_box strong { display: block; font-family: "montserrat"; font-size: 40px; font-weight: 600; line-height: 49px;}
.main_cont_01 .list .text_box p { margin: 10px 0 80px; font-size: 16px; font-weight: normal; line-height: 24px;}
.main_cont_01 .list .text_box p span { vertical-align: baseline; font-weight: 600; color: #006B8E;}
.main_cont_01 .list .text_box a { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);}
.heimlab_slide .slick-track { display: flex !important;}
.heimlab_slide .slick-slide { height: auto;}
.heimlab_slide .slick-dots { position: absolute; right: 15px; top: -40px;}
.heimlab_slide .slick-dots li{ display: inline-block; margin-left: 5px; vertical-align: top;}
.heimlab_slide .slick-dots li button{ display:block; width: 10px; height: 10px; background-color: #999; border-radius: 50%; text-indent: -9999px; }
.heimlab_slide .slick-dots li.slick-active button{ background-color: #3BA7AF;}

/* main_cont_02 */
.main_cont_02 { position: relative; height: 760px; overflow: hidden;}
.main_cont_02 .square_box { position: relative; display: flex; align-items: center; justify-content: center; width: 780px; height: 280px; margin: 200px auto 0; border: 1px solid #000;}
.main_cont_02 .square_box h4 { font-size: 40px; font-weight: normal; text-align: center;}
.main_cont_02 .square_box h4 strong { font-weight: 600; color: #005A7C;}
.main_cont_02 .square_box h4 br:first-of-type { display: none;}
.main_cont_02 .square_box::before,
.main_cont_02 .square_box::after { content: ""; display: block; position: absolute; left: 50%;}
.main_cont_02 .square_box::before { bottom: -82px; transform: translateX(-50%); width: 0; height: 0; border-left: 50px solid transparent; border-right: 82px solid transparent; border-top: 82px solid white;}
.main_cont_02 .square_box::after { bottom: -42px; transform: translateX(-29%) rotate(-45deg); width: 115px; height: 0; border-bottom: 1px solid #000;}

/* main_cont_03 */
.main_cont_03 { position: relative; height: 900px; overflow: hidden;}
.main_cont_03 .heim_life { height: 100%; background: url(../images/main/heim_life_bg.png) no-repeat center center; background-size: cover;}
.main_cont_03 .text_box { padding: 167px 10px 0;}
.main_cont_03 .text_box strong { display: block; font-family: "montserrat"; font-size: 190px; line-height: 140px; color: white; opacity: 0.5;}
.main_cont_03 .text_box strong.text_02 { padding-left: 100px; text-align: center;}
.main_cont_03 .text_box strong.text_03 { text-align: right;}
.main_cont_03 .bot_box { position: absolute; left: 0; bottom: 0; width: 100%; height: 185px; text-align: center; background-color: white;}
.main_cont_03 .bot_box p { padding: 28px 0 0; font-size: 30px; font-weight: normal; line-height: 40px; color: #000;}
.main_cont_03 .bot_box p strong { font-weight: 600;}
.main_cont_03 .bot_box p br:first-of-type { display: none;}
.main_cont_03 .bot_box .link_box { position: absolute; bottom: 0; left: 0; right: 0; font-size: 0;}
.main_cont_03 .bot_box .link_box .btn_white_line { display: inline-block;}
.main_cont_03 .bot_box .link_box a ~a { margin-left: 40px;}

/* main_cont_04 */
.main_cont_04 .cont_wrap { text-align: center;}
.main_cont_04 .map_box { margin: 0 auto; max-width: 1200px; height: 600px; background-size: cover;}

/* main_cont_05 */
.main_cont_05 .cont_wrap { text-align: center;}
.main_cont_05 .btn_white_line { margin: 20px 0 200px;}
.example_slide { overflow: hidden;}
.example_slide .list { box-shadow: 5px 10px 18px rgba(0, 0, 0, 0.08);}
.example_slide .slick-slide >div { margin: 0 18px; padding: 0 0 30px;}
.list_box .list { text-align: left;}
.list_box .list .thumbnail { width: 100%;}
.list_box .list .thumbnail img { width: 100%;}
.list_box .list .text_box { position: relative; padding: 30px; border-top: none;}
.list_box .list .text_box .category { position: relative; display: inline-block; margin-bottom: 22px; padding: 5px 4px; font-size: 13px; font-weight: normal; line-height: 19px; color: white; background-color: #00759A; border-radius: 5px;}
.list_box .list .text_box .category.green { background-color: #006B8E;}
.list_box .list .text_box .category.purple { background-color: #5C49E4;}
.list_box .list .text_box .category.orange { background-color: #eb6100;}
.list_box .list .text_box .title { width: 100%; font-size: 20px; font-weight: 600; line-height: 29px; color: black; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list_box .list .text_box .location { font-size: 14px; font-weight: normal; line-height: 20px; color: #666;}
.list_box .list .text_box .tag { width: 100%; margin-top: 10px; font-size: 16px; font-weight: normal; line-height: 24px; color: black; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list_box .list .text_box .price { width: 100%; margin-top: 20px; font-size: 20px; font-weight: normal; line-height: 29px; letter-spacing: -0.25px; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list_box .list .text_box .price span { display: inline-block; vertical-align: -1px; margin-right: 5px; font-family: "montserrat"; font-size: 26px; font-weight: 600;}

/* main_cont_06 */
.main_cont_06 { background-color: #3BA7AF; overflow: hidden;}
.main_cont_06 .cont_wrap { padding: 50px 0;}
.main_cont_06 ul { margin: 0 -20px; font-size: 0;}
.main_cont_06 ul li { display: inline-block; vertical-align: top; width: calc(50% - 40px); margin: 0 20px; text-align: center;}
.main_cont_06 ul li .thumbnail { position: relative;}
.main_cont_06 ul li .thumbnail .data_box { position: absolute; top: 0; left: 0; background-color: black; border-bottom-right-radius: 30px;}
.main_cont_06 ul li .thumbnail .data_box p { padding: 12px 20px; font-size: 18px; font-weight: normal; line-height: 27px; color: white;}
.main_cont_06 ul li h6 { margin: 20px 0; font-size: 30px; font-weight: 600; line-height: 38px; color: white;}
.main_cont_06 ul li h6 span { font-family: "montserrat";}

/* main_cont_07 */
.main_cont_07 { background-color: #F3F3F3; overflow: hidden;}
.main_cont_07 .cont_wrap { padding: 150px 0;}
.main_cont_07 .tit_box { position: absolute; left: 0;}
.main_cont_07 .tit_box .tit { font-family: "montserrat"; font-size: 50px; font-weight: normal; line-height: 60px; color: black;}
.main_cont_07 .tit_box .stit { margin: 30px 0; font-size: 18px; font-weight: 300; line-height: 27px; color: black;}
.main_cont_07 .tit_box .stit strong { display: block; font-weight: 600;}
.main_cont_07 .slide_box { max-width: 790px; margin: 0 0 0 auto;}
.main_cont_07 .slide_box .slide_arrow .prev_arrow { left: -70px;}
.main_cont_07 .slide_box .slide_arrow .next_arrow { right: -70px;}
/*.main_cont_07 .btn_blue { position: absolute; top: 325px; left: 0;}*/
.main_cont_07 .btn_white_line { position: absolute; top: 325px; left: 0; background-color:#f3f3f3; }
.howzip_slide .slick-list { margin: 0 -15px;}
.howzip_slide .slick-slide >div { margin: 0 15px;}
.howzip_slide .list .thumbnail img { width: 100%;}
.howzip_slide .list .text_box { height: 130px; padding: 20px 20px 25px; text-align: left; background-color: white;}
.howzip_slide .list .text_box .category { position: relative; display: inline-block; margin-bottom: 22px; padding: 5px 4px; font-size: 13px; font-weight: normal; line-height: 19px; color: white; background-color: #00759A; border-radius: 5px;}
.howzip_slide .list .text_box .category::before { content: ""; display: block; position: absolute; left: 0; bottom: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #00759A; border-bottom: 6px solid transparent;}
.howzip_slide .list .text_box a { width: 100%;}
.howzip_slide .list .text_box a h6 { font-size: 25px; font-weight: normal; line-height: 27px;}

/*footer*/
.footer { border-top: 1px solid #ccc;}
.footer_menu { position: relative; height: 68px; border-bottom: 1px solid #ccc;}
.footer_menu .link_box { display: flex; align-items: center; height: 100%;}
.footer_menu .link_box li { display: inline-block; margin-right: 40px; }
.footer_menu .link_box li a { font-size: 16px; font-weight: normal;}
.footer_menu .link_box li a span { color: #006B8E;}
.footer_menu .link_box li a:hover { text-decoration: underline;}
.footer_family { position: absolute; top: -1px; right: 0;}
.footer_family >button { position: relative; padding: 0 49px 0 20px; width: 220px; height: 70px; font-family: "montserrat"; font-size: 16px; font-weight: 500; color: #333; text-align: left; border: 1px solid #ccc;}
.footer_family >button > span { font-weight: normal; vertical-align: unset;}
.footer_family >button::after { content: ''; position: absolute; right: 0; top: 7px; width: 49px; height: 49px; background: url(../images/common/btn_family_site.png) no-repeat 0 0 / 49px;}
.footer_family >button.active { border: 1px solid #1e1e1e;}
.footer_family >button.active::after { background: url(../images/common/btn_family_site2.png) no-repeat 0 0 / 49px;}
.footer_family >button.active +.family_site_list { position: absolute; display: block; left: 0; width: calc(100% - 2px); border: 1px solid #1e1e1e; z-index: 1; border-top: none;}
.footer_family >button.active +.family_site_list li { height: 50px; padding: 0 20px; line-height: 50px; background-color: white;}
.footer_family >button.active +.family_site_list li:hover { background-color: #eff4f6;}
.footer_family >button.active +.family_site_list li a { font-size: 16px; font-weight: normal;}
.family_site_list{ display: none;}
.footer_inner .fot_top { display: flex; align-items: flex-end; justify-content: space-between;}
.footer_inner .fot_top { padding: 40px 0; border-bottom: 1px solid #ccc;}
.footer_inner .fot_left h6 { position: absolute; font-size: 30px; font-weight: 600; line-height: 34px;}
.footer_inner .fot_left h6 span { display: block; font-family: "montserrat"; font-size: 22px; font-weight: normal;}
.footer_inner .fot_left .cont { padding: 20px 0 0 140px;}
.footer_inner .fot_left .cont .inquiry_call i { display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../images/common/inquiry_call_icon.svg) center / 100% no-repeat; text-indent: -9999px; overflow: hidden;}
.footer_inner .fot_left .cont .inquiry_call p{ display: inline-block; vertical-align: middle; margin-left: 6px; font-family: "montserrat"; font-size: 40px; font-weight: 700; color: #006B8E; }
.footer_inner .fot_left .cont .inquiry_call p a{ font-family: "montserrat"; font-size: 40px; font-weight: 700; color: #006B8E; }
.footer_inner .fot_left .cont .inquiry_call p.mo_tel_btn{ display:none; }
.footer_inner .fot_left .cont .bot { padding-left: 32px; font-size: 0;}
.footer_inner .fot_left .cont .bot >div { display: inline-block; vertical-align: bottom;}
.footer_inner .fot_left .cont .bot dl ~dl { margin-top: 4px;}
.footer_inner .fot_left .cont .bot dt,
.footer_inner .fot_left .cont .bot dd { display: inline-block; font-size: 14px; font-weight: normal; line-height: 20px; color: #666;}
.footer_inner .fot_left .cont .bot dt::after { content: ""; display: inline-block; width: 1px; height: 10px; margin: 0 10px; border-right: 1px solid #ccc;}
.footer_inner .btn_box { margin-left: 25px; font-size: 0;}
.footer_inner .btn_box a { display: inline-block; height: 40px; font-size: 16px; font-weight: normal; line-height: 40px; text-align: center; color: #fff; border-radius: 30px;}
.footer_inner .btn_box a:hover{ background-color:#333 !important; }
.footer_inner .btn_box a.inquiry { width: 130px; padding-left: 35px; background: url(../images/common/fot_inquiry_icon.svg) no-repeat left 19px center; background-color: #006B8E;}
.footer_inner .btn_box a.email { width: 150px; margin-left: 10px; padding-left: 35px; background: url(../images/common/fot_email_icon.svg) no-repeat left 19px center; background-color: #006B8E;}
.footer_inner .sns_link { margin-bottom: 5px; font-size: 0}
.footer_inner .sns_link li { display: inline-block; border-radius: 50%; overflow: hidden;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}
.footer_inner .sns_link li ~li { margin-left: 8px;}
.footer_inner .sns_link li a { display: block; width: 36px; height: 36px; text-indent: -9999px; border-radius: 50%; overflow: hidden;}
.footer_inner .sns_link li.kakaotalk a { background: url(../images/common/kakaotalk.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.facebook a { background: url(../images/common/facebook.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.instagram a { background: url(../images/common/instagram.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.blog a { background: url(../images/common/blog.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.youtube a { background: url(../images/common/youtube.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.kakaotalk:hover a { background: url(../images/common/kakaotalk_on.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.facebook:hover a { background: url(../images/common/facebook_on.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.instagram:hover a { background: url(../images/common/instagram_on.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.blog:hover a { background: url(../images/common/blog_on.svg) no-repeat center / 100%;}
.footer_inner .sns_link li.youtube:hover a { background: url(../images/common/youtube_on.svg) no-repeat center / 100%;}
.footer_inner .fot_bot { position: relative; padding: 40px 0 65px;}
.footer_inner .fot_bot .fot_logo img { width: 185px;}
.footer_inner .fot_bot .fot_logo p { padding: 25px 0 15px; font-size: 16px; font-weight: normal; color: black;}
.footer_inner .info ul { margin-bottom: 4px; font-size: 0;}
.footer_inner .info ul li { display: inline-block; font-size: 14px; font-weight: normal; line-height: 20px; color: #666;}
.footer_inner .info ul li ~li::before { content:""; display: inline-block; width: 1px; height: 10px; margin: 0 10px; background-color:#ccc;}
.footer_inner .info ul li a { position: relative; display: inline-block; height: 22px; margin: -2px 0 0 6px; padding: 0 27px 0 10px;font-size: 14px; font-weight: normal; color: #666; border: 1px solid #707070;}
.footer_inner .info ul li a::after { content: ""; display: block; position: absolute; top: 5px; right: 10px; width: 0; height: 0; border-top: 4.5px solid transparent; border-left: 6px solid #666; border-bottom: 4.5px solid transparent; }
.footer_inner .info p { font-size: 14px; font-weight: normal; line-height: 20px; color: #666;}
.footer_inner .copyright { padding-top: 40px; font-size: 14px; font-weight: normal; color: #666;}
.footer_inner .mark { position: absolute; top: 40px; right: 30px;}
.footer_inner .mark ul { font-size: 0;}
.footer_inner .mark ul li { display: inline-block;}
.footer_inner .mark ul li ~li { margin-left: 20px;}

/*title*/
.titleType_1{padding:70px 0 30px; text-align:center; line-height:1; font-size:40px; font-weight:200; }

/* layout */
.guide {padding:50px 0;}
.guide h1{font-size:36px; font-weight:600; margin-bottom:20px; }
.guide h2{font-size:16px; font-weight:500; margin-bottom:10px;}
.guide_list{margin-bottom:20px; }
.guide_list>ul>li{display:inline-block; margin:0 10px; width:200px; vertical-align:top;}
.guide_list>ul>li .title{display:block; margin-bottom:15px; }
.guide_list>ul>li:first-child{margin-left:0; }

/* join */
.join_form ul li .find_address .basic-btn02 {
    margin: 5px 0 0 15px;
}
.find_address{
    display: flex;

}
.gray_bg{background-color:#f3f3f3;}
.member_content{margin:0 auto; max-width:1200px;padding:90px 20px 110px; background-color:#fff; }
.join_intro{margin:0 auto; max-width:510px; text-align:center;}
.join_intro .txt{margin-bottom:70px; padding-top:273px; line-height:1; background:url(../images/common/join_img.png) no-repeat center 0;  font-size:30px; letter-spacing:-2.25px; font-weight:200; }
.join_intro .txt br{display:none;}
.join_intro .join_go{margin-bottom:60px;}
.join_intro .join_go>*{width:100%; height:60px; line-height:60px; background-color:#006b8e; font-size:17px; color:#fff; font-weight:200; display:block; border-radius:3px;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.join_intro .join_go>*:hover{background-color:#005b79;}
.join_intro .sns_login_btn ul li{margin-bottom:10px;}
.join_intro .sns_login_btn ul li>*{width:100%; height:50px; border:1px solid #b9b9b9; box-sizing:border-box; border-radius:3px; display:block;  }
.join_intro .sns_login_btn ul li span{padding-left:30px; display:inline-block; line-height:48px; vertical-align:top; font-size:15px; font-weight:200;}
.join_intro .sns_login_btn ul li span.icon_naver{background:url(../images/common/ic-naver.svg) no-repeat 0 center; background-size:20px;}
.join_intro .sns_login_btn ul li span.icon_kakao{background:url(../images/common/ic-kakao.svg) no-repeat 0 center; background-size:20px;}

.join_terms{position:relative; margin:0 auto; max-width:800px;}
.join_step{position:relative; margin-bottom:90px;}
.join_step:before{position:absolute; left:0; bottom:0; width:100%; height:6px; background-color:#e9e9e9; display:block; content:"";}
.join_step ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.join_step ul li{position:relative;padding-bottom:45px; float:left; width:28.5%; line-height:1; font-family: "montserrat"; font-weight: 400;  color:#e5e5e5; letter-spacing:-2.5px; font-size:40px;}
.join_step ul li strong{font-weight: 700; font-size:50px; vertical-align:bottom; line-height:0.8;}
.join_step ul li span{vertical-align:bottom; line-height:1; letter-spacing:-4px;}
.join_step ul li.on{width:44%; color:#006b8e;}
.join_step ul li.on:before{position:absolute; left:0; bottom:0; width:100%; height:6px; background-color:#006b8e; display:block; content:"";}
.join_step ul li:nth-child(3){float:right;width:calc(28.5% - 17px);}
.join_step ul li:nth-child(3).on{width:42%;}
.join_terms_agree{padding:0 60px;}
.join_terms_agree .all_agree{position:relative; padding-bottom:30px; border-bottom:3px solid #333; overflow:hidden;}
.join_terms_agree .all_agree input[type=checkbox]{position:absolute; left:4px; top:5px; z-index:1;}
.join_terms_agree .all_agree label{padding-left:40px; font-size:22px; font-weight:600;}
.join_terms_agree .all_agree label:before{position:absolute; left:0; top:2px; z-index:2; width:30px; height:30px; background:url(../images/sub/checkbox-off.png) no-repeat center center; display:block; content:"";}
.join_terms_agree .all_agree input[type=checkbox]:checked+label:before{background:url(../images/sub/checkbox-on.png) no-repeat center center; }
.join_terms_agree .all_agree label:hover:before{background:url(../images/sub/checkbox-hover.png) no-repeat center center; }
.agree_tersm_list{position:relative; padding:15px 0; border-bottom:1px solid #ccc; }
.join_checkbox{position:relative; display:inline-block; overflow:hidden;}
.join_checkbox input[type=checkbox]{position:absolute; left:-15px; top:2px; z-index:1;}
.join_checkbox label{padding-left:30px; font-size:16px; }
.join_checkbox label strong{font-weight:300; color:#006b8e; }
.join_checkbox label:before{position:absolute; left:0; top:0; width:25px; height:25px; z-index:2; background:url(../images/sub/check-off.svg) no-repeat center center #fff; background-size:25px; display:block; content:"";}
.join_checkbox label:hover:before{background:url(../images/sub/check-hover.svg) no-repeat center center; background-size:25px; }
.join_checkbox input[type=checkbox]:checked+label:before{background:url(../images/sub/check-on.svg)no-repeat center center #fff; background-size:25px;}
.agree_tersm_list .open_terms_popup{position:absolute; right:0; top:50%; margin-top:-20px; width:40px; height:40px; display:block; content:""; background:url(../images/sub/btn-view.svg) no-repeat 0 center; background-size:40px; display:block; text-indent:-9999px; }
.agree_tersm_list.select_terms{border-bottom:none;}
.agree_tersm_list.select_terms .join_checkbox label strong{color:#666;}
.marketing_list{padding-left:30px; margin-bottom:80px; }
.marketing_list ul li{position:relative; display:inline-block; margin-right:20px; overflow:hidden;}
.marketing_list ul li label{padding-left:27px; display:inline-block; font-size:15px; color:#666; }
.marketing_list ul li label:before{position:absolute; left:0; top:0; z-index:2; width:20px; height:20px; background:url(../images/sub/checkbox-circle-off.svg) no-repeat center center;  background-size:20px;  display:block; content:"";}
.marketing_list ul li label:hover:before{background:url(../images/sub/checkbox-circle-hover.svg) no-repeat center center; background-size:20px;}
.marketing_list ul li input[type=checkbox]{position:absolute; left:-50px; top:4px; z-index:1;}
.marketing_list ul li input[type=checkbox]:checked+label:before{width:20px; height:20px;background:url(../images/sub/checkbox-on.svg) no-repeat center center;  background-size:16px; display:block; content:"";}
.marketing_list .txt_1{padding-top:11px; color:#999;}
.member_content .btn_area{text-align:center;}
.member_content .btn_area li{margin:0 4px; display:inline-block; vertical-align:top;}

.join_form{padding:0 145px;}
.join_form>ul{padding-bottom:20px;}
.join_form ul li{margin-bottom:60px; }
.join_form ul li .title{margin-bottom:10px; display:block; font-size:14px; letter-spacing:-0.5px; font-weight:500;}
.join_form ul li .title strong{margin-left:5px; display:inline-block; color:#da6929;}
.join_form ul li .hp_certified{width:100%; height:50px; border:1px solid #b9b9b9; box-sizing:border-box;  border-radius:3px;}
.join_form ul li .hp_certified span{padding-left: 23px; line-height:48px; vertical-align:top; display:inline-block; background:url(../images/common/ic-phone.svg) no-repeat 0 center; background-size:13px; font-size:15px; }
.join_form ul li .hp_certified_completion{width:100%; height:50px; border:1px solid #006d92; box-sizing:border-box;  border-radius:3px;}
.join_form ul li .hp_certified_completion span{padding-left: 23px; line-height:48px; vertical-align:top; display:inline-block; background:url(../images/sub/completion_check.svg) no-repeat 0 center; background-size:25px; font-size:15px; color:#006d92; font-weight:500;}
.join_form ul li .email:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.join_form ul li .email{margin-bottom:15px;}
.join_form ul li .email .email_1{float:left; width:37.25%;}
.join_form ul li .email .email_2{float:left; width:56.47%;}
.join_form ul li .email span{float:left; width:6.28%; line-height:50px; display:inline-block; text-align:center; font-size:15px;}
.join_form ul li .email_select{position:relative; padding-right:132px;}
.join_form ul li .email_select .basic-btn02{position:absolute; right:0; top:5px; }
.join_form .pw_info{padding-top:10px;}
.join_form .pw_info ul li{margin:0 0 0 20px; display:inline-block; padding-left:20px; background:url(../images/common/ic-check-off.svg) no-repeat 0 center; background-size:10px; color:#999; letter-spacing:-0.5px;}
.join_form .pw_info ul li:first-child{margin-left:0;}
.join_form .flex_box { display: flex; margin-bottom: 15px;}
.join_form .flex_box .input_delete { width: 100%; margin-right: 15px;}

/* btn */
.basic-btn01{padding:0 20px; width:100%; min-width:250px; box-sizing:border-box; text-align:center; height:56px; line-height:54px; border-radius:3px;  display:inline-block; vertical-align:top; font-size:16px; box-sizing:border-box; cursor:pointer;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.basic-btn02{padding:0 30px; min-width:120px; height:40px; line-height:38px; text-align:center; border-radius:20px; box-sizing:border-box; cursor:pointer; font-size:14px;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.basic-btn01.disable{background-color:#e5e5e5 !important; color:#fff !important; cursor:default;}
.basic-btn01.disable:hover{background-color:#e5e5e5 !important; color:#fff !important; cursor:default;}
.basic-btn01:disabled{background-color:#e5e5e5 !important; color:#fff !important; cursor:default;}
.basic-btn01:disabled:hover{background-color:#e5e5e5 !important; color:#fff !important; cursor:default;}

.basic-btn03{padding:0 30px; height:40px; line-height:38px; box-sizing:border-box; border-radius:20px; border:1px solid #ccc; font-size:14px; display:inline-block;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.basic-btn04{width:160px; height:50px; line-height:48px; box-sizing:border-box; border-radius:3px; font-size:15px; display:inline-block;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.address_change_btn{
    margin-left: 77px;
}
.basic-btn03:hover{border-color:#1e1e1e;}
.basic-btn03:disabled{opacity:0.4; cursor:default;}
.basic-btn03:disabled:hover{border-color:#ccc;}
.btn-gray-bd{border:1px solid #ccc;}
.btn-green-bg{background-color:#006b8e; color:#fff;}
.btn-red-bg{background-color:#930404; color:#fff;}
.btn-sky-bg{background-color:#006b8e; color:#fff;}
.btn_wrap ul{display:flex; margin-left:-5px;}
.btn_wrap ul li{flex-grow:1; margin:0 5px;}
.btn_wrap2{margin:0 auto; max-width:510px; }
.btn_wrap2 ul{display:flex; margin-left:-5px;}
.btn_wrap2 ul li{flex-grow:1; margin:0 5px;}
.btn-green-bg:hover,
.btn-sky-bg:hover{background-color:#005b79;}
.btn-red-bg:hover{background-color:#6d0505;}
.btn-gray-bd:hover{border-color:#006b8e; color:#006b8e;}
.basic-btn02.btn-gray-bd:hover{border-color:#1e1e1e; color:#1e1e1e;}
.btn_more{width:180px; height:50px; line-height:48px; border:1px solid #1e1e1e; box-sizing:border-box; border-radius:25px; font-size:17px; font-weight:400; display:inline-block;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.btn_more:hover{border:1px solid #006b8e; color:#006b8e;}
.btn_arrow{width:266px; height:74px; line-height:74px; text-align:center; display:inline-block; font-size:18px; border-radius:3px;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.btn_arrow span{padding-right:56px; display:inline-block; line-height:74px; background:url(../images/common/btn_arrow.png) no-repeat right center;  vertical-align:top;}
.basic-btn02.disabled:hover,
.basic-btn02.disabled,
.basic-btn02:disabled:hover,
.basic-btn02:disabled{border-color:#ccc; color:#ddd; cursor:default;}

/* popup */
.popup{position:fixed; left:0; top:0; bottom:0; z-index:50; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none;}
.popup_content{position:fixed; left:50%; top:50%; width:800px; background-color:#fff; display:block;  transform: translate(-50%, -50%); }
.terms_popup .popup_content{width:100%;max-width: 1200px;}
.popup_inner{position:relative; /*padding:50px 60px 65px;*/ }
.popup_title{padding:50px 60px 30px; /*margin-bottom:35px; border-bottom:1px solid #ddd;*/}
.popup_title h1{font-size:26px; font-weight:500; line-height:1;}
.popup_top_close{position:absolute; right:25px; top:25px; width:50px; height:50px; background:url(../images/common/btn-popup-close.svg) no-repeat center center; background-size:50px; text-indent:-9999px; }
.popup .terms_box{height:371px; box-sizing:border-box; overflow:auto; }
.popup .terms_box pre{font-size:16px; line-height:1.6;overflow: auto; white-space: pre-wrap;}
.popup .terms_date{margin-bottom:40px; display:block; /*border-bottom:2px solid #333;*/ background:url(../images/common/ic-down.svg) no-repeat right center; background-size:30px;}
.popup .terms_date span{line-height:50px; display:inline-block; font-size:15px; }

.popup .btn_area ul{display:flex; vertical-align:top;}
.popup .btn_area ul li{flex-grow:1;vertical-align:top;}
.popup .btn_area a,
.popup .btn_area button{width:100%; height:55px; line-height:53px; text-align:center; font-size:16px; display:block; border-radius:0; box-sizing:border-box;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.popup_scroll{padding:48px 60px 60px; max-height:65vh; overflow:auto; box-sizing:border-box;}
.notification_popup{position:fixed; left:0; top:0; bottom:0; z-index:50; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none;}
.notification_popup .popup_content{position:fixed; left:50%; top:50%; width:560px; max-height:90vh; background-color:#fff; display:block;  transform: translate(-50%, -50%); overflow:auto;}
.notification_popup .popup_inner{position:relative; /*padding:50px 30px 30px;*/}
.notification_popup .popup_inner .popup_title{margin:0 60px; padding:50px 0 35px; border-bottom:1px solid #ddd;}
.notification_popup .popup_scroll{padding-bottom:60px;}
/* .notification_popup .btn_area ul{display:flex; vertical-align:top;}
.notification_popup .btn_area ul li{width:50%;flex-grow:1;vertical-align:top;} */
.notification_popup .btn_area ul{vertical-align:top;}
.notification_popup .btn_area ul::after{display:block;clear:both;content:'';}
.notification_popup .btn_area ul li{width:50%;float:left;}
.notification_popup.as_completion_popup ul li{width:auto;float:none;}
.notification_popup.view_area_popup ul li{width:auto;float:none;}
.notification_popup .btn_area a,
.notification_popup .btn_area button{width:100%; height:55px; line-height:53px; text-align:center; border:1px solid #ccc; font-size:16px; display:block; border-radius:0; box-sizing:border-box;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.notification_popup .btn_area a.btn-green-bg,
.notification_popup .btn_area button.btn-green-bg{border-color:#006b8e;}

.notification_popup .btn_area .btn-sky-bg{background-color:#006b8e; color:#fff;border-color:#006b8e; }
.notification_popup .btn_area .btn-sky-bg:hover{background-color:#005b79; color:#fff !important;}
.notification_popup .btn_area .btn-sky-bg:disabled{background-color:#e5e5e5; border-color:#e5e5e5; cursor:default;}
.notification_popup .btn_area .disabled,
.notification_popup .btn_area a:disabled,
.notification_popup .btn_area button:disabled{background-color:#e6e6e6; border-color:#e6e6e6; color:#fff; cursor:default;}
.join_check_popup3 .txt_1,
.join_check_popup .txt_1{margin-bottom:30px; font-size:16px; text-align:center;}
.join_check_popup3 .txt_1 span{display:block; margin-top:15px; }
.notification_popup .gray_box{padding:30px 0; text-align:center; background-color:#f7f7f7;}
.notification_popup .gray_box {font-size:16px; font-weight:200;}
.notification_popup .gray_box strong{margin:10px 0; display:block; color:#eb6100; font-weight:600;}
.notification_popup .gray_box  span{font-size:14px;}

.alert_popup{position:fixed; left:0; top:0; bottom:0; z-index:50; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none;}
.alert_popup .popup_content{position:fixed; left:50%; top:50%; width:470px; transform: translate(-50%, -50%); }
.alert_popup .popup_inner{padding:0;}
.alert_popup .popup_inner .txt_area{padding:30px; min-height:210px; box-sizing:border-box; width:100%; display:table; text-align:center; }
.alert_popup .popup_inner .txt_area p{display:table-cell; vertical-align:middle; font-size:16px;}
.alert_popup  .btn_area ul{display:flex; vertical-align:top;}
.alert_popup .btn_area ul li{flex-grow:1;vertical-align:top;}
.alert_popup .btn_area a,
.alert_popup .btn_area button{width:100%; height:55px; line-height:53px; text-align:center; border:1px solid #ccc; font-size:16px; display:block; border-radius:0; box-sizing:border-box;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.alert_popup .btn_area a:hover,
.alert_popup .btn_area button:hover{/*border-color:#006b8e;*/ color:#006b8e;}
.alert_popup .btn_area .btn-green-bg{background-color:#006b8e; color:#fff;border-color:#006b8e;}
.alert_popup .btn_area .btn-green-bg:hover{background-color:#005b79; color:#fff !important;}
.alert_popup .btn_area .btn-green-bg:disabled{background-color:#e5e5e5; border-color:#e5e5e5; cursor:default;}
.alert_popup .btn_area .btn-sky-bg{background-color:#006b8e; color:#fff;border-color:#006b8e;}
.alert_popup .btn_area .btn-sky-bg:hover{background-color:#005b79; color:#fff !important;}
.alert_popup .btn_area .btn-sky-bg:disabled{background-color:#e5e5e5; border-color:#e5e5e5; cursor:default;}
.mb_show{display:none;}

.image_expand_popup{display:none;}
.image_expand_popup_bg{position:fixed; left:0; top:0; bottom:0; z-index:50;  width:100%; height:100%;  background:rgba(0,0,0,0.7); }
.image_expand_popup .popup_top_close{position:fixed; right:50px; top:50px; z-index:51; width:50px; height:50px; background:url(../images/sub/btn-imgview-close.png) no-repeat center center;}
.image_expand_popup .popup_inner{position:fixed; left:50%; top:50%; z-index:52; transform: translate(-50%, -50%); text-align:center; box-sizing:border-box; }
.image_expand_popup .popup_image{position:relative; max-width:80vh; max-height:90vh; }
.image_expand_popup .popup_image img{width:100%; }
.image_expand_popup .popup_prev{position:absolute; left:-120px; top:50%; width:38px; height:72px; background:url(../images/sub/popup_prev.png) no-repeat center center; transform: translate(0, -50%);  display:block;}
.image_expand_popup .popup_next{position:absolute; right:-120px; top:50%; width:38px; height:72px; background:url(../images/sub/popup_next.png) no-repeat center center; transform: translate(0, -50%); display:block;}
.image_expand_popup .popup_prev.end,
.image_expand_popup .popup_next.end{opacity:0.4; cursor:default;}

/* custom input */
.custom_select{position:relative; display:block; width:100%; }
.custom_select .open_select_list{padding:0 30px 0 0;  background:url(../images/common/ic-down.svg) no-repeat right center; background-size:30px;  display:block; width:100%; height:50px; line-height:48px; border-bottom:2px solid #333; box-sizing:border-box; text-align:left; font-size:15px;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.custom_select .open_select_list:focus,
.custom_select:hover .open_select_list{border-color:#006b8e;}
.custom_select.error .open_select_list{border-color:#eb6100;}
.custom_select .select_list{position:absolute; left:0; top:50px; z-index:10; width:100%;  display:none;  overflow:hidden;}
.custom_select .select_list ul{max-height:130px; border:1px solid #e4e4e4; overflow:auto; background-color:#fff; border-radius:0 0 4px 4px; border-top:none;}
.custom_select .select_list ul li button{padding:0 10px; width:100%; line-height:32px; border-top:none; font-size:13px; color:#999;  text-align:left;}
.custom_select .select_list ul li button:hover{background-color:#f5f5f5; color:#000;}
.custom_select.disabled .select_list{display:none !important;}
.custom_select.disabled .open_select_list{background:url(../images/common/ic-down.svg) no-repeat right center #f7f7f7; cursor:default; color:#ccc;}

.custom_checkbox{position:relative; display:inline-block; min-height:20px; overflow:hidden;}
.custom_checkbox label{padding-left:27px; font-size:14px; display:inline-block; line-height:20px; min-height:22px; vertical-align:top;}
.custom_checkbox input[type=radio],
.custom_checkbox input[type=checkbox]{position:absolute; left:-50px; top:0; z-index:1;}
.custom_checkbox label:before{position:absolute; left:0; top:2px; width:20px; height:20px; background:url(../images/sub/checkbox-circle-off.png) no-repeat center center; display:block; content:"";
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.custom_checkbox label:hover:before{background:url(../images/sub/checkbox-circle-hover.png) no-repeat center center; }
.custom_checkbox input[type=radio]:checked+label:before,
.custom_checkbox input[type=checkbox]:checked+label:before{background:url(../images/sub/checkbox-circle-on.png) no-repeat center center; }

.custom_checkbox.type_1{position:relative; display:inline-block; min-height:30px; overflow:hidden;}
.custom_checkbox.type_1 label{padding-left:40px; display:inline-block; line-height:30px; vertical-align:top;}
.custom_checkbox.type_1 input[type=checkbox]{position:absolute; left:-20px; top:0; z-index:1;}
.custom_checkbox.type_1 label:before{position:absolute; left:0; top:0; width:30px; height:30px; background:url(../images/sub/checkbox-off.png) no-repeat center center;  display:block; content:"";
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.custom_checkbox.type_1 label:hover:before{background:url(../images/sub/checkbox-hover.png) no-repeat center center; }
.custom_checkbox.type_1 input[type=checkbox]:checked+label:before{background:url(../images/sub/checkbox-on.png) no-repeat center center; }
.custom_checkbox.type_1 input[type=checkbox]:disabled+label:before{background:url(../images/sub/checkbox-disable.png) no-repeat center center;}
.custom_checkbox.type_1.error input[type=checkbox]+label:before{background:url(../images/sub/checkbox-incorrect.png) no-repeat center center;}

.custom_checkbox.type_2{position:relative; display:inline-block; min-height:25px; overflow:hidden;}
.custom_checkbox.type_2 label{padding-left:35px; display:inline-block; line-height:25px; vertical-align:top;}
.custom_checkbox.type_2 input[type=checkbox]{position:absolute; left:-20px; top:0; z-index:1;}
.custom_checkbox.type_2 label:before{position:absolute; left:0; top:0; width:25px; height:25px; background:url(../images/sub/check-off.svg) no-repeat center center; background-size:25px; display:block; content:"";
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.custom_checkbox.type_2 label:hover:before{background:url(../images/sub/check-hover.svg) no-repeat center center; background-size:25px;}
.custom_checkbox.type_2 input[type=checkbox]:checked+label:before{background:url(../images/sub/check-on.svg) no-repeat center center; background-size:25px;}

.custom_checkbox.type_3{position:relative; display:inline-block; min-height:20px; overflow:hidden;}
.custom_checkbox.type_3 label{padding-left:30px; display:inline-block; line-height:20px; vertical-align:top;}
.custom_checkbox.type_3 input[type=checkbox]{position:absolute; left:-20px; top:0; z-index:1;}
.custom_checkbox.type_3 label:before{position:absolute; left:0; top:0; width:20px; height:20px; background:url(../images/sub/check-circle-off.svg) no-repeat center center; background-size:20px; display:block; content:"";
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.custom_checkbox.type_3 label:hover:before{background:url(../images/sub/check-circle-hover.svg) no-repeat center center; background-size:20px;}
.custom_checkbox.type_3 input[type=checkbox]:checked+label:before{background:url(../images/sub/check-circle-on.svg) no-repeat center center; background-size:20px;}

.custom_radio{position:relative; display:inline-block; min-height:30px; overflow:hidden;}
.custom_radio label{padding-left:40px; font-size:14px; display:inline-block; line-height:30px; vertical-align:top; }
.custom_radio input[type=radio]{position:absolute; left:5px; top:5px; z-index:1;}
.custom_radio label:before{position:absolute; left:0; top:0; z-index:2; width:30px; height:30px; background:url(../images/sub/radiobtn-off.svg) no-repeat center center; background-size:30px; display:block; content:"";
/* -webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out; */
}
.custom_radio label:hover:before{background:url(../images/sub/radiobtn-hover.svg) no-repeat center center; background-size:30px;}
.custom_radio input[type=radio]:checked+label:before{background:url(../images/sub/radiobtn-on.svg) no-repeat center center; background-size:30px;}
.custom_radio input[type=radio]:disabled+label:before{background:url(../images/sub/radiobtn-disable.svg) no-repeat center center; background-size:30px;}

.custom_radio.type_1{position:relative; display:inline-block; min-height:50px; overflow:hidden;}
.custom_radio.type_1 label{padding-left:60px; font-size:14px; display:inline-block; line-height:60px; vertical-align:top;}
.custom_radio.type_1 input[type=radio]{position:absolute; left:8px; top:8px; z-index:1;}
.custom_radio.type_1 label:before{position:absolute; left:0; top:0; z-index:2; width:50px; height:50px; background:url(../images/common/radiocheck-off.svg) no-repeat center center; background-size:50px; display:block; content:"";
/* -webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out; */
}
.custom_radio.type_1 label:hover:before{background:url(../images/common/radiocheck-hover.svg) no-repeat center center; background-size:50px;}
.custom_radio.type_1 input[type=radio]:checked+label:before{background:url(../images/common/radiocheck-on.svg) no-repeat center center; background-size:50px;}

.input_delete{position:relative;}
.input_delete input[type=password],
.input_delete input[type=number],
.input_delete input[type=text]{padding-right:25px;}
.input_delete .btn_input_delete{position:absolute; right:0; top:50%; width:21px; height:21px; transform: translate(0, -50%); background:url(../images/common/ic-exclamation.png) no-repeat center center; text-indent:-9999px; display:none;}
.right_btn_type .input_delete .btn_input_delete{right:150px;}

/* login */
.login_wrap{max-width:510px; margin:0 auto; padding:20px 0 0;}
.login_logo{text-align:center; margin-bottom:70px;}
.login_form li{position:relative; margin-bottom:18px;}
.login_form li input[type=password],
.login_form li input[type=text]{padding-left:80px; width:100%; box-sizing:border-box;}
.login_form li label{position:absolute; left:0; top:0; z-index:2; line-height:50px; font-size:15px;}
.login_wrap .id_save{margin-bottom:40px; padding-top:5px; font-size:14px; }
.error_txt{padding-top:10px; font-size:13px; color:#eb6100; font-weight:400;}
.login_link:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.login_link{padding:20px 0 60px;}
.login_link .left_btn{float:left;}
.login_link .left_btn li{position:relative; margin-right:30px; display:inline-block;}
.login_link .left_btn li:last-child{margin-right:0;}
.login_link .left_btn li a{color:#666;}
.login_link .right_btn{float:right; }
.login_wrap .sns_login ul li{margin-bottom:10px; text-align:center; border-radius:3px;}
.login_wrap .sns_login ul li>*{width:100%; height:50px; border:1px solid #b9b9b9; box-sizing:border-box; border-radius:3px; display:block;  }
.login_wrap .sns_login ul li span{padding-left:30px; display:inline-block; line-height:48px; vertical-align:top; font-size:15px; font-weight:200;}
.login_wrap .sns_login ul li span.icon_naver{background:url(../images/common/ic-naver.svg) no-repeat 0 center; background-size:20px;}
.login_wrap .sns_login ul li span.icon_kakao{background:url(../images/common/ic-kakao.svg) no-repeat 0 center; background-size:20px;}

.account_off{margin:0 auto; max-width:510px; padding:50px 0 0; }
.account_off .txt_1{margin-bottom:30px; text-align:center; font-size:16px;}
.account_off .gray_box{padding:40px 20px; margin-bottom:80px; text-align:center; font-size:16px; background-color:#f7f7f7;}
.account_off .gray_box .date{margin-bottom:10px; text-align:center; font-weight:500; font-size:16px;}
.account_off .gray_box .date strong{font-family: "montserrat"; font-weight:500;}
.account_off .gray_box .c-orange{font-weight:400;}
.c-orange{color:#eb6100 !important;}
.c-green{color:#006b8e !important;}

.id_search{margin:0 auto; max-width:510px; }
.id_search_way{margin-bottom:50px;}
.id_search_way:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.id_search_way li{float:left; padding-top:228px; width:50%; text-align:center;}
.id_search_way li.icon_1{background:url(../images/sub/id_srch_icon2.png) no-repeat center 0; }
.id_search_way li.icon_2{background:url(../images/sub/id_srch_icon1.png) no-repeat center 0; }
.custom_radio_big{position:relative; padding-top:70px; display:block; overflow:hidden;}
.custom_radio_big input[type=radio]{position:absolute; left:-20px; top:5px; z-index:1;}
.custom_radio_big label{display:block; text-align:center; font-size:16px; font-weight:300;}
.custom_radio_big label:before{position:absolute; left:50%; top:0; z-index:2; margin-left:-25px; width:50px; height:50px; background:url(../images/common/radiocheck-off.svg) no-repeat center center; background-size:50px; display:block; content:"";
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.custom_radio_big label:hover:before{background:url(../images/common/radiocheck-hover.svg) no-repeat center center; background-size:50px;}
.custom_radio_big input[type=radio]:checked+label:before{background:url(../images/common/radiocheck-on.svg) no-repeat center center; background-size:50px;}
.id_search .list_1{padding:20px 0 40px;}
.id_search .list_1 li{position:relative; margin-bottom:20px; padding-left:10px; line-height:1.6; font-size:14px; color:#666;}
.id_search .list_1 li:before{position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#666; display:block; content:"";}
.id_search .list_2 li{position:relative; margin-bottom:20px; padding-left:28px; background:url(../images/sub/ic_tooltip.png) no-repeat 0 4px; color:#666; line-height:1.5;}
.id_search .list_2 li strong{margin-bottom:5px; display:block; font-size:16px; font-weight:500; color:#1e1e1e;}

.member_certified_popup ul li{margin-bottom:60px;}
.member_certified_popup ul li label{margin-bottom:10px; display:block; font-size:14px; font-weight:600; }
.member_certified_popup .txt_1{margin-bottom:50px; font-size:16px; text-align:center;}
.member_certified_popup .right_btn_type{position:relative; }
.member_certified_popup .right_btn_type input{padding-right:140px;}
.member_certified_popup .right_btn_type .basic-btn02{position:absolute; right:0; top:0;}

.id_search_results{margin:0 auto; max-width:510px;}
.id_search_results .txt_1{padding-bottom:30px; text-align:center; font-size:16px;}
.id_search_results .gray_box{margin-bottom:80px; background-color:#f7f7f7; padding:40px 20px; text-align:center; font-size:16px;}
.id_search_results .gray_box strong.c-orange{margin:5px 0; display:block; font-weight:600; color:#da6929;}
.id_search_results .gray_box .date span{font-family: "montserrat"; font-weight: 400;}
.id_search_results .gray_box .txt_2{margin-top:40px; font-size:16px; }
.id_search_results .gray_box .txt_2 strong{margin-top:30px; display:block; font-weight:400;}

.id_search .id_eamil_form{margin-bottom:40px;}
.id_search .id_eamil_form label{display:block; font-size:14px; font-weight:600; }
.id_search .id_eamil_form input[type=text]{width:100%;}

.address_change{margin:0 auto; max-width:510px;}
.address_change>ul{padding-bottom:20px;}
.address_change>ul>li{position:relative; margin-bottom:60px;}
.address_change ul li label{margin-bottom:10px; display:block; font-size:14px; font-weight:500;}

.pw_change{margin:0 auto; max-width:510px;}
.pw_change>ul{padding-bottom:20px;}
.pw_change>ul>li{position:relative; margin-bottom:60px;}
.pw_change ul li label{margin-bottom:10px; display:block; font-size:14px; font-weight:500;}
.validity_check{padding-top:10px;}
.validity_check li{position:relative; margin-right:20px; margin-bottom:0 !important; padding-left:20px; background:url(../images/sub/ic-checks-off.svg) no-repeat 0 center; background-size:14px;display:inline-block; font-size:13px; color:#999; font-weight:400;}
.validity_check li:last-child{margin-right:0;}
.validity_check li.on{background:url(../images/sub/ic-check-on.svg) no-repeat 0 center; background-size:14px; color:#006b8e;}

.join_completion{margin:0 auto; max-width:510px; }
.join_completion .txt_1{margin-bottom:70px; padding-top:274px; background:url(../images/sub/join_completion.png) no-repeat center 0; text-align:center; font-size:18px;}
.join_completion .txt_1 .name{margin-bottom:10px; display:block; font-weight:300; font-size:30px;}

/* construction_examples */
.sub_cont{margin:0 auto; padding:90px 0 0; max-width:1200px;}
.sub_top_area{margin-bottom:80px; text-align:center; }
.sub_top_area .sub_top_title{margin-bottom:30px; font-size:50px; font-weight:600; line-height:1.2; letter-spacing:-2.5px;}
.sub_top_area p{font-size:16px;}
.tabType_1{margin-bottom:50px;}
.tabType_1 ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.tabType_1 ul{display:flex;}
.tabType_1 ul li{flex-grow:1; border:1px solid #ccc; border-left:none; box-sizing:border-box;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.tabType_1 ul li:first-child{border-left:1px solid #ccc;}
.tabType_1 ul li:first-child.on{border-color:#333;}
.tabType_1 ul li a{padding:0 5px; width:100%; height:60px; display:block;  box-sizing:border-box;  display:table; text-align:center;}
.tabType_1 ul li span{display:table-cell; vertical-align:middle; font-size:17px; font-weight:200; letter-spacing:-0.68px;}
.tabType_1 ul li.on{background-color:#333; border-color:#333;}
.tabType_1 ul li.on span{color:#fff;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.tabType_1 ul li span b{font-weight:200;}
.tabType_1 ul li:hover{background-color:#333; border-color:#333;}
.tabType_1 ul li:hover span{color:#fff;}
.construction_examples .btn_more{position:relative; z-index:2; top:-30px; }

.listType_1::after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.listType_1 >div{float:left; margin:0 3.125% 80px 0; width:31.25%; box-shadow: 11px 16px 43px 0 rgba(0, 0, 0, 0.08);}
.listType_1 >div:nth-child(3n){margin-right:0;}
.listType_1 >div .img_area a{position:relative; padding-bottom:100%; display:block; }
.listType_1 >div .img_area img{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; }
.listType_1 >div .txt_area{position:relative; padding:30px 30px 100px; height:280px; box-sizing:border-box; }
.listType_1 >div .txt_area .category{margin-bottom:20px; display:block; font-size:16px; color:#006b8e; font-weight:500; letter-spacing:-0.8px;}
.listType_1 >div .txt_area .title{display:block; font-size:20px; line-height:1.4; font-weight:400; letter-spacing:-0.8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.listType_1 >div .txt_area .location{margin-bottom:30px; letter-spacing:-0.5px; display:block; font-size:14px; color:#666;}
.listType_1 >div .txt_area .tag{position:absolute; left:0; bottom:82px; padding:0 30px; width:100%; box-sizing:border-box; line-height:1; font-size:16px; color:#000; letter-spacing:-0.6px;}
.listType_1 >div .txt_area .price{position:absolute; left:0; bottom:30px; padding:0 30px; width:100%; box-sizing:border-box; text-align:right; font-size:20px; line-height:1; font-weight:400;}
.listType_1 >div .txt_area .price strong{font-size:26px; font-family: "montserrat"; font-weight:500; display:inline-block; margin-right:5px;}


/* tab */
.tabType_2{margin-bottom:50px;}
.tabType_2 ul{display:flex;}
.tabType_2 ul li{flex-grow:1; border:1px solid #ccc; border-left:none; box-sizing:border-box;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.tabType_2 ul li:first-child{border-left:1px solid #ccc;}
.tabType_2 ul li:first-child.on{border-color:#333;}
.tabType_2 ul li a{padding:0 5px; width:100%; height:60px; display:block;  box-sizing:border-box;  display:table; text-align:center;}
.tabType_2 ul li span{display:table-cell; vertical-align:middle; font-size:17px; font-weight:200; letter-spacing:-0.68px;}
.tabType_2 ul li.on{background-color:#333; border-color:#333;}
.tabType_2 ul li.on span{color:#fff;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.tabType_2 ul li span b{font-weight:200;}
.tabType_2 ul li:hover{background-color:#333; border-color:#333;}
.tabType_2 ul li:hover span{color:#fff;}
.tabType_2 ul li b{display:none;}

/* table */
.tbType_1{margin-bottom:75px; border-top:1px solid #ccc;}
.tbType_1 th{padding:15px 20px; background-color:#f7f7f7; border-bottom:1px solid #e5e5e5; text-align:left; font-size:15px; color:#999; font-weight:300; }
.tbType_1 td{padding:15px 20px; border-bottom:1px solid #e5e5e5; font-size:15px;}
.tbType_1 td .number{font-family: "montserrat";font-weight: 300;}
.tbType_2{margin-bottom:60px;}
.tbType_2 th{padding:14px 10px; border-bottom:1px solid #ccc; text-align:center; background-color:#f7f7f7; font-size:15px; color:#999; font-weight:400;}
.tbType_2 td{border-bottom:1px solid #e5e5e5; padding:14px 10px; font-size:15px; line-height:1.7; text-align:center; }
.tbType_3{margin-bottom:30px;}
.tbType_3 th{padding:15px 5px; text-align:center; border-bottom:1px solid #ccc; border-top:1px solid #1e1e1e; font-size:14px; font-weight:300; color:#999;}
.tbType_3 td{padding:10px 5px; text-align:center; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:300;}
.tbType_3 td.price{padding-right:60px; text-align:right; font-size:14px;}
.tbType_3 td.price strong{font-family: "montserrat"; font-weight: 700;}
.tbType_3 .select td{background-color:#fefaf6; color:#eb6100;}

/* list */
.faq .no_list{border-top:3px solid #333;}
.no_list{padding:145px 0 90px; text-align:center;}
.no_list p{font-size:16px; letter-spacing:-0.64px;}
.no_list .btn_area{padding-top:36px;}

/* main popup */
.main_popup{position:fixed; left:0; top:0; bottom:0; z-index:20; width:100%; height:100%; background:rgba(0,0,0,0.6); display:block; }
.main_popup .popup_content{position:fixed; left:50%; top:50%; width:600px; transform: translate(-50%, -50%); background:transparent;}
.main_popup .popup_inner{border-radius:10px; overflow:hidden;}
.main_popup .popup_inner img{width:100%;}
.main_popup .main_popup_btmArea:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.main_popup .main_popup_btmArea{padding-top:18px;}
.main_popup .main_popup_btmArea .custom_checkbox label{font-size:15px; color:#fff; }
.main_popup .main_popup_btmArea .custom_checkbox label:before{width:20px; height:20px; background:url(../images/main/checkbox-circle.png) no-repeat center center; background-size:20px;}
.main_popup .main_popup_btmArea .main_popup_close{padding-left:30px; background:url(../images/main/popup-close.png) no-repeat 0 0; font-size:15px; color:#fff; display:inline-block;}


/* hover */
@media (hover: hover) {
  /* gnb */
  .gnb_child.service .s_gnb ul li:not(.disabled):hover h6,
  .gnb_child.service .s_gnb ul li:not(.disabled):hover p:hover{ font-weight: 500; color: #006b8e;}
  .gnb_child.support .s_gnb ul li a:hover { font-weight: 500; color: #005A7C;}

  /* btn_com */
  .btn_com.btn_white:hover { color: white; background-color: #005A7C;}
  .btn_com.btn_white_line:hover { color: #005A7C; border: 1px solid #005A7C;}
  .btn_com.btn_blue:hover { color: white; background-color: #005A7C;}
}

/* media - 1480 */
@media screen and (max-width: 1480px){
  .header .header_inner { padding: 0 40px;}
  .header .util { margin: -4px 0 0;}
  .gnb_cover .gnb_banner { right: 40px;}
  .gnb_list >li { margin-left: 40px;}

  /* main_cont_05 */
  .main_cont_05 .slide_arrow .prev_arrow { left: 25px; top: -130px;}
  .main_cont_05 .slide_arrow .next_arrow { right: 25px; top: -130px;}
}


/* media - 1200 */
@media screen and (max-width: 1200px){

  /*headaer*/
  .header{ height: 55px;}
  .header .header_inner { padding: 0 25px;}
  .header .top_box { height: 100%; padding: 0; align-items: center;}
  .header .logo a { width: 140px; height: 26px;}
  .util { display: none;}
  .gnb_open { display: block;}
  .btn_gnb_open { position: relative; width: 21px; height: 15px; background:url(../images/common/btnCategorySub.png) no-repeat; background-size: 21px; text-indent:-9999px;}
  .mobile_gnb_bg { position:fixed; left:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none;}
  .gnb { display: none;}
  .gnb_cover { display: none;}
  .gnb_inner { position: fixed; right: 0; top: 0; bottom: 0; z-index:20; width: 90%; height: 100%; background-color:#fff; overflow: auto;}
  .gnb_close_box { position: absolute; top: 20px; right: 0; width: 90%; height: 27px; z-index: 31;}
  .gnb_close{ position: absolute; left: -35px; top: 0; width: 25px; height: 100%; background:url(../images/common/btnGnbClose.svg) no-repeat; background-size: 25px; display:block; text-indent:-9999px; cursor: pointer;}
  .mobile_menu { display:block; padding: 50px 25px 15px; text-align: left; border-bottom: 2px solid #333; }
  .mobile_menu .gnb_logo{ width: 100%; height: 31px; margin-bottom: 25px; background: url(../images/common/mobile_gnb_logo.png) no-repeat 0 0 / 160px 30px; display:block;}
  .mobile_menu .gnb_logo img { display: none;}
  .mobile_menu .util_menu { display: flex; justify-content: space-between; align-items: center;}
  .mobile_menu .util_menu ul { margin: 0 -15px; font-size: 0;}
  .mobile_menu .util_menu ul li { display: inline-block; position: relative; padding: 0 8px;}
  .mobile_menu .util_menu ul li ~li:before { content:""; display:block; position: absolute; left: 0; top: 50%; transform: translateY(-40%); width: 1px; height: 10px; background-color:#ccc;}
  .mobile_menu .util_menu ul li a { font-size: 14px; color: #000;}
  .mobile_menu .util_menu div a { display: block; height: 30px; padding: 0 14px; font-size: 13px; line-height: 28px; border: 1px solid #ccc; border-radius: 30px;}
  .gnb_list{ display: block; padding: 30px 25px 20px;}
  .gnb_list >li{ float:none; width:100%; margin-left: 0;}
  .gnb_list >li >a { height: 50px; margin: 0; padding: 0; font-size: 20px; font-weight: 200; line-height:50px;}
  .gnb_list >li >a.s_gnb_open.on { font-weight: 500; color: #006B8E; border-bottom: 1px solid #006B8E;}
  .gnb_list >li >a:before { display: none;}
  .gnb_list >li >a.s_gnb_open::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 12px; background: url(../images/common/gnb_btn_arrow.svg) no-repeat center / 100%;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  .gnb_list >li >a.s_gnb_open.on::after { transform: translateY(-50%) rotate(-180deg);}
  .s_gnb { position: relative; top: auto; left: auto; border-bottom: 1px solid #e5e5e5; display:none; visibility: visible; opacity: 1;}
  .s_gnb ul li a { font-size: 15px;}
  .gnb_child.service .s_gnb { min-width: auto; margin-top: 0;}
  .gnb_child.service .s_gnb >ul >li { display: block; padding: 20px 0;}
  .gnb_child.service .s_gnb ul li h6 { width: 100%; margin-bottom: 15px; font-weight: 500;}
  .gnb_child.service .s_gnb ul li ~li h6 { margin-top: 0;}
  .gnb_child.service .s_gnb ul li p { font-size: 15px;}
  .gnb_child.service .s_gnb ul li ~li p { margin-bottom: 10px;}
  .gnb_child.service .s_gnb ul li:first-child >a { display: inline-block;}
  .gnb_child.service .s_gnb ul li:first-child .dep3_list { display: inline-block; vertical-align: middle; margin-left: 30px;}
  .gnb_child.service .s_gnb ul li:first-child .dep3_list ul,
  .gnb_child.service .s_gnb ul li:first-child .dep3_list ul li { margin: 0;}
  .gnb_child.service .s_gnb .dep3_list { margin-left: 0;}
  .gnb_child.service .s_gnb .dep3_list ul { margin: -5px -15px;}
  .gnb_child.service .s_gnb .dep3_list ul li { margin: 5px 15px;}
  .gnb_child.service .s_gnb > ul > li:first-child > a{ margin-right:30px;}
  .gnb_child.service .s_gnb ul li .disabled_box { min-height: 157px; max-width:100%; color:#000;}
  .gnb_child.support .s_gnb { margin-top: 0; padding: 20px 0;}
  .gnb_child.support .s_gnb ul li { padding: 0; border: none;}
  .gnb_child.support .s_gnb ul li a { font-weight: 500; color: #000;}
  .gnb_child.support .s_gnb ul li ~li { padding-top: 25px;}
  .header .estimate_btn {  display: block; width: 130px; height: 30px; margin-left: 25px; background: url(../images/common/estimate_btn_icon.svg) left 10px center / 22px no-repeat; background-color: #006b8e; border-radius: 40px;}
  .header .estimate_btn a { padding-left: 14px; font-size: 13px; line-height: 30px;}
  .header .inquiry_call { position: relative; top: auto; right: auto; transform: none; margin: 30px 0 0 25px;}
  .header .inquiry_call span { display: block; font-size: 20px; font-weight: 500; line-height: 1;}
  .header .inquiry_call i { width: 20px; height: 20px; background-size: 20px;}
  .header .inquiry_call p { margin-left: 5px; font-size: 25px; font-weight: 600;}

  /* fixed */
  .fixed-box { right: 15px; bottom: 20px; text-align: center;}
  .fixed-box.active { z-index: 9999;}
  .fixed-box .mb_fixed_bg { position: fixed; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.6); display: none;}
  .fixed-box button { width: 50px; height: 50px;}
  .fixed-box .mb_inquiry_box { position: relative; display: block; margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .fixed-box .mb_inquiry_box button { background: url(../images/common/fixed_inquiry_call.svg) no-repeat center; background-size: 100%; background-color: #fff; box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.2);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
  }
  .fixed-box .mb_inquiry_box ul { position: absolute; right: -100px; bottom: 60px;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    -o-transition: right 0.3s;
    transition: right 0.3s;
  }
  .fixed-box .mb_inquiry_box ul li { width: 50px; height: 50px; border-radius: 50%; background-color: #00A9B0; box-shadow: 8px 0px 18px rgba(0, 0, 0, 0.2);}
  .fixed-box .mb_inquiry_box ul li ~li { margin-top: 10px;}
  .fixed-box .mb_inquiry_box ul li a { display: block; width: 100%; height: 100%;}
  .fixed-box .mb_inquiry_box ul li.inquiry_1 a { background: url(../images/common/fixed_inquiry_1_icon.svg) no-repeat center; background-size: 100%;}
  .fixed-box .mb_inquiry_box ul li.inquiry_2 a { background: url(../images/common/fixed_inquiry_2_icon.svg) no-repeat center; background-size: 100%;}
  .fixed-box .mb_inquiry_box.active button { background: url(../images/common/fixed_inquiry_call_close.svg) no-repeat center; background-size: 100%; background-color: #fff;}
  .fixed-box .mb_inquiry_box.active ul { right: 0;}
  .fixed-box .return-top { width: 40px; height: 40px; background-size: 22px;}

  /* footer */
  .footer_inner .info ul li:nth-child(2) { display: inline;}
  .footer_inner .info ul li:nth-child(2)::after { content: "\A"; white-space: pre;}
  .footer_inner .info ul li:nth-child(3) { margin-top: 4px;}
  .footer_inner .info ul li:nth-child(3)::before { display: none;}

  /* main_comm */
  .cont_wrap { margin: 0 25px;}

  /* main_cont_01 */
  .main_cont_01 { background-position: left 0px top -89px, right bottom}
  .main_cont_01 .cont_wrap { padding: 150px 0; font-size: 0;}
  .main_cont_01 .list .text_box p { word-break: keep-all;}
  .main_cont_01 .list .text_box p br { display: none;}

  /* main_cont_05 */
  .main_cont_05 .cont_wrap { width: auto; margin: 0 7px;}

  /* main_cont_07 */
  .main_cont_07 .cont_wrap { text-align: center;}
  .main_cont_07 .tit_box { position: relative;}
  .main_cont_07 .stit { margin-bottom: 50px;}
  .main_cont_07 .stit strong { display: inline;}
  /*.main_cont_07 .btn_blue { position: relative; top: auto; left: auto; margin-top: 50px;}*/
  .main_cont_07 .btn_white_line { position: relative; top: auto; left: auto; margin-top: 50px;}
  .main_cont_07 .slide_box { margin: 0 auto;}
  .main_cont_07 .slide_box .slide_arrow .prev_arrow { top: -110px; left: 0;}
  .main_cont_07 .slide_box .slide_arrow .next_arrow { top: -110px; right: 0;}

  .tbType_3 td.price{padding-right:20px;}
}

/* media - 1024 */
@media screen and (max-width: 1024px){
  /*header*/
  .header .logo { display: none;}
  .header.main .sub_header_title_area { display: none;}
  .header.main .logo { display: block;}
  .header.main .logo img { display: block;}
  .util{ display: none;}

  /*.sub_header_title_area{ display: block; width: 100%; padding-left: 21px;}*/
  .sub_header_title{ font-size: 18px; font-weight: 400; text-align: center;}
  .page_back{ display: block; position: absolute; left: 0; top: 0; width: 55px; height: 55px; background: url(../images/common/btnBack@3x.png) no-repeat center center; background-size: 55px; text-indent:-9999px;}

  /* footer */
  .footer_inner .fot_top { display: block; padding: 35px 0;}
  .footer_inner .fot_left h6 { position: relative;}
  .footer_inner .fot_left .cont { padding: 10px 0 0;}
  .footer_inner .fot_left .cont .bot { padding: 0;}
  .footer_inner .fot_right { margin-top: 30px;}

  /*join*/
  .join_step ul li{font-size:30px;}
  .join_terms_agree{padding:0 20px;}
  .join_form{padding:0 20px;}

  /* popup */
  .popup_content{width:600px;}
  .popup_title{padding:30px;}
  .popup_scroll{padding:30px 30px 60px;}
  .notification_popup .popup_inner .popup_title{margin:0 30px;}

  .container{padding-top:54px;}

  /*title*/
  .titleType_1{font-size:36px;}

  .listType_1>ul>li{width:48%; margin:0 0 40px;}
  .listType_1>ul>li:nth-child(2n){float:right; }
  .listType_1>ul>li .txt_area{padding:30px 20px 100px;}

  .sub_cont{padding:60px 0;}
  .sub_top_area .sub_top_title{font-size:40px;}
  .sub_top_area{margin-bottom:60px;}
  .construction_examples_view .solutions .img_area{float:none; width:100%; margin-bottom:40px; text-align:center;}
  .construction_examples_view .solutions .txt_area{float:none; width:100%;}

  /* village_estimate */
  .village_estimate{padding-top:90px;}

  /* event */
  .event_list ul li{width:48%; margin:0;}
  .event_list ul li:nth-child(2n){float:right; }
  .event_view_title h1{font-size:36px;}

  /* how zip */
  .main_container .listType_2>ul>li{width:32%; margin-right:2%;;}
  .main_container .listType_2>ul>li:nth-child(2n){float:left; margin-right:2%;;}
  .main_container .listType_2>ul>li:nth-child(3n){margin-right:0;}
  .listType_2>ul>li{width:48%; margin-right:0;}
  .listType_2>ul>li:nth-child(2n){float:right;}

  /* news */
  .listType_3>ul>li{width:48%; margin-right:0;}
  .listType_3>ul>li:nth-child(2n){float:right;}

  .main_container{ padding: 0;}

  /* main visual */
  .main_visual { height: 900px;}
  .main_visual .main_vs_txt { top: 250px; left: 15%; width: calc(100% - 15%);}
  .main_visual .main_vs_txt h4 { font-size: 40px; line-height: 60px;}
  .main_visual .main_vs_txt ul li { margin-top: 10px; font-size: 24px;}
  .main_visual .main_vs_txt a.btn_white { margin-top: 83px;}

  /* main_common */
  .main_tit { padding-top: 150px;}

  /* main_cont_02 */
  .main_cont_02 { height: 600px;}
  .main_cont_02 .square_box { max-width: calc(100% - 50px); margin-top: 150px;}

  /* main_cont_03 */
  .main_cont_03 { height: 700px;}
  .main_cont_03 .heim_life .text_box { padding: 90px 0 0;}
  .main_cont_03 .heim_life .text_box strong { font-size: 140px; line-height: 110px;}

  /* main_cont_05 */
  .main_cont_05 .btn_white_line { margin-bottom: 150px;}

  /* main_cont_06 */
  .main_cont_06 ul li h6 { font-size: 25px; line-height: 30px;}
}

/* media - 768 */
@media screen and (max-width: 768px){
  /* input */
  .input_delete .btn_input_delete{width:50px;height:50px;background:url(../images/common/ic-exclamation-mb.png) no-repeat center center / 50px;}

  /* radio_big */
  .custom_radio_big{padding-top:40px;}
  .custom_radio_big label:before{width:30px; height:30px;margin-left:-15px;background-size:30px;}
  .custom_radio_big label:hover:before{background-size:30px;}
  .custom_radio_big input[type=radio]:checked+label:before{background-size:30px;}

    /*주소변경*/
    .address_btn_area {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }
  /*footer*/
  .footer { position: relative; padding: 35px 0;}
  .footer_menu { border: none;}
  .footer_menu .link_box { padding-top: 52px;}
  .footer_menu .link_box li { margin-right: 15px;}
  .footer_menu .link_box li a { font-size: 12px;}
  .footer_menu .link_box li a span { color: #006B8E;}
  .footer_menu .link_box li a:hover { text-decoration: underline;}
  .footer_family { position: absolute; top: 0; left: 0; right: 0;}
  .footer_family >button { width: 100%; height: 40px; padding-left: 15px; font-size: 13px;}
  .footer_family >button::after { top: 0; width: 40px; height: 40px; background: url(../images/common/btn_family_site_m.png) no-repeat 0 0 / 38px;}
  .footer_family >button.active::after { background: url(../images/common/btn_family_site2_m.png) no-repeat 0 0 / 38px;}
  .footer_family >button.active +.family_site_list { top: 38px;}
  .footer_family >button.active +.family_site_list li { height: 40px; line-height: 40px;}
  .footer_family >button.active +.family_site_list li a { font-size: 13px; line-height: 40px;}
  .footer_inner .fot_left h6 { font-size: 25px; line-height: 25px;}
  .footer_inner .fot_left h6 span { font-size: 15px;}
  .footer_inner .fot_left .cont .inquiry_call i { width: 20px; height: 20px;}
  .footer_inner .fot_left .cont .inquiry_call p { margin-left: 6px; font-size: 25px;}
  .footer_inner .fot_left .cont .bot { padding: 5px 0 0;}
  .footer_inner .fot_left .cont .bot >div { display: block;}
  .footer_inner .fot_left .cont .bot dl ~dl { margin-top: 0;}
  .footer_inner .fot_left .cont .bot dt,
  .footer_inner .fot_left .cont .bot dd { font-size: 12px; line-height: 16px;}
  .footer_inner .fot_left .cont .bot dt::after { height: 8px;}
  .footer_inner .btn_box { margin: 10px 0 0;}
  .footer_inner .btn_box a { height: 40px; font-size: 12px; line-height: 40px;}
  .footer_inner .btn_box a.inquiry { width: 95px; padding-left: 22px; background: url(../images/common/fot_inquiry_icon.svg) no-repeat left 12px center / 20px; background-color: #006B8E;}
  .footer_inner .btn_box a.email { width: 112px; margin-left: 5px; padding-left: 24px; background: url(../images/common/fot_email_icon.svg) no-repeat left 14px center / 20px; background-color: #006B8E;}
  .footer_inner .sns_link { margin-bottom: 0;}
  .footer_inner .sns_link li ~li { margin-left: 5px;}
  .footer_inner .sns_link li a {  width: 36px; height: 36px;}
  .footer_inner .fot_bot { padding: 30px 0 45px;}
  .footer_inner .fot_bot .fot_logo img { width: 135px;}
  .footer_inner .fot_bot .fot_logo p { padding: 25px 0 10px; font-size: 12px; }
  .footer_inner .info ul { margin-bottom: 0;}
  .footer_inner .info ul li { display: block; font-size: 12px; line-height: 18px; color: #666;}
  .footer_inner .info ul li ~li::before { display: none;}
  .footer_inner .info ul li a { height: 20px; margin: -3px 0 0 6px; padding: 0 22px 0 6px; font-size: 12px;}
  .footer_inner .info ul li a::after { top: 5px; right: 10px; border-top: 4px solid transparent; border-left: 6px solid #666; border-bottom: 4px solid transparent;}
  .footer_inner .info p { font-size: 12px; line-height: 18px;}
  .footer_inner .copyright { padding-top: 18px; font-size: 12px; color: #999;}
  .footer_inner .mark { position: relative; top: auto; right: auto; margin-top: 25px;}
  .footer_inner .mark ul li { height: 36px;}
  .footer_inner .mark ul li ~li { margin-left: 10px;}
  .footer_inner .mark ul li img { height: 100%;}

  .container{padding:54px 20px; min-height:400px; box-sizing:border-box;}
  .main_container{padding:0;}

  /*title*/
  .titleType_1{display:none;}

  /*join*/
  .gray_bg{background-color:#fff;}
  .member_content{padding:40px 0 0;}
  .join_intro .txt br{display:block;}
  .join_intro .txt{margin-bottom:50px; padding-top:184px; background:url(../images/common/join_img_mb.png) no-repeat center 0; background-size:202px; font-size:23px; line-height:1.3;}
  .join_intro .join_go{margin-bottom:40px;}
  .join_intro .join_go>*{height:55px; line-height:55px; font-size:16px;}
  .join_step{margin-bottom:50px;}
  .join_terms_agree{padding:0;}
  .join_step ul li{width:12%; padding-bottom:16px;}
  .join_step ul li:nth-child(3){width:12%; padding-bottom:16px;}
  .join_step ul li:nth-child(3).on{width:76%;}
  .join_step ul li span{display:none;}
  .join_step ul li.on{width:76%;}
  .join_step ul li.on span{display:inline-block;font-size:20px;font-weight:700;line-height:16px;letter-spacing:-2px;}
  .join_step ul li strong{font-size:24px;}
  .join_step ul li.on:before,
  .join_step:before{height:3px; }
  .join_terms_agree .all_agree label{font-size:17px;}
  .join_checkbox label{font-size:15px;}
  .marketing_list .txt_1{font-size:12px;}
  .mobile_fixed_btn{position:fixed; left:0; bottom:0; z-index:10; max-width:100%; width:100%; height:50px;  background-color:#fff;}
  .mobile_fixed_btn ul{display:flex; width:100%; margin-left:0;}
  .mobile_fixed_btn li{flex-grow:1; margin:0 !important;}
  .mobile_fixed_btn li>*{margin:0 !important; border-radius:0; width:100% !important; min-width:100%;}
  .mobile_fixed_btn a,
  .mobile_fixed_btn button{border-radius:0;}

  .marketing_list{margin-bottom:30px;padding-left:0;}
  .marketing_list ul{text-align:center;}

  .join_form{padding:0;}
  .join_form ul li .hp_certified{height:45px; line-height:43px; }
  .join_form ul li .hp_certified span{line-height:43px;}
  .join_form ul li .title{margin-bottom:5px; }
  .join_form ul li .email_select{padding-right:100px;}
  .join_form ul li .email_select .basic-btn02{top:15px; height:35px; line-height:33px; min-width:92px;}
  .join_form>ul>li:last-child{margin-bottom:0;}
  .join_form ul li .email .email_1{width:43.5%;}
  .join_form ul li .email .email_2{width:43.5%;}
  .join_form ul li .email span{width:13%;}
  .join_form .pw_info ul li{margin-left:10px;}
  .join_form .flex_box { align-items: flex-end;}
  .join_form .flex_box .basic-btn02 { top: 15px; height: 35px; line-height: 33px; min-width: 92px;
  }

  /* popup */
  .popup_content{left:0; top:auto; bottom:0; width:100%; border-radius:10px 10px 0 0;  transform: translate(0, 0);}
  /*.popup_inner{padding:40px 25px;}*/
  .popup_title{padding:40px 25px 30px; border:none;}
  .popup_title h1{font-size:20px; text-align:center; }
  .popup_top_close{right:10px; top:10px; width:37px; height:37px; background-size:37px;}
  .popup .terms_box{height:400px; }
  .popup .terms_box pre{font-size:14px;}
  .popup .btn_area{position:absolute; left:0; bottom:0;  width:100%; }
  .popup_scroll{padding:0 25px 30px; height:75vh; max-height:75vh;}
  .popup_inner{padding-bottom:55px;}
  .notification_popup .popup_scroll{height:auto; }
  .notification_popup .popup_content{width:90%; height:auto; bottom:auto;border-radius:10px;background:none;}
  .notification_popup .popup_inner{padding-bottom:0;/*padding:40px 25px 80px;*/}
  .notification_popup .popup_inner .popup_title{margin:0px; padding:40px 0 30px; border:none;background:#fff;}
  .notification_popup .btn_area a, .notification_popup .btn_area button{height:50px; line-height:48px;}
  .notification_popup .btn_area li:first-child{background:#fff;}
  .notification_popup .popup_scroll{padding-bottom:30px; max-height:65vh;background:#fff;margin-top:-1px;}

  .alert_popup .popup_content{bottom:auto; width:86%; height:auto; max-height:100%; border-radius:10px;}
  .alert_popup .popup_inner .txt_area{min-height:165px;background:#fff;border-radius:10px 10px 0 0;}
  .alert_popup .popup_inner .txt_area p{font-size:13px;}
  .alert_popup .btn_area a, .alert_popup .btn_area button{height:49px; line-height:47px; font-size:15px;}

  .image_expand_popup .popup_inner{padding:0; }
  .image_expand_popup .popup_image{max-width:90vh; max-height:90vh;}
  .image_expand_popup .popup_top_close{top:25px; right:25px; width:35px; height:35px; background:url(../images/sub/btnImgviewClose.png) no-repeat center center; }
  .image_expand_popup .popup_prev{left:0; width:50px; height:50px; background:url(../images/sub/popup_prev_mb.png) no-repeat center center;}
  .image_expand_popup .popup_next{right:0; width:50px; height:50px; background:url(../images/sub/popup_next_mb.png) no-repeat center center;}

  /*btn*/
  .basic-btn01{height:50px; line-height:48px; border-radius:5px; min-width:100%;}
  .basic-btn02{padding:0 15px; min-width:92px;}
  .basic-btn03{padding:0 15px; height:32px; line-height:30px; background-color:#fff; font-size:13px; font-weight:400;}
  .basic-btn04{width:100%; }

  /* custom */
  .custom_radio.type_1{min-height:30px;}
  .custom_radio.type_1 label:before{width:30px; height:30px; background:url(../images/common/radiocheck-off.svg) no-repeat center center; background-size:30px;}
  .custom_radio.type_1 label:hover:before{background:url(../images/common/radiocheck-hover.svg) no-repeat center center; background-size:30px;}
  .custom_radio.type_1 input[type=radio]:checked+label:before{background:url(../images/common/radiocheck-on.svg) no-repeat center center; background-size:30px;}
  .custom_radio.type_1 label{width:30px;height:30px;padding-left:0;}

  .payment_popup_cont .agree_list ul li label{padding-left:30px; min-height:22px;}
  .custom_checkbox.type_1 label:before,
  .custom_checkbox.type_1.error input[type=checkbox]+label:before,
  .custom_checkbox.type_1.error input[type=checkbox]:checked+label:before{background-size:22px;}

  .agree .custom_checkbox.type_1 label:before{background:url(../images/sub/checkbox-off-mb.png) no-repeat center center / 22px;}
  .agree .custom_checkbox.type_1 input[type=checkbox]:checked+label:before{background:url(../images/sub/checkbox-on-mb.png) no-repeat center center / 22px;}
  .agree_list .custom_checkbox.type_1 label:before{background:url(../images/sub/checkbox-off-mb.png) no-repeat center center / 22px;}
  .agree_list .custom_checkbox.type_1 input[type=checkbox]:checked+label.agree_2:before{background:url(../images/sub/checkbox-on-mb.png) no-repeat center center / 22px;}

  /* login */
  .login_logo{margin:0 auto 25px; width:80px; height:80px; background:url(../images/sub/logoLogin.png) no-repeat center 0 / 80px 80px;}
  .login_logo img{display:none;}
  .login_form li input[type=password], .login_form li input[type=text]{padding-left:70px;}
  .custom_checkbox label{font-size:13px;}
  .custom_checkbox label:before{position:absolute; left:0; top:0px; width:22px; height:22px; background:url(../images/sub/checkbox-off-mb.png) no-repeat center center / 22px 22px; display:block; content:"";}
  .custom_checkbox label:hover:before{background:url(../images/sub/checkbox-off-mb.png) no-repeat center center / 22px 22px; }
  .custom_checkbox input[type=radio]:checked+label:before,
  .custom_checkbox input[type=checkbox]:checked+label:before{background:url(../images/sub/checkbox-on-mb.png) no-repeat center center / 22px 22px; }
  .main_popup .main_popup_btmArea .custom_checkbox label:before{background:url(../images/main/checkbox-circle-mb.png) no-repeat center center / 20px;}
  .main_popup .main_popup_btmArea .f-r .main_popup_close{background:url(../images/main/popup-close-mb.png) no-repeat 7px -1px / 20px;}

  .login_wrap .id_save{margin-bottom:25px;}
  .login_link .left_btn li{margin-right:20px;}

  .account_off .gray_box{margin-bottom:0px;}
  .account_off .txt_1{font-size:14px;}
  .account_off .gray_box .date{font-size:15px;}
  .account_off .gray_box{padding:30px 20px; font-size:12px;}

  .id_search_way{margin-bottom:40px;}
  .id_search_way li{padding-top:146px; }
  .id_search_way li.icon_1{background:url(../images/sub/id_srch_icon2_mb.png) no-repeat center 0; background-size:139px;}
  .id_search_way li.icon_2{background:url(../images/sub/id_srch_icon1_mb.png) no-repeat center 0; background-size:139px;}
  .custom_radio_big label{ font-size:15px;}
  .id_search .list_1 li{margin-bottom:10px; font-size:13px; }
  .id_search .list_2 li{font-size:13px; padding-left:20px; background:url(../images/sub/ic_tooltip_mb.png) no-repeat 0 4px / 15px 15px;}
  .id_search .list_2 li strong{font-size:14px;}

  .member_certified_popup .txt_1{margin-bottom:25px; font-size:13px;}
  .member_certified_popup ul li label{margin-bottom:0;}
  .member_certified_popup ul li{margin-bottom:30px;}
  .member_certified_popup .right_btn_type input{padding-right:115px;}
  .member_certified_popup .right_btn_type .basic-btn02{top:5px; height:35px; line-height:33px;}

  .id_search_results .gray_box{padding:30px 10px; font-size:15px;}
  .id_search_results .txt_1{padding-bottom:20px; font-size:14px;}
  .id_search_results .gray_box{margin-bottom:0;}
  .id_search_results .gray_box .txt_2{font-size:15px;}
  .pw_change ul li .validity_check li{margin-right:10px;}
  .pw_change>ul>li:last-child{margin-bottom:0;}

  .join_completion .txt_1{margin-bottom:0; padding-top:180px; font-size:18px; background:url(../images/sub/join_completion_mb.png) no-repeat center 0; background-size:152px;}
  .join_completion .txt_1 .name{font-size:23px;}


  .sub_cont{padding:105px 0 0; }
  .sub_top_area{display:none;}
  .tabType_1{margin-bottom:25px;}
  /*
  .tabType_1 ul{white-space:nowrap; overflow:auto; display:block;}
  .tabType_1 ul li{margin-right:4px; border:none; float:none; display:inline-block; width:auto;}
  .tabType_1 ul li:first-child.on{border:none; background:none;}
  .tabType_1 ul li a{padding:0 20px; width:auto; height:40px; line-height:36px; border:1px solid #ccc; font-size:15px; border-radius:20px; display:block; box-sizing:border-box;}
  .tabType_1 ul li:hover{background:none; border:none;}
  .tabType_1 ul li:hover a{border:1px solid #ccc;}
  .tabType_1 ul li:hover a span{color:#1e1e1e;}
  .tabType_1 ul li a span{display:inline-block; font-size:15px; vertical-align:top;}
  .tabType_1 ul li.on{background:transparent;}
  .tabType_1 ul li:first-child{border:none;}
  .tabType_1 ul li.on a{border:2px solid #006b8e; color:#006b8e;}
  .tabType_1 ul li.on span{color:#006b8e; font-weight:500;}
  */
  .tabType_1 ul li a{height:40px;}
  .tabType_1 ul li span{font-size:14px;}
  .tabType_1 ul li b{display:none;}
  .listType_1>ul>li{float:none; margin-bottom:45px; width:100%; }
  .listType_1>ul>li:nth-child(2n){float:none;}
  .listType_1>ul>li .txt_area{padding:11px 20px 70px; height:167px;}
  .listType_1>ul>li .txt_area .category{margin-bottom:6px; font-size:13px;}
  .listType_1>ul>li .txt_area .title{margin-bottom:4px; font-size:15px;}
  .listType_1>ul>li .txt_area .location{margin-bottom:0; font-size:11px;}
  .listType_1>ul>li .txt_area .title{-webkit-line-clamp:1; }
  .listType_1>ul>li .txt_area .price{padding:0 20px; bottom:20px; font-size:15px; font-weight:400;}
  .listType_1>ul>li .txt_area .price strong{font-size:19px; }
  .listType_1>ul>li .txt_area .tag{bottom:60px; padding:0 20px; font-size:10px; box-sizing:border-box;}

  /* no list */
  .no_list{padding:94px 0 50px; color:#666;}
  .no_list p{font-size:13px;}
  .no_list .btn_area{padding-top:20px;}

  .mb_show{display:block;}

  .main_popup .popup_content{bottom:auto; border-radius:0; width:86%;}
  .main_popup .popup_inner{padding-bottom:0;}
  .main_popup .main_popup_btmArea .main_popup_close,
  .main_popup .main_popup_btmArea .custom_checkbox label{font-size:13px;}

  .main_web{display:none;}
  .main_mobile{display:block;}

  /* main common */
  .main_tit { padding-top: 100px; font-size: 32px; line-height: 52px; letter-spacing:-1.2px;}
  .main_stit { padding: 15px 0 30px; font-size: 14px; line-height: 18px;}
  .btn_com { width: 110px; height: 40px; font-size: 14px; line-height: 38px;}

  /* main slick slide arrow comm */
  .slide_box .slide_arrow .slick-arrow { width: 15px; height: 27px;}
  .slide_box .slide_arrow .slick-arrow:before,
  .slide_box .slide_arrow .slick-arrow:after { width: 18px;}
  .slide_box .slide_arrow .slick-arrow:before { left: -1px; margin-top: -7px;}
  .slide_box .slide_arrow .slick-arrow:after { left: -1px; margin-top: 6px;}

  /* main visual */
  .main_visual { height: 100vh; max-height: 900px;}
  .main_visual .main_vs_txt { top: 160px; left: 0; width: auto; padding: 0 25px;}
  .main_visual .main_vs_txt h4 { font-size: 30px; line-height: 40px; letter-spacing: -0.5px;}
  .main_visual .main_vs_txt ul li { margin-top: 10px; font-size: 20px;}
  .main_visual .main_vs_txt ul li ~li { margin-left: 5px;}
  .main_visual .main_vs_txt a { width: 110px; height: 30px; margin-top: 30px; font-size: 12px; line-height: 30px;}
  .main_visual .main_vs_txt a.btn_white { margin-top: 70px;}
  .main_visual .slick-dots,
  .main_visual .next_txt,
  .main_visual .prev_txt,
  .main_visual .slide_btn { display: none;}
  .main_visual .visual_1 { background:url(../images/main/main_vs_web1_mb.png) no-repeat center center; background-size:cover;}
  .main_visual .visual_2 { background:url(../images/main/main_vs_web2_mb.png) no-repeat center center; background-size:cover;}
  .main_visual .visual_3 { background:url(../images/main/main_vs_web3_mb.png) no-repeat center center; background-size:cover;}

  /* main_cont_01 */
  .main_cont_01 .cont_wrap { padding: 60px 0;}
  .main_cont_01 .list .text_box .text_logo { width: 106px; height: 15px; background-size: 100%;}
  .main_cont_01 .list .text_box strong { font-size: 30px; line-height: 36px;}
  .main_cont_01 .list .text_box p { margin-bottom: 50px; font-size: 14px; line-height: 20px;}
  .heimlab_slide .slick-dots { top: -20px;}

  /* main_cont_02 */
  .main_cont_02 { height: 420px;}
  .main_cont_02 .square_box { max-width: calc(100% - 40px); height: 190px; margin-top: 100px;}
  .main_cont_02 .square_box h4 { font-size: 30px; line-height: 45px;}
  .main_cont_02 .square_box h4 br:first-of-type { display: block;}
  .main_cont_02 .square_box::before { bottom: -36px; border-left: 20px solid transparent; border-right: 36px solid transparent; border-top: 36px solid white;}
  .main_cont_02 .square_box::after { bottom: -19px; transform: translateX(-31%) rotate(-45deg); width: 51px;}

  /* main_cont_03 */
  .main_cont_03 { height: 480px;}
  .main_cont_03 .heim_life .text_box { padding: 80px 0 0;}
  .main_cont_03 .heim_life .text_box strong { font-size: 60px; line-height: 55px; text-align: center;}
  .main_cont_03 .heim_life .text_box strong.text_02 { padding: 0;}
  .main_cont_03 .heim_life .text_box strong.text_03 { text-align: center;}
  .main_cont_03 .heim_life .bot_box {height: 165px;}
  .main_cont_03 .heim_life .bot_box p { padding: 15px 0; font-size: 20px; line-height: 30px; word-break: keep-all;}
  .main_cont_03 .heim_life .bot_box p br:first-of-type { display: inline-block;}
  .main_cont_03 .heim_life .bot_box .link_box a ~a { margin-left: 30px;}

  /* main_cont_04 */
  .main_cont_04 .map_box { height: 300px;}
  .main_cont_04 .map_box .wrap_map { height: 300px !important;}
  .main_cont_04 .map_box #map { height: 300px !important;}

  /* main_cont_05 */
  .main_cont_05 .main_tit { margin-bottom: 30px; }
  .main_cont_05 .main_stit { display: none;}
  .main_cont_05 .list { border-radius: 10px; overflow: hidden;}
  .main_cont_05 .slide_arrow .prev_arrow { top: -55px;}
  .main_cont_05 .slide_arrow .next_arrow { top: -55px;}
  .main_cont_05 .btn_white_line { margin: 0 0 100px;}
  .list_box .list .text_box { padding: 15px 20px 20px;}
  .list_box .list .text_box .title { font-size: 15px; font-weight: normal; line-height: 22px;}
  .list_box .list .text_box .location { margin-top: 5px; font-size: 12px; line-height: 16px;}
  .list_box .list .text_box .tag { margin-top: 5px; font-size: 12px; line-height: 15px;}
  .list_box .list .text_box .price { margin-top: 24px; font-size: 15px; line-height: 22px;}
  .list_box .list .text_box .price span { margin-right: 5px; font-size: 18px;}

  /* main_cont_06 */
  .main_cont_06 .cont_wrap { padding: 50px 0;}
  .main_cont_06 ul { margin: 0;}
  .main_cont_06 ul li { display: block; width: 100%; margin: 0;}
  .main_cont_06 ul li ~li { margin-top: 50px;}
  .main_cont_06 ul li .thumbnail .data_box { border-bottom-right-radius: 15px;}
  .main_cont_06 ul li .thumbnail .data_box p { padding: 4px 10px 6px; font-size: 12px; line-height: 18px;}
  .main_cont_06 ul li .thumbnail img { width: 100%;}
  .main_cont_06 ul li h6 { margin: 20px 0 15px; font-size: 20px; line-height: 25px;}

  /* main_cont_07 */
  .main_cont_07 .cont_wrap { padding: 100px 0;}
  .main_cont_07 .tit_box .tit { margin-bottom: 30px; font-size: 35px; line-height: 42px;}
  .main_cont_07 .tit_box .stit { display: none;}
  .main_cont_07 .slide_box .slide_arrow .prev_arrow,
  .main_cont_07 .slide_box .slide_arrow .next_arrow { top: -50px;}
  .main_cont_07 .btn_blue { margin-top: 30px;}
  .howzip_slide { width: 100%;}
  .howzip_slide .list { position: relative; border-radius: 10px; overflow: hidden;}
  .howzip_slide .list .text_box { top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: auto; background-color: rgba(0, 0, 0, 0.5);}
  .howzip_slide .list .text_box .category { padding: 4px 10px 6px;}
  .howzip_slide .list .text_box a h6 { width: 100%; color: white; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

  .join_terms_agree .all_agree label{padding-left:32px;}
  .join_terms_agree .all_agree label:before{position:absolute; left:0; top:2px; z-index:2; width:22px; height:22px; background:url(../images/sub/checkbox-off-mb.png) no-repeat center center / 22px 22px; display:block; content:"";}
  .join_terms_agree .all_agree input[type=checkbox]:checked+label:before{background:url(../images/sub/checkbox-on-mb.png) no-repeat center center / 22px 22px;}
  .join_terms_agree .all_agree label:hover:before{background:url(../images/sub/checkbox-off-mb.png) no-repeat center center / 22px 22px;}
}


@media screen and (max-width: 770px) {
  .container.gray_bg .account_off{padding:0;}
  .footer_inner .fot_left .cont .inquiry_call i{ width: 40px; height: 40px; }
  .footer_inner .fot_left .cont .inquiry_call p.pc_tel{ display:none; }
  .footer_inner .fot_left .cont .inquiry_call p.mo_tel_btn{ display:inline-block !important; }
  .header .inquiry_call p.mo_tel { display: inline-block; vertical-align: middle; margin-left: 6px; }
  .header .inquiry_call p.mo_tel a{ font-family: "montserrat"; font-size: 30px; font-weight: 500; color: #006B8E;}
  .header .inquiry_call p.pc_tel{ display:none; }
  .main_cont_04 .map_box { width: 100%; background-size: cover;}
.gnb_child.service .s_gnb ul li .disabled_box.disabled_box_mo p img{ display:block; margin:0 auto 20px; }
}

input{-webkit-appearance:none !important;-webkit-border-radius:0 !important;}


@media screen and (max-width: 370px){
  .mobile_menu{padding:60px 20px 17px;}
  .gnb_list{padding-left:20px;}
  .mobile_menu .menu_1 li{padding:0 10px;}
  .main_visual .main_vs_bg img{width:auto; height:740px; }

}