@charset "utf-8";

/* Font */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/Pretendard-Light.otf);
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/Pretendard-Regular.otf);
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/Pretendard-Medium.otf);
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	src: url(/fonts/Pretendard-Bold.otf);
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 900;
	src: url(/fonts/Pretendard-ExtraBold.otf);
}

@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.eot');
  src: url('/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'),
       url('/fonts/Roboto-Regular.ttf') format('truetype'),
       url('/fonts/Roboto-Regular.woff') format('woff'),
       url('/fonts/Roboto-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0061-007A, U+0041-005A, U+0030-0039;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Medium.eot');
  src: url('/fonts/Roboto-Medium.eot') format('embedded-opentype'),
       url('/fonts/Roboto-Medium.svg') format('svg'),
       url('/fonts/Roboto-Medium.ttf') format('truetype'),
       url('/fonts/Roboto-Medium.woff') format('woff'),
       url('/fonts/Roboto-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  unicode-range: U+0061-007A, U+0041-005A, U+0030-0039;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.eot');
  src: url('/fonts/Roboto-Bold.eot') format('embedded-opentype'),
       url('/fonts/Roboto-Bold.svg') format('svg'),
       url('/fonts/Roboto-Bold.ttf') format('truetype'),
       url('/fonts/Roboto-Bold.woff') format('woff'),
       url('/fonts/Roboto-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0061-007A, U+0041-005A, U+0030-0039;
}


@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url(/fonts/Montserrat-Light.ttf);
	unicode-range: U+0061-007A, U+0041-005A, U+0030-0039
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/Montserrat-Regular.ttf);
	unicode-range: U+0061-007A, U+0041-005A, U+0030-0039
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/Montserrat-Medium.ttf);
	unicode-range: U+0061-007A, U+0041-005A, U+0030-0039
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url(/fonts/Montserrat-Bold.ttf);
	unicode-range: U+0061-007A, U+0041-005A, U+0030-0039
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url(/fonts/Montserrat-Black.ttf);
	unicode-range: U+0061-007A, U+0041-005A, U+0030-0039
}


/*@font-face {
  font-family: 'NanumBarunGothic';
  src: url('../fonts/NanumBarunGothic.eot');
  src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumBarunGothic.svg#NanumBarunGothic') format('svg'),
       url('../fonts/NanumBarunGothic.ttf') format('truetype'),
       url('../fonts/NanumBarunGothic.woff') format('woff'),
       url('../fonts/NanumBarunGothic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}*/

