@charset "utf-8"; body,div,ul,li,h1,h2,h3,img,a,p,span,form,fieldset,legend,select,label,input,table,caption,colgroup,col,thead,th,tr,tbody,td {margin:0; padding:0;} a,img{border:none 0;} body{background: #f4f4f4; font-family: "맑은 고딕","Malgun Gothic", "dotum"; font-size: 12px; color: #556270;} address{font-style:normal;} table {border-collapse:collapse;} a:link,a:visited{text-decoration:none; color:#333;} select,img{vertical-align:middle;} input{color:#666; font-size:12px; vertical-align:middle;} ul{list-style:none;} label{cursor:default;} .blind{overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;} .clear { clear: both; } .band { float: left; margin-top: 15px; max-width: 1050px; } div.btn_def {display: inline-block} .btn_def a{background-color:#7e88a2; border-radius:3px; color:#fff; padding:6px 10px; display: inline-block} .btn_def img {padding-right:3px;} #gnb_top_set_W{width:100%; min-width:1260px; background:#fbfbfb; border-bottom:1px solid #ebeef6;} #gnb_top_set {width: 1260px; height: 36px; margin: 0 auto;} #gnb_top_set .gnb_login li{font-weight:bold; color:#fff; float:right; padding:5px 0px 5px 6px;} #gnb_top_set .gnb_login .gnb_login_ing{font-size:11px; font-weight:normal; color:#7e88a2; line-height:20px;} #gnb_top_set .gnb_login .gnb_login_ing input{border:1px solid #7e88a2; margin-right:5px;} .gnb_login{float:right; padding-top:3px;} .gnb_login ul li span{vertical-align:middle;} .logout{display:inline-block; float:right; margin-top:2px;} .gnb_top_set_menu{float:right;} #gnb_top_set .gnb_top_set_menu li{float:right; padding:9px 15px 2px 5px;} a.dark{color:#7e88a2;} #gnb_top_set .gnb_login .gnb_login_B{height:18px; border:1px solid #7e88a2; border-radius:4px; padding-left:5px; color:#7e88a2;} #gnb_menu_bar_W{width:100%; min-width:1240px; background:#fff;} #gnb_menu{width:1260px; height:54px; padding:15px 0 15px 0; margin:0 auto;} #gnb_menu_logo{float:left; margin-right:70px;} .search_b{float:left; margin-top:12px; margin-left:16px;} .search_b input{width:243px; float:left; height:34px; border:1px solid #929292; border-radius:4px 4px 4px 4px;} .search_b .search_b_input{font-weight:bold; color:#000;font-size:1.17em;line-height:27px; border:1px solid #aeb5c7; width:420px; margin-right:3px;} .search_b .search_b_btn{height:auto; border:0px; width:auto; padding:0px} #gnb_menu_txt{width:100%; background:#464e65; height:40px;} .menu_txt{width:1260px; margin:0 auto;} .menu_txt li{float:left;} .family_site{border:1px solid #e6eaf4; float:right; position:relative; width:330px; height:42px; margin-left:30px; overflow-x:hidden; overflow-y:hidden; margin-top:8px;} .family_site p{padding-top:5px;} .family_site p a{color:#7e88a2;} .raking_btn{position:absolute; top:0; right:0; width:31px; padding-top:2px;} #footer_wrap{width:100%; background:#343b4f; clear:both; font-size:14px;} #footer{width:1260px; height:160px; margin:0 auto; padding:30px 0; overflow: hidden;} .f_logo{float:left; margin-right:83px; padding-top: 39px;} .f_txt{line-height:200%; font-weight:bold;} .footer_a1 a{color:#9da3b5;} .footer_a2 a{color:#fff;} .footer_a2{color:#fff;} .footer_infor01, .footer_infor02, .footer_infor03 {float: left; font-size: 12px; line-height: 20px; color:#ccc;} .footer_infor01 a, .footer_infor02 a, .footer_infor03 a {color:#ccc;} .footer_infor02, .footer_infor03 {margin-left: 150px;} .footer_infor_title {font-weight: bold; font-size: 18px; padding: 6px 0 5px 0;} .contents_inline{display:inline-block; width:100%;} #contents_W{width:1260px; margin:0 auto; position:relative;} #leftAd{position:absolute; left:-215px; top:25px; width:200px; overflow:hidden; z-index:5;} #leftAd ins, #leftAd ins iframe{display:block; max-width:100%;} #leftAd.sub{top:72px} #rightAd{position:absolute; right:-215px; top:25px; width:200px; overflow:hidden; z-index:5;} #rightAd ins, #rightAd ins iframe{display:block; max-width:100%;} #rightAd.sub{top:72px} #bottomAd{width:1025px; margin-top:15px; text-align:center; overflow:hidden;} #bottomAd ins, #bottomAd ins iframe{display:block; margin:0 auto; max-width:100%;} .contents{float:left; margin-left:20px; width:787px;} .contents_full{float:left; margin-left:20px; width:1022px;} #contents_main{position:relative; float:left; width:1025px; margin-top:25px; margin-bottom:10px;} #contents_main .chart_box_01{float:left; width:1024px; background:#f4f4f4;} .banner_01{float:left; width:334px; margin-right:10px;} .banner_02{float:left;} .banner_03{float:left; margin-right:10px;} .banner_padding{float:left;padding:8px 34px 15px 34px; background:#fff; margin-bottom:10px; display:inline-block; width:265px; border:1px solid #d7dce8;} .ban01_img{float:left; margin-top:11px; margin-right:15px;} .ban01_numbox{float:right; text-align:right;} .ban01_num{font-size:40px;} .ban01_title{font-weight:bold; font-size:15px;} .banner_02{width:335px;} .banner_02 .item {height: 152px;} .banner_02-1,.banner_02-2{display:inline-block; width:100%;} .banner_02-1 .item,.banner_02-2 .item{background:#fff; border:1px solid #d7dce8; float:left;} .banner_02-1{margin-bottom:8px;} .banner_02 span:hover,.item .thum:hover span,.item:hover{text-decoration:underline;} .banner_02-1 .item:first-child,.banner_02-2 .item:first-child{margin-right:10px; margin-left:1px;} .main_item1{background:url(//img.blogchart.co.kr/bc/ss2/img/def/main_item1.jpg) no-repeat; width:178px 50px;} .item .thum{margin-bottom:11px; padding-bottom: 0; float: none; width: 160px; height: 98px; position: relative; display:inline-block;} .item .thum .layer{display: none;} .item .thum:hover .layer,.banner_02 span:hover .layer{background:rgba(0,0,0,0.2); width: 160px; height: 97px; text-align: center; color: #fff; display: block; position: absolute; top:0; left:0;} .main_span{ width:140px; display:block; padding: 0 10px; text-align: center; overflow: hidden; margin-left: 1px; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; } .item_class_course {background: rgba(0,0,0,0.2); position: absolute; width: 50px; height: 15px; padding: 5px; text-align: center; color: #fff;} .item .thum:hover .item_class_course {text-decoration:none;} .main_slide_icontbox{background:#fff; border:1px solid #d7dce8; margin-bottom:10px; display:inline-block;} .main_slide_iconbox{overflow:hidden; height:91px; float:left; width:955px;} .main_slide_iconbox li{float:left; width:102px; background:#fff; height:91px;} .main_slide_iconbox span{float:left;} .item_content_text {padding-top: 10px; text-align: center;} .item_content_text.blog {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/calender_classtype_B.gif'); background-repeat: no-repeat;} .item_content_text.sns {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/calender_classtype_S.gif'); background-repeat: no-repeat;} .cal_list_cate_area {float: right; padding-top: 10px;} .classfy1 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/calender_classtype_B.gif') no-repeat 0 2px; padding: 0 0 3px 21px; margin-right: 10px;} .classfy2 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/calender_classtype_S.gif') no-repeat 0 2px; padding: 0 0 3px 21px;} #contents_main .chart_box_03{width:720px; float:left; margin-bottom:15px;} #contents_main .chart_box_03 .chart_L{float:left; margin-right:10px; } #contents_main .chart_box_03 .chart_R{float:left; } .main_graph1{border-top:3px solid #f05050;} .main_graph1 .banner_box_title{color:#f05050; font-weight:bold; font-size:15px; padding-left:20px;} .main_graph2{border-top:3px solid #5d9cec;} .main_graph2 .banner_box_title{color:#5d9cec; font-weight:bold; font-size:15px;padding-left:20px;} .main_board1{border-top:3px solid #ffac35; position:relative;} .main_board1 .banner_box_title{color:#ffac35; font-weight:bold; font-size:15px; padding-left:20px; margin-bottom:20px;} .main_board2{border-top:3px solid #30d5b0; position:relative;} .main_board2 .banner_box_title{color:#30d5b0; font-weight:bold; font-size:15px;padding-left:20px; margin-bottom:20px;} .main_board1,.main_board2,.main_graph1,.main_graph2{border-radius:10px; background-color:#fff; box-shadow:0 1px 4px rgba(0,0,0,0.08); overflow:hidden;} .main_board1 .table_B_02,.main_board2 .table_B_02,.main_graph1 .table_B_01,.main_graph2 .table_B_01{background-color:transparent;} .table_B_01{background-color:#fff; font-size:12px; color:#556270; padding:20px 20px 0 0px;} .table_B_02{background-color:#fff; font-size:12px; color:#556270; padding:20px 0 0 0;} .table_B_02 a:hover{text-decoration:underline;} .table_B{background-color:#fff; font-size:12px; color:#556270; border:1px solid #d5d5d5; } .table_B td{padding:13px;} #contents_main .chart_box_04{width:310px; margin-bottom:25px; float:right;} #contents_main .chart_tit_04{padding:15px; height:12px; background-color:#9472ba; border-radius:8px 8px 0px 0px;} .main_board1_t{width:100%; font-size:14px; margin-top:20px;} .main_board1_t td{border-top:2px solid #f4f4f4;padding:15px 0px 15px 20px; line-height:180%;} .main_board1_t td:last-child{text-align:center;} .main_board1_t td:last-child p{color:#e85074;} .main_board1_t td span{color:#454e65;} .main_board1_t p,.main_board1_t p span{color:#bcc2d3;} .main_more_btn{position:absolute; right:20px; top:19px; font-size:12px; cursor:pointer;} .main_more_btn a{display:inline-block; background:#fff; border:1px solid #e3e6ec; border-radius:20px; padding:3px 11px; font-size:12px; font-weight:400; color:#7a8496 !important; text-decoration:none !important; transition:border-color .15s, color .15s;} .main_board1 .main_more_btn a{border-color:#ffac35;} .main_board2 .main_more_btn a{border-color:#30d5b0;} .main_more_btn a:hover{border-color:#4361ee; color:#4361ee !important;} .bubble_num{width:59px; height:45px; background:url(//img.blogchart.co.kr/bc/ss2/img/def/bubble_txt.png) no-repeat; text-align:center; padding-top:5px;} .bubble_num a{color:#e85074;} .main_bbs_list{margin:14px 0 10px;} .main_bbs_row{display:flex; align-items:center; gap:10px; min-width:0; padding:12px 20px; color:inherit; text-decoration:none;} .main_bbs_row:first-child{border-top:0;} .table_B_02 .main_bbs_row:hover{background:#f8f9fc; text-decoration:none;} .main_bbs_row:hover .main_bbs_num{color:#4361ee;} .main_bbs_row:hover .main_bbs_title{color:#4361ee;} .main_bbs_num{flex:none; width:16px; text-align:center; font-size:12.5px; font-weight:800; color:#b8c0cf;} .main_bbs_main{flex:1; min-width:0; display:flex; align-items:center; gap:6px;} .main_bbs_title{min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#252f42; letter-spacing:-.2px;} .main_bbs_cnt{flex:none; background:#eef1ff; color:#4361ee; border-radius:10px; padding:1px 8px; font-size:11px; font-weight:700;} .main_bbs_when{flex:none; font-size:11.5px; color:#8a93a5;} .main_bbs_none{padding:20px; color:#bcc2d3;} .main_board1_talk{border-top-color:#5d9cec;} .main_board1_talk .banner_box_title{color:#5d9cec;} .main_board1_talk .main_more_btn a{border-color:#5d9cec;} .main_talk_slot .main_trend_thumb .cmt_ph_blog{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; background:linear-gradient(135deg,#fcfdff 0%,#eef3fb 100%); color:#c3ccd9;} .main_talk_slot .main_trend_thumb .cmt_ph_crown{width:18px; height:11px;} .main_talk_slot .main_trend_thumb .cmt_ph_word{font-size:9px;} .main_talk_row{float:left; width:1024px; margin-bottom:15px; box-sizing:border-box;} .chart_data_wrap{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); overflow:hidden;} .main_talk_gal{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; padding:20px 10px 10px;} .main_talk_card{display:block; border:1px solid #e7eaf1; border-radius:8px; overflow:hidden; background:#fff; color:inherit; text-decoration:none !important; transition:box-shadow .15s, transform .15s, border-color .15s;} .main_talk_card:hover{box-shadow:0 6px 18px rgba(31,45,80,.13); border-color:#c9d4ee; transform:translateY(-2px);} .main_talk_thumb{display:block; position:relative; width:100%; aspect-ratio:220/135; background:#f5f7fb; overflow:hidden;} .main_talk_thumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;} .main_talk_thumb .cmt_ph_blog{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:linear-gradient(135deg,#fcfdff 0%,#eef3fb 100%); color:#c3ccd9;} .main_talk_thumb .cmt_ph_crown{width:32px; height:19px;} .main_talk_thumb .cmt_ph_word{font-family:Arial,'Malgun Gothic',sans-serif; font-size:19px; font-weight:900; line-height:1; letter-spacing:-.5px;} .main_talk_body{display:block; padding:8px 10px 10px;} .main_talk_titlerow{display:flex; align-items:flex-start; gap:6px; min-height:40.6px;} .main_talk_titlerow .main_bbs_cnt{flex:none; margin-top:2px;} .main_talk_title{flex:0 1 auto; min-width:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:14px; line-height:1.45; color:#252f42 !important; word-break:keep-all;} .main_talk_card:hover .main_talk_title{color:#4361ee !important;} .main_talk_meta{display:flex; align-items:center; gap:8px; margin-top:8px; font-size:11.5px; color:#8a93a5; min-width:0;} .main_talk_writer{max-width:72px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .main_talk_hit{margin-left:auto;} #sideBanner{width:216px; float:left; margin-top:25px; margin-left:17px;} .S_banner_01{margin-bottom:7px;} .left_side{float:left;width:216px;} #side_menu{border:1px solid #f4f4f4; border-top:none; width:216px;} #side_menu ul li{background:#fff; font-size:14px; font-weight:bold;} #side_menu ul li .sub_menu li a{border-left:3px solid #fff;} #side_menu ul li a{ display:block; padding:13px 0px 13px 50px; color:#464e65; background-repeat: no-repeat; background-position: 20px 17px; border-left:3px solid #fff; } #side_menu ul li a:hover, #side_menu ul li a.on, #side_menu ul li .sub_menu li a:hover, #side_menu ul li .sub_menu li a.on { display:block; padding:13px 0px 13px 50px; color:#4f79d9; border-left:3px solid #4f79d9; background-color:#fbfbfb; } #side_menu .sub_menu li{background:#fff; font-size:13px;} #side_menu ul .menu_active{border-left:3px solid #4f79d9; color:#4f79d9;} #side_menu ul .menu_active a{color:#4f79d9;} #side_menu .m_icon_1:hover, #side_menu .m_icon_1.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/good_menu1_on.gif); } #side_menu .m_icon_2:hover, #side_menu .m_icon_2.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/good_menu2_on.gif); } #side_menu .m_icon_3:hover, #side_menu .m_icon_3.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/good_menu3_on.gif); } #side_menu .m_icon_4:hover, #side_menu .m_icon_4.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart1_on.gif); } #side_menu .m_icon_5:hover, #side_menu .m_icon_5.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart2_on.gif); } #side_menu .m_icon_6:hover, #side_menu .m_icon_6.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart3_on.gif); } #side_menu .m_icon_7:hover, #side_menu .m_icon_7.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart4_on.gif); } #side_menu .m_icon_8:hover, #side_menu .m_icon_8.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart5_on.gif); } #side_menu .m_icon_9:hover, #side_menu .m_icon_9.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart6_on.gif); } #side_menu .m_icon_10:hover, #side_menu .m_icon_10.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart7_on.gif); } #side_menu .m_classlisticon_icon11:hover, #side_menu .m_classlisticon_icon11.on {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mylist_classlisticon_on.png); } #side_menu .m_icon_17:hover, #side_menu .m_icon_17.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/premium/sub_menu_icon17_on.png); } #side_menu .m_classlisticon_icon18:hover, #side_menu .m_classlisticon_icon18.on {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/premium/sub_menu_icon18_on.png); } #side_menu .m_icon_11:hover, #side_menu .m_icon_11.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse1_on.gif); } #side_menu .m_icon_12:hover, #side_menu .m_icon_12.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse2_on.gif); } #side_menu .m_icon_13:hover, #side_menu .m_icon_13.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse3_on.gif); } #side_menu .m_icon_14:hover, #side_menu .m_icon_14.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse4_on.gif); } #side_menu .m_icon_15:hover, #side_menu .m_icon_15.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse5_on.gif); } #side_menu .m_icon_16:hover, #side_menu .m_icon_16.on { background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse6_on.gif); } #side_menu .m_icon_1{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/good_menu1.gif); } #side_menu .m_icon_2{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/good_menu2.gif); } #side_menu .m_icon_3{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/good_menu3.gif); } #side_menu .t_icon_1 {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/blogchart_training_menu_icon1_off.png);} #side_menu .t_icon_2 {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/blogchart_training_menu_icon2_off.png);} #side_menu .t_icon_3 {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/blogchart_training_menu_icon3_off.png);} #side_menu .t_icon_5 {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/a_icon1off.png);} #side_menu .t_icon_1:hover, #side_menu .t_icon_1.on {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/blogchart_training_menu_icon1_on.png);} #side_menu .t_icon_2:hover, #side_menu .t_icon_2.on {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/blogchart_training_menu_icon2_on.png);} #side_menu .t_icon_3:hover, #side_menu .t_icon_3.on {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/blogchart_training_menu_icon3_on.png);} #side_menu .t_icon_5:hover, #side_menu .t_icon_5.on {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/a_icon1on.png);} #side_menu .expe_icon_1 {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/supports/blogchart_expe_menulist.png?v=1);} #side_menu .expe_icon_1:hover, #side_menu .expe_icon_1.on {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/supports/blogchart_expe_menulist_hover.png?v=1);} #side_menu .m_icon_4{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart1.gif); } #side_menu .m_icon_5{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart2.gif); } #side_menu .m_icon_6{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart3.gif); } #side_menu .m_icon_7{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart4.gif); } #side_menu .m_icon_8{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart5.gif); } #side_menu .m_icon_9{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart6.gif); } #side_menu .m_icon_10{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mychart7.gif); } #side_menu .m_classlisticon_icon11{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/mylist_classlisticon_off.png); } #side_menu .m_icon_17 {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/premium/sub_menu_icon17.png);} #side_menu .m_classlisticon_icon18 {background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/premium/sub_menu_icon18.png); } #side_menu .m_icon_11{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse1.gif); } #side_menu .m_icon_12{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse2.gif); } #side_menu .m_icon_13{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse3.gif); } #side_menu .m_icon_14{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse4.gif); } #side_menu .m_icon_15{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse5.gif); } #side_menu .m_icon_16{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/infouse6.gif); } .main_icon{ } .main_slide_iconbox .main_icon1:hover, .main_slide_iconbox .main_icon1.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_tavel_on.png); } .main_slide_iconbox .main_icon2:hover, .main_slide_iconbox .main_icon2.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_merry_on.png); } .main_slide_iconbox .main_icon3:hover, .main_slide_iconbox .main_icon3.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_beauty_on.png); } .main_slide_iconbox .main_icon4:hover, .main_slide_iconbox .main_icon4.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_intravel_on.png); } .main_slide_iconbox .main_icon5:hover, .main_slide_iconbox .main_icon5.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_animal_on.png); } .main_slide_iconbox .main_icon6:hover, .main_slide_iconbox .main_icon6.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_carreview_on.png); } .main_slide_iconbox .main_icon7:hover, .main_slide_iconbox .main_icon7.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fashion_on.png); } .main_slide_iconbox .main_icon8:hover, .main_slide_iconbox .main_icon8.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_star_on.png); } .main_slide_iconbox .main_icon9:hover, .main_slide_iconbox .main_icon9.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_itreview_on.png); } .main_slide_iconbox .main_icon10:hover, .main_slide_iconbox .main_icon10.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_healthy_on.png); } .main_slide_iconbox .main_icon11:hover, .main_slide_iconbox .main_icon11.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_book_on.png); } .main_slide_iconbox .main_icon12:hover, .main_slide_iconbox .main_icon12.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_education_on.png); } .main_slide_iconbox .main_icon13:hover, .main_slide_iconbox .main_icon13.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_picture_on.png); } .main_slide_iconbox .main_icon14:hover, .main_slide_iconbox .main_icon14.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_hiking_on.png); } .main_slide_iconbox .main_icon15:hover, .main_slide_iconbox .main_icon15.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_diet_on.png); } .main_slide_iconbox .main_icon16:hover, .main_slide_iconbox .main_icon16.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_game_on.png); } .main_slide_iconbox .main_icon17:hover, .main_slide_iconbox .main_icon17.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fishing_on.png); } .main_slide_iconbox .main_icon18:hover, .main_slide_iconbox .main_icon18.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_marketing_on.png); } .main_slide_iconbox .main_icon19:hover, .main_slide_iconbox .main_icon19.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_estate_on.png); } .main_slide_iconbox .main_icon20:hover, .main_slide_iconbox .main_icon20.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_sports_on.png); } .main_slide_iconbox .main_icon21:hover, .main_slide_iconbox .main_icon21.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_cartoon_on.png); } .main_slide_iconbox .main_icon22:hover, .main_slide_iconbox .main_icon22.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_movie_on.png); } .main_slide_iconbox .main_icon23:hover, .main_slide_iconbox .main_icon23.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_retech_info_on.png); } .main_slide_iconbox .main_icon24:hover, .main_slide_iconbox .main_icon24.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_broadcast_on.png); } .main_slide_iconbox .main_icon25:hover, .main_slide_iconbox .main_icon25.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_granulation_on.png); } .main_slide_iconbox .main_icon26:hover, .main_slide_iconbox .main_icon26.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_employment_on.png); } .main_slide_iconbox .main_icon27:hover, .main_slide_iconbox .main_icon27.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_food_on.png); } .main_slide_iconbox .main_icon28:hover, .main_slide_iconbox .main_icon28.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_camping_on.png); } .main_slide_iconbox .main_icon29:hover, .main_slide_iconbox .main_icon29.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_interior_on.png); } .main_slide_iconbox .main_icon30:hover, .main_slide_iconbox .main_icon30.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_music_on.png); } .main_slide_iconbox .main_icon31:hover, .main_slide_iconbox .main_icon31.on{ background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_design_on.png); } .main_slide_iconbox .main_icon1{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_tavel.gif);} .main_slide_iconbox .main_icon2{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_merry.gif);} .main_slide_iconbox .main_icon3{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_beauty.gif);} .main_slide_iconbox .main_icon4{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_intravel.gif);} .main_slide_iconbox .main_icon5{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_animal.gif);} .main_slide_iconbox .main_icon6{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_carreview.gif);} .main_slide_iconbox .main_icon7{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fashion.gif);} .main_slide_iconbox .main_icon8{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_star.gif);} .main_slide_iconbox .main_icon9{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_itreview.gif);} .main_slide_iconbox .main_icon10{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_healthy.gif);} .main_slide_iconbox .main_icon11{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_book.gif);} .main_slide_iconbox .main_icon12{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_education.gif);} .main_slide_iconbox .main_icon13{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_picture.gif);} .main_slide_iconbox .main_icon14{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_hiking.gif);} .main_slide_iconbox .main_icon15{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_diet.gif);} .main_slide_iconbox .main_icon16{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_game.gif);} .main_slide_iconbox .main_icon17{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fishing.gif);} .main_slide_iconbox .main_icon18{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_marketing.gif);} .main_slide_iconbox .main_icon19{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_estate.gif);} .main_slide_iconbox .main_icon20{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_sports.gif);} .main_slide_iconbox .main_icon21{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_cartoon.gif);} .main_slide_iconbox .main_icon22{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_movie.gif);} .main_slide_iconbox .main_icon23{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_retech_info.gif);} .main_slide_iconbox .main_icon24{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_broadcast.gif);} .main_slide_iconbox .main_icon25{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_granulation.gif);} .main_slide_iconbox .main_icon26{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_employment.gif);} .main_slide_iconbox .main_icon27{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_food.gif);} .main_slide_iconbox .main_icon28{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_camping.gif);} .main_slide_iconbox .main_icon29{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_interior.gif);} .main_slide_iconbox .main_icon30{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_music.gif);} .main_slide_iconbox .main_icon31{background-image:url(//img.blogchart.co.kr/bc/ss2/img/def/icon_design.gif);} .main_slide_icontbox{background:#fff; border:1px solid #d7dce8; margin-bottom:10px; position:relative; width:1023px; height:98px;} .main_slide_iconbox{margin-left:34px; display:inline-block; height:98px;} .main_slide_iconbox div{display:inline-block; width:120px; height:98px; text-align:center;} .main_slide_iconbox div:hover{background-color:#f5f6f8;} .main_slide_iconbox div a.on,.main_slide_iconbox a:hover{background-color:#f5f6f8; color:#333;} .main_slide_iconbox div a{color:#7e88a2; font-weight:bold; font-size:14px; display:block; padding:65px 13px 19px 13px; background-repeat:no-repeat; background-position:18px 2px; } .main_slide_pre{position:absolute; top:0; left:0; cursor:pointer;} .main_slide_next{position:absolute; top:0; right:0; cursor:pointer;} .page_title{padding-top:25px; padding-left:20px; font-size:17px; color:#7e88a2; font-weight:bold;} .board_table{width:100%; margin-top:25px; border-top:3px solid #ffac35; background:#fff;} .board_table a:hover{text-decoration:underline;} .board_table th{text-align:left; padding:15px 40px; border-bottom:2px solid #f4f4f4; font-size:16px; color:#464e65;} .board_table tr td{padding:15px 40px; font-size:14px; line-height:180%; border-bottom:2px solid #f4f4f4;} .board_table tr td:hover a:first-child{text-decoration:underline; font-weight:bold;} .board_table tr:hover{background:#fbfbfb;} .info_color a{color:#f05050;} .bb_ad_color a{color:yellowgreen;} .board_table span{color:#bcc2d3;} .info_impact_box{background:#fbfbfb;} .bubble_yell{color:#ffac35; font-weight:bold; cursor:pointer;} .paging_tbox{display:inline-block; width:100%; margin-top:25px;} .paging_tbox select{margin-left:152px; border:1px solid #a9b0c3; border-radius:3px 0 0 3px; padding-left:5px; height:36px; width:115px; font-size:15px;} .paging_txt{height:34px; border:1px solid #a9b0c3; width:285px; border-radius:0px 3px 3px 0; padding-left:5px;} .paging{margin-top:47px; font-size:17px; text-align:center;} .paging span{padding:7px 12px;} .pagin_on a{color:#4f79d9; font-weight:bold;} .paging_pre_btn,.paging_next_btn{cursor:pointer;} .siedebar_banner {background:#fff; margin-top:25px;border:1px solid #dedede; width:216px;} .siedebar_banner ul li{ padding-top:7px; padding-left:8px; padding-right:8px;font-size:13px; position:relative; padding-bottom:5px;} .siedebar_banner ul li p{margin:7px 0; padding-left:5px; line-height: 20px;} .pbuy_title {color:#464e65;font-weight:bold; font-size:12px;} .pbuy_date {color:#7e88a2; font-size:11px; padding-top:5px;} .siedebar_banner p a:hover{text-decoration:underline;} .siedebar_banner a img{border:1px solid #d5d5d5;} .siedebar_banner ul li:hover a{text-decoration:underline;} .siedebar_class_date {padding-left: 5px;} .siedebar_class_date img {padding:0 5px 6px 0;} .siedebar_class_line {margin: 5px 10px; border-top:1px dashed #d5d5d5;} .pink{font-weight:bold; color:#e85174;} .my_cam_height{color:#a9acb7;} .my_dash_top{display:inline-block; width:100%; margin-top:25px;} .my_dash_box{float:left; padding:15px 10px; margin-right:8px; width:229px; background:#fff;} .my_dash_top .my_dash_point{margin:0;} .my_dash_ranking{border-top:3px solid #e85174;} .my_dash_keyword{border-top:3px solid #4f79d9;} .my_dash_benefit{border-top:3px solid #4fae5f;} .my_dash_point{border-top:3px solid #ffac35;} .my_dash_icon{float:left; padding-top:13px;} .my_dash_txt{margin-left:10px; float:right; text-align:right;} .my_dash_bignum{font-size:27px; color:#576483;} .my_cam_height{height:10px; margin-bottom:15px;} .my_dash_txt .my_dash_bignum-1{font-size:17px;} .my_dash_txt p:last-child{font-size:14px; color:#576483;} .con_middle{width:100%; display:inline-block; margin-top:10px;} .pinkbox50{float:left; background:#fff; border-top:3px solid #e85174; padding:10px 20px 20px 20px;} .pinkbox100{float:left; background:#fff; border-top:3px solid #e85174; padding:20px; width:1220px; margin-top:25px;} .pinktitle{color:#e85174; font-weight:bold; font-size:15px; margin-bottom:15px;} .dash_blogclass{float:left;} .dash_blogclass_t{margin-left:20px; float:left; margin-top:10px; width:276px;} .dash_blogclass_t tr th{border-bottom:2px solid #d7dce8; padding:12px 10px; font-size:14px; color:#333;} .dash_blogclass_t tr td{font-weight:bold; border-bottom:1px solid #d7dce8; text-align:center; padding:15px 10px;} .dash_blogclass_t tr td:first-child{text-align:left; color:#333;} .bluebox50{float:left; background:#fff; border-top:3px solid #4f79d9; margin-left:10px; padding:10px 20px 20px 20px; width:466px;} .bluetitle{color:#4f79d9; font-weight:bold; font-size:15px; margin-bottom:15px;} .greenbox100{border-top:3px solid #30d5b0; margin-top:10px; background:#fff; padding:10px 20px 20px 20px; position:relative;} .greentitle{color:#30d5b0; font-weight:bold; font-size:15px; margin-bottom:15px;} .dash_btn{position:absolute; top:20px; right:20px;} .dash_btn span{background:#7e88a2; padding:5px 10px; margin-left:3px; border-radius:3px;} .dash_btn span:hover{background:#30d5b0;} .dash_btn span a{color:#fff; font-weight:bold;} .dash_blog_info{display:inline-block; width:100%; margin-top:10px;} .yellowbox{border-top:3px solid #ffac34; background:#fff; padding:10px 20px 20px 20px; width:380px; float:left;} .yellowtitle{color:#ffac34; font-weight:bold; font-size:15px; margin-bottom:15px;} .dash_blog_info1_t{width:100%; font-size:13px;} .dash_blog_info1_t th{border-bottom:2px solid #d7dce8; padding:10px 5px;} .dash_blog_info1_t td{padding:17px 0px; border-bottom:1px solid #d7dce8;} .dash_blog_info1_t td:first-child{text-align:center;} .dash_blog_info1_t .border_right{border-right:1px solid #d7dce8;} .dash_upload{width:55px; margin:0 auto; margin-top:7px; padding:7px 15px; background:#7e88a2; border-radius:3px;} .dash_upload a{color:#fff; font-size:12px; font-weight:bold;} .dash_upload a span{padding-left:5px;} .dash_revise{width:68px; margin:0 auto; padding:5px 10px; background:#7e88a2; border-radius:3px; float:right;} .dash_revise a{color:#fff; font-size:12px; font-weight:bold;} .dash_revise a span{padding-left:5px;} .attention_bloginfo{border-top:3px solid #c26bff; background:#fff; padding:11px 20px 20px 20px; float:left; margin-left:10px; width:552px; position:relative;} .purple_title{color:#c26bff; font-weight:bold; font-size:15px; margin-bottom:15px;} .dash_admin{width:45px; margin:0 auto; padding:5px 10px; background:#7e88a2; border-radius:3px; position:absolute; top:10px; right:15px;} .dash_admin a{color:#fff; font-weight:bold;} .dash_admin span{padding-left:5px;} .attention_blog_t{width:100%; text-align:center; font-size:13px;} .attention_blog_t th{border-bottom:2px solid #d7dce8; padding:10px 5px;} .attention_blog_t td{padding:18px 0px; border-bottom:1px solid #d7dce8;} .group_buy_info{margin-top:25px;} .margin10{margin-right:25px;} .group_buy_box{width:322px; float:left; border:1px solid #dce0e9; margin-bottom:20px; position:relative; background:#fff;} .group_buy_box:hover a{text-decoration:underline;} .big_category_t{position:absolute; top:0; width:60px; height:40px;} .big_category_title{background:#333; opacity:0.9; font-weight:bold; border-bottom:3px solid #30d5b0; color:#fff; text-align:center;} .group_buy_info table tr td{height:55px; vertical-align:middle; font-size:13px;} .group_buy_txt{display:inline-block; padding:15px 20px; width:280px;} .group_buy_txt p:first-child{font-weight:bold; font-size:14px; letter-spacing:-1px; float:left; height:35px; width:200px; line-height:150%;} .group_buy_show{background:url(//img.blogchart.co.kr/bc/ss2/img/def/group_buy_show.gif) no-repeat; float:right; width:55px; height:38px; padding-left:1px; padding-top:12px; font-weight:bold; color:#fff; text-align:center;} .group_buy_txt p:last-child{border-top:1px solid #dce0e9; padding-top:10px; width:100%; margin-top:15px;float:left; color:#7e88a2; font-weight:bold;} .group_buy_txt p a{color:#464e65;} .group_buy_txt p a:hover{text-decoration:underline;} .group_apply{padding:10px 12px; background:#2fd4af; border-radius:3px; float:right;} .group_apply a{color:#fff; font-weight:bold; font-size:14px;} .group_buy_detail{margin-top:25px; height:100%;} .group_buy_view{width:322px; float:left; border:1px solid #dce0e9; margin-bottom:20px; position:relative; background:#fff; height:98%;} .big_category_t tr td{height:55px; vertical-align:middle; font-size:13px;} .group_buy_how{margin-left:20px; margin-top:60px; margin-bottom:150px; width:100%;} .group_buy_how td{height:20px;} .group_buy_how td:last-child{color:#7e88a2;} .group_detail_btn{width:282px; border-top:1px solid #dce0e9; margin:0 20px;} .group_detail_btn tr td{padding:15px 0px;} .group_detail_btn td:first-child a{color:#537cda; font-weight:bold;} .group_detail_btn td:nth-child(2) a{color:#e85174; font-weight:bold;} .group_big_detail{padding:40px 63px; background:#fff; float:left; width:560px; margin-left:10px; border:1px solid #dce0e9;} .group_detail_txt{margin-top:35px; font-size:13px; line-height:150%;} .groupbuy_notice{background:#fff; border-top:3px solid #e85174; padding:20px; margin-top:25px;} .groupbuy_notice ul li{padding-left:12px; background:url(//img.blogchart.co.kr/bc/ss2/img/def/pink_li_dot.gif) no-repeat 0px 10px; line-height:180%;} .group_buy_regist{width:100%; background:#fff; border-top:3px solid #ffac35; font-size:13px; font-weight:bold;} .group_buy_regist tr td{padding:12px 0 10px 20px; } .group_buy_regist tr td:last-child{padding-right:20px; color:#7e88a2;} .input_full{width:99%; height:30px; border:1px solid #dce0e9; padding-left:1%;} .buy_form_writer{padding-right:20px;} #form_main{margin-left:10px;} .buy_form_won{height:30px; margin-right:10px; border:1px solid #dce0e9; padding-left:10px;} .group_woninfo{padding:0 20px 0 100px; color:#556270;} .woninfo_txt{height:30px; width:250px; padding-left:10px; margin-right:20px; border:1px solid #dce0e9;} .group_verti_top{vertical-align:top;} .group_year{border:1px solid #dce0e9; height:30px; width:80px; padding-left:10px; margin-left:10px; color:#7e88a2; margin-right:5px;} .group_year{border:1px solid #dce0e9; height:30px; width:80px; padding-left:10px; margin-left:10px; color:#7e88a2; margin-right:5px;} .group_monNday{height:30px; width:60px; padding-left:10px; margin-left:10px; border:1px solid #dce0e9; color:#7e88a2; margin-right:5px;} #group_numnone{margin-left:20px;} .group_delivery_how{border:1px solid #dce0e9; width:700px; margin-right:10px; height:30px;} .group_file{height:30px; width:100%;} .group_txtarea{width:100%; height:400px;} .group_regist_btn{width:220px; text-align:center; margin:0 auto; background:#fff; margin-bottom:30px;} .group_regist_btn p a{color:#fff; font-weight:bold;} .g_regist_cancel{background:#a4a9b6; padding:8px 25px; float:left; margin-right:10px; border-radius:3px;} .g_regist_apply{background:#ffac35; float:left; padding:8px 15px; border-radius:3px;} .mem_agr_box{border-top:1px solid #dce0e9; padding-top:40px; margin-top:30px;} .mem_agr_txt{width:1200px; padding-left:15px; padding-top:10px; padding-bottom:10px; font-family:Nanumgothic; line-height:180%; margin-top:20px; color:#525a6f; background:#fbfbfb; border:none; margin-bottom:30px; height:290px;} #mem_agr_check{width:15px; height:15px; margin-right:10px;} .mem_agr_box p{text-align:center;} .mem_agr_box p a{color:#fff; font-weight:bold; font-size:15px;} .agree_txt{font-size:15px; font-weight:bold;} .mem_agr_btn{margin-top:30px; margin-bottom:30px;} .mem_agr_btn span{border-radius:3px;} .mem_agr_cancel{padding:10px 20px; background:#a5a9b5;} .mem_agr_next{padding:10px 20px; background:#30d5b0;} .FAQ_txt{float:left; width:670px; line-height:180%; color:#464e65; font-size:14px;} .answer_txt td{background:#fbfbfb;} .answer_txt:hover{background:#fbfbfb;} .themebox{border-top:3px solid #5d9cec; background:#fff; margin-top:25px; padding:15px 20px; width:1220px; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,0.08); overflow:hidden;} .theme_title{color:#5d9cec; font-weight:bold; font-size:15px; margin-bottom:10px;} .theme_subtitle{font-size:13px; padding-bottom:35px;} .theme_list li {display:inline-block; padding:5px 0 5px 8px;} .theme_list li:first-child {padding-left:0;} .theme_box_style {width:232px; height:136px; border:1px solid #e0e0e0; display: table;} .theme_box_style:hover {border:1px solid #464e65;} .theme_list_first {display: table-cell; vertical-align: middle;} .theme_list_boxtext {float: left; width: 93px; padding:7px 0 0 23px; font-size:15px; line-height: 28px;} .theme_list_text_Number {font-size:24px} .theme_list_img {float: right; width: 116px; text-align: center;} .theme_box_style.color1 {background-color:#30d5b0;} .theme_box_style.color2 {background-color:#e85174;} .theme_box_style.color3 {background-color:#4f79d9;} .theme_box_style.color4 {background-color:#ffac35;} .theme_box_style.color1 p, .theme_box_style.color2 p, .theme_box_style.color3 p, .theme_box_style.color4 p {color:#fff;} .pop_up1 {clear:both; position: absolute; right: 20px; top: 45px;} .my_calculate_pop_up1 { width:499px; background-color:#fff; border: 1px solid #d7dce8;} .pop_up_top {padding:18px;} .pop_up_title {float:left;} .pop_up_cancelicon {float:right;} .pop_up_content {clear:both; border-top:3px solid #4f79d9;} .pop_up_content1 table {margin:12px 18px; text-align:left; width:100%;} .calculate_top_question {position:relative} .contents_full {position:relative;} .blue_pop_up {position: absolute; top: 150px; left: 169px;} .my_calculate_pop_up2 {clear:both; z-index:101;} .pop_up2 { width:449px; height:276px; background-color:#fff; border: 1px solid #d7dce8;} .pop_up_top {padding:18px;} .pop_up_tit {float:left;} .pop_up_icon {float:right;} .pop_up2_content {padding:20px;} .pop_up2_table {width:100%; border-bottom: 1px solid #d7dce8; text-align:left;} .pop_up2_table th {padding-bottom:20px; text-align:left;} .pop_up2_table td {padding-bottom:20px;} .pop_upload_btn {text-align:right;} .pop_upload_btn a{background-color:#7e88a2; border-radius:3px; color:#fff; padding:6px 10px;} .pop_upload_btn img {padding-right:3px;} .pop_up2_content ul {list-style-image: url('//img.blogchart.co.kr/bc/ss2/img/def/menubullet.jpg'); margin-left:15px; line-height:19px; padding: 12px 0;} .my_calculate_pop_up3 {clear:both; z-index:101;} .pop_up3 { width:449px; height:276px; background-color:#fff; border: 1px solid #d7dce8;} .pop_up_top {padding:18px;} .pop_up_tit {float:left;} .pop_up_icon {float:right;} .pop_up3_content {padding:20px;} .pop_up3_table {width:100%; border-bottom: 1px solid #d7dce8; text-align:left;} .pop_up3_table th {padding-bottom:20px; text-align:left;} .pop_up3_table td {padding-bottom:20px;} .pop_upload_btn, .pop_x_btn{text-align:right;} .pop_upload_btn a{background-color:#7e88a2; border-radius:3px; color:#fff; padding:6px 10px;} .pop_upload_btn img {padding-right:3px;} .pop_x_btn b{background-color:#a4a9b6; border-radius:3px; color:#fff; padding:6px 12px;} .pop_up3_content ul {list-style-image: url('//img.blogchart.co.kr/bc/ss2/img/def/menubullet.jpg'); margin-left:15px; line-height:19px; padding: 12px 0;} .calculate_top_title{float:left;} .calculate_top_icon{float:right; padding-top: 25px;} .my_calculate_box{padding:15px 20px; width:466px; background:#fff;} .my_pinkbox {padding:19px; float:left; margin-right:10px; border-top:3px solid #e85174;} .my_greenbox {float:right; border-top:3px solid #30d5b0; margin-top:10px;} .my_bluebox {float:left; border-top:3px solid #4f79d9; margin-top:10px;} .my_calculate_box100 {padding:15px 20px; background:#fff;} .my_yellowbox{border-top:3px solid #ffac34; background:#fff; margin-top:10px; overflow: hidden;} .my_purplebox{border-top:3px solid #c26bff; background:#fff; margin-top:10px;} .my_pinkbox table {width:100%; padding:4px;} .my_pinkbox table tr {border-top:1px solid #d7dce8;} .my_pinkbox table tr:first-child {border-top:none;} .my_pinkbox table td{font-size:13px; padding-bottom:19px;} .my_pinkbox_won {text-align:right;} .my_calculate_icon{float:left; padding-top:2px;} .greenbox_left_text {float:left;} .greenbox_right_text {float:right; font-size:14px;} .my_greenbox_middle {clear:both; text-align:right; padding-top:5px;} .my_greenbox_middle ul li {display:inline-block; padding-left:13px;} .my_greenbox_middle ul li img {padding-right:6px;} .my_greenbox_bottom {text-align:center; padding:42px 0 13px 0;} .my_bluebox .bluetable {border-top: 1px solid #d7dce8; border-bottom: 1px solid #d7dce8; width:100%; text-align:left; margin-top:4px;} .my_bluebox .bluetable th, td {padding:7px 0 8px 0;} .my_bluebox .bluetable .calculate_btn {text-align:right;} .my_bluebox .bluetable .calculate_btn a {background-color:#4f79d9; padding:12px; border-radius:3px; color:#fff;} .my_bluebox .bluetable .calculate_btn a:hover {background-color:#476fc9;} .my_bluebox .bluetable .calculate_btn img {padding-right:5px;} .my_bluebox ul {list-style-image: url('//img.blogchart.co.kr/bc/ss2/img/def/menubullet.jpg'); margin-left:15px; line-height:19px; padding: 12px 0 3px 0;} .my_bluebox ul li {padding-top:10px;} .my_calculate_withdrawal{margin-bottom:2px;} .my_calculate_withdrawal div{float:left;} .my_calculate_withdrawal p{display:inline-block; margin-top: 10px;} .w_money p {margin-top:0;} .my_calculate_withdrawal p b{padding-right:20px; } .w_bank, .w_bankbook {margin-right:59px;} .w_name {margin-right:88px;} .w_money {margin-right:28px;} .w_money input {width:163px; height:34px; border: 1px solid #d7dce8; margin-right:10px;} .withdrawal_but a {color:#fff; background-color:#ffac34; padding:6px 7px; border-radius:3px;} .withdrawal_but a:hover {background-color:#ffa21c;} .withdrawal_but p b {padding-right:0;} .withdrawal_but img {padding-right:5px;} .my_purplebox table {width:100%; text-align:center;} .my_purplebox table th{padding: 10px 5px; border-bottom: 2px solid #d7dce8;} .my_purplebox table td {padding: 18px 0px; border-bottom: 1px solid #d7dce8;} .Cancel_but a {color:#fff; background-color:#7e88a2; padding:6px 7px; border-radius:3px;} .Cancel_but img {padding-right:5px;} .completion_but b {color:#fff; background-color:#a4a9b6; padding:6px 15px; border-radius:3px;} .report_title{float:left;} .report_filter_box {width:159px; height:28px; border: 1px solid #d7dce8; padding-left:18px; color:#7e88a2; margin-top:10px;} .report_month_Campaign {float:right} .report_box100 {margin-top: 10px; background: #fff; padding: 10px 20px 20px 20px; position: relative;} .report_pink_box {border-top: 3px solid #e85174;} .report_blue_box {border-top: 3px solid #4f79d9;} .report_btn {position:absolute; top:20px; right:20px;} .report_btn span {background-color:#7e88a2; padding:5px 10px; margin-left:3px; border-radius:3px;} .report_btn span a {color:#fff;} .report_btn span img {padding-right:5px;} .report_blue_table {width:100%; text-align:center;} .report_blue_table th{padding:10px 5px; border-bottom: 2px solid #d7dce8;} .report_blue_table td{padding:18px 0; border-bottom: 1px solid #d7dce8;} .my_report_profit {color:#4f79d9} .repport_popup1 {/* display:none; */ clear:both; position:absolute; right:20px; top:45px; z-index:1;} .Rpop_up_1 {width:498px; border:1px solid #d7dce8; background-color:#fff;} .repport_pop_up_content {clear:both; border-top:3px solid #4f79d9; padding:16px 19px;} .Rpop_up_table {text-align:left;margin-bottom:7px;} .Rpop_up_table th {width:60px;} .Rpop_up_list {border-top:1px solid #f4f4f4; padding:24px 0 0 14px; } .Rpop_up_list li{list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/blue-li.gif');} .campaign_tit {float:left;} .campaign_list_but {float:right; margin-top:24px;} .campaign_list_but a {color:#fff; font-size:15px; background-color:#2fd4af; border-radius:3px; padding:11px 16px;} .campaign_list_but a img {padding-right:6px;} .campaign_contents {clear:both; padding-top:24px;} .campaign_product-img {float:left;} .campaign_product-contents {float:right;} .campaign_product_slidebox{ width:598px; height:80px; margin-top:10px;} .campaign_product_slidebox div{display:inline-block;} .campaign_product_slidebox img{ border:1px solid #d7dce8;} .campaign_product_slidebox div img:hover{ border:1px solid #7e88a2;} .campaign_product_slidebox div img{width:133px; height:80px} .campaign_product-contents {margin-left:10px; height:462px; width:412px; border-top:2px solid #2fd4af; background-color:#fff;} .product-contents_top {padding:20px 20px 48px 20px;} .product-contents_tit {font-size:15px; font-weight:bold; padding-bottom:16px;} .product-contents_subtit {color:#7e88a2; border-bottom:1px solid #e6eaf4; padding-bottom:13px;} .product-contents_top table {width:100%; margin:9px 0 22px 0; line-height:28px;} .product-contents_top table th{text-align:left;} .product-contents_top table td{padding:0} .product-contents_style1 {color:#7e88a2;} .product-contents_style2 {color:#e85174; margin-top:10px;} .product-contents_bottom {background-color:#fbfbfb; width:100%; height:82px; padding-top:5px;} .product-contents_bottom p{display:inline-block; width:49%; text-align:center; line-height:82px;} .product-contents_style3 span{color:#e85174; font-size:32px; padding-left:10px; vertical-align:middle;} .campaign_product-tab {padding-top:10px; clear:both;} .campaign_product-tab {width:100%;} .campaign_product-tab li {float:left; width:248px; height:48px; margin-left:10px; background-color:#fbfbfb; line-height:48px; border-top:2px solid #7e88a2; text-align:center; font-size:15px;} .campaign_product-tab li:first-child {margin-left:0;} .campaign_tab {display:block;} .campaign_tab:hover {border-top:2px solid #2fd4af;} .campaign_tab.on {border-top:2px solid #2fd4af; background-color:#fff;} .tab_Produc {text-align:center; padding:43px;} .tab_Produc_ex1 {padding-bottom:52px;} .tab_Produc p{padding-bottom:19px;} .campaign_tab_con {clear:both; background-color:#fff; padding:17px 20px;} .tab_Ad_top {overflow:hidden; border-bottom:1px solid #e6eaf4; padding-bottom:12px;} .tab_Ad_top p {float:left; line-height:36px;} .tab_Ad_top_icon {float:right;} .Ad_top_icon1 {display:inline-block; background-color:#afb4c2; width:36px; heught:36px; border-radius:3px; text-align:center; line-height:30px; margin-right:10px;} .Ad_top_icon1:hover {background-color:#a4a9b6;} .Ad_top_icon2 {display:inline-block; background-color:#2fd4af; width:106px; heught:36px; border-radius:3px; text-align:center; line-height:30px; color:#fff !important; font-weight:bold;} .Ad_top_icon2 img{padding-right:4px} .Ad_top_icon2:hover {background-color:#28cba6;} .tab_Ad_con {padding-top:14px;} .tab_Ad_con_sit input {width:182px; height:12px; padding:13px 19px; margin-right:10px; border:1px solid #dce0e9;} .tab_Ad_con_link input {width:707px; height:12px; padding:13px 19px; border:1px solid #dce0e9; background-color:#fdfdfd; color:#7e88a2;} .tab_method table {width:100%; line-height:20px;} .tab_method tr {border-bottom:1px solid #e6eaf4; vertical-align:top} .tab_method th, .tab_method td {padding:20px 0;} .tab_method ul {list-style-image:url(//img.blogchart.co.kr/bc/ss2/img/def/list_bullet.gif); list-style-type: square; list-style-position:inside; padding-bottom:10px;} .tab_producer table {width:100%;} .tab_producer tr {border-bottom:1px solid #e6eaf4;} .tab_producer th, .tab_producer td {padding:20px 0;} .tab_Produc {display:none;} .report_pop_up2 {clear: both; z-index: 101; position: absolute; top: 150px; left: 169px;} .report_pop_up2_top {width: 598px; background-color: #fff; border: 1px solid #d7dce8;} .report_pop_up2_titmain {padding:12px 18px;} .report_pop_up2_content{padding:12px 20px;} .report_pop_up2_content table {width:100%; text-align:center;} .report_pop_up2_content table span{color:#aaa; font-size:12px;} .report_pop_up2_content th {border-bottom:2px solid #d7dce8; padding-bottom:14px;} .report_pop_up2_content tr {border-bottom:1px solid #d7dce8;} .report_pop_up2_content td {padding:7px 0;} .report_pop_up2_url div {width:81px; text-overflow:ellipsis; overflow:hidden; margin: 0 auto;} .report_pop_up3 {clear: both; z-index: 101; position: absolute; top: 150px; left: 169px;} .report_pop_up3_top {width: 598px; background-color: #fff; border: 1px solid #d7dce8;} .report_pop_up3_titmain {padding:12px 18px;} .report_pop_up3_content{padding:12px 20px;} .report_pop_up3_content table {width:100%; text-align:center;} .report_pop_up3_content table span{color:#aaa; font-size:12px;} .report_pop_up3_content th {border-bottom:2px solid #d7dce8; padding-bottom:14px;} .report_pop_up3_content tr {border-bottom:1px solid #d7dce8;} .report_pop_up3_content td {padding:7px 0;} .report_pop_up3_url div {width:81px; text-overflow:ellipsis; overflow:hidden; margin: 0 auto;} /*.tab_Ad {display:none;}*/ .tab_method {display:none;} .tab_producer {display:none;} .cartification_list {margin-top:25px;} .cartification_list ul {overflow:hidden;} .cartification_list ul li{float:left; margin-left:9px;} .cartification_list ul li:first-child{margin-left:0;} .cartification_Step{width:414px; height:49px; background-color:#fbfbfb; border-top:2px solid #7e88a2; border-radius:10px 10px 0 0; text-align:center; line-height:49px; font-weight:bold; font-size:15px;} .cartification_Step a{display:block; width:414px; height:49px;} .cartification_Step.on{border-top:2px solid #e85174; background-color:#fff;} .my_blog_connect {background-color:#fff; padding:63px 0;} .contents_connect {/*display:none;*/} .contents_connect_01 {text-align:center;} .contents_connect_01 p {color:#7e88a2;line-height:150%} .contents_connect_02 {text-align:center; padding-top:65px; padding-bottom:59px; border-bottom:1px solid #dce0e9;} .contents_connect_02 input{width:400px; height:28px; padding:0px 5px; border:0; border-bottom:2px solid #30d5b0; margin-left:7px; color:#464e65; font-size:16px; font-weight:bold; text-align:center;} .contents_connect_02 input::placeholder {color:#b8bfcc; font-weight:normal;} .contents_connect_02_ex {padding-top:13px; line-height:20px;} .contents_connect_03 {padding-top:20px; text-align:center;} .contents_connect_03 a{display:block; width:84px; height:36px; border-radius:3px; background-color:#30d5b0; color:#fff; line-height:36px; margin:0 auto; font-weight:bold;} .contents_connect_03 img{padding-right:4px;} /* 블로그 등록 Step.1 추가 항목 (성별·활동지역) */ .ba_extra_tbl {margin:26px auto 0; border-collapse:collapse;} .ba_extra_tbl th {text-align:right; padding:7px 14px; font-size:14px; color:#7e88a2; font-weight:normal;} .ba_extra_tbl td {padding:7px 14px; font-size:14px; color:#464e65; text-align:left;} .ba_extra_tbl td label {margin-right:18px; cursor:pointer; white-space:nowrap;} /* URL 칸 전역 입력 styles가 라디오에 묻지 않게 되돌림 */ .contents_connect_02 .ba_extra_tbl input[type="radio"] {width:auto; height:auto; padding:0; border:0; background:none; margin:0 6px 0 0; vertical-align:middle;} .ba_extra_tbl select {height:32px; min-width:160px; padding-left:8px; box-sizing:border-box; border:1px solid #dce0e9; border-radius:3px; color:#464e65; font-size:14px; background:#fff; vertical-align:middle;} .contents_certification_01 {text-align:center;} .contents_certification_01 span {color:#4f79d9; font-size:15px; font-weight:bold; padding:0 10px;} .contents_certification_02 {text-align:center; padding-top:65px; padding-bottom:59px; border-bottom:1px solid #dce0e9;} .contents_certification_02 input{width:400px; height:28px; border:0; border-bottom:2px solid #30d5b0; margin-left:7px; color:#464e65; font-size:16px; font-weight:bold; text-align:center;} .contents_certification_02_ex {padding-top:13px; line-height:20px;} .contents_certification_03 {padding-top:20px; text-align:center; padding-bottom:63px;} .contents_certification_03 a{display:block; width:84px; height:36px; border-radius:3px; background-color:#30d5b0; color:#fff; line-height:36px; margin:0 auto; font-weight:bold;} .contents_certification_03 img{padding-right:4px;} .contents_certification_04 table{margin:0 auto;} .contents_certification_04 th{text-align:left; padding:0 40px 0 14px;} .contents_complete_01 {text-align:center;} .contents_complete_02 {overflow:hidden; margin:0 auto; width:317px; padding:17px;} .complete_logo {float:left;} .complete_text {float:left; padding-top:19px; color:#7e88a2; font-size:16px; font-weight:bold;} .contents_complete_03 {border-top:1px solid #dce0e9; padding-top:60px;} .contents_complete_03_but { overflow:hidden; margin:0 auto; width:215px;} .complete_home_but {float:left; text-align:center; margin-right:7px;} .complete_home_but a{display:block; width:104px; height:36px; border-radius:3px; background-color:#4f79d9; color:#fff; line-height:36px; margin:0 auto; font-weight:bold;} .complete_home_but img{padding-right:4px;} .complete_mychart_but {float:left; text-align:center;} .complete_mychart_but a{display:block; width:104px; height:36px; border-radius:3px; background-color:#30d5b0; color:#fff; line-height:36px; margin:0 auto; font-weight:bold;} .complete_mychart_but img{padding-right:4px;} .week_01{border-top:3px solid #5d9cec; background:#fff; margin-top:25px; padding:15px 20px 20px 20px; width:1220px; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,0.08);} .week_title_Date {text-align:center;} .week_title_Date span {font-size:15px; font-weight:bold; color:#5d9cec; padding:0 21px;} .week_title_Date img {padding-left:10px;} .week_Category_list {margin:20px 0;} .Category_list_table td{padding:0; border:1px solid #e6eaf4; width:173px; height: 35px;} .Category_list_table td a {font-size:13px; text-align:center; color:#707070; font-weight:normal; width:173px; height: 35px; display: table-cell; vertical-align: middle;} .Category_list_table td:hover a {color:#4f79d9; font-weight:bold;} .Category_list_table td:hover {background-color:#fbfbfb;} .week_list {width:173px; height:50px; text-align:center;} .week_list.table01 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_01_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table02 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_02_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table03 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_03_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table04 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_04_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table05 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_05_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table06 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_06_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table07 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_07_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table08 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_08_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table09 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_09_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table10 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_10_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table11 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_11_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table12 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_12_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table13 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_13_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table14 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_14_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table15 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_15_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table16 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_16_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table17 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_17_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table18 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_18_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table19 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_19_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table20 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_20_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table21 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_21_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table22 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_22_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table23 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_23_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table24 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_24_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table25 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_25_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table26 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_26_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table27 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_27_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table28 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_28_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table29 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_29_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table30 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_30_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table31 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_31_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table32 a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_32_off.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table01:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_01_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table02:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_02_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table03:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_03_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table04:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_04_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table05:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_05_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table06:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_06_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table07:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_07_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table08:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_08_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table09:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_09_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table10:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_10_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table11:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_11_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table12:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_12_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table13:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_13_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table14:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_14_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table15:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_15_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table16:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_16_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table17:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_17_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table18:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_18_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table19:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_19_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table20:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_20_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table21:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_21_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table22:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_22_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table23:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_23_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table24:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_24_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table25:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_25_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table26:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_26_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table27:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_27_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table28:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_28_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table29:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_29_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table30:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_30_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table31:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_31_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_list.table32:hover a {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/week_icon_32_on.png'); background-repeat: no-repeat; background-position:center left; padding:1px 0 1px 20px;} .week_Category_close {overflow:hidden;} .week_Category_close a {background-color:#ffac35; height:22px; width:70px; line-height:22px; display:block; text-align:center; color:#fff; border-radius:3px; float:right;} .week_Category_close a img {padding:0 4px 2px 0;} .week_Category_more {overflow:hidden;} .week_Category_more a {background-color:#ffac35; height:22px; width:70px; line-height:22px; display:block; text-align:center; color:#fff; border-radius:3px; float:right;} .week_Category_more a img {padding:0 4px 2px 0;} .week_02{border-top:3px solid #30d5b0; background:#fff; margin-top:10px; padding:20px; width:1220px; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,0.08); overflow:hidden;} .week_02_table {width:100%;} .week_02_table th {border-bottom:2px solid #e6eaf4; padding:19px 0;} .week_02_table td {border-bottom:1px solid #e6eaf4; padding:14px 0;} .week_Category_ranking {text-align:center;} .week_ranking_number {font-size:18px; font-weight:bold;} .week_number {font-size:14px} .week_ranking_up {font-size:11px; color:#f05050; padding-top:12px;} .week_ranking_up img {padding-right:6px;} .week_ranking_Nochange {text-align:center;} .week_ranking_down {font-size:11px; color:#4f79d9; padding-top:12px;} .week_ranking_down img {padding-right:6px;} .week_blog_URl {line-height:20px;} .week_blog_URl a{font-weight:bold;} .week_main_Category {font-weight:bold; text-align:center;} .week_sub_Category {font-weight:bold; text-align:center;} .week_all_ranking {text-align:center;} .week_best_ranking {text-align:center;} .week_max {font-size:9px; color:#30d5b0;} .week_blog_URl.naver {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogN.png'); padding-left:20px;} .week_blog_URl.tistory {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogT.png'); padding-left:20px;} .week_blog_URl.egloos {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogE.png'); padding-left:20px;} .week_blog_URl.daum {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogD.png'); padding-left:20px;} .week_blog_URl.cyworld {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/img_logoC.png'); padding-left:20px;} .week_blog_URl.etc {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/img_blogB.png'); padding-left:20px;} .theme_chart_0102_01{border-top:3px solid #5d9cec; background:#fff; margin-top:25px; padding:15px 20px 20px 20px; width:1220px;} .theme_chart_0102_title_Date {text-align:center;} .theme_chart_0102_title_Date span {font-size:15px; font-weight:bold; color:#5d9cec; padding:0 21px;} .theme_chart_0102_title_Date img {padding-left:10px;} .theme_chart_0102_Category_list {margin:20px 0;} .Category_list_table td a:hover {color:#4f79d9; font-weight:bold;} .Category_list_table td:hover {background-color:#fbfbfb;} .theme_chart_0102_list {width:173px; height:50px; text-align:center;} .theme_chart_0102_Category_close {overflow:hidden;} .theme_chart_0102_Category_close a {background-color:#ffac35; height:22px; width:70px; line-height:22px; display:block; text-align:center; color:#fff; border-radius:3px; float:right;} .theme_chart_0102_Category_close a img {padding:0 4px 2px 0;} .theme_chart_0102_Category_more {overflow:hidden;} .theme_chart_0102_Category_more a {background-color:#ffac35; height:22px; width:70px; line-height:22px; display:block; text-align:center; color:#fff; border-radius:3px; float:right;} .theme_chart_0102_Category_more a img {padding:0 4px 2px 0;} .theme_chart_0102_02{border-top:3px solid #30d5b0; background:#fff; margin-top:10px; padding:20px; width:1220px; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,0.08); overflow:hidden;} .theme_chart_0102_02_table {width:100%;} .theme_chart_0102_02_table th {border-bottom:2px solid #e6eaf4; padding:19px 0;} .theme_chart_0102_02_table td {border-bottom:1px solid #e6eaf4; padding:14px 0;} .theme_chart_0102_Category_ranking {text-align:center;} .theme_chart_0102_ranking_number {font-size:18px; font-weight:bold;} .theme_chart_0102_ranking_up {font-size:11px; color:#f05050; padding-top:12px;} .theme_chart_0102_ranking_up img {padding-right:6px;} .theme_chart_0102_ranking_Nochange {text-align:center;} .theme_chart_0102_ranking_down {font-size:11px; color:#4f79d9; padding-top:12px;} .theme_chart_0102_ranking_down img {padding-right:6px;} .theme_chart_0102_blog_URl {line-height:20px;} .theme_chart_0102_blog_URl a{font-weight:bold;} .theme_chart_0102_main_Category {font-weight:bold; text-align:center;} .theme_chart_0102_sub_Category {font-weight:bold; text-align:center;} .theme_chart_0102_all_ranking {text-align:center;} .theme_chart_0102_best_ranking {text-align:center;} .theme_chart_0102_max {font-size:9px; color:#30d5b0;} .theme_chart_0102_blog_URl.naver {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/week_ranking_naver.jpg'); padding-left:20px;} .theme_chart_0102_blog_URl.tstory {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/week_ranking_tstory.jpg'); padding-left:20px;} .theme_chart_0102_blog_URl.pla {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/week_ranking_pla.jpg'); padding-left:20px;} .theme_chart_0102_blog_URl.egloos {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/week_ranking_egloos.jpg'); padding-left:20px;} .theme_chart_0102_blog_URl.duam {list-style-image:url('//img.blogchart.co.kr/bc/ss2/img/def/week_ranking_daum.jpg'); padding-left:20px;} .theame_chart_slide {background: #fff; border: 1px solid #d7dce8; position:relative; width: 1218px; height: 98px; display: inline-block; margin-top:17px;} .theame_chart_slide_pre {position: absolute; top: 0; left: 0; cursor: pointer;} .theame_chart_slide_iconbox {margin-left:71px; display: inline-block; height: 98px; overflow: hidden; float: left;width: 1105px;} .theame_chart_slide_iconbox div {display: inline-block; width: 120px; height: 98px; text-align: center;} .theame_chart_slide_iconbox div a {display: block; padding: 65px 13px 19px 13px; color: #7e88a2; font-weight: bold; font-size: 14px; background-repeat: no-repeat; background-position: 18px 2px;} .theame_chart_slide_iconbox .theame_chart_icon1 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_tavel.gif);} .theame_chart_slide_iconbox .theame_chart_icon2 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_merry.gif);} .theame_chart_slide_iconbox .theame_chart_icon3 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_beauty.gif);} .theame_chart_slide_iconbox .theame_chart_icon4 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_intravel.gif);} .theame_chart_slide_iconbox .theame_chart_icon5 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_animal.gif);} .theame_chart_slide_iconbox .theame_chart_icon6 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_carreview.gif);} .theame_chart_slide_iconbox .theame_chart_icon7 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fashion.gif);} .theame_chart_slide_iconbox .theame_chart_icon8 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_star.gif);} .theame_chart_slide_iconbox .theame_chart_icon9 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_itreview.gif);} .theame_chart_slide_iconbox .theame_chart_icon10 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_healthy.gif);} .theame_chart_slide_iconbox .theame_chart_icon11 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_book.gif);} .theame_chart_slide_iconbox .theame_chart_icon12 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_education.gif);} .theame_chart_slide_iconbox .theame_chart_icon13 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_picture.gif);} .theame_chart_slide_iconbox .theame_chart_icon14 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_hiking.gif);} .theame_chart_slide_iconbox .theame_chart_icon15 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_diet.gif);} .theame_chart_slide_iconbox .theame_chart_icon16 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_game.gif);} .theame_chart_slide_iconbox .theame_chart_icon17 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fishing.gif);} .theame_chart_slide_iconbox .theame_chart_icon18 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_marketing.gif);} .theame_chart_slide_iconbox .theame_chart_icon19 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_estate.gif);} .theame_chart_slide_iconbox .theame_chart_icon20 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_sports.gif);} .theame_chart_slide_iconbox .theame_chart_icon21 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_cartoon.gif);} .theame_chart_slide_iconbox .theame_chart_icon22 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_movie.gif);} .theame_chart_slide_iconbox .theame_chart_icon23 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_retech_info.gif);} .theame_chart_slide_iconbox .theame_chart_icon24 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_broadcast.gif);} .theame_chart_slide_iconbox .theame_chart_icon25 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_granulation.gif);} .theame_chart_slide_iconbox .theame_chart_icon26 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_employment.gif);} .theame_chart_slide_iconbox .theame_chart_icon27 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_food.gif);} .theame_chart_slide_iconbox .theame_chart_icon28 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_camping.gif);} .theame_chart_slide_iconbox .theame_chart_icon29 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_interior.gif);} .theame_chart_slide_iconbox .theame_chart_icon30 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_music.gif);} .theame_chart_slide_iconbox .theame_chart_icon31 {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_design.gif);} .theame_chart_slide_iconbox .theame_chart_icon1:hover{background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_tavel_on.png);} .theame_chart_slide_iconbox .theame_chart_icon2:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_merry_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon3:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_beauty_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon4:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_intravel_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon5:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_animal_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon6:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_carreview_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon7:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fashion_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon8:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_star_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon9:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_itreview_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon10:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_healthy_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon11:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_book_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon12:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_education_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon13:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_picture_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon14:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_hiking_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon15:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_diet_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon16:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_game_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon17:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fishing_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon18:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_marketing_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon19:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_estate_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon20:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_sports_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon21:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_cartoon_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon22:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_movie_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon23:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_retech_info_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon24:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_broadcast_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon25:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_granulation_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon26:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_employment_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon27:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_food_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon28:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_camping_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon29:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_interior_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon30:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_music_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon31:hover {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_design_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon1.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_tavel_on.png);} .theame_chart_slide_iconbox .theame_chart_icon2.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_merry_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon3.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_beauty_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon4.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_intravel_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon5.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_animal_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon6.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_carreview_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon7.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fashion_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon8.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_star_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon9.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_itreview_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon10.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_healthy_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon11.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_book_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon12.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_education_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon13.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_picture_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon14.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_hiking_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon15.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_diet_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon16.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_game_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon17.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_fishing_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon18.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_marketing_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon19.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_estate_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon20.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_sports_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon21.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_cartoon_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon22.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_movie_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon23.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_retech_info_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon24.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_broadcast_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon25.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_granulation_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon26.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_employment_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon27.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_food_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon28.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_camping_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon29.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_interior_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon30.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_music_on.gif);} .theame_chart_slide_iconbox .theame_chart_icon31.on {background-image: url(//img.blogchart.co.kr/bc/ss2/img/def/icon_design_on.gif);} .writing_box {background-color:#fff; border-top:2px solid #ffac35; padding:20px; overflow:hidden; margin-top:25px;} .writing_box_01 table {width:100%; text-align:left; padding:0;} .writing_titlebox {width:610px; height:18px; border:1px solid #a5acb2;} .writing_cherkbox {margin-right:6px;} .writing_box_02 {margin:15px 0 36px 0;} .writing_box_03 {border-top:1px solid #e6eaf4; padding-top:9px;} .writing_drumtext {color:#707070;} .writing_drumtext img {padding-right:5px;} .writing_button {padding-top:30px; text-align:center;} .writing_but {display:inline-block; width:90px; height:36px; border-radius:3px; color:#fff !important; text-align:center; font-weight:bold; font-size:15px; line-height:36px;} .writing_but.postview {background-color:#a4a9b6; } .writing_but.postcancle {background-color:#a4a9b6;} .writing_but.postupdat {background-color:#ffac35;} .posts_contents_box {width:100%; padding-top:24px;} .posts_contents_box_01 {background-color:#fff; border-top:2px solid #ffac35; padding:20px 30px; overflow:hidden;} .posts_title {font-size:15px; font-weight:bold; color:#464e65; padding-bottom:18px; border-bottom:1px solid #dce0e9;} .posts_text{padding-top:10px;} .posts_text_01{overflow:hidden; padding-bottom:30px;} .post_text_write {color:#7e88a2; font-weight:bold; float:left; padding-right:10px;} .post_text_date {color:#a4a9b6; font-size:12px; float:left;} .post_text_lookup {color:#7e88a2; float:right;} .posts_text_02{clear:both; padding-bottom: 20px; line-height: 25px;} .posts_text_03 {float:right;} .posts_text_03 p {float:left; padding-left:3px;} .posts_text_03_bar {padding:4px 6px 0 6px !important;} .posts_text_03_warning{padding:4px 0 !important;} .posts_text_03_warning img{padding-right:4px;} .posts_contents_box_02 {background-color:#fbfbfb; padding:20px; margin-top:2px;} .posts_reply {font-size:13px; font-weight:bold; color:#ffac35;} .posts_contents_box_02 table{text-align:left; width:100%; line-height:18px;} .posts_reply_text td, .posts_reply_text th{padding:10px 0;} .posts_reply_text th{width:20%;} .reply_001 {padding-left:7px;} .reply_002 {vertical-align:top; padding-right:10px;} .posts_reply_text span{color:#a4a9b6;} .reply_warning {color:#a4a9b6 !important; padding-left:20px;} .posts_contents_box_03 {background-color:#fbfbfb; padding:20px; margin-top:2px; overflow:hidden;} .posts_contents_box_03 textarea {width:643px; height:31px; border:1px solid #dce0e9; resize:none; float:left;} .posts_contents_box_03 a {display:block; width:88px; height:36px; border-radius:3px; background-color:#ffac35; color:#fff; text-align:center; line-height:35px; font-size:15px; font-weight:bold; margin-left:10px; float:left;} .blog_renking_box_top {overflow:hidden;} .blog_renking_box_bottom {overflow:hidden;} .blog_renking_box{padding:17px; overflow:hidden; background-color:#fff; width:473px;} .blog_renking_box.style01{border-top:3px solid #e85174; float:left; margin-right:10px; height: 313px;} .blog_renking_box.style02{border-top:3px solid #5d9cec; float:left; height: 313px;} .blog_renking_box.style03{border-top:3px solid #30d5b0; float:left; padding:0 0 17px 0; margin-right:10px; width:507px;} .blog_renking_title {font-size:15px; font-weight:bold;} .blog_renking_title.box01 {color: #e85174; float:left;} .blog_renking_title.box02 {color: #5d9cec; float:left;} .blog_renking_title.box03 {color: #30d5b0; padding:17px 20px 0 20px} .blog_renking_but {float:right; padding-bottom:25px} .blog_renking_but a{padding-right:18px;} .blog_renking_banner {clear:both; margin:10px 0;} .blog_renking_Numbertit {color:#e85174;} .blog_renking_url th{text-align:left; border-bottom:1px solid #dce0e9; padding:15px 0;} .blog_renking_url td{border-bottom:1px solid #dce0e9; padding:15px 0;} .blog_renking_url {background-color:#fbfbfb; margin-top:17px; padding:0 20px;} .blog_renking_url table {width:100%;} .blog_renking_Numbertit_last th, .blog_renking_Numbertit_last td {border:0;} .blog_renking_pointbox {border:5px solid #fed16c; padding:14px 18px;} .blog_renking_pointbox p {display:inline-block; vertical-align:middle;} .pointbox_tit01 img {padding-right:10px;} .pointbox_tit01 {font-size:15px; font-weight:bold; color:#464e65;} .pointbox_tit02 {font-size:15px; line-height:11px; padding-left:20px;} .pointbox_tit02_01 {color:#e85174; font-size:30px; font-weight:bold;} .pointbox_tit02_02 {color:#707070; font-size:13px; font-weight:bold;} .pointbox_tit02_03 {color:#e85174;} .pointbox_tit03{padding-left:20px;} .pointbox_tit03 a{width:85px; height:36px; border-radius:3px; display:block; color:#fff; text-align:center; line-height:36px; background-color:#ffac35; font-weight:bold; font-size:15px; float:right;} .pointbox_tit03 img{padding-right:7px; padding-bottom:5px; } .blog_renking_Reply {padding:0 20px; overflow:hidden;} .blog_renking_Reply_top {overflow:hidden;} .blog_renking_Reply_icon_but {margin:20px 0;} .blog_renking_Reply_icon_but p{display:inline-block; margin-right:10px;} .blog_renking_Reply_icon_but img{padding-right:4px;} .blog_renking_Reply_boxandbut input {width:300px; height:14px; border:1px solid #dce0e9; padding:10px; float:left;} .blog_renking_Reply_boxandbut a {width:85px; height:36px; border-radius:3px; display:block; color:#fff; text-align:center; line-height:36px; background-color:#30d5b0; font-weight:bold; font-size:15px; float:left; margin-left:19px;} .blog_renking_Reply_bottom {margin-top: 20px;} .blog_renking_Reply_bottom th{text-align:left; padding-right:20px;} .blog_renking_paging span {padding: 7px 9px;} .blogrenking04 {width:473px; overflow: hidden;} .blogrenking04 div{float: left; width:49.5%;} .blogrenking04 div table {width:100%;} .blogrenking04 div table thead tr {border-bottom:3px solid #dce0e9;} .blogrenking04 div table tbody tr {border-bottom:1px solid #dce0e9;} .blogrenking04 div table th {padding: 6px 0 15px 0;} .blogrenking04 div table td {padding: 15px 0;} .blogrenking04_2 td{background-color: #fdfdfd;} .blogrenking_K {padding-left: 20px !important;} .blogrenking_N {text-align: center;} .blogrenking04_bottom {margin-top: 15px; clear: both; font-weight: bold; font-size: 13px; color:#707070;} .blogrenking04_bottom span {color:#ffac35;} .blogrenking04_bottom img {padding-right: 8px;} .login_search_list ul {overflow:hidden; margin-top:25px;} .login_search_list ul li {float:left; margin-left:10px;} .login_search_list ul li:first-child {margin:0;} .login_search_list_step a {display:block; width:625px; height:50px; border-top:2px solid #7e88a2; background-color:#fbfbfb; line-height:50px; text-align:center; font-weight:bold; font-size:15px; } .login_search_list_step.on a {border-top:2px solid #e85174; background-color:#fff;} .login_search_blet {color:#ffac34; padding-right:4px;} .login_search_contents {background-color:#fff; padding:63px 20px 40px 20px;} .id_search {margin:0 auto; width:399px; padding-bottom:45px;} .id_search th{text-align:left; padding-right:34px;} .id_search_01_nick {border:1px solid #dce0e9; width:298px; height:34px;} .id_search_02_birthday_y, .id_search_02_birthday_m {margin-right:10px;} .id_search_02_birthday select{height:34px; border:1px solid #dce0e9;} .id_search_02_birthday_y {width:108px;} .id_search_02_birthday_m {width:83px;} .id_search_02_birthday_d {width:83px;} .id_search_but {border-top:1px solid #dce0e9; padding-top:40px;} .id_search_but a{display:block; width:328px; height:36px; line-height:36px; background-color:#4f79d9; color:#fff; font-size:15px; font-weight:bold; border-radius:3px; text-align:center; margin:0 auto;} .id_search_but img{padding-right:6px;} .member_id_search_Confirm {text-align:center;} .member_idis {font-size:16px; font-weight:bold; color:#464e65;} .id_search_result {padding-bottom:77px;} .id_search_result p{padding-bottom:20px;} .id_search_result_but {border-top: 1px solid #dce0e9; overflow:hidden; padding-top:40px;} .id_search_result_but a {display:block; color:#fff; font-size:15px; font-weight:bold; border-radius:3px; line-height:36px;} .id_search_result_but a img{padding-right:4px;} .id_search_result_but_gohome a {background-color:#4f79d9; width:104px; height:36px; margin-right:10px;} .id_search_result_but_gopass a {background-color:#30d5b0; width:134px; height:36px;} .id_search_result_but_gohome {float:left;} .id_search_result_but_gopass {float:left;} .id_search_result_but_01 {margin:0 auto; width:248px;} .login_search_list ul {overflow:hidden; margin-top:25px;} .login_search_list ul li {float:left; margin-left:10px;} .login_search_list ul li:first-child {margin:0;} .login_search_list_step a {display:block; width:625px; height:50px; border-top:2px solid #7e88a2; background-color:#fbfbfb; line-height:50px; text-align:center; font-weight:bold; font-size:15px; } .login_search_list_step.on a {border-top:2px solid #e85174; background-color:#fff;} .login_search_blet {color:#ffac34; padding-right:4px;} .login_search_contents {background-color:#fff; padding:63px 20px 40px 20px;} .member_id_search {/*display:none;*/} .id_search {margin:0 auto; width:399px; padding-bottom:45px;} .id_search th{text-align:left; padding-right:34px;} .id_search_01_nick {border:1px solid #dce0e9; width:298px; height:34px;} .id_search_02_birthday_y, .id_search_02_birthday_m {margin-right:10px;} .id_search_02_birthday select{height:34px; border:1px solid #dce0e9;} .id_search_02_birthday_y {width:108px;} .id_search_02_birthday_m {width:83px;} .id_search_02_birthday_d {width:83px;} .id_search_but {border-top:1px solid #dce0e9; padding-top:40px;} .id_search_but a{display:block; width:328px; height:36px; line-height:36px; background-color:#4f79d9; color:#fff; font-size:15px; font-weight:bold; border-radius:3px; text-align:center; margin:0 auto;} .id_search_but img{padding-right:6px;} .member_id_search_Confirm {text-align:center;} .member_idis {font-size:16px; font-weight:bold; color:#464e65;} .id_search_result {padding-bottom:77px;} .id_search_result p{padding-bottom:20px;} .id_search_result_but {border-top: 1px solid #dce0e9; overflow:hidden; padding-top:40px;} .id_search_result_but a {display:block; color:#fff; font-size:15px; font-weight:bold; border-radius:3px; line-height:36px;} .id_search_result_but a img{padding-right:4px;} .id_search_result_but_gohome a {background-color:#4f79d9; width:104px; height:36px; margin-right:10px;} .id_search_result_but_gopass a {background-color:#30d5b0; width:134px; height:36px;} .id_search_result_but_gohome {float:left;} .id_search_result_but_gopass {float:left;} .id_search_result_but_01 {margin:0 auto; width:248px;} .login_search_list ul {overflow:hidden; margin-top:25px;} .login_search_list ul li {float:left; margin-left:10px;} .login_search_list ul li:first-child {margin:0;} .login_search_list_step a {display:block; width:625px; height:50px; border-top:2px solid #7e88a2; background-color:#fbfbfb; line-height:50px; text-align:center; font-weight:bold; font-size:15px; } .login_search_list_step.on a {border-top:2px solid #e85174; background-color:#fff;} .login_search_blet {color:#ffac34; padding-right:4px;} .login_search_contents {background-color:#fff; padding:63px 20px 40px 20px;} .id_search th{text-align:left; padding-right:34px;} .id_search_01_nick {border:1px solid #dce0e9; width:298px; height:34px;} .id_search_02_birthday_y, .id_search_02_birthday_m {margin-right:10px;} .id_search_02_birthday select{height:34px; border:1px solid #dce0e9;} .id_search_02_birthday_y {width:108px;} .id_search_02_birthday_m {width:83px;} .id_search_02_birthday_d {width:83px;} .id_search_but {border-top:1px solid #dce0e9; padding-top:40px;} .id_search_but a{display:block; width:328px; height:36px; line-height:36px; background-color:#4f79d9; color:#fff; font-size:15px; font-weight:bold; border-radius:3px; text-align:center; margin:0 auto;} .id_search_but img{padding-right:6px;} .member_id_search_Confirm {text-align:center;} .member_idis {font-size:16px; font-weight:bold; color:#464e65;} .id_search_result {padding-bottom:77px;} .id_search_result p{padding-bottom:20px;} .id_search_result_but {border-top: 1px solid #dce0e9; overflow:hidden; padding-top:40px;} .id_search_result_but a {display:block; color:#fff; font-size:15px; font-weight:bold; border-radius:3px; line-height:36px;} .id_search_result_but a img{padding-right:4px;} .id_search_result_but_gohome a {background-color:#4f79d9; width:104px; height:36px; margin-right:10px;} .id_search_result_but_gopass a {background-color:#30d5b0; width:134px; height:36px;} .id_search_result_but_gohome {float:left;} .id_search_result_but_gopass {float:left;} .id_search_result_but_01 {margin:0 auto; width:248px;} .cam_list_products {border:1px solid #dce0e9; width:497px;} .cam_list_total {border-top:1px solid #dce0e9; } .cam_list_total li {background-color:#f9f9f9; text-align:center; font-size:15px;} .cam_list_total_first a{border-right:1px solid #dce0e9;} .cam_list_total li img {padding-right:10px;} .cam_list_total li a{display:block; background-color: #f9f9f9; width:248px; height:41px; line-height:41px; float:left;} .cam_list_skinny {padding:20px 19px; background-color:#fff; clear: both;} .cam_list_skinny_tit {font-size:15px; padding-bottom:20px; font-weight:bold;} .cam_list_skinny table {text-align:left; width:100%;} .cam_list_products.left {float:left; margin:0 24px 24px 0; position:relative;} .cam_list_products.right {float:left; margin-bottom:24px;} .cam_list {clear:both;} .cam_list_button{float:right; padding-top:25px;} .cam_list_button a{display:black; border-radius:3px; padding:10px 13px; color:#fff; font-size:15px; font-weight:bold;} .cam_list_button img {padding-right:10px;} .button_pt {background-color:#2fd4af; margin-right:10px;} .button_notpt {background-color:#8e94a4;} .bottom_but a{background-color:#2fd4af; color:#fff; padding:10px 13px; line-height:13px;} .cam_list_over {display:none;} .cam_list_products_img:hover .cam_list_over {display:block; position:absolute; text-align:center; width:497px; height:267px; background:rgba(0,0,0,0.5);} .blogreport_box_style {background-color:#fff; color:#556270; padding:20px 20px 0 0;} .blogreport_top {width:1024px; margin-top:25px; overflow:hidden;} .blogreport_top_box_left {float:left; width:507px; border-top: 3px solid #f05050;} .blogreport_top_box_right {float:right; width:507px; border-top: 3px solid #5d9cec;} .blogreport_box_style.pink span {color:#f05050; font-weight:bold; font-size:15px; padding-left:20px;} .blogreport_box_style.blue span {color:#5d9cec; font-weight:bold; font-size:15px; padding-left:20px;} .blogreport_middle {width:1024px; margin-top:10px; overflow:hidden;} .blogreport_middle_box_left {float:left; width:507px; border-top: 3px solid #f05050;} .blogreport_middle_box_right {float:right; width:507px; border-top: 3px solid #5d9cec;} .blogreport_bottom {width:1024px; margin-top:10px; overflow:hidden;} .blogreport_bottom_box {background-color:#fff; border-top:3px solid #30d5b0; padding:20px;} .blogreport_bottom_box span {color:#30d5b0; font-weight:bold; font-size:15px; } .widget_blog_ranking {width:1024px; margin-top:25px; overflow:hidden; padding:19px; background-color:#fff; border-top:3px solid #e85174;} .widget_blog_ranking_tit{color:#e85174; font-size:15px; font-weight:bold; margin-bottom:20px;} .widget_blog_ranking_subtit {line-height:19px; margin-bottom:24px;} .blogranking {display:inline-block; margin-left:29px} .blogranking:first-child {margin-left:0} .ranking_text {text-align:center; padding-top:10px; line-height:21px;} .ranking_texttit {font-weight:bold; color:#464e65; font-size:14px;} .ranking_mark{width:231px; display:inline-block;} .ranking_markimg {height:127px;} .ranking_markimg img{-webkit-filter:drop-shadow(0px 2px 2px #8d8d8d); filter:drop-shadow(5px 5px 5px #8d8d8d)} .widgetrating {padding-left:76px; float:left;} .widget_imd_Down {width:1024px; margin-top:10px; overflow:hidden; padding:19px; background-color:#fff; border-top:3px solid #4f79d9;} .widget_imd_Down_tit{color:#4f79d9; font-size:15px; font-weight:bold; margin-bottom:20px;} .widget_imd_Down_subtit {line-height:19px; margin-bottom:24px;} .widgetrating_box {width:169px; border:1px solid #d5d5d5; text-align:center; border-radius:5px;} .widgetrating_box_top {position:relative; background-color:#414a4f; padding-top:10px; height:73px; border-radius:5px 5px 0 0;} .W_box_toptit {color:#fff; font-size:16px; font-weight:bold; text-shadow:#e96b59 2px 2px 15px; padding-top:7px;} .W_box_logo {position:absolute; left:40px; top:55px;} .widgetrating_box_bottom {padding-top:47px;} .W_box1_ranking {padding-bottom:8px; line-height:18px;} .W_box_ran {font-size:17px; font-weight:bold;} .W_box_updown {font-size:11px; color:#5b6365;} .W_box_updown span {font-size:13px; font-weight:bold; color:#556270;} .W_box_categorytitle {width:153px; height:24px; margin:0 auto; background-color:#64bcf4; } .W_box_categorytitle p{line-height:24px; font-weight:bold; color:#fff;} .W_box_categoryran{width:153px; height:21px; margin:0 auto; border-bottom:2px solid #64bcf4; } .W_box_categoryran p{line-height:24px;} .W_box2_category {padding-bottom:8px;} .downbutt {padding:20px 35px;} .downbutt a{width:100px; height:36px; line-height:36px; background-color:#4f79d9; border-radius:3px; display:block; color:#fff; font-weight:bold; text-align:center;} .downbutt a img{padding-right:4px;} .widgetAPI {width:545px;} .widgetAPI_top p {margin-bottom:16px;} .widgetAPI_top p {float:left; color:#464e65; font-size:14px; font-weight:bold;} .widgetAPI_top_checkbox {float:right;} .widgetAPI_top_checkbox input{margin-right:10px;} .check_yes, .check_no {display: inline-block;} .check_yes {padding-right:20px;} .widgetAPI_text textarea{width:543px; height:65px; padding:21px 12px; border:1px solid #dce0e9; vertical-align:top;} .widgetAPI {float:left; padding:36px 0 0 100px;} .edu_page_title{padding-top:25px; padding-left:20px; font-size:17px; color:#7e88a2; font-weight:bold;} .calender_p_box {background-color: #fbfbfb; padding: 0px;} .cal_list_but {padding: 20px 20px 15px 20px; overflow: hidden;} .class_contents a { color:#ffac35; border:1px solid #ffac35; background: #fff; border-radius:5px; display:inline-block; width:70px; padding: 5px 0; text-align: center; font-weight:bold;} .class_c_list {margin-left: 6px;} .class_c_list:hover, .class_c_list.on {color:#fff; background-color:#ffac35;} .class_c_calender:hover, .class_c_calender.on {color:#fff; background-color:#ffac35;} .calender_contents {border-top:2px solid #f4f4f4; background-color: #fff;} .calender_ym {padding:21px 0 19px 0; text-align: center;} .calender_ym span {font-size:20px; font-weight:bold; color:#464e65; padding:0 20px; vertical-align: middle;} .calender_ym a {vertical-align:middle;} .table_calender table{width:1022px; padding:0; border-collapse:collapse; border:0; table-layout: fixed; border-spacing: 0} .table_calender .t_c_week_head {border-top:1px solid #edeef6 !important;} .table_calender .t_c_week_head .table_week_sun {color:#e15675;} .table_calender .t_c_week_head .tabel_week_sat {color:#4f79d9;} /*.table_calender tr {border-top:3px solid #f4f4f4;}*/ .table_calender th {font-weight:400; font-size:15px; padding: 19px 0; } .table_calender tr{border-top:3px solid #f4f4f4;} .table_calender td {padding: 7px 10px; height: 116px; min-height:116px; vertical-align:top; position: relative; border-right:3px solid #f4f4f4;} .table_calender .c_body_dt {font-size: 15px;} .todayline {position: absolute; top: 0px; left:0px; display: block; width: 138px; height:124px; border: 3px solid #ffac35; z-index: 5;} .saturday span.number { color: blue; } .sunday span.number { color: red; } .c_body_class_content ul {margin-top: 10px;} .c_body_class_content {font-size: 13px; line-height: 20px; position: relative; z-index: 10;} .c_body_class_content.recruitend a {color:#9c9c9c;} .c_body_class_content.recruit a {color: #5184df;} .edu_calender_overtext{display: inline-block; overflow: hidden; width: 120px; margin-left: 1px; border-collapse: collapse; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis;} .c_body_class_content a:hover span {text-decoration:underline;} .cal_class_type {float: right} .cal_class_typeline {margin: 0 5px;} .cal_class_type1.blog {background: url('//img.blogchart.co.kr/bc/ss2/img/def/calender_classtype_B.gif') no-repeat 0 3px; padding: 3px 0 0px 21px; } .cal_class_type2.sns {background: url('//img.blogchart.co.kr/bc/ss2/img/def/calender_classtype_S.gif') no-repeat 0 3px; padding: 3px 0 0px 21px; } .educlass_pay_completion{text-align: center;} .educlass_pay_infor {font-size: 16px; padding-top: 45px; line-height: 20px;} .educlass_myclass {margin-top: 40px; padding-top: 20px; border-top: 1px solid #dce0e9;} .educlass_myclass_but {padding:10px 20px; background: #4f79d9; display: inline-block; border-radius: 5px; font-weight: bold; color:#fff!important; font-size: 14px;} .class_contents {float: left;} .progress_filter_but {float: right; padding-top:6px;} .progress_filter_but span {padding: 0 5px;} .filter_but_class:hover, .filter_but_end:hover {font-weight: bold; text-decoration: underline;} .filter_but_class.on, .filter_but_end.on {font-weight:bold;} .filter_but_class.on:hover, .filter_but_end.on:hover {text-decoration: none;} .progress_filter_select {display: inline-block; margin-right: 5px;} .progress_filter_select select {border:1px solid #dce0e9; padding:5px;} .progress_filter_classcut {display: inline-block;} .listclass_contents {background:#fff;} .c_c_table table {width:100%; text-align:center;} .c_c_table table tr {padding: 20px 23px; border-top:1px solid #f4f4f4;} .c_c_table table td, .c_c_table table th {padding: 20px 0 23px 0;} .c_c_tablebody tr:hover{background:#fbfbfb;} .c_c_tablebody tr:hover .class_infor a {text-decoration: underline;} .class_type {font-weight: bold; padding:20px 0 23px 15px !important;} .class_type.b{background: url('//img.blogchart.co.kr/bc/ss2/img/def/calender_classtype_B.gif') no-repeat 26% 50%;} .class_type.s{background: url('//img.blogchart.co.kr/bc/ss2/img/def/calender_classtype_S.gif') no-repeat 26% 50%;} .class_infor {text-align: left; padding-left: 20px !important; line-height: 20px;} .class_infor a {font-weight: bold;} .class_infor span {margin-right: 6px; line-height: 14px;} .class_day_week {color:#fff; background-color:#4f79d9; border:1px solid #4f79d9; width:43px; padding-bottom: 3px; display: inline-block; border-radius: 5px; text-align:center;} .class_day_ordinary {color:#4f79d9; border: 1px solid #4f79d9; width:43px; padding-bottom: 3px; display: inline-block; border-radius: 5px; text-align:center;} .class_but a{padding:3px 0 6px 0; width:68px; text-align: center; display:inline-block; border-radius: 5px;} .class_but.insk a{background: #ffac35; border:1px solid #ffac35; color:#fff; } .class_but.insk a:hover {background: transparent; color:#ffac35;} .class_but.inskend a {background: #576483; border:1px solid #576483; color:#fff;} .class_but.end a{background:#fff; border: 1px solid #576483;} .post_writing_class table {text-align: left; width:100%;} .post_writing_class th {text-align: left;} .post_writing_class table input, .post_writing_class table select {border:1px solid #dce0e9; padding: 7px 10px 8px 10px; color:#707070;} .p_w_class_type select, .p_w_class_area select, .p_w_class_teacher select {width:164px;} .p_w_class_start select, .p_w_class_end select {width:80px;} .p_w_class_recruited input {width:143px;} .p_w_class_inline_layer {display: inline-block; vertical-align: middle; padding-left: 50px;} .p_w_class_r_th {display:table-cell; font-weight: bold; padding-right: 46px;} .p_w_class_input {display:table-cell; vertical-align: middle;} .p_w_class_title input {width:643px;} .post_writing_class_textbox {margin-top: 16px;} .post_class_esultbut {padding: 20px 0; text-align: center;} .post_class_esultbut a{display: inline-block; width:90px; padding:10px 0; text-align: center; font-size: 15px; font-weight: bold; color:#fff; border-radius: 5px;} .post_class_esultbut_cancel {background: #a4a9b6;} .post_class_esultbut_update {background: #ffac35;} .payment_infor table{width:100%; background:#fff;} .payment_infor table th, .payment_infor table td {padding: 20px 0 23px 0;} .payment_infor table td {text-align: center;} .payment_infor table tr {border-bottom:1px solid #f4f4f4;} .payment_infor table tbody tr {background:#fbfbfb;} .payment_infor table tfoot tr {border:0;} .payment_infor .class_infor a:hover {text-decoration: underline;} .payment_infor_recruited input {padding: 10px; border:1px solid #dce0e9; width:10px;} .payment_infor_sum {color:#707070;} .payment_infor_allsum {font-size: 14px; color:#e85174;} .payment_box02 {border-top: 2px solid #e85174; padding: 20px 0 0 0;} .payment_box02title {color:#e85174; font-size: 15px; font-weight: bold; padding: 0 0 19px 20px; border-bottom: 1px solid #f4f4f4;} .payment_inforp_form {padding: 0 0 20px 20px; background:#fbfbfb;} .payment_inforpersonal table{width:100%;} .payment_inforpersonal th {text-align: left;} .p_i_f_name input {padding: 10px; border: 1px solid #dce0e9; width:123px;} .p_i_f_tel input {padding: 10px; border: 1px solid #dce0e9; width:58px;} .p_i_f_tel select {padding: 10px; border: 1px solid #dce0e9; width:80px;} .p_i_f_email input {padding: 10px; border: 1px solid #dce0e9; width:123px;} .payment_box03 {border-top: 2px solid #5d9cec;} .payment_box03title {color:#5d9cec; font-size: 15px; font-weight: bold;} .payment_box03_content {padding: 20px; background: #fbfbfb; margin:20px 0 40px 0; line-height: 20px;} .b03_c_text_title {font-weight: bold;} .p_box03_c_agreement {text-align: center; border-top:1px solid #dce0e9; padding-top:20px;} .payment_box04 {border-top: 2px solid #30d5b0;} .payment_box04title {color:#30d5b0; font-size: 15px; font-weight: bold;} .p_b04_allsummessage {font-weight:bold; font-size: 15px; text-align: center; padding:32px 0;} .p_b04_allsummessage span {color:#e85174;} .p_b04_means {border-top:1px solid #dce0e9; padding-top: 17px;} .p_b04_means p{display: inline-block; margin-right: 15px;} .p_b04_means p input {margin-right: 5px;} .payment_but {padding: 20px 0; text-align: center;} .payment_but a{display: inline-block; width:90px; padding:10px 0; text-align: center; font-size: 15px; font-weight: bold; color:#fff; border-radius: 5px;} .but_payment_cancel {background: #a4a9b6;} .but_payment_charge {background: #ffac35;} .payment_charge_popup {position: absolute; z-index: 101; top:30%; left:40%; border:1px solid #f4f4f4; width:328px;} .payment_charge_popup_box {background: #fff;} .p_c_popup_canclbut_deu5 {border-bottom: 3px solid #4f79d9; padding: 18px; text-align: right;} .p_c_popup_cancle {padding: 18px; text-align: center;} .p_c_popup_cancle_text {font-weight: bold; font-size: 15px; color:#464e65;} .p_c_popup_cancle a {width:100px; display: inline-block; color:#fff; font-weight: bold; font-size: 15px; padding: 10px 0; border-radius: 5px; margin-top: 30px;} .p_c_popup_cancle a.p_c_popup_cancle_yesbut {background: #7e88a2;} .p_c_popup_cancle a.p_c_popup_cancle_nobut {background: #576483;} .derails_page_title {font-weight: bold; font-size: 15px;} .derails_topcontent {margin-top: 35px; border-bottom:1px solid #dce0e9; padding-bottom: 20px; margin-bottom:20px; overflow: hidden;} .derails_tc_left {float: left; line-height: 24px;} .derails_tc_right {float: right;} .derails_classtitle {font-weight: bold; font-size: 15px;} .derails_tc_but {display: inline-block;} .derails_tcresult_but {display: inline-block;} .derails_tc_right a {width:98px; padding: 8px 0; display: inline-block; text-align: center; border-radius: 5px;} .derails_tc_right img {padding-right: 5px;} .tc_but_scrap {background: #7e88a2; border:1px solid #7e88a2; color:#fff !important; font-weight: bold; font-size: 15px;} .tcresult_but_requestapp {background: #4f79d9; border:1px solid #4f79d9; color:#fff !important; font-weight: bold; font-size: 15px;} .tcresult_but_request {background: #4f79d9; border:1px solid #4f79d9; color:#fff !important; font-weight: bold; font-size: 15px;} .tcresult_but_requestend {background: #7e88a2; border:1px solid #7e88a2; color:#fff !important; font-weight: bold; font-size: 15px;} .tcresult_but_classend {border:1px solid #7e88a2; color:#7e88a2 !important; font-weight: bold; font-size: 15px;} .derails_bottomc_but {text-align: center; margin-top: 25px;} .derails_bottomc_but a {width:98px; padding: 8px 0; display: inline-block; text-align: center; border-radius: 5px;} .derails_bottomc_but img {padding-right: 5px;} .derails_bottomc_but div:first-child, .derails_tc_right div:first-child {margin-right: 6px;} .introduce_lecture {overflow: hidden; border-bottom: 1px solid #dce0e9; padding-bottom: 20px;} .introduce_lecture_img{width:230px; height:198px; min-width: 198px; min-height:198px; float: left; } .introduce_lecture_sal {float: left; margin-left: 40px; width:507px;} .introduce_lecture_name {font-weight: bold; font-size:20px; border-bottom: 1px solid #dce0e9; padding-bottom:15px;} .introduce_contents {margin: 20px 0;} .introduce_lecture_message {padding-top: 20px;} .lecture_message {font-size: 15px; color:#707070;} .lecture_message_text {font-size:20px; font-weight: bold; color:#707070; margin-top: 20px;} .go_list {text-align: center;} .go_list a {background: #7e88a2; color:#fff; width:100px; text-align: center; border-radius:5px; display: inline-block; padding: 10px 0; font-weight: bold; font-size: 15px;} .trainee_writing_box {padding: 0;} .trainee_board_title {font-size:16px; font-weight:bold; padding:17px} .trainee_board table {width:100%; line-height: 20px;} .trainee_board table tr {border-top:1px solid #f4f4f4;} .trainee_board tbody tr:hover {background: #fbfbfb;} .trainee_board tbody tr:hover .t_board_notice_title {text-decoration: underline;} .trainee_board tbody tr:hover .t_board_bulletin_title {text-decoration: underline;} .trainee_board td, .trainee_board th {padding: 17px 0;} .trainee_board th {font-size: 14px;} .t_board_notice_title {color:#f05050 !important; font-weight: bold; font-size: 14px;} .t_board_notice_title img {padding-right:5px;} .t_board span {color:#bcc2d3;} .t_board_bulletin_title {font-weight: bold; font-size: 14px;} .trainee_board td:first-child {padding-left: 40px;} .t_board_time {font-size: 13px; text-align: center;} .t_board_bubble:hover a{text-decoration: underline;} .trainee_board .t_board_bubble a{display: inline-block; padding-top: 5px;} .posts_text_class {border-top: 1px solid #dce0e9; border-bottom: 1px solid #dce0e9; background: #fbfbfb; padding: 20px 0 20px 20px; margin-bottom: 30px; line-height: 26px;} .p_t_c_title {font-weight: bold; font-size: 18px; color:#464e65;} .p_t_c_content {font-weight: bold;} .trainee_writing_box01 table {width:100%;} .trainee_writing_box01 table input, .trainee_writing_box01 table select{border:1px solid #dce0e9; padding: 10px;} .t_w_table_th {font-weight:bold;} .t_w_table_name input {width:642px;} .t_w_table_rest input {width:143px;} .t_w_table_rest span {padding-left: 20px;} .t_w_table_rest span input{margin-left: 30px;} .t_w_table_rest_select {padding: 7px 10px !important;} .t_w_table_classtype select {width:248px;} .trainee_writing_box02 {border-bottom: 1px solid #e6eaf4;} .general_writing_box {padding: 0;} .general_board_title {font-size:16px; font-weight:bold; padding:17px} .general_board table {width:100%; line-height: 20px;} .general_board tbody tr {border-top:1px solid #f4f4f4;} .general_board tbody tr:hover {background: #fbfbfb;} .general_board tbody tr:hover .t_board_notice_title {text-decoration: underline;} .general_board tbody tr:hover .t_board_bulletin_title {text-decoration: underline;} .general_board td, .general_board th {padding: 17px 0;} .general_board th {font-size: 15px;} .g_board_notice_title {color:#f05050 !important; font-weight: bold; font-size: 14px;} .g_board_notice_title img {padding-right:5px;} .g_board span {color:#bcc2d3;} .g_board_bulletin_title {font-weight: bold; font-size: 14px;} .general_board td:first-child {padding-left: 40px;} .g_board_time {font-size: 13px; text-align: center;} .g_board_bubble:hover a{text-decoration: underline;} .general_board .g_board_bubble a{display: inline-block; padding-top: 5px;} .general_post_contents_box01 {border:0;} .general_post_contents_box03 {border-top: 1px solid #f4f4f4; margin-top: 0; background-color:#fbfbfb; padding:20px; overflow:hidden; width:982px;} .general_post_contents_box03 .review_ID {display: inline-block; font-weight: bold; width:20%; vertical-align: middle;} .general_post_contents_box03 .review_text {display: inline-block; height:31px; border:1px solid #dce0e9; resize:none; vertical-align: middle; width:68%;} .general_post_contents_box03 .review_UL {display: inline-block; width:88px; height:36px; border-radius:3px; background-color:#ffac35; color:#fff; text-align:center; line-height:35px; font-size:15px; font-weight:bold; margin-left:10px;} .edu17_content_box {overflow: hidden; margin-top: 25px;} .edu17_class_banner {width: 788px; min-width: 788px;} .edu17_class_teacher {margin-top: 20px;} .edu17_teacher { background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/edu17_teacherimg02.jpg'); width:248px; height: 197px; min-width: 248px; min-height: 197px; border-bottom: 1px solid #dce0e9; } .edu17_teacher_infor {background: #fff; display: inline-block; border:1px solid #dce0e9; margin-right: 14px;} .edu17_teacher_infor:last-child {margin-right: 0;} .edu17_teacher_detail {padding: 20px 0;} .edu17_teacher_name {font-size: 15px; color:#464e65 !important; text-align: center; padding-bottom:17px; display: block;} .edu17_teacher_but {text-align: center;} .edu17_teacher_but a { display: inline-block; width:110px; padding: 11px 0; text-align: center; font-size: 15px; font-weight: bold; border-radius: 5px; color:#fff; } .teacher_but_edu6 {background: #7e88a2;} .teacher_but_edu8 {background: #4f79d9;} .edu07_alertpopup {position: absolute; z-index: 101; top: 30%; left: 40%; border: 1px solid #f4f4f4; width: 328px;} .edu07_alertpopup_box {background: #fff;} .alertpopup_box_top {padding: 18px; border-bottom: 3px solid #4f79d9; overflow: hidden; text-align: center;} .Alerpopuo {display: inline-block;} .Aler_but_page {float: right; margin-top: 8px;} .alertpopup_box_contents {text-align: center; padding: 18px;} .alertpopup_box_text {font-weight: bold; font-size: 15px; color:#464e65;} .alertpopup_box_but a {width: 100px; display: inline-block; color: #fff; font-weight: bold; font-size: 15px; padding: 10px 0; border-radius: 5px; margin-top: 30px; background: #4f79d9;} .post_button {padding-top: 30px; text-align: center;} .post_button a {display: inline-block; width: 90px; height: 36px; border-radius: 3px; color: #fff !important; text-align: center; font-weight: bold; font-size: 15px; line-height: 36px;} .post_button_cretion {background: #ffac35;} .post_button_cancle {background: #a4a9b6;} .post_button_golist {background: #a4a9b6;} .contents_full .paging_tbox select{margin-left: 256px;} .class_mylist_condition a {padding:3px 6px 6px 6px; width:70px; text-align: center; display:inline-block; border-radius: 5px;} .class_mylist_condition.wait a{background: #7e88a2; border:1px solid #7e88a2; color:#fff;} .class_mylist_condition.end a{background: #576483; border:1px solid #576483; color:#fff;} .class_mylist_condition.pay a{background: #576483; border:1px solid #576483; color:#fff;} .condition_pay_review {margin-top: 10px; background: #ffac35 !important; border:1px solid #ffac35 !important; color:#fff !important;} .condition_pay_review:hover {background-color: #fff !important; border-color:#ffac35 !important; color:#ffac35 !important;} .condition_pay_cancle { margin-top: 10px;} .condition_pay_cancle:hover {background: #fff !important; color:#576483 !important;} .class_mylist_condition.cancel a{background: #fff; border:1px solid #576483; color:#576483;} .m_e_s_table table {width:100%; text-align:center;} .m_e_s_table table tr {padding: 20px 23px; border-top:1px solid #f4f4f4;} .m_e_s_table table td, .m_e_s_table table th {padding: 20px 0 23px 0;} .m_e_s_tablebody tr:hover{background:#fbfbfb;} .m_e_s_tablebody tr:hover .class_infor a {text-decoration: underline;} .mes_class_type {color:#4f79d9;} .mes_class_date {font-size: 11px; color:#707070;} .clippinglist_cancel {margin-top: 10px; background:#7e88a2;} .clippinglist.insk {background: #ffac35 !important; border-color:#ffac35 !important;} .clippinglist.insk:hover {background: #fff !important; color:#ffac35;} .clippinglist.inskend {background: #576483 !important; border-color:#576483 !important;} .clippinglist.end {background: #fff !important; border-color: #576483; color: #576483 !important;} .clippinglist_popup {position: absolute; z-index: 101; top:30%; left:40%; border:1px solid #f4f4f4; width:328px;} .clippinglist_popup_box {background: #fff;} .clisy_pop_box_cancelbut {border-bottom: 3px solid #4f79d9; padding: 18px; text-align: right;} .clist_pop_contents {padding: 18px; text-align: center;} .clisy_pop_box_text {font-weight: bold; font-size: 15px; color:#464e65;} .clisy_pop_box_but a {width:100px; display: inline-block; color:#fff; font-weight: bold; font-size: 15px; padding: 10px 0; border-radius: 5px; margin-top: 30px;} .clisy_pop_box_but a.clisy_pop_box_yesbut {background: #7e88a2;} .clisy_pop_box_but a.clisy_pop_box_nobut {background: #576483;} .paycancle.popup {position: absolute; z-index: 101; top:30%; left:40%; border:1px solid #f4f4f4; width:328px;} .paycancle.popup_box {background: #fff;} .paycancle.popup_close {border-bottom: 3px solid #4f79d9; padding: 18px; text-align: right;} .paycancle.popup_butlayer {padding: 18px; text-align: center;} .paycancle.popup_text {font-weight: bold; font-size: 15px; color:#464e65; line-height: 25px;} .paycancle.popup_button a {width:100px; display: inline-block; color:#fff; font-weight: bold; font-size: 15px; padding: 10px 0; border-radius: 5px; margin-top: 30px;} .paycancle.popup_but01 {background: #7e88a2;} .class_review_top {border-top: 1px solid #dce0e9; border-bottom: 1px solid #dce0e9; background: #fbfbfb; padding: 20px; margin-bottom: 15px; line-height: 26px; width:707px;} .class_review_top div {display: inline-block; vertical-align: middle;} .review_class_title {font-size: 18px; font-weight: bold; width:50%;} .review_class_teacher {width: 20%; font-weight: bold;} .review_class_schedule {width: 28%; text-align: center; line-height: 18px; font-weight: bold;} .r_class_type {color:#4f79d9; padding-right: 10px;} .class_review_appraisa {padding: 0 5px;} .class_review_exp {font-weight:bold;} .appraisa_content {margin-top: 30px;} .appraisa {margin-bottom: 30px;} .appraisa.last {margin-bottom: 0;} .class_review_Q { padding-bottom: 5px; font-size: 13px;} .appraisa table {width:670px;} .appraisa span {margin-right: 20px} .appraisa input {margin-right: 5px;} .appraisa04_direct {margin-left: 5px; border:1px solid #dce0e9; padding: 10px;} .appraisa.choice05 textarea{width:712px; padding: 10px; resize: none; height: 150px; min-height: 150px; border:1px solid #dce0e9;} .class_review_popup {position: absolute; z-index: 101; top:30%; left:40%; border:1px solid #f4f4f4; width:328px;} .class_review_popup_box {background: #fff;} .class_review_popuptop {border-bottom: 3px solid #4f79d9; padding: 18px; text-align: right;} .class_review_popup_bottom {padding: 18px; text-align: center;} .class_review_popup_text {font-weight: bold; font-size: 15px; color:#464e65;} .class_review_popup_but a {width:100px; display: inline-block; color:#fff; font-weight: bold; font-size: 15px; padding: 10px 0; border-radius: 5px; margin-top: 30px;} .class_review_popup_but a.class_review_popup_yes {background: #7e88a2;} .class_review_popup_but a.class_review_popup_no {background: #576483;} .educlass_pay.infor_text {padding-top: 20px;} .edu5_payway {margin-top:20px; text-align: left;} .edu5_payway_box {width:550px; margin: 0 auto; background-color: #fbfbfb; padding: 10px; border: 1px solid #dce0e9} .edu5_payway_title {color:#5d9cec; font-weight: bold; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #dce0e9;} .edu5_payway_contents {padding-top: 10px; line-height: 20px;} .edu5_payway_contents_text {padding-top: 10px;} .payway_text2 {padding-top: 10px;} .payway_text2 a {color:#5d9cec; font-weight: bold;} .payway_text2 a:hover {text-decoration: underline;} .edu5_payway_sum {text-align: center; font-weight: bold; padding: 10px; line-height: 23px;} .content_view img { width: inherit; max-width: 100%; height: auto; } .content_view table { table-layout: fixed; width:100% !important; } .knowhow_filter {background-color: #fafafa; overflow: hidden;} .knowhow_filter ul li {float: left; margin-right: 10px;} .knowhow_filter ul li a {text-decoration: none !important; display: block; text-align: center; font-weight: bold; background-color: #fff; color: #ffac35; width:70px; border:1px solid #ffac35; border-radius: 5px;} .knowhow_filter ul li a:hover, .knowhow_filter_all.on, .knowhow_filter_t1.on, .knowhow_filter_t2.on, .knowhow_filter_t3.on {background-color: #ffac35; color:#fff;} .class_schedule_end {width:85px; display: block; margin: 0 auto; padding:2px 0 4px 0; color:#f00000; text-align: center; font-weight: bold;} .experience_content_box {margin-top:25px; background: #fff;} .experience_content_box p {line-height: 23px;} .experience_conbox_title {text-align: center; color:#335290; font-size:26px; font-weight: bold; margin-bottom: 23px;} .experience_content_TOP {background: url('//img.blogchart.co.kr/bc/ss2/img/def/supports/experience_content_TOP_bg.gif?v=1') no-repeat; padding:30px 30px 0; min-height: 160px; height:160px;} .experience_content_TOP p {text-align:right; font-size: 32px; color:#fff; line-height: 50px;} .experience_content_TOP span {font-size: 36px; background: #4f79d9; padding: 0 5px 7px 5px; font-weight: bold;} .experience_content1, .experience_content2, .experience_content3, .experience_content5, .experience_content6, .experience_content7 {text-align:center; color:#464e65; font-size:16px;} .experience_content1{background: url('//img.blogchart.co.kr/bc/ss2/img/def/supports/experience_content1_bg.gif?v=1') no-repeat; height:360px; min-height:360px; padding-top:40px;} .experience_content2 {padding: 40px 0 24px 0;} .experience_content3 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/supports/experience_content3_bg.gif?v=1'); padding: 40px;} .experience_content4 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/supports/experience_content4_img.gif?v=1') no-repeat; height:315px; min-height: 315px;} .experience_content5 {padding:40px 0;} .experience_content5 .ex_content5_benefits-grid {margin-top: 40px; overflow: hidden;} .experience_content5 .ex_content5_benefits-grid li {display: inline-block; margin:0 15px;} .experience_content5 .ex_content5_benefits-grid li img {padding: 20px;} .experience_content5 .ex_content5_benefits-grid li span {font-weight: bold; font-size: 14px;} .experience_content6 {background: #fafafa; padding:40px;} .experience_content7 {padding: 40px 0;} .experience_form_main {background: #fff; padding:40px 30px; border-top: 1px solid #e6e6e6;} .experience_form_title {text-align: center; color:#335290; font-size:26px; font-weight: bold;} .experience_form_title_sub {font-size: 18px; text-align: center; line-height: 50px;} .experience_form_contents {overflow: hidden; margin-top: 38px;} .experience_form_textbox {float: left;} .experience_formbox {float: right; overflow: hidden;} .experience_form_subtitle {font-size: 20px; color:#4f79d9; font-weight: bold;} .experience_form_text {margin-top: 24px;} .experience_form_text p {margin-top: 24px; font-size: 16px;} .experience_form_text .mail_blogchart {color:#556270 !important;} .experience_form_text .mail_blogchart:hover, .experience_form_text .mail_blogchart:focus {text-decoration: underline;} .experience_formbox input {border:1px solid #e6e6e6; border-radius: 5px; color:#666; padding:13px 19px; font-size: 14px; margin-bottom: 5px;} .experience_formbox textarea {border:1px solid #e6e6e6; border-radius: 5px; color:#666; padding:13px 19px; font-size: 14px; resize: none;} .experience.inf_left input, .experience.inf_right input {width:134px; height:12px;} .experience.inf_width input {width:313px; height:12px;} .experience.inf_width textarea {width:313px; height: 72px; } .experience.inf_left {float: left;} .experience.inf_right {float: right;} .experience.clearbr {clear: both;} .experience_submit {margin-top: 5px;} .experience_submit button {width:353px; background: #4f79d9; border:1px solid #4f79d9; border-radius:5px; color:#fff; padding: 12px; font-size: 16px; font-weight: bold;} .btn_admin { background-color: #7e88a2; border-radius: 3px; padding: 0px 2px; display: inline-block; font-weight: normal; line-height: 15px; } .btn_admin.on{ background-color: #333; } a.btn_admin:link, a.btn_admin:visited { font-weight: normal; color: #fff; } .admin_manager{ display: none; } .mychart_page_title {font-size: 17px; font-weight:bold; color: #7e88a2; padding-top: 25px;} .con-rew {width: 100%; background-color: #fff; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px;} .line_r {border-top:3px solid #f05050;} .line_g {border-top:3px solid #7e88a2;} .line_y {border-top:3px solid #ffac34;} .line_gr {border-top:3px solid #30d5b0;} .row_title {font-size: 16px; font-weight: bold; padding-top: 16px; padding-bottom: 13px;} .color_r {color: #f05050;} .color-g {color: #7e88a2;} .tday_service {/*padding:11px 11px;*/ border: 1px solid #e6eaf4; background-color: #fbfbfb; margin:0 auto;} .tday_service_txt {font-size: 16px; color: #464e65; text-align: center;} .tday_service_txt p {padding: 11px;} .tday_service_txt li {display: inline-block; width: 49%; padding: 11px 0;} .tday_service_txt li:last-child {border-left: 1px solid #e6eaf4} .tday_service_detail {width:100%; margin-top: 30px; margin-bottom: 14px; color: #464e65; font-size: 13px; text-align: center;} .tday_service_detail thead th {padding-top: 11px; padding-bottom: 11px; border-bottom: 2px solid #d7dce8;} .tday_service_detail tbody td {border-bottom: 1px solid #d7dce8; padding-top: 20px; padding-bottom: 20px;} .tdey_s_title {padding-left: 20px; font-weight: bold; text-align: left;} .soon_day {background:#f05050; color:#fff; padding: 4px 5px; font-weight: bold;} .next_premium_but {text-align: right;} .next_premium_but a{display: inline-block; padding:10px 11px; color: #f05050 !important; font-weight: bold; font-size: 15px; border: 1px solid #f05050; border-radius: 3px; text-align: center;} .next_premium_but a:before {content: url('//img.blogchart.co.kr/bc/ss2/img/def/premium/search_icon.gif'); margin-right: 10px; vertical-align: middle;} .next_premium_but a:hover {background: #f05050; color:#fff !important; -webkit-transition: background 0.5s; transition: background 0.5s;} .next_premium_but a:hover:before {content: url('//img.blogchart.co.kr/bc/ss2/img/def/premium/search_icon_h.png');} .his_service {width:100%; margin-top: 30px; margin-bottom: 14px; color: #464e65; font-size: 13px; text-align: center;} .his_service thead th {padding-top: 11px; padding-bottom: 11px; border-bottom: 2px solid #d7dce8;} .his_service tbody td {border-bottom: 1px solid #d7dce8; padding-top: 20px; padding-bottom: 20px;} .his_s_nobr {font-weight: bold;} .his_s_title {text-align: left; padding-left: 20px;} .full_contetnts {margin-top: 25px; text-align: center;} .pay_tab {width: 100%;} .pay_tab_menu {background-color: #fbfbfb; display: inline-block; width: 33%; border-top: 3px solid #7e88a2;} .pay_tab_menu span {display: block; width: 100%; padding-top: 16px; padding-bottom: 16px; font-size: 15px;} .pay_tab_menu.act {background-color: #fff; border-top: 3px solid #f05050;} .pay_tab_menu.act span {font-weight: bold;} .ftab-contents-box {background-color: #fff; padding:40px 20px; font-size: 13px;} .pay1-row1 {width: 560px; margin: 0 auto; margin-bottom: 20px;} .pay1-row1 thead th {background-color: #fbfbfb; border-top: 1px solid #e6eaf4; font-size: 15px; padding-top: 19px; padding-bottom: 16px;} .pay1-row1 tbody td {border-top: 1px solid #e6eaf4; border-bottom: 1px solid #e6eaf4; font-size: 13px; font-weight: bold; padding: 19px 16px 19px;} .pay1-row1 tbody td.pay-item {text-align: left;} .pay1-row2 {width: 520px; padding:19px; border: 1px solid #e6eaf4; text-align: left; margin: 0 auto; margin-bottom: 20px;} .pay-way { width: 49.5%; display: inline-block;} .pay-way input {margin-right: 5px;} .pay1-row3 {width: 560px; text-align: left; padding-left: 20px; margin: 0 auto; line-height: 20px; margin-bottom: 50px;} .pay1-row3 li:before {content: ''; display:inline-block; width: 3px; height:3px; background-color: #f05050; vertical-align: middle; margin-right: 5px;} .inline-block-but {padding-top: 20px; border-top: 1px solid #dce0e9; text-align: center;} .page_pay1 .inline-block-but a {width: 84px; padding-top: 11px; padding-bottom: 11px; display: inline-block;} .but-green {background-color: #30d5b0; border-radius: 5px; color:#fff !important; font-size: 15px; font-weight: bold;} .but-grey {background-color: #a4a9b6; border-radius: 5px; color:#fff !important; font-size: 15px; font-weight: bold;} .pay-contents-box {width: 600px; margin:0 auto; text-align: left;} .pay2-row1 {background-color: #fbfbfb; border-top: 1px solid #e6eaf4; border-bottom: 1px solid #e6eaf4; padding: 20px; font-weight: bold;} .pay2-row2 {padding:20px 0px 0px} .pay2-row2-content1, .pay2-row2-content2 {padding-bottom: 28px; letter-spacing: -0.1px;} .pay2-row2-content2 ul li:before {content: ''; display: inline-block; width: 3px; height: 3px; background-color: #f05050; vertical-align: middle; margin-right: 5px;} .page_pay2 .inline-block-but a {padding: 11px 29px; display: inline-block;} .pay-faurcon-box, .pay-thankcon-box {padding-top: 15px;} .faurcon-txt, .thankcon-txt {font-weight: bold; font-size: 16px; padding-top: 22px; padding-bottom: 60px;} .premium_content_box {margin-top: 30px; width: 100%; color:#444;} .prm_box1 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/premium/00_Premium_03.jpg') 50% 20% no-repeat fixed; /*background-size: cover;*/ text-align: center; padding:100px 0;} .prm_box1_tit {font-size: 44px; font-weight: bold; color:#fff; margin-bottom: 30px;} .prm_box1_subtit1 {font-size: 24px; color:#fff; background-color: #f05050; display: inline-block; line-height: 24px; padding:15px 10px 18px; margin-bottom: 30px;} .prm_box1_subtit2 {font-size: 20px; line-height: 42px; color:#fff;} .prm_box1_subtit2 .point {background-color: #d4d2d1; color:#444; padding-bottom: 4px;} .prm_box2 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/premium/00_Premium_05.jpg') no-repeat center center; background-size: cover; text-align: center; padding: 90px 0;} .prm_box2_tit.line-tit:before {content: ''; width:416px; height: 1px; background-color: #c4c4c4; display: inline-block; vertical-align: middle; margin-right: 20px;} .prm_box2_tit.line-tit:after {content: ''; width:416px; height: 1px; background-color: #c4c4c4; display: inline-block; vertical-align: middle; margin-left: 20px;} .prm_box2_tit {font-size:36px; margin-bottom: 50px;} .prm_box2_bef ul {width: 100%;} .prm_box2_bef li {display: inline-block; width: 24%; font-size: 16px;} .prm_box2_bef li img {margin-bottom: 30px;} .prm_box2_bef .point {color: #f05050;} .prm_box3 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/premium/00_Premium_06.jpg') 50% 0% no-repeat fixed; /*background-size: cover;*/ text-align: center; padding:90px 0;} .prm_box3 p {font-size: 19px; line-height: 34px;} .prm_box3 .point {color:#fff; background-color: #f05050; padding-bottom: 3px;} .prm_box4 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/premium/00_Premium_07.jpg') no-repeat center center; background-size: cover; text-align: center; padding:90px 55px;} .prm_box4_tit {font-size:36px; margin-bottom: 50px;} .prm_box4_tit.line-tit:before {content: ''; width:355px; height: 1px; background-color: #c4c4c4; display: inline-block; vertical-align: middle; margin-right: 20px;} .prm_box4_tit.line-tit:after {content: ''; width:355px; height: 1px; background-color: #c4c4c4; display: inline-block; vertical-align: middle; margin-left: 20px;} .box4-left {width:22%; display: inline-block; vertical-align: top; color:#fff; font-size:16px; text-align: left; margin-right: 20px;} .box4-right {width: 75%; display: inline-block; vertical-align: top; text-align: left;} .box4-left li {background-color: #f05050; padding:7px 20px; margin-bottom: 20px;} .box4-left .point-num {display: inline-block; width: 36px; height: 36px; color:#f05050; background-color: #fff; font-weight: bold; border-radius: 100px; line-height: 36px; text-align: center;} .box4-right img{border:1px solid #eee; margin-bottom: 20px;} .box4-right p{color:#f05050; font-size: 14px; text-align: left;} .prm_box5 {background: url('//img.blogchart.co.kr/bc/ss2/img/def/premium/00_Premium_08.jpg') no-repeat center center; background-size: cover; text-align: center; padding:90px 55px;} .prm_box5 p {color:#fff; font-size: 28px; line-height: 46px; margin-bottom: 37px;} .prm_box5 a {color:#fff !important; font-size: 20px; display: block; margin:0 auto; font-weight: bold; background-color: #f05050; width:220px; padding-top: 22px; padding-bottom: 25px;} .prm_box5 a:hover {background-color: #ea5b5b; transition: all 0.3s; -webkit-transition: all 0.3s;} .sevice-content-left {width: 1260px; float: left;} .sevice-content-right {width: 360px; float: right} .sevice-item-prm {background-color: #fff; padding: 20px; border-top:3px solid #f05050; margin-top: 40px;} .sevice-item-prm .sevice-page-tit {font-size:16px; color: #f05050;} .sevice-item-prm .service-item {width: 49%;} .sevice-box {margin-top: 35px;} .service-item { position: relative; /*width:388px;*/ margin-bottom: 20px;} .service-item-box {border: 1px solid #a9b0c3;} .item-left {float: left;} .item-right {float: right;} .service-option {padding:15px;} .item-title {font-size: 18px; float: left; font-weight: bold; padding-bottom: 15px;} .item-title a {color: #556270 !important;} .item-title input {margin-right: 10px;} .item-sum {text-align: right; float: right; color:#f05050; font-size: 20px; font-weight: bold; padding-bottom: 15px;} .item-sum .sum-won {color:#464e65; font-size: 14px;} .item-option {border-top:1px solid #e6eaf4; padding-top: 10px; width: 100%;} .item-option span {background-color: #e6eaf4; border:1px solid #e6eaf4; font-size: 13px; width: 80px; display: inline-block; text-align: center; padding: 12px 0; vertical-align: top;} .item-option select, .item-option .value {border:1px solid #e6eaf4; padding:12px; margin-left: -4px; width: 83%; vertical-align: top;} .item-dettxt {margin-top: 10px; font-size: 13px;} .item-dettxt:before {content: ''; display: inline-block; width: 3px; height: 3px; background: #f05050; margin-right: 5px; vertical-align: middle;} .service-cart a {display: block; text-align: center; width: 100%; border:1px solid #f05050; margin:-1px; color:#f05050 !important; font-size: 18px; font-weight: bold; padding:15px 0;} .service-cart a:hover {background-color: #f05050; color:#fff !important; transition: all 0.3s; -webkit-transition: all 0.3s;} .sevice-left {float: left;} .sevice-right {float: right;} .sevice-item-qr {background-color: #fff; padding: 20px; border-top:3px solid #30d5b0; margin-top: 20px; width: 580px;} .sevice-item-qr .sevice-page-tit {font-size:16px; color: #30d5b0;} .sevice-item-qr .service-item {width: 100%;} .sevice-item-qr .item-option select {border:1px solid #e6eaf4; padding:12px; margin-left: -4px; width: 100%; vertical-align: top;} .sevice-item-chrt {background-color: #fff; padding: 20px; border-top:3px solid #ffac35; margin-top: 20px; width: 580px;} .sevice-item-chrt .service-item {width: 100%;} .sevice-item-chrt .sevice-page-tit {font-size:16px; color: #ffac35;} .sevice-content-right {background-color: #fff; margin-top: 40px; border-top:3px solid #464e65;} .sevice-pay {padding:20px;} .user-cart {font-size: 16px; font-weight: bold;} .user-name {color:#4f79d9;} .cart-item {margin-top:56px; width: 100%; font-size: 13px;} .cart-item th{border-bottom:2px solid #d7dce8; padding-bottom: 12px;} .cart-item td{border-bottom:1px solid #d7dce8; padding:10px 0; text-align: center;} .cart-item .item-txt {padding-left: 15px; text-align: left;} .item-m {margin-right: 10px;} .item-p {margin-left: 10px;} .cart-item-price {margin-top: 26px; margin-bottom: 20px;} .cart-item-price li {display: inline-block; vertical-align: bottom;} .item-percent {color:#f05050; font-size:45px; width: 30%;} .item-percent span {color:#7e88a2; font-size: 28px;} .cart-item-sum {font-size: 40px; width: 68%; text-align: right; line-height: 50px;} .cart-item-sum span {font-size: 16px; color:#7e88a2; text-decoration: line-through;} .cart-item-pay {width: 100%; display: block;} .cart-item-pay a {background-color: #f05050; color:#fff !important; display: block; width: 100%; text-align: center; padding:25px 0; font-weight: bold; font-size: 24px;} .prm-popup-box {background: #fff; padding:15px 12px; border-top:1px solid #f05050; position: absolute; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); top: 50px; left: 20px;} .prm-popup-box span {display: block; font-size: 15px; font-weight: bold; } .rchart_box {margin-top: 30px;} .rchart_title {background: url('//img.blogchart.co.kr/bc/ss2/img/def/rise/rchart_title.jpg') no-repeat center; height: 230px; min-height: 230px; line-height: 230px; text-align: center;} .rchart_title p {color:#fff; font-size: 40px;} .rchart_content {background: #fff; padding:60px 100px;} .htuse_tb_url {text-align: left !important;} .rchart_content {width:100%; box-sizing: border-box; font-size: 14px;} .rchart_content .colspan {display: inline-block; text-align: center; box-sizing: border-box; vertical-align: middle;} .rchart_content .col5 {width: 5%} .rchart_content .col10 {width: 10%} .rchart_content .col15 {width: 15%} .rchart_content .col30 {width: 30%} .rchart_content .rchart_thead .rchart_list {background-color: #fff3f6;} .rchart_content .rchart_thead .rchart_list span {font-size: 15px; font-weight: bold; color:#666;} .rchart_content .rchart_thead .colspan {padding:10px 10px;} .rchart_content .rchart_tbody .rchart_list {border-bottom: 1px solid #f4f4f4;} .rchart_content .rchart_tbody .colspan {padding:17px 10px;} .open_grph {border-top:2px solid #e85174; border-bottom:2px solid #e85174; padding: 20px;} .open_grph .grph_title, .open_grph .grph_but {width: 50%; float: left;} .open_grph .grph_but {text-align: right;} .open_grph .grph_title {font-size: 16px; color:#e85174; font-weight: bold;} .open_grph .grph_but li {display: inline-block;} .open_grph .grph_but a {display: block; background-color: #7e88a2; border-radius: 3px; color:#fff; padding:3px 5px 5px; line-height: 12px; font-size: 12px; font-weight: bold;} .open_grph .grph_but a:hover, .open_grph .grph_but a.ac {background-color: #e85174;} .next_service_but {text-align: right;} .next_service_but a {display: inline-block; width:180px; padding:17px 10px; color:#fff !important; font-size: 14px; font-weight: bold; text-align: center; box-sizing: border-box;} .next_service_but a:hover {opacity: 0.8;} .next_service_but a.service_but {background-color: #4f79d9; transition: all 0.3s; -webkit-transition: all 0.3s;} .next_service_but a.premium_but {background-color: #e85174; transition: all 0.3s; -webkit-transition: all 0.3s;} .m_icon_20171 {background: url('../images/side_menu/mychart-side-icon01_off.jpg')} .m_icon_20172 {background: url('../images/side_menu/mychart-side-icon02_off.jpg')} .m_icon_20173 {background: url('../images/side_menu/mychart-side-icon03_off.jpg')} .m_icon_20174 {background: url('../images/side_menu/mychart-side-icon04_off.jpg')} .m_icon_20171:hover, .m_icon_20171.on {background: url('../images/side_menu/mychart-side-icon01_on.jpg')} .m_icon_20172:hover, .m_icon_20172.on {background: url('../images/side_menu/mychart-side-icon02_on.jpg')} .m_icon_20173:hover, .m_icon_20173.on {background: url('../images/side_menu/mychart-side-icon03_on.jpg')} .m_icon_20174:hover, .m_icon_20174.on {background: url('../images/side_menu/mychart-side-icon04_on.jpg')} .my_profile {background-color:#fff; padding:20px;} .my_profile:after {content: ''; display: block; clear: both;} .my_profile .profile_inner {float: left;} .my_pr_box {margin-left:20px;} .my_pfi {display: block; border:1px solid #d7dce8; width: 78px; height: 78px; background: url('../images/side_menu/no-img.jpg');} .my_nknm {font-size: 14px !important; color: #4f79d9;} .pr_but {color:#fff !important; padding:5px; border-radius: 3px; background-color: #576483; display: block; font-size: 11px; margin-top:10px;} .blog_exp_box {margin-top:20px;} .blog_exp_block { background: url('../images/side_menu/blog_exp_bg.png') #4f79d9 no-repeat; display: block; color:#fff !important; padding: 16px 20px; font-weight: bold;} .blog_exp_block i {background: url('../images/side_menu/mychart-side-icon05.png') no-repeat; width: 17px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 10px;} .blogchart_service {margin-top:30px; text-align: center;} .white, .white a {color:#fff !important;} .font38 {font-size:38px;} .font26 {font-size:26px;} .font16 {font-size:16px;} .sv_column_title {font-size: 24px;} .sv_column_title:after {content: ''; display: block; width: 40px; height: 2px; background-color: #94ade7; margin:0 auto; margin-top:20px; margin-bottom:50px;} .sv_row1 {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/rise/rise_03.jpg'); background-size: cover; padding:65px 10px;} .sv_pg_title {margin-bottom:60px;} .bgtitle {background-color: #4f79d9; display: inline-block; padding:1px 18px 7px ;} .sv_risingblog_title {vertical-align: middle; margin-bottom: 16px;} .sv_risingblog_title:before {content: ''; display: inline-block; background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/rise/pg-title-left.png'); width:239px; height: 7px; vertical-align: middle; margin-right:20px; opacity: 0.6;} .sv_risingblog_title:after {content: ''; display: inline-block; background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/rise/pg-title-right.png'); width:239px; height: 7px; vertical-align: middle; margin-left:20px; opacity: 0.6;} .sv_row2 {background-color:#fcfcfc; padding:65px 10px;} .sv_row2_icon li{display: inline-block; width: 25%; font-size: 15px;} .sv_row2_icon li img {padding-bottom: 20px;} .sv_row3 {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/rise/rise_16.jpg'); background-size: cover; padding:65px 10px;} .sv_row4 {background-color:#fff; padding:65px 10px;} .htuse_pcs {margin-bottom:50px;} .htuse_pcs:after {content: ''; display: block; clear: both;} .htuse_pcs .pcs_column3 {position: relative;} .htuse_pcs .pcs_column3:before {content: ''; width: 70%; height: 1px; background: #4f79d9; position: absolute; top: 25px; left: 15%; right:0; z-index: 1;} .pcs_column3 > div {width:33.333333%; float: left;} .pcs_column3 .pcs_num {color:#4f79d9; font-size: 20px; font-weight: bold; border:2px solid #4f79d9; border-radius: 100px; width:50px; height: 50px; display: block; line-height: 50px; margin:0 auto; margin-bottom:20px; background: #fff; z-index: 2; position: relative;} .pcs_column3 .pcs_num:before {content: ''; background: url(//img.blogchart.co.kr/bc/ss2/img/def/rise/arrowblue.png); width: 7px; height: 13px; display: block; position: absolute; top:35%; left: 225px; margin-top:-1px;} .pcs_column3 .pcs_num.last_num:before {display: none;} .pcs_column3 .pcs_txt {color:#666; font-size: 15px; font-weight: bold;} .sv_row4 .htuse_tb {width:1056px; margin: 0 auto;} .sv_row4 .htuse_tb thead {background-color: #f6fbff; font-size:15px; font-weight:bold;} .sv_row4 .htuse_tb tbody td{border-bottom:1px solid #f4f4f4; font-size: 14px; padding:18px 20px;} .sv_row4 .htuse_tb tbody td.htuse_tb_url {text-align: left;} .sv_row5 {background-image: url('//img.blogchart.co.kr/bc/ss2/img/def/rise/rise_18.jpg'); background-size: cover; padding:65px 10px;} .op0 { opacity: 0 } .dl { animation-name: slideUp; animation-duration: 1s; -webkit-animation-name: slideUp; -webkit-animation-duration: 1s; animation-fill-mode: forwards; visibility: visible; } .dl2 { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; -webkit-animation-delay: .25s; animation-delay: .25s; animation-fill-mode: forwards; } .dl3 { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .5s; animation-fill-mode: forwards; } .dl4 { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .75s; animation-fill-mode: forwards; } .sc1{ animation-name:scale; animation-duration: .6s; animation-fill-mode: forwards; -webkit-animation-name:scale; -webkit-animation-duration: .6s; -webkit-animation-fill-mode: forwards; } @keyframes slideUp { 0% {opacity: 0;-webkit-transform: translateY(70%);-ms-transform: translateY(70%);} 100% {opacity: 1;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);} } @-webkit-keyframes slideUp { 0% {opacity: 0;-webkit-transform: translateY(70%);} 100% {opacity: 1;-webkit-transform: translateY(0%);} } @keyframes scale{ 0%{transform: scale(0,0);opacity: 0} 100%{transform: scale(1,1);opacity: 1} } @-webkit-keyframes scale{ 0%{-webkit-transform: scale(0,0);opacity: 0} 100%{-webkit-transform: scale(1,1);opacity: 1} } .bc-gnb-bar { background: #464e65; height: 40px; width: 100%; } .bc-gnb-inner { max-width: 1260px; margin: 0 auto; padding: 0; } .bc-gnb-nav { list-style: none; display: grid; grid-template-columns: repeat(7, 1fr); margin: 0; padding: 0; height: 40px; width: 100%; } .bc-gnb-item { height: 40px; width: 100%; text-align: center; } a.bc-gnb-link { display: flex; align-items: center; justify-content: center; gap: 6px; height: 40px; width: 100%; color: #ffffff; font-size: 13.5px; font-weight: 600; text-decoration: none; transition: background 0.15s ease; white-space: nowrap; } .bc-gnb-link:hover { background: #4f79d9; color: #ffffff; } .bc-lightning-icon { color: #facc15; } .facebook-link { display: flex; width: 220px; box-sizing: border-box; justify-content: center; align-items: center; gap: 8px; padding: 11px 14px; background: #1877f2; font-size: 14px; font-weight: 600; text-decoration: none; border-radius: 6px; } .facebook-link:hover { background: #166fe5; text-decoration: none; } .facebook-link svg { width: 20px; height: 20px; fill: currentColor; flex-shrink: 0; }