/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
공통
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0;line-height:0;}

/*타이틀*/
.h3_tit {position: relative;display: block;line-height:140%;color: #333;font-size: 16px;letter-spacing: -0.03em}
/*.h3_tit:after {position: absolute;top: 50%;left: 0;width: 3px;height: 14px;margin-top: -7px;background: #e64a19;content: "";}*/

.h3_titB {position: relative;display: block;font-size: 20px;font-weight: 600;color: #333;padding: 0;line-height: 30px;margin-bottom: 15px;letter-spacing: -0.08em;overflow: hidden}
/*.h3_titB:after {position: absolute;top: 50%;left: 0;width: 3px;height: 18px;margin-top: -9px;background: #e64a19;content: "";}*/
.h3_titB.nomf {margin-bottom: 0}

.h3_titB_big {position: relative;display: block;font-size: 25px;font-weight: 600;color: #333;padding: 0;line-height: 30px;margin-bottom: 5px;letter-spacing: -0.08em;overflow: hidden}

.h3_titC {position: relative;display: block;font-size: 30px;font-weight: normal;color: #333;line-height: 35px;margin-bottom: 15px;letter-spacing: -0.08em;text-align: center}

/*타입*/
.item-type {position: absolute;top: 227px;left:12px;display: inline-block;z-index: 10}
.item-type span {position: relative;display: inline-block;line-height: 18px;font-family: "돋움", Dotum;font-size: 11px;color: #fff;text-align: center;
    float: left;padding: 0 5px;margin: 0 2px;border-radius: 3px}
.item-type .package {background: #3f51b5}
.item-type .event {background: #df3764}
.item-type .dangoll {background: #ed283b}
.item-type .channel {background: #f66516}

.list_type {float: left;margin-right: 5px;display: inline-block;padding: 0 5px;min-width: 35px;text-align: center;font-size: 11px;height: 18px;line-height: 18px;font-weight: 600;border: 1px solid #ccc;border-radius: 3px;letter-spacing: 0}

.list_type.cyan1 {color: #0097a7;border: 1px solid #0097a7}
.list_type.cyan2 {color: #1e5deb;border: 1px solid #1e5deb}
.list_type.cyan3 {color: #112d87;border: 1px solid #112d87}

.list_type.green1 {color: #0d8e00;border: 1px solid #0d8e00}
.list_type.green2 {color: #346a10;border: 1px solid #346a10}
.list_type.green3 {color: #688f0b;border: 1px solid #688f0b}

.list_type.brown1 {color: #865343;border: 1px solid #865343}
.list_type.brown2 {color: #53423d;border: 1px solid #53423d}
.list_type.brown3 {color: #6e2a15;border: 1px solid #6e2a15}

.list_type.purple1 {color: #bd37f5;border: 1px solid #bd37f5}
.list_type.purple2 {color: #800eaf;border: 1px solid #800eaf}
.list_type.purple3 {color: #3b188a;border: 1px solid #3b188a}

.list_type.org1 {color: #e97707;border: 1px solid #e97707}
.list_type.org2 {color: #e54d1e;border: 1px solid #e54d1e}
.list_type.org3 {color: #aa2805;border: 1px solid #aa2805}

.list_type.red1 {color: #ff2328;border: 1px solid #ff2328}
.list_type.red2 {color: #eb4977;border: 1px solid #eb4977;}
.list_type.red3 {color: #c01444;border: 1px solid #c01444}


/*PD 등급*/
i.silver {border: 2px solid #b0b0b0 !important}
i.gold {border: 2px solid #f2c21a !important}
i.platinum {border: 2px solid #6274b7 !important}
i.diamond {border: 2px solid #3aa7d2 !important}


/*구독하기*/
.subscribe_lyr {position: fixed;width: 100%;height: 100%;z-index: 99999}
.subscribe_lyr .bg {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 0}
.subscribe_box {position: fixed;top: 50%;left: 50%;width: 450px;height: 260px;background: #fff;margin: -125px 0 0 -230px;border-radius: 10px;overflow: hidden;z-index: 10}
.subscribe_box .cont {display: block;text-align: center;padding: 75px 30px 30px;font-size: 14px;line-height: 160%}
.subscribe_box .cont .title {position: absolute;top: 0;left: 0;width: 100%;height: 50px;line-height: 50px;color: #fff;background: #2f3b4d url("/re_images/common/etc/c_patten03.png") repeat;font-size: 20px;font-weight: 600}
.subscribe_box .btnBox_area {margin-top: 20px}


/*툴팁*/
.toolTipArea {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;padding: 0 !important;z-index: 100}
.tTipBox {position: relative;display: inline-block;width: 20px;height: 20px;background: url("/re_images/common/etc/tTipBox.png") no-repeat center;text-indent: -99999px;z-index: 10}
.h3_titB .tTipBox {height: 100%;}

/*테이블 정렬버튼*/
.arw_btn {position: relative;display: inline-block;width: 15px;height: 18px;vertical-align: top}
.arw_btn a {display: block;width: 15px;height: 9px;margin: 1px 0;vertical-align: top}
.arw_btn a img {vertical-align: top}

/* ie9 업그레이드 안내 */
.lowIE-update {position: fixed;top: 0;left: 0;z-index: 9000;width: 100%;height: 100%;}
.update-cont {position: relative;margin: 10% auto 0;border: 2px solid #000;width: 942px;background: #fff;padding: 20px 20px 10px;text-align: center;z-index: 7100}
.update-cont .tit {display: block;font-size: 30px;color: #333;margin-bottom: 40px;}
.update-cont dl {display: block;text-align: left}
.update-cont dl dt {display: block;font-size: 17px;color: #222;margin-bottom: 5px;}
.update-cont dl dd {line-height: 160%;color: #777}
.update-cont ul {display: block;overflow: hidden;margin-top: 20px;}
.update-cont ul li {float: left;width: 168px;margin: 0 10px;}
.update-cont ul li .img {display: block;padding: 10px 0;border: 1px solid #ddd;text-align: center}
.update-cont ul li .img i {display: inline-block;width: 80px;height: 80px;}
.update-cont ul li div {display: block;overflow: hidden;margin-top: 10px;}
.update-cont ul li div .txt {float: left;line-height: 25px;font-size: 12px;}
.update-cont ul li div a {float: right;width: 60px;text-align: center;border: 1px solid #ddd;line-height: 25px;font-size: 12px;}
.update-cont ul li div a:hover {border: 1px solid #666;background: #fbfbfb}
.update-cont .ie {background: url('/re_images/common/etc/update-sprite.png') no-repeat 0 0}
.update-cont .chrome {background: url('/re_images/common/etc/update-sprite.png') no-repeat -80px 0}
.update-cont .firefox {background: url('/re_images/common/etc/update-sprite.png') no-repeat -160px 0}
.update-cont .safari {background: url('/re_images/common/etc/update-sprite.png') no-repeat -240px 0}
.update-cont .opera {background: url('/re_images/common/etc/update-sprite.png') no-repeat -320px 0}
.update-cont .chk-uclose {display: block;text-align: right;margin-top: 40px;padding-right: 30px;}
.lowIE-update button {position: absolute;bottom: 0;right: 0;width: 40px;height: 40px;background: #000 url('/re_images/common/etc/btn-upclose.gif') no-repeat 50% 50%;border: 0;}/*체크박스*/

.chek-st01 {position: relative;padding-left: 28px;line-height: 24px;display: block;font-size: 15px}
.chek-st01 input[type="checkbox"] {width: 24px;height: 24px;display: inline-block;vertical-align: middle}
.chek-st01 input[type="checkbox"] {display: none;}
.chek-st01 input[type="checkbox"]+label:after {background: url('/re_images/common/etc/check-01.png?200626') no-repeat;position: absolute;width: 24px;height: 24px;left: 0;top: 1px;display: block;content: "";}
.chek-st01 input[type="checkbox"]:checked+label:after {background: url('/re_images/common/etc/check-01.png?200626') no-repeat -24px 0;}

.chek-st02 {position: relative;padding-left: 24px;line-height: 20px;display: block}
.chek-st02 input[type="checkbox"] {width: 20px;height: 20px;display: inline-block;vertical-align: middle}
.chek-st02 input[type="checkbox"] {display: none;}
.chek-st02 input[type="checkbox"]+label:after {background: url('/re_images/common/etc/check-02.png?200626') no-repeat;position: absolute;width: 20px;height: 20px;left: 0;top: 1px;display: block;content: "";}
.chek-st02 input[type="checkbox"]:checked+label:after {background: url('/re_images/common/etc/check-02.png?200626') no-repeat -20px 0;}

.chek-st03 {position: relative;padding-left: 20px;line-height: 16px;display: block}
.chek-st03 input[type="checkbox"] {width: 16px;height: 16px;display: inline-block;vertical-align: middle}
.chek-st03 input[type="checkbox"] {display: none;}
.chek-st03 input[type="checkbox"]+label:after {background: url('/re_images/common/etc/check-03.png?200626') no-repeat;position: absolute;width: 16px;height: 16px;left: 0;top: 1px;display: block;content: "";}
.chek-st03 input[type="checkbox"]:checked+label:after {background: url('/re_images/common/etc/check-03.png?200626') no-repeat -16px 0;}

.chek-st04 {position: relative;padding-left: 18px;line-height: 20px;display: block}
.chek-st04 input[type="checkbox"] {width: 13px;height: 13px;display: inline-block;vertical-align: middle}
.chek-st04 input[type="checkbox"] {display: none;}
.chek-st04 input[type="checkbox"]+label:after {background: url('/re_images/common/etc/check-04.png?200626') no-repeat;position: absolute;width: 13px;height: 13px;left: 0;top: 5px;display: block;content: "";}
.chek-st04 input[type="checkbox"]:checked+label:after {background: url('/re_images/common/etc/check-04.png?200626') no-repeat -13px 0;}
.chek-st04 input[type="checkbox"]:checked+label {font-weight: 600;color: #11b2c5}

.radio-st01 {position: relative;padding-left: 28px;line-height: 24px;display: block;font-size: 15px}
.radio-st01 input[type="radio"] {width: 24px;height: 24px;display: inline-block;vertical-align: middle}
.radio-st01 input[type="radio"] {display: none;}
.radio-st01 input[type="radio"]+label:after {background: url('/re_images/common/etc/radio-01.png') no-repeat;position: absolute;width: 24px;height: 24px;left: 0;top: 1px;display: block;content: "";}
.radio-st01 input[type="radio"]:checked+label:after {background: url('/re_images/common/etc/radio-01.png') no-repeat -24px 0;}

.radio-st02 {position: relative;padding-left: 24px;line-height: 22px;display: block}
.radio-st02 input[type="radio"] {width: 20px;height: 20px;display: inline-block;vertical-align: middle}
.radio-st02 input[type="radio"] {display: none;}
.radio-st02 input[type="radio"]+label:after {background: url('/re_images/common/etc/radio-02.png') no-repeat;position: absolute;width: 20px;height: 20px;left: 0;top: 1px;display: block;content: "";}
.radio-st02 input[type="radio"]:checked+label:after {background: url('/re_images/common/etc/radio-02.png') no-repeat -20px 0;}

.radio-st03 {position: relative;padding-left: 20px;line-height: 16px;display: block}
.radio-st03 input[type="radio"] {width: 16px;height: 16px;display: inline-block;vertical-align: middle}
.radio-st03 input[type="radio"] {display: none;}
.radio-st03 label {height: 16px !important;line-height: 16px !important;}
.radio-st03 input[type="radio"]+label:after {background: url('/re_images/common/etc/radio-03.png') no-repeat;position: absolute;width: 16px;height: 16px;left: 0;top: 50%;margin-top: -8px;display: block;content: "";}
.radio-st03 input[type="radio"]:checked+label:after {background: url('/re_images/common/etc/radio-03.png') no-repeat -16px 0;}

.chekinb, .radioinb {display: inline-block !important;margin-right: 15px}

.label-hide {display: inline-block !important}
.label-hide label span {display: block;width: 0 !important;overflow: hidden;text-indent: -999999px;}/*인풋클래스*/

.inpt-wrap {position: relative;display: block;padding-left: 130px;margin: 4px 0}
.inpt-wrap label.tit {position: absolute;top: 7px;left: 0;font-size: 14px;color: #222}
.inpt-wrap label.tit.required:after {position: absolute;top: 5px;right: -13px;content: "*";color: #e93333;font-size: 18px;font-weight: 600}

.inpt-box {position: relative;display: block;overflow: hidden;}

.user-disabled {background: #f3f3f3 !important;border: 1px solid #aaa !important;cursor: not-allowed !important}

.inptC-txt {display: inline-block;height: 30px;line-height: 30px;color: #333;padding: 0 5px;vertical-align: middle}
.inptC-title {display: inline-block;height: 30px;line-height: 30px;color: #333;margin-right: 10px;float: left;width: 75px;vertical-align: middle}

.errorForm input[type=text], .errorForm input[type=password] {border: 1px solid #f43333 !important;background: #fff6f6 !important}
.errorForm-txt {position: relative;display: block;color: #f43333;font-size: 12px;padding-left: 20px;background: url('/re_images/common/etc/ico-ex03.png') no-repeat 0 3px;margin-top: 3px}/*탭메뉴 */

.tabCntr {text-align: center}
.tabCntr ul {display: inline-block}

.tab-wd50p {width: 100%}
.tab-wd50p li {width: 49%;}

.tab-wd30p {width: 100%}
.tab-wd30p li {width: 33.33%;box-sizing: border-box}

.tab-wd25p {width: 100%}
.tab-wd25p li {width: 25%;}

.tab-wd20p li {width: 20%;}

.tab-wd50 li {width: 469px;}
.tab-wd33 li {width: 313px}

.tab-wd200 li {width: 200px}

.wd1100 {width: 1100px;margin: 0 auto}
.wd1100 li {width: 549px;}
.wd1100 li :first-child {width: 548px}

.tabUnder {border-bottom: 1px solid #ddd}
.tabUnder li a {border-bottom: none !important}

.dg-tab01 {position: relative;overflow: hidden;margin-bottom: 30px;font-size: 14px;}
.dg-tab01 .this-wrap {}
.dg-tab01 ul {letter-spacing: -1px;font-size: 0;text-align: center;}
.dg-tab01 li {float: left;letter-spacing: -0.03em;font-size: 14px;box-sizing: border-box}
.dg-tab01 li:first-child {border-left: 1px solid #dadada;}
.dg-tab01 li a {display: block;text-align: center;line-height: 48px;transform: all .5s ease;transition: background .3s, border-color .3s;border-top: 1px solid #dadada;border-right: 1px solid #dadada;background: #fff;border-bottom: 1px solid #dadada}
.dg-tab01 li.first-row a {border-top: 1px solid #cfd7d7;}
.dg-tab01 li.first-row.active a, .dg-tab01 li.active a {margin-top: 0;background: #3c3679;border-color: #3c3679}
.dg-tab01 li.active:hover a {background: #3c3679;border-color: #3c3679}
.dg-tab01 li:hover a {background: #eee;}
.dg-tab01 li a span {display: block;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 16px;text-align: center;}
.dg-tab01 li.active a span {color: #fff;font-weight: 600;text-decoration: none;}
.dg-tab01 li.active.first-row:last-child a {border-right: 1px solid #028f95;}

.dg-tab01 li.gb a {background: linear-gradient(45deg, rgb(33, 150, 243), rgb(244, 67, 54)) !important;color: #fff; }
.dg-tab01 li.gb a span {color: #fff;font-weight: 600}
.dg-tab01 li.gb.active a span {color: #ffeb3b;}
.dg-tab01 li.gb.active.first-row:last-child a {border-right: 1px solid #dadada;}
.dg-tab01 li.gb.first-row.active a, .dg-tab01 li.gb.active a {border: 1px solid #dadada}

.dg-tab02 {border-bottom: 1px solid #ddd;background: #fff;padding: 0 0;height: 40px;margin-bottom: 25px;}
.dg-tab02:after {clear: both;content: "";display: block;}
.dg-tab02 li {float: left;display: inline-block;vertical-align: top;*display:inline;*zoom:1;}
.dg-tab02 li a {display: block;background: url('/re_images/common/etc/ctab02-vbar.gif') no-repeat 0 15px;padding: 0 0 5px 0;color: #353e49;}
.dg-tab02 li a span {display: block;padding: 10px 20px 23px 20px;height: 15px;}
.dg-tab02 li:first-child a {background: none;}
.dg-tab02 li.active a span {color: #3e4858;font-weight: 600;background: url('/re_images/common/etc/ctab02-bar.png') no-repeat center 40px}
.dg-tab02 li a:hover span {color: #3e4858;text-decoration: underline;}

.dg-tab03 {position: relative;margin-bottom: 30px;border: 1px solid #ddd;}
.dg-tab03 ul {overflow: hidden;background: #f9f9f9;padding: 10px 15px 10px 15px;margin-top: 1px}
.dg-tab03 li {float: left;}
.dg-tab03 li a {display: block;text-align: center;padding: 5px 15px 4px;background: url('/re_images/common/etc/ctab03-vbar.gif') no-repeat right 7px;}
.dg-tab03 li {float: left;}
.dg-tab03 li a {display: block;text-align: center;padding: 5px 15px 4px;background: url('/re_images/common/etc/ctab03-vbar.gif') no-repeat right 7px;}
.dg-tab03 li a span {background: url('/re_images/common/etc/blt-ctab03.gif') no-repeat right 9px;padding-right: 18px;transform: all .5s ease;transition: background .3s;font-size: 13px;color: #777}
.dg-tab03 li.active a span, .dg-tab03 li:hover a span, .dg-tab03 li:focus a span, .dg-tab03 li:active a span {background: url('/re_images/common/etc/blt-ctab03-o.gif') no-repeat right 7px;transition: background .3s;transform: all .3s ease;color: #333;}

.dg-tab04 {position: relative;overflow: hidden;margin-bottom: 0;font-size: 14px;}
.dg-tab04 ul {letter-spacing: -1px;font-size: 0;text-align: center}
.dg-tab04 li {display: inline-block;letter-spacing: -0.03em;font-size: 14px;}
.dg-tab04 li a {display: block;text-align: center;padding: 7px 0 7px 0;height: 20px;transform: all .5s ease;transition: background .3s, border-color .3s;border-top: 1px solid #dadada;border-right: 1px solid #dadada;background: #fff;border-bottom: 1px solid #dadada}
.dg-tab04 li.first-row a {border-top: 1px solid #cfd7d7;padding-top: 13px;}
.dg-tab04 li.first-row.active a, .dg-tab04 li.active a, .dg-tab04 li.active:hover a {margin-top: 0;background: #3e4858;border-color: #3e4858;color: #ffffff}
.dg-tab04 li:hover a {background: #eee;}
.dg-tab04 li a span {display: block;color: #333333;padding: 0 36px;}
.dg-tab04 li.active a span {color: #ffffff;font-weight: 600;text-decoration: none;}
.dg-tab04 li.active.first-row:last-child a {border-right: 1px solid #11b2c5;}
.dg-tab04 li:first-child.active a {border-left: 0}
.dg-tab04 li:first-child a {border-left: 1px solid #dadada}

/*텍스트 리스트*/
.dg-list01, .dg-list02 {padding: 3px 0;text-align: left;}
.dg-list01 li {position: relative;padding-left: 10px;line-height: 150%;margin-top: 3px;margin-bottom: 3px;color: #666;font-size: 13px;}
.dg-list01 li:after {position: absolute;top: 8px;left: 0;width: 2px;height: 2px;background: #999;content: "";}
.dg-list02 li {position: relative;padding-left: 10px;line-height: 150%;margin-top: 3px;margin-bottom: 3px;color: #666;font-size: 13px;}
.dg-list02 li:after {position: absolute;top: 50%;left: 0;width: 2px;height: 2px;background: #999;content: "";}

/*라인, 추가는 전체 공용으로*/
.dg-line {border-width: 0 0 0 0;display: block;height: 1px;overflow: hidden;background: #ddd;}
.dg-line-point1 {border-width: 0 0 0 0;display: block;height: 2px;overflow: hidden;background: #11b2c5;}
.dg-line-point2 {border-width: 0 0 0 0;display: block;height: 2px;overflow: hidden;background: #3e4858;}
.dg-line-point3 {border-width: 0 0 0 0;display: block;height: 2px;overflow: hidden;background: #83c000;}
.dg-line-dpoint1 {border-width: 0 0 0 0;display: block;height: 2px;overflow: hidden;background: #3e4858;}
.dg-line-dpoint2 {border-width: 0 0 0 0;display: block;height: 2px;overflow: hidden;background: #11b2c5;}
.dg-line-dpoint3 {border-width: 0 0 0 0;display: block;height: 2px;overflow: hidden;background: #3e4858;}

.line-dia {width: 100%;background: url('/re_images/common/etc/conven-vline.gif') repeat 0 0;height: 5px;margin: 20px 0}
.line-diaW {width: 100%;background: url('/re_images/common/etc/line-dia.png') repeat 0 0;height: 5px;margin: 20px 0}
.line-ver {width: 100%;background: url('/re_images/common/etc/conven-verline.gif') repeat 0 0;height: 5px;margin: 20px 0}
.line-dt {width: 100%;background: url('/re_images/common/etc/conven-dtline.gif') repeat 0 0;height: 1px;margin: 20px 0}/* 박스 스타일 */

.w-box {background: #fff;border: 1px solid #ddd;overflow: hidden;position: relative;}
.g-box {background: #f8f8f8;border: 1px solid #ddd;overflow: hidden;position: relative;}
.g-box02 {background: #f8f8f8;border: 1px solid #ddd;overflow: hidden;position: relative;padding: 5px 15px;}
.r-box {background: #fbf0e6;border: 1px dashed #d1001d;overflow: hidden;position: relative;}

/* 안내문 */
.info-box {position: relative;border: 1px solid #d7dce3;background: #fff;padding: 25px 20px 25px 110px;}
.info-box02 {background: url('/re_images/common/etc/info-box02.png') no-repeat 30px 20px #fafafa;padding: 20px 20px 20px 90px;border: 1px solid #ddd;}
.info-box03 .info-txt {font-weight: bold;padding: 5px 0 10px;}
.info-box03 .info-stit {padding: 5px 0;}
.info-box04 {position: relative;border: 1px solid #eec5c5;background: #fefbfb;padding: 20px 20px 20px 140px;}
.info-box04 ul li {padding-left: 10px;font-size: 13px;color: #666;margin: 8px 0;line-height: 22px}
.info-box04 ul li b {color: #333}
.info-box04 .img {position: absolute;top: 20px;left: 20px;width: 100px;display: block;text-align: center;font-weight: 600;color: #333}
.info-box04 .img img {margin-bottom: 10px}

.info-box.cntr:after {top: 50%;margin-top: -23px;}

.info-box:after, .isIE7 .info-box .ico {display: block;content: "";position: absolute;width: 50px;height: 47px;overflow: hidden;background: url('/re_images/common/etc/info-box.png') no-repeat 0 0;background-size:  50px;top: 17px;left: 30px;}
.info-box .info-tit {font-size: 16px;color: #444;font-weight: bold;padding: 10px 0 5px 5px}

.info-ex {background: url('/re_images/common/etc/ico-ex01.png') no-repeat 0 4px;padding: 0 0 5px 20px;font-size: 13px;letter-spacing: -0.03em;line-height: 24px !important}
.info-ex02 {background: url('/re_images/common/etc/ico-ex02.png') no-repeat 0 4px;padding: 0 0 5px 20px;font-size: 13px;color: #2e6ba8;letter-spacing: -0.03em;line-height: 24px !important}
.info-ex03 {background: url('/re_images/common/etc/ico-ex03.png') no-repeat 0 4px;padding: 0 0 5px 20px;font-size: 13px;color: #f33d19;letter-spacing: -0.03em;line-height: 24px !important}
.info-ex03 .sec {display: block;color: #777}

.winfo-box {border: 1px solid #ddd;padding: 3px 15px 10px;background: #fff;}
.winfo-box02 {border: 1px solid #ddd;padding: 10px 15px;background: #fff;overflow: hidden;margin-top: 20px;}
.winfo-box02 .info-ex {margin-top: 5px;}/* 라인박스 + 아이콘 */

.line-box {position: relative;background: url('/re_images/common/etc/line_box_bg.gif') repeat 0 0;padding: 3px}
.line-box .inner {font-size: 14px;color: #333;line-height: 1.6;padding: 45px 45px 45px 145px;background: #fff;}/* 아이콘 */



/*버튼스타일*/
.btn_st {display: inline-block;padding: 0 10px 0 8px;border-radius: 5px;min-width: 50px;text-align: center;background: #607d8b;font-style: normal;border: none;margin: 2px 0;line-height: 28px;font-size: 13px;color: #fff;}
.btn_st span {position: relative;display: inline-block;line-height: 28px;font-size: 13px;color: #fff;padding-left: 20px}
.btn_st span:after {position: absolute;top: 0;left: 0;width: 20px;height: 28px;line-height: 28px;font-family: FontAwesome,LineAwesome;font-size: 16px;text-align: center;}

.btn_st.small {padding: 2px 5px 2px 5px;min-width: 70px;margin: 1px 0;}
.btn_st.small span {line-height: 30px !important;padding-left: 28px !important}
.btn_st.small span:after {width: 25px !important;height: 30px !important;line-height: 30px !important;font-size: 23px !important;}

.btn_st.medium {padding: 5px 13px 5px 10px;min-width: 100px;margin: 3px 0;}
.btn_st.medium span {line-height: 30px !important;padding-left: 28px !important}
.btn_st.medium span:after {width: 25px !important;height: 30px !important;line-height: 30px !important;font-size: 23px !important;}

.btn_st.big {padding: 10px 23px 10px 20px;margin: 0 3px;min-width: 120px;}
.btn_st.big span {line-height: 30px !important;font-size: 15px !important;padding-left: 32px !important}
.btn_st.big span:after {width: 30px !important;height: 30px !important;line-height: 30px !important;font-size: 25px !important;}

.bc_default {background: #e8e8e8 !important;box-sizing: border-box}

.bc_default1 {background: #fff;border: 1px solid #ec8055;color: #d67148;}
.bc_default1_on {background: #cf6236;border: 1px solid #cf6236;color: #fff}

.bc_default2 {background: #fff;border: 1px solid #a2b178;color: #758b3a}
.bc_default2_on {background: #5d7a0f;border: 1px solid #5d7a0f;color: #fff}

.bc_default3 {background: #fff;border: 1px solid #8294c6;color: #697596}
.bc_default3_on {background: #3b518f;border: 1px solid #3b518f;color: #fff}

.bc_org {background: #f57c00 !important}
.bc_gray {background: #666 !important}
.bc_rbGary {background: #90a4ae !important}
.bc_dbGary {background: #607d8b !important}
.bc_red {background: #f44336 !important}
.bc_green {background: #689f38 !important}
.bc_skyblue {background: #19B6D4 !important}
.bc_dkblue {background: #2f3b4d !important}
.bc_pink {background: #ef5050 !important}

.btn_st.sample {background: #90a4ae}
.btn_st.sample span:after {content: "\f1af"}
.btn_st.choice {background: #607d8b}
.btn_st.choice span:after {content: "\f18b";opacity: 0.4}
.btn_st.choice.on {background: #f44336}
.btn_st.choice.on span:after {content: "\f17c";opacity: 1}
.btn_st.modify {background: #f57c00}
.btn_st.modify span:after {content: "\f1c1"}
.btn_st.prev {background: #7cb342}
.btn_st.prev span:after {content: "\f1d4"}
.btn_st.extend {background: #19B6D4}
.btn_st.extend span:after {content: "\f29e"}
.btn_st.position {background: #2f3b4d}
.btn_st.position span:after {content: "\f124";font-size: 22px !important;}
.btn_st.cancel {background: #2f3b4d}
.btn_st.cancel span:after {content: "\f2da"}
.btn_st.list {background: #607d8b}
.btn_st.list span:after {content: "\f29a"}
.btn_st.save {background: #ef5050}
.btn_st.save span:after {content: "\f0c7"}
.btn_st.link {background: #ef5050}
.btn_st.link span:after {content: "\f179"}
.btn_st.img {background: #2f3b4d}
.btn_st.img span:after {content: "\f2b5"}
.btn_st.help {background: #2f3b4d}
.btn_st.help span:after {content: "\f2cc"}
.btn_st.chek {background: #2f3b4d}
.btn_st.chek span:after {content: "\f17b"}
.btn_st.wri {background: #ef5050}
.btn_st.wri span:after {content: "\f2b0"}
.btn_st.add {background: #ef5050}
.btn_st.add span:after {content: "\f2c2"}
.btn_st.down {background: #2f3b4d}
.btn_st.down span:after {content: "\f1bd"}
.btn_st.srch {background: #f44336}
.btn_st.srch span:after {content: "\f2eb"}
.btn_st.cart {background: #689f38}
.btn_st.cart span:after {content: "\f16d"}
.btn_st.big.cart span:after {font-size: 27px !important;}
.btn_st.exam {background: #f44336}
.btn_st.exam span:after {content: "\f1c1"}
.btn_st.info {background: #f44336}
.btn_st.info span:after {content: "\f24b"}
.btn_st.order {background: #f44336}
.btn_st.order span:after {content: "￦"}
.btn_st.chart {background: #2f3b4d}
.btn_st.chart span:after {content: "\f116"}
.btn_st.del {background: #666}
.btn_st.del span:after {content: "\f34d"}
.btn_st.cog span:after {content: "\f19a"}
.btn_st.move span:after {content: "\f124";}
.btn_st.reset span:after {content: "\f2e0";}
.btn_st.complete span:after {content: "\f17d";}
.btn_st.expiration span:after {content: "\f161";}
.btn_st.refresh span:after {content: "\f2d5";}
.btn_st.comment span:after {content: "\f19e";}
.btn_st.tag span:after {content:"\f330";}
.btn_st.buy span:after {content:"\f37f";}
.btn_st.home {background: #ef5050}
.btn_st.home span:after {content: "\f237"}
.btn_st.close span:after {content: "\f342";}

.btn_st.share span:after {content:"\f2f1";}
.btn_st.login span:after {content:"\f2fb";}
.btn_st.refresh span:after {content: "\f2d5";}

.btn_st.big.cancel {background: #2f3b4d}
.btn_st.big.prev {background: #689f38}

.top_asBtn {position: absolute;top: 25px;right: 30px;display: inline-block}
.top_asBtn .addBbtn {display: inline-block;padding: 5px 10px 5px 5px;border-radius: 5px;min-width: 120px;text-align: center;background: #303f9f}
.top_asBtn .addBbtn span {position: relative;display: inline-block;line-height: 30px;font-size: 14px;color: #fff;padding-left: 28px}
.top_asBtn .addBbtn span:after {position: absolute;top: 0;left: 0;width: 20px;height: 30px;line-height: 30px;font-family: FontAwesome,LineAwesome;font-size: 22px;text-align: center;content: "\f2c3"}
.top_asBtn .addBbtn:hover {background: #1a237e}

.sBox {position: relative;display: block;}
.sBox .top_asBtn {top: -10px;right: 0}

.btnBox_area {position: relative;display: block;overflow: hidden;text-align: center}
.btnBox_area.r {text-align: right}
.btnBox_area.l {text-align: left}
.btnBox_area.top {padding-top: 12px}
.btnBox_area.top .medium {margin-top: -12px}

.btnBox_area .asBtn {position: absolute;top: 0;left: 0}

.btwd50 {width: 50px !important;}
.btwd70 {width: 70px !important;}
.btwd80 {width: 80px !important;}
.btwd100 {width: 100px !important;}
.btwd120 {width: 120px !important;}
.btwd130 {width: 150px !important;}
.btwd180 {width: 180px !important;}

.box_txt {display: inline-block;padding: 0 8px;border-radius: 5px;min-width: 80px;text-align: center;margin: 2px 0}
.box_txt span {position: relative;display: inline-block;line-height: 28px;font-size: 13px;color: #fff;padding-left: 20px}
.box_txt span:after {position: absolute;top: 0;left: 0;width: 20px;height: 28px;line-height: 28px;font-family: FontAwesome,LineAwesome;font-size: 19px;text-align: center;}

.box_txt.complete {background: #42a5f5}
.box_txt.complete span:after {content:"\f17d"}
.box_txt.expiration {background: #6b737f}
.box_txt.expiration span:after {content: "\f161"}

.using_Y {position: relative;display: inline-block;line-height: 24px;color: #fff;border-radius: 3px;text-align: center;width: 65px;background: #6bad1d;font-size: 12px}
.using_N {position: relative;display: inline-block;line-height: 24px;color: #fff;border-radius: 3px;text-align: center;width: 65px;background: #78909c;font-size: 12px}
.using_S {position: relative;display: inline-block;line-height: 24px;color: #fff;border-radius: 3px;text-align: center;width: 65px;background: #ed0f33;font-size: 12px}

.contentsSearch .btn_st {margin: 1px 0;height: 32px;width: 80px;border-radius: 3px}
.contentsSearch .btn_st span {height: 30px;line-height: 32px;}
.contentsSearch .btn_st span:after {height: 34px;line-height: 32px}

.contentsSearch .btn_st.atwBtn {margin: 2px 0;height: auto;width: auto;border-radius: 3px}
.contentsSearch .btn_st.atwBtn span {height: auto;}
.contentsSearch .btn_st.atwBtn span:after {height: auto;}



/* 링크스타일 */
.sico-nwin {color: #11b2c5;background: url('/re_images/common/etc/ico-nw.png') no-repeat right 4px;padding-right: 17px;letter-spacing: -0.05em;margin-right: 3px;}
.sico-nwin:hover {text-decoration: underline}

/* 컨텐츠버튼 */
.cw-btn {display: inline-block;vertical-align: baseline;height: 35px;background: #fff;border-top: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;border-right: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;font-size: 13px;color: #444;}
.cw-btn:hover {background: #f5f5f5}
.cw-btn span {display: block;color: #444;padding: 11px 10px;line-height: 12px;}
.cw-btn span.down {background: url('/re_images/common/etc/ico_down.png') no-repeat right 0;padding-right: 50px;}
.cw-btn span.link {background: url('/re_images/common/etc/ico_link.png') no-repeat right 0;padding-right: 50px;}
.cw-btn span.win {background: url('/re_images/common/etc/ico_win.gif') no-repeat right 0;padding-right: 50px;}

/* 파일별 다운로드 */
.cw-btn span.doc {background: url('/images/Fileicon/ico_doc_b.gif') no-repeat right 0;padding-right: 50px;}
.cw-btn span.hwp {background: url('/images/Fileicon/ico_hwp_b.gif') no-repeat right 0;padding-right: 50px;}
.cw-btn span.xls {background: url('/images/Fileicon/ico_xls_b.gif') no-repeat right 0;padding-right: 50px;}
.cw-btn span.pdf {background: url('/images/Fileicon/ico_pdf_b.gif') no-repeat right 0;padding-right: 50px;}
.cw-btn span.wav {background: url('/images/Fileicon/ico_wav_b.gif') no-repeat right 0;padding-right: 50px;}
.cw-btn span.zip {background: url('/images/Fileicon/ico_zip_b.gif') no-repeat right 0;padding-right: 50px;}
.cw-btn span.vod {background: url('/images/Fileicon/ico_vod_b.gif') no-repeat right 0;padding-right: 50px;}/*.cw-btn span.img {background:url('/images/Fileicon/ico_img_b.gif') no-repeat right 0;padding-right:50px;}*/
.cw-btn span.word {background: url('/images/Fileicon/ico_word_b.gif') no-repeat right 0;padding-right: 50px;}
.cw-btn span.ppt {background: url('/images/Fileicon/ico_ppt_b.gif') no-repeat right 0;padding-right: 50px;}

input.cw-btn, button.cw-btn {background: #fff;height: 35px;border-top: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;border-right: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;padding: 0 10px;vertical-align: top;overflow: visible;cursor: pointer;font-size: 13px;}
input.cw-btn.link {background: #fff url('/re_images/common/etc/ico_link.gif') no-repeat right 0;padding-right: 40px;}

.cp-btn {display: inline-block;vertical-align: baseline;height: 32px;background: #3e4858;font-size: 12px;margin: 1px 0}
.cp-btn:hover {background: #2c333e}

.cdp-btn {display: inline-block;vertical-align: baseline;height: 32px;background: #3e4858;font-size: 12px;margin: 1px 0}
.cdp-btn:hover {background: #2c333e}

.cg-btn {display: inline-block;vertical-align: baseline;height: 32px;background: #f0f0f0;font-size: 12px;margin: 1px 0}
.cg-btn:hover {background: #dbdbdb}

.cdg-btn {display: inline-block;vertical-align: baseline;height: 32px;background: #939393;font-size: 12px;margin: 1px 0}
.cdg-btn:hover {background: #717171}
.cg-btn span {display: block;color: #555;padding: 11px 11px;line-height: 12px}

.cp-btn span, .cdp-btn span, .cdg-btn span {display: block;color: #fff;padding: 9px 11px;line-height: 12px}
.cp-btn span.down, .cdp-btn span.down, .cdg-btn span.down {background: url('/re_images/common/etc/ico_down02.png') no-repeat right 0;padding-right: 50px;}
.cg-btn span.down {background: url('/re_images/common/etc/ico_down03.png') no-repeat right 0;padding-right: 50px;}
.cp-btn span.link, .cdp-btn span.link, .cdg-btn span.link {background: url('/re_images/common/etc/ico_link02.png') no-repeat right 0;padding-right: 50px;}
.cg-btn span.link {background: url('/re_images/common/etc/ico_link03.png') no-repeat right 0;padding-right: 50px;}
.cp-btn span.win, .cdp-btn span.win, .cdg-btn span.win {background: url('/re_images/common/etc/ico_win02.gif') no-repeat right 0;padding-right: 50px;}
.cg-btn span.win {background: url('/re_images/common/etc/ico_win03.gif') no-repeat right 0;padding-right: 50px;}

input.cp-btn, button.cp-btn {height: 35px;padding: 0 11px;background: #3e4858;vertical-align: top;border: 0;color: #fff;overflow: visible;cursor: pointer;}

input.cdp-btn, button.cdp-btn {height: 35px;padding: 0 11px;background: #3e4858;vertical-align: top;border: 0;color: #fff;overflow: visible;cursor: pointer;}

input.cg-btn, button.cg-btn {height: 35px;padding: 0 11px;background: #f0f0f0;vertical-align: top;border: 0;color: #555;overflow: visible;cursor: pointer;}

input.cdg-btn, button.cdg-btn {height: 35px;padding: 0 11px;background: #939393;vertical-align: top;border: 0;color: #fff;overflow: visible;cursor: pointer;}/* 작은컨텐츠버튼 */
.sw-btn {background: #f0f0f0;border-top: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;border-right: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;font-size: 12px;color: #444;display: inline-block;font-weight: normal;vertical-align: baseline;}
.sw-btn:hover {background: #dbdbdb;}
.sw-btn span {display: block;padding: 8px 7px 8px 8px;line-height: 1em;}

input.sw-btn, button.sw-btn {background: #f0f0f0;font-size: 0.857em;color: #444;padding: 0 7px;height: 30px;vertical-align: top;overflow: visible;cursor: pointer;}

button.sw-btn span, button.sg-btn span, button.sp-btn span, button.sdp-btn span {padding: 0;}
.sg-btn {background: #939393;font-size: 0.857em;color: #fff;display: inline-block;vertical-align: baseline;}
.sg-btn:hover {background: #717171;}
.sg-btn span {color: #fff;display: block;padding: 9px 7px 9px 8px;line-height: 1em;}

input.sg-btn, button.sg-btn {background: #939393;font-size: 0.857em;color: #fff;height: 30px;overflow: visible;border: 0;cursor: pointer;padding: 0 8px;vertical-align: top;}
.sp-btn {background: #3e4858;font-size: 0.857em;color: #fff;display: inline-block;vertical-align: baseline;}
.sp-btn:hover {background: #2c333e;}
.sp-btn span {color: #fff;display: block;padding: 9px 10px 9px;line-height: 1em;}

input.sp-btn, button.sp-btn {background: #3e4858;font-size: 0.857em;color: #fff;height: 30px;overflow: visible;border: 0;cursor: pointer;padding: 0 8px;vertical-align: top;}
.sdp-btn {background: #3e4858;font-size: 0.857em;color: #fff;display: inline-block;padding: 0 10px;vertical-align: baseline;}
.sdp-btn:hover {background: #2c333e;}
.sdp-btn span {color: #fff;display: block;padding: 9px 0 9px;line-height: 1em;}

input.sdp-btn, button.sdp-btn {background: #3e4858;font-size: 0.857em;color: #fff;height: 30px;overflow: visible;border: 0;cursor: pointer;padding: 0 8px;vertical-align: top;}

/* 프로그램버튼 */
.bp-btn, .bdp-btn, .bg-btn {display: inline-block;font-size: 100%;height: 45px;vertical-align: baseline;min-width: 150px;text-align: center;border-radius: 5px}
.bp-btn {background: #3e4858;}
.bp-btn:hover {background: #2c333e;}
.bdp-btn {background: #3e4858;}
.bdp-btn:hover {background: #2c333e;}
.bp-btn span, .bdp-btn span, .bg-btn span {display: block;color: #fff;padding: 0 20px;line-height: 45px;vertical-align: baseline;text-align: center;font-size: 15px}
.bg-btn {background: #939393;}
.bg-btn:hover {background: #717171;}
.bw-btn {background: #ffffff;border: 1px solid #c8c8c8;font-size: 100%;display: inline-block;height: 43px;vertical-align: top;color: #444;line-height: 1em;min-width: 150px;border-radius: 5px}
.bw-btn:hover {background: #f5f5f5}
.bw-btn span {display: block;padding: 0 20px;line-height:43px;color: #444;vertical-align: baseline;text-align: center;font-size: 15px;}
.bw-btn span.win {background: url('/re_images/common/etc/ico_win.gif') no-repeat right center;padding-right: 18px;}

input.bp-btn, button.bp-btn {background: #3e4858;font-size: 100%;color: #fff;padding: 0 19px;height: 45px;vertical-align: top;overflow: visible;border: 0;cursor: pointer;}

input.bdp-btn, button.bdp-btn {background: #3e4858;font-size: 100%;color: #fff;padding: 0 19px;height: 45px;vertical-align: top;overflow: visible;border: 0;cursor: pointer;}

input.bg-btn, button.bg-btn {background: #939393;font-size: 100%;color: #fff;padding: 0 19px;height: 45px;vertical-align: top;overflow: visible;border: 0;cursor: pointer;}

input.bw-btn, button.bw-btn {background: #ffffff;border-top: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;border-right: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;font-size: 100%;padding: 0 18px;height: 45px;vertical-align: middle;cursor: pointer;overflow: visible;}

input.bp-btn span, button.bp-btn span, input.bdp-btn span, button.bdp-btn span, input.bw-btn span, button.bw-btn span {padding: 0;vertical-align: baseline;}/* 빅프로그램버튼 - 회원가입관련 */
.lp-btn, .ldp-btn, .lg-btn, .lw-btn {display: inline-block;min-height: 50px;font-size: 1.231em;vertical-align: baseline;min-width: 120px;text-align: center;padding: 0 25px;margin-left: 4px;margin-right: 4px;text-align: center;}
.lp-btn span, .ldp-btn span, .lg-btn span {display: block;color: #fff;padding: 19px 0;line-height: 1em;}
.lw-btn span {color: #444;display: block;padding: 17px 0;line-height: 1em;}
.lp-btn {background: #3e4858}
.lp-btn:hover {background: #2c333e}
.ldp-btn {background: #3e4858}
.ldp-btn:hover {background: #2c333e}
.lg-btn {background: #939393}
.lg-btn:hover {background: #717171}
.lw-btn {background: #fff;border-top: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;border-right: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;height: 53px;min-width: 100px;}
.lw-btn:hover {background: #f5f5f5}

/* 빅프로그램버튼 input, button 태그 */
input.lp-btn, button.lp-btn {background: #3e4858;height: 55px;font-size: 1.231em;color: #fff;border: 0;overflow: visible;cursor: pointer;vertical-align: top;min-width: 150px;}
input.ldp-btn, button.ldp-btn {background: #3e4858;height: 55px;font-size: 1.231em;color: #fff;border: 0;overflow: visible;cursor: pointer;vertical-align: top;min-width: 150px;}
input.lg-btn, button.lg-btn {background: #939393;height: 55px;font-size: 1.231em;color: #fff;border: 0;overflow: visible;cursor: pointer;vertical-align: top;min-width: 150px;}
input.lw-btn, button.lw-btn {background: #fff;border-top: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;border-right: 1px solid #9c9c9c;border-bottom: 1px solid #9c9c9c;height: 55px;cursor: pointer;color: #444;overflow: visible;vertical-align: top;min-width: 150px;}

/*기본컨텐츠- 아이콘 버튼*/
.icw-btn, .icg-btn, .icp-btn, .icdp-btn {position: relative;display: inline-block;cursor: pointer;line-height: 1em;height: 14px;padding: 8px 40px 8px 10px;font-size: 12px;margin: 1px;}
.icw-btn span, .icg-btn span, .icp-btn span, .icdp-btn span {cursor: pointer;}
.icw-btn .txt, .icg-btn .txt, .icp-btn .txt, .icdp-btn .txt {color: #FFF}

.icw-btn {border-style: solid;background: #fff;padding-top: 7px;padding-bottom: 7px;padding-left: 9px;padding-right: 39px}
.icw-btn .txt {color: #444;}
.icw-btn .ico {width: 28px;height: 28px;background-color: #f1f1f1;border-left: 1px solid #c8c8c8;}
.icg-btn {border: 0;background-color: #e2e2e2;}
.icg-btn .txt {color: #444;}
.icp-btn {border: 0;background-color: #11b2c5;}
.icdp-btn {border: 0;background-color: #3e4858;}
.icw-btn .ico-arr {background-position: 0 0;}
.icw-btn .ico-nwin {background-position: -30px 0;}
.icw-btn .ico-dn {background-position: -60px 0;}
.icw-btn .ico-zoom {background-position: -90px 0;}
.icw-btn .ico-home {background-position: -120px 0;}
.icw-btn .ico-book {background-position: -150px 0;}
.icw-btn .ico-vod {background-position: -180px 0;}
.icg-btn .ico-arr, .icp-btn .ico-arr, .icdp-btn .ico-arr {background-position: 0 -30px;}
.icg-btn .ico-nwin, .icp-btn .ico-nwin, .icdp-btn .ico-nwin {background-position: -30px -30px;}
.icg-btn .ico-dn, .icp-btn .ico-dn, .icdp-btn .ico-dn {background-position: -60px -30px;}
.icg-btn .ico-zoom, .icp-btn .ico-zoom, .icdp-btn .ico-zoom {background-position: -90px -30px;}
.icg-btn .ico-home, .icp-btn .ico-home, .icdp-btn .ico-home {background-position: -120px -30px;}
.icg-btn .ico-book, .icp-btn .ico-book, .icdp-btn .ico-book {background-position: -120px -30px;}
.icg-btn .ico-vod, .icp-btn .ico-vod, .icdp-btn .ico-vod {background-position: -150px -30px;}/*기본컨텐츠- 아이콘 버튼*/
.bicw-btn, .bicg-btn, .bicp-btn, .bicdp-btn {position: relative;display: inline-block;cursor: pointer;line-height: 1em;height: 20px;padding: 11px 40px 9px 10px;font-size: 12px;margin: 1px;}
.bicw-btn span, .bicg-btn span, .bicp-btn span, .bicdp-btn span {cursor: pointer;}
.bicw-btn .txt, .bicg-btn .txt, .bicp-btn .txt, .bicdp-btn .txt {color: #FFF}

.bicw-btn {border-style: solid;background: #fff;padding-top: 10px;padding-bottom: 8px;padding-left: 9px;padding-right: 49px;}
.bicw-btn .txt {color: #444;}
.bicw-btn .ico {width: 38px;height: 38px;background-color: #f1f1f1;border-left: 1px solid #c8c8c8;}
.bicg-btn {border: 0;background-color: #e2e2e2;}
.bicg-btn .txt {color: #444;}
.bicp-btn {border: 0;background-color: #11b2c5;}
.bicdp-btn {border: 0;background-color: #3e4858;}
.bicw-btn .ico-arr {background-position: 0 0;}
.bicw-btn .ico-nwin {background-position: -40px 0;}
.bicw-btn .ico-dn {background-position: -80px 0;}
.bicw-btn .ico-zoom {background-position: -120px 0;}
.bicw-btn .ico-home {background-position: -160px 0;}
.bicw-btn .ico-book {background-position: -200px 0;}
.bicw-btn .ico-vod {background-position: -240px 0;}
.bicg-btn .ico-arr, .bicp-btn .ico-arr, .bicdp-btn .ico-arr {background-position: 0 -40px;}
.bicg-btn .ico-nwin, .bicp-btn .ico-nwin, .bicdp-btn .ico-nwin {background-position: -40px -40px;}
.bicg-btn .ico-dn, .bicp-btn .ico-dn, .bicdp-btn .ico-dn {background-position: -80px -40px;}
.bicg-btn .ico-zoom, .bicp-btn .ico-zoom, .bicdp-btn .ico-zoom {background-position: -120px -40px;}
.bicg-btn .ico-home, .bicp-btn .ico-home, .bicdp-btn .ico-home {background-position: -160px -40px;}
.bicg-btn .ico-book, .bicp-btn .ico-book, .bicdp-btn .ico-book {background-position: -200px -40px;}
.bicg-btn .ico-vod, .bicp-btn .ico-vod, .bicdp-btn .ico-vod {background-position: -240px -40px;}/* 테이블 */

.tbl-type01 {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 2px solid #333333;border-right: 1px solid #d5d5d5;font-size: 13px !important}
.tbl-type01 th, .tbl-type01 td {border: 1px solid #d5d5d5;border-left: 1px solid #d5d5d5;border-right: 0;padding: 10px 5px;word-wrap: break-word;}
.tbl-type01 th {background: #fafafa;color: #333;}
.tbl-type01 td {background: #fff;}
.tbl-type01 thead th {padding: 12px 5px;}
.tbl-type01 thead th.vline {border-bottom: 1px solid #ccd3db;} /* th가 2줄일 경우  */
.tbl-type01 th.line, .tbl-type01 td.line {border-left: 1px solid #d5d5d5;} /* 셀병합시 우측 라인 안나올 경우 */
.tbl-type01 th.l, .tbl-type01 td.l, .tbl-type01 td.left {padding-left: 10px;}
.tbl-type01 th.r, .tbl-type01 td.r, .tbl-type01 td.right {padding-right: 10px;}
.tbl-type01 tr.bg th, .tbl-type01 tr.bg td {background: #f0f0f0;font-weight: bold;} /* 강조 */
.tbl-type01 .pad20a {padding: 20px !important}
.tbl-type01 textarea {display: block;width: 97%;color: #888;margin: 10px 0;overflow-y: auto;overflow-x: hidden;line-height: 24px;padding: 5px}

.tbl-type01 .cartType {position: relative;display: inline-block;padding: 0 8px;font-size: 12px;color: #fff;margin-right: 2px;height: 20px;min-width: 40px;text-align: center;border-radius: 3px}
.tbl-type01 .cartType.book {background: #689f38}
.tbl-type01 .cartType.video {background: #26ACAE}
.tbl-type01 .cartType.moi {background: #f44336}

.tbl-type01 .evt-type {position: relative;display: inline-block;padding: 0 5px;line-height: 22px;font-size: 12px;color: #fff;border-radius: 3px;overflow: hidden;top: 0;left: 0;float: left;margin-right: 4px}
.tbl-type01 .evt-type.type1 {background: #299ef0}
.tbl-type01 .evt-type.type2 {background: #ff5603}
.tbl-type01 .evt-type.type3 {background: #57a22f}
.tbl-type01 .evt-type.type4 {background: #009ccf}
.tbl-type01 .evt-type.type5 {background: #ef5050}


.tblCntr th, .tblCntr td {text-align: center !important}

.tbl-type02 {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 2px solid #14a8b9;}
.tbl-type02 th, .tbl-type02 td {border: 1px solid #ccd3db;padding: 13px 5px;word-wrap: break-word;}
.tbl-type02 th {background: #fcfdfe;color: #14a8b9;}
.tbl-type02 td {background: #fff;}
.tbl-type02 thead th {padding: 12px 5px;}
.tbl-type02 tbody th {font-weight: normal;}
.tbl-type02 thead th.vline {border-bottom: 1px solid #ccd3db;} /*th가 2줄일 경우*/
.tbl-type02 th.l, .tbl-type02 td.l, .tbl-type02 td.left {padding-left: 10px;}
.tbl-type02 th.r, .tbl-type02 td.r, .tbl-type02 td.right {padding-right: 10px;}

.toplineNone {border-top: 1px solid #d5d5d5;}

/*테이블*/
.tbl-basic1 {border-collapse: collapse;border-spacing: 0px;border-style: solid;border-width: 0px 1px 1px 1px;border-color: #a7a7a7 #cccccc #cccccc #cccccc;width: 100%;}
.tbl-basic1 td, .tbl-basic1 th {border-color: #cccccc;border-style: solid;border-width: 1px 1px 1px 1px;}
.tbl-basic1 thead th {border-top-width: 2px;border-top-color: #a7a7a7;border-bottom-color: #8b8b8b;color: #333;}
.tbl-basic1 .line-t {border-top-color: #11b2c5}
.tbl-basic1 th, .tbl-basic1 .th {padding: 12px 10px 12px 10px;text-align: center;line-height: 115%;font-weight: 600;color: #444444;font-size: 1.045em;}
.tbl-basic1 tbody th, .tbl-basic1 .th {background-color: #f9f9f9;}
.tbl-basic1 td {padding: 12px 10px 12px 10px;text-align: center;}
.tbl-basic1 .left, .tbl-basic1 .l {}
.tbl-basic1 caption {font-size: 11px;padding-top: 5px;text-align: right;}/* 푸른색*/

.tbl-basic2 {border-collapse: collapse;border-spacing: 0px;border-style: solid;border-width: 0px 1px 1px 1px;border-color: #a7a7a7 #c7dde0 #c7dde0 #c7dde0;width: 100%;}
.tbl-basic2 td, .tbl-basic2 th {border-color: #c7dde0;border-style: solid;border-width: 1px 1px 1px 1px;}
.tbl-basic2 thead th {border-top-width: 2px;border-top-color: #93c0c5;border-bottom-color: #93c0c5;color: #333;}
.tbl-basic2 .line-t {border-top-color: #11b2c5}
.tbl-basic2 th, .tbl-basic2 .th {padding: 12px 10px 12px 10px;text-align: center;line-height: 115%;font-weight: 600;color: #444444;font-size: 1.045em;}
.tbl-basic2 tbody th, .tbl-basic2 .th {background-color: #f9f9f9;}
.tbl-basic2 td {padding: 12px 10px 12px 10px;text-align: center;}
.tbl-basic2 .left, .tbl-basic2 .l {}
.tbl-basic2 caption {font-size: 11px;padding-top: 5px;text-align: right;}/* 연한 갈색조*/

.tbl-basic3 {border-collapse: collapse;border-spacing: 0px;border-style: solid;border-width: 0px 1px 1px 1px;border-color: #a7a7a7 #cfcab9 #cfcab9 #cfcab9;width: 100%;}
.tbl-basic3 td, .tbl-basic3 th {border-color: #cfcab9;border-style: solid;border-width: 1px 1px 1px 1px;}
.tbl-basic3 thead th {border-top-width: 2px;border-top-color: #b1aea2;border-bottom-color: #bfb79b;color: #7c6a28;}
.tbl-basic3 .line-t {border-top-color: #a79c75}
.tbl-basic3 th, .tbl-basic3 .th {padding: 12px 10px 12px 10px;text-align: center;line-height: 115%;font-weight: 600;color: #444444;font-size: 1.045em;}
.tbl-basic3 tbody th, .tbl-basic3 .th {background-color: #f9f7f2;}
.tbl-basic3 td {padding: 12px 10px 12px 10px;text-align: center;}
.tbl-basic3 .left, .tbl-basic3 .l {}
.tbl-basic3 caption {font-size: 11px;padding-top: 5px;text-align: right;}/* 상태값 */

.r-stat {background: #fff;padding: 0 3px 0;display: inline-block;vertical-align: middle;font-size: 11px;font-weight: bold;letter-spacing: -0.05em;margin-right: -3px;font-style: normal;line-height: 18px;border-radius: 3px;}
.r-stat.r-stat00, .r-stat.r-st1 {border: 1px solid #b3b3b3;color: #666;background: #f0f0f0;}
.r-stat.r-stat01, .r-stat.r-st2, .r-stat.r-st-d {border: 1px solid #0b9dae;color: #0b9dae}
.r-stat.r-stat02, .r-stat.r-st3, .r-stat.r-st-s {border: 1px solid #f76767;color: #f76767}
.r-stat.r-stat03, .r-stat.r-st4, .r-stat.r-st-ds {border: 1px solid #d90014;color: #d90014}
.r-stat.r-stat04, .r-stat.r-st5, .r-stat.r-st-c2 {border: 1px solid #ff44ae;color: #ff44ae}
.r-stat.r-stat05, .r-stat.r-st6, .r-stat.r-st-v {border: 1px solid #ce78f6;color: #a227dc}
.r-stat.r-stat06, .r-stat.r-st7, .r-stat.r-st-v2 {border: 1px solid #fa90cc;color: #ff44ae;padding: 3px 8px 3px;}
.r-stat.r-stat07, .r-stat.r-st8 {border: 1px solid #feaeb9;color: #fc5169;padding: 3px 8px 3px;}
.r-stat.r-stat08, .r-stat.r-st9 {border: 1px solid #8b81e9;color: #2f08ac;padding: 3px 8px 3px;}
.r-stat.r-stat09, .r-stat.r-st10 {border: 1px solid #5cbbde;color: #009ccf}
.r-stat.r-stat10, .r-stat.r-st11 {border: 1px solid #c4c55b;color: #806250;padding: 3px 8px 3px;}
.r-stat.r-stat11, .r-stat.r-st12 {border: 1px solid #7fa49f;color: #018271}
.r-stat.r-stat12, .r-stat.r-st13 {border: 1px solid #96cc72;color: #57a22f}
.r-stat.r-stat13, .r-stat.r-st14 {border: 1px solid #ffa340;color: #ff5603;padding: 3px 8px 3px;}
.r-stat.r-stat14, .r-stat.r-st15, .r-stat.r-stoff {border: 1px solid #b3b3b3;color: #666;background: #f0f0f0;}
.r-stat.r-stat15 {border: 1px solid #eea1a1;color: #d91818;padding: 0 7px 1px;}
.r-stat.r-stat16 {border: 1px solid #c2c2c2;color: #666;padding: 0 7px 1px;}


.absBtn { text-align: center; margin-top: 20px;}
.r-stat_big {display: inline-block; width: 200px;box-sizing: border-box; background: #050672;color: #fff;padding: 0 10px; border-radius: 3px;font-size: 20px;height: 44px;line-height: 44px;font-weight: 900}


/* 준비중, 에러 메시지, 안내 페이지 */
.msg-wrap {width: 100%;text-align: center;font-size: 14px;color: #333;padding: 120px 0;}
.msg-wrap .tit {font-size: 22px;font-weight: bold;letter-spacing: -1px;margin: 15px 0;color: #3e4858;line-height: 1;}
.msg-wrap a {min-width: 100px;}
.msg-wrap a.bp-btn {background: #3e4858;}
.msg-wrap a.bp-btn span {color: #fff;}
.msg-wrap:before {content: "";display: block;width: 104px;height: 100px;background: url('/re_images/common/etc/msg-sprite.png') no-repeat;margin: 0 auto 30px;}
.msg-wrap.wait:before {background-position: 0 0;}
.msg-wrap.error:before {background-position: 0 -104px;}
.msg-wrap.info:before {background-position: -104px 1px;}
.msg-wrap.logout {/* margin-top:30% */}
.msg-wrap.logout:before {background-position: -104px -99px;}
.msg-wrap.logout li:before {content: "-";color: #666;margin-right: 7px;}
.msg-pd {padding: 0 !important;}

.errorBox {position: relative;display: block;text-align: center;padding: 70px 0}
.errorBox i {display: inline-block;}
.errorBox b {display: block;font-size: 25px;color: #333;line-height: 150%;font-weight: normal;letter-spacing: -0.05em;margin: 15px 0 5px}
.errorBox span {display: block;font-size: 15px;color: #777;line-height: 150%;}

/* 플로우리스트 */
.flow-list {background: #f4f4f4;padding: 16px 20px}
.flow-list li {display: inline-block;vertical-align: top;margin: 5px 0;letter-spacing: -0.025em;line-height: 30px;}
.flow-list li:after {content: "";display: inline-block;vertical-align: middle;width: 7px;height: 30px;background: url('/re_images/common/etc/flow_arr.png') no-repeat 0 8px;margin: 0 7px 0 10px}
.flow-list li.last:after {background: none;margin: 0 13px 0 0px}
.flow-list li .num {width: 30px;height: 30px;display: inline-block;vertical-align: middle;border-radius: 50%;background-color: #3e4858;background-image: url('/re_images/common/etc/flow_bg.png');background-repeat: repeat;color: #fff;margin-right: 8px;font-size: 12px;line-height: 29px;font-weight: bold;text-align: center;}
.flow-list li:first-child .num {background-color: #11b2c5}
.flow-list li.last .num {background-color: #0491d9;}
.foldings-in-cont .flow-list {background: #fff;border: 1px solid #ddd;margin-top: 10px;}

.flow-block {background: #f4f4f4;padding: 16px 20px}
.flow-block li {display: block;vertical-align: top;margin: 5px 0;letter-spacing: -0.025em;line-height: 30px;}
.flow-block li.last:after {background: none;margin: 0 13px 0 0px}
.flow-block li .num {width: 30px;height: 30px;display: inline-block;vertical-align: middle;border-radius: 50%;background-color: #70a008;background-image: url('/re_images/common/etc/flow_bg.png');background-repeat: repeat;color: #fff;margin-right: 8px;font-size: 12px;line-height: 29px;font-weight: bold;text-align: center;}

.pagelist {text-align: center;line-height: 110%;display: block;position: relative;height: auto;min-height: 35px;}
.pagelist * {vertical-align: middle;}
.pagelist a, .pagelist strong {display: inline-block;height: 30px;min-width: 30px;border: 1px solid #d8d8d8;border-left: 0 !important;text-align: center;overflow: hidden}
.pagelist span {font-size: 100%;font-weight: normal;color: #777 !important;display: inline-block;height: 25px;min-width: 30px;padding-top: 5px;}
.pagelist span.first {background: none;}
.pagelist a span {cursor: pointer;line-height: 1.5em}
.pagelist a:hover span {color: #3e4858 !important;text-decoration: underline;}
.pagelist strong {background: #3e4858;border: 1px solid #3e4858;}
.pagelist strong span {color: #fff !important;font-weight: bold;text-decoration: underline;line-height: 1.5em}
.pagelist .firstpage span, .pagelist .lastpage span, .pagelist .firstpage1 span, .pagelist .lastpage1 span, .pagelist .prevblock span, .pagelist .nextblock span, .pagelist .prevblock1 span, .pagelist .nextblock1 span, .pagelist .prevpage span, .pagelist .nextpage span, .pagelist .prevpage1 span, .pagelist .nextpage1 span {padding-top: 0;border: 0 !important;background: none !important;visibility: hidden;margin-left: 0;margin-right: 0;}
.pagelist .firstpage, .pagelist .lastpage, .pagelist .firstpage1, .pagelist .lastpage1, .pagelist .prevblock, .pagelist .nextblock, .pagelist .prevblock1, .pagelist .nextblock1, .pagelist .prevpage, .pagelist .nextpage, .pagelist .prevpage1, .pagelist .nextpage1 {display: inline-block;background-image: url('/re_images/common/etc/btn_page.gif');background-repeat: no-repeat;height: 32px;width: 31px;overflow: hidden;margin-left: 0;margin-right: 0;border: 0;}/*비활성*/

.pagelist .firstpage1 {background-position: 0 -64px;}
.pagelist .prevblock1 {background-position: -62px -64px;margin-right: 0;width: 32px;}
.pagelist .nextblock1 {background-position: -94px -64px;margin-left: 0;}
.pagelist .lastpage1 {background-position: right -64px;width: 31px;}/*활성*/
.pagelist .firstpage {background-position: 0 0;}
.pagelist .prevblock {background-position: -62px 0;margin-right: 0;width: 32px;}
.pagelist .nextblock {background-position: -94px 0;margin-left: 0;}
.pagelist .lastpage {background-position: right 0;width: 31px;}/*오버*/
.pagelist .firstpage:hover {background-position: 0 -32px;}
.pagelist .prevblock:hover {background-position: -62px -32px;width: 32px;}
.pagelist .nextblock:hover {background-position: -94px -32px;}
.pagelist .lastpage:hover {background-position: right -32px;width: 31px;}/*텍스트필드*/

.text-field {background: #f7f7f7;border: 1px solid #d8dbe2;overflow-y: auto;}
.text-field .field {padding: 20px 25px;font-size: 13px;color: #767683;line-height: 180%;}


.file_list {position: relative;display: block;overflow: hidden}
.file_list li {display: block;overflow: hidden;border-bottom: 1px dotted #ccc;padding: 10px 85px 10px 30px;background: url("/re_images/common/Board/icon_file.png") no-repeat left center;text-overflow:ellipsis;word-wrap: break-word;word-break: break-all;}
.file_list li:first-child {border-top: 1px dotted #ccc;}
.file_list li .filebtn {position: absolute;top: 50%;right: 0;margin-top: -16px}
.file_list li .filebtn a {display: inline-block;width: 32px;height: 32px;vertical-align: top;text-indent: -999px}
.file_list li .filebtn .bt_view {background: url("/re_images/manager/pc/contents/filebtn_viw.png") no-repeat center}
.file_list li .filebtn .bt_down {background: url("/re_images/manager/pc/contents/filebtn_down.png") no-repeat center}

    /*브라우저 업데이트*/
.lowIE-update {position: fixed;top: 0;left: 0;z-index: 9000;width: 100%;height: 100%;}
.update-cont {position: relative;margin: 10% auto 0;border: 2px solid #000;width: 942px;background: #fff;padding: 20px 20px 10px;text-align: center;z-index: 7100}
.update-cont .tit {display: block;font-size: 30px;color: #333;margin-bottom: 40px;}
.update-cont dl {display: block;text-align: left}
.update-cont dl dt {display: block;font-size: 17px;color: #222;margin-bottom: 5px;}
.update-cont dl dd {line-height: 160%;color: #777}
.update-cont ul {display: block;overflow: hidden;margin-top: 20px;}
.update-cont ul li {float: left;width: 168px;margin: 0 10px;}
.update-cont ul li .img {display: block;padding: 10px 0;border: 1px solid #ddd;text-align: center}
.update-cont ul li .img i {display: inline-block;width: 80px;height: 80px;}
.update-cont ul li div {display: block;overflow: hidden;margin-top: 10px;}
.update-cont ul li div .txt {float: left;line-height: 25px;font-size: 12px;}
.update-cont ul li div a {float: right;width: 60px;text-align: center;border: 1px solid #ddd;line-height: 25px;font-size: 12px;}
.update-cont ul li div a:hover {border: 1px solid #666;background: #fbfbfb}
.update-cont .ie {background: url("/re_images/books/pc/layout/update-sprite.png") no-repeat 0 0}
.update-cont .chrome {background: url("/re_images/books/pc/layout/update-sprite.png") no-repeat -80px 0}
.update-cont .firefox {background: url("/re_images/books/pc/layout/update-sprite.png") no-repeat -160px 0}
.update-cont .safari {background: url("/re_images/books/pc/layout/update-sprite.png") no-repeat -240px 0}
.update-cont .opera {background: url("/re_images/books/pc/layout/update-sprite.png") no-repeat -320px 0}
.update-cont .chk-uclose {display: block;text-align: right;margin-top: 40px;padding-right: 30px;line-height: 24px;vertical-align: middle;}
.update-cont .chk-uclose label {line-height: 24px;margin-left: 5px}

.lowIE-update button {position: absolute;bottom: 0;right: 0;width: 40px;height: 40px;background: #000 url("/re_images/books/pc/layout/btn-upclose.gif") no-repeat 50% 50%;border: 0;}


/*---------------------------------------------------------------------------------------------
    쿠폰
---------------------------------------------------------------------------------------------*/


.coupon_banner {position: relative;display: block;overflow: hidden}
.coupon_slider .item img {width: 100% }
.coupon_slider .slick-dots {position: absolute;bottom: 20px;right: 0;height: 14px;text-align: center;width: 100%}
.coupon_slider .slick-dots li {display: inline-block;vertical-align: top;margin: 0 4px}
.coupon_slider .slick-dots li button {width: 14px;height: 14px;border: none;background: #fff;text-indent: -99999px;border-radius: 50%;overflow: hidden}
.coupon_slider .slick-dots li.slick-active button {background: #666;}


.coupon_cont {position: relative;display: block;overflow: hidden;width: 1200px;margin: 0 auto;padding: 50px 0}
.coupon_title {display: block;font-size: 25px;color: #222;line-height: 150%;font-weight: 600;margin-bottom: 10px}

.coupon_list {position: relative;display: block;overflow: hidden;border-left: 1px solid #e3e3e3;}
.coupon_list li {float: left;border: 1px solid #e3e3e3;box-sizing: border-box;width: 33.33%;padding: 20px;margin-left: -1px}
.coupon_list li .coupon {position: relative;display: block;background: #666;border-radius: 15px;padding: 5px 60px 5px 5px;width: 320px;box-sizing: border-box;margin: 0 auto}
.coupon_list li .coupon .inner {display: block;background: #fff;border-radius: 15px;border-bottom-right-radius: 50px;padding: 20px;height: 150px;box-sizing: border-box}
.coupon_list li .logo {position: absolute;bottom: 10px;right: 10px;}
.coupon_list li .time_icon {position: absolute;top: 50%;right: 15px;transform: translateY(-50%);}
.coupon_list li .time_icon span {display: block;width: 70px;height: 70px;overflow: hidden;border-radius: 50%;background: #f01616;line-height: 67px;text-align: center;position:relative; animation: alarm .2s infinite;}
.coupon_list li .time_icon span img {}
.coupon_list li .tit {display: block;font-weight: 600;color: #333;font-size: 13px;height: 36px;overflow: hidden;line-height: 130%}
.coupon_list li .btxt {display: block;font-weight: 600;color: #333;font-size: 30px;line-height: 40px;height: 45px;text-align: center;margin: 20px 0 5px}
.coupon_list li .btxt small {display: inline-block;font-size: 20px;font-weight: 600;line-height: 40px;height: 45px;text-align: center;margin-left: 5px}
.coupon_list li .time {display: block;font-weight: 600;margin: 5px 0;line-height: 25px;font-size: 25px;text-align: center;color: #e52730;letter-spacing: 0}
.coupon_list li .couponTxt {text-align: center;margin: 15px 0 0;font-size: 14px;line-height: 150%}
.coupon_list li .date {display: block;letter-spacing: 0;height: 22px}
.coupon_list li .txt {display: block;margin: 0;height: 22px}
.coupon_list li .bt {display: block;margin-top: 15px;text-align: center}

.coupon_list li .timeCoupon .btxt {margin-top: 0}

.coupon_list li .st1 {background: #64b335}
.coupon_list li .st1 .btxt {font-size: 35px}
.coupon_list li .st2 {background: #f38125}
.coupon_list li .st2 .btxt {font-size: 30px}

@keyframes alarm {
    from{left:-2px;}
    to{left:1px;}
}
.btn_st2 {
    overflow: hidden;display: inline-block;vertical-align: top;border-radius: 3px;font-size: 13px;outline: none !important;
    text-align: center;padding: .375rem 1.1rem;border: 1px solid #d6dce1;background: #f8f9fa;color: #212529;margin: 1px;
}

.btn_red2 {background: #ef3d58;border-color: #ef3d58;color: #fff;}
.btn_outline_dark2 {color: #313a46;border-color: #313a46;background: #fff;}



.eplgContArea {position: relative;display: block;}
.eplgContArea .all-rating {position: relative;display: block;text-align: center;padding: 30px 0;background: #f6f6f6}
.eplgContArea .all-rating .rating {position: relative;display: inline-block;margin-bottom: 5px}
.eplgContArea .all-rating .rating i {position: relative;display: inline-block;width: 30px;height: 30px;vertical-align: top;color: #cbcbcb}
.eplgContArea .all-rating .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 30px;line-height: 30px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 25px;display: block}
.eplgContArea .all-rating .rating i.on {color: #ef5350}
.eplgContArea .all-rating .rating b {display: inline-block;vertical-align: top;font-size: 15px;color: #333;line-height: 30px;margin-left: 2px}
.eplgContArea .all-rating .rating-txt {display: block;font-size: 15px;color: #333}

.eplgContArea .wri-box {position: relative;display: block;margin: 15px 0;z-index: 10}
.eplgContArea .wri-cont {display: block;border: 1px solid #ddd;background: #fff;}
.eplgContArea .wri-cont .textfield {display: block;padding: 15px 15px 15px 75px;}
.eplgContArea .wri-cont .userImg {position: absolute;top: 15px;left: 15px;width: 50px;height: 50px;overflow: hidden;border-radius: 50%;}
.eplgContArea .wri-cont .userImg img {width: 50px;height: 50px;}
.eplgContArea .wri-cont .name {display: block;font-weight: 600;color: #222;padding-left: 5px;margin-bottom: 10px;}
.eplgContArea .wri-cont textarea {display: block;width: 98%;border: none;height: 50px;color: #888;margin: 10px 0;overflow-y: auto;overflow-x: hidden;background: #f7f7f7;}
.eplgContArea .wri-cont input[type=text] {background: #f7f7f7;border: none !important}
.eplgContArea .wri-count {display: block;border-top: 1px solid #ddd;text-align: right;padding-right: 120px;line-height: 40px}
.eplgContArea .wri-cont .rating {position: relative;display: block;}
.eplgContArea .wri-cont .rating i {position: relative;display: inline-block;width: 16px;height: 20px;vertical-align: top;color: #cbcbcb}
.eplgContArea .wri-cont .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 20px;line-height: 20px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 15px;display: block}
.eplgContArea .wri-cont .rating i.on {color: #ef5350}
.eplgContArea .wri-cont .rating span {display: inline-block;vertical-align: top;font-size: 13px;color: #777;line-height: 30px;margin-left: 2px}

.eplgContArea a.eplg-btn {position: absolute;display: block;bottom: 1px;right: 0;line-height: 40px;width: 100px;color: #fff;text-align: center;background: #50595e;z-index: 100}
.eplgContArea a.eplg-btn:hover {background: #3e4549}