@charset "UTF-8";

	.visual_top.ddp_news { background:url("../img/news/top_bnr.jpg") center bottom no-repeat; background-size:cover; }
	.visual_top.design_info { background:url("../img/design/top_bnr.jpg") center bottom no-repeat; background-size:cover; }

	.news_gbg_list_wrap { background:#f9f9f9; margin-top:60px; padding:60px 0; position:relative; }
	.news_gbg_list_wrap.no_list { height:582px; padding:0; }
	.news_gbg_list_inner { height:100%; left:50%; margin-left:-600px; position:relative; top:0; width:1200px; }
	.news_gbg_list_inner ul { margin:-20px 0 0 -20px; }
	.news_gbg_list_inner ul:after { clear:both; content:""; display:block; }
	.news_gbg_list_inner ul li { float:left; height:188px; margin:20px 0 0 20px; position:relative; width:285px; }
	.news_gbg_list_inner ul li > a { background:#fff; border:1px solid #d9d9d9; display:block; height:100%; padding:19px; width:100%; }
	.news_gbg_list_inner ul li > a:hover { border:1px solid #212121; }

	.no_news_list { background:url("../img/common/icon_warn.png") center top no-repeat; color:#a6a6a6; font-size:20px; font-weight:400; left:50%; padding-top:126px; position:absolute; text-align:center; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

	.news_list_ttl { color:#212121; font-size:16px; font-weight:400; height:65px; line-height:1.4; overflow-y:hidden; }

	.news_gbg_list_inner ul li a span.date { color:#a6a6a6; display:block; font-size:16px; font-weight:400; margin-top:16px; }
	.news_gbg_list_inner ul li a i { background:url("../img/news/news_attach.png") no-repeat; bottom:17px; display:block; height:26px; overflow:hidden; position:absolute; right:19px; text-indent:-20000px; width:26px; }

	.news_list_btns { bottom:20px; font-size:0; left:20px; position:absolute; text-align:left; }
	.news_list_btns > a { background:#fff; border:1px solid #d9d9d9; color:#4e4e4e; display:inline-block; font-size:12px; font-weight:400; height:20px; line-height:18px; margin-right:10px; padding:0 9px; text-align:center; }

	.news_list_more { margin-top:40px; text-align:center; }
	.news_list_more a { background:#fff; border:1px solid #212121; color:#212121; display:inline-block; font-size:16px; font-weight:400; height:40px; line-height:38px; text-align:center; width:110px; }
	.news_list_more a img { margin:12px 0 0 10px; }

	.news_wrap { padding-bottom:120px; }

	.noti_cont_wrap { padding:100px 0 60px; }
	.noti_cont_top { border-bottom:1px solid #d9d9d9; border-top:1px solid #212121; margin-top:76px; padding:26px 0 30px; position:relative; }
	.noti_cont_date { color:#a6a6a6; font-size:18px; font-weight:400; }
	.noti_cont_ttl { color:#212121; display:block; font-size:24px; font-weight:500; margin-top:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

	/* 211126 */
	.noti_cate { margin-top:38px; }
	.noti_cate:after { clear:both; content:""; display:block; }
	.noti_cate > span { background:#fff; border:1px solid #d9d9d9; border-radius:13px; color:#6a6a6a; display:inline-block; float:left; font-size:14px; font-weight:400; height:26px; line-height:24px; margin-right:10px; padding:0 10px; text-align:center; }
	.noti_cate > p.stat { float:right; font-size:18px; font-weight:400; }
	
	.noti_top_sns { font-size:0; position:absolute; right:0; text-align:right; top:23px; }
	.noti_top_sns > a { display:inline-block; height:31px; margin-left:14px; overflow:hidden; text-align:left; text-indent:-20000px; vertical-align:top; width:31px; }
	.noti_top_sns > a.fb { background:url("../img/common/circle_fb.png") no-repeat; background-size:100% auto; }
	.noti_top_sns > a.kt { background:url("../img/common/circle_kakao.png") no-repeat; background-size:100% auto; }
	.noti_top_sns > a.bl { background:url("../img/common/circle_blog.png") no-repeat; background-size:100% auto; }
	.noti_top_sns > a.tw { background:url("../img/common/circle_tw.png") no-repeat; background-size:100% auto; }
	.noti_top_sns > a.in { background:url("../img/common/circle_insta.png") no-repeat; background-size:100% auto; }
	/* 211126 */

	.noti_cont_txt { padding-top:54px; }
	.noti_cont_txt p { color:#4e4e4e; font-size:16px; font-weight:400; line-height:1.4; }

	.noti_cont_tbl { border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9; margin-top:30px; width:720px; }
	.noti_cont_tbl th,
	.noti_cont_tbl td { border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; color:#4e4e4e; font-size:16px; font-weight:400; height:40px; padding:10px 0; text-align:center; vertical-align:middle; }
	.noti_cont_tbl th { background:#f9f9f9; }
	.noti_cont_tbl td { background:#fff; }

	.nl_list_wrap { height:100%; left:50%; margin:80px 0 0 -600px; position:relative; top:0; width:1200px; }
	.nl_list_wrap ul { margin:-20px 0 0 -20px; }
	.nl_list_wrap ul:after { clear:both; content:""; display:block; }
	.nl_list_wrap ul li { float:left; height:252px; margin:20px 0 0 20px; position:relative; width:285px; }
	.nl_list_wrap ul li a { background:#fff; border:1px solid #d9d9d9; display:block; height:100%; width:100%; }

	.nl_list_wrap ul li a p.nl_list_txt { height:80px; position:relative; }
	.nl_list_wrap ul li a p.nl_list_txt span { color:#212121; font-size:20px; font-weight:400; overflow:hidden; padding:0 20px; position:absolute; text-align:center; text-overflow:ellipsis; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); white-space:nowrap; width:100%; }

	.gallery_list_wrap { margin-top:60px; padding-bottom:120px; }
	.gallery_list_sorting { height:36px; }
	.gallery_list_sorting:after { clear:both; content:""; display:block; }
	.gallery_list_sorting select { -webkit-appearance:none; appearance:none; background:url("../img/common/arrow_sel_b.png") right 10px center no-repeat #fff; border:1px solid #d9d9d9; color:#212121; float:left; font-size:16px; font-weight:400; height:36px; padding:0 25px 0 10px; width:120px; }

	.gallery_list_inner { margin-top:20px; }
	.gallery_list_inner ul { margin:-20px 0 0 -19px; }
	.gallery_list_inner ul:after { clear:both; content:""; display:block; }
	.gallery_list_inner ul li { float:left; height:345px; margin:20px 0 0 19px; position:relative; width:387px; }
	.gallery_list_inner ul li > a { background:#fff; border:1px solid #d9d9d9; display:block; height:100%; width:100%; }
	.gallery_list_inner ul li > a div.txt { height:97px; padding:16px 20px; position:relative; }
	.gallery_list_inner ul li > a div.txt p { color:#212121; font-size:16px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.gallery_list_inner ul li > a div.txt span { bottom:20px; color:#a6a6a6; font-size:16px; font-weight:400; left:20px; position:absolute; }

	.gallery_list_inner ul li > p.fav { bottom:20px; font-size:0; position:absolute; right:20px; }
	.gallery_list_inner ul li > p.fav > a { background:url("../img/news/icon_fav_off.png") no-repeat; color:#212121; display:inline-block; font-size:16px; font-weight:700; line-height:18px; padding-left:30px; }
	.gallery_list_inner ul li > p.fav > a.on { background:url("../img/news/icon_fav_on.png") no-repeat; }

	.layer_pop.gallery_detail { background:#fff; height:700px; margin:-350px 0 0 -500px; padding:90px 100px 0; position:fixed; width:1000px; }
	.layer_pop.gallery_detail a.close { background:url("../img/common/btn_layer_close.png") no-repeat; display:block; height:30px; overflow:hidden; position:absolute; right:40px; text-indent:-20000px; top:40px; width:30px; }

	.gallery_pop_txt { margin-top:16px; position:relative; }
	.gallery_pop_txt strong { color:#212121; display:block; font-size:16px; font-weight:500; }
	.gallery_pop_txt a.fav { background:url("../img/news/icon_fav_off.png") no-repeat; color:#212121; display:inline-block; font-size:16px; font-weight:700; height:18px; line-height:18px; padding-left:30px; position:absolute; right:0; top:0; }
	.gallery_pop_txt a.fav.on { background:url("../img/news/icon_fav_on.png") no-repeat; }
	.gallery_pop_txt span { color:#a6a6a6; display:block; font-size:16px; font-weight:500; margin-top:14px; }

	.ptz_pick_wrap { margin-top:80px; padding-bottom:120px; }

	.ptz_pick_guide { background:#f7f7f7; border-radius:10px; color:#212121; font-size:18px; font-weight:400; height:50px; line-height:50px; margin:0 auto; text-align:center; width:430px; }

	.ptz_pick_bg { margin-top:30px; position:relative; }
	.ptz_pick_bg > a { display:inline-block; height:10.857%; overflow:hidden; position:absolute; text-indent:-20000px; z-index:5; }
	.ptz_pick_bg > a.ptz01 { background:url("../img/news/ptz_sign_off01.png") no-repeat; background-size:100% auto; left:23.666%; top:65.428%; width:12.333%; }
	.ptz_pick_bg > a.ptz01:hover { background:url("../img/news/ptz_sign_on01.png") no-repeat; background-size:100% auto; }
	.ptz_pick_bg > a.ptz02 { background:url("../img/news/ptz_sign_off02.png") no-repeat; background-size:100% auto; left:44.416%; top:32%; width:9.333%; }
	.ptz_pick_bg > a.ptz02:hover { background:url("../img/news/ptz_sign_on02.png") no-repeat; background-size:100% auto; }
	.ptz_pick_bg > a.ptz03 { background:url("../img/news/ptz_sign_off03.png") no-repeat; background-size:100% auto; left:47%; top:55.428%; width:11.666%; }
	.ptz_pick_bg > a.ptz03:hover { background:url("../img/news/ptz_sign_on03.png") no-repeat; background-size:100% auto; }
	.ptz_pick_bg > a.ptz04 { background:url("../img/news/ptz_sign_off04.png") no-repeat; background-size:100% auto; left:57.916%; top:24.714%; width:10.833%; }
	.ptz_pick_bg > a.ptz04:hover { background:url("../img/news/ptz_sign_on04.png") no-repeat; background-size:100% auto; }
	.ptz_pick_bg > a.ptz05 { background:url("../img/news/ptz_sign_off05.png") no-repeat; background-size:100% auto; left:60.166%; top:48.571%; width:10.833%; }
	.ptz_pick_bg > a.ptz05:hover { background:url("../img/news/ptz_sign_on05.png") no-repeat; background-size:100% auto; }
	.ptz_pick_bg > a.ptz06 { background:url("../img/news/ptz_sign_off06.png") no-repeat; background-size:100% auto; right:8.666%; top:40.285%; width:20%; }
	.ptz_pick_bg > a.ptz06:hover { background:url("../img/news/ptz_sign_on06.png") no-repeat; background-size:100% auto; }
	.ptz_pick_bg > a.ptz07 { background:url("../img/news/ptz_sign_off07.png") no-repeat; background-size:100% auto; right:15.083%; top:72.142%; width:12.333%; }
	.ptz_pick_bg > a.ptz07:hover { background:url("../img/news/ptz_sign_on07.png") no-repeat; background-size:100% auto; }
	.ptz_pick_bg > a.ptz08 { background:url("../img/news/ptz_sign_off08.png") no-repeat; background-size:100% auto; right:4.583%; top:56.285%; width:10.916%; }
	.ptz_pick_bg > a.ptz08:hover { background:url("../img/news/ptz_sign_on08.png") no-repeat; background-size:100% auto; }
	.ptz_pick_bg > a.ptz09 { background:url("../img/news/ptz_sign_off09.png") no-repeat; background-size:100% auto; right:4.916%; top:78.142%; width:9.333%; }
	.ptz_pick_bg > a.ptz09:hover { background:url("../img/news/ptz_sign_on09.png") no-repeat; background-size:100% auto; }

	.layer_pop.ptz_detail { background:#fff; height:720px; margin:-360px 0 0 -500px; padding:46px 100px 0; position:fixed; width:1000px; }
	.layer_pop.ptz_detail a.close { background:url("../img/common/btn_layer_close.png") no-repeat; display:block; height:30px; overflow:hidden; position:absolute; right:40px; text-indent:-20000px; top:40px; width:30px; }
	.layer_pop.ptz_detail > p { color:#a6a6a6; font-size:16px; font-weight:400; }
	.layer_pop.ptz_detail > p strong { color:#212121; display:block; font-size:20px; font-weight:500; margin-bottom:10px; }

	.ptz_detail_img { margin-top:18px; }
	.ptz_detail_slide { overflow:hidden; }
    .ptz_detail_slide ul li img { width: 100%; }
	.ptz_detail_img .swiper-button-prev { background:url("../img/news/ptz_slide_arrow_l.png") no-repeat; background-size:100% auto; height:60px; left:20px; margin-top:-30px; width:60px; }
	.ptz_detail_img .swiper-button-next { background:url("../img/news/ptz_slide_arrow_r.png") no-repeat; background-size:100% auto; height:60px; margin-top:-30px; right:20px; width:60px; }

	.ptz_detail_btm { margin-top:17px; }
	.ptz_detail_btm:after { clear:both; content:""; display:block; }
	.ptz_detail_btm span { color:#a6a6a6; float:left; font-size:16px; font-weight:500; line-height:18px; }
	.ptz_detail_btm a { background:url("../img/news/icon_fav_off.png") no-repeat; color:#212121; float:right; font-size:16px; font-weight:700; line-height:18px; padding-left:30px; }
	.ptz_detail_btm a.on { background:url("../img/news/icon_fav_on.png") no-repeat; }

	.movie_slide_wrap { background:#000; height:500px; }
	.movie_detail_slide { height:100%; overflow:hidden; }
	.movie_slide_wrap .swiper-button-prev { background:url("../img/news/ptz_slide_arrow_l.png") no-repeat; background-size:100% auto; height:60px; left:20px; margin-top:-30px; width:60px; }
	.movie_slide_wrap .swiper-button-next { background:url("../img/news/ptz_slide_arrow_r.png") no-repeat; background-size:100% auto; height:60px; margin-top:-30px; right:20px; width:60px; }

	.movie_slide_wrap {  border: 1px solid #000; }

	/* 아카이브 */
	.arch_busi_wrap { padding:70px 0 120px; }

	.arch_busi_filter { font-size:0; text-align:center; }
	.arch_busi_filter select { -webkit-appearance:none; appearance:none; background:url("../img/common/arrow_sel.png") right 20px center no-repeat #fff; border:1px solid #d9d9d9; display:inline-block; font-size:16px; font-weight:400; height:45px; margin:0 10px; padding:0 50px 0 20px; width:220px; }
	.arch_busi_filter select::-ms-expand { display:none; }

	.arch_busi_list_wrap { margin-top:56px; }

	.arch_busi_list_stat { font-weight:400; }
	.arch_busi_list_stat strong { color:#0054a5; font-weight:500; }

	.arch_busi_list { border-top:1px solid #212121; margin-top:20px; }
	.arch_busi_list ul li { border-bottom:1px solid #d9d9d9; height:191px; padding:30px 0; position:relative; }
	.arch_busi_list ul li a { display:block; height:100%; position:relative; width:100%; }
	.arch_busi_list ul li a img { border:1px solid #f8f8f8; left:0; position:absolute; top:0; }

	.arch_busi_list_txt { left:245px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:calc(100% - 245px); }
	.arch_busi_list_txt strong { display:block; font-size:20px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 150px); }
	.arch_busi_list_txt span { color:#a6a6a6; display:block; font-size:16px; font-weight:400; margin-top:24px; }

	.arch_busi_list ul li p.share_btns { bottom:auto; font-size:0; position:absolute; right:15px; text-align:right; top:64px; z-index:5; }
	.arch_busi_list ul li p.share_btns a { background:#fff; border:1px solid #d9d9d9; color:#4e4e4e; display:inline-block; font-size:12px; height:20px; line-height:18px; margin-left:10px; padding:0 10px; text-align:center; width:auto; }
	/* 아카이브 end */

	/* 아카이브 추가 - 210716 */
	.design_busi_wrap { border-top:1px solid #212121; margin:96px 0 0; padding:40px 0 120px; }
	.design_busi_top { min-height:376px; padding-left:625px; position:relative; }
	.design_busi_top figure { border:1px solid #d9d9d9; left:0; position:absolute; top:0; }

	.design_busi_cate:after { clear:both; content:""; display:block; }
	.design_busi_cate span { border:1px solid #d9d9d9; border-radius:17px; color:#a6a6a6; float:left; font-size:20px; font-weight:400; height:34px; line-height:32px; padding:0 18px; text-align:center; }

	.design_busi_top_txt > strong { display:block; font-size:32px; font-weight:500; margin-top:32px; }

	.design_busi_info { margin-top:34px; }
	.design_busi_info dl { margin-top:10px; }
	.design_busi_info dl:first-of-type { margin-top:0; }
	.design_busi_info dl:after { clear:both; content:""; display:block; }
	.design_busi_info dl dt,
	.design_busi_info dl dd { float:left; font-size:16px; }
	.design_busi_info dl dt { color:#212121; font-weight:500; width:73px; }
	.design_busi_info dl dd { color:#4e4e4e; font-weight:400; width:calc(100% - 73px); }

	.design_busi_share { margin-top:30px; position:relative; }
	.design_busi_share:after { clear:both; content:""; display:block; }
	.design_busi_share > a { background:#fff; border:1px solid #d9d9d9; color:#4e4e4e; float:left; font-size:12px; font-weight:400; height:20px; line-height:18px; padding:0 12px; text-align:center; }

	.sns_pop.design_busi { bottom:40px; left:-213px; right:auto; }

	.design_busi_summary { margin-top:20px; }
	.design_busi_summary > a { background:url("../img/intro/wtc_arrow_d.png") right center no-repeat; border-bottom:1px solid #d9d9d9; color:#212121; display:block; font-size:20px; font-weight:500; height:80px; line-height:80px; width:100%; }
	.design_busi_summary > a.on { background:url("../img/intro/wtc_arrow_u.png") right center no-repeat; }
	.design_busi_summary > p { background:#f9f9f9; border-bottom:1px solid #d9d9d9; color:#4e4e4e; font-size:16px; font-weight:400; line-height:1.4; padding:24px 150px 26px 30px; }

	.design_busi_list { margin-top:120px; }

	.design_busi_list_tabs { font-size:0; text-align:center; }
	.design_busi_list_tabs a { background:#fff; border:1px solid #212121; color:#212121; display:inline-block; font-size:20px; font-weight:400; height:60px; line-height:58px; margin-left:-1px; text-align:center; width:130px; }
	.design_busi_list_tabs a:first-child { margin-left:0; }
	.design_busi_list_tabs a.on,
	.design_busi_list_tabs a:hover { background:#212121; color:#fff; }

	.design_busi_list_each { display:none; margin-top:60px; }
	.design_busi_list_each.cont01 { display:block; }
	.design_busi_list_each ul { margin:-20px 0 0 -20px; }
	.design_busi_list_each ul:after { clear:both; content:""; display:block; }
	.design_busi_list_each ul li { float:left; height:309px; margin:20px 0 0 20px; width:385px; }
	.design_busi_list_each ul li a { background:#fff; border:1px solid #e7e7e7; display:block; height:100%; width:100%; }
	.design_busi_list_each ul li p { font-size:16px; font-weight:400; height:55px; line-height:55px; overflow:hidden; padding:0 19px; text-overflow:ellipsis; white-space:nowrap; }

	.design_busi_list_each.press ul li { height:138px; width:285px; }
	.design_busi_list_each.press ul li a { padding:20px; }
	.design_busi_list_each.press ul li span { -webkit-box-orient:vertical; display:-webkit-box; font-size:16px; font-weight:400; -webkit-line-clamp:3; line-height:1.4em; max-height:4.2em; overflow:hidden; position:relative; text-overflow:ellipsis; }
	.design_busi_list_each.press ul li i { color:#a6a6a6; display:block; font-size:16px; font-weight:400; font-style:normal; margin-top:14px; }

	.detail_cont_btm.design_busi { margin-top:60px; padding:40px 0 0; }
	/* 아카이브 추가 - 210716 end */

    /* 210716 연소리 아카이브 추가 */
    .desi_busi_sel { display:none; }
    .desi_busi_tab ul { font-size:0; margin-left:1px; }
    .desi_busi_tab ul li { display:inline-block; margin-left:-1px; text-align:center; width:20%; }
    .desi_busi_tab ul li a { border: 1px solid #212121; display:block; font-size:20px; height:60px; line-height:60px; }
    .desi_busi_tab ul li.on a { background-color:#212121; color:#fff; }
    .desi_busi_tab._second ul { margin:auto; width:960px; }
    .desi_busi_tab._second ul li { margin-left:-1px; width:25%; }
.desi_busi_tab._second ul li:first-child { margin-left:-1px; }

    .desi_busi_list_wrap { font-size:0; margin:-20px -20px 0 0; }
    .desi_busi_list { border:1px solid #d9d9d9; display:inline-block; margin:80px 20px 0 0; vertical-align:top; width:285px; }
    .desi_busi_list strong { background-color:#f7f7f7; display:block; font-size:20px; height:60px; line-height:58px; text-align:center; }
    .desi_busi_list ul { padding:15px 30px 30px 30px; }
    .desi_busi_list ul li { font-size:16px; margin-top:15px; }

    .edu_lab_list_wrap { margin-top:70px; }
    .edu_lab_list ul { font-size:0; margin:-20px -20px 0 0; }
    .edu_lab_list ul li { border:1px solid #d9d9d9; display:inline-block; font-size:16px; margin:20px 20px 0 0; width:285px;}
    .edu_lab_list ul li a { display:block; }
    .edu_lab_list ul li a p { height:60px; line-height:58px; text-align:center; }

    .desi_busi .news_gbg_list_wrap.no_list { background-color:#fff; }

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

	.news_gbg_list_inner { left:0; margin-left:0; padding:0 20px; width:100%; }

	.nl_list_wrap { left:0; margin:80px 0 0; padding:0 20px; width:100%; }

	.gallery_list_inner ul li { height:auto; margin:20px 0 0 2%; width:31%; }

	.layer_pop.gallery_detail { height:auto; margin:0 0 0 -42%; padding:90px 50px 50px; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:84%; }

	.layer_pop.ptz_detail { height:auto; margin:0 0 0 -42%; padding:46px 50px 50px; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:84%; }
    
    /* 2106074 연소리 */
    .layer_pop.regi_vehi, .layer_pop.parking_detail { width: 90%; margin-left: 0; transform: translateX(-50%);}

	.design_busi_list_each ul li { height:auto; width:31.1%; }
	.design_busi_list_each.press ul li { width:22.8%; }
	
	/* 210716 연소리 디자인 사업 아카이브 */
    .desi_busi_tab._second ul { width:100%;}
}

@media screen and (max-width:960px) {

	/* 아카이브 */
	.arch_busi_filter select { width:200px; }
	/* 아카이브 end */
	/* 210716 연소리 디자인 사업 아카이브 */
    .desi_busi_tab._first ul li { width:33.33% }
    .desi_busi_tab._first ul li:nth-of-type(4),
    .desi_busi_tab._first ul li:nth-of-type(5) { margin-top:-1px; }
    .desi_busi_tab._second ul li { width:50%; }
    .desi_busi_tab._second ul li:nth-of-type(3),
    .desi_busi_tab._second ul li:nth-of-type(4) { margin-top:-1px; }
    
    .desi_busi_list,
    .edu_lab_list ul li { width:calc(50% - 20px); }
    
    .edu_lab_list ul li img { width: 100%; }
	/* 아카이브 추가 */
	.design_busi_top { padding-left:365px; }
	.design_busi_top figure { width:340px; }

	.design_busi_summary > p { padding:24px 30px 26px; }

	.design_busi_list_each ul li,
	.design_busi_list_each.press ul li { width:47%; }
	/* 아카이브 추가 end */
}

@media screen and (max-width:750px) {

	.news_wrap { padding:0 32px 160px; }

	.news_gbg_list_wrap { background:#fff; padding:0; }
	.news_gbg_list_inner { padding:0; }
	.news_gbg_list_inner ul { margin:0; }
	.news_gbg_list_inner ul li { float:none; height:333px; margin:0 0 30px 0; width:100%; }
	.news_gbg_list_inner ul li:last-child { margin-bottom:0; }
	.news_gbg_list_inner ul li > a { border:2px solid #d9d9d9; padding:40px; }

	.news_list_ttl { font-size:28px; height:120px; }

	.news_gbg_list_inner ul li a span.date { font-size:24px; margin-top:18px; }
	.news_gbg_list_inner ul li a i { background:url("../img/news/m/news_attach.png") no-repeat; background-size:100% auto; bottom:40px; height:51px; right:40px; width:51px; }

	.no_news_list { font-size:28px; }

	.news_list_btns { bottom:40px; left:40px; }
	.news_list_btns > a { border:2px solid #d9d9d9; font-size:24px; height:40px; line-height:36px; padding:0 20px; }

	.noti_cont_wrap { padding:120px 0 80px; }
	.noti_cont_top { border-bottom:2px solid #d9d9d9; border-top:2px solid #212121; margin-top:80px; padding:50px 0 40px; }
	.noti_cont_date { font-size:24px; }
	.noti_cont_ttl { font-size:32px; margin-top:44px; white-space:normal; }

	/*211126*/
	.noti_cate { margin-top:38px; }
	.noti_cate > span { border:2px solid #d9d9d9; border-radius:24px; float:none; font-size:24px; height:auto; line-height:1.4; margin-right:10px; padding:5px 20px; text-align:left; }
	.noti_cate > p.stat { float:none; font-size:24px; margin-top:38px; }

	.noti_top_sns { top:40px; }
	.noti_top_sns > a { height:48px; margin-left:30px; width:48px; }
	.noti_top_sns > a.fb { background:url("../img/common/m/circle_fb.png") no-repeat; background-size:100% auto; }
	.noti_top_sns > a.kt { background:url("../img/common/m/circle_kakao.png") no-repeat; background-size:100% auto; }
	.noti_top_sns > a.bl { background:url("../img/common/m/circle_blog.png") no-repeat; background-size:100% auto; }
	.noti_top_sns > a.tw { background:url("../img/common/m/circle_tw.png") no-repeat; background-size:100% auto; }
	.noti_top_sns > a.in { background:url("../img/common/m/circle_insta.png") no-repeat; background-size:100% auto; }
	/*211126*/

	.noti_cont_txt { padding-top:54px; }
	.noti_cont_txt p { font-size:28px; }

	.noti_cont_tbl { margin-top:50px; width:100%; }
	.noti_cont_tbl th,
	.noti_cont_tbl td { font-size:24px; height:60px; padding:15px 20px; }

	.nl_list_wrap { padding:0; }
	.nl_list_wrap ul { margin:0; }
	.nl_list_wrap ul li { float:none; height:auto; margin:0 0 30px 0; width:100%; }
	.nl_list_wrap ul li a p.nl_list_txt { height:auto; padding:32px 0 38px; }
	.nl_list_wrap ul li a p.nl_list_txt span { display:block; font-size:32px; position:static; -webkit-transform:translateY(0); transform:translateY(0); }

	.gallery_list_sorting { height:80px; }
	.gallery_list_sorting select { background:url("../img/common/m/arrow_sel.png") right 30px center no-repeat #fff; border:2px solid #d9d9d9; font-size:28px; height:80px; padding:0 70px 0 30px; width:100%; }

	.gallery_list_inner { margin-top:40px; }
	.gallery_list_inner ul { margin:0; }
	.gallery_list_inner ul li { float:none; height:auto; margin:30px 0 0 0; width:100%; }
	.gallery_list_inner ul li > a { border:2px solid #d9d9d9; }
	.gallery_list_inner ul li > a div.txt { height:auto; padding:34px 30px 36px; }
	.gallery_list_inner ul li > a div.txt p { font-size:28px; }
	.gallery_list_inner ul li > a div.txt span { display:block; font-size:24px; margin-top:36px; position:static; }

	.layer_pop.gallery_detail { margin:0 0 0 -46%; padding:120px 40px 60px; width:92%; }
	.layer_pop.gallery_detail a.close { background:url("../img/common/m/btn_layer_close.png") no-repeat; background-size:100% auto; height:38px; width:38px; }

	.gallery_pop_txt { margin-top:24px; }
	.gallery_pop_txt strong { font-size:28px; font-weight:400; }
	.gallery_pop_txt span { font-size:24px; font-weight:400; margin-top:22px; }

	.ptz_pick_wrap { margin-top:60px; padding-bottom:160px; }

	.ptz_pick_guide { border-radius:20px; font-size:24px; height:60px; line-height:60px; width:566px; }

	.ptz_pick_bg > img { border:2px solid #d9d9d9; }
	.ptz_pick_bg > a { height:18.556%; }
	.ptz_pick_bg > a.ptz01,
	.ptz_pick_bg > a.ptz01:hover { background:url("../img/news/m/ptz_sign_off01.png") no-repeat; background-size:100% auto; left:18.768%; top:57.474%; width:21.7%; }
	.ptz_pick_bg > a.ptz02,
	.ptz_pick_bg > a.ptz02:hover { background:url("../img/news/m/ptz_sign_off02.png") no-repeat; background-size:100% auto; left:39.882%; top:25.515%; width:16.422%; }
	.ptz_pick_bg > a.ptz03,
	.ptz_pick_bg > a.ptz03:hover { background:url("../img/news/m/ptz_sign_off03.png") no-repeat; background-size:100% auto; left:42.082%; top:52.835%; width:20.527%; }
	.ptz_pick_bg > a.ptz04,
	.ptz_pick_bg > a.ptz04:hover { background:url("../img/news/m/ptz_sign_off04.png") no-repeat; background-size:100% auto; left:50.146%; top:13.144%; width:19.061%; }
	.ptz_pick_bg > a.ptz05,
	.ptz_pick_bg > a.ptz05:hover { background:url("../img/news/m/ptz_sign_off05.png") no-repeat; background-size:100% auto; left:55.425%; top:39.69%; width:19.061%; }
	.ptz_pick_bg > a.ptz06,
	.ptz_pick_bg > a.ptz06:hover { background:url("../img/news/m/ptz_sign_off06.png") no-repeat; background-size:100% auto; height:24.742%; right:10.703%; top:20.618%; width:21.7%; }
	.ptz_pick_bg > a.ptz07,
	.ptz_pick_bg > a.ptz07:hover { background:url("../img/news/m/ptz_sign_off07.png") no-repeat; background-size:100% auto; right:12.17%; top:62.113%; width:21.7%; }
	.ptz_pick_bg > a.ptz08,
	.ptz_pick_bg > a.ptz08:hover { background:url("../img/news/m/ptz_sign_off08.png") no-repeat; background-size:100% auto; right:3.079%; top:47.938%; width:19.208%; }
	.ptz_pick_bg > a.ptz09,
	.ptz_pick_bg > a.ptz09:hover { background:url("../img/news/m/ptz_sign_off09.png") no-repeat; background-size:100% auto; right:1.759%; top:74.484%; width:16.422%; }

	.layer_pop.ptz_detail { margin:0 0 0 -46%; padding:80px 40px 60px; width:92%; }
	.layer_pop.ptz_detail a.close { background:url("../img/common/m/btn_layer_close.png") no-repeat; background-size:100% auto; height:38px; width:38px; }
	.layer_pop.ptz_detail > p { font-size:24px; }
	.layer_pop.ptz_detail > p strong { font-size:28px; margin-bottom:14px; }

	.ptz_detail_img { margin-top:30px; }
	.ptz_detail_img .swiper-button-prev { left:8.746%; margin-top:0; top:55%; }
	.ptz_detail_img .swiper-button-next { margin-top:0; right:8.746%; top:55%; }

	.ptz_detail_btm { margin-top:30px; }
	.ptz_detail_btm span { font-size:24px; }
    
    /* 210607 연소리 */
    .layer_parking_cont { padding: 20px 20px 60px; }
    .bus_info_tbl table th, .bus_info_tbl table td,
    .regi_vehi_guide,
    .tbl_guide_add,
    .parking_fee_ttl,
    .layer_parking_each > strong,
    .horiz_tbl th, .horiz_tbl td,
    .horiz_tbl td p.front_dash{ font-size: 24px; }
    
    .bus_info_tbl table th, .bus_info_tbl table td { padding: 15px; }
    .regi_vehi_guide { padding-left: 30px; }

	/* 아카이브 */
	.arch_busi_wrap { padding:60px 0 160px; }

	.arch_busi_filter select { background:url("../img/common/m/arrow_sel.png") right 30px center no-repeat #fff; border:2px solid #d9d9d9; display:block; font-size:28px; height:80px; margin:40px 0 0; padding:0 80px 0 30px; width:100%; }
	.arch_busi_filter select:first-child { margin:0; }

	.arch_busi_list_wrap { margin-top:20px; }

	.arch_busi_list_stat { display:none; }

	.arch_busi_list { border-top:0; margin-top:0; }
	.arch_busi_list ul li { border-bottom:2px solid #d9d9d9; height:auto; padding:60px 0; }
	.arch_busi_list ul li a img { border:2px solid #f8f8f8; position:static; }

	.arch_busi_list_txt { left:0; padding-top:108px; position:relative; top:0; -webkit-transform:translateY(0); transform:translateY(0); width:100%; }
	.arch_busi_list_txt strong { font-size:36px; font-weight:700; width:100%; }
	.arch_busi_list_txt span { color:#4e4e4e; font-size:24px; margin-top:26px; }

	.arch_busi_list ul li p.share_btns { left:0; right:auto; text-align:left; top:0; }
	.arch_busi_list ul li p.share_btns a { border:2px solid #d9d9d9; font-size:24px; height:40px; line-height:36px; margin:0 20px 0 0; padding:0 20px; }
	/* 아카이브 end */
	/* 210716 연소리 디자인 사업 아카이브 */
    .desi_busi_sel { display:block; }
    .desi_busi_tab { display:none; }
    
    .desi_busi_list_wrap { margin:0; }
    .desi_busi_list { width:100%; }
    .desi_busi_list strong { font-size:32px; height:90px; line-height:88px; }
    .desi_busi_list ul { padding:5px 40px 40px 40px; }
    .desi_busi_list ul li { font-size:32px; margin-top:65px;}
    
    .edu_lab_list_wrap { margin-top:80px; }
    .edu_lab_list ul { margin:-80px 0 0 0 }
    .edu_lab_list ul li { margin:80px 0 0 0; width:100%; }
    .edu_lab_list ul li a p { font-size:32px; height:120px; line-height:118px; }
		/* 아카이브 추가 */
	.design_busi_wrap { border-top:2px solid #212121; margin:76px 0 0; padding:60px 0 160px; }

	.design_busi_top { min-height:auto; padding-left:0; }
	.design_busi_top figure { margin-bottom:40px; position:static; width:100%; }
	.design_busi_top figure img { width:100%; }

	.design_busi_cate span { border:2px solid #d9d9d9; border-radius:22px; font-size:28px; height:44px; line-height:40px; }

	.design_busi_top_txt > strong { font-size:36px; margin-top:44px; }

	.design_busi_info dl { margin-top:20px; }
	.design_busi_info dl dt,
	.design_busi_info dl dd { font-size:24px; }
	.design_busi_info dl dt { width:90px; }
	.design_busi_info dl dd { width:calc(100% - 90px); }

	.design_busi_share { margin-top:40px; }
	.design_busi_share > a { border:2px solid #d9d9d9; font-size:24px; height:40px; line-height:36px; padding:0 20px; }

	.sns_pop.design_busi { bottom:70px; left:0; }

	.design_busi_summary { margin-top:40px; }
	.design_busi_summary > a { background:url("../img/intro/m/wtc_arrow_d.png") right center no-repeat; border-bottom:2px solid #d9d9d9; font-size:28px; height:100px; line-height:100px; }
	.design_busi_summary > a.on { background:url("../img/intro/m/wtc_arrow_u.png") right center no-repeat; }
	.design_busi_summary > p { border-bottom:2px solid #d9d9d9; font-size:24px; padding:34px 40px 36px; }

	.design_busi_list_tabs a { font-size:28px; height:70px; line-height:68px; width:170px; }

	.design_busi_list_each ul { margin:-30px 0 0; }
	.design_busi_list_each ul li { float:none; height:auto; margin:30px 0 0; width:100%; }
	.design_busi_list_each ul li a { border:2px solid #e7e7e7; }
	.design_busi_list_each ul li img { width:100%; }
	.design_busi_list_each ul li p { font-size:28px; height:106px; line-height:106px; padding:0 26px; }

	.design_busi_list_each.press ul li { height:252px; width:100%; }
	.design_busi_list_each.press ul li a { padding:40px; }
	.design_busi_list_each.press ul li span { font-size:28px; }
	.design_busi_list_each.press ul li i { font-size:24px; margin-top:30px; }

	.detail_cont_btm.design_busi { margin-top:60px; padding:40px 0 0; }
	/* 아카이브 추가 end */
}

@media screen and (max-width:640px) {

	.news_wrap { padding:0 16px 80px; }

	.news_gbg_list_wrap { margin-top:30px; }
	.news_gbg_list_wrap.no_list { height:291px; }
	.news_gbg_list_inner ul li { height:166px; margin:0 0 15px 0; }
	.news_gbg_list_inner ul li > a { border:1px solid #d9d9d9; padding:20px; }

	.news_list_ttl { font-size:14px; height:60px; }

	.news_gbg_list_inner ul li a span.date { font-size:12px; margin-top:9px; }
	.news_gbg_list_inner ul li a i { bottom:20px; height:25px; right:20px; width:25px; }

	.no_news_list { background-size:50px auto; font-size:14px; padding-top:78px; }

	.news_list_btns { bottom:20px; left:20px; }
	.news_list_btns > a { border:1px solid #d9d9d9; font-size:12px; height:20px; line-height:18px; padding:0 10px; }

	.noti_cont_wrap { padding:60px 0 40px; }
	.noti_cont_top { border-bottom:1px solid #d9d9d9; border-top:1px solid #212121; margin-top:40px; padding:25px 0 20px; }
	.noti_cont_date { font-size:12px; }
	.noti_cont_ttl { font-size:16px; margin-top:50px; }

	/*211126*/
	.noti_cate { margin-top:19px; }
	.noti_cate > span { border:1px solid #d9d9d9; border-radius:12px; font-size:12px; margin-right:5px; padding:3px 10px; }
	.noti_cate > p.stat { font-size:12px; margin-top:19px; }

	.noti_top_sns { left:0; top:53px; right:auto; }
	.noti_top_sns > a { height:24px; margin:0 15px 0 0; width:24px; }
	/*211126*/

	.noti_cont_txt { padding-top:27px; }
	.noti_cont_txt p { font-size:14px; }
	/*211126*/
	.noti_cont_txt iframe { width:460px !important; height:259px !important; }
	/*211126*/
  
	.noti_cont_tbl { margin-top:25px; }
	.noti_cont_tbl th,
	.noti_cont_tbl td { font-size:12px; height:30px; padding:8px 10px; }

	.nl_list_wrap { margin:40px 0 0; }
	.nl_list_wrap ul li { margin:0 0 15px 0; }
	.nl_list_wrap ul li a p.nl_list_txt { padding:16px 0 19px; }
	.nl_list_wrap ul li a p.nl_list_txt span { font-size:16px; }

	.gallery_list_sorting { height:40px; }
	.gallery_list_sorting select { background-position:right 30px center; background-size:10px auto; border:1px solid #d9d9d9; font-size:14px; height:40px; padding:0 35px 0 15px; }

	.gallery_list_inner { margin-top:20px; }
	.gallery_list_inner ul li { margin:15px 0 0 0; }
	.gallery_list_inner ul li > a { border:1px solid #d9d9d9; }
	.gallery_list_inner ul li > a div.txt { padding:17px 15px 18px; }
	.gallery_list_inner ul li > a div.txt p { font-size:14px; }
	.gallery_list_inner ul li > a div.txt span { font-size:12px; margin-top:18px; }

	.layer_pop.gallery_detail { padding:60px 20px 30px; }
	.layer_pop.gallery_detail a.close { height:19px; right:20px; top:20px; width:19px; }

	.gallery_pop_txt { margin-top:12px; }
	.gallery_pop_txt strong { font-size:14px; }
	.gallery_pop_txt span { font-size:12px; margin-top:11px; }

	.ptz_pick_wrap { margin-top:30px; padding-bottom:80px; }

	.ptz_pick_guide { border-radius:10px; font-size:12px; height:30px; line-height:30px; width:283px; }

	.ptz_pick_bg > img { border:1px solid #d9d9d9; }

	.layer_pop.ptz_detail { padding:58px 20px 30px; }
	.layer_pop.ptz_detail a.close { height:19px; right:20px; top:20px; width:19px; }
	.layer_pop.ptz_detail > p { font-size:12px; }
	.layer_pop.ptz_detail > p strong { font-size:14px; margin-bottom:7px; }

	.ptz_detail_img { margin-top:15px; }
	.ptz_detail_img .swiper-button-prev,
	.ptz_detail_img .swiper-button-next { height:30px; width:30px; }

	.ptz_detail_btm { margin-top:15px; }
	.ptz_detail_btm span { font-size:12px; }
    
    /* 210607 연소리 */
    .bus_info_tbl table th, .bus_info_tbl table td,
    .regi_vehi_guide,
    .tbl_guide_add,
    .parking_fee_ttl,
    .layer_parking_each > strong,
    .horiz_tbl th, .horiz_tbl td,
    .horiz_tbl td p.front_dash { font-size: 14px; }
    .parking_layer_ttl { font-size: 16px; }
    .parking_layer_ttl a.close { width: 15px; height: 15px; background-size: 15px; right: 20px; margin-top: -7.5px;  }

	/* 아카이브 */
	.arch_busi_wrap { padding:30px 0 80px; }

	.arch_busi_filter select { background-size:10px auto; border:1px solid #d9d9d9; font-size:14px; height:40px; margin:20px 0 0; padding:0 40px 0 15px; }

	.arch_busi_list_wrap { margin-top:10px; }

	.arch_busi_list ul li { border-bottom:1px solid #d9d9d9; padding:30px 0; }
	.arch_busi_list ul li a img { border:1px solid #f8f8f8; }

	.arch_busi_list_txt { padding-top:54px; }
	.arch_busi_list_txt strong { font-size:18px; }
	.arch_busi_list_txt span { font-size:12px; margin-top:13px; }

	.arch_busi_list ul li p.share_btns a { border:1px solid #d9d9d9; font-size:12px; height:20px; line-height:18px; margin:0 10px 0 0; padding:0 10px; }
	/* 아카이브 end */

	 /* 210716 연소리 디자인사업 아카이브 */
    .desi_busi_list { margin-top:30px; }
    .desi_busi_list strong { font-size:16px; height:60px; line-height:58px; }
    .desi_busi_list ul { padding:0 25px 25px 25px; }
    .desi_busi_list ul li { font-size:16px; margin-top:20px;}

    .edu_lab_list_wrap { margin-top:30px; }
    .edu_lab_list ul { margin-top:-20px; }
    .edu_lab_list ul li { margin-top:20px;}
    .edu_lab_list ul li a p { font-size:16px; height:60px; line-height:58px; }
	/* 아카이브 추가 */
	.design_busi_wrap { border-top:1px solid #212121; margin:38px 0 0; padding:30px 0 80px; }

	.design_busi_top figure { margin-bottom:20px; }

	.design_busi_cate span { border:1px solid #d9d9d9; border-radius:11px; font-size:14px; height:22px; line-height:20px; }

	.design_busi_top_txt > strong { font-size:18px; margin-top:22px; }

	.design_busi_info dl { margin-top:10px; }
	.design_busi_info dl dt,
	.design_busi_info dl dd { font-size:12px; }
	.design_busi_info dl dt { width:45px; }
	.design_busi_info dl dd { width:calc(100% - 45px); }

	.design_busi_share { margin-top:20px; }
	.design_busi_share > a { border:1px solid #d9d9d9; font-size:12px; height:20px; line-height:18px; padding:0 10px; }

	.sns_pop.design_busi { bottom:35px; }

	.design_busi_summary { margin-top:20px; }
	.design_busi_summary > a { background-size:17px auto; border-bottom:1px solid #d9d9d9; font-size:14px; height:50px; line-height:50px; }
	.design_busi_summary > a.on { background-size:17px auto; }
	.design_busi_summary > p { border-bottom:1px solid #d9d9d9; font-size:12px; padding:17px 20px 18px; }

	.design_busi_list_tabs a { font-size:14px; height:35px; line-height:33px; width:85px; }

	.design_busi_list_each { margin-top:30px; }
	.design_busi_list_each ul { margin:-15px 0 0; }
	.design_busi_list_each ul li { margin:15px 0 0; }
	.design_busi_list_each ul li a { border:1px solid #e7e7e7; }
	.design_busi_list_each ul li p { font-size:14px; height:53px; line-height:53px; padding:0 13px; }

	.design_busi_list_each.press ul li { height:126px; }
	.design_busi_list_each.press ul li a { padding:20px; }
	.design_busi_list_each.press ul li span { font-size:14px; }
	.design_busi_list_each.press ul li i { font-size:12px; margin-top:15px; }

	.detail_cont_btm.design_busi { margin-top:30px; padding:20px 0 0; }
	/* 아카이브 추가 end */
}

/*211126*/
@media screen and (max-width:480px) {
	
	.noti_cont_txt iframe { width:300px !important; height:169px !important; }

}
/*211126*/