/* Common
----------------------------------------------------------*/
.hdiv {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.hdiv span img {
  display: inline-block;
  margin-right: 5px;
}

.hp {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.link {
  cursor: pointer;
}


/* Layout
----------------------------------------------------------*/
.content_wrap {
}

.content_wrap .contents {
  margin-top: 30px;
}

.function_wrap {
  margin-top: 30px;
  height: 35px;
  line-height: 35px;
  font-family: 'NanumGothic';
  font-size: 15px;
  color: #333;
}

.function_wrap .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #333;
  border-radius: 18px;
  text-align: center;
  vertical-align: top;
  margin-top: 8px;
  font-weight: bold;
}

.function_wrap .ctrl_button {
  margin-left: 10px;
}

.search_wrap {
  vertical-align: middle;
  font-size: 15px;
  color: #333;
}

.search_wrap .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #333;
  border-radius: 18px;
  text-align: center;
  vertical-align: top;
  margin-top: 4px;
  font-weight: bold;
}

.search_wrap .right {
  float: right;
}

.search_wrap input[type=radio] {
  line-height: 30px;
  margin-left: 10px;
  margin-right: 5px;
  color: #666;
}


/* List Style
----------------------------------------------------------------------------*/
.list_style1 {
  margin-bottom: 50px;
}

.list_style1 table {
  width: 100%;
  color: #474d5e;
  margin-top: 10px;
}

.list_style1 table th {
  border: 1px solid #ddd;
  padding: 10px 0;
  text-align: center;
  background: #f6f9fa;
  font-size: 13px;
  color: #27448a;
  line-height: 18px;
}

.list_style1 table th.gray {
  background: #f4f4f4;
  color: #666;
}

.list_style1 table th .icon_link {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #27448a;
  border-radius: 16px;
  line-height: 19px;
  color: #ee3128;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  font-family: 'Dotum';
  vertical-align: middle;
}

.list_style1 table td.left {
  text-align: left;
  padding: 0 8px;
}

.list_style1 table td.right {
  text-align: right;
  padding: 0 8px;
}

.list_style1 table td {
  border: 1px solid #ddd;
  padding: 10px 0;
  text-align: center;
  background: #fff;
  font-size: 12px;
  line-height: 22px;
}

.list_style1 table td span.link {
  text-decoration: underline;
  cursor: pointer;
}

.list_style1 table tbody tr:hover td {
  background: #f5f5f5;
}

.list_style1 table tfoot td {
  background: #fff2e7;
  color: #333;
  font-weight: bold;
}

.paging {
  margin-top: 30px;
  text-align: center;
}

.paging img {
  vertical-align: top;
}

.paging ul {
}

.paging ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  vertical-align: top
}

.paging ul li a {
  color: #808080;
}

.paging ul li.select {
  background: #1f54cf;
  font-weight: bold;
  color: #fff;
}

.paging ul li.select a {
  color: #fff;
}

.paging ul li.prev {
  margin: 0px 10px 0px 1px;
  *margin: 0px 12px 0px 4px;
}

.paging ul li.next {
  margin: 0px 1px 0px 10px;
  *margin: 0px 4px 0px 12px;
}

.paging2 {
  margin-top: 30px;
  text-align: center;
}

.paging2 img {
  vertical-align: top;
}

.paging2 ul {
}

.paging2 ul li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  vertical-align: top
}

.paging2 ul li a {
  color: #686c86;
}

.paging2 ul li.select {
  background: #4c5068;
  font-weight: bold;
  color: #fff;
}

.paging2 ul li.select a {
  color: #fff;
}

.paging2 ul li.prev {
  margin: 0px 10px 0px 1px;
  *margin: 0px 12px 0px 4px;
}

.paging2 ul li.next {
  margin: 0px 1px 0px 10px;
  *margin: 0px 4px 0px 12px;
}

/* Detail Style
----------------------------------------------------------------------------*/
.detail_style1 {
  width: 1000px;
}

.detail_style1 table {
  width: 100%;
  color: #474d5e;
}

.detail_style1 table th {
  width: 120px;
  height: 35px;
  font-size: 13px;
  color: #27448a;
  padding: 0px 0px 0px 10px;
  border: 1px solid #ccc;
  text-align: left;
  background: #ededed;
  font-weight: bold;
  text-align: left;
}

.detail_style1 table td {
  border: 1px solid #ddd;
  padding: 5px 7px;
  text-align: left;
  background: #fff;
  font-size: 12px;
  line-height: 22px;
  font-family: 'Dotum';
}

.detail_style1 table td.left {
  text-align: left;
  padding: 0 8px;
}

.detail_style1 table td.right {
  text-align: right;
  padding: 0 8px;
}

.detail_style1 table td span.link {
  text-decoration: underline;
  cursor: pointer;
}

.detail_style1 table td .editor_wrap {
  font-weight: normal;
  font-size: 12px;
  color: #333;
  border: 1px solid #d2d2d2;
}

.detail_style1 .word_info {
  float: right;
  width: 300px;
  height: 181px;
  background: url(../Images/mypage/analyst_regist_bg_wordinfo.gif) no-repeat;
  *margin-top: -181px;
}

.detail_style1 .word_info .txt_default {
  margin-top: 84px;
  font-size: 11px;
  line-height: 19px;
  color: #b3b3b3;
  text-align: center
}

.detail_style1 .word_info .txt_default img {
  position: relative;
  top: 2px;
  margin: 0px 2px 0px 1px;
}

.detail_style1 .word_info .txt_info {
  margin-top: 39px;
  padding: 0px 20px 0px 15px;
  color: #333;
  font-size: 11px;
  line-height: 16px;
}

.detail_style1 .word_info .txt_info .word {
  padding: 6px 0px;
  font-size: 12px;
  font-family: Gulim;
  font-weight: bold;
  border-bottom: 1px solid #e3e8ed;
}

.detail_style1 .word_info .txt_info .word .bl {
  color: #e9240f;
  font-weight: normal;
  padding-right: 4px;
}

.detail_style1 .word_info .txt_info .info {
  margin-top: 6px;
  word-wrap: break-word;
}

.detail_style1 .btn_function {
  margin-top: 20px;
  text-align: center;
}

.detail_style1 .file_list {
  overflow: hidden;
  margin-top: 5px;
  margin-left: 10px;
}

.detail_style1 .file_list li {
  height: 20px;
  padding-left: 15px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  background: url(/Images/vod/vod_list_icon_file.jpg) left center no-repeat;
}

/*스탁2019 common 시작*/

/* Html Elements
----------------------------------------------------------*/


a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a {
  outline: none;
}

*:focus {
  outline: 0;
}

*:visited {
  outline: 0;
}

*:active {
  outline: 0;
}

*:hover {
  outline: 0;
}

@font-face {
  font-family: 'kopubdotum';
  src: url('font/KoPub Dotum Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'kopubdotum';
  src: url('font/KoPub Dotum Light.ttf') format('truetype');
}

@font-face {
  font-family: 'kopubdotum';
  src: url('font/KoPub Dotum Medium.ttf') format('truetype');
}

/* font */
@font-face {
  font-family: 'MalgunGothic';
  font-style: normal;
  font-weight: normal;
  src: url(font/MalgunGothic.eot);
}

@font-face {
  font-family: 'BMJUA';
  font-style: normal;
  font-weight: normal;
  src: url(font/BMJUA.woff2) format('woff2'), url(font/BMJUA.woff) format('woff'), url('font/BMJUA.otf') format('opentype');
}

@font-face {
  font-family: 'BMDOHYEON';
  font-style: normal;
  font-weight: normal;
  src: url(font/BMDOHYEON.woff2) format('woff2'), url(font/BMDOHYEON.woff) format('woff'), url('font/BMDOHYEON.otf') format('opentype');
}

/* NanumGothic */
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url(font/NanumGothic.woff2) format('woff2'), url(font/NanumGothic.woff) format('woff');
}

