@charset "UTF-8";
/*
    [제목] 핀업 공통 스타일 CSS
    [생성일] 2020-10-12
    [내용] 핀업에서 사용되는 공통 스타일
           (속성 초기화, GNB, LNB, 푸터, 탭, 폰트, 버튼, 아이콘, 컬러, form 스타일 등등)
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/

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

/* 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'), 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');}


/*공통화 css*/
/** { margin:0px; padding:0px; letter-spacing:-0.5px; box-sizing:border-box; -webkit-text-size-adjust:none; }*/
* { margin:0px; padding:0px; letter-spacing:-0.25px; box-sizing:border-box; -webkit-text-size-adjust:none; }
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-weight:500; font-size:16px; font-family:'Noto Sans KR', sans-serif; }
body { -webkit-text-size-adjust:none; font-size:1rem; 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; }
h1, h2, h3, h4, h5, h6 { font-size:inherit; font-weight:normal;}
fieldset {border:0;}
table, th, td { border: 0px; border-collapse: collapse; }
ol, ul, ul li, ol li { list-style-type: none; list-style:none; }
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; }
select { -webkit-appearance:none; -webkit-border-radius:0; }
button { background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; outline:0; overflow:visible; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; }
b, i { color:inherit; font-weight:700; }
em, i, address {font-style:normal; font-weight:normal;}
strong { color:inherit; font-weight:inherit; }
textarea {resize:none; background:none; -webkit-border-radius:1px; -webkit-appearance:none; }
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 { word-break:break-all; outline: 0; color:inherit; }
*:focus {outline:0;}
*:visited {outline:0;}
*:active {outline:0;}
*:hover {outline:0;}

legend, caption {display:none; clear:both;}
input, textarea, select, button, table {font-size:inherit; font-family:inherit; line-height:inherit; outline:0; border:0; border-collapse: collapse;}
section, nav, article, aside, hgroup, heade, footer {display:block;}

