html {
    font-size:62.5%;
}
body, button, input, table, td, th, textarea, select {
    font-family:'Roboto', 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;
}
.border_none {
    border:0 none;
}
.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;
}
.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;
    }
}
/************* 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:#414141;
}

/************* Sub Header *******************/
.sub_header {
    padding-bottom:2px;
    color:#424242;
    font-weight:normal;
}
h3.sub_header {
    font-size: 26px;
    font-size: 2.6rem;
}
h4.sub_header {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 8px;
    position: relative;
}
/************* Text *******************/
.txt_default {
    color:#757575;
}
.txt_total .txt_primary {
    color:#ff6600;
}
.txt_basic_primary {
    color:#757575;
}
.txt_primary {
    color:#aacd06;
}

.basic_info .txt_primary {
    color:#869f10;
    font-size:11px;
}

.txt_emphasis {
    color:#414141;
}

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

/************* 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;
    /*margin-top:2px;*/
    font-size:11px;
    font-size:1.1rem;
    color:#9e9e9e;
}

.breadcrumb.vbar > li + li:before {
    font-family:'NanumSquare';
    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:59px;
}

/************* Buttons *******************/
.btn {
    display:inline-block;
    vertical-align:middle;
    /*min-width: 70px;*/
    padding:11px 18px;
    line-height:1;
    font-size:12px;
    font-size:1.2rem;
    /*color:#707070;*/
    border:1px solid #dcdcdc;
    background-color:transparent;
    text-align:center;
    white-space:nowrap;
    -webkit-user-select: none;
    /*margin:3px;*/
}

.btn36 {
    padding:11px 18px;
}
.btn50{
    padding:15px 18px;
}
.radius_a6 {
    border-radius:6px;
}
.btn.btn_cancel {
    padding:15px 18px;
}
.btn.btn_download {
    padding:15px 18px;
}

.btn2 {
    display:inline-block;
    vertical-align:middle;
    /*min-width: 70px;*/
    padding:8px 7px;
    line-height:1;
    font-size:13px;
    /*color:#707070;*/
    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;
}
.app_name_edit .btn.xthin,		
.app_name_edit .btn.xthin[disabled]:hover {		
    font-size:12px;		
    padding:3px 4px;		
    border-width:1px;		
    font-weight:normal;		
}
.btn.thin,
.btn.thin[disabled]:hover {
    font-size:12px;
    font-size:1.2rem;
    /*padding:7px 15px;*/
    padding:11px 15px;
    border-width:1px;
    font-weight:normal;
}
.btn.thin:hover {
    font-weight:normal;
}

.btn.thin.rounded {
    border-radius:3px;
}
.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;
}
.btn.thick:hover {
}
#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_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;
}
.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;
}
/************* 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;
    border:1px solid #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:5px;
}
.btn_toggle.thick.rounded > span {
    border-radius:8px;
}
.btn_toggle.arrow > span{
    width:35px;
    height:25px;
    font-size:0rem;
    padding:0 0;
    text-align:center;
    border-radius: 5px;
}
.btn_toggle.arrow > span:before,
.btn_toggle.arrow > span:after {
    font-family:'dubuplus-icon';
    width:100%;
    height:100%;
    font-size:16px;
    font-size:1.6rem;
    color:#fff;
    border-radius: 5px;
}
.btn_toggle.arrow > span:before {
    content:"\e603";
    padding:0;
    position:static;
    text-align:center;
    display:block;
}

.btn_toggle.arrow > span:after {
    content:"\e600";
    background-color:#aacd06;
    border-color:#aacd06;
    padding:0;
    position:static;
    display:none;
}
.btn_toggle.arrow input:checked + span:before {
    display:none;
}
.btn_toggle.arrow input:checked + span {
    border-color:#dcdcdc;
}
/*** 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_toggle2 > span[data-toggle]:after {
    content:attr(data-toggle);
    padding:8px 17px;
    background-color:#757575;
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    display:none;
}
.btn_toggle2.thin > span {
    /*padding: 8px 25px;*/
    padding:8px 42px;
}

/***  ***/
.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:21px;
    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;
}
.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:12px;
    font-size:1.2rem;
}
.dropdown.thin > .current {
    padding:11px 30px 11px 10px;
}
#abook_personal .dropdown.thin > .current {
    padding:11px 30px 11px 10px;
}
.dropdown.thin.select_nations {
    height:36px;
}
.dropdown.thin.select_nations > .current {
    padding:8px 30px 8px 10px;
    line-height:1.5;
}

