/*웹폰트*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*웹폰트*/

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

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

/*
@viewport {
  min-width: 640px;
  max-width: 800px;
}
@viewport {
  zoom: 0.75;
  min-zoom: 0.5;
  max-zoom: 0.9;
}
@viewport {
 user-zoom: zoom;
}
@viewport {
  orientation: portrait;
}
*/
/* CSS 초기화 st */

* {
    font-family: '굴림', 'Nanum Gothic';
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
    vertical-align: baseline;
    background: transparent;
}

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

table:not(#addr_tbl) {
    margin: 0;
    border: 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;
    border: 0;
}

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

body {
    font-size: 12px;
    line-height: 1;
}

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

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    text-decoration: none;
    vertical-align: baseline;
    color: #626262;
    background: transparent;
}

    a:link {
        color: #626262;
    }

    a:hover {
        text-decoration: none;
        color: #000;
    }

    a:active {
        text-decoration: none;
        color: #626262;
    }

    a:visited {
        color: #626262;
    }

img {
    vertical-align: top;
}

input {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    border-radius: 0;
}

    input::-webkit-input-placeholder {
        color: #e65d5d;
    }

/* 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 */

#Catalog_Layer {
    z-index: 99999;
}

#trans_bg {
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.agreement_m label, .main_login_stes label, .login_idsave label {
    cursor: pointer;
}

/*text css*/
.blue_text_b {
    color: #0097ff;
    font-weight: bold;
}

.yellow_text_b {
    color: #fff000;
    font-weight: bold;
}
/*text css*/

/*-----Styles for main visual st-----*/
.mainVisual {
    position: absolute;
    padding: 0;
    width: 100%;
    height: 630px;
    overflow: hidden;
}

    .mainVisual .visualBg {
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 630px;
    }

    .mainVisual .visualBg1 {
        background: url("/images/main/main_vi_5.jpg") no-repeat center 0;
    }

    .mainVisual .visualBg2 {
        background: url("/images/main/main_vi_1.jpg") no-repeat center 0;
    }

    .mainVisual .visualBg3 {
        background: url("/images/main/main_vi_2.jpg") no-repeat center 0;
    }

    .mainVisual .visualBg4 {
        background: url("/images/main/main_vi_3.jpg") no-repeat center 0;
    }

    .mainVisual .visualBg5 {
        background: url("/images/main/main_vi_4.jpg") no-repeat center 0;
    }

    .mainVisual .controller2 {
        width: 980px;
        position: relative;
        margin: 0 auto;
        z-index: 30;
        border: 0px solid red;
    }

        .mainVisual .controller2 .rollBtnD {
            position: absolute;
            top: 350px;
            left: 0px;
        }


.header_box {
    width: 100%;
    height: 89px;
    background: url(/images/main/header_bg.jpg) repeat;
}

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

.m_header_box {
    display: none;
}

.web_none {
    display: none;
}

.m_header_box_login {
    display: none;
}

.m_h_login {
    display: none;
}

.logo_box {
    width: 350px;
    float: left;
    margin-top: 15px;
    overflow: hidden;
}

    .logo_box li {
        float: left;
    }

.logo_box_last {
    font-size: 11px;
    color: #6f6f6f;
    margin-left: 9px;
    font-weight: normal;
    margin-top: 7px;
    line-height: 12px;
    text-shadow: 1px 1px #ffffff;
    letter-spacing: -0.2px
}

.gnb_box {
    height: 25px;
    float: right;
    margin-top: 40px;
}

    .gnb_box li:first-child {
        float: left;
        font-size: 11px;
        color: #969696;
        margin-top: 22px;
        letter-spacing: -0.5px;
        margin-right: 20px;
        text-shadow: 1px 1px #ffffff;
    }

.gnb_box_last {
    float: right;
    margin-top: 14px;
    min-width: 110px;
}

.top_user_name { /*position:absolute;top:-18px;right:1px;*/
    color: #0097ff;
    letter-spacing: normal;
}

.product_user_name {
    position: absolute;
    top: -8px;
    right: 1px;
    color: #0097ff;
    letter-spacing: normal;
    text-align: right;
    width: 180%
}

