html {
    font-family: sans-serif;
    color: #4b5f65;
}

body {
    overflow-x: hidden;
    font-family: 'Noto Sans KR', sans-serif;
}


#wrap {
    width: 100%;
}



/** 메인콘텐츠 심유주 추가 **/

.main_add .m_c1_top h1.g_text{
    font-size: 34px;
    font-weight: 600;
    color: #000;
}
.main_add .m_c1_top h1.g_text::after{
    width:350px; height:20px;
    content:'';
    display:block;
    background:#CAB49F;
    margin:-15px auto 0;
        
}


.main_con_wrap{margin-top:60px;}

.s0501 ul {width: 100%;}

.main_add .pick_list ul {
    _float: left;
    _margin-right: 2.6%;
    _width: 23%;
    _margin-bottom: 40px;
    display:grid; grid-template-columns:repeat(5, 1fr);
    justify-content: center; grid-gap:40px;
}
.main_add .pick_list ul li{
    width:200px;
}

.s0501 .pd_img img {
    width: 100%;
}


/** 메인콘텐츠1 **/

.main_con1_wrap {
    width: 100%;
    margin-top:60px;
    margin-bottom: 70px;
    background-image: url(../images/main_con1_bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.m_c1_box {
    max-width: 1400px;
    margin: 150px auto 0;
}
/*
.m_c1_top ul{
    display:flex;
    width:100%;
    justify-content:center;  margin-left:-50px;
}
.m_c1_top ul li:first-child{margin-right:100px;}
*/

.m_c1_top ul .v_m{display:none;}

.m_c1_top {
    text-align: center;
    color: #222;
    margin-bottom: 70px;
}

.m_c1_top h1 {
    font-size: 34px;
    line-height: 34px
}

.m_c1_top h2 {
    font-size: 34px;
    font-weight: 700;
    background-image: url(../images/main_con1_text_bg.jpg);
    background-repeat: no-repeat;
    background-position: center 27px
}

.m_c1_bottom {
    width: 100%;
    padding-bottom: 80px;
}

.m_c1_bottom:after {
    clear: both;
    content: "";
    display: block;
}

.m_c1_b_con {
    width: 440px;
    box-sizing: border-box;
    float: left;
    height: 488px;
    position: relative;
    margin-right: 40px;
}

.m_c1_b_con:hover div {
    background-color: #948272;
    transition: all 0.2s ease-in-out;
}

.m_c1_bb_tb {
    width: 80%;
    background-color: #9f9f9f;
    box-sizing: border-box;
    padding: 20px;
    color: #fff;
    margin-top: 363px;
    transition: all 0.2s ease-in-out;
}

.m_c1_bb_tb h1 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}

.m_c1_bb_tb p {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

.mc1_b1 {
    background-image: url(../images/main_con1_box1_img.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.mc1_b2 {
    background-image: url(../images/main_con1_box2_img.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.mc1_b3 {
    background-image: url(../images/main_con1_box3_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0px
}

/** 메인콘텐츠1 끝 **/



/** 메인콘텐츠2 **/

.main_con2_wrap {
    width: 100%;
    margin-bottom: 80px;
}

.m_c2_box {
    max-width: 1600px;
    margin: auto;
}

.m_c2_box ul {
    width: 100%;
}

.m_c2_box ul:after {
    clear: both;
    content: "";
    display: block;
}

.m_c2_box ul li {
    float: left;
    width: 25%;
    background-color: #000;
    box-sizing: border-box;
}

.m_c2_box ul li img {}

.m_con2_ib {
    position: relative;
    height: 380px;
    box-sizing: border-box;
    position: relative;
    transition: all 0.3s;
	background-repeat: no-repeat;
    background-size: cover;
}

.m_c2_ib_b {border: 2px solid #fff;
    width: 86%;
    height: 86%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.m_c2_ib_b p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.m_c2_ib_b p span {
    font-size: 22px;
    line-height: 56px
}

.arrow_t {
    width: 25px !important;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0px;
}

.arrow_b {
    width: 25px !important;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: 0px;
}

.m_con2_tb {
    background-color: #fff;
    text-align: center;
    height: 380px
}

.m_con2_tb h1 {
    color: #222;
    font-size: 26px;
    font-weight: 600;
    padding-top: 110px;
    padding-bottom: 20px
}

.m_con2_tb p {
    color: #222;
    font-size: 20px;
}

.mc2_img1 {
    background-image: url(../images/main_con2_img1.jpg);
}

.mc2_img1:hover {
    background-image: url(../images/main_con2_img1_hover.jpg);
}

.mc2_img2 {
    background-image: url(../images/main_con2_img2.jpg);
}

.mc2_img2:hover {
    background-image: url(../images/main_con2_img2_hover.jpg);
}

.mc2_img3 {
    background-image: url(../images/main_con2_img3.jpg);
}

.mc2_img3:hover {
    background-image: url(../images/main_con2_img3_hover.jpg);
}


.mc2_img4 {
    background-image: url(../images/main_con2_img4.jpg);
}

.mc2_img4:hover {
    background-image: url(../images/main_con2_img4_hover.jpg);
}

.mc2_img5 {
    background-image: url(../images/main_con2_img5.jpg);
}

.mc2_img5:hover {
    background-image: url(../images/main_con2_img5_hover.jpg);
}

.mc2_img6 {
    background-image: url(../images/main_con2_img6.jpg);  
}

.mc2_img6:hover {
    background-image: url(../images/main_con2_img6_hover.jpg);
}

.mc2_img7 {
    background-image: url(../images/main_con2_img7.jpg);
}

.mc2_img7:hover {
    background-image: url(../images/main_con2_img7_hover.jpg);
}

.mc2_img8 {
    background-image: url(../images/main_con2_img8.jpg);
}

.mc2_img8:hover {
    background-image: url(../images/main_con2_img8_hover.jpg);
}


/** 메인콘텐츠2 끝 **/


/** 메인콘텐츠3 **/

.main_con3_wrap {
    width: 100%;
    margin-bottom: 100px;
}

.m_c3_box {
    background-image: url(../images/main_con3_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


/** 메인콘텐츠3 끝 **/


/** 메인콘텐츠4 **/

.main_con4_wrap {
    width: 100%;
    margin-bottom: 130px;
}

.m_c4_box {
    max-width: 1400px;
    margin: auto;
}

.m_c4_box:after {
    clear: both;
    content: "";
    display: block;
}

.m_c4_cb {
    width: 33.33%;
    float: left;
}

.m_c4_c_box {
    width: calc(100% - 40px);
    box-sizing: border-box;
}

.m_c4_lb_top {
    width: 100%;
    position: relative;
    padding: 0 12px;
}

.m_c4_lb_top h1 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 24px;
    margin-bottom: 4px;
}

.m_c4_lb_top p {
    font-size: 16px;
    font-weight: 400;
    color: #6b5d52;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%
}

.m_c4_lb_top h2 {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 30px;
    font-weight: 700;
    transition: all ease 0.3s;
}

.m_c4_lb_top h2:hover {
    transform: rotate(-45deg);
    transition: all ease 0.3s;
}

.m_c4_lb_bop {
    width: 100%;
    overflow: hidden
}

.m_c4_lb_bop table {
    width: 100%;
    border-top: 2px solid #222;
    table-layout: fixed
}

.m_c4_lb_bop table tr {
    border-bottom: 1px solid #b2b2b2;
}

.m_c4_lb_bop table tr td {
    padding: 16px 12px;
    color: #222;
    font-size: 15px;
    font-weight: 400;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.m_c4_cb2 {
    width: 33.33%;
    float: left;
}

.m_c4_c2_box {
    width: 100%;
}

.m_c4_c2_top {
    width: 100%;
    position: relative;
    padding: 0 12px;
}

.m_c4_c2_top h1 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 24px;
    margin-bottom: 4px;
}

.m_c4_c2_top p {
    font-size: 16px;
    font-weight: 400;
    color: #6b5d52;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%
}

.m_c4_c2_bop {
    width: 100%;
    overflow: hidden;
}

.m_c4_c2_bop table {
    width: 100%;
    border-top: 2px solid #222;
    table-layout: fixed;
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 12px;
}

.m_c4_c2_bop table tr:nth-child(1) {
    border-bottom: 1px solid #b2b2b2;
    line-height: 80px
}

.m_c4_c2_bop table tr:nth-child(2) {
    line-height: 90px
}

.m_c4_c2_bop table tr:nth-child(3) {}

.m_c4_c2_bop table tr td img {
    margin-right: 6px;
}

.m_c4_c2_bop table tr th {
    background-color: #eeeeee;
    width: 30%;
}

.m_c4_c2_bop table tr th {
    font-size: 15px;
    font-weight: 600;
}

.m_c4_c2_bop table tr td:after {
    clear: both;
    content: "";
    display: block;
}

.m_c4_c2_bop table tr td div {
    float: left;
    line-height: 30px;
}

.m_c4_c2_tt td {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7%;
}

.m_c4_c2_tt td h2 {
    font-size: 17px;
    font-weight: 600;
    color: #6b5d52;
}

.m_c4_c2_bt td p {
    font-size: 17px;
    font-weight: 400;
    color: #222;
}

.m_c4_c2_bt td {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7%
}

.m_c4_c2_bop {}

.m_c4_c2_bbtom {
    padding-left: 12px;
}

.m_c4_c2_bbt_t {
    margin-bottom: 16px
}

.m_c4_c2_bbt_t h1 {
    color: #222;
    font-size: 15px;
    font-weight: 500
}

.m_c4_c2_bbt_b {
	margin-bottom : 14px;
}

.m_c4_c2_bbt_b:after {
    clear: both;
    content: "";
    display: block;
}

.m_c4_c2_bbt_b div {
    float: left;
}

.m_c4_c2_bbt_b div h2 {
    font-weight: 18px;
    font-weight: 500;
    margin-left: 16px;
    line-height: 30px;
}


/** 메인콘텐츠4 끝 **/


/** 푸터 **/

.footer {
    width: 100%;
    background-color: #241d19;
}

.footer_con {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer_con_t {
    margin-bottom: 10px;
}

.footer_con_t h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

.footer_con_m {
    margin-bottom: 18px;
}

.footer_con_m h2 {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin: 0 2%;
    letter-spacing: 1.2px
}

.footer_con_b {}

.footer_con_b div p {
    color: #c9c9c9;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 0 4px;
}


/** 푸터 끝 **/

/** 서브비주얼 **/

.sub_visual {
    width: 100%;
    height: 380px;
    background-image: url(../images/sub_visual.jpg);
    background-size: cover;
    background-position: center;
}

.sub_visual h1 {
    color: #fff;
    font-size: 33px;
    font-weight: 500;
    text-align: center;
    padding-top: 190px;
    line-height: 40px
}

/** 서브비주얼 끝 **/

/** 서브메뉴 **/

.sub_menu {
    width: 100%;
    height: 50px;
    background-color: #bea25f;
    text-align: center;
    color: #e2d4b4;
}

.sub_menu ul {
    width: 100%;
}

.sub_menu ul li {
    display: inline-block;
    margin: 0 45px;
}

.sub_menu ul a {
    line-height: 50px;
    font-size: 18px;
}

.active {
    color: #FFF;
}

/** 서브메뉴 끝 **/

/** 서브전체범위 **/

.sub_wrap {
    width: 100%;
    margin-bottom: 120px;
}

/** 서브전체범위 끝 **/

/** 서브타이틀 **/

.sub_title {
    margin-top: 60px;
    margin-bottom: 20px;
}

.sub_title h1 {
    color: #222;
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.4px;
}

/** 서브타이틀 끝 **/

/** 서브공통 **/

.s_s_title1 {
    font-size: 24px;
    font-weight: 500;
    color: #d0ac8c;
    margin-bottom: 16px;
    text-align: center;
}

.s_s_title2 {
    font-size: 24px;
    font-weight: 600;
    color: #d0ac8c;
    margin-bottom: 10px;
}

.s_s_title3 {
    font-size: 26px;
    font-weight: 600;
    color: #d0ac8c;
    margin-bottom: 14px;
    text-align: center;
}

.s33_table1_box {
	/* overflow-x: scroll; */
}

.s33_table2_box {
	overflow-x: scroll;
}

.s33_table3_box {
	overflow-x: scroll;
}

.s_box {
    margin-bottom: 40px;
    margin-top: 20px;
}

.s_box:after {
    clear: both;
    content: "";
    display: block;
}

.r_text {
    font-size: 16px;
    color: #eb5555;
}

.g_text {
    margin-bottom: 10px;
}

.g_text h1 {
    font-size: 24px;
    font-weight: 600;
    color: #d0ac8c;
}

.g_text2 {
    margin-bottom: 20px;
}

.g_text2 ul li {
    margin-left: 10px;
    color: #5c5046;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px;
}

.g_text2 ul li span {
    color: #eb5555;
}

.g_text2 ul li::before {
    content: "-";
    margin-left: -10px;
}



.sub_stitle {
    text-align: center;
}

.sub_stitle h1 {
    font-size: 24px;
    color: #222;
    font-weight: 500;
    margin-bottom: 20px;
}

.sub_stitle h1 span {
    font-size: 26px;
    color: #d0ac8c;
    font-weight: 600;
}


/** 서브공통 끝 **/

/** 서브0104_2_con1**/

.w_100 {
    width: 100%;
}

.mw_1100 {
    max-width: 1100px;
    margin: auto;
}

.mw_1200 {
    max-width: 1200px;
    margin: auto;
}

.mw_900 {
    max-width: 900px;
    margin: auto;
}

.mw_800 {
    max-width: 800px;
    margin: auto;
}

.s_table {}

.s_table table {
    width: 100%;
    text-align: left;
}

.s_table table th {
    padding: 1% 2%;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 500;
}

.s_table table th span {
    color: #ef0303;
    margin-left: 2px;
}

.s_table table td {
    padding: 1% 2%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}

.s_table table td span.on{
	font-size:12px;
	color: #222;
}

.s_table table td a {
	color : red;
}

.s_table table td input {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    border: 1px solid #d9d9d9;
    color: #373737;
    font-size: 14px;
}

.s0104_2_c1_bt {
    margin: 10px 0;
    text-align: right;
}

.s0104_2_c1_bt button {
    padding: 4px 12px;
    border: 1px solid #bea25f;
    background-color: #fff;
    color: #bea25f;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer
}

/** 서브0104_2_con1 끝**/

/** 서브0104_2_con2 **/

.s_list_box {
    max-width: 1100px;
    padding: 20px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}

.s_list_box:after {
    clear: both;
    content: "";
    display: block;
}

.s_list_ibox {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 10px;
}

.s_list_tbox {
    float: left;
    width: 80%;
    box-sizing: border-box;
    padding: 10px;
}

.s_l_ib_img {
    width: 100%;
}

.s_l_ib_img img {
    width: 100%;
}

.delete_bt {
    padding: 4px 10px;
    border: none;
    background-color: #8b8b8b;
    color: #fff;
}

.copy_bt {
    padding: 4px 10px;
    border: none;
    background-color: #484848;
    color: #fff;
}

/** 서브0104_2_con2 끝 **/

/** 서브0104_2_con3 **/

.s_s_c3_text {
    margin-bottom: 30px;
}

.s_s_c3_text p {
    font-size: 16px;
    color: #373737;
    font-weight: 500;
    margin-bottom: 2px;
}

.s_s_c3_text p span {
    font-size: 16px;
    color: #222;
    font-weight: 600;
    margin-left: 4px;
}

.s_table table textarea {
    width: 100%;
    min-height: 90px;
    box-sizing: border-box;
    padding: 10px 10px;
    font-size: 14px;
    border: 1px solid #d9d9d9;
}

.images_button {
    width: 77px;
    height: 33px;
    border: 1px solid #767676;
    background-color: #efefef;
    font-size: 14px;
    cursor: pointer;
}

/** 서브0104_2_con3 끝 **/

/** 서브0104_2_con4 **/

.s_s_c4_box {
    width: 100%;
    margin: auto;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px;
}

.s_c4_ct {
    width: 100%;
    margin-bottom: 6px;
}

.s_c4_ct:after {
    clear: both;
    content: "";
    display: block;
}

.s_c4_ct div {
    float: left;
}

.s_c4_check {
    width: 2%
}

.s_c4_text {
    width: 98%;
}

.s_c4_text p {
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
    color: #444444;
    font-size: 16px;
    font-weight: 400px;
}

.s_c4_text p span {
    color: #4a3713;
    font-weight: 500;
}

/** 서브0104_2_con4 끝 **/

/** 서브0104_2_con5 **/

.s_table table td select {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    border: 1px solid #d9d9d9;
    color: #373737;
    font-size: 14px;
}

.address_button {
    width: 77px;
    height: 33px;
    border: 1px solid #767676;
    background-color: #efefef;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
}

.address_input {
    margin-bottom: 10px;
}

/** 서브0104_2_con5 끝 **/

/** 서브0104_2_con6 **/

.s_s_c6_box {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    padding: 0 10px;
}

.s_c6_ct {
    margin: 10px 0;
    font-size: 16px;
}

.s_c6_ct p span {
    color: #737373;
}

.s_c6_ct:after {
    clear: both;
    content: "";
    display: block;
}

.s_c6_ct div {
    float: left;
}

.s_c6_check {
    margin-right: 10px;
}

/** 서브0104_2_con6 끝 **/

/** 페이지버튼 **/

.s_page_button {
    text-align: center;
}

.s_page_button button {
    background-color: #bea25f;
    border: none;
    padding: 14px 24px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

/** 페이지버튼 끝 **/

/** 서브0104_1_con1 **/

.s_s_precautions {
    width: 100%;
    margin-bottom: 14px;
}

.s_s_precautions textarea {
    width: 100%;
    border: 2px solid #c0a45b;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    padding: 25px 25px;
    height: 310px;
    overflow-x: hidden;
	line-height:2em;	
}

/** 서브0104_1_con1 끝 **/

/** 체크버튼 **/

.s0104_1_check input {
    display: none;
}

input[id="cb1"] + label {
    display: inline-block;
    cursor: pointer;
    background-image: url(../images/check_off.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    color: #b7b7b7;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
}

input[id="cb1"]:checked + label {
    display: inline-block;
    cursor: pointer;
    background-image: url(../images/check_on.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    color: #c0a45b;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
}

input[id="cb2"] + label {
    display: inline-block;
    cursor: pointer;
    background-image: url(../images/check_off.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    color: #b7b7b7;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
}

input[id="cb2"]:checked + label {
    display: inline-block;
    cursor: pointer;
    background-image: url(../images/check_on.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    color: #c0a45b;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
}

/** 체크버튼 끝 **/


/** 회원가입 **/

.sign_01_box {
    height: auto;
    margin: auto;
    box-sizing: border-box;
    border: 3px solid #bfa260;
    background-color: #bfa260;
    text-align: center;
    margin-left: 10px;
    float: right;
}

.sign_01_box img {
    margin-top: 32px;
    margin-bottom: 10px;
}

.sign_01_box h1 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 6px 14px;
}

.s_input_50 {
    width: 46% !important;
    display: inline-block;
}

.s_p {
    display: inline-block;
    font-size: 16px;
}

/** 회원가입 끝 **/

/** product_bt**/

.product_bt {
    max-width: 1100px;
    margin: auto;
    text-align: right;
}

.product_bt button {
    background-color: #bea25f;
    border: none;
    padding: 10px 24px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-left: 10px;
}

/** product_bt 끝**/


/** 마이페이지 **/

.my_con1 {
    width: 100%;
    margin-bottom: 10px;
}

.my_con1:after {
    clear: both;
    content: "";
    display: block;
}

.my_c1_lb {
    width: 340px;
    box-sizing: border-box;
    padding: 21px 20px 21px 30px;
    border: 2px solid #c0a45b;
    float: left;
}

.my_c1_lb:after {
    clear: both;
    content: "";
    display: block;
}

.my_c1_imgb {
    float: left;
    margin-right: 34px;
}

.my_c1_imgb img {
    width: 76px;
}

.my_c1_textb {
    float: left;
    width: 60%;
}

.my_c1_textb h1 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    line-height: 16px;
}

.my_c1_textb p span {
    color: #c0a45b;
    font-size: 16px;
    font-weight: 500;
}

.my_name {
    margin-bottom: 4px;
    line-height: 16px;
}

.my_name:after {
    clear: both;
    content: "";
    display: block;
}

.my_name h1 {
    color: #222;
    font-size: 20px;
    float: left;
    margin-right: 10px;
}

.my_name img {
    margin-top: -10px;
}

.my_position {
    margin-bottom: 10px;
}

.my_dp {}

.my_dp_t {
    line-height: 16px;
    margin-bottom: 4px;
}

.my_dp_t div {
    float: left;
}

.my_dp_t:after {
    clear: both;
    content: "";
    display: block;
}

.my_d_i {
    margin-right: 6px;
}

.my_d_t {
    color: #373737;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}

.my_d_t2 {
    color: #e91e5a;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #e91e5a;
}

.my_dp_b {
    line-height: 16px
}

.my_dp_b div {
    float: left;
}

.my_dp_b:after {
    clear: both;
    content: "";
    display: block;
}

.my_p_i {
    margin-right: 6px;
}

.my_p_t {
    color: #373737;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}

.my_p_t2 {
    color: #e91e5a;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #e91e5a;
}

.my_c1_rb {
    float: left;
    width: 450px;
}

.my_c1_rb:after {
    clear: both;
    content: "";
    display: block;
}

.my_c1_bt {
    width: 140px;
    box-sizing: border-box;
    margin: 0 0px 10px 10px;
    border: 2px solid #c0a45b;
    transition: all 0.4s ease-in-out;
    background-color: #fff;
    cursor: pointer;
    float: left;
}
.my_c1_bt:hover {
    background-color: #c0a45b
}

.my_c1_bt:hover h2 {
    color: #fff
}
.my_c1_bt h2 {
    font-size: 16px;
    color: #373737;
    font-weight: 600;
    text-align: center;
    padding: 20px 0px;
}


.my_lv wrap{
	width:100%;
	padding-top:20px;	
}
.my_lvTit{
	width:50%;
	float:left;
	padding:10px 10px;;	
	border-top: 2px solid #c0a45b;
}
.my_lvTit h1:after {
	clear: both;
    content: "";
    display: block;
}
.my_lvTit h1{
	width:100%;
	font-size:20px;
	font-weight:500;
	color:#c0a45b;
	padding-bottom:10px;
}
.my_lvTit h2{
	width:100%;
	font-size:20px;
	font-weight:500;
	color:#000000;
	padding-bottom:10px;
}
.my_lvTit span{
	color:#c0a45b;
}
.my_lvTit p{
	color:gray;
	font-weight:500;
}
.my_lvTit span.on{
	color:#000000;
	font-size:16px;
	line-height:6em;
}
.lv_bar{
	/*
	position:relative;
	transform:translate(-50%, -50%;);
	*/
    width:100%; height:15px;
	border-radius:30px;
    background-color:#fff;
	border: 1px solid #e91e5a;
    overflow:hidden;
}
.bar{
	width:100%; height:15px;
	background-color:#fff;
	/*background-color:#e91e5a;*/
	border-right: 1px solid #e91e5a;	
}
.bar .bar01{
	width:19%; height:15px;	
}
.bar div{
	float:left;
	border-right: 1px solid #e91e5a;
}
/*
.bar div:nth-child(1){
	background-color:#e91e5a;
}
*/
.my_lv:after {
    clear: both;
    content: "";
    display: block;
}
.my_lv{
	width:100%;
	padding-top:20px;	
	padding-bottom:20px;		
}
.my_lv .lv1{
	float:left;
	/* margin-right:5%;*/
	/*display:flex;
	justify-content: */	
}
/* .my_lv div:nth-child(5){margin-right:0;} */
.my_lv .lv1 dl{
	font-size:12px;
	text-align:center;
	/*margin-left:-70px;*/
}
.my_lv .lv1 dl span{
	font-weight:bold;
	font-size:14px;
	color:#000000;
}

.my_m{
	width:100%;	
	border-bottom: 2px solid #c0a45b;
	padding:10px 0;
}
.my_mIn{
	width:100%;
	border-top: 1px solid #cccccc;
	padding-top:10px;
}
.my_m:after{
	clear:both;
	content: "";
	display:block;
}

.my_m div{
	float:right;
}
.my_m div:nth-child(1){margin-right:0;}
.my_m1 dl.on{
	font-size:16px;
	border-right:1px solid #cccccc;
	padding:0 40px;
}
.my_m1 dl.on span{
	font-size:28px;
}
.my_m2 dl.on{
	font-size:16px;
	line-height:2em;
	padding:0 40px;
}
.my_m2 dl.on span{
	font-size:18px;
}
/***/


.my_con2 {
    width: 100%;
    margin-bottom: 20px;
}

.my_c2_box {padding-top:20px;}

.my_c2_box ul:after {
    clear: both;
    content: "";
    display: block;
}

.my_c2_box ul li {
    margin-right: 10px;
    margin-bottom: 10px;
    color: #c0a45b;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: 1px solid #c0a45b;
    transition: all 0.4s ease-in-out;
    text-align: center;
    padding: 4px 20px;
    border-radius: 30px;
    float: left;
}

.my_c2_box ul li:hover {
    background-color: #c0a45b;
    color: #fff
}

.my_con3 {
    margin-bottom: 30px;
}

.my_c3_t {
    margin-bottom: 10px;
}

.my_c3_t:after {
    clear: both;
    content: "";
    display: block;
}

.my_title {
    float: left;
    text-align: left
}

.my_title {
    font-size: 24px;
    color: #d0ac8c;
    font-weight: 600;
}

.my_c3_bt {
    float: right;
    text-align: right;
}

.my_c3_bt p {
    display: inline-block;
    text-align: right;
    color: #373737;
    font-size: 16px;
    font-weight: 500;
    margin-left: 14px;
}

.my_p_list {
    width: 100%;
    border-top: 2px solid #c0a45b;
    background-color: #fff;
}

.my_p_box {
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #cccccc
}

.my_p_box:after {
    clear: both;
    content: "";
    display: block;
}

.my_p_01box {
    box-sizing: border-box;
    width: 14%;
    text-align: center;
    position: relative
}

.my_p_01box input {}

.my_p_01box h1 {
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: 500;
}

.my_p_01box button {
    font-size: 12px;
    background-color: #c0a45b;
    border: none;
    border-radius: 20px;
    padding: 2px 10px;
    color: #fff;
}

.my_p_02box {
    box-sizing: border-box;
    width: 46%;
    background-color: #f5f5f5;
    font-size: 14px;
}

.my_p_02box:after {
    clear: both;
    content: "";
    display: block;
}

.my_p_b2_ib {
    float: left;
    width: 18%;
    height: 104px;
    overflow: hidden;
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
	margin-bottom : 10px;
}

.my_p_b2_ib img {
    width: 100%;
}

.my_p_b2_tb {
    float: left;
    padding: 20px 10px 20px 0px;
    width: 82%;
    box-sizing: border-box;
}

.my_p_03box {
    box-sizing: border-box;
    width: 13%;
    box-sizing: border-box;
    padding-left: 0px;
    font-size: 14px;
    position: relative
}

.my_p_04box {
    box-sizing: border-box;
    width: 16%;
    padding: 10px;
    font-size: 14px;
    position: relative
}

.my_p_05box {
    box-sizing: border-box;
    width: 14%;
    padding: 10px;
    font-size: 14px;
    position: relative
}

.my_p_b2_list:after {
    clear: both;
    content: "";
    display: block;
}

.my_p_b2_lb {
    float: left;
    width: 70px;
}

.my_p_b2_lb h2 {
    color: #363636;
    font-size: 14px;
    font-weight: 500;
}

.my_p_b2_rb {
    float: left;
    word-break: break-all;
}

.my_p_b2_rb p {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.my_p_b4_tb {
    margin-bottom: 4px;
}

.active2 {
    background-color: #c0a45b;
}

.active2 h2 {
    color: #fff;
}

.active3 {
    background-color: #c0a45b !important;
    color: #fff !important;
}

.my_p_b4_bt button {
    width: 100%;
    border: none;
    background-color: #e31957;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 2px;
    cursor: pointer;
    margin-bottom: 10px;
}

.my_p_2b_d {
    display: block;
    border-bottom: 1px solid #d9d9d9;
    position: relative
}

.my_p_2b_d:after {
    clear: both;
    content: "";
    display: block;
}

.my_p_01_con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.my_p_03_con {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25%;
    transform: translateY(-50%);
}

.my_p_04_con {
    /*position: absolute;
	margin-left: -25%
	*/
    top: 10px;
    left: 50%;
    
}

/** 마이페이지 끝 **/

/** 예치금 **/

.dp_con .dp_tbWrap{display:flex; justify-content:space-between;}

.dp_tb {
    width:40%;
    max-width: 430px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    padding: 14px 10px;
    background-color: #fff;
    margin-bottom: 10px;
}
.dp_tb2{
    width:60%;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    padding: 14px 20px;
    background-color: #fff;
    margin-bottom: 10px;
}
.dp_tb2 .dp_tb2_txt1{margin-bottom:20px;line-height:1.5em;}
.dp_tb2 .dp_tb2_txt1 h1{font-size:16px; font-weight:600; color:#222;}
.dp_tb2 .dp_tb2_txt1 p{font-size:14px; }
.dp_tb2 .dp_tb2_txt2{line-height:1.5em;}
.dp_tb2 .dp_tb2_txt2 h1{font-size:16px; font-weight:600; color:#222;}
.dp_tb2 .dp_tb2_txt2 p{font-size:14px;} 
.dp_tb2 .dp_tb2_txt2 p span{font-size:14px; color: #e91e5a; font-weight:600;}



.dp_t_t {}
.dp_t_t:after {
    clear: both;
    content: "";
    display: block;
}
.dp_t_t div {vertical-align: middle;}
.dp_t_t_l {float: left}
.dp_t_t_r {float: right}
.dp_t_t h1 {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    padding-top: 6px
}

.dp_t_t h2 {
    color: #e91e5a;
    font-size: 22px;
    font-weight: 600;
}

.dp_t_b {padding: 10px 0 2px 0;}

.dp_t_b:after {
    clear: both;
    content: "";
    display: block;
}

.dp_t_b_l {
    float: left;
    width: 75%;
}

.dp_t_b_l input {
    /*max-width: 240px;*/
    border: 1px solid #f62749;
    padding: 6px 10px;
    font-size: 16px;
    color: #e91e5a;
    box-sizing: border-box;
    width: 90%;
}

.dp_t_b_r {
    float: right;
    width: 25%
}

.dp_t_b_r button {
    background-color: #f62749;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    border: none;
    width: 100%;
}

.dp_mb {
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    padding: 14px 10px;
    background-color: #fff;
}

.dp_m_t {
    margin-bottom: 10px;
}
.dp_m_t h2{text-align:center; color:#f62749; font-size: 18px;}
.dp_m_t h1 {
    color: #222;
    font-size: 16px;
    font-weight: 600;
}

.dp_m_t ul {}

.dp_m_t ul li {
    font-weight: 14px;
    color: #222;
    line-height: 22px;
}

.dp_t_input {
    margin-bottom: 10px
}

.s_table:after {
    clear: both;
    content: "";
    display: block;
}

.s_table button {
    margin-top: 10px;
    float: right;
    color: #fff;
    font-size: 14px;
    background-color: #cccccc;
    border: none;
    padding: 4px 8px;
    cursor: pointer;
}

.dp_bb_t {
    width: 100%;
    margin-bottom: 10px;
}

.dp_bb_t:after {
    clear: both;
    content: "";
    display: block;
}

.bp_b_t_lb {
    float: left;
}

.bp_b_t_lb:after {
    clear: both;
    content: "";
    display: block;
}

.bp_b_t_lb input {
    float: left;
    box-sizing: border-box;
    padding: 6px 10px;
    border: 1px solid #d9d9d9;
    color: #373737;
    font-size: 14px;
}

.bp_b_t_lb p {
    float: left;
    margin: 0 10px;
    color: #373737;
    line-height: 34px;
}

.bp_b_t_lb button {
    font-size: 14px;
    color: #fff;
    background-color: #c0a45b;
    border: none;
    margin: 0 6px;
    padding: 8px 20px;
}

.bp_b_t_rb {
    float: right;
}

.bp_b_t_rb:after {
    clear: both;
    content: "";
    display: block;
}

.bp_b_t_rb div {
    cursor: pointer;
    float: left;
}

.dp_list_bt1 {
    background-color: #b1b1b1;
    font-size: 14px;
    border: none;
    border-radius: 20px;
    padding: 2px 10px;
    color: #fff;
    margin: 3px
}

.dp_list_bt2 {
    background-color: #375dd7;
    font-size: 14px;
    border: none;
    border-radius: 20px;
    padding: 2px 10px;
    color: #fff;
    margin: 3px
}

.dp_list_bt3 {
    background-color: #ec008c;
    font-size: 14px;
    border: none;
    border-radius: 20px;
    padding: 2px 10px;
    color: #fff;
    margin: 3px
}

.dp_list_bt4 {
    background-color: #9d823d;
    font-size: 14px;
    border: none;
    border-radius: 20px;
    padding: 2px 10px;
    color: #fff;
    margin: 3px;
}

.dp_bb {
    margin-top: 30px;
}

.dp_bb_b {}

.dp_bb_b table {
    width: 100%;
}

.dp_bb_b table th {
    background-color: #c0a45b;
    color: #fff;
    font-size: 14px;
    padding: 10px 0px;
    text-align: center;
    font-weight: 600;
}

.dp_bb_b table td {
    text-align: center;
    padding: 10px 4px;
    border: 1px solid #cecece;
    font-size: 14px;
}

/** 예치금 끝 **/


/** 결제 **/

.payment_con {}

.payment_con:after {
    clear: both;
    content: "";
    display: block;
}

.payment_lb {
    width: 60%;
    float: left
}

.payment_rb {
    width: 40%;
    float: right;
}

.pbox {
    margin-bottom: 30px;
}

.pay_box {
    width: 100%;
    margin-bottom: 20px;
}

.pay_box:after {
    clear: both;
    content: "";
    display: block;
}

.pay_box div {
    float: left;
}

.pay_box div h1 {
    margin-left: 20px;
    margin-right: 16px;
    font-size: 16px;
    color: #222;
    font-weight: 500;
}

.pay_1b {
    border-bottom: 1px solid #cdcdcd;
    text-align: right;
    box-sizing: border-box;
    width: 300px;
    padding: 0 4px;
    font-size: 15px;
}

.pay_2b input {
    border: none;
    border-bottom: 1px solid #cdcdcd;
    text-align: right;
    box-sizing: border-box;
    width: 300px;
    padding: 0 4px;
    font-size: 15px;
    color: #222;
    background-color: #f9f9f9;
}

.pay_1b h2 {
    color: #222;
}

.pay_bt {
    margin-left: 6px;
}

.pay_bt button {
    font-size: 14px;
    color: #fff;
    background-color: #848484;
    border: none;
    padding: 4px 14px;
    cursor: pointer;
    cursor: pointer;
}

.pay_list {}

.pay_list:after {
    clear: both;
    content: "";
    display: block;
}

.pay_list_bt {
    margin-left: 20px;
}

.pay_list_bt:after {
    clear: both;
    content: "";
    display: block;
}

.pay_list_bt div {
    float: left;
}

.pay_list_bt div h1 {
    margin-left: 10px;
    color: #373737;
}

.pay_r_bt {
    max-width: 360px;
    box-sizing: border-box;
    padding: 30px 25px;
    background-color: #f1f1f1;
}

.pay_r_bt_con {
    background-color: #fff;
    margin-bottom: 10px;
}

.pay_r_sbox {
    width: 90%;
    margin: auto;
    border-bottom: 1px solid #cdcdcd;
    background-color: #fff;
    box-sizing: border-box;
    padding: 14px 0 8px 0;
    text-align: center;
}

.pay_r_sbox h1 {
    color: #d0ac8c;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.pay_r_sbox h2 {
    color: #222;
    font-size: 16px;
}

.pay_r_sbox2 {
    width: 90%;
    margin: auto;
    background-color: #fff;
    box-sizing: border-box;
    padding: 14px 0 8px 0;
    text-align: center;
}

.pay_r_sbox2 h1 {
    color: #f62749;
    font-size: 16px;
    font-weight: 600;
}

.pay_r_sbox2 h2 {
    color: #f62749;
    font-size: 16px;
    font-weight: 500;
}

.pay_r_bt_con button {
    width: 100%;
    background-color: #f62749;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    box-sizing: border-box;
    padding: 10px;
    cursor: pointer;
}

/** 결제 끝 **/

/** 서브0103 **/

.s_03_t {
    margin-bottom: 10px;
}

.s_03_t p {
    font-size: 15px;
    color: #333;
}

.s_table table td p {
    font-size: 14px;
    color: #373737;
}

.s_table table td p span {
    color: red;
}

/** 서브0103 끝 **/

/** 서브0101 **/

.s0101_con {}

.s11_con1 {
    text-align: center;
    margin-bottom: 100px;
}

.s11_con1 h1 {
    font-size: 24px;
    color: #222;
    font-weight: 500;
    margin-bottom: 10px;
}

.s11_con1 h1 span {
    font-size: 26px;
    color: #d0ac8c;
    font-weight: 600;
}

.s11_con1 p {
    font-size: 18px;
    color: #5c5046;
    font-weight: 400;
    margin-bottom: 70px;
}

.s11_con1_img {
    width: 868px;
    margin: auto;
}

.s11_con1_img img {
    width: 100%;
}

.s11_con2 {
    margin-bottom: 70px;
}

.s11_c2_tb h1 {
    font-size: 24px;
    color: #222;
    font-weight: 500;
    margin-bottom: 10px;
}

.s11_con2 h1 span {
    font-size: 26px;
    color: #d0ac8c;
    font-weight: 600;
}

.s11_c2_tb {
    text-align: center;
    margin-bottom: 20px;
}

.s11_c2_bb {
    width: 100%;
    background-image: url(../images/s11_c2_bg.jpg);
    background-size: cover;
}

.s11_c2_b_tb {
    text-align: center;
}

.s11_c2_b_tb h1 {
    font-size: 24px;
    color: #222;
    font-weight: 500;
    padding: 40px 0px;
}

.s11_c2_b_mb {
    margin-bottom: 50px;
}

.s11_c2_b_mb ul:after {
    clear: both;
    content: "";
    display: block;
}

.s11_c2_b_mb ul {}

.s11_c2_b_mb ul li {
    width: 19%;
    margin-right: 1.2%;
    box-sizing: border-box;
    border: 2px solid #947458;
    background-color: #fff;
    text-align: center;
    padding: 10px;
    float: left;
    height: 240px;
}

.s11_c2_b_mb ul li h1 {
    font-size: 60px;
    color: #cdcdcd;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 10px;
}

.s11_c2_b_mb ul li h2 {
    font-size: 22px;
    color: #b89271;
    font-weight: 600;
    margin-bottom: 8px;
}

.s11_c2_b_mb ul li p {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    line-height: 18px;
}

.s11_c2_b_mb ul li:nth-child(5) {
    margin-right: 0px;
}

.s11_c2_b_bb {
    padding-bottom: 40px;
}

.s11_c2_b_b_t {
    margin-bottom: 10px;
}

.s11_c2_b_b_t h1 {
    font-size: 22px;
    color: #b89271;
    font-weight: 500;
}

.s11_c2_b_b_b {}

.s11_c2_b_b_b ul li {
    font-size: 18px;
    color: #222;
    margin-bottom: 4px;
    font-weight: 500;
}

.s11_con3 {
    margin-bottom: 100px;

}

.s11_c3_tb {
    text-align: center;
    margin-bottom: 50px;
}

.s11_c3_tb h1 {
    font-size: 24px;
    color: #222;
    font-weight: 500
}

.s11_c3_bb {}

.s11_c3_bb ul li {
    font-size: 18px;
    color: #eb5555;
    margin-bottom: 10px;
    letter-spacing: -0.9px;
}

.s11_con4 {}

.s11_c4_tb {
    text-align: center;
    margin-bottom: 50px;
}

.s11_c4_tb h1 {
    font-size: 24px;
    color: #222;
    font-weight: 500;
    width: 100%;
}

.s11_c4_bb {
    width: 100%;
    border: 2px solid #8f8062;
    box-sizing: border-box;
    padding: 10px;
    background-color: #fff;
}

.s11_c4_bb:after {
    clear: both;
    content: "";
    display: block;
}

.s11_c4_lb {
    float: left;
    border-right: 2px solid #8f8062;
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px
}

.s11_c4_rb {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding-left: 10px;
}

.s11_c4_lb_t {
    margin-bottom: 20px;
}

.s11_c4_lb_t h1 {
    color: #222;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
}

.s11_c4_lb_b {
    margin-bottom: 20px;
}

.s11_c4_lb_b ul li {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: -0.2px;
}

/** 서브0101 끝 **/

/** 서브0201 **/

.s21_con1 {
    text-align: center;
    margin-bottom: 70px;
}
.s21_con1 h2{
	font-size:24px;
	color:red;
	margin-bottom:20px;	
}
.s21_con1 p {
    font-size: 18px;
    color: #5c5046;
    font-weight: 400;
    margin-bottom: 60px;
    line-height: 30px
}

.s21_con1_img {
    max-width: 1200px;
    margin: auto;
}

.s21_con1_img img {
    width: 100%;
}

.s_c2_title {
    text-align: center;
    margin-bottom: 20px;
}

.s_c2_title h1 {
    color: #373737;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px
}

.s_c2_title h1 span{
	color:red;
}

.s21_c2_mb {
    max-width: 900px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
	border: 2px solid #c0a45b;		
}

.s21_c2_m_b:after {
    clear: both;
    content: "";
    display: block;
}

.s21_c2_m_b {
    margin-bottom: 30px;
	border-top:1px solid #c0a45b;	
}
.s21_c2_m_b:nth-child(1){
	border-top:none;
}

.s21_c2_mlb {
    float: left;
    max-width: 153px;
    width: 20%;
    /* margin-right: 5%; */
}

.s21_c2_mlb img {
    width: 90%;
	margin:25px 20px 0 20px;
}

.s21_c2_mrb ul{
    float: left;
    width: 75%;
	margin: 25px 0 0 30px;
}
.s21_c2_mrb {
	/* margin-top:25px; */
}

.s21_c2_mrb ul li {
    font-size: 16px;
    color: #222;
}

.s21_c2_bb {}

/** 서브0201 끝 **/

/** 서브0203 **/

.s23_con2 {
    margin-top: 80px;
}

/** 서브0203 끝 **/

/** 서브0301 **/

.s31_con1 {
    text-align: center;

}

.s31_con1 p {
    font-size: 18px;
    color: #5c5046;
    font-weight: 400;
    margin-bottom: 60px;
    line-height: 30px;
    margin-bottom: 60px;
}

.s31_con2 {}

.s31_c_box {
    text-align: center;
    margin-bottom: 70px;
}

.s31_c_box img {
    margin-bottom: 20px;
}

.s31_c_box h1 {
    color: #61554a;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}

.s31_c_box p {
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.6px;
}

.s31_c_box p span {
    color: #eb5555;
}
.s31_c_box p span.on{
	font-size: 18px;
} 

/** 서브0301 끝 **/

/** 요금표 **/

.s_tariff {
    max-width: 730px;
    margin: auto;
}

.s_tariff img {
    width: 100%;
}

/** 요금표 끝 **/

/** deposit_pay **/

.pay2_box {
    max-width: 430px;
    margin: 20px 0;
}

.pay2_box table th {
    padding: 1% 2%;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 500;
}

.pay2_box table td {
    padding: 1% 2%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}

.pay2_box table td input {
    width: 100%;
}

/** deposit_pay 끝 **/

/** e_service **/

.es_box {
    width: 100%;
    background-image: url(../images/es_bg.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.es_box table {
    margin-bottom: 60px;
    border: 2px solid #c0a45b
}

.es_box table th {
    padding: 15px 1% 15px 3%;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    width: 26%;
    box-sizing: border-box;
}

.es_box table th span {
    font-size: 15px;
    font-weight: 600;
    color: #373737;
    vertical-align: middle;
    letter-spacing: -1px
}

.es_box table th img {
    width: 46px;
    margin-right: 10px
}

.es_box table td {
    padding: 1% 2%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    box-sizing: border-box;
    opacity: 0.8;
}

.es_box table td p {
    font-size: 14px;
    font-weight: 500;
    color: #444;
}

/** e_service 끝 **/

/** kc **/

.kc_box {
    width: 100%;
    background-image: url(../images/kc_back.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.kc_box table {
    margin-bottom: 10px;
    border: 2px solid #c0a45b
}

.kc_box table th {
    padding: 15px 1% 15px 3%;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    width: 30%;
    box-sizing: border-box;
}

.kc_box table th span {
    font-size: 17px;
    font-weight: 600;
    color: #373737;
    vertical-align: middle;
    letter-spacing: -1px
}

.kc_box table th img {
    width: 46px;
    margin-right: 10px
}

.kc_box table td {
    padding: 1% 2%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    box-sizing: border-box;
    opacity: 0.8;
}

.kc_box table td p {
    font-size: 14px;
    font-weight: 500;
    color: #444;
}

.kc_ex {
    margin-top: 40px;
}

.kc_ex ul {
    margin-bottom: 26px;
}

.kc_img_box {
    margin-bottom: 20px;
}

.kc_img img {
    width: 100%;
}

.k_img1_2 {
    max-width: 596px;
}

.k_img3 {
    max-width: 280px;
}

.kc_st {
    margin-bottom: 16px;
}

.kc_st h2 {
    color: #222;
    font-size: 20px;
    font-weight: 500
}

/** kc 끝 **/



/** benefits **/

.bnf_con {
    width: 100%;
}

.bnf_tb {
    width: 100%;
    /*overflow-x: scroll;*/
    margin-bottom: 20px;
}

.bnf_tb table {
    text-align: center;
    border: 2px solid #c0a45b
}

.bnf_tb table th {
    padding: 15px 1% 15px 1%;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
}

.bnf_tb table th span {
    font-size: 15px;
    font-weight: 600;
    color: #373737;
    vertical-align: middle;
    letter-spacing: -1px;
}

.bnf_tb table th img {
    width: 66px;
}

.bnf_tb table td {
    padding: 1% 2%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    box-sizing: border-box;
}

.bnf_tb table td p {
    font-size: 14px;
    font-weight: 500;
    color: #444;
}

.bnf_tb .bnf_1tr td {
    padding: 1.4% 1%;
}

.bnf_bb {
    width: 100%;
    position: relative;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(../images/benefits_bg_2.png);
    background-size: 280px;
}

.bnf_bb ul {
    margin-bottom: 26px;
}

.bnf_bb ul li {
    margin-left: 10px;
    margin-bottom: 10px;
    color: #5c5046;
    font-size: 16px;
    font-weight: 400;
}

.bnf_bb ul li span {
    color: #eb5555;
}

.bnf_bb ul li::before {
    content: "-";
    margin-left: -10px;
}



/** benefits 끝 **/


/** 엑셀폼 **/

.excel_form {
    max-width: 630px;
    box-sizing: border-box;
    padding: 10px;
    border: 2px solid #c0a45b;
    margin: 10px;
    font-size: 16px;
}

.excel_con {
    margin-bottom: 15px;
}

.excel_con li span {
    color: #eb5555;
    font-weight: 600;
}

.excel_con input[type="button"] {
    background-color: #bea25f;
    border: none;
    color: #fff;
    padding: 10px 10px;
}

.excel_con2 input[type="file"] {
    background-color: #fff;
    border: 2px solid #bea25f;
    color: #fff;
    padding: 6px 10px;
    margin-bottom: 10px;
}

.excel_con2 input[type="submit"] {
    background-color: #bea25f;
    border: none;
    color: #fff;
    padding: 10px 10px;
    margin-bottom: 10px;
}

/** 엑셀폼 끝 **/

/** mypage_top **/
.mypage_top_box {
    margin-top: 140px;
}

/** mypage_top 끝 **/

/** s0303 **/

.s33_table_box {}

.s33_table1_box table {
    text-align: center;
    margin-bottom: 30px;
    border: 2px solid #c0a45b;
    box-sizing: border-box;
    font-size: 16px;
	/*min-width: 580px;*/
}

.s33_table1_box table td {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 4px 0;
}

.s33_table1_box table th {
    border: 1px solid #d9d9d9;
    background-color: #f2f2f2;
    box-sizing: border-box;
    padding: 4px 0;
    font-weight: 400;
	width : 33.333%;
}

.s33_table1_box table th img {
    margin-right: 6px;
}

.s33_table2_box table {
    text-align: left;
    margin-bottom: 10px;
    border: 2px solid #c0a45b;
    box-sizing: border-box;
    font-size: 16px;
}

.s33_table2_box table td {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 4px 10px 4px 10px;
}

.s33_table2_box table th {
    border: 1px solid #d9d9d9;
    background-color: #f2f2f2;
    box-sizing: border-box;
    padding: 4px 10px 4px 10px;
    width: 33.33%;
    color: #bea25f;
    font-weight: 400
}

.s33_table2_box table th img {
    margin-right: 6px;
}
.s33_table3_box table {
    text-align:center;
    margin-bottom: 10px;
    border: 2px solid #c0a45b;
    box-sizing: border-box;
    font-size: 16px;
}

.s33_table3_box table td {
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 4px;
}

.s33_table3_box table th {
    border: 1px solid #d9d9d9;
    background-color: #f2f2f2;
    box-sizing: border-box;
    padding: 4px 10px 4px 10px;
    _width: 33.33%;
    color: #bea25f;
    font-weight: 400
}

.s33_table3_box table th img {
    margin-right: 6px;
}

/** s0303 끝 **/

/** life_img **/

.life_ch {
    text-align: center
}

.life_img {
    max-width: 500px;
    margin: 30px auto 60px;
}

.life_img img {
    width: 100%;
}

/** life_img 끝 **/


/** mypage_top **/
.mypage_top_box {
    margin-top: 140px;
}

.ch_add_t {
    margin-bottom: 30px;
}

.ch_add_t p {
    font-size: 16px;
    color: #5c5046;
}

.ch_add_t p span {
    color: red;
}

/** mypage_top 끝 **/


/** fda **/

.fda_wrap {
    max-width: 1200px;
    margin: auto;
}

.fda_1s {
    width: 100%;
    margin-bottom: 60px;
}

.fda_box {
    width: 25%;
}

.fda_ib {
    height: 300px;
}

.fda_s1_bg1 {
    background-image: url(../images/fda_s1_img1.jpg);
    background-size: cover;
}

.fda_s1_bg2 {
    background-image: url(../images/fda_s1_img2.jpg);
    background-size: cover;
}

.fda_s1_bg3 {
    background-image: url(../images/fda_s1_img3.jpg);
    background-size: cover;
}

.fda_s1_bg4 {
    background-image: url(../images/fda_s1_img4.jpg);
    background-size: cover;
}

.fda_tb {
    height: 300px;
    position: relative;
    background-color: #fff;
}

.fda_tb_b {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    ;
    box-sizing: border-box;
    padding: 0 16%;
}

.fda_tb h1 {
    font-size: 22px;
    color: #222;
    line-height: 24px;
    margin-bottom: 12px;
    font-weight: 500
}

.fda_tb h2 {
    font-size: 16px;
    color: #222;
    line-height: 26px;
    font-weight: 500;
}

.fda_tb p {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    margin-top: 10px;
}

.fda_s1_con {
    margin-bottom: 10px;
}

.fda_s2_con {
    margin-bottom: 60px;
}

.fda_s2_ib {
    max-width: 850px;
    margin: 30px auto 30px;
}

.fda_s2_ib img {
    width: 100%;
}

.fda_table {
    text-align: left;
    background-color: #fff;
    font-size: 16px;
    margin-bottom: 60px;
}

.fda_table tr:nth-child(2n) {
    background-color: #ebebeb;
}

.fda_table th {
    box-sizing: border-box;
    background-color: #222;
    color: #fff;
    padding: 14px 20px
}

.fda_table td {
    box-sizing: border-box;
    padding: 10px 20px;
}

.fda_s4 {}

.fda_s4_con {
    margin-bottom: 60px;
}

.fda_s4_img {
    max-width: 1200px;
}

.fda_s4_img img {
    width: 100%
}

.fda_s5 {
    width: 100%;
}

.fda_s5_con {
    margin-bottom: 60px;
}

.fda_s5_img {
    max-width: 1100px;
    margin: auto;
}

.fda_s5_img img {
    width: 100%;
}

/** fda 끝 **/

/** sub0102 **/

.sub0102_con {
    width: 100%;
}

.sub0102_con img {
    width: 100%;
}

/** sub0102 끝 **/


/** sub0202 **/

.sub0202_con {
    width: 100%;
}

.sub0202_con img {
    width: 100%;
}

/** sub0202 끝 **/

/** sub0302 **/
.sub_title p{
	text-align:center;
	color:red;
	font-size:24px;
	margin:20px 0;
}
.sub0302_con {
    width: 100%;
}
.sub0302_1_con{
	
}

.sub0302_con img {
    width: 100%;
}

/** sub0302 끝 **/

.cnt_cmt {display : none;}

.my_p_01_box_wrap {position : relative;}

.my_p_03_box_wrap {position : relative;}

/** sub0502 **/

.s0502_i_b {
    width: 100%;
    height: auto;
    max-height: 800px;
    position: relative;
}

.s0502_i_b img {
    width: 100%;
    display: block;
}

.s0502_pdname {
    position: absolute;
    background-color: rgba(190, 162, 95, 0.7);
    width: 100%;
    color: #fff;
    bottom: 0px;
}

.s0502_pdname h1 {
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
}

.s0502_bt {
    text-align: right;
}

.s0502_bt:after {
clear : both;
content : "";
display : block;
}

.line_bt button {
    padding: 4px 12px;
    border: 1px solid #bea25f;
    background-color: #fff;
    color: #bea25f;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    margin-left: 10px;
    transition: all 0.3s;
}

.line_bt button:hover {
    background-color: #bea25f;
    color: #fff;
}

.s_table table td a img {
	width : 100%;
}

/** sub0502 끝 **/

/** sub0501 **/

.text_one_line {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s0501 {}

.s0501 ul {width: 100%;}

.s0501 ul:after {
    clear: both;
    content: "";
    display: block;
}

.pick_list ul li {
    float: left;
    margin-right: 2.6%;
    width: 23%;
    margin-bottom: 40px;
}

.pick_list ul li:nth-child(4n) {
    margin-right: 0px;
}

.s0501 .pd_img {
    position: relative;
    overflow: hidden;
	height : 0;
    /*padding-top: 110%;*/
	padding-top: calc(305 / 275 * 100%);
}

.s0501 .pd_img img {
    display: block;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}

.s0501 .pick_box {
    position: absolute;
    background-color: #bea25f;
    color: #fff;
    padding: 4px 50px 4px 10px;
    font-weight: 300;
    top: -14px;
    cursor: default;
    font-size: 14px;
    transition: all 0.3s;
}

.s0501 .pd_txt {
    position: relative;
    padding-top: 20px;
}

.s0501 .pd_txt h1 {
    color: #5f5043;
    font-size: 18px;
    font-weight: 500;
}

.s0501 .pd_txt p {
    color: #909090;
    font-size: 14px;
    font-weight: 400;
}

.s0501 ul li:hover .pd_img img {
    opacity: 0.8;
}

.s0501 ul li:hover .pick_box {
    background-color: #a38b4f;
}

.s0501 .search {text-align : right; margin-bottom : 20px;}

.s0501 .search:after {
clear : both;
content : "";
display : block;
}

.s0501 .search input[type="text"]{
    float: right;
    box-sizing: border-box;
    padding: 6px 10px;
    border: 1px solid #d9d9d9;
    color: #373737;
    font-size: 14px;
}

.s0501 .search input[type="submit"]{
	float: right;
    font-size: 14px;
    color: #fff;
    background-color: #c0a45b;
    border: none;
    margin: 0 6px;
    padding: 8px 20px;
}

/** sub0501 끝 **/

/** 카테고리박스 **/

.category {margin-bottom: 20px; border-bottom: 1px solid #d9d9d9;border-top: 2px solid #c0a45b; width: 100%; overflow-x: scroll}

.category .container {
     min-width: 620px;
   
}

.category ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
   
}
.category ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
    font-size: 15px;
}

.category ul.tabs li.current{
	background: #f2f2f2;
	color: #222;
}

.category .tab-content{
	display: none;
	background: #f2f2f2;
	padding: 15px 0;
}

.category .tab-content.current{
	display: inherit;
    width: 100%;
}

.category .tab-content .ca_menu {
    margin: auto; width: 100%
}

.category .tab-content .ca_menu li {
    font-size: 14px; color: #444; font-weight: 300; float: left; margin: 10px 15px;
}

.ca_selected {color: #c5a384 !important; font-weight: 500 !important}
/** 카테고리박스 끝 **/

/** 헤더 new아이콘 **/
.sub-menu img {margin-bottom : 18px; margin-left : -4px;}




/*변리사상담, 상표권 신청 게시판 css변경*/
.c_con{width:1400px; margin:0 auto;}