.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 {

}
.dropdown.dropdown_line > .dropdown_menu {

}
.dropdown_basic .current {
    background-color:#fff;
}
.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:#1880ca;
}
.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:#1880ca;
    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;
}
textarea.tf {
    border:1px solid #dcdcdc;
}
.tf[disabled] {
    opacity:0.5;
}
.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 {
    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.count {
    width:40px;
}
.tf.date {
    width:140px;
}
.tf.tel {
    width:180px;
}
.tf.email {
    width:200px;
}
.inp_group {
    display:table;
    border-collapse:separate;
}
.inp_group .tf{
    display:table-cell;
    position:relative;
    width:100%;
    z-index:2;
}
.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;
    /*line-height:1.5;*/
    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;
    /*background-color:#f8f8f8;
    border:1px solid #dfdfdf;*/
    vertical-align:middle;
    border-left:0px;
}
.inp_group .button:hover{
    /*background-color:#f0f0f0;*/
}
.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{
    /*padding:8px;*/
    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;
    /*margin:5px 0;*/
}

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

.box.border_none {
    border:0 none;
}
.box_form {
    border:none;
    border-top:1px solid #212121;
    background-color:#fff;
}
.box_view {
    border:none;
    border-top:1px solid #212121;
    border-bottom:1px #dcdcdc solid;
    background-color:transparent;
    margin-top:8px;
}

/************* 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;
}
.tbl th,
.tbl td {
    text-align:center;
    padding:10px;
}

#notify_email .tbl th,
#notify_email .tbl td {
    text-align:center;
    padding:6px 2px;
}


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

/*.tbl_responsive.tbl th {
    white-space:pre-line;
}*/


.tbl td {
    color:#757575;
}
.tbl_list th,
.tbl_list td {
    border-bottom:1px #d6d6d6 solid;
}
.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 #dcdcdc solid;
    padding:10px 0;
}
.tbl_form th {
    padding:12px 0;
    padding-left:15px;
}

#setup_default .dropdown > .current {
    position: relative;
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 8px 29px 8px 10px;
}


.tbl_view th,
.tbl_view td {
    text-align:left;
    border-bottom:1px #d6d6d6 solid;
    padding:0;
}
.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_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;
    }
    .tbl_responsive thead tr,
    .tbl_responsive tbody th{
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .tbl_responsive td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #e4e4e4;
        position: relative;
        white-space: normal;
        text-align:left;
        /*padding:10px;*/
        padding:20px;
        padding-left:40%;
        min-height:46px;
    }

    .tbl_responsive td:last-of-type {
        /*border-bottom: 2px solid #e4e4e4;*/
    }
    .tbl_responsive td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 0;
        width:40%;
        padding:0 10px;
        /*white-space: nowrap;*/
        white-space: pre-line;
        text-align:left !important;
        font-weight:bold;
        white-space:pre-wrap;
    }
    .tbl_responsive td:before {
        content: attr(data-title);
    }
}
@media only screen and (max-width: 991px) {
    .breadcrumb.vbar > li {
        padding-right:60px;
    }
    .offcanvas_section_bottom .breadcrumb.vbar > li {
        padding-right:0px;
    }
}

/************* 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;
    color:#757575;
}
.paginator .npage {
    color:#aacd06;
}

/************* Navigation *******************/
.nav_side {
    background-color:#fff;
    padding:20px 0;
}
.nav_side li {
    cursor:pointer;
}
.nav_side ul {
    background-color:#fff;
}
.nav_side > li > a,
.nav_side > li > h5 {
    font-weight:bold;
    display:block;
    font-size:16px;
    font-size:1.6rem;
    color:#212121;
    padding:10px 32px 10px 26px;
    position:relative;
    line-height:1.5;
    word-break:break-all;
}
.nav_side > li> h5:after {
    content:url(../../images/layout/nav_side_down_arrow.jpg);
    position:absolute;
    right:15px;
    top:9px;
}
.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 37px;
    line-height:1.5;
}
.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:12px;
}
.nav_side ul > li > a:hover{
    background:url(../../images/layout/nav_on.jpg)0 19px 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 21px no-repeat;
    z-index:99;
    color:#819c00;
}

/************* Size *******************/
/************* Size - Width *******************/
/* 2016.07.13 width -> min-width */
.w50 {
    min-width:50px;
}
.w80 {
    min-width:80px;
}
.w100 {
    min-width:100px;
}
.w120 {
    min-width:120px;
}
.w150 {
    min-width:150px;
}
.w160 {
    min-width:160px;
}
.w180 {
    min-width:180px;
}
.w200 {
    min-width:200px;
}
.visible_inquryform td input.w200 {
    min-width:0px;
}
.w270 {
    width:270px;
}
.w280 {
    width:280px;
}
.w300 {
    min-width:300px;
}
.search_category .w300{
    max-width:300px;
}
.overlay_invisibility .w300 {
    max-width:300px;
}
.w320 {
    width:320px;
}
.w370 {
    width:370px;
}
.w400 {
    min-width:400px;
}
/*게시판 팝업*/
.limit_message_overlay .w400 {
    max-width:400px;
}