::selection, select:focus::-ms-value { background-color:transparent; color:#333; }
option:checked {background-color:transparent; color: #333;}
option:checked:hover, select:focus option:checked:hover { background-color: transparent; color: #333; }

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display:none; }
input[type=search]::-ms-clear,input[type=search]::-ms-reveal { display:none;}


.wrap { width:100%; color:#222; word-break:break-word; overflow:hidden; }
.wrap:not(.cm_footer_wrap){margin-bottom: 60px}
.contents01 { padding:30px 15px; overflow:hidden; }
.contents02 { padding:15px 0; overflow:hidden; }
.contents03 { padding:0; overflow:hidden; }
.contents04 { margin:0 15px; padding:15px; border-radius: 10px; overflow:hidden; }
.contents01.bg , .contents02.bg { background:#f4f5fa; }
.contents04.bg { background:#f8f8f8; }

/* 공통_헤더영역 */
.cm_header_wrap img { display:inline-block; vertical-align:middle; }
/*
.cm_header_wrap .box_header { position:relative; width:100%; height:55px; background:#fff; border-bottom:1px solid #ddd; font-family:'Noto Sans KR','Noto Sans CJK KR';  }
.cm_header_wrap .box_header::after { clear:both; }
.cm_header_wrap .box_header > li { float:left; position:relative; height:55px;}

.cm_header_wrap .box_header > li.left_menu { display:table-cell; margin-left:-10px; position:relative; vertical-align:middle; }
.cm_header_wrap .box_header > li.left_menu a { display:table-cell; width:60px; height:55px; vertical-align:middle; }
.cm_header_wrap .box_header > li.left_menu a img { width:110%; vertical-align:middle; }
*/

.cm_header_wrap .box_header { position:relative; width:100%; height:56px; background:#fff; border-bottom:1px solid #ddd; font-family:'Noto Sans KR','Noto Sans CJK KR';  }
.cm_header_wrap .box_header::after { clear:both; }
.cm_header_wrap .box_header > li { float:left; position:relative; height:56px;}

.cm_header_wrap .box_header > li.left_menu { display:table-cell; margin-left:15px; position:relative; vertical-align:middle; }
.cm_header_wrap .box_header > li.left_menu a { display:table-cell; height:56px; vertical-align:middle; }
/*.cm_header_wrap .box_header > li.left_menu:active a img { content: url(/images/common/btn_back_nor_pre.png); }*/
.cm_header_wrap .box_header > li.left_menu a img { width:100%; vertical-align:middle; }

/*
.cm_header_wrap .box_header > li.header_title { display:table-cell; height:55px; line-height:55px; font-size:120%; font-weight:600; color:#222; vertical-align:middle; }
.cm_header_wrap .box_header > li.header_title label { margin-left:-5px; color:inherit; line-height:55px; }
*/
.cm_header_wrap .box_header > li.header_title { display:table-cell; height:56px; line-height:56px; font-size:15px; font-weight:600; color:#222; vertical-align:middle; }
.cm_header_wrap .box_header > li.header_title label { margin-left:10px; color:inherit; line-height:56px; }

.cm_header_wrap .box_header > li.header_title > a { display:table-cell; width:auto; height:55px; vertical-align:middle; }
.cm_header_wrap .box_header > li.header_title img { display:inline-block; width:110px; }
.cm_header_wrap .box_header > li.header_title dl { display:inline-block; margin-bottom:10px; vertical-align:middle; }
.cm_header_wrap .box_header > li.header_title dl dt { color:#fff; font-size:85%; line-height:30px; } 
.cm_header_wrap .box_header > li.header_title dl dt span.mypage_link { display:inline-block; width:40px; margin-bottom:5px; vertical-align:middle; line-height:20px; text-align:center; background-color:#212053; color:#fff; font-size:70%; border-radius:10px; }
.cm_header_wrap .box_header > li.header_title dl dd { color:#fff; font-size:60%; font-weight:normal; line-height:15px; opacity:0.7; }
.cm_header_wrap .box_header > li.right_menu { float:right; margin-right:5px;}
.cm_header_wrap .box_header > li.right_menu ol li { padding-left:10px; line-height:55px;  display:table-cell; }
.cm_header_wrap .box_header > li.right_menu ol li a { display:table-cell; width:60px; line-height:45px; vertical-align:middle; }
.cm_header_wrap .box_header > li.right_menu ol li a img { width:115%; vertical-align:middle; }
.cm_header_wrap .box_header > li .has { position:absolute; display:inline-block; top:calc(50% - 15px); left:43px; width:5px; height:5px; border-radius:5px; background-color:#ee3128; }
.cm_header_wrap .box_header > li.right_menu.has { position:absolute; display:inline-block; top:calc(50% - 15px); right:0px; width:5px; height:5px; border-radius:5px; background-color:#ee3128; }


.cm_header_wrap .box_header.main { height:auto; padding:10px 20px; border-bottom:1px solid #eaeaea; box-sizing:border-box; overflow:hidden; }
.cm_header_wrap .box_header.main > li { float:left; position:relative;  width:55.3px; height:auto; padding:0; line-height:normal; }
.cm_header_wrap .box_header.main > li:nth-child(2n) { width:28px; height:25px; text-align:center; }
.cm_header_wrap .box_header.main > li.arrow { float:left !important; width:28px !important; height:25px; text-align:center; }
.cm_header_wrap .box_header.main > li:last-child { float:right; position:relative; width:calc(100% - 130px); }
.cm_header_wrap .box_header.main > li a { display:block; line-height:35px; vertical-align:middle; text-align:center; font-size:100%; color:#222; font-weight:600; letter-spacing:-1px; }
.cm_header_wrap .box_header.main > li a .im { color:#999; font-size:90%; vertical-align:middle; }
.cm_header_wrap .box_header.main > li a img { display:inline-block; width:100%; vertical-align:middle; }
.cm_header_wrap .box_header.main .btn_arrow { display:inline-block; }
.cm_header_wrap .box_header.main .btn_arrow img { width:100%; } 
.cm_header_wrap .box_header.main .btn_search { position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:55px; background:none; border:0; z-index:3; }
.cm_header_wrap .box_header.main .btn_search img { width:100%; } 
.cm_header_wrap .box_header.main input { display:-webkit-box; background-color: #EDEDED; font-size: small; border-radius: 20px; padding: 10px 40px 10px 15px; width:100%; height:40px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; z-index:1; } /*테스트한다고 추가한것입니다. 무시 하셔도 됩니다.*/
        
.cm_header_wrap .pop_service_menu { display:none; position:absolute; top:50px; left:20px; width:135px; padding:10px 18px; border:1px solid #999; border-radius:5px; background:#fff; z-index:1000; }
.cm_header_wrap .pop_service_menu .menu_list a { display:block; font-size:80%; font-weight:600; line-height:25px;  }
.cm_header_wrap .pop_service_menu .menu_list a .ic_new { display:inline-block; width:15px; height:15px; padding:0 1px 0 0; margin:-1px 0 0 5px; border-radius:50%; background:#ff7500; background:-webkit-linear-gradient(right, #ff7500, #e8373d, #ffaf59, #ff7500); background:linear-gradient( 270deg, #ff7500, #e8373d, #ffaf59, #ff7500); background-size:500% 500%; animation: network_ic_new 2s infinite; -webkit-animation: network_ic_new 2s infinite; color:#fff; font-size:0.688rem; text-align:center; line-height:16px; vertical-align:middle; overflow:hidden; }

@keyframes network_ic_new {
    0% { background-position:0% 50%; }
    50% { background-position:100% 50%; }
    100% { background-position:0% 50%; }
}

/*내비게이션바*/
.navigation_bar { position:fixed; bottom:0; padding:10px 0; width:100%; background:#fff; box-shadow:-2px 0 4px #e5e5e5;  z-index:999;}
.navigation_bar ul { overflow:hidden; }
.navigation_bar li { position:relative; float:left; width:20%; height:40px; }
.navigation_bar li a { display:block; transform:translateX(50%); width:50%; text-align:center; line-height:40px; }
.navigation_bar li a img { display:block; width:24px; height:24px; margin:0 auto; }
.navigation_bar li a .txt_menu { margin-top:4px; font-size:9px; line-height:12px; text-align:center; }
.navigation_bar .new { position:absolute; top:0; left:calc(50% + 12px); width:5px; height:5px; border-radius:2.5px; background:#ff7500; }
@media all and (orientation:landscape){
    .navigation_bar li a { height:40px; }
    .navigation_bar li a img { width:24px; height:24px; }
}


/* 푸터 */
.cm_footer_wrap { padding:30px 15px; border-top:1px solid #ededed; background:#f4f5fa; overflow:hidden; } 
.cm_footer_wrap.main { padding-bottom: 30px!important; overflow:hidden; }
    
.cm_footer_wrap .box_fnb { float:left; width:50%; }
.cm_footer_wrap .box_fnb .cm_smtxt { position:relative; font-weight:600; line-height:20px;  }
.cm_footer_wrap .box_fnb .cm_smtxt .im { margin-left:5px; color:#777; font-size:80%; vertical-align:middle; }
.cm_footer_wrap .box_fnb .cm_xsmtxt { position:relative; font-weight:600; line-height:20px;  }
.cm_footer_wrap .box_fnb .cm_xsmtxt .im { margin-left:5px; color:#777; font-size:80%; vertical-align:middle; }
.cm_footer_wrap .box_fnb .box_desc { display:none; }
.cm_footer_wrap .box_fnb .box_desc .cm_xsmtxt { color:#777; font-weight:500;  }

.cm_footer_wrap .box_fnb .fnb_menu { margin-top:13px; }
.cm_footer_wrap .box_fnb .fnb_menu .menu_list { margin-bottom:5px; color:#777; font-size:80%; line-height:20px; }
.cm_footer_wrap .box_fnb .fnb_menu .menu_list:last-child { margin-bottom:0; }
    
.cm_footer_wrap .box_fnb.customer { width:100%; margin-bottom:25px; }
.cm_footer_wrap .box_fnb.customer h2.cm_txt { display:inline-block; margin-right:10px;}
.cm_footer_wrap .box_fnb.customer .cm_xsmtxt { display:inline-block;  vertical-align:bottom;  }

.cm_footer_wrap .box_fnb.address { width:100%; margin-top:25px; }
.cm_footer_wrap .box_fnb.address p.cm_smtxt { color:#777; font-weight:500; }
.cm_footer_wrap .box_fnb.address p.cm_smtxt:first-of-type { margin-top:13px; }
.cm_footer_wrap .box_fnb.address p.cm_smtxt i { padding:0 10px; color:#ddd; }
.cm_footer_wrap .box_fnb.address p.cm_smtxt + p.cm_smtxt {  margin-top:5px; }

.cm_footer_wrap .box_fnb.sns { width:100%; margin-top:25px; border-bottom:0; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list { height:25px; margin-right:20px; vertical-align:middle; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list a { display:inline-block; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list .ic { display:inline-block; width:15px; height:15px; margin-right:5px; background:url('/images/common/footer_ic_sns.png?v=202310121700') no-repeat; background-position:0 0; background-size:auto 100%; vertical-align:middle; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list .ic.navertv { background-position:1px 0; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list .ic.naverblog { background-position:-15px 0; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list .ic.youtube { background-position:-30px 0; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list .ic.facebook { background-position:-45px 0; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list .ic.instargram { background-position:-60px 0; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list .ic.telegram { background-position:-75px 0; }
.cm_footer_wrap .box_fnb.sns .fnb_menu .menu_list .ic.surfer { background-position:-90px 0; }
.cm_footer_wrap .box_fnb.sns .cm_smtxt { font-weight:500; }
.cm_footer_wrap .box_fnb.sns a { display:inline-block; }
.cm_footer_wrap .box_fnb.sns a.cm_smtxt { display:inline-block; }
.cm_footer_wrap .box_fnb.sns a.cm_smtxt + a.cm_smtxt { position:relative; margin-left:10px; padding-left:10px; }
.cm_footer_wrap .box_fnb.sns a.cm_smtxt + a.cm_smtxt:before { display:block; content:''; position:absolute; top:3px; left:0; width:1px; height:15px; background:#ddd; }

.cm_footer_wrap .copyright { width:100%; min-height:355px; }

/*행간*/
.line25{ line-height:25px !important; }
.line35{ line-height:35px !important; }
.line40{ line-height:40px !important; }


/*마진*/
.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; }
.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; }
.mb40 { margin-bottom:40px !important; }
.mb60 { margin-bottom:60px !important; }


/*패딩*/
.pt0 { padding-top:0 !important; }
.pt5 { padding-top:5 !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt25 { padding-top:25px !important; }

.pb0 { padding-bottom:0 !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }


/*텍스트 스타일*/
.cm_tit_48 { font-weight:700; font-size:3rem; line-height:68px; font-family:'Noto Sans KR'; }
.cm_tit_35 { font-weight:700; font-size:2.188rem; line-height:50px; font-family:'Noto Sans KR'; }
.cm_tit { font-weight:700; font-size:1.563rem; line-height:36px; font-family:'Noto Sans KR'; }
.cm_subtit { font-weight:400; font-size:1.125rem; line-height:26px; font-family:'Noto Sans KR'; }
.cm_txt { font-weight:400; font-size:0.938rem; line-height:22px; font-family:'Noto Sans KR'; }
.cm_smtxt { font-weight:400; font-size:0.813rem; line-height:20px; font-family:'Noto Sans KR'; }
.cm_xsmtxt { font-weight:400; font-size:0.688rem; line-height:16px; font-family:'Noto Sans KR'; }

/*
.cm_subtit_35 { font-weight:700; font-size:2.188rem; line-height:50px; font-family:'Noto Sans KR'; }
.cm_subtit { font:bold 155%/36px 'Noto Sans KR'; }
.cm_txt { font:bold 110%/22px 'Noto Sans KR'; }

.cm_txt { font:600 115%/26px 'Noto Sans KR'; } 
.cm_txt { font:500 100%/22px 'Noto Sans KR'; }

.cm_txt { font:500 95%/22px 'Noto Sans KR'; }
.cm_txt { font:500 90% 'Noto Sans KR'; }

.cm_xsmtxt { font:500 80%/20px 'Noto Sans KR'; }
.cm_xsmtxt { font:500 70%/16px 'Noto Sans KR'; }*/


/*텍스트 정렬*/
.txt_left { text-align:left !important; }
.txt_right { text-align:right !important; }
.txt_center { text-align:center !important; }
.txt_just { text-align:justify !important; }

.txt_top { vertical-align:top !important; }
.txt_middle { vertical-align:middle !important; }
.txt_bottom { vertical-align:bottom !important; }
.txt_t_top { vertical-align:text-top !important; }
.txt_t_bottom { vertical-align:text-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_w { color:#fff !important; }

.cm_color_red { color:#e8373d!important; }
.cm_color_bl { color:#373fe8 !important; }
.cm_color_or, .cm_color_stock { color:#ff7500; }
.cm_color_navy, .cm_color_finup { color:#2e2e72 ; }
.cm_color_lor { color:#ffdcbf; }

.cm_color_ts { color:#e8343f!important; }
.cm_color_dgrn, .cm_color_funding { color:#00856e; }
.cm_color_lgrn { color:#029e6e; }
.cm_color_radar { color:#cd154f ;  }
.cm_color_starter { color:#22a5df ;}

/*테마록 폰트 컬러*/
.cm_color_u10_ex { color:#dc0000; }
.cm_color_u10 { color:#ff3a47; }
.cm_color_u7 { color:#f5634a; }
.cm_color_u5 { color:#ff9c5b; }
.cm_color_u3 { color:#f8b7bd; }
.cm_color_d10_ex { color:#2f2883; }
.cm_color_d10 { color:#0b4ce0; }
.cm_color_d7 { color:#267ccc; }
.cm_color_d5 { color:#3abae9; }
.cm_color_d3 { color:#65cadf; }

.cm_color_ts { color:#e8343f!important; }
.cm_color_dgrn, .cm_color_funding { color:#00856e; }
.cm_color_lgrn { color:#029e6e; }
.cm_color_radar { color:#b71e4e ;  }
.cm_color_starter { color:#22a5df ;}


/*투자 성향*/
.cm_tendency_wrap { width:auto; height:auto; overflow:hidden; }
.cm_tendency { float:left; width:auto; padding:0px 8px !important; margin-right:5px; border:1px solid #ddd; background:#fff; color:#222; font:500 75%/15px '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:#ee3128 !important; }
.trend { color:#950082 !important; }
.party { color:#f47425 !important; }
.cost { color:#2e2e72 !important; }
.supply { color:#1e489f !important; }

.term1 { color:#0d9f5c !important; }
.term2 { color:#ee3128 !important; }
.term3 { color:#1e489f !important; }
.term4 { color:#950082 !important; }


/*배경*/
.cm_bg_bk { background:#222 !important; }
.cm_bg_dg { background:#777 !important; }
.cm_bg_lg { background:#999 !important; }
.cm_bg_c { background:#ccc !important; }
.cm_bg_w { background:#fff !important; }

.cm_bg_red { background:#e8373d; }
.cm_bg_bl { background:#373fe8; }
.cm_bg_or, .cm_bg_stock { background:#ff7500; }
.cm_bg_navy, .cm_bg_finup { background:#2e2e72; }
.cm_bg_lor { background:#ffdcbf; }
.cm_bg_lred{ background:#ffefef; }
.cm_bg_lbl{ background:#ebf1f7; }

.cm_bg_base { background:#f4f5fa !important; }
.cm_bg_gray { background:#f8f8f8 !important; }

/*그라데이션 배경*/
.cm_bg.gr_bk { 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_bg.gr_w { background-image:-webkit-linear-gradient(left right, #fff 0%, #EDEDED 100%); background-image:-webkit-gradient(linear, left, right, from(#fff), to(#ededed)); background-image:linear-gradient( to right,#fff,#ededed); }
.cm_bg.gr_or { 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_bg.gr_navy { 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_bg.gr_radar { background-image:-webkit-linear-gradient(left right, #F1496A 0%, #CD154F 100%); background-image:-webkit-gradient(linear, left, right, from(#F1496A), to(#CD154F)); background-image:linear-gradient( to right,#F1496A,#CD154F); }

.cm_bg.gr_bk.vertical { background-image:-webkit-linear-gradient(top botttom, #454545 0%, #222 100%); background-image:-webkit-gradient(linear, top, botttom, from(#454545), to(#222)); background-image:linear-gradient( to bottom,#454545,#222); }
.cm_bg.gr_w.vertical { background-image:-webkit-linear-gradient(top bottom, #fff 0%, #EDEDED 100%); background-image:-webkit-gradient(linear, top, bottom, from(#fff), to(#ededed)); background-image:linear-gradient( to bottom,#fff,#ededed); }
.cm_bg.gr_or.vertical { background-image:-webkit-linear-gradient(top bottom, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, top, bottom, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to bottom,#ff7500,#e8373d); }
.cm_bg.gr_navy.vertical { background-image:-webkit-linear-gradient(top bottom, #2E2E72 0%, #222259 100%); background-image:-webkit-gradient(linear, top, bottom, from(#2E2E72), to(#222259)); background-image:linear-gradient( to bottom,#2E2E72,#222259); }
.cm_bg.gr_radar.vertical { background-image:-webkit-linear-gradient(top bottom, #F1496A 0%, #CD154F 100%); background-image:-webkit-gradient(linear, top, bottom, from(#F1496A), to(#CD154F)); background-image:linear-gradient( to bottom,#F1496A,#CD154F); }

.cm_bg_radar { background:#cd154f; }
.cm_bg_starter { background:#22a5df; }
.cm_bg_funding { background:#00856e; }
.cm_bg_lgrn { background:#029e6e; }
.cm_bg_ts { background:#e8343f; }


/*테마록 배경*/
.cm_bg_bk { background:#222; }
.cm_bg_ex0 { background:#ccc; }
.cm_bg_u10_ex { background:#dc0000; }
.cm_bg_u10 { background:#ff3a47; }
.cm_bg_u7 { background:#f5634a; }
.cm_bg_u5 { background:#ff9c5b; }
.cm_bg_u3 { background:#f8b7bd; }
.cm_bg_d10_ex { background:#2f2883; }
.cm_bg_d10 { background:#0b4ce0; }
.cm_bg_d7 { background:#267ccc; }
.cm_bg_d5 { background:#3abae9; }
.cm_bg_d3 { background:#65cadf; }

/*뱃지*/
.cm_badge{ display:inline-block; width:auto; padding:0 10px; height:20px; border-radius:3px; font-weight:400; font-size:0.688rem; line-height:20px; font-family:'Noto Sans KR'; vertical-align:middle; overflow:hidden; }
.cm_badge .im { margin:-2px 0 0 0; font-size:80%; line-height:normal; }

.cm_badge.bg_red { background:#e8373d; color:#fff; }
.cm_badge.bg_gray { background:#ededed; color:#222; }
.cm_badge.bg_navy { background:#2E2E72; color:#fff; }

.cm_badge.line_red { line-height:18px; border:1px solid #e8373d; color:#e8373d; }
.cm_badge.line_navy { line-height:18px; border:1px solid #2E2E72; color:#2E2E72; }
.cm_badge.line_gray { line-height:18px; border:1px solid #ddd; color:#222; }

.cm_badge_wrap { display:block; width:auto; height:auto; box-sizing:border-box; text-align:center; overflow:hidden; }
.cm_badge_wrap .cm_badge { float:left; margin-right:5px; }

/*뱃지 구버전*/
.cm_badge.level_step1 { width:35px; padding:0 !important; border:1px solid #fba62d; background:#fff; color:#fba62d; line-height:18px;}
.cm_badge.level_step2 { width:35px; padding:0 !important; border:1px solid #f47425; background:#fff; color:#f47425; line-height:18px;}
.cm_badge.level_step3 { width:35px; padding:0 !important; border:1px solid #950082; background:#fff; color:#950082; line-height:18px;}
.cm_badge.level_step4 { width:35px; padding:0 !important; border:1px solid #2e2e72; background:#fff; color:#2e2e72; line-height:18px;}
.cm_badge.broadcast { position:relative; width:auto; background:transparent; color:#e8373d; font-size:0.813rem; line-height:20px; text-align:right; }
.cm_badge.broadcast::before { display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:5px; height:5px; border-radius:50%; background:#e8373d; }
.cm_badge.free{ background:#e8373d; padding:0 10px; color:#fff; }
.cm_badge.navy { background:#2a2a65; color:#fff; }
.cm_badge.orange { background:#ff7500; color:#fff; }
.cm_badge.purple { background:#7e0043; color:#fff; }
.cm_badge.red { background:#e8373d; color:#fff;}
.cm_badge.white { padding:0 5px; border:1px solid #ddd; background:#fff; font-weight:500; font-size:0.688rem; line-height:18px; font-family:'Noto Sans KR'; }
.cm_badge.gray { background:#ddd; color:#222; }
.cm_badge.radar { background:#cd154f; color:#fff !important; }
.cm_badge.line { display:block; padding:0 5px; }
.cm_badge.line.lg { border:1px solid #ddd; }
.cm_badge.line.dgrn { border:1px solid #00856e; color:#00856e; }
.cm_badge.line.lgrn { border:1px solid #029e6e; color:#029e6e; }
        
.cm_badge.youtube { padding:0 3px; }
.cm_badge.youtube .im{ margin:0 0 0; font-size:180%; vertical-align:middle;}

.cm_badge.cm_satisfaction { font-family:'Noto Sans KR';}
.cm_badge.cm_satisfaction .im { margin-right:3px; }

.cm_badge.gray_or{ padding:0 5px; background:#ededed; color:#e8383c; font-size:0.688rem; line-height:22px; }
.cm_badge.white_nv{ padding:0 5px; border:1px solid #ddd; background:#fff; color:#2a2a65; line-height:16px; }


/*만족도*/
.cm_satisfaction { padding-left:1px; color:#999; font-size:0.813rem; }
.cm_satisfaction .im{ margin:0 3px 0 0; font-size:90%; vertical-align:middle;}


/*멘토 이름*/
.cm_mentor_name { padding-left:1px; color:#222; font-size:0.813rem; font-family:'Noto Sans KR'; line-height:20px; }
.cm_mentor_name .im{ margin:0 3px 0 0; font-size:80%; vertical-align:middle;}
.cm_mentor_name .im.im-angle-right { margin-top:-2px; font-size:90%; }
.cm_mentor_name.big { padding-left:1px; color:#222; font-size:0.938rem; }


/*회원 이름*/
.cm_user_name { padding-left:1px; color:#777; font-size:0.688rem; line-height:16px; font-family:'Noto Sans KR';  }
.cm_user_name .im { margin:0 3px 0 0; font-size:90%; vertical-align:middle;  }

/*탭 기본 디자인*/
.cm_tab { position:relative; width:100%; height:40px; margin:0 auto; background:#fff; border-bottom:1px solid #ddd; overflow:hidden; z-index:10;}
.cm_tab .cm_tab_menu { float:left; position:relative; height:40px; border-top:1px solid #ddd; color:#999; font-weight:500; font-size:0.938rem; line-height:38px; font-family:'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:37px; box-sizing:border-box; }
.cm_tab .cm_tab_menu a { display:block; width:100%; height:100%; white-space:nowrap; }
.cm_tab .cm_tab_menu .ic_new { display:inline-block; width:15px; height:15px; margin:-1px 0 0 3px; border-radius:50%; background:#ff7500; color:#fff; font-size:0.688rem; text-align:center; line-height:16px; vertical-align:middle; }
.cm_tab .cm_tab_menu .ic_sample { display:inline-block; width:auto; height:20px; padding:0 7px; margin:-1px 0 0 3px; border-radius:10px; background:#ff7500; color:#fff; font-weight:normal; font-family:'Noto Sans KR'; font-size:0.688rem; text-align:center; line-height:20px; vertical-align:middle; }

/*탭 갯수별 사이즈*/
.cm_tab.num01 li { width:100%; }
.cm_tab.num02 li { width:50%; }
.cm_tab.num03 li { width:33.33%; }
.cm_tab.num04 li { width:25%; }
.cm_tab.num05 li { width:20%;}
.cm_tab.num06 li { width:16.66%; font-size:1.125rem !important; }

/*탭 배경강조 디자인*/
.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:38px; }
.cm_tab.bg_style .cm_tab_menu.on:before { display:none; }

/*탭 라운드 디자인*/
.cm_tab.round_style { display:block; width:100%; height:25px; border:0; background:unset; }
.cm_tab.round_style:before{ display:none; }
.cm_tab.round_style .cm_tab_menu { display:inline-block; width:auto; height:25px; padding:0 12px; border:0; border-radius:13px; background-color:#fff; font-size:0.813rem; line-height:25px; }
.cm_tab.round_style .cm_tab_menu + .cm_tab_menu { margin-left:8px; }
.cm_tab.round_style .cm_tab_menu:before { display:none; }
.cm_tab.round_style .cm_tab_menu.on {  background-color:#ff7500; color:#fff; font-weight:500; }

/*탭 텍스트 디자인*/
.cm_tab.text_style { width:auto; height:20px; background:transparent; border:0; }
.cm_tab.text_style .cm_tab_menu { float:left; height:20px; margin-right:17px; border:0; color:#777; font-size:0.813rem; line-height:20px; font-family:'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:block; content:''; position:absolute; top:50%; right:-8px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:14px; background:#ddd;}
.cm_tab.text_style .cm_tab_menu:last-child { margin-right:0; }
.cm_tab.text_style .cm_tab_menu:last-child:before { display:none; }

/*슬라이드 탭*/
.cm_tab_wrap .box_tab { position:relative; height:40px; overflow:hidden; }
.cm_tab_wrap .box_tab .cm_tab { }
.cm_tab_wrap .box_tab .cm_tab.no_btn { padding:0; text-align:center; }
.cm_tab_wrap .box_tab .cm_tab.no_btn li { padding:0 8px; font-size:0.813rem; letter-spacing:-1.5px; text-align:center; float:none; margin-left:-3px; }
.cm_tab_wrap .box_tab .cm_tab li { display:inline-block; padding:0 20px; border-top:1px solid #ddd; }
.cm_tab_wrap .box_tab .cm_tab li.on { border-top:2px solid #ff7500; }
.cm_tab_wrap .box_tab .cm_tab li:last-child { margin-right:40px; }

.cm_tab_wrap .btn_more { position:absolute; top:0; right:0; padding:0; width:40px; height:40px; background:#fff; border:1px solid #ddd; z-index:10; }
.cm_tab_wrap .btn_more a { display:block; position:relative; width:100%; height:100%; text-align:center; }
.cm_tab_wrap .btn_more a .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:90%; }

.cm_tab_wrap .box_menu { height:auto; border:1px solid #ddd; overflow:hidden; }
.cm_tab_wrap .box_menu .tit { position:relative; padding:0 10px; line-height:40px; color:#555; font-size:0.813rem; font-weight:bold; background:#fff;}
.cm_tab_wrap .box_menu .tit .btn_more { border:0; border-left:1px solid #ddd; }

.cm_tab_wrap .box_menu .menu_list { color:#222; z-index:10; position:relative;}
.cm_tab_wrap .box_menu .menu_list li { display:block; float:left; position:relative; width:50%; height:50px; text-align:center; box-sizing:border-box; vertical-align:middle; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.cm_tab_wrap .box_menu .menu_list li:nth-child(2n) { border-right:0;}
.cm_tab_wrap .box_menu .menu_list li.on { font-weight:bold;}
.cm_tab_wrap .box_menu .menu_list li span { display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; font-size:0.813rem; line-height:20px; word-break:break-word; text-align:center; }


/*버튼*/
.cm_btn { text-align:center;}
.cm_btn .im { margin:-2px 0 0 0; font-size:95%; vertical-align:middle; }

.cm_btn.gr_or { 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_bk { background:#222; color:#fff; }
.cm_btn.bg_or { background:#ff7500; color:#fff; }
.cm_btn.disable { background:#ededed; color:#ccc; }

.cm_btn.line_or { border:1px solid #ff7500; color:#ff7500; background:#fff; }
.cm_btn.line_bk { border:1px solid #222; color:#222; background:#fff; }
.cm_btn.line_gray { border:1px solid #ddd; color:#222; background:#fff; }

.cm_btn.hover_bk:hover { background:#222; color:#fff; }
.cm_btn.hover_or:hover { background:#ff7500; color:#fff; }
.cm_btn.hover_gr_or:hover { 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.sm_style { display:inline-block; padding:0 10px; height:25px; border:1px solid #ddd; font-size:0.813rem; line-height:23px; }
.cm_btn.sm_style.disable { line-height:25px; }

.cm_btn_share { width:30px; height:30px; background:url('/images/common/ic-share.png') no-repeat; overflow:hidden;  }

.cm_btn_bookmark { width:30px; height:30px; background:url('/images/common/ic-bookmark.png') no-repeat 0 0; }
.cm_btn_bookmark.on { background-position-x:-30px; }

.cm_btn_arrow { width:40px; height:40px; background:url('/images/common/ic-smallslide-arrow.png') no-repeat; }
.cm_btn_arrow.btn_prev { background-position:0 -40px; }
.cm_btn_arrow.btn_prev.disable { background-position:0 0; }
.cm_btn_arrow.btn_next { background-position:-40px -40px; }
.cm_btn_arrow.btn_next.disable { background-position:-40px 0; }

.cm_btn_arrow.sm_style { width:24px; height:24px; background:url('/images/common/ic-smallslide-arrow.png') no-repeat; }
.cm_btn_arrow.sm_style.btn_prev { background-position:0 -24px; }
.cm_btn_arrow.sm_style.btn_prev.disable { background-position:0 0; }
.cm_btn_arrow.sm_style.btn_next { background-position:-24px -24px; }
.cm_btn_arrow.sm_style.btn_next.disable { background-position:-24px 0; }

.cm_btn_toggle { display:none; }
.cm_btn_toggle + label { display:block; position:relative; width:35px; height:20px; border-radius:10px; background:#ddd; transition: all 0.2s ease-in; cursor:pointer; }
.cm_btn_toggle + label .cm_toggle_handle { position:absolute; top:50%; left:2px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:16px; height:16px; border-radius:50%; background:#fff; transition: all 0.2s ease-in; }
.cm_btn_toggle:checked + label { background:#222; }
.cm_btn_toggle:checked + label .cm_toggle_handle { left:calc(100% - 18px); }


.cm_btn_borad { width:75px; height:30px; border-radius:5px; font-size:0.813rem; text-align:center; }
.cm_btn_borad.line_gray { line-height:28px; }
.cm_btn_borad.bg_bk { background:#222; color:#fff; line-height:30px; }

.cm_btn_interest { display:inline-block; width:auto; height:25px; padding:0 10px; border-radius:0; background:#fff; color:#222; font-size:0.813rem; line-height:23px; border:1px solid #ddd; }
.cm_btn_interest .ic { display:inline-block; width:11px; height:16px; margin-top:-2px; margin-right:5px; background:url('/images/common/ic-heart-off.png') no-repeat; background-size:contain; vertical-align:middle; }
.cm_btn_interest.on .ic { background:url('/images/common/ic-heart-on.png') no-repeat; background-size:contain; }


.cm_btn_interest.circle { width:65px; height:60px; border-radius:10px; background:#fff; color:#999; font-size:0.688rem; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_btn_interest.circle .ic_circle{ display:block; position:relative; width:20px; height:20px; margin:12px auto 3px auto; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.cm_btn_interest.circle .ic_circle .ic { position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin-top:0; }

.cm_btn_interest.round01 { display:inline-block; width:auto; height:20px; padding:0 8px; border:1px solid #ddd; border-radius:3px; background:#fff; color:#777; font-size:0.688rem; box-sizing:border-box; line-height:20px; cursor:pointer; }
.cm_btn_interest.round01 .im { margin:0 4px 0 0; font-size:80%; vertical-align:middle; }

.cm_btn_std { white-space : nowrap; padding: 5px 15px; border-radius: 5px; border: solid 1px #ddd; background-color: #fff; }
.cm_btn_std:active { background-color: #f8f8f8; }

.cm_box_btn { width: 100%; height: 40px; padding: 0 15px; border-radius: 5px; background-color: #222; font-size: 15px; color: #fff; }
.cm_box_btn:active { background-color: #777; }

/*버튼 구버전*/
.cm_btn_line{ display:block; background:#fff; border:1px solid #ddd; color:#222; font-size:0.813rem; text-align:center; cursor:pointer; }
.cm_btn_line.gray { border:1px solid #ddd; }
.cm_btn_line.orange { border:1px solid #ff7500; }
.cm_btn_line .im { margin:0 0 0 5px; font-size:85%; vertical-align:middle; }
.cm_btn_line.ts { border:1px solid #e8343f; }

.cm_btn_bg { display:block;  border:0; background:#ff7500; color:#fff; font-size:0.938rem; text-align:center; cursor:pointer; }
.cm_btn_bg .im { margin:0 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.gr_or { background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8383c 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8383c)); background-image:linear-gradient( to right,#ff7500,#e8383c); }
.cm_btn_bg.gr_or.vertical { background:#ff7500; background-image:-webkit-linear-gradient(top bottom, #ff7500 0%, #e8383c 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ff7500), to(#e8383c)); background-image:linear-gradient(to bottom,#ff7500,#e8383c); }
.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_btn_intro { display:inline-block; width:63px; height:55px; background:#fff; color:#999; font-size:0.813rem; box-sizing:border-box; text-align:center; overflow:hidden; cursor:pointer;  }
.cm_btn_intro .ic_circle{ display:block; position:relative; width:20px; height:20px; margin:9px auto 3px auto; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.cm_btn_intro .ic_circle .im { position:absolute; top:55%; left:55%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#adb6c7; font-size:80%; vertical-align:middle; }

.cm_btn_intro.disabled { background:#f4f4f4 !important; color:#ccc !important;= cursor:not-allowed !important; }
.cm_btn_intro.disabled .ic_circle{ opacity:0.5; }
.cm_btn_intro.round01 { width:auto; height:20px; padding:0 10px; border:1px solid #ddd; border-radius:10px; background:#fff; color:#777; font-size:0.688rem; line-height:20px; }

.cm_btn_katalk { width:142px; height:36px; border:1px solid #ddd; border-radius:10px; background:#fff; font-size:0.938rem; line-height:36px; text-align:center; cursor:pointer; }
.cm_btn_katalk .im { margin:0 5px 0 0; font-size:80%; vertical-align:middle; }

.cm_btn_katalk.round01 { display:inline-block; width:auto; height:20px; padding:0 10px; border-radius:5px; font-size:0.688rem; line-height:20px; }
.cm_btn_katalk.round01 .im { margin:0 4px 0 0; font-size:80%; vertical-align:middle; }

.cm_btn_ic { display:inline-block; width:auto; height:auto; padding:0 3px; border:0; background:transparent; color:#999; font-size:0.688rem; cursor:pointer; }
.cm_btn_ic .im{ margin:0 4px 0 0; font-size:70%; vertical-align:middle; }
.cm_btn_ic.more .im{ margin:0 0 0 5px; font-size:70%; vertical-align:middle; }

.cm_btn_curri { display:inline-block; width:70px; height:25px; border:1px solid #ddd; background:#fff; color:#555; font-size:0.688rem; line-height:23px; text-align:center; overflow:hidden; cursor:pointer; }

.cm_btn_appraisal { display:inline-block; width:auto; height:25px; border-bottom:1px solid #222; color:#555; font-size:0.688rem; line-height:23px; text-align:center; overflow:hidden; cursor:pointer; }
.cm_btn_appraisal.non { border-bottom:1px solid #777 ; color:#777; opacity:0.5 } /*평가 대상 아닐때*/
.cm_btn_appraisal.my { border-bottom:1px solid #ff7500; color:#ff7500; } /*내 평가 보기*/

.cm_btn_play { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:36px; height:36px; border:2px solid #fff; border-radius:50%; overflow:hidden; }
.cm_btn_play .im { display:block; position:absolute; top:50%; left:calc(50% - 5px); transform:translateY(-50%);  -webkit-transform:translateY(-50%); color:#fff; font-size:90%; }

.cm_btn_list  { position:absolute; bottom:10px; right:0; width:60px; height:30px; border:1px solid #ddd; background:#fff; color:#444; font-size:0.938rem; }

.cm_btn_more { width:100%; height:40px; margin:20px auto 30px auto; border-radius:10px; font-size:0.938rem; line-height:40px; }
.cm_btn_more.cm_btn_line { line-height:38px; }
.cm_btn_more .im { margin-top:0; }


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

.cm_input { height:45px; border:1px solid #ddd; padding:0 15px; font-size:0.938rem; line-height:43px; }
.cm_input::-webkit-input-placeholder { color:#999; }
.cm_input:-ms-input-placeholder { color:#999; }
.cm_input:focus { border-color:#222; }
.cm_input:disabled { border-color:#ddd; background:#ededed; color:#999; }

.cm_input_line { border-bottom: solid 1px #ededed; font-size:13px; }
.cm_input_line::-webkit-input-placeholder { color:#999; }
.cm_input_line:-ms-input-placeholder { color:#999; }
.cm_input_line:focus { border-color:#222; }
.cm_input_line:disabled { border-color:#222; }

.cm_input_clean { height:25px; padding:5px 0 0; font-size:13px }

.cm_select { height:45px; padding:0 30px 0 15px; background:url('/images/board/stockList_filter_arrow01.png') calc(100% - 15px) center no-repeat; font-size:0.938rem; line-height:43px; -webkit-appearance:none; cursor:pointer; }
.cm_select::-ms-expand { display:none; }

.cm_select_wide { width: 100%; height: 40px; background: url('/images/common/arrow-down-xs.png') calc(100% - 12px) center no-repeat; padding: 10px 12px; border-radius: 5px; border: solid 1px #ededed; background-color: #fff; }
.cm_select_wide:focus { background: url('/images/common/arrow-up-xs.png') calc(100% - 12px) center no-repeat; }
.cm_select_wide:active { background-color: #f8f8f8; }

.cm_chk { display:none; }
.cm_chk + label { display:inline-block; position:relative; padding-left:34px; color:#777; font-size:0.938rem; line-height:24px; overflow:hidden; cursor:pointer; }
.cm_chk + label:before { display:block; content:''; position:absolute; top:0; left:0; width:24px; height:24px; background:url('/images/common/ic-check.png') no-repeat; background-size:cover; }
.cm_chk:checked + label { color:#222; }
.cm_chk:checked + label:before { background-position:0 -24px; }

.cm_chk.sm_style + label { padding-left:21px !important; font-size:0.813rem; line-height:20px; cursor:pointer; }
.cm_chk.sm_style + label:before { width:16px; height:16px; margin-top:1px; background:url('/images/common/ic-smallcheck.png') no-repeat !important; }
.cm_chk.sm_style:checked + label:before { background-position:0 -16px; }

.cm_radio { display:none; }
.cm_radio + label { display:inline-block; position:relative; padding-left:34px; color:#777; font-size:0.938rem; line-height:24px; overflow:hidden; cursor:pointer; }
.cm_radio + label:before { display:block; content:''; position:absolute; top:0; left:0; width:24px; height:24px;  background:url('/images/common/ic-radio.png') no-repeat; }
.cm_radio:checked + label { color:#222; }
.cm_radio:checked + label:before { background-position:0 -24px; }

.cm_radio.sm_style + label { padding-left:21px !important; font-size:0.813rem; line-height:20px; }
.cm_radio.sm_style + label:before { top:1px; width:16px; height:16px; background:url('/images/common/ic-smallradio.png') no-repeat !important; }
.cm_radio.sm_style:checked + label:before { background-position:0 -16px; }

/*구버전*/
.cm_form { display:block; float:left; height:45px; padding-left:15px; color:#222; font-weight:500; font-size:0.938rem; line-height:45px; } 
.cm_form.on:hover { border:1px solid #ff7500; }
.cm_form.cm_btn_bg { display:inline-block; width:60px !important; height:45px !important; margin-left:10px; padding:0; border:0; color:#fff; font-weight:500; font-size:0.938rem; line-height:43px; }
.cm_form.cm_btn_ic { position:absolute; top:50%; right:2%; transform:translateY(-50%); }
.cm_form.cm_btn_ic .im { color:#999; font-size:130%; }
.cm_form.select { display:-webkit-box; padding-right:40px; border:1px solid #ddd; background:url('/images/common/select_arrow.png') no-repeat; background-position:calc(100% - 15px) center; background-size:15px auto; color:#555; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; word-wrap: break-word; -webkit-appearance:none; cursor:pointer; }
.cm_form.select::-ms-expand { display:none; }
.cm_form.select.ic_filter { background:url('/images/common/ic_filter.png') no-repeat; background-position:90% center; background-size:20px auto; }
.cm_form.text01 { padding: 0 15px; border:1px solid #ddd;  }
.cm_form.text02 { padding: 0 48px 0 15px; border:1px solid #ddd;  }
.cm_form.textarea { width:100%; padding:10px; border:1px solid #ddd;  resize:vertical; }

input[type=checkbox].cm_form.cm_chk { display:none; }
input[type=checkbox].cm_form.cm_chk + label { display:block; position:relative; padding-left:28px; font-size:0.938rem; line-height:18px; vertical-align:middle; box-sizing:border-box; }
input[type=checkbox].cm_form.cm_chk + label.wide { max-width:100%; }
input[type=checkbox].cm_form.cm_chk + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_checkbox.jpg') no-repeat 0 0; background-size:100% auto; }
input[type=checkbox].cm_form.cm_chk:checked + label:before { background-position:0 -18px; }

input[type=radio].cm_form.cm_radio { display:none; }
input[type=radio].cm_form.cm_radio + label { display:block; position:relative;  padding-left:28px; font-size:0.938rem; line-height:18px; vertical-align:middle; box-sizing:border-box; }
input[type=radio].cm_form.cm_radio + label.wide { max-width:100%; }
input[type=radio].cm_form.cm_radio + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_radio.png') no-repeat 0 0; background-size:100% auto; }
input[type=radio].cm_form.cm_radio:checked + label:before { background-position:0 -18px; }

.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_form_period { width:auto; height:auto; overflow:hidden;}
.cm_form_period .cm_form_wrap { display:block; float:left; width:calc(50% - 12px); height:40px; vertical-align:middle; }
.cm_form_period .cm_form_wrap .cm_form.text02 { width:100%; height:40px; padding:0 30px 0 10px; margin:0; line-height:38px; text-align:center; }
.cm_form_period .box_txt { display:block; float:left; width:24px; height:40px; line-height:38px; vertical-align:middle; text-align:center; overflow:hidden; }


/*step*/
.cm_step_wrap { display:inline-block; overflow:hidden; }
.cm_step_wrap li { float:left; }
.cm_step_wrap .label { color:#999; font-size:0.688rem; line-height:20px; margin-right:20px; }
.cm_step_wrap .dot + .dot { margin-left:5px; }
.cm_step_wrap .dot { width:5px; height:5px; margin-top:7px; border-radius:50%; background:#ccc; font-size:0; text-indent:-1px; }
.cm_step_wrap .dot.on { width:20px; height:20px; margin-top:0; background:#2e2e72; color:#fff; font-size:70%; line-height:20px; text-align:center; }


/*테이블*/
.cm_table_wrap { width:100%; border:1px solid #ddd; table-layout:fixed; }
.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 .txt_middle { vertical-align:middle; }
.cm_table_wrap .txt_top { vertical-align:top; }
.cm_table_wrap .txt_bottom { vertical-align:bottom; }
.cm_table_wrap .hide { display:none; }
        
.cm_table_wrap thead { border-top:2px solid #222; border-bottom:1px solid #ddd; text-align:center; }
.cm_table_wrap thead th{ height:36px; background:#fff; color:#777; font-size:0.813rem; }
.cm_table_wrap thead th .tit { font-weight:600; font-size:1.125rem; text-align:left; }

.cm_table_wrap tbody { text-align:center; }
.cm_table_wrap tbody > td { padding:10px; border-bottom:1px solid #ddd; background:#fff;  }
.cm_table_wrap tbody .non_date td { padding:30px 15px; color:#999; font-size:0.813rem; line-height:20px; }

.cm_table_wrap tbody .table_cont {display:none;}
.cm_table_wrap tbody .table_cont .desc { position:relative; height:auto; padding:15px; padding-right:25px; background:#f8f8f8; font-weight:400; font-size:0.938rem; line-height:21px; box-sizing:border-box; }
.cm_table_wrap tbody .table_cont .desc img { display:inline-block; width:auto; max-width:100%; height:auto; margin:5px 0; }

.cm_table_wrap tbody > tr > td .tit { display:block; font-size:0.938rem; line-height:22px; }
.cm_table_wrap tbody > tr > td .txt { display:block; margin-top:5px; font-size:0.813rem; line-height:20px;  }

.cm_table_wrap tbody .table_accordion td{ padding:10px; border-bottom:1px solid #ddd; background:#fff; }
.cm_table_wrap tbody .table_accordion .txt_top  .txt{ margin-top:0; }
.cm_table_wrap tbody .table_accordion .cm_user_name { font-size:0.813rem; }

/*리스트-말줄임*/
.cm_table_wrap .txt_hidden { display:block; display:-webkit-box !important; width:100%; height:21px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }

/*테이블 첨부파일*/
.cm_table_wrap tbody .cm_attached_wrap { position:relative; padding:0 !important; overflow:hidden; }
.cm_table_wrap tbody .cm_attached_wrap .tit { display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100px; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list { display:inline-block; float:right; width:calc(100% - 100px); text-align:left; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li { width:100%; padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:0.813rem; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li:last-child { border:0; border-left:1px solid #ddd; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li .btn_save { display:inline-block; margin-left:5px; color:#999; font-size:0.688rem; vertical-align:middle; }

/*테이블 리스트 Q&A*/
.cm_table_wrap.style01 td { position:relative; padding:15px 0; }
.cm_table_wrap.style01 td.box_ic { padding-left:10px; }
.cm_table_wrap.style01 td.box_tit { padding:15px 10px 15px 15px; }
.cm_table_wrap.style01 td .ic_answer { display:inline-block; width:40px; height:20px; background:#f4f5fa; font-size:0.813rem; line-height:20px; }
.cm_table_wrap.style01 td .ic_answer.ready { background:#ddd; color:#999; }
.cm_table_wrap.style01 td .tit { display:block; display:-webkit-box; width:calc(100% - 30px); height:16px; font-size:0.688rem; line-height:15px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.cm_table_wrap.style01 td .date { display:block; margin-top:5px; color:#999; font-size:0.688rem; line-height:14px; }
.cm_table_wrap.style01 td .im { position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:90%; }

/*테이블 상세*/
.cm_table_wrap.table_view th { position:relative; padding:15px; text-align:left; font-size:0.938rem;}
.cm_table_wrap.table_view th .tit { display:block; color:#222; font-weight:600; font-size:0.938rem; }
.cm_table_wrap.table_view th .cm_xsmtxt { display:inline-block; position:relative; margin-top:5px; margin-right:8px; }
.cm_table_wrap.table_view th .data { padding-left:8px; }
.cm_table_wrap.table_view th .data:before { display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:1px; height:15px; background:#ddd; }

.cm_table_wrap.table_view th .box_info { position:relative; padding:10px 15px; margin-top:10px; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.cm_table_wrap.table_view th .box_info.bg { border:0; background:#f8f8f8;}
.cm_table_wrap.table_view th .box_info span { display:block; display:-webkit-box; width:calc(100% - 50px); font-size:0.813rem; font-weight:600; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.cm_table_wrap.table_view th .box_info .ic_arrow { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:1.125rem; }
.cm_table_wrap.table_view th .box_info .cm_user_name { display:block; width:calc(100% - 100px); line-height:16px; overflow:hidden; }
.cm_table_wrap.table_view th .box_info .date { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:auto; font-size:0.813rem;  }
.cm_table_wrap.table_view th .box_info .cm_mentor_name { margin-top:10px; font-weight:400; }

.cm_table_wrap.table_view th.box_user_info { background:#f8f8f8; padding:0 15px; }
.cm_table_wrap.table_view th.box_user_info .cm_user_name { color:#222; }
.cm_table_wrap.table_view th.box_user_info .cm_mentor_name { color:#222;  }
.cm_table_wrap.table_view th.box_user_info .date { color:#999; font-size:0.813rem;}

.cm_table_wrap.table_view .box_detail { padding:30px 15px; background:#fff; }
.cm_table_wrap.table_view .box_detail * { font-size:initial; }
.cm_table_wrap.table_view .box_detail div { width:auto !important; max-width:100% !important; }
.cm_table_wrap.table_view .box_detail table { all:initial; }
.cm_table_wrap.table_view .box_detail img { display:block; width:100%; height:auto; margin:10px auto; }
.cm_table_wrap.table_view .box_detail p img { width:100%!important; min-width:100%!important; max-width:100%!important; }

.cm_table_wrap.table_view td.box_detail > table tr td { text-align:inherit;  }
.cm_table_wrap.table_view td.box_detail * { margin:unset; padding:unset; font:unset; font-family:unset; line-height:1.4; font-size:inherit; font-weight:inherit; } 
.cm_table_wrap.table_view td.box_detail .title { all:unset; } 

.cm_table_wrap.table_view td.box_detail img { display:unset; max-width:100%; min-width:unset; height:auto; margin:0; }
.cm_table_wrap.table_view td.box_detail ol { display:block; list-style:initial; list-style-type:decimal; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_table_wrap.table_view td.box_detail ul { display:block; list-style:initial; list-style-type:disc; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_table_wrap.table_view td.box_detail li { display:list-item; list-style:inherit; text-align:-webkit-match-parent; }
.cm_table_wrap.table_view td.box_detail ul ul{ list-style:initial; list-style-type:circle; margin-block-start: 0px; margin-block-end:0px; }

.cm_table_wrap.table_view td.box_detail p {  display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; }
.cm_table_wrap.table_view td.box_detail h1 { display:block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_table_wrap.table_view td.box_detail h2 { display: block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_table_wrap.table_view td.box_detail h3 { display: block; font-size:1.17em; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; } 
.cm_table_wrap.table_view td.box_detail h4 { display: block;  font-size:1em; margin-block-start:1.33em; margin-block-end:1.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_table_wrap.table_view td.box_detail h5 { display: block; font-size:0.83em; margin-block-start:1.67em; margin-block-end:1.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_table_wrap.table_view td.box_detail h6 { display: block; font-size:0.67em; margin-block-start: 2.33em; margin-block-end:2.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }

.cm_table_wrap.table_view td.box_detail table { display:table; width:auto !important; max-width:100%; margin:26px 0 20px; border-collapse:separate; box-sizing:border-box; text-indent:initial; border-spacing:2px;  }
.cm_table_wrap.table_view td.box_detail table tr td { display: table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }
.cm_table_wrap.table_view td.box_detail table tbody tr td { display: table-cell; padding:0.4rem; text-align:initial; vertical-align:inherit; }

.cm_table_wrap.table_view td.box_detail hr { display:block; unicode-bidi:isolate; margin-block-start:0.5em; margin-block-end:0.5em; margin-inline-start:auto; margin-inline-end:auto; overflow:hidden; border-color:#ccc; border-style:solid; border-width:1px 0 0 0 }
.cm_table_wrap.table_view td.box_detail blockquote { display:inline-block; border-left: 2px solid #ccc; margin-left: 1rem; padding-left: 1rem; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 10px; margin-inline-end: 40px; }
.cm_table_wrap.table_view td.box_detail code { padding:0.1rem 0.2rem; border-radius:3px; background:#b4d7ff; font-family: monospace; }

.cm_table_wrap.table_view td.box_detail a { color:blue; text-decoration:underline; outline: initial; cursor:pointer; }
.cm_table_wrap.table_view td.box_detail a:link { text-decoration:underline; }
.cm_table_wrap.table_view td.box_detail a:visited { color:purple; text-decoration:underline; outline:initial; }
.cm_table_wrap.table_view td.box_detail a:active { text-decoration:underline; outline: initial; }
.cm_table_wrap.table_view td.box_detail a:hover { text-decoration:underline; outline:initial;}
.cm_table_wrap.table_view td.box_detail *:focus {outline:initial;}
.cm_table_wrap.table_view td.box_detail em { font-style:italic; }
.cm_table_wrap.table_view td.box_detail strong { font-weight:bold !important; }

.cm_table_wrap .en-code { font-family:monospace; box-sizing:border-box; padding:8px !important; font-family:Monaco,Menlo,Consolas,Courier New,monospace; font-size:0.813rem !important; color:#333; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; background-color:#fbfaf8; border:1px solid rgba(0,0,0,.14902); background-position:initial initial; background-repeat:initial initial; }
.cm_table_wrap.table_view td.box_detail .container { display: block; position:relative; max-width:100%; margin:26px 0 20px; }
.cm_table_wrap.table_view td.box_detail .container table { display:table;  border-collapse:initial; border-spacing:0; table-layout:fixed; border:none; max-width:none; }
.cm_table_wrap.table_view td.box_detail .container table td { border:1px solid #ccc; min-width:31px; margin:0; padding:8px; box-sizing:initial; background-color:rgb(234,234,234); table-layout:fixed;  }


.cm_table_wrap.table_view .box_move { padding:10px; text-align:left; font-size:0.938rem; }
.cm_table_wrap.table_view .box_move span { display:inline-block; }
.cm_table_wrap.table_view .box_move button { display:inline-block; float:left; margin-top:2px; color:#777; font-family:'Noto Sans KR'; }
.cm_table_wrap.table_view .box_move button .im { margin:-2px 0 0 3px; font-size:80%; vertical-align:middle; }
.cm_table_wrap.table_view .box_move .tit { float:left; display:-webkit-box; width:calc(100% - 70px); height:22px; margin-left:10px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }

/*테이블 작성하기*/
.cm_table_wrap.table_write { border-top:2px solid #222; }
.cm_table_wrap.table_write td { padding:10px 20px; text-align:left; }
.cm_table_wrap.table_write td input[type="checkbox"] { vertical-align:middle; }
.cm_table_wrap.table_write td input + label { display:inline-block; margin:0px 0 0 3px; font-size:0.813rem; vertical-align:middle; }
.cm_table_wrap.table_write td span { font-size:0.813rem; }

.cm_table_wrap.bg_size span { display:inline-block; width:12px; height:12px; }
.cm_table_wrap td .im { font-size:95%; }


/*댓글 폼*/
.cm_reply_wrap {overflow:hidden; }
.cm_reply_wrap textarea { float:left; width:calc(100% - 50px); height:100%; padding:7px 10px; border:1px solid #ddd; border-radius:0; color:#999; font-size:0.813rem; line-height:22px; resize:none; }
.cm_reply_wrap input[type=submit] { -webkit-appearance:none; -webkit-border-radius:0; }
.cm_reply_wrap .cm_btn_bg { float:right; width:50px; height:100%; }

.cm_reply_wrap .cm_user_name, .cm_reply_wrap .cm_mentor_name { margin-right:7px;  }
.cm_reply_wrap .date { display:inline-block; position:relative; padding-left:11px; font-size:0.688rem; box-sizing:border-box; }
.cm_reply_wrap .date:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:12px; background:#ddd; }

.cm_reply_wrap .cm_reply_write { height:70px; padding:10px 15px; border:1px solid #ddd; border-top:2px solid #222; background:#fff; box-sizing:border-box; overflow:hidden; }

.cm_reply_wrap .box_reply_btn { width:100%; margin-top:15px; border:1px solid #ddd; background:#fff; overflow:hidden; }
.cm_reply_wrap .box_reply_btn li { float:left; height:30px; border-right:1px solid #ddd; font-size:0.813rem; line-height:30px; box-sizing:border-box; text-align:center; }
.cm_reply_wrap .box_reply_btn li:last-child { border-right:0; }
.cm_reply_wrap .box_reply_btn.num01 li{ width:100%; border-right:0; }
.cm_reply_wrap .box_reply_btn.num02 li{ width:50%; }
.cm_reply_wrap .box_reply_btn.num03 li{ width:33.33%; }

.cm_reply_wrap .cm_reply_list { border:1px solid #ddd; border-bottom:0; border-top:0; }
.cm_reply_wrap .cm_reply_list .reply_cont { position:relative; padding:15px; border-bottom:1px solid #ddd; background:#fff; }
.cm_reply_wrap .cm_reply_list .reply_cont .reply_write_info { display:block; padding-right:25px; }
.cm_reply_wrap .cm_reply_list .reply_cont.change { height:70px; padding:10px 15px; }
.cm_reply_wrap .cm_reply_list .reply_cont.reply { height:70px; padding:10px 15px; }
.cm_reply_wrap .cm_reply_list .reply_cont .reply_desc { margin-top:5px; color:#777; font-size:0.813rem; line-height:20px; }

.cm_reply_wrap .cm_reply_list .re_reply .reply_cont { background:#f8f8f8; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_user_name { display:inline-block; position:relative; padding-left:15px; color:#ff7500; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_user_name:before { display:block; content:''; position:absolute; top:3px; left:0; width:9px; height:7px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_mentor_name { display:inline-block; position:relative; padding-left:15px; color:#ff7500; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_mentor_name:before { display:block; content:''; position:absolute; top:3px; left:0; width:9px; height:7px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont.change { background:#fff; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont.reply { background:#fff; }


/*페이징*/
.cm_paging_wrap { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; height:30px; margin:30px auto 0 auto; text-align:center; }
.cm_paging_wrap .cm_pageing { display:inline-block; width:30px; height:30px; border:1px solid #ddd; background:#fff; color:#777; font-weight:600; font-size:0.938rem; line-height:30px; box-sizing:border-box; text-align:center; overflow:hidden; cursor:pointer; }
.cm_paging_wrap .cm_pageing a { display:block; }
.cm_paging_wrap .cm_pageing.btn_num { width:auto; margin:0 2px; 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 0; background:#222; color:#fff; line-height:30px; cursor:default; }
.cm_paging_wrap .cm_pageing.btn_prev { float:left; width:60px; }
.cm_paging_wrap .cm_pageing.btn_next { float:right; width:60px; }



/*필터*/
/*OD 필터*/
.cm_filter_wrap { height:auto; overflow:hidden; }
.cm_filter_wrap.line01 .box_filter { width:100%; height:40px; padding:0 10px 0 15px; border-radius:5px; border:1px solid #ddd; line-height:38px; white-space:nowrap; overflow:hidden; cursor:pointer; }
.cm_filter_wrap.line01 .box_filter .im { margin-top:1px; color:#777; font-size:80%; vertical-align:middle; }
.cm_filter_wrap.line01 .box_filter .im.on { color:#222; }
.cm_filter_wrap.line01 .box_filter .im.im-angle-right { float:right; color:#ccc; font-size:95%; margin-top:14px; }
.cm_filter_wrap.line01 .box_filter .txt { display:inline-block; width:calc(100% - 45px); height:38px; margin:-5px 0 0 5px; color:#777; text-overflow:ellipsis; vertical-align:middle; line-height:42px; overflow:hidden; }
.cm_filter_wrap.line01 .box_filter .txt.on { color:#222; } 
        
/*마이페이지 필터*/
.cm_filter_wrap.line02 { height:40px; padding:0 15px; font-size:0.813rem; border:1px solid #ddd; border-left:0; border-right:0; line-height:40px; white-space:nowrap; }
.cm_filter_wrap.line02 .txt { display:block; float:left; width:calc(100% - 30px); color:#777; text-overflow:ellipsis; box-sizing:border-box; overflow:hidden; }
.cm_filter_wrap.line02 .ic_filter { display:block; float:right; width:20px; height:25px; margin-top:10px; background:url('/images/common/ic_filter.png') no-repeat; background-size:20px auto; }

/*팝업 필터*/
.cm_filter_wrap.block01 { width:100%; }
.cm_filter_wrap.block01 .cm_form.select { float:left; width:50%; border-left:0; border-right:0; margin-bottom:10px; }
.cm_filter_wrap.block01 .cm_form.select:first-child { border-right:1px solid #ddd; }
.cm_filter_wrap.block01 .btn_filter { width:calc(100% - 20px); height:45px; margin:0px auto; border-radius:10px; color:#555; font-size:0.938rem; font-weight:500; line-height:43px; text-align:center; clear:both; }
.cm_filter_popup .tit { display:inline-block; width:100%; margin:30px 0 13px 0; font-weight:500; font-size:0.938rem; }
.cm_filter_popup .box_desc { overflow:hidden; }
.cm_filter_popup .box_desc input { display:none;}
.cm_filter_popup .box_desc input + label{ display:block; float:left; height:35px; padding:0 !important; border:1px solid #ddd; border-radius:5px; color:#222; font-size:0.938rem; line-height:33px !important; text-align:center; box-sizing:border-box; overflow:hidden; }
.cm_filter_popup .box_desc input + label:before { display:none !important; }
.cm_filter_popup .box_desc input[type='checkbox']:checked + label{ border:1px solid #ff7500; }
.cm_filter_popup .box_desc input[type='radio']:checked + label{ border:1px solid #ff7500; }

.cm_filter_popup .box_desc .cm_form_wrap { height:auto; }
.cm_filter_popup .box_desc .cm_form_wrap input { display:block; }
.cm_filter_popup .box_desc .cm_form.select { background-position-x:95%; }

.cm_filter_popup .box_desc.num01 input + label { width:100%; margin:0 0 10px 0;}
.cm_filter_popup .box_desc.num02 input + label { width:calc(50% - 5px); margin:0 10px 10px 0;}
.cm_filter_popup .box_desc.num02 input + label:nth-of-type(2n) { margin-right:0;}
.cm_filter_popup .box_desc.num03 input + label{ width:calc(33.3% - 7px); margin-right:10px; }
.cm_filter_popup .box_desc.num04 input + label { width:calc(25% - 8px); margin-right:10px;}

.cm_filter_popup .box_desc.range input[type=text] { display:block; float:left; width:calc(50% - 10px); border:1px solid #ddd; border-radius:5px; color:#222; font-size:0.938rem; line-height:33px; text-align:center; box-sizing:border-box; overflow:hidden; }
.cm_filter_popup .box_desc.range input::-webkit-input-placeholder { color:#222; }
.cm_filter_popup .box_desc.range input:-ms-input-placeholder { color:#222; }
.cm_filter_popup .box_desc.range span { display:block; float:left; width:20px; text-align:center; line-height:35px; overflow:hidden; }

.cm_filter_popup .box_desc.stock_type .box_btn_filter { overflow:hidden; }
.cm_filter_popup .box_desc.stock_type .box_btn_desc { margin-top:5px; overflow:hidden; }
.cm_filter_popup .box_desc.stock_type .box_btn_desc span { display:block; float:left; width:calc(25% - 8px); margin-right:10px; color:#999; font-size:0.688rem; line-height:13px; text-align:center; }
.cm_filter_popup .box_desc.stock_type .box_btn_desc span:last-of-type { margin-right:0; }

.cm_filter_popup .box_desc input[type='checkbox'] + label:last-of-type { margin:0; }

.cm_filter_popup .box_btn  { position:relative; left:0; bottom:0; width:100%; margin:15px 0 25px 0; overflow:hidden; }
.cm_filter_popup .box_btn .cm_btn_bg { float:left; width:calc(50% - 5px); height:40px; font-weight:500; }
.cm_filter_popup .box_btn .cm_btn_bg.btn_reset { margin-right:10px; border:1px solid #ddd; }


/*배너*/
/*이미지 배너*/
.cm_bn { position:relative; width:100%; height:auto; overflow:hidden; }
.cm_bn .cm_bn_img { display:block; width:100%; }

/*시즌 띠배너*/
.cm_bn_season { position:relative; height:auto; overflow:hidden; }
.cm_bn_season img { display:block; width:100%; height:auto; z-index:1; }
.cm_bn_season a { position:absolute; top:0; right:0; width:10%; height:100%; background:#222; opacity:0; z-index:2; }

/*이미지 슬라이드 배너*/
.cm_bn_slide { position:relative; width:100%; height:auto; overflow:hidden; z-index:9;}
.cm_bn_slide .cm_bn_list{ float:left; overflow:hidden; }
.cm_bn_slide .cm_bn_list img { display:block; width:100%; }

/*배너 갯수 카운팅, 전체보기*/
.cm_slide_num { position:absolute; bottom:0; right:0; width:auto; z-index:10;}
.cm_slide_num .slide_num { display:block; float:left; width:35px; height:8%; background:rgba(0, 0, 0, 0.2); color:#fff; font-size:0.688rem; text-align:center; vertical-align:middle; overflow:hidden; }
.cm_slide_num .btn_all { float:left; width:60px; height:8%; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:0.688rem; text-align:center; vertical-align:middle; overflow:hidden; }


/*이용후기 슬라이드*/
.cm_reply_slide { position:relative; width:100%; height:230px; overflow:hidden; z-index:9; }
.cm_reply_slide .cm_reply_list { float:left; width:100%; height:215px; margin:0 10px; overflow:hidden; }
.cm_reply_slide .cm_reply_list a { display:block; width:100%; height:100%; }
.cm_reply_slide .box_reply { height:178px; padding:15px; border:1px solid #ededed; border-radius:10px; box-sizing:border-box; overflow:hidden; }
.cm_reply_slide .box_reply .tit { position:relative; height:60px; border-radius:10px; background:#f8f8f8; }
.cm_reply_slide .box_reply .tit span { display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; max-height:60px; padding:0 15px; font-size:0.938rem; text-align:center; line-height:23px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden; }
.cm_reply_slide .box_reply .desc { position:relative; height:40px; margin-top:15px; color:#777; font-size:0.813rem; line-height:20px; text-align:center; vertical-align:middle; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.cm_reply_slide .box_reply .txt { display:block; margin-top:12px; font-size:0.813rem; font-weight:500; text-align:center; }
.cm_reply_slide .box_reply .txt strong { margin-right:3px; color:#ff7500; font-weight:500; }
.cm_reply_slide .cm_user_name { display:block; width:auto; margin-top:10px; color:#777; font-size:0.813rem; overflow:hidden; }

/*이용후기 슬라이드 slick 스타일 변경*/
.cm_reply_slide .slick-dots { display:inline-block; position:absolute; left:50%; bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:15px; padding:0; margin:0; border:0; z-index:10; }
.cm_reply_slide .slick-dots > li { display:inline-block; width:auto; height:auto; margin:0 3px; }
.cm_reply_slide .slick-dots > li.slick-active button { border:1px solid #ff7500; background-color:#ff7500; }
.cm_reply_slide .slick-dots > li button { display:inline-block; width:10px; height:10px; border-radius:50%; border:1px solid #ddd; background-color:#ddd; line-height:10px; }
.cm_reply_slide .slick-dots > li button:before { display:none; }

.cm_reply_slide.style02 { height:auto; margin:0; }
.cm_reply_slide.style02 .cm_reply_list { width:100%; height:333px !important; padding:0; margin:0; margin-left:5px; border:0; background:#f8f8f8; overflow:hidden; }
.cm_reply_slide.style02 .cm_reply_list a { display:block; width:100%; height:100%; }
.cm_reply_slide.style02 .cm_reply_list:first-child { margin-left:0; }
.cm_reply_slide.style02 .cm_reply_list .cm_thumb_wrap { height:185px; border-radius:0; }
.cm_reply_slide.style02 .cm_reply_list .cm_thumb_wrap img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; height:auto; }
.cm_reply_slide.style02 .cm_reply_list .box_desc { height:auto; padding:15px; }
.cm_reply_slide.style02 .cm_reply_list .cm_mentor_name, .cm_reply_slide.style02 .cm_reply_list .cm_user_name { display:inline-block; margin-top:0; font-size:0.813rem; line-height:20px; vertical-align:middle; }
.cm_reply_slide.style02 .cm_reply_list .cm_mentor_name + .date ,.cm_reply_slide.style02 .cm_reply_list .cm_user_name + .date { display:inline-block; position:relative; padding-left:10px; margin-left:10px; color:#999; font-size:0.813rem; line-height:20px; vertical-align:middle; }
.cm_reply_slide.style02 .cm_reply_list .cm_mentor_name + .date:before ,.cm_reply_slide.style02 .cm_reply_list .cm_user_name + .date:before { display:block; content:''; position:absolute; top:4px; left:0; width:1px; height:13px; background:#ddd; }

.cm_reply_slide.style02 .cm_reply_list .cm_txt_15 { display:-webkit-box; height:22px; line-height:22px; font-weight:600; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.cm_reply_slide.style02 .cm_reply_list .cm_xsmtxt { display:-webkit-box;  height:48px; margin-top:8px; padding-top:8px; border-top:1px solid #ddd; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }

.cm_reply_arrow .box_arrow { position:absolute; top:0; right:0;  width:47px; height:24px; border:1px solid #ddd; overflow:hidden; }
.cm_reply_arrow .box_arrow li { float:left; position:relative; width:50%; height:24px; cursor:pointer; }
.cm_reply_arrow .box_arrow li.btn_left { border-right:1px solid #ddd; }
.cm_reply_arrow .box_arrow li .a { display:block; }
.cm_reply_arrow .box_arrow li .im { position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:80%; }


/*콘텐츠 슬라이드*/
.cm_cont_slide { height:auto; overflow:hidden; }
.cm_cont_slide .cm_mentor_name { font-size:0.938rem; }
.cm_cont_slide .box_info .txt { font-size:0.938rem;  line-height:24px; }
.cm_cont_slide .box_info .txt small { font-size:0.938rem; }
.cm_cont_slide .cm_cont_list { position:relative; float:left; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden }
        

/*게이지*/
.cm_gauge_bar { position:relative; padding:15px 0 0 0; overflow:hidden; }
.cm_gauge_bar .box_gauge { width:100%; height:4px; background:#ededed; }
.cm_gauge_bar .box_gauge .bar { width:50%; height:4px; background:#029e6e; }
.cm_gauge_bar .box_data { position:relative; height:auto; margin-top:10px; overflow:hidden; }
.cm_gauge_bar .box_data .dday { display:block; float:left; color:#777; font-size:75%; line-height:17px; vertical-align:bottom !important;  text-align:left; }
.cm_gauge_bar .box_data .data { display:block; float:right; height:auto!important; margin:0 !important; color:#777; font-size:75%; line-height:17px; text-align:right; }
.cm_gauge_bar .box_data .data strong { padding:0 1px; margin:0 0 0 6px!important; color:#029e6e; font-size:140%; line-height:17px; vertical-align:bottom !important; }
.cm_gauge_bar .ic { display:none; position:absolute; }
.cm_gauge_bar .ic.ic_01 { display:block; top:2px; right:0; width:18px; height:21px; background:url('/images/common/ic_gauge_01.png') no-repeat; background-size:contain; }
.cm_gauge_bar .ic.ic_02 { display:block; top:7px; width:9px; height:9px; background:url('/images/common/ic_gauge_02.png') no-repeat; background-size:contain; }


/*툴팁*/
.cm_tooltip_desc { display:none; position:absolute; top:0; left:40px; padding:15px; border-radius:10px; background-color:rgba( 000, 000, 000, 0.8 ); color:#fff; box-sizing:border-box; text-align:left; z-index:1001;}
.cm_tooltip_desc h5{ height:auto; font-size:0.938rem; font-weight:500; line-height:22px; overflow:hidden; }
.cm_tooltip_desc .tooltip_article{ display:block; width:100%; height:auto; margin-top:15px; margin-left:5px; }
.cm_tooltip_desc .tooltip_article li{ color: #fff; display:block; position:relative; width:100%; height:auto; min-height:16px; padding-left:10px; font-size:0.688rem; line-height:16px; word-break:keep-all;  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_contents_info { width:100%; padding:20px; margin:0 auto; border-radius:10px; background:#f8f8f8; font-size:0.938rem; box-sizing:border-box; }
.cm_contents_info .txt { display:inline-block; width:100%; line-height:20px; }
.cm_contents_info .bull { display:inline-block; position:relative; width:100%; padding-left:10px; line-height:20px; overflow:hidden; }
.cm_contents_info .bull:before { display:block; content:'-'; position:absolute; top:1px; left:0;  font-family:'Noto Sans KR'; }


/*정보 상세*/
.cm_info_desc { overflow:hidden; }
.cm_info_desc .info_desc_txt { width:100%; height:auto; margin-top:5px; overflow:hidden; }
.cm_info_desc .info_desc_txt:first-child { margin-top:0; }
.cm_info_desc  span { display:block; float:left; position:relative; font-size:0.813rem; vertical-align:middle; overflow:hidden; }
.cm_info_desc.cancel .info_desc_txt span:nth-child(2) { text-decoration:line-through; }
.cm_info_desc .tit { width:100px; }
.cm_info_desc .txt { width:calc(100% - 120px); margin:0 0 0 20px; text-align:right; }
.cm_info_desc .bull { padding-left:10px; }
.cm_info_desc .bull::before { display:block; content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#222; vertical-align:middle; }


/*sns버튼*/
.cm_btn_sns { overflow:hidden; }
/*.cm_btn_sns li { float:left; position:relative; width:calc(25% - 6px); height:45px; margin-right:7px; border:1px solid #ddd; border-radius:5px; background:#f4f4f4; overflow:hidden; }*/
.cm_btn_sns li { float:left; position:relative; width:calc(25% - 7.5px); height:40px; margin-right:10px; border:1px solid #ddd; border-radius:5px; background:#fff; overflow:hidden; }
.cm_btn_sns li:last-child { margin-right:0; }
.cm_btn_sns li:active { background-color: #f8f8f8; }
.cm_btn_sns li a { display:block; width:100%; height:auto; }
.cm_btn_sns li.finup { border-color:#2e2e72; background:#2e2e72; }
.cm_btn_sns li.naver { border-color:#5ab722; background:#5ab722; }
.cm_btn_sns li.google { border-color:#ddd; background:#fff; }
.cm_btn_sns li.facebook { border-color:#3b5997; background:#3b5997; }
.cm_btn_sns li.apple { border-color:#222; background:#222; }

.cm_btn_sns li .ic_brand { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%,-50%); width:22px; height:22px; }
.cm_btn_sns li img { display:block; width:100%; height:auto; margin:0 auto; }

.cm_btn_sns.circle { padding:0 45px; }
.cm_btn_sns.circle li { width:calc(25% - 12px); height:auto; margin-right:15px; border:0 !important; border-radius:50%; overflow:hidden; }
.cm_btn_sns.circle li:last-child { margin-right:0; }


/*팝업*/
.cm_popup_wrap { position:fixed; top:0 !important; left:0; width:100%; height:100%; padding:0 10px; z-index:20; }
.cm_popup_wrap.bg { background:rgba(000,000,000,0.8); }
.cm_popup_wrap.bg > .btn_close { position:absolute; right:15px; top:15px; width:25px; height:25px; color:#fff; text-align:center; }
.cm_popup_wrap.bg > .btn_close .im { font-size:110%; line-height:25px; }

.cm_popup_wrap > .bg { position:absolute; width:100%; height:100%;  background:rgba(000,000,000,0.8); z-index:9; }

.cm_popup_wrap .popup_img { display:block; position:absolute; top:40px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);  width:calc(100% - 30px); max-width:480px; max-height:70vh; overflow-y:auto; }
.cm_popup_wrap .popup_img img { display:block; width:100%; height:auto; z-index:1; }

.cm_popup_wrap .popup_player { display:block; position:absolute; top:40%; left:0; transform:translateY(-40%); -webkit-transform:translateY(-40%); width:100%; height:auto; box-sizing:border-box;  }
.cm_popup_wrap .popup_player .txt_noti { height:35px; margin:10px 0 0 -5px; background:#000; color:#fff; line-height:35px; vertical-align:middle; text-align:center; letter-spacing:0; }

.cm_popup_wrap .popup_wrap { position:absolute; top:30px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:calc(100% - 30px); max-width:480px; height:auto; padding:16px; background:#fff; border-radius:8px; overflow:hidden; }
.cm_popup_wrap .popup_wrap .popup_top { position:relative; height:auto; padding:0 30px 10px 0; border-bottom:2px solid #222; font-size:1.125rem; line-height:26px; font-weight:600; word-break:keep-all; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close {display:block; position:absolute; top:0; right:0; width:24px; height:24px; background:url('/images/common/ic-close.png') no-repeat; background-size:cover;  }
.cm_popup_wrap .popup_wrap .popup_top .btn_close .im { display:none; font-size:90%; vertical-align:top; }

.cm_popup_wrap .popup_wrap .popup_desc { width:100%; max-height:55vh; overflow:hidden; overflow-y:auto; word-break:keep-all; }
.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; font-size:0.938rem; font-weight:600; margin:0 0 10px 0; line-height:22px;}
.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:0.813rem; line-height:20px; }

.cm_popup_wrap .popup_wrap .popup_desc .popup_info { padding:10px; margin-top:20px; background-color:#f2f4f7; }
.cm_popup_wrap .popup_wrap .popup_desc .popup_info .cm_txt { margin-bottom:5px; }
.cm_popup_wrap .popup_wrap .popup_desc .popup_info .cm_xsmtxt.cm_color_red { margin-top:10px; }

.cm_popup_wrap .popup_wrap .popup_btn { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px; width:100%; overflow:hidden; }
.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 { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; border-radius:5px; line-height:45px; }
.cm_popup_wrap .popup_wrap .cm_btn_line { border-radius:5px; font-size:0.938rem; text-align:center; }
.cm_popup_wrap .popup_wrap .cm_btn_bg { border-radius:5px; font-size:0.938rem; text-align:center; }
.cm_popup_wrap .popup_wrap .btn_reset { width:calc(50% - 5px); height:45px; border:1px solid #ddd; background-color:#fff; color:#222; font-weight:600; font-size:0.938rem; line-height:44px; }
.cm_popup_wrap .popup_wrap .btn_submit { width:calc(50% - 5px); height:45px; font-weight:600; font-size:0.938rem; line-height:45px; }

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

.cm_popup_wrap .popup_wrap input[type=radio] { display:none;}
.cm_popup_wrap .popup_wrap input[type=radio] + label { display:block; position:relative;  padding-left:21px; margin:5px 0; font-size:0.813rem; line-height:20px; vertical-align:middle; box-sizing:border-box; }
.cm_popup_wrap .popup_wrap input[type=radio] + label:before { display:block; content:''; position:absolute; top:2px; left:0; width:16px; height:16px; background:url('/images/common/ic_radio.png') no-repeat 0 0; background-size:100% auto; }
.cm_popup_wrap .popup_wrap input[type=radio]:checked + label:before { background-position:0 -16px !important; }

.cm_popup_wrap .popup_wrap input[type=checkbox] { display:none; }
.cm_popup_wrap .popup_wrap input[type=checkbox] + label { display:inline-block; position:relative; padding-left:21px; font-size:0.813rem; line-height:20px; vertical-align:middle; box-sizing:border-box; }
.cm_popup_wrap .popup_wrap input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:2px; left:0; width:16px; height:16px; background:url('/images/common/ic_checkbox.jpg') no-repeat 0 0; background-size:100% auto; }
.cm_popup_wrap .popup_wrap input[type=checkbox]:checked + label:before { background-position:0 -16px !important; }

.cm_popup_wrap .popup_wrap.toast { top:auto; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; max-width:480px; max-height:calc(100vh - 60px); padding:0; padding-bottom:30px; border-radius:20px 20px 0 0;  z-index:10; }
.cm_popup_wrap .popup_wrap.toast .popup_top { position:relative; height:60px; padding:17px 59px 17px 20px; border-bottom:1px solid #ddd; font-size:1.125rem; font-weight:700; line-height:26px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.toast .popup_top .btn_close { top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.cm_popup_wrap .popup_wrap.toast .popup_desc { display:inline-block; position:relative; padding:1px 15px; width:100%; height:auto; max-height:calc(100vh - 171px); margin-top:20px; overflow-y:auto; }

.cm_popup_wrap .popup_wrap.ad { bottom:60px; padding-bottom:20px; padding-top:0; }
.cm_popup_wrap .popup_wrap.ad .box_count { padding:0 20px; margin-top:20px; margin-bottom:5px; text-align:right; }

.cm_popup_wrap .popup_wrap.ad .box_img { position:relative; width:100%; padding:0 10px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.ad .box_img li { float:left; width:calc(100% - 40px); margin:0 10px; border-radius:15px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.ad .box_img li a { display:block; width:100%; }
.cm_popup_wrap .popup_wrap.ad .box_img li img { display:block; width:100%; height:auto; }

.cm_popup_wrap .popup_wrap.ad .box_close  { padding:0 20px; margin-top:10px }
.cm_popup_wrap .popup_wrap.ad .box_close li { float:left; }
.cm_popup_wrap .popup_wrap.ad .box_close li:last-of-type { float:right; }
.cm_popup_wrap .popup_wrap.ad .box_close li:last-of-type .im { font-size:90%; line-height:19px; vertical-align:middle; }


/*홍보/공지/안내 레이어 팝업(N일 동안 보지 않기/ 닫기)*/
.cm_popup_noti { position:absolute; top:30px; left:5%; width:90%; box-shadow:0 0 7px #666; overflow:hidden; z-index:99; }
.cm_popup_noti img { display:block; width:100%; }
.cm_popup_noti .box_close { height:40px; padding:0 15px; line-height:40px; background:#262626; color:#ccc; font-family:'Noto Sans KR'!important; font-size:0.813rem; 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:20px; height:20px;}
.cm_popup_noti .box_close li input[type=checkbox] + label { cursor:pointer; vertical-align:middle; }
.cm_popup_noti .box_close li.btn_close {max-width:50px; float:right;}
.cm_popup_noti .box_close li.btn_close a {color:#ccc;}



/*달력 > jquery-ui.min.css 커스터마이징*/
#ui-datepicker-div.ui-widget-content { padding:10px; border:1px solid #ccc; border-radius:5px; font-family:'Noto Sans KR'; }
#ui-datepicker-div.ui-widget-content .ui-widget-header { padding-bottom:5px; border:0; border-radius:0; border-bottom:2px solid #222; background:#fff; }
#ui-datepicker-div.ui-widget-content .ui-widget-header select.ui-datepicker-year,#ui-datepicker-div.ui-widget-content .ui-widget-header select.ui-datepicker-month { width:40%; padding:0 12px; margin-right:6px; border:1px solid #ccc; font-family:'Noto Sans KR'; font-weight:700; }
#ui-datepicker-div.ui-widget-content .ui-widget-header select.ui-datepicker-month { width:38%; margin-left:10px; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-year { font-family:'Noto Sans KR'; font-weight:700; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-month { font-family:'Noto Sans KR'; font-weight:700; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-prev { top:3px; left:5px; opacity:1; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-prev:hover { border:1px solid #ddd; background:transparent!important; border-radius:5px; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-next { top:3px; right:5px; opacity:1; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-next:hover { border:1px solid #ddd; background:transparent!important; border-radius:5px; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-icon { opacity:0.35; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar { border-collapse:collapse; border-spacing:0; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td { padding:0; border:1px solid #ddd; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td .ui-state-default { display:block; border:0; background:#fff;  font-family:'Noto Sans KR'; font-weight:500; text-align:center; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td .ui-state-default.ui-state-highlight { background:#222; color:#fff!important; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td .ui-state-default.ui-state-active { border:1px solid #222; border:1px solid #222; color:#222; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td.ui-state-disabled { background:#ededed; opacity:1; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar .ui-state-default.ui-priority-secondary { background:#ededed; color:#ccc; opacity:1; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td.ui-state-disabled .ui-state-default { background:transparent; color:#ccc !important; }