@charset "UTF-8";

.inner {position:relative;width:100%;max-width:1400px;margin:0 auto}
.main_inner {position:relative;padding:0 3.429rem;}
@media screen and (max-width:1279px){
    .inner {padding:0 30px}
}
@media screen and (max-width:960px){
    .inner,
    .main_inner {padding:0 20px}
}
@media screen and (max-width:854px){
    .inner,
    .main_inner {padding:0 15px}
}
#wrap {position:relative;width:100%;max-width:1920px;margin:0 auto}

/* head */
#header_wrap {position:relative;z-index:50;width:100%;}
#header_wrap .top_head {position:relative;height:7.143rem;line-height:7.143rem}
#header_wrap .logo {display:block;position:relative;width:19rem;margin:0 auto}
#header_wrap .logo a {
    display:block;    
}
#header_wrap .logo a img {width:100%;height:auto;}
#header_wrap #gnb {
    position:relative;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd
}
#header_wrap #gnb .gnb_list {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:center;
    text-align:center;
}
#header_wrap #gnb .gnb_list .gnb_menu {
    position:relative;
    display:inline-block;
    width:16.5rem; 
}
#header_wrap #gnb .gnb_list .gnb_menu .gnb_tit {
    display:block;
    font-size:1.429rem;
    line-height:3.143rem;
    color:#222;
}
#header_wrap #gnb .gnb_list .gnb_menu:hover .gnb_tit {
    color:#2e3c98;
}

#header_wrap .utile {position:absolute;top:0;left:0;line-height:7.143rem;z-index:3}
#header_wrap .utile ul {margin:0 -0.6429rem}
#header_wrap .utile li {position:relative;float:left;padding:0 0.6429rem}
#header_wrap .utile li:after {display:block;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:0.9286rem;background-color:#222}
#header_wrap .utile li:last-child:after {display:none}
#header_wrap .utile li {font-size:0.9286rem;color:#222}
#header_wrap .sns {position:absolute;top:0;right:0;line-height:7.143rem;z-index:3}
#header_wrap .sns ul {margin:0 -0.1429rem}
#header_wrap .sns ul li {position:relative;float:left;padding:0 0.1429rem}
#header_wrap .sns ul li a {display:inline-block;width:1.857rem;height:1.857rem;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
#header_wrap .sns ul li a.ico1 {background-image:url(../imgs/common/kkako_ico.png)}
#header_wrap .sns ul li a.ico2 {background-image:url(../imgs/icon/ico_facebook.svg)}
#header_wrap .sns ul li a.ico3 {background-image:url(../imgs/common/tw_ico.png)}
#header_wrap .sns ul li a.ico4 {background-image:url(../imgs/common/band_ico.png)}
#header_wrap .sns ul li a.ico5 {background-image:url(../imgs/icon/ico_instagram.svg)}
#header_wrap .sns ul li a.ico6 {background-image:url(../imgs/icon/ico_youtube.svg)}
#header_wrap .sns ul li a.ico7 {background-image:url(../imgs/icon/ico_blog.svg)}
#header_wrap .snb {
    position:absolute;
    top:3.286rem;
    left:0;
    height:0;   
    z-index:10;
    padding-top:1rem;
    transform: translate(0px, 1rem);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index:11;
}
#header_wrap #gnb .gnb_list .gnb_menu:focus .snb, 
#header_wrap #gnb .gnb_list .gnb_menu.active .snb {
    opacity: 1;
    height:auto;
    border:1px solid #ddd;
    background-color:#fff;
    border-top-width:0;
    visibility: visible;
    transform: translate(0px, 0px);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

#header_wrap .snb ul {
    text-align:left;
    padding:0 1.1rem;
}
#header_wrap .snb li {
    line-height:2.5rem;
    font-size:1.071rem;
    color:#222;
}
#header_wrap .snb li a {color:#222}
#header_wrap .snb li:hover a,
#header_wrap .snb li a:hover {color:#024A73;}
#header_wrap .snb li .depth3 {
    position:relative;
    background: #e6eaf4;
    border-radius: 5px;
    padding:0.714rem 1.071rem;
    margin:0.5rem 0 0.7rem;
}
#header_wrap .snb li .depth3 li {
    line-height:1.2;
    font-size:1rem;
    color:#666;
}
#header_wrap .snb li .depth3 li + li {margin-top:8px;}
#header_wrap .snb li .depth3 li a {
    color:#666;
}
#header_wrap .snb li .depth3 li a:hover {color:#024A73;}
#header_wrap .snb li .depth3 li span {
    display:block;
    position:relative;
    padding-left:0.9rem;
}
#header_wrap .snb li .depth3 li a i {vertical-align:middle;}
#header_wrap .snb li .depth3 li span::before {
    content:"-";
    display:block;
    position:absolute;
    top:0;
    left:0;
}
#header_wrap .gnb-bg {
    overflow: hidden;
    position: absolute;
    top:3.2rem;
    left: 0;
    width: 100%;
    background: #fff;
    height: 0;
    z-index: 10;
    transition: all 0.3s ease-in-out;
}
#header_wrap .gnb-bg--active {
    height:calc(550px - 3.286rem);
}