.w500 {
    min-width:500px;
}
.w5p {
    width:5%;
}
.w10p {
    width:10%;
}
.w15p {
    width:15%;
}
.w20p {
    width:20%;
}
.w25p {
    width:25%;
}
.w30p {
    width:30%;
}
.w35p {
    width:30%;
}
.w40p {
    width:40%;
}
.w50p {
    width:50%;
}
.w60p {
    width:60%;
}
.w68p {
    width:68%;
}
.w70p {
    width:70%;
}
.w76p {
    width:76%;
}		
.w77p {
    width:77%;
}
.w80p {
    width:80%;
}
.progress_phrases td input.w80 {
    min-width:0;
    width:67px;
}

.w90p {
    width:90%;
}
.min-w100p {
    min-width:100% !important;
}
.password_overlay  .w300{
    width:300px;
}
.setup_form_fields .w100 {
    min-width:0px;
    width:100%;
}

@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_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_l7 {				
    margin-left:7px;				
}
.margin_t8 {
    margin-top:8px;
}
.margin_b5 {
    margin-bottom:5px;
}
.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_t10 {
    margin-top:10px;
}
.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_l16 {
    margin-left:16px;
}
.margin_r15 {
    margin-right:15px;
}
.margin_t15 {
    margin-top:15px;
}
.margin_b15 {
    margin-bottom:15px;
}
.margin_t16 {				
    margin-top:16px;				
}
.margin_r18 {
    margin-right:18px;
}
.margin20 {
    margin:20px;
}
.margin_v20 {
    margin-top:20px;
    margin-bottom:20px;
}
.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_t24 {
    margin-top: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;
}
.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;
}
.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_l8 {
    margin-left:8px;
}
.margin_r3 {
    margin-right:3px;
}
.margin_r16 {
    margin-right:16px;
}
.margin_t70 {
    margin-top:70px;
}
.margin_t100 {
    margin-top:100px;
}
.margin_t140 {
    margin-top:140px;
}

/************* 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;}
/************* 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:#1880ca;
}
.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;
}

/************* Float *******************/
.float_left {
    float:left;
}
.float_right {
    float:right;
}
.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;
}
/************* Layer *******************/
.layer {
    position:absolute;
    background:#fff;
    z-index:999;
    display:none;
    border-radius:15px;
}
.layer.frame {
    z-index:0;
}
.layer.show {
    display:block;
}
.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;
}
.layer_add_board .layer_content h4.sub_header {
    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;
}
.layer_add_stream .layer_content h4.sub_header {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 8px;
    border-bottom: 1px solid #212121;
    margin:0;
    margin-bottom:20px;
}
.layer_stream_settings .layer_content h4.sub_header {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 8px;
    border-bottom: 1px solid #212121;
    margin:0;
    margin-bottom:0px;
    margin-top:30px;
}

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

.password_overlay .layer_header h4.sub_header {
    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;
}
.search_category .layer_content .load_cate .txt_primary {
    color:#9e9e9e;
    font-size: 12px;
}
.search_category .layer_content .find_cate .txt_emphasis {
    color:#ff6600;
    font-size: 14px;
}

.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:20px;
    text-align:left;
}
.layer .layer_footer {

}
.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-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:34px;
    text-align:center;
}
.tab_menu > li > a {
    display:block;
    position:relative;
    color:#a8a8a8;
    padding:0 0 8px 0px;
    font-size:1.8rem;
}

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

.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:#aacd06;
}
.tab .tab_menu > li.active > a:after {
    content:' ';
    display:inline-block;
    z-index:10;
    position:absolute;
    width:100%;
    height:3px;
    bottom:-1px;
    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:-1px;
    left:0;
    background-color:#aacd06;
}

.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 #1469a6 solid;
    background-color:#eaeaea;
}
.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:16.6%;
}
.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;
}
.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_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;
}
/* 로딩바:Start */
.overlay.loading_overlay_bg {
    display:block;
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.8);
}
.msg_loading_admin {
    position:absolute;
    left:50%;
    top:50%;
    width:66px;
    height:66px;
    margin-left:-33px;
    margin-top:-33px;
    background:#000;
    z-index:3010;
}
/* 로딩바:End */

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