.gnb_sel {
    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 2px 3px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.gnb_box {
    color: #969696;
}

    .gnb_box a {
        color: #969696;
    }

        .gnb_box a:link {
            color: #969696;
        }

        .gnb_box a:hover {
            color: #0097ff;
        }

        .gnb_box a:visited {
            color: #969696;
        }

        .gnb_box a:active {
            color: #0097ff;
        }

.gnb_probox {
    position: absolute;
    right: 0px;
    top: 62px
}

    .gnb_probox li:first-child {
        float: left;
        font-size: 11px;
        color: #969696;
        letter-spacing: -0.5px;
        text-shadow: 1px 1px #ffffff;
    }

.gnb_box_last_pro {
    display: none
}


.nav_area {
    width: 100%;
    position: absolute;
    z-index: 90;
}

.nav_box {
    width: 980px;
    margin: 0 auto;
    position: relative;
    margin-top: -4px;
    z-index: 30;
    overflow: hidden;
}

    .nav_box li {
        float: left;
        cursor: pointer;
    }

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


/*상품메뉴 헤더css st*/
.header_mainbox {
    width: 100%;
    height: 89px;
    background: url(/images/common/mainmenu_barbg.png) repeat center 0;
}

.mainmenu_area {
    left: 370px;
    top: 60px;
    position: absolute;
}

    .mainmenu_area li {
        float: left;
        color: #fff;
        font-size: 15px;
        letter-spacing: -1px;
    }

        .mainmenu_area li a {
            color: #424242
        }

.gnbs_probox {
    position: absolute;
    right: 2px;
    top: 50px;
}

    .gnbs_probox li:first-child {
        display: inline-block;
        font-size: 11px;
        color: #969696;
        letter-spacing: -0.5px;
        text-shadow: 1px 1px #ffffff;
    }

.gnbs_box_last_pro {
    display: none
}
/*상품메뉴 헤더css end*/

.visual_area {
    position: relative;
    width: 100%;
    height: 630px;
    min-width: 980px;
}


/*로그인 박스 st*/
.main_login_box {
    width: 100%;
    position: absolute;
    z-index: 15;
    top: 46px;
    margin: 0 auto;
}

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

.main_login {
    width: 326px;
    height: 165px;
    float: right;
    background: url(/images/main/login_box_bg.png);
    margin-right: 1px;
}

.main_ls_box {
    padding: 23px 0 0 25px;
}

.main_login_toptext {
    font-size: 12px;
    color: #e6e6e6;
    letter-spacing: -.5px;
    overflow: hidden;
    padding-bottom: 6px;
    padding-top: 5px;
}

    .main_login_toptext .join {
        color: #fecb00;
        padding-right: 20px;
    }

    .main_login_toptext .findIdPwd {
    }

.main_login_in_wrap {
    overflow: hidden;
    padding-bottom: 5px;
}

.main_login_id {
    float: left;
}

.main_login_idtext {
    width: 178px;
    height: 33px;
    border: 1px solid #c7c7c7;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.5px;
    text-indent: 6px;
    margin-bottom: 5px;
}

.main_login_pwtext {
    width: 178px;
    height: 33px;
    border: 1px solid #c7c7c7;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.5px;
    text-indent: 6px;
}

.main_login_bu {
    float: left;
    margin-left: 5px;
}

.main_login_stes {
}

    .main_login_stes input[type=checkbox] {
        margin: 0;
        vertical-align: middle;
    }

    .main_login_stes label {
        font-size: 12px;
        color: #e6e6e6;
        letter-spacing: -.5px;
    }

    .main_login_stes .mls_id {
        padding-right: 5px;
        position: relative;
        top: 1px;
    }

.main_logi_a {
    position: absolute;
    top: 149px;
    left: 0px
}

.main_logi_tel {
    position: absolute;
    top: 237px;
    left: 0px
}

/*로그인 박스 ed*/

/*유저 박스 st*/
.user_login_box {
    width: 100%;
    position: absolute;
    z-index: 15;
    top: 46px;
    margin: 0 auto;
}

.user_log_box {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}

.user_login {
    width: 326px;
    height: 165px;
    float: right;
    background: url(/images/main/login_box_bg.png);
    margin-right: 1px;
}

.user_ls_box {
    padding: 19px 23px 0 23px;
}

.user_is_area {
    border-bottom: 1px dashed #c7c7c7;
}

.user_login_toptext {
    padding-bottom: 12px;
}

    .user_login_toptext .user_name {
        font-weight: bold;
        font-size: 14px;
        color: #ffffff;
        letter-spacing: -0.5px;
    }

.user_notice_box {
    padding-bottom: 9px;
    position: relative;
    overflow: hidden
}

    .user_notice_box li {
        padding: 3px 0 5px 0;
        font-size: 11px;
        color: #e6e6e6;
        letter-spacing: -0.5px;
        cursor: pointer;
    }

    .user_notice_box a {
        color: #e6e6e6;
    }

    .user_notice_box .usntc_num {
        font-weight: bold;
        color: #ffcf57;
        padding-left: 5px;
        letter-spacing: normal;
    }

.logout_area {
    position: absolute;
    right: 0px;
    bottom: 12px
}

.user_notice_box .logout_btn {
    width: 48px;
    height: 18px;
    border: none;
    background: url( '/Images/main/user_logout_btn.png' ) no-repeat center;
    cursor: pointer;
}

.user_menu_box {
    padding-top: 5px;
    overflow: hidden
}

    .user_menu_box li {
        float: left;
        margin: 0 1px;
        cursor: pointer;
    }
/*유저 박스ed*/

.article_wrap_box {
    width: 100%;
    height: 394px;
    margin: 0 auto;
    background-color: #fff
}

.article_wrap {
    position: relative;
    width: 980px;
    height: 394px;
    margin: 0 auto;
    margin-top: -195px;
    clear: both;
    z-index: 20;
    padding: 0;
    border: 0px solid red;
    display: block;
    overflow: hidden;
}

.article_area {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

.article_box {
    position: absolute;
    overflow: hidden;
}

#article_li_01 {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 1px;
}

#article_li_02 {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 0px;
}

    #article_li_01 > li, #article_li_02 > li {
        float: left;
        margin-left: 1px;
    }

