#container .section_title{font-size:24px; font-family:'GmarketSans'; font-weight:700; margin-bottom:30px}
#container .section_title2{font-size:18px; margin-bottom:10px}
ul{padding-left:0}


#sort_nation .section_inner{background-color:#f8f8f8; padding:30px 30px 0px 30px; text-align:center}
#sort_nation .section_inner:after{display:block; content:''; clear:both}

#sort_nation.sort_nation_design .section_inner{display:flex;flex-wrap:wrap;justify-content:center;}


#sort_nation .flag_icon{width:calc(100% / 6); float:left; text-align:center; margin-bottom:30px}
#sort_nation .flag_icon img{width:80px; height:80px; box-shadow: 1px 2px 3px rgba(0, 0, 0, .2); border-radius:40px}
#sort_nation .flag_icon p{font-size:18px; font-weight:bolder; padding-top:6px; margin-bottom:0}
#sort_nation .flag_icon p span{display:block; font-size:15px; font-weight:bolder; padding-top:3px;}
#sort_nation .flag_icon:hover p,
#sort_nation .flag_icon:focus p,
#sort_nation .flag_icon:active p,
#sort_nation .flag_icon.active p{color:#166ad9}
#sort_nation .flag_icon:hover img,
#sort_nation .flag_icon:focus img,
#sort_nation .flag_icon:active img,
#sort_nation .flag_icon.active img{box-shadow: 1px 2px 3px rgba(0, 0, 0, .5)}
#sort_nation .flag_icon:nth-of-type(n+7){display:none;}