/* 회원가입 항목설정 추가 */
.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:1.2rem;
    padding:7px 9px;
    border-width:1px;
    font-weight:normal;
    margin-left:5px;
    border-color:#bdbdbd;
    border-radius:3px;
}
.element_box.address .row_address .btn_zip_code:hover {
    background-color:#aacd06;
    color:#fff;
}
.address_txt input {
   /* width:300px;*/
    width:247px;
    margin-bottom:5px;
}
.address_old {
    margin-top:5px;
}
.address_new {
    margin-bottom:8px;
}

/* textarear */
.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;
}
.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:#1880ca;
    line-height:1;
    font-weight:bold;
    margin-bottom:8px;
}
.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;
        /*border-bottom:1px solid #d6d6d6;*/
    }
    .tab_mo .tab_menu > li.active > a:before {
        content:' ';
        display:inline-block;
        position:absolute;
        width:22px;
        height:22px;
        border-radius:12px;
        background-color:#1880ca;
        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.large {
    /*width:45px;
    height:45px;
    position:absolute;
    top:-22px;
    right:-18px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    background-color:#ff4081;
    border-radius:50%;
    font-size:2.0rem;
    line-height:2.4;
    font-family:'Nanum Barun Gothic', 'Nanum Gothic', Helvetica;
}*/
.badge {
    height:30px;
    position:absolute;
    top:-14px;
    right:-17px;
    padding:0 10px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    background-color:#ff4081;
    border-radius:16px;
    font-size:1.6rem;
    line-height:2;
    font-family:Helvetica, Verdana;
}
.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.4;
    border-radius:25px;
}
/************ 도움말 버튼 *************/
.btn_help{
    padding:2px;
    background-color:#bfbfbf;
    border-radius:50%;
}
.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;
}
.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;
    background-color:#fff;
    line-height: 1.3;
    color: #9e9e9e;
    border-radius:50px;
}
/************ List ***************/

.list {
    border-top:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
}
.li_in {
    padding:6px 0;
    border-bottom:1px solid #c8c8c8;
}
.list > li:last-child > .li_in {
    border:none;
}
.li_in .clearfix {
    margin-bottom:5px;
}
.li_in p{display:inline-block;}
.li_in .ip_address {
    float:right;
    color:#838383;
    font-size:11px;
}

.h70p {height:70px;}

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

/************ Border ***************/
/*
.border_none {
    border:0 none;
}
*/
.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;
}

.tbl_form .join_address {
    /*padding-top:3px;*/
}
.tbl_form .join_address .address_block2 .margin_b5 {
    margin-bottom:0;
}

/***** 모바일 디바이스에서만 동작:Start *****/
@media screen and (max-device-width:992px){
    .c_scrollbar {
        -webkit-overflow-scrolling:touch;
        -webkit-transform: translate3d(0, 0, 0);
    }
    .join_address input.w300{
        min-width:0px;
        width:100%;
    }
    .tbl_responsive td.join_address {
        padding:10px;
    }
    .tbl_responsive td.join_address div {
        padding:0;
    }
    .tbl_responsive td.join_address:before {
        position: relative;
        left: 0;
        width: 100%;
        padding: 0 0px;
        white-space: nowrap;
        text-align: left !important;
        font-weight: bold;
    }
}
/**/
.escrow_set_info #form_shop_escrow .tbl_list .dropdown {
    min-width:153px !important;
}

/* 지도 */

.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{
   border-bottom: 1px solid red !important;
}
.tf.form_error:focus{
    border-bottom: 1px solid #aacd06 !important;
}
textarea.tf {
    border:1px solid #dcdcdc;
}

.tf.home{
    width: 105px;
}

/************* Size - Width *******************/
.w49p {
    width:49%;
}
.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;
}
/************* 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_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;
}
/************* 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:14px;
}
.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 {
}
.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;
    /*margin:1px 0; 2017.01.31 수정*/
    vertical-align:middle;
}
.switch input {
    position:absolute;
    opacity:0;
    filter:alpha(opacity=0);
}
.switch > span {
    display:block;
    background-color:#cecece;
    border:1px solid #cecece;
    -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:6px 0 7px 0; 2017.01.31 수정*/
    padding:7px 0 8px 0;
    color:#fff;
    font-weight:bold;
    font-size:1.3rem;
}
.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:8px;
    bottom:8px;
    width:22px;
    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 .on {
    position:absolute;
    width:100%;
    opacity:0;
    filter:alpha(opacity=0);
    text-align:center;
    padding-left:10px;
    padding-right:30px;
}
.switch .off {
    text-align:center;
    padding-left:25px;
    padding-right:10px;
}
.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:22px;
    top:8px;
    bottom:8px;
    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);
}

