@charset "utf-8";
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

/* noto-sans-kr-regular - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
  }
  /* noto-sans-kr-300 - latin_korean */
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/noto-sans-kr-v7-latin_korean-300.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
  }
  /* noto-sans-kr-500 - latin_korean */
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
  }
  /* noto-sans-kr-700 - latin_korean */
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/noto-sans-kr/noto-sans-kr-v7-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
  }
  /* Font-Face */

:root {
  --bs-point-color:#F54952;
  --bs-point-color2:#280659;
  --bs-point-color3:#10002b;
  --bs-point-color4:#d62828;
  --bg-color-100:#F7F6FA;
  --bg-color-200:#F5F6FA;
  --bg-color-300:#ECEBF0;
  --bg-color-400:#3b475d;
  --bline-color-100: #ECEBF0;
  --bline-color-200: #D6D9E1;
  --bline-color-300: #F2F2F2;
  --bline-color-400: #cccccc;
  --bline-color-500: #797979;
  --font-color-gray-100: #B7B8C3;
  --font-color-gray-200: #7c7c7c;
  --font-color-gray-300: #718291;
}

/* Common */
html {width:100%; height:100%; scroll-behavior:smooth;font-size:62.5%; }
body {position:relative; font-size: 1.6rem; font-weight: 400; line-height:2.2rem; color:#000; font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", 나눔고딕, "Nanum Gothic", "Noto Sans KR", "Noto Sans CJK KR", arial, 돋움, Dotum, Tahoma, Geneva, sans-serif; -webkit-text-size-adjust:none;overflow-x:hidden;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none;}
section,nav,article,aside,hgroup,header,footer{display:block}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px; border: 0;}
input::placeholder {color: var(--font-color-gray-100);}
input[type="text"]:disabled {cursor: not-allowed; background-color:var(--bg-color-300) !important; color: var(--font-color-gray-100);}
input:focus {outline: none;}
body.s{font-family:Helvetica,AppleGothic}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
legend,caption{width:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; line-height:0;}
button{padding:0; margin:0; border:0; background:none; cursor:pointer; }
strong {font-weight: 500}
table{border-collapse:collapse;}
table td,table th{vertical-align:top;}
a {text-decoration:none; color:inherit; color:#000;}
a:hover {text-decoration:none; color: var(--bs-point-color);}
a:focus, a:active{text-decoration:none;}

.u_hc,.u_skip{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}
.u_nc,hr{display:none !important}
#ct {clear:both;width:100%; padding-top: 10px; padding-bottom: 60px; min-height: calc(100vh - 388px);}
#ct:after{display:block;clear:both;content:''}
#ct iframe {border: none !important}

/* #container 클래스별 적용 */
#ct.policyWrap .responsive_col1 {width: 100%;}
#ct.searchWrap .li1 .photo_tmb {width: 120px; height: 80px;}
#ct.mainWrap .responsive_col1 {width: 100%;} 

/* 메인 변경 */
#ct.mainWrap .responsive_col1 .li2_1 li {flex: 1 1 20%; margin: 0 20px 0 0;} 
#ct.mainWrap .responsive_col1 .li2_1 li:last-child {margin: 0;}

.vc{position:absolute;z-index:-1;font-size:1px;line-height:1px;color:transparent}
.a .a_fcs{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.a .a_fcs_on{position:absolute;top:-999em;left:-999em;z-index:1;border:2px solid #fe9230;-webkit-border-radius:5px;-webkit-box-shadow:inset 1px 1px 1px #b33f08,inset -1px -1px 1px #b33f08,1px 1px 1px #b33f08,-1px -1px 1px #b33f08}
b.hl{font-weight:normal;-webkit-text-stroke-width:.02em}
.dv{font-weight:normal;font-size:.8em;color:#dfdfdf}
.none{display:none}
.pt{color:#9d9d9d}
.crno{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.w33{width:33%;}
.w50{width:50%;}
.w100{width:100%;}
.line_top {border-top:1px solid #d4d4d4}
.line_bottom {border-bottom:1px solid #d4d4d4}
.pd1 em {font-size:13px !important;color:#9d9d9d;letter-spacing: 0;margin-left: 1px;}
.blind {display:none}

.hrDiv {display: block; height: 1px; background-color: var(--bline-color-100);}
.hr30 {margin: 30px 0;}
.hr40 {margin: 40px 0;}
.hr50 {margin: 50px 0;}

.fl_left {float:left}
.fl_right {float:right}
.clb {clear:both}
.block {display:block}
.t_red {color:var(--bs-point-color) !important}
.t_blue {color:#007acf}
.t_center {text-align:center}
.t_black {color:#3a536d !important}
.t_gray {color:#666}
.t_gray2 {color:#c7c7c7}
.t_gray3 {color:#bfbec9}
.t_point {color:var(--bs-point-color)}
.f_info {font-size: 13px;}
figure {margin:0;padding:0}

.titleBox {position: relative; padding: 1.2em 15px; }
.t_title, .t_title a {font-size:20px;font-weight:700;line-height:20px}

.t_title1 {font-size:3.2rem; font-weight:700; line-height: 3.8rem;}
.t_title2 {font-size:2.8rem; font-weight:500; line-height: 3.2rem;}
.t_title3 {font-size:2.4rem; font-weight:500; line-height: 2.8rem;}

/* icon class 공통 아이콘 */
.icon {display: inline-block; vertical-align: sub; background:url("../images/bl_ico_new.png") no-repeat; background-size: calc(400px / 2) auto; text-indent: -9999px;}
.icon-nav-ham {width:40px; height:40px; background-position:-82px 6px; background-size: 120px auto; }
.icon-close-sm {width:15px; height:15px; background-position:-47px -57px; background-size: 90px auto; }
.icon-close-lg {width:24px; height:24px; background-position:-52px -95px; background-size: 150px auto; }
.icon-open-lg {width:24px; height:24px; background-position:-105px -95px; background-size: 150px auto; }
.icon-pick-light {width:10px; height:18px; background-position:-62px -267px; background-size: 100px auto; }
.icon-time {width:16px; height:16px; background-position:-25px -255px; background-size: 78px auto; margin-right: 5px;}
.icon-time-sm {width:15px; height:15px; background-position:-24px -245px; background-size: 75px auto; margin-right: 5px;}
.icon-time-red {width:16px; height:16px; background-position:-50px -255px; background-size: 78px auto; margin-right: 5px;}
.icon-time-red-light {width:17px; height:17px; background-position:-50px -285px; background-size: 80px auto; margin-right: 5px;}
.icon-link-more {width:15px; height:15px; background-position:-55px -24px; background-size: 74px auto; margin-left: 10px;}

.ico_more {background:url(../images/icon.png) no-repeat 100% 2px; display:inline-block;}
.ico_more p {display:block;font-size:11px;font-family:"돋움", Dotum;margin-right:15px;color:var(--bs-point-color)}
.ico_more {position:absolute;right:5px;top:9px;}
.ico_best {background:url(../images/ico_best.gif) no-repeat; display:inline-block;text-indent:-9999px; width:35px;height:13px;margin-left:4px;float:left;margin-top:1px}
.ico_hit {background:url(../images/ico_hit.gif) no-repeat; display:inline-block;text-indent:-9999px; width:21px;height:11px;margin-left:5px;vertical-align:text-top;margin-top:-1px}
.ico {display: inline-block;background-image: url(../images/bl_ico.png); background-repeat: no-repeat; }
.ico_premium, .ico_premium_inverse, .ico_premium_square, .ico_premium_point {display: block; background-size:68px auto; width: 33px;height: 33px; min-width: 33px; border-radius: 50px; vertical-align: middle; background-color: var(--bs-point-color2);}
.ico_premium {background-position: -10px -344px; }
.ico_premium_inverse {background-position: 10px -350px; background-size: 80px auto; background-color: #fff;}
.ico_premium_square {background-position: -11px -296px; }
.ico_premium_point {background-position: -11px -298px; background-color:var(--bs-point-color);}
.ico_video_square {position: absolute;top:0;left: 0;z-index: 1; display: block;background-image: url(../images/bl_ico.png); background-repeat: no-repeat; background-position: -5px -388px;width: 35px !important;height: 35px;vertical-align: middle}
.ico_pay_deposit {background-position: 0 -95px;width: 25px; height: 19px;vertical-align: middle; background-size: 50px auto; }
.ico_pay_card {background-position: 0 -95px;width: 25px;height: 19px;vertical-align: middle; background-size: 50px auto;}
.ico_pay_card_pre {background-position: 0 -145px;width: 25px;height: 19px;vertical-align: middle; background-size: 50px auto;}

.shortcuts a {font-size: 1.5rem;}
.shortcuts .icon {vertical-align: baseline;}

.photo_tmb, .thumb {overflow: hidden; display: block; background-size: cover; background-position: center 20%; border-radius: 10px;}
.desc, .source, .date {color:var(--font-color-gray-200); font-size: 1.4rem; line-height: 2rem; white-space: normal; margin-bottom: 5px;}
.date {font-size: 1.3rem; color:var(--font-color-gray-100); }
.txtBar {color: var(--font-color-gray-100); font-size: 1rem; vertical-align: bottom;}
#topButton {position: fixed; right: 3%; bottom: 30px; display: none; z-index: 1;}
#topButton img {width: 60px; filter: drop-shadow(3px 6px 6px #c3c3c3)}

/* Logo,Search */
.header{position: relative; width: 100%; overflow:hidden;background:#fff;z-index: 10; }
.header .headerWrap {position: relative;}
h1.lg {position: relative; display: flex; align-items: center; background-color: #fff; border-bottom: 1px solid var(--bs-point-color); }
h1.lg img {margin: 0 30px 0 10px;}
h1.lg:before {display: block; content: ''; width:60px; height: 60px; background-color: var(--bs-point-color);}
.lga {display:block;vertical-align:top}
.lgm {vertical-align:top;width:260px;}
.u_hs{margin:0;}
.u_hs .u_itw {display:block;height:32px; padding:6px 10px 0 10px; background:#fff; border-radius: 8px;}
.u_itw {margin-right:135px}
.u_hs .u_it{width:100%;border:0;font-size:0.85em;line-height: 2em; -webkit-border-radius:0;-webkit-appearance:none;}
.u_hssbt_wrap {position:absolute;top:10px;right:20px; width:50px;text-align: center;}
.u_hssbt_wrap span {display: none;}
.u_hssbt {width:50px;height:40px;border:1px solid #fff; background:#fff url(../images/icon.png) no-repeat 10px 3px;background-size:80px auto;white-space:nowrap;-webkit-box-shadow:inset 0 0 1px #fff,0 1px 0 #fff;-webkit-appearance:none;text-indent: -999px; overflow: hidden;}
/*user login*/
.u_login_wrap {display: flex; position:relative;top:0;right:0; box-sizing: border-box; margin:15px 10px;}
.u_login_wrap .u_mybt {width: 100%; padding: 12px 30px; display: block; box-sizing: border-box; text-align: center;}
.u_login_wrap .ul_ico {width: 26px; height: 25px; position: relative; margin: 0 auto}
.u_login_wrap .ul_t {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-weight: 700; }

.u_login_wrap .u_login, .u_login_wrap .u_mypage {background-color: var(--bs-point-color); border:1px solid var(--bs-point-color); color: #fff; border-radius: 50px 0 0 50px;}
.u_login_wrap .u_join, .u_login_wrap .u_logout {background-color: #fff; color: var(--bs-point-color); border:1px solid var(--bs-point-color); border-radius: 0 50px 50px 0;}

/*검색 변경*/
.u_itw_wrap {background-color:var(--bs-point-color); position:relative;padding:15px; z-index: 20; margin-top: -1px;}
.u_hssbt_itw, .u_hssbt_close {font-size:1.5rem;font-weight: 700; line-height:30px; position:absolute;top:23px;right:0px;width:60px;height:40px;border:0;background:#fff url(../images/icon.png) no-repeat 20px -160px;background-size:50px auto;text-indent:-999em;white-space:nowrap;-webkit-appearance:none}
.u_hssbt_itw {top:13px;right:58px; width: 80px; background:var(--bs-point-color2); color:#fff; text-indent:0; border-radius: 8px;}
.u_hssbt_close {top:13px; right:0px; background:none; text-indent:0; color: #fff;}

.hc{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}
.menu{display:block;position:relative;width:100%;text-align:center}

/* 섹션 디자인 */
.responsive_wrap section {position: relative; overflow:hidden; margin:20px 0 20px 0;}
.responsive_wrap section.accent {margin: 15px; background-color: var(--bs-point-color2); border-radius: 15px;}
.responsive_wrap section.none {display: block;}
.responsive_wrap section.dark {background-color: var(--bs-point-color2); border-radius: 12px;}
.responsive_wrap section.highlight {background-color: #fff; }
.responsive_wrap section.card {background-color: #fff; border-radius: 15px;}
.responsive_wrap .section.card {padding:15px; background-color: #fff; border-radius: 15px;}
.responsive_wrap section.transparent {padding:0 15px;}
.responsive_wrap section.nomargin {margin: 0 !important;}

.mainWrap .responsive_wrap section {margin: 0}
.pastBatSearch .responsive_wrap section.pastBatSearch {margin: 0}

.responsive_wrap {display:table;width:1200px;table-layout:fixed; margin: 0 auto;}
.responsive_col1 {display:block; width:calc(1200px - 360px);}
.responsive_col2 {display:table-cell; overflow:hidden;width:300px;vertical-align:top; padding-left: 60px; }
.responsive_col2 section {margin-left:0;}

/* @media(min-width:480px){.responsive_wrap{border-bottom:1px solid #d2d2d2;overflow:hidden}} */
/* @media(min-width:320px){.responsive_wrap{border-bottom:1px solid #d2d2d2;overflow:hidden}} */
/* sh1 */
.sh1{position:relative;width:100%;padding-bottom:15px}
.sh1w{padding:15px 43px 0 10px}
.sh1 .itw{display:block;height:22px;padding:6px 33px 0 6px;border:1px solid #bbb;background:#fff}
.sh1 .it{width:100%;border:0;font-size:.93em;-webkit-border-radius:0;-webkit-appearance:none}
.sh1 .sh1bt{position:absolute;top:15px;right:10px;width:36px;height:30px;border:1px solid #bbb;background:#f0f0f0 url(../images/icon.png) no-repeat 8px -193px;background:url(../images/icon.png) no-repeat 8px -193px,-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#f0f0f0));text-indent:-999em;white-space:nowrap;-webkit-box-shadow:inset 0 0 1px #fff,0 1px 0 #fff;-webkit-appearance:none}

/* ht */
.ht {position:relative;width:100%;height:44px;background:#fff;color:#000;text-align:center;margin-bottom: -2px;border-bottom: 1px solid #d2d2d2}
.nv1{overflow:hidden;width:100%;}
.nv1 ul{padding:4px 0 0 2px;overflow: hidden}
.nv1 li{overflow:hidden;float:left;height:35px;margin-right:-2px;line-height:35px;text-align:center;white-space:nowrap}
.nv1 .l1{background:none}
.nv1 a,.nv1 span{display:block;height:100%;color:#000;font-weight:500;font-size:16px;letter-spacing:0}
.nv1 .select span{color:#d70c19;}
.nv1 .l1{width:12%}
.nv1 .l2{width:16%}
.nv1 .l3{width:22%}
.nv1 .l4{width:24%}
.nv1 .l5{width:26%}


/* All Services */
.u_gnbt{position:absolute;top:4px;right:7px;z-index:3;width:61px;height:25px;background:#273c53 url(../images/btn_etc.gif) no-repeat 0 -43px;text-indent:-500em}
.u_gnbt_fd{background-position:0 -68px}
.u_gnbw{clear:both;z-index:3}
.u_gnbuw{z-index:2;margin-bottom:-1px;border-top:1px solid #004184;border-bottom:1px solid #004184;background:#f0f0f0;text-align:left;-webkit-box-shadow:inset 0 0 3px #004184;box-shadow:inset 0 0 3px #004184}
.u_gnbuwm{margin-bottom:0}
.u_gnbu{overflow:hidden;clear:both;border-top:1px solid #1275c2}
.u_gnbuf{border-top:none}
.u_gnb{overflow:hidden;float:left;width:6.5em}
.u_gnba{display:block;height:2.2em;padding:0 .25em;line-height:2.14em;color:#fff;white-space:nowrap}
.u_gnbn{width:8px;height:8px;vertical-align:1px}
#u_gnbuw{position:absolute;top:30px;right:6px;width:105px;border:2px solid #0e161f;background-color:#f0f0f0}
#u_gnbuw li{height:32px;padding:1px 1px 0;background:#f0f0f0}
#u_gnbuw li a{display:block;height:100%;padding-left:15px;background:#f0f0f0;line-height:31px;font-size:1.05em;color:#000;text-align:left}
#u_gnbuw li{border-bottom:1px solid #bbb}
.u_gnbuw_bg{display:block;position:absolute;top:86px;right:6px;z-index:1;width:108px;height:100px}

/* more_button */
.more {position:absolute; right: 5px; top: 12px; }
.more a {color:var(--font-color-gray-100); font-size:14px; line-height: 20px;}
.more a:after {display: block; content: ''; border-bottom:1px solid var(--font-color-gray-100);}
.mini_service_close{display:none}
.mini_service_open{display:block;z-index:2}
#miniLayer{position:absolute;top:31px;right:5px;width:110px;border:2px solid #a11515;background-color:#f4f5f4}
#miniLayer li{height:32px;padding:1px 1px 0}
#miniLayer li a{display:block;height:100%;padding-left:15px;font-size:13px;line-height:31px;color:#FFF;text-align:left}
#miniLayer li{border-bottom:1px solid #d4d3d3}
#miniLayer li.last{border-bottom:none}

/* chn */
.chn{position:relative;width:100%;height:33px;border-bottom:1px solid #bbb;background:#f0f0f0;color:#000;text-align:center}
.chno {position:relative;width:100%;height:5px;border-bottom:1px solid #bbb;background:#f0f0f0;color:#000;}
.nv2{padding:0px 2px 0}
.nv2 dd{float:left;background:url(../images/icon.png) no-repeat -35px 4px;background-size:60px auto; text-align:center;width:20%;}
.nv2 .f {background:none}
.nv2 a {display:block;padding:7px 0;}
.nv2 a:visited {color:#000}
.nv2 .on a {color:var(--bs-point-color)}
.nv2 .l1{width:16%}
.nv2 .l2{width:16%}
.nv2 .l3{width:17%}
.nv2 .l4{width:18%}
.nv2 .l5{width:17%}
.nv2 .l6{width:16%}
.lnb_m1 .l1{width:33%}
.lnb_m1 .l2{width:33%}
.lnb_m1 .l3{width:33%}
.lnb_m1 .l4{width:25%}
.lnb_m1 .l5{width:25%}
.lnb_m1 .l6{width:25%}
.lnb_m2 .l1{width:20%}
.lnb_m2 .l2{width:20%}
.lnb_m2 .l3{width:20%}
.lnb_m2 .l4{width:20%}
.lnb_m2 .l5{width:20%}
.lnb_m2 .l6{width:20%}
.lnb_m3 .l1{width:30%}
.lnb_m3 .l2{width:20%}
.lnb_m3 .l3{width:25%}
.lnb_m3 .l4{width:25%}
.lnb_m3 .l5{width:20%}
.lnb_m3 .l6{width:20%}
.lnb_m4 .l1{width:30%}
.lnb_m4 .l2{width:20%}
.lnb_m4 .l3{width:20%}
.lnb_m4 .l4{width:30%}
.lnb_m4 .l5{width:20%}
.lnb_m4 .l6{width:20%}
.lnb_m5 .l1{width:50%}
.lnb_m5 .l2{width:50%}
.lnb_m5 .l3{width:16%}
.lnb_m5 .l4{width:17%}
.lnb_m5 .l5{width:16%}
.lnb_m5 .l6{width:17%}
.lnb_m6 .l1{width:16%}
.lnb_m6 .l2{width:17%}
.lnb_m6 .l3{width:16%}
.lnb_m6 .l4{width:17%}
.lnb_m6 .l5{width:16%}
.lnb_m6 .l6{width:17%}

/* sorting-menu */
.sorting-menu {padding:8px 0 0;font-size:1em;}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before,
.nav:after {
  display: block;
  content: " ";
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 12px 3px 13px;
  font-size: 14px;
  font-weight:500;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
}
/* .tab-menu {padding: 15px;} */
.nav-tabs {position: relative; display: flex;}
.nav-tabs li {flex: 1 1 100%; border:1px solid var(--bline-color-200); background-color: #fff; margin-left: -1px;}
.nav-tabs li:first-child {border-radius: 50px 0 0 50px;}
.nav-tabs li:last-child {border-radius: 0 50px 50px 0;}
.nav-tabs li.active {background-color: var(--bs-point-color2);}
.nav-tabs li a {font-size: 1.6rem; text-align: center;}
.nav-tabs li.active > a {color: #fff;}
.nav-tabs.nav-justified {flex-wrap: wrap;}
.nav-tabs.nav-justified li {border-radius: 0; flex: 1 1 20%;}
/* .nav-tabs.nav-justified li:nth-child(n+3):nth-child(-n+4) {border-top: 0;} */
.nav-tabs.nav-justified li:nth-child(1) {border-radius: 15px 0 0 15px;}
.nav-tabs.nav-justified li:nth-child(2) {border-radius: 0 0 0 0;}
.nav-tabs.nav-justified li:nth-child(3) {border-radius: 0 0 0 0;}
.nav-tabs.nav-justified li:nth-child(4) {border-radius: 0 15px 15px 0;}

.nav-shortcutList {border: 1px solid #f2f2f2;}
.nav-shortcutList > li {float: left;border-right:1px solid #f2f2f2;background: #fff}
.nav-shortcutList > li:last-child {border-right:0;}
.nav-shortcutList > li > a {margin-right: 2px;line-height: 1.428571429;border: 1px solid transparent;}
.nav-shortcutList > li.active > a {color: #bf1e2e; font-weight: 500; cursor: default; background-color: #fff;}
.nav-shortcutList.nav-justified {width: 100%;}
.nav-shortcutList.nav-justified > li {display:inline-block; width: 33.1%;}
.nav-shortcutList.nav-justified > li > a {text-align: center;}
.nav-shortcutList.nav-justified > li > a {margin-right: 0;}

/*2018-2-7 최에녹 추가*/
.navm {display: flex; justify-content: center; width: 100%; line-height: 6rem; background-color: var(--bs-point-color2);}
.navm::-webkit-scrollbar {display: none; }
.navm > a {padding: 0 20px; font-size: 1.8rem; font-weight: 700; color: #fff; cursor: pointer; text-align: center; }
.navm > a:hover {color: var(--bs-point-color);}
/* topinfo */
.st{position:relative;width:100%;height:33px;border-bottom:1px solid #bbb;background:#f0f0f0;color:#000;text-align:left}
.rw{padding:5px 10px 0 45px}
.rw a{display:inline-block;overflow:hidden;width:29%;padding:3px 0 0 .7em;background:url(../images/bg.gif) no-repeat 0 -122px;font-size:.85em;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.rw .f{background:none}
.rw_h{display:inline-block;position:absolute;top:.55em;left:10px;padding:0 .4em;border:1px solid #c4c5ca;border-radius:1px;background:#f2f1f2;background:-webkit-gradient(linear,0 0,100% 100%,from(#fbfafb),to(#f2f1f2));font-size:.86em;line-height:20px;text-indent:0;-webkit-box-shadow:inset 1px 1px #fdfdfd,inset -1px -1px #f7f8f7;text-shadow:1px 1px 1px #fff}

/* title */
.h2 {position:relative; padding:20px 0 10px;}
.h2 h2, .h22 h2 {font-size:2.8rem; line-height: 3.2rem;}
.h22.fs {padding:0;}

.title-link span, .title-link-sm span {
  position: relative;
}
.title-link span:after, .title-link-sm span:after {
  content: '';
  width: 10px; /* 사이즈 */
  height: 10px; /* 사이즈 */
  border-top: 5px solid var(--bs-point-color); /* 선 두께 */
  border-right: 5px solid var(--bs-point-color2); /* 선 두께 */
  display: inline-block;
  transform: rotate(45deg); /* 각도 */
  position: absolute;
  top: 8px; /* 기본 0px 값으로 해주세요 */
  left: 5px; /* 기본 0px 값으로 해주세요 */
}
.title-link-sm span:after {
  width: 8px; /* 사이즈 */
  height: 8px; /* 사이즈 */
  top:6px;
}

.h3 {position:relative; padding:40px 0 10px;}
.h3.fr {padding:40px 0 30px;}
.h3 h2 {font-size:3.2rem; font-weight: 700; line-height: 3.4rem;}
.h3 .if {padding-left:10px;font-size:.85em;color:#909090}
.h3 .or {padding:.6em 0 0 10px;font-size:.95em;color:#666}
.h3 .or a{color:#1172b6}

.h32 h2,.h33 h2{padding-right:77px}
.h32 .bt3{position:absolute;top:10px;right:10px}
.h33 .bt3{position:absolute;right:10px;bottom:10px}

.h4 {padding:20px 15px;}
.h4 h2 {font-size: 2.4rem;line-height: 3.2rem;font-weight: 700; text-align: center;}
.h4 p.subtxt {text-align: center;margin: 10px 0;}
.h4.accent {padding: 30px 15px;}
.h4.accent h2 {font-size: 3.2rem; line-height: 3.8rem;}

.h5 {position:relative; padding:15px 0;}
.h52 {border-top:0;background:#fff;}
.h5 h2, .h5p h2, .h5_kw h2 {font-size:2.2rem;}
.h5 h2 strong, .h5p h2 strong{color:#ed1b23}
.h5_kw h2 strong, .h5_kw h2 {color:#1e7ae2}
.h5 select, .h5p select, .h5_kw select{margin:-.2em 0 -.7em;font-size:.95em;color:#000;vertical-align:top;}
.h5 .cn, .h5p .cn, .h5_kw .cn {color:#c00005}
.h5 .r, .h5p .r, .h5_kw .r{position:absolute;right:20px;top:1.5rem;font-size:1em}
.h5 .rt, .h5p .rt, .h5_kw .rt{position:absolute;right:10px;bottom:.4em;font-size:.95em}
.h5 .mr, .h5p .mr, .h5_kw .mr{display:inline-block;margin-right:-10px;padding-right:1.4em;background:url(../images/bu_lk.png) no-repeat 100% 49%;background-size:17px auto; color:#676767;text-indent:0}
.h5 .if, .h5p .if, .h5_kw .if{color:#666}
.h5 .if em, .h5p .if em, .h5_kw .if em{color:#ed1b23}
.h52 select{margin:-.1em 0 0 10px}
.h5p {position:relative;width:100%;padding:.7em 0;border-bottom:1px solid #d2d2d2;white-space:nowrap;background:#f2f2f2;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ececec));}
.h5_kw {position:relative;width:100%;padding:.7em 0;border-top:2px solid #1e7ae2;border-bottom:1px solid #d2d2d2;white-space:nowrap;background:#f2f2f2;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ececec));}

.box {position: relative; border-radius: 15px; background-color: #fff; padding: 15px 15px 20px 20px; margin: 8px 15px;}
.box-type-red {background-color: var(--bs-point-color);}
.box-type-red p {color: #fff;}
.box-type-black {background-color: var(--bs-point-color2);}
.box-type-white {background-color: #fff;}

.main-warp-news {display: flex; padding: 35px 10px; align-items: center; background-color:var(--bs-point-color2);}
.main-warp-news .wrap {display: flex; align-items: center;}
.main-warp-news ul {display: flex;}
.main-warp-news ul li {margin:0 10px;flex: 1 1 0;}
.main-warp-news ul li a {color: #fff; font-size: 1.8rem; font-weight: 700; line-height: 2.6rem;}
.main-warp-news ul li .desc {color: #fff; opacity: 0.4; font-size: 1.3rem; margin: 10px 0;}
.main-warp-news ul li .date {color: #A0A0A0; font-size: 1.4rem; margin-left: 30px;}
.main-warp-news .labelBtnNews {margin:0 30px;}
.main-warp-news .labelBtnNews .t_point {font-weight: 700;}

/* 메인 레이아웃 */
.section-dual {display: flex; margin: 20px 0 0; padding: 20px 0;}

/*메인탑 전용*/
.mainTypeA {overflow:hidden;position:relative;padding: 0; margin: 0 -15px 0 -15px; display: table}
.mainTypeA {padding:0; margin-bottom: 20px;}
.mainTypeA li {display: table-cell; position:relative; float:left; width:360px; margin:0 15px;box-sizing: border-box;margin-bottom: 10px; background-color: #fff}
.mainTypeA .img {position: relative; display:block; width:360px; height:210px; overflow:hidden;}
.mainTypeA .img img {width:360px;}
.mainTypeA .photo_tmb {height: 210px; overflow: hidden; display: block; background-size: cover; background-position: center top;}
.mainTypeA .tit {display: inline-block; padding: 15px 0; font-size: 2.2rem; font-weight:700;line-height: 2.8rem; text-align: left; letter-spacing: -1px; }
.mainTypeA .sectionA {position:relative; float:left; width: 390px}
.mainTypeA .sectionA .tit a {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.mainTypeA .sectionB {position:relative; float:left; width: 420px; border-radius: 12px; overflow: hidden;}
.mainTypeA .sectionB .img {width:420px; height:594px;}
.mainTypeA .sectionB .img img {width:420px;}
.mainTypeA .sectionB li {width:420px;}
.mainTypeA .sectionB .photo_tmb {height: 594px}

.mainTypeA .sectionB .tit {position: absolute; left: 10px; bottom:30px; padding: 0 15px; font-size: 3.2rem; line-height: 4.2rem; font-weight: 700;}
.mainTypeA .sectionB .news_wrp {height:594px;}
.mainTypeA .sectionB .news_wrp a {color: #fff}
.mainTypeA .sectionB .news_wrp a:hover {color:var(--bs-point-color)}
.mainTypeA .sectionB .img_panel a:before {position:absolute;left:0;top:0;width:100%;height:100px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.25)),to(rgba(0,0,0,0)));content:''}
.mainTypeA .sectionB .img_panel a:after{position:absolute;left:0;bottom:0;width:100%;height:400px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),color-stop(.4,rgba(0,0,0,.3)),color-stop(.52,rgba(0,0,0,.5)),color-stop(.63,rgba(0,0,0,.6)),color-stop(.7,rgba(0,0,0,.75)),color-stop(.8,rgba(0,0,0,.85)),to(rgba(0,0,0,1)));content:''}

/* News */
.section-dual .sec_news {width: 305px;flex-shrink: 0; padding-top: 10px; border-bottom: 1px solid var(--bline-color-100);}
.section-dual .sec_news .t_title {font-size: 3.2rem; font-weight: 700; line-height: 3.6rem;margin-bottom: 20px; }
.section-dual .sec_news > p {font-size: 1.8rem; line-height: 2.8rem;}
.section-dual section {width: 100%; flex-grow: 1; }
.section-dual section .li2_4 {display: block;}
.section-dual section {margin: 0 20px 0 0 !important;}
.section-dual section:last-child {margin: 0 !important;}


/* list */
.headLine {position: relative; display: flex; padding-bottom: 15px; border-bottom: 1px solid var(--bline-color-100);}
.headLine li {position: relative; display: flex;justify-content: space-between; align-items: center;}
.headLine .first {align-items: flex-start;}
.headLine .first a {color: #fff;font-size: 2rem; line-height: 2.8rem;}
.headLine .first a .date {color: #ECBBBE;}
.headLine .first .tit {margin-bottom: 20px;}
.headLine a {display:block; min-width: 80%;}
.headLine .tit {display: block; margin-bottom:5px;}
.headLine em {font-size:.8em;color:#909090;white-space:nowrap}
.headLine img {width:100%}
.headLine .fr {padding:.6em 15px .7em;border-bottom:1px solid #f2f2f2;}
.headLine .ct {border-radius: 15px; margin: 8px 15px;}
.headLine li:last-child .ct {border-bottom:0}
.headLine .vod_wrap {width: 500px;}
.headLine .vod_wrap p {font-size: 1.25em;text-align: left;white-space:inherit;width: 93%;bottom: 12px;line-height: 1.375em}
.headLine .vod_wrap_sec {width: calc(840px - 500px);}
.headLine .vod_wrap_sec .sc {position: relative; margin-left: 20px;}
.headLine .vod_wrap_sec .sc .tit {font-size: 2.4rem; font-weight: 700; line-height: 3rem; margin: 10px 0;word-break: keep-all;}
.headLine .vod_wrap_sec .photo_tmb {height: 180px;}
/*
.headLine .ct {background:url(../images/bu_rln.gif) no-repeat 10px 50%;}
*/
.headLine .bd {font-size:.82em;}
.headLine .bd {margin-top:.3em;color:#888;letter-spacing:-0.5px;}

/*  */
.list_box a {display:block;overflow:hidden;padding:.6em 10px}
.list_box strong {display:block;margin-right:.3em;margin-bottom:.2em;line-height:1.4em}
.list_box img {width:100%;}
.list_box .fr {padding:15px 0; border-bottom:1px solid #f2f2f2;}
.list_box .ct {display:block;overflow:hidden;padding:.6em 10px .7em;border-bottom:1px solid #f2f2f2;white-space:nowrap;text-overflow:ellipsis;}
.list_box li:last-child .ct {border-bottom:0}

.list_box .pd1 {display:block;}
.list_box .bd {font-size:.82em;}
.list_box .bd {margin-top:.3em;color:#888;}

.list_box.list_box_horiz {background: #f1f1f1}
.list_box.list_box_horiz .fr {background: #fff; padding:.6em 10px .7em;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;margin-bottom: 8px;}
.list_box.list_box_horiz li:first-child .fr {border-top: 0}
.list_box.list_box_horiz li:last-child .fr {margin-bottom: -1px}

.list_box.list_box_right strong {font-weight: normal;}
/*
.topList .ct {background:url(../images/bu_rln.gif) no-repeat 10px 50%;}
*/
.list_box .pd1 {display:block;}
.list_box .bd {font-size:.82em;}
.list_box .bd {margin-top:.3em;color:#888;}

.list_dot_bk li, .list_dot_bk ol {background:url(../images/bullet_dot_black.gif) 0 11px no-repeat;}
.list_dot li, .list_dot ol {line-height:24px;text-indent: 15px}
.list_dot li p, .list_dot ol p {margin-left:10px;display:inline-block}
.list_dot li p a, .list_dot ol p a {color:#8d8d8d;}
.list_dot li p a:hover, .list_dot ol p a:hover {color:var(--bs-point-color)}

.thumb_md_1 img {width:150px}
.thumb_md_2 img {width:120px}
.thumb_md_3 img {width:100px}
.thumb_md_4 img {width:100%;}
.thumb_md_4 strong {font-weight:normal;}

/* list 텍스트형 1단 */
/* .li1 li:first-child {margin: 0 0 8px;} */
.li1 li, .li5 li {position:relative; display: flex; justify-content: space-between; align-items: center;}
.li1 .dline, .li5 .dline {border-bottom:1px solid #bbb}
.li1 .ct {position:relative;padding:15px; margin: 8px 0; background-color: #fff; border-radius: 15px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.li1 .ct a {min-width: 100%;}
.li1 .tit {display: block; margin:8px 0;white-space: normal; font-size: 2rem; font-weight: 700; line-height: 2.6rem;}
.li1 .ct.first {background-color: var(--bs-point-color); align-items: flex-start; }
.li1 .ct.first .tit {color: #fff; font-size: 2.4rem; line-height: 3.2rem; white-space: pre-wrap; margin-bottom: 20px;}
.li1 .ct.first .date {color: #ECBBBE;}
.li1 .ct.first .icon-time-red {background-position: -50px -278px;}
.li1 .ct .titleWrap {width: 650px;}
.li1 .photo_tmb {height: 130px; width: 200px; flex-shrink: 0; margin-right: 20px;}

.li1_1 .ct {flex-wrap: wrap;padding: 15px 0; border-bottom: 1px solid var(--bline-color-100); border-radius: 0; margin: 0;}
/* .li1_1 .ct:last-child {border: 0;} */
.li1_1 .ct .fr {display: flex;}

.li1_2 .ct {background-color: transparent; border-radius: 0; margin: 0; padding: 15px 0;}
.li1_2 .tit {margin: 0;}

.li1_3 .ct.first {background-color: var(--bs-point-color2);}
.li1_3 .ct.first .tit {font-size: inherit; margin-bottom: 0;line-height: inherit;}
.li1_3 .ct .tit {margin-bottom: 0;}

.li1_4 .ct {margin: 0; padding: 15px 0; border-bottom: 1px solid var(--bline-color-100);}
.li1_4 .ct .fr {display: flex; align-items: center; }
.li1_4 .tit {font-size: inherit; line-height: inherit; font-weight: 500; margin: 0;}
.li1_4 .photo_tmb {width: 90px; height: 70px;margin-right: 10px;}

.li5 .ct {display:block;clear:both;position:relative;padding:.6em 10px .7em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.li5 {margin-bottom:15px}
/* ssvli */
.li52 {margin-bottom:15px}
.li52 li{border-bottom:1px solid #f2f2f2}
.li52 a {display:block;overflow:hidden;padding:.6em 10px;}
.li52 strong{display:block;margin-right:.3em;margin-top:3px}
.li52 em{font-size:.8em;color:#909090;white-space:nowrap}

.info_area{ background:#f5f5f5;}
.info_area li {border-bottom:1px solid #ced0ca;}
.info_area .li4 {margin-bottom:0px}

/*list_사진형_1단*/

/*list_사진형*/
.li2 {overflow:hidden;background:#fff;padding: .8em 15px; display: flex; flex-wrap: wrap;}
.li2 li {box-sizing: border-box; margin: 0 5px 5px 0;}
.li2 li .if {height:auto;overflow:hidden;padding: 5px 3px 0 0}
.li2 li .ifin {height:auto;overflow:hidden;padding: 10px 15px 11px 11px; border:1px solid #F0F0F0; border-top: 0}
.li2 .ct {display:block;position:relative;margin: 0 .3em .8em 0}
.li2 li:nth-child(even) .ct{margin:0 0 .8em 0;}
.li2 .ct .photo_tmb, .li2 .photo_tmb {overflow:hidden;display:block; height:120px; background-size: cover; background-position: center 20%;}
.li2 .tit {display: block; margin: 8px 0; font-size: 2.0rem; line-height: 2.6rem; font-weight: 700;}
.li2 img {margin-bottom:5px;vertical-align:top;max-width:100%;}
.li2 span {display:block;overflow:hidden;width:90px;margin:0 auto;text-align:left;}
.li2 span {width:auto;}
.li2 span.img {max-height:110px;overflow:hidden;margin-bottom:7px}
@media (max-width:768px) {.li2 .ct .photo_tmb {height:120px}}

/*list_사진형:가로2형*/
.li2_1 {padding: 0;}
.li2_1 li {flex: 1 1 40%;}
.li2_1 li:nth-child(2n) {margin-right: 0;}
.li2_1 .vod_wrap {height: 200px;}
.li2_1 .vod_wrap .vod_panel a:after {height: 200px;}
.li2_1 .vod_wrap .vod_panel .photo_tmb {height: 200px; background-position: center 20%}
.li2_1 .vod_wrap .titleWrap {left: 15px; bottom: 10px;}

.li2_13 {padding:0 ;}
.li2_13 li {flex: 1 1 30%; margin: 20px 20px 0 0;}
.li2_13 li:nth-child(3n) {margin-right: 0;}
.li2_13 .tit {font-size: 1.8rem; line-height: 2.6rem;}

.li2_2 {padding: 0}
.li2_2 li {flex: 1 1 40%; margin: 0 30px 30px 0;}
.li2_2 li:nth-child(2n) {margin-right: 0;}
.li2_2 .photo_tmb {height: 230px;}
.li2_2 img {max-width:100%;}
.li2_3 {padding: 0}
.li2_3 li {width:50%;}
.li2_3 img {max-width:100%;}

/*list_사진형:세로 긴형*/
.li2_3 .photo_tmb {height:150px}
.li2_3 img {min-height:inherit}
@media (max-width:768px) {.li2_3 .photo_tmb {height:150px}}

/*li2_4 사진형 full*/
.li2_4 {padding: 0}
.li2_4 li {border-bottom: 1px solid var(--bline-color-100); margin: 0;}
.li2_4 li .ct {margin: 15px 0 !important; height: 45px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.li2_4 .photo_tmb {height: 200px;}
.li2_4 span.pd1 {text-align: left;padding:0 0 10px 10px;}
.li2_4 img {max-width:100%;}
.li2_4 li .fr strong {font-size: 1.8rem; line-height: 2.6rem;}
.li2_4 li strong {margin: 10px 0;display: block; font-weight: 700;}

/*list_사진형:우측 썸네일형*/
.li2_5 li {width:100%;position:relative;width:100%;border-bottom:1px solid #eee;}
.li2_5 li .if {overflow:hidden;padding:0 3px;float:left; width: 55%;white-space:normal;text-overflow:ellipsis;padding-left:30px}
.li2_5 .ct .tmbfbxc {float:right;margin:0.1em 0 0}
.li2_5 .ct .photo_tmb {overflow: hidden; display: block; background-size: cover; background-position: center top; height:70px}
.li2_5 li .if strong {font-weight: normal;display: -webkit-box}
.li2_5 img {width:100%;}
.li2_5_n li .if {overflow:hidden;padding:0 3px;float:left; width: 64%;white-space:normal;text-overflow:ellipsis;}

/*검색결과*/
.li4 {margin-bottom:0px}
.li4 li{position:relative;width:100%;border-bottom:1px solid #f2f2f2}
.li4 .dline{border-bottom:1px solid #bbb}
.li4 p {display:block;clear:both;position:relative;padding:.7em 10px .6em}
.li4 .re_num{display:inline-block;font-size:.85em;color:#007acf;vertical-align:top;margin-left:5px}
.li4 .info {color:#999; font-size:0.85em;line-height:24px}
.li4 .name {color:#545454; }
.li4 li em {color:#e0e0e0;font-size:0.85em;padding:0 3px}

.new {color: #ED232B; font-size: 11px; font-weight: 500; margin-left:5px;}

/* 썸네일 사이즈 조정 */
.photo_tmb.tmb_size_1 {width: 220px; height: 150px;}
.photo_tmb.tmb_size_2 {width: 100%; height: 180px;}

/* 랭킹 */
.newRanking {border:0; overflow:hidden; position: relative; background-color: #fff; border-radius: 15px; }
.newRanking ol li {line-height:22px; border-bottom: 1px solid var(--bline-color-100); padding: 15px 0; min-height: 40px; display: flex; align-items: center;}
.newRanking ol li:first-child {margin: 0;}
.newRanking ol li:last-child {border: 0;}
.newRanking ol li a {flex: 1 1 200px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newRanking ol li .rank {display:inline-block; float: left; width:20px; font-size:2rem; line-height: 32px; font-weight: 700; color: var(--bs-point-color); margin-right:5px;}
.newRanking ol li.ct {padding: 15px 20px;}
.newRanking.targer-pick {background-color: var(--bs-point-color2); }
.newRanking.targer-pick ol li {border-color: #353c46;}
.newRanking.targer-pick ol li a {color: #fff;}

.asideRanking li:first-child {padding: 0 0 15px;}
.asideRanking .li1 .ct a {min-width: 80%;}
/* .asideRanking .li1 .ct .titleWrap {min-width: 80%;} */
.asideRanking .rank {font-family: 'GmarketSans'; font-size: 2.6rem; font-weight: 500; color: var(--bs-point-color); margin-right: 15px;}

/* label */
.label {display:inline-block; padding:0.8rem 1.8rem; border-radius:10rem; color:#fff; font-size:13px; font-weight:500; text-align:center; line-height:1; vertical-align:baseline; white-space:nowrap;}
.label-brand {background-color:var(--bs-point-color);}
.label-brand.label-flat-text {background-color:#fff; color: var(--bs-point-color);}
.label-primary {background-color:var(--bs-point-color2);}
.label-primary.label-flat-text {background-color:#fff; color: var(--bs-point-color2);}
.label-info {background-color:#005DDE;}
.label-success {background-color:#99C177;}
.label-danger {background-color:var(--bs-point-color);}
.label-disable {background-color:#aaa;}

.label-sm {padding: 0.5rem 1.8rem 0.7rem}

/* vod */
.vod_wrap {position:relative;overflow:hidden;height:350px;background:#232629;border-radius: 12px;}
.a .vod_wrap {-webkit-transform:none}
.vod_panel {position:absolute;float:left;width:100%;height:100%}
.vod_panel a {display:block}
/* .vod_panel a:before{position:absolute;left:0;top:0;width:100%;height:29px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.25)),to(rgba(0,0,0,0)));content:''} */
.vod_panel a:after {position:absolute;left:0;bottom:0;width:100%;height:350px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),color-stop(.4,rgba(0,0,0,.2)),color-stop(.52,rgba(0,0,0,.3)),color-stop(.63,rgba(0,0,0,.5)),color-stop(.7,rgba(0,0,0,.6)),color-stop(.8,rgba(0,0,0,.75)),to(rgba(0,0,0,.85)));content:''}
.vod_panel .photo_tmb {overflow:hidden;display:block;height:350px; background-size: cover; background-position: center 20%;}
.vod_wrap img{width:100%;max-width:425px;vertical-align:top}
.vod_wrap .titleWrap {position:absolute;bottom:25px;left:30px;width:85%;font-size: 1.4rem; font-weight: 700; line-height: 2rem; color:#fff;text-shadow:0 1px rgba(20,30,39,.9);z-index: 2;}
.vod_wrap .titleWrap .tit {font-size: 3.4rem; font-weight: 700; line-height: 3.8rem;word-break: keep-all;}
.vod_wrap .titleWrap.mid .tit {font-size: 2rem; line-height: 2.6rem;}
.vod_wrap .titleWrap.small .tit {font-size: 1.5rem; line-height: 2rem;}
.vod_wrap .titleWrap .date {font-weight: 400; }
.vod_wrap .ico_premium_point {position: absolute; right: 10px; top: 10px;}

.li2_3 .vod_wrap {height: 150px;margin-top: 1px}
.li2_3 .vod_wrap p {white-space:inherit;font-size:1em; font-weight: normal;width: 90%;left: 7px;bottom: 6px;line-height: 18px;text-align: left;}
.li2_3 .vod_panel img {margin: 0}

.vod_wrap.rightDeep {width: 100%; height: 400px; margin-bottom: 20px;}
.vod_wrap.rightDeep .photo_tmb {height: 400px;}
.vod_wrap.rightDeep .thumb {width: 500px;}
.vod_wrap.rightDeep .titleWrap {left: 480px; top: 50px; width: 40%;}
.vod_wrap.rightDeep .titleWrap .tit {line-height: 4.0rem;}
.vod_wrap.rightDeep .titleWrap .desc {font-size: 1.4rem; line-height: 2rem; font-weight: normal; margin-top: 20px; }
.vod_wrap.rightDeep .vod_panel a:after {left: 350px; width: calc(100% - 350px); height: 400px; background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 100%);}

/* 이전글 다음글 */
.post_nav {padding:0px 0 0px;border-bottom:1px solid #f2f2f2;}
.post_nav a{display:block;margin-bottom:-1px;padding:.75em 10px .7em;border:solid #ebebeb;border-width:1px 0;line-height:1.2em;font-size:1em;color:#303030;}
.post_nav a span{margin-right:5px;padding:0 8px 0 20px;background:url(../images/icon.png) no-repeat 0 0;}
.post_nav a em{display:inline-block;margin:-1px 0 0 6px;color:#ed1b23;vertical-align:top;}
.post_nav a strong{}
.post_nav a .re_num{font-size:.85em;color:#007acf;vertical-align:top; background:none;margin-left:-10px}
.post_nav a.prev span{background-position:-5px -61px;background-size:60px auto;}
.post_nav a.next span{background-position:-5px -77px;background-size:60px auto;}

/* 덧글 */
.reply_list .u_mdbt {margin:0 10px 10px; text-align:left}
.reply_list .re_num {color:#007acf;display:inline-block;vertical-align:top; background:none;margin-left:0px}
.reply_list.comment > li {padding-top:14px;padding-bottom:15px;}
.reply_list.comment > li:last-child {background:none !important;}
.comment > li.re_reply_item {border-bottom:none;background:#fafafa url(http://m1.daumcdn.net/icon/mobile/m320/miznet/2011/line_dot.png) repeat-x 0 100%;display:block;}
.comment > li.re_reply_item.last {border-bottom:none;background:#fafafa url(http://m1.daumcdn.net/icon/mobile/m320/miznet/2011/line_dot.png) repeat-x 0 100%;display:block;}
.reply_list.article > li > .selected {display:block;padding-top:8px;padding-bottom:10px;}

/* photo */
.photo_lst {overflow:hidden;display:table;width:98%;padding:10px 0 0 5px}
.photo_lst_li {position:relative;display:inline-block;width:50%;margin-bottom:15px; vertical-align:top;}
.photo_lst_li a {display:block;text-align:center;position:relative;width:140px;margin:0 auto}
.photo_lst_li .photo_tmb {width:140px;height:120px;overflow:hidden;display:block;background:#2b2b2b;border:1px solid #c9c9c9;}
.photo_lst_li img {position:relative;top:0;left:0;width:100%;}
.photo_lst_li .tit p {display:block;overflow:hidden;text-overflow:ellipsis;font-size:.8em;color:#fff;text-align:left;font-weight: 500;text-shadow:0 1px rgba(20,30,39,.9);line-height:24px;white-space:nowrap;margin-left:25px;margin-top:19px}
.photo_lst_li .tit {position:absolute;left:1px;top:76px;width:100%;height:45px;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),color-stop(.4,rgba(0,0,0,.2)),color-stop(.52,rgba(0,0,0,.3)),color-stop(.63,rgba(0,0,0,.5)),color-stop(.7,rgba(0,0,0,.6)),color-stop(.8,rgba(0,0,0,.75)),to(rgba(0,0,0,.85)));content:''}
.photo_lst_li .if{display:block;width:145px; margin:5px auto 0;font-size:.8em;text-align:left;line-height:1.4em}
.ico_frame {position:absolute;left:7px;top:100px; display:block;background:url(../images/icon.png) no-repeat 0 -138px;width:16px;height:13px;z-index:1000}
@media(min-width:480px){.photo_lst_li{width:33%;}}
@media(min-width:680px){.photo_lst_li{width:25%;}}

/*cartoon*/
.cartoon_tit{position:relative;padding:9px 13px 9px;border-bottom:1px #f2f2f2 solid}
.cartoon_tit h3{font-size:1.05em;line-height:1.4em;color:#000;font-weight:normal}
.img_c {width:100%;}
.bt5{display:block;overflow:hidden;height:33px;line-height:33px;border: 1px solid #C4C4C4;background: none repeat scroll 0 0 #ECECEC; vertical-align:middle;text-align:center;color:#666;white-space:nowrap;font-size:.93em;border-radius:3px}
.bt5 a {float:left;height:100%;color:#666;border-left:1px solid #C4C4C4}
.bt5 .f,.bt5 .npv {border-left:0}
.bt5 .pv {display:inline-block;padding-left:1em;background:url(../images/icon.png) no-repeat -7px -93px;background-size:60px auto}
.bt5 .nx {display:inline-block;padding-right:1em;background:url(../images/icon.png) no-repeat 100% -116px;background-size:60px auto}
.bt5 .npv,.bt5 .nnx {color:#909090;}
.bt5 strong {color:#32a800;}

/* 기본 */
.li1 .wn{display:block;overflow:hidden;width:100%;margin-bottom:5px;background:url(../images/icon.png) 0 -135px no-repeat;text-indent:22px}
.li1 .wn strong{margin-right:3px;font-size:.85em}

/* 목록에서 사용하는 텍스트 유형 */
.li1 .if1{font-size:.86em;color:#909090}
.li1 .if1 b{color:#c00005}
.li1 .if2{font-size:.86em;color:#666}
.li1 .if3{font-size:1.05em;font-weight: 500;line-height:18px}
.li1 .if4{font-size:1.05em;line-height:18px}
.li1 .tx1{color:#909090}

/* 사진형 */
.li1 .fl{float:left;margin:0 10px 0 0}
.li1 .fl2{display:block;overflow:hidden;_float:left;_padding-right:1.85em}
.li1 .fc{clear:both}
.li1 .wn1{display:block;margin-top:0.2em;color:#888;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;font-size:1em;}
.li1 .wn2{display:block;overflow:hidden;width:70%;white-space:nowrap;text-overflow:ellipsis}
.li1 .wn3{display:block;margin-top:0.8em;font-size:.8em;color:#909090;white-space:nowrap;color:#007acf}
.li1 .wn4{display:block;margin-top:0.2em;font-size:.8em;color:#909090;white-space:nowrap}
.li1 .w60{width:60%}
.li1 .w50{width:50%}
.wn1{display:block;margin-top:0.2em;color:#888;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;font-size:1em;}

.li3 {overflow:hidden;width:100%;border-bottom:1px solid #f2f2f2}
.li3 li{float:left;width:33%;height:13em;font-size:.86em;text-align:center}
.li3 .ct{display:block;position:relative;margin:.2em;padding:.7em 0}
.li3 li .if{display:block;overflow:hidden;height:2.76em}
.li3 img{margin-bottom:3px;vertical-align:top}
.li3{margin-bottom:15px}
.li3 span{width:auto;margin:0 .1em;text-align:center}

.tmbfbxc {width:33%; float:left;position:relative;margin:.1em .7em .1em 0;text-align:left;-webkit-box-align:center;-webkit-box-pack:center;line-height:0;height:100%}
.tmbfbx{display:-webkit-box;float:left;position:relative;width:100px;height:100px;margin:.1em .7em .1em 0;border:solid 1px #f2f2f2;text-align:center;-webkit-box-align:center;-webkit-box-pack:center}
.tmbfbx img{vertical-align:middle;}
.tmb{display:-webkit-box;width:33%;text-align:center;-webkit-box-align:center;-webkit-box-pack:center}
.tmbfbx2{display:-webkit-box;overflow:hidden;float:left;position:relative;width:70px;height:auto;margin:.1em .7em .1em 0;border:solid 1px #f2f2f2;text-align:center;-webkit-box-align:center;-webkit-box-pack:center}
.tmbfbx2 img{width:100%;vertical-align:middle}
.tmbfbxct{display:-webkit-box;float:left;position:relative;margin:.1em .7em .1em 0;border:solid 1px #f2f2f2;text-align:center;-webkit-box-align:center;-webkit-box-pack:center}
.tmbfbxct img{vertical-align:middle;width:70px}
.tmbfbxch {display: block; width:100%;height:100%; position:relative;margin:.1em .7em .4em 0;text-align:left;-webkit-box-align:center;-webkit-box-pack:center;line-height:0;}
.tmbfbxch .photo_tmb {height: 180px;overflow: hidden;display: block}
.tmbfbxchw {display: block; width:100%;height:100%; position:relative;margin:.1em .7em .4em 0;text-align:left;-webkit-box-align:center;-webkit-box-pack:center;line-height:0;}
.tmbfbxchw .photo_tmb {height: 150px;overflow: hidden;display: block;background-size: cover;}
.chg_tmbpr {float:right;margin:.1em 0 .1em 0.7em;}

.csu {overflow:hidden;padding-bottom:.3em;border-bottom:1px solid #f2f2f2;background:#f9f9f9;word-wrap:normal;word-break:normal}
.csu_tmb {_display:inline;float:right;clear:both;margin:.7em 10px .6em;border:1px solid #c9c9c9;vertical-align:top}
.csu_h3 {padding:.7em 10px 0;font-weight:normal;font-size:1.05em}
.csu_lw {overflow:hidden;margin:.7em 5px .7em 10px;font-size:.86em;line-height:1.55em;color:#9d9d9d}

/*topic*/
.topic {position:relative;}
.keyword li {border-bottom:1px solid #e1e1e1}
.keyword li a {display:block;position:relative;padding:0 10px;font-size:1em;line-height:33px;zoom:1;padding-right:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.keyword li a .hot{position:absolute;right:0;top:0;padding:0 15px;font-weight: 500;font-size:11px;color:#ed232b}
.rank_no {display:inline-block;overflow:hidden;width:13px;height:12px;margin:0px 6px 2px 0;border:1px solid #00b0c1;background:#03cadd;font-weight: 500;font-size:10px;line-height:11px;color:#fff;text-align:center;vertical-align:middle}
.rank_no_box {display:inline-block;overflow:hidden;width:13px;height:12px;margin:0px 6px 2px 0;border:1px solid #00b0c1;background:#16bcef;font-weight:bold;font-size:10px;line-height:11px;color:#fff;text-align:center;vertical-align:middle}
.rank_no_none {display:inline-block;font-weight:normal;font-size:2em;color:#b1b1b1;vertical-align:top;position:absolute;left:5px;top:20px;text-align: center; width: 40px}

/* ssvli */
.ssvli li{border-bottom:1px solid #f2f2f2}
.ssvli a{display:block;overflow:hidden;padding:.6em 10px;color:#265090}
.ssvli strong{display:block;margin-right:.3em;margin-top:3px}
.ssvli em{font-size:.8em;color:var(--bs-point-color);white-space:nowrap}

.ssvli .bd,.ssvli .ur{display:inline-block;font-size:.82em}
.ssvli .bd{margin-top:.3em;color:#666}
.ssvli .ur{margin-top:.1em;color:#32a800}
.ssvli .dv{font-size:.8em;color:#dfdfdf}
.ssvli .pd1,.ssvli .pd3{display:block;height:1px}
.ssvli .pd2{display:block;height:3px}

/* rx */
.ssvli_rebx{padding:.85em .85em 1.4em;border-bottom:1px solid #f2f2f2;}
.res{color:#c00005}
.ssvli_ret{margin:.5em 0 2em}
.ssvli_red{font-size:.93em;color:#666;margin-bottom:0.5em}

.notice_bx{position:relative; padding:.85em .85em;border-bottom:1px solid #f2f2f2;}
.notice_bx p.bxdot{font-size:.85em;color:#666;line-height:18px;}
.notice_bx li {font-size:.85em;color:#666;line-height:18px;}
.notice_bx strong{font-weight:normal;-webkit-text-stroke-width:.02em;color:#000}
.notice_bx h4 {font-size:0.95em}
.notice_bx h5 {padding:10px 0;font-size:0.85em}
.notice_bx .r {margin-top:20px}
.notice_bx .mr{display:inline-block;margin-right:-10px;padding-right:30px;background:url(../images/icon.png) no-repeat 100% -325px;color:#9d9d9d;text-indent:0;font-size:0.85em;color:#007acf}
.notice_bx .tit {padding:0 0 10px 0}
/* etc. */
.sc1{padding:15px 10px}
.sc2 {padding:15px 10px;border-top:1px solid #f2f2f2;}
.sc3{padding:15px 10px}
.anno {font-size:.85em;line-height:18px;margin:10px 0 0 100px}

/* member */
#memberBox{padding:12px 14px 12px 12px;border-bottom:1px solid #f2f2f2;}
#memberBox fieldset{display:inline-block;width:100%;height:100%;overflow:hidden;background-color:#f8f8f8;text-align:left;border:1px solid #f2f2f2; }
.invisible{display:none;}
.memberhide{position:absolute;left:-9999in;width:1px;height:1px;overflow:hidden;}
#login_area{padding:20px;padding-bottom:10px;position:relative;border-bottom:1px solid #f2f2f2;}
.uid, .upw{height:30px;padding:0 132px 0 0;position:relative;}
.upw{margin:6px 0 0 0;}
.ubtn{padding:10px 0 0 0;color:#666;font-size:13px; line-height:26px;}
.ubtn input{margin:0 1px 4px 0;}
.android .ubtn input{margin-bottom:6px;}
.ubtn .st_group{position:relative; padding-right:22px; overflow:hidden;}
label.disabled {color:#ccc;}

#loginBtn{position:absolute;top:20px;right:20px;width:82px;height:66px;background-color:#2f4561;border:1px solid #152438;cursor:pointer;}
#loginBtn span{line-height:64px;font-size:15px;color:#fff;}

#id, #inputPwd{width:100%;height:28px;padding:0 30px 0 9px;border:1px solid #d6d6d6;color:#000;font-size:15px;}
#id.empty{background:#fff url(../images/bg_text.gif) 2px 3px no-repeat;}
#id.fill{background-image:none;}
#inputPwd.empty{background:#fff url(../images/bg_text.gif) 2px -35px no-repeat;}
#inputPwd.fill{background-image:none;}

#inputInfoBox {border-bottom:1px solid #f2f2f2}
#inputInfoBox .list_input {margin:10px;}
#inputInfoBox .list_input li {padding:10px 0;color:#666;}
#inputInfoBox .list_input li.lst {border-bottom:0;}
#inputInfoBox .list_input li .inp_area {display:table;overflow:hidden;width:100%;height:100%;margin:0 auto;}
#inputInfoBox .list_input li label {display:table-cell;position:relative;top:2px;width:7.2em;color:#000;}
#inputInfoBox .list_input li input {width:99%;height:24px;border:1px solid #d6d6d6;color:#000;font-size:15px;}

/* lnb */
#lnbArea {height:105px; background:#f8f8f8 none; border-bottom:1px solid #f2f2f2;}
#lnb {margin:0 auto;padding:20px 0; width:320px;}
#lnb li, #lnb span, #lnb strong {float:left;}
#lnb span {height:64px; text-indent:-1000em; overflow:hidden;}
#lnb li, #lnb span {background:url(../images/join_nav_tab.gif) no-repeat;}
#lnb li {padding:0 28px;}
#lnb li.lnb_step1 {background:none}
#lnb li.lnb_step1 .on {background-position:0 -81px; width:43px;}
#lnb li.lnb_step1 span {background-position:0 -167px; width:43px;}
#lnb li.lnb_step2 .on {background-position:0 -254px; width:64px;}
#lnb li.lnb_step2 span {background-position:0 -340px; width:64px;}
#lnb li.lnb_step3 .on {background-position:0 -427px; width:43px;}
#lnb li.lnb_step3 span {background-position:0 -511px; width:43px;}

/* 글쓰기 */
.new_article {border-bottom:1px solid #f2f2f2;}
#writeForm  {margin:10px;}
#writeForm label {display:none}
#writeForm input {width:100%;height:24px;border:1px solid #d6d6d6;color:#000;font-size:15px;}
#writeForm textarea {width:100%;border:1px solid #d6d6d6;color:#000;font-size:15px;}
#writeForm #wf-title .textBox { border:none; padding:0; }

#writeForm #wf-title, #wf-content{margin-bottom:10px}
#writeForm #wf-title .empty{background:#fff url(../images/bg_text.gif) 2px -75px no-repeat;}
#writeForm #wf-title .fill{background-image:none;}
#writeForm #wf-content .empty{background:#fff url(../images/bg_text.gif) 2px -110px no-repeat;}
#writeForm #wf-content .fill{background-image:none;}
#writeForm #wf-title .empty{background:#fff url(../images/bg_text.gif) 2px -75px no-repeat;}
#writeForm #wf-title .fill{background-image:none;}
#writeForm #wf-comment .empty{background:#fff url(../images/bg_text_comment.gif) 2px 4px no-repeat;}
#writeForm #wf-comment .fill{background-image:none;}

/* button */
.bt1{display:inline-block;border:1px solid #c4c4c4;background:#fff;color:#666;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-border-radius:3px}
.bt1{height:33px;background-position:0 -139px;line-height:33px}
.bt12{display:block;font-size:.93em}
.bt3{display:inline-block;overflow:hidden;position:relative;z-index:2;width:100px;margin:15px 0 0 2px;font-size:.95em;vertical-align:top}
.bt3{height:28px;border:1px solid #c4c4c4;background:#f1f1f1 url(../images/btn.gif) repeat-x 0 0;background-position:0 -139px;line-height:28px;-webkit-text-stroke-width:.02em}
.bt4{height:23px;background-position:0 -139px;line-height:23px;padding:0 7px}
.bt6{height:26px;background-position:0 -139px;line-height:26px;padding:0 12px;font-size:0.85em}
.bt6s{height:22px;background-position:0 -139px;line-height:22px;padding:0 8px;font-size:0.85em}
.bt6bg {background:url(../images/btn.gif) repeat-x 0 -172px; background-color:#2f4561;border:1px solid #152438;cursor:pointer;color:#fff}
.u_memw {clear:both;text-align:center;margin:15px 0}
.u_membt{display:inline-block;overflow:hidden;position:relative;z-index:2;width:90px;margin:0px 0 0 2px;font-size:1em;color:#666;vertical-align:top}
.u_membt{height:32px;border:1px solid #c4c4c4;background:#f1f1f1 url(../images/btn.gif) repeat-x 0 0;background-position:0 -139px;line-height:30px}
.w_u_membt {width:160px;}
.u_agbt {clear:both;text-align:center;margin-top:15px}
.u_mdbt {clear:both;text-align:right;}
.u_commentbt {clear:both;text-align:right;margin:10px}

/* Footer */
.u_ft {position: relative; padding: 20px 10px 0; background-color: var(--bs-point-color2);}
.u_ft .btn {font-size: 1.6rem;}
/* copyright */
#cr {clear:both; margin-bottom: 10px;}
#cr a{color:#909090}
#cr .dd{margin-left:.5em;font-size:12px}

#copyright {padding:15px 0; border-top: 1px solid var(--bline-color-100);}
#copyright > p  {line-height:20px; font-size: 1.4rem;}
#copyright a {color:var(--bs-point-color)}
#copyright a:hover {color:#000}

#footer {padding:10px 30px; background-color: var(--bs-point-color3); color: #718291; font-size: 1.5rem;}
#footer.addSpace {padding-bottom: 10px;}
.footerLogo {}
.footerLogo a img {width: 120px; }
.corpInfo {padding: 0; font-size: 1.3rem;}
.corpInfo p {line-height: 2.2rem;}
.corpInfo em {color: #718291; font-size: 8px; margin:0 5px; vertical-align: bottom;}
.footerInfo {padding: 10px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #353c46;}
.footerInfo .termsInfo { display: flex; overflow:hidden;position:relative}
.footerInfo .termsInfo ul {display: flex; flex-wrap: wrap;}
.footerInfo .termsInfo ul li {margin:0 20px 5px 0;}
/* .footerInfo .termsInfo ul li:last-child {margin-right: 0px;} */
.footerInfo .termsInfo ul li a {position: relative; color: #fff;}
.footerInfo .termsInfo ul li a:after {background: #718291;content: ""; display: block; height: 10px; position: absolute; right: -10px; top: 3px; width: 1px;}
/* .footerInfo .termsInfo ul li:last-child a:after {display: none;} */
.footerInfo .termsInfo ul li a em {font-weight: 700;}

/* 페이징 */
.articlePage {text-align:center; }
.articlePage a {font-family: 'GmarketSans'; color:#D6D9E1; font-size: 2.6rem; display:inline-block; width:40px; height:40px; line-height:3.8rem;}
.articlePage a:hover {text-decoration:none; color:#000;}
.articlePage a.current {color:#000; font-weight:500;}
.articlePage a.pb {width:60px;}
.articlePage a.current {width:40px;}

.pg1b {text-align:center;white-space:nowrap;padding:10px 0 20px}
.pg1b_btn{display:inline-block;overflow:hidden;padding:4px 18px 4px;border:0;background:transparent;text-decoration:none;vertical-align:top;-webkit-appearance:none;}
.pg1b_prev,.pg1b_next{display:inline-block;overflow:hidden;width:18px;height:23px;background:url(../images/icon.png) no-repeat;text-indent:-99em}
.pg1b_prev{ background-position: -3px -247px;background-size: 60px auto;}
.pg1b_next{background-position: -37px -247px;background-size: 60px auto;}
.pg1b_pg {padding:0 1px 0 3px;}
.pg1b_pg .pgn {display:inline-block;min-width:35px;padding:3px 5px 4px; line-height:25px; text-align:center;text-decoration:none;vertical-align:top;-webkit-border-radius:3px;font-size: 18px;}
.pg1b_pg .pgn.on{color:#bf1e2e;font-weight: 700}

/* .pg3b {text-align:center;padding:0.5em 0;}
.pg3b_btn {display:inline-block;overflow:hidden;padding:4px 18px 5px;border:1px solid #c4c4c4;background:#f0f0f0;background:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),color-stop(.05,#fbfbfb),to(#f0f0f0));text-decoration:none;vertical-align:top;-webkit-appearance:none;-webkit-box-shadow:rgba(255,255,255,0.7) 0 1px 1px inset;-webkit-border-radius:3px}
.pg3b_prev,.pg3b_next{display:inline-block;overflow:hidden;width:8px;height:17px;background:url(../images/icon.png) no-repeat;text-indent:-99em}
.pg3b_prev {background-position:-3px -24px;background-size:60px auto}
.pg3b_next {background-position:-19px -24px;background-size:60px auto}
.pg3b_pg{display:inline-block;height:23px;font-size:.93em;line-height:21px;color:#999;letter-spacing:2px;vertical-align:middle;padding:0 1em}
.pg3b_pg .pgn {display:inline-block; margin: 0 2px; overflow:hidden;width:6px;height:6px;border:1px solid #c6c6c6;background:#dfdfdf;color:transparent;vertical-align:middle;-webkit-border-radius:6px;}
.pg3b_pg .pgn.on {width:6px;height:6px;border-color:#bf1e2e;background:#03cadd; background:-webkit-gradient(linear,0 0,0 100%,from(#DE2243),to(#DE2243));-webkit-border-radius:6px} */

.pg3b {text-align:center; position: absolute; left: 50%; transform: translateX(-50%);}
.pg3b_btn {overflow:hidden;padding:10px;text-decoration:none;vertical-align:top;-webkit-appearance:none; display:inline-block;position:absolute;}

.pg3b_btn.pg3b_btn_prev {top:calc(50% - 40px);left:calc(50% - 640px);}
.pg3b_btn.pg3b_btn_next {top:calc(50% - 40px);right:calc(50% - 640px);}
.pg3b_prev,.pg3b_next{display:inline-block;overflow:hidden; width:44px;height:44px;background:url(../images/bl_ico_new.png) no-repeat; background-size:126px auto; text-indent:-99em;}
.pg3b_prev {background-position:0 0;}
.pg3b_next {background-position:-58px 0;}

.slide_btn_brand .pg3b_btn.pg3b_btn_prev {top:calc(50% - 40px);left:10px;}
.slide_btn_brand .pg3b_btn.pg3b_btn_next {top:calc(50% - 40px);right:10px;}
.slide_btn_brand .pg3b_prev,.pg3b_next {display:inline-block;overflow:hidden; width:60px;height:60px;background:url(../images/bl_ico_new.png) no-repeat; background-size:190px auto; text-indent:-99em;}
.slide_btn_brand .pg3b_prev {background-position:0 -760px;}
.slide_btn_brand .pg3b_next {background-position:-68px -760px;}

.pg3b_pg {display:inline-block;height:23px;font-size:.93em;line-height:21px;color:#999;letter-spacing:2px;vertical-align:middle;padding:0 1em}
.pg3b_pg .pgn {display:inline-block;overflow:hidden;width:10px;height:10px;background:#dddddd;color:transparent;vertical-align:middle;border-radius:6px;margin:0 2px;}
.pg3b_pg .pgn.on {width:20px;height:10px;background:#00bfbf; border-radius:6px}

/* #container 클래스별 적용 */
/* .articleWrap#ct, .policyWrap#ct, .membershipWrap#ct, .pastBatSearch#ct {padding-top: 100px;} */
.mainWrap#ct {padding-top: 30px;}

/* 기사본문 */
.articleTop {padding: 15px;}
.news_tit {position:relative; padding:15px 0; border-bottom:1px var(--bline-color-100) solid; overflow:hidden}
.news_tit h3 {font-size:3.6rem;font-weight:700;line-height:4.6rem;letter-spacing:-2px;word-break: keep-all;}
.news_tit h4 {font-size:1em;line-height:1.4em;color:#888;margin-top:5px;font-weight:400}
.news_tit .infoBox {margin-top: 20px;}
.news_tit .infoBox .date {font-size: 1.4rem;}
.news_tit .infoBox .author {font-size: 1.4rem; color: var(--bs-point-color2); font-weight: 700; margin-left: 10px;}
.news_content p {margin-bottom: 20px;}
.news_content {line-height:2.8rem;font-size:1.8rem;position: relative}
.news_content span {line-height:1.6em !important;}
.news_content table{width:100% !important;border-collapse:collapse}
.news_content iframe {width:100%;}

.caption {font-size:14px;color:var(--bs-point-color2);margin-bottom:1em !important;line-height:18px;text-align:center}
.caption figcaption {margin-bottom: 1.4em}
.ph {position:relative;padding:0;width:100%;line-height:0}
.ph img {max-width:100%}
.ph span{display:block;overflow:hidden;position:absolute;right:10px;bottom:10px;width:23px;height:18px;background-image:url(../images/icon.png);background-repeat:no-repeat;background-position:0 -50px;text-indent:-200px;cursor:pointer;text-align:center}
.ph span.plus{background-position:0 -55px}
.ph span.minus{background-position:0 -84px}
.ph span.slide_more{background-position:0 -456px;}
/*기사본문 최상단 패널*/
.articlePanel {overflow:hidden;padding:0;border-bottom:1px solid #f2f2f2}
.articlePanel .news_image p {margin-bottom:0 !important}
.photoSlide .news_image img {min-width:100%}
.panelText .news_image {margin-bottom:-1.4em;}
.panelText .news_image p {text-align:left !important; font-size:16px; font-weight: 500; line-height:1.5em; margin-bottom:1.4em !important;}

/*2018-09-06 editor style add : sejin*/
.components-block-quote {
    border-left: 4px solid #000;
    padding-left: 20px;
    margin:15px 0;
}
.components-block-quote p {font-weight: 700; line-height: 2.4rem;}
.components-block-text {
    padding:1em;
    margin-bottom: 2.4rem;
    background-color: #F7F6FA;
    display: block;
    border-radius: 10px;
}
.components-block-call {
  padding:1em;
  margin-bottom: 2.4rem;
  background-color: #F4E6E6;
  color:#DE2243;
  display: block;
  border-radius: 10px;
}

/*태그*/
.tagTrail {position:relative; padding: 15px 0;}
.tagTrail.lineMap {margin-bottom: 20px; padding: 0;}
.tagTrail.innerMap {margin: 10px 0 0px; padding: 0;}
.tagTrail.innerMap .tagWord a {min-width: auto; border-color: var(--bg-color-300); background-color: var(--bg-color-300); color: var(--bs-point-color);}
.tagText {display:inline-block; padding-right:15px; margin-right:-5px; font-size:13px;font-weight:500;color:#000;background:url(../images/icon.png) 100% -15px no-repeat}
.tagTrail a, .tagTrail .tagWord a {display: inline-block; font-size:1.3rem; padding: 3px 15px; border:1px solid var(--bline-color-200); border-radius: 25px; font-weight: 500;}
/* .tagTrail a:hover, .tagTrail .tagWord a:hover {color:#000;text-decoration: none} */
/* 태그별 칼라 */
.tagTrail.tag-bg-white a, .tagTrail.tag-bg-red a, .tagTrail.tag-bg-black a {font-size: 1.4rem; font-weight: 500; color: #fff; padding:3px 20px 4px; border: 0;}
.tagTrail.tag-bg-white a {background-color: #fff; color: var(--bs-point-color);}
.tagTrail.tag-bg-red a {background-color: var(--bs-point-color);}
.tagTrail.tag-bg-black a {background-color: var(--bs-point-color);}
/* ios5 대응
.news_content strong{font-weight:normal;-webkit-text-stroke-width:.02em}
*/
.news_image {overflow:hidden;width:100%;text-align:center;}
.news_image p {margin-bottom:0.5em !important; text-align:center;display:inline-block;position:relative}
.news_image .chh{position:relative;padding:5px 12px 0 0;width:100%}
.news_image iframe {width:100%;}
/*이미지 사이즈 조절*/
.news_content img {max-width:100%; height:auto;}
.news_content .caption {display: inherit !important; padding:0 !important; margin:0 !important}

.news_more {margin: 20px 0}
.news_more a {width:auto;display:block;}
.news_more a p {font-size: 1.6rem;}

/*이미지캡션추가*/
.actPhoto {margin:12px 0;padding:0}
.actPhoto .photoAlt {color:#306f7f; font-size:12px; margin-bottom:0 !important; line-height:17px; text-align:left;max-width:100% !important}
.actPhoto .photoAlt {display:none}
.actPhoto .photo {max-width:100% !important;} .actPhoto .photo p {text-align:center;margin-top: 5px}
.actPhoto .photo img {max-width:100% !important;height:auto !important;}

/* read 관련기사 */
.relate_news {margin:0;padding:10px 0px;}
.relate_news h3 {font-size:1em}
.relate_news li {overflow:hidden;padding:5px 0;}
.relate_news .ct {display:block;clear:both;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.relate_news .ct .fr {font-size:1.8rem; font-weight: 500;padding-left: 15px; }
.relate_news .ct:before {display: block; content: ''; background-color:var(--bs-point-color2); border-radius: 50px; width: 5px; height: 5px;position: absolute; top: 13px;}

.adni {margin-bottom:-52px;width:300px;overflow:hidden;}
.adni ul{margin:0px 0 5px}
.adni li a{line-height:18px;font-size:0.95em;color:#000;font-weight: 500}

/* slide */
#photoWarp {width:100%;height:100%;background:#2b2b2b;overflow:hidden;position:relative}
.slide {background:#2b2b2b;position:relative}
.slide_tit {position:relative;width:100%;color:#fff;font-size:1em;z-index:1;}
.slide_tit .dim {position:absolute;left:0;top:0; display:block;width:100%; height:35px; background:#000;opacity:0.6;filter:alpha(opacity=60);cursor:pointer;}
.slide_tit .title {position:absolute;text-align:center;width:80%;height:35px; border-right:1px solid #494949;}
.slide_tit .title h2 {font-size:1em;padding:7px 0 0 0;font-weight:normal}
.slide_tit .btn_rel {padding:6px; position:absolute;top:0px;right:0px;width:10%;height:25px; color:#bcbcbc;font-size:0;}
.slide_tit .btn_rel .icon {background:url(../images/icon.png) -10px -302px no-repeat;width:100%;height:100%; display:inline-block;vertical-align:middle;}
.slide_contents {position:relative;width:100%;margin:0 auto;}
.slide_contents .title {position:absolute;bottom:0; font-size:1.05em;line-height:1.2em;font-weight: 500;color:#fff;text-align:left}
.inner {position:relative;width:100%;color:#fff;font-size:.8em;z-index:1;}
.inner .dim {position:absolute;left:0;bottom:35px; display:block;width:100%;height:35px; background:#000;opacity:0.6;filter:alpha(opacity=60);cursor:pointer;}
.inner .title {position:absolute;bottom:36px; text-align:center;width:100%;display:block;}
.inner .title h3 {font-size:1em;padding:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.button_layer {position:relative;width:100%;color:#fff;font-size:.8em;z-index:1;border-top:1px solid #494949;}
.button_layer .dim {position:absolute;left:0;bottom:0; display:block;width:100%;height:35px; background:#000;opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
.button_layer .count {position:absolute;bottom:0px;width:50%;height:35px;border-right:1px solid #494949;text-align:center}
.button_layer .count p {padding:7px 0 0 0}
.button_layer .count em {color:#03cadd;font-weight:700}
.button_layer .btn_article {position:absolute;bottom:9px;right:0px;width:50%;text-align:center}
.button_layer .btn_article .icon {background:url(../images/icon.png) -2px -329px no-repeat;width:12px;height:10px;display:inline-block;}
@media(min-width:480px){
.slide_tit .dim, .slide_tit .title {height:45px;}
.slide_tit .title h2 {font-size:16px;padding:10px 0 0 0;}
.inner .dim {height:45px;bottom:45px}
.inner .title h3 {font-size:1.4em;padding:25px;}
.button_layer .dim {height:45px;}
.button_layer .count {height:45px;}
.button_layer .count p {padding:11px 0 0 0;font-size:1.3em }
.button_layer .btn_article {bottom:14px;font-size:1.3em;color:#fff}
.slide_tit .btn_rel {padding:10px; width:5%;}
}
.slide_img {text-align:center;-webkit-box-sizing:slide_img-moz-box-sizing: slide_img;box-sizing: slide_img;width:100%;min-width:320px}
.slide_img img {width:100%;vertical-align:middle}
.slide_summary{padding:9px 10px 20px;font-size:.95em;line-height:17px;color:#636b79;text-align:center}
.slide_summary a{display:block;width:107px;height:34px;margin:12px auto 0;background:#273c53 url(../images/btn_etc.gif) 0 0 no-repeat}
.slide_summary a span{display:none}

.pg2b {position:absolute;top:45%;width:100%}
.pg2b_prew_btn, .pg2b_next_btn {display:block;overflow:hidden;width:40px;height:40px;margin-right:2px;border:none;background:none;cursor:pointer;vertical-align:top}
.pg2b_prew_btn {position:absolute;left:5px}
.pg2b_next_btn {position:absolute;right:5px;}

.pg2b_prev,.pg2b_next,.pg2b_prev.on,.pg2b_next.on{display:inline-block;overflow:hidden;width:37px;height:60px;background-image:url(../images/icon.png);background-size:90px auto;text-indent:-99em}
.pg2b_prev{background-position:-10px -274px}
.pg2b_prev.on{background-position:1px -158px}
.pg2b_next{background-position:-42px -274px}
.pg2b_next.on{background-position:-28px -158px}

@media(min-width:480px){
.pg2b_prev,.pg2b_next,.pg2b_prev.on,.pg2b_next.on{display:inline-block;overflow:hidden;width:37px;height:60px;background-image:url(../images/icon.png);background-size:120px auto;text-indent:-99em}
.pg2b_prev{background-position:-22px -362px}
.pg2b_prev.on{background-position:1px -158px}
.pg2b_next{background-position:-66px -362px}
.pg2b_next.on{background-position:-28px -158px}
.pg2b_prew_btn, .pg2b_next_btn {width:37px;height:60px;}
.pg2b_prew_btn {position:absolute;left:10px}
.pg2b_next_btn {position:absolute;right:10px;}
}

/* Ad 광고 */
.adw, .adw div {clear:both;margin:0 auto;position:relative;text-align:center;line-height:0}
.adw_section {background-color:#fff;overflow:hidden;padding: .8em 15px;border:1px solid #d4d4d4; border-left:0; border-right:0}
.adw_section_box {padding:0 0 8px}
.adw_space_box {width: 100%; margin:-20px 0 0; border-radius: 12px; overflow: hidden;}
.adw_space_box img {width: 100%;}
.adw300 {width:300px;}
/*.adw img {width:320px;height:50px;}*/
.adwfix {position:absolute;bottom:0;height:50px;z-index:1;}
.google_adw {padding:0px 12px 0px;}
.adw_taboolaList {background-color: #fff; overflow:hidden; padding: .8em 15px;}
.adwTBm_10 {margin: 10px 0}
.adwTBm_20 {margin: 20px 0}
.adwLRm_10 {margin: 0 10px}
.adwLRm_20 {margin: 0 20px}
.adwBm {margin-bottom: 10px}
.adwBm_20 {margin-bottom: 20px}
.adwBp {padding-bottom: 10px}
.adwLt {position:relative;width:100%;border-top:1px solid #d2d2d2;white-space:nowrap;}
.adwBt {position:relative;width:100%;border-bottom:1px solid #bbbbbb;white-space:nowrap;}
.adwBt > div {margin:0 auto}
.ad_promotion_pick {border-radius: 10px; margin:10px 15px; background-color: var(--bs-point-color2);}
@media screen and (min-width:640px) {
.adw3 {width:100%;}
.adw2 {width:98%;}
}

.adw_scrolling_gnc {position:fixed; bottom:0; width:100%; height:50px; overflow:hidden; background-color:#fff;z-index:1; border-top:1px solid #d2d2d2;
			-webkit-user-select:none;
           -webkit-touch-callout:none;
           -webkit-tap-highlight-color: rgba(0,0,0,0);
           overflow-y: visible !important;}
.sumad {overflow:hidden;padding-left:6px}
.sumad li {float:left;width:33%;text-align:center;}
.sumad li .if {display:block;font-size:12px;text-align:center;line-height:16px;letter-spacing:-1px}
.sumad .photo_tmb {overflow:hidden;display:block;margin-bottom:5px;}
.sumad .photo_tmb img {width:95px;height:70px}

/*sns*/
.sns {text-align:center;padding:0 12px}
.sns_bottom {padding-top:1em;padding-bottom:1em}
.sns_top {padding-top:0.8em;}

/*
.sns li {display:inline-block;background:url(../images/ico_sns.png) no-repeat;text-indent:-99em;width:42px;height:42px;overflow:hidden;margin:2px;cursor:pointer}
*/
.sns li {display:inline-block;background:url(../images/ico_sns.png) no-repeat;text-indent:-99em;width:32.5%;height:42px;overflow:hidden;cursor:pointer}
.sns li a {display:block;width:100%;height:42px;}
.sns li.facebook {background-position:5px 0;-webkit-background-size:131px 39px;background-size:39px 131px;background-color:#415e9b}
.sns li.twitter {background-position:5px -44px;-webkit-background-size:131px 39px;background-size:39px 131px;background-color:#4ac5f4}
.sns li.kakao {background-position:5px -88px;-webkit-background-size:131px 39px;background-size:39px 131px;background-color:#ffea00}

.kakao_plus_wrap {background: #fcfcfc; border:1px solid #ddd; border-left: 0; border-right: 0;padding: 20px 0 15px; text-align: center;margin-bottom: 30px}
.kakao_plus_wrap p.info {font-size: 18px;margin-bottom: 10px}
.kakao_plus_wrap .kakao_plus_btn_group {margin-top: 20px;overflow: hidden}
.kakao_plus_wrap .kakao_plus_btn_group a {display: inline-block; margin: 0 5px; width: 30%;}
.kakao_plus_wrap .kakao_plus_btn_group a img {width: 100%}

.layer-popup-body > img {
	overflow:hidden;
	 -webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
			  border-radius: 6px;
	  outline: none;
	  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
		 -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
			  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	  -webkit-background-clip: padding-box;
		 -moz-background-clip: padding-box;
			  background-clip: padding-box;
}

.layer-popup-body button {border:none; background-color:transparent; cursor:pointer}
.layer-popup-body button img {width:32px;height:31px;}

/*예상리그*/
.expect .h5 {background-color:#efefef;border-bottom:0;border-bottom:1px solid #d2d2d2}
.expect .li1 li {background-color:#ececec;border-bottom:1px solid #dfdfdf}

.col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100% !important;
  }
  .col-md-11 {
    width: 91.66666666666666% !important;
  }
  .col-md-10 {
    width: 83.33333333333334% !important;
  }
  .col-md-9 {
    width: 75% !important;
  }
  .col-md-8 {
    width: 66.66666666666666% !important;
  }
  .col-md-7 {
    width: 58.333333333333336% !important;
  }
  .col-md-6 {
    width: 50% !important;
  }
  .col-md-5 {
    width: 41.66666666666667% !important;
  }
  .col-md-4 {
    width: 33.33333333333333% !important;
  }
  .col-md-3 {
    width: 25% !important;
  }
  .col-md-2 {
    width: 16.666666666666664% !important;
  }
  .col-md-1 {
    width: 8.333333333333332% !important;
  }

.mt-1 {margin-top: 10px !important}
.mt-2 {margin-top: 20px !important}

/*리스트 폼 : 신규*/
.listForm_basic {font-size:15px;margin:30px 0;position: relative;clear: both;overflow: hidden;}
.listForm_basic .label {font-size:14px; font-weight: 500;display: block;line-height:36px;color: inherit;text-align: left;padding: 1em 0 .1em 0}
.listForm_basic .form-control {
  display: block;
  height: 38px;
  padding: 0px 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #d0d0d0;
  border-radius: 0px;
  margin-bottom:5px;
  box-sizing: border-box;
    width: 100%;
}

.listForm_basic textarea.form-control {
    height: auto;
    padding:10px 10px;
}

.listForm_basic .f_info  {display:block; font-size:13px;clear: both}
.listForm_basic .fl_left {padding:0 8px;font-size:13px;;line-height:36px}
.listForm_basic .btnArea {text-align:center;margin-top:30px;}
.commentBox {margin:30px 0;}
.commentBox .t_title {width: auto; text-indent: 0; font-size: 1em !important; line-height: 1.5em; padding: 0; margin-bottom: 10px;font-weight: normal !important}
.commentBox .info_account_num {background:#f8f8f8;padding:20px 10px; font-size: 22px;}

/*mobile ver 2.0 add*/
#listBox_brick {position:relative; width:100%;overflow:hidden}
#listBox_brick .element {float:left; width:50%; }
#listBox_brick .element .brick{ border:1px solid #e0e0e0;margin:0.3em;background-color:#fff;}
#listBox_brick .element .img{display:block; width:100%; overflow:hidden;}
#listBox_brick .element .img img {width:100%;height:auto}
#listBox_brick .element .tit{line-height:20px;display:block;}
#listBox_brick .element .txt{margin-top:8px;font-size:13px;display:block;color:#888}
#listBox_brick .element .desc {padding:2px 10px 8px; margin-top:5px;}
#listBox_brick .element .category {margin-top:5px; color:#1e7ae2;display:none}

@media(min-width:640px){
	#listBox_brick .element {width:25%;}
}
@media(min-width:480px){
	#listBox_brick .element {width:33%;}
}

.headerNotice{
	background-color:#000;
	font-size:.85em;
}
.headerNotice ul {
	height: 3.2em;
    overflow: hidden;
}
.headerNotice ul li {position:relative;
	padding:.7em 0;
}
.headerNotice ul li span.H_notice{background-color:#000; font-size:1em; color:#999; border:2px solid #949494; -webkit-border-radius: 50px;
	-moz-border-radius: 50px; border-radius: 50px; padding:2px 10px; margin-left:10px;
	position:absolute;
}
.headerNotice ul li a {
	padding-left: 5em;
    color: #cccccc;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.6em;
    padding-right: 4em;
    display: block;
    position:relative;
}
.headerNotice ul li a strong{color:#fff;}
.headerNotice ul li a .newIcon{position:absolute; top:.5em; margin-top:-10px;right:.6em; color:#e60013; font-size:1.2em; text-align:right;}

/* add sejin 180112*/
/*버튼*/
.btn {
  display: inline-block;
  padding: 8px 20px 10px;
  margin-bottom: 0;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.2rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 50px;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  *margin:0 3px;
  *padding: 7px 8px 5px;
}
.btn em {font-weight: 500;}
.btn input {
  width: 100%; padding:0;
  color: inherit; background: inherit; font-size: inherit; line-height: inherit; font-weight: inherit;
}

.btn-lx {padding:20px 40px; font-size:24px;}
.btn-lg {padding:16px 50px; font-size:2rem;}
.btn-lgm {padding:14px 50px; font-size:1.8rem;}
.btn-md {padding:12px 35px 13px; font-size:1.6rem}
.btn-mds {padding:10px 45px 12px; font-size:1.6rem}
.btn-smd {padding:8px 25px; font-size:1.5rem}
.btn-sm {padding:3px 20px; font-size:13px;}
.btn-sx {padding:0 10px; font-size:12px}
.btn-sxx {padding:3px; font-size:12px}
.btn-single {width: auto;}
.btn-block {display: block; width: 100%;}
.btn-align-left {text-align: left;}
.btn-align-right {text-align: right;}
.btn-align-center {text-align: center;}
.btn-slim {font-weight: 300;}
.btn-square {border-radius: 5px;}
.btn-square-lg {border-radius: 10px;}

.m-link {
	text-decoration: none;
	position: relative;
	display: inline-block;
  color: var(--bs-point-color);
}
.m-link:after {
	display: block;
	content: '';
  height: 1px;
  background-color: var(--bs-point-color);
  margin-top: -2px;
}

/* 버튼 감쌀때 */
.btn-group {position: relative; display: flex; }
.btn-group .btn, .btn-group p {flex-grow: 1; margin: 0 3px; }
.btn-group.btn-group-dual .btn {margin: 0; flex: 1 1 40%;}
.btn-group.btn-group-dual .btn:first-child {border-bottom-right-radius:0 ; border-top-right-radius:0 }
.btn-group.btn-group-dual .btn:last-child {border-bottom-left-radius:0 ; border-top-left-radius:0 }

.btn-group-form {width: 400px; margin: 30px auto;}
@media all and (max-width: 768px) {
.btn-group-form {width: 100%;}
}
.btn-group-form a {margin: 0 5px;}

.btn-group-hori p:first-child {margin-right: 10px;}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-primary, .btn-primary a {
  color: #ffffff;
  background-color: var(--bs-point-color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: var(--bs-point-color);
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: var(--bs-point-color);
  border-color: var(--bs-point-color);
}

.btn-primary.outline,
.btn-primary .badge {
  border-color: var(--bs-point-color);
  color: var(--bs-point-color);
  background-color: #fff;
}

.btn-danger, .btn-danger a {
  color: #fff;
  background-color: var(--bs-point-color);
  border-color: var(--bs-point-color);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c63343;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-danger.outline,
.btn-danger.outline a,
.btn-danger.badge {
  border-color: #e60013;
  color: #e60013;
  background-color: #fff;
}

.btn-danger.outline:hover,
.btn-danger.outline a:hover,
.btn-danger.badge:hover {
  border-color: #e60013;
  color: #e60013;
  background-color: var(--bg-color-100);
}

.btn-danger.lightly,
.btn-danger.lightly a {
  border-color: #F4E6E6;
  color: #e60013;
  background-color: #F4E6E6;
}

.btn-white {
  color: #000;
  background-color: #fff;
  border-color: var(--bline-color-100);
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: var(--bs-point-color2);
  background-color: var(--bg-color-100)
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}

.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #ffffff;
  border-color:var(--bline-color-100);
}

.btn-white .badge {
  color: #ffffff;
  background-color: #fff;
}


.btn-light, .btn-light a {
  color: #000;
  background-color: var(--bg-color-300);
  border-color: var(--bg-color-300);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  background-color: #e4e3e9;
}

.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  background-image: none;
}

.btn-light.disabled,
.btn-light[disabled],
fieldset[disabled] .btn-light,
.btn-light.disabled:hover,
.btn-light[disabled]:hover,
fieldset[disabled] .btn-light:hover,
.btn-light.disabled:focus,
.btn-light[disabled]:focus,
fieldset[disabled] .btn-light:focus,
.btn-light.disabled:active,
.btn-light[disabled]:active,
fieldset[disabled] .btn-light:active,
.btn-light.disabled.active,
.btn-light[disabled].active,
fieldset[disabled] .btn-light.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-light.outline,
.btn-light.outline a,
.btn-light .badge {
  border-color: #e60013;
  color: #e60013;
  background-color: #fff;
}

/* 검정 버튼 */
.btn-dark, .btn-dark a {
  color: #fff;
  background-color: var(--bs-point-color2);
  border-color: var(--bs-point-color2);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #fff;
  background-color:#11151b
}

.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-image: none;
}

.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-dark.outline,
.btn-dark.outline a,
.btn-dark .badge {
  border-color: var(--bs-point-color2);
  color:var(--bs-point-color2);
  background-color: #fff;
}

.btn-dark.outline:hover,
.btn-dark.outline a:hover,
.btn-dark .badge:hover {
  border-color: var(--bs-point-color2);
  color:var(--bs-point-color2);
  background-color: var(--bg-color-100)
}
/* 회색 버튼 */
.btn-secondary, .btn-secondary a {
  color: #fff;
  background-color: #4A5B75;
  border-color: #4A5B75;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #fff;
  background-color: #45536b;
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-secondary.outline,
.btn-secondary.outline a,
.btn-secondary .badge {
  border-color: #718291;
  color: #718291;
  background-color: transparent;
}

/* gray */
.btn-disabled, .btn-disabled a {
  color: #fff;
  background-color: #D6D9E1;
  border-color: #D6D9E1;
  cursor: default;
}

.btn-disabled:hover,
.btn-disabled:focus,
.btn-disabled:active,
.btn-disabled.active,
.open .dropdown-toggle.btn-disabled {
  color: #fff;
  background-color: #D6D9E1;
}

.btn-disabled:active,
.btn-disabled.active,
.open .dropdown-toggle.btn-disabled {
  background-image: none;
}

.btn-disabled.disabled,
.btn-disabled[disabled],
fieldset[disabled] .btn-disabled,
.btn-disabled.disabled:hover,
.btn-disabled[disabled]:hover,
fieldset[disabled] .btn-disabled:hover,
.btn-disabled.disabled:focus,
.btn-disabled[disabled]:focus,
fieldset[disabled] .btn-disabled:focus,
.btn-disabled.disabled:active,
.btn-disabled[disabled]:active,
fieldset[disabled] .btn-disabled:active,
.btn-disabled.disabled.active,
.btn-disabled[disabled].active,
fieldset[disabled] .btn-disabled.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-disabled.outline,
.btn-disabled.outline a,
.btn-disabled .badge {
  border-color: #D6D9E1;
  color: var(--font-color-gray-100)
  background-color: #fff;
}

/* memberWrap */
.input_area {position: relative; box-sizing: border-box; padding:10px 0;}
.input_area label {font-weight: 500; font-size: 1.8rem;}
.input_area .inp_wrap {position: relative; box-sizing: border-box;margin: 10px 0;}
.input_area .inp_wrap .input-default {width:100%; height:50px; padding:12px 20px; border:1px solid var(--bline-color-200); background-color: var(--bg-color-200); border-radius: 10px; font-size:15px; line-height: 0;box-sizing: border-box;}
.input_area .inp_wrap .input-default.input-sm {width: 50%;}
.input_area .inp_wrap .input_box {position: relative;display: flex; align-items: center;}
.input_area .inp_wrap .input_box.pd_box {padding-right: 100px;}
.input_area .inp_wrap .input_box .space {margin: 0 5px;}
.input_area .inp_wrap .input_box .btn {margin-left: 8px; padding: 13px 20px;}
.wrap_info_error {display: block;clear: both; font-size: 1.4rem; line-height: 2.2rem; margin: 10px 0;}

.input-group-dual {display: flex;}
.input-group-dual .input_area {flex: 1 1 40%;}
.input-group-dual .input_area:last-child {margin-left: 20px;}

.membershipWrap, .policyWrap {position: relative;}
.membershipWrap#container, .membershipWrap #contentsWrap, .policyWrap#container, .policyWrap #contentsWrap {background: none}
.membershipWrap .titleBox {text-align: center; position:relative; padding:30px 0 10px; background: none;}
.membershipWrap .titleBox p {font-size: 1.5rem; line-height: 2.2rem;}
.membershipWrap .titleBox .t_title, .policyWrap .titleBox .t_title {margin:10px 0 20px}
.membershipWrap .t_title, .membershipWrap .t_title a {font-size:3.6rem; font-weight:700; line-height: 4.2rem;}

.membershipWrap .list_info {margin-top: 50px; display: flex; justify-content: center;}
.membershipWrap .list_info li {margin:0 5px;}
.membershipWrap .list_info li .link_info {font-weight:500;}
.membershipWrap .list_info.list_info_center {text-align: center; margin: 40px 0 0 0}
.membershipWrap .list_info.list_info_center .btn {margin-top: 10px;}

.memberBox, .memberBox_ref, .memberBox_nmg {width: 100%;}
.memberBox_ref {background: none !important; padding:0; border: 0}
.memberBox .logWrap, .memberBox .joinWrap, .memberBox .joinWrap .txtBox {overflow:hidden;}
.memberBox .joinWrap .txtBox {background:var(--bg-color-200); padding:25px 20px; border-radius: 20px;}
.memberBox_ref .joinWrap {overflow:hidden;background: none; padding:0;border: 0}
.memberBox .logWrap .tit_register {font-size: 24px;font-weight: 500}
.memberBox .logWrap .txt {font-weight:500; font-size: 1.6rem;line-height: 2.4rem;}

/* .policyWrap {position: relative;line-height: 1.7em; padding: 15px;} */
.policyWrap#container, .policyWrap #contentsWrap {background: none}
.policyWrap .titleBox, .pastBatSearch .titleBox {padding:0px; border-bottom: 2px solid var(--bs-point-color2); margin-bottom: 30px;}
.policyWrap .titleBox .t_title, .pastBatSearch .titleBox .t_title {font-size: 2.2rem; font-weight: 700; margin: 0 0 20px;}
.policyWrap .t_title, .policyWrap .t_title a, .pastBatSearch .t_title, .pastBatSearch .t_title a {font-size:2em; line-height: 1.250em; font-weight:500; }
.memberBox, .memberBox_ref, .memberBox_nmg {width: 100%; margin: 0 auto;}
.memberBox_ref {background: none !important; padding:0; border: 0}
.memberBox .logWrap, .memberBox .joinWrap{overflow:hidden;}
.memberBox_ref .joinWrap {overflow:hidden;background: none; padding:0;border: 0}
.memberBox .logWrap .tit_register {font-size: 24px;font-weight: 700}
.memberBox .list_info {margin-top: 20px}
.memberBox .list_info li {margin-bottom: 5px;line-height: 26px;}
.memberBox .list_info li .link_info {color: var(--bs-point-color);text-decoration: underline;font-weight: 500;margin-left: 10px}
.memberBox .list_info.list_info_center {text-align: center;margin: 20px 0}
.memberBox .logWrap .txt {font-weight: 500;line-height: 26px;}

.policy {width: 100%}
.policy .joinWrap {border: 0; background: none;padding: 0}

.subTitle .titleBox {text-align: left; position:relative; padding:20px 0px 0; background: none; border-bottom: 1px solid var(--bline-color-100)}
.subTitle .t_title, .policyWrap .t_title a {font-size:2rem; font-weight:500; text-align: left;margin:0 0 15px 0 !important;}

/* 과거 동일 배당 검색 : 200317 */
.pastBatSearch #contentsWrap {background: none}
.pastBatSearch .result_info {text-align: center; padding: 10px 0 20px; display: flex; align-items: center; justify-content: center;}
.pastBatSearch .result_info .title {font-weight: 500; margin-right: 20px;}
.pastBatSearch .result_info span {font-size: 2.2rem; margin: 0 3px}
.pastBatSearch .result_info em {margin: 0 20px; display: inline-block; color: var(--font-color-gray-100);}
.pastBatSearch .result_info span.num {font-family: 'GmarketSans'; font-size: 3.2rem; font-weight: 700;}
.pastBatSearch .result_info span.win {color: #D90400;}
.pastBatSearch .win {color: #D90400;}
.pastBatSearch .result_info span.lose {color: #005DDE}
.pastBatSearch .result_table {margin-top: 20px;}
.pastBatSearch .lose {color: #005DDE}

/* entry */
.policyWrap .entry {position:relative; padding:30px 0; background-color: #fff; border-radius: 15px;}
.policyWrap .entry p.article {font-size:15px; line-height:28px; margin-bottom:25px}
.policyWrap .entry .entry-header {font-size:38px; line-height:55px; padding:50px 40px 30px}
.policyWrap .entry .entry-body {padding:0 40px}
.policyWrap .entry .entry-body p {margin-bottom:30px}
.policyWrap .entry .entry-img {position:absolute; top:0; right:0; z-index:-1}

.membershipWrap .entry {position:relative; margin: 0 auto; padding: 10px; background-color: #fff; border-radius: 20px; }
.membershipWrap .entry.subscription {width: 800px;}
.membershipWrap .entry p.article {font-size:15px; line-height:28px; margin-bottom:25px}
.membershipWrap .entry .entry-header {font-size:38px; line-height:55px; padding:50px 40px 30px}
.membershipWrap .entry .entry-body {padding:0 40px}
.membershipWrap .entry .entry-body p {margin-bottom:30px}
.membershipWrap .entry .entry-img {position:absolute; top:0; right:0; z-index:-1}

.joinStep {padding:0px 0 30px;}
.joinStep ol {width:264px; margin:0 auto; overflow:hidden;}
.joinStep li {float:left; height:70px; background:url("../images/img_membership.png") no-repeat; background-size: calc(722px / 2) auto;}
.joinStep li.s1 {width:97px; background-position:0 -70px;}
.joinStep li.s2 {width:97px; background-position:-194px -70px;}
.joinStep li.s3 {width:70px; background-position:-291px -70px;}
.joinStep li.s1.on {width:97px; background-position:0 0px;}
.joinStep li.s2.on {width:97px; background-position:-194px 0px;}
.joinStep li.s3.on {width:70px; background-position:-291px 0px;}

.chk {position: relative;margin: 15px 0}
.ico_chk {display: inline-block;overflow: hidden; font-size: 0;line-height: 0;text-indent: -9999px; background-position: 2px -365px; background-size: 150px auto; cursor: pointer}
.logSelect {overflow: hidden;position: relative;}
.logSelect .chk {float: left;margin:0 30px 20px 0}

.memberBox .ico_chk, .memberBox .checkbox {position: absolute;top: -2px;left: 0px;width: 26px;height: 26px;}
.memberBox .chk_on .ico_chk {background-position: -42px -365px}
.memberBox .checkbox {opacity: .01;}
.txt_required {margin-left: 35px;}

.joinWrap fieldset.terms{margin-bottom:35px;}
.joinWrap fieldset.terms legend{width:auto; text-indent:0; font-size:18px; line-height:24px; font-weight:500; padding:0;margin-bottom: 15px}
.joinWrap fieldset.terms .txtBox {height: 120px; overflow-y: scroll;}
.joinWrap .joinInfoArea {width:448px; margin:0 auto;}
.joinWrap .joinInfoArea p, .logWrap .loginArea .logInput p {margin:5px 0 15px;}

.joinWrap .txt {text-align: center;font-weight:500;font-size: 13px;line-height: 32px}
.joinWrap .txt-info {font-weight: normal;}
.joinWrap .img {text-align: center;margin: 30px 0 10px}
.mypageWrap .joinInfoArea p  {margin:5px 0 15px; display:block; clear:both; margin-left:160px}
.memberBox .mypageWrap {padding:30px 48px 55px;}
.txtBox .joinGuide {margin-bottom:33px;}
.txtBox .joinGuide h4 {font-size:16px; font-weight: 500; margin-bottom:10px;}
.txtBox .joinGuide ul>ol {font-size: 1.4rem; color: var(--font-color-gray-200);}

/*테이블*/
.table {width:100%; max-width:100%; line-height: 18px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:10px 15px; border-bottom:1px solid var(--bline-color-100); vertical-align:middle; text-align: center;}
.table>thead>tr>th, .table>tbody>tr>th {border-bottom:2px solid var(--bline-color-100); vertical-align:bottom; background:var(--bg-color-200); font-weight: 500; font-size: 1.5rem;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border:1px solid var(--bline-color-100);}
/* .table-bordered>tbody>tr>td:first-child, .table-bordered>tbody>tr>th:first-child, .table-bordered>tfoot>tr>td:first-child, .table-bordered>tfoot>tr>th:first-child, .table-bordered>thead>tr>td:first-child, .table-bordered>thead>tr>th:first-child {border-left:0} */

.table-form {border-top:1px solid #074691}
.table-form>tbody>tr>th, .table-form>tfoot>tr>th, .table-form>thead>tr>th {background:#f6f7f9; text-align:left}

.table-form .input-default {float:left; width:210px; height:16px; padding:10px; border:1px solid #ccc; font-size:13px;line-height: 0}
.table-form select {float:left; width:auto; min-width:115px; height:36px; padding:5px 10px 5px 6px; border:1px solid #ccc;}
.table-form .input-textarea {float:left; width:210px; height:auto; padding:2px 4px 3px 4px; border:1px solid #ccc; font-size:13px; }

.table-responsive {width: 100%; overflow-x: auto; overflow-y: auto; }
.table-responsive table th, .table-responsive table td {white-space: nowrap;}
.table-responsive table {overflow-x: scroll;}

.table-sm th {padding:15px 15px !important; font-size: 1.3rem;}
.table-sm td {padding:8px 5px !important; font-size: 1.3rem;}
.table-sm>tbody>tr>td.subject .m-badge {margin-left: 5px; font-size: 11px;}
.table-sm>tbody>tr>td.subject .btn-link {color: inherit}

.table-secondary>tbody>tr>th {background-color: var(--bg-color-200);}

.memberBox .table-form {border-top:0}
.memberBox .table-form>tbody>tr>th, .memberBox .table-form>tfoot>tr>th, .memberBox .table-form>thead>tr>th {background:#f9f9f9; text-align:left}
.memberBox .table>tbody>tr>td, .memberBox .table>tbody>tr>th, .memberBox .table>tfoot>tr>td, .memberBox .table>tfoot>tr>th, .memberBox .table>thead>tr>td, .memberBox .table>thead>tr>th {padding:10px 15px; border-bottom:1px solid #ececec; vertical-align:middle;font-size: 15px}
.memberBox .input-lg {width:330px !important}

.tableForm1 {width: 100%; border-top:2px solid #ececec;margin:10px 0;overflow-x: auto;}
.tableForm1 table {width:100%;max-width: 100%;}
.tableForm1 table th, .tableForm1 table td {text-align: left;}
.tableForm1 table th {font-size:13px; border-bottom:1px solid #e0e0e0; padding:10px; background:#f8f8f8;}
.tableForm1 table td {font-size:13px; border-bottom:1px solid #e0e0e0; padding:10px; }
.tableForm1 table td select {width:120px;height:22px;padding:2px}
.tableForm1 table td em{font-family:verdana; padding-right:5px;}
.tableForm1 table td.line, .tableForm1 table th.line {border-left:1px solid #e0e0e0}

/*테이블 검색*/
.tableSearch {position: relative; background-color: var(--bs-point-color2); margin: 15px; border-radius: 15px; padding: 15px;}
.tableSearch .searchWrap {display: flex; flex-wrap: wrap;}
.tableSearch .searchWrap dl {width: 100%; position: relative; margin: 10px;}
.tableSearch .searchWrap dl dt {color: var(--font-color-gray-300); font-weight: 700; margin-bottom: 10px; }
.tableSearch .searchBox {position: relative; left: 0; top: 0;margin: 0}
.tableSearch .searchBox select {display: block; width: 100%; height: 100%; padding: 12px 20px; color: #fff; font-size: 1.4rem; background-color: var(--bg-color-400); background-image: url(../images/ico_select_arrow_w.png); background-size: 15px auto; background-repeat: no-repeat; background-position: 95% center; border: 0; border-radius: 50px; appearance: none;}
.tableSearch .inputBox {display: flex; align-items: center;}
.tableSearch .inputBox span {margin: 0 5px; position: relative;}
.tableSearch .inputBox label {position: absolute; top: 10px; left: 10px; display: inline-block; margin-right: 10px; font-size: 1.4rem; color: var(--font-color-gray-300);}
.tableSearch .inputBox input.inputSrch {width:calc(100% - 30px); padding: 10px 0 10px 30px; border-radius: 50px; background-color: var(--bg-color-400); color: #fff;}
.tableSearch .searchWrapBtn {width: 100%; margin-top: 20px;}
.tableSearch .btn-lg a, .btn-lg button, .tableSearch .btn-lg em {padding: 8px 40px}

/*이용약관*/
.rules {position: relative;}
.rules h3.first {margin-top:0}
.rules h3 {font-size:15px; font-weight: 400; margin:40px 0 20px;}
.rules h4 {font-size: 1.5rem; font-weight: 500;}
.rules strong {font-weight: 500; color: var(--bs-point-color2);}
.rules p, .rules li {font-size:1.4rem; ; color:var(--font-color-gray-200); line-height: 2.2rem; margin-bottom: 15px;}
.rules .first_letter {margin:0 4px 0 0; font-weight:500}

.list_1depth {padding-left: 15px;}
.list_1depth .txt_num {margin: 0 12px 0 -15px;}
.list_1depth2 {padding: 0 0 0 15px;}
.list_1depth2 li {margin: 5px 0; line-height: 2rem; font-size: 1.4rem;}
.list_1depth2 li:before {display: inline-block; width: 2px; height: 2px; margin: 8px 10px 0 -12px; vertical-align: top; background-color: #1e1e1e; content: '';}

/*프리미엄 회원 안내*/
.premiumWrap {position: relative;overflow: hidden;}
.premiumWrap h3 {font-size: 2.4rem; line-height: 2.8rem; font-weight:700; text-align: center; margin: 30px 0;}
.premiumWrap h4 {font-size: 2.6rem;font-weight: 700;line-height: 3.2rem; margin-bottom: 15px;}
.premiumWrap h5 {font-size: 1.8rem; margin-bottom: 20px; font-weight: 700}
.premiumWrap h5 .btn {margin-top: -6px; margin-left: 5px;}
.premiumWrap.round {margin: 0;}
.premiumWrap .u_premium_hidden {}
.premiumWrap .u_premium_login {text-align: center; margin-bottom: 60px}
.premiumWrap .u_premium_login .sub_title {margin-bottom: 20px; font-size: 1.6rem; line-height: 2.4rem;}
.premiumWrap .u_premium_login h4 {margin-bottom: 40px;}
.premiumWrap .u_premium_info {margin: 50px 0 0}
.premiumWrap .u_premium_info ul, .premiumWrap .u_premium_info ol, .premiumWrap .u_premium_info p {font-size: 1.4rem; margin-bottom: 0}
.premiumWrap .u_premium_result {margin: 40px auto; width: 500px}
/* .premiumWrap .u_premium_result h5 {border-bottom: 1px solid #dadada;padding-bottom: 10px;margin:0;} */
.premiumWrap .u_premium_result .pricing_cash {font-family: verdana; font-size: 26px; letter-spacing: -2px; font-weight: 700; color: var(--bs-point-color)}
.premiumWrap .u_premium_result .pricing_cash em {font-size: 15px;color: #434159; margin-left: 5px;}

.joinWrap .u_premium_result {margin: 20px 0 0 0;}
.joinWrap .u_premium_result h5 {font-size: 1.8rem; font-weight: 500; margin-bottom: 15px;}

.premiumWrap .u_premium_pricing {border-bottom: 1px solid #d0dce2;margin-bottom: 0px;}
.premiumWrap .u_premium_pricing h4 {text-align: center}
.premiumWrap .u_premium_pricing .pricing_wide {width: 100%;display: table;table-layout: fixed;text-align: center;margin: 30px 0 50px}
.premiumWrap .u_premium_pricing .pricing_wide .btn {margin-top: 20px;margin-bottom: 0}
.premiumWrap .u_premium_pricing .pricing_wide .pricing_value {font-size: 15px;color:#999}
.premiumWrap .u_premium_pricing .pricing_wide .pricing_cash {font-size: 22px;margin-bottom: 20px;font-weight:500}
.premiumWrap .u_premium_pricing .pricing_wide .pricing_cash_sale {font-size: 14px;font-weight:500; position: absolute;bottom:105px;left:50%; transform:translateX(-50%); color: #d00b0b}
.premiumWrap .u_premium_pricing .pricing_wide .pricing_cash em {font-size: 15px;color:#999}
.premiumWrap .u_premium_pricing .pricing_item {display: table-cell;position: relative;cursor: pointer}
.premiumWrap .u_premium_pricing .pricing_item .pricing_item_mg {margin: 3px;border: 1px solid #d0dce2; padding: 170px 30px 40px;background-repeat: no-repeat;background-position: 50% 40px;background-color: #fbfbfb}
.premiumWrap .u_premium_pricing .pricing_item .ico_pricing_sale {background:url(../images/ico_pricing_sale.png) no-repeat;position: absolute;top: 2px;left: 2px;width: 51px;height: 51px}
.premiumWrap .u_premium_pricing .pricing_item.item_select .pricing_item_mg {background-color: #d00b0b;}
.premiumWrap .u_premium_pricing .pricing_item.item_select .pricing_value {color:#f7c3c3}
.premiumWrap .u_premium_pricing .pricing_item.item_select .pricing_cash {color: #fff}
.premiumWrap .u_premium_pricing .pricing_item.item_select .pricing_cash em {color: #f7c3c3}

.premiumWrap .u_premium_pricing .p_1mo .pricing_item_mg{background-image:url(../images/ico_1mo.png);}
.premiumWrap .u_premium_pricing .p_3mo .pricing_item_mg{background-image:url(../images/ico_3mo.png);}
.premiumWrap .u_premium_pricing .p_6mo .pricing_item_mg{background-image:url(../images/ico_6mo.png);}
.premiumWrap .u_premium_pricing .p_1mo.item_select .pricing_item_mg{background-image:url(../images/ico_1mo_on.png);}
.premiumWrap .u_premium_pricing .p_3mo.item_select .pricing_item_mg{background-image:url(../images/ico_3mo_on.png);}
.premiumWrap .u_premium_pricing .p_6mo.item_select .pricing_item_mg{background-image:url(../images/ico_6mo_on.png);}
.premiumWrap .u_premium_pricing .p_1mo.item_select, .premiumWrap .u_premium_pricing .p_3mo.item_select, .premiumWrap .u_premium_pricing .p_6mo.item_select {background-repeat: no-repeat;background-position: 50% 40px;cursor: pointer}
.premiumWrap .u_premium_pricing .btn-sx a {padding: 3px 25px}

/*프리미엄 요금제 디자인 변경 : 181014*/
.premiumWrap .u_premium_pricing_2 {margin-bottom: 0px;}
.premiumWrap .u_premium_pricing_2 h4 {text-align: center}
.premiumWrap .u_premium_pricing_2 .pricing_wide {width: 100%;display: table;table-layout: fixed;text-align: center;margin: 0 0 30px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .btn {margin-top: 40px;margin-bottom: 0}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_product {font-size: 15px;margin-bottom: 20px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_value {font-size: 2.2rem;font-weight:700;padding-bottom: 30px;}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_payinfo {margin: 0 auto; padding-bottom: 20px;margin-bottom:30px; border-bottom:1px solid var(--bline-color-100)}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_payinfo ul {clear: both;overflow: hidden;}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_payinfo li {display: flex; justify-content: center; text-align: center; margin: 0 auto;padding:8px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_payinfo li span {display: block; margin-right: 10px; margin-top: 1px;}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_info {font-size: 1.4rem;font-weight:400;color: var(--font-color-gray-200); margin-bottom: 20px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_cash {font-family: 'GmarketSans'; font-size: 2.8rem; margin-bottom: 20px; font-weight:700; letter-spacing: -1px;}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_cash_sale {font-family: 'GmarketSans'; font-size: 24px;font-weight:700;text-decoration:line-through; color: var(--bs-point-color); margin-bottom: 15px}
.premiumWrap .u_premium_pricing_2 .pricing_wide .pricing_cash em {font-size: 20px;margin-left: 5px;font-weight: 400;}
.premiumWrap .u_premium_pricing_2 .pricing_item {display: table-cell;position: relative;}
.premiumWrap .u_premium_pricing_2 .pricing_item .pricing_item_mg {margin:0 5px; border: 1px solid var(--bline-color-100); border-radius: 15px; padding:20px 15px; background-repeat: no-repeat; background-position: 50% 40px; background-color: #fff}
.premiumWrap .u_premium_pricing_2 .pricing_item .ico_pricing_sale {background:url(../images/ico_pricing_sale.png) no-repeat;position: absolute;top: 0px;left: 5px;width: 51px;height: 51px}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_item_mg {border:3px solid var(--bs-point-color);}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_item_mg .btn {border-color:var(--bs-point-color); background-color:var(--bs-point-color); color:#fff !important;}
/*
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_item_mg {background-color: #d00b0b;}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_value {color:#f7c3c3}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_cash {color: #fff}
.premiumWrap .u_premium_pricing_2 .pricing_item.item_select .pricing_cash em {color: #f7c3c3}
.premiumWrap .u_premium_pricing_2 .p_1mo .pricing_item_mg{background-image:url(../images/ico_1mo.png);}
.premiumWrap .u_premium_pricing_2 .p_3mo .pricing_item_mg{background-image:url(../images/ico_3mo.png);}
.premiumWrap .u_premium_pricing_2 .p_6mo .pricing_item_mg{background-image:url(../images/ico_6mo.png);}
.premiumWrap .u_premium_pricing_2 .p_1mo.item_select .pricing_item_mg{background-image:url(../images/ico_1mo_on.png);}
.premiumWrap .u_premium_pricing_2 .p_3mo.item_select .pricing_item_mg{background-image:url(../images/ico_3mo_on.png);}
.premiumWrap .u_premium_pricing_2 .p_6mo.item_select .pricing_item_mg{background-image:url(../images/ico_6mo_on.png);}
*/
.premiumWrap .u_premium_pricing_2 .p_1mo.item_select, .premiumWrap .u_premium_pricing_2 .p_3mo.item_select, .premiumWrap .u_premium_pricing_2 .p_6mo.item_select {background-repeat: no-repeat;background-position: 50% 40px;cursor: pointer}
.premiumWrap .u_premium_pricing_2 .btn-sx a {padding: 3px 25px}

.txtInfo_warning {position: relative; margin: 20px 0 0;}
.imgInfo_premium {margin-top: 20px;}
.imgInfo_hit {margin:0 0 20px;position:absolute; width: 40%; right:0; top: -70px;}
.imgInfo_hit img {max-width: 100%; height: auto; transform: rotate(-15deg); }
.li1 .ct .imgInfo_hit {width: 80px; right: 10px; top: 10px;}
.li1 .ct.first .imgInfo_hit {right: 10px; top: 55px;}
.headLine .imgInfo_hit {width: 80px; right: 10px; top: 10px;margin: 0;}
.headLine .first .imgInfo_hit {right: 10px; top: 55px;}

.premiumpick_head {position: relative; background-color: var(--bs-point-color2); background-image: url(../images/img_premium_pick_headline_intext.png); background-repeat: no-repeat; background-size: 400px auto; background-position: center 0px;}
.premiumpick_head .btnArea {left: 40px; top:330px}
.premiumpick_head .premium_into_img {position: absolute; top: -20px; text-align: center;}
.premiumpick_head .premium_into_img img {width: 70%;}
.premiumpick_head .premium_into_text {padding:280px 15px 20px;margin-bottom: 20px; z-index: 1; text-align: center;}
.premiumpick_head .premium_into_text p {text-align: left; font-size: 1.5rem; line-height: 2.2rem; color: #94a0ad; margin: 10px 0;}
.premiumpick_head .premium_into_text p strong {color: #fff;}
.premiumpick_head .premium_into_text h5 {color: var(--font-color-gray-300); font-size: 2.2rem; line-height: 2.2rem; font-weight: 400; margin-bottom: 1px;}
.premiumpick_head .premium_into_text h4.t_title {padding:0 0 10px; color:var(--font-color-gray-300); font-size: 4.2rem; line-height: 7rem; font-weight: 700; letter-spacing: -1px;}
.premiumpick_head .premium_into_text h4.t_title strong {color: #fff}

h4.info-title {font-size: 1.17em;margin-top: 40px;}
.service_plan h4.info-title {margin-top: 0}
.service_plan .btnArea {top:0;right:0; }

ul.info-service {margin: 15px 0 0 0; padding: 10px 20px; background-color: var(--bg-color-200); display: flex; align-items: center; justify-content: space-between; border-radius: 10px;}
ul.info-service li {position: relative;}
ul.info-service li:first-child {border-top: 0;}
ul.info-service ul>li {padding: 5px 0;}
ul.info-service ul>li .name {margin-right: 30px;}

/*결제 방법 선택*/
.payment_select_wrap {position: relative; clear: both; overflow: hidden;}
.payment_select_wrap .chk {float: left; margin-right: 40px}
.payment_select_wrap .chk input {vertical-align: middle;margin-right: 7px}

.separator {border-bottom: 1px solid var(--bline-color-200); clear: both;}
.separator.separator-lg {margin: 30px 0;}
.separator.separator-md {margin: 10px 0;}
.separator.separator-dash {border-bottom: 1px dashed #d0dce2;}

/*alert basic*/
.alert {
  position: relative;
  padding: 1.5rem 2rem;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 1.4rem;
  line-height: 2rem;
}
.alert p {margin: 0.1rem 0; font-size: 1.4rem}
.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-brand {
  color: #2e3673;
  background-color: #dee1f8;
  border-color: #d0d4f5;
}

.alert-brand hr {
  border-top-color: #bbc1f1;
}

.alert-brand .alert-link {
  color: #1f254f;
}

.alert-secondary {
  color: #7a7b7e;
  background-color: #f6f6f6;
  border-color: #f9fafb;
}

.alert-secondary hr {
  border-top-color: #eaedf1;
}

.alert-secondary .alert-link {
  color: #616264;
}
.alert-danger {
  color: var(--bs-point-color4);
  background-color: #F4E6E6;
  border-color: #F4E6E6;
}

.alert-danger hr {
  border-top-color: #fbb6c2;
}

.alert-danger .alert-link {
  color: #591d27;
}
.badge {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 3px;
    background: #eaeaea;
    color: #444;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
    min-width: 20px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 3px 5px;
}

.badge.badge-wide {
    letter-spacing: 0.6px;
    padding: 1px 10px;
}

.badge.badge-rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.badge.badge-dot {
    padding: 0;
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.badge.badge-dot-small {
    padding: 0;
    line-height: 4px;
    min-height: 4px;
    min-width: 4px;
    height: 4px;
    width: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.badge.badge-brand {
    background-color: #716aca;
    color: #ffffff;
}

.badge.badge-metal {
    background-color: #c4c5d6;
    color: #ffffff;
}

.badge.badge-light {
    background-color: #ffffff;
    color: #282a3c;
}

.badge.badge-accent {
    background-color: #00c5dc;
    color: #ffffff;
}

.badge.badge-focus {
    background-color: #9816f4;
    color: #ffffff;
}

.badge.badge-primary {
    background-color: #5867dd;
    color: #ffffff;
}

.badge.badge-success {
    background-color: #34bfa3;
    color: #ffffff;
}

.badge.badge-info {
    background-color: #36a3f7;
    color: #ffffff;
}

.badge.badge-warning {
    background-color: #ffb822;
    color: #ffffff;
}

.badge.badge-danger {
    background-color: #d00b0b;
    color: #ffffff;
}
/*faq*/
.bbs_faq_public {
  position: relative;
}
.bbs_faq_public .tit_public {
  font-size: 3.2rem;
  font-weight: 700;
  margin: 0 0 45px
}
/*
.bbs_faq_public .wrap_cont {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000
}
*/
.bbs_faq_public .wrap_keyword+.wrap_cont {
  border-top: 1px solid #000
}
.bbs_faq_public .wrap_cont>.item_info {
  padding: 18px 0;
  border-bottom: 1px solid var(--bline-color-100);
  overflow: hidden
}
.bbs_faq_public .wrap_cont>.item_info:first-child {
  border-top: 0 none
}
.bbs_faq_public .info_tit {
  overflow: hidden;
  display: flex;
}
.bbs_faq_public .wrap_cont .link_cont {
  float: left;
  line-height: 26px
}
.bbs_faq_public .wrap_cont .link_cont:hover, .bbs_faq_public .wrap_cont .link_cont:focus {
  text-decoration: none;
  outline: none;
}
.bbs_faq_public .wrap_cont .tit_info {
  color: #000;
  float: left;
  text-align: left;
  font-size: 16px;
  line-height: 2rem;
  font-weight: 500;
}
.bbs_faq_public .wrap_cont .num_info {
  width: 25px;
  flex-shrink: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--bs-point-color);
}
.bbs_faq_public .wrap_cont .cate_info {
  float: left;
  width: 15%;
  font-size: 15px
}
.bbs_faq_public .wrap_cont .txt_date {
  float: left;
  width: 85px;
  color: #878787
}
.bbs_faq_public .wrap_cont .btn_arr {
  float: right;
  width: 16px;
  height: 16px;
  margin-right: 15px
}
.bbs_faq_public .wrap_cont .ico_arr {
  display: block;
  width: 16px;
  height: 10px;
  margin-top: 3px;
  background-position: -28px -52px
}
.bbs_faq_public .wrap_cont .on .ico_arr {
  background-position: -28px -40px
}
.bbs_faq_public .wrap_btn {
  clear: both;
  overflow: hidden
}
.bbs_faq_public .btn_cs {
  float: right;
  margin-top: 50px;
  font-weight: 500
}
.bbs_faq_public .wrap_cont>.item_info .info_cont {
  display: block;
  overflow: hidden;
  text-align: left;
  margin: 20px 0 0 0;
  font-size: 15px;
  line-height: 27px;
  background-color: var(--bg-color-100);
  border-radius: 20px;
}
.bbs_faq_public .wrap_cont .on .info_cont {
  display: block;
}
.bbs_faq_public .wrap_cont .on .info_cont .content {
   padding: 20px;
}
.bbs_faq_public .wrap_cont .on .info_cont .content p {
  font-size: 15px;
}
.bbs_faq_public .wrap_cont .on .tit_info {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 500
}
.bbs_faq_public .wrap_cont .txt_detail, .bbs_faq_public .wrap_cont .tit_detail, .bbs_faq_public .wrap_cont .list_detail, .bbs_faq_public .wrap_cont .thumb_img {
  display: block;
  margin-top: 30px
}
.bbs_faq_public .wrap_sort {
  position: absolute;
  top: 61px;
  right: 0
}
.bbs_faq_public .wrap_tip, .bbs_faq_public .wrap_notice {
  margin-top: 42px;
  padding-bottom: 30px;
  border-top: 2px solid #212121
}
.bbs_faq_public .wrap_tip .link_cont:hover, .wrap_tip .link_cont:focus {
  text-decoration: underline
}
.bbs_faq_public .wrap_tip .num_info {
  color: #2c91ef;
  font-size: 18px
}
.bbs_faq_public .wrap_tip .tit_info {
  width: 630px;
  font-size: 18px
}
.bbs_faq_public .wrap_notice .tit_info {
  width: 510px
}
/* 햄버거 메뉴 */
.mside_nav_btn {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px ;
}
#mside_nav_shadow{
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  overflow: hidden;
}
#mside_nav_wrap {
  position: sticky;
  top: 0;  
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color:#F5F6FA;
  z-index: 9;
}
#mside_nav_wrap h1.lg {display: none;}
.nav_open {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: nav_open;
  animation-name: nav_open;
}
.nav_close {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: nav_close;
  animation-name: nav_close;
}
.nav_shadow_open {
  display: block !important;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: nav_shadow_open;
  animation-name: nav_shadow_open;
}
.nav_shadow_close {
  display: block !important;
  pointer-events: none;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: nav_shadow_close;
  animation-name: nav_shadow_close;
}
@-webkit-keyframes nav_open {
  to {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
@keyframes nav_open {
  to {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}
@-webkit-keyframes nav_close {
    from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes nav_close {
    from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes nav_shadow_open {
    from{opacity: 0; }
    to {opacity: 1; }
}
@keyframes nav_shadow_open {
    from{opacity: 0; }
    to {opacity: 1; }
}
@-webkit-keyframes nav_shadow_close {
    from{opacity: 1; }
    to {opacity: 0; }
}
@keyframes nav_shadow_close {
    from{opacity: 1; }
    to {opacity: 0; }
}

/* 티커 */
.header_ticker {position: relative;}
.list_ticker {
	width: 100%;
	height: 42px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	background: var(--bs-point-color2);
	position: relative;
}

.list_ticker li {
  display: flex;
  align-items: center;
	padding: 7px 10px;
	color:#eee;
}
.list_ticker li a {
	  padding-left: 15px;
    color: #eee;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 29px;
    display: block;
    position:relative;
}
.ticker_icon {background-color:#000; font-size:15px; color:#999; border:1px solid #949494; -webkit-border-radius: 50px;
	-moz-border-radius: 50px; border-radius: 50px; padding:2px 10px; margin-top:2px;
	position:absolute;}


  /* 게임 테이블 */
.gameRoundWrap {position: relative; padding: 15px}
.title-round-game {display: flex; align-items: center; justify-content:space-between; margin: 10px 0 20px 0;}
.title-round-game h2 {font-size: 2.6rem;}
.title-round-game h2 em {font-family: 'GmarketSans'; font-size:5rem; font-weight: 700; margin-right: 10px;}

.group-conts-game {position: relative;}
.group-conts-game .tbl-game {width: 100%; font-weight: 500;}

.tbl-game {width: 100%;}
.tbl-game button.btn {flex: 1 1 0; border-color: #D2D6E3; box-shadow: 1px 1px 2px #D2D6E3; padding: 6px 16px !important; color: #4F5777;}
.tbl-game button.btn.on {background-color: var(--bs-point-color); color: #fff;}
.tbl-game .date {color: var(--bs-point-color);}
.tbl-game .bleat {color: var(--font-color-gray-100)}
.tbl-game i.icon-pick-light {margin-left: 5px;}
.tbl-game .btn.btn-sm {padding: 6px 10px;}
.tbl-game .btn.btn-sm em {display: none;}
.tbl-game i.icon-pick-light {margin: 0;}

.tbl-game li {position: relative; background-color: #FBFCFE; border-radius: 15px; padding: 10px 20px; font-size: 1.4rem;}
.tbl-game li:nth-child(2n) {background-color: var(--bg-color-200)}
.tbl-game li span {margin-right: 10px;}
.tbl-game .game-info, .tbl-game .game-team {display: flex; align-items: center; margin: 10px 0;}
.tbl-game .game-team {font-size: 1.6rem;justify-content: center;}
.tbl-game .btn-pick {position: absolute; right: 20px; top: 20px;}
.tbl-game .btn-group {margin: 20px 0 10px;}
.tbl-game .btn-group .num {margin: 0; font-weight: 700;}

.tbl-cal {display: none; position: fixed; z-index: 2; left: 0; bottom:0; width: 100%; background-color: var(--bs-point-color2);font-size: 1.4rem; border-bottom: 1px solid #353c46;}
.tbl-cal h3 {color: #fff; font-size: 2.2rem; padding: 20px; font-weight: 500;}
.tbl-cal .cal-list-wrap {background-color: #fff; margin:0 10px; border-radius: 10px; padding:5px 15px; min-height: 50px;}
.tbl-cal .cal-list-wrap li {display: flex; align-items: center; justify-content: space-between; margin: 5px 0;}
.tbl-cal .cal-list-wrap li span:nth-child(2) {width: 110px;}
.tbl-cal .cal-info-wrap {color: #929AA1; padding: 15px;}
.tbl-cal .cal-info-wrap li {position: relative; display: flex; align-items: center; justify-content: space-between; margin: 5px 0;}
.tbl-cal .cal-info-wrap li em {color: #fff; font-weight: 700; margin-right: 10px;}
.tbl-cal .cal-info-wrap .input-cal {font-weight: 500; background-color: #F2F4F7; border-radius: 5px; width: 100px; height: calc(30px -  10px); font-size: 1.3rem; padding: 5px 0 5px 10px; margin-right: 10px;}
.tbl-cal .cal-info-wrap .btn-cal {position: absolute; top: 3px; right: 30px;}
.tbl-cal .cal-info-wrap .count_sum {width: 100%; display: flex; justify-content:space-between; margin: 10px 0;}
.tbl-cal .cal-info-wrap .count_sum .btn {flex-basis: 72px; width: 72px; padding: 3px 0;}
.tbl-cal .cal-reset-btn {padding: 15px;}
.tbl-cal .btn-cal-close {position: absolute; right: 10px; top:15px}
.tbl-cal-support { position: fixed; z-index: 1; bottom: 0; left: 0; width: 100%; height: 50px; padding: 0 20px; text-align: left; background-color: var(--bs-point-color); color: #fff; box-sizing: border-box; }
.tbl-cal-support .icon-open-lg {position: absolute; right: 12px; top: 12px;}

/*슬라이드 이미지*/
.spot_brand_wrap { position: relative; margin:15px 15px 0; text-align: center; overflow: hidden; overflow: hidden; border-radius: 10px; }
/* .spot_brand_wrap .video_wrap:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(74,14,111, 0.3);} */
.spot_brand_wrap .video_wrap video {position: absolute; left: 0; width: 100%; object-fit: cover;}
.spot_brand_wrap .title_spot_brand {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
.spot_brand_wrap .title_spot_brand h2 {font-family: 'S-CoreDream-5Medium'; text-align: left; letter-spacing: -4px; font-weight: 500; vertical-align: middle; color: #fff; z-index: 1}
.spot_brand_wrap.main .title_spot_brand h2 {font-size: 7.0rem; line-height: 9.0rem; margin-top: 220px; }
.spot_brand_wrap.main .title_spot_brand .t_point {font-size: 5.0rem; line-height: 6.0rem; color: var(font-color-point-blue); display: block;}
.spot_brand_wrap.sub .title_spot_brand h2 {font-size: 5.2rem; line-height: 9.2rem; text-align: center; }
.spot_brand_wrap.sub p.cnt_spot_brand {font-size: 2rem; color: #fff;}
.spot_brand_wrap .more_wrap {text-align: center; width: 100%; margin-top: 50px; }
.spot_brand_wrap .more_wrap .more_btn {border:1px solid #fff }
.spot_brand_wrap .more_wrap .more_btn span {color: #fff; }

.video_wrap {position: relative; text-align: center; background-color: var(--bs-point-color2); /*padding-bottom: 32%;*/ height: 100px; z-index: 1;}
/* .video_wrap .photo_tmb {padding-bottom: 32%;} */
/* .video_wrap .photo_tmb:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(74,14,111, 0.3);} */
/* .video_wrap .photo_tmb:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(32,54,86, 0.6);} */
.spot_brand_wrap.sub .video_wrap {/* padding-bottom: 15%;*/ height: 250px;}
.spot_brand_wrap.sub .video_wrap .photo_tmb {height: 250px;}
.video_wrap iframe, .video_wrap img {width: 300px; height: auto;}
.video_wrap.video_wrap_comp {position: relative; margin-top: 40px}

.spot_brand_wrap .btn {position: absolute; left: 30px; top: 150px; }

.pg3b {text-align:center; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 1;}
.pg3b_btn {overflow:hidden;padding:10px;text-decoration:none;vertical-align:top;-webkit-appearance:none; display:inline-block;position:absolute; z-index: 1;}

.slide_btn_brand .pg3b_btn.pg3b_btn_prev {top:calc(50% - 35px);left:0px;}
.slide_btn_brand .pg3b_btn.pg3b_btn_next {top:calc(50% - 35px);right:0px;}
.slide_btn_brand .pg3b_prev,.pg3b_next {display:inline-block;overflow:hidden; width:50px;height:50px;background:url(../images/bl_ico_new.png) no-repeat; background-size:160px auto; text-indent:-99em;}
.slide_btn_brand .pg3b_prev {background-position:0 -641px;}
.slide_btn_brand .pg3b_next {background-position:-57px -641px;}

.pg3b_pg {display:inline-block;height:23px;font-size:.93em;line-height:21px;color:#999;letter-spacing:2px;vertical-align:middle;padding:0 1em}
.pg3b_pg .pgn {display:inline-block;overflow:hidden;width:10px;height:10px;background:#dddddd;color:transparent;vertical-align:middle;border-radius:6px;margin:0 2px;}
.pg3b_pg .pgn.on {width:20px;height:10px;background:#00bfbf; border-radius:6px}

.slide_btn_newslist .pg3b_btn.pg3b_btn_prev {top:calc(50% - 0px);left:calc(50% - 304px);}
.slide_btn_newslist .pg3b_btn.pg3b_btn_next {top:calc(50% - 0px);right:calc(50% - 690px);}
/* .slide_btn_brand {position: absolute; top: 0; z-index: 1; width: 100%; height: 300px;} */
.slide_btn_brand:after {clear:both; display:block; content:'';}
.slide_btn_brand .pg3b { bottom: -10px;}