@charset "utf-8";
:root {
    /* Layout */
    --layoutwidth: 1600px;
    --boldWeight:400;
    /* Font */
    --mainfont:'Noto Sans KR';
    --pointfont:'Montserrat';

    /* Color */
    --BodyColor : #000;     
    --pointcolor: #f2ba30;

    --gradient1 : linear-gradient(to bottom right, #ffffff, #e2e2e2);
    --gradient2 : linear-gradient(to bottom right, #ffdb83, #f2ba30);
}
#wrapper {padding-bottom: 200px;display: flex;align-items: flex-start;justify-content: space-between;}
body{background-image: url(../img/mpr/bg.png);background-position: top right;background-repeat: no-repeat;background-size: 90% auto;}

.remodal{border-radius: 20px;}
.moreview{transition: .1s all ease;font-size: 1rem;color: #fff;display: flex;width: 100px;margin-left:auto;margin-right: 0;align-items: center;padding: 5px 20px;border-radius: 150px;background-color: #000;font-family: var(--pointfont), sans-serif}
.moreview:hover{background-color: var(--pointcolor);color: #000;}

.wBox{padding: 30px 40px;border-radius: 20px;background-color: #fff;}
.tit{font-size: 1.375rem;width: 100%;display: flex;align-items: center;position:relative;top:0;left:0}
.tit .edit_btn{position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.tit .edit_btn > div{animation-name: spin;animation-duration: 5000ms;animation-iteration-count: infinite;animation-timing-function: linear;position:relative;top:0; }
.tit .edit_btn > span{visibility: hidden;opacity: 0;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);display: flex;transition: .1s all ease;font-size: 1rem;color: #fff;width: 120px;justify-content: center;align-items: center;padding: 5px 20px;border-radius: 150px;background-color: #272727;font-family: var(--pointfont), sans-serif}
.tit .edit_btn:hover > span{visibility: visible;opacity: 1;}
.tit.en{font-family: var(--pointfont), sans-serif;font-weight: 500;}
.icon{position: relative;top: 0;left:0;display: inline-block;margin-right: 20px;}
.icon:after{display: block;content: "";clear: both;width: 18px;height: 18px;background-color: var(--pointcolor);position: absolute;top: -5px;right: -3px;z-index:0;border-radius: 50%;-webkit-animation: bounce .5s ease infinite alternate;animation: bounce .5s ease infinite alternate;}
.icon img, .icon span {position: relative;z-index: 1;}
.tit_s{margin-right: 0;}
.tit_s:after{top: 0;right:-6px;-webkit-animation: bounce1 .5s ease infinite alternate;animation: bounce1 .5s ease infinite alternate;}
.nav_btn {color: #fff;display: none;}
.latest_num{font-size: 3.4375rem;font-weight: 500;font-family: var(--pointfont), sans-serif;line-height: 1;}
.dDay{text-align: right;}

/* popup */
.popup{width: 100%;height: 100%;position: fixed;top: 0;left:0;background-color: rgba(0,0,0,0.8);z-index: 99999;display: none;}
.popup .popup_wrapper{width: 1024px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;}
.popup .popup_wrapper .closed{position: absolute;top: 5%;right: 40px;z-index: 990;}

.popup.on{display: block;}

.popup_wrapper table{width: 100%;border-spacing: 0;max-height: 73vh;overflow-y: scroll;display: table;}
.popup_wrapper table::-webkit-scrollbar {width: 3px;}
.popup_wrapper table::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
.popup_wrapper table::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background: var(--pointcolor); border: 2px solid transparent;}

.popup_wrapper th, .popup_wrapper td{padding: 10px;}
.popup_wrapper th{width: 35%;}
.popup_wrapper td{width: 65%;}
.popup_wrapper td input[type="text"], .popup_wrapper td input[type="date"]{padding: 8px 10px;border:1px solid rgba(0,0,0,0.3);border-radius: 5px;width: 100%;}
.popup_wrapper .moreview{border:0;cursor: pointer;justify-content: center;}
.tpl_notice {height: 300px;background: #F6F9FF;border: 1px solid #E2E6FB;box-sizing: border-box;padding: 10px 0;overflow: scroll;}
.tpl_notice pre {font-size: .75rem;overflow-x: auto;}

@keyframes bounce {100% {top: -8px;}}
@keyframes bounce1 {100% {top: -3px;}}
@keyframes spin {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}

.mpr_gnu_ver {display: flex;transition: .1s all ease;font-size: 1rem;color: #fff;justify-content: center;align-items: center;padding: 5px 20px;border-radius: 150px;background-color: #272727;font-family: var(--pointfont), sans-serif;}
.webInfo+.webInfo{margin-top: 10px;}

/* 레이아웃 */

#hd h1 {position:absolute;font-size:0;line-height:0;overflow:hidden;display: none;}
#hd_top{width:100%;z-index:1000;position: relative;display: flex;align-items: flex-end;justify-content: space-between;padding: 30px 0;}
#hd_top #logo{padding:40px 0 30px 0}
#btn_gnb{display: none;}
#btn_gnb.btn_gnb_open{background:url(../img/menu-op.png) 50% 50% no-repeat #223390;width:50px;height:50px;border:0;position:absolute;top:0;left:0;text-indent:-999px;overflow:hidden}


#hd.sticky .container{position: fixed;top: 0;left: 50%;transform: translateX(-50%);padding: 10px 30px;transition: .3s padding ease;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;background: rgb(0 0 0 / 95%);box-shadow: 0 0 15px 15px rgb(255 255 255 / 2%);width: var(--layoutwidth);z-index: 9990;}
#hd.sticky #hd_top {padding: 0;align-items: center;}
#hd.sticky #logo {padding: 0;}
#hd.sticky #logo img {height: 35px;}



#tnb{padding:10px}
#tnb ul{display: flex;align-items: center;}
#tnb li{position:relative;margin-left:3px}
#tnb .tnb_li > a{width: 50px;height: 50px;background-position: center;background-repeat: no-repeat;background-size: 35px auto;position:relative;top:0;left:0}
#tnb .tnb_li > a > span{visibility: hidden;opacity: 0;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);display: flex;transition: .1s all ease;font-size: 1rem;color: #fff;width: 140px;justify-content: center;align-items: center;padding: 5px 20px;border-radius: 150px;background-color: #272727;font-family: var(--pointfont), sans-serif;margin-top: 10px;}
#tnb .tnb_li > a:hover > span{opacity: 1;visibility: visible;}
#tnb a{color:#fff;padding:0 10px;display:block;}

#tnb button{transition: .1s all ease;font-size: 1rem;color: #fff;display: flex;width: 120px;justify-content: flex-start;align-items: center;padding: 10px 20px;border-radius: 150px;background-color: #272727;font-family: var(--pointfont), sans-serif;}
#tnb button span{display: block;text-indent: -999px;overflow: hidden;width: 7px;height: 4px;position: absolute;top: 50%;transform: translateY(-50%);right: 16px;background-image: url(../img/op_btn.png);background-size: 100% auto;background-repeat: no-repeat;background-position: center;}
#tnb button:hover {background: var(--pointcolor);box-shadow: 0 0 15px 15px rgb(255 255 255 / 2%);}
#tnb .tnb_mb_area{background:#272727;display:none;width:100%;position:absolute;font-size: 1rem;border-radius: 20px;overflow: hidden;}
#tnb .tnb_mb_area a{padding:10px 20px;}
#tnb .tnb_mb_area a:hover{background-color: var(--pointcolor);}
#tnb .tnb_mb_area li{float:none;margin-left: 0;}
#tnb .tnb_mb_area li+li{border-top: 1px solid rgba(255,255,255,0.1);}
#tnb .tnb_info{background-image:url(../img/mpr/h_icon01.png);}
#tnb .tnb_community{background-image:url(../img/mpr/h_icon02.png);}


/*gnb*/
#gnb{display: flex;align-items: center;background: #fff;width: 140px;border-radius: 30px;border-top-left-radius: 0;position: sticky;top: 100px;height: 70vh;transition: 0.3s ease-in-out;z-index: 9989;}
#gnb .gnb_ul{position:relative;width: 100%;height: auto;}
#gnb .gnb_li {text-align: center;padding: 20px 10px;}
#gnb .gnb_li button{background-color: transparent;border:0;width:50px;height:50px;text-indent:-999px;overflow:hidden;border:0;position: relative;}
#gnb .gnb_li button span{display: block;width: 100%;height: 100%;position: relative;top:0;left:0;background-position: center;background-size: 34px auto;background-repeat: no-repeat;z-index: 10;}
#gnb .gnb_li button:after{opacity: 0;visibility: hidden;display: block;content: "";clear: both;width: 55px;height: 55px;border-radius: 15px;background: var(--gradient2);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
#gnb .gnb_li button.on::after {opacity: 1;visibility: visible;}

#gnb .gnb_li .btn_op.menu-100 span{background-image:url(../img/mpr/menu-1-1.png)}
#gnb .gnb_li .btn_op.menu-200 span{background-image:url(../img/mpr/menu-2-1.png)}
#gnb .gnb_li .btn_op.menu-300 span{background-image:url(../img/mpr/menu-3-1.png)}
#gnb .gnb_li .btn_op.menu-400 span{background-image:url(../img/mpr/menu-4-1.png) }
#gnb .gnb_li .btn_op.menu-500 span{background-image:url(../img/mpr/menu-5-1.png)}
#gnb .gnb_li .btn_op.menu-600 span{background-image:url(../img/mpr/menu-6-1.png)}
#gnb .gnb_li .btn_op.menu-700 span{background-image:url(../img/mpr/menu-7-1.png)}
#gnb .gnb_li .btn_op.menu-900 span{background-image:url(../img/mpr/menu-4-1.png)}

#gnb .gnb_oparea{border-top-right-radius: 20px;border-bottom-right-radius: 20px;background-color: rgba(255,255,255,0.9);box-shadow: 0 0 5px 5px rgb(0 0 0 / 3%);position:absolute;top:0;left:100%;height:auto;width:240px;padding:25px 20px;visibility: hidden;opacity: 0;text-align:left;}
#gnb .gnb_oparea.visible {visibility: visible;opacity: 1;transition: all .5s ease;font-size: 1rem;}
#gnb .gnb_oparea h3{margin-bottom: 10px;display: block;font-size: 1.1em;}
#gnb .gnb_oparea li{padding-left: 15px;position: relative;top: 0;left: 0;}
#gnb .gnb_oparea li+li{margin-top: 10px;}
#gnb .gnb_oparea li:after {display: block;content: "";clear: both;width: 5px;height: 5px;border-radius: 50%;background: #000;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#gnb .gnb_oparea li a{display: inline-block;padding: 3px 0;position: relative;top: 0;left: 0;z-index: 5;}
#gnb .gnb_oparea li a:after {display: block;content: "";clear: both;width: 12px;height: 12px;background: var(--pointcolor);position: absolute;top: 5px;right: -3px;border-radius: 50%;z-index: 0;opacity: 0;visibility: hidden;transition: .3s ease all;}
.menu_bg {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9980;background-color: rgba(0,0,0,0.5);display: none;}


/*중간*/
#container{width: 1400px;padding: 55px;border-radius: 30px;background: var(--gradient1);border-top-left-radius: 0;margin: 0 auto;margin-right: 0;}
#container.container-small{padding-left:50px}
#container_wr{padding:25px;min-height:500px}
.container_wr{padding: 30px 40px;border-radius: 20px;background-color: #fff;}
#container_title{margin-bottom: 2.188rem;font-size: 1.375rem;width: 100%;display: flex;align-items: center;position: relative;top: 0;left: 0;}
#container_title .container_title_in{display: flex;align-items: center;}
.container_wr.index{padding: 0;border-radius: 0;background-color: transparent;}
.container_wr.index #container_title{display: none;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#to_content a {z-index:100000;position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
#to_content a:focus, #to_content a:active {width:100%;height:70px;background:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.1em}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha img {border:1px solid #ddd;border-right:0}
#captcha_mp3 img {border:1px solid #ddd;border-left:0;background:#494949}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 공통박스 */
.compare_wrap {margin:0 0 10px;zoom:1}
.compare_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.compare_wrap section {margin: 0 0 10px;}
.compare_wrap h3 {margin:10px 0 ;text-align:center;text-align:left}
.compare_wrap .tbl_frm {margin:0}
.compare_wrap .frm_input {background:#fff}
.compare_wrap .btn_confirm {padding:10px 0 0}
.compare_left {float:left;width:49%}
.compare_right {float:right;width:49%}

/* 버튼 */
.btn_confirm {margin:0 0 20px}
 
.btn_fixed_top {position: absolute;top: 270px;width: auto;right: calc((100% - 1600px)/2);margin-right: 95px;text-align: right;display: flex;align-items: center;justify-content: flex-end;}


.btn_fixed_top input, .btn_fixed_top > a{margin-right: 5px;}
.btn_fixed_top input:last-child{margin-right: 0;}
.btn_fixed_top .btn_submit{position: relative;top: 0;left:0}


.container_wr.active .btn_fixed_top {position: fixed;padding: 20px 0;top: 90px;z-index: 9000;}
.container_wr.active .btn_fixed_top .btn_submit{-webkit-animation: mymove 3s infinite;animation: mymove 3s infinite;}

@keyframes mymove {
  0% { background-color: var(--pointcolor); }
  50% { background-color: #000; }
}
.btn_confirm01 {}
.btn_confirm01 button {padding:0 15px;height:30px;border:0;background:#9eacc6;color:#fff}
.btn_confirm01 a {display:inline-block;padding:0 15px;height:30px;background: #9eacc6;color: #fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
.btn_confirm01 a:focus {background:#555}

.btn_confirm02 {clear:both;margin-top:10px;text-align:center}
.btn_confirm02 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff}
.btn_confirm02 a {display:inline-block;padding:0 15px;height:30px;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
.btn_confirm02 a:focus {background:#555}
 

.btn_confirm .btn_submit {padding:0 15px;border:0;height:30px;color:#fff}
.btn_frmline {display:inline-block;padding:0 7px;border:0;background:#444;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:2em} /* 우편번호검색버튼 등 */
.btn_frmline:focus, .btn_frmline:hover, .btn_frmline:active {text-decoration:none}

.btn_win {margin:0 20px 10px} /* 새창용 */

.btn_win01 {clear:both;text-align:center}
.btn_win01 a, .btn_win01 button {padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa}
.btn_win01 a {display:inline-block;line-height:2em;cursor:pointer}
.btn_win01 a:focus, .btn_win01 a:hover {text-decoration:none}

.btn_win02 {clear:both;text-align:center}
.btn_win02 a {display:inline-block;vertical-align:middle;cursor:pointer}
.btn_win02 a:focus, .btn_win02 a:hover {text-decoration:none}
.btn_win02 button.btn_submit {background:#ff3061;color:#fff}

.btn_list {margin:10px 0} /* 목록용 */
.btn_list .btn_02{height:28px;padding:0 15px;border:0;}

.btn_list01 {}
.btn_list01 a:focus {background:#555}

.btn_list02 {}
.btn_list02 a:focus {background:#555}

.btn_list03 {text-align:right}
.btn_list03 a {display:inline-block;padding:0 15px;height:28px;background:#617d46;color:#fff;text-decoration:none;line-height:2.4em;vertical-align:middle}
.btn_list03 a:focus {background:#555}

.btn_add {margin:10px 0 } /* 목록용 추가 */

.btn_add01 {text-align:right}
.btn_add01 a, .btn_add01 button {padding:10px;border:1px solid #ccc;background:#f0f0f0;text-decoration:none;cursor:pointer}
.btn_add01 a {display:inline-block;vertical-align:middle}
.btn_add01 button {margin:0}



.td_mng a.btn,.td_mng a{display:inline-block;padding:0 15px;margin:1px;font-weight:normal}
.td_mng button,.td_mng button.btn{padding:0 15px;margin:1px;font-weight:normal}

.btn{height:30px;border-radius:150px;padding:0 10px;font-weight:bold;vertical-align:middle;cursor: pointer;}
a.btn{display:inline-block;height:30px;line-height:30px;border-radius:150px;padding:0 10px;font-weight:bold;vertical-align:middle}
.btn_submit{background:var(--pointcolor);color:#fff;border: 0;}
a.btn_submit{background:var(--pointcolor);color:#fff}
.btn_submit:hover{background:#000;color: #fff;}
.btn_01,a.btn_01{background:var(--pointcolor);color:#fff;border:0}
.btn_01:hover,a.btn_01:hover{background:#000}

.btn_02,a.btn_02{background:#191919;color:#fff;border:1px solid #191919}
.btn_03,a.btn_03{background:#fff;color:#5f5f5f;border:1px solid #5f5f5f}
.btn_03:hover, a.btn_03:hover{background: #000;color:#fff}
.btn_02:hover, a.btn_02:hover{background: #000;color:#fff;border-color: #000;}

.btn_frmline{display:inline-block;background:#191919;color:#fff;border:0;border-radius:150px;padding:0 15px}
a.btn_frmline{display:inline-block;background:#191919;color:#fff;border-radius:150px;padding:0 15px;text-decoration:none !important}
.btn_ov01{display:inline-block;line-height:30px;height:30px;font-size:0.92em;vertical-align:top}
.btn_ov01:after{display:block;visibility:hidden;clear :both;content:""}
.btn_ov01 .ov_txt{float:left;background:#191919;color:#fff;border-radius:5px 0 0 5px;padding:0 5px}
.btn_ov01 .ov_num{float:left;background:#ededed;color:#666;border-radius:0 5px 5px 0;padding:0 5px}
a.btn_ov02,a.ov_listall{display:inline-block;line-height:30px;height:30px;font-size:0.92em;background:#191919;color:#fff;vertical-align:top;border-radius:150px;padding:0 12px }
a.btn_ov02:hover,a.ov_listall:hover{background:#000}

/*form*/
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.frm_input{padding: 8px 10px;border: 1px solid #d5d5d5;border-radius: 5px;}
.frm_input_full{width:100%}
.required{background:url('../img/wrest.gif') top right no-repeat #fff !important}
select{padding: 8px 10px!important;
border: 1px solid #d5d5d5;
border-radius: 5px;}
textarea{width:100%;min-height:80px;padding: 8px 10px!important;
border: 1px solid #d5d5d5;
border-radius: 5px;}
legend {position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;border:0;overflow:hidden}
.code_input{font:bold 15px Consolas}

/* 외부서비스 사이트코드 */
.sitecode {display:inline-block;font:bold 15px 'Verdana';vertical-align:middle}
.sitecode.title {width:80px}

.readonly {}

/*color*/
.color_01{background:#fe528f}
.color_02{background:#68d0a7}
.color_03{background:#b668d0}
.color_04{background:#ffa700}
.color_05{background:#688fef}
.color_06{border:#f7d9d9}

.color_st01{background:#fe528f;color:#fff;display:inline-block;padding:0 3px;font-size:0.92em;line-height:18px}
.color_st02{background:#68d0a7;color:#fff;display:inline-block;padding:0 3px;font-size:0.92em;line-height:18px}
.color_st03{background:#b668d0;color:#fff;display:inline-block;padding:0 3px;font-size:0.92em;line-height:18px}
.color_st04{background:#ffa700;color:#fff;display:inline-block;padding:0 3px;font-size:0.92em;line-height:18px}
.color_st05{background:#688fef;color:#fff;display:inline-block;padding:0 3px;font-size:0.92em;line-height:18px}
.color_st06{color:#ff0000;border:1px solid #ff0000;display:inline-block;padding:0 3px;font-size:0.92em;line-height:18px}

/* 폼 안내글 */
.frm_info {display:block;margin-top:5px;color:#8d8d8d;text-align: left;}

/* 목록 바로가기 */
.anchor {margin:10px 0 0 0;padding:0;zoom:1;display: flex;overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.anchor li{flex-grow: 1;white-space: nowrap;}
.anchor a {display:block;padding:10px;background:#000;text-decoration:none;text-align: center;color: #fff;}
.anchor .selected{background:#3f51b5}


#sort_mb {width:800px}

#sort_sodr {width:600px}


/* 하단 레이아웃 */
.scroll_top{box-shadow: 0 0 15px 15px rgb(255 255 255 / 2%);-webkit-font-smoothing: antialiased;animation: hue-rotate 10s linear infinite;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;display: block;opacity:0;visibility: hidden;width: 60px;height: 60px;border-radius: 50%;text-align: center;color: #fff;font-size: 16px;position: fixed;bottom: 60px;right: 50px;background: #000;z-index: 9990;top: auto;font-weight: 600;}
.scroll_top.on{opacity:1;visibility: visible;}
.scroll_top > div{animation: hue-rotate 10s linear infinite;}
.scroll_top span{display: block;line-height: 60px;}

.scroll_top:hover {background-color: #90feb5;color: #fff;}
.scroll_top:active{transform: scale(0.95);}
.button--bubble {position: relative;z-index: 2;color: #fff;background: none;}
.button--bubble > span{position:relative;top:0;left:0;z-index:10;color: #fff;}
.button--bubble:hover {background: none;}
.button--bubble:hover + .button--bubble__effect-container .circle {background: #44fd82;}
.button--bubble:hover + .button--bubble__effect-container .button {background: #44fd82;}
.button--bubble:active + .button--bubble__effect-container {transform: scale(0.95);}
.button--bubble__container {position: relative;display: inline-block;}
.button--bubble__container .effect-button {position: absolute;width: 50%;height: 25%;top: 50%;left: 25%;z-index: 1;transform: translateY(-50%);border-radius:50%;background: #000;transition: background 0.1s ease-out;}
.button--bubble__effect-container {position: absolute;display: block;width: 200%;height: 400%;top: -150%;left: -50%;transition: all 0.1s ease-out;pointer-events: none;}
.button--bubble__effect-container .circle {position: absolute;width: 20px;height: 20px;border-radius: 15px;background: #000;transition: background 0.1s ease-out;}
.button--bubble__effect-container .circle.top-left {top: 42%;left: 27%;}
.button--bubble__effect-container .circle.bottom-right {bottom: 42%;right: 29%;}

@keyframes hue-rotate {
    from {
        -webkit-filter: hue-rotate(0);
        -moz-filter: hue-rotate(0);
        -ms-filter: hue-rotate(0);
        filter: hue-rotate(0);
    }
    to {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}


/* 페이지 내 검색 */
.local_sch{}
.local_sch:after ,.local_sch div:after{display:block;visibility:hidden;clear:both;content:""}
.local_sch .btn_sch{width:30px;height:30px;padding:0;float:left;border:1px solid #dcdcdc;border-left:0;background:url(../img/sch_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden}
.local_sch .btn_sch2{width:35px;height:35px;padding:0;border:1px solid #dcdcdc;background:url(../img/sch_btn.png) no-repeat 50% 50% #eee;text-indent:-999px;overflow:hidden}
.local_sch .sch_input{height:30px;border:1px solid #dcdcdc;border-right:0;padding:0 5px;float:left;}
.local_sch select{/*height:30px;*/border:1px solid var(--pointcolor);padding: 2px 10px!important;border-radius: 150px;color: #fff;background-color: var(--pointcolor);}
.local_sch01{margin: 10px 0;}
.local_sch02{}
.local_sch01 .frm_input{width:250px;height:30px;border:1px solid var(--pointcolor);padding:0 15px;border-radius: 150px;padding-right: 40px;}
.local_sch01 .btn_submit{width:30px;height:30px;border:none;padding:0;background:url(../img/sch_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;position: relative;z-index: 99;left: -40px;}
.local_sch03{padding:5px 15px;background:#f4f4f4;margin:10px 0}
.local_sch div{margin:5px 0;}
.local_sch03 strong{display:inline-block;width:70px;}
.local_sch03 label{margin-right:5px;display:inline-block}
.local_sch03 button{height:30px;padding:0 5px;border:0;background:#9eacc6;color:#fff;}
.local_sch03 .btn_submit{height:30px;padding:0 5px;border:0;color:#fff;}
.local_sch03 .frm_input{height:30px;border:1px solid #dcdcdc;padding:0 5px;}

/* 페이지 내 실행 */
.local_cmd {min-width:960px}

.local_cmd01 {margin:0 0 10px;padding:0 }
.local_cmd01 .cmd_tit {font-weight:bold}
.local_cmd01 .btn_submit {padding:3px 5px;border:1px solid var(--pointcolor);color:#fff;font-size:0.95em;vertical-align:middle}

/* 페이지 내 안내문 */
.local_desc {margin:10px 0;line-height:1.5em;background-color: #f4f4f4;padding: 1.25rem;}
.local_desc ol, .local_desc ul {margin:0;padding:0 0 0 10px}
.local_desc strong{color:red}
.local_desc li{margin:10px 0}
.local_wr{margin:0 0 10px }
.local_wr:after{display:block;visibility:hidden;clear:both;content:""}

.local_desc01 {margin:10px 0 10px ;padding:10px 20px;border:1px solid #f2f2f2;background:#f9f9f9}
.local_desc01 strong {color:var(--pointcolor)}
.local_desc01 a {text-decoration:underline}

.local_desc02 {margin:10px 0 ;} /* 주로 온라인 서식 관련 안내 내용에 사용 */
.local_desc02 p {padding:0;line-height:1.8em}

/* 페이지 내 카운트 */

.local_ov01 {position:relative;margin: 10px 0;display: none;}
.local_ov01 .ov_a{display:inline-block;line-height:30px;height:30px;font-size:0.92em;background:#ff4081;color:#fff;vertical-align:top;border-radius:5px;padding:0 7px}
.local_ov01 .ov_a:hover{background:var(--pointcolor)}

/*--------------------------------------------------------------------------------------------*/

/* 배너 관리 */
.scroll_lock { overflow:hidden !important; touch-action:none; }
#coo { width: 100%; border-spacing: 0; margin: 10px 0; color: var(--lightblack); }
#coo thead tr th { border-top: 3px solid var(--deepwhite); background: var(--deepwhite2); padding: 8px 0; }
#coo tbody tr td { border-top: 1px solid var(--deepwhite); background: var(--whitecolor); padding: 5px 0; text-align: center; }
#coo tbody tr:last-child td { border-bottom: 1px solid var(--deepwhite); }
#coo tbody tr td img { width: 30%; overflow: hidden; }
#coo tbody tr td a { text-decoration: underline; }
#coo tbody tr td button { border: none; border-radius: 5px; font-size: 1em; font-weight: 700; padding: 8px 12px; color: var(--whitecolor); }
#coo tbody tr td button.edit { background: #12b886; }
#coo tbody tr td button.delete { background: #fa5252; }
#coo tbody tr td .no-txt { font-size: .9em; color: #a0a0a0; }
#coo tbody tr td.empty { padding: 50px 0; text-align: center; }
.btn_box { display: flex; align-items:center; justify-content: space-between; }

/* 메인 슬라이드 관리 */
.tit_wrap { display: flex; align-items: center; justify-content: space-between; margin: 20px 0 10px; }
.tit_wrap:first-child { margin: 5px 0 10px; }
.tit_wrap .b_tit .tit_b_wrap {display:flex;margin-top:10px}
/* .tit_wrap .b_tit .tit_b_wrap .list_tab { border: 1px solid var(--lightblack); color:var(--lightblack); padding: 2px 6px; background: var(--deepwhite2); font-size: .9rem; } */
/* .tit_wrap .b_tit .tit_b_wrap .list_tab.active { background: var(--lightblack); color: var(--deepwhite2); } */
.tit_wrap .b_wrap { display: flex; align-items:center; justify-content: space-between; }

.tit_wrap .b_tit .tit_b_wrap .list_tab{margin:2px;padding: 5px 10px;border-radius: 5px;display: block;background: #000;text-decoration: none;text-align: center;color: #fff;border: none;line-height: normal;}
.tit_wrap .b_tit .tit_b_wrap .list_tab.active {background:var(--pointcolor);}
/* #mnvs_config { font-size: 1em; }
#mnvs_config tr { border-top: 1px solid #e6e6e6; }
#mnvs_config tr:last-child { border-bottom: 1px solid #e6e6e6; }
#mnvs_config tr th, #mnvs_config tr td { padding: 10px 15px; text-align: left; }
#mnvs_config tr th { width: 15%; background: #f6f6f6; }
#mnvs_config tr td { width: 85%; display: flex; align-items: center; }
#mnvs_config tr td .input_wrap { margin-right: 15px; }
#mnvs_config .limit_img, #mnvs_config .limit_vdo { display: none; }
#mnvs_config .limit_img.active, #mnvs_config .limit_vdo.active { display: block; } */

#mnvs_list_g { display: flex; flex-wrap: wrap;}
#mnvs_list_g .mnvs_li { position: relative; width: 19%; margin-right:1%; }
#mnvs_list_g .mnvs_li:nth-child(5n) { margin-right: 0; }
#mnvs_list_g .mnvs_li:nth-child(n+6) {margin-top: 1%;}
#mnvs_list_g .mnvs_li .mnvs_view { width: 100%; overflow: hidden; }
#mnvs_list_g .mnvs_li .mnvs_view img { width: 100%; object-fit: cover; aspect-ratio: 16/9; }
#mnvs_list_g .mnvs_li .mnvs_view .video_wrap { position: relative; }
#mnvs_list_g .mnvs_li .mnvs_view .video_wrap .video_thumb { position: absolute; top: 0; left: 0; }
#mnvs_list_g .mnvs_li .mnvs_view .video_wrap .video_thumb img { width: 100%; object-fit: cover; aspect-ratio: 16/9; }

#mnvs_list_g .mnvs_li .mnvs_view .videobox { width: 100%; z-index: -1; }
#mnvs_list_g .mnvs_li .mnvs_order { position: absolute; top: 5px; left: 5px; background: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, .25); min-height: 25px; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 3px; padding: 0 5px; }
#mnvs_list_g .mnvs_li .mnvs_setter { position: absolute; top: 5px; right: 5px; display: flex; align-items: center; background: rgba(255, 255, 255, .8); padding: 5px; border-radius: 5px; }
#mnvs_list_g .mnvs_li .mnvs_setter button { background: transparent; color: #505050; text-shadow: 1px 1px 2px rgba(0, 0, 0, .25); border: none; font-size: 1.5em; margin: 0 5px; display: flex; align-items: center; justify-content: center; }
#mnvs_list_g .mnvs_li .mnvs_setter button:hover { color: #101010; }
#mnvs_list_g .mnvs_empty { width: 100%; min-height: 250px; display: flex; align-items: center; justify-content: center; }
/*--------------------------------------------------------------------------------------------*/

/* 테이블 */
table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;}
table caption {height:0;font-size:0;line-height:0;overflow:hidden}
table td{line-height: 22px;width: auto!important;}
tfoot th, tfoot td {border:1px solid #d6dce7;background:#eee;padding:5px;text-align:center;font-weight:bold;}
tfoot th {}

.tbl_wrap {margin:0;padding:0;font-size: 1rem;}
.tbl_wrap table{border-top: 2px solid #000;}
/* thead 한 줄 테이블 */
.tbl_head01 {}
.tb_scroll_info{display: none;}
.tbl_head01 thead {border-top: 2px solid #191919;}
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head01 thead th {background:#191919;color:#fff;font-weight:normal;text-align:center;padding:10px 5px;font-size:0.92em}
.tbl_head01 thead th a{color:#fff}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 th, .tbl_head01 tbody td{text-align:center;padding: 10px 5px;border-top: 1px solid rgba(0,0,0,0.2);}
.tbl_head01 tbody tr:first-child td{border:none}
.tbl_head01.border th, .tbl_head01.border tbody td, .tbl_head01.border tbody tr:first-child td, .tbl_head01.border tbody td:last-child.td_num{border-right: 1px solid rgba(0,0,0,0.2);}
.tbl_head01.border th, .tbl_head01 tbody td.td_mng_s{border-right: 0!important;}

.tbl_head01 tbody tr:last-child td{border-bottom:1px solid rgba(0,0,0,0.2)}
.tbl_head01 tbody td.td_name{text-align: center;}
.tbl_head01.border th:last-child, .tbl_head01.border tbody td:last-child {border-right: 0;}
.tbl_head01 tbody td .frm_input{width:100%;}
.tbl_head01 tbody td select{width:100%}
.tbl_head01 table .tbl_input, .tbl_head01 table select{width: 100%;height: auto;padding: 8px 10px;border: 1px solid #d5d5d5;border-radius: 5px;}

#bo_list .tbl_head01 .td_chk{border-top: none;border-bottom:  1px solid rgba(0,0,0,0.2);}
#bo_list .tbl_head01 .qa_wrap .td_chk{border-bottom: 0;}
#bo_list .tbl_head01 .td_name{text-align: center;}
.tbl_head01 tbody td.td_image img {width: 150px;margin: auto;}
.tbl_head01 tbody td.td_chk, .tbl_head01 tbody td.td_mbcert, .td_mng_s {border-bottom: 1px solid rgba(0,0,0,0.2)!important;}
.index .tbl_head01 thead th {border-top: 1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);background: #fff;color: #000;font-size: 0.9em;padding: 5px;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{padding: 0 6px!important;}
.ui-datepicker .ui-state-default{padding:0!important}
.ui-datepicker-buttonpane{width: 100%;}
/* thead 두 줄 테이블 */
.tbl_head02 {}
.tbl_head02 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
.tbl_head02 thead th, .tbl_head02 tbody th {padding:5px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838;letter-spacing:-0.1em}
.tbl_head02 thead th {font-size:0.95em}
.tbl_head02 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 thead a {color:#383838;text-decoration:underline}
.tbl_head02 tbody th {}
.tbl_head02 tbody td {padding:7px 5px;line-height:1.4em;word-break:break-all}

/* UL */
.ul_wrap {}

.ul_01 ul {margin:0;padding:0;list-style:none}
.ul_01 li {padding:10px 0;border-bottom:1px solid #e9e9e9}

/* 자료 없는 목록 */
.empty_table {padding:120px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 폼 테이블 */
.tbl_frm01 th{padding: 20px;width: 230px;text-align: left;border-bottom: 1px solid rgba(0,0,0,0.2);font-size: 1rem;font-weight: 600;background-color: #f4f4f4;}
.tbl_frm01 td {border-bottom: 1px solid rgba(0,0,0,0.2);padding: 20px;text-align:left;}
.tbl_frm01 textarea {height:150px}
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent;display:flex;align-items: center;flex-wrap: wrap;width: 100%;}
.tbl_frm01 #captcha input {text-align:center;}
.h2_frm{text-align:left;font-size: 1.375rem;display:inline-block;position:relative;top:0;left:0}
.h2_frm:after{display: block;content: "";clear: both;width: 18px;height: 18px;background-color: var(--pointcolor);position: absolute;z-index: 0;border-radius: 50%;top: 0;right: -6px;-webkit-animation: bounce1 .5s ease infinite alternate;animation: bounce1 .5s ease infinite alternate;}
.h2_frm span{position:Relative;top:0;left:0;z-index:1;font-weight: 500;}

/* 테이블 그리드 */
.grid_1 {width:50px}
.grid_2 {width:100px}
.grid_3 {width:150px}
.grid_4 {width:200px}
.grid_5 {width:250px}
.grid_6 {width:300px}
.grid_7 {width:350px}
.grid_8 {width:400px}
.grid_9 {width:450px}
.grid_10 {width:500px}
.grid_11 {width:550px}
.grid_12 {width:600px}
.grid_13 {width:650px}
.grid_14 {width:700px}
.grid_15 {width:750px}
.grid_16 {width:800px}
.grid_17 {width:850px}
.grid_18 {width:900px}

/* 목록 홀짝 배경색 */

/* 메뉴설정 */
#menu_frm #menu_result {margin:10px 0}

#menulist .sub_menu_class {padding-left:25px;background:url('../img/sub_menu_ico.gif') 5px 15px no-repeat}
.exist_menu_link {font-weight:bold;color:red}

/* 회원관리 목록 */
.mb_leave_msg {color:#b6b6b6}
.mb_intercept_msg {color:#ff0000}
#point_mng {margin-top:50px}

/* 게시판추가/수정 */
#anc_bo_extra .td_grpset label {width:auto}
#anc_bo_extra .td_grpset input {margin:0}
#anc_bo_extra label {display:inline-block;width:100px}
#anc_bo_extra input {margin-right:10px}

/* 환경설정 및 게시판 여분필드 값 input style 로빈아빠님 제안 */
#anc_bo_extra input.extra-value-input, #anc_cf_extra input.extra-value-input{width:50%}
.tbl_frm01 td.td_extra::after{display: block;content:"";clear: both;}
.tbl_frm01 td.td_extra div {display: block;float: left;}
/* 접속자집계 목록 */
.tbl_visit_list td {text-align:center}
.visit_bar {position:relative}
.visit_bar span {position:absolute;top:-8px;left:0;height:15px;background:#3f51b5}

/*접속자로그삭제*/
.visit_del_bt{margin:5px 0;border-top:1px solid #eee;padding:5px 0}
.visit_del_bt .btn_submit{border:0;height:35px;padding: 0 5px;border-radius:3px}

/*접속자로그삭제*/
.visit_del_bt{margin:5px 0;border-top:1px solid #eee;padding:5px 0}
.visit_del_bt .btn_submit{border:0;height:35px;padding: 0 5px;border-radius:3px}

/* 공통 */
.td_addr {text-align:left !important}
.td_alignc {text-align:center}
.td_addr_line {line-height:2em}
.td_addr_line .frm_input{margin:2px 0}
.td_amount {width:70px;text-align:center}
.td_auth {width:100px;text-align:center}
.td_auth_mbnick {width:200px}
.td_boolean {width:50px;text-align:center}
.td_category {width:120px;text-align:center}
.td_categorysmall {width:60px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_chk2{width:70px;}
.td_cnt {width:100px;font-size:0.95em;text-align:center}
.td_cntsmall {width:50px;font-size:0.95em;text-align:center}
.td_code {width:80px;text-align:center}
.td_confirm {width:90px;text-align:center}
.td_date {width:70px;text-align:center}
.td_datetime {width:130px;text-align:center}
.td_delicom {width:100px}
.td_delino {width:130px}
.td_device {width:70px;text-align:center}
.td_etc {width:80px;text-align:center}
.td_extra label {display:inline-block;width:100px}
.td_extra input {margin-right:5px;width:130px}
.td_grid {width:60px;text-align:center}
td.td_grpset {width:160px;border-left:1px solid #e9ecee;text-align:center}
.td_id {width:150px}
.td_idsmall {width:75px}
.td_itname {text-align:left !important}
.td_itopt {width:200px}
.td_itopt_tl {text-align:left !important}
.td_img {text-align:center}
.td_imgline {width:70px;text-align:center}
.td_input input {width:94%}
.td_mbcert {text-align:center}
.td_mbstat {text-align:center}
.td_mng {width:100px;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.td_mngsmall {width:60px;text-align:center;}
.td_num {width:60px;text-align:center}
.td_num_c{width:70px;text-align:center}
.td_num_c2{width:60px;text-align:center}
.td_num_c3{width:100px;text-align:center}
.td_numbig {width:100px;text-align:right !important}
.td_numcancel0 {color:#999;text-align:right !important}
.td_numcancel1 {color:#ff3061;font-weight:bold;text-align:right !important}
.td_numcoupon {color:#86b325;text-align:right !important}
.td_numincome {text-align:right !important}
.td_num_right {text-align:right !important}
.td_numsmall {width:40px;text-align:center}
.td_numsum {font-weight:bold;text-align:right !important}
.td_numrdy {color:#ff3061;text-align:right !important}
.td_odrnum {width:250px;text-align:center}
.td_odrnum2 {width:140px;text-align:center}
.td_odrnum3 {width:110px;text-align:center}
.td_odrstatus {width:70px;letter-spacing:-0.1em;text-align:center}
.td_output {width:90px;text-align:center}
.td_payby {width:70px;text-align:center;letter-spacing:-0.1em}
.td_paybybig {width:140px;text-align:center;letter-spacing:-0.1em}
.td_possible {width:70px;text-align:center}
.td_postal {width:60px;text-align:center}
.td_postalbig {width:140px;text-align:center}
.td_price {text-align:right !important}
.td_pt {text-align:right !important}
.td_send {width:50px;text-align:center}
.td_sendcost_by {width:50px;text-align:center}
.td_sendcost_add {width:100px;text-align:center}
.td_stat {width:70px;text-align:center}
.td_tdiv {border-bottom:1px solid #c9c9c9 !important}
.td_tel{width:120px;text-align:left !important}
.td_telbig {width:100px;text-align:center}
.td_test {width:50px;text-align:center}
.td_category1{width:130px;text-align:center}
.td_category2{width:100px;text-align:center}
.td_category3{width:80px;text-align:center}
.td_time{text-align:center;width:130px}
.td_center{text-align:center;}
.td_type{width:120px}

.td_mng_s{width:60px}
.td_mng_m{width:auto}
.td_mng_l{width:160px}

.txt_true {color:#e8180c}
.txt_false {color:#ccc}
.txt_succeed {color:#40b300}
.txt_fail {color:#ce4242}
.td_left{text-align:left !important}

.banner_or_img {margin:10px 0 0}
.banner_or_img button {display:block;margin:5px 0 0}
.txt_active {color:#5d910b}
.txt_expired {color:#ccc}
#sct_mobileimg{width:125px}


/* 환경설정 */
.cf_cert_hide {display:none}

.server_config_views {margin-bottom:10px}
.rules_label {margin-left:5px;vertical-align:middle}

.is_rewrite .connect-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;color:#383838;cursor:pointer;font-size:15px}
.is_rewrite .connect-close:hover {color:#ff5191}
.is_rewrite .connect-close .fa {margin:0 0 0 1px}
.is_rewrite .connect-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden}
.is_rewrite textarea{width:99%;min-height:260px}
.is_rewrite .copy_title{margin-top:15px;margin-bottom:10px;font-weight:bold;text-align:left}
.is_rewrite .info-success{color:#155724}
.is_rewrite .info-warning{color:#856404}

.icode_old_version th{background-color:#FFFCED}
.icode_json_version th{background-color:#F6F1FF}
.cf_tr_hide {display:none}



/* 관리권한설정 */
#add_admin fieldset {margin-top:20px;overflow:auto;padding:2px 6px;line-height:1.4;resize:vertical}

/* 메일 테스트 */

#fsendmailtest {margin:50px 0;text-align:center}
#fsendmailtest .btn_submit {height: 35px;border:0;padding: 0 10px;}

/*캐시파일 일괄삭제*/
.session_del{margin:15px 0;padding-left:20px;}
.session_del li{list-style:disc }
.session_del strong{color:#ff0000}
.session_del p{line-height:1.7em;padding:10px 15px ;background:#f7ecea;border:2px solid #ffb6c1}

/* ########## 쇼핑몰 사용시 적용 ########## */
.sidx {padding:20px 0 30px;zoom:1}
.sidx:after {display:block;visibility:hidden;clear:both;content:""}

.sidx_anchor {position:absolute;margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

/* idx 쇼핑몰 */
#anc_sidx_ord {float:left;width:66%}
#sidx_graph {position:relative}
#sidx_graph_price {position:absolute;top:10px;left:20px;margin:0;padding:0;width:12%;list-style:none}
#sidx_graph_price li {position:relative;padding:0 10% 0 0;height:48px;font-family:tahoma;text-align:right}
#sidx_graph_price li span {position:absolute;top:7px;right:-10%;width:10px;height:1px;background:#e9e9e9}
#sidx_graph_area {position:absolute;top:0;left:15%;margin:0;padding:0;width:85%;height:260px;border:1px solid #e9e9e9;list-style:none}
#sidx_graph_area li {position:relative;float:left;padding:0 1% 0 0;width:14%;height:100%}
#sidx_graph_area .graph {position:absolute;bottom:0;width:40%;height:0}
#sidx_graph_area .order {background:#8562ca;left:7%}
#sidx_graph_area .cancel {background:#62c5ca;right:7%}
#sidx_graph_area #price_tooltip {display:none;position:absolute;top:-18px;left:0;background-color:#fff;border:1px solid gray}
#sidx_graph_area #price_tooltip div {white-space:nowrap}
#sidx_graph_date {position:absolute;top:275px;left:15%;margin:0;padding:0;width:85%;border:1px solid #fff;list-style:none}
#sidx_graph_date li {position:relative;float:left;width:14%;font-family:tahoma;text-align:center}
#sidx_graph_date li span {position:absolute;top:-16px;right:0;width:1px;height:10px;background:#e9e9e9}
#sidx_graph_legend {position:absolute;top:-25px;left:15%}
#sidx_graph_legend span {display:inline-block;width:13px;height:13px;vertical-align:middle}
#sidx_graph_legend #legend_order {background:#8562ca}
#sidx_graph_legend #legend_cancel {margin:0 0 0 10px;background:#62c5ca}

#sidx_graph_area .bg0{background:#fff }
#sidx_graph_area .bg1{background:#eff3f9 }


#anc_sidx_settle {margin:0 0 30px;padding:30px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
#anc_sidx_settle table {text-align:center}

#sidx_stat {float:right;width:32%}
#sidx_stat h2 {padding:0 20px 0 0}
#sidx_stat .tbl_wrap {padding:0 20px 0 0}

/* idx 1:1문의/상품문의/사용후기 */
.sidx_cs {}
.sidx_cs section {float:left;margin:0 2% 0 0;width:32%}
.sidx_cs #anc_sidx_ps {margin:0}
.sidx_cs h2 {padding:0}
.sidx_cs .ul_wrap {margin:0 0 20px}
.sidx_cs .btn_list03 {margin:0}
.sidx_cs #anc_sidx_oneq h2 {padding:0 0 }
.sidx_cs #anc_sidx_oneq .ul_wrap {padding:0 0}
.sidx_cs #anc_sidx_ps h2 {padding:0 20px 0 0}
.sidx_cs #anc_sidx_ps .ul_wrap {padding:0 20px 0 0}
.sidx_cs #anc_sidx_ps .btn_list03 {margin:0 20px 0 0}

.sidx_cs #anc_sidx_oneq .oneq_cate {font-weight:bold}
.sidx_cs #anc_sidx_oneq .oneq_link {display:block;margin:5px 0}

.sidx_cs #anc_sidx_qna .qna_link {display:block;margin:5px 0}

.sidx_cs #anc_sidx_ps .ps_link {display:block;margin:5px 0}

/* 쇼핑몰 설정 */
#anc_scf_payment textarea {height:50px}
.get_shop_skin,.shop_etc,.shop_pc_index,.shop_mobile_index{background: #9eacc6;color: #fff;height: 30px;border: 0;border-radius: 5px;padding: 0 10px;font-weight: bold;font-size: 1.09em;vertical-align: middle;}

a.scf_pgreg {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#226C8B;color:#fff;font-weight:normal;text-decoration:none}
a.kcp_btn {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#226C8B;color:#fff;font-weight:normal;text-decoration:none}
a.lg_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#ED008C;color:#fff;font-weight:normal;text-decoration:none}
a.kg_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#4A2C7C;color:#fff;font-weight:normal;text-decoration:none}
a.kakao_btn{display:inline-block;margin:5px 0 0;padding:5px 10px;background:#FDDC2F;color:#3B1E1E;font-weight:normal;text-decoration:none}
a.naver_btn {display:inline-block;margin:5px 0 0;padding:5px 10px;background:#00C73C;color:#fff;font-weight:normal;text-decoration:none}

.scf_cardtest {margin:5px 0 0}
.scf_cardtest_btn {margin-left:5px;vertical-align:middle}
#scf_cardtest_tip {margin:10px 0 0;padding:10px;border:3px solid #ddd}
#scf_cardtest_tip strong {display:inline-block;margin:0 0 5px}
#scf_cardtest_tip dl {margin:0 0 15px;padding:0;zoom:1}
#scf_cardtest_tip dl:after {display:block;visibility:hidden;clear:both;content:""}
#scf_cardtest_tip dt {float:left;width:100px}
#scf_cardtest_tip dd {padding:0;overflow:hidden}
.scf_cardtest_tip {display:none}
.scf_cardtest_hide {display:none}
.scf_cardtest_tip_adm_hide {display:none}

.scf_img {display:none}

#scf_sms_pre h3 {padding:10px 0}
#scf_sms_pre dl {margin:0 0 10px;zoom:1}
#scf_sms_pre dl:after {display:block;visibility:hidden;clear:both;content:""}
#scf_sms_pre dt {clear:both;float:left;padding:5px 0;width:100px}
#scf_sms_pre dd {padding:5px 0;overflow:hidden}
#scf_sms {margin:0 20px 30px;padding:20px 0 0;zoom:1}
#scf_sms:after {display:block;visibility:hidden;clear:both;content:""}
.scf_sms_box {float:left;margin:0 8px 0 9px;width:163px;text-align:center}
.scf_sms_box h4 {margin:0 0 5px}
.scf_sms_img {margin:10px 0;width:163px;height:191px;background:url('../shop_admin/img/sms_back.gif') no-repeat 0 0;text-align:center}
.scf_sms_img textarea {margin:54px 0 0;width:115px;height:85px;border:0;background:transparent;font-size:0.95em;overflow:hidden}
.scf_sms_img span {display:block}
.scf_sms_cnt {display:block}

ul.de_pg_tab{margin:0;padding:0;zoom:1}
ul.de_pg_tab:after{display:block;visibility:hidden;clear:both;content:"";}
ul.de_pg_tab li{position:relative;display:inline-block;float:left;text-align:center;margin:0;padding:0;width:120px}
ul.de_pg_tab li a{margin:0 2px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.5;background-color:#f7f7f7;color:#74777b;font-weight:bold;font-size:1.2em;text-decoration:none}
ul.de_pg_tab li a:hover{text-decoration:none}
ul.de_pg_tab li.tab-current a{background:#2CC185;color:#fff}

.pg_info_fld{position:relative}
.kcp_info_fld th{background-color:#F6FCFF}
.lg_info_fld th{background-color:#FFF4FA}
.inicis_info_fld th{background-color:#F6F1FF}
.kakao_info_fld th{background-color:#FFFCED}
.naver_info_fld th{background-color:#F3FFF3}

/* 주문내역 */
#sodr_list td {text-align:center}
#sodr_list .td_name {text-align:center !important}

#orderitemlist {position:relative}
#orderitemlist .itemlist {z-index:2;position:absolute;top:0;left:-41px;width:958px;padding:10px;border:1px solid #a2a5a9;background:#f2f5f9}
#orderitemlist .itemlist h2{margin:0 0 10px}
#orderitemlist td {background:#fff}
#orderitemlist #orderitemlist_close {text-align:right}

#sodr_list .list_escrow {display:block;color:#80bc0d;text-align:center}
#sodr_list .list_test {display:block;text-align:center;color:#ff3061}
#sodr_list .odrpay {max-width:50px}

.local_sch03.local_sch [data-tooltip-text]:hover {position:relative}
.local_sch03.local_sch [data-tooltip-text]:hover:after{line-height:20px;background-color:#000;background-color:rgba(0,0,0,0.8);-webkit-box-shadow:0 0 3px 1px rgba(50,50,50,0.4);-moz-box-shadow:0 0 3px 1px rgba(50,50,50,0.4);box-shadow:0 0 3px 1px rgba(50,50,50,0.4);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#FFF;font-size:11px;content:attr(data-tooltip-text);white-space: pre;margin-bottom:10px;top:130%;left:0;padding:7px 12px;position:absolute;max-width:500px;word-wrap:break-word;z-index:9999}

/* 주문내역 수정 */
.sodr_nonpay {color:#ff6600}
strong.sodr_nonpay {display:block;padding:5px 0;text-align:right}
.sodr_sppay {color:#1f9bff}
#anc_sodr_memo textarea {width:100%}
#anc_sodr_memo .btn_confirm {margin:10px 0 0}
#anc_sodr_orderer #od_addr1, #anc_sodr_orderer #od_addr2, #anc_sodr_orderer #od_addr3 {margin:5px 0 0}
#anc_sodr_taker #od_b_addr1, #anc_sodr_taker #od_b_addr2, #anc_sodr_taker #od_b_addr3 {margin:5px 0 0}
#anc_sodr_orderer #od_addr_jibeon, #anc_sodr_taker #od_b_addr_jibeon {display:block;margin:5px 0 0}

#sodr_qty_log {padding:0 20px}
#sodr_qty_log h3 {margin:20px 0 10px}
#sodr_qty_log div {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;line-height:1.8em;overflow-y:scroll}

#sodr_request_frm h3 {margin:20px 0 0}
#sodr_request_item h3 {margin-bottom:10px}
#sodr_request_frm #forderrequest {border-top:1px solid #e9e9e9}
#sodr_request_log_wrap {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;overflow-y:scroll}
#sodr_request_log_wrap p {position:relative;padding:5px 0;border-bottom:1px solid #e9e9e9}
#sodr_request_log_wrap span {display:inline-block;margin:0 0 0 80px}
#sodr_request_log_wrap b {display:inline-block;margin:0 15px 0 0;font-weight:normal}
#sodr_request_log_wrap button {position:absolute;top:7px;left:0;margin:0;padding:0;border:0;background:transparent;font-weight:bold}
#sodr_request_handle h3 {margin-bottom:10px}

#anc_sodr_request h3 {margin:20px 0 10px}
#sodr_request_list {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;overflow-y:scroll}
#sodr_request_list p {position:relative;padding:5px 0;border-bottom:1px solid #e9e9e9}

#anc_sodr_chk .dvr_link {color:#ff3061;text-decoration:underline}
.od_test_caution{line-height: 1.7em;padding: 10px 15px;background: #f7ecea;border: 2px solid #ffb6c1;color: #ff0000;font-weight: bold;margin:10px 0 20px}

/* 주문통합내역 */
#sodr_sort {margin:0 20px 20px;padding:0;list-style:none;zoom:1}
#sodr_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sodr_sort li {float:left;margin:0 10px 0 0}
#sodr_sort a {font-size:0.95em;text-decoration:underline;letter-spacing:-0.1em}
#sodr_sort a.sort_on {color:#ff3061}

#sodr_all {margin:0 20px}
#sodr_all h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sodr_all .btn_list {margin:10px 0}

.sodr_all_list {clear:both;margin:0 0 50px;padding:0;list-style:none}

.sodr_all_list .sodr_basic {float:left;zoom:1}
.sodr_all_list .sodr_basic:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_basic dt {float:left;margin:0 10px 0 0}
.sodr_all_list .sodr_basic dd {float:left;margin:0 30px 0 0}
.sodr_all_list .sodr_basic strong a {color:#ff3061;text-decoration:underline}

.sodr_all_list .sodr_person {float:right;zoom:1}
.sodr_all_list .sodr_person:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_person dt {float:left;margin:0 0 0 30px}
.sodr_all_list .sodr_person dd {float:left;margin:0 0 0 10px}

.sodr_all_list .sodr_pay {clear:both;margin:0;border-top:1px solid #d1dee2;zoom:1}
.sodr_all_list .sodr_pay:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_all_list .sodr_pay dt {float:left;padding:8px 0;width:15%}
.sodr_all_list .sodr_pay dd {float:left;margin:0;padding:8px 0;width:35%}

#sodr_total table {text-align:center}
#sodr_total th {width:125px}

/* 분류관리 목록 */
#sct .sct_name {width:130px}
#sct th{padding:5px}

#sct .sct_name div {position:relative}
#sct .sct_name1 {padding-left:25px}
#sct .sct_name2 {padding-left:50px}
#sct .sct_name3 {padding-left:75px}
#sct .sct_name4 {padding-left:100px}
#sct .name_lbl {position:absolute;top:0;left:-20px;width:13px;height:13px;background:url('../shop_admin/img/icon_reply.gif') 0 0 no-repeat}
.sct_pcskin select,.sct_mskin select{width:37% !important}
.sct_pcskin .frm_input,.sct_mskin .frm_input{width:60% !important}

/* 분류 추가/수정 */
.frm_ca_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 상품관리 */
.sit_odrby {text-align:center}
.sit_amt {text-align:right;background-color:#e8fbff !important}
.sit_amt2 {text-align:right;border-color:#c3e189 !important;background-color:#f6ffe6 !important}
.sit_amt3 {text-align:right;border-color:#f6c8c4 !important;background-color:#ffedeb !important}
.sit_camt, .sit_pt, .sit_qty {text-align:right}
.frm_sit_title {margin:5px 0 0}
#fitemlistupdate .td_sort select{width: 33%;float: left;margin-right: 0.3%;}

/* 상품입력/수정 */
#sit_compact {padding:15px 0;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}

.sit_w_opt {height:70px !important}
.sit_wimg {display:none}
.sit_relation_list {width:100%;background:#f6f6f6}
.sit_relation_selected {width:100%;background:#fcfff2}
#add_span img, #sel_span img {margin:5px 0}

.sit_option {margin:0 0 10px;padding:10px 10px 0;border:1px solid #e9e9e9;background:#f7f7f7}
.sit_option .frm_input {background:#fff !important;color:#000}
.sit_option_frm_wrapper {margin:0 0 10px;height:auto !important;height:500px;max-height:500px;border:1px solid #ccc;overflow-y:scroll}
.sit_option_frm_wrapper th {padding:5px 0 !important;text-align:center !important;width:auto !important}

#sit_option_frm .btn_list {margin:0 0 10px}
#sit_option_frm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
#sit_option_frm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}

#sit_option_addfrm_btn {position:relative}
#sit_option_addfrm_btn button {position:absolute;top:-45px;right:0}

#sit_option_addfrm .btn_list {margin:0 0 10px}
#sit_option_addfrm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
#sit_option_addfrm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}

/* 상품 복사 */
#sit_copy {margin:10px;padding:10px;background:#fff}
#sit_copy label {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 상품 일괄 등록 */
#excelfile_upload {margin:10px ;padding:20px;border:1px solid #e9e9e9;background:#fff}
#excelfile_upload label {font-weight:bold}
#excelfile_input {margin:0 0 20px;text-align:center}
#excelfile_result {margin:0 20px 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#excelfile_result:after {display:block;visibility:hidden;clear:both;content:""}
#excelfile_result dt {clear:both;float:left;padding:10px 0;width:40%;font-weight:bold}
#excelfile_result dd {float:left;margin:0;padding:10px 0;width:60%}
#excelfile_result .result_done {color:#5d910b}
#excelfile_result .result_fail {color:#ff3061}

/* 상품옵션재고관리 */
.sit_stock_qty_alert {color:#ff1133;font-weight:bold}

/* 배송일괄처리 */
#sdeli_proc_fs {padding:20px 0;border-bottom:1px solid #f7f7f7;text-align:center}

/* 이벤트 입력/수정 */
.frm_ev_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}

/* 관련 상품, 관련 이벤트 입력/수정 */
.srel section ul {margin:0;padding:0 10px;list-style:none;background:#fff}
.srel section li {padding:5px 0;border-bottom:1px solid #e9e9e9;zoom:1}
.srel section li:after {display:block;visibility:hidden;clear:both;content:''}
.srel .srel_list, .srel .srel_sel {height:auto !important;height:200px;max-height:200px;border:1px solid #ced9de;background:#f6f6f6;overflow-y:scroll}
.srel .list_item {float:left;width:80%}
.srel .list_item img {float:left;margin:0 10px 0 0}
.srel .list_item_btn {float:right;margin-top:7px}
.srel .srel_sel {border:1px solid #ced9de;background:#fcfff2}
.srel .srel_list p, .srel .srel_sel p {padding:10px 0;text-align:center}
.srel .compare_left ul {margin:0;list-style:none}
.srel .srel_noneimg li {padding:7px 0}
.srel .srel_noneimg button {top:0;right:0}
.srel .srel_pad {display:block;margin:0 0 10px}
.srel .srel_pad:after {display:block;visibility:hidden;clear:both;content:''}
.srel .srel_pad button {position:static}

/* 쿠폰관리 */
.scp_new_win .empty_table {padding:30px 0}

#scp_list_find {margin:10px ;padding:20px;border:1px solid #e9e9e9;background:#fff}
#scp_list_find .btn_frmline {line-height:1.5em !important}
#scp_list_find label {font-weight:bold}

.scp_find_code {width:110px;text-align:center}

/* 매출현황 */
#ssale_stats {zoom:1}
#ssale_stats:after {display:block;clear:both;visibility:hidden;content:''}
#ssale_stats div {float:left;padding:2%;width:46%;border-bottom:1px solid #eee;text-align:center}
#ssale_stats h3 {margin:30px 0 0;font-size:1.3em;text-align:center}
#ssale_stats form {margin:20px 0 10px;padding:10px 0}
#ssale_stats .frm_input {padding:0 10px !important;height:24px !important}

/* 주문내역출력 (새창) */
.new_win .sodr_print_pop_list table {width:100%}

#sodr_print_pop h2 {padding:15px 0;color:#ff3600;text-align:right}
#sodr_print_pop h3 {margin:0 0 10px}

.sodr_print_pop_list {margin:0 20px 10px;padding:0 0 10px;border-bottom:1px dotted #ddd}
.sodr_print_pop_list .sodr_print_pop_same {margin:0 0 10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
.sodr_print_pop_list dl {margin:0 0 15px;padding:0;zoom:1}
.sodr_print_pop_list dl:after {display:block;visibility:hidden;clear:both;content:""}
.sodr_print_pop_list dt {float:left;padding:7px 0 6px;width:100px;border-bottom:1px solid #ddd}
.sodr_print_pop_list dd {padding:7px 0 6px;border-bottom:1px solid #ddd;overflow:hidden}

#sodr_print_pop_total {padding:20px 0;text-align:center}
#sodr_print_pop_total span {display:block;margin:0 0 10px;font-size:1.5em}
#sodr_print_pop_total strong {color:#ff3600}

/* 배너관리 */
.sbn_img {text-align:center}
.sbn_image {display:none;margin:0 0 10px;text-align:left}

/* SMS문자전송 */
#sms_send {padding-bottom:100px;zoom:1}
#sms_send:after {display:block;visibility:hidden;clear:both;content:""}

#sms_frm {float:left;width:650px}
#sms_frm table {margin:0 0 30px}
#sms_frm textarea {height:70px}

#sms_sm {position:relative;float:left;width:229px;height:418px;background:url('../shop_admin/img/mobilebg.jpg') no-repeat}
#sms_sm_text {position:absolute;top:75px;left:27px;width:180px;color:#fff;font-size:2em;word-break:break-all}
#sms_sm p {position:absolute;bottom:-70px;left:0;font-size:0.95em;letter-spacing:-0.1em}

#sms_send .local_desc01 {min-width:320px}

/* 가격비교사이트 */
#anc_pricecompare_info li {margin:5px 0 5px -1px}

.price_engine dt a {font-weight:bold}
.price_engine dd {margin:0 0 15px}
.price_engine ul{padding: 0 0 0 15px;}
.price_engine li {margin:5px 0 5px -1px;list-style:disc }

/* 새창 기본 스타일 */
.new_win {}
.new_win h1 {font-size:1.17em;padding:15px 20px;background:#fff;border-bottom:1px solid #ddd}
.new_win h2 {margin:0 20px 10px}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}
.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #595959;border-left:1px solid #595959;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}

.new_win_desc {margin:0 }
.new_win .anchor {margin:0 0 5px}

.new_win .win_btn {clear:both;padding:10px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em;border:0}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}
.new_win .win_btn input[type="button"]:hover{background-color: #000;color: #fff;}

.new_win .local_sch, .new_win .local_cmd, .new_win .local_desc01, .new_win .local_desc02, .new_win .local_ov {margin:10px}

.new_win_con{margin: 10px; background:#fff;padding:20px}
.new_win_con .table_form table th{width:120px}

.new_win .btn_confirm {text-align:center;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 관리자 비밀번호 확인 */
#admin_confirm {padding:0 0 10px;background:#222;text-align:center}
#admin_confirm p {margin:0 0 10px;color:#9ab9c5;background:#383a3f}
#admin_confirm label {color:#fff}
#admin_confirm .frm_input {border-color:#000}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
a.sv_member{display: flex;}
a.sv_member span.profile_img{margin-right: 10px;}
 
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px}
.pg a:focus, .pg a:hover {background-color:#f3f3f3}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none}
.pg_start {background:url(../img/page_1.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/page_2.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/page_3.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/page_4.png) 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:var(--pointcolor);color:#fff;font-weight:normal}

.social_config_explain p{padding-bottom:10px}

/* social member_list.php member_form.php */
.sns-icon .ico {display:inline-block;background:url('../img/social/sns_logo.png') no-repeat;vertical-align:top}
.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}

.sns-wrap-over .sns-icon {border-color:#dcdcdc}
.sns-wrap-over .sns-icon-not {border-color:#8b8b8b}
.sns-wrap-over .sns-naver{border-color:#18a400}
.sns-wrap-over .sns-naver .ico {background-position:-29px 0}
.sns-wrap-over .sns-google .ico {background-position:-58px 0}
.sns-wrap-over .sns-google {border-color:#ca2c19}
.sns-wrap-over .sns-facebook .ico {background-position:0 0 }
.sns-wrap-over .sns-facebook {border-color:#2e5393}
.sns-wrap-over .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-over .sns-twitter {border-color:#488FC9}
.sns-wrap-over .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-over .sns-payco {border-color:#C44646}
.sns-wrap-over .sns-payco .ico {background-position:-116px 0}
.sns-wrap-over .sns-kakao {border-color:#f2df00}

.sns-wrap-32 .sns-icon {display:inline-block;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.sns-wrap-32 .sns-icon .txt {margin:0 10px 0 0;font-size:0.95em;letter-spacing:-0.1em}
.sns-wrap-32 .sns-icon .ico {width:24px;height:24px}

.social_link_box, .social_link_box li{margin:0;padding:0;list-style:none}
.social_link_box{width:300px}
.account_provider{position:relative;margin:10px 0 5px}
.account_provider .sns-wrap-32 .sns-icon{vertical-align:middle}
.account_provider .provider_name{display:inline-block;vertical-align:middle}
.account_provider .btn_info{position:absolute;top:-7px;right:0}
.account_provider .social_unlink{height:30px;line-height:30px;background:#a0a8b8;padding:0 10px;color:#fff;display:inline-block;vertical-align:middle}
.account_provider .social_unlink:hover{text-decoration:none}

/*부가서비스*/
.lnb_svc{color:#ff3061;font-weight:bold}
.service_wrap{ width:965px;margin:0 0 10px;overflow:hidden}
.sevice_1{border:1px solid #ebe8e8;width:310px;float:left;border-radius:5px;text-align:center;margin-right:6px;}
.sevice_1 .svc_img{padding:30px 0 0;}
.sevice_1 h3{font-size:16px;margin:190px 0 10px;min-height:45px;color:#525252}
.sevice_1 p{padding:20px;background:#f8f8f8;font-size:12px;text-align:left;color:#898989;line-height:18px}
.sevice_1 ul {width:100%;padding:0; margin:0;border-top:1px solid #ebe8e8;}
.sevice_1 ul li{list-style:none;float:left;border-right:1px solid #ebe8e8;}
.sevice_1 ul li a{display:inline-block;height:75px;width:100%;padding:0 15px}
.sevice_1 ul li img{padding:8px 0 0;}
.sevice_1 ul li.last{border:0}
.sevice_1 h4{width:100%;padding:0; margin:0;border-top:1px solid #ebe8e8;}
.sevice_1 h4 a{display:inline-block;height:75px;padding:10px 0 0;width:100%}

.svc_card{background:url('../img/service_img1.jpg') no-repeat top center;margin-right:13px;}
.svc_card ul li{width:33%;}
.svc_phone {background:url('../img/service_img2.jpg') no-repeat top center;margin-right:13px;}
.svc_phone ul li{width:50%;}
.svc_ipin {background:url('../img/service_img3.jpg') no-repeat top center;}

.service_2{padding-top:15px;clear:both}
.service_2 h3{font-size:14px;letter-spacing:-1px;color:#525252;margin:0 0 4px}

.service_2 .svc_a p{color:#898989;line-height:16px;letter-spacing:-1px;}

.svc_keyword{clear:both ;}
.svc_keyword .svc_a{float:left;width:230px;padding:46px 0 0 15px ;height:120px; }

.service_2 .svc_ri .svc_a{padding:25px 0 0 22px;padding-right: 300px;}

.service_2 .svc_btn{float:right;}
.service_2 .svc_btn a{display:inline-block;width:126px; height:37px;background:#ff3061;color:#fff;line-height:37px;text-align:center;margin:22px 13px 0;}
.service_2 .svc_btn a:hover,.service_2 .svc_btn a:focus,.service_2 .svc_btn a:active{text-decoration:none}
.svc_keyword{background:#e6f2f4}
.svc_keyword .svc_btn{margin:40px 0 0 ;}
.svc_keyword .svc_btn a{width:160px;}

.svc_sms{border:1px solid #ebe8e8;position:relative;height:93px}
.svc_sms:after{display:block;visibility:hidden;clear:both;content:""}
.svc_sms .svc_btn2{position:absolute;top:0;right:0}
.svc_sms .svc_btn2 a{display:inline-block; width:220px; height:91px; background:#fbfbfb; text-align:center; padding:20px 0 0;}

/* 캡챠 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0;margin-right: 1%;}
#captcha #captcha_mp3 {margin:0;margin-right:1%;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin-right:1%;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em;width: 100%;}

/*테마*/
.theme_p{margin:0 0 10px }
#theme_list{padding:0;margin:0;list-style:none; width: 1000px;position:relative}
#theme_list:after{display:block;visibility:hidden;clear:both;content:""}
#theme_list li{margin:10px 10px 10px 0;float:left}

#theme_list li:after{display:block;visibility:hidden;clear:both;content:""}
#theme_list li .tmli_if{border: 1px solid #d1dee2;width:302px;}
#theme_list li .tmli_if>img{width:300px;height:225px;}
#theme_list li .tmli_if:hover>img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#theme_list li .tmli_tit{position:relative; border-top: 1px solid #d1dee2; background: #e5ecef;}
#theme_list li .tmli_tit p{height:40px;line-height:40px;padding:0 10px 0;font-weight:bold;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#theme_list li .tmli_tit button.tmli_dt{position:absolute;top:8px;right:10px;padding:5px;background:#111;color:#fff;display:none;border:none}
#theme_list li .tmli_if:hover button.tmli_dt{display:block}
#theme_list li .theme_sl{float:left;border:none;margin-top:5px;padding:0 5px;height:26px;background:#999;color:#fff}
#theme_list li .theme_sl:hover{background:#ff3061}
#theme_list li .theme_deactive{margin-left:4px}
#theme_list li .theme_sl_use{background:#ff3061;line-height:26px}
#theme_list li .theme_pr{float:right;margin-top:5px;padding:0 5px;height:26px;line-height:24px; border: 1px solid #ccc; background: #fafafa; }
#theme_list li .theme_preview{ float: right; margin-top: 5px; padding:0 5px;height:26px; border: 1px solid #ccc; background: #fafafa; margin-right:3px}

#theme_detail{position:fixed;top:50%;height:540px;width:900px;margin-top:-271px;background:#fff;background:#f3f3f3;border:1px solid #000;
-webkit-box-shadow: 1px 2px 5px rgba(150,150,150,100.5);
-moz-box-shadow: 1px 2px 5px rgba(150,150,150,0.5);
box-shadow: 1px 2px 5px rgba(150,150,150,0.5);z-index:1000}
#theme_detail:after{display:block;visibility:hidden;clear:both;content:""}
#theme_detail h2{font-size:1.25em;background:#fff;padding:0 15px;line-height:40px;border-bottom:1px solid #d8d8d8;margin:0}
.theme_dt_img{float:left;padding:20px}
.theme_dt_img img{border:1px solid #aaa;}
.theme_dt_if{float:left;width:235px;padding:20px 0}
.theme_dt_if table{width:100%;border-collapse:collapse;margin:15px 0 0 ;font-size:0.92em}
.theme_dt_if table th{padding:5px;background:#fff;border-bottom:1px solid #f3f3f3;vertical-align:top;color:#3f51b5}
.theme_dt_if table td{padding:5px;background:#fff;border-bottom:1px solid #f3f3f3;line-height:1.56em}
.theme_dt_if table td a{text-decoration:underline}
.theme_dt_if p{line-height:1.5em}
.if_p_bg{display:inline-block;width:20px;height:1px ;background:#000;margin:30px 0 10px}
#theme_detail .theme_dt_btn{position:absolute;top:0px;right:0px;background:#fff;}
#theme_detail .theme_dt_btn .close_btn{border:0;border-left:1px solid #d8d8d8;background:url('../img/close.png') 50% 50% no-repeat;width:40px;height:40px;overflow:hidden;text-indent:-99999px}

#theme_detail .theme_dt_btn .close_btn:hover{background-color:#eceffc}
#theme_detail .theme_dt_btn .btn_03{line-height:28px;display:inline-block;vertical-align:top;margin-top:6px;padding:0 6px;border-radius:5px}

/*글,댓글현황*/
#wr_cont{position:relative;margin:10px 0}
#wr_cont input[type="submit"]{background:#ff3061;border:none;color:#fff;padding: 0 5px;height: 24px;}
#wr_cont select{height: 24px;}
#grp_color{border:2px solid #ddd;position:absolute;top:0;right:0;list-style:none;padding: 5px 5px; margin:0;}
#grp_color li{padding:5px 10px;}
#grp_color li span{width:10px;height:10px; display:inline-block;background:rgb(75, 178, 197);margin-right:5px;}
#grp_color li.color2 span{background:rgb(234, 162, 40);}
#chart_wr h5{text-align:center;border:1px solid #eee;padding:30px 0}
#chart_wr{margin:20px 0}

/*전송실패 문자 재전송 내역*/
.sms_table{padding:0 0 20px;}
.sms_table table th{border:1px solid #ddd;padding:9px 0}
.sms_table table td{border:1px solid #ddd;text-align:center;width:16%;padding:9px 0}

/* Browscap */
.update_processing{width:300px;height:300px;margin:0 auto;background:url(../img/ajax_loader.gif) no-repeat 0 0}
#processing{margin: 0 auto;padding: 70px 0;border: 1px solid #eee;background: #f9f9f9;text-align:center;}
#processing p{font-size:1.2em}
.check_processing {width:300px;height:300px;margin:0 auto;background:url(../img/check.png) no-repeat 50% 50% }


#processing button{background:#000;border:none;color:#fff;padding: 15px;width:200px;margin-top:15px;border-radius:5px;font-weight:bold;font-size:1.167em}


/*미완료 주문*/
#inorderlist .td_name{text-align:center !important}
#anc_sodr_pay .btn_confirm{margin-top:30px}
#anc_sodr_pay .btn_confirm .btn_submit{width:300px;height:40px;font-size:14px;}

/*상품문의 */
#itemqalist .qa_href .tit_op{background:url(./../img/op_btn1.gif) no-repeat 50% 50%;display:inline-block;text-indent:-999px;overflow:hidden;width:7px;height:4px;margin-left:5px}
#itemqalist .qa_div{background:#d8dfe9;padding:10px;margin:5px 0 0;display:none;}
#itemqalist .qa_div strong{color:#415f9d;font-size:0.92em;display:block}
#itemqalist .qa_div .qa_q{padding-bottom:10px;margin-bottom:5px;border-bottom:1px dashed #fff;}
#itemqalist .qa_href{font-weight:bold;text-decoration:none;display:block;}
#itemqalist .td_status{color:#888}
#itemqalist .td_status strong{color:#ff4588}

/*상품후기 */
#itemuselist .use_href{font-weight:bold;text-decoration:none;display:block;}
#itemuselist .use_href .tit_op{background:url(./../img/op_btn1.gif) no-repeat 50% 50%;display:inline-block;text-indent:-999px;overflow:hidden;width:7px;height:4px;margin-left:5px}
#itemuselist .use_div{background:#d8dfe9;padding:10px;margin:5px 0 0;display:none;}
#itemuselist .td_select{width:100px}

/* 커스텀 */
.tbl_head01 tbody td .info {text-align: left;margin-left: 2px;color: #606060;}
.tbl_head01 tbody td .info span {color: #3f51b5;font-weight: 700;}

.over_pop {position: relative;display: inline-block;width: 20px;height: 20px;font-weight: 700;text-align: center;ackground: #f3f3f3;border: 1px solid #d3d3d3;border-radius: 3px;box-sizing: border-box;cursor: pointer;}
.over_pop::before {content: attr(data-hover);min-width: 350px;visibility: hidden;opacity: 0;padding: 5px 10px;background: rgba(0, 0, 0, .5);color: #fff;text-align: center;border-radius: 5px;transition: opacity .3s ease-in-out;position: absolute;left: 0;top: 110%;z-index: 1;}
.over_pop:hover::before {visibility: visible;opacity: 1;}
.link_pop {position: relative;display: inline-block;margin-left: 2px;padding: 2px 4px;font-weight: 400;text-align: center;text-decoration: underline !important;background: #f3f3f3;border: 1px solid #d3d3d3;border-radius: 3px;box-sizing: border-box;cursor: pointer;}

@media only screen and (max-device-width : 768px) and (orientation : landscape){
/* Styles */
input[type="text"]{max-width:200px}
}

@media only screen and (max-device-width : 480px) and (orientation : portrait){
/* Styles */
input[type="text"]{max-width:200px}
}



.container_wr section{margin-top: 2.188rem;}
#fconfigform section#anc_cf_basic{margin-top: 0;}
#fconfigform .get_theme_confc.btn{margin-top: 10px;}


.container_wr #bo_cate a {padding: 5px 10px;border-radius: 5px;display: block;background: #000;text-decoration: none;text-align: center;color: #fff;border: none;line-height: normal;}
.container_wr #bo_cate a:focus, .container_wr #bo_cate a:hover, .container_wr #bo_cate a:active{background: var(--pointcolor);}
.container_wr #bo_cate #bo_cate_on{background: var(--pointcolor);-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none;border:0}
.container_wr #bo_list tbody tr:hover {border-left: 2px solid var(--pointcolor);}
.container_wr #bo_list .cnt_cmt{background-color:#faf4e4 ;color: var(--pointcolor);}
.container_wr #bo_list .td_chk, .container_wr #bo_list .td_num2, .container_wr #bo_list .td_num{width: 50px!important;}
.container_wr #bo_list .bo_tit{padding: 0 10px;text-align: left;}
.container_wr #bo_list .td_name, .container_wr #bo_list .td_datetime{width: 90px!important;}
.container_wr #bo_list .bo_tit{display: flex;align-items: center;}
.container_wr #bo_list .bo_tit a {display: flex;align-items: center;}
.container_wr #bo_list .td_subject img{margin-right: 5px;}
.more_opt li button, .more_opt li a {display: flex;align-items: center;}
.container_wr #bo_list .qa_wrap {border-top: 3px solid #000;}
.container_wr #bo_gall .gall_li{padding: 0 10px;}
.container_wr #bo_gall .gall_img{max-height: none!important;height: auto!important;}
.container_wr #bo_w .btn_confirm{text-align: right;}
.container_wr #bo_w .btn_confirm .btn {display: inline-block;height: 30px;line-height: 30px;border-radius: 150px;padding: 0 10px;font-weight: bold;vertical-align: middle;font-size: 1em;}
.container_wr #bo_w .btn_confirm .btn.btn_submit { background: var(--pointcolor);color: #fff;border: 0;}
.container_wr #bo_w .btn_confirm .btn.btn_cancel {background: #191919;color: #fff;border: 1px solid #191919;}
.container_wr .btn_bo_user li{width: auto;}
.container_wr #bo_v_title .bo_v_tit{margin-top:0;font-weight:500}
.container_wr #bo_v_share{padding-top: 0;}
.container_wr #bo_v_share .btn{width:100px;border-radius: 5px;border: 1px solid #d5d5d5;display: flex;align-items: center;justify-content: center;}
.container_wr .cmt_btn span.total{color: var(--pointcolor);}
.container_wr .cmt_btn span.total:after{background: var(--pointcolor);}
.container_wr #bo_v_info .profile_info .profile_info_ct br{display: none;font-size: 0.9rem;}
.container_wr #bo_v_info .profile_info{display: flex;align-items: center;}
.container_wr #bo_v_info .profile_info .pf_img, .container_wr #bo_v_info .profile_info .profile_info_ct{float: none;}
.container_wr #bo_v_info .profile_info .pf_img img{width: 30px;height: 30px;}
.container_wr #bo_v_title {text-align: left;font-size: 1.375rem;display: inline-block;position: relative;top: 0;left: 0;}
.container_wr #bo_v_title .bo_v_tit {font-size: 1em;font-weight: 600;margin: 0;display: inline-block;position: relative;top: 0;left: 0;z-index:1}
.container_wr #bo_v_title:after {display: block;content: "";clear: both;width: 18px;height: 18px;background-color: var(--pointcolor);position: absolute;z-index: 0;border-radius: 50%;top: 0;right: -6px;-webkit-animation: bounce1 .5s ease infinite alternate;animation: bounce1 .5s ease infinite alternate;}
.container_wr #bo_v_img a.view_image{display: inline-block;}
.container_wr .write_dates{justify-content: space-between;}
.container_wr .write_dates .half{padding: 0;width:49%;}


.search_box_wrap{margin: 0;display: flex;;flex-wrap: wrap;align-items: center;padding: 30px;border: 3px solid var(--pointcolor);}
.search_box{width: 48%;margin-right: 4%;display: flex;align-items: center;}
.search_box:nth-child(2n){margin-right: 0;}
.search_box .sc_tit{width: 30%;}
.search_box .sc_cont{width: 65%;}
.search_box .sc_cont.sc_wrap{display: flex;justify-content: space-between;}
.search_box .sc_cont.sc_wrap > input{width: 45%;}
.search_box_wrap .btn_list {width: 100%;text-align: right;margin: 0;}
.search_box .frm_input{border-radius: 5px;background-color: #fff;border:1px solid #d1dee2;padding: 8px 10px!important;height: auto;color: #000;}
.local_sch01 .search_box .frm_input{width: 100%;}
/* =================================
***********************************
        반응형작업
**********************************
===================================*/
@media (min-width: 1024px){
    #gnb .gnb_oparea{display:block!important}
    #gnb .gnb_oparea li a span {display: block;position: relative;top: 0;z-index: 2;}
    #gnb .gnb_oparea li a:hover:after {opacity: 1;visibility: visible;}
    #gnb .gnb_li{position: relative;}
    
}
@media (max-width: 1640px){
    .wBox,.container_wr {padding:25px;}
    #gnb .gnb_oparea li a{padding:2px 0}

    #gnb {width: 120px;margin-right: 30px;}
    #container {width: calc(100% - 150px);}
    .tbl_frm01 th{width: 30%;}
    .tbl_frm01 td{width: 70%;}

    #hd_top #logo img{height: 45px;}
    .btn_fixed_top {right: 53px;top: 264px;}
    .frm_input{width:80%}
    
    #hd.sticky .container{width: 90%;}
    .anchor_wrap{position:relative;top:0;left:0;}
    .anchor{overflow-x: scroll;width:95%;margin-right:auto;margin-left:0;padding-bottom: 3px;margin-bottom: 5px;}
    
    .anchor::-webkit-scrollbar {height: 3px;}
    .anchor::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
    .anchor::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background: var(--pointcolor); border: 2px solid transparent;}

    .anchor li{flex-grow: inherit;padding:3px;}
    .anchor a {padding: 5px 10px;border-radius: 5px;}
    .anchor_wrap:After {display: block;content: "";clear: both;width: 15px;height: 15px;background-position: center;background-size: 100% auto;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);margin-top:-5px;animation: motion1 2s linear 0s infinite;}
    .anchor_wrap:After{background-image: url(../img/mpr/arrow_right.png);right: 0;}
 
    @keyframes motion1 {
        0% {opacity: 0;}
        50% {opacity: 0.4;}
        100% {opacity: 0;}
    }
    .tbl_frm01 td.td_extra div{width: 100%;float: none;}
    .tbl_frm01 td.td_extra div+div{margin-top: 5px;}

    .tbl_head01.tb_scroll1{overflow-x: scroll;padding-bottom:10px}
    .tbl_head01.tb_scroll1 table{width: 1150px;}
    .tbl_head01.tb_scroll1::-webkit-scrollbar {height: 3px;}
    .tbl_head01.tb_scroll1::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
    .tbl_head01.tb_scroll1::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background: var(--pointcolor); border: 2px solid transparent;}
    .tb_scroll_info.info1{text-align: right;display: block;margin-bottom: 5px;position: relative;top: 0;left: 0;padding-right:15px;}
    .tb_scroll_info.info1:After {display: block;content: "";clear: both;width: 10px;height: 10px;background-position: center;background-size: 100% auto;background-repeat: no-repeat;position: absolute;top: 50%;right:0;transform: translateY(-50%);animation: motion1 2s linear 0s infinite;background-image: url(../img/mpr/arrow_right.png);}

    
}
@media (max-width:1300px){
    .box_wrap3 .box.wBox, .box_wrap2 .box.wBox{width: 100%;margin-right: 0;}
    .box_wrap3 .box.wBox+.wBox, .box_wrap2 .box.wBox+.wBox{margin-top: 30px;}

    .service_wrap{width: 100%;}
    .sevice_1{width: 48%;}
    .svc_card{margin-right: 4%;}
    .svc_phone{margin-right: 0;}
    .service_2{width: 100%;}
    .btn_fixed_top {right: 40px;}

        
    
    #mnvs_list_g .mnvs_li{width: 32%;margin-right: 1.5%;}
    #mnvs_list_g .mnvs_li:nth-child(5n){margin-right: 1.5%;}
    #mnvs_list_g .mnvs_li:nth-child(3n){margin-right:0}
    #mnvs_list_g .mnvs_li:nth-child(4),#mnvs_list_g .mnvs_li:nth-child(5){    margin-top: 1%;}
}
@media (max-width: 1024px){
    #container {width: 100%;padding: 40px;padding-top: 60px!important;}
    #hd.sticky .container{width:100%;padding:20px 30px}
    #hd_top{justify-content: flex-start;align-items: center;padding: 15px 0;}
    #hd_top #logo{padding: 15px 0;margin-left: 20px;}
    #hd_top #logo img{height: 40px!important;}
    .nav_btn{display: flex;cursor: pointer;align-items: center;margin-top: 10px;}

    #tnb{position: fixed;z-index: 9999;top: 65vh;right: 0;display: flex;transform: rotate(90deg);transform-origin: right top;padding: 0;}
    #tnb a{padding: 0}
    #tnb .tnb_li > a{width: auto;height: auto;background:none;}
    #tnb .tnb_li > a >span, #tnb .tnb_mb_area a {border-radius: 0;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;padding: 10px;position: relative;top: 0;left: 0;transform: translateX(0);visibility: visible;opacity: 1;margin-top: 0;font-size: 1rem;width: 120px;text-align: center;background-color: #272727;}
    #tnb .tnb_mb_area a:hover{background-color: #272727;}
    #tnb button{display: none;}
    #tnb .tnb_mb_area{display: flex!important;position: relative;top: 0;left: 0;border-radius: 0;background-color: transparent;}
    #tnb .tnb_mb_area li{margin-right: 3px;}


    #gnb {position: fixed;top: 0;left: -100%;height: 100%;border-radius: 0;border-top-right-radius: 20px;border-bottom-right-radius: 20px;width: 100px;margin-right: 0;}
    #gnb.mOpen {left: 0;}
    #gnb .gnb_li {padding:0; width: 100%;}
    #gnb .gnb_li button{padding: 20px 10px;height:80px;width: 100%;}
    #gnb .gnb_oparea{display:none;opacity:1;visibility: visible;}

    .popup .popup_wrapper {width: 90%;}


    .frm_input{width:80%}
    .btn_fixed_top {top: 115px;right: 80px;margin-right: 0;}
    .container_wr.active .btn_fixed_top {top: 80px;left: 0; width: 100%;padding: 10px 5%;justify-content: right;background: rgba(255,255,255,0.9);}

}

@media (max-width: 990px){
    .tbl_head01.tb_scroll{overflow-x: scroll;padding-bottom:10px}
    .tbl_head01.tb_scroll table{width: 768px;}
    .tbl_head01.tb_scroll::-webkit-scrollbar {height: 3px;}
    .tbl_head01.tb_scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
    .tbl_head01.tb_scroll::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background: var(--pointcolor); border: 2px solid transparent;}
    .tb_scroll_info{text-align: right;display: block;margin-bottom: 5px;position: relative;top: 0;left: 0;padding-right:15px;}
    .tb_scroll_info:After {display: block;content: "";clear: both;width: 10px;height: 10px;background-position: center;background-size: 100% auto;background-repeat: no-repeat;position: absolute;top: 50%;right:0;transform: translateY(-50%);animation: motion1 2s linear 0s infinite;background-image: url(../img/mpr/arrow_right.png);}
    .container_wr #bo_list .td_chk, .container_wr #bo_list .td_num2, .container_wr #bo_list .td_num{width: 30px!important;}
    .container_wr #bo_list .td_name, .container_wr #bo_list .td_datetime {width: 50px!important;}

    .container_wr #bo_list .tbl_wrap{overflow-x: scroll;padding-bottom:10px}
    .container_wr #bo_list .tbl_wrap table{width: 768px;}
    .container_wr #bo_list .tbl_wrap::-webkit-scrollbar {height: 3px;}
    .container_wr #bo_list .tbl_wrap::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(220, 220, 220, 0.3);}
    .container_wr #bo_list .tbl_wrap::-webkit-scrollbar-thumb {background-clip: padding-box; border-radius: 5px; background: var(--pointcolor); border: 2px solid transparent;}
    .container_wr #bo_gall .gall_li{width: 50%;}
}


@media (max-width: 768px){
    #container {padding: 30px;}
    .box_wrap3 .box.wBox+.wBox, .box_wrap2 .box.wBox+.wBox{margin-top: 15px;}
    #hd_top #logo img{height: 28px!important;}
    .frm_input{width:60%}
    .btn_fixed_top {top:105px;right: 65px; }
    .td_extra input, #anc_bo_extra input.extra-value-input, #anc_cf_extra input.extra-value-input{width: 100%;}
    .container_wr.active .btn_fixed_top {top: 74px;}

    #captcha #captcha_img {height: 34px;margin-bottom: 5px;}
    #captcha #captcha_key {height: 34px;width: calc(98% - 68px);text-align: left;}
    #captcha #captcha_mp3 {width: 34px;height: 34px;background-size: 34px;}
    #captcha #captcha_reload {width: 34px;height: 34px;background-size: 100% auto;background-position: 0 -34px;}

    .sevice_1{width: 100%;margin-right: 0!important;}
    .svc_phone{margin-top: 15px;}
    .service_2 .svc_ri .svc_a {padding-right: 0;}
    .svc_sms .svc_btn2 {position: relative;padding: 0 0 0 25px;border-top: 1px solid #ebe8e8;}
    .service_2 .svc_ri .svc_a {padding: 25px;}
    .svc_sms {height: auto;}
    .local_sch01 .frm_input{width: 130px;}

    #mnvs_list_g .mnvs_li{width: 48.5%;margin-right: 1.5%;}
    #mnvs_list_g .mnvs_li:nth-child(3n){margin-right:1.5%}
    #mnvs_list_g .mnvs_li:nth-child(2n){margin-right:0}
    #mnvs_list_g .mnvs_li:nth-child(3){margin-top: 1%;}
    .image_el .img_con, .file_wrap .img_con{width: 100%!important;}

    .search_box_wrap{padding: 15px;}
    .search_box{width: 100%;}
}


@media (max-width: 500px){
    .container_wr section{margin-top: 3.5rem;}
    .h2_frm span {font-weight: 600;}
    #container {padding: 15px;border-radius: 15px;border-top-left-radius: 0;}
    .wBox, .container_wr {padding: 20px 15px;}
    .btn_fixed_top {right: 40px;}
    .icon{margin-right: 15px;}

    .tbl_frm01 tbody{width: 100%;display: block;}
    .tbl_frm01 tr{display: block;width: 100%;}
    .tbl_frm01 td{width: 100%;display: block;border-bottom:0}
    .tbl_frm01 td:last-child{border-bottom: 1px solid rgba(0,0,0,0.3);}
    .tbl_frm01 th{display: block;width: 100%;border-bottom: 0;padding: 15px 20px;}
    .tbl_frm01 td.td_grpset {padding-top: 0;text-align: left;border-left: 0;}
    #anc_cf_url .tbl_frm01 td:last-child{padding-top:0}

    #mnvs_list_g .mnvs_li{width: 100%!important;margin-right:0!important}
    #mnvs_list_g .mnvs_li+.mnvs_li{margin-top:1%!important}
}

/* CUSTOM */
.filter_section { display: flex; align-items: flex-end; justify-content: space-between; }