.main_vi_textbox {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 10;
}

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

.main_vi_text_b {
    margin-bottom: 12px;
}

.main_vi_text_c {
    margin-left: 1px;
}

.main_vi_text_d {
    position: relative;
    top: -140px;
    width: 980px;
    margin: 0 auto;
    text-align: center;
    padding-left: 210px;
    right: 0px;
}

.main_notice_box {
    width: 195px;
    height: 195px;
    background: url(/images/main/content_10.jpg) no-repeat;
}

.main_notice_textbox {
    width: 164px;
    margin-top: 62px;
    margin-left: 16px;
}

.main_nsbox {
    width: 170px;
    padding-left: 2px;
}

    .main_nsbox li {
        font-size: 11px;
        color: #fff;
        font-weight: normal;
        padding-bottom: 12px;
    }

    .main_nsbox br {
        display: none;
    }

.main_notice_data {
}

    .main_notice_data a:visited {
        color: #fff;
    }

.main_notice_text {
}

    .main_notice_text a {
        color: #fff;
    }

        .main_notice_text a:hover {
            color: #fecb00;
        }

/*인증서 영역 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*/

/*콜센터 st*/
.call_center_openbox {
    width: 391px;
    height: 584px;
    position: absolute;
    z-index: 210;
    top: 135px;
    background: url(/images/main/callcenter_bg.png) center center;
    font-size: 12px;
    display: none;
}

.call_center_opensbox {
    width: 391px;
    height: 584px;
    margin: 0 auto;
}

.call_center_open_close {
    z-index: 230;
    float: right;
    width: 35px;
    height: 48px;
    position: relative;
}

/*콜센터 NewStyle 20141007*/
.call_no_phone {
    display: none;
}

.call_center_open_layer {
    z-index: 220;
    width: 391px;
    height: 584px;
    position: relative;
}

    .call_center_open_layer:hover {
        background: url(/images/main/callcenter_bg_ov.png) center center;
    }

    .call_center_open_layer .dpt_box1 {
        position: absolute;
        top: 81px;
        left: 25px;
    }

    .call_center_open_layer .dpt_box2 {
        position: absolute;
        top: 158px;
        left: 25px;
    }

    .call_center_open_layer .dpt_box3 {
        position: absolute;
        top: 240px;
        left: 25px;
    }

    .call_center_open_layer .dpt_box4 {
        position: absolute;
        top: 335px;
        left: 25px;
    }

    .call_center_open_layer .dpt_box5 {
        position: absolute;
        top: 412px;
        left: 25px;
    }

    .call_center_open_layer .dpt_box6 {
        position: absolute;
        top: 507px;
        text-align: center;
        font-size: 13px;
        width: 391px;
        margin: 0 auto;
    }

    .call_center_open_layer .dpt1 {
        font-size: 15px;
        font-weight: bold;
        letter-spacing: -0.5px;
        color: #fff;
        margin-bottom: 3px;
        line-height: 12px;
    }

    .call_center_open_layer .dpt2 {
        font-size: 15px;
        font-weight: bold;
        letter-spacing: -0.5px;
        color: #fff;
        margin-bottom: 10px;
        line-height: 12px;
    }

    .call_center_open_layer .dpt_a {
        color: #f1f1f1;
        letter-spacing: -0.5px;
        margin-bottom: 3px;
    }

    .call_center_open_layer .dpt_b {
        color: #f1f1f1;
        letter-spacing: -0.5px;
    }

    .call_center_open_layer .dpt_c {
        color: #fff;
        letter-spacing: -0.5px;
        font-size: 11px;
    }

    .call_center_open_layer .dpt_number {
        color: #f1f1f1;
        cursor: pointer;
    }
