/**********************/ @media all and (max-width: 1350px) { .hd_sb_bg {right:20px; margin-right:0; transform:translate(0)} #area_pop_wrap .area_pop .sub_img {width:84%} } @media all and (max-width: 1300px) { #s2_3_2 .cont_sec .cont_02 .pro_box ol > li { width: 22%; height: 105px;} .header .hd_sub {width:96%;} .footer .ft_sub {width:96%;} #s1_4 {width:96%;} #s1_4 {width:96%;} #s1_4 #daumRoughmapContainer1528294727919 {width:100% !important;} .s2 .cont_box {width:96%; margin:0 auto;} .s3 {width:96%; margin:0 auto;} .s3 .top_sec {width:98%; margin:50px auto;} .mapViewCon {width:40%;} .mapViewCon > div {margin:100px auto 5%} #s1_2 .cont_sec .ani_wrap .logo_01 {left:200px;} #s1_2 .cont_sec .ani_wrap .logo_02 {} #s1_2 .cont_sec .ani_wrap .logo_03 {right:200px;} .s3 .top_sec .top_rt_info .rt_info_list > li {height:260px;} /* .s3 .area_list > li > a .area_tit {top:168px} */ .s3 .area_list > li .img_wrap {height:200px;} .s3 .area_list > li .img_wrap > img {height:100%;} #area_pop_wrap .area_pop {width:740px; margin-left:-460px} #area_pop_wrap .area_pop .info_sec {padding-top:10px;} #s4_3 .cont_sec {width:96%; background-size:100% 100%} .s3 .top_tit {padding-bottom:40px;} /* s101 */ .lnb{padding:0px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .s2 .s2_tabs {padding: 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cont_sec{padding: 0px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .full_wrap {padding: 0px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom: 120px;} /* board */ #bo_list, #bo_v, #bo_w {width:96% !important;} } @media all and (max-width: 1250px) { #s1_4 .top_info {padding:0 0 50px 6%;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 .box_rotate {margin-left: -120px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 .box_rotate {margin-left: -114px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 { left: 304px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 { right: 304px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_btm { font-size: 13px;} } @media all and (max-width: 1200px) { #s1_4 .top_info {padding:0 0 50px 4%;} #s2_1_1 .cont_box .step_01 > .list_05 {width:100px;} #area_pop_wrap .area_pop {width:700px; height:537px; margin-top:-200px; margin-left:-390px; padding:40px;} /* .s3 .area_list > li > a .area_tit {top:153px;} */ .s3 .area_list > li .img_wrap {height:185px} .s3 .area_list > li > a {height:220px} #area_pop_wrap .move_btn_wrap > a {top:118px;} #area_pop_wrap .move_btn_wrap > .prev {left:-150px} #area_pop_wrap .move_btn_wrap > .next {right:-150px} #area_pop_wrap .area_pop .info_sec .area_name {font-size:26px;} #area_pop_wrap .area_pop .info_sec .area_add {font-size:18px} #area_pop_wrap .area_pop .sub_img {width:700px} .s3 .area_list > li {margin-bottom: 40px;} #area_pop_wrap .area_pop .sub_img > li {height:150px;} #area_pop_wrap .area_pop { margin-top: -266px;} #area_pop_wrap .area_pop .sub_img {bottom: 19px;} } @media all and (max-width: 1150px) { #s1_4 .top_info {padding:0 0 50px 2.5%;} } @media all and (max-width: 1100px) { #s1_2 .cont_sec .ani_wrap .logo_01 {left:120px;} #s1_2 .cont_sec .ani_wrap .logo_03 {right:120px;} #s1_4 .top_info {padding:0 0 50px 5%;} #s1_4 .top_info dl:after {margin:0 20px;} #s2_1_1 .cont_box .step_01 > .list_04 {width:120px;} .s2_type .cont_box ul > li {padding-left:50px;} } @media all and (max-width: 1065px) { #s1_4 .top_info {padding:0 0 50px 3.5%;} } @media all and (max-width: 1024px) { .search_box {display:none} #s1_4 .top_info {padding:0 0 50px 2.5%;} /* 부동산개발 */ #s2_2_1 .cont_02 .cont_list {background-size: 33%; margin: 0 !important; padding: 0 !important; width: 100%; max-width:100%;} #s2_2_1 .cont_01 .cont_list { padding: 50px 0px 0;} #s2_2_1 .cont_02 .cont_list .list_03 { right: 21px;} .s2 .s2_tabs {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #s2_2_1 .cont_02 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; width: 100%; max-width:100%; margin: 0 auto !important;} #s2_2_1 .cont_02 .cont_list .list_02 {left: 0;} #s2_2_1 .cont_01 .cont_list { padding: 50px 0px 0; width: 100%; box-sizing: border-box;} #s2_2_1{margin: 0 auto !important; width: 100%; max-width:100%;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 .box_rotate {margin-left: -120px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 .box_rotate {margin-left: -114px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_btm { padding-top: 0px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 { left: 210px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 { right: 210px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_btm { font-size: 13px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li:after { top: 47px; right: -11px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol { padding: 57px 7px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li {width: 23%; height: 93px; margin-right: 12px;} .mapViewCon > div { margin: 61px auto 5%; margin-left: 22px;} .gallery_area li .g_txt {padding-top: 0;} #s4_2 .color_list {padding: 40px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } } @media all and (max-width: 900px) { .footer {height:180px;} .footer .ft_sub {padding: 25px 0 55px; text-align:center; background:url(../images/layout/ft_logos.png) no-repeat center bottom} } @media all and (max-width: 800px) { .hd_btm .gnb { width: 710px;} /* 비젼 */ #s1_2 .cont_sec .ani_wrap .logo_03, #s1_2 .cont_sec .ani_wrap .logo_01 {display: none;} #s1_2 .cont_sec #particles-js:after {width: 100%;} /* 연혁 */ #s1_3 .history:before {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; width: 100%;} #s1_3 .history:before {height: 102px;} #s1_3{padding: 0px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #s1_3 .history_wrap .history > li {display: block; width: 100%;} #s1_3 .history_wrap .his_left {text-align: left;} .history_wrap{display: none;} .history_wrap2{display: block;} #s1_3 .history {background: 0;} #s1_3 .history_wrap .history > li > .year {width: 100%;} #s1_3 .history_wrap .history > li > .info_list {width: 100%;} #s1_3 .history_wrap .history > li > .year, #s1_3 .history_wrap .history > li > .info_list {display: block;} #s1_3 .history_wrap .his_right {padding-left: 20px;} #s1_3 .history_wrap .his_right .year > p:before { left: -20px;} #s1_3 .history_wrap .history > li > .info_list {margin-top: 20px;} #s1_3 .history_wrap .his_left { padding-left: 20px;} #s1_3 .history_wrap .his_left .year > p:after { right: auto; left: -20px;} #s1_3 .history:after {visibility: hidden;} #s1_3 .history {margin-bottom: 0;} #s1_3 .history_03:before {height: 150px;} #s1_3 .history_wrap .history.history_03 > li {padding-bottom: 10px;} /* 오시는길 */ #s1_4 .top_info dl {display: block; margin-bottom: 15px;} #s1_4 .top_info dl:first-child:after{display: none;} #s1_4{margin-bottom: 50px; overflow: hidden;} #s1_4 .top_info{overflow: hidden;} #s1_4 .sub_page {overflow: hidden;} .root_daum_roughmap .wrap_map {height: 300px !important;} .page_cont {min-height: auto; margin-bottom: 50px;} /* 사업영역 분양대행 */ .s2_type .cont_box ul {width: 49.5%; margin-right: 1%; min-height:380px} .s2_type .cont_box ul:nth-of-type(2n+2){margin-right: 0;} .s2_type .cont_box .step_01 > li {padding-top: 18px;} .s2_type .cont_box ul > li {padding-left: 21px;} #s2_1_1 .cont_box ul > .list_02,#s2_1_1 .cont_box ul > .list_03,#s2_1_1 .cont_box ul > .list_04, #s2_1_1 .cont_box ul > .list_05,#s2_1_1 .cont_box ul > .list_06 {display: inline-block; width: 48% !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; vertical-align: top;} #s2_1_1 .cont_box .step_02 > li, #s2_1_1 .cont_box .step_03 > li, #s2_1_1 .cont_box .step_04 > li {padding-top: 20px;} .m_800{display: block;} .resident_wrap2{display: none;} .m_800 img{width: 100%;} #s2_1_3, #s2_1_1, #s2_1_2, #s2_2_2, #s2_3_1, #s2_3_2, #s2_2_1{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 20px;} .s2 .cont_box {width: 100%;} .s2 .s2_tabs {padding: 0;} #s2_1_3 .resident_wrap {background: 0;} #s2_2_2 .cont_box ul { min-height: 502px;} #s2_3_1 .cont_sec .cont_02 .cont_group > li {width: 100%; margin: 0; padding: 0; display: block; max-width: 100%; margin-bottom: 50px;} #s2_3_1 .cont_sec .cont_02 .cont_group > li:last-child{margin-bottom: 0;} #s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group {padding: 20px 10px;} #s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_01, #s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_03, #s2_3_1 .cont_sec .cont_02 .cont_group > li > .info_group .info_pro > .pro_05 {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .info_group211{display: none;} #s2_3_1 .cont_sec {padding: 0;} #s2_2_1 .cont_02 .cont_list { height: 486px;} #s2_3_2 .cont_sec .cont_01 .cont_info { padding: 0px 0px 54px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 { right: 62px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 { left: 69px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li {-webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; height: 100px !important;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li { width: 48%; height: auto;} #s2_3_2 .cont_sec .cont_02 .pro_box ol {padding: 20px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_top {text-align: left; padding-left: 10px; position: relative; padding-bottom: 10px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_top:after{position: absolute; content:''; width: 30px;height: 2px; background: #000; bottom: 0; left: 10px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_btm{padding: 10px 0; text-align: left; padding-left: 10px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_btm span{display: inline-block; } #s2_3_2 .cont_sec .cont_02 .pro_box {width: 100%; max-width:100%;} #s2_3_2 .cont_sec .cont_02 .pro_02 {float: none;} #s2_3_2 .cont_sec .cont_02 .pro_01 ol, #s2_3_2 .cont_sec .cont_02 .pro_02 ol {-webkit-background-size: 100%; background-size: 100%;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li {max-width:100%; width: 23%;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li {margin-right: 2.666%;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li:last-child{margin-right: 0;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li:after { top: 49px; right: -14px;} #s2_3_2 .cont_sec .cont_02 .pro_box {margin-bottom: 50px;} .sb_type .top_info .img_wrap .pg_txt {line-height: 55px;} .sb_type .top_info .img_wrap .pg_tit {font-size: 45px;} .sb_type .top_info .img_wrap .pg_txt {font-size: 25px;} #s2_2_1 .cont_01 .cont_list {margin-bottom: 50px;} #s2_2_1 .cont_02 {margin: 0 auto 100px !important;} #s2_3_2 .cont_sec .cont_01 .cont_info > li {width: 24.5%; margin-bottom: 30px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap { margin-top: 160px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 {left: 40px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 { right: 35px;} #s2_3_3 .cont_sec .cnt_cont .cnt_tit { width: 300px; height: 300px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-top: 105px;} #s2_3_3 .cont_sec .cnt_cont dl .icon_info {width: 50px; height: 50px; } #s2_3_3 .cont_sec .cnt_cont {width: 100%; max-width:300px;} #s2_3_3{padding: 0 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #s2_3_3 .cont_sec .cnt_cont .list_02 { top: 306px; left: -105px;} #s2_3_3 .cont_sec .cnt_cont .list_03 {top:306px; right: -221px;} #s2_3_3 .cont_sec .cnt_cont .list_04 {bottom: -40px; left: -152px;} #s2_3_3 .cont_sec .cnt_cont .list_05 { bottom: -40px; right: -135px;} #s2_3_3 .cont_sec .cnt_cont { margin-top: 32px; padding-top: 74px;} #s23_part-js {-webkit-background-size: 100%; background-size: 100%;} #s2_3_3 .cont_sec .cnt_cont .list_01 { top: -11px;} .mapViewCon {width: 100%; background-position: center;} .mapViewCon > div {width: 100%; } .s3 .top_sec .top_rt_info {width: 100%;} .mapViewCon > div {width: 70%; margin-left: 27%; margin-top: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .s3 .area_list > li { margin-bottom: 62px; -webkit-background-size: 100%;background-size: 100%; } #s23_part-js {display: none;} .s2_comm .top_sec {width: 100%; max-width:100%; min-width:auto;} .s2 .s2_tabs > li {display: block; float: left;} /* 메인 */ .header{display: none;} #m_header{display: block;} .mmb{display: block;} .main_visu_style > div > img{display: none;} .bx-wrapper .bx-controls-direction a {display: none;} #main_visual_wrap .main_visu_style .detail_view_btn > a {bottom: 350px; background: #fff; padding: 18px 26px; margin-left: -101px;} #wrap {padding-top: 0; margin-top: 0;} /* 푸터 */ .footer{position: static; background: #293c4e; height: auto; padding: 48px 20px 0px; padding-bottom: 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .footer .ft_sub {text-align: left; padding: 0; width: 100%;} .footer .ft_sub .ft_txt, .footer .ft_sub .ft_txt span {font-size: 22px; line-height: 34px; color: #fff; font-weight: 400; margin-bottom: 10px;} .footer .ft_sub {padding-bottom: 80px; background: url(../images/layout/asjkd.png) no-repeat center bottom; -webkit-background-size: 100%; background-size: 100%;} } @media all and (max-width: 768px) { #s1_1 .intro_info {padding-bottom:50px} #s1_1 .intro_info .intro_list {padding:0 20px 0 40px; box-sizing:border-box;} #s1_1 .intro_info .intro_list li {width:90%; margin-bottom:30px; padding-bottom:10px; display:inline-block; font-size:15px; text-align:left; border:1px solid #05223e; border-radius:8px; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #s1_1 .intro_info .intro_list li:before {display:inline-block; width:38px; height:38px; margin:0 15px 0 -53px; padding-top:0} } @media all and (max-width: 640px) { .page_cont {margin:50px auto; padding-bottom:50px} #s1_1 .page_tit {font-size:28px;} #s1_1 .top_info .img_wrap {margin-top:50px;} .sb_type .top_info .img_wrap .pg_tit {font-size: 8vw; line-height: 1.5em;} .sb_type .top_info .img_wrap .pg_txt {font-size: 5.5vw;} .footer #top_btn > a {right: 20px;} body {-webkit-text-size-adjust: 100%;} #s3_1.s3.page_cont .sub_page {padding-bottom: 0;} .s3 .area_list_wrap {min-height:auto;} /* 서브 */ .lnb{margin-top: 70px;} .lnb > li {float: left;display: block;width: 50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .lnb > li > a {padding: 0; display: block; padding: 0; margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #dbdbdb; padding: 0; margin: 0;} .lnb > li:nth-child(3), .lnb > li:nth-child(4){margin-top: -1px;} .lnb > li:nth-child(2n+2) a{border-left: 0;} .lnb > li:after {display: none;} .lnb > li.current > a, .lnb > li:hover > a, .lnb > li:focus > a {border: 0; color: #fff; background: #f16a31; border: 1px solid #f16a31; padding: 0; margin: 0;} #s1_1 .top_info .img_wrap {margin-top: 0;} .sub_visu.sv03 .sub_page {padding-bottom: 0 !important;} /* 비젼 */ #s1_2 .cont_sec #particles-js {width: 100%; margin-left: -50%;} #s1_2 .cont_sec #particles-js:after {width: 100%; margin-left: -50%;} #s2_3_2 .top_info .img_wrap {padding-top: 30px;} .sb_type .top_info .img_wrap .pg_tit {margin-bottom: 0;} #s2_2_1 .cont_02 .cont_list .list_02, #s2_2_1 .cont_02 .cont_list .list_03 {position: static; text-align: left;} #s2_2_1 .cont_02 .cont_list .list_02 h6, #s2_2_1 .cont_02 .cont_list .list_03 h6 {float: none; display: block;} #s2_2_1 .cont_02 .cont_list .list_03 h6 {position: static;} #s2_2_1 .cont_02 .cont_list .list_02{margin-top: 200px;} #s2_2_1 .cont_02 .cont_list { background: url(../images/sub/s221_cont2_bg.png)no-repeat top center; -webkit-background-size: 41%; background-size: 41%;} #s2_2_1 .cont_02 .cont_list .list_01 {padding-top: 250px;} #s2_2_1 .cont_02 .cont_list { height: 713px;} #s2_2_1 .cont_02 .cont_list .list_02 { margin-top: 42px; text-align: center; padding: 0 !important; } #s2_2_1 .cont_02 .cont_list .list_02 h6 {padding-left: 0;} #s2_2_1 .cont_02 .cont_list .list_02, #s2_2_1 .cont_02 .cont_list .list_03 {text-align: center; margin-top: 30px;} #s2_2_1 .cont_01 .cont_list > li { width: 50%; height: 150px;} #s2_2_1 .cont_01 .cont_list {margin-top: 70px;padding: 0px 10%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #s2_2_1 .top_info .img_wrap {padding: 50px 0 50px;} .sb_type .top_info .img_wrap .pg_txt {line-height: 1.7em;} #s2_2_1 .cont_02 .cont_list .list_01 h6 {background: #595857; color: #fff; height: 40px; line-height: 40px;} #s2_2_1 .cont_sec {padding: 0; padding-top: 50px;} #s2_2_1 .cont_02 .cont_list .list_02 h6 {background: #f06a30; color: #fff; height: 40px; line-height: 40px;} #s2_2_1 .cont_02 .cont_list .list_03 h6 {background: #05223e; color: #fff; line-height: 40px; height: 40px;} #s2_2_1 .cont_02 .add_info {margin-top: 20px;} #s2_1_3 .resident_wrap {height: auto;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 { left: -12px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 {right: -17px;} #s23_part-js {margin-left: -50%; top:50px;} #s2_3_3 .cont_sec .cnt_cont .cnt_tit {width: 100%; height: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: static; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; padding-top: 0;} #s2_3_3 .cont_sec .cnt_cont .list_01 {position: static; display: block; } #s2_3_3 .cont_sec .cnt_cont .list_02, #s2_3_3 .cont_sec .cnt_cont .list_05, #s2_3_3 .cont_sec .cnt_cont .list_03, #s2_3_3 .cont_sec .cnt_cont .list_04 {position: static;} #s2_3_3 .cont_sec .cnt_cont {max-width:100%;} #s2_3_3 .cont_sec .cnt_cont .cnt_tit {margin: 0;} #s2_3_3 .cont_sec .cnt_cont .list_01 {position: absolute;margin-top: 0px; top:260px; width: 100%;} #s2_3_3 .cont_sec .cnt_cont .cnt_tit {margin-top: 0px;} #s2_3_3 .cont_sec .cnt_cont .list_02 {margin-top: 150px;} #s2_3_3 .cont_sec .cnt_cont dl.list_01 .icon_info { position: absolute; margin-top: -135px; left: 50%; margin-left: -25px;} #s2_3_3 .cont_sec .cnt_cont .list_02 {position: relative; top: 0; left: 50%;} #s2_3_3 .cont_sec .cnt_cont dl.list_02 .icon_info {margin-top: -50px;} .mapViewCon > div {width: 70%; margin-left: 21%; margin-top: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .s3 .top_sec .top_rt_info .rt_info_list > li {width: 100%;} .s3 .top_sec .top_rt_info .rt_info_list > li dl dt {width: 80px;} .s3 .area_list > li {width: 49%; margin-right: 1%;} .s3 .area_list > li:nth-child(4n+4){margin-right: 1%;} .s3 .area_list > li:nth-child(2n+2){margin-right: 1%;} #area_pop_wrap .area_pop {width: 100%; height: 100%; top:0%; margin-top: 0; left: 50%; margin-left: -50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} #area_pop_wrap .area_pop .img_sec {float: none;} #area_pop_wrap .area_pop .sub_img {width: 90%; left: 10%;} #area_pop_wrap .area_pop .img_sec {width: 80%; height: auto;} #area_pop_wrap .area_pop .img_sec .main_img {height: auto;} #area_pop_wrap .area_pop .sub_img {bottom: auto; top: 400px;} #area_pop_wrap .area_pop .sub_img > li { float: none; width: 56%; height: auto;;} #area_pop_wrap .area_pop .sub_img { bottom: auto;top: 300px; left: 5%; width: 90%;} #area_pop_wrap .area_pop .sub_img {top: 15.5%; left: auto; right: -11%; width: 30%;} #area_pop_wrap .area_pop .info_sec {width: 100%; float: none; padding-left: 0;} #area_pop_wrap .area_pop .info_sec .dl_wrap dt {font-size: 18px;} #area_pop_wrap .area_pop .info_sec .dl_wrap dd {font-size: 18px;} #area_pop_wrap .move_btn_wrap > .next { right: -40px; background: #4e4e4e;} #area_pop_wrap .move_btn_wrap > .prev {left: -40px; background: #4e4e4e;} #area_pop_wrap .move_btn_wrap > a { top: 30px; } #area_pop_wrap .area_pop .btn_close { top: 5px; right: 6px;} /* 갤러리 */ .gallery_area li .gallery_cnt {width: 100%;} .gallery_area li .g_txt {width: 100%; padding: 0; margin-top: 20px;} #s4_2 .cont_sec .corporate_identity > li .ci_sec {width:150px; height: 150px;} #s4_2 .cont_sec .corporate_identity > .company .ci_sec , #s4_2 .cont_sec .corporate_identity > .housing .ci_sec, #s4_2 .cont_sec .corporate_identity > .development .ci_sec {-webkit-background-size: 100%;background-size:100% ;} #area_pop_wrap .area_pop .btn_close > a {height: 40px; padding-top: 10px;} #area_pop_wrap .area_pop .btn_close {width: 90px; background: #000; top:0; right: 0; } #area_pop_wrap .area_pop .btn_close > a img {margin-right: 6px; vertical-align: middle;} /* 메인 */ .visu_logo_before img{width: 85%;} .visu_logo img{width: 85%;} #main_visual_wrap .visu_logo_before {margin-left: -150px;} .visu_txt img{width: 85%;} #s2_3_3 .cont_sec .cnt_cont dl.list_01 .icon_info {position: static; left: 0;} #s2_3_3 .cont_sec .cnt_cont .list_01 .txt_info {text-align: left;} #s2_3_3 .cont_sec .cnt_cont dl.list_01 .icon_info {float: left;} #s2_3_3 .cont_sec .cnt_cont .list_01 .txt_info {width: 80%; } #s2_3_3 .cont_sec .cnt_cont dl.list_01 .icon_info { margin-top: -143px; margin-left: 0; } #s2_3_3 .cont_sec {padding: 0;} #s2_3_3 .cont_sec .cnt_cont .list_01 .txt_info {position: absolute; left: 80px; margin-top: -140px;} #s2_3_3 .cont_sec .cnt_cont .list_01 {top: 347px;} #s2_3_3 .cont_sec .cnt_cont .list_02 {left: 0; margin-top: 122px;} #s2_3_3 .cont_sec .cnt_cont dl.list_02 .icon_info {margin-top: 0; float: left; margin-left: -163px;} #s2_3_3 .cont_sec .cnt_cont .list_02 .txt_info{margin-left: 80px; margin-top: -10px;} #s2_3_3 .cont_sec .cnt_cont .list_03 .txt_info{margin-top: -10px; margin-left: 10px;} #s2_3_3 .cont_sec .cnt_cont .list_04 .icon_info{margin-left: -280px;} #s2_3_3 .cont_sec .cnt_cont .list_04 .txt_info{margin-left: 82px; margin-top: -10px;} #s2_3_3 .cont_sec .cnt_cont .list_05 .txt_info{margin-top: -10px; margin-left: 10px;} /* 서브비쥬얼 */ .sub_visu {height:326px; padding: 0; position:relative; background-size: 100% 100% !important;} .sv01 {background:url(../images/sub/ms1.png) no-repeat center top;} .sv02 {background:url(../images/sub/ms2.png) no-repeat center top;} .sv03 {background:url(../images/sub/ms3.png) no-repeat center top;} .sv04 {background:url(../images/sub/ms4.png) no-repeat center top;} .sv05 {background:url(../images/sub/ms5.png) no-repeat center top;} .sv06 {background:url(../images/sub/ms6.png) no-repeat center top;} #wrap .sub_page {padding: 0 0 0px;} .s3 .area_list > li .img_wrap:hover:before{display: none;} .s3 .area_list > li .img_wrap:hover:after{display: none;} .s3 .area_list > li .img_wrap:after{display: none;} .s3 .area_list > li .img_wrap:before{display: none;} } @media all and (max-width: 460px) { .sb_type .top_info .img_wrap .pg_tit {margin-bottom: 16px;} .mapViewCon > div { width: 70%; margin-left: 10%;margin-top: 26px;} .s3 .select_wrap select {width: 32%; margin-right: 1%;} .s3 .select_wrap select:last-of-type{margin-right: 0;} #main_visual_wrap .main_visu_style .detail_view_btn > a {bottom: 150px;} .visu_logo img, .visu_txt img{width: 100%;} #main_visual_wrap .visu_logo { margin-left: -5px;} #main_visual_wrap .main_visu_style .visu_txt { margin-left: -6px;} #main_visual_wrap .visu_logo, #main_visual_wrap .visu_logo_before, #main_visual_wrap .main_visu_style .visu_txt { top: 64%;} .footer .ft_sub .ft_txt, .footer .ft_sub .ft_txt span {font-size: 4.5vw; line-height: 1.7em;} /* 서브 */ #s1_1 .intro_info .intro_tit { margin: 40px 0; font-size: 6vw; line-height: 1.7em;} #s1_1 .top_info .img_wrap {margin-top: 0;} #s1_1 .intro_info .intro_list li {position: relative;font-size: 3.5vw; line-height: 1.7em; padding-top: 10px; padding-bottom: 10px;} #s1_1 .intro_info .intro_list li:before {position: absolute; content:''; line-height: 35px;} #s1_1 .final p {font-size: 4.5vw;} #s1_1 .final .p_txt {font-size: 5cw; line-height: 1.7em; margin-top: 0;} #s1_1 .final .p_txt strong {font-size: 6vw;} .sub_visu {height:266px; padding: 0; position:relative; background-size: 100% 100% !important;} .sub_page {padding: 0 0 0px;} #s2_2_2 .top_info .img_wrap { padding: 39px 0 0;} #s2_2_1 .s2_tabs > li {width: 50%;} } @media all and (max-width: 440px) { #s1_2 .cont_sec .ani_wrap .rotate_top {width: 317px; height: 317px; margin-left: -157px; -webkit-background-size: 100%;background-size: 100%;} #s1_2 .cont_sec .ani_wrap .ani_txt {font-size: 7vw;} #s1_2 .cont_sec .btm_txt span {font-size: 4.5vw; } #s1_2 .cont_sec #particles-js {top:0} #s1_2 .info_sec > li {padding-top: 26px; font-size: 5vw; line-height: 1.7em;} #s2_3_1 .cont_sec .cont_01 .top_tit {font-size: 7vw; line-height: 1.7em;} /* 연혁 */ #s1_3 .top_sec .top_tit {font-size: 7vw; line-height: 1.7em;} #s1_3 .top_sec .top_add {font-size: 5vw; line-height: 1.7em;} #s1_3 .history_wrap .history > li > .year > p {font-size: 7vw; line-height: 1.7em;} #s1_3 .history_wrap .history > li > .info_list li {font-size: 4vw; padding-bottom: 7px;} #s1_3 .history_wrap .his_left {padding-right: 0;} /* 오시는길 */ #s1_4 .top_info dl dt {font-size: 5vw; line-height: 1.7em;} #s1_4 .top_info dl dd {font-size: 4.5vw; line-height: 1.7em; -ms-word-break: keep-all; word-break: keep-all;} /* 사영 */ .s2_type .cont_box ul {width: 100%; margin-right: 0; min-height:auto;} #s2_1_1 .cont_box ul > .list_02, #s2_1_1 .cont_box ul > .list_03, #s2_1_1 .cont_box ul > .list_04, #s2_1_1 .cont_box ul > .list_05, #s2_1_1 .cont_box ul > .list_06 {width: 100% !important; padding: 0; margin: 0; display: block;} .s2_type .cont_box ul .list_tit {margin-left: 0;} .s2_type .cont_box ul .list_tit {text-align: center; font-size: 6vw; line-height: 1.7em; margin: 10px 0; border: 1px solid #dbdbdb; margin-top: 30px;} .s2_type .cont_box ul > li .txt {font-size: 4vw; line-height: 1.7em; padding-left: 30px;} .s2_type .cont_box ul > .step_tit {font-size: 7vw;} .s2_type .cont_box ul > .step_tit > span {font-size: 4vw;} .s2_type .cont_box .step_01 > li {width: 100%; } .s2_type .cont_box ul > li {padding: 0;} #s2_1_2 .cont_box .step_01 > .list_03 {width: 100%;} #s2_1_2 .cont_box .step_02 > .list_02, #s2_1_2 .cont_box .step_02 > .list_03 {width: 100%;} #s2_1_2 .cont_box .step_03 > .list_02, #s2_1_2 .cont_box .step_03 > .list_03, #s2_1_2 .cont_box .step_03 > .list_04 {width: 100%;} #s2_1_2 .cont_box .step_04 > .list_02, #s2_1_2 .cont_box .step_04 > .list_03, #s2_1_2 .cont_box .step_04 > .list_04 {width: 100%;} #s2_1_2{margin-bottom: 0;} #s2_2_2 .cont_box .step_02 > li, #s2_2_2 .cont_box .step_03 > li, #s2_2_2 .cont_box .step_04 > li {width: 100%;} .sb_type .top_info .img_wrap .pg_tit {margin-bottom: 0;} #s2_2_1 .top_info .img_wrap {padding: 78px 0 0px;} .s2 .top_sec .add_info_tit {font-size: 5.5vw; line-height: 1.7em;} .s2 .top_sec .add_info_txt {font-size: 4vw; line-height: 1.7em;} #s2_2_1 .cont_01 .cont_list {padding: 0;} #s2_2_1 .cont_02 .cont_list { background: url(../images/sub/s221_cont2_bg.png)no-repeat top center;-webkit-background-size: 53%; background-size: 53%;} #s2_2_1 .cont_01 h4 {font-size: 8vw; line-height: 1.7em;} #s2_2_1 .cont_01 .cont_list > li {font-size: 4vw; line-height: 1.7em;} #s2_3_2 .cont_sec .cont_01 .cont_info > li { height: 21px; line-height: 20px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl {width: 155px; -webkit-background-size: 70%;background-size: 70%;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .info_tit { font-size: 22px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_01 .box_rotate {display: none;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 .box_rotate.on1 {display: none;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 .box_rotate.on1 {display: none;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .info_tit {margin-top: -220px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_01 {margin-top: 234px; width: 100%;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_01 .box_tit { background: #595857; color: #fff; width: 100%; display: block; line-height: 40px; height: 40px; padding: 0;} #s2_3_2 .cont_sec {padding: 0;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl {} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl ol li {font-size: 4vw; line-height: 1.7em;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl {width: 100%;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03, #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 {margin-top: 150px; } #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap {margin-top: 92px; min-height: 832px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_01 .box_tit {margin-top: 70px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03, #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 {position: static; margin-top: 200px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_02 .box_tit {background:#ef6a2f ; color: #fff; padding: 0; line-height: 40px; height: 40px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 {margin-top: 0px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .box_03 .box_tit { color: #fff; background: #05213d; padding: 0; line-height: 40px; height: 40px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl ol {margin-top: 20px;} #s2_3_2 .cont_sec .cont_01 .add_txt {margin-top: 30px;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap .info_tit {font-size: 7vw;} #s2_3_2 .cont_sec .cont_01 h4 {font-size: 7vw;} #s2_3_2 .top_info .img_wrap {padding-top: 110px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } .s2_comm { margin: 0px auto 180px !important;} .sb_type .top_info .img_wrap { height: 380px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #s2_2_1 .top_info .img_wrap { padding: 108px 0 0px;} .s2_type .cont_box ul {margin-top: 0; padding-bottom: 0;} #s2_3_2 .cont_sec .cont_01 .cont_info > li {font-size: 4vw; line-height: 1.7em;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li {width: 47%; margin-right: 4%;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li:nth-child(2n+2){margin-right: 0;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li:after{display: none;} #s2_3_2 .cont_sec .cont_01 .cont_info_02 .info_wrap dl .box_tit {font-size: 5vw;} #s2_3_2 .cont_sec .cont_01 .add_txt {font-size: 5vw; line-height: 1.7em;} #s2_3_2 .cont_sec .cont_02 .pro_box h6 {font-size: 6vw; line-height: 1.7em;} #s2_3_2 .cont_sec .cont_02 .pro_01 ol, #s2_3_2 .cont_sec .cont_02 .pro_02 ol {-webkit-background-size: 350%; background-size: 350%;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li {margin-bottom: 20px;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li:nth-child(3),#s2_3_2 .cont_sec .cont_02 .pro_box ol > li:nth-child(4){margin-bottom: 0;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_top {font-size: 4vw;} #s2_3_2 .cont_sec .cont_02 .pro_box ol > li .p_btm {font-size: 3.5vw;} .mapViewCon > div { margin-left: 7%; margin-top: 26px;} .s3 .area_list > li > a .info_name {font-size: 4vw; line-height: 1.7em;} .s3 .top_sec .top_rt_info .rt_info_list > li .title {font-size: 6vw; line-height: 1.7em;} .s3 .top_sec .top_rt_info .rt_info_list > li dl dd, .s3 .top_sec .top_rt_info .rt_info_list > li dl dt {font-size: 4vw; line-height: 1.7em;} .s3 .area_list > li {width: 100%; margin-right: 0;} #area_pop_wrap .area_pop .img_sec { width: 87%; height: auto;} #area_pop_wrap .area_pop .info_sec .dl_wrap dt, #area_pop_wrap .area_pop .info_sec .dl_wrap dd {font-size: 4vw; line-height: 1.7em;} #area_pop_wrap .area_pop .info_sec .dl_wrap dt{width: 80px;} #area_pop_wrap .area_pop .info_sec .dl_wrap dd{width: 70%;} #area_pop_wrap .area_pop { padding: 19px;} #area_pop_wrap .area_pop .img_sec { width: 81%; height: auto;} #area_pop_wrap .area_pop .sub_img {top:13%} #area_pop_wrap .area_pop .info_sec .dl_wrap {margin-top: 20px;} #area_pop_wrap .area_pop .info_sec .dl_wrap dt, #area_pop_wrap .area_pop .info_sec .dl_wrap dd {font-size: 4vw; line-height: 2.2em;} #area_pop_wrap .move_btn_wrap > .next {right: -19px;} #area_pop_wrap .move_btn_wrap > a{} #area_pop_wrap .move_btn_wrap > a img{width: 50%; padding-left: 50%;} #area_pop_wrap .move_btn_wrap > .prev img{padding-right: 50%; text-align: left; padding-left: 0;} #area_pop_wrap .move_btn_wrap > .prev { left: -19px} #area_pop_wrap .area_pop .sub_img > li { width: 59%;} .s3 .top_sec .top_rt_info .rt_info_list > li {margin-bottom: 40px;} /* 갤러리 */ .area_name2 {font-size: 6vw;} .gallery_area li .g_txt h5 {font-size: 5vw; line-height: 1.7em;} .gallery_area li .g_txt p {font-size: 4vw; line-height: 1.7em;} .gallery_area > li {padding: 30px 0;} #bo_list, #bo_v, #bo_w {width: 100% !important; padding: 0px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .view_title h1 {font-size: 4vw; line-height: 1.7em;} .page_info .p_i_box {display: none;} .s3 .area_list > li .img_wrap { height: 268px;} .s3 .area_list > li { margin-bottom: 114px;} /* 대공 */ #s4_2 .cont_sec .corporate_identity > li {width: 100%; display: block;} #s4_2 .cont_sec .corporate_identity > li .ci_sec {width: 100%; height: 300px;} #s4_2 .cont_sec .corporate_identity > .company .ci_sec, #s4_2 .cont_sec .corporate_identity > .housing .ci_sec, #s4_2 .cont_sec .corporate_identity > .development .ci_sec {-webkit-background-size: 75%;background-size: 75%;} #s4_2 .cont_sec .corporate_identity > li {margin-bottom: 50px;} #s4_2 .color_list .col_list li {width: 100%; margin-right: 0;} #s4_2 .top_sec .top_info, #s4_2 h4 {font-size: 5vw; line-height: 1.7em;} #s4_2 .cont_sec .corporate_identity > li .ci_tit {font-size: 4vw; line-height: 1.7em;} #s4_2 .color_list .col_list li .col_name {font-size: 4.2vw; line-height: 1.7em;} #s4_2 .color_list .col_list li {margin-bottom: 30px;} #s4_2 .color_list .col_list li .col_info {font-size: 3.5vw; line-height: 1.7em;} #s4_2 .color_list .col_list li .col_color, #s4_2 .color_list .col_list li .col_cord {font-size: 4vw; line-height: 1.7em;} #s4_3 .cont_sec { height: 396px;} #s4_3 .cont_sec .down_sec {padding: 120px 0 0;} #s4_3 .cont_sec .down_sec .cont_tit { padding-bottom: 4px;} #s4_3 .cont_sec .down_sec .cont_tit .impor_txt {font-size: 9vw;} #m_logo {text-align: center; width: 162px; left: 20px; top: 20px;} .m_header_nav > ul > li > a, .m_header_nav > ul > li > ul li a {font-size: 4vw; line-height: 1.7em; padding: 15px 0;} .m_header_nav > ul > li.on:after, .m_header_nav ul li:after,.m_header_nav > ul > li:hover:after , .m_header_nav > ul > li.on:hover:after { width: 15px; -webkit-background-size: 100%; background-size: 100%;} #area_pop_wrap .area_pop .sub_img {top: 94px;} #s2_3_3 .cont_sec h4 {font-size: 7vw; line-height: 1.7em;} #s2_3_3 .cont_sec .cnt_cont .cnt_tit {font-size: 6vw; line-height: 1.7em;} #s2_3_3 .cont_sec {margin-top: 60px;} #s2_3_3 .cont_sec .cnt_cont { margin-top: 32px; padding-top: 14px;} #s2_3_3 .cont_sec .cnt_cont dl.list_01 .icon_info {margin-top: -208px;} #s2_3_3 .cont_sec .cnt_cont .list_01 .txt_info {margin-top: -207px;} #s2_3_3 .cont_sec .cnt_cont dl .txt_info {font-size: 15px; line-height: 1.7em;} #s2_3_3 .cont_sec .cnt_cont dl.list_01 .icon_info {margin-top: -214px;} #s2_3_3 .cont_sec .cnt_cont dl.list_02 .icon_info { margin-left: -153px;} #s2_3_3 .cont_sec .cnt_cont .list_04 .icon_info {margin-left: -250px;} #s2_3_3 .cont_sec .cnt_cont .list_02 { margin-top: 109px;} #s2_3_3 .cont_sec .add_txt {font-size: 5vw; line-height: 1.7em; padding-top: 20px;} #s2_3_3 .cont_sec .add_txt span{display: inline-block;} #s2_3_2.s2_type.sb_type.s2_comm .top_info .img_wrap {padding-top: 30px;} } @media all and (max-width: 400px) { #s4_2 .cont_sec .corporate_identity > li .ci_sec {height: 267px;} } @media all and (max-width: 414px) { .mapViewCon > div { margin-left: 5%;margin-top: 26px;} #area_pop_wrap .area_pop .info_sec .dl_wrap dt, #area_pop_wrap .area_pop .info_sec .dl_wrap dd {font-size: 3vw; line-height: 2.2em;} .sb_type .top_info .img_wrap { padding: 51px 0 0; height: 166px;} #s1_2.page_cont { padding-bottom: 96px;} #s1_2 .top_sec {padding: 0px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #s2_1_1.sb_type .top_info .img_wrap {padding: 45px 20px 0;} .sb_type .top_info .img_wrap .pg_tit {font-size: 7vw;} .sb_type .top_info .img_wrap .pg_txt { font-size: 4.5vw;} #s2_2_1 .top_info .img_wrap { padding: 40px 0px 0;} #s2_3_1.sb_type .top_info .img_wrap { padding: 38px 0 0;} #main_visual_wrap .visu_logo_before { margin-left: -126px;} .sub_visu {height:219px; padding: 0; position:relative; background-size: 100% 100% !important;} } @media all and (max-width: 412px) { #s1_1 .top_info .img_wrap { padding: 45px 0 0;} #s1_2 .cont_sec .ani_wrap .logo_02 {margin-left: -70px; width: 140px;-webkit-background-size: 100%; background-size: 100%;} #s1_2 .info_sec > li {padding-top: 22px;} } @media all and (max-width: 385px) { .mapViewCon > div { margin-left: 2%; margin-top: 26px; width: 100%;} } @media all and (max-width: 370px) { #main_visual_wrap .visu_logo_before { margin-left: -126px;} #main_visual_wrap .visu_logo_before { margin-left: -118px;} #main_visual_wrap .main_visu_style .detail_view_btn > a {bottom: 126px; bottom: 130px; background: #fff; padding: 13px 14px; font-size: 5.5vw; margin-left: -93px;} .footer {padding: 28px 20px 30px;} .footer .ft_sub { padding-bottom: 47px;} .footer .ft_sub .ft_txt, .footer .ft_sub .ft_txt span { font-size: 4vw; line-height: 1.7em; margin-bottom: 3px;} } @media all and (max-width: 360px) { #s2_3_1 .cont_sec .cont_01 .info_sec > li {padding-top: 21px;} .mapViewCon > div { margin-left: -2%;} .s3 .top_sec .top_rt_info .rt_info_list > li dl dt {width: 71px;} .s3 .top_sec .top_rt_info .rt_info_list > li > a {padding: 30px 10px 0 18px;} #area_pop_wrap .area_pop .info_sec .dl_wrap dt {width: 65px;} #s4_3 .cont_sec { height: 313px;} #s4_3 .cont_sec .down_sec {padding: 86px 0 0;} .sub_visu {height: 203px;} .s3 .area_list > li { margin-bottom: 80px;} .s3 .area_list > li .img_wrap { height: 224px;} }