/* NanumBarunGothic */
@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 100;
  src: url(font/NanumBarunGothicUltraLight.woff2) format('woff2'), url(font/NanumBarunGothicUltraLight.woff) format('woff'), url('font/NanumBarunGothicUltraLight.otf') format('opentype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 200;
  src: url(font/NanumBarunGothicLight.woff2) format('woff2'), url(font/NanumBarunGothicLight.woff) format('woff'), url('font/NanumBarunGothicLight.otf') format('opentype') ;
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: normal;
  src: url(font/NanumBarunGothic.woff2) format('woff2'), url(font/NanumBarunGothic.woff) format('woff'), url('font/NanumBarunGothic.eot') format('embedded-opentype'), url('font/NanumBarunGothic.otf') format('opentype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 600;
  src: url(font/NanumBarunGothicBold.woff2) format('woff2'), url(font/NanumBarunGothicBold.woff) format('woff'), url('font/NanumBarunGothicBold.eot') format('embedded-opentype'), url('font/NanumBarunGothicBold.otf') format('opentype');
}

/* NanumSquare */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 200;
  src: url('font/NanumSquareL.woff') format('woff'), url('font/NanumSquareL.ttf') format('truetype'), url('font/NanumSquareL.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'NanumSquare';
  font-weight: normal;
  src: url('font/NanumSquareR.woff') format('woff'), url('font/NanumSquareR.ttf') format('truetype'), url('font/NanumSquareR.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'NanumSquare';
  font-weight: 600;
  src: url('font/NanumSquareB.woff') format('woff'), url('font/NanumSquareB.ttf') format('truetype'), url('font/NanumSquareB.eot') format('embedded-opentype');
}

@font-face {
  font-family: 'NanumSquare';
  src: url(nanumsquare.eot), url(nanumsquare.eot?#iefix) format('embedded-opentype'), url(nanumsquare.woff) format('woff'), url(nanumsquare.ttf) format('truetype');
}

/* NanumSquareRound */
@font-face {
  font-family: 'NanumSquareRoundL';
  src: url('font/NanumSquareRoundL.eot');
  src: url('font/NanumSquareRoundL.eot') format('embedded-opentype'), url('font/NanumSquareRoundL.woff') format('woff'), url('font/NanumSquareRoundL.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumSquareRoundR';
  src: url('font/NanumSquareRoundR.eot');
  src: url('font/NanumSquareRoundR.eot') format('embedded-opentype'), url('font/NanumSquareRoundR.woff') format('woff'), url('font/NanumSquareRoundR.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NanumSquareRoundB';
  src: url('font/NanumSquareRoundB.eot');
  src: url('font/NanumSquareRoundB.eot') format('embedded-opentype'), url('font/NanumSquareRoundB.woff') format('woff'), url('font/NanumSquareRoundB.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* NanumMyeongjo */
@font-face {
  font-family: 'NanumMyeongjo';
  src: url('font/NanumMyeongjo.eot');
  src: url('font/NanumMyeongjo.eot') format('embedded-opentype'), url('font/NanumMyeongjo.woff') format('woff'), url('font/NanumMyeongjo.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Noto Sans KR (korean) */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(font/NotoSansKR-Thin.woff2) format('woff2'), url(font/NotoSansKR-Thin.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(font/NotoSansKR-Light.woff2) format('woff2'), url(font/NotoSansKR-Light.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(font/NotoSansKR-DemiLight.woff2) format('woff2'), url(font/NotoSansKR-DemiLight.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(font/NotoSansKR-Regular.woff2) format('woff2'), url(font/NotoSansKR-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 600;
  src: url(font/NotoSansKR-Medium.woff2) format('woff2'), url(font/NotoSansKR-Medium.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(font/NotoSansKR-Bold.woff2) format('woff2'), url(font/NotoSansKR-Bold.woff) format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(font/NotoSansKR-Black.woff2) format('woff2'), url(font/NotoSansKR-Black.woff) format('woff');
}

@font-face {
  font-family: 'OTEnjoystoriesBA';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'InkLipquid';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Monserrat */
@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900" rel="stylesheet') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('font/Montserrat-Black.otf') format('opentype'), ;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('font/Montserrat-ExtraBold.otf') format('opentype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('font/Montserrat-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('font/Montserrat-SemiBold.otf') format('opentype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('font/Montserrat-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('font/Montserrat-Light.otf') format('opentype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('font/Montserrat-UltraLight.otf') format('opentype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('font/Montserrat-Thin.ttf') format('truetype');
}


/* Common
----------------------------------------------------------*/
.hdiv {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.hdiv span img {
  display: inline-block;
  margin-right: 5px;
}

.hp {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.link {
  cursor: pointer;
}

/* Layout
----------------------------------------------------------*/

.stock_layout_head {
  width: 100%;
  position: relative;
  text-align: center;
  z-index: 10000;
  font-family: NanumMyeongjo;
}

.stock_layout_head .layout_top {
  position: relative;
  width: 1000px;
  height: 50px;
  padding-top: 22px;
  margin: 0px auto;
  margin-bottom: 4px;
  text-align: center;
  z-index: 15001;
}

.stock_layout_head .layout_top .sub_layout_login {
  position: absolute;
  top: 33px;
  right: 0px;
  text-align: right;
}

.stock_layout_head .layout_top .sub_layout_login .sec_link {
  height: 22px;
  padding-right: 2px
}

.stock_layout_head .layout_top .sub_layout_login .sec_layer {
  position: absolute;
  top: 28px;
  right: -4px;
  width: 211px;
  height: 116px;
  background: url(../Images/common/sublogin_bg_layer.png) no-repeat;
  font-size: 12px;
  font-family: gulim, dotum;
  text-align: left;
}

.stock_layout_head .layout_gnb {
  width: 100%;
  min-width: 1000px;
  position: absolute;
  top: 72px;
  left: 0px;
  _overflow: hidden;
  background: url(../Images/common/gnb_bg_line.png) repeat-x;
  z-index: 15000;
}

.stock_layout_head .layout_gnb .gnb_wrap {
  width: 100%;
  height: 35px;
  background: url(../Images/common/gnb_bg.png) no-repeat top center;
  margin: 0 auto;
}

.stock_layout_head .layout_gnb .gnb_wrap .gnb {
  width: 100%;
  height: 35px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

.stock_layout_head .layout_gnb .gnb_wrap .gnb .li_new {
  position: relative;
  left: -18px;
  display: inline;
}

.stock_layout_head .layout_gnb .gnb_wrap .gnb .li_new .icon_new {
  position: relative;
  top: -10px;
  left: 0;
  display: inline;
}

.stock_layout_head .layout_gnb .gnb_wrap .gnb .li_new .img_new {
  position: relative;
  top: -5px;
  left: 0;
}

.stock_layout_head .layout_gnb .gnb_wrap .gnb .li_new .img_stock {
  position: relative;
  top: -6px;
  left: 0;
}

.stock_layout_head .layout_gnb_open {
  width: 100%;
  min-width: 1000px;
  height: 260px;
  position: relative;
  top: 31px;
  left: 0px;
  text-align: left;
  background: url(../Images/common/gnb_bg_open.gif) repeat-x #405c94;
  overflow: hidden;
  z-index: 14999;
}

.stock_layout_head .layout_gnb_open .open_wrap {
  width: 902px;
  height: 260px;
  margin: 0 auto;
}

.stock_layout_head .layout_gnb_open_line {
  width: 100%;
  height: 7px;
  position: relative;
  top: 31px;
  background: url(../Images/common/gnb_bg_line_open.png) repeat-x;
}

.stock_layout_head .layout_gnb_analyst {
  width: 100%;
  min-width: 1000px;
  position: absolute;
  top: 72px;
  left: 0px;
  _overflow: hidden;
  background: url(../Images/common/gnb_bg_line.png) repeat-x;
  z-index: 15000;
}

.stock_layout_head .layout_gnb_analyst .gnb_wrap_analyst {
  width: 100%;
  height: 35px;
  background: url(../Images/common/gnb_bg.png) no-repeat top center;
  margin: 0 auto;
}

.stock_layout_head .layout_gnb_analyst .gnb_wrap_analyst .gnb_analyst {
  width: 100%;
  height: 35px;
  margin: 0 auto;
  text-align: left;
}

.stock_layout_head .layout_gnb_analyst .gnb_wrap_analyst .gnb_analyst .li_new {
  position: relative;
  left: -18px;
  display: inline;
}

.stock_layout_head .layout_gnb_analyst .gnb_wrap_analyst .gnb_analyst .li_new .icon_new {
  position: relative;
  top: -10px;
  left: 0;
  display: inline;
}

.stock_layout_head .layout_gnb_analyst .gnb_wrap_analyst .gnb_analyst .li_new .img_new {
  position: relative;
  top: -5px;
  left: 0;
}

.stock_layout_head .layout_gnb_analyst .gnb_wrap_analyst .gnb_analyst .li_new .img_stock {
  position: relative;
  top: -6px;
  left: 0;
}

.stock_layout_head .layout_gnb_open_analyst {
  width: 100%;
  min-width: 1000px;
  height: 260px;
  position: relative;
  top: 31px;
  left: 0px;
  text-align: left;
  background: url(../Images/common/gnb_bg_open.gif) repeat-x #405c94;
  overflow: hidden;
  z-index: 14999;
}

.stock_layout_head .layout_gnb_open_analyst .open_wrap_analyst {
  width: 1082px;
  height: 260px;
  margin: 0 auto;
}

.stock_layout_head .layout_gnb_open_line {
  width: 100%;
  height: 7px;
  position: relative;
  top: 31px;
  background: url(../Images/common/gnb_bg_line_open.png) repeat-x;
}

.stock_layout_body {
  width: 100%;
  position: absolute;
  top: 140px;
  left: 0px;
  z-index: 9999;
}

.stock_layout_center {
  width: 100%;
  background: url(../Images/main/main_bg_contents.gif) repeat-x bottom;
}

.stock_layout_main {
  width: 1020px;
  padding-bottom: 39px;
  margin: 0px auto;
  overflow: auto;
}

.stock_layout_main .sec_left_main {
  width: 207px;
  float: left;
}

.stock_layout_main .sec_right_main {
  width: 758px;
  float: right;
}

.stock_layout_sub {
  width: 1020px;
  padding: 60px 0 70px 0;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}

.stock_layout_sub.inbyu {
  padding-top: 0;
}

.stock_layout_sub .sec_left {
  width: 197px;
  float: left;
}

.stock_layout_sub .sec_left .banner_snb {
  width: 197px;
  margin-top: 10px;
  cursor: pointer;
}

.stock_layout_sub .sec_left .banner_snb2 {
  width: 195px;
  margin-top: 10px;
  cursor: pointer;
}

.stock_layout_sub .sec_left .banner_snb img {
  width: 197px;
  margin-top: 10px;
}

.stock_layout_sub .sec_right {
  width: 758px;
  float: right;
}

.stock_layout_footer {
  width: 1020px;
  position: relative;
  margin: 0px auto;
  margin-top: 26px;
  margin-bottom: 45px;
  overflow: hidden;
  vertical-align: top;
}

.stock_layout_footersub {
  width: 100%;
  height: 30px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}


/* Intro
---------------------------------------------------------- */
.stock_layout_intro {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10001;
}

.stock_layout_intro .bg {
  width: 100%;
  height: 100%;
  background: black;
  filter: alpha(opacity:90);
  opacity: 0.9;
}

.stock_layout_intro .contents {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 784px;
  height: 346px;
  text-align: center;
  margin-left: -392px;
  margin-top: -173px;
}


/*Head - 일반회원 로그인 시
---------------------------------------------------------- */
.layout_gnb .gnb_wrap .gnb ul {
  width: 900px;
  margin: 0 auto;
}

.layout_gnb .gnb_wrap .gnb ul li {
  float: left;
  width: 180px;
  height: 37px;
  text-align: center;
  cursor: pointer;
}

.layout_gnb_open .open_wrap .line {
  float: left;
  width: 1px;
  height: 260px;
  border-left: 1px solid #2b4984;
  background: #506eaa;
}

.layout_gnb_open .open_wrap ul {
  float: left;
  padding-top: 6px;
  height: 180px;
}

.layout_gnb_open .open_wrap ul li {
  width: 178px;
  height: 30px;
}

.layout_gnb_open .open_wrap ul li a {
  display: inline-block;
  width: 176px;
  height: 24px;
  padding-top: 4px;
  text-align: center;
  border: 1px solid transparent;
}

.layout_gnb_open .open_wrap ul li a.on {
  background: #6188d8;
  border: 1px solid #749df1;
}


/*Head - 멘토 로그인 시
---------------------------------------------------------- */
.layout_gnb_analyst .gnb_wrap_analyst .gnb_analyst ul {
  width: 1080px;
  margin: 0 auto;
}

.layout_gnb_analyst .gnb_wrap_analyst .gnb_analyst ul li {
  float: left;
  width: 180px;
  height: 37px;
  text-align: center;
  cursor: pointer;
}

.layout_gnb_open_analyst .open_wrap_analyst .line {
  float: left;
  width: 1px;
  height: 260px;
  border-left: 1px solid #2b4984;
  background: #506eaa;
}

.layout_gnb_open_analyst .open_wrap_analyst ul {
  float: left;
  padding-top: 6px;
  height: 180px;
}

.layout_gnb_open_analyst .open_wrap_analyst ul li {
  width: 178px;
  height: 30px;
}

.layout_gnb_open_analyst .open_wrap_analyst ul li a {
  display: inline-block;
  width: 176px;
  height: 24px;
  padding-top: 4px;
  text-align: center;
  border: 1px solid transparent;
}

.layout_gnb_open_analyst .open_wrap_analyst ul li a.on {
  background: #6188d8;
  border: 1px solid #749df1;
}


/* Sub Login */
.sub_layout_login table {
  float: right;
}

.sub_layout_login table tr {
  cursor: pointer;
}

.sub_layout_login table tr td {
  height: 22px;
}

.sub_layout_login table tr td.left {
  width: 7px;
  background: url(../Images/common/sublogin_sel_bgleft.gif) no-repeat;
}

.sub_layout_login table tr td.center {
  width: 114px;
  text-align: left;
  background: url(../Images/common/sublogin_sel_bgcenter.gif) repeat-x;
  font-size: 11px;
  line-height: 22px;
  color: #1f54cf;
}

.sub_layout_login table tr td.right {
  width: 22px;
  background: url(../Images/common/sublogin_sel_bgright.gif) no-repeat;
}

.sub_layout_login .btn_login {
  float: right;
  border: none;
  margin: 5px 0px 0px 9px;
  *margin: 5px 0px 0px 0px;
  background: #fff;
  font-size: 11px;
  color: #244391;
  cursor: pointer;
}

.sub_layout_login .sec_layer .mylogin {
  padding-left: 11px;
  font-weight: bold;
}

.sub_layout_login .sec_layer .mylogin a.nick {
  color: #2659d1;
  margin-right: 3px;
}

.sub_layout_login .sec_layer .mylogin a.nick:hover {
  text-decoration: underline;
}

.sub_layout_login .sec_layer .mylogin .btn_close {
  position: absolute;
  right: 16px;
  top: 14px;
}

.sub_layout_login .sec_layer .mypoint {
  padding-left: 34px;
  background: url(../Images/common/ic_point.gif) no-repeat 13px 9px;
}

.sub_layout_login .sec_layer .mypoint a {
  color: #4f4f4f;
}

.sub_layout_login .sec_layer .mypoint a:hover {
  text-decoration: underline;
}

.sub_layout_login .sec_layer .myevents {
  padding-left: 34px;
  background: url(../Images/common/ic_myevents.gif) no-repeat 12px 10px;
}

.sub_layout_login .sec_layer .myevents a {
  color: #595959;
}

.sub_layout_login .sec_layer .myevents a:hover {
  text-decoration: underline;
}

.sub_layout_login .as_update {
  position: relative;
  float: right;
  width: 152px;
  height: 22px;
  text-align: right;
  vertical-align: top;
  margin-right: 8px;
}


/* Footer
----------------------------------------------------------*/
.stock_layout_footersub ul {
  width: 758px;
  margin: 0 auto;
  margin-top: 10px;
  padding-left: 242px;
}

.stock_layout_footersub ul li {
  float: left;
  padding: 0px 14px;
  border-right: 1px solid #ccc;
}

.stock_layout_footersub ul li img {
  vertical-align: top;
}

.stock_layout_footer .logo {
  width: 207px;
  height: 39px;
  padding-top: 24px;
  float: left;
  text-align: center;
}

.stock_layout_footer .logo_sub {
  width: 207px;
  height: 39px;
  float: left;
  text-align: center;
}

.stock_layout_footer .otherinfo {
  width: 650px;
  float: left;
  margin-left: 35px;
}

.stock_layout_footer .otherinfo ul {
  height: 17px;
  margin-bottom: 7px;
}

.stock_layout_footer .otherinfo ul li {
  float: left;
  padding: 0px 14px;
  border-right: 1px solid #ccc;
}

.stock_layout_footer .otherinfo ul li img {
  vertical-align: top;
}

.stock_layout_footer .otherinfo address span {
  display: inline-block;
  padding-right: 5px;
  padding-bottom: 3px;
}

.stock_layout_footer .otherinfo address span.last {
  background: none;
}

.stock_layout_footer .otherinfo p.copyright {
  margin-top: 4px;
}


.ac_mouseover {
  cursor: pointer;
}

.ac_mouseover:hover {
  text-decoration: underline;
}

.ac_mouseover:hover div {
  text-decoration: underline;
}


/*20160420 포인트구매*/
.layer_point_wrap {
  position: absolute;
  left: 50%;
  top: 139px;
  width: 515px;
  min-height: 610px;
  margin-left: -257px;
  background-color: #e6e6e3;
  z-index: 2;
}

.layer_point_top {
  width: 515px;
  height: 60px;
  background: url(../Images/popup/layer_point_top.png) no-repeat;
  overflow: hidden;
  position: relative;
}

.layer_point_top .layer_point_close {
  display: block;
  position: absolute;
  right: 13px;
  top: 15px;
  width: 30px;
  height: 30px;
  border: 0;
}

.layer_point_con {
  width: 465px;
  height: 550px;
  margin: 0 25px;
  overflow: hidden;
}

.layer_point_con h5 {
  width: 217px;
  height: 35px;
  margin: 30px auto 0 auto;
}

.layer_point_con .layer_point_txt {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
}

.layer_point_con .layer_point_txt span {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  display: block;
}

.layer_point_con select {
  padding: 4px 5px;
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  background: #fff url(../Images/popup/layer_point_select.png) 429px no-repeat;
  font-size: 15px;
  font-weight: bold;
  color: #666;
  margin-bottom: 10px;
  line-height: 25px;
  appearance: none;
}

.layer_point_con select::-ms-expand {
  display: none;
}

.layer_point_con .point_sel_box {
  width: 435px;
  height: 119px;
  background: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
  padding: 0 14px 14px 14px;
}

.layer_point_con .point_sel_box h6 {
  line-height: 39px;
  height: 39px;
  font-size: 12px;
  color: #999;
}

.layer_point_con .point_sel_box h6 span {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin: 12px 5px 0 0;
}

.layer_point_con .point_sel_box .point_sel_p {
  width: 435px;
  height: 80px;
  overflow: hidden;
}

.layer_point_con .point_sel_box .point_sel_p li {
  float: left;
  display: block;
}

.layer_point_con .point_sel_box .point_sel_p li a {
  display: block;
  text-indent: -10000px;
}

.layer_point_con .point_sel_box .point_sel_p li a.p_3_nor {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_3p.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a.p_5_nor {
  width: 108px;
  height: 40px;
  background: url(../Images/popup/layer_point_5p.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a.p_10_nor {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_10p.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a.p_30_nor {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_30p.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a.p_50_nor {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_50p.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a.p_100_nor {
  width: 108px;
  height: 40px;
  background: url(../Images/popup/layer_point_100p.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a.p_200_nor {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_200p.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a:hover.p_3_nor, a.p_3_sel {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_3p_sel.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a:hover.p_5_nor, a.p_5_sel {
  width: 108px;
  height: 40px;
  background: url(../Images/popup/layer_point_5p_sel.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a:hover.p_10_nor, a.p_10_sel {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_10p_sel.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a:hover.p_30_nor, a.p_30_sel {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_30p_sel.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a:hover.p_50_nor, a.p_50_sel {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_50p_sel.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a:hover.p_100_nor, a.p_100_sel {
  width: 108px;
  height: 40px;
  background: url(../Images/popup/layer_point_100p_sel.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li a:hover.p_200_nor, a.p_200_sel {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_200p_sel.png) no-repeat;
}

.layer_point_con .point_sel_box .point_sel_p li.layer_point_p {
  width: 109px;
  height: 40px;
  background: url(../Images/popup/layer_point_p.png) no-repeat;
}

.layer_point_con .point_box {
  width: 435px;
  height: 80px;
  padding: 14px;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
  background: #fff;
  margin-top: 10px;
  position: relative;
}

.layer_point_con .point_box li {
  display: block;
}

.layer_point_con .point_box li.pay_txt {
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #333;
  text-align: left;
  font-size: 21px;
  letter-spacing: -1px;
  font-family: gothic, '고딕', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif
}

.layer_point_con .point_box li.pay_txt span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: url(../Images/popup/layer_point_icon.png) no-repeat;
  text-indent: -100000px;
  margin-left: 5px;
}

.layer_point_con .point_box .bonus_box {
  position: absolute;
  left: 130px;
  top: 12px;
  min-width: 85px;
  height: 25px;
}

.layer_point_con .point_box .bonus_box span {
  display: inline-block;
}

.layer_point_con .point_box .bonus_box span.bonus_b {
  display: inline-block;
  color: #d23030;
  font-size: 20px;
  font-weight: bold;
  font-family: gothic, '고딕', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif
}

.layer_point_con .point_box .bonus_box span.bonus_p {
  display: inline-block;
  color: #d23030;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #d23030;
  border-radius: 3px;
  text-align: center;
  line-height: 24px;
  padding: 0 4px;
  margin-left: 5px;
}

.layer_point_con .point_box li input[type=button] {
  display: block;
  float: right;
  border: 0;
  width: 115px;
  height: 30px;
  background: url(../Images/popup/layer_point_btn.png) no-repeat;
  cursor: pointer;
}

.layer_point_con .point_box li.pay_box {
  width: 100%;
  height: 40px;
  background: url(../Images/popup/layer_point_bg.png) no-repeat;
  margin-top: 10px;
}

.layer_point_con .point_box li.pay_box span {
  display: inline-block;
  line-height: 40px;
  font-size: 12px;
  text-align: center;
  font-family: dotum;
}

.layer_point_con .point_box li.pay_box span.pay_left {
  width: 215px;
  text-align: center;
}

.layer_point_con .point_box li.pay_box span.pay_left .color_b {
  color: #003fcd;
  display: inline;
  font-size: 12px;
  letter-spacing: normal;
}

.layer_point_con .point_box li.pay_box span.pay_left .color_g {
  color: #999;
  display: inline;
  font-size: 10px;
}

.layer_point_con .point_box li.pay_box span.pay_right {
  width: 217px;
  text-align: center;
}

.layer_point_con .point_box li.pay_box span.pay_right .color_r {
  color: #333;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
}

.layer_point_con .point_box li.pay_box span.pay_right .bonus {
  color: #d23030;
  display: inline;
  font-size: 12px;
  font-weight: bold;
}

.layer_point_con .point_nb {
  margin: 15px 0;
  font-size: 12px;
  color: #808080;
  line-height: 22px;
}

.layer_point_con .point_nb span {
  display: block;
}


/*20161209 추천종목 List*/
.StockList {
  margin-top: 12px;
  border: 1px solid #ddd;
  position: relative;
  font-family: 'NanumGothic';
  font-size: 14px;
  color: #333;
}

.StockList .list_data {
  position: relative;
  background: #f4f4f4;
  height: 39px;
  border-bottom: 1px solid #ddd;
  line-height: 39px;
  vertical-align: middle;
}

.StockList .list_data .item {
  position: absolute;
  top: 7px;
  left: 12px;
  display: inline-block;
  min-width: 50px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.StockList .list_data .item .single {
  background: #ff7a00;
  border-radius: 20px;
  padding: 3px 0;
  line-height: 20px;
  vertical-align: middle;
}

.StockList .list_data .item .short {
  background: #405e9c;
  border-radius: 20px;
  padding: 3px 0;
  line-height: 20px;
  vertical-align: middle;
}

.StockList .list_data .item .middle {
  background: #3fa098;
  border-radius: 20px;
  padding: 3px 0;
  line-height: 20px;
  vertical-align: middle;
}

.StockList .list_data .item .long {
  background: #73c3dd;
  border-radius: 20px;
  padding: 3px 0;
  line-height: 20px;
  vertical-align: middle;
}

.StockList .list_data .item .ai {
  background: #00c6bf;
  border-radius: 20px;
  padding: 3px 10px;
  line-height: 20px;
  vertical-align: middle;
}

.StockList .list_data .date {
  display: inline-block;
  margin-left: 70px;
  line-height: 39px;
  font-weight: 900;
  font-size: 24px;
  color: #454b5b;
}

.StockList .list_data .date span {
  font-size: 14px;
  color: #767588;
  font-weight: bold;
}

.StockList .list_data .date .until {
  font-family: 'Dotum';
  font-weight: bold;
  font-size: 13px;
}

.StockList .list_data .date_ai {
  display: inline-block;
  margin: 0 0 2px 85px;
  font-size: 17px;
  line-height: 39px;
  vertical-align: middle;
}

.StockList .list_data .date_ai span {
  padding-bottom: 4px;
}

.StockList .list_data .cont_info {
  display: inline-block;
  float: right;
  line-height: 39px;
  vertical-align: middle;
  text-align: right;
  font-family: 'Dotum';
  font-weight: bold;
  color: #666;
  font-size: 13px;
  margin-right: 12px;
}

.StockList .list_data .cont_info ul li {
  display: inline-block;
  margin-left: 3px;
}

.StockList .list_data .cont_info ul li i {
  font-size: 110%;
  vertical-align: middle;
  margin-bottom: 2px;
}

.StockList .list_data .cont_info .limit i {
  color: #ff7a00;
  margin-right: 5px;
}

.StockList .list_data .cont_info .up {
  letter-spacing: -1px
}

.StockList .list_data .cont_info .up i {
  color: #ff4e00;
}

.StockList .list_data .cont_info .down {
  letter-spacing: -1px
}

.StockList .list_data .cont_info .down i {
  color: #22b0d9;
}

.StockList .list_data .cont_info .boast {
  letter-spacing: -1px
}

.StockList .list_data .cont_info .boast i {
  font-size: 120%;
  color: #bc025e;
  margin-bottom: 1px;
}

.StockList .list_data .point {
  display: inline-block;
  border-left: 1px solid #bbb;
  width: 112px;
  line-height: 39px;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  color: #767588;
  float: right;
}

.StockList .list_data .point span {
  display: inline-block;
  margin-bottom: 2px;
  padding-top: 4px;
  min-width: 80px;
  background: #6672b0;
  border-radius: 3px;
  font-family: Dotum;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  vertical-align: middle;
}

.StockList .list_info {
  height: 100px;
}

.StockList .list_info .result {
  width: 120px;
  text-align: center;
  padding-top: 1.5px;
  float: left;
}

.StockList .list_info .result p {
  color: #ff4e00;
  font-family: 'Malgun Gothic';
  font-weight: bold;
  font-size: 46px;
}

.StockList .list_info .result p span {
  font-size: 24px;
}

.StockList .list_info .result .profit {
  background: #eff1f3;
  border-radius: 3px;
  font-family: 'Dotum';
  font-weight: bold;
  font-size: 11px;
  text-shadow: 0px 1px #fff;
  width: 100px;
  text-align: center;
  color: #999;
  line-height: 20px;
  margin: auto;
}

.StockList .list_info .title {
  display: inline-block;
  width: 512px;
  padding-left: 12px;
}

.StockList .list_info .title .tit {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 24px 0 13px;
}

.StockList .list_info .title .tit .deadline {
  border-radius: 3px;
  border: 1px solid #405e9c;
  font-family: 'Dotum';
  font-size: 12px;
  font-weight: bold;
  color: #405e9c;
  width: 60px;
  text-align: center;
  line-height: 20px;
  float: left;
  margin-right: 3px;
}

.StockList .list_info .title .tit .subscription {
  border-radius: 3px;
  border: 1px solid #3fa098;
  font-family: 'Dotum';
  font-size: 12px;
  font-weight: bold;
  color: #3fa098;
  width: 60px;
  text-align: center;
  line-height: 20px;
  float: left;
  margin-right: 3px;
}

.StockList .list_info .title .name {
  font-size: 16px;
  font-weight: bold;
  color: #ff7a00;
}

.StockList .list_info .title .name b {
  display: inline-block;
  padding: 3px 6px 3px 6px;
  margin: -3px 0 0 0px;
  border-radius: 3px;
  background: #00c6bf;
  color: #fff;
  font-size: 11px;
  font-family: NanumGothic;
  line-height: 12px;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 1px;
}

.StockList .list_info .title .name .btn_as {
  display: inline-block;
  font-size: 11px;
  border: 1px solid #ccc;
  background: linear-gradient(to bottom, #f9f9f9, #efefef);
  width: 58px;
  height: 20px;
  padding: 0 5px;
  border-radius: 10px;
  line-height: 22px;
  text-align: center;
  color: #d23030;
  margin: 0 5px;
  vertical-align: middle;
  font-family: Gulim;
  font-weight: bold;
  letter-spacing: -1px;
}

.StockList .list_info .finish_hour {
  display: inline-block;
  line-height: 73px;
  float: right;
  width: 112px;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  font-family: 'Malgun Gothic';
}

.StockList .list_info .finish_hour .hour {
  font-size: 30px;
  line-height: 97px;
}

.StockList .list_info .finish_hour .success {
  color: #ff7a00;
  position: relative;
}

.StockList .list_info .finish_hour .fail {
  color: #454b5b;
  color: #aeadb9;
  position: relative;
}

.StockList .list_info .finish_hour .return {
  color: #3fa098;
  position: relative;
}

.StockList .list_info .finish_hour .loss {
  color: #22b0d9;
  position: relative;
}

.StockList .list_info .finish_hour .end_item {
  position: absolute;
  top: 60px;
  margin: auto;
  width: 112px;
  display: block;
  font-size: 13px;
  color: #555;
  line-height: 15px;
  cursor: pointer;
}

.StockList .list_info .finish_hour .end_item i {
  font-size: 12px;
  margin-right: 3px;
}

/*매수기회 불충분*/
.StockList .list_data .cont_info .insufficient {
  display: inline-block;
  height: 24px;
  line-height: 26px;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 11px;
  color: #fff;
  background: #ccc;
  background: linear-gradient(to bottom, #ccc, #bdbdbd);
}

/*new_submenu*/
.left_menu {
  float: left;
  width: 197px;
}

.submenu {
  position: relative;
  margin-bottom: 60px;
}

.submenu .top_tit {
  position: relative;
  height: 40px;
  padding-bottom: 11px;
  border-bottom: 4px solid #ff4e00;
  font-size: 28px;
  font-family: NanumSquare;
  font-weight: bold;
  color: #333;
  text-align: left;
  letter-spacing: -1.3px;
}

.submenu .top_tit .txt {
  position: absolute;
  top: 40px;
  font-size: 28px;
  font-family: NanumSquare;
  color: #fff;
  text-align: center;
  width: 197px;
}

.submenu .menu_list {
  background: #fff;
  width: 197px;
  display: inline-block;
}

.submenu .menu_list li {
  line-height: 41px;
  font-family: 'Malgun Gothic';
  font-size: 14px;
  letter-spacing: -0.5px;
}

.submenu .menu_list li a {
  color: #333;
  display: block;
  height: 41px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 20px;
}

.submenu .menu_list li a:hover {
  color: #ff6500;
}

.submenu .menu_list .pre {
  display: none;
}

.submenu .menu_list .on_sel {
  font-size: 15px;
  font-weight: bold;
}

.submenu .menu_list .on_sel a {
  color: #ff6500;
  padding: 0;
}

.submenu .menu_list .on_sel .pre {
  display: inline;
}

.submenu .menu_list .on_sel .pre i {
  display: inline-block;
  width: 40px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  background: #ff6500;
  font-size: 16px;
  color: #fff;
  vertical-align: bottom;
  margin-right: 10px;
}

.submenu .menu_list .on_sel .depth3 li {
  font-weight: normal;
}

.submenu .menu_list .puls .depth3 {
  padding: 10px 20px;
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
  font-weight: normal;
}

.submenu .menu_list .puls .depth3 li a {
  height: 25px;
  line-height: 24px;
  font-size: 13px;
  color: #777;
  border: 0;
  vertical-align: middle;
  padding: 0;
}

.submenu .menu_list .puls .depth3 li a:hover {
  color: #ff6500;
}

.submenu .menu_list .puls .depth3 li a span {
  margin-right: 3px;
  font-size: 16px;
}

.submenu .menu_list .puls .depth3 .on a {
  color: #ff6500;
}

/*submenu_banner*/
.left_menu .banner_snb {
  margin-top: 12px;
  cursor: pointer;
}

/*right_cont-title*/
.sec_right .sub_tit {
  font-family: NanumSquare;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

/* 공통 서브메뉴 top 배너 부분 */
.common_submenu_banner {
  width: 100%;
  max-width: 1920px;
  min-width: 1020px;
  min-height: 170px;
  margin: 0 auto;
  background-size: 100% 100%;
}

.common_submenu_banner.topbanner_item {
  background: url('../images/common/snb_topbanner_item.png');
}

/* 추천종목 */
.common_submenu_banner.topbanner_tech {
  background: url('../images/common/snb_topbanner_tech.png');
}

/* 멘토특강 */
.common_submenu_banner.topbanner_leading {
  background: url('../images/common/snb_topbanner_leading.png');
}

/* 실시간리딩 */
.common_submenu_banner.topbanner_package {
  background: url('../images/common/snb_topbanner_package.png');
}

/* 프리미엄 */
.common_submenu_banner.topbanner_analysts {
  background: url('../images/common/snb_topbanner_analysts.png');
}

/* 멘토 */
.common_submenu_banner.topbanner_league {
  background: url('../images/common/snb_topbanner_league.png');
}

/* 챌린지리그 */
.common_submenu_banner.topbanner_currency {
  background: url('../images/common/snb_topbanner_currency.png');
}

/* 가상화폐 */
.common_submenu_banner.topbanner_member {
  background: url('/images/common/snb_topbanner_member.png');
}

/* 마이페이지 */
.common_submenu_container {
  position: relative;
  width: 1020px;
  margin: 0 auto;
}

.common_submenu_banner .common_submenu_container > h2 {
  display: block;
  padding: 35px 0;
  color: #fff;
  font-size: 40px;
  font-weight: 200;
  font-family: 'Malgun Gothic';
  text-align: center;
  line-height: 50px;
}


/* 공통 서브메뉴 */
.common_submenu_top {
  width: 100%;
  min-width: 1020px;
  margin-top: -55px;
  background: url(/Images/common/sub_snb_bg.png) repeat-x;
}

.common_submenu_top .common_submenu_container > ul {
  width: 1020px;
  margin: 0 auto;
  text-align: center;
}

.common_submenu_top .common_submenu_container > ul li {
  display: inline-block;
  *display: inline;
}

.common_submenu_top .common_submenu_container > ul li > a {
  display: block;
  position: relative;
  color: #fff;
  padding: 15px 20px 10px;
  font-size: 17px;
  font-family: 'Malgun Gothic';
  text-align: center;
  opacity: 0.7;
  letter-spacing: -1px;
}

.common_submenu_top .common_submenu_container > ul li > a:hover {
  opacity: 1;
}

.common_submenu_top .common_submenu_container > ul li.on > a {
  color: #ffea00;
  opacity: 1;
  font-size: 19px;
  font-weight: 500;
}

.common_submenu_top .common_submenu_container > ul li.on:after {
  content: "";
  display: block;
  left: 0px;
  bottom: 5px;
  width: 100%;
  height: 5px;
  background-color: #fff;
}


/* 2019 바뀐 서브메뉴*/
.common_subgnb {
  width: 100%;
  max-width: 1920px;
  min-width: 1020px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #eaeaea;
  height: 40px;
  color: #999;
  font-size: 15px;
  line-height: 40px;
  letter-spacing: -0.25px;
  font-family: NanumGothic;
}

.common_subgnb ul {
  width: 100%;
  min-width: 1020px;
  width: 1020px;
  margin: 0 auto;
  text-align: center;
}

.common_subgnb ul li {
  display: inline-block;
  *display: inline;
}

.common_subgnb ul li.on > a {
  color: #da1d1f;
  font-weight: 600;
}

.common_subgnb ul li a {
  color: #333;
  margin: 0 10px;
}


/******2021/08/05 UI스타일 변경****************************************************************************************************************************************************************************************/
/* 웹폰트*/
@font-face {
  font-family: 'BMJUA';
  font-style: normal;
  font-weight: normal;
  src: url('font/BMJUA.woff2') format('woff2'), url('font/BMJUA.woff') format('woff'), url('font/BMJUA.otf') format('opentype');
}

@font-face {
  font-family: 'BMDOHYEON';
  font-style: normal;
  font-weight: normal;
  src: url('font/BMDOHYEON.woff2') format('woff2'), url('font/BMDOHYEON.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('font/NotoSansKR-Thin.woff2') format('woff2'), url('font/NotoSansKR-Thin.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('font/NotoSansKR-Light.woff2') format('woff2'), url('font/NotoSansKR-Light.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('font/NotoSansKR-DemiLight.woff2') format('woff2'), url('font/NotoSansKR-DemiLight.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('font/NotoSansKR-Regular.woff2') format('woff2'), url('font/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 600;
  src: url('font/NotoSansKR-Medium.woff2') format('woff2'), url('font/NotoSansKR-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('font/NotoSansKR-Bold.woff2') format('woff2'), url('font/NotoSansKR-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('font/NotoSansKR-Black.woff2') format('woff2'), url('font/NotoSansKR-Black.woff') format('woff');
}

@font-face {
  font-family: 'Apple SD Gothic Neo';
  font-style: normal;
  font-weight: normal;
  src: url('font/AppleSDGothicNeoR.woff2') format('woff2');
}

/**/
@font-face {
  font-family: 'scdream';
  font-style: normal;
  font-weight: 500;
  src: url('font/scdream5.woff2') format('woff2'), url('/font/scdream5.woff') format('woff'), url('font/scdream5.otf') format('opentype');
}

@font-face {
  font-family: 'scdream';
  font-style: normal;
  font-weight: 700;
  src: url('font/scdream6.woff2') format('woff2'), url('/font/scdream6.woff') format('woff'), url('font/scdream6.otf') format('opentype');
}

/*속성 초기화*/
* {
  margin: 0px;
  padding: 0px;
  letter-spacing: -0.5px;
  box-sizing: border-box;
  font-family: inherit;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none
}

/*가로로 눕혀서볼때 글씨확장 방지*/
html {
  overflow-y: scroll;
  color: #222;
  font: 500 16px 'Noto Sans KR', sans-serif;
}

body {
  min-width: 1200px;
  -webkit-text-size-adjust: none;
  font-size: 100% !important;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  overflow: hidden;
}

img {
  border-style: none;
  -ms-interpolation-mode: bicubic;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

fieldset {
  border: 0;
}

table, th, td {
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}

ol, ul, ul li, ol li {
  list-style-type: none;
  list-style: none;
}

input {
  outline: 0;
}

input {
  -webkit-border-radius: 0;
  outline: 0;
}

input[type=checkbox] {
  vertical-align: middle;
}

input[type=radio] {
  vertical-align: middle;
}

input[type=button] {
  -webkit-appearance: none;
}

input[type=submit] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input::-webkit-input-placeholder {
  color: #999;
}

input:-ms-input-placeholder {
  color: #999;
}

button {
  background: inherit;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

button:focus, button:active {
  padding: 0;
}

button:focus, button:active span {
  position: relative;
}

select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

::selection, select:focus::-ms-value {
  background-color: transparent;
  color: #999;
}

option:checked {
  background-color: transparent;
  color: #222;
}

option:checked:hover, select:focus option:checked:hover {
  background-color: transparent;
  color: #222;
}

textarea {
  resize: none;
  background: url(none);
  -webkit-border-radius: 1px;
  -webkit-appearance: none;
}

b, i {
  color: inherit;
  font-weight: 700;
}

em, i, address {
  font-style: normal;
  font-weight: normal;
}

strong {
  color: inherit;
  font-weight: inherit;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

a {
  outline: 0;
  color: inherit;
  cursor: pointer;
}

*:focus {
  outline: 0;
}

*:visited {
  outline: 0;
}

*:active {
  outline: 0;
}

*:hover {
  outline: 0;
}


/*상단*/
.cm_header_wrap {
  width: 100%;
  height: auto;
  background: #fff;
  font: 500 14px 'Noto Sans KR';
}

.cm_header_wrap.mentor {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.cm_header_wrap.mentor .logo {
  display: block;
  float: left;
  width: 220px;
  padding-left: 15px;
  margin: 20px 0 0 0;
}

.cm_header_wrap.mentor .logo img {
  display: block;
  width: 77px;
  height: 23px;
}

.cm_header_wrap.mentor .box_btn {
  float: left;
  padding: 5px 0;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_btn .cm_btn_line.gray {
  display: inline-block;
  float: left;
  border-radius: 5px;
}

.cm_header_wrap.mentor .box_btn .cm_btn_line.gray a {
  display: block;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 20px;
}

.cm_header_wrap.mentor .box_btn .cm_btn_line + .cm_btn_line {
  margin-left: 6px;
}

.cm_header_wrap.mentor .box_alarm {
  float: left;
  max-width: calc(100% - 753px);
  margin-top: 5px;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_alarm li {
  display: inline-block;
  width: 20%;
  min-width: 180px;
  max-width: 320px;
  height: 50px;
  padding: 5px 10px;
  margin: 0 5px;
  background: #f8f8f8;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_alarm li + li {
  margin-left: 5px;
}

.cm_header_wrap.mentor .box_alarm .box_info {
  float: left;
  width: calc(100% - 55px);
  height: 100%;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_alarm .box_info .cm_smtxt p {
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_alarm .box_info .cm_smtxt p .value {
  display: inline-block;
  float: right;
  margin-left: 10px;
  text-align: right;
}

.cm_header_wrap.mentor .box_alarm .btn_noti {
  float: right;
  position: relative;
  width: 50px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  text-align: center;
}

.cm_header_wrap.mentor .box_alarm .btn_noti a {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  color: #777;
  font-size: 13px;
  line-height: 20px;
}

.cm_header_wrap.mentor .box_alarm .btn_noti.on a {
  color: #e8373d;
}

.cm_header_wrap.mentor .box_user {
  float: right;
  padding-right: 30px;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_user .box_thmb {
  float: left;
  width: 35px;
  height: 35px;
  margin: 13px 5px 0 0;
  border-radius: 50%;
  border: 1px solid #ddd;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_user .box_thmb img {
  display: block;
  width: 100%;
  height: 100%;
}

.cm_header_wrap.mentor .box_user .user_name {
  float: left;
  position: relative;
  min-width: 95px;
  height: 40px;
  margin: 10px 0 0 0;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_user .user_name .box_user_name {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  min-width: 95px;
}

.cm_header_wrap.mentor .box_user .user_name .mentor_info {
  vertical-align: middle;
}

.cm_header_wrap.mentor .box_user .user_name .mentor_info + .mentor_info {
  position: relative;
  margin-left: 5px;
  padding-left: 5px;
  overflow: hidden;
}

.cm_header_wrap.mentor .box_user .user_name .mentor_info + .mentor_info:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 15px;
  background: #ddd;
}

.cm_header_wrap.mentor .box_user .user_name .name {
  display: block;
  width: 100%;
}

.cm_header_wrap.mentor .box_user .btn_logout {
  float: left;
  display: inline-block;
  padding: 0 5px;
  margin: 16px 0 0 13px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #777;
  font-size: 15px;
  line-height: 28px;
  cursor: pointer;
}

.cm_nav_wrap {
  float: left;
  position: relative;
  width: 220px;
  height: auto;
  min-height: 100%;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-top: 0;
  border-bottom: 0;
  background: #fff;
}

.cm_nav_wrap .box_depth1 {
  padding: 0 10px;
  margin-top: 10px;
}

.cm_nav_wrap .box_depth1:first-child {
  margin-top: 0;
}

.cm_nav_wrap .box_depth1 .tit {
  padding: 0 10px;
  font-size: 16px;
  line-height: 40px;
  font-weight: 600;
}

.cm_nav_wrap .box_depth1 .box_depth2 {
  display: block;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.cm_nav_wrap .box_depth1 .box_depth2 li {
  padding: 0 10px;
  color: #777;
  font-size: 15px;
  line-height: 26px;
}

.cm_nav_wrap .box_depth1 .box_depth2 li .on {
  color: #e8383c;
  font-weight: bold;
}

.cm_nav_wrap .box_depth1 .box_depth2 li:hover a {
  color: #e8383c;
  font-weight: bold;
}

.cm_nav_wrap .box_depth1 .box_depth2 li.bn_ad {
  padding: 0 10px;
}

/*푸터*/
.cm_footer_wrap {
  position: relative;
  width: 100%;
  min-width: 1200px;
  height: auto;
  background: #f2f4f7;
  font: 500 14px 'Noto Sans KR';
}

.cm_footer_wrap.mentor {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
  overflow: hidden;
}

.cm_footer_wrap.mentor .logo {
  display: inline-block;
  height: 25px;
  margin-right: 40px;
  vertical-align: middle;
}

.cm_footer_wrap.mentor .logo img {
  display: block;
  width: auto;
  height: 100%;
}

.cm_footer_wrap.mentor span {
  color: #999;
  font-size: 13px;
  line-height: 20px;
  vertical-align: middle;
}


/* 텍스트 스타일*/
.cm_tit_48 {
  font: 600 48px/68px 'Noto Sans KR';
}

.cm_tit_35 {
  font: 600 35px/50px 'Noto Sans KR';
}

.cm_tit {
  font: 600 25px/36px 'Noto Sans KR';
}

.cm_subtit {
  font: 500 18px/26px 'Noto Sans KR';
}

.cm_txt {
  font: 500 15px/22px 'Noto Sans KR';
}

.cm_smtxt {
  font: 500 13px/20px 'Noto Sans KR';
}


/*텍스트 정렬*/
.txt_left {
  text-align: left !important;
}

.txt_right {
  text-align: right !important;
}

.txt_center {
  text-align: center !important;
}

.txt_top {
  vertical-align: top !important;
}

.txt_middle {
  vertical-align: middle !important;
}

.txt_bottom {
  vertical-align: bottom !important;
}


/*폰트 컬러*/
.cm_color_bk {
  color: #222 !important;
}

.cm_color_dg {
  color: #777 !important;
}

.cm_color_lg {
  color: #999 !important;
}

.cm_color_c {
  color: #ccc !important;
}

.cm_color_or, .cm_color_stock {
  color: #ff7500;
}

.cm_color_lor {
  color: #ffdcbf;
}

.cm_color_red {
  color: #e8373d !important;
}

.cm_color_ts {
  color: #e8343f !important;
}

.cm_color_navy, .cm_color_finup {
  color: #2e2e72;
}

.cm_color_dgrn, .cm_color_funding {
  color: #00856e;
}

.cm_color_lgrn {
  color: #029e6e;
}

.cm_color_bl {
  color: #373fe8 !important;
}

.cm_color_radar {
  color: #b71e4e;
}

.cm_color_starter {
  color: #22a5df;
}


/*마진*/
.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}


/*패딩*/
.pt0 {
  padding-top: 0 !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb15 {
  padding-bottom: 15px !important;
}


/*커서 모양*/
.cursor {
  cursor: pointer;
}


/*멘토 이름*/
.cm_mentor_name {
  padding-left: 1px;
  color: #222;
  font-size: 18px;
  font-family: 'BMJUA';
}

.cm_mentor_name .im {
  margin: -3px 3px 0 0;
  font-size: 80%;
  vertical-align: middle;
}

.cm_mentor_name.big {
  padding-left: 1px;
  color: #222;
  font: normal 28px 'BMJUA';
}


/*회원 이름*/
.cm_user_name {
  padding-left: 1px;
  color: #777;
  font-size: 18px;
  font-family: 'BMJUA';
}

.cm_user_name .im {
  margin: -2px 3px 0 0;
  font-size: 100%;
  vertical-align: middle;
}


/*라벨*/
.cm_badge_wrap {
  display: block;
  width: auto;
  height: 25px;
  color: #fff;
  font: 500 13px/23px 'Noto Sans KR';
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.cm_badge {
  float: left;
  width: auto;
  padding: 0 10px;
  height: 25px;
  margin-right: 5px;
  font: 500 13px/25px 'Noto Sans KR';
}

.cm_badge.level_step1 {
  width: 40px;
  padding: 0 !important;
  border: 1px solid #fba62d;
  color: #fba62d;
  line-height: 23px;
}

.cm_badge.level_step2 {
  width: 40px;
  padding: 0 !important;
  border: 1px solid #f47425;
  color: #f47425;
  line-height: 23px;
}

.cm_badge.level_step3 {
  width: 40px;
  padding: 0 !important;
  border: 1px solid #950082;
  color: #950082;
  line-height: 23px;
}

.cm_badge.level_step4 {
  width: 40px;
  padding: 0 !important;
  border: 1px solid #2e2e72;
  color: #2e2e72;
  line-height: 23px;
}

/*방송중*/
.cm_badge.broadcast {
  position: relative;
  width: auto;
  background: transparent;
  color: #e8373d;
  font-size: 15px;
  line-height: 25px;
  text-align: right;
}

.cm_badge.broadcast::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e8373d;
}

/*무료*/
.cm_badge.free {
  background: #e8373d;
  padding: 0 10px;
  color: #fff;
}

/*배경_글씨색*/
.cm_badge.gray_or {
  padding: 0 5px;
  background: #ededed;
  color: #e8373d;
  font: normal 15px/28px 'BMJUA';
}

.cm_badge.white_nv {
  padding: 0 5px;
  border: 1px solid #ddd;
  background: #fff;
  color: #2a2a65;
  line-height: 23px;
}

/*색상별 라벨*/
.cm_badge.navy {
  background: #2a2a65;
  color: #fff;
}

.cm_badge.orange {
  background: #ff7500;
  color: #fff;
}

.cm_badge.purple {
  background: #7e0043;
}

.cm_badge.red {
  background: #e8373d;
  color: #fff;
}

.cm_badge.white {
  padding: 0 5px;
  border: 1px solid #ddd;
  color: #777;
  font: 500 13px/23px 'Noto Sans KR';
}

.cm_badge.gray {
  background: #ddd;
  color: #222;
}

/*리본 라벨*/
.cm_badge_ribbon {
  position: absolute;
  width: 95px;
  height: 95px;
  top: 0;
  left: 0;
  overflow: hidden;
}

.cm_badge_ribbon .cm_ribbon {
  position: absolute;
  top: 10px;
  left: -42px;
  transform: rotate(-45deg);
  width: 142px;
  height: 38px;
  background: #f1f2f4;
  color: #fff;
  font: 400 16px/36px 'Noto Sans KR';
  text-align: center;
}

.cm_badge_ribbon .cm_ribbon.blue {
  background: #2e2e72;
}

.cm_badge_ribbon .cm_ribbon.red {
  background: #e8373d;
}

.cm_badge_ribbon .cm_ribbon.gray {
  background: #999;
}

.cm_badge_ribbon .cm_ribbon.hide {
  display: none;
}

.cm_badge_ribbon.small .cm_ribbon {
  top: 8px;
  left: -45px;
  height: 35px;
  font-size: 13px;
  line-height: 35px;
}


/*폼 요소*/
.cm_form_wrap {
  position: relative;
  width: 400px;
  height: 40px;
  overflow: hidden;
}

.cm_form {
  height: 40px;
  padding-left: 15px;
  margin-left: 3px;
  border: 1px solid #ddd;
  color: #222;
  font: 500 15px/40px 'Noto Sans KR';
}

.cm_form.on:hover {
  border: 1px solid #ff7500;
}

.cm_form.cm_btn_bg {
  display: inline-block;
  width: 80px !important;
  height: 40px !important;
  margin-left: 5px;
  padding: 0;
  border-radius: 5px;
  font: 500 15px/40px 'Noto Sans KR' !important;
}

.cm_form.cm_btn_ic {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.cm_form.cm_btn_ic .im {
  font-size: 110%;
}

.cm_form.select {
  width: 172px;
  background: #fff url('/Images/common/stockList_filter_arrow01.png') calc(100% - 15px) center no-repeat;
  -webkit-appearance: none;
  cursor: pointer;
}

.cm_form.select::-ms-expand {
  display: none;
}

.cm_form.text01 {
  width: 400px;
  padding: 0 15px;
}

.cm_form.text02 {
  width: 400px;
  padding: 0 48px 0 15px;
}

.cm_form.textarea {
  width: 100%;
  padding: 10px;
  line-height: 22px !important;
  resize: vertical;
}

.cm_form_wrap.bottom {
  float: none;
  width: auto;
  margin: 30px auto 0 auto;
  text-align: center;
}

.cm_form_wrap.bottom .cm_form {
  float: left;
  margin-left: 15px;
}

.cm_form_wrap.bottom .cm_form.select {
  float: left;
  margin-left: 0;
  background-position: 70px 18px;
}

.cm_from_period {
  width: auto;
  height: 40px;
}

.cm_from_period:after {
  display: block;
  content: '';
  clear: both;
}

.cm_from_period .cm_form_wrap {
  display: inline-block;
  width: auto;
  height: 40px;
  vertical-align: middle;
  overflow: visible !important;
}

.cm_from_period .cm_form_wrap:after {
  display: block;
  content: '';
  clear: both;
}

.cm_from_period .cm_form_wrap .cm_form.text02 {
  width: 100%;
  height: 40px;
  padding: 0 45px 0 15px;
  margin: 0;
  line-height: 38px;
  text-align: center;
}

.cm_from_period .cm_form_wrap .cm_form.cm_btn_ic {
  border: 0;
  padding: 0 15px 0 0 !important;
  background: transparent !important;
}

.cm_from_period .cm_form_wrap .cm_form.cm_btn_ic .im {
  line-height: 40px;
}

.cm_from_period .box_txt {
  display: inline-block;
  width: 11px;
  height: 45px;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}

.cm_form[type=checkbox] {
  display: none;
  height: auto;
}

.cm_form[type=checkbox] + label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  font-size: 15px;
  line-height: 22px;
  cursor: pointer;
}

.cm_form[type=checkbox] + label::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url('../images/common/ic_check.png') 0 0;
}

.cm_form[type=checkbox]:checked + label::before {
  background-position: 0 -18px;
}

.cm_form[type=radio] {
  display: none;
}

.cm_form[type=radio] + label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  font-size: 15px;
  line-height: 22px;
  cursor: pointer;
}

.cm_form[type=radio] + label::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url('../images/common/ic_check.png') -18px 0;
}

.cm_form[type=radio]:checked + label::before {
  background-position: -18px -18px;
}


/*버튼*/
.cm_btn_line {
  display: block;
  background: #fff;
  border: 1px solid #ddd;
  color: #222;
  font: 600 20px/50px 'Noto Sans KR';
  text-align: center;
  cursor: pointer;
}

.cm_btn_line.gray, .cm_btn_line.gray_hover {
  border: 1px solid #ddd;
}

.cm_btn_line.orange, .cm_btn_line.orange_hover {
  border: 1px solid #ff7500;
}

.cm_btn_line.orange_hover:hover, .cm_btn_line.gray_hover:hover {
  border: 0;
  background: #ff7500;
  background-image: -webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%);
  background-image: -webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d));
  background-image: linear-gradient(to right, #ff7500, #e8373d);
  color: #fff;
}

.cm_btn_line .im {
  margin: -4px 0 0 5px;
  font-size: 95%;
  vertical-align: middle;
}

.cm_btn_line.ts {
  border: 1px solid #e8343f;
}

.cm_btn_bg {
  display: block;
  border: 0;
  background: #ff7500;
  color: #fff;
  font: 600 20px/50px 'Noto Sans KR';
  text-align: center;
  cursor: pointer;
}

.cm_btn_bg .im {
  margin: -4px 0 0 5px;
  font-size: 95%;
  vertical-align: middle;
}

.cm_btn_bg.black {
  background: #222;
}

.cm_btn_bg.gray {
  background: #ededed;
  color: #999;
}

.cm_btn_bg.navy {
  background: #2e2e72;
  color: #fff;
}

.cm_btn_bg.ts {
  background: #e8343f;
  color: #fff;
}

.cm_btn_bg.red {
  background: #e8373d;
  color: #fff;
}

.cm_btn_bg.gr_or {
  background: #ff7500;
  background-image: -webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%);
  background-image: -webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d));
  background-image: linear-gradient(to right, #ff7500, #e8373d);
}

.cm_btn_bg.gr_or.vertical {
  background: #ff7500;
  background-image: -webkit-linear-gradient(top bottom, #ff7500 0%, #e8373d 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7500), to(#e8373d));
  background-image: linear-gradient(to bottom, #ff7500, #e8373d);
}

.cm_btn_bg.gr_navy {
  background: #2e2e72;
  background-image: -webkit-linear-gradient(left right, #2e2e72 0%, #222259 100%);
  background-image: -webkit-gradient(linear, left, right, from(#2e2e72), to(#222259));
  background-image: linear-gradient(to right, #2e2e72, #222259);
}

.cm_btn_bg.gr_navy.vertical {
  background: #2e2e72;
  background-image: -webkit-linear-gradient(top bottom, #2e2e72 0%, #222259 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2e2e72), to(#222259));
  background-image: linear-gradient(to bottom, #2e2e72, #222259);
}

.cm_btn_bg.gr_black {
  background: #222;
  background-image: -webkit-linear-gradient(left right, #454545 0%, #222 100%);
  background-image: -webkit-gradient(linear, left, right, from(#454545), to(#222));
  background-image: linear-gradient(to right, #454545, #222);
}

.cm_btn_bg.gr_black.vertical {
  background: #222;
  background-image: -webkit-linear-gradient(top bottom, #454545 0%, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#222));
  background-image: linear-gradient(to bottom, #454545, #222);
}

.cm_btn_bg.gr_white {
  border: 1px solid #ddd;
  background: #fff;
  background-image: -webkit-linear-gradient(top bottom, #fff 0%, f3f3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(f3f3f3));
  background-image: linear-gradient(to bottom, #fff, #f3f3f3);
  color: #222;
}


/*게시판*/
.cm_table_wrap {
  width: 100%;
  border: 1px solid #ddd;
  table-layout: fixed;
}

.cm_table_wrap img {
  max-width: 100%;
}

.cm_table_wrap .txt_left {
  text-align: left !important;
}

.cm_table_wrap .txt_center {
  text-align: center !important;
}

.cm_table_wrap .txt_right {
  text-align: right !important;
}

.cm_table_wrap .hide {
  display: none;
}

.cm_table_wrap .cm_view_category {
  display: inline-block;
  height: 30px;
  padding: 0 30px;
  margin-right: 20px;
  border: 1px solid #2f2e72;
  border-radius: 15px;
  background: #fff;
  font: 600 15px/28px 'Noto Sans KR';
}

.cm_table_wrap .cm_user_name, .cm_table_wrap .cm_mentor_name {
  font-size: 16px !important;
}

.cm_table_wrap > thead {
  border-top: 2px solid #222;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.cm_table_wrap > thead th {
  min-height: 50px;
  height: auto;
  padding: 10px 15px;
  background: #fff8f8;
  color: #222;
  font: 500 16px 'Noto Sans KR';
  line-height: 30px;
}

.cm_table_wrap > thead th .tit {
  font: 600 18px 'Noto Sans KR';
  text-align: left;
}

.cm_table_wrap > tbody tr {
  cursor: pointer;
}

.cm_table_wrap > tbody td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font: 500 18px/25px 'Noto Sans KR';
}

.cm_table_wrap > tbody td.cm_txt {
  font: 500 15px 'Noto Sans KR';
}

.cm_table_wrap > tbody td.tit {
  padding: 10px 20px;
  font: 500 18px 'Noto Sans KR';
  text-align: left;
}

.cm_table_wrap > tbody td.txt_detail {
  padding: 20px 30px;
  background: #f8f8f8;
  color: #999;
  font: 500 15px 'Noto Sans KR';
  box-sizing: border-box;
}

/*게시판 리스트-제목 말줄임*/
.cm_table_wrap.text_hidden {
  width: 100%;
  table-layout: fixed;
  white-space: nowrap;
}

.cm_table_wrap.text_hidden tbody td {
  height: 50%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*게시판 리스트-사진있음*/
.cm_table_wrap.borad_photo td {
  text-align: center;
}

.cm_table_wrap.borad_photo .desc {
  position: relative;
}

.cm_table_wrap.borad_photo .desc td:nth-of-type(2) {
  text-align: left !important;
}

.cm_table_wrap.borad_photo .cm_thumb_wrap {
  float: left;
  width: 80px;
  height: 80px;
  margin: 0 15px 0 0;
  border-radius: 15px;
  overflow: hidden;
}

.cm_table_wrap.borad_photo .tit {
  display: -webkit-box;
  float: left;
  width: calc(100% - 95px);
  font: 600 18px 'Noto Sans KR';
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  text-align: left;
  overflow: hidden;
}

.cm_table_wrap.borad_photo .subtit {
  display: -webkit-box;
  float: left;
  width: calc(100% - 95px);
  margin: 2px 0 0 0;
  color: #999;
  font: 500 15px 'Noto Sans KR';
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  text-align: left;
  overflow: hidden;
}

.cm_table_wrap.borad_photo .txt {
  float: left;
  width: calc(100% - 95px);
  margin: 0 0 8px 0;
  color: #999;
}

.cm_table_wrap.borad_photo .txt span {
  display: inline-block;
  float: left;
  position: relative;
  width: auto;
  margin-right: 20px;
}

.cm_table_wrap.borad_photo .txt span:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #ededed;
}

.cm_table_wrap.borad_photo .txt span:last-of-type {
  display: none;
}

/*게시판 상세-테이블*/
.cm_table_wrap.tale_veiw thead th .cm_view_category {
  padding: 0 10px;
}

.cm_table_wrap.tale_veiw tbody tr {
  cursor: unset;
}

.cm_table_wrap.tale_veiw tbody td {
  padding: 35px 25px;
  font-family: 'Noto Sans KR' !important;
}

.cm_table_wrap.tale_veiw tbody td table {
  all: initial;
}

.cm_table_wrap.tale_veiw tbody td > * {
  word-break: break-all;
}

.cm_table_wrap.tale_veiw tbody td .box_tit {
  margin-top: 20px;
  padding: 30px 0;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #f8f8f8;
  box-sizing: border-box;
  font: 600 25px 'Noto Sans KR';
}

.cm_table_wrap.tale_veiw tbody td .box_txt {
  margin-top: 30px;
}

.cm_table_wrap.tale_veiw tbody td .box_txt a {
  word-break: break-all;
}

.cm_table_wrap.tale_veiw tbody td .box_txt img {
  display: block;
  width: auto;
  max-width: 600px;
  min-width: 100px;
  height: auto;
  margin: 20px 0;
}

/*게시판 상세 첨부파일*/
.cm_table_wrap tbody .cm_attached_wrap {
  position: relative;
  padding: 0 !important;
  font: 500 15px 'Noto Sans KR' !important;
  overflow: hidden;
}

.cm_table_wrap tbody .cm_attached_wrap .tit {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: 0 !important;
  width: 150px;
  text-align: center;
}

.cm_table_wrap tbody .cm_attached_wrap .attached_list {
  display: inline-block;
  float: right;
  width: calc(100% - 150px);
}

.cm_table_wrap tbody .cm_attached_wrap .attached_list li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  text-align: left;
}

.cm_table_wrap tbody .cm_attached_wrap .attached_list li:last-child {
  border-bottom: 0;
}

.cm_table_wrap tbody .cm_attached_wrap .attached_list li .im {
  margin: -2px 0 0 5px;
  color: #555;
  font-size: 90%;
  vertical-align: middle;
}

.cm_table_wrap tbody .cm_attached_wrap .attached_list li:hover {
  text-decoration: underline;
}

/*게시판 상세 이전/다음 버튼*/
.cm_table_wrap.tale_veiw tbody tr td.box_move {
  height: 50px;
  padding: 0;
  border: 1px solid #ddd;
  border-top: 0;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.cm_table_wrap.tale_veiw tbody tr td.box_move button {
  float: left;
  width: 105px;
  height: 50px;
  border: 0;
  background: #fff;
  color: #777;
  font: 600 16px 'Noto Sans KR' !important;
}

.cm_table_wrap.tale_veiw tbody tr td.box_move button .im {
  margin: -2px 0 0 10px;
  color: #999;
  font-size: 80%;
  vertical-align: middle;
}

.cm_table_wrap.tale_veiw tbody tr td.box_move .tit {
  display: inline-block;
  float: left;
  max-width: 800px;
  margin: 0 15px;
  font: 600 16px/50px 'Noto Sans KR';
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}

.cm_table_wrap.tale_veiw tbody tr td.box_move .date {
  display: inline-block;
  float: left;
  width: auto;
  line-height: 50px;
}

/*게시판 글쓰기*/
.cm_table_wrap.table_write tbody {
  border-top: 2px solid #222;
  border-bottom: 1px solid #ddd;
}

.cm_table_wrap.table_write tbody tr {
  cursor: unset;
  height: 50px;
}

.cm_table_wrap.table_write tbody th {
  padding: 10px 30px !important;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fff8f8;
  font: 500 16px/25px 'Noto Sans KR';
  text-align: left;
}

.cm_table_wrap.table_write tbody td {
  padding: 10px 30px !important;
  text-align: left;
  font: 500 16px/25px 'Noto Sans KR' !important;
  box-sizing: border-box;
}

.cm_table_wrap.table_write tbody td label + input + label {
  margin-left: 10px;
}

.cm_table_wrap.table_write tbody td .cm_btn_bg {
  display: inline-block;
  width: auto !important;
  height: 28px;
  padding: 0 15px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}

.cm_table_wrap.table_write tbody td .cm_btn_line + .cm_btn_line {
  margin-left: 5px;
}

.cm_table_wrap.table_write tbody td .cm_btn_bg + .cm_btn_bg {
  margin-left: 5px;
}

.cm_table_wrap.table_write tbody td .cm_btn_bg + .cm_btn_line {
  margin-left: 5px;
}

.cm_table_wrap.table_write tbody td .cm_btn_line + .cm_btn_bg {
  margin-left: 5px;
}

.cm_table_wrap.table_write tbody td .cm_form.text02 + .cm_btn_line {
  margin-left: 10px;
}

.cm_table_wrap.table_write tbody td .cm_form.text02 + .cm_btn_bg {
  margin-left: 10px;
}


/*툴팁*/
.cm_tooltip_desc {
  display: none;
  position: absolute;
  top: 35px;
  left: 25px;
  min-width: 250px;
  padding: 30px;
  border-radius: 15px;
  background-color: rgba(000, 000, 000, 0.8);
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  box-sizing: border-box;
  text-align: left;
  word-break: keep-all;
  z-index: 100;
}

.cm_tooltip_desc h5 {
  height: auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  overflow: hidden;
}

.cm_tooltip_desc .tooltip_article {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-left: 10px;
}

.cm_tooltip_desc .tooltip_article li {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 10px;
  margin: 5px 0;
  font-size: 15px;
  line-height: 18px;
  overflow: hidden;
}

.cm_tooltip_desc .tooltip_article li::before {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #fff;
}


/*댓글 폼*/
.cm_reply_wrap {
  width: 100%;
  border-top: 2px solid #222;
  overflow: hidden
}

/*댓글 쓰기*/
.cm_reply_write {
  width: 100%;
  width: 100%;
  height: 115px;
  height: auto;
  padding: 20px 29px;
  border: 1px solid #ddd;
  background: #fff;
  font: 500 16px 'Noto Sans KR';
  box-sizing: border-box;
  overflow: hidden;
}

.cm_reply_write input[type='text'] {
  display: block;
  float: left;
  width: 90%;
  height: 45px;
  padding: 0 15px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  background: #fff;
  color: #999;
  font: 500 15px/25px 'Noto Sans KR';
  resize: none;
  box-sizing: border-box;
}

.cm_reply_write textarea {
  display: block;
  float: left;
  width: 90%;
  height: 75px;
  padding: 15px;
  border: 1px solid #ddd;
  background: #fff;
  color: #999;
  font: 500 15px/17px 'Noto Sans KR';
  resize: none;
  box-sizing: border-box;
}

.cm_reply_write .cm_btn_bg {
  float: left;
  width: 10% !important;
  height: 75px !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  font-size: 18px;
  line-height: 75px;
  cursor: pointer;
}

.cm_reply_write .cm_btn_bg.btn_fast {
  position: absolute;
  right: 29px;
  top: 20px;
  width: 8% !important;
  height: 135px !important;
}

/*댓글 내용*/
.cm_reply_list {
  width: 100%;
  overflow: hidden;
}

.cm_reply_list .reply_list {
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}

.cm_reply_list .reply_cont {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px 30px;
  border: 1px solid #ddd;
  border-top: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.cm_reply_list .reply_cont textarea {
  display: block;
  float: left;
  width: 90%;
  height: 75px;
  padding: 15px;
  border: 1px solid #ddd;
  background: #fff;
  color: #999;
  font: 500 15px/17px 'Noto Sans KR';
  resize: none;
  box-sizing: border-box;
}

.cm_reply_list .reply_cont .cm_btn_bg {
  float: left;
  width: 10% !important;
  height: 75px !important;
  margin-bottom: 0 !important;
  font-size: 18px;
  line-height: 75px;
  cursor: pointer;
}

.cm_reply_list .reply_cont .reply_write_info {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.cm_reply_list .reply_cont .cm_txt {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  padding-left: 15px;
  color: #999;
  box-sizing: border-box;
}

.cm_reply_list .reply_cont .cm_txt:before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: #999;
}

.cm_reply_list .reply_cont .reply_desc {
  width: calc(100% - 220px);
  height: auto;
  margin-top: 10px;
  color: #777;
  font: 500 15px/20px 'Noto Sans KR';
  overflow: hidden;
}

.cm_reply_list .reply_cont .box_reply_btn {
  position: absolute;
  top: 20px;
  right: 30px;
  max-width: 212px;
  height: 35px;
  overflow: hidden;
}

.cm_reply_list .reply_cont .box_reply_btn li {
  float: left;
  width: 64px;
  height: 35px;
  margin-right: 10px;
  border: 1px solid #ddd;
  background: #fff;
  color: #444;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}

.cm_reply_list .reply_cont .box_reply_btn li:last-child {
  margin-right: 0;
}

.cm_reply_list .reply_cont.change {
  width: 100%;
  height: auto;
}

.cm_reply_list .reply_list.re_reply .reply_cont {
  background: #f8f8f8;
}

.cm_reply_list .reply_list.re_reply .reply_cont .reply_write_info {
  position: relative;
  padding-left: 40px;
  box-sizing: border-box;
}

.cm_reply_list .reply_list.re_reply .reply_cont .reply_write_info:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #ddd;
  border-top: 0;
  border-right: 0;
}

.cm_reply_list .reply_list.re_reply .reply_cont .reply_write_info .cm_user_name {
  color: #ff7500;
}

.cm_reply_list .reply_list.re_reply .reply_cont .reply_write_info .cm_mentor_name {
  color: #ff7500;
}

.cm_reply_list .reply_list.re_reply .reply_cont .reply_desc {
  padding-left: 40px;
  box-sizing: border-box;
}


/*페이징*/
.cm_paging_wrap {
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: auto;
  height: 30px;
  margin: 30px auto;
}

.cm_paging_wrap .cm_pageing {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border: 1px solid #ddd;
  background: #fff;
  color: #ddd;
  font: 600 15px/28px 'Noto Sans KR';
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}

.cm_paging_wrap .cm_pageing a {
  display: block;
  width: 100%;
  height: 100%;
}

.cm_paging_wrap .cm_pageing.btn_num {
  width: auto;
  border: 0;
  background: transparent;
  color: #777;
}

.cm_paging_wrap .cm_pageing.btn_num a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}

.cm_paging_wrap .cm_pageing.btn_num.selected {
  padding: 0 10px;
  background: #222;
  color: #fff;
  cursor: default;
}

.cm_paging_wrap .cm_pageing .im {
  font-size: 80%;
  line-height: 28px;
}

.cm_paging_wrap .cm_pageing.btn_prev {
  margin-right: 10px;
}

.cm_paging_wrap .cm_pageing.btn_next {
  margin-left: 5px;
}

.cm_paging_wrap .cm_pageing.btn_frist .im:last-of-type {
  margin-left: -5px;
}

.cm_paging_wrap .cm_pageing.btn_last {
  margin-right: 0;
}

.cm_paging_wrap .cm_pageing.btn_last .im:first-of-type {
  margin-right: -5px;
}


/*탭 기본 디자인*/
.cm_tab {
  position: relative;
  width: 100%;
  height: 60px;
  margin: 0 auto;
  background: #fff;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  z-index: 10;
}

.cm_tab:before {
  display: block;
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 2px;
  height: 56px;
  background: #fff;
  z-index: 2;
}

.cm_tab .cm_tab_menu {
  float: left;
  position: relative;
  height: 60px;
  border-top: 1px solid #ddd;
  color: #999;
  font: 500 20px/58px 'Noto Sans KR';
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.cm_tab .cm_tab_menu.on {
  border-top: 2px solid #222;
  color: #222;
  font-weight: 600;
  line-height: 57px;
  box-sizing: border-box;
}

.cm_tab .cm_tab_menu:before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px;
  height: 21px;
  background: #ddd;
}

.cm_tab .cm_tab_menu:last-child:before {
  display: none;
}

.cm_tab .cm_tab_menu a {
  display: block;
  width: 100%;
  height: 100%;
}

.cm_tab .cm_tab_menu .ic_new {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: -2px 0 0 8px;
  border-radius: 50%;
  background: #ff7500;
  color: #fff;
  font-family: 'BMJUA';
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
}

.cm_tab .cm_tab_menu .ic {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: -3px;
  margin-right: 10px;
  vertical-align: middle;
  background: url('/Images/sub/ic_tab.png') no-repeat;
}

.cm_tab .cm_tab_menu .ic.pro {
  background-position: 0 0;
}

.cm_tab .cm_tab_menu .ic.ama {
  background-position: -40px 0;
}

.cm_tab .cm_tab_menu .ic.luk {
  background-position: -80px 0;
}


/*탭 갯수별 사이즈*/
.cm_tab.num01 li {
  width: 100%;
}

.cm_tab.num02 li {
  width: 50%;
}

.cm_tab.num03 li {
  width: 400px;
}

.cm_tab.num04 li {
  width: 25%;
}

.cm_tab.num05 li {
  width: 20%;
}

.cm_tab.num06 li {
  width: 200px;
  font-size: 18px !important;
}

.cm_tab.free {
  display: flex;
}

.cm_tab.free li {
  flex: 1 1;
}

/*탭 배경강조 디자인*/
.cm_tab.bg_style {
  border: 0;
}

.cm_tab.bg_style:before {
  display: none;
}

.cm_tab.bg_style .cm_tab_menu {
  border: 0;
  background: #f4f5fa;
  color: #222;
}

.cm_tab.bg_style .cm_tab_menu.on {
  border: 0;
  background: #ff6500;
  color: #fff;
  line-height: 58px;
}

.cm_tab.bg_style .cm_tab_menu.on:before {
  display: none;
}

/*탭 라운드 디자인*/
.cm_tab.round_style {
  display: block;
  width: 88px;
  height: 26px;
  border: 0;
}

.cm_tab.round_style:before {
  display: none;
}

.cm_tab.round_style .cm_tab_menu {
  width: 40px;
  height: 25px;
  margin-right: 8px;
  border: 1px solid #eaeaea;
  border-radius: 13px;
  background-color: #f2f4f7;
  color: #222;
  font: normal 15px/26px 'BMJUA';
}

.cm_tab.round_style .cm_tab_menu:last-child {
  margin-right: 0px;
}

.cm_tab.round_style .cm_tab_menu:hover {
  border: 1px solid #ff7500;
  background-color: #ff7500;
  color: #fff;
}

.cm_tab.round_style .cm_tab_menu:before {
  display: none;
}

.cm_tab.round_style .cm_tab_menu.on {
  border: 1px solid #ff7500;
  background-color: #ff7500;
  color: #fff;
  line-height: 27px;
}

/*탭 라운드 디자인*/
.cm_tab.round_style {
  display: block;
  width: 88px;
  height: 26px;
  border: 0;
}

.cm_tab.round_style:before {
  display: none;
}

.cm_tab.round_style .cm_tab_menu {
  width: 40px;
  height: 25px;
  margin-right: 8px;
  border: 1px solid #eaeaea;
  border-radius: 13px;
  background-color: #f2f4f7;
  color: #222;
  font: normal 15px/26px 'BMJUA';
}

.cm_tab.round_style .cm_tab_menu:last-child {
  margin-right: 0px;
}

.cm_tab.round_style .cm_tab_menu:hover {
  border: 0;
  background-color: #ff7500;
  color: #fff;
}

.cm_tab.round_style .cm_tab_menu:before {
  display: none;
}

.cm_tab.round_style .cm_tab_menu.on {
  border: 0;
  background-color: #ff7500;
  color: #fff;
  line-height: 27px;
}

/*탭 텍스트 디자인*/
.cm_tab.text_style {
  width: auto;
  height: 20px;
  background: transparent;
  border: 0;
}

.cm_tab.text_style:before {
  display: none;
}

.cm_tab.text_style .cm_tab_menu {
  float: left;
  height: 20px;
  margin-right: 35px;
  border: 0;
  color: #777;
  font: 500 18px/20px 'Noto Sans KR';
  text-align: left;
  cursor: pointer;
}

.cm_tab.text_style .cm_tab_menu.on {
  border: 0;
  color: #222;
  font-weight: 600;
  line-height: 20px;
}

.cm_tab.text_style .cm_tab_menu:before {
  display: none;
}

.cm_tab.text_style .cm_tab_menu:last-child {
  margin-right: 0;
}


/*멘토 엠블럼*/
.cm_mentor_emblem li {
  position: relative;
  float: left;
  width: 63px;
  height: 63px;
  margin-left: 7px;
  overflow: hidden;
}

.cm_mentor_emblem dl {
  float: right;
  width: 60px;
  height: 60px;
  margin-top: 3px;
  font-family: BMJUA;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.cm_mentor_emblem dl dt {
  margin-top: 17px;
  line-height: 20px;
  vertical-align: middle;
  color: #fff;
  font-family: 'BMJUA'
}

.cm_mentor_emblem dl dt b {
  font-size: 21px;
  color: #fff;
  font-weight: 500;
  font-family: 'BMJUA'
}

.cm_mentor_emblem dl dd {
  line-height: 14px;
  margin-top: 1px;
  vertical-align: middle;
  opacity: 0.8;
  color: #fff;
  font-size: 11px;
  font-family: 'Noto Sans KR';
}

.cm_mentor_emblem .ranking {
  background: linear-gradient(to bottom, #ff3c00, #e00800);
  background-color: #ff3c00;
}

.cm_mentor_emblem .continuity {
  background: linear-gradient(to bottom, #3a2eaf, #0e0879);
  background-color: #3a2eaf;
}

.cm_mentor_emblem .superstock {
  background: linear-gradient(to bottom, #620895, #2d0161);
  background-color: #620895;
}

.cm_mentor_emblem .vertify {
  background: linear-gradient(to bottom, #ff7d0a, #ff5a05);
  background-color: #ff7d0a;
}

.cm_mentor_emblem .property {
  background: linear-gradient(to bottom, #394a62, #1d293b);
  background-color: #394a62;
}

.cm_mentor_emblem .promote {
  background: linear-gradient(to bottom, #1160d7, #073ac1);
  background-color: #1160d7;
}

.cm_mentor_emblem .cellebrity {
  background: linear-gradient(to bottom, #e14d7d, #c91d44);
  background-color: #e14d7d;
}

.cm_mentor_emblem .career {
  background: linear-gradient(to bottom, #7c394a, #541d29);
  background-color: #7c394a;
}

.cm_mentor_emblem .icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}

.cm_mentor_emblem .icon.ranking {
  background: url(/images/sub/ic_emblem_ranking.png) no-repeat;
}

.cm_mentor_emblem .icon.continuity {
  background: url(/images/sub/ic_emblem_continuity.png) no-repeat;
}

.cm_mentor_emblem .icon.superstock {
  background: url(/images/sub/ic_emblem_superstock.png) no-repeat;
}

.cm_mentor_emblem .icon.vertify {
  background: url(/images/sub/ic_emblem_vertify.png) no-repeat;
}

.cm_mentor_emblem .icon.property {
  background: url(/images/sub/ic_emblem_property.png) no-repeat;
}

.cm_mentor_emblem .icon.promote {
  background: url(/images/sub/ic_emblem_promote.png) no-repeat;
}

.cm_mentor_emblem .icon.cellebrity {
  background: url(/images/sub/ic_emblem_cellebrity.png) no-repeat;
}

.cm_mentor_emblem .icon.career {
  background: url(/images/sub/ic_emblem_career.png) no-repeat;
}


/*라벨*/
.cm_badge_wrap {
  display: block;
  width: auto;
  height: 25px;
  color: #fff;
  font: 500 13px/23px 'Noto Sans KR';
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.cm_badge {
  float: left;
  width: auto;
  padding: 0 10px;
  height: 25px;
  margin-right: 5px;
  font: 500 13px/25px 'Noto Sans KR';
}

.cm_badge.level_step1 {
  width: 40px;
  padding: 0 !important;
  border: 1px solid #fba62d;
  color: #fba62d;
  line-height: 23px;
}

.cm_badge.level_step2 {
  width: 40px;
  padding: 0 !important;
  border: 1px solid #f47425;
  color: #f47425;
  line-height: 23px;
}

.cm_badge.level_step3 {
  width: 40px;
  padding: 0 !important;
  border: 1px solid #950082;
  color: #950082;
  line-height: 23px;
}

.cm_badge.level_step4 {
  width: 40px;
  padding: 0 !important;
  border: 1px solid #2e2e72;
  color: #2e2e72;
  line-height: 23px;
}

/*방송중*/
.cm_badge.broadcast {
  position: relative;
  width: auto;
  background: transparent;
  color: #e8373d;
  font-size: 15px;
  line-height: 25px;
  text-align: right;
}

.cm_badge.broadcast::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e8373d;
}

/*무료*/
.cm_badge.free {
  background: #e8373d;
  padding: 0 10px;
  color: #fff;
}

/*배경_글씨색*/
.cm_badge.gray_or {
  padding: 0 5px;
  background: #ededed;
  color: #e8373d;
  font: normal 15px/28px 'BMJUA';
}

.cm_badge.white_nv {
  padding: 0 5px;
  border: 1px solid #ddd;
  background: #fff;
  color: #2a2a65;
  line-height: 23px;
}

/*색상별 라벨*/
.cm_badge.navy {
  background: #2a2a65;
  color: #fff;
}

.cm_badge.orange {
  background: #ff7500;
  color: #fff;
}

.cm_badge.purple {
  background: #7e0043;
}

.cm_badge.red {
  background: #e8373d;
  color: #fff;
}

.cm_badge.white {
  padding: 0 5px;
  border: 1px solid #ddd;
  color: #777;
  font: 500 13px/23px 'Noto Sans KR';
}

.cm_badge.gray {
  background: #ddd;
  color: #222;
}

/*리본 라벨*/
.cm_badge_ribbon {
  position: absolute;
  width: 95px;
  height: 95px;
  top: 0;
  left: 0;
  overflow: hidden;
}

.cm_badge_ribbon .cm_ribbon {
  position: absolute;
  top: 10px;
  left: -42px;
  transform: rotate(-45deg);
  width: 142px;
  height: 38px;
  background: #f1f2f4;
  color: #fff;
  font: 400 16px/36px 'Noto Sans KR';
  text-align: center;
}

.cm_badge_ribbon .cm_ribbon.blue {
  background: #2e2e72;
}

.cm_badge_ribbon .cm_ribbon.red {
  background: #e8373d;
}

.cm_badge_ribbon .cm_ribbon.gray {
  background: #999;
}

.cm_badge_ribbon .cm_ribbon.hide {
  display: none;
}

.cm_badge_ribbon.small .cm_ribbon {
  top: 8px;
  left: -45px;
  height: 35px;
  font-size: 13px;
  line-height: 35px;
}

/*멘토 성향*/
.cm_tendency_wrap {
  width: auto;
  height: 20px;
  overflow: hidden;
}

.cm_tendency {
  float: left;
  width: auto;
  height: 20px;
  padding: 0 8px;
  margin-right: 5px;
  border: 1px solid #ddd;
  background: #fff;
  color: #222;
  font: 500 13px/18px 'Noto Sans KR';
  box-sizing: border-box;
  overflow: hidden;
}

.cm_tendency:last-child {
  margin-right: 0;
}

.short {
  color: #f25c37 !important;
}

.swing {
  color: #ff6023 !important;
}

.chart {
  color: #2a2a65 !important;
}

.theme {
  color: #e8373d !important;
}

.trend {
  color: #950082 !important;
}

.party {
  color: #f47425 !important;
}

.cost {
  color: #2a2a65 !important;
}

.supply {
  color: #1e489f !important;
}

.end {
  color: #e8373d !important;
}

.term1 {
  color: #0d9f5c !important;
}

.term2 {
  color: #e8373d !important;
}

.term3 {
  color: #1e489f !important;
}

.term4 {
  color: #950082 !important;
}


/*추천정보 현황*/
.cm_present_info {
  display: block;
  width: 100%;
  height: 115px;
  border-radius: 15px;
  border: 1px solid #ddd;
}

.cm_present_info .cm_subtit {
  float: left;
  width: 100%;
  padding: 10px 0 10px 30px;
  box-sizing: border-box;
}

.cm_present_info .cm_subtit .im {
  margin: -2px 4px 0 0;
  font-size: 80%;
  vertical-align: middle;
}

.cm_present_info .present_info {
  display: block;
  float: left;
  width: 33.3%;
  padding: 0 48px 0 48px;
  line-height: 85px;
  box-sizing: border-box;
}

.cm_present_info .present_info.num01 {
  padding-left: 30px;
}

.cm_present_info .present_info.num03 {
  position: relative;
  padding-right: 30px;
}

.cm_present_info .present_info .tit {
  display: block;
  float: left;
  width: auto;
  height: 50px;
  padding-left: 66px;
  background: url('/Images/board/stockView_icon.png') no-repeat 0 0;
  font-size: 19px;
  line-height: 50px;
  box-sizing: border-box;
}

.cm_present_info .present_info .tit .im {
  margin: -2px 0 0 5px;
  font-size: 95%;
  vertical-align: middle;
  cursor: pointer;
}

.cm_present_info .present_info.num02 .tit {
  background: url('/Images/board/stockView_icon.png') no-repeat 0 -50px;
}

.cm_present_info .present_info.num03 .tit {
  background: url('/Images/board/stockView_icon.png') no-repeat 0 -100px;
}

.cm_present_info .present_info .txt {
  display: block;
  float: right;
  height: 50px;
  font: normal 30px/56px 'BMJUA';
}

.cm_info_popup {
  display: inline-block;
  position: absolute;
  top: -50px;
  right: 45px;
  width: auto;
  height: auto;
  padding: 30px;
  border-radius: 10px;
  background: #000;
  opacity: 0.7;
  box-sizing: border-box;
}

.cm_info_popup li {
  display: block;
  width: 100%;
  height: 20px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.cm_info_popup li strong {
  float: right;
  margin-left: 20px;
  font-weight: 400;
}


/*정보 상세*/
.cm_info_desc {
  float: left;
  height: auto;
  padding: 0 20px;
  margin-top: 15px;
  font: 500 15px/30px 'Noto Sans KR';
  overflow: hidden;
}

.cm_info_desc .info_desc_txt {
  float: left;
  width: 100%;
  height: 30px;
}

.cm_info_desc.cancel .info_desc_txt span:nth-child(2) {
  text-decoration: line-through;
}

.cm_info_desc .info_desc_txt.info_period {
  width: 50%;
}

.cm_info_desc .info_desc_txt .tit {
  display: block;
  float: left;
  position: relative;
  width: 70px;
  padding-left: 10px;
  box-sizing: border-box;
}

.cm_info_desc .info_desc_txt .tit:before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #222;
}

.cm_info_desc .info_desc_txt .txt {
  display: block;
  float: left;
  width: calc(100% - 70px);
  padding-left: 15px;
  font-weight: 600;
  box-sizing: border-box;
}

.cm_info_desc .info_desc_txt .txt b {
  font-weight: 600;
}

.cm_info_desc .info_desc_txt .txt span {
  display: inline-block;
  float: left;
  margin-right: 20px;
}

.cm_info_desc .info_desc_txt .txt .cm_btn_curri {
  margin: 2px 0 0 0px;
  font-weight: 600;
}

.cm_info_desc .bull {
  position: relative;
  padding-left: 15px;
}

.cm_info_desc .bull:before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #222;
}


/*팝업*/
.cm_popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  z-index: 1001;
  word-break: keep-all;
}

.cm_popup_wrap .cm_form {
  margin-left: 0;
}

.cm_popup_wrap.bg {
  background: rgba(000, 000, 000, 0.8);
}

.cm_popup_wrap.bg > .btn_close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 32px;
  height: 32px;
  color: #fff;
  text-align: center;
}

.cm_popup_wrap.bg > .btn_close .im {
  font-size: 24px;
  line-height: 32px;
}

.cm_popup_wrap .popup_img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.cm_popup_wrap .popup_img img {
  display: block;
  z-index: 1;
}

.cm_popup_wrap .popup_img .btn_close {
  position: absolute;
  right: -32px;
  top: 0;
  color: #fff;
}

.cm_popup_wrap .popup_player {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 800px;
  height: 500px;
  border: 5px solid #000;
  box-sizing: border-box;
}

.cm_popup_wrap .popup_player .btn_close {
  position: absolute;
  right: -45px;
  top: -5px;
  width: 32px;
  height: 32px;
  text-align: center;
}

.cm_popup_wrap .popup_player .btn_close .im {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
}

.cm_popup_wrap .popup_player .box_player {
  width: 100%;
  height: 100%;
  overflow: visible !important;
}

.cm_popup_wrap .popup_player .txt_noti {
  width: 800px;
  height: 35px;
  margin: 10px 0 0 -5px;
  background: #000;
  color: #fff;
  font-family: 'BMJUA';
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 0;
}

.cm_popup_wrap .y_scroll {
  overflow-y: scroll;
}

.cm_popup_wrap .popup_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 420px;
  height: auto;
  padding: 12px 20px 30px 20px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.cm_popup_wrap .popup_wrap.w560 {
  width: 560px;
}

.cm_popup_wrap .popup_wrap.w1016 {
  width: 1016px;
}

.cm_popup_wrap .popup_wrap.wauto {
  display: inline-block;
  width: auto;
  overflow: visible;
}

.cm_popup_wrap .popup_wrap.wauto .btn_close {
  position: absolute;
  right: -32px;
  top: 0;
  color: #fff;
}

.cm_popup_wrap .popup_wrap.wauto .btn_close .im {
  font-size: 24px;
  line-height: 32px;
}

.cm_popup_wrap .popup_wrap .popup_top {
  position: relative;
  height: auto;
  padding: 0 3px 10px 0;
  border-bottom: 2px solid #222;
  font-size: 25px;
  line-height: 36px;
  font-weight: 600;
}

.cm_popup_wrap .popup_wrap .popup_top .btn_close {
  position: absolute;
  right: 0;
  top: 2px;
  width: 32px;
  height: 32px;
  border: 0;
  background-color: transparent;
  text-align: center;
}

.cm_popup_wrap .popup_wrap .popup_top .btn_close .im {
  font-size: 24px;
  line-height: 32px;
}

.cm_popup_wrap .popup_wrap .popup_desc {
  overflow: hidden;
  overflow-y: auto;
}

.cm_popup_wrap .popup_wrap .popup_desc img {
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
}

.cm_popup_wrap .popup_wrap .popup_desc .tit {
  display: block;
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 26px;
}

.cm_popup_wrap .popup_wrap .popup_desc .tit:first-of-type {
  margin: 25px 0 10px 0;
}

.cm_popup_wrap .popup_wrap .popup_desc .txt {
  font-size: 15px;
  line-height: 22px;
  word-break: keep-all;
}

.cm_popup_wrap .popup_wrap .popup_desc .popup_info {
  padding: 25px 10px;
  margin-top: 30px;
  background: #f2f4f7;
  color: #777;
  font-size: 13px;
  line-height: 20px;
  word-break: keep-all;
  text-align: left;
}

.cm_popup_wrap .popup_wrap .close_non {
  margin-top: 20px;
  line-height: 20px;
  font-size: 17px;
  color: #777;
  text-align: center;
}


.cm_popup_wrap .popup_wrap .popup_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.cm_popup_wrap .popup_wrap .popup_btn .cm_btn_bg {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1;
  flex: 1 1 auto;
}

.cm_popup_wrap .popup_wrap .popup_btn .cm_btn_line {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1;
  flex: 1 1 auto;
}

.cm_popup_wrap .popup_wrap .popup_btn .cm_btn_bg {
  float: left;
}

.cm_popup_wrap .popup_wrap .popup_btn .btn_center {
  display: inline-block;
  float: none !important;
  margin: 0 !important;
}

.cm_popup_wrap .popup_wrap .popup_btn .btn_record {
  background: #222;
}

.cm_popup_wrap .popup_wrap .cm_btn_line {
  border-radius: 5px;
  font-size: 18px;
  text-align: center;
}

.cm_popup_wrap .popup_wrap .cm_btn_bg {
  border-radius: 5px;
  font-size: 18px;
  text-align: center;
}

.cm_popup_wrap .popup_wrap .btn_reset {
  width: calc(50% - 5px);
  height: 45px;
  margin-right: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #222;
  font-weight: 600;
  font-size: 18px;
  line-height: 44px;
}

.cm_popup_wrap .popup_wrap .btn_submit {
  width: calc(50% - 5px);
  height: 45px;
  font-weight: 600;
  font-size: 18px;
  line-height: 45px;
}


.cm_popup_wrap .popup_wrap .popup_btn.center {
}

.cm_popup_wrap .popup_wrap .popup_btn.center > * {
  float: none;
  width: 100%;
}

.cm_popup_wrap .popup_wrap .box_desc {
  width: 100%;
  overflow: hidden;
}

.cm_popup_wrap .popup_wrap .cm_from_period {
  width: 100%;
  overflow: hidden;
}

.cm_popup_wrap .popup_wrap .cm_form.select {
  float: none;
  width: 100%;
  height: 45px;
  line-height: 45px;
}

.cm_popup_wrap .popup_wrap .cm_form.text02 {
  height: 35px;
  line-height: 45px;
}

.cm_popup_wrap .popup_wrap .cm_form.text01 {
  float: none;
  width: 100%;
  height: 45px;
}

.cm_popup_wrap .popup_wrap .cm_form.disable {
  background: #ededed;
  color: #999;
  cursor: not-allowed;
}

.cm_popup_wrap .popup_wrap .cm_form.disable:focus {
  border: 1px solid #ddd;
  background: #ededed;
  color: #999;
}

.cm_popup_wrap .popup_wrap .box_address {
  overflow: hidden;
}

.cm_popup_wrap .popup_wrap .box_address .cm_form.text01 {
  float: left;
  width: calc(100% - 85px);
}

.cm_popup_wrap .popup_wrap .box_address .cm_btn_bg {
  float: right;
  width: 75px;
  height: 45px;
}

.cm_popup_wrap input[type=checkbox] {
  display: none;
}

.cm_popup_wrap input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  font-size: 13px;
  line-height: 20px;
  box-sizing: border-box;
  cursor: pointer;
}

.cm_popup_wrap input[type=checkbox] + label:before {
  position: absolute;
  content: '';
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url('/Images/Common/ic_check.png') no-repeat 0 0;
}

.cm_popup_wrap input[type=checkbox]:checked + label:before {
  background-position: 0 -18px;
}

.cm_popup_wrap input[type=checkbox]:disabled + label {
  color: #999 !important;
  cursor: not-allowed;
}

.cm_popup_wrap input[type=radio] {
  display: none;
}

.cm_popup_wrap input[type=radio] + label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  font-size: 13px;
  line-height: 20px;
  box-sizing: border-box;
  cursor: pointer;
}

.cm_popup_wrap input[type=radio] + label:before {
  position: absolute;
  content: '';
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url('/Images/Common/ic_check.png') no-repeat -18px 0;
}

.cm_popup_wrap input[type=radio]:checked + label:before {
  background-position: -18px -18px;
}

.cm_popup_wrap input[type=radio]:disabled + label {
  color: #999 !important;
  cursor: not-allowed;
}

/*홍보/공지/안내 레이어 팝업(N일 동안 보지 않기/ 닫기)*/
.cm_popup_noti {
  position: absolute;
  box-shadow: 0 0 7px #666;
  overflow: hidden;
  z-index: 99;
}

.cm_popup_noti img {
  display: block;
  width: 100%;
  height: auto;
}

.cm_popup_noti .img_ a {
  display: block;
}

.cm_popup_noti .box_close {
  height: 45px;
  padding: 0 15px;
  line-height: 45px;
  background: #262626;
  color: #ccc;
  font-family: 'Noto Sans KR' !important;
  font-size: 12px;
  vertical-align: middle;
}

.cm_popup_noti .box_close li {
  display: inline-block;
}

.cm_popup_noti .box_close li input[type=checkbox] {
  vertical-align: middle;
  border: 0;
  margin-right: 3px;
  width: 16px;
  height: 16px;
}

.cm_popup_noti .box_close li input[type=checkbox] + label {
  cursor: pointer;
  vertical-align: middle;
}

.cm_popup_noti .box_close li.btn_close {
  float: right;
}

.cm_popup_noti .box_close li.btn_close a {
  color: #ccc;
}

.cm_popup_noti .box_close li.btn_close button {
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
}


/*달력 > jquery-ui.min.css 커스터마이징*/
.ajax__calendar {
  left: auto !important;
  right: 0 !important;
}

.ajax__calendar table thead {
  border-top: 0 !important;
}

.ajax__calendar table td {
  padding: 0 !important;
}

.ajax__calendar .ajax__calendar_container {
  position: relative;
  width: auto;
  padding: 10px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  font-family: 'Noto Sans KR';
}

.ajax__calendar_header {
  height: 30px !important;
  padding-bottom: 5px;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #222;
  background: #fff;
}

.ajax__calendar_title {
  display: block !important;
  width: 40% !important;
  padding: 0 12px !important;
  margin: 0 auto !important;
  border: 1px solid #ccc;
  font-size: 18px !important;
  font-family: 'Noto Sans KR';
  font-weight: 700 !important;
}

.ajax__calendar_next, .ajax__calendar_prev {
  margin-top: 6px;
}

.ajax__calendar div .ajax__calendar_body {
  position: relative;
  width: 273px !important;
  height: auto !important;
  max-height: 230px !important;
  min-height: 188px !important;
  overflow: hidden;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
}

.ajax__calendar_container table {
  width: 99%;
}

.ajax__calendar_container table thead tr td .ajax__calendar_dayname {
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 14.4px;
  font-weight: 700;
  text-align: center;
}

.ajax__calendar_container table tbody tr td {
  border: 1px solid #ddd !important;
  border-collapse: collapse !important;
}

.ajax__calendar_container table tbody tr td:hover div {
  background: #fff !important;
  color: #222 !important;
}

.ajax__calendar_container table tbody tr .ajax__calendar_other {
}

.ajax__calendar_container table tbody tr .ajax__calendar_day {
  width: 100%;
  height: 28px;
  padding: 0;
  line-height: 28px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.ajax__calendar .ajax__calendar_today .ajax__calendar_day, .ajax__calendar .ajax__calendar_today .ajax__calendar_month, .ajax__calendar .ajax__calendar_today .ajax__calendar_year {
  border-color: #222 !important;
  background: #222 !important;
  color: #fff !important;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day, .ajax__calendar .ajax__calendar_active .ajax__calendar_month, .ajax__calendar .ajax__calendar_active .ajax__calendar_year {
  display: block;
  border-color: #222 !important;
  background: #fff !important;
  color: #222 !important;
  box-sizing: border-box !important;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day, .ajax__calendar .ajax__calendar_other {
  background: #ededed !important;
  color: #ededed !important;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day, .ajax__calendar .ajax__calendar_other .ajax__calendar_year {
  border: 0 !important;
  color: #ededed !important;
}

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_day, .ajax__calendar .ajax__calendar_invalid .ajax__calendar_month, .ajax__calendar .ajax__calendar_invalid .ajax__calendar_year {
  background: #ededed !important;
  text-decoration: none !important;
}

.ajax__calendar_container td {
  text-align: center;
}

.ajax__calendar .ajax__calendar_footer {
  margin-top: 5px !important;
  border: 0 !important;
}

.ajax__calendar * {
  font-size: 15px;
  font-family: 'Noto Sans KR';
  font-weight: 500;
  text-align: center;
}

.ajax__calendar .ajax__calendar_months {
  position: absolute !important;
}

.ajax__calendar .ajax__calendar_months table tr td {
  background: #fff;
}

.ajax__calendar .ajax__calendar_months table tr td div {
  height: 40px;
}

.ajax__calendar .ajax__calendar_months table tr td div br {
  display: none
}

.ajax__calendar .ajax__calendar_months table tr td .ajax__calendar_month {
  display: block;
  width: 59px;
  line-height: 40px;
}

.ajax__calendar .ajax__calendar_months .ajax__calendar_hover div {
  background: #ebf1f7 !important;
}

.ajax__calendar .ajax__calendar_days .ajax__calendar_hover div {
  background: #ebf1f7 !important;
}

.ajax__calendar #ceAdd_daysTableHeader {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.ajax__calendar .ajax__calendar_years {
  position: absolute !important;
}

.ajax__calendar .ajax__calendar_years table tr td {
  background: #fff;
}

.ajax__calendar .ajax__calendar_years table tr td div {
  height: 35px;
}

.ajax__calendar .ajax__calendar_years table tr td div br {
  display: none
}

.ajax__calendar .ajax__calendar_years table tr td .ajax__calendar_year {
  display: block;
  width: 59px;
  line-height: 35px
}

.ajax__calendar .ajax__calendar_years table tr td.ajax__calendar_other div {
  display: block;
  width: 60px;
  line-height: 35px
}

.ajax__calendar .ajax__calendar_years .ajax__calendar_hover div {
  background: #ebf1f7 !important;
}