/*top banner*/
@import url(/styles/top_banner_style.css?ver=250715003);

/*pt layer*/
@import url(/styles/pt_layer_style.css);


/*웹폰트*/
/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
/*웹폰트*/

/*웹폰트 프리펜타드 st*/
@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: local('Pretendard Variable'), url('/font/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/font//Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

/*웹폰트 프리펜타드 end*/


/* CSS 초기화 st */
* {
    font-family: 'Nanum Gothic';
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/*카탈로그레이어 구현을 위해*/
#wrap {
    width: 100%;
    min-width: 980px;
}
/*카탈로그레이어 구현을 위해*/

caption:not(#addrCaption) {
    margin: 0;
    border: 0;
}

table:not(#addr_tbl) {
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

thead:not(.addrTHead) {
    margin: 0;
    border: 0;
}

tbody:not(.addrTBody) {
    margin: 0;
    border: 0;
}

th:not(.addrTH) {
    margin: 0;
    border: 0;
}

tr:not(.addrTR) {
    margin: 0;
}

td:not(.addrTD) {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul, li {
        list-style: none;
    }


ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

nav ul, li {
    list-style: none;
}


/* ie10이상 select박스 화살표 디자인 수정 */
select::-ms-expand {
    opacity: 0
}
/* CSS 초기화 ed */
/*아이폰 버튼 스타일 초기화 st */
input[type=text], input[type=password], input[type=submit], input[type=search], input[type=button], textarea, select {
    -webkit-appearance: none;
}
/*아이폰 버튼 스타일 초기화 ed */

/*--헤더--*/
.sk_sign_conf {
    position: absolute;
    top: 34px;
    left: 95px;
}

.sk_sign_cart {
    position: absolute;
    top: 34px;
    left: 165px;
}

.sk_header {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding-top: 0px;
    position: relative;
    z-index: 900;
    top: 0px;
    border: 0px solid blue;
}

.sk_gnb_bigbox {
    width: 100%;
    height: 135px;
    border: 0px solid red;
}

.sk_gnb_bbox {
    width: 980px;
    margin: 0 auto;
    position: relative;
    padding-top: 15px;
    border: 0px solid red;
}

/* 헤더 로고 250620 */
/*
.sk_gnb_logo {
    margin: 0 auto;
    margin-top: 10px;
    width: 125px;
    margin: 0 auto;
}

    .sk_gnb_logo img {
        width: 125px;
    }
*/

.sk_gnb_logo {
    width: 125px;
    height: 100px;
    margin: 0 auto;
}

    .sk_gnb_logo::before,
    .sk_gnb_logo::after {
        content: '';
        width: 125px;
        height: 55px;
        position: absolute;
        top: 25%;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%; /* 또는 contain, cover 등 */
    }

    .sk_gnb_logo::before {
        background-image: url('/images/main/shikigo_top_logo_nobright.png');
    }

    .sk_gnb_logo::after {
        animation: blink_ani 1.8s linear infinite;
        background-image: url('/images/main/shikigo_top_logo_bright.png');
    }

/* 헤더 로고 250620 */

/*--헤더 로그인전--*/
.sk_gnb_box {
    width: 400px;
    height: 110px;
    position: absolute;
    right: 0px;
    top: 20px;
    border: 0px solid orange;
}

.sk_loginbox {
    width: 100%;
    height: 80px;
    border: 0px solid red;
}

.sk_gnb_lebox {
    width: 240px;
    border: 3px solid #d60f1a;
    position: absolute;
    left: 4px;
    top: 35px;
    font-size: 13px;
}

/* 백업_190927_하청시키고
.sk_gnb_lebox {
    width: 38%;
    position: absolute;
    left: 0px;
    top: 35px;
    font-size: 13px;
}
*/

.sk_mn_txt01 {
    width: 200px;
    height: 45px;
    /*border: 3px solid #d92329;*/
    /*border: 3px solid #27aae1;*/
    border-right: none;
    font-size: 13px;
    /*color: #626262;*/
    margin-left: 0px;
    text-indent: 10px;
    float: left;
}

.sk_mn_btn01 {
    width: 40px;
    height: 51px;
    background: url(/images/shikigo/search_btn.png) no-repeat center;
    /*border: 3px solid #d92329;*/
    /*border: 3px solid #27aae1;*/
    cursor: pointer;
    float: right;
}

.sk_login_submit {
    width: 70px;
    height: 74px;
    background: #d92329;
    /*background: #27aae1;*/
    color: #fff;
    border: none;
    letter-spacing: -0.065em;
    font-size: 13px;
    cursor: pointer;
}

.sk_sc_leftbox {
    float: right;
    width: 152px;
    height: 80px;
    border: 0px solid blue;
}

.sk_sc_rightbox {
    float: right;
    width: 70px;
    height: 80px;
    border: 0px solid blue;
}

.sk_sc_leftbox ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sk_sc_leftbox_a {
    width: 145px;
    height: 33px;
    border: 1px solid #ccc;
    margin-bottom: 4px;
    font-size: 11px;
    text-indent: 10px;
    letter-spacing: -0.065em;
}

.sk_join_box {
    width: 100%;
    border: 0px solid orange;
}

    .sk_join_box ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .sk_join_box li {
        float: right;
        padding-left: 12px;
    }

.sk_join_but {
    background: none;
    border: none;
    font-size: 11px;
    color: #6c6c6c;
    cursor: pointer;
}

.shikigo_middle {
    margin: 0;
    vertical-align: middle;
}
/*--헤더 로그인전--*/


/*--헤더 로그인후--*/
.sk_gnb_after_box {
    width: 38%;
    height: 135px;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0px solid red;
}

.sk_gnb_after {
    width: 350px;
    height: 60px;
    margin: 0 auto;
    margin-top: 40px;
    border: 0px solid blue;
}

    .sk_gnb_after div {
        float: left;
        padding-left: 0px;
        width: 70px;
        border: 0px solid blue;
        cursor: pointer;
    }

        .sk_gnb_after div:first-child {
            padding-left: 0px;
        }

        .sk_gnb_after div ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .sk_gnb_after div li {
            font-size: 11px;
            color: #000;
            letter-spacing: -0.065em;
            margin: 0 auto;
            text-align: center;
        }

    .sk_gnb_after li img {
        width: 46px;
    }
/*--헤더 로그인후--*/

/*헤더로그인시 회원명 출력*/

.header_member_name {
    position: absolute;
    right: 20px;
    bottom: -8px;
    font-size: 13px;
    color: #0097ff;
}


/*--헤더카테고리--*/
.sk_main_shikigo_catg {
    width: 100%;
    height: 48px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.sk_main_catg_box {
    width: 980px;
    height: 48px;
    border: 0px solid blue;
    margin: 0 auto;
    background-color: #d60f1a
}

.sk_catg {
    width: 155px;
    height: 48px;
    float: left;
    cursor: pointer;
}

.sk_catgsub ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}



.sk_catgsub_sub{float:left; width:660px; height:20px; }
 .sk_catgsub_sub li {float: left; padding-left: 30px; font-size: 14px; letter-spacing: -0.065em;padding-top: 15px; cursor: pointer;font-family: 'Nanum Gothic';}

.sk_catgsub li a {color:#fff}


.header_all_click_box{float:left; width:150px;height:23px; position:relative;top:13px; border-right:1px solid #fff;cursor:pointer}
.header_all_click{position:relative;padding-left:5px;}
.header_all_click img{width:15px;position:relative;top:3px;left:15px;}
.header_all_click_text{font-size:15px;position:absolute;left:45px;color:#fff;top:2px;font-weight:bold;}
.header_all_click_text a {color:#fff}

.header_all_click_view {
    position: absolute;
    top: 186px;
    display: none;
    clear: both;
    z-index: 999 !important;
}


.sk_home {
    float: left;
}

    .sk_home img {
        padding-top:2px;
        width: 20px;
    }

.sk_homepad {
    padding-left: 3px;
    color: #fff;
    font-weight: bold;
}

.sk_catg_callcenter {
    float: right;
    position:relative;
    z-index:30000
}

    .sk_catg_callcenter ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .sk_catg_callcenter li {
        float: left;
        padding-right: 15px;
        font-size: 14px;
        letter-spacing: -0.065em;
        padding-top: 15px;
        cursor: pointer; /*
       border:1px solid blue*/
    }

        .sk_catg_callcenter li p {
            font-size: 22px;
            color: #d92329;
            font-weight: bold;
        }

        .sk_catg_callcenter li img {
            width:20px; position:relative;top:-2px;
        }
/*--헤더카테고리--*/


/*--헤더카테고리 출력영역--*/
.sk_navi_catg_box {
    display: none;
    width: 100%;
    background: #f8f8f8;
    /*position: absolute;*/
    top: 185px;
}

.sk_navi_catg_head {
    width: 100%;
    height: auto;
    border: 0px solid blue;
}

.sk_navi_catg_title {
    width: 980px;
    height: 50px;
    border: 0px solid red;
    margin: 0 auto;
}

.sk_navi_catg_p {
    float: left;
    width: 60%;
    font-size: 19px;
    color: #000;
    letter-spacing: -0.065em;
    padding: 15px 0px 0px 0px;
    cursor: pointer;
}

.sk_navi_catg_close {
    float: right;
    width: 30%;
    height: 80px;
    border: 0px solid red;
}

    .sk_navi_catg_close img {
        width: 55px;
        float: right;
        margin-top: 30px;
        margin-right: 20px;
        cursor: pointer;
    }

.sk_navi_catg_content {
    width: 100%;
    border: 0px solid blue;
    display: table;
    position:relative;
    z-index:900;
}

.sk_navi_catg_cont {
    width: 980px;
    /*min-height: 125px;*/
    border: 0px solid red;
    margin: 0 auto;
    /*padding-bottom: 20px;*/
}

/* 1차 카테고리 양쪽맞춤 정렬 */
.sk_navi_catg_iconbox {
    width: 980px;
    text-align: justify;
    margin: 0 auto;
    padding: 0;
}

    .sk_navi_catg_iconbox:after {
        content: '';
        display: inline-block;
        width: 100%;
    }

.sk_navi_catg_icon {
    width: 5.6em;
    height: 5.6em;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-bottom: 10px;
    cursor:pointer;
    overflow: hidden;
}

/* 1, 12, 23... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+1) {
    background-color: #f1f2ee;
    border-radius: 20px;
}
/* 2, 13, 24... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+2) {
    background-color: #edf1f3;
    border-radius: 20px;
}
/* 3, 14, 25... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+3) {
    background-color: #efebf8;
    border-radius: 20px;
}
/* 4, 15, 26... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+4) {
    background-color: #f2f2ee;
    border-radius: 20px;
}
/* 5, 16, 27... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+5) {
    background-color: #fef2ed;
    border-radius: 20px;
}
/* 6, 17, 28... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+6) {
    background-color: #ebf5fd;
    border-radius: 20px;
}
/* 7, 18, 29... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+7) {
    background-color: #fefded;
    border-radius: 20px;
}
/* 8, 19, 30... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+8) {
    background-color: #edfef4;
    border-radius: 20px;
}
/* 9, 20, 31... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+9) {
    background-color: #edeffe;
    border-radius: 20px;
}
/* 10, 21, 32... 번째 요소 */
.sk_navi_catg_iconbox > div:nth-child(9n+10) {
    background-color: #f2eeee;
    border-radius: 20px;
}
/* 11, 22, 33... 번째 요소 (11의 배수) */
.sk_navi_catg_iconbox > div:nth-child(11n+11) {
    background-color: #feeded;
    border-radius: 20px;
}



    /* 1차 카테고리 양쪽맞춤 정렬 */

.sk_navi_catg_icon:hover {
    background: #f4f7fa;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #4285f4;
}

.sk_navi_catg_icon ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .sk_navi_catg_icon li {
        width: 100%;
        height: 100%;
        font-size: 11px;
        color: #000;
        letter-spacing: -0.065em;
        padding-top: 0px;
        border-radius: 20px;
    }



    .sk_navi_catg_icon li:hover {
        background-color: #e2e4e7;
        border-radius: 20px;
    }

.sk_navi_catg_icon img {
    width: 90px;
}

.sk_catgicon_titbox {
    width: 956px;
    min-height: 60px;
    background: #ededed;
    border: 1px solid #e2e2e2;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-bottom: 20px;
    clear: both;
}

.sk_catgsecond {
    min-height: 60px;
    border: 0px solid red;
    margin: 10px;
}

    .sk_catgsecond ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .sk_catgsecond li {
        width: 200px;
        font-size: 12px;
        color: #000;
        letter-spacing: -0.065em;
        float: left;
        padding-left: 30px;
        padding-left: 30px;
        padding-top: 10px;
        cursor: pointer;
    }
/*--헤더카테고리 출력영역--*/


/*--헤더--*/




/*--메인바디영역--*/

/*main_visual*/
.sk_main_contect_wrap {
    width: 100%;
    position: relative;
}


.sk_mainvisualwrap {
    width: 100%;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    /*background: #f7f7f7*/
}

.sk_visualwrap {
    width: 980px;
    height: 300px;
    border: 0px solid blue;
    margin: 0 auto;
}

.sk_mainVisual {
    position: relative;
    z-index: 800;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    top: 0px;
}

    .sk_mainVisual .sk_visualBg {
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 300px;
        z-index: 50;
    }

    .sk_mainVisual .sk_visualBg1 {
        background: url("/images/shikigo/main_vi_1.png") no-repeat center 0;
    }

    .sk_mainVisual .sk_visualBg2 {
        background: url("/images/shikigo/main_vi_2.png") no-repeat center 0;
    }

    .sk_mainVisual .sk_visualBg3 {
        background: url("/images/shikigo/main_vi_3.png") no-repeat center 0;
    }

    .sk_mainVisual .sk_visualBg4 {
        background: url("/images/shikigo/main_vi_4.png") no-repeat center 0;
    }

    .sk_mainVisual .sk_visualBg5 {
        background: url("/images/shikigo/main_vi_5.png") no-repeat center 0;
    }

    .sk_mainVisual .sk_visualBg6 {
        background: url("/images/shikigo/main_vi_6.png") no-repeat center 0;
    }

    .sk_mainVisual .sk_controller {
        width: 100%;
        position: relative;
        z-index: 50;
        margin: 0 auto;
    }

    .sk_mainVisual .sk_controller {
        position: absolute;
        top: 0px;
        width: 94%;
    }

    .sk_mainVisual .sk_controller {
        float: left;
    }

.sk_main_arrow_box {
    position: relative;
    margin: 0 auto;
    display: none
}

.sk_main_arrow_left {
    float: left;
    position: relative;
    left: 150px;
    top: 160px;
}

.sk_main_arrow_right {
    float: right;
    position: relative;
    left: 0px;
    top: 160px;
}

.sk_mainVisual .sk_controller2 {
    width: 190px;
    position: relative;
    z-index: 900;
    margin: 0 auto;
}

    .sk_mainVisual .sk_controller2 li {
        float: left;
        padding-left: 7px
    }

        .sk_mainVisual .sk_controller2 li img {
            cursor: pointer;
        }

    .sk_mainVisual .sk_controller2 .sk_rollBtnD {
        position: absolute;
        top: 270px;
        left: -120px;
    }

        .sk_mainVisual .sk_controller2 .sk_rollBtnD ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
/*main_visual*/

/*sub banner*/
.sk_main_popup_visual {
    position: relative;
    width: 980px;
    height: auto;
    z-index: 800;
    border: 0px solid red;
    margin: 0 auto;
    top: -300px;
}

.sk_main_popup_box {
    position: absolute;
    right: 0px;
    width: 280px;
    height: 300px;
    border: 0px solid blue;
    /*overflow: hidden;*/
}
/*sub banner*/


/*dm 상세페이지*/
.sk_dmpagewrap {
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border: 0px solid blue;
}

.sk_dmwrap {
    width: 980px;
    min-height: 300px;
    margin: 0 auto;
    border: 0px solid blue;
}

.sk_dmtitle {
    width: 100%;
    height: 65px;
    border-bottom: 1px solid #555;
}

    .sk_dmtitle p {
        font-size: 20px;
        color: #000;
        text-align: left;
        font-family: NanumGothic;
        letter-spacing: -0.045em;
        line-height: 160%;
        padding: 23px 0px;
        font-weight: 600;
    }

.sk_dmcont {
    width: 100%;
    min-height: 300px;
    border: 0px solid red;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

/*dm 상세페이지*/


/*작업시유의사항 상세페이지*/
.sk_caution_cont {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

    .sk_caution_cont img {
        margin: 0 auto;
        padding-top: 30px;
    }

.sk_caution_text {
    font-size: 25px;
    color: #000;
    letter-spacing: -0.065em;
    padding-top: 30px;
    padding-bottom: 15px;
    text-align: left
}

.sk_caution_sp {
    font-size: 17px;
    color: #000;
    letter-spacing: -0.065em;
    text-align: left;
    padding-bottom: 30px;
}

.sk_caution_ct {
    font-size: 15px;
    color: #4b4b4b;
    letter-spacing: -0.065em;
    line-height: 160%;
    padding-top: 0px;
    text-align: left
}

    .sk_caution_ct span {
        color: #d92329
    }

.sk_caution_sub {
    font-size: 17px;
    color: #d92329;
    letter-spacing: -0.065em;
    line-height: 160%;
    padding-bottom: 5px;
    text-align: left
}

.sk_caution_ppx {
    font-size: 20px;
    color: #000;
    letter-spacing: -0.065em;
    padding-top: 30px;
    padding-bottom: 15px;
    font-weight: bold;
    text-align: left
}

    .sk_caution_ppx span {
        color: #d92329;
    }

.sk_caution_part {
    max-width: 980px;
    padding: 40px;
    margin-top: 30px;
    background: #f0f0f0;
    border: 1px solid #ddd;
}

/*작업시유의사항 상세페이지*/


/*제작자료실 서서브메뉴 st */
.pass_select {
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 30px 0px;
}

    .pass_select li {
        display: inline-block;
        width: 12%;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: -0.065em;
    }

.pass_on {
    border-bottom: 0px solid #ef4036;
    color: #ef4036;
}

.pass_off {
    border-bottom: 0px solid #bdbdbd;
    color: #222;
}

.pt_40 {
    padding-top: 40px;
    padding-bottom: 0px;
}

.tab_inner {
    display: none;
}
/*제작자료실 서서브메뉴 ed */




/*아주포스 상담문의*/
.sk_pos_kaplus {
    padding: 30px 0px;
}

    .sk_pos_kaplus img {
        cursor: pointer;
    }

.sk_vanpos_wrap {
    width: 100%;
    height: auto;
}

.sk_vanp {
    font-size: 25px;
    color: #000;
    letter-spacing: -0.065em;
    padding: 20px 0px;
}

.sk_join_textbox {
    width: 100%;
    margin: 0 auto;
    background-color: #f7f7f7;
    margin-bottom: 40px
}

.sk_join_textbox1 {
    height: 20px;
}

    .sk_join_textbox1 li {
        font-size: 15px;
        color: #474e61;
        padding-top: 16px;
    }

.sk_join_text_box {
    width: 94%;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    height: 150px;
    border: 1px solid #c7c7c7;
    background: #fff;
    color: #908e8e;
    font-size: 12px;
    padding: 10px 10px;
    line-height: 120%;
}

.sk_join_check {
    color: #474e61;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    padding-bottom: 20px;
    text-indent: 20px
}

    .sk_join_check .che_box {
        vertical-align: middle;
        margin-left: 3px;
        width: 19px;
        height: 19px;
        border: 1px solid #c7c7c7;
    }

.sk_iq_table_colgroup {
}

.sk_iq_table {
    width: 100%;
    font-size: 15px;
    text-align: left;
    letter-spacing: -0.5px;
    border-top: 1px solid #a1a1a1
}

    .sk_iq_table tr {
        border-bottom: 1px solid #ddd;
    }

.sk_join_tra {
    color: #474e61;
    font-weight: normal;
    vertical-align: middle;
    text-indent: 25px;
    font-size: 16px;
    font-weight: 300;
    width: 16%;
    background-color: #f8f8f8
}

    .sk_join_tra span {
        color: #474e61;
        vertical-align: middle;
        font-size: 18px;
        font-weight: bold;
        padding-left: 5px
    }

.sk_join_trb {
    padding: 12px 0px;
    padding-left: 15px;
    font-size: 1em;
    font-weight: normal;
    color: #564d44;
    letter-spacing: -0.5px;
}

    .sk_join_trb .trb_ex {
        color: #564d44;
        vertical-align: middle;
        padding: 33px 0 0 5px;
        font-weight: 100;
        font-size: 1em;
    }

.sk_trb_pa {
    text-indent: 25px;
    margin-top: -17px;
    color: #000;
}

.sk_join_trb ul {
    height: 30px;
}

.sk_join_trb li {
    float: left;
    margin-left: 10px;
}


.sk_rep_box {
    width: 83.5%;
    height: 40px;
    border: 1px solid #c7c7c7;
    text-indent: 8px;
}

.sk_rep_ainbox {
    width: 26%;
    height: 33px;
    border: 1px solid #c7c7c7;
    text-indent: 8px;
}

.sk_rep_textare_box {
    width: 95%;
    resize: none;
    border: 1px solid #c7c7c7;
    padding: 8px;
}

.sk_rep_abox {
    width: 28%;
    height: 35px;
    border: 1px solid #c7c7c7;
    font-size: 1em;
    color: #c7c7c7;
    background: url("/images/common/slt_arrow.png") no-repeat scroll 100% 50% #FFF;
    border-radius: 0px;
    text-indent: 0.01px;
    padding: 3px 2px 3px 5px;
    margin: 0px 5px 0px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.sk_rep_box_file {
    width: 90%;
    height: 33px;
    border: 1px solid #c7c7c7;
    vertical-align: top;
}


.sk_rep_bu_box {
    width: 100%;
    text-align: center;
    padding: 30px 0px 80px 0px;
}

.sk_rep_bu_a {
    width: 150px;
    background: #d92329;
    border: 0px solid #2b1612;
    color: #fff;
    height: 41px;
    cursor: pointer;
}

.sk_rep_bu_b {
    width: 150px;
    background-color: #757575;
    border: 0px solid #5d0805;
    color: #fff;
    height: 41px;
    cursor: pointer;
}

/*아주포스 상담문의*/



/*오른쪽배너*/
.sk_topbn {
    position: fixed;
    bottom: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 991;
}

.sk_rbn_a {
    position: fixed;
    bottom: 107px;
    right: 40px;
    cursor: pointer;
    z-index: 991;
}

.sk_rbn_b {
    position: fixed;
    bottom: 177px;
    right: 40px;
    cursor: pointer;
    z-index: 991;
}

.sk_rbn_c {
    position: fixed;
    bottom: 248px;
    right: 40px;
    cursor: pointer;
    z-index: 991;
}

.sk_rbn_d {
    position: fixed;
    bottom: 318px;
    right: 40px;
    cursor: pointer;
    z-index: 991;
}


.sk_rbn_alert {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #2f353e;
    position: absolute;
    left: -6px;
}

    .sk_rbn_alert p {
        font-size: 11px;
        color: #fff;
        letter-spacing: -0.065em;
        margin: 0 auto;
        text-align: center;
        padding-top: 5px;
    }

.sk_top_alert {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #2f353e;
    position: absolute;
    left: -6px;
}

    .sk_top_alert p {
        font-size: 11px;
        color: #fff;
        letter-spacing: -0.065em;
        margin: 0 auto;
        text-align: center;
        padding-top: 5px;
    }


@media all and (max-width:980px) {
    .sk_topbn {
        position: fixed;
        bottom: 30px;
        right: 20px;
        cursor: pointer;
        z-index: 991;
    }

        .sk_topbn img {
            width: 100px;
        }

    .sk_rbn_a {
        position: fixed;
        bottom: 140px;
        right: 20px;
        cursor: pointer;
        z-index: 991;
    }

    .sk_rbn_b {
        position: fixed;
        bottom: 250px;
        right: 20px;
        cursor: pointer;
        z-index: 991;
    }

    .sk_rbn_c {
        position: fixed;
        bottom: 360px;
        right: 20px;
        cursor: pointer;
        z-index: 991;
    }

    .sk_rbn_d {
        position: fixed;
        bottom: 467px;
        right: 20px;
        cursor: pointer;
        z-index: 991;
    }


    .sk_rbn_a img {
        width: 100px;
    }

    .sk_rbn_b img {
        width: 100px;
    }

    .sk_rbn_c img {
        width: 100px;
    }

    .sk_rbn_d img {
        width: 100px;
    }

    .sk_rbn_alert {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #2f353e;
        position: absolute;
        left: -25px;
        top: -10px;
    }

        .sk_rbn_alert p {
            font-size: 27px;
            color: #fff;
            letter-spacing: -0.065em;
            margin: 0 auto;
            text-align: center;
            padding-top: 7px;
        }

    .sk_top_alert {
        width: 23px;
        height: 23px;
        border-radius: 50%;
        background: #2f353e;
        position: absolute;
        left: -7px;
        top: -5px;
    }

        .sk_top_alert p {
            font-size: 12px;
            color: #fff;
            letter-spacing: -0.065em;
            margin: 0 auto;
            text-align: center;
            padding-top: 5px;
        }
}

/*오른쪽배너*/





/*메인 베스트상품영역*/

.sk_bestcont_wrap {
    width: 100%;
    height: 270px;
    border: 0px solid blue;
    margin: 0 auto;
    padding: 30px 0px;
    display: none;
}

.sk_bestcont {
    width: 980px;
    height: 270px;
    border: 0px solid red;
    margin: 0 auto;
}

.sk_besttitle {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
}

    .sk_besttitle img {
        width: 420px;
    }

.sk_bestcont ul {
    width: 100%;
    height: 133px;
}

.sk_bestcont li {
    float: left;
    height: 150px;
    padding-right: 13px;
    padding-top: 13px;
}

    .sk_bestcont li:last-child {
        padding-right: 0px;
    }

/*메인 베스트상품영역*/



/*메인 상품영역*/
.sk_product_area {
    width: 100%;
    position: relative;
}

.sk_product_contbox {
    width: 980px;
    margin: 0 auto;
    min-height: 805px;
    border: 0px solid blue;
}

.sk_product_content {
    width: 100%;
    height: auto;
    border: 0px solid red;
}

.sk_product_catg_head {
    width: 100%;
    height: 90px;
    border: 0px solid blue;
}

.sk_more_show {
    background: none;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    width: 100px;
    height: 40px;
    border: 1px solid #848484;
    letter-spacing: -0.065em;
    margin-top: 25px;
    margin-left: 50%;
    float: right;
}

    .sk_more_show:hover {
        color: #d92329;
        border: 1px solid #d92329;
    }

.sk_product_head_right {
    width: 50%;
    height: 90px;
    float: right;
    border: 0px solid blue;
}

    .sk_product_head_right ul {
        float: right;
    }

    .sk_product_head_right li {
        float: left;
        padding-left: 10px;
        font-size: 11px;
        letter-spacing: -0.065em;
        padding-top: 30px;
        font-family: 'Nanum Gothic'
    }

.sk_sep {
    width: 5px;
    color: #666;
}

.sk_gohome img {
    width: 17px;
}

.sk_product_head_left {
    width: 30%;
    height: 90px;
    float: left;
    border: 0px solid blue;
    font-family: 'Nanum Gothic'
}

    .sk_product_head_left ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .sk_product_head_left li {
        float: left;
    }

        .sk_product_head_left li:first-child {
            padding-top: 20px;
        }

        .sk_product_head_left li p {
            padding-top: 33px;
            padding-left: 10px;
            font-size: 23px;
            letter-spacing: -0.065em;
            font-weight: bold;
        }

            .sk_product_head_left li p span {
                color: #d92329;
            }

        .sk_product_head_left li img {
            width: 50px;
        }

.sk_product_inputarea {
    width: 100%;
    min-height: 706px;
    border: 1px solid red;
}

.sk_product_list_area {
    width: 980px;
    margin: 0 auto;
    min-height: 706px;
    border: 0px solid #eeeeee;
    margin-bottom: 0px;
}
/*메인 상품영역*/




/*페이지출력*/

.sk_pagingwrap {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    border: 0px solid blue;
}

.sk_pagebox {
    width: 260px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    border: 0px solid red;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .sk_pagebox ul {
        margin: 0 auto;
        display: table;
    }

    .sk_pagebox li {
        width: 36px;
        height: 36px;
        border: 1px solid #e6e6e6;
        float: left;
        margin-left: -1px;
        cursor: pointer;
    }

.sk_pagecell:hover {
    background: #f7f7f7;
}

.sk_pagebox p {
    font-size: 15px;
    color: #848484;
    margin: 0 auto;
    text-align: center;
    padding-top: 8px;
}

.sk_pagebox li img {
    width: 36px;
}

.sk_pagecell_ov {
    background: #f7f7f7;
}

    .sk_pagecell_ov p {
        color: #000;
        font-weight: bold;
    }
/*페이지출력*/


/*카테고리 페이지링크영역*/
a {
    text-decoration: none;
    color: black;
}

    a:visited {
        text-decoration: none;
        color: black;
    }

/*인증서 영역 st*/
.cert_wrap {
    width: 100%;
    min-width: 980px;
}

.cer_box {
    width: 980px;
    height: 78px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-left: 0px solid #c7c7c7;
    border-right: 0px solid #c7c7c7;
}

.cert_list {
    overflow: hidden;
    width: 860px;
    margin: 0 auto;
}

.cert_con {
    width: 1500px;
}

.cer_box li {
    float: left;
    border-right: 1px solid #d5d5d5;
    width: 172px;
    text-align: center;
}

    .cer_box li:first-child {
    }

    .cer_box li > img {
    }

.cert_arr_wrap {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    text-align: center;
    max-width: 980px;
}

.cert_controller {
    width: 980px;
    position: absolute;
    top: 858px;
    z-index: 10;
    margin: 0 auto;
}

.cert_arrow_box_l {
    position: absolute;
    left: 0;
}

.cert_arrow_box_r {
    position: absolute;
    right: 0;
}

#cert_arrow_left {
}

#cert_arrow_right {
}

#cert_list {
    width: 5000px;
    z-index: 5;
    position: relative;
}
/*인증서 영역 ed*/

/*푸터 영역 ed*/
.call_center_openbox {
    display: none;
}

footer {
    width: 100%;
    border-top: 1px solid #c7c7c7;
    min-width: 980px;
    position: relative;
    overflow-x: hidden;
}

.footer_box {
    width: 980px;
    height: 200px;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding-bottom: 15px;
}

.footer_logo {
    width: 100px;
    height: 38px;
    float: left;
    margin-top: 40px;
    margin-left: 0px;
}

    .footer_logo img {
        width: 110px;
    }

.footer_text {
    width: 435px;
    height: 85px;
    float: left;
    margin-top: 23px;
    margin-left: 35px;
}

    .footer_text li:first-child {
        font-size: 11px;
        color: #636363;
        letter-spacing: -0.5px;
    }

    .footer_text li span {
        color: #9b9b9b;
    }

    .footer_text li:last-child {
        font-size: 11px;
        color: #9b9b9b;
        margin-top: 11px;
        line-height: 18px;
    }

.footer_add {
    font-size: 11px;
    color: #9b9b9b;
    margin-top: 11px;
    line-height: 23px;
}

.footer_right {
    width: 275px;
    height: 185px;
    float: right;
    margin-top: 20px;
    border-left: 1px dotted #c7c7c7;
    padding-left: 30px
}

    .footer_right .fr_a1 {
        font-size: 15px;
        color: #424242;
        font-weight: bold;
        letter-spacing: -1px;
    }

.frigt_bu {
    border: 1px solid #7fcbff;
    width: 270px;
    height: 22px;
    color: #0097fe;
    background-color: #fff;
    margin-top: 8px;
    margin-bottom: 5px;
    cursor: pointer;
    letter-spacing: -1px;
}

    .frigt_bu:hover {
        border: 1px solid #7fcbff;
        width: 270px;
        height: 22px;
        color: #fff;
        background-color: #0097fe;
        margin-top: 8px;
        margin-bottom: 5px;
        cursor: pointer;
        letter-spacing: -1px;
    }

.footer_right .fr_a2 {
    font-size: 13px;
    color: #636363;
    line-height: 16px;
    letter-spacing: -1px;
    padding-top: 5px
}

.footer_right .fr_a3 {
    font-size: 15px;
    color: #424242;
    font-weight: bold;
    margin-top: 10px;
    letter-spacing: -1px;
}


.footer_se {
    width: 135px;
    height: 20px;
    color: #9b9b9b;
}

.sub_gnb_home {
    font-size: 12px;
    color: #b1b1b1;
    margin-bottom: 15px;
}

.mobile_footer_box {
    display: none;
}

.mobile_top {
    display: none;
}

.mobile_left {
    display: none;
}

.mobile_home {
    display: none;
}

.mobile_front {
    display: none;
}

.web_none {
    display: none;
}
/*푸터영역 끝*/

/*페이징 스타일*/
.autoMargin10 {
    margin: 10px auto;
    display: table;
}

.PagingCell_Ov {
    width: 23px;
    height: 18px;
    border-radius: 50px;
    background: #9b9b9b;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding-top: 2px;
    margin-left: 13px;
    display: inline-block;
}

.PagingCell {
    margin-top: 2px;
    font-size: 12px;
    color: #858585;
    font-weight: bold;
    margin-left: 13px;
    display: inline-block;
    padding-top: 2px;
}

.paging_box {
    width: 350px;
    height: 25px;
    background: url(/images/support/counting_bg.jpg)repeat;
    text-align: center;
}

.lblError {
    position: relative;
    top: 10px;
    text-align: center;
    width: 100%;
    color: red;
    border: 0px solid red;
    padding: 3px;
    margin: 10px auto;
    display: table;
}
/*페이징 스타일*/

/*--메인바디영역--*/


/*상품리스트 st*/

.gd_list_wrap {
    width: 980px;
    padding: 10px 0;
    margin: 0 auto;
}

.gd_list_area {
    padding: 0;
    border: 0px solid red;
}

.gd_list_box {
    padding-bottom: 0px;
    overflow: hidden;
    min-width: 980px;
    max-width: 1695px;
    margin: 0 auto;
    width: 100%;
    border: 0px solid red;
}

    .gd_list_box > li {
        border: 1px solid #e6e6e6;
        width: 235px;
        min-height: 660px;
        margin: 0;
        float: left;
        margin-top: 10px;
        margin-left: 10px;
    }

        .gd_list_box > li:first-child {
            margin-left: 0px;
        }

        .gd_list_box > li:hover {
            border: 1px solid #d92329;
        }

.gd_list {
    position: relative;
    overflow: hidden;
}

.gdlist_img {
    width: 230px;
    height: 248px;
    border-bottom: 1px solid #f5f5f5;
    display: table
}

    .gdlist_img > div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .gdlist_img img {
        max-width: 230px;
        max-height: 248px;
    }

.gdlist_con {
    width: 230px;
    text-align: left;
}

    .gdlist_con .gdlc_tit {
        font-size: 13px;
        letter-spacing: -1px;
        font-weight: bold;
        color: #424242;
        padding: 6px 5px;
        word-break: keep-all;
        border-bottom: 1px solid #f5f5f5;
    }

    .gdlist_con .gdlc_con {
        font-size: 13px;
        letter-spacing: -.5px;
        font-weight: normal;
        color: #6f6f6f;
        padding: 14px 20px 20px 20px;
        word-break: keep-all;
        line-height: 130%;
        border-bottom: 1px solid #e6e6e6;
    }

    .gdlist_con .gdlc_dt {
        font-size: 12px;
        letter-spacing: -.5px;
        font-weight: normal;
        color: #656565;
        padding: 8px 5px 8px 5px;
        overflow: hidden;
        background: #ffffff;
        float: left;
        width: 70px;
        border-bottom: 1px solid #f5f5f5;
    }

    .gdlist_con .gdlc_dd {
        font-size: 12px;
        letter-spacing: -.5px;
        font-weight: normal;
        color: #999999;
        padding: 8px 5px 8px 0px;
        overflow: hidden;
        background: #fff;
        float: left;
        width: 145px;
        border-bottom: 1px solid #f5f5f5;
    }

    .gdlist_con .gdlc_dd_sel {
        font-size: 12px;
        letter-spacing: -.5px;
        font-weight: normal;
        color: #999999;
        padding: 3px 5px 3px 0px;
        overflow: hidden;
        background: #fff;
        float: left;
        width: 140px;
        border-bottom: 1px solid #f5f5f5;
    }

    .gdlist_con .gdlc_dt_price {
        font-size: 12px;
        letter-spacing: -.5px;
        font-weight: normal;
        color: #656565;
        padding: 8px 5px 8px 5px;
        overflow: hidden;
        background: #f5f5f5;
        float: left;
        width: 70px;
        border-bottom: 1px solid #e6e6e6;
    }

    .gdlist_con .gdlc_dd_price {
        font-size: 12px;
        letter-spacing: -.5px;
        font-weight: normal;
        color: #999999;
        padding: 8px 5px 8px 0px;
        overflow: hidden;
        background: #f5f5f5;
        float: left;
        width: 145px;
        border-bottom: 1px solid #e6e6e6;
        text-align: right;
    }

    .gdlist_con .gdlc_dd_price_b {
        font-size: 14px;
        letter-spacing: -.5px;
        font-weight: bold;
        color: #454545;
        padding: 7px 5px 7px 0px;
        overflow: hidden;
        background: #f5f5f5;
        float: left;
        width: 145px;
        border-bottom: 1px solid #e6e6e6;
        text-align: right;
    }

    .gdlist_con b {
        color: #454545;
    }

    .gdlist_con span {
        color: #636363;
        font-weight: normal;
        font-size: 12px;
        letter-spacing: -1px;
    }

    .gdlist_con strong {
        color: #0097ff;
        font-weight: normal;
        font-size: 12px;
        letter-spacing: -1px;
    }

    .gdlist_con em {
        font-style: normal;
        color: #999999;
        font-size: 11px;
        padding-left: 5px;
    }

.gd_sel {
    width: 100px;
    border: 1px solid #d5d5d5;
    height: 26px;
    font-size: 12px;
    color: #666;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-indent: 0.01px;
    padding: 3px 30px 3px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}


.gdlc_button {
    padding: 5px;
    width: 220px;
    float: left;
}

.gd_btn1 {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    letter-spacing: -1px;
    background: #0097ff;
    padding: 2px 0;
    width: 50px;
    cursor: pointer;
    border: 1px solid #0097ff;
    float: right;
    margin-left: 3px;
    border-radius: 3px;
}

    .gd_btn1:hover {
        background: #fff;
        color: #0097ff;
        border: 1px solid #0097ff;
    }

.gd_btn2 {
    font-size: 11px;
    font-weight: normal;
    color: #0097ff;
    letter-spacing: -1px;
    background: #fff;
    padding: 2px 0;
    width: 50px;
    cursor: pointer;
    border: 1px solid #c7c7c7;
    float: left;
    border-radius: 3px;
}

.gdlist_view {
    position: absolute;
    top: 218px;
    right: -1px;
    cursor: pointer;
}

.share_product_box {
    width: 100%;
    height: 828px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    float: left;
    margin-bottom: 10px;
    margin-right: 2.3px;
}

    .share_product_box:hover {
        border-top: 1px solid #0097ff;
        border-left: 1px solid #0097ff;
        border-right: 1px solid #0097ff;
    }


    .share_product_box td {
        border-bottom: 0px solid #e6e6e6;
    }




.share_product_sbox {
    /*width: 246px;*/
    width: 100%;
    height: 232px;
    padding: 10px;
    text-align: center;
    border: 0px solid red;
    vertical-align: middle;
}


.share_product_name {
    width: 100%;
    height: 15px;
    padding: 5px 0px;
    background: url(/images/mypage/reform_name_bg.jpg) repeat;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -0.5px;
    border: 1px solid #e6e6e6;
    /*border-width: 1px 0px 1px 0px;*/
}


.share_product_text_left {
    width: 76px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 600;
    color: #9b9b9b;
    background-color: #fafafa;
    vertical-align: middle;
    letter-spacing: -0.5px;
    padding: 2px 5px;
    font-size: 12px;
}

.share_product_text_right {
    height: 28px;
    border-bottom: 1px solid #e6e6e6;
    color: #636363;
    vertical-align: middle;
    padding: 2px 5px;
    letter-spacing: -1px;
    font-size: 0.8em;
}

.share_product_text_left_end {
    width: 76px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 0px solid #e6e6e6;
    font-weight: 600;
    color: #9b9b9b;
    background-color: #fafafa;
    vertical-align: middle;
    letter-spacing: -0.5px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}

.share_product_text_right_end {
    height: 28px;
    border-bottom: 0px solid #e6e6e6;
    color: #636363;
    vertical-align: middle;
    text-align: right;
    letter-spacing: -0.5px;
}

/*상품리스트 페이징*/
.page_count_box {
    width: 100%;
    margin-bottom: 30px;
    clear: both
}

.counting_box {
    width: 500px;
    height: 25px;
    text-align: center;
    margin: 0 auto;
}
/*상품리스트 페이징*/

/*상품리스트 ed*/


/*팁(설명) 레이어 표시*/
.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 170%;
}

*[groupname="Tooltip"], *[groupname="ajaxTooltip"] {
    cursor: help;
}
/*팁(설명) 레이어 표시*/

/*찜하기*/
.eiams_layer_box {
    width: 420px;
    height: 226px;
    border: 2px solid #0097ff;
    background-color: white;
    text-align: center;
}

.eiams_layer_close {
    width: 410px;
    text-align: right;
    margin-top: 10px;
    cursor: pointer;
}

.eiams_layer_sbox {
    width: 390px;
    margin: 0 auto;
}

.eiams_layer_title {
    width: 100%;
    border-bottom: 1px solid #424242;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    letter-spacing: -0.5px;
    padding-bottom: 5px;
}

.eiams_layer_text {
    width: 390px;
    height: 120px;
    text-align: center;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    letter-spacing: -0.5px;
    color: #636363;
}

.eiams_layer_cart_bu {
    width: 120px;
    background-color: #fff;
    height: 24px;
    border: 1px solid #c7c7c7;
    color: #858585;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
    letter-spacing: normal;
    border-radius: 2px;
}

    .eiams_layer_cart_bu:hover {
        color: #0097ff;
    }

.eiams_layer_product_bu {
    width: 120px;
    background-color: #fff;
    height: 24px;
    border: 1px solid #c7c7c7;
    color: #858585;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
    letter-spacing: normal;
    border-radius: 2px;
}

    .eiams_layer_product_bu:hover {
        color: #0097ff;
    }
/*찜하기*/

/*검색어 찾기*/
#searchValLayer {
    position: absolute;
    display: table;
    clear: both;
    width: 337px;
    margin-left: 0px;
    margin-top: -1px;
    z-index: 900;
    /*border-left: 3px solid #d92329;
    border-right: 3px solid #d92329;
    border-bottom: 3px solid #d92329;*/
    border-left: 3px solid #27aae1;
    border-right: 3px solid #27aae1;
    border-bottom: 3px solid #27aae1;
}

}

.searchVal:first-of-type {
    line-height: 200%;
    cursor: pointer;
    border: 0;
    border-top: 0px dotted #bbbbbb;
    border-bottom: 0px dotted #bbbbbb;
}

.searchVal {
    padding: 1px 0px 3px 5px;
    line-height: 200%;
    cursor: pointer;
    border: 0;
    border-bottom: 0px dotted #bbbbbb;
    background: #fff;
}

    .searchVal:hover {
        background: #f7f7f7;
    }

.red {
    color: #df365f;
}

.more_price {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    letter-spacing: -1px;
    background: gray;
    padding: 2px 0;
    width: 50px;
    cursor: pointer;
    border: 1px solid gray;
    float: right;
    margin-left: 3px;
    border-radius: 3px;
}


/*상품상세페이지*/

.sk_sub_productwrap {
    width: 100%;
    height: 100%;
    border: 0px solid blue;
}

.sk_sub_productbox {
    width: 980px;
    height: 100%;
    border: 0px solid red;
    margin: 0 auto;
    margin-top: 30px;
}

.sk_product_infobox {
    display: table;
    /*
        width: 978px;
        height: auto;
    */
    border: 1px solid #ccc;
    padding-bottom: 0 0 20px 0;
    overflow: hidden;
    position:relative;
}

.sk_product_img {
    width: 480px;
    height: 540px;
    /*
        float: left;
        position: relative
    */
    position: relative;
    border: 0px solid blue;
    text-align: center;
    vertical-align:top;
    padding-top: 45px;
    display: table-cell;
    overflow: hidden;
}

.sk_product_img_soldout {
    position: absolute;
    top: 45px;
    left: 64px;
    z-index: 900;
    display: none;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}

.sk_product_data {
    width: 500px;
    height: auto;
    /*
    float: left;
    */
    vertical-align: top;
    border: 0px solid red;
    display: table-cell;
    overflow: hidden;
    padding-bottom: 30px;
}

.sk_databox_button {
    width: 470px;
    min-height: 30px;
    margin-top: 15px;
}

    .sk_databox_button div {
        float: right;
        margin-right: 4px;
    }


.sk_databox {
    width: 470px;
    min-height: 45px;
    border-bottom: 1px solid #eee;
}

.sk_datapad {
    margin-top: 20px;
}

.sk_infoleft {
    float: left;
    width: 100px;
}

.sk_inforight {
    float: left;
    width: 370px;
}

.sk_inleft {
    font-size: 15px;
    color: #000;
    padding-top: 14px;
    letter-spacing: -0.045em;
}

.sk_inright {
    font-size: 15px;
    color: #6d6d6d;
    padding-top: 8px;
    letter-spacing: -0.045em;
}

    .sk_inright span {
        color: #d92329;
    }

.sk_stress {
    color: #2a95d3;
}

.sk_sel_height {
    height: 120px;
}

.sk_option_box {
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #6d6d6d;
    text-indent: 10px;
    margin-top: 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.eo_sel {
    height: 30px;
    width: 195px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #6d6d6d;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-indent: 0px;
    padding: 3px 25px 3px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.eo_sel_box {
    width: 32%;
    margin-top:3px;
 
}

.eo_sel_box_amount {
    width: 18%;
}




.sk_text_soldout {
    margin-top: 0px;
    position: absolute;
    top: -15px;
    left: -6px;
    z-index: 90;
    /*display:none;*/
}


.sk_text_pricewrap {
    width: 463px;
    height: 60px;
    border: 1px solid #eee;
    margin-top: 15px;
    position: relative;
    padding: 10px 5px 10px 0px;
    background-color: #f5f5f5;
    border-radius: 5px
}

.sk_price_left {
    float: left;
    width: 235px;
}

.sk_price {
    font-size: 22px;
    color: #5d5d5d;
    letter-spacing: -0.095em;
    padding: 18px 0px 0px 20px;
    font-weight: bold;
    float: left;
}

.sk_price_vat {
    font-size: 15px;
    color: #5d5d5d;
    float: left;
    letter-spacing: -0.095em;
    margin-left: 12px;
    margin-top: 22px;
}

.sk_price_right {
    float: left;
    width: 224px;
}

.sk_price_num {
    font-size: 22px;
    color: #d92329;
    letter-spacing: -0.045em;
    padding: 18px 3px 0px 0px;
    font-weight: bold;
    float: right;
}

.sk_stepwrapbox {
    width: 470px;
    height: 50px;
    margin-top: 15px;
}

.sk_step_back {
    width: 150px;
    height: 50px;
    background: #5d5d5d;
    float: left;
    text-align: center;
    cursor: pointer;
}

    .sk_step_back p {
        font-size: 16px;
        color: #fff;
        padding-top: 16px;
    }

.sk_step_cart {
    width: 150px;
    height: 50px;
    background: #2a95d3;
    float: left;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .sk_step_cart p {
        font-size: 16px;
        color: #fff;
        margin: 0px;
        display: flex;
        align-items: center;
        line-height: 1; 
    }

        .sk_step_cart p::before {
            content: "♡";
            display: inline-block;
            margin-right: 6px;
            font-size: 16px;
            position: relative;
            top: 0px; 
        }

.sk_step_order {
    width: 150px;
    height: 50px;
    background: #d92329;
    float: right;
    text-align: center;
    cursor: pointer;
}

    .sk_step_order p {
        font-size: 16px;
        color: #fff;
        padding-top: 16px;
    }

.sk_resub_titlebox {
    width: 100%;
    height: 40px;
    margin-top: 40px;
}

.sk_relataion_product {
    width: 978px;
    height: 265px;
    border: 1px solid #ccc;
}

.sk_caution_icon {
    width: 26px;
    height: 26px;
    float: left;
}

    .sk_caution_icon img {
        max-width: 26px;
    }

.sk_relation_ttp {
    font-size: 21px;
    color: #5d5d5d;
    letter-spacing: -0.065em;
    font-weight: bold;
    padding-left: 10px;
    float: left;
}


.sk_sub_arrowbox {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 900
}

.sk_sub_roll_right {
    position: absolute;
    top: 110px;
    right: 15px;
    cursor: pointer
}

.sk_sub_roll_left {
    position: absolute;
    top: 110px;
    left: 15px;
    cursor: pointer
}

.sk_best_wrap {
    width: 875px;
    border: 0px solid red;
    margin: 0 auto;
    margin-top: 20px;
}



.sk_best_box {
    width: 876px;
    height: 210px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    position: relative;
    border: 0px solid blue;
}

.sk_best_list {
    overflow: auto;
    padding: 0;
    margin: 0 auto;
    display: block;
}

.sk_best_con {
    display: block;
    position: relative;
}

.sk_best_box li {
    width: 219px;
    max-width: 219px;
    padding: 0;
    margin: 0;
    box-sizing: content-box;
    display: list-item;
    float: left;
    line-height: 19px;
    position: static;
    z-index: auto;
    text-align: center;
}

    /*.sk_best_box li:first-child{margin-left:0px; }*/
    .sk_best_box li img {
        margin: 0 auto;
        border: 0;
        cursor: pointer;
    }

    .sk_best_box li p {
        font-size: 13px;
        color: #6d6d6d;
        letter-spacing: -0.045em;
        margin-top: 3px;
        text-align: center;
    }


.sk_caut_wrapbox {
    width: 100%;
    height: 320px;
    padding-bottom: 60px;
}

.sk_caut_box_left {
    width: 488px;
    height: 160px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    float: left;
}

.sk_caut_box_right {
    width: 488px;
    height: 160px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
}

.sk_caut_box_left_b {
    width: 488px;
    height: 160px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
}

.sk_caut_box_right_b {
    width: 488px;
    height: 160px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
}

.sk_caut_title {
    font-size: 17px;
    color: #000;
    letter-spacing: -0.065em;
    font-weight: bold;
    padding: 20px 0px 0px 20px
}

.sk_caut_text {
    font-size: 15px;
    color: #6d6d6d;
    letter-spacing: -0.065em;
    line-height: 140%;
    padding: 10px 0px 0px 20px
}

    .sk_caut_text span {
        color: #d92329;
    }


/*제작과정안내*/

.sk_pros_titlebox {
    clear: both;
    width: 100%;
    height: 50px;
    margin-top: 50px;
    border-bottom: 1px solid #5d5d5d;
}

.sk_pros_title {
    width: 180px;
    height: 50px;
    background: #5d5d5d;
    text-align: center;
}

    .sk_pros_title p {
        font-size: 20px;
        color: #fff;
        letter-spacing: -0.065em;
        padding-top: 15px;
    }

.sk_proccbox {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    border: 0px solid blue;
}

.sk_pros_wrap {
    width: 930px;
    margin: 0 auto;
    text-align: left;
}

.sk_pros_sub {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 20px;
    color: #5d5d5d;
    letter-spacing: -0.065em;
    font-weight: bold;
}

.sk_pros_subred {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 20px;
    color: #d92329;
    letter-spacing: -0.065em;
    font-weight: bold;
}

.sk_pros_ttx {
    font-size: 17px;
    color: #5d5d5d;
    letter-spacing: -0.065em;
    line-height: 160%;
}

    .sk_pros_ttx span {
        color: #d92329;
    }

.sk_impo_box {
    width: 100%;
    height: 255px;
}

.sk_impo_a {
    width: 455px;
    /*
    height: 255px;
    */
    max-height: 230px;
    min-height: 230px;
    padding-bottom: 20px;
    float: left;
    border: 1px solid #ccc;
    text-align: center;
}

.sk_impo_b {
    width: 455px;
    /*
    height: 255px;
    */
    max-height: 230px;
    min-height: 230px;
    padding-bottom: 20px;
    float: left;
    border: 1px solid #ccc;
    margin-left: 15px;
    text-align: center;
}

.sk_impo_a img {
    margin-top: 30px;
}

.sk_impo_b img {
    margin-top: 30px;
}

.sk_impo_ttp {
    font-size: 17px;
    color: #5d5d5d;
    letter-spacing: -0.065em;
    line-height: 140%;
    padding-top: 20px;
}

    .sk_impo_ttp b {
        color: #d92329;
    }

    .sk_impo_ttp span {
        text-decoration: underline;
    }

.sk_postbox {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

    .sk_postbox td {
        padding: 10px 0px;
        border-bottom: 1px solid #ccc;
        font-size: 17px;
        color: #5d5d5d;
        padding-left: 20px;
        letter-spacing: -0.065em;
    }

.sk_post_td {
    background: #f7f7f7
}

.sk_postbox td span {
    color: #d92329;
}

.sk_double_box {
    width: 100%;
    height: 630px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    margin-top: 30px;
}

.sk_double_ttp {
    font-size: 20px;
    color: #5d5d5d;
    letter-spacing: -0.065em;
    padding: 25px 0px 0px 25px;
    font-weight: bold;
}

.sk_double_ppx {
    font-size: 17px;
    color: #5d5d5d;
    letter-spacing: -0.065em;
    padding: 10px 0px 0px 25px;
}

.sk_double {
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
}

/*제작과정안내*/
/*메인하단부분*/

/*아이콘배열
  .sk_truetype{width:100%; height:auto; }
  .sk_true_box{width:980px; height:115px; border-top:1px solid black; margin:0 auto;}

  .sk_merit_box{width:25%; height:115px; float:left; }
  .sk_merit_box img{padding-top:25px; }
  */

.sk_com_banner {
    width: 980px;
    height: auto;
    margin: 0 auto;
    border: 0px solid red;
}

    .sk_com_banner img {
        padding-top: 0px;
    }


/*2024-12-27 메인 리뉴얼 코딩st*/

.main_renewal_box {
    width: 100%;
    margin: 0 auto;
    height: auto
}

.st_one_box {
    width: 980px;
    margin: 32px auto;
}

.st_one_rolling {
    position: relative;
    float: left;
    width: 478px;
}

.st_one_img {
    position: relative;
    z-index: 900
}

.st_one_rolling_right {
    position: relative;
    float: right;
    width: 478px;
}

.st_one_control_a {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 900
}

.stone_control_left {
    float: left;
    margin-right: 1px;
    cursor: pointer
}

.stone_control_right {
    float: right;
    cursor: pointer
}

.st_one_control_b {
    position: absolute;
    bottom: 15px;
    left: 35px;
    z-index: 900
}

.stone_control_b_left {
    float: left;
    margin-right: 1px;
}

.stone_control_b_right {
    float: right;
}



.st_two_box {
    clear: both;
    width: 980px;
    margin: 0px auto;
    padding-top: 60px;
}

    .st_two_box .tit {
        font-size: 26px;
        text-align: center;
        font-weight: bold;
        padding-bottom: 28px;
    }

    .st_two_box .stwo_box li {
        display: inline-block;
        padding-left: 8.5px;
    }

        .st_two_box .stwo_box li:first-child {
            padding-left: 0px;
        }

.stpt_10 {
    padding-top: 6px
}

.mainproduct_abox {
    clear: both;
    width: 100%;
    height: auto;
    background-color: #fcfcfd;
    margin: 0 auto;
    margin-top: 30px;
    padding: 40px 0px 70px 0px;
}

.mainproduct_tit {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    padding-bottom:75px;
}

.mainproduct_abox_box {
    clear: both;
    width: 980px;
    margin: 0 auto;
    border: 0px solid red;
    display: table;

}

    .mainproduct_abox_box td { /*float:left;*/
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        font-size: 12px;
        margin-bottom: 10px;
        padding: 8px 5px;
        width: 3%;
        /*height: 45px;*/
        border: 1px solid #d5d5d5;
        text-align: center;
        line-height: 120%;
        vertical-align: middle;
        word-break: break-all;
        align-items: center;
    }

        .mainproduct_abox_box li a {

            vertical-align: middle;
        }

        .mainproduct_abox_box li:nth-child(1) {
            margin-left: 1px;
        }

        .mainproduct_abox_box li:nth-child(7) {
            margin-left: 1px;
        }

        .mainproduct_abox_box li:nth-child(13) {
            margin-left: 1px;
        }
        .mainproduct_abox_box li:nth-child(19) {
            margin-left: 1px;
        }
        .mainproduct_abox_box li:nth-child(25) {
            margin-left: 1px;
        }

.st_thr_box {
    clear: both;
    width: 980px;
    height: 340px;
    margin: 32px auto;
    position: relative;
}

    .st_thr_box .tit {
        font-size: 26px;
        text-align: center;
        font-weight: bold;
        padding-bottom: 28px;
    }

    .st_thr_box img {
        padding-bottom: 70px;
    }

.stthr_box {
    width: 980px;
    margin: 0 auto;
}


.stthr_left {
    float: left;
}

.stthr_right {
    float: right;
}

.stthr_position {
    position: relative;
    width: 980px;
    margin: 0 auto;
}
/*
.stthr_po_left{position:absolute; top:100px;left:-35px;}
.stthr_po_right{position:absolute; top:100px;right:-33px;}
    */

.st_background_imgbox {
    clear: both;
    width: 980px;
    margin: 0px auto;
    padding-top: 20px;
    text-align: center;
    /*height: 160px;*/
    overflow: hidden;
    position: relative
}

.st_stand_banner_imgbox {
    clear: both;
    width: 980px;
    margin: 0px auto;
    padding-top: 20px;
    text-align: center;
    /*height: 160px;*/
    overflow: hidden;
    position: relative
}

.st_stand_banner_imgbox li{float:left}


.Category_banner2_bg {
    width: 980px;
    height: auto;
    margin: 0 auto;
}

.Category_banner2_img {
    width: 980px;
    height: 160px;
    position: relative;
}

.st_product_bigbox {
    clear: both;
    width: 980px;
    margin: 0px auto;
    padding-top: 4px;
}


/* 상품목록 양쪽맞춤 정렬 */
.st_product_sbox {
    width: 980px;
    text-align: justify;
    margin: 0 auto;
    padding: 0;
}

    .st_product_sbox:after {
        content: '';
        display: inline-block;
        width: 100%;
    }


.mypage_myproduct_conbox{max-width:100%; padding:10px;}




.st_product_list_box {
    width: 14.8em;
    /*height: 16.6em;*/
    display: inline-block;
    border: 1px solid white;
    margin-bottom: 10px;
    /*overflow: hidden;*/
}
/* 상품목록 양쪽맞춤 정렬 */

    .st_product_list_box:hover {
        border: 1px solid blue;
    }

.st_pro_list_box {    
    width: 234px;
    height: 266px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    overflow-x: hidden;
    position:relative;
}

.st_pro_list_box div {    
    overflow-x: hidden;
}

.st_pro_list_img {
    width: 235px;
    padding: 0px 0px 2px 0px;
    height: 235px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
/*
.st_pro_list_img img{position: absolute;top: 50%; left: 50%;transform: translate(-50%, -56%);}
    */
.st_pro_list_textbox {
    clear: both;
    width: 100%;
    margin: 6px auto;
    text-align: center;
    height: auto;
    padding-bottom: 15px;
    overflow-x: hidden;
}

.st_pro_list_code {
    width: 88%;
    height: 10px;
    padding: 10px 0px 15px 0px;
    line-height: 120%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #111;
    letter-spacing: -0.0625em;
    border-bottom: 1px solid #d5d5d5;
}


.st_pro_list_tit {
    width: 90%;
    padding: 5px 0px 4px 0px;
    height: 65px;
    line-height: 65px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #212121;
    border-bottom: 1px solid #d5d5d5;
    letter-spacing: -1px;
}

    .st_pro_list_tit span {
        display: inline-block;
        vertical-align: top;
        line-height: normal;
        font-weight: bold;
    }

.st_pro_list_text {
    width: 88%;
    font-weight: 500;
    height: 55px;
    padding: 12px 0px 20px 0px;
    line-height: 120%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.0625em;
    border-bottom: 1px solid #d5d5d5;
}

.st_pro_list_amount {
    width: 88%;
    font-weight: bold;
    height: 10px;
    padding: 10px 0px 15px 0px;
    line-height: 120%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #111;
    letter-spacing: -0.0625em;
    border-bottom: 1px solid #d5d5d5;
}

.blinking-text {
    /*clear: both;*/
}

.st_pro_list_price {
    width: 100%;
    padding: 15px 0px 15px 0px;
    line-height: 110%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    color: #212121;
}

    .st_pro_list_price b {
        font-size: 20px;
        font-weight: 700
    }


.st_button_a {
    float: right;
    width: 85px;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    background-color: #fddd67;
    color: white;
    font-size: 13px;
    font-weight: bold;
    margin-right: 1px;
}

.st_button_b {
    float: left;
    width: 60px;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    background-color: #f28e00;
    color: white;
    font-size: 13px;
    font-weight: bold;
    margin-left: 2px;
}

.st_button_d {
    float: left;
    width: 60px;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    background-color: #27aae1;
    color: white;
    font-size: 13px;
    font-weight: bold;
}

st_button_c {
    float: right;
    width: 86px;
    height: 20px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    background-color: #e60012;
    color: white;
    font-size: 13px;
    font-weight: bold;
}


.st_banner_imgbox {
    clear: both;
    width: 980px;
    margin: 0 auto;
    text-align: center;
    margin-top: 45px;
    position: relative;
    height: 215px;
    background-color: #f7f8f8;
}

.st_banner_sbox {
    width: 100%;
    margin: 0 auto;
}

.sbb_position {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

.sbb_left {
    position: absolute;
    top: -130px;
    left: -35px;
}

.sbb_right {
    position: absolute;
    top: -130px;
    right: -33px;
}

.product_all_button_box {
    clear: both;
    width: 978px;
    height: 37px;
    padding-top: 15px;
    border: 1px solid #d5d5d5;
    margin: 20px auto;
}

.product_all_button {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: -0.5px;
    cursor: pointer;
}

/*2024-12-27 하단 코딩 st*/
.product_bottom_allbox {
    clear: both;
    width: 100%;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    height: 445px;
    margin: 30px auto;
}

.product_bottom_bigbox {
    position: relative;
    width: 978px;
    margin: 30px auto;
    height: 230px;
    padding: 0px 0px;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5
}

.pbb_leftbox {
    width: 450px;
    height: 220px;
    margin-top: 5px;
    padding: 0px 10px 5px 30px;
    float: left; /*border:1px solid red*/
}

.pbb_left_tit_box {
    border-bottom: 1px solid #d5d5d5
}

.pbb_left_tit_a {
    font-size: 20px;
    font-weight: bold
}

    .pbb_left_tit_a b {
        font-size: 30px;
    }

    .pbb_left_tit_a p {
        font-size: 14px;
        padding-top: 5px;
        padding-bottom: 12px;
        letter-spacing: -0.065em;
    }

.pbb_left_tit_b {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 12px;
    letter-spacing: -0.065em;
}

    .pbb_left_tit_b b {
        padding-left: 10px;
    }

.pbb_left_tit_c {
    font-size: 14px;
    background-color: #efefef;
    font-weight: bold;
    width: 330px;
    padding: 6px;
    letter-spacing: -0.065em;
}

.pbb_left_tit_d {
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 8px;
    letter-spacing: -0.065em;
}

    .pbb_left_tit_d b {
        font-size: 20px;
        letter-spacing: -0.065em;
    }

.pbb_left_tit_abox {
    border-bottom: 1px solid #d5d5d5;
    padding-top: 16px
}

.pbb_pt14 {
    padding-top: 14px;
}

.pbb_rightbox {
    width: 455px;
    height: 220px;
    border-left: 1px solid #d5d5d5;
    margin-top: 5px;
    padding: 5px 5px 5px 15px;
    float: right;
}

.sk_true_bcont_box {
    height: 200px;
    position: relative;
}

    .sk_true_bcont_box ul {
        padding: 0px 0px 0px 20px;
    }

    .sk_true_bcont_box li {
        font-size: 17px;
        color: #474747;
        letter-spacing: -0.065em;
        line-height: 255%;
        cursor: pointer;
    }

.sk_true_notice {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.065em;
    padding: 0px 0px 20px 20px;
}

.sk_true_plus {
    width: 70px;
    height: 35px;
    position: absolute;
    top: 0px;
    right: 20px;
    cursor: pointer;
    font-size: 15px;
    background-color: #efefef;
    color: #231815;
    letter-spacing: -0.065em;
}

.pbc_bigbox {
    width: 980px;
    margin: 0px auto;
    border-top: 1px solid #d5d5d5
}

.pbc_smbox {
    width: 980px;
    height: 100px;
    margin: 20px auto;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5
}

.pbc_topbox {
    padding: 0px 0px 0px 30px;
}

.pbd_bigbox {
    position: relative;
    width: 950px;
    padding-left: 25px;
    height: 100px;
    margin: 8px auto;
    letter-spacing: -0.065em;
}

    .pbd_bigbox .pbd_a {
        width: 210px;
        float: left;
    }

    .pbd_bigbox .pbd_b {
        width: 175px;
        float: left;
    }

    .pbd_bigbox .pbd_c {
        width: 300px;
        float: left;
    }

    .pbd_bigbox .pbd_d {
        width: 260px;
        float: left;
    }

.pbd_a_tit {
    float: left;
    font-size: 13px;
    background-color: #efefef;
    padding: 2px;
    font-weight: bold
}

.pbd_a_text {
    float: left;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 8px;
}

.pbd_a_atext {
    clear: both;
    font-size: 12px;
    padding-top: 5px;
}

.sk_true_acont_box {
    width: 485px;
    height: 200px;
    background: #ffe02a;
    border: 1px solid #ccc;
    float: left;
}





.sk_true_ccont_box {
    width: 485px;
    height: 200px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    float: left;
    margin-top: 6px;
}

.sk_true_dcont_box {
    width: 485px;
    height: 200px;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    margin-top: 6px;
    margin-left: 6px;
}

.sk_true_tele {
    width: 100%;
    height: 115px;
    position: relative;
}

.sk_true_tel_num {
    position: absolute;
    top: 20px;
    left: 18px;
}

.sk_tele_text {
    position: absolute;
    width: 245px;
    height: 70px;
    border-left: 1px solid #ccc;
    right: 0px;
    top: 20px;
}

.sk_tele_ppx {
    font-size: 15px;
    color: #474747;
    letter-spacing: -0.065em;
    line-height: 150%;
    padding: 12px 0px 0px 25px;
    text-align: left;
}

.sk_timeinfo {
    width: 100%;
    height: 35px;
}

.sk_timeinfo_abox {
    width: 120px;
    height: 35px;
    float: left;
    border: 0px solid red;
}

.sk_timeinfo_bbox {
    width: 365px;
    height: 35px;
    float: left;
}

.sk_timeinfo_ttp {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.065em;
    padding-left: 20px;
}

.sk_timeinfo_text {
    font-size: 17px;
    color: #474747;
    letter-spacing: -0.065em;
    padding-top: 4px;
    text-align: left;
}

.sk_department {
    width: 980px;
    height: auto;
    background: #48545e;
    margin: 0 auto;
    margin-bottom: 60px;
}

.sk_dep_wrap {
    width: 900px;
    height: 315px;
    border: 0px solid red;
    margin: 0 auto;
}

.sk_dep_infobox {
    width: 100%;
    height: 60px;
}

.sk_dep_ifle {
    width: 25%;
    height: 60px;
    float: left;
}

.sk_dep_ifri {
    width: 65%;
    height: 60px;
    float: left;
    text-align: left;
}

.sk_dep_ifle p {
    font-size: 22px;
    color: #fff;
    letter-spacing: -0.065em;
    padding-top: 20px;
    font-weight: bold;
}

.sk_dep_ifri p {
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.065em;
    padding-top: 24px;
}

.sk_dep_textbox {
    width: 100%;
    height: 122px;
}

.sk_dep_le_con {
    width: 443px;
    height: 110px;
    border: 1px solid #fff;
    margin-right: 8px;
    float: left;
}

.sk_dep_ri_con {
    width: 445px;
    height: 110px;
    border: 1px solid #fff;
    float: left;
}

.sk_dep_number {
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.065em;
    line-height: 140%;
    padding: 10px 0px 0px 35px;
    text-align: left;
}

    .sk_dep_number span {
        color: #ffe02a;
        font-weight: bold;
    }

/*메인하단부분*/

/* 문의글작성 */

.sk_customer_anw {
    position: fixed;
    bottom: 10px;
    right: 120px;
    cursor: pointer;
    z-index: 900;
}

.sk_anwwrap {
    position: fixed;
    bottom: 6px;
    right: 50px;
    width: 320px;
    height: auto;
    box-shadow: 0px 4px 8px 3px #c7c7c7;
    z-index: 999;
    background: #fff;
    padding-bottom: 10px;
}

.sk_anwtopbox {
    width: 100%;
    height: auto;
    padding: 0px 0px;
    background: #d92329;
    position: relative
}

    .sk_anwtopbox p {
        font-size: 17px;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        letter-spacing: -0.065em;
        padding-top: 10px;
    }

.sk_anw_close {
    position: absolute;
    left: -350px;
    top: 1px;
    cursor: pointer;
}

.sk_anw_file {
    font-size: 12px;
    width: 97%;
    height: 28px;
    border: 0px solid #505050;
    padding: 0px 0 0 1px;
}

.sk_pc_img {
    position: absolute;
    top: 0px;
    left: -320px;
}

.sk_mobile_img {
    display: none
}

.sk_anw_cont {
    width: 90%;
    height: auto;
    border: 0px solid blue;
    margin: 0 auto;
    text-align: left;
}

.sk_anw_select {
    width: 100%;
    height: 32px;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    color: #373737;
    letter-spacing: -0.065em;
    text-indent: 10px;
    background: url(/images/shikigo/sk_anw_arrow.png)no-repeat right;
    -moz-appearance: none; /* Firefox */
}

.sk_anw_font {
    font-size: 12px;
    color: #373737;
    letter-spacing: -0.065em;
    padding: 10px 0px;
}

.sk_anw_textbox {
    width: 92%;
    height: 120px;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    color: #373737;
    letter-spacing: -0.065em;
    padding: 10px;
    line-height: 140%
}

.sk_anw_agreebox {
    width: 92%;
    height: 10px;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    color: #373737;
    letter-spacing: -0.065em;
    padding: 10px;
    line-height: 140%;
    margin: 5px 0 5px 0;
}

.sk_anw_name {
    width: 99%;
    height: 32px;
    border: 1px solid #cdcdcd;
    font-size: 15px;
    color: #373737;
    letter-spacing: -0.065em;
    text-indent: 10px;
}

.sk_anw_tel {
    width: 91px;
    height: 32px;
    border: 1px solid #cdcdcd;
    font-size: 15px;
    color: #373737;
    letter-spacing: -0.065em;
    text-indent: 10px;
}

.sk_anw_telbox {
    height: 36px;
}

    .sk_anw_telbox li {
        float: left;
        margin-left: 5px;
    }

        .sk_anw_telbox li:first-child {
            margin-left: 0px;
        }

.sk_codewrap {
    width: 100%;
    height: 36px;
    border: 0px solid red;
}

.sk_code {
    width: 95px;
    height: 36px;
    background: #a7a7a7;
    border: none;
    color: #fff;
    font-size: 15px;
    color: #373737;
    letter-spacing: -0.065em;
}

.sk_codetext {
    width: 156px;
    height: 28px;
    border: 1px solid #cdcdcd;
    font-size: 15px;
    color: #373737;
    letter-spacing: -0.065em;
    text-indent: 10px;
    position: relative;
    top: -10px;
}

.sk_code_play {
    width: 90px;
    height: 32px;
    border: none;
    font-size: 12px;
    color: #000;
    letter-spacing: -0.065em;
    background: #fff;
    cursor: pointer;
}

.sk_code_warning {
    font-size: 11px;
    color: #7e7e7e;
    letter-spacing: -0.1em;
    text-align: left;
    line-height: 140%;
    float: right;
}

.sk_codeinput {
    width: 100%;
    height: 36px;
    border: 0px solid red;
    padding-top: 10px;
}

.sk_anw_submit {
    width: 100%;
    height: 36px;
    border: none;
    background: #d92329;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.065em;
    margin-top: 10px;
    cursor: pointer;
}

/* 문의글작성 */

/*20260123 수정*/
.pro_sum_box {
    clear: both;
    width: 460px;
    margin: 0 auto;
    height: 110px;
    border: 0px solid red;
    position: relative;
    left: -5px;
    top: 15px;
}

    .pro_sum_box ul {
        margin-left:59px;
        padding:0;
        text-align:left;
    }
    .pro_sum_box li {
        display: inline-block;
        width: 84px;
        height: 84px;
        line-height: 84px; /* li의 높이와 line-height를 동일하게 설정 상하 중앙 정렬을 위해*/
        max-width: 84px;
        max-height: 84px;
        border: 1px solid #ddd;
        text-align: center;
        overflow: hidden;
        margin: 3px 0px;
    }

        .pro_sum_box li img {
            border: 0px solid #ddd;
            margin: 0;
            vertical-align: middle;
            cursor: pointer;
        }


.sk_NoDeliveryAlert {    
    width: 448px;
    height: 36px;
    font-weight:bold;
    line-height:200%;
    border: 1px solid #eee;
    margin-top: 15px;
    position: relative;
    padding: 10px;
    background-color: #F4EEE6;
    border-radius: 5px;
}


@media all and (max-width:980px) {
    /*문의글작성*/

    .sk_customer_anw {
        position: fixed;
        bottom: 1px;
        right: 130px;
        cursor: pointer;
        z-index: 900;
    }

        .sk_customer_anw img {
            width: 500px;
        }

    .sk_anwwrap {
        position: fixed;
        bottom: 0px;
        right: 50px;
        width: 620px;
        height: auto;
        box-shadow: 0px 4px 8px 3px #c7c7c7;
        z-index: 999;
        background: #fff;
        padding-bottom: 20px;
    }

    .sk_anwtopbox {
        width: 100%;
        height: 200px;
        background: #d92329;
    }

        .sk_anwtopbox p {
            font-size: 30px;
            color: #fff;
            margin: 0 auto;
            text-align: center;
            letter-spacing: -0.065em;
            padding-top: 25px;
        }

    .sk_anw_close {
        position: absolute;
        left: -50px;
        top: 0px;
        cursor: pointer;
    }

        .sk_anw_close img {
            width: 50px;
        }

    .sk_anw_file {
        font-size: 12px;
        width: 97%;
        height: 50px;
        border: 0px solid #505050;
        padding: 0px 0 0 1px;
    }

    .sk_pc_img {
        display: none
    }

    .sk_mobile_img {
        display: block
    }


    .sk_anw_cont {
        width: 90%;
        height: auto;
        border: 0px solid blue;
        margin: 0 auto;
        text-align: left;
    }

    .sk_anw_select {
        width: 100%;
        height: 46px;
        border: 1px solid #cdcdcd;
        font-size: 20px;
        color: #373737;
        letter-spacing: -0.065em;
        text-indent: 10px;
        background: url(/images/shikigo/sk_anw_arrow.png)no-repeat right;
        -moz-appearance: none; /* Firefox */
    }

    .sk_anw_font {
        font-size: 24px;
        color: #373737;
        letter-spacing: -0.065em;
        padding: 20px 0px;
    }

    .sk_anw_textbox {
        width: 95.5%;
        height: 380px;
        border: 1px solid #cdcdcd;
        font-size: 20px;
        color: #373737;
        letter-spacing: -0.065em;
        padding: 10px;
        line-height: 140%
    }

    .sk_anw_agreebox {
        width: 95.5%;
        height: 50px;
        border: 1px solid #cdcdcd;
        font-size: 12px;
        color: #373737;
        letter-spacing: -0.065em;
        padding: 10px;
        line-height: 140%;
        margin: 15px 0 15px 0;
    }

    .sk_anw_name {
        width: 99%;
        height: 46px;
        border: 1px solid #cdcdcd;
        font-size: 20px;
        color: #373737;
        letter-spacing: -0.065em;
        text-indent: 10px;
    }

    .sk_anw_tel {
        width: 180px;
        height: 46px;
        border: 1px solid #cdcdcd;
        font-size: 15px;
        color: #373737;
        letter-spacing: -0.065em;
        text-indent: 10px;
    }

    .sk_anw_telbox {
        height: 36px;
    }

        .sk_anw_telbox li {
            float: left;
            margin-left: 5px;
        }

            .sk_anw_telbox li:first-child {
                margin-left: 0px;
            }

    .sk_codewrap {
        width: 100%;
        height: auto;
        border: 0px solid red;
    }

        .sk_codewrap img {
            width: 200px;
        }

    .sk_code {
        width: 200px;
        height: 46px;
        background: #a7a7a7;
        border: none;
        color: #fff;
        font-size: 26px;
        color: #373737;
        letter-spacing: -0.065em;
    }

    .sk_codetext {
        width: 62.5%;
        height: 46px;
        border: 1px solid #cdcdcd;
        font-size: 20px;
        color: #373737;
        letter-spacing: -0.065em;
        text-indent: 10px;
    }

    .sk_code_play {
        width: 30%;
        height: 46px;
        border: none;
        font-size: 20px;
        color: #000;
        letter-spacing: -0.065em;
        background: #fff;
        cursor: pointer;
    }

    .sk_code_warning {
        font-size: 16px;
        color: #7e7e7e;
        letter-spacing: -0.025em;
        text-align: left;
        line-height: 140%;
        float: right;
    }

    .sk_codeinput {
        width: 100%;
        height: 46px;
        border: 0px solid red;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .sk_anw_submit {
        width: 100%;
        height: 60px;
        border: none;
        background: #d92329;
        margin: 0 auto;
        text-align: center;
        font-size: 26px;
        color: #fff;
        letter-spacing: -0.065em;
        margin-top: 20px;
        cursor: pointer;
    }

    /*문의글작성*/
}

/* 2차 카테고리 타일메뉴 */
.CateList {
    display: table;
    width: 100%;
    padding: 5px 0px;
    border: 0px solid #ccc;
    /*min-width:1000px;*/
}

    .CateList .Category2TileMenuTbl {
        width:980px;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .CateList .Category2TileMenuTbl td {
            align-items: center;
            justify-content: center;
            width: 170.8px;
            padding-left: 12px;
            padding-right: 12px;
            height: 42px;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #ccc;
            font-size: 13px;
            letter-spacing: -1px;
            cursor:pointer;
        }

.Category2TileMenuTbl td:hover {
    font-weight: bold;
    color: #0097ff;
    background-color: #e2e4e7;
}

.Category2TileMenuTbl td .selected-off {
    font-size: 12px;
}

.Category2TileMenuTbl td .selected-on {
    font-weight: bold;
    color: #0097ff;
    background-color: #e2e4e7;
}

.Category2TileMenuTbl td .special {    
    font-size: 12px;
    font-weight: normal;
    background-color: #fbf7af;
}
/* 2차 카테고리 타일메뉴 */


/*20240903_샘플신청*/
.sample_content_box {
    width: 980px;
    margin: 0 auto;
    min-height: 450px;
    height: 100%;
    padding: 55px 0px 0px 30px;
}

.sample_gnb_home {
    color: #b1b1b1;
    margin-bottom: 12px;
    vertical-align: middle
}

    .sample_gnb_home img {
        vertical-align: middle
    }

.sample_gnb_title_a {
    width: 100%;
    border-bottom: 0px solid #a1a1a1;
    padding-bottom: 12px;
    letter-spacing: -2px
}

    .sample_gnb_title_a span {
        font-size: 30px;
        color: #424242
    }

.sample_content_tit {
    font-size: 30px;
    width: 980px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
}

.sample_wirte_btn {
    width: 70px;
    border: 0px solid #333;
    height: 30px;
    color: #fff;
    background-color: #0097ff;
    font-size: 13px;
    letter-spacing: -0.5px;
    font-weight: bold;
    cursor: pointer;
}


/*-- 샘플신청목록-- */
.sample_box {
    width: 980px;
    border-top: 2px solid #3c3c3c;
    margin-top: 25px;
}

.sample_top {
    width: 980px;
    border-bottom: 1px solid #9b9b9b;
    color: #636363;
    font-weight: bold;
    overflow: hidden;
}

    .sample_top > li {
        padding: 10px 0;
    }

.sample_article {
    width: 980px;
    border-bottom: 1px solid #d9d9d9;
    color: #8f8f8f;
    height: 23px;
    padding-top: 5px;
    padding-bottom: 4px;
}

    .sample_article:hover {
        background-color: #fafafa;
    }

.sample_no {
    width: 120px;
    float: left;
    text-align: center;
}

.sample_title {
    width: 490px;
    float: left;
    text-align: center;
}

.sample_name {
    width: 210px;
    float: left;
    text-align: center;
}

.sample_date {
    width: 160px;
    float: right;
    text-align: center;
}

.sample_no_a {
    width: 120px;
    float: left;
    text-align: center;
    vertical-align: bottom;
    padding: 4px 0px 0px;
    font-size: 13px;
}

.sample_title_a {
    width: 490px;
    float: left;
    text-align: left;
    vertical-align: bottom;
    padding: 4px 0px 0px;
    font-size: 13px;
}

.sample_name_a {
    width: 200px;
    float: left;
    text-align: center;
    border-left: 1px solid #d9d9d9;
    vertical-align: bottom;
    padding: 1px 0px 0px;
    line-height: 18px;
    font-size: 13px;
}

.sample_date_a {
    width: 150px;
    float: left;
    text-align: center;
    border-left: 1px solid #d9d9d9;
    vertical-align: bottom;
    padding: 1px 0px 0px;
    line-height: 18px;
    font-size: 13px;
}

    .sample_date_a img {
        vertical-align: middle;
    }
/*-- 샘플신청목록-- */


.img_copy_box {
    border: 1px solid #c7c7c7;
    padding: 10px 0px;
    background: #fafafa;
    overflow: hidden;
    margin-top: 3px
}

    .img_copy_box li {
        float: left;
    }

.ic_tit {
    width: 130px;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #424242;
    line-height: 10%;
    padding: 10px 0px;
}

.ic_content {
    width: 750px;
    text-align: left;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #636363;
    line-height: 190%;
    border-left: 1px solid #e6e6e6;
    padding-left: 15px
}

    .ic_content .red {
        color: red
    }

    .ic_content .blue {
        color: blue
    }


/*--샘플신청 글쓰기--*/
.sample_bigbox {
    width: 980px;
    border-top: 2px solid #3c3c3c;
    margin-top: 25px;
}

.proposal_bigbox {
    width: 980px;
    border-top: 1px solid #9b9b9b;
    padding-top: 18px;
}

.proposal_h15 {
    height: 15px;
}

.proposal_bigbox .proposal_box {
    width: 980px;
    font-size: 13px;
    color: #424242;
    font-weight: bold;
    letter-spacing: -0.5px;
    padding-left: 12px;
}

    .proposal_bigbox .proposal_box:last-child {
        border-width: 0;
    }

    .proposal_bigbox .proposal_box .proposal {
        height: 45px;
    }

        .proposal_bigbox .proposal_box .proposal li {
            float: left;
        }

        .proposal_bigbox .proposal_box .proposal .aticle1 {
            width: 85px;
        }

        .proposal_bigbox .proposal_box .proposal .pro_inbox_a {
            width: 250px;
            height: 24px;
            border: 1px solid #dbdbdb;
            background-color: #fafafa;
            vertical-align: middle;
            padding-left: 3px;
            color: #636363;
        }

        .proposal_bigbox .proposal_box .proposal .proposal_title {
            width: 873px;
            height: 24px;
            border: 1px solid #dbdbdb;
            background-color: #fafafa;
            padding-left: 3px;
            color: #636363;
        }

    .proposal_bigbox .proposal_box .proposal_a {
        height: 180px;
        line-height: 180px;
    }

        .proposal_bigbox .proposal_box .proposal_a li {
            float: left;
        }

        .proposal_bigbox .proposal_box .proposal_a .aticle1 {
            width: 85px;
        }

        .proposal_bigbox .proposal_box .proposal_a .textarea {
            width: 870px;
            height: 160px;
            border: 1px solid #dbdbdb;
            background-color: #fafafa;
            vertical-align: middle;
            padding: 3px;
            resize: none;
            font-size: 13px;
            color: #636363;
        }

    .proposal_bigbox .proposal_box .proposal .proposal_file {
        width: 876px;
        height: 24px;
        border: 1px solid #dbdbdb;
        background-color: #fafafa;
        color: #636363;
    }

.proposal_bottom {
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
    padding: 5px 0px 110px;
}

    .proposal_bottom .proposal_bottom_left {
        float: left;
        width: 136px;
        height: 87px;
        font-size: 11px;
        color: #656565;
        font-weight: bold;
        text-align: center;
        padding-top: 45px;
        line-height: 15px;
    }

    .proposal_bottom .proposal_bottom_right {
        float: right;
        width: 600px;
        height: 85px;
        padding-top: 12px;
        font-size: 11px;
        color: #b5afaf;
        line-height: 19px;
    }

        .proposal_bottom .proposal_bottom_right span {
            font-size: 11px;
            color: #858585;
        }

        .proposal_bottom .proposal_bottom_right .input {
            vertical-align: middle;
            margin: -1px 0 1px;
        }

.proposal_bu_box {
    height: 30px;
    float: right;
    margin-bottom: 200px;
    margin-top: 10px;
}

    .proposal_bu_box .support_send {
        width: 70px;
        border: 0px solid #333;
        height: 30px;
        color: #fff;
        background-color: #0097ff;
        font-size: 13px;
        letter-spacing: -0.5px;
        font-weight: bold;
    }

    .proposal_bu_box .support_cancel {
        width: 70px;
        border: 0px solid #333;
        height: 30px;
        color: #fff;
        background-color: #424242;
        font-size: 13px;
        letter-spacing: -0.5px;
        font-weight: bold;
    }
/*--샘플신청 글쓰기--*/


/*20240911 작업 st*/
.mainproduct_bigbox {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px
}

    .mainproduct_bigbox .mainproduct_box {
        width: 980px;
        height: 300px;
        margin: 0 auto;
    }

        .mainproduct_bigbox .mainproduct_box li {
            float: left;
            width: 238px;
            height: 300px;
            border: 1px solid #666;
            margin-left: 6px;
        }

            .mainproduct_bigbox .mainproduct_box li:first-child {
                margin-left: 0px;
            }



.mainproduct_bbox {
    clear: both;
    width: 980px;
    margin: 0 auto;
    margin-top: 50px
}

    .mainproduct_bbox li {
        display: inline-block;
        margin-bottom: 10px;
        height: 180px;
        padding: 5px 0px;
        width: 238px;
        border: 1px solid #666;
        text-align: center;
        line-height: 120%;
    }


/*로그인/회원가입/패스워드찾기 st 20241230*/


/*login*/

.login_i_box {
    width: 380px;
    height: 280px;
    margin: 0 auto;
    border-top: 2px solid red;
    background-color: #f7f8f9
}


.login_i_box_tit{font-size:22px;color:#d60f1a;font-weight:bold;padding-top:28px;text-align:center;}
.login_i_box_text { font-size: 12px;color: #58595b;padding-top:6px;padding-bottom:20px;text-align:center;}

.login_flogin_left{text-align:center;}

.login_box {
    width: 980px;
    height: 906px;
    margin: 0 auto;
    background-color: #fff;
}

.login_close {
    position: relative;
    top: 0px;
    margin-left: 945px;
    cursor: pointer;
}

.login_logo {
    position: relative;
    top: -10px;
    z-index: 100;
    margin-left: 55px;
    opacity: 1;
}

.login_s_box {
    width: 395px;
    height: 345px;
    position: absolute;
    top: 255px;
    margin-left: 300px;
}


.login_t_asbox {
    width: 100%;
    margin: 0 auto;
    min-height: 350px;
    border: 0px solid #ccc;
    margin: 25px 0px;
}

.login_t_astitle {
    text-align: center;
    padding-top: 20px;
}

    .login_t_astitle img {
        width: 135px;
        padding-bottom: 20px;
    }

.login_t_asp {
    font-size: 22px;
    letter-spacing: -2px;
    color: #000;
    font-weight: bold
}

.login_t_aspa {
    font-size: 14px;
    letter-spacing: -1px;
    padding-top: 8px;
    color: #808080
}

.idpw_big_box {
    width: 980px;
    margin: 0 auto;
    
}

.login_t_bstitle {
    padding-top: 40px;
}

.login_t_bsp {
    font-size: 25px;
    letter-spacing: -2px;
    padding-top: 15px;
    color: #404041;
    font-weight: bold;
    text-align: center
}

.login_f_left {
    width:336px;
    float: left;
    border-top: 2px solid red;
    background-color: #f7f8f9;
    padding:12px 22px 22px 22px;
}

.login_r_left {
    width: 336px;
    float: right;
    border-top: 2px solid red;
    background-color: #f7f8f9;
    padding: 12px 22px 22px 22px;
}

.search_se_title {
    margin-bottom: 10px;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom:12px;
    color: #d92327;
    font-weight: bold;
    border-bottom: 1px solid #808284;
}

.id_search_abox{width:264px; margin:0 auto; position:relative}
.id_search_abox li{float:left;}
.id_search_abox_tit{font-size:12px;position:relative;top:7px;padding-right:8px;}
.id_search_abox_atit{font-size:12px;position:relative;top:14px;padding-right:35px;}

.login_idsave_box{width:100%;text-align:center; margin:0 auto;padding-top:10px;}
.login_idsave_box li{display:inline-block;color:#404041;font-size:13px;}
.login_idsave_box li a{color:#404041;}
.login_idsave_box_bl{position:relative;top:-3px;font-size:30px;}

.login_id_login {
    width: 280px;
    height: 28px;
    border: 1px solid #9b9b9b;
    color: #909090;
    text-indent: 5px;
}

.login_pw_login {
    width: 280px;
    height: 28px;
    border: 1px solid #9b9b9b;
    margin-top: 5px;
    color: #909090;
    text-indent: 5px;
    margin-bottom: 8px;
}

.search_se_txt {
    font-size: 11px;
    margin-bottom: 3px;
    height: 20px;
    width: 336px;
    padding-top: 2px;
    padding-bottom: 5px;
    border-bottom: 1px solid #808284;
}

.login_r_login{width:282px;height:30px;color:#fff;font-size:15px;font-weight:bold; background-color:#404041;cursor:pointer}

.search_r_login {
    width: 336px;
    height: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background-color: #404041;
    cursor: pointer
}

.login_t_box_red {
    color: red;
    width: 310px;
    border: 1px solid red;
    margin: 10px auto;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.login_t_box {
    width: 100%;
    margin: 0 auto;
    min-height: 300px;
    padding-top: 20px;
}

.login_id {
    width: 190px;
    height: 28px;
    border: 1px solid #9b9b9b;
    color: #909090;
    text-indent: 5px;
}

.login_pw {
    width: 190px;
    height: 28px;
    border: 1px solid #9b9b9b;
    margin-top: 5px;
    color: #909090;
    text-indent: 5px;
}

.login_idsave {
    width: 280px;
    height: 35px;
    margin: 0 auto;
    font-size: 11px;
    color: #636363;
    letter-spacing: -0.5px;
    vertical-align: middle;
    border-bottom: 1px solid #a7a9ac;
    padding-top: 5px;
}

.login_fl_box{width:100%;padding-top:8px; margin:0 auto;display:table}
.login_fl{float:left;display:table-cell}
.login_fl_text{float:left;padding-top:1px; padding-left:5px;display:table-cell}


.login_idsave_a {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: 2px;
}

.login_idsave_txt {
    position: absolute;
    top: 8px;
    left: 18px
}

.login_box_bo {
    height: 52px;
    width: 395px;
    margin-top: 40px;
    font-size: 11px;
    color: #636363;
    letter-spacing: -0.5px;
    text-align: center;
}

.login_box_bo_a {
    height: 18px;
    width: 395px;
    border-bottom: 1px solid #d3d3d3;
}

.login_box_bo_b {
    height: 18px;
    margin-top: 5px;
    letter-spacing: 0px;
}

.login_search_box {
    width: 461px;
    height: 636px;
    margin-left: 0px;
}

.login_search_box_a {
    width: 780px;
    margin: 0 auto;
    height: auto;
    margin-top: 30px;
    padding-bottom: 50px;
}

.login_search_box_b {
    width: 100%;
    height: 250px;
}

.login_search_bu {
    clear:both;
    padding-top: 15px;
    margin-left: 0px;
}

.login_finish_box {
    width: 640px;
    height: 410px;
    position: absolute;
    top: 215px;
    margin-left: 172px;
}

.login_finish_a {
    margin-top: 85px;
    width: 640px;
    height: 60px;
    text-align: center;
    font-size: 15px;
    color: #424242;
    letter-spacing: -0.5px;
    line-height: 30px;
    font-weight: bold;
}

.login_finish_box_a {
    width: 530px;
    height: 75px;
    margin-top: 70px;
    margin-left: 56px;
}

.login_finish_sbox {
    width: 528px;
    height: 49px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
}

.login_finish_sbox_a {
    float: left;
    width: 510px;
    margin-left: 10px;
}

.login_finish_id {
    float: left;
    margin-top: 10px;
    background-color: #f5f5f5;
    width: 95px;
    height: 22px;
    border: 1px solid #e6e6e6;
    border-right: 0px;
    font-size: 13px;
    color: #9b9b9b;
    text-align: center;
    padding-top: 5px;
}

.login_finish_id_a {
    float: left;
    margin-top: 10px;
    width: 149px;
    height: 22px;
    border: 1px solid #e6e6e6;
    border-right: 0px;
    font-size: 13px;
    color: #0097ff;
    font-weight: bold;
    padding-left: 8px;
    padding-top: 5px;
}

.login_finish_data {
    float: left;
    margin-top: 10px;
    background-color: #f5f5f5;
    width: 95px;
    height: 22px;
    border: 1px solid #e6e6e6;
    border-right: 0px;
    font-size: 13px;
    color: #9b9b9b;
    text-align: center;
    padding-top: 5px;
}

.login_finish_data_a {
    float: left;
    margin-top: 10px;
    width: 149px;
    height: 22px;
    border: 1px solid #e6e6e6;
    font-size: 13px;
    color: #9b9b9b;
    font-weight: bold;
    padding-left: 8px;
    padding-top: 5px;
}


/*member*/

.member_as_box {
    border: 1px solid white;
    height: auto;
    padding-bottom: 100px;
    width: 980px;
    margin: 0 auto;
    text-align: left;
    padding-top: 50px;
}

    .member_as_box p {
        padding-top: 30px;
        color: #424242;
        font-size: 18px;
        letter-spacing: -2px;
        font-weight: bold
    }

    .member_as_box label {
        color: #626262;
        font-size: 12px;
    }


.member_text_a {
    width: 948px;
    height: 100px;
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    font-size: 11px;
    color: #929292;
    padding: 15px;
    margin-top: 5px;
    line-height: 16px
}



.login_member_box {
    width: 780px;
    height: 584px;
    position: absolute;
    top: 114px;
    margin-left: 100px;
}

.login_member_box_img_a {
    text-align: center;
    margin-top: 51px;
    margin-bottom: 28px;
}

.login_member_box_a {
    width: 778px;
    height: 420px;
    border: 1px solid #e6e6e6;
}

.login_member_legal_box {
    width: 740px;
    height: 255px;
    margin: 0 auto;
    margin-top: 13px;
    border: 0px solid black;
}

.login_member_legal_a {
    width: 742px;
    height: 165px;
    border: 0px solid black;
}

.login_member_legal_b {
    width: 742px;
    height: 165px;
    margin-top: 35px;
}

.login_member_box_img_b {
    width: 53px;
    height: 17px;
    margin-bottom: 10px;
}

.login_member_box_img_c {
    width: 740px;
    height: 120px;
}

.login_member_legal {
    width: 740px;
    height: 120px;
}

.agreement_m {
    float: right;
    color: #858585;
    display: inline-table;
    border: 0px solid black;
    z-index: 900;
}

    .agreement_m label {
        display: inline-table;
        border: 0px solid red;
        z-index: 900;
    }

.login_member_next {
    text-align: center;
    margin-top: 18px;
}
/*20150814 상가책자업체 회원가입 방지 안내글 추가 st*/
.join_shield_area {
    width: 778px;
    border: 1px solid #e6e6e6;
    margin-top: 5px;
    overflow: hidden;
    background: #f5f5f5
}

    .join_shield_area .titbox {
        float: left;
        padding: 20px;
        font-size: 20px;
        font-weight: bold;
        background: #0097ff;
        color: #ffffff;
        letter-spacing: -1px
    }

    .join_shield_area .contentbox {
        float: left;
        padding: 12px 10px;
    }

        .join_shield_area .contentbox .contxt {
            font-size: 13px;
            color: #0097ff;
            letter-spacing: -.5px;
            line-height: 150%
        }

            .join_shield_area .contentbox .contxt b {
                color: #df365f;
                letter-spacing: normal
            }
/*20150814 상가책자업체 회원가입 방지 안내글 추가 ed*/

/*회원가입완료버튼*/
.profile_button {
    width: 100px;
    background: url(/images/shikigo/red_btn_bg_a.png) center center;
    height: 30px;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer
}
/*회원가입완료버튼*/

.join_btn {
    text-align: center;
    position: relative;
    top: 30px;
}

.login_membership {
    width: 743px;
    margin: 0 auto;
    border: 0px solid #e6e6e6;
    padding-bottom: 10px;
}


.login_membership_box {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}

.login_membership_img_a {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 28px;
}



.login_membership_title {
    width: 100%;
    margin-top: 60px;
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
    color: #d92328;
    letter-spacing: -1px;
    border-bottom: 2px solid #212121;
}

.login_membership_sbox {
    width: 740px;
    padding-bottom: 25px;
}


.login_member_note {
    color: #d92328;
    font-weight: bold;
    font-size: 26px;
    letter-spacing: -3px;
    padding-top: 20px;
}

.login_member_note_text {
    color: #808080;
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: -2px;
    padding: 15px 0px 10px 0px;
}

.login_member_note_atext {
    color: #808080;
    font-size: 15px;
    letter-spacing: -1px;
}

.lm_th {
    line-height: 33px;
}

.login_membership_left {
    float: left;
    width: 141px;
    border-right: 1px solid #e1e1e1;
    font-size: 13px;
    color: #858585;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 8px;
}


.login_membership_left_none {
    float: left;
    width: 141px;
    border-right: 1px solid #e1e1e1;
    font-size: 13px;
    color: #858585;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 8px;
}

.login_membership_left img {
    vertical-align: middle;
    width: 4px;
    height: 5px;
    margin-top: -3px;
}

.login_membership_right {
    float: right;
    width: 584px;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 6px;
    font-size: 11px;
    color: #9b9b9b;
    letter-spacing: -0.5px;
}

.login_membership_right_a {
    float: right;
    width: 584px;
    height: 100px;
    border-bottom: 1px solid #e1e1e1;
    color: #9b9b9b;
    letter-spacing: -0.5px;
    padding-left: 6px;
}

.login_membership_right_b {
    float: right;
    width: 583px;
    height: 65px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding-left: 8px;
    color: #9b9b9b;
    letter-spacing: -0.5px;
}

.login_membership_right_c {
    float: right;
    width: 584px;
    height: 35px;
    border-bottom: 1px solid #e1e1e1;
    color: #9b9b9b;
    letter-spacing: -0.5px;
    padding-left: 5px;
}

.login_membership_left_a {
    float: left;
    width: 141px;
    border-right: 1px solid #e1e1e1;
    height: 100px;
    font-size: 13px;
    color: #858585;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 8px;
}

.login_membership_left_b {
    float: left;
    width: 138px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    height: 65px;
    font-size: 13px;
    color: #858585;
    background-color: #fafafa;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 8px;
}

.login_membership_left_c {
    float: left;
    width: 141px;
    border-right: 1px solid #e1e1e1;
    height: 35px;
    font-size: 13px;
    color: #858585;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e1e1e1;
    padding-left: 8px;
}


.add_membership_left {
    width: 50px;
    height: 85px;
    background-color: #f5f5f5;
    border-right: 1px solid #e1e1e1;
    float: left;
    padding-top: 7px;
}

.add_membership_right {
    width: 90px;
    height: 85px;
    background-color: #f5f5f5;
    border: 0px solid red;
    float: left;
    padding-top: 7px;
}

.login_membership_inbox {
    width: 222px;
    height: 20px;
    border: 1px solid #e1e1e1;
    padding-left: 5px;
}

.login_inbox_a {
    border: 1px solid #e1e1e1;
    font-size: 11px;
    color: #9b9b9b;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-indent: 0.01px;
    padding: 0px 2px 0px 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.login_inbox_b {
    width: 55px;
    height: 18px;
    border: 1px solid #e1e1e1;
}

.login_inbox_c {
    width: 205px;
    height: 22px;
    border: 1px solid #e1e1e1;
}

.login_inbox_d {
    width: 153px;
    height: 18px;
    border: 1px solid #e1e1e1;
}

.login_membership_box span {
    margin-left: 8px;
}



.add_search_bu {
    width: 100px;
    height: 22px;
    background-color: #9b9b9b;
    border: 0px solid #fff;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.5px;
    cursor: pointer;
    position: relative;
    top: -1px;
}


.login_membership_next {
    width: 740px;
    margin: 0 auto;
}

.login_membership_next_a {
    width: 740px;
    height: 131px;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
}

.login_membership_next_b {
    width: 740px;
    height: 116px;
    margin-top: 50px;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
}


/*--로그인--*/
.iq_table_title {
    font-size: 36px;
    color: #2b1612;
    letter-spacing: -3px;
    padding-bottom: 20px;
    border-bottom: 2px solid #2b1612;
    text-align: center
}

    .iq_table_title span {
        font-size: 16px;
        color: #2b1612;
        letter-spacing: -1px;
        padding-left: 10px;
        text-align: center
    }

.iq_table_colgroup {
}

.iq_table {
    width: 100%;
    font-size: 15px;
    text-align: left;
    letter-spacing: -0.5px;
    border-top: 2px solid #222
}

    .iq_table tr {
        border-bottom: 1px solid #e6e6e6;
    }

.join_tra {
    color: #858585;
    font-weight: normal;
    vertical-align: middle;
    text-indent: 5px;
    font-size: 13px;
    font-weight: 300;
    width: 16%;
    background-color: #f5f5f5
}

    .join_tra span {
        color: #d92328;
        vertical-align: middle;
        font-size: 13px;
        padding-left: 5px
    }

.join_tras {
    color: #858585;
    font-size: 11px;
    padding-left: 8px;
    line-height: 14px;
    background-color: #f5f5f5
}

    .join_tras span {
        color: #0097ff;
        vertical-align: middle;
        font-size: 13px;
        padding-left: 0px
    }

.join_trb {
    padding: 8px 0px;
    padding-left: 15px;
    font-size: 0.75em;
    font-weight: normal;
    color: #564d44;
    letter-spacing: -1px;
}

    .join_trb .trb_ex {
        color: #564d44;
        vertical-align: middle;
        padding: 33px 0 0 5px;
        font-weight: 100;
        font-size: 1em;
    }

    .join_trb span {
        padding: 10px 0px;
        font-size: 12px;
        font-weight: normal;
        color: #a1a1a1;
        letter-spacing: -1px;
    }

.join_trb_insbox {
    width: 100%;
    border: 0px
}

    .join_trb_insbox tr {
        border: none
    }

.join_trb_insn {
    border: none
}

.join_trb_f1 {
    width: 33%;
    border: 0px;
}

.join_trb_fa {
    width: 98%;
    height: 29px;
    letter-spacing: 0px;
    border: 1px solid #e1e1e1;
    font-size: 11px;
    color: #c7c7c7;
    -moz-appearance: none;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-indent: 3px
}

.join_trb_f2 {
    width: 33%
}

.join_trb_f3 {
    width: 2%;
    margin: 0 auto;
    text-align: center;
}

.join_trb_fb {
    width: 98%;
    height: 26px;
    letter-spacing: 0px;
    border: 1px solid #e1e1e1;
    font-size: 10px;
    color: #c7c7c7;
    text-indent: 8px;
}

.rep_box {
    width: 50%;
    height: 25px;
    border: 1px solid #e1e1e1;
    text-indent: 8px;
}

.rep_ainbox {
    width: 18%;
    height: 25px;
    border: 1px solid #e1e1e1;
    text-indent: 8px;
}

.rep_ainbox_a {
    width: 18%;
    height: 25px;
    border: 1px solid #e1e1e1;
    text-indent: 8px;
}

.rep_ainbox_b {
    width: 18%;
    height: 25px;
    border: 1px solid #e1e1e1;
    text-indent: 8px;
}

.rep_textare_box {
    width: 95%;
    resize: none;
    border: 1px solid #e1e1e1;
    padding: 8px;
}

.rep_abox {
    width: 13%;
    height: 26px;
    border: 1px solid #e1e1e1;
    font-size: 1em;
    color: #c7c7c7;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-indent: 0.01px;
    padding: 3px 2px 3px 5px;
    margin: 0px 5px 0px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.rep_tel_abox {
    width: 13%;
    height: 26px;
    border: 1px solid #e1e1e1;
    font-size: 1em;
    color: #c7c7c7;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-indent: 0.01px;
    padding: 3px 2px 3px 5px;
    margin: 0px 5px 0px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.rep_mail_abox {
    width: 20%;
    height: 27px;
    border: 1px solid #e1e1e1;
    font-size: 1em;
    color: #c7c7c7;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-indent: 3px;
    padding: 3px 2px 3px 5px;
    margin: 0px 5px 0px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.rep_mail_abox_a {
    width: 20%;
    height: 27px;
    border: 1px solid #e1e1e1;
    font-size: 1em;
    color: #c7c7c7;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-indent: 3px;
    padding: 3px 2px 3px 5px;
    margin: 0px 5px 0px 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.rep_box_file {
    width: 50%;
    height: 25px;
    border: 1px solid #e1e1e1;
    vertical-align: top;
    color: #a1a1a1
}

.join_textbox {
    width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #f7f7f7;
    margin-bottom: 60px
}

.join_textbox1 {
    height: 40px;
    background-color: #2b1612;
    border-radius: 8px 8px 0px 0px
}

    .join_textbox1 li {
        font-size: 20px;
        color: #fcd500;
        padding-top: 12px;
        text-indent: 28px;
    }

.join_text_box {
    width: 94%;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    height: 150px;
    border: 1px solid #c7c7c7;
    background: #fff;
    color: #908e8e;
    font-size: 12px;
    padding: 10px 10px;
    line-height: 120%;
}

.join_check {
    color: #5d0805;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    padding-bottom: 20px;
    text-indent: 20px
}

    .join_check .che_box {
        vertical-align: middle;
        margin-left: 3px;
        width: 19px;
        height: 19px;
        border: 1px solid #c7c7c7;
    }

.rep_bu_box {
    width: 100%;
    text-align: center;
    margin-top: 31px;
}

.rep_bu_a {
    width: 150px;
    background: #2b1612;
    border: 2px solid #2b1612;
    color: #fcd500;
    height: 41px;
    cursor: pointer;
}

    .rep_bu_a:hover {
        background-color: #fcd500;
        color: #2b1612;
        border: 2px solid #140806;
    }

.rep_bu_b {
    width: 150px;
    background-color: transparent;
    border: 2px solid #5d0805;
    color: #5d0805;
    height: 41px;
    cursor: pointer;
}

    .rep_bu_b:hover {
        color: #a1a1a1;
        background-color: transparent;
        border: 2px solid #a1a1a1;
    }

.mem_stext {
    font-size: 0.773em;
    padding-top: 5px;
    color: #f75153;
}

.mem_ovlap {
    height: 31px;
    width: 20%;
    background: #fff;
    border: 2px solid #714543;
    color: #714543;
    cursor: pointer;
}

    .mem_ovlap:hover {
        background: #714543;
        color: #fff;
    }

.mem_asbox {
    width: 23%;
    height: 25px;
    border: 1px solid #e1e1e1;
    text-indent: 8px;
}

.mem_aabox_in {
    width: 45%;
    height: 25px;
    border: 1px solid #e1e1e1;
    margin-top: 6px;
    text-indent: 8px;
}

.mem_aabox {
    width: 45%;
    height: 25px;
    border: 1px solid #e1e1e1;
    margin-top: 6px;
    text-indent: 8px;
}

.login_overlap_bu {
    width: 11%;
    height: 27px;
    background-color: #9b9b9b;
    border: 0px solid #fff;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.5px;
    cursor: pointer;
    position: relative;
    top: 0px;
    padding: 0px 4px;
}

.add_overlap_bu {
    width: 14%;
    height: 27px;
    background-color: #9b9b9b;
    border: 0px solid #fff;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.5px;
    cursor: pointer;
    position: relative;
    top: 0px;
    padding: 0px 4px;
}

.image_overlap_bu {
    width: 17%;
    height: 27px;
    background-color: #9b9b9b;
    border: 0px solid #fff;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.5px;
    cursor: pointer;
    position: relative;
    top: 0px;
    padding: 0px 4px;
}

.tx_in20 {
    text-indent: 20px;
}

.tx_liheight20 {
    line-height: 20px
}

.login_membership_asabox {
    width: 100%;
    margin: 0 auto;
    height: auto;
    margin-top: 24px;
    border-top: 1px solid #e6e6e6;
}

.mems_right_text {
    font-size: 12px;
    float: right;
    color: #858585;
}
/*회원탈퇴*/
.te1_title {
    font-size: 25px;
    padding-bottom: 50px
}

    .te1_title li {
        font-size: 25px;
        letter-spacing: -1px
    }

        .te1_title li span {
            font-size: 25px;
            letter-spacing: -1px;
            color: #a7231b
        }

.te1_area {
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-top: 1px solid #c7c7c7;
}

.tmt_box {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px
}

.tmt_box {
    text-align: center;
}

.tmt1_box {
    width: 560px;
    height: 165px;
    margin: 0 auto;
}

.lo_leftbox_t {
    width: 95%;
    height: 33px;
    border: 1px solid #c7c7c7;
    font-size: 1em;
    color: #564d44;
    margin-top: 15px;
    letter-spacing: -0.5px;
    font-weight: normal;
    text-indent: 8px;
    margin-bottom: 3px;
}

.login_bu_t {
    background: #fff;
    width: 95%;
    height: 46px;
    border: 2px solid #0087ef;
    color: #0087ef;
    cursor: pointer;
    margin-bottom: 70px;
}

    .login_bu_t:hover {
        background: #0087ef;
        color: #fff;
    }

.only_hide {
    font-size: 17px;
    padding-bottom: 15px;
    letter-spacing: -1px
}
/*찜하기*/

/*20240911 작업 end*/

/*20241120 blinking-text*/
/*
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
        color:#a81919;
    }

    100% {
        opacity: 1;
    }
}

.blinking-text {
    animation: blink 2s infinite; /* 1초 간격으로 무한 반복 */
/*}*/
/*20241120 blinking-text*/


/*
@media screen and (min-width: 1930px) and (max-width: 7680px) {

}
*/

/*20150424*/

.dim_pro_box{top:100px;position:fixed;left: 50%;transform: translate(-50%, 0);z-index:999;display:none;}
    .dim_pro_box img:not(#cls_ImageBtn) {
        max-width: 900px;
        min-width: 500px;
        max-height: 700px;
    }
.dim_product {
    display:none;
    width: 100%;
    height: 100%;
    /*background-color: #000;*/
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    opacity: 0.65;
    z-index: 900000;
    display: none;
}
.dim_close{padding-top:3px; text-align:right}
   .dim_close img{max-width:200px}


/*이미지 세로중앙정렬*/
.vertical-div {
    text-align: center;
    display: inline-block;
    margin-left: 3px;
}

.vertical-image {
    margin: 0;
    vertical-align: middle;
}

.vertical-span {
    display: inline-block;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    border: 0px solid blue;
}
/*이미지 세로중앙정렬*/

.mybagBtn {
    position: absolute;
    right: 90px;
    bottom: 62px;
    width: 42px;
    height: 42px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    z-index: 99;
    cursor: pointer;
}


.orange{color:darkorange;}

.addedOptionBox{
    position:relative;
    margin:20px 0 20px 0;
    padding:15px 10px 0px 10px;
    background-color:#f5f5f5;
    border-radius:5px
}
.OptionPnameBox {
    font-family: 'Nanum Gothic';
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    width: 430px;
    float: left;
    letter-spacing:-1px;
}
.DelAddedOptionBox {
    text-align: center;
    font-weight: bold;
    width: 30px;
    float: right;
    cursor: pointer;
    position:relative;
    top:18px;
    right:5px;
    z-index:999;
}
.price_nextorder {
    position:relative;
    left:55%;
    top:-25px
}

/* header_menu */
#header_all_view .div_header_box b, #header_all_view .div_header_list li {
    cursor: pointer;
}

    #header_all_view .div_header_list li:hover {
        background-color: rgb(226, 228, 231);
        color: #0097ff;
    }

.div_header_box {
    width: 978px;
    margin: 0 auto;
    height: 1800px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*overflow-y: scroll;*/
    font-size: 12px;
    background-color: white;
}

    .div_header_box b {
        display: block;
        color: black;
        line-height: 17px;
        font-size: 14px;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .div_header_box div {
        display: inline-block;
        vertical-align: top
    }

    .div_header_box .div_header_list {
        padding-top: 5px;
    }

.div_header_list li {
    padding: 3px 0 2px 0;
    line-height: 17px;
    color: #4c4c4c
}

.div_header_abox {
    width: 14%;
    padding: 5px 15px 20px 15px;
}

.div_header_bbox {
    width: 18%;
    padding: 5px 15px 20px 15px;
}

.div_header_cbox {
    width: 18%;
    padding: 5px 15px 20px 15px;
}

.div_header_dbox {
    width: 34%;
    padding: 5px 16px 20px 15px;
}

.div_header_line {
    min-height: 1760px;
    width: 1px;
    background-color: #ccc
}

.div_header_line_a {
    min-height: 1760px;
    width: 1px;
    background-color: #ccc
}

.div_header_closebox {
    cursor:pointer;float: right;margin-right:3px;
}

/* 우측 quickmenu animate CSS 250618 seungho */

.ani_logo {
    animation-name: key_logo;
    animation-duration: 5s;
    animation-iteration-count: 2;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    /*
    animation-duration: 1.8s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-timeline: auto;
    */
}
.ani_updown_01 {
    animation-name: key_updown_01;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
.ani_updown_02 {
    animation-name: key_updown_02;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}

/* animate 기본 CSS 250618 seungho */
@keyframes key_logo {
    from {        
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes blink_ani {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes key_updown_01 {
    from {
        transform: translateY(2%);
    }

    to {
        transform: translateY(-2%);
    }
}
@keyframes key_updown_02 {
    from {
        transform: translateY(1%);
    }

    to {
        transform: translateY(-1%);
    }
}