/* reset */
*{-webkit-box-sizing:border-box; box-sizing:border-box}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, button, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, select, small, strike, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, hr, 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; outline:none; font-family:'Roboto','Pretendard'; font-size:2vw; line-height:1.3; letter-spacing:-0.005em; font-style:normal; font-weight:normal; vertical-align:baseline; color:#A1A1AA; word-break:keep-all; word-wrap:break-word}
ul, ol, li, th, td{list-style:none}
strong, span, em, b, u, i, li, dt, dd, p{font-size:inherit; color:inherit; letter-spacing:inherit;font-weight:inherit;}
article,aside,footer,header,nav,main,section,summary,details,hgroup,figure,figcaption{display:block}
audio,canvas,video,progress{display:inline-block}
table{margin:0; padding:0; width:100%; border-spacing:0; border-collapse:collapse; table-layout:fixed}
th,td{vertical-align:middle}
/* legend, caption{display:block; overflow:hidden;clip:rect(0,0,0,0);position:absolute; top:0; left:0; width:3px; height:3px; font-size:1px; line-height:0; white-space:nowrap} */
legend, caption{overflow:hidden;width:1px;height:1px;margin:-1px 0 0 -1px;font-size:1px;line-height:0}
a{display:block; font-size:inherit; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
button, label{background:none; font-size:inherit; cursor:pointer; white-space:nowrap}
img{max-width:100%; width:auto}
body{-webkit-text-size-adjust:none}
html, body {height:100%;}
h1,h2,h3,h4,h5,h6,strong,address{font-weight:normal}
.modal .modal-body.rigo_body {height:80vh;overflow:auto;}
/* input */
input, textarea, select, button{border-radius:0; vertical-align:middle; font-family:inherit; font-size:inherit; line-height:inherit; appearance:none; -webkit-appearance:none; -moz-appearance:none}
select::-ms-expand{display:none}
input[type="checkbox"]{appearance:checkbox; -webkit-appearance:checkbox; -moz-appearance:checkbox}
input[type="radio"]{appearance:radio; -webkit-appearance:radio; -moz-appearance:radio}
textarea{resize:none}
select:focus, button:focus, input:focus, textarea:focus{outline-width:0}
input[type=submit]{cursor:pointer}
button,select{text-transform:none}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0}
button[disabled],input[disabled]{cursor:default}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto; -webkit-appearance:none; margin:0}
/* placeholder */
*::-webkit-input-placeholder{color:#71717A}
*:-moz-placeholder{color:#71717A}
*::-moz-placeholder{color:#71717A}
*:-ms-input-placeholder{color:#71717A}
/*검색어 자동완성*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px #38404E inset !important;
    -webkit-text-fill-color: #A1A1AA !important;
}

.input_form {padding:4.0000vw 0;}
.input_form + .input_form {border-top:0.2667vw solid #2B313A;}
.form_tit {line-height:1.14;margin-bottom:2.6667vw;font-size:3.7333vw;font-weight:500;color:#eee;}
.form_tit span {font-weight:inherit;}
.form_tit .detail_txt {color:#5c5c5c;}
.input_wrap + .form_tit {margin-top:5.3333vw;}
.bullet:before {content: "*";display: inline-block;margin-right: 0.8000vw;color: #e52121;vertical-align: middle;}
.input_wrap + .input_wrap {margin-top:4.2667vw;}
.input_wrap .form_tit {display: block;line-height: 1.3;margin-top: 2.6667vw;margin-bottom: 2.1333vw;font-size: 3.4667vw;}
.input_wrap input[type="text"],
.input_wrap input[type="password"],
.input_wrap input[type="date"],
.input_wrap select,
.input_wrap textarea{ padding: 0 4.2667vw; width: 100%; height: 11.7333vw; border: 0.2667vw solid #575757;border-radius:2.6667vw;box-sizing: border-box; font-size: 4.0000vw; color: #eee;background-color:#393C46; }
.input_wrap select {background:#393C46 url(/images/Scrs5/icon_sel_arrow.png) no-repeat 100% 50%;background-size:6.6667vw auto;}
.input_wrap textarea {height:auto;min-height:37.3333vw;padding-top:3.2000vw;padding-bottom:3.2000vw;}
.input_wrap input[type="text"]:focus,
.input_wrap input[type="password"]:focus,
.input_wrap input[type="date"]:focus,
.input_wrap select:focus,
.input_wrap textarea:focus {border-color:#eee;}
.input_wrap input::-webkit-input-placeholder {color:#797979;}
.input_wrap input:-ms-input-placeholder {color:#797979;}
.input_wrap input::placeholder {color:#797979;}
.input_wrap.with_btn {display:flex;flex-wrap:wrap;}
.input_wrap.with_btn input {width:calc(100% - 26.1333vw);}
.input_wrap.with_btn input + .btn  {margin-left:2.1333vw;}
/*파일첨부*/
.file_upload {position: relative}
.file_upload label {position:absolute;top:50%;right:1.6000vw;transform:translateY(-50%);cursor: pointer;}
.file_upload .inp_filename {width: 100%;height: 11.7333vw;vertical-align: middle;padding:0 21.3333vw 0 4.8000vw;border: 0.2667vw solid #15181E;border-radius:2.6667vw;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 3.7333vw;color: #eee;background-color:#15181E;}
.file_upload input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0}
/*체크박스*/
.chk_box_area {}
.chk_box_wrap {padding:1.0667vw 0;}
.chk_box {display:inline-block}
.chk_box + .chk_box{margin-left:10.4000vw}
div.chk_box {display:block;}
div.chk_box + .chk_box {margin:4.8000vw 0 0 0;}
div.chk_box input[type="checkbox"] + label {white-space:normal;}
div.chk_box input[type="checkbox"] + label span {font-size:3.7333vw;}
.chk_box input[type="checkbox"] {position: absolute;overflow: hidden;width: 1px;height: 1px; left: -9999px;outline: 0}
.chk_box input[type="checkbox"] + label {position: relative;display: block;padding-left: 5.8667vw;font-size: 4.0000vw}
.chk_box input[type="checkbox"] + label:before {content: '';position: absolute;top: 0;left: 0;width: 4.8000vw;height: 4.8000vw;background: url(/images/common/radiobox.png) no-repeat left 0;background-size: 4.8000vw auto}
.chk_box input[type="checkbox"]:checked + label:before {background: url(/images/Scrs5/common/radiobox_on.png) no-repeat left 0;background-size: 4.8000vw auto}
.chk_box input[type="checkbox"] + label span { color: #eee;font-size: 4.2667vw;}
.chk_box_wrap.col2 {display:flex;flex-wrap:wrap;}
.chk_box_wrap.col2 .chk_box {width:50%;}
.chk_box_wrap.col2 .chk_box:nth-child(2) {margin-top:0;}
/*라디오박스*/
.rdo_box_wrap {padding:1.0667vw 0;}
.rdo_box {display:inline-block}
.rdo_box + .rdo_box{margin-left:10.4000vw}
.rdo_box input[type="radio"] {position: absolute;overflow: hidden;width: 1px;height: 1px; left: -9999px;outline: 0}
.rdo_box input[type="radio"] + label {position: relative;display: block;padding-left: 5.8667vw;font-size: 4.0000vw}
.rdo_box input[type="radio"] + label:before {content: '';position: absolute;top: 0;left: 0;width: 4.8000vw;height: 4.8000vw;background: url(/images/common/radiobox_ty2.png) no-repeat left 0;background-size: 4.8000vw auto}
.rdo_box input[type="radio"]:checked + label:before {background: url(/images/Scrs5/common/radiobox_ty2_on.png) no-repeat left 0;background-size: 4.8000vw auto}
.rdo_box input[type="radio"] + label span { color: #eee;font-size: 4.2667vw;}
.rdo_area.long_txt {}
.rdo_area.long_txt .rdo_box {display:block;margin-left:0;}

/*검색창*/
.search_bx_ty2 {position:relative;}
.search_bx_ty2 .search_input {width:100%;height:10.6667vw;border-radius:10.6667vw;border:0.2667vw solid #343439;padding:0 11.2000vw 0 4.2667vw;font-size:4.0000vw;color:#A1A1AA;background-color:#1C1F26;}
.search_bx_ty2 .search_btn {position:absolute;top:0;right:0;width:10.6667vw;height:10.6667vw;font-size: 1px;color:transparent;background:url(/images/common/icon_search.png) no-repeat 50% 50%;background-size:4.0000vw auto;}
.search_bx_ty2 .search_input::-webkit-input-placeholder {color:#71717A;}
.search_bx_ty2 .search_input:-ms-input-placeholder {color:#71717A;}
.search_bx_ty2 .search_input::placeholder {color:#71717A;}

.search_bx_wrap {margin-top:3.7333vw;}
.search_bx_wrap .input_wrap select {height:10.6667vw;border-radius:10.6667vw;color:#A1A1AA;background-color:#1C1F26;}
.search_bx_wrap > * + * {margin-top:2.6667vw;}


.inp_msg_txt {display:none;line-height:1.5;margin-top:1.8667vw;font-size:3.2000vw;}
.input_wrap.inp_msg_red  input[type="text"], .input_wrap.inp_msg_red input[type="password"], .input_wrap.inp_msg_red input[type="date"], .input_wrap.inp_msg_red select {border-color:#F14944;}
.inp_msg_red .inp_msg_txt {display:block;color:#F14944;}

.input_wrap.disabled .form_tit {color:#868686;}

/* blind */
.blind{overflow:hidden; display:block; width:1px; height:1px; margin:-1px; border:0; font-size:1px; line-height:0; clip:rect(0,0,0,0)}
.wrap{position:relative; padding-top:16vw; -webkit-transition:padding 0.1s; -moz-transition:padding 0.1s; transition:padding 0.1s}
.inner{padding:0 5.333vw}
.inner:after{content:''; display:block; clear:both}
.pd_inner:after{content:''; display:block; clear:both}
.group::after{content:''; display:block; clear:both}
.group2 {display: flex;flex-wrap: wrap;justify-content: space-between;}
.w50pct {width:50% !important;}
.w100pct {width:100% !important;}

.content{min-height:calc(100vh - 160vw);padding:0.2667vw 0 20vw;background:#181B22}
.content_pd{padding:4.133vw 0 13.333vw; background:#e8ecf1}
.content_btm{padding:0 0 13.333vw; background:#e8ecf1}
.content.bg_wave {background:#191c23 url(/images_mobile/bg_wave_m.png) no-repeat 0 14.1333vw;background-size:100% auto;}
.content.bg_wave_btm {padding-bottom:28.0000vw;background:#191c23 url(/images_mobile/bg_wave_m.png) no-repeat;background-position:left 0 bottom -16vw;background-size:100% auto;}
.content.bg_img {background-image:url(/images_mobile/sub_bg.png);background-repeat:no-repeat;background-size:100% auto;}
.content.yex_bg {padding-bottom:0;background:#000 url(/images/Scrs5/bg_yex_m.jpg) no-repeat 50% 0;background-size:100%;}

.inner.bg_wave_btm {background: url(/images_mobile/bg_wave_m.png) no-repeat;background-position:left 50% bottom 9.0667vw;background-size:100% auto;}

/* 국가별 아이콘 */
[class^="ico_country_"]{display:inline-block; overflow:hidden; width:8.133vw; height:8.133vw; background:url('/images_mobile/common/ico_country.png') no-repeat; background-size:100%; vertical-align:middle}
.ico_country_korea{background-position:0 0}
.ico_country_vietnam{background-position:0 -14.933vw}
.ico_country_japan{background-position:0 -29.4667vw}
.ico_country_thailand{background-position:0 -44.5333vw}
.ico_country_russia{background-position:0 -59.1999vw}
.ico_country_india{background-position:0 -74.1333vw}
.ico_country_singapore{background-position:0 -89.0667vw}
.ico_country_global{background-position:0 -103.7333vw}

/* 체크박스 라디오버튼  */
.chk_box input[type=radio] {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* 아이콘 */
.ico_unit_dollar{display:inline-block; overflow:hidden; width:3.12vw; height:3.12vw; background:url('/images_mobile/ico_dollar.png') no-repeat; background-size:3.12vw auto; vertical-align:-0.5333vw}

/* Font */
/*.f_nb{font-family:'NanumBarunGothicBold' !important; font-weight:bold}*/

/* header */
.header{position:fixed; top:0; left:0; right:0;height:16.0000vw; padding:3.2000vw 0;background:#13161C; z-index:999; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s}
.header .logo{margin:0 auto 0 0; width:23.2000vw; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s}
.header .logo img{width:100%}
.header .btn_lang {position:absolute; top:2.6667vw; right:0; width:10.4000vw;height:10.4000vw;border-radius:2.6667vw;background:#292D35 url() no-repeat 50% 50%;}
.header .btn_lang.mymenu {right:3.2000vw;background-image:url(/images_mobile/common/icon_lang.png);background-size:5.8667vw auto;}
.header .btn_lang.search { right:15.7333vw; background-image:url(/images_mobile/common/icon_search.png);background-size:4.8000vw auto;}
.header .header_add {display:none; position:absolute; top:15.733vw;width:100%; margin:0 -5.333vw;padding:4vw 2.667vw;border-top:0.2667vw solid rgba(112,112,112, .16);background-color:#282E3A; }
.header .header_add_tit {display:block;line-height:1.15;margin-bottom:2.1333vw;font-size:5.0667vw;font-weight:700;color:#eee;}
.header .header_add_tit i {font-size:6.1333vw;vertical-align:-0.5333vw;opacity:.3;}
.header .search_bx{position:relative;}
.header .btn_lang.on{background-color:#06AEF6;}
.header .btn_lang.search.on {background-image:url(/images_mobile/common/icon_close.png);background-size:3.7333vw auto;}
.header .search_bx{text-align:left}
.header .search_bx .search_input{padding-top:0.533vw;width:100%;height:12.2667vw;padding:0 6.4000vw;border-radius:2.1333vw;font-size:4.2667vw;text-align:left;color:#A1A1AA;background-color:#38404E;}
.header .search_bx .search_btn{position:absolute;top:0;right:0;width:12.2667vw; height:12.2667vw; color:#fff; font-size:3.2vw; background:url(/images_mobile/common/icon_search.png) no-repeat 50% 50%;background-size:4.8000vw auto; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s}
/* header에 소셜거래소로 이동하는 select box추가 */
.header .social_select {position: absolute; top:20px; left: 32vw;}
.selectBox2 * { box-sizing: border-box; }
.selectBox2 {
  position: relative;
  width: 150px;
  height: 35px;
  border-radius: 4px;
  border: 2px solid lightcoral;
  background: url('https://freepikpsd.com/media/2019/10/down-arrow-icon-png-7-Transparent-Images.png') calc(100% - 7px) center no-repeat;
  background-size: 20px;
  cursor: pointer;
}
/*.social_select:after {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 35px;
    background: lightcoral;
}*/
.social_select .label {
    display: flex;
    align-items: center;
    width: 26px;
    height: 26px;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    cursor: pointer;
    border: 2px solid #36393e;
    border-radius: 50%;
    background-image: url(/images/Scrs5/home/socialerus_select.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.social_select .optionList {
    position: absolute;
    top: 30px;
    left: -110px;
    background: #1e2128;
    color: #fff;
    list-style-type: none;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    max-height: 0;
    transition: .3s ease-in;
    font-size: 15px;
    width: 301px;
}
.social_select.active .optionList {
    max-height: 500px;
    border: 1px solid #5C5C5C;
}
.social_select .optionItem:nth-child(2) {
    padding: 10px 17px 20px 17px;
}
.social_select .optionItem:first-child a{background:#404248;padding:10px !important;border-radius:10px;font-weight:200;font-size:15px;width:100%;}

.social_select .optionItem {
    padding: 15px 17px 15px;
    transition: .1s;
    text-align: center;
}
.social_select .optionItem span {font-size: 17px;margin-left:3px;font-weight:600;}   
.social_select .optionItem a {color: #fff;}
.social_select .optionItem a img {width: 13px;}
    .social_select .optionItem:hover {
        background: #404248;
    }
    .social_select .optionItem:last-child {
        border-bottom: 0 none;
    }
/* 소셜거래소 select 끝 */

.open_lang {overflow:hidden;}
.open_lang body {overflow:hidden;}
.lang_dropdown{max-height:-webkit-calc(100vh - 15.733vw); max-height:-moz-calc(100vh - 15.733vw); max-height:calc(100vh - 15.733vw); background:#f1f4f6; z-index:1000; overflow-y:scroll;}
.lang_dropdown .lang_list{width:100%;}
.lang_dropdown .lang_list:not(:first-of-type){margin-top:2.133vw}
.lang_dropdown .lang_list >a{position:relative;display:block; position:relative;width:100%; height:12.2667vw;line-height:13.3333vw;padding:0 6.4000vw;border-radius:2.1333vw;font-size:4.2667vw;text-align:left;color:#ddd;background-color:#38404E;}
.lang_dropdown .lang_list >a::after {content:"\e93f";font-family:'xeicon';position:absolute;top:50%;right:4.5333vw;transform:translateY(-50%);font-size:4.8000vw;color:#ddd;}
.lang_dropdown .lang_list:hover, .lang_dropdown .lang_list:focus, .lang_dropdown .lang_list >a:active{border:0.2667vw solid #232637}
.lang_dropdown .lang_list [class^="ico_country_"]{margin-top:-0.6vw; margin-right:2.933vw}

/*header menu open*/
.header.open_nemu {background-color:#282E3A;}

/* header fixed */
/*.fixed_header{padding-top:16vw}
.fixed_header .header{padding:2.4vw 0}
.fixed_header .header .logo{float:left; padding:1.333vw 0; width:21.333vw}
.fixed_header .header .search_bx{float:left; margin:0 0 0 6.3vw; padding:1.333vw 1.6vw 1.333vw 3.2vw; width:51.2vw; height:10.667vw}
.fixed_header .header .search_bx .search_input{font-size:3.467vw}
.fixed_header .header .search_bx .search_btn{width:15.467vw}*/

/* fixed menu */
.fixed_btm_set{position:fixed; bottom:0; width:100%; height:16.0000vw;padding:0 5.3333vw;border-top:0.2667vw solid #2B313A;background-color:#0F1115;z-index:100}
.fixed_btm_set:after{content:''; display:block; clear:both}
.fixed_btm_set .btn_gnb_toggle {float:left; width: 10.6667vw; height:100%;}
.fixed_btm_set .btn_gnb_toggle button {width:100%;height:10.6667vw;margin-top:2.9333vw;border-radius:2.6667vw;background:#292D35 url(/images_mobile/common/icon_menu.png) no-repeat 50% 50%;background-size:4.0000vw auto;}
.fixed_btm_set .btm_set_list{float:left; width:calc(100% - 10.6667vw); height:100%}
.fixed_btm_set .btm_set_list:after{content:''; display:block; clear:both}
.fixed_btm_set .btm_set_list [class^="list_"]{float:left;position:relative; width:33.33%; height:100%;}
.fixed_btm_set .btm_set_list [class^="list_"]:before{content:'';font-family:'xeicon';display:block; position:absolute; top:2.6667vw;left:50%;font-size:4.5333vw;color:#30B4AF; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%)}
.fixed_btm_set .btm_set_list .list_ranking:before {content:"\ea38";}
.fixed_btm_set .btm_set_list .list_premium:before {content:"\e9da";}
.fixed_btm_set .btm_set_list .list_yex:before {content:"\ea74";}
.fixed_btm_set .btm_set_list .list_finder:before {content:"\eb57";}
.fixed_btm_set .btm_set_list [class^="list_"]:not(:first-of-type)::after{content:'';display:block;position:absolute;top:4.0000vw;left:0;width:0.2667vw;height:8.0000vw;background-color:#393C46;}
.fixed_btm_set .btm_set_list [class^="list_"] >a{line-height:1.14;padding:8.933vw 0 2.667vw; color:#91939c; font-size:3.7333vw;font-weight:500;text-align:center;color:#eee;}
.fixed_btm_set .btm_set_list [class^="list_"]:hover >a, .fixed_btm_set .btm_set_list [class^="list_"]:active >a, .fixed_btm_set .btm_set_list [class^="list_"]:focus >a{color:#fff}

/* slide gnb */
.slide_gnb_wrap{display:none; position:fixed; top:0; left:0; padding:3.2000vw 2.6667vw; width:100vw; height:100vh; background:#282E3A; z-index:1000}
.slide_gnb_wrap .gnb_inner{overflow-y:auto; padding-bottom:21vw; height:100vh}
.gnb_logo{padding:0 2.6667vw;}
.gnb_logo img {display:block;width:23.2000vw;margin:0 auto 0 0;}
.gnb_menu_wrap{padding:1.334vw 0 2.133vw}
.gnb_menu_wrap .depth1_list{position:relative; padding:3.4667vw 0}
.gnb_menu_wrap .depth1_list:after{content:''; display:block; clear:both}
.gnb_menu_wrap .depth1_list + .depth1_list::before{content:'';display:block;position:absolute;top:0;left:16.0000vw;right:0;height:0.2667vw;background-color:#353B46;}
.gnb_menu_wrap .depth1_tit{position:absolute; top:50%; left:0; padding-top:11.5vw; width:14%; color:#b5babf; font-size:3.467vw; text-align:center; transform:translateY(-50%)}
.gnb_menu_wrap .depth1_tit:before{content:'';font-family:'xeicon';display:block; position:absolute; top:1.6000vw;left:50%; width:11.2vw; height:10.667vw;font-size:8.0000vw;color:rgba(161,161,170, .23);transform:translateX(-50%);}
.depth1_list.ranking .depth1_tit::before {content:"\ea38";}
.depth1_list.yex .depth1_tit::before {content:"\ea74";top:1.3333vw;}
.depth1_list.bigdata .depth1_tit::before {content:"\e901";}
.depth1_list.insight .depth1_tit::before {content:"\eb02";}
.depth1_list.guide .depth1_tit::before {content:"\ea25";}
.depth1_list.membership .depth1_tit::before {content:'';}

.gnb_menu_wrap .depth2_menu{display:block;padding-left:16.0000vw;}
.gnb_menu_wrap .depth2_menu:before{content:''; display:block; clear:both;}
.gnb_menu_wrap .depth2_menu .depth2_list {float:left; width:calc((100% - 4.0000vw)/2);}
.gnb_menu_wrap .depth2_menu .depth2_list a {height:10.6667vw;line-height:10.1333vw;border:0.2667vw solid transparent;border-radius:2.1333vw;font-size:3.7333vw;font-weight:500;text-align:center;letter-spacing:-0.05em;color:#eee;background:#1E2026;}
.gnb_menu_wrap .depth2_menu .depth2_list + .depth2_list {margin-top:2.1333vw;}
.gnb_menu_wrap .depth2_menu .depth2_list:nth-child(2) {margin-top:0;}
.gnb_menu_wrap .depth2_menu .depth2_list a.tye_line  {border-color:#5E6576;background-color:transparent;}
.gnb_menu_wrap .depth2_menu .depth2_list a.tye_line i {margin-left:0.8000vw;font-size:3.7333vw;vertical-align:-0.2667vw;color:#5E6576;}
.gnb_menu_wrap .depth2_menu .depth2_list a.bg_gray {background:#38404E;}
.gnb_menu_wrap .depth2_menu .depth2_list:nth-child(2n){margin-left:4.0000vw;}
.slide_gnb_wrap .gnb_btm {position:fixed; bottom:0; left:0;width:100vw; height:16.0000vw; padding:0 5.3333vw;border:0.2667vw solid #2B313A;background-color:#0F1115;}
.slide_gnb_wrap .gnb_btm::after {content:'';display:block;clear:both;}
.slide_gnb_wrap .gnb_btm .btn_close {float:left;width:10.6667vw; height:100%;}
.slide_gnb_wrap .gnb_btm .btn_close button {width: 100%; height: 10.6667vw;margin-top: 2.9333vw;border-radius: 2.6667vw;background: #06AEF6 url(/images_mobile/common/icon_close.png) no-repeat 50% 50%;background-size: 3.7333vw auto;}
.gnb_btm .private_bx{float:left;display:flex; flex-direction:row;width:calc(100% - 10.6667vw);height:100%;}
.gnb_btm .private_bx [class^="private_"] {position:relative;flex:1;height:100%;}
.gnb_btm .private_bx [class^="private_"] + p::after {content:'';display:block;position:absolute;top:4.0000vw;left:0;width:0.2667vw;height:8.0000vw;background-color:#393C46;}
.gnb_btm .private_bx [class^="private_"] >a{height:100%;color:#eee; font-size:3.7333vw;font-weight:500;text-align:center;line-height:16.0000vw;}
.gnb_btm .private_bx [class^="private_"] >a i {margin-right:1.0667vw;font-size:4.5333vw;vertical-align:-0.8000vw;color:#30B4AF;}
/* top banner */

/* 20190805 수정 s */
.bnr_bx{position:relative; height:25.333vw; color:#fff; font-size:5.333vw; text-align:center}
.bnr_bx img{height:100%}
/* 20190805 수정 e */
.bnr_bx .bnr_txt_bx{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%}
.bnr_bx .bnr_txt_bx >span{display:block}
.bnr_bx .bnr_txt_bx .tit_txt{line-height:}
.bnr_bx .bnr_txt_bx .sub_txt{margin-top:1vw; color:#b9c1d1; font-size:3.466vw}

/* footer */
.footer{padding-bottom:16.0000vw;background:#0F1115;}
.footer_links {padding:4.0000vw 0;}
.footer_links:after{content:''; display:block; clear:both}
.footer_links >li{float:left;width:33.333333%}
.footer_links >li a b {font-weight: 800;}
/*.footer_links >li:nth-child(2) {width:66.666666%;}*/
.footer_links >li:nth-child(1), .footer_links >li:nth-child(2),.footer_links >li:nth-child(3),
.footer_links >li:nth-child(4), .footer_links >li:nth-child(5),.footer_links >li:nth-child(6) {margin-bottom:2.6667vw;}
.footer_links >li >a{position:relative;line-height:1.16;padding:0 2.7333vw; font-size:3.2000vw; text-align:left;color:#eee;}
.footer_links >li:nth-child(1) >a,
.footer_links >li:nth-child(4) >a,
.footer_links >li:nth-child(7) >a{padding-left:0;}
.footer_links >li:not(:first-of-type, :nth-child(4), :nth-child(7)) >a:before {content:''; display:block; position:absolute; left:0; top:0.267vw; width:0.2667vw; height:3.467vw; background:#707070}
.footer .footer_logo{margin:0 auto 0 0; width:24.533vw}
.footer_top_bx{padding:4.0000vw 0 3.2000vw;border:0.2667vw solid #393C46;border-width:0.2667vw 0;text-align:left}
.footer_top_bx .com_info{display:inline-block; margin-top:5.3333vw;}
.footer_top_bx .com_info:after{content:''; display:block; clear:both}
.footer_top_bx .com_info >li{float:left;line-height:1.6;position:relative;color:#b6b6b7; font-size:3.2000vw;}
.footer_top_bx .com_info >li + li {margin-left:4.8000vw;}
.footer_top_bx .com_info >li + li::before{content:''; display:block; position:absolute; top:1.8667vw; left:-2.6667vw; width:0.8000vw; height:0.8000vw; border-radius:50%; background:rgba(147,147,147, .3);}
.footer_top_bx p {line-height:1.6;color:#b6b6b7; font-size:3.2000vw;} 
.footer_btm_bx{padding:3.2000vw 0 8.0000vw;}
.footer_btm_bx .copyright {line-height:1.9;font-size:2.9333vw;color:#7B7B7B;}
.footer_btm_bx .footer_etc{display:inline-block;margin-top:4.0000vw;}
.footer_btm_bx .footer_etc:before{content:''; display:block; clear:both}
.footer_btm_bx .footer_etc >li{float:left}
.footer_btm_bx .footer_etc >li + li{margin-left:2.1333vw;}
.footer_btm_bx .footer_etc >li img {width:100%;border-radius:1.3333vw;}
.footer_btm_bx .copytight_ok{width:15.733vw}
.footer_btm_bx .microsoft{width:20.533vw}
.footer_btm_bx .footer_txt{line-height:1.45;margin-top:4.8000vw;color:#A1A1AA;font-size:2.9333vw; text-align:left; }
.footer_btm_bx .footer_txt p + p {margin-top:4.0000vw;}

/* guide */
.layout_guide .item{margin-top:2vw}

/* bg */
.bg_inner{padding:0 5.333vw; border-top:1px solid #d4d8de; border-bottom:1px solid #d4d8de; background-color:#fff}

/* 타이틀 */
.tit_area .heading1{position:relative; padding-bottom:2.133vw; font-size:5.333vw; color:#eee}
.tit_area .heading1:before{content:""; display:block; position:absolute; left:0; bottom:0; width:8vw; height:0.533vw; background-color:#00aef6}
.tit_area .heading1 .small{display:inline-block; margin-left:1.6vw; font-size:3.467vw; color:#A1A1AA}

.tit_area.ft_white .heading1{color:#eee}


/* ico title */
.ico_badge{position:relative}
.ico_badge:after{content:""; display:block; position:absolute; top:50%; left:0}
.ico_badge.type1{padding-left:8.267vw}
.ico_badge.type1:after{margin-top:-6.4000vw; width:6.4vw; height:6.4vw; border-radius:50%; background:#131329 url(/images_mobile/ico_faqmark.png) no-repeat center; background-size:100% auto; background-position:0 0}
.ico_badge.type2{padding-left:7.067vw}
.ico_badge.type2:after{margin-top:-2.867vw; width:5.733vw; height:5.733vw; border-radius:50%; background:#7ec224 url(/images_mobile/ico_ad_finder.png) no-repeat center; background-size:100% auto; background-position:0 0}
.ico_badge.type3{padding-left:7.067vw}
.ico_badge.type3:after{margin-top:-2.867vw; width:5.733vw; height:5.733vw; border-radius:50%; background:#ff7307 url(/images_mobile/ico_ad_finder.png) no-repeat center; background-size:100% auto; background-position:0 -5.467vw}
.ico_badge.type4{padding-left:8.4vw}
.ico_badge.type4:after{margin-top:-3.333vw; width:6.667vw; height:6.667vw; background:#7ec224 url(/images_mobile/ico_loudspeaker.png) no-repeat center; background-size:4.933vw auto}


/* text */

.con_tit{font-size:4.533vw; color:#eee}
.con_tit_m{font-size:4vw}
.con_tit_s{font-size:3.467vw}
.con_desc{font-size:2.933vw; color:#666}
.con_desc_b{font-size:3.4667vw;line-height:5.0667vw}
[class^="con_tit"].ft_white{color:#fff}
[class^="con_desc"].ft_white{color:#fff}

/* infomation list */
.item_info{display:table; font-size:3.467vw}
.item_info + .item_info{margin-top:1.467vw}
.item_info .tit{display:table-cell; vertical-align:top;white-space:nowrap; padding-right:1.867vw; color:#056dcc}
.item_info .conts{display:table-cell; vertical-align:top}

/* 이미지 */
.img_wrap img{width:100%}

/* 뱃지 */
.badge{display:inline-block}
.badge.type01{min-width:7.2vw}
.badge.type02{min-width:6.667vw}
.badge >span{display:block; padding:0 0.8vw; font-size:2.933vw; color:#fff; text-align:center; box-sizing:border-box}
.badge.type01 >span{height:4.266vw; line-height:4.7vw; border-radius:13.3333vw; vertical-align:bottom}
.badge.type02 >span{height:4.7vw; line-height:5vw}
.badge .blue{background:#3794ff}
.badge .green{background:#7ec224}
.badge .orange{background:#ff7307}
.badge .red{background:red}
/* 버튼 */
.btn{width:100%; padding:3.7333vw 0;border-radius:1.6000vw;border:0.2667vw solid transparent;font-size:4.8000vw;text-align:center;box-sizing:border-box;color:#fff; background-color:#06AEF6;}
.btn.type1 {display: inline-block;padding: 1.8667vw 0;width: 18.6667vw;font-size: 3.4667vw;}
.btn.type2 { display: inline-block;height: 11.7333vw;padding: 2.9333vw 0.0000vw;width: 24.0000vw;font-size: 4.2667vw;}
.btn.type4 {display: inline-block;width: auto;height:5.3333vw;line-height:4.8000vw;padding: 0 1.6000vw;font-size: 3.2000vw;}
.btn.type4 span {line-height:4.5333vw;}
.btn.type4 i {line-height:4.5333vw;margin-right:0.5333vw;font-size:2.9333vw;}
.btn.type5 {display:inline-block;width:auto;height:10.6667vw;line-height:10.1333vw;border:0.2667vw solid transparent;padding:0 4.2667vw;font-size:3.2000vw;font-weight:700;text-align:center;}
.btn_wrap {margin-top:5.3333vw;}
.btn_wrap + .btn_wrap {margin-top:2.6667vw;}
.btn_wrap.col2{display:flex;flex-wrap:wrap;}
.btn_wrap.col2 .btn{width: calc((100% - 1.867vw)/2);}
.btn_wrap.col2 .btn + .btn{margin-left:1.867vw}
.btn_wrap.top_line {border-top:1px solid #333;padding-top:40px;}
.more_wrap{margin-top:2.4vw}
.more_wrap .btn_more{width:100%; height:12.8vw; color:#fff; font-size:4vw; background:#95a3b5}
.color1{background-color:#93ca00 !important}
.color2{background-color:#95a3b5 !important}
.color3{background-color:#222 !important}
.color4{background-color:#131329 !important}
.btn.c_kakao {color:#452225;background-color:#e4c32a;}
.btn.btn_darkgray {color: #fff !important;background-color: #354255 !important;}
.btn.btn_gray {color: #191C23 !important;background-color: #ebebeb !important;}
.btn.btn_gray_line {color: #fff !important;background-color:transparent !important;border-color:#707070 !important;}
.btn.btn_blue_line {color: #A1A1AA !important;background-color:#101421 !important;border-color:#06AEF6 !important;}
.btn.btn_blue_line i {margin-right:0.5333vw;font-size:2.9333vw;color:#eee !important;}
.btn_purple {background-color:#7a50ed !important;}
.btn_pre_blue {border-color:transparent !important;color:#fff !important;background-color: #0d99ff !important;}
.btn_pre_purple {border-color:transparent !important;color:#fff !important;background-color: #7727fe !important;}
.btn_pre_pink {border-color:transparent !important;color:#fff !important;background-color: #b222d3 !important;}

.btn.c_kakao {color:#452225;background-color:#e4c32a;}

.desc_btn {position:relative;display:inline-block;width:100%;height:32.0000vw;line-height:1.4;padding:7.4667vw 8.0000vw;border-radius:2.1333vw;text-align:left;color:#fff;background-color:#07a0c6;}
.desc_btn .txt_wrap .m_chListImg_1 {width:100px;}
.desc_btn .txt_wrap .m_chListImg_2 {width:25px;height:25px;}
.desc_btn + .desc_btn {margin-top:2.6667vw;}
.desc_btn::after {content:"\f0a9";position:absolute;top:50%;right:30px;transform:translateY(-50%);font-family:"Font Awesome 6 Free" !important;font-size:5.8667vw;font-weight:900;}
.desc_btn .tit {font-size:4.2667vw;font-weight:700;color:#fff;}
.desc_btn .tit .mini_txt {font-size:3.2000vw;font-weight:400;}
.desc_btn .desc {margin-top:3.2000vw;font-size:3.4667vw;color:#fff;}
.desc_btn.no_arrow::after {display:none;}
.btn_wrap.desc_btn_wrap {}

.desc_btn_last {background-image:url(/bannerNew/mobile/24.png); padding: 9.4267vw 5.0000vw; background-position:center; background-size:cover;}
.desc_btn_last .txt_wrap {display:flex;align-items:center;}
.desc_btn_last .txt_wrap .tit {margin: 0 20px;}
/*margin, padding*/
.margin0 {
    margin: 0 !important;
}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:1.3333vw !important;}
.mb8 {margin-bottom:2.1333vw !important;}
.mb10 {margin-bottom:2.6667vw !important;}
.mb14 {margin-bottom:3.7333vw !important;}
.mb15 {margin-bottom:4.0000vw !important;}
.mb16 {margin-bottom:4.2667vw !important;}
.mb18 {margin-bottom:4.8vw !important;}
.mb20 {margin-bottom:5.3333vw !important;}
.mb24 {margin-bottom:6.4000vw !important;}
.mb30 {margin-bottom:8.0000vw !important;}
.mb36 {margin-bottom:9.6000vw !important;}
.mb40 {margin-bottom:10.6667vw !important;}
.mb50 {margin-bottom:13.3333vw !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:1.3333vw !important;}
.mt8 {margin-top:2.1333vw !important;}
.mt10 {margin-top:2.6667vw !important;}
.mt14 {margin-top:3.7333vw !important;}
.mt15 {margin-top:4.0000vw !important;}
.mt16 {margin-top:4.2667vw !important;}
.mt18 {margin-top:4.8vw !important;}
.mt20 {margin-top:5.3333vw !important;}
.mt24 {margin-top:6.4000vw !important;}
.mt30 {margin-top:8.0000vw !important;}
.mt36 {margin-top:9.6000vw !important;}
.mt40 {margin-top:10.6667vw !important;}
.mt50 {margin-top:13.3333vw !important;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:1.3333vw !important;}
.ml8 {margin-left:2.1333vw !important;}
.ml10 {margin-left:2.6667vw !important;}
.ml18 {margin-left:4.8vw !important;}
.ml20 {margin-left:5.3333vw !important;}
.ml30 {margin-left:8.0000vw !important;}
.ml36 {margin-left:9.6000vw !important;}
.ml40 {margin-left:10.6667vw !important;}
.ml50 {margin-left:13.3333vw !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:1.3333vw !important;}
.mr8 {margin-right:2.1333vw !important;}
.mr10 {margin-right:2.6667vw !important;}
.mr18 {margin-right:4.8vw !important;}
.mr20 {margin-right:5.3333vw !important;}
.mr30 {margin-right:8.0000vw !important;}
.mr36 {margin-right:9.6000vw !important;}
.mr40 {margin-right:10.6667vw !important;}
.mr50 {margin-right:13.3333vw !important;}
.padding0 {padding:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:1.3333vw !important;}
.pb8 {padding-bottom:2.1333vw !important;}
.pb10 {padding-bottom:2.6667vw !important;}
.pb14 {padding-bottom:3.7333vw !important;}
.pb18 {padding-bottom:4.8vw !important;}
.pb20 {padding-bottom:5.3333vw !important;}
.pb30 {padding-bottom:8.0000vw !important;}
.pb36 {padding-bottom:9.6000vw !important;}
.pb40 {padding-bottom:10.6667vw !important;}
.pb50 {padding-bottom:13.3333vw !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:1.3333vw !important;}
.pt8 {padding-top:2.1333vw !important;}
.pt10 {padding-top:2.6667vw !important;}
.pt14 {padding-top:3.7333vw !important;}
.pt18 {padding-top:4.8vw !important;}
.pt20 {padding-top:5.3333vw !important;}
.pt30 {padding-top:8.0000vw !important;}
.pt36 {padding-top:9.6000vw !important;}
.pt40 {padding-top:10.6667vw !important;}
.pt50 {padding-top:13.3333vw !important;}

/*border*/
.border0 {border:0 !important;}
.bt0 {border-top: 0 !important;}
.bb0 {border-bottom: 0 !important;}
.bl0 {border-left: 0 !important;}
.br0 {border-right: 0 !important;}

/* 로그인이필요합니다 */
.logout_txt{display:inline-block; padding-top:5.947vw; font-size:3.733vw; color:#9fa1ac; vertical-align:middle; background:url(/images_mobile/ico_view_no.png) no-repeat center top; background-size:5.493vw auto}
.logout_txt.ty2 { line-height:5.3vw; padding-top:0; font-size:3.467vw; background-image:none; }
/* box item */
.box_item{width:100%; padding:10.667vw 6.667vw 13.867vw; background-color:#fff}
.box_item.top_col1{border-top:0.5333vw solid #00aef6}
.box_item.top_col2{border-top:0.5333vw solid #7ec224}
.box_item.top_col3{border-top:0.5333vw solid #ff7307}

.box_item.type1{padding:3.467vw 4.133vw 5.733vw}
.box_item.type2{padding:8.8000vw 10.9333vw; background-color:#f1f4f6}
.box_item .con_tit.ellipsis.txtline02{white-space:normal; line-height:5.333vw; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.box_item .con_desc{margin-top:0.533vw}
.box_item .con_desc.ellipsis{white-space:normal; line-height:4vw; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.box_item .list_info{margin-top:3.2vw}

/* dim */
.dim_mask{display:none;position:fixed; left:0; top:0; z-index:990; width:100%; height:100%; background:#000; filter:alpha(opacity=70); opacity:0.7;}
/* color */
/*color*/
.color1{background:#93ca00 !important}
.color2{background:#b0bac7 !important}
.color3{background:#222222 !important}
.f_color_std {color:#A1A1AA !important;}
.f_color_white {color:#fff !important;}
.f_color1 {color:#06AEF6 !important;}
.f_color2 {color:#5C72DD !important;}
.f_color3 {color:#F14944 !important;}
.f_color4 {color:#7EC225 !important;}
.f_color5 {color:#30B4AF !important;}
.f_color6 {color:#4579AD !important;}
.f_color7 {color:#008CC7 !important;}
.f_color8 {color:#C64D21 !important;}
.f_color9 {color:#629B32 !important;}
.f_color10 {color:#92929D !important;}
.f_color11 {color:#ddd;}
.f_color12 {color:#eee;}
.f_color13 {color:#848BA1;}
.f_color14 {color:#5c5c5c;}
.f_color15 {color:#757b90 !important;}
.f_color16 {color: #FFE200 !important;}
/*.f_color1{color:#3794ff !important}
.f_color2{color:#7ec224 !important}
.f_color3{color:#ff7307 !important}
.f_color4{color:#eb1515 !important}
.f_color8{color:#5d73e1 !important;}*/

/*background color*/
.bgc01 {background-color: #5f8b26 !important;}
.bgc02 {background-color: #3695fd !important;}
.bgc03 {background-color: #4e56ed !important;}
.bgc04 {background-color: #7b4eed !important;}



/* table */
.tbl_type1{border:0.2667vw solid #c8d1db; box-sizing:border-box}
.tbl_type1 thead th{padding:1.866vw 0; font-size:3.466vw; color:#ffffff; background:#4f5269}
.tbl_type1 thead th + th{border-left:0.2667vw solid #6e7184}
.tbl_type1 tbody th{padding:2.9333vw 0;vertical-align:middle; font-size:3.466vw; color:#000}
.tbl_type1 tbody th span{display:inline-block; padding-top:6.133vw}
.tbl_type1 tbody td{padding:1.866vw 1.955vw; font-size:3.733vw; color:#25272b; border-left:0.2667vw solid #e8ecf1}
.tbl_type1 tbody tr:nth-child(even){background:#f8f9fd}
.tbl_type1 tbody tr:nth-child(odd) td{text-align:right}
.tbl_type1 tbody tr:nth-child(even) + tr:nth-child(odd){border-top:0.2667vw solid #e8ecf1}
/* 한줄 말줄임 */
.ellipsis{display:inline-block; width:81.067vw; -webkit-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
/* img mask */
.img_mask{ position:relative; display:inline-block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow:hidden}
.img_mask img{position:absolute; top:50%; left:50%; height:100%; max-width:inherit; min-width:100%; min-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%)}
/*txt스크린아웃*/
.screen_out { position: absolute; top: -9999em; left: -9999em; width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; }

/* font size */
.fs_10 {font-size: 2.6667vw !important;}
.fs_12 {font-size: 3.2vw !important;}
.fs_13 {font-size: 3.4667vw !important;}
.fs_14 {font-size: 3.7333vw !important;}
.fs_16 {font-size: 4.2667vw !important;}
.fs_18 {font-size: 4.8000vw !important;}
.fs_20 {font-size: 5.3333vw !important;}
.fs_30 {font-size: 8.0000vw !important;}
.fs_40 {font-size: 10.6667vw !important;}
.fs_50 {font-size: 13.3333vw !important;}

/* font weight */
.fw_300 {font-weight: 300;}
.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_700 {font-weight: 700;}

/* text transform */
.tt_upper {text-transform:uppercase;}
.tt_lower {text-transform:lowercase;}
.tt_capital {text-transform:capitalize;}

/* text align */
.tt_center {text-align:center !important;}
.tt_left {text-align:left !important;}
.tt_right {text-align:right !important;}
.tt_justify {text-align:justify !important;}

/* 공통 page top visual title */
.page_topvisual_title {display:flex; flex-wrap:wrap; width:100%;height:33.0667vw; text-align:center; align-items:center}
.page_topvisual_title .heading1 {width:100%; color:#eee; font-size:6.9333vw;font-weight:500;line-height:1.3;}
.page_topvisual_title .sub_tit {display:block; width:100%; color:#A1A1AA; font-size:5.3333vw; letter-spacing:-.0199vw}

.page_topvisual_title.insights_big {background-image:url(/images_mobile/img_pagetitle_big_insights.jpg)}

.page_topvisual_title.yex {height:auto;padding:12.0000vw 0 13.3333vw;}
.page_topvisual_title.yex .heading1 {line-height:1.3;font-size:6.9333vw;font-weight:700;}
.page_topvisual_title.yex .sub_tit {line-height:1.5;margin-top:3.2000vw;font-size:3.7333vw;color:#A1A1AA;}

.page_topvisual_title.utill {min-height:28.0000vw;height:auto;}
.page_topvisual_title.utill .heading1 {line-height:1.2;font-size:5.3333vw;}

.page_topvisual_title.bg {height:32.0000vw;background:url() no-repeat 50% 50%;background-size:cover;}
.page_topvisual_title.bg.insight {background-image:url(/images_mobile/insight_title_bg_m.png)}
.page_topvisual_title.bg.databiz {background-image:url(/images_mobile/databiz_title_bg_m.png)}
.page_topvisual_title.bg.titlebg01 {background-image:url(/images_mobile/title_bg01_m.jpg);}
.page_topvisual_title.bg.titlebg01 .heading1 {font-weight:700;}


/* swiper-container  */
.swiper-container img{width:100%}

/* 스크롤  */
.scroll_wrap {overflow:auto;max-width:100%;padding:0;}
.scroll_wrap::-webkit-scrollbar {width:2vw; height:2vw}
.scroll_wrap::-webkit-scrollbar-thumb {width:4.5333vw;background:#777da0; border-radius:1.3333vw}
.scroll_wrap::-webkit-scrollbar-track {width:4.0000vw;background:#e8ecf1; border-radius:1.3333vw}

/* pagination */
.pagination {text-align: center;font-size: 0;margin:6vw 0;}
.pagination a {display: inline-block;width:8.5333vw;height: 6.6667vw;line-height: 6.1333vw;border-bottom:0.8000vw solid transparent;color: #5b5c61;font-size: 4.0000vw;text-align:center;}
.pagination a span {display:inline-block;line-height: 6.1333vw;padding:0 1.0667vw;}
.pagination > a:first-child {}
.pagination > a:last-child {}
.pagination .ico_page {text-indent: -9999px}
.pagination .page_num a {width:auto;min-width:8.5333vw;}
.pagination .first {background: url(/images/common/ico_page_first_ty2.png) no-repeat center;background-size:3.4667vw auto;}
.pagination .prev {position:static; padding:0; background: url(/images/common/ico_page_prev_ty2.png) no-repeat center;background-size:2.1333vw auto;}
.pagination .next {background: url(/images/common/ico_page_next_ty2.png) no-repeat center;background-size:2.1333vw auto;}
.pagination .last {background: url(/images/common/ico_page_last_ty2.png) no-repeat center;background-size:3.4667vw auto;}
.pagination .page_num {display: inline-block;font-size:0;}
.pagination .page_num a.on, .pagination .page_num a:focus, .pagination .page_num a:hover {color: #fff;}
.pagination .page_num a.on span {border-bottom:0.8000vw solid #fff;}

/*pagination dark*/
.pagination.dark a { border-left:0.2667vw solid #303640; background-color:#2a3141; color:#707c8f; }
.pagination.dark > a:first-child { border-left:0; }


/*폰트어썸*/
.fa_icon {font-family:"Font Awesome 6 Free" !important;}

/*딤드처리*/
.disabled {opacity:.4;pointer-events:none;}