/*콜센터 ed*/



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: 12px;
    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;
}

.mobile_footer_box {
    display: none;
}

.mobile_top {
    display: none;
}

.mobile_left {
    display: none;
}

.mobile_home {
    display: none;
}

.mobile_front {
    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;
}
/*페이징 스타일*/

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

.companyLogo_img {
    border: 1px solid #cecece;
}



/*카탈로그레이어 닫기버튼*/
.img_down_close {
    position: relative;
    top: -10px;
    margin-left: 945px;
    cursor: pointer;
}

.img_down_close {
    position: relative;
    top: -10px;
    margin-left: 945px;
    cursor: pointer;
}

.business_close {
    width: 35px;
    height: 49px;
    margin-left: 945px;
    position: absolute;
    cursor: pointer;
}
/*카탈로그레이어 닫기버튼*/

/*포인터 커서*/
.pointer {
    cursor: pointer;
}

/*이미지 세로중앙정렬*/
.vertical-image {
    margin: 0;
    vertical-align: middle;
}

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

/*에러문구*/
#SubContent_lblError {
    font-size: 12px;
}
/*에러문구*/

/*ContentImg*/
.ContentImg {
    margin: 0;
    padding: 0;
}

.ContentImg_over {
    margin: 0;
    padding: 0;
}
/*ContentImg*/

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

.catalogWinClose {
    cursor: pointer;
}

/*아이디,패스워드찾기 데이터없음*/
.idpws_layout {
    width: 400px;
    height: 250px;
    border: 2px solid #0097ff;
    color: #424242;
    position: relative;
    top: -200px;
    left: 150px;
}

    .idpws_layout .idpws_box {
        width: 400px;
        height: 250px;
        background-color: white;
    }

        .idpws_layout .idpws_box .idpws_top {
            width: 370px;
            padding-top: 15px;
            margin: 0 auto;
        }

            .idpws_layout .idpws_box .idpws_top .idpws_title {
                float: left;
            }

            .idpws_layout .idpws_box .idpws_top .idpws_close {
                float: right;
                cursor: pointer;
            }

        .idpws_layout .idpws_box .idpws_text {
            width: 380px;
            margin: 0 auto;
            padding-top: 75px;
            text-align: center;
            letter-spacing: -0.5px;
            font-size: 13px;
            line-height: 30px;
        }

        .idpws_layout .idpws_box .idpws_btn_box {
            width: 380px;
            margin: 0 auto;
            padding-top: 35px;
            text-align: center;
        }

        .idpws_layout .idpws_box .idpws_btn {
            width: 100px;
            height: 25px;
            background: url('/images/member/btn_bg1.jpg') repeat-x scroll center center;
            vertical-align: middle;
            color: white;
            letter-spacing: -0.5px;
            font-weight: bold;
            border-width: 0;
            line-height: normal;
            cursor: pointer;
        }

