/* Reset with bootstrap */
body, p, h1, h2, h3, span, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{margin: 0;padding: 0}
body, input, textarea, select, button, table{font-family: 'Roboto','NanumGothic','Open Sans', 'PT Sans', 'malgun gothic','µ¸¿ò',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
body{-ms-word-break: break-all;word-break: keep-all;word-wrap: break-word;background: #fff;font-size: 14px;color: #181818}
a, a:hover, a:focus, a:active{text-decoration: none;color: inherit}
a, button, input, textarea{transition: border-color .15s ease-in-out, backgroud-color .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out,transform .15s ease-in-out,box-shadow .4s}
li{list-style: none}
address, em{font-style: normal}
label, button{cursor: pointer}
label{margin-bottom: 0}
table{width: 100%}
textarea{resize: none}
strong, b{font-weight: 700}
img{vertical-align: top}
br{font-family: arial}
hr, .hr, .border-top{border-top-color: #d9dbdb !important}


/* Helper Classes */
.skip{z-index: 200;background: #000;text-align: center;color: #fff}

.skip:active, .skip:focus{position: absolute;padding: .5rem;color: #fff}
.no-style{background: none;border: 0}
.center-block{display: block;margin-left: auto;margin-right: auto}
.d-flex-space{display: flex;align-items: center;justify-content: space-between}

/* Grid */
.row{margin-left: -8px;margin-right: -8px}
.row>[class*=col]{padding-left: 8px;padding-right: 8px}

.no-gutters{margin-left: 0;margin-right: 0}
.no-gutters>[class*=col]{padding-left: 0;padding-right: 0}

/* Typography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;font-weight: 700; }
.h2{font-size: 20px}
.h3{font-size: 18px}
.h4{font-size: 16px}
.h5{font-size: 14px}
.h6{font-size: 12px}
.h7{font-size: 11px; color:#8c8c8c }
.sm{font-size: 11px}
.font-weight-exbold{font-weight: 900;}
a.text-truncate{display: inline-block;vertical-align: top;max-width: 100%;font-size: 14px;font-weight: 400;}
.text-dot{padding-left: .714rem}
.text-dot:before{content: '¡¤ ';float: left;margin-left: -.714rem}

/* Theme */
.text-secondary{color: #494949 !important}
.text-primary{color: #b93b3b;}
.text-light{color: #a1a1a1;}
.text-prilight{color: #f7a0a0;}
.text-muted{color: #6c757d;}
.form-member form .form-group .text-primary{color: #6c757d !important}
.form-member form .form-group .text-muted{color: #b14747 !important}
.text-body{color: #181818 !important}
.bg-point{background: #f8f2f3 !important}
.text-red{color: #ff5249 !important}
.text-blue{color: #4107be !important}
.text-gray{color: #8c8c8c !important}
/* Icon */
.icon-arrow{width: 11px;height: 17px;background-image: url(/design/img/icon/arrow.png);margin-left:200px; }


[class^=icon-]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align: middle;text-indent:-1000em}

/* Form */
.form-control{min-height: 40px;border-radius: 5px;border-color: #999 !important;background: #f3f3f3;font-size: 14px;padding: .5em 20px;box-shadow: none !important;font-weight: 700}
.form-group>.form-control+.form-control{margin-top: 10px}
select.form-control{-webkit-appearance: none;padding-right: 45px;background: #f3f3f3 url(/design/img/select.png) no-repeat center right 17px/14px auto}
select::-ms-expand{display: none}
[type=password]{font-family: arial}
.form-control::-webkit-input-placeholder{color: #a1a1a1;opacity: 1;font-family: 'NanumGothic',sans-serif}
.form-control::-moz-placeholder{color: #a1a1a1;opacity: 1;font-family: 'NanumGothic',sans-serif}
.form-control:-ms-input-placeholder{color: #a1a1a1;font-family: 'NanumGothic',sans-serif}
.form-text{font-size: 12px;color: #a1a1a1;margin: 10px 15px 0}
.form-text .custom-control{display: inline-block;vertical-align: top}
.form-group{margin-bottom: 10px}
.custom-control{padding-left: 22px;min-height: 16px;line-height: 16px;color: #a1a1a1;font-size: 14px;font-weight: 700}
.custom-control-label::before, .custom-control-label::after{top: 0;left: -22px;width: 16px;height: 16px;box-shadow: none !important}
.custom-control-label::before{background: #fff !important}
.custom-radio .custom-control-label::before{border: 2px solid #ccc}
.custom-control-input:checked~.custom-control-label{color: #b34c4c}
.custom-control-input:checked~.custom-control-label::before{background: none;border-color: #b34c4c}
.custom-radio .custom-control-input:checked~.custom-control-label::after{background: url(/design/img/icon/chk.png) no-repeat 50% 50%}
.custom-control-input{height: 16px}
.custom-control.sole{padding-left: 0;width: 16px}
.sole .custom-control-label:before{position: static}
.sole .custom-control-label:after{left: 0}
.custom-checkbox .custom-control-label::before{border-radius: 0;border-color: #636363}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background: #b34c4c !important}
.custom-control-inline{vertical-align: top}
.custom-control-label{display: inline-block;vertical-align: top}
.custom-switch{padding-left: 0}
.custom-switch .custom-control-label{width: 80px;height: 24px;display: flex;background: #a1a1a1;border-radius: 12px}
.custom-switch .custom-control-label>span{position: relative;z-index: 1;display: block;width: 40px;text-align: center;color: #fff;font-size: 12px;font-weight: 700;line-height: 24px}
.custom-switch .custom-control-label::before{display: none}
.custom-switch .custom-control-label::after{top: 0;left: auto;right: 0;height: 100%;width: 40px;background: #b14747;border-radius: 12px}
.custom-switch .custom-control-input:checked~.custom-control-label::after{background: #b14747;transform: translateX(-40px)}
.form-inline{font-size: 14px;color: #999;font-weight: 700; line-height: 24px}
.form-inline>*:not(:first-child){margin-left:  10px}
.form-inline-srch{justify-content: center;width: 100%}
.form-inline-srch input[type=text]{width: 325px}
.table-block .form-inline-srch select.form-control{width: 80px;background-image: url(/design/img/srch_select.png)}
.form-row{align-items: center;margin-left: -8px;margin-right: -8px}
.form-row>[class*=col]{padding-left: 8px;padding-right: 8px}
.form-row+.form-row{margin-top: 10px}

.input-group .btn{height: 100%;display: flex;align-items: center;padding-top: 0;padding-bottom: 0;justify-content: center}

/* Button */
.btn{padding: 9px 18px;border-radius: 2em;font-size: 16px;font-weight: 900;border: 2px solid transparent;box-shadow: none !important;color: #fff !important}
.btn-sm{font-size: 12px;padding: 1px 16px;height: 24px}
.btn-gm{font-size: 13px;padding: 2px 16px;height: 26px}
.btn-sl{font-size: 12px;padding: 2px 16px;height: 24px; margin-left: 10px;}
.btn-sg{font-size: 14px;padding: 5px 8px;height: 30px; margin-left: 10px; }
.btn-white{border-color: #fff !important;background: #fff !important}
.btn-primary{border-color: #b14747 !important;background: #b14747 !important}

.btn-light{border-color: #a6a6a6 !important;background: #a6a6a6 !important}

.btn-secondary{border-color: #494949 !important;background: #494949 !important}
.btn-muted, .btn-default.active{border-color: #999 !important;background: #999 !important;color: #fff !important}
.btn-default{border-color: #f3f3f3 !important;background: #f3f3f3 !important;color: #999 !important}
[class*=btn-outline]{background: none !important}

.btn-outline-white{border-color: #fff}
.btn-outline-muted{border-color: #999;color: #999 !important}
.btn-outline-primary{border-color: #b14747;color: #b14747 !important}
.btn-outline-secondary{border-color: #494949;color: #494949 !important}
.btn-outline-others{border-color: #a0a0a0;color: #a0a0a0 !important}
.btn-block+.btn-block{margin-top: 10px}
.btn-rounded{border-radius: 5px;}

/* Table */
.table{margin-bottom: 0}
.table-fixed{table-layout: fixed;vertical-align: middle}
.table th, .table td{font-size: 14px;padding: 12px 5px;color: #494949;text-align: center;font-weight: 400;border-color: #d9dbdb;line-height: 16px}
.table thead th{border-bottom: 1px solid #d9dbdb}
.table th{color: #999;font-weight: 700}
.table td{border-top: 0;border-bottom: 1px solid #d9dbdb;font-size: 14px;letter-spacing: -.02em}
.table-block{padding: 10px 2.45%;display: flex;align-items: center;border-bottom: 1px solid #d9dbdb;margin-bottom: -1px}
.table-block.noline{border-bottom: 0;margin-bottom: 0}
.table-block+.table-block{border-top: 1px solid #d9dbdb}
.table-block .btn+.btn{margin-left: 5px}
.table-block>.ml-auto{display: flex;align-items: center;color: #a1a1a1}
.table-block .form-control, .list-header .form-control{background-color: #fff;height: 24px;min-height: 0;font-size: 12px;padding: 1px 8px;}
.table-block select.form-control, .list-header select.form-control{padding-right: 25px;background-position: center right 8px;background-size: 10px auto}
.table-block .custom-control{margin-right: 15px}
.table .chk{width: 41px;padding-left: 2.45%;padding-right: 0}
.table .nodata{background: #f3f3f3;color: #999;height: 100px;vertical-align: middle}
.table .text-truncate{display: block;text-align: left}
.table .text-cell{display: table-cell; text-align: left}
.td-sort{position: relative;background: none;border: 0;color: #999;font-weight: 700;outline: 0 !important}
.td-sort:before{content: '';position: absolute;top: 50%;right: 100%;border: 6px solid transparent;border-bottom-color: #b14747;margin: -9px 3px 0 0}
.td-sort.asc:before{border-top-color: #b14747;border-bottom-color: transparent;margin-top: -3px}
.table tr>.text-left{padding-left: 10px}
.table tr>.text-right{padding-right: 2.45%}
.icon-toggle{width: 19px;height: 12px;background-image: url(/design/img/icon/toggle.png);margin: -3px 0 0 4px}
.table-toggle-link.open .icon-toggle, .collapse-link:not(.collapsed) .icon-toggle{background-image: url(/design/img/icon/toggle_open.png)}
.table-toggle-row{display: none;text-align: left}
.table-toggle-row td{padding-right: 2.45%;text-align: left;font-size: 12px}
.table-toggle-row .bottom-button{text-align: right;margin-top: 15px}
.open+.table-toggle-row, .table-toggle-link.open{display: table-row;background: #f3f3f3}
.table-data tr>*{vertical-align: top;padding-top: 2px;padding-bottom: 2px}
.table-data .name{color: #a1a1a1;padding-right: 10px}

.copy_box table tbody tr td{padding: 0;height: 50px;line-height: 50px;font-size: 13px;color: #494949 !important;}
.copy_box table tbody tr .text-light{}
.copy_box table tbody tr td .text-truncate{height: 100%;line-height: 50px;color: #181818;}
.copy_box table tbody tr .text-right{}
.copy_box .table .text-right{padding-right: 0;text-align: center !important;}

.board-block{padding: 10px 0 0 0;display: flex;align-items: center; margin-bottom: -1px}
.board-block.noline{border-bottom: 0;margin-bottom: 0}
.board-block+.table-block{border-top: 1px solid #d9dbdb}
.board-block .btn+.btn{margin-left: 5px}
.board-block>.ml-auto{display: flex;align-items: center;color: #a1a1a1}
.board-block .form-control{background-color: #fff;height: 28px;min-height: 0;font-size: 13px;padding: 1px 8px}
.board-block select.form-control{padding-right: 25px;background-position: center right 8px;background-size: 10px auto}
.board-block .custom-control{margin-right: 15px}


/* nav */
.nav-link{font-weight: 700;color: #999;}
.nav-tabs-thick{position: relative;}
.nav-tabs-thick:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;border-top: 2px solid #b14747}
.nav-tabs-thick .nav-link{position: relative;border: 2px solid transparent;background: #f3f3f3;font-size: 16px;border-radius: 1em 1em 0 0;padding: 11px; }
.nav-tabs-thick .nav-link-lg{font-size: 18px;padding: 10px}
.nav-tabs-thick .nav-link.active{z-index: 1;border-color: #b14747;border-bottom-color: transparent;background: #fff;color: #b14747; border-bottom:2px solid #fff}
.nav-tabs{justify-content: flex-end;border-bottom-color: #b14747}
.nav-tabs .nav-item{margin-left: -1px}
.nav-tabs .nav-link{position: relative;min-width: 108px;text-align: center;border-radius: 6px 6px 0 0;font-size: 12px;border-color: #999;border-bottom-color: transparent; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color: #999 #999 #b14747}
.nav-tabs .nav-link.active{z-index: 1;color: #b14747;border-color: #b14747;border-bottom-color: #fff}

.nav-tabs-list{position: relative; }
.nav-tabs-list:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;}
.nav-tabs-list .nav-link0{position: relative;border-bottom: 3px solid  transparent;background: #f3f3f3;font-size: 13px;font-weight: 700;border-radius: 6px 6px 0 0;padding: 10px 25px 8px; margin-right: 3px;}
.nav-tabs-list .nav-link0-lg{font-size: 18px;padding: 22px}
.nav-tabs-list .nav-link0.active{z-index: 1;border-color: #b14747;border-bottom-color: transparent;background:#b14747;color: #fff}

/* List */
.pagination{margin-top: 45px}
.page-link{max-width: 64px;min-width: 27px;height: 27px;padding: 0 8px;line-height: 27px;text-align: center;border-radius: 50px;border: 0;font-weight: 900;font-size: 13px;color: #111;background: none !important}
.page-item.active .page-link{background: #1a1a1a !important;color: #fff}
.page-item{margin: 0 5px}
.page-item.first{margin-right: 45px}
.page-item.last{margin-left: 45px}
.icon-prev, .icon-next{width: 11px;height: 17px;background: url(/design/img/icon/arrow.png) no-repeat 50% 50%/11px auto}
.icon-prev{transform: scaleX(-1)}
.page-item.disabled [class*=icon]{opacity: .35}
.list-inline{font-size: 0}
.list-inline-item{font-size: 12px;letter-spacing: -.06em}
.list-inline-item:not(:last-child){margin-right: 1em}
.list-inline-item.active{color: #b14747}

.copy_box .page-item .page-link{color: #999;}
.copy_box .page-item.active .page-link{background: #999 !important; color: #fff;}

/* modal */
/*
.modal-dialog{width: 704px;max-width: none; }
*/
.modal-dialog{width: 782px;max-width: none; }
.modal-content{border: 0;border-radius: 18px}
.icon-modal-close{position: absolute;top: 25px;left: 25px;width: 20px;height: 21px;background-image: url(/design/img/icon/modal_close.png)}
.icon-modal-close2{position: absolute;top: 25px;right: 25px;width: 20px;height: 21px;background-image: url(/design/img/icon/close.png)}

/*icon*/


/*--------------------------------------
    PAGES
---------------------------------------*/

/* Layout */
body{}
#wrap{overflow: hidden;display: flex;width: 100%;min-height: 100vh;flex-direction: column;min-width: 1200px}
#ct{flex: 1 0 auto}
#hd, #ft{flex-shrink: 0}
.container{max-width: 1300px;margin: 0 auto;padding: 0}

/* Header */
#hd{background: #b14747;color: #fff}
.hd-top>.container{position: relative;font-size: 0}
.hd-top>.container:before{content: '';position: absolute;top: 0;left: 50%;bottom: 0;width: 50vw;min-width: 600px;background: #b14747}
.lnb{position: relative;display: inline-flex;height: 45px;align-items: center;font-size: 14px;font-weight: 600;justify-content: center;width: 868px;margin-left: 12%;vertical-align: top; }
.lnb:before{content: '';position: absolute; top: 0;left: 0;right: 0;bottom: 0;  }
.lnb:before{ background-image: url(/design/img/inb_bg.png);}

.lnb>a{display: block;margin: 0 3.67%;position: relative}
/*1117¼öÁ¤*/
.util{display: inline-flex;width: 140px;align-items: center;vertical-align: top;position: relative;}
.util:before{left: 25px;background: #fff}
.util>a{display: block;width: 50px;height: 45px;position: relative;margin-left: 13px}
/*1117¼öÁ¤*/
.icon-like{background-image: url(/design/img/icon/like.png);background-size: 25px auto}
.link-alarm{position: relative}
.link-alarm .num{position: absolute;top: 12px;right: -7px;width: 19px;height: 19px;border-radius: 100%;line-height: 19px;text-align: center;background: #464646;font-size: 10px;text-align: center;font-weight: 900}
/*220323 ¼öÁ¤*/
.icon-alarm{width: 50px;height: 100%;background-image: url(/design/img/icon/memo.png)}
/*220323 ¼öÁ¤*/
.icon-msg{background-image: url(/design/img/icon/inquiry.png)}
.hd-main{position: relative;padding: 30px 0 35px 0;font-size: 0;text-align: center}
/*220419 ¼öÁ¤*/
.hd-main-side{position: absolute;top: 30px;right: 165px;}
.hd-main-side .btn{width: 130px;margin-left: 8px;font-size: 11px;}
.hd-main .mode {position: absolute;top: 52%;right: 18px;transform: translateY(-50%);}
/*1117¼öÁ¤*/
.hdm-main{position: relative;padding: 44px 45px 48px;font-size: 0;text-align: center}
.hdm-main-side{position: absolute;right: 5px;top: 65%;transform: translateY(-50%)}
.hdm-main-side .btn{width: 164px;margin-left: 8px;font-size: 13px}

.form-srch{position: relative;display: inline-block;text-align: right;width: 30.7%; right:30px;}
.form-srch input[type=text]{position: absolute;top: 4px;right: 50px;min-width: 410px;width: calc(100% - 50px);display: inline-block;vertical-align: top;height: 40px;padding: 5px 15px;font-size: 17px;border-radius: 2em;border: 0}
.icon-srch{min-width: 45px;height: 45px;background-image: url(/design/img/icon/srch_sm.png);background-color: #fff;border-radius: 100%}
.hd-logo{position: absolute;top: 30px;left: 45px;width: 194px;}
.hd-logo a{display: block; height: 100%;}
.hd-logo-special{position: absolute;top: 10px;left: 45px;}
.hd-logo_chu{position: absolute;top: 42%;transform: translateY(-50%);width: 18%;text-align: center;left: 17px}
/* .hd-logo_chu{position: absolute;top: 50%;transform: translateY(-50%);width: 18%;text-align: center;left: 17px} */


.particle1{position: absolute;left: -25px;width: calc(20% + 20px);bottom: 0;height: 45px;background: #a23e3e;border-radius: 0 15px 0 0;transform: skewX(40deg)}
.particle1:before{content: '';position: absolute;top: 0;right:50%;width: 100vw;bottom: 0;background: #a23e3e}
.particle2{position: absolute;width: 40px;height: 40px;border-radius: 100%;background: #a23e3e;top: -8px;left: 9%}
.particle3{position: absolute;width: 38px;height: 46px;background: url(/design/img/particle3.png) no-repeat;top: 70px;right: 405px}
.particle4{position: absolute;width: 53px;height: 52px;background: url(/design/img/particle4.png) no-repeat;bottom: -12px;left: 28.8%}



.fdata{padding: 34px 0;background: #e6e8e8;text-align: center;font-size: 15px;font-weight: 900;color: #6f8283}
.fdata>a:not(:first-child){margin-left: 200px}
.fdata [class*=icon]{height: 27px;margin-right: 13px}
.icon-fdata1{width: 23px;background-image: url(/design/img/icon/fdata1.png)}

/* Footer */
#ft{background: #4c5b5c;color: #fff}
#ft>.container{max-width: 1300px}
.fdata{padding: 34px 0;background: #e6e8e8;text-align: center;font-size: 15px;font-weight: 900;color: #6f8283}
.fdata>a:not(:first-child){margin-left: 200px}
.fdata [class*=icon]{height: 27px;margin-right: 13px}
.icon-fdata1{width: 23px;background-image: url(/design/img/icon/fdata1.png)}
.icon-fdata2{width: 22px;background-image: url(/design/img/icon/fdata2.png)}
.icon-fdata3{width: 20px;background-image: url(/design/img/icon/fdata3.png)}
.icon-fdata4{width: 21px;background-image: url(/design/img/icon/fdata4.png)}
.fcs{display: flex;align-items: center;height: 210px;background: #4c5b5c}
.fcs-info, .fcs-inquire, .fcs-download{flex: 1;text-align: center}
.fcs-title{display: block;margin-bottom: 25px;color: #fff}
.footer{position: relative;background: #111}
.fcs .btn-sm{width: 148px;margin: 0 2px;border-width: 2px;padding: 2px;height: auto}
.fcs-info{font-size: 13px;color: #9dadae}
.fcs-info .tel{font-size: 35px;line-height: 1;font-weight: 900;margin: -15px 0 10px;color: #fff}
.footer>.container{position: relative;padding: 70px 40px 90px;max-width: 1620px;font-size: 13px}
.futil a{margin-right: 16px}
.fnb{line-height: 1;padding: 45px  0 55px}
.fnb a{font-size: 25px;font-weight: 900}
.fnb .dot{display: inline-block;width: 5px;height: 5px;background: #fff;border-radius: 100%;vertical-align: middle;margin: -5px 20px 0}
.footer-bottom{display: flex;align-items: flex-end;justify-content: space-between;line-height: 1.6;color: #6d6d73}
.footer-bottom .col-left>span{margin-left: 10px}
.copy{margin-bottom: 10px;color: #3b3b3b}
.fsns{position: absolute;top: 70px;right: 40px;font-size: 0}
.fsns>li{display: inline-block;vertical-align: top;margin-left: 35px}
.fsns [class*=icon]{height: 28px;background-image: url(/design/img/icon/sns.png)}
.icon-face{width: 10px;background-position: 0 0}
.icon-twi{width: 20px;background-position: -49px 0}
.icon-blog{width: 26px;background-position: -104px 0}
.icon-in{width: 27px;background-position: 100% 0}

/* category */
#category{max-width: 147px;flex-basis: 147px;padding: 0 4px 50px 28px ;min-width: 147px;flex-shrink: 0;margin-left: 10px}
.cate-title{margin-bottom: 32px;line-height: 28px;padding-bottom: 2px;font-size: 16px;font-weight: 700;color: #fff;background: #2e3131;border-radius: 0 0 20px 20px;text-align: center}
.cate-list a{display: flex;margin-bottom: 17px;align-items: center;height: 32px;color: #000;font-size: 16px;font-weight: 900;background: #fff;border-radius: 20px}
.cate-list a:hover{color: #b14747}
.cate-list .active a{color: #b14747}
.cate-list [class*=icon]{width: 24px;height: 24px;margin: 0 26px 0 20px }
.cate-list li {position:relative;}
.cate-left-new {position:absolute; top:-8px; right:3px; z-index:1; width:37px; height:19px; background-image: url(/design/img/icon/icon_left_cate_new.png)}
.icon-star{background-image: url(/design/img/icon/star.png)}
.icon-movie{background-image: url(/design/img/icon/movie.png)}
.icon-media{background-image: url(/design/img/icon/media.png)}
.icon-drama{background-image: url(/design/img/icon/drama.png)}
.icon-ani{background-image: url(/design/img/icon/ani.png)}
.icon-book{background-image: url(/design/img/icon/book.png)}
.icon-game{background-image: url(/design/img/icon/game.png)}
.icon-util{background-image: url(/design/img/icon/util.png)}
.icon-music{background-image: url(/design/img/icon/music.png)}
.icon-train {background-image: url(/design/img/icon/train.png)}
.icon-image {background-image: url(/design/img/icon/image.png)}
.icon-youtub {background-image: url(/design/img/icon/youtub.png)}
.icon-wtoon {background-image: url(/design/img/icon/wtoon.png)}
.icon-love {background-image: url(/design/img/icon/love.png)}
.icon-19 {background-image: url(/design/img/icon/19.png)}
.icon-bj {background-image: url(/design/img/icon/bj.png)}
.icon-free {background-image: url(/design/img/icon/free.png)}
.icon-other {background-image: url(/design/img/icon/other.png)}
.cate-list .active [class*=icon]{transform: translateX(0)}
.active .icon-star{background-image: url(/design/img/icon/star_wh.png)}
.active .icon-movie{background-image: url(/design/img/icon/movie_wh.png)}
.active .icon-media{background-image: url(/design/img/icon/media_wh.png)}
.active .icon-drama{background-image: url(/design/img/icon/drama_wh.png)}
.active .icon-ani{background-image: url(/design/img/icon/ani_wh.png)}
.active .icon-book{background-image: url(/design/img/icon/book_wh.png)}
.active .icon-game{background-image: url(/design/img/icon/game_wh.png)}
.active .icon-util{background-image: url(/design/img/icon/util_wh.png)}
.active .icon-music{background-image: url(/design/img/icon/music_wh.png)}
.active .icon-train{background-image: url(/design/img/icon/train_wh.png)}
.active .icon-image{background-image: url(/design/img/icon/image_wh.png)}
.active .icon-youtub{background-image: url(/design/img/icon/youtub_wh.png)}
.active .icon-wtoon{background-image: url(/design/img/icon/wtoon_wh.png)}
.active .icon-love{background-image: url(/design/img/icon/love_wh.png)}
.active .icon-19{background-image: url(/design/img/icon/19_wh.png)}
.active .icon-free{background-image: url(/design/img/icon/free_wh.png)}
.active .icon-other {background-image: url(/design/img/icon/other_wh.png)}
.active .bj-other {background-image: url(/design/img/icon/bj_wh.png)}

/* content */
#container{display: flex;width: 100%;justify-content: flex-start;flex-wrap: wrap}
#container.narrow:after{content: '';display: block;min-width: 26.39%;width: 26.39%}
#content{border: 1px solid #e3e3e3;border-width: 0 1px;min-width: 0;max-width: 980px;padding: 25px 30px;flex: 1;overflow: hidden}
.narrow #content{min-width: 910px;max-width: 910px}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1518px) {
    #content{width: 100%}
    #content{flex-basis: auto}
}
.content-header{display: flex;align-items: center;margin-bottom: 20px;font-size: 18px;font-weight: 900;color: #838d8e;flex-wrap: wrap}
/*220323 ¼öÁ¤*/
.content-title{padding: 0 10px 0 0;position: relative;font-size: 26px;color: #181818;font-weight: 900}
.category-title{font-size: 25px;color: #181818;font-weight: 900; margin-right: 20px;}

.content-header .date{margin-left:  auto;font-size: 15px;color: #b14747;line-height: 20px}
.badge{font-size: 15px;color: #b14747;line-height: 16px;border: 2px solid;border-radius: 1em;font-weight: 900;padding: 4px 4px 2px}
.content-banner{margin: 0 0 35px;}
.content-header .badge{font-size: 13px;margin: -1px 8px 0 0;padding: 0 4px}
.content-list{border-top: 1px solid #eceded}
.content-list>li{position: relative;border-bottom: 1px solid #eceded}
.content-list .bg{position: absolute;width: calc(100% + 60px);top: 0;bottom: 0;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity .1s;background-color: #494949;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%}
.content-list .bg:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.2)}
.content-list>li:hover .bg{opacity: 1}
.content-list>li:hover .content-item *{color: #fff !important}
.content-item{position: relative;display: flex;align-items: center;height: 52px;font-size: 12px}
.content-item>*, .ctit{min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.content-item>.no{flex-basis: 5%;max-width: 5%;text-align: center;color: #4c5b5c;font-size: 14px;font-weight: 900}
.content-list>li:nth-child(-n+3) .no{color: #b14747}
.content-item>.pay, .content-item>.byte, .content-item>.name, .content-item>.cate{max-width: 60px;flex-basis: 60px;font-weight: 300;color: #494949;text-align: center}
.content-item>.name{max-width: 17%;flex-basis: 17%}
.content-item>.ctitle{display: block;flex: 1;padding-right: 10px}
.content-item>.cate{max-width: 7%;flex-basis: 7%; margin-left:20px;}
.content-item>.cate+.ctitle{padding-left: 1px}
.content-item>.chk{padding: 0 2.98% 2px}

.copy_box .content-list{}
.copy_box .content-list li{}
.copy_box .content-list li .bg{}
.copy_box .content-list li .bg:after{}
.copy_box .content-list li .content-item{height: 50px;}
.copy_box .content-list li .content-item .cate{margin-left: 0;max-width: inherit;flex-basis: inherit;padding: 0 10px;width: 80px;}
.copy_box .content-list li .content-item .ctitle{display: flex;flex: none;padding: 0 15px;width: calc(100% - 330px);height: 100%;line-height: 52px;}
.copy_box .content-list li .content-item .ctitle .ctit{font-weight: 400;}
.copy_box .content-list li .content-item .byte{flex-basis: inherit;max-width: inherit;padding: 0 10px;width: 150px;}
.copy_box .content-list li .content-item .name{flex-basis: inherit;max-width: inherit;padding: 0 10px;width: 100px;}
.copy_box .content-list li .text-left{}
.copy_box .content-list li .text-left div{padding: 15px 0;text-align: center;color: #777;}

.ctitle .cate{font-size: 12px;color: #8c8c8c;font-weight: 300}
.ctitle .ctit{display: block;font-size: 14px}
#aside{padding: 30px 25px;flex-shrink: 0}
.aside-banner{max-width: 26.39%;flex-basis: 26.39%;min-width: 26.39%}
.addbox{display: block;margin: 0 -25px 45px}
.addbox>img{width: 100%}
.bnbox{display: block;margin-bottom: 20px;padding: 11.8% 9.4%;border-radius: 10px;background: #f8f2f3;font-weight: 900;color: #4c5b5c;font-size: 16px}
.bnbox>strong{display: block;font-size: 26px;margin-bottom: 8px;line-height: 1.1;font-weight: 900}
.coupon-link{display: block;border: 3px solid #b14747;padding: 12px 11.8%;border-radius: 10px;color: #b14747 !important;font-weight: 900;font-size: 21px;background: url(/design/img/icon/arr.png) no-repeat center right 8.5%}

@media (max-width: 1800px){
    #content{padding-left: 1.666vw;padding-right: 1.666vw}
    .content-banner{margin-left: -1.666vw;margin-right: -1.666vw}
    .content-list .bg{width: calc(100% + 3.332vw)}
}
@media (max-width: 1200px){
    #content{padding-left: 20px;padding-right: 20px}
    .content-banner{margin-left: -20px;margin-right: -20px}
    .content-list .bg{width: calc(100% + 40px)}
}


/* sub */
/* .aside-swiper{max-width:140px;flex-basis: 140px;min-width: 140px; margin-left:20px; padding-left: 9.7222%;right: auto;} */
.aside-swiper{max-width:140px;flex-basis: 140px;min-width: 140px; margin-left:20px; padding-left: 9.7222%;right: auto;}
/*.aside-swiper{max-width: 12.59%;flex-basis: 12.59%;min-width: 12.59%}*/
.content-category{flex-basis: 100%;width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap; }
.content-category li {position: relative;}
.new-cate {position:absolute; top:-1px; right:3px; z-index:1;}


/* Áñ°Üã±â */
.bookmarkBnr {border:1px solid #f1d6cb; background:#fdf7f4; text-align:center; padding:10px 0; margin-bottom:10px; font-size:0; cursor:pointer;}
.bookmark-pop {width:370px; font-size:16px; font-weight:600; text-align:center;}
.bookmark-pop .top-tit {width:330px; margin:0 auto; border-bottom:1px solid #dcdcdc; padding:15px 0 10px 0;}
.bookmark-pop .con-txt {font-size:18px; padding:20px 0;}
.bookmark-pop .con-txt span {color:#b70419}
.bookmark-pop .btn-bookmark {width:120px; background:#b14747; color:#fff; margin:0 auto 20px auto; font-weight:600; border:0; border-radius:30px; padding:6px; outline:none;}

/* small pop */
.small-pop {width:370px; font-size:16px; font-weight:600; text-align:center;}
.small-pop .top-tit {width:330px; margin:0 auto; border-bottom:1px solid #dcdcdc; color:#000; padding:15px 0 10px 0;}
.small-pop .con-txt {font-size:17px; padding:20px 0; line-height:160%;}
.small-pop .con-txt .mb20 {padding-bottom:15px;}
.small-pop .con-txt span {color:#b70419}
.small-pop .btn-line {padding:10px 0 30px 0;}
.small-pop .btn-line button {outline:none; border:0; border-radius:30px; padding:6px; font-weight:600;}
.small-pop .btn-line .btn-gray {width:120px; background:#f3f3f3; color:#333; margin-right:10px;}
.small-pop .btn-line .btn-red {width:120px; background:#b14747; color:#fff;}

.list-header{padding-bottom: 1px;display: flex;align-items: flex-start; margin-top:40px;}


.content-category-badge{flex: 1;margin: 0 24px;min-width: 0;display: flex;align-items: center}
.content-category-badge .badge{min-width: 76px;margin: 0}
.content-category-badge>li:not(.active) .badge{border-color: transparent;color: #000}
.list-header .custom-control-inline{margin: 0 20px 15px 0}
.list-header select.form-control{margin-top: -4px;border-radius: 0;border-color: #ccc !important;width: 75px}
.swiperbox{margin: 0 -25px 40px}
.aside-item-swiper{padding-left: 12.5%}
.aside-item-swiper .swiper-slide{width: 120px}
.item-link{position: relative;display: block;width: 140px;height: 379px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover}
.item-link>.name{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: #4c5b5c;color: #fff;border-radius: 100%;font-size: 20px;font-weight: 700;padding: 0 10px;opacity: 0;transition: opacity .2s}
.item-link:hover>.name{opacity: 1}
.item-link>.name>span{display: block;display:-webkit-box;overflow:hidden;max-width: 100%;max-height: 2.6em;line-height: 1.3em !important;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;white-space:normal;text-align: center}
.aside-item-swiper [class*=swiper-button]{width: 15px;height: 23px;background: url(/design/img/icon/arrow_red.png) no-repeat 50% 50%/15px auto;margin-top: -12px}
.aside-item-swiper .swiper-button-next{right: auto;left: 5%}
.aside-item-swiper .swiper-button-prev{left: auto;right: 5%;transform: scaleX(-1)}
.aside-item-swiper .swiper-button-disabled{display: none}
.swiperbox-title{padding: 0 12.5%}
.swiperbox-title>p{margin: 10px 0 -11px;font-size: 20px;line-height: 22px;font-weight: 900;color: #b14747}

.item-coupon{position: relative;display: block;width: 140px;height:86px;margin-bottom:10px;background-repeat: no-repeat;}


/* member */
.form-member{padding: 55px 75px; font-weight: 700}
.form-member hr{margin: 35px 0}
.form-member .form-control{border-radius: 2rem;min-height: 45px}
.form-member .custom-control{font-size: 12px}
.member-title{margin-bottom: 40px;text-align: center;font-size: 16px;color: #a1a1a1}
.member-title>img{display: block;margin: 0 auto 6px}
.social-login{margin: 15px -5px 35px}
.social-login>[class*=col]{padding-left: 5px;padding-right: 5px}
[class*=btn-sns], .join-section [class*=btn]{border-radius: 6px}
.social-login .btn{padding: 7px}
.btn-sns-google, .btn-sns-kakao, .btn-sns-naver, .btn-sns-apple {text-align:left; padding:8px 0 8px 55px !important; font-size:14px;}
.btn-sns-google{background:#f1f1f1 url(/design/img/icon/mem_google.png) no-repeat 18px 9px; color: #494949  !important;  border:1px solid #b8b8b8 ;}
.btn-sns-kakao{background:#fae100 url(/design/img/icon/mem_kakao.png) no-repeat 17px 10px !important; color: #494949 !important; margin-bottom:10px;}
.btn-sns-naver{background:#01c73c url(/design/img/icon/mem_naver.png) no-repeat 18px 11px; margin-bottom:10px; }
.btn-sns-apple{background:#515154 url(/design/img/icon/mem_apple.png) no-repeat 19px 6px;}
.join-section .h6{margin: 5px 0 25px}
.join-section [class*=btn]{display: flex;text-align: left;padding-left: 20px;padding-right: 20px;align-items: center}
.icon-arr-link, .icon-arr-link-blk{width: 12px;height: 20px;background-image: url(/design/img/icon/arr_link.png);margin-left: auto}
.icon-arr-link-blk{background-image: url(/design/img/icon/arr_link_blk.png)}
.input-group-email{align-items: center;min-height: 35px;border-color: #999;background: #fff;font-size: 14px;padding: .5em 20px;box-shadow: none !important;font-weight: 700; margin:12px 0}
.input-group-email .form-control{border:0px; min-height: 32px; border-radius: 8px; background: #fff;}
.input-group-email .input-group-text{color: #a1a1a1;padding: 0 4px;background: none;border: 0;font-size: 14px}
.input-group-email .input-group-text+.form-control{z-index: 0}
.input-group-email .btn{height: 45px;border-radius: 2rem !important;width: 115px;margin-left: -35px;font-size: 14px}
.join-term .custom-control{display: inline-block;vertical-align: top}
.join-term>.row{margin-top: 10px;text-align: right}
.join-term .term{height: 60px;border: 1px solid #a1a1a1;padding: 6px;line-height: 1.25;overflow-y: scroll; text-align: left}
.form-member .form-group+.btn{margin-top: 25px}
.form-group .input-group-append{padding-left: 5px}
.form-group .input-group-email{border-radius: 2rem !important; border: 1px solid #999;}

/* charging */
.charging-item{margin-top: 20px;position: relative;display: flex;border: 1px solid #eceded;border-radius: 57px;font-weight: 700}
.charging-item:before{content: '';display: block;height: 112px}
.charging-item.popular:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 57px;border: 2px solid #b14747;pointer-events: none}
.label-popular, .label-rcmd{position: absolute;top: -10px;left: 0;width: 56px;height: 57px;line-height: 57px;background-repeat: no-repeat;z-index: 5;font-size: 16px;font-weight: 900;color: #fff;text-align: center}
.label-popular{background-image: url(/design/img/popular.png)}
.label-rcmd{background-image: url(/design/img/rcmd.png)}
.charging-info{background: #f8f2f3;border-radius: 57px;flex-basis: 60%;max-width: 60%;display: flex;position: relative;padding: 1.5% 7.756%;flex-direction: column;justify-content: center;font-weight: 300;color: #494949}
.charging-info .point{color: #b14747;font-size: 16px;font-weight: 700}
.charging-item .num{font-size: 27px;color: #b14747}
.charging-info .rate{position: absolute;width: 57px;height: 46px;background: url(/design/img/rate.png) no-repeat;text-align: center;font-size: 13px;font-weight: 700;padding-top: 10px;color: #fff;top: 50%;right: 16px;margin-top: -23px}
.popular .rate{background-image: url(/design/img/rate_popular.png)}
.charging-pay{flex: 1;display: flex;align-items: center;justify-content: flex-end;padding: 1.5% 3.579%}
.charging-pay .btn{font-size: 18px;width: 50%;min-width: 50%;padding: 6px;margin-left: 15px}
.charging-pay .price{font-size: 18px;text-align: right;line-height: 1.3}
.charging-pay s{display: block;line-height: 1.1;font-size: 20px;color: #bfbfbf}
.charging-pay small{font-size: .65em;font-weight: 700}
.charging-text{font-size: 10px;text-align: right;margin: 10px 0 50px;color: #999;font-weight: 700}
.charging-link{display: flex;height: 75px;border: 1px solid #a9a9a9;border-radius: 10px;align-items: center;color: #4c5b5c;line-height: 1.35;letter-spacing: -.03em}
[class*=icon-charging]{width: 39%;height: 100%;background-position: 50% 50%}
.icon-charging-app{background-image: url(/design/img/icon/charging_app.png)}
.icon-charging-app{background-image: url(/design/img/icon/charging_app.png)}
.icon-charging-mileage{background-image: url(/design/img/icon/charging_mileage.png)}
.icon-charging-gift{background-image: url(/design/img/icon/charging_gift.png)}
.flat-charging-list .charging-info{text-align: center;flex-basis: 35%;max-width: 35%;padding: 1.5% 0;border-radius: 57px 0 0 57px}
.charging-info .use{font-weight: 900;color: #b14747;font-size: 26px;line-height: 1.2}
.flat-charging{flex: 1;padding: 5px 2.5%}
.flat-charging>li{display: flex;align-items: center;padding: 20px 0}
.flat-charging>li+li{border-top: 1px solid #d9dbdb}
.flat-charging .charging-info{background: none;border-radius: 0;padding: 0;flex-basis: 40%;max-width: 40%;justify-content: space-between;text-align: left;flex-direction: row;align-items: center}
.flat-charging .charging-info .period{font-size: 16px;color: #b14747;line-height: 26px; font-weight: 600; padding: 3px 0}
.flat-charging .charging-info .rate{position: static;background-image: url(/design/img/rate_popular.png);margin: 0;min-width: 57px;margin: 0 10px}
.flat-charging .charging-pay{padding: 0}
.flat-charging .charging-pay .btn{padding: 9px;border-radius: 1.3rem;margin-left: 6.5%}

/* mypage */
.summary{border-radius: 17px;border: 1px solid #cdcdcd;padding: 20px;margin-bottom: 25px}
.summary-header{padding: 35px 2.45%;border-bottom: 1px solid #cdcdcd;margin-bottom: 10px;letter-spacing: -.02em}
.summary-header .h2{margin-bottom: 5px}
.summary-desc>[class*=col]{padding: 2.45%;border-left: 1px solid #cdcdcd;text-align: center}
.summary-desc>[class*=col]:first-child{border-left: 0;text-align: left}
.summary-desc .wrp{display: inline-block;vertical-align: top;text-align: left}
.summary-desc dl{display: flex;align-items: center;line-height: 24px;letter-spacing: -.02em;flex-wrap: nowrap;white-space: nowrap}
.summary-desc dl+dl{margin-top: 5px}
.summary-desc dl dd{font-weight: 800;}
.summary-desc dt{margin-right: 10px;font-weight: 400;color: #d38080}
.summary-desc .h6{margin-left: 10px}
.summary-desc .btn{margin-left: 5px}
.summary-desc .num{font-weight: 700;}
.btn-help{width: 21px;height: 21px;margin-left: 5px;border-radius: 100%;border: 0;background: #f3f3f3;font-size: 12px;color: #a1a1a1;line-height: 21px}
.section-nav{font-size: 0;padding: 20px 0;border-bottom: 1px solid #d9dbdb}
.section-nav .btn{min-width: 120px;font-size: 14px;margin-right: 4px}
.section-nav .btn.active{border-color: #b14747;color: #b14747 !important;pointer-events: none;}

.section-navi{font-size: 0;}
.section-navi .btn{min-width: 90px;font-size: 13px;margin-right: 4px; background-color: #f3f3f3;color: #494949 !important}
.section-navi .btn.active{background-color: #b14747;color: #fff !important;pointer-events: none;}

.btn-rounded-top{border-radius: 6px 6px 0 0;}
.btn-nm{height: 34px; ;padding: 6px 25px ;}


.section-header{padding: 50px 2.98%;line-height: 1.714;color: #999}
.section-header .h2{color: #181818;display: block}
.section-header .h2:not(:first-child){padding-top: 24px}
.section-header .h2:not(:last-child), .section-content .h2{padding-bottom: 15px}
.section-header+.table-block{border-top: 1px solid #d9dbdb}
.section-content{padding: 25px 2.45% 0;border-top: 1px solid #d9dbdb}
.section-content .h2+.h6{margin: -7px 0 15px}
.section-content>section{margin: 25px 0 50px}
.section-content>section:last-child{margin-bottom: 0}
.term{max-height: 400px;margin-bottom: 10px;overflow-y: auto;background: #f3f3f3;padding: 20px;font-size: 12px;line-height: 2;color: #a1a1a1}
.section-bottom{text-align: right;margin-top: 10px}
.section-bottom .btn{min-width: 190px}
.section-content .col-label{font-weight: 700;flex-basis: 115px;max-width: 115px}

.normal-header{line-height: 1.714;color: #999; border-bottom: 1px solid #d9dbdb; padding: 20px 0; margin-left:450px }
.normals-header{line-height: 1.714;color: #999; padding: 20px 0 }
.normal-header .h2{color: #181818;display: block}
.normal-header .h2:not(:first-child){padding-top: 24px}
.normal-header .h2:not(:last-child), .section-content .h2{padding-bottom: 15px}
.normal-header+.table-block{border-top: 1px solid #d9dbdb}

/* ÇìÁö¹æ¾î */
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}



.defense-box  {position:relative; background:#fff; border:3px solid #e45555; box-sizing:border-box; border-radius:20px;  font-family: 'Pretendard-Regular'; }
.defense-box .mong-sad {position:absolute; top:-61px; left:227px; z-index:2;}
.defense-box .defense-close {text-align:right; padding:0 20px 0 0 ;}
.defense-box .tit01 {font-family: 'GmarketSansBold', "Noto Sans KR"; font-size:43px; font-weight:900; color:#333;letter-spacing: -1.5px; line-height:110%; text-align:center; margin-bottom:10px;}
.defense-box .tit-imp {color:#e45555;} 
.defense-box .de-lay {padding:0 40px 30px 40px;} 
.defense-box .de-lay .de-benefit {height:54px; background:#f3f3f3; border:3px solid #000; border-radius:30px; text-align:center; font-size:24px;font-weight:600; line-height:48px;letter-spacing: -1px; margin-bottom:30px;}
.defense-box .de-lay .de-benefit .imp-txt {font-size:30px; color:#e45555}
.defense-box .de-lay .de-img {text-align:center; padding:0 0 20px 0}
.defense-box button {font-family: 'Pretendard-Regular'; font-weight:800; letter-spacing: -0.5px; border-radius:30px; margin-top:12px;outline:none;}
.defense-box button:hover {box-shadow: 2px 4px 10px 1px rgb(0 0 0 / 20%);}
.defense-btn01 {width:100%; height:60px; background:#e45555; border:2px solid #000; font-size:24px; color:#fff; box-sizing:border-box;}
.defense-btn02 {width:100%; height:60px; background:#fff; border:2px solid #a0a0a0; font-size:24px; color:#a0a0a0; box-sizing:border-box; }

.defense-box .defense-type {padding:0 60px; display:none;}
.defense-box .active {display:block}
.defense-box .defense-type .de-txt01 {font-size:17px; color:#333; font-weight:600; margin-bottom:10px; letter-spacing:-0.5px; line-height:130%;}
.defense-box .defense-type .de-txt-b {font-weight:700; }

.defense-box .survey {height:210px; padding:25px 60px 10px 60px; font-size:17px; color:#333; font-weight:600; letter-spacing:-0.5px; line-height:130%; background: url("/design/img/defense_img02.png") no-repeat 370px bottom;}
.defense-box .survey > fieldset {padding-top:15px;}
.defense-box .de-btn {padding:0 30px;} 
.defense-box .de-lay2 .tit02 {font-family: 'GmarketSansBold', "Noto Sans KR"; font-size:34px; font-weight:900; color:#333;letter-spacing: -1.5px; line-height:110%; text-align:center; margin-bottom:10px;}


.defense-radio { width:250px;
  display: block;
  position: relative;
  padding-left: 22px; padding-bottom:5px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.defense-radio input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 13px;
  width: 13px;
  border:1px solid #b3b3b3;
  border-radius: 50%; 
}

/* On mouse-over, add a grey background color */
.defense-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.defense-radio input:checked ~ .checkmark {
  border:none;
  background-color: #e45555;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.defense-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.defense-radio .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: white;
}
.defense-input-txt {width:230px; border:none; border-bottom:1px solid #9f9f9f; outline:none; font-size:16px; font-family: 'Pretendard-Regular'; cursor:pointer; font-weight:600; color:#333}
.defense-input-txt::placeholder {font-size:16px; font-family: 'Pretendard-Regular'; font-weight:600; color:#a0a0a0}

.defense-pw-box {width:400px; padding:10px; background:#e45555;  box-sizing:border-box; border-radius:20px;  font-family: 'Pretendard-Regular'; border:3px solid #333;}
.defense-pw-box .tit {background:#e45555; font-size:20px; color:#fff; font-weight:bold; text-align:center; padding:10px 0;}
.defense-pw-box .pwbox {background:#fff; padding:30px 30px 20px 30px; text-align:center;}
.defense-pw-box .pwbox .pw-inp {width:90%; height: 50px; border: 1px solid #999; border-radius: 7px; background:#f3f3f3;padding:5px; }
.defense-pw-box .pwbox .pw-btn {display:block; width:100px; height:40px; background:#333; font-family: 'Pretendard-Regular'; font-size:16px; font-weight:bold; color:#fff;border-radius: 7px;  margin:15px auto 0 auto; border:0;}

/* contents sale */
.round-box{display: flex;align-items: center;border: 1px solid #d9dbdb;border-radius: 4rem;margin-bottom: 10px;padding: 10px 25px;color: #a1a1a1}
.round-box .wide{flex: 1;padding: 0 3.5%}
.round-box .btn{margin-left: 4.17%}
.comment{text-align: left;font-weight: 700;padding: 0 5%}
.comment .h6{font-weight: 400;margin-top: 1em}

/* coupon */
.coupon-register{background: #f8f2f3;margin: 35px 0;padding: 80px 9.5%;border-radius: 17px;}
.coupon-register .wrp{max-width: 620px;margin: 0 auto}
.coupon-register .h3{margin: 5px 0 25px}
.coupon-register .form-control{height: 50px;border: 2px solid #b14747 !important;border-radius: 7px !important;background: #fff}
.coupon-register .input-group-append{padding-left: 20px}
.coupon-register .btn{border-radius: 7px !important;width: 150px}
.coupon-step{margin-bottom: 35px;border: 1px solid #cdcdcd;display: flex;flex-wrap: wrap;border-radius: 17px;padding: 20px 0}
.coupon-step>.col{padding: 20px 3.5%}
.coupon-step>.col+.col{border-left: 1px solid #cdcdcd}
.coupon-step .h6{margin-top: 5px;line-height: 1.8}

/* board */
.board-srch{display: flex;width: 640px;margin: 35px auto}
.board-srch .input-group{border: 2px solid #b14747;border-radius: 13px;overflow: hidden}
.board-srch .input-group .line{display: block;border-left: 1px solid #a1a1a1;margin: 6px 0}
.board-srch .form-control{border: 0;background: #fff}
.board-srch select.form-control{max-width: 130px;background: url(/design/img/select_red.png) no-repeat center right 10px;-webkit-appearance: none;padding-right: 35px}
.board-srch .icon-srch{background-size: 28px auto;height: 44px}

/* customer */
.section-nav-pills{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 16px}
.section-nav-pills>.btn{width: 110px;font-size: 14px}
.section-nav-pills>.section-nav{border: 0;padding: 0}
.section-nav-pills>.section-nav .btn{margin: 0 2px 2px 0;min-width: 100px}
.collapse-list{border-top: 1px solid #d9dbdb}
.collapse-item{border-bottom: 1px solid #d8dbdb}
.collapse-item .btn{width: 48px;height: 24px; margin-left:5px; border-radius: 4px; padding:4px 10px; font-size:12px; line-height: 14px }
.collapse-link{position: relative;display: flex;padding: 18px 0;line-height: 24px;align-items: flex-start}
.collapse-link:not(.collapsed):before, .collapse.show:before{content: '';position: absolute;top: 0;bottom: 0;left: 50%;width: 10000px;margin-left: -500px;background: #f3f3f3}
.collapse-link>*, .collapse{position: relative}
.collapse-link .txt{flex: 1;display: block;line-height: 24px}
.collapse-link.collapsed .txt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}
.collapse-link:not(.collapsed) .cate, .collapse-link:not(.collapsed) .txt{color: #b14747}
.collapse-link .icon-toggle{height: 24px;margin: 0 2%}
.collapse-link .cate{flex-basis: 148px;max-width: 148px;color: #a1a1a1;padding-left: 30px}
.faq .collapsing{transition: none}
.faq-content{position: relative;padding: 60px 2% 60px 148px;font-weight: 700;font-size: 16px;color: #6f7676;line-height: 24px;border-top: 1px solid #d8dbdb}
.customer-header{padding-bottom: 40px;color: #a1a1a1}
.customer-header .h3{padding-bottom: 5px;font-weight: 900;color: #b14747}
.message-body{padding: 30px 2.983%;background: #f8f2f3;border-radius: 15px;height: 515px;overflow-y:scroll;margin-bottom: 35px}
.message-box{margin-bottom: 25px;display: flex;align-items: flex-start}
.message-box.my{justify-content: flex-end}
.message-profile{font-weight: 900;text-align: center}
.message-profile img{width: 72px;display: block;margin: 0 auto 10px;border-radius: 100%}
.message-bubble{position: relative;margin: 0 25px;background: #fff;border-radius: 0 15px 15px 15px;padding: 15px 25px;font-size: 12px;color: #a1a1a1;max-width: 340px}
.message-bubble:before{content: '';position: absolute;border: 13px solid transparent;border-width: 13px 9px;border-color: #fff #fff transparent transparent;top: 0;right: 100%}
.message-bubble .txt{padding: 15px 0;color: #b14747;font-size: 14px}
.my .message-bubble{border-radius: 15px 0 15px 15px}
.my .message-bubble .txt{color: #494949}
.my .message-bubble:before{left: 100%;border-color: #fff transparent transparent #fff}
.message-form .form-control{height: 85px;border-color: #b14747 !important;background: #fff !important;padding: 15px}
.message-form .btn{width: 165px}
.boardtitle-form .form-control{height: 40px;border-color: #c5c5c5 !important;background: #fff !important;padding: 8px; margin: 10px 0 0 0;}
.boardmessage-form .form-control{height: 300px;border-color: #c5c5c5 !important;background: #fff !important;padding: 15px; margin: 20px 0 0 0;}
.form-board{padding: 75px;font-weight: 700}
.form-board hr{margin: 35px 0}
.form-board .form-control{border-radius: 0.5rem;min-height: 45px}
.form-board .custom-control{font-size: 12px}

/* event */
.card-list{margin-left: -25px;margin-right: -25px}
.card-list>li{padding: 0 25px 40px !important}
.card{border: 0;border-radius: 0;display: block}
.card-image{border-radius: 1rem;width: 100%}
.card .h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 12px 0}

/* card banner */
.card-b-list{margin-left: -25px;margin-right: -25px}
.card-b-list>li{padding: 0 25px 0 !important}
.card-b{border: 0;border-radius: 0;display: block}
.card-b-image{border-radius: 1rem;width: 100%}
.card-b .h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 12px 0}

/* attendance */
.calendar{background: #f3f3f3;padding: 20px}
.calendar-header{display: flex;align-items: center;justify-content: center;line-height: 45px;padding: 20px 0}
.calendar-header .year{font-size: 40px}
.calendar-header .icon-prev, .calendar-header .icon-next{width: 48px;height: 45px;background: url(/design/img/icon/arrow_big.png) no-repeat 50% 50%}
.table-calendar{border-collapse: separate;border-spacing: 0;margin-bottom: 25px}
.table-calendar th{height: 48px;text-align: center;background: #b14747;font-size: 16px;color: #fff}
.table-calendar th+th{border-left: 1px solid #fff}
.table-calendar td{background: #fff;font-size: 16px;font-weight: 700;padding: 0;height: 105px;vertical-align: top;border: 1px solid #b14747;border-top: 0;padding: 1.5%}
.table-calendar td:not(:last-child){border-right: 0}
.table-calendar th:first-child{border-radius: 20px 0 0 0}
.table-calendar th:last-child{border-radius: 0 20px 0 0}
.table-calendar tr:last-child td:first-child{border-radius: 0 0 0 20px}
.table-calendar tr:last-child td:last-child{border-radius: 0 0 20px 0}
.calendar .well{font-size: 12px;line-height: 2;color: #a1a1a1}
.comment-header{display: flex;padding: 0 0 15px;align-items: flex-end;justify-content: space-between}
.comment-wrap{margin-top: 55px}
.comment-wrap .cmtlist{margin-top: 5px}
.comment-wrap .cmtlist>li{padding: 11px 15px;border-bottom: 1px solid #d9dbdb;margin-bottom: 0}
.comment-wrap .cmtlist .nick{color: #b14747;font-size: 14px}
.comment-wrap .cmtlist .talk{padding-left: 15px; color: #494949;font-size: 14px}




/* ÀúÀ۱Ǻ¸È£¼¾ÅÍ */
.cop{line-height: 1;padding: 25px  0 5px}
.cop a{font-size: 18px;font-weight: 800;  margin-left:10px; margin-right: 10px; color:#b14747;}
.cop .ico{display: inline-block;width: 22px;height: 17px;background-image: url(/design/img/icon/arrow.png);vertical-align: middle;padding: 0 0 4px 0;}




/* ·Î±×ÀÎ_Á¤º¸ */
#myview{position: fixed;top: 200px;left: 0;right: 0;bottom: 0;overflow: auto; }
#myview .container{max-width: 300px;position: relative; background-color:#1c1c1c; margin-right: 160px; }

.myview-header, .view-body{min-width: 420px;  }
.myview-header{position: relative;color: #fff;padding-top: 10px; }
.myview-title{display: flex;align-items: center;padding: 2px 0}
.myview-title .title{flex: 1;font-size: 20px;font-weight: 900;line-height: 1.156}
.myview-title .titleh1{flex: 1;font-size: 30px;font-weight: 900;line-height: 1.556; padding: 10px 0 20px;}
.myview-title [class*=icon]{height: 30px;margin-left: 40px}
.icon-close{width: 21px;background-image: url(/design/img/icon/close.png)}
.myview-buttons{display: flex;transform: translateY(0px) ; padding: 10px 0 ; }
.myview-buttons .cate-title{margin-bottom: 32px;line-height: 28px;padding-bottom: 2px;font-size: 15px;font-weight: 900;color: #fff;background: #2e3131;border-radius: 0 0 20px 20px;text-align: center}
.myview-buttons .btn{font-size: 20px;padding-top: 8px;height: 46px; margin-bottom: 10px;  margin-left:20px}
.myview-buttons .btn-primary{width: 400px; margin-left:170px  }
.myview-buttons .btn-outline-white{width: 400px; }
.myview-buttons .btn-secondary{width: 180px;}
.myview-buttons [class*=icon]{width: 20px;height: 23px;margin: -2px 0 0 15px}
.myview-buttons .icon-download{background-image: url(/design/img/icon/download.png)}
.myview-buttons .icon-chk{background-image: url(/design/img/icon/chk_wh.png)}
.myview-body{flex: 1;overflow-y: auto; padding: 10px 0}
.myview-body>.container{background: #fff;border-radius: 30px;padding: 20px}
.sect-title{font-size: 18px;font-weight: 900;padding-bottom: 10px; color:#fff;}
.myview-notice{margin-bottom: 5px;}

.quick{border-radius: 17px;padding: 10px;color:#fff}
.quick-header{padding: 5px 2.45%;border-bottom: 1px solid #cdcdcd;margin-bottom: 5px;letter-spacing: -.02em}
.quick-header .h2{margin-bottom: 5px}
.quick-desc>[class*=col]{padding: 2.45%;border-left: 1px solid #cdcdcd;text-align: center}
.quick-desc>[class*=col]:first-child{border-left: 0;text-align: left}
.quick-desc .wrp{display: inline-block;vertical-align: top;text-align: left}
.quick-desc dl{display: flex;align-items: center;line-height: 24px;letter-spacing: -.02em;flex-wrap: nowrap;white-space: nowrap}
.quick-desc dl+dl{margin-top: 5px}
.quick-desc dt{margin-right: 10px;font-weight: 400;color: #d38080}
.quick-desc .h6{margin-left: 10px}
.quick-desc .btn{margin-left: 5px}
.quick-desc .num{font-weight: 700;font-size: 18px}
.icon-quick{width: 19px;height: 12px;background-image: url(/design/img/icon/quick.png);margin: -3px 0 0 4px}




/* ·Î±×ÀÎ_Á¤º¸*/
.hda-main-side{position: absolute;right: 5px;top: 35%;transform: translateY(-50%)}
.hdb-main-side{position: absolute;right: 5px;top: 75%;transform: translateY(-50%)}
.login{margin-bottom: 0; margin-top: 8px}
.login-fixed{table-layout: fixed;vertical-align: middle}
.login th, .login td{font-size: 11px;padding: 0 0 0 20px ;color: #fff;text-align: center;font-weight: 900;border-color: #d9dbdb;line-height: 13px}
.login thead th{border-bottom: 1px solid #fff}
.login th{color: #fff;font-weight: 900}
.login td{border-top: 0;font-size: 13px;letter-spacing: -.02em}
.login td span{font-size: 9px; color: #fff;}



/* 2020.11.09 */
/* view ¼öÁ¤ */

#view{position:  fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: auto; background: rgba(0,0,0,.96); }
#view .container{max-width: 900px;position: relative; left:-6%; }
#view .view-header>.container{left:0;}
.view-header>.container{background: #494949;padding: 15px 30px;}
.view-header, .view-body{min-width: 900px; }
.view-header{flex: 1;overflow-y: auto;  color: #fff;z-index: 99}
.view-body{flex: 1;overflow-y: auto; margin-top:30px }
.view-body>.container{background: #fff; border-radius: 20px; margin-top:5px}

/* view header ¼öÁ¤ 1215 */
.view-header0>.container{background: #b14747;padding: 15px 30px;  }
.view-header0, .view-body0{min-width: 900px; }
.view-header0{flex: 1;overflow-y: auto; margin-top:0px; color: #fff;z-index: 99}
.view-body0{flex: 1;overflow-y: auto; }
.view-body0>.container{background: #fff; border-radius: 0 0 30px 30px;}
.view-fix{position: fixed;top: 0;left: 0;right: 16px;bottom: 0; height:70px}
/* view header ¼öÁ¤ 1215 */



.media-profile{align-items: center;font-size: 15px;font-weight: 900;white-space: nowrap}
.media-profile>img{width: 30px;margin: 10px 10px 10px 0}

.dsc-view{display: inline-flex;align-items: center;font-size: 15px;font-weight: 900;margin-left: 25px}
.dsc-view dt{font-size: 13px;color: #ffbebe;padding-right: 14px}
.view-title{display: flex;align-items: center;padding: 5px 0}
.view-title .title{flex: 1;font-size: 18px;font-weight: 700;line-height:22px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.view-title .titleh1{flex: 1;font-size: 30px;font-weight: 900;line-height: 1.556; padding: 10px 0 20px;}
.view-title [class*=icon]{height: 30px;margin-left: 40px}
.view-title .icon-like{width: 24px;background-size: 100% auto}
.icon-close{width: 21px;background-image: url(/design/img/icon/close.png)}
.file-table{text-align: center;border-width: 1px 0;font-weight: 900; border-bottom: 1px solid #eaeaea;}

.file-table th{padding: 15px 0 5px;font-size: 13px;color: #b8b7b7;font-weight: 900}
.file-table td{font-size: 13px;color: #515151;background-color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.file-table thead{background-color:#fff;  }

.file-table td.text-left{padding: 0 30px 6px}
.file-table td.text-center{padding: 0 0 6px}/* view ¼öÁ¤ */
.file-table tbody tr:last-child td{padding-bottom: 10px; }
.file-table tbody tr:first-child td{padding-top: 10px;}/* view Ãß°¡ */

.view-buttons{display: flex;justify-content: space-between;transform: translateY(0px);padding: 12px 30px 20px;}
.view-buttons .cate-title{margin-bottom: 32px;line-height: 28px;padding-bottom: 2px;font-size: 15px;font-weight: 900;color: #fff;background: #2e3131;border-radius: 0 0 20px 20px;text-align: center}
.view-buttons .btn{width: 32%;font-size: 20px;padding-top: 13px;height: 56px;border-radius:3px}

.view-buttons .btn-primary{width: 260px;}
.view-buttons .btn-light{width: 260px;}
.view-buttons .btn-secondary{width: 260px;}
.view-buttons .btn-outline-primary{width: 260px;border-color: #b14747 !important;}
.view-buttons .btn-gray{width: 260px;  }
.view-buttons .btn-outline-gray{width: 260px;}
.btn-outline-gray{border-color: #dfdfdf;color: #dfdfdf !important}
.btn-gray{border-color: #dfdfdf !important;background: #dfdfdf !important}
.view-buttons [class*=icon]{width: 25px;height: 23px;margin: -2px 0 0 15px}
.view-buttons .icon-download{background-image: url(/design/img/icon/download.png)}
.view-buttons .icon-chk{background-image: url(/design/img/icon/chk_wh.png)}
.view-buttons .icon-pl{background-image: url(/design/img/icon/streaming-pri.png)}
.view-buttons .icon-pl-gr{background-image: url(/design/img/icon/streaming-gr.png)}



/* view buttons ¼öÁ¤ 1215 */
.view-buttons0{display: flex;transform: translateY(0px) ; padding: 12px 0 ; bottom:0; background-color:rgba(0,0,0,0.8); position: fixed;min-width: 900px;z-index: 2000;}
.view-buttons0 .cate-title{margin-bottom: 32px;line-height: 28px;padding-bottom: 2px;font-size: 15px;font-weight: 900;color: #fff;background: #2e3131;border-radius: 0 0 20px 20px;text-align: center}
.view-buttons0 .btn{font-size: 20px;padding-top: 8px;height: 46px;   margin-left:20px; }

.view-buttons0 .btn-primary{width: 172px; margin-left:150px  }
.view-buttons0 .btn-light{width: 172px;}
.view-buttons0 .btn-secondary{width: 172px;}
.view-buttons0 [class*=icon]{width: 25px;height: 23px;margin: -2px 0 0 15px}
.view-buttons0 .icon-download{background-image: url(/design/img/icon/download.png)}
.view-buttons0 .icon-chk{background-image: url(/design/img/icon/chk_wh.png)}
.view-buttons0 .icon-pl{background-image: url(/design/img/icon/streaming.png)}
/* view buttons ¼öÁ¤ 1215 */
.view-buttons0 .btn-bottom {width:100%}


.down-buttons [class*=icon]{width: 19px;height: 12px;margin: -2px 0 0 15px}
.down-buttons .down{font-size: 20px;height: 12px; margin-bottom: 15px;  margin-left:48%;}
.down-buttons {display: flex;transform: translateY(0px) ; padding:  2px 0 ; }/* view ¼öÁ¤ */
.icon-down{cursor:pointer; background-image: url(/design/img/icon/toggle.png)}
.icon-up{cursor:pointer; background-image: url(/design/img/icon/toggle.png);transform: scaleY(-1)}

.view-button-prev, .view-button-next{position:fixed;width: 42px;height: 77px;background: url(/design/img/icon/arr_wh_big.png);top: 600px;font-size: 0;line-height: 0;color: transparent; }
.view-button-prev{left: 75%;transform: scaleX(-1) }
.view-button-next{right: 75%;}

.view-sect-title{font-size: 20px;font-weight: 700;padding-bottom: 10px; color:#b14747; margin-left:30px}
/*
.view-fileimg{margin-bottom: 20px;padding: 30px 35px 60px ; width: 100%; text-align: center}
*/
.view-fileimg{padding: 0 35px 20px; width: 100%;text-align: center}
.bot_notice{padding:0 35px 50px;}
.bot_notice .notice_txt{padding:20px; font-size:12px; line-height:20px; text-align:center; color:#444; background:#f7f7f7;}

.view-uplistbox .badge00{min-width: 50px;margin-left: 15px}
.view-uplistbox{margin-bottom: 35px; padding: 70px 0 30px; border-top: 1px solid #ededed;}
.view-uplist{margin-bottom: 65px; }
.view-uplist .badge{padding: 3px 4px 1px;min-width: 50px;margin-left: 15px}
.view-uplist .table th{padding: 0;border: 0;font-size: 13px;font-weight: 400;color: #8c8c8c}
.view-uplist .table td{padding: 12px;height: 60px;vertical-align: middle;color: #8c8c8c}
.view-uplist .tit{display: block;text-align: left;font-size: 16px;font-weight: 900;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000}
.cmtbox{margin-bottom: 35px;padding: 30px 25px 25px 55px;border: 2px solid #ececec;border-radius: 15px}
.cmtbox .nick{font-size: 18px;font-weight: 900}
.cmtbox .frm{display: block;width: 100%;border: 0;margin: 15px 0 10px}
.btn-cmt{font-size: 15px;font-weight: 900;color: #ff3333;border: 0;background: none}
.btn-cmt:after{content: '';display: inline-block;vertical-align: middle;width: 19px;height: 13px;background: url(/design/img/icon/chk2.png) no-repeat;margin-left: 10px}

.cmtlist>li{display: flex;margin-bottom: 20px;font-size: 13px;color: #aaa7a7;padding-right: 15px}
.cmtlist .nick{flex-basis: 150px;max-width: 150px;font-size: 15px;font-weight: 900;color: #010101}
.cmtlist .talk{font-size: 15px;color: #010101;flex: 1}
.cmtlist .time{margin-right: 35px}


.view-table{margin-bottom: 0}
.view-table th, .table td{font-size: 14px;padding: 12px 5px;color: #494949;text-align: center;font-weight: 400;border-color: #d9dbdb;line-height: 16px}
.view-table thead th{border-bottom: 1px solid #d9dbdb; border-top: 1px solid #d9dbdb}
.view-table th{color: #999;font-weight: 700}
.view-table td{border-top: 0;border-bottom: 1px solid #d9dbdb;font-size: 14px;letter-spacing: -.02em}

.view-table .chk{width: 41px;padding-left: 2.45%;padding-right: 0}
.view-table .nodata{background: #f3f3f3;color: #999;height: 100px;vertical-align: middle}
.view-table .text-truncate{display: block;text-align: left}

.view-table tr>.text-left{padding-left: 10px}
.view-table tr>.text-right{padding-right: 2.45%}

.view-content-list{border-top: 1px solid #eceded}
.view-content-list>li{position: relative;border-bottom: 1px solid #eceded}



.view-content-item{position: relative;display: flex;align-items: center;height: 38px;font-size: 12px}
.view-content-item>*, .ctit{min-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}


.view-content-item>.pay, .view-content-item>.byte, .view-content-item>.name, .view-content-item>.cate{max-width: 60px;flex-basis: 60px;font-weight: 300;color: #494949;text-align: center}
.view-content-item>.name{max-width: 17%;flex-basis: 17%}
.view-content-item>.ctitle{display: block;flex: 1;padding-right: 10px}
.view-content-item>.cate{max-width: 8.35%;flex-basis: 8.35%}
.view-content-item>.cate+.ctitle{padding-left: 10px}
.view-content-item>.chk{padding: 0 2.98% 2px}
.view-uplistbox .badge{padding: 3px 4px 1px;min-width: 50px;margin-left: 15px}
.view-message-form .form-control{height: 53px;border-color: #f7f7f7 !important;background: #f7f7f7 !important;padding: 15px; }
.view-message-form .btn{width: 67px;height: 53px; margin-left:5px}

.mar_bot10{ margin-bottom:10px}
.mar_bot20{ margin-bottom:20px}
.mar_bot30{ margin-bottom:30px}
.mar_bot40{ margin-bottom:40px}

.mar_left20{ margin-left:20px}
.mar_left25{ margin-left:25px}
.mar_left30{ margin-left:30px}
.mar_left40{ margin-left:40px}

.view_re .collapsing{transition: none}
.view_re-content{position: relative;font-weight: 700;font-size: 14px;color: #6f7676;line-height: 24px;border-top: 1px solid #d8dbdb}

.view-collapse-link{position: relative;display: flex;padding: 5px 0;line-height: 24px;align-items: flex-start}
.view-collapse-link:not(.collapsed):before, .collapse.show:before{content: '';position: absolute;top: 0;bottom: 0;left: 60%;background: #fff; width:780px; margin-left: -500px;}

.view-collapse-link>*, .collapse{position: relative}
.view-collapse-link .txt{flex: 1;display: block;line-height: 24px; color:#606060}
.view-collapse-link.collapsed .txt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}
.view-collapse-link:not(.collapsed) .cate, .collapse-link:not(.collapsed) .txt{color: #b14747}
.view-collapse-link .icon-toggle{height: 24px;margin: 0 2%}
.view-collapse-link .cate{flex-basis: 128px;max-width: 128px;color: #2e2e2e;padding-left: 10px}
.view-collapse-link .time{margin-right: 5px; margin-left:5px; min-width:42px }


.view-message-coll{display: flex;width: 82%;margin: 15px 5px 15px 120px; height: 42px }
.view-message-coll .input-group{border: 1px solid #f7f7f7;border-radius: 6px;overflow: hidden; }
.view-message-coll .input-group .line{display: block;border-left: 1px solid #a1a1a1;margin: 6px 0}
.view-message-coll .form-control{border-color: #f7f7f7 !important;background: #f7f7f7 !important;height: 42px; font-size:12px; line-height: 16px ; padding:6px }
.view-message-coll .btn{width: 60px; padding:14px 0; font-size: 14px;border-radius: 6px;height: 42px }

.view-collapse-link .badge{padding: 3px 4px;min-width: 50px;margin-left: 1px;font-size:10px; background-color:#b14747; color:#FFFFFF; line-height: 16px  }

.move_viewpage .m_btn{position:fixed;top:470px;width:84px;height:250px;text-indent:-9999px;background:url(/design/img/icon/arr_wh_big.png) no-repeat;cursor:pointer}
.move_viewpage .m_btn.prev{background-position:0 0;top:470px;left:calc(50% - 550px)}
.move_viewpage .m_btn.next{background-position:0 0;right:calc(50% - 540px) ;transform: scaleX(-1)}

.content > img {width: auto; height: auto; max-width: 820px;}

.view-info{position: relative;right:0;top:0; height:86px; padding:20px 0;background-color: #f8f8f8 }
.v-info{margin-bottom: 0}
.v-info-fixed{table-layout: fixed;vertical-align: middle}
.v-info th, .v-info td{font-size: 13px;padding: 5px 0 0 0px ;color: #333333;text-align: center;font-weight:700;border-color: #d9dbdb;line-height: 13px}
.v-info thead th{border-bottom: 1px solid #898989}
.v-info th{color: #898989;font-weight: 700}
.v-info td{border-top: 0;font-size: 15px;letter-spacing: -.02em ; padding-top:10px;}
.v-info td span{font-size: 13px; color: #333333;}

/* payment */
.payment-point{padding: 36px;font-weight: 700}
.payment-point hr{margin: 35px 0}
.payment-item{margin-top: 20px;position: relative;display: flex;border-bottom: 1px solid #eceded;font-weight: 700}
.payment-item:before{content: '';display: block;height: 112px}

.payment-info{background: #fff;flex-basis: 250px;max-width:250px;display: flex;position: relative; flex-direction: column;justify-content: center;font-weight: 300;color: #494949; margin-top: 10px;}
.payment-info .point{color: #b14747;font-size: 16px;font-weight: 700}
.payment-item .num{font-size: 49px;color: #b14747; font-weight: 900}
.payment-info .rate{position: absolute;width: 57px;height: 46px;background: url(/design/img/rate00.png) no-repeat;text-align: center;font-size: 13px;font-weight: 700;padding-top: 10px;color: #fff;top: 50%;right: 16px;margin-top: -23px}

.payment-total{background: #fff;flex-basis: 120px;max-width:120px;display: flex;position: relative; line-height: 30px; flex-direction: column;justify-content: center;font-weight: 300;color: #494949}
.payment-total .point{color: #b14747;font-size: 16px;font-weight: 700}
.payment-total .rate{position: absolute;width: 57px;height: 46px;background: url(/design/img/rate00.png) no-repeat;text-align: center;font-size: 13px;font-weight: 700;padding-top: 10px;color: #fff;top: 50%;right: 16px;margin-top: -23px}


.payment-pay{flex: 1;display: flex;align-items: center;justify-content: flex-end;padding: 1.5% 3.579%}
.payment-pay .btn{font-size: 12px;width: 25%;min-width: 25%;margin-left: 15px}
.payment-pay .price{font-size: 18px;text-align: right;line-height: 1.3; }
.payment-pay s{display: block;line-height: 1.1;font-size: 26px;color:#4c4c4c}
.payment-pay small{font-size: .65em;font-weight: 700}
.payment-pay .rate{position: absolute;width: 48px;height: 39px;background: url(/design/img/rate00.png) no-repeat;text-align: center;font-size: 13px;font-weight: 700;padding-top: 10px;color: #fff;top: 18%;right: 160px;margin-top: -23px}
.payment-benefit{flex: 1;display: flex;align-items: center;justify-content: flex-start;margin: 25px 0 0 15px; }
.payment-benefit .btn{font-size: 12px;width: 66px;min-width: 66px; margin-right: 15px; padding: 0 6px;height: 18px; line-height: 16px;}
.payment-benefit .price{font-size: 18px;text-align: right;line-height: 1.3; }
.payment-benefit s{display: block;line-height: 1.1;font-size: 26px;color:#4c4c4c}
.payment-benefit small{font-size: .65em;font-weight: 700}
.payment-benefit .rate{position: absolute;width: 48px;height: 39px;background: url(/design/img/rate00.png) no-repeat;text-align: center;font-size: 13px;font-weight: 700;padding-top: 10px;color: #fff;top: 18%;right: 160px;margin-top: -23px}
.payment-benefit .compo {margin :2px 15px}
.payment-text{font-size: 16px;text-align: left;color: #999;font-weight: 700; margin-left:8px}
.payment-text:before{content: '';position: absolute;width: 5px;height: 5px;background: #999999;border-radius: 100%;left:0;top:12px}
.payment-link{display: block;width: 112px;height: 112px;border-radius: 10px;align-items: center;color: #4c5b5c;  background-color:#eeeeee; text-align: center; margin-bottom: 10px; }
[class*=icon-payment]{width: 100%;height: 75%;background-position: 50% 50%;}
.icon-payment-mobile{background-image: url(/design/img/icon/pay_mobile.png)}
.icon-payment-card{background-image: url(/design/img/icon/pay_card.png)}
.icon-payment-culture{background-image: url(/design/img/icon/pay_culture.png)}
.icon-payment-deposit{background-image: url(/design/img/icon/pay_deposit.png)}
.icon-payment-happy{background-image: url(/design/img/icon/pay_happy.png)}
.icon-payment-book{background-image: url(/design/img/icon/pay_book.png)}
.icon-payment-transfer{background-image: url(/design/img/icon/pay_transfer.png)}
.icon-payment-kpay{background-image: url(/design/img/icon/k_pay.png)}
.icon-payment-toss{background-image: url(/design/img/icon/toss_pay.png)}
.icon-payment-mileage{background-image: url(/design/img/icon/mileage_pay.png)}
.flat-payment-list .payment-info{text-align: center;flex-basis: 35%;max-width: 35%;padding: 1.5% 0;border-radius: 57px 0 0 57px}
.payment-info .use{font-weight: 900;color: #b14747;font-size: 26px;line-height: 1.2}

/* ¸¶Àϸ®Áö Æ˾÷ */
.mileage_pop {width:782px; background:#fff; }
.mileage_pop .mileage_tit {font-size:24px; font-weight:bold; color:#000; text-align:center; padding:20px 0;}
.mileage_pop .card_set {display: flex;  flex-wrap: wrap; background:#f4f4f4; border-radius:20px; padding:20px 20px 5px 20px;}
.mileage_pop .card_set .card_box {width:25%; text-align:center; cursor:pointer; margin-bottom:15px;}
.mileage_pop .card_set .card_box img {border-radius:10px; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, .2);}
.mileage_pop .card_set .card_box img:hover { transition-duration: 0.4s; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, .4);} 
.mileage_pop .how_to {font-family: 'NanumGothic'; color:#666; font-weight:600; margin-top:30px; }
.mileage_pop .how_to p:first-child {font-size:16px; color:#000; margin-bottom:5px; font-weight:bold;}
.mileage_pop .how_to p a:hover {text-decoration:underline;}

.mar_rig3 { margin-right:3px}
.mar_rig5 { margin-right:5px}
.mar_rig10 { margin-right:10px}
.mar_rig17 { margin-right:17px}
.mar_rig20 { margin-right:20px}
.mar_rig25 { margin-right:25px}
.mar_rig30 { margin-right:30px}

.mar_top20{ margin-top:20px}
.mar_top30{ margin-top:30px}
.mar_top40{margin-top:40px;}

.mar_top5{ margin-top:5px}
.mar_top10{ margin-top:10px}

/* Ã⼮üũÀ̺¥Æ® */
.day_info  {width:161px; height:194px;  text-align:center; position:absolute; bottom:0px; right:32.5%;  z-index:200; }
.day_info li {list-style:none; width:100%;text-align:center; font-weight:bold; }

.day_info .txt2 {line-height:40px;  font-size:2.5em; letter-spacing:-1px;color:#ea2616}



/* ÆǸÅÀÚ½Åû */

.font-900{font-weight:900;}
.font-900{font-weight:900;}
.test-center{text-align: center;}
.text-primary-bd{color: #b93b3b !important; font-weight:900; }
.text-primary-bd{color: #b93b3b !important; font-weight:900; }

.summary-header-noline{padding: 15px 2.45%;letter-spacing: -.02em}
.summary-header-noline .h2{margin-bottom: 5px}
.section-header-bts{padding: 20px 2.98%;line-height: 1.714;color: #999}



.bts{ padding: 6px 18px;border-radius: 2em;font-size: 16px;line-height:16px;text-align: center;font-weight: 900;box-shadow: none !important;color: #fff !important}


.table-fixed-dm{table-layout: fixed;vertical-align: middle; width: 94%; margin: 0 auto; }
.table2{margin-bottom: 0; margin-bottom:10px;}
.table2 th, .table2 td{font-size: 18px;padding: 17px 5px;color: #494949;text-align: center;font-weight: 700;border-color: #d9dbdb;line-height: 20px}
.table2 thead th{border-left: 2px solid #fff; color: #494949;}
.table2 th{color: #999;font-weight: 700}
.table2 td{border-top: 0;border-bottom: 2px solid #ececec;font-size: 18px;letter-spacing: -.02em}
.table2 i {margin:0 10px 0 50px;}

.bg-light{background: #ececec !important}

.icon-bronze{width: 35px;height: 42px;background-image: url(/design/img/icon/bronze.png);}
.icon-silver{width: 35px;height: 41px;background-image: url(/design/img/icon/silver.png); }
.icon-gold{width: 35px;height: 41px;background-image: url(/design/img/icon/gold.png);}
.icon-Diamond{width: 35px;height: 41px;background-image: url(/design/img/icon/Diamond.png); }

.icon-modal-close-right{position: absolute;top: 25px;right: 25px;width: 20px;height: 21px;background-image: url(/design/img/icon/modal_close.png)}


/* Á¤Ã¥º¸±â ·¹À̾î*/
.form-seller{font-weight: 700}
.form-seller hr{margin: 35px 0}
.form-seller .form-control{border-radius: 2rem;min-height: 45px}
.form-seller .custom-control{font-size: 12px}
.seller-header{background: #b14747;padding: 10px 35px;border-radius: 18px 18px 0 0}
.seller-title{padding:15px 0; text-align: left;font-size: 21px;color: #fff;  }
.seller-sub-title{padding:15px 0; text-align: left;font-size: 18px;color: #b14747;font-weight: 800  }
.seller-content{padding: 35px;font-weight: 700}


.table-fixed-ds{table-layout: fixed;vertical-align: middle; width: 100%; margin: 0 auto; }
.table3{margin-bottom: 0; margin-bottom:10px;}
.table3 th, .table3 td{font-size: 15px;padding: 10px 5px;color: #494949;text-align: center;font-weight: 700;border-color: #d9dbdb;line-height: 20px}
.table3 thead th{border-left: 2px solid #fff; color: #494949;}
.table3 th{color: #999;font-weight: 700}
.table3 td{border-top: 0;border-bottom: 2px solid #ececec;font-size: 15px;letter-spacing: -.02em}
.table3 i {margin:0 10px 0 10px;}


.htable{margin-bottom: 0; margin-bottom:10px;}
.htable th, .htable td{font-size: 14px;padding: 10px 5px;color: #494949;text-align: center;border-color: #d9dbdb;line-height: 20px;  }
.htable thead th{border-left: 2px solid #fff; color: #494949;}
.htable th{color: #5b5b5b;font-weight: 700; background-color:#ececec;border: 1px solid #a1a1a1;}
.htable td{border-top: 0;border: 1px solid #a1a1a1;color: #5b5b5b;font-size: 12px;letter-spacing: -.02em; font-weight: 600;}
.htable i {margin:0 10px 0 10px;}



.icon-modal-close-right{position: absolute;top: 25px;right: 25px;width: 20px;height: 21px;background-image: url(/design/img/icon/close.png)}


/* 201105 Ãß°¡ */
/* swiper */
.swiper-slide img{width: 100%}
.swiper-pagination{line-height: 0;  margin:5px; position: absolute;}
.swiper-pagination-bullet{width: .5rem;height: .5rem;background: #494949; margin: 3px}
.main-swiper .swiper-pagination{position: absolute;padding-left: 9.7222%;right: auto;text-align: left}
/* 201105 Ãß°¡ */

/* ÀúÀÛ±Ç º¸È£¼¾Å¸ */
#copyright_layer{position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: auto;background: rgba(0,0,0,.9)}
#copyright_layer .container{max-width: 975px;position: relative}

#mediate_layer{position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow: auto;background: rgba(0,0,0,.9)}
#mediate_layer .container{max-width: 975px;position: relative}



/* 201109 ¼öÁ¤ 220323 ¼öÁ¤*/
.content-title{padding: 0 10px 0 0;position: relative;font-size: 26px;color: #181818;font-weight: 900}

.content-category>li{padding:0 6px;margin-top: -1px; }
.content-category>li>a:not(.badge){position: relative;display: block;text-align: center;font-size: 14px;color: #000;letter-spacing: -.06em;line-height: 16px;border: 2px solid #fff;padding: 2px 18px; border-radius: 30px;margin-top:7px}
.content-category>li.active>a{z-index: 1;color: #b14747;border-color: #b14747;background: #fff;}


.cate-list [class*=icon]{margin: 0 14px 0 4px;width: 31px;height: 34px; }
.cate-list a{display: flex;margin-bottom: 17px;align-items: center;height: 32px;color: #000;font-size: 16px;font-weight: 700;background: #fff;border-radius: 20px}
.cate-list a:hover{color: #b14747}
.cate-list .active a{color: #b14747; font-weight: 900;}



/* 201109 Ãß°¡ */

.cate-sub{border-top: 1px solid #d9dbdb; padding:20px 0 0}
.cate-sub a{display: flex;margin-bottom: 10px;align-items: center;height: 32px;color: #969696;font-size: 14px;font-weight: 900;background: #fff;}
.cate-sub [class*=icon]{margin: 0 12px 0 8px;width: 22px;height: 25px; }
.icon-down00{background-image: url(/design/img/icon/down00.png);}
.icon-zzim{background-image: url(/design/img/icon/zzim.png);}
.icon-request{background-image: url(/design/img/icon/request.png)}
.icon-subs{background-image: url(/design/img/icon/subs.png);}

.cate-cs{ padding:20px 0 20px ; text-align: center;border-top: 1px solid #d9dbdb;}
.cate-cs a{display: flex;margin-bottom: 5px;align-items: center;height: 35px;color: #969696;font-weight: 900;background: #fff;}
.cate-cs [class*=icon]{margin: 0 4px 0 0;width: 22px;height: 21px; }
.icon-cs{background-image: url(/design/img/icon/cs.png);}
.text-a {font-size: 13px; font-weight: 900; letter-spacing:-1px; color: #969696; margin-right:9px;  }
.text-b {font-size: 21px; font-weight: 900;letter-spacing:-0.8px; color: #969696;margin-right:9px;}
.text-c {letter-spacing:-0.8px; margin-right:9px; text-align: center; }
.text-d {font-size: 14px; font-weight: 800;letter-spacing:-1px; color: #969696;margin-right:9px;}
.mar_top10{ margin-top:10px}
.mar_top5{ margin-top:5px}
.mar_left17{ margin-left:17px}
.mar_left10{ margin-left:10px}
.mar_10{ margin-left:18px; margin-right: 3px}
.btn-sh{font-size: 13px;padding: 2px 12px;height: 24px}



/*¾ÆÀ̵ð_ºñ¹øã±â*/

.table_dep {clear:both; width:100%; margin:0 auto;display:inline-table; padding: 20px 16px }

.table_dep .col-label2{font-weight: 700;flex-basis: 90px;max-width: 90px; font-size:16px; line-height:40px; color: #717171; }
.table_dep .col-label3{font-weight: 700;flex-basis: 128px;max-width:128px; font-size:16px; line-height:40px; color: #717171; }
.table_dep .col-label4{font-weight: 700;flex-basis: 80px;max-width:80px; font-size:16px; line-height:40px; color: #717171; }
.table_dep .col1 .form-control {font-weight: 600;flex-basis: 430px;max-width: 430px; font-size:14px; min-height: 30px; }
.table_dep .col2 {font-weight: 700;flex-basis: 30px;max-width: 30px; font-size:22px; }
.table_dep .col3 {font-weight: 700;flex-basis: 100px;max-width: 100px; font-size:16px; }
.table_dep .col4 .form-control {font-weight: 800; font-size:12px; min-height: 21px; line-height:19px; }
.table_dep .col5 .form-control {font-weight: 800;flex-basis: 380px;max-width: 380px; font-size:12px; min-height: 25px; line-height:21px; }

.modalFind_reset .col-label3{flex-basis: 30%;max-width: 30%;}
.modalFind_reset .col5{flex-basis: 70%;}
.modalFind_reset .col5 input{max-width: 100%;}

.termW{max-height: 100px;margin-bottom: 10px;overflow-y: auto;background: #fff;padding: 10px 20px;font-size: 13px;line-height: 2;color: #a1a1a1; border: 1px solid #a1a1a1; width:520px; }

.termW ul li.id {float:left; width:335px; text-align:left; font-weight:bold; }
.termW ul li.id_date {float:right; width:125px; text-align:left; color:#666; }

.content-titleN{ position: relative;font-size: 20px;color: #a1a1a1;font-weight: 800;margin: 30px 0 0 0; padding: 0 18px; }
.content-titleN:before{content: '';position: absolute;width: 8px;height: 8px;background: #b14747;border-radius: 100%;left: 5px;top: 0}

.section-bott{text-align:center;margin-top: 10px}
.section-bott .btn{min-width: 160px}

.table-depB{padding: 10px 0;display: flex;align-items: left; }
.table_depB .col-label2{font-weight: 700;flex-basis: 120px;max-width: 120px; font-size:16px; line-height:40px; color: #717171; }
.table-depB .form-control, .list-header .form-control{background-color: #fff;height: 24px;min-height: 0;font-size: 12px;padding: 1px 8px}
.table-depB select.form-control, .list-header select.form-control{padding-right: 25px;background-position: center right 8px;}

.input_radio {width:18px; height:18px; line-height:20px; background:#fff;  vertical-align:middle; margin-right:15px;}


/* lOGINÈÄ Ãß°¡ */
.hd-login{display: inline-flex;align-items: center;font-size: 15px;font-weight: 900;margin-left: 15px; }
.hd-login dt{font-size: 12px;color: #f6c7c7;padding-right: 5px}
.hdm-login{display: inline-flex;align-items: center;font-size: 14px;margin-left: 15px}
.hdm-login dt{font-size: 17px;color: #f6c7c7;padding-right: 5px; font-weight: 900;}
.btn-ssm{font-size: 10px;padding: 2px 10px;height: 23px; max-width:86px}
.text13{font-size: 13px}



/* Áö½ÄÀÎÀ̺¥Æ® */

.in-event{padding:10px 41px}

.keyword{display: flex;align-items: center;margin-bottom: 20px;font-size: 18px;font-weight: 900;color: #5d5d5d;flex-wrap: wrap}
.keyword-category{flex-basis: 100%;width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap; }
.keyword-category>li{flex-basis: 16%;max-width: 16%;margin-top: -1px; margin-left:5px}
.keyword-category>li>a:not(.badge){position: relative;display: block;text-align: center;font-size: 13px;color: #000;letter-spacing: -.06em;line-height: 15px;border: 2px solid #f4f4f4;background-color:#f4f4f4;  border-radius: 30px;margin-top:7px;color: #5d5d5d; padding:6px 0 }

.keyword-category>li:nth-child(8n)>a, .keyword-category>li:first-child>a{margin-left: 0}


.img4 { width:980px; height:180px; position:relative; }
.img4 .img4_wrap { display:inline-block; top:0; left:0; right:0; bottom:0; margin:auto; position:absolute; width:350px; height:77px; margin-top:40px; margin-left:167px; }
.img4 .img4_wrap input { width:350px; height:35px; border-radius:3px; box-sizing:border-box; padding-left:5px; display:inline-block; border:1px solid #c8c8c8; }
.img4 .img4_wrap input.input1 { margin-bottom:6px;  }
.img4 .img4_wrap input.input2 {  }

.img4 .img4_btn { background:#f37878; display:inline-block; width:144px; height:76px; border:1px solid #f37878; box-sizing:border-box; color:#fff; font-size:15px; font-family:µ¸¿ò; letter-spacing:-1px; font-weight:bold; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border-radius:3px; margin-top:40px; margin-left:533px; cursor:pointer; }

.img5 { width:980px; padding:0 0 30px 0 }
.img5 div.total {position:relative; top:40px;left:18px; display:inline-block; margin-bottom:1px;}
.img5 div.total li {float:left; margin-right:20px; color:#424242; }
.img5 div.total li strong {color:#f37878;}

.img5 table { position:relative; text-align:center; width:800px; top:50px; margin:0 10px; border:1px solid #c8c8c8; }
.img5 table th { background:#ededed; padding:10px 0; font-family:'¸¼Àº °íµñ',dotum,µ¸¿ò; color:#4f4c4c; letter-spacing:-1px;}
.img5 table td { padding:12px 20px ; border-top:1px solid #d9d9d9; color:#777877; background:#fff;}
.img5 table td a {color:#777877;}
.img5 table td strong {font-weight:normal; color:#f37878;}
.img5 table td b {font-weight:normal; color:#fc5308;}
.img5 table .url { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; width:400px;}
.img5 table td.paging a {display:inline-block; margin:0 10px; font-weight:bold;}
.img5 table td.paging a:hover {color:#f37878;}
.img5 table td.paging a.on { color:#f37878;}


.mar_right100{ margin-right:100px; margin-left:100px}
.mar_right350{ margin-right:350px; margin-left:350px}




.thumadult{z-index:2; position:absolute;max-width: 7%;flex-basis: 7%; margin-left:-32px;  }

.view-exp{position: relative;right:0;top:0; height:96px; padding:16px 0; background-color: #fff4e8; text-align:center; font-size : 13px; font-weight:900; color:#4e4e4e; line-height: 15px}
.view-exp [class*=icon]{width: 14px;height: 14px;margin: 0 5px 0 20px ; }
.icon-notice{background-image: url(/design/img/icon/ex_notice.png)}
.view-exp .btn{font-size : 13px; font-weight:800; padding:2px 12px;border-radius: 1px; margin-top:12px;}
.exp-close { position: absolute; top :72px; right: 20px; color:#777777}
.exp-close [class*=icon]{width: 14px;height: 13px;margin: 0 5px 0 5px }
.icon-exclose{background-image: url(/design/img/icon/ex_close.png);width: 14px;height: 13px;}




/* ³»°¡º»À¥Å÷°ü·Ã */
.board0-srch{display: flex;margin-top: 35px; height: 40px ;  border-bottom-color: #b14747 !important ; margin-bottom:8px; justify-content: flex-end; }
.board0-srch .input-group{border: 2px solid #b14747;border-radius: 13px;overflow: hidden; width: 230px; height: 32px;}
.board0-srch .form-control{border: 0;background: #fff;  min-height:32px;font-size: 12px;  height: 32px; padding: 3px 12px}
.board0-srch .icon-srch-s{height:32px; margin:0 6px}

.icon-srch-s{min-width: 20px;height: 20px; background-image: url(/design/img/icon/srch_sm.png);}

.bar-primary{border-bottom: 1px solid #b14747  !important; margin-top:10px}

.del-buttons{display: flex;transform: translateY(0px) ; padding:  0 ;}
.del-buttons .btn{font-size: 13px;padding: 6px 4px;height: 32px; line-height: 18px;  margin-left:3px; border-radius:16px; font-weight: 700;}
.del-buttons .btn-secondary{width:140px;}
.del-buttons .btn-primary{width:80px;}
.del-buttons .btn-light{width:80px;}
.del-buttons [class*=icon]{width: 16px;height: 16px;margin-right: 3px; }
.del-buttons .icon-del{background-image: url(/design/img/icon/del_icon.png);}

.next-wt .btn{border:1px solid #999999;}
.font-weight-bold{font-weight: 700}


.v-info .badge0{color: #fff; font-size:10px; line-height: 13px;}
.badge0{font-size: 10px;color: #fff;line-height: 10px;border-radius: 8px;font-weight: 900;padding: 4px 8px;background-color: #494949;}


.icon-report{min-width: 40px;height: 16px; background-image: url(/design/img/icon/report.png);}


.view-repo{position: absolute;display:block;left:1234px;top:116px; width:305px;   background-color: #fff; text-align:left; font-size : 13px; font-weight:900; color:#4e4e4e; line-height: 15px; z-index: 2000; border: 2px solid #b14747;  }


.table_repo {clear:both; width:100%; margin:0 auto;display:inline-table; padding: 16px 20px  }

.table_repo .col-label2{font-weight: 700;flex-basis: 70px;max-width:70px; font-size:15px; line-height:40px; color: #717171; }
.table_repo .col-label3{font-weight: 700;flex-basis: 128px;max-width:128px; font-size:15px; line-height:40px; color: #717171; }
.table_repo .col-label4{font-weight: 700;flex-basis: 80px;max-width:80px; font-size:16px; line-height:40px; color: #717171; }
.table_repo .col1 .form-control {font-weight: 600;flex-basis: 170px;max-width: 170px; font-size:14px; min-height: 30px;background: #fff;  }
.table_repo .col2 {font-weight: 700;flex-basis: 20px;max-width: 20px; font-size:22px; margin-left:10px}
.table_repo .col3-1 {font-weight: 700;flex-basis: 53px;max-width: 53px; font-size:14px; }
.table_repo .col3 {font-weight: 700;flex-basis: 90px;max-width: 90px; font-size:14px; }
.table_repo .col4 .form-control {font-weight: 800; font-size:12px; min-height: 21px; line-height:19px; }
.table_repo .col5 .form-control {font-weight: 800;flex-basis: 380px;max-width: 380px; font-size:12px; min-height: 25px; line-height:21px; }



.table-repoB{padding:5px 0;display: flex;align-items: left; }
.table_repoB .col-label2{font-weight: 700;flex-basis: 120px;max-width: 120px; font-size:14px; line-height:40px; color: #717171; }
.table-repoB .form-control, .list-header .form-control{background-color: #fff;height: 30px;width: 160px; min-height: 0;font-size: 14px;padding: 1px 8px}
.table-repoB select.form-control, .list-header select.form-control{padding-right: 25px;background-position: center right 8px;}

.repo-buttons{display: flex; padding: 5px 44px ;align-items:center ; margin-bottom: 16px}

.repo-buttons .btn{font-size: 16px;padding-top: 5px;height: 36px;   margin:0 10px; border-radius:3px; font-weight: 700;}

.repo-buttons .btn-primary{width: 80px;   }
.repo-buttons .btn-light{width: 80px;}
.repo-buttons .btn-secondary{width: 80px;}






.srch_result{border-top-color: #d9dbdb !important; display: flex;align-items: center;justify-content: flex-start;}
.srch_result_ico{background: #f8f2f3;display: flex;position: relative;padding: 1.5% 7.756%;flex-direction: column;justify-content: center;font-weight: 300;color: #494949}


.srch_result_ico .result_ico{position: absolute;width: 44px;height: 43px;background: url(/design/img/icon/srch_result_icon.png) no-repeat;padding-top: 10px;color: #fff;top: 50%;right: 16px;margin-top: -23px}

.srch_result_tip{flex: 1;display: flex;align-items: center;justify-content: flex-start; flex-basis: 60%;max-width: 60%; margin-left:28%; margin-top:-20px}

.srch_result_tip .tip{font-size: 14px;text-align: left;line-height: 1.3; }
.srch_result_tip p{display: block;}


[class*=icon-charging]{width: 39%;height: 100%;background-position: 50% 50%}


.srch_result_ico .use{font-weight: 900;color: #b14747;font-size: 26px;line-height: 1.2}
.srch_result_ico{background: none;border-radius: 0;padding: 0;flex-basis: 27%;max-width: 27%;justify-content: space-between;text-align: left;flex-direction: row;align-items:left}
.srch_result_ico .period{font-size: 16px;color: #b14747;line-height: 1.1}





/* ¾ÆÀÌÅÛ ±¸¸Å  */

.form-buy{font-weight: 700}
.form-buy hr{margin: 35px 0 }
.form-buy .form-control{border-radius: 2rem;min-height: 45px}
.form-buy .custom-control{font-size: 12px}
.buy-header{background: #494949;padding: 5px 35px;border-radius: 16px 16px 0 0}
.buy-title{padding:10px 0; text-align: left;font-size: 16px;color: #fff; font-weight: 600 }
.buy-sub-title{padding:15px 0; text-align: left;font-size: 15px;color: #494949;font-weight: 600; margin-top:10px; margin-left:20px  }
.buy-content{padding: 35px;font-weight: 700}


.table-fixed-ds{table-layout: fixed;vertical-align: middle; width: 95%; margin: 0 auto; }
.table4{margin-bottom: 0; margin-bottom:10px;}
.table4 th, .table4 td{font-size: 13px;padding: 10px 5px;color: #494949;text-align: center;font-weight: 600;border-color: #d9dbdb;line-height: 20px}
.table4 thead th{border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; color: #949494;}
.table4 th{color: #191919;font-weight: 700}
.table4 td{border-top: 0;border-bottom: 1px solid #ececec;font-size: 12px;letter-spacing: -.02em; width: 80px}
.table4 td .form-control{border-radius:4px;font-weight: 800;flex-basis: 60px;max-width: 60px; font-size:12px; min-height: 18px; line-height:16px; border-color:#b7b7b7 ; padding: 1px 10px}
.table4 i {margin:0 10px 0 10px;}


.icon-modal-close-right{position: absolute;top: 18px;right: 25px;width: 20px;height: 21px;background-image: url(/design/img/icon/close.png)}


.buy-box{margin-bottom: 30px;display: flex;align-items: flex-start}
.buy-profile{font-weight: 900;text-align: center}
.buy-profile img{width: 99px;display: block;margin: 0 auto 5px;}
.buy-info{position: relative;margin: 0 30px;background: #fff;padding: 0 5px;font-size: 12px;color: #a1a1a1;}
.buy-info .txt{padding: 10px 0;color: #494949;font-size:15px;  font-weight: 600;}
.buy-info .text-secon{color: #999;font-size: 15px;  font-weight: 600;}


.nav-link2{font-weight: 700;color: #999}
.nav-tabs2{justify-content: flex-start;border-bottom-color: #b14747}
.nav-tabs2 .nav-item2{margin-left: -1px}
.nav-tabs2 .nav-link2{position: relative;min-width: 108px;text-align: center;border-radius: 6px 6px 0 0;font-size: 12px;border-color: #999;border-bottom-color: transparent}
.nav-tabs2 .nav-link2:focus, .nav-tabs2 .nav-link2:hover{border-color: #999 #999 #b14747}
.nav-tabs2 .nav-link2.active{z-index: 1;color: #b14747;border-color: #b14747;border-bottom-color: #fff}

.form-row-buy{align-items: center;margin-left: -8px;margin-right: -8px}


.buy-buttons{display: flex;transform: translateY(0px) ; padding: 30px 0 ;}
.buy-buttons .btn{font-size: 16px;padding-top: 8px;height: 40px; margin-bottom: 10px; border-radius: 4px; font-weight: 600;}
.buy-buttons .btn-primary{width: 380px; margin:0 auto}




.list_seller_info {position: absolute;  top: 15px; margin-left:790px;background-color:#fff; border: 1px solid #949494; width: 106px; z-index: 9999;}
.list_seller_info .seller_name{color:#fff;text-align: center; background-color:#949494; font-size: 13px; height: 26px; line-height: 24px; width: 104px}
.list_seller_info .seller_note{color: #3a3a3a; font-size: 12px; text-align: center; padding:6px 0; height: 22px; line-height: 14px; width: 104px}
.list_seller_info .seller_data{color: #3a3a3a; font-size: 12px; text-align: center; padding:6px 0; height: 22px; line-height: 14px; width: 104px; border-top:1px solid #f4f4f4}

.my_list_seller_info {position:absolute; margin-top:-24px;margin-left:-10px; background-color:#fff; border: 1px solid #949494; width: 106px;}
.my_list_seller_info .seller_name{color:#fff;text-align: center; background-color:#949494; font-size: 13px; height: 22px; line-height: 20px; width: 104px;padding:4px 0}
.my_list_seller_info .seller_note{color: #3a3a3a; font-size: 12px; text-align: center; padding:6px 0; height: 22px; line-height: 14px; width: 104px}
.my_list_seller_info .seller_data{color: #3a3a3a; font-size: 12px; text-align: center; padding:6px 0; height: 22px; line-height: 14px; width: 104px; border-top:1px solid #f4f4f4}


.view_list_seller_info {position: absolute;  top: 45px; margin-left:40px; background-color:#fff; border: 1px solid #949494; width: 106px;}
.view_list_seller_info .seller_name{color:#fff;text-align: center; background-color:#949494; font-size: 13px; height: 22px; line-height: 20px; width: 104px; padding:4px 0}
.view_list_seller_info .seller_note{color: #3a3a3a; font-size: 12px; text-align: center; padding:6px 0; height: 22px; line-height: 14px; width: 104px}
.view_list_seller_info .seller_data{color: #3a3a3a; font-size: 12px; text-align: center; padding:6px 0; height: 22px; line-height: 14px; width: 104px; border-top:1px solid #f4f4f4}




/* event one */
.one-event{padding:10px 41px; }
.one-event-bg{background-color: #ffe13f;width: 839px}
.one-event img {width: 839px}
.one_text1 { position: absolute; top:1780px;  line-height:40px;  font-size:130px; letter-spacing:-0.05em;color:#fff; font-weight: 900; margin:0 15px}
.one_text2 { position:absolute; top:40px;left:18px; display:inline-block; margin-bottom:1px; width: 100%; line-height:26px;  font-size:24px;}
.event-point {width: 839px}


.nav-link{font-weight: 700;color: #999}
.nav-tabs-event{position: relative}
.nav-tabs-event:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;border-top: 2px solid #fff;}
.nav-tabs-event .nav-link{position: relative;border: 2px solid transparent;background: #040c23;font-size: 16px;border-radius: 1em 1em 0 0;padding: 11px}
.nav-tabs-event .nav-link-lg{font-size: 18px;padding: 22px}
.nav-tabs-event .nav-link-wh{font-size: 30px;padding: 22px; color: #fff;}
.nav-tabs-event .nav-link.active{z-index: 1;border-color: #fff;border-bottom-color: transparent;background: #fff;color: #040c23}

.one-list {width: 839px; position:absolute;top:2203px;}
.one-item{margin-top: 20px;position:relative;display: flex;font-weight: 700}

.one-info{left:33%;display: flex;position: relative;flex-direction: column;justify-content: center;font-weight: 300;color: #494949}
.one-info .point{color: #b14747;font-size: 16px;font-weight: 700}
.one-item .num{font-size: 27px;color: #ff6868; letter-spacing: -.05em}

.one-pay{flex: 1;display: flex;align-items: center;justify-content: flex-end;margin-right: 112px}
.one-pay .btn{font-size: 18px;width: 50%;min-width: 50%;padding: 6px;margin-left: 15px}
.one-pay .price{font-size: 18px;text-align: right;line-height: 1.3}
.one-pay s{display: block;line-height: 1.1;font-size: 20px;color: #bfbfbf}
.one-pay small{font-size: .65em;font-weight: 700}

.one-icon-list {display: flex;align-items: center; margin: 0 90px 0 90px}
.one-icon-list [class*=icon]{width: 99px;height: 179px;margin: 0 30px 60px 30px }

.icon-event-movie{background-image: url(/design/img/icon/event_movie.png)}
.icon-event-drama{background-image: url(/design/img/icon/event_drama.png)}
.icon-event-media{background-image: url(/design/img/icon/event_media.png)}
.icon-event-ani{background-image: url(/design/img/icon/event_ani.png)}
.icon-event-book{background-image: url(/design/img/icon/event_book.png)}
.icon-event-game{background-image: url(/design/img/icon/event_game.png)}
.icon-event-util{background-image: url(/design/img/icon/event_util.png)}
.icon-event-train {background-image: url(/design/img/icon/event_train.png)}

.one-icon-list .multipl [class*=icon]{width: 99px;height: 179px;margin: 0 30px 60px 30px }
.multipl.icon-event-movie{background-image: url(/design/img/icon/event_movie_2.png)}
.multipl.icon-event-drama{background-image: url(/design/img/icon/event_drama_2.png)}
.multipl.icon-event-media{background-image: url(/design/img/icon/event_media_2.png)}
.multipl.icon-event-ani{background-image: url(/design/img/icon/event_ani_2.png)}
.multipl.icon-event-book{background-image: url(/design/img/icon/event_book_2.png)}
.multipl.icon-event-game{background-image: url(/design/img/icon/event_game_2.png)}
.multipl.icon-event-util{background-image: url(/design/img/icon/event_util_2.png)}
.multipl.icon-event-train {background-image: url(/design/img/icon/event_train_2.png)}

.icon-event-movie-2{background-image: url(/design/img/icon/event_movie_2.png)}
.icon-event-drama-2{background-image: url(/design/img/icon/event_drama_2.png)}
.icon-event-media-2{background-image: url(/design/img/icon/event_media_2.png)}
.icon-event-ani-2{background-image: url(/design/img/icon/event_ani_2.png)}
.icon-event-book-2{background-image: url(/design/img/icon/event_book_2.png)}
.icon-event-game-2{background-image: url(/design/img/icon/event_game_2.png)}
.icon-event-util-2{background-image: url(/design/img/icon/event_util_2.png)}
.icon-event-train-2 {background-image: url(/design/img/icon/event_train_2.png)}



.event-rank { width:630px; height:500px; }
.event-rank div.total {position:relative; top:40px;left:18px; display:inline-block; margin-bottom:1px;}
.event-rank div.total li {float:left; margin-right:20px; color:#424242; }
.event-rank div.total li strong {color:#f37878;}

.event-rank table { position:relative; text-align:center; width:630px; top:50px; margin:0 95px;}
.event-rank table th { background:#2d395b; padding:10px 0; font-family:'¸¼Àº °íµñ',dotum,µ¸¿ò; color:#fff; letter-spacing:-1px;}
.event-rank table td { padding:8px 0 ;color:#fff; background:#040c23;}
.event-rank table td a {color:#777877;}
.event-rank table td strong {font-weight:normal; color:#f37878;}
.event-rank table td b {font-weight:normal; color:#fc5308;}
.event-rank table .url { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; width:400px;}
.event-rank table td.paging a {display:inline-block; margin:0 10px; font-weight:bold;}
.event-rank table td.paging a:hover {color:#f37878;}
.event-rank table td.paging a.on { color:#f37878;}

.text-pink {color: #ff6868 !important}


.preview-body{padding:50px 0 70px 0; background-color:#0b0b0b !important; width: 100%; margin-top:30px; }
.prev-text{position:absolute;line-height:17px;  font-size:15px;color:#fff; font-weight: 600; text-align:left; margin-left:30px; z-index: 1;margin-top:-45px}
.prev-text-2{position:absolute;line-height:16px; width: 100%; font-size:14px;color:#a2a2a2; font-weight: 600; text-align:center; z-index: 1; margin-top:30px}


.view-navi{padding: 12px 30px; color:#494949; font-weight: 600; font-size: 13px; line-height:15px}

.view-desc {padding: 30px 55px 30px;}
.view-desc .coll{padding: 5px 5px }
.view-desc .wrp{display:block;text-align: center; width: 136px; padding:0 10px 0 40px  }
.view-desc .wrp-1{display:block;text-align: center; width: 183px ; padding:0 30px 0 0}
.view-desc dl{display: flex;align-items: center;letter-spacing: -.02em;flex-wrap: nowrap;white-space: nowrap; }
.view-desc dl+dl{margin-top: 5px; }
.view-desc dt{margin-right: 10px;font-weight: 600;color: #494949;font-size: 14px}
.view-desc dd{margin-right: 10px;font-size:16px;line-height: 20px;font-weight: 900;color: #b14747; }
.view-desc .badge0{font-size: 10px; padding:5px 10px; line-height: 20px; background-color:#494949 ; border-radius: 5px; color:#fff}
.view-desc .wrp-line {padding:10px 20px}



.quick-left {position:fixed;top:60px; margin-left:930px }
.quick-buttons{display: flex;transform: translateY(0px) ; padding: 5px 5px 5px 0 ;}
.quick-buttons .cate-title{margin-bottom: 32px;line-height: 28px;padding-bottom: 2px;font-size: 15px;font-weight: 900;color: #fff;background: #2e3131;border-radius: 0 0 20px 20px;text-align: center}
.quick-buttons .btn{font-size: 18px;padding-top: 16px;height: 56px;   margin-left:10px; border-radius:3px; font-weight:700;  line-height: 20px }
.quick-buttons .btn-primary{width: 162px;  }
.quick-buttons .btn-white0{width: 162px;  }
.quick-buttons .btn-light{width: 162px;}
.quick-buttons .btn-secondary{width: 162px;}
.quick-buttons [class*=icon]{width: 25px;height: 25px;margin: -2px 0 0 15px}
.quick-buttons .icon-download{background-image: url(/design/img/icon/download.png)}
.quick-buttons .icon-download-pri{background-image: url(/design/img/icon/download-pri.png)}
.quick-buttons .icon-chk{background-image: url(/design/img/icon/chk_wh.png)}
.quick-buttons .icon-pl{background-image: url(/design/img/icon/streaming.png)}
.quick-buttons .icon-charge{background-image: url(/design/img/icon/charge_icon.png);}
.quick-buttons .op{opacity: 0.3}
.quick-buttons .btn-white0-sm{width: 76px; height:56px;   padding:6px 12px }

.quick-border{border-bottom: 1px solid #f8f8f8;width: 120px; margin: 5px 30px}

.quick-data-tit .title{flex: 1;font-size: 14px;font-weight: 800;line-height:18px; color:#fff; text-align: center; margin-top:12px}
.quick-img{width: 137px; margin:10px 21px}

.btn-primary-sm{background: #b14747 !important}
.btn-white0-sm{color: #b14747 !important;background: #fff !important}
.btn-white0{color: #b14747 !important;background: #fff !important}

.quick-icon {margin-left:65px; padding:0 0 10px 0}
.quick-icon [class*=icon]{width: 26px;height: 26px;margin: -2px 0 0 0}
.quick-icon-2 {margin-left:82px; padding:0 0 10px 0}
.quick-icon-2 [class*=icon]{width: 26px;height: 26px;margin: -2px 0 0 0}
.quick-icon-2 .op{opacity: 0.3}

.icon-siren{background-image: url(/design/img/icon/siren_icon.png);background-size: 22px auto;}
.icon-top{background-image: url(/design/img/icon/top-icon.png);background-size: 23px auto}
.icon-arr-prev{background-image: url(/design/img/icon/arr-prev.png);background-size: 10px auto}
.icon-arr-next{background-image: url(/design/img/icon/arr-prev.png);background-size: 10px auto; transform: scaleX(-1);}




.prev-pl{position:absolute;width:  97px;height: 97px;background: url(/design/img/preview_play.png) no-repeat;opacity:0.8; margin:140px 0 0 400px }

#seller_bbs_list_wrap {margin-top: 20px;}
.view-sell-list {}
.view-sell-list>li{border-bottom: 1px solid #ededed;}
.view-sell-list>li:nth-child(2n) {background: #f9f9f9}
.view-sell{position: relative; display: flex; padding: 7px 35px; border: 0; border-radius: 0;}
/*
.view-sell-image{border-radius: 3px; width:167px;height:240px;}
*/
.view-sell-image{border-radius: 100%; width: 45px; height: 45px; object-fit: cover;}
.view-sell-body{display: flex; align-items: center; padding-left: 25px; width: calc(100% - 45px);}

.view-sell-body .h6{padding-right: 25px; width: calc(100% - 150px); font-size: 14px; font-weight: 900; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; color: #535353; order: 1;}
.view-sell-data {width: 150px; order: 2;}
.view-sell-data tr>*{font-size: 14px; color: #b14747; font-weight: 700; text-align: end;}
.view-sell-data .name{color: #a1a1a1;}


.badge00{font-size: 16px;color: #fff;line-height: 18px; background-color:#494949;  border-radius:4px;font-weight: 900;padding: 4px 12px 4px}


.collapse-list-view{border-top: 1px solid #fff}

.view-fileprev{margin-bottom: 80px;padding: 60px 0 80px;width: 100%; background-color: #000; margin-top:20px}
.view-previmg{width: 720px;  margin:0 auto}


.view-adult {top:55px; margin-left:-90px;position:absolute;  }
.view-adult [class*=icon]{width: 45px;height: 45px;margin: -2px 0 0 15px}
.icon-adult {background-image: url(/design/img/icon/view_adult.png);width: 14px;height: 13px;}


.view-point{width: 100%;padding: 0 30px;}
.view-item{margin-top: 10px;position: relative;display: flex;justify-content: space-between;font-weight: 700;}
.view-item:before{content: '';display: block;height: 112px}
.view-item .num{font-size: 14px;color: #b14747;font-weight: 900;margin-top:5px;line-height: 18px}


.view-pay{display: flex;align-items: center;width: calc(50% - 4%);}

.view-pay .price{font-size: 14px;line-height: 16px;width: 50%;}
.view-pay .price > div{text-align: center;}
.view-pay a{width: 50%;text-align: right;}
.view-pay a .mar_left30{margin-left: 0;}
.view-pay .price-0{font-size: 14px;text-align:center;line-height: 16px;width: 50%;}
.view-pay s{display: block;line-height: 1.1;font-size: 20px;color: #bfbfbf}

.view-pay small{font-size: .65em;font-weight: 700}
.view-pay .badge0{font-size: 10px; padding:5px 10px; line-height: 20px; background-color:#494949 ; border-radius: 5px; color:#fff}
.view-item .wrp-line {display: flex;width: 8%;}
.view-item .wrp-line img{margin: auto;}
.view-pay [class*=icon]{width: 14px;height: 16px;margin: -2px 0 0 5px}
.icon-like-pr{background-image: url(/design/img/icon/like_pr.png);background-size: 25px auto}
.icon-message{background-image: url(/design/img/icon/dm_icon.png);background-size: 13px auto}


.img-emphasize { overflow: hidden; }
/*
.img-emphasize img{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1); 
	-o-transform:scale(1);  
	transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}
.img-emphasize:hover img {
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
	-ms-transform:scale(1.04);   
	-o-transform:scale(1.04);
	transform:scale(1.04);
}
*/

.view-adult-thum {position: absolute; top: 12px; left: 40px; z-index: 2; width: 35px; height: 35px; opacity: 0.9;}
.view-adult-post {position:absolute;  z-index: 2; width:45px;height:45px; opacity: 0.9; margin:81px 45px ;}




.viewer_box [class*=icon]{width: 55px;height: 34px;margin: -2px 0 0 5px}
.icon_page{background-image: url(/design/img/icon/viewer_icon_01-00.png);background-size:55px auto}
.icon_left{background-image: url(/design/img/icon/viewer_icon_left.png);background-size: 34px auto}
.icon_right{background-image: url(/design/img/icon/viewer_icon_right.png);background-size: 34px auto}
.icon_way{background-image: url(/design/img/icon/viewer_icon_way.png);background-size: 43px auto}
.icon_way_width{background-image: url(/design/img/icon/viewer_icon_way_width.png);background-size: 25px auto}
.icon_viewer_play{background-image: url(/design/img/icon/viewer_icon_play.png);background-size: 25px auto}
.icon_list{background-image: url(/design/img/icon/viewer_icon_list.png);background-size: 25px auto}









.viewer-box {background-color:#000;}
.viewer-top {position: fixed;top: 0;width:100%;background-color:#3A3A3A; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;z-index:100;text-align:center;height:40px;}
.top-fixed {margin-top:10px;}
.close-box {width:10%;color:#fff;float:left;}
.title-box {width:80%;color:#fff;float:left;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wide-box {width:10%;color:#fff;float:left;}




.sin-event{margin:10px 41px; background-color:#0a0a0a; width: 839px }
.sin-page{width: 100%; }
.sin-page.sin_btn { background:#ffdd3f; display:inline-block; width:150px; height:47px; border:1px solid #ffdd3f; box-sizing:border-box; color:#000; font-size:16px; font-weight: 900;  letter-spacing:-1px; position:relative; border-radius:6px; cursor:pointer; font-family:NanumGothic; margin-top:40px; margin-left:600px}
.sin-page .btn {position:absolute; margin-left:-220px; margin-top:75px; border:1px solid #ffdd3f; background:#ffdd3f;font-size:16px; font-weight: 900;letter-spacing:-1px;border-radius:6px; color:#000 !important;}


.sin_btn_off { background:#6d6d6d; display:inline-block; width:150px; height:47px; border:1px solid #ffdd3f; box-sizing:border-box; color:#000; font-size:16px; font-weight: 900;  letter-spacing:-1px; position:absolute; top:2920px; left:545px; right:0; bottom:0; margin:auto; border-radius:6px; cursor:pointer; font-family:NanumGothic;}

.sin-list {display: flex; margin: 5px 18px 30px; }

.sin-list>li{margin:0 32px; }
.sin{border: 0;border-radius: 0;display: block; }
.sin-image{ width: 137px;height:197px;}

.text-border {border:1px solid #b14747;border-radius:3px;  padding:2px 4px}
.text-border-bottom {border-bottom: 1px solid #b14747; padding:2px 0}



.main-swiper-popup{position: fixed;  left:20px; top:600px; z-index: 999}





.mong_top .container{width: 1300px;  position:relative; display:flex; margin-top:33px}
.mong_t_main {margin:0 20px 40px 0;}
.mong_t_right {}
.mong_bar_banner {position:relative;margin:5px auto; display:flex; align-items:center; text-align: center; margin-top:25px}
.mong_bar_banner_bg { background-image: url(/design/img/mongtv/mong_banner_bg.png); width: 100%}
.mong_section .container{max-width: 1300px; position:relative; margin-top:33px}

.icon-tv-srch{min-width: 35px;height: 35px;background-image: url(/design/img/icon/tv_srch.png);background-color: #fff;border-radius: 100%;margin-left:5px; }



.tv-srch {display: flex;width:100%;margin: 35px 0;outline: 0px }
.tv-srch .input-group{border-bottom: 1px solid #656565;overflow: hidden}
.tv-srch .form-control{border: 0;background: #fff}
.tv-srch .icon-srch{background-size: 28px auto;height: 35px}
.tv-srch-bar{width:300px}



.section-navi-tv{font-size: 16px; position: relative; display: flex; font-weight: 900; margin-top:9px; margin-left:550px}
.section-navi-tv .btn{min-width: 95px;font-size: 16px;background-color: #fff;color: #643a16 !important; font-weight: 900; border-bottom: 2px solid #ffd971;line-height: 20px}
.section-navi-tv .btn.active{background-color: #ffd971;color: #643a16 !important;pointer-events: none;font-weight: 900}


.btn-norounded{border-radius: 0 0 0 0;}
.btn-tv{height: 32px; ;padding:4px 25px ;}


.tv-navi{flex-basis: 100%;width: 100%;display: flex;align-items: flex-end;flex-wrap: wrap; margin-top:9px; margin-left:20px;}



.tv-navi>li:nth-child(8n)>a, .tv-navi>li:first-child>a{margin-left: 0}
.tv-navi>li{padding:0 6px;margin-top: -1px}
.tv-navi>li>a:not(.badge){position: relative;display: block;text-align: center;font-size: 14px;color: #643a16;letter-spacing: -.06em;line-height: 16px;border: 2px solid #fff;padding: 2px; border-radius: 30px;margin-top:7px; font-weight: 800}
.tv-navi>li.active>a{z-index: 1;color: #ecb214;background: #fff; padding:2px 2px;}





.tv-header{display: flex;align-items: center;margin-bottom: 20px;font-weight: 900;color: #838d8e;flex-wrap: wrap}
.tv-category{flex-basis: 100%;width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap; }
.tv-category>li>a:not(.bline){ width: 140px;}
.tv-category>li:nth-child(8n)>a, .tv-category>li:first-child>a{margin-left: 0}
.tv-category>li{padding:2px 2px;margin-top: -1px; }
.tv-category>li>a:not(.bline){position: relative;display: block;text-align: center;font-size: 17px;color: #222222;letter-spacing: -.06em;line-height: 36px;border-bottom: 1px solid #c4c4c4;padding: 2px;margin-top:7px; }
.tv-category>li.active>a{z-index: 1;color: #ffcc3f;border-bottom:5px solid #ffd971;background: #fff; padding:0 18px;}
.tv-category>li a:hover{color: #ffcc3f; border-bottom:5px solid #ffd971; padding:0 18px;}

.bline{font-size: 15px;color: #ffd971;line-height: 16px;border: 2px solid;font-weight: 900;padding: 4px 4px 2px}




.mong-tv .container{max-width: 1300px; position:relative; margin-top:33px}
.tv-list {display: flex; }
.tv-list>li{margin-top:20px; margin-left:-1px}
.tv-sm-list>li{border:1px solid #e7e7e7;display: flex;}
.tv-sm-list>li a:hover{opacity: 0.5}
.mong-tv{border: 0;border-radius: 0;display: block;margin-bottom: 100px }
.tv-image{border-radius: 1rem; width: 6.667rem;height: 9.917rem;}



.label-coo{position:absolute; margin-left:255px; margin-top:-3px}


.list_layer {width:310px; height:40px;position: absolute; ; margin-top:135px }
.list_layer_bg {width:310px; height:40px; background-color: #000  ; position: absolute; ; margin-top:135px; opacity: 0.6 }



.cate-list .active [class*=icon]{transform: translateX(0)}
.tv-layer [class*=icon]{width: 17px;height: 17px;margin: 0 4px 4px 0; }

.tv-layer{flex-basis: 100%;width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap;line-height: 24px; }
.tv-layer>li>a:not(.bline){ width: 96px;}
.tv-layer>li:nth-child(8n)>a, .tv-layer>li:first-child>a{margin-left: 0}
.tv-layer>li{padding:2px 2px;margin-top: -1px; }
.tv-layer>li>a:not(.bline){position: relative;display: block;text-align: center;font-size: 13px;color: #fff;letter-spacing: -.06em;line-height: 22px;padding: 2px;margin-top:7px; opacity:1; font-weight: 800}
.tv-layer>li.active>a{z-index: 1;color: #ffd971;}
.tv-layer>li a:hover{color: #ffd971;}

.cate-list .active [class*=icon]{transform: translateX(0)}
.active .icon-tv-chk {background-image: url(/design/img/icon/tv_chk.png)}

.icon-tv-chk {background-image: url(/design/img/icon/tv_chk_wh.png)}
.tv-layer [class*=icon]{width: 17px;height: 17px;margin: 0 4px 6px 0; }

.section_promo{overflow:hidden;width:1300px;margin:0 auto;padding-bottom:20px}
.section_promo .bnr_promo{float:right}
.section_promo .bnr_promo .img_thumb{width:480px;height:230px}
.section_promo .link_bnr{display:block}
.section_promo .link_bnr+.link_bnr{margin-top:20px}

.slide_promo{overflow:hidden;float:left;position:relative;width:800px;height:480px}
.slide_promo .ico_prev{background-position:-100px -110px}
.slide_promo .ico_next{background-position:-120px -110px}
.slide_promo .btn_prev{left:0;background-position:-350px -50px}
.slide_promo .ico_prev{width:11px;height:19px;margin:21px 0 0 33px;background-position:-100px -110px}
.slide_promo .btn_prev:hover .ico_prev,.slide_promo .btn_prev:focus .ico_prev{background-position:-100px -130px}
.slide_promo .ico_next{width:11px;height:19px;margin:21px 0 0 33px;background-position:-120px -110px}
.slide_promo .btn_next{right:0;border-left:1px solid #534c4c}
.slide_promo .btn_next:hover .ico_next,.slide_promo .btn_next:focus .ico_next{background-position:-120px -130px}
.slide_promo .nav_promo{position:absolute;bottom:0;left:0;z-index:10;width:100%;height:60px}
.slide_promo .nav_promo [class*="btn_"]{position:absolute;bottom:0;z-index:10;width:83px;height:60px;background-color:rgba(0,0,0,0.85);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#cc000000,endColorStr=#cc000000)";zoom:1}



.paging_promo{overflow:hidden;position:relative;width:633px;height:65px;margin:-5px 83px 0}
.paging_promo .list_paging{position:absolute;top:0;left:0}
.paging_promo .list_paging li{float:left}
.paging_promo .link_paging{display:block;position:relative;width:211px;height:60px;margin-top:5px;font-weight:800;font-size: 14px; line-height:62px;border-left:1px solid #534c4c;background-color:rgba(0,0,0,0.85);color:#fff;letter-spacing:-0.05em;text-align:center;text-decoration:none;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#cc000000,endColorStr=#cc000000)";zoom:1}
.os_mac .paging_promo .link_paging{line-height:60px}
.paging_promo .link_paging:hover,.paging_promo .link_paging:focus,.paging_promo .on .link_paging{background-color:#eaa928;color:#000;filter:none; font-size: 15px}
.paging_promo .bg_bar{position:absolute;top:-5px;left:0;width:0;height:5px;background-color:#fff;content:''}


.list_promo{overflow:hidden;z-index:0;width:800px;height:480px}
.list_promo li{float:left}
.list_promo .link_promo{display:block}
.list_promo .img_thumb{width:800px;height:480px}
.list_card{overflow:hidden;height:160px}

.list_card{overflow:hidden;height:160px}
.list_card li{float:left;position:relative;width:250px}
.list_card .wrap_thumb{display:block;position:relative}
.list_card .tit_card{display:block;overflow:hidden;height:45px;padding:0 28px;font-weight:bold;font-size:14px;line-height:43px;background-color:#fff;letter-spacing:-0.05em;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.os_mac .list_card .tit_card{line-height:47px}
.list_card [class*="ico_"]{z-index:20}
.list_card .ico_play{position:absolute;top:50%;left:50%;width:47px;height:47px;margin:-24px 0 0 -23px;background-position:-100px -60px}
.list_card .ico_play2{position:absolute;bottom:9px;right:10px;width:35px;height:35px;background-position:-150px -60px}
.list_card .link_card{display:block}
.list_card .link_card .img_thumb{width:250px;height:115px}
.list_card [class*="tag_"]{position:absolute;bottom:0;left:0;z-index:20;width:58px;height:19px}
.list_card .tag_movie{background-position:-100px 0}
.list_card .tag_cont{width:76px;background-position:-160px 0}
.list_card .tag_evt{background-position:-240px 0}
.list_card .item_mov .wrap_thumb:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:rgba(0,0,0,0.5);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#80000000,endColorStr=#80000000)";zoom:1;content:""}
.list_sort{overflow:hidden}
.list_sort li{float:left;padding:10px}
.list_sort .link_game{display:block;overflow:hidden;position:relative;width:228px;height:146px;background-color:#fff}
.list_sort .link_default{background-color:#d8d8d7}.list_sort .frame_game{position:absolute;top:0;left:0;right:0;bottom:0;padding:16px 0 0 23px}
.list_sort .tit_game{display:block;font-size:17px;line-height:21px;letter-spacing:-0.05em}
.list_sort .type_game{display:block;margin:3px 0 0 1px;font-size:13px;line-height:16px;color:#717370}
.list_sort .img_thumb{position:absolute;top:50%;left:50%;width:254px;margin-top:3px;-webkit-transform:translate3d(-50%,-50%,0) scale(1);-moz-transform:translate3d(-50%,-50%,0) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate3d(-50%,-50%,0) scale(1);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.list_sort .ico_kakao{position:absolute;bottom:-1px;right:-1px;width:46px;height:46px;}
.list_sort .link_game:hover .img_thumb{width:280px}
.list_sort [class*="ico_"]{margin:3px 0 0 9px}
.os_mac .list_sort [class*="ico_"]{margin-top:-1px}
.list_sort .ico_m{width:58px;height:20px;background-position:-180px -30px}
.list_sort .ico_pc{width:38px;height:20px;background-position:-140px -30px}
.list_sort [class*="tag_"]{position:absolute;left:0;bottom:0;width:46px;height:19px}
.list_sort .tag_hot{background-position:0 -150px}
.list_sort .tag_new{background-position:-50px -150px}
.list_sort .tag_my{display:none;top:0;right:0;bottom:auto;left:auto;width:45px;height:45px;background-position:-300px -50px}
.list_sort .item_recomm .ico_pc{background-position:-100px -30px}
.list_sort .item_recomm .tit_game{color:#fff}
.list_sort .item_recomm .type_game{color:#c3c3c3}
.list_sort .item_my{position:relative}
.list_sort .item_my:before{display:block;position:absolute;top:6px;left:6px;bottom:6px;right:6px;border:4px solid #ffc501;content:""}
.list_sort .item_my .tag_my{display:block}
.list_sort_type1 .link_game{width:290px;height:160px}
.list_sort_type1 .frame_game{padding-top:19px}
.list_sort_type1 .img_thumb{width:290px;margin-top:0;margin-right:-145px}
.list_sort_type1 .link_game:hover .img_thumb{width:318px}

.img_top{display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(https://t1.kakaocdn.net/gamepub/top/2018/img_top_181217.png) no-repeat;vertical-align:top;text-indent:-9999px}


.btn-more{display: flex;align-items: center;justify-content: center;margin-top:40px; font-weight: 800; font-size:18px; color:#191919}
.btn-more:after{content: '';width: 46px;height: 27px;background: url(/design/img/icon/tv_more.png) no-repeat 50% 50%/100% auto;margin-left: 1.25rem}

.form-tvlist{padding: 35px;font-weight: 700; overflow: auto; max-height:820px }
.form-tvlist hr{margin: 35px 0}
.form-tvlist .form-control{border-radius: 2rem;min-height: 45px}
.form-tvlist .custom-control{font-size: 12px}
.form-tvlist::-webkit-scrollbar {width: 35px; right: 20px }
.form-tvlist::-webkit-scrollbar-thumb {background-color: #f5f5f5; background-clip: padding-box;border: 10px solid transparent;}
.form-tvlist::-webkit-scrollbar-track  {background-color: #fff;margin:50px}

.modal-dialog2{width:1120px;max-width: none;  }

.tvlist-data {position: relative;display: flex;margin:40px 10px 0 ;width: 47%}
.tvlist-data .da-text {margin-left:10px}
.tvlist-data .datit {font-size:17px; font-weight: 900; color:#585858;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;text-overflow:clip;display:-webkit-box;word-wrap:break-word}
.tvlist-data .datext {font-size:12px; letter-spacing:-1px;color:#585858; line-height: 14px; margin-bottom: 5px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;text-overflow:clip;display:-webkit-box;word-wrap:break-word}
.tvlist-data .da-name{font-size:12px; letter-spacing:-1px;color:#585858; font-weight: 800;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;text-overflow:clip;display:-webkit-box;word-wrap:break-word}
.tvlist-btn{position:relative; margin-top:5px}
.tvlist-btn .btn{width: 68px;font-size: 11px; height: 24px; padding: 3px 8px;border-radius: 6px;}

.btn-yellow{border-color: #eaa928 !important;background: #eaa928 !important}
.btn-outline-yellow{border-color: #eaa928;color: #eaa928 !important}

.teong {margin:30px auto; width: 100%; text-align: center}



.icon-tv-close{position: absolute;top: 20px;left:1140px;width: 30px;height: 30px;background-image: url(/design/img/icon/tvlist_close.png)}





.t-board-block{padding: 10px 0;display: flex;align-items: center;margin-bottom: -1px}
.t-board-block.noline{border-bottom: 0;margin-bottom: 0}
.t-board-block+.t-board-block{border-top: 1px solid #d9dbdb}
.t-board-block .btn+.btn{margin-left: 5px}
.t-board-block>.ml-auto{display: flex;align-items: center;color: #a1a1a1}
.t-board-block .form-control, .list-header .form-control{background-color: #fff;height: 24px;min-height: 0;font-size: 12px;padding: 1px 8px;}
.t-board-block select.form-control, .list-header select.form-control{padding-right: 25px;background-position: center right 8px;background-size: 10px auto}
.t-board-block .custom-control{margin-right: 15px}
.t-board-block .btn{}


.btn-secongray{border-color: #999 !important;background: #999 !important}


.section-pop-header{line-height: 22px ;color: #717171; border-bottom: 2px solid #b14747; padding:10px 0}

.mydown_pop {padding:20px}


.line_top_bottom {border-top:1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding:20px 0}


.cs-board-block{padding: 5px 0;display: flex;align-items: center; margin-bottom: -1px; line-height: 30px; color:#999999; font-size: 14px;  font-weight: 800}
.cs-board-block.noline{border-bottom: 0;margin-bottom: 0}
.cs-board-block+.table-block{border-top: 1px solid #d9dbdb}
.cs-board-block .btn+.btn{margin-left: 5px}
.cs-board-block>.ml-auto{display: flex;align-items: center;color: #a1a1a1}
.cs-board-block .form-control{background-color: #eeeeee;height: 28px;min-height: 0;font-size: 13px;padding: 1px 8px;border-color: #eeeeee !important}
.cs-board-block select.form-control{padding-right: 25px;background-position: center right 8px;background-size: 10px auto}
.cs-board-block .custom-control{margin-right: 15px}
.cs-board-block .btn{border-radius:4px; height: 28px; padding:3px 12px}






.mar_rig40 { margin-right:40px}
.mar_rig50 { margin-right:50px}
.mar_rig60 { margin-right:60px}
.mar_left10{ margin-left:10px}

.cs-write-block{padding: 5px 0;display: flex;align-items: center; margin-bottom: -1px; line-height: 30px; color:#999999; font-size: 14px;  font-weight: 800; text-align: center}
.cs-write-block.noline{border-bottom: 0;margin-bottom: 0}
.cs-write-block+.cs-write-block{border-top: 1px solid #d9dbdb}
.cs-write-block .btn+.btn{margin-left: 5px}
.cs-write-block>.ml-auto{display: flex;align-items: center;color: #a1a1a1; text-align: center;margin:30px 0}
.cs-write-block .form-control{background-color: #fff;height: 28px;min-height: 0;font-size: 13px;padding: 1px 8px;border-color: #eeeeee !important; border-radius: 1px}
.cs-write-block select.form-control{padding-right: 25px;background-position: center right 8px;background-size: 10px auto}
.cs-write-block .custom-control{margin-right: 15px}
.cs-write-block .btn{border-radius:4px; height: 36px; padding:6px 12px; font-size:14px; width:130px }
.cs-write-block .message-board {min-height: 400px; padding:10px}

.cs-view-block{display: flex;align-items: center; margin-bottom: -1px; line-height: 24px; color:#999999; font-size: 14px;  font-weight: 800; }
.cs-view-block.noline{border-bottom: 0;margin-bottom: 0}
.cs-view-block+.cs-write-block{border-top: 1px solid #d9dbdb}
.cs-view-block .btn+.btn{margin-left: 5px}
.cs-view-block>.ml-auto{display: flex;align-items: center;color: #a1a1a1; text-align: center; width:65%; margin-top:30px}
.cs-view-block .btn{border-radius:4px; height: 36px; padding:6px 12px; font-size:14px; width:130px }
.cs-view-block .message-board {min-height: 400px; padding:10px}



.table-cs{margin-bottom: 0; margin-bottom:10px;}
.table-cs th, .table-cs td{font-size: 14px;padding: 17px 20px;color: #494949;font-weight: 400;border-color: #d9dbdb;line-height: 16px}
.table-cs thead th{border-bottom: 1px solid #d9dbdb}
.table-cs th{color: #999;font-weight: 700}
.table-cs td{border-top: 0;border-bottom: 1px solid #d9dbdb;font-size: 14px;letter-spacing: -.02em}






.cs-write-img{padding: 5px 0;display: flex;align-items: center; margin-bottom: -1px; line-height: 30px; color:#999999; font-size: 14px;  font-weight: 800; text-align: center; }
.cs-write-img.noline{border-bottom: 0;margin-bottom: 0}
.cs-write-img+.cs-write-img{border-top: 1px solid #fff; border-bottom: 1px solid #fff !important; }
.cs-write-img .btn+.btn{margin-left: 5px}
.cs-write-img>.ml-auto{display: flex;align-items:center;color: #a1a1a1; width:100%; line-height: 50px}
.cs-write-img .btn{border-radius:4px; height: 36px; padding:6px 12px; font-size:14px;}
.cs-write-img .message-board {min-height: 400px; padding:10px}
.cs-write-img { border-top:1px solid #fff !important;}
.cs-write-img [class*=icon]{height: 6px;margin-left:3px}
.icon-del_s{width: 11px;background-image: url(/design/img/icon/del_s.png)}
.cs-write-img .btn-gm{border-radius:8px; height: 22px; padding:1px 6px; font-size: 10px}

.top_line {border-top: 1px solid #d9dbdb}

.btn-outline-lightgray{border-color: #dbdbdb;color: #9e9e9e !important}


.d-flex-space .potip{width: 100%; text-align: right}



.one-event-list {display: flex;align-items: center; padding: 10px}

.event-link{position: relative;display: block;width:234px;height:234px;background-repeat: no-repeat;margin:20px}
/* skt Á¦¿Ü
.event-link>.name1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: #ffe13f;color: #fff;width:234px;height: 234px;font-size: 20px;font-weight: 700;opacity: 0;transition: opacity .2s; background-image: url(/design/img/event_100_btn_01_on.png)}
*/
.event-link>.name1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: #ffe13f;color: #fff;width:234px;height: 234px;font-size: 20px;font-weight: 700;opacity: 0;transition: opacity .2s; background-image: url(/design/img/event_100_btn_01_on-01.png)}
.event-link:hover>.name1{opacity: 1}

.event-link>.name2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: #ffe13f;color: #fff;width:234px;height: 234px;font-size: 20px;font-weight: 700;opacity: 0;transition: opacity .2s; background-image: url(/design/img/event_100_btn_02_on.png)}
.event-link:hover>.name2{opacity: 1}

.event-link>.name3{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;background: #ffe13f;color: #fff;width:234px;height: 234px;font-size: 20px;font-weight: 700;opacity: 0;transition: opacity .2s; background-image: url(/design/img/event_100_btn_03_on.png)}
.event-link:hover>.name3{opacity: 1}


/* ¼ºÀÎÀÎÁõ */
#container .adult{padding: 50px 30px 100px;}
.adult .a_header{}
.adult .a_header .a_title{font-size: 32px;}
.adult .a_info{display: flex;justify-content: space-between;align-items: center;padding-top: 40px;}
.adult .a_info .a_img{width: 140px;}
.adult .a_info .a_img img{width: 100%;}
.adult .a_info .a_txt{padding-left: 30px;width: calc(100% - 140px);word-break: break-word;}
.adult .a_info .a_txt h3{font-size: 22px;font-weight: 600;line-height: 1.4;}
.adult .a_info .a_txt h3 strong{font-weight: 600;color: #b93b3b;}
.adult .a_info .a_txt p{padding-top: 15px;font-size: 16px;font-weight: 600;color: #494949;}
.adult .a_info .a_txt span{display: block;padding-top: 10px;font-size: 14px;color: #555;}
.adult .a_info .a_txt span a{margin-left: 10px;padding: 8px 15px 9px;font-size: 13px;font-weight: 600;background: #494949;color: #fff;border-radius: 50px;}
.adult .a_notice{padding-top: 30px;font-size: 14px;color: #999;text-align: center;}
.adult .a_list{display: flex;justify-content: space-between;padding-top: 65px;}
.adult .a_list li{width: 32%;}
.adult .a_list li a{position:relative; display: block;padding: 30px 0;text-align: center;background: linear-gradient(to top, #f1f1f1, #fff);border: 1px solid #f1f1f1;border-radius: 20px;box-shadow: 2px 2px #eee;}
.adult .a_list li a:hover{box-shadow:none;}
.adult .a_list li a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border: 1px solid #f1f1f1;border-radius: 20px;transition: all 0.2s linear;}
.adult .a_list li a:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border: 2px solid #b14747;border-radius: 20px;}
.adult .a_list li:hover a{border: 1px solid b14747;}
.adult .a_list li a img{}
.adult .a_list li a h4{padding-top: 20px;font-size: 18px;color: #494949;}

/* Ä«Ä«¿ÀÆäÀÌ º»ÀÎÀÎÁõ */
.cert{padding: 25px;padding-top: 90px;}
.cert h2{position: relative;margin-bottom: 10px;padding-left: 65px;font-size: 1.4rem;color: #181818;}
.cert h2:after{content:"";position:absolute;top: 2px;left: 0;width: 60px;height: 25px;background: url(/design/img/icon/kakaopay_icon.png) no-repeat center;background-size: 100%;}
.cert .form{}
.cert .form .cert_list{padding-top: 20px;}
.cert .form .cert_list h3{font-size: 1rem;font-weight: 500;color: #999;}
.cert .form .cert_list input[type="text"]{margin: 5px 0 10px;padding: 0 10px;width: 100%;height: 40px;font-size: 1.2rem;font-weight: 600;color: #181818;border: 0;border-bottom: 1px solid #bbb;}
.cert .form .cert_list input[type="text"]:focus{outline: none;border-bottom:2px solid #ffeb00;}
.cert .form .cert_list input[type="text"]::placeholder{color:#cfcfcf;}
.cert .form .cert_list .txt{display: block;font-size: 0.9rem;color: #ebb948;}

.cert .form .c_date .b_date{display: flex;justify-content: space-between;align-items: center;}
.cert .form .c_date .b_date > input{width: 55%;}
.cert .form .c_date .b_date .gender{display: flex;justify-content: center;width: 45%;}
.cert .form .c_date .b_date .gender li{position: relative;display: flex;align-items: center;padding: 0 20px;}
.cert .form .c_date .b_date .gender li input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.cert .form .c_date .b_date .gender li input[type="radio"]+label{display: inline-block;font-size: 1rem;font-weight: 500;color: #999;}
.cert .form .c_date .b_date .gender li input[type="radio"]+label i{display: inline-block;margin-right: 5px;width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 100%;vertical-align: middle;}
.cert .form .c_date .b_date .gender li input[type="radio"]:checked+label i{background: url(/design/img/icon/kakao_w_ch.png) no-repeat center #ebb948;background-size: 53%;border: 0;}

.cert .form .c_agreement{padding-top: 30px;}
.cert .form .c_agreement .agree_title input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.cert .form .c_agreement .agree_title input[type="checkbox"]+label{font-size: 1rem;font-weight: 600;color: #777;}
.cert .form .c_agreement .agree_title input[type="checkbox"]+label i{display: inline-block;margin-right: 10px;width: 20px;height: 20px;border: 1px solid #ddd;vertical-align: middle;}
.cert .form .c_agreement .agree_title input[type="checkbox"]+label strong{font-weight: 600;color:#ebb948;}
.cert .form .c_agreement .agree_title input[type="checkbox"]:checked+label i{background: url(/design/img/icon/kakao_b_ch.png) no-repeat center;background-size: 63%;}
.cert .form .c_agreement .agree_screen{position: relative;margin-top: 20px;border-top: 1px solid #eee;}
.cert .form .c_agreement .agree_screen .agree_notice{position: absolute;top: 0;left: 0;width: 100%;background: #fff;}
.cert .form .c_agreement .agree_screen .agree_notice li{display: none;}
.cert .form .c_agreement .agree_screen .agree_notice li .notice_title{position: relative;display: flex;justify-content: space-between;align-items: center;padding: 0 10px;height: 35px;background: #aaa;}
.cert .form .c_agreement .agree_screen .agree_notice li .notice_title h4{font-size: 1rem;font-weight: 600;color: #fff;}
.cert .form .c_agreement .agree_screen .agree_notice li .notice_title .notice_close{position: absolute;top: 0;right: 5px;width: 35px;height: 35px;font-size: 0;background: url(/design/img/icon/agree_close.png) no-repeat center;background-size: 50%;border: 0;}
.cert .form .c_agreement .agree_screen .agree_notice li .notice_info{padding: 5px 10px 10px;height: 70px;border: 1px solid #eee;border-top: 0;overflow-y: auto;}
.cert .form .c_agreement .agree_screen .agree_notice li .notice_info dl{padding-top: 10px;}
.cert .form .c_agreement .agree_screen .agree_notice li .notice_info dt{font-size: 0.9rem;color: #777;}
.cert .form .c_agreement .agree_screen .agree_notice li .notice_info dd{padding-top: 2px;font-size: 0.8rem;color: #777;}
.cert .form .c_agreement .agree_screen .agree_list{padding-top: 5px;}
.cert .form .c_agreement .agree_screen .agree_list li{display: flex;justify-content: space-between;align-items: center;padding-top: 10px;}
.cert .form .c_agreement .agree_screen .agree_list li .agree_check{}
.cert .form .c_agreement .agree_screen .agree_list li .agree_check input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.cert .form .c_agreement .agree_screen .agree_list li .agree_check input[type="checkbox"]+label{font-size: 0.95rem;font-weight: 600;color: #777;}
.cert .form .c_agreement .agree_screen .agree_list li .agree_check input[type="checkbox"]+label i{display: inline-block;margin-right: 10px;width: 20px;height: 20px;border: 1px solid #ddd;vertical-align: middle;}
.cert .form .c_agreement .agree_screen .agree_list li .agree_check input[type="checkbox"]:checked+label i{background: url(/design/img/icon/kakao_b_ch.png) no-repeat center;background-size: 63%;}
.cert .form .c_agreement .agree_screen .agree_list li .agree_btn{}
.cert .form .c_agreement .agree_screen .agree_list li .agree_btn button{width: 20px;height: 20px;font-size: 0;background: url(/design/img/icon/agree_arrow.png) no-repeat center;border: 0;}

.request{padding-top: 30px;width: 100%;}
.request .r_before{display: block;}
.request .r_before button{width: 100%;height: 70px;font-size: 1.2rem;font-weight: 700;background: #ffeb00;color: #181818;border: 0;}
.request .r_after{display: none;text-align: center;}
.request .r_after button{width: 100%;height: 60px;font-size: 1.2rem;font-weight: 700;background: #2ec564;color: #fff;border: 0;}
.request .r_after span{display: block;padding-top: 20px;font-size: 0.9rem;font-weight: 600;color: #777;}


/* Å佺 º»ÀÎÀÎÁõ */
.t_cert{padding: 25px;padding-top: 90px;}
.t_cert h2{position: relative;margin-bottom: 10px;padding-left: 68px;font-size: 1.4rem;color: #181818;}
.t_cert h2:after{content:"";position:absolute;top: 2px;left: 0;width: 60px;height: 25px;background: url(/design/img/icon/toss_icon.png) no-repeat center;background-size: 100%;}
.t_cert .form{}
.t_cert .form .cert_list{padding-top: 20px;}
.t_cert .form .cert_list h3{font-size: 1rem;font-weight: 500;color: #999;}
.t_cert .form .cert_list input[type="text"]{margin: 5px 0 10px;padding: 0 10px;width: 100%;height: 40px;font-size: 1.2rem;font-weight: 600;color: #181818;border: 0;border-bottom: 1px solid #bbb;}
.t_cert .form .cert_list input[type="text"]:focus{outline: none;border-bottom:2px solid #ffeb00;}
.t_cert .form .cert_list input[type="text"]::placeholder{color:#cfcfcf;}
.t_cert .form .cert_list .txt{display: block;font-size: 0.9rem;color: #ebb948;}

.t_cert .form .c_date .b_date{display: flex;justify-content: space-between;align-items: center;}
.t_cert .form .c_date .b_date > input{width: 55%;}
.t_cert .form .c_date .b_date .gender{display: flex;justify-content: center;width: 45%;}
.t_cert .form .c_date .b_date .gender li{position: relative;display: flex;align-items: center;padding: 0 20px;}
.t_cert .form .c_date .b_date .gender li input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.t_cert .form .c_date .b_date .gender li input[type="radio"]+label{display: inline-block;font-size: 1rem;font-weight: 500;color: #999;}
.t_cert .form .c_date .b_date .gender li input[type="radio"]+label i{display: inline-block;margin-right: 5px;width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 100%;vertical-align: middle;}
.t_cert .form .c_date .b_date .gender li input[type="radio"]:checked+label i{background: url(/design/img/icon/kakao_w_ch.png) no-repeat center #0064ff;background-size: 53%;border: 0;}

.t_cert .form .c_agreement{padding-top: 30px;}
.t_cert .form .c_agreement .agree_title input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.t_cert .form .c_agreement .agree_title input[type="checkbox"]+label{font-size: 1rem;font-weight: 600;color: #777;}
.t_cert .form .c_agreement .agree_title input[type="checkbox"]+label i{display: inline-block;margin-right: 10px;width: 20px;height: 20px;border: 1px solid #ddd;vertical-align: middle;}
.t_cert .form .c_agreement .agree_title input[type="checkbox"]+label strong{font-weight: 600;color:#ebb948;}
.t_cert .form .c_agreement .agree_title input[type="checkbox"]:checked+label i{background: url(/design/img/icon/kakao_b_ch.png) no-repeat center;background-size: 63%;}
.t_cert .form .c_agreement .agree_screen{position: relative;margin-top: 20px;border-top: 1px solid #eee;}
.t_cert .form .c_agreement .agree_screen .agree_notice{position: absolute;top: 0;left: 0;width: 100%;background: #fff;}
.t_cert .form .c_agreement .agree_screen .agree_notice li{display: none;}
.t_cert .form .c_agreement .agree_screen .agree_notice li .notice_title{position: relative;display: flex;justify-content: space-between;align-items: center;padding: 0 10px;height: 35px;background: #aaa;}
.t_cert .form .c_agreement .agree_screen .agree_notice li .notice_title h4{font-size: 1rem;font-weight: 600;color: #fff;}
.t_cert .form .c_agreement .agree_screen .agree_notice li .notice_title .notice_close{position: absolute;top: 0;right: 5px;width: 35px;height: 35px;font-size: 0;background: url(/design/img/icon/agree_close.png) no-repeat center;background-size: 50%;border: 0;}
.t_cert .form .c_agreement .agree_screen .agree_notice li .notice_info{padding: 5px 10px 10px;height: 70px;border: 1px solid #eee;border-top: 0;overflow-y: auto;}
.t_cert .form .c_agreement .agree_screen .agree_notice li .notice_info dl{padding-top: 10px;}
.t_cert .form .c_agreement .agree_screen .agree_notice li .notice_info dt{font-size: 0.9rem;color: #777;}
.t_cert .form .c_agreement .agree_screen .agree_notice li .notice_info dd{padding-top: 2px;font-size: 0.8rem;color: #777;}
.t_cert .form .c_agreement .agree_screen .agree_list{padding-top: 5px;}
.t_cert .form .c_agreement .agree_screen .agree_list li{display: flex;justify-content: space-between;align-items: center;padding-top: 10px;}
.t_cert .form .c_agreement .agree_screen .agree_list li .agree_check{}
.t_cert .form .c_agreement .agree_screen .agree_list li .agree_check input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.t_cert .form .c_agreement .agree_screen .agree_list li .agree_check input[type="checkbox"]+label{font-size: 0.95rem;font-weight: 600;color: #777;}
.t_cert .form .c_agreement .agree_screen .agree_list li .agree_check input[type="checkbox"]+label i{display: inline-block;margin-right: 10px;width: 20px;height: 20px;border: 1px solid #ddd;vertical-align: middle;}
.t_cert .form .c_agreement .agree_screen .agree_list li .agree_check input[type="checkbox"]:checked+label i{background: url(/design/img/icon/kakao_b_ch.png) no-repeat center;background-size: 63%;}
.t_cert .form .c_agreement .agree_screen .agree_list li .agree_btn{}
.t_cert .form .c_agreement .agree_screen .agree_list li .agree_btn button{width: 20px;height: 20px;font-size: 0;background: url(/design/img/icon/agree_arrow.png) no-repeat center;border: 0;}

.t_cert .request{padding-top: 30px;width: 100%;}
.t_cert .request .r_before{display: block;}
.t_cert .request .r_before button{width: 100%;height: 70px;font-size: 1.2rem;font-weight: 700;background: #0064ff;color: #fff;border: 0;}
.t_cert .request .r_after{display: none;text-align: center;}
.t_cert .request .r_after button{width: 100%;height: 60px;font-size: 1.2rem;font-weight: 700;background: #2ec564;color: #fff;border: 0;}
.t_cert .request .r_after span{display: block;padding-top: 20px;font-size: 0.9rem;font-weight: 600;color: #777;}


/* ÀúÀÛ±Ç º¸È£¼¾ÅÍ */
.copy_box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 800px;background: #fff;overflow: hidden;border-radius: 30px;}
.copy_box .copy_head{position: relative;height: 50px;background: #B14747;}
.copy_box .copy_head .copy_title{padding-left: 30px;font-size: 16px;line-height: 50px;color: #fff;}
.copy_box .copy_head .icon-close{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);width: 21px;height: 21px;}
.copy_box .copy_body{}
.copy_box .copy_body .copy_list{display: flex;justify-content: space-between;align-items: center;}
.copy_box .copy_body .copy_list a{width: 25%;height: 60px;line-height: 60px;text-align: center;font-size: 17px;font-weight: 600;background: #F9F9F9;color: #888;border: 1px solid #aaa;border-top: 0;border-left: 0;}
.copy_box .copy_body .copy_list a:nth-child(4){border-right: 0;}
.copy_box .copy_body .copy_list a.active{background: #fff;color: #000;border-bottom: 0;}
.copy_box .copy_body .copy_screen{padding: 15px 30px 40px;height: 590px;overflow-y: auto;}
.copy_box .copy_body .copy_screen .copy_op_title{padding-top: 25px;font-size: 16px;}
.copy_box .copy_body .copy_screen .copy_op_sentence{padding-top: 10px;word-break: break-word;color: #333;}
.copy_box .copy_body .copy_screen .copy_btn{display: inline-block;margin-top: 10px;width: 160px;height: 30px;font-size: 12px;font-weight: 500;line-height: 30px;text-align: center;background: #b14747;color: #fff;border-radius: 25px;}
.copy_box .copy_body .copy_screen .copy_op_notice{display: block;padding-top: 10px;font-size: 13px;}
.copy_box .copy_body .copy_screen .copy_process{padding-top: 15px;overflow: hidden;}
.copy_box .copy_body .copy_screen .copy_process .copy_p{display: flex;justify-content: space-between;}
.copy_box .copy_body .copy_screen .copy_process .copy_p li{position: relative;padding: 20px 0;width: 17.5%;text-align: center;border: 2px solid #b14747;border-radius: 10px;}
.copy_box .copy_body .copy_screen .copy_process .copy_p li:after{content:"";position: absolute;top: 50%;right: -21px;transform: translateY(-50%);width: 16px;height: 16px;background: url("/design/img/icon/copy_arrow.png") no-repeat center;background-size: 100%;}
.copy_box .copy_body .copy_screen .copy_process .copy_p li:nth-child(5):after{display: none;}
.copy_box .copy_body .copy_screen .copy_process .copy_p li .copy_img{}
.copy_box .copy_body .copy_screen .copy_process .copy_p li .copy_img img{}
.copy_box .copy_body .copy_screen .copy_process .copy_p li .copy_num{display: block;padding-top: 10px;font-size: 14px;font-weight: 700;color: #333;}
.copy_box .copy_body .copy_screen .copy_process .copy_p li .copy_txt{padding-top: 5px;font-size: 12px;font-weight: 500;line-height: 1.3;color: #000;}
.copy_box .copy_body .copy_screen .copy_process .copy_p li .copy_ex{padding-top: 5px;font-size: 7px;color: #666;}
.copy_box .copy_body .copy_screen .table{margin-top: 25px;}
.copy_box .copy_body .copy_screen .board-srch{padding: 0 50px;width: 100%;}
.copy_box .copy_body .copy_screen .copy_notice{padding-top: 25px;word-break: break-word;}
.copy_box .copy_body .copy_screen .copy_notice strong{font-weight: 400;}
.copy_box .copy_body .copy_screen .copy_notice .check_point{display: inline-block;padding: 10px 0 5px;color: #B14747;}


/* Ãß¼® À̺¥Æ® */
.chuseok{margin: 0;}
.chuseok_pg{margin-bottom: 30px;padding: 30px;background: #184950;}
.chuseok_pg img{width: 100%;vertical-align: middle;}
.chuseok_pg .chu_inner{position: relative;display: flex;}
.chuseok_pg .chu_inner .chu_front{position: absolute;display: block;top: 0;left: 0;width: 100%;}
.chuseok_pg .chu_inner.active .chu_front{display: none;}
.chuseok_pg .chu_inner .chu_left{cursor: pointer;}
.chuseok_pg .chu_inner .chu_right{display: block;height: 100%;}
.chuseok_pg .chu_inner .chu_tag{position: absolute;top: -3px;width: 56px;z-index: 1;}
.chuseok_pg .chu_notice{padding-top: 20px;text-align: center;}
.chuseok_pg .chu_notice img{width: auto;}


/* ù°áÁ¦ Æ÷ÀÎÆ® À̺¥Æ® */
.content-banner.first{margin: 0;}
.f_content{margin-bottom: 40px;padding: 35px 40px;text-align: center;background: #3c498f;}
.f_content img{width: 100%;vertical-align: middle;}
.f_content .f_inner{position: relative;border: 4px solid;border-radius: 70px;animation: line 1s infinite ease-in-out;animation-fill-mode:both;}
.f_content .f_inner:hover{animation-name: line2;animation-duratution:0.1s;animation-iteration-count:1;animation-fill-mode:forwards;}
.f_content .f_inner .f_left{display: flex;justify-content: space-between;align-items: center;padding: 22px 80px;padding-right: 18%;width: 90%;text-align: right;background: #fff;border-radius: 70px;}
.f_content .f_inner .f_left .f_title{}
.f_content .f_inner .f_left .f_option{}
.f_content .f_inner .f_left .f_price{width: 28%;}
.f_content .f_inner .f_right{position: absolute;display: flex;top: 0;right: 0;width: 25%;height: 100%;background: #b14747;border-radius: 70px;}
.f_content .f_inner .f_right .f_buy{display: inline-block;margin: auto;width: 65%;}
.f_content .f_inner .f_tag{position: absolute;top: -20px;left: 0;}
.f_content .f_notice{display: inline-block;padding-top: 15px;}
.f_content .f_notice img{width: auto;}
@keyframes line{0%{border-color:#3c498f;}50%{border-color: #ffcc00;}100%{border-color:#3c498f;}}
@keyframes line2{0%{border-color: #ffcc00;}100%{border-color: #ffcc00;}}


/* Àç°áÁ¦ Æ÷ÀÎÆ® À̺¥Æ® */
.content-banner.rebuy{margin: 0;}
.r_content{margin-bottom: 40px;padding: 35px 40px;text-align: center;background: #3d2970;}
.r_content img{width: 100%;vertical-align: middle;}
.r_content .r_inner{position: relative;border: 4px solid;border-radius: 70px;animation: reline 1s infinite ease-in-out;animation-fill-mode:both;}
.r_content .r_inner:hover{animation-name: line2;animation-duratution:0.1s;animation-iteration-count:1;animation-fill-mode:forwards;}
.r_content .r_inner .r_left{display: flex;justify-content: space-between;align-items: center;padding: 22px 70px;padding-right: 18%;width: 90%;text-align: right;background: #fff;border-radius: 70px;}
.r_content .r_inner .r_left .r_title{}
.r_content .r_inner .r_left .r_option{}
.r_content .r_inner .r_left .r_price{width: 28%;}
.r_content .r_inner .r_right{position: absolute;display: flex;top: 0;right: 0;width: 25%;height: 100%;background: #e3474b;border-radius: 70px;}
.r_content .r_inner .r_right .r_buy{display: inline-block;margin: auto;width: 65%;}
.r_content .r_inner .r_tag{position: absolute;top: -20px;left: 0;}
.r_content .r_notice{display: inline-block;padding-top: 15px;}
.r_content .r_notice img{width: auto;}
@keyframes reline{0%{border-color:#3d2970;}50%{border-color: #ffcc00;}100%{border-color:#3d2970;}}
@keyframes line2{0%{border-color: #ffcc00;}100%{border-color: #ffcc00;}}



/* ¸ÞÀÎ Æ˾÷ */
.popup{position: fixed;top: 155px;left: 50%;transform: translateX(-50%);margin-left: -3px;box-shadow: 1px 10px 15px rgb(0,0,0,0.2);z-index: 1;}
.popup .pop_img{display: block;}
.popup .pop_close{position: absolute;top: 17px;right: 10px;width: 30px;height: 30px;font-size: 0;background: url(/design/img/event/new_year/close_b.png) no-repeat center;background-size: contain;}
.popup .today{padding: 0 20px;height: 40px;line-height: 40px;text-align: right;background: #fff;}
.popup .today .chk{display: inline-block;}
.popup .today .chk input{display: inline-block;margin-top: -2px;width: 20px;height: 20px;vertical-align: middle;}
.popup .today .chk label{font-size: 14px;}

/* ¾Ö´ÏÅ÷ À̺¥Æ® */
.any_con{max-width: 918px;}
.any_con figure{margin: 0;}
.any_con .e_btn{text-align: center;background: #003445;}
.any_con .e_btn a{display: inline-block;height: 100%;}

/* ÆÄÀÏ°í¼ö °øÀ¯ µ¿ÀÇ */
.gosu{display: flex;justify-content: center;align-items: center;height: 100%;}
.gosu .g_box{position: relative;margin: auto;}
.gosu .g_box .c_section{margin: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.gosu .g_box .s_button{display: block;height: 100%;overflow: hidden;}
.gosu .g_box .c_section2{margin: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow:hidden;}
.gosu .g_box button{position: absolute; top: 0; right: -30px; width: 21px; height: 21px;}


/* Å©¸®½º¸¶½º Æ˾÷ */
#modal_christmas .icon-modal-close{
    left: initial;
    right: 25px;
    background-image: url(/design/img/event/christmas_event/modal_close_w.png);
    z-index: 5;
}
#modal_christmas .form-board{
    position: relative;
    padding: 50px;
    text-align: center;
    background: url(/design/img/event/christmas_event/paper.png) no-repeat top center #b14747;
    border-radius: 17px;
}
#modal_christmas .form-board:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 100%;
    background: url(/design/img/event/christmas_event/circle.png) no-repeat center;
    background-size: 100%;
    opacity: 0.5;
}
#modal_christmas .form-board .gift_box{}
#modal_christmas .form-board .gift_box .g_top{
    margin: 0;
}
#modal_christmas .form-board .gift_box .m_text{
    margin: 20px 0;
}
#modal_christmas .form-board .gift_box .m_text h3{
    font-size: 44px;
    color: #fff000;
}
#modal_christmas .form-board .gift_box .m_text ul{
    margin-top: 7px;
}
#modal_christmas .form-board .gift_box .m_text ul li{
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}
#modal_christmas .form-board .gift_box .g_bot{
    margin: 0;
}
#modal_christmas .form-board .m_img{
    display: none;
}
#modal_christmas .form-board .m_img img{}

/* ¼³³¯ À̺¥Æ® */
.r_new_year{
    margin-bottom: 12px;
}
.r_new_year .r_img{
	height: 15px;
}
.r_new_year .r_img img{}
.r_new_year .r_mid{
    padding: 0 8px;
}
.r_new_year .r_mid a{
    display: block;
    padding: 8px 5px 6px;
    height: 100%;
    text-align: center;
    background: #fff;
    border: 3px solid #00c0bc;
    border-top: 0;
    border-bottom: 0;
}
.r_new_year .r_mid a .r_count{
    font-size: 13px;
    font-weight: 700;
    color: #202020;
}
.r_new_year .r_mid a h5{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    color: #ff4061;
}
.r_new_year .r_mid a .r_next{}
.r_new_year .r_mid a .r_next span{
    display: block;
    margin-top: 5px;
    height: 18px;
    font-size: 12px;
    font-weight: 500;
    background: #00c0bc;
    color: #fff;
}
.r_new_year .r_mid a .r_next h6{
    height: 30px;
    line-height: 26px;
    font-size: 22px;
    font-weight: 700;
    background: #f9ffba;
    color: #009592;
    border: 2px solid #00c0bc;
}

/* ¼³³¯ À̺¥Æ® - Æ÷ÀÎÆ® ÃæÀü¼Ò */
.p_new_year{
    padding: 25px;
    background: #00c0bc;
}
.p_new_year .p_user{
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    background: #ff4061;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.p_new_year .p_contents{
    position: relative;
    padding: 15px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.p_new_year .p_contents .p_center{
    text-align: center;
}
.p_new_year .p_contents .p_center span{
    font-size: 20px;
    font-weight: 500;
    color: #202020;
}
.p_new_year .p_contents .p_center h5{
    font-size: 80px;
    font-weight: 700;
    line-height: 1.1;
    color: #ff4061;
}
.p_new_year .p_contents .p_next{
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 226px;
}
.p_new_year .p_contents .p_next span{
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	background: #00c0bc;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.p_new_year .p_contents .p_next h6{
    height: 70px;
    line-height: 66px;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    background: #f9ffba;
    color: #009592;
    border: 3px solid #00c0bc;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* °áÁ¦Ã¢ - ù°áÁ¦ À̺¥Æ® */
.first_popup .payment-point .payment-list .payment-item{
	margin-top: 20px;
    position: relative;
    display: flex;
    border-bottom: 1px solid #eceded;
    font-weight: 700;
}
.first_popup .payment-point .payment-list .payment-item .payment-link{
    display: block;
    padding: 15px 0 10px;
    width: 112px;
    height: 130px;
    border-radius: 10px;
    color: #4c5b5c;
    background-color: #eeeeee;
    text-align: center;
    margin-bottom: 10px;
}
.first_popup .payment-point .payment-list .payment-item .payment-link .icon-payment-mobile{
	margin-bottom: 10px;
	background-image: url(/design/img/icon/pay_mobile.png);
	height: 55px;
}
.first_popup .payment-point .payment-list .payment-item .payment-link .icon-payment-card{
	margin-bottom: 10px;
    background-image: url(/design/img/icon/pay_card.png);
    height: 55px;	
}
.first_popup .payment-point .payment-list .payment-item .payment-link .icon-payment-kpay{
	margin-bottom: 10px;
	background-image: url(/design/img/icon/k_pay.png);
	height: 55px;
}
.first_popup .payment-point .payment-list .payment-item .payment-link .first_payment{
    display: block;
}

/* °áÁ¦Ã¢ - ½Å¿ëÄ«µå °áÁ¦Ã¢ */
.card_popup{
    position: relative;
    padding: 20px;
    height: 650px;
    overflow: hidden;
    overflow-y: auto;
}
.card_popup .c_amount{}
.card_popup .c_amount h5{
    font-size: 16px;
    font-weight: 600;
}
.card_popup .c_amount p{
    margin-top: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #404040;
}
.card_popup .c_amount p strong{
    font-size: 24px;
    color: #f8a718;
}
.card_popup .form{}
.card_popup .form .c_section{}
.card_popup .form .c_section .c_con{
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
}
.card_popup .form .c_section .c_number{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.card_popup .form .c_section .c_number input{
    width: 25%;
    height: 40px;
    font-weight: 500;
	text-align: center;
    color: #202020;
    border: 0;
    outline: none;
}
.card_popup .form .c_section .c_number .dash{}
.card_popup .form .c_section .c_card{
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
}
.card_popup .form .c_section .c_card select{
    width: 48%;
    height: 40px;
    color: #202020;
    border: 0;
    border-bottom: 1px solid #ccc;
    outline: none;
}
.card_popup .form .c_section .c_card select option{}
.card_popup .form .c_section .c_date{}
.card_popup .form .c_section .c_date input{
    width: 100%;
    height: 40px;
    color: #202020;
    border: 0;
    outline: none;
}
.card_popup .form .c_section .c_pwd{}
.card_popup .form .c_section .c_pwd input{
    width: 100%;
    height: 40px;
    color: #202020;
    border: 0;
    outline: none;
}
.card_popup .form .c_section .c_agree{
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.card_popup .form .c_section .c_agree h6{
    margin-bottom: 15px;
    font-size: 15px;
}
.card_popup .form .c_section .c_agree ul{}
.card_popup .form .c_section .c_agree ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.card_popup .form .c_section .c_agree ul li .a_chk{}
.card_popup .form .c_section .c_agree ul li .a_chk .a_box{
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
.card_popup .form .c_section .c_agree ul li .a_chk .a_btn{
	margin-left: 2px;
	font-size: 12px;
	vertical-align: middle;
}
.card_popup .form .c_section .c_agree ul li .a_chk .a_btn i{}
.card_popup .form .c_section .c_agree ul li .a_more{
    display: block;
    width: 15px;
    height: 15px;
}
.card_popup .form .c_section .c_agree ul li .a_more img{
    width: 100%;
}
.card_popup .form .c_section .c_agree p{
    margin-top: 15px;
    font-size: 12px;
    color: #606060;
}
.card_popup .form .c_section .c_alert{
    margin-top: 5px;
    font-size: 12px;
    color: red;
}
.card_popup .c_btn{
	margin-top: 25px;
	width: 100%;
	height: 50px;
	font-size: 17px;
	font-weight: 500;
	background: #f8a718;
	color: #fff;
	border: 0;
	border-radius: 5px;
}

/* °áÁ¦Ã¢ - ½Å¿ëÄ«µå °áÁ¦Ã¢ - ÀÌ¿ë¾à°ü */
.card_popup .agree_con{
    position: relative;
    padding-bottom: 50px;
}
.card_popup .agree_con h6{
    text-align: center;
}
.card_popup .agree_con .a_con p{
    margin-top: 30px;
    font-size: 12px;
    word-break: break-all;
}
.card_popup .agree_con .a_con span{}
.card_popup .agree_1 .a_con p{}
.card_popup .agree_2 .a_con p{
    margin-top: 10px;
}
.card_popup .agree_2 .a_con span{
    display: block;
    margin-top: 10px;
    font-size: 12px;
}
.card_popup .agree_2 .a_con table{
	table-layout: fixed;
    margin: 10px 0 20px;
    border-left: 1px solid #ccc;
}
.card_popup .agree_2 .a_con table thead{
    background: #f9f9f9;
    border-top: 1px solid #ccc;
}
.card_popup .agree_2 .a_con table tbody{}
.card_popup .agree_2 .a_con table tr{
    border-bottom: 1px solid #ccc;
}
.card_popup .agree_2 .a_con table tr th{
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #ccc;
}
.card_popup .agree_2 .a_con table tr td{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.3;
    border-right: 1px solid #ccc;
}
.card_popup .agree_2 .a_con table tr td span{}
.card_popup .a_button{
	position: fixed;
    bottom: 0;
    left: 20px;
    padding: 20px;
    padding-left: 0;
    width: calc(100% - 20px);
}
.card_popup .a_button a{
	display: block;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    background: #f8a718;
    color: #fff;
	border-radius: 5px;
}

/* °Ë»ö Á¦¿Ü ±â´É Ãß°¡ */
.main_search{
    position: relative;
    display: inline-block;
    margin-left: -150px;
}
.main_search .form_search{
    position: relative;
    display: inline-block;
    width: 412px;
    vertical-align: top;
}
.main_search .form_search .form_con{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
}
.main_search .form_search .form_con .search_box{
	padding: 0 20px;
    width: 100%;
    height: 45px;
    font-size: 16px;
    border: 0;
    outline: none;
}
.main_search .form_search .form_con .search_ex{
    height: 0;
}
.main_search .form_search .form_con .search_ex .ex_ment{
    padding-top: 10px;
}
.main_search .form_search .form_con .search_ex .ex_ment a{
    position: relative;
    display: block;
    text-align: left;
}
.main_search .form_search .form_con .search_ex .ex_ment a:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(/design/img/search/bot.png) no-repeat center;
    background-size: 100%;
    border: 0;
}
.main_search .form_search .form_con .search_ex .ex_ment a span{
    font-size: 13px;
    color: #404040;
}
.main_search .form_search .form_con .search_ex .ex_ment a span:before{
	content: "";
	display: inline-block;
	margin-top: -1px;
	margin-right: 5px;
	width: 26px;
	height: 12px;
	background: url(/design/img/search/tip.png) no-repeat center;
	background-size: 100%;
	vertical-align: middle;
}
.main_search .form_search .form_con .search_ex .ex_con{
    height: 0;
    overflow: hidden;
}
.main_search .form_search .form_con .search_ex .ex_con figure{
    margin: 0;
    margin-top: 10px;
}
.main_search .form_search .form_con .search_ex .ex_con figure img{}
.main_search .form_search .form_con .search_ex .ex_con p{
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    color: #404040;
}
.main_search .form_search .form_con .search_ex .ex_con p strong{
    color: #000;
}
.main_search .form_search .focus{
    padding: 0 20px 20px;
    overflow: initial;
    z-index: 1000;
    border: 1px solid #ddd;
    box-shadow: 0px 5px 10px rgba(0,0,0,.2);
}
.main_search .form_search .focus .search_box{
	padding: 0;
    border-bottom: 1px solid #eee;
}
.main_search .form_search .focus .search_ex{
    height: auto;
}
.main_search .form_search .focus .search_ex.active .ex_ment a:after{
    background: url(/design/img/search/top.png) no-repeat center;
	background-size: 100%;
}
.main_search .form_search .form_con .search_ex.active .ex_con{
    height: 100%;
}
.main_search .form_btn{
    display: inline-block;
    margin-left: 5px;
    width: 45px;
    height: 45px;
    background: url(/design/img/icon/srch_sm.png) no-repeat center #fff;
    border: 0;
    border-radius: 100%;
    vertical-align: top;
}

/* ½Ç½Ã°£ Àα⠰˻ö¾î 2025.04.03 */ 
.popular-search-wrap {position:absolute; top:50px; left:-20px; z-index:2; width: 100%; height:50px; font-size:20px; color:#fff}
.popular-search-wrap .search-roll {position:absolute; top:3px; left:40px; z-index:3; font-size:13px; color:#fff; height:25px; overflow:hidden;}
.popular-search-wrap .search-roll .tit-txt { position: relative; float:left; height:25px; font-size:13px; font-weight:bold; padding:1px 10px 0 0; margin-right:10px;}
.popular-search-wrap .search-roll .tit-txt::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px; /* ¶óÀÎÀÇ µÎ²² */
    height: 60%; /* ºÎ¸ð ¿ä¼Ò ³ôÀÌ¿¡ ¸ÂÃã */
    background-color: #ca8282; /* ¶óÀÎÀÇ »ö»ó */
}

.popular_search {width: 440px; min-height:30px; position: relative;}
.arrow-s {width:50px; height:15px; float:right; margin-top:8px; display: inline-block; cursor: pointer; transition: transform 0.3s ease;}
.popup-s {display: none; position: absolute; top: 35px; left: 20px; background: #fff; padding: 15px; font-size:20px; color:#000; border: 2px solid #b14747; border-radius:20px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); width: 420px; height:200px; box-sizing:border-box;}
.popup-s.active {display: block;}
.arrow-s.rotated {transform: rotate(180deg); margin-top:5px;}
.popup-s ul.popular-list {width:50%; float:left; font-size:13px; font-weight:bold; text-align:left; overflow:hidden;}
.popup-s ul.popular-list > li {padding:5px 0;}
.popup-s ul.popular-list > li .list-ranking {display:inline-block; width:30px; text-align:right; color:#929292; font-family: 'GmarketSansBold', "Noto Sans KR"; padding-right:10px;}
.popup-s ul.popular-list > li .ranking-top {color:#e45555;}
.popup-s ul.popular-list > li .list-tit {display:inline-block; color:#484848;cursor:pointer}


.rank-container {display:inline-block; width: 200px; height: 25px; /* ÇÑ ÁÙ¸¸ º¸À̵µ·Ï ¼³Á¤ */ overflow: hidden; position: relative;}
.rank-list {text-align:left; display: flex; flex-direction: column; position: absolute; top: -2px; width: 100%;will-change: transform;}
.rank-item {display: flex; font-size: 13px; color:#fff; font-weight:bold; height: 25px; line-height: 25px;}    

.roll_wrap {display: inline-block;} 
.roll_wrap .roll-num-high {display: inline-block; width:17px; height:17px; background:#494949; border-radius:10px; font-size:11px; color:#fff; font-family: 'GmarketSansBold', "Noto Sans KR"; text-align:center; margin-right:10px; line-height:20px;margin-top:5px;}
.roll_wrap .roll-num {display: inline-block; width:17px; height:17px; background:#fff; border-radius:10px; font-size:11px; color:#b14747; font-family: 'GmarketSansBold', "Noto Sans KR"; text-align:center; margin-right:10px; line-height:20px;margin-top:5px;}
.roll_wrap .roll-txt {display: inline-block; font-weight:bold; cursor:pointer} 



/* °áÁ¦ÆäÀÌÁö 2025.02.18 */

.charging-area  { font-family: 'Pretendard';}

.package_banner {width:100%; height:187px; margin:15px 0 0 0; overflow:hidden; position:relative; }
.package_banner .package_btn {width:63%; height: 40px; background: #e45555; border: none; outline:none; font-family: 'Pretendard'; font-size:20px; color:#fff; font-weight:700; position: absolute; top:63%; left:29%; z-index: 2; border-radius: 20px; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%); transition: all 0.5s;}
.package_banner .package_btn:hover {background:#c04545; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 30%);}

.point-tit {padding:30px 0 10px 0; text-align:center;}
.charging-point {width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.charging-point > li:nth-child(odd) {width:75%; float:left; padding-left:10px;}
.charging-point > li:nth-child(odd) .all-point {font-size:45px; font-weight:800; color:#e45555; letter-spacing:-0.04em; }
.charging-point > li:nth-child(odd) .point-num {font-size:22px; font-weight:400; color:#565656;letter-spacing:-0.03em;}
.charging-point > li:nth-child(even)  {width:25%; float:right; text-align:right;position:relative;}
.charging-point > li:nth-child(even) button.pay-btn {width:188px; height:70px; font-size:23px; font-family: 'Pretendard'; font-weight:700; color:#fff; background:#e45555; border-radius:10px; outline:none; border:none; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%); margin-top:10px; transition: all 0.5s;}
.charging-point > li:nth-child(even) button.pay-btn:hover {background:#c04545; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 30%);}
.charging-point > li:nth-child(even) .over-icon {position:absolute; top:-10px; right:150px;; z-index:2;}

.charging-point-pop {width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.charging-point-pop > li:nth-child(odd) {width:75%; float:left; text-align:left}
.charging-point-pop > li:nth-child(odd) .all-point {font-size:40px; font-weight:800; color:#e45555; letter-spacing:-0.04em; }
.charging-point-pop > li:nth-child(odd) .point-num {font-size:18px; font-weight:400; color:#565656;letter-spacing:-0.03em;}
.charging-point-pop > li:nth-child(even)  {width:25%; float:right; text-align:right; position:relative;}
.charging-point-pop > li:nth-child(even) button.pay-btn {width:160px; height:70px; font-size:20px; font-family: 'Pretendard'; font-weight:700; color:#fff; background:#e45555; border-radius:10px; outline:none; border:none; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%); margin-top:20px; transition: all 0.5s; margin-top:10px;}
.charging-point-pop > li:nth-child(even) button.pay-btn:hover {background:#c04545; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 30%);}
.charging-point-pop > li:nth-child(even) .over-icon {position:absolute; top:-15px; right:120px; z-index:2;}

.tip-txt {font-size:16px; font-weight:500; color:#8f8f8f; text-align:center; margin-top:5px;}
.tip-txt span {margin-right:15px;}
.tip-txt span:last-child {margin:0}

.charge-caution-pop {text-align:left; background:#f3f3f3; padding:10px 20px 20px 20px; font-family: 'Pretendard';  }
.charge-caution {}
.charge-caution .tit {font-size:18px; font-weight:700; color:#222; margin:30px 0 10px 0;font-family: 'Pretendard'; }
.charge-caution .sumary {}
.charge-caution .sumary li {width:100%; font-size:14px; color:#8f8f8f; margin-bottom:5px;}
.charge-caution .sumary li::before {content : '¡¤'; float:left; margin-right:5px;}
.charge-caution .sumary li:last-child {margin:0}


.charge-fix-txt {font-size:25px; font-weight:600; color:#222; margin:25px 0 0 0; text-align:center}
.charge-fix-txts {font-size:18px; font-weight:600; color:#222; margin:0 0 30px 0; text-align:center}
.charge-fix-txts span {color:#e45555}

.charge-fix {background:#f8f8f8; padding:30px 0; margin-bottom:40px;}
.charge-fix	.product-info {font-size:30px; font-weight:700; color:#000; text-align:center; padding-bottom:20px;}
.charge-fix	.product-info span.emphasis {color:#ec6413}
.charge-fix	.fix-area {display: flex; justify-content: center;}
.charge-fix	.fix-area .fix-item {width:45%; height:100px; border:1px solid #d3d3d3; background:#fff; border-radius:10px; overflow:hidden;}
.charge-fix	.fix-area .fix-item:first-child {margin-right:20px;}
.charge-fix	.fix-area .fix-item .left-area {width:64%; float:left;}
.charge-fix	.fix-area .fix-item .left-area .benefit-line {text-align:right; margin-top:15px;}
.charge-fix	.fix-area .fix-item .left-area .benefit-txt {display:inline-block; text-align:center; border-radius:4px; margin-right:10px;height:25px; font-size:14px; font-weight:700; box-sizing:border-box;}
.charge-fix	.fix-area .fix-item .left-area .benefit-txt:last-child {margin-right:0}
.charge-fix	.fix-area .fix-item .left-area .discount {background:#fee8f5; color:#f62b2b; padding:3px 15px; }
.charge-fix	.fix-area .fix-item .left-area .discount2 {background:#e8f0fe; color:#2b73f6; padding:3px 15px; }
.charge-fix	.fix-area .fix-item .left-area .add-point {background:#fff; border:1px solid #d34346; color:#d34346; padding:2px 10px;} 
.charge-fix	.fix-area .fix-item .left-area .add-point2 {background:#fff; border:1px solid #2b73f6; color:#2b73f6; padding:2px 10px;} 
.charge-fix	.fix-area .fix-item .left-area .num-line {text-align:right; margin-top:2px;}
.charge-fix	.fix-area .fix-item .left-area .num-through {font-size:20px; color:#9e9e9e; text-decoration: line-through; margin-right:10px;}
.charge-fix	.fix-area .fix-item .left-area .num-price {font-size:30px; color:#000; font-weight:700;}
.charge-fix	.fix-area .fix-item .right-area {width:30%; height:100px; float:right; border:0; outline:none; }
.charge-fix	.fix-area .fix-item .btn-month {background:#e45555;font-family: 'Pretendard'; font-size:22px; color:#fff; font-weight:700; transition: all 0.5s;} 
.charge-fix	.fix-area .fix-item .btn-month:hover {background:#c04545}
.charge-fix	.fix-area .fix-item .btn-regular {background:#494949;font-family: 'Pretendard'; font-size:22px; color:#fff; font-weight:700; transition: all 0.5s;} 
.charge-fix	.fix-area .fix-item .btn-regular:hover {background:#333}

.pop-5000-btn {background:#fff; border-radius:20px; text-align:center; padding-bottom:25px;}
.pop-5000-btn > button {width:235px; height:60px; border-radius:10px; font-family: 'Pretendard'; font-size:22px; font-weight:700; outline:none;}
.pop-5000-btn .btn-5000 {background:#fff; border:1px solid #bbbbbb;color:#464646; margin-right:15px;}
.pop-5000-btn .btn-10000 {background:#e45555; border:1px solid #e45555; color:#fff;}


.charge-fix6 {position:relative;}
.charge-fix6 .icon_sp {position:absolute; top:0; left:0; z-index:2}
.charge-fix6 .fix-item6 {width:45%; height:100px; margin:-15px 20px 0 0;}
.charge-fix6 .fix-item6 img {margin:0 0 0 40px;}

/* Ưº°È¸¿ø °áÁ¦ÆäÀÌÁö 2025.09.02 */
.charge-sp {display: flex; justify-content:space-between; padding:40px; background:#fdf7f4; border:1px solid #e37f7f; border-radius:10px; font-family: 'GMarketSans'; margin-bottom:15px;} 
.charge-sp .item-left {letter-spacing:-1px;}
.charge-sp .item-left .discount-box {width:88px; background:#e45555; font-weight:500; color:#fff; line-height:100%; border-radius:5px; text-align:center; padding:10px 10px 7px 10px; margin-bottom:10px;letter-spacing:0;}
.charge-sp .item-left .sp-tit {font-size:32px; color:#333; font-weight:700; line-height:160%; }
.charge-sp .item-left .sp-tit .icon-img01 {margin:-30px 0 0 10px;}
.charge-sp .item-left .sp-stit {font-size:22px; color:#333; font-weight:500; line-height:100%;}
.charge-sp .item-right {text-align:right}
.charge-sp .item-right .sp-num {letter-spacing:-1px; padding-right:15px; text-align:center;}
.charge-sp .item-right .sp-num  span {display:inline-block;}
.charge-sp .item-right .sp-num  span.original-price {font-size:22px; color:#494949; font-weight:300; text-decoration: line-through; text-decoration-color: #666; padding-right:10px;}
.charge-sp .item-right .sp-num  span.sp-price {font-size:28px; color:#e45555; font-family: 'GmarketSansBold'; line-height:100%;}
.charge-sp .item-right .sp-num  span.sp-won {font-size:20px; font-weight:500; color:#333; }
.charge-sp .item-right .sp-btn {width:250px; height:70px; background:#e45555; font-size:24px; font-family: 'Pretendard'; font-weight:700; color:#fff; border-radius:10px; outline:none; border:none; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%); margin-top:5px; transition: all 0.5s;}
.charge-sp .item-right .sp-btn:hover {background:#c04545; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 30%);}

.charge-sp-pop {display: flex; justify-content:space-between; padding:20px; background:#fdf7f4; border:1px solid #e37f7f; border-radius:10px; font-family: 'GMarketSans'; margin-bottom:15px;} 
.charge-sp-pop .item-left {letter-spacing:-1px;}
.charge-sp-pop .item-left .discount-box {width:88px; background:#e45555; font-weight:500; color:#fff; line-height:100%; border-radius:5px; text-align:center; padding:10px 10px 7px 10px; margin-bottom:10px;letter-spacing:0;}
.charge-sp-pop .item-left .sp-tit {font-size:28px; color:#333; font-weight:700; line-height:160%; }
.charge-sp-pop .item-left .sp-tit .icon-img01 {margin:-30px 0 0 10px;}
.charge-sp-pop .item-left .sp-stit {font-size:20px; color:#333; font-weight:500; line-height:100%;}
.charge-sp-pop .item-right {text-align:right}
.charge-sp-pop .item-right .sp-num {letter-spacing:-1px; padding-right:10px;}
.charge-sp-pop .item-right .sp-num  span {display:inline-block;}
.charge-sp-pop .item-right .sp-num  span.original-price {font-size:22px; color:#494949; font-weight:300; text-decoration: line-through; padding-right:10px;}
.charge-sp-pop .item-right .sp-num  span.sp-price {font-size:28px; color:#e45555; font-family: 'GmarketSansBold'; line-height:100%;}
.charge-sp-pop .item-right .sp-num  span.sp-won {font-size:20px; font-weight:500; color:#333; }
.charge-sp-pop .item-right .sp-btn {width:220px; height:70px; background:#e45555; font-size:24px; font-family: 'Pretendard'; font-weight:700; color:#fff; border-radius:10px; outline:none; border:none; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%); margin-top:5px; transition: all 0.5s;}
.charge-sp-pop .item-right .sp-btn:hover {background:#c04545; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 30%);}

/* Ãßõ°ü 2025.04.16 */
.planitem-top {}
.planitem-top img {width:100%}
.planitem-contain { display: flex; flex-wrap: wrap; padding:35px 15px 50px 15px;} 
.planitem-contain > li {width:25%; padding:0 15px; box-sizing:border-box; margin-bottom:30px;}
.planitem-contain > li .item-img {position:relative; width:100%; background:#000;overflow: visible; transition: all 0.05s;}
.planitem-contain > li .item-img .imgw {width:100%}
.planitem-contain > li .item-img:hover .imgw{opacity : 0.8;}
.planitem-contain > li .item-img.highlight {border: 3px solid #474747; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);}
.planitem-contain > li .item-img .icon-line {position:absolute; left:0; bottom:0; width:100%; height:30px; background:rgba(0, 0, 0, 0.5);overflow: visible;}
.planitem-contain > li .item-img .icon-line .starline {float:left; width:80%; font-size:15px; font-weight:bold; color:#fff; line-height:100%; padding:6px 0 10px 5px; box-sizing:border-box}
.planitem-contain > li .item-img .icon-line .reviewline {position: relative; overflow: visible; float:left; width:20%; text-align:right; padding:5px 5px 0 0; box-sizing:border-box}

.planitem-contain > li .item-txt-box {width:100%; padding-top:10px;letter-spacing:-0.5;}
.planitem-contain > li .item-txt-box .tit {width:100%; font-size:14px; font-weight:900;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer;}
.planitem-contain > li .item-txt-box .stit-l {width:70%; float:left; font-size:12px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.planitem-contain > li .item-txt-box .stit-r {width:30%; float:left; font-size:12px; text-align:right; cursor:pointer}

.planitem-contain > li .txt-black > .tit {color:#444;}
.planitem-contain > li .txt-black > .tit:hover {color:#000; }
.planitem-contain > li .txt-black > .stit-l {color:#7c7c7c; }
.planitem-contain > li .txt-black > .stit-r {color:#7c7c7c; }
.planitem-contain > li .txt-black > .stit-r:hover {color:#000}

.planitem-contain > li .txt-white > .tit {color:#fff;}
.planitem-contain > li .txt-white > .tit:hover {color:#ccc; }
.planitem-contain > li .txt-white > .stit-l {color:#ccc; }
.planitem-contain > li .txt-white > .stit-r {color:#ccc; }
.planitem-contain > li .txt-white > .stit-r:hover {color:#fff}

.bubble {position: absolute; top: 100%; right: -3px; width: 190px; min-height: 100px; padding: 10px; background: #ffffff; border-radius: 10px; display: none; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.2); color: #666; font-size: 13px; line-height: 1.4; overflow: visible; text-align:left; box-sizing: border-box; margin-top:15px; }
.bubble:after {content: ''; position: absolute; border-style: solid; border-width: 0 10px 10px; border-color: #ffffff transparent; top: -10px; right: 10px;}
.bubble > .tit {text-align:center; border-bottom:1px solid #f3f3f3;}
.bubble > .txt {padding-top:5px;}

.selectbox-lay {padding-bottom:10px; overflow:hidden; margin-top:-5px; }
.select-list-btn {border:1px solid #999; background:#fff; padding: .4em .6em; border-radius:4px; outline:none}
.select-list-btn:hover {background:#f3f3f3; border:1px solid #333;}

.p-selectbox {width: 250px; border-radius:4px; float:right; position: relative; border: 1px solid #999; z-index: 1;}
.p-selectbox:before {content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;}
.p-selectbox label { position: absolute; top: -5px; left: 5px; padding: .8em .5em; color: #333; z-index: -1; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;  pointer-events: none;}
.p-selectbox select { width: 100%; height: auto; line-height: normal; font-family: inherit; padding: .5em .5em; border: 0; opacity: 0; filter:alpha(opacity=0); -webkit-appearance: none;  -moz-appearance: none; appearance: none;}

.synopsis-pop {background:#000; color:#fff;}
.synopsis-pop .top-close {float:right; margin:10px 10px 0 0; }
.synopsis-pop > .con-wrap {margin:0 40px; overflow:hidden;} 			
.synopsis-pop > .con-wrap .con-tit {margin:0 0 20px 0; font-size:20px; line-height:150%; font-weight:bold; color:#fff;}
.synopsis-pop > .con-wrap > .con-txt {display: flex; flex-wrap: wrap; padding:20px 0 0 0; border-top:1px solid #333; }
.synopsis-pop > .con-wrap > .con-txt li {width:50%; height:32px; }
.synopsis-pop > .con-wrap > .con-txt li .starimg {margin-top:2px;}
.synopsis-pop > .con-wrap > .cast {border-bottom:1px solid #333; padding-bottom:15px; display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  border-bottom: 1px solid #333;
  padding-bottom: 15px;
  gap: 5px;}
.synopsis-pop > .con-wrap > .cast li {display: block;}
.synopsis-pop > .con-wrap > .cast li:first-child {white-space: nowrap; flex-shrink: 0; /* Å©±â ÁÙ¾îµéÁö ¾Êµµ·Ï */}
.synopsis-pop > .con-wrap > .cast li:last-child {flex: 1; /* ³²Àº °ø°£ ´Ù Â÷Áö */  word-break: break-word; min-width: 0;}
.synopsis-pop > .con-wrap > .con-story {margin:20px 0 50px 0; line-height:200%;}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); 

/* BJ ÇÏÆ® ÃæÀüÆäÀÌÁö 2025.11.26 */
.point_bj {width:885px; font-family: 'Pretendard', sans-serif; letter-spacing:-0.5px;}
.point_bj button {border:0; outline:none;}
.point_bj .bj_top {}
.point_bj .point_box {display: flex; padding:24px 60px 10px 35px; border-bottom:1px solid #e5e5e5;}
.point_bj .point_box .point_hart {width:550px;}

.bj-total {font-size:32px; color:#e45555; font-weight:700; letter-spacing:-1.2px;}
.bj-benefit {font-size:17px; color:#565656; font-weight:300;}
.bj-benefit span {background:#b0b0b0; font-size:14px; color:#fff; padding:3px 10px; border-radius:10px; margin-right:10px; letter-spacing:0; font-weight:400;}
.bj-amount {width:240px; margin-left: auto; }
.bj-amount button {width:188px; height:70px; background:#e45555; font: 700 24px Pretendard, sans-serif; color:#fff; border-radius:35px;box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%);}
.bj-amount button:hover {background:#c04545}
.point_bj .high-price-tit {height:50px; margin:30px 0 0 35px; font-size:25px; font-weight:600; color:#000;}
.point_bj .high-price-tit img {margin-right:10px;}
.point_bj .high-price-tit span {display:inline-block; font-size:20px; font-weight:400; color:#565656; padding-left:10px;}

.point_bj .high-price {background:#f2f2f2; padding:35px 35px 25px 35px;}
.point_bj .high-price .high-price-box {position:relative; display:flex; flex-wrap: wrap; align-items: center; background:#fff; border-radius:10px; padding:25px; margin-bottom:10px;}
.point_bj .high-price .high-price-box .high-total {width:575px;flex: 1;}
.point_bj .high-price .high-price-box .selection { position:absolute; top:-3px; left:20px; z-index:1; background:#000; border-radius:0 0 10px 10px; font-size:12px; font-weight:600; color:#fff; padding:5px 10px; text-align:center;}
.point_bj .high-price .choiceline{
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* ÇÑ ÁÙ¿¡ 5°³ */
  gap: 10px;                                /* ¹öÆ° »çÀÌ °£°Ý */
  width: 100%;
  align-items: stretch;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 8px 0;
}

/* ¹öÆ° ±âº» ½ºÅ¸ÀÏ (¿øÇϽô ½ºÅ¸ÀÏ·Î ±³Ã¼) */
.point_bj .high-price .choiceline .choice{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 8px;
  font-family: 'Pretendard', sans-serif;
  font-size: 18px;
  font-weight:600;
  color:#7d7d7d;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #fff;
  height: 48px;            /* ³ôÀÌ °íÁ¤Çؼ­ Á¤·Ä ±ò²ûÇÏ°Ô */
  box-shadow: 1px 3px 4px 1px rgb(0 0 0 / 10%);
  box-sizing: border-box;
}
.point_bj .high-price .choiceline .choice:hover {color:#333; border: 1px solid #a6a6a6;}
.point_bj .bomtxt {font-size:16px; font-weight:600; color:#8f8f8f; text-align:center; padding:30px 0;}
.point_bj .bj-caution {padding:0 0 35px 35px;}

/* ÃÊ°í¾× ÃæÀü */
.high-price-line {height:0; border-bottom:1px solid #fff; margin:15px 0 25px 0;}

.bj-redbg {background:#e45555 !important;}
.bj-redbg img {margin:1px 4px 0 0}
.active_choice {display: none; margin-top:20px;width: 100%;}
.active_choice.on {display: block; width:100%;} 

.choice-sum {display:inline; height:22px; background:#e45555; font-size:14px; color:#fff; padding:1px 10px 0 10px; border-radius:10px; margin:0 10px 0 0; letter-spacing:0; font-weight:400;}
.d-inline {display:inline;}
.price_row {display: flex;align-items: center;}

.custom_select {width: 50%;	height: 44px;padding: 0 40px 0 12px; /* ¿À¸¥ÂÊ ¿©¹é Áß¿ä */font-family: 'Pretendard', sans-serif; 	font-size: 18px; font-weight:800px; color:#7d7d7d;	appearance: none; -webkit-appearance: none;	-moz-appearance: none;	background: #fff url('/design/img/bj/bj_arrow.png') no-repeat right 12px center; background-size: 14px auto; border: 1px solid #ccc;	border-radius: 6px;	cursor: pointer; margin-top:10px;}
.custom_select:focus {outline: none; border-color: #333;}
.custom_select:disabled {background-color: #f5f5f5;	cursor: not-allowed;}

/* IE È­»ìÇ¥ Á¦°Å (±¸Çü ´ëÀÀ) */
.custom_select::-ms-expand {display: none;}
.custom_select:focus {outline: none;border-color: #333;}
.custom_select:disabled {background-color: #f5f5f5;	cursor: not-allowed;}