@charset "utf-8";
/*@import "http://fonts.googleapis.com/earlyaccess/nanumgothic.css";*/
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
/* Font-Face */
/*
@font-face{
font-family:"Nanum Gothic";
src:url('../fonts/NanumGothic.eot');
src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('../fonts/NanumGothic.woff') format('woff'),
url('../fonts/NanumGothic.ttf') format('truetype');
url('../fonts/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('../fonts/NanumGothic.woff') format('woff');
}
*/
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v7-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* Font-Face */

/************************************************************************
 * 파일명      : style.css
 * 설명        : tistory blog css
 * 작성자      : sejin
 * 작성일      : 2012.01.28, 2014.03.17
 ************************************************************************/

 :root {
  --bs-point-color:#DE2243;
  --bs-point-color2:#272E39;
  --bg-color-100:#F7F6FA;
  --bg-color-200:#F5F6FA;
  --bg-color-300:#ECEBF0;
  --bg-color-400:#3b475d;
  --bline-color-100: #ECEBF0;
  --bline-color-200: #D6D9E1;
  --bline-color-300: #F2F2F2;
  --bline-color-400: #cccccc;
  --bline-color-500: #797979;
  --font-color-gray-100: #B7B8C3;
  --font-color-gray-200: #7c7c7c;
  --font-color-gray-300: #718291;
}