@media screen and (max-width:1488px){ 	
    #header_wrap #gnb .gnb_list {margin:0 -4.3788rem}
    #header_wrap #gnb .gnb_list .gnb_menu .gnb_tit {padding:0 4.3788rem}
}
@media screen and (max-width:1279px){ 	
    #header_wrap #gnb .gnb_list {margin:0 -3rem}
    #header_wrap #gnb .gnb_list .gnb_menu .gnb_tit {padding:0 3rem}
}
@media screen and (max-width:1064px){ 	
    #header_wrap #gnb .gnb_list {margin:0 -2.5rem}
    #header_wrap #gnb .gnb_list .gnb_menu .gnb_tit {padding:0 2.5rem}
}
@media screen and (max-width:1024px){
    #header_wrap .utile,
    #header_wrap .sns,
    #header_wrap #gnb {display:none;}
    #header_wrap {border-bottom:1px solid #ddd;background-color:#fff}
    #header_wrap.fixed {position:fixed;top:0;left:0}
    #header_wrap .logo a {
        height:5rem;
    }
    #header_wrap .top_head {
        padding-left:2rem;
        height:5rem;
        line-height:5rem
    }
}


/* foot */
#footer_wrap {position:relative;padding:1.286rem 0;background-color:#666;z-index:2}
#footer_wrap .foot_container {position:relative;}
#footer_wrap .f_logo {float:left;position:relative;}
#footer_wrap .f_logo a {display:block;width:15.43rem;height:3.071rem;background:url(../imgs/common/f_logo.png) no-repeat 0 50%;background-size:15.43rem 3.071rem}
#footer_wrap .foot_cont {float:right;position:relative;width:calc(100% - 18.07rem);font-size:1.071rem;line-height:1.786rem;color:#fff}
#footer_wrap .f_text {font-size:1.071rem;color:#fffefe;text-align:center}
#footer_wrap .copy {font-size:1.071rem;color:#fffefe;text-align:center}
#footer_wrap .line {
    display:inline-block;
    position:relative;
    padding-left:1rem;
    margin-left:1rem;
}
#footer_wrap .line::after {
    content:"/";
    display:block;
    position:absolute;
    top:0;
    left:0;
}
@media screen and (max-width:800px){
    #footer_wrap .f_logo {float:none}
    #footer_wrap .foot_cont {float:none;width:100%;margin-top:1.5rem}
}
@media screen and (max-width:550px) {
    #footer_wrap .line {
        display:block;
        position:relative;
        padding-left:0;
        margin-left:0;
    }
    #footer_wrap .line::after {
        display:none;
    }
}

/* article */
#article {
    position:relative;
}
.sub_container {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    margin-top:4.286rem;
    width:100%;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}

@media screen and (max-width:1400px){
    .sub_container {padding:0 3.429rem}
}
@media screen and (max-width:1024px){
    .sub_container {
        flex-direction:column;
        padding:0 20px;
    }
}
@media screen and (max-width:854px){
    .sub_container {padding:0 15px}
}

#main {position:relative;z-index:5}
@media screen and (max-width:960px){
    #header_wrap.fixed ~ #article {padding-top:7.143rem}
}


#navigation {position:relative;width:100%;background-color:#777;z-index:10;transition: 0.3s ease;border-top:1px solid #ddd}
#navigation .curmb {width:100%;position:relative;}
#navigation .curmb li.c_menu {float:left;position:relative;width:23rem;border:1px solid #a0a0a0;border-width:0px 1px 0px;margin-left:-1px}
#navigation .curmb li.c_menu.fst {width:3.714rem;text-align:center;padding-left:0}
#navigation .curmb li.c_menu.fst .home_ico {display:block;width:3.714rem;height:2.857rem;background-repeat:no-repeat;background-position:50% 50%;background-size:1.643rem 1.429rem}
#navigation .curmb li.c_menu.fst .home_ico {background-image:url(../imgs/sub/home_ico.png)}
#navigation .curmb li.c_menu .c_tit {display:block;position:relative;padding-left:1rem;padding-right:2.857rem;line-height:2.857rem;color:#fff;font-size:1.143rem}
#navigation .curmb li.c_menu .c_tit:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:2.857rem;
    height:2.857rem;
    background-repeat:no-repeat;
    background-size:1rem 0.7143rem;
    background-position:50% 50%;
    background-image:url(../imgs/sub/nav_arr.png);
}
#navigation .curmb .sub_crumb {
    position:absolute;
    top:2.857rem;
    left:0;
    width:100%;
    background-color:#777;
    z-index:3;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
