@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;box-sizing:border-box; -webkit-tap-highlight-color: transparent;}
html {font-size:62.5%;line-height:normal;margin: 0;-webkit-touch-callout:none;}
body {font-size:1.3rem;line-height:1.4;background:#000000; margin: 0;}
html, body {height:100%; min-height:100%}
html, body, input, textarea, select, button{line-height:1.8rem; letter-spacing: -0.0px;font-family: 'Noto Sans KR', sans-serif,'arial';color: #FFFFFF;word-break:break-all;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
div, span {line-height:1.8rem}
ul, ol {list-style:none}
a {text-decoration:none;color:#A267EE;}
a:hover, a:active, a:focus {text-decoration:none}
table {width:100%;border-collapse:collapse;border-spacing:0; font-size: 1.3rem !important;/*table-layout:fixed*/}



img, fieldset {border:0}
img, input, select, textarea, button, label {vertical-align:middle}
em, address {font-style:normal}
strong {font-weight:700;font-family: 'Noto Sans KR', sans-serif}

/* 2020.02.23 안드로이드, 버튼 클릭시 파란색 영역삭제 -webkit-tap-highlight-color: transparent; 코드를 button과 inpu, textarea, button 에 추가*/
input, textarea, button {box-sizing:border-box;border-radius:0;/*-webkit-appearance:none;*/border-radius:0;border:0 none;box-shadow:0;-webkit-tap-highlight-color: transparent;}
input::-webkit-input-placeholder {color:#b4b4b4}
button {padding:0;border:0;background-color:transparent;cursor:pointer; -webkit-tap-highlight-color: transparent;}
button:disabled {background:#C8CBD5;color:#999; -webkit-tap-highlight-color: transparent;}
.blind {display:block;overflow:hidden;position:absolute;width:1px !important;height:1px;font-size:1px;color:transparent;opacity:0}
caption, legend {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.none {display:none;visibility:hidden}
hr {display:none}
.fl {float:left !important}
.fr {float:right !important}
.u_line {text-decoration: underline !important}
.al {text-align: left !important}
.ar {text-align: right !important}
.ac {text-align: center !important}


/*common*/
.search_box {background-color: #F5F5F9; border-radius:2.5rem; height:4.8rem}
.ipt_txt {border-bottom:1px solid #333743; padding:0; position: relative}
.ipt_txt.on {border-bottom:1px solid #FFFFFF}
.ipt_sel {padding:0; margin-bottom:1.2rem} 
input {border: 0px solid #b1b1b1;color: #FFFFFF; height: 4.4rem; width:100%;font-size:1.6rem;padding-left:0;margin-left:0}
input:focus, select:focus, button:focus, textarea:focus {outline:none}

input::placeholder {color: #979797; font-weight: 400; }
.ipt_col {padding:0rem 0 0rem 0}
.ipt_col:after {clear:both; content:''; display:block}
.ipt_col div:last-child {margin-right:0rem}
.ipt_col div {float:left; margin-right:5%} 
input[type=password] {color:#C8C8C8; font-size:1.6rem; letter-spacing:.1rem}
.ipt_btn input {width:calc(100% - 90px)}
.ipt_btn .btn {position:absolute; right:0; bottom:.4rem}
.ipt_btn .btn .btn_m {color:#fff;width:86px; height:28px; border-radius:6px; background:#B4B4B4 }
.btn_out {margin-top:2rem;color:#DB67EE; font-size:1.4rem; float:right; margin-right:2rem; position: relative;}
.btn_out:after{
	content:'';
    background: url(../img/btn-arrow.png) no-repeat 1rem .5rem;
    display: block;
    position: absolute;
    right: -1.6rem;
    width: 2rem;
    height: 2rem; 
    text-indent: -100px;
    overflow: hidden;
	background-size: .8rem auto;
	top:-.2rem
}
/*브라우저 자동입력시 필드컬러 변경되는 이슈처리*/
input:-internal-autofill-selected {
    background-color: -internal-light-dark(rgb(232, 240, 254, 0), rgba(70, 90, 126, 0)) !important;
    color: #ffffff !important;
}



/* Margin,Padding*/
.mt0 {margin-top:0rem !important}
.mt48 {margin-top:4.8rem !important}
.mt24 {margin-top:2.4rem !important}
.mt12 {margin-top:1.2rem !important}
.mt10 {margin-top:1rem !important}
.mt15 {margin-top:1.5rem !important}
.mt16 {margin-top:1.6rem !important}
.mt20 {margin-top:2rem !important}
.mt30 {margin-top:3rem !important}
.mt40 {margin-top:4rem !important}
.mt50 {margin-top:5rem !important}
.mt60 {margin-top:6rem !important}
.mt-5 {margin-top:.5rem !important}
.mt-10 {margin-top:-1rem !important}
.mt-20 {margin-top:-2rem !important}
.mt-15 {margin-top:-1.5rem !important}
.mb-10 {margin-bottom:-1rem !important}
.mb0 {margin-bottom:0rem !important}
.mb5 {margin-bottom:.5rem !important}
.mb10 {margin-bottom:1rem !important}





/* dim */
.dim {position: fixed; width:100%; height:100%; background: #000; top:0; z-index: 20; opacity: 0.7}
.transparentLayer {position: fixed !important;top: 0;width: 100%;height: 100%;overflow: hidden; z-index: 999}
.layer_center {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display: block; background:none; margin:0}
.layer_center .content {display:inline-block;vertical-align:middle;position:relative;width: 78%;background: #FFFFFF; border-radius:.6rem; padding:2rem 2rem 2.4rem 2rem}
.layer_center .content .txt {min-height:4rem;font-size: 1.4rem;line-height:2.6rem;text-align: center;letter-spacing: -0.6px;color: #323232; mix-blend-mode: normal;padding-top:2rem; font-weight: 500;}
.layer_center .content .txt .txt_m {font-size:1.6rem; display: block; padding-bottom:1.2rem}
.layer_center .content .txt .txt_s {font-size:1.2rem; color: #969696;line-height:1.8rem}
.layer_center .content .txt .txt_m .f_point2 {font-family: 'Roboto', sans-serif}
.layer_center .content .title {border-bottom:.1rem solid #F0F0F0; padding-bottom:2rem; font-size:1.6rem; line-height: 2rem;}
.layer_center .content .btn_area {display: block;margin-top:2rem}
.layer_center .content .btn_area button {min-width:16rem}
.layer_center .content .btn_area.col2 {display: flex}
.layer_center .content .btn_area.col2 button { flex: 1;min-width:10rem}
.layer_center .chk-area {margin-left:-2rem;position: absolute; width:100%}
.layer_center .chk-area .ip_chk {float:left}
.layer_center .chk-area .ip_chk label {font-size:1.4rem; color:#fff; font-weight:100; line-height: 1.8rem}
.layer_center .chk-area input[type="checkbox"] + label:before {background: url(../img/form_set.png) no-repeat -8.5rem .8rem; background-size: 14rem auto}
.layer_center .chk-area input:checked + label:before {background: url(../img/form_set.png) no-repeat 0rem -2.4rem; background-size: 14rem auto}
.layer_center .chk-area button {background: url(../img/form_set.png) no-repeat -11rem 1rem;float:right;width:3rem; height:3rem; text-indent: -100px; overflow: hidden;background-size: 14rem auto}
.layer_center .chk-area._top {top:-4rem}
.layer_center .chk-area._bottom {bottom:-3rem}
.toast_pop {width:100%; position:fixed;bottom:1rem; padding:2rem}
.toast_pop .msg_box {line-height:2rem; background: #000000;opacity: 0.6;border-radius:1.2rem;color:#fff; padding:2rem; text-align:center}
.layer_center .blank {display:inline-block; width:0; height:100%; vertical-align:middle}​
.ipt_col._phone .ipt_sel {width:100px}
.ipt_col._phone .ipt_txt {margin-right:0; width: calc(100% - 230px)}
.ipt_col._phone .btn {margin:10px 0px 0px 10px; width:90px;float:right}

.ipt_col._id .ipt_txt {width:calc(100% - 100px); margin-right:0}
.ipt_col._id .btn {width:90px;margin:10px 0px 0px 10px; float:right}

.ipt_col._attach .ipt_txt {padding-top:1rem; font-size:1.2rem;color: #969696;width:calc(100% - 100px); margin-right:0; border:0}
.ipt_col._attach .btn {width:90px;margin:10px 0px 0px 10px; float:right}
.ipt_textarea {margin-top:1.6rem; border-bottom:1px solid #333743; padding:0; position: relative}
.ipt_textarea.on {border-bottom:1px solid #ffffff; }
textarea {padding-top:1rem; border: 0px solid #b1b1b1;color: #ffffff; height: 12rem;  width: 100%;font-size: 1.6rem;  padding-left: 0;resize: none}
textarea::placeholder {color: #979797; font-weight:400}
.ipt_txt._pw {border-bottom:.2rem solid #323232; position: relative}
.ipt_txt._pw .btn_clear {background: #fff url('../img/btn_clear.png') no-repeat 0.5rem;width:24px; height:24px;position: absolute; right:0rem;bottom:.8rem; background-size: 1.6rem auto}
.ipt_txt._pw input[type=password] {color:#323232}

.ipt_txt.ipt_pr { position: relative}
.ipt_txt.ipt_pr .btn_clear {background: #fff url('../img/btn_clear_d.png') no-repeat 0.5rem;width:24px; height:24px;position: absolute; right:0rem;bottom:.8rem; background-size: 1.6rem}

.ipt_txt.ipt_pr.active {border-bottom:.2rem solid #323232; position: relative}
.ipt_txt.ipt_pr.active .btn_clear  {background: #fff url('../img/btn_clear.png') no-repeat 0.5rem;width:24px; height:24px;position: absolute; right:0rem;bottom:.8rem;background-size: 1.6rem auto}
.ipt_txt.ipt_pr.active input {font-family: 'Roboto', sans-serif;;font-weight: 500;font-size: 2rem}
.ipt_col._email .ipt_txt {width:calc(50% - 20px); margin-right:0}
.ipt_col._email .w40 {width:40px;color: #969696;margin-top:20px;margin-right:0; text-align: center}
.ipt_col._email .ipt_sel {width:calc(50% - 20px);margin-right:0}
.w65p {width:65%}
.w10p {width:10%}
.w15p {width:15%}
.w30p {width:30%}
.w40p {width:40%}
.w45p {width:45%}
.w50p {width:50%}
select {
    padding: 0 0.5rem;
    border: 0px solid #b1b1b1;
    border-bottom:1px solid #333743;
    height: 4.4rem;
    line-height:1.6rem;
    width:100%;
    font-size:1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../img/ic24_down_w.svg') no-repeat;
    background-position: right;
    color: #ffffff;
    background-size:2.4rem auto ;
    border-radius: 0rem;
    background-color: #1D1B28;
}
 select::-ms-expand {
 display: none;
}
select.selected {color: #323232}

.ipt_rdo {padding:1.2rem 0 .8rem 0}
.ipt_rdo span {padding-right:1.5rem}

input[type="radio"] {
  position: absolute;
  display: none;
  opacity: 0;
}
input[type="radio"] + label:before {
  content: '';
  display: inline-block;
  position: relative;
  top: .6rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-right:.6rem;
  background: url(../img/form_set.png) no-repeat -2.7rem 0rem;
  background-size: 14rem auto;
}
input[type="radio"]:checked + label:before {
  background: url(../img/form_set.png) no-repeat 0 0;
  background-size: 14rem auto;
}

.ipt_chk span {padding-right:2rem}
.ip_chk {position: relative; margin-top:1.2rem}
.ip_chk input {position: absolute !important}
.ip_chk label {display: inline-block;vertical-align: top; vertical-align: top !important}

input[type="checkbox"] {
  position: absolute;
  display: none;
  opacity: 0;
}
input[type="checkbox"] + label, input[type="radio"] + label {
  vertical-align: middle;
    cursor: pointer;
    font-size:1.6rem;
    color:#828282;;
}
input[type="checkbox"] + label {color:#969696; font-size:1.2rem;line-height:1.8rem; margin-left:2.8rem}
input[type="checkbox"] + label:before {
  position: absolute;
  content: '';
  display: block;
  top: -1rem;
  left:.1rem;
  width: 2.4rem;
  height: 3rem;
  margin-right: 3px;
   background: url(../img/form_set.png) no-repeat -3rem -2.4rem;
   background-size: 14rem auto;
}
input[type="checkbox"]:disabled + label:before {background: url(../img/form_set.png) no-repeat -3rem -2.4rem;background-size: 14rem auto}
input:checked + label:before {background: url(../img/form_set.png) no-repeat 0rem -2.4rem;background-size: 14rem auto}
.btn_calendar {background: url(../img/btn_calendar.png) no-repeat .1rem 0rem; top:1.5rem;right:0;position: absolute; width:2.4rem; height:2.4rem; text-indent: -100px; overflow: hidden;background-size: 2.4rem auto}
.hr {background: #F5F5F9;height: 8px; margin:3.2rem -2rem 1.7rem -2rem}
.hr:after, .hr_line:after {clear: both; content: ''; display: block}
.hr_line  {background: #F5F5F9;height: 1px; margin:3.2rem -2rem 1.7rem -2rem}
.hr_line2  {background: #F5F5F9;height: 1px; margin:3rem 0 0 0}

.clearfix:after{clear: both; content: ''; display: block}
.con_txt {font-size:1.6rem;line-height:4.4rem;color: #969696;height: 4.4rem}

/*table*/
.tbl_St1 {border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.tbl_St1 th, .tbl_St1 td {font-weight: normal}
.tbl_St1 th {text-align:center; color: #969696;background:#f8f8f8; height:4.4rem;font-size:1.3rem;line-height: 2rem;}
.tbl_St1 th span {position: relative;display:block;}
.tbl_St1 th span:before {position: absolute;content: '';display: inline-block;top: .3rem;width:100%;  left:.1rem; height: 1rem; border-left:1px solid #e6e6e6}
.tbl_St1 th:first-child span:before {display:none}
.tbl_St1 td.title {text-align:center; color: #dbdbdb;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;font-size:1.3rem;line-height:2rem; padding: 1.8rem; }
.tbl_St1 .desc {text-align:left; color: #dbdbdb;border-top:1px solid #e8e8e8;font-size:1.3rem;line-height:2rem;padding:1.6rem 0}
.tbl_St1 .desc1 {text-align:left; color: #dbdbdb;border-top:1px solid #e8e8e8;font-size:1.3rem;line-height:2rem;padding:1.6rem 0}

.tbl_St2 th {padding:1rem; color:#e8e8e8; font-size:1.4rem; text-align:left; font-weight:normal;border-bottom:1px solid #F8F8F8}
.tbl_St2 td {padding:0.5rem; color:#6E6E6E; font-size:1.4rem; text-align:left;line-height:2.8rem; border-bottom:1px solid #F8F8F8}
.tbl_St2 td.title {text-align:center; color: #dbdbdb;border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;font-size:1.3rem;line-height:2rem; width: 1rem ; }
.tbl_St2 .desc {text-align:left; color: #dbdbdb;border-top:1px solid #e8e8e8;font-size:1.3rem;line-height:2rem;padding:1.6rem 0}

.ellipsis1{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; 
  -webkit-box-orient: vertical;
} 
.ellipsis2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
} 
.hide {display: none !important}
.show {display: block !important}

.ipt_range {margin:2.4rem 0}


.range_unit {display: flex;margin-top:2rem}
.range_unit li {flex:1; font-family: 'Roboto', sans-serif;; font-size:1.2rem; color:#969696}
.range_unit li:nth-child(2) {text-align: center}
.range_unit li:nth-child(3) {text-align: right}















/* button */
.btn_area {display: flex;margin-top:3.2rem}
.btn_margintop {margin-top:.5rem}
.btn_area button { flex:1; line-height:2.2rem}
.btn_b {background: #A267EE; border-radius:1rem;color:#fff;height:4.8rem;  font-size:1.8rem;}
.btn_b:hover {background: #8A4ADC; transition: 0.3s;}
.btn_b .subtext {font-size: 1.2rem; font-weight: 400;}
.btn_b.ty2 {border:1px solid #A267EE;color:#A267EE;background: #1D1B28;}
.btn_b.ty2:hover {background: #333743; transition: 0.3s;}
.btn_b.ty3 {min-width:12rem; color: #969696;border:1px solid #c8c8c8;background: #fff}
.btn_b.ty4 {min-width:8.6rem;color: #B4B4B4;font-size:1.4rem; line-height:3rem;height:3.6rem;border: 1px solid #B4B4B4;background: #fff}
.btn_b.ty5 {min-width:10rem;color: #323232;font-size:1.6rem; line-height:1.8rem;height:4.8rem;border:1px solid #fff;background:#FBCC3B;}
.btn_b.ty5:hover {background: #F6AB00; transition: 0.3s;}
.btn_m.ty5 {min-width:10rem;color: #323232;font-size:1.4rem; line-height:1.8rem;height:4rem;border:1px solid #fff;background:#FBCC3B}

.btn_b.ty6 {color:#ffffff;background: #333743; text-align: left; padding-left: 1rem;}
.btn_b.ty6 img:nth-child(2) {position: absolute; right: 3rem; text-align: right;}
.btn_b.ty6:hover {background: #505564; transition: 0.3s;}

.btn_m {width:100%;height:4.4rem;background: #A267EE; border-radius: .6rem;color:#fff}
.btn_s {font-size: 1.2rem;line-height:1.8rem;width:100%;height:3.6rem;background: #fff; border-radius:4rem;border: 1px solid #E6E6E6}
.btn_area button.off, .btn_m.off {background:#B4B4B4; color:#fff}
.btn_area.fixed {position:absolute; width:calc(100% - 5rem); bottom: 2.4rem}
.btn_area button:first-child {margin-right:.4rem}
.btn_area button:last-child {margin-left:.4rem}
.btn_area.inner {margin-top:2.4rem}
.btn_area_c {text-align: center; margin-top:2.4rem}
.btn_row2 {display: block}
.btn_row2 button {width:100%; margin-top:1rem}


/*드롭다운 메뉴*/
.dropdown {display : none;z-index : 100;}
.dropdown-content{display : block; position : absolute; margin: 0 1.5rem; font-size: 1.4rem;z-index : 100; text-align: left;background-color: #ffffff; min-width : 13rem; border-radius: 1rem; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));}
.dropdown-content a{ display : block; text-decoration : none; color : rgb(37, 37, 37); padding : 1rem 2rem;}
.dropdown-content a:hover{ background-color : #ececec; border-radius: 1rem}
.dropdown_bg {position: fixed; top: 0;left: 0; display : block; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.4); cursor: pointer;}
.dropdown_on {font-weight: 900; color: #A267EE}
/* 드롭다운 위치잡기 */
.dropdown-content.right{ right: 0rem;}
.dropdown-content.left{ left: 0rem;}






/*20210321 splash 수정*/
.wrap.splash{width:100%;height:100%;background: linear-gradient(0deg, #5727EE 0%, #9628EE 100%);}
.splash_logo{position:absolute;top:45%;left:50%; transform: translate(-50%, -50%);}
.splash_logo img{width: 20rem;}
.splash svg {position:absolute;top:45%;left:50%; transform: translate(-50%, -50%);}

/* 공통 해더영역 지정 */
.wrap {overflow: hidden; min-width: 34rem; padding-bottom: 3rem;}
.headerWrap {position:fixed;top:0;left:0;width:100%;height:5rem;z-index:20;text-align:center; background-color: #1D1B28;}

.contWrap {
  padding:1.5rem 1.5rem;
  width: 100%;
}


/**************************************************/
/**************************************************/
/* 상단 해더 **************************************/
/**************************************************/
/**************************************************/
/* 메인 header */
.headerWrap h1 {background-image:url('../img/logo_top.svg');display:inline-block; width:7.4rem; height:2.4rem; margin:1.5rem 0 0 0;text-indent:-999px; overflow: hidden; background-size:100%; background-color:;}
.icon_alram, .icon_local, .selectmylocal {
  position:absolute; 
  top:1.5rem;
  width:2.4rem;
  height:2.4rem;
  font-size:0;
  background-size: cover;
  background-position: center center;
  background-repeat:no-repeat;
}
.icon_local {left:1.6rem; background-image:url('../img/icon_local.svg');}
.selectmylocal {left:4rem; width: auto; font-size:1.2rem; line-height: 2.4rem; color:#ffffff;}
.icon_alram {right:1.6rem; background-image:url('../img/icon_alram.svg');}
.icon_alram.on {right:1.6rem; background-image:url('../img/icon_alram_on.svg');}



/* back header */
.pop_close, .pre, .sort, .sorttext, .video_profile, .video_share, .video_like, .video_etc {
  position:absolute; 
  top:1.5rem;
  width:2.4rem;
  height:2.4rem;
  font-size:0;
  background-size: 2.4rem 2.4rem;
  background-position: center;
  background-repeat:no-repeat;
}
.pre {left:1.6rem; background-image:url('../img/icon_back.svg');}
.pop_close {right:1.6rem; background-image:url('../img/ic24_exit.svg');}
.sort {right:1.6rem; background-image:url('../img/icon_sort.svg');}


h2.title {font-weight:500; font-size: 1.8rem; line-height: 5rem;text-align: center; color: #FFFFFF; padding: 0 4.5rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
h2.title .titm { font-size:14px; color:#979797;}
h2.title img {width:13rem}


h2.video_title {margin-top:0rem; font-weight:500;font-size: 1.6rem;line-height: 5rem;text-align: left; color: #FFFFFF; padding: 0 11rem 0 7rem; white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.video_profile {left: 4rem; border-radius: 1.3rem; border: 1px solid #333743;}
.video_like {right:5.4rem; background-image:url('../img/icon_like.svg'); background-repeat:no-repeat;}
.video_like.on {right:5.4rem; background-image:url('../img/icon_like_on.svg'); background-repeat:no-repeat;}
.video_share {right:1.5rem; background-image:url('../img/icon_share.svg'); background-repeat:no-repeat;}
.video_etc { right:1.0rem; background-image:url('../img/icon_etc.svg'); background-repeat:no-repeat;}






/**************************************************/
/**************************************************/
/* 하단 메인메뉴 ***********************************/
/**************************************************/
/**************************************************/
/* mainmenu */
.mainmenu {position:fixed;bottom:0;left:0;width:100%;height:5rem;z-index:20;text-align:center; background-color:#1D1B28; padding: 0.6rem 1.5rem;font-size: 0.8rem; font-weight: 500; line-height: 80%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  }

.mainmenu .btbox {
  width: 22%;
  color: #D9D9D9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  cursor: pointer;
  }
.btbox .mainmenu_home {width:2.4rem; height:2.4rem; background: url('../img/icon_menu_home.svg')no-repeat center; background-size: cover; outline: none;margin: 0 auto;}
.btbox .mainmenu_home.on{width:2.4rem; height:2.4rem; background: url('../img/icon_menu_home_on.svg')no-repeat center; background-size: cover; outline: none;margin: 0 auto;}
.btbox .mainmenu_search {width:2.4rem; height:2.4rem; background: url('../img/icon_menu_search.svg')no-repeat center; background-size: cover; outline: none;margin: 0 auto;}
.btbox .mainmenu_search.on {width:2.4rem; height:2.4rem; background: url('../img/icon_menu_search_on.svg')no-repeat center; background-size: cover; outline: none;margin: 0 auto;}
.btbox .mainmenu_history {width:2.4rem; height:2.4rem; background: url('../img/icon_menu_history.svg')no-repeat center; background-size: cover; outline: none;margin: 0 auto;}
.btbox .mainmenu_history.on {width:2.4rem; height:2.4rem; background: url('../img/icon_menu_history_on.svg')no-repeat center; background-size: cover; outline: none;margin: 0 auto;}
.btbox .mainmenu_mypage {width:2.4rem; height:2.4rem; background: url('../img/icon_menu_mypage.svg')no-repeat center; background-size: cover; outline: none;margin: 0 auto;}
.btbox .mainmenu_mypage.on {width:2.4rem; height:2.4rem; background: url('../img/icon_menu_mypage_on.svg')no-repeat center; background-size: cover; outline: none;margin: 0 auto;}








/**************************************************/
/**************************************************/
/* Home 페이지 ************************************/
/**************************************************/
/**************************************************/
.wrap.main, .wrap.main .headerWrap {background: }
.wrap.main .headerWrap .title {text-align: left; padding-left:2.8rem; }
.wrap.main .contWrap {padding:6rem 0;}
/*.wrap.main .main_head {padding:1rem 0 1rem 0; background-color:;}*/


/* 각 섹션 타이틀 */
.title_box {width: 100%; padding:1.5rem 1.5rem  1rem 1.5rem; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; cursor: pointer; border-top: 0.6rem solid #000000; }
.title_box:nth-child(1) {border-top: 0rem solid #000000; }
.title_box .tit { font-size:1.8rem; color:#FFFFFF; font-weight:500;}
.title_box .titm { font-size:1.4rem; color:#979797; }
.title_box .titm_local { font-size:1.4rem; color:#979797; }
.title_box .tits { font-size:1rem; color:#979797; vertical-align: bottom;}
.title_box .tits_more { font-size:1rem; color:#FFFFFF; vertical-align: bottom;}


/* 썸네일 아래 화이트 탭 텍스트 */
.inner_title_box1 {position: absolute; bottom: -4.4rem; left: 0; width: 100%; height: 4.4rem; border-bottom-left-radius:0.8rem; border-bottom-right-radius:0.8rem; background-color: #ffffff;}
.inner_title_box1 ul { width: 100%;  padding: 0.5rem 1rem 0 1rem ; display: flex; flex-direction: row;}
.inner_title_box1 li:nth-child(1){width: 2.4rem; height: 2.4rem; background-color:#d7d7d7; border-radius: 1.2rem; margin-right:0.8rem;}
.inner_title_box1 li:nth-child(1) img {width: 2.4rem; height: 2.4rem; border-radius: 1.2rem; outline: 1px solid #d7d7d7;}
.inner_title_box1 li:nth-child(2){overflow: hidden; text-align: left;}
.inner_title_box1 li .tit{font-size: 0.9rem; font-weight: 600; line-height: 1.4rem; color: #323232; white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.slider .inner .inner_title_box1 li p.tit,
.slider1 .inner .inner_title_box1 li p.tit,
.slider2 .inner .inner_title_box1 li p.tit{font-size: 1rem; font-weight: 500; line-height: 1.2rem; color: #323232; white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inner_title_box1 li p.tits {font-size: 0.6rem; line-height: 1.4rem; color: #323232; white-space:nowrap; overflow: hidden;}

/*속보, 단독의 경우 BG컬러 하일라이트*/
.hi_white_sokbo { 
  animation-name: hi_white_sokbo;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
@keyframes hi_white_sokbo {
    0%      {background-color: #ffffff;}
    25%     {background-color: #F4D7FE;}
    50%     {background-color: #ffffff;}
    75%     {background-color: #F4D7FE;}
    100%    {background-color: #ffffff;}
}
.hi_white_dandok { 
  animation-name: hi_white_dandok;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
@keyframes hi_white_dandok {
    0%      {background-color: #ffffff;}
    25%     {background-color: #E3D7FE;}
    50%     {background-color: #ffffff;}
    75%     {background-color: #E3D7FE;}
    100%    {background-color: #ffffff;}
}
.hi_gray_sokbo { 
  animation-name: hi_gray_sokbo;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
@keyframes hi_gray_sokbo {
    0%      {background-color: #333436;}
    25%     {background-color: #493E4D;}
    50%     {background-color: #333436;}
    75%     {background-color: #493E4D;}
    100%    {background-color: #333436;}
}
.hi_gray_dandok { 
  animation-name: hi_gray_dandok;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
@keyframes hi_gray_dandok {
    0%      {background-color: #333436;}
    25%     {background-color: #4A4652;}
    50%     {background-color: #333436;}
    75%     {background-color: #4A4652;}
    100%    {background-color: #333436;}
}



/* 메인 속보/재난 슬라이드 CSS */
.slider, .slider1, .slider2 {text-align: center; font-size: 0; max-width: 118rem; margin: 0px auto 0; padding: 0;}
.slider .inner,
.slider1 .inner,
.slider2 .inner {overflow: hidden; width: 100%; padding: 3rem 0 10rem 0; margin: 0 auto; background-color:;}



.slide_list > li {position: relative; width: 19rem; height: 10rem; background-color:#333743; margin: 0; transform: scale(1); transition: all 0.3s; z-index: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0.8rem; border: 0px solid #ffffff;border-bottom-left-radius:0rem ; border-bottom-right-radius:0rem ; cursor: pointer;}
.slide_list > li .inner_title_box1 {opacity: 1;}

/* 영역별 크기 설정 */
.slide_list > li.swiper-slide-next,
.slide_list > li.swiper-slide-prev,
.slide_list > li.swiper-slide-duplicate-next,
.slide_list > li.swiper-slide-duplicate-prev {transform: scale(1.1);z-index: 50;transition: all 0.3s;}
.slide_list > li.swiper-slide-active,
.slide_list > li.swiper-slide-duplicate-active {transform: scale(1.4);z-index: 100; filter: drop-shadow(0rem 0rem 2rem rgba(31, 14, 53, 1));transition: all 0.3s;}

/* 영역별 밝기 설정 */
.slide_list > li:after {position: absolute; content:''; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(20,20,20,0.3); transition: all 0.3s; opacity: 0; opacity: 1; }
.slide_list > li.swiper-slide-next:after,
.slide_list > li.swiper-slide-prev:after,
.slide_list > li.swiper-slide-duplicate-next:after,
.slide_list > li.swiper-slide-duplicate-prev:after {background-color:rgba(0,0,0,0.0);transition: all 0.3s;} 
.slide_list > li.swiper-slide-active:after,
.slide_list > li.swiper-slide-duplicate-active:after{opacity: 0;transition: all 0.3s;}


.slider .swiper-pagination, 
.slider1 .swiper-pagination, 
.slider2 .swiper-pagination {
  position: relative !important;
}
.slider .swiper-pagination-bullet,
.slider1 .swiper-pagination-bullet,
.slider2 .swiper-pagination-bullet {
  background: #ffffff !important;
}
.slider .swiper-pagination-bullet-active,
.slider1 .swiper-pagination-bullet-active,
.slider2 .swiper-pagination-bullet-active {
  background: #A267EE !important;
}




/* 메인 일반 슬라이더 */
.swiper.noneslide { text-align: center; font-weight: 300; padding: 1rem 0 2rem 1.5rem;}
.swiper.slide_m02{ width: 100%;  height: 20rem; overflow: hidden; padding: 1rem 0 2rem 1.5rem;}

.swiper {margin-right: 0 !important; padding-right: 0 !important;}


.slide_m02 .swiper-slide { width: 22.4rem; height: 12.6rem; margin: 0; margin-right: 1rem !important; padding: 0; z-index: 0; border-radius: 0.8rem; 
   background-color: #333743; background-repeat: no-repeat; background-position: center center; background-size:cover; border-bottom-left-radius:0rem ; border-bottom-right-radius:0rem;  cursor: pointer;}

.slide_m02 .swiper-slide .inner_title_box1 li .tit{font-size: 1.3rem;}
.slide_m02 .swiper-slide .inner_title_box1 li .tits{font-size: 0.7rem; line-height: 2rem;}


/** so 로고 슬라이드 ***/
.slide_mso {padding-right: 1.5rem;}
.slide_mso .swiper-slide { text-align: center; font-size: 10px; width: 4.8rem; height: 4.8rem; border-radius: 2.4rem; border: 1px solid #333743; 
  background-color: #333743; background-repeat: no-repeat; background-position: center center; background-size:cover;}






/**************************************************/
/**************************************************/
/* 더보기 list 페이지 ******************************/
/**************************************************/
/**************************************************/


.newsBox { width: 100%; padding-bottom: 2rem;}
.newsThum {position: relative; width: 100%; padding-bottom: 56.25%; text-align: center;background: #d7d7d7;margin: 0;font-size: 20px; z-index: 0; background-repeat: no-repeat; background-position: center center;background-size:cover; border-top-left-radius:0.8rem; border-top-right-radius:0.8rem;  cursor: pointer;}


.inner_title_box {position: relative; width: 100%; padding: 1.2rem 0.5rem 0 0.5rem; background-color:#333436; border-bottom-left-radius:0.8rem; border-bottom-right-radius:0.8rem;}
.inner_title_box ul {position: relative; width: 100%; padding: 0; display: flex; flex-direction: row;}
.inner_title_box li:nth-child(1){ position:absolute; top:0rem; left: 0rem; width: 3.4rem; height: 3.4rem; background-color:#333743; border-radius: 1.7rem;}
.inner_title_box li:nth-child(1) img {width: 3.4rem; height: 3.4rem; border-radius: 1.7rem; border: 1px solid #333743;}
.inner_title_box li:nth-child(2){top:0rem; padding: 0 3rem 0 4.5rem;  width: 100%;text-align: left; display: block; white-space: nowrap; text-overflow: ellipsis;}
.inner_title_box li:nth-child(3) { position:absolute; top:0rem; width:2.4rem; height:2.4rem; background-size: 2.4rem 2.4rem; background-position: center; right: 0rem; cursor: pointer;}
.inner_title_box li .tit{font-size: 1.3rem;font-weight: 500; line-height: 1.8rem; color: #FFFFFF; white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.inner_title_box li .tits{font-size: 1.1rem; line-height: 2.6rem; color: #D9D9D9; white-space:nowrap; overflow: hidden;}




/**************************************************/
/**************************************************/
/* Search 페이지 ******************************/
/**************************************************/
/**************************************************/

.news_search { position:absolute; left:4.3rem; height: 5rem; width: calc(100% - 5.8rem); padding: .5rem 0;}
.news_search input { height:4rem; background-color: #333743; color:#ffffff; line-height:2.6rem; font-size: 1.8rem; font-weight: 500; width:100%; border-radius: 1rem; padding:0.5rem 1rem;}
.news_search .btn_clear {position:absolute; right:1rem; top: 1.3rem; width:2.4rem; height:2.4rem; text-indent:-100px; overflow:hidden; background:url('../img/ic24_exit_s.svg') no-repeat center;}


/* 최근검색어 타이틀 */
.latest_Searchlist {width: 100% ; height: 5rem; display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap; }
.latest_Searchlist .tit { font-size:2rem; font-weight:400; padding: 1.5rem 0;}
.latest_Searchlist .titm { font-size:1.8rem; font-weight:400; padding: 1.6rem 0;}
.latest_Searchlist .tits { font-size:1.2rem; font-weight:400; padding: 2.2rem 0 1.6rem 0;}


.list_ty0 li {height:4.4rem; margin: 0; position: relative; color:#ffffff; font-size:1.5rem; font-weight: 500; cursor: pointer; padding: 0 3rem 0 .5rem; overflow: hidden; border-bottom: 1px solid #333743; cursor: pointer; }
.list_ty0 li p {line-height:4.4rem; overflow: hidden;display: block; white-space: nowrap; text-overflow: ellipsis;}
.list_ty0 li p .subtext { font-size:1.2rem; font-weight:400; padding: 3rem 0 0 0;}
.list_ty0 li p .subtext_color { font-size:1.2rem; font-weight:400; padding: 3rem 0 0 0; color:#A267EE;  }
.btn_set, .btn_switch {background: url(../img/toggle_on.svg) no-repeat ; width:3rem; height:1.8rem; text-indent: -1000px; overflow: hidden; }
.btn_set.off, .btn_switch.off {background: url(../img/toggle_off.svg) no-repeat;} 
.list_ty0 .btn_set {top:2rem; position: absolute; right:0rem}
.list_ty0 .delete { background: url(../img/ic24_exit_s.svg) no-repeat ;background-size: cover; display: inline-block; position: absolute; right: 0; width: 2.4rem;height: 2.4rem; text-indent: -100px; overflow: hidden; top:1rem;}
.list_ty0 .more { background: url(../img/ic24FF_w.svg) no-repeat ;background-size: cover; display: inline-block; position: absolute; right: 0; width: 2.4rem;height: 2.4rem; text-indent: -100px; overflow: hidden; top:1rem;}

.nodata_Box {width: 100%; text-align: center;}
.nodata_Box img {width: 8.6rem; height: 8.6rem; text-align: center;}
.nodata_Box p {width: 100%; text-align: center; padding: 1rem 0; font-size: 1.8rem; font-weight: 500; line-height: 2.6rem; color: #ffffff;}







/**************************************************/
/**************************************************/
/* History 페이지 ******************************/
/**************************************************/
/**************************************************/

/* 서브메뉴 탭 */
.step {display: flex; height: 4.6rem; margin-bottom: 1.5rem; }
.step li {flex: 1;color: #A267EE; text-align: center; font-size:1.8rem; padding:1.6rem 0; cursor: pointer;}
.step li a {color: #D9D9D9; font-weight:200;}
.step li.on {color:#A267EE; font-weight:600; border-bottom: 2px solid #A267EE;}
.step li.on a {color: #A267EE; font-weight:600; }
.step li em {display: block; padding-bottom:.5rem}
.step_info {margin-top:1rem; position: relative;}

.step li.tap_sort {text-align: right;}


/* 타이틀 */
.newslist_sortbox {width: 100% ; margin-bottom: 1rem; display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.newslist_sortbox .left { width:2.4rem; height:2.4rem; background: url('../img/icon_sort.svg')no-repeat center;background-size: cover;}
.newslist_sortbox .right { font-size:12px;vertical-align: bottom;}



/** 작은섭네일 검색리스트 **/
.newsBox_s {position: relative; width: 100%; height: 8rem; margin: 1.2rem 0; display: flex; flex-direction: row;justify-content: space-between; flex-wrap: wrap; cursor: pointer; background-color: #333436; border-radius: 0.8rem;}
.newsBox_s .newsThum_s {position:absolute; top:0rem; left: 0rem; width: 14rem; height: 8rem; text-align: center; margin: 0; background-repeat: no-repeat; background-position: center center;background-size:cover; border-top-left-radius:0.8rem; border-bottom-left-radius:0.8rem;}

.newsBox_s .inner_title_box_s { position:absolute; top:0.5rem; left: 15.2rem;}
.newsBox_s .inner_title_box_s .tit{padding: 0 2.8rem 0 0; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; color: #FFFFFF; white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.newsBox_s .inner_title_box_s .tits{font-size: 1rem; line-height: 2rem; color: #D9D9D9; white-space:nowrap; overflow: hidden;}
.newsBox_s .inner_etc_box { position:absolute; top:0.5rem; width:2.4rem; height:2.4rem; background-size: 2.4rem 2.4rem; background-position: center; right: 0rem;}






/**************************************************/
/**************************************************/
/* Video 페이지 *********************************/
/**************************************************/
/**************************************************/
.video_wrap { position:fixed; top: 5rem; width:100%; height:0; padding-bottom:56.25%; z-index: 110;} 
.video_wrap iframe{ position:absolute; width:100%; height:100% ;}

.video_fakewrap { position:relative; width:100%; height:0; padding-bottom:56.25%; background-color: ;} 

.videoWrap{padding: 5rem 0 0 0;}
.videoWrap .inner_title_box_v { padding: 1rem 1.5rem 1rem 1.5rem; background-color: #333743;}
.videoWrap .inner_title_box_v ul {position: relative; width: 100%; padding: 0; display: flex; flex-direction: row;}
.videoWrap .inner_title_box_v li {top:0rem; padding: 0;  width: 100%;text-align: left; display: block; white-space: nowrap; text-overflow: ellipsis;}
.videoWrap .inner_title_box_v li .tit{font-size: 1.6rem;font-weight: 500; line-height: 2.2rem; color: #FFFFFF; white-space: normal ; word-break: keep-all;}
.videoWrap .inner_title_box_v li .tits{font-size: 1.2rem; line-height: 1.2rem; padding-top: 0.8rem; color: #D9D9D9; white-space:nowrap; overflow: hidden; }
.videoWrap .inner_title_box_v li .tits .video_good {width: 2.0rem; height: 2.0rem; margin: 0 0.5rem 0.5rem 2rem; cursor: pointer;}

.video_description {width: 100%; font-size: 1.4rem; line-height: 2.2rem; color: #ffffff;padding: 4rem 1.5rem; }
p.video_hash {font-size: 1.4rem; color: #A267EE; }

/* 댓글 타이틀 */
.videoWrap .title_box {padding:1rem 1.5rem; justify-content: flex-start; border-top: 0.1rem solid #666666;border-bottom: 0.1rem solid #666666; background-color: #333743;}
.videoWrap .title_box .tit { font-size:1.8rem; color:#FFFFFF; font-weight:500; }
.videoWrap .title_box .tits_more { font-size:1.2rem; line-height: 2.4rem; color:#D9D9D9; padding-left: 1rem;}



/* 댓글 쓰기 */
.comment_write {position: relative; width: 100%; padding: 2rem 1.5rem 2rem 1.5rem; background:none; border-bottom: 0.1rem solid #444444;;}
.comment_write ul {position: relative; width: 100%; padding: 0; display: flex; flex-direction: row;}
.comment_write li:nth-child(1){top:0; left: 0rem; width: 3.4rem; height: 3.4rem;  margin-top: 0.5rem; background-color:#333743; border-radius: 1.7rem;}
.comment_write li:nth-child(1) img {width: 3.4rem; height: 3.4rem; border-radius: 1.7rem; border: 1px solid #333743;}
.comment_write li:nth-child(2){top:0rem; padding: 0rem 0rem 0 1rem;  width: 100%;text-align: left; display: block; white-space: nowrap; text-overflow: ellipsis;}
.comment_write li .tit {font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: #A267EE; text-decoration: underline; cursor: pointer;}

.comment_write textarea { height:7rem; background-color: #454B5C; color:#ffffff; line-height:2.6rem; font-size: 1.8rem; font-weight: 500; width:100%; border-radius: 1rem; padding:0.5rem 1rem; resize: none;}
.comment_write .btn_area { width: 15rem; margin: 1rem 0 0 auto}
.comment_write .btn_area .btn_b {height: 4rem !important;}



/* 댓글 박스 */
.comment_box {position: relative; width: 100%; padding: 2rem 1.5rem 0rem 1.5rem; background:;}
.comment_box ul {position: relative; width: 100%; padding: 1rem 0 2rem 0; display: flex; flex-direction: row; border-bottom: 0.1rem solid #444444;}
.comment_box li:nth-child(1){ top:1rem; left: 0rem; width: 3.4rem; height: 3.4rem; background-color:#333743; border-radius: 1.7rem;}
.comment_box li:nth-child(1) img {width: 3.4rem; height: 3.4rem; border-radius: 1.7rem; border: 1px solid #333743;}
.comment_box li:nth-child(2){top:0rem; padding: 0 0 0 1rem;  width: 100%;text-align: left; display: block; white-space: nowrap; text-overflow: ellipsis;}
.comment_box li:nth-child(3) { position:absolute; top:1rem; width:2.4rem; height:2.4rem; background-size: 2.4rem 2.4rem; background-position: center; right: 0rem;}
.comment_box li .tit{font-size: 1.4rem; line-height: 2rem; color: #ffffff; font-weight: 500;white-space: normal ; word-break: keep-all; padding-bottom: 1rem;}
.comment_box li .tits{font-size: 1.2rem; line-height: 2.6rem; color: #d9d9d9; white-space:nowrap; overflow: hidden; margin-bottom: 0.5rem;}
.comment_box li .tit_recoment{font-size: 1.2rem; line-height: 1.4rem; color: #A267EE; white-space: normal ; word-break: keep-all; cursor: pointer;}


.comment_box li .comment_icon_report {width: 1.6rem; height: 1.6rem; margin: 0 0 0.5rem 2rem; cursor: pointer;}
.comment_box li .comment_icon_recommend {width: 1.6rem; height: 1.6rem;  margin: 0 0.3rem 0.4rem 2rem;cursor: pointer;}
.comment_box li .comment_icon_etc { position:absolute; top:1rem; width:2.4rem; height:2.4rem; background-size: 2.4rem 2.4rem; background-position: center; right: 0rem; cursor: pointer;}


.comment_box li .comment_icon_write16, .comment_box li .comment_icon_retext16 {width: 1.6rem; height: 1.6rem; margin: 0 1rem 0.2rem 0; cursor: pointer;}



/* 답글 팝업 */
.commentWrap {display: none; position: absolute; top: 5rem; left: 0rem;z-index: 10; background-color: #1D1B28;padding: 3.2rem 0 0 0;}
.commentWrap .title_box {position: fixed; top: 6rem; left: 0rem;z-index: 10; background-color: #333743; }
.commentWrap .title_box .retitle {display: flex; justify-content: space-between; width: 100%; margin-top: .3rem;}
.commentWrap .title_box .retitle .tit { font-size:1.8rem; color:#FFFFFF; font-weight:500; }
.commentWrap .title_box .retitle .exit { width:2.4rem; height:2.4rem; background:url('../img/ic24_exit.svg') no-repeat; background-size: 2.4rem 2.4rem; background-position: center;}

.comment_box.recomment {padding-left: 4rem;}







/**************************************************/
/**************************************************/
/* 마이페이지 ***********************************/
/**************************************************/
/**************************************************/

.mypage_mybox {width: 100%; height: 10rem; border-radius: 1rem; background-color:;}
.mypage_mybox ul {padding: 2rem 1rem; display: flex; flex-direction: row;}
.mypage_mybox ul li:nth-child(1){width: 6rem; height: 6rem; border-radius: 3rem; background-color:#d7d7d7;  margin-right:1.6rem;}
.mypage_mybox ul li:nth-child(1) img {width: 6rem; height: 6rem; border-radius: 3rem;}
.mypage_mybox ul li:nth-child(2){ overflow: hidden; text-align: left; }
.mypage_mybox ul li .tit{padding-top: 0.6rem; font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; color: #ffffff; white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mypage_mybox ul li .tits{font-size: 1.4rem; line-height: 1.9rem; color: #ffffff; white-space:nowrap; overflow: hidden;}



/* 입력 텍스트필드 정의 */
.tit-s { padding:2rem 0 0 .5rem; font-size:1.2rem; color:#979797;}
.f_point {color:#DB67EE !important}
.ipt_txt {border-bottom:1px solid #333743; padding:0 .5rem; position: relative;}
.ipt_txt.on {border-bottom:1px solid #FFFFFF}
.ipt_txt input {background-color: #1D1B28;color: #ffffff; font-size: 1.6rem; font-weight: 500;}




/* 지역설정 */
.dim.location_sel {display: none;overflow-y: scroll; padding: 6rem 5rem;background-color: #1D1B28;opacity: 1;}

.korea_map {width: 100%; text-align: center;}


  /********지도 화면*****************/
  .mapiframbox {
      width: 50rem !important;
      height:  64rem !important;
      margin: 0 auto;
      z-index: -1 !important;
  }
  .mapiframbox iframe{
      width:  100% !important;
      height:  80rem !important;
      margin: -16rem 0rem 10rem -5rem !important;
      padding: 0 0 0 0rem;
      z-index: -1 !important;
  }







/* 1:1문의 */
.ipt_txt textarea {background-color: #1D1B28;}




/* 로그인 */
.login .login_box2 {margin:3rem 0rem 0 0rem}
.login .agreeement input[type="checkbox"] + label {font-weight: normal; color:#828282}
.login .agreeement input[type="checkbox"] + label em {color:#323232}
.login .login_box2 .agreeement li .more {right: -1.6rem}
.wrap .contWrap.login {padding:8.4rem 3.8rem 4rem 3.8rem}
.wrap .contWrap.login .tit_b {font-size:2.4rem}
.login_box {margin-top:4.8rem; text-align: center;}
.login_box .ip_chk {margin-top:1.5rem}
.login_box .ip_chk label {font-size:1.2rem;line-height:1.2rem; color:#B4B4B4}
.login_box .btn_area {margin-top:0rem}
.wrap .contWrap.login .login_logo {text-align: center; font-size: 2.2rem;}
.wrap .contWrap.login .login_logo img {width:18rem}
.ipt_id {background:url('../img/ic24_join_id.svg') 0 1rem no-repeat;background-size:2.4rem auto}
.ipt_pw {background:url('../img/ic24_pass.svg') 0 1rem no-repeat;background-size:2.4rem auto}
.ipt_id input, .ipt_pw input {width:calc(100% - 4rem); margin-left:40px}
.wrap .contWrap.login .btn_area button:last-child {margin-left:0; margin-top:20px}
.logo_boottom {text-align:center; /*position:fixed;bottom:4.8rem;*/ width:100%;margin-bottom: 4.8rem;}
.logo_boottom img {width:12.8rem}

/*2021-0127 수정시작 */
.login_menu {text-align: center; margin:.5rem -2rem 0 -2rem; display:flex;}
.login_menu a {flex:1; position: relative;font-size:1.2rem; line-height: 3rem;color: #979797; display: inline-block; padding: 0 2rem 0 2rem; cursor: pointer;}
.login_menu a:before {position: absolute; content: ''; top:1rem; left:0rem; display: block; width: .2rem; height: 1rem; border-radius: 8px; background: #979797}



.social_box {text-align: center; display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;}
.social_box ul {list-style:none;}
.social_box li {list-style:none; width:7.2rem; text-align: center;}
.social_box li img{ width:6.2rem; cursor: pointer;}
.login_box .msg p.txt2 {color: #979797 !important;}

.login_menu a:first-child:before {display: none}
.easy_login {font-size: 16px; line-height:60px;color:#fff;background:#A267EE;height:60px;position:fixed; bottom:0; width:100%; text-align:center}




/* 약관동의 */
.accordion .agree_con {display: none}
.accordion .on .agree_con {display: block}
.agreeement {margin:5rem 0 0rem 0}
.agreeement input[type="checkbox"] + label {font-size: 1.4rem;line-height:1.6rem; color: #323232}
.agreeement .agree_head {border-bottom:1px solid #969696; padding:1rem 1rem 2rem 0rem; margin-bottom:1.5rem}
.agreeement label {margin-left: 4rem !important}
.agreeement .agree_head label {font-size:1.6rem !important}

.agreeement li {padding:1rem 1rem 1rem 0rem; line-height:2.4rem; position: relative; color:#828282}
.agreeement li .more {background:url('../img/btn-arrow.png') no-repeat 1rem .5rem ; display: inline-block; position: absolute; right:0; width:2rem; height:4rem; text-indent:-100px; overflow: hidden; background-size:.8rem auto; cursor: pointer;}
.agreeement li input[type="checkbox"] + label {color:#828282; font-size: 1.4rem; line-height:1.6rem}
.agreeement li input[type="checkbox"] + label em {font-weight:400}
.agreeement .agree_con {font-size: 12px;line-height: 18px;letter-spacing: -0.6px;color: #B4B4B4;padding:1rem  2.8rem}
.agreeement .accordion {margin-top:.2rem}
.agreeement_conts {margin-top:0rem; padding:20px 0}
.agreeement_conts li {border-top:0px solid #969696; padding-bottom:20px;}
.agreeement_conts li:first-child {border-top:0px solid #969696}
.agreeement_conts .tit0 {font-size:1.8rem;line-height: 2rem;margin-top:1rem; color:#ffffff}
.agreeement_conts .tit1 {font-size:1.4rem;line-height: 2rem;margin-top:3rem; color:#ffffff}
.agreeement_conts .tit2 {font-size:1.4rem;line-height: 2rem;margin-top:2rem; color:#ffffff}
.agreeement_conts .conts {font-size:1.3rem;line-height:2rem;color:#D9D9D9}



/* 인증 */
.msg {margin-top:4.4rem}
.msg .ico_c {text-align:center}
.msg .ico {width:8rem; height:8rem;display: inline-block;margin-bottom:2.5rem;text-align:center}
.msg p.txt1 {font-weight: 500;font-size:1.6rem;line-height:3rem; color:#ffffff; text-align:center}
.msg p.txt2 {font-size:1.2rem; line-height:1.8rem;color: #D9D9D9;text-align:center}
p.txt3 {font-size:1.2rem; line-height:2.8rem;color: #969696; padding-top:1.2rem;text-align:center; margin-top:4.5rem}

.p_txt {font-size: 1.2rem; line-height:1.4rem; padding-top: .5rem; letter-spacing: -0.6px;color: #ffffff;}

/* form-style */
.tit_area {position: relative;text-align: center}
.tit_area .tit_b {font-size:2rem;color:#6E6E6E; font-weight:600; margin-bottom:3rem}
.tit_area .p_txt {font-size: 1.4rem; line-height:2rem; letter-spacing: -0.6px;color: #969696}


.tit-s { font-size:1.2rem; color:#969696}
.f_point {color:#DB67EE !important}
.f_point2 {color:#A267EE !important}
.f_point3 {color:#D9D9D9 !important}
.f_point4 {color: #FFFFFF !important}
.f_point5 {color: #6E6E6E !important}
.f_time {color: #B4B4B4 !important}
.label_st1, .label_st2, .label_st3, .label_st5 {margin:0 .5rem; font-family: 'Noto Sans KR'; padding:0 1rem;background: #50D6B0; color:#fff; font-weight:200; display:inline-block; margin-right:2rem; border-radius: 1.4rem; height:1.8rem; line-height:1.8rem; font-size:1rem}
.label_st2 {background: #539EFA}
.label_st3 {background: #969696}
.label_st4 {font-size:1rem;line-height:1.8rem;border:.1rem solid #C8C8C8; box-sizing: border-box; border-radius:4rem;color: #B4B4B4;min-width:5rem;height:2rem; display: inline-block}
.label_st5 {background: #5856D6}
.txt_limt {color: #C8C8C8;font-size:1.2rem; margin-top:1rem; text-align: right;}
.txt_limt em {color:#222}



/* bullist */
.bul_st1 {margin-top:.8rem}
.bul_st1 li:before {display: block; position: absolute; content: ''; width:2px; height:2px;left:0; top:.9rem; background: #C8C8C8;border-radius: 50%;}
.bul_st1 li {font-size:1.2rem; line-height:1.8rem;color: #C8C8C8; padding:.2rem; position: relative;padding-left:1rem}

/* tab */
.tabs {margin-top:1.2rem;display: flex;}
.tabs:after{clear: both; content: ''; display: block}
.tabs li {float: left;margin:.8rem 0; flex: 1;}
.tabs li a {display: block; height:3.6rem;line-height:3.6rem;text-align: center;color: #969696;font-size:1.4rem;margin-left:.8rem}
.tabs li:first-child a {margin-left:0rem}
.tabs li.on a {color:#A267EE; border-bottom:1px solid #A267EE}
.tab_conts {display: none}
.tab_conts.on {display: block}
.tabs.s_step li a{color:#969696;background: #fff;height:2.8rem;font-size:1.2rem;line-height:2.6rem;border-radius:4rem;border:0.1px solid #EEEEEE;padding:0;margin:0 .8rem 1rem 0 !important}
.tabs.s_step li.on a {color: #4D51CF;border: 1px solid #4D51CF; background: #fff;}

.my .step a {color:#969696}
.my .step .on a {color: #5856D6; font-weight:500}
.tabs.s_period {display: flex}
.tabs.s_period  li {flex:1}
.tabs.s_period  li a {padding:0;min-width:auto;color:#969696;background: #fff;height:3.6rem;font-size:1.2rem;line-height:3.4rem;border-radius:.4rem;border:0.1px solid #EEEEEE}
.tabs.s_period  li.on a {color: #4D51CF;border: 1px solid #4D51CF; background: #fff;}

.s_condition {margin-top:1.2rem;display: flex;}
.s_condition li {flex:1; margin-left:.8rem}
.s_condition li:first-child {margin-left:0rem}
.s_condition li a {text-align: center;display: block;color:#b4b4b4;background: #fff;height:3.6rem;font-size:1.4rem;line-height:3.2rem;border-radius:.46em;border:0.1px solid #b4b4b4}
.s_condition li.on a {color:#ffffff;border: 1px solid#A267EE; background:#A267EE;}
.tabs.s_period.s_faq li a {text-align: center;display: block;color:#b4b4b4;background: #fff;height:3.6rem;font-size:1.4rem;line-height:3.2rem;border-radius:.46em;border:0.1px solid #b4b4b4}
.tabs.s_period.s_faq li.on a {color:#ffffff;border: 1px solid#A267EE; background:#A267EE;}
.tabs.s_period.s_faq li:nth-child(4) a {margin-left:0rem}

.inquiry {margin-top:-1rem}
.inquiry span {color: #969696; margin-right:2rem;display: inline-block}
.inquiry span em {color: #323232;display: inline-block; margin-left:.5rem}
.inquiry span em.gold {font-family: 'Roboto', sans-serif;font-weight: 400}
.inquiry_col .ipt_txt {margin:0}
.inquiry_col .dash {background: url(../img/calendar_dash.png) no-repeat center; width:10%; height:4.8rem; margin:0; padding:0; float: left; background-size: .8rem;}
.inquiry_col .ipt_txt {margin-top:1rem}
.inquiry_col .ipt_txt input {font-weight:500;text-align:center; padding-right:2rem;height:3.6rem}
.inquiry_col .ipt_txt .btn_calendar {top:.6rem}

.cash_publish {width:220px;margin:10px auto 30px auto}
/* 1:1 문의 */
.qa_list  {margin:0rem}
.qa_list li .item {padding:1.6rem 3.6rem .5rem 0rem; color:#ffffff; cursor: pointer;}
.qa_list li:first-child{margin-top:0rem}
.qa_list .status {font-size:1.1rem; color: #A267EE; font-weight: 500;}
.qa_list .date {font-size:1.1rem; color: #969696; text-align: right; font-weight: 500;}
.qa_list .conts img {max-width:100%; margin:2rem 0 1rem 0}
.qa_list .conts { padding:1rem 1rem 1rem 1rem; background: #333743;color: #ffffff; font-size:1.2rem; line-height: 1.8rem}
.qa_list .conts h3 {font-size: 1.4rem; margin:0 0 .5rem 0}
.qa_list .qa_q {color:#D9D9D9; font-size:1.4rem;line-height:3rem; padding-top: 1rem;}
.qa_list .qa_a {color:#ffffff; font-size:1.4rem;line-height:3rem; padding-top: 1rem;}

/* 문의내역없음 */
.nodata {margin-top:9rem}
.nodata span {left: 50%; top:50%; transform: translateX(-50%) translateY(-50%)}
.nodata span em {display: block; text-align: center}
.nodata span em.txt {font-size:1.6rem;color: #6E6E6E; margin-top:2.7rem}
.nodata span em img {width:8rem}
.nodata span em.txt strong {color:#323232}

/* faq */
.faq_search {height:3.6rem; position: relative; background-size: 2.4rem;border-bottom:1px solid #B4B4B4}
.faq_search .btn_clear {position: absolute; top:0rem;right:3rem; width:3.6rem; height:3.6rem; background:url('../img/btn_clear_d.png') no-repeat 1rem; text-indent: -1000px; overflow: hidden; background-size: 1.6rem;}
.faq_search input { height:3.6rem; background: none; color:#323232;line-height:1rem; font-size: 1.6rem; width: calc(100% - 9rem)}
.faq_search .btn_search {text-indent:-100px; overflow:hidden;background:url('../img/ico_search.png') no-repeat .5rem .5rem;background-size:2.4rem; position:absolute; right:0rem; width:3.6rem; height:3.6rem}

.s_faq  {display: flex; flex-wrap: wrap;margin-bottom:4rem}
.s_faq li {width: calc(100% / 3); flex: none !important;margin: .8rem 0 0rem}
.faq_list {margin:-1.6rem}
.faq_list li {border-bottom: 0px solid #F3F6F8;border-top:1px solid #F3F6F8}
.faq_list li:first-child {border-top:0px solid #F3F6F8}
.faq_list li .item {padding:2.4rem 1.6rem 2.4rem 1.6rem; cursor: pointer;}
.faq_list li:first-child{margin-top:-1.2rem}
.faq_list .conts {padding:1.6rem; background: #F5F5F9;color: #323232;font-size:1.2rem; line-height: 1.8rem}
.faq_list .faq_a {margin:1rem 0}
.faq_list li .sort, .qa_list li .sort {right:1rem}
.filter {margin-bottom:4rem}
.filter li {border-bottom:1px solid #333743; position: relative} 
.filter li p.item {padding:2rem 0}
.filter li .sort {position: absolute; top:1.2rem;right:0; display: block;padding:1.6rem 0; background:url('../img/ic24_down_w.svg') no-repeat center; width:3rem; height:3rem;background-size: 2.4rem;}
.filter li .sort.active {background:url('../img/ic24_up_w.svg') no-repeat center; background-size: 2.4rem}
.filter .conts  {display: none; font-size:1.2rem;color: #B4B4B4;border-top:1px solid #333743}
.filter .conts span { display: block; color: #828282;}
.filter .conts p {padding:2rem 0; border-top:1px solid #333743}
.filter li .arrow_r {position: absolute; top:1rem;right:0; display: block;padding:1.6rem 0; background:url('../img/ac_right.png') no-repeat center; width:3rem; height:3rem; background-size: 2.4rem;}
.filter li.check {background:url('../img/check.png') no-repeat right; background-size: 2.4rem;}
.filter li .item_cate {font-size:1.4rem; color:#828282; position: absolute; top:1.8rem; right:4rem}
.arrow_l {z-index:999;position: absolute; top:1rem;left:0; display: block;padding:1.6rem 0; background:url('../img/ac_left.png') no-repeat center; width:3rem; height:3rem;background-size: 2.4rem;}


.item_list li .box {background:url('../img/box.png') no-repeat center; background-size:contain}
.item_list li .box img {width:100%}
.category {margin-top:.8rem;}
.category .item_list {display: flex; flex-wrap: wrap}  
.category .item_list li {width:calc(100% / 5); position:relative; padding:.3rem}
.tab_conts .item_list li .box {background:none}
.category .item_list li a.add {position: absolute; background:url('../img/form_set.png') no-repeat -5.6rem -3.2rem; display: block;width:2.4rem; height:2.4rem;right:.6rem; top:.6em; text-indent: -100px; overflow: hidden;background-size: 14rem auto;}
.category .item_list li .box p {color: #6E6E6E;display:table-cell; vertical-align:middle}

.appInfo {text-align: center;margin-top:4rem}
.appInfo .txt1 {font-size:1.2rem; line-height:2rem; margin:1.6rem}
.appInfo .txt2 {color:#969696;font-size:1.2rem; text-align: left; line-height:3rem; margin:1rem}






















/**************************************************/
/**************************************************/
/* footer            ******************************/
/**************************************************/
/**************************************************/
/* footer */
.footerWrap {padding:7rem 0;}
.wrap.main .contWrap .footerWrap{padding:7rem 1.5rem;}

.footerWrap .tl {display:inline-block;width:14rem;height: 3.5rem;margin-left: -7px;background:url('../img/logo_homechoice.jpg') no-repeat;background-size:13rem auto;font-size:0}
.footerWrap .copy {margin-top:1rem;font-size:1.2rem;line-height:1.2rem;color:#D9D9D9;}
.footerWrap .company {font-weight:500; font-size:1.2rem; line-height:1.6rem;color: #FFFFFF; letter-spacing:0px;}
.footerWrap .footer_info li { font-size:1.2rem; line-height:1.6rem;color: #D9D9D9; letter-spacing:0px;}
.footerWrap .footer_info {margin-top:1.5rem; margin-bottom:2.4rem; font-size:1.2rem; line-height:1.6rem;}
.footerWrap .footer_info .bar {position:relative; display: inline-block;padding-left:10px; font-size:1.2rem; line-height:1.6rem;}
.footerWrap .policyline li, .footerWrap .policyline li a {font-size:1.2rem !important; font-weight:500 !important; line-height: 2.3rem; letter-spacing: -0.15rem;color: #FFFFFF !important;}
.footerWrap .footer_info .bar:before {top:6px;left:3px; display: block; content: ''; font-size:1.2rem; line-height: 2.3rem;  width:1px; height:11px; background:#D9D9D9; position:absolute;} 

.floting_top {
    position: fixed;
  z-index: 10;
    bottom: 6.4rem;
    right: 1.6rem;
    width: 4rem;
    height: 4rem;
    background: url(../img/floting_top.svg) no-repeat;
    background-size: auto;
    font-size: 0;
    background-size: contain;
    transition: all 200ms ease-out;
    display: none;
    cursor:pointer;
}















/**************************************************/
/**************************************************/
/* PC버전 조절          ******************************/
/**************************************************/
/**************************************************/

@media (min-width: 768px) {

  html {font-size:80%;}
  body {
    width: 100%;
    background-color: #000000;
  }


  .headerWrap {
    background-color: #000000;
    /*margin: 0 auto;
    left: 50%;
    transform: translateX( -50% );*/
  }
  header {
    position: relative;
    width: 800px;
    height: 5rem;
    margin: 0 auto;
    background-color: #1D1B28;
  }
  .mainmenu {
    width: 800px;
    background-color: #1D1B28;
    margin: 0 auto;
    left: 50%;
    transform: translateX( -50% );
  }
  .wrap {max-width: 800px; min-height: 100%; margin: 0 auto; background-color: #000000;}
  .contWrap {position: relative;}
  .btn_area {position: relative;}


  .video_like {right:1.4rem;}
  .video_like.on {right:1.4rem;}
  .video_share {display:none;}
  .video_wrap {
    position:relative;
    width:100%;
    height:0; 
    top: 0;
    padding-bottom:56.25%;
    margin-top: 5rem;
    z-index: 0;} 
  .video_wrap iframe{ position:absolute; width:100%; height:100% ;}
  .video_fakewrap { display: none;}
  .videoWrap{position:relative;padding: 0 0 0 0;}
  .commentWrap {display: none; position: relative; top: unset; left: unset;z-index: 0; background-color: #1D1B28; padding: 0;}
  .commentWrap .title_box {position: relative; top: 0rem; left: 0rem;z-index: 0; padding:1rem 1.5rem; border-top: 0.1rem solid #666666;border-bottom: 0.1rem solid #666666; background-color: #333743;}
  .comment_box {position: relative; width: 100%; padding: 1.2rem 1.5rem 1rem 1.5rem; background:;}



  /********main*****************/
  .dropdown_bg {
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      min-width: 100%;
      min-height: 100%;
      z-index: 99;
      background: rgba(0, 0, 0, 0.4);
      cursor: pointer;
  }
  /* 각 섹션 타이틀 */
  .title_box {border-top: 0.2rem solid #000000; }

  /********안내창*****************/
  .layer_center .content {width: 40rem;}

  /********더보기, 이벤트 리스트 두줄*******************/
  .newsList {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
  }
  .newsBox {width: 48%;}
  .newsBox:nth-child(2n) {margin-left: 3%}


  /********지도 화면*****************/
  .mapiframbox {
      width: 52rem !important;
      height:  64rem !important;
      margin: 0 auto;
      z-index: -1 !important;
  }
  .mapiframbox iframe{
      width:  100% !important;
      height:  64rem !important;
      margin: -10rem 0rem 0rem 0rem !important;
      padding: 0 0 0 3rem;
      z-index: -1 !important;
  }


}


@media screen and (max-width: 600px) {
  .tbl_St1 td.title {
    text-align: center;
    color: #dbdbdb;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.3rem;
    line-height: 2rem;
    width: 50px;
}
}