@charset "utf-8"; /****** PC용 CSS *****/ /*** 공통 ***/ /* 기본 */ .content{position:relative; width:90%; max-width:1100px; margin:140px auto 50px auto; } .cfixed:after, .container:after{ display:block; content:""; clear:both; } .img_border img{border:1px solid #e6e6e6; box-sizing:border-box;} /* 헤더 영역 */ header{ width:100%; /*height:70px;*/ height:60px; background:#fff; position:fixed; top:0; z-index:10; border-bottom: 1px solid #e0e0dd;} header .container{ position:relative; width:90%; height:100%; max-width:1100px; margin:0 auto;} header .ad_bizwatch_title{position:absolute; left:0; top:5px;} header .ad_bizwatch_title img{height: 50px;} @media (max-width:950px){ header .ad_bizwatch_title{display:none;} } header .logo{display:block; width:180px; margin:0 auto;} header .logo img{ width:100%; margin-top:17px;} /*창간5주년용 header .logo{display:block; width:319px;margin:0 auto;} header .logo img{ width:100%; margin-top:16px;} */ header .top_btn{ position:absolute; right:0; top:14px; } header .top_btn li{float:left; padding:5px; margin-right:3px;} header .top_btn li.daum_btn{margin-right: 0;} header .top_btn .search_btn{float:left; margin-right:0; cursor:pointer; } header .top_btn .menu_btn img{ cursor:pointer; } /*header .top_btn .search_btn:before{display:inline-block; content:""; margin-right:12px; width:1px; height:25px; border-left:1px solid #2cb8f0;}*/ header .top_btn img{ width:25px; } header .top_btn .youtube_btn img{ width:30px; } /* header .ticker{ background:#00a6e9; padding:4px 0 4px 0;} header .ticker .ticker_list{ position:relative; width:90%; max-width:1100px; margin:0 auto; } header .ticker .ticker_list>li{ float:left; line-height: 1.2em;} header .ticker .ticker_list>li.ticker_new{ width:calc(50% - 30px); margin:2px 20px 0 10px; color: #fff;} header .ticker .ticker_list>li.ticker_hot{width:calc(50% - 30px); margin-top:2px; color: #fff;} header .ticker .ticker_list li a{ font-size:14px; color:#fff; } header .ticker .ticker_list li .title{float:left;} header .ticker .ticker_list li .ticker_m{ float:left; } header .ticker .ticker_list li .ticker_m ul{ position:relative; } header .ticker .ticker_list li .ticker_m ul li{ display:none; } header .ticker .ticker_list li.ticker_new .title a{ font-weight:bold; color:#fff; } header .ticker .ticker_list li.ticker_hot .title a{ font-weight:bold; color:#fff; } header .ticker .ticker_list li.ticker_new .arrow{ display:inline-block; vertical-align:middle; margin:0 10px 3px 5px; color:#fff; font-size:10px; } header .ticker .ticker_list li.ticker_hot .arrow{ display:inline-block; vertical-align:middle; margin:0 10px 3px 5px; color:#fff; font-size:10px; } */ /* 검색영역 */ .search{position:fixed; top:5px; width:100%; z-index:35; right: -14px; display:none;} .search .close_btn{cursor: pointer;} .search .close_btn img{width: 18px; padding: 10px;} .search .search_area{ position:relative; max-width:1100px; margin:0 auto; } .search .search_bg{ float:right; width:400px; padding:8px; background-color: #fff; /*-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);*/ } .search .keyword{ width:calc(100% - 120px); height:35px; background-color: #fff; padding:0 10px; border:1px solid #ccc; font-size:15px; color:#000; box-sizing:border-box;} .search .black_btn{ display:inline-block; margin-left:7px; padding:7px 22px; background:#000; border-radius:4px; font-size:15px; color:#fff; cursor:pointer; } .search .black_btn a{ color:#fff; } .search .black_btn a:hover{ text-decoration:none; } /* 검색화면 */ .result_area{ width:100%; background:#f8f8f8; padding:40px 0; margin-top:61px; border-bottom:1px solid #e0e0e0;} .result_area .result_input{ width:500px; border-bottom:2px solid #000; margin:0 auto; } .result_area .result_input input{ background:#f8f8f8; font-size:32px; width:calc(100% - 65px); padding:7px 10px; } .result_area .result_input input:focus{outline: none;} .result_area .result_btn{ display:inline-block; float:right; margin-top:14px; } .result_area .result_btn a{ padding:10px; } .result_area .result_btn img{ width:25px; } .result_area .result_text{ margin-top:20px; text-align:center; font-size:17px; } .result_area .result_text .strong{ font-weight:bold; color:#eb008a; } #search{ margin-top:50px; } #search .strong{ font-weight:bold; color:#eb008a; } #search .left_content{ float:left; width:65%; } #search .right_content{ float:right; width:30%; margin-top:30px;} #search .right_content div:first-child{ margin-top:0; } #search .all_news{ margin-top:0; } #search .all_news h2{ font-size:20px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:6px; } #search .all_news .news_list{ font-size:17px; } #search .all_news .news_list li{ position:relative; padding:20px 0; border-bottom:1px solid #e0e0e0; } #search .all_news .news_list .img{ float:left; width:160px; } #search .all_news .news_list .img img{ width:100%; } #search .all_news .news_list .text{ float:right; width:calc(100% - 175px);} #search .all_news .news_list .text .title{ margin-top:3px; font-size:18px; font-weight:bold; line-height:1.3em;} #search .all_news .news_list .text .body{ margin-top:7px; font-size:15px; line-height:1.4em; height:42px; overflow:hidden; } #search .all_news .news_list .text .info{ margin-top:10px; font-size:12px; } #search .all_news .news_list .text .info .name{ color:#00a6e9; } #search .all_news .news_list .text .info .dot{ margin:0 3px; color:#aaa; } #search .all_news .news_list .text .info .update{ color:#aaa; } #search .ad_bizwatch_search{ width:100%; } /* 전체메뉴 영역 */ .menu_wrap{display: none;} .menu_wrap .menu_div{position: fixed; top: 61px; width: 100%; background: #fff; z-index: 30; font-size: 16px; -webkit-box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.3); box-shadow: 0px 5px 5px 0 rgba(0,0,0,0.3);} .menu_wrap .menu { max-width: 1250px; margin: 0 auto; padding-right: 30px; box-sizing: border-box;} .menu_wrap .logo_area{margin-top: 16px; background:#649ce1; width: 100%;} .menu_wrap .logo_area ul{display: flex; width: 651px; margin: 0 auto; padding: 8px; font-size: 14px; font-weight: 500; } .menu_wrap .logo_area ul a{color: #fff;} .menu_wrap .logo_area ul li{margin-right: 35px;} .menu_wrap .logo_area ul li:first-child{margin-right: 40px;} .menu_wrap .logo_area ul li:last-child{margin-right: 0;} .menu_wrap .logo_area ul li .logo{display: inline-block; margin-top: 3px;} .menu_wrap .logo_area ul li .logo img{width: 160px;} .menu_wrap .logo_area ul li .text{display: inline-block; margin-top: 1px;} .menu_wrap .logo_area ul li .img{margin-right: 10px;} .menu_wrap .category {display: flex; padding: 14px 0;} .menu_wrap .category dl{display: flex; border-right: 1px solid #e0e0dd; padding: 0 3%;} .menu_wrap .category dl:last-child{border-right: none;} .menu_wrap .category dl dt{font-size: 16px; font-weight: 700; margin-right: 18px;} .menu_wrap .category dl dd{font-size: 14px; font-weight: 500; line-height: 1.8;} .menu_wrap .category .full_news{/*display: none;*/ font-weight: 700; } .menu_wrap .category .full_news a{color: #2768b9;} .menu_wrap .fullscreen_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(38, 43, 49, 0); z-index: 29;} /* 풋터 */ #footer{ clear: both; width:100%; /*margin-top:70px;*/ padding-bottom:30px; background:#fff; } #footer .links{width:100%; height:32px; background:#3c4349; line-height:1.3em;} #footer .links ul{width:90%; max-width:1100px; margin:0 auto;} #footer .links ul li{float:left; margin-top:5px;} #footer .links ul li a{font-size:13px; font-weight: bold; color:#fff; display: inline-block; padding: 0 12px; border-left:1px solid #808080;} #footer .links ul li:first-child a{border:none; padding-left:0;} #footer .foot_area{clear:both; width:90%; max-width:1100px; margin:30px auto 0 auto;} #footer .foot_area .txts{font-size:11px; line-height:1.4em; color:#808080;} #footer .foot_area .txts .company{font-size:12px; font-weight:bold; margin-bottom:6px;} #footer .foot_area .address{font-style:normal;} #footer .foot_area .address .icon_rss{width: 12px; margin: 2px 4px 0 0;} #footer .foot_area .address a{color: #808080;} /*** 기사 뷰 페이지 ***/ /* 컨텐츠 영역 */ #news_view header{/*position:relative;*/} #news_view .content{margin-top:92px;} #news_view .left_content{ float:left; width: 63.637%; margin-top:20px; } #news_view .right_content{ float:right; width:30%; margin-top:15px;} /* 상단 컨텐츠 영역 */ .top_content{border-bottom:1px solid #e0e0e0; padding-bottom:15px;} .top_content h1{ width:100%; text-align:left; font-size:38px; /*font-weight:normal; letter-spacing:-0.03em;*/ line-height:1.3em;} .top_content .container{ position:relative; max-width:1100px; } .top_content .container .info{ margin-top:25px; text-align:left; float:left; } .top_content .container .info .byline{ font-size:14px; line-height:1.6em; } .top_content .container .info .byline .name{ font-size:16px; color:#00a6e9; margin-right: 5px;} .top_content .container .info .update{ margin-top:5px; font-size:14px; color:#828282; } .top_content .container .share{ position:absolute; bottom:0; right:0; /*width:132px; margin:0 auto;*/ } .top_content .container .share li{float:left; margin-left:6px;} .top_content .container .share.mobile{display:none;} .top_content .container .share li:first-child{margin-left:0;} .top_content .container .share li img{ width:40px; } .top_content .container .share_popup.mobile{display:none;} /* 뉴스 컨텐츠 영역 수정 2023.04.24 */ .news_content{margin-top:0;} .news_content .container{ width:100%; word-wrap: break-word; word-break: break-all; text-align: justify; } .news_content .container h2{ margin-bottom:20px; font-size:22px; line-height:1.3em; letter-spacing:-0.02em; } /*.news_content .container .news_body{font-size:17px; line-height:1.5em;} .news_content .container p{ font-size:17px; } .news_content .container font{font-size:17px;}*/ .news_content .container .news_body{font-size:17px; line-height:1.5em; color:#333538; } /*.news_content .container p{ font-size:18px; line-height: 1.8em; letter-spacing: -0.05em;} .news_content .container font{font-size:18px; line-height: 1.8em; letter-spacing: -0.05em;}*/ .news_content .container p{ font-size:20px; line-height: 1.7em; letter-spacing: -0.03em;} .news_content .container font{font-size:20px; line-height: 1.7em; letter-spacing: -0.03em;} .news_content .container table p{font-size:12px;} .news_content .container table font{font-size:12px;} .news_content .container p.font_blue{ color:#2a64d2; } .news_content .container p.font_black{ color:#000; } .news_content .container img{ max-width:700px; padding: 0 !important; } .news_content .container p.news_img{ text-align:center; } /*.news_content img.atc { float: right; width:45px; }*/ /* 뉴스 컨텐츠 add (2020.5.26수정)*/ .content._add{float: left; width: 63.637%;} #news_view .content._add .left_content{width: 100%;} /* 비즈니스워치 관련 컨텐츠 추가 (2020.6.23수정) */ .bizwatch_info{margin: 20px 0; padding: 10px 15px; background:#f2f2f2; color: #888; font-size: 14px; border:1px solid #e0e0dd; border-radius: 4px; line-height: 1.4em;} .bizwatch_info .info_link{margin-left: 5px; color: #00a6e9;} /*모바일 전용 버튼*/ .mobile_show_btn{display: none;} /*모바일 전용 버튼 안보이게*/ /* 기자의 다른 기사 보기 영역 */ .press_more{/*margin-top: 20px;*/ border-top: 1px solid #e0e0e0; width:100%;} .press_more .press_more_btn a{margin-top:15px; display:inline-block; color:#00a6e9;font-size:15px; padding:2px 0; border-bottom:1px solid #00a6e9;} .press_more .press_more_btn a:hover{text-decoration:none;} .press_more .press_more_btn a .strong{font-weight:bold;} /*SNS 로그인 버튼*/ .press_more .sns_login_btn{display: none;} /* youtube 반응형 변환 */ .youtubeWrap { position: relative; width: 100%; padding-bottom: 56.25%; text-align:left; } .youtubeWrap iframe { position: absolute; width:100%; height:100%;} /* 오디오 컨트롤러 */ audio{max-width: 100%;} /* 서브 컨텐츠 영역 */ .right_content h2 .more{ display:inline-block; float:right; margin-top:8px; font-size:14px; } .left_content h2 .more{ display:inline-block; float:right; margin-top:8px; font-size:14px; } /* 관련뉴스 영역 */ .rel_news_btn{display: none;} .related_news.mobile{display: none;} .related_news{ margin-top:30px; } .related_news h2{ font-size:18px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:6px; } .related_news .news_list{ font-size:17px; } .related_news .news_list li{ position:relative; padding:10px 0; border-bottom:1px solid #e0e0e0; } .related_news .news_list .img{ float:left; width:107px; } .related_news .news_list .img img{ width:100%; } .related_news .news_list .text{ width:calc(100% - 120px); position:absolute; top:0; right:0; bottom:0; left:120px; line-height:1.3em; } .related_news .news_list .text:after{ content: ""; display: inline-block; height: 100%; vertical-align: middle; } .related_news .news_list .text a{ display:inline-block; vertical-align:middle; } .related_news .news_list .text a span{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 많이 본 뉴스 영역 */ .hot_news{ margin-top:30px; } .hot_news h2{ font-size:18px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:6px; } .hot_news .news_list{ font-size:16px; border-bottom:1px solid #e0e0e0; padding: 7px 0;} .hot_news .news_list li{ padding:7px 0; /*border-bottom:1px solid #e0e0e0;*/ } /* SNS 댓글 */ .comments_btn{display: none;} /*SNS로그인 버튼 안보이게*/ .comments{ width:100%; float:left; margin-top:20px; } .comments .cmt_input .cmt_login{display:block; margin-top:4px;} .comments .cmt_input .cmt_login input{width:65px; height:25px; text-indent:0; line-height:0; border-radius:4px; font-size:12px; background:#00a6e8; color:#fff; border:none;} .comments .cmt_top{float:left; margin-bottom:10px; padding-bottom:6px; width:100%; border-bottom:2px solid #000;} .comments .cmt_top dt{font-weight:bold; margin-bottom:4px; font-size:14px;} .comments .cmt_top dd{float:left; margin-right:4px;} .comments .cmt_top dd img{border-radius:3px;} .comments .login dt{float:left; margin:2px 0 0 2px; font-size:16px;} .comments .login dt img{vertical-align:middle;} .comments .login dd.cmt_logout{float:right; font-size:12px; font-weight:bold; margin-top:8px; cursor:pointer;} .comments .login dd.cmt_logout:hover{text-decoration:underline;} .comments .cmt_input .cmt_txt {width:calc(100% - 96px); padding:8px 10px; border-radius:4px; border:1px solid #ddd; background:#fff; color:#828282;} .comments .cmt_input .cmt_txt textarea{width:100%; height:80px; resize:none; font-size:14px; line-height:1.3em; border:none; background:#fff; outline:none;} .comments .cmt_input{float:left; width:100%; margin-bottom: 25px;} .comments .cmt_input li{float:right; margin-left:5px; line-height:0;} .comments .cmt_input li.cmt_img{float:left; margin-left:0;} .comments .cmt_input li.cmt_img img{border-radius:4px;} .comments .cmt_input li.cmt_btn{margin-top:8px;} .comments .cmt_input input{width:80px; height:30px; text-indent:0; line-height:0; background:#96a6b6; color:#fff; border:none; border-radius:4px; cursor:pointer; font-family: 'Nanum Gothic' , 'Malgun Gothic', dotum, sans-serif;} .comments .cmt_input input:hover{background:#6b839a;} .comments .commentsList{float:left; width:100%; /*margin-top:20px;*/ margin-bottom: 25px;} .comments .commentsList li{float:left; width:100%; padding:18px 0; border-bottom:1px solid #ddd;} .comments .commentsList li:first-child{border-top:1px solid #000;} .comments .commentsList .cmtl_pro{float:left; margin-right:10px;} .comments .commentsList .cmtl_sns{margin-right:5px;} .comments .commentsList .cmtl_sns img{vertical-align:middle; border-radius:3px;} .comments .commentsList .user_info{float:left; width:calc(100% - 112px);} .comments .commentsList .user_info .user_name{font-size:14px; font-weight:bold; margin-bottom:5px;} .comments .commentsList .user_info .delete{display:inline-block; font-size:11px; color:#828282; margin-left:10px;} .comments .commentsList .user_info .user_cmt{line-height:1.4em; font-size:12px; color:#828282; word-wrap: break-word;} .comments .commentsList .cmtl_pro img{border-radius:4px;} .comments .commentsList .comment_d_regis{font-size:12px; font-weight:normal; color:#aaa;} .comments .commentsList .cmtl_del{display:block; float:right; color:#aaa; cursor:pointer; font-size:11px;} .comments .commentsList .cmtl_del img{margin-right:3px; vertical-align:middle; border-radius:2px;} .comments .commentsList .cmtl_dot{margin:0 2px 0 5px;} .comments .commentsList .cmtl_dot img{vertical-align:middle;} .comments .cmt_view{/*margin-top:25px;*/ float:left; width:100%; border-top:1px solid #000;} .comments .cmt_view p{margin-top:15px; text-align:center; font-size:16px;} .comments .cmt_view p .strong{font-weight:bold; color:#00a6e8;} .comments .cmt_view p .underline{font-size:14px; color:#00a6e8; text-decoration:underline;} .comments .cmt_btn input{ -webkit-appearance:none; -moz-appearance:none;} /* 기사뷰 자체 배너(기자의 기사 더보기 아래, 20210630추가) */ .news_content .bnr_news{display: none; margin: 20px 0;} .news_content .bnr_news a{display: block; margin-bottom: 10px;} .news_content .bnr_news img{width: 100%;} /* 광고 */ .ad_google_wide{ display:block; width:100%; height:88px; margin-top:30px; } .ad_google_right{ display:block; width:100%; height:275px; margin-top:10px;} .ad_bizwatch_right{ padding:15px; margin-top:30px; background:#f8f8f8;} .ad_bizwatch_right li{margin-top:15px;} .ad_bizwatch_right li:first-child{margin-top:0;} .ad_bizwatch_right img{ width:100%; } .ad_bizwatch_right_top{margin: 10px 0 15px 0;} .ad_bizwatch_right_middle{margin: 20px 0 0 0;} .ad_bizwatch_right_bottom{margin: 20px 0 0 0;} /* 구글광고(워크픽) */ .workpick_ad.mobile{display: none;} @media (max-width:1420px){ .workpick_ad.web1420{display: none;} } @media (max-width:800px){ .workpick_ad.web{display: none;} .workpick_ad.mobile{display: block;} } /* Dive div e*/ #deepdive1_view{margin-top: 30px;} /* 프린트 */ #print .print_top{width:90%; margin:30px auto 50px auto; padding-bottom:30px; border-bottom:1px dashed #ddd;} #print .print_bottom{width:90%; margin:30px auto; padding-top:30px; border-top:1px dashed #ddd;} #print .print_btn{width:181px; margin:0 auto; font-size:15px; font-weight:bold; } #print .print_btn .btn{display:inline-block;} #print .print_btn .btn a{display:inline-block; padding:4px 20px 5px 20px; box-sizing:border-box;} #print .print_btn .btn.confirm{margin-right:2px;} #print .print_btn .btn.confirm a{background:#00a6e9; border:1px solid #00a6e9; color:#fff;} #print .print_btn .btn.cancel a{background:#fafafa; border:1px solid #ddd;} #print .print_btn .btn a:hover{text-decoration:none;} #print .content{margin-top:0;} #print .logo{margin-bottom:20px;} #print .copyright{margin-top:30px; text-align:center; font-size:13px;} #print .top_content{border-bottom:none; padding-bottom:0;} #print .news_content{margin-top:20px;} /*** 메인 페이지 리뉴얼(2023.04.17)***/ #main{background:#f4f4f2;} #main header .container{max-width: 1188px;} #main header .top_btn{ right:30px;} #main .search .search_area{ max-width:1250px; } #main .wrap_content{max-width: 1240px; margin: 0 auto; display: flex; padding: 0 25px; box-sizing: border-box;} #main .content_bnr{width: 205px; padding: 30px 18px 100px 0; box-sizing: border-box; height: 100vh; overflow-x: hidden; overflow-y: auto; position: sticky; top: 60px;} #main .content_bnr li{margin-bottom: 20px;} #main .content_bnr li:last-child{margin-bottom: 0;} #main .content_bnr img{width: 100%; border-radius: 10px;} #main .headline_wide{padding: 0 15px; margin: 15px 0 20px 0;} #main .headline_wide img{width: 100%; border-radius: 10px;} #main .headline_wide .title{margin-top: 10px; font-size: 32px; font-weight: 700; text-align: center; padding: 0 85px; line-height: 1.2; letter-spacing: -1.5px;} #main .headline_wide .title a:hover{text-decoration: none;} #main .content_news{width: calc(100% - 410px); margin-top:75px; margin-bottom:10px; padding: 0 20px; box-sizing: border-box;} #main .content{margin: 0; width: 100%;} #main .content .news_par{ position: relative; width:calc(50% - 30px); float:left; margin:15px; box-sizing:border-box; /*border:1px solid #e0e0dd;*/ background:#fff; border-radius: 10px; padding: 25px;} #main .content .news_par:after{ display: block; content: ""; clear: both; } #main .content .news_par img{width:100%;} #main .content_side{width: 205px; padding: 30px 18px 100px 0; box-sizing: border-box; height: 100vh; overflow-x: hidden; overflow-y: auto; position: sticky; top: 60px;} #main .content_side img{width: 100%; border-radius: 10px 10px 0 0;} #main .content_side .full_news a{display: block; text-align: center; width: 100%; padding: 15px 20px 14px 20px; box-sizing: border-box; border-radius: 10px; background: #236ab4;} #main .content_side .full_news img{width: 94px; margin-top: 3px; border-radius: 0;} #main .content_side .full_news .text{display: none;} #main .content_side li{margin-bottom: 20px;} #main .content_side li:last-child{margin-bottom: 0;} #main .content_side dl{ width: 100%; height: auto; padding: 0 20px 20px 20px; border-radius: 0 0 10px 10px; box-sizing: border-box;} #main .content_side .industry dl{background: #6077b9;} /*산업*/ #main .content_side .market dl{background: #22aad1;} /*증권*/ #main .content_side .finance dl{background: #9777d9;} /*경제*/ #main .content_side .consumer dl{background: #9eb25a;} /*생활경제*/ #main .content_side .mobile dl{background: #e5699b;} /*IT바이오*/ #main .content_side .real_estate dl{background: #c1b18e;} /*부동산*/ #main .content_side .governance dl{background: #b78ac2;} /*거버넌스*/ #main .content_side dl a{color: #fff;} #main .content_side dt{font-size: 22px; font-weight: 700; color: #fff;} #main .content_side dt a:hover{text-decoration: none; opacity: 0.8;} #main .content_side dd{font-size: 13px; font-weight: 400; color: #fff; line-height: 1.3;} /* #main{background:#f4f4f2;} #main header .container{max-width: 1120px;} #main header .ticker .ticker_list{max-width: 1130px;} #main .search .search_area{ max-width:1120px; } #main .content{width:100%; max-width:1150px; margin-top:125px; margin-bottom:10px; } #main .content .news_par{ position: relative; width:calc(33.33333% - 30px); float:left; margin:15px; box-sizing:border-box; border:1px solid #e0e0dd; background:#fff; border-radius: 10px; padding: 25px;} #main .content .news_par:after{ display: block; content: ""; clear: both; } #main .content .news_par img{width:100%;} */ /* 인사이드스토리, 단독 아이콘 */ #main .line_icon{background: #00a6e9; color: #fff; font-size: 11px; padding: 2px 8px 2px 7px; border-radius: 10px; font-weight: 500; display: inline-block; margin-right: 3px; margin-bottom: 1px; vertical-align: middle; letter-spacing: -0.5px; line-height: 1.3;} #main .line_icon.blue{background: #00a6e9;} #main .line_icon.pink{background: #eb008a;} /*헤드라인 기사*/ #main .content .headline{padding: 0;} #main .content .headline img{ border-radius: 10px; } #main .content .headline .title{ /*background:#fff;*/ font-size: 16px; padding:10px 25px 13px 25px;} #main .content .title li{ padding: 10px 0; border-top: 1px solid #efeff0; line-height: 1.3;} #main .content .headline .title li:first-child{border-top: none;} /*기본형 이미지 상단*/ #main .content .base_top{padding-bottom: 15px;} #main .content .base_top .title{margin-top: 15px;} #main .content .base_top h2{margin-bottom: 15px;} #main .content .base_top .card_title{font-size: 13px; background: #1971db; padding: 3px 10px 4px 10px; border-radius: 20px;} #main .content .base_top .card_title a{color: #fff;} #main .content .base_top .card_title a:hover{color: #fff; text-decoration: none;} #main .content .base_top .more{float: right; margin-top: 7px;} /*기본형 이미지 하단*/ #main .content .base_bottom .both_img{margin-top: 5px;} #main .content .base_bottom .title li:first-child{border-top: none;} #main .content .base_bottom h2{margin-bottom: 0;} #main .content .base_bottom .card_title{font-size: 14px; padding: 5px 10px; border:1px solid #8cabbc; border-radius: 5px;} #main .content .base_bottom .card_title a{color: #4a7a95;} #main .content .base_bottom .card_title a:hover{color: #4a7a95; text-decoration: none;} #main .content .base_bottom .more{float: right; margin-top: 7px;} /*이미지 양쪽 배치형*/ #main .content .news_par .both_img li{width: calc(50% - 7px); float: left;} #main .content .news_par .both_img li:nth-child(odd){margin-right: 14px;} #main .content .news_par .both_img li .title{display: inline-block; margin-top: 10px; line-height: 1.3;} #main .content .news_par .both_img img{border-radius: 7px;} #main .content .news_par .both_img .line_icon{margin-bottom: 2px;} /*카드 이미지 양쪽 배치형*/ #main .content .card_both h2{margin-bottom: 15px;} #main .content .card_both .more{float: right; margin-top: 7px;} /*이미지 4개형*/ #main .content .card_full{padding-bottom: 10px; background: #649ce1;} #main .content .card_full a{color: #fff; font-weight: 300;} #main .content .card_full .both_img li{margin-bottom: 15px;} #main .content .card_full h2{margin-bottom: 15px;} #main .content .card_full .card_title{font-size: 13px; background: #eb008a; padding: 5px 10px; border-radius: 20px;} #main .content .card_full .card_title a{color: #fff;} #main .content .card_full .card_title a:hover{color: #fff; text-decoration: none;} #main .content .card_full .more{float: right; margin-top: 7px;} /*카드 이미지 위아래 배치형*/ #main .content .card_updown{padding-bottom: 10px;} #main .content .card_updown h2{margin-bottom: 10px;} #main .content .card_updown h2 img{ width:140px; } #main .content .card_updown .more{float: right; margin-top: 7px;} #main .content .card_updown .news_list{ font-size:17px; } #main .content .card_updown .news_list li{ padding:13px 0 15px 0; border-bottom:1px solid #efeff0; } #main .content .card_updown .news_list li:last-child{border-bottom: none;} #main .content .card_updown .news_list .title{ width:calc(100% - 165px); float:right; margin:3px 0 6px 0;} #main .content .card_updown .news_list .img{ width:150px; float:left; margin-right: 15px;} #main .content .card_updown .news_list .img img{ width:100%; border-radius: 7px;} #main .content .card_updown .news_list .text{ width:calc(100% - 165px); float:right; line-height:1.5em; font-size:15px; } /*포토 뉴스*/ #main .content .photo{padding: 0;} #main .content .photo img{ border-radius: 10px 10px 0 0; } #main .content .photo .title{ /*background:#fff;*/ font-size: 16px; padding:10px 25px 13px 25px;} #main .content .photo li{ padding: 10px 0 5px 0; border-top: 1px solid #efeff0;} #main .content .photo .title li:first-child{border-top: none;} #main .content .photo .badge{position: absolute; top: 15px; left: 15px; display: inline-block; font-size: 13px; background: #00a6e9; padding: 5px 10px; border-radius: 20px; color: #fff;} /*단독 뉴스*/ #main .content .exclusive{padding: 0;} #main .content .exclusive img{ border-radius: 10px 10px 0 0; } #main .content .exclusive .title{ /*background:#fff;*/ font-size: 16px; padding:10px 25px 13px 25px;} #main .content .exclusive li{ padding: 10px 0 5px 0; border-top: 1px solid #efeff0;} #main .content .exclusive .title li:first-child{border-top: none;} #main .content .exclusive .badge{position: absolute; top: 15px; left: 15px; display: inline-block; font-size: 13px; background: #eb008a; padding: 5px 10px; border-radius: 20px; color: #fff;} /*비즈워치 스튜디오*/ #main .content .news_par.bizstudio{padding-top: 20px;} #main .content .news_par.bizstudio .card_title{font-size: 20px;} #main .content .news_par.bizstudio .card_title a:hover{text-decoration: none;} #main .content .bizstudio h2{margin-bottom: 12px;} #main .content .bizstudio .more{float: right; margin-top: 7px;} /*Feat 취재현장*/ #main .content .card_both .square{background: #eb008a; border-radius: 4px; padding: 2px 6px; color: #fff; font-size: 16px; margin-right: 5px;} #main .content .card_both .card_title{font-size: 20px;} /*Feat 친환경전기차의 역설*/ #main .content .base_top_title .square{background: #eb008a; border-radius: 4px; padding: 2px 6px; color: #fff; font-size: 16px; margin-right: 5px;} #main .content .base_top_title .card_title{font-size: 20px;} #main .content .base_top_title .card_title a:hover{text-decoration: none;} #main .content .base_top_title{padding-bottom: 15px;} #main .content .base_top_title .title{margin-top: 15px;} #main .content .base_top_title h2{margin-bottom: 15px;} /*줍줍*/ #main .content .news_par.zubzub{/*padding-top: 15px;*/} #main .content .zubzub h2{margin-bottom: 15px;} #main .content .zubzub .more{float: right; margin-top: 7px;} /*인사이드스토리*/ #main .content .insidestory h2{margin-bottom: 12px;} #main .content .title .badge{ display:inline-block; margin-bottom:2px; padding:2px 5px; font-size:11px; color:#fff; font-weight:bold; } #main .content .title .badge.pink{ background:#eb008a; } #main .content .title .badge.blue{ background:#00a6e9; } #main .content .title h2{ font-size:20px; /*font-weight:normal;*/ line-height:1.3em; letter-spacing:-0.02em; } #main .content .title h2 a{ border-bottom:1px solid transparent; } #main .content .title h2 a:hover{ text-decoration:none; border-color:#000; } #main .content .title .text{ margin-top:10px; /*height:112px; overflow:hidden;*/} #main .content .title .text a{ font-size:16px; color:#555; line-height:1.4em; /*text-align:justify;*/ letter-spacing:-0.02em; } #main .content .title .text a:hover{text-decoration:none;} #main .content .title .byline{ margin-top:10px; color:#888; font-size:13px; } #main .content .list{ background:#fff; } #main .content .list li{ border-top:1px solid #e3e3e3; padding:10px 12px;} #main #footer .links ul{max-width:1120px;} #main #footer .foot_area{ max-width:1120px;} /*좌측 세로 배너*/ #main .content .left_bnr{width: 250px; position: absolute; top: 15px; left: -265px;} #main .content .left_bnr img{width: 100%; border-radius: 10px;} /*우측 광고 배너*/ #main .wrap_content .right_bnr{width: 250px; position: fixed; top: 90px; left: 50%; margin-left: 620px;} #main .wrap_content .right_bnr img{width: 100%;} #main .wrap_content .right_bnr li:first-child img{border-radius: 10px 10px 0 0;} #main .wrap_content .right_bnr li:last-child img{border-radius: 0 0 10px 10px;} /*컨텐츠 배너(워치플레이)*/ #main .content .bnr_content{padding: 0; border: none; background: none;} #main .content .bnr_content img{width: 100%; border-radius: 10px;} #main .content .bnr_content li{margin-top: 10px;} #main .content .bnr_content li:first-child{margin-top: 0;} #main .content .bnr_content li.bnr_narrows a:first-child img{border-radius: 10px 10px 0 0;} #main .content .bnr_content li.bnr_narrows a:last-child img{border-radius: 0 0 10px 10px;} /*메인 배너*/ #main .content .main_bnr{position:relative;} #main .content .main_bnr .par_grid li{width:50%; float:left;} #main .content .ad_bizwatch_main{position:relative;} #main .content .ad_bizwatch_main .par_fixed{padding:10.26px;} #main .content .ad_bizwatch_main .par_fixed li{position:relative; margin-bottom: 10px;} #main .content .ad_bizwatch_main .par_fixed li:last-child{margin-bottom: 0;} #main .content .ad_bizwatch_main .badge{position:absolute; top:0; left:0; font-size:11px; font-weight:bold; font-style:italic; padding:3px 7px 5px 7px; line-height:1.0em; color:#fff; background:rgba(0, 166, 233, 0.7); } /*연중기획 배너*/ /*#main .content .main_bnr.special .par_grid li:last-child{width: 100%;}*/ /* #main .content .ad_bizwatch_main .par_fixed .ad_small{margin-top:10px;} #main .content .ad_bizwatch_main .par_fixed .ad_bizwatch{margin-top:10px;} */ .main_bnr_mobile{display:none;} div[name='mobile_banner_show_flag']{display:none;} /*메인 와이드 배너(워치플레이 2020.08.04 추가) 필요없을시 전체 주석처리*/ #main .wide_bnr{position: relative; max-width: 1250px; margin: 130px auto 0 auto;} #main .wide_bnr .wide_bnr_content{width: 100%; height: 100%; position: absolute;} #main .wide_bnr .wide_bnr_content:after{display: block; content: ""; clear: both;} #main .wide_bnr .wide_bnr_list{position: absolute; top:23%; left: 6.8%; width:62.48%;} #main .wide_bnr .wide_bnr_list li{float: left; margin-right: 2%; width: 31.627%;} #main .wide_bnr .wide_bnr_list li:last-child{margin-right: 0;} #main .wide_bnr .wide_bnr_logo{position: absolute; width:17.12%; top: 8%; right: 7%;} #main .wide_bnr img{width: 100%;} /*#main .content{margin-top: 5px;}*/ /*메인 팝업 배너(2023.02.14 추가)*/ .popup_bnr{display: none;} .popup_bnr .popup_body{position: fixed; z-index: 30; width: 320px; top: 138px; left: 50%; margin-left: 580px; border: 2px solid #686063; border-radius: 12px;} .popup_bnr .body_img img{width: 100%;} .popup_bnr .text{position: absolute; bottom: 9px; left: 16px; font-size: 12px; color: #fff;} .popup_bnr .close_btn{position: absolute; bottom: 4px; right: 15px;} .popup_bnr .close_btn img{width: 12px} /* watch issue 영역 */ .issue_news{ margin-top:30px; } .issue_news h2{ border-bottom:2px solid #000; padding-bottom:9px; } .issue_news h2 img{ width:140px; } .issue_news .news_list{ font-size:17px; } .issue_news .news_list li{ padding:8px 0 10px 0; border-bottom:1px solid #e0e0e0; } .issue_news .news_list .title{ margin-bottom:6px; color:#00a6e9; } .issue_news .news_list .img{ width:107px; float:left; } .issue_news .news_list .img img{ width:100%; } .issue_news .news_list .text{ width:calc(100% - 120px); float:right; line-height:1.5em; font-size:15px; } /*** 메인 카테고리 뉴스 ***/ #main .content .category_news.news_par{background:none; border:none; padding: 0;} #main .content .category_news .category_unit{ width:calc(50% - 5px); margin-bottom: 10px; box-sizing:border-box; float: left;} #main .content .category_news .category_unit:after{ display: block; content: ""; clear: both; } #main .content .category_news .category_unit:nth-child(5){margin-bottom: 0;} #main .content .category_news .category_unit:last-child{margin-bottom: 0;} #main .content .category_news .category_unit:nth-child(odd){margin-right: 10px;} /*홀수(좌측) 카테고리만 마진값 줌*/ #main .content .category_news .category_unit h3 a{display: block; padding: 5px 10px; color: #fff; font-size: 13px; border-radius: 5px 5px 0 0;} #main .content .category_news .category_unit h3 a:hover{text-decoration: none;} #main .content .category_news .category_unit h3 span{float: right;} #main .content .category_news .category_unit ul{padding: 8px 10px; line-height: 1.6em; font-size: 14px; border:1px solid; border-top: none; background:#fff;} /*카테고리뉴스 순서대로 색상 변경(랜덤변경으로인해 수정)*/ #main .content .category_news .category_unit:first-child ul{border-color: #8cabbc;} #main .content .category_news .category_unit:first-child h3 a{background: #8cabbc;} #main .content .category_news .category_unit:nth-child(2) ul{border-color: #8c98bc;} #main .content .category_news .category_unit:nth-child(2) h3 a{background: #8c98bc;} #main .content .category_news .category_unit:nth-child(3) ul{border-color: #9b8cbc;} #main .content .category_news .category_unit:nth-child(3) h3 a{background: #9b8cbc;} #main .content .category_news .category_unit:nth-child(4) ul{border-color: #bc8cab;} #main .content .category_news .category_unit:nth-child(4) h3 a{background: #bc8cab;} #main .content .category_news .category_unit:nth-child(5) ul{border-color: #bc8c8c;} #main .content .category_news .category_unit:nth-child(5) h3 a{background: #bc8c8c;} #main .content .category_news .category_unit:last-child ul{border-color: #bc9d8c;} #main .content .category_news .category_unit:last-child h3 a{background: #bc9d8c;} @media (max-width:1850px){ .popup_bnr .popup_body{left: inherit; right: 20px; margin-left: 0;} } @media (max-width:1800px){ #main .wrap_content .right_bnr{display: none;} } /* @media (max-width:1700px){ #main .content .left_bnr{display: none;} #main .content .right_bnr{display: none;} } @media (max-width:1200px){ #main .content .left_bnr{display: none;} #main .content .right_bnr{display: none;} #main .content{width: calc(100% - 30px); margin: 125px 10px 10px 10px;} } */ @media (max-width:1300px){ #main header .container{width: 100%;} #main header .ad_bizwatch_title{left:25px;} #main header .top_btn{right: 55px;} } @media (max-width:1000px){ #main .content_bnr{display: none;} #main .content_news{width:calc(100% - 205px);} /* .main_bnr_mobile{display:none;} */ } @media (max-width:800px){ #main .content_side{display: none;} #main .content_news{width:100%;} #main header .top_btn{right: 19px;} #main header .logo{margin-left: 23px} /* #main .content{ margin-top:30px; } #main .content .news_par{ width:calc(50% - 20px); } #main .content .info{ border-left:none; border-right:none; } #main .content .ad_bizwatch_main{display:none;} #main .content .special{display:none;} */ #main .content_news{margin-top: 65px; padding: 0;} #main .headline_wide{padding: 0 20px; margin-bottom: 15px;} #main .headline_wide .title{font-size: 24px; padding: 0 20px;} #main .wrap_content{padding: 0;} #main .content{padding: 0;} /*메인스크롤배너*/ .main_bnr_mobile{display:block; position:fixed; bottom:0; left:0; width:100%; z-index:10;} .main_bnr_mobile img{width:100%;} div[name='mobile_banner_show_flag']{display:block;} #main .content{ width:calc(100% - 40px); margin:10px 0 10px 0; } #main .content .news_par{ width:100%; margin: 10px 20px;} /* 인사이드스토리, 단독 아이콘 */ #main .line_icon{padding: 2px 6px 2px 5px;} /*모바일용 팝업 배너(2023.02.14 추가)*/ .popup_bnr.mobile .popup_body{position: absolute; z-index: 30; width: 320px; top: 50%; left: 50%; margin-top: -276px; margin-left: -160px; border: none;} .popup_bnr.mobile .popup_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(38, 43, 49, 0.7); z-index: 29;} .popup_bnr.mobile .text{font-size: 14px;} } @media (max-width:320px){ /*모바일용 팝업 배너(2023.02.14 추가)*/ .popup_bnr.mobile .popup_body{width: 280px; margin-top: -240px; margin-left: -140px; } } /* @media (max-width:480px){ #main .content{ margin-top:45px; } #main .content .news_par{ width:calc(100% - 20px); margin:8px 20px;} } */ /* event_banner hide */ .event_banner_hide{display:none} /*** 서브 공통 ***/ .n_title{padding-top:30px; font-size:36px; color:#000; text-align:center;} .n_title_s{font-size:24px; float:left; margin-bottom:10px;} .n_textbox{clear:both; font-size:14px; width:100%; background:#f1f6f8;} .n_textbox p{padding:17px; color:#828282; line-height:1.5em;} .content .rside { margin-top: 30px;} /*버튼*/ .btn_set{ text-align:center; margin-top:20px; } .btn_set .btn_basic a{ display:inline-block; padding:10px 30px; border-radius:4px; font-size:14px; } .btn_set .btn_basic a:first-child{ margin-right:7px; } .btn_set .btn_basic a:hover{ text-decoration:none; } .btn_set .blue a{ background:#00a7e9; color:#fff; border:1px solid #00a7e9; } .btn_set .white a{ background:#fff; color:#828282; border:1px solid #c9ccce; } /*** 회사소개 ***/ /*상단 비주얼*/ #company .top_visual { margin-top:61px; width: 100%; height: 238px; background: url(../images/company_top.jpg) no-repeat; background-position: center center; background-size: cover; } #company .top_visual .title{padding-top:60px; line-height: 1.0; text-align: center; font-size: 42px; color:#fff; font-weight: bold;} #company .top_visual .title:after{content:""; margin:17px auto; display: block; width: 34px; height: 4px; background: #fff;} #company .top_visual .txt{text-align: center; line-height: 1.4; font-size: 14px; color: #fff;} /*상단 메뉴*/ #company .top_menu{width: 100%; height: 52px; background: #f1f6f8;} #company .top_menu ul{max-width: 800px; margin: 0 auto; padding-top: 17px;} #company .top_menu li{float: left; margin-right: 50px; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.0;} #company .top_menu li.on{color: #00a6e9; text-align: left; padding-bottom: 4px; border-bottom: 1px solid #00a6e9;} #company .top_menu li.on a{color:#00a6e9; } #company .top_menu li a:hover{text-decoration: none; color: #00a6e9;} #company .top_menu li span{display: none;} #company .top_menu li.on span{display: inline-block; float: right; margin-left: 30px;} #company .top_menu li:last-child{margin-right: 0;} /*공통*/ #company .content{margin: 60px auto 120px auto;} #company .content_title{text-align: center;} #company .content_title .title{font-size: 26px; line-height: 1.0; font-weight: bold;} #company .content_title .title:after{content:""; margin:17px auto; display: block; width: 30px; height: 4px; background: #000;} #company .content_title .txt{font-size: 16px; line-height: 1.4;} #company .img_mobile{display: none;} #company .text_mobile{display: none;} /*인사말*/ #about{max-width: 670px; margin: 50px auto 0 auto;} #about .profile_img{margin-top: 20px;} #about .profile_img .img{float: left;} #about .profile_img .title{font-size: 20px; font-weight: bold; float: right; width: calc(100% - 185px);} #about .profile_img .text{margin-top: 12px; font-size: 18px; line-height: 1.6; float: right; width: calc(100% - 185px);} #about .content_text li{margin-top:60px;} #about .content_text h3{font-size: 20px; font-weight: bold; line-height: 1.0; margin-bottom: 12px;} #about .content_text p{font-size: 18px; line-height: 1.6;} #about .strong{color:#00a6e9;} #about .content_text .ceo{float: right; margin-top: 80px;} /*#about .content_text .ceo span{display: inline-block; margin: 25px 25px 0 0;}*/ #about .content_text .ceo .ceo_txt {display: inline-block; font-size: 26px; font-weight: bold; margin-left: 20px;} /*비즈니스워치는*/ #vision{max-width: 800px; margin: 50px auto 0 auto;} #vision ul li{margin-top: 80px;} #vision .title{font-size: 20px; font-weight: bold; line-height: 1.3;} #vision .text{margin-top:15px; font-size: 18px; line-height: 1.6;} #vision .text .strong{color:#00a6e9;} #vision .center{max-width: 650px; margin: 0 auto; text-align: center;} #vision .left .img{float: left;} #vision .left .title{float: right;} #vision .left .text{float: right;} #vision .right .img{float: right;} #vision .right .title{float: left;} #vision .right .text{float: left;} #vision .end{font-size: 20px; font-weight: bold; text-align: center; line-height: 1.4;} #vision ul li .title{margin-top: 20px;} #vision ul li:nth-child(2) .title{width: calc(100% - 401px);} /*첫번째 이미지 341px(이미지크기 341px + 마진값 60px)*/ #vision ul li:nth-child(2) .text{width: calc(100% - 401px);} #vision ul li:nth-child(3) .title{width: calc(100% - 420px);} #vision ul li:nth-child(3) .text{width: calc(100% - 420px);} #vision ul li:nth-child(4) .title{width: calc(100% - 360px);} #vision ul li:nth-child(4) .text{width: calc(100% - 360px);} #vision ul li:nth-child(5) .title{width: calc(100% - 360px);} #vision ul li:nth-child(5) .text{width: calc(100% - 360px);} #vision ul li:nth-child(6) .title{width: calc(100% - 394px);} #vision ul li:nth-child(6) .text{width: calc(100% - 394px);} /*윤리강령*/ #moral_code .bizwatch_group{display:block; width:100%; max-width:960px; margin:50px auto;} #moral_code .title{margin-top:80px; text-align:center; font-size:32px; font-weight:normal; letter-spacing:-0.5px;} #moral_code .title .strong{font-weight:bold;} #moral_code .unit{margin-top:50px;} #moral_code .unit li{float:left; width:27.33333%; padding:0 3%; text-align:center; margin-bottom:70px; height:188px; } #moral_code .unit li .unit_title{margin-top:5px; font-size:24px; letter-spacing:-0.5px;} #moral_code .unit li .unit_text{margin-top:5px; font-size:16px; line-height:1.3em; letter-spacing:-0.5px;} /*연혁*/ #history{width:100%; max-width: 1000px; margin: 30px auto 0 auto;} #history dl{padding-top:50px;} #history dl:first-child{padding-top: 30px;} #history dl:last-child{padding-bottom: 30px;} #history .right{margin-left: 50%; float: right; padding-left:24px; border-left: 1px solid #00a6e9; width: 50%; box-sizing: border-box;} #history .left{margin-right: calc(50% - 1px); float: left; text-align: right; padding-right:25px; border-right: 1px solid #00a6e9; width: calc(50% + 1px); box-sizing: border-box;} #history .title{position: relative; margin-bottom: 10px; font-size: 36px; color:#00a6e9; line-height: 1.0;} #history .title .circle{ position: absolute; display: block; width: 9px; height: 9px; background: url(../images/history_circle.png) no-repeat;} #history .right .title .circle{top: 15px; left: -29px;} #history .left .title .circle{top: 15px; right: -30px;} #history .img {margin: 10px 0 25px 0;} #history .img img{width: 100%; max-width: 460px;} #history .right .img{padding-right: 15px;} #history .left .img{padding-left: 15px;} #history .text{font-size: 14px; letter-spacing: -0.04em;} #history .text .strong{font-weight: bold; color: #00a6e9; margin-right: 10px; line-height: 1.8;} #history .text .view{display: inline-block; color: #00a6e9; text-decoration: underline; margin-left: 10px;} /*CI 소개*/ #ci>ul>li{margin-top: 60px;} #ci .title{float: left; font-size: 18px; font-weight: bold; width: 200px; line-height: 1.0; letter-spacing: -0.03em;} #ci .title:before{content: ""; margin-bottom: 4px; display: block; width: 30px; height: 3px; background: #00a6e9;} #ci .img{float: left; padding: 50px 30px; text-align: center; width: calc(50% - 110px); background: #f1f6f8; box-sizing: border-box;} #ci .img.right{margin-left: 20px;} #ci .img img{width: 100%; max-width: 274px;} #ci .btn{margin-left: 200px;} #ci .btn a{display: inline-block; margin-top: 20px; padding: 12px 30px; border: 1px solid #00a6e9; border-radius: 8px; font-size: 14px;} #ci .btn a:hover{text-decoration: none;} #ci .btn a.blue{color: #fff; margin-right: 10px; background: #00a6e9;} #ci .btn a.white{color: #00a6e9; background: #fff;} #ci .img_color{float: left; width: calc(100% - 200px); padding: 50px 70px; background: #f1f6f8; box-sizing: border-box;} #ci .img_color>ul{float: left; width: 33.33333%;} #ci .img_color .color_bg{float: left; width: 70px; height: 70px;margin-right: 15px;} /*CI색상 변경 2023.02.27*/ #ci .img_color .color_bg.blue_web{background: #0064FF;} #ci .img_color .color_bg.blue_print{background: #0037dc;} #ci .img_color .color_bg.black{background: #000;} #ci .img_color .color_text{float: left; font-size: 12px; line-height: 1.3;} #ci .img_color .color_title{display: inline-block; margin-bottom: 5px; font-size: 14px; font-weight: bold;} #ci .img_color .strong{font-weight: bold;} #ci .img_rule{float: left; width: calc(100% - 200px); padding: 50px 0 40px 0; background: #f1f6f8; box-sizing: border-box;} #ci .img_rule ul{width: 580px; margin: 0 auto;} #ci .img_rule ul:last-child{margin-top: 30px;} #ci .img_rule ul li{text-align: center; font-size: 14px; font-weight: bold;} #ci .img_rule ul li:first-child{float: left;} #ci .img_rule ul li:last-child{float: right;} #ci .img_rule ul li .text{display: block; margin-top: 5px; } /*조직도*/ #organization span.web{ display:block; max-width:691px; margin:50px auto; } #organization span.mobile{ display:none; } #organization img{ width:100%; } /*리플렛*/ .leaflet_img { max-width:458px; margin:40px auto 100px auto; } .leaflet_img img{ width:100%; } .leaflet_img .btn_set{margin: 0 10px 15px 0;} .leaflet_img .btn{padding: 5px 10px; margin-right: 10px; border:1px solid #bdbdbd; border-radius: 4px; color: #9c9c9c; font-size: 12px; font-weight: bold; cursor: pointer;} .leaflet_img .btn:first-child{margin-left: 10px;} .leaflet_img .btn:last-child{margin-right: 0;} .leaflet_img .btn.on{background: #00a6e9; color: #fff; border-color: #00a6e9;} /*오시는 길*/ #contact{margin-top:30px;} #contact .map_img img{float:left; border:1px solid #c9ccce; width:calc(100% - 349px); max-width:638px;} #contact .map_info{float:left; margin-left:25px; font-size:14px; letter-spacing:-0.5px; width:322px; } #contact .map_info li{margin-top:20px;} #contact .map_info li:first-child{margin-top:0;} #contact .map_info h3{font-size:17px;} #contact .map_info dl{margin-top:10px;} #contact .map_info dl.margin_top{margin-top:15px;} #contact .map_info dd{margin-top:6px; line-height:1.3em;} #contact .map_info dd span{display:inline; padding:3px 4px; color:#fff; margin-right:5px; font-size:11px;} #contact .map_info dd span.green{background:#75b827;} #contact .map_info dd span.blue{background:#0088cf;} #contact .map_info dd span.red{background:#ff0000;} #contact .map_info dd span.yellow{background:#ffc000;} #contact .map_info dd span.symbol{display:inline-block; color:#828282; width:5px; margin-right:2px;} #contact .map_info .comment{font-size:12px; color:#828282; margin-top:3px;} #contact .map_info .comment p{line-height:1.2em;} /*** 고객센터 ***/ /* 네비게이션 */ #left-menu { position:relative; z-index:5; width:100%; margin-top:15px; } #left-menu > h1 > a { display:block; color:#000; font-weight:bold; font-size:36px; text-align:center; } #left-menu ul li { float: left; border: 1px solid #c9ccce; line-height: 1.4em; font-size: 14px; text-align: center; border-left: none; box-sizing:border-box; } #left-menu ul li:first-child { border-left:1px solid #c9ccce; } #left-menu ul li a{ color:#000; font-size:15px; padding:15px 0 14px 0; display:block; } #left-menu ul li a:hover{ text-decoration:none; } #left-menu ul li.on{ background: #00a7e9; border: 1px solid #00a7e9; } #left-menu ul li:first-child.on{ margin-left: 0; } #left-menu ul li.on a{ color: #fff; } /* 고객센터 네비게이션(메뉴 3개) */ #left-menu ul.customer li {width:33.3333%;} /*공지사항*/ .tb_notice { width: 100%; margin-top:24px; font-size:14px; } .tb_notice col:first-child{ width:80px; } .tb_notice col:nth-child(2){ } .tb_notice col:nth-child(3){ width:80px; } .tb_notice col:nth-child(4){ width:80px; } .tb_notice col:nth-child(5){ width:120px; } .tb_notice th{ padding:12px 0; border-bottom:1px solid #c9ccce; border-top:2px solid #000; background: #f1f6f8; vertical-align:middle; } .tb_notice td{ border-bottom:1px solid #c9ccce; padding:20px 0; text-align:center; vertical-align:middle; } .tb_notice td.left{ text-align:left; padding:0 20px; } .tb_notice .icon{ display:inline-block; margin-left:7px; } .tb_notice .icon img{ width:15px; vertical-align:middle; } /*페이지 영역*/ .paging{clear:both; padding-top:30px; text-align:center; } .lst_pagenav{position:relative; overflow:hidden; display:inline-block; padding:0 30px; text-align:center; vertical-align:top;} .lst_pagenav li{float:left; margin-left:5px;} .lst_pagenav li:first-child{margin-left:0;} .pagenav a{display:block; width:30px; height:30px; font-size:12px; font-weight:bold; line-height:30px; text-align:center; color:#000;} .pagenav.on a{color:#00a7e9; border:1px solid #00a7e9;} .pagenav a:hover{color:#00a7e9; text-decoration:none;} .pagenav .pagenav_prev,.pagenav .pagenav_next{position:absolute; top:0; line-height:999px;} .pagenav_prev{left:0;} .pagenav_next{right:0;} .pagenav .sp{position:absolute; width:7px; height:11px; top:10px; left:10px;} .pagenav_prev .sp{background: url(../images/icon_page_left.gif) no-repeat;} .pagenav_next .sp{background: url(../images/icon_page_right.gif) no-repeat;} .pagenav_prev:hover .sp{background: url(../images/icon_page_left_on.gif) no-repeat;} .pagenav_next:hover .sp{background: url(../images/icon_page_right_on.gif) no-repeat;} /*기사제보*/ h2.sub_title { margin:20px 0 10px 0; } .agreebox textarea{ width:calc(100% - 32px); height:150px; padding:15px; resize:none; border:1px solid #c9ccce; } .agree_check{ margin-top:5px; font-size:14px; } .input-check{ vertical-align:middle; margin-right:5px; } .tb_report{ width: 100%; margin-top:24px; font-size:14px; } .tb_report col:first-child{ width:150px; } .tb_report col:nth-child(2){ } .tb_report th{ padding:12px 30px; border-bottom:1px solid #c9ccce; background: #f1f6f8; vertical-align:middle; } .tb_report td{ border-bottom:1px solid #c9ccce; padding:15px 20px; vertical-align:middle; } .tb_report .first th{ border-top:2px solid #000; } .tb_report .first td{ border-top:2px solid #000; } .tb_report .input-basic{ width:calc(100% - 20px); max-width:300px; padding:0 10px; height:35px; border:1px solid #c3c3c3; background:#effaff; } .tb_report .left_line{ border-left:1px solid #c9ccce; } .tb_report input.wide{ max-width:600px; } .tb_report textarea.textarea{ height:150px; max-width:100%; resize:none; padding:10px; line-height:1.3em; } /*제휴 및 광고*/ .tb_partner.mobile{ display:none; } .tb_partner{ width: 100%; margin-top:10px; font-size:14px; } .tb_partner th{ padding:12px 30px; border-bottom:1px solid #c9ccce; background: #f1f6f8; vertical-align:middle; } .tb_partner td{ border-bottom:1px solid #c9ccce; padding:15px 20px; vertical-align:middle; text-align:center; } .tb_partner .first th{ border-top:2px solid #000; } .tb_partner .first td{ border-top:2px solid #000; } /*** 이용안내 ***/ /* 이용안내 네비게이션(메뉴 4개) */ #guide .content{margin: 80px auto 50px auto;} #left-menu ul.guide li { width:25%; } #guide .agreebox{ margin-top:20px; } #guide .agreebox textarea{ height:520px; } /* 이슈베스트 */ .title_area{ width:100%; background:#f8f8f8; padding:40px 0; margin-top:61px; border-bottom:1px solid #e0e0e0;} .title_area p{ padding:0 5%; } .title_area .title{ font-size:36px; text-align:center; } .title_area .title img{ width:238px; } .title_area .text{ margin-top:10px; text-align:center; font-size:17px; } .title_area .text .strong{ font-weight:bold; color:#00a6e9; } #issuebest{ margin-top:10px; } #issuebest .left_content{ float:left; width:calc(50% - 30px); } #issuebest .right_content{ float:right; width:calc(50% - 30px); } #issuebest .right_content div:first-child{ margin-top:0; } #issuebest .all_news{ margin-top:0; } #issuebest .all_news h2{ font-size:20px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:6px; } #issuebest .all_news .news_list{ font-size:17px; } #issuebest .all_news .news_list li{ position:relative; padding:20px 0; border-bottom:1px solid #e0e0e0; } #issuebest .all_news .news_list .img{ float:left; width:160px; } #issuebest .all_news .news_list .img img{ width:100%; } #issuebest .all_news .news_list .text{ float:right; width:calc(100% - 175px);} #issuebest .all_news .news_list .text .title{ margin:1px 0 7px 0; font-size:16px; font-weight:bold;} #issuebest .all_news .news_list .text .title a{ display:inline-block; color:#00a6e9; border:1px solid #00a6e9; border-radius:14px; padding:3px 10px; line-height:1.2em;} #issuebest .all_news .news_list .text .title a:hover{ text-decoration:none; background:#00a6e9; color:#fff; } #issuebest .all_news .news_list .text dd{ margin-top:4px; } /*이슈베스트 more*/ #issuebest_more{ margin-top:50px; } #issuebest_more .left_content{ float:left; width:65%; } #issuebest_more .right_content{ float:right; width:30%; } #issuebest_more .right_content div:first-child{ margin-top:0; } #issuebest_more .all_news{ margin-top:0; } #issuebest_more .all_news h2{ font-size:20px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:6px; } #issuebest_more .all_news .news_list{ font-size:17px; } #issuebest_more .all_news .news_list li{ position:relative; padding:20px 0; border-bottom:1px solid #e0e0e0; } #issuebest_more .all_news .news_list .img{ float:left; width:160px; } #issuebest_more .all_news .news_list .img img{ width:100%; } #issuebest_more .all_news .news_list .text{ float:right; width:calc(100% - 175px);} #issuebest_more .all_news .news_list .text .title{ margin-top:3px; font-size:18px; font-weight:bold; line-height: 1.3em;} #issuebest_more .all_news .news_list .text .body{ margin-top:7px; font-size:15px; line-height:1.4em; height:42px; overflow:hidden; } #issuebest_more .all_news .news_list .text .info{ margin-top:10px; font-size:12px; } #issuebest_more .all_news .news_list .text .info .name{ color:#00a6e9; } #issuebest_more .all_news .news_list .text .info .dot{ margin:0 3px; color:#aaa; } #issuebest_more .all_news .news_list .text .info .update{ color:#aaa; } /* 많이 본 뉴스 */ #popular{ margin-top:50px; } #popular .strong{ font-weight:bold; color:#eb008a; } #popular .left_content{ float:left; width:calc(50% - 30px); } #popular .right_content{ float:right; width:calc(50% - 30px); } #popular .right_content div:first-child{ margin-top:0; } #popular .all_news{ margin-top:0; } #popular .all_news h2{ font-size:20px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:6px; } #popular .all_news .news_list{ font-size:17px; } #popular .all_news .news_list li{ position:relative; padding:20px 0; border-bottom:1px solid #e0e0e0; } #popular .all_news .news_list li .num{ display:block; float:left; font-size:36px; font-style:italic; font-weight:bold; width:45px; margin-right:10px; text-align:center; padding-top:30px; color:#cccccc; } #popular .left_content .all_news .news_list li:first-child .num, #popular .left_content .all_news .news_list li:nth-child(2) .num, #popular .left_content .all_news .news_list li:nth-child(3) .num{ color:#00a6e9; } #popular .all_news .news_list .text{ float:left; width:calc(100% - 245px);} #popular .all_news .news_list .text .title{ margin-top:6px; font-size:18px; font-weight:bold; } #popular .all_news .news_list .text .body{ margin-top:7px; font-size:15px; line-height:1.4em; height:42px; overflow:hidden; } #popular .all_news .news_list .text .info{ margin-top:10px; font-size:12px; } #popular .all_news .news_list .text .info .name{ color:#00a6e9; } #popular .all_news .news_list .text .info .dot{ margin:0 3px; color:#aaa; } #popular .all_news .news_list .text .info .update{ color:#aaa; } #popular .all_news .news_list .img{ float:right; width:160px; } #popular .all_news .news_list .img img{ width:100%; } @media (max-width:1100px){ #popular .all_news .news_list .img{ display:none; } #popular .all_news .news_list .text{ width:calc(100% - 55px);} } /*귀에 쏙쏙 뉴스*/ #audio_news{ margin-top:50px; } #audio_news .left_content{ float:left; width:65%; } #audio_news .right_content{ float:right; width:30%; margin-top: 30px;} #audio_news .right_content div:first-child{ margin-top:0; } #audio_news .all_news{ margin-top:0; } #audio_news .all_news h2{ font-size:20px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:6px; } #audio_news .all_news .news_list{ font-size:17px; } #audio_news .all_news .news_list li{ position:relative; padding:20px 0; border-bottom:1px solid #e0e0e0; } #audio_news .all_news .news_list .img{ float:left; width:160px; } #audio_news .all_news .news_list .img img{ width:100%; } #audio_news .all_news .news_list .text{ float:right; width:calc(100% - 175px);} #audio_news .all_news .news_list .text .title{ margin-top:3px; font-size:18px; font-weight:bold; line-height: 1.3em;} #audio_news .all_news .news_list .text .body{ margin-top:7px; font-size:15px; line-height:1.4em; height:42px; overflow:hidden; } #audio_news .all_news .news_list .text .info{ margin-top:10px; font-size:12px; } #audio_news .all_news .news_list .text .info .name{ color:#00a6e9; } #audio_news .all_news .news_list .text .info .dot{ margin:0 3px; color:#aaa; } #audio_news .all_news .news_list .text .info .update{ color:#aaa; } /* 골프워치 */ .title_area.golf_watch .title img{ width:221px; } /* 골프워치 */ .title_area.deep_watch .title img{ width:237px; } /* 카테고리 리뉴얼(2020.03.18)*/ .hide{display:none;} .right_content h2 .more.popular_navi{margin-top: 6px; font-size: 15px; min-width: 100px;/*아이폰 버그땜에 추가*/} .right_content h2 .more.popular_navi a{margin-left: 5px; color: #888888; font-weight: normal;} .right_content h2 .more.popular_navi a:first-child{margin-left: 0;} .right_content h2 .more.popular_navi a.on{font-weight: bold; color: #000000;} .right_content h2 .more.popular_navi a:hover{text-decoration: none; color: #000000; font-weight: bold;} .hot_news .news_list .num{font-size: 15px; font-weight: bold; /*font-style: italic;*/ color: #00a6e9; text-align: center; margin-right: 5px; width: 20px; display: inline-block;} /* 줍줍 zubzub */ .title_area.zubzub{padding: 45px 0 35px 0} .title_area.zubzub .title img{ width:227px; } .zubzub .text p{line-height: 1.4em;} .zubzub .btn{text-align: center; margin-top: 10px;} /*많이본뉴스 카테고리*/ .hot_news ._category{font-size: 16px;} .hot_news ._category a{margin-right: 6%; color: #888888;} .hot_news ._category a:last-child{margin-right: 0;} .hot_news ._category a.on{font-weight: bold; color: #000000;} .hot_news ._category a:hover{text-decoration: none; color: #000000; font-weight: bold;} /*에듀워치 카테고리 추가(2020.07.08)*/ .title_area.eduwatch .title img{ width:207px; } /*로그인 페이지*/ #login{background:#f8f8f8;} #login .content{margin-top:170px;} #login .login_title{font-size:36px; text-align:center; letter-spacing:-1px;} #login .login_cmt{text-align:center;} #login .login_btn{width:250px; margin:30px auto 0 auto;} #login .login_btn li{ margin-bottom:15px; } #login .login_btn li a{display:block; width:100%; height:50px; font-size:15px; text-align:center; color:#fff; border-radius:4px; box-sizing:border-box;} #login .login_btn li a:hover{text-decoration:none; color:#fff;} #login .login_btn li a .icon{display:inline-block; float:left; margin:10px 0 0 20px;} #login .login_btn li a .text{display:inline-block; float:left; margin:16px 0 0 10px;} #login .login_btn li.naver a{background:#40b449;} #login .login_btn li.facebook a{background:#42659b;} #login .login_btn li.google a{background:#db5145;} #login .footer{width:800px; border-top:1px solid #e0e0e0; margin:70px auto 0 auto; text-align:center; font-size:11px; color:#808080;} #login .footer p{margin-top:15px;} /*로그인 성공*/ #login .login_result{text-align:center;} #login .login_result_title{color:#eb008a; letter-spacing:-0.07em; font-size:40px;} #login .login_result_cmt{margin-top:5px; display:inline-block; background:#eb008a; padding:1px 6px; color:#fff; text-align:center;} #login .login_result_exp{margin-top:10px; font-size:13px; color:#888; line-height:1.3em;} /* RSS 페이지 */ #rss{ margin-top:20px; } #rss .left_content{ float:left; width:calc(50% - 15px); } #rss .right_content{ float:right; width:calc(50% - 15px); } #rss .right_content div:first-child{ margin-top:0; } #rss .rss_box{margin-top: 20px; border: 1px solid #e0e0e0;} #rss .rss_url{font-size:15px; float: left; width: calc(100% - 80px); padding: 20px; box-sizing: border-box; line-height: 1.0; word-break: break-all;} #rss .rss_url h3{font-size:17px; margin-bottom: 6px;} #rss .rss_icon{float: left; height: 80px; width: 80px; border-left: 1px solid #e0e0e0; box-sizing: border-box; line-height: 1.0;} #rss .rss_icon a{padding: 28px; display: inline-block;} #rss .bottom_content{float: left; width: 100%; margin-top:30px; border-top: 1px solid #e0e0e0;} #rss .bottom_content .text{margin-top: 20px; font-size: 13px; line-height: 1.5em;} @media (max-width:1100px){ #rss .rss_icon{height: 93px;} #rss .rss_icon a{padding: 36px 28px;} } /*404 에러 페이지*/ .error_title{ padding:70px 0 70px 0; } .error_title h1{color:#eb008a; letter-spacing:-0.07em; font-size:40px;} .error_title .stitle{margin-top:0; display:inline-block; background:#eb008a; padding:1px 6px; color:#fff;} .error_title .explanation{margin-top:10px; font-size:13px; color:#888; line-height:1.3em;} .error_title .error_text{ margin-top:5px; } #error_page{ margin-top:50px; } #error_page .strong{ font-weight:bold; color:#eb008a; } #error_page .left_content{ float:left; width:calc(50% - 25px); } #error_page .right_content{ float:right; width:calc(50% - 25px); } #error_page .right_content div:first-child{ margin-top:0; } #error_page .all_news{ margin-top:0; } #error_page .all_news h2{ font-size:20px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:6px; } #error_page .all_news .news_list{ font-size:17px; } #error_page .all_news .news_list li{ position:relative; padding:20px 0; border-bottom:1px solid #e0e0e0; } #error_page .all_news .news_list .img{ float:left; width:160px; } #error_page .all_news .news_list .img img{ width:100%; } #error_page .all_news .news_list .text{ float:right; width:100%;} #error_page .all_news .news_list .text .title{ margin-top:6px; font-size:18px; font-weight:bold; } #error_page .all_news .news_list .text .body{ margin-top:7px; font-size:15px; line-height:1.4em; height:42px; overflow:hidden; } #error_page .all_news .news_list .text .info{ margin-top:10px; font-size:12px; } #error_page .all_news .news_list .text .info .name{ color:#00a6e9; } #error_page .all_news .news_list .text .info .dot{ margin:0 3px; color:#aaa; } #error_page .all_news .news_list .text .info .update{ color:#aaa; } /*** 포럼 공통 ***/ #forum{background:#fafafa;} #forum .content{margin-top: 120px;} /*상단 이미지 영역*/ .bizforum .top{width:100%; max-width:800px; margin:20px auto 0 auto;} .bizforum .top .img_mobile{ display:none; } .bizforum .top img{ width:100%; max-width:800px; } /*타이틀*/ .bizforum .top h1{padding-top:60px; text-align:center;} /*타이틀(공통)*/ .bizforum .title{clear:both; width:100%; font-size:22px; margin-top:50px; padding-bottom:10px; } .bizforum .title.line{ border-bottom:1px solid #808184; } /*타이틀 직사각형*/ .bizforum .title span{display:block; margin-bottom:2px; background:#e2355e; width:25px; height:5px;} /*타이틀 정보*/ .bizforum .title .title_info{float: right; font-size: 14px; margin-top: 8px;} .bizforum .title .title_info_sub{font-size: 12px; font-weight: normal; color: #808080;} /*테이블 타이틀(프로그램)*/ .bizforum .table_title{width:680px; font-size:22px; margin:50px auto 12px auto;} /*타이틀 직사각형*/ .bizforum .table_title span{display:block; margin-bottom:2px; background:#e2355e; width:25px; height:5px;} /*프로그램 테이블*/ .bizforum .body{width:100%; max-width:800px; margin:0 auto; background:#fff; /*padding:1px 5.45%;*/ padding:1px 60px; box-sizing:border-box;} .bizforum .body .pro_table col:first-child{ width:20%; } .bizforum .body .pro_table col:last-child{ width:25%; } .bizforum .body .pro_table{width:100%;} .bizforum .body .pro_table th{padding:14px 0; font-size:15px; color:#898989; background:#f3f3f4; border-top:1px solid #808184; border-bottom:1px solid #e7e7e8;} .bizforum .body .pro_table td{padding:15px 0 15px 25px; font-size:14px; color:#808080; border-bottom:1px solid #e7e7e8; line-height:1.4em; vertical-align:middle;} .bizforum .body .pro_table .line_single td{padding:25px 0 25px 25px;} .bizforum .body .pro_table td .text_line{line-height:1.6em;} .bizforum .body .pro_table td .presenter_line li{margin-top:10px;} /*발표자 여러명일때*/ .bizforum .body .pro_table td .presenter_line li:first-child{margin-top:0;} /*테이블-시간*/ .bizforum .body .pro_table td:first-child{padding:0; text-align:center;} /*테이블-내용 타이틀*/ .bizforum .body .pro_table td h3{margin-bottom:6px; font-size:16px; color:#000; font-weight:bold;} /*테이블-내용 타이틀(서브)*/ .bizforum .body .pro_table td h3 .stitle{font-size:14px; font-weight:normal;} /*테이블-내용 타이틀(강조)*/ .bizforum .body .pro_table .point_title{background: #e2355e; color: #fff; padding: 3px 5px; border-radius: 4px; margin-right: 6px; font-size: 13px;} /*테이블-내용 타이틀(내용이 한 줄일때)*/ .bizforum .body .pro_table td h3.single{margin:0;} /*테이블-발표자*/ .bizforum .body .pro_table td h4{color:#000; font-weight:bold;} /*행사장 오시는 길*/ .bizforum .sub_title{font-size:16px; width:100%; margin-bottom:2px;} .bizforum .sub_title_p{font-size:14px; width:100%; margin-bottom:10px;} .bizforum .map_mobile{display:none;} .bizforum .map_text{padding:0 15px; font-size:13px; color:#808080; width:680px; margin:15px auto 0 auto;} .bizforum .map_text ul{margin-bottom:12px;} .bizforum .map_text ul li{line-height:1.2em;} .bizforum .map_text ul li:first-child{margin-bottom:2px; font-size:15px; font-weight:bold; color:#000;} .bizforum .map_text ul .s_title{font-weight:bold; color:#000;} .bizforum .map_web{width:100%; border:1px solid #ccc;} .bizforum .map_web img{ width:100%; } .bizforum .map_web p{border-top:1px solid #ccc; padding:5px 10px; color:#606060; font-size:13px; background:#f7f7f7;} /*관련뉴스*/ .bizforum .forum_related_news{display: block; margin-top: 20px;} .bizforum .forum_related_news:hover{text-decoration: none;} .bizforum .forum_related_news:after{display:block; content:""; clear:both;} .bizforum .forum_related_news img{float: left; width: 240px; height: 150px;} .bizforum .forum_related_news dl{float: left; width: calc(100% - 240px); height:150px; background: #f5f5f5;} .bizforum .forum_related_news dl dt{display: inline-block; margin: 15px 0 12px 20px; font-size: 18px; color:#e2355e; font-weight: bold; border-bottom: 1px solid #e2355e;} .bizforum .forum_related_news dl dt span{margin-bottom: 4px; display: inline-block; font-size: 14px; color: #fff; background:#e2355e; padding: 2px 5px;} .bizforum .forum_related_news dl dd{margin-left: 20px; font-size: 14px; color:#828282; line-height: 1.45em;} /*세미나 신청 버튼*/ .bizforum .apply_btn{margin:0 auto; color:#fff; background:#fff; text-align:center;} .bizforum .apply_btn span{font-size:18px; font-weight:bold; padding:15px 30px; background:#e2355e; display:inline-block; margin-top:50px; border-radius:4px;} .bizforum .apply_btn span.cancel{display:none;} .bizforum .apply_btn a{color:#fff;} .bizforum .comment{width:calc(100% - 30px); margin:20px 0 50px 0; padding:10px 15px; color: #808080; font-size: 13px; background:#f5f5f5; line-height:1.4em;} .bizforum .comment span{color: #e2355e;} /*세미나 안내문구*/ .bizforum .guide{margin-top: 50px; width: calc(100% - 60px); padding:25px 30px; color: #808080; font-size: 14px; background:#f5f5f5; line-height:1.6em; word-break: break-all;} .bizforum .guide span{color: #e2355e; font-weight: bold;} .bizforum .guide a{color: #e2355e;} /*머니워치쇼 시즌6*/ .bizforum .body .pro_table col:first-child{ width:20%; } .moneywatch6 .body .pro_table col:first-child{ width:22%; } .moneywatch6 .body .pro_table col:last-child{ width:35%; } /*2019차이나워치*/ .chinawatch2019 .body .pro_table col:last-child{ width:27%; } /*2019스튜어드십코드*/ .stewardship2019 .body .pro_table col:last-child{ width:32%; } /*비즈워치포럼 2019*/ .bizforum2019 .body .pro_table col:last-child{ width:40%; } .bizforum2019 .top img{border-bottom: 1px solid #e7e7e8;} .bizforum2019 .last_td span{font-weight: normal; color: #808080;} /*머니워치쇼:강남불패*/ .moneywatch9 .body .pro_table col:first-child{ width:22%; } .moneywatch9 .body .pro_table col:last-child{ width:35%; } /*2020차이나워치*/ .chinawatch2020 .body .pro_table col:last-child{ width:33%; } /*하단 코멘트, 세미나 신청 영역 변경*/ .newbizforum .comment{margin:20px 0 0 0;} .newbizforum .apply_btn{margin:0 auto 50px auto;} .newbizforum .apply_btn span{margin-top:30px;} /*워치플레이용 포럼*/ .bizforum.watchplay .top{max-width:1000px;} .bizforum.watchplay .top .img_mobile{ display:none; } .bizforum.watchplay .top img{ max-width:1000px; } /*** 포럼 동영상 페이지 ***/ .bizforum.vod .body{ padding-bottom:50px; } /*프로필 이미지*/ .bizforum .profile{ width:100%; padding:5px 0; } .bizforum .pro_li{ position:relative; margin-top:30px; min-height:100px; padding-bottom:30px; border-bottom:1px dotted #e7e7e8; } .bizforum .last{ border:none; } .bizforum .pro_text{ width:calc(100% - 40px); max-width:580px; padding:3px 20px 0 20px; margin: 0px auto; line-height:1.4em; } /*2016비즈포럼*/ .bizforum .pro_div{ padding:0 20px; } .bizforum .pro_img{ position:absolute; top:0; left:20px; } .bizforum .pro_text.left_margin{ width: calc(100% - 115px); padding:3px 0 0 0;margin-left:115px; font-size:13px; color:#808080;} .bizforum .pro_text.left_margin li:first-child { margin-bottom: 4px; font-size: 16px; font-weight: bold; color: #000;} .bizforum .pro_text.left_margin .work{color:#000;} /*타이틀*/ .bizforum .pro_text .vtitle{ font-size:18px; font-weight:bold; color:#000; } .bizforum .pro_text .name{ margin-bottom:4px; font-size:14px; color:#000; } .bizforum .pro_text .work{ font-size:12px; display:inline-block; margin-left:5px; color:#828282; } /*동영상*/ .bizforum .vod{ width:100%; max-width:580px; margin:12px auto; } .bizforum .vod p{ margin:10px 0 0 0; text-align:center; font-size:12px; color:#828282; } .bizforum .vod p a{ color:#74a9d2; text-decoration:underline; } .bizforum .pro_text .vtext{ font-size:14px;} /*뉴스 리스트*/ .bizforum .body .news_table.left{float:left;} .bizforum .body .news_table.right{float:right;} .bizforum .body .news_table col:first-child{ width:110px; } .bizforum .body .news_table{width:50%;} .bizforum .body .news_table th{padding:14px 0; font-size:15px; color:#898989; background:#f3f3f4; border-top:1px solid #808184; border-bottom:1px solid #e7e7e8;} .bizforum .body .news_table td{padding:15px 25px 15px 20px; font-size:14px; color:#808080; border-bottom:1px solid #e7e7e8; line-height:1.4em; vertical-align: top;} .bizforum .body .news_table td:first-child{ padding:15px 0; } .bizforum .body .news_table tr:last-child td{border-bottom:none;} .bizforum .news_text h2{ font-size:14px; color:#000; } .bizforum .news_text p{ font-size:12px; line-height:1.2em;} .bizforum .news_text li:nth-child(2){ margin-top:6px; } .bizforum .news_text li:nth-child(2) p{ display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; height:3.6em; } .bizforum .news_text li:last-child{ margin-top:6px; } .bizforum .news_text li:last-child p{ color:#74a9d2; } .bizforum .detail_btn{ text-align:center; } .bizforum .detail_btn span{ font-size:11px; font-weight:normal; padding:2px 10px; background:#de5264; display:inline-block; margin-top:6px; border-radius:4px; } .bizforum .detail_btn a{ color:#fff; } /*** 워치멤버스 리플렛 ***/ #watchmembers_leaflet{background: #1b1b1b;} #watchmembers_leaflet .content_wrap{width: 1240px; margin: 0 auto;} #watchmembers_leaflet .img_wrap img{width: 100%;} #watchmembers_leaflet .content_wrap.mobile{display: none;} #watchmembers_leaflet .partner_wrap{display: none;} /*파트너 영역*/ #watchmembers_leaflet .partner_wrap{margin: 30px 0;} #watchmembers_leaflet .partner_wrap:after{display: block; content: ""; clear: both;} #watchmembers_leaflet .partner_wrap h2{padding-bottom: 19px; font-size: 18px; font-weight: bold; color: #fff; width: 100%; border-bottom:1px solid #2e2e2e;} #watchmembers_leaflet .partner_wrap h2 .title{padding: 0 6px 15px 6px; border-bottom: 4px solid #00a6e9;} #watchmembers_leaflet .partner_wrap .partner_list{margin-top: 15px; height: 132px; overflow: hidden;} #watchmembers_leaflet .partner_wrap .partner_list.on{height: auto;} #watchmembers_leaflet .partner_wrap .partner_list:after{display: block; content: ""; clear: both;} #watchmembers_leaflet .partner_wrap .partner_list li{float: left; margin-right: 8px; margin-bottom: 8px; background: #fff; border: 2px solid #b8b8b8; border-radius: 8px; width: 112px; height: 54px; display:table;} #watchmembers_leaflet .partner_wrap .partner_list li span{display: table-cell; vertical-align: middle; text-align: center;} #watchmembers_leaflet .partner_wrap .partner_list li:nth-child(10n){margin-right: 0;} #watchmembers_leaflet .partner_wrap .partner_list li img{max-width: 108px; max-height: 50px;} #watchmembers_leaflet .partner_wrap .partner_more{background: #252525; border-radius: 4px; text-align: center; color: #9e9e9e; font-size: 12px; padding: 5px 0; cursor: pointer;} #watchmembers_leaflet .partner_wrap .partner_more span{font-size: 9px; margin-right: 5px;} /*** 이벤트 공통 ***/ /*이미지 영역*/ #event .body{width:100%; max-width:1000px; margin:20px auto 0 auto; position:relative;} #event .body .img_mobile{ display:none; } #event .body img{ width:100%; max-width:1000px; } #event .body .apply_btn{position:absolute; bottom:100px; width:100%; } #event .body .apply_btn a{display:block; background:#3f82c1; width:70%; padding:16px 0 18px 0; text-align:center; margin:0 auto; border-radius:10px; font-size:38px; font-weight:bold; font-style:italic; color:#fff; border:2px solid #fff; line-height:1.0em;} #event .body .apply_btn a:hover{text-decoration:none;} /*귀에쏙쏙뉴스*/ #event .audio_news .body .apply_btn{bottom:80px;} #event .audio_news .body .apply_btn a{background:#7b57a5; font-style:normal; font-weight:normal; width:325px; font-size:28px;} #event .audio_news .body .apply_btn a .strong{font-weight:bold;} /*** 이벤트 공통(new) ***/ #event_new{background: #000;} #event_new .content{margin-top: 0; margin-bottom: 0; max-width: 1000px; background: #fff;} #event_new img{width: 100%;} #event_new .btn{display: block; width: 50%; float: left;} /*테이블*/ .tb_large{width:90%; margin: 0 auto; background: #fff; padding-bottom: 50px;} .tb_large table{width: 100%;} .tb_large table tbody{background: #fff;} .tb_large th, .tb_large td{border:1px solid #c9ccce; font-size:14px; padding:10px 0; color: #808c98;} .tb_large th{background:#f1f6f8; border-top:2px solid #000; color: #000;} .tb_large tr:last-child td{border-bottom:1px solid #000;} /*마지막줄 라인 검정색 변경*/ .tb_large td{text-align:center; } /*당첨자발표 테이블*/ .result_table{float: left; padding: 40px 0 50px 0; width:calc(100% - 160px); margin: 0 80px 80px 80px; box-sizing: border-box; background: #fff; text-align: center; border-radius: 10px; font-size: 15px; line-height: 1.7;} .result_table .rs_title{margin-bottom: 20px; line-height: 1.5;} .result_table .rs_title h2{font-size: 20px;} .result_table .rs_left{float: left; width: 33%;} .result_table .rs_center{float: left; width: 34%; border: 1px dashed #d7d7d7; border-top:none; border-bottom: none; box-sizing: border-box;} .result_table .rs_right{float: left; width: 33%;} /*당첨자발표 테이블(곻시줍줍라방용)*/ .result_table.rt_large{width:calc(100% - 90px); margin: 0 45px 80px 45px; border-radius: 15px;} @media (max-width:1250px){ /* 전체메뉴 영역 */ .menu_wrap .menu{padding-right: 0;} } @media (max-width:1100px){ /* 전체메뉴 영역 */ .menu_wrap .menu_div{height: 100%; overflow-y: scroll;} .menu_wrap .menu{max-width: 100%; padding: 0 15px 70px 15px;} .menu_wrap .category{display: block;} .menu_wrap .logo_area ul{width:260px; } .menu_wrap .logo_area ul li .text{display: none;} .menu_wrap .logo_area ul li{margin-right: 5px;} .menu_wrap .logo_area ul li:first-child{margin-right: 15px;} .menu_wrap .logo_area ul li .logo img{width: 140px;} .menu_wrap .category{padding: 0;} .menu_wrap .category dl{border-bottom: 1px solid #e0e0dd; border-right: none; padding: 10px 3%;} .menu_wrap .category dl:last-child{border-bottom:none;} .menu_wrap .category dl dt{font-size: 18px; width: 57px;} .menu_wrap .category dl dd{line-height: 1.5; font-size: 16px;} .menu_wrap .category .full_news{display: block;} } @media (max-width:1000px){ /*** 이벤트 공통(new) ***/ #event_new .content{ width:100%;} .tb_large{width:100%; padding-bottom: 0;} .result_table{padding: 20px 0; width: 100%; margin: 0; border-radius: 0;} .result_table .rs_title{margin-bottom: 10px;} /*당첨자발표 테이블(곻시줍줍라방용)*/ .result_table.rt_large{padding: 20px 0; width: 100%; margin: 0; border-radius: 0;} } /***** 이미지 반응형 변환 *****/ @media (max-width:920px){ .news_content .container img{ width:100%; } .news_content table{ width:100%; } .news_content img.atc{ width: 45px; } /*프린트*/ #print .news_content table{ max-width:700px; } } /***** 모바일용 CSS *****/ @media (max-width:800px){ /*** 공통 ***/ .content{margin-top:60px; } header{ height:60px; } header .logo{ width:160px; margin:0 0 0 3px;} header .logo img{ margin-top:20px; } /*창간5주년용 header .logo{ width:250px; margin:0 0 0 5px;} header .logo img{ margin-top:18px; } */ header .top_btn{top:15px;} /* header .top_btn li{display:none;} header .top_btn li.search_btn{display:block;} header .top_btn li.search_btn:before{display:none;} */ header .ticker ul li.ticker_hot{ display:none; } header .ticker .ticker_list>li.ticker_new{ width:calc(100% - 5px); margin-right:0; margin-left: 5px;} header .ticker .ticker_list>li.menu_btn{margin-right:20px;} /* 검색영역 */ .search{top:50px; right: 0; border-bottom: 1px solid #e0e0dd;} .search .search_bg{ width:calc(100% - 30px); padding: 8px 10px 8px 20px;} .search .keyword{ -webkit-appearance:none; -moz-appearance:none; border-radius:0; } /*검색화면*/ .result_area{ margin-top:50px; padding:30px 0 30px 0; } .result_area .result_input{ width:90%; } .result_area .result_input input{ font-size:25px; padding:5px 8px; } .result_area .result_text{ margin-top:8px; padding:0 5%; font-size:15px; } .result_area .result_btn{ margin-top:6px; } #search{ margin-top:30px; } #search .left_content{ width:100%; } #search .right_content{ width:100%; margin-top:0;} #search .right_content div:first-child{ margin-top:50px; } #search .all_news .news_list .img{ width:100px; } #search .all_news .news_list .text{ width:calc(100% - 110px); } #search .all_news .news_list li{ padding:10px 0; } #search .all_news .news_list .text .title{font-size:16px} #search .all_news .news_list .text .body{ margin-top:5px; } #search .all_news .news_list .text .info{ margin-top:5px; font-size:11px;} #search .all_news .news_list .body{display:none;} #search .ad_bizwatch_search{display:none;} /* .menu{ right:-100%; width:200px;} .menu .logo img{ width:120px; } .menu .close_btn{ top:15px;} .menu .news{border-bottom:8px solid #e3e3e3;} .menu .news li a{padding:14px 0 12px 10px; } .menu .news li.full a{ width:calc(100% - 10px);} */ /* 풋터 */ #footer .links ul{ width:302px; max-width:1100px; margin:0 auto; } #footer .links ul li a{ padding: 0 6px; } #footer .foot_area{ margin-top:20px; } #footer .foot_area .company{ display:none; } #footer .foot_area .address{ display:none; } #footer .foot_area .copyright{ text-align:center; } /*** 기사 뷰 페이지 ***/ /* 컨텐츠 영역 */ #news_view .content{ margin-top:85px; } #news_view .left_content{ float:left; width:100%; margin-top:0;} #news_view .right_content{ float:right; width:100%; margin-top:0;} /* 상단 컨텐츠 영역 */ .top_content{border:none;} .top_content h1{ padding-right:0;} .top_content .container h1{ width:100%; text-align:center; font-size:28px; } .top_content .container .info{ margin-top:10px; text-align:center; float:none; } .top_content .container .share{ position:relative; right:0; width:226px; margin:20px auto 0 auto;} .top_content .container .share.mobile{display:block;} .top_content .container .share.web{display:none;} .top_content .container .share li img{ width:70px; } .top_content .container .share li{margin-left: 8px;} .top_content .container .share_popup{display:none;} .top_content .container .share_popup{position: absolute; top:38px; right: 0; width: 130px; height: 55px; background: url(../images/icon_share_bg.png); background-repeat: no-repeat; background-size: 130px;} .top_content .container .share_popup li{float: left; margin: 15px 0 0 8px;} .top_content .container .share_popup li:first-child{margin-left: 11px;} .top_content .container .share_popup li img{width: 30px;} /* 뉴스 컨텐츠 영역 */ .news_content{ margin-top:15px; } .news_content .container{ width:100%; } .news_content .container h2{ font-size:18px; } /* .news_content .container p{ font-size:17px; line-height: 1.7em;} .news_content .container font{font-size:17px; line-height: 1.7em;} */ .news_content .container p{ font-size:18px; line-height: 1.7em;} .news_content .container font{font-size:18px; line-height: 1.7em;} /* 뉴스 컨텐츠 add (2020.5.26수정)*/ .content._add{width: 100%;} /* 비즈니스워치 관련 컨텐츠 추가 (2020.6.23수정) */ .bizwatch_info .info_link{display: block; margin-left: 0px;} /* 서브 컨텐츠 영역 */ /*모바일 뉴스 보기 버튼*/ .mobile_show_btn{display: block; margin: 20px 0;} .mobile_show_btn a{display: inline-block; width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #00a6e9; border-radius: 4px; text-align: center; font-size: 15px; color: #00a6e9; font-weight: bold;} .mobile_show_btn a:hover{text-decoration: none;} /* 관련뉴스 영역 */ .related_news{display: none; margin-top:30px;} .rel_news_btn{display: block; margin: 20px 0;} .rel_news_btn a{display:inline-block; color:#00a6e9;font-size:15px; padding:2px 0; border-bottom:1px solid #00a6e9;} .rel_news_btn a:hover{text-decoration:none;} .rel_news_btn a .strong{font-weight:bold;} /* SNS 댓글 */ .comments{ display: none; width:100%; margin-top:0;} .comments .cmt_btn input{ -webkit-appearance:none; -moz-appearance:none; font-size:14px; } .comments .cmt_input .cmt_txt textarea{height:48px; font-size:14px; line-height:1.3em; } /*SNS 로그인 버튼*/ .press_more{margin-bottom: 20px;} .press_more .sns_login_btn{display: inline-block; margin-top:15px; float: right;} .press_more .sns_login_btn a{font-size: 13px; color: #00a6e9; font-weight: bold;} .press_more .sns_login_btn a:hover{text-decoration: none} .press_more .sns_login_btn a img{width: 25px; margin-right: 5px;} /* 기사뷰 자체 배너(기자의 기사 더보기 아래, 20210630추가) */ .news_content .bnr_news{display: block;} /* 광고 */ .ad_google_wide{ /*width:100%; height:50px;*/ display:none; } .ad_google_right{ width:100%; height:50px; margin-top:20px;} .ad_bizwatch_right{ display:none; } .ad_bizwatch_right_top{ display:none; } .ad_bizwatch_right_middle{ display:none; } .ad_bizwatch_right_bottom{ display:none; } /*** 서브 공통 ***/ .n_title{padding-top:20px; } /*** 회사소개 ***/ .n_title{ padding-top:0; } /*** 회사소개 ***/ /*상단 비주얼*/ #company .top_visual { margin-top:61px;padding: 0 20px; box-sizing: border-box;} /*상단 메뉴*/ #company .top_menu{width: 100%; height: 68px; padding: 0 20px; box-sizing: border-box;} #company .top_menu ul{max-width: 100%; padding-top: 12px;} #company .top_menu li{margin-right: 0; font-size: 15px; width:33.33333%;} #company .top_menu li:nth-child(3){margin-right: 0;} #company .top_menu li:nth-child(4){clear: both; float: left; margin-top: 12px; width:25%;} #company .top_menu li:nth-child(5){margin-top: 12px; width:25%;} #company .top_menu li:nth-child(6){margin-top: 12px; width:25%;} #company .top_menu li:nth-child(7){margin-top: 12px; width:25%;} #company .top_menu li.on{text-align: center; padding-bottom: 0; border-bottom: none;} #company .top_menu img{display: none;} /*공통*/ #company .img_web{display: none;} #company .img_mobile{display: block; width: 100%;} #company .text_mobile{display: block; margin-top: 15px; font-size:15px; line-height: 1.4; color: #828282;} /* 인사말 */ #about .profile_img .img{float: none; text-align: center;} #about .profile_img .title{float: none; width: 100%; margin-top: 30px;} #about .profile_img .text{float: none; width: 100%; margin-top: 12px;} /*#about .content_text .ceo span{display: block; margin: 0 0 10px 0;}*/ /*비즈니스워치는*/ #vision .left .img{float: none;} #vision .left .title{float: none;} #vision .left .text{float: none;} #vision .right .img{float: none;} #vision .right .title{float: none;} #vision .right .text{float: none;} #vision ul li{margin-top: 50px;} #vision ul li:nth-child(2) .title{width: 100%;} #vision ul li:nth-child(2) .text{width: 100%;} #vision ul li:nth-child(3) .title{width: 100%;} #vision ul li:nth-child(3) .text{width: 100%;} #vision ul li:nth-child(4) .title{width: 100%;} #vision ul li:nth-child(4) .text{width: 100%;} #vision ul li:nth-child(5) .title{width: 100%;} #vision ul li:nth-child(5) .text{width: 100%;} #vision ul li:nth-child(6) .title{width: 100%;} #vision ul li:nth-child(6) .text{width: 100%;} #vision ul li .title{margin-top: 15px;} #vision ul li img{width: 100%;} #vision .center{text-align: left;} #vision br.web{display:none; } /*윤리강령*/ #moral_code .title{ margin-top:50px; line-height:1.3em; } #moral_code .unit li{ width:100%; padding:0; height:100%; margin-bottom:50px; } /*연혁*/ #history .right{margin-left: 0; float: none; padding-left:25px; width: 100%;} #history .left{margin-right: 0; float: none; text-align: left; padding-right:0; padding-left:25px; border-right: none; border-left: 1px solid #00a6e9; width: 100%;} #history .right .title .circle{left: -30px;} #history .left .title .circle{left: -30px;} #history .left .img{padding: 0;} #history .right .img{padding: 0;} /*CI소개*/ #ci .title{float: none; margin-bottom: 15px;} #ci .img{float: left; width: calc(50% - 10px); padding: 30px 20px;} #ci .btn{display: none;} #ci .img_color{width: 100%; padding: 30px;} #ci .img_color .color_bg{float: none;} #ci .img_color .color_text{float: none; margin-top: 10px; font-size: 10px; line-height: 1.2;} #ci .img_color .color_title{margin-bottom: 3px; font-size: 12px;} #ci .img_rule{width: 100%; padding: 25px} #ci .img_rule ul{width: 100%;} #ci .img_rule ul li{width: calc(50% - 10px); font-size:11px;} #ci .img_rule ul li img{width: 100%;} /*조직도*/ /*리플렛*/ #leaflet.content{width: 100%} .leaflet_img .btn{padding: 4px 6px; margin-right: 6px; font-size: 11px;} /*오시는 길*/ #contact .map_img img{ width:100%; max-width:638px;} #contact .map_info{ width:100%; margin-left:0; margin-top:20px; } /*** 고객센터 ***/ /*공지사항*/ .tb_notice col:first-child{ width:50px; } .tb_notice .web{ display:none; } .tb_notice td.left{ padding:0 10px; } /*페이지 영역*/ .paging .web{ display:none; } .paging{padding-top:15px;} /*기사제보*/ .tb_report col:first-child{ width:90px; } .tb_report th{ padding:12px 0; } .tb_report td{ padding:15px 10px; } /*제휴 및 광고*/ .tb_partner.web{ display:none; } .tb_partner.mobile{ display:table; } .tb_partner th{ padding:12px 5px; } .tb_partner td{ padding:15px 20px; text-align:left; } /*** 이용안내 ***/ #left-menu ul.guide li { width:50%; } #left-menu ul.guide li:first-child{ border-bottom:none; } #left-menu ul.guide li:nth-child(2){ border-bottom:none; } #left-menu ul.guide li:nth-child(3){ border-left:1px solid #c9ccce; } /*이슈베스트*/ .title_area{ /*margin-top:26px;*/ padding:30px 0 30px 0; } #issuebest{ margin-top:5px; } #issuebest .left_content{ width:100%; } #issuebest .right_content{ width:100%; } #issuebest .all_news .news_list .img{ display:none; } #issuebest .all_news .news_list .text{ width:100%; } #issuebest .all_news .news_list li{ padding:15px 0; } .title_area .title{ font-size:32px; } .title_area .text{ margin-top:8px; font-size:15px; } /*이슈베스트 more*/ #issuebest_more{ margin-top:30px; } #issuebest_more .left_content{ width:100%; } #issuebest_more .right_content{ width:100%; } #issuebest_more .right_content div:first-child{ margin-top:50px; } #issuebest_more .all_news .news_list .img{ width:100px;} #issuebest_more .all_news .news_list .text{ width:calc(100% - 110px); } #issuebest_more .all_news .news_list li{ padding:10px 0} #issuebest_more .all_news .news_list .text .title{font-size:16px} #issuebest_more .all_news .news_list .text .body{ margin-top:5px; } #issuebest_more .all_news .news_list .text .info{ margin-top:5px; font-size:11px;} #issuebest_more .all_news .news_list .body{display:none;} /*많이 본 뉴스*/ #popular{ margin-top:5px; } #popular .left_content{ width:100%; } #popular .right_content{ width:100%; } #popular .all_news .news_list li{ padding:11px 0 13px 0; } #popular .all_news .news_list .text .body{ margin-top:5px; } #popular .all_news .news_list .text .info{ margin-top:5px; } /*귀에 쏙쏙 뉴스*/ #audio_news{ margin-top:30px; } #audio_news .left_content{ width:100%; } #audio_news .right_content{ width:100%; } #audio_news .right_content div:first-child{ margin-top:50px; } #audio_news .all_news .news_list .img{ width:100px;} #audio_news .all_news .news_list .text{ width:calc(100% - 110px); } #audio_news .all_news .news_list li{ padding:10px 0} #audio_news .all_news .news_list .text .title{font-size:16px} #audio_news .all_news .news_list .text .body{ margin-top:5px; } #audio_news .all_news .news_list .text .info{ margin-top:5px; font-size:11px;} #audio_news .all_news .news_list .body{display:none;} /*로그인 페이지*/ #login .footer{width:100%; } /* RSS 페이지 */ #rss{ margin-top:5px; } #rss .left_content{ width:100%; } #rss .right_content{ width:100%; } /*404 에러 페이지*/ #error_page .left_content{ float:left; width:100%; } #error_page .right_content{ float:right; margin-top:50px; width:100%; } /*** 포럼 공통 ***/ #forum .content{ width:100%; margin-top:60px; margin-bottom:0;} #forum #footer{ margin-top:0; } /*.bizforum .top{ margin-top:50px;}*/ .bizforum .top .img_mobile{ display:block; } .bizforum .top .img_web{ display:none; } .bizforum .body{ padding:1px 0; } .bizforum .body .pro_table td{padding:15px; } .bizforum .body .pro_table .line_single td{padding:25px 15px;} .bizforum .body .pro_table col:last-child{ width:33%; } .bizforum .title{ padding:0 15px 10px 15px; width:calc(100% - 30px);} .bizforum .sub_title{ padding:0 15px; width:calc(100% - 30px);} .bizforum .sub_title_p{ padding:0 15px; width:calc(100% - 30px);} .bizforum .apply_btn span{font-size:16px; padding:10px 20px;} .bizforum .apply_btn span.cancel{display:inline-block; background: #fff; border: 1px solid #e2355e; color: #e2355e;} .bizforum .apply_btn span.submit{ margin-right:5px; } .bizforum .map_mobile{display:block;} .bizforum .map_web{display:none;} .bizforum .m_title{display: inline-block; margin-top: 4px;} /*관련뉴스*/ .bizforum .forum_related_news img{display: none;} .bizforum .forum_related_news dl{float: none; width: 100%; height:auto; padding: 20px; box-sizing: border-box;} .bizforum .forum_related_news dl dt{margin: 0 0 12px 0;} .bizforum .forum_related_news dl dd{margin: 0;} /*포럼동영상*/ .bizforum .body .news_table{width:100%;} .bizforum .body .news_table td:first-child{ padding:15px 0 15px 15px; } .bizforum .body .news_table.left tr:last-child td{border-bottom:1px solid #e7e7e8;} /*2016비즈포럼*/ .bizforum .pro_div{ padding:0 20px; } .bizforum .pro_img{ position:relative; text-align:center; left:0;} .bizforum .pro_text.left_margin{ width: 100%; margin-left:0; margin-top:10px;} /*행사장 오시는 길*/ .bizforum .map_text{width:calc(100% - 30px);} .bizforum .apply_btn span{margin-top:30px;} /*비즈워치포럼 2019*/ .bizforum2019 .body .pro_table col:last-child{ width:42%; } /*머니워치쇼:강남불패*/ .moneywatch9 .body .pro_table col:last-child{ width:40%; } /*** 이벤트 공통 ***/ #event .content{ width:100%; margin-top:36px; } #event #footer{ margin-top:0; } /*이미지 영역*/ #event .body .img_mobile{ display:block; } #event .body .img_web{ display:none; } #event .body .apply_btn{ bottom:50px; } #event .body .apply_btn a{ width:80%; padding:9px 0 11px 0;font-size:16px; border:1px solid #fff; border-radius:6px;} /*귀에쏙쏙뉴스*/ #event .audio_news .body .apply_btn {bottom: 50px;} #event .audio_news .body .apply_btn a{ width:190px; font-size:16px;} /*** 워치멤버스 리플렛 ***/ #watchmembers_leaflet .content_wrap{display: none;} #watchmembers_leaflet .content_wrap.mobile{display: block; width: 100%;} /*워치플레이용 포럼*/ .bizforum.watchplay .top .img_mobile{ display:block; } .bizforum.watchplay .top .img_web{ display:none; } } /***** 아이폰5용 CSS *****/ @media (max-width:320px){ /*창간5주년용 header .logo{ width:230px; margin:0 0 0 5px;} */ /*검색화면*/ .result_area .result_input input{ font-size:23px; } /*많이본뉴스 카테고리*/ .hot_news ._category{font-size: 15px;} .hot_news ._category a{margin-right: 4.5%;} /* 회사소개 네비게이션 사이즈 (메뉴 5개) */ #left-menu ul li a{font-size:14px;} #left-menu ul.company li:first-child{ width:27.5%; border-bottom:none; } #left-menu ul.company li:nth-child(2){ width:45%; border-bottom:none; } #left-menu ul.company li:nth-child(3){ width:27.5%; border-bottom:none; } /*윤리강령*/ #moral_code .title{ font-size:28px; } /*연혁*/ .tb_large col:first-child{ width:60px; } }