#wrap { } #top_blk { position:relative; min-width:1260px; width:100%; height:120px; margin:auto; text-align:center; z-index:999;} #top_blk_mb {display:none;} /* .top_main_app {position:relative; z-index:100; transition:all .3s;} .top_main_app .top_ar { background:transparent; border-bottom:0px solid transparent; transition:all .3s; border:1px solid #000;} .top_main_app .top_fix {background:transparent; border:0;transition:all .3s;} .top_main_app .top_ar .pos_i {height:90px; border:1px solid #000; } .top_main_app #menu_log2020 a {color:white;} .top_main_app .scbox_button {color:white;} .top_main_app .top_ar .pos_i .logo {background:url(/images/no_img_notice_logo.png) no-repeat; background-size:100% auto; background-position:center center; margin-top:30px; border:0px solid red;} .top_main_app:hover .top_ar {background:white; border-bottom:0px solid white; transition:all .3s;} .top_main_app:hover .top_fix {background:white;transition:all .3s;} .top_main_app:hover #nav_slide1.top1 .navi_cate ul.depth1 li a {color:black; transition:all .3s; } .top_main_app:hover #menu_log2020 a {color:black;} .top_main_app #menu_log2020 a:hover {color:red;} .top_main_app:hover .scbox_button {color:black;} .top_main_app .scbox_button:hover {color:red;} .top_main_app:hover .top_ar .pos_i .logo {background:url(/images/logo_st_bp.png) no-repeat; background-size:100% auto; background-position:center center; margin-top:30px; border:0px solid red;} border:1px solid red; */ .top_ar {min-width:1260px; border-bottom:1px solid #eeeeee;} .top_ar .twrp_bx { width:100%; background: #eaeaea; } .top_ar .pos_c {width:1260px; margin:0 auto; height:40px; } .top_ar .pos_c .tp_knd {float:left;} .tknd_sel { } .tknd_sel ul { padding:0; margin:0; background:#6c5c50; } .tknd_sel ul li {float:left;} .tknd_sel ul li a {display:inline-block; width:200px; height:40px; line-height:40px; text-align:center; color:white; transition:all .2s; font-size:12px;} .tknd_sel ul li a:hover {background:#ba8430; transition:all .2s;} .tknd_sel ul .on {background:#8e7253; transition:all .2s;} .top_ar .pos_c .tp_sns {float:right;} .top_ar .pos_i { width:1260px; display:inline-block; height:90px; border:10px solid #000; } .top_ar .pos_i .logo { float:left; width:286px; padding-top:10px; border:10px solid #000; } .top_ar .pos_i .logo img{} .top_fix { position:relative; min-width:1260px; width:100%; height:80px; position:absolute; top:40px; text-align:center; z-index:9999; background:white; border-bottom:1px solid #eeeeee;} .top_ar .pos_m { width:1260px; } .open_menu_sec {position:relative; width:100%; height:0px; text-align:right; z-index:9999999; } .open_menu_sec .m_wrp { position:relative; max-width:1260px; margin:0 auto; border:0px solid red;} .open_menu_sec .logo_i {float:left; max-width:200px; height:80px; padding:19px 0 0 0px; border:0px solid red;} .open_menu_sec .bmenu {float:right; width:900px; height:80px; padding:0 0 0 0; cursor:pointer; border:0px solid red; } .open_menu_sec .larea {position:relative;top:0px;left:0;width:100%;float:left; background:#f4f4f4;overflow:hidden; text-align:center; height:0;transition:all .2s .1s; -webkit-transition:all .2s .1s; -moz-transition:all .2s .1s;z-index:9999999;} .open_menu_sec:hover .larea {width:100%; height:260px; transition:all .3s .1s; -webkit-transition:all .3s .1s; -moz-transition:all .3s .1s;padding-bottom:10px; } /* 하단border값은 여기서 지정*/ .open_menu_sec .larea .con {display:inline-block; margin-left:350px; width:900px; height:240px; padding:0px 0 0 0; background:#fafafa; border-right:1px solid #eeeeee;} #navi_cate {display:inline-block; width:100%; padding-left:0px;} #navi_cate ul{ float:left; width:100%; margin:0; padding:0;} #navi_cate ul.depth1 li {float:left; width:16.6666%; letter-spacing:0em;color:rgba(0,0,0,0.8); font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; line-height:80px; text-align:left; padding-left:40px; } #navi_cate ul.depth1 li a {width:100%; color:black; text-decoration:none; transition:all .2s;} #navi_cate ul.depth1 li a:hover {color:red; transition:all .2s;} #navi_cate ul.depth1 li a.on {color:red; transition:all .2s;} #navi_top {text-align:left; float:left; padding-left:0px; width:100%; } #navi_top ul{ float:left; width:100%; margin:0; padding:0; } #navi_top ul.depth1 li {float:left; width:16.6666%; letter-spacing:0em; border-left:1px solid #eeeeee;} #navi_top ul.depth1 li a {float:left;width:100%; border-bottom:0px solid rgba(0,119,195,0.8); color:rgba(0,0,0,0.8); font-size:13px; line-height:100%; padding-left:0px; } #navi_top ul.depth1 li a:hover {color:red; } #navi_top ul.depth1 .on a {color:red; } #navi_top ul.depth2 {float:left; width:100%; margin-top:10px; } #navi_top ul.depth2 li { float:left; width:100%; border:0px solid red;} #navi_top ul.depth2 li a {float:left;padding:0px 0px 0px 0px; font-size:13px; color:rgba(0,0,0,1); line-height:200%; width:100%; transition:all .2s;} #navi_top ul.depth2 li a:hover {color:red; transition:all .2s;} #navi_top ul.depth2 .on2 a {color:red; font-weight:bold; transition:all .2s;} #navi_top ul.depth2 .off2 a {color:rgba(0,0,0,1); transition:all .2s;} #navi_top ul.depth3 {float:left;width:100%;border:0px solid red;} #navi_top ul.depth3 li a {float:left;padding:0px 0px 0px 10px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(0,0,0,0.7); width:100%; } #navi_top ul.depth3 li a:hover {color:red; } #navi_top ul.depth4 {float:left;width:100%;} #navi_top ul.depth4 li a {float:left;padding:0px 0px 0px 12px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(0,0,0,0.7); width:100%; } #navi_top ul.depth4 li a:hover {color:red; } #navi_top span {color:black; display:none;} #navi_top ul .on.lh_df {background:white;} #navi_top .lh_df {height:340px; padding:20px 0 0 30px; transition:all .2s;} #navi_top .lh_df:hover {background:#ffffff; transition:all .2s;} #navi_top .icon {margin-right:10px; color:red; opacity:0.2; font-size:10px;} /* #nav_slide1.top2 {width: 100%; height: 80px; z-index: 10; top: 0px !important; position: absolute !important; background: rgba(255,255,255,1); transition:all .3s; border-bottom:1px solid #eeeeee;} #nav_slide1.top1 {width: 100%; height: 80px; z-index: 10; top: 0px !important; position: absolute !important; transition:all .3s; } #nav_slide1:hover.top1 {border-bottom:1px solid #eeeeee; transition:all .3s;} #nav_slide1:hover.top1 .mv_link {float:left; width:170px; height:80px; padding:0 0 0 0px; margin-top:0px; transition:all .2s; border-radius:0px;} #nav_slide1:hover.top2 .mv_link {float:left; width:170px; height:80px; padding:0 0 0 0px; margin-top:0px; transition:all .2s; border-radius:0px;} .navi_eft {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } #nav_slide1.top1 .navi_cate {display:inline-block; width:100%;} #nav_slide1.top1 .navi_cate ul{ float:left; width:100%; margin:0; padding:0;} #nav_slide1.top1 .navi_cate ul.depth1 li {float:left; width:16.6666%; letter-spacing:0em;color:black; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; text-align:left; padding-left:50px;} #nav_slide1.top1 .navi_cate ul.depth1 li a {float:left;width:100%; color:white; height:80px; line-height:80px; padding-top:0; text-decoration:none; transition:all .2s; } #nav_slide1.top1 .navi_cate ul.depth1 li a:hover {color:red; transition:all .3s;} #nav_slide1.top1 .navi_cate ul.depth1 li a span {black:all .3s;display:inline-block;} #nav_slide1.top1 .navi_cate ul.depth1 li a:hover span {transition:all .2s;} #nav_slide1.top1 .navi_cate ul.depth1 li a.on {color:orange; font-weight:bold;} #nav_slide1.top1 .logo_i {background:url(/images/logo_style2.png) no-repeat center center; background-size:180px auto; } #nav_slide1.top1 .bg_space {background: rgba(0,0,0,1);} #nav_slide1.top1 .arr_pos .bg_color {background:#1f1f1f/*rgba(0,0,0,0.8)*/;} #nav_slide1.top2 .navi_cate {display:inline-block; width:100%;} #nav_slide1.top2 .navi_cate ul{ float:left; width:100%; margin:0; padding:0;} #nav_slide1.top2 .navi_cate ul.depth1 li {float:left; width:16.6666%; letter-spacing:0em;color:rgba(0,0,0,0.8); font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; text-align:left; padding-left:50px;} #nav_slide1.top2 .navi_cate ul.depth1 li a {float:left;width:100%; color:black; height:80px; line-height:80px; padding-top:0; text-decoration:none; transition:all .2s; } #nav_slide1.top2 .navi_cate ul.depth1 li a:hover {color:red; transition:all .2s;} #nav_slide1.top2 .navi_cate ul.depth1 li a span {transition:all .2s;display:inline-block;} #nav_slide1.top2 .navi_cate ul.depth1 li a:hover span {transition:all .2s;} #nav_slide1.top2 .navi_cate ul.depth1 li a.on {color:#ff4456; font-weight:bold; transition:all .2s;} #nav_slide1.top2 .logo_i {background:url(/images/logo_style1.png) no-repeat center center; background-size:180px auto; } #nav_slide1.top2 .bg_space {background: #eeeeee;} #nav_slide1.top2 .arr_pos .bg_color {background:#1f1f1f/*rgba(0,0,0,0.8)*/;} #nav_slide1 .navi_cate ul .psw {width:20% !important; border:0px solid red;} */ .etc_top_blk {float:left; width:100%; padding:0px 55px;} .etc_top_blk .app_k {float:left; width:20%; height:150px;border-radius:0 0px; overflow:hidden;} .etc_top_blk .app_k:nth-child(even) {background:rgba(0,0,0,0.0) !important; } .etc_top_blk .app_k:nth-child(odd) {background:rgba(0,0,0,0.0) !important; } .etc_top_blk .app_k.kbg1 {background:url('/images/kdp1.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .etc_top_blk .app_k.kbg2 {background:url('/images/kdp2.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .etc_top_blk .app_k.kbg3 {background:url('/images/kdp3.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .etc_top_blk .app_k.kbg4 {background:url('/images/kdp4.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .etc_top_blk .app_k.kbg5 {background:url('/images/kdp5.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover; } .etc_top_blk .app_k .app_cvr {float:left; width:100%; height:130px; background:rgba(0,0,0,0.0); transition:all .2s;} .etc_top_blk .app_k .app_cvr:hover {background:rgba(0,0,0,0.0); transition:all .2s;} .etc_top_blk .app_k .app_cvr .app_ic {float:left; width:100%; line-height:100%; font-size:25px; padding:32px 0 15px 0; color:white; text-shadow: 0 0 1px #000000;transition:all .2s;} .etc_top_blk .app_k .app_cvr .app_link {float:left; width:100%; line-height:100%; font-size:12px; color:rgba(255,255,255,0.6); text-shadow: 0 0 1px #000000; transition:all .2s;} .etc_top_blk .app_k .app_cvr:hover .app_ic {padding:27px 0 15px 0; color:#ff1c56; transition:all .3s;} .etc_top_blk .app_k .app_cvr:hover .app_link {color:white; transition:all .3s;} .bt_mblk { width:100%; text-align:center; /*background:url(/images/bg_btm1.jpg) no-repeat center center; background-size:cover; */} .bt_mblk .bt_cvr {float:left; width:100%; text-align:center; background:#f4f4f4; padding:0px 0; border-top:1px solid #eeeeee;} .bt_mblk .pos {display:inline-block; width:1260px; border:0px solid red;} #navi_btm {text-align:left; padding:0px 0; width:100%; border-right:1px solid #eeeeee; background:#fafafa;} #navi_btm ul{ float:left; width:100%; margin:0; padding:0;} #navi_btm ul.depth1 li {float:left; width:16.6666%; letter-spacing:0em; border-left:1px solid #eeeeee;} #navi_btm ul.depth1 li a {float:left;width:100%; border-bottom:0px solid rgba(0,119,195,0.8); color:rgba(0,0,0,1); font-size:15px; line-height:220%; transition:all .2s;padding-left:50px; font-weight:bold;} #navi_btm ul.depth1 li a:hover {color:#00316e; transition:all .2s;} #navi_btm ul.depth1 .on a {} #navi_btm ul.depth2 {float:left;width:100%; margin-top:15px;} #navi_btm ul.depth2 li {float:left;width:100%;border:0px solid red;} #navi_btm ul.depth2 li a {float:left;padding:0px 0px 0px 38px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(0,0,0,0.8); width:100%; /*font-family:NanumBarunGothic, sans-serif; font-weight:normal;*/ font-weight:500; transition:all .2s; line-height:180%;} #navi_btm ul.depth2 li a:hover {color:red; transition:all .2s;} #navi_btm ul.depth3 {float:left;width:100%;} #navi_btm ul.depth3 li a {float:left;padding:0px 0px 0px 100px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(0,0,0,0.7); width:100%; font-weight:normal; transition:all .2s;} #navi_btm ul.depth3 li a:hover {color:white; transition:all .2s;} #navi_btm ul.depth4 {float:left;width:100%;} #navi_btm ul.depth4 li a {float:left;padding:0px 0px 0px 120px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(0,0,0,0.7); width:100%; font-weight:normal; transition:all .2s;} #navi_btm ul.depth4 li a:hover {color:white; transition:all .2s;} #navi_btm ul .on.lh_df {background:white;} #navi_btm .lh_df {height:250px; padding:40px 0 0 0; transition:all .2s;} #navi_btm .lh_df:hover {background:white; transition:all .2s;} #navi_btm .icon {margin-right:10px; color:white; opacity:0.2; font-size:10px;} .bt_banner {float:left; width:100%; text-align:center;background:#f4f4f4; padding:0px 0; } .bt_banner .pos {display:inline-block; width:1260px; border:1px solid #eeeeee; border-width:0 1px;} /* 검색버튼 및 레이어공통영역 css =================================== */ .scbox_button {float:left; cursor:pointer; color:black; transition: all .2s;} .scbox_button:hover {color:red; transition: all .2s;} .scbox_button .scicon {float:left; padding:0 0 0 15px; font-size:15px; line-height:100%;} .scbox_button .sctxt {float:left; font-size:12px; padding:2px 0 0 5px; font-weight:bold; line-height:100%;} .scbox_wrap{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999999;} .scbox_wrap .mask_back {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity: .7; filter:alpha(opacity=70);} .scbox_wrap .content {display:block;width:1000px;height:340px;position:absolute;top:0;left:0; right:0; bottom:0; margin:auto; z-index:999999;background:#ffffff; border-radius:10px 0;} .scbox_wrap .content .close {position:relative;top:0; right:0; } .scbox_wrap .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;} .scbox_wrap .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;} .src_txbx {float:left; width:100%; text-align:left; color:black; padding:70px 90px 20px 90px;} .src_txbx .ttt {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em;} .src_txbx .ttt span {color:#b57b21;} .src_txbx .sss {float:left; width:100%; font-size:12px; color:rgba(0,0,0,0.7); padding-top:15px;} .src_section {float:left; width:100%; padding:0 80px 0px 80px;} .src_section .frm_ar {float:left; width:calc(100% - 100px); border:0px solid red;} .src_section .frm_ar input {border:0; background:#fafafa; width:100%; font-size:13px; height:60px; padding:0 15px; border:5px solid #b57b21; border-width:5px 0 5px 5px; color:#000;} .src_section .frm_ar input::placeholder {color:rgba(0,0,0,0.4);} .src_section .btn_ar {float:left; width:100px; } .src_section .btn_ar input {border:0; background:#b57b21; color:white; width:100%; height:60px; font-size:13px; cursor:pointer; font-weight:bold;} .scr_add_txt {float:left; width:100%; text-align:left; color:rgba(0,0,0,0.7); font-size:11px; line-height:180%; padding:20px 90px 20px 90px;} .scr_add_txt .ad_ln {float:left; width:100%; } .scr_add_txt .ad_call {float:left; text-align:right; padding-top:15px; width:100%; } .src_keyword {float:left; width:100%; text-align:left; color:white; padding:35px 90px 0 90px; displa y:none;} .src_keyword .ktt {float:left; width:100%; color:white; font-size:18px; padding-bottom:10px;} .src_keyword .word a {float:left; padding:5px 20px 0 0; font-size:13px; color:rgba(255,255,255,0.7);} .src_keyword .word a:hover {color:rgba(255,255,255,1);} .search_section {float:right; width:300px; } .search_section .frm_ar {float:left; width:calc(100% - 80px); border:0px solid red;} .search_section .frm_ar input {border:0; background:white; width:100%; height:50px; padding:0 15px; border:5px solid #0070b1; border-width:5px 0 5px 5px;} .search_section .frm_ar input::placeholder {color:rgba(0,0,0,0.4);} .search_section .btn_ar {float:left; width:80px; } .search_section .btn_ar input {border:0; background:#0070b1; color:white; width:100%; height:calc(100% + 1px); cursor:pointer; font-weight:bold;} .bt_cblk {display:inline-block; max-width:1260px; width:100%; padding:80px 0;} .bt_cblk .title {float:left; width:360px; text-align:left; } .bt_cblk .title .btlogo {float:left; padding:0px 0 0px 0; width:100%; } .bt_cblk .title .btlogo img {} .bt_cblk .title .btlogo_g {display:none;} .bt_cblk .info {float:left; width:calc(100% - 400px); border:0px solid red;} .bt_cblk .info .idf {float:left; width:800px; padding:0 80px 0 0px; border:0px solid red;} .bt_cblk .info .group {float:right; width:calc(100% - 600px); border:0px solid red;} .bt_cblk .info .group .gp_st {float:left; width:100%; text-align:left; color:white; border:0px solid red; padding-bottom:5px;} .bt_cblk .info .group .gp_st .gp_t {float:left; width:70px; border:0px solid red; line-height:170%; color:rgba(255,255,255,0.6);} .bt_cblk .info .group .gp_st .gp_c {float:left; width:calc(100% - 70px); border:0px solid red; line-height:170%;color:rgba(255,255,255,0.8);} .bt_cblk .info .group .gp_st .gp_c .b_hd {} .bt_cblk .info .itx {float:left; color:rgba(255,255,255,0.5); line-height:180%; font-size:11px; text-align:left; border:0px solid red; } .bt_cblk .info .itx a {color:white; cursor:text; font-weight:bold;} .bt_cblk .info .itx span {display:inline-block; margin:0 5px;} .bt_cblk .info .adf {float:left; padding:15px 0 0 5px; font-size:11px; color:white; letter-spacing:0.05em; opacity:0.3; text-align:left;} .bt_cblk .info .copy {float:left; padding:15px 0 0 5px; font-family:arial; font-size:11px; color:white; width:100%; text-align:left; letter-spacing:0.05em; opacity:0.5;} .bt_cblk .info .copy span {font-family:NanumBarunGothic, sans-serif; color:white; margin:0 10px;} .top_title_box {float:left; width:100%; text-align:center; padding:60px 0 60px 0; border-bottom:1px solid #eeeeee; } .top_title_box .rl_tit_call {display:inline-block; border:0px solid red; font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:40px; line-height:100%; color:black; letter-spacing:-0.05em;} .top_title_box .rl_tit_call .point_dot {position:relative; top:0; left:0; } .top_title_box .rl_tit_call .point_dot .dot_pos {position:absolute; top:-10px; left:-20px; width:15px; height:15px; border:1px solid #a8012c; border-width:3px 0 0 3px;} /* 서브페이지 백그라운드이미지 / 타이틀영역 */ .tt_bg_blk { height:300px; min-width:1260px; width:100%; text-align:center; transform:perspective(500px) rotate(.001deg);} .tt_bg_blk .cover { position:relative; max-width:2000px; width:100%; height:100%; top:0; left:0; right:0; margin:0 auto; overflow:hidden;} .tt_bg_blk .cover .full {position:absolute; width:100%; height:100%; background: linear-gradient( to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.3)); } .tt_bg_blk .cover .pos {position:absolute; top:0px; z-index:3; width:100%; height:100%; display:table;background: linear-gradient( to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.1)); } .tt_bg_blk .cover .pos .title_i {display:table-cell; vertical-align:middle;} .tt_bg_blk .cover .pos .title_i .exp {display:inline-block; max-width:1260px; width:100%; text-align:center; color:white;font-family:Noto Sans KR, sans-serif; font-weight:300; letter-spacing:0em;text-transform: uppercase; font-size:45px; padding-bottom:0px; line-height:100%;text-shadow: 0 0 1px #000000;} .tt_bg_blk .cover .pos .title_i .exp span{font-weight:500; } .tt_bg_blk .cover .pos .title_i .exp .grp {position:relative; width:100%; color:white; padding-left:30px; z-index:13; } .tt_bg_blk .cover .pos .title_i .expstitle { font-weight:500; color:#fff; font-size:15px; padding-top:20px; } .tt_bg_blk .bg {position:absolute; top:0px; left:0; width:100%; height:100%;} .tt_bg_blk .img_01 {background:url(/images/btmbg1.jpg) no-repeat center center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img_02 {background:url(/images/btmbg2.jpg) no-repeat center center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img_03 {background:url(/images/btmbg3.jpg) no-repeat center center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img_04 {background:url(/images/btmbg4.jpg) no-repeat center center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img_05 {background:url(/images/btmbg5.jpg) no-repeat center center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img_06 {background:url(/images/btmbg6.jpg) no-repeat center center; background-size:cover; -webkit-backface-visibility: hidden;backface-visibility: hidden;} .tt_bg_blk .img_07 {background:url(/images/btmbg7.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img_08 {background:url(/images/btmbg1.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img_09 {background:url(/images/btmbg1.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img_10 {background:url(/images/btmbg1.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img_11 {background:url(/images/btmbg1.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img_12 {background:url(/images/btmbg1.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img_13 {background:url(/images/btmbg1.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img_14 {background:url(/images/btmbg1.jpg) no-repeat center center; background-size:cover; } .animate-bg {-webkit-animation-name: animateBg; animation-name: animateBg;} .animate {-webkit-animation-duration: 5000ms; animation-duration: 5000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(.3,0,.7,1); animation-timing-function: cubic-bezier(.3,0,.7,1); /* animation-iteration-count: infinite; 반복구문*/} @keyframes animateBg { from {-ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2) translateZ(1px);} to {-ms-transform: scale(1, 1); transform: scale(1, 1) translateZ(1px);} } .tt_bg_blk .bg2 {position:absolute; top:-100px; right:-80px; width:550px; height:200%; z-index:1; transform: rotate(25deg);overflow:hidden; display:none;} .tt_bg_blk .bg_in_pic {position:absolute; top:80px; right:0; width:700px; height:80%; transform: rotate(-25deg);} .tt_bg_blk .img2_01 {background:url(/images/tmbg_2.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img2_02 {background:url(/images/tmbg_111.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img2_03 {background:url(/images/_tmbg_3.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img2_04 {background:url(/images/_tmbg_44444.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img2_05 {background:url(/images/_tmbg_5.jpg) no-repeat center center; background-size:cover; } .tt_bg_blk .img2_06 {background:url(/images/_tmbg_6.jpg) no-repeat center center; background-size:cover; } .gta_01:after {content: "원주한지테마파크는 누구나 이용이 가능합니다.";} .gta_02:after {content: "재미있는 한지를 여러분들께 소개합니다.";} .gta_03:after {content: "원주한지테마파크의 다양한 전시를 직접 만나보세요.";} .gta_04:after {content: "원주한지테마파크의 다양한 강좌와 체험, 해설을 경험하실 수 있습니다.";} .gta_05:after {content: "원주한지테마파크의 소식, 자료, 참여를 위한 커뮤니티입니다.";} .gta_06:after {content: "원주한지테마파크를 이끌어 가는 한지개발원입니다.";} .gta_07:after {content: "회원님의 소중한 정보 잘 관리해 주세요.";} .gta_08:after {content: "text";} .gta_09:after {content: "커뮤니티 내 검색결과를 확인 할 수 있습니다.";} .sz1 {display:inline-block; max-width:1260px; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em;/*text-shadow: 0 0 1px #000000; */ color:rgba(255,255,255,0.9); font-size:18px;} .sz1 a {color:rgba(255,255,255,0.9); transition:all .2s;} .sz1 a:hover {color:rgba(255,255,255,1); transition:all .2s;} .sz1 .last {color:#d8ff00;} .sz2 {font-size:47px; color:red; line-height:100%; padding:15px 0 20px 0;text-shadow: 0 0 1px #000000;font-family:Noto Sans KR, sans-serif; font-weight:300; letter-spacing:-0.05em;text-transform: uppercase;} .sz3 {font-size:13px; color:rgba(255,255,255,0.7); white-space: pre; text-shadow: 0 0 1px #000000;} /* 서브페이지 메뉴 셀렉트바 css =================================== */ .sub_nv_ar {float:left; width:100%; text-align:center; border:1px solid #eeeeee; border-width:0 0 1px 0; background:#fafafa; display:none;} .sub_nv_ar .nv_pos {display:inline-block; max-width:1260px; width:100%;} /* 공지를 안쓸경우 대체 .inc_icon {float:right; border:1px solid #eeeeee; border-width:0 1px; padding:0 40px; background:white; height:70px; color:black;} .inc_icon .kind {float:left; font-size:18px; padding:26px 0 0 0; } .inc_icon .tt {float:left; padding:26px 0 0 10px; font-size:14px; font-weight:bold;} */ .live_notice {float:right; border-left:0px solid #eeeeee; width:100%; padding-left:0px;} .live_notice .title {float:left; border:0px solid #eeeeee; width:120px; height:90px; padding:25px 0 0 0px; } .live_notice .title .box {float:left; width:100%; height:40px; line-height:40px; text-align:center; font-size:11px; background:#000040; color:white;} .live_notice .lst {float:left; border-left:0px solid #eeeeee; width:100%; height:90px; padding:0; overflow:hidden; text-align:left;} .rolling{position:relative; width:100%; height:auto;} .rolling li{width:100%; height:100%; line-height:100%; font-size:13px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .sub_sel_nav {float:left; } .sub_sel_nav ul {float:left; } .sub_sel_nav ul li {float:left; width:250px; text-align:left; margin-right:-1px; } .sub_sel_nav ul li a {float:left; display:block; width:100%; height:70px; border:1px solid #eeeeee; border-width:0 1px; padding:27px 25px; font-size:15px; font-weight:bold; color:rgba(0,0,0,0.8); transition:all .2s;} .sub_sel_nav ul li a span {float:right; font-size:17px; color:#383838; margin-top:2px;} .sub_sel_nav .home {width:75px; text-align:center;} .sub_sel_nav .home a {width:100%; font-size:16px; padding:27px 0;} .sub_sel_nav .bul {width:auto; padding:15px;} .sub_sel_nav .pos {position:relative; width:100%; z-index:20;} .sub_sel_nav .pos .list {border:1px solid #eeeeee; border-width:0 1px 1px 1px; position:absolute; top:70px; left:0; width:100%; background:#fafafa;} /* 서브페이지 메뉴 셀렉트바 - depth1 css =================================== */ #sub_sel_cate {text-align:left; float:left;} #sub_sel_cate ul{ float:left; width:100%; margin:0; padding:0;} #sub_sel_cate ul.depth1 li {float:left; letter-spacing:0em; width:100%; font-family:NanumBarunGothic, sans-serif;border-top:1px solid #eeeeee;} #sub_sel_cate ul.depth1 li a {float:left; width:100%; padding:15px 25px; height:auto; color:rgba(0,0,0,0.7); transition:all .2s; font-size:13px; border:0;} #sub_sel_cate ul.depth1 li a:hover {transition:all .2s;color:rgba(0,0,0,1); background:white;} #sub_sel_cate ul.depth1 li .on {color:red; background:white;} #sub_sel_cate ul.depth1 li .on:hover {color:red;} /* 서브페이지 메뉴 셀렉트바 - depth2 css =================================== */ #sub_sel_li {float:left; padding:0px 0; width:100%; text-align:left;} #sub_sel_li ul {float:left; width:100%; margin:0; padding:0;} #sub_sel_li ul.depth2 li {float:left; width:100%; font-family:NanumBarunGothic, sans-serif;} #sub_sel_li ul.depth2 li a {float:left; width:100%; height:auto; padding:15px 25px; font-size:13px; background:#fafafa; color:rgba(0,0,0,0.7); border:1px solid #eeeeee; border-width:1px 0 0 0;} #sub_sel_li ul.depth2 li a:hover {color:red;background:#ffffff;} #sub_sel_li ul.depth2 .on a {background:#ffffff; color:red;} #sub_sel_li ul.depth2 .depth3 li {float:left; width:100%; font-family:NanumBarunGothic, sans-serif;} #sub_sel_li ul.depth2 .depth3 a {padding:2px 0 2px 30px; font-size:12px; color:rgba(0,0,0,0.6); border:0; background:white;} #sub_sel_li ul.depth2 .depth3 a:hover {color:red;} #sub_sel_li ul.depth2 .depth3 .on3 a {color:red;} #sub_sel_li ul.depth2 .depth3 .depth4 li {float:left; width:100%;} #sub_sel_li ul.depth2 .depth3 .depth4 a {padding:0px 0 0px 43px; font-size:11px; color:rgba(0,0,0,0.5); } #sub_sel_li ul.depth2 .depth3 .depth4 a:hover {color:red;} #sub_sel_li ul.depth2 .depth3 .depth4 .on4 a {color:red;} #sub_sel_li .icon2 {font-size:11px; opacity:0.7; margin-right:10px;} #sub_sel_li .icon3 {font-size:11px; opacity:0.7; margin-right:10px; color:black;} #sub_sel_li .here {float:right; font-size:9px; color:red; padding:4px 20px 0 0;} /* 하위메뉴 출력시 여백을 위아래로 주고 싶을때 대비 넣어둠 */ #sub_sel_li .space1 {float:left; width:100%; padding:15px 0; background:white; border-top:1px dotted #eeeeee;} #sub_sel_li .space2 {float:left; width:100%; padding:5px 0 15px 0; background:white; } .sub_menu_blk {float:left; width:100%; height:80px; text-align:center; /*background:#fafafa;*/ border-bottom:1px solid #dddddd;} .sub_menu_blk .pos {display:inline-block; width:1260px; text-align:center; font-size:0; padding:0;} .navi_sub {float:left; padding:0px 0; width:100%; text-align:center;} .navi_sub ul {display:inline-block; max-width:100%; width:auto; margin:0; padding:0;} .navi_sub ul li {display:inline-block; } .navi_sub ul li a {display:inline-block; height:81px;padding:30px 35px; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; color:rgba(0,0,0,1); border-bottom:2px solid transparent; transition:all .2s; text-align:center; letter-spacing:-0.05em;} .navi_sub ul li a:hover {color:#ea1819;transition:all .2s;} .navi_sub ul .on a {display:inline-block; padding:30px 35px; font-family:Noto Sans KR, sans-serif; font-size:16px; color:#ea1819; border-bottom:2px solid #ea1819; transition:all .2s;} /* .navi_sub ul .on a {display:inline-block; height:50px;padding:15px 35px; font-family:Noto Sans KR, sans-serif; font-size:16px; color:white; background:#bf1d2d; border-bottom:0px solid #ea1819; transition:all .2s; border-radius:3px;} .navi_sub ul .on a:hover {color:white; transition:all .2s;} */ /* 하단추가작은메뉴 */ #menu_btms {float:left; min-width:1260px; width:100%; background:rgba(0,0,0,0.3);} #menu_btms .spm1 {} #menu_btms .spm2 {} #menu_btms ul {display:inline-block; margin: 0; padding: 0; } #menu_btms ul li {float: left; width:200px; } #menu_btms ul li a {float: left; width:100%; text-align:center; padding: 20px 0;color:rgba(255,255,255,0.7); font-size:12px; } #menu_btms ul li a:hover {color:#00d8ff; } #menu_btms ul li.mb_hd {} /* top menu */ .ot_ba_menu {float:left; width:100%; font-size:0; text-align:right;} .ot_ba_menu .set {float:left; width:25%; vertical-align:top; color:white; text-align:center;transition:all .2s; cursor:pointer;} .ot_ba_menu .set:hover {color:#c4ff25;transition:all .2s; } .ot_ba_menu .set .fic {float:left; width:100%; font-size:25px; line-height:100%;} .ot_ba_menu .set .fnm {float:left; width:100%; font-size:13px; padding-top:13px; opacity:0.7;} /* #content_blk {background:#ffffff; padding:0px; min-width:1260px; width:100%;border:0px solid red;} #content_blk {background:#ffffff; padding:0px; width:100%;border:0px solid red;} */ #content_blk {background:#ffffff; padding:0px 0 0 0; min-width:1260px; width:100%;border:0px solid red;} .con_space {float:left; width:100%; height:80px;} #bottom_blk {display:inline-block; min-width:1260px; width:100%; text-align:center; background:#2b2b2b;} /* bottom 컨설팅 */ .bt_cslt {display:inline-block; width:100%; height:70px; text-align:center; background:rgba(115,14,0,0.9);} .bt_cslt .pos {display:inline-block; clear:both; font-size:14px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:0em;} .bt_cslt .pos .btm_m {float:left;width:100%;margin:0; padding-left:0px;} .bt_cslt .pos .btm_m li, btm_m li.btm_sel {display:block; float:left; } .bt_cslt .pos .btm_m li a:link, .bt_cslt .pos .btm_m li a:active, .bt_cslt .pos .btm_m li a:visited {display:block; width:100%; padding:27px 15px 0px 15px; color:white;} .bt_cslt .pos.btm_m li a:hover {color:#E40113;} .sns_cnt {float:left; margin:0; padding:10px 0 0 0;} .sns_cnt li {float:left; margin-left:25px;} .sns_cnt li a {float:left; font-size:18px; color:black; transition:all .2s;} .sns_cnt li a:hover {color:#9d0e1c; transition:all .2s;} /* bottom copy */ #dt_outline {height: 50px; width:100%; position:relative; top:50px; z-index:1; cursor:pointer;} #dt_slist{position:absolute; bottom:49px; width:100%; height:auto; display:none; border:1px solid rgba(255,255,255,0.1); border-width:0; } .bx_sel_df {width:100%; height:50px; position:relative; color:rgba(255,255,255,0.6); background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.1); padding:15px 25px 0 25px; font-size:12px; font-weight:bold; text-align:left; cursor:pointer;} .bx_sel_df span {float:right; margin-top:4px; color:white;} .bx_sel_li {float:left; width:100%;} .bx_sel_li ul {float:left; width:100%; margin:0; padding:0;} .bx_sel_li ul li {float:left; width:100%;text-align:left; } .bx_sel_li ul li a {float:left; display:block; width:100%; border:1px solid rgba(136,136,136,0.1); border-width:0 0 1px 0; padding:10px 25px; font-size:12px; color:rgba(255,255,255,0.8); transition:all .2s; text-decoration:none; background:#3b3b3b;} .bx_sel_li ul li a:hover {color:#ffffff;transition:all .2s; background:#2e2e2e;} /* 스크롤탑세팅 */ .go-top {width:35px; height:35px; padding-top:8px; text-align:center; font-size:18px; position:fixed; bottom:-40px; right:20px;background:rgba(0,0,0,0.6); color:#FFFFFF; text-decoration:none;border-radius:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -moz-border-radius:100%; -webkit-border-radius:100%; z-index:20;} .go-top.show{bottom:20px;} .go-top:hover{background:rgba(0,0,0,1);} /* SNS css =================================== */ #sns_bnr {float:left; padding:25px 0 0 5px; width:100%;} #sns_bnr ul {margin: 0; list-style: none;padding-left:0px; width:100%;} #sns_bnr li {float: left; border-right:0px solid #1e2228; box-shadow: 0px 0 0 #444; position: relative; box-sizing:border-box;} #sns_bnr li .color1 {background:#50abf1;} #sns_bnr li .color2 {background:#3d5a98;} #sns_bnr li .color3 {background:#d0005d;} #sns_bnr li .color4 {background:red;} #sns_bnr a {float: left; text-align:center; padding-top: 9px; width:30px; height:30px; margin:0 5px; font-size:13px; opacity:1; border-radius:100%; color:white;} #sns_bnr li:hover > a {opacity:0.8} *html #sns_bnr li a:hover { /* IE6 only */ color: #fafafa;} /* 온라인상담 공통 .inc_cslt {border:0px solid red; float:left; width:100%; background:#948f86;} .inc_cslt .cover {float:left; width:100%; padding:100px; background:rgba(0,0,0,0.0);} .inc_cslt .form {width:100%; display:inline-block; } .inc_cslt .form .head {float:left; width:280px; border:1px solid red;} .inc_cslt .form .head .ott {padding:0 0 15px 0; width:100%; border:0px solid red; float:left;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; color:black; text-align:center;} .inc_cslt .form .head .fd_title {float:left; font-size:12px; text-align:center; width:100%; color:rgba(0,0,0,0.5);} .inc_cslt .form .wrt {float:left; width:calc(100% - 445px); border:1px solid red;} .inc_cslt .form .wrt .gr {width:100%; float:left;} .inc_cslt .form .wrt .gr .set {padding:0px 0; width:50%; border:0px solid #eeeeee; border-width:0 0 1px 0; float:left;} .inc_cslt .form .wrt .gr .set .title {position:relative; width:80px; height:0px; top:16px; left:20px;text-align:left; font-size:13px; color:rgba(0,0,0,0.9);font-family:Noto Sans KR, sans-serif; font-weight:500; } .inc_cslt .form .wrt .gr .set .cbx {float:left; width:100%; text-align:left; } .inc_cslt .form .wrt .gr .set .code {position:relative; width:80px; height:0px; top:13px; left:100px;} .inc_cslt .form .wrt .gr .set .code img {width:60px;} .inc_cslt .form .wrt .gr .set .wrntxt {float:left; width:100%; color:white; text-align:left; margin:5px; font-size:11px;} .inc_cslt .form .wrt .gr .set .frm {border:0px solid #dddddd; background:#ffffff; width:100%; height:50px; padding:0 10px 0 100px; font-size:13px; border-radius:0px;color:#0061A5;} .inc_cslt .form .wrt .gr .set .txar {border:0px solid #ffffff; background:#ffffff; width:100%; height:150px; padding:17px 10px 0 100px; font-size:13px; border-radius:0px; color:#0061A5;} .inc_cslt .form .wrt .gr .set .sppd {padding:0 10px 0 200px; color:red;} .inc_cslt .form .ybx {width:100%; background:#ffffff; border:0px solid red; float:left; text-align:center;} .inc_cslt .form .ybx .grp {padding:0 0 15px 0; width:100%; border:0px solid red; float:left; text-align:center; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:13px; color:red;} .inc_cslt .form .ybx .memo {border:1px solid #dddddd; border-width:1px 0; width:100%; color:rgba(0,0,0,0.6); font-size:12px; overflow:hidden; text-align:left;padding:25px;line-height:180%; background:#F3F3F3;;} .inc_cslt .form .ybx .memo span {font-weight:500;} .inc_cslt .form .ybx .set {padding:20px 0; width:100%; float:left; background:#fafafa;} .inc_cslt .form .ybx .set .label {color:black; border:0px solid red; display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:13px; cursor:pointer; letter-spacing:-0.05em;} .inc_cslt .form .btn {float:left; width:165px; margin-top:0px; text-align:center;} .inc_cslt .form .btn .send {width:100%; padding:25px 0; background:#990033; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:15px; border:0px; letter-spacing:-0.05em; border-bottom-left-radius:8px; border-bottom-right-radius:8px; cursor:pointer;} .inc_cslt .form .btn .send:hover {background:#bd0101; transition: all .2s;} */ /* 관리자로그아웃 hotlink 1 */ .admin_btn {position:fixed; top:15px;right:15px; z-index:10000; text-align:center; font-size:13px; } .admin_btn .admin {float:left; background:#000c46; color:white; width:30px; height:30px; padding-top:9px; border-radius:100%; margin-bottom:3px; clear:both;} .admin_btn .admin:hover{background:#001062;} .admin_btn .logout {float:left; background:#d90000; color:white; width:30px; height:30px; padding-top:9px; border-radius:100%; margin-bottom:3px; clear:both;} .admin_btn .logout:hover{background:#eb0101;} /* 타이틀하단 최근공지 css =================================== .space_info {border-bottom:1px solid #eeeeee; background:#fcfcfc; width:100%; height:130px; text-align:center; float:left; margin-top:100px;}*/ .space_info {border-bottom:1px solid #eeeeee; background:#fcfcfc; width:100%; height:100px; text-align:center; float:left; margin-top:0px;} .space_info .pos {display:inline-block; width:1260px; } .space_info .pos .ar1 {float:left; border:0px solid red; width:40%; padding:50px 0 0 0; text-align:right; display:none;} .space_info .pos .ar2 {float:left; border:0px solid red; width:100%; text-align:center; padding:40px 0 0 0;} .space_info .pos .ar2 .navi {display:inline-block; font-size:17px; letter-spacing:0em; font-family:Noto Sans KR, sans-serif; font-weight:500;color:#bababa;} .space_info .pos .ar2 .navi a {color:black;} .space_info .pos .ar2 .navi a:hover {color:#005070;} .space_info .pos .ar2 .navi .last {color:#005070;} .space_info .pos .ar2 .dmm {float:right; } /* 서브메뉴 css .sub_menu_blk {float:left; width:100%; text-align:center;border-bottom:1px solid #eeeeee;} .sub_menu_blk .pos {display:inline-block; width:1260px; text-align:center; font-size:0; padding:30px 0;} .navi_sub {text-align:left; float:left; padding:0px 0; width:100%; text-align:left;} .navi_sub ul {float:left; width:100%; margin:0; padding:0;} .navi_sub ul li {display:inline-block; width:calc(20% - 4px); margin:2px;} .navi_sub ul li a {display:inline-block; width:100%; padding:15px 0; font-size:13px; background:#fafafa; color:rgba(0,0,0,0.8); border:1px solid #eeeeee; transition:all .2s; text-align:center;} .navi_sub ul li a:hover {background:#005070; color:white; border:1px solid #005070; transition:all .2s;} .navi_sub ul .on a {display:inline-block; width:100%; padding:15px 0; font-size:13px; background:#005070; color:white; border:1px solid #005070; transition:all .2s;} .navi_sub ul .on a:hover {background:#005070; color:white; border:1px solid #005070; transition:all .2s;} =================================== */ /* movie_inc css =================================== */ .movie_inc {float:left; width:100%; background:white;} .movie_inc .pos {display:inline-block; width:900px; text-align:center;} .view_movie {position:relative; top:0px; left:-50%; width:100%; padding-bottom:56.25%; padding-left:0; } .view_movie .cvr {position:absolute; top:0; left:50%; width:100%; height:100%; background:rgba(0,0,0,0.0); z-index:1; transition:all .2s;} .view_movie .cvr:hover {background:rgba(0,0,0,0.2);transition:all .2s;} .view_movie iframe {position:absolute; width:100%; height:100%; left:50%; z-index:0; } /* 서브페이지 타이틀영역 css =================================== */ .sub_title_blk {float:left; width:100%; margin:100px 0;} .sub_title_blk .pos {display:inline-block; max-width:1260px; width:100%; height:2px; background:#ebebeb;} .sub_title_blk .pos .tt {display:inline-block; padding:0 50px; height:50px; margin:-25px 0 0 0; border:0px solid blue; background:white; line-height:45px;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:black; font-size:35px;} /* /////////////////////////// 좌측섹션//////////////////////////// */ /* left section css =================================== */ #navi_left{} #navi_left .area_open {position:fixed;top:0;left:-150px;width:150px;height:100%;background:#dddddd;z-index:10000; } #navi_left .area_open .con {display:inline-block;width:100%;height:100%; overflow:hidden; -webkit-overflow-scrolling:touch; -webkit-appearance:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0)} #navi_left .area_open .con .top {float:left; width:100%; height:214px;} #navi_left .area_open .con .scroll {float:left; width:250px; height:calc(100% - 214px); overflow-x:hidden; overflow-y:auto;} #navi_left .area_open .con .rest {float:left; width:150px; height:100%; color:white; } #navi_left .area_open.on {left:0} #navi_left .area_close {position:fixed;top:0;left:-60px;width:60px;height:100%;background:#dddddd;z-index:10000; border-right:0px solid #eeeeee; overflow-x:hidden; overflow-y:auto;} #navi_left .area_close .con {display:inline-block;width:100%;height:100%;overflow-x:hidden; overflow-y:auto;-webkit-overflow-scrolling:touch; -webkit-appearance:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0)} #navi_left .area_close .con .top {float:left; width:100%; height:86px; display:none;} /* #navi_left .area_close .con .scroll {float:left; width:100px; height:calc(100% - 86px); overflow-x:hidden; overflow-y:auto;} */ #navi_left .area_close .con .scroll {float:left; width:100px; height:100%; overflow-x:hidden; overflow-y:auto;} #navi_left .area_close .con .rest {float:left; width:60px; height:100%; color:white; } #navi_left .btn_close {position:absolute;top:0px; right:0; bottom:0; left:150px; margin:auto; width:25px;height:100%;display:table;} #navi_left .btn_close .btn {display:table-cell; vertical-align:middle;} #navi_left .btn_close .btn .go {float:left; background:#fafafa; border:1px solid #dddddd; border-width:1px 1px 1px 0; padding:15px 0; width:25px; color:black;font-size:20px; border-top-right-radius:5px;border-bottom-right-radius:5px;} #navi_left .btn_close .btn .go:hover {background:#ffffff;} #navi_left .btn_open {position:absolute;top:0px; right:0; bottom:0; left:60px; margin:auto; width:25px;height:100%; display:table; } #navi_left .btn_open .btn {display:table-cell; vertical-align:middle;} #navi_left .btn_open .btn .go {float:left; background:#fafafa; border:1px solid #dddddd; border-width:1px 1px 1px 0; padding:15px 0; width:25px; color:black;font-size:20px;border-top-right-radius:5px;border-bottom-right-radius:5px;} #navi_left .btn_open .btn .go:hover {background:#ffffff;} @media screen and (max-width: 1600px){ #navi_left{display:none;} } /* left section / big css =================================== */ .sec_rest {float:left; width:100%; background:#0074b0; } .sec_rest .bg {background:rgba(0,0,0,0.2);} .sec_rest .grp {float:left; width:100%; padding:35px 0; color:white; } .sec_rest .grp .icon {float:left; width:100%; font-size:30px;} .sec_rest .grp .txt {float:left; width:100%; font-size:14px; padding:10px 0 2px 0;font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; } .sec_rest .grp .stx {float:left; width:100%; font-size:11px; font-family:tahoma; opacity:0.6;} #ths_ppl {float:left; width:100%; background:#00527d;} #ths_ppl ul {margin: 0; width:100%;} #ths_ppl li {float: left; width:100%; text-align:left; border-bottom:1px solid rgba(137,137,137,0.2); background:rgba(255,255,255,0);} #ths_ppl a {float:left; width:100%; padding:20px 0 20px 30px; font-size:12px; color:white;transition:all .2s;} #ths_ppl a:hover {background:rgba(0,0,0,0.1);transition:all .2s;} /*.actor_profile {float:left; width:100%; margin-top:-1px;}*/ .actor_profile {float:left; width:100%; height:252px; background:url("/images/actor_bg.jpg"); margin-top:-1px;} .actor_profile .count {float:left; width:100%; padding-top:95px;font-family:Noto Sans KR, sans-serif; font-weight:100; font-size:35px; color:#002985;} /* left section / small css =================================== */ .sec_rest_s {float:left; width:100%; background:#0074b0;} .sec_rest_s .bg {background:rgba(0,0,0,0.2);} .sec_rest_s .grp {float:left; width:100%; padding:20px 0; color:white;} .sec_rest_s .grp .icon {float:left; width:100%; font-size:25px;} .sec_rest_s .grp .txt {float:left; width:100%; font-size:11px; padding:10px 0 0 0;letter-spacing:-0.05em; line-height:140%;} #ths_ppl_s {float:left; width:100%; background:#00527d;} #ths_ppl_s ul {margin: 0; width:100%;} #ths_ppl_s li {float: left; width:100%; text-align:center; border-bottom:1px solid rgba(137,137,137,0.2);} #ths_ppl_s a {float:left; width:100%; padding:20px 0; font-size:11px; color:white;transition:all .2s;} #ths_ppl_s a:hover {background:rgba(0,0,0,0.1);transition:all .2s;} /*.actor_profile_s {float:left; width:100%; margin-top:-1px;}*/ .actor_profile_s {float:left; width:100%; height:187px; background:url("/images/actor_bg_s.jpg"); margin-top:-1px;} .actor_profile_s .count {float:left; width:100%; padding-top:65px;font-family:Noto Sans KR, sans-serif; font-weight:300; font-size:15px; color:#002985;} /* 포스터 / 좌측 /mb공통영역 css =================================== */ .swiper-container {width: 100%; height: auto;} .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } table.bbs_v_use {width:100%; border-top:2px solid #3d3d3d; border-collapse:collapse; } table.bbs_v_use>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.bbs_v_use>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%;}