html {
    font-size: 62.5%;
}

body,
button,
input,
table,
td,
th,
textarea,
select {
    font-family: 'NanumSquareRound', 'Noto Sans KR', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    /*letter-spacing: -0.5pt;*/
}


/************* Commons *******************/

.rounded {
    border-radius: 5px;
}

.thin.rounded {
    border-radius: 3px;
}

.thick.rounded {
    border-radius: 8px;
}

.rounded_r6 {
    border-radius: 6px;
}

.thin.rounded_r6 {
    border-radius: 6px;
}

.rounded_r18 {
    border-radius: 18px;
}

.circle.rounded {
    border-radius: 20px;
}

.seo_info .add_sitemap .circle.rounded {
    border-radius: 20px;
}

.border_none {
    border: 0 none;
}

.nations {
    border-bottom: 1px solid #f4f4f4;
}

.block {
    display: block;
}

.expand {
    width: 100%;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.hidden {
    display: none;
}

.inline_block {
    display: inline-block !important;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.vt_top {
    vertical-align: top;
}

.z-index10 {
    z-index: 10;
}

.z-index20 {
    z-index: 20;
}

.z-index11000 {
    z-index: 11000;
}

@media all and (max-width: 767px) {
    .hidden-xs.inline_block {
        display: none !important;
    }
    .xs_block {
        display: block !important;
    }
}


/************* Headers *******************/

h1 {
    font-size: 36px;
    font-size: 3.6rem;
}

h2 {
    font-size: 32px;
    font-size: 3.2rem;
}

h3 {
    font-size: 27px;
    font-size: 2.7rem;
}

h4 {
    font-size: 19px;
    font-size: 1.9rem;
}

h5 {
    font-size: 16px;
    font-size: 1.6rem;
}

h6 {
    font-size: 13px;
    font-size: 1.3rem;
}


/************* Page Header *******************/

.page_header {
    margin: 0 0 5px 0;
    color: #212121;
    font-size: 30px;
    font-size: 3.0rem;
    font-family: 'NanumSquareRound';
    font-weight: 700;
}


/************* Sub Header *******************/

.sub_header {
    color: #212121;
    font-weight: 700;
}

h3.sub_header {
    font-size: 26px;
    font-size: 2.6rem;
}

h4.sub_header {
    font-family: 'NanumSquareRound';
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 8px;
    position: relative;
}


/************* Text *******************/

.txt_default {
    color: #757575;
}

.txt_total span {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 700;
}

.txt_total .txt_primary {
    color: #ff6600;
}

.txt_basic_primary {
    color: #757575;
}

.txt_primary,
.satisfied {
    color: #aacd06;
}

.txt_disable {
    color: #dcdcdc;
}

.basic_info .txt_primary {
    color: #aacd06;
    font-family: 'NanumSquareRound';
    font-size: 11px;
}

.txt_emphasis {
    color: #414141;
}

strong.txt_primary,
strong.txt_emphasis {
    font-size: 13px;
    font-size: 1.3rem;
    font-family: 'NanumSquareRound';
}

.txt_total .txt_primary.admin_point_color{
    color: #aacd06;
}


/************* Link *******************/

.link {
    color: inherit;
}

.link.overline:hover {
    text-decoration: underline;
}


/************* Breadcrumb *******************/

.breadcrumb {
    padding: 5px 0;
    float: right;
}

.breadcrumb>li {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.breadcrumb.vbar>li {
    padding-right: 40px;
}

.breadcrumb>li+li:before {
    font-family: 'dubuplus-icon';
    content: "\e602";
    padding: 0;
    padding-right: 5px;
    padding-left: 3px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #9e9e9e;
}

.breadcrumb.vbar>li+li:before {
    font-family: 'NanumSquareRound';
    content: "|";
}

.breadcrumb>li.on>a {
    color: #757575;
}

.breadcrumb .ico_home {
    font-size: 0;
}

.breadcrumb .ico_home:before {
    font-size: 16px;
    font-size: 1.6rem;
    color: #999;
}

.breadcrumb+.btn_top {
    top: 15px;
}

.breadcrumb li a {
    color: #9e9e9e;
}

.offcanvas .offcanvas_section_bottom .breadcrumb.vbar {
    float: none;
    display: block;
    text-align: center;
    padding: 0;
    line-height: 42px;
}


/************* Buttons *******************/

.btn {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 18px;
    line-height: 1;
    font-size: 13px;
    font-size: 1.3rem;
    color: #757575;
    border: 1px solid #dcdcdc;
    background-color: transparent;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    font-weight: 700;
}

.btn36 {
    padding: 11px 18px;
}

.btn50 {
    padding: 15px 18px;
    font-weight: 700;
}

.btn50.btn_save {
    line-height: 2.8;
    padding: 1px 18px;
}

.radius_a6 {
    border-radius: 6px;
}

.btn.btn_cancel {
    padding: 15px 18px;
    color: #9e9e9e;
}

.btn.btn_previous {
    padding: 15px 18px;
    color: #aacd06;
    border: solid 2px #aacd06;
}

.btn.btn_previous:hover {
    background-color: #aacd06;
    color: #ffffff;
}

.btn.btn_download {
    padding: 15px 18px;
}

.btn.btn_download_icon {
    background: url(../images/icon_download.png) no-repeat 14px 6px;
    padding-left: 42px !important;
    color: #aacd06;
}

.btn.btn_download_icon:hover {
    background-color: transparent;
    border-color: #aacd06;
}

.btn_cancel,
.btn_save {
    font-weight: 700;
}

.btn2 {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 7px;
    line-height: 1.5;
    font-size: 13px;
    border: 1px solid #c7c7c7;
    background-color: transparent;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    -webkit-user-select: none;
    margin: 3px;
}

.btn[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}

.btn[disabled]:hover {
    background: none;
    color: #707070;
}

.btn.expand {
    width: 100%;
}

.btn.xthin,
.btn.xthin[disabled]:hover {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 3px 6px;
    border-width: 1px;
    font-weight: normal;
}

.btn.xthin:hover {
    font-weight: normal;
}

.btn.thin,
.btn.thin[disabled]:hover {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 13px;
    border-width: 1px;
    font-family: 'NanumSquareRound';
}

.btn.thin:hover {
    font-weight: bold;
}

.btn.thin.rounded {
    border-radius: 6px;
}

.btn.circle.rounded {
    border-radius: 20px;
}

.btn.xthin.circle.rounded {
    border-radius: 20px;
    padding: 4px 8px;
}

.btn.thick,
.btn.thick[disabled]:hover {
    font-size: 16px;
    font-size: 1.6rem;
    border-width: 2px;
}

.btn.btn_searches {
    padding: 11px 18px;
}

.btn.xthick,
.btn.xthick[disabled]:hover {
    font-size: 19px;
    font-size: 1.9rem;
    padding: 11px 24px;
    border-width: 2px;
}

.btn50.xthick,
.btn50.xthick[disabled]:hover {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 1.8rem;
}

#btn_board_main.btn.btn_list {
    padding: 11px;
    margin-right: 2px;
}

#btn_board_main.btn.btn_list:hover {
    border-color: #9e9e9e;
    color: #fff;
    background: #9e9e9e;
}

.btn_basic,
.btn_basic[disabled]:hover {
    border-color: #dcdcdc;
    color: #757575;
}

.btn_basic:hover {
    border-color: #9e9e9e;
    color: #fff;
    background: #9e9e9e;
}

.btn_basic:active {
    border-color: #9e9e9e;
    color: #fff;
    background: #9e9e9e;
}

.btn_primary,
.btn_primary[disabled]:hover {
    color: #fff;
    background-color: #aacd06;
    border-color: #aacd06;
}

.btn_primary:hover {
    background-color: #819c00;
    border-color: #819c00;
}

.btn.btn_transparent {
    background-color: transparent;
    color: #aacd06;
}

.btn_transparent:hover {
    background-color: #aacd06;
    border-color: #aacd06;
    color: #ffffff;
}

.btn_refuse,
.btn_refuse[disabled]:hover {
    color: #757575;
    background-color: #fff;
    border-color: #dcdcdc;
}

.btn_refuse:hover {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
    color: #fff;
}

.btn_refuse:active {
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    color: #fff;
}

.btn.btn_preview {
    padding: 15px 18px;
}

.btn_function,
.btn_function[disabled]:hover {
    border-color: #dcdcdc;
    font-family: 'NanumSquareRound';
}

.board_setup_container .btn_function:hover {
    background: #9e9e9e;
    border: 1px solid #9e9e9e;
    color: #fff;
}

.btn_function:hover,
.btn_function:active {
    background-color: #9e9e9e;
    color: #fff;
    border: 1px solid #9e9e9e;
}

.btn_function2,
.btn_function2[disabled]:hover {
    color: #fff;
    border-color: #aacd06;
    background: #aacd06;
}

.btn_function2:hover,
.btn_function2:active {
    color: #fff;
    background-color: #819c00;
    border-color: #819c00;
}

.btn.border_none {
    border: 0px;
}

.btn.pill {
    border-radius: 23px;
}

.btn.btn_cal_today {
    padding: 7px 11px;
}


.btn.btn_function_type01 {
    color: #fff;
    background-color: #819c00;
    border-color: #819c00;
}

.btn.btn_function_type01:hover {
    color: #fff;
    background-color: #819c00;
    border-color: #819c00;
}

.btn.btn_function_type02 {
    color: #aacd06;
    border-color: #aacd06;
}

.btn.btn_function_type02:hover {
    color: #fff;
    border-color: #819c00;
    background-color: #819c00;
}

.btn.btn_function_type03 {
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    color: #fff;
}

.btn.btn_function_type03:hover {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
    color: #fff;
}

.btn.btn_function_type01.disabled,
.btn.btn_function_type02.disabled,
.btn.btn_function_type03.disabled {
    color: #b6b6b6;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}


/************* Button Radio *******************/

.btn_radio {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    cursor: pointer;
    -webkit-user-select: none;
    margin: 2px 0;
}

.btn_radio>input {
    display: none;
}

.btn_radio>span {
    color: #858585;
    padding: 8px 18px;
    display: block;
    background-color: #fff;
    border: 1px solid #bdbdbd;
}

.btn_radio input:checked+span {
    color: #fff;
    background-color: #9e9e9e;
}

.btn_radio.thin {
    font-size: 12px;
    font-size: 1.2rem;
}

.btn_radio.thin>span {
    padding: 7px 9px;
}

.btn_radio.thick {
    font-size: 18px;
    font-size: 1.8rem;
}

.btn_radio.thick>span {
    padding: 12px 24px;
}

.btn_radio.rounded>span {
    border-radius: 5px;
}

.btn_radio.thin.rounded>span {
    border-radius: 3px;
}

.btn_radio.thick.rounded>span {
    border-radius: 8px;
}

.btn_toggle.thin {
    font-size: 12px;
    font-size: 1.2rem;
}

.btn_toggle.thin>span,
.btn_toggle.thin>span:after {
    padding: 9px;
    border-radius: 5px;
}

.btn_toggle.thick {
    font-size: 18px;
    font-size: 1.8rem;
}

.btn_toggle.thick>span,
.btn_toggle.thick>span:after {
    padding: 12px 24px;
}

.btn_toggle.rounded>span {
    border-radius: 5px;
}

.btn_toggle.thin.rounded>span {
    border-radius: 3px;
}

.btn_toggle.thick.rounded>span {
    border-radius: 8px;
}

.btn_toggle.arrow>span {
    width: 35px;
    height: 25px;
    font-size: 0;
    padding: 0 0;
    border-radius: 5px
}

.btn_toggle.arrow>span:before,
.btn_toggle.arrow>span:after {
    font-family: 'dubuplus-icon';
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #fff;
}

.btn_toggle.arrow>span:before {
    content: "\e603";
}

.btn_toggle.arrow>span:after {
    content: "\e600";
    background-color: #aacd06;
    border-color: #aacd06;
    padding: 0;
    position: static;
    display: none;
    border-radius: 5px;
}

.btn_toggle.arrow input:checked+span:before {
    display: none;
}

.btn_toggle.arrow input:checked+span {
    border-color: #dcdcdc;
    border-radius: 5px;
    background-color: transparent;
}

.btn_toggle.arrow.btn_toggle_files>span {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    line-height: 1;
}


/*** Primary ***/

.btn_toggle.expand>span:after {
    width: 100%;
}

.btn_toggle.primary>span {
    border: 0;
    color: #fff;
}

.btn_toggle.primary>span:hover {
    color: #fff;
}

.btn_toggle.primary>span:hover,
.btn_toggle.primary>span:after {
    background-color: #819c00;
}

.btn_toggle.primary input:checked+span {
    background-color: #ff6600;
}

.btn_toggle.bookmark {
    position: relative;
    line-height: 1;
}

.btn_toggle.bookmark span,
.btn_toggle.bookmark input:checked+span {
    font-size: 0;
    padding: 0 0;
    background: transparent;
    border: 0px;
}

.btn_toggle.bookmark span:before {
    content: "\e62b";
    font-family: "dubuplus-icon";
    display: inline-block;
    font-size: 20px;
    color: #e7e7e7;
    text-outline: 1px #2677b1 solid;
}

.btn_toggle.bookmark input[type=checkbox]:checked+span:before {
    color: #ff8d13;
}

.btn_toggle.bookmark input:checked+span:after {
    display: none;
}

/*누리미디어 DB매칭 button*/
.btn.btn_go_matching {
    float: right;
    margin-top: -63px;
    line-height: 27px;
    padding: 0 16px;
}

@media screen and (max-width: 767px) {
    .matching_box {
        position: relative;
    }

    .btn.btn_go_matching {
        float: none;
        position: absolute;
        top: -4px;
        right: 50px;
        margin: 0;
    }
}

/* dropdown 유료결제 */

.layer.layer_paid_info .dropdown {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    font-size: 13px;
    font-size: 1.3rem;
}

.layer.layer_paid_info .dropdown.thin {
    font-size: 12px;
    font-size: 1.2rem;
}

.layer.layer_paid_info .dropdown.thin>.current {
    padding: 7px 25px 7px 10px;
}

.layer.layer_paid_info .dropdown.thick {
    font-size: 18px;
    font-size: 1.8rem;
}

.layer.layer_paid_info .dropdown.thick>.current {
    padding: 13px 40px 13px 10px;
}

.layer.layer_paid_info .dropdown.rounded>.current,
.layer.layer_paid_info .dropdown.rounded>.dropdown_menu {
    border-radius: 5px;
}

.layer.layer_paid_info .dropdown.thin.rounded>.current,
.layer.layer_paid_info .dropdown.thin.rounded>.dropdown_menu {
    border-radius: 3px;
}

.layer.layer_paid_info .dropdown.thick.rounded>.current,
.layer.layer_paid_info .dropdown.thick.rounded>.dropdown_menu {
    border-radius: 8px;
}

.layer.layer_paid_info .dropdown.expand {
    width: 100%;
}

.layer.layer_paid_info .dropdown.block {
    display: block;
}

.layer.layer_paid_info .dropdown.block {
    display: block;
}

.layer.layer_paid_info .dropdown a {
    display: block;
    height: 100%;
    cursor: pointer;
    white-space: nowrap;
}

.layer.layer_paid_info .dropdown.show .current {
    border: 1px solid #aacd06;
}

.layer.layer_paid_info .dropdown>.current {
    position: relative;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: 11px 30px 10px 10px;
    border-radius: 3px;
}

.layer.layer_paid_info .dropdown>.current:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 12px;
    border-color: #111 transparent;
    border-style: solid;
    border-width: 0.40em 0.35em 0 0.35em;
}

.layer.layer_paid_info .dropdown>.dropdown_menu {
    position: absolute;
    min-width: 100%;
    left: 0;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    margin-top: -2px;
    z-index: 10000;
    border-top: 0;
}

.layer.layer_paid_info .dropdown>.dropdown_menu>ul {
    max-height: 200px;
    overflow-y: auto;
}

.layer.layer_paid_info .dropdown>.dropdown_menu li {
    padding: 8px 20px 8px 10px;
}

.layer.layer_paid_info .dropdown>.dropdown_menu li:hover {
    background-color: #aacd06;
    color: #fff;
}

.layer.layer_paid_info .dropdown>.dropdown_menu li:hover a {
    color: #fff;
}

.layer.layer_paid_info .dropdown.show>.dropdown_menu,
.layer.layer_paid_info .dropdown.hover:hover>.dropdown_menu {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
    overflow-x: hidden;
    position: absolute;
    margin-top: 0px;
}


/* end */

.dropdown.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.dropdown.disabled>.current {
    cursor: not-allowed;
}

.dropdown.disabled.show>.dropdown_menu,
.dropdown.disabled:hover>.dropdown_menu {
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin-top: -2px !important;
}

.dropdown.thin {
    font-size: 14px;
    font-size: 1.4rem;
    height: 36px;
}

.dropdown.thin>.current {
    padding: 10px 25px 10px 12px;
    color: #757575;
    font-weight: 700;
}

.layer_add_group .dropdown.thin>.current {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.layer_add_group .dropdown a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.layer_add_group .dropdown.show>.dropdown_menu {
    width: 100%;
}

.dropdown.thin.select_nations {
    height: 36px;
}

.dropdown.thin.select_nations>.current {
    padding: 8px 30px 8px 10px;
    line-height: 1.5;
}

#abook_personal .dropdown.thin>.current {
    padding: 11px 25px 11px 10px;
}

.layer_abook.center .dropdown.thin>.current {
    padding: 11px 25px 11px 10px;
}

.dropdown.thick {
    font-size: 18px;
    font-size: 1.8rem;
}

.dropdown.thick>.current {
    padding: 13px 40px 13px 10px;
}

.dropdown.rounded>.current,
.dropdown.rounded>.dropdown_menu {
    border-radius: 5px;
}

.dropdown.thin.rounded>.current,
.dropdown.thin.rounded>.dropdown_menu {
    border-radius: 3px;
}

.dropdown.thick.rounded>.current,
.dropdown.thick.rounded>.dropdown_menu {
    border-radius: 8px;
}

.dropdown.expand {
    width: 100%;
}

.dropdown.block {
    display: block;
}

.dropdown.dropdown_line .current {
    border-radius: 3px;
}

.dropdown_basic .current {
    background-color: #fff;
    border-radius: 3px;
}

.dropdown_basic>.dropdown_menu {
    background-color: #fff;
}

.dropdown_primary .current {
    color: #fff;
    background-color: #1880ca;
    border-color: #067ae5;
}

.dropdown_primary>.current:after {
    border-color: #fff transparent;
}

.dropdown_primary>.dropdown_menu {
    background-color: #1880ca;
    border-color: #067ae5;
}

.dropdown_primary>.dropdown_menu a {
    color: #fff;
}

.dropdown_primary>.dropdown_menu li:hover {
    background-color: #fff;
    color: #333;
}

.dropdown_primary>.dropdown_menu li:hover a {
    color: #333;
}

.dropdown.multiple>.dropdown_menu li {
    padding: 5px 10px 5px 10px;
}

.dropdown.multiple .dropdown_menu li:hover {
    background: inherit;
}

.post_srch .dropdown.multiple .dropdown_menu li:hover {
    background: #aacd06;
}

.dropdown_primary.multiple li .chk>span {
    color: #cdd5da;
}

.dropdown_primary.multiple li .chk input:checked+span {
    color: #fff;
}

.dropdown_primary.multiple li .chk span:after {
    color: #aacd06;
    background-color: #fff;
}


/************* Forms *******************/


/************* Forms - Input Text *******************/

.tf {
    height: 36px;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 8px 8px;
    line-height: 1.5;
    -webkit-appearance: none;
    border-radius: 0;
    font-family: 'NanumSquareRound';
    font-weight: 400;
}

textarea.tf {
    border: 1px solid #dcdcdc;
}

textarea.tf:hover,
textarea.tf:focus,
textarea.tf:active {
    border: 1px solid #aacd06;
}

.tf::placeholder { color: #dcdcdc; }
.tf::-ms-input-placeholder { color: #dcdcdc; }
.tf::-webkit-input-placeholder { color: #dcdcdc; }
.tf::-moz-placeholder { color: #dcdcdc; }

.tf[disabled] {
    opacity: 0.5;
    background: #e6e6e6;
    border: 0;
}

.tf[disabled]:hover {
    border: 0;
}

.tf.thin {
    height: 36px;
    font-size: 12px;
    font-size: 1.2rem;
}

.tf.thick {
    height: 55px;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 13px 16px;
}

.tf.rounded {
    border-radius: 5px;
}

.tf_basic {
    width: 180px;
    color: #757575;
    background-color: transparent;
}

.tf_basic:hover,
.tf_basic:focus,
.tf_basic:active {
    border: 0;
    border-bottom: 1px solid #aacd06;
}

.tf[disabled]:hover,
.tf[disabled]:focus {
    cursor: not-allowed;
    box-shadow: none;
}

.tf.home {
    width: 105px;
}

.tf.count {
    width: 40px;
}

.tf.date {
    width: 140px;
}

.tf.tel,
.tf.pwd {
    width: 180px;
}

.tf.email {
    width: 270px;
}

.inp_group {
    display: table;
    border-collapse: separate;
}

.inp_group .tf {
    display: table-cell;
    position: relative;
    width: 100%;
    z-index: 2;
    padding: 10px;
}

.inp_group strong {
    display: table-cell;
    vertical-align: middle;
}

.inp_group .unit {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    height: 37px;
    padding: 8px;
    font-size: 13px;
    font-size: 1.3rem;
    background-color: #fff;
    border: 0;
    vertical-align: middle;
    border-left: 0px;
}

.inp_group .button {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    height: 37px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    vertical-align: middle;
    border-left: 0px;
}

.layer_board_setup .inp_group .button {
    background-color: #fff;
    border: 0;
}

.layer_board_setup .inp_group .button:hover {
    background-color: #fff;
}

.inp_group .button>button {
    vertical-align: middle;
}

.layer_board_setup .inp_group .button>button {
    padding: 0 0 0 8px;
    vertical-align: middle;
}

.inp_group .button>button:before {
    font-size: 27px;
    line-height: 1.3;
    color: #9e9e9e;
}

.layer_board_setup .inp_group .button>button:before {
    font-size: 27px;
}

.inp_group .button:hover>button:before {
    color: #333;
}

.progress_phrases .button>button:before {
    font-size: 14px;
    line-height: 1.3;
    color: #9e9e9e;
}

.progress_phrases .button>button:before {
    font-size: 27px;
}

.progress_phrases .button:hover>button:before {
    color: #333;
}

.visible_inquryform .button>button:before {
    font-size: 14px;
    line-height: 1.3;
    color: #9e9e9e;
}

.visible_inquryform .button>button:before {
    font-size: 27px;
}

.visible_inquryform .button:hover>button:before {
    color: #333;
}

.btn_position .ico_btn_down:before {
    color: #9e9e9e;
}

.btn_position .ico_btn_up:before {
    color: #9e9e9e;
}

.form_add_ahead .button>button:before {
    font-size: 14px;
    line-height: 1.3;
    color: #9e9e9e;
}

.form_add_ahead .button>button:before {
    font-size: 27px;
}

.form_add_ahead .button:hover>button:before {
    color: #333;
}

.txt_add_unit.thick {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 13px;
}

.txt_add_unit.thin {
    font-size: 12px;
    font-size: 1.2rem;
}


/*textarea*/

.ta {
    border: 1px solid #dcdcdc;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 8px 8px;
    line-height: 1.5;
    -webkit-appearance: none;
    border-radius: 0;
}

.ta_basic {
    color: #848484;
    background-color: #fff;
}

.ta_basic:hover,
.ta_basic:focus,
.ta_basic:active {
    border: 1px solid #aacd06;
}


/************* Forms - Form Group *******************/

.form_group {
    margin-top: 6px;
}

.form_group .form_title {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}


/************* Box *******************/

.box {
    padding: 16px;
    text-align: left;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    box-shadow: none;
    outline: 0;
    margin-top: 60px;
}

.box h5 {
    color: #212121;
    padding-bottom: 16px;
}

.box p {
    color: #757575;
    padding: 5px 0;
    line-height: 1.5;
}

.box p:first-child {
    padding-top: 0;
}

.box p:last-child {
    padding-bottom: 0;
}

.box.border_none {
    border: 0 none;
}

.box_form {
    border: none;
    border-top: 1px solid #212121;
    border-bottom: 1px #dcdcdc solid;
    background-color: #fff;
    margin-top: 0;
    padding: 10px 0;
}

.box_view {
    border: none;
    border-top: 1px solid #212121;
    border-bottom: 1px #efefef solid;
    background-color: transparent;
    margin-top: 4px;
}


/************* Table *******************/

.tbl {
    width: 100%;
    border-top: 1px solid #212121;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

.tbl tr {
    border-bottom: 1px solid #f4f4f4;
    height: 46px;
}

.tbl tr.nations_settings {
    border-bottom: 0;
}

.tbl tr.nations_settings.last {
    border-bottom: 1px solid #f4f4f4;
}

.tbl th,
.tbl td {
    text-align: center;
    padding: 10px;
}

.tbl th {
    white-space: nowrap;
    background: none;
    color: #757575;
    font-size: 14px;
    font-family: 'NanumSquareRound';
    min-height: 46px;
    font-weight: 700;
}

.tbl td {
    color: #757575;
}

.tbl_list th,
.tbl_list td {
    border-bottom: 1px #dcdcdc solid;
    font-size: 13px;
    font-weight: 700;
    word-break: break-word;
}

.tbl.tbl_form.hover tr:hover th,
.tbl.tbl_view.hover tr:hover th,
.tbl.hover tr:hover td {
    background-color: #eaeaea;
}

.tbl_form th,
.tbl_form td {
    text-align: left;
    border-bottom: 1px #efefef solid;
    padding: 10px 0;
    line-height: 1.6;
}

.tbl_form th {
    padding: 12px 0;
    padding-left: 15px;
}

.tbl_form.col-4 th {
    width: 13%;
    padding-left: 0;
}

.tbl_form.col-4 td {
    width: 37%;
}

.tbl_view th,
.tbl_view td {
    text-align: left;
    border-bottom: 1px #efefef solid;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.tbl_view th {
    padding: 12px 0;
    padding-left: 15px;
}

.tbl.border_none th,
.tbl.border_none td {
    border-bottom: 0;
}

.tbl th.text_left,
.tbl td.text_left {
    text-align: left;
}

.tbl th.text_right,
.tbl td.text_right {
    text-align: right;
}

.tbl th.text_center,
.tbl td.text_center {
    text-align: center;
}

.tbl.padding0 th,
.tbl.padding0 td {
    padding: 0;
}

@media screen and (max-width:992px) {
    .tbl tr {
        min-height: 46px;
        height: auto;
    }

    .tbl_scroll {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .tbl_responsive,
    .tbl_responsive thead,
    .tbl_responsive tbody,
    .tbl_responsive th,
    .tbl_responsive td,
    .tbl_responsive tr {
        display: block;
        word-break: break-word;
        width: 100% !important;
    }
    .tbl_responsive thead tr,
    .tbl_responsive tbody th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .tbl_responsive .add_sitemap th {
        position: relative;
        top: 0;
        left: 0;
    }
    .tbl_responsive td {
        border: none;
        border-bottom: 1px solid #e4e4e4;
        position: relative;
        white-space: normal;
        text-align: left;
        padding: 10px;
        padding-left: 40%;
        min-height: 46px;
    }
    .tbl_responsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 0;
        width: 30%;
        padding: 0 10px;
        white-space: nowrap;
        text-align: left !important;
        font-weight: bold;
        white-space: pre-wrap;
    }
    .tbl_responsive td:before {
        content: attr(data-title);
    }

    .tbl_form.col-4 th,
    .tbl_form.col-4 td {
        width: 100%;
    }

    .tbl_form.col-4 td:before {
        padding: 0 10px 0 0; 
    }

    .tbl_form th {
        padding: 12px 15px;
    }
}

@media screen and (max-width:767px) {
    .tbl_responsive td {
        padding-left: 30%;
    }
    .tbl_responsive td:before {
        width: 30%;
    }
    .tf.tf_basic.tf_textbox.w_100,
    .tf.tf_basic.tf_textbox.w_200,
    .tf.tf_basic.tf_textbox.w_300 {
        width: 80%;
    }
    .element_cell .txt_unit {
        width: 18%;
        display: inline-block
    }
}

@media only screen and (max-width: 991px) {
    .breadcrumb.vbar>li {
        padding-right: 60px;
    }
    .offcanvas .offcanvas_section_bottom .breadcrumb.vbar>li {
        padding-right: 0;
    }
}


/************* Paginator *******************/

.paginator {
    text-align: center;
}

.paginator>.btn {
    color: #dcdcdc;
    border: 1px #dcdcdc solid;
    line-height: 1;
    padding: 6px 8px;
}

.paginator>.btn:hover {
    color: #fff;
    background-color: #aacd06;
    border: 1px #aacd06 solid;
}

.paginator .btn_prev_first {
    margin-right: 4px;
}

.paginator .btn_next_last {
    margin-left: 4px;
}

.paginator>.btn>span {
    font-size: 0;
}

.paginator>.btn>span:before {
    font-size: 18px;
    font-size: 1.8rem;
}

.paginator>span {
    padding: 0 20px;
    font-size: 1.6rem;
    vertical-align: middle;
    font-family: 'NanumSquareRound';
    color: #838383;
}

.paginator .npage {
    color: #aacd06;
}


/************* Paginator renewal *******************/

.paginator.renewal {
    font-size: 0;
    text-align: center;
}

.paginator.renewal>.btn {
    color: #dcdcdc;
    border: 1px #dcdcdc solid;
    line-height: 1;
    padding: 8px 8px;
    border-radius: 5px;
}

.paginator.renewal>.btn:hover {
    color: #fff;
    background-color: #aacd06;
    border: 1px #aacd06 solid;
}

.paginator.renewal>.btn:hover>span,
.paginator.renewal>.btn:active>span {
    color: #fff;
}

.paginator.renewal>.btn:active {
    color: #fff;
    background-color: #819c00;
    border: 1px #819c00 solid;
}

.paginator.renewal .btn_prev_first {
    margin-right: 4px;
}

.paginator.renewal .btn_prev {
    margin-right: 16px;
}

.paginator.renewal .btn_next_last {
    margin-left: 4px;
}

.paginator.renewal .btn_next {
    margin-left: 16px;
}

.paginator.renewal>.btn>span {
    font-size: 0;
    color: #aacd06;
}

.paginator.renewal>.btn>span:before {
    font-size: 18px;
    font-size: 1.8rem;
}

.paginator.renewal>span {
    padding: 0 20px;
    font-size: 1.6rem;
    vertical-align: middle;
    font-family: 'NanumSquareRound';
    color: #838383;
}

.paginator.renewal .link_page {
    display: inline-block;
    padding: 8px;
    width: 32px;
    color: #757575;
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    border-radius: 3px;
    vertical-align: middle;
}

.paginator.renewal .link_page:hover {
    color: #819c00;
}

.paginator.renewal .link_page.npage,
.paginator.renewal .link_page:active {
    color: #fff;
    background-color: #aacd06;
}


/************* Paginator mobile *******************/

.mo_paginator {
    font-size: 0;
    text-align: center;
}

.mo_paginator>.btn {
    color: #dcdcdc;
    border: 1px #dcdcdc solid;
    line-height: 1;
    padding: 8px 8px;
    border-radius: 5px;
}

.mo_paginator>.btn:hover {
    color: #fff;
    background-color: #aacd06;
    border: 1px #aacd06 solid;
}

.mo_paginator>.btn:hover>span {
    color: #fff;
}

.mo_paginator .btn_prev_first {
    margin-right: 4px;
}

.mo_paginator .btn_next_last {
    margin-left: 4px;
}

.mo_paginator>.btn>span {
    font-size: 0;
    color: #aacd06;
}

.mo_paginator>.btn>span:before {
    font-size: 18px;
    font-size: 1.8rem;
}

.mo_paginator>span {
    padding: 0 25px;
    font-size: 1.6rem;
    vertical-align: middle;
    font-family: 'NanumSquareRound';
    color: #838383;
}

.mo_paginator .npage {
    color: #aacd06;
}


/************* Navigation *******************/

.nav_side {
    background-color: #fff;
    padding: 20px 0 0px 0;
}

#admin_manage_content .nav_side:nth-child(3) {
    padding-top: 0;
}

.nav_side li {
    cursor: pointer;
}

.nav_side ul {
    background-color: #fff;
}

.nav_side>li>a,
.nav_side>li>h5 {
    font-family: 'NanumSquareRound';
    display: block;
    font-size: 17px;
    font-size: 1.7rem;
    color: #212121;
    padding: 10px 0;
    padding-left: 26px;
    position: relative;
    font-weight: 700;
}

.nav_side>li>h5:after {
    content: url(../images/layout/nav_side_down_arrow.jpg);
    position: absolute;
    right: 15px;
}

.nav_side>li.open>h5:after {
    content: url(../images/layout/nav_side_up_arrow.jpg);
    position: absolute;
    right: 15px;
}

.nav_side ul {
    display: none;
}

.nav_side li.open ul {
    display: block;
}

.nav_side ul>li>a {
    font-weight: normal;
    display: block;
    border-bottom: none;
    font-size: 13px;
    font-size: 1.3rem;
    color: #757575;
    padding: 10px 0;
    padding-left: 37px;
    font-family: 'NanumSquareRound';
    font-weight: 400;
}

.nav_side ul>li>a:hover,
.nav_side ul>li.on>a {
    background: #fff;
    color: #819c00;
    position: relative;
}

.nav_side ul>li {
    position: relative;
}

.nav_side ul>li.on:before {
    content: url(../images/layout/nav_on.jpg);
    position: absolute;
    width: 20px;
    height: 3px;
    z-index: 99;
    top: 9px;
}

.nav_side ul>li>a:hover {
    background: url(../images/layout/nav_on.jpg)0 15px no-repeat;
    z-index: 99;
}

.nav_side li a.on {
    color: #819c00;
}

.nav_side li a.on:before {
    content: url(../images/layout/nav_on.jpg);
    position: absolute;
    width: 20px;
    height: 3px;
    z-index: 99;
    top: 7px;
    left: 0;
}

.nav_side li a:hover {
    background: url(../images/layout/nav_on.jpg)0 17px no-repeat;
    z-index: 99;
    color: #819c00;
}


/************* Size *******************/


/************* Size - Width *******************/

.w50 {
    width: 50px;
}

.w54 {
    width: 54px;
}

.w56 {
    width: 56px;
}

.w60 {
    width: 60px;
}

.w56 {
    width: 56px;
}

.w60 {
    width: 60px;
}

.w66 {
    width: 66px;
}

.w70 {
    width: 70px;
}

.w75 {
    width: 75px;
}

.w77 {
    width: 77px;
}

.w80 {
    width: 80px;
}

.w82 {
    width: 82px;
}

.w90 {
    width: 90px;
}

.w93 {
    width: 93px;
}

.w100 {
    width: 100px;
}

.w102 {
    width: 102px;
}

.w105 {
    width: 105px;
}

.w106 {
    width: 106px;
}

.w110 {
    width: 110px;
}

.w115 {
    width: 115px;
}

.w120 {
    width: 120px;
}

.w123 {
    width: 123px;
}

.w130 {
    width: 130px;
}

.w133 {
    width: 133px;
}

.w136 {
    width: 136px;
}

.w137 {
    width: 137px;
}

.w140 {
    width: 140px;
}

.w145 {
    width: 145px;
}

.w147 {
    width: 147px;
}

.w150 {
    width: 150px;
}

.w160 {
    width: 160px;
}

.w168 {
    width: 168px;
}

.w170 {
    width: 170px;
}

.w180 {
    width: 180px;
}

.w199 {
    width: 190px;
}

.w200 {
    width: 200px;
}

.w203 {
    width: 203px;
}

.w199 {
    width: 190px;
}

.w210 {
    width: 210px;
}
.w247 {
    width: 247px;
}

.w250 {
    width: 250px;
}

.w260 {
    width: 260px;
}

.w270 {
    width: 270px;
}

.w280 {
    width: 280px;
}

.w285 {
    width: 285px;
}

.w295 {
    width: 295px;
}

.w300 {
    width: 300px;
}

.w320 {
    width: 320px;
}

.w335 {
    width: 335px;
}

.w360 {
    width: 360px;
}

.w370 {
    width: 370px;
}

.w394 {
    width: 394px;
}

.w400 {
    width: 400px;
}

.w470 {
    min-width: 470px;
}

.w500 {
    width: 500px;
}

.w635 {
    width: 635px;
}

.w5p {
    width: 5%;
}

.w7p {
    width: 7%;
}

.w8p {
    width: 8%;
}    

.w9p {
    width: 9%;
}

.w10p {
    width: 10% !important;
}

.w11p {
    width: 11%;
}

.w12p {
    width: 12%;
}    

.w13p {
    width: 13%;
}

.w15p {
    width: 15%;
}

.w18p {
    width: 18%;
}
    
.w19p {
    width: 19%;
}

.w20p {
    width: 20%;
}

.w25p {
    width: 25%;
}

.w30p {
    width: 30%;
}

.w33_3p {
    width: 33.3%;
}

.w35p {
    width: 35%;
}

.w40p {
    width: 40% !important;
}

.w50p {
    width: 50%;
}

.w55p {
    width: 55%;
}

.w60p {
    width: 60%;
}

.w68p {
    width: 68%;
}

.w70p {
    width: 70%;
}

.w76p {
    width: 76%;
}

.w77p {
    width: 77%;
}

.w80p {
    width: 80%;
}

.w90p {
    width: 90%;
}

.min-w100p {
    min-width: 100% !important;
}

@media all and (max-width: 767px) {
    .expand-xs {
        width: 100%;
    }
    .expand-xs.w270,
    .expand-xs.w300 {
        min-width: 0px !important;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .expand-sm {
        width: 100%;
    }
}


/************* Size - Height *******************/

.h45 {
    height: 45px;
}

.h50 {
    height: 50px;
}

.min_h180 {
    min-height: 180px;
}


/************* Size - Margin *******************/

.margin0 {
    margin: 0;
}

.margin2 {
    margin: 2px;
}

.margin_v2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.margin_h2 {
    margin-left: 2px;
    margin-right: 2px;
}

.margin_l2 {
    margin-left: 2px;
}

.margin_l2p {
    margin-left: 2%;
}

.margin_r2 {
    margin-right: 2px;
}

.margin_t2 {
    margin-top: 2px;
}

.margin_b2 {
    margin-bottom: 2px;
}

.margin3 {
    margin: 3px;
}

.margin_v3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.margin_h3 {
    margin-left: 3px;
    margin-right: 3px;
}

.margin_l3 {
    margin-left: 3px;
}

.margin_r3 {
    margin-right: 3px;
}

.margin_t3 {
    margin-top: 3px;
}

.margin_b3 {
    margin-bottom: 3px;
}

.margin_t4 {
    margin-top: 4px;
}

.margin_b4 {
    margin-bottom: 4px;
}
.margin_l4 {
    margin-left: 4px;
}

.margin_v4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.margin5 {
    margin: 5px;
}

.margin_v5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin_h5 {
    margin-left: 5px;
    margin-right: 5px;
}

.margin_l5 {
    margin-left: 5px;
}

.margin_r5 {
    margin-right: 5px;
}

.margin_t5 {
    margin-top: 5px;
}

.margin_r6 {
    margin-right: 6px;
}

.margin_r7 {
    margin-right: 7px;
}

.margin_b7 {
    margin-bottom: 7px;
}

.margin_l7 {
    margin-left: 7px;
}

.margin_l80 {
    margin-left: 80px;
}
.margin_t7 {
    margin-top: 7px;
}

.margin_t8 {
    margin-top: 8px;
}

.margin_b5 {
    margin-bottom: 5px;
}

.margin_r8 {
    margin-right: 8px;
}

.margin_l8 {
    margin-left: 8px;
}

.margin_b8 {
    margin-bottom: 8px;
}

.margin10 {
    margin: 10px;
}

.margin_v10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin_h10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin_l10 {
    margin-left: 10px;
}

.margin_r10 {
    margin-right: 10px;
}

.margin_r12 {
    margin-right: 12px;
}

.margin_t10 {
    margin-top: 10px;
}

.margin_t17 {
    margin-top: 17px;
}

.margin_b10 {
    margin-bottom: 10px;
}

.margin_t11 {
    margin-top: 11px;
}

.margin_t12 {
    margin-top: 12px;
}

.margin_b12 {
    margin-bottom: 12px;
}

.margin_t13 {
    margin-top: 13px;
}

.margin15 {
    margin: 15px;
}

.margin_v15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin_h15 {
    margin-left: 15px;
    margin-right: 15px;
}

.margin_l15 {
    margin-left: 15px;
}

.margin_r15 {
    margin-right: 15px;
}

.margin_t15 {
    margin-top: 15px;
}

.margin_b15 {
    margin-bottom: 15px;
}

.margin_t16 {
    margin-top: 16px;
}

.margin_l16 {
    margin-left: 16px;
}

.margin_r16 {
    margin-right: 16px;
}

.margin_r18 {
    margin-right: 18px;
}

.margin20 {
    margin: 20px;
}

.margin_v20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin_v26 {
    margin-top: 26px;
    margin-bottom: 26px;
}

.margin_h20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin_l20 {
    margin-left: 20px;
}

.margin_r20 {
    margin-right: 20px;
}

.margin_t20 {
    margin-top: 20px;
}

.margin_b20 {
    margin-bottom: 20px;
}

.margin_t22 {
    margin-top: 22px;
}

.margin_t24 {
    margin-top: 24px;
}

.margin_r24 {
    margin-right: 24px;
}

.margin_t25 {
    margin-top: 25px;
}

.margin_t26 {
    margin-top: 26px;
}

.margin_b26 {
    margin-bottom: 26px;
}

.margin_t27 {
    margin-top: 27px;
}

.margin30 {
    margin: 30px;
}

.margin_v30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin_h30 {
    margin-left: 30px;
    margin-right: 30px;
}

.margin_l30 {
    margin-left: 30px;
}

.margin_r30 {
    margin-right: 30px;
}

.margin_t30 {
    margin-top: 30px;
}

.margin_t32 {
    margin-top: 32px;
}

.margin_b30 {
    margin-bottom: 30px;
}

.margin_b32 {
    margin-bottom: 32px;
}

.margin_l37 {
    margin-left: 37px;
}

.margin40 {
    margin: 40px;
}

.margin_v40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin_h40 {
    margin-left: 40px;
    margin-right: 40px;
}

.margin_l40 {
    margin-left: 40px;
}

.margin_r40 {
    margin-right: 40px;
}

.margin_t40 {
    margin-top: 40px;
}

.margin_b40 {
    margin-bottom: 40px;
}

.margin_t44 {
    margin-top: 44px;
}

.margin50 {
    margin: 50px;
}

.margin_v50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.margin_h50 {
    margin-left: 50px;
    margin-right: 50px;
}

.margin_l50 {
    margin-left: 50px;
}

.margin_r50 {
    margin-right: 50px;
}

.margin_t50 {
    margin-top: 50px;
}

.margin_b50 {
    margin-bottom: 50px;
}

.margin_b100 {
    margin-bottom: 100px;
}

.margin60 {
    margin: 60px;
}

.margin_v60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.margin_h60 {
    margin-left: 60px;
    margin-right: 60px;
}

.margin_l60 {
    margin-left: 60px;
}

.margin_r60 {
    margin-right: 60px;
}

.margin_t60 {
    margin-top: 60px;
}

.margin_b60 {
    margin-bottom: 60px;
}

.margin_b80 {
    margin-bottom: 80px;
}

.margin_r4 {
    margin-right: 4px;
}

.margin_b16 {
    margin-bottom: 16px;
}

.margin_t70 {
    margin-top: 70px;
}

.margin_t100 {
    margin-top: 100px;
}

.margin_t140 {
    margin-top: 140px;
}

@media all and (max-width: 767px) {
    .xs_margin_h0 {
        margin-left: 0;
        margin-right: 0;
    }

    .marin_mb30{
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 992px) {
    .pc_ml16 {
        margin-left: 16px;
    }
}

/************* Size - Padding *******************/

.padding0 {
    padding: 0;
}

.padding_v0 {
    padding-top: 0;
    padding-bottom: 0;
}

.padding_h0 {
    padding-left: 0;
    padding-right: 0;
}

.padding5 {
    padding: 5px;
}

.padding_v5 {
    padding: 5px 0;
}

.padding_h5 {
    padding: 0 5px;
}

.padding_b5 {
    padding-bottom: 5px;
}

.padding_t5 {
    padding-top: 5px;
}

.padding_l5 {
    padding-left: 5px;
}

.padding_r5 {
    padding-right: 5px;
}

.padding_t8 {
    padding-top: 8px;
}

.padding_b8 {
    padding-bottom: 8px;
}

.padding10 {
    padding: 10px;
}

.padding_v10 {
    padding: 10px 0;
}

.padding_h10 {
    padding: 0 10px;
}

.padding_b10 {
    padding-bottom: 10px;
}

.padding_t10 {
    padding-top: 10px;
}

.padding_l10 {
    padding-left: 10px;
}

.padding_r10 {
    padding-right: 10px;
}

td.padding10 {
    padding: 10px;
}

td.padding_v10 {
    padding: 10px 0;
}

td.padding_h10 {
    padding: 0 10px;
}

.padding30 {
    padding: 30px;
}

.padding_v30 {
    padding: 30px 0;
}

.padding_h30 {
    padding: 0 30px;
}

.padding_b30 {
    padding-bottom: 30px;
}

.padding_t30 {
    padding-top: 30px;
}

.padding_l30 {
    padding-left: 30px;
}

.padding_r30 {
    padding-right: 30px;
}

.padding_b35 {
    padding-bottom: 35px;
}

.padding_l100 {
    padding-left: 100px;
}

.vt_top {
    vertical-align: top;
}

.vt_m {
    vertical-align: middle;
}
/************* Label *******************/

.label {
    display: inline-block;
    padding: 0 3px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    background-color: #ababab;
    font-weight: bold;
    line-height: 1.5;
}

.label_primary {
    background-color: #aacd06;
}

.label_basic {
    background-color: #e3e3e3;
    padding: 4px 10px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #777;
}

.label_basic.circle {
    background-color: #fff;
    padding: 4px 10px;
    color: #757575;
    border: 1px solid #dcdcdc;
    border-radius: 20px;
}

.label_basic.group_span {
    border-radius: 15px;
    background-color: #dcdcdc;
    color: #9e9e9e;
}


/************* Float *******************/

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.float_left .dropdown,
.float_right .dropdown {
    vertical-align: top;
}

.clear_both {
    clear: both;
}

@media all and (max-width: 767px) {
    .float-xs {
        float: none;
    }
}


/************* Overlay *******************/

.overlay {
    z-index: 3000;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222;
    background-color: rgba(11, 14, 26, 0.85);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    padding: 40px 0;
}

.overlay.show {
    display: block;
}

.overlay.overlay_invisibility {
    background: none;
}

.overlay.loading_overlay_bg {
    display: block;
}

.loading_bg_box .msg_loading_admin {
    z-index: 9999
}


/************* Layer *******************/

.layer {
    position: absolute;
    background: #fff;
    z-index: 999;
    display: none;
    border-radius: 15px;
}

.layer.frame {
    z-index: 0;
}

.layer.show {
    display: block;
}

.layer_group_edit {
    box-shadow: 2px 3px 8px 2px rgba(117, 117, 117, 1);
    -webkit-box-shadow: 2px 3px 8px 2px rgba(117, 117, 117, 1);
    -moz-box-shadow: 2px 3px 8px 2px rgba(117, 117, 117, 1);
}

.layer_new_group {
    box-shadow: 2px 3px 8px 2px rgba(117, 117, 117, 1);
    -webkit-box-shadow: 2px 3px 8px 2px rgba(117, 117, 117, 1);
    -moz-box-shadow: 2px 3px 8px 2px rgba(117, 117, 117, 1);
}

.layer.center {
    margin: 0 auto;
    position: relative;
}

.layer .layer_header {
    position: relative;
    height: 60px;
    text-align: center;
    background-color: #aacd06;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.layer_header h2 {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 20px 50px 19px 50px;
    font-family: 'NanumSquareRound';
}

.layer_add_board .layer_content h4.sub_header {
    font-family: 'NanumSquareRound';
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 8px;
    border-bottom: 1px solid #212121;
    margin: 0;
}

.layer.layer_add_board .layer_content {
    padding: 24px;
    text-align: left;
}

.password_overlay .layer_header h2 {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 20px 50px;
    font-family: 'NanumSquareRound';
}

.password_overlay .layer_header h4.sub_header {
    font-family: 'NanumSquareRound';
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 8px;
}

.password_overlay .layer_content .mail_address {
    font-size: 13px;
    color: #838383;
}

.search_category .layer_header h2 {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 18px 50px;
    font-family: 'NanumSquareRound';
}

.search_category .layer_content .load_cate .txt_primary {
    color: #9e9e9e;
    font-size: 12px;
    font-family: 'NanumSquareRound';
}

.search_category .layer_content .find_cate .txt_emphasis {
    color: #ff6600;
    font-size: 14px;
    font-family: 'NanumSquareRound';
}

.layer_header button {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0px;
}

.layer_header .btn_back {
    left: 0;
}

.layer_header .btn_back span,
.layer_header .btn_close span,
.layer_header .btn_close_overlay span {
    font-size: 0;
}

.layer_header .btn_back span:before,
.layer_header .btn_close span:before,
.layer_header .btn_close_overlay span:before {
    font-size: 20px;
    font-size: 2.0rem;
    color: #fff;
}

.layer_header .btn_close {
    right: 0;
}

.layer_header .btn_close_overlay {
    right: 0;
}

.layer_header .btn_back span:before {
    font-size: 20px;
    font-size: 2.0rem;
}

.layer .layer_content {
    padding: 34px 24px 36px;
    text-align: left;
}

.layer .padding0 {
    padding: 0;
}


/* 언어 설정 팝업 */

.overlay .language_settings {
    width: 320px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    padding: 0;
    height: auto;
    border-radius: 15px;
}

.overlay .layer_header {
    position: relative;
    height: 60px;
    text-align: center;
    background-color: #aacd06;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.overlay .language_settings .layer_content {
    padding: 24px;
    text-align: left;
}

.overlay .language_settings .layer_content h4.sub_header {
    font-family: 'NanumSquareRound';
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 8px;
    border-bottom: 1px solid #212121;
    margin: 0;
}

.overlay .language_settings .txt_default {
    font-size: 11px;
    font-size: 1.1rem;
}

.layer_content ul li.nations_flag {
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    margin-top: 10px;
}

.layer_content ul li.nations_flag:before {
    content: '';
    width: 28px;
    height: 19px;
    display: inline-block;
    position: absolute;
    top: 8px;
}

.layer_content ul li.nations_flag_ko:before {
    content: url(../images/flag_kr.png);
}

.layer_content ul li.nations_flag_en:before {
    content: url(../images/flag_us.png);
}

.layer_content ul li.nations_flag_vi:before {
    content: url(../images/flag_vn.png);
}

.layer_content ul li.nations_flag_th:before {
    content: url(../images/flag_th.png);
}

.layer_content ul li.nations_flag_ja:before {
    content: url(../images/flag_jp.png);
}

.layer_content ul li.nations_flag_es:before {
    content: url(../images/flag_es.png);
}

.layer_content ul li.nations_flag_zh:before {
    content: url(../images/flag_cn.png);
}

.layer_content ul li.nations_flag_hi:before {
    content: url(../images/flag_in.png);
}

.layer_content ul li.nations_flag .tf {
    width: 85%;
    margin-left: 15%;
    margin-bottom: 10px;
}


/************* Tab ***************/

.tab {
    border-bottom: 1px #d6d6d6 solid;
}

.tab_menu>li {
    display: inline-block;
    position: relative;
    float: left;
    padding-right: 35px;
    text-align: center;
}

.board_setup_container .tab_menu>li {
    display: inline-block;
    position: relative;
    float: left;
    padding-right: 35px;
    text-align: center;
}

.tab_menu>li>a {
    display: block;
    position: relative;
    color: #a8a8a8;
    padding: 0 0 8px 0px;
    font-size: 1.8rem;
    font-weight: 700;
}

.tab_menu>li:hover>a {
    color: #819c00;
}

.tab_menu>li.active>a {
    color: #819c00;
}

.tab_menu>li.active:hover>a {
    color: #819c00;
}

.tab .tab_menu>li:hover>a:after {
    content: ' ';
    display: inline-block;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0px;
    left: 0;
    background-color: #819c00;
}

.tab .tab_menu>li.active>a:after {
    content: ' ';
    display: inline-block;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0px;
    left: 0;
    background-color: #819c00;
}

.tab .tab_menu>li.active:hover>a:after {
    content: ' ';
    display: inline-block;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0px;
    left: 0;
    background-color: #819c00;
}

.board_setup_container .tab .tab_menu>li.active>a,
.board_setup_container .tab .tab_menu>li:hover>a {
    color: #819c00;
}

.board_setup_container .tab .tab_menu>li.active>a:after,
.board_setup_container .tab .tab_menu>li:hover>a:after {
    content: ' ';
    display: inline-block;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -1px;
    left: 0;
    background-color: #819c00;
}

.tab_menu>li:last-child {
    padding-right: 0;
}

.tab.thin .tab_menu>li>a {
    font-size: 1.3rem;
}

.tab.thick .tab_menu>li>a {
    font-size: 1.8rem;
}

.tab.tab_line {
    border-top: 2px #212121 solid;
    background-color: #fff;
}

.tab_line .tab_menu>li:first-child {
    padding-left: 15px;
}

.tab.tab_line .tab_menu>li>a {
    padding: 12px 2px;
    color: #202020;
}

.tab.tab_line .tab_menu>li.active>a,
.tab.tab_line .tab_menu>li:hover>a {
    color: #aacd06;
}

.tab.tab_skyblue {
    border-top: 1px #eaf3f9 solid;
}

.tab.tab_skyblue .tab_menu>li {
    margin: 0;
    padding: 0px;
    border-left: 1px solid #ececec;
}

.tab.tab_skyblue .tab_menu>li.active {
    background-color: #ebf7ff;
}

.tab.tab_skyblue .tab_menu>li:first-child {
    border-left: 0px;
}

.tab-col-2 .tab_menu>li {
    width: 50%;
}

.tab-col-3 .tab_menu>li {
    width: 33.3%;
}

.tab-col-6 .tab_menu>li {
    width: 14.28%;
}

.tab-col-4 .tab_menu>li {
    width: 25%;
}

.tab_blue {
    background-color: #eaeaea;
}

.tab_blue .tab_menu>li {
    padding: 0;
    margin: 0;
}

.tab_blue .tab_menu>li>a {
    padding: 12px 15px;
}

.tab_blue .tab_menu>li.active>a,
.tab_blue .tab_menu>li:hover>a {
    background-color: #aacd06;
    color: #fff;
}


/* 상단 탭메뉴 */

.language_menu ul.tab_menu {
    width: 100%;
    background: #f2f2f2;
    height: 50px;
    border-radius: 30px;
    margin-top: 32px;
    margin-bottom: 50px;
}

.language_menu ul.tab_menu li {
    float: left;
    border-radius: 30px;
    font-size: 14px;
    color: #757575;
    position: relative;
    height: 50px;
    padding: 0;
}

.language_menu ul.tab_menu li.active {
    background: #aacd06;
    color: #fff;
    font-family: 'NanumSquareRound';
}

.language_menu ul.tab_menu li.active a span {
    color: #fff;
}

.language_menu ul.tab_menu li a.tab_language_ko:before {
    content: url(../images/flag_kr.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a.tab_language_vi:before {
    content: url(../images/flag_vn.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a.tab_language_en:before {
    content: url(../images/flag_us.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a.tab_language_th:before {
    content: url(../images/flag_th.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a.tab_language_ja:before {
    content: url(../images/flag_jp.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a.tab_language_es:before {
    content: url(../images/flag_es.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a.tab_language_zh:before {
    content: url(../images/flag_cn.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a.tab_language_es:before {
    content: url(../images/flag_es.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a.tab_language_hi:before {
    content: url(../images/flag_in.png);
    position: absolute;
    width: 28px;
    height: 19px;
    top: 16px;
}

.language_menu ul.tab_menu li a {
    padding: 16px 26px;
}

.language_menu ul.tab_menu li a span {
    margin-left: 35px;
}

.language_menu .tab_menu>li>a span {
    display: inline-block;
    position: relative;
    color: #757575;
    padding: 0;
    font-size: 1.4rem;
}

.language_menu .tab_menu>li.active>a:after,
.tab_menu>li:hover>a:after {
    content: ' ';
    display: inline-block;
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background-color: #f2f2f2;
}


/* 달력 버튼 추가 */

.date_select {
    height: 37px;
    width: 36px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-indent: -9999px;
    background: #aacd06 url(../images/board_calender.png) center center no-repeat;
}

@media all and (max-width: 352px) {
    .date_select {
        margin-top: 8px;
    }
}

/* 회원가입 항목설정 추가 */

.btn_join_edit {
    padding: 7px;
    background: #505050;
    color: #fff;
}


/* 추가 회원정보 */


/* 주소 */

.row_address {
    margin-top: 8px;
}

.element_box.address .row_address input.tf_zip_code {
    width: 100px;
}

.element_box.address .row_address .btn_zip_code {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 13px;
    border-width: 1px;
    font-family: 'NanumSquareRound';
    border-radius: 20px;
    color: #fff;
    border-color: #aacd06;
    background: #aacd06;
}

.element_box.address .row_address .btn_zip_code:hover {
    color: #fff;
    background-color: #819c00;
    border-color: #819c00;
}

.address_txt input {
    width: 247px;
    margin-bottom: 5px;
}

.address_old {
    margin-top: 5px;
}

.address_new {
    margin-bottom: 8px;
}


/* textarear */

.box_view textarea {
    resize: none;
}

.textarea textarea {
    width: 100%;
    min-height: 80px;
    color: #848484;
    border: 1px solid #dedede;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 8px 8px;
    line-height: 1.5;
    -webkit-appearance: none;
    border-radius: 0;
    resize: none;
}

.textarea textarea:focus,
.textarea textarea:hover {
    box-shadow: 0px 0px 3px rgba(28, 138, 201, 0.8);
}


/* homepage */

.tf_homepage {
    width: 100%;
}

.txt_help {
    color: #aacd06;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 8px;
}

.element_list > .txt_help{
    margin-top: 8px;
}

.element_box,
.element_box .element_info{
    margin-bottom: 8px;
}

td .element_box:last-child,
.element_box .element_info:last-child{
    margin-bottom: 0;
}

.element_info .txt_s_title {
    line-height: 1;
    color: #202020;
    font-weight: bold;
    display: inline-block;
    margin: 8px 0;
}

.element_list .tf_textbox {
    margin-bottom: 8px;
}

.box_email {
    margin-bottom: 5px;
}

@media screen and (max-width:1200px) {
    .overlay {
        height: 100%;
        position: absolute;
        overflow-x: hidden;
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .tab.tab_mo {
        position: relative;
        margin: -5px -10px;
    }
    .tab_mo .tab_menu {
        display: block;
        z-index: 100;
        position: absolute;
        width: 100%;
        border: 1px solid #dedede;
        opacity: 0;
        transform: scaleY(0);
        transform-origin: 0% 0%;
        transition: all 0.3s ease-in-out;
    }
    .tab_mo .tab_menu.show {
        opacity: 1;
        transform: scaleY(1);
        transition: all 0.3s cubic-bezier(.67, .31, .67, 1.0);
    }
    .tab_mo .tab_menu>li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        text-align: left;
        background-color: #fff;
    }
    .tab_mo .tab_menu>li>a {
        position: relative;
    }
    .tab_mo .tab_menu>li.active>a:before {
        content: ' ';
        display: inline-block;
        position: absolute;
        width: 22px;
        height: 22px;
        border-radius: 12px;
        background-color: #aacd06;
        top: 15px;
        right: 20px;
    }
    .tab_mo .tab_menu>li.active>a:after,
    .tab_mo .tab_menu>li:hover>a:after {
        display: none;
    }
    .admin_add_attestation .tbl_responsive td:before {
        top: 8px;
    }
}


/******************** position **********************/

.absolute_left,
.left {
    position: absolute;
    left: 0;
}

.absolute_right,
.right {
    position: absolute;
    right: 0;
}

.top {
    position: absolute;
    top: 0;
}

.relative {
    position: relative;
}

@media all and (max-width: 767px) {
    .absolute-xs {
        position: static;
    }
}


/************* Badge *******************/

.badge {
    height: 30px;
    position: absolute;
    top: -14px;
    right: -17px;
    padding: 0 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #ff3737;
    border-radius: 16px;
    font-size: 1.6rem;
    line-height: 2;
}

.li_in .badge {
    background-color: #ff6600;
}

.badge.top_right {
    top: -22px;
    right: -18px;
}

.badge.top_left {
    top: -14px;
    left: -17px;
    right: inherit;
}

.badge.small {
    height: 20px;
    padding: 0 7px;
    top: -10px;
    right: -11px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 2;
}

.badge.large {
    height: 45px;
    padding: 0 17px 0 16px;
    top: -22px;
    right: -18px;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 2;
    border-radius: 25px;
}

.app_board_inner .badge.large {
    line-height: 2.4;
}


/************ 도움말 버튼 *************/

.btn_help {
    padding: 2px;
    background-color: #bfbfbf;
    border-radius: 50%;
    margin-left: 4px;
}

.ico_help:before {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}


/************ 삭제 버튼 *************/

.btn_del {
    font-size: 0;
}

.btn_del:before {
    content: "\e60d";
    font-family: 'dubuplus-icon';
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #a6a6a6;
    line-height: 1.3;
    color: #fff;
    border-radius: 3px;
}

.label_basic.group_span .btn_del:before {
    background-color: #757575;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    font-size: 1rem;
    line-height: 1.2;
}

.ico_close_popup {
    font-size: 0;
}

.ico_close_popup:before {
    content: "\e903";
    font-family: 'dubuplus-icon';
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.3;
    color: #dcdcdc;
    border-radius: 50px;
}


/************ List ***************/

.list {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.li_in {
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}

.list>li:last-child>.li_in {
    border: none;
}

.li_in p {
    display: inline-block;
}

.li_in .ip_address {
    float: right;
    color: #838383;
    font-size: 11px;
    margin-top: 4px;
}

.h70p {
    height: 70px;
}

.h300p {
    height: 300px;
}

.list_line {
    border-top: 1px solid #212121;
}

.list_line.list_line_scroll {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.list_line.list_line_scroll table br {
    display: none;
}


/************ Border ***************/

.border_t0 {
    border-top: 0;
}

.border_l0 {
    border-left: 0;
}

.border_r0 {
    border-right: 0;
}

.border_b0 {
    border-bottom: 0;
}

.border_v0 {
    border-top: 0;
    border-bottom: 0;
}

.border_h0 {
    border-left: 0;
    border-right: 0;
}


/************ Line ***************/

.line_primary {
    border-top: 1px solid #1778be;
}

.line_default {
    border-top: 1px solid #d6d6d6;
}


/* 보안설정 관리자 추가인증 S */

.today_entroll_cnt {
    display: inline-block;
    float: left;
}

.admin_add_attestation .tbl_form {
    border-bottom: 1px solid #d6d6d6;
}

.admin_add_attestation .tbl_form .tbl_list th,
.tbl_form .tbl_list td {
    text-align: center;
    padding: 10px 6px;
}

.admin_add_attestation .tbl_form .tbl_list thead {
    width: 100%;
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #e6e6e6;
}

.admin_add_attestation .tbl_form th {
    padding: 16px 0;
    padding-left: 15px;
}

.admin_add_attestation .tbl_form th.pos_top {
    position: absolute;
    padding: 7px 0;
    padding-left: 15px;
}

.admin_add_attestation .pos_rel {
    position: relative;
}

.admin_add_attestation .pos_absol {
    position: absolute;
    top: 21px;
}

.admin_add_attestation .blk {
    width: 100%;
    height: 132px;
    background: #ebebeb;
    border: 1px solid #e5e5e5;
}

.admin_add_attestation .textarea_box {
    padding: 10px 13% 0 13%;
}

.admin_add_attestation .textarea_box p {
    text-align: left;
    margin-top: 10px;
}

.admin_add_attestation {
    margin-bottom: 30px;
}


/* 보안설정 관리자 추가인증 E */


/***** 모바일 디바이스에서만 동작:Start *****/

@media screen and (max-device-width:992px) {
    .c_scrollbar {
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@media all and (max-width: 992px) {
    .admin_add_attestation .m_padding_l0 {
        padding-left: 0;
        border-bottom: 0;
    }
    .admin_add_attestation .tbl_responsive td:last-of-type {
        border: 0;
    }
    .admin_add_attestation .tbl_form .tbl_list thead {
        width: 100%;
        border-top: 0px;
        border-bottom: 0px;
    }
    .admin_add_attestation .tbl_form .tbl_list {
        margin-top: 30px;
    }
    .admin_add_attestation .tbl_form .tbl_list th,
    .tbl_form .tbl_list td {
        text-align: left;
        padding: 0 6px 10px 6px;
        padding-left: 40%;
    }
    .admin_add_attestation .textarea_box {
        padding: 10px 13% 0 0;
    }
    .admin_add_attestation .tbl_responsive td:before {
        top: 8px;
    }
    .admin_add_attestation .m_padding_l0 .tbl {
        border-top: 0;
    }
}


/* 지도 */

.api_info .tbl_form td {
    padding-top: 10px;
}


/* 쿼크 아이콘 */

.quark_ico:before {
    content: url(../images/quark_ico.png);
    position: absolute;
    top: 0;
}

.quark_ico span {
    margin-left: 26px;
}

.quark_ico input:checked+span {
    color: #fc383a;
}

@media screen and (max-device-width:768px) {
    .quark_link a {
        display: block;
        padding-left: 25px;
        margin-top: 10px;
    }
}


/*추가내용*/

.tf.all {
    width: 100%;
}

.tf.form_error,
.tf.error_txt {
    border-bottom: 1px solid #f14e0e !important;
}

.tf.form_error:focus {
    border-bottom: 1px solid #aacd06 !important;
}

textarea.tf {
    border: 1px solid #dcdcdc;
}

.tf.home {
    width: 105px;
}

.tbl_form input.form_error,
.tbl_form p.form_error {
    color: #f14e0e;
}


/************* Size - Width *******************/

.w49p {
    width: 49%;
}

.w100p {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .mobile_w100p {
        width: 100%;
    }
}

/************* Size - Margin *******************/

.margin_b25 {
    margin-bottom: 20px;
}

.margin_h1p {
    margin: 0 1.5%;
}

.margin_r2p {
    margin-right: 2%;
}


/************* Size - Padding *******************/

.padding_b20 {
    padding-bottom: 20px;
}

.padding_t15 {
    padding-top: 15px;
}

.padding_t20 {
    padding-top: 20px;
}

.padding_b55 {
    padding-bottom: 55px;
}


/************* Buttons *******************/

.cancel .btn.thick,
.cancel .btn.thick[disabled]:hover {
    font-size: 14px;
    font-size: 1.4rem;
}

.btn_primary.rounded-5,
.btn_function3.rounded-5 {
    border-radius: 5px;
}

.btn_refuse.rounded-5 {
    border-radius: 5px;
}

.btn.rounded-6 {
    border-radius: 6px;
}

.btn_function3,
.btn_function3[disabled]:hover {
    color: #aacd06;
    border-color: #aacd06;
    background: #fff;
}

.btn_function3:hover,
.btn_function3:active {
    color: #fff;
    background-color: #819c00;
    border-color: #819c00;
}

@media screen and (max-width: 380px) {
    .btn_responsive {
        width: 100%;
    }
    .btn_responsive + .btn_responsive {
        margin-top: 10px;
    }
}

/************* radio *******************/

.rdo {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding: 2px 0 2px 25px;
    position: relative;
    min-height: 22px;
    line-height: 1.5;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-user-select: none;
}

.rdo.inp_agree_all {
    width: 100%;
}

.rdo input {
    display: none;
}

.rdo>span {
    color: #757575;
    white-space: nowrap;
    display: block;
    font-size: 12px;
}

.rdo>span:before {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #ababab;
    border-radius: 50%;
}

.rdo>span:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 2px;
    bottom: 1px;
    background-color: #aacd06;
    border-radius: 47%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -moz-transition: -moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -o-transition: -o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.rdo input:checked+span:after {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.rdo input[disabled]+span {
    opacity: 0.65;
}

.rdo input[disabled]+span:after {
    background-color: #6e6e6e;
}

.rdo.hide_txt {
    padding-left: 17px;
    min-height: 19px;
}

.rdo.hide_txt>span {
    font-size: 0;
}

.switch {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch>span {
    display: block;
    background-color: #9e9e9e;
    border: 1px solid #9e9e9e;
    -webkit-transition: background-color .35s;
    transition: background-color .35s;
    border-radius: 32px;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.switch>span>span {
    display: block;
    line-height: 1.5;
    padding: 7px 0 8px 0;
    color: #fff;
    font-family: 'NanumSquareRound';
    font-size: 1.3rem;
    font-weight: 700;
}

.switch.thin_switch>span>span {
    line-height: 1;
    padding: 7px 0 7px 0;
    font-size: 1.4rem;
}

.switch .handle {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 100%;
    padding: 0;
    top: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.switch .handle i {
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 5px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 24px;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .05);
    box-shadow: 1px 0 3px rgba(0, 0, 0, .05);
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.switch.thin_switch .handle i {
    top: 4px;
    bottom: 4px;
    width: 22px;
}

.switch.thin_switch input:checked+span .handle i {
    top: 4px;
    bottom: 4px;
    width: 22px;
}

.switch .on {
    position: absolute;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    padding-left: 10px;
    padding-right: 30px;
    line-height: 1.2;
}

.switch .off {
    text-align: center;
    padding-left: 25px;
    padding-right: 10px;
    line-height: 1.2;
}

.switch input:checked+span {
    background-color: #aacd06;
    border-color: #aacd06;
}

.switch input:checked+span .off {
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch input:checked+span .on {
    opacity: 1;
    filter: alpha(opacity=1);
}

.switch input:checked+span .handle {
    -webkit-transform: translate3d(-30px, 0, 0);
    -moz-transform: translate3d(-30px, 0, 0);
    -o-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
}

.switch input:checked+span .handle i {
    width: 20px;
    top: 5px;
    bottom: 5px;
    border: none;
    left: 0;
    -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, .1);
    box-shadow: -2px 0 3px rgba(0, 0, 0, .1);
}


/*radio method*/

.rdo.method {
    padding: 25px 0 0 0;
    min-height: 50px;
}

.rdo.method>span:before {
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
}

.rdo.method>span:after {
    left: 50%;
    top: 10px;
}

.rdo.method input:checked+span:after {
    -webkit-transform: translateX(-50%)scale(0.5);
    -moz-transform: translateX(-50%)scale(0.5);
    -o-transform: translateX(-50%)scale(0.5);
    transform: translateX(-50%)scale(0.5);
}


/************* Forms - Input Checkbox *******************/

.chk {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding: 2px 0 2px 25px;
    position: relative;
    min-height: 22px;
    line-height: 1.5;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-user-select: none;
}

.chk input {
    display: none;
}

.chk>span {
    color: #757575;
    white-space: nowrap;
    display: block;
    font-size: 12px;
}

.multilingual_info .chk>span:before {
    content: "";
    top: 3px;
    border-radius: 0px;
}

.multilingual_info .chk span:after {
    content: "\e606";
    top: 3px;
    border-radius: 0px;
    background-color: #aacd06;
}

.chk>span:before {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 0px;
}

.chk span:after {
    content: "\e606";
    display: inline-block;
    font-family: "dubuplus-icon";
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1;
    position: absolute;
    font-weight: normal;
    text-align: center;
    width: 17px;
    height: 17px;
    left: 0;
    background-color: #aacd06;
    border-radius: 3px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -moz-transition: -moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -o-transition: -o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.chk input:checked+span {
    color: #414141;
}

.chk input:checked+span:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.chk input[disabled]+span,
.chk input[readonly]+span {
    opacity: 0.65;
}

.chk input[disabled]+span:after,
.chk input[readonly]+span:after {
    background-color: #e6e6e6;
}

.chk.hide_txt {
    padding-left: 17px;
    min-height: 19px;
}

.chk.hide_txt>span {
    font-size: 0;
}


/****** Alert:Start ******/

.alert {
    display: none;
    z-index: 10010;
    overflow: hidden;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 572px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    text-align: left;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
}

.alert.show {
    display: block;
}

.alert_icon {
    display: block;
    position: absolute;
    z-index: 2;
    width: 64px;
    height: 100%;
    float: left;
    font-size: 0;
    border-radius: 5px 0 0 5px;
}

.alert_content {
    margin: 29px 156px 29px 80px;
    color: #666;
    font-size: 13px;
    line-height: 1.6;
}

.market_TxtLong .alert_content {
    margin: 15px 156px 15px 80px;
  }

.alert_content p {
    font-weight: 700;
    font-size: 14px;
    color: #848484;
}

.market_TxtLong .alert_content {
    margin: 0;
  }

.alert button:only-of-type~.alert_content {
    margin: 29px 80px 29px 80px;
}

.alert_icon:before {
    content: "\e62f";
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 25px;
    font-family: 'dubuplus-icon';
    color: #fff;
}

.alert_content strong {
    margin: 0 3px;
    font-size: 13px;
    color: #ee631f;
}

.alert_ctgroup>button {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    border-left: solid 1px #dfdfdf;
}

.alert_ctgroup>button:first-of-type {
    right: 70px;
}

.alert_ctgroup>button:last-of-type {
    right: 0;
}

.alert_ctgroup .ico_check:before {
    color: #ee1f1f;
}

.alert_ctgroup .ico_close:before {
    font-size: 24px;
    color: #a2a2a2;
}


/** top_bottom_left_right **/

.alert.top_left {
    left: 30px;
    right: auto;
    max-width: 400px;
}

.alert.top_right {
    right: 30px;
    left: auto;
    max-width: 400px;
}

.alert.bottom_left {
    left: 30px;
    right: auto;
    top: auto;
    bottom: 65px;
    max-width: 400px;
}

.alert.bottom_right {
    right: 30px;
    left: auto;
    top: auto;
    bottom: 65px;
    max-width: 400px;
}

.alert.bottom_center {
    top: auto;
    bottom: 65px;
}


/****** alert_warning *****/

.alert_warning .alert_icon {
    background-color: #ff6600;
}

.alert_warning .alert_icon:before {
    content: "\e928";
}


/****** alert_info *****/

.alert_info .alert_icon {
    background-color: #3871da;
}

.alert_info .alert_icon:before {
    content: "\e929";
}


/****** alert_error*****/

.alert_error .alert_icon {
    background-color: #e53f18;
}

.alert_error .alert_icon:before {
    content: "\e92b";
}


/****** alert_success*****/

.alert_success .alert_icon {
    background-color: #aacd06;
}

.alert_success .alert_icon:before {
    content: "\e927";
}


/****** alert_tutorial*****/

.alert_tutorial .alert_icon {
    background-color: #3871da;
}


/* alert ok */

.alert_ctgroup .btn_alert_ok:before {
    content: "\e92a";
}


/* alert cancel */

.alert_ctgroup .btn_alert_cancle:before {
    content: "\e926";
}

.alert_ctgroup .ico_check.btn_alert_cancle:before {
    content: "\e92a";
}

.alert_ctgroup .ico_check.btn_alert_cancle_back:before {
    content: "\e92a";
}

.alert_tutorial .alert_icon:before {
    content: '\e929';
}

@media screen and (max-width:767px) {
    .alert {
        width: 300px;
    }
    .alert_ctgroup {
        margin: 0 0 44px 64px;
        position: relative;
    }
    .alert_content {
        margin: 0;
        padding: 16px;
        border-bottom: 1px solid #dfdfdf;
    }
    .alert button:only-of-type~.alert_content {
        margin: 0;
        word-break: break-all;
    }
    .alert_ctgroup button {
        top: inherit;
        bottom: -44px;
        width: 50%;
        height: 44px;
        border-left: 0;
    }
    .alert_ctgroup button:nth-child(2) {
        border-left: 1px solid #dfdfdf;
    }
    .alert_ctgroup button:first-of-type {
        right: inherit;
        left: 0;
    }
    .alert_ctgroup button:only-of-type {
        width: 100%;
    }
    .alert.top_left,
    .alert.top_right {
        left: 0px;
        right: 0;
    }
    .alert.bottom_left,
    .alert.bottom_right,
    .alert.bottom_center {
        left: 0;
        right: 0;
        top: auto;
        bottom: 65px;
    }
}


/****** Alert:End  ******/


/*class 겹치는것 수정 시작*/

.tbl_layer_paid.tbl td {
    text-align: left;
}

.tbl_layer_paid .box_form {
    border-bottom: none;
    border-top: none;
    padding: 0;
}

.layer_paid.cancel .tf_basic.tf_datepicker {
    width: 100%;
}

.layer_paid.cancel.automatic_cancel .pw_chk {
    text-align: left !important;
}

.btn.threeP {
    padding: 10px 0;
}

.layer_paid .box_address_old .tf_basic,
.layer_paid .box_address_new .tf_basic {
    width: 100%;
}

.layer_paid .dropdown>.dropdown_menu {
    position: absolute;
}


/*class 겹치는것 수정완료 */


/* 회원관리 항목편집 추가 */

.btn_join_edit {
    padding: 10px;
    font-size: 14px;
    color: #757575;
    background-color: #fff;
    line-height: 1;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}

.btn_join_edit:hover {
    background-color: #9e9e9e;
    border: 1px solid #9e9e9e;
    color: #fff;
}

/*회원검색 */

.dropdown.search_requirement,
.dropdown.approv_signup,
.dropdown.membership_level,
.dropdown.gender,
.dropdown.Period {
    min-width: 0 !important;
}

.dropdown.search_requirement {
    width: 75px;
}

.dropdown.approv_signup {
    width: 75px;
}

.dropdown.membership_level {
    width: 115px;
}

.dropdown.Period {
    width: 100px;
}


/*사이트 설정*/

.dropdown.dropdown_locale,
.dropdown.dropdown_timezone {
    min-width: 0 !important;
}

.dropdown.dropdown_timezone {
    width: 470px;
}

.dropdown.dropdown_timezone a {
    white-space: normal;
}

@media all and (max-width: 767px) {
    .dropdown.dropdown_timezone {
        width: 100%;
    }
}

.pt16 {
    position: relative;
    top: 16px;
}


/*로딩바*/

.msg_loading_admin {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    margin-left: -53px;
}

.msg_loading_admin h1 {
    position: absolute;
    left: 23px;
    top: 47px;
    font-size: 12px;
    font-family: 'Arial';
    color: #fff;
}

.msg_loading_admin img {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #232323;
}


/* 로딩바:End */

.offcanvas .offcanvas_menu_title {
    font-family: 'NanumSquareRound';
    font-weight: 700;
}

.overlay_manager_certification .overlay_inner {
    height: 100%;
}


/* SSL */

.tbl tr.mh46 th,
.tbl tr.mh46 td {
    padding: 12px 0;
    font-weight: bold;
    line-height: 1.6;
}

.tbl tr.mh46 th {
    color: #333;
}

.tbl tr.mh46 td {
    color: #757575;
    text-align: center;
}

.tbl tr.mh46.store td {    
    text-align: left;
    padding-left: 15px;
}

.tbl tr.mh46.store td .smartstore_th_s {
    font-size: 14px;
    color: #757575;
    margin-left:8px;
}

.tbl tr.mh46.store td {    
    text-align: left;
    padding-left: 15px;
}

@media screen and (max-width:767px) {
    [id*='collect_list'] [class*='select_collect'] td {
        word-break: keep-all;
    }
    
    [id*='collect_list'] [class*='select_collect'] td span.srch_date_txt.margin_r16 {
        margin-right:0 !important;
    }
}

.box_example {
    color: #ff6600;
}

.btn_certification {
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    color: #757575;
    padding: 0 16px;
    height: 36px;
    line-height: 34px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0px;
    cursor: pointer;
}

.btn_certification:hover {
    background: #9e9e9e;
    border: 1px solid #9e9e9e;
    color: #fff;
}

.ssl_completed {
    color: #aacd06;
    font-weight: bold;
    font-size: 14px;
}

.ssl_completed:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 6px;
    background: url(../images/ssl_ico_box.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
}

.ssl_applying {
    color: #757575;
    font-weight: bold;
    font-size: 14px;
}

.ssl_applying:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 6px;
    background: url(../images/ssl_ico_box.png);
    background-repeat: no-repeat;
    background-position: 0 -38px;
    vertical-align: middle;
}

.ssl_fail {
    color: #e53f18;
    font-weight: bold;
    font-size: 14px;
}

.ssl_fail:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 6px;
    background: url(../images/ssl_ico_box.png);
    background-repeat: no-repeat;
    background-position: 0 -76px;
    vertical-align: middle;
}

.btn_ssl_renewal {
    background: #aacd06;
    border: 1px solid #aacd06;
    color: #fff;
    height: 36px;
    line-height: 34px;
    display: inline-block;
    padding: 0 16px;
    border-radius: 18px;
}

.btn_ssl_renewal:hover {
    background: #819c00;
    border: 1px solid #819c00;
}

.btn_ssl_new {
    background: #aacd06;
    border: 1px solid #aacd06;
    color: #fff;
    height: 36px;
    line-height: 34px;
    display: inline-block;
    padding: 0 16px;
    border-radius: 18px;
}

.btn_ssl_new:hover {
    background: #819c00;
    border: 1px solid #819c00;
}

.btn_ssl_change {
    background: #fff;
    border: 1px solid #aacd06;
    color: #aacd06;
    height: 36px;
    line-height: 34px;
    display: inline-block;
    padding: 0 16px;
    border-radius: 18px;
}

.btn_ssl_change:hover {
    background: #819c00;
    border: 1px solid #819c00;
    color: #fff;
}

.btn_ssl_del {
    background: #fff;
    border: 1px solid #dcdcdc;
    color: #757575;
    height: 36px;
    line-height: 34px;
    display: inline-block;
    padding: 0 16px;
    border-radius: 18px;
}

.btn_ssl_del:hover {
    background: #9e9e9e;
    border: 1px solid #9e9e9e;
    color: #fff;
}

.ssl_btn_box {
    font-size: 0;
    min-height: 36px;
}

.ssl_btn_box a {
    margin-left: 8px;
    font-size: 14px;
    font-weight: bold;
}

.ssl_btn_box a:first-of-type {
    margin-left: 0;
}

@media screen and (max-width:413px) {
    .tbl tr.option td .btn.edit_option{margin-bottom: 4px;}
}

/* 인증서 변경 레이어 */

.layer_certification_change {
    max-width: 635px;
}

.layer.layer_certification_change .layer_content {
    padding: 24px 23px 36px 23px;
}

.layer.layer_certification_change .btn {
    padding: 15px 18px;
}

.box_radio_chk {
    padding: 12px 0 11px 0;
}

.individual_certificate {
    border-top: 1px solid #212121;
}

.individual_certificate>div {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.individual_certificate dl {
    display: table-row;
}

.individual_certificate dl dt {
    display: table-cell;
    padding: 10px 0;
    width: 170px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #f4f4f4;
    vertical-align: middle;
}

.individual_certificate dl dd {
    display: table-cell;
    padding: 10px 0;
    border-bottom: 1px solid #f4f4f4;
}

.individual_certificate .btn_file_select {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    background: #aacd06;
    border-radius: 18px;
    font-weight: bold;
}

.individual_certificate .btn_file_select:hover {
    background: #819c00;
}

.individual_certificate dl dd ul {
    display: block;
    font-size: 0;
    margin-top: 8px;
}

.individual_certificate dl dd ul li {
    display: inline-block;
    padding: 0 8px 0 12px;
    background: #dcdcdc;
    border-radius: 11px;
    height: 23px;
    line-height: 23px;
    position: relative;
    max-width: 198px;
}

.individual_certificate dl dd ul li span {
    color: #9e9e9e;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 171px;
    width: 90%;
    display: inline-block;
    padding-right: 8px;
}

.individual_certificate dl dd ul li button.ico_close_thin:before {
    color: #757575;
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 14px;
}

.individual_certificate dl dd ul li button.ico_close_thin {
    vertical-align: top;
}

.individual_certificate_help {
    display: none;
}


/* 인증서 생성 */

.layer_certification_new {
    max-width: 635px;
}

.layer.layer_certification_new .btn {
    padding: 15px 18px;
}


/* 인증서 갱신 */

.layer_certification_renewal {
    max-width: 635px;
}

.layer_certification_renewal .individual_certificate {
    display: block;
}

.layer_certification_renewal .individual_certificate_help {
    display: block;
}

.layer.layer_certification_renewal .btn {
    padding: 15px 18px;
}


/*인증서 내역 관리*/

.layer_certification_manage {
    max-width: 635px;
}

.layer_certification_manage .layer_content {
    height: 410px;
    overflow-y: auto;
}

.manage_history {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.manage_history p {
    border-top: 1px solid #212121;
    padding-top: 16px;
}

.layer.layer_certification_manage .btn {
    padding: 15px 18px;
}

.tbl_left th,
.tbl_left td {
    text-align: left;
    padding: 16px 0;
}

.manage_history .tbl th {
    width: 170px;
}

.layer_certification_manage .paginator {
    margin-top: 26px;
}

.layer.layer_certification_manage .paginator .btn {
    padding: 6px 8px;
}

/* 아이콘 폰트 */

.btn_ico_edit:before {
    content: "\e913";
    font-size: 20px;
    color: #9e9e9e;
}

.btn_ico_copy:before {
    content: "\e61e";
    font-size: 20px;
    color: #9e9e9e;
}

.btn_ico_delete:before {
    content: "\e61c";
    font-size: 20px;
    color: #9e9e9e;
}

.btn_add_new_grade {
    margin-top: 4px;
    font-size: 14px;
    color: #fff;
    background: #aacd06;
    border-radius: 6px;
    padding: 10px 16px;
    font-weight: 700;
}

.tbl_list td span.remove_custom_grade {
    display: inline-block;
    width: 17px;
    height: 21px;
    background: url(../images/ico_del_add_grade.png) 0 0 no-repeat;
    vertical-align: middle;
    font-size: 0;
    margin-left: 16px;
    cursor: pointer;
}

.tbl_list td span.remove_custom_grade.one {
    margin-left: 0;
}


/* 게시판 안내글 추가 */

.setup_guide_fields {
    border-bottom: 1px solid #f4f4f4;
}

.setup_guide_fields .board_info_set {
    display: inline-block;
}

.setup_guide_fields .tbl th {
    width: 106px;
}

.setup_guide_fields .tbl tr {
    border-bottom: none;
}

.overlay_table_conf #ifrm_setup {
    width: 635px;
    border-radius: 15px;
    height: 707px;
}

.overlay_file_download #ifrm_setup {
    width: 320px;
    border-radius: 15px;
    height: 375px;
}

.switch.thin_switch>span>span.off {
    padding-left: 30px;
    padding-right: 10px;
}

.switch.thin_switch>span>span.on {
    padding-left: 10px;
    padding-right: 30px;
}

.switch.thin_switch .handle i {
    top: 5px;
    bottom: 5px;
    width: 20px;
}

.switch.thin_switch input:checked+span .handle i {
    top: 5px;
    bottom: 5px;
    width: 20px;
}

.switch input:checked+span .handle {
    -webkit-transform: translate3d(-25px, 0, 0);
    -moz-transform: translate3d(-25px, 0, 0);
    -o-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}

.tbl_dues_list .btn_ico_delete:before {
    font-size: 20px;
    color: #9e9e9e;
}

.tbl_dues_list .btn_ico_copy:before {
    font-size: 20px;
    color: #9e9e9e;
}

.tbl_dues_list .btn_ico_edit:before {
    font-size: 20px;
    color: #9e9e9e;
}

.tab_btngroup {
    bottom: 5px;
    right: 0px;
}

.tab_btngroup .btn.btn_list {
    padding: 6px 16px;
    font-size: 14px;
    font-weight: bold;
}

.tab_btngroup .btn.btn_list:hover {
    background: #9e9e9e;
    color: #fff;
    border: 1px solid #9e9e9e;
}

.grade_manage .btn_remove_custom_grade {
    width: 17px;
    height: 21px;
    background: url(../images/remove_custom_grade.png);
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 4px;
    margin-left: 16px;
    cursor: pointer;
}

@media all and (max-width: 767px) {
    .overlay_table_conf.show {
        padding: 0;
    }
    .overlay_table_conf #ifrm_setup {
        width: 100%;
        border-radius: 0;
    }
    .layer_select_item.layer .layer_header {
        border-radius: 0;
    }
    .margin_t32.payment_tab {
        margin-top: 0;
    }
    .payment_tab .payment_tab_btngroup {
        width: 100%;
        margin-top: 8px;
        margin-bottom: 10px;
        position: static
    }
    .tab_btngroup .btn.btn_list {
        padding: 0;
        width: 100%;
        height: 42px;
        line-height: 42px
    }
}


/* 회원정보수정 td가로값 지정 시작 */

.tbl_responsive.td_width td {
    width: 35%;
}

@media screen and (max-width: 992px) {
    .tbl_responsive.td_width td {
        width: 100%
    }
}


/* 회원정보수정 td가로값 지정 종료 */


/* 우편번호 검색 레이어 시작*/

.layer_postcode {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(78, 84, 88, 0.8);
    text-align: center;
    z-index: 3000;
    display: none;
}

.postcode_container {
    max-width: 500px;
    max-height: 500px;
    height: 100%;
    margin: 0px auto;
    text-align: left;
}

.postcode_wrap {
    max-width: 546px;
    height: 600px;
    margin: 0px auto;
    background-color: #fff;
    border-radius: 15px
}

.postcode_close {
    position: relative;
    height: 60px;
    text-align: center;
    background-color: #aacd06;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.postcode_close h2 {
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    padding: 0;
    margin: 0;
}

.postcode_close .btn_close {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    font-size: 0;
    color: #fff;
}

.postcode_container {
    margin: 20px auto 0 !important;
}

.postcode_container html {
    background: transparent !important;
}

.postcode_container body {
    background: transparent !important;
}


/* 우편번호 검색 레이어 종료 */

.paginator.paging_number .screen_out {
    display: none;
}

.paginator.paging_number .btn_page,
.paginator.paging_number .link_page {
    color: #757575;
    width: 36px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 0;
    margin: 0 2px;
    overflow: hidden;
}

.paginator.paging_number .btn_page:hover,
.paginator.paging_number .btn_page.npage,
.paginator.paging_number .link_page:hover,
.paginator.paging_number .link_page.npage {
    color: #fff;
    background-color: #aacd06;
    border: 1px #aacd06 solid;
}

.paginator.paging_number .btn_page.first:before,
.paginator.paging_number .link_page.first:before {
    content: "\e900";
    display: inline-block;
    font-family: 'dubuplus-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    letter-spacing: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
    line-height: 28px;
    font-size: 20px;
}

.paginator.paging_number .btn_page.prev:before,
.paginator.paging_number .link_page.prev:before {
    content: "\e601";
    display: inline-block;
    font-family: 'dubuplus-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    letter-spacing: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
    line-height: 28px;
    font-size: 20px;
}

.paginator.paging_number .btn_page.next:before,
.paginator.paging_number .link_page.next:before {
    content: "\e602";
    display: inline-block;
    font-family: 'dubuplus-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    letter-spacing: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
    line-height: 28px;
    font-size: 20px;
}

.paginator.paging_number .btn_page.last:before,
.paginator.paging_number .link_page.last:before {
    content: "\e901";
    display: inline-block;
    font-family: 'dubuplus-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    letter-spacing: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
    line-height: 28px;
    font-size: 20px;
}

.paginator.paging_number .npage {
    color: #aacd06;
}

.paginator.paging_number .btn_page {
    color: #aacd06;
    border: 1px #dcdcdc solid;
}

/* 네이버쇼핑 + 마켓 */
@media screen and (max-width: 767px) {
    #product_code{
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 767px) {
    #product_code{
        margin-bottom: 8px;
    }
}