@charset "utf-8";


/*
 * date :2018.03.22
 * 사용영역 : reset설정, 공통 스타일, 각 요소 스타일 정의
 *
 */

/****************************************
**  HTML5 display definitions
****************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;}
[hidden], template {display:none;}
figure {margin:0;}


/****************************************
** reset
****************************************/
html {margin:0; padding:0;}
body {position:relative; margin:0; padding:0; width:100%; height:100%; font-size:16px; line-height:1.4; font-weight:400; font-family:'Pretendard','roboto','notosanskr', sans-serif,'malgun gothic','맑은 고딕','돋움','Roboto',dotum,sans-serif !important; color:#000; letter-spacing:-0.5px; text-size-adjust:none;
  -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
     -ms-text-size-adjust:none;
      -o-text-size-adjust:none;
}
div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button, textarea, select {margin:0; padding:0; font-family:inherit; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-family:inherit; font-weight:normal;}
ul, ol, dl, dt, dd, li {list-style:none;}
table {width:100%; table-layout:fixed;}
table, th, td {border-collapse:collapse; border-spacing:0; border:0; font-weight:normal; word-wrap:break-word;}
legend, caption {visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0}
fieldset, blockquote, iframe, button {margin:0; padding:0; border:none;}
strong, em, b {font-weight:inherit; font-style:normal;}
img {border:0; vertical-align:top;}
a {text-decoration:none; color:#555; background:transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
a:hover, a:focus, a:active{outline:none; text-decoration:none;}
map area{outline:none;}
button, input, select, textarea {margin:0;}
button {padding:0; border:none; text-align:center; vertical-align:middle; /*outline:none;*/ cursor:pointer; background:none; color:#555; word-break:break-all;}
button::-moz-focus-inner {margin:0; padding:0; border:0;}
button, input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer; border:0; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none;}
/* input[type="radio"]:focus {outline:1px dotted #888;} */
::-webkit-input-placeholder {color:#ccc !important;}
:-moz-placeholder {color:#ccc !important;} /* Mozilla FF 4 to 18 */
::-moz-placeholder {color:#ccc !important;} /* Mozilla FF 19+ */
:-ms-input-placeholder {color:#ccc !important;} /* IE 10+ */
:placeholder-shown {color:#ccc;}
select {display:inline-block; position:relative; width:100%; height:45px; padding:0 8px; background:#fff url('../images/cs/onlinecs-btn-arrow.png') no-repeat right 20px center; background-size:10px 6px; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; border:1px solid #ccc; color:#000; font-size:16px; line-height:29px; word-wrap:break-word;}
select option {background:#fff;}
textarea {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:65px; padding:8px; border:1px solid #ccc; color:#000; font-size:16px; font-family:inherit; overflow-y:auto; resize:vertical;}
p {font-size:16px; font-weight:500;}


input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {/* WebKit browsers */
  color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {/* Mozilla FF 4 to 18 */
  color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {/* Mozilla FF 19+ */
  color:transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {/* IE 10+ */
  color:transparent;
}

/* input-placeholder */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999 !important; font-size:16px !important;} /* Internet Explorer 10 이상에 적용 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999 !important; font-size:16px !important;} /* Webkit, Blink, Edge에 적용 */
input::-moz-placeholder, textarea::-moz-placeholder {color:#999 !important; font-size:16px !important;} /*  Mozilla Firefox 4 부터 18에 적용 */
input::-moz-placeholder, textarea::-moz-placeholder {color:#999 !important; font-size:16px !important;} /* Mozilla Firefox 19 이상에 적용 */

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;} /* WebKit browsers */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent;} /* Mozilla FF 4 to 18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent;} /* Mozilla FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent;} /* IE 10+ */


/* form */
input,button {font-family:inherit; border-radius:0; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none;}
input[type="text"], input[type="file"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="date"], input[type="number"] {width:100%; height:45px; border:1px solid #ccc; text-align:left; font-size:16px; color:#000; background-color:#fff; text-indent:8px; box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:0;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="date"]:focus, input[type="number"]:focus, select:focus {outline:none; border:1px solid #e6000b; background-color:#fff !important;}
input[type="checkbox"], input[type=radio] {border:none; /*outline:none;*/}
input[type="number"] {-moz-appearance:textfield;} /*Firefox input number 화살표 없애기*/

input[type="text"]:disabled,
input[readonly],
input[readonly]:focus,
select[readonly]  {background-color:#f0f0f0 !important; border:0;}

input[type="number"] {-moz-appearance:textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}

/* 라디오박스 */
input[type="radio"] {overflow:hidden; position:absolute; width:0; height:0; margin:0; padding:0; text-indent:-9999px; z-index:-1;}
input[type="radio"] + label {display:inline-block; position:relative; height:22px; padding-left:28px; line-height:20px; text-indent:0; color:#000; background:url(../images/btn/btn_radiobox.png) no-repeat 0 0; background-size:22px 46px; cursor:pointer;}
input[type="radio"]:checked + label {background-position:0px -24px;}
input[type="radio"] + label + input[type="radio"] + label {margin-left:32px;}

select::-ms-expand {display:none;} /* IE10, 11 화살표 없애기 */
.slBox {position:relative; width:100%; height:45px; border:1px solid #ccc; line-height:45px;}
.slBox label {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 12px; font-size:16px; color:#797979; box-sizing:border-box; -webkit-box-sizing:border-box;}
.slBox label:after {content:''; position:absolute; right:8px; width:26px; height:45px; background:url('../images/icon/ico_select_down.png') no-repeat center center;}
.slBox select {width:100%; height:45px; padding:8px 5px; font-size:16px; line-height:45px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}


/****************************************
** 공통 스타일
****************************************/
.none-event {pointer-events:none}
.m_Br::after {content:''; display:inline-block;}


/* font-family */
.ff-rbt {font-family:roboto !important;}

/* text-decoration */
.tdl {text-decoration:line-through;}
.tdu {text-decoration:underline;}

/* 정렬 */
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.vat {vertical-align:top !important;}
.vab {vertical-align:bottom !important;}
.vam {vertical-align:middle !important;}

/* float, clear, blind */
.fn {float:none !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear:after {content:''; display:block; clear:both;}
.blind,
.blind > * {position:absolute; left:-9999px; width:1px; height:1px; margin:-1px; font-size:0; line-height:0; clip:rect(0 0 0 0);}

/* margin */
.mgt0 {margin-top:0 !important;}
.mgt3 {margin-top:3px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:45px !important;;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;;}
.mgt80 {margin-top:80px !important;;}
.mgt-3 {margin-top:-3px !important;}
.mgt-5 {margin-top:-5px !important;}
.mgt-10 {margin-top:-10px !important;}
.mgt-15 {margin-top:-15px !important;}
.mgt-20 {margin-top:-20px !important;}
.mgt-25 {margin-top:-25px !important;}
.mgt-30 {margin-top:-30px !important;}

.mgr0 {margin-right:0 !important;}
.mgr3 {margin-right:3px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr35 {margin-right:35px !important;}
.mgr40 {margin-right:40px !important;}
.mgr45 {margin-right:45px !important;}
.mgr50 {margin-right:50px !important;}
.mgr60 {margin-right:60px !important;}
.mgr70 {margin-right:70px !important;}
.mgr-3 {margin-right:-3px !important;}
.mgr-5 {margin-right:-5px !important;}
.mgr-10 {margin-right:-10px !important;}
.mgr-15 {margin-right:-15px !important;}
.mgr-20 {margin-right:-20px !important;}
.mgr-25 {margin-right:-25px !important;}
.mgr-30 {margin-right:-30px !important;}

.mgb0 {margin-bottom:0 !important;}
.mgb3 {margin-bottom:3px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb-3 {margin-bottom:-3px !important;}
.mgb-5 {margin-bottom:-5px !important;}
.mgb-10 {margin-bottom:-10px !important;}
.mgb-15 {margin-bottom:-15px !important;}
.mgb-20 {margin-bottom:-20px !important;}
.mgb-25 {margin-bottom:-25px !important;}
.mgb-30 {margin-bottom:-30px !important;}

.mgl0 {margin-left:0 !important;}
.mgl3 {margin-left:3px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}
.mgl45 {margin-left:45px !important;}
.mgl50 {margin-left:50px !important;}
.mgl60 {margin-left:60px !important;}
.mgl70 {margin-left:70px !important;}
.mgl-3 {margin-left:-3px !important;}
.mgl-5 {margin-left:-5px !important;}
.mgl-10 {margin-left:-10px !important;}
.mgl-15 {margin-left:-15px !important;}
.mgl-20 {margin-left:-20px !important;}
.mgl-25 {margin-left:-25px !important;}
.mgl-30 {margin-left:-30px !important;}

/* padding */
.pd0  {padding:0px !important;}
.pdt0 {padding-top:0px !important;}
.pdt5 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}

.pdr0 {padding-right:0px !important;}
.pdr5 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr25 {padding-right:25px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}

.pdb0 {padding-bottom:0px !important;}
.pdb5 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb50 {padding-bottom:50px !important;}
.pdb60 {padding-bottom:60px !important;}
.pdb100 {padding-bottom:100px !important;}
.pdb120 {padding-bottom:120px !important;}

.pdl0 {padding-left:0px !important;}
.pdl5 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}

/* width */
.wid-auto {width: auto !important;}
.wid1-0 {max-width:105px !important;}
.wid1-2 {max-width:125px !important;}
.wid1-5 {max-width:155px !important;}
.wid1-8 {max-width:185px !important;}
.wid2-0 {max-width:205px !important;}
.wid2-2 {max-width:225px !important;}
.wid2-5 {max-width:255px !important;}
.wid2-8 {max-width:285px !important;}
.wid3-0 {max-width:305px !important;}
.wid3-2 {max-width:325px !important;}
.wid3-5 {max-width:355px !important;}
.wid3-8 {max-width:385px !important;}
.wid4-0 {max-width:405px !important;}
.wid4-2 {max-width:425px !important;}
.wid4-5 {max-width:455px !important;}
.wid4-8 {max-width:485px !important;}

/* height */
.hei1-0 {max-height:105px !important;}
.hei1-2 {max-height:125px !important;}
.hei1-5 {max-height:155px !important;}
.hei1-8 {max-height:185px !important;}
.hei2-0 {max-height:205px !important;}
.hei2-2 {max-height:225px !important;}
.hei2-5 {max-height:255px !important;}
.hei2-8 {max-height:285px !important;}
.hei3-0 {max-height:305px !important;}
.hei3-2 {max-height:325px !important;}
.hei3-5 {max-height:355px !important;}
.hei3-8 {max-height:385px !important;}
.hei4-0 {max-height:405px !important;}
.hei4-2 {max-height:425px !important;}
.hei4-5 {max-height:455px !important;}
.hei4-8 {max-height:485px !important;}

.wid-col1 > * {width:calc(100%/1) !important;}
.wid-col2 > * {width:calc(100%/2) !important;}
.wid-col3 > * {width:calc(100%/3) !important;}
.wid-col4 > * {width:calc(100%/4) !important;}
.wid-col5 > * {width:calc(100%/5) !important;}
.wid-col6 > * {width:calc(100%/6) !important;}
.wid-col7 > * {width:calc(100%/7) !important;}
.wid-col8 > * {width:calc(100%/8) !important;}

/* line-height */
.lh1-0 {line-height:1 !important;}
.lh1-2 {line-height:1.2 !important;}
.lh1-3 {line-height:1.3 !important;}
.lh1-4 {line-height:1.4 !important;}

/* font style */
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:26px !important;}
.fs28 {font-size:28px !important;}
.fs30 {font-size:30px !important;}
.fs32 {font-size:32px !important;}
.fs34 {font-size:34px !important;}

.fwl {font-weight:200 !important;}
.fwndl {font-weight:300 !important;}
.fwn {font-weight:400 !important;}
.fwm {font-weight:500 !important;}
.fwbd {font-weight:600 !important;}
.fwb {font-weight:bold !important;}


/* 색상  */
.cl_prmy {color:#f1516c !important;}
.cl_prmy2 {color:#d52d50 !important;}
.cl_vt {color:#bf209f !important;}
.cl_yl {color: #fcff03 !important;}

.cl_ye {color:#fdd700 !important;}
.cl_ye2 {color:#fcda7e !important;}
.cl_bk1 {color:#000 !important;}
.cl_bk2 {color:#555 !important;}
.cl_bk3 {color:#797979 !important;}
.cl_grey {color:#898989 !important;}
.cl_blue {color:#3b46a1 !important;}
.cl_blue2 {color:#0070c0 !important;}
.cl_skt {color:#0075e9 !important;}
.cl_lgu,
.cl_lgt {color:#f30070 !important;}
.cl_kt {color:#30a84e !important;}
.cl_link {color:#065FD4 !important;}
.cl_self {color:#3250B4 !important;}

/* background-color  */
.bg_wh {background-color:#fff !important;}
.bg_skyb {background-color:#f7f8fa !important;}
.bg_skt {background-color:#0075e9 !important; color:#fff;}
.bg_lgt {background-color:#f30070 !important; color:#fff;}
.bg_kt {background-color:#30a84e !important; color:#fff;}

/* border */
.bg_horiz {border-bottom:2px solid #444;}
.bg_horiz_grey {border-bottom:2px solid #e5e5e5;}
.bg_horiz_red {border-bottom:2px solid #e6141b;}
.bt_none {border-top:0 none !important;}
.bb_none {border-bottom:0 none !important;}
.bt_line {border-top:1px solid #e2e2e2}

/* 라벨,태그,배지 */
.mark {position:relative; margin-bottom:10px;}
.mark:after {content:''; display:block; clear:both;}
.mark .star {float:right; position:relative; display:inline-block; margin-top:0; font-size:14px; font-weight:400; color:#797979;}
.mark .star > strong {position:absolute; left:-10px; top:3px; color:#ea493e; font-weight:600;}

.label {position:relative;}
.label > .bi {display:inline-block; width:30px; height:22px; margin-right:3px; padding:0 5px; line-height:22px; vertical-align:middle; text-align:center; font-weight:400; font-size:13px; border-radius:2px;}
.label > .bi.bi_skt {background-color:#0075e9; color:#fff;}
.label > .bi.bi_lgu,
.label > .bi.bi_lgt {background-color:#f30070; color:#fff;}
.label > .bi.bi_kt {background-color:#30a84e; color:#fff;}
.label > .bi.lgucomb {background-color:#c90070; color:#fff; width:auto;}
.label_box > * {display:inline-block; min-width:30px; height:25px; padding:0 10px; line-height:24px; font-size:14px; font-weight:400; text-align:center;}
.label_box .svc {color:#fff; background-color:#72166c;}

.badge {position:relative;}
.badge > span  {display:inline-block; min-width:30px; height:22px; margin-right:3px; padding:0 5px; line-height:22px; vertical-align:middle; text-align:center; font-weight:400; font-size:13px; border-radius:2px;}
.badge > .ico_bg {display:table-cell; width:52px; height:52px; padding:5px; vertical-align:middle; font-weight:500; font-size:18px; border-radius:50%;}
.badge > .new {color:#fff; background-color:#000944;}
.badge > .used {color:#fff; background-color:#6b23b3;}
.badge > .recom {color:#fff; background-color:#ee2c87;}
.badge > .nodata {color:#fff; background-color:#f28731;}
.badge > .best,
.badge > .dualusim {color:#fff; background-color:#1484f8;}
.badge > .event {color:#fff; background-color:#ff666e;}
.badge > .event {color:#fff; background-color:#ff666e;}
.badge > .new {color:#fff; background-color:#ff3b3b;}
.badge > .hot {color:#fff; background-color:#ff7a4c;}
.badge > .naverpay {color:#fff; background-color:#19CE60;}
.badge > .yagrecom {color:#fff; background: linear-gradient(to right, #42d7b3, #2461eb);}

.tag > span {display:inline-block; padding:2px 4px; font-weight:400; font-size:12px;}
.tag .tmoney {background-color:#880364; color:#fff; border:1px solid #880364;}
.tag .pay {background-color:#003d8b; color:#fff; border:1px solid #003d8b;}
.tag .lgpay {background-color:#c90454; color:#fff; border:1px solid #c90454;}
.tag .type {background-color:#fff; color:#555; border:1px solid #ccc;}



/* 탭 */
.tabs {position:relative; width:100%;}

.tabs .t_inner {width:100%; margin:0 auto;}
.tabs .tab_tit {padding:15px 0; font-size:24px; text-align:left;}
.tabs .tab_list {position:relative; width:1100px; margin-bottom:16px; border-bottom:1px solid #e6000b;}
.tabs .tab_list:after {content:''; display:block; clear:both;}
.tabs .tab_list li {float:left; position:relative; height:60px; border:1px solid #dcdcdc; border-width:1px 1px 0 0; border-radius:10px 10px 0 0; background-color:#f4f4f4; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.tabs .tab_list li a {display:block; width:100%; height:100%; line-height:60px; font-size:17px; font-weight:400; text-align:center; color:#666; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.tabs .tab_list li:first-child {border-left:1px solid #e2e2e2;}
.tabs .tab_list li.active {border-width:1px 1px 0 1px; border-color:#e6000b; background-color:#fff;}
.tabs .tab_list li.active:after {content:''; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff;}
.tabs .tab_list li.active a {color:#e6000b; font-weight:500;}

.tabs .tab_cont {position:relative;}
.tabs .tab_cont > div {display:none; font-size:18px;}
.tabs .tab_cont > div:first-child {display:block;}
.tabs .tab_cont > .tab_box {padding-top:20px;}

.bg_t {position:relative; width:100%;}
.bg_t > .tab_list {border-bottom:0 none; display: flex;}
.bg_t > .tab_list:after {content:''; display:block; clear:both;}
.bg_t > .tab_list li {float:left; position:relative; height:60px; border:1px solid #ccc; background-color:#f4f4f4; line-height:60px; border-left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
.bg_t > .tab_list li:first-child {border-left:1px solid #ccc;}
.bg_t > .tab_list li a {display:block; width:100%; height:100%; font-size:17px; text-align:center; color:#000;}
.bg_t > .tab_list li.active {background-color:#e6000b;}
.bg_t > .tab_list li.active a {color:#fff;}

.tabs .tab-type01 {width:100%; height:60px;}
.tabs .tab-type01:after {content:''; display:block; clear:both;}
.tabs .tab-type01 li {float:left; position:relative; background-color:#f4f4f4; line-height:60px; border:1px solid #ddd; border-left:0; cursor:pointer;}
.tabs .tab-type01 li:first-child {border-radius:5px 0 0 5px; border-left:1px solid #ddd;}
.tabs .tab-type01 li:last-child {border-radius:0 5px 5px 0 !important;}
.tabs .tab-type01 li a {display:block; position:relative; width:100%; height:100%; font-size:17px; text-align:center; color:#555;}
.tabs .tab-type01 li:hover,
.tabs .tab-type01 li.active {border:1px solid #e6000b; background-color:#e6000b;}
.tabs .tab-type01 li.active:first-child {border-radius:15px 0 0 15px;}
.tabs .tab-type01 li.active:last-child {border-radius:15px 0 0 15px;}
.tabs .tab-type01 li:hover a {color:#fff !important;}
.tabs .tab-type01 li.active a {color:#fff !important;}
.tabs .tab-type01 li:hover a:after,
.tabs .tab-type01 li.active a:after {content:''; position:absolute; top:100%; left:50%; margin-left:-5px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #e6000b;}

.tabs .tab-type02 {width:100%; border-bottom:1px solid #ccc;}
.tabs .tab-type02:after {content:''; display:block; clear:both;}
.tabs .tab-type02 li {float:left; position:relative; background-color:#f4f4f4; line-height:55px; border:1px solid #ccc; border-left:0; cursor:pointer;}
.tabs .tab-type02 li:first-child {border-left:1px solid #ccc;}
.tabs .tab-type02 li a {display:block; width:100%; /*height:100%;*/ font-weight:400; font-size:17px; text-align:center; color:#666;}
.tabs .tab-type02 li.active {border-top-color:#e6000b; border-top-width:2px; border-bottom-width:0;}
.tabs .tab-type02 li.active:after {content:''; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff;}
.tabs .tab-type02 li.active a {font-weight:500; background-color:#fff; color:#e6000b;}
.tabs .tab-type02.bg li.active a {color:#fff; background-color:#e6000b;}

.tabs .tab-col1 li {width:50%;}
.tabs .tab-col2 li {width:50%;}
.tabs .tab-col3 li {width:33.3333333%;}
.tabs .tab-col4 li {width:25%;}
.tabs .tab-col5 li {width:20%;}
.tabs .tab-col6 li {width:16.6666666%;}
.tabs .tab-col7 li {width:14.2857%;}
.tabs .tab-col8 li {width:12.5%;}

	/* -- lg요금제 탭 width */
	.tabs .tab-col6.col6_order li:nth-of-type(1) {width:16%;}
	.tabs .tab-col6.col6_order li:nth-of-type(2) {width:16%;}
	.tabs .tab-col6.col6_order li:nth-of-type(3) {width:20%;}
	.tabs .tab-col6.col6_order li:nth-of-type(4) {width:16%;}
	.tabs .tab-col6.col6_order li:nth-of-type(5) {width:16%;}
	.tabs .tab-col6.col6_order li:nth-of-type(6) {width:16%;}




/* table */
div#table {display:table;}
div#table .row {display:table-row;}
div#table .cell {display:table-cell; border:1px solid #000;}

.basic_table {position:relative; width:100%;}
.basic_table th {padding:15px 8px; border:1px solid #ddd; background-color:#f6f6f6; font-weight:500; font-size:16px; text-align:center; color:#555;}
.basic_table td {padding:10px 8px; border:1px solid #e6e6e6; text-align:center; font-weight:400; font-size:16px; color:#666; line-height:1.4; word-break:keep-all;}

.basic_table:after {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#e6141b;}
.bt_top_bk:after {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#000;}

.basic_table02 {position:relative; width:100%;}
.basic_table02.row th,
.basic_table02.col th {padding:15px 0; font-weight:400; color:#000; border:1px solid #ddd; background-color:#f6f6f6; text-align:center;}
.basic_table02.row td {padding:10px; border:1px solid #e6e6e6; text-align:left;}
.basic_table02.col td {padding:10px; border:1px solid #e6e6e6; text-align:center;}
.basic_table02:after {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#999;}

.prod_table {position:relative; width:100%;}
.prod_table tr {border:1px solid #ddd; border-top-width:0;}
.prod_table th {padding:20px 16px; background-color:#f6f6f6;}
.prod_table td {padding:20px 16px; text-align:center;}
.prod_table:after {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#000;}

.pop_table {position:relative; width:100%;}
.pop_table tr {border-top:1px solid #ccc; border-top-width:0;}
.pop_table tr:last-child {border-top:0; border-bottom:0;}
.pop_table th {padding:20px 16px; background-color:#ebedf0;}
.pop_table td {padding:20px 16px; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.pop_table:after {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#6d6e70;}

/* table default */
.table_default {position:relative; width:100%;}
.table_default .table-tit {margin-bottom:12px; font-weight:500; font-size: 21px;}
.table_default table {border-top:2px solid #000;}
.table_default tr th {padding:16px 24px; font-weight:500; font-size:16px; text-align:center; border:1px solid #ddd; background-color:#fafafa; line-height:1.5;}
.table_default tr td {padding:16px 24px; font-weight:400; font-size:16px; text-align:center; border:1px solid #ddd; background-color:#fff; line-height:1.5;}
.table_default tr th:first-child,
.table_default tr td:first-child {border-left:0;}
.table_default tr th:last-child,
.table_default tr td:last-child {border-right:0;}
.table_default tr th[scope="row"] {background-color:#fafafa;}

/* 아코디언 탭 리스트 */
#accordion {width:100%;}
#accordion .acdn-list {position:relative; margin-bottom:10px;}
#accordion .acdn-list > .acdn-head {position:relative; padding:16px 20px; font-weight:600; font-size:18px; background-color:#e9e9e9;}
#accordion .acdn-list > .acdn-head:after {content:''; display:inline-block; position:absolute; right:20px; top:50%; width:22px; height:10px; margin-top:-5px; background:url('../images/icon/ico_acdn_down.png') no-repeat 0 0;}
#accordion .acdn-list.active > .acdn-head:after {background:url('../images/icon/ico_acdn_up.png') no-repeat 0 0;}
/* #accordion .acdn-list > .acdn-cont {} */

/* 게시판 */
.boardView .boardTop {margin-bottom:20px;}
.boardView .boardTop .total {font-weight:400; font-size:18px; color:#666;}
.boardView .boardTop .total > .cnt {color:#e6000b;}

.boardView .boardList {display:table; width:100%; border-top:2px solid #e6000b;}
.boardView .boardList li {position:relative; border-bottom:1px solid #e2e2e2;}
.boardView .boardList li div {display:table-cell; padding:18px 10px; color:#555; font-weight:400; font-size:16px; vertical-align:middle; text-align:center;}
.boardView .boardList .head {border-bottom:1px solid #ccc;}
.boardView .boardList .head > div {padding:20px 10px; font-weight:500; color:#444; text-align:center !important;}
.boardView .boardList .num {width:110px;}
.boardView .boardList .num + .title {width:760px; text-align:left; color:#000;}
.boardView .boardList .num + .title + .date {width:230px;}


/* 본인인증 */
.icon_certified {display:flex; justify-content:center; flex-wrap:wrap; margin-top:20px;}
.icon_certified img {display:inline-block; width:50px; height:auto; margin:0 7px;}



/****************************************
# 유의사항
****************************************/
.guide {position:relative;}
.guide.bg {padding:25px 40px 25px 30px; background-color:#f6f7f7; border:1px solid #e9e9e9;}
.guide .title {padding-bottom:10px; font-size:18px; font-weight:500; color:#000;}
.guide .desc {margin:3px 0 8px; font-size:16px; color:#444; line-height:1.45;}
.guide > p {margin-bottom:3px; font-size:15px; font-weight:400;}
.guide > p:last-child {margin-bottom:0;}

.guide ul {position:relative;}
.guide ul:last-child {padding-bottom:1px !important;}
.guide ul li {position:relative; margin-bottom:5px; font-size:15px; font-weight:400; color:#555; line-height:1.5;}
.guide ul li > p {font-weight:400; font-size:15px; color:#555;}
.guide ul li:last-child {margin-bottom:0 !important; padding-bottom:0 !important;}
.guide ul.num > li > span,
.guide ul.txt > li > span {display:block; float:left; margin-right:3px; font-weight:400; font-size:15px; color:#555;}
.guide ul.num > li > p {padding-left:18px; font-weight:400; font-size:15px; color:#555; line-height:1.65}
.guide ul.txt > li > p {padding-left:23px; font-weight:400; font-size:15px; color:#555; line-height:1.65}
.guide ul.dotNum > li {padding-left:10px;}
.guide ul.dotNum > li:before {content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#797979; border-radius:50%;}
.guide ul.hyphenNum > li {padding-left:10px;}
.guide ul.hyphenNum > li:before {content:''; position:absolute; left:0; top:10px; width:6px; height:1px; background-color:#797979; border-radius:50%;}
.guide ul.refer > li {position:relative; padding-left:18px;}
.guide ul.refer > li:after {content:'※'; display:block; width:15px; height:15px; position:absolute; left:0; top:0;}
.guide ul.sq > li {position:relative; padding-left:8px;}
.guide ul.sq > li:after {content:''; display:block; width:4px; height:4px; position:absolute; left:0; top:7px; background-color:#797979;}
.guide ul ul {position:relative; padding:5px 0 10px 15px;}
.guide ul ul ul {position:relative; padding:5px 0 10px 15px;}
.guide ul ul ul.txt {padding-left:15px;}


/****************************************
# UI 툴팁
****************************************/
.ui-tooltip {position:absolute; padding:40px 20px 30px; border:1px solid #ccc; background-color:#f6f6f6;}
.ui-tooltip:after {content:''; position:absolute; top:115px; left:50%; width:24px; height:12px; margin-left:-12px; background:url('../images/bg/bg_tooltip.png') no-repeat;}
.ui-tooltip .btn_close {position:absolute; top:10px; right:10px; width:18px; height:18px; background:url('../images/btn/btn_pop_close.png') no-repeat; background-size:18px 18px; text-indent:-9999px;}



/****************************************
# text
****************************************/
.vat {font-size:14px; color:#666}