/*아이디중복확인*/
.checkid_layout {
    width: 400px;
    height: 250px;
    border: 2px solid #0097ff;
    position: absolute;
    top: 243px;
    left: 540px;
    color: #424242;
}

    .checkid_layout .checkid_box {
        width: 400px;
        height: 250px;
        background-color: white;
    }

        .checkid_layout .checkid_box .checkid_top {
            width: 370px;
            padding-top: 15px;
            margin: 0 auto;
        }

            .checkid_layout .checkid_box .checkid_top .checkid_title {
                float: left;
            }

            .checkid_layout .checkid_box .checkid_top .checkid_close {
                float: right;
                cursor: pointer;
            }

        .checkid_layout .checkid_box .checkid_text {
            width: 380px;
            margin: 0 auto;
            padding-top: 80px;
            text-align: center;
            letter-spacing: -0.5px;
        }

        .checkid_layout .checkid_box .checkid_btn_box {
            width: 380px;
            margin: 0 auto;
            padding-top: 35px;
            text-align: center;
        }

        .checkid_layout .checkid_box .checkid_btn {
            width: 100px;
            height: 25px;
            background: url('/images/member/btn_bg1.jpg') repeat-x scroll center center;
            vertical-align: middle;
            color: white;
            letter-spacing: -0.5px;
            font-weight: bold;
            border-width: 0;
            line-height: normal;
            cursor: pointer;
        }

/*비밀번호찾기*/
.emailp {
    margin-top: 34px;
    margin-bottom: 17px;
}

.emailbox {
    width: 583px;
    height: 103px;
    background-color: #ececec;
    border: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.emailtext {
    font: 11px dotum;
    color: #959595;
    padding-top: 4px;
}

.emailidpwa {
    font: 13px dotum;
    color: #000;
    font-weight: bold;
}

.emailidpw {
    font: 13px dotum;
    color: #000;
    padding-top: 17px;
    font-weight: bold;
}

.idpwbox {
    width: 180px;
    height: 40px;
    margin: 26px 368px 37px 34px;
}

.oImage {
    margin-top: 10px;
}


#Symbol {
    animation-name: eiams;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-name: eiams;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-name: eiams;
    -moz-animation-duration: 1.5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
}

@keyframes eiams {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
}

@-webkit-keyframes eiams {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
}

@-moz-keyframes eiams {
    from {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9)
    }

    to {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
}

.symbol {
    text-align: center;
}

    .symbol img {
        margin-top: 15px
    }

/*20150414 New Style*/

/*a, a:link, a:visited, li{text-decoration:none;transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out}*/

.topMenu1, .topMenu2, .topMenu3, .topMenu4, .topMenu5 {
}

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

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

/*20151203 수상로고 st*/
.award_area {
    position: absolute;
    top: 60px;
    right: 0px
}

    .award_area li {
        float: left;
        padding-left: 30px
    }
/*20151203 수상로고 ed*/

