/********************************************************************************************************************* 레이아웃 영역 시작 - 헤더 / 푸터 / 컨테이너 / 윙배너 *********************************************************************************************************************/ /* 헤더 시작 */ #header {padding-bottom:50px;background-color:#FFF} #header .header_top {width:100%;height:48px;border-bottom:1px solid #EDEDED} #header .header_top > .inner {margin:0 auto;padding:0 10px;width:1200px} #header .header_top > .inner:after {content:"";clear:both;display:block} #header .header_top > .inner .editing_data {float:left;font-size:14px;color:#888;line-height:47px;letter-spacing:0} #header .header_top > .inner .utility_list {float:right} #header .header_top > .inner .utility_list:after {content:"";clear:both;display:block} #header .header_top > .inner .utility_list li {display:inline-block; padding-left:10px; line-height:47px;} #header .header_top > .inner .utility_list li a {font-size:14px;color:#888; vertical-align:middle; } #header .header_top > .inner .utility_list li a.btn {color:#fff;} #header .header_top > .inner .utility_list li button {vertical-align:middle;} #header .header_mid {position:relative;padding:26px 10px 32px 10px;margin:0 auto;width:1200px; clear:both; min-height: 134px;} #header .header_mid:after {content:"";clear:both;display:block} #header .sns_list {float:left;margin-top:12px; width:auto; margin-right: 5px;} #header .sns_list a {margin-right:5px;display:inline-block;width:24px;height:24px;} #header .sns_list a img {width:100%;height:100%} #header .header_mid .logo {position:absolute;top:50%;left:50%;margin-left:-75px;margin-top:-31px; width:150px;} #header .header_mid .logo img {width:100%;} #header .header_mid .left_banner {float:left;} #header .header_mid .right_banner {float:right;} #header .header_mid .join_banner {float:right;} #header .header_bottom {background:url("/images/site/common/h_menu_bg.png") no-repeat center center;background-size:cover} #header .header_bottom > .inner {margin:0 auto;padding:0 10px;width:1200px;} #header .header_bottom > .inner {position:relative;margin:0 auto;padding:0 10px;width:1200px} #header .header_bottom > .inner:after {content:"";clear:both;display:block} #header .header_bottom > .inner .total_menu_btn {float:left;margin-top:10px;margin-right:15px;cursor:pointer} #header .header_bottom > .inner .total_menu_btn .bar1, #header .header_bottom > .inner .total_menu_btn .bar2, #header .header_bottom > .inner .total_menu_btn .bar3 {margin:6px 0;width:20px;height:2px;background-color:#FFF;transition:0.4s} #header .header_bottom > .inner .change .bar1 {-webkit-transform:rotate(-45deg) translate(-6px, 4px);transform:rotate(-45deg) translate(-6px, 4px)} #header .header_bottom > .inner .change .bar2 {opacity:0} #header .header_bottom > .inner .change .bar3 {-webkit-transform:rotate(45deg) translate(-7px, -6px);transform:rotate(45deg) translate(-7px, -6px)} #header .header_bottom > .inner .gnb {position:relative;float:left} #header .header_bottom > .inner .gnb:after {content:"";clear:both;display:block} #header .header_bottom > .inner .gnb li {float:left;padding:0 15px;height:50px} #header .header_bottom > .inner .gnb li:first-child{margin-left:0} #header .header_bottom > .inner .gnb li a {display:block;line-height:50px;color:#FFF;font-size:18px;letter-spacing:-1px;} #header .header_bottom > .inner .gnb li.on {border-bottom:5px solid #FFF;transition:0.3s} #header .header_bottom > .inner .lnb {position:absolute;left:45px;bottom:-50px;width:100%} #header .header_bottom > .inner .lnb ul {display:none} #header .header_bottom > .inner .lnb ul:after {content:"";clear:both;display:block} #header .header_bottom > .inner .lnb ul li {float:left;padding:0 15px} #header .header_bottom > .inner .lnb ul li a {display:block;line-height:50px;font-size:17px;letter-spacing:-0.05em} #header .header_bottom > .inner .lnb ul li a:hover {color:#17399A} #header .header_bottom > .inner .search {float:right;margin-top:10px} #header .header_bottom > .inner .search input[type="text"] {float:left;padding:0 5px;display:block;width:190px;height:28px;color:#FFF;font-weight:300;letter-spacing:0em;border:0;border-bottom:0.5px solid rgba(255,255,255,0.35);background-color:transparent} #header .header_bottom > .inner .search input[type="text"]:focus {outline:none} #header .header_bottom > .inner .search input[type="text"]::-webkit-input-placeholder {color:#FFF;font-weight:100;} #header .header_bottom > .inner .search input[type="text"]::-ms-input-placeholder {color:#FFF} #header .header_bottom > .inner .search input[type="text"]::placeholder {color:#FFF} #header .header_bottom > .inner .search .search_btn {float:left;display:block;width:30px;height:30px;line-height:30px;text-align:right;cursor:pointer} #header .header_bottom > .inner .search .search_btn img {margin-top:5px} #header .header_bottom .total_menu_wrap {display:none;position:absolute;padding:25px 0;background:#FFF;width:100%;box-shadow:1px 3px 15px 1px rgba(0,0,0,0.1);z-index:90} #header .header_bottom .total_menu_wrap > .inner {margin:0 auto;padding:0 10px;padding-left:45px;width:1200px} #header .header_bottom .total_menu_wrap > .inner:after {content:"";clear:both;display:block} #header .header_bottom .total_menu_wrap > .inner > ul:after {content:"";clear:both;display:block} #header .header_bottom .total_menu_wrap > .inner > ul > li:after {content:"";clear:both;display:block} #header .header_bottom .total_menu_wrap > .inner > ul > li > ul:after {content:"";clear:both;display:block} #header .header_bottom .total_menu_wrap > .inner > ul > li > p {float:left;width:130px} #header .header_bottom .total_menu_wrap > .inner > ul > li > p > a {display:block;font-size:17px;line-height:34px} #header .header_bottom .total_menu_wrap > .inner > ul > li > ul > li {float:left;margin-right:20px} #header .header_bottom .total_menu_wrap > .inner > ul > li > ul > li a {display:block;font-size:17px;line-height:34px;color:#5B5B5B} /* 헤더 끝 */ /* 푸터 시작*/ #footer .affiliates {background-color:#E9E9E9} #footer .affiliates .list {margin:0 auto;padding:0 10px;width:1200px} #footer .affiliates .list:after {content:"";clear:both;display:block} #footer .affiliates .list li {float:left;margin-left:50px;padding:5px 0} #footer .affiliates .list li:first-child {margin-left:0} #footer .affiliates .list li a {display:block;height:40px;line-height:40px} #footer .affiliates .list li a img {height:26px;vertical-align:middle} #footer .inner {margin:0 auto;padding:38px 10px;width:1200px} #footer .inner:after {content:"";clear:both;display:block} #footer .inner .f_logo {margin-right:50px;float:left} #footer .inner .info {float:left;} #footer .inner .info .services:after {content:"";clear:both;display:block} #footer .inner .info .services li {float:left;padding-left:18px;background:url("/images/site/common/f_dot.png") no-repeat 10px center} #footer .inner .info .services li:first-child {padding-left:0;background:none} #footer .inner .info .services li a {color:#666;/*letter-spacing:-0.05em*/ letter-spacing:-1px;} #footer .inner .info .services li a.on {color:#17399A} #footer .inner .info .services li a:hover {color:#17399A} #footer .inner .info .company_info {padding:16px 0;line-height:18px;color:#666;letter-spacing:-0.05em} #footer .inner .info .copyright {color:#666;letter-spacing:-0.05em} /* 푸터 끝 */ /* 컨테이너 시작 */ #container .inner {margin:0 auto;padding:0 10px;width:1200px} #container .inner:after {content:"";clear:both;display:block} #container .inner .headline {width:100%} #container .inner .section {float:left;width:860px; position:relative; z-index:90;} #container .inner .section:after {content:"";clear:both;display:block} #container .inner .section > h2 {padding-bottom:20px;font-size:32px} #container .inner .aside {float:left;margin-left:40px;width:280px;} .inner .left_area {float:left;width:50%;padding-right:20px} .inner .left_area:after {content:"";clear:both;display:block} .inner .right_area {float:right;width:50%;padding-left:20px} .inner .right_area:after {content:"";clear:both;display:block} /* 컨테이너 끝 */ /* 윙배너 시작 */ .wing_banner {position:absolute;width:1200px;/*margin-top:285px*/} .wing_banner .wb_left {position:absolute; left:-320px; z-index:90;} .wing_banner .wb_right {position:absolute; right:auto; margin-left:1200px; z-index:90;} /* @media (min-width:600px) and (max-width:1610px) { .wing_banner {position:absolute;width:1180px} .wing_banner .wb_left {position:absolute; left:-165px; z-index:90;} .wing_banner .wb_right {position:absolute; right:-165px; z-index:90;} } */ */ /* 윙배너 끝 */ /********************************************************************************************************************* 레이아웃 영역 끝 - 헤더 / 푸터 / 컨테이너 / 윙배너 **********************************************************************************************************************/ /********************************************************************************************************************* 스킨 편집 시작 **********************************************************************************************************************/ #wc_react_site_modal_mod .img_list_wrap:after {clear:both; display:block; content:'';} #wc_react_site_modal_mod .img_list_wrap {display:block; position:relative; overflow:hidden; width:100%; margin:15px 0;} #wc_react_site_modal_mod .img_list_wrap .img_list {position:relative; float:left; width:200px; height:120px; cursor:pointer;} #wc_react_site_modal_mod .img_list_wrap .img_choice {border: 3px solid blue} #wc_react_site_modal_mod .img_list_wrap .img_list img {display:block; width:100%; height:100%;} #wc_react_site_modal_mod .img_list_wrap .img_list .img_btn_wrap {position:absolute; width:100%; display:none; text-align:center; bottom:20px;} #wc_react_site_modal_mod .img_list_wrap .img_list:hover .img_btn_wrap {display:block;} #wc_react_site_modal_mod .select_img {position:relative; overflow:hidden; margin-top:20px; display:inline-block;} #wc_react_site_modal_mod .select_img img {display:block; min-width:200px; max-width:380px; max-height:250px;} #wc_react_site_modal_mod .select_img .img_btn_wrap {position:absolute; width:100%; display:none; text-align:center; bottom:20px;} #wc_react_site_modal_mod .select_img:hover .img_btn_wrap {display:block;} #wc_react_site_modal_mod .crop-tool-box {padding:5px 10px;height:40px;} #wc_react_site_modal_mod .btn-group {margin-right:10px;margin-bottom:15px;float:left;margin-right: 10px;} #wc_react_site_modal_mod .btn-group button {height: 28px;line-height:0;} #wc_react_site_modal_mod .btn-yellow {min-width:38px !important;} #wc_react_site_modal_mod .image-crop-box {height:auto;width:100%; border:1px solid #c9cccf;} #wc_react_site_modal_mod .img-preview {border:1px solid #c9cccf;float:left;margin-right:5px;overflow:hidden;} #wc_react_site_modal_mod .preview-lg {width:256px;height:144px;} #wc_react_site_modal_mod .preview-md {width:128px;height:72px;} #wc_react_site_modal_mod .preview-sm {width:64px;height:36px;} #wc_react_site_modal_mod .preview-xs {width:32px;height:18px;} #wc_react_site_modal_mod .table-bordered {width:100%;text-align:center;} #wc_react_site_modal_mod .table-bordered td {padding:15px;} #wc_react_site_modal_mod .img-container img { max-width:100%; /*width:100%;height:100%;*/ } #wc_react_site_modal_mod .explain { display:block; font-size: 13px; color: #797979;} /********************************************************************************************************************* 스킨 편집 영역 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 헤드라인 / 기사리스트 / 배너 영역 시작 - 헤드라인 001 / 기사리스트 001 ~ 046 **********************************************************************************************************************/ /* 광고 z-index 방지 */ .editor_view {position:relative; z-index:1; min-height: 5px;} /* 헤드라인 001 시작 */ .hdl_001 {width:100%} .hdl_001 .lists {margin:0 -2px} .hdl_001 .lists:after {content:"";clear:both;display:block} .hdl_001 .lists .box {position:relative;float:left;margin:0 0.18%;width:32.97%;height:500px;overflow:hidden;} .hdl_001 .lists .box .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .hdl_001 .lists .box:hover .arl_img {transform:scale(1.06, 1.06);transition:0.4s;} .hdl_001 .lists .box .mask {position:absolute;left:0;top:0;width:110%;height:110%;background:url("/images/site/hdl_001/hdl_001_mask.png") center center repeat-x;background-size:cover;z-index:1} .hdl_001 .lists .box .title {position:absolute;left:0;bottom:30px;padding:0 50px;width:100%;height:135px;overflow:hidden;z-index:3} .hdl_001 .lists .box .title a {font-size:36px;line-height:45px;color:#fff} /* 헤드라인 001 끝 */ /* 헤드라인 002 시작 */ .hdl_002 {width:100%} .hdl_002:after {content:"";clear:both;display:block} .hdl_002 ul {float:left} .hdl_002 ul li {position:relative;width:100%;height:100%} .hdl_002 ul li .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .hdl_002 ul li:hover .arl_img {transform:scale(1.06, 1.06);transition:0.4s} .hdl_002 ul li a .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/site/hdl_002/hdl_002_mask1.png") center center repeat-x;z-index:1} .hdl_002 ul li .title {position:absolute;left:0;bottom:15px;padding:0 25px;width:100%;height:60px;overflow:hidden;z-index:3} .hdl_002 ul li .title a {font-size:24px;line-height:30px;color:#fff} .hdl_002 .center_lists {margin:0 10px;width:580px;height:410px;overflow:hidden} .hdl_002 .center_lists li a .mask {background:url("/images/site/hdl_002/hdl_002_mask2.png") center center repeat-x} .hdl_002 .center_lists li .title {position:absolute;left:0;bottom:30px;padding:0 35px;width:100%;height:96px;overflow:hidden;z-index:3} .hdl_002 .center_lists li .title a {font-size:34px;line-height:48px;color:#fff} .hdl_002 .left_lists li, .hdl_002 .right_lists li {width:290px;height:200px;overflow:hidden} .hdl_002 .left_lists li:first-child, .hdl_002 .right_lists li:first-child {margin-bottom:10px} /* 헤드라인 002 끝 */ /* 헤드라인 003 시작 */ .hdl_003 {width:100%} .hdl_003 ul:after {content:"";clear:both;display:block} .hdl_003 ul li {position:relative;float:left} .hdl_003 ul li .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .hdl_003 ul li:hover .arl_img {transform:scale(1.06, 1.06);transition:0.4s} .hdl_003 ul li a .mask {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1} .hdl_003 .top_lists li {width:585px;height:300px;overflow:hidden} .hdl_003 .top_lists li:first-child {margin-right:10px} .hdl_003 .top_lists li a .mask {background:url("/images/site/hdl_003/hdl_003_mask1.png") center center repeat-x} .hdl_003 .top_lists li .title {position:absolute;left:0;bottom:53px;padding:0 30px;width:100%;max-height:90px;z-index:3} .hdl_003 .top_lists li .title a {display:block; font-size:34px;line-height:45px;color:#fff; overflow:hidden; /*text-overflow:ellipsis; white-space: nowrap;*/} .hdl_003 .top_lists li .byline {position:absolute;left:0;bottom:22px; padding:0 28px; z-index:3} .hdl_003 .top_lists li .byline p {margin-top:10px; font-size:20px;line-height:27px;color:#fff; padding: 0 2px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;} .hdl_003 .bottom_lists {margin-top:10px} .hdl_003 .bottom_lists li {width:385px;height:204px;overflow:hidden} .hdl_003 .bottom_lists li:nth-child(2) {margin:0 12px} .hdl_003 .bottom_lists li a .mask {background:url("/images/site/hdl_003/hdl_003_mask2.png") center center repeat-x} .hdl_003 .bottom_lists li .title {position:absolute;left:0;bottom:42px;padding:0 25px;width:100%;max-height:60px;overflow:hidden;z-index:3} .hdl_003 .bottom_lists li .title a {display:block; font-size:23px;line-height:30px;color:#fff; overflow:hidden; /*text-overflow:ellipsis; white-space: nowrap;*/} .hdl_003 .bottom_lists li .byline {position:absolute;left:0;bottom:16px; padding:0 23px; z-index:3} .hdl_003 .bottom_lists li .byline p {margin-top:10px; font-size:16px;line-height:20px; padding:0 2px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;} /* 헤드라인 003 끝 */ /* 헤드라인 004 시작 */ .hdl_004 {position: relative; width:100%} .hdl_004:after {content:""; display: block; clear: both;} .hdl_004 ul:after {content:"";clear:both;display:block} .hdl_004 ul li {position:relative;} .hdl_004 ul li img {display:block;width:100%;height:100%;transition:0.4s; object-fit: cover;} .hdl_004 ul li:hover img {transform:scale(1.06, 1.06);transition:0.4s} .hdl_004 ul li a .mask {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1} .hdl_004 .left_lists {float:left; width:500px;} .hdl_004 .left_lists li {margin-bottom:15px;} .hdl_004 .left_lists li:last-child {margin-bottom:0;} .hdl_004 .left_lists li:after {content:"";clear:both;display:block} .hdl_004 .left_lists li .thumb {float:left; width:220px; height:130px;overflow:hidden; margin-right:20px;} .hdl_004 .left_lists li .box {height:130px; display:flex; flex-direction: column; justify-content:center;} .hdl_004 .left_lists li .title a {display:block; font-weight:500; font-size:20px; line-height:25px; max-height:75px; overflow:hidden; margin-bottom:20px; color:#000} .hdl_004 .left_lists li .byline {display:block;font-size:16px; color:#333; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;} .hdl_004 .right_lists {position: relative; float:right; width:650px;} .hdl_004 .right_lists li {position: relative;} .hdl_004 .right_lists li .thumb {position: relative; width:100%;height:300px;overflow:hidden} .hdl_004 .right_lists li .thumb .thumb_text{position: absolute; left: 0; bottom: 0; z-index: 1; font-size: 14px; line-height: 26px; color: #fff; padding: 0 10px; background-color: #566cbf;} .hdl_004 .right_lists li .title {overflow:hidden;} .hdl_004 .right_lists li .title a {display:block; font-size:30px; font-weight:500; line-height:37px; max-height:74px; margin:15px 0 15px; overflow:hidden; color:#000} .hdl_004 .right_lists li .byline {font-size:16px; color:#333; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;} /* 헤드라인 004 끝 */ /* 헤드라인 005 시작 */ .hdl_005 {position: relative; width:100%} .hdl_005:after {content:""; display: block; clear: both;} .hdl_005 ul:after {content:"";clear:both;display:block} .hdl_005 ul li {position:relative;} .hdl_005 ul li img {display:block;width:100%;height:100%;transition:0.4s; object-fit: cover;} .hdl_005 ul li:hover img {transform:scale(1.06, 1.06);transition:0.4s} .hdl_005 ul li a .mask {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1} .hdl_005 .right_lists {float:right; width:500px;} .hdl_005 .right_lists li {margin-bottom:15px;} .hdl_005 .right_lists li:last-child {margin-bottom:0;} .hdl_005 .right_lists li:after {content:"";clear:both;display:block} .hdl_005 .right_lists li .thumb {float:left; width:220px; height:130px;overflow:hidden; margin-right:20px;} .hdl_005 .right_lists li .box {height:130px; display:flex; flex-direction: column; justify-content:center;} .hdl_005 .right_lists li .title a {display:block; font-weight:500; font-size:20px; line-height:25px; max-height:75px; overflow:hidden; margin-bottom:20px; color:#000} .hdl_005 .right_lists li .byline {display:block;font-size:16px; color:#333; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;} .hdl_005 .left_lists {position: relative; float:left; width:650px;} .hdl_005 .left_lists li {position: relative;} .hdl_005 .left_lists li .thumb {position: relative; width:100%;height:300px;overflow:hidden} .hdl_005 .left_lists li .thumb .thumb_text{position: absolute; left: 0; bottom: 0; z-index: 1; font-size: 14px; line-height: 26px; color: #fff; padding: 0 10px; background-color: #566cbf;} .hdl_005 .left_lists li .title {overflow:hidden;} .hdl_005 .left_lists li .title a {display:block; font-size:30px; font-weight:500; line-height:37px; max-height:74px; margin:15px 0 15px; overflow:hidden; color:#000} .hdl_005 .left_lists li .byline {font-size:16px; color:#333; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;} /* 헤드라인 005 끝 */ /* 기사리스트 001 시작 */ .arl_001 .lists li {margin-bottom:22px;height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .arl_001 .lists li:last-child {margin-bottom:0} .arl_001 .lists li:nth-child(n+4) a {font-weight:400} .arl_001 .lists li a {font-size:20px;line-height:22px;font-weight:500} /* 기사리스트 001 끝 */ /* 기사리스트 002 시작 */ .arl_002 .thumb {width:100%;height:170px;overflow:hidden} .arl_002 .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .arl_002 .title {margin:27px 0 17px 0;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_002 .title a {font-size:20px} .arl_002 .body {height:56px;overflow:hidden} .arl_002 .body a {font-size:17px;line-height:28px;color:#888} .arl_002 .rel_lists {padding-left:20px;margin-top:20px;height:128px;overflow:hidden;border-left:2px solid #000} .arl_002 .rel_lists li {margin-bottom:13px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_002 .rel_lists li:last-child {margin-bottom:0;} .arl_002 .rel_lists li a {font-size:18px;line-height:20px} /* 기사리스트 002 끝 */ /* 기사리스트 003 시작 */ .arl_003 {} .arl_003 .thumb {position:relative;width:100%;height:250px;overflow:hidden} .arl_003 .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .arl_003 .thumb .mask {position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/site/arl_003/arl_003_mask.png") center center repeat-x;background-size:cover;z-index:1} .arl_003 .thumb .btn_share {position:absolute;top:20px;right:20px;z-index:3;display:block;width:22px;height:22px} .arl_003 .box {padding:33px 30px; border:1px solid #ededed; border-top:0;} .arl_003 .box .cate {display: inline-block; padding: 1px 10px; margin-bottom: 10px; font-size: 16px; color: #17a6b6; border: 1px solid #17abb6; line-height: 25px; font-weight: 300; overflow: hidden;} .arl_003 .box .title {margin-bottom:15px;height:56px;overflow:hidden} .arl_003 .box .title a {font-size:22px;line-height:28px;font-weight:500} .arl_003 .box .body {height:75px;overflow:hidden} .arl_003 .box .body a {font-size:18px;line-height:25px} .arl_003 .box .profile {margin-top:27px;} .arl_003 .box .profile:after {clear:both; display:block; content:'';} .arl_003 .box .profile .profile_img {float:left;width:50px;height:50px;border-radius:50%;border:1px solid #ededed;overflow:hidden} .arl_003 .box .profile .profile_img img {display:block;width:100%} .arl_003 .box .profile .byline {float:left;width:298px;padding-left:12px;} .arl_003 .box .profile .byline .name {margin-top:8px;width:100%;height:15px;font-size:15px;color:#575757;overflow:hidden} .arl_003 .box .profile .byline .date {margin-top:8px;width:100%;height:15px;font-size:15px;color:#b6b6b6;overflow:hidden} /* 기사리스트 003 끝 */ /* 기사리스트 004 시작 */ .arl_004 .lists {padding:20px 26px;border:3px solid #ededed} .arl_004 .lists li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .arl_004 .lists li:nth-child(n+7) a {font-weight:400} .arl_004 .lists li a {font-size:20px;line-height:45px;font-weight:500} /* 기사리스트 004 끝 */ /* 기사리스트 005 시작 */ .arl_005 .thumb {position:relative;width:100%;height:250px;overflow:hidden} .arl_005 .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .arl_005 .thumb .mask {position:absolute;top:0;left:0;width:100%;height:130%;background:url("/images/site/arl_005/arl_005_mask.png") center center repeat-x;background-size:cover;z-index:1} .arl_005 .thumb .btn_share {position:absolute;top:20px;right:20px;display:block;width:22px;height:22px;z-index:3;} .arl_005 .thumb .box {position:absolute;left:0;bottom:0;padding:26px 30px;z-index:3} .arl_005 .thumb .box .cate {padding:0 20px;display:inline-block;background:#fff;height:35px;font-size:15px;line-height:35px;font-weight:300;overflow:hidden} .arl_005 .thumb .box .title {margin-top:9px;margin-bottom:15px;width:360px;} .arl_005 .thumb .box .title a {display:block; font-size:22px; line-height:28px; color:#fff;font-weight:500;} .arl_005 .thumb .box .byline {width:360px;height:15px;overflow:hidden} .arl_005 .thumb .box .byline .name {font-size:15px;color:#fff;font-weight:300} /* 기사리스트 005 끝 */ /* 기사리스트 006 시작 */ .arl_006 .thumb {position:relative;width:100%;height:250px;overflow:hidden} .arl_006 .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .arl_006 .thumb .mask {position:absolute;top:0;left:0;width:100%;height:130%;background:url("/images/site/arl_006/arl_006_mask.png") center center repeat-x;z-index:1} .arl_006 .thumb .btn_share {position:absolute;top:20px;right:20px;display:block;width:22px;height:22px;z-index:3;} .arl_006 .thumb .box {position:absolute;left:0;bottom:0;padding:26px 30px;width:100%;z-index:3} .arl_006 .thumb .box .cate {padding:0 20px;display:inline-block;background:#fff;height:35px;font-size:15px;line-height:35px;font-weight:300;overflow:hidden} .arl_006 .thumb .box .title {margin-top:9px;margin-bottom:15px;width:360px;} .arl_006 .thumb .box .title a {display:block; font-size:22px; line-height:28px; color:#fff;font-weight:500; } .arl_006 .thumb .box .byline {width:360px;height:15px;overflow:hidden} .arl_006 .thumb .box .name {font-size:15px;color:#fff;font-weight:300;} /* 기사리스트 006 끝 */ /* 기사리스트 007 시작 */ .arl_007 {} .arl_007 .top {padding:39px 0 16px 0; border-top:1px solid #d7d7d7;} .arl_007 .top:after {content:'';clear:both;display:block} .arl_007 .top h2 {float:left;font-size:20px;color:#2a5979;font-weight:500} .arl_007 .top .btn_more {float:right;margin-top:8px;padding-right:15px;font-size:15px;color:#888;background:url("/images/site/icon/arl_icon_right_arw.png") center right no-repeat} .arl_007 .slick_box {background:url("/images/site/arl_007/arl_007_bg.gif") 0 0;padding:75px 90px 49px 90px} .arl_007 .intro {position:relative;padding-bottom:20px;} .arl_007 .intro:after {content:"";position:absolute;bottom:10px;width:100%;height:10px;background-color:#FFF;box-shadow:5px 3px 5px 1px rgba(0,0,0,0.1)} .arl_007 .intro .lists li:after {content:"";clear:both;display:block} .arl_007 .intro .lists li .img {float:left;margin-left:20px;margin-right:66px;width:232px;height:339px;border:2px solid #E9E9E9} .arl_007 .intro .lists li .img .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .arl_007 .intro .lists li .info {float:left;margin-right:20px;width:332px} .arl_007 .intro .lists li .info .cate {padding:0 20px;margin-bottom:18px;display:inline-block;max-width:332px;height:35px;font-size:15px;line-height:33px;background:#fff;border:1px solid #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_007 .intro .lists li .info .title {margin-bottom:15px;max-height:72px;overflow:hidden;} .arl_007 .intro .lists li .info .title a {font-size:28px;line-height:36px} .arl_007 .intro .lists li .info .body {margin-bottom:25px;max-height:125px;overflow:hidden} .arl_007 .intro .lists li .info .body a {font-size:18px;line-height:25px} .arl_007 .intro .lists li .info .byline {height:20px;overflow:hidden} .arl_007 .intro .lists li .info .name {font-size:18px;color:#888} .arl_007 .intro .control {position:absolute;width:100%;top:40%} .arl_007 .intro .control .btn_prev {position:absolute;left:-5%;cursor:pointer} .arl_007 .intro .control .btn_next {position:absolute;right:-5%;cursor:pointer} .arl_007 .intro .lists .slick-prev {width:27px;height:30px;background:url("/images/site/common/arrow_prev_01.gif") no-repeat center center} .arl_007 .intro .lists .slick-next {width:27px;height:30px;background:url("/images/site/common/arrow_next_01.gif") no-repeat center center} .arl_007 .thumbs {padding:0 20px;margin-top:22px} .arl_007 .thumbs .lists li .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_007 .thumbs .slick-slide {margin:0 10px;height:100px} /* 기사리스트 007 끝 */ /* 기사리스트 008 시작 */ .arl_008 .top {padding:38px 0 19px 0;border-top:1px solid #d7d7d7} .arl_008 .top:after {content:"";clear:both;display:block} .arl_008 .top h2 {float:left;font-size:20px;color:#2a5979;font-weight:500} .arl_008 .top .control {float:right;margin-top:1px} .arl_008 .top .control:after {content:"";clear:both;display:block} .arl_008 .top .control img {vertical-align:baseline} .arl_008 .top .control .btn_prev {float:left;width:18px;height:20px;line-height:17px;text-align:center;border:1px solid #d7d7d7;cursor:pointer} .arl_008 .top .control .btn_next {float:left;width:17px;height:20px;line-height:17px;text-align:center;border:1px solid #d7d7d7;cursor:pointer;border-left:0} .arl_008 .arl_008_slick {margin:0 -12.5px;margin-bottom:-25px} .arl_008 .lists:after {content:"";clear:both;display:block} .arl_008 .lists li {float:left;padding:0 12.5px;width:33.333%;padding-bottom:25px} .arl_008 .lists li .list_wrap {border:1px solid #d7d7d7} .arl_008 .lists li .list_wrap .thumb {width:100%; height:148px;overflow:hidden;border-bottom:1px solid #d7d7d7} .arl_008 .lists li .list_wrap .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .arl_008 .lists li .list_wrap .box {padding:13px 20px 18px;height:139px} .arl_008 .lists li .list_wrap .box .cate {margin-bottom:5px;height:25px;font-size:16px;color:#17a6b6;line-height:25px;font-weight:300;overflow:hidden} .arl_008 .lists li .list_wrap .box .title {padding-bottom:10px;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ededed} .arl_008 .lists li .list_wrap .box .title a {font-size:20px;line-height:25px} .arl_008 .lists li .list_wrap .box .body {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_008 .lists li .list_wrap .box .body a {font-size:18px;font-weight:300} /* 기사리스트 008 끝 */ /* 기사리스트 009 시작 */ .arl_009 .top {padding-bottom:6px} .arl_009 .top:after {content:"";clear:both;display:block} .arl_009 .top h2 {float:left;font-size:20px;line-height:22px;color:#295879;font-weight:500} .arl_009 .top .control {position:relative;float:right} .arl_009 .top .control:after {content:"";clear:both;display:block} .arl_009 .top .control img {vertical-align:baseline} .arl_009 .top .control .btn_prev {float:left;width:18px;height:20px;line-height:17px;text-align:center;border:1px solid #d7d7d7;cursor:pointer} .arl_009 .top .control .btn_next {float:left;width:17px;height:20px;line-height:17px;text-align:center;border:1px solid #d7d7d7;cursor:pointer;border-left:0} .arl_009 .arl_009_slick {padding:33px 20px 0;height:416px;overflow:hidden;border:1px solid #d7d7d7;border-top:2px solid #295879} .arl_009 .arl_009_slick li {width:100%;height:73px} .arl_009 .arl_009_slick li .thumb {float:left;margin-right:15px;width:55px;height:55px;overflow:hidden;border-radius:50%;border:1px solid #D7D7D7} .arl_009 .arl_009_slick li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .arl_009 .arl_009_slick li .title {padding-top:2px;height:48px;overflow:hidden;} .arl_009 .arl_009_slick li .title a {font-size:16px;line-height:23px;} /* 기사리스트 009 끝 */ /* 기사리스트 010 시작 */ /* .arl_010 .lists {border-top:1px solid #D7D7D7} .arl_010 .lists .accordion {width:100%;border:1px solid #D7D7D7;background:url("/images/site/arl_010/arl_010_bg.gif") no-repeat center center;background-size:cover} .arl_010 .lists .accordion h2 {position:relative;padding:0 20px;font-size:20px;font-weight:200;line-height:57px;margin-top:-1px;cursor:pointer;background-color:#FFF;transition:0.4s} .arl_010 .lists .accordion h2:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/site/icon/arl_icon_down.png") 95% 50% no-repeat;opacity:1;transition:0.4s} .arl_010 .lists .accordion h2 span {font-weight:400} .arl_010 .lists .accordion .panel {height:0;overflow:hidden} .arl_010 .lists .accordion .panel .box {padding:0 20px} .arl_010 .lists .accordion .panel .box .thumb {width:100%;height:140px;overflow:hidden;} .arl_010 .lists .accordion .panel .box .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} .arl_010 .lists .accordion .panel .box .title {margin-top:25px;max-height:50px;overflow:hidden} .arl_010 .lists .accordion .panel .box .title a {font-size:20px;line-height:25px;color:#fff} .arl_010 .lists .accordion .panel .box .body {margin-top:10px;max-height:46px;overflow:hidden} .arl_010 .lists .accordion .panel .box .body a {font-size:16px;line-height:23px;color:#fff;font-weight:100} .arl_010 .lists .activity h2 {color:#FFF;background:none} .arl_010 .lists .activity h2:after {opacity:0;transition:0.4s} .arl_010 .lists .activity h2 span {color:#FFF;} .arl_010 .lists .activity .panel {height:297px} */ .arl_010 > h2 {margin-bottom: 10px; font-size: 20px; line-height: 25px;} .arl_010 .lists li {margin-bottom:20px; border:1px solid #d7d7d7;} .arl_010 .lists li:after {content:''; clear:both; display:block;} .arl_010 .lists li h2 { padding:14px 20px; height:90px;} .arl_010 .lists li h2 a {display: block; color:#000; font-size:16px; font-weight:400; line-height:20px; height: 60px; overflow: hidden;} .arl_010 .lists li .thumb {float:right; width:130px; height:90px; margin-left:20px;} .arl_010 .lists li .thumb img {display:block; width:100%; height:100%;} .arl_010 .lists li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s} /* 기사리스트 09 끝 */ /* 기사리스트 011 시작 */ .arl_011 .top {margin-bottom:9px} .arl_011 .top:after {content:"";clear:both;display:block} .arl_011 .top img {float:left;line-height:28px} .arl_011 h2 {float:left;font-size:20px;color:#295879;line-height:28px;margin-left:9px} .arl_011 .box {padding:20px;border:1px solid #d7d7d7;border-top:2px solid #295879} .arl_011 .box .thumb {margin-bottom:9px;width:100%;height:140px;overflow:hidden} .arl_011 .box .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_011 .box .title {margin-bottom:3px;max-height:50px;overflow:hidden} .arl_011 .box .title a {font-size:18px;line-height:25px;font-weight:300} /* 기사리스트 011 끝 */ /* 기사리스트 012 시작 */ .arl_012 h2 {margin-bottom:7px;font-size:20px;line-height:25px} .arl_012 .thumb {position:relative;width:100%;height:100px;overflow:hidden} .arl_012 .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_012 .thumb .more_list {position:absolute;top:0;right:0;width:60px;height:100%;background:rgba(0, 0, 0, 0.5)} .arl_012 .thumb .more_list .num {margin:24px 0 7px 0;width:100%;font-size:16px;color:#fff;text-align:center} .arl_012 .thumb .more_list .more {margin:0 auto;width:20px;height:16px;background:url("/images/site/icon/arl_icon_more.png") 0 0} .arl_012 .thumb .more_list .more a {display:block;width:100%;height:100%} .arl_012 ul {margin-top:13px;} .arl_012 ul li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_012 ul li:before {content:"";padding-right:8px;background:url("/images/site/icon/arl_icon_dot.png") 0 50% no-repeat} .arl_012 ul li a {font-size:16px;line-height:24px;font-weight:300} /* 기사리스트 012 끝 */ /* 기사리스트 013 시작 */ .arl_013 .thumb {position:relative;width:100%;height:230px;overflow:hidden} .arl_013 .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_013 .thumb .title {position:absolute;bottom:10px;left:50%;padding:0 10px;margin-left:-100px;width:200px;height:50px;text-align:center;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_013 .thumb .title a {line-height:50px;font-size:20px} /* 기사리스트 013 끝 */ /* 기사리스트 014 시작 */ .arl_014 .top {margin-bottom:5px} .arl_014 .top:after {content:"";clear:both;display:block} .arl_014 .top img {float:left;line-height:28px} .arl_014 h2 {float:left;margin-left:9px;font-size:20px;color:#295879;line-height:28px;letter-spacing:-0.025em} .arl_014 .box {padding:14px 20px;border:1px solid #d7d7d7;border-top:2px solid #295879} .arl_014 .box .title {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_014 .box .title:before {content:"";padding-right:8px;background:url("/images/site/icon/arl_icon_dot.png") 0 50% no-repeat} .arl_014 .box .title a {font-size:16px;line-height:30px;font-weight:300} /* 기사리스트 014 끝 */ /* 기사리스트 015 시작 */ .arl_015 .top {padding-bottom:18px} .arl_015 .top:after {content:"";clear:both;display:block} .arl_015 .top h2 {float:left;font-size:20px;line-height:22px;color:#295879;font-weight:500} .arl_015 .top .control {float:right} .arl_015 .top .control:after {content:"";clear:both;display:block} .arl_015 .top .control img {vertical-align:baseline} .arl_015 .top .control .btn_prev {float:left;width:18px;height:20px;line-height:17px;text-align:center;border:1px solid #d7d7d7;cursor:pointer} .arl_015 .top .control .btn_next {float:left;width:17px;height:20px;line-height:17px;text-align:center;border:1px solid #d7d7d7;cursor:pointer;border-left:0} .arl_015 .arl_015_slick {padding-bottom:20px;border-top:2px solid #295879;border-bottom:1px solid #E7E7E7} .arl_015 .arl_015_slick li {margin-top:20px} .arl_015 .arl_015_slick li:after {content:"";clear:both;display:block;} .arl_015 .arl_015_slick li .thumb {position:relative;float:left;width:100px;height:55px;margin-right:20px;border:1px solid #CCC;overflow:hidden} .arl_015 .arl_015_slick li .thumb a {display:inline-block;width:100%;height:100%;overflow:hidden} .arl_015 .arl_015_slick li .thumb a .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer} .arl_015 .arl_015_slick li .thumb .ad_mark {position:absolute;left:0;top:0;padding:0 5px;font-size:12px;color:#FFF;line-height:20px;letter-spacing:0;background-color:#17A6B6} .arl_015 .arl_015_slick li .title {max-height:46px;overflow:hidden;} .arl_015 .arl_015_slick li .title a {font-size:17px;line-height:23px;color:#000;font-weight:300} /* 기사리스트 015 끝 */ /* 기사리스트 016 시작 */ .arl_016 .top {padding-bottom:18px} .arl_016 .top:after {content:"";clear:both;display:block} .arl_016 .top h2 {float:left;font-size:20px;line-height:22px;color:#295879;font-weight:500} .arl_016 .arl_016_tab {border:1px solid #E7E7E7;border-top:2px solid #295879} .arl_016 .arl_016_tab .tabnav {border-bottom:1px solid #E7E7E7} .arl_016 .arl_016_tab .tabnav:after {content:"";clear:both;display:block} .arl_016 .arl_016_tab .tabnav li {position:relative;float:left;width:33.33%;font-size:16px;line-height:36px;text-align:center;color:#AEAEAE;letter-spacing:-0.05em;font-weight:300;cursor:pointer} .arl_016 .arl_016_tab .tabnav li:before {content:"";position:absolute;width:1px;height:14px;right:0;top:11px;background-color:#E7E7E7} .arl_016 .arl_016_tab .tabnav li.on {color:#000} .arl_016 .arl_016_tab .tabnav li.on:after {content:"";position:absolute;width:70%;height:1px;left:50%;bottom:-1px;margin-left:-35%;background-color:#000} .arl_016 .arl_016_tab .tab_box {display:none;padding:30px 20px} .arl_016 .arl_016_tab .first_tab_box {display:block} .arl_016 .arl_016_tab .tab_box li {height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_016 .arl_016_tab .tab_box li a {font-size:15px;line-height:30px;color:#555;text-align:center} .arl_016 .arl_016_tab .tab_box li a span {display:inline-block;margin-right:20px;width:24px;font-size:19px;line-height:30px;color:#000} .arl_016 .arl_016_tab .tab_box li a span.red {color:#C00000} /* 기사리스트 016 끝 */ /* 기사리스트 017 시작 */ .arl_017 {width:100%} .arl_017 .lists {margin:0 -30px} .arl_017 .lists:after {content:"";clear:both;display:block} .arl_017 .lists li {position:relative;float:left;padding:0 30px;width:50%} .arl_017 .lists li .box {position:relative;width:100%;height:365px;overflow:hidden} .arl_017 .lists li .box .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_017 .lists li .box .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/site/arl_017/arl_017_mask.png") center center repeat-x;background-size:cover;z-index:1} .arl_017 .lists li .box .title {position:absolute;left:0;bottom:20px;margin:0 20px;padding:15px 20px;width:340px;height:90px;background-color:rgba(255,255,255,0.9);overflow:hidden;z-index:3} .arl_017 .lists li .box .title a {display:block;font-size:22px;color:#222;line-height:30px;height:60px;overflow:hidden} .arl_017 .lists li .sub_title {margin-top:30px;max-height:60px;overflow:hidden} .arl_017 .lists li .sub_title a {font-size:20px;color:#555;line-height:30px} .arl_017 .lists li .byline {margin-top:20px;height:15px;overflow:hidden} .arl_017 .lists li .byline .name {font-size:15px;color:#888;letter-spacing:-0.05em} /* 기사리스트 017 끝 */ /* 기사리스트 018 시작 */ .arl_018 {width:100%} .arl_018 .lists {position:relative;margin:0 -3%} .arl_018 .lists:after {content:"";clear:both;display:block} .arl_018 .lists li {position:relative;float:left;padding:0 3%;padding-bottom:40px;width:33.33%} .arl_018 .lists li:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#EDEDED} .arl_018 .lists li:nth-child(3):after, .arl_018 .lists li:nth-child(6):after {display:none} .arl_018 .lists li .thumb {width:100%;height:148px;border:1px solid #E7E7E7;overflow:hidden} .arl_018 .lists li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_018 .lists li .title {margin:10px 0;height:56px;overflow:hidden} .arl_018 .lists li .title a {font-size:20px;line-height:28px} .arl_018 .lists li .byline {margin-top:20px;height:15px;overflow:hidden} .arl_018 .lists li .byline .name {font-size:15px;color:#888;letter-spacing:-0.05em} /* 기사리스트 018 끝 */ /* 기사리스트 019 시작 */ .arl_019 .list li:after {content:"";clear:both;display:block} .arl_019 .list li .thumb {float:left;margin-right:5%;width:25%;height:128px;overflow:hidden} .arl_019 .list li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_019 .list li .box {} .arl_019 .list li .box .title {height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_019 .list li .box .title .special {padding:0 10px;margin-right:10px;display:inline-block;font-size:14px;line-height:34px;color:#3C9AD7;border:1px solid #3C9AD7} .arl_019 .list li .box .title a {font-size:20px;line-height:36px} .arl_019 .list li .box .sub_title {margin:10px 0;max-height:56px;overflow:hidden} .arl_019 .list li .box .sub_title a {font-size:17px;line-height:28px;font-weight:300} .arl_019 .list li .box .byline {height:15px;overflow:hidden} .arl_019 .list li .box .byline .name {font-size:15px;color:#888;letter-spacing:-0.05em;font-weight:300} /* 기사리스트 019 끝 */ /* 기사리스트 020 시작 */ .arl_020 .list {padding-left:20px;border-left:2px solid #CCC} .arl_020 .list li:after {content:"";clear:both;display:block} .arl_020 .list li > p {float:left;height:33px;line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_020 .list li > p.title {/*max-width:75%*/ width:75%;} .section .arl_020 .list li > p.title {width:70%;} .arl_020 .list li > p.title a {font-size:17px;line-height:33px;} .arl_020 .list li .byline {float:left; padding-left:1%;width:25%;line-height:33px;height:33px;} .section .arl_020 .list li .byline {width:30%;} .arl_020 .list li .byline .name {font-size:15px;color:#888; height:33px;line-height:33px; letter-spacing:-0.05em;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 기사리스트 020 끝 */ /* 기사 리스트 021 시작 */ .arl_021:after {content:"";clear:both;display:block} .arl_021 .left_box {float:left;padding-right:40px;width:65%;overflow:hidden;border-right:1px solid #E7E7E7} .arl_021 .left_box .box .thumb {position:relative;width:100%;height:410px;overflow:hidden} .arl_021 .left_box .box .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_021 .left_box .box .thumb .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/site/arl_021/arl_021_mask.png") center center repeat-x;background-size:cover;z-index:1} .arl_021 .left_box .box .title {margin-top:28px;height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_021 .left_box .box .title a {font-size:30px} .arl_021 .left_box .box .body {margin-top:16px;max-height:84px;overflow:hidden} .arl_021 .left_box .box .body a {font-size:18px;line-height:28px} .arl_021 .right_box {float:left;padding-left:40px;width:35%;overflow:hidden} .arl_021 .right_box .box {padding:30px 0} .arl_021 .right_box .box:first-child {padding-top:0;border-bottom:1px solid #E7E7E7} .arl_021 .right_box .box:last-child {padding-bottom:0} .arl_021 .right_box .box .thumb {position:relative;width:100%;height:140px;overflow:hidden} .arl_021 .right_box .box .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_021 .right_box .box .thumb .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:url("/images/site/arl_021/arl_021_mask.png") center center repeat-x;background-size:cover;z-index:1} .arl_021 .right_box .box .title {margin-top:20px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_021 .right_box .box .title a {font-size:20px} .arl_021 .right_box .box .body {margin-top:14px;max-height:48px;overflow:hidden} .arl_021 .right_box .box .body a {font-size:17px;line-height:24px;color:#555} /* 기사 리스트 021 끝 */ /* 기사 리스트 022 시작 */ .arl_022 {width:100%} .arl_022:after {content:"";clear:both;display:block} .arl_022 .box {} .arl_022 .box .title {height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_022 .box .title a {font-size:20px;} .arl_022 .box .sub_title {margin-top:20px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_022 .box .sub_title a {font-size:18px;} .arl_022 .box .sub_title a span {color:#3C9AD7} .arl_022 .box .body {margin-top:10px;max-height:48px;overflow:hidden} .arl_022 .box .body a {font-size:17px;line-height:24px;color:#555} .arl_022 .box .byline {margin-top:10px} .arl_022 .box .byline:after {content:"";clear:both;display:block} .arl_022 .box .byline p {position:relative;float:left;padding:0 8px;font-size:15px;color:#888} .arl_022 .box .byline p.name {padding-left:0} .arl_022 .box .byline p.name:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#888} .arl_022 .thumb {float:right;padding-lefT:60px;width:25%;height:150px;overflow:hidden} .arl_022 .thumb a {display:inline-block;width:100%;height:100%} .arl_022 .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} /* 기사 리스트 022 끝 */ /* 기사 리스트 023 시작 */ .arl_023 .list {width:100%} .arl_023 .list li:after {content:"";clear:both;display:block} .arl_023 .list .box .title {height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_023 .list .box .title a {font-size:20px;} .arl_023 .list .box .sub_title {margin-top:20px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_023 .list .box .sub_title a {font-size:18px;} .arl_023 .list .box .sub_title a span {color:#3C9AD7} .arl_023 .list .box .body {margin-top:10px;max-height:48px;overflow:hidden} .arl_023 .list .box .body a {font-size:17px;line-height:24px;color:#555} .arl_023 .list .box .byline {margin-top:10px} .arl_023 .list .box .byline:after {content:"";clear:both;display:block} .arl_023 .list .box .byline p {position:relative;float:left;padding:0 8px;font-size:15px;color:#888} .arl_023 .list .box .byline p.name {padding-left:0} .arl_023 .list .box .byline p.name:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#888} /* 기사 리스트 023 끝 */ /* 기사 리스트 024 시작 */ .arl_024:after {content:"";clear:both;display:block} .arl_024 .box {float:left;width:50%;height:578px} .arl_024 .box:last-child {background:url("/images/site/arl_024/arl_024_bg.gif")} .arl_024 .box .lists:after {content:"";clear:both;display:block} .arl_024 .box .arl_024_preview_slick {border:1px solid #E9E9E9} .arl_024 .box .arl_024_preview_slick li {width:100%;height:576px} .arl_024 .box .arl_024_preview_slick li .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_024 .box .arl_024_intro_slick {padding:35px 40px} .arl_024 .box .arl_024_intro_slick li span {display:inline-block;padding:0 18px;max-width:100%;height:34px;font-size:15px;line-height:34px;border:1px solid #000;overflow:hidden} .arl_024 .box .arl_024_intro_slick li .title {margin-top:30px;max-height:96px;overflow:hidden} .arl_024 .box .arl_024_intro_slick li .title a {font-size:40px;line-height:48px} .arl_024 .box .arl_024_intro_slick li .body {margin-top:30px;max-height:120px;overflow:hidden} .arl_024 .box .arl_024_intro_slick li .body a {font-size:18px;line-height:30px;font-weight:300} .arl_024 .box .arl_024_intro_slick li .byline {margin-top:30px;height:18px;overflow:hidden} .arl_024 .box .arl_024_intro_slick li .byline .name {font-size:18px;color:#888;font-weight:300} .arl_024 .box .arl_024_thumb_slick {padding:0 40px} .arl_024 .box .arl_024_thumb_slick li {display:block;width:72px;height:110px;border:1px solid #E9E9E9;cursor:pointer} .arl_024 .box .arl_024_thumb_slick li .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} /* 기사 리스트 024 끝 */ /* 기사 리스트 025 시작 */ .arl_025 .list {margin:0 -20px} .arl_025 .list:after {content:"";clear:both;display:block} .arl_025 .list > li {float:left;padding:0 20px;margin-bottom:20px;width:50%} .arl_025 .list > li .thumb {position:relative;width:100%;height:280px;border:1px solid #EDEDED;overflow:hidden} .arl_025 .list > li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_025 .list > li .thumb .mask {position:absolute;top:0;display:block;width:100%;height:100%;background:url("/images/site/arl_025/arl_025_mask.png") center center repeat-x;background-size:cover} .arl_025 .list > li .thumb .box {position:absolute;bottom:0;padding:0 30px;padding-bottom:30px;width:100%} .arl_025 .list > li .thumb .box span {display:inline-block;padding:0 20px;max-width:100%;height:33px;font-size:15px;color:#FFF;line-height:33px;letter-spacing:-0.05em;font-weight:300;border:1px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.5);overflow:hidden} .arl_025 .list > li .thumb .box .title {margin-top:14px;height:26px;} .arl_025 .list > li .thumb .box .title a {font-size:24px;color:#FFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block;} .arl_025 .list > li .thumb .box .byline {margin-top:20px;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_025 .list > li .thumb .box .byline .name {font-size:16px;color:#FFF} .arl_025 .list > li > .box {padding:30px;border:1px solid #EDEDED} .arl_025 .list > li > .box .title {display:none; height:72px;overflow:hidden} .arl_025 .list > li > .box .title a {font-size:24px;line-height:32px} .arl_025 .list > li > .box .body {/*margin-top:30px;*/height:150px;overflow:hidden} .arl_025 .list > li > .box .body a {font-size:17px;line-height:25px} .arl_025 .list > li > .box .hashtag_lists {margin-top:15px; display:none;} .arl_025 .list > li > .box .hashtag_lists:after {content:"";clear:both;display:block} .arl_025 .list > li > .box .hashtag_lists li {float:left;margin-right:8px} .arl_025 .list > li > .box .hashtag_lists li a {font-size:17px;color:#3E83F5;line-height:25px} /* 기사 리스트 025 끝 */ /* 기사 리스트 026 시작 */ .arl_026 {/*border:1px solid #DEDEDE; height:424px*/} .arl_026 .lists:after {content:"";clear:both;display:block} .arl_026 .lists .box {float:left;padding:40px;width:50%} .arl_026 .lists .box span {display:inline-block;padding:0 15px;max-width:100%;height:28px;line-height:28px;border-radius:15px;border:1px solid #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_026 .lists .box .title {margin-top:15px;max-height:76px;overflow:hidden} .arl_026 .lists .box .title a {font-size:30px;line-height:38px} .arl_026 .lists .box .body {position:relative;margin-top:50px;padding-top:30px;max-height:108px;overflow:hidden} .arl_026 .lists .box .body:after {content:"";position:absolute;top:0;left:0;width:30px;height:2px;background-color:#000} .arl_026 .lists .box .body a {font-size:16px;line-height:26px} .arl_026 .lists .thumb {position:relative;float:left;width:50%;height:424px} .arl_026 .lists .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_026 .lists .thumb .mask {position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;background:url("/images/site/arl_026/arl_026_mask.png") center center repeat-x;background-size:cover} .arl_026 .lists .thumb .btn_share {position:absolute;top:30px;right:30px} .arl_026 .slick-dotted.slick-slider {margin-bottom:0} .arl_026 .slick-dots {left:40px;bottom:40px;text-align:left;} .arl_026 .slick-dots li {margin:0} .arl_026 .slick-dots li button:before {font-size:15px} /* 기사 리스트 026 끝 */ /* 기사 리스트 027 시작 */ .arl_027 .list {margin:0 -20px} .arl_027 .list:after {content:"";clear:both;display:block} .arl_027 .list > li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .arl_027 .list > li .thumb {position:relative;width:100%;height:282px;border:1px solid #DEDEDE} .arl_027 .list > li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_027 .list > li .thumb .mask {position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/site/arl_027/arl_027_mask.png") center center repeat-x;background-size:cover} .arl_027 .list > li .thumb .btn_share {position:absolute;top:30px;right:30px} .arl_027 .list > li .thumb .box {position:absolute;bottom:0;left:0;width:100%;padding:30px} .arl_027 .list > li .thumb .box span {display:inline-block;padding:0 15px;max-width:100%;height:28px;color:#FFF;line-height:28px;font-weight:300;letter-spacing:-0.05em;background:rgba(0,0,0,0.5);border-radius:15px;border:1px solid #FFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_027 .list > li .thumb .box .title {margin-top:15px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_027 .list > li .thumb .box .title a {font-size:20px;color:#FFF} .arl_027 .list > li .thumb .box .byline {margin-top:15px;height:15px;overflow:hidden} .arl_027 .list > li .thumb .box .byline .name {font-size:15px;font-weight:300;color:#FFF} .arl_027 .list > li > .box {margin-top:30px} .arl_027 .list > li > .box .title {height:60px;overflow:hidden} .arl_027 .list > li > .box .title a {font-size:22px;line-height:30px} .arl_027 .list > li > .box .body {margin-top:20px;max-height:75px;min-height:75px;overflow:hidden} .arl_027 .list > li > .box .body a {font-size:17px;line-height:25px;font-weight:300} /* 기사 리스트 027 끝 */ /* 기사 리스트 028 시작 */ .arl_028:after {content:"";clear:both;display:block} .arl_028 .top {margin-bottom:20px} .arl_028 .top:after {content:"";clear:both;display:block} .arl_028 .top h2 {float:left;font-size:20px;color:#295879;font-weight:500} .arl_028 .top a {float:right;color:#888;letter-spacing:-0.05em} .arl_028 .left_area, .arl_028 .right_area {float:left;width:50%} .arl_028 .left_area .lists li {margin-bottom:20px} .arl_028 .left_area .lists li .thumb {width:100%;height:180px;overflow:hidden} .arl_028 .left_area .lists li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_028 .left_area .lists li .title {margin-top:15px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_028 .left_area .lists li .title a {font-size:20px} .arl_028 .right_area .lists li {height:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_028 .right_area .lists li a {font-size:20px;line-height:45px} /* 기사 리스트 028 끝 */ /* 기사 리스트 029 시작 */ .arl_029 .box_wrap {position:relative;border:1px solid #EDEDED;height:516px;overflow:hidden} .arl_029 .box_wrap .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_029 .box_wrap .mask {position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/site/arl_029/arl_029_mask.png") center center repeat-x;background-size:cover} .arl_029 .box_wrap .btn_share {position:absolute;top:30px;right:30px} .arl_029 .box_wrap .box {position:absolute;bottom:20px;left:0;width:100%;padding:30px} .arl_029 .box_wrap .box .title {height:37px;overflow:hidden} .arl_029 .box_wrap .box .title span {float:left;margin-right:20px;display:block;padding:0 20px;line-height:35px;background-color:#FFF;font-size:15px;color:#17A6B6} .arl_029 .box_wrap .box .title a {font-size:32px;line-height:35px;color:#FFF} .arl_029 .box_wrap .box .body {margin-top:30px;max-height:75px;overflow:hidden} .arl_029 .box_wrap .box .body a {font-size:17px;line-height:25px;color:#FFF;font-weight:300} /* 기사 리스트 028 끝 */ /* 기사 리스트 030 시작 */ .arl_030 .list {margin:0 -20px} .arl_030 .list:after {content:"";clear:both;display:block} .arl_030 .list li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .arl_030 .list li .thumb {position:relative;border-bottom:1px solid #EDEDED;height:280px} .arl_030 .list li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_030 .list li .thumb .btn_share {position:absolute;top:20px;right:20px} .arl_030 .list li .box {padding:30px;height:280px;border:1px solid #EDEDED} .arl_030 .list li .box span {padding:0 20px;display:inline-block;max-width:100%;height:36px;border:1px solid #17A6B6;font-size:15px;line-height:36px;color:#17A6B6;font-weight:300;overflow:hidden} .arl_030 .list li .box .title {margin-top:20px;max-height:64px;overflow:hidden} .arl_030 .list li .box .title a {font-size:24px;line-height:32px} .arl_030 .list li .box .body {margin-top:30px;max-height:75px;overflow:hidden} .arl_030 .list li .box .body a {font-size:17px;line-height:25px;font-weight:300} /* 기사 리스트 030 끝 */ /* 기사 리스트 031 시작 */ .arl_031 .list {margin:0 -20px} .arl_031 .list:after {content:"";clear:both;display:block} .arl_031 .list > li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .arl_031 .list > li .top {padding:30px;border-bottom:1px solid #EDEDED;border:1px solid #EDEDED} .arl_031 .list > li .top:after {content:"";clear:both;display:block} .arl_031 .list > li .top h2 {float:left;max-width:270px;height:22px;font-size:18px;color:#17A6B6;overflow:hidden} .arl_031 .list > li .top a {float:right;font-size:15px;line-height:18px;color:#AEAEAE} .arl_031 .list > li .lists {padding:30px;border:1px solid #EDEDED} .arl_031 .list > li .lists li {height:45px;overflow:hidden;} .arl_031 .list > li .lists li a {font-size:20px;line-height:45px} /* 기사 리스트 031 끝 */ /* 기사 리스트 032 시작 */ .arl_032 .list {margin:0 -20px} .arl_032 .list:after {content:"";clear:both;display:block} .arl_032 .list li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .arl_032 .list li .thumb {position:relative;border-bottom:1px solid #EDEDED;width:100%;height:280px} .arl_032 .list li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_032 .list li .thumb .btn_share {position:absolute;top:20px;right:20px} .arl_032 .list li .box {padding:30px;height:280px;border:1px solid #EDEDED} .arl_032 .list li .box .title {margin-top:20px;max-height:64px;overflow:hidden} .arl_032 .list li .box .title a {font-size:24px;line-height:32px} .arl_032 .list li .box .body {margin-top:30px;max-height:75px;overflow:hidden} .arl_032 .list li .box .body a {font-size:17px;line-height:25px;font-weight:300} /* 기사 리스트 032 끝 */ /* 기사 리스트 033 시작 */ .arl_033 .list {width:100%} .arl_033 .list li .box_wrap {height:200px;overflow:hidden} .arl_033 .list li .box_wrap:after {content:"";clear:both;display:block} .arl_033 .list li .box_wrap .thumb {position:relative;float:left;width:50%;height:200px;border:1px solid #EDEDED; margin-right:40px;} .arl_033 .list li .box_wrap .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_033 .list li .box_wrap .thumb .btn_share {position:absolute;top:20px;right:20px} .arl_033 .list li .box_wrap .box {} .arl_033 .list li .box_wrap .box .title {max-height:56px;overflow:hidden} .arl_033 .list li .box_wrap .box .title a {font-size:20px;line-height:28px} .arl_033 .list li .box_wrap .box .body {margin-top:20px;max-height:75px;overflow:hidden} .arl_033 .list li .box_wrap .box .body a {font-size:17px;line-height:25px;font-weight:300} .arl_033 .list li .box_wrap .box .byline {margin-top:15px;height:15px;overflow:hidden} .arl_033 .list li .box_wrap .box .byline:after {content:"";clear:both;display:block} .arl_033 .list li .box_wrap .box .byline p {position:relative;float:left;max-width:270px;font-size:15px;color:#999;font-weight:300; word-break:break-all;} .arl_033 .list li .box_wrap .box .byline p.name {padding-right:8px} .arl_033 .list li .box_wrap .box .byline p.name:after {content:"";position:absolute;right:0;top:0;width:1px;height:15px;background-color:#999} .arl_033 .list li .box_wrap .box .byline p.date {padding-left:8px} /* 기사 리스트 033 끝 */ /* 기사 리스트 034 시작 */ .arl_034 h2 a {font-size:20px;color:#295879} .arl_034 .box {margin-top:20px} .arl_034 .box:after {content:"";clear:both;display:block} .arl_034 .box .preview {position:relative;float:left;padding-right:15px;width:73%;height:520px;overflow:hidden} .arl_034 .box .preview:after {content:"";clear:both;display:block} .arl_034 .box .preview li {height:520px; position:relative;} .arl_034 .box .preview li a {display:block;height:100%} .arl_034 .box .preview li a .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_034 .box .preview li .mask {position:absolute;bottom:0;left:0;display:inline-block;width:100%;height:100%;background:url("/images/site/arl_034/arl_034_mask.png") center center repeat-x;background-size:cover} .arl_034 .box .preview li .title {position:absolute;bottom:50px;padding:0 50px;width:100%;height:24px;overflow:hidden;font-size:22px;color:#FFF} .arl_034 .box .lists {float:left;width:27%} .arl_034 .box .lists .slick-list {height:520px !important;} .arl_034 .box .lists li {margin:4px 0 3px 0;width:100%;height:125px;overflow:hidden;border-bottom:1px solid #FFF;cursor:pointer} .arl_034 .box .lists li:first-child {margin-top:0} .arl_034 .box .lists li:last-child {margin:3px 0 3px 0;} .arl_034 .box .lists li .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} /* 기사 리스트 034 끝 */ /* 기사 리스트 035 시작 */ .arl_035 .list {margin:0 -20px} .arl_035 .list:after {content:"";clear:both;display:block} .arl_035 .list li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .arl_035 .list li .box_wrap {position:relative;width:100%;height:340px;overflow:hidden} .arl_035 .list li .box_wrap .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:top;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_035 .list li .box_wrap .box {position:absolute;bottom:0;left:0;padding:30px;width:100%;background-color:rgba(0,0,0,0.7)} .arl_035 .list li .box_wrap .box .name {width:100%;height:15px;font-size:15px;color:#FFF;font-weight:300;overflow:hidden} .arl_035 .list li .box_wrap .box .title {margin-top:10px;width:100%;height:22px;overflow:hidden;font-size:20px;color:#FFF;} .arl_035 .list li .box_wrap .mask {position:absolute;left:0;top:0;width:100%;height:100%} /* 기사 리스트 035 끝 */ /* 기사 리스트 036 시작 */ .arl_036 h2 {margin-bottom:20px;width:100%;height:55px;line-height:55px;font-size:18px;color:#295879;border-bottom:2px solid #205376;overflow:hidden} .arl_036 .lists li {position:relative;border:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;border-top:0} .arl_036 .lists li:first-child {border-top:1px solid #E7E7E7} .arl_036 .lists li a {padding:0 20px;display:block;padding-right:60px;line-height:58px;height:58px;font-size:17px;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_036 .lists li a span {position:absolute;right:20px;top:50%;transform:translate(0, -50%)} /* 기사 리스트 036 끝 */ /* 기사 리스트 037 시작 */ .arl_037 .list {margin:0 -20px} .arl_037 .list:after {content:"";clear:both;display:block} .arl_037 .list li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .arl_037 .list li .thumb a {display:block;width:100%;height:230px} .arl_037 .list li .thumb a .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_037 .list li .box {padding:30px 20px;border:1px solid #E7E7E7} .arl_037 .list li .box .title {height:60px;overflow:hidden} .arl_037 .list li .box .title a {font-size:22px;line-height:30px;} .arl_037 .list li .box .byline {margin-top:10px;height:15px;overflow:hidden} .arl_037 .list li .box .byline .name {font-size:15px;color:#AEAEAE;font-weight:300;letter-spacing:-0.05em} /* 기사 리스트 037 끝 */ /* 기사 리스트 038 시작 */ .arl_038 .list li:after {content:"";clear:both;display:block} .arl_038 .list li .thumb {position:relative;float:left;width:45%;height:200px;border:1px solid #EDEDED} .arl_038 .list li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_038 .list li .box {float:left;padding-left:60px;width:55%} .arl_038 .list li .box .title {max-height:56px;overflow:hidden} .arl_038 .list li .box .title a {font-size:20px;line-height:28px} .arl_038 .list li .box .body {margin-top:20px;max-height:75px;overflow:hidden} .arl_038 .list li .box .body a {font-size:17px;line-height:25px;font-weight:300} .arl_038 .list li .box .byline {margin-top:15px;height:15px;overflow:hidden} .arl_038 .list li .box .byline .name {font-size:15px;color:#AEAEAE;font-weight:300;letter-spacing:-0.05em} /* 기사 리스트 038 끝 */ /* 기사 리스트 039 시작 */ .arl_039:after {content:"";clear:both;display:block} .arl_039 .box {} .arl_039 .box .title {height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_039 .box .title a {font-size:22px;} .arl_039 .box .sub_title {margin-top:20px;height:22px;overflow:hidden} .arl_039 .box .sub_title a {font-size:20px} .arl_039 .box .sub_title a span {color:#3C9AD7} .arl_039 .box .body {margin-top:10px;max-height:48px;overflow:hidden} .arl_039 .box .body a {font-size:18px;line-height:24px;font-weight:300} .arl_039 .box .byline {margin-top:10px;height:15px;overflow:hidden} .arl_039 .box .byline .name {font-size:15px;color:#888;font-weight:300} .arl_039 .thumb {float:right;width:30%;height:150px;overflow:hidden; margin-left:40px;} .arl_039 .thumb a {display:inline-block;width:100%;height:100%} .arl_039 .thumb a .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} /* 기사 리스트 039 끝 */ /* 기사 리스트 040 시작 */ .arl_040 {} .arl_040 > .arl_040_wrap {border:1px solid #E7E7E7} .arl_040 > .arl_040_wrap:after {content:"";clear:both;display:block} .arl_040 .thumb {width:100%;height:435px;overflow:hidden} .arl_040 .thumb a .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_040 .box {position:relative;float:left;padding:30px;width:45%} .arl_040 .box:after {content:"";position:absolute;right:0;top:30px;width:2px;height:100px;background-color:#E5E5E5} .arl_040 .box .title {height:76px;overflow:hidden} .arl_040 .box .title a {font-size:30px;line-height:38px} .arl_040 .box .byline {margin-top:15px;height:15px;overflow:hidden} .arl_040 .box .byline .name {font-size:15px;color:#555;font-weight:300} .arl_040 .body {float:left;padding:30px;width:55%;max-height:130px;overflow:hidden} .arl_040 .body a {font-size:16px;line-height:26px} /* 기사 리스트 040 끝 */ /* 기사 리스트 041 시작 */ .arl_041:after {content:"";clear:both;display:block} .arl_041 .left_area {float:left;width:50%;padding-right:20px;} .arl_041 .left_area .lists li {margin-bottom:20px} .arl_041 .left_area .lists li .thumb {width:100%;height:180px;overflow:hidden} .arl_041 .left_area .lists li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_041 .left_area .lists li .title {margin-top:15px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_041 .left_area .lists li .title a {font-size:20px} .arl_041 .right_area {float:right;width:50%;padding-left:20px;} .arl_041 .right_area .lists li {height:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_041 .right_area .lists li a {font-size:20px;line-height:45px} /* 기사 리스트 041 끝 */ /* 기사리스트 042 시작 */ .arl_042 {width:100%} .arl_042 .lists {position:relative;margin:0 -1%} .arl_042 .lists:after {content:"";clear:both;display:block} .arl_042 .lists li {position:relative;float:left;padding:0 1%;width:33.33%} .arl_042 .lists li .thumb {width:100%;height:170px;border:1px solid #E7E7E7;overflow:hidden} .arl_042 .lists li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_042 .lists li .title {margin:10px 0;margin-bottom:30px;height:56px;overflow:hidden} .arl_042 .lists li .title a {font-size:20px;line-height:28px} /* 기사리스트 042 끝 */ /* 기사리스트 043 시작 */ .arl_043:after {content:"";clear:both;display:block} .arl_043 .left_box {position:relative;float:left;padding:30px;padding-top:70px;width:65%;border:1px solid #E7E7E7} .arl_043 .left_box .title {margin-bottom:15px;line-height:30px;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_043 .left_box .title a {font-size:30px} .arl_043 .left_box .thumb {width:100%;height:190px;overflow:hidden} .arl_043 .left_box .thumb a .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_043 .left_box .sub_title {margin-top:30px;line-height:22px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_043 .left_box .sub_title a {font-size:22px} .arl_043 .left_box .body {margin-top:15px;height:84px;overflow:hidden} .arl_043 .left_box .body a {font-size:18px;line-height:28px;font-weight:300} .arl_043 .left_box .profile {margin-top:40px;} .arl_043 .left_box .profile:after {content:"";clear:both;display:block} .arl_043 .left_box .profile .profile_img {float:left;width:55px;height:55px;border:1px solid #E7E7E7;border-radius:50%;overflow:hidden} .arl_043 .left_box .profile .profile_img img {width:100%} .arl_043 .left_box .profile .box {float:left;padding-left:20px;width:400px} .arl_043 .left_box .profile .box .byline {margin-top:5px;height:14px;overflow:hidden} .arl_043 .left_box .profile .box .byline .name {font-size:14px;color:#888} .arl_043 .left_box .profile .box .btn_box {text-align:left;} .arl_043 .left_box .profile .box .btn_box div {margin-top:8px;padding:0 10px;display:inline-block;border:1px solid #E7E7E7} .arl_043 .left_box .profile .box .btn_box div a {font-size:14px;font-weight:300;line-height:22px} .arl_043 .left_box .locate {position:absolute;top:0;display:inline-block;padding:0 10px;font-size:15px;line-height:35px;background-color:#59A9DD;color:#FFF;letter-spacing:0} .arl_043 .left_box .btn_share {position:absolute;top:30px;right:30px} .arl_043 .right_box {float:left;padding-left:40px;width:35%} .arl_043 .right_box .thumb {width:100%;height:200px;overflow:hidden} .arl_043 .right_box .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_043 .right_box .title {margin-top:20px;height:70px;overflow:hidden} .arl_043 .right_box .title a {font-size:26px;line-height:35px} .arl_043 .right_box .sub_title {margin-top:20px;height:56px;overflow:hidden} .arl_043 .right_box .sub_title a {font-size:22px;line-height:28px;font-weight:300} .arl_043 .right_box .body {margin-top:25px;height:84px;overflow:hidden} .arl_043 .right_box .body a {font-size:18px;line-height:28px;font-weight:300} .arl_043 .right_box .box {margin-top:30px} .arl_043 .right_box .box .byline {height:14px;overflow:hidden} .arl_043 .right_box .box .byline .name {font-size:14px;color:#888} .arl_043 .right_box .box .btn_box {text-align:left} .arl_043 .right_box .box .btn_box div {margin-top:8px;padding:0 10px;display:inline-block;border:1px solid #E7E7E7} .arl_043 .right_box .box .btn_box div a {font-size:14px;font-weight:300;line-height:22px} /* 기사리스트 043 끝 */ /* 기사 리스트 044 시작 */ .arl_044 .list li:after {content:"";clear:both;display:block} .arl_044 .list li .box .title {height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .arl_044 .list li .box .title a {font-size:22px;} .arl_044 .list li .box .sub_title {margin-top:20px;height:22px;overflow:hidden} .arl_044 .list li .box .sub_title a {font-size:20px} .arl_044 .list li .box .sub_title a span {color:#3C9AD7} .arl_044 .list li .box .body {margin-top:10px;max-height:48px;overflow:hidden} .arl_044 .list li .box .body a {font-size:18px;line-height:24px;font-weight:300} .arl_044 .list li .box .byline {margin-top:10px;height:15px;overflow:hidden} .arl_044 .list li .box .byline .name {font-size:15px;color:#888;font-weight:300} .arl_044 .list li .thumb {float:right;padding-left:40px;width:32%;height:150px;overflow:hidden} .arl_044 .list li .thumb a {display:inline-block;width:100%;height:100%} .arl_044 .list li .thumb a .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} /* 기사 리스트 044 끝 */ /* 기사 리스트 045 시작 */ .arl_045 .list {margin:0 -20px} .arl_045 .list:after {content:"";clear:both;display:block} .arl_045 .list li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .arl_045 .list li .thumb {position:relative;width:100%;height:435px;overflow:hidden} .arl_045 .list li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_045 .list li .thumb .title {position:absolute;bottom:0;left:50%;padding:30px;margin-left:-160px;width:320px;background-color:rgba(255,255,255,0.8)} .arl_045 .list li .thumb .title a {display:inline-block;font-size:22px;line-height:30px;height:60px;overflow:hidden} .arl_045 .list li .thumb .btn_share {position:absolute;right:30px;top:30px} .arl_045 .list li .box {padding:30px} .arl_045 .list li .box .body {height:50px;overflow:hidden} .arl_045 .list li .box .body a {font-size:17px;line-height:25px;font-weight:300} .arl_045 .list li .box .byline {margin-top:30px} .arl_045 .list li .box .byline .date {font-size:18px;color:#888;font-weight:300;letter-spacing:0} /* 기사 리스트 045 끝 */ /* 기사 리스트 046 시작 */ .arl_046 .list {margin:0 -20px} .arl_046 .list:after {content:"";clear:both;display:block;} .arl_046 .list li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .arl_046 .list li .thumb {position:relative;width:100%;height:250px;overflow:hidden} .arl_046 .list li .thumb .arl_img {display:inline-block;width:100%;height:100%;font-size:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:0.4s; border:2px solid #E9E9E9;cursor:pointer} .arl_046 .list li .thumb .title {position:absolute;bottom:0;left:50%;padding:30px;margin-left:-160px;width:320px;background-color:rgba(255,255,255,0.8)} .arl_046 .list li .thumb .title a {display:inline-block;font-size:22px;line-height:30px;height:60px;overflow:hidden} /* 기사 리스트 046 끝 */ /* 기사리스트 047 시작 - 20230328 오피니언신설 */ .arl_047 {width:100%} .arl_047 .lists {margin:0 -30px} .arl_047 .lists:after {content:"";clear:both;display:block} .arl_047 .lists li {position:relative;float:left;margin:0 30px;width:380px} .arl_047 .lists li .box {width:100%; height:335px; background:#f2f2f2; border:1px solid #e0e0e0;} .arl_047 .lists li .box .cate {display:block; margin:35px 0 20px 0; font-size:22px; text-align:center;} .arl_047 .lists li .box .cate a {font-size:22px;color:#222;overflow:hidden; font-weight:500;} .arl_047 .lists li .box .thumb {position:relative;width:125px;height:125px; border-radius: 50%; border:1px solid #d2d2d2; margin:0 auto; overflow:hidden; } .arl_047 .lists li .box .thumb img {display:block;width:100%;height:100%} .arl_047 .lists li .box .title {margin:20px 20px 0;padding:15px 20px;width:340px;height:90px;background-color:rgba(255,255,255,0.9);overflow:hidden;z-index:3} .arl_047 .lists li .box .title a {display:block;font-size:22px;color:#222;line-height:30px;height:60px;overflow:hidden} /* 기사리스트 047 끝 */ /* 기사리스트 048 시작 - 20230328 오피니언신설 */ .arl_048 {width:100%; border-top:1px solid #e1e1e1;} .arl_048 .lists li {position:relative; padding:35px 0; border-bottom:1px solid #e1e1e1;} .arl_048 .lists li:after {content:"";clear:both;display:block} .arl_048 .lists li .thumb {float:left; margin-right:70px; position:relative;width:103px;height:103px; border-radius: 50%; border:1px solid #d2d2d2; overflow:hidden; } .arl_048 .lists li .thumb img {display:block;width:100%;height:100%} .arl_048 .lists li .cate {display:block; margin:0 0 20px 0; padding-top:12px; font-size:18px; text-align:left;} .arl_048 .lists li .cate a {font-size:18px;color:#295879;overflow:hidden; font-weight:500;} .arl_048 .lists li .title { line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .arl_048 .lists li .title a {font-size:22px; color:#222; font-weight:500;} /* 기사리스트 048 끝 */ /* 배너 시작 */ .banner a {display:block} /*.banner a img {width:100%}*/ /* 배너 끝 */ /********************************************************************************************************************* 헤드라인 / 기사리스트 / 배너 영역 끝 - 헤드라인 001 / 기사리스트 001 ~ 046 **********************************************************************************************************************/ /********************************************************************************************************************* 기사 상세 시작 - 뷰헤더 / 기사 상세 본문 / 기사 상세 구독료 / 기자 다른 글 보기 **********************************************************************************************************************/ /* 기사 상세 뷰 고정 헤더 시작 */ .article_view {position:relative} .article_view .logo {width:120px; margin-bottom:30px;} .article_view .logo img {width:100%;} .article_view .view_fix_header {position:fixed;top:-100px;left:0;width:100%;height:50px;background-color:#547ABD;box-shadow:1px 3px 15px 1px rgba(0,0,0,0.3);z-index:1000;} .article_view .view_fix_header .inner:after {content:"";clear:both;display:block} .article_view .view_fix_header .inner > div {float:left} .article_view .view_fix_header .inner .home {margin-top:3px;margin-right:14px;line-height:50px} .article_view .view_fix_header .inner .home a img {vertical-align:baseline;} .article_view .view_fix_header .inner .article_title {width:750px;font-size:20px;color:#FFF;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .article_view .view_fix_header .inner .util {margin-right:10px} .article_view .view_fix_header .inner .util .lists:after {content:"";clear:both;display:block} .article_view .view_fix_header .inner .util .lists li {float:left;margin-top:3px;padding:0 10px;line-height:50px} .article_view .view_fix_header .inner .util .lists li a img {vertical-align:baseline;opacity:0.5;transition:0.3s} .article_view .view_fix_header .inner .util .lists li:hover a img {opacity:1} .article_view .view_fix_header .inner .support {margin-top:8px;width:100px;height:35px;line-height:33px;font-size:17px;letter-spacing:-0.05em;border-radius:35px;border:1px solid #FFF;color:#FFF;text-align:center;cursor:pointer;transition:0.3s} .article_view .view_fix_header .inner .support:hover {border-color:#547ABD;color:#547ABD;background-color:#FEC601} /* 기사 상세 뷰 고정 헤더 끝 */ /* 기사 상세 헤더 시작 */ .article_view .view_header {border-bottom:2px solid #000} .article_view .view_header .title {/*width:850px;*/font-size:32px;line-height:50px;letter-spacing:-0.05em} .article_view .view_header .sub_title {width:850px;font-size:18px;line-height:36px;letter-spacing:-0.05em} .article_view .view_header .box {position:relative;padding:0 0 12px;} .article_view .view_header .box:after {content:"";clear:both;display:block} .article_view .view_header .box .byline {float:left;margin-top:8px} .article_view .view_header .box .byline span {font-size:15px;color:#888;line-height:32px;letter-spacing:-0.05em;font-weight:300} .article_view .view_header .box .byline span.date {letter-spacing:0.025em} .article_view .view_header .box .tools {float:right} .article_view .view_header .box .tools .like {margin-right:10px;width:70px;height:40px;/*border:1px solid #888;border-radius:5px;*/ border:0;} .article_view .view_header .box .tools .like iframe {border:none; overflow:hidden; width:70px; height:40px;} .article_view .view_header .box .tools .like div {display:none; font-size:11px;letter-spacing:0.05em;text-align:center;line-height:19px} .article_view .view_header .box .tools .like div.num {display:none; padding:0 5px;overflow:hidden} .article_view .view_header .box .tools .like div.num span {display:none; line-height:19px;letter-spacing:0.05em;overflow:hidden} .article_view .view_header .box .tools .like div.btn_like {display:none; padding-left:16px;color:#FFF;background:#4065B3 url("/images/site/icon/article_view_icon_like.png") no-repeat 6px 3px;background-size:12px 12px;cursor:pointer} .article_view .view_header .box .tools > div {float:left;margin-left:10px;width:35px;height:35px;border:1px solid #D7D7D7;border-radius:50%;cursor:pointer} .article_view .view_header .box .tools > div.book_mark {background:#FFF url("/images/site/icon/article_view_icon_bookmark.png") no-repeat center center; transition:0.3s} .article_view .view_header .box .tools > div.book_mark:hover {background:#7A9FDF url("/images/site/icon/article_view_icon_bookmark_over.png") no-repeat center center} .article_view .view_header .box .tools > div.book_mark.activity {background:#7A9FDF url("/images/site/icon/article_view_icon_bookmark_over.png") no-repeat center center} .article_view .view_header .box .tools > div.share {background:#FFF url("/images/site/icon/article_view_icon_share.png") no-repeat center center; transition:0.3s} .article_view .view_header .box .tools > div.share:hover {background:#7A9FDF url("/images/site/icon/article_view_icon_share_over.png") no-repeat center center} .article_view .view_header .box .tools > div.share.activity {background:#7A9FDF url("/images/site/icon/article_view_icon_share_over.png") no-repeat center center} .article_view .view_header .box .tools > div.font_up {background:#FFF url("/images/site/icon/article_view_icon_fontup.png") no-repeat center center; transition:0.3s} .article_view .view_header .box .tools > div.font_up:hover {background:#7A9FDF url("/images/site/icon/article_view_icon_fontup_over.png") no-repeat center center} .article_view .view_header .box .tools > div.font_down {background:#FFF url("/images/site/icon/article_view_icon_fontdown.png") no-repeat center center; transition:0.3s} .article_view .view_header .box .tools > div.font_down:hover {background:#7A9FDF url("/images/site/icon/article_view_icon_fontdown_over.png") no-repeat center center} .article_view .view_header .box .tools > div.print {background:#FFF url("/images/site/icon/article_view_icon_print.png") no-repeat center center; transition:0.3s} .article_view .view_header .box .tools > div.print:hover {background:#7A9FDF url("/images/site/icon/article_view_icon_print_over.png") no-repeat center center} .article_view .view_header .box .share_tools {display:none;position:absolute;right:0;top:52px;width:330px;height:170px;padding:24px 29px;border:1px solid #D7D7D7;background-color:#FFF;z-index:80} .article_view .view_header .box .share_tools .lists {margin-bottom:22px} .article_view .view_header .box .share_tools .lists:after {content:"";clear:both;display:block} .article_view .view_header .box .share_tools .lists li {float:left;width:67.5px;text-align:center} .article_view .view_header .box .share_tools .lists li a img {margin-bottom:10px;} .article_view .view_header .box .share_tools .lists li a span {display:block;font-size:13px} .article_view .view_header .box .share_tools .lists li:first-child {margin-left:0} .article_view .view_header .box .share_tools .url_copy:after {content:"";clear:both;display:block} .article_view .view_header .box .share_tools .url_copy input[type="text"] {float:left;padding:0 5px;width:75%;height:25px;font-size:13px;color:#ACACAC;letter-spacing:0em;font-weight:300;line-height:23px;border:1px solid #EBEBEB} .article_view .view_header .box .share_tools .url_copy span {float:left;display:block;width:25%;height:25px;font-size:13px;line-height:23px;letter-spacing:0em;border:1px solid #EBEBEB;border-left:0;text-align:center} /* 기사 상세 헤더 끝 */ /* 기사 상세 본문 시작 */ .article_view .article_body {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300; padding:0 15px;} .article_view .article_body:after {content:''; clear:both; display:block;} .article_view .article_body div {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300; margin-bottom:0;} .article_view .article_body p {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300; margin-bottom:1.3em;} .article_view .article_body span {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300; margin-bottom:1.3em;} /*.article_view .article_body p strong {font-size:20px;}*/ .article_view .article_body > ul li {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300; margin-bottom:1.3em;} .article_view .article_body > ul li a {font-size:18px; color:#318dff;} .article_view .article_body > blockquote {/*padding:10px; margin:17px 15px;*/ font-size:18px; line-height:36px;} .article_view .article_body > blockquote div, .article_view .article_body > blockquote p {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300; margin-bottom:1.3em;} .article_view .article_body > blockquote div:last-child, .article_view .article_body > blockquote p:last-child {margin-bottom:0;} .article_view .article_body > blockquote div a, .article_view .article_body > blockquote p a {font-size:18px; color:#318dff;} .article_view .article_body .simple-box p:last-child {margin-bottom:0;} .article_view .article_body > div a, .article_view .article_body > p a {font-size:18px; color:#318dff; /*text-decoration:underline;*/} .article_view .article_body .img_box {position:relative;width:100%; } .article_view .article_body .img_box span {position:absolute;left:0;bottom:0;padding:0 40px;display:block;width:100%;height:70px;font-size:20px;line-height:70px;color:#FFF;letter-spacing:-0.05em;background-color:rgba(0,0,0,0.5);overflow:hidden} .article_view .article_body .body {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300} .article_view .article_body .image-style-align-left figure {float:left; margin-right:20px !important; max-width:320px;} .article_view .article_body .image-style-align-left figure img {width:100% !important;} .article_view .article_body .image-style-align-right figure {float:right; margin-left:20px !important; max-width:320px;} .article_view .article_body .image-style-align-right figure img {width:100% !important;} .article_view .article_body figure {/*display:table !important;*/ margin:0 auto !important;} .article_view .article_body figure img {max-width:640px;} .article_view .article_body figure figcaption { /*display:table-caption; caption-side:bottom;*/ margin:0 auto; max-width:640px; line-height: 20px; font-size: 14px; padding: 7px 10px; text-align: left;} .article_view .article_body figure.iframe {/*position: relative; padding-bottom: 56.25%; height: 0;*/} .article_view .article_body figure.iframe iframe {/*position:absolute; top:0; left:0; width:100%; height:100%;*/ display:block; margin:0 auto; width:620px !important; height:350px;} .article_view .article_body .simple-box {padding:5px;} .article_view .article_body .simple-box p {font-size:18px; line-height:24px; letter-spacing:-0.05em; margin-bottom:1.3em;} .article_view .article_body .simple-box .simple-box-description {padding:10px;} /* 기사 상세 본문 끝 */ /* 기사 상세 구독료 시작 */ .article_view .subscription_fee .title {margin-bottom:20px;font-size:22px;letter-spacing:-0.05em;font-weight:500} .article_view .subscription_fee .payment_box {position:relative;padding:28px 38px;padding-right:0;border:2px solid #CCC} .article_view .subscription_fee .payment_box:before {content:"";position:absolute;top:0;left:643px;width:1px;height:100%;border-left:1px dashed #CCC} .article_view .subscription_fee .payment_box:after {content:"";clear:both;display:block} .article_view .subscription_fee .payment_box .fee_sel {float:left;width:75%} .article_view .subscription_fee .payment_box .fee_sel .price_sel:after {content:"";clear:both;display:block} .article_view .subscription_fee .payment_box .fee_sel .price_sel li {position:relative;float:left;margin-right:35px} .article_view .subscription_fee .payment_box .fee_sel .price_sel li input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .article_view .subscription_fee .payment_box .fee_sel .price_sel li label {font-size:18px;color:#888;font-weight:300;letter-spacing:0} .article_view .subscription_fee .payment_box .fee_sel .price_sel li input[type="radio"] + label {position:relative;padding-left:24px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none} .article_view .subscription_fee .payment_box .fee_sel .price_sel li input[type="radio"] + label:before {content:"";position:absolute;left:0;top:0;width:16px;height:16px;text-align:center;border:1px solid #CCC;border-radius:50%;} .article_view .subscription_fee .payment_box .fee_sel .price_sel li input[type="radio"]:checked + label:after {content:"";position:absolute;top:5px;left:5px;width:8px;height:8px;background:#17A6B6;border-radius:50%;} .article_view .subscription_fee .payment_box .fee_sel .price_sel li input[type="radio"]:checked + label {color:#17A6B6} .article_view .subscription_fee .payment_box .fee_sel .add_btn:after {content:"";clear:both;display:block} .article_view .subscription_fee .payment_box .fee_sel .add_btn > div {float:left;padding:0 20px;margin:30px 0;margin-right:20px;font-size:16px;line-height:35px;border:1px solid #E7E7E7;font-weight:300;cursor:pointer} .article_view .subscription_fee .payment_box .fee_sel .regular {font-size:16px;letter-spacing:-0.05em} .article_view .subscription_fee .payment_box .fee_sel .regular a {font-size:16px;color:#F95209;letter-spacing:-0.05em} .article_view .subscription_fee .payment_box .payment {float:left;padding:0 15px;width:25%;text-align:center; margin-top:22px;} .article_view .subscription_fee .payment_box .payment .price {font-size:17px;color:#888;} .article_view .subscription_fee .payment_box .payment .price span {font-size:26px;color:#000} .article_view .subscription_fee .payment_box .payment .price_btn {display:inline-block;padding:0 40px;margin-top:16px;font-size:18px;line-height:40px;color:#FFF;background-color:#295879;cursor:pointer} .anonymous_input {position:relative;margin-top:25px} .anonymous_input input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .anonymous_input input[type="checkbox"] + label {position:relative;padding-left:25px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none} .anonymous_input input[type="checkbox"] + label:before {content:"";position:absolute;left:0;top:0;width:16px;height:16px;text-align:center;border:1px solid #CCC;border-radius:3px;} .anonymous_input input[type="checkbox"]:checked + label:after {content:"\2714";position:absolute;top:1px;left:4px;color:#17A6B6;} .article_view .subscription_fee .describe {margin-top:20px;font-size:15px;line-height:26px;color:#444;letter-spacing:-0.05em} .article_view .subscription_fee .describe span img {margin-top:3px} /* 기사 상세 구독료 끝 */ /* 기자 다른 글 보기 시작 */ .article_view .reporter_veiw:after {content:"";clear:both;display:block} .article_view .reporter_veiw div {float:left} .article_view .reporter_veiw div.reporter {font-size:17px;line-height:37px;letter-spacing:-0.05em} .article_view .reporter_veiw div.other_posts {margin-left:14px;padding:0 12px;line-height:35px;border:1px solid #E7E7E7;cursor:pointer;font-weight:300;letter-spacing:-0.05em} /* 기자 다른 글 보기 끝 */ /* 제보하기 정기후원하기 시작 */ .article_view .report_support:after {content:"";clear:both;display:block} .article_view .report_support > div {width:49%;font-size:20px;color:#FFF;line-height:55px;text-align:center;cursor:pointer} .article_view .report_support > div > img {margin-left:14px;vertical-align:middle} .article_view .report_support > div.report {float:left;background-color:#4084BE} .article_view .report_support > div.support {float:right;background-color:#295879} /* 제보하기 정기후원하기 끝 */ /* 관련 기사 시작 */ .article_view .related_articles .title {margin-bottom:20px;font-size:22px;letter-spacing:-0.05em;font-weight:500} .article_view .related_articles .lists {padding-left:24px;border-left:4px solid #000} .article_view .related_articles .lists:after {content:"";clear:both;display:block} .article_view .related_articles .lists li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .article_view .related_articles .lists li a {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300} /* 관련 기사 끝 */ /* 최근글 시작 */ .article_view .recently {} .article_view .recently .lists {text-overflow:ellipsis;overflow:hidden;white-space:nowrap} .article_view .recently .lists li i {margin-right:10px; vertical-align:baseline; font-size:18px;} .article_view .recently .lists li a {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300} /* 최근글 끝 */ /* 연재물 기사 시작 */ .article_view .serials_articles .lists li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:20px;font-size:22px;letter-spacing:-0.05em;font-weight:500} .article_view .serials_articles .lists li a {font-size:18px;line-height:36px;letter-spacing:-0.05em;font-weight:300} /* 연재물 기사 끝 */ /* 댓글 시작 */ .comment_wrap .count {font-size:22px; margin:0 0 15px 0; color:#333;} .comment_wrap .count span {color:#4084be;} .comment_wrap .comment_write {width:100%; margin-bottom:20px;} .comment_wrap .comment_write:after {content:''; clear:both; display:block;} .comment_wrap .comment_write textarea {float:left; width:calc(100% - 100px); height:100px; padding:15px; font-size:16px; font-weight:300; color:#444; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; resize:none;} .comment_wrap .comment_write .comment_btn {float:right; width:100px; height:100px; color:#4084be; border:1px solid #4084be; background:#fff; font-size:17px; line-height:98px; text-align:center; cursor:pointer;} .comment_wrap .orderby {padding-bottom:15px;} .comment_wrap .orderby ul:after {content:''; clear:both; display:block;} .comment_wrap .orderby ul li {float:left; font-weight:300; font-size:15px; color:#858585; line-height:16px; padding-right:18px; border-right:1px solid #858585; margin-right:18px; cursor:pointer;} .comment_wrap .orderby ul li:last-child {border-right:0;} .comment_wrap .orderby ul li.on {color:#000; font-weight:400; } .comment_wrap .orderby ul li:hover {color:#000; font-weight:400; } .comment_wrap .comment_list {border-top:1px solid #d7d7d7;} .comment_wrap .comment_list .comment {border-bottom:1px solid #d7d7d7; padding:17px 30px 20px 0;} .comment_wrap .comment_list .comment.reply {padding:17px 30px 20px 35px; background:url(/images/site/common/icon_reply.png) 11px 20px no-repeat;} .comment_wrap .comment_list .comment_top {height:40px;} .comment_wrap .comment_list .comment_top:after {content:''; clear:both; display:block;} .comment_wrap .comment_list .comment .grade {float:left; line-height:30px; margin-right:10px;} .comment_wrap .comment_list .comment .grade img {vertical-align:middle;} .comment_wrap .comment_list .comment .name {float:left; line-height:30px; font-size:16px; color:#4084be; margin-right:15px;} .comment_wrap .comment_list .comment .date {float:left; font-weight:300; line-height:30px; font-size:13px; color:#a1a1a1; margin-right:11px;} .comment_wrap .comment_list .comment .report {float:left; line-height:20px; font-size:13px; color:#a2a2a2; margin-left:8px;} .comment_wrap .comment_list .comment .report a {color:#a2a2a2;} .comment_wrap .comment_list .comment .split {float:left; width:1px; height:11px; margin-top:5px; background:#d7d7d7;} .comment_wrap .comment_list .comment .recommend {float:right;} .comment_wrap .comment_list .comment .recommend a {display:inline-block; color:#000; height:30px; line-height:30px; font-size:15px; font-weight:300; text-align:center; padding-left:34px; margin-left:28px;} .comment_wrap .comment_list .comment .recommend a.cmt_up {color:#1b75bc; background:url(/images/site/common/icon_cmt_up.png) 10px 50% no-repeat;} .comment_wrap .comment_list .comment .recommend a.cmt_up:hover {color:#1b75bc;} .comment_wrap .comment_list .comment .recommend a.cmt_down {color:#f44336; background:url(/images/site/common/icon_cmt_down.png) 10px 50% no-repeat;} .comment_wrap .comment_list .comment .recommend a.cmt_down:hover {color:#f44336;} .comment_wrap .comment_list .comment .comment_txt {font-size:16px; color:#000; font-weight:300; line-height:25px; padding-bottom:17px; } .comment_wrap .comment_list .comment .reply_btn {width:70px; height:30px; line-height:28px; border:1px solid #e1e1e1; color:#000; font-size:14px; text-align:center; cursor:pointer;} .comment_wrap .comment_more {text-align:right; font-size:15px; font-weight:300; color:#777; margin-top:17px; margin-bottom:30px;} .comment_wrap .comment_more strong {color:#4084be; font-weight:600;} .comment_wrap .comment_more a {color:#000;} .comment_wrap .comment_list .comment_reply_write {border-bottom:1px solid #d7d7d7; background:#f9f9f9 url(/images/site/common/icon_reply.png) 11px 20px no-repeat; padding:20px 20px 20px 30px;} .comment_wrap .comment_list .comment_reply_write .comment_write textarea {height:75px;} .comment_wrap .comment_list .comment_reply_write .comment_write .comment_btn {height:75px; line-height:73px;} /* 댓글 끝 */ /********************************************************************************************************************* 기사 상세 끝 - 뷰헤더 / 기사 상세 본문 / 기사 상세 구독료 / 기자 다른 글 보기 **********************************************************************************************************************/ /********************************************************************************************************************* 전체보기 버튼 시작 **********************************************************************************************************************/ .btn_article_all_view a {display:block;width:100%;font-size:16px;line-height:46px;border:1px solid #E7E7E7;text-align:center;font-weight:300} .btn_article_all_view.bg_turquoise a {color:#fff;background-color:#17A6B6} /********************************************************************************************************************* 전체보기 버튼 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 페이지네이션 시작 **********************************************************************************************************************/ .page_nav {margin:0 auto;width:820px;text-align:center} .page_nav > div, .page_nav .nav {display:inline-block} .page_nav > div a, .page_nav .nav li {margin:0 5px;font-size:16px;color:#888;font-weight:300;letter-spacing:0.02em} .page_nav .nav:after {content:"";clear:both;display:block} .page_nav .nav li {float:left;margin:0 8px;cursor:pointer} .page_nav .nav li.on {color:#D00000;text-decoration:underline} .pagination {} .pagination li {display:inline-block; margin:0 5px;} .pagination li a {font-size:16px;color:#888;font-weight:300;letter-spacing:0.02em; } .pagination li.num a {text-decoration:underline;} .pagination li.active a {color:#333; font-weight:600;} /********************************************************************************************************************* 페이지네이션 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 리스트 필자별 시작 **********************************************************************************************************************/ .list_author {position:relative} .list_author .author_info {padding:40px 30px 40px 25px; margin-bottom:20px; width:100%;border:1px solid #E7E7E7;} .list_author .author_info:after {content:"";clear:both;display:block} .list_author .author_info .box {float:left} .list_author .author_info .box:first-child {margin-right:30px; width:160px; text-align:center;} .list_author .author_info .box:last-child {width:600px} .list_author .author_info .box .profile {display:inline-block; margin-top:8px;width:75px;height:75px;overflow:hidden;border:1px solid #CCC;border-radius:50%} .list_author .author_info .box .byline {margin-top:12px;text-align:center} .list_author .author_info .box .byline p {margin:0 2px;display:inline;color:#888;font-weight:300; line-height:16px;} .list_author .author_info .box .byline p img {vertical-align:baseline} .list_author .author_info .box .intro {font-size:16px;line-height:22px;font-weight:300} .list_author .author_info .box .btn_box {margin-top:15px} .list_author .author_info .box .btn_box:after {content:"";clear:both;display:block} .list_author .author_info .box .btn_box .btn_subscribe {margin-right:10px; margin-bottom:10px; float:left;width:97px;height:37px;line-height:35px;border:1px solid #E7E7E7;text-align:center} .list_author .author_info .box .btn_box .btn_subscribe a {display:block;width:100%;height:100%;line-height:35px;font-size:15px;font-weight:300} .list_author .author_info .box .btn_box .cheering {float:left} .list_author .author_info .box .btn_box .cheering:after {content:"";clear:both;display:block} .list_author .author_info .box .btn_box .cheering div {float:left} .list_author .author_info .box .btn_box .cheering .naver_search {padding:0 15px;height:37px;line-height:37px;font-size:16px;color:#FFF;background-color:#00C73C} .list_author .author_info .box .btn_box .cheering .reporter_name {padding:0 15px;font-size:16px;border:2px solid #00C73C;line-height:33px;font-weight:500} .list_author .author_info .box .btn_box .cheering .describe {font-size:16px;font-weight:300;line-height:37px} /********************************************************************************************************************* 리스트 필자별 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 리스트 검색 영역 시작 **********************************************************************************************************************/ .list_search {position:relative} .list_search .search_area .search {padding:30px 50px;width:100%;background-color:#EDEDED} .list_search .search_area .search:after {content:"";clear:both;display:block} .list_search .search_area .search input[type="text"] {float:left;padding:0 8px;display:block;width:620px;height:40px;line-height:40px;font-size:16px;border:none} .list_search .search_area .search .btn_search {float:left;width:100px;height:40px;line-height:40px;font-size:16px;font-weight:300;color:#FFF;background-color:#557ABD;text-align:center;cursor:pointer} .list_search .search_area .search_result {margin:20px 0;font-size:16px;} .list_search .search_area .search_result span {color:#557ABD;letter-spacing:-0.05em} .list_search .search_area .order_wrap {line-height:25px; margin-bottom:15px;} .list_search .search_area .order_wrap span {display:inline-block; line-height:25px; font-size:15px; color:#000; margin-right:10px; vertical-align: middle;} .list_search .search_area .order_wrap select {border:1px solid #e1e1e1; color:#000; font-size:13px; min-width:160px; height:25px; line-height:23px; vertical-align: middle;} .list_search .search_area .order_wrap .order_nav {display:inline-block; vertical-align: middle; margin-right:27px;} .list_search .search_area .order_wrap .order_nav:after {content:"";clear:both;display:block} .list_search .search_area .order_wrap .order_nav li {position:relative; z-index:1; display:inline-block; width:70px; margin-left:-1px; text-align:center; border:1px solid #e1e1e1; font-size:15px; line-height:33px; font-weight:300; vertical-align: middle;} .list_search .search_area .order_wrap .order_nav li:first-child {margin-left:0;} .list_search .search_area .order_wrap .order_nav li.on, .list_search .search_area .order_wrap .order_nav li:hover {border:1px solid #557abd;color:#557abd; z-index:2;} .datepicker {display:inline-block;} .datepicker > input[type="text"] {padding: 0 15px; width:130px; height: 35px; line-height: 33px; letter-spacing: -0.05em; border: 1px solid #d7d7d7; text-align: left; vertical-align: middle;} .datepicker > .ui-datepicker-trigger {width: 35px; height: 35px; border: 1px solid #d7d7d7; border-left: none; background-color: #fff; cursor: pointer;} #ui-datepicker-div {padding:5px} #ui-datepicker-div .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-next:hover {background:none;border:none;cursor:pointer} #ui-datepicker-div .ui-datepicker-prev span {background-image:url(/images/admin/icon/page_prev.png);background-position: center center} #ui-datepicker-div .ui-datepicker-next span {background-image:url(/images/admin/icon/page_next.png);background-position: center center} #ui-datepicker-div .ui-datepicker-header {background-color:#fff;border:none} #ui-datepicker-div .ui-datepicker-calendar tr th {padding:5px} #ui-datepicker-div .ui-datepicker-calendar tr td:first-child a {color:#ff0000} #ui-datepicker-div .ui-datepicker-calendar tr td:last-child a {color:#005dff} #ui-datepicker-div .ui-datepicker-calendar tr td a {padding:5px;border:none;background-color:#fff;text-align:center;transition:0.3s} #ui-datepicker-div .ui-datepicker-calendar tr td a.ui-state-active {color:#fff;background-color:#0184ff;border-radius:3px} #ui-datepicker-div .ui-datepicker-calendar tr td a:hover {color:#fff;background-color:#0184ff;border-radius:3px} #ui-datepicker-div .ui-datepicker-calendar tr td span {background-color:#fff;border:none;text-align:center} .btn_search_apply {display:inline-block; width:65px; font-size:14px; color:#fff; background:#557ABD; height:35px; line-height:35px; text-align:center; border:0; vertical-align:middle;} /********************************************************************************************************************* 리스트 검색 영역 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 리스트 검색 영역 실패 시작 **********************************************************************************************************************/ .list_search_false {position:relative} .list_search_false .search_area .search {padding:30px 50px;width:100%;background-color:#EDEDED} .list_search_false .search_area .search:after {content:"";clear:both;display:block} .list_search_false .search_area .search input[type="text"] {float:left;padding:0 8px;display:block;width:620px;height:40px;line-height:40px;font-size:16px;border:none} .list_search_false .search_area .search .btn_search {float:left;width:100px;height:40px;line-height:40px;font-size:16px;font-weight:300;color:#FFF;background-color:#557ABD;text-align:center;cursor:pointer} .list_search_false .search_area .search_result {margin:20px 0;font-size:16px;} .list_search_false .search_area .search_result span {color:#FF1F1F;letter-spacing:-0.05em} .list_search_false .search_area .describe {padding:30px 20px;border:1px solid #EBEBEB;line-height:30px;font-weight:300} /********************************************************************************************************************* 리스트 검색 영역 실패 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 섹션 퀵뷰 시작 **********************************************************************************************************************/ .quick_view {width:100%;min-width:1200px;height:100%} .quick_view .lists_area {float:left;padding:30px;width:320px;height:100%;background-color:#F7F8FA;overflow-y:auto} .quick_view .lists_area .all_count {margin-bottom:12px;font-size:14px;color:#777} .quick_view .lists_area .tab_nav {margin-bottom:20px;background-color:#FFF} .quick_view .lists_area .tab_nav:after {content:"";clear:both;display:block} .quick_view .lists_area .tab_nav li {float:left;width:100%;font-size:15px;color:#2053A0;line-height:28px;border:1px solid #2053A0;text-align:center;font-weight:300;letter-spacing:0;cursor:pointer} .quick_view .lists_area .tab_nav li.on {background-color:#2053A0;color:#FFF} .quick_view .lists_area .tab_news li {padding:18px 0;border-bottom:1px solid #E2E8ED;cursor:pointer} .quick_view .lists_area .tab_news li:first-child {border-top:1px solid #E2E8ED} .quick_view .lists_area .tab_news li .title {margin-bottom:8px;font-size:17px;font-weight:300} .quick_view .lists_area .tab_news li.on .title {color:#2053A0;font-weight:400} .quick_view .lists_area .tab_news li:hover .title {color:#2053A0} .quick_view .lists_area .tab_news li .date {font-size:15px;color:#AEAEAE;font-weight:300} .quick_view .view_area {float:left;padding:60px 40px;width:calc(100% - 320px);height:100%;overflow-y:auto} .quick_view .view_area.full_size {width:100%;} .quick_view .view_area .top {margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid #000} .quick_view .view_area .top .title {font-size:32px;line-height:50px} .quick_view .view_area .top .sub_title {margin-top:10px;font-size:18px;font-weight:300} .quick_view .view_area .top .box {margin-top:20px} .quick_view .view_area .top .box:after {content:"";clear:both;display:block} .quick_view .view_area .top .box .byline {float:left} .quick_view .view_area .top .box .byline:after {content:"";clear:both;display:block} .quick_view .view_area .top .box .byline p {float:left;position:relative;padding:0 10px;font-size:15px;color:#888;font-weight:300} .quick_view .view_area .top .box .byline p:first-child {padding-left:0} .quick_view .view_area .top .box .byline p:first-child:after {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#888} .quick_view .view_area .top .box .btn_printer {float:right;margin-top:-10px;width:35px;height:35px;border-radius:50%;border:1px solid #888} .quick_view .view_area .top .box .btn_printer a {display:block;text-align:center;line-height:35px} .quick_view .view_area .top .box .btn_printer a img {margin-top:-3px;vertical-align:middle} .quick_view .view_area .body p {font-size:18px;line-height:36px;font-weight:300;letter-spacing:-0.05em} .quick_view .tab_rss {display:block} .quick_view .lists_area .tab_rss li {padding:18px 0;border-bottom:1px solid #E2E8ED;cursor:pointer;font-size:17px;line-height:35px;font-weight:300;cursor:pointer} .quick_view .lists_area .tab_rss li img {margin-right:10px} .quick_view .lists_area .tab_rss li:first-child {border-top:1px solid #E2E8ED} .quick_view .view_area .rss_intro {padding:40px;padding-left:136px;border:1px solid #E9E9E9;background:url("/images/site/icon/section_quick_view_icon_rss_big.png") 40px 40px no-repeat;} .quick_view .view_area .rss_intro .title {font-size:28px;letter-spacing:0} .quick_view .view_area .rss_intro .sub_title {margin-top:12px;font-size:18px;letter-spacing:0} .quick_view .view_area .rss_intro .body {margin-top:12px;font-size:16px;color:#888;line-height:24px;letter-spacing:-0.05em;} .quick_view .view_area .rss_url h2 {font-size:18px;letter-spacing:0} .quick_view .view_area .rss_url .lists {margin-top:20px;border:1px solid #E9E9E9;border-bottom:2px solid #E9E9E9;border-left:0;border-right:0} .quick_view .view_area .rss_url .lists li {border:1px solid #E9E9E9;border-left:0;border-right:0;border-bottom:0} .quick_view .view_area .rss_url .lists li:after {content:"";clear:both;display:block} .quick_view .view_area .rss_url .lists li > div {float:left;font-size:17px;line-height:54px;} .quick_view .view_area .rss_url .lists li > div:after {content:"";clear:both;display:block} .quick_view .view_area .rss_url .lists li > div.name {width:200px} .quick_view .view_area .rss_url .lists li > div.url {width:50%} .quick_view .view_area .rss_url .lists li > .btn_box {float:right;margin-top:11px} .quick_view .view_area .rss_url .lists li > .btn_box div {float:left;margin-left:10px;width:70px;font-size:15px;line-height:30px;border:1px solid #F4B459;text-align:center;cursor:pointer} .quick_view .view_area .rss_url .lists li > .btn_box .btn_rss {padding-left:10px;color:#FFF;background:#F4B459 url("/images/site/icon/section_quick_view_icon_rss.png") no-repeat 0px 0px;background-size:30px 30px} .quick_view .view_area .rss_url .lists li > .btn_box .btn_link_copy {color:#F4B459} .quick_view .view_area .rss_directions h2 {padding-bottom:20px;margin-bottom:30px;font-size:18px;letter-spacing:0;border-bottom:2px solid #E9E9E9} .quick_view .view_area .rss_directions .usage_guide {padding:35px 30px;border:1px solid #E9E9E9;font-size:18px;line-height:26px;color:#444;letter-spacing:-0.05em;font-weight:300} .quick_view .view_area .rss_download:after {content:"";clear:both;display:block} .quick_view .view_area .rss_download h2 {padding-bottom:20px;margin-bottom:30px;font-size:18px;letter-spacing:0;border-bottom:2px solid #E9E9E9} .quick_view .view_area .rss_download .box {float:left;padding:30px 40px;width:48%;height:385px;border:1px solid #E9E9E9} .quick_view .view_area .rss_download .box:last-child {float:right} .quick_view .view_area .rss_download .box h3 {font-size:18px} .quick_view .view_area .rss_download .box .sub_title {margin:18px 0;font-size:18px;font-weight:300} .quick_view .view_area .rss_download .box .lists li:after {content:"";clear:both;display:block} .quick_view .view_area .rss_download .box .lists li > div {float:left;font-size:18px;color:#444;line-height:40px;font-weight:300} .quick_view .view_area .rss_download .box .lists li > div.name {width:160px} .quick_view .view_area .rss_download, .quick_view .view_area .rss_directions {display:none} .quick_view .ipt_rss_url {position:fixed; left:-9999px; top:-9999px;} /********************************************************************************************************************* 섹션 퀵뷰 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 섹션 전국 시작 **********************************************************************************************************************/ .section_nationwide .section_nationwide_title {display:inline-block;cursor:pointer} .section_nationwide .tab_nav {border:1px solid #E7E7E7;border-left:0;border-right:0} .section_nationwide .tab_nav:after {content:"";clear:both;display:block} .section_nationwide .tab_nav li {position:relative;float:left;width:20%;text-align:center} .section_nationwide .tab_nav li a {display:block;font-size:18px;color:#AEAEAE;line-height:60px; border-bottom:2px solid #fff; letter-spacing:-0.1em;} .section_nationwide .tab_nav li:after {content:"";position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#E7E7E7} .section_nationwide .tab_nav li:last-child:after {display:none} .section_nationwide .tab_nav li.on a, .section_nationwide .tab_nav li:hover a {border-bottom:2px solid #000;color:#000} .section_nationwide .tab_box:after {content:"";clear:both;display:block} /********************************************************************************************************************* 섹션 전국 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 섹션 조합커뮤니티 시작 **********************************************************************************************************************/ .section_community .left_area {padding-right:10px} .section_community .right_area {padding-left:10px} .section_community .util_btn:after {content:"";clear:both;display:block} .section_community .util_btn a > div {float:left;padding:40px 30px;margin-right:20px;width:420px;border:1px solid #E7E7E7;background-color:#F7F7F7;cursor:pointer} .section_community .util_btn a > div .title {font-size:26px} .section_community .util_btn a > div .body {margin-top:10px;font-size:16px;font-weight:300} .section_community .util_btn .notice {background:#F7F7F7 url("/images/site/icon/community_icon_notice.png") no-repeat 330px 35px} .section_community .util_btn .board {margin-right:0;background:#F7F7F7 url("/images/site/icon/community_icon_person.png") no-repeat 330px 35px} .section_community .community_news:after {content:"";clear:both;display:block} .section_community .community_news h2 {float:left;font-size:18px;color:#295879} .section_community .community_news a {float:right;font-size:15px;line-height:18px;color:#AEAEAE} .member_info {padding:30px 20px;background-color:#F7F7F7} .member_info .name {font-size:18px;line-height:26px;color:#777} .member_info .name span {color:#000} .member_info .grade {margin-top:20px;padding:20px 0;border:1px solid #E7E7E7;border-left:0;border-right:0;font-size:17px;color:#777} .member_info .grade span {color:#000} .member_info .btn_support {margin-top:20px;padding:12px 0;font-size:16px;color:#FFF;background-color:#6b89e5;text-align:center;cursor:pointer} .member_info .btn_my {margin-top:20px} .member_info .btn_my:after {content:"";clear:both;display:block} .member_info .btn_my li {float:left;padding:8px;width:50%;border:1px solid #E7E7E7;background-color:#FFF;text-align:center;color:#888;font-weight:300;cursor:pointer} .member_info .explain {font-size:18px;line-height:26px;color:#000; margin-bottom:15px;} .member_info .login_form:after {content:''; clear:both; display:block;} .member_info .login_form .left {float:left; width:150px; } .member_info .login_form .left .ipt_id {width:100%; height:50px; line-height:48px; padding:0 15px; border-left:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; color:#000;} .member_info .login_form .left .ipt_pw {width:100%; height:50px; line-height:47px; padding:0 15px; border-left:1px solid #e7e7e7; border-top:0; border-bottom:1px solid #e7e7e7; color:#000;} .member_info .login_form .right {float:right; width:90px;} .member_info .login_form .right .btn_login {width:90px; height: 100px; line-height:100px; color:#fff; font-size:18px; text-align:center; border:0; background:#423499; cursor:pointer;} .member_info .login_form_bottom {line-height:50px; height:50px;} .member_info .login_form_bottom .split {display:inline-block; width:1px; height:14px; background:#dedede; margin:0 6px 0 10px; vertical-align: middle;} .member_info .login_form_bottom a {font-weight:300; font-size:15px; color:#888; vertical-align: middle;} .member_info .login_form_bottom .checkbox input[type="checkbox"] + label {font-size:15px; color:#888; font-weight:300; vertical-align: middle;} .member_info .login_form_bottom .checkbox input[type="checkbox"] + label:before {border:1px solid #e7e7e7; background:#ffffff;} .member_info .login_form_bottom .checkbox input[type="checkbox"]:checked + label:before {border-color:#4c9bfb; background-image: url(/images/admin/icon/checkbox_arw.png); background-repeat: no-repeat; background-position: center;} .member_info .btn_join_member {display:block; width:100%; height:40px; line-height:38px; color:#304087; border:1px solid #304087; background:#fff; font-size:16px; text-align:center; margin-bottom:6px;} .member_info .btn_join_member:hover {color:#fff; background:#304087;} /* 커뮤니티 게시판 시작 */ .community_forum .thumb_list {margin:0 -10px -10px} .community_forum .thumb_list:after {content:"";clear:both;display:block} .community_forum .thumb_list li {float:left;padding:10px;width:25%} .community_forum .thumb_list li .box {width:100%;border:1px solid #d7d7d7} .community_forum .thumb_list li .box .thumb {width:100%;height:130px;background-color:#333;overflow:hidden;text-align:center} .community_forum .thumb_list li .box .thumb a {display:inline-block;width:100%;height:100%} .community_forum .thumb_list li .box .thumb img {height:100%} .community_forum .thumb_list li .box .title {padding:10px;border-top:1px solid #d7d7d7;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .community_forum .thumb_list li .box .title a {font-size:16px} .community_forum .forum_show_box .top {height:60px;border-top:2px solid #000} .community_forum .forum_show_box .top.border_none {border:none} .community_forum .forum_show_box .top .title {padding:0 20px;font-size:32px;letter-spacing:-0.05em;line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .community_forum .forum_show_box .top input.title {border:1px solid #d7d7d7} .community_forum .forum_show_box .top .util {float:right} .community_forum .forum_show_box .top .util:after {content:"";clear:both;display:block} .community_forum .forum_show_box .top .util li {float:left;padding-left:15px;line-height:60px;font-size:16px;text-align:right;cursor:pointer} .community_forum .forum_show_box .box {position:relative;padding:30px 0;border-top: 1px solid #d7d7d7; font-size:16px; line-height:1.3em;} .community_forum .forum_show_box .box.border_none {border:none} .community_forum .forum_show_box .box .byinfo {padding:0 10px;margin-bottom:10px;text-align:right} .community_forum .forum_show_box .box .byinfo span {position:relative;padding:0 10px;font-size:16px; line-height:1.3em;} .community_forum .forum_show_box .box .byinfo span:first-child:after {display:none} .community_forum .forum_show_box .box .byinfo span:after {content:"";position:absolute;left:0;top:4px;width:1px;height:12px;background-color:#000;} .community_forum .forum_show_box .box .title {margin-top:20px;font-size:16px;line-height:36px;letter-spacing:-0.05em} .community_forum .forum_show_box .box .body {padding:10px 20px; font-size: 18px; line-height: 36px; letter-spacing: -0.05em; font-weight: 300;} .community_forum .forum_show_box .box .body p {font-size: 18px; line-height: 36px; letter-spacing: -0.05em; font-weight: 300;} .community_forum .forum_show_box .box > p {font-size: 18px; line-height: 36px; letter-spacing: -0.05em; font-weight: 300;} .community_forum .forum_show_box .box .body div {font-size: 18px; line-height: 36px; letter-spacing: -0.05em; font-weight: 300;} .community_forum .forum_show_box .box .body span {font-size: 18px; line-height: 36px; letter-spacing: -0.05em; font-weight: 300;} .community_forum .forum_show_box .box textarea.body {width:100%;height:450px;resize:none;border:none;border:1px solid #d7d7d7} .community_forum .forum_show_box .box .file_download {padding:0 20px;margin-top:30px;font-size:16px} .community_forum .forum_show_box .box .file_download a {color:#6b89e5} .community_forum .forum_show_box .box .body img {max-width: 100%; margin-bottom: 10px} .community_forum .forum_show_box .box .body a {color:#0000ee; text-decoration:underline;} .community_forum .forum_show_box .box .body a:visited {color:#551A8B;} .community_forum .forum_show_box .page_control {height:60px;border:1px solid #d7d7d7;border-left:0;border-right:0;text-align:center} .community_forum .forum_show_box .page_control:after {content:"";clear:both;display:block} .community_forum .forum_show_box .page_control div {line-height:60px;font-size:16px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .community_forum .forum_show_box .page_control .btn_prev {float:left;padding:0 30px 0 40px;width:45%;} .community_forum .forum_show_box .page_control .btn_next {float:right;padding:0 40px 0 30px;width:45%} .community_forum .forum_show_box .page_control .btn_list {display:inline-block} .community_forum .forum_show_box .util {padding:0 20px;height:60px;border:1px solid #d7d7d7;border-left:0;border-right:0;text-align:center} .community_forum .forum_show_box .util:after {content:"";clear:both;display:block} .community_forum .forum_show_box .util .btn_list {float:left;line-height:60px;font-size:16px;cursor:pointer} .community_forum .forum_show_box .util .btn_list a {font-size:16px;} .community_forum .forum_show_box .util .util_list {float:right} .community_forum .forum_show_box .util .util_list:after {content:"";clear:both;display:block} .community_forum .forum_show_box .util .util_list li {float:left;padding-left:15px;line-height:60px;font-size:16px;cursor:pointer} .community_forum .forum_show_box .util .util_list li button {background:transparent; border:0; font-size:16px; cursor:pointer;} .community_forum .forum_show_box .util .util_list li a {font-size:16px;} .community_forum .forum_show_box .confirm_btn_list {width:100%;text-align:center} .community_forum .forum_show_box .confirm_btn_list li {display:inline-block;margin:0 10px;width:120px;height:40px;line-height:40px;font-size:16px;cursor:pointer; vertical-align: middle;} .community_forum .forum_show_box .confirm_btn_list li.btn_confirm {background-color:#6b89e5;color:#fff; cursor:pointer;} .community_forum .forum_show_box .confirm_btn_list li.btn_confirm button {display:block; background: transparent; width:100%; height:100%; border:0; color:#fff; font-size:16px;} .community_forum .forum_show_box .confirm_btn_list li.btn_cancel {border:1px solid #d7d7d7} .community_forum .forum_show_box .confirm_btn_list li.btn_cancel a {display:block; line-height:38px; width:100%;} .community_forum .forum_show_box .comment_txt {font-size: 16px; line-height: 1.8em; letter-spacing: -0.05em; font-weight: 300;} .community_forum .board_row {line-height:50px;} .community_forum .board_row .col_head {display:inline-block; line-height:50px; width:80px; font-size:17px;} .bbs_comment {font-size:16px; line-height:1.3em;} .bbs_comment h2 {padding:10px 10px;} .bbs_comment span {font-size:16px; line-height:1.3em;} .bbs_comment label {font-size:16px; line-height:1.3em;} /* 커뮤니티 게시판 끝 */ /********************************************************************************************************************* 섹션 조합커뮤니티 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 섹션 함께자리 시작 **********************************************************************************************************************/ .section_together .left_area {padding-right:30px} .section_together .right_area {padding-left:30px} .section_together .tab_nav {border:1px solid #E7E7E7;border-left:0;border-right:0} .section_together .tab_nav:after {content:"";clear:both;display:block} .section_together .tab_nav li {position:relative;float:left;width:14.28%;text-align:center} .section_together .tab_nav li a {display:block;padding-top:20px;font-size:18px;color:#AEAEAE;height:60px} .section_together .tab_nav li.two_line a {padding-top:12px} .section_together .tab_nav li:after {content:"";position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#E7E7E7} .section_together .tab_nav li:last-child:after {display:none} .section_together .tab_nav li.on a {border-bottom:2px solid #000;color:#000} /********************************************************************************************************************* 섹션 함께자리 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 섹션 함께자리 리스트 시작 **********************************************************************************************************************/ .section_together_list .slogan_box {position:relative;padding:40px;border:2px solid #E9E9E9} .section_together_list .slogan_box h2 {font-size:28px} .section_together_list .slogan_box .describe {margin-top:25px;font-size:16px;line-height:26px;color:#888;font-weight:300} .section_together_list .slogan_box .btn_box {position:absolute;right:40px;top:40px;} .section_together_list .slogan_box .btn_box:after {content:"";clear:both;display:block} .section_together_list .slogan_box .btn_box > div {float:left;margin-left:10px;width:35px;height:35px;overflow:hidden;cursor:pointer} /********************************************************************************************************************* 섹션 함께자리 리스트 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 섹션 기사제보 시작 **********************************************************************************************************************/ .section_tip_off .section_tip_off_title {margin-bottom:30px;font-size:35px} .section_tip_off .section_tip_off_title span {font-size:18px;color:#777} .section_tip_off .section_tip_off_title span b {color:#000} /* 기사제보 :: 기사제보 탭 시작 */ .tab_tip_off {margin-top:45px;width:590px} .tab_tip_off:after {content:"";clear:both;display:block} .tab_tip_off li {float:left;width:33.33%;font-size:18px;font-weight:300;color:#AEAEAE;text-align:center;line-height:56px;border:1px solid #E7E7E7;cursor:pointer} .tab_tip_off li.on {color:#fff;background-color:#6b89e5} .tab_tip_off_box .tab_content.tab_first {display:block} .tab_tip_off_box .tab_content {display:none} /* 기사제보 :: 기사제보 탭 끝 */ .section_tip_off .slogan_box {padding-top:100px;width:100%;height:280px;background:url("/images/site/common/tip_off_slogan_bg.png") no-repeat;text-align:center} .section_tip_off .slogan_box .title {font-size:30px;color:#fff} .section_tip_off .slogan_box .body {font-size:24px;color:#fff} .section_tip_off .agree_box h3 {font-size:17px} .section_tip_off .agree_box .content {padding:35px;border:1px solid #d7d7d7;font-size:17px;line-height:30px} .section_tip_off .agree_box .content b {font-size:18px;font-weight:bold} /********************************************************************************************************************* 섹션 기사제보 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 섹션 문의하기 시작 **********************************************************************************************************************/ .section_inquiry .section_inquiry_title {margin-bottom:30px;font-size:35px} .section_inquiry .section_inquiry_title span {font-size:18px;color:#777} .section_inquiry .section_inquiry_title span b {color:#000} /* 문의하기 :: 문의하기 탭 시작 */ .tab_inquiry {margin-top:45px;width:590px} .tab_inquiry:after {content:"";clear:both;display:block} .tab_inquiry li {float:left;width:33.33%;font-size:18px;font-weight:300;color:#AEAEAE;text-align:center;line-height:56px;border:1px solid #E7E7E7;cursor:pointer} .tab_inquiry li.on {color:#fff;background-color:#6b89e5} .tab_inquiry_box .tab_content.tab_first {display:block} .tab_inquiry_box .tab_content {display:none} /* 문의하기 :: 문의하기 탭 끝 */ /********************************************************************************************************************* 섹션 문의하기 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 리스트 오피니언 시작 **********************************************************************************************************************/ .list_opinion .left_area {padding-right:30px} .list_opinion .right_area {padding-left:30px} /********************************************************************************************************************* 리스트 오피니언 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 리스트 미디어 시작 **********************************************************************************************************************/ .list_media .left_area {padding-right:30px} .list_media .right_area {padding-left:30px} /********************************************************************************************************************* 리스트 미디어 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 로그인 시작 **********************************************************************************************************************/ .membership_login {margin:0 auto;width:390px;overflow:hidden} .membership_login:after {content:"";clear:both;display:block} .membership_login .title_box h1 {text-align:center} .membership_login .title_box h1 img {max-width:250px; cursor:pointer} .membership_login .form_box {width:100%} .membership_login .form_box .input_box .box > input {display:inline-block;padding:0 15px;width:100%;height:50px;font-size:15px;color:#888;line-height:48px;border:1px solid #E9E9E9} .membership_login .form_box .input_box .box .error-wrap .error-txt {font-size:13px;line-height:20px;color:#ff3600} .membership_login .form_box .input_box .btn_login {display:inline-block;width:100%;height:55px;font-size:18px;color:#FFF;letter-spacing:-0.005em;border:0;background-color:#6b89e5;cursor:pointer} .membership_login .form_box .util .chk_box {display:inline-block} .membership_login .form_box .util .chk_box input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .membership_login .form_box .util .chk_box input[type="checkbox"] + label {position:relative;display:inline-block;font-size:15px;color:#888;font-weight:300;line-height:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;} .membership_login .form_box .util .chk_box input[type="checkbox"] + label:before {content:"";display:inline-block;width:17px;height:17px;line-height:17px;margin:-2px 8px 0 0; text-align:center;vertical-align:middle;border:1px solid #CCC} .membership_login .form_box .util .chk_box input[type="checkbox"]:checked + label:before {content:"\2714";color:#6b89e5} .membership_login .form_box .util .info_find {position:relative;display:inline-block;margin-left:10px;padding-left:10px} .membership_login .form_box .util .info_find:after {content:"";position:absolute;left:0;top:2px;width:1px;height:15px;background-color:#DEDEDE} .membership_login .form_box .util .info_find a {font-size:15px;line-height:18px;color:#888;font-weight:300} .membership_login .form_box .util .join {position:relative;display:inline-block;margin-left:10px;padding-left:10px} .membership_login .form_box .util .join:after {content:"";position:absolute;left:0;top:2px;width:1px;height:15px;background-color:#DEDEDE} .membership_login .form_box .util .join a {font-size:15px;line-height:18px;color:#888;font-weight:300} .membership_login .btn_box > button {width:100%;height:50px;font-size:16px;color:#565656;line-height:48px;text-align:center;border:1px solid #d7d7d7;background:none;cursor:pointer} .membership_login .btn_box > button img {margin-top:-5px;vertical-align:middle} .membership_login .btn_box .notice {font-size:13px;line-height:18px;color:#afafaf;letter-spacing:-0.08em} .membership_login .btn_box .notice span {display:inline-block;padding-bottom:8px} .membership_login .slogan {padding:40px;width:100%;height:154px;font-size:24px;line-height:36px;color:#fff;background:url("/images/site/common/membership_login_describe_bg.png") no-repeat;font-weight:100;letter-spacing:-0.05em} .membership_login .slogan span {font-weight:400} /********************************************************************************************************************* 멤버쉽 로그인 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 비밀번호 변경 안내 시작 **********************************************************************************************************************/ .membership_password_change > h2.title {font-size:34px; color:#000; font-weight:400; margin-bottom:20px;} .membership_password_change > .subtitle {font-size:17px; color:#000; margin-bottom:50px;} .membership_password_change .table {padding:35px 50px 35px 110px;} .membership_password_change .describe {font-size:15px; color:#848484; line-height:20px; font-weight:300; margin:22px 0 24px 0;} /********************************************************************************************************************* 멤버쉽 비밀번호 변경 안내 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 아이디, 비밀번호 찾기 시작 **********************************************************************************************************************/ .membership_info_find .title_box h2 {font-size:35px} .membership_info_find .title_box p {margin-top:30px;font-size:18px;color:#888;font-weight:300} .membership_info_find .tab_nav {margin-bottom:30px;width:590px} .membership_info_find .tab_nav:after {content:"";clear:both;display:block} .membership_info_find .tab_nav li {float:left;width:33.33%;font-size:18px;font-weight:300;color:#AEAEAE;text-align:center;line-height:56px;border:1px solid #E7E7E7;cursor:pointer} .membership_info_find .tab_nav li a {display:block; line-height:56px; height:56px; color:#AEAEAE;} .membership_info_find .tab_nav li.on {color:#fff;background-color:#6b89e5; border:1px solid #6b89e5;} .membership_info_find .tab_nav li.on a {display:block; line-height:56px; height:56px; color:#fff;background-color:#6b89e5} .membership_info_find .tab_content_box .tab_content {display:none} .membership_info_find .tab_content_box .tab_content:first-child {display:block} .membership_info_find .form_box {padding:80px 0;border:2px solid #E9E9E9} .membership_info_find .form_box .input_box input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .membership_info_find .form_box .input_box label {font-size:18px; letter-spacing:0} .membership_info_find .form_box .input_box input[type="radio"] + label {position:relative;padding-left:24px; margin-left:0; display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none} .membership_info_find .form_box .input_box input[type="radio"] + label:before {content:"";position:absolute;left:0;top:0;width:16px;height:16px;text-align:center;border:1px solid #CCC;border-radius:50%;} .membership_info_find .form_box .input_box input[type="radio"]:checked + label:after {content:"";position:absolute;top:5px;left:5px;width:8px;height:8px;background:#17A6B6;border-radius:50%;} .membership_info_find .form_box .input_box {padding-bottom:30px;margin:0 auto;margin-bottom:60px;width:540px;} .membership_info_find .form_box .input_box:last-child {border-bottom:0;margin-bottom:0;padding-bottom:0} .membership_info_find .form_box .input_box h3 {margin-bottom:20px;font-size:18px} .membership_info_find .form_box .input_box p {margin:15px; font-size:16px;} .membership_info_find .form_box .input_box input[type=text] {display:block;padding:0 15px;width:100%;font-size:15px;color:#888;line-height:50px;height:50px;border:1px solid #E9E9E9} .membership_info_find .form_box .input_box input[type=password] {display:block;padding:0 15px;width:100%;font-size:15px;color:#888;line-height:50px;height:50px;border:1px solid #E9E9E9} .membership_info_find .form_box .input_box input[type=text].bt0 {border-top:0} .membership_info_find .form_box .input_box input[type=password].bt0 {border-top:0} .membership_info_find .form_box .input_box .with_btn:after {content:''; clear:both; display:block;} .membership_info_find .form_box .input_box .with_btn input[type=text] {float:left; width:420px; } .membership_info_find .form_box .input_box .with_btn .btn_cert {float:right; width:120px; height:50px; line-height:50px; text-align:center; background-color:#6b89e5;color:#FFF;cursor:pointer; border:0; } .membership_info_find .form_box .input_box .id_box {border:1px solid #333; height:100px; line-height:98px; width:100%; text-align:center; font-size:24px; color:#000;} .membership_info_find .form_box .input_box .alert_wrap {position:relative;} .membership_info_find .form_box .input_box .alert_wrap span {position:absolute;} .membership_info_find .form_box .input_box .alert_wrap span.blue {color:#0000ff;} .membership_info_find .form_box .input_box .alert_wrap span.red {color:#ff0000;} .membership_info_find .form_box .input_box .alert_wrap span.pw_alert {left: 550px; width: 235px; top: 50%; margin-top: -16px;} .membership_info_find .form_box .input_box .alert_wrap span.pw_chk_alert {left: 550px; width: 235px; top: 50%; margin-top: -9px;} .membership_info_find .form_box .input_box .btn_purple {margin:0 auto;margin-top:30px;display:block;width:160px;height:55px;line-height:55px;text-align:center;border:0;background-color:#477AB2;color:#FFF;cursor:pointer} .membership_info_find .form_box .input_box .btn_grey {margin:0 auto;margin-top:30px;display:block;width:160px;height:55px;line-height:55px;text-align:center;border:0;background-color:#d1d1d1;color:#FFF;cursor:pointer} .membership_info_find .form_box .input_box .btn_box .btn_purple, .membership_info_find .form_box .input_box .btn_box .btn_grey {display:inline-block; margin:30px 10px;} .membership_info_find .form_box .input_box .describe {margin-top:30px;padding:40px 30px;font-size:17px;line-height:25px;font-weight:300;background-color:#F7F7F7} /********************************************************************************************************************* 멤버쉽 아이디, 비밀번호 찾기 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 회원가입 - 가입인증 시작 **********************************************************************************************************************/ /* 회원가입 인증 순서 리스트 시작*/ .join_stage_lists:after {content:"";clear:both;display:block} .join_stage_lists li {position:relative;float:left;width:33.333%;border:1px solid #d7d7d7} .join_stage_lists.five li {width:20%;} .join_stage_lists.four li {width:25%;} .join_stage_lists.three li {width:33.333%;} .join_stage_lists.two li {width:50%;} .join_stage_lists li:after {content:"";position:absolute;top:0;right:-40px;width:41px;height:80px;background:url("/images/site/icon/r_arrow.png") no-repeat;z-index:10;} .join_stage_lists li.on {background-color:#6b89e5} .join_stage_lists li.on:after {background:url("/images/site/icon/r_arrow_blue.png") no-repeat} .join_stage_lists li:last-child:after {background:none} .join_stage_lists li.on:last-child:after {background:none} .join_stage_lists li p {padding-left:20px;height:80px;line-height:78px;font-size:21px;text-align:center;font-weight:300} .join_stage_lists li.on p {color:#FFF;} /* 회원가입 인증 순서 리스트 끝*/ /* 가입 설명 시작 */ .membership_join_certification .descirbe {margin-top:65px} .membership_join_certification .descirbe p {text-align:center} .membership_join_certification .descirbe p.title {font-size:24px} .membership_join_certification .descirbe p.body {margin-top:20px;font-size:16px;line-height:24px;font-weight:300} /* 가입 설명 끝 */ /* 휴대폰 인증 시작 */ .membership_join_certification .phone_certification {margin:0 auto;margin-top:65px;width:500px;height:400px;border:2px solid #E9E9E9;background:url("/images/site/icon/phone.png") no-repeat center 100px;text-align:center} .membership_join_certification .phone_certification .title {margin-top:38px;font-size:28px;} .membership_join_certification .phone_certification .body {margin-top:160px;font-size:17px;font-weight:300} .membership_join_certification .phone_certification .btn {margin:0 auto;margin-top:52px;width:160px;height:55px;line-height:55px;font-size:18px;text-align:center;color:#FFF;background-color:#6b89e5;cursor:pointer} /* 휴대폰 인증 끝 */ /********************************************************************************************************************* 멤버쉽 회원가입 - 가입인증 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 회원가입 - 약관 동의 시작 **********************************************************************************************************************/ .membership_join_agreement .intro {padding:90px 50px;width:100%;height:250px;font-size:28px;line-height:40px;color:#FFF;font-weight:300;overflow:hidden;background:url("/images/site/common/membership_join_agreement_bg.png") no-repeat;background-size:cover} .membership_join_agreement .box h3 {font-size:18px} .membership_join_agreement .box .terms, .membership_join_agreement .box .resolution {margin-top:25px;width:100%;height:345px;font-size:17px;line-height:25px;font-weight:300;overflow-y:auto} .membership_join_agreement .box .resolution {padding:48px;border:2px solid #E9E9E9} .membership_join_agreement .box .terms {padding:50px;background-color:#F7F7F7} .membership_join_agreement .box .terms .title {font-size:20px} .membership_join_agreement .box .terms .chapter {font-size:24px} .membership_join_agreement .box .terms .sub_chapter {font-size:17px;line-height:36px} .membership_join_agreement .box .chk_box {position:relative;float:left;margin-top:20px} .membership_join_agreement .box .chk_box input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .membership_join_agreement .box .chk_box input[type="checkbox"] + label {position:relative;display:inline-block;font-size:17px;color:#888;font-weight:300;line-height:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;} .membership_join_agreement .box .chk_box input[type="checkbox"] + label:before {content:"";display:inline-block;width:18px;height:18px;line-height:18px;margin:-2px 8px 0 0; text-align:center;vertical-align:middle;border:1px solid #CCC} .membership_join_agreement .box .chk_box input[type="checkbox"]:checked + label:before {content:"\2714";color:#CCC} .membership_join_agreement .btn_next {margin:0 auto;width:160px;height:55px;line-height:55px;font-size:18px;text-align:center;color:#FFF;background-color:#6b89e5;cursor:pointer} .membership_info_input .slt {font-size:13px;} /********************************************************************************************************************* 멤버쉽 회원가입 - 약관 동의 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 회원가입 - 정기 후원회원/조합원 입력 시작 **********************************************************************************************************************/ .membership_join_member_input .regular_input .regular_input_title {margin-bottom:20px;font-size:24px} .membership_join_member_input .regular_input .regular_input_title span {font-size:15px;color:#848484} .membership_join_member_input .regular_input .regular_input_title span b {color:#000} .membership_join_member_input .regular_input .top .describe {font-size:15px;color:#848484} .membership_join_member_input .partner_input .partner_input_title {margin-bottom:20px;font-size:24px} .membership_join_member_input .partner_input .partner_input_title span {font-size:15px;color:#848484} .membership_join_member_input .partner_input .partner_input_title span b {color:#000} .membership_join_member_input .partner_input .top .describe {font-size:15px;color:#848484} /********************************************************************************************************************* 멤버쉽 회원가입 - 정기 후원회원/조합원 입력 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 - 회원가입 완료 시작 **********************************************************************************************************************/ /* 회원가입 완료 메시지 시작 */ .membership_join_success .ad_title {font-size:30px;text-align:center} .membership_join_success .success_message {padding:45px 0;border:1px solid #ebebeb;text-align:center} .membership_join_success .success_message .title {font-size:30px} .membership_join_success .success_message .sub_title {margin-top:20px;font-size:16px} .membership_join_success .success_message .body {margin-top:35px;font-size:20px;line-height:28px;color:#6b89e5} /* 회원가입 완료 메시지 끝 */ /* 정기 후원회원 /조합원 시작 */ .membership_join_success .box_regular:after {content:"";clear:both;display:block} .membership_join_success .box_regular > div {float:left;padding:50px 0;margin-left:40px;width:570px; height:400px; border:2px solid #E9E9E9;text-align:center} .membership_join_success .box_regular.three > div {width:370px; margin-left:35px;} .membership_join_success .box_regular > div.sponsor {background:#eef2ff; border:0;} .membership_join_success .box_regular > div:first-child {margin:0} .membership_join_success .box_regular > div .title {font-size:28px} .membership_join_success .box_regular > div .body {margin-top:30px;font-size:18px;font-weight:300;line-height:30px} .membership_join_success .box_regular > div .btn {margin:0 auto;width:160px;height:65px;line-height:65px;font-size:18px;color:#FFF;background-color:#6b89e5} /* 정기 후원회원 /조합원 끝 */ /********************************************************************************************************************* 멤버쉽 - 회원가입 완료 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 - 회원가입 휴면계정 시작 **********************************************************************************************************************/ .membership_dormancy .title {font-size:34px;line-height:45px;text-align:center} .membership_dormancy .body {font-size:17px;line-height:30px;text-align:center} /********************************************************************************************************************* 멤버쉽 - 회원가입 휴면계정 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 마이페이지 시작 **********************************************************************************************************************/ /* 마이페이지 :: 탭 시작 */ .membership_mypage .membership_mypage_title {margin-bottom:30px;font-size:35px} .membership_mypage .membership_mypage_title span {font-size:18px;color:#777} .membership_mypage .membership_mypage_title span b {color:#000} .membership_mypage .tab_mypage {width:100%} .membership_mypage .tab_mypage:after {content:"";clear:both;display:block} .membership_mypage .tab_mypage li {float:left;width:33.33%;font-size:18px;font-weight:300;color:#AEAEAE;text-align:center;line-height:56px;border:1px solid #E7E7E7;cursor:pointer} .membership_mypage .tab_mypage li a {display:block; height:56px; line-height:56px; color:#aeaeae; font-size:18px;} .membership_mypage .tab_mypage li.on {color:#6b89e5;border-color:#6b89e5} .membership_mypage .tab_mypage li.on a {display:block; height:56px; line-height:56px; color:#6b89e5;border-color:#6b89e5} .membership_mypage .tab_mypage.four li {width:25%;} .tab_mypage_box .tab_content.tab_first {display:block} .tab_mypage_box .tab_content {display:none} /* 마이페이지 :: 탭 끝 */ /* 마이페이지 :: 정보 변경 본인인증 / 멤버십 가입 이동 시작 */ .certification_membership > form > .title {line-height:75px;font-size:18px} .certification_membership .certification_box {padding:100px 110px;border:1px solid #ebebeb} .certification_membership .certification_box:after {content:"";clear:both;display:block} .certification_membership .certification_box .title {float:left;font-size:17px;line-height:50px} .certification_membership .certification_box .ipt {float:left;margin-left:80px;margin-right:20px;padding:10px;width:520px;height:50px;border:1px solid #acacac} .certification_membership .certification_box .btn {float:left;width:150px;line-height:50px; height:50px; color:#fff;font-size:18px;background:#6b89e5;border:none;cursor:pointer} .certification_membership .certification_box .error_text {clear:both;padding-top:15px;margin-left:145px;font-size:15px;color:#ff0000} .membership_box > .title {margin-bottom:50px;font-size:30px;text-align:center} .membership_box .lists:after {content:"";clear:both;display:block} .membership_box .lists li {float:left;width:50%} .membership_box .lists li:first-child {padding-right:20px} .membership_box .lists li:last-child {padding-left:20px} .membership_box .lists li .box {padding:30px 0;border:1px solid #e9e9e9;text-align:center} .membership_box .lists li .box.sponser {background: #eef2ff; border: 0;} .membership_box .lists li .box .title {font-size:28px} .membership_box .lists li .box .body {margin-top:20px;font-size:18px;min-height:180px;line-height:30px;font-weight:300} .membership_box .lists li .box .btn {margin-top:25px;width:150px;height:55px;font-size:18px;color:#fff;background:#6b89e5;border:none;cursor:pointer} .membership_box .lists li .box .btn a {display:block; color:#fff; font-size:18px;} /* 마이페이지 :: 정보 변경 본인인증 / 멤버십 가입 이동 끝 */ /* 마이페이지 :: 정보변경 탭 시작 */ .tab_info_change {margin-top:45px;width:590px} .tab_info_change:after {content:"";clear:both;display:block} .tab_info_change li {float:left;width:33.33%;font-size:18px;font-weight:300;color:#AEAEAE;text-align:center;line-height:56px;border:1px solid #E7E7E7;cursor:pointer} .tab_info_change li a {display:block; line-height:56px; height:56px; color:#AEAEAE;} .tab_info_change li.on {color:#fff;background-color:#6b89e5; border:1px solid #6b89e5;} .tab_info_change li.on a {display:block; line-height:56px; height:56px; color:#fff;background-color:#6b89e5} /* 마이페이지 :: 정보변경 탭 끝 */ /* 마이페이지 :: 납부정보 탭 시작 */ .tab_info_change_box .top .describe {font-size:15px;color:#848484} /* 마이페이지 :: 납부정보 탭 끝 */ /* 마이페이지 :: 탈퇴 탭 시작 */ .secession .secession_type .secession_lists:after {content:"";clear:both;display:block} .secession .secession_type .secession_lists li {float:left;width:50%} .secession .secession_type .secession_lists li:first-child {padding-right:20px} .secession .secession_type .secession_lists li:last-child {padding-left:20px} .secession .secession_type .secession_lists li .box {padding:50px 0;border:2px solid #e9e9e9;text-align:center} .secession .secession_type .secession_lists li .box .title {font-size:28px} .secession .secession_type .secession_lists li .box .body {font-size:18px;line-height:25px} .secession_confirm .notice_box {padding:45px 0;border:2px solid #e9e9e9;text-align:center} .secession_confirm .notice_box .title {font-size:28px} .secession_confirm .notice_box .body {font-size:18px;line-height:30px;font-weight:300} .secession_confirm .notice_box .btn {margin-top:25px;width:150px;height:55px;font-size:18px;color:#fff;background:#6b89e5;border:none;cursor:pointer} .secession_confirm .notice_box .btn a {display:block; color:#fff; font-size:18px; height:55px; line-height:55px;} /* 마이페이지 :: 탈퇴 탭 끝 */ /* 마이페이지 :: 결과 패널 시작 */ .result_panel {padding:45px 0;border:2px solid #e9e9e9;text-align:center} .result_panel .title {font-size:34px;letter-spacing:-0.05em} .result_panel .body {font-size:17px;line-height:30px;letter-spacing:-0.05em} .result_panel .body.text_decoration {text-decoration:underline} .result_panel .describe {font-size:17px;line-height:30px;left:-0.05em;color:#a0a0a0} /* 마이페이지 :: 결과 패널 끝 */ /* 마이페이지 :: 나의 게시글 탭 시작 */ .tab_my_board {margin-top:45px;width:590px} .tab_my_board:after {content:"";clear:both;display:block} .tab_my_board li {float:left;width:33.33%;font-size:18px;font-weight:300;color:#AEAEAE;text-align:center;line-height:56px;border:1px solid #E7E7E7;cursor:pointer} .tab_my_board li a {display:block; font-size:18px; line-height:56px; height:56px; color:#aeaeae;} .tab_my_board li.on {color:#fff;background-color:#6b89e5; border:1px solid #6b89e5;} .tab_my_board li.on a {display:block; font-size:18px; line-height:56px; height:56px; color:#fff;background-color:#6b89e5} /* 마이페이지 :: 나의 게시글 탭 끝 */ /* 마이페이지 :: 나의 게시글 시작 */ .top_util .number {display:inline-block;font-size:18px;line-height:40px} .top_util .box {float:right} .top_util .box .btn {display:inline-block;border:none;min-width:75px;height:40px;line-height:40px;color:#fff;font-size:15px;cursor:pointer;vertical-align:top} .top_util .box .btn.bg_blue {background-color:#6b89e5} .top_util .box .btn.bg_darkgrey {background-color:#797979} .membership_mypage .chk_box {position:relative;} .membership_mypage .chk_box input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .membership_mypage .chk_box input[type="checkbox"] + label {position:relative;display:inline-block;font-size:17px;color:#888;font-weight:300;line-height:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;} .membership_mypage .chk_box input[type="checkbox"] + label:before {content:"";display:inline-block;width:18px;height:18px;line-height:18px;margin:-2px 8px 0 0; text-align:center;vertical-align:middle;border:1px solid #CCC} .membership_mypage .chk_box input[type="checkbox"]:checked + label:before {content:"\2714";color:#CCC} /* 마이페이지 :: 나의 게시글 끝 */ /* 마이페이지 :: 구독 리스트 시작 */ .subscribe_list .article_collection h3 {font-size:24px} .subscribe_list .article_collection .box_list {margin:0 -20px} .subscribe_list .article_collection .box_list:after {content:"";clear:both;display:block} .subscribe_list .article_collection .box_list > li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .subscribe_list .article_collection .box_list > li .box {position:relative;padding:50px 40px;background-color:#F7F8FA} .subscribe_list .article_collection .box_list > li .box h3 {font-size:24px} .subscribe_list .article_collection .box_list > li .box .article_list li {height:40px} .subscribe_list .article_collection .box_list > li .box .article_list li:after {content:"";clear:both;display:block} .subscribe_list .article_collection .box_list > li .box .article_list li .title {float:left;padding-left:10px;width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/icon/arl_icon_dot.png) no-repeat center left;} .subscribe_list .article_collection .box_list > li .box .article_list li .title a {font-size:18px;color:#444;font-weight:300} .subscribe_list .article_collection .box_list > li .box .article_list li .date {float:right;} .subscribe_list .article_collection .box_list > li .box .article_list li .date a {font-size:18px;color:#444;letter-spacing:0;font-weight:300} .subscribe_list .article_collection .box_list > li .box .del_btn {position:absolute;right:-7px;top:-7px;cursor:pointer} .subscribe_list .interest_reporter h3 {font-size:24px} .subscribe_list .interest_reporter .box_list {margin:0 -20px} .subscribe_list .interest_reporter .box_list:after {content:"";clear:both;display:block} .subscribe_list .interest_reporter .box_list > li {float:left;padding:0 20px;margin-bottom:30px;width:50%} .subscribe_list .interest_reporter .box_list > li .box {position:relative;padding:40px 30px;border:1px solid #E9E9E9} .subscribe_list .interest_reporter .box_list > li .box .reporter_info:after {content:"";clear:both;display:block} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .profile {float:left} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .profile .thumb {width:75px;height:75px;border-radius:50%;overflow:hidden} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .profile .thumb img {width:100%;height:100%} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .profile .name {margin-top:10px;font-size:15px;color:#555;text-align:center} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .util {float:right;width:400px} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .util .intro {height:46px;overflow:hidden} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .util .intro a {font-size:15px;line-height:23px} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .util .btn_box:after {content:"";clear:both;display:block} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .util .btn_box > div {float:left;padding:0 10px;border:1px solid #E7E7E7} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .util .btn_box > div a {font-size:15px;line-height:28px;font-weight:300} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .util .btn_box > div.portal {margin-left:10px;border:0;background-color:#00C73C} .subscribe_list .interest_reporter .box_list > li .box .reporter_info .util .btn_box > div.portal a {color:#FFF;letter-spacing:0} .subscribe_list .interest_reporter .box_list > li .box .lists li {height:40px;line-height:40px;padding-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/icon/arl_icon_dot.png) no-repeat center left} .subscribe_list .interest_reporter .box_list > li .box .lists li a {font-size:18px;color:#444;font-weight:300} .subscribe_list .interest_reporter .box_list > li .box .del_btn {position:absolute;right:-7px;top:-7px;cursor:pointer} /* 마이페이지 :: 구독 리스트 끝 */ /********************************************************************************************************************* 멤버쉽 마이페이지 끝 **********************************************************************************************************************/ /********************************************************************************************************************* 멤버쉽 이용안내 끝 **********************************************************************************************************************/ /* 이용안내 타이틀 / 탭 시작 */ .membership_info_use .membership_info_use_title {margin-bottom:30px;font-size:35px} .membership_info_use .tab_nav {width:100%} .membership_info_use .tab_nav:after {content:"";clear:both;display:block} .membership_info_use .tab_nav li {float:left;width:25%;font-size:18px;font-weight:300;color:#AEAEAE;text-align:center;line-height:56px;border:1px solid #E7E7E7;cursor:pointer} .membership_info_use .tab_nav li.on {color:#000;border-color:#000} .membership_info_use .tab_content_box .tab_content {display:none} .membership_info_use .tab_content_box .tab_content:first-child {display:block} /* 이용안내 타이틀 / 탭 끝 */ /* 이용안내 패널 시작 */ .membership_info_use .tab_content_box .tab_content .panel {padding:50px;background-color:#F7F7F7} .membership_info_use .tab_content_box .tab_content .panel h4 {font-size:20px} .membership_info_use .tab_content_box .tab_content .panel .title {font-size:17px} .membership_info_use .tab_content_box .tab_content .panel .sub_title {font-size:17px;line-height:48px;font-weight:300} .membership_info_use .tab_content_box .tab_content .panel .body {font-size:17px;line-height:28px;font-weight:300} /* 이용안내 패널 끝 */ /********************************************************************************************************************* 멤버쉽 이용안내 끝 **********************************************************************************************************************/ /* dropzone 시작 */ .dropzone {border:2px solid #d7d7d7;} .dropzone .dz-message { font-weight: 300 !important; letter-spacing: 0.5px; color: inherit !important; font-size: 28px !important; } /* dropzone 끝 */