html {width:100%; height:100%; scroll-behavior:smooth;font-size:62.5%; }
body,textarea,input,select, button {font-family:'Noto Sans KR', sans-serif, Nanum Gothic,"나눔고딕",NanumGothic,"돋움",dotum,"굴림",Gulim; color:#000000; font-size: 1.6rem; font-weight: 400; line-height:2.6rem;-webkit-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;/* 뷰표트 변환시 폰트크기 자동확대 방지. */}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0; padding:0;}
ul,ol,li{list-style:none}
img, fieldset{border:none;padding:0; margin:0}
legend,caption{width:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; line-height:0;}
button{padding:0; margin:0; border:0; background:none; cursor:pointer; }
input {padding:3px; background:transparent; color:#000; vertical-align:top; border:0;}
input::placeholder {color: var(--font-color-gray-100);}
input[type="text"]:disabled {cursor: not-allowed; background-color:var(--bg-color-300) !important; color: var(--font-color-gray-100);}
input:focus {outline: none;}
select{padding:0; background:#fff; border:1px solid #ddd;}
textarea{font-size:12px; vertical-align:top; background:#fff; color:#555; border:0; padding:12px 14px;}
a {text-decoration:none; color:inherit; color:#000;}
a:hover {text-decoration:none; color: var(--bs-point-color);}
a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse;}
table td,table th{vertical-align:top;}
em{font-style:normal; font-weight:500;}
strong {font-weight: 500}
hr {display: block; height: 1px; background-color: var(--bg-color-300); border: 0; margin-top: 50px;}

.none{display:none}
.fl_left {float:left}
.fl_right {float:right}
.clb {clear:both}
.more {position:absolute;right:10px;top:15px;}
.more a:hover {text-decoration:underline;}
.block {display:block}
.t_black {color:#3a536d !important}
.t_gray {color: var(--font-color-gray-200)}
.t_gray2 {color:#c7c7c7}
.t_gray3 {color:#bfbec9}
.t_point {color:var(--bs-point-color)}
.t_red {color: var(--bs-point-color)}
.t_bold {font-weight: 500;}
figure {margin:0;padding:0}


/************************************************************************
 * 설명        : layout
************************************************************************/
/* 레이아웃 */
html{_overflow:hidden;height:100%}
body{width:100%;}
#wrap {width:1200px;height:100%;margin:0 auto;position:relative}
#container, #gnbWrap, #contentsWrap {clear:both; width:1200px; margin:0 auto; position:relative;}
#header .toplogoWrap {width:1200px; height:100%; margin:0 auto; clear:both; display:block;position:relative;left:0;top:0}
#header .toplogoWrap .logoimg {position:absolute;left:0;top:10px;}
#contentsWrap {position: relative; overflow:hidden;}
#sectionWrap {float:left;width:870px;overflow:hidden;margin-bottom:50px}
#articleSection {position: relative; float:left; width:870px;}
#asideSection {float:right; width:300px;overflow:hidden;position:relative;left:0;top:0;border-top:0;}
#container {width:100%; padding:0 0 30px;position:relative;}
#container:after{clear:both; display:block; content:''; *zoom:1;}
#container .sectionWrap{position:relative; width:100%;overflow:hidden;}/*padding-top:18px;*/
#container .sectionWrap.main {padding-top:15px;}
#container .sectionWrap:after{clear:both; display:block; content:''; _zoom:1;}
#container .mainSection{width:870px;position:relative}
#footer, #footer a {background-color:var(--bs-point-color2); color:#718291}
#topButton {position: fixed; left: 47%; transform: translate(-47%, 0); bottom: 30px; display: none; z-index: 1;}
#topButton img {width: 60px; filter: drop-shadow(3px 6px 6px #c3c3c3)}

#wrap, .wrap {position:relative; width:1200px; margin:auto;}
#header {width: 100%; position: sticky; top: 0; z-index: 2;}
#header:after{clear:both; display:block; content:''; *zoom:1;}
#header .topHead {display: flex; align-items: center; height: 65px; font-weight: 500; overflow:hidden; border-bottom: 1px solid var(--bline-color-100);background-color: #fff; }
#header h1 {position: relative; display: flex; align-items: center;}
#header h1 img {margin: 0 30px 0 10px;}
#header h1::before {display: block; content: ''; width:65px; height: 65px; background-color: var(--bs-point-color);}
.fixed-wrap-common {padding-top: 0; background-color: var(--bg-color-100); min-height: calc(100vh - 343px);}

/* gnb_new_text 2018-2-7*/
#header .gnbWrap {position: absolute; right: 200px; width: 650px ; overflow:hidden;}
#header .gnb {position:relative; margin:0 auto}
#header .gnb:after{clear:both; display:block; content:''; *zoom:1;}
#header .gnb li {float:left; position:relative;}
#header .gnb li .gnbLink, .asideGnb li .gnbLink {display:block; }
#header .gnb li .gnbLink span, .asideGnb li .gnbLink span {display:block; position:relative; z-index:1; font-size:1.8rem; padding: 20px 18px}
#header .gnb li.on {margin-left:0px;}
#header .gnb li.on .gnbLink {text-decoration: none;box-sizing: border-box; color: var(--bs-point-color);}
#header .gnb .twoDep {position:absolute; top:63px; left:-130px; width:1100px; overflow:hidden;}
#header .gnb .twoDep li a {display:block; padding:14px 15px;;font-size:15px;font-weight: 500; color:#222;}

/* 검색 */
.topSearch {width: 350px;}
.topSearch .today {color:#a7a7a7; text-align:right;margin-bottom:5px}
.topSearch .topSrchBox {position:relative; background-color: var(--bg-color-200); padding:0 46px 0 20px; height:45px; overflow:hidden; border-radius: 50px;}
.topSearch fieldset legend{display:none;}
.topSearch .topSrchBox input,.topSearch .topSrchBox select{border:0; padding:0;}
.topSearch .topSrchBox select{color:#888; width:75px;}
.topSearch .topSrchBox .inputSrch {width:90%; font-size:14px;padding: 10px; }
.topSearch .topSrchBox .btnTopSrch {position:absolute; top:0; right:5px; padding: 10px; width:45px; height:45px; text-indent:-9999px; background:url("../images/bl_ico_new.png") no-repeat -22px -281px; background-size:100px auto; cursor:pointer;}

/*테이블 검색*/
.tableSearch {position: relative;}
.tableSearch .searchWrap {display: flex; padding: 20px 60px;background-color: var(--bs-point-color2); border-radius: 20px;}
.tableSearch .searchWrap dl {display: flex; align-items: center; flex-grow: 1;}
.tableSearch .searchWrap dl dt {color: #fff; font-weight: 700; margin-right: 25px;}
.tableSearch .searchBox {position: relative; left: 0; top: 0;margin: 0}
.tableSearch .searchBox select {width: 150px; height: 100%; padding: 12px 20px; color: #fff; font-size: 1.4rem; background-color: var(--bg-color-400); background-image: url(../images/ico_select_arrow_w.png); background-size: 15px auto; background-repeat: no-repeat; background-position: 120px center; border: 0; border-radius: 50px; appearance: none;}
.tableSearch .inputBox {display: flex; align-items: center;}
.tableSearch .inputBox label {display: inline-block; margin-right: 10px; color: #fff;}
.tableSearch .inputBox input.inputSrch {width:60px; padding: 10px 20px; margin-right: 15px; border-radius: 50px; background-color: var(--bg-color-400); color: #fff;}
.tableSearch .btn-lg a, .btn-lg button, .tableSearch .btn-lg em {padding: 8px 40px}


/*박스형태 변형*/
.expect {border:1px solid #ddd;border-left:0;border-top:0}
.expect h3.title {background:#efefef;border-top:0; border-bottom:1px solid #ddd}
.expect li {border-bottom:1px solid #e7e7e7;padding:10px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.expect li:last-child {border-bottom: 0}
.newsListWrap h3.title {padding:0}

/*우측 프리미임 픽 변경 : 181018*/
/*.expect_accent {margin: 0 !important}*/
.expect_accent li {display: flex; align-items: center; padding:13px 20px; min-height: calc(70px - 26px); overflow:hidden; background-color: #fff; border-radius: 15px; margin-bottom: 7px;}
.expect_accent li a {font-size: 1.5rem; font-weight: 500; line-height: 2.2rem; flex: 1 1 200px;}
.expect_accent li.first {background-color: var(--bs-point-color);}
.expect_accent li.first.first-dark {background-color: var(--bs-point-color2);}
.expect_accent li.first a {color: #fff;}
.expect_accent li span.icon {margin-left: 5px;}

/* 하단 박스 형태 */
.expect_accent {position: relative;}
.expect_accent .articleBox_exception {position: relative; overflow:hidden;}
.expect_accent .articleBox_exception .relation {display: flex;}
.expect_accent .articleBox_exception .relation li {margin-right: 15px; text-align: left;padding: 20px 20px 30px; align-items: flex-start; flex: 1 1 40%;}
.expect_accent .articleBox_exception .relation li:last-child {margin-right: 0;}
.expect_accent .articleBox_exception .relation li .tit {display: block; margin-bottom: 25px;}
.expect_accent .articleBox_exception .relation li .tit a {font-size: 1.8rem; line-height: 2.6rem;}

.membership .expect_accent .articleBox_exception .relation {flex-wrap: wrap;}
.membership .expect_accent .articleBox_exception .relation li {flex: 1 1 40%; margin-bottom: 15px;}
.membership .expect_accent .articleBox_exception .relation li:nth-child(2n) {margin-right: 0;}

/* 메인 사이드 기사 영역 */
.asideNews {position: relative; margin:0 0 40px 0;}
.asideNews .articleBox_accent {position: relative; overflow:hidden;}
.asideNews .articleBox_accent.bLine {height:100%;overflow:hidden;}
.asideNews .articleBox_accent.bLine a {font-size:14px;font-weight:normal;margin-top: 10px}
.asideNews .articleBox_accent.bLine .first a {font-size:20px;font-weight:500; line-height: 26px}
.asideNews .articleBox_accent .img{float:left; width:100px; height:84px; overflow:hidden; padding-top:1px;}
.asideNews .articleBox_accent .img img {width:100px;}
.asideNews .articleBox_accent .desc{float:right; width:138px}
.asideNews .articleBox_accent .desc .tit{display:block; margin-bottom:2px;}
.asideNews .articleBox_accent .desc .txt {height:50px}

.asideNews .articleBox_vert .tit {font-weight: 500}
.asideNews .articleBox_horiz .tit {width:190px;}

/* 랭킹 */
.newRanking {border:0; overflow:hidden; position: relative; background-color: #fff; border-radius: 15px; padding: 5px 20px;}
.newRanking ol li {line-height:22px; border-bottom: 1px solid var(--bline-color-100); padding: 15px 0; min-height: 40px; display: flex; align-items: center;}
.newRanking ol li:last-child {border: 0;}
.newRanking ol li a {flex: 1 1 200px; overflow: hidden; font-size: 1.5rem; font-weight: 500; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newRanking ol li .rank {display:inline-block; float: left; width:20px; min-height:40px; font-size:18px; line-height: 32px; font-weight: 700; color: var(--bs-point-color); margin-right:5px;}
.newRanking ol li .ico_premium {margin-left: 5px;}
.newRanking.targer-pick {background-color: var(--bs-point-color2); }
.newRanking.targer-pick ol li {border-color: #48515E;}
.newRanking.targer-pick ol li a {color: #fff;}

.articleBox_vert {overflow:hidden;margin-bottom:30px;position:relative}
.articleBox_vert {padding:0;}
.articleBox_vert .img{display:block; width:300px; height:150px; overflow:hidden; margin:15px 0 7px;}
.articleBox_vert .img img {width:300px;}
.articleBox_vert .photo_tmb {height: 150px; overflow: hidden;  border-radius: 10px;}
.articleBox_vert .tit {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size:15px;; margin:5px 0 8px;font-weight:500;line-height: 22px; text-align: left;}
.articleBox_vert .relation {position: relative;}
.articleBox_vert .relation li.first .tit {font-size: 18px; font-weight:500; margin:5px 0 15px; }
.articleBox_vert .relation li {overflow:hidden;}
.articleBox_vert .txt {color:#aaa;margin-bottom:10px;display:inline-block}

.articleBox_vert .sectionA {position:relative; float:left; width:310px; padding:0 20px 0 0;border-right:1px solid #dddddd}
.articleBox_vert .sectionB {position:relative; float:right; width:310px; padding:0 0 0 15px;}
.articleBox_vert .section_vert {padding: 0; margin: 0 -10px 0 -10px;display: table}
.articleBox_vert .section_vert li {display: table-cell; position:relative; float:left; width:340px; height: 300px; padding:0 10px;box-sizing: border-box;}

/*.articleBox_horiz {overflow:hidden;}
.articleBox_horiz .img {display:block; float:left; width:100px !important; height:65px !important; overflow:hidden;margin:0 !important;}
.articleBox_horiz .img img {width:100px !important;}
.articleBox_horiz .tit {width:200px; float:right; display:block; margin:0px !important;}
.articleBox_horiz li {padding:10px 0}
.articleBox_horiz .section .more{top:18px; right:0;}*/

.articleBox_horiz {overflow:hidden;margin-bottom:30px;padding:0;position:relative}
/*.articleBox_horiz .section_horiz {padding:0 0 0 20px}
.articleBox_horiz .section_horiz li {overflow:hidden;border-bottom:1px solid #d6d6d6}*/
.articleBox_horiz .txt {color:#888;margin-bottom:25px;display:inline-block}
.articleBox_horiz li {position:relative; padding:20px 0 0; overflow:hidden; margin-bottom:-1px;}
.articleBox_horiz li .photo_tmb {height: 150px; overflow: hidden; }
.articleBox_horiz li .img {position: relative;display:block; float:left; width:220px; height: 150px; overflow:hidden; padding-right:17px;}
.articleBox_horiz li .tit{display:block; font-size:18px; line-height: 24px; font-weight: 400; margin-bottom:6px;}
.articleBox_horiz li .desc {color:#aaa;overflow:hidden;height:auto}
.articleBox_horiz li .source {margin:10px 0 1px;}
.articleBox_horiz li .source .page, .articleBox_horiz li .source .page a {color:var(--bs-point-color);}
.articleBox_horiz li .source .txtBar{color:#bbb;margin: 0 5px}

.newsListWrap .articleBox_vert .img {position: relative;display:block; width:320px; height:150px; overflow:hidden; margin:15px 0 7px;}
.newsListWrap .articleBox_vert .img img {width:320px;}

/*메인 영상 컨텐츠*/
.articleBox_vert_dual_photo {position:relative; border:0; height:100%; overflow:hidden; margin:0px 0 30px 0; padding:0;}
.articleBox_vert_dual_photo h3 {margin-bottom:0px;}
.articleBox_vert_dual_photo .relation {padding: 0; margin: 0 -10px 0 -10px; display: table;}
.articleBox_vert_dual_photo .relation li {display: table-cell; position: relative; float: left; width: 340px; height: 100%; padding: 0 10px;box-sizing: border-box;}
.articleBox_vert_dual_photo .relation li .img {display:block; float:left; width:320px; height:auto; max-height: 200px; overflow:hidden;}
/*.articleBox_vert_dual_photo .relation li .img img {width:145px;min-height: 130px}*/
.articleBox_vert_dual_photo .relation li .photo_tmb {height: 200px; overflow: hidden; }
.articleBox_vert_dual_photo .relation li .desc {overflow:hidden;position:absolute;bottom:0;left:0;}
.articleBox_vert_dual_photo .relation li .desc strong {margin-top:0px;}
.articleBox_vert_dual_photo .relation li .desc .tit {display:inline-block; text-align:left;padding: 10px }
.articleBox_vert_dual_photo .relation li .desc .tit a {font-size: 18px; font-weight: 400;line-height: 24px; color: #fff}
.articleBox_vert_dual_photo .relation li .vod_wrp {position:relative;overflow:hidden;height:200px;background:#232629;text-align:center;margin:20px 0 0;}
.articleBox_vert_dual_photo .relation li .vod_panel {position:absolute;float:left;width:100%;height:100%}
.articleBox_vert_dual_photo .relation li .vod_panel a {display:block}
.articleBox_vert_dual_photo .relation li .vod_panel a:before {position:absolute;left:0;top:0;width:100%;height:29px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.25)),to(rgba(0,0,0,0)));content:''}
.articleBox_vert_dual_photo .relation li .vod_panel a:after{position:absolute;left:0;bottom:0;width:100%;height:60px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),color-stop(.4,rgba(0,0,0,.2)),color-stop(.52,rgba(0,0,0,.3)),color-stop(.63,rgba(0,0,0,.5)),color-stop(.7,rgba(0,0,0,.6)),color-stop(.8,rgba(0,0,0,.75)),to(rgba(0,0,0,.85)));content:''}

.tag_article {margin: 30px 0 0 0;}

/*기사본문 하단 칼럼 3*/
.columnThreeWrap.articleBox_vert {margin: 0;}
.columnThreeWrap.articleBox_vert .articleList {display: flex; flex-wrap: wrap; padding: 0;}
.columnThreeWrap.articleBox_vert .articleList li {display: table-cell; margin-right: 15px; text-align: left; padding: 20px 0; margin: 0 20px 0 0; align-items: flex-start; flex: 1 1 30%; box-sizing: border-box; border-bottom: 0;}
.columnThreeWrap.articleBox_vert .articleList li:last-child {margin: 0;}
.columnThreeWrap.articleBox_vert .articleList li .tit {font-size: 1.8rem; line-height: 2.6rem;}
.columnThreeWrap.articleBox_vert .img {position: relative;display:block; width:100%; height:200px; overflow:hidden; margin:0 0 10px;}
.columnThreeWrap.articleBox_vert .thumb .photo_tmb {height: auto; overflow: hidden; }
.columnThreeWrap.articleBox_vert .thumb .photo_tmb {height: 200px;}

/*포토 칼럼 3 리스트*/
.columnThreeWrap.photoColumn_vert .articleList {display: flex; flex-wrap: wrap; padding: 10px 30px;}
.columnThreeWrap.photoColumn_vert .articleList li {display: table-cell; width:180px; height: auto; border: 0; margin: 0 30px 0 0; padding: 20px 0;}
.columnThreeWrap.photoColumn_vert .articleList li:nth-child(4n) {margin: 0;}
.columnThreeWrap.photoColumn_vert .articleList .img {width:180px; height:200px; overflow:hidden;}
.columnThreeWrap.photoColumn_vert .articleList .img {height:200px;}
.columnThreeWrap.photoColumn_vert .articleList .thumb .photo_tmb {height: 200px;}
.columnThreeWrap.photoColumn_vert .articleList .tit {font-size: 1.5rem; line-height: 2.2rem; font-weight: 400; margin:10px 0 0;}

/*기사본문 하단 칼럼 5*/
.columnFiveWrap .articleBox_vert .section_vert {padding: 0; margin: 0 -15px 0 -15px;display: table}
.columnFiveWrap .articleBox_vert .section_vert li {display: table-cell; position:relative; float:left; width:205px; height: auto; padding:0 0 0 15px;border-right:0;border-bottom:0;box-sizing: border-box;}
.columnFiveWrap .articleBox_vert .img {position: relative;display:block; width:195px; height:120px; overflow:hidden; margin:15px 0 7px;}
.columnFiveWrap .articleBox_vert .thumb .photo_tmb {height: auto; overflow: hidden; }
.columnFiveWrap .articleBox_vert .thumb .photo_tmb {height: 150px;}

.columnThreeWrap .articleBox_vert .more, .columnFiveWrap .articleBox_vert .more {display: none}

h3.title {font-size:24px; font-weight: 700; padding:0 0 20px 20px; }
a.more {position:absolute; right: 15px; top: 5px; color:var(--font-color-gray-100); font-size:14px; line-height: 20px;}
a.more:after {display: block; content: ''; border-bottom:1px solid var(--font-color-gray-100);}
a.more-block {position: relative; color:#fff; font-size:13px; border: 1px solid #e10029; background-color: #e10029; display: block; padding: 10px; text-align: center;}
a.more-block em {background:url("../images/bl_ico.png") no-repeat right -9px; display: inline-block; width: 11px; height: 11px}
.desc .txt{display:block; color:#959595;overflow:hidden;}

.articleBox_list {overflow:hidden;position:relative;}
.articleBox_list .relation {padding:0 0 0 20px}
.articleBox_list li {padding: 10px 0 0 0;clear: both; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.articleBox_list .source {float: left; font-size:14px; font-weight:400; color: var(--bs-point-color); margin-right: 5px }
.articleBox_list .source a {color: var(--bs-point-color);}
.articleBox_list .tit {font-size:14px;font-weight:400; display: inline;}

.articleBox_list_thum {overflow:hidden;position:relative;padding:0;}
.articleBox_list_thum li {display: flex; align-items: center; margin-bottom: 15px;}
.articleBox_list_thum .img {width:80px !important; height:60px; overflow:hidden !important; margin:0 10px 0 0;}
.articleBox_list_thum .img img {width:80px !important;}
.articleBox_list_thum .photo_tmb {height: 60px;}
.articleBox_list_thum .tit {font-size:15px; font-weight:500; width:calc(100% - 80px - 10px) ; margin:0;}

.articleBox_dual {position:relative; border:0; height:100%; overflow:hidden; margin:0px 0 4px 0; padding:0;}
.articleBox_dual h3 {margin-bottom:0px;}
.articleBox_dual .relation {padding:15px 0 0 10px}
.articleBox_dual .relation li {overflow:hidden; margin:0 0 10px 10px; float:left; width:145px; height:auto;}
.articleBox_dual .relation li .img {display:block; float:left; width:145px; height:auto; max-height: 150px; overflow:hidden;}
.articleBox_dual .relation li .img img {width:145px;min-height: 130px}
.articleBox_dual .relation li .desc {float:left;margin:7px 0px}
.articleBox_dual .relation li .desc strong {margin-top:0px;}
.articleBox_dual .relation li .desc .tit{display:inline-block; text-align:left;font-weight: normal;line-height: 18px}

.articleBox_dual_photo {position:relative; border:0; height:100%; overflow:hidden; margin:0px 0 4px 0; padding:0;}
.articleBox_dual_photo h3 {margin-bottom:0px;}
.articleBox_dual_photo .relation {display: flex; flex-wrap: wrap;}
.articleBox_dual_photo .relation li {overflow:hidden; flex: 1 1 40%; height:auto; border-radius: 10px;}
.articleBox_dual_photo .relation li:nth-child(odd) {margin-right: 5px;}
.articleBox_dual_photo .relation li:nth-child(-n+2) {margin-bottom: 5px;}
.articleBox_dual_photo .relation li .img {display:block; float:left; width:148px; height:auto; overflow:hidden;}
/*.articleBox_dual_photo .relation li .img img {width:145px;min-height: 130px}*/
.articleBox_dual_photo .relation li .photo_tmb {height: 200px; overflow: hidden; }
.articleBox_dual_photo .relation li .desc {overflow:hidden;position:absolute;bottom:0;left:0;}
.articleBox_dual_photo .relation li .desc strong {margin-top:0px;}
.articleBox_dual_photo .relation li .desc .tit {display:inline-block; text-align:left;padding: 10px }
.articleBox_dual_photo .relation li .desc .tit a {font-size: 14px; line-height: 20px; color: #fff}
.articleBox_dual_photo .relation li .vod_wrp {position:relative;overflow:hidden;height:200px;background:#232629;text-align:center}
.articleBox_dual_photo .relation li .vod_panel {position:absolute;float:left;width:100%;height:100%}
.articleBox_dual_photo .relation li .vod_panel a {display:block}
.articleBox_dual_photo .relation li .vod_panel a:before {position:absolute;left:0;top:0;width:100%;height:29px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.25)),to(rgba(0,0,0,0)));content:''}
.articleBox_dual_photo .relation li .vod_panel a:after{position:absolute;left:0;bottom:0;width:100%;height:150px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),color-stop(.4,rgba(0,0,0,.2)),color-stop(.52,rgba(0,0,0,.3)),color-stop(.63,rgba(0,0,0,.5)),color-stop(.7,rgba(0,0,0,.6)),color-stop(.8,rgba(0,0,0,.75)),to(rgba(0,0,0,.85)));content:''}

/*2018-10-08 블랙박스 형태 추가*/
.article-sidebar-item {
    background-color: #ffffff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    list-style: none;
    border-bottom: 1px solid #999999;
    overflow: hidden;
    position: relative;
}

.util .sns{float:left; overflow:hidden;}
.util .sns li {float:left; margin-left:17px; line-height:30px;}
.util .sns li a {background:url("../images/bl_ico.png") no-repeat; padding-left:21px; height:32px; display:inline-block;line-height:29px}
.util .sns li.tw a{background-position:0 -22px;}
.util .sns li.fb a{background-position:0 -51px;}
.util .log {float:left; margin-left:20px; padding:5px 0 6px;}
.util .log a.btnLog{display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-right:2px; }
.util .log a.btnLog span{display:block; line-height:21px; padding:0 0 0 15px; }

.kakao_plus_wrap {background: #fcfcfc; border:1px solid #ddd; border-left: 0; border-right: 0;padding: 20px 0; text-align: center;margin-bottom: 30px}
.kakao_plus_wrap p.info {font-size: 18px;margin-bottom: 10px}
.kakao_plus_wrap p {font-size: 15px;}
.kakao_plus_wrap .kakao_plus_btn_group {margin-top: 20px;}
.kakao_plus_wrap .kakao_plus_btn_group a {display: inline-block; margin: 0 5px}

/* top메뉴바 */
.topMenuBar{position:absolute; right: 0; }
.topMenuBar:after{clear:both; display:block; content:''; *zoom:1;}
.topMenuBar .service{float:left; position:relative;}
.topMenuBar .util{float:right;position:absolute;top:0;right:0px;*right:5px;}

/*login new design:181116*/
/*user login*/
.u_login {position:relative;box-sizing: border-box; }
.u_login .u_mybt {float: left; height: 65px; display: flex; align-items: center; box-sizing: border-box; text-align: center;}
.u_login .u_mybt.ac_join, .u_login .u_mybt.ac_mypage {color: var(--bs-point-color); width: 120px;}
.u_login .u_mybt.ac_join .ul_t:after, .u_login .u_mybt.ac_mypage .ul_t:after {display: block; content: ''; border-bottom: 3px solid var(--bs-point-color);}
.u_login .u_mybt.ac_login, .u_login .u_mybt.ac_logout {background-color: var(--bs-point-color); color: #fff; width: 140px; }
.u_login .ul_t {margin: 0 auto; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.8rem; }

/* sorting-menu */
.tab-menu {padding:8px 0 60px;font-size:15px;}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: block;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 12px 3px 13px;
  font-size: 14px;
  font-weight:500;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;

}
.nav-tabs {position: relative; display: flex;}
.nav-tabs li {flex: 1 1 100%; border:1px solid var(--bline-color-200); background-color: #fff; margin-left: -1px;}
.nav-tabs li:first-child {border-radius: 50px 0 0 50px;}
.nav-tabs li:last-child {border-radius: 0 50px 50px 0;}
.nav-tabs li.active {background-color: var(--bs-point-color2);}
.nav-tabs li a {font-size: 1.6rem; text-align: center;}
.nav-tabs li.active > a {color: #fff;}

/* 공통 클래스 */
.blind {display:none}
.icon {display: inline-block; vertical-align: sub; background:url("../images/bl_ico_new.png") no-repeat; background-size: calc(400px / 2) auto; text-indent: -9999px;}
.icon-close-sm {width:15px; height:15px; background-position:-47px -57px; background-size: 90px auto; }
.icon-pick-light {width:10px; height:18px; background-position:-62px -267px; background-size: 100px auto; }
.icon-time {width:17px; height:17px; background-position:-25px -261px; background-size: 80px auto; margin-right: 5px;}
.icon-time-sm {width:15px; height:15px; background-position:-24px -245px; background-size: 75px auto; margin-right: 5px;}
.icon-time-red {width:17px; height:17px; background-position:-50px -261px; background-size: 80px auto; margin-right: 8px;}
.icon-time-red-light {width:17px; height:17px; background-position:-50px -285px; background-size: 80px auto; margin-right: 8px;}
.icon-link-more {width:15px; height:15px; background-position:-55px -24px; background-size: 74px auto; margin-left: 10px;}
.ico_more {background:url(../images/icon.png) no-repeat 100% 2px; display:inline-block;}
.ico_more p {display:block;font-size:11px;font-family:"돋움", Dotum;margin-right:15px;color:var(--bs-point-color)}
.ico_more {position:absolute;right:5px;top:9px;}
.ico_best {background:url(../images/ico_best.gif) no-repeat; display:inline-block;text-indent:-9999px; width:35px;height:13px;margin-left:4px;float:left;margin-top:1px}
.ico_hit {background:url(../images/ico_hit.gif) no-repeat; display:inline-block;text-indent:-9999px; width:21px;height:11px;margin-left:5px;vertical-align:text-top;margin-top:-1px}
.ico {display: inline-block;background-image: url(../images/bl_ico.png); background-repeat: no-repeat; }
.ico_premium, .ico_premium_inverse, .ico_premium_square, .ico_premium_square_inverse {display: block; background-size:72px auto; width: 30px; height: 30px; border-radius: 50px; vertical-align: middle; background-color: var(--bs-point-color2);}
.ico_premium {background-position: -14px -316px; }
.ico_premium_inverse {background-position: 8px -375px; background-size:85px auto; background-color: #fff;}
.ico_premium_square {background-position: -16px -394px; background-size:90px auto; width: 40px;height: 40px;}
.ico_premium_square_inverse {background-position: 12px -462px; background-size:105px auto; background-color: #fff; width: 40px;height: 40px;}
.ico_video_square {position: absolute;top:0;left: 0;z-index: 1; display: block;background-image: url(../images/bl_ico.png); background-repeat: no-repeat; background-position: -5px -388px;width: 35px !important;height: 35px;vertical-align: middle}
.ico_pay_deposit {background-position: 0 -190px;width: 50px;height: 37px;margin-right: 3px;vertical-align: middle}
.ico_pay_card {background-position: 0 -241px;width: 50px;height: 37px;margin-right: 3px;vertical-align: middle}
.ico_pay_card_pre {background-position: 0 -290px;width: 50px;height: 37px;margin-right: 3px;vertical-align: middle}

.shortcuts a {font-size: 1.5rem;}
.shortcuts .icon {vertical-align: baseline;}

.sidebarTitle {display:block; overflow:hidden; clear:both;border-top:3px solid #d0dce2;position:relative}
.sidebarTitle2 {display:block; overflow:hidden;position:relative}
.sidebarTitle h3, .sidebarTitle2 h3 {margin:10px 0px 0 15px;padding:0 0 10px 0; display:block;font-size:14px;line-height:15px;font-family:"돋움",dotum;float:left;background:url(../images/line_dot.gif) repeat-x 0 bottom;width:350px;color:var(--bs-point-color)}
.sidebarTitle3 h3 {font-size:14px !important;font-family:"돋움",dotum;background-color:#fff;display:inline-block;padding:3px 10px 4px 12px;color:var(--bs-point-color);position:absolute;top:5px;border-bottom:1px solid #d0dce2;}
.sidebarTitle4 h3 {font-size:11px !important;font-family:"돋움",dotum;display:inline-block;padding:0px 10px 5px 0px;color:var(--bs-point-color);font-weight:normal;position:absolute;}
.sectionTitle {display:block; overflow:hidden; clear:both;position:relative}

.photo_tmb, .thumb {overflow: hidden; display: block; background-size: cover; background-position: center top; border-radius: 10px;}
.desc, .source, .date {color:var(--font-color-gray-100); font-size: 1.3rem; line-height: 2rem;}
.txtBar {color: var(--font-color-gray-100); font-size: 1rem; vertical-align: bottom;}
/*
.sectionTitle h3, .sectionTitle2 h3, .sectionTitle3 h3 {margin:10px 0px 0 0px;padding:0 0 10px 0; display:block;font-size:14px;line-height:15px;font-family:"돋움",dotum;float:left;background:url(../images/line_dot.gif) repeat-x 0 bottom;width:100%;color:#0985b9}
*/
.sectionTitle h3 {padding:0}
.listTitle h3 {margin:10px 0px 0 0px !important;padding:5px 0 20px 0; width:100%;font-size:22px;font-family:"맑은 고딕",Malgun Gothic,"돋움",dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif;}
.borderBox {overflow:hidden;clear:both;border-top:3px solid #d0dce2;border-bottom:3px solid #d0dce2;}
.borderBox_notop {overflow:hidden;clear:both;border-bottom:3px solid #d0dce2;}
.borderBox_ad {overflow:hidden;clear:both;border:1px solid #d0dce2;padding:15px 0}
.borderBox_conts {overflow:hidden;clear:both;border-top:1px solid #d0dce2;border-bottom:1px solid #d0dce2;margin:0 20px}
.contsBox {width:620px;overflow:hidden;padding:15px 0}
.sideContsBox1 {padding:0; overflow:hidden; margin:0 0 5px 0; width:380px;position:relative;}
.sideContsBox2 {padding:0; overflow:hidden;margin:0px 0 10px;width:380px;position:relative;}
.sideContsBox3 {padding:0; overflow:hidden; margin:0 0 15px 0;width:380px;position:relative;}
.sideContsBox4 {padding:0; overflow:hidden; margin:0px 0 20px 0;width:380px;position:relative;}
.sideContsBox5 {padding:0; overflow:hidden; margin:0; width:380px;position:relative;}
.sectionContsBox1 {padding:0; overflow:hidden; margin:20px 0 10px 0; width:100%;position:relative;}
.listContsBox {padding:0; overflow:hidden; }
.sideContsBox ul, .sideContsBox2 ul, .sideContsBox2_1 ul .sideContsBox3 ul, .listContsBox ul {clear:both;overflow:hidden}
.sideContsBox li, .sideContsBox2 li, .sideContsBox2_1 li, .sideContsBox3 li, .listContsBox li {line-height:16px;}
.box_gray {background:#f5f7f9;border-top:3px solid #d0dce2;position:relative}
.box_white {background:#fff;border-top:3px solid #d0dce2;position:relative;}
.sideContsBox_book {padding:0 15px 20px 0;overflow:hidden;}
.sideContsBox_book  .sidebarTitle {padding:0 15px}
.list_dot li, .list_dot ol {line-height:2.2rem;}
.list_dot li p, .list_dot ol p {margin-left:15px;display:inline-block}
.list_dot li p a, .list_dot ol p a {color:#8d8d8d;}
.list_dot li p a:hover, .list_dot ol p a:hover {color:var(--bs-point-color)}
.list_dot_bk li, .list_dot_bk ol {background:url(../images/bullet_dot_black.gif) 0 11px no-repeat;}
.page_navi {position:absolute;right:15px;top:7px}
.page_navi button {display:inline-block; *display:inline; *zoom:1; height:20px; background:url("../images/btns.png") no-repeat; text-indent:-9999px;}
.page_navi button.btnPrv {width:21px; background-position:0px 0px;}
.page_navi button.btnNxt {width:21px; background-position:-20px 0px;margin-left:-6px}
.rolling_paging {margin-right:5px; font-size:11px; font-family:Verdana, Geneva, sans-serif;color:#999}
.rolling_paging strong {color:var(--bs-point-color)}

.col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100% !important;
  }
  .col-md-11 {
    width: 91.66666666666666% !important;
  }
  .col-md-10 {
    width: 83.33333333333334% !important;
  }
  .col-md-9 {
    width: 75% !important;
  }
  .col-md-8 {
    width: 66.66666666666666% !important;
  }
  .col-md-7 {
    width: 58.333333333333336% !important;
  }
  .col-md-6 {
    width: 50% !important;
  }
  .col-md-5 {
    width: 41.66666666666667% !important;
  }
  .col-md-4 {
    width: 33.33333333333333% !important;
  }
  .col-md-3 {
    width: 25% !important;
  }
  .col-md-2 {
    width: 16.666666666666664% !important;
  }
  .col-md-1 {
    width: 8.333333333333332% !important;
  }

.mt-1 {margin-top: 10px !important}
.mt-2 {margin-top: 20px !important}
.mt-3 {margin-top: 30px !important}
.mt-4 {margin-top: 40px !important}
.mb-1 {margin-bottom: 10px !important}
.mb-2 {margin-bottom: 20px !important}
.mb-3 {margin-bottom: 30px !important}
.mb-4 {margin-bottom: 40px !important}
/*메인*/
.flex_box1, .flex_box2 {width:100%;margin:0px 0px 0 0px;overflow:hidden;clear:both}
.flex_box1 li {padding:8px 0}
.flex_box2 li {width:280px;float:left;margin-right:20px}
.mainContsBox {position: relative; width:100%;}
.mainList {overflow:hidden;}
.mainList .title {font-size: 19px;font-weight: 500;letter-spacing: -1px;line-height: 24px;margin-bottom:5px}
.mainList .date {padding:2px 0 5px;font:11px Verdana, Helvetica, Arial, Gulim, sans-serif;color:#93b6ca }
.mainList .count {font-weight:normal;color:var(--bs-point-color); font:0.85em verdana;vertical-align:top}
.mainList .summary {padding:5px 0 0 0 !important; font-size:12px;line-height:18px}
.mainList .line_dot {padding:15px 0 20px 0}
.mainList .tagTrail {margin-top:3px;}
.flex_thumbnail {width:186px;height:100%;min-height:100px; overflow:hidden;text-align:center;font-size:16px;line-height:100px;color:#aaa;float:left;margin-right:15px}
.flex_thumbnail img{max-width:186px}

.main-warp-featurs, .main-warp-news {position: relative;}
.main-warp-featurs {padding: 50px 0; background-color: var(--bg-color-200);}
.main-warp-news {padding: 20px 0; background-color:var(--bs-point-color2);}
.main-warp-news .wrap {display: flex; align-items: center;}
.main-warp-news ul li {margin: 5px 0;}
.main-warp-news ul li a {color: #fff;}
.main-warp-news ul li .date {color: #A0A0A0; font-size: 1.4rem; margin-left: 30px;}
.main-warp-news .labelBtnNews {margin:0 50px;}
.main-warp-news .labelBtnNews .t_point {font-weight: 700;}
.main-warp-container {background-color: #fff;}

.t_title, .t_title a {font-size:16px;font-weight:500;line-height:20px}
.t_title a:hover, .t_title2 a:hover, .tit_box2 a:hover, .t_title3 a:hover, .tit_box4 a:hover, .t_title5 a:hover {color:var(--bs-point-color)}
.t_title2 {font-size:15px; font-weight:500;}
.t_title3 {font-size:22px; font-weight:500;line-height:16px}
.t_title4 {font-size:11px;font-family:"굴림",Gulim;line-height:16px}
.t_title5 {font-size:14px;font-family:"굴림",Gulim; font-weight:500;line-height:19px}
.t_title6 {font-size:12px;font-family:"돋움",dotum; font-weight:500;letter-spacing:0px;line-height:18px}
.t_title_sub {font-size:18px;font-weight:500;letter-spacing:-1px;margin: 40px 0 10px}
.t_sum {font-size:11px;color:#a6a6a6;line-height:16px;overflow:hidden}
.line_dot {background:url(../images/line_dot.gif) repeat-x 0 bottom;padding:0 0 10px 0}
.line_dot2 {background:url(../images/line_dot.gif) repeat-x 0 top;padding:6px 0 4px 0}
.line_dot3 {background:url(../images/line_dot.gif) repeat-x 0 bottom;padding:2px 0 6px 0}
.line_solid {border-bottom:1px solid #d0dce2}
.line_solid2 {border-top:2px solid #d0dce2}
.line_dot_list {margin-top:-1px}
.line_dot_list li {background:url(../images/line_dot.gif) repeat-x 0 top;padding:9px 0 7px 0}
.w167 {width:167px;height:94px;overflow:hidden} .w167 img {max-width:170px}
.w113 {width:113px;height:77px;overflow:hidden} .w113 img {max-width:150px}
.w1132 {width:113px;height:200px;overflow:hidden} .w1132 img {max-width:150px}
.w350 {width:350px;padding:3px; height:235px;overflow:hidden;} .w350 img {max-width:350px}
.w190 {width:190px; height:235px;overflow:hidden;} .w190 img {max-width:190px}
.w210 {width:210px; height:235px;overflow:hidden;} .w210 img {max-width:210px}
.w287 {width:287px; height:auto; overflow:hidden;} .w287 img {max-width:287px}
.w300 {width:300px; height:auto;} .w300 img {max-width:300px}
.t_center {text-align:center}

/* ***** content ***** */
.content {position: relative; width: 100%}
#content .nonEntry h3  { border-bottom:2px solid #d0dce2;}
#content .entryNotice,
#content .entryProtected,
#content .entry {}
.entry-box-com {background-color: #fff; border-radius: 20px; padding: 30px;}
.entry-box-com.desc_txt_15 {font-size: 1.5rem;}

#searchList {margin:15px 0}
#searchList h3, #searchRplist h3 {font-size:16px;padding:0 0 10px 0}
#searchList, #searchRplist {border-bottom:1px solid #d0dce2;}
#searchList a, #searchRplist a {color:#666;}
#searchList ol, #searchRplist ol { list-style:none;  padding:0;}
#searchList li, #searchRplist li { border-bottom:1px solid #eee;  padding:8px 0; font-size:14px; }
#searchList li p, #searchRplist li p {display:inline-block;width:500px;}
#searchList .date, #searchRplist .date { font:11px Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:15px; color:#767676; float:right}
#searchList .cnt { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#searchRplist .name { font:0.95em Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}

/* entry */
.titleWrap {position: relative; border-bottom:1px solid var(--bline-color-100); padding:0 0 20px;}
/*
.titleWrap h1 {padding:20px 0 0; font-size:24px; letter-spacing:-3px; line-height:1.2em; font-family:"돋움",dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }
*/
.titleWrap h1 {padding:0 0 20px; font-size:3.2rem; letter-spacing:-2px; line-height:4.2rem; font-weight:700}
.titleWrap h2 {color:#8f8f8f; padding:10px 0 0; font-size:16px; line-height:1.2em;}
.titleWrap .author, .titleWrap .author a {font-weight:500; color:var(--bs-point-color); }
.titleWrap .author a:hover {color:#000}
/* .titleWrap .date, .titleWrap em  { font:12px; color:#959595;} */
.titleWrap em {padding:0 8px; font-weight:normal; font-size:10px;vertical-align:top}

/*
.article {letter-spacing:-1px;line-height:28px; margin:0px 0 0 0; width:600px; overflow:hidden; color: #333; font-family:"맑은 고딕",Malgun Gothic,"돋움", dotum;font-size:16px;padding:0;margin-top:-1px}
*/
/* 기사본문 */
.articleView {width: 100%; position: relative; background-color: #fff; border-radius: 20px; padding: 30px;}
.article {position: relative;}
.article, .article span, .article p {
    font-size: 17px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
 	  margin-bottom:20px;
}
/*
.article {
    color: #000;
    font-family:"굴림",Gulim, "맑은 고딕",Malgun Gothic,"돋움",dotum;
    font-size: 17px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    width: 600px;
	margin-bottom:20px;
}
*/
.article a {color:var(--bs-point-color) !important}
.article a:link          { color:var(--bs-point-color);  text-decoration:none;}
.article a:visited       { color:#666;  text-decoration:none;}
.article a:hover         { color:var(--bs-point-color);  text-decoration:underline;}
.article a:active        { color:#666;  text-decoration:none;}

/*기사본문 링크값 변경*/
.article p a:link          { color:var(--bs-point-color);  text-decoration:none;border-bottom:1px solid var(--bs-point-color)}
.article p a:visited       { color:var(--bs-point-color);  text-decoration:none;}
.article p a:hover         { color:#666;  text-decoration:none;border-bottom:1px solid #666}
.article p a:active        { color:#666;  text-decoration:none;}
.article p {margin-bottom:15px;}

/* .articlePanel {width:870px} */
.articlePanel, .news_image {margin-bottom:15px;}
.articlePanel .panelArea {overflow:hidden;height:100%;margin:20px 0;text-align:center}
.articlePanel .panelArea img {max-width:100% !important;text-align:center}
.articlePanel .panelArea .panelAlt, .caption, .photoAlt {font-size:13px !important; line-height:16px !important;text-align:center;color:var(--bs-point-color) !important;margin-top:5px !important}
.photoAlt {display:none}
.actPhoto {margin-bottom:5px}
.actPhoto img {border:0 !important}
.actPhoto .photo {max-width:590px !important}
.photo img {max-width:590px !important}
.news_image img {float:none !important}

/*2018-09-06 editor style add : sejin*/
.components-block-quote {
    border-left: 4px solid #000;
    padding-left: 20px;
    margin:15px 0;
}
.components-block-text {
    padding:20px 20px 8px; 
    margin-bottom: 25px;   
    background-color: #F7F6FA;
    display: block;
    border-radius: 10px;
}
.components-block-call {
	padding:20px 20px 8px;
  margin-bottom: 25px;
	background-color: #F4E6E6;
	color:#DE2243;
	border-radius: 10px;
}
/*관련뉴스*/
.otherNews{margin:20px 0 30px;}
.otherNews li {background:url("../images/icon.png") no-repeat -9px -33px; padding-left:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.otherNews li a {font-size:16px; font-weight:500; line-height:29px;}

.tagTrail {position:relative; letter-spacing:0; width:100%; margin-bottom: 30px}
.tagTrail.lineMap {margin-bottom: 15px;}
.tagText {display:inline-block; padding-right:15px; margin-right:-5px; font-size:13px;font-weight:500;color:#000;background:url(../images/icon.png) 100% -15px no-repeat}
.tagTrail a, .tagTrail .tagWord a {display: inline-block; font-size:1.3rem; padding: 1px 15px 3px; border:1px solid var(--bline-color-200); border-radius: 25px; font-weight: 500;}
/* .tagTrail a:hover, .tagTrail .tagWord a:hover {color:#000;text-decoration: none} */
/* 태그별 칼라 */
.tagTrail.tag-bg-white a, .tagTrail.tag-bg-red a, .tagTrail.tag-bg-black a {font-size: 1.4rem; font-weight: 500; color: #fff; padding:3px 20px 4px; border: 0;}
.tagTrail.tag-bg-white a {background-color: #fff; color: var(--bs-point-color);}
.tagTrail.tag-bg-red a {background-color: var(--bs-point-color);}
.tagTrail.tag-bg-black a {background-color: var(--bs-point-color2);}

/*tag*/
#tagWarp .listTitle h3 {text-align:center; font-size:32px;font-weight:500;padding:20px 0 30px;}
#tagListBox {width:700px;background:url(../images/bg_tag_line.gif) repeat-y;}
#tagListBox.mainList .date {padding:2px 0 8px}
#tagListBox.mainList .summary {padding:10px 0 0 !important}
#tagListBox .element {width:300px; float:left;clear:none;overflow:hidden;margin-right:50px}
#tagListBox .element img {display:block;}
#tagListBox a {display:block;float:none}
#tagListBox .element .summary {max-height:200px}

/*페이징*/
.paging  { padding:25px 0 30px 0;  text-align:center;  font-size:0.95em; border-top:1px solid #d0dce2;}
.paging a { font:11px verdana; padding:0; font-weight:500;margin:0;display:inline-block;}
.paging a { padding: 6px 10px 7px 10px; border:1px solid #d0dce2;background:#f9f9f9;font-weight:500}
.paging a:hover {background:#fff;color:var(--bs-point-color)}
.paging .current {color: var(--bs-point-color); background:#fff;}
.paging .prevPage {padding: 5px 10px 7px 10px; border:1px solid #d0dce2;background:#f9f9f9;font:12px verdana;background:#fff}
.paging .nextPage {padding: 5px 10px 7px 10px; border:1px solid #d0dce2;background:#f9f9f9;font:12px verdana;background:#fff}

/* 페이징 */
.articlePage {text-align:center; padding-top:26px;}
.articlePage a {font-family: 'GmarketSans'; color:#D6D9E1; font-size: 2.6rem; display:inline-block; width:40px; height:40px; line-height:3.8rem;}
.articlePage a:hover {text-decoration:none; color:#000;}
.articlePage a.current {color:#000; font-weight:500;}
.articlePage a.pb {width:60px;}
.articlePage a.current {width:40px;}
/*.articlePage .pb span{background:url("../images/bl_ico.png") no-repeat}
.articlePage .btnPrev span {background-position:left -362px; padding-right:15px;}
.articlePage .btnNext span {background-position:right -387px; padding-left:15px;}*/

/* ***** footer ***** */
#wrapBottomBottom {width:1200px;margin:0 auto ;}
#wrapBottomBottom {color:#969696; margin-top:12px;}

.copyright, .termsInfo, .corpInfo {overflow:hidden;width:1200px;margin:0 auto;padding:15px 0; line-height: 2.2rem;}
.copyright h3 {float:left;margin-right:30px;height:71px;margin-top:10px}
.copyright p a {font-family:Verdana, Geneva, sans-serif;font: size 1.3rem;;}
.copyright em {padding:0 5px;font-size:10px;vertical-align:text-top;color:#d0d0d0}
.copyright .corp_info {margin-bottom:2px;}
.copyright .links a {color:var(--bs-point-color)}
.footerInfo {border-bottom: 1px solid #5e5e5e}
.txtinfo, .corpInfo {font-size: 1.3rem;}
.corpInfo em {font-size: 8px; color: #414141; margin:0 2px; vertical-align: text-bottom;}
.copyright address {line-height:20px; font-style:normal; margin-bottom:10px;}
.copyright address span{background:url("../images/bl_ico.png") no-repeat left -153px; padding:0 7px 0 11px;}
.copyright address span.first, .companyInfo ul li.first a{padding-left:0; background:none;}
.termsInfo { overflow:hidden;position:relative}
.termsInfo ul {float:none; overflow:hidden;}
.termsInfo ul li {float:left;}
.termsInfo ul li a {color:#fff !important; font-size: 1.5rem; padding:0 15px 0 16px;}
.termsInfo ul li.first a {padding-left:0;}

/*검색*/
.searchBox {position:absolute;right:0; top:40px;margin:10px 0 5px}
.searchBox img {float:left}
.searchBox input {float:left; width: 236px; height:29px; border:1px solid #cbd4d8; vertical-align: middle;margin:0;background:#fff;color:#9a9a9a;padding:0 10px;font:12px "돋움",dotum;line-height:30px}
.searchBox .submit {float:left; background:url(../images/btn_search.gif) no-repeat; width: 50px;  height:31px; text-indent:-5000px; border:0; cursor:pointer; vertical-align: middle; }

/*검색결과*/
#noResult {padding:30px; display:block; background-color: #fff;border-radius: 20px;}
#noResult .t_title {margin-bottom:15px;display:block}

/* 메인 기사 템플릿 */
.mainTemplate {display: flex; width:100%; height:auto; overflow:hidden; }
.mainTemplate a {display: inline-block;}
.mainTemplate a:hover {text-decoration:none !important;}

/* 메인템플릿 공통 */
.mainTemplate .box {position: relative; border-radius: 20px; padding:25px 25px 35px; margin-right: 15px;}
.mainTemplate .box:last-child {margin-right: 0;}
.mainTemplate .box .tit {display:block; font-size: 2rem; line-height: 3rem; margin-bottom: 30px;}
.mainTemplate .box .tagTrail {margin-bottom: 15px;}

/* 메인 템플릿 신규 2023년 */
.mainTemplate[class*='boxNum-'] .article1 {flex-shrink:0;}
.mainTemplate[class*='boxNum-'] .article1 .tit {color: #fff;}
.mainTemplate[class*='boxNum-'] .article1 .date {color: #ECBBBE;}
.mainTemplate.boxNum-3 .article1 {width: 530px; display: flex;}
.mainTemplate.boxNum-3 .article1 .tit {font-size: 3rem; line-height: 3.6rem; }
.mainTemplate.boxNum-4 [class*='article'] {width: 25%;}
.mainTemplate.boxNum-5 {flex-wrap: wrap;}
.mainTemplate.boxNum-5 .topDiv {margin-bottom: 15px;}
.mainTemplate.boxNum-5 .topDiv, .mainTemplate.boxNum-5 .bottomDiv {display: flex; width: 100%;}
.mainTemplate.boxNum-5 .topDiv [class*='article'] {flex: 1 1 40%; flex-shrink: 0;}
.mainTemplate.boxNum-5 .topDiv .tit {font-size: 3rem; line-height: 3.6rem;color: #fff;}
.mainTemplate.boxNum-6 {flex-wrap: wrap;}
.mainTemplate.boxNum-6 .article1, .mainTemplate.boxNum-6 .article6 {width: 450px;}
.mainTemplate.boxNum-6 .article1 .title, .mainTemplate.boxNum-6 .article6 .title {min-width: 415px;}
.mainTemplate.boxNum-6 .article6 {flex-shrink: 0;}
.mainTemplate.boxNum-6 .article6 .tit {color: #fff;}
.mainTemplate.boxNum-6 .topDiv {margin-bottom: 15px;}
.mainTemplate.boxNum-6 .topDiv, .mainTemplate.boxNum-6 .bottomDiv {display: flex; width: 100%;}
.mainTemplate.boxNum-6 [class*='article'] {display: flex;}
.mainTemplate[class*='boxNum-'] .ico_premium_square, .mainTemplate[class*='boxNum-'] .ico_premium_square_inverse {flex-shrink: 0; width: 40px;}
.box-type-red {background-color: var(--bs-point-color);}
.box-type-black {background-color: var(--bs-point-color2);}
.box-type-white {background-color: #fff;}

.mainTemplate.typeA .leftDiv{float:left; width:434px;margin-right:10px;}
.mainTemplate.typeA .rightDiv{float:left; width:212px;}
.mainTemplate.typeA .article1{height:480px;}
.mainTemplate.typeA .article2{height:150px;}
.mainTemplate.typeA .article3{height:318px;margin-top:10px}
.mainTemplate.typeA .article1 .tit{font-size:24px; line-height:30px; letter-spacing:-2px; margin:8px 0 2px;}
.mainTemplate.typeA .article2 .tit{font-size:15px; line-height:19px; margin:6px 0 5px;overflow:hidden;height: 40px}
.mainTemplate.typeA .article3 .tit{font-size:15px; line-height:19px; margin:8px 0 4px;overflow:hidden}
.mainTemplate.typeA .box .thumb {overflow:hidden;display:block}
.mainTemplate.typeA .article1 .thumb {width:433px;height:363px} .mainTemplate.typeA .article1 .thumb img {max-width:433px;}
.mainTemplate.typeA .article1 .thumb .photo_tmb {height:363px}
.mainTemplate.typeA .article2 .thumb {width:210px;height:100px} .mainTemplate.typeA .article2 .thumb img {max-width:210px;}
.mainTemplate.typeA .article2 .thumb .photo_tmb {height:100px}
.mainTemplate.typeA .article3 .thumb {width:210px;height:200px} .mainTemplate.typeA .article3 .thumb img {max-width:210px;}
.mainTemplate.typeA .article3 .thumb .photo_tmb {height:200px}
.mainTemplate.typeA .article1 .desc .txt{height:40px}
.mainTemplate.typeA .article3 .desc .txt{height:60px}

.mainTemplate.typeB .leftDiv{float:left; width:434px;margin-right:10px;}
.mainTemplate.typeB .rightDiv{float:left; width:212px;}
.mainTemplate.typeB .article1{height:375px;}

.mainTemplate.typeB .article2{height:200px;margin-top:10px}
.mainTemplate.typeB .article3{ height:587px;}
.mainTemplate.typeB .article1 .tit{font-size:20px; line-height:30px; letter-spacing:-2px; margin:8px 0 0px;}
.mainTemplate.typeB .article2 .tit{font-size:16px; ; margin:8px 0 5px;}
.mainTemplate.typeB .article3 .tit{font-size:16px; ; margin:8px 0 5px;}
.mainTemplate.typeB .article2 img{float:left; }
.mainTemplate.typeB .article2 .desc{float:left;padding:0 7px 06 14px;width:190px}
.mainTemplate.typeB .box .thumb {overflow:hidden;display:block;}
.mainTemplate.typeB .article1 .thumb {width:433px;height:300px} .mainTemplate.typeB .article1 .thumb img {max-width:433px;}
.mainTemplate.typeB .article1 .thumb .photo_tmb {height:300px}
.mainTemplate.typeB .article2 .thumb {width:210px;height:200px;float:left} .mainTemplate.typeB .article2 .thumb img {max-width: 210px}
.mainTemplate.typeB .article2 .thumb .photo_tmb {height:200px;}
.mainTemplate.typeB .article3 .thumb {width:210px;height:460px} .mainTemplate.typeB .article3 .thumb img {max-width:210px}
.mainTemplate.typeB .article3 .thumb .photo_tmb{height:460px}
.mainTemplate.typeB .article1 .desc .txt{height:40px}
.mainTemplate.typeB .article2 .desc .txt{height:auto}
.mainTemplate.typeB .article3 .desc .txt{height:60px}

.mainTemplate.typeC .leftDiv{float:left; width:434px;margin-right:10px;margin-bottom:10px;}
.mainTemplate.typeC .rightDiv{float:left; width:212px;margin-left:0px; }
.mainTemplate.typeC .bottomDiv{clear:left; overflow:hidden;}
.mainTemplate.typeC .article1{height:375px;}
.mainTemplate.typeC .article2{height:182px;}
.mainTemplate.typeC .article3{height:181px;margin-top:10px}
.mainTemplate.typeC .article4{float:left; width:210px; margin-right:10px;}
.mainTemplate.typeC .article4:first-child {margin-right:10px;width:210px;}
.mainTemplate.typeC .article1 .tit{font-size:20px; line-height:30px; letter-spacing:-2px; margin:8px 0 0;}
.mainTemplate.typeC .article2 .tit{font-size:15px; line-height:20px; margin:6px 0 5px;}
.mainTemplate.typeC .article3 .tit{font-size:15px; line-height:20px; margin:6px 0 5px;}
.mainTemplate.typeC .article4 .tit{font-size:15px; line-height:20px; margin:8px 0 0;}
.mainTemplate.typeC .box .thumb {overflow:hidden;display:block;}
.mainTemplate.typeC .article1 .thumb {width:433px;height:300px} .mainTemplate.typeF .article1 .thumb img {max-width:433px}
.mainTemplate.typeC .article1 .thumb .photo_tmb {height:300px}
.mainTemplate.typeC .article2 .thumb {width:210px;height:130px;} .mainTemplate.typeC .article2 .thumb img {max-width:210px}
.mainTemplate.typeC .article2 .thumb .photo_tmb {height:130px;}
.mainTemplate.typeC .article3 .thumb {width:210px;height:130px} .mainTemplate.typeC .article3 .thumb img {max-width:210px}
.mainTemplate.typeC .article3 .thumb .photo_tmb {height:130px}
.mainTemplate.typeC .article4 .thumb {height:200px} .mainTemplate.typeC .article4 .thumb img {max-width:210px}
.mainTemplate.typeC .article4 .thumb .photo_tmb {height:200px}
.mainTemplate.typeC .bottomDiv div+div+div {width:210px;margin-right:0px}
.mainTemplate.typeC .article1 .desc .txt{height:40px}
.mainTemplate.typeC .article2 .desc .txt{height:65px}
.mainTemplate.typeC .article4.box .desc{height:48px;overflow:hidden;margin-bottom:8px}
.mainTemplate.typeC .article2.box .desc{height:46px;overflow:hidden}
.mainTemplate.typeC .article3.box .desc{height:46px;overflow:hidden}

.mainTemplate.typeD .topDiv{overflow:hidden;margin-bottom:10px;}
.mainTemplate.typeD .bottomDiv{overflow:hidden;}
.mainTemplate.typeD .article1{float:left; width:210px; height:375px;margin-right:10px;}
.mainTemplate.typeD .topDiv div+div+div {margin-right:0px}
.mainTemplate.typeD .bottomDiv div+div+div {margin-right:0px}
.mainTemplate.typeD .article2{float:left;  width:210px;margin-right:10px;}
.mainTemplate.typeD .article1 .tit{font-size:15px; line-height:20px;  margin:8px 0 2px;height:42px;overflow:hidden}
.mainTemplate.typeD .article2 .tit{font-size:15px; line-height:20px;  margin:6px 0 5px;height:42px;overflow:hidden}
.mainTemplate.typeD .box .thumb {overflow:hidden;display:block;}
.mainTemplate.typeD .article1 .thumb {width:210px;height:272px} .mainTemplate.typeD .article1 .thumb img {max-width:210px}
.mainTemplate.typeD .article1 .thumb .photo_tmb {height:272px}
.mainTemplate.typeD .article2 .thumb {width:210px;height:200px;} .mainTemplate.typeD .article2 .thumb img {max-width:210px}
.mainTemplate.typeD .article2 .thumb .photo_tmb {height:200px;}
.mainTemplate.typeD .article1 .desc .txt{height:40px}
.mainTemplate.typeD .article2 .desc .txt{height:65px}

.mainTemplate.typeE .topDiv{overflow:hidden;}
.mainTemplate.typeE .bottomDiv{overflow:hidden;}
.mainTemplate.typeE .article1{width:654px; height:auto;margin-bottom:10px}
.mainTemplate.typeE .article2{float:left;  width:210px; margin-right:10px}
.mainTemplate.typeE .article2:first-child {width:210px;}
.mainTemplate.typeE .article1 .tit{font-size:20px; line-height:30px; letter-spacing:-2px; margin:8px 0 0;}
.mainTemplate.typeE .article2 .tit{font-size:15px; line-height:20px; margin:6px 0 5px;}
.mainTemplate.typeE .box .thumb {overflow:hidden;display:block;}
.mainTemplate.typeE .article1 .thumb {height:300px;overflow:hidden} .mainTemplate.typeE .article1 .thumb img {max-width:654px}
.mainTemplate.typeE .article1 .thumb .photo_tmb {height:300px;}
.mainTemplate.typeE .article2 .thumb {width:210px;height:200px;} .mainTemplate.typeE .article2 .thumb img {max-width:210px}
.mainTemplate.typeE .article2 .thumb .photo_tmb {height:200px;}
.mainTemplate.typeE .bottomDiv div+div+div {width:210px;margin-right:0px}
.mainTemplate.typeE .article1 .desc .txt{height:40px;margin-bottom:8px}
.mainTemplate.typeE .article2.box .desc{height:48px;overflow:hidden;margin-bottom:8px}

.mainTemplate.typeF .leftDiv {float:left; width:434px;margin-right:10px;margin-bottom:10px;}
.mainTemplate.typeF .rightDiv{float:left; width:212px;margin-left:0px; }
.mainTemplate.typeF .bottomDiv{clear:left; overflow:hidden;}
.mainTemplate.typeF .article1{height:375px;}
.mainTemplate.typeF .article2{float:left; width:210px; height:375px;}
.mainTemplate.typeF .article4{float:left; width:210px; margin-right:10px;}
.mainTemplate.typeF .article4:first-child {margin-right:10px;width:210px;}
.mainTemplate.typeF .article1 .tit{font-size:20px; line-height:30px; letter-spacing:-2px; margin:8px 0 0;}
.mainTemplate.typeF .article2 .tit{font-size:15px; line-height:20px;  margin:8px 0 2px; height:42px;overflow:hidden}
.mainTemplate.typeF .article4 .tit{font-size:15px; line-height:20px; margin:8px 0 0;}
.mainTemplate.typeF .box .thumb {overflow:hidden;display:block;}
.mainTemplate.typeF .article1 .thumb {width:433px;height:300px} .mainTemplate.typeF .article1 .thumb img {width:433px}
.mainTemplate.typeF .article1 .thumb .photo_tmb {height:300px}
.mainTemplate.typeF .article2 .thumb {width:210px;height:300px} .mainTemplate.typeF .article2 .thumb img {max-width:210px}
.mainTemplate.typeF .article2 .thumb .photo_tmb {height:300px}
.mainTemplate.typeF .article4 .thumb {height:200px} .mainTemplate.typeF .article4 .thumb img {max-width:210px}
.mainTemplate.typeF .article4 .thumb .photo_tmb {height:200px}
.mainTemplate.typeF .bottomDiv div+div+div {width:210px;margin-right:0px}
.mainTemplate.typeF .article1 .desc .txt{height:40px}
.mainTemplate.typeF .article2 .desc .txt{height:60px}
.mainTemplate.typeF .article4.box .desc{height:48px;overflow:hidden;margin-bottom:8px}

/*광고*/
.ad_topArea {padding:15px 0; text-align:center; border-bottom:1px solid #dbdbdb; width:100%; margin:0 auto; background-color: #fff}
.ad_topArea:after {clear:both; display:block; content:''; *zoom:1;}
.adw {overflow:hidden;margin:0 auto;text-align:center}
.adwTBm_10 {margin: 10px 0}
.adwTBm_20 {margin: 20px 0}
.adwLRm_10 {margin: 0 10px}
.adwLRm_20 {margin: 0 20px}
.adwBm_10 {margin-bottom: 10px}
.adwBm_20 {margin-bottom: 20px}
.adwBm_40 {margin-bottom: 40px}
.adwBp {padding-bottom: 10px}
.adBox_wrap {overflow:hidden;position:relative;width:300px;height:100%;background:#fff;text-align:right;margin:0 0 20px 20px;}
.adBox_wrap div {text-align:right;margin:0 auto}
.adBox_link {padding:15px 0;overflow:hidden}
.ad_skyscraper_left {position:absolute;left:-185px;top:175px;}
.ad_skyscraper_left2 {position:absolute;left:-185px;top:790px;}
.ad_skyscraper_right {position:absolute;right:-185px;top:295px;}
.ad_skyscraper_right2 {position:absolute;right:-175px;top:665px;}
.ad_common_top {margin:0 auto;text-align:center}
.ad_common_bottom {margin:0 auto;text-align:center; border-top:1px solid #d0dce2}
.adBox_article {float:right;margin:7px 0 5px 10px;}
.adBox_article_bottom {text-align:center;margin:10px 0 20px}
.ad_floating_wrap {position:absolute;z-index:1000;}
.ad_floating_wrap .btn_close {position:absolute;cursor:pointer}
.ad_promotion_pick {border-radius: 10px; background-color: var(--bs-point-color2);}
.header_sticky {background-image:linear-gradient(90deg,#222942 50%,#272e39 100%)}
.header_sticky a {display: block; padding: 1.2rem 0;}
.header_sticky h5 {color: #94a0ad; font-weight: 400; font-size: 1.6rem; text-align: center;}
#copyright {padding:10px 0;border-top: 1px solid var(--bline-color-100);margin-top: 20px}
#copyright > p  {line-height:20px;font-size:15px;}
#copyright a {color:var(--bs-point-color)}
#copyright a:hover {color:#000}

/*리스트*/
.articleTop {position:relative; overflow:hidden; margin:20px 0;}
.sectionTop {display: flex; align-items: center; padding:40px 0 40px 30px;overflow: hidden;clear: both;}
.sectionTop .pageTitle {position:relative; font-size:3.2rem; font-weight: 700; line-height:4.8rem;}
.sectionTop .pageTitle a:hover {text-decoration:none;}
.sectionTop .pageTitle .num {font-family: 'GmarketSans'; font-weight: 700; font-size: 3.6rem;}
.articleWrap {display: flex; justify-content: space-between; overflow:hidden;margin-bottom:50px}
.articleList {overflow:hidden; background-color: #fff; border-radius: 20px; padding:0 30px;}
.articleList.topLine {border-top:1px solid #e9e9e9;}
.articleList li {display: flex; align-items: center; width: 100%;}
.articleList li .list-title {width: 770px; flex-shrink: 0;}
.articleList li .list-img {float: left; position: relative; display:block; width:140px; margin-right: 20px;}
.articleList li .list-img .photo_tmb {width: 140px; height: 100px; overflow: hidden; }
.articleList li.topHeadLine{overflow:hidden; border-top:0; padding:17px 0;}
.articleList li.topHeadLine h3 {padding-top:3px; margin-bottom:6px;}
.articleList li.topHeadLine h3 a {color:#000; font-weight:500; font-size:26px; line-height:32px; letter-spacing:-2px;}
.articleList li.topHeadLine .list-img {width:220px; min-height:120px}
.articleList li.topHeadLine .list-img img{width:220px;}
.articleList li {position:relative; padding:30px 0; border-bottom:1px solid var(--bline-color-100); overflow:hidden;}
.articleList li:last-child {border: 0;}
.articleList li .tit {display:block; font-size:20px; line-height: 26px; font-weight: 500; margin-bottom:10px;}
.articleList li .desc {overflow:hidden;height:auto; padding-right:20px ;}
.articleList li.topHeadLine .desc {overflow:hidden;height:60px;}
.articleList li .source {margin:5px 0 0;}
/* .articleList li .source .page, .articleList li .source .page a {color:var(--bs-point-color);} */
.articleList li .source .txtBar{margin: 0 5px}

/* 리스트 - 픽 */
.listPickWrap .articleList {background-color: transparent; display: flex;flex-wrap: wrap; padding: 0;}
.listPickWrap .articleList li {align-items: center; background-color: #fff; border-radius: 20px; border: 0; margin-bottom:10px ; padding:25px 30px;}
.listPickWrap .articleList li .list-title {flex-shrink: 0; width: 770px;}
.listPickWrap .articleList li .list-icon {position: relative;}

.listPickWrap .articleList li.first, .listPickWrap .articleList li.second {flex-wrap: nowrap; align-items: flex-start;}
.listPickWrap .articleList li.first .source, .listPickWrap .articleList li.second .source {margin: 30px 0 10px;}
.listPickWrap .articleList li.first {background-color: var(--bs-point-color); margin-right: 15px;}
.listPickWrap .articleList li.first .tit a {color: #fff; font-size: 3rem; line-height: 3.8rem; letter-spacing: -2px;}
.listPickWrap .articleList li.first .date {color: #ECBBBE;}
.listPickWrap .articleList li.first .icon-time-red {background-position:-50px -284px;}

.listPickWrap .articleList li.first .list-title, .listPickWrap .articleList li.second .list-title {flex-shrink : 1}
.listPickWrap .articleList li.first, .listPickWrap .articleList li.first .list-title {width: calc(565px - 60px);}
.listPickWrap .articleList li.first .imgInfo_hit, .listPickWrap .articleList li.second .imgInfo_hit {top: 145px; right: 10px;} /*적중 아이콘 위치 변경*/
.listPickWrap .articleList li.second, .listPickWrap .articleList li.second .list-title {width: calc(290px - 60px);}

/*리스트탑 하단*/
.nav_list {padding: 5px 0 0 35px;}
.nav_list ul {display: flex;}
.nav_list li a {display: block; padding: 0 10px; font-size: 16px; font-weight: 500;}
.nav_list li a:hover {color:var(--bs-point-color); text-decoration:none;}
.nav_list li.on a {color:var(--bs-point-color);}

.navTab {margin:20px 0 10px;}
.navTab_line {border-top:2px solid #464646 !important}
.navTab ul {width:657px; overflow:hidden;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;}
.navTab ul li{float:left; border-left:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; width:218px;}
.navTab ul li.on {background-color:var(--bs-point-color);}
.navTab ul li a{display:block; height:40px; font-size:15px; font-weight:400; text-align:center; line-height:40px;}
.navTab ul li a:hover{color:var(--bs-point-color); text-decoration:none;}
.navTab ul li.on a{color:#fff;}
.navTab.tab2 ul li{width:163px;}
.navTab.tab3 ul li{width:658px;border-right:1px solid #e9e9e9; }

.btn_all_news {position:absolute;right:0;bottom:20px;display:inline-block}
.btn_all_news a {color:#fff}

.news_more {margin: 30px 0 0 0}
.news_more a {width:auto;display:block;}

.m_photo_wrap {overflow:hidden;position:relative;width:359px;height:100%;background:#f6f6f6;padding:10px;border:1px solid #d0dce2;border-left:0;margin-top:-1px}
.m_photo_wrap li {overflow:hidden;float:left;position:relative;width:137px;height:114px;margin-right:3px;margin-bottom:3px;letter-spacing:-1px}
.m_photo_wrap li.spot{width:360px;height:325px;border:1px solid #b9b9b9}
.m_photo_wrap li.spot .dim{left:10px; top:250px;width:338px;height:63px}
.m_photo_wrap li.spot p {position:absolute;top:250px;left:10px;width:310px;padding:6px 10px;font-size:17px;font-weight:500;color:#fff;}
.m_photo_wrap a:hover p {color:var(--bs-point-color)}
.m_photo_wrap li.spot p .date{display:block;margin-top:-3px;color:#959595}
.m_photo_wrap li.alb .dim{top:90px;width:100%;height:24px}
.m_photo_wrap li.alb p{position:absolute;top:88px;left:-3px;width:100%;padding:6px 10px;color:#ddd}
.m_photo_wrap li.alb p a{color:#fff}
.dim{position:absolute;background:#000;opacity:0.6;filter:alpha(opacity=60);cursor:pointer}

.m_photo_wrap .album {background:#fff;padding:0 0 10px 0}
.m_photo_wrap .album a:hover {color:var(--bs-point-color)}
.m_photo_wrap .album .t_title {margin:7px 10px 5px}
.m_photo_wrap .album .t_sum {margin:5px 12px 0}

/*소셜아이콘*/
.sosialBox {overflow:hidden;padding:12px 0 12px;}
.sosialBox li {float:left;margin-left:8px;}
.sosialBox li a {display:block; border-radius: 50px; border: 1px solid var(--bline-color-400); padding: 2px;}
.sosialBox li a img {width: 30px;}
.sosialBox.default {float:none; overflow:hidden; border:1px solid #d0dce2;border-left:0;border-right:0; width:100%;margin:0 0 15px 0;padding:10px 0}
.sosialBox.positionRight {position: absolute; right: 0; top: 0px; padding: 0}

#newsViewBottom {overflow:hidden;margin-top:20px}

/*링크박스*/
.side_linkBox .box1, .side_linkBox .box2, .side_linkBox .box3 {float:left;width:115px;}
.side_linkBox li a {font-size:11px; color:var(--bs-point-color);letter-spacing:-1px}
.side_linkBox li a:hover {color:#000}

/* 리스트 썸네일 */
.list_box {overflow:hidden;}
.list_box li {width: 870px;display: inline-block;*zoom:1;*display:inline;vertical-align: top;position: relative;}
.list_box li {background:url(../images/line_dot.gif) repeat-x 0 bottom;padding:15px 0}
.list_box .date {padding:2px 0 5px;font:11px Verdana, Helvetica, Arial, Gulim, sans-serif;color:#93b6ca }
.list_box .count {font-weight:normal;color:var(--bs-point-color); font:0.85em verdana;vertical-align:top}
.list_box .summary {padding:5px 0 0 0 !important}
.list_thumbnail {width:186px;height:100%;min-height:100px; overflow:hidden;text-align:center;font-size:16px;line-height:100px;color:#aaa;float:left;margin-right:15px}
.list_thumbnail img{max-width:186px}

/*포토슬라이드*/
.photoSlide {position:relative;font-family:"굴림", Gulim}
.slideGallery {position:relative; width:598px; height:615px; border:1px solid #e4e4e4;}
.slideGallery .photoTitle {overflow:hidden; padding:9px 15px 8px; background:#434d52; border:1px solid #2d363a}
.slideGallery .photoTitle h4 {float:left; color:#fff; font-size:16px;}
.slideGallery .photoTitle .page {float:right; color:#778891;margin:0;font-weight:500}
.slideGallery .photoTitle .page em {color:#fff;}
.slideGallery .imgView {width:480px; height:100%; overflow:hidden; margin:0 auto;text-align:center;vertical-align:middle}
.slideGallery .imgView img {max-height:500px; max-width:480px; text-align:center}
.slideGallery button {position:absolute; background:url("../images/slide_btn.png") no-repeat; text-indent:-9999px;}
.slideGallery button.btnPrev{width:26px; height:52px; top:130px; left:12px; background-position:5px 50%;padding:180px 20px}
.slideGallery button.btnPrev:hover {background-position:-82px 50%;}
.slideGallery button.btnNext{width:26px; height:52px; top:130px; right:9px; background-position:-36px 50%;padding:180px 20px}
.slideGallery button.btnNext:hover {background-position:-123px 50%;}
.slideGallery .slidethumList {position:absolute; bottom:0; left:0; width:528px; overflow:hidden; padding:0px 35px 0;border-top:1px solid #e4e4e4;background:#fff}
.slideGallery .slidethumList .mask {position:relative; width:532px; left:-1px; height:70px; overflow:hidden;}
.slideGallery .slidethumList .mask ul {position:absolute; top:0px; height:60px;}
.slideGallery .slidethumList .mask ul:after{clear:both; display:block; content:''; *zoom:1;}
.slideGallery .slidethumList .mask ul li {float:left;width:75px;height:70px;overflow:hidden;margin-right:1px;*zoom:1;}
.slideGallery .slidethumList .mask ul li img {max-width:100px;min-height:56px;width:100px; opacity:1;filter:Alpha(opacity=100);}
.slideGallery .slidethumList .mask ul li.select {border:2px solid #d70c19;}
.slideGallery .slidethumList .mask ul li.select img {opacity:1;filter:Alpha(opacity=100);}
.slideGallery .slidethumList .mask ul li img:hover {opacity:1;filter:Alpha(opacity=100);}

.slideGallery button.btnListPrev{width:32px; height:70px; bottom:0px; left:0; background-position:-217px 15px;border-right:1px solid #e4e4e4;background-color:#f6f6f6}
.slideGallery button.btnListPrev:hover {background-position:-299px 15px;}
.slideGallery button.btnListNext{width:31px; height:70px;; bottom:0px; right:0; background-position:-177px 15px;border-left:1px solid #e4e4e4;background-color:#f6f6f6}
.slideGallery button.btnListNext:hover {background-position:-259px 15px;}

.photoDesc {position:relative; width:578px; border-bottom:1px solid #e7e7e7;background:#fff;padding:12px 10px 10px}
.photoDesc h5 {font-size:16px; text-align:center}
.photoDesc h5 a:link {color:#000}
.photoDesc h5 a:hover {color:var(--bs-point-color)}

/*테이블*/
/*
.article table {display:inline-block;overflow:hidden;border-collapse:collapse;}
.article table, .article table th, .article table td {width:auto;border:0;display:inline-block}
.article table th, .article table td {border-top:1px solid #d0dce2;}
.article table {border-bottom:1px solid #d0dce2;border-left:1px solid #d0dce2;}
.article table th{background:#f8f8f8; border-right:1px solid #d0dce2;font-size:15px;padding:2px 10px 6px;}
.article table td{padding-left:20px;font-size:15px;padding:2px 10px 6px;border-right:1px solid #d0dce2;}
.article table a {text-decoration:none;color:#fb61a2}
.article table a:hover {color:#000}
.article table ol li > ol li {margin-left:10px}
*/
.article table {border-collapse:collapse;border-style:none; border-spacing:0;}
.article table, .article table td, .article table tr {border-color:#d0dce2}
.article table td {padding-left:20px;font-size:14px;padding:2px 10px 6px;}

/*모바일버전보기*/
.u_ft {border-top: 1px solid #fff;}
.u_ftlkw{clear:both;text-align:center;background-color:#fff;}
.u_ftlkbt{display:inline-block;overflow:hidden;position:relative;z-index:2;width:96%;margin:15px 0;font-size:5em;font-weight:500; vertical-align:middle}
.u_ftlkbt{height:150px;border:2px solid #c4c4c4;background:#fcfcfc;line-height:2.6em;border-radius:3px}

/*회사소개*/
.fullwide {overflow:hidden;padding:30px 0;background:none !important}
.contact h2, .joinus h2 {font-size:26px;display:block;height:50px}
.joinus {font-size:14px;line-height:20px}
.joinus h3, .joinus h4 {font-size:23px; padding:40px 0 25px; }
.joinus h4 {font-size:18px;padding:0 0 30px 0;font-weight:normal;color:var(--bs-point-color)}
.joinus .text {margin:10px 0 50px 0;}
.joinus .mailto {margin-top:20px}
.joinus .mailto li a {color:var(--bs-point-color);}
.contact .googleMap {overflow:hidden;position:relative;margin-bottom:20px}
.contact .fl {float:left}
.contact dl {line-height:20px}
.contact dt {font-weight:500;color:#03cadd;margin-right:5px}
.contact .addr {margin-bottom:15px}

/* add sejin 180112*/
/*버튼*/
.btn {
  display: inline-block;
  padding: 8px 20px 10px;
  margin-bottom: 0;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 50px;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  *margin:0 3px;
  *padding: 7px 8px 5px;
}
.btn em {font-weight: 500;}
.btn input {
  width: 100%; padding:0;
  color: inherit; background: inherit; font-size: inherit; line-height: inherit; font-weight: inherit;
}

.btn-lx {padding:20px 40px; font-size:24px;}
.btn-lg {padding:16px 50px; font-size:2rem;}
.btn-lgm {padding:14px 50px; font-size:1.8rem;}
.btn-md {padding:12px 35px 13px; font-size:1.6rem}
.btn-mdl {padding:12px 45px 13px; font-size:1.6rem}
.btn-smd {padding:8px 25px; font-size:1.5rem}
.btn-sm {padding:3px 20px; font-size:13px;}
.btn-sx {padding:0 10px; font-size:12px}
.btn-sxx {padding:3px; font-size:12px}
.btn-single {width: auto;}
.btn-block {display: block; width: 100%;}
.btn-align-left {text-align: left;}
.btn-align-right {text-align: right;}
.btn-align-center {text-align: center;}
.btn-slim {font-weight: 300;}
.btn-square {border-radius: 5px;}
.btn-square-lg {border-radius: 10px;}
@media all and (max-width: 768px) {
  .btn-lg {padding:16px 30px 12px; font-size:1.8rem; line-height: 2.2rem;}
  /* .btn-md {font-size: 1.5rem; padding: 8px 30px;line-height: 3.2rem; height: 40px;} */
}
.m-link {
	text-decoration: none;
	position: relative;
	display: inline-block;
  color: var(--bs-point-color);
}
.m-link:after {
	display: block;
	content: '';
  height: 1px;
  background-color: var(--bs-point-color);
  margin-top: -2px;
}

/* 버튼 감쌀때 */
.btn-group {position: relative; display: flex; }
.btn-group .btn, .btn-group p {flex-grow: 1; margin: 0 3px; }
.btn-group.btn-group-dual .btn {margin: 0; flex: 1 1 40%;}
.btn-group.btn-group-dual .btn:first-child {border-bottom-right-radius:0 ; border-top-right-radius:0 }
.btn-group.btn-group-dual .btn:last-child {border-bottom-left-radius:0 ; border-top-left-radius:0 }

.btn-group-form {width: 400px; margin: 30px auto;}
@media all and (max-width: 768px) {
.btn-group-form {width: 100%;}
}
.btn-group-form a {margin: 0 5px;}

.btn-group-hori p:first-child {margin-right: 10px;}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-primary, .btn-primary a {
  color: #ffffff;
  background-color: #7018B9;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #7018B9;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #7018B9;
  border-color: #7018B9;
}

.btn-primary.outline,
.btn-primary .badge {
  border-color: var(--bs-point-color);
  color: var(--bs-point-color);
  background-color: #fff;
}

.btn-danger, .btn-danger a {
  color: #fff;
  background-color: var(--bs-point-color);
  border-color: var(--bs-point-color);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c63343;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-danger.outline,
.btn-danger.outline a,
.btn-danger.badge {
  border-color: #e60013;
  color: #e60013;
  background-color: #fff;
}

.btn-danger.outline:hover,
.btn-danger.outline a:hover,
.btn-danger.badge:hover {
  border-color: #e60013;
  color: #e60013;
  background-color: var(--bg-color-100);
}

.btn-danger.lightly,
.btn-danger.lightly a {
  border-color: #F4E6E6;
  color: #e60013;
  background-color: #F4E6E6;
}

.btn-white {
  color: #000;
  background-color: #fff;
  border-color: var(--bline-color-100);
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: var(--bs-point-color2);
  background-color: var(--bg-color-100)
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}

.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #ffffff;
  border-color:var(--bline-color-100);
}

.btn-white .badge {
  color: #ffffff;
  background-color: #fff;
}


.btn-light, .btn-light a {
  color: #000;
  background-color: var(--bg-color-300);
  border-color: var(--bg-color-300);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  background-color: #e4e3e9;
}

.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  background-image: none;
}

.btn-light.disabled,
.btn-light[disabled],
fieldset[disabled] .btn-light,
.btn-light.disabled:hover,
.btn-light[disabled]:hover,
fieldset[disabled] .btn-light:hover,
.btn-light.disabled:focus,
.btn-light[disabled]:focus,
fieldset[disabled] .btn-light:focus,
.btn-light.disabled:active,
.btn-light[disabled]:active,
fieldset[disabled] .btn-light:active,
.btn-light.disabled.active,
.btn-light[disabled].active,
fieldset[disabled] .btn-light.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-light.outline,
.btn-light.outline a,
.btn-light .badge {
  border-color: #e60013;
  color: #e60013;
  background-color: #fff;
}

/* 검정 버튼 */
.btn-dark, .btn-dark a {
  color: #fff;
  background-color: var(--bs-point-color2);
  border-color: var(--bs-point-color2);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #fff;
  background-color:#11151b
}

.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-image: none;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-dark.outline,
.btn-dark.outline a,
.btn-dark .badge {
  border-color: var(--bs-point-color2);
  color:var(--bs-point-color2);
  background-color: #fff;
}

.btn-dark.outline:hover,
.btn-dark.outline a:hover,
.btn-dark .badge:hover {
  border-color: var(--bs-point-color2);
  color:var(--bs-point-color2);
  background-color: var(--bg-color-100)
}
/* 회색 버튼 */
.btn-secondary, .btn-secondary a {
  color: #fff;
  background-color: #4A5B75;
  border-color: #4A5B75;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #fff;
  background-color: #45536b;
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-secondary.outline,
.btn-secondary.outline a,
.btn-secondary .badge {
  border-color: #e60013;
  color: #e60013;
  background-color: #fff;
}

/* gray */
.btn-disabled, .btn-disabled a {
  color: #fff;
  background-color: #D6D9E1;
  border-color: #D6D9E1;
  cursor: default;
}

.btn-disabled:hover,
.btn-disabled:focus,
.btn-disabled:active,
.btn-disabled.active,
.open .dropdown-toggle.btn-disabled {
  color: #fff;
  background-color: #D6D9E1;
}

.btn-disabled:active,
.btn-disabled.active,
.open .dropdown-toggle.btn-disabled {
  background-image: none;
}

.btn-disabled.disabled,
.btn-disabled[disabled],
fieldset[disabled] .btn-disabled,
.btn-disabled.disabled:hover,
.btn-disabled[disabled]:hover,
fieldset[disabled] .btn-disabled:hover,
.btn-disabled.disabled:focus,
.btn-disabled[disabled]:focus,
fieldset[disabled] .btn-disabled:focus,
.btn-disabled.disabled:active,
.btn-disabled[disabled]:active,
fieldset[disabled] .btn-disabled:active,
.btn-disabled.disabled.active,
.btn-disabled[disabled].active,
fieldset[disabled] .btn-disabled.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-disabled.outline,
.btn-disabled.outline a,
.btn-disabled .badge {
  border-color: #D6D9E1;
  color: var(--font-color-gray-100)
  background-color: #fff;
}

/* label */
.label {display:inline-block; padding:0.8rem 1.8rem; border-radius:10rem; color:#fff; font-size:13px; font-weight:500; text-align:center; line-height:1; vertical-align:baseline; white-space:nowrap;}
.label-brand {background-color:var(--bs-point-color);}
.label-brand.label-flat-text {background-color:#fff; color: var(--bs-point-color);}
.label-primary {background-color:var(--bs-point-color2);}
.label-primary.label-flat-text {background-color:#fff; color: var(--bs-point-color2);}
.label-info {background-color:#005DDE;}
.label-success {background-color:#99C177;}
.label-danger {background-color:var(--bs-point-color);}
.label-disable {background-color:#aaa;}

.label-sm {padding: 0.5rem 1rem;}

/* memberWrap */
.input_area {position: relative; box-sizing: border-box; padding:20px 0;}
.input_area label {font-weight: 500; font-size: 1.8rem;}
.input_area .inp_wrap {position: relative; box-sizing: border-box;margin: 10px 0;}
.input_area .inp_wrap .input-default {width:100%; height:50px; padding:12px 20px; border:1px solid var(--bline-color-200); background-color: var(--bg-color-200); border-radius: 10px; font-size:15px; line-height: 0;box-sizing: border-box;}
.input_area .inp_wrap .input-default.input-sm {width: 50%;}
.input_area .inp_wrap .input_box {position: relative;display: flex; align-items: center;}
.input_area .inp_wrap .input_box.pd_box {padding-right: 100px;}
.input_area .inp_wrap .input_box .space {margin: 0 5px;}
.input_area .inp_wrap .input_box .btn {margin-left: 8px; padding: 13px 20px;}
.wrap_info_error {display: block;clear: both; font-size: 1.5rem; line-height: 2.6rem; margin: 10px 0;}

.input-group-dual {display: flex;}
.input-group-dual .input_area {flex: 1 1 40%;}
.input-group-dual .input_area:last-child {margin-left: 20px;}

/*리스트 폼 : 신규*/
.listForm_basic {font-size:15px;margin:30px 0;position: relative;overflow: hidden;}
/* .listForm_basic .input_area {display: flex;align-items: center; padding: 5px 0;} */

.listForm_basic .btnArea {text-align:center;margin-top:30px;}
.commentBox {margin:30px 0;}
.commentBox .t_title {width: auto;text-indent: 0; font-size: 18px !important; line-height: 24px; font-weight:500; padding: 0; margin-bottom: 15px; letter-spacing: 0 !important}
.commentBox .info_account_num {background:#f8f8f8;padding:30px 40px; font-size: 22px;}

/* #container 클래스별 적용 */
.membershipWrap, .policyWrap {position: relative;}
.membershipWrap#container, .membershipWrap #contentsWrap, .policyWrap#container, .policyWrap #contentsWrap {background: none}
.membershipWrap .titleBox {text-align: center;position:relative; padding:60px 0px 50px; background: none;}
.membershipWrap .titleBox .t_title, .policyWrap .titleBox .t_title {margin:10px 0 30px}
.membershipWrap .t_title, .membershipWrap .t_title a {font-size:3.8rem; font-weight:700; line-height: 4.8rem;}

.membershipWrap .list_info {margin-top: 50px; display: flex; justify-content: center;}
.membershipWrap .list_info li {margin:0 5px;}
.membershipWrap .list_info li .link_info {font-weight:500;}
.membershipWrap .list_info.list_info_center {text-align: center; margin: 20px 0 0 0}
.membershipWrap .list_info.list_info_center .btn {margin-left: 20px;}

.memberBox, .memberBox_ref, .memberBox_nmg {width: 100%;}
.memberBox_ref {background: none !important; padding:0; border: 0}
.memberBox .logWrap, .memberBox .joinWrap, .memberBox .joinWrap .txtBox {overflow:hidden;}
.memberBox .joinWrap .txtBox {background:var(--bg-color-200); padding:25px 20px; border-radius: 20px;}
.memberBox_ref .joinWrap {overflow:hidden;background: none; padding:0;border: 0}
.memberBox .logWrap .tit_register {font-size: 24px;font-weight: 500}
.memberBox .logWrap .txt {font-weight:500; font-size: 18px;line-height: 26px;}

.policyWrap .titleBox {position:relative; border-bottom: 2px solid var(--bs-point-color2)}
.policyWrap .t_title, .policyWrap .t_title a {font-size:2.4rem; font-weight:700;}
.policyWrap .content {padding: 30px 0;}
.policyWrap .entry {background-color: #fff; border-radius: 20px; padding: 30px;}
.policy {width: 100%}
.policy .joinWrap {border: 0; background: none;}

.subTitle .titleBox {text-align: left; position:relative; padding:20px 0px 0; background: none; border-bottom: 1px solid var(--bline-color-100);}
.subTitle .t_title, .policyWrap .t_title a {font-size:26px; font-weight:500; letter-spacing:-2px; text-align: left; margin: 30px 0 10px !important;line-height: 38px}

/* entry */
.membershipWrap .entry {position:relative; width: 500px; margin: 0 auto; margin-bottom: 30px; padding: 30px; background-color: #fff; border-radius: 20px; }
.membershipWrap .entry.subscription {width: 800px;}
.membershipWrap .entry p.article {font-size:15px; line-height:28px; margin-bottom:25px}
.membershipWrap .entry .entry-header {font-size:38px; line-height:55px; padding:50px 40px 30px}
.membershipWrap .entry .entry-body {padding:0 40px}
.membershipWrap .entry .entry-body p {margin-bottom:30px}
.membershipWrap .entry .entry-img {position:absolute; top:0; right:0; z-index:-1}

.joinStep {padding:0px 0 50px;}
.joinStep ol {width:264px; margin:0 auto; overflow:hidden;}
.joinStep li {float:left; height:70px; background:url("../images/img_membership.png") no-repeat; background-size: calc(722px / 2) auto;}
.joinStep li.s1 {width:97px; background-position:0 -70px;}
.joinStep li.s2 {width:97px; background-position:-194px -70px;}
.joinStep li.s3 {width:70px; background-position:-291px -70px;}
.joinStep li.s1.on {width:97px; background-position:0 0px;}
.joinStep li.s2.on {width:97px; background-position:-194px 0px;}
.joinStep li.s3.on {width:70px; background-position:-291px 0px;}

.chk {position: relative;margin: 15px 0}
.ico_chk {display: inline-block;overflow: hidden; font-size: 0;line-height: 0;text-indent: -9999px; background-position: 2px -365px; background-size: 150px auto; cursor: pointer}
.logSelect {overflow: hidden;position: relative;}
.logSelect .chk {float: left;margin:0 30px 20px 0}

.memberBox .ico_chk, .memberBox .checkbox {position: absolute;top: 0px;left: 0px;width: 26px;height: 26px;}
.memberBox .chk_on .ico_chk {background-position: -42px -365px}
.memberBox .checkbox {opacity: .01;}
.txt_required {margin-left: 35px}

.joinWrap fieldset.terms{margin-bottom:35px;}
.joinWrap fieldset.terms legend{width:auto; text-indent:0; font-size:18px; line-height:24px; font-weight:500; padding:0;margin-bottom: 15px}
.joinWrap fieldset.terms .txtBox {height: 120px; overflow-y: scroll;}
.joinWrap .joinInfoArea {width:448px; margin:0 auto;}
.joinWrap .joinInfoArea p, .logWrap .loginArea .logInput p {margin:5px 0 15px;}

.joinWrap .txt {text-align: center;font-weight:500;font-size: 13px;line-height: 32px}
.joinWrap .txt-info {font-weight: normal;}
.joinWrap .img {text-align: center;margin: 30px 0 10px}
.mypageWrap .joinInfoArea p  {margin:5px 0 15px; display:block; clear:both; margin-left:160px}
.memberBox .mypageWrap {padding:30px 48px 55px;}
.txtBox .joinGuide {margin-bottom:33px;}
.txtBox .joinGuide h4 {font-size:16px; font-weight: 500; margin-bottom:10px;}
.txtBox .joinGuide ul>ol {font-size: 1.4rem; color: var(--font-color-gray-200);}

/*테이블*/
.table {width:100%; max-width:100%; line-height: 18px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:10px 15px; border-bottom:1px solid var(--bline-color-100); vertical-align:middle; text-align: center;}
.table>thead>tr>th, .table>tbody>tr>th {border-bottom:2px solid var(--bline-color-100); vertical-align:bottom; background:var(--bg-color-200); font-weight: 500; font-size: 1.5rem;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border:1px solid var(--bline-color-100);}
/* .table-bordered>tbody>tr>td:first-child, .table-bordered>tbody>tr>th:first-child, .table-bordered>tfoot>tr>td:first-child, .table-bordered>tfoot>tr>th:first-child, .table-bordered>thead>tr>td:first-child, .table-bordered>thead>tr>th:first-child {border-left:0} */

.table-form {border-top:1px solid #074691}
.table-form>tbody>tr>th, .table-form>tfoot>tr>th, .table-form>thead>tr>th {background:#f6f7f9; text-align:left}

.table-form .input-default {float:left; width:210px; height:16px; padding:10px; border:1px solid #ccc; font-size:13px;line-height: 0}
.table-form select {float:left; width:auto; min-width:115px; height:36px; padding:5px 10px 5px 6px; border:1px solid #ccc;}
.table-form .input-textarea {float:left; width:210px; height:auto; padding:2px 4px 3px 4px; border:1px solid #ccc; font-size:13px; }

.table-responsive {overflow-x: auto; }
.table-sm th {padding:15px 15px !important; font-size: 1.3rem;}
.table-sm td {padding:10px 15px !important; font-size: 1.3rem;}
.table-sm>tbody>tr>td.subject .m-badge {margin-left: 5px; font-size: 11px;}
.table-sm>tbody>tr>td.subject .btn-link {color: inherit}

.table-secondary>tbody>tr>th {background-color: var(--bg-color-200);}

/* 게임 테이블 */
.gameRoundWrap {position: relative; }
.title-round-game {margin: 50px 0 30px;}
.title-round-game h2 {font-size:3.6rem; font-weight: 500; margin: 0 0 35px 20px;}
.title-round-game h2 em {font-family: 'GmarketSans'; font-size:6rem; font-weight: 700; margin-right: 5px;}
.group-conts-game {position: relative; display: flex; justify-content: space-between;}
.group-conts-game .tbl-game {width: 910px; font-weight: 500;}
.tbl-game .table {width:100%; max-width:100%; font-size: 1.4rem;}
.tbl-game .table>thead>tr>th, .tbl-game .table>tbody>tr>th {vertical-align:bottom; background:var(--bs-point-color2); color: #fff; font-weight: 500;}
.tbl-game .table>tbody>tr>td, .tbl-game .table>tbody>tr>th, .tbl-game .table>tfoot>tr>td, .tbl-game .table>tfoot>tr>th, .tbl-game .table>thead>tr>td, .tbl-game .table>thead>tr>th {padding:15px 5px; vertical-align:middle;border: 0;}
.tbl-game .table>thead>tr>th {padding: 10px 5px;}
.tbl-game .table>tbody>tr {background-color: #FBFCFE;}
.tbl-game .table>tbody>tr:nth-child(2n) {background-color: var(--bg-color-200)}
.tbl-game .table>thead>tr>th:first-child, .tbl-game .table>tbody>tr>th:first-child, .tbl-game .table>tbody>tr>td:first-child {border-radius: 50px 0 0 50px;}
.tbl-game .table>thead>tr>th:last-child, .tbl-game .table>tbody>tr>th:last-child, .tbl-game .table>tbody>tr>td:last-child {border-radius: 0 50px 50px 0;}
.tbl-game .table>thead>tr>th.tbl-th-point {background-color: var(--bs-point-color); color: #fff;}
.tbl-game .table>thead>tr>th:nth-child(4), .tbl-game .table>tbody>tr>td:nth-child(4) {text-align: right;}
.tbl-game .table>thead>tr>th:nth-child(6), .tbl-game .table>tbody>tr>td:nth-child(6) {text-align: left;}
.tbl-game .table>thead>tr>th:nth-child(n+7):nth-child(-n+9), .tbl-game .table>tbody>tr>td:nth-child(n+7):nth-child(-n+9) {padding: 15px 2px;}
.tbl-game button.btn {min-width: 60px; border-color: #D2D6E3; box-shadow: 1px 1px 2px #D2D6E3; padding: 6px 16px !important; color: #4F5777;}
.tbl-game button.btn.on {background-color: var(--bs-point-color); color: #fff;}
.tbl-game .date {color: var(--bs-point-color);}
.tbl-game .bleat {color: var(--font-color-gray-100)}
.tbl-game i.icon-pick-light {margin-left: 5px;}

.gameRoundWrap.style-simple {position: relative; background-color: #fff; border-radius: 20px; width: calc(200px - 30px); padding:15px; margin-right: 20px;}
.gameRoundWrap.style-simple .title-round-game {margin: 20px 0 20px 0; text-align: center;}
.gameRoundWrap.style-simple .title-round-game h2 {font-size: 2.2rem; margin:0 0 30px 0;}
.gameRoundWrap.style-simple .title-round-game h2 em {font-size: 3.8rem;}
.gameRoundWrap.style-simple .tbl-game .label {font-size: 2.4rem; color: #000; font-weight: 700; background-color: transparent; padding: 0;}
.gameRoundWrap.style-simple .tbl-game .btn.btn-sm {padding: 6px 10px;}
.gameRoundWrap.style-simple .tbl-game .btn.btn-sm em {display: none;}
.gameRoundWrap.style-simple .tbl-game i.icon-pick-light {margin: 0;}
.gameRoundWrap.style-simple .tbl-game .table {table-layout: fixed;}
.gameRoundWrap.style-simple .tbl-game .table>tbody>tr {position: relative; display: block; padding: 10px 0 15px; border-top: 1px solid var(--bline-color-100);}
.gameRoundWrap.style-simple .tbl-game .table>tbody>tr:nth-child(2n) {background-color: transparent;}
.gameRoundWrap.style-simple .tbl-game .table>tbody>tr>td {display: block; padding:7px 0px; vertical-align:middle;border: 0; text-align: left;}
.gameRoundWrap.style-simple .tbl-game .table>tbody>tr>td:nth-child(n+3):nth-child(-n+5) {display: inline;}
.gameRoundWrap.style-simple .tbl-game .table>tbody>tr>td:nth-child(4) {padding: 7px;}
.gameRoundWrap.style-simple .tbl-game .table>tbody>tr>td:nth-child(6) {position: absolute; right: 0; top: 10px;}


.tbl-cal {position: relative; width: calc(100% - 910px - 30px); min-height: 800px; font-size: 1.4rem;}
.tbl-cal > div { position: absolute; top: 0; background-color: var(--bs-point-color2); border-radius: 20px; }
.tbl-cal > div.active { position: fixed; top: 85px; }
.tbl-cal h3 {color: #fff; font-size: 2.6rem; padding: 20px; font-weight: 500;}
.tbl-cal .cal-list-wrap {min-height: 320px; background-color: #fff; margin: 5px; border-radius: 15px; padding:5px 15px;}
.tbl-cal .cal-list-wrap li {display: flex; align-items: center; justify-content: space-between; margin: 5px 0;}
.tbl-cal .cal-list-wrap li span:nth-child(2) {width: 110px;}
.tbl-cal .cal-info-wrap {color: #929AA1; padding: 15px;}
.tbl-cal .cal-info-wrap li {position: relative; display: flex; align-items: center; justify-content: space-between; margin: 5px 0;}
.tbl-cal .cal-info-wrap li em {color: #fff; font-weight: 700; margin-right: 10px;}
.tbl-cal .cal-info-wrap .input-cal {font-weight: 500; background-color: #F2F4F7; border-radius: 5px; width: 100px; height: calc(30px -  10px); font-size: 1.3rem; padding: 5px 0 5px 10px; margin-right: 10px;}
.tbl-cal .cal-info-wrap .btn-cal {position: absolute; top: 3px; right: 30px;}
.tbl-cal .cal-info-wrap .count_sum {width: 100%; display: flex; justify-content:space-between; margin: 10px 0;}
.tbl-cal .cal-info-wrap .count_sum .btn {flex-basis: 70px; width: 70px; padding: 3px 0; margin: 0 3px;}
.tbl-cal .cal-reset-btn {padding: 15px;}

.memberBox .table-form {border-top:0}
.memberBox .table-form>tbody>tr>th, .memberBox .table-form>tfoot>tr>th, .memberBox .table-form>thead>tr>th {background:#f9f9f9; text-align:left}
.memberBox .table>tbody>tr>td, .memberBox .table>tbody>tr>th, .memberBox .table>tfoot>tr>td, .memberBox .table>tfoot>tr>th, .memberBox .table>thead>tr>td, .memberBox .table>thead>tr>th {padding:10px 15px; border-bottom:1px solid var(--bline-color-100); vertical-align:middle;font-size: 15px}
.memberBox .input-lg {width:330px !important}

.tableForm1 {border-top:2px solid #ececec;margin-bottom:20px}
.tableForm1 table {width:100%;}
.tableForm1 table th {font-size:13px; font-weight: 500; text-align:left; border-bottom:1px solid #e0e0e0; padding:10px 20px; background:var(--bg-color-200);}
.tableForm1 table td {font-size:13px; text-align:left; line-height:20px; border-bottom:1px solid #e0e0e0; padding:12px 20px; }
.tableForm1 table td select {width:120px;height:22px;padding:2px}
.tableForm1 table td em{font-family:verdana; padding-right:5px;}
.tableForm1 table td.line, .tableForm1 table th.line {border-left:1px solid #e0e0e0}

.tableForm2 {position: relative;}
.tableForm2 table {width:100%;}
.tableForm2 table th {text-align:center; padding:15px 20px; vertical-align: middle;font-size: 18px; font-weight: 500; color: #fff;}
.tableForm2 table td {text-align:left; line-height:20px; padding:10px 20px; }
.tableForm2 table td select {width:120px;height:22px;padding:2px}
.tableForm2 table td em{font-family:verdana; padding-right:5px;}
.tableForm2 table td.line, .tableForm2 table th.line {border-left:1px solid #e0e0e0}

/*이용약관*/
.rules h3.first {margin-top:0}
.rules h3 {font-size:16px; margin:40px 0 20px;}
.rules h4 {font-size: 1.5rem; font-weight: 500;}
.rules strong {font-weight: 500; color: var(--bs-point-color2);}
.rules p, .rules li {font-size:1.4rem; ; color:var(--font-color-gray-200); line-height: 2.2rem; margin-bottom: 15px;}
.rules .first_letter {margin:0 4px 0 0; font-weight:500}

.list_1depth {padding-left: 20px;}
.list_1depth .txt_num {margin: 0 12px 0 -20px;}
.list_1depth2 {padding: 0 0 0 30px;}
.list_1depth2 li {margin-bottom: 5px;}
.list_1depth2 li:before {display: inline-block; width: 2px; height: 2px; margin: 12px 14px 0 -16px; vertical-align: top; background-color: #1e1e1e; content: '';}

/*프리미엄 회원 안내*/
.premiumWrap {position: relative;overflow: hidden;}
.premiumWrap h3 {font-size: 2.8rem;font-weight:500; letter-spacing: -1px; text-align: center;margin: 40px 0;line-height: 40px}
.premiumWrap h4 {font-size: 1.6rem;font-weight: 400;line-height: 26px}
.premiumWrap h5 {font-size: 2.2rem;margin-bottom: 20px;font-weight: 500}
.premiumWrap h5 .btn {margin-top: -6px; margin-left: 5px;}
.premiumWrap .u_premium_hidden {}
.premiumWrap .u_premium_login {text-align: center;margin-bottom: 60px}
.premiumWrap .u_premium_login h4 {margin-bottom: 40px;}
.premiumWrap .u_premium_info {margin: 50px 0 0}
.premiumWrap .u_premium_info ul, .premiumWrap .u_premium_info ol, .premiumWrap .u_premium_info p {font-size: 1.5rem; margin-bottom: 0}
.premiumWrap .u_premium_result {margin: 40px auto; width: 500px}
/* .premiumWrap .u_premium_result h5 {border-bottom: 1px solid #dadada;padding-bottom: 10px;margin:0;} */
.premiumWrap .u_premium_result .pricing_cash {font-family: verdana; font-size: 26px; letter-spacing: -2px; font-weight: 700; color: var(--bs-point-color)}
.premiumWrap .u_premium_result .pricing_cash em {font-size: 15px;color: #434159; margin-left: 5px;}

.joinWrap .u_premium_result {margin: 20px 0 0 0;}
.joinWrap .u_premium_result h5 {font-size: 1.8rem; font-weight: 500; margin-bottom: 15px;}

.premiumWrap .u_premium_pricing {border-bottom: 1px solid #d0dce2;margin-bottom: 0px;}
.premiumWrap .u_premium_pricing h4 {text-align: center}
.premiumWrap .u_premium_pricing .pricing_wide {width: 100%;display: table;table-layout: fixed;text-align: center;margin: 30px 0 50px}
.premiumWrap .u_premium_pricing .pricing_wide .btn {margin-top: 20px;margin-bottom: 0}
.premiumWrap .u_premium_pricing .pricing_wide .pricing_value {font-size: 15px;color:#999}
.premiumWrap .u_premium_pricing .pricing_wide .pricing_cash {font-size: 22px;margin-bottom: 20px;font-weight:500}
.premiumWrap .u_premium_pricing .pricing_wide .pricing_cash_sale {font-size: 14px;font-weight:500; position: absolute;bottom:105px;left:50%; transform:translateX(-50%); color: #d00b0b}
.premiumWrap .u_premium_pricing .pricing_wide .pricing_cash em {font-size: 15px;color:#999}
.premiumWrap .u_premium_pricing .pricing_item {display: table-cell;position: relative;cursor: pointer}
.premiumWrap .u_premium_pricing .pricing_item .pricing_item_mg {margin: 3px;border: 1px solid #d0dce2; padding: 170px 30px 40px;background-repeat: no-repeat;background-position: 50% 40px;background-color: #fbfbfb}
.premiumWrap .u_premium_pricing .pricing_item .ico_pricing_sale {background:url(../images/ico_pricing_sale.png) no-repeat;position: absolute;top: 2px;left: 2px;width: 51px;height: 51px}
.premiumWrap .u_premium_pricing .pricing_item.item_select .pricing_item_mg {background-color: #d00b0b;}
.premiumWrap .u_premium_pricing .pricing_item.item_select .pricing_value {color:#f7c3c3}
.premiumWrap .u_premium_pricing .pricing_item.item_select .pricing_cash {color: #fff}
.premiumWrap .u_premium_pricing .pricing_item.item_select .pricing_cash em {color: #f7c3c3}

.premiumWrap .u_premium_pricing .p_1mo .pricing_item_mg{background-image:url(../images/ico_1mo.png);}
.premiumWrap .u_premium_pricing .p_3mo .pricing_item_mg{background-image:url(../images/ico_3mo.png);}
.premiumWrap .u_premium_pricing .p_6mo .pricing_item_mg{background-image:url(../images/ico_6mo.png);}
.premiumWrap .u_premium_pricing .p_1mo.item_select .pricing_item_mg{background-image:url(../images/ico_1mo_on.png);}
.premiumWrap .u_premium_pricing .p_3mo.item_select .pricing_item_mg{background-image:url(../images/ico_3mo_on.png);}
.premiumWrap .u_premium_pricing .p_6mo.item_select .pricing_item_mg{background-image:url(../images/ico_6mo_on.png);}
.premiumWrap .u_premium_pricing .p_1mo.item_select, .premiumWrap .u_premium_pricing .p_3mo.item_select, .premiumWrap .u_premium_pricing .p_6mo.item_select {background-repeat: no-repeat;background-position: 50% 40px;cursor: pointer}
.premiumWrap .u_premium_pricing .btn-sx a {padding: 3px 25px}

/*프리미엄 요금제 디자인 변경 : 181014*/
.premiumWrap .u_premium_pricing_2 {margin-bottom: 0px;}
.premiumWrap .u_premium_pricing_2 h4 {text-align: center}
.premiumWrap .u_premium_pricing_2 .pricing_wide {width: 100%;display: table;table-layout: fixed;text-align: center;margin: 0 0 50px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .btn {margin-top: 40px;margin-bottom: 0}
.premiumWrap .u_premium_pricing_2 .pricing_wide .btn:hover {background-color: var(--bs-point-color); color: #fff;}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_product {font-size: 15px;margin-bottom: 20px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_value {font-size: 26px;font-weight:500;padding-bottom: 50px;}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_payinfo {margin: 0 auto; padding-bottom: 30px;margin-bottom:40px; border-bottom:1px solid var(--bline-color-100)}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_payinfo ul {clear: both;overflow: hidden;}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_payinfo li {display: inline-block; text-align: center;margin: 0 auto;padding: 0 8px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_payinfo li span {display: block;margin: 0 auto;margin-bottom: 5px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_info {font-size: 1.8rem;font-weight:400;color: var(--font-color-gray-200); margin-bottom: 20px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_cash {font-family: 'GmarketSans'; font-size: 42px; margin-bottom: 20px; font-weight:700;}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_cash_sale {font-family: 'GmarketSans'; font-size: 24px;font-weight:700;text-decoration:line-through; color: var(--bs-point-color); margin-bottom: 15px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_cash em {font-size: 20px;margin-left: 5px}
.premiumWrap .u_premium_pricing_2 .pricing_item {display: table-cell;position: relative;}
.premiumWrap .u_premium_pricing_2 .pricing_item .pricing_item_mg {margin:0 5px; border: 1px solid var(--bline-color-100); border-radius: 15px; padding: 30px; background-repeat: no-repeat; background-position: 50% 40px; background-color: #fff}
.premiumWrap .u_premium_pricing_2 .pricing_item .ico_pricing_sale {background:url(../images/ico_pricing_sale.png) no-repeat;position: absolute;top: 0px;left: 5px;width: 51px;height: 51px}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_item_mg {border:3px solid var(--bs-point-color);}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_item_mg .btn {border-color:var(--bs-point-color); background-color:var(--bs-point-color); color:#fff !important;}
/*
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_item_mg {background-color: #d00b0b;}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_value {color:#f7c3c3}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_cash {color: #fff}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_cash em {color: #f7c3c3}
.premiumWrap .u_premium_pricing_2 .p_1mo .pricing_item_mg{background-image:url(../images/ico_1mo.png);}
.premiumWrap .u_premium_pricing_2 .p_3mo .pricing_item_mg{background-image:url(../images/ico_3mo.png);}
.premiumWrap .u_premium_pricing_2 .p_6mo .pricing_item_mg{background-image:url(../images/ico_6mo.png);}
.premiumWrap .u_premium_pricing_2 .p_1mo.item_select .pricing_item_mg{background-image:url(../images/ico_1mo_on.png);}
.premiumWrap .u_premium_pricing_2 .p_3mo.item_select .pricing_item_mg{background-image:url(../images/ico_3mo_on.png);}
.premiumWrap .u_premium_pricing_2 .p_6mo.item_select .pricing_item_mg{background-image:url(../images/ico_6mo_on.png);}
*/
.premiumWrap .u_premium_pricing_2 .p_1mo.item_select, .premiumWrap .u_premium_pricing_2 .p_3mo.item_select, .premiumWrap .u_premium_pricing_2 .p_6mo.item_select {background-repeat: no-repeat;background-position: 50% 40px;cursor: pointer}
.premiumWrap .u_premium_pricing_2 .btn-sx a {padding: 3px 25px}

.txtInfo_warning {margin: 30px 0 0;}
.txtInfo_warning > p {margin: 0 !important; font-size: 1.5rem !important;}
.imgInfo_premium {margin-top: 20px;}
.imgInfo_hit {margin:0 0 20px;position: absolute;right: 30px; top: 130px;z-index: 1;}
.articleList .imgInfo_hit {top: 15px; right: 70px;}
.imgInfo_hit img {transform:  rotate(-15deg); width:180px ;}
.articleList .imgInfo_hit img {width:100px ;}
.mainContsBox .imgInfo_hit {top: 125px; right: 10px;}
.mainContsBox .boxNum-3 .imgInfo_hit {top: 135px; right: 10px;}
.mainContsBox .imgInfo_hit img {width:100px ;}

.premiumpick_head {position: relative; background-color: var(--bs-point-color2);}
.premiumpick_head .btnArea {left: 40px; top:330px}
.premiumpick_head .premium_into_img {position: absolute; right: 0; top: 10px;}
.premiumpick_head .premium_into_img img {width: 580px;}
.premiumpick_head .premium_into_text {width: 100%; padding: 40px 0 40px 30px;}
.premiumpick_head .premium_into_text p {text-align: left; line-height: 2.6rem; color: #94a0ad; margin: 10px 0;}
.premiumpick_head .premium_into_text p strong {color: #fff;}
.premiumpick_head .premium_into_text h5 {color: var(--font-color-gray-300); font-size: 2.2rem; line-height: 2.2rem; font-weight: 400;}
.premiumpick_head .premium_into_text h4.t_title {text-align: left; padding:20px 0 30px; color:var(--font-color-gray-300); font-size: 6.8rem; line-height: 7rem; font-weight: 700; letter-spacing: -3px;}
.premiumpick_head .premium_into_text h4.t_title strong {color: #fff}

.premiumWrap .subscription {width: 800px; margin: 0 auto;}

.premiumWrap .premium_into_text {margin-bottom: 50px;}
.premiumWrap .premium_into_text h4.t_title {font-size: 3.2rem; font-weight: 700; text-align: center;padding: 20px 0 20px;}
.premiumWrap .premium_into_text p {text-align: center;font-size: 18px;line-height: 30px;}
.premiumWrap .premium_into_text.desc_txt_16 p {font-size: 15px;line-height: 28px}

/*로그인후, 홍보 영역*/
.premiumWrap.login_intro_bottom {padding: 0; background-image:url(../images/img_premium_pick_login_bottom.jpg); width: 1200px; height: 400px;}
.premiumWrap.login_intro_bottom .premium_into_text {padding: 150px 350px 0 45px;}
.premiumWrap.login_intro_bottom .premium_into_text p {text-align: left; color: #fff;font-size: 16px;line-height: 28px;}
.premiumWrap.login_intro_bottom .btnArea-left {padding: 0 0 0 45px}

.premiumpick_banner {text-align: center;margin:50px 0 20px;}
.premiumpick_banner h3 {font-size: 2.8rem;font-weight:700;text-align: center;margin-bottom: 30px}
.premiumpick_banner p.subtxt {font-size: 15px;margin-bottom: 10px}

h4.info-title {font-size: 2.2rem;margin-top: 40px;font-weight: 500}
.service_plan h4.info-title {margin-top: 0}
.service_plan .btnArea {top:0;right:0px; }

ul.info-service {margin: 15px 0 0 0; padding: 10px 20px; background-color: var(--bg-color-200); display: flex; align-items: center; justify-content: space-between; border-radius: 10px;}
ul.info-service li {position: relative;}
ul.info-service li:first-child {border-top: 0;}
ul.info-service ul>li {padding: 5px 0;}
ul.info-service ul>li .name {margin-right: 30px;}

/*결제 방법 선택*/
.payment_select_wrap {position: relative; clear: both; overflow: hidden;}
.payment_select_wrap .chk {float: left; margin-right: 40px}
.payment_select_wrap .chk input {vertical-align: middle;margin-right: 7px}

.separator {border-bottom: 1px solid var(--bline-color-200);}
.separator.separator-lg {margin: 60px 0;}

/*과거 배당 검색 페이지*/
.pastBatSearch #contentsWrap {background: none}
.pastBatSearch .result_info {text-align: center; padding: 50px 0; display: flex; align-items: center; justify-content: center;}
.pastBatSearch .result_info .title {font-weight: 500; margin-right: 20px;}
.pastBatSearch .result_info span {font-size: 2.8rem; margin: 0 3px}
.pastBatSearch .result_info em {margin: 0 20px; display: inline-block; color: var(--font-color-gray-100);}
.pastBatSearch .result_info span.num {font-family: 'GmarketSans'; font-size: 4.5rem; font-weight: 700;}
.pastBatSearch .result_info span.win {color: #D90400;}
.pastBatSearch .win {color: #D90400;}
.pastBatSearch .result_info span.lose {color: #005DDE}
.pastBatSearch .lose {color: #005DDE}

/*alert basic*/
.alert {
    position: relative;
    padding: 2rem 3rem;
    border: 1px solid transparent;
    border-radius: 10px;

}
.alert p {margin: 0.1rem 0; font-size: 1.5rem}
.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-brand {
    color: #2e3673;
    background-color: #dee1f8;
    border-color: #d0d4f5;
}

.alert-brand hr {
    border-top-color: #bbc1f1;
}

.alert-brand .alert-link {
    color: #1f254f;
}

.alert-secondary {
    color: #7a7b7e;
    background-color: #f6f6f6;
    border-color: #f9fafb;
}

.alert-secondary hr {
    border-top-color: #eaedf1;
}

.alert-secondary .alert-link {
    color: #616264;
}
.alert-danger {
    color: var(--bs-point-color);
    background-color: #F4E6E6;
    border-color: #F4E6E6;
}

.alert-danger hr {
    border-top-color: #fbb6c2;
}

.alert-danger .alert-link {
    color: #591d27;
}
.badge {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 3px;
    background: #eaeaea;
    color: #444;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
    min-width: 20px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 3px 5px;
}

.badge.badge-wide {
    letter-spacing: 0.6px;
    padding: 1px 10px;
}

.badge.badge-rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.badge.badge-dot {
    padding: 0;
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.badge.badge-dot-small {
    padding: 0;
    line-height: 4px;
    min-height: 4px;
    min-width: 4px;
    height: 4px;
    width: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.badge.badge-brand {
    background-color: #716aca;
    color: #ffffff;
}

.badge.badge-metal {
    background-color: #c4c5d6;
    color: #ffffff;
}

.badge.badge-light {
    background-color: #ffffff;
    color: #282a3c;
}

.badge.badge-accent {
    background-color: #00c5dc;
    color: #ffffff;
}

.badge.badge-focus {
    background-color: #9816f4;
    color: #ffffff;
}

.badge.badge-primary {
    background-color: #5867dd;
    color: #ffffff;
}

.badge.badge-success {
    background-color: #34bfa3;
    color: #ffffff;
}

.badge.badge-info {
    background-color: #36a3f7;
    color: #ffffff;
}

.badge.badge-warning {
    background-color: #ffb822;
    color: #ffffff;
}

.badge.badge-danger {
    background-color: #d00b0b;
    color: #ffffff;
}
/*faq*/
.bbs_faq_public {
  position: relative;
}
.bbs_faq_public .tit_public {
  font-size: 3.2rem;
  font-weight: 700;
  margin: 0 0 45px
}
/*
.bbs_faq_public .wrap_cont {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000
}
*/
.bbs_faq_public .wrap_keyword+.wrap_cont {
  border-top: 1px solid #000
}
.bbs_faq_public .wrap_cont>.item_info {
  padding: 18px 0;
  border-bottom: 1px solid var(--bline-color-100);
  overflow: hidden
}
.bbs_faq_public .wrap_cont>.item_info:first-child {
  border-top: 0 none
}
.bbs_faq_public .info_tit {
  overflow: hidden
}
.bbs_faq_public .wrap_cont .link_cont {
  float: left;
  line-height: 26px
}
.bbs_faq_public .wrap_cont .link_cont:hover, .bbs_faq_public .wrap_cont .link_cont:focus {
  text-decoration: none;
  outline: none;
}
.bbs_faq_public .wrap_cont .tit_info {
  float: left;
  font-size: 16px;
  font-weight: 500;
}
.bbs_faq_public .wrap_cont .num_info {
  float: left;
  width: 3%;
  font-size: 18px;
  font-weight: 700;
  color: var(--bs-point-color);
}
.bbs_faq_public .wrap_cont .cate_info {
  float: left;
  width: 15%;
  font-size: 15px
}
.bbs_faq_public .wrap_cont .txt_date {
  float: left;
  width: 85px;
  color: #878787
}
.bbs_faq_public .wrap_cont .btn_arr {
  float: right;
  width: 16px;
  height: 16px;
  margin-right: 15px
}
.bbs_faq_public .wrap_cont .ico_arr {
  display: block;
  width: 16px;
  height: 10px;
  margin-top: 3px;
  background-position: -28px -52px
}
.bbs_faq_public .wrap_cont .on .ico_arr {
  background-position: -28px -40px
}
.bbs_faq_public .wrap_btn {
  clear: both;
  overflow: hidden
}
.bbs_faq_public .btn_cs {
  float: right;
  margin-top: 50px;
  font-weight: 500
}
.bbs_faq_public .wrap_cont>.item_info .info_cont {
  display: block;
  overflow: hidden;
  text-align: left;
  margin: 20px 0 0 0;
  font-size: 15px;
  line-height: 27px;
  background-color: var(--bg-color-100);
  border-radius: 20px;
}
.bbs_faq_public .wrap_cont .on .info_cont {
  display: block;
}
.bbs_faq_public .wrap_cont .on .info_cont .content {
   padding: 30px 40px;
}
.bbs_faq_public .wrap_cont .on .info_cont .content p {
  font-size: 15px;
}
.bbs_faq_public .wrap_cont .on .tit_info {
  font-size: 22px;
  line-height: 27px;
  font-weight: 500
}
.bbs_faq_public .wrap_cont .txt_detail, .bbs_faq_public .wrap_cont .tit_detail, .bbs_faq_public .wrap_cont .list_detail, .bbs_faq_public .wrap_cont .thumb_img {
  display: block;
  margin-top: 30px
}
.bbs_faq_public .wrap_sort {
  position: absolute;
  top: 61px;
  right: 0
}
.bbs_faq_public .wrap_tip, .bbs_faq_public .wrap_notice {
  margin-top: 42px;
  padding-bottom: 30px;
  border-top: 2px solid #212121
}
.bbs_faq_public .wrap_tip .link_cont:hover, .wrap_tip .link_cont:focus {
  text-decoration: underline
}
.bbs_faq_public .wrap_tip .num_info {
  color: #2c91ef;
  font-size: 18px
}
.bbs_faq_public .wrap_tip .tit_info {
  width: 630px;
  font-size: 18px
}
.bbs_faq_public .wrap_notice .tit_info {
  width: 510px
}

/*슬라이드 이미지*/
.spot_brand_wrap { position: relative; margin:0 auto; padding-top: 20px; text-align: center; overflow: hidden; width: 1400px; height: auto; overflow: hidden; border-radius: 10px; }
/* .spot_brand_wrap .video_wrap:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(74,14,111, 0.3);} */
.spot_brand_wrap .video_wrap video {position: absolute; left: 0; width: 100%; object-fit: cover;}
.spot_brand_wrap .title_spot_brand {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
.spot_brand_wrap .title_spot_brand h2 {font-family: 'S-CoreDream-5Medium'; text-align: left; letter-spacing: -4px; font-weight: 500; vertical-align: middle; color: #fff; z-index: 1}
.spot_brand_wrap.main .title_spot_brand h2 {font-size: 7.0rem; line-height: 9.0rem; margin-top: 220px; }
.spot_brand_wrap.main .title_spot_brand .t_point {font-size: 5.0rem; line-height: 6.0rem; color: var(font-color-point-blue); display: block;}
.spot_brand_wrap.sub .title_spot_brand h2 {font-size: 5.2rem; line-height: 9.2rem; text-align: center; }
.spot_brand_wrap.sub p.cnt_spot_brand {font-size: 2rem; color: #fff;}
.spot_brand_wrap .more_wrap {text-align: center; width: 100%; margin-top: 50px; }
.spot_brand_wrap .more_wrap .more_btn {border:1px solid #fff }
.spot_brand_wrap .more_wrap .more_btn span {color: #fff; }

.video_wrap {position: relative; text-align: center; /*padding-bottom: 32%;*/ height: 230px; z-index: 1;}
/* .video_wrap .photo_tmb {padding-bottom: 32%;} */
/* .video_wrap .photo_tmb:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(74,14,111, 0.3);} */
/* .video_wrap .photo_tmb:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(32,54,86, 0.6);} */
.spot_brand_wrap.sub .video_wrap {/* padding-bottom: 15%;*/ height: 250px;}
.spot_brand_wrap.sub .video_wrap .photo_tmb {height: 250px;}
.video_wrap iframe, .video_wrap img {position: absolute; top: 0; left: 0; width: 100%; height: auto;}
.video_wrap.video_wrap_comp {position: relative; margin-top: 40px}

.spot_brand_wrap .btn {position: absolute; left: 30px; top: 150px; }

.pg3b {text-align:center; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 1;}
.pg3b_btn {overflow:hidden;padding:10px;text-decoration:none;vertical-align:top;-webkit-appearance:none; display:inline-block;position:absolute; z-index: 1;}

.slide_btn_brand .pg3b_btn.pg3b_btn_prev {top:calc(50% - 40px);left:10px;}
.slide_btn_brand .pg3b_btn.pg3b_btn_next {top:calc(50% - 40px);right:10px;}
.slide_btn_brand .pg3b_prev,.pg3b_next {display:inline-block;overflow:hidden; width:60px;height:60px;background:url(../images/bl_ico_new.png) no-repeat; background-size:190px auto; text-indent:-99em;}
.slide_btn_brand .pg3b_prev {background-position:0 -760px;}
.slide_btn_brand .pg3b_next {background-position:-68px -760px;}

.pg3b_pg {display:inline-block;height:23px;font-size:.93em;line-height:21px;color:#999;letter-spacing:2px;vertical-align:middle;padding:0 1em}
.pg3b_pg .pgn {display:inline-block;overflow:hidden;width:10px;height:10px;background:#dddddd;color:transparent;vertical-align:middle;border-radius:6px;margin:0 2px;}
.pg3b_pg .pgn.on {width:20px;height:10px;background:#00bfbf; border-radius:6px}

.slide_btn_newslist .pg3b_btn.pg3b_btn_prev {top:calc(50% - 0px);left:calc(50% - 304px);}
.slide_btn_newslist .pg3b_btn.pg3b_btn_next {top:calc(50% - 0px);right:calc(50% - 690px);}
/* .slide_btn_brand {position: absolute; top: 0; z-index: 1; width: 100%; height: 300px;} */
.slide_btn_brand:after {clear:both; display:block; content:'';}
.slide_btn_brand .pg3b { bottom: 10px;}