@charset "utf-8"; /* 기본레이아웃 */ #wrapper {position:relative; width:100%; height:auto; min-height:100%; -webkit-overflow-scrolling:touch; /*opacity:0; animation-name: loading_wrap; animation-duration:1s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; */} #header {position: fixed; width:100%; top: 0; z-index:100000;transition: all .5s; background:#fff; border-bottom:1px solid #f4f4f4;transform: translateY(0%);} #header.hid {transform: translateY(-100%); transition: all .5s;} #header .top_set {position:relative; top:0; left:0; right:0; margin:auto; width:100%;} #header .top_set .t_wrp {position:relative; top:0; left:0; width:100%; height:130px;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out;} #header .top_set .t_wrp.tbg1 {} #header .top_set .t_wrp.tbg2 {} #header .top_set .t_hot {position:absolute; top:25px; left:50%; transform:translateX(-50%); max-width:1260px; width:100%; z-index:1; text-align:right;} #header .top_set .t_area {position:relative; top:0; left:0; right:0; margin:auto; width:1260px; height:100%; } #header .top_set .t_area .logo {position:absolute; bottom:35px; left:30px; width:100px; overflow:hidden; font-size:0;} #header .top_set .t_area .logo a {display:block; color:#777;} #header .top_set .t_area .logo img {width:100%;} #header .top_set .t_area .search {position:absolute; bottom:35px; right:0; font-size:0;} #header .top_set .t_area .etc {position:absolute; bottom:40px; left:400px; font-size:0;} .hd_pcbx {position:relative; top:0; left:50%; transform:translateX(-50%); max-width:1900px; width:100%; min-width:1260px; padding:0 80px; font-size:0;} .hd_pcbx .logo, .hd_pcbx .rest {display:inline-block; vertical-align:middle;} .hd_pcbx .logo {width:80px;} .hd_pcbx .logo a {display:block; font-family: 'GmSansB'; color:#000; font-size:20px; line-height:100%; padding:5px 0 0 10px;} .hd_pcbx .logo img {width:100%; cursor:pointer;} .hd_pcbx .rest {width:calc(100% - 80px); text-align:right;} .hd_pcbx ul.c1_cate {display:inline-block; vertical-align:middle; position:relative; font-size:0; transition:all .3s; } .hd_pcbx ul.c1_cate li {display:inline-block; vertical-align:middle; transition:all .3s; text-align:center;} .hd_pcbx ul.c1_cate li a {display:block; font-size:15px; color:#333; line-height:140px; padding:0 25px; font-family: Noto Sans KR, sans-serif; font-weight:600;} .hd_pcbx ul.c1_cate li.on a {color:red;} .hd_pcbx .n_etc {display:inline-block; vertical-align:middle; position:relative; font-size:0; padding-left:15px;} .hd_pcbx .search {display:inline-block; width:70px; text-align:center; cursor:pointer; position:relative; vertical-align:middle;} .hd_pcbx .search:after {content:""; display:block; padding-top:100%;} .hd_pcbx .search i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px;} .hd_pcbx ul.sns_icon {display:inline-block; vertical-align:middle; position:relative; font-size:0; } .hd_pcbx ul.sns_icon li {display:inline-block; vertical-align:middle; width:45px; cursor:pointer; line-height:120%; position:relative; background:#fff; transition:all .3s;} .hd_pcbx ul.sns_icon li:after {content:""; display:block; padding-top:100%;} .hd_pcbx ul.sns_icon li i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:25px; color:#333; transition:all .3s;} .hd_pcbx ul.sns_icon li span {display:none;} .hd_pcbx ul.sns_icon li.kakao:hover i {color:#382020; transition:all .3s;} .hd_pcbx ul.sns_icon li.youtube:hover i {color:red; transition:all .3s;} .hd_pcbx ul.sns_icon li iframe {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;border:2px solid red;} .hd_pcbx ul.sns_icon li .kakao_chat_btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hd_pcbx ul.sns_icon li .kakao_chat_btn a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid blue; opacity: 0;} .hd_pcbx ul.sns_icon li .kakao_chat_btn a img {} .hd_pcbx .kakao_channel {display:inline-block; vertical-align:middle; position:relative; font-size:0; padding-left:15px;} .hd_pcbx .kakao_channel a {position: relative; top: 0; left: 0; width: 100%; height: 35px; display:inline-block; border-radius:35px; overflow: hidden;} .hd_pcbx .kakao_channel a img {position: relative; top: 50%; left: 0; transform: translateY(-50%);} .hd_pcbx .call_box {border:0; position:absolute; top:50%; right:80px; transform:translateY(-50%); width:0; height:70px; line-height:100%; z-index:1; overflow:hidden; transition:all .7s; opacity:0;} .hd_pcbx .call_box.show {width:calc(100% - 160px); transition:all .7s; opacity:1;} .hd_pcbx .call_box .main_src {display:inline-block; vertical-align:middle; width:100%; position:relative;} .hd_pcbx .call_box .main_src:before {content:"검색어입력";position:absolute; top:50%; left:0; transform:translateY(-50%); font-family: Noto Sans KR, sans-serif; font-weight: 600; font-size:18px; color:#000; line-height:100%; } .hd_pcbx .call_box .main_src input {background:white; width:100%; font-size:13px; height:70px; padding:0 60px 0 100px; border:0; color:red; border-radius:0px; transition:all .3s; background:#fff;font-family: Noto Sans KR, sans-serif; font-weight: 600; font-size:18px; } .hd_pcbx .call_box .main_src input:focus {outline:none; background:#fff; transition:all .3s;} .hd_pcbx .call_box .main_src input::placeholder {color:rgba(0,0,0,0.3); font-weight: normal;/*font-family: Noto Sans KR, sans-serif; font-weight: 600;*/ font-size:12px; } .hd_pcbx .call_box .main_src a {position:absolute; top:0; right:0; width:70px; height:100%; cursor:pointer;} .hd_pcbx .call_box .main_src i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:100%; font-size:20px; color:#000; } .hd_pcbx .close {border:0; position:absolute; top:-45px; right:-5px; cursor:pointer; width:0; height:0; overflow:hidden; transition:all .5s; opacity:0;} .hd_pcbx .close i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18px; line-height:100%; color:#fff; transition:all .3s;} .hd_pcbx .close.show {width:25px; height:25px; transition:all .5s; opacity:1;} .open_pop_show {display:inline-block; vertical-align:middle; font-size: 20px; width:45px; text-align:center; color:orange !important; cursor:pointer; position:relative;} .open_pop_show:after {content:""; display:block; padding-top:100%;} .open_pop_show i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} #content_bx {position:relative; width:100%; min-height: calc(100% - 270px); padding-top:140px; background:#fff; text-align:center;} #footer {position:relative; width:100%; height:270px;} #footer .pos_k {position:absolute; top:0; right:0; /*max-width:500px; width:calc(100% - 90px);*/ width:100%; height:100%; background:#333333;} #footer .pos_k .cp {position:absolute; top:50%; right:0; transform:translateY(-50%); width:100%; font-family:tahoma; font-size:10px; text-align:center; padding-right:0; color:rgba(255,255,255,0.6); letter-spacing:0.05em;} #footer .pos_k .cp span {color:rgba(255,255,255,1); display:inline-block; padding:0 5px;} #footer .pos_k .eg {position:absolute; top:0; left:-40px; border-top: 270px solid transparent;border-left: 270px solid #333333; transform: rotate(-90deg); display:none;} #footer nav.bmn {position:relative; width:100%; font-size:0; padding:25px 0; background:#f4f4f4; border:1px solid #eee; border-width:1px 0; text-align:center;} #footer nav.bmn li {display:inline-block; vertical-align:middle; border-right:1px solid #ddd; padding:0 15px; text-align:center;} #footer nav.bmn li:last-child {border:0;} #footer nav.bmn li a {display:block; width:100%; font-size:13px; color:rgba(0,0,0,0.7); transition:all .3s; line-height:100%;} #footer nav.bmn li a:hover {color:#000; transition:all .3s;} .top_set_mask {/*position:fixed; bottom:0; left:0; width:100%; height:100%;z-index:100; background:rgba(0,0,0,0.5);*/} .color_t {background:#fff;} .color_b {background:#fafafa;} .btm_bg {position: fixed; width: 100%; height: 50%; z-index: -10; bottom: 0;} .bg_color {position: fixed; left:0; width: 100%; height: calc(100% - 50px); z-index: -10;} .bg_color.b_top {top:0;} .bg_color.b_bottom {bottom:0;} @-webkit-keyframes loading_wrap { 0% {opacity: .0;} 25% {opacity: 0;} 50% {opacity: 1;} 75% {opacity: 1;} 100% {opacity: 1;} } /* 상단 로그인 2020 */ ul.brg_top_log {display:inline-block; font-size:0; line-height:100%; position:relative; padding-right:40px;} ul.brg_top_log li {display:inline-block; border-left:1px solid rgba(255,255,255,0.2);} ul.brg_top_log li:first-child {border:0;} ul.brg_top_log li.search {border:0; position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:20px; width:45px; height:45px; line-height:100%; color:#fff; cursor:pointer;} ul.brg_top_log li.search i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:100%; font-size:20px;line-height:100%; color:rgba(255,255,255,1); transition:all .3s;} ul.brg_top_log li.search:hover i {color:#fff; transition:all .3s;} ul.brg_top_log li.call_box {border:0; position:absolute; top:50%; right:0; transform:translateY(-50%); width:0; height:45px; line-height:100%; z-index:1; overflow:hidden; transition:all .5s; opacity:0;} ul.brg_top_log li.call_box.show {width:100%; transition:all .5s; opacity:1;} ul.brg_top_log li.call_box .main_src {display:inline-block; vertical-align:middle; width:100%; } ul.brg_top_log li.call_box .main_src input {background:white; width:100%; font-size:13px; height:45px; padding:0 60px 0 10px; border:0; color:#fff; border-radius:5px; transition:all .3s; background:#074491;} ul.brg_top_log li.call_box .main_src input:focus {outline:none; background:#1255a9; transition:all .3s;} ul.brg_top_log li.call_box .main_src input::placeholder {color:rgba(255,255,255,0.4); font-size:12px;} ul.brg_top_log li.call_box .main_src a {position:absolute; top:0; right:0; width:45px; height:100%; cursor:pointer;} ul.brg_top_log li.call_box .main_src i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:100%; font-size:20px; color:#fff;} ul.brg_top_log li.close {border:0; position:absolute; top:-45px; right:-5px; cursor:pointer; width:0; height:0; overflow:hidden; transition:all .5s; opacity:0;} ul.brg_top_log li.close i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18px; line-height:100%; color:#fff; transition:all .3s;} ul.brg_top_log li.close.show {width:25px; height:25px; transition:all .5s; opacity:1;} ul.brg_top_log li a {display:block; padding:0 15px;color:rgba(255,255,255,0.7); font-size:11px; font-weight:bold; line-height:100%;} ul.brg_top_log li:hover a {color:yellow; } /* nav_top 레이아웃 */ .open_menu_sec {position:relative; width:100%; top:0; left:0; height:80px; overflow:hidden; transition:all .3s; z-index:99999; border:0px solid #333; border-width:0px 0 0 0; } .open_menu_sec:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; transition:all .3s;} .open_menu_sec.h_fix {height:550px; transition:all .3s;} .open_menu_sec.h_fix:after {transition:all .3s;} .open_menu_sec .bg_logo {position:absolute; bottom:65px; right:65px; width:1000px; padding-top:150px; opacity:0.1;} .open_menu_sec .bg_logo img {width:100%;} .open_menu_sec .ci_pos {position:absolute; top:75%; right:-50px; max-width:500px; width:25%; transform:translateY(-50%); opacity:0; transition:all .3s;} .open_menu_sec.h_fix .ci_pos {opacity:0.03; transition:all .3s;} .cross_icon {position:relative; top:0; left:0; width:100%; } .cross_icon:after {content:""; display:block; padding-top:100%;} .cross_icon span {position:absolute; width:calc(50% - 7px); height:calc(50% - 7px); border:1px solid #fff;} .cross_icon span.ln1 {top:0; left:0; border-width:0 25px 25px 0;} .cross_icon span.ln2 {top:0; right:0; border-width:0 0 25px 25px;} .cross_icon span.ln3 {bottom:0; left:0; border-width:25px 25px 0 0;} .cross_icon span.ln4 {bottom:0; right:0; border-width:25px 0 0 25px;} /* nav_top 메뉴출력 */ .op_nav_top {display:inline-block; width:100%; height:100%; text-align:center; position:relative; z-index:1; background:rgba(0,0,0,0.2); transition:all .3s;} .op_nav_top:hover {background:rgba(0,0,0,0.2); transition:all .3s; } .op_nav_top .nav_area {position:absolute; bottom:0; left:0; width:200px; height:calc(100% - 80px); /*background:#fff;*/ transition:all .3s; display:none;} .op_nav_top:hover .nav_area {transition:all .3s; } .op_nav_top ul.c1_cate {display:flex; width:1260px; height:320px; margin:0; padding:0; position:relative; top:0; left:0; right:0; margin:0 auto;text-align:left; transition:all .3s; } .op_nav_top ul.c1_cate > li {position:relative; flex:1; height:100%; transition:all .3s;} /*.op_nav_top ul.c1_cate > li:before {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:transparent; z-index:1;}*/ .op_nav_top ul.c1_cate > li:first-child {} .op_nav_top ul.c1_cate > li:last-child {border-width:0 1px;} .op_nav_top ul.c1_cate > li:hover {background:rgba(0,0,0,0.1) !important; transition:all .3s;} .op_nav_top:hover ul.c1_cate {transition:all .3s; background:rgba(0,0,0,0.05);} .op_nav_top:hover ul.c1_cate, .op_nav_top:hover ul.c1_cate > li {border-color:#303030; transition:all .3s; background:rgba(0,0,0,0.02);} .op_nav_top:hover ul.c1_cate > li:first-child {border-color:#303030;} .op_nav_top:hover ul.c1_cate > li:last-child {border-right:0px solid #303030;} .op_nav_top:hover ul.c1_cate > li.on, .op_nav_top ul.c1_cate > li.on:hover {background:rgba(0,0,0,0.15) !important;} /*.op_nav_top:hover ul.c1_cate > li:before {background:rgba(255,255,255,0.05);}*/ .op_nav_top ul.c1_cate li a {display:block; width:100%; color:#fff; /*font-family:Noto Sans KR, sans-serif; font-weight:500;font-family: 'GmSansM';*/ font-size:15px; line-height:80px; padding-left:40px; transition:all .3s; position:relative;} .op_nav_top ul.c1_cate li a:hover {color:#fff; transition:all .3s;} .op_nav_top ul.c1_cate li a > i {position:absolute; top:50%; right:20px; transform:translateY(-50%); font-size:13px;transition:all .3s; color:#777;} .op_nav_top ul.c1_cate li.on a {color:#aed1ff;} .op_nav_top:hover ul.c1_cate > li > a {padding-top:7px; transition:all .3s; } .op_nav_top:hover ul.c1_cate > li > a i {opacity:0;transition:all .3s; } .op_nav_top ul.c2_cate {float:left;width:100%; height:calc(100% - 80px); position:relative; top:0; left:0; z-index:1; padding:0 40px 30px 40px; /*border:1px solid #eee; border-width:0 0 0 1px;*/ transition:all .3s;} .op_nav_top ul.c2_cate:hover {transition:all .3s;} .op_nav_top ul.c1_cate li:first-child ul.c2_cate {} .op_nav_top ul.c1_cate li:last-child ul.c2_cate {/*border-width:0 1px; border-right:1px solid #eee;*/} .op_nav_top ul.c1_cate li.on ul.c2_cate, .op_nav_top ul.c1_cate li.on ul.c2_cate:hover {background:transparent;} /* 선택메뉴가 있는 영역 배경색 지정 */ .op_nav_top ul.c2_cate li {float:left;width:100%;} .op_nav_top ul.c2_cate li a {float:left; padding:4px 0; display:block; font-size:13px; color:#656565; width:100%; transition:all .3s; line-height:140%; /*font-family: 'GmSansL';*/ font-family:NanumBarunGothic, sans-serif; font-weight:normal; letter-spacing:0; position:relative;} .op_nav_top ul.c2_cate li a:before {content:"ㆍ ";} .op_nav_top ul.c2_cate li a:hover {color:black; transition:all .3s; } .op_nav_top ul.c1_cate li .empty_box {position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 80px); z-index:1; } .op_nav_top ul.c1_cate li .empty_box a.eb_con {position:absolute; top:0; left:0; width:100%; height:100%; line-height:140%; font-family:NanumBarunGothic, sans-serif; font-weight:normal; letter-spacing:0; padding:0; /*border:1px solid #263541; border-width:0; background:rgba(0,0,0,0.1);*/ transition:all .3s;} .op_nav_top ul.c1_cate li:last-child .empty_box a.eb_con {border-width:0 0px;} .op_nav_top ul.c1_cate li .empty_box a.eb_con:hover {background:rgba(0,0,0,0.0); transition:all .3s;} .op_nav_top ul.c1_cate li .empty_box a.eb_con span {font-size:0; position:absolute;} .op_nav_top ul.c1_cate li .empty_box a.eb_con:after {content:""; font-size:11px; color:white; position:absolute; top:0; left:0; width:100%; height:100%; } /* 하위메뉴 없을경우 */ .op_nav_top ul.c1_cate li:nth-child(1n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(1n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c1_cate li:nth-child(2n) .empty_box a.eb_con {background:url(/images/banner2.jpg) no-repeat; background-size:cover;} .op_nav_top ul.c1_cate li:nth-child(2n) .empty_box a.eb_con:after {content:""; background:rgba(0,0,0,0.0); transition:all .3s;} .op_nav_top ul.c1_cate li:nth-child(2n) .empty_box a.eb_con:hover:after {background:rgba(0,0,0,0.0); transition:all .3s;} .op_nav_top ul.c1_cate li:nth-child(3n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(3n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c1_cate li:nth-child(4n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(4n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c1_cate li:nth-child(5n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(5n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c1_cate li:nth-child(6n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(6n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c1_cate li:nth-child(7n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(7n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c1_cate li:nth-child(8n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(8n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c1_cate li:nth-child(9n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(9n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c1_cate li:nth-child(10n) .empty_box a.eb_con {} .op_nav_top ul.c1_cate li:nth-child(10n) .empty_box a.eb_con:after {content:""; } .op_nav_top ul.c2_cate .on2 a, .op_nav_top ul.c2_cate .on2 a:hover {color:#aed1ff !important; } .op_nav_top ul.c2_cate .off2 a {color:rgba(255,255,255,0.6) !important; transition:all .3s;} .op_nav_top ul.c2_cate .off2 a:hover {color:yellow !important; transition:all .3s;} .op_nav_top ul.c3_cate {float:left;width:100%; padding:0 0 10px 0; display:none;} .op_nav_top ul.c3_cate li {float:left;width:100%;} .op_nav_top ul.c3_cate li a {display:block; padding:5px 5px 0 5px; font-size:11px; color:black !important; } .op_nav_top ul.c3_cate li a:hover {color:white; } .op_nav_top ul.c3_cate .on3 a, .op_nav_top ul.c3_cate .on3:hover a {color:red !important;} .op_nav_top ul.c3_cate .off3 a, .op_nav_top ul.c3_cate .off3:hover a {color:blue !important;} .op_nav_top ul.c4_cate {float:left;width:100%; padding-top:5px;} .op_nav_top ul.c4_cate li a {padding:0px 0px 0px 5px; font-size:12px; border-bottom:0px solid rgba(0,119,195,1); color:rgba(255,255,255,0.7); width:100%;} .op_nav_top ul.c4_cate li a:hover {color:white; } .op_nav_top ul.c4_cate .on4 a, .op_nav_top ul.c4_cate .on4:hover a {color:red !important;} .op_nav_top ul.c4_cate .off4 a, .op_nav_top ul.c4_cate .off4:hover a {color:blue !important;} .op_nav_top .rest_area {position:relative; bottom:0; left:0; width:100%; height:230px/*calc(100% - 320px)*/; background:rgba(0,73,124,0.3); font-size:0; z-index:1;} .op_nav_top .rest_area .ra_pos {position:absolute; top:0; left:50%; transform:translateX(-50%); width:1260px; height:100%;} .op_nav_top .rest_area .ra_pos .sec {position:absolute; top:0; height:100%; overflow:hidden;} .op_nav_top .rest_area .ra_pos .sec h2 {position:absolute; top:0; transform: translateX(-100%); transition:all .3s; z-index:1;} .op_nav_top .rest_area .ra_pos .sec h2 a {color:rgba(255,255,255,0.3); line-height:100%; padding:6px 6px; font-size:11px; font-weight:normal; display:block; transition:all .3s;} .op_nav_top .rest_area .ra_pos .sec.s1 {right:0; width:500px;background:rgba(0,0,0,0.07); transition:all .3s;} .op_nav_top .rest_area .ra_pos .sec.s1:hover {background:rgba(0,0,0,0.1);} .op_nav_top .rest_area .ra_pos .sec.s1 h2 {left:0;} .op_nav_top .rest_area .ra_pos .sec.s1 h2 a {background:rgba(0,0,0,0.2);} .op_nav_top .rest_area .ra_pos .sec.s1:hover h2 {transform: translateX(0%);} .op_nav_top .rest_area .ra_pos .sec.s1:hover h2 a {color:#fff; background:#004b99;} .op_nav_top .rest_area .ra_pos .sec.s2 {left:0; width:calc(100% - 500px);background:rgba(0,73,124,0.1); transition:all .3s;} .op_nav_top .rest_area .ra_pos .sec.s2:hover {background:rgba(0,73,124,0.2);} .op_nav_top .rest_area .ra_pos .sec.s2 h2 {left:0;} .op_nav_top .rest_area .ra_pos .sec.s2:hover h2 {transform: translateX(0%);} .op_nav_top .rest_area .ra_pos .sec.s2:hover h2 a {color:#fff; background:#004b99;} .op_nav_top .rest_area .ra_pos .sec .lts {position:absolute; width:100%;} .op_nav_top .rest_area .ra_pos .sec .lts.p1 {top:0; height:calc(100% - 70px);} .op_nav_top .rest_area .ra_pos .sec .lts.p2 {bottom:0; height:70px;} .op_nav_top ul.brg_latest_poster {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; display:flex; line-height:100%; padding:55px;} .op_nav_top ul.brg_latest_poster li {flex:1; margin:5px; position:relative; background-size:cover !important; background-position:center center !important; overflow:hidden; border-radius:5px;} .op_nav_top ul.brg_latest_poster li:after {content:""; display:block; padding-top:100%;} .op_nav_top ul.brg_latest_poster li a {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; background:rgba(0,0,0,0.15); transition:all .3s;} .op_nav_top ul.brg_latest_poster li a:hover {background:rgba(0,0,0,0.0);} .op_nav_top ul.brg_latest_wz {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%;} .op_nav_top ul.brg_latest_wz li {position:relative; font-size:0; padding:0 60px;} .op_nav_top ul.brg_latest_wz li .pic, .op_nav_top ul.brg_latest_wz li .info {display:inline-block; vertical-align:middle; position:relative;} .op_nav_top ul.brg_latest_wz li .pic {width:120px; background-size:cover !important; background-position:center center !important; border-radius:5px; overflow:hidden;} .op_nav_top ul.brg_latest_wz li .pic:after {content:""; display:block; padding-top:100%;} .op_nav_top ul.brg_latest_wz li .pic a {position:absolute; top:0; left:0; width:100%; height:100%;} .op_nav_top ul.brg_latest_wz li .info {width:calc(100% - 120px); text-align:left; padding:0px 0 0 30px;} .op_nav_top ul.brg_latest_wz li .info h3, .op_nav_top ul.brg_latest_wz li .info .rst, .op_nav_top ul.brg_latest_wz li .info p {display:inline-block; width:100%;} .op_nav_top ul.brg_latest_wz li .info h3 a {display:block; font-size:15px; color:#fff; font-weight:normal;} .op_nav_top ul.brg_latest_wz li .info .rst {padding:15px 0 0px 0;} .op_nav_top ul.brg_latest_wz li .info .rst span {display:inline-block; vertical-align:middle; font-size:11px; color:rgba(255,255,255,0.7);} .op_nav_top ul.brg_latest_wz li .info .rst span.icon {font-size:0; padding-left:10px;} .op_nav_top ul.brg_latest_wz li .info .rst span.icon i, .op_nav_top ul.brg_latest_wz li .info .rst span.icon em {display:inline-block; vertical-align:middle; font-family:tahoma;} .op_nav_top ul.brg_latest_wz li .info .rst span.icon i {font-size:15px;} .op_nav_top ul.brg_latest_wz li .info .rst span.icon.vote i {color:red;} .op_nav_top ul.brg_latest_wz li .info .rst span.icon.memo i {color:#cdcdcd;} .op_nav_top ul.brg_latest_wz li .info .rst span.icon em {font-size:11px; font-style:normal; padding-left:3px;} .op_nav_top ul.brg_latest_wz li .info p {padding-top:10px;} .op_nav_top ul.brg_latest_wz li .info p a {color:rgba(255,255,255,0.35); font-size:12px; padding-top:10px; line-height:170%;} /* 페이지 nav / 셀렉트박스 */ .sub_nv_ar {position:relative; z-index:10; top:0; left:0; right:0; width:100%; text-align:center; border:1px solid #eeeeee; border-width:0 0 1px 0; background:#fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .sub_nv_ar .nv_pos {display:inline-block; width:1260px; height:70px; font-size:0; position:relative;} .sub_nv_ar .nv_pos .home {display:inline-block; vertical-align:top; width:70px; position:relative;} .sub_nv_ar .nv_pos .home:after {content:""; display:block; padding-top:100%;} .sub_nv_ar .nv_pos .home a {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border:1px solid #eee; border-width:0 1px; transition:all .3s;} .sub_nv_ar .nv_pos .home a i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:100%; font-size:20px; color:#555; transition:all .3s;} .sub_nv_ar .nv_pos .home a:hover i {color:#000;} .sub_nv_ar .nv_pos .rest_ar {display:inline-block; vertical-align:top; position:relative; width:calc(100% - 70px); height:100%; } .sub_nv_ar .nv_pos .rest_ar nav.sub_sel_nav {display:flex; position:absolute; top:0; left:0; width:100%; height:100%;} .sub_nv_ar .nv_pos .rest_ar nav.sub_sel_nav > li {flex:1; position:relative; height:100%; border-right:1px solid #eee;} .sub_nv_ar .nv_pos .rest_ar nav.sub_sel_nav > li > a {position:absolute; top:0; left:0; width:100%; height:100%; background:white; cursor:pointer;} .sub_nv_ar .nv_pos .rest_ar nav.sub_sel_nav > li > a > span {position:absolute; top:50%; left:0; width:100%; padding:0 20px; text-align:left; transform:translateY(-50%); line-height:100%; font-size:13px; color:rgba(0,0,0,0.8); transition:all .2s; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:bold;} .sub_nv_ar .nv_pos .rest_ar nav.sub_sel_nav > li > a > i {position:absolute; top:50%; right:10px; transform:translateY(-50%); line-height:100%; font-size:17px; color:#383838; } .sub_nv_ar .nv_pos .rest_ar nav.sub_sel_nav > li .list {position:absolute; top:70px; left:50%; transform:translateX(-50%); border:1px solid #eeeeee; border-width:0 1px 1px 1px; width:calc(100% + 2px); background:#fafafa; z-index:10;} /* 페이지 nav / 셀렉트박스 / 기본메뉴 css =================================== */ ul.sub_sel_basic {position:relative; width:100%; margin:0; padding:0; } ul.sub_sel_basic > li {display:inline-block; width:100%; text-align:left; border-top:1px solid #eeeeee; transition:all .2s;} ul.sub_sel_basic > li.on {background:#fff;} ul.sub_sel_basic > li:hover {background:rgba(255,255,255,1); transition:all .2s;} ul.sub_sel_basic > li > a {display:block; width:100%; padding:20px 25px; color:rgba(0,0,0,0.7); transition:all .2s; font-size:12px; line-height:100%;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background:transparent;font-family:NanumBarunGothic, sans-serif; position:relative;} ul.sub_sel_basic > li > a:hover {color:rgba(0,0,0,1); transition:all .2s;} ul.sub_sel_basic > li.on > a {color:red;} ul.sub_sel_basic > li.on > a:hover {color:red;} ul.sub_sel_basic > li.on > a:after {content:""; position:absolute; top:50%; right:10px; transform:translateY(-50%); } ul.sub_sel_basic > li.on > ul.ssb_tree {background:white;} ul.ssb_tree1 {position:relative; width:100%; margin:0; padding:0; padding:0 0 25px 0; margin-top:-10px;} ul.ssb_tree1 > li {display:inline-block; width:100%; text-align:left;} ul.ssb_tree1 > li > a {display:block; width:100%; padding:5px 25px; color:rgba(0,0,0,0.7); transition:all .2s; font-size:12px; line-height:100%;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background:transparent;font-family:NanumBarunGothic, sans-serif;} ul.ssb_tree1 > li > a:hover {transition:all .2s;color:rgba(0,0,0,1);} ul.ssb_tree1 > li > a.on {color:red;} ul.ssb_tree1 > li > a.on:hover {color:red;} ul.ssb_tree1 > li > a i {display:inline-block; padding:0 5px; color:#999;} ul.ssb_tree1 > li > a.on i {color:#000;} .block_status2 ul.ssb_tree1 {display:none;} ul.ssb_tree2 {position:relative; width:100%; margin:0; padding:0; padding:5px 0 25px 0;} ul.ssb_tree2 > li {display:inline-block; width:100%; text-align:left;} ul.ssb_tree2 > li > a {display:block; width:100%; padding:3px 25px 3px 35px; color:rgba(0,0,0,0.7); transition:all .2s; font-size:12px; line-height:100%;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background:transparent;font-family:NanumBarunGothic, sans-serif;} ul.ssb_tree2 > li > a:hover {transition:all .2s;color:rgba(0,0,0,1);} ul.ssb_tree2 > li > a.on {color:red;} ul.ssb_tree2 > li > a.on:hover {color:red;} ul.ssb_tree2 > li > a span {display:inline-block; padding:0 10px 0 0; color:#999;} ul.ssb_tree2 > li > a.on span {color:#000;} /* 페이지 nav영역 내 기타 영역 */ .special_area {position:absolute; top:0; right:0; width:50%; height:100%;} .special_area.tra {background:rgba(0,0,0,0.2);} .special_area i {position:absolute; top:27px; left:25px; font-size:16px; color:black;} .special_area.tra i {color:white;} .rolling {position:relative; width:100%; height:100%; padding:0 20px;} .rolling.tra {} .rolling li {width:100%; height:100%; position:relative;} .rolling li a, .rolling li .s_con{position:absolute; top:0; height:100%; transition:all .2s;} .rolling li a.b_name {left:0; width:70px;} .rolling li .s_con, .rolling li a.b_tit {right:0; width:calc(100% - 70px);} .rolling li a span {transition:all .3s;} .rolling li:hover a span {transition:all .3s;} .rolling li a span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; line-height:100%; font-size:12px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; text-align:left;text-decoration:none; color:rgba(0,0,0,0.7); padding:0 10px;} .rolling li a.b_name span {background:#003458; color:rgba(255,255,255,0.0); padding:8px 0; text-align:center; border-radius:35px;} .rolling li a.b_name:hover span {;} .rolling li a.b_tit span {color:#000;} .rolling li a.b_tit:hover span {color:red;} .rolling li .s_con span, .rolling li .s_con em {position:absolute; top:50%; transform:translateY(-50%); font-size:13px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} .rolling li .s_con span {left:0; width:calc(100% - 100px); text-align:left; padding:0 10px 0 15px; color:rgba(255,255,255,0.4);} .rolling li .s_con em {right:0; width:100px; text-align:right; font-style:normal; color:rgba(255,255,255,0.3);} .rolling.tra li a.b_name span {color:rgba(255,255,255,0.6);} .rolling.tra li a.b_name:hover span {color:#fff;} .rolling.tra li a.b_tit span {color:#000;} .rolling.tra li a.b_tit:hover span {color:red;} /* 서브페이지 타이틀 / 위치안내 */ .content_hdbx {position:fixed; top:0; left:0; width:100%; height:70px; text-align:center; border-bottom:1px solid #f4f4f4; background:#fff; z-index:3;transition:all .5s;transform: translateY(-100%);} .content_hdbx.move {transition:all .5s;transform: translateY(0%);} /* .content_hdbx {position:sticky; position: -webkit-sticky; top:0; left:0; width:100%; text-align:center; border-bottom:1px solid #f4f4f4; background:#fff; z-index:3;} .content_hdbx::after {background: linear-gradient(135deg, #eeeeee 24px, transparent 0), linear-gradient(225deg, #eeeeee 24px, transparent 0); background-repeat: repeat-x; background-size: 12px 33px; position: absolute; content: " "; left: 0px; top:calc(100% - 33px); width:100%; height:200px; pointer-events: none;} */ .content_hdbx .cwb_pos {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:1900px; width:100%; padding:0 90px; text-align:left; transition:all .5s;} .content_hdbx.move .cwb_pos {transition:all .5s;} .content_hdbx .tit_wrp {display:inline-block; width:100%; position:relative;} .content_hdbx h2 {position:relative; /*font-family:Noto Sans KR, sans-serif; font-weight:500;*/font-weight:normal; font-size:15px; line-height:120%; color:black; display:inline-block;} .location_box {position:absolute; top:0; right:0;/* transform:translateY(-50%); */font-size:0; line-height:100%;} .location_box i {display:inline-block; vertical-align:middle; font-size:11px; color:rgba(0,0,0,0.7); transition:all .2s; line-height:100%;} .location_box a {display:inline-block; vertical-align:middle; font-size:11px; color:rgba(0,0,0,0.7); transition:all .2s; line-height:100%;} .location_box a:hover {color:black; transition:all .2s;} .location_box a.last {color:#00649f;} .location_box a:first-child {color:black; font-weight:bold;} .location_box i {display:inline-block; vertical-align:middle; padding:0 5px; font-size:13px;} /* 컨텐츠 */ .content_wrp {/*position:relative; top:0; left:50%; transform:translateX(-50%);*/display:inline-block; max-width:1900px; width:100%; text-align:left; padding:80px 80px; background:#fff; position:relative; min-height:calc(100% - 410px);} /* nav_bottom 전체메뉴출력 */ .btm_mav_wrp {position:relative; top:0; left:0; width:100%; text-align:center; border-top:1px solid #eeeeee; background:#f5f3f3;} .btm_mav_wrp .bmw_pos {display:inline-block; max-width:1260px; width:100%; border-left:1px solid #eeeeee; position:relative;} ul.navi_btm {float:left; width:100%; margin:0; padding:0; text-align:left; font-size:0; display:flex;} ul.navi_btm:after {content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#eeeeee; z-index:1;} ul.navi_btm > li {flex:1; vertical-align:top; height:400px; padding-top:50px; border-right:1px dashed #eeeeee;background:#fafafa;} ul.navi_btm > li:last-child {border:0;} ul.navi_btm > li.on {background:white;} ul.navi_btm > li a {display:block; width:100%; color:rgba(0,0,0,0.8); font-size:15px; font-weight:bold; line-height:150%; transition:all .2s; padding:0 20%;} ul.navi_btm > li a:hover {color:#00316e; transition:all .2s;} ul.navi_btm ul.btm_cate2 {float:left;width:100%; padding:15px 20% 0 20%;} ul.navi_btm ul.btm_cate2 li {float:left;width:100%; padding:3px 0;} ul.navi_btm ul.btm_cate2 li a {display:block; padding:0 0 0 17px; text-indent:-8px; font-size:13px; color:rgba(0,0,0,0.6); width:100%; font-family:NanumBarunGothic, sans-serif; font-weight:normal; transition:all .2s; line-height:140%;} ul.navi_btm ul.btm_cate2 li a:hover {color:red; transition:all .2s;} ul.navi_btm ul.btm_cate2 li a i {margin-right:5px; color:rgba(0,0,0,0.5);font-size:11px;} ul.navi_btm ul.btm_cate3 {float:left;width:100%;} ul.navi_btm ul.btm_cate3 li {float:left;width:100%;} ul.navi_btm ul.btm_cate3 li a {display:block; padding:0 0 0 16px; text-indent:-8px; font-size:12px; color:rgba(0,0,0,0.7); width:100%; transition:all .2s;} ul.navi_btm ul.btm_cate3 li a:hover {color:red; transition:all .2s;} ul.navi_btm ul.btm_cate4 {float:left;width:100%; padding:5px 0 0 0;} ul.navi_btm ul.btm_cate4 li {float:left;width:100%; padding:1px 0;} ul.navi_btm ul.btm_cate4 li a {display:block; padding:0 0 0 25px; text-indent:-8px; font-size:11px; width:100%; transition:all .2s;} ul.navi_btm ul.btm_cate4 li a:hover {color:red; transition:all .2s;} /* 탑네비 보조 상품안내 */ .open_menu_sec .rest_section {position:absolute; top:0; left:0; right:0; margin:0 auto; width:1260px; height:100%; border:1px solid #eee; border-width:0 1px;} .open_menu_sec .rest_section .sp_prod {position:absolute; top:0; width:50%; height:100%; text-align:left; } .open_menu_sec .rest_section .sp_prod .rp_point {position:absolute; top:10px; left:10px; background:transparent; color:#eee; font-size:0px; padding:3px 3px; line-height:100%; z-index:1;} .open_menu_sec .rest_section .sp_prod.pro1 {left:0; width:42%; border-right:1px solid #eeeeee; background:rgba(255,255,255,0.35); transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro1:hover {background:#fff; transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro1 a {display:block; font-size:0; color:#000; padding:60px; } .open_menu_sec .rest_section .sp_prod.pro1 .rp_pic {display:inline-block; vertical-align:top; position:relative; width:140px; border-radius:7px;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_pic:after {content:""; display:block; padding-top:100%;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info {display:inline-block; vertical-align:top; width:calc(100% - 140px); text-align:left; padding:0 0 0 40px;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .cate {display:inline-block; width:100%; font-size:0; padding-bottom:10px;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .cate span {display:inline-block; vertical-align:middle; font-size:11px; color:#555;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .cate span:after {content: '\f105'; font-family: "Font Awesome 5 Free"; font-weight: 700; display:inline-block; padding:0 5px; color:#999;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .cate span:last-child {color:#000;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .cate span:last-child:after {content:"";} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info h3 {display:inline-block; width:100%; font-size:15px; color:#000; line-height:120%; font-weight:normal;transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro1 a:hover .rp_info h3 {color:red; transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .short {display:inline-block; width:100%; font-size:12px; color:#999; padding-top:10px;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .short p {display:inline-block; width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .short span {color:red;} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .prc {display:inline-block; width:100%; font-size:20px; color:#000; padding-top:20px;font-family: 'GmSansM';} .open_menu_sec .rest_section .sp_prod.pro1 .rp_info .prc:after {content:"원"; display:inline-block; font-size:12px; color:#555; font-family: NanumBarunGothic, sans-serif; padding-left:5px;} .open_menu_sec .rest_section .sp_prod.pro2 {right:0; width:58%; background:rgba(255,255,255,0.35); transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro2:hover {background:#fff; transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro2 ul.tm_pro {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; padding:0 45px;} .open_menu_sec .rest_section .sp_prod.pro2 ul.tm_pro li {flex:1; position:relative; transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro2 ul.tm_pro li a {display:block; position:absolute; width:100%; height:100%; padding:60px 15px; border-right:0px solid #eee;transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro2 ul.tm_pro li a:hover {transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro2 ul.tm_pro li .g_pic {display:inline-block; vertical-align:top; position:relative; width:100%; border-radius:7px;} .open_menu_sec .rest_section .sp_prod.pro2 ul.tm_pro li .g_pic:after {content:""; display:block; padding-top:100%;} .open_menu_sec .rest_section .sp_prod.pro2 .g_info {display:inline-block; vertical-align:top; width:100%; text-align:center; padding:10px 0 0 0;} .open_menu_sec .rest_section .sp_prod.pro2 .g_info .cate {display:inline-block; width:100%; line-height:100%; padding-bottom:3px; font-size:11px; color:#777;} .open_menu_sec .rest_section .sp_prod.pro2 .g_info h3 {display:inline-block; width:100%; font-size:13px; color:#000; line-height:120%; font-weight:normal; transition:all .3s;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;} .open_menu_sec .rest_section .sp_prod.pro2 ul.tm_pro li:hover .g_info h3 {color:red; transition:all .3s;} .open_menu_sec .rest_section .sp_prod.pro2 .g_info .prc {display:inline-block; width:100%; font-size:13px; color:#000; padding-top:5px;font-family: 'GmSansM';} .open_menu_sec .rest_section .sp_prod.pro2 .g_info .prc:after {content:"원"; display:inline-block; font-size:11px; color:#555; font-family: NanumBarunGothic, sans-serif; padding-left:3px;} .open_menu_sec .rest_section nav.q_nav {position:absolute; top:0; right:0; width:50%; height:100%; font-size:0; padding:65px 30px 0 30px; background:#410052; transition:all .3s; display:none;} /**/ .t_wrp ul.mall_rest {position:absolute; top:0; right:0; font-size:0; } .t_wrp ul.mall_rest li {display:inline-block; vertical-align:middle;padding:13px 0;} .t_wrp ul.mall_rest li a {display:block; font-size:0; text-align:center; padding:0 5px; border-left:0px solid rgba(0,0,0,0.05);} .t_wrp ul.mall_rest li a i, .t_wrp ul.mall_rest li a span {display:inline-block; vertical-align:middle; position:relative; line-height:100%;} .t_wrp ul.mall_rest li a i {font-size:15px; color:#000; display:none;} .t_wrp ul.mall_rest li a span {font-size:11px; color:rgba(0,0,0,0.7); padding-top:1px; transition:all .3s; margin-left:3px; letter-spacing:0em;} .t_wrp ul.mall_rest li a:hover span {color:rgba(0,0,0,1); transition:all .3s;} .t_wrp ul.mall_rest li a i .code, .t_wrp ul.mall_rest li a i .cnt {position:absolute; top:-10px; left:50%; transform:translateX(-50%); padding:1px 3px; border-radius:35px; display:inline-block; margin:0; background:#333;} .t_wrp ul.mall_rest li a span .code {padding:3px; border-radius:3px; display:inline-block; margin:0 0 0 3px; background:#693905; color:#fff;} .t_wrp ul.mall_rest li a span .cnt {padding:3px; border-radius:3px; display:inline-block; margin:0 0 0 3px;} .t_wrp ul.mall_rest li a .cnt, .t_wrp ul.mall_rest li a:hover .cnt {color:#fff; background:orange; line-height:100%;} .t_wrp ul.mall_rest li:first-child a {border:0;} /* bottom 정보 */ .btm_wrap {position:relative; margin:0 auto; width:1150px; padding:60px 0 0 0; font-size:0;} .btm_wrap .logo {display:inline-block; vertical-align:top; width:120px;} .btm_wrap .logo a {display:block; font-family: 'GmSansB'; color:#000; font-size:20px; line-height:100%; padding:5px 0 0 10px;} .btm_wrap .logo img {width:100%;} .btm_wrap .info_box {display:inline-block; vertical-align:top; width:calc(100% - 120px); text-align:left; padding:0 0 0 70px; } .btm_wrap .info_box .i_set {display:inline-block; vertical-align:top; width:calc(100% - 300px); padding:0 70px 0 0;} .btm_wrap .info {display:inline-block; vertical-align:top; width:100%; font-size:0;} .btm_wrap .info span {display:inline-block; vertical-align:middle; padding:0 10px 0 0; font-size:12px; color:#777; line-height:180%;} .btm_wrap .info span a {color:#777;} .btm_wrap .info span i {display:inline-block; padding-right:5px;} .btm_wrap .info span em {display:inline-block; padding-right:5px; font-style:normal; color:#999;} .btm_wrap .info_box p {display:inline-block; width:100%; font-size:12px; color:#777; padding-top:15px;line-height:180%;} .btm_wrap .info_box p .hd {} .btm_wrap .rst_box {display:inline-block; vertical-align:top; width:300px; position:relative;} .btm_wrap .rst_box .hd_bx {display:inline-block; width:100%; padding-bottom:10px;} .btm_wrap .rst_box .hd_bx h3 {display:inline-block; width:100%; font-size:0; font-weight:normal;} .btm_wrap .rst_box .hd_bx h3 i, .btm_wrap .rst_box .hd_bx h3 span {display:inline-block; vertical-align:middle; line-height:100%; position:relative; z-index:1;} .btm_wrap .rst_box .hd_bx h3 i {font-size:18px; color:#e92000; padding-right:10px;} .btm_wrap .rst_box .hd_bx h3 span {font-size:15px; padding-top:3px; font-weight:bold;} .btm_wrap .rst_box .hd_bx h3 span:after {content:""; position:absolute; top:10px; left:0; width:100%; height:70%; background:orange; z-index:-1; opacity:0.2;} .btm_wrap .rst_box .hd_bx p {display:inline-block; width:100%; font-size:12px; padding-top:5px;} .btm_wrap .rst_box ul.v_count {display:inline-block; width:100%;} .btm_wrap .rst_box ul.v_count li {display:inline-block; width:100%; font-size:0; margin-top:5px; padding-left:80px;} .btm_wrap .rst_box ul.v_count li:first-child {margin:0;} .btm_wrap .rst_box ul.v_count li span {display:inline-block; vertical-align:middle; font-size:11px; line-height:100%;} .btm_wrap .rst_box ul.v_count li .tit {width:65px; background:rgba(0,58,118,0.2); padding:3px 5px; color:rgba(255,255,255,0.3); border-radius:3px;} .btm_wrap .rst_box ul.v_count li .con {width:calc(100% - 65px); color:rgba(255,255,255,0.8); padding-left:10px; text-align:right; font-family:arial;} .btm_wrap .copy {display:inline-block; width:100%; font-size:11px; color:#777; padding-top:20px; font-family:tahoma; letter-spacing:1px; text-align:left;} .btm_wrap .copy span {color:#333; display:inline-block; padding:0 10px;}