div,ul,li,ol,dd,input { border:0;margin:0;padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:black;outline:none; font-family:"돋움",dotum,sans-serif;font-size:12px;font-weight:normal;color:#333333; vertical-align:top; } body,h1,h2,h3,h4,th,td,input,select{color:black;font-size:12px;} body{margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;padding:0;border:0;box-sizing:border-box;} th, td {padding:0;vertical-align:top;} img{border:0;} frame { border:0; border:none; margin:0px; padding:0px;} form { margin:0px; padding:0px; } li {list-style:none} a{text-decoration:none;outline:none;color:#333333;cursor:pointer;} a:hover{text-decoration:underline} a:active{text-decoration:none;} .pointer {cursor:pointer;} .scrollbox {overflow-x:auto; overflow-y:auto;padding:0;} .filelist {overflow-x:auto; overflow-y:auto;padding:0;} #detailview_wrap{ /*width:1250px;*/ width:1460px; text-align:left; left:80px; position:absolute;} #view_tot { /*width:1250px;*/width:1460px; height:100%; padding:0; margin:0; position:relative; padding:0px; overflow-x:hidden; overflow-y:hidden; } #view_tot .view_left { width:830px; height:820px; margin:0 auto; background-color:#f9f9f9; float:left; /*margin-left:55px;*/ margin-left:160px; } #view_tot .view_right { width:310px; height:820px; margin:0 auto; text-align:center; background-color:#858a93;float:left} #view_tot .view_left .view_btn_L { width:40px; height:127px; background:url(/images/contents/view_btn_L.png) no-repeat; background-size:40px; cursor:pointer; position:absolute; top:40%; left:14px; z-index:500} #view_tot .view_left .view_btn_R { width:40px; height:127px; background:url(/images/contents/view_btn_R.png) no-repeat; background-size:40px; cursor:pointer; position:absolute; top:40%; right:15px;z-index:500} /*### 뷰창 레이어 좌우 버튼 추가 2018.09 ###*/ #view_tot .view_btn_prev { display:none;cursor:pointer;z-index:9999; position:absolute; top:45%; left:90px; width:56px; height:90px; background:url(/images/contents/view_btn_prev.png) no-repeat; } #view_tot .view_btn_next { display:none;cursor:pointer;z-index:9999; position:absolute; top:45%; right:90px; width:56px; height:90px; background:url(/images/contents/view_btn_next.png) no-repeat; } /*### 뷰창 좌측 아이콘 2018.10 ###*/ .view_wing { z-index:999; position:absolute; top:0; left:0; display:inline-block; width:160px; } .view_wing li { list-style:none; width:150px; margin-right:10px; } .view_wing li.view_wing_01 { width:150px; height:161px; background:url(/images/contents/view_wing_vaccine.png) no-repeat; } /*뷰_top*/ .view_top { clear:both; width:1140px; height:36px; background-color:#429af4; position:relative; /*margin-left:55px;*/ margin-left:160px; } .view_top li {list-style:none} .view_logo { width:133px; height:36px; background:url(/images/contents/view_top_tit_new.png) no-repeat; float:left; margin-left:20px;} .view_top_rig { height:22px; position:absolute; right:328px; top:6px; text-align:right; } .rig_banner{ display:inline-block; width:260px; height:36px; background:url(/images/contents/view_rig_banner2n.png) no-repeat left top; float:right; margin-right:50px; cursor:pointer;} .view_close { z-index:999; display:inline-block; position:absolute; top:0px; right:0px; width:36px; height:36px; background:url(/images/contents/view_btn_close.png) no-repeat 7px 7px; cursor:pointer; } .view_re_event {clear:both; width:780px; height:100px; background:url(/images/contents/view_recomt_tit2n.png) no-repeat; background-position:center; margin:0 auto; margin-left:15px; position:relative; background-color:#ffffff; border-right:1px solid #cccccc; border-left:1px solid #cccccc; } .view_title {clear:both; width:780px; height:15px; margin:0 auto; text-align:left; margin-top:30px; margin-left:15px; margin-bottom:5px; position:relative} .view_title .vtit_r { float:right; text-align:right; font-size:11px; color:#999999; letter-spacing:-1px; } /*뷰_성인배너공지*/ .view_adt_noti { width:750px; height:69px; margin:0 auto; text-align:center; background:url(../images/popup/view_adt_noti.png) no-repeat; background-position:center;background-color:#f9f9f9; border:#CCCCCC 1px solid; margin-bottom:10px; margin-top:10px;} /* 방통위 문구 */ .view_adt_noti2 { width:98%; line-height:18px; margin:0 auto; text-align:left; background-color:#f9f9f9; border:#CCCCCC 1px solid; margin-bottom:10px; margin-top:10px;font-size:11px; padding-top:5px; padding-bottom:5px; padding-left:5px; color:#666666; letter-spacing:-1.2px} .view_adt_noti2 li {list-style:none} .view_adt_noti2 .btn_view_adt_noti2 {padding:2px 7px; text-align:center; font-size:11px; cursor:pointer; color: #373a47; border: solid 1px #b7b7b7; background-color:#d9d9d9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .view_adt_noti2 .btn_view_adt_noti2:hover {background-color: #ffffff; } /*뷰_left*/ .view_ctn { width:780px; max-width:780px; overflow:hidden; min-height:400px; margin:0 auto; background-color:#FFFFFF; border:#CCCCCC 1px solid; margin-left:15px ; margin-bottom:45px; padding:2% 2% 1%; text-align:center; border-top:none;} .view_bx { width:780px; margin:0 auto; background-color:#FFFFFF; border:#CCCCCC 1px solid; margin-bottom:10px; margin-left:15px;position:relative} .view_bx .view_ic50s {width:127px; height:181px; background:url(/images/contents/view_ic50s.png) no-repeat; position:absolute; top:40px; right:00px; z-index:500;} .view_bx .tit {width:100%; margin:0 auto; height:40px; line-height:20px; padding-top:8px; vertical-align:middle; position:relative; border-bottom:#d9d9d9 1px solid;} .view_bx .tit li { list-style:none; } .view_bx .tit_le2 {width:33px;height:20px; background:url(/images/icon/view_btn_contn.png) no-repeat; cursor:pointer; margin-left:5px; float:left;} .view_bx .tit_le_adt {width:21px;height:20px; background:url(/images/icon/view_btn_adt.png) no-repeat; cursor:pointer; margin-left:3px; float:left} .view_bx .tit_le_mo {width:21px;height:20px; background:url(/images/icon/view_btn_mobile.png) no-repeat; cursor:pointer; margin-left:3px; float:left} .view_bx .tit_le {width:440px; text-align:left; font-weight:bold;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:5px; float:left ; } .view_bx .tit_rig { vertical-align:middle; text-align:left; letter-spacing:0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float:right; margin-right:10px; font-size:11px;} .view_tb { width:100%;height:auto; margin:0 auto;} .view_tb td { height:30px; line-height:30px; vertical-align:middle; border-bottom:#CCC 1px dotted;font-size:12px; color:#666 } .view_tb td .view_name { width:490px; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:11px; color:#666 ; float:left;} .view_tb td .btn_mopen { float:left; margin-right:10px;cursor:pointer; } .view_tb td .btn_mopen1 { float:left; margin-right:10px;cursor:pointer; } .view_tb td .btn_mopen2 { float:left; margin-right:10px;cursor:pointer; } .view_tb td .btn_mopen3 { float:left; margin-right:0px;cursor:pointer; } .view_tb td .view_name2 { width:500px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:11px; color:#666; } .view_tb td .view_name3_tot { width:660px; height:25px; line-height:25px; border-bottom:#CCCCCC 1px dotted; } .view_tb td .view_name3_tot:hover{background-color:#f9f9f9;} .view_tb td .view_name3_tot .view_name3 {width:450px; height:25px; line-height:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:11px; color:#666; float:left; } .view_tb td .view_name3_tot .btn_preview{ line-height:25px; float:right; margin-right:10px; cursor:pointer; } .view_tb td .view_name3_tot .btn_preplay{ line-height:25px; float:right; margin-right:10px; cursor:pointer; } .view_ctn .live_review { width:100%; max-width:780px; padding-top:20px;margin:0 auto; text-align:center; } /*수정전 .view_tb td .view_name { width:630px; height:25px; line-height:25px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:11px; color:#666 } .view_tb td .view_name2 { width:650px; height:25px; line-height:25px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:11px; color:#666; } */ .view_tb .td_tit { text-align:left; background:#f9f9f9; border-right:#e2e2e2 1px solid;font-size:12px; color:#666;padding-left:5px;} .view_tb .td_L { border-left:#e2e2e2 1px solid;} .view_tb .td_C { border-left:#e2e2e2 1px solid;text-align:center;} .view_tb .ic_mpon_on{width:28px; height:35px; line-height:35px;background:url(/images/icon/view_btn_mobile_on.png) no-repeat; background-position:center;float:left } .view_tb .ic_mpon_off {width:28px; height:35px;line-height:35px; background:url(/images/icon/view_btn_mobile_off.png) no-repeat; background-position:center;float:left } .btn_view { clear:both; width:100%; height:40px; text-align:center; margin-top:20px;} .btn_view img { margin-right:5px;margin-left:5px;} #view_banner { clear:both; width:100%; height:40px; text-align:center; margin-top:40px;margin-bottom:30px;cursor:pointer} .view_banner { clear:both; width:100%; height:40px; text-align:center;cursor:pointer} /*파일리스트>실시간재생버튼*/ .filelist .btn_view_med{background-image: url(/images/moon/content/view/btn_view_gomovieplayer.png); display:inline-block; height:18px; width:119px; margin-left:4px;vertical-align:middle} /*기존 다운버튼*/ .view_left .dv_btn_moum{text-align:center; margin:20px 0px; } .view_left .dv_btn_moum a:hover, .view_left .dv_btn_moum span:hover{opacity:0.7;} .view_left .dv_btn_moum .btn_dv_quickdown{border:1px solid #e03448; background:#f54a5e; color:#ffffff; font-size:14px; font-weight:bold; line-height:40px; height:40px; display:inline-block; width:160px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px} .view_left .dv_btn_moum .btn_dv_quickstream{border:1px solid #e03448; background:#f54a5e; color:#ffffff; font-size:14px; font-weight:bold; line-height:40px; height:40px; display:inline-block; width:160px;margin-left:7px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px} .view_left .dv_btn_moum .btn_dv_jjim{border:1px solid #f54a5e; color:#e03448; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; background:url(/images/icon/bg_dv_btn_jjim2.png) #fff no-repeat 40px 10px; margin-left:7px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px} .view_left .dv_btn_moum .btn_dv_modify{border:1px solid #b8b8b8; background:#fff; color:#000; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; margin-left:7px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px} .view_left .dv_btn_moum .btn_dv_disabled{border:1px solid #000; background:#b8b8b8; color:#000; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; margin-left:7px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px} /*하단 창닫기버튼 추가 20200518*/ .view_left .dv_btn_moum .btn_dv_close{ box-sizing:border-box; padding-left: 15px; border:1px solid #b8b8b8; color:#343434; font-size:14px; font-weight:bold; line-height:40px; display:inline-block; width:160px; background:url(/images/icon/bg_dv_btn_close.png) #fff no-repeat 48px 14px; margin-left:7px; -webkit-border-radius:5px ; -moz-border-radius:5px; border-radius:5px; cursor: pointer;} /*뷰_환불정책 레이어 */ .view_ntc { margin-bottom:20px; } .view_play_not_txt { position:relative; width:738px; height:29px; margin:0 auto; text-align:left; background:url(/images/popup/view_banner_cs_2019_1.jpg) no-repeat; background-position:left; cursor:pointer; } .view_play_not { position:relative; width:738px; height:91px; margin:0 auto; margin-bottom:10px; text-align:left; background:url(/images/popup/view_banner_cs_2019_1_txt.jpg) no-repeat; background-position:left; } .view_play_not_txt2 { position:relative; width:738px; height:29px; margin:0 auto; text-align:left; background:url(/images/popup/view_banner_cs_2019_2.jpg) no-repeat; background-position:left; cursor:pointer; } .view_play_not2 { position:relative; width:738px; height:81px; margin:0 auto; margin-bottom:10px; text-align:left; background:url(/images/popup/view_banner_cs_2019_2_txt.jpg) no-repeat; background-position:left; } .view_play_not_close { z-index:200; width:22px; height:22px; background:url(/images/btn/view_banner_cs3_txt2_x.jpg) no-repeat; position:absolute; bottom:0px; right:0px; cursor:pointer; } /* .view_play_not_txt { width:738px; height:25px; margin:0 auto; text-align:left; background:url(/images/banner/view_banner_cs3_txt.gif) no-repeat; background-position:left; position:relative; margin-top:20px; margin-bottom:5px;cursor:pointer;} .view_play_not { width:738px; height:100px; margin:0 auto; text-align:left; background:#b8b8b8; background:url(/images/banner/view_banner_cs3_txt2.jpg) no-repeat; background-position:left; position:relative; } .view_play_not_close { width:22px; height:22px; background:url(/images/popup/view_banner_cs3_txt2_x.jpg) no-repeat; position:absolute; bottom:9px; right:5px; cursor:pointer;z-index:200} */ .view_play_not li { list-style:none; cursor:pointer } .view_play_not .btn_play1 {width:134px; height:45px;position:absolute;top:65px;left:165px;} .view_play_not .btn_play2 { width:134px;height:45px;position:absolute;top:65px; left:311px;} .view_play_not .btn_play3 {width:134px;height:45px;position:absolute;top:65px;left:453px;} .play3_layer { width:460px; height:320px; background-color:#484b5a; border:1px #000000 solid; position:absolute; top:130px; left:345px; z-index:200 } .play3_layer_s { width:95%; margin:0 auto; padding-top:15px; position:relative;} .play3_layer_s .btn_close { width:23px; height:23px; background:url(/images/popup/popup_btn_close.png) no-repeat; cursor:pointer; position:absolute; top:10px; right:10px} .play3_layer_s .play3_tit { width:90%; height:31px; line-height:31px; margin:0 auto; background:url(/images/icon/icon_err.png) no-repeat; background-position:left; padding-left:38px; font-size:1.2em; font-weight:bold; color:#FFF; text-align:left; margin-bottom: 10px;} .play3_layer_s li { list-style:none;} .play3_layer_s .input_tt { width:90%; height:170px; line-height:20px; margin:0 auto; background-color:#ffffff; border:1px #ffffff solid; letter-spacing:-1.5px; font-size:13px; color:#666666; text-align:left ;padding:10px; } .play3_layer_s .play_d { width:100%; height:30px; line-height:30px;margin:0 auto; margin-top:10px;} .play3_layer_s .play_d span { font-size:11px; color:#000000; text-align:left ; padding:5px 15px; background-color:#fcdf00; margin:10px; letter-spacing:-1px;cursor:pointer;font-weight:bold; } /*###뷰창 회차별 보기 ###*/ .view_num { clear:both; width:780px; margin:0 auto; } .view_num .view_num_t { width:100%; height:25px; background:url(/images/popup/view_tit_num.png) no-repeat; background-position:left; position:relative; margin-bottom:5px;} .view_num .view_num_t li { list-style:none; cursor:pointer} .view_num .view_num_t .view_num_btn { width:105px; height:24px; background:url(/images/popup/view_num_rid.png) no-repeat; float:right} .view_num .view_num_t .view_num_btn.num_on { width:105px; height:24px; background:url(/images/popup/view_num_rid_on.png) no-repeat; float:right} .view_num_s { width:100%; height:108px; margin:0 auto; background-color:#FFFFFF; border:#CCCCCC 1px solid;padding-bottom:15px; position:relative} .view_num_s .btn_numL { width:25px; height:37px; background:url(/images/popup/btn_numL.png) no-repeat;position:absolute; left:15px; top:35px; cursor:pointer} .view_num_s .btn_numR { width:25px; height:37px;background:url(/images/popup/btn_numR.png) no-repeat; position:absolute; right:15px; top:35px; cursor:pointer} .view_num_s .num_bx { width:100%; height:107px; margin:0 auto;text-align:center; } .view_num_s .num_bx li { width:113px; height:104px; list-style:none; display:inline-block; margin:10px;} .view_num_s .num_bx .num_bxtit { width:100%; height:20px; line-height:20px;font-size:11px; font-family:"돋움", "바탕", "맑은 고딕"; color:#666; text-align:left} /*뷰_하단고정*/ .view_bot { z-index:100; width:813px; height:87px; /*margin-left:55px;*/ margin-left:160px; text-align:center; background:url(/images/contents/view_bot_bg.jpg) repeat-x; position:absolute; bottom:7px; left:0px; } .view_bot img { margin-top:20px; margin-right:5px;margin-left:5px;} .view_bot .bot_btn { clear:both; position:relative; background-color:#84020c; } .view_bot .bot_btn li {list-style:none;} .view_bot .bot_btn .icon_top { width:29px; height:23px; background:url(/images/contents/view_btn_top.gif) no-repeat; position:absolute; top:0px; right:18px; cursor:pointer } /*뷰_댓글*/ .re_box { width:100%; height:70px; border-bottom:#CCCCCC 1px solid; margin:0 auto; text-align:center; background-color:#d3d8de; } .re_box ul { width:740px; margin:0 auto; margin-left:15px; } .re_box li { height:40px; list-style:none; margin-top:10px; float:left} .re_box .input_re { width:630px; height:50px; line-height:20px; vertical-align:middle; background-color:#fff; border:#CCCCCC 1px solid; font-size:12px; padding-left:5px;} .re_box .btn_re { float:right; margin-left:10px;} .re_info { width:740px; height:20px;line-height:20px; vertical-align:middle;margin:0 auto; text-align:left; margin-left:15px; margin-top:20px; } .re_star { width:740px; height:20px;line-height:20px; vertical-align:middle;margin:0 auto; text-align:left; margin-left:15px; margin-top:20px; } .re_star li { list-style:none; margin-right:10px; float:left} .re_star2 { width:100%; height:50px; border-bottom:#c8ccbd 1px dotted; vertical-align:middle;margin:0 auto; text-align:left; padding-top:20px; background-color:#d3d8de; } .re_star2 li { list-style:none; margin-left:15px;line-height:20px; float:left; } .re_list { clear:both; width:740px; margin:0 auto; text-align:left; border-top:#ccc 1px dotted; margin-top:10px; padding-top:10px; position:relative;} .re_list li { list-style:none; width:100%;margin:0 auto;} .re_list .re_name {height:25px; text-align:left; font-size:13px; color:#333 ;} .re_list .re_txt {line-height:20px; vertical-align:middle; text-align:left; word-break:break-all; font-size:12px; color:#666666; margin-bottom:20px; } .re_list .re_icon { width:80px; height:25px; position:absolute; top:5px; right:-16px; } /*뷰_댓글 신규폼*/ .re_box_new { width:100%; height:70px; min-height:70px; border-bottom:#CCCCCC 1px solid; margin:0 auto; text-align:center; background-color:#f3f8e5; } .re_box_new ul { width:740px; margin:0 auto; margin-left:15px; } .re_box_new li { height:40px; list-style:none; margin-top:10px; float:left} .re_box_new .input_re_new { width:630px; height:50px; line-height:20px; vertical-align:middle; background-color:#fff; border:#CCCCCC 1px solid; font-size:12px; padding-left:5px;} .re_box_new .btn_re_new { float:right; margin-left:10px;} .re_info_new { width:740px; height:20px;line-height:20px; vertical-align:middle;margin:0 auto; text-align:left; margin-left:15px; margin-top:20px; } .re_star_new { width:740px; height:20px;line-height:20px; vertical-align:middle;margin:0 auto; text-align:left; margin-left:15px; margin-top:20px; } .re_star_new li { list-style:none; margin-right:10px; float:left} .re_star2_new { width:100%; height:50px; border-bottom:#c8ccbd 1px dotted; vertical-align:middle;margin:0 auto; text-align:left; padding-top:20px; background-color:#f3f8e5; } .re_star2_new li { list-style:none; margin-left:15px;line-height:20px; float:left; } .re_list_new { width:740px; margin:0 auto; text-align:left;position:relative; } .re_list_new table {width:100%; margin:0 auto; position:relative;} .re_list_new table td { line-height:20px; vertical-align:middle; border-top:#ababab 1px dotted; } .re_list_new .retb_line { border-right:#cccccc 1px dotted; } .re_list_new .re_name_new {width:100px; min-width:80px; vertical-align:middle; text-align:left; font-size:13px; color:#333 ;float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .re_list_new .re_memlv_off {background-color:#ffffff;padding:1px 5px; border:#cccccc 1px solid; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color:#666666 ; font-size:11px;font-weight:bold; } .re_list_new .re_memlv_on {background-color:#d3d8de;padding:1px 5px; border:#bfc7d1 1px solid; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color:#5c6f85 ; font-size:11px;font-weight:bold; } .re_list_new .re_memlv {background-color:#ffffff;padding:1px 5px; border:#667dad 1px solid; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color:#667dad ; font-size:11px } .re_list_new .re_start_new {width:90px; line-height:20px; vertical-align:middle; text-align:center; font-size:13px; color:#333 ;float:left; } .re_list_new .re_event_new {width:190px; height:auto; line-height:20px; vertical-align:middle; text-align:left; font-size:13px; color:#333 ;float:left;} .re_list_new .re_txt_new_ev {line-height:20px; height:20px; vertical-align:middle; padding-bottom:10px; padding-top:10px; background-color:#faf2f2; color:#d10c52;border-bottom:#edc9c9 1px dotted;} .re_list_new .re_txt_new {width:480px; line-height:20px; min-height:60px;vertical-align:middle; text-align:left; word-break:break-all; font-size:12px; color:#666666;float:left; padding-bottom:10px; padding-top:10px;} .re_list_new .re_txt_re {width:480px; line-height:20px;vertical-align:middle; text-align:left; word-break:break-all; font-size:12px; color:#666666;float:left; padding-bottom:5px;padding-top:5px;} /* .re_list_new .re_txt_new .btn_remini { width:100%; height:13px; margin-top:5px; background:url(../images/popup/btn_mreimg_off.png) no-repeat; cursor:pointer; text-align:left;} .re_list_new .re_txt_new .btn_remini:hover { width:100%; height:13px; margin-top:5px; background:url(../images/popup/btn_mreimg_on.png) no-repeat; cursor:pointer; text-align:left;} */ .re_list_new .re_txt_new .btn_remini { width:100%; height:auto; background-color:#cccccc;position:relative; } .re_list_new .re_txt_new .btn_remini li {list-style:none; position:absolute; top:-20px; right:-80px; } .re_list_new .re_txt_new .btn_remini .btn_rew {width:56px; height:13px; background:url(/images/popup/btn_mreimg_off.png) no-repeat; cursor:pointer;} .re_list_new .re_txt_new .btn_remini .btn_rew:hover {width:56px; height:13px; background:url(/images/popup/btn_mreimg_on.png) no-repeat; cursor:pointer;} .re_list_new .re_icon_new { width:80px; height:20px; position:relative; top:-44px; right:-16px; } .re_list_new .re_notxt { clear:both; width:740px; height:40px;line-height:40px; margin:0 auto; text-align:center; margin-bottom:20px; } .re_list_new .reform { margin-top:10px;} .re_list_new .reform .input_rere {width:80%; height:33px; line-height:33px; background-color:#f9f9f9; border:#cccccc 1px solid;float:left;} .re_list_new .reform .input_rere_btn {width:90px; height:33px; float:left; margin-left:5px;background:url(../images/popup/view_btn_re2.gif) no-repeat; cursor:pointer;} /*뷰_우측*/ .view_right .vrig_banner{ width:273px; height:38px;margin:0 auto; background:url(/images/contents/view_btn_ser.gif) no-repeat; cursor:pointer; margin-top:10px; } .view_right .vrig_tab { width:273px; height:31px; margin:0 auto;margin-top:10px; } .view_right .vrig_tab li { float:left; height:31px; line-height:31px; vertical-align:middle; list-style:none; font-size:11px; font-weight:bold; cursor:pointer; color:#000; text-align:center;} .view_right .vrig_tab .tab01 {width:136px;background:url(/images/contents/view_rig_tab_off.jpg) repeat-x; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid;border-left:#757f8f 1px solid;color:#fff } .view_right .vrig_tab .tab01:hover { width:136px;background:#FFF; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid;border-left:#757f8f 1px solid; color:#000} .view_right .vrig_tab .tab02 {width:137px;background:url(/images/contents/view_rig_tab_off.jpg) repeat-x; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid;color:#fff} .view_right .vrig_tab .tab02:hover { width:137px;background:#FFF; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid;color:#000} .view_right .vrig_tab .on { background:#FFF; color:#000 } .view_right .vrig_tab_list {width:273px; height:490px; margin:0 auto; border-left:#757f8f 1px solid; border-right:#757f8f 1px solid; background-color:#ffffff; margin:0 auto; padding-top:11px; } .view_right .vrig_tab_list .vrig_box {width:96%; height:68px; margin:0 auto; text-align:left; border-bottom:#e2e2e2 1px solid; margin-bottom:3px;} .view_right .vrig_tab_list .vrig_box li { list-style:none;} .view_right .vrig_tab_list .vrig_box .vrig_box_img { float:left; width:100px; vertical-align:middle; text-align:left; } .view_right .vrig_tab_list .vrig_box .vrig_box_txt1 { float:left; width:150px; margin:0 auto; height:42px; line-height:20px; vertical-align:middle; text-align:left; word-break:break-all; letter-spacing:-.2px; font-size:12px;} .view_right .vrig_tab_list .vrig_box .vrig_box_txt2 { float:left; width:150px; margin:0 auto; height:20px; line-height:20px; vertical-align:middle; text-align:left; letter-spacing:0px; font-size:11px; letter-spacing:-0.5px; } /*뷰_우측 탭 추가리스트*/ .view_right .vrig_tab2 { width:273px; height:31px; margin:0 auto;margin-top:15px; } .view_right .vrig_tab2 li { float:left; height:31px; line-height:31px; vertical-align:middle; list-style:none; font-size:11px; font-weight:bold; cursor:pointer; color:#000; text-align:center;} .view_right .vrig_tab2 .tab01 {width:136px;background:url(/images/contents/view_rig_tab_off.jpg) repeat-x; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid;border-left:#757f8f 1px solid;color:#fff } .view_right .vrig_tab2 .tab01:hover { width:136px;background:#FFF; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid;border-left:#757f8f 1px solid; color:#000} .view_right .vrig_tab .tab01_on { width:136px;background:#FFF; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid;border-left:#757f8f 1px solid;color:#000 } .view_right .vrig_tab2 .tab02 {width:100%;background:url(/images/contents/view_rig_tab_off.jpg) repeat-x; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid;color:#fff} .view_right .vrig_tab2 .tab02_on { width:100%;background:#FFF; border-top:#757f8f 1px solid; border-right:#757f8f 1px solid; color:#000} .view_right .vrig_tab_list2 {width:273px; height:170px;margin:0 auto; border-left:#757f8f 1px solid; border-right:#757f8f 1px solid; border-bottom:#757f8f 1px solid;background-color:#ffffff; margin:0 auto; padding-top:12px; } .view_right .vrig_tab_list2 li {width:95%; margin:0 auto; line-height:22px; background:#84020c; height:22px; vertical-align:middle; list-style:none; background:url(/images/contents/icon_jum2.png) no-repeat 0px 9px; padding-left:12px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px; color:#666666;} .view_right .vrig_tab_list2 .vt_adt { width:20px; height:18px; background:url(/images/contents/view_btn_adt.png) no-repeat ; background-size:18px; float:left; margin-right:3px;} /*###뷰창 판매자 다른자료 ###*/ .vctn_list_tot {width:550px; height:auto; margin:0 auto; border:#000000 1px solid; background-color:#ffffff;position:relative; top:100px; padding-bottom:40px;} .vctn_list_tot .vctn_tt { width:95%; height:auto; margin:0 auto; height:25px; line-height:25px; text-align:left; color:#000; font-weight:bold;margin-top:20px} .vctn_list_tot .vctn_list_tb { clear:both; width:95%; height:auto;margin:0 auto; margin-top:5px;} .vctn_list_tot .vctn_list_tb table { width:100%; } .vctn_list_tot .vctn_list_tb .trcolor:hover {background-color:#fcf1f5;} .vctn_list_tot .vctn_list_tb table .tit { width:100%; height:32px; line-height:32px; text-align:center; background-color:#f9f9f9; border-top:#ccc 1px solid; border-bottom:#e2e2e2 1px solid; font-size:9px; color:#666; font-weight:bold} .vctn_list_tot .vctn_list_tb td { height:30px; line-height:28px; vertical-align:middle ; border-bottom:#ccc 1px dotted; letter-spacing:-.2px;position:relative; } .vctn_list_tot .vctn_list_tb .vctn_subject {width:360px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px; color:#666; text-align:left;letter-spacing:.5px;cursor:pointer} .vctn_list_tot .vctn_list_tb2 { clear:both; width:100%; height:auto;margin:0 auto; margin-top:5px;} .vctn_list_tot .vctn_list_tb2 table { width:100%; } .vctn_list_tot .vctn_list_tb2 .trcolor:hover {background-color:#fcf1f5;} .vctn_list_tot .vctn_list_tb2 table .tit { width:100%; height:32px; line-height:32px; text-align:center; background-color:#f9f9f9; border-top:#ccc 1px solid; border-bottom:#e2e2e2 1px solid; font-size:9px; color:#666; font-weight:bold} .vctn_list_tot .vctn_list_tb2 td { height:30px; line-height:28px; vertical-align:middle ; border-bottom:#ccc 1px dotted; letter-spacing:-.2px;position:relative; } .vctn_list_tot .vctn_list_tb2 .vctn_subject {width:360px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px; color:#666; text-align:left;letter-spacing:.5px;cursor:pointer} /*###뷰창 판매자 다른자료페이지용 ###*/ .vctn_list_pg { clear:both; width:780px; max-width:780px; overflow:hidden; min-height:400px; margin:0 auto; background-color:#FFFFFF; border:#CCCCCC 1px solid; margin-left:15px;margin-bottom:10px; } .vctn_list_pg table { width:100%; padding:2px;text-align:center; margin:0 auto;} .vctn_list_pg .trcolor:hover {background-color:#fcf1f5;} .vctn_list_pg table .tit { width:100%; height:20px; line-height:20px; text-align:center; background-color:#f9f9f9; border-bottom:#e2e2e2 1px solid; font-size:9px; color:#666; } .vctn_list_pg td { height:30px; line-height:20px; vertical-align:middle ; border-bottom:#ccc 1px dotted; letter-spacing:-.2px;position:relative; padding:2px; } .vctn_list_pg .vctn_subject {width:450px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px; color:#666; text-align:left;letter-spacing:.5px;cursor:pointer} /*###뷰창 타이틀 메뉴 ###*/ .view_title_tbg { clear:both; width:780px; height:20px; margin:0 auto; margin-top:30px;margin-bottom:10px;background:url(/images/contents/view_title_tline.png) repeat-x; padding-top:-3px; } .view_title_tbg .v_tbox {width:100%; height:20px; line-height:20px; margin:0 auto; } .view_title_tbg .v_tbox li { width:90px; height:20px; list-style:none; cursor:pointer ; display:block } .view_title_tbg .v_tbox .vtit_m1 { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) 0px -33px; float:left; } .view_title_tbg .v_tbox .vtit_m2 { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -121px -33px; float:left; } .view_title_tbg .v_tbox .vtit_m3 { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -235px -33px; float:left; } .view_title_tbg .v_tbox .vtit_m4 { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -353px -33px; float:left; } .view_title_tbg .v_tbox .vtit_m4_off { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -353px -0px; float:left; } .view_title_tbg .v_tbox .vtit_m4_off:hover { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -353px -33px; float:left; } .view_title_tbg .v_tbox .vtit_m1_off { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) 0px -0px; float:left; } .view_title_tbg .v_tbox .vtit_m1_off:hover { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) 0px -33px; float:left; } .view_title_tbg .v_tbox .vtit01 { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) 0px 0px; float:right; } .view_title_tbg .v_tbox .vtit01:hover { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) 0px -33px; } .view_title_tbg .v_tbox .vtit01.vt1on {width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) 0px -33px; } .view_title_tbg .v_tbox .vtit02 { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -115px 0px; float:right; } .view_title_tbg .v_tbox .vtit02:hover { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -115px -33px; } .view_title_tbg .v_tbox .vtit02.vt2on { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -115px -33px;} .view_title_tbg .v_tbox .vtit03 { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -230px 0px; float:right; } .view_title_tbg .v_tbox .vtit03:hover { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -230px -33px; } .view_title_tbg .v_tbox .vtit03.vt3on { width:95px; height:20px;background:url(/images/contents/view_title_tbg2_1213.gif) -230px -33px; } .view_title_tbg .v_tbox .vtit04 { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -353px 0px; float:right; } .view_title_tbg .v_tbox .vtit04:hover { width:95px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -353px -33px; } .view_title_tbg .v_tbox .vtit04.vt4on { width:95px; height:20px;background:url(/images/contents/view_title_tbg2_1213.gif) -353px -33px; } .view_title_tbg .v_tbox .vtit05 { width:69px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -479px 0px; float:right; } .view_title_tbg .v_tbox .vtit05:hover { width:69px; height:20px; background:url(/images/contents/view_title_tbg2_1213.gif) -479px -33px; } .view_title_tbg .v_tbox .vtit05.vt5on { width:69px; height:20px;background:url(/images/contents/view_title_tbg2_1213.gif) -479px -33px; } /*###뷰창 리뉴얼 2018.08 ### */ .view_tab { clear:both; display:block; width:780px; height:auto; margin:0 auto; margin-left:15px; } .view_tab li { float:left; display:inline-block; width:16.666%; height:36px; line-height:36px; border:1px solid #cccccc; background-color:#f9f9f9; font-size:12px; color:#666666; text-align:center; font-family:"돋움",dotum,sans-serif; cursor:pointer; } .view_tab li:hover { border:1px solid #7a8087; background-color:#62a8ef; color:#ffffff; } .view_tab li.on { border:1px solid #7a8087; border-bottom:none; background-color:#62a8ef; color:#ffffff; } .vctn_list_pg_n { clear:both; display:inline-block; width:780px; max-width:780px; height:auto; margin:0 auto; margin-left:15px; margin-bottom:45px; padding:2% 2% 0; box-sizing:border-box; border:#cccccc 1px solid; border-top:none; background-color:#ffffff; text-align:center; } .vctn_list_pg_n .vctn_list_pg_n_tit { float:left; display:inline-block; margin-bottom:15px; font-size:16px; color:#4e80d2; font-weight:bold; font-family:"돋움",dotum,sans-serif; } .vctn_list_pg_n .vctn_list_cate { float:left; display:inline-block; width:100%; margin-bottom:13px; box-sizing:border-box; } .vctn_list_pg_n .vctn_list_cate li { float:left; display:inline-block; width:81.8px; margin-right:1px; margin-bottom:1px; height:25px; line-height:25px; font-size:12px; text-align:center; font-family:"돋움",dotum,sans-serif; cursor:pointer } .vctn_list_pg_n .vctn_list_cate li.ct_01 { background:#333333; color:#ffffff; } .vctn_list_pg_n .vctn_list_cate li.ct_02 { background:#eceff4; color:#68737f; } .vctn_list_pg_n .vctn_list_cate li.ct_03 { background:#f7941d; color:#ffffff; width:auto; padding:0 20px; } .vctn_list_pg_n .vctn_list_cate li.ct_01:hover { background:#000000; } .vctn_list_pg_n .vctn_list_cate li.ct_02:hover { background:#f7941d; color:#ffffff; } .vctn_list_pg_n .vctn_list_cate li.on { background:#f7941d; color:#ffffff; } .vctn_list_pg_n .vctn_list_box_ctn { float:left; display:inline-block; width:102%; } .vctn_list_pg_n .vctn_list_box_ctn .vctn_list_box { position:relative; float:left; display:inline-block; width:23%; margin-right:2%; margin-bottom:3%; } .vctn_list_box .box_check { position: absolute; top: 0px; left: 0px; z-index: 100; width: 175px; height: 168px; border: 4px solid #62a8ef; } .vctn_list_box .vctn_thumb { position:relative; height:97px; overflow:hidden; cursor:pointer} .vctn_list_box .vctn_thumb .vctn_thumb_adt { position:absolute; top:0; left:0; z-index:99; width:100%; height:97px; background:url(/images/contents/icon_adt19_seller.png) no-repeat center center; background-size:100%; } .vctn_list_box .vctn_thumb .vctn_thumb_img { margin:0; padding:0; vertical-align:top; } .vctn_list_box .vctn_thumb .vctn_thumb_img img { width:100%; } .vctn_list_box .vctn_thumb .vctn_thumb_img img:hover { opacity: 0.6;filter:alpha(opacity=60) } .vctn_list_box .vctn_txt { padding:5px; background-color:#eceff4; text-align:left; } .vctn_list_box .vctn_txt .vctn_tit { position:relative; height:36px; line-height:18px; font-size:12px; overflow:hidden; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .vctn_list_box .vctn_txt .vctn_tit:hover { text-decoration:underline; cursor:pointer} .vctn_list_box .vctn_txt .vctn_cate { margin-top:5px; line-height:20px; font-size:11px; color:#656565; font-family:"돋움",dotum,sans-serif; } .vctn_list_pg_n .vctn_list_more_ctn { float:left; display:inline-block; width:100%; } .vctn_list_pg_n .vctn_list_more { display:inline-block; width:100%; height:36px; line-height:36px; margin-bottom:3%; box-sizing:border-box; font-size:12px; text-align:center; background-color:#ffffff; color:#68737f; border:1px solid #a5aeb8; cursor:pointer; } .vctn_list_pg_n .vctn_list_txt { line-height:34px; font-size:11px; } .vctn_list_pg_n .vctn_list_txt span { color:#dd5430; } /*다운로드 알림 팝업레이어*/ .popup_down_not {width:100%; height:auto; margin:0 auto; position:relative; top:150px; } .popup_down_not .down_not_tot { width:400px; height:250px; background-color:#ffffff; margin:0 auto; padding:0;text-align:center; padding-bottom:20px;} .down_not_tot .down_not_tit {clear:both; width:100%; height:36px; background-color:#3e4150; position:relative} .down_not_tot .down_not_tit li {list-style:none; } .down_not_tot .down_not_tit .down_close { width:23px; height:22px; background:url('/images/popup/popup_btn_close.png') no-repeat; cursor:pointer; float:right; margin-right:20px;margin-top:6px;} .down_not_tot .down_not_tit .down_name {float:left; margin-left:10px; font-size:13px; color:#fff; font-weight:bold; margin-top:13px; letter-spacing:-.5px; } .down_not_tot .down_not_txt_1 { width:100%; line-height:23px; text-align:center; margin:0 auto; margin-top:30px; } .down_not_tot .down_not_txt_2 { width:90%; line-height:20px; text-align:center; margin:0 auto; margin-top:15px; background-color:#eaeef2;font-weight:bold; padding-top:10px; padding-bottom:10px;} .down_not_tot .down_not_txt_2 .down_ck { width:15px; height:15px; margin:0 auto; margin-right:5px;} .down_not_tot .down_not_txt_3 { width:150px; height:40px; line-height:40px; text-align:center; margin:0 auto; background-color:#6a92d5; margin-top:20px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer;font-weight:bold; font-size:13px; color:#fff; border:#4676c6 1px solid } /*@_BannerChange251110*/ /*###뷰창 고객만족도 ###*/ .view_left .banner_viewLayerLeft{ position:absolute; left:0; } .view_left .banner_viewLayerLeft{ display:block; width:146px; height:172px; cursor:pointer; } /*###뷰창 충전스티커 ###*/ .view_left .view_evt1 { width:170px; height:185px; position:absolute; top:60px; right:400px; z-index:100} .view_evt1 .evt_first { width:170px; height:185px; background:url(/images/popup/view_evt_first.png) no-repeat;position:relative;cursor:pointer;} .view_evt1 .view_evt_btn { width:29px; height:29px; background:url(/images/popup/view_evt_btn.png) no-repeat; position:absolute; top:20px; right:10px; cursor:pointer;z-index:200} /*###뷰창 충전이벤트 스티커 ###*/ .view_left .view_evt2 { width:170px; height:185px; position:absolute; top:60px; right:400px;z-index:100} .view_evt2 .evt_normal { width:170px; height:185px; background:url(/images/popup/view_evt_bok.png) no-repeat;position:relative;cursor:pointer;} .view_evt2 .view_evt_btn {width:29px;height:29px;background:url(/images/popup/view_evt_btn.png) no-repeat; position:absolute;top:30px;right:0px;cursor:pointer;z-index:200} /*###뷰창 카드포인트 스티커 ###*/ .view_left .view_evt3 { width:170px; height:185px; position:absolute; top:90px; right:500px;z-index:100} .view_evt3 .evt_normal { width:170px; height:185px; background:url(/images/popup/view_evt_cardpt.png) no-repeat;position:relative;cursor:pointer;} .view_evt3 .view_evt_btn {width:29px;height:29px;background:url(/images/popup/view_evt_btn.png) no-repeat; position:absolute;top:30px;right:0px;cursor:pointer;z-index:200} /*###뷰창 OK캐시백스티커 미조회 ###*/ .view_left .view_evt4 { width:170px; height:185px; position:absolute; top:100px; right:500px;z-index:100} .view_evt4 .evt_normal { width:170px; height:185px; background:url(/images/popup/view_evt_okcash.png) no-repeat;position:relative;cursor:pointer;} .view_evt4 .view_evt_btn {width:29px;height:29px;background:url(/images/popup/view_evt_btn.png) no-repeat; position:absolute;top:30px;right:0px;cursor:pointer;z-index:200} /*###뷰창 OK캐시백스티커 조회자 ###*/ .view_left .view_evt5 { width:170px; height:185px; position:absolute; top:60px; right:500px;z-index:100} .view_evt5 .evt_okcash { width:170px; height:185px; background:url(/images/popup/view_evt_okcashbag2.png) no-repeat; position:relative;cursor:pointer;} .view_evt5 .evt_okcash .okcash_tit { width:100%; height:30px; line-height:30px;text-align:center; margin:0 auto; font-weight:bold; font-size:11px; letter-spacing:-.3px; font-family:Verdana; color:#ffffff; position:absolute; top:72px;} .view_evt5 .view_evt_btn {width:29px;height:29px;background:url(/images/popup/view_evt_btn.png) no-repeat; position:absolute;top:30px;right:0px;cursor:pointer;z-index:200} .view_evt5 .view_evt_btn2 {width:100%;height:38px;background:url(/images/popup/view_evt_okcashbag_btn.png) no-repeat; background-position:center; position:absolute; bottom:0px;right:0px;cursor:pointer;z-index:200} .hig20{ clear:both; width:100%; height:20px;} .hig40{ clear:both; width:100%; height:40px;} /*### 페이지 공통###*/ .page_nom { clear:both; width:100%; height:40px; line-height:40px; padding-top:20px; vertical-align:middle; text-align:center; font-size:13px; letter-spacing:-.2px;border-top:#d9d9d9 1px solid;} .page_nom span { padding-left:4px;padding-right:4px; height:19px; line-height:19px; margin:0px 1px; background-color:#fff; border:#ccc 1px solid; text-align:center;color:#666; cursor:pointer} .page_nom span:hover { padding-left:4px;padding-right:4px; height:19px; line-height:19px;margin:0px 1px; background-color:#fff; border:#80a313 1px solid; text-align:center;color:#000;cursor:pointer} .page_nom span.on { padding-left:4px;padding-right:4px; height:19px; line-height:19px; margin:0px 1px; background-color:#80a313; border:#80a313 1px solid; text-align:center;color:#fff; font-weight:bold;cursor:pointer} /*###제목 할인아이콘 ###*/ .ctn_Licon3{ background-color:#8e56c3; padding:4px 6px 2px 6px; font-size:11px; letter-spacing:-1px; color:#FFF; font-family:dotum,sans-serif;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px; } /*###파일정보 ###*/ .view_ftb {clear:both; width:100%; margin:0 auto;} .view_ftb table {width:100%;margin:0 auto; } .view_ftb table td {height:20px; line-height:20px; text-align:center; color:#666;padding:3px } .view_ftb .ftb_tit { background-color:#f9f9f9; height:20px; line-height:20px; text-align:center;border-top:#CCC 1px dotted;border-bottom:#CCC 1px dotted; } .view_ftb .ftb_name {width:490px; height:20px; line-height:20px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url(/images/contents/ctview_icon_disk.gif ) no-repeat; padding-left:20px; background-position:left } /*### 정렬 ###*/ .alignC {text-align:center;} .alignR {text-align:right;} .alignL {text-align:left;} .chargok_ridio { width:16px; height:16px;line-height:16px; vertical-align:middle;} .img_martop10 { margin-top:10px;} /*### 폰트 ###*/ .font_through { text-decoration:line-through;} .bold {font-weight:bold;} .font8 {font-size:8px;} .font9 {font-size:9px;} .font10 {font-size:10px;} .font11 {font-size:11px;} .font12 {font-size:12px;} .font14 {font-size:14px;} .fontva10 {font-family:Verdana;font-size:10px;} .fontva11 {font-family:Verdana;font-size:11px;} .fontva12 {font-family:Verdana;font-size:12px;} .fontva13 {font-family:Verdana;font-size:13px;} .fontva14 {font-family:Verdana;font-size:14px;} .fontva15 {font-family:Verdana;font-size:15px;} .fontva16 {font-family:Verdana;font-size:16px;} .fontva18 {font-family:Verdana;font-size:18px;} .fontSpacing {letter-spacing:-1px;} .fontWhite { color:#ffffff;} .fontRed { color:#e21317;} .fontRedr { color:#ff0000;} .fontBlue{ color:#0e61ae;} .fontBlueR{ color:#2e7de4;} .fontBlack{ color:#000;} .fontGreen{ color:#378b33;} .fontGreenR{ color:#e4ff00;} .fontOrange{ color:#F30;} .fontGray { color:#757575} /*### 여백 ###*/ .mar_left3 { margin-left:3px} .mar_left5 { margin-left:5px} .mar_left10 { margin-left:10px} .mar_left20 { margin-left:20px} .mar_top5 { margin-top:5px} .mar_top10{ margin-top:10px} .mar_top13{ margin-top:13px} .mar_top20{ margin-top:20px} .mar_top30{ margin-top:30px} .mar_rig3 { margin-right:3px} .mar_rig5 { margin-right:5px} .mar_rig10 { margin-right:10px} .mar_rig20 { margin-right:20px} .mar_rig30 { margin-right:30px} .mar_bot10 { margin-bottom:10px} .mar_bot20 { margin-bottom:20px} .pad_top5 { padding-top:5px} .pad_top10 { padding-top:10px} .pad_right5 { padding-right:5px} .pad_right10 { padding-right:10px} .pad_right20 { padding-right:20px} .pad_left5 {padding-left:5px} /*### 뷰창 추천태그검색 ###*/ .contents-tag-wrap { border:1px solid #E9E9E9; display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 20px; } .contents-tag-wrap .ctw-left { background-color:#F9F9F9; padding-left:16px; width:138px; color:#666; display:inline-flex; align-items: center; } .contents-tag-wrap .ctw-right { padding:10px; width:calc(100% - 138px); } .contents-tag-wrap .ctw-right .contents-item-tag-list { display: flex; gap:10px; flex-wrap: wrap; } .contents-tag-wrap .ctw-right .contents-item-tag-list > .item-tag { display: inline-block; border:1px solid #429AF4; border-radius: 30px; background-color:#F2F9FF; font-size:12px; color:#333; padding:4px 10px; } .contents-tag-wrap .ctw-right .contents-item-tag-list > .item-tag span { font-size:14px; color:#429AF4; margin-right:2px; font-weight: bold; }