#navigation .curmb li.c_menu:focus .sub_crumb,
#navigation .curmb li.c_menu.active .sub_crumb {
    opacity: 1;
    visibility: visible;
}
#navigation .curmb .sub_crumb ul {width:100%;}
#navigation .curmb .sub_crumb ul li a {display:block;padding-left:1rem;line-height:2.857rem;color:#fff;font-size:1.143rem;border-top:1px solid rgba(255,255,255,0.3)}
#navigation .curmb .sub_crumb ul li a:hover,
#navigation .curmb .sub_crumb ul li.on a {color:#d2fc0d}
#navigation .curmb li.c_menu:hover .sub_crumb {display:block}
@media screen and (max-width:960px){
    #navigation {display:none}
}

.snb {
    position:relative;
    width:18.571rem;    
}
@media screen and (max-width:1200px){
    .snb {width:16rem;}
}
@media screen and (max-width:1024px){
    .snb {display:none;}
}
.snb__title {
    position:relative;
    width:100%;
    padding:3.143rem 0.714rem;
    border-radius: 15px 15px 0px 0px;   
    color: #fff;
    font-size: 1.786rem;
    line-height: 1;
    font-weight: 500;
    min-height:11rem;
    text-align: center;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#025fc8+0,129ebc+100 */
     background: rgb(2,95,200); /* Old browsers */
     background: -moz-linear-gradient(left,  rgba(2,95,200,1) 0%, rgba(18,158,188,1) 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(left,  rgba(2,95,200,1) 0%,rgba(18,158,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right,  rgba(2,95,200,1) 0%,rgba(18,158,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025fc8', endColorstr='#129ebc',GradientType=1 ); /* IE6-9 */
}
.lnb {
    position:relative;
    z-index:2;
    margin:-2.5rem 0 1.429rem;
    padding:2.571rem 1.429rem;
    border: 1px solid #2E3C98;
    border-radius: 15px;
    background: #fff;
}
.lnb__item {
    position:relative;
    border-top:1px solid #DADCDF;
}
.lnb__item:first-child {border-top-width:0;}
.lnb__link {
    position:relative;
    display:block;
    padding:1.143rem 2.5rem 1.143rem 0;
    font-size:17px;
    color:#505152;
}
.lnb__link::after {
    content:"";
    display:block;
    position:absolute;
    top:1.357rem;
    right:0;
    width:1.357rem;
    height:1.357rem;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:0 0;
    background-image:url(../imgs/icon/ico_circle_down.svg);
}
.lnb__link--active {
    color:#2E3C98 !important;
}
.lnb__link--active::after {
    background-image:url(../imgs/icon/ico_circle_up_active.svg) !important;
}
.lnb__link--active + .lnb-2dept {display:block;}


.lnb-2dept {
    overflow: hidden;
    display: none;
    margin: 0;
    padding: 0 10px;
    border-bottom: 2px solid #2E3C98;
    background: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
    text-align: left;
}
.lnb-2dept__item {
    position:relative;
    border-top:1px dotted #B2B2B2;
}
.lnb-2dept__item:first-child {border-top-width: 2px solid #2E3C98;}
.lnb-2dept__link {
    display:block;
    position:relative;
    padding:0.857rem 0 0.857rem;
    font-size:1rem;
    color:#666;
}
.lnb-2dept__link::after {
    content:"";
    display:block;
    position:absolute;
    top:1.214rem;
    right:0;
    width:0.357rem;
    height:0.571rem;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:0 0;
    background-image:url(../imgs/icon/ico_right_arr.svg);
}
.lnb-2dept__link--active::after {
    background-image:url(../imgs/icon/ico_right_arr_red.svg) !important;
}
.lnb-2dept__link--active {
    color:#eb292e !important;
}
.contents {
    position:relative;
    width:calc(100% - 18.571rem);
    padding-left:4.286rem;
    padding-bottom:5rem;
}
@media screen and (max-width:1200px){
    .contents {
        width:calc(100% - 16rem);
        padding-left:3rem;
    }
}
@media screen and (max-width:1024px){
    .contents {
        width:100%;
        padding-left:0;
    }
}

/* mobile gnb */
#mobile_gnb {
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:25.45rem;
    height:100%;
    margin:0;
    padding-top:0px;
    background-color:#fff;
    overflow:hidden;
    z-index:999;
}
#mobile_gnb {
    transform:translateX(-100%);
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), 
    -webkit-transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
#mobile_gnb .utile {position:relative;padding:0.6364rem;background-color:#f1f1f1}
#mobile_gnb .utile ul {margin:-0.09091rem}
#mobile_gnb .utile ul li {float:left;position:relative;width:50%;padding:0.09091rem}
#mobile_gnb .utile ul li a {
    display:block;
    background-color:#024a73;
    color:#fff;
    text-align:center;
    font-size:1rem;
    line-height:3rem;
}
#mobile_gnb .mgnb_list {
    width: 100%;
    height: calc(100% - 44px - 44px);
    overflow-y: auto;
    padding:0 0.6364rem 50px;
    clear:both;
}
#mobile_gnb .mgnb_list .mgnb_tit {
    display:block;
    position:relative;
    padding:0 2.182rem 0;
    font-size:1.3rem;
    line-height:5rem;
    border-bottom:1px solid #ddd;
    font-weight:500;
}
#mobile_gnb .mgnb_list .mgnb_tit:before,
#mobile_gnb .mgnb_list .mgnb_tit:after {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
#mobile_gnb .mgnb_list .mgnb_tit:before{
    top:50%;
    left:0.4545rem;
    width:1rem;
    height:1rem;
    background:url(../imgs/common/m_gnb_dot.png) no-repeat;
    background-size:100% auto;
    transform:translateY(-58%);
}
#mobile_gnb .mgnb_list .mgnb_tit:after{
    right:0.8182rem;
    width:0.9091rem;
    height:0.8182rem;
    background:url(../imgs/common/m_gnb_arr.png) no-repeat;
    background-size:100% auto;
}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit {color:#024a73}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit:after {
    width:0.7273rem;
    height:0.9091rem;
    background:url(../imgs/common/m_gnb_arr_on.png) no-repeat;
    background-size:100% auto;
}
#mobile_gnb .mgnb_list .mgnb_menu.active .mgnb_tit.tit2:after {
    width:0.9091rem;
    height:0.8182rem;
    background:url(../imgs/common/m_gnb_arr_on2.png) no-repeat;
    background-size:100% auto;
}
#mobile_gnb .mlnb_tit {
    display:block;
    width:100%;
    position:relative;
    padding:0 2.182rem 0;
    background-color:#666666;
    font-size:1.2rem;
    line-height:4.5rem;
    color:#fff;
}
#mobile_gnb .mlnb_tit:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:1.182rem;
    width:0.3636rem;
    height:0.3636rem;
    background-color:#fff;
    transform:translateY(-50%);
}
#mobile_gnb .mlnb li .mlnb_tit .ico {
    display:block;
    position:absolute;
    top:18px;
    right:10px;
    width:15px;
    height:15px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:0 0;
    background-image:url(../imgs/icon/ico_white_plus.svg);
    text-indent:-999999px;
}
#mobile_gnb .mlnb li.active .mlnb_tit .ico {    
    background-image:url(../imgs/icon/ico_white_minus.svg);
}
#mobile_gnb .sub_lnb ul li a {border-bottom:1px dotted #fff}
#mobile_gnb .sub_lnb ul li:last-child a {border-bottom:0}
#mobile_gnb .sub_lnb ul li a {
    display:block;
    width:100%;
    position:relative;
    padding:1.1rem 1.636rem 1.1rem;
    background-color:#999;
    font-size:1.1rem;
    color:#fff;
}
#mobile_gnb .sub_lnb ul li a:hover,
#mobile_gnb .sub_lnb ul li.active a {font-weight:500}
#mobile_gnb .sub_lnb ul li span {
    display:block;
    position:relative;
    padding-left:0.8rem;
}
#mobile_gnb .sub_lnb ul li span::before {
    content:"-";
    display:block;
    position:absolute;
    top:0;
    left:0;
}
#mobile_gnb .mgnb_list .mlnb {background-color:#666}
#mobile_gnb .mgnb_list .mlnb {display:none}
#mobile_gnb .mgnb_list .sub_lnb {display:none}
#mobile_gnb .mgnb_list .mlnb ul li.active .sub_lnb {display:block}
#mobile_gnb .mgnb_list .mlnb ul li.active .mlnb_tit {font-weight:500}
#mobile_gnb .sns-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height:44px;
    line-height:44px;
    border-top: 1px solid #ddd;
}
#mobile_gnb .sns-box ul {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    height:44px;    
    align-items:center;
}
#mobile_gnb .sns-box ul li {
    flex-grow:1;
}
#mobile_gnb .sns-box ul li a {
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
    height:44px;
    text-align:center;
}
#mobile_gnb .sns-box .ico {    
    position:relative;
    width:29px;
    height:29px;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
}
#mobile_gnb .sns-box .ico__facebook {
    background-image:url(../imgs/icon/ico_facebook.svg);
}
#mobile_gnb .sns-box .ico__youtube {
    background-image:url(../imgs/icon/ico_youtube.svg);
}
#mobile_gnb .sns-box .ico__instagram {
    background-image:url(../imgs/icon/ico_instagram.svg);
}
#mobile_gnb .sns-box .ico__blog {
    background-image:url(../imgs/icon/ico_blog.svg);
}

