/* last modify - 20190102 leesh */ @charset "utf-8"; @import "base.css"; @import "style.css"; /* skip navigation */ #skipnav { position: absolute; left: 0; top: 0; width: 100%; height:1px; margin-left: 0; list-style: outside none; z-index:999999; } #skipnav li { display:inline; margin: 0 10px; text-align:left; } #skipnav li a { position: absolute; left: -99px; top:0px; } #skipnav li a:hover, #skipnav li a:active, #skipnav li a:focus { display:block;left:0;top:0; width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:normal; font-size:12px; color:#333; font-family:'Noto Sans KR'; line-height:1; text-decoration:none !important;} /* Layout */ #wrapper { width:100%; } #wrap { width:100%; position:relative; min-width:1116px; margin-bottom:100px;} #header { width:100%; background:#FFF; border-bottom:1px solid #df1220; height:79px; position:relative; z-index:999; min-width:1116px; } #header2d { width:100%; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/gnb_bg.png') top repeat-x; height:95px; position:relative; z-index:999; min-width:1116px; } #header_newslist { width:100%; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/gnb_bg.png') top repeat-x; height:95px; position:relative; z-index:999; min-width:1116px; } #header_newslist_s { width:100%; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/newslistgnb_bg.png') top repeat-x; height:70px; position:relative; z-index:999; min-width:1116px; } #header_newslist_s.fixed { position:fixed; width:100%; min-width:1116px; display:block; box-sizing:border-box; height:70px; } #header_newsview { width:100%; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/gnb_bg.png') top repeat-x; height:95px; position:relative; z-index:999; min-width:1116px; } #header_newsview_s { width:100%; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/newslistgnb_bg.png') top repeat-x; position:relative; z-index:999; min-width:1116px; } #header_newsview_s.fixed { position:fixed; width:100%; min-width:1116px; display:block; box-sizing:border-box; height:70px; z-index:999999;} #wrapper .gnb { width:1116px; margin:0 auto; position:relative; } #wrapper .gnb_news { width:1116px; margin:0 auto; } #wrapper .toputil { float:left; width:100%; } #wrapper .depth2 { float:left; width:100%; } #wrapper .t_lf { float:left; position:relative; } #wrapper .t_rf { float:right; } #wrapper #header .t_rf { margin-top:25px; } h1 { padding:7px 45px 0 0; float:left; } .t_mn { float:left; margin-top:1px; } .t_mn li { float:left; border-right:1px solid #ebebeb; } .t_mn li:last-child { border-right:none; } .t_mn li.on { background:#FFF; } .t_util { float:left; margin-top:5px; } .t_util li { float:left; background:URL('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') right 8px no-repeat; padding:0 12px 0 9px; } .t_util li:last-child { background:none; padding-right:0px; } .t_util li .tuser { margin-right:2px; position:relative; } .t_util li .tuser img { vertical-align:middle; } .t_util li .tevent { position:relative; } .t_util li .tevent p { margin-top:0px; } .t_util li .tevent_num { background:#dd0413; border-radius:18px; width:18px; height:18px; display:inline-block; color:#FFF; text-align:center; margin-left:5px; line-height:17px; margin-top:-3px; } .t_util li .tevent_num a { color:#FFF; } .t_mn_com { float:left; margin-top:10px; } .t_mn_com li { float:left; margin-left:60px; } h2 { font-size:30px; font-weight:700; float:left; margin:12px 30px 0 0; } .s_mn { float:left; margin-top:20px; } .s_mn li { float:left; padding:0 3px; height:40px; font-size:16px; font-weight:500; margin:0 7px; font-family:'Noto Sans KR','Malgun Gothic'; } .s_mn li a { font-size:16px; font-weight:500; display:block; height:40px; } .s_mn li:first-child { margin-top:2px; } .s_mn li a:hover, .s_mn li a:focus, .s_mn li.on a { border-bottom:4px solid #dd0413; } .s_mn li.global { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_global.png') 0 3px no-repeat; padding-left:21px; margin-left:11px; } /*.s_mn li.brother { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_brother.png') 0 3px no-repeat; padding-left:21px; margin-left:11px; }*/ .s_mn li.more { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sel_rd_dw.png') 78px 7px no-repeat; padding-right:25px; } .s_mn li.more a { color:#dd0413; border-bottom:none; } .s_util { margin-top:18px; float:right; } .s_util li { float:left; margin-left:17px; } .s_util li button.btn_news { overflow:hidden; display:inline-block; background:#58a4d9; text-align:center; color:#fff; width:70px; height:30px; font-size:12px; line-height:30px; border:none; border-radius:3px; font-weight:500; } .tmn_more { position:absolute; right:-30px; top:10px; width:143px; } .tmn_more .hd { width:143px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_tmore_top.png') 0 top no-repeat; height:45px; } .tmn_more .hd p { color:#dd0413; font-size:16px; font-weight:500; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sel_rd_up.png') 90px 16px no-repeat; padding:10px 17px; } .tmn_more .bd { width:143px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_tmore_bot.png') 0 bottom no-repeat; padding-bottom:6px; } .tmn_more .bd li { } .tmn_more .bd li p { padding:7px 20px 7px; margin:0 2px; letter-spacing:-1px; font-family:'Noto Sans KR'; } .tmn_more .bd li p a { font-size:14px; color:#222222; letter-spacing:-1px; font-weight:400; } .tmn_more .bd li .on { background:#dd0413; } .tmn_more .bd li .on a { color:#FFF; font-weight:400; } .tmn_more .bd li.bg { background:#f1f1f1; margin:0 2px; } .tmn_more .bd li.bg a { color:#222222; font-weight:400; } .tmn_more .bd li.bg .on { background:#dd0413; margin:0 0px; } .tmn_more .bd li.bg .on a { color:#FFF; font-weight:400; } #header h1 { padding:26px 82px 0 0; float:left; } #header .t_mn { float:left; } #header .t_mn li { float:left; margin:25px 47px 0 0; border-right:none; } #header .t_mn li.banner { margin:22px 0px 0 -15px; } #header .t_util { float:left; margin-top:7px; } #header .t_util li { float:left; background:URL('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') right 6px no-repeat; padding:0 17px 0 9px; } #header .t_util li:last-child { background:none; padding-right:0px; } #header .t_util li .tuser { margin-right:2px; position:relative; } #header .t_util li .tuser img { vertical-align:middle; } #header .t_util li .tevent { position:relative; } #header .t_util li .tevent p { margin-top:0px; } #header .t_util li .tevent_num { background:#dd0413; border-radius:18px; width:18px; height:18px; display:inline-block; color:#FFF; text-align:center; margin-left:5px; line-height:17px; margin-top:-3px; } #header .t_util li .tevent_num a { color:#FFF; } #header .s_util { float:left; margin-top:0px; } #header .s_util li { float:left; margin-left:17px; } #header_newslist_s h1 { padding:20px 28px 0 0; float:left; } #header_newslist_s .s_mn { float:left; margin-top:18px; } #header_newslist_s .s_mn li { float:left; padding:0 3px; height:39px; font-size:16px; font-weight:500; margin:0 7px; } #header_newslist_s .s_mn li a { font-size:16px; font-weight:500; } #header_newslist_s .s_mn li:first-child { margin-top:2px; } #header_newslist_s .s_mn li.global { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_global.png') 0 4px no-repeat; padding-left:21px; margin-left:11px; } #header_newslist_s .s_mn li.brother { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_brother.png') 0 4px no-repeat; padding-left:21px; margin-left:11px; } #header_newslist_s .s_mn li.on { } #header_newslist_s .s_util { margin-top:16px; float:right; } #header_newslist_s .s_util li { float:left; margin-left:20px; } #header_newslist_s .s_util li button.btn_news { overflow:hidden; display:inline-block; background:#58a4d9; text-align:center; color:#fff; width:70px; height:30px; font-size:12px; line-height:30px; border:none; border-radius:3px; font-weight:500; } #header_newsview_s .logo { float:left; padding:20px 28px 0 0; } #header_newsview_s .s_view { float:left; margin-top:17px; } #header_newsview_s .s_view p.tit { float:left; font-size:18px; font-weight:500; color:#303030; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar.png') right 7px no-repeat; padding-right:12px; } #header_newsview_s .s_view ul { float:left; width:670px; margin:0 10px; position:relative; } #header_newsview_s .s_view ul li { float:left; } #header_newsview_s .s_view ul li.bbs { font-size:18px; color:#333; text-align:left; text-overflow:ellipsis; display:inline-block; white-space: nowrap; overflow: hidden; width:630px; } #header_newsview_s .s_view ul li.p_icon { position:absolute; top:3px; right:23px; } #header_newsview_s .s_view ul li.n_icon { position:absolute; top:3px; right:0px; } #header_newsview_s .s_view_op { float:right;position:relative; } #header_newsview_s .s_view_op .font {display:inline-block;height:60px;margin-right:-4px;padding:12px 10px;border-left:1px solid #ccc;font-size:16px;color:#000;vertical-align:top;background-color:#f7f7f7;box-sizing:border-box} #header_newsview_s .s_view_op .font em { display:inline-block; margin:0 10px; font-size:16px; font-style:normal; } #header_newsview_s .s_view_op .font button { width:35px; height:35px; border:0 } #header_newsview_s .s_view_op .font .btn_up { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/btn_font_up.png') no-repeat 50% 50%; } #header_newsview_s .s_view_op .font .btn_down { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/btn_font_down.png') no-repeat 50% 50%;} #header_newsview_s .s_view_op button {overflow:hidden;display:inline-block;width:48px;height:60px;padding-top:12px; margin-right:-1px;border:1px solid #ccc;border-top:none;border-bottom:0;text-indent:-999px;font-size:0;background-color:transparent; } #header_newsview_s .s_view_op .btn_scrap { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/btn_scrap.png') no-repeat 50% 50%; } #header_newsview_s .s_view_op .btn_scrap.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/btn_scrap_active.png') no-repeat 50% 50%;} #header_newsview_s .s_view_op .btn_mail { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/line_email.png') no-repeat 50% 50%; } #header_newsview_s .s_view_op .btn_print { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/line_print.png') no-repeat 50% 50%; } #header_newsview_s .s_view_op .btn_sns { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/line_sns.png') no-repeat 50% 50%; } #header_newsview_s .s_view_op .btn_allmn { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_allmn.png') no-repeat 50% 50%; margin-right:-1px; } .tuser_lay { position:absolute; top:20px; left:0px; } .tuser_lay .tuser_lay_hd { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_tlayer_top.png') 0 top no-repeat; background-size:164px 15px; width:164px; height:15px; } .tuser_lay .tuser_lay_bd { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_tlayer_bot.png') 0 bottom no-repeat; background-size:164px auto; width:164px; float:left; } .tuser_lay .tuser_layin { padding:0 10px 18px; float:left; } .tuser_lay .tuser_layin .tit { font-size:16px; color:#333333; margin-bottom:7px; } .tuser_lay .tuser_layin .tuser_info { border-top:1px solid #818181; background:#f7f7f7; padding:10px 10px 8px 8px; float:left; } .tuser_lay .tuser_layin .tuser_info .stit { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 8px no-repeat; color:#333; font-size:12px; padding-left:8px; margin-bottom:2px; } .tuser_lay .tuser_layin .tuser_info ul { float:left; } .tuser_lay .tuser_layin .tuser_info ul li { float:left; background:none; color:#818181; margin-bottom:1px; } .tuser_lay .tuser_layin .tuser_info ul li.num { float:right; color:#333; text-align:right; width:31px; font-weight:500; } .tuser_lay .tuser_layin .tuser_info dl { clear:both; float:left; margin-bottom:5px; } .tuser_lay .tuser_layin .tuser_info dl dt { float:left; width:55px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 8px no-repeat; color:#333; font-size:12px; padding-left:8px; } .tuser_lay .tuser_layin .tuser_info dl dd { float:right; width:52px; color:#e70013; text-align:right; font-weight:500; } .tuser_lay .tuser_layin .tuser_logout { clear:both; text-align:right; padding-top:10px; } .tevent_lay { position:absolute; top:20px; right:-10px; } .tevent_lay .tevent_lay_hd { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_tlayer_top.png') 0 top no-repeat; background-size:242px 15px; width:242px; height:15px; } .tevent_lay .tevent_lay_bd { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_tlayer_bot.png') 0 bottom no-repeat; background-size:242px auto; width:242px; } .tevent_lay .tevent_layin { padding:0 20px 18px; } .tevent_lay .tevent_layin .lst { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 8px no-repeat; color:#333; padding-left:8px; line-height:20px; } .tevent_lay .tevent_layin .lst a { color:#333; } .container { width:1116px; margin:32px auto 0; } .container .contents { width:807px; padding-right:29px; border-right:1px solid #CCC; float:left; } .container .rnb { width:279px; float:right; } .container .rnb .tmp { text-align:right; } .container .rnb_list { margin-top:66px; } .container .rnb_view { } #footer { width:100%; position:relative; min-width:1116px; } .family-links { height:50px; background: #FFF url("http://img.tvchosun.com/upload_img/n2017/images/common/footer-line.png") 0 0px repeat-x; min-width:1116px; overflow:hidden; } .family-links .outter { width:1116px; margin:0 auto; } .family-links .link { float:left; width:279px; position:relative; } .family-links.opened .link { } .family-links .link.active span a { } .family-links .link.active { } .family-links .links { position: relative; } .family-links .link ul { display:none; border-right: 1px solid #cccccc; padding:25px 30px 0px 30px; height:460px; } .family-links .link span a { border-right:1px solid #797979; padding:15px 25px 0px 25px; display: block; font-size:15px; color:#FFF; height:35px; } .family-links .link.link4 span a { border-right:1px solid #555555 !important; } .family-links .link:first-child ul { border-left: 1px solid #cccccc; } .family-links .link li { font-size:15px; color:#666666; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_rd.png') 0 9px no-repeat; padding:0 0 12px 10px; } .family-links .link li a { font-size:15px; color:#666666; } .family-links .link li a:hover, .family-links .link li a:focus { color:#dd2b34; } .family-links .link .telnum { display:inline-block; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_tel.png') 0 0px no-repeat; margin-left:60px; padding-left:15px; color:#FFF; font-size:14px; font-weight:500; font-family:'Roboto'; } .family-links .link .icon { position:absolute; top:23px; right:20px; } .family-links .ft_csbox { position:relative; background:none !important; } .family-links .ft_cscenter { background:none; padding:0; margin:0; position:absolute; bottom:-193px; right:-30px; border-top:1px solid #cccccc; background:#e9e9e9; width:278px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .family-links .ft_cscenter { background:none; padding:0; margin:0; position:absolute; bottom:-170px; right:-30px; border-top:1px solid #cccccc; background:#e9e9e9; width:278px; } } .family-links .ft_cscenter .ft_cscenter_in { padding:15px 25px 27px; } .family-links .ft_cscenter .ft_cscenter_in .stit { color:#dd2b34; font-size:16px; font-weight:500; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_cscenter.png') 0 4px no-repeat; padding-left:21px; margin-bottom:12px; } .family-links .ft_cscenter .ft_cscenter_in ul { margin-bottom:18px; border-right:none; padding:0px !important; height:35px; } .family-links .ft_cscenter .ft_cscenter_in ul li { font-size:14px; color:#333333; padding:0 0 3px 0px; background:none; } .family-links .ft_cscenter .ft_cscenter_in ul li strong { font-size:14px; color:#222; font-weight:500; width:95px; display:inline-block; } .family-links .ft_cscenter .ft_cscenter_in .email { color:#333333; font-size:14px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_email.png') 0 4px no-repeat; padding-left:20px; } .family-links .ft_cscenter .ft_cscenter_in .email a { color:#333333; font-size:14px; } .ft_cont { clear:both; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:49px; } .ft_cont_in { width:1118px; margin:0 auto; } .ft_option { float:left; width:100%; } .ft_option .noti { float:left; width:837px; border-right:1px solid #ccc; } .ft_option .noti ul { padding:16px 24px 12px; float:left; } .ft_option .noti ul li { font-size:14px; float:left; } .ft_option .noti ul li.tit { color:#000; font-size:14px; margin-right:40px; font-weight:500; } .ft_option .noti ul li.cont { width:680px; } .ft_option .noti ul li.cont a { color:#666; font-size:14px; } .ft_option .noti ul li.more { margin-top:5px; } .ft_option .family { float:left; width:278px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_up.png') 248px 23px no-repeat; position:relative; } .ft_option .family p.tit { } .ft_option .family p.tit a { display:block; padding:19px 24px 16px; } .ft_option .family.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_dw.png') 248px 23px no-repeat; } .ft_option .family .family_mn { position:absolute; bottom:49px; right:-1px; border:1px solid #cccccc; background:#FFF; z-index:99999; width:278px; padding:10px 0 10px; } .ft_option .family .family_mn li { } .ft_option .family .family_mn li p { } .ft_option .family .family_mn li p a { font-size:13px; color:#222222; display:block; padding:7px 24px 7px; } .ft_option .family .family_mn li.on { background:#dd0413; } .ft_option .family .family_mn li.on a { color:#FFF; } .ft_option .family .family_mn li a:hover { display:block; background:#dd0413; padding:7px 24px 7px; color:#FFF; } .ft_copy { float:left; width:100%; padding-bottom:30px; } .ft_copy .lf_cont { float:left; width:837px; margin-top:25px; } .ft_copy .lf_cont .mn { float:left; padding:0 0 0 24px; } .ft_copy .lf_cont .mn ul { float:left; } .ft_copy .lf_cont .mn ul li { float:left; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar.png') left 4px no-repeat; padding:0 8px 0 8px; } .ft_copy .lf_cont .mn ul li:first-child { background:none; padding-left:0px; } .ft_copy .lf_cont .mn ul li a { color:#000; font-size:14px; } .ft_copy .lf_cont .mn ul li a strong { font-weight:600; } .ft_copy .lf_cont .add { margin:20px 0 0 24px; } .ft_copy .lf_cont .add .info { float:left; } .ft_copy .lf_cont .add .info p { color:#999999; line-height:18px; } .ft_copy .lf_cont .add .info p.copy { font-size:11px; margin:2px 0 0 0; } .ft_copy .rf_cont { float:right; margin:30px 8px 0 0; } .ft_copy .rf_cont .sns { } .ft_copy .rf_cont .sns a { margin-left:8px } .ft_copy .rf_cont .qrcode { float:left; margin:20px 0 0 7px; } .ft_copy .rf_cont .qrcode p { float:left; } .ft_copy .rf_cont .qrcode p.txt { margin:-2px 0 0 12px; } /* 뉴스_SNS -----------------------------------------------------------------------------------------*/ .news_sns { width:100%; height:335px; background:#e9e9e9; } .news_sns_in { padding:37px 0 0px; width:1116px; margin:0 auto; } .sns_sp { float:left; width:360px; margin-right:18px; } .sns_sp:last-child { margin-right:0px; } .sns_sp .sns_tit { float:left; width:360px; } .sns_sp .sns_tit p { float:left; font-size:20px; color:#222222; font-weight:500; } .sns_sp .sns_tit p.ns_btn { float:right; } .sns_sp .sns_wp { border:1px solid #dddddd; background:#FFF; margin-top:13px; } .sns_sp .sns_wp .sns_cont { padding:24px; } .sns_sp .sns_wp .sns_cont .sns_sc { height:170px; overflow-y:scroll; } .sns_sp .sns_wp .sns_cont .sns_sc .sns_sc_in { padding:7px 0 5px; } .sns_sp .sns_wp .sns_cont .sns_sc dl { float:left; margin-bottom:12px; border-bottom:none; } .sns_sp .sns_wp .sns_cont .sns_sc dl.b_bor { border-bottom:1px solid #e9e9e9; padding-bottom:12px; } .sns_sp .sns_wp .sns_cont .sns_sc dl dt { float:left; width:62px; text-align:center; } .sns_sp .sns_wp .sns_cont .sns_sc dl dd { float:left; width:calc(240px - 20px); padding:0 10px; } .sns_sp .sns_wp .sns_cont .sns_sc dl dd p.si_tit { font-size:16px; color:#222222; font-weight:400; padding:5px 0 7px; } .sns_sp .sns_wp .sns_cont .sns_sc dl dd p.si_tit strong { font-size:12px; color:#888888; font-weight:400; margin-left:10px; } .sns_sp .sns_wp .sns_cont .sns_sc dl dd p.si_cont { font-size:12px; color:#909090; font-weight:300; line-height:16px; } .sns_sp .sns_wp .sns_cont .sns_sc dl dd p.si_img { margin:10px 0 7px; } .sns_sp .sns_wp .sns_cont .sns_sc .si_mv { text-align:center; padding:7px 0 12px; } .sns_sp .sns_wp .sns_cont .sns_sc .si_icon { position:relative; margin-top:12px; } .sns_sp .sns_wp .sns_cont .sns_sc .si_icon span { margin-right:10px; } .sns_sp .sns_wp .sns_cont .sns_sc .si_icon .tm { position:absolute; right:0px; top:0px; } /* 마이페이지 -----------------------------------------------------------------------------------------*/ .my_head { background-color:#eff6f8; } .my_area { width:1116px; margin:0 auto; height:255px; } .my_area .user { float:left; padding-top:68px; margin-bottom:18px; } .my_area .user li { float:left; color:#333333; font-size:40px; line-height:42px; } .my_area .user li strong { color:#1f5160; font-weight:700; } .my_area .user li.update { color:#457789; font-size:20px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_set.png') 0 0px no-repeat; margin:20px 0 0 15px; padding-left:25px; line-height:20px; cursor:pointer; } .my_area .user li.update a { color:#457789; font-size:20px; } .my_area .info dl { clear:both; float:left; padding-top:15px; } .my_area .info dl dt { float:left; color:#457789; font-size:14px; font-weight:500; margin:3px 18px 0 0; line-height:14px; } .my_area .info dl dd { float:left; color:#333333; font-size:18px; font-weight:300; line-height:18px; } .my_area .info dl dd input { margin:-3px 0 0 15px; } .my_area .option { float:right; margin-top:-22px; } .my_area .option .op_in { float:left; height:85px; vertical-align:top; } .my_area .option .op_in.cash { width:240px; border-right:1px solid #646a81; margin-top:-4px; } .my_area .option .op_in.coupon { width:190px; border-right:1px solid #646a81; margin-top:-4px; } .my_area .option .op_in.bookmark { width:100px; margin-top:-4px; } .my_area .option .op_in .tit { float:left; padding:4px 0 0 25px; width:100%; } .my_area .option .op_in .tit li { float:left; color:#333; font-size:18px; font-weight:300; } .my_area .option .op_in .tit li.sbtn { float:right; margin:-4px 45px 0 0; } .my_area .option .op_in .data { clear:both; font-size:20px; color:#457789; padding:7px 0 0 25px; } .my_area .option .op_in .data strong { font-family:Roboto; font-size:37px; color:#333333; font-weight:400; letter-spacing:-2px; } .my_gnb { background-color:#839ba2; } .my_gnb ul { width:1116px; margin:0 auto; } .my_gnb ul:after { content:""; display:block; clear:both; } .my_gnb ul li { float:left; width:186px; color:#fff; } .my_gnb ul li a { display:block; height:60px; line-height:60px; color:#ddd9d3; font-size:18px; text-align:center; letter-spacing:-0.5px; box-sizing:border-box; } .my_gnb ul li a:hover, .my_gnb ul li a:focus, .my_gnb ul li.active a { border-bottom:3px solid #fff; color:#fff; } .tab_mybox { margin:35px 0 10px; } .tab_mybox ul { border-left:1px solid #ccc; } .tab_mybox ul:after { content:""; display:block; clear:both; } .tab_mybox ul li { float:left; width:186px; margin-bottom:-1px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; } .tab_mybox ul li a { display:block; height:43px; line-height:43px; text-align:center; color:#333; font-size:16px; font-weight:300; letter-spacing:-1px; } .tab_mybox ul li.active a { position:relative; color:#e01d2a; } .tab_mybox ul li.active a:after { position:absolute; z-index:10; top:-1px; left:-1px; content:""; display:block; width:100%; height:100%; border:1px solid #e01d2a; } .tab_mybox ul li a strong { font-weight:400; padding-left:10px; } .tab_mybox ul li.active a strong { color:#e01d2a; } .tab_mybox .tab_btn { float:right; margin-top:-44px; } .tab_mybox .tab_btn input.btn_bk { border:1px solid #333333; padding:0px 20px 0px 20px; height:45px; color:#FFF; font-size:16px; font-weight:none; overflow:visible; line-height:43px; width:170px; background:#333333 url('http://img.tvchosun.com/upload_img/n2017/images/common/arr_go.png') 141px 16px no-repeat; text-align:left; border-radius:2px; } .bbs_video ul { padding-bottom:10px; } .bbs_video ul li { position:relative; } .bbs_video ul li .chk { position:absolute; top:0px; right:13px; z-index:999; width:29px; height:29px; display:none; } .bbs_video ul li .active { display:block; } .bbs_video ul li .chk input[type="checkbox"] { opacity: 0; width: 0; height: 0; } .bbs_video ul li .chk input[type="checkbox"] + label { display:block; text-indent:-999px; font-size:0; padding:0px; } .bbs_video ul li .chk input[type="checkbox"] + label:before { position:absolute; left:0; top:-1px; content:""; width:29px; height:29px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_check_off.png') no-repeat 0 0px; background-size:29px 29px; padding-bottom:2px; } .bbs_video ul li .chk input[type="checkbox"]:focus + label:before { border: 1px dotted rgba(0, 0, 0, 0.25); } .bbs_video ul li .chk input[type="checkbox"]:checked + label:before { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_check_on.png') no-repeat 0 0px; background-size:29px 29px; } .bbs_video ul li .status { position:absolute; top:146px; left:-1px; z-index:999; height:5px; } .bbs_video ul li .status p { height:5px; background:#e01d2a; } .bbs_video ul li .buy { position:absolute; top:170px; right:15px; } .bbs_video ul li .buy span { font-size:12px; color:#f51a29; } .bbs_nodata { height:85px; padding:0; vertical-align:middle; text-align:center; line-height:85px; margin:20px 0; border-top:1px solid #5a5a5a; border-bottom:1px solid #dedede; } .bbs_nodata p { font-size:16px; color:#8c8c8c; } .bbs_zine ul { } .bbs_zine ul li { } .bbs_zine ul li .chk { position:absolute; top:0px; right:13px; z-index:999; width:29px; height:29px; display:none; } .bbs_zine ul li .chk1 { position:absolute; top:-5px; right:8px; z-index:999; width:29px; height:29px; display:block; } .bbs_zine ul li .active { display:block; } .bbs_zine ul li .chk input[type="checkbox"] { opacity: 0; width: 0; height: 0; } .bbs_zine ul li .chk input[type="checkbox"] + label { display:block; text-indent:-999px; font-size:0; padding:0px; } .bbs_zine ul li .chk input[type="checkbox"] + label:before { position:absolute; left:0; top:-1px; content:""; width:29px; height:29px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_check_off.png') no-repeat 0 0px; background-size:29px 29px; padding-bottom:2px; } .bbs_zine ul li .chk input[type="checkbox"]:focus + label:before { border: 1px dotted rgba(0, 0, 0, 0.25); } .bbs_zine ul li .chk input[type="checkbox"]:checked + label:before { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_check_on.png') no-repeat 0 0px; background-size:29px 29px; } .bbs_zine ul li .chk1 input[type="checkbox"] { opacity: 0; width: 0; height: 0; } .bbs_zine ul li .chk1 input[type="checkbox"] + label { display:block; text-indent:-999px; font-size:0; padding:0px; } .bbs_zine ul li .chk1 input[type="checkbox"] + label:before { position:absolute; left:0; top:-1px; content:""; width:29px; height:29px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_check_off.png') no-repeat 0 0px; background-size:29px 29px; padding-bottom:2px; } .bbs_zine ul li .chk1 input[type="checkbox"]:focus + label:before { border: 1px dotted rgba(0, 0, 0, 0.25); } .bbs_zine ul li .chk1 input[type="checkbox"]:checked + label:before { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_check_on.png') no-repeat 0 0px; background-size:29px 29px; } .bbs_zine ul li .btn_txt { text-align:center; color:#df131f !important; font-size:14px; font-weight:300; margin-top:10px; } .btn_area_in { float:right; } .btn_area_in li { float:left; margin-left:5px; } .btn_area_in li.txt { color:#df131f; font-size:14px; font-weight:500; padding:14px 15px 0 0; } .search_s { border:8px solid #ebebeb; } .search_in { float:left; width:100%; } .search_in .period { float:left; padding:28px 20px 0; } .search_in .period li { float:left; margin-right:20px; } .search_in .calendar { float:right; padding:20px; } .search_in .calendar ul { float:left; } .search_in .calendar ul li { float:left; } .search_in .calendar ul li input { width:150px; height:36px; padding:10px 15px; border:1px solid #dedede; font-size:12px; font-weight:300; color:#666666; } .search_in .calendar ul li.txt { color:#666666; padding:7px 10px 0 10px; margin-right:0px; } .search_in .calendar ul li.inqu { width:60px; margin-left:10px; } .search_in .calendar ul li input.btn_gr { border:1px solid #5e656d; height:36px; color:#FFF !important; font-size:14px; font-weight:none; overflow:visible; line-height:20px; padding:8px 0 10px; background:#5e656d; width:60px; text-align:center; border-radius:2px; } .tab_sort { } .tab_sort ul { float:left; } .tab_sort ul li { float:left; height:36px; color:#9b9b9b; font-size:14px; line-height:36px; text-align:center; padding:0 20px 0 20px; } .tab_sort ul li a { color:#9b9b9b; font-size:14px; } .tab_sort ul li.on a { color:#FFF; font-size:14px; } .tab_sort ul li:first-child { border:1px solid #cccccc; border-top-left-radius:2px; border-bottom-left-radius:2px; border-right:0px; } .tab_sort ul li:first-child.on { border:1px solid #df1220; border-top-left-radius:2px; border-bottom-left-radius:2px; background:#df1220; } .tab_sort ul li:last-child { border:1px solid #cccccc; border-top-right-radius:2px; border-bottom-right-radius:2px; } .tab_sort ul li:last-child.on { border:1px solid #df1220; border-top-right-radius:2px; border-bottom-right-radius:2px; background:#df1220; } .bbs_list td input[type="checkbox"] { opacity: 0; width: 0; height: 0; } .bbs_list td input[type="checkbox"] + label { text-indent:-999px; font-size:0; } .bbs_list td input[type="checkbox"] + label:before { position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; content:""; width:20px; height:20px; font-size:14px; line-height:21px; color:#333333; font-weight:300; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_check.png') no-repeat 0 0px; background-size:20px 20px; padding-bottom:2px; } .bbs_list td input[type="checkbox"]:focus + label:before { border: 1px dotted rgba(0, 0, 0, 0.25); } .bbs_list td input[type="checkbox"]:checked + label:before { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_check_ck.png') no-repeat 0 0px; } /* Button */ input.btn_bks { border:1px solid #959595; background:transparent; padding:5px 10px 7px 11px; height:26px; color:#333333; font-size:12px; font-weight:none; overflow:visible; line-height:14px; } input.btn_redline { border:1px solid #ff0000; padding:0px 12px 0px 34px; height:45px; color:#f51a29; font-size:14px; font-weight:none; overflow:visible; line-height:45px; background:#FFF url('http://img.tvchosun.com/upload_img/n2017/images/common/btn_chk_off.png') 12px 16px no-repeat; } input.btn_redbox { border:1px solid #df131f; padding:0px 12px 0px 34px; height:45px; color:#FFF; font-size:14px; font-weight:none; overflow:visible; line-height:45px; background:#df131f url('http://img.tvchosun.com/upload_img/n2017/images/common/btn_chk_on.png') 12px 16px no-repeat; } input.btn_whboxbg { border:1px solid #e0e0e0; padding:0px 12px 0px 34px; height:45px; color:#333333; font-size:14px; font-weight:none; overflow:visible; line-height:45px; background:#FFF url('http://img.tvchosun.com/upload_img/n2017/images/common/btn_del.png') 12px 16px no-repeat; } input.btn_whbox { border:1px solid #e0e0e0; padding:0px 12px 0px 12px; height:45px; color:#333333; font-size:14px; font-weight:none; overflow:visible; line-height:45px; background:#FFF; } input.btn_dim { border:1px solid #b1b1b1; color:#e1e1e1; font-size:16px; font-weight:500; overflow:visible; line-height:60px; background:#bcbcbc; width:200px; height:60px; } input.btn_act { border:1px solid #c00e1a; color:#FFF; font-size:16px; font-weight:500; overflow:visible; line-height:60px; background:#df131f; width:200px; height:60px; } input.btn_cancel { border:1px solid #acacac; color:#666666; font-size:16px; font-weight:500; overflow:visible; line-height:60px; background:#FFF; width:200px; height:60px; } input.btn_go { border:1px solid #df131f; color:#FFF; font-size:14px; font-weight:500; overflow:visible; line-height:32px; background:#df131f; width:80px; height:36px; border-radius:2px; } input.btn_grbox { border:1px solid #5b5b5b; color:#FFF; font-size:14px; font-weight:500; overflow:visible; line-height:32px; background:#5b5b5b; width:90px; height:50px; border-radius:2px; } input.btn_zipcode { border:1px solid #5b5b5b; color:#FFF; font-size:14px; font-weight:500; overflow:visible; line-height:32px; background:#5b5b5b; width:110px; height:40px; border-radius:2px; } input.btn_sgrbox { border:1px solid #5b5b5b; color:#FFF; font-size:13px; font-weight:500; overflow:visible; line-height:32px; background:#5b5b5b; width:66px; height:28px; } input.btn_back { border:1px solid #acacac; color:#666; font-size:16px; font-weight:500; overflow:visible; line-height:60px; background:#FFF; width:200px; height:60px; } input.btn_whbor { border:1px solid #e2e2e2; color:#a1a1a1; font-size:16px; font-weight:500; overflow:visible; line-height:60px; background:#FFF; width:100%; height:60px; border-radius:2px; } input.btn_sbtn { border:1px solid #949494; color:#FFF; font-size:14px; font-weight:400; overflow:visible; line-height:50px; background:#949494; width:100%; height:50px; border-radius:2px; } input.btn_lbtn { border:1px solid #666666; color:#666; font-size:14px; font-weight:400; overflow:visible; line-height:50px; background:#FFF; width:100%; height:50px; border-radius:2px; } input.btn_grn { border:1px solid #5cbaba; color:#FFF; font-size:16px; font-weight:500; overflow:visible; line-height:60px; background:#5cbaba; width:200px; height:60px; } input.sbtn_blue { border:1px solid #2f6fc7; color:#2f6fc7; font-size:12px; font-weight:400; overflow:visible; line-height:20px; background:#FFF; width:45px; height:22px; padding:0px; } input.sbtn_red { border:1px solid #df1220; color:#df1220; font-size:12px; font-weight:400; overflow:visible; line-height:20px; background:#FFF; height:22px; padding:0 14px; } input.btn_whline { border:1px solid #5b5b5b; color:#333333; font-size:13px; font-weight:400; overflow:visible; background:#FFF; height:30px; padding:0 17px; border-radius:2px; line-height:15px; } input.btn_lay { border:1px solid #333333; color:#FFF; font-size:14px; font-weight:400; overflow:visible; background:#333333; height:36px; width:82px; text-align:center; line-height:36px; } input.btn_bgay { border:1px solid #333333; color:#FFF; font-size:16px; font-weight:400; overflow:visible; background:#333333; height:45px; text-align:center; line-height:40px; border-radius:2px; padding:0 40px; } input.btn_gray { border:1px solid #999999; color:#FFF; font-size:16px; font-weight:400; overflow:visible; background:#999999; height:45px; text-align:center; line-height:40px; border-radius:2px; padding:0 40px; } /* 회원가입 -----------------------------------------------------------------------------------------*/ .container_join { width:570px; margin:54px auto 0; } .container_join .title { } .container_join .title h2 { font-size:30px; font-weight:400; text-align:center; float:none; margin:12px 0 0 0; } .container_join .title .s_tit { color:#333333; font-size:16px; font-weight:300; text-align:center; margin:15px 0 37px; } .container_join .contents { width:570px; float:none; border-top:1px solid #dedede; padding-top:36px; } .container_join .contents_exit { width:570px; float:none; border-top:none; padding-top:0px !important; } .container_join .contents_login { width:570px; float:none; border-top:none; padding-top:0px !important; } .container_join .contents h3 { color:#333333; font-size:16px; padding-bottom:10px; text-align:left; } .container_join .contents .s_txt { color:#666666; font-size:15px; font-weight:300; padding-bottom:20px; } .container_join .btn_area { text-align:center; margin-top:40px; } .container_join .btn_area input { } .container_join .footer { text-align:center; margin:60px 0 50px; width:100%; } .container_join .footer ul { display:inline; } .container_join .footer ul li { display:inline; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar.png') 0 0 no-repeat; padding:0 20px; } .container_join .footer ul li a { font-size:14px; color:#8b8b8b; } .container_join .footer ul li:first-child { background:none; } .container_join .footer ul li:first-child a { color:#333333; } .container_join .footer .copy { color:#959595; font-size:11px; margin:18px 0 0 0; } .gr_box { border:8px solid #ebebeb; padding:18px 15px 13px 20px; margin-bottom:20px; } .gr_box .txt_list li { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 7px no-repeat; color:#666666; font-size:13px; font-weight:300; padding-left:10px; line-height:18px; margin-bottom:5px; font-family:'Noto Sans KR'; text-align:left; } .gr_box dl { float:left; padding:10px 10px 4px 15px; } .gr_box dl dt { clear:both; float:left; font-size:18px; color:#333; font-weight:300; margin-bottom:10px; width:120px; text-align:left; } .gr_box dl dd { float:left; font-size:18px; color:#333; font-weight:400; } .gr_box dl dd strong { font-weight:400; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar.png') right 5px no-repeat; padding-right:15px; margin-right:10px; } .gr_box .exit { padding:25px 0 25px; } .gr_box .exit .e_tit { font-size:20px; font-weight:300; color:#333333; line-height:26px; } .gr_box .exit .e_txt { font-size:14px; font-weight:300; color:#666666; margin:20px 0 25px; line-height:26px; } .gr_box .exit .e_btn { width:265px; margin:0 auto; } .info_box { border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#fafafa; } .info_box ul { padding:20px 20px 15px; } .info_box ul li { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 7px no-repeat; color:#666666; font-size:13px; font-weight:300; padding-left:10px; line-height:18px; margin-bottom:5px; font-family:'Noto Sans KR'; text-align:left; } .info_box ul li strong { color:#333; font-weight:400; } .info_box dl { padding:20px 20px 15px; text-align:left; } .info_box dl dt { font-size:16px; font-weight:500; color:#333333; margin-bottom:10px; } .info_box dl dd { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 7px no-repeat; color:#666666; font-size:13px; font-weight:300; padding-left:10px; line-height:18px; margin-bottom:5px; font-family:'Noto Sans KR'; } .info_box p.user { padding:65px 0 60px; text-align:center; color:#666666; font-size:18px; font-weight:400; } .no_use { padding-bottom:15px; } .no_use .top { float:left; width:100%; } .no_use .top dl { float:left; width:47.5%; margin:0 1%; border-left:1px solid #adadad; padding:0px; } .no_use .top dl dt { clear:both; padding:0 0 0px 20px; color:#333333; font-size:18px; font-weight:300; width:100%; line-height:20px; } .no_use .top dl dd { clear:both; color:#457789; font-size:20px; font-weight:400; padding-left:17px; } .no_use .top dl dd strong { color:#333333; font-size:32px; background:none; padding-right:0px; margin-right:7px; } .no_use .bot { float:left; width:100%; margin:25px 0 20px; } .no_use .bot .use_box { float:left; width:47.5%; margin:0 1%; } .no_use .bot .use_box .u_tit { background:#839ba2; height:50px; } .no_use .bot .use_box .u_tit p { color:#ffffff; font-size:18px; padding:13px 0 0 20px; text-align:left; } .no_use .bot .use_box .u_cont { background:#eff6f8; height:80px; text-align:left; padding:20px; position:relative; } .no_use .bot .use_box .u_cont p { color:#333333; font-size:18px; font-weight:300; } .no_use .bot .use_box .u_cont p.time { color:#839ba2; font-size:16px; font-weight:300; position:absolute; bottom:27px; left:20px; } .no_use .bot .use_box .u_cont p.time strong { color:#839ba2; } .no_use .u_btn { width:265px; margin:0 auto; } .no_use .u_btn .use_agr { color:#8b8b8b; font-size:14px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_go.png') 210px 0px no-repeat; margin-top:20px; line-height:14px; } .no_use .u_btn .use_agr a { color:#8b8b8b !important; } .join .op_lang { float:right; margin-top:-27px; } .join .op_lang ul { float:left; } .join .op_lang ul li { float:left; margin-left:20px; } .agree .agr_all { margin:10px 0 10px; } .agree .agr_lst { padding:20px 20px 0px; } .agree .agr_lst .agr_item { margin-bottom:18px; } .agree .agr_lst .agr_item .top { float:left; width:100%; padding:0px; margin-bottom:5px; } .agree .agr_lst .agr_item .top li { float:left; background:none; font-size:13px; font-weight:300; padding-left:0px; line-height:21px; margin-bottom:5px; } .agree .agr_lst .agr_item .top li.go { float:right; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_go.png') right 3px no-repeat; padding-right:15px; line-height:20px; font-family:'Noto Sans KR'; } .agree .agr_lst .agr_item .top li.go a { color:#666; } .agree .agr_lst .agr_item .top li strong { display:inline-block; font-size:12px; line-height:16px; margin-top:-3px; } .agree .agr_lst .agr_item .top li img.arr_open { vertical-align:top; margin:6px 0 0 5px; } .agree .agr_lst .agr_item .mid { border:1px solid #dedede; background:#FFF; height:125px; overflow-y:scroll; } .agree .agr_lst .agr_item .mid .cont { padding:15px; color:#8b8b8b; font-size:13px; font-weight:300; line-height:20px; } .mem_choice { text-align:center; margin:30px 0 50px; } .mem_choice ul { float:left; width:100%; } .mem_choice ul li { float:left; width:33%; } .mem_choice ul li p.tit { font-size:16px; color:#333333; font-weight:300; line-height:22px; height:55px; margin-top:15px; } .mem_choice ul li p.tit2 { font-size:16px; color:#333333; font-weight:300; line-height:22px; height:42px; margin-top:28px; } .join_tab { float:left; margin-top:10px; } .join_tab ul { float:left; width:100%; } .join_tab ul li { float:left; margin-right:10px; width:280px; } .join_tab ul li:last-child { margin-right:0px; } .join_tab ul input.btn_whbor { border:1px solid #e2e2e2; color:#a1a1a1; font-size:16px; font-weight:500; overflow:visible; line-height:56px; background:#FFF; width:100%; height:60px; border-radius:2px; } .join_tab ul input.btn_whbor:hover, .join_tab ul input.btn_whbor:focus { border:1px solid #5b5b5b; color:#FFF; font-size:16px; font-weight:500; overflow:visible; line-height:56px; background:#5b5b5b; width:100%; height:60px; border-radius:2px; } .join_tab ul input.btn_check { border:1px solid #333333; color:#FFF; font-size:16px; font-weight:500; overflow:visible; line-height:56px; width:100%; height:60px; border-radius:2px; background:#333333 url('http://img.tvchosun.com/upload_img/n2017/images/common/check_wh.png') 72% 50% no-repeat; } .join_tab ul input.btn_disable { border:1px solid #dedede; color:#c1c1c1; font-size:16px; font-weight:500; overflow:visible; line-height:56px; background:#f8f8f8 ; width:100%; height:60px; border-radius:2px; } .join_inp { margin-top:10px; } .join_inp ul { } .join_inp ul li { margin-bottom:10px; clear:both; text-align:left; } .join_inp ul li .boxinp { border:1px solid #dedede; height:38px; position:relative; display:inline-block; width:100%; box-sizing:border-box; } .join_inp ul li .boxinp input { height:30px; line-height:16px; margin:4px 15px; font-size:14px; font-weight:300; border:none; background:transparent; } .join_inp ul li .boxinp input[placeholder], [placeholder], *[placeholder] { color:#8b8b8b !important; } .join_inp ul li .boxinp select { border:none !important; height:32px !important; line-height:24px; font-size:14px; } .join_inp ul li .boxinp .check { position:absolute; top:14px; right:10px; } .join_inp ul li .boxinp .txt_ok { color:#2f6fc7; font-size:13px; line-height:40px; text-align:right; position:absolute; top:0px; right:19px; } .join_inp ul li .boxinp .txt_error { color:#df131f; font-size:13px; line-height:40px; text-align:right; position:absolute; top:0px; right:19px; } .join_inp ul li .error { border:1px solid #df131f; background:#fff4f5; } .join_inp ul li .msg_ok { color:#2f6fc7; font-size:13px; margin:10px 0 0 20px; float:left; font-weight:300; margin-bottom:15px; } .join_inp ul li .msg_ok_eng { color:#2f6fc7; font-size:13px; margin:10px 0 0 20px; float:none; font-weight:300; margin-bottom:7px; } .join_inp ul li .msg_error { color:#df131f; font-size:13px; margin:10px 0 0 20px; float:left; font-weight:300; margin-bottom:15px; } .join_inp ul li .msg_error_eng { color:#df131f; font-size:13px; margin:10px 0 0 20px; float:none; font-weight:300; margin-bottom:7px; } .join_inp ul li .boxinp .hp_tit { display:inline-block; color:#8b8b8b; font-size:14px; padding:0 30px 0 20px; margin:4px 0px 4px 0px; height:30px; border-right:1px solid #dedede; font-weight:300; line-height:30px; } .join_inp ul li .boxinp .hp_inp { display:inline; } .join_inp ul li .boxinp .hp_inp input { margin-top:-2px; } .join_inp ul li .boxinp .inp_sel { display:inline-block; margin:4px 0px 4px 10px; height:30px; border-right:1px solid #dedede; line-height:30px; padding-right:10px; } .join_inp .boxinp_sex { float:left; } .join_inp .boxinp_sex .boxinp { float:left; width:379px; } .join_inp .boxinp_sex .sex { float:left; width:180px; margin-left:7px; border-radius:2px; height:40px; } .join_inp .boxinp_sex .sex ul { display:table; width:180px; } .join_inp .boxinp_sex .sex ul li { display:table-cell; width:89px; text-align:center; font-size:14px; font-weight:300; color:#8b8b8b; padding:0px 0 0 0; height:23px; line-height:38px; border:1px solid #dedede; } .join_inp .boxinp_sex .sex ul li:first-child { width:90px; border-right:0px; } .join_inp .boxinp_sex .sex ul li a { display:block; color:#8b8b8b; } .join_inp .boxinp_sex .sex ul li a:hover, .join_inp .boxinp_sex .sex ul li a:focus { background:#f8f8f8; } .join_inp .boxinp_sex .sex ul li.active a { } .join_inp .boxinp_sex .sex ul li:first-child.active a { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc !important; margin:-1px -1px -1px -1px; background:#efefef; color:#333333 !important; } .join_inp .boxinp_sex .sex ul li:last-child.active a { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc !important; margin:-1px -1px -1px -1px; background:#efefef; color:#333333 !important; } .join_inp .boxinp_birth { margin-bottom:30px; } .join_inp .boxinp_birth .inp_sel select { width:165px !important; } .join_inp .boxinp_birth .inp_sel:last-child { border-right:none; } .join_inp .boxinp_birth .inp_sel:last-child select { width:170px !important; } .join_inp .boxinp_mail { float:left; } .join_inp .boxinp_mail .boxinp { float:left; } .join_inp .boxinp_mail .boxinp:first-child { width:150px; } .join_inp .boxinp_mail .domain { width:395px; } .join_inp .boxinp_mail .domain .sbtn { float:right; margin:5px 5px 0 0; background:#5b5b5b; width:66px; height:28px; } .join_inp .boxinp_mail .domain .sbtn input { margin:0px; font-size:13px; padding:0px; } .join_inp .boxinp_mail .domain .sbtn input.btn_sgrbox { border:1px solid #5b5b5b; color:#FFF; font-size:13px; font-weight:400; overflow:visible; line-height:28px; background:#5b5b5b; width:66px; height:28px; } .join_inp .boxinp_mail .for_email { width:570px !important; } .join_inp .boxinp_mail .for_email .sbtn { float:right; margin:5px 5px 0 0; background:#5b5b5b; width:66px; height:28px; } .join_inp .boxinp_mail .for_email .sbtn input { margin:0px; font-size:13px; padding:0px; } .join_inp .boxinp_mail .for_email .sbtn input.btn_sgrbox { border:1px solid #5b5b5b; color:#FFF; font-size:13px; font-weight:400; overflow:visible; line-height:28px; background:#5b5b5b; width:66px; height:28px; } .join_inp .boxinp_mail .txt { float:left; color:#333333; margin:15px 5px; } .join_inp .boxinp_mail .domain_inp { display:inline; } .join_inp .boxinp_mail .domain_inp input { margin-top:-2px; border-right:1px solid #dedede; } .join_inp .boxinp_mail .inp_sel { display:inline-block; margin-left:-5px !important; border-right:0px !important; } .join_inp .boxinp_mail .inp_sel select { width:115px !important; min-width:115px; } .join_inp .boxinp_mail .sbtn { float:left; margin-left:5px; } .join_inp .op_right { text-align:right; margin:10px 0 30px 0; } .join_inp .password { margin-top:-1px !important; } .join_inp .btn_cert { margin:-25px 0 30px; } .join_inp .country { } .join_inp .country .inp_sel { display:block; width:100%; border-right:0px !important; } .join_inp .country .inp_sel select { width:98% !important; } .join_inp ul li .boxinp_dim .boxinp { border:1px solid #dedede; background:#f8f8f8; color:#c1c1c1; } .join_inp ul li .boxinp_dim .boxinp input { } .join_inp ul li .boxinp_dim .boxinp input[placeholder], [placeholder], *[placeholder] { color:#c1c1c1 !important; } .join_inp ul li .boxinp_dim .inp_sel select { width:165px !important; background:none; color:#c1c1c1 !important; padding-left:10px; } .join_inp ul li .boxinp_dim .inp_sel select[disabled='disabled']::-ms-value { color:#c1c1c1 !important; opacity: 0.7; } .join_inp ul li .boxinp_dim .sex { background:#f8f8f8; } .join_inp ul li .boxinp_dim .sex ul li { color:#c1c1c1 !important; } .join_inp ul li .boxinp_conf .boxinp { border:1px solid #cccccc; background:#efefef; color:#333333; } .join_inp ul li .boxinp_conf .boxinp input { } .join_inp ul li .boxinp_conf .inp_sel select { width:165px !important; background:#efefef; color:#333333 !important; } .join_inp ul li .boxinp_conf .inp_sel select [disabled='disabled']::-ms-value { color:#333333 !important; } .join_inp ul li .boxinp_conf .sex { background:#f8f8f8; } .join_inp ul li .boxinp_conf .sex ul li { color:#c1c1c1 !important; } .join_inp ul li .boxinp_conf .sex ul li.sel { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; margin:-1px -1px -1px -2px; background:#efefef; color:#333333 !important; } .join_inp ul li .boxinp_conf .sex ul li:first-child.sel { margin-right:-3px; border-right:0px; } .complete { text-align:center; } .complete .t_tit { font-size:42px; color:#333333; font-weight:300; letter-spacing:-1px; font-family:"Noto Sans KR"; line-height:46px; } .complete .s_tit { font-size:26px; color:#333333; font-weight:300; margin:20px 0 35px; } .complete .s_tit strong { color:#2f6fc7; font-weight:300; } .complete .s_txt { font-size:16px; color:#333333; font-weight:300; margin:20px 0 35px; } .complete .com_msg { font-size:13px; color:#333333; font-weight:300; text-align:center; } .complete .com_msg strong { color:#333333; line-height:20px; font-weight:400; } .complete .com_msg .srv_agr { color:#8b8b8b; font-size:14px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_go.png') 370px 0px no-repeat; margin-top:20px; line-height:14px; } .complete .com_msg .srv_agr a { color:#8b8b8b; } .complete .com_nodata { font-size:14px; color:#666666; font-weight:300; text-align:center; border-bottom:1px solid #dedede; padding:15px 0 35px; } /* 로그인 -----------------------------------------------------------------------------------------*/ .join_inp ul li .id { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_id.png') 20px 10px no-repeat; } .join_inp ul li .id strong { font-family:"Roboto"; font-size:15px; color:#8b8b8b; font-weight:400; padding:14px 0 0 55px; line-height:15px; display:inline-block; } .join_inp ul li .id input { margin-top:-2px; line-height:14px; margin-left:65px; } .join_inp ul li .pwd { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_passwd.png') 20px 10px no-repeat; margin-top:-1px; } .join_inp ul li .pwd strong { font-family:"Roboto"; font-size:15px; color:#8b8b8b; font-weight:400; padding:14px 0 0 55px; line-height:15px; display:inline-block; } .join_inp ul li .pwd input { margin-top:-2px; line-height:14px; } .join_inp ul li .id_dim { border:1px solid #dedede; background:#f8f8f8 url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_id.png') 20px 10px no-repeat; color:#c1c1c1; } .join_inp ul li .id_dim strong { font-family:"Roboto"; font-size:15px; color:#8b8b8b; font-weight:400; padding:14px 0 0 55px; line-height:15px; display:inline-block; } .join_inp ul li .id_dim input { margin-top:-2px; line-height:14px; } .join_inp ul li .id_dim input[placeholder], [placeholder], *[placeholder] { color:#c1c1c1 !important; } .login_op { float:left; width:100%; margin-top:10px; } .login_op p { float:left; } .login_op ul { float:right; margin-top:2px; } .login_op ul li { float:left; font-size:14px; color:#666666; font-weight:300; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_sbar.png') right center no-repeat; padding:0 10px 0 10px; line-height:14px; } .login_op ul li a { font-size:14px; color:#666666; line-height:18px; } .login_op ul li:last-child { padding-right:0px !important; background:none; } .login_sns { margin-top:60px; } .login_sns .tit { color:#333333; font-size:16px; padding-bottom:20px; text-align:center; } .login_sns .sns_way { border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#fafafa; text-align:center; padding:35px 0 40px; } .login_sns .sns_way .icon { padding-bottom:20px; } .login_sns .sns_way .icon img { margin:0 5px; } .login_sns .sns_way .txt { color:#858585; font-size:13px; font-weight:300; } /* 아이디, 비밀번호 찾기 -----------------------------------------------------------------------------------------*/ .find { } .find .find_item { margin-bottom:30px; } .find .find_item .opt { margin-bottom:10px; } .find .find_item .opt label { font-size:16px; color:#333333; font-weight:400; margin-bottom:15px; } .find .find_item .join_inp { margin-top:20px; } .find .find_item .btn_area { margin-top:25px; } .find_result { } .find_result_in { margin-top:25px; } .find_result_in .lst_top { float:left;; width:100%; } .find_result_in .lst_top li { float:left; color:#333333; font-weight:400; margin-bottom:25px; } .find_result_in .lst_top li label { color:#333333; font-size:16px; font-family:'Roboto'; } .find_result_in .lst_top li.r_date { float:right; color:#666666; font-size:14px; font-family:'Noto Sans KR'; font-weight:300; } .find_result_in .lst_opt { margin:0px 0 30px; background:#fafafa; border-bottom:1px solid #dedede; padding:20px 15px 20px; } .find_result_in .lst_opt p { font-size:14px; color:#666666; font-weight:300; text-align:center; padding:0px 0 20px; } .find_result_in .lst_opt ul.r_btn { display:inline; } .find_result_in .lst_opt ul.r_btn li { display:inline-block; width:48%; margin:0 0.8%; } .bot_txt { float:left; width:100%; margin-top:10px; } .bot_txt li { float:left; font-size:13px; color:#666666; font-weight:300; text-align:left; } .bot_txt li.go { float:right; color:#8b8b8b; font-size:14px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_go.png') right 2px no-repeat; padding-right:15px; } .bot_txt li.go a { color:#8b8b8b; font-weight:300; } /* 회원탈퇴 -----------------------------------------------------------------------------------------*/ .exit_agr { text-align:left; margin:10px 0 0 0; } .bbs_write_s {padding:15px 0 10px;border-bottom:1px solid #dedede;} .bbs_write_s table {width:100%;border-top:1px solid #dedede} .bbs_write_s table th {text-align:left;color:#333;font-size:14px;font-weight:300;vertical-align:top;padding-top:15px; } .bbs_write_s table th label, .bbs_write_s table td label {color:#333;font-size:14px;font-weight:300} .bbs_write_s table td {text-align:left;height:43px;padding:2px 0;font-size:14px;color:#333} .bbs_write_s table td input[type="text"], .bbs_write_s table td input[type="password"] {height:40px;width:100%;font-size:14px;color:#8b8b8b} .bbs_write_s table td select {height:40px;width:100%;font-size:14px;color:#8b8b8b} .bbs_write_s table td input.inp_dim { border:1px solid #dedede; background:#f8f8f8; color:#c1c1c1; } .bbs_write_s table td .exit_txtarea { } .bbs_write_s table td .exit_txtarea textarea { width:100%; box-sizing:border-box; height:80px; margin-top:10px;font-size:14px;color:#8b8b8b;padding:10px 15px; } .bbs_write_s table td .cash_lst { float:left; width:100%; } .bbs_write_s table td .cash_lst li { float:left; font-size:14px; color:#333; } .bbs_write_s table td .cash_lst li.rule { float:right; color:#8b8b8b; font-size:14px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_go.png') right 2px no-repeat; padding-right:15px; } .bbs_write_s table td .cash_lst li.rule a { color:#8b8b8b; } /* 회원정보수정 -----------------------------------------------------------------------------------------*/ .bbs_write_s table td .join_inp .boxinp { border:1px solid #dedede; height:38px; position:relative; display:inline-block; width:calc(100% - 2px); } .bbs_write_s table td .join_inp .boxinp input { height:30px; line-height:22px; margin:4px 10px; font-size:14px; font-weight:300; border:none; background:transparent; color:#333; } .bbs_write_s table td .join_inp .boxinp_mail { float:left; } .bbs_write_s table td .join_inp .boxinp_mail .boxinp { float:left; } .bbs_write_s table td .join_inp .boxinp_mail .boxinp:first-child { width:150px; } .bbs_write_s table td .join_inp .boxinp_mail .boxinp input { color:#333; } .bbs_write_s table td .join_inp .boxinp_mail .domain { width:235px; } .bbs_write_s table td .join_inp .boxinp_mail .domain2 { width:403px; padding-left:5px; } .bbs_write_s table td .join_inp .boxinp_mail .domain_inp { display:inline; } .bbs_write_s table td .join_inp .boxinp_mail .domain_inp input { margin-top:3px; border-right:none; } .bbs_write_s table td .join_inp .boxinp .sbtn { float:right; margin:5px 5px 0 0; background:#5b5b5b; width:66px; height:28px; } .bbs_write_s table td .join_inp .boxinp .sbtn input { margin:0px; font-size:13px; padding:0px; } .bbs_write_s table td .join_inp .boxinp .sbtn input.btn_sgrbox { border:1px solid #5b5b5b; color:#FFF; font-size:13px; font-weight:400; overflow:visible; line-height:28px; background:#5b5b5b; width:66px; height:28px; } .bbs_write_s table td .join_inp .boxinp .inp_sel { display:inline-block; margin:0px 0px 4px 15px; height:30px; border-right:1px solid #dedede; line-height:30px; padding-right:15px; } .bbs_write_s table td .join_inp .boxinp .inp_sel select { width:310px !important; font-family:inherit; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/btn_arr_down.gif') no-repeat 95% 50%; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:14px; font-weight:300; margin-top:4px; } .bbs_write_s table td .join_inp .boxinp_mail .for_email { width:408px !important; } .bbs_write_s table td .join_inp .boxinp_mail .for_email .sbtn { float:right; margin:5px 5px 0 0; background:#5b5b5b; width:66px; height:28px; } .bbs_write_s table td .join_inp .boxinp_mail .for_email .sbtn input { margin:0px; font-size:13px; padding:0px; } .bbs_write_s table td .join_inp .boxinp_mail .for_email .sbtn input.btn_sgrbox { border:1px solid #5b5b5b; color:#FFF; font-size:13px; font-weight:400; overflow:visible; line-height:28px; background:#5b5b5b; width:66px; height:28px; } .bbs_write_s table td .join_inp ul li .msg_ok { color:#2f6fc7; font-size:13px; margin:10px 0 0 0px; float:left; font-weight:300; margin-bottom:15px; } .bbs_write_s table td .join_inp ul li .msg_error { color:#df131f; font-size:13px; margin:10px 0 0 0px; float:left; font-weight:300; margin-bottom:15px; } .bbs_write_s table td .join_inp ul li .msg_noti { color:#333333; font-size:13px; margin:10px 0 0 0px; float:left; font-weight:300; margin:11px 0 0 0; } .bbs_write_s table td .join_inp .btn_cert { margin:-25px 0 0px; } .bbs_write_s table td .id_default { } .bbs_write_s table td .info_id { float:left; vertical-align:top;padding-top:12px; } .bbs_write_s table td .info_id li { float:left; color:#333333; font-size:14px; font-weight:400; } .bbs_write_s table td .info_id li.ibtn { margin:-6px 0 0 10px; } .bbs_write_s table td .info_noti { float:left; width:100%; } .bbs_write_s table td .info_noti p.ntxt { float:left; color:#333333; font-size:13px; font-weight:300; margin:11px 0 0 0; } .bbs_write_s table td .info_noti p.op_right { float:right; margin:7px 0 30px 0; } .bbs_write_s table td .info_pwd { float:left; vertical-align:top; padding-top:6px; } .bbs_write_s table td .info_pwd li.pbtn { margin:-6px 10px 0 0px; } .bbs_write_s table td .info_pwd li { float:left; color:#333333; font-size:13px; font-weight:300; margin-top:-6px; line-height:14px; } .bbs_write_s table td .join_inp .hp { } .bbs_write_s table td .join_inp .hp .inp_sel { display:inline-block; margin:4px 0px 0px 0px; height:30px; border-right:1px solid #dedede; line-height:30px; padding-right:15px; } .bbs_write_s table td .join_inp .hp .inp_sel select { width:80px !important; min-width:80px !important; font-family:inherit; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:14px; font-weight:300; margin-top:-2px; color:#333333; } .bbs_write_s table td .opt_rd { float:left; padding-top:10px; } .bbs_write_s table td .opt_rd li { float:left; margin-right:20px; } .bbs_write_s table td textarea { width:100%; box-sizing:border-box; height:100px; margin:10px 0 0px;font-size:14px;color:#8b8b8b;font-weight:300; padding:10px 15px; } .bbs_write_s table td p.byte { text-align:right; line-height:20px; margin:5px 0 5px; font-size:14px; color:#b5b5b5; } .bbs_write_ms {padding:5px 0 10px;} .bbs_write_ms table {width:100%;border-top:1px solid #666666} .bbs_write_ms table th {text-align:left;color:#333;font-size:16px;font-weight:300;vertical-align:top;padding:0px 10px 0px;height:50px; line-height:50px; border-bottom:1px solid #e0e0e0;} .bbs_write_ms table td {text-align:left;font-size:16px;color:#333;border-bottom:1px solid #e0e0e0;padding:0px 10px 0px;min-height:50px; line-height:50px; } .bbs_write_ms table td select {height:34px;width:100%;font-size:14px;color:#8b8b8b;font-weight:300; } .bbs_write_ms table td textarea { width:calc(100% - 32px); height:100px; margin:10px 0 0px;font-size:14px;color:#8b8b8b;font-weight:300; padding:10px 15px; } .bbs_write_ms table td p.byte { text-align:right; line-height:20px; margin:0px 0 10px; font-size:14px; color:#b5b5b5; } .agr_in { } .agr_in dl { padding:0px; } .agr_in dl dt { color:#333333; font-size:13px; font-weight:300; margin-bottom:5px; } .agr_in dl dd { background:none; color:#8b8b8b; font-size:13px; font-weight:300; padding-left:0px; } .agr_in table { table-layout:fixed; width:100%; } .agr_in table thead th { border-top:1px solid #666666; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; background:#fafafa; color:#666666; font-weight:300; font-size:13px; padding:7px 15px 5px; } .agr_in table thead th:first-child { border-left:none; } .agr_in table tbody th { border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; background:#FFF; color:#666666; font-weight:300; font-size:13px; vertical-align:middle; } .agr_in table tbody td { border-bottom:1px solid #dddddd; background:#FFF; color:#666666; font-weight:300; font-size:13px; text-align:left; padding:7px 15px 5px; } .agr_in .txt_num { color:#8b8b8b; font-size:13px; font-weight:300; margin:20px 0 7px; } .agr_in .txt_noti { color:#8b8b8b; font-size:13px; font-weight:300; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 7px no-repeat; padding-left:10px; margin-top:6px; } /* 편성표 -----------------------------------------------------------------------------------------*/ .sch_head {background-color:#f2f3f6;box-sizing:border-box} .sch_head .head_tit {width:1116px;height:195px;margin:0 auto;padding-top:55px;box-sizing:border-box} .sch_head .head_tit .tit_h2 {float:none;margin:0 0 20px;color:#535766;font-weight:700;font-size:48px;line-height:48px;text-align:center;letter-spacing:-1.5px} .sch_head .head_tit .txt {color:#535766;font-size:20px;font-weight:400;text-align:center;letter-spacing:-1px} .sch_head .cont_gnb {background-color:#838aa2} .sch_head .cont_gnb ul {width:675px;margin:0 auto} .sch_head .cont_gnb ul:after {content:"";display:block;clear:both} .sch_head .cont_gnb ul li {float:left;width:225px;color:#fff} .sch_head .cont_gnb ul li a {display:block;height:60px;line-height:60px;color:#ddd9d3;font-size:18px;text-align:center;letter-spacing:-0.5px;box-sizing:border-box} .sch_head .cont_gnb ul li a:hover, .sch_head .cont_gnb ul li a:focus, .sch_head .cont_gnb ul li.active a {border-bottom:3px solid #fff;color:#fff} .tit_opt { float:right; margin-top:-60px; } .tit_opt ul { float:left; } .tit_opt ul li { float:left; border:1px solid #cccccc; margin-left:-1px; } .scedule { margin-top:30px; } .scedule .sch_date { } .scedule .sch_date dl { float:left; width:100%; } .scedule .sch_date dl dt { float:left; width:128px; height:52px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_date.png') 0 0 no-repeat; background-size:124px 52px; border-right:1px solid #cccccc; line-height:22px; } .scedule .sch_date dl dt p { color:#ffffff; font-size:14px; font-weight:400; margin:16px 0 0 30px; } .scedule .sch_date dl dd { float:left; border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:140px; height:52px; text-align:center; color:#666; font-size:14px; font-weight:400; line-height:52px; } .scedule .sch_date dl dd a { display:block; width:140px; height:36px; color:#666; font-size:14px; font-weight:400; padding-top:16px; line-height:22px; } .scedule .sch_date dl dd.today { border:1px solid #e20b17; margin-left:-1px; } .scedule .sch_date dl dd.today a { color:#df1220; } .tbl_cont { } .tbl_cont table { table-layout:fixed; width:100%; } .tbl_cont table thead th { background:#f3f0e9; border-top:1px solid #5a5a5a; border-bottom:1px solid #dedede; color:#303030; font-size:14px; padding:22px 0 20px; font-weight:400; } .tbl_cont table tbody td { background:#FFF; border-bottom:1px solid #dedede; color:#666666; font-size:14px; padding:22px 0 20px; text-align:center; } .sch_weekly { border-top:1px solid #5a5a5a; } .sch_weekly table { table-layout:fixed; width:100%; } .sch_weekly table thead th { display:none; } .sch_weekly table tbody th { color:#303030; font-size:28px; font-family:'Roboto'; line-height:28px; font-weight:400; border-bottom:1px solid #dedede; } .sch_weekly table tbody td { padding:17px 17px 15px; border-left:1px solid #dedede; border-bottom:1px solid #dedede; vertical-align:top; } .sch_weekly table tbody td .sch_data { } .sch_weekly table tbody td .sch_data .time { display:inline-block; color:#333333; font-size:16px; font-family:'Roboto'; line-height:16px; font-weight:500; margin-bottom:10px; } .sch_weekly table tbody td .sch_data .program { display:block; color:#666666; font-size:14px; line-height:16px; font-weight:300; letter-spacing:-0.5px; } .sch_weekly table tbody td .sch_data .info { display:inline-block; margin-top:14px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar_top.png') 0 top no-repeat; padding-top:14px; } .sch_weekly table tbody td .sch_data .info i { display:inline-block; margin:0 0 2px 2px; } .sch_weekly table tbody tr.bg_line th, .sch_weekly table tbody tr.bg_line td { background:#fafafa; } .sch_weekly table tbody td.today, .sch_weekly table tbody tr.bg_line td.today { background:#fff4f5 !important; } .scedule .sch_info { margin-top:60px; } .scedule .sch_info p { color:#666666; font-size:14px; line-height:16px; font-weight:400; margin-bottom:12px; } .scedule .sch_info .sch_iconbox { border:1px solid #dedede; padding:30px 30px 14px; } .scedule .sch_info .sch_iconbox div { } .scedule .sch_info .sch_iconbox div span { display:inline-block; width:105px; color:#666666; font-size:14px; font-weight:300; letter-spacing:-0.5px; line-height:18px; } .scedule .sch_info .sch_iconbox div span img { display:inline-block; margin:0 7px 15px 0; line-height:18px; } .sch_daily { border-top:1px solid #5a5a5a; } .daily_item { position:relative; } .daily_item .daily_default { position:relative; } .daily_item .daily_default ul { float:left; width:100%; border-bottom:1px solid #dedede; height:110px; } .daily_item .daily_default ul li { float:left; } .daily_item .daily_default ul li.d_time { color:#303030; font-size:28px; font-family:'Roboto'; line-height:110px; font-weight:400; width:130px; text-align:center; } .daily_item .daily_default ul li.d_title { padding:30px; width:710px; } .daily_item .daily_default ul li.d_title .name { color:#303030; font-size:20px; font-weight:400; } .daily_item .daily_default ul li.d_title .icon { margin-top:8px; } .daily_item .daily_default ul li.d_title .icon img { margin:0 2px 2px 0; } .daily_item .daily_default ul li.d_btn { float:left; text-align:center; margin-top:30px; } .daily_item .daily_default ul li.d_open { float:right; margin:30px 30px 0 10px; } .daily_item .daily_detail { background:#f6f5f7; border-bottom:1px solid #dedede; border-left:none; border-right:none; padding-bottom:30px; } .daily_item .daily_detail ul { float:left; width:100%; } .daily_item .daily_detail ul li { float:left; } .daily_item .daily_detail ul li.d_time { color:#303030; font-size:28px; font-family:'Roboto'; line-height:110px; font-weight:400; width:130px; text-align:center; } .daily_item .daily_detail ul li.d_title { padding:30px; width:710px; } .daily_item .daily_detail ul li.d_title .name { color:#303030; font-size:20px; font-weight:400; } .daily_item .daily_detail ul li.d_title .icon { margin-top:8px; } .daily_item .daily_detail ul li.d_title .icon img { margin:0 2px 2px 0; } .daily_item .daily_detail ul li.d_btn { float:left; text-align:center; margin-top:30px; } .daily_item .daily_detail .d_detail { margin:0 130px 0 140px; } .daily_item .daily_detail .d_detail .d_detail_in { float:left; } .daily_item .daily_detail .d_detail .d_detail_in .d_lf { float:left; width:310px; margin-right:25px; } .daily_item .daily_detail .d_detail .d_detail_in .d_rf { float:left; width:480px; } .daily_item .daily_detail .d_detail .d_detail_in .img { text-align:center; } .daily_item .daily_detail .d_detail .d_detail_in .btn { border:none; text-align:center; display:block; padding:0; margin-top:20px; background:none; } .daily_item .daily_detail .d_detail .d_detail_in .btn a { margin:0 3px; } .daily_item .daily_detail .d_detail .d_detail_in .icon img { margin:0 2px 2px 0; } .daily_item .daily_detail .d_detail .d_detail_in .cont { margin-top:0px; } .daily_item .daily_detail .d_detail .d_detail_in .cont dl { float:left; } .daily_item .daily_detail .d_detail .d_detail_in .cont dl dt { clear:both; float:left; width:70px; color:#303030; font-size:14px; font-weight:500; line-height:20px; margin-bottom:13px; } .daily_item .daily_detail .d_detail .d_detail_in .cont dl dd { float:left; width:410px; color:#666666; font-size:14px; font-weight:300; line-height:20px; } .daily_item .daily_detail .d_detail .d_detail_in .cont .d_story { color:#666666; font-size:14px; font-weight:300; line-height:22px; letter-spacing:-0.5px; margin-top:22px; padding-top:20px; } .daily_item .daily_detail .d_close { position:absolute; top:30px; right:29px; } .daily_item .daily_onair { background:#FFF; border:1px solid #df3b46; margin-top:-1px; } .daily_item .daily_onair ul li.d_time { color:#df1220; font-size:28px; font-family:'Roboto'; line-height:85px; font-weight:400; width:130px; text-align:center; } .daily_item .daily_onair ul li.d_title { padding:30px; width:710px; } .daily_item .daily_onair ul li.d_title .name { color:#303030; font-size:20px; font-weight:400; } .daily_item_past .daily_default ul li.d_time { color:#999999; } .daily_item_past .daily_default ul li.d_title .name { color:#999999; font-size:20px; font-weight:400; } .daily_item_past .daily_detail ul li.d_time { color:#999999; font-size:28px; font-family:'Roboto'; line-height:110px; font-weight:400; width:130px; text-align:center; } .daily_item_past .daily_detail ul li.d_title .name { color:#999999; font-size:20px; font-weight:400; } /* Layer Popup -----------------------------------------------------------------------------------------*/ .layerWrap { position:absolute; z-index:9900; top:0; width:100%; height:100%; } .layerWrap .popupLayer { position:fixed; left:0; top:0; z-index:9910; width:100%; height:100%; min-height:100%;} .layerWrap .popupLayer .back { position:fixed; left:0; top:0; z-index:9920; width:100%; height:100%; min-height:100%; background:#000; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); opacity:0.70; -moz-opacity:0.70;} .layerWrap .layer_cont { position:relative; z-index:9999; top:20%; width:750px; height:550px; margin:0 auto; outline:1px solid #e70013;background-color:#fff;box-sizing:border-box;-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%); } .layerWrap .layer_cont .layer_contin { padding:30px; } .layerWrap .layer_cont .layer_contin .l_tit { margin-bottom:15px; color:#333; font-size:18px; font-weight:400; } .layerWrap .layer_cont .layer_contin .l_close { position:absolute; top:30px; right:30px; } .layerWrap .layer_cont .layer_contin .l_btn { text-align:center; margin:20px 0 0 0; } .layerWrap .layer_cmt { width:500px; height:auto; } .rule_box { height:400px; overflow-y:scroll; overflow-x:hidden; background:#fafafa; border-top:1px solid #dedede; border-bottom:1px solid #dedede; } .rule_lst { padding:30px; } .rule_lst .r_tit { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_rd.png') 0 7px no-repeat; color:#e70013; font-size:13px; font-weight:400; padding-left:10px; margin-bottom:15px; } .rule_lst ol { margin-bottom:12px; } .rule_lst ol li { color:#818181; font-size:13px; font-weight:300; line-height:20px; } .rule_lst ol li.dash { margin:0 0 0px 18px; } .rule_lst dl { margin-bottom:12px; } .rule_lst dt { color:#333333; font-size:13px; font-weight:500; line-height:20px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk2.png') 0 9px no-repeat; padding-left:10px; margin-bottom:5px; } .rule_lst dd { color:#818181; font-size:13px; font-weight:300; line-height:20px; padding-left:10px; } .rule_lst dd.dash { margin:0 0 0px 18px; } /* 전체메뉴 -----------------------------------------------------------------------------------------*/ .all_menu { position:relative; z-index:9999; top:80px; width:1116px; margin:0 auto; background-color:#fff;box-sizing:border-box;-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%); } .all_menu_in { position:relative; } .all_menu_in .al_hd { background:#df1220; height:60px; } .all_menu_in .al_hd p { color:#FFF; font-size:20px; font-weight:bold; padding:15px 30px 10px; } .all_menu_in .al_bd { background:#FFF; height:500px; padding:30px; } .all_menu_in .al_bd .mn_tab { } .all_menu_in .al_bd .mn_tab ul { border-left:1px solid #ccc; } .all_menu_in .al_bd .mn_tab ul:after { content:""; display:block; clear:both; } .all_menu_in .al_bd .mn_tab ul li { float:left; width:25%; margin-bottom:-1px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; } .all_menu_in .al_bd .mn_tab ul li a { display:block; height:43px; line-height:43px; text-align:center; color:#333; font-size:16px; font-weight:300; letter-spacing:-1px; } .all_menu_in .al_bd .mn_tab ul li.active a { position:relative; color:#df1220; } .all_menu_in .al_bd .mn_tab ul li.active a:after { position:absolute; z-index:10; top:-1px; left:-1px; content:""; display:block; width:100%; height:100%; border:1px solid #df1220; } .all_menu_in .al_bd .mn_tab ul li a strong { font-weight:400; padding-left:10px; } .all_menu_in .al_bd .mn_tab ul li.active a strong { color:#df1220; } .all_menu_in .al_bd .mn_scbox { height:400px; overflow-y:scroll; margin:40px 0 30px 0; } .all_menu_in .al_bd .mn_lst { margin-bottom:60px; } .all_menu_in .al_bd .mn_lst p.m_tit { font-size:26px; color:#333333; font-weight:400; line-height:20px; margin:0px 30px 30px; } .all_menu_in .al_bd .mn_lst p.m_tit img { margin:2px 0 0 0; } .all_menu_in .al_bd .mn_lst .mn_sp { width:100%; margin-bottom:30px; } .all_menu_in .al_bd .mn_lst .mn_sp dl { width:210px; border-right:1px solid #ebebeb; padding:0 30px 0; display:table-cell; box-sizing:border-box; } .all_menu_in .al_bd .mn_lst .mn_sp dl:nth-child(5n) { border-right:0px; } .all_menu_in .al_bd .mn_lst .mn_sp dt { font-size:18px; color:#333333; font-weight:400; line-height:18px; margin-bottom:20px; font-family:'Noto Sans KR'; } .all_menu_in .al_bd .mn_lst .mn_sp dt a { font-size:18px; color:#333333; font-weight:400; line-height:18px; } .all_menu_in .al_bd .mn_lst .mn_sp dt img { display:inline-block; vertical-align:middle; position:relative; top:-2px; left:4px; } .all_menu_in .al_bd .mn_lst .mn_sp dt strong { color:#df1220; margin:-3px 0 0 5px; font-size:16px; letter-spacing:-1px; font-family:'Roboto'; } .all_menu_in .al_bd .mn_lst .mn_sp dd { font-size:14px; color:#666666; font-weight:400; line-height:20px; padding:6px 0 4px; } .all_menu_in .al_bd .mn_lst .mn_sp dd a { font-size:14px; color:#666666; } .all_menu_in .al_bd .mn_lst .mn_sp dd a:hover { color:#df1220; text-decoration:underline; } .all_menu_in .al_bd .mn_lst .mn_sp0 { margin:-30px 0 0; } .all_menu_in .al_bd .mn_lst .mn_sp0 dt { margin-bottom:0px; } .all_menu_in .al_clo { position:absolute; top:13px; right:15px; } .all_menu_in .al_clo img { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .all_menu_in .al_clo img:hover { -webkit-transform:rotate(90deg); -moz-transform: rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } /* 검색 레이어 -----------------------------------------------------------------------------------------*/ .search_lay { position:relative; z-index:9999; top:110px; width:1116px; margin:0 auto; box-sizing:border-box;-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);transform:translate(0%,0%); } .search_lay_in { width:750px; margin:0 auto; padding-top:115px; } .search_lay_in .sch_box { border:5px solid #e30613; background:#FFF; height:55px; } .search_lay_in .sch_box input { height:55px; font-size:20px; color:#959595; font-weight:300; padding:0 30px; width:700px; border:none; letter-spacing:-1px; } .search_lay_in .sch_box img { margin:12px 0 0 0; } .search_lay_in .sch_box .sch_add { text-align:center; margin-top:35px; } .search_lay_in .sch_box .sch_add li { display:inline-block; font-size:20px; color:#cacaca; font-weight:300; padding:0 24px; line-height:24px; letter-spacing:-1px; } .search_lay_in .sch_box .sch_add li a { font-size:20px; color:#cacaca; font-weight:300; } .search_lay_in .sch_box .sch_add li.sch_tit { font-size:20px; color:#e30613; font-weight:300; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar.png') right 6px no-repeat; padding-right:20px; margin-right:30px; } .search_lay_in .sch_clo { position:absolute; top:15px; right:15px; } .search_lay_in .sch_clo img { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .search_lay_in .sch_clo img:hover { -webkit-transform:rotate(90deg); -moz-transform: rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } /* VOD -----------------------------------------------------------------------------------------*/ .vod_visual { width:100%; height:616px; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_vod_visual.jpg') center center no-repeat; } .vod_wrap { width:1116px; margin:0 auto; } .vod_idx { float:left; margin:50px 36px 0; } .vod_idx img { border-radius:10px; } .vod_idx .lf { float:left; width:252px; margin-right:12px; } .vod_idx .ct { float:left; width:516px; margin-right:12px; } .vod_idx .rf { float:left; width:252px; } .vod_idx ul { } .vod_idx ul li { margin-bottom:12px; position:relative; } .vod_idx ul li .dim { position:absolute; top:0px; left:0px; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_vod_simg.png') 0 0 no-repeat; width:252px; height:252px; z-index:990; border-radius:10px; display:none; } .vod_idx ul li .adon { position:absolute; top:170px; z-index:999; } .vod_idx ul li .adon .tag { margin-bottom:7px; padding:7px 20px 0; } .vod_idx ul li .adon .tit { margin-bottom:5px; padding:0 20px; color:#FFF; font-size:18px; font-weight:500; letter-spacing:-1px; } .vod_idx ul li .adon .tit a { color:#FFF; font-size:18px; font-weight:500; } .vod_idx ul li .adon .txt { overflow:hidden; padding:0 20px; line-height:18px; color:#FFF; font-size:14px; font-weight:300; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; } .vod_idx ul li .adon .txt a { color:#FFF; font-size:14px; font-weight:300; } .vod_idx ul li img { width:252px; height:252px; display:block; border-radius:13px; } .vod_idx ul li.img1:hover { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); -webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; -ms-transform-origin:bottom right; -o-transform-origin:bottom right; transform-origin:bottom right; box-shadow:4px 12px 30px #999; border-radius:13px; } .vod_idx ul li.img2:hover { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); -webkit-transform-origin:top right; -moz-transform-origin:top right; -ms-transform-origin:top right; -o-transform-origin:top right; transform-origin:top right; box-shadow:4px 12px 30px #999; border-radius:13px; } .vod_idx ul li.img3:hover { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); -webkit-transform-origin:bottom left; -moz-transform-origin:bottom left; -ms-transform-origin:bottom left; -o-transform-origin:bottom left; transform-origin:bottom left; box-shadow:4px 12px 30px #999; border-radius:13px; } .vod_idx ul li.img4:hover { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); -webkit-transform-origin:top left; -moz-transform-origin:top left; -ms-transform-origin:top left; -o-transform-origin:top left; transform-origin:top left; box-shadow:4px 12px 30px #999; border-radius:13px; } .vod_idx ul li.img_entertainment:hover { } /* 예능 */ .vod_idx ul li.img_cultivated:hover { } /* 교양 */ .vod_idx ul li.img_affairs:hover { } /* 시사 */ .vod_idx ul li.img_sports:hover { } /* 스포츠 */ .vod_idx ul li.img_drama:hover { } /* 드라마 */ .vod_idx .ct .defa_img { position:relative; } .vod_idx .ct .defa_img .dim { position:absolute; top:0px; left:0px; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_vod_bimg.png') 0 0 no-repeat; opacity:0.3; width:516px; height:516px; z-index:990; border-radius:10px; } .vod_idx .ct .defa_img .play { position:absolute; top:170px; left:50%; margin-left:-47px; } .vod_idx .ct .defa_img .adon { position:absolute; top:360px; z-index:999; } .vod_idx .ct .defa_img .adon .tag { margin-bottom:5px; padding:7px 40px 0; } .vod_idx .ct .defa_img .adon .tit { margin-bottom:7px; padding:0 40px; color:#FFF; font-size:34px; font-weight:500; letter-spacing:-1px; } .vod_idx .ct .defa_img .adon .txt { overflow:hidden; padding:0 40px; line-height:24px; color:#FFF; font-size:14px; font-weight:300; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; } .vod_idx .ct .over_img { position:relative; } .vod_idx .ct .over_img img { border-bottom-left-radius:0px; border-bottom-right-radius:0px; } .vod_idx .ct .over_img .play { position:absolute; top:100px; left:50%; margin-left:-47px; } .vod_idx .ct .over_img .adon { position:absolute; top:290px; z-index:999; background:#8e8e8e; height:226px; width:516px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .vod_idx .ct .over_img .adon .tag { margin-bottom:5px; padding:32px 40px 0; } .vod_idx .ct .over_img .adon .tit { margin-bottom:7px; padding:0 40px; color:#FFF; font-size:34px; font-weight:500; letter-spacing:-1px; } .vod_idx .ct .over_img .adon .tit a { color:#FFF; font-size:34px; font-weight:500; } .vod_idx .ct .over_img .adon .txt { overflow:hidden; padding:0 40px; line-height:24px; color:#FFF; font-size:14px; font-weight:300; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; } .vod_idx .ct .over_img .adon .txt a { color:#FFF; font-size:14px; font-weight:300; } .vod_idx .ct .over_img .adon .go { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_direct.png') 70px 2px no-repeat; margin:20px 40px 0; line-height:24px; } .vod_idx .ct .over_img .adon .go a { color:rgba(255,255,255,0.8); font-size:18px; font-weight:400; } .vod_idx .ct .ov_entertainment { background:#9d213b; height:226px; width:516px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } /* 예능 */ .vod_idx .ct .ov_cultivated { background:#085b44; height:226px; width:516px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } /* 교양 */ .vod_idx .ct .ov_affairs { background:#404285; height:226px; width:516px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } /* 시사 */ .vod_idx .ct .ov_sports { background:#64357f; height:226px; width:516px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } /* 스포츠 */ .vod_idx .ct .ov_drama { background:#5b4c24; height:226px; width:516px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } /* 드라마 */ .vod_lst { position:relative; } .vod_lst h3.tit { color:#000000; font-size:18px; line-height:20px; margin-bottom:20px; font-weight:500; } .vod_lst .more { position:absolute; top:3px; right:0px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/arr_more.png') right 2px no-repeat; padding-right:15px; } .vod_lst .more a { font-size:14px; color:#3f3f3f; font-weight:300; } .vod_lst .s_copy { position:absolute; right:0px; top:10px; color:rgba(51,51,51,0.6); font-size:13px; line-height:20px; font-weight:400; letter-spacing:-1px; } .vod_recom { width:100%; background:#e0e0e0; padding:38px 0 40px; margin-top:50px; } .vod_recom_bg { width:100%; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/vod_recom_bg.jpg') center center no-repeat; padding:38px 0 40px; margin-top:50px; } .vod_recom .thema_lst { width:1116px; margin:0 auto; } .vod_recom .thema_lst h3.tit { color:#000000; font-size:18px; line-height:20px; margin-bottom:20px; font-weight:500; } .vod_recom .thema_lst .thema_box { width:230px; height:230px; display:inline-block; margin-right:9px; padding:40px 20px 0; text-align:center; vertical-align:top; } .vod_recom .thema_lst .thema_box:last-child { margin-right:0px; } .vod_recom .thema_lst .thema_rbox_pink { background:#c36c7e; border-radius:10px; } .vod_recom .thema_lst .thema_rbox_pur { background:#97739f; border-radius:10px; } .vod_recom .thema_lst .thema_rbox_grn { background:#5ca092; border-radius:10px; } .vod_recom .thema_lst .thema_rbox_blu { background:#6886b4; border-radius:10px; } .vod_recom .thema_lst .thema_box_pink { background:#c36c7e; } .vod_recom .thema_lst .thema_box_pur { background:#97739f; } .vod_recom .thema_lst .thema_box_grn { background:#5ca092; } .vod_recom .thema_lst .thema_box_blu { background:#6886b4; } .vod_recom .thema_lst .thema_box .h_img { position:relative; width:52px; margin:0 auto; } .vod_recom .thema_lst .thema_box .h_img .bg_tag { width:52px; height:52px; border-radius:52px; background:#FFF; opacity:0.15; } .vod_recom .thema_lst .thema_box .h_img img { opacity:1.0 !important; z-index:999; position:absolute; top:12px; left:10px; } .vod_recom .thema_lst .thema_box .h_txt { font-size:24px; font-weight:500; color:#FFF; line-height:32px; margin:17px 0 15px; letter-spacing:-1px; height:60px; overflow:hidden; } .vod_recom .thema_lst .thema_box .h_dat { } .vod_recom .thema_lst .thema_box .h_dat a { color:#FFF; font-size:18px; font-weight:300; border-bottom:1px solid #FFF; } .vod_recom .thema_lst .thema_box .h_dat a strong { color:#FFF; font-size:34px; font-weight:500; } .vod_recom .thema_lst .onair_box { width:230px; height:210px; display:inline-block; margin-right:9px; padding:60px 20px 0; text-align:center; } .vod_recom .thema_lst .onair_box:last-child { margin-right:0px; } .vod_recom .thema_lst .onair_box .h_img { position:relative; width:52px; margin:0 auto; } .vod_recom .thema_lst .onair_box .h_img .bg_tag { width:52px; height:52px; border-radius:52px; background:#FFF; opacity:0.15; } .vod_recom .thema_lst .onair_box .h_img img { opacity:1.0 !important; z-index:999; position:absolute; top:12px; left:10px; } .vod_recom .thema_lst .onair_box .h_txt { font-size:24px; font-weight:500; color:#FFF; line-height:32px; margin:17px 0 15px; letter-spacing:-1px; } .vod_recom .thema_lst .onair_box .h_txt a { font-size:24px; font-weight:500; color:#FFF; line-height:32px; letter-spacing:-1px; } .bbs_prgm { position:relative; } .bbs_prgm ul:after { content:""; display:block; clear:both; } .bbs_prgm ul li { position:relative; float:left; height:270px; width:270px; margin:0 12px 0 0; border:1px solid #d4d4d4; box-sizing:border-box; background-color:#fff; } .bbs_prgm ul li > a { display:block; } .bbs_prgm ul li:last-child { margin-right:0px; } .bbs_prgm ul li .thum { overflow:hidden; display:inline-block; width:125px; height:125px; border-radius:125px; margin:25px 0 15px 70px; } .bbs_prgm ul li .tag { margin-bottom:7px; padding:7px 20px 0; text-align:center;} .bbs_prgm ul li .name { margin-bottom:5px; padding:0 20px; color:#333; font-size:16px; font-weight:500; letter-spacing:-1px; text-align:center; } .bbs_prgm ul li .time { overflow:hidden; padding:0 20px; line-height:18px; color:#333; font-size:14px; font-weight:300; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; text-align:center;} .bbs_pack { position:relative; border-top:1px solid #333333; } .bbs_pack ul li { float:left; width:100%; border-bottom:1px solid #eaeaea; padding:25px 0 25px; } .bbs_pack ul li:last-child { border-bottom:1px solid #cccccc !important; } .bbs_pack ul li .pack_img { float:left; width:270px; position:relative; } .bbs_pack ul li .pack_img img { width:270px; height:152px; } .bbs_pack ul li .pack_img .stat_ending { position:absolute; bottom:0px; right:0px; background:rgba(34,34,34,0.9); width:45px; height:45px; line-height:13px; } .bbs_pack ul li .pack_img .stat_ending p { color:#FFF; font-size:13px; font-weight:400; text-align:center; margin-top:9px; } .bbs_pack ul li .pack_img .stat_ing { position:absolute; bottom:0px; right:0px; background:rgba(223,19,31,0.9); width:45px; height:45px; line-height:13px; } .bbs_pack ul li .pack_img .stat_ing p { color:#FFF; font-size:13px; font-weight:400; text-align:center; margin-top:15px; } .bbs_pack ul li .pack_img .stat_end { position:absolute; bottom:0px; right:0px; background:rgba(34,34,34,0.9); width:45px; height:45px; line-height:13px; } .bbs_pack ul li .pack_img .stat_end p { color:#FFF; font-size:13px; font-weight:400; text-align:center; margin-top:15px; } .bbs_pack ul li .pack_lst { float:left; width:690px; margin-left:25px; } .bbs_pack ul li .pack_lst .p_tit { color:#333; font-size:20px; font-weight:400; line-height:24px; margin:4px 0 24px; } .bbs_pack ul li .pack_lst .p_tit a:hover { color:#df1220; } .bbs_pack ul li .pack_lst dl { } .bbs_pack ul li .pack_lst dl dt { float:left; width:73px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk2.png') 0 6px no-repeat; color:#333; font-size:14px; font-weight:300; margin-bottom:11px; line-height:14px; padding-left:12px; } .bbs_pack ul li .pack_lst dl dd { color:#666; font-size:14px; font-weight:300; margin-bottom:11px; line-height:14px; } .bbs_pack ul li .pack_opt { float:right; width:130px; margin-top:30px; } .bbs_pack ul li .pack_opt p { text-align:right; color:#666; font-size:14px; font-weight:300; line-height:30px; } .bbs_pack ul li .pack_opt p.p_price { color:#333; font-size:25px; font-weight:400; line-height:26px; margin-bottom:18px; } .bbs_pack ul li .pack_opt p.p_price strong { color:#df131f; font-size:30px; font-weight:400; line-height:26px; margin-right:5px; } .bbs_pack ul li .pack_opt p.p_btn input.btn_buy { border:1px solid #df131f; color:#FFF; font-size:18px; font-weight:400; overflow:visible; line-height:32px; background:#df131f; width:120px; height:46px; border-radius:2px; } .vod_lst .bbs_gallery ul li.box_gr { background:#55988a; padding:30px 15px 20px; } .vod_lst .bbs_gallery ul li.box_blu { background:#6886b4; padding:30px 15px 20px; } .vod_lst .bbs_gallery ul li .thum:after { position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; display:block; content:""; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_play_s.png') no-repeat 10px 92%; } .vod_lst .bbs_gallery ul li a .txt2 { overflow:hidden; padding:20px 15px 10px; line-height:23px; color:#333; font-size:16px; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; font-weight:300; } .vod_lst .bbs_gallery ul li a .txt3 { overflow:hidden; line-height:23px; color:#FFF; font-size:16px; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; font-weight:400; } .vod_lst .bbs_gallery ul li:hover { border:1px solid #d4d4d4; } .vod_lst .bbs_gallery ul li:hover a .thum img {transform:scale(1.03) rotate(.02deg)} .vod_lst .bbs_gallery ul li:hover a .txt {/* font-size:17px */} .vod_lst .rela_sel { position:absolute; top:22px; right:0px; } .vod_lst .rela_sel select { min-width:216px; } .vod_top { width:100%; height:225px; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_vod_top.jpg') center center no-repeat; } .vod_top .vod_tit { float:left; } .vod_top .vod_tit h2 { color:#333333; font-size:48px; line-height:48px; font-weight:600; letter-spacing:-1px; float:left; padding-top:75px; } .vod_top .vod_tit strong { color:rgba(51,51,51,0.6); font-size:20px; line-height:60px; font-weight:400; letter-spacing:-1px; float:left; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/tit_bar.jpg') left 98px no-repeat; padding:82px 0 0 30px; margin-left:0px; } .vod_top .cont_gnb { background-color:#838aa2; } .vod_top .cont_gnb ul { width:1116px; margin:0 auto; background-color:#838aa2; height:59.9px; } .vod_top .cont_gnb ul:after { content:""; display:block; clear:both; } .vod_top .cont_gnb ul li { float:left; width:16.6666%; color:#fff; }/* 1012 수정 특집추가 */ .vod_top .cont_gnb ul li a { display:block; height:60px; line-height:60px; color:#ddd9d3; font-size:18px; text-align:center; letter-spacing:-0.5px; box-sizing:border-box; } .vod_top .cont_gnb ul li a:hover, .vod_top .cont_gnb ul li a:focus, .vod_top .cont_gnb ul li.active a { border-bottom:3px solid #fff; color:#fff; } .vod_mid { width:100%; height:125px; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_vod_mid.jpg') center center no-repeat; } .vod_mid .vod_tit { float:left; } .vod_mid .vod_tit h2 { color:#333333; font-size:48px; line-height:48px; font-weight:600; letter-spacing:-1px; float:left; padding-top:25px; } .vod_mid .vod_tit strong { color:rgba(51,51,51,0.6); font-size:20px; line-height:60px; font-weight:400; letter-spacing:-1px; float:left; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/tit_bar.jpg') left 50px no-repeat; padding:32px 0 0 30px; margin-left:0px; } .vod_roll { float:right; width:460px; position:relative; height:225px; margin-right:25px; } .vod_roll ul { overflow:hidden; margin:-40px 40px 0px 0; } .vod_roll ul li { position:relative; z-index:9; } .vod_roll ul li img { } .vod_roll .bx-wrapper { width:380px; margin:0 auto; height:225px; } .vod_roll .bx-wrapper .bx-viewport { height:225px !important; } .vod_roll .bx-wrapper .bx-controls-direction a { position:absolute; width:32px; height:18px; text-indent:-9999px; z-index:5; } .vod_roll .bx-wrapper .bx-prev { top:30px; right:0px; z-index:10; background: url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_rolling_up.png') no-repeat; background-size:32px 18px; } .vod_roll .bx-wrapper .bx-next { bottom:30px; right:0px; z-index:10; background: url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_rolling_dw.png') no-repeat; background-size:32px 18px; } .vod_roll .bx-wrapper .bx-pager { display:none; } .roll_cont { float:left; width:100%; } .roll_cont .r_img { position:relative; float:left; width:102px; } .roll_cont .r_img img { border-radius:102px; text-align:left; width:102px; height:102px; } .roll_cont .r_img .r_dim { position:absolute; top:0px; left:0px; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_vod_simg.png') 0 0 no-repeat; width:102px; height:102px; z-index:990; border-radius:102px; } .roll_cont .r_adon { float:left; width:275px; overflow:hidden; } .roll_cont .r_adon .tag { margin-bottom:15px; padding:9px 0px 0 37px; } .roll_cont .r_adon a { line-height:18px; color:#333333; font-size:13px; font-weight:300; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:225px; overflow:hidden; display:block; } .roll_cont .r_adon .tit { margin-bottom:0px; padding:0 0px 0 37px; color:#333333; font-size:18px; font-weight:400; letter-spacing:-1px; } .roll_cont .r_adon .txt { padding:0 0px 0 37px; line-height:18px; color:#333333; font-size:13px; font-weight:300; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:205px; overflow:hidden; } .cash_step { display:inline-block; width:100%; border-top:1px solid #333333; border-bottom:1px solid #dedede; margin-top:40px; padding:25px 0 23px; } .cash_step .cash_cont { display:inline-block; width:33%; text-align:center; vertical-align:top; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_dotline_v.jpg') right 0 repeat-y; height:180px; } .cash_step div:last-child { background:none; width:33%; } .cash_step .cash_cont .c_tit { margin:18px 0 10px; color:#333333; font-size:20px; line-height:20px; font-weight:400; } .cash_step .cash_cont .c_txt { color:#666666; font-size:14px; line-height:18px; font-weight:300; } .cash_box { border:1px solid #ebe1e1; background:#f8efef; } .cash_box dl { padding:40px 27px 42px; } .cash_box dt { color:#5c3d3d; font-size:24px; line-height:26px; font-weight:300; margin-bottom:15px; } .cash_box dd { color:#806363; font-size:14px; line-height:18px; font-weight:300; } .cash_char { } .cash_char p.tit { color:#333; font-size:22px; line-height:24px; font-weight:300; } .cash_char_step { display:inline-block; width:100%; border-top:1px solid #e01d2a; border-bottom:1px solid #dedede; margin-top:20px; padding:25px 0 23px; } .cash_char_step .cash_char_cont { display:inline-block; width:270px; text-align:center; vertical-align:top; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_step.png') right top no-repeat; background-size:14px 26px; padding-right:9px; } .cash_char_step div:last-child { background:none; width:270px; padding-right:0px; } .cash_char_step .cash_char_cont .c_step { color:#333333; font-size:18px; line-height:30px; font-weight:500; } .cash_char_step .cash_char_cont .c_step strong { color:#333333; font-size:26px; line-height:30px; font-weight:500; } .cash_char_step .cash_char_cont .c_img { margin:17px 0 17px; } .cash_char_step .cash_char_cont .c_txt { color:#666666; font-size:14px; line-height:18px; font-weight:300; } .cash_use { float:left; margin-top:20px; } .cash_use_sp { float:left; width:548px; margin-right:20px; } .cash_use div:last-child { margin-right:0px; } .cash_use_sp p.tit { color:#333333; font-size:18px; line-height:18px; font-weight:400; margin-bottom:20px; } .cash_use_sp p.tit strong { color:#666666; font-size:14px; line-height:18px; font-weight:300; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar.png') left 2px no-repeat; margin-left:7px; padding-left:10px; } .cash_use_sp table { table-layout:fixed; width:100%; border-top:1px solid #5a5a5a; } .cash_use_sp table tbody th { border-bottom:1px solid #dedede; padding:20px 30px; color:#303030; font-size:14px; line-height:18px; font-weight:400; text-align:left; } .cash_use_sp table tbody td { border-bottom:1px solid #dedede; padding:20px 30px; color:#303030; font-size:14px; line-height:18px; font-weight:300; text-align:right; } .cash_use_sp table tbody td span { font-family:"Roboto"; color:#2f6fc7; font-size:18px; font-weight:400; margin-right:5px; } .vod_wrap .btn_area { text-align:center; margin:40px 0 0 0; } .prgm_top { float:left; width:100%; } .prgm_top .stab_sort { float:left; } .prgm_top .stab_btn { float:right; margin-top:-5px; } .stab_sort ul { float:left; margin-top:10px; } .stab_sort ul li { float:left; color:#333333; font-size:16px; line-height:18px; font-weight:300; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar.png') left 2px no-repeat; background-size:1px 15px; padding:0 25px; } .stab_sort ul li a { color:#333333; font-size:16px; line-height:18px; font-weight:300; } .stab_sort ul li:first-child { background:none; padding-left:0px; } .stab_sort ul li.active a { color:#df131f; } .stab_btn ul { float:left; } .stab_btn ul li { float:left; margin-left:5px; } .stab_btn ul li.num { color:#333333; font-size:14px; line-height:18px; font-weight:500; margin:15px 15px; } .stab_btn ul li.num strong { color:#df131f; } .cash_prod { float:left; } .cash_tbbox { float:left; width:553px; margin-right:10px; } .cash_tbbox:last-child { margin-right:0px; } .cash_tbbox .tbox_top { background:#bababa; padding:9px 0 8px; text-align:center; } .cash_tbbox .tbox_top p { color:#FFF; font-size:16px; line-height:18px; font-weight:300; } .cash_tbbox .tbox_bot { background:#f1f1f1; padding:12px 0 12px; } .cash_tbbox .tbox_bot ul { float:left; width:100%; } .cash_tbbox .tbox_bot ul li { float:left; width:33%; text-align:center; color:#666666; font-size:14px; line-height:18px; font-weight:300; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar2line.png') right 0px no-repeat; padding:10px 0 8px; } .cash_tbbox .tbox_bot ul li:last-child { background:none; } .cash_tbbox .tbox_bot ul li strong { color:#e01d2a; font-size:14px; line-height:18px; font-weight:300; } /* 방송, VOD 하단 광고 영역 -----------------------------------------------------------------------------------------*/ .ad_opt { width:100%; height:350px; background:#e9e9e9; } .ad_opt_in { padding:37px 0 0px; width:1116px; margin:0 auto; } .ad_sp { float:left; width:360px; margin-right:18px; } .ad_sp:last-child { margin-right:0px; } .ad_ban { float:left; width:270px; height:270px; margin-right:12px; } .ad_ban ul { overflow:hidden; position:relative; } .ad_ban ul li { float:left; text-align:center; position:relative; z-index:9; margin:0 auto; max-width:100%; width:270px; height:270px; display:block; } .ad_ban ul li img { width:270px !important; height:270px !important; } .ad_ban .bx-wrapper { width:270px; height:270px; position:relative; } .ad_ban .bx-wrapper img { width:270px; height:270px; } .ad_ban .bx-wrapper .bx-controls { } .ad_ban .bx-wrapper .bx-pager { text-align:center; position:absolute; top:10px; right:33px; z-index:999; } .ad_ban .bx-wrapper .bx-pager .bx-pager-item, .ad_ban .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; } .ad_ban .bx-wrapper .bx-pager.bx-default-pager a { text-indent:-9999px; display:block; width:13px; height:13px; margin-left:4px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/pager_off.png') no-repeat; } .ad_ban .bx-wrapper .bx-pager.bx-default-pager a:hover, .ad_ban .bx-wrapper .bx-pager.bx-default-pager a.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/pager_on.png') no-repeat;} .ad_ban .bx-wrapper .bx-controls-direction { display:none; } .ad_ban .bx-wrapper .bx-controls-auto { text-align:center; position:absolute; top:11px; right:10px; } .ad_ban .bx-wrapper .bx-controls-auto .bx-start { display:block; text-indent:-9999px; width:13px; height:13px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/control_start.png') 0px 0px no-repeat; background-size:11px 11px; margin:0 4px; } .ad_ban .bx-wrapper .bx-controls-auto .bx-start:hover, .ad_ban .bx-wrapper .bx-controls-auto .bx-start.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/control_start.png') 0px 0px no-repeat; } .ad_ban .bx-wrapper .bx-controls-auto .bx-stop { display:block; text-indent:-9999px; width:13px; height:13px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/control_stop.png') 0px 0px no-repeat; background-size:11px 11px; margin:0 4px; } .ad_ban .bx-wrapper .bx-controls-auto .bx-stop:hover, .ad_ban .bx-wrapper .bx-controls-auto .bx-stop.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/control_stop.png') 0px 0px no-repeat; } .ad_ban p a { display:block; } .ad_prod { float:left; width:550px; height:268px; border:1px solid #d4d4d4; background:#FFF; margin-right:12px; } .ad_prod_in { padding:13px 20px; } .ad_prod_in .pr_top { position:relative; } .ad_prod_in .pr_top .pr_tit { color:#000; font-size:20px; font-weight:400; line-height:22px; padding:5px 0 5px; } .ad_prod_in .pr_top .pr_btn { position:absolute; top:0px; right:0px; } .ad_prod_in .pr_top .pr_txt { color:#666; font-size:14px; font-weight:200; line-height:24px; margin:0px 0 15px; letter-spacing:-1px; font-family:'Noto Sans KR'; } .ad_prod_in .pr_bot { float:left; } .ad_prod_in .pr_bot .box_review { float:left; width:250px; height:164px; background:#e3edef; margin-right:10px; } .ad_prod_in .pr_bot .box_down { float:left; width:250px; height:164px; background:#f7ede1; } .ad_prod_in .pr_bot ul { text-align:center; padding-top:20px; } .ad_prod_in .pr_bot ul li { margin-bottom:16px; } .ad_prod_in .pr_bot ul li.t_txt { color:#333; font-size:16px; font-weight:500; line-height:22px; letter-spacing:-0.5px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_arr_s.png') 177px 5px no-repeat; } .ad_prod_in .pr_bot ul li.t_txt a { color:#333; font-size:16px; font-weight:500; } .ad_prod_in .pr_bot ul li.s_txt { color:#666; font-size:14px; font-weight:300; line-height:20px; letter-spacing:-0.5px; } .ad_prod2p { float:left; width:268px; height:268px; border:1px solid #d4d4d4; background:#FFF; margin-right:12px; } .ad_prod2p ul { text-align:center; padding-top:40px; } .ad_prod2p ul li { } .ad_prod2p ul li.p_txt { color:#222; font-size:13px; font-weight:300; line-height:16px; letter-spacing:-0.5px; margin:20px 0 35px; } .ad_prod2p ul li.p_btn input.btn_sbor { border:1px solid #929292; color:#FFF; font-size:12px; font-weight:400; overflow:visible; line-height:14px; background:#575656; height:30px; margin:0 2px; } .ad_ban:last-child { margin-right:0px; border:1px solid #d4d4d4; box-sizing:border-box; padding:0px; background:#FFF; } .win_popup { } .inp_area .top_txt {margin-bottom:15px;font-size:16px;color:#333} .inp_area .top_txt_ct {text-align:center;margin-bottom:20px;font-size:16px;color:#333; line-height:24px; } .inp_area .inp {position:relative; padding:0 0px 0 0} .inp_area .inp input {height:50px} .inp_area .inp input[type="text"] {width:100%;padding-left:15px;font-weight:300} .inp_area .btn_area { text-align:center; margin-top:20px; } .inp_area .bbs_write_s { padding:0px 0 10px;margin-bottom:10px; } .inp_area .titbox { background:#f3f0e9; padding:20px 20px; } .inp_area .titbox span { font-size:30px; color:#333333; line-height:34px; border-bottom:1px solid #333; font-weight:400; } .inp_area .bbs_write { border-bottom:1px solid #dedede; } .inp_area .bbs_write table { border-bottom:0px; } .inp_area .bbs_write table th { vertical-align:top; padding-top:15px; } .inp_area .bbs_write table td .sv_mail { text-align:right; margin:7px 0 10px 0; } .inp_area .bbs_write table td .sv_mail label { color:#333; font-size:14px; font-weight:300; } .inp_area .bbs_write table td .sv_mail input + label { margin:0px 0px 0 0px; } .tb_btxt { color:#333; font-size:12px; font-weight:300; line-height:16px; } .ageset_lay { position:absolute; top:30px; right:0px; z-index:999; } .ageset_lay .ageset_lay_hd { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_tlayer_top.png') 0 top no-repeat; background-size:164px 15px; width:164px; height:15px; } .ageset_lay .ageset_lay_bd { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/bg_tlayer_bot.png') 0 bottom no-repeat; background-size:164px auto; width:164px; } .ageset_lay .ageset_layin { padding:0 18px 18px; position:relative; } .ageset_lay .ageset_layin .tit { font-size:16px; color:#333333; margin-bottom:7px; font-weight:500; } .ageset_lay .ageset_layin .ageset_info { border-top:1px solid #818181; background:#f7f7f7; padding:10px 10px 8px 8px; } .ageset_lay .ageset_layin .ageset_info .stit { } .ageset_lay .ageset_layin .ageset_info ul { } .ageset_lay .ageset_layin .ageset_info ul li { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 10px no-repeat; color:#333; font-size:12px; padding-left:8px; margin-bottom:2px; line-height:22px; } .ageset_lay .ageset_layin .ageset_info ul li a { color:#333; font-size:12px; } .ageset_lay .ageset_layin .ageset_info ul li a:hover { color:#df1220; text-decoration:underline; } .ageset_lay .ageset_layin .ageset_close { position:absolute; top:0px; right:18px; } .thema_op { display:inline-block; width:400px; margin-left:20px; vertical-align:top; position:relative; } .thema_op .thema_tit { border-bottom:1px solid #FFF; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/arr_sel.png') right 20px no-repeat; height:40px; } .thema_op .thema_tit p { color:#FFF; font-size:16px; text-align:left; } .thema_op .thema_box { position:absolute; top:50px; left:0px; border:1px solid #e70215; box-shadow:1px 1px 6px #000; background-color:#fff; width:400px; z-index:99; } .thema_op .thema_box .thema_box_in { margin:7px 7px 7px 20px; height:130px; overflow-y:scroll; padding-top:5px; } .thema_op .thema_box .thema_box_in ul { } .thema_op .thema_box .thema_box_in ul li { text-align:left; line-height:20px; color:#333333; font-size:14px; padding:7px 0 5px; } .thema_op .thema_box .thema_box_in ul li a { color:#333333; font-size:14px; } .thema_op .thema_box .thema_box_in ul li a:hover { color:#df1220; } .bbs_detail table tbody td.detail_cont .imges-swiper .swiper-container { position:relative; overflow:hidden; width:100%; text-align:center; } .bbs_detail table tbody td.detail_cont .imges-swiper .swiper-container .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .bbs_detail table tbody td.detail_cont .imges-swiper .swiper-container .swiper-wrapper .swiper-slide { text-align:left; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .bbs_detail table tbody td.detail_cont .imges-swiper .swiper-container .swiper-button-prev { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_arr_prev.png') 0 0px no-repeat; background-size:50px 50px; z-index:910; width:50px; height:50px; display:inline-block; margin-top:20px; } .bbs_detail table tbody td.detail_cont .imges-swiper .swiper-container .swiper-button-next { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_arr_next.png') 0 0px no-repeat; background-size:50px 50px; z-index:910; width:50px; height:50px; display:inline-block; margin-top:20px; } /* 다른 테마 영역 -----------------------------------------------------------------------------------------*/ .thema_list {margin-top:20px} .thema_list ul:after {content:"";display:block;clear:both} .thema_list ul > li {position:relative;float:left;margin:0 0 10px 9px;box-sizing:border-box} .thema_list ul > li:nth-child(5n+1) {margin-left:0} .thema_list ul > li > a {position:relative;display:block;width:216px;height:134px;padding:25px 10px 10px;border:1px solid #d4d4d4;text-align:center;color:#333;box-sizing:border-box} .thema_list ul > li:nth-child(2n) > a {border:1px solid #d8dfdf; background:#edf1f1;} .thema_list ul > li > a .th_num {color:#df1220;font-size:22px; font-weight:400;border-bottom:1px solid #df1220; } .thema_list ul > li > a .th_txt {height:72px; display:table-cell;vertical-align:middle; font-size:16px; color:#333333; font-weight:300;width:216px; letter-spacing:-1px; } .thema_list ul > li > a .th_txt img { margin:0 3px 0 0; } .thema_list .big_more {width:666px;margin:50px auto 0;border:1px solid #d1d1d1} /* TOP 버튼 -----------------------------------------------------------------------------------------*/ .top_btn { position: fixed; right:10px; bottom:10px; z-index:0; } .top_btn p { display:block; overflow:hidden; } /* INDEX -----------------------------------------------------------------------------------------*/ .idx_top { width:100%; height:573px; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_idx_top.jpg') center top no-repeat; padding-top:35px; } .idx_visual { width:1116px; height:573px; background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_idx_visual.jpg') 0 0 no-repeat; margin:0 auto; } .idx_visual_hd { float:left; width:100%; height:55px; } .idx_visual_md { float:left; width:100%; height:460px; } .idx_visual_bd { float:left; width:100%; height:55px; } .idx_lf { float:left; width:816px; } .idx_rf { float:left; width:300px; } .idx_todaynews { height:55px; } .idx_todaynews dl { float:left; margin:16px 18px 15px 30px; width:756px; } .idx_todaynews dl dt { float:left; width:105px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/arr_xs.png') right 2px no-repeat; margin-top:5px; line-height:20px; } .idx_todaynews dl dd { float:left; width:631px; padding:2px 10px; line-height:22px; position:relative; } .idx_todaynews dl dd a { font-size:14px; color:#323232; font-weight:400px; line-height:18px; } .idx_todaynews dl dd > ul { overflow:hidden; margin:0px 0px 0px 0; } .idx_todaynews dl dd > ul > li { position:relative; z-index:9; } .idx_todaynews dl dd > ul > li img { } .idx_todaynews .bx-wrapper { width:600px; } .idx_todaynews .bx-wrapper .bx-viewport { } .idx_todaynews .bx-wrapper .bx-controls-direction a { position:absolute; width:22px; height:22px; text-indent:-9999px; z-index:5; } .idx_todaynews .bx-wrapper .bx-prev { position:absolute; top:0px; right:18px; z-index:10; background: url('http://img.tvchosun.com/upload_img/n2017/images/common/arrow_up.png') no-repeat; background-size:22px 22px; } .idx_todaynews .bx-wrapper .bx-next { position:absolute; top:0px; right:-10px; z-index:10; background: url('http://img.tvchosun.com/upload_img/n2017/images/common/arrow_dw.png') no-repeat; background-size:22px 22px; } .idx_todaynews .bx-wrapper .bx-pager { display:none; } .idx_todaynews > ul { float:right; margin:16px 16px 0 0; } .idx_todaynews > ul > li { float:left; margin-left:4px; } .idx_onair { float:left; width:255px; padding:0 20px 0 25px; } .idx_onair dl { display:inline-block; } .idx_onair dt { display:inline-block; display:table-cell; text-align:center; vertical-align:middle; } .idx_onair dt img { margin:0px 0 3px; } .idx_onair dt strong { color:#FFF; font-size:13px; } .idx_onair dd { display:inline-block; height:55px; display:table-cell; width:100%; vertical-align:middle; padding:2px 10px 0 10px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/arr_xs_wh.png') right center no-repeat; } .idx_onair dd a { color:#FFF; font-size:14px; line-height:16px; } .idx_vis_vod { } .idx_vis_vod ul { overflow:hidden; position:relative; } .idx_vis_vod ul li { float:left; text-align:center; position:relative; z-index:9; margin:0 auto; max-width:100%; width:816px; height:460px; height:auto; min-height:460px; } .idx_vis_vod ul li .play { position:absolute; top:50%; left:50%; margin:-47px 0 0 -47px; } .idx_vis_vod ul li .play img { width:94px; height:94px; } .idx_vis_vod ul li dl { position:absolute; top:365px; left:40px; } .idx_vis_vod ul li dt { color:#ea395e; font-size:12px; font-weight:300; line-height:16px; text-align:left; margin-bottom:10px; } .idx_vis_vod ul li dd { color:#FFF; font-size:30px; font-weight:400; line-height:30px; text-align:left; overflow:hidden; height:29px; } .idx_vis_vod ul li dd a { color:#FFF; } .idx_vis_vod .bx-wrapper { max-width:100%; width:816px; height:460px; height:auto; min-height:460px; position:relative; } .idx_vis_vod .bx-wrapper > img { max-width:100%; width:816px; height:460px; height:auto; min-height:460px; display: block; } .idx_vis_vod .bx-wrapper .bx-controls { } .idx_vis_vod .bx-wrapper .bx-pager { text-align:center; position:absolute; top:30px; right:57px; z-index:99; } .idx_vis_vod .bx-wrapper .bx-pager .bx-pager-item, .idx_vis_vod .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; } .idx_vis_vod .bx-wrapper .bx-pager.bx-default-pager a { text-indent:-9999px; display:block; width:13px; height:13px; margin-left:8px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/pager_off.png') no-repeat; } .idx_vis_vod .bx-wrapper .bx-pager.bx-default-pager a:hover, .idx_vis_vod .bx-wrapper .bx-pager.bx-default-pager a.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/pager_on.png') no-repeat;} .idx_vis_vod .bx-wrapper .bx-controls-direction { display:none; } .idx_vis_vod .bx-wrapper .bx-controls-direction .bx-prev { display:none; } .idx_vis_vod .bx-wrapper .bx-controls-direction .bx-next { display:none; } .idx_vis_vod .bx-wrapper .bx-controls-auto { text-align:center; position:absolute; top:31px; right:30px; z-index:99; } .idx_vis_vod .bx-wrapper .bx-controls-auto .bx-start { display:block; text-indent:-9999px; width:13px; height:13px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/control_start.png') 0px 0px no-repeat; margin:0 4px; } .idx_vis_vod .bx-wrapper .bx-controls-auto .bx-start:hover, .idx_vis_vod .bx-wrapper .bx-controls-auto .bx-start.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/control_start.png') 0px 0px no-repeat; } .idx_vis_vod .bx-wrapper .bx-controls-auto .bx-stop { display:block; text-indent:-9999px; width:13px; height:13px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/control_stop.png') 0px 0px no-repeat; margin:0 4px; } .idx_vis_vod .bx-wrapper .bx-controls-auto .bx-stop:hover, .idx_vis_vod .bx-wrapper .bx-controls-auto .bx-stop.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/control_stop.png') 0px 0px no-repeat; } .idx_wrap h3.idx_tit { font-size:16px; color:#000000; font-weight:500; line-height:16px; } .idx_wrap h3.idx_tit strong { color:#df1220; font-weight:500; margin-right:7px; } .idx_recom { padding:27px 30px 30px; } .idx_recom .recom_lst { padding-top:20px; } .idx_recom .recom_lst .recom_item { clear:both; float:left; margin-bottom:30px; } .idx_recom .recom_lst .recom_item a { display:block; height:100px; } .idx_recom .recom_lst .recom_item .re_thum { float:left; width:100px; } .idx_recom .recom_lst .recom_item .re_thum img { width:100px; height:100px; border-radius:100px; } .idx_recom .recom_lst .recom_item ul { float:left; width:110px; margin:15px 0 0 30px; } .idx_recom .recom_lst .recom_item ul li.re_tit { font-size:14px; color:#000; font-weight:500; margin:7px 0 3px; line-height:16px; } .idx_recom .recom_lst .recom_item ul li.re_time { font-size:12px; color:#666; font-weight:300; line-height:16px; } .idx_tag { } .idx_tag p.tit { float:right; width:240px; font-size:16px; color:#FFF; font-weight:500; margin:19px 30px 0; line-height:24px; } .idx_tag .tag_lst { float:left; width:756px; margin:13px 29px; } .idx_tag .tag_lst li { display:inline-block; margin:0 5px 12px 0; } .idx_box { width:1116px; margin:0 auto; box-sizing:border-box; border:1px solid #d8d8d8; margin-top:30px; } .idx_box_in { float:left; width:100%; background:#f9f9f9; } .idx_box_in .idx_news { float:left; width:814px; background:#FFF; border-right:1px solid #d8d8d8; min-height:980px; } .idx_box_in .idx_prog { float:left; width:240px; padding:22px 29px 0px; border-left:1px solid #d8d8d8; margin-left:-1px; } .idx_news_tab { border-bottom:1px solid #d8d8d8; height:52px; line-height:52px; } .idx_news_tab ul { padding:0 30px; float:left; } .idx_news_tab ul li { float:left; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_bar.png') left 19px no-repeat; padding:0 15px; } .idx_news_tab ul li:first-child { padding-left:0px; background:none; } .idx_news_tab ul li a { color:#666666; font-size:14px; font-weight:500; display:block; height:50px; } .idx_news_tab ul li a.on { border-bottom:3px solid #5a4ff4; color:#000; font-size:16px; font-weight:500; } .idx_news_tab ul li a.politics_on { border-bottom:3px solid #3f73d1; color:#000; font-size:16px; font-weight:500; } .idx_news_tab ul li a.economy_on { border-bottom:3px solid #0d8463; color:#000; font-size:16px; font-weight:500; } .idx_news_tab ul li a.society_on { border-bottom:3px solid #c64563; color:#000; font-size:16px; font-weight:500; } .idx_news_tab ul li a.world_on { border-bottom:3px solid #097f98; color:#000; font-size:16px; font-weight:500; } .idx_news_tab ul li a.cultural_on { border-bottom:3px solid #937218; color:#000; font-size:16px; font-weight:500; } .idx_news_tab ul li a.sports_on { border-bottom:3px solid #a053cd; color:#000; font-size:16px; font-weight:500; } .idx_news_cont { border-bottom:1px solid #e5e5e5; padding-bottom:30px; } .idx_news_in { padding:27px 0 0px; } .idx_news_in div:first-child { border-left:none; } .idx_news_sp { width:212px; float:left; border-left:1px solid #e5e5e5; padding:0 29px; height:462px; } .idx_news_ntalk {position:absolute;left:270px; top:380px;width:272px; border:0px; padding:0px; height:90px; } .idx_news_ntalk li {padding:0px;box-sizing:border-box} .idx_news_ntalk li.txt1 {height:31px;} .idx_news_ntalk li.txt2 {height:59px;background-color:#ffffff;border:3px solid #252144;padding:12px 30px 12px 30px;} .idx_news_ntalk li.txt2 a .tit {font-size:14px; color:#666666; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:2.4em; } .idx_news_sp .news_item { margin-bottom:35px; } .idx_news_sp .news_item .tag { margin-bottom:10px; } .idx_news_sp .news_item a { display:block; } .idx_news_sp .news_item .tit { overflow:hidden; display:block; line-height:18px; font-size:16px; color:#333333; margin-bottom:15px; } .idx_news_sp .news_item .thum { position:relative; display:block; margin-bottom:10px } .idx_news_sp .news_item .thum img { width:212px; height:119px; } .idx_news_sp .news_item .thum:after { position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; display:block; content:""; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_play_s.png') no-repeat 10px 85%; } .idx_news_sp div:first-child { border-top:0px; padding-top:0px; } .idx_news_sp .news_lst { border-top:1px solid #ededed; padding:12px 0 12px; } .idx_news_sp .news_lst a { display:block; height:auto; } .idx_news_sp .news_lst a .tit_cont { font-size:14px; color:#333333; line-height:18px; letter-spacing:-0.5px; padding-bottom:10px; text-overflow:ellipsis; word-wrap:normal; width:212px; overflow:hidden; } .idx_news_sp .news_lst a .cont { font-size:14px; color:#666666; letter-spacing:-0.5px; font-weight:300; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:8.2em; } .idx_news_sp .news_lst a .tit { font-size:14px; color:#666666; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:2.4em; } .idx_news_cont .news_mvtit { float:left; margin:27px 28px 0px; width:168px; height:144px; box-sizing:border-box; border:4px solid #5a4ff4; padding:20px; } .idx_news_cont .news_mvtit dt { color:#5a4ff4; font-size:14px; font-weight:400; border-bottom:1px solid #5a4ff4; width:120px; padding-bottom:10px; margin-bottom:12px; } .idx_news_cont .news_mvtit dd { color:#666666; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-1px; } .idx_news_cont .news_mvlst { padding:27px 28px 0px; } .idx_news_cont .news_mvlst:after { content:""; display:block; clear:both; } .idx_news_cont .news_mvlst li { float:left; width:168px; margin-left:28px; } .idx_news_cont .news_mvlst li:first-child { margin-left:0; } .idx_news_cont .news_mvlst li a { display:block; } .idx_news_cont .news_mvlst li .thum { position:relative; display:block; margin-bottom:10px; } .idx_news_cont .news_mvlst li .thum img { width:168px; height:95px; } .idx_news_cont .news_mvlst li .thum:after { position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; display:block; content:""; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_play_s.png') no-repeat 10px 85%; } .idx_news_cont .news_mvlst li .tit { overflow:hidden; display:block; line-height:17px; font-size:14px; color:#666; } .idx_news_cont .news_mvlst li .adn { display:block; margin-top:10px; color:#999999; font-size:11px; font-weight:400; line-height:10px; letter-spacing:-1px; } .idx_news_cont .news_mvlst li .adn strong { color:#666666; font-size:12px; font-weight:400; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_sbar.png') right 2px no-repeat; padding-right:10px; margin-right:7px; } .idx_cbrother { padding:45px 29px 45px; } .idx_cbrother .idx_cbolst { margin-top:16px; } .idx_cbrother .idx_cbolst:after { content:""; display:block; clear:both; } .idx_cbrother .idx_cbolst li { float:left; width:168px; margin-left:28px; } .idx_cbrother .idx_cbolst li:first-child { margin-left:0; } .idx_cbrother .idx_cbolst li a { display:block; } .idx_cbrother .idx_cbolst li a:focus { border:1px dotted #000; } .idx_cbrother .idx_cbolst li .thum { position:relative; display:block; margin-bottom:10px; } .idx_cbrother .idx_cbolst li .thum img { width:168px; height:95px; } .idx_cbrother .idx_cbolst li .thum:after { position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; display:block; content:""; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_play_s.png') no-repeat 10px 85%; } .idx_cbrother .idx_cbolst li .tit { overflow:hidden; display:block; line-height:17px; font-size:14px; color:#666; overflow:hidden; height:34px;} .idx_cbrother .idx_cbolst li .adn { display:block; margin-top:10px; color:#999999; font-size:11px; font-weight:400; line-height:10px; letter-spacing:-1px; } .idx_cbrother .idx_cbolst li .adn strong { color:#666666; font-size:12px; font-weight:400; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/sp_sbar.png') right 2px no-repeat; padding-right:10px; margin-right:7px; } .idx_newprog { padding:25px 29px 25px; border-top:1px solid #e5e5e5; } .idx_newprog_in { } .idx_newprog_in ul { float:left; } .idx_newprog_in ul li { float:left; width:236px; margin-left:24px; } .idx_newprog_in ul li:first-child { margin-left:0px; } .idx_newprog_in ul li .pg_logo { display:inline; } .idx_newprog_in ul li .pg_txt { display:inline-block; height:70px; color:rgba(0, 0, 0, 0.7); font-size:12px; font-weight:400; line-height:22px; margin:8px 0 0 15px; } .idx_newprog_in ul li .pg_txt strong { color:#333333; font-size:18px; font-weight:400; line-height:22px; letter-spacing:-1px; } .idx_vod { margin-bottom:32px; } .idx_vod:last-child { margin-bottom:0px; } .idx_vod .idx_item { margin-top:17px; } .idx_vod .idx_item a { display:block; margin-bottom:20px; } .idx_vod .idx_item .thum { position:relative; display:block; margin-bottom:10px; } .idx_vod .idx_item .thum img { width:240px; height:135px; } .idx_vod .idx_item .thum:after { position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; display:block; content:""; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_play_s.png') no-repeat 10px 85%; } .idx_vod .idx_item .tit { display:block; line-height:17px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:240px; overflow:hidden; text-align:left; } .idx_vod .idx_item .name { display:block; margin-top:7px; color:#999999; font-size:12px; font-weight:400; line-height:10px; letter-spacing:-1px; text-align:left; } .idx_vod ul { overflow:hidden; position:relative; } .idx_vod ul li { float:left; text-align:center; position:relative; z-index:9; margin:0 auto; max-width:100%; width:240px; height:195px; height:auto; min-height:195px; } .idx_vod .bx-wrapper { max-width:100%; width:240px; height:195px; height:auto; min-height:195px; position:relative; } .idx_vod .bx-wrapper img { max-width:100%; width:240px; height:135px; height:auto; min-height:135px; display: block; } .idx_vod .bx-wrapper .bx-controls { } .idx_vod .bx-wrapper .bx-pager { position:absolute; top:-10px; right:0px; z-index:999; } .idx_vod .bx-wrapper .bx-pager .bx-pager-item, .idx_vod .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; } .idx_vod .bx-wrapper .bx-pager.bx-default-pager a { text-indent:-9999px; display:block; width:8px; height:8px; margin-left:5px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/pager_s_off.png') no-repeat; } .idx_vod .bx-wrapper .bx-pager.bx-default-pager a:hover, .idx_vod .bx-wrapper .bx-pager.bx-default-pager a.active { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/pager_s_on.png') no-repeat;} .idx_vod .bx-wrapper .bx-controls-direction { display:none; } .idx_vod .bx-wrapper .bx-controls-auto { display:none; } .idx_banner { width:1116px; margin:30px auto 0; } .idx_banner p { margin-right:12px; float:left; } .idx_banner p:last-child { margin-right:0px; } /* 기타 -----------------------------------------------------------------------------------------*/ .container_etce { width:1116px; margin:100px auto 0; } .container_etce .title { text-align:center; } .container_etce .title .er_img { } .container_etce .title .er_tit { font-size:30px; font-weight:400; text-align:center; float:none; margin:20px 0 0 0; } .container_etce .title .er_txt { color:#333333; font-size:16px; font-weight:300; text-align:center; margin:10px 0 37px; } .container_etce .contents { width:1116px; float:none; } .container_etce .footer { text-align:center; margin:60px 0 50px; width:100%; } .container_etce .footer .copy { color:#959595; font-size:11px; margin:18px 0 0 0; } .container_etce .btn_area { text-align:center; margin-top:50px; } .container_etce .title h2 { font-size:30px; font-weight:400; text-align:center; float:none; margin:12px 0 0 0; } .container_etce .title .s_tit { color:#333333; font-size:16px; font-weight:300; text-align:center; margin:15px 0 37px; } .container_etce .er_box { border:8px solid #ebebeb; margin-bottom:15px; } .container_etce .er_box .exit { padding:40px 0 40px; text-align:center; } .container_etce .er_box .exit .e_tit { font-size:20px; font-weight:300; color:#333333; line-height:26px; } .container_etce .er_box .exit .e_txt { font-size:14px; font-weight:300; color:#666666; margin:12px 0 0px; line-height:18px; } .container_etce .er_box .exit .e_btn { text-align:center; } .container_etce .er_box .exit .e_btn input { width:265px; margin:30px 5px 0; } /* 스크리닝룸 -----------------------------------------------------------------------------------------*/ #scr_login { background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_screening.jpg') center center fixed no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } .scr_login { width:1116px; margin:0 auto; } .scr_login .container_join h1 { text-align:center; float:none; padding:0px !important; } .scr_login .container_join .title h2 { color:#333333; font-size:60px; font-weight:400; text-align:center; float:none; margin:12px 0 0 0; font-family:'Roboto'; } .scr_login .container_join .title .subtit { color:#333333; font-size:22px; font-weight:400; text-align:center; float:none; margin:15px 0 37px; font-family:'Roboto'; } .scr_login .join_inp ul li .id { background:#FFF url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_id.png') 20px 10px no-repeat; height:48px; } .scr_login .join_inp ul li .id strong { font-family:"Roboto"; font-size:15px; color:#8b8b8b; font-weight:400; padding:14px 0 0 55px; line-height:15px; display:inline-block; } .scr_login .join_inp ul li .id input { margin-top:-2px; line-height:14px; } .scr_login .join_inp ul li .pwd { background:#FFF url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_passwd.png') 20px 10px no-repeat; margin-top:-1px; height:48px; } .scr_login .join_inp ul li .pwd strong { font-family:"Roboto"; font-size:15px; color:#8b8b8b; font-weight:400; padding:14px 0 0 55px; line-height:15px; display:inline-block; } .scr_login .join_inp ul li .pwd input { margin-top:-2px; line-height:14px; } .scr_login .btn_area { text-align:center; margin-top:20px; } .scr_login .copytxt { color:#333333; font-size:12px; font-weight:300; text-align:center; padding:80px 0 100px; line-height:20px; font-family:'Roboto'; } .scr_login .scr_proglist { text-align:center; width:100%; padding-bottom:80px; } .scr_login .scr_proglist ul { display:inline; } .scr_login .scr_proglist ul li { display:inline; margin:0 15px; } #scr_cont #top { width:100%; min-width:1116px; background:#FFF; border-bottom:1px solid #df1220; height:79px; } #scr_cont #top .header { width:1116px; margin:0 auto; position:relative; z-index:999; } #scr_cont #top .header h1 { margin-top:18px; } #scr_cont #top .header .t_rf { margin-top:35px; } .scr_head { background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_scr_top.jpg') 0 0 no-repeat; width:100%; box-sizing:border-box; } .scr_head .head_tit { width:1116px; height:195px; margin:0 auto; padding-top:50px; box-sizing:border-box; } .scr_head .head_tit .txt { color:#434a63; font-size:20px; font-weight:400; text-align:center; letter-spacing:-1px; font-family:'Roboto'; margin-bottom:7px; } .scr_head .head_tit .tit_h2 { float:none; margin:0 0 0px; color:#434a63; font-weight:500; font-size:64px; line-height:64px; text-align:center; letter-spacing:-1.5px; font-family:'Roboto'; } .scr_head .cont_gnb { background-color:#46527e; } .scr_head .cont_gnb ul { width:1116px; margin:0 auto; } .scr_head .cont_gnb ul li { display:inline-block; width:186px; color:rgba(255, 255, 255, 0.6); } .scr_head .cont_gnb ul li a { display:block; height:60px; line-height:60px; color:rgba(255, 255, 255, 0.6); font-weight:400; font-size:18px; text-align:center; letter-spacing:-0.5px; box-sizing:border-box; } .scr_head .cont_gnb ul li a:hover, .scr_head .cont_gnb ul li a:focus, .scr_head .cont_gnb ul li.active a { border-bottom:3px solid #fff; color:#fff; } #scr_cont #footer { background:#32364a; width:100%; min-width:1116px; height:200px; } .ft_content { width:1116px; margin:0 auto; position:relative; } .ft_content .ft_info { padding:33px 0 0 0; } .ft_content .ft_info .addr { color:#858e9f; font-size:12px; line-height:18px; padding:20px 0 20px; } .ft_content .ft_info .addr a { color:#858e9f; font-size:12px; } .ft_content .ft_info .copy { color:#858e9f; } .ft_content .ft_family { position:absolute; top:33px; right:0px; } .ft_content .ft_family .scr_family { width:164px; height:37px; background:#222936 url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_family_on.png') right 0px no-repeat; position:relative; } .ft_content .ft_family .scr_family p.tit { padding:12px 24px 16px; font-size:12px; color:#9aa1ab; } .ft_content .ft_family .scr_family .scr_family_mn { position:absolute; bottom:37px; right:0px; border:1px solid #cccccc; background:#FFF; z-index:999; } .ft_content .ft_family .scr_family .scr_family_mn { width:160px; padding:10px 0 10px; } .ft_content .ft_family .scr_family .scr_family_mn li { } .ft_content .ft_family .scr_family .scr_family_mn li p { } .ft_content .ft_family .scr_family .scr_family_mn li p a { font-size:13px; color:#222222; display:block; padding:7px 24px 7px; } .ft_content .ft_family .scr_family .scr_family_mn li.on { background:#dd0413; } .ft_content .ft_family .scr_family .scr_family_mn li.on a { color:#FFF; } .ft_content .ft_family .scr_family .scr_family_mn li a:hover { display:block; background:#32364a; padding:7px 24px 7px; color:#FFF; } .scr_list { position:relative; } .scr_list ul:after { content:""; display:block; clear:both; } .scr_list ul li { position:relative; float:left; width:270px; height:270px; margin:0 0 20px 12px; border:1px solid #d4d4d4; box-sizing:border-box; background-color:#fff; } .scr_list ul li > a { display:block; } .scr_list ul li .thum { overflow:hidden; position:relative; z-index:10; top:-1px; left:-1px; display:block; width:270px; height:152px; margin-bottom:13px; text-align:center; font-size:0; } .scr_list ul li .thum img { width:100%; height:100%; } .scr_list ul li:nth-child(4n+1) {margin-left:0} .scr_list ul li .tag { margin-bottom:7px; padding:7px 20px 0; } .scr_list ul li .tit { margin-bottom:5px; padding:0 20px; color:#333; font-size:16px; font-weight:500; letter-spacing:-1px; word-break:keep-all; } .scr_list ul li .txt { overflow:hidden; padding:0 20px; line-height:18px; color:#333; font-size:14px; font-weight:300; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; } .scr_list ul li .tag .tag_icon { display:inline-block; height:22px; line-height:100%; margin:0 6px 0 0; padding:4px 5px 0; text-align:center; font-size:12px; font-weight:500; box-sizing:border-box; font-family:'Roboto'; } .scr_view { } .scr_box { border:1px solid #cccccc; box-sizing:border-box; background-color:#fff; padding:35px 40px; } .scr_box .s_tit { font-size:24px; color:#333333; line-height:24px; margin:0px 0 20px 0; letter-spacing:-1px; } .scr_box .s_cont { float:left; width:100%; } .scr_box .s_cont .s_thum { float:left; width:300px; } .scr_box .s_cont .s_thum img { width:270px; height:152px; } .scr_box .s_cont .s_info { float:left; } .scr_box .s_cont .s_info .tag { } .scr_box .s_cont .s_info .tag .tag_icon { display:inline-block; height:18px; line-height:16px; margin:0 6px 0 0; padding:0px 5px 0; text-align:center; font-size:12px; font-weight:300; box-sizing:border-box; font-family:'Roboto'; } .tag_icon.bgBlack { border:1px solid #666; color:#FFF; background-color:#666; font-weight:300; } .tag_icon.lineRed { border:1px solid #df1220; color:#df1220; background-color:#FFF; font-weight:300; } .scr_box .s_cont .s_info .lst { margin-top:15px; } .scr_box .s_cont .s_info .lst dl { clear:both; float:left; width:734px; margin-bottom:8px; } .scr_box .s_cont .s_info .lst dt { float:left; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk2.png') 0 7px no-repeat; font-size:14px; color:#333333; width:144px; padding-left:10px; } .scr_box .s_cont .s_info .lst dd { float:left; font-size:14px; color:#666666; width:210px; font-weight:300; } .scr_box .s_cont .s_info .lst dd.wd { width:580px; } .scr_tittxt { margin-top:40px; } .scr_tittxt .s_lintit { font-size:18px; color:#333333; line-height:18px; margin:0px 0 15px 0; letter-spacing:-1px; } .scr_tittxt .s_tbl { border-top:1px solid #5a5a5a; } .scr_tittxt .s_tbl table { table-layout:fixed; width:100%; } .scr_tittxt .s_tbl table th { border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; font-size:16px; color:#333333; text-align:left; padding:18px 30px; font-weight:300; letter-spacing:-1px; } .scr_tittxt .s_tbl table td { border-bottom:1px solid #dddddd; } .scr_tittxt .s_tbl table th:first-child { border-left:0px; } .scr_tittxt .s_tbl table td.btn { } .scr_tittxt .s_tbl table td .btn_down { border:1px solid #9e9e9e; background:#FFF; width:96px; height:32px; line-height:32px; color:#666; font-size:14px; font-weight:none; overflow:visible; font-weight:300; letter-spacing:-1px; } .scr_tittxt .s_box { border-top:1px solid #5a5a5a; border-bottom:1px solid #dddddd; padding:25px 30px; } .scr_tittxt .s_box p { font-size:14px; color:#666; line-height:22px; font-weight:300; } /* 윈도우팝업 ----------------------------------------------- */ .win_popup_wd { width:750px; } .win_popup_wd h1 { float:none; padding:0; } .win_popup_wd .win_head { border-bottom:2px solid #333; } .win_popup_wd .win_head .tit { height:60px; font-size:24px; line-height:60px; text-align:center; color:#333; } .win_popup_wd .tit02 { float:none; margin:0 0 8px; font-weight:normal; color:#333; font-size:20px; } .win_popup_wd .tit03 { margin:0 0 8px; color:#333; font-size:14px; font-weight:normal; } .win_popup_wd .win_cont { padding:30px; } .win_popup_wd .win_cont .btn_area { text-align:center; margin-top:30px; } .win_popup_wd .win_cont .btn_area input { margin:0 3px; } .win_popup_wd .win_close { position:absolute; right:20px; top:20px; width:22px; height:24px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_win_cls.png') no-repeat 0 0; } /* 이용약관 ----------------------------------------------- */ .tab_box_agr { margin:50px 0 30px; } .tab_box_agr ul { } .tab_box_agr ul:after { content:""; display:block; clear:both; } .tab_box_agr ul li { float:left; width:20%; margin-bottom:-1px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; } .tab_box_agr ul li:nth-child(6n+1) { border-left:1px solid #ccc; } .tab_box_agr ul li a { display:block; height:43px; line-height:43px; text-align:center; color:#333; font-size:16px; font-weight:300; letter-spacing:-1px; } .tab_box_agr ul li.active a { position:relative; color:#e01d2a; } .tab_box_agr ul li.active a:after { position:absolute; z-index:10; top:-1px; left:-1px; content:""; display:block; width:100%; height:100%; border:1px solid #e01d2a; } .agr_cont { position:relative; } .agr_cont h3 { font-size:28px; color:#000000; font-weight:400; } .agr_cont .op_his { position:absolute; top:7px; right:0px; } .agr_cont .op_his ul { float:left; } .agr_cont .op_his ul li { float:left; margin-left:25px; } .agr_cont .op_his ul li label { line-height:24px; } .agr_2sp { position:relative; } .agr_box { border-top:1px solid #5a5a5a; border-bottom:1px solid #5a5a5a; background:#f8f8f8; padding:15px 30px; margin-top:20px; } .agr_box .agr_box_in { height:550px; overflow-y:scroll; } .agr_list { color:#666666; font-size:14px; line-height:18px; font-weight:300; padding:15px 15px 0; } .agr_list .m_tit { color:#333; font-size:18px; line-height:18px; font-weight:500; margin:5px 0 20px; } .agr_list .m_txt { color:#333; font-size:14px; line-height:20px; font-weight:300; padding-bottom:30px; letter-spacing:0px; font-family:'Noto Sans KR'; } .agr_list ul { margin-bottom:20px; } .agr_list ul li { color:#666; font-size:14px; line-height:20px; font-weight:300; padding-bottom:5px; font-family:'Noto Sans KR'; } .agr_list ul li.s_tit { color:#333; font-size:14px; font-weight:400; margin:0px 0 10px; } .agr_list ul li.dep { padding-left:17px; } .agr_list ul li.dep2 { padding-left:34px; } .agr_list ul li table { table-layout:fixed; width:100%; border-top:1px solid #5a5a5a; border-bottom:1px solid #5a5a5a; margin:7px 0 10px; } .agr_list ul li table th { color:#666; font-size:14px; line-height:20px; font-weight:300; border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:7px 10px; font-family:'Noto Sans KR'; } .agr_list ul li table td { color:#666; font-size:14px; line-height:20px; font-weight:300; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:7px 15px; font-family:'Noto Sans KR'; } .agr_list ul li table th:first-child, .agr_list ul li table td:first-child { border-left:none; } .agr_list ul li table td.lf { text-align:left; padding-left:30px; } .agr_box .agr_box_email { height:auto; padding-bottom:0px; } .agr_box .agr_box_email .agr_list .m_txt { padding-bottom:0px; } .agr_box .agr_box_law { height:auto; padding-bottom:5px; } .agr_box .agr_box_law .agr_list ul { margin-bottom:-5px; } .blt_txt { background:url('http://img.tvchosun.com/upload_img/n2017/images/common/blt_bk.png') 0 10px no-repeat; color:#818181; font-size:14px; padding-left:8px; margin-bottom:2px; line-height:22px; font-weight:400; font-family:'Noto Sans KR'; } .st_txt { color:#333333; font-size:14px; margin:20px 0 5px; } .line_box { background:#fafafa; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin:10px 0 10px; } .line_boxin { padding:15px 20px 0; } .line_boxin dl { margin-bottom:15px; } .line_boxin dl dt { line-height:22px; color:#666666; font-size:13px; font-weight:500; } .line_boxin dl dd { line-height:22px; color:#666666; font-size:13px; font-weight:300; } .line_boxin dl dd strong { color:#666666; } .line_boxin dl dd span { font-size:13px; font-weight:300; } #iframe { width:100%; height:100%; } .iframe { } /* 플레이어 레이어팝업 -----------------------------------------------------------------------------------------*/ .vod_player_cont .player_msg { position:absolute; top:0px; left:0px; background:rgba(51, 51, 51, .98); width:100%; height:100%; z-index:999; width:804px;height:452px } .wildMode .player_msg { width:100%; height:628px; } .onair_cont .left { position:relative; } .onair_cont .player_msg { position:absolute; top:0px; left:0px; background:rgba(51, 51, 51, .98); width:100%; height:100%; z-index:999; width:834px;height:469px } .player_msg .player_msg_in { width:590px; margin:0 auto; position:relative; top:30%; text-align:center; } .player_msg .player_msg_in .msg_icon { margin:-10px 0 25px; } .player_msg .player_msg_in dl { } .player_msg .player_msg_in dt { font-size:24px; color:#FFF; font-weight:400; margin-bottom:20px; letter-spacing:-1px; } .player_msg .player_msg_in dt strong { display:inline-block; background:#FFF; margin-right:0px; letter-spacing:-1px; } .player_msg .player_msg_in dd { font-size:14px; color:#a4a3a3; font-weight:200; letter-spacing:-1px; line-height:24px; } .player_msg .player_msg_in dd strong.rbox { background:#f54643; color:#FFF; font-weight:300; padding:0 4px 0 2px; } .player_msg_in .msg_btn { text-align:center; margin:40px 0 0 0; } .player_msg_in .msg_btn input { margin:0 4px; } .player_msg_in .msg_btn input.btn_act { border:1px solid #df131f; color:#FFF; font-size:16px; font-weight:500; overflow:visible; line-height:60px; background:#df131f; width:200px; height:60px; } .player_msg_in .msg_btn input.btn_back { border:1px solid #FFF; color:#666; font-size:16px; font-weight:500; overflow:visible; line-height:60px; background:#FFF; width:200px; height:60px; } .player_msg_in .msg_btn input.btn_blue { border:1px solid #255aa3; color:#FFF; font-size:14px; font-weight:400; overflow:visible; line-height:22px; background:#2f6fc7; width:88px; height:30px; } .player_news { padding:25px 55px 25px; position:relative; } .player_news .pl_tit { font-size:22px; color:#FFF; font-weight:400; margin-bottom:10px; } .player_news .pl_list { position:relative; } .player_news .pl_list > ul { } .player_news .pl_list > ul > li { position:relative; padding:15px 0px 15px; box-sizing:border-box; } .player_news .pl_list > ul > li:after { content:""; display:block; clear:both; } .player_news .pl_list > ul > li .thum { position:relative; float:left; margin-right:22px; } .player_news .pl_list > ul > li .thum a { position:relative; display:block; } .player_news .pl_list > ul > li .thum a img { width:162px; height:90px; border:1px solid #848484; } .player_news .pl_list > ul > li .detail .a_tit a { display:block; margin-bottom:8px; line-height:20px; color:#FFF; font-size:18px; font-weight:300; word-break:keep-all; } .player_news .pl_list > ul > li .detail .a_cont a { overflow:hidden; display:block; height:40px; line-height:20px; margin-bottom:5px; color:#a4a3a3; font-size:13px; font-weight:300; } .player_news .pl_list > ul > li .detail .a_date { color:#a4a3a3; font-size:13px; font-family:'Roboto', sans-serif; letter-spacing:-1px; } .player_news .pl_close { position:absolute; top:20px; right:20px; } .player_news .pl_close img { width:18px; height:18px; } .player_prog { padding:25px 0px 25px 55px; position:relative; } .player_prog .pl_tit { font-size:22px; color:#FFF; font-weight:400; margin-bottom:10px; } .player_prog .pl_mvlist ul { } .player_prog .pl_mvlist ul li { float:left; width:216px; margin-left:26px; padding:10px 0px 8px; } .player_prog .pl_mvlist ul li:first-child { margin-left:0; } .player_prog .pl_mvlist ul li a { display:block; } .player_prog .pl_mvlist ul li .thum { position:relative; display:block; margin-bottom:10px; } .player_prog .pl_mvlist ul li .thum img { width:214px; height:120px; border:1px solid #FFF; } .player_prog .pl_mvlist ul li .thum:after { position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; display:block; content:""; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_play_s.png') no-repeat 10px 85%; } .player_prog .pl_mvlist ul li .tit { overflow:hidden; display:block; line-height:17px; font-size:14px; color:#a4a3a3; font-weight:300; } .player_prog .pl_close { position:absolute; top:20px; right:20px; } .player_prog .pl_close img { width:18px; height:18px; } /* 회사소개 -----------------------------------------------------------------------------------------*/ .company { width:100%; height:100%; min-width:1100px; position:relative; } .company_gnb { width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.5); height:78px; background:transparent; min-width:1100px; position:fixed; z-index:999; top:0px; left:0px; } .company_gnb .gnb_area { width:1100px; margin:0 auto; } .company_gnb .gnb_area .gnb_area_in { width:100%; float:left; } .company_gnb .gnb_area .gnb_area_in h1 { float:left; padding:25px 0 0 10px; } .company_gnb .gnb_area .gnb_area_in .gnb_mm { float:right; } .company_gnb .gnb_area .gnb_area_in .gnb_mm li { float:left; padding:30px 0px 0 90px; } .company_gnb .gnb_area .gnb_area_in .gnb_mm li a { color:#FFF; font-size:14px; font-weight:500; } .company_gnb.sub { border-bottom:1px solid #b2b2b2; background:#FFF; } .company_gnb.sub .gnb_area .gnb_area_in .gnb_mm li a { color:#333333; font-size:14px; font-weight:500; } .wrap_wd { width:100%; position:relative; } .wrap_cont { width:1100px; margin:0 auto; } .wrap_wd .swiper-container { width:100%; height:100%; } .wrap_wd .swiper-wrapper { width:100%; height:100%; } .wrap_wd .swiper-wrapper .swiper-slide { } .wrap_wd .swiper-pagination { margin:20px 0 10px; position:absolute; bottom:110px !important; left:50%; margin-left:-540px; } .wrap_wd .swiper-pagination-switch { display:inline-block; width:11px; height:11px; margin:0 9px 0px 0px; cursor:pointer; border:none; background:url('http://img.tvchosun.com/upload_img/n2017/images/company/indi_off.png') center center no-repeat; overflow:hidden; text-indent:-999px; font-size:0; } .wrap_wd .swiper-active-switch { width:47px; height:11px; background:url('http://img.tvchosun.com/upload_img/n2017/images/company/indi_on.png') center center no-repeat; background-size:47px 11px; } .com_visual1 { background:url('http://img.tvchosun.com/upload_img/n2017/images/company/visual_img1.jpg') center center no-repeat; height:905px; } .com_visual2 { background:url('http://img.tvchosun.com/upload_img/n2017/images/company/visual_img2.jpg') center center no-repeat; height:905px; } .com_visual3 { background:url('http://img.tvchosun.com/upload_img/n2017/images/company/visual_img3.jpg') center center no-repeat; height:905px; } .com_visual4 { background:url('http://img.tvchosun.com/upload_img/n2017/images/company/visual_img4.jpg') center center no-repeat; height:905px; } .visual_txt { padding:430px 0 0 10px; text-align:left; } .visual_txt .h_txt { font-size:30px; color:#FFF; font-weight:300; margin-bottom:20px; } .visual_txt dl { } .visual_txt dt { font-size:72px; color:#FFF; font-weight:300; line-height:65px; } .visual_txt dt img { margin-right:15px; } .visual_txt dd { font-size:30px; color:#FFF; font-weight:300; line-height:40px; margin:45px 0 0 0; } .wrap_info { background:#fafafa url('http://img.tvchosun.com/upload_img/n2017/images/company/info_bg.jpg') center top no-repeat; width:100%; padding:40px 0 100px; } .wrap_manage { background:#FFF; width:100%; padding:40px 0 100px; } .wrap_business { background:url('http://img.tvchosun.com/upload_img/n2017/images/company/manage_bg.jpg') center top no-repeat; width:100%; height:800px; padding:40px 0 0px; } .wrap_press { background:#FFF; width:100%; padding:40px 0 100px; } .wrap_footer { background:url('http://img.tvchosun.com/upload_img/n2017/images/company/footer_bg.jpg') center center no-repeat; width:100%; height:224px; } .wrap_wd h2 { text-align:center; color:#232424; font-size:60px; font-weight:400; margin:70px 0 40px; float:none; } .wrap_wd .tab { } .wrap_wd .tab ul { display:inline-block; text-align:center; width:100%; line-height:44px; } .wrap_wd .tab ul li { display:inline-block; width:180px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; height:44px; text-align:center; margin-left:-3px; line-height:44px; } .wrap_wd .tab ul li:first-child { border-left:1px solid #cccccc; } .wrap_wd .tab ul li a { color:#333333; font-size:16px; font-weight:500; line-height:44px; font-family:'Noto Sans KR'; display:block; } /* font-weight:300----*/ .wrap_wd .tab ul li.on { background:#f54643; border:1px solid #f54643; } .wrap_wd .tab ul li.on a { color:#FFF; } .company_repo h3 { text-align:center; color:#6c7380; font-size:60px; font-weight:400; margin-bottom:50px; } .com_info { padding:80px 0 0px; } .com_info .info_tbl { border-top:2px solid #6c7380; border-bottom:1px solid #c3c6cb; padding:25px 0 25px; } .com_info .info_tbl table { width:100%; table-layout:fixed; } .com_info .info_tbl table thead { } .com_info .info_tbl table tbody { } .com_info .info_tbl table tbody th { color:#6c7380; font-size:18px; font-weight:500; padding:18px 0 15px; text-align:left; vertical-align:top; } .com_info .info_tbl table tbody td { color:#6c7380; font-size:18px; font-weight:300; padding:18px 0 15px; vertical-align:top; } .ceo_info { padding:80px 0 0px; } .ceo_info h3 { margin-bottom:20px; } .ceo_info .ceo_tit { text-align:center; color:#6c7380; font-size:18px; font-weight:400; line-height:28px; padding-bottom:45px; } .ceo_info .ceo_txt { float:left; width:100%; } .ceo_info .ceo_txt li { float:left; width:510px; padding-right:40px; color:#6c7380; font-size:16px; font-weight:300; line-height:29px; letter-spacing:-0.5px; } .mmg_spirit { padding:80px 0 0px; } .mmg_spirit h3 { margin-bottom:20px; } .mmg_spirit .mmg_tit { text-align:center; color:#666666; font-size:16px; font-weight:300; line-height:24px; padding-bottom:20px; } .mmg_spirit .mng_img { display:table; width:890px; margin:0 auto; } .mmg_spirit .mng_img li { display:table-cell; width:240px; text-align:center; } .mmg_spirit .mng_img li.ct { width:410px; } .mmg_spirit .mng_img li strong { display:block; color:#f54643; font-size:18px; font-weight:500; line-height:28px; padding:18px 0 10px; } .mmg_spirit .mng_img li p { color:#666666; font-size:14px; font-weight:400; line-height:21px; } .mmg_cont { border-top:1px dotted #a9a9a9; margin-top:40px; padding-top:40px; } .mmg_cont dl { } .mmg_cont dt { text-align:center; color:#f54643; font-size:30px; font-weight:600; line-height:24px; padding-bottom:20px; }/* color:#777777; font-size:22px; font-weight:400;----*/ .mmg_cont dd { text-align:center; color:#777777; font-size:16px; font-weight:300; line-height:24px; padding-bottom:40px; letter-spacing:-0.5px; } .mmg_cont .mng_pic { display:table; width:828px; margin:0 auto; } .mmg_cont .mng_pic li { display:table-cell; width:276px; text-align:center; } .mmg_cont .mng_pic li strong { display:block; color:#f54643; font-size:22px; font-weight:300; line-height:28px; padding:14px 10px 10px; text-align:left; } .mmg_cont .mng_pic li p { color:#666666; font-size:14px; font-weight:300; line-height:18px; text-align:left; padding-left:10px; } .bi_cont { padding:80px 0 0px; } .bi_cont h3 { margin-bottom:20px; } .bi_contin { } .bi_contin .bi_sp { float:left; width:100%; margin-bottom:35px; } .bi_contin .bi_sp p { float:left; width:660px; margin-right:25px; } .bi_contin .bi_sp dl { float:left; width:415px; } .bi_contin .bi_sp dt { color:#6c7380; font-size:16px; font-weight:800; line-height:28px; margin-bottom:15px; } /* font-weight:500----*/ .bi_contin .bi_sp dd { color:#6c7380; font-size:16px; font-weight:300; line-height:24px; letter-spacing:-0.5px; } .contact_cont { padding:80px 0 0px; } .contact_addr { margin-bottom:25px; } .contact_addr li { color:#777777; font-size:22px; font-weight:300; padding-bottom:12px; } .contact_addr li strong { color:#777777; font-weight:400; width:120px; display:inline-block; } .contact_way { float:left; width:100%; margin-top:50px; } .contact_way .ct_sp { float:left; width:50%; } .contact_way .ct_sp .ct_tit { color:#777777; font-size:22px; font-weight:400; padding-bottom:40px; } .contact_way .ct_sp ul.subway { display:table; margin-bottom:30px; } .contact_way .ct_sp ul.subway li { display:table-cell; color:#777777; font-size:18px; font-weight:300; line-height:34px; vertical-align:top; } .contact_way .ct_sp ul.subway li.ct_icon { width:110px; } .contact_way .ct_sp ul.subway li.ct_icon img { margin:5px 10px 0 0; } .contact_way .ct_sp ul.bus { } .contact_way .ct_sp ul.bus li { color:#777777; font-size:18px; font-weight:300; line-height:21px; margin:5px 0 15px; } .manage { } .manage_in { float:left; width:100%; } .manage_in .m_lf { float:left; width:550px; } .manage_in .m_lf .manage_info { margin-top:80px; } .manage_in .m_lf .manage_info .img_txt { position:relative; } .manage_in .m_lf .manage_info .img_txt p { position:absolute; top:26px; left:42px; font-size:24px; color:#353535; font-weight:600; line-height:30px; letter-spacing:-1px; } /* font-weight:400;----*/ .manage_in .m_lf .manage_info dl { float:left; margin-top:35px; } .manage_in .m_lf .manage_info dt { float:left; width:120px; text-align:center; } .manage_in .m_lf .manage_info dd { float:left; width:430px; font-size:16px; color:#666666; font-weight:200; line-height:24px; margin-top:4px; letter-spacing:-1px; } .manage_in .m_rf { float:right; width:550px; margin-top:78px; } .manage_in .m_rf .manage_info { margin-top:80px; } .manage_in .m_rf .manage_info .img_txt { position:relative; } .manage_in .m_rf .manage_info .img_txt p { position:absolute; top:26px; right:42px; font-size:24px; color:#353535; font-weight:600; line-height:30px; text-align:right; letter-spacing:-1px; } /* font-weight:400;----*/ .manage_in .m_rf .manage_info .img_txt p.line { position:absolute; top:40px; right:42px; font-size:24px; color:#353535; font-weight:600; line-height:30px; text-align:right; letter-spacing:-1px; } /* font-weight:400;----*/ .manage_in .m_rf .manage_info dl { float:left; margin-top:35px; } .manage_in .m_rf .manage_info dt { float:right; width:120px; text-align:center; } .manage_in .m_rf .manage_info dd { float:right; width:430px; font-size:16px; color:#666666; font-weight:200; line-height:24px; margin-top:4px; letter-spacing:-1px; text-align:right; } .ochart { } .ochart .o_txt { font-size:30px; color:#333333; font-weight:200; text-align:center; margin:75px 0 30px; } .ochart .o_txt strong { color:#f54643; font-weight:200; } .ochart .o_tit { text-align:center; color:#333333; font-size:24px; font-weight:500; margin:30px 0 20px; } .ochart_tbl { width:580px; margin:0px auto 0; } .ochart_tbl .o_noti { text-align:right; color:#333333; font-size:14px; font-weight:300; margin-bottom:10px; } .ochart_tbl table { table-layout:fixed; width:100%; } .ochart_tbl table thead th { color:#333333; font-size:16px; font-weight:400; border-top:1px solid #5a5a5a; border-bottom:1px solid #5a5a5a; height:49px; line-height:49px; } .ochart_tbl table thead th.total { color:#df1220; } .ochart_tbl table tbody th { text-align:center; color:#333333; font-size:16px; font-weight:300; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; height:49px; line-height:49px; } .ochart_tbl table tbody td { text-align:center; color:#333333; font-size:16px; font-weight:300; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; height:49px; line-height:49px; } .ochart_tbl table tbody th.total, .ochart_tbl table tbody td.total { border-right:none; color:#df1220; } .wrap_business h2 { text-align:center; color:#FFF; font-size:60px; font-weight:400; margin:180px 0 40px; float:none; } .busi_info { background:url('http://img.tvchosun.com/upload_img/n2017/images/company/bg_bar.png') center top no-repeat; padding-top:48px; } .busi_info .b_txt { text-align:center; color:#dedede; font-size:20px; font-weight:200; line-height:30px; } .busi_info .b_btn { text-align:center; margin-top:120px; } .busi_info .b_btn input.btn_summary { border:1px solid #FFF; color:#dedede; font-size:18px; font-weight:400; overflow:visible; line-height:32px; background:transparent; width:198px; height:48px; box-sizing:border-box; } .business_cont { margin-top:200px; position:relative; } .business_cont .b_tit { text-align:center; color:#FFF; font-size:36px; font-weight:500; } .business_cont .go_prev { position:absolute; top:50%; margin-top:-35px; left:0px; } .finance_tbl { width:720px; margin:85px auto 0; } .finance_tbl .b_noti { text-align:right; color:#FFF; font-size:14px; font-weight:300; margin-bottom:10px; } .finance_tbl table { table-layout:fixed; width:100%; } .finance_tbl table thead th { color:#FFF; font-size:16px; font-weight:400; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; height:49px; line-height:49px; } .finance_tbl table tbody th { text-align:center; color:#FFF; font-size:16px; font-weight:400; border-bottom:1px solid rgba(255, 255, 255, 0.3); height:49px; line-height:49px; } .finance_tbl table tbody td { text-align:center; color:#FFF; font-size:16px; font-weight:300; border-bottom:1px solid rgba(255, 255, 255, 0.3); height:49px; line-height:49px; } .press_bbs { } .press_bbs .press_paging { display:inline-block; width:100%; text-align:center; } .press_bbs .press_paging li { display:inline-block; margin:0 5px; } .press_bbs .press_list { float:left; width:100%; margin-top:80px; } .press_bbs .press_list .press_item { float:left; width:306px; padding:0 30px; } .press_bbs .press_list .press_item .cate { color:#333; font-size:16px; font-weight:500; } .press_bbs .press_list .press_item .cate1 { color:#5d2ee5; } .press_bbs .press_list .press_item .cate2 { color:#2ea2e5; } .press_bbs .press_list .press_item .cate3 { color:#09b7a0; } .press_bbs .press_list .press_item .cate4 { color:#d82c55; } .press_bbs .press_list .press_item dl { margin-top:35px; } .press_bbs .press_list .press_item dt { color:#333; font-size:28px; font-weight:400; line-height:30px; padding-bottom:20px; margin-bottom:15px; height:42px; overflow:hidden; } .press_bbs .press_list .press_item dd { color:#666; font-size:16px; font-weight:300; line-height:23px; background:url('http://img.tvchosun.com/upload_img/n2017/images/company/bg_sbar.png') left top no-repeat; padding-top:45px; height:96px; overflow:hidden; } .press_bbs .press_list .press_item dd.date { color:#4d4d4d; font-size:16px; font-weight:500; font-family:"Roboto"; margin-top:40px; background:none; padding-top:0px; } .press_bbs .press_btn { text-align:center; margin-top:40px; } .press_bbs .press_btn input.btn_pressroom { border:1px solid #1d1815; color:#222; font-size:18px; font-weight:300; overflow:visible; line-height:32px; background:transparent; width:198px; height:48px; box-sizing:border-box; } .company_ft { text-align:center; width:100%; padding-top:43px; position:relative; } .company_ft .copy { margin-top:20px; color:#858e9f; font-size:12px; font-weight:300; line-height:18px; } .company_ft ul { display:inline-block; width:100%; text-align:center; margin-top:30px; } .company_ft ul li { display:inline-block; margin:0 3px; } .company_fm { position:absolute; top:40px; right:0px; } .company_fm .company_fmin { position:relative; } .company_fm .company_fmin .fm_in { width:162px; height:37px; background:url('http://img.tvchosun.com/upload_img/n2017/images/company/bg_fm.png') no-repeat; cursor:pointer; } .company_fm .company_fmin .fm_in .f_tit { text-align:left; color:#9aa1ab; font-size:12px; font-weight:400; line-height:37px; margin-left:23px; } .company_fm .company_fmin .fm_lay { position:absolute; bottom:37px; right:-1px; border:1px solid #272a30; background:#FFF; width:162px; display:none; } .company_fm .company_fmin .fm_lay ul { text-align:left; margin-top:0px; } .company_fm .company_fmin .fm_lay li { width:100%; margin:0px; } .company_fm .company_fmin .fm_lay li p { } .company_fm .company_fmin .fm_lay li p a { font-size:12px; color:#6c7380; display:block; padding:7px 24px 7px; text-align:left; } .company_fm .company_fmin .fm_lay li.on { background:#32364a; } .company_fm .company_fmin .fm_lay li.on a { color:#FFF; } .company_fm .company_fmin .fm_lay li a:hover { display:block; background:#32364a; padding:7px 24px 7px; color:#FFF; } .pressroom { } .pressroom_top { width:100%; height:351px; background:url('http://img.tvchosun.com/upload_img/n2017/images/company/pressroom_img.jpg') center top no-repeat; position:relative; } .pressroom_in { width:1116px; margin:0 auto; position:relative; } .pressroom_in h2 { color:#FFF; font-size:71px; font-weight:300; position:absolute; top:170px; left:50%; margin-left:-120px; } .pressroom_in .location { position:absolute; top:320px; right:0px; } .pressroom_in .location ul { float:right; } .pressroom_in .location ul li { float:left; color:#FFF; font-size:14px; font-weight:300; line-height:16px; background:url('http://img.tvchosun.com/upload_img/n2017/images/company/icon_arrow.png') right 3px no-repeat; padding:0 15px 0 7px; } .pressroom_in .location ul li a { color:#FFF; font-size:14px; font-weight:300; line-height:16px; } .pressroom_in .location ul li img { margin:2px 0 0 0; padding-right:5px; } .pressroom_in .location ul li.pres { background:none; padding-right:0px; } .pressroom_wrap { padding:50px 0 100px; } .pressroom_wrap .tab { margin-bottom:40px; } .pressroom_wrap .tab ul { display:inline-block; text-align:center; width:100%; line-height:44px; } .pressroom_wrap .tab ul li { display:inline-block; width:278px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; height:44px; text-align:center; margin-left:-3px; line-height:44px; } .pressroom_wrap .tab ul li:first-child { border-left:1px solid #cccccc; } .pressroom_wrap .tab ul li a { color:#333333; font-size:16px; font-weight:300; line-height:44px; font-family:'Noto Sans KR'; display:block; } .pressroom_wrap .tab ul li.on { background:#f54643; border:1px solid #f54643; } .pressroom_wrap .tab ul li.on a { color:#FFF; } .pressroom_in .search_box {margin-bottom:20px; text-align:right;} .pressroom_in .search_box .srh_box input {width:100%;height:43px;padding-left:20px;border:0;font-size:16px;font-weight:300;line-height:20px;font-family:'Noto Sans KR'; } .pressroom_in .bbs_list table tr.noti td {background-color:#f1e7e7} .pressroom_in .bbs_list table tr:hover td {background-color:#f8f3f3} .pressroom_in .bbs_list table tr:hover td a {color:#333333 !important} .pressroom_in .bbs_list table td {height:80px;padding:5px 15px 0;border-bottom:1px solid #dedede;color:#333;font-size:14px;} .pressroom_in .bbs_detail table thead th {position:relative;padding:20px 170px 10px 0;border-bottom:1px solid #5a5a5a;vertical-align:middle;line-height:24px;text-align:left;color:#333;font-size:18px;font-weight:400;word-break:keep-all} .pressroom_in .bbs_detail table thead th .date {margin-top:0px;color:#8b8b8b;font-size:14px;font-family:'Roboto', sans-serif;font-weight:300;} .pressroom_in .bbs_detail table tbody td.detail_cont { line-height:22px; } .pressroom_in .bbs_detail table tbody td.detail_cont .bbs_img { text-align:center; margin:10px 0 30px; } .pressroom_in .sns_box {display:none;position:absolute;z-index:10;right:0;width:90px;padding:15px 0px 15px 15px;border:1px solid #e70215;box-shadow:1px 1px 6px #000;background-color:#fff} .pressroom_in .sns_box li { display:inline; text-align:center; margin:0 4px; } .pressroom_in .sns_box li img { width:31px; height:31px; } .pressroom_in .bbs_gallery.col4 ul li {width:270px;height:240px !important;margin-left:12px} .pressroom_in .bbs_gallery.col4 ul li a .thum {width:270px;height:152px} .pressroom_in .bbs_gallery.col4 ul li a .thum img {width:100%;height:100%} .pressroom_in .bbs_gallery.col4 ul li a .txt {overflow:hidden;padding:20px 15px 5px;line-height:23px;color:#333;font-size:16px;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all} .pressroom_in .bbs_gallery.col4 ul li a .date {padding:0 15px;color:#666;font-size:14px;font-family:'Roboto', sans-serif;font-weight:300;} .news_slide { float:right; width:500px; position:relative; margin-right:0px; } .news_slide ul { overflow:hidden; margin:0px 10px 0px 0; } .news_slide ul li { position:relative; z-index:9; width:120px; text-align:center; } .news_slide ul li img { } .news_slide .bx-wrapper { margin:0 auto; } .news_slide .bx-wrapper .bx-viewport { } .news_slide .bx-wrapper .bx-controls-direction a { position:absolute; top:24px; width:8px; height:14px; text-indent:-9999px; z-index:5; } .news_slide .bx-wrapper .bx-prev { left:-20px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_arr_l_w.png') no-repeat 0 0; background-size:100%; } .news_slide .bx-wrapper .bx-next { right:-20px; background:url('http://img.tvchosun.com/upload_img/n2017/images/common/icon_arr_w.png') no-repeat 0 0; background-size:100%; } .news_slide .bx-wrapper .bx-pager { display:none; } /* 오픈 공지 -----------------------------------------------------------------------------------------*/ .open_notice { background:url('http://img.tvchosun.com/upload_img/n2017/images/contents/bg_open_noti.jpg') center top no-repeat; height:100%; width:100%; min-height:1080px; } .open_in { width:700px; margin:0 auto; } .open_in h1 { float:none; text-align:center; padding-top:70px; } .open_in .op_toptxt { text-align:center; border-bottom:3px solid #df1220; padding:18px 0 35px; width:620px; margin:0 auto; } .open_in .op_toptxt .op_mtit { font-size:34px; color:#FFF; font-weight:500; line-height:60px; } .open_in .op_toptxt .op_mtxt { font-size:18px; color:rgba(255, 255, 255, 0.7); font-weight:400; letter-spacing:-1px; } .open_in .op_adtxt { width:470px; margin:25px auto 50px; } .open_in .op_adtxt dl { clear:both; float:left; } .open_in .op_adtxt dl dt { float:left; width:100px; font-size:16px; color:rgba(255, 255, 255, 0.7); font-weight:400; line-height:34px; } .open_in .op_adtxt dl dd { float:left; width:370px; font-size:16px; color:rgba(255, 255, 255, 0.7); font-weight:400; line-height:34px; } .open_in .op_bottxt { margin-top:30px; text-align:center; } .open_in .op_bottxt .op_btxt { font-size:18px; color:#8b8b8b; font-weight:300; line-height:30px; } .open_in .op_bottxt .op_copy { font-size:18px; color:#FFF; font-weight:300; font-family:'Roboto'; padding:50px 0 0px; }