.eco_btn {
    position: absolute;
    bottom: 159px;
    left: 238px;
    width: 90px;
    height: 25px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: transparent;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -0.5px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

    .eco_btn:hover {
        background-color: #ffffff;
        color: #021e10
    }

/*20151228 회원가입페이지 추가 st*/
.lmn_area {
    overflow: hidden;
    margin: 0px auto;
    width: 315px;
}

.lmn_imgdown {
    max-width: 200px;
    float: left;
    font-size: 15px;
    margin-top: 19px;
    background: #df365f none repeat scroll 0% 0%;
    color: white;
    padding: 0px 10px;
    text-align: center;
    margin-right: 3px;
    height: 28px;
    line-height: 28px;
}

    .lmn_imgdown a {
        color: #ffffff
    }
/*20151228 회원가입페이지 추가 ed*/

/*20160225 eiams 링크버튼 추가 st*/
.eiams_link_area {
    width: 100%
}

.eiams_link_box {
    width: 104px;
    margin: 0 auto;
}

.link_group {
    position: fixed;
    top: 30%;
    z-index: 999;
    margin-left: 560px
}

.link1 {
    background: #000000;
    opacity: .5;
    width: 97px;
    height: 117px;
    padding: 4px 3px 3px 4px;
    position: relative;
    transition: .6s all ease-in-out;
    -moz-transition: .6s all ease-in-out;
    -webkit-transition: .6s all ease-in-out
}

    .link1:hover {
        background: #df365f;
        opacity: .9
    }

.link1_in {
    background: url(/images/common/eiams_link1.png) no-repeat;
    width: 97px;
    height: 117px;
    display: block
}

.link2 {
    background: #000000;
    opacity: .5;
    width: 97px;
    height: 117px;
    padding: 4px 3px 3px 4px;
    position: relative;
    transition: .6s all ease-in-out;
    -moz-transition: .6s all ease-in-out;
    -webkit-transition: .6s all ease-in-out;
    margin: 3px 0px
}

    .link2:hover {
        background: #0097ff;
        opacity: .9
    }

.link2_in {
    background: url(/images/common/eiams_link2.png) no-repeat;
    width: 97px;
    height: 117px;
    display: block
}

.link3 {
    background: #000000;
    opacity: .5;
    width: 97px;
    height: 117px;
    padding: 4px 3px 3px 4px;
    position: relative;
    transition: .6s all ease-in-out;
    -moz-transition: .6s all ease-in-out;
    -webkit-transition: .6s all ease-in-out
}

    .link3:hover {
        background: #90c31f;
        opacity: .9
    }

.link3_in {
    background: url(/images/common/eiams_link3.png) no-repeat;
    width: 97px;
    height: 117px;
    display: block
}

/*20160225 eiams 링크버튼 추가 ed*/

/*20160303 이미지다운페이지 검색 st*/
.ids_area {
    position: absolute;
    top: 88px;
    right: 0px;
}

.ids_txt_box {
    width: 150px;
    height: 28px;
    border: 1px solid #c7c7c7;
    padding: 0px 5px;
    margin-right: 3px;
    color: #0097ff
}

.ids_btn {
    width: 70px;
    border: 0px solid #333;
    height: 30px;
    color: #fff;
    background-color: #0097ff;
    font-size: 13px;
    letter-spacing: -0.5px;
    font-weight: bold;
}
/*20160303 이미지다운페이지 검색 ed*/

/*20160617 주요고객사 st*/
.clnt_wrap {
    width: 100%;
    min-width: 980px;
}

.clnt_area {
    width: 100%;
    background: url(/images/main/client_bg.png) no-repeat center bottom;
    border-bottom: 1px solid #c7c7c7;
}

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

.clnt {
    width: 759px;
    height: 295px;
    text-align: left;
    margin: 0 auto;
    padding-top: 240px;
    line-height: 0;
}

    .clnt li {
        border: 1px solid #e6e6e6;
        display: inline-block;
        width: 87px;
        height: 84px;
        margin: 2px 0;
    }

    .clnt > li > img {
        width: 87px;
        height: 84px;
        padding: 0;
    }

.clnt_paging {
    text-align: center;
    line-height: 0;
    padding: 35px 0 58px;
}

    .clnt_paging > ul {
        width: 100%;
        margin: 0 auto;
    }

        .clnt_paging > ul > li {
            display: inline-block;
            cursor: pointer;
        }

            .clnt_paging > ul > li > img {
                padding: 5px 0;
            }
/*20160617 주요고객사 ed*/

/*20160627 신상품 st*/
.igd_list_wrap {
    display: none;
    width: 100%;
    padding: 0;
    height: 770px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f1f1f1;
    position: relative;
}

.igd_list_area {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
}
/*.igd_list_area{width:100%;margin:0 auto;background:url(/images/main/new_pt_tit.png) no-repeat center 250px;padding-top:290px;}*/
.igd_list_box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

    .igd_list_box > li {
        border: 1px solid #e6e6e6;
        width: 230px;
        margin: 0 2px;
        display: inline-block;
    }

        .igd_list_box > li:hover {
            border: 1px solid #fecb00;
        }

.igd_list {
    position: relative;
    overflow: hidden;
    background: #fff;
}

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

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

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

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

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

    .igdlist_con .igdlc_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;
    }

    .igdlist_con .igdlc_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;
    }

    .igdlist_con .igdlc_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;
    }

    .igdlist_con .igdlc_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;
    }

    .igdlist_con .igdlc_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;
    }

    .igdlist_con .igdlc_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;
    }

    .igdlist_con .igdlc_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;
    }

    .igdlist_con b {
        color: #454545;
    }

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

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

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

.igd_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 2px 3px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

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

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

    .igd_btn1:hover {
        background: #999999;
        color: #ffffff;
    }

.igd_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;
}

.igdlist_view {
    position: absolute;
    top: 218px;
    right: -1px;
    cursor: pointer;
}
/*20160627 신상품 ed*/




/* 문의글작성 */

.sk_customer_anw {
    position: fixed;
    bottom: 4px;
    right: 30px;
    cursor: pointer;
    z-index: 2000;
}

.sk_anwwrap {
    position: fixed;
    bottom: 6px;
    right: 50px;
    width: 320px;
    height: auto;
    box-shadow: 0px 4px 8px 3px #c7c7c7;
    z-index: 5555;
    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: 30px;
    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 5px 0px;
}

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

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

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

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

