/* wz_top_notice1 /// 특이사항 / 모바일은 따로 없음 쓰지않음*/ .latest_wz_top_notice1 {float:left; width:100%; text-align:left; } .latest_wz_top_notice1 .title {font-size:15px; line-height:160%; float:left; width:100%; color:white; } .latest_wz_top_notice1 .title span {background-color:#1a62b3; padding:1px 3px; color:white; font-family:arial; font-size:9px; margin-left:5px;} .latest_wz_top_notice1 a {color:rgba(255,255,255,1); transition:all .2s;} .latest_wz_top_notice1 a:hover {color:#d3d100; transition:all .2s;} .latest_wz_top_notice1 .date {float:left; width:100%; font-family:tahoma; color:rgba(255,255,255,0.8); font-size:11px; padding:2px 0 0 0px;;} .latest_wz_top_notice1 .date span {color:rgba(255,255,255,0.7); margin-right:10px; display:none;} /* 모바일메뉴 공지 */ .ot_box_df2 {float:left; width:100%; margin-bottom:0px; padding:0 35px;} .ot_box_df2 .tit {text-align:left;font-size:13px; margin:0px 0px 7px 0px; line-height:140%;} .ot_box_df2 .thum {width:100px; float:left;} .ot_box_df2 .con {float:left; width: 100%;} .ot_box_df2 .txt {text-align:justify; line-height:150%; font-size:11px;} .ot_box_df2 .txt a {color:black;} .ot_box_df2 .date {margin:5px 0px; text-align:left; font-size:8px; color:black; opacity:0.5;} .other_list_df2 {clear:both; text-align:left; float:left; width:100%;} .other_list_df2 .txt {float:left; width:calc(100% - 50px); font-size:10px;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;} .other_list_df2 .txt a {color:black;} .other_list_df2 .date {float:left; width:50px; font-size:9px; color:#8e8e8e; letter-spacing:0em;} /* 연혁공통 */ .his_ltst_box {float:left; width:100%; padding:5px 0;font-size:13px; } .his_ltst_box .his_when {float:left; width:100px; line-height:150%;} .his_ltst_box .his_memo {float:left; width:calc(100% - 100px); line-height:150%;} /* 메인공지 / 슬라이드 */ .wz_slide1 {float:left; width:100%; padding:0 0px; transition:all .2s;} .wz_slide1 .thum {float:left; width:100%; height:230px; overflow:hidden; background:#717171 url(/images/no_slide_image.jpg) no-repeat; background-size:cover; background-position:center center;} .wz_slide1 .thum img {width:100%; height:auto; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.5s ease-in-out;} .wz_slide1:hover .thum img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);} .wz_slide1 .wzs1_set {float:left; width:100%;padding:45px 50px 0 50px;} .wz_slide1 .tit {float:left; width:100%;text-align:left;font-size:18px; line-height:130%;margin:0px 0px 15px 0px;font-family:Noto Sans KR, sans-serif; font-weight:500; transition:all .2s;} .wz_slide1 .tit span {background-color:#1a62b3; padding:1px 3px; color:white; font-family:arial; font-size:9px; margin-left:5px;} .wz_slide1 .tit a {color:white; transition:all .2s;} .wz_slide1 .con {float:left; width: 100%;} .wz_slide1 .txt {float:left; width:100%;text-align:justify; line-height:20px; ; font-size:12px;} .wz_slide1 .txt a {color:#b3b3b3; transition:all .2s;} .wz_slide1:hover .tit a {color:#dbf1ff; transition:all .2s;} .wz_slide1 .date {float:left; width:100%; margin:10px 0 0 0; font-family:tahoma; font-size:11px; text-align:right; color:rgba(255,255,255,0.7);} /* 메인슬라이드 배너 / 배너스타일 */ .mbl_in_content {position:absolute; top:0; left:0; width:100%; height:100%; display:table;} .mbl_in_content .mic_call {display:table-cell; vertical-align:middle; background:rgba(0,0,0,0.0);} .mbl_in_content .mic_call .mc_wrp {display:inline-block; width:1260px; padding:110px 50px 15px 50px; text-align:left;/* text-shadow: 0 0 1px #000000; */} .mbl_in_content .mic_call .pt_box {position:relative; top:0; left:0; height:0;} .mbl_in_content .mic_call .pt_box .pt_pos {position:absolute; top:-35px; left:-35px; border:1px solid white; border-width:1px 0 0 1px; width:35px; height:35px;} .mbl_in_content .mic_call .add_pic {float:left; width:100%; } .mbl_in_content .mic_call .add_pic img {max-width:688px; width:100%; height:auto;} .mbl_in_content .mic_call .con_bx {float:left; width:100%; padding:0px 70px 0 0px; text-align:left;} .mbl_in_content .mic_call h1 {float:left; width:100%; line-height:120%; font-size:60px;font-family: 'yg-jalnan'; /*text-overflow: ellipsis;white-space: nowrap; overflow:hidden;*/ padding-top:10px; word-break:keep-all;} .mbl_in_content .mic_call .sb_con1 {float:left; width:100%; line-height:100%; font-size:35px; font-family:Noto Sans KR, sans-serif; font-weight:500;padding:15px 0 0 0; letter-spacing:-0.05em;/*text-overflow: ellipsis;white-space: nowrap; overflow:hidden;*/} .mbl_in_content .mic_call .sb_con2 {float:left; width:100%; line-height:100%; font-size:13px; padding:30px 0 0 0; color:rgba(255,255,255,0.9);/*text-overflow: ellipsis;white-space: nowrap; overflow:hidden;*/} .mbl_in_content .mic_call .sb_link {display:inline-block; background:#b22c2c; color:white;padding:18px 30px; text-align:center; min-width:180px; line-height:100%; font-size:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; margin-top:55px; border-radius:5px 0; transition:all .2s;} .mbl_in_content .mic_call .sb_link:hover {background:#e70000; transition:all .2s;} /* 메인전시상태 / 텍스트 롤링 */ .ro_con_arr {float:left; width:100%; line-height:90px; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; letter-spacing:0em;border:0px solid red;} .ro_con_arr .bk_bgp {float:left; width:200px; background:#eeeeee; border:0px solid red;} .ro_con_arr .bk_name {float:left; width:100%; padding-left:80px; background:rgba(0,0,0,0.0); border:0px solid red; /*text-shadow: 0 0 1px #000000;*/} .ro_con_arr .bk_name a {color:#cc0000; transition:all 0.2s;} .ro_con_arr .bk_name a:hover {color:red; transition:all 0.2s;} .ro_con_arr .dp_title {float:left; width:calc(100% - 200px);color:#414141; padding-left:30px; border:0px solid red;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; letter-spacing:0;} .ro_con_arr .dp_title a {color:black; transition:all 0.2s;} .ro_con_arr .dp_title a:hover {color:red; transition:all 0.2s;} .ro_con_arr .sp_info { margin-left:5px; font-size:15px;} /* 메인커뮤니티 / 일반게시글 */ .latest_community_1_out {float:left; width:100%; font-size:0; text-align:left; } .latest_community_1 {display:inline-block; vertical-align:top; width:100%; padding:0 0px 20px 0px; } .latest_community_1 .tit {float:left; width:100%;text-align:left;font-size:18px; line-height:140%;margin:0px 0px 10px 0px;font-family:Noto Sans KR, sans-serif; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; letter-spacing:-0.05em;} .latest_community_1 .tit a {color:black; transition:all .2s;} .latest_community_1 .tit a:hover {color:red; transition:all .2s;} .latest_community_1 .txt {float:left; width:100%;text-align:justify; line-height:160%; font-size:13px;} .latest_community_1 .txt a {color:rgba(0,0,0,0.6); transition:all .2s;} .latest_community_1 .txt a:hover {color:red; transition:all .2s;} .latest_community_1 .date {float:left; width:100%; padding:0 0 10px 0; text-align:left; font-size:12px; border:0px solid red;} .latest_community_1 .date span {margin-right:10px;} .latest_community_li_1 {float:left; width:100%; text-align:left; padding:5px 0px;} .latest_community_li_1 .txt {float:left; width:calc(100% - 155px); font-size:13px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .latest_community_li_1 .txt a {color:rgba(0,0,0,0.7); transition:all .2s;} .latest_community_li_1 .txt a:hover {color:red; transition:all .2s;} .latest_community_li_1 .date {float:left; width:75px; color:#8e8e8e; font-size:11px; font-family:tahoma;} .latest_community_li_1 .name {float:left; width:80px; color:#8e8e8e; font-size:12px; text-align:right;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} /* 메인커뮤니티 / 포토게시판 / 이미지만 출력해서 별도로 모바일 두지 않음 */ .hj_phpto_call { float:left; width:20%; padding:1px; } .hj_phpto_call .li_pic {float:left; width:100%; overflow:hidden;} .hj_phpto_call .li_pic img { width:100%; height:auto; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;} .hj_phpto_call:hover .li_pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);} /* 메인커뮤니티 / 채용정보 */ .hj_job_slide {float:left; width:100%; padding:55px 50px; text-align:left; transition:all .2s;} .hj_job_slide:hover .tit a {color:#00fff6; transition:all .2s;} .hj_job_slide .tit {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; letter-spacing:-0.05em; font-size:18px; } .hj_job_slide .tit a {color:white; transition:all .2s;} .hj_job_slide .tit a:hover {color:#00fff6; transition:all .2s;} .hj_job_slide .con {float:left; width:100%; padding-top:25px; } .hj_job_slide .con .set {float:left; width:100%; padding:3px 0;font-size:12px; } .hj_job_slide .con .set .tt {float:left; width:70px; color:rgba(255,255,255,0.7);} .hj_job_slide .con .set .txt {float:left; width:calc(100% - 70px); color:white; } .none_job_data {float:left; width:100%; height:100%;padding:90px 0 0 0; text-align:center; } .none_job_data .fa_ic {float:left; width:100%; padding:0px; font-size:45px; line-height:45px; color:white;} .none_job_data .wrn_txt {float:left; width:100%; padding:15px 0 0 0; font-size:12px; color:white;} /* 메인커뮤니티 / 공지사항 / 오직 모바일(폰) 전용 */ .latest_community_2_out {float:left; width:100%; font-size:0; text-align:left; } .latest_community_2 {display:inline-block; vertical-align:top; width:100%; padding:0 0px 15px 0px; } .latest_community_2 .thum {float:left; width:100px; height:100px;overflow:hidden; font-size:15px;} .latest_community_2 .thum img {width:100%;} .latest_community_2 .rst_bd_set {float:left; width:calc(100% - 100px); padding-left:20px; } .latest_community_2 .tit {float:left; width:100%;text-align:left;font-size:12px; line-height:140%;margin:0px 0px 7px 0px;} .latest_community_2 .tit a {color:rgba(255,255,255,0.6); transition:all .2s;} .latest_community_2 .tit a:hover {color:white; transition:all .2s;} .latest_community_2 .txt {float:left; width:100%;text-align:justify; line-height:150%; font-size:11px;} .latest_community_2 .txt a {color:rgba(255,255,255,0.4); transition:all .2s;} .latest_community_2 .txt a:hover {color:red; transition:all .2s;} .latest_community_2 .date {float:left; width:100%; padding:0 0 5px 0; text-align:left; font-size:10px; font-family:tahoma; color:rgba(255,255,255,0.4);} .latest_community_2 .date span {margin-right:10px;} .latest_community_li_2 {float:left; width:100%; text-align:left; padding:1px 0px;} .latest_community_li_2 .txt {float:left; width:calc(100% - 65px); font-size:11px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .latest_community_li_2 .txt a {color:rgba(255,255,255,0.5); transition:all .2s;} .latest_community_li_2 .txt a:hover {color:white; transition:all .2s;} .latest_community_li_2 .date {float:left; width:65px; color:rgba(255,255,255,0.3); font-size:10px; text-align:right; font-family:tahoma;} /* 메인아트숍 리스트 */ .artshop_list { display:inline-block; width:10%; padding:0 15px; } .artshop_list .li_pic {float:left; width:100%; overflow:hidden; border-radius:3px;} .artshop_list .li_pic img { width:100%; height:auto; transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;} .artshop_list:hover .li_pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);} .artshop_list .th_pos {float:left; width:100%; padding-top:15px;font-size:11px; color:white; opacity:0.6; transition:all .3s;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;line-height:140%;} .artshop_list:hover .th_pos{transition:all .3s; opacity:1; } /* 서브페이지 타이틀옆 롤링 */ .ro_ntc_arr {float:left; width:100%; line-height:90px; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.05em;border:0px solid red;} .ro_ntc_arr .bk_bgp {float:left; width:200px; background:#eeeeee; border:0px solid red;} .ro_ntc_arr .bk_name {float:left; width:100%; padding-left:100px; background:rgba(0,0,0,0.0); border:0px solid red; /*text-shadow: 0 0 1px #000000;*/} .ro_ntc_arr .bk_name a {color:#cc0000; transition:all 0.2s;} .ro_ntc_arr .bk_name a:hover {color:red; transition:all 0.2s;} .ro_ntc_arr .dp_title {float:left; width:100%;padding-left:130px; border:0px solid red;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .ro_ntc_arr .dp_title a {color:black; transition:all 0.2s;} .ro_ntc_arr .dp_title a:hover {color:red; transition:all 0.2s;}