/* login join 공통 */
  .bg_login #container{background:url(../img/bg_login.jpg) no-repeat center center; background-size:cover; width:100%; height:100vh; display:flex; justify-content: center; align-items: center;}
  .center_box{width:360px; text-align:center;    box-shadow: 4px 5px 6px rgba(0, 0, 0, .1); border-radius:6px}
  .center_box h2{font-size:30px; font-family: 'Noto Sans KR', sans-serif; font-weight:700; margin-bottom:30px; color:#fff}
  .bg_login .btn{height:40px; line-height:40px; font-size:14px}


    /** login **/
    #login_box.center_box{box-shadow:none}
    #login_box .input_box input{width:100%; height:40px; line-height:40px; border-radius:3px; background-color:#fff; box-shadow:2px 2px 2px rgba(10, 0, 0, .16); margin-bottom:15px; padding:0 8px}
    #login_box .btn_login{display:inline-block; width:100%; margin-top:10px;font-size:16px; height:40px; line-height:40px}
    .sns_login{margin-top:30px; padding-top:30px; border-top:1px solid rgba(255, 255, 255, .3);}
    .sns_login a{display:inline-block; width:100%; padding:0 30px; margin-bottom:15px; }
    .sns_login a b{font-weight:normal; font-size:14px}
    .sns_login a img{display: inline-block; width: 17px; margin-right: 10px; vertical-align: middle; margin-top: -3px;}
    .sns_login .sns_google{color:#231f20; background-color:#fff;}
    .sns_login .sns_facebook{color:#fff; background-color:#1877f2}
    .login_box_bottom a{padding-right:20px; color:#fff; position:relative}
    .login_box_bottom a:hover{font-family: 'Noto Sans KR', sans-serif; font-weight:500;}
    .login_box_bottom a:before{display:block; content:''; width:1px; height:12px; background-color:#fff; position:absolute; right:8px; top:0; bottom:0; margin:auto;}
    .login_box_bottom a:last-child:before{display:none}

    /* find */
    #findBox.center_box{box-shadow:none}
    #findBox .input_box input{width:100%; height:40px; line-height:40px; border-radius:3px; background-color:#fff; box-shadow:2px 2px 2px rgba(10, 0, 0, .16); margin-bottom:15px; padding:0 8px}
    #findBox .btn_wrap:after{display:block; content:''; clear:both}
    #findBox .btn_wrap .btn{width:49%; margin-right:2%; float:left}
    #findBox .btn_wrap .btn:last-child{margin-right:0}
    #join_box .btn_wrap:after{display:block; content:''; clear:both}
    #join_box .btn_wrap .btn{width:49%; margin-right:2%; float:left; border:1px solid #3054a2; line-height:38px}
    #join_box .btn_wrap .btn:last-child{margin-right:0}

    #find_pw #findBox .input_box .mobileNumber_{width:calc(100% - 136px); float:left}
    #find_pw #findBox .input_box .btn_phone_verify{width:130px; float:right}
    #find_id_complete #findBox .input_box {background-color:#fff; padding:10px; margin-bottom:20px; border-radius:3px}
    #find_id_complete #findBox .input_box label{}
    #find_id_complete #findBox .input_box span{font-weight:bold}

    /* mypage */
    .mypage_tabmenu{margin-bottom:20px; display:flex;}
    .mypage_tabmenu:after{display:block; content:''; clear:both}
    .mypage_tabmenu a{display:flex; width:100%; text-align:center; border-bottom:1px solid #3054a2; color:#231f20; opacity:.6; text-decoration: none;  float:left; font-size:13px; padding:10px 0; justify-content: center}
    .mypage_tabmenu a.active{border-bottom:1px solid #3054a2; color:#3054a2; font-weight:bold; opacity:1}
    .mypage_ #join_box{}
    .mypage_ .mypage_tabmenu{}
    #mypage .btn_wrap:after{display:block; content:''; clear:both}
    #mypage .btn_wrap .btn{width:49%; margin-right:2%; float:left; border:1px solid #3054a2; height:40px; line-height:38px}
    #mypage .btn_wrap .btn:last-child{margin-right:0}

    #myinfo_box{width:400px; margin:0 auto; background-color:#fff; padding:30px 15px 15px}
    #mypage .input_box{max-height:70vh; overflow:auto}
    #mypage ul.input_box li{width:100%}
    #mypage .input_box li.memb_fname{float:left; width:65%; margin-right:5px}
    #mypage .input_box li.memb_lname{float:right; width:calc(35% - 5px)}
    /* #mypage .input_box li.memb_email input.email_{width:calc(100% - 95px); float:left; display:inline-block} */
    #mypage .input_box li.memb_email .btn_email_verify{width:90px; margin-left:5px; padding:0; font-size:12px;  min-width:0; height:40px; line-height:40px}
    #mypage .input_box li.memb_interest_nation select{width:calc(50% - 2.5px); float:left; margin-right:5px;}
    #mypage .input_box li.memb_interest_nation select:last-child{margin-right:0}
    #mypage .input_box li input,
    #mypage .input_box li select{margin-bottom:13px; width:100%; padding:0 8px; height:40px; line-height:40px;}

    /* realty_box */
    #realty_box{background-color:#fff; width:100%; max-width:1300px; margin:0 auto}
    #realty_box #property_list{ width:100%; max-width:1300px}
    #realty_box #property_list li{position:relative;}
    #realty_box #property_list li .mouse_over{background-size:cover}
    #realty_box #property_list li .btn_like{background-image:url('../img/heart2.svg'); position:absolute; top:10px; right:10px; z-index:10; border:0;padding:0; width:30px; min-width:0; height:30px;}
    #realty_box #property_list li .btn_like.active{background-image:url('../img/heart_active.svg')}
    #realty_box .btn_wrap .btn_new_realty{
        background-color: #2B5EA1;
        color: #fff;
        padding: 9px 25px 10px;
        font-size: 16px;
        height: auto;
        border: 0;
    }
    #new_realty .input_area{padding:20px; background-color:#f8f8f8; border:1px solid #e5e5e5}
    #new_realty .input_area .form-group{width:calc(20% - 8px); float:left; height:auto; margin-top:15px; margin-left:10px;}
    #new_realty .input_area .form-group.ml0{margin-left:0}
    #new_realty .input_area .form-group:nth-child(1){width:40%; margin-top:0; margin-left:0}
    #new_realty .input_area .form-group:nth-child(2),
    #new_realty .input_area .form-group:nth-child(3),
    #new_realty .input_area .form-group:nth-child(4){margin-top:0; width:calc(20% - 10px); margin-left:10px}
    #new_realty .input_area .control-label{font-size:14px; width:100%; padding-left:0; display:block; float:none; line-height:1; height:auto; margin-bottom:5px}
    #new_realty .input_area .input_box{width:100%; height:auto; padding:0}
    #new_realty .input_area .input_box input[type="text"]{width:100%}
    #new_realty .input_area .select2 .select_wrap{display:inline-block}
    #new_realty .input_area .select_wrap select{width:100%}
    #new_realty .amenities_list .checkbox_wrap{display:inline-block; width:auto; height:auto; background-color:transparent; margin-right:5px}
    #new_realty .amenities_list .checkbox_wrap input[type="checkbox"],
    #new_realty .form-group .input_box input[type="radio"]{display:inline-block; width:18px; height:18px; background-color:transparent}
    #new_realty .amenities_list .checkbox_wrap span{    display: inline-block;vertical-align: top; margin-top: 5px; color:#000; line-height:1.2}
    #new_realty .form-group  .radio_wrap{margin-right:10px}
    #new_realty .form-group  .radio_wrap span{    display: inline-block;vertical-align: top; margin-top: 5px; color:#000; line-height:1.2}
    #new_realty .input_area .form-group.basic_info .input_box > span{position:relative; width:32%; margin-right:2%; float:left}
    #new_realty .input_area .form-group.basic_info .input_box > span:last-child{margin-right:0}
    #new_realty .input_area .form-group em{display:inline-block; font-style:normal; font-size:12px; font-weight:bold; width:30px; position:absolute; top:3px; left:8px; color:#3054a2}

    #new_realty .input_area .form-group input[type="text"]{padding-left:20px}
    #new_realty .input_area select,
    #new_realty .input_area input[type="text"]{height:40px; line-height:40px}

    #new_realty .input_area .imgBox_wrap { margin-right:5px}
    #new_realty .input_area .form-group.upImg_wrap{width:100%; height:100%; background-color:#fff; border:1px solid #e5e5e5; text-align:center}
    #new_realty .input_area .form-group.upImg_wrap .img_preview{max-height:100%; max-width:100%}
    #new_realty .input_area .form-group.upImg_wrap input[type="checkbox"]{position:absolute; top:8px; left:8px; z-index: 10; width:18px; height:18px; background-color:transparent}
    #new_realty .input_area .form-group.upImg_wrap .close{position:absolute; top:8px; right:8px; z-index: 10; width:13px; height:13px;}
    #new_realty .input_area .form-group.upImg_wrap .close img{vertical-align: top}
    #new_realty .input_area .form-group .imgBox_wrap  {    width: 228px; height: 130px; display:inline-block}
    #new_realty .input_area .form-group.img_box{width:100%}
    #new_realty .input_area .form-group .addImg {position:relative; width:100%}
    #new_realty .input_area .form-group .addImg_img{position:absolute; top:0; left:0; width:100%}
    #new_realty .input_area .form-group .upImg_wrap .upImg.addImg{width:100%; height:100%; margin:0 auto; background-color:#fff; border:0}
    .upImg_wrap {position: relative; z-index: 0}
    #new_realty .input_area .form-group .imgBox_wrap{position:relative; float:left}
    #new_realty .input_area .form-group .imgBox_wrap .chk_imgBox{position:absolute; top:5px; left:5px; width:18px; height:18px; z-index: 1}
    .btn_upload_img{font-size:11px; width:auto; min-width:0; padding:5px; height:auto; line-height:1.4; margin-top:0; margin-left:3px}
    .btn_upload_img{border:0 !important}
    #new_realty .input_area .form-group .textarea textarea{width:100%; height:90px; padding:5px; font-size:13px;line-height: 1.4;}

    #new_realty .input_area .form-group.location{}
    .location_search{position:relative;}
    #new_realty .input_area .form-group.location .location_search input[type="text"]{width:calc(100% - 65px); padding-left:20px}
    #new_realty .input_area .form-group.location .location_search .btn{float:right; line-height:38px; font-size:13px}
    #new_realty .input_area .form-group.location em{}
    #new_realty .input_area .map_area{width:100%; height:300px; border:1px solid #e5e5e5; background-color:#fff; margin:5px auto}
    #new_realty .input_area .axios_info{width:50%; margin-bottom:5px}
    #new_realty .input_area .axios_info span{width:calc(50% - 3px); display:inline-block; position:relative;}
    #new_realty .input_area .axios_info span input{background-color:#fbfbfb}
    #new_realty .input_area .real_estate_ .input_area .input_box.textarea{height:300px}
    #new_realty .btn_wrap .btn_upload_realty{
        background-color: #2B5EA1;
        color: #fff;
        padding: 9px 25px 10px;
        font-size: 16px;
        height: auto;
        border: 0;
        width:110px
    }
    #new_realty .btn_wrap .btn_cancel{padding:0 25px; font-size:16px; height:47px; line-height:47px; width:110px}

    /* memb_type */
    #select_memb_type.center_box{box-shadow:none}
    #select_memb_type a{height:40px; line-height:40px; margin-bottom:10px; color:#fff;border:0}
    #select_memb_type a:hover,
    #select_memb_type a:focus,
    #select_memb_type a:active{border:0}

    /* join 공통 */
    #join_box{width:400px; background-color:#fff; padding:30px 15px 15px}
    .join_box_title{margin-bottom:30px}
    .join_box_title h2{color:#231f20; margin-bottom:5px; font-size:24px}
    .join_box_title p{color:#888888; font-size:13px}
    #join_box .input_box{max-height:70vh; overflow:auto}
    #join_box ul.input_box li{width:100%}

    #join_box .input_box li.memb_fname{float:left; width:65%; margin-right:5px}
    #join_box .input_box li.memb_lname{float:right; width:calc(35% - 5px)}

    #join_box .input_box li.memb_email input.email_{width:calc(100% - 95px); float:left; display:inline-block}
    #join_box .input_box li.memb_email .btn_email_verify{width:90px; margin-left:5px; padding:0; font-size:12px;  min-width:0}
    #join_box .input_box li.memb_interest_nation select{width:calc(50% - 2.5px); float:left; margin-right:5px;}
    #join_box .input_box li.memb_interest_nation select:last-child{margin-right:0}
    #join_box .input_box li input,
    #join_box .input_box li select{margin-bottom:13px; width:100%; padding:0 8px; height:40px; line-height:40px;}
    .btn_complete_join{height:40px; line-height:40px; margin-top:20px}
    /* #join_box .input_box .imgBox_wrap{text-align:left}
    #join_box .input_box .imgBox_wrap .control-label{font-size:17px; color:#231f20; margin-bottom:0}
    #join_box .input_box .imgBox_wrap .imgbox .upImg{width:180px; height:95px; display:inline-block; margin-right:10px}
    #join_box .input_box .imgBox_wrap .imgbox .upImg:nth-child(2n){margin-right:0}
    #join_box .input_box .upImg_wrap .upImg .btn_add_img{position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; width:10px; height:10px; z-index: 0}
    #join_box .input_box .upImg_wrap .upImg .btn_del_img{top:8px; right:8px} */

    /** join_memb_agent **/
    #join_memb_agent #join_box{margin-top:60px;}

    /* join_complete */
    #join_complete_box.center_box{background-color:#fff; padding:30px 15px 15px}
    #join_complete_box .img_check{display:block; margin:0 auto 30px; width:70px}
    #join_complete_box p{color:#888; font-size:14px; margin-top:10px}
    .btn_wrap.dev2{margin-top:40px}

    /* introduce */
    #introduce #container .cont_inner .content{position:relative;}
    #introduce #container .tab h2.content_title{font-size:24px; font-family:'GmarketSans'; font-weight:700; margin-bottom:30px}
    #tab01 p{font-size:20px; line-height:1.8; letter-spacing: -1px}
    #tab01 h2.slogan{font-size:22px; font-family: 'Noto Sans KR', sans-serif; font-weight:700; font-style:italic; margin-top:50px}
    h2.slogan span{font-size:22px; font-family: 'Noto Sans KR', sans-serif; font-weight:700;}
    #tab01 .img_wrap{margin-bottom:20px}
    #tab01 .img_wrap:after{display:block; content:''; clear:both}
    #tab01 .img_wrap li{width:calc(98% / 3); max-height:250px; overflow:hidden; margin-right:0.5%; float:left;}
    #tab01 .img_wrap img{width:100%;margin-right:10px}
    /* #introduce .tab{display:none} */
    #introduce .cont_inner{width:100%; max-width:none; padding:0}
    #introduce .cont_inner .tab{padding:50px 0; max-width:1300px; margin:0 auto}
    #introduce .cont_inner .tab:nth-child(2n){background-color:#f9f9f9; max-width:none}
    #introduce .cont_inner .tab:nth-child(2n) .content_title,
    #introduce .cont_inner .tab:nth-child(2n) .content{max-width:1300px; margin:0 auto}
    #depth02_introduce ul.dropdown{width:170px; right:auto; left:0}

    #tab02 .img_wrap{position:static; width:485px; display:inline-block; vertical-align: top}
    #tab02 .content_txt{width:calc(100% - 505px); padding-left:50px; display:inline-block}
    #tab02 .content_txt li:nth-child(2),
    #tab02 .content_txt li:nth-child(3){padding-left:80px; margin-bottom:40px}
    #tab02 .content_txt li{margin-bottom:30px;}
    #tab02 .content_txt li b{font-size:24px}
    #tab02 .content_txt li p{font-size:16px}

    #tab03 .business_field{display:none}

    #investment_flow #container .tab h2.content_title{font-size:24px; font-family:'GmarketSans'; font-weight:700; margin-bottom:30px}
    #investment_flow .cont_inner{width:100%; max-width:none; padding:0}
    #investment_flow .cont_inner .tab{padding:50px 0; max-width:1300px; margin:0 auto}
    #investment_flow .cont_inner .tab:nth-child(2n){background-color:#f9f9f9; max-width:none}
    #investment_flow .cont_inner .tab:nth-child(2n) .content_title,
    #investment_flow .cont_inner .tab:nth-child(2n) .content{max-width:1300px; margin:0 auto}
    .cont_inner .tab:nth-child(2n) .content{position:relative;}
    #tab04 .invest_10steps:after{display:block; content:''; clear:both}
    #tab04 .invest_10steps li{width:calc(80% / 5); margin-right:5%;float:left; position:relative; margin-bottom:10px}
    #tab04 .invest_10steps li:nth-child(5n){margin-right:0;}

    #tab04 .invest_10steps.txt_eng li{width:calc(95% / 2)}
    #tab04 .invest_10steps.txt_eng li:nth-child(n){margin-right:5%;}
    #tab04 .invest_10steps.txt_eng li:nth-child(2n){margin-right:0;}
    #tab04 .invest_10steps.txt_eng li:nth-child(n):after{display:block}
    #tab04 .invest_10steps.txt_eng li:nth-child(2n):after{display:none}

    #tab04 .invest_10steps li:after{display:block; content:''; width:50px; height:17px; background-image:url('../img/invest_steps_arrow.svg'); background-repeat:no-repeat; position:absolute; top:65px; right:-60px}

    #tab04 .invest_10steps li:nth-child(5n):after{display:none}
    #tab04 .invest_10steps li dl{text-align:center}
    #tab04 .invest_10steps li dl dt .img{display:inline-block; background-color:#D5E9FF; width:130px; height:130px;; padding:40px; border-radius:130px; display:block; margin:0 auto; }
    #tab04 .invest_10steps li dl dt .img img{width:100%}
    #tab04 .invest_10steps li dl dt strong{display:block; margin:10px auto}
    #tab04 .invest_10steps li dl dd{min-height:72px; margin:0}

    #tab05 .img_wrap{position:absolute; top:-65px; right:0; width:435px; display:inline-block; vertical-align: top}
    #tab05 .img_wrap img{width:100%}
    #tab05 .content_txt b{font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:700;}
    #tab05 .content_txt{width:calc(100% - 480px); display:inline-block}
    #tab05 .content_txt p{font-size:18px; margin-top:10px; line-height:1.8; letter-spacing: -1px}

    #tab06 .content_txt b{font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:700; margin-bottom:10px;    display: inline-block;}
    .overseas_market_images{width:100%}
    .overseas_market_images li{width:32%; margin-right:2%; float:left; margin-bottom:0;}
    .overseas_market_images li:last-child{margin-right:0}
    .overseas_market_images li img{width:100%}
    #tab06 .content_txt p{font-size:18px; margin-top:10px; line-height:1.8; letter-spacing: -1px}
    #tab06 .overseas_market_images:after{display:block; content:''; clear:both}

    .investment_types:after{display:block; content:''; clear:both}
    .investment_types li{width:calc(94% / 4); margin-right:2%; float:left; margin-bottom:0; border:1px solid #e5e5e5; border-radius:20px; padding:20px; box-shadow:0 3px 6px rgba(0, 0, 0, .16); text-align:center; min-height:462px; position:relative; background-color:#fff}
    .investment_types li:last-child{margin-right:0}
    .investment_types li dl dt img{width:140px; display:block; margin:0 auto}
    .investment_types li dl dt strong{display:block; margin:20px auto; font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:700; font-weight:normal}
    .investment_types li dl dd{margin-bottom:0;}
    .navigation_btns{position:absolute; bottom:20px; right:0; left:0; margin:auto}
    .navigation_btns.btn_wrap .btn{width:165px; height:38px; line-height:36px; border-radius:40px}

    /* agent */
    #agent .count{margin-bottom:5px; display:inline-block}
    #searched_property{margin-top:30px}
    .agent_info{width:100%; padding:10px 20px; border:1px solid #eee; background-color:#fbfbfb; margin-bottom:10px; background-image:url('../img/logo2.svg') no-repeat; position:relative;}
    .agent_info:after{display:block; content:''; clear:both}
    .agnet_img{display:flex; float:left; width:50px; height:50px; background-color:#fff; justify-content: center; align-items: center; border-radius:50px; border:2px solid #231f20; overflow:hidden}
    .agnet_img img{width:100%}
    .agnet_img img.no-img{padding:8px}
    .agent_info dl{display:inline-block; width:calc(100% - 50px); float:left; padding-left:20px; margin:0; padding-right:30px}
    .agent_info dl dt{font-size:17px; display:inline-block}
    .agent_info dl dd{margin-bottom:0}
    .agent_info dl dd:last-child{display:inline-block;float:right}
    .agent_info dl dd:last-child span{display:inline-block; margin-right:10px}
    .agent_info dl dd:last-child span:last-child{margin-right:0px}
    .nationality .nation{width:20px; height:20px; display:inline-block; border:1px solid #ddd; border-radius:20px; vertical-align: top; margin-top:3px}
    #agent .property_list{display:none}
    #agent .property_list:after,
    #agent .property_list li:after{display:block; content:''; clear:both}
    #agent .property_list li{position:relative; width:calc(97% / 4); margin-right:1%; float:left; margin-bottom:10px}
    #agent .property_list li:nth-child(4n){margin-right:0}
    #agent .property_list li img{width:auto; max-width:100%;  margin:0 auto;}
    #agent .property_list li dl{position:absolute; bottom:0; left:0; width:100%; background-color:rgba(255, 255, 255, .65); padding:15px; margin-bottom:0}
    #agent .property_list li dl dt h5{font-size:18px; margin-bottom:5px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; font-size:15px}
    #agent .property_list li dl dd{position:absolute; bottom:0; right:15px; font-size:12px}
    #agent .property_list li{width:calc(25% - 7.5px); margin-right:10px; margin-bottom:10px}
    #agent .property_list li:nth-child(4n){margin-right:0}
    #agent .property_list li dl dt h5{font-size:16px; margin:0 0 5px 0; font-family: 'Noto Sans KR', sans-serif; font-weight:500}
    #agent .property_list li dl{padding:8px}
    .btn_sldDown{width:18px; height:18px; position:absolute; top:0; right:8px; bottom:0; margin:auto}
    .btn_sldDown img{height:100%;    transform: rotate(-90deg); transition:500ms all}
    .active .btn_sldDown img{    transform: rotate(90deg)}
























    /* partner */
    #partner_list li{width:232px; height:70px; margin-right:10px; margin-bottom:10px; display:inline-block; float:left; border:1px solid #e5e5e5; display:flex; justify-content: center; align-items: center; transition:500ms all}
    #partner_list li:hover{border:1px solid #2B5EA1}
    #partner_list li:nth-child(5n){margin-right:0}

    /* customer_center */
    .customer_center_tabmenus{float:right; border:1px solid #e5e5e5; margin-bottom:0; margin-top:-10px}
    .customer_center_tabmenus:after{display:block; content:''; clear:both}
    .customer_center_tabmenus li{float:left; cursor:pointer; width:120px; text-align:center; border-right:1px solid #e5e5e5; height:40px; line-height:40px; font-size:13px}
    .customer_center_tabmenus li:last-child{border-right:0}
    .customer_center_tabmenus li.on{border-color:#3054a2; color:#fff; background-color:#3054a2}

    /* news */
    .news_list li{width:100%; border-bottom:1px dashed #ccc; padding-bottom:15px; margin-bottom:15px; cursor:pointer}
    .news_list li:after{display:block; content:''; clear:both}
    .news_list li .thumbnail{width:20%; height:160px; display:flex; float:left; border:1px solid #e5e5e5}
    .news_list li .thumbnail img{width:auto; height:auto; margin:0 auto}
    .news_list li dl{width:100%; float:left; padding:0 20px; margin-bottom:0}
    .news_list li dl{margin-bottom:0}
    .news_list li dl dt h5{ transition:500ms all; font-size:20px; display:inline-block; border-bottom:1px solid transparent; max-width:calc(100% - 90px); text-overflow:ellipsis; white-space:nowrap;  overflow: hidden; margin-bottom:0}
    .news_list li:hover dl dt h5{border-bottom:1px solid #000; opacity:1; margin-bottom:0}
    .news_list li dl dt .news_date {transition:500ms all; opacity: .7; font-size:14px; display:inline-block; font-weight:normal;}
    .news_list li:hover dl dt .news_date { opacity: 1}
    .news_list li dl dd{ display:-webkit-box; -webkit-line-clamp:5; /* 라인수 */ -webkit-box-orient:vertical; width:100%; white-space:normal; line-height:1.6em; height:auto; max-height:8em; overflow:hidden; text-overflow:ellipsis; text-align:left; transition:500ms all; font-size:14px; opacity: .7; margin:0}
    .news_list li:hover dl dd{color:#000; opacity:1}

    /* faq */
    .faq_tab{display:none}
	.faq_tabmenus{margin-bottom:30px;display:flex;flex-wrap:wrap;}
    .faq_tabmenus li{display:inline-flex;align-items:center;justify-content:center; padding:11px 10px; min-width:150px; border:2px solid #ddd; text-align:center; cursor:pointer; color:#888;line-height:1.2;}
    .faq_tabmenus li.active{color:#265587; border-color:#265587; font-family: 'Noto Sans KR', sans-serif; font-weight:500}
    .lilo-accordion-control,
    .lilo-accordion-content{width:100%; border:1px solid #ddd; line-height:1.4; padding:20px 30px; border-width:1px 0; margin:0}
    .lilo-accordion-control{margin-top:10px}
    .lilo-accordion-control:nth-child(1){margin-top:0}
    .lilo-accordion-control span{display:inline-block; width:100%; max-width:calc(100% - 56px); margin-top:-2px}
    .lilo-accordion-content{border-top:0; background-color:#f8f8f8}
    .lilo-accordion-content p{display:inline-block; width:calc(100% - 33px); vertical-align: top; margin:-5px auto 0}
    .btn_more{width:10px; height:10px; display:inline-block; position:relative; margin-top:5px}
    .btn_more:before,
    .btn_more:after{display:block; content:''; width:2px; height:100%; background-color:#265587; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto}
    .btn_more:before{transform:rotate(180deg)}
    .btn_more:after{transform:rotate(90deg)}
    .lilo-accordion-control.active .btn_more:before{display:none}
    .q, .a{width:20px; height:20px; display:inline-block; margin-right:10px}

    /* notice */
    .customer_center_notice table{border:0; width:100%}
    .customer_center_notice .table_area table{border-top:1px solid #265587; border-bottom:1px solid #888}
    .customer_center_notice table thead th{border:0;font-size:15px; padding:10px 5px}
    .customer_center_notice table tbody tr td{border-right:0; padding:10px 5px; font-size:15px}
    .customer_center_notice table tbody tr td .btn_link{max-width:1000px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; line-height:1.4; display:inline-block}


    /* property_detail */
    #property_detail #subvisual{height:200px}
    #property_detail #subvisual .page_subtitle,
    #property_detail #subvisual .page_select{display:none}
    .img_info_box:after{display:block; content:''; clear:both}
    .img_box {float:left; width:50%; display:inline-block; }
    .img_box .swiper {width:100%}
    .img_box .imgSwiper {width:100%; height:500px}
    .img_box .swiper-wrapper, .img_box .swiper-slide{height:auto; max-height:100%}
    .img_box .swiper-slide{width:auto; display:flex; justify-content: center; align-items:center; background-color:#f8f8f8; max-height:500px; overflow:hidden}
    .img_box .swiper-slide img{display:flex; width:100%; height:auto}
    .imgSlier{margin-bottom:10px}
    .imgSlier .swiper-pagination{display:none}
    .img_box .bx-wrapper .bx-controls-direction a{z-index: 0}

    .thumbsSlider .swiper-slide{display:flex; justify-content: center; align-items:center; background-color:#fbfbfb; border:1px solid #e5e5e5; height:100px; border-radius:6px; overflow:hidden}
    .thumbsSlider .swiper-slide.swiper-slide-thumb-active{border:1px solid #222}
    .thumbsSlider .swiper-slide img{display:flex}
    .img_box .swiper-button-next, .img_box .swiper-button-prev{color:#fff; opacity: .6}
    .img_box .swiper-button-next:hover, .img_box .swiper-button-prev:hover{opacity: 1}
    .img_box .swiper-button-next:after, .img_box .swiper-button-prev:after{font-size:20px; font-weight:bold}
    .float-right.info_box{float:right; width:49%; padding-left:70px}
    .property_title h2{position:relative; width:100%}
    .property_title h2 .btn_share{position:absolute; right:0; bottom:0; top:0; margin:auto; width:23px; height:23px; display:inline-block;}
    .property_title h2 .btn_share img{vertical-align: top}
    .property_title p{color:#1F1F1F; font-size:18px; font-family: 'Noto Sans KR', sans-serif; font-weight:300}
    .property_info li dt{display:inline-block; width:60px; color:#1F1F1F; font-size:15px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; font-weight:normal; vertical-align: top; margin-top:2px}
    .property_info li dd{width:calc(100% - 65px); display:inline-block; padding-left:30px; margin-bottom:0; font-size:15px; position:relative;}
    .property_info li dd .btn_nation_info{display:inline-block; vertical-align: top; margin-top:3px; margin-left:3px}
    .property_info li dd .btn_nation_info img{vertical-align: top}
    .property_info li dd span{display:inline-block; vertical-align: top; font-family: 'Noto Sans KR', sans-serif; font-weight:500}

    .info_basic_option dl dd span b{display:inline-block; margin-left:20px; margin-right:30px}
    .info_basic_option dl dd span img{margin-top:-2px; margin-right:5px}
    .chips .chip{font-size:14px; width:60px; height:26px; line-height:26px; text-align:center; border:1px solid;  border-radius:30px; font-family: 'Noto Sans KR', sans-serif; font-weight:500}
    .chips .chip.sale{border-color:#F80A0A; color:#F80A0A}
    .chips .chip.rent{border-color:#00861A; color:#00861A}
    .info_box hr{float:none; }
    .info_box dl{margin-bottom:25px}
    .icon_{display:inline-block; width:auto; height:16px}
    .icon_nation, .icon_agent{border:1px solid #ddd; margin-top:-4px; margin-right:5px}
    .icon_amenities{margin-right:3px;}
    .info_amenities span{display:inline-block; margin:0 15px 20px 0; font-family: 'Noto Sans KR', sans-serif; font-weight:500}
    .cost_info{padding:20px 0 20px}
    .cost_info:after{display:block; content:''; clear:both}
    .property_btns .btn{width:calc(50% - 34px); height:50px; display:inline-block; line-height:48px; font-size:17px; font-family: 'Noto Sans KR', sans-serif; font-weight:500}
    .property_btns .btn img{width:auto; height:16px; margin-right:5px; margin-top:-3px}
    .property_btns .btn_consult{ background-color:#222133}
    .property_btns .btn_share{ background-color:#fff; color:#222133; border:1px solid #222133}
    .property_btns .btn_like{width:50px; height:50px; border:1px solid #222133}
    .property_btns .btn_like{background-image:url('../img/heart.svg'); background-repeat:no-repeat; background-position:center; background-size:auto 20px}
    .property_btns .btn_like.active{background-image:url('../img/heart_active.svg')}
    .btn_like{width:50px; height:50px; border:1px solid #222133}
    .btn_like{background-image:url('../img/heart.svg'); background-repeat:no-repeat; background-position:center; background-size:auto 20px}
    .btn_like.active{background-image:url('../img/heart_active.svg')}

    .info_detail, .related{background-color:#f8f8f8}
    #property_detail #container .section_title { font-size: 24px;font-family: 'Noto Sans KR', sans-serif; font-weight:500; margin-bottom: 20px;}
    #property_detail .cont_inner{max-width:none; padding-bottom:0; width:100%}
    #property_detail .cont_inner section{padding:50px 0}
    #property_detail .cont_inner section.img_info_box{padding-top:0}
    #property_detail .cont_inner .section_inner{width:100%; max-width:1300px; margin:0 auto}
    #related_property{position:relative; margin:0 auto; overflow:hidden; padding-bottom:50px}
    #related_property .slide_btns{position:absolute; bottom:0; right:0;left:0; width:1300px; margin:0 auto;}
    #related_property .slide_btns .swiper-button-next,
    #related_property .slide_btns .swiper-button-prev{position:static; float:right; width:50px; height:50px; border:1px solid #000; border-radius:50%; margin-left:10px;  background-color:#fff}
    #related_property .slide_btns .swiper-button-prev{transform:rotate(180deg)}
    #related_property .slide_btns .swiper-button-next:after,
    #related_property .slide_btns .swiper-button-prev:after{color:#000; content:''; background:url('../img/arrow_right2.svg'); background-repeat: no-repeat; background-position: center; background-size:auto 23px; width:12px; height:23px}

    #related_property .swiper-wrapper{height:auto}
    #related_property li > img{width:100% !important;}
    #related_property li dl{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, .65); padding: 15px; margin-bottom: 0;}
    #related_property:after{display:block; content:''; clear:both}
    #related_property li{position:relative; width:calc(98% / 3); margin-right:1%; float:left; margin-bottom:10px}
    #related_property li:nth-child(3n){margin-right:0}
    #related_property li img{width:auto; max-width:100%;  margin:0 auto;}
    #related_property li dl{position:absolute; bottom:0; left:0; width:100%; background-color:rgba(255, 255, 255, .65); padding:15px; margin-bottom:0}
    #related_property li dl dt h5{font-size:18px; margin-bottom:5px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; font-size:15px}
	#related_property li dl dt p{position:absolute; bottom:0; right:15px; font-size:19px; font-weight:700;}
    #related_property li dl dd{position:absolute; bottom:0; left:15px; font-size:12px}

    .property_detail_infomation{border:1px solid #e5e5e5; border-bottom:0; margin-bottom:50px}
    .property_detail_infomation:after{display:block; content:''; clear:both}
    .property_detail_infomation li{width:50%; float:left;background-color:#fff; border-bottom:1px solid #e5e5e5}
    .property_detail_infomation li label{display:inline-block; width:115px; background-color:#f8f8f8; padding:10px; height:60px; box-sizing: border-box; color:#000; margin-bottom:0; font-size:14px; line-height:inherit;}
    .property_detail_infomation li span{display:inline-block; width:calc(100% - 120px); padding:8px 10px; box-sizing: border-box; font-size:14px; max-height:60px; vertical-align: top}


    .property_introduction h5{font-size:22px}
    .property_introduction h5 b{font-weight:normal}
    .property_introduction p{font-size:18px; margin:25px auto}
    .location .map_area .root_daum_roughmap{width:100%}
    .location .map_area .root_daum_roughmap .wrap_map{height:20vw}
    .addr_info{margin-top:15px}
    .addr_info li {font-size:17px; position:relative;padding-left:10px}
    .addr_info li:before{display:block; content:''; width:3px; height:3px; background-color:#000; position:absolute; top:15px; left:0;}
    .addr_info li label{width:80px; display:inline-block; margin-right:5px; margin-bottom:0; font-family: 'Noto Sans KR', sans-serif; font-weight:500; color:#000; font-size:18px}

    .fac_icon {
        width: 16px !important;
        height: auto;
    }

    .mouse_over {
        cursor: pointer;
    }

    .btn_search {
        border: 1px solid #e5e5e5;
        background-color: white;
        width: 50px;
        height: 40px;
        border-radius: 5px;
    }

    .btn_search img {
        width: 16px;
        height: auto;
    }

    #consult_popup{padding:10px 20px 20px; width:90%; max-width:600px; background-color:#f8f8f8}
    #consult_popup .popup_header{padding:0}
    #consult_popup .popup_header h3{border:0; margin:0; padding:0; font-weight:normal}
    #consult_popup .popup_header h3 .close{top:12px}
    #consult_popup .popup_header h3 .close img{vertical-align: top}
    #consult_popup .popup_content{padding:0}
    #consult_popup .popup_content ul{background-color:#fff; border:1px solid #e5e5e5; padding:15px}
    #consult_popup ul li .control-label{font-size: 13px; width: 70px; padding-left: 0; font-weight: normal;  height: 28px;  line-height: 28px; text-align:left}
    #consult_popup ul li .input_box{width:calc(100% - 73px); padding:0; height:auto; line-height:30px}
    #consult_popup ul li.form-group{width:100%}
    #consult_popup ul li.form-group .input_box input{vertical-align: top; width:100%; text-align:left; text-indent:5px; font-size:13px}
    #consult_popup ul li.form-group.name_input .input_box input{width:calc(50% - 2px)}
    #consult_popup ul li.form-group .input_box input:hover,
    #consult_popup ul li.form-group .input_box input:focus,
    #consult_popup ul li.form-group .input_box input:active{border:1px solid #e5e5e5}
    #consult_popup ul li.form-group.textarea_wrap .input_box{height:200px}
    #consult_popup ul li.form-group.textarea_wrap textarea{height:100%; border-radius:3px; font-size:13px; line-height:1.4; padding:5px}
    #consult_popup ul li.form-group:last-child{padding-bottom:0}
    #consult_popup .btn_wrap{padding:0}

.property_introduction {
    background-color: white;
    padding: 15px;
}


@media (max-width:640px) {
	#related_property li dl dt p{font-size:16px;bottom:-2px;}
}