/* 메인화면 css ============ */ /* 메인슬라이드 영역 css ============ */ .main_top_block {position:relative;top:-170px; left:0; width:100%;background:#ffffff; padding:0px 0; margin-bottom:-170px;} .main_top_block .mtb_pos {display:inline-block; max-width:2000px; width:100%; height:690px;} /* 메인퀵 영역 css ============ */ .main_quick_ccbx {border-bottom:1px solid #dddddd;} .main_quick_ccbx .mqc_pos { width:1260px; margin:0 auto; padding:30px; } .main_quick_ccbx .slide_set { width:100%; } .main_quick_ccbx .slide_set .grp_q { float:left; width:20%; height:auto; padding:10px 0; text-align:center; border:1px solid #eeeeee; border-width:0 1px 0 0; } .main_quick_ccbx .slide_set .grp_q:hover {background:none;} .main_quick_ccbx .slide_set .grp_q.sp_h {border-width:0;} .main_quick_ccbx .slide_set .q_icon { display:inline-block; width:auto; font-size:30px; color:#3c3224; vertical-align:middle; } .main_quick_ccbx .slide_set .q_txt { display:inline-block; width:auto; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; line-height:30px; padding:0 0 0 15px; color:#3c2c14; vertical-align:middle; letter-spacing:-0.05em;} .main_quick_ccbx .slide_set .grp_q:hover .q_icon {color:#7a4e09;} .main_quick_ccbx .slide_set .grp_q:hover .q_txt {color:#c20640;} /* 메인공지사항 영역 css ============ */ .mtb_lst_bx {position:relative; top:0; left:0; max-width:1260px; width:100%; height:0px; margin:0 auto;} .mtb_lst_bx .call_lst_ntc {position:absolute; top:0; right:0; /*width:33.3333%;*/ width:420px; height:460px; background:#6c5c50; z-index:1000; overflow:hidden;} .mtb_lst_bx .call_lst_ntc .in_tit {position:absolute; top:0px; left:0px; background:#b22c2c; z-index:1002; color:white; padding:9px 15px; border-radius:0px 0; line-height:100%; font-size:11px; transition:all .2s;} .mtb_lst_bx .call_lst_ntc .in_tit:hover {background:#c50707; transition:all .2s;} /* 메인배너 실행 영역 css ============ */ .main_banner_block {position:relative; top:0; left:0; width:100%; height:100%; background:#eeeeee;} .main_banner_block .mbb_paper {position:absolute; bottom:-1px; left:0; width:100%; height:9px; background:url(/images/bg_ab_line1.png); z-index:1000;} .main_banner_block .mbb_cvr {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);} .main_banner_block .mbb_con {position:absolute; top:0; left:0; width:100%; height:100%; color:white; display:table; transition:all .5s;} .main_banner_block .mbb_con .lst_call {display:table-cell; vertical-align:middle;} #slideshow {position:relative; top:0; left:0; width:100%; height:100%;} #slides {position:absolute;width:100%; height:100%; overflow:hidden; } #slides li {width:100%; height:100%; overflow:hidden; } #slides li a {color:white; transition:all .2s;} #slides li a:hover {color:white; transition:all .2s;} #slides li a:hover .sb_link {background:#e70000; transition:all .2s;} .main_top_block .side_btn {opacity:0; transition:all .3s;} .main_banner_block .side_btn {position:absolute;top:44%;cursor:pointer; z-index:301;} .main_banner_block .mbb_con:hover .side_btn {opacity:1; transition:all .5s;} .main_banner_block .left {left:70px; width:50px; height:50px; border-bottom:1px solid rgba(255,255,255,0.6); border-left:1px solid rgba(255,255,255,0.6); transform:rotate(45deg); transition:all .3s;} .main_banner_block .left:hover {border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; transition:all .3s;} .main_banner_block .right {right:70px; width:50px; height:50px; border-top:1px solid rgba(255,255,255,0.6); border-right:1px solid rgba(255,255,255,0.6); transform:rotate(45deg); transition:all .3s;} .main_banner_block .right:hover {border-top:1px solid #ffffff; border-right:1px solid #ffffff; transition:all .3s;} .main_banner_block .btn_dot {position:absolute;bottom:50px; width:1260px; left:0; right:0; margin:0 auto; font-size:0; text-align:left; padding-left:50px; z-index:99;} .main_banner_block .btn_dot li {display:inline-block; cursor:pointer; width:15px; height:15px; border-radius:100%; margin:0 5px; background:rgba(255,255,255,0.3); transition:all .2s;} .main_banner_block .btn_dot li:hover {background:rgba(255,255,255,0.5); transition:all .2s;} .main_banner_block li.current {background:rgba(255,255,255,1);} @media screen and (max-width: 1500px){ .main_banner_block .side_btn {display:none;} /* 사이드 화살표는 1500픽셀이하일경우 숨김표시 */ } /* 메인 전시진행여부 영역 css ============ */ .main_sim_block {float:left; width:100%; padding:0px 0; } .main_sim_block .msb_pos {display:inline-block; max-width:2000px; width:100%; height:auto; background:#fafafa; overflow:hidden;} .main_sim_block .msb_pos .biz_kblk {position:relative; top:0; left:0; width:100%; height:90px; } .main_sim_block .msb_pos .bt_line {position:absolute; top:0; width:100%; height:100%; border-bottom:1px solid #eeeeee;z-index:10;} .main_sim_block .msb_pos .blpz {position:absolute; top:0; width:50%; height:100%;z-index:11; border-right:1px solid #eeeeee;} .main_sim_block .msb_pos .blpz.clr1 {left:0; background:#071423;}/*a8012c*/ .main_sim_block .msb_pos .blpz.clr2 {right:0; } .main_sim_block .msb_pos .real_bx {position:absolute; top:0; left:0; right:0; margin:0 auto; background:orange; max-width:1260px; width:100%; height:100%;} .main_sim_block .msb_pos .rab_tt {position:absolute; top:0; left:0; background:#071423; width:300px; color:white; line-height:90px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.05em; border:0px solid red; height:100%; z-index:15;} .main_sim_block .msb_pos .rab_hdn {position:absolute; top:-80px; left:155px; background:#071423; width:180px; height:180px; z-index:14;transform:rotate(25deg); -ms-transform:rotate(25deg); -moz-transform:rotate(25deg); -webkit-transform:rotate(25deg); -o-transform:rotate(25deg);} .main_sim_block .msb_pos .rab_con {position:absolute; top:0; right:0; background:#fafafa; width:calc(100% - 300px); height:100%; z-index:12; border-bottom:1px solid #eeeeee;} .live_art_disp {float:right; border-left:0px solid #eeeeee; width:100%; padding-left:0px;} .live_art_disp .lst {float:left; border-left:0px solid #eeeeee; width:100%; height:90px; padding:0; overflow:hidden; text-align:left;} .art_disp_roll{position:relative; width:100%; height:auto;} .art_disp_roll li{width:100%; height:100%; line-height:100%; font-size:13px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} @media screen and (max-width: 1800px){ .main_sim_block .msb_pos .blpz {border-right:0px solid #eeeeee;} } /* 메인 커뮤니티 + 채용 css ============ */ .main_cnt_block { width:100%; padding:70px 0; text-align:center; background:#eaebf0; } .main_cnt_block .mcb_pos { width:1260px; margin:0 auto; border:1px solid #eeeeee; border-width:0 0px;} .main_cnt_block .mcb_pos .mp_bl1 {float:left; width:calc(50% - 30px); } .main_cnt_block .mcb_pos .mp_rst {float:right; width:calc(50% - 30px); } .main_cnt_block .mcb_pos .mp_bl2 {float:left; width:calc(50% + 20px); height:330px; background:#071423; overflow:hidden;} .main_cnt_block .mcb_pos .mp_bl2.fstv_bg {background:url(/images/bg_hs.jpg) no-repeat; background-size:cover;} .main_cnt_block .mcb_pos .mp_bl2 .fstv_cvr {position:relative; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0); transition:all .3s; text-shadow: 0 0 1px #000000;} .main_cnt_block .mcb_pos .mp_bl2 .fstv_cvr:hover {background:rgba(0,0,0,0.1); transition:all .3s;} .main_cnt_block .mcb_pos .mp_bl2 .fstv_m_logo {float:left; width:100%; padding-top:50px;text-align:center;} .main_cnt_block .mcb_pos .mp_bl2 .fstv_m_logo img {width:25%;} .main_cnt_block .mcb_pos .mp_bl2 .fstv_since {position:relative; top:0; left:0; width:100%; height:0;} .main_cnt_block .mcb_pos .mp_bl2 .fstv_since .fstv_d_day {position:absolute; top:30px; right:30px; font-size:11px; color:rgba(255,255,255,1);} .main_cnt_block .mcb_pos .mp_bl2 .fstv_since .fstv_d_day span {color:rgba(255,255,255,0.5);} .main_cnt_block .mcb_pos .mp_bl2 .fstv_since .fstv_s_year {position:absolute; top:30px; left:30px; font-size:11px; color:rgba(255,255,255,0.9);} .main_cnt_block .mcb_pos .mp_bl2 .fstv_since .fstv_s_year span {color:rgba(255,255,255,0.6);} .main_cnt_block .mcb_pos .mp_bl2 .fstv_hd {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.05em; color:#ffffff; padding-top:25px; letter-spacing:-0.05em; line-height:130%;} .main_cnt_block .mcb_pos .mp_bl2 .fstv_date {float:left; width:100%; font-size:14px; color:white; padding-top:12px; } .main_cnt_block .mcb_pos .mp_bl2 .fstv_domain {float:left; width:100%; font-size:15px; color:rgba(255,255,255,0.6); padding-top:20px; letter-spacing:0.05em;} .main_cnt_block .mcb_pos .mp_bl3 {float:left; width:calc(50% - 20px); padding:0px; background:#7f5c35; overflow:hidden;} .main_cnt_block .mcb_pos .bx_tit {float:left; width:100%; height:60px; line-height:60px; padding:0px; background:#6c5d51; font-size:13px; color:rgba(255,255,255,1);} .main_cnt_block .mcb_pos .bx_jcall {float:left; width:100%; height:270px; background:#5b4e45;} /* 메인 커뮤니티 탭영역 css ============ */ #tab_stf_mn {position:relative; top:0; right:0px; width:100%;} #tab_stf_mn ul {display:inline-block; width:100%; } #tab_stf_mn ul li {margin:0;padding:0;} #tab_stf_mn ul li {float:left; color:#000000; width:50%; font-size:13px; text-align:center; } #tab_stf_mn ul li a {float:left; cursor:pointer; width:100%; height:50px; line-height:50px; background:#6c5c50; color:#fff; border:0px solid #65574d; border-width:1px 1px 1px 1px; transition:all .2s; } #tab_stf_mn ul li a:hover{color:#fff;transition:all .2s;} #tab_stf_mn ul li.on,#tab_stf_mn ul li.on a { color:#ffffff; background:#5b4e45; transition:all .2s; } .tab_con_wrp {float:left; width:100%; padding:40px 30px 26px 30px; background:#ffffff; border:0px solid red;} /* 메인 아트숍영역 css ============ */ .main_shop_blk { width:100%; background: url(/images/main/line_pattern.png),#4e4843; border:1px solid #e6dfd8; } .main_shop_blk .msb_pos { position:relative; max-width:1260px; margin:0 auto; padding:70px 0; } .main_shop_blk .msb_pos .mp_hdbx { width:100%; color:#fff; padding-bottom:50px; text-align:center; } .main_shop_blk .msb_pos .mp_hdbx .ash_tt { width:100%;font-family:Noto Sans KR, sans-serif; font-weight:300; letter-spacing:-0.05em; font-size:40px; line-height:100%; } .main_shop_blk .msb_pos .mp_hdbx .ash_tt span {font-weight:500;} .main_shop_blk .msb_pos .mp_hdbx .ash_txt { width:100%; font-size:13px; padding-top:20px; color:#fff;} .main_shop_blk .msb_pos .mp_lst_call { width:100%; font-size:0; padding:0 ;margin:0; line-height:100%;} /* 메인 공지사항영역 / 모바일전용 css ============ */ .hd_box_notice {float:left; width:100%; display:none; background:#27282e;} /* 메인 주요사업정보 css ============ */ .member_service {float:left; width:100%;} .member_service .mbsv_pos {display:inline-block; width:1260px; padding:100px 0 ; } .member_service .mbsv_pos .sp_pd {float:left; width:100%; padding:0px 130px ; } .member_service .mbsv_pos .sv_hd {float:left; width:300px; background:#a8012c; padding:50px; color:white; text-align:left;} .member_service .mbsv_pos .sv_hd .mh_tt {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:300; letter-spacing:-0.05em; font-size:30px; line-height:100%; } .member_service .mbsv_pos .sv_hd .mh_tt span {font-weight:500;} .member_service .mbsv_pos .sv_hd .mh_txt {float:left; width:100%; font-size:12px; padding-top:20px; text-align:left; color:rgba(255,255,255,0.6);} .member_service .mbsv_pos .sv_grp {float:left; width:calc(100% - 300px); font-size:0; text-align:center; padding:25px 0 0 70px; margin:0; line-height:100%; } .member_service .mbsv_pos .sv_grp .exp {float:left; width:100%; font-size:13; text-align:left; padding:20px 0 0px 0px; line-height:160%; color:rgba(0,0,0,0.5);} .member_service .mbsv_pos .sv_grp .exp span {color:red;} .member_service .mbsv_pos .sv_kind {float:left; padding:0 30px 15px 0; width:auto; height:40px; transition:all .2s; font-size:0;} .member_service .mbsv_pos .sv_kind .sv_ic {display:inline-block; font-size:25px; font-family:Noto Sans KR, sans-serif; font-weight:300;color:rgba(0,0,0,0.7); margin-right:5px; transition:all .2s;line-height:40px;} .member_service .mbsv_pos .sv_kind .sv_tx {display:inline-block; font-size:25px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; padding-top:0px; color:rgba(0,0,0,1); transition:all .2s;line-height:40px;} .member_service .mbsv_pos .sv_chk {position:relative;top:0; left:0; width:100%; height:0;} .member_service .mbsv_pos .sv_kind:hover .sv_ic {color:#980027;font-size:28px; transition:all .2s;} .member_service .mbsv_pos .sv_kind:hover .sv_tx {color:#980027;font-size:28px; transition:all .2s;} .member_service .mbsv_pos .add_box {float:left; width:100%; margin-top:50px; font-size:0; padding-top:50px; border-top:1px dashed #dddddd;} .member_service .mbsv_pos .add_box .go_lkbx {display:inline-block; width:200px; padding:20px 0; text-align:center; font-size:13px; background:#071423; color:white; line-height:100%; margin:0 5px; border-radius:3px; transition:all .2s;} .member_service .mbsv_pos .add_box .go_lkbx:hover {background:#980027; transition:all .2s;} /* 메인 SNS css ============ */ .qm_btn {float:left; width:50%; height:50%; display:table; transition:all .3s;} .qm_btn:hover {background:#735c42; transition:all .3s;} .qm_btn.cvr {background:rgba(0,0,0,0.2); transition:all .3s;} .qm_btn.cvr:hover {background:rgba(0,0,0,0.4);} .qm_btn .qm_k {display:table-cell; vertical-align:middle;} .qm_btn .qm_k .qm_ic {float:left; width:100%; color:white; line-height:100%; font-size:26px; transition:all .3s;} .qm_btn .qm_k:hover .qm_ic.sns_1 {color:#fff; transition:all .3s;} .qm_btn .qm_k:hover .qm_ic.sns_2 {color:#fff; transition:all .3s;} .qm_btn .qm_k:hover .qm_ic.sns_3 {color:#fff; transition:all .3s;} .qm_btn .qm_k:hover .qm_ic.sns_4 {color:#fff; transition:all .3s;} .qm_btn .qm_k .qm_nm {float:left; width:100%; color:rgba(255,255,255,0.6); font-size:12px; padding-top:10px; transition:all .3s;} .qm_btn .qm_k .qm_nm span {display:none;} .qm_btn:hover .qm_k .qm_nm {color:rgba(255,255,255,1); transition:all .3s;} /* 기본레이아웃 ============ */ .default_outline {display:inline-block; width:1260px; text-align:left; padding:100px 50px;} /* 페이지 타이틀 라인 최근글 롤링 */ .title_h_blk {float:left; width:100%; padding:0px 0; height:90px; margin-bottom:-1px;} .title_h_blk .msb_pos {position:relative; top:-1px; left:0; width:100%; height:100%; background:#ffffff; overflow:hidden;} .title_h_blk .msb_pos .biz_kblk {position:absolute; top:0; left:0; width:100%; height:100%; } .title_h_blk .msb_pos .bt_line {position:absolute; top:0; width:100%; height:100%; border:1px solid #eeeeee; border-width:1px 0; z-index:10;} .title_h_blk .msb_pos .blpz {position:absolute; top:0; width:50%; height:100%;z-index:11;} .title_h_blk .msb_pos .blpz.clr1 {left:0; background:#071423;}/*a8012c*/ .title_h_blk .msb_pos .blpz.clr2 {right:0; } .title_h_blk .msb_pos .real_bx {position:absolute; top:0; left:0; right:0; margin:0 auto; max-width:1260px; width:100%; height:100%;} .title_h_blk .msb_pos .rab_tt {position:absolute; top:0; left:0; background:#071423; width:300px; color:white; line-height:90px; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:20px; letter-spacing:-0.05em; border:0px solid red; height:100%; z-index:15; text-align:left; padding-left:50px;} .title_h_blk .msb_pos .edge_line {position:absolute; top:25px; left:30px; width:10px; height:10px; border:1px solid rgba(255,255,255,0.7); border-width:1px 0 0 1px; } .title_h_blk .msb_pos .rab_hdn {position:absolute; top:-80px; left:155px; background:#071423; width:180px; height:180px; z-index:14;transform:rotate(25deg); -ms-transform:rotate(25deg); -moz-transform:rotate(25deg); -webkit-transform:rotate(25deg); -o-transform:rotate(25deg);} .title_h_blk .msb_pos .rab_con {position:absolute; top:0; right:0; background:#ffffff; width:calc(100% - 300px); height:100%; z-index:12; border:1px solid #eeeeee; border-width:1px 0; } .title_h_blk .msb_pos .rab_con .speak {position:absolute; top:33px; left:65px; background:red; width:40px; height:25px; line-height:25px; font-size:12px; z-index:13; color:white; } .live_banner_box {float:right; border-left:0px solid #eeeeee; width:100%; padding-left:0px;} .live_banner_box .lst {float:left; border-left:0px solid #eeeeee; width:100%; height:90px; padding:0; overflow:hidden; text-align:left;} .banner_disp_roll{position:relative; width:100%; height:auto;} .banner_disp_roll li{width:100%; height:100%; line-height:100%; font-size:13px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} /* 페이지내 공통 타이틀용 */ .top_title_inc {float:left; width:100%; background:url("/images/bg_inc_top2.jpg") no-repeat; background-position:center bottom; background-size:cover; display:none;} .top_title_inc .tic_cvr {float:left; width:100%; padding:100px 0; background:rgba(0,0,0,0.3);} .top_title_inc .tic_pos {display:inline-block; width:1260px;color:white;} .top_title_inc .tic_pos .rp_tt {float:left; width:100%; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:30px; letter-spacing:-0.05em; padding-bottom:20px;} .top_title_inc .tic_pos .rp_tt span {font-weight:500;} .top_title_inc .tic_pos .rp_txt {float:left; width:100%;font-size:13px; line-height:160%; opacity:0.7} /* 신청폼 공통 폼박스 */ .con_frm_df {width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;} .con_frm_df:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;} .con_frm_df::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .con_frm_df_sm {width:100%; height:30px; padding:0 15px; border:1px solid #dddddd; background:#ffffff; font-size:13px; text-align:center; transition:all .2s; color:red;} .con_frm_df_sm:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;} .con_frm_df_sm::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .con_frm_df_add {width:100%; height:35px; padding:0 15px; border:0px solid #f1f1f1; background:#404040; font-size:11px; text-align:center; border-radius:3px 3px 0 0; color:white !important;cursor:pointer; transition:all .2s;} .con_frm_df_add:hover {background:#535353; transition:all .2s;} .con_frm_df_add::placeholder {color: white; font-size:11px;} .con_frm_df_txar {width:100%; height:150px; padding:15px; font-size:13px; border:1px solid #f1f1f1; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s; } .con_frm_df_txar:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;} /* 아트숍 설명 */ .art_shop_exp {float:left; width:100%; background:url(http://hanjipark.com/images/fi_6.jpg) no-repeat center center; background-size:cover;} .art_shop_exp .s_cvr {float:left; width:100%; padding:100px;background: linear-gradient( to left, rgba(0,0,0,0.3), rgba(0,0,0,0.8));} .art_shop_exp .ex_pos {display:inline-block; width:1000px; color:white; } .art_shop_exp .ex_pos .hd_set {float:left; text-align:left; width:250px; padding-top:10px; text-shadow: 0 0 1px #000000;} .art_shop_exp .ex_pos .pg_tit {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:100; font-size:35px; line-height:100%; } .art_shop_exp .ex_pos .pg_tit span {font-weight:500; color:#ff4341;} .art_shop_exp .ex_pos .pg_stx {float:left; width:100%; font-size:15px; padding-top:20px; color:rgba(255,255,255,0.8); line-height:100%; } .art_shop_exp .ex_pos .exbx {float:left; width:calc(100% - 250px); border-left:1px solid rgba(255,255,255,0.2); padding:10px 0 10px 70px;} .art_shop_exp .ex_pos .ex_k {float:left; width:50%; } .art_shop_exp .ex_pos .ex_k .ek_set {float:left; width:100%; padding:4px 0;text-align:left; font-size:12px; line-height:180%;} .art_shop_exp .ex_pos .shd {} .art_shop_exp .ex_pos .ex_k .ek_tt {float:left; width:70px; color:rgba(255,255,255,0.7);} .art_shop_exp .ex_pos .ex_k .ek_con {float:left; width:calc(100% - 70px); } /* 아트숍 검색 한지배경 */ .hanji_bg {float:left; width:100%; height:109px; background:url(/images/hanji.png); margin-top:-50px;} /* 신청폼 공통 */ .send_my_info {float:left; width:100%; padding:100px 0;background: linear-gradient( to top, #eeeeee, #f5f3f3 ); } .send_my_info .smi_pos {display:inline-block; width:780px; } .send_my_info .smi_pos .hdbx {float:left; width:100%; padding-bottom:25px; } .send_my_info .smi_pos .hdbx .jhd_tt {float:left; width:100%;font-size:25px;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:15px; } .send_my_info .smi_pos .hdbx .jhd_tt2 {float:left; width:100%;font-size:25px;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:15px; } .send_my_info .smi_pos .hdbx .jhd_txt {float:left; width:100%; font-size:12px;} .send_my_info .smi_pos .hdbx .jhd_txt2 {float:left; width:100%; font-size:12px; padding:10px 100px 0 100px; text-align:left; color:rgba(0,0,0,0.7);} .send_my_info .smi_pos .wrt_bx {float:left; width:100%; padding:0 40px;} .send_my_info .smi_pos .wrt_bx .b_tit {float:left; width:100%; font-size:20px;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; line-height:100%; padding-bottom:30px; text-align:left;} .send_my_info .smi_pos .wrt_bx .b_tit span {color:#0e7ead;} .send_my_info .smi_pos .wrt_bx .s_tit {float:left; width:100%; font-size:12px; color:rgba(0,0,0,0.7); line-height:180%; padding-bottom:30px; text-align:left; } .send_my_info .smi_pos .wrt_bx .s_tit1 {float:left; width:100%; font-size:13px; color:red; line-height:180%; padding-bottom:15px; text-align:left;margin-top:-15px;} .send_my_info .smi_pos .wrt_bx .s_txt {float:left; width:100%; font-size:12px; line-height:180%; padding:20px 5px 0 5px; text-align:left;} .send_my_info .smi_pos .wrt_bx .w_yak {float:left; width:100%; background:white; padding:60px; border-top:1px solid #eeeeee;} .send_my_info .smi_pos .wrt_bx .w_yak.rnd {border-radius:10px 10px 0 0;} .send_my_info .smi_pos .wrt_bx .w_yak .yk_spc {float:left; width:100%; height:40px; } .send_my_info .smi_pos .wrt_bx .w_yak .yk_set {float:left; width:100%; } .send_my_info .smi_pos .wrt_bx .w_yak .yk_exp {float:left; width:100%; padding-bottom:10px; } .send_my_info .smi_pos .wrt_bx .w_yak .yk_exp .yk_tt {float:left; color:black; font-size:15px; } .send_my_info .smi_pos .wrt_bx .w_yak .yk_exp .yk_tt span {color:red; font-size:12px; margin-left:5px;} .send_my_info .smi_pos .wrt_bx .w_yak .yk_exp .yk_lb {float:right; } .send_my_info .smi_pos .wrt_bx .w_yak .yk_rbx {float:left; width:100%; height:150px; overflow-x:hidden; overflow-y:auto; text-align:left; background:#f6f6f6; padding:25px; border:1px solid #f1f1f1; transition:all .2s;} .send_my_info .smi_pos .wrt_bx .w_yak .yk_rbx:hover {background:#fafafa; transition:all .2s;} .send_my_info .smi_pos .wrt_bx .w_info {float:left; width:100%; border-top:1px solid #eeeeee; background:white; padding:60px; border-radius:0 0 0px 0px;} .send_my_info .smi_pos .wrt_bx .w_info .if_set {float:left; width:100%; } .send_my_info .smi_pos .wrt_bx .w_info .is_spc {float:left; width:20px; height:30px; } .send_my_info .smi_pos .wrt_bx .w_info .is_k {float:left; width:calc(50% - 10px); } .send_my_info .smi_pos .wrt_bx .w_info .is_k .ik_nm {float:left; width:100%; padding:0 0 5px 5px; font-size:13px;text-align:left; } .send_my_info .smi_pos .wrt_bx .w_info .is_k .in_bx {float:left; width:100%; } .send_my_info .smi_pos .nxt_tp {display:inline-block; width:100%; border-radius:0 0 10px 10px; overflow:hidden;} .send_my_info .smi_pos .nxt_tp2 {display:inline-block; width:180px; margin:35px 5px 0 5px; border-radius:3px; overflow:hidden; padding:18px 0px; background:#bf1d2d; font-size:13px; text-align:center; color:white; cursor:pointer; transition:all .2s;} .send_my_info .smi_pos .nxt_tp2:hover {background:#9f0c1b; transition:all .2s;} .send_my_info .smi_pos .wrt_bx .w_frm {float:left; width:100%; background:white; padding:60px;border-radius:10px 10px 0 0;} .send_my_info .smi_pos .wrt_bx .w_frm.bdrs {border-radius:10px 10px 0 0;} .send_my_info .smi_pos .wrt_bx .w_frm.bdrs2 {border-radius:0 0 10px 10px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set {float:left; width:100%; font-size:0;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .total_price {float:left; width:100%; padding:0px 0px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; padding-top:15px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .total_price span {color:red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp {float:left; width:50%; padding:10px 10px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp.pw_p {} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp.wzro {padding:15px 10px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp.w100 {width:100%;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp .in_msg1 {float:left; width:100%; font-size:13px; padding-top:15px; } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp .in_msg1 span {color:red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp .in_msg2 {float:left; width:100%; padding-top:10px; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:20px; line-height:110%; letter-spacing:-0.05em; color:black; } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp .in_msg2 span {color:red; font-weight:500;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp .in_msg3 {float:left; width:100%; padding-top:10px; font-size:15px; color:black; text-decoration:line-through; text-decoration-color: red; } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp .in_msg3 .in_msg {display:inline-block; width:100%; padding:5px 0; font-size:12px; color:red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp .in_msg3 span {color:red; font-weight:500;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_grp .in_msg_df {float:left; width:100%; font-size:12px; padding:5px 0 15px 10px; text-align:left;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_t {float:left; width:100%; text-align:left; padding:0 0 5px 5px; font-size:13px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_t span {color:red; font-size:11px; margin-left:5px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b {float:left; width:100%; font-size:13px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .phn1 {float:left; width:30%; } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .phn2 {float:left; width:calc(35% - 5px); margin-left:5px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .brt1 {float:left; width:30%;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .brt2 {float:left; width:calc(35% - 35px); margin-left:5px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .dpk {float:left; width:calc(50% - 35px); } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .dpk2 {float:left; width:calc(100% - 50px); } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .dpk_i {float:left; width:50px; height:50px; padding-top:17px; font-size:15px; background:#404040; color:white; cursor:pointer; transition:all .2s; border-radius:0 3px 3px 0;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .dpk_i:hover {background:#535353; transition:all .2s;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .dpk_sp {float:left; width:20px; text-align:center; line-height:50px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .sel_half {float:left; width:calc(50% - 10px); } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .sel_half select {height:50px; outline:none;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .find_pro {float:left; width:130px; padding:15px 0; line-height:100%; background:#bf1d2d; color:white; margin-top:10px; border-radius:3px 3px 0 0; font-size:12px; cursor:pointer; transition:all .2s;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .find_pro:hover {background:#de0a1f; transition:all .2s;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list {float:left; width:100%; border:1px solid #eeeeee; background:#fafafa; padding:20px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list span {font-size:12px; display:inline-block; width:100%; color:red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_grp {float:left; width:100%; text-align:left; padding:2px 0; font-size:12px; line-height:30px; } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_pro_cate {float:left; width:100px; } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_pro_name {float:left; width:calc(100% - 355px); color:black;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_pro_money {float:left; width:65px; text-align:right; padding-right:5px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_pro_total {float:left; width:100px; text-align:right; border:0px solid red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_pro_cnt {float:left; width:60px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_pro_ea {float:left; width:30px; text-align:center;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_pro_del {float:right; width:30px; font-size:18px; color:red; padding-top:5px;transition:all .2s; text-align:right;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_pro_del:hover {color:#ca0000; transition:all .2s;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pick_list .p_all_money {float:left; width:100%; text-align:right; padding:10px 0px 0 0; margin-top:10px; font-size:15px; color:black; border-top:1px solid #eeeeee;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .brt_t {float:left; width:20px; padding-left:3px; font-size:12px; color:rgba(0,0,0,0.6);} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pst1 {float:left; width:100px; padding-top:10px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .pst2 {float:left; width:100%;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .chk_b {position:relative; width:100%; height:0; top:0; left:0;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .chk_b .app_pos {position:absolute; top:-20px; right:0;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .rdo_bx {float:left; width:33.3333%; padding-bottom:10px; border:0px solid red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .rdo_bx2 {float:left; width:50%; padding-bottom:10px; border:0px solid red; text-align:left;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .rdo_bx3 {float:left; width:25%; padding-bottom:10px; border:0px solid red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .dnt_pick {text-decoration:line-through; color:red; } .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_b .dnt_pick:after {content: "";} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .wat1 {width:70px; height:auto; line-height:100%;padding:0 0 0px 5px; border:0px solid red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .wat2 {width:calc(100% - 70px);text-align:left; line-height:100%; padding:0px 0 0 10px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .wat3 {width:100%;text-align:left; line-height:100%; padding:10px 0 0 10px;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_msg {position:relative; top:0; left:0; width:100%; height:0;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_msg .mpos {position:absolute; top:0; right:0; font-size:12px; color:red;} .send_my_info .smi_pos .wrt_bx .w_frm .fm_set .fm_hlp {float:left; width:100%; font-size:12px; text-align:left; padding:15px 15px 5px 15px; color:red;} table.rent_info_tb {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.rent_info_tb>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:13px 0; background:#f5f3f3; font-size:12px; color:black; font-weight:normal;} table.rent_info_tb>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:13px 0; font-size:12px; background:white;} /* 전시실,강의실 예약 별도 세팅 */ .spc_box_ch {float:left; width:100%; padding:50px; background:#fafafa; border:1px solid #eeeeee;} .spc_box_ch .set_time_bx {float:left; width:100%; } .spc_box_ch .stb_tt {float:left; width:100%; text-align:left; font-size:15px; font-weight:bold; color:black; padding-bottom:15px; } .spc_box_ch .wrng_msg {float:left; width:100%; text-align:left; font-size:12px; color:red; margin-top:-5px; padding-bottom:15px; } .spc_box_ch .wrng_msg span {background:red; display:inline-block; padding:1px 3px; color:white; border-radius:2px; margin-right:2px;} .spc_box_ch .stb_chk {float:left; width:100%; text-align:left; font-size:13px; font-weight:bold; padding:0 0 0 5px;} .spc_box_ch .stb_spc {float:left; width:100%; height:25px; margin-top:25px; border-top:1px solid #eeeeee;} .spc_box_ch .price_stt {float:right; font-size:13px; padding-top:15px;} .spc_box_ch .price_stt span {color:red;} /* 신청폼 첨부 */ .send_info_att {float:left; white-space:nowrap; width:100%; padding:1px 0;} .send_info_att input, .send_info_att label { margin:0; box-sizing:border-box; font-size:11px; line-height:13px;} .send_info_att [type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; } /* 원래 파일첨부 숨김 */ .send_info_att .att_up_btn {float:left; width:100px; height:50px; line-height:50px; text-align:center; background:#404040;color:#ffffff; border-radius:2px 0 0 2px; cursor:pointer; transition:all .2s; border:0px solid red;} /* 파일첨부버튼 */ .send_info_att .att_up_btn:hover {background:#535353; transition:all .2s;} .send_info_att .box_up {float:left; width:calc(100% - 100px); height:50px; padding:0 15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; } /* 처음 첨부하는 것 */ /* 온라인신청 상단 기본 설명 박스 */ .online_box_exp {float:left; width:100%; padding:100px 0; border-bottom:1px solid #eeeeee; background: linear-gradient( to bottom, #ffffff, #fafafa ); margin-top:1px;} .online_box_exp .obe_pos {display:inline-block; width:950px;} .online_box_exp .obe_pos .ob_blk {float:left; width:100%;} .online_box_exp .obe_pos .ob_blk .if_box {float:left; width:100%;} .online_box_exp .obe_pos .ob_blk .if_box .ib_hdbx {float:left; width:50%; text-align:left; padding: 0px 50px 0 0px; } .online_box_exp .obe_pos .ob_blk .if_box .ib_hdbx .hd_btt {float:left; width:100%; padding: 0 0px 30px 0; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:35px; line-height:110%; letter-spacing:-0.05em; color:black; } .online_box_exp .obe_pos .ob_blk .if_box .ib_hdbx .hd_btt_e {float:left; width:100%; padding: 0 0px 30px 0; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:35px; line-height:110%; letter-spacing:-0.05em; color:black; } .online_box_exp .obe_pos .ob_blk .if_box .ib_hdbx .hd_stt {float:left; width:100%; padding: 0 0px 0 0; font-size:15px; line-height:180%; } .online_box_exp .obe_pos .ob_blk .if_box .ib_hdbx .hd_stt span {color:red; font-size:12px; display:inline-block; width:100%; padding-top:15px;} .online_box_exp .obe_pos .ob_blk .if_box .ib_set {float:left; width:50%; text-align:left; padding: 0px 0px 0 50px; } .online_box_exp .obe_pos .ob_blk .if_box .ib_set .ibs_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 20px 0; font-size:20px; letter-spacing:-0.05em; color:black; } .online_box_exp .obe_pos .ob_blk .if_box .ib_set .ibs_adt {float:left; width:100%;} .online_box_exp .obe_pos .ob_blk .go_cal {float:left; width:180px; padding: 18px 0; font-size:13px; line-height:100%; background:#c11223; color:white; text-align:center; margin-top:-70px; border-radius:3px; transition:all .2s;} .online_box_exp .obe_pos .ob_blk .go_cal:hover {background:#d4071c; transition:all .2s;} table.online_tb {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.online_tb>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:12px; background:#f5f3f3; font-size:12px; color:black; font-weight:normal;} table.online_tb>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:12px; font-size:12px; background:white;} /* 체험가능 상품 리스트 */ .product_list_blk {float:left; width:100%; padding:100px 0;} .product_list_blk .plb_pos {display:inline-block; width:1260px;} .product_list_blk .plb_pos .plb_grp {float:left; width:100%; } .product_list_blk .plb_pos .plb_space {float:left; width:100%; height:50px; border-top:1px solid #eeeeee; margin-top:50px;} .product_list_blk .plb_pos .pl_cate_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; line-height:110%; letter-spacing:-0.05em; color:black; padding-bottom:15px;} .product_list_blk .plb_pos .pl_cate_stt {float:left; width:100%; font-size:12px; padding-bottom:35px; color:rgba(0,0,0,0.7);} .product_list_blk .plb_pos .pl_cate_tt span {color:red;} .product_list_blk .plb_pos .pl_ary {float:left; width:100%; font-size: 0; text-align: left;} .product_list_blk .plb_pos .pl_ary .apr_prd {display:inline-block; width:calc(25% - 10px); margin:5px; background:#f5f3f3; overflow:hidden; border-radius:5px; transition:all .3s; cursor:pointer;} .product_list_blk .plb_pos .pl_ary .apr_prd:hover {background:#fafafa; transition:all .3s;box-shadow: -10px 10px 10px -10px rgba(0,0,0,0.3), 10px 10px 10px -10px rgba(0,0,0,0.3);} .product_list_blk .plb_pos .pl_ary .apr_prd .ap_pic {float:left; width:100%;overflow:hidden; } .product_list_blk .plb_pos .pl_ary .apr_prd .ap_pic img {width:100%;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;} .product_list_blk .plb_pos .pl_ary .apr_prd:hover .ap_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);transition:all 0.3s ease-in-out;} .product_list_blk .plb_pos .pl_ary .apr_prd .ap_info {float:left; width:100%; padding:30px;} .product_list_blk .plb_pos .pl_ary .apr_prd .ap_tt {float:left; width:100%; text-align:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; line-height:110%; letter-spacing:-0.05em; color:black; padding-bottom:20px;} .product_list_blk .plb_pos .pl_ary .apr_prd .ap_set {float:left; width:100%; font-size:12px; text-align:left; padding:2px 0;} .product_list_blk .plb_pos .pl_ary .apr_prd .ap_set .as_t {float:left; width:70px; color:rgba(0,0,0,0.6);} .product_list_blk .plb_pos .pl_ary .apr_prd .ap_set .as_c {float:left; width:calc(100% - 70px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} /* 체험가능 상품 상세보기 팝업레이어 */ .pro_pop_detail{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999999;} .pro_pop_detail .view_pro_bg_mask {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity: .7; filter:alpha(opacity=70);} .pro_pop_detail .content {display:block;max-width:1200px; width:90%; max-height:900px; height:90%;position:absolute;top:0;left:0; right:0; bottom:0; margin:auto; z-index:999999;background:#ffffff; border-radius:10px 0; overflow:hidden;} .pro_pop_detail .content .close {position:relative;top:0; right:0; width:100%; height:100px; border-bottom:1px solid #eeeeee; background:#fafafa;} .pro_pop_detail .content .close .hd_info {position:absolute;top:0; left:0; padding:30px 0 0 30px; } .pro_pop_detail .content .close .hd_info .hdi_b {float:left; width:100%; } .pro_pop_detail .content .close .hd_info .hdi_b .pop_logo {float:left; padding-right:30px; border-right:1px solid #eeeeee;} .pro_pop_detail .content .close .hd_info .hdi_b .pop_title {float:left; font-family:Noto Sans KR, sans-serif; font-weight:300; line-height:110%; padding-left:30px; font-size:35px; letter-spacing:-0.05em; color:black; } .pro_pop_detail .content .close .hd_info .hdi_s {float:left; width:100%; text-align:left; } .pro_pop_detail .content .close .btn {position:absolute;top:0; right:0; font-size:30px; padding:30px; color:rgba(0,0,0,0.7); cursor:pointer;transition: all .2s;} .pro_pop_detail .content .close .btn:hover {color:rgba(0,0,0,1);transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .2s;} .pro_pop_detail .content .real_data {position:relative;top:0; right:0; width:100%; height:calc(100% - 100px); } .pro_pop_detail .content .real_data img {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; width:auto; max-height:100%; height:auto;} .pro_pop_detail .content .real_data .np_item_mov {position:absolute;top:0; bottom:0; margin:auto 0;width:50px; height:50px; border:1px solid #dddddd; z-index:1; transition:all .2s; opacity:0;transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);} .pro_pop_detail .content .real_data .np_item_mov:hover {border:1px solid black; transition:all .2s;} .pro_pop_detail .content .real_data:hover .np_item_mov {opacity:1; transition:all .2s;} .pro_pop_detail .content .real_data .np_item_mov.m_left {left:40px; border-width:0px 0px 1px 1px; } .pro_pop_detail .content .real_data .np_item_mov.m_right {right:40px; border-width:1px 1px 0px 0px; } /* 체험가능 상품 선택 팝업레이어 안에 위치 */ .pick_product_group {float:left; width:100%; padding:40px;} .pick_product_group .pp_kind {float:left; width:100%; padding-bottom:50px;} .pick_product_group .pick_c_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; line-height:110%; letter-spacing:-0.05em; color:black; padding-bottom:15px; text-align:left;} .pick_product_group .pick_c_stt {float:left; width:100%; font-size:12px; padding-bottom:20px; color:rgba(0,0,0,0.7); text-align:left; display:none;} .pick_product_group .pick_c_tt span {color:red;} .pick_product_group .pick_p_array {float:left; width:100%; font-size:0; text-align:left;} .pick_product_group .pick_p_array .pick_grp {display:inline-block; vertical-align:top; width:calc(20% - 10px); margin:5px; background:#fafafa; overflow:hidden; border-radius:5px; transition:all .3s; cursor:pointer;} .pick_product_group .pick_p_array .pick_grp:hover {background:#f5f3f3; transition:all .3s;box-shadow: -10px 10px 10px -10px rgba(0,0,0,0.3), 10px 10px 10px -10px rgba(0,0,0,0.3);} .pick_product_group .pick_p_array .pick_grp .viw_pic {position:relative; top:0; left:0; width:100%;} .pick_product_group .pick_p_array .pick_grp .viw_pic img {width:100%;} .pick_product_group .pick_p_array .pick_grp .contact {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); top:0; left:0; text-align:center;} .pick_product_group .pick_p_array .pick_grp .contact .ctc_icon {float:left; width:100%; padding-top:40%; color:white; font-size:55px;text-shadow: 0 0 1px #000000;} .pick_product_group .pick_p_array .pick_grp .viw_if {float:left; width:100%; padding:30px;} .pick_product_group .pick_p_array .pick_grp .v_tit {float:left; width:100%; text-align:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; line-height:110%; letter-spacing:-0.05em; color:black; padding-bottom:20px;} .pick_product_group .pick_p_array .pick_grp .vd_set {float:left; width:100%; font-size:12px; text-align:left; padding:2px 0;} .pick_product_group .pick_p_array .pick_grp .vd_set .vd_t {float:left; width:70px; color:rgba(0,0,0,0.6);} .pick_product_group .pick_p_array .pick_grp .vd_set .vd_c {float:left; width:calc(100% - 70px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} /* 체험가능 상품 선택 팝업레이어 안 리스트 */ .pop_product_list_box{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999999;} .pop_product_list_box .product_mask {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity: .7; filter:alpha(opacity=70);} .pop_product_list_box .content {display:block;max-width:1500px; width:90%; max-height:1000px; height:90%;position:absolute;top:0;left:0; right:0; bottom:0; margin:auto; z-index:999999; border-radius:10px 0; border:0; overflow:hidden; background:#ffffff;} .pop_product_list_box .content .close {position:relative;top:0; right:0; width:100%; height:100px; border-bottom:1px solid #eeeeee; background:#fafafa;} .pop_product_list_box .content .close .hd_info {position:absolute;top:0; left:0; padding:30px 0 0 30px; } .pop_product_list_box .content .close .hd_info .hdi_b {float:left; width:100%; } .pop_product_list_box .content .close .hd_info .hdi_b .pop_logo {float:left; padding-right:30px; border-right:1px solid #eeeeee;} .pop_product_list_box .content .close .hd_info .hdi_b .pop_title {float:left; font-family:Noto Sans KR, sans-serif; font-weight:300; line-height:110%; padding-left:30px; font-size:28px; letter-spacing:-0.05em; color:black; } .pop_product_list_box .content .close .hd_info .hdi_s {float:left; width:100%; text-align:left; } .pop_product_list_box .content .close .btn {position:absolute;top:0; right:0; font-size:30px; padding:30px; color:rgba(0,0,0,0.7); cursor:pointer;transition: all .2s;} .pop_product_list_box .content .close .btn:hover {color:rgba(0,0,0,1);transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .2s;} .pop_product_list_box .content .real_data {position:relative;top:0; right:0; width:100%; height:calc(100% - 200px); padding-right:0px; overflow-x:hidden; overflow-y:auto; background:white;} .pop_product_list_box .content .choice_sec {position:relative;top:0; right:0; width:100%; height:100px; border-top:1px solid #eeeeee; background:#fafafa;} .pop_product_list_box .content .choice_sec .pick_area {position:absolute; top:25px; left:0; right:0; margin:0 auto; background:#bf1d2d; color:white; width:200px ; height:50px; line-height:50px; border-radius:3px;transition:all .2s; font-size:15px;} .pop_product_list_box .content .choice_sec .pick_area:hover {background:#de0a1f; transition:all .2s;} /* 아카데미스타일 상단 설명 박스 */ .academy_style {float:left; width:100%; padding:50px 0; background: linear-gradient( to bottom, #ffffff, #fafafa ); border-bottom:1px solid #eeeeee; dis play:none;} .academy_style .as_pos {display:inline-block; width:750px; border:0px solid red;} .academy_style .as_pos .ap_tit {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; line-height:100%; font-size:30px; color:black; padding-bottom:30px; display:none;} .academy_style .as_pos .ap_txt {float:left; width:100%; font-size:15px; text-align:left; line-height:180%; color:rgba(0,0,0,0.6);} /* 대관서비스 달력 상단 탭 */ .rent_kind_box {float:left; width:100%; padding:100px 0 0 0; margin-bottom:0; border-bottom:0px dashed #dddddd;} .rent_kind_box .pos {display:inline-block; width:1260px; margin-bottom:-1px;} .rent_kind_box .pos .exp_hdbx {float:left; width:100%; padding:0 0 30px 10px;} .rent_kind_box .pos .exp_hdbx .eh_tt {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; line-height:120%; font-size:25px; letter-spacing:-0.05em; color:black; padding-bottom:10px; text-align:left;} .rent_kind_box .pos .exp_hdbx .eh_txt {float:left; width:100%;font-size:13px; line-height:180%; text-align:left; color:rgba(0,0,0,0.6);} .rent_kind_box .pos .exp_hdbx .eh_txt .eh_hd {} .rkb_tab {float:left; width:100%; position:relative; top:0; left:0; width:100%; height:20px;} .rkb_tab ul {float:left; width:100%; padding:0; margin:0;} .rkb_tab ul li {float:left; width:33.3333%/*20%*/; padding:0 0px;} .rkb_tab ul li a {float:left; width:100%; display:block; line-height:60px; font-size:13px; background:#3a3a3a; color:white; border:1px solid #3a3a3a; border-width:1px 1px 0 1px; transition:all .2s;} .rkb_tab ul li a:hover {background:#4d4d4d; transition:all .2s;} .rkb_tab ul li a span {margin-left:5px;} .rkb_tab ul li a.here {background:white; color:black; font-weight:bold; border:1px solid #3a3a3a; border-width:1px 1px 0 1px; transition:all .2s;} /* 스케쥴달력 기본 */ .cal_pick_block {float:left; width:100%; padding:100px 0;} .cal_pick_block .cpb_pos {display:inline-block; width:1260px;} .cal_pick_block .cpb_pos .cp_tt {float:left; width:100%;} .cal_pick_block .cpb_pos .cp_txt {float:left; width:100%;} .schedule_layout {float:left; width:100%;} .schedule_layout .scl_hd_bx {float:left; width:100%; font-size:0; padding:0 0 30px 0;} .schedule_layout .scl_hd_bx .np_mbx {display:inline-block; font-size:25px; color:black; transition:all .2s;} .schedule_layout .scl_hd_bx .np_mbx:hover {color:red; transition:all .2s;} .schedule_layout .scl_hd_bx .crt_mbx {display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:300; line-height:100%; font-size:30px; color:black; padding:0 35px;} .schedule_layout .scl_hd_bx .crt_mbx span {font-weight:500;} .schedule_layout .tab_cal_box {float:left; width:100%; padding:0; margin-bottom:20px; overflow:hidden; } .schedule_layout .tab_cal_box .set_now {position:relative; top:0; width:100%; height:0px; display:none;} .schedule_layout .tab_cal_box .set_now span {position:absolute; top:25px; right:0; width:auto; line-height:100%; font-size:12px; padding:10px 15px; background:#0079b1; color:white; border-radius:3px 3px 0 3px;} .schedule_layout .tab_cal_box .set_year {float:left; width:100%; padding-bottom:30px; } .schedule_layout .tab_cal_box .set_year .ck_np {display:inline-block; vertical-align:middle; transition:all .2s; width:25px; height:25px; transform: rotate(45deg);} .schedule_layout .tab_cal_box .set_year .ck_np.arrow_l {border-bottom: 1px solid rgba(0,0,0,0.3); border-left: 1px solid rgba(0,0,0,0.3);transition:all .2s;} .schedule_layout .tab_cal_box .set_year .ck_np.arrow_l:hover {border-bottom: 1px solid rgba(0,0,0,0.9); border-left: 1px solid rgba(0,0,0,0.9);transition:all .2s;} .schedule_layout .tab_cal_box .set_year .ck_np.arrow_r {border-top: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(0,0,0,0.3);transition:all .2s;} .schedule_layout .tab_cal_box .set_year .ck_np.arrow_r:hover {border-top: 1px solid rgba(0,0,0,0.9); border-right: 1px solid rgba(0,0,0,0.9);transition:all .2s;} .schedule_layout .tab_cal_box .set_year .ck_year {display:inline-block; padding:0 40px 5px 40px; line-height:100%; vertical-align:middle; font-family:Noto Sans KR, sans-serif; font-weight:100; font-size:60px; color:black; } .schedule_layout .tab_cal_box .set_year .ck_year span {font-size:18px; margin-left:3px; display:none;} .schedule_layout .tab_cal_box .set_month {float:left; width:100%; padding:0; margin:0;background:#686868; } .schedule_layout .tab_cal_box .set_month ul {float:left; width:100%; height:65px; font-size:0; padding:0; margin:0;} .schedule_layout .tab_cal_box .set_month ul li {display:inline-block; width:auto; padding:0; margin:0; } .schedule_layout .tab_cal_box .set_month ul li span {font-size:15px; margin-left:3px; font-weight:300;} .schedule_layout .tab_cal_box .set_month ul li a {float:left; width:100%; line-height:65px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; display:block; color:rgba(255,255,255,1); transition:all .3s; padding:0 30px;} .schedule_layout .tab_cal_box .set_month ul li a:hover {background:#9a0033; color:white; transition:all .3s; padding:0 40px;} .schedule_layout .tab_cal_box .set_month ul li a.c_mnth {font-weight:500; color:white; background:#c30040; transition:all .3s; padding:0 40px;} .schedule_layout .scl_call {float:left; width:100%; } .schedule_layout .scl_wrp {float:left; width:100%; transition:all .2s;} .schedule_layout .scl_wrp.ot_month {opacity:0.3;} .schedule_layout .mb_stat_circle {position:relative; top:0; left:0; width:100%; height:0; text-align:left;} .schedule_layout .mb_stat_circle span {position:absolute; top:5px; left:5px; width:5px; height:5px; border-radius:100%; opacity:0;} .schedule_layout .scl_day {float:left; width:100%; text-align:left; padding:20px 20px 10px 20px; border:0px solid red; height:50px;} .schedule_layout .scl_day .d_num {float:left; width:30px;font-family:Noto Sans KR, sans-serif; font-weight:700; line-height:100%; font-size:18px; color:black; transition:all .2s;} .schedule_layout .scl_day .d_tnm {float:left; width:calc(100% - 30px); text-align:right; line-height:18px; font-size:12px; color:rgba(0,0,0,0.7);text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .schedule_layout .scl_day .d_tnm span {display:inline-block; background:#transparent; color:rgba(0,0,0,0.6); padding:0 0px; border-radius:2px;} .schedule_layout .scl_day .d_tnm.ok_pick {color:#075c00;} .schedule_layout .scl_day .d_tnm.no_pick {color:#c8063d;} .schedule_layout .scl_time {float:left; width:100%; text-align:left; padding:0 20px 20px 20px;} .schedule_layout .scl_time .when {float:left; width:calc(33.3333% - 2px);font-family:tahoma; font-size:11px; line-height:100%; padding:5px 0; background:#7f925d; border-radius:2px; color:white; text-align:center; margin:1px;transition:all .2s;} .schedule_layout .scl_time .when.end {background:#c8063d !important; text-decoration:line-through;} .schedule_layout .scl_time .when.end2 {background:#c8063d ; text-decoration:none !important; font-family: NanumBarunGothic, sans-serif;} .schedule_layout .scl_time .when.no {background:#bbbbbb !important; text-decoration:line-through;} .schedule_layout .scl_time .when.d_one {width:100% !important; padding:15px 0;} .schedule_layout .scl_time .when.d_one2 {width:auto !important; padding:10px 15px;font-family: NanumBarunGothic, sans-serif; letter-spacing:0; font-size:12px;} .schedule_layout .scl_btm_ntc {float:left; width:100%; font-size:13px; padding:30px 0 0 0;} .schedule_layout .scl_btm_login {float:left; width:100%; margin-top:30px; font-size:0; padding-top:40px; border-top:1px dashed #dddddd;} .schedule_layout .scl_btm_login .ygo_go {display:inline-block; width:200px; padding:20px 0; text-align:center; font-size:13px; background:#071423; color:white; line-height:100%; margin:0 5px; border-radius:3px; transition:all .2s;} .schedule_layout .scl_btm_login .ygo_go:hover {background:#980027; transition:all .2s;} table.scl_dtb {width:100%; border-top:1px solid #e9e9e9; border-collapse:collapse; } table.scl_dtb>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:20px 0px; background:#f5f3f3; color:black; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; width:14.285714%;} table.scl_dtb>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:top; text-align:center; padding:0; font-size:12px; background:white; transition:all .2s;} table.scl_dtb>tbody>tr>td:hover {background:#f3ffeb; transition:all .2s;} table.scl_dtb>tbody>tr>td.rest {background:#f4f3f3;transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_ok {transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_ok .mb_stat_circle span {background:green; opacity:1;} table.scl_dtb>tbody>tr>td.bg_ok .ot_month .mb_stat_circle span {background:#2b78af; opacity:1;} table.scl_dtb>tbody>tr>td.bg_ok .d_num {color:green;} table.scl_dtb>tbody>tr>td.bg_ok .ot_month .d_num {color:#2b78af;} table.scl_dtb>tbody>tr>td.bg_ok .yy_st2 {display:none;} table.scl_dtb>tbody>tr>td.bg_ok:hover .when {background:#418e38; transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_ok:hover .ot_month {opacity:1 !important; transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_ok:hover .ot_month .when {background:#2b78af !important; transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_ok .ot_month .when {background:#2b78af !important; transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_ok .ot_month .ok_pick {color:#2b78af;transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_ok .ot_month:hover .ok_pick {opacity:1;transition:all .2s;} table.scl_dtb>tbody>tr>td.rest .d_num {color:rgba(0,0,0,0.4);} table.scl_dtb>tbody>tr>td.bg_today {background:#fff1f1 !important;transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_no {background:#fafafa;transition:all .2s;} table.scl_dtb>tbody>tr>td.bg_no .when {text-decoration:line-through !important; background:#6c6c6c !important;} table.scl_dtb>tbody>tr>td.bg_no.end {background:#dddddd !important; } table.scl_dtb>tbody>tr>td.bg_no.end2 {background:#dddddd !important; } table.scl_dtb>tbody>tr>td.bg_no .yy_st1 {display:none;} table.scl_dtb>tbody>tr>td.bg_no {background:#fafafa;transition:all .2s;} .cal_color_exp {float:left; width:100%; padding:0px 5px 20px 5px; border-top:0px solid #e9e9e9; display:none;} .cal_color_exp .cc_blk {float:left; width:calc(100% - 270px); font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; line-height:120%; text-align:left; color:black; letter-spacing:-0.05em;} .cal_color_exp .cc_blk span {margin-right:10px; font-weight:100;} .stc_grp {float:left; width:270px; padding:10px 0 0 0;} .stc_grp .stc_set {float:right; margin-left:20px; } .stc_grp .stc_set .cl_box {float:left; width:20px; height:20px; border-radius:100%;} .stc_grp .stc_set .cl_box.clb1 {background:#f4f3f3; border:1px solid #a9a9a9;} .stc_grp .stc_set .cl_box.clb2 {background:#ffffff; border:1px solid #418e38;} .stc_grp .stc_set .cl_box.clb3 {background:#fff5f6; border:1px solid #fdb0b7;} .stc_grp .stc_set .cl_stxt {float:left; font-size:12px; padding-left:10px; line-height:20px;} /* 예약신청 셀렉트 대신 사용 */ #data_outline {position:relative; top:0px;width:100%; height: 50px; z-index:1; cursor:pointer; } #data_outline .in_select_df {width:100%; height:50px; line-height:50px; position:relative; color:black; border:1px solid #f1f1f1; background:#f6f6f6; padding:0 15px; font-size:12px; text-align:left; cursor:pointer; transition:all .2s;} #data_outline .in_select_df span {float:right; margin-top:17px; color:black;} #data_outline .in_select_df:hover {background:#fff5f6; transition:all .2s;} #data_outline .isf_1 {} #data_outline .isf_2 {} #data_outline .in_select {position:absolute; top:49px; width:100%; height:auto; display:none; border:1px solid #f1f1f1; border-width:1px 1px 0 1px; } #data_outline .li1 {} #data_outline .li2 {} .call_sel_li {float:left; width:100%;} .call_sel_li ul {float:left; width:100%; margin:0; padding:0;} .call_sel_li ul li {float:left; width:100%;text-align:left; } .call_sel_li ul li {float:left; display:block; width:100%; border:1px solid #f1f1f1; border-width:0 0 1px 0; padding:8px 15px; font-size:12px; color:rgba(0,0,0,0.8); transition:all .2s; text-decoration:none; background:#fafafa; font-weight:bold;} .call_sel_li ul li:hover {color:#005070;transition:all .2s; background:white;} /* 강의관련영역 css */ .academy_li_box {float:left; width:100%; padding:100px 0px;} .dp_academy_thumb {display:inline-block; width:1260px; font-size:0; text-align:left; } .dp_academy_thumb .dpg_list {display:inline-block; width:calc(25% - 10px); margin:5px; border-radius:5px 5px 0 0;overflow:hidden; vertical-align:top; transition:all .3s;} .dp_academy_thumb .dpg_list.bg_0 { transition:all .3s;} .dp_academy_thumb .dpg_list.bg_1 { transition:all .3s;} .dp_academy_thumb .dpg_list.bg_2 { transition:all .3s;} .dp_academy_thumb .dpg_list.bg_3 { transition:all .3s;} .dp_academy_thumb .dpg_list.bg_4 { transition:all .3s;} .dp_academy_thumb .dpg_list.bg_0:hover {background:#f4f4f4; transition:all .3s;} .dp_academy_thumb .dpg_list.bg_1:hover {background:#f4f4f4; transition:all .3s;} .dp_academy_thumb .dpg_list.bg_2:hover {background:#f7fff0; transition:all .3s;} .dp_academy_thumb .dpg_list.bg_3:hover {background:#fff2f2; transition:all .3s;} .dp_academy_thumb .dpg_list.bg_4:hover {background:#f5f3f3; transition:all .3s;} .dp_academy_thumb .dpg_list .pic {position:relative; top:0; left:0; width:100%; z-index:1; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; } .dp_academy_thumb .dpg_list:hover .pic {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); /* IE 9 */ -o-transform: scale(1.05); transform: scale(1.05); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ } .dp_academy_thumb .dpg_list .pic:before {content: ""; display: block; padding-top: 100%; /* 정사각형일 경우 */overflow:hidden;} .dp_academy_thumb .dpg_list .cvr_box {position:absolute; top:0; left:0; width:100%; height:100%; border:0px solid red; overflow:hidden;} .dp_academy_thumb .dpg_list .pic img {width:100%; 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;} .dp_academy_thumb .dpg_list:hover .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);} .dp_academy_thumb .dpg_list .status {position:relative; top:0; left:0; width:100%;} .dp_academy_thumb .dpg_list .st_fix {position:absolute; top:15px; right:15px; padding:6px 8px; border-radius:3px 3px 0 3px; z-index:3; line-height:100%; font-size:12px;} .dp_academy_thumb .dpg_list .st_fix.fx1 {background:#b4b4b4} .dp_academy_thumb .dpg_list .st_fix.fx2 {background:#439600} .dp_academy_thumb .dpg_list .st_fix.fx3 {background:#da0000} .dp_academy_thumb .dpg_list .st_fix.fx4 {background:#da0000} .dp_academy_thumb .dpg_list .status .icon {float:left; width:25px; font-size:13px; display:none;} .dp_academy_thumb .dpg_list .status .icon.ic_0 {color:white;} .dp_academy_thumb .dpg_list .status .icon.ic_1 {color:white;} .dp_academy_thumb .dpg_list .status .icon.ic_2 {color:white;} .dp_academy_thumb .dpg_list .status .icon.ic_3 {color:white;} .dp_academy_thumb .dpg_list .status .icon.ic_4 {color:orange;} .dp_academy_thumb .dpg_list .status .ntxt {float:left; font-size:12px;} .dp_academy_thumb .dpg_list .status .ntxt.tx_0 {color:white;} .dp_academy_thumb .dpg_list .status .ntxt.tx_1 {color:white;} .dp_academy_thumb .dpg_list .status .ntxt.tx_2 {color:white;} .dp_academy_thumb .dpg_list .status .ntxt.tx_3 {color:white;} .dp_academy_thumb .dpg_list .status .ntxt.tx_4 {color:white;} .dp_academy_thumb .dpg_list .rcv_grp {position:relative; top:0; left:0; border:1px solid #eeeeee; border-width:0 0px 0px 0px; border-radius:0 0 5px 5px; overflow:hidden; z-index:2; background:#fafafa;} .dp_academy_thumb .dpg_list .rcv_info {float:left; width:100%; padding:18px 35px; border:1px solid #eeeeee; border-width:0 0px 1px 0px} .dp_academy_thumb .dpg_list .rcv_info .rcv_set {float:left; width:100%; padding:5px 0px; } .dp_academy_thumb .dpg_list .rcv_info .rcv_set .ri_tt {float:left; width:60px; font-size:13px; line-height:100%; color:rgba(0,0,0,0.7);} .dp_academy_thumb .dpg_list .rcv_info .rcv_set .ri_com {float:left; width:calc(100% - 60px); font-size:13px; line-height:100%; color:#af083b;} .dp_academy_thumb .dpg_list .project {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;padding:20px 35px 0 35px; border:1px solid #eeeeee; border-width:0 0px;letter-spacing:-0.05em; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;color:black; transition:all .2s;} .dp_academy_thumb .dpg_list .project:hover {color:red; transition:all .2s;} .dp_academy_thumb .dpg_list .c_set {float:left; width:100%;padding:35px 35px; transition:all .2s; border:1px solid #eeeeee; border-width:0 0px 0px 0px;} .dp_academy_thumb .dpg_list .c_set .bs_info {float:left; width:100%;padding:2px 0;} .dp_academy_thumb .dpg_list .c_set .bs_info.hd {} .dp_academy_thumb .dpg_list .c_set .bs_info .i_tt {float:left; width:35px; font-size:12px; color:rgba(0,0,0,0.5); } .dp_academy_thumb .dpg_list .c_set .bs_info .i_con {float:left; width:calc(100% - 35px); font-size:12px; color:black; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} /* 강의관련영역 상세보기 - 기본정보css */ .academy_view {float:left; width:100%; background:#ffffff; border-bottom:0px solid #eeeeee;} .academy_view .spv_pos {display:inline-block; width:1260px; padding:100px 0; } .academy_view .set_center {float:left; width:100%} .academy_view .set_center .thum {float:left; width:600px; text-align:center;} .academy_view .set_center .thum img {max-width:600px; width:auto; max-height:600px; height:auto;} .academy_view .set_center .info {float:left; text-align:left; padding:0px 0px 0 100px; width:calc(100% - 600px); font-size:13px; line-height:200%;} .academy_view .set_center .info .title {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; padding:0 0 25px 5px; color:black;} .academy_view .set_center .info .st {float:left; width:100%; padding:7px 0; font-size:15px; } .academy_view .set_center .info .st .tt {float:left; width:100px; opacity:0.6;} .academy_view .set_center .info .st .mm {float:left; width:calc(100% - 100px); color:black;} .academy_view .set_center .info .st .mm .ics {font-weight:bold;} .academy_view .set_center .info .st .mm .ic_0 {color:#b4b4b4;} .academy_view .set_center .info .st .mm .ic_1 {color:#2e6600;} .academy_view .set_center .info .st .mm .ic_2 {color:#004096;} .academy_view .set_center .info .st .mm .ic_3 {color:#da0000;} .academy_view .set_center .info .st.hdn_bx {} .academy_view .set_center .mk_btn {float:left; width:100%; padding:50px 0 0 80px; text-align:center;letter-spacing:-0.05em;} .academy_view .set_center .mk_btn .list {float:left; width:200px; padding:13px 0; border:1px solid #4e4e4e;background:#4e4e4e; color:white; font-weight:bold; font-size:13px; transition: all .2s; margin-right:5px;} .academy_view .set_center .mk_btn .list:hover {border:1px solid #4e4e4e; color:#2d2d2d; background:white;transition: all .2s;} .academy_view .set_center .mk_btn .list.go_aca {border:1px solid #d42637;background:#d42637;} .academy_view .set_center .mk_btn .list.go_aca:hover {border:1px solid #b21626; background:#b21626; color:white;} .academy_add_info {float:left; width:100%; background:#fafafa; border-bottom:1px solid #eeeeee;} .academy_pr_con {float:left; width:100%; } .academy_pr_con .content {display:inline-block; width:1260px; padding:100px 0;} .academy_pr_con .content .txt {text-align:left; max-width:1100px; width:100%; display:inline-block; font-size:15px; line-height:180%; color:#3f3f3f;border:0px solid red;} .academy_pr_con .content .txt span {float:left; width:100%; text-align:center; padding:0 0 30px 0; border:0px solid red;} /* 강의관련영역 상세보기 - 추가정보 css */ .academy_tab_bx {float:left; width:100%; padding:100px 0; background:#eeeeee;} .academy_tab_bx .tab_pos {display:inline-block; width:1260px; border-radius:0px; overflow:hidden; border:0px solid #eeeeee;} #tab_mn{ float:left; width:100%; padding:0 0;} #tab_mn ul {display:inline-block; width:100%; } #tab_mn ul li{margin:0;padding:0; border:0px;} #tab_mn ul li,#tab_mn ul li a{background:white; border:0px; text-align:center;} #tab_mn ul li{float:left;color:rgba(255,255,255,0.7);width:33.3333%; border:0px solid #0273bf; border-width:0px 0px 0px 0px; } #tab_mn ul li a{float:left; cursor:pointer; width:100%; padding:25px 0; background:#727272;transition:all .2s;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; color:rgba(255,255,255,0.7);} #tab_mn ul li a:hover{transition:all .2s; background:#575757; color:white;} #tab_mn ul li.on,#tab_mn ul li.on a{color:#a8101f; background:#ffffff; transition:all .2s; } #tab_mn ul li.on a{color:#a8101f; width:100%; border:none;transition:all .2s;} .tb_aca_cont {float:left; width:100%; background:white; padding:70px 70px 70px 70px; text-align:left;} .tb_aca_cont .df_l_txt {float:left; width:100%; font-size:15px; line-height:200%; color:rgba(0,0,0,0.7);} .tb_aca_cont .who_box {float:left; width:100%; } .tb_aca_cont .who_box .photo {float:left; width:250px;} .tb_aca_cont .who_box .photo img {width:100%; border-radius:10px 0;} .tb_aca_cont .who_box .nblk {float:left; width:calc(100% - 250px); padding:0 0 0 70px;;} .tb_aca_cont .who_box .nb_txt {float:left; width:100%; text-align:left; } .tb_aca_cont .who_box .nb_txt .nt_set {float:left; width:100%; padding:5px 0; font-size:15px;} .tb_aca_cont .who_box .nb_txt .nt_set .ns_t {float:left; width:90px; line-height:200%; color:rgba(0,0,0,0.5);} .tb_aca_cont .who_box .nb_txt .nt_set .ns_c {float:left; width:calc(100% - 90px); line-height:200%; color:rgba(0,0,0,0.7);} table.curi_detail {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.curi_detail>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:20px 0px; background:#f5f3f3; font-size:15px; color:black;} table.curi_detail>tbody>tr:nth-child(even) {background:#ffffff; } table.curi_detail>tbody>tr:nth-child(odd) {background:#fafafa; } table.curi_detail>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:15px; font-size:15px; line-height:180%;} table.curi_detail>tbody>tr>td.no {text-align:center; width:100px;} table.curi_detail>tbody>tr>td.date {width:200px; text-align:center; color:black;} /* 강의관련영역 공통안내사항 css */ .academy_other_info {float:left; width:100%; border-top:0px solid #eeeeee;} .academy_other_info .ot_pos {display:inline-block; width:1260px; padding:90px 0;} .academy_other_info .ot_pos .op_hdbx {float:left; width:350px; text-align:left; padding:15px 80px 0 50px} .academy_other_info .ot_pos .op_hdbx .oph_t {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:30px; letter-spacing:-0.05em; padding-bottom:30px; color:black;} .academy_other_info .ot_pos .op_hdbx .oph_c {float:left; width:100%; font-size:12px; line-height:180%;} .academy_other_info .ot_pos .ot_con {float:left; width:calc(100% - 350px); padding:10px 50px 10px 80px; border-left:1px solid #eeeeee;} .academy_other_info .ot_pos .nb_space {float:left; width:100%; height:40px;} .academy_other_info .ot_pos .nblk {float:left; width:100%;} .academy_other_info .ot_pos .nblk.spmgn {} .academy_other_info .ot_pos .nb_exp {float:left; width:100%; text-align:left; padding:0 80px 50px 80px; display:none;} .academy_other_info .ot_pos .nb_tt {float:left; width:100%; text-align:left; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding-bottom:20px; color:black;} .academy_other_info .ot_pos .nb_txt {float:left; width:100%; text-align:left; font-size:13px; line-height:180%; color:rgba(0,0,0,0.5);} .academy_other_info .ot_pos .dot {} .academy_other_info .ot_pos .sp_txt_l {display:inline-block; width:100%; padding:0px 0 10px 12px;} .academy_other_info .ot_pos .btn_down {float:left; width:160px; padding: 15px 0; font-size:12px; line-height:100%; background:#c11223; color:white; text-align:center; border-radius:3px; transition:all .2s; margin:12px 0 0 10px;} .academy_other_info .ot_pos .btn_down:hover {background:#d4071c; transition:all .2s;} /* 아카데미강의실 영역 css */ .ss_photo {float:left; width:100%; border-bottom:1px solid #eeeeee; background:#fafafa; } .ss_photo .sp_pos {display:inline-block; width:1260px; padding:100px 0;} .ss_photo .sp_pos .ss_btt {float:left; width:100%; } .ss_photo .sp_pos .p_spc {float:left; width:50px; } .ss_photo .sp_pos .p_grp {float:left; width:calc(50% - 25px); } .ss_photo .sp_pos .sp_bl {float:left; width:100%; } .ss_photo .sp_pos .sp_bl img {width:100%;} .ss_photo .sp_pos .sp_nm {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; line-height:120%; padding-top:15px; color:black;} /* 관람안내 */ .cl_use_info {float:left; width:100%; padding:100px 0;} .cl_use_info .us_pos {display:inline-block; width:1260px; text-align:left;} .cl_use_info .us_pos .tx_info {float:left; width:100%; padding:70px 0 0 0;} .cl_use_info .us_pos .tx_bl {float:left; width:50%; padding:0 0 0 50px; } .cl_use_info .us_pos .ti_spc {float:left; width:100%; height:40px;} .cl_use_info .us_pos .bl_spc {} .cl_use_info .us_pos .ti_grp {float:left; width:100%; } .cl_use_info .us_pos .tig_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; color:black; letter-spacing:-0.05em; padding-bottom:15px;} .cl_use_info .us_pos .tig_mm {float:left; width:100%; line-height:170%; padding:3px 0 3px 3px; font-size:13px;} .cl_use_info .us_pos .tig_mm .tg_no {float:left; width:20px; color:rgba(0,0,0,0.5); font-family:tahoma;} .cl_use_info .us_pos .tig_mm .tg_no:after {content: ".";} .cl_use_info .us_pos .tig_mm .tg_con {float:left; width:calc(100% - 20px); } .cl_use_info .us_pos .ti_grp {float:left; width:100%; } .cl_use_info .us_pos .tb_info {float:right; width:100%; padding:0 50px;} .cl_use_info .us_pos .pyo_box {float:left; width:100%; padding:10px 0 0 0;} table.vw_info {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; line-height:140%;} table.vw_info>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:10px; background:#f5f3f3; font-size:12px; color:black; font-weight:normal;} table.vw_info>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:10px 20px; font-size:13px; background:white;} table.vw_info>tbody>tr>td.vw_tb_tt {width:100px; text-align:center; background:#f5f3f3; font-weight:bold;} table.vw_info>tbody>tr>td.vw_tb_bul{text-align:center; background:#f5f3f3; } table.vw_info>tbody>tr>td.vw_tb_wdl{width:200px;} table.vw_info>tbody>tr>td.vw_tb_stt {width:100px; background:#fafafa;} table.vw_info>tbody>tr>td.vw_tb_ct {text-align:center;} /* 시설안내 */ .view_position {float:left; width:100%; padding:100px 0;} .view_position .vp_pos {display:inline-block; width:1260px;} .view_position .vp_spc {float:left; width:100%; height:50px; border-top:1px dashed #dddddd; margin-top:50px;} .view_position .vp_half {float:left; width:100%;} .view_position .vp_half .map_blk {float:left; width:800px; } .view_position .vp_half .txt_blk {float:left; width:calc(100% - 800px); } .view_position .vp_pos .vp_str {position:absolute; top:-20px; left:-20px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; line-height:60px; width:60px; height:60px; background:#3a3a3a; border-radius:100%; color:white; z-index:1} .view_position .vp_pos .vp_fsize {font-size:13px; line-height:100%; padding:6px 7px; border-radius:3px 0; color:white; background:#5e5e5e; z-index:1} .view_position .vp_pos .vp_client {background:#ba1818;} .view_position .vp_pos .vp_circle {font-size:22px; line-height:100%; padding:10px 8px; border-radius:3px; background:white !important; color:black; z-index:1} .view_position .vp_pos .vp_rent {font-size:11px; font-family:tahoma; line-height:20px; width:20px; height:20px; border-radius:100%; background:white; color:black; z-index:1; transition:all .2s;} .view_position .vp_pos .vp_rent:hover {background:#0059a5;; color:white; transition:all .2s;} .view_position .vp_pos .vp_adi {font-size:12px; line-height:100%; color:black; z-index:1} .view_position .vp_pos .vp_map {position:relative; top:0; left:0; width:100%; border:0px solid red;;} .view_position .vp_pos .vp_map img {width:100%;} .view_position .vp_pos .vp_map .cvr {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.0); border:0px solid blue; z-index:1;;} .view_position .vp_pos .vp_map .posi_name {position:absolute; } .view_position .vp_pos .vp_map .posi_name.ps2_1 {top:50%; left:12%;} .view_position .vp_pos .vp_map .posi_name.ps2_2 {top:15%; right:10%;} .view_position .vp_pos .vp_map .posi_name.ps2_3 {top:15%; left:50%;} .view_position .vp_pos .vp_map .posi_name.ps2_4 {top:50%; right:10%;} .view_position .vp_pos .vp_map .posi_name.ps2_5 {bottom:17%; right:20%;} .view_position .vp_pos .vp_map .posi_name.restroom2 {top:20%; left:36.3%; transform:rotate(0deg); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} .view_position .vp_pos .vp_map .posi_name.ad_t2_1 {top:41.5%; left:46%;} .view_position .vp_pos .vp_map .posi_name.ad_t2_2 {bottom:13%; left:47%;} .view_position .vp_pos .vp_map .posi_name.r2_1 {top:45%; left:11%;} .view_position .vp_pos .vp_map .posi_name.r2_2 {top:9.8%; right:9%;} .view_position .vp_pos .vp_map .posi_name.r2_3 {top:9.8%; left:49%;} .view_position .vp_pos .vp_map .posi_name.ps1_1 {top:50%; left:12%;} .view_position .vp_pos .vp_map .posi_name.ps1_2 {top:15%; right:25%;} .view_position .vp_pos .vp_map .posi_name.ps1_3 {bottom:10%; left:67%;} .view_position .vp_pos .vp_map .posi_name.ps1_4 {bottom:13%; left:81%;} .view_position .vp_pos .vp_map .posi_name.ps1_5 {bottom:38%; right:17%;} .view_position .vp_pos .vp_map .posi_name.ps1_6 {bottom:6%; left:36%;} .view_position .vp_pos .vp_map .posi_name.ps1_7 {bottom:6%; right:36%;} .view_position .vp_pos .vp_map .posi_name.restroom1 {top:18.6%; left:36.9%; transform:rotate(0deg); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} .view_position .vp_pos .vp_map .posi_name.ad_t1_1 {top:41.5%; left:46%;} .view_position .vp_pos .vp_map .posi_name.ad_t1_2 {bottom:6%; left:48.5%;} .view_position .vp_pos .vp_map .posi_name.ad_t1_3 {bottom:30%; left:47.5%;} .view_position .vp_pos .vp_map .posi_name.r1_1 {top:9.8%; right:23%;} .view_position .vp_pos .vp_map .posi_name.r1_2 {bottom:4%; left:69%;} .view_position .vp_pos .vp_map .posi_name.r1_3 {bottom:7%; left:83%;} .view_position .vp_pos .vp_exp {float:left; width:100%; text-align:left; padding:20px 0 0 70px;} .view_position .vp_pos .vp_exp .st_i {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; padding-bottom:25px; letter-spacing:-0.05em; color:black; line-height:100%;} .view_position .vp_pos .vp_exp .sn_t {float:left; width:100%; font-size:13px; line-height:180%; color:rgba(0,0,0,0.8); padding-bottom:15px;} .view_position .vp_pos .vp_exp .sn_r {float:left; width:100%; padding-bottom:15px;} .view_position .vp_pos .vp_exp .sn_r .r_cirle {float:left; width:20px; height:20px; line-height:18px; text-align:center; font-size:11px; font-family:tahoma; border-radius:100%; border:1px solid #bfbfbf;} .view_position .vp_pos .vp_exp .sn_r .r_memo {float:left; width:calc(100% - 20px); line-height:20px; padding-left:10px; font-size:13px; color:black; font-weight:bold;} .view_position .vp_pos .vp_exp .sn_r .r_memo span {color:red; font-weight:normal;} .view_position .vp_pos .vp_exp .sn_l {float:left; width:50%; font-size:13px; line-height:200%; color:rgba(0,0,0,0.6); } .view_position .vp_pos .vp_exp .sn_l a {color:#b30b3a; transition:all .2s;} .view_position .vp_pos .vp_exp .sn_l a:hover {color:black; transition:all .2s;} .view_position .vp_pos .vp_exp .sn_l img {display:none;} .view_position .vp_pos .vp_exp .sn_l span{display:inline-block; padding:0px 0 0 5px; color:black; font-size:13px;} /* 대관서비스 설명 */ /*.rent_box_exp {float:left; width:100%; padding:80px 0; } .rent_box_exp .rbe_pos {display:inline-block; max-width:1300px; width:100%; min-width:1260px; font-size:0;} .rent_box_exp .rbe_pos .r_grp {display:inline-block; width:50%; padding:20px; vertical-align:top; border:0px solid red;} .rent_box_exp .rbe_pos .r_grp .r_pic {float:left; width:100%; border-radius:0; overflow:hidden; } .rent_box_exp .rbe_pos .r_grp .r_pic img {width:100%;} .rent_box_exp .rbe_pos .r_grp .r_info {float:left; width:100%; padding:0px 0 0 0; text-align:left;} .rent_box_exp .rbe_pos .r_grp .r_go {float:left; width:100%; padding-top:50px;text-align:right; display:none;} .rent_box_exp .rbe_pos .r_grp .r_go .r_btn {display:inline-block; width:100%; padding:40px 0; text-align:center; background:#454545; color:white; font-size:13px; transition:all .2s; border-radius:5px 0;} .rent_box_exp .rbe_pos .r_grp .r_go .r_btn:hover {background:#a8012c; transition:all .2s;} .rent_box_exp .rbe_pos .r_grp .r_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; color:black; letter-spacing:-0.05em; padding-bottom:20px;} .rent_box_exp .rbe_pos .r_grp .r_pyo {float:left; width:100%; } table.ss_pyo {width:100%; border-top:1px solid #eeeeee; border-collapse:collapse; line-height:110%;} table.ss_pyo>tbody>tr>th {border:none; border:0px solid #eeeeee; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:10px; width:90px; background:#f5f3f3; font-size:12px; color:black; font-weight:normal;} table.ss_pyo>tbody>tr>td {border:none; border:0px solid #eeeeee; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:10px 15px; font-size:12px; } .ss_p_i_tt {width:100px; background:#fafafa;} table.ss_pyo_in {width:100%; border-top:0px solid #eeeeee; border-collapse:collapse; line-height:110%;} table.ss_pyo_in>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 0px; vertical-align:middle; text-align:left; padding:10px; width:80px; background:#f5f3f3; font-size:12px; color:black; font-weight:normal;} table.ss_pyo_in>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 0px 1px 0px; vertical-align:middle; text-align:left; padding:10px 20px; font-size:12px; background:white;} table.ss_pyo_in .no_line1 {border-width:0px 1px 0px 0px;} table.ss_pyo_in .no_line2 {border-width:0px 0px 0px 0px;} table.ss_pyo_in span {font-family:tahoma;} .ss_size1 {float:left;} .ss_size2 {float:left; margin-left:10px;} */ .rent_box_exp {float:left; width:100%; padding:100px 0; border-bottom:1px solid #eeeeee;} .rent_box_exp .rbe_pos {display:inline-block; width:1260px;} .rent_box_exp .rbe_pos .r_grp {float:left; width:100%;} .rent_box_exp .rbe_pos .r_grp .r_pic {float:left; width:300px; height:300px;} .rent_box_exp .rbe_pos .r_grp .r_pic.rbg1 {background:url(/images/js_1.jpg) no-repeat; background-size:cover;background-position:center center;} .rent_box_exp .rbe_pos .r_grp .r_pic.rbg2 {background:url(/images/js_2.jpg) no-repeat; background-size:cover;background-position:center center;} .rent_box_exp .rbe_pos .r_grp .r_pic.rbg3 {background:url(/images/c_place.jpg) no-repeat; background-size:cover;background-position:center center;} .rent_box_exp .rbe_pos .r_grp .r_pic.rbg4 {background:url(/images/ssp_1.jpg) no-repeat; background-size:cover;background-position:center center;} .rent_box_exp .rbe_pos .r_grp .r_pic.rbg5 {background:url(/images/ssp_2.jpg) no-repeat; background-size:cover;background-position:center center;} .rent_box_exp .rbe_pos .r_grp .r_pic.rbg6 {background:url(/images/rent_6.jpg) no-repeat; background-size:cover;background-position:center center;} .rent_box_exp .rbe_pos .r_grp .r_info {float:left; width:calc(100% - 500px); padding:0px 80px 0 80px; text-align:left;} .rent_box_exp .rbe_pos .r_grp .r_go {float:left; width:200px; padding-top:40px;text-align:right;} .rent_box_exp .rbe_pos .r_grp .r_go .r_btn {display:inline-block; width:100%; padding:40px 0; text-align:center; background:#454545; color:white; font-size:13px; transition:all .2s; border-radius:5px 5px 0 5px;} .rent_box_exp .rbe_pos .r_grp .r_go .r_btn:hover {background:#a8012c; transition:all .2s;} .rent_box_exp .rbe_pos .r_grp .r_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; color:black; letter-spacing:-0.05em; padding-bottom:20px;} .rent_box_exp .rbe_pos .r_grp .r_txt {float:left; width:100%; font-size:12px; line-height:160%;} .rent_box_exp .rbe_pos .r_grp .r_pyo {float:left; width:100%; padding-top:25px; } table.ss_pyo {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; line-height:110%;} table.ss_pyo>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:10px; width:90px; background:#fafafa; font-size:12px; color:black; font-weight:normal;} table.ss_pyo>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:10px 15px; font-size:12px; } .ss_p_i_tt {width:100px; background:#fafafa;} table.ss_pyo_in {width:100%; border-top:0px solid #3d3d3d; border-collapse:collapse; line-height:110%;} table.ss_pyo_in>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 0px; vertical-align:middle; text-align:left; padding:10px; width:80px; background:#f5f3f3; font-size:12px; color:black; font-weight:normal;} table.ss_pyo_in>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 0px 1px 0px; vertical-align:middle; text-align:left; padding:10px 20px; font-size:12px; background:white;} table.ss_pyo_in .no_line1 {border-width:0px 1px 0px 0px;} table.ss_pyo_in .no_line2 {border-width:0px 0px 0px 0px;} table.ss_pyo_in span {font-family:tahoma;} .ss_size1 {float:left;} .ss_size2 {float:left; margin-left:10px;} /* 오시는길 */ .map_call_blk {float:left; width:100%; padding:100px 0; } .map_call_blk .mcb_pos {display:inline-block; width:1100px; } .map_call_blk .mcb_pos .mcb_hd {float:right; width:100%; text-align:left; padding-bottom:20px;} .map_call_blk .mcb_pos .mcb_hd .mh_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; line-height:100%; color:black;} .map_call_blk .mcb_pos .mcb_hd .mh_txt {float:left; width:100%; font-size:13px; line-height:180%; color:rgba(0,0,0,0.6); padding:10px 0 0 0;} .map_call_blk .mcb_pos .mcb_gg {float:left; width:100%; height:550px;} .map_call_blk .mcb_pos .mcb_info {float:left; width:100%; padding:0px 0 20px 0;} table.map_info {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; line-height:110%;} table.map_info>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:13px; width:15%; background:#f5f3f3; font-size:13px; color:black; font-weight:normal;} table.map_info>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:13px 20px; width:35%; font-size:13px; background:white;} /* 오시는길 카카오맵 */ .kakao_map_wrp {position: absolute;left: 0;bottom: 45px;width: 300px;height: 128px;margin-left: -150px; text-align: left;border-radius: 5px 5px 0 0 ; overflow: hidden; } .kakao_map_wrp * {padding: 0;margin: 0;} .kakao_map_wrp .km_info {position:absolute; top:0px; left:0;width: 100%;height: 100%;} .kakao_map_wrp .km_info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;} .km_info .title {position:relative; top:0; left:0; padding:0 0 0 10px;height: 40px; line-height:40px; background: #fafafa;border-bottom: 1px solid #eeeeeee;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; color:black;} .km_info .close {position: absolute;top: 10px;right: 10px;color: #000000; font-size:18px; transition:all .2s;cursor: pointer;} .km_info .close:hover {color:red; transition:all .2s; } .km_info .real_data {position: relative; top:0; left:0; width:100%; overflow: hidden;background: #fff; border-radius: 0 0 5px 5px ;} .km_info .photo_tm {float:left; width: 25%; padding:10px;} .km_info .photo_tm img {width:100%;border-radius:5px 5px 0 5px;} .km_info .loc_data {float:left; width:75%; padding:12px 10px 0 5px;} .km_info .loc_data .k_address {float:left; width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px; line-height: 150%;} .km_info .loc_data .k_etc1 {float:left; width:100%; font-size: 11px;color: #888;text-overflow: ellipsis;white-space: nowrap; } .km_info .loc_data .k_etc2 {float:left; width:100%; font-size: 11px;color: #888;text-overflow: ellipsis;white-space: nowrap;} .km_info .loc_data a {color: #888;} .km_info .here_pick {position:relative; top:-25px; left:0; right:0; margin:0 auto; background:white; width:30px; height:30px; transform: rotate(45deg); z-index:-1;} /* 한지역사 new */ .hanji_his_box {float:left; width:100%; padding:100px 0; border-bottom:1px solid #eeeeee;} .hanji_his_box .pos {display:inline-block; width:1260px;} .hanji_his_box .pos .blk {float:left; width:100%;} .hanji_his_box .pos .blk .arp_l {float:left;} .hanji_his_box .pos .blk .arp_r {float:right;} .hanji_his_box .pos .blk .pic {width:45%;} .hanji_his_box .pos .blk .pic img {width:100%; } .hanji_his_box .pos .blk .if_box {width:55%;} .hanji_his_box .pos .blk .if_box .ib_set {float:left; width:100%; text-align:left; } .hanji_his_box .pos .blk .if_box .ib_set.lp {padding: 0px 30px 0 100px;} .hanji_his_box .pos .blk .if_box .ib_set.rp {padding: 0px 100px 0 30px;} .hanji_his_box .pos .blk .if_box .ib_set .ibs_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 30px 0; font-size:22px; letter-spacing:-0.05em; color:black; } .hanji_his_box .pos .blk .if_box .ib_set .ibs_txt {float:left; width:100%; padding:0; line-height:200%; font-size:13px; color:rgba(0,0,0,0.7);} .hanji_his_box .pos .blk .if_box .ib_set .ibs_txt span {display:inline-block; width:100%; padding-bottom:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;} .hanji_his_box .pos .blk .tong_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 30px 0; font-size:22px; letter-spacing:-0.05em; color:black; } .hanji_his_box .pos .blk .li_tb {float:left; width:100%;} table.his_array {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.his_array>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:13px 0px; background:#f5f3f3; font-size:13px; color:black; font-weight:normal;} table.his_array>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:13px 20px; font-size:13px; line-height:170%;} .year_k {width:200px;} .year_w {width:200px;} .bg_his_k {background:#fafff5;} .bg_his_w {background:#effdff;} .bg_point {background:#fff6e5;} .his_br_hd {display:none;} /* 한지역사 / 페이퍼로드 */ .hanji_map_box {float:left; width:100%; padding:100px 0; border-bottom:1px solid #eeeeee;} .hanji_map_box .pos {display:inline-block; width:1260px;} .hanji_map_box .pos .bg_world_map{width:100%; margin-top:40px; display:inline-block;} .hanji_map_box .pos .bg_world_map .in_wmap {position:relative; width:100%; border:0px solid #dddddd; background:#dddddd;border-width:0 0px 0px 0;} .hanji_map_box .pos .bg_world_map .in_wmap img {width:100%;} .hanji_map_box .pos .bg_world_map .in_wmap .map1 {} .hanji_map_box .pos .bg_world_map .in_wmap .map2 {display:none;} .hanji_map_box .pos .bg_world_map .name_pos {position:absolute; color:black; font-size:12px; line-height:120%;} .hanji_map_box .pos .bg_world_map .name_pos.np_1 {top:40%; right:15%;} .hanji_map_box .pos .bg_world_map .name_pos.np_2 {top:47%; right:11%;} .hanji_map_box .pos .bg_world_map .name_pos.np_3 {top:37%; right:22%;} .hanji_map_box .pos .bg_world_map .name_pos.np_4 {top:55%; right:20%;} .hanji_map_box .pos .bg_world_map .name_pos.np_5 {top:45%; right:24%;} .hanji_map_box .pos .bg_world_map .name_pos.np_6 {top:65%; right:23%;} .hanji_map_box .pos .bg_world_map .name_pos.np_7 {top:56%; right:26%;} .hanji_map_box .pos .bg_world_map .name_pos.np_8 {top:52%; right:32%;} .hanji_map_box .pos .bg_world_map .name_pos.np_9 {top:47%; right:30%;} .hanji_map_box .pos .bg_world_map .name_pos.np_10 {top:34%; right:32%;} .hanji_map_box .pos .bg_world_map .name_pos.np_11 {top:24%; right:32%;} .hanji_map_box .pos .bg_world_map .name_pos.np_12 {top:31%; right:54%;} .hanji_map_box .pos .bg_world_map .name_pos.np_13 {top:50%; right:45%;} .hanji_map_box .pos .bg_world_map .name_pos.np_14 {top:48%; right:53%;} .hanji_map_box .pos .bg_world_map .name_pos.np_15 {top:40%; right:55%;} .hanji_map_box .pos .bg_world_map .name_pos.np_16 {top:43%; right:37%;} .hanji_map_box .pos .bg_world_map .name_pos.np_17 {top:35%; right:45%;} .hanji_map_box .pos .bg_world_map .name_pos.np_18 {top:36%; right:54%;} .hanji_map_box .pos .bg_world_map .name_pos.np_19 {top:23%; right:48%;} .hanji_map_box .pos .bg_world_map .name_pos.np_20 {top:29%; right:47%;} .hanji_map_box .pos .bg_world_map .name_pos.np_21 {top:47%; left:23%;} .hanji_map_box .pos .bg_world_map .name_pos.np_22 {top:31%; left:25%;} .hanji_map_box .pos .tong_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 30px 0; font-size:22px; letter-spacing:-0.05em; color:black; } .hanji_map_box .pos .tong_tt span {display:inline-block; padding:0 0 0 5px; font-weight:400; font-size:18px;} .hanji_map_box .pos .tong_stt {float:left; width:100%; font-size:11px; color:rgba(0,0,0,0.6); display:none;} /* 한지역사 old */ .history_section {float:left; width:100%; padding:100px 0; border-bottom:1px solid #eeeeee;} .history_section:nth-child(even) {background:#fafafa;} .history_section:nth-child(odd) {background:#ffffff; } .history_section .hisc_pos {display:inline-block; width:1190px;} .history_section .hisc_pos.sp_pos {width:1260px;} .history_section .hisc_pos .df_exp_bx {float:left; width:450px; text-align:left; padding-right:70px;} .history_section .hisc_pos .df_exp_bx2 {float:left; width:33.3333%; text-align:left; padding:0 35px; border:0px solid red;;} .history_section .hisc_pos .li_pic {float:left; width:100%; padding-bottom:20px;} .history_section .hisc_pos .li_pic img {width:100%;} .history_section .hisc_pos .dfe_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; line-height:100%; padding:0 0 20px 0; color:black; letter-spacing:-0.05em;} .history_section .hisc_pos .dfe_txt {float:left; width:100%; font-size:13px; line-height:180%; color:rgba(0,0,0,0.6); text-align:justify;} .history_section .hisc_pos .his_year_bx {float:left; width:calc(100% - 450px); padding:38px 0 0 0;} .history_section .hisc_pos .his_year_bx .hy_grp {float:left; width:100%; padding:5px 0; font-size:13px; line-height:170%; text-align:left;} .history_section .hisc_pos .his_year_bx .hy_year {float:left; width:100px; color:#b91b1b;} .history_section .hisc_pos .his_year_bx .hy_when {float:left; width:150px;} .history_section .hisc_pos .his_year_bx .hy_con {float:left; width:calc(100% - 250px);} .history_section .hisc_pos .his_photo {float:left; width:100%; text-align:center; padding-top:25px;} .history_section .hisc_pos .his_photo .hpic {float:left; width:100%; border:1px solid #eeeeee; background:white;} .history_section .hisc_pos .his_photo .hpic img {} .history_section .hisc_pos .his_photo .hmm {float:left; width:100%; font-size:12px; padding-top:15px;} /* 원주와한지 */ .hanji_wonju {float:left; width:100%; padding:100px 0; border-bottom:1px solid #eeeeee;} .hanji_wonju .pos {display:inline-block; width:1260px;} .hanji_wonju .pos .blk {float:left; width:100%;} .hanji_wonju .pos .blk .arp_l {float:left;} .hanji_wonju .pos .blk .arp_r {float:right;} .hanji_wonju .pos .blk .pic {width:45%;} .hanji_wonju .pos .blk .pic img {width:100%; } .hanji_wonju .pos .blk .if_box {width:55%;} .hanji_wonju .pos .blk .if_box .ib_set {float:left; width:100%; text-align:left; } .hanji_wonju .pos .blk .if_box .ib_set.lp {padding: 0px 30px 0 100px;} .hanji_wonju .pos .blk .if_box .ib_set.rp {padding: 0px 100px 0 30px;} .hanji_wonju .pos .blk .if_box .ib_set .ibs_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 30px 0; font-size:22px; letter-spacing:-0.05em; color:black; } .hanji_wonju .pos .blk .if_box .ib_set .ibs_txt {float:left; width:100%; padding:0; line-height:200%; font-size:13px; color:rgba(0,0,0,0.7);} .hanji_wonju .pos .blk .if_box .ib_set .ibs_txt span {display:inline-block; width:100%; padding-bottom:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;} .hanji_wonju .pos .blk .if_box .ib_set .adex_txt {float:left; width:100%; padding:0; line-height:200%; font-size:13px; color:rgba(0,0,0,0.7); padding-top:25px;} .hanji_wonju .pos .blk .if_box .ib_set .adex_txt span {font-size:15px; color:rgba(0,0,0,0.9); padding-bottom:15px; display:inline-block; width:100%;} /* 한지제작과정 */ .flow_adbout {float:left; width:100%; padding:100px; 0; border-bottom:1px solid #eeeeee;} .flow_adbout .fa_pos {display:inline-block; width:1260px;} .flow_adbout .fa_pos .fa_tit {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; padding-bottom:30px; color:black; letter-spacing:-0.05em;} .flow_adbout .fa_pos .fa_txt {float:left; width:100%; padding:0 90px;font-size:13px; line-height:200%; text-align:left; color:rgba(0,0,0,0.7);} .flow_adbout .fa_pos .fa_att {float:left; width:100%; padding:0 90px;} .flow_adbout .fa_pos .fa_att .fa_sp_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; padding-bottom:30px; color:black; letter-spacing:-0.05em; text-align:left;} .flow_adbout .fa_pos .fa_att .fa_sp_con {float:left; width:100%; } .flow_adbout .fa_pos .fa_att .fa_line {float:left; width:100%; text-align:left; line-height:200%; padding-left:10px; font-size:13px;} .flow_adbout .fa_pos .fa_att .fl_t {float:left; width:20px; } .flow_adbout .fa_pos .fa_att .fl_c {float:left; width:calc(100% - 20px); } /*====*/ .flow_df_info {float:left; width:100%; background:#fafafa;} .flow_df_info .fdi_pos {display:inline-block; width:1260px;} .hanji_make_flow {float:left; width:100%; padding:100px 0; border-bottom:1px dashed #dddddd;} /* .hanji_make_flow:nth-child(even) {background:#ffffff;} .hanji_make_flow:nth-child(odd) {background:#fafafa; } */ .hanji_make_flow .hmf_pos {display:inline-block; width:1100px; text-align:left;} .hanji_make_flow .hmf_pos .hm_tit {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 30px 0; font-size:22px; letter-spacing:-0.05em; color:black; } .hanji_make_flow .hmf_pos .hm_i_set {float:left; width:100%; } .hanji_make_flow .hmf_pos .hm_txt {float:left; width:100%; line-height:200%; font-size:13px; color:rgba(0,0,0,0.7);} .hanji_make_flow .hmf_pos .hm_p_grp {float:left; width:100%; font-size:0; text-align:left; padding:35px 0 0 0;} .hanji_make_flow .hmf_pos .hm_p_grp .hm_pview {display:inline-block; vertical-align:top; width:calc(25% - 10px); margin:0 5px;} .hanji_make_flow .hmf_pos .hm_p_grp .hp_p {position:relative; top:0; left:0; width:100%;} .hanji_make_flow .hmf_pos .hm_p_grp .hp_p img {width:100%; border:1px solid #dddddd;} .hanji_make_flow .hmf_pos .hm_p_grp .hp_t {position:absolute; top:0; left:0; background:#595959; color:white; line-height:100%; padding:7px 10px; font-size:12px; } /* 인사말 */ .int_park {float:left; width:100%; padding:100px 0; } .int_park .pos {display:inline-block; width:1260px;} .int_park .pos .blk {float:left; width:100%;} .int_park .pos .blk .pic {float:left; width:500px; height:350px; overflow:hidden;} .int_park .pos .blk .pic img {width:100%;} .int_park .pos .blk .txt {float:left; width:calc(100% - 500px); text-align:justify; padding:0 0 0 80px; color:#808080; font-size:13px; line-height:220%;} .int_park .pos .blk .txt .hd {float:left; width:100%;font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; font-weight:400; font-size:22px; padding-bottom:25px; color:black;} .int_park .pos .blk .txt .hd span {color:#005db9; font-weight:500;} .int_park .pos .blk .txt .k1 {float:left; width:100%; } .int_park .pos .blk .txt .k2 {float:left; width:100%; padding:15px 0 0px 0;} .int_park .pos .blk .txt .k2 span {color:#015faf;} .int_park .pos .blk .sign_ar {float:left; width:100%; padding-top:30px; font-size:15px; color:black;} .int_park .pos .blk .sign_ar .in_sign {position:relative; top:0; left:0; width:100%; height:0;} .int_park .pos .blk .sign_ar .in_sign .is_pos {position:absolute; top:-15px; left:190px; } /* 운영기관 소개 - 기본안내 */ .hjdv_intro {float:left; width:100%; background: linear-gradient( to bottom, white, #fafafa); border-bottom:1px solid #eeeeee;} .hjdv_intro .dv_icvr {float:left; width:100%; padding:120px 0; background:rgba(0,0,0,0.0);} .hjdv_intro .dv_pos {display:inline-block; width:1260px;} .hjdv_intro .dv_pos .dv_blk {float:left; width:40%; display:none;} .hjdv_intro .dv_pos .dv_photo {float:left; width:100%;} .hjdv_intro .dv_pos .dv_photo img {width:100%;} .hjdv_intro .dv_pos .dv_pic {float:left; width:100%;} .hjdv_intro .dv_pos .dv_pic img {} .hjdv_intro .dv_pos .dv_ex_box {float:left; width:100%; padding:50px 0 50px 0; font-size:15px; text-align:center; line-height:210%; color:rgba(0,0,0,0.7);} .hjdv_intro .dv_pos .ex_list {display:inline-block; width:55%; padding:0 0 0 0px; } .hjdv_intro .dv_pos .ex_list .ex_set {float:left; width:100%; line-height:170%; padding:3px 0 3px 50px; font-size:13px;text-align:left; } .hjdv_intro .dv_pos .ex_list .ex_set .exs_no {float:left; width:20px; color:rgba(0,0,0,0.5); font-family:tahoma;} .hjdv_intro .dv_pos .ex_list .ex_set .exs_no:after {content: ".";} .hjdv_intro .dv_pos .ex_list .ex_set .exs_con {float:left; width:calc(100% - 20px); } /* 운영기관 소개 - 기본안내 .manager_intro {float:left; width:100%; background:#ffffff url(/images/d.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover; border-bottom:1px solid #eeeeee;} .manager_intro .icvr {float:left; width:100%; padding:120px 0; background:rgba(0,0,0,0.0);} .manager_intro .pos {display:inline-block; width:1260px;} .manager_intro .pos .blk {float:left; width:100%;} .manager_intro .pos .blk .pic {float:left; width:100%;} .manager_intro .pos .blk .pic img {} .manager_intro .pos .blk .ex_box {float:left; width:100%; padding:70px 100px 0 100px; font-size:15px; text-align:justify; line-height:210%; color:rgba(0,0,0,0.7);} */ /* 운영기관 소개 - 소개 */ .manager_blk {float:left; width:100%; padding:100px 0; border-bottom:1px solid #eeeeee;} .manager_blk:nth-child(even) {background:#ffffff;} .manager_blk:nth-child(odd) {background:#fafafa; } .manager_blk .pos {display:inline-block; width:1260px;} .manager_blk .pos .blk {float:left; width:100%;} .manager_blk .pos .blk .arp_l {float:left;} .manager_blk .pos .blk .arp_r {float:right;} .manager_blk .pos .blk .pic {width:45%;} .manager_blk .pos .blk .pic img {width:100%; } .manager_blk .pos .blk .if_box {width:55%;} .manager_blk .pos .blk .if_box .ib_set {float:left; width:100%; text-align:left; } .manager_blk .pos .blk .if_box .ib_set.lp {padding: 25px 30px 0 100px;} .manager_blk .pos .blk .if_box .ib_set.rp {padding: 25px 100px 0 30px;} .manager_blk .pos .blk .if_box .ib_set .ibs_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 30px 0; font-size:22px; letter-spacing:-0.05em; color:black; } .manager_blk .pos .blk .if_box .ib_set .ibs_txt {float:left; width:100%; padding:0; line-height:200%; font-size:13px; color:rgba(0,0,0,0.7);} .manager_blk .pos .blk .if_box .ib_set .ibs_txt span {display:inline-block; width:100%; padding-bottom:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;} /* 운영기관 소개 - 사업실적영역 */ .history_call_box {float:left; width:100%; padding:100px 0 60px 0;} .history_call_box .hc_pos {display:inline-block; width:1260px; font-size:0; text-align:left;} .history_call_box .hc_pos .hst_btit {float:left; width:20%; } .history_call_box .hc_pos .hst_btit .tt_bbx {float:left; width:160px; height:160px; line-height:120%;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; color:white; text-align:center; background:#3a3a3a; padding:45px 0 0 0;} .history_call_box .hc_pos .hst_btit .tt_bbx span{display:inline-block; width:100%; font-size:18px; font-weight:300;} .history_call_box .hc_pos .hist_grp {float:right; width:40%; padding:0 20px 0 0;} .history_call_box .hc_pos .hist_blk {float:left; width:100%; padding:0 0 40px 0; vertical-align:top;} .history_call_box .hc_pos .hist_blk .hst_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding-bottom:20px; letter-spacing:-0.05em; color:black; } .history_call_box .hc_pos .hist_blk .hst_con {float:left; width:100%; padding:0 0 0 5px;} /* 조직도 - 트리구조 */ .tmpk_group {float:left; width:100%; padding:100px 0; } .tmpk_group .pos {display:inline-block; width:1260px;} .tmpk_group .pos .grp_flow {float:left; width:100%; line-height:100%;} .tmpk_group .pos .grp_flow .sp_block {float:left; width:30%; height:25px; border-bottom:1px solid #dddddd;} .tmpk_group .pos .grp_flow .sblk_info {float:left; width:150px; height:45px; line-height:45px; color:white;border-radius:5px 0;} .tmpk_group .pos .grp_flow .block_basic {float:left; width:100%;} .tmpk_group .pos .grp_flow .block_space {float:left; width:100%; } .tmpk_group .pos .grp_flow .block_sline {float:left; width:50%; height:51px; border-right:1px solid #dddddd;} .tmpk_group .pos .grp_flow .block_sline2 {float:left; width:50%; height:25px; border-right:1px solid #dddddd;} .tmpk_group .pos .grp_flow .gf_box {display:inline-block; width:200px; padding:15px 0; background:#dddddd; border-radius:5px 0;} .tmpk_group .pos .grp_flow .pos_title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:18px; line-height:100%; color:white;} .tmpk_group .pos .grp_flow .pos_name {float:left; width:100%; font-weight:bold; font-size:12px; color:rgba(255,255,255,1); padding-top:10px;} .tmpk_group .pos .grp_flow .block_gline {display:inline-block; width:calc(50% + 10px); height:25px; border:1px solid #dddddd; border-width:1px 1px 0px 1px;} .tmpk_group .pos .grp_flow .block_gline2 {display:inline-block; width:80%; height:70px; border:1px solid #dddddd; border-width:0px 1px 1px 1px;} .tmpk_group .pos .grp_flow .block_kind {float:left; width:calc(50% - 10px);} .tmpk_group .pos .grp_flow .block_spr {float:left; width:20px; height:20px;} .tmpk_group .pos .grp_flow .team_box {float:left; width:100%; border:1px solid #dddddd; padding:35px;} .tmpk_group .pos .grp_flow .team_box .tmbx_blk {float:left; width:calc(25% - 6px); margin:3px;} .tmpk_group .pos .grp_flow .team_box .tbb_bx {float:left; width:100%; padding:17px 0; background:#828282; border-radius:5px 0;} .tmpk_group .pos .grp_flow .team_box .tbb_bx .x_p {float:left; width:100%; font-size:13px; font-weight:bold; color:white;} .tmpk_group .pos .grp_flow .team_box .tbb_bx .x_n {float:left; width:100%; font-size:11px; padding-top:7px; color:rgba(255,255,255,0.7);} .tmpk_group .pos .grp_flow .team_box .tbb_work {float:left; width:100%; line-height:170%; padding-top:15px;} .tmpk_group .pos .grp_flow .team_box .hd {} .tmpk_group .pos .grp_flow .team_box span {display:none;} .tmpk_group .pos .grp_flow .other_grp {display:inline-block; margin-top:-30px;} .tmpk_group .pos .grp_flow .other_grp .ork_bl {float:left; width:190px; height:60px; display:table; margin:0 5px; background:#2d77c3; border-radius:5px 0;} .tmpk_group .pos .grp_flow .other_grp .ork_bl .orin {display:table-cell; vertical-align:middle;} .tmpk_group .pos .grp_flow .other_grp .ork_bl .orin .grnm {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:15px; line-height:100%; color:white;} .tmpk_group .pos .grp_flow .other_grp .ork_bl .orin .grusr {float:left; width:100%; padding-top:7px; font-size:11px; color:white; } .tmpk_group .pos .grp_flow .gcl_1 {background:#f25e04;} .tmpk_group .pos .grp_flow .gcl_2 {background:#414141;} .tmpk_group .pos .grp_flow .gcl_31 {background:#656565;} .tmpk_group .pos .grp_flow .gcl_32 {background:#656565;} .tmpk_group .pos .grp_flow .gcl_4 {background:#92ab1c;} .tmpk_group .pos .grp_flow .gcl_5 {background:#05898d;} .tmpk_group .pos .grp_flow .tbg1 {background:#fafafa;} .tmpk_group .pos .grp_flow .tbg2 {background:#fafafa;} /* 조직도 - 타이틀(범례영역) */ .group_exp_bx {position:relative; top:0; left:0; width:100%; height:0; display:none;} .group_exp_bx .geb_line {position:absolute; top:0px; left:0px; width:50px; height:50px; border:1px solid black; border-width:1px 0 0 1px;} .group_exp_bx .geb_pos {position:absolute; top:50px; left:50px; width:290px; text-align:left;} .group_exp_bx .geb_pos .gbp_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; line-height:100%; color:black; font-size:22px;} .group_exp_bx .geb_pos .gbp_txt {float:left; width:100%; font-size:12px; padding:20px 0 15px 0; color:rgba(0,0,0,0.6);} .group_exp_bx .geb_pos .gbp_phone {float:left; font-size:20px; padding-right:10px;} .group_exp_bx .geb_pos .gbp_num {float:left; font-family:Noto Sans KR, sans-serif; font-weight:400; line-height:100%; color:black; font-size:18px;} /* 조직도 - 표 (모바일전용) */ .group_dtail {float:left; width:100%; padding:100px 0; display:none; background:#fafafa; border-top:1px solid #eeeeee;} .group_dtail .gd_pos {display:inline-block; width:1260px;} .group_dtail .gd_pos .k_title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; line-height:100%; color:black; font-size:18px; padding-bottom:30px; letter-spacing:-0.05em;} table.gd_info {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.gd_info>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:20px 0px; background:#f5f3f3; font-size:13px; color:black; font-weight:normal;} table.gd_info>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:15px; font-size:13px; background:white;} /* 문화예술교육학교 */ .cae_bx {float:left; width:100%; padding:100px 0; border-bottom:1px solid #eeeeee;} .cae_bx .pos {display:inline-block; width:1260px;} .cae_bx .pos .blk {float:left; width:100%;} .cae_bx .pos .blk .arp_l {float:left;} .cae_bx .pos .blk .arp_r {float:right;} .cae_bx .pos .blk .pic {width:45%;} .cae_bx .pos .blk .pic img {width:100%; } .cae_bx .pos .blk .if_box {width:55%;} .cae_bx .pos .blk .if_box .ib_set {float:left; width:100%; text-align:left; } .cae_bx .pos .blk .if_box .ib_set.lp {padding: 25px 30px 0 100px;} .cae_bx .pos .blk .if_box .ib_set.rp {padding: 25px 100px 0 30px;} .cae_bx .pos .blk .if_box .ib_set .ibs_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 30px 0; font-size:22px; letter-spacing:-0.05em; color:black; } .cae_bx .pos .blk .if_box .ib_set .ibs_txt {float:left; width:100%; padding:0; line-height:200%; font-size:13px; color:rgba(0,0,0,0.7);} .cae_bx .pos .blk .if_box .ib_set .ibs_txt span {display:inline-block; width:100%; padding-bottom:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;} .cae_bx .pos .blk .if_box .ib_set .ibs_adt {float:left; width:100%; padding-top:30px;} .cae_bx .pos .blk .if_box .ib_set .ibs_adt .ytt {float:left; width:100%; padding:0; color:#b7162d; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.05em;} .cae_bx .pos .blk .if_box .ib_set .ibs_adt .ycon {float:left; width:100%; padding:0; color:rgba(0,0,0,1);font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:18px; padding-top:15px;} /* 브랜드스토리 */ .brand_box {float:left; width:100%;padding:100px 0; border-bottom:1px dashed #dddddd;} .brand_box .bb_pos {display:inline-block; width:1260px; } .brand_box .bb_pos .br_set {float:left; width:100%; } .brand_box .bb_pos .br_set.sp_wd {width:601px; } .brand_box .bb_pos .br_set.sp_ar {float:right;} .brand_box .bb_pos .br_set.sp_h {padding-top:30px;} .brand_box .bb_pos .br_logo { float:left; width:601px; height:351px; background-image: linear-gradient(90deg, #dddddd 0px, #dddddd 1px, transparent 1px, transparent 99px, transparent 50px), linear-gradient(#dddddd 0px, #dddddd 1px, transparent 1px, transparent 99px, transparent 50px), linear-gradient(#eeeeee 0px, #eeeeee 1px, transparent 1px, transparent 99px, transparent 50px), linear-gradient(90deg, #eeeeee 0px, #eeeeee 1px, transparent 1px, transparent 99px, transparent 50px), linear-gradient(transparent 0px, transparent 5px, #ffffff 5px, #ffffff 95px, transparent 95px, transparent 50px), linear-gradient(90deg, #eeeeee 0px, #eeeeee 1px, transparent 1px, transparent 99px, #eeeeee 99px, #eeeeee 50px), linear-gradient(90deg, transparent 0px, transparent 5px, #ffffff 5px, #ffffff 95px, transparent 95px, transparent 50px), linear-gradient(transparent 0px, transparent 1px, #ffffff 1px, #ffffff 99px, transparent 99px, transparent 50px), linear-gradient(#dddddd, #dddddd); background-size:50px 100%, 100% 50px, 100% 10px, 10px 100%, 100% 50px, 50px 100%, 50px 100%, 50px 50px, 50px 50px; } .brand_box .bb_pos .br_logo_wrp {position:relative; top:0 ;left:0; width:100%; height:100%;} .brand_box .bb_pos .br_logo_wrp .outline {position:absolute; top:0 ;left:0; width:100%; height:100%; padding:60px 50px 50px 50px;border:1px solid #c9c9c9;} .brand_box .bb_pos .br_logo .br_i_tt{position:absolute; top:20px; left:20px; width:300px; text-align:left; font-size:13px; color:black;} .brand_box .bb_pos .br_logo .br_i_tt span{color:#cb0039; font-weight:bold;} .brand_box .bb_pos .br_logo .br_b {float:left; width:100%; text-align:left; } .brand_box .bb_pos .br_logo .br_b img {width:100%;} .brand_box .bb_pos .br_logo .br_b .crt_w1 {max-width:200px; width:auto; max-height:150px; height:auto;} .brand_box .bb_pos .br_logo .br_b .crt_w2 {max-width:410px; width:auto; max-height:150px; height:auto;} .brand_box .bb_pos .br_logo .br_etc {float:left; width:100%; padding-top:35px;} .brand_box .bb_pos .br_logo .br_etc .s_logo {float:left; text-align:left; width:50%;} .brand_box .bb_pos .br_logo .br_etc .s_logo img {max-width:215px; width:auto; max-height:32px;} .brand_box .bb_pos .br_logo .logo_rule {float:left; text-align:left; width:100%; font-size:12px; line-height:180%; padding-top:35px; color:rgba(0,0,0,0.7);} .brand_box .bb_pos .br_logo .logo_rule .b_hd {display:none;} .brand_box .bb_pos .br_info {float:left; width:calc(100% - 601px); padding:15px 0 0 70px; text-align:left;} .brand_box .bb_pos .br_info.sp_if {padding:40px 0 0 0px; width:100%;} .brand_box .bb_pos .br_tit {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; color:black; letter-spacing:-0.05em; line-height:120%;} .brand_box .bb_pos .br_tit span {color:#cb0039;} .brand_box .bb_pos .br_tit .ver {font-size:12px; font-family:tahoma; letter-spacing:0; font-weight:normal; margin-left:10px;} .brand_box .bb_pos .br_down {float:left; margin-top:35px; background:#4e4e4e; padding:10px 20px; border-radius:5px 5px 0 5px; transition:all .3s;} .brand_box .bb_pos .br_down:hover {background:#cb0039; transition:all .3s;} .brand_box .bb_pos .br_down .icon {float:left; color:white;padding-top:3px;} .brand_box .bb_pos .br_down .name {float:left; color:white; padding-left:10px;} .brand_box .bb_pos .br_txt {float:left; width:100%; padding-top:25px; font-size:13px; color:rgba(0,0,0,0.7); line-height:180%;} /* 서브 전시진행여부 영역 css ============ */ .sub_sim_block {float:left; width:100%; padding:0px 0; } .sub_sim_block .ssb_pos {display:inline-block; width:100%; height:auto; background:white; overflow:hidden;} .sub_sim_block .ssb_pos .biz_kblk {position:relative; top:0; left:0; width:100%; height:90px; } .sub_sim_block .ssb_pos .bt_line {position:absolute; top:0; width:100%; height:100%; border-bottom:1px solid #eeeeee;z-index:10;} .sub_sim_block .ssb_pos .blpz {position:absolute; top:0; width:50%; height:100%;z-index:11; border-right:0px solid #eeeeee;} .sub_sim_block .ssb_pos .blpz.clr1 {left:0; background:#071423;}/*a8012c*/ .sub_sim_block .ssb_pos .blpz.clr2 {right:0; } .sub_sim_block .ssb_pos .real_bx {position:absolute; top:0; left:0; right:0; margin:0 auto; background:orange; max-width:1260px; width:100%; height:100%;} .sub_sim_block .ssb_pos .rab_tt {position:absolute; top:0; left:0; background:#071423; width:300px; color:white; line-height:90px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.05em; border:0px solid red; height:100%; z-index:15;} .sub_sim_block .ssb_pos .rab_hdn {position:absolute; top:-80px; left:155px; background:#071423; width:180px; height:180px; z-index:14;transform:rotate(25deg); -ms-transform:rotate(25deg); -moz-transform:rotate(25deg); -webkit-transform:rotate(25deg); -o-transform:rotate(25deg);} .sub_sim_block .ssb_pos .rab_con {position:absolute; top:0; right:0; background:#fafafa; width:calc(100% - 300px); height:100%; z-index:12; border-bottom:1px solid #eeeeee;} /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////// */ /* 메인화면 ///////////////////////////////// */ /* 메인이미지 */ .main_slide {float:left; width:100%; height:700px; margin-top:-80px; overflow:hidden; background:#000000 url('/images/chimg1.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .change_content {position:relative; width:100%; height:100%; background: linear-gradient( to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.0)); } .change_content .pos {position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; width:100%; height:100%; } .change_content .mv_cvr {position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; width:100%; height:100%; background: linear-gradient( to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.0)); z-index:1; display:table;} .change_content .mv_cvr .site_slg {display:table-cell; vertical-align:middle; border:0px solid red; color:white; padding-top:60px;} .change_content .btn_dot {position:absolute;bottom:30px; width:100%; font-size:0; text-align:center; z-index:301;} .change_content .btn_dot li {display:inline-block; cursor:pointer; width:15px; height:15px; border-radius:100%; margin:0 5px; background:rgba(255,255,255,0.3);} .change_content .btn_dot li:hover {background:rgba(255,255,255,0.5);} .change_content li.current {background:rgba(255,255,255,1);} #slideshow {float:left; width:100%; height:100%; } #slides {position:relative; width:100%; height:100%; overflow:auto; } #slides li {width:100%; height:100%; overflow:hidden; } #slides li .content {float:left; width:100%;background:rgba(0,0,0,0.4); height:100%; color:white;z-index:300; overflow:hidden; text-align:center; display:table; } #slides li .content .set {display:table-cell; vertical-align:middle; width:100%; text-align:center;} #slides .bg1 {background:url('/images/main_bg1.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; background-attchment:scroll; width:100%; height:100%;} #slides .bg2 {background:url('/images/sample111.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; background-attchment:scroll; width:100%; height:100%;} #slides .bg3 {background:url('/images/sample3.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; background-attchment:scroll; width:100%; height:100%;} #slides .bg4 {background:url('/images/sample4.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; background-attchment:scroll; width:100%; height:100%;} .video_visual {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden;} .video_visual video {position: absolute; left: 0; top: 0; min-width:1260px; width: 100%; height: auto; } .d_flip_box {display:inline-block; } .d_flip_box .d_year {float:left; margin-right:10px; } .d_flip_box .d_mnth {float:left;} .d_flip_box .cnt_bx {float:left; width:65px; height:100px; margin-right:3px;} .d_flip_box .nbr_t {position:relative; top:0; left:0; width:100%; height:100%; background:#444444; border-radius:5px; overflow:hidden;} .d_flip_box .nbr_t .nbv {position:absolute; width:100%; height:100%; font-family:Noto Sans KR, sans-serif; font-weight:100; font-size:50px; color:white; line-height:95px; text-align:center; z-index:1;} .d_flip_box .nbr_t .nbv.pnt {color:#c0ff00; font-weight:500;} .d_flip_box .nbr_t .half {position:absolute; width:100%; height:50%; background:#565656; border-bottom:0px solid #606060;} /* 메인이미지내 컨텐츠 */ .m_con_ment {display:inline-block; max-width:1000px; padding:0 80px; width:100%; border:0px solid blue;} .m_con_ment .ar_mov {float:left; width:28%; border:0px solid red; } .m_con_ment .ar_mov video {width:100%; display:none;} .m_con_ment .ar_mov .slide_photo {float:left; width:100%;height:auto; overflow:hidden; border:0px solid red;} .m_con_ment .ar_txt {float:left; width:72%; border:0px solid red; text-align:left; padding:0px 0 0 80px; border:0px solid red;} .m_con_ment .ar_txt .ar_hd {float:left; width:100%; font-family: 'Russo One', sans-serif; font-size:40px; line-height:100%; border:0px solid red;} .m_con_ment .ar_txt .ar_hd span{color:#a8ff00;} .m_con_ment .ar_txt .ar_sd {float:left; width:100%; border:0px solid red; line-height:100%; font-family:tahoma; font-size:13px; padding:10px 0 0 0; color:rgba(255,255,255,0.7);} .m_con_ment .ar_txt .ar_etc {float:left; width:100%; font-size:11px; padding:30px 0 0 0; line-height:180%; opacity:0.6;} .m_con_ment .ar_txt .ar_sns {float:left; width:100%; padding:35px 0 0 0;} .m_con_ment .ar_txt .ar_sns .s_name {float:left; line-height:100%; font-family:tahoma; font-size:22px; color:white;} .m_con_ment .ar_txt .ar_sns .s_icon {float:left; line-height:25px; font-size:18px; color:white; padding:0 0 0 15px;} .m_con_ment .ar_txt .ar_sns .s_icon span a {margin-left:5px; color:white;} /* 메인이미지내 커밍순컨텐츠 */ .comming_soon {display:inline-block; max-width:1000px; padding:0 0px; width:100%; border:0px solid blue;} .comming_soon .ar_txt {float:left; width:100%; border:0px solid red; text-align:left; padding:0px 0 0 0px; border:0px solid red;} .comming_soon .ar_txt .ar_hd {float:left; width:100%; font-size:50px; line-height:100%; border:0px solid red;font-family:Noto Sans KR, sans-serif; font-weight:100;} .comming_soon .ar_txt .ar_hd span{color:#a8ff00;font-size:60px; font-weight:100;} .comming_soon .ar_txt .ar_pd {float:left; width:100%; border:0px solid red; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:100; font-size:35px; padding:35px 0 25px 0; } .comming_soon .ar_txt .ar_pd span {font-weight:300;} .comming_soon .ar_txt .ar_sd {float:left; width:100%; border:0px solid red; line-height:100%; font-family:tahoma; font-size:13px; padding:10px 0 0 0; color:rgba(255,255,255,0.7);} .comming_soon .ar_txt .ar_etc {float:left; width:100%; font-size:13px; padding:40px 160px 0 0px; line-height:180%; opacity:0.4;} .comming_soon .ar_txt .ar_dmn {float:left; width:100%; font-size:13px; padding:40px 0 0 0; line-height:100%; font-family:tahoma; letter-spacing:0.1em;} .comming_soon .ar_txt .ar_dmn .url {display:inline-block;} .comming_soon .ar_txt .ar_sns {float:left; width:100%; padding:35px 0 0 0;} .comming_soon .ar_txt .ar_sns .s_name {float:left; line-height:100%; font-family:tahoma; font-size:22px; color:white;} .comming_soon .ar_txt .ar_sns .s_icon {float:left; line-height:25px; font-size:18px; color:white; padding:0 0 0 15px;} .comming_soon .ar_txt .ar_sns .s_icon span a {margin-left:5px; color:white;} @media screen and (max-width: 1260px){ .comming_soon .ar_txt {text-align:center;} .comming_soon .ar_txt .ar_hd {font-size:50px; } .comming_soon .ar_txt .ar_hd span{font-size:60px;} .comming_soon .ar_txt .ar_pd {font-size:30px; padding:35px 0 15px 0; } .comming_soon .ar_txt .ar_sd {font-size:13px; padding:10px 0 0 0;} .comming_soon .ar_txt .ar_etc {font-size:12px; padding:40px 80px 0 80px; line-height:180%; opacity:0.6;} .comming_soon .ar_txt .ar_dmn {font-size:12px; padding:40px 0 0 0;} } @media screen and (max-width: 900px){ .comming_soon .ar_txt .ar_hd {font-size:40px; } .comming_soon .ar_txt .ar_hd span{font-size:50px; font-weight:100;} .comming_soon .ar_txt .ar_pd {font-size:20px; padding:20px 0 10px 0; } .comming_soon .ar_txt .ar_sd {font-size:12px; padding:10px 0 0 0;} .comming_soon .ar_txt .ar_etc {font-size:11px; padding:40px 80px 0 80px; line-height:180%; opacity:0.6;} .comming_soon .ar_txt .ar_dmn {font-size:11px; padding:40px 0 0 0;} } @media screen and (max-width: 650px){ .comming_soon .ar_txt .ar_hd {font-size:30px; } .comming_soon .ar_txt .ar_hd span{font-size:35px;} .comming_soon .ar_txt .ar_pd {font-size:15px; padding:20px 0 10px 0; } .comming_soon .ar_txt .ar_sd {font-size:11px; padding:10px 0 0 0;} .comming_soon .ar_txt .ar_sd span {display:none;} .comming_soon .ar_txt .ar_etc {font-size:9px; padding:20px 50px 0 50px; line-height:180%; opacity:0.6;} .comming_soon .ar_txt .ar_dmn {font-size:11px; padding:25px 0 0 0; line-height:100%; } .comming_soon .ar_txt .ar_dmn .url {background:#006fc4; padding:8px 15px 5px 15px; border-radius:3px;} } /* default _main_title */ .mtblock_title {float:left; width:100%; padding-bottom:50px;font-family: 'Russo One', sans-serif; letter-spacing:0em; color:black; font-size:0;} .mtblock_title .tit_fix {display:inline-block; background:black; line-height:100%;font-size:15px; color:white; border:0px solid black; border-radius:3px 0 0 3px; padding:10px 20px; text-transform:uppercase;} .mtblock_title .tit_chg {display:inline-block; background:#005399; font-weight:500;line-height:100%;font-size:15px;border:0px solid #eeeeee; border-radius:0 3px 3px 0; padding:10px 20px; color:white; transition:all .2s; text-transform:uppercase;} .mtblock_title .tit_chg:hover {background:#0067be; transition:all .2s;} .mtblock_title .tit_sm {float:left; width:100%; border:0px solid red; font-family: NanumBarunGothic, sans-serif; font-size:12px; letter-spacing:0em; padding:15px 0 0 0;} /* main 과정 타이틀영역 */ .m_counting {float:left; width:100%; padding:100px 0 50px 0; background:#ffffff;} .m_counting .set {float:left; width:100%; text-align:center;} .m_counting .set .pic {float:left; width:100%; } .m_counting .set .pic img {} .m_counting .set .title {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:400; font-size:30px; color:black; line-height:100%; letter-spacing:-0.05em; display:none;} .m_counting .set .title span{font-weight:500; color:#005399; margin-left:15px;} .m_counting .set .txt {float:left; width:100%; text-align:center; color:rgba(0,0,0,0.5); line-height:160%; font-size:13px; padding:20px 0 0 0;} /* main 과정바로가기 */ .cur_kd {float:left; width:100%; height:500px; overflow:hidden; } .cur_kd .in_pos{display:inline-block; max-width:1700px; width:100%;} .cur_kd .kd_sec {float:left; width:20%; height:100%; border:0px solid red; } .cur_kd .kd_sec .bg_cvr {position:relative; width:100%; height:100%; top:0; left:0; background: linear-gradient( to top, rgba(0,0,0,0.3), rgba(0,0,0,0.0)); } .cur_kd .kd_sec .bg_cvr .cntbx { position:absolute; top:0; left:0; height:100%; width:100%; display:table;border:0px solid blue; transition:all .3s; color:white;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg {display:table-cell; vertical-align:middle; width:100%; border:0px solid red;transition:all .3s;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_df {float:left; width:100%; border:0px solid red;transition:all .3s; text-transform: uppercase;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:28px;text-shadow: 0 0 1px #000000;padding:160px 0 50px 0; color:white;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over {float:left; width:100%; opacity:0;transition:all .3s; } .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over .txt {float:left; width:100%; font-size:11px; padding:0 50px 15px 50px; text-align:left; opacity:0.5;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over .go_btn {display:inline-block; width:180px; height:50px; background:#0068e8; color:white; border-radius:3px; transition:all .2s; } .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over .go_btn:hover {background:#00afe8; transition:all .2s;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over .send_set {position:relative; top:0; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; line-height:100%;font-size:15px; height:100%; } .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over .send_e {position:absolute; top:17px; width:100%; transition:all .3s;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over .send_k {position:absolute; top:25px; width:100%; opacity:0;transition:all .3s;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over:hover .send_e {top:25px; opacity:0; transition:all .3s;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over:hover .send_k {top:17px; opacity:1; transition:all .3s;} .cur_kd .kd_sec .bg_cvr .cntbx:hover {background:rgba(0,0,0,0.5);transition:all .3s;} .cur_kd .kd_sec .bg_cvr .cntbx:hover .box_chg .c_df {transition:all .3s; padding:0 0 30px 0; font-size:25px;} .cur_kd .kd_sec .bg_cvr .cntbx:hover .box_chg .c_over {opacity:1; transition:all .3s;} .cur_kd .kd_bg1 {background:url('/images/kdp1.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .cur_kd .kd_bg2 {background:url('/images/kdp2.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .cur_kd .kd_bg3 {background:url('/images/kdp3.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .cur_kd .kd_bg4 {background:url('/images/kdp4.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .cur_kd .kd_bg5 {background:url('/images/kdp5.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } @media screen and (max-width: 1500px){ .cur_kd {height:400px;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_df {font-size:22px; padding:200px 0 50px 0;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over .txt {font-size:11px; padding:0 30px 15px 30px;} .cur_kd .kd_sec .bg_cvr .cntbx .box_chg .c_over .go_btn {width:150px; } .cur_kd .kd_sec .bg_cvr .cntbx:hover .box_chg .c_df {padding:0 0 20px 0; font-size:20px;} } /* 메인뉴스 */ .main_latest_news {float:left; width:100%; } .main_latest_news .pos {display:inline-block; max-width:1500px; width:100%; padding:110px 50px;} .main_latest_news .pos .latest {float:left; width:100%; font-size:0;} /* Notice area */ .main_latest_clm {float:left; width:100%; border:1px solid #eeeeee; border-width:0px 0 0px 0; background: #f4f4f4; overflow:hidden;} .main_latest_clm .pos {display:inline-block; max-width:1260px; width:100%; padding:15px 0px; border:1px solid #eeeeee; border-width:1px 1px 1px 1px; background:white; overflow:hidden;} .main_latest_clm .pos .latest {float:left; width:100%; border:0px solid red;} /* main Notice slide */ .te_tv_sl_layout {display:inline-block; width:100%; height:auto;} .te_tv_sl_pos {max-width:1400px; width: 100%; border:0px solid blue;} .slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; } .slick-list{position: relative; display: block; /*overflow: hidden;*/ margin: 0; padding: 0;} .slick-list:focus{outline: none; } .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left; height: auto; min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} /* main Notice slide_간격 */ .slider {width: 100%; margin: auto;} .slick-slide {padding: 0px 0px; border:1px solid #eeeeee; border-width:0 0px; margin-right:0px;} .slick-slide img {width: 100%;} .slick-prev:before, .slick-next:before {color: black; } .slick-slide {transition: all ease-in-out .3s; opacity:1;} .slick-active {opacity: 1; } .slick-current {opacity: 1;} .slick-dotted.slick-slider{margin-bottom: 0px;} .slick-dots{position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; display:none !important;} .slick-dots li{position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; background:transparent; border-radius:100%;} .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #dddddd; border-radius:100%;} .slick-dots li button:hover, .slick-dots li button:focus{outline: none; background:red;} .slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: 'ㆍ'; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:100%;} .slick-dots li.slick-active button:before{ background:red;} .slick-prev{display:none !important;} .slick-next{display:none !important;} /* Arrows .slick-prev, .slick-next{font-size: 0; line-height: 0; position: absolute; top: 40%; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; ; outline: none; background: transparent;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;} .slick-prev:before, .slick-next:before{font-size: 100px;line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index:500;} .slick-prev{left: -80px; border: 1px solid #dddddd; border-width:0px 0px 1px 1px; transform:rotate(45deg);} .slick-prev:hover{border: 1px solid black; border-width:0px 0px 1px 1px; } .slick-next{right: -80px; border: 1px solid #dddddd; border-width:1px 1px 0px 0px; transform:rotate(45deg);} .slick-next:hover{border: 1px solid black; border-width:1px 1px 0px 0px; } @media screen and (max-width: 1800px){ .slick-prev{display:none !important;} .slick-next{display:none !important;} } */ /*아티스트*/ .main_artist {float:left; width:100%; /*margin-bottom:-80px;*/ border:0px solid red;} .main_artist .pos {display:inline-block; width:1260px; padding:100px 0px;} .main_artist .pos .latest {float:left; width:100%; font-size:0;} /* 구분 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Greetings */ .greet_ml {float:left; width:100%; padding:110px 0; background:#ffffff;} .greet_ml .pos {display:inline-block; width:1300px;} .greet_ml .pos .blk {float:left; width:100%;} .greet_ml .pos .blk .pic {float:left; width:500px;} .greet_ml .pos .blk .pic img {width:100%; border-radius:0 30px} .greet_ml .pos .blk .txt {float:left; width:calc(100% - 500px); text-align:justify; padding:0 0 0 80px; color:#808080; font-size:13px; line-height:230%;} .greet_ml .pos .blk .txt .hd {float:left; width:100%;font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; font-weight:400; font-size:25px; padding:25px 0; color:black;} .greet_ml .pos .blk .txt .hd span {color:#005db9; font-weight:500;} .greet_ml .pos .blk .txt .k1 {float:left; width:100%; } .greet_ml .pos .blk .txt .k2 {float:left; width:100%; padding:15px 0 30px 0;} .greet_ml .pos .blk .txt .k2 span {color:#015faf;} .greet_ml .pos .blk .txt .k3 {float:left; width:100%; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; font-weight:400; font-size:18px; color:black} /* Introduce */ .about_ml {float:left; width:100%; font-size:0;} .about_ml .ml_pos {display:inline-block; width:100%; border-bottom:1px solid #eeeeee;} .about_ml .ml_pos:nth-child(even) {background:#ffffff !important; } .about_ml .ml_pos:nth-child(odd) {background:#fafafa !important; } .about_ml .ml_set {display:inline-block; max-width:1500px; width:100%; min-width:1260px; padding:100px 80px; } .about_ml .img_pos1 {float:left;} .about_ml .img_pos2 {float:right;} .about_ml .img_ar {width:53%; height:400px; display:table; border-radius:0px; overflow:hidden;} .about_ml .img_tit {display:table-cell; vertical-align:middle; color:white; background:rgba(0,0,0,0.0); text-shadow: 0 0 1px #000000;} .about_ml .img_tit .ht1 {float:left; width:100%; font-family: 'Abel', sans-serif;font-size:35px; line-height:100%; display:none;} .about_ml .img_tit .ht2 {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; padding-top:10px; letter-spacing:-0.05em; opacity:0.7; display:none;} .about_ml .txt_ar {float:left; width:47%; height:400px; display:table; } .about_ml .txt_set {display:table-cell; vertical-align:top; padding:50px 80px 0 80px; text-align:left;} .about_ml .txt_set .txt_b {float:left; width:100%; font-size:25px; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding-bottom:25px; color:black;} .about_ml .txt_set .txt_k {float:left; width:100%; font-size:15px; line-height:160%; padding-bottom:25px; } .about_ml .txt_set .txt_e {float:left; width:100%; font-size:13px; line-height:170%; padding:0 0 0 10px; opacity:0.8;} .about_ml .txt_set .tx_hd {} .about_ml .ml_bg1 {background:#dddddd url(/images/ab_ml1.jpg) no-repeat center center; background-size:cover; } .about_ml .ml_bg2 {background:#dddddd url(/images/ab_ml2.jpg) no-repeat center center; background-size:cover; } .about_ml .ml_bg3 {background:#dddddd url(/images/ab_ml3.jpg) no-repeat center center; background-size:cover; } .about_ml .ml_bg4 {background:#dddddd url(/images/ab_ml4.jpg) no-repeat center center; background-size:cover; } /* History */ .md_history {float:left; width:100%; padding:110px 0; background:#fafafa; border-bottom:1px solid #eeeeee;} .md_history .pos {display:inline-block; width:1100px;} .md_history .pos .blk {float:left; width:100%;} .md_history .pos .blk .pic {float:left; width:100%; } .md_history .pos .blk .pic .p_thum {float:left; width:calc(16.66666% - 6px); margin:3px; } .md_history .pos .blk .pic .pt_cvr {float:left; width:100%; font-family: 'Abel', sans-serif;font-size:15px; background:rgba(0,0,0,0.0); padding:120px 0; line-height:100%; color:rgba(255,255,255,0);/*text-shadow: 0 0 1px #000000;*/} .md_history .pos .blk .pic .bg0 {background:#000e2b; } .md_history .pos .blk .pic .bg1 {background:#dddddd url(/images/hthum1.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg2 {background:#dddddd url(/images/hthum2.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg3 {background:#dddddd url(/images/hthum3.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg4 {background:#dddddd url(/images/hthum4.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg5 {background:#dddddd url(/images/hthum5.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg6 {background:#dddddd url(/images/hthum6.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg7 {background:#dddddd url(/images/hthum7.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg8 {background:#dddddd url(/images/hthum8.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg9 {background:#dddddd url(/images/hthum9.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg10 {background:#dddddd url(/images/hthum10.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .pic .bg11 {background:#dddddd url(/images/hthum11.jpg) no-repeat top center; background-size:cover; } .md_history .pos .blk .txt {float:left; width:100%; text-align:justify; padding:40px 80px 0 80px; color:#808080; font-size:13px; line-height:220%; border:0px solid red;} .md_history .pos .blk .txt .k1 {float:left; width:100%; } .md_history .pos .blk .txt .k2 {float:left; width:100%; padding:15px 0 0px 0;} .history_list_bx {float:left; width:100%;} .history_list_bx .hi_pos {display:inline-block; width:1260px; padding:110px 0; border:0px solid red;} /* Model Academy */ .md_academy {float:left; width:100%; padding:110px 0; background:#ffffff;} .md_academy .pos {display:inline-block; width:1100px;} .md_academy .pos .blk {float:left; width:100%;} .md_academy .pos .blk .pic {float:left; width:100%; } .md_academy .pos .blk .pic .p_thum {float:left; width:calc(16.66666% - 6px); margin:3px; } .md_academy .pos .blk .pic .pt_cvr {float:left; width:100%; font-family:tahoma;font-size:15px; background:rgba(0,0,0,0.3); padding:80px 0; line-height:100%; color:white;text-shadow: 0 0 1px #000000;} .md_academy .pos .blk .pic .bg0 {background:#000e2b; } .md_academy .pos .blk .pic .bg1 {background:#dddddd url(/images/pthum1.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg2 {background:#dddddd url(/images/pthum2.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg3 {background:#dddddd url(/images/pthum3.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg4 {background:#dddddd url(/images/pthum4.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg5 {background:#dddddd url(/images/pthum5.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg6 {background:#dddddd url(/images/pthum6.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg7 {background:#dddddd url(/images/pthum7.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg8 {background:#dddddd url(/images/pthum8.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg9 {background:#dddddd url(/images/pthum9.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg10 {background:#dddddd url(/images/pthum10.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .pic .bg11 {background:#dddddd url(/images/pthum11.jpg) no-repeat center center; background-size:cover; } .md_academy .pos .blk .txt {float:left; width:100%; text-align:justify; padding:40px 80px 0 80px; color:#808080; font-size:13px; line-height:220%; border:0px solid red;} .md_academy .pos .blk .txt .hd {float:left; width:100%;font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; font-weight:400; font-size:22px; padding:25px 0; color:black;} .md_academy .pos .blk .txt .hd span {color:#005db9; font-weight:500;} .md_academy .pos .blk .txt .k1 {float:left; width:100%; } .md_academy .pos .blk .txt .k2 {float:left; width:100%; padding:15px 0 0px 0;} .md_academy .pos .blk .txt .k2 span {color:#015faf;} .md_academy .pos .blk .txt .k3 {float:left; width:100%; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; font-weight:400; font-size:18px; color:black} /* Global Academy */ .g_model_blk {float:left; width:100%;} .g_model_blk .gm_pos {display:inline-block; max-width:1400px; width:100%; min-width:1260px; padding:110px 0; } .g_model_blk .m_set {float:left; width:33.3333%; padding:0 40px; } .g_model_blk .m_set .stp_df {float:left; width:100%; } .g_model_blk .m_set .mbg1 {background:#dddddd url(/images/stp_ml1.jpg) no-repeat center center; background-size:cover; } .g_model_blk .m_set .mbg2 {background:#dddddd url(/images/stp_ml2.jpg) no-repeat center center; background-size:cover; } .g_model_blk .m_set .mbg3 {background:#dddddd url(/images/stp_ml3.jpg) no-repeat center center; background-size:cover; } .g_model_blk .m_set .stp_cvr {float:left; width:100%; background:rgba(0,0,0,0.3); padding:110px 0; text-shadow: 0 0 1px #000000; font-family: 'Abel', sans-serif;font-size:35px; line-height:100%; color:white; letter-spacing:-0.05em;border-radius:5px;} .g_model_blk .m_set .stp_con {float:left; width:100%; text-align:left; padding:50px 40px 0 40px; } .g_model_blk .m_set .stp_con .stp_btt {float:left; width:100%; } .g_model_blk .m_set .stp_con .stp_r {float:left; width:100%;font-family:Noto Sans KR, sans-serif; font-weight:500; padding-bottom:10px; line-height:100%; font-size:18px; letter-spacing:-0.05em; color:black; } .g_model_blk .m_set .stp_con .stp_s {float:left; width:100%; font-size:13px; line-height:180%; color:rgba(0,0,0,0.5); } .g_model_blk .m_set .stp_spc {float:left; width:100%; height:30px;} /* 커리큘럼 - 기본 */ .cur_basic_info {float:left; width:100%; background:#fafafa; border-bottom:1px solid #eeeeee;} .cur_basic_info .cbi_pos {display:inline-block; width:1260px; padding:120px 50px; text-align:center;} .cur_basic_info .cbi_pos .b_if {float:left; width:100%; font-size:15px; line-height:180%; text-align:left; padding:0 50px;} .cur_basic_info .cbi_pos .mth {display:inline-block; font-family: 'Abel', sans-serif;font-size:45px; letter-spacing:-0.05em; line-height:100%; padding:60px 0 30px 0;} .cur_basic_info .cbi_pos .mth span {color:red;} .cur_basic_info .cbi_pos .crs_set {float:left; width:100%; font-size:0; border:0px solid red;} .cur_basic_info .cbi_pos .crs_set .crs_n {display:inline-block; font-size:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; color:#000000; border:1px solid #dddddd; background:white; margin:0 5px; padding:13px 25px;;} .cur_basic_info .cbi_pos .crs_set .crs_n span {color:rgba(0,0,0,0.5); margin-right:5px;} .cur_basic_info .cbi_pos .ck_kb {float:left; width:100%; font-size:0; padding-top:50px; border:0px solid red;} .cur_basic_info .cbi_pos .ck_kb .ck_s {display:inline-block; width:20%; border:0px solid red; vertical-align:top;} .cur_basic_info .cbi_pos .ck_kb .ck_s .c_pho {float:left; width:100%; border:0px solid red;} .cur_basic_info .cbi_pos .ck_kb .ck_s .c_pho img {width:100%;} .cur_basic_info .cbi_pos .ck_kb .ck_s .c_kname {float:left; width:100%; font-size:15px; font-family:Noto Sans KR, sans-serif; font-weight:500; padding-top:15px;border:0px solid red;} .cur_basic_info .cbi_pos .ck_kb .ck_s .kn_hd {display:none;} /* 커리큘럼 - 연령구분 */ .cur_kname {float:left; width:100%; display:none;} .cur_kname .ml_pos {display:inline-block; width:100%; border-bottom:1px solid #eeeeee;} .cur_kname .ml_pos:nth-child(even) {background:#fafafa !important; } .cur_kname .ml_pos:nth-child(odd) {background:#ffffff !important; } .cur_kname .ml_set {display:inline-block; max-width:1500px; width:100%; min-width:1260px; padding:80px 0px; } .cur_kname .img_pos1 {float:left;} .cur_kname .img_pos2 {float:right;} .cur_kname .img_ar {width:50%; height:400px; display:table; border-radius:0px; overflow:hidden; border:0px solid red;} .cur_kname .img_tit {display:table-cell; vertical-align:middle; color:white; background:rgba(0,0,0,0.0); text-shadow: 0 0 1px #000000;} .cur_kname .img_tit .ht1 {float:left; width:100%; font-family: 'Abel', sans-serif;font-size:45px; line-height:100%; padding-bottom:15px; display:none;} .cur_kname .img_tit .ht2 {display:inline-block; width:200px; height:50px; background:#0062a7; transition:all .2s; border-radius:5px; color:white; display:none;} .cur_kname .img_tit .ht2:hover {background:#0078cc; transition:all .2s;} .cur_kname .img_tit .ht2 .send_set {position:relative; top:0; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; line-height:100%;font-size:15px; height:100%; } .cur_kname .img_tit .ht2 .send_e {position:absolute; top:17px; width:100%; transition:all .3s;} .cur_kname .img_tit .ht2 .send_k {position:absolute; top:25px; width:100%; opacity:0;transition:all .3s;} .cur_kname .img_tit .ht2:hover .send_e {top:25px; opacity:0; transition:all .3s;} .cur_kname .img_tit .ht2:hover .send_k {top:17px; opacity:1; transition:all .3s;} .cur_kname .txt_ar {float:left; width:50%; height:400px; display:table; } .cur_kname .txt_set {display:table-cell; vertical-align:top; padding:80px 100px 0 100px; text-align:left;} .cur_kname .txt_set .txt_b {float:left; width:100%; font-size:30px; line-height:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding-bottom:25px; color:black;} .cur_kname .txt_set .txt_k {float:left; width:100%; font-size:16px; line-height:160%; font-family:Noto Sans KR, sans-serif; font-weight:500; padding-bottom:25px; } .cur_kname .txt_set .txt_e {float:left; width:100%; font-size:13px; line-height:170%; padding:0 0 0 10px; opacity:0.8;} .cur_kname .txt_set .tx_hd {} .cur_kname .ml_bg1 {background:#dddddd url(/images/kdp1.jpg) no-repeat center center; background-size:cover; } .cur_kname .ml_bg2 {background:#dddddd url(/images/kdp2.jpg) no-repeat center center; background-size:cover; } .cur_kname .ml_bg3 {background:#dddddd url(/images/kdp3.jpg) no-repeat center center; background-size:cover; } .cur_kname .ml_bg4 {background:#dddddd url(/images/kdp4.jpg) no-repeat center center; background-size:cover; } /* 커리큘럼 - 수업내용 */ .curi_blk {float:left; width:100%; border:0px solid red;} .curi_blk .ci_pos {display:inline-block; width:1260px; padding:100px 0;} table.cur_info_table {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.cur_info_table>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:center; padding:20px 0px; background:#f5f3f3; font-size:13px; color:black;} table.cur_info_table>tbody>tr:hover {background:#f8fdff !important;} table.cur_info_table>tbody>tr:nth-child(even) {background:#ffffff; } table.cur_info_table>tbody>tr:nth-child(odd) {background:#fafafa; } table.cur_info_table>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:15px; font-size:13px; line-height:180%;} table.cur_info_table>tbody>tr>td.no {text-align:center; width:60px;} table.cur_info_table>tbody>tr>td.techname {width:200px; font-weight:bold; color:black;} table.cur_info_table>tbody>tr>td .hd {display:none;} /* Model 패션쇼 */ .fashion_exp {float:left; width:100%; padding:110px 0; background:#fafafa; border-bottom:1px solid #eeeeee;} .fashion_exp .pos {display:inline-block; width:1100px;} .fashion_exp .pos .blk {float:left; width:100%;} .fashion_exp .pos .blk .txt {float:left; width:100%; text-align:justify; padding:0px 80px 0 80px; color:#808080; font-size:14px; line-height:190%; border:0px solid red;} .fashion_exp .pos .blk .txt .hd {float:left; width:100%;font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; font-weight:400; font-size:22px; padding:25px 0; color:black;} .fashion_exp .pos .blk .txt .hd span {color:#005db9; font-weight:500;} .fashion_exp .pos .blk .txt .k1 {float:left; width:100%; } .fashion_exp .pos .blk .txt .k2 {float:left; width:100%; padding:15px 0 0px 0;} .fashion_exp .pos .blk .txt .k2 span {color:#015faf;} .fashion_exp .pos .blk .txt .k3 {float:left; width:100%; font-family:Noto Sans KR, sans-serif; letter-spacing:-0.05em; font-weight:400; font-size:18px; color:black} /* 검정장소 지역탭 / 검색 */ .contest_scr {float:left; width:100%; padding:50px 0 ; } .contest_scr ul.area_bx {float:left; width:100%; } .contest_scr ul.area_bx li {float:left; width:calc(5.555555555555556% - 4px); cursor:pointer; padding:10px 0; border:1px solid #eeeeee; margin:0 2px; background:#fafafa;} .contest_scr ul.area_bx li.on {color:red; background:white; border:1px solid #8e7253;} .contest_scr .sc_bx {float:left; width:100%; font-size:0; padding-top:25px;} .contest_scr .sc_bx .sel_wrp {display:inline-block; vertical-align:middle; width:calc(100% - 500px);} .contest_scr .sc_bx .sel_wrp .sel_k {display:inline-block; vertical-align:middle; width:calc(33.3333% - 3px); margin-right:3px;} .contest_scr .sc_bx .sel_wrp .sel_k select {height:50px;} .contest_scr .sc_bx .btn_wrp {display:inline-block; vertical-align:middle; width:500px;} .contest_scr .sc_bx .frm {display:inline-block; vertical-align:middle; width:calc(100% - 90px);} .contest_scr .sc_bx .frm input {width:100%; height:50px; padding:0 15px; border:1px solid #d7d7d7; border-width:1px;background:#fafafa; font-size:15px; text-align:left; transition:all .2s; color:#461067;} .contest_scr .sc_bx .frm input:focus {outline:none; background: white !important; border:1px solid #333333 !important; transition:all .2s;} .contest_scr .sc_bx .frm input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .contest_scr .sc_bx .btn {display:inline-block; vertical-align:middle; width:90px;} .contest_scr .sc_bx .btn input {width:100%; height:50px; padding:0; border:0px; background:#8e7253; font-size:13px; text-align:center; transition:all .2s; color:white; cursor:pointer;} /* 검정장소 내용보기 */ .contest_view {float:left; width:100%; padding:0 0 100px 0 ; } .contest_view .hdbx {float:left; width:100%; padding-bottom:30px;} .contest_view .hdbx h2 {display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; line-height:110%; text-align:center; letter-spacing:-0.05em; color:black; position:relative;} .contest_view .hdbx h2 span {color:red;} .contest_view .hdbx .sta {position:absolute; top:-15px; right:-100px; color:white;font-family:NanumBarunGothic, sans-serif; line-height:150%; font-weight:normal; font-size:13px; padding:5px 0px; width:80px; border-radius:3px;} .contest_view .bv_pos {float:left; width:100%; background:#f5f3f3;} .contest_view .dv_info {float:left; width:calc(100% - 750px); padding:50px; } .contest_view .dv_info ul.if_wrp {float:left; width:100%; } .contest_view .dv_info ul.if_wrp li {float:left; width:100%; text-align:left; font-size:0; padding:5px 0; } .contest_view .dv_info ul.if_wrp li.cp_name {font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; color:black; padding-bottom:25px; letter-spacing:-0.05em;} .contest_view .dv_info ul.if_wrp li .tit {display:inline-block; vertical-align:middle; width:70px; padding:4px 0px; background:#555555; color:white; font-size:12px; border-radius:30px; text-align:center;} .contest_view .dv_info ul.if_wrp li .txt {display:inline-block; vertical-align:middle; width:calc(100% - 70px); color:black; font-size:13px; padding:0 0 0 20px;} .contest_view .dv_info ul.if_wrp li .tit2 {display:inline-block; vertical-align:middle; width:100px; color:rgba(0,0,0,0.7); font-size:12px;text-align:left;} .contest_view .dv_info ul.if_wrp li .tit2:before {content:"ㆍ ";} .contest_view .dv_info ul.if_wrp li .txt2 {display:inline-block; vertical-align:middle; width:calc(100% - 100px); color:black; font-size:12px; } .contest_view .dv_map {float:left; width:750px; height:500px; } .contest_view .content {float:left; width:100%; padding:50px; text-align:left; font-size:15px; line-height:180%; background:white; border-bottom:1px solid #eeeeee; color:rgba(0,0,0,0.7); } .contest_view .content .c_tit {display:inline-block; width:100%; padding-bottom:15px;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; color:black;} .contest_view .btn {float:left; width:100%; text-align:center; padding-top:35px; } .contest_view .btn a {display:inline-block; padding:20px 0; width:180px; background:#8e7253; color:white; border-radius:35px;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;} .contest_view .reg_btn {float:left; width:100%; text-align:center; padding:50px 0 ; border-bottom:1px solid #eeeeee;} .contest_view .reg_btn a {display:inline-block; padding:20px 0; width:180px; background:#cc002f; color:white; border-radius:35px;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px;} /* 검정장소 리스트 */ .contest_loc {float:left; width:100%; padding:0 0 100px 0px;} ul.loc_info {float:left; width:100%; } ul.loc_info li {float:left; width:100%; padding:50px 30px; text-align:left; border:1px solid #eeeeee; background:#fafafa; margin-bottom:15px; transition:all .3s; position:relative;} ul.loc_info li .stat {position:absolute; top:25px; right:25px; color:white; padding:10px; width:100px; text-align:center; border-radius:3px;} ul.loc_info li:hover {background:white; transition:all .3s;} ul.loc_info li:last-child {margin:0;} ul.loc_info li.none {padding:50px 0; text-align:center; font-size:12px;} ul.loc_info li .wrp1 {float:left; width:100%; padding-bottom:20px; } ul.loc_info li .wrp2 {float:left; width:100%; padding:0 0 0 100px; } ul.loc_info li .wrp2 .blk1 {float:left; width:100%; } ul.loc_info li .wrp2 .blk2 {float:left; width:100%; } ul.loc_info li .wrp2 .blk3 {float:left; width:100%; border:1px solid #eeeeee; border-width:1px 0; padding:15px 0; margin:15px 0;} ul.loc_info li .no {float:left; width:100px;font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:18px; line-height:110%; text-align:left; } ul.loc_info li .sb_grp {float:left; width:calc(100% - 100px); } ul.loc_info li .sb_grp .subj {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; color:black; font-size:20px; line-height:110%; letter-spacing:-0.05em;} ul.loc_info li .sb_grp .subj span {color:red;} ul.loc_info li .sb_grp .subj a {color:black;} ul.loc_info li .sb_grp .subj a:hover {color:red;} ul.loc_info li .sb_grp .loc {float:left; width:100%; font-size:0; padding-top:15px; } ul.loc_info li .sb_grp .loc i {display:inline-block; vertical-align:middle; font-size:15px; padding-right:10px;} ul.loc_info li .sb_grp .loc span {display:inline-block; vertical-align:middle; font-size:15px;} ul.loc_info li .set {float:left; width:50%; padding:5px 0;} ul.loc_info li .set .tit {float:left; width:100px; font-size:13px; color:rgba(0,0,0,0.7);} ul.loc_info li .set .tit:before {content:"ㆍ ";} ul.loc_info li .set .txt {float:left; width:calc(100% - 100px); font-size:13px; color:black;} ul.loc_info li .set .txt span {color:red;} ul.loc_info li .set .txt span.tnm {color:black; position:relative;} ul.loc_info li .set .txt span.tnm .t_pic {position:absolute; top:-5px; right:-40px; width:25px; border-radius:100%; overflow:hidden;} ul.loc_info li .set .txt span.tnm .t_pic:after {content:""; display:block; padding-top:100%; } ul.loc_info li .set .txt a {color:black;} ul.loc_info li .set .txt a:hover {color:red;} ul.loc_info li .libtn_set {float:left; width:100%; font-size:0; text-align:center; padding:0; margin:25px 0 0 0;} ul.loc_info li .libtn_set .go_b {display:inline-block; width:180px; border-radius:35px; overflow:hidden;} ul.loc_info li .libtn_set .go_b a {color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; color:white; font-size:16px; line-height:110%; letter-spacing:-0.05em; width:100%; padding:20px 0; display:block;} ul.loc_info li .libtn_set .go_b.view {background:#8e7253;} ul.loc_info li .libtn_set .go_b.req {background:#cc002f; margin-left:10px;} .bgc_0 {background:#999999;} .bgc_1 {background:#81c300;} .bgc_2 {background:#008de0;} /* 신청폼 */ .req_frm_bx {display:inline-block; max-width:750px; width:100%; padding:50px;} .req_frm_bx .rf_pos {float:left; width:100%; border:1px solid #eeeeee; } .req_frm_bx h2 {float:left; width:100%; font-size:20px;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; text-align:left; padding-bottom:10px; color:black;} .req_frm_bx span.s_tit {float:left; width:100%; font-size:12px; color:rgba(0,0,0,0.7); line-height:180%; padding-bottom:20px; text-align:left; } .req_frm_bx .w_frm {float:left; width:100%; /*background:#fafafa;*/ padding:50px; border-bottom:1px solid #eeeeee; position:relative;} .req_frm_bx .w_frm:last-child {border:0;} .req_frm_bx .w_frm ul.fm_set {float:left; width:100%; font-size:0; padding:10px 0 0 0; text-align:left; } .req_frm_bx .w_frm ul.fm_set.sp_pd {padding-top:25px;} .req_frm_bx .w_frm ul.fm_set li {display:inline-block; vertical-align:top; width:100%; padding:10px 0px; border:0px solid red;} .req_frm_bx .w_frm ul.fm_set li:first-child {padding-top:0;} .req_frm_bx .w_frm ul.fm_set li:last-child {padding-bottom:0;} .req_frm_bx .w_frm ul.fm_set .fm_t {float:left; width:100%; text-align:left; padding:0 0 7px 0px; font-size:15px; color:black; /*font-weight:bold;*/} .req_frm_bx .w_frm ul.fm_set .fm_t .sprt_msg {color:red; font-size:11px; margin-left:5px;} .req_frm_bx .w_frm ul.fm_set .fm_t .ptx {display:inline-block; width:100%; padding-top:5px; font-size:11px; color:#0176bb;} .req_frm_bx .w_frm ul.fm_set .fm_b {float:left; width:100%; font-size:0px; text-align:left;} .req_frm_bx .w_frm ul.fm_set .fm_b input {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; background:#fafafa; font-size:12px; text-align:left; transition:all .2s;} .req_frm_bx .w_frm ul.fm_set .fm_b input:focus {outline:none; background-color: white !important; border:1px solid #461067; transition:all .2s;} .req_frm_bx .w_frm ul.fm_set .fm_b input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .req_frm_bx .w_frm ul.fm_set .fm_b .in_f {float:left; width:100px; } .req_frm_bx .w_frm ul.fm_set .fm_b .in_f input {border:0; background:#333333; width:100%; color:white; transition:all .2s; cursor:pointer; font-size:13px; height:35px;} .req_frm_bx .w_frm ul.fm_set .fm_b .in_f input:hover {background:#1661a9; transition:all .2s;} .req_frm_bx .w_frm ul.fm_set .fm_b .in_f input:focus {outline:none; background: #1661a9 !important; } .req_frm_bx .w_frm ul.fm_set .fm_b .in_c {float:left; width:100%; padding-top:2px;} .req_frm_bx .w_frm ul.fm_set .fm_b .c_p {float:left; position:relative;} .req_frm_bx .w_frm ul.fm_set .fm_b .c_p .tx1 {position:absolute; top:0; right:15px; font-size:11px; line-height:50px; } .req_frm_bx .w_frm ul.fm_set .fm_b .c_p input {padding:0 30px 0 10px; } .req_frm_bx .w_frm ul.fm_set .fm_b .c_p.wd1 {width:30%;} .req_frm_bx .w_frm ul.fm_set .fm_b .c_p.wd2 {width:calc(35% - 3px); margin-left:3px;} .req_frm_bx .w_frm .itb_wrp {float:left; width:100%; padding-top:0px; } .req_frm_bx .w_frm .wrn_bx {float:left; width:100%; padding-top:30px; text-align:left; } .req_frm_bx .w_frm .wrn_bx:first-child {padding:0;} .req_frm_bx .w_frm .wrn_bx .wb_tt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; padding-bottom:10px;font-size:20px; color:black;} .req_frm_bx .w_frm .wrn_bx .wb_exp {float:left; width:100%; font-size:13px; line-height:180%; padding-left:5px;} .req_frm_bx .w_frm .wrn_bx .wb_exp span {display:inline-block; width:100%; padding:0 0 5px 15px; color:red;;} .req_frm_bx .nxt_tp {float:left; width:100%; font-size:0; padding-top:20px; position:relative;} .req_frm_bx .nxt_tp .btn_bx {display:inline-block; vertical-align:middle; width:200px;} .req_frm_bx .nxt_tp .btn_bx input {border:0; background:#ef0000; width:100%; color:white; transition:all .2s; cursor:pointer; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:15px; height:55px; border-radius:35px; transition:all .2s;} .req_frm_bx .nxt_tp .btn_bx input:hover {background:#c10000; transition:all .2s;} .req_frm_bx .nxt_tp a {position:absolute; bottom:0; right:0; background:#999999; color:white; font-size:13px; padding:7px 10px;} table.itb_tb {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.itb_tb>tbody>tr>th {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:13px; background:#f5f3f3; font-size:12px; color:black; font-weight:normal; width:120px;} table.itb_tb>tbody>tr>td {border:none; border:0px solid #e9e9e9; border-width:0px 1px 1px 1px; vertical-align:middle; text-align:left; padding:13px; font-size:12px; background:white;} .req_pic_bx { float:left;width:100%; text-align:left; position:relative;} .req_pic_bx .pic_wrp {float:left; width:100px; padding:0;} .req_pic_bx .pic_wrp .u_photo {display:inline-block; width:100%; padding:0; border:1px solid #eeeeee; } .req_pic_bx .pic_wrp .u_photo:after {content:""; display:block; padding-top:100%;} .req_pic_bx .att_spp {float:left; width:calc(100% - 100px); padding:0px 0 0 30px; position:relative; } .req_pic_bx .u_ifx {float:left; width:100%; padding:0px 0 0 0px; position:relative;} .req_pic_bx .u_ifx .exp {float:left; width:100%; font-size:12px; line-height:180%; padding:25px 0 0 0;} .req_pic_bx .u_ifx .file_box {float:left; width:100%; padding:0 0 0 0; background:#fafafa; position:relative;} .req_pic_bx .u_ifx .file_box .att {display:inline-block; vertical-align:middle; width:70px; } .req_pic_bx .u_ifx .file_box .att [type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; } .req_pic_bx .u_ifx .file_box .att span {display:inline-block; width:100%; padding:10px 0; text-align:center; background:#461067;color:#ffffff; border-radius:3px; cursor:pointer;transition:all .2s; font-size:0px;} .req_pic_bx .u_ifx .file_box .att span:after {content:"첨부"; font-size:11px; } .req_pic_bx .u_ifx .file_box .att span:hover {background:#004c82; transition:all .2s; }