@charset "utf-8";

/***** Desktop Device *****/
.wrap{width:100%;min-width:1250px}

/* 상단 이벤트 공지 */
.top_bnr_notice {display:none;height:0;/* height:125px; */position:relative;background:transparent url(/images/banner/top_bnr_20170630.jpg) no-repeat 50% 0}
.top_bnr_notice a {display:block;overflow:hidden;max-width:1180px;margin:0 auto;height:100%;text-indent:-9999px}
.t_bnr_closer {position:absolute;right:20px;top:0;bottom:0;margin:0 auto;z-index:100}
/* 상단공지-모바일 겸용 */
.top_bnr_notice1 {display:none;height:0;position:relative;overflow:hidden;text-align:center;background-color:#416cbb;/*background:#e5fff7 transparent url(/images/banner/top_bnr_ptn_170404.jpg) repeat 0 0 */}
.top_bnr_notice1 a {display:inline-block}
.top_bnr_notice img,.top_bnr_notice1 img {vertical-align:top}


/*header*/
.header{position:relative;width:100%;height:94px;box-sizing:border-box;background-color:#fff;z-index:99999;*zoom:1;box-shadow:0 3px 6px rgba(0, 0, 0, .16)}
.header:after {display:none;content: '';position: absolute;left: 0;right: 0;top: 94px;background: #f9f9f9;height: 240px;z-index: -1;box-shadow: inset 0px 3px 6px rgba(0, 0, 0, .16), 0px 3px 6px rgba(0, 0, 0, .16);}
.fixed-header {position:fixed !important;left:0;right:0;top:0;}
.fixed-header ~ .container {margin-top:155px}
.fixed-header ~ .main {margin-top:94px}
.header-inner{position:relative;margin:0 auto;width:1180px;z-index:9992;}
.top-navi {height:34px}
.top-navi ul {width:1180px;margin:0 auto;text-align:right;font-size:0;line-height:34px}
.top-navi ul li {display:inline-block;font-size:14px;vertical-align:middle}
.top-navi ul li a {padding:0 15px;letter-spacing:-1px;border-left:1px solid #ddd;color:#000;font-weight:300}
.top-navi ul li:first-child a {border-left:0 none}
.top-navi ul li.bn-admin {margin:0 3px}
.top-navi ul li.bn-admin a {display:block;height:24px;line-height:24px;padding:0 10px;color:#fff;border-radius:3px;background-color:#888;box-sizing:border-box}
.top-navi ul li.or a {background-color:#381EFF}
.main-title {position:absolute;left:0;top:48px;width:182px;z-index:10}
.main-title a {display:block}
.main-title a img {max-width:100%}

/*GNB*/
.gnb-open-btn, .gnb-close-btn,.m-admin-bn{display:none;}
.gnb>ul {display:flex;padding-left:200px;box-sizing:border-box}
.gnb>ul>li{width:calc(100% / 6);position:relative;z-index:99993;}
.gnb>ul>li>a{position:relative;display:block;height:60px;padding:0 30px;line-height:60px;color:#000;font-size:16px;font-weight:500;overflow:hidden;text-align:center;box-sizing:border-box}
.gnb>ul>li>a:after {content:'';position:absolute;left:50%;bottom:0;height:2px;width:0;background-color:#381EFF;transition:all .15s;transform: translateX(-50%);}
.gnb>ul>li:hover>a:after {width:100%}
.gnb>ul>li.gnb-title7{display:none;}
.gnb>ul>li.ov>a{color:#dedee0;}
.gnb>ul>li>ul {position:absolute;top:59px;left:0;padding:20px 20px 0;min-width:100%;width:auto;box-sizing:border-box;white-space:nowrap;z-index:99994;display:none;}
.header.over .gnb>ul>li>ul {display:block}
.gnb>ul>li:first-child > ul {padding-left:0}
.gnb>ul>li:last-child > ul {border-right:0 none}
.gnb>ul>li>ul>li{padding:10px 0;text-align:center}
.gnb>ul>li>ul>li>a{font-size:14px;color:#000;cursor:pointer;font-weight:500}
.gnb>ul>li>ul>li>a:hover{color:#381EFF}
.gnb>ul>li>ul>li.gnb-title{display:none;margin:0 0 28px 0;}
.gnb>ul>li>ul>li.gnb-title a{font-weight:500;}

.wrap > .gnb-bg {display:none !important}
.gnb-bg{position:absolute;top:94px;left:0;width:100%;height:290px;background:#f9f9f9;z-index:9990;display:none}
.header.over:after {display:block}
.gnb-right{}
.gnb-right:after{content:'';display:block;clear:both;}
.gnb-right li.bn-admin a{cursor:pointer}
ul.m-depth3,ul.m-depth3:empty {display:none;}
/*content*/
#content{min-height:400px;}
/*sitemap*/
.sitemap-wrap{padding:37px 0 30px 0;border-top:1px solid #dbdbdb;background-color:#e5e6e7;*width:100%;}
.sitemap{margin:0 auto;width:1180px;text-align:center;*zoom:1;}
.sitemap:after{content:'';display:block;clear:both;}
.sitemap .item{display:inline-block;margin:0 25px;font-size:13px;text-align:left;vertical-align:top}
/*
.item.w1{padding-left:165px;width:176px;}
.item.w2{width:176px;}
.item.w3{width:198px;}
.item.w4{width:180px;}
.item.w5{width:160px;}
.item.w6{width:187px;}
.item.w7{width:75px;}
 */
.sitemap-title{margin-bottom:18px;font-size:15px;color:#555;}
.item li{margin-bottom:6px;}
.item li a{color:#555;cursor:pointer;}
.item li a:hover{color:#000;}
/*footer*/
.footer{position:relative;width:100%;border-top:1px solid #dbdbdb;z-index:99986;}
.footer-top{position:relative;margin:0 auto;width:1180px;height:46px;*zoom:1;}
.footer-top:after{content:'';display:block;clear:both;}
.company-list{overflow:hidden;margin-bottom:15px;}
.company-list li {float:left;padding:0 10px;line-height:1;border-right:1px solid #fff}
.company-list li:first-child {padding-left:0;}
.company-list li.last-list,.company-list li:last-child{border:0 none}
.company-list li a{font-size:16px;color:#fff;font-weight:300}

.footer-bottom{position:relative;padding:28px 0 60px 0;background-color:#8F8F8F;color:#fff;font-size:14px;font-weight:300;line-height:1.7;z-index:99992;}
.footer-bottom-inner{position:relative;margin:0 auto;width:1142px;}
.footer-bottom span.line{margin:0 5px 0 5px;font-size:12px;}
.sns-list{position:absolute;top:0;right:0;z-index:99993;}
.sns-list li{display:inline-block;padding:0 0 0 8px;*display:inline;*zoom:1;}
.top-btn{position:absolute;top:0;right:15px;}
.footer .top-btn {display:none}

/*modalpage*/
.modal-layout{position:fixed;top:0;left:50%;border-top:10px solid #363636;background-color:#fff;z-index:99999;display:none;}
.modal-wrap{position:relative;padding:30px;}
.modal-title{padding:0 0 20px 0;font-size:26px;line-height:26px;color:#333;font-weight:bold;}
.btn-close-modal  {width:24px;height:24px;position:absolute;top:28px;right:40px;}
.btn-close-modal button{display:block;width:100%;height:100%;text-indent:-1000em;background-image:url('/images/bg/sprite_temp.png');background-position:-176px -16px}
.modal-bg{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:url('/images/bg/bg_modal.png') repeat;z-index:99998;}

/*초과 사용금액 미납 modal*/
.modal-layout.default-layer{margin:0 0 0 -270px;top:150px;width:540px;display:none;}
.modal-default-title{font-size:26px;line-height:26px;font-weight:bold;color:#000;}
.modal-default-title img{margin:0 0 -5px 0;vertical-align:bottom;}
.default-pay-t{margin:20px 0 0 0;padding:30px 10px 30px 10px;background-color:#f6f6f6;font-size:14px;font-weight:bold;text-align:center;}
.default-pay-txt1{color:#ed5807;}
.default-pay-txt2{margin:6px 0 0 0;color:#333;}
.default-pay-b{margin:20px 0 0 0;padding:25px 30px 50px 30px;border:1px solid #dbdbdb;}
.default-pay-b h4{font-size:18px;line-height:18px;}
.bn_c{margin:10px 0 0 0;text-align:center;}
a.default-bn{display:inline-block;width:148px;height:28px;line-height:28px;background-color:#FF5B07;color:#fff;font-weight:bold;border:1px solid #d65802;*display:inline;*zoom:1;}

.board-row{margin:20px 0 0 0;width:100%;table-layout:fixed;color:#555;font-size:13px;border-top:2px solid #d1d1d1;border-bottom:2px solid #d1d1d1;}
.board-row th{padding:12px 10px 12px 20px;border-bottom:1px solid #e3e3e3;text-align:left;background-color:#f6f6f6;}
.board-row th.v-top{vertical-align:top;}
.board-row td{padding:8px 0 8px 20px;border-bottom:1px solid #e3e3e3;}
.board-row td.search-none{padding:30px 0;text-align:center;font-weight:bold;color:#333;}
.board-row td .txt-bk{color:#333;font-weight:bold;}
.board-row td .txt_or{color:#f17b19;font-weight:bold;}
/*회원정보 업데이트*/
.memupdate-layer{position:fixed;margin:0 0 0 -450px;padding:45px 55px;top:150px;left:50%;z-index:99999;width:790px;background-color:#fff;display:none;}
.memupdate-wrap{margin:20px 0 0 0;padding:10px;background:url('/images/bg/bg_comb.gif');}
.memupdate-inner{padding:45px 85px;background-color:#fff;text-align:center;}
.memupdate-inner>h3{padding:30px 0 17px 0;font-size:26px;line-height:26px;font-weight:bold;color:#000;background:url('/images/bg/line_dotted_mgray.gif') repeat-x left bottom;}
.memupdate-inner>p{padding:15px 0 0 0;font-size:13px;line-height:21px;}
.memupdate-inner>p .txt_or{font-weight:bold;}
.bn-memodify-wrap{margin-top:25px;}
a.bn-memodify{display:block;margin:0 auto;width:178px;height:38px;line-height:38px;font-weight:bold;color:#fff;background-color:#f37915;border:1px solid #da6911;}

/* dm-layout */
.res-row {/* overflow:hidden */}
.res-row:before,.res-row:after {content:"";display:table}
.res-row:after {clear:both}
.res-1,.res-2,.res-3,.res-4,.res-5,.res-6,.res-7,.res-8,.res-9,.res-10,.res-11,.res-12 {float:left;box-sizing:border-box}
.res-1 {width:8.33333333%}
.res-2 {width:16.66666667%}
.res-3 {width: 25%}
.res-4 {width: 33.33333333%}
.res-5 {width: 41.66666667%}
.res-6 {width:50%}
.res-7 {width: 58.33333333%}
.res-8 {width: 66.66666667%}
.res-9 {width: 75%}
.res-10 {width: 83.33333333%}
.res-11 {width: 91.66666667%}
.res-12 {width: 100%}


/* 버튼 */
    .bn_c{margin:20px 0 0 0;text-align:center;}
    .bn_r{margin:20px 0 0 0;text-align:right;}
    .bn_c *, .bn_l *, .bn_r *{vertical-align:top;}
    .bn_lr{*zoom:1;}
    .bn_lr:after{content:'';display:block;clear:both;}
    .bn_lr .bn_fl{float:left;}
    .bn_lr .bn_fr{float:right;}
    .bn_lr .bn_fl *,.bn_lr .bn_fr *{vertical-align:top;}
    .bn-gray-s, .bn-gray-m, .bn-gray-m2, .bn-gray-form, .bn-or-s, .bn-or-m,  .bn-or-m2, .bn-or-l, .bn-gray-l, .bn-wt-l, .bn-wt-m, .bn-wt-s{display:inline-block;vertical-align:middle;padding:9px 35px 9px 35px;color:#fff !important;font-weight:bold !important;border:1px solid #6f6f6f;background-color:#777;text-align:center;white-space:nowrap;*display:inline;*zoom:1;}
    .bn-gray-s, .bn-gray-m, .bn-gray-m2, .bn-gray-form {color:#381EFF !important;border:1px solid #381EFF;background-color:#fff}
    .bn-or-m, .bn-or-m, .bn-or-l, .bn-or-s, .bn-or-m, .bn-or-m2, .bn-or-form{border:1px solid #381EFF;background-color:#381EFF;color:#fff !important;font-weight:bold !important;cursor:pointer;}
    .bn-gray-m2, .bn-or-m2{padding:12px 15px 12px 15px;}
    .bn-or-l, .bn-gray-l, .bn-wt-l{padding:12px 35px 12px 35px;font-size:14px}
    .bn-wt-l {color:#333 !important;background-color:#fff}
    .bn-gray-form{padding:11px 23px 11px 23px;}
    .bn-or-s{padding:8px 25px 8px 25px;}
    .bn-or-s.s2,.bn-gray-s.s2{padding:7px 17px 7px 17px;}
    .bn-gray-s{padding:9px 32px 9px 32px;}
    .bn-or-form{padding:0;width:100px;height:40px;font-size:14px;line-height:40px;font-weight:bold;color:#fff;}
    .bn-img, .bn-img-api{margin-bottom:-1px;display:inline-block;padding-right:4px;height:31px;line-height:31px;background:url('/images/bg/sprite_btn.png') no-repeat 100% -22px;color:#333;font-size:12px;word-spacing:-1px;text-align:center;font-weight:bold;white-space:nowrap;vertical-align:middle;cursor:pointer;*display:inline;*zoom:1;}
    .bn-img span, .bn-img-api span{display:block;padding:0 0 0 4px;height:31px;line-height:31px;color:#333;background:url('/images/bg/sprite_btn.png') no-repeat left -22px;}
    .bn-img-api{margin:3px 0 0 0;padding:0 7px 0 0;height:20px;line-height:20px;background-position:100% -111px;}
    .bn-img-api span{padding:0 0 0 7px;height:20px;line-height:20px;background-position:left -111px;}
    .btn_icon,
    .btn_icon *{display:inline-block;overflow:visible;position:relative;background:url('/images/bg/sprite_btn.png') no-repeat;font-size:12px;font-weight:bold;color:#333 !important;vertical-align:top;white-space:nowrap;*margin-right:4px;}
    .btn_icon{margin-right:4px}
    .btn_icon *{left:4px;cursor:pointer;}
    .btn_icon.medium{background-position:left -133px;}
    .btn_icon.medium,
    .btn_icon.medium *{height:27px;line-height:27px}
    .btn_icon.medium *{padding:0 10px 0 6px;background-position:right -133px;font-size:12px}
    .btn_icon.icon *{padding-left:23px}
    .btn_icon.icon span{width:23px;margin-right:-23px;padding:0 !important}
    .btn_icon.medium .printimg{background-position:6px -78px;}
    .btn_icon.medium .excel{background-position:-21px -78px;}
    .inputext{padding:7px 3px;}
    .inputwid-ss{width:80px;}
    .inputwid-s{width:100px;box-sizing:border-box}
    .inputwid-ssm{width:230px;}
    .inputwid-smm{width:200px;}
    .inputwid-sm{width:270px;}
    .inputwid-m{width:340px;}
    .inputwid-l{width:90%;}
    .input-right{text-align:right;}
    .selectbox{height:30px;line-height:30px;}
    input[type='radio']{margin-top:-1px;}
    .txt_bold{font-weight:bold;}
    .txt_stress {color:#ea0202 !important;font-weight:800 !important}
    .txt_or{color:#381EFF;}
    .txt_blue {color:#168fea}
    .txt_bk{color:#000;font-weight:bold;}
    .txt_normal{font-weight:normal;}
    .txt-line-tru{ text-decoration:line-through;}
    .txt-underline{text-decoration:underline;}
    .txt_sgray{display:block;margin-top:3px;font-size:12px;color:#999;}

    .align_r {text-align:right !important}
    .align_l {text-align:left !important}

/* label ico */
    .sticker-cell {padding:0 !important}
    .sticker {position:relative;padding:18px 0}
    .sticker img {position:absolute;right:0;top:0}

/* 새로운 레이어팝업 */
    .nlayer-wrap {position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%}
    .nlayer-wrap:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:transparent url('/images/bg/bg_modal.png') repeat}
    .nlayer-body {overflow:hidden;position:absolute;left:50%;top:50%;z-index:99999;min-width:300px;margin:0 0 0 -150px;border-radius:5px;background-color:#fff}
    .nlayer-tit {display:block;padding:10px 25px;font-size:24px;line-height:normal;color:#fff;background-color:#ff9730}
    .nlayer-con-tit {position:relative;margin-bottom:10px;font-size:18px;line-height:normal;color:#333}
    .nlayer-con-tit span {position:absolute;right:0;bottom:0;font-size:12px;font-family:"돋움",Dotum,sans-serif}
    .nlayer-content {overflow:auto;max-height:600px;padding:0 20px 40px;box-sizing:border-box}
    .nlayer-bottom {padding:15px 0;border-top:1px solid #ccc;text-align:center}
    .bn-nlayer-hide {overflow:hidden;position:absolute;right:30px;top:10px;width:24px;height:24px;text-indent:-1000em;background:transparent url('/images/bg/sprite_temp.png') no-repeat -176px -42px}
    .layer-section {margin-top:30px}
    /* .nlayer-content .layer-section:first-child, .layer-section:first-of-type {margin-top:0} */

/* 텍스트 박스 */
    .guide-l,.guide-p {margin:10px 0}
    .guide-l li,.guide-p {position:relative;margin:5px 0;padding-left:15px;font-size:13px;text-align:left}
    .guide-l li:before,.guide-p:before {content:"※";position:absolute;left:0;top:0}
    .caption-box {margin:-20px 0 5px;text-align:right;font-size:12px;color:#555}

/* 테이블 공통 추가 */
    table + table {margin-top:15px}
    .n-tbl {width:100%}
    .n-tbl th,.n-tbl td {padding:10px;vertical-align:middle;text-align:center;border:1px solid #d5d5d5}
    .n-tbl tr th:last-child,.n-tbl tr td:last-child {border-right-width:0}
    .n-tbl thead th {border-top-width:2px;background-color:#f1f1f1}
    .n-tbl tbody th {background-color:#fafafa}
    .n-tbl thead tr th:first-child,.n-tbl tbody tr th:first-child,.n-tbl tbody tr td:first-child {border-left-width:0}

/*form board*/
.form-board{width:100%;margin:0 auto;table-layout:fixed;border-top:2px solid #d1d1d1;border-bottom:2px solid #d1d1d1;font-size:13px;}
.form-board th{padding:14px 10px 13px 22px;text-align:left;font-weight:bold;background-color:#f6f6f6;border-bottom:1px solid #e3e3e3;}
.form-board td{padding:7px 15px 7px 15px;text-align:left;vertical-align:middle;border-bottom:1px solid #e3e3e3;color:#777;}
.form-board td .txt_bk{color:#000;font-weight:bold;}
.form-board th.valign-m, .form-board td.valign-m{vertical-align:middle;}

.func-wrap {overflow:hidden;width:90%;margin:10px auto 30px;padding:10px 40px;background-color:#909090;box-sizing:border-box}
.func-wrap > li {width:25%;float:left;padding:5px;box-sizing:border-box}
.func-wrap > li a {display:block;height:44px;line-height:44px;font-size:13px;font-weight:bold;letter-spacing:-1px;color:#444;border:1px solid #ccc;border-radius:4px;background:transparent url('/images/bg/bg_gray.gif') repeat-x 0 0}
.func-wrap > li a:hover {background-image: url('/images/bg/bg_gray_over.gif')}
.func-wrap > li a:before {content:'';display:inline-block;width:34px;height:34px;vertical-align:middle;margin-right:10px;background:transparent url('/images/bg/func_ico.png') no-repeat}
.func-wrap > li:nth-child(2) a:before {background-position:-34px 0}
.func-wrap > li:nth-child(3) a:before {background-position:-68px 0}
.func-wrap > li:nth-child(4) a:before {background-position:-102px 0}
.valid-form {font-size:12px;line-height:2;color:#f15927}

/* 범용 리스트 */
.general-list,.info-text {margin-top:10px}
.general-list li,.general-list dd,.info-text {position:relative;padding-left:15px;font-size:15px;color:#777;line-height:1.7;letter-spacing:-1px}
.general-list li:before,.general-list dd:before,.info-text:before {content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background-color:#555}
.general-list .important {color:#f90000}
.general-list .important:before {background:#f90000}

/* tooltip */
.tooltip {position:relative;display:inline-block;vertical-align:middle;word-break:keep-all}
.tooltip > p {display:none;position:absolute;left:35px;top:-5px;min-width:210px;max-width:300px;padding:10px;white-space:normal;font-size:12px;font-weight:400;line-height:1.7;color:#666;border:1px solid #ccc;z-index:100;background-color:#fff;box-sizing:border-box}
.tooltip .tooltip-mall-list {display:none;position:absolute;left:0;top:20px;width:560px;padding:15px;border:1px solid #ccc;background:#fff}
.tooltip .tooltip-mall-list li {float:left;width:33.3333333%;padding:10px 0;box-sizing:border-box}
.tooltip .tooltip-mall-list li img {vertical-align:top}
.tip-btn {display:inline-block;overflow:hidden;width:20px;height:17px;cursor:help;text-indent:-9999px;background:transparent url('/images/content/ico_question.png') no-repeat 0 0;background-size:20px auto}
.tip-btn:hover + p,.tip-btn:hover + .tooltip-mall-list {display:block}

/* radio 커스텀 */
.i-radio,.i-check {display:inline-block;position:relative}
.i-radio input,.i-check input {position:absolute;left:-100%;top:-100%;opacity:0}
.i-radio > i,.i-check > i {display:inline-block;width:20px;height:20px;margin-right:10px;border:1px solid #ccc;border-radius:50%;text-indent:-9999px;vertical-align:middle;background-color:#fefefe;box-sizing:border-box}
.i-radio input:checked + i,.i-check input:checked + i {border:0 none;background:#1cadff  url(/images/bg/bg_check.png) no-repeat 0 50%}
.i-radio input:disabled + i,.i-check input:disabled + i {border:0 none;background:#999  url(/images/bg/bg_check.png) no-repeat 0 50%}
.i-check > i {border-radius:unset}
.i-radio input + i + span {position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;border:1px solid  #dfdfdf;border-radius:10px;box-sizing:border-box;transition:.15s all}
.i-radio input:checked + i + span {border-width:3px;border-color:#0096ff}

/*quickmenu*/
    #quickmenu-wrap{position:absolute;right:0;top:107px;width:80px;z-index:99989}
    #quickmenu-wrap.fixed {position:fixed;top:115px}
    #quickmenu-wrap .top-btn {position:static;margin-top:10px;}
    #quickmenu-wrap .top-btn a {display:block;padding:3px 0;text-align:center;font-size:14px;border-radius:20px;border:1px solid #381EFF;color:#2F31F5;font-weight:800}
    #quickmenu-wrap .top-btn a:before {content:'';display:inline-block;margin-bottom:2px;margin-right:5px;border:5px solid transparent;border-bottom-color:#2F31F5}
    .ctr-quick-btn {display:none;overflow:hidden;position:relative;height:32px;width:100%;text-indent:-9999px;background-color:#f5881f}
    .ctr-quick-btn:after {content:'';position:absolute;left:50%;top:50%;width:30px;height:30px;margin-left:-15px;margin-top:-15px;background:transparent url(/images/bg/bg_arr_btn.png) -30px 0/60px 30px no-repeat}
    .ctr-quick-btn.on:after {background-position:0  0}
    .cs-call {margin-top:10px;padding:20px 0;font-size:14px;color:#fff;text-align:center;border-radius:40px;background-color:#1111AF}
    .cs-call strong {display:block;margin-top:5px;letter-spacing:-1px;font-size:20px;color:#E4FF5A;font-weight:800;line-height:1.2}

    .quickmenu-list li {margin-top:10px;height:80px}
    .quickmenu-list li:first-child {margin-top:0}
    .quickmenu-list a{display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%;font-size:14px;color:#fff;text-align:center;border-radius:40px;background-color:#2F31F5}
    .quickmenu-list li a:before {content:'';display:block;width:30px;height:30px;margin-bottom:3px;background:url('/images/bg/bg_quick_new.png') no-repeat 0 0}
    .quickmenu-list .q2 a:before {background-position-x:-30px}
    .quickmenu-list .q3 a:before {background-position-x:-60px}
    .quickmenu-list .q4 a:before {background-position-x:-95px}
    .quickmenu-list li a:hover {background-color:#210FAC}

    .main #quickmenu-wrap {position:fixed;right:50%;top:auto;bottom:20px;margin-right:-690px;}

    .radio-player {margin-top:5px;padding-bottom:5px;background-color:rgba(255,255,255,.3)}
    .radio-player .controler {overflow:hidden;display:block;width:100%;height:58px;text-indent:-9999px;outline-color:transparent;background:transparent url('/images/bg/bg_radio.png') no-repeat 50% 0}
    .radio-player .controler.on {background-position:50% 100%}
    .radio-player span {display:block;margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:#212121}
    .ie8 .radio-player {display:none}

/* new 20230410 */
a.new-btn {display:inline-block;vertical-align:middle;font-size:18px;font-weight:700;text-align:center;padding:15px 10px;color:#000;border:1px solid #000}
a.new-btn-wide {padding:15px 60px}
a.new-btn-orange {color:#fff;border-color:#FF8B00;background-color:#FF8B00}

/* 아이콘 */
.i-arrow {position:relative;display:inline-block;width: 10px;height: 18px;margin-left:10px}
.i-arrow:before,.i-arrow:after  {content:'';position: absolute;left: 0;width: 9px;height:2px;background:#000}
.i-arrow:before {transform: rotate(45deg);top: 6px;}
.i-arrow:after {transform: rotate(-45deg);bottom: 4px;}

@media all and (max-width:1400px) {
    .main #quickmenu-wrap {margin-right:-665px;}
}

@media all and (max-width:1280px) {
    .main #quickmenu-wrap {margin-right:0;right:20px}
}

/***** Tablet & Mobile Device *****/
@media all and (max-width:1024px) {
    .header{left:0;height:80px;}
    .fixed-header ~ .container {margin-top:80px}
    .wrap{min-width:auto}
    .top_bnr_notice {display:none !important}
    /* 상단공지-모바일 겸용 */
    .top_bnr_notice1 a img {width:80%}
    a.t_bnr_duble {width:40%}
    a.t_bnr_duble img {width:100%}
    .main-title{
             top:50%;left:80px;
            -webkit-transform:translateY(-50%);
            -ms-transform:translateY(-50%);
            transform:translateY(-50%);
            width:180px
    }



    ul.m-depth3{padding:0}
    ul.m-depth3>li{margin-top:5px;}
    ul.m-depth3>li>a{display:block;padding:5px 0 5px 45px;font-size:14px;color:#555;font-weight:300;}
    /*header*/
    .header-inner{position:relative;margin:0;width:100%;height:100%}
    .gnb-open-btn, .gnb-close-btn{display:block;}
    .gnb-close-btn{position:absolute;left:0;top:0;height:80px;width:100%}
    .gnb-open-btn button, .gnb-close-btn button{position:absolute;display:block;top:21px;right:29px;z-index:200;width:48px;height:48px;}
    /* .gnb-open-btn button img, .gnb-close-btn button img{width:43px;height:39px;} */
    .m-admin-bn {width:100%;left:0;top:80px;padding:10px 0 9px;text-align:center;border-bottom:1px solid #353535;background-color:#444}
    .btn_admin {display:inline-block;width:40%;height:40px;padding:0 10px;border-radius:5px;line-height:40px;color:#fff !important;background-color:#e8850e}
    .admin_s {background-color:#0487c5}

    .gnb{position:fixed;top:0;height:100%;background-color:#f9f9f9;z-index:9993;left:auto;right:0;width:270px;transform:translateX(270px);box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);box-sizing:border-box}
    .gnb>ul{position:static;margin-left:0;margin-top:10px;padding-left:0;width:100%;height:calc(100% - 184px);overflow:hidden;overflow-y:auto;z-index:9994;box-sizing:border-box;flex-direction:column;flex-wrap:wrap}
    .gnb>ul>li{width:100%;font-size:30px;z-index:9995;position:static;float:none;}
    .gnb>ul>li>a{position:relative;display:block;padding:10px 15px 10px 30px;color:#555;font-size:18px;font-weight:300;text-align:left;height:auto;line-height:normal}
    .gnb>ul>li>a:hover {font-weight:500;color:#555;background:#EEECE3}
    .gnb>ul>li>a.ov {color:#000;font-weight:500;border-bottom:1px solid #d8d1ae;background-color:#e9e9e9}
    .gnb>ul>li>a:after {content:'';position:absolute;left:auto;bottom:auto;right:15px;top:50%;width:28px;height:28px;margin-top:-14px;background:transparent url('/images/ico/svg/gnb_arrow.svg') no-repeat 0 0;background-size:cover;opacity:.5;transform:rotate(180deg);transition: all .2s}
    .gnb>ul>li:hover>a:after {width:28px;}
     .gnb>ul>li>a.ov:after {opacity:1;transform:rotate(360deg)}
    .gnb>ul>li.gnb-title7{display:block;}
    .gnb>ul>li.gnb-title1>a,.gnb>ul>li.gnb-title2>a,.gnb>ul>li.gnb-title3>a,.gnb>ul>li.gnb-title4>a,.gnb>ul>li.gnb-title5>a,.gnb>ul>li.gnb-title6>a,.gnb>ul>li.gnb-title7>a{width:auto;}
    /* .gnb>ul>li>a.ov,.gnb>ul>li>a:hover{color:#fb9651;background-position:383px -77px;} */
    .gnb>ul>li>ul{margin-top:0;padding:7px 0}
    .gnb>ul>li>ul, .gnb>ul>li>ul.gnb-list1, .gnb>ul>li>ul.gnb-list2, .gnb>ul>li>ul.gnb-list3, .gnb>ul>li>ul.gnb-list4, .gnb>ul>li>ul.gnb-list5, .gnb>ul>li>ul.gnb-list6
    {background:#fff;z-index:9996;position:static;top:auto;left:auto;width:auto;height:auto}
    .gnb>ul>li>ul>li{margin:0;padding:5px 0;text-align:left}
    .gnb>ul>li>ul>li>a,.gnb>ul>li>ul>li.gnb-title a{font-size:16px;line-height:normal}
    .gnb>ul>li>ul>li>a,.gnb>ul>li>ul>li>a:hover{display:block;padding:5px 0 5px 30px;color:#000}
    .gnb>ul>li>ul>li.gnb-title{display:none;margin:0;}
    .gnb>ul>li>ul>li.gnb-title a{color:#dedede;font-weight:normal;}
    .gnb-bg{display:none;}

    .top-navi {height:auto;border-bottom:0 none;margin-top:80px;padding-top:20px}
    .top-navi ul {width:80%;margin:auto;text-align:center;line-height:normal}
    .top-navi ul li {flex-basis:50%;font-size:16px;font-weight:300}
    .top-navi ul li.bn-admin {flex-basis:100%;margin-top:10px}
    .top-navi ul li.bn-admin a {height:auto;line-height:normal;padding:5px 10px}
    .top-navi ul li a {padding:0;border-left:0 none}
	.gnb-right{display:flex;flex-direction: row-reverse;justify-content:center;flex-wrap:wrap}

	ul.m-depth3{display:block;overflow:hidden}
    .gnb>ul>li>ul>li:last-child>.m-depth3 {border-bottom:0 none}
    /*sitemap*/
    .sitemap-wrap{}
    .sitemap{margin:0;width:100%;}
    .item.w1{padding-left:0;}
    /*footer*/
    .footer-bottom {padding:28px 30px 60px}\
    .company_info{padding:15px 0}
	.footer-bottom-inner{position:relative;margin:0;width:auto;}
	.sns-list{position:static;text-align:right}
	.sns-list li{display:inline-block;padding:0 0 0 8px;*display:inline;*zoom:1;}
    .copy {margin-top:10px;}

    .func-wrap {width:96%;padding:10px 20px}

    #quickmenu-wrap {position:fixed;right:20px !important;bottom:20px;top:auto !important}
    /* .quikmenu {overflow:hidden;border-radius:40px} */
    #quickmenu-wrap .quickmenu-list {display:none}
    #quickmenu-wrap {width:45px}
    .quikmenu {display:none}
    #quickmenu-wrap .top-btn {border:0 none}
    #quickmenu-wrap .top-btn a {height:44px;width:44px;border-radius:22px;background-color:rgba(255,255,255,.7);box-sizing:border-box}
    /* #quickmenu-wrap .ctr-quick-btn {display:block}
    #quickmenu-wrap .ctr-quick-btn.on + .quickmenu-list {display:block} */

    #topNotice,.gnb,.container,.header {transition:all .2s}
    .gnb-open .gnb {transform:translateX(0)}
    .gnb-open .container {transform:translateX(-270px)}
    .gnb-open .header {}

    /* ERP 이용요금 결제버튼 모바일 숨김 */
    .erp-payment {display:none}
}


/***** Tablet Device *****/
@media all and (min-width:768px) and (max-width:1024px) {




    .top-btn{position:absolute;top:0;right:0;margin:0;}
	/*회원정보 업데이트*/
	.memupdate-layer{margin:0 0 0 -300px;padding:30px 20px;top:100px;width:560px;}
    .memupdate-wrap{margin:10px 0 0 0;padding:5px;}
    .memupdate-inner{padding:30px;}
    .memupdate-inner>h3{padding:15px 0;font-size:24px;line-height:24px;}
    .memupdate-inner>p{padding:15px 0 0 0;line-height:20px;}
    .memupdate-inner>p .txt_or{font-weight:bold;}
    .bn-memodify-wrap{margin-top:15px;}

    /* 새로운 레이어팝업 */
    .nlayer-body {left:0;right:0;width:96% !important;margin-left:auto !important;margin-right:auto !important;border-radius:5px;background-color:#fff}

}

/***** Mobile Device *****/
@media all and (max-width:812px) {
    .main-title{left:30px}
}

@media all and (max-width:767px) {
    .bn-or-l, .bn-gray-l, .bn-wt-l {padding-top:7px;padding-bottom:7px}
    /* 상단공지-모바일 겸용 */
    a.t_bnr_duble img {width:100%}
    .t_bnr_closer {width:26px;right:10px;}
    .t_bnr_closer img {width:100%}


    /*GNB*/
    .gnb {left:auto;right:0;width:250px;transform: translateX(250px);}
    .gnb-open .container {transform:translateX(-250px)}

    /*sitemap*/
    .sitemap-wrap{padding:0;border-top:0 none}
    .sitemap{margin: 0 auto;width:100%;}
    .sitemap > div > ul {display:none;width:100%;position: absolute;left:0;top:100%;z-index:99992;text-align:left;background-color:#f78c1d}
    .sitemap-title{margin:0 0 -1px -1px;padding:7px 0;font-size:12px;color:#000;border:1px solid #cecece;border-right:0 none}
    .sitemap > div .on + ul {display:block}
    .sitemap .item{position:relative;float:left;margin:0}
    .item.w1,.item.w2,.item.w3,.item.w4,.item.w5,.item.w6,.item.w7{width:33.3333%;text-align:center;*width:33%;}
    .item.w7{min-height:130px;}
    .item li{margin-bottom:0;font-size:11px;}
    .item li a{display:block;padding:3px 0 3px 10px;color:#000;}
    /*form board*/
    .form-board th{padding:14px 1% 13px 1%;}
    .form-board td{padding:6px 1% 7px 1%;}
    /*footer*/
    .footer-top{height:auto;}
    .company-list{
        display:flex;flex-wrap:wrap;
        margin:10px 0 0;padding:5px 0;text-align:center;float:none;
    }
    .company-list li{float:none;*display:inline;*zoom:1;}
    .company-list li a {font-size:12px;}
    .footer-bottom{position:relative;padding:25px 30px;}
	.footer-bottom-inner{position:relative;margin:0;width:auto;}
	.sns-list{margin-left:0;position:static;top:auto;right:auto;text-align:left;}
	.sns-list li{display:inline-block;padding:0 0 0 8px;}
	.company_info{padding-top:15px;font-size:12px;}
	.copy{font-size:12px;}
    .top-btn{margin:15px 0 0 0;height:46px;text-align:center;position:static;top:auto;right:auto;}
	/*초과 사용금액 미납 modal*/
	.modal-layout.estimate{margin:0  0 0 -150px;width:300px;}
    .modal-default-title{font-size:20px;line-height:20px;}
	/*회원정보 업데이트*/
	.memupdate-layer{position:absolute;margin:0 0 0 -150px;padding:15px 10px;top:50px;width:280px;}
    .memupdate-wrap{margin:10px 0 0 0;padding:5px;}
    .memupdate-inner{padding:20px 10px;}
    .memupdate-inner>h3{padding:15px 0 10px 0;font-size:18px;line-height:18px;}
    .memupdate-inner>p{padding:10px 0 0 0;line-height:18px;}
    .memupdate-inner>p .txt_or{font-weight:bold;}
    .bn-memodify-wrap{margin-top:15px;}
    a.bn-memodify{width:90%;}

    /* 새로운 레이어팝업 */
    .nlayer-body {left:0;right:0;top:5%;bottom:0;width:96% !important;height:90%;margin-left:auto !important;margin-top:0 !important;margin-right:auto !important;border-radius:5px;background-color:#fff}
    .nlayer-tit {display:block;padding:10px 15px;font-size:16px;line-height:normal;color:#fff;background-color:#ff9730}
    .nlayer-con-tit {margin-bottom:10px;font-size:14px;line-height:normal;color:#333}
    .nlayer-content {max-height:70%;padding:0 10px 20px}
    .nlayer-bottom {padding:15px 0;border-top:1px solid #ccc;text-align:center}
    .layer-section {margin-top:20px}

    .func-wrap > li {width:50%}
    .sticker {display:none}
}
@media all and (max-width:640px) {
    /*header*/
    .header{height:65px}
    .fixed-header ~ .container {margin-top:65px}
    .top-navi {margin-top:65px;}
    .header-inner {height:100%}
    .gnb-close-btn{height:65px}
    .btn_admin {width:38%;height:30px;line-height:30px}
    .main-title{width:150px}
    .gnb-open-btn button, .gnb-close-btn button{top:50%;right:20px;z-index:200;width:40px;height:40px;margin-top:-20px}
    .gnb-open-btn button img, .gnb-close-btn button img{max-width:100%}
    .top-navi ul li {font-size:14px;}
    .gnb>ul>li>a {font-size:16px;}
    .gnb>ul>li>a,.gnb>ul>li>ul>li>a, .gnb>ul>li>ul>li>a:hover {padding-left:15px;}
    ul.m-depth3>li>a {padding-left:30px;}
    .gnb>ul>li>ul>li>a, .gnb>ul>li>ul>li.gnb-title a {font-size:14px;}
    ul.m-depth3>li>a {font-size:14px;}
}
@media all and (max-width:568px) {
    .res-5,.res-7 {width:100%}
}

@media all and (max-width:415px) {
    .main-title {left:15px}
    .gnb-open-btn button, .gnb-close-btn button{width:30px;height:30px;margin-top:-15px}
    /* .gnb-right li a {width:28px;height:28px;background-position:-28px -28px;background-size:56px auto}
    .gnb-right li.gnb-right-first a {background-position:-28px 0}
    .gnb-right li.login-bg a{background-position:0 -28px}
    .gnb-right #member_join a {background-position:0 0}     */
    /* 상단공지-모바일 겸용 */
    a.t_bnr_duble {width:45%}
    a.t_bnr_duble img {width:100%}
    .t_bnr_closer {width:18px;right:0;height:100%;padding:0 10px;box-sizing:content-box}
    .t_bnr_closer img {width:100%}

    /* 새로운 레이어팝업 */
    .nlayer-body {left:0;right:0;top:5%;bottom:0;width:96% !important;height:90%;margin-left:auto !important;margin-top:0 !important;margin-right:auto !important;border-radius:5px;background-color:#fff}
    .nlayer-tit {display:block;padding:10px 15px;font-size:15px;line-height:normal;color:#fff;background-color:#ff9730}
    .nlayer-con-tit {margin-bottom:10px;font-size:13px;line-height:normal;color:#333}
    .nlayer-content {max-height:80%}

    .general-list li,.general-list dd,.info-text {font-size:14px}
    .footer-bottom {padding:25px 15px}
    .company-list li {padding:0 5px}
}