.switch_period {
    width:140px;
}
.board_visible_period .txt_date {
    width:60px;
    display:inline-block;
}
.board_visible_period .date_option {
    display:inline-block;
}

/*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 + .chk {
    margin-left:10px;
}
*/
.chk input {
    display:none;
}

.chk > span {
    color:#757575;
    white-space:nowrap;
    display:block;
    font-size: 14px;
}
.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;
    /*bottom:1px;*/
    background-color:#fff;
    border:1px solid #ababab;
    border-radius:3px;
}
.chk span:after{
    content:"\e606";
    display:inline-block;
    font-family: "dubuplus-icon";
    color:#fff;
    /*font-weight:bold;*/
    /*font-size:1.5rem;*/
    font-size:17px;
    font-size:1.7rem;
    line-height:1;
    position:absolute;
    font-weight:normal;
    text-align:center;
    width:17px;
    height:17px;
    left:0;
    /*bottom:1px;*/
    background-color:#aacd06;
    border-radius:3px;
    /*
    background-image:url(./images/ico_check_s_white.png);
    background-position:center center;
    background-repeat:no-repeat;
    */
    -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:relative;*/
    position:fixed;
    top:60px;
    left:0;
    right:0;
    width:97%;
    max-width:540px;
    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:65px;
    height:100%;
    float:left;
    font-size:0;
    border-radius:5px 0 0 5px;
}
.alert_content{
    margin:20px 145px 20px 80px;
    color:#666;
    font-size:13px;
    line-height:1.8;
}
.alert_content{
}
.alert button:only-of-type~.alert_content{
    margin:20px 80px 20px 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:65px;
    height:100%;
    border-left:solid 1px #dfdfdf;
}
.alert_ctgroup > button:first-of-type{
    right:65px;
}
.alert_ctgroup > button:last-of-type{
    right:0;
}
.alert_ctgroup .ico_check:before,
.alert_ctgroup .ico_close:before{
    font-size:35px;
    color:#ee1f1f;
}
.alert_ctgroup .ico_close:before{
    color:#c8c8c8;
}

/** 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:#ffc34e;
}
.alert_warning .alert_icon:before {
    content: "\e62f";
}
/****** alert_info *****/
.alert_info .alert_icon {
    background-color:#5f8ad1;
}
.alert_info .alert_icon:before {
    content: "\e630";
}
/****** alert_error*****/
.alert_error .alert_icon {
    background-color:#f3422b;
}
.alert_error .alert_icon:before {
    content: "\e631";
}
/****** alert_success*****/
.alert_success .alert_icon {
    background-color:#b0d62c;
}
.alert_success .alert_icon:before {
    content: "\e62e";
}
/****** alert_tutorial*****/
.alert_tutorial .alert_icon {
    background-color:#1b96e4;
}
.alert_tutorial .alert_icon:before {
    content:'';
    width:24px;
    height:24px;
    background:url(../images/ico_q_mark.png) no-repeat 0 0;
}
@media screen and (max-width:767px) {
    .alert{
/*        width:310px;
        top:80px;*/
    }
    .alert_ctgroup{
        margin:0 0 50px 65px ;
        position:relative;
    }
    .alert_content{
        margin:0;
        padding:20px;
        border-bottom:1px solid #dfdfdf;
    }
    .alert button:only-of-type~.alert_content{
        margin:0;
    }
   .alert_ctgroup button{
        top:inherit;
        bottom:-50px;
        width:50%;
        height:50px;
        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:last-of-type{
    }
    .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;
    }
    .tbl th.txt_space {
        white-space:pre-wrap;
    }
    /*모바일에서 넘치는영역 수정*/
    .tbl th{
        white-space: normal;
    }
}
/****** 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_toggle_all {
    border-radius:9px;
}
#btn_member_toggle_all {
    border-radius:9px;
}

/* 회원관리 항목편집 추가 */
.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;
}
/* 로딩 화면 */
.overlay.loading_overlay_bg {
    display:block;
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.8);
}
.msg_loading_admin {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 106px;
    height: 106px;
    margin-left: -53px;
    margin-top: -53px;
    z-index: 3010;
}
.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;
	-webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -ms-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-359deg);
		-moz-transform: rotate(-359deg);
		-o-transform: rotate(-359deg);
		-ms-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}

}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}

}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}

}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}

}

@-o-keyframes spin {
	from {
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(-359deg);
		transform: rotate(-359deg);
	}

}

/* 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 30px 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; /* border width 2px clear */
    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; /* border width 2px add */
}
/* end */


/* SSL - 인증서 내역 관리*/
.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;
}
/* SSL - 인증서 내역 관리 END*/