.sk_anw_telbox {
    height: 34px;
}

    .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: 96px;
    height: 36px;
    background: #a7a7a7;
    border: none;
    color: #fff;
    font-size: 15px;
    color: #373737;
    letter-spacing: -0.065em;
}

.sk_codetext {
    width: 155px;
    height: 28px;
    border: 1px solid #cdcdcd;
    font-size: 15px;
    color: #373737;
    letter-spacing: -0.065em;
    text-indent: 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;
}

/* 문의글작성 */



@media all and (max-width:980px) {

    /*문의글작성*/

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

        .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: 5555;
        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;
    }

    /*문의글작성*/
}


.fontOrange {
    color: darkorange;
    font-weight: bold;
}


/* 타일메뉴의 공백설정 */
.article_box ul li {
    padding: 0;
}

    .article_box ul li img {
        padding: 0;
        margin: 0;
        float: left;
    }

    .article_box ul li a {
        padding: 0;
        margin: 0;
        float: left;
    }

.main_notice_text a {
    line-height: 170%;
}
/* 타일메뉴의 공백설정 */

.mobile_content_box {
    display: none;
}

.blue_btn {
    width: 70px;
    background: url(/images/mypage/blue_btn_bg.jpg) center center;
    height: 25px;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    -webkit-appearance: none;
}

.addr_input {
    width: 95px;
    height: 24px;
    border: 1px solid #c7c7c7;
    padding-left: 3px;
    font-family: '굴림', 'Gulim', 'Nanum Gothic';
    font-size: 12px;
    vertical-align: unset;
}


/*20240805_신규팝업css_st*/

.main_popup_3 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 99999;
}

    .main_popup_3 .page {
        width: 450px;
        height: 550px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        padding: 0;
        border: 0;
    }

        .main_popup_3 .page .viewport .box {
            overflow: hidden;
            width: 450px;
            height: 500px;
        }

    .main_popup_3 .dimmed {
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        cursor: pointer;
        z-index: -1;
    }

    .main_popup_3 .page .viewport .box img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

    .main_popup_3 .main_popupimg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 450px;
        height: 500px;
        display: block;
    }

    .main_popup_3 .main-popup-bottom {
        position: relative;
        height: 40px;
    }

        .main_popup_3 .main-popup-bottom .main-popup-today-cookie {
            position: absolute;
            top: 8px;
            left: 8px;
            font-size: 13px;
            font-weight: 100;
            color: #ffffff;
        }

        .main_popup_3 .main-popup-bottom .bottom_controls {
            position: absolute;
            top: -20px;
            left: 0;
            width: 100%;
            text-align: center;
        }

            .main_popup_3 .main-popup-bottom .bottom_controls li {
                display: inline-block;
                vertical-align: middle;
            }


.swiper-button-prev {
    position: absolute;
    top: 160px;
    left: -125px;
    width: 25px;
    height: 25px;
}

.swiper-button-next {
    position: absolute;
    top: 160px;
    right: -50px;
    width: 25px;
    height: 25px;
}

.main_popup_3 .main-popup-bottom .main-popup-btn-close {
    position: absolute;
    top: 3px;
    right: 5px;
    width: 25px;
    height: 25px;
}

    .main_popup_3 .main-popup-bottom .main-popup-btn-close a {
        display: block;
        width: 100%;
        height: 100%;
        color: #ffffff;
    }

.main_popup_3 .main-popup-btn-close2 a {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -22px;
    right: -22px;
    margin-left: -25px;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
    z-index: 999;
}

    .main_popup_3 .main-popup-btn-close2 a:before,
    .main_popup_3 .main-popup-btn-close2 a:after {
        position: absolute;
        top: 12px;
        left: 24px;
        content: ' ';
        height: 25px;
        width: 2px;
        background-color: #000000;
    }

.main_popup_3 .main-popup-bottom .main-popup-btn-close a:before,
.main_popup_3 .main-popup-bottom .main-popup-btn-close a:after {
    position: absolute;
    left: 12px;
    content: ' ';
    height: 25px;
    width: 2px;
    background-color: #ffffff;
}

.main_popup_3 .main-popup-bottom .main-popup-btn-close a:before,
.main_popup_3 .main-popup-btn-close2 a:before {
    transform: rotate(45deg);
}

.main_popup_3 .main-popup-bottom .main-popup-btn-close a:after,
.main_popup_3 .main-popup-btn-close2 a:after {
    transform: rotate(-45deg);
}


/*20240805_신규팝업css_end*/