.mobile_open #mobile_gnb {transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);}
.menu_overlay {display:none;position:fixed;top:0;bottom:0;display:none;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:99}
.mobile_open .menu_overlay {display:block}
.menu_overlay button {color:#fff;display:block;font-size:40px;position:absolute;left:25.45rem;width:50px;height:50px;z-index:100;cursor:pointer;background-color:transparent;border:0;line-height: 48px;}
.menu_open {display:none;position:absolute;top:0;left:0;width:7.143rem;height:7.143rem;z-index:5;cursor:pointer;color:#333;font-size:30px;line-height:3.857rem;}
.menu_open .menu_btn {display:inline-block;position:relative;width:5rem;height:5rem;background:url(../imgs/common/m_menu_btn.png) no-repeat 0 50%;background-size:2.455rem 2rem;}
@media screen and (max-width:960px){
    .menu_open,
	#mobile_gnb {display:block;}
}

/* qucik */
#quick {position:fixed;top:204px;right:0;width:7.143rem;background-color:#8cc63f;z-index:99;transition: 0.3s ease;}
#quick.fixed {top:30px}
#quick .quick_tit {text-align:center;color:#fff;font-weight:400;line-height:2.429rem;font-size:1.071rem}
#quick .quick_list {width:100%;}
#quick .quick_list li {position:relative;}
#quick .quick_list li a {display:block}
#quick .quick_list li img {max-width:100%;}
#quick #qtop_btn {display:block;width:100%;text-align:center;color:#fff;font-weight:500;line-height:2.429rem;font-size:1.071rem}
#quick #qtop_btn span {display:inline-block;padding-right:1.429rem;background:url(../imgs/common/quick_dot.png) no-repeat 100% 50%;background-size:0.8571rem 0.8571rem}
@media screen and (max-width:1024px){
	#quick {display:none}
}

/* 서브 */
.sub_content {padding:6.571rem 0}
.page-title-box {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    position:relative;
    padding-bottom:1.051rem;
    margin-bottom:4rem;
    border-bottom:1px dashed #ddd
}
.page-title-box .page_title {padding-bottom:0;}
.page_title {
    text-align:left;    
    font-size:1.929rem;
    line-height:1.929rem;
    color:#333;
    font-weight:500;
    padding:0 0 4rem 0;
}
.dir {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
}
.dir span {
    position:relative;
    display:inline-block;    
    font-size:1rem;
    color:#666;
    margin-right:16px;
}
.dir span::after {
    content: '';
    position: absolute;
    right: -10px;
    top:0.5rem;
    display: inline-block;
    vertical-align: top;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #c5c5c5;
}
.dir span:last-child::after {display:none;}
.dir span:last-child {margin-right:0;}
@media screen and (max-width:1280px) {
    .page-title-box  {
        flex-direction:column;
        align-items:flex-start;
    }
    .dir {margin-top:10px;}
}
@media screen and (max-width:960px){
    .sub_content {padding:5rem 0}
    
}

.qbtn_bx {
    position: fixed;
    bottom:30px;
    right: 30px;
    z-index: 997;
    display:none;
}
.qbtn_bx.active {
    position: absolute;
    bottom:30px;
}
.qbtn_bx #anc_up, .qbtn_bx #anc_dw {
    width: 45px;
    height: 45px;
    font-size: 10px;
    font-weight: 600;
    color: #aaa;
    margin-top: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    outline: none;
}
.qbtn_bx #anc_up:before, .qbtn_bx #anc_dw:after {
    font-size: 17px;
    font-family: 'Ionicons';
    line-height: 10px;
    color: #bbb;
    display: block;
}
.qbtn_bx #anc_up:before {
    margin-bottom: 3px;
    content: '\f366';
}