/*아이폰 버튼 스타일 초기화 st */
input[type=text], input[type=password], input[type=submit], input[type=search], input[type=button], textarea, select {-webkit-appearance: none;}
/*아이폰 버튼 스타일 초기화 ed */

.visual_wrap { width: 100%; height: 250px; margin: 0 auto; position: absolute;background: url(/images/common/sub_vi_0907_1.png) no-repeat center 0}
.visual_wrap_a { width: 100%; height: 250px; margin: 0 auto; position: absolute;background: url(/images/common/sub_vi_p1.png) no-repeat center 0}
.visual_wrap_b { width: 100%; height: 250px; margin: 0 auto; position: absolute;background: url(/images/common/sub_vi_0907_2.png) no-repeat center 0}
.visual_wrap_c{width:1695px; height:165px;background-color:#0097ff;margin:0 auto;}
.visual_wrap_com {width: 100%; height: 250px; margin: 0 auto; position: absolute;background: url(/images/common/sub_vi_1.png) no-repeat center 0}
.visual_wrap_pro {width: 100%; height: 250px; margin: 0 auto; position: absolute;background: url(/images/product/pro_vi_1.jpg) no-repeat center 0}


/*20170607 서브비주얼 롤링 */

.productVisual {
    position: absolute;
    z-index: 800;
    width: 100%;
    height: 165px;
    margin: 0 auto;
    overflow: hidden;
}

.productVisualBg {
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    height: 210px;
    z-index: 800;
}

.productVisualBg1 {
    background: url("/images/product/pro_vi_1.jpg") no-repeat center 0;
    left: 0;
}

.productVisualBg2 {
    background: url("/images/product/pro_vi_1.jpg") no-repeat center 0;
    left: -100%;
}



/*20170607 서브비주얼 롤링 */

.subpage_big_box { width: 100%; overflow: hidden; margin: 0 auto;}
.subpage_box { width: 980px; overflow: hidden; margin: 0 auto;}

/*--좌측메뉴--*/
.submenu_box { width: 195px; height: 100%; float: left; padding: 257px 0px 0px; position: relative;}

.submenu_text_box { color: #9b9b9b;}
.submenu_text_box li { margin-top: 0px; padding-left: 11px; height: 25px; padding-top: 9px; border-bottom: 1px solid #ffffff; font-size: 13px; }
.submenu_text_box li span { float: right; margin-right: 10px; font-size: 8px; padding-top: 2px; }
.submenu_box_title { width: 195px; height: 39px; border-bottom: 1px solid #d3d3d3;}
.submenu_box_title img { margin-left: 8px; }

/*회사소개 좌측 메뉴*/
.submenu_selected { width: 184px; height: 20px; background-color: #0097ff; color: #fff; font-weight: bold; padding-top: 8px;}
.submenu_selected a{ color: #fff;}
/*포트폴리오 좌측 메뉴*/
.submenu_selected_p { width: 184px; height: 20px; background-color: #424242;color: #fff; font-weight: bold; padding-top: 8px;}
.submenu_selected_p a{ color: #fff;}
/*커뮤니티 좌측 메뉴*/
.submenu_selected_s { width: 184px; height: 20px; background-color: #bed62f; color: #fff; font-weight: bold; padding-top: 8px;}
.submenu_selected_s a { color: #fff; }
/*상품안내 좌측 메뉴*/
.submenu_selected_g { width: 184px; height: 20px; background-color: #fecb00; color: #fff; font-weight: bold; padding-top: 8px;}
.submenu_selected_g a { color: #fff; }
/*--좌측메뉴--*/

.sub_content_box { width: 754px;min-height:450px; height: 100%; float: right; position: relative; padding: 55px 0px 0px 30px; border-left: 1px solid #d3d3d3; margin-top: 150px;}
.sub_content_box .top_button { position: fixed; bottom: 0; right: 10px;z-index:999999 }
.sub_gnb_home { color: #b1b1b1; margin-bottom: 12px; vertical-align:middle}
.sub_gnb_home img{vertical-align:middle;position:relative;bottom:3px;}
.sub_title { width: 100%; overflow: hidden; padding: 0px 0px 12px;}
.sub_title span { font-size: 11px; color: #858585; letter-spacing: normal; font-weight: normal; position: relative; top: 12px; left: 3px; }
.border_b2 { border-bottom: 2px solid #3c3c3c;}
.border_b1 { border-bottom: 1px solid #c7c7c7;}

.sub_gnb_title_c{width: 100%; border-bottom:0px solid #c7c7c7; padding-bottom: 12px;letter-spacing:-2px}
.sub_gnb_title_c span{font-size: 30px; color: #424242}

.sub_gnb_title{width: 100%; border-bottom:1px solid #c7c7c7; padding-bottom: 12px;letter-spacing:-2px}
.sub_gnb_title span{font-size: 30px; color: #424242}

.sub_gnb_title_a{width: 100%; border-bottom:0px solid #a1a1a1; padding-bottom: 12px;letter-spacing:-2px}
.sub_gnb_title_a span{font-size: 30px; color: #424242}

.sub_gnb_title_b{width: 100%; border-bottom:1px solid #c7c7c7; padding-bottom: 12px;letter-spacing:-2px;padding-left:10px;}
.sub_gnb_title_b span{font-size: 30px; color: #424242}



/*--회사개요--*/
.sub_page_a { width: 750px; height: 465px;}

/*250627 seungho add*/
    .sub_page_a::before,
    .sub_page_a::after {
        content: '';
        width: 750px;
        height: 390px;
        position: absolute;
        top: 17.35%;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        background: no-repeat center bottom transparent;
        background-size: 100% 100%; /* 또는 contain, cover 등 */
        background-position: bottom;
    }

    .sub_page_a::before {
        background-image: url('/images/company/sub_p1_noline.jpg');
    }

    .sub_page_a::after {
        animation: blink_ani 2s linear infinite;
        background-image: url('/images/company/sub_p1.jpg');
    }
    .sub_page_a .sub_page_a_head { font-size: 25px; color: #0097ff; font-weight: normal; letter-spacing: -1px; padding-top:40px; line-height:31px;position:absolute;z-index:99;top:110px; }
.sub_page_a .sub_page_a_head span { font-size: 11px; color: #b1b1b1; letter-spacing: -0.5px; font-weight: normal; }
.sub_page_a .sub_page_a_text { margin-bottom: 5px; padding-top: 25px; font-size: 13px; color: #636363; line-height: 22px; letter-spacing: -0.5px;position:absolute;z-index:99;top:230px; }
/*250627 seungho add*/


.cmpn_info_img{padding:20px 0px;}
.m_cmpn_info_img{display:none;}
.cmpn_sub_tit { font-size: 23px; color: #0097ff; font-weight: normal; letter-spacing: normal; padding: 20px 0px;}
.cmpn_sub_tit span { font-size: 11px; color: #b1b1b1; letter-spacing: -0.5px; font-weight: normal; }
.cmpn_sub_tit_a {display:none; }
.cmpn_sub_tit_a span { display:none; }
.cmpn_sub_image_a{display:none;}

/*.cmpn_sub_image{margin:10px 0px 20px 0px}*/

.m_cmpn_sub_image {display:none}
.sub_page_a_head_a { font-size: 15px; color: #0097ff; font-weight: normal; letter-spacing: -1px; padding-top: 20px; line-height: 20px;}
.sub_page_a_head_a span { font-size: 11px; color: #b1b1b1; letter-spacing: normal; font-weight: normal; }
.cmpn_info { width: 750px; font-size: 12px; color: #636363; border-collapse: collapse;}
.cmpn_info td { color: #858585; padding: 10px 5px; border-bottom: 1px solid #e6e6e6; text-align: left; }
.cmpn_info td span{font-size:12px;letter-spacing:0.8px}
.cmpn_info .tit {text-indent:10px;}
.cmpn_info .tit_last {text-indent:10px;padding-bottom:50px;border-bottom: 0px solid #e6e6e6;}
.cmpn_info .tia_last {padding-bottom:50px;border-bottom: 0px solid #e6e6e6;line-height:19px;}



/*--회사개요--*/

/*--경영이념 및 방침--*/

.sub_page_b {
    width: 750px;
    height: 505px;
    margin-bottom: 80px;
    color: #858585;
    letter-spacing: -0.65px;
    line-height: 19px;
}

/*250620 seungho add*/
    .sub_page_b::before,
    .sub_page_b::after {
        content: '';
        width: 750px;
        height: 398px;
        position: absolute;
        top: 17.35%;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        background: no-repeat center bottom transparent;
        background-size: 100% 100%; /* 또는 contain, cover 등 */
    }

    .sub_page_b::before {
        background-image: url('/images/company/sub_p4_1_noline.jpg');
    }

    .sub_page_b::after {
        animation: blink_ani 2s linear infinite;
        background-image: url('/images/company/sub_p4_1.jpg');
    }


.sub_page_b .sub_page_b_a { position: absolute;left:125px;top:202px;z-index:99; }
.sub_page_b .sub_page_b_a span { font-size: 16px; color: #424242; font-weight: normal; line-height: 40px;z-index:99; }

.sub_page_b .sub_page_b_b { position: absolute;right:27px;top:312px;z-index:99; }
.sub_page_b .sub_page_b_b span { font-size: 16px; color: #424242; font-weight: normal; line-height: 40px;z-index:99; }

.sub_page_b .sub_page_b_c { position: absolute;left:75px;top:476px;z-index:99; }
.sub_page_b .sub_page_b_c span { font-size: 16px; color: #424242; font-weight: normal; line-height: 40px;z-index:99; }

.sub_page_b .sub_page_b_d { position: absolute;right:75px;top:587px;z-index:99; }
.sub_page_b .sub_page_b_d span { font-size: 16px; color: #424242; font-weight: normal; line-height: 40px;z-index:99; }
/*250620 seungho add*/


.sub_page_b_bottom_a {display:none;}


/*250627 seungho add*/
.sub_page_b_bottom { width: 750px; height: 505px; margin-bottom: 100px; color: #858585; letter-spacing: -0.65px; line-height: 19px; border-top: 1px solid #d4d4d4;}

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

    .sub_page_b_bottom::before {
        background-image: url('/images/company/sub_p4_2_noline.jpg');
    }

    .sub_page_b_bottom::after {
        animation: blink_ani 2s linear infinite;
        background-image: url('/images/company/sub_p4_2.jpg');
    }

/*250627 seungho add*/

.sub_page_b_bottom .sub_page_b_head { font-size: 25px; color: #0097ff; font-weight: normal; letter-spacing: -1px; padding-top: 20px; }
.sub_page_b_bottom .sub_page_b_head span { font-size: 11px; color: #b1b1b1; letter-spacing: -0.5px; font-weight: normal; }
/*--경영이념 및 방침--*/

/*--연혁--*/
.sub_page_c { width: 750px; margin-top: 20px; margin-bottom: 20px; color: #858585; letter-spacing: -0.65px; line-height: 19px;}
.sub_page_c .sub_page_c_head { font-size: 25px; color: #0097ff; font-weight: normal; letter-spacing: -1px; }
.sub_page_c .sub_page_c_head span { font-size: 11px; color: #b1b1b1; letter-spacing: -1px; font-weight: normal; }
.sub_history_bbox { width: 750px; padding-top: 40px; margin-bottom: 50px; background: url('/images/company/line_bg.jpg') repeat-y scroll 0% 0% transparent; border: 0px solid red;}
.sub_history_bbox .sub_history_box { width: 750px; display: inline-block; padding-bottom: 100px; }
.sub_history_bbox .sub_history_year { padding-bottom: 10px; padding-top: 20px; }
.sub_history_bbox .sub_history_year .sub_history_year_img { font-size:22px;letter-spacing:-2px;font-weight:bold;padding-right:14px;padding-left:6px;}
.sub_history_bbox .sub_history_circle { width: 7px; height: 7px; }
.sub_history_bbox .sub_history_circle img { vertical-align: middle; border: 0 none; }
.sub_history_bbox .sub_history_content { width: 750px;height:auto; position: relative; padding-bottom: 20px;}
.sub_history_bbox .sub_history_content .sub_history_circle_a { width: 5px; left: 62px; position: absolute; top: 0.25em; }
.sub_history_bbox .sub_history_content .sub_history_month { color: #858585; font-weight: bold; color: #585858; position: absolute; left: 90px; line-height: 19px; top: -4px; letter-spacing: -0.5px; }
.sub_history_bbox .sub_history_content .sub_history_text { color: #858585; left: 115px;position:relative; line-height:18px;top:-4px;  letter-spacing: -0.5px; }
/*.history_point { color: white; font-size: 14px; font-weight: bold; background: #0097ff; padding: 2px 10px; border-radius: 3px;}*/


.sub_history_line{border-bottom: 1px solid #e6e6e6; padding-bottom:20px}
.sub_history_line_m{display:none}
/*--연혁--*/

/*--조직도--*/
.sub_page_d { width: 750px; margin-top: 20px; margin-bottom: 20px; color: #858585; letter-spacing: -0.65px; line-height: 19px;}
.sub_page_d .sub_page_d_head { font-size: 25px; color: #0097ff; font-weight: normal; letter-spacing: -1px; }
.sub_page_d .sub_page_d_head span { font-size: 11px; color: #b1b1b1; letter-spacing: -1px; font-weight: normal; }
.organi_box { width: 750px; height: 746px; background: url(/images/company/sub_p6.jpg) no-repeat; margin-top:40px; margin-bottom:60px; font-size: 13px; color: #fff; letter-spacing: -0.5px; position: relative;}
.organi_box li { position: absolute; }
.organi_box .dpt1 { font-size: 14px; font-weight: normal; top: 71px; left: 163px; }
.organi_box .dpt1_team1 { top: 106px; left: 250px; }
.organi_box .dpt2 { font-size: 14px; font-weight: normal; top: 175px; left: 180px; }
.organi_box .dpt2_team1 { top: 210px; left: 274px; }
.organi_box .dpt2_team1 span { padding-left: 49px; padding-right: 46px; }
.organi_box .dpt2_team2 { top: 239px; left: 265px; }
.organi_box .dpt2_team2 span { padding-left: 31px; padding-right: 34px; }
.organi_box .dpt3 { font-size: 14px; font-weight: normal; top: 279px; left: 220px; }
.organi_box .dpt3_team1 { top: 314px; left: 296px; }
.organi_box .dpt3_team1 span { padding-left: 55px; padding-right: 66px; }
.organi_box .dpt4 { font-size: 14px; font-weight: normal; top: 383px; left: 231px; }
.organi_box .dpt4_team1 { top: 418px; left: 324px; }
.organi_box .dpt4_team1 span { padding-left: 63px; padding-right: 48px; }
.organi_box .dpt5 { font-size: 14px; font-weight: normal; top: 487px; left: 276px; }
.organi_box .dpt5_team1 { top: 522px; left: 359px; }
.organi_box .dpt5_team1 span { padding-left: 55px; padding-right: 50px; }
.organi_box .dpt6 { font-size: 14px; font-weight: normal; top: 591px; left: 291px; }
.organi_box .dpt6_team1 { top: 626px; left: 379px; }

.m_organi_box {display:none;}

/*--조직도--*/

/*--클라이언트,협력업체--*/
.sub_page_eas{width: 99%;margin:0 auto; padding-bottom:15px}
.sub_page_e { width: 750px; margin-top: 20px; margin-bottom: 20px; color: #858585; letter-spacing: -0.65px; line-height: 19px;}
.sub_page_e .sub_page_e_head { font-size: 25px; color: #0097ff; font-weight: normal; letter-spacing: -1px; }
.sub_page_e .sub_page_e_head span { font-size: 11px; color: #b1b1b1; letter-spacing: -1px; font-weight: normal; }
/*--클라이언트,협력업체--*/

/*--인증서--*/
.certificate { width: 750px; display: inline-block; margin-bottom: 100px;}
.certificate li { float: left; text-align: center; color: #9b9b9b; letter-spacing: -0.5px; line-height: 17px; }
/*인증서 공통*/
.certificate .sub_page_f { width: 750px; margin-top: 20px; margin-bottom: 20px; color: #858585; letter-spacing: -0.5px; line-height: 19px; float: left; }
.certificate .sub_page_f .sub_page_f_head { font-size: 25px; color: #0097ff; font-weight: normal; letter-spacing: -1px; }
.certificate .sub_page_f .sub_page_f_head span { font-size: 11px; color: #b1b1b1; letter-spacing: -1px; font-weight: normal; }
.certificate .text {margin-top:10px; }
.certificate span { font-size: 14px; color: #424242; line-height: 25px; font-weight: bold; }
/*인증서:수상*/
.certificate .award_box { width: 750px;display: inline-block; padding-bottom: 30px; }
.certificate .award_box .award1 { width: 250px;}
.certificate .award_box .memcard { width: 250px; }

.patent_box_bo{ border-bottom: 1px solid #e6e6e6;padding-bottom: 30px;padding-top:10px;}

/*인증서:특허증*/
.certificate .patent_box { width: 750px;display: inline-block; padding-bottom: 30px; }
.certificate .patent_box .patent1 {width: 250px;}
.certificate .patent_box .patent2 {width: 250px;}
.certificate .patent_box .patent3{width: 250px;}
.certificate .patent_box .patent4{width: 250px;}
.certificate .patent_box .patent5{width: 250px;}
.certificate .patent_box .patent6{width: 250px;}
/*인증서:인증서*/
.certificate .certification_box { width: 750px;display: inline-block; padding-bottom: 30px; }
.certificate .certification_box .certification1 {width: 250px;}
.certificate .certification_box .certification2 {width: 250px;}
.certificate .certification_box .certification3 {width: 250px;}
.certificate .certification_box .certification4 {width: 250px;}
.certificate .certification_box .certification5 {width: 250px;}
.certificate .certification_box .certification6 {width: 250px;}
.certificate .certification_box .certification7{width: 250px;}
.certificate .certification_box .certification8{width: 250px;}
.certificate .certification_box .certification9 {width: 250px;}
/*인증서:등록증*/
.certificate .registration_box { width: 750px;display: inline-block; padding-bottom: 30px; }
.certificate .registration_box .registration1 {width: 250px;}
.certificate .registration_box .registration2 {width: 250px;}
.certificate .registration_box .registration3 {width: 250px;}
.certificate .registration_box .registration4 {width: 250px;}
.certificate .registration_box .registration5 {width: 250px;}
.certificate .registration_box .registration6 {width: 250px;}
.certificate .registration_box .registration7 {width: 250px;}
.certificate .registration_box .registration8 {width: 250px;}
.certificate .registration_box .registration9 {width: 250px;}
.certificate .registration_box .registration10 {width: 250px;}
/*인증서:신고증*/
.certificate .declaration_box { width: 750px; display: inline-block; padding-bottom: 30px; }
.certificate .declaration_box .declaration1 {width: 250px;}
.certificate .declaration_box .declaration2 {width: 250px;}
.certificate .declaration_box .declaration3 {width: 250px;}
.certificate .declaration_box .declaration4 {width: 250px;}
.certificate .declaration_box .declaration5 {width: 250px;}
.certificate .declaration_box .declaration6 {width: 250px;}
/*--인증서--*/

/*--찾아오시는 길--*/
.sub_page_g { width: 750px; margin-top: 20px; margin-bottom: 20px; color: #858585; letter-spacing: -0.65px; line-height: 19px;}
.sub_page_g .sub_page_g_head { font-size: 25px; color: #0097ff; font-weight: normal; letter-spacing: -1px; }
.sub_page_g .sub_page_g_head span { font-size: 11px; color: #b1b1b1; letter-spacing: -1px; font-weight: normal; }
.sub_map { width: 748px; height: 748px; border: 1px solid #d3d3d3; margin-bottom: 20px; }
.sub_map_abox{width: 100%; height: 748px; border: 0px solid #929292; margin: 0;}
.sub_map_box { width: 748px;}
.sub_map_box .smp_a{background:url(/images/company/con_info_bg.png) no-repeat;position:absolute;top:260px;width:250px;height:200px;color:#fff;line-height:120%}
.smp_b{font-size:25px;font-weight:normal;padding:20px 0px 0px 20px;letter-spacing:-.5px}
.smp_c{font-size:14px;font-weight:normal;padding:35px 0px 0px 57px;letter-spacing:-1px;color:#bebebe;line-height:17px;}
.smp_d{font-size:14px;font-weight:normal;padding:30px 0px 0px 58px;letter-spacing:normal;color:#bebebe;line-height:17px;}

.smp_d .sm_span_a{margin-right:46px}
.smp_d .sm_span_b{margin-right:39px}
.smp_d .sm_span_c{margin-right:5px}

.sub_map_box .sub_map_pic { width: 75px; height: 35px; float: left; }
.sub_map_text { width: 650px; height: 35px; float: left; color: #838383; margin-left: 15px; margin-bottom: 50px; line-height: 17px;}
.sub_map_text span { color: #424242; font-weight: bold; }
/*--찾아오시는 길--*/

/*-- 공지사항-- */
.boardContents {
    font-size: 12px;
    line-height: 20px;
    color: #8f8f8f;
    border-bottom: 1px solid #c9c9c9;
    display: none;
    text-align: left;
    background-color: #fafafa;
    width: 100%;
    padding: 5px;
}

.ntc_con_area {
    word-break: keep-all;
    border-bottom: 1px solid #c9c9c9;
    display: none;
    padding: 10px 130px 30px 101px;
    text-align: left;
    background-color: #fafafa;
    width: 520px;
}

.notice_box {
    width: 754px;
    border-top: 2px solid #3c3c3c;
}

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

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

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

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

.notice_no {
    width: 114px;
    float: left;
    text-align: center;
}

.notice_title {
    width: 520px;
    float: left;
    text-align: center;
}

.notice_date {
    width: 120px;
    float: right;
    text-align: center;
}

.notice_no_a {
    width: 114px;
    float: left;
    text-align: center;
    vertical-align: bottom;
    padding: 4px 0px 0px;
}

.notice_title_a {
    width: 520px;
    float: left;
    text-align: left;
    vertical-align: bottom;
    padding: 4px 0px 0px;
}

.notice_date_a {
    width: 119px;
    float: left;
    text-align: center;
    border-left: 1px solid #d9d9d9;
    vertical-align: bottom;
    padding: 1px 0px 0px;
    line-height: 18px;
}

    .notice_date_a img {
        vertical-align: middle;
    }
/*-- 공지사항-- */

/*--FAQ-- */
.faq_box {
    width: 754px;
    border-top: 2px solid #3c3c3c;
    margin-bottom: 50px;
}

.faq_top {
    width: 754px;
    border-bottom: 1px solid #9b9b9b;
    font: 13px dotum;
    color: #636363;
    font-weight: bold;
    height: 23px;
    padding-top: 11px;
}

.faq_article {
    width: 754px;
    border-bottom: 1px solid #d9d9d9;
    font: 13px dotum;
    color: #8f8f8f;
    height: 23px;
    padding-top: 11px;
}

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

.faq_title {
    width: 500px;
    float: left;
    text-align: center;
}

.faq_date {
    width: 120px;
    float: right;
    text-align: center;
}

.faq_no_a {
    width: 120px;
    float: left;
    text-align: center;
    letter-spacing: -1px;
}

.faq_title_a {
    width: 500px;
    float: left;
    text-align: left;
    letter-spacing: -1px;
}

.faq_date_a {
    width: 120px;
    float: left;
    text-align: center;
    border-left: 1px solid #d9d9d9;
}

.faq_form_wrap {
    position: relative;
}

.faq_search_box {
    position: absolute;
    right: 0px;
    top: -36px;
}

.faq_search {
    width: 100px;
    border: 1px solid #c7c7c7;
    height: 26px;
    color: #858585;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-overflow: "";
    text-indent: 0.01px;
    padding: 3px 2px 4px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    float: left;
    margin-right: 3px;
    font-size: 12px;
    letter-spacing: -.5px;
}

.faq_search_text {
    width: 220px;
    height: 24px;
    border: 1px solid #c7c7c7;
    background-color: #ffffff;
    vertical-align: middle;
    float: left;
    color: #858585;
    font-size: 12px;
    letter-spacing: -.5px;
    text-indent: 6px;
}

.faq_search_btnbox {
    background: #fafafa;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #e6e6e6;
    text-align: center;
}

.faq_search_btn {
    width: 75px;
    border: 1px solid #c7c7c7;
    color: #858585;
    background: #ffffff;
    font-size: 12px;
    letter-spacing: -0.5px;
    font-weight: normal;
    cursor: pointer;
    padding: 10px 0
}

    .faq_search_btn:hover {
        color: #ffffff;
        background: #858585;
        border: 1px solid #858585;
    }

.support_top_text {
    color: #858585;
    font-weight: normal;
    letter-spacing: -1.5px;
    padding-top: 15px;
    padding-bottom: 7px;
    font-size: 13px;
}

    .support_top_text span {
        color: #0097FF;
        font-weight: bold;
        letter-spacing: -1px;
        font-size: 14px;
    }

.support_top_text_in {
    font-size: 17px;
    line-height: 25px;
    padding-left: 0px
}

.support_search {
    float: right;
    width: 300px;
    height: 23px;
}

.support_se_bu {
    width: 40px;
    border: 0px solid #333;
    height: 24px;
    color: #fff;
    background-color: #424242;
    font: 13px dotum;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.support_file_bu {
    width: 100px;
    border: 0px solid #333;
    height: 26px;
    color: #fff;
    background-color: #424242;
    font: 13px dotum;
    letter-spacing: -1px;
    font-weight: bold;
    margin-left: 3px;
}

.support_con_file {
    border-bottom: 1px solid #c9c9c9;
    display: none;
    padding: 10px 130px 30px 100px;
    text-align: left;
    background-color: #fafafa;
    width: 100%
}

/*--FAQ-- */

/*--사업제안--*/
.proposal_bigbox { width: 750px; border-top: 1px solid #9b9b9b}
.proposal_h15{height:15px;}
.proposal_bigbox .proposal_box { width: 738px; 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 .aticle2 { width: 75px; padding-left: 40px; }
.proposal_bigbox .proposal_box .proposal .pro_inbox { width: 250px; height: 24px; border: 1px solid #dbdbdb; background-color: #fafafa; vertical-align: middle; padding-left: 3px; color: #636363; }
.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_tel { width: 68px; height: 24px; border: 1px solid #dbdbdb; background-color: #fafafa; padding-left: 3px; color: #636363; }
.proposal_bigbox .proposal_box .proposal .proposal_email { width: 180px; height: 24px; border: 1px solid #dbdbdb; background-color: #fafafa; padding-left: 3px; color: #636363; }
.proposal_bigbox .proposal_box .proposal .proposal_email_a {vertical-align:middle; width: 180px; border: 1px solid #dbdbdb; height: 26px; font-size: 13px; color: #858585; background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fafafa; border-radius: 0px; text-overflow: ""; text-indent: 0.01px; padding: 0px 2px 3px 3px; -webkit-appearance: none; -moz-appearance: none; overflow: hidden; white-space: nowrap; cursor: pointer; }
.proposal_bigbox .proposal_box .proposal .proposal_title { width: 620px; 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: 618px; 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: 624px; 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; }
/*--사업제안--*/

/*--법적고지--*/
.legal_text {
    color: #6f6f6f;
    margin-top: 15px;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
    line-height: 18px;
}

.legal_text_a {
    width: 730px;
    height: 250px;
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    font-size: 11px;
    color: #929292;
    padding-top: 15px;
    padding-left: 15px;
    letter-spacing: -0.5px;
    line-height: 20px;
    margin-bottom: 30px;
    resize: none;
}

.legal_text_e {
    width: 730px;
    height: 150px;
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    font-size: 11px;
    color: #929292;
    padding-top: 15px;
    padding-left: 15px;
    letter-spacing: -0.5px;
    line-height: 20px;
    margin-bottom: 50px;
    resize: none;
}
/*--법적고지--*/

/*--사이트맵--*/
.sitemap_box {
    width: 680px;
    height: 911px;
    background: url(/images/support/sitemap_bg.jpg) no-repeat;
    margin: 25px 0px 29px 70px;
    font-size: 13px;
    color: #858585;
    letter-spacing: -0.65px;
    line-height: 16px;
}

    .sitemap_box li a:link {
        color: #858585;
    }

    .sitemap_box li a:hover {
        color: #858585;
    }

    .sitemap_box li a:visited {
        color: #858585;
    }

    .sitemap_box .sitemap_box_a {
        width: 106px;
        height: 300px;
        border: 0px solid #323232;
        position: relative;
        left: 144px;
        top: 8px;
        line-height: 31px;
    }

    .sitemap_box .sitemap_box_b {
        width: 106px;
        height: 300px;
        border: 0px solid #323232;
        position: relative;
        top: -296px;
        left: 518px;
        line-height: 40px;
    }

    .sitemap_box .sitemap_box_c {
        width: 106px;
        height: 180px;
        border: 0px solid #323232;
        position: relative;
        top: -207px;
        left: 144px;
        line-height: 40px;
    }

    .sitemap_box .sitemap_box_d {
        width: 150px;
        height: 260px;
        border: 0px solid #323232;
        position: relative;
        top: -386px;
        left: 518px;
        line-height: 40px;
    }

    .sitemap_box .sitemap_box_e {
        width: 150px;
        height: 60px;
        border: 0px solid #323232;
        position: relative;
        top: -318px;
        left: 144px;
        line-height: 40px;
    }

    .sitemap_box .sitemap_box_f {
        width: 150px;
        height: 60px;
        border: 0px solid #323232;
        position: relative;
        top: -378px;
        left: 518px;
        line-height: 40px;
    }
/*--사이트맵--*/

/*--이미지다운로드-- */
.img_down:hover {
    box-shadow: 0px 0px 2px #858585;
}

.img_download_box {
    width: 750px;
    margin-top: 30px;
}

    .img_download_box li {
        width: 172px;
        height: 166px;
        border: 1px solid #e6e6e6;
        float: left;
        margin-left: 7px;
        margin-bottom: 20px;
    }

.img_downbig_box {
    width: 100%;
    height: 100%;
    background-color: #000;
    margin: 0 auto;
    padding-top: 10px;
    opacity: 0.8;
}

.img_downbig_sbox {
    width: 980px;
    height: 1820px;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 10px;
}

.img_downbig_cbox {
    width: 980px;
    height: 906px;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 10px;
}

.img_downbig_cbox_box {
    width: 100%;
    height: 960px;
    background-color: #000;
    margin: 0 auto;
    padding-top: 10px;
}

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

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

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

.img_down_abox {
    width: 752px;
    height: 1280px;
    background-color: #fff;
    margin: 0 auto;
    border: 0px solid black;
}

.img_down_cbox {
    width: 565px;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    border: 0px solid black;
    margin-top: 168px;
    border: 0px solid black;
}

.img_down_cbox_a1 {
    text-align: center;
    letter-spacing: -1px
}

.img_down_cbox_a2 {
    font-size: 25px;
    padding-bottom: 10px
}

.img_down_cbox_a3 {
    font-size: 30px;
    font-weight: bold
}

.img_down_cbox_a4 {
    text-align: center;
    margin-top: 64px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dashed #c7c7c7
}

.img_down_cbox_a5 {
    font-size: 21px;
    font-weight: bold;
    text-align: center
}

.img_down_abox_top {
    width: 752px;
    height: 168px;
    padding-bottom: 10px;
    border-bottom: 3px solid #9b9b9b;
}

.img_down_abox_top_a {
    float: left;
    width: 172px;
    height: 166px;
    border: 1px solid #e6e6e6;
}

.img_down_abox_top_b {
    margin-top: 50px;
    font-size: 30px;
    color: #424242;
    letter-spacing: -1.0px;
    text-align: center;
    padding-top: 55px;
    line-height: 120%;
}

    .img_down_abox_top_b li {
        font-weight: bold;
        font-size: 24px;
    }

    .img_down_abox_top_b span {
        font-weight: bold;
        color: #0097FF;
        font-size: 30px;
    }

.img_down_toptbox {
    width: 752px;
    border-bottom: 2px solid #9b9b9b;
    font-size: 13px;
    color: #636363;
    letter-spacing: -0.5px;
    line-height: 25px;
    padding: 15px 0px;
}

.img_down_topimg {
    font-size: 18px;
    color: #424242;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 26px;
}

.img_down_text_a {
    font-size: 15px;
    color: #424242;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 3px;
}

.img_down_text_b {
    font-size: 11px;
    color: #0097ff;
    line-height: 16px;
    letter-spacing: normal;
}

.img_down_text_c {
    font-size: 15px;
    color: #424242;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 3px;
}

.img_down_text_d {
    line-height: 25px;
    letter-spacing: 0px;
}

    .img_down_text_d span {
        color: #0097ff;
        font-weight: bold;
    }

.imgbtext {
    color: #df365f;
    font-weight: bold;
}

.img_text_blueb {
    color: #0097ff;
    font-weight: bold;
}

.img_sel {
    width: 722px;
    font-size: 13px;
    color: #636363;
    padding: 0px 0px 20px 15px;
    letter-spacing: -0.5px;
    line-height: 28px;
}

.img_sel_ftext {
    margin-top: 19px;
}

.img_sel_selbox {
    vertical-align: top;
    line-height: 24px
}

.img_sel_line {
    border-bottom: 1px dashed #636363;
    text-align: center;
}

.img_sel_next {
    position: relative;
    top: -10px;
    left: 350px;
    width: 32px;
    height: 17px;
    background-color: #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    color: #636363
}

.img_content_fir_ftext {
    margin-top: 25px;
    line-height: 150%
}

.img_content_ml15 {
    margin-left: 15px;
}

.img_content {
    width: 735px;
    font-size: 13px;
    color: #636363;
    padding-left: 15px;
    letter-spacing: -0.5px;
    line-height: 25px;
    border-bottom: 1px dashed #c7c7c7;
}

    .img_content .input_text1 {
        border: 0;
        height: 20px;
        color: #0097ff;
        font-weight: normal;
        text-align: right;
    }

    .img_content .input_text2 {
        width: 520px;
        height: 20px;
        padding-left: 5px;
        border: 1px solid #d5d5d5;
    }

    .img_content .img_content_a {
        margin-top: 9px;
        font-size: 11px;
        line-height: 17px;
        margin-left: 15px;
        color: #858585;
    }

    .img_content .img_content_b {
        margin-top: 19px;
        line-height: 20px;
    }

    .img_content .img_content_c {
        margin-top: 30px;
        line-height: 20px;
        padding-bottom: 10px;
        font-size: 18px;
        color: #424242;
        font-weight: bold;
        text-align: center;
    }

.img_article {
    width: 722px;
    height: 455px;
    font-size: 13px;
    color: #636363;
    border: 1px solid #e6e6e6;
    margin-left: 30px;
    letter-spacing: -0.5px;
    line-height: 24px;
    margin-top: 20px;
}

    .img_article .img_article_right input {
        padding-left: 5px;
    }

    .img_article .img_article_line {
        width: 722px;
        height: 36px;
        border-bottom: 1px solid #e6e6e6;
        display: inline-block;
        float: left
    }

    .img_article .img_article_left {
        width: 147px;
        line-height: 18px;
        padding-left: 11px;
        padding-top: 8px;
        float: left;
        border-right: 1px solid #e6e6e6;
        letter-spacing: -0.8px;
    }

    .img_article .img_article_check {
        line-height: 36px;
        padding-left: 11px;
        float: left;
        letter-spacing: -0.8px;
        color: #656565
    }

    .img_article .img_article_right {
        padding-left: 6px;
        float: left;
        line-height: 35px;
    }

    .img_article .img_article_down {
        padding-left: 6px;
        float: left;
        line-height: 35px;
    }

        .img_article .img_article_down input {
            margin-top: 6px;
            height: 24px;
        }

    .img_article .img_article_right span {
    }

.select_css {
    width: 100px;
    border: 1px solid #e1e1e1;
    color: #666;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-overflow: "";
    text-indent: 0.01px;
    padding: 5px 2px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}



.btext {
    color: #0097ff;
    letter-spacing: -0.5px;
}

.btext_sa {
    color: #0097ff;
    letter-spacing: -0.5px;
    line-height: 18px;
    vertical-align: top;
    padding-top: 5px
}

.btel {
    width: 85px;
    height: 20px;
    border: 1px solid #c7c7c7;
}

.bname {
    width: 242px;
    height: 20px;
    border: 1px solid #c7c7c7;
}

.bname_a {
    width: 240px;
    height: 20px;
    background-color: #f0f0f0;
    border: 1px solid #c7c7c7;
}

.bname_b {
    width: 58px;
    height: 22px;
    background-color: #f0f0f0;
    border: 1px solid #c7c7c7;
    font-size: 11px;
    color: #636363;
}

.bname_c {
    width: 420px;
    height: 20px;
    border: 1px solid #c7c7c7;
}

.bname_e {
    width: 105px;
    height: 20px;
    background-color: #f0f0f0;
    border: 1px solid #c7c7c7;
}

.bname_f {
    width: 105px;
    height: 20px;
    background-color: #f0f0f0;
    border: 1px solid #c7c7c7;
}

.bname_mail {
    width: 85px;
    height: 20px;
    font-size: 11px;
    color: #a1a1a1;
}

.imgdown_send {
    width: 110px;
    border: 0px solid #333;
    height: 30px;
    color: #fff;
    background-color: #0097ff;
    font-size: 13px;
    letter-spacing: -1px;
    font-weight: bold;
}

.imgdown_cancel {
    width: 110px;
    border: 0px solid #333;
    height: 30px;
    color: #fff;
    background-color: #666666;
    font-size: 13px;
    letter-spacing: -1px;
    font-weight: bold;
}

.img_time_box {
    width: 558px;
    height: 78px;
    border: 1px solid #e6e6e6;
    margin-top: 6px;
    text-align: center;
    padding-top: 50px
}

.img_time_sbox {
    width: 530px;
    height: 58px;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
    margin-top: 9px;
}

.img_time_left {
    float: left;
    width: 250px;
}

.img_time_right {
    float: right;
    width: 278px;
}

.img_time_a {
    width: 250px;
    height: 22px;
    background-color: #f5f5f5;
    float: left;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font: 13px dotum;
    color: #636363;
    text-align: center;
    padding-top: 7px;
}

.img_time_b {
    width: 268px;
    height: 22px;
    padding-top: 7px;
    padding-left: 10px;
    float: left;
    font: 13px dotum;
    color: #0097ff;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
}

.img_time_c {
    width: 268px;
    height: 22px;
    padding-top: 7px;
    padding-left: 10px;
    float: left;
    font: 13px dotum;
    color: #0097ff;
    font-weight: bold;
}

.img_time_d {
    width: 485px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    font: 13px dotum;
    color: #9b9b9b;
    letter-spacing: -0.5px;
    border-bottom: 1px solid #e6e6e6;
    height: 19px;
    margin-bottom: 5px;
}

    .img_time_d span {
        font: 13px dotum;
        color: #0097ff;
    }

.img_time_e {
    text-align: center;
    font: 13px dotum;
    color: #636363;
}

    .img_time_e span {
        font: 13px dotum;
        color: #636363;
        font-weight: bold;
    }

.page_count_box {
    width: 100%;
    margin-top: 30px;
    clear: both
}

.counting_box {
    width: 300px;
    height: 25px;
    background: url(/images/support/counting_bg.jpg)repeat-x top center;
    text-align: center;
    margin: 0 auto;
    padding: 0px 0px 60px;
}

.counting_left {
    float: left;
    position: relative;
    top: 4px;
}

.counting_right {
    float: right;
    position: relative;
    top: 4px;
    right: 0px;
}

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

.counting_off {
    margin-top: 5px;
    color: #858585;
    font-weight: bold;
    margin-left: 13px;
    display: inline-block;
}

.PagingDiv td {
    text-decoration: line-through;
}

.PagingCell_Ov {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 1px solid #0097ff;
    background: #fff;
    text-align: center;
    font-size: 11px;
    color: #0097ff;
    font-weight: normal;
    margin: 0px 5px 0px 5px;
    display: inline-block;
    line-height: 19px;
    cursor: pointer;
}

.PagingCell {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 1px solid #c7c7c7;
    background: #fff;
    text-align: center;
    font-size: 11px;
    color: #c7c7c7;
    font-weight: normal;
    margin: 0px 5px 0px 5px;
    display: inline-block;
    line-height: 19px;
    cursor: pointer;
}

.ic_agree_con_box_s {
    width: 100%;
    text-align: center;
}

.agree_ab_atext {
    color: #df365f;
    padding-top: 10px
}

.agree_ab_btext {
    color: #df365f;
    padding: 5px 0px
}

.agree_ab_ctext {
    font-size: 12px;
    color: #a1a1a1;
    padding-bottom: 10px;
    letter-spacing: -1px
}

.agree_ab_dtext {
    padding-top: 8px;
    color: #df365f;
    font-size: 12px;
}

/*--이미지다운로드-- */

#animate_container {
    position: relative;
    left: 0px;
    top: 0px;
    width: 980px;
    height: 906px;
    padding: 0;
    margin: 0px auto;
    vertical-align: top;
    overflow: hidden;
    z-index: 1;
}

#img_container {
    position: relative;
    left: 0px;
    top: 0px;
    border: 0px solid red;
}

.busi_as_box {
    display: none
}

.busi_box {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 190px;
    position: relative;
    margin-bottom: 50px;
}

.busi_box_as {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 207px;
    position: relative;
    margin-bottom: 50px;
}


.busi_box_a {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 207px;
    position: relative;
    margin-bottom: 50px;
}

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

.busi_title {
    margin-top: 35px;
    font-size: 50px;
    float: left;
}

.busi_pt_tit {
    width: 490px;
    padding: 0px 0px 12px;
    overflow: hidden;
    float: left;
}

    .busi_pt_tit span {
        font-size: 11px;
        color: #858585;
        letter-spacing: normal;
        font-weight: normal;
        position: relative;
        top: 12px;
        left: 3px;
    }




.business_box {
    width: 980px;
    height: 906px;
    margin: 0 auto;
    position: relative;
    top: 30px;
}

.business_icon {
    width: 980px;
    height: 120px;
    border: 0px solid red;
    position: absolute;
    top: 414px;
    margin-left: 70px;
}

    .business_icon li {
        margin-left: 50px;
        float: left;
        width: 77px;
        height: 120px;
    }

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

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

.business_close {
    display: none;
    width: 35px;
    height: 49px;
    margin-left: 945px;
    position: absolute;
    cursor: pointer;
    z-index: 999;
}

.business_right {
    /* width: 35px;
    height: 49px;*/
    top: 440px;
    margin-left: 945px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
}

.business_left {
    /* width: 35px;
    height: 49px;*/
    top: 440px;
    margin-left: 20px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
}

/* eiams영역 */
.eiams_icon {
    width: 113px;
    height: 147px;
    border: 0px solid yellow;
    position: absolute;
    top: 380px;
    margin-left: 19px;
    z-index: 100;
}

.eiams_icon_left {
    float: left;
    width: 25px;
}

    .eiams_icon_left li {
        margin-top: 6px;
        cursor: pointer;
    }

        .eiams_icon_left li:first-child {
            margin-top: 0px;
        }

.eiams_icon_right {
    float: right;
    width: 80px;
    margin-top: 7px;
}

    .eiams_icon_right li {
        margin-top: 13px;
    }

        .eiams_icon_right li:first-child {
            margin-top: 0px;
        }

.eiams_icon_sub {
    width: 28px;
    height: 147px;
    border: 0px solid yellow;
    position: absolute;
    top: 709px;
    margin-left: 19px;
    z-index: 999;
}

.eiams_icon_bo {
    width: 300px;
    height: 9px;
    margin-left: 341px;
    padding-top: 1px;
    border: 0px solid red;
    position: absolute;
    top: 868px;
    background: url(/images/eiams/eiams_line.png) repeat;
    z-index: 999;
    z-index: 999;
}

    .eiams_icon_bo li {
        float: left;
        margin-left: 13px;
        cursor: pointer;
    }

/* company client && image download */
.ListBox {
    width: 174px;
    border: 0px solid black;
    float: left;
    text-align: center;
    margin: 7px 16px 7px 0px;
}
/* company client && image download */
.ListBoxImg:hover {
    box-shadow: 0px 0px 2px #858585;
}


.ListBox:nth-of-type(4n) {
    margin-right: 0;
}




/*portfolio*/
.port_list_box {
    width: 750px;
    margin-top: 30px;
    cursor: pointer;
    border: 0px solid red;
    display: table;
}

.port_list_over {
    width: 149px;
    height: 204px;
    border: 1px solid #e6e6e6;
    float: left;
    margin-left: 30px;
    margin-bottom: 36px;
    background-color: #000;
    opacity: .8;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 17px;
    text-align: center;
}

    .port_list_over span {
        color: #fff200;
    }

.port_list {
    width: 149px;
    height: 184px;
    border: 1px solid #e6e6e6;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    text-align: center;
    line-height: 17px;
    text-align: center;
    padding: 15px;
}

    .port_list:hover {
        border: 1px solid #0097ff;
    }


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

.port_close {
    width: 35px;
    height: 35px;
    margin-left: 945px;
    position: absolute;
    cursor: pointer;
}

.port_title_a {
    width: 174px;
    height: 39px;
    margin-left: 100px;
    position: absolute;
    top: 100px;
    cursor: pointer;
}

.port_right {
    width: 35px;
    height: 49px;
    top: 367px;
    margin-left: 889px;
    position: absolute;
    cursor: pointer;
}

.port_left {
    width: 35px;
    height: 49px;
    top: 367px;
    margin-left: 30px;
    position: absolute;
}


.port_mainimg {
    width: 650px;
    height: 550px;
    border: 0px solid #e6e6e6;
    position: absolute;
    top: 165px;
    margin-left: 155px;
}

.port_sum_box {
    width: 710px;
    height: 140px;
    border: 0px solid #e6e6e6;
    position: absolute;
    top: 750px;
    margin-left: 145px;
}

.port_sum_text {
    width: 710px;
    height: 25px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    font: 15px dotum;
    color: #424242;
    font-weight: bold;
}

.port_sum_list_box {
    width: 710px;
    height: 110px;
    text-align: center;
    font: 15px dotum;
    color: #424242;
    font-weight: bold;
}

.port_sum_left {
    width: 16px;
    float: left;
    margin-top: 37px;
    margin-right: 22px;
}

.port_sum_list {
    width: 632px;
    height: 87px;
    float: left;
    margin-top: 10px;
    border: 0px solid #323232;
}

    .port_sum_list li {
        float: left;
        border: 0px solid #e6e6e6;
        margin-left: 8px;
    }

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

.port_sum_right {
    width: 20px;
    float: right;
    margin-top: 37px;
    margin-left: 20px;
}

.port_web_mainimg {
    width: 654px;
    height: 579px;
    border: 0px solid #e6e6e6;
    position: absolute;
    top: 213px;
    margin-left: 163px;
}

.port_web_listbox {
    width: 350px;
    height: 140px;
    background-color: #000;
    opacity: 0.7;
    position: absolute;
    top: 630px;
    margin-left: 150px;
}

.port_web_list_left {
    width: 80px;
    height: 116px;
    font-size: 11px;
    color: #dedede;
    margin-left: 20px;
    margin-top: 14px;
    float: left;
}

.port_web_list_right {
    width: 215px;
    height: 116px;
    font-size: 11px;
    color: #fff;
    margin-left: 20px;
    margin-top: 14px;
    float: right;
}

.port_web_list_left li {
    height: 24px;
}

.port_web_list_right li {
    height: 24px;
}

/*login*/

.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_fid_left {
    width: 320px;
    float: left;
    border-top: 2px solid #478dcb;
    background-color: #f7f8f9;
    padding: 12px 20px 22px 20px;
}


.login_t_asbox {
    width: 99.5%;
    margin: 0 auto;
    height: 250px;
    border: 0px solid #ccc;
    margin: 25px 0px;
}

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

    .login_t_astitle img {
        width: 200px;
        padding-bottom: 30px;
    }

.login_t_asp {
    font-size: 22px;
    letter-spacing: -2px;
    color: #0097ff
}

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

.login_rid_left {
    width: 320px;
    float: right;
    border-top: 2px solid #478dcb;
    background-color: #f7f8f9;
    padding: 12px 20px 22px 20px;
}

.login_t_bstitle {
    padding-top: 40px;
}

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

.login_f_left {
    text-align: center;
}

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

.search_se_txt {
    font-size: 11px;
    margin-bottom: 3px;
    height: 20px;
    width: 310px;
    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: 310px;
    height: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background-color: #404041;
    cursor: pointer
}

.id_search_abox {
    width: 258px;
    margin: 0 auto;
    position: relative
}

    .id_search_abox li {
        float: left;
    }

.id_search_abox_tit {
    font-size: 12px;
    position: relative;
    top: 7px;
    width:30%;
}

.id_search_abox_atit {
    font-size: 12px;
    position: relative;
    top: 14px;
    width: 30%;
}

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

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


.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;
    height: 91px;
    padding-top: 30px;
}

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

.login_i_box_tit {
    font-size: 22px;
    color: #478dcb;
    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_id {
    width: 280px;
    height: 28px;
    border: 1px solid #9b9b9b;
    color: #909090;
    text-indent: 5px;
}

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

.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_idsave_box {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 0px;
}

    .login_idsave_box li {
        display: inline-block;
        color: #404041
    }

.login_idsave_box_bl {
    position: relative;
    top: -3px;
    font-size: 30px;
}

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

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

    .member_as_box label {
        color: #626262;
    }


.member_text_a {
    width: 717px;
    height: 85px;
    border: 1px solid #dbdbdb;
    background-color: #fafafa;
    font-size: 11px;
    color: #929292;
    padding: 15px;
    margin-top: 5px;
    margin-bottom: 9px;
    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: 99999;
}

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

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

.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: 35px;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #0097ff;
    letter-spacing: -1px;
    border-bottom: 2px solid #212121;
}

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


.login_member_note {
    color: #0097ff;
    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;
}




/*카탈로그레이어 구현을 위해*/
html, body {
    height: 100%;
    /* overflow: visible;*/
}

#wrap {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
}
/*카탈로그레이어 구현을 위해*/

/*포트폴리오 추가*/
.navi {
    cursor: pointer;
}

.port_img_cell {
    width: 650px;
    height: 550px;
    text-align: center;
}

.port_list_img_cell {
    width: 149px;
    height: 149px;
    text-align: center;
}

.port_list_img_cell {
    width: 149px;
    height: 149px;
    text-align: center;
}

.editorial_port_list {
    width: 149px;
    height: 250px;
    border: 1px solid #e6e6e6;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    text-align: center;
    line-height: 17px;
    text-align: center;
    padding: 15px;
}

    .editorial_port_list:hover {
        border: 1px solid #0097ff;
    }
/*포트폴리오 추가*/

/*에러문구*/
#SubContent_lblError {
}
/*에러문구*/

.img_down_abox_top_a li img {
    top: -2px;
    left: -1px;
}



/*포트폴리오 변경css*/

.pt_box {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 211px;
    position: relative;
}

.pt_title_box {
    width: 980px;
    overflow: hidden;
    border-bottom: 1px solid #d3d3d3;
}

.pt_title {
    margin-top: 35px;
    font-size: 50px;
    float: left;
}

.sub_pt_tit {
    width: 490px;
    padding: 0px 0px 10px;
    overflow: hidden;
    float: left;
}

    .sub_pt_tit span {
        font-size: 30px;
        color: #424242;
        font-weight: normal;
        position: relative;
        top: 3px;
        left: 3px;
        letter-spacing: -2px;
    }

.sub_pt_tit_a {
    float: left;
    width: 50%;
    padding: 0px 0px 12px 0px;
    text-align: left;
}

    .sub_pt_tit_a span {
        font-size: 25px;
        color: #000;
        letter-spacing: -2px;
        font-weight: normal;
    }

.pt_button_all {
    width: 95px;
    height: 28px;
    border: 1px solid #d3d3d3;
    border-radius: 5px 5px 0px 0px;
    color: #666666;
    background-color: #f1f1f1;
    cursor: pointer;
}

.pt_button_on {
    width: 75px;
    height: 28px;
    border: 0px none;
    border-bottom: 3px solid #0097ff;
    color: #0097ff;
    font-weight: bold;
    background: #ffffff;
    cursor: pointer;
    letter-spacing: 1px;
}

.pt_button {
    width: 75px;
    height: 28px;
    border: 0px none;
    color: #666666;
    font-weight: bold;
    background: #ffffff;
    cursor: pointer;
    letter-spacing: 1px;
}

    .pt_button:hover {
        color: #000000;
        font-weight: bold;
        background: #ffffff;
    }

.pt_item {
    float: right;
    position: relative;
    bottom: -9px;
}


.pt_list_box {
    width: 980px;
    height: 185px;
    margin-bottom: 15px;
}

    .pt_list_box li {
        float: left;
    }

.pt_list_a {
    width: 235px;
    height: 185px;
    background-color: #4cff00;
}

.pt_list_b {
    width: 235px;
    height: 185px;
    margin-left: 13px;
    background-color: #4cff00;
}

.pt_lists_box {
    width: 980px;
    margin-bottom: 15px;
    overflow: hidden;
}

    .pt_lists_box ul {
        width: 980px;
        overflow: hidden;
    }

    .pt_lists_box li {
        float: left;
        width: 315px;
        height: 235px;
        padding: 5px;
        border: 1px solid #e6e6e6;
        border-width: 0px 0px 1px 1px;
        text-align: center;
    }

        .pt_lists_box li:nth-child(3n+3) {
            border-right: 1px solid #e6e6e6;
        }

        .pt_lists_box li:last-child {
            border-right: 1px solid #e6e6e6;
        }

        .pt_lists_box li a,
        .pt_lists_box li a img:not(.pfThumb) {
            width: 100%;
            height: 100%;
        }

            .pt_lists_box li a .pfThumb {
                /*height: 100%;*/
            }

        .pt_lists_box li a {
            display: table-cell;
            position: relative;
            width: 326px;
            height: 260px;
            text-align: center;
            vertical-align: middle;
        }

            .pt_lists_box li a div {
                display: none;
                position: absolute;
                left: 0;
                top: 90%;
                width: 315px;
                height: 57%;
                padding: 102px 0px 0px 0px;
                text-align: center;
                font-size: 13px;
                color: #000000;
                line-height: 1.29em;
                letter-spacing: -0.06em;
            }

            .pt_lists_box li a:hover div {
                display: block;
                top: 0;
                background-color: white;
                opacity: 0.75;
                transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
            }

            .pt_lists_box li a div p {
                margin-bottom: 6px;
                font-size: 19px;
                font-weight: bold;
                transition: all 0.5s ease-in-out;
            }

.pt_view_box {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: -250px;
    z-index: 200
}

.pt_view_close {
    position: absolute;
    top: 342px;
    right: 25px;
    cursor: pointer;
}

.pt_view_leftbox {
    width: 270px;
    margin-left: 0px;
    overflow: hidden;
    position: fixed;
    top: 90px;
    z-index: 120000000;
}

    .pt_view_leftbox .box {
        width: 210px;
        height: 210px;
        margin-top: 62px;
        border: 5px solid #ffcf57;
        padding: 30px 15px 80px 15px;
    }

        .pt_view_leftbox .box .title {
            font-weight: 500;
            font-size: 31px;
            letter-spacing: -1px;
            color: #ffffff;
        }

        .pt_view_leftbox .box .ulbox {
            margin-top: 28px;
        }

        .pt_view_leftbox .box .ulsbox {
            margin-top: 20px;
        }

        .pt_view_leftbox .box .pt_lun_btn {
            position: absolute;
            left: 5px;
            bottom: 75px;
        }

        .pt_view_leftbox .box .text {
            font-weight: bold;
            font-size: 11px;
            color: #FFCF57;
        }

        .pt_view_leftbox .box .content {
            font-size: 16px;
            margin-top: 9px;
            color: #f5f5f5;
            word-break: break-all;
            line-height: 21px;
        }

.pt_copyright {
    font-size: 11px;
    font-weight: normal;
    color: #FFCF57;
    margin-top: 10px;
    line-height: 15px;
}

.pt_prev {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.pt_next {
    position: absolute;
    bottom: 5px;
    right: 20px;
    cursor: pointer;
}

.pt_view_rightbox {
    width: 709px;
    float: right;
    margin-top: 0px;
    background-color: #fafafa;
}

    .pt_view_rightbox .img {
        width: 709px;
        margin: 0 auto;
    }
/*
    .pt_view_rightbox img{
    width: 80%; height:auto;
}
*/
.pt_view_rightbox_img {
    min-width: 709px;
    min-height: 1200px;
    background-color: #404040;
}
/*20150420 New Style*/
/*이모저모 Style st*/
.life_title_wrap {
    position: relative;
    left: 00px
}

.life_thumb {
    overflow: hidden;
    width: 780px;
    position: relative;
    left: 00px
}

    .life_thumb ul {
        padding: 10px 10px 10px 0px;
        overflow: hidden
    }

        .life_thumb ul li {
            background: blue;
            margin: 0px 1px 1px 0px;
            width: 252px;
            height: 252px;
            float: left
        }

            .life_thumb ul li a {
                display: block;
                overflow: hidden;
                position: relative
            }

                .life_thumb ul li a div {
                    position: absolute;
                    width: 252px;
                    height: 252px;
                    left: 0px;
                    top: 100%
                }

                .life_thumb ul li a:hover div {
                    background: #ffffff;
                    top: 0px;
                    opacity: .9;
                    transition: all .4s ease-in-out;
                    -webkit-transition: all .4s ease-in-out;
                    -moz-transition: all .4s ease-in-out
                }

                .life_thumb ul li a span {
                    position: absolute;
                    top: 100%;
                    left: 103.5px;
                }

                .life_thumb ul li a:hover span {
                    top: 103.5px;
                    transition: all .5s ease-in-out;
                    -webkit-transition: all .5s ease-in-out;
                    -moz-transition: all .5s ease-in-out;
                }

                .life_thumb ul li a p {
                    font-size: 14px;
                    letter-spacing: -.5px;
                    color: #222222;
                    text-align: right;
                    width: 242px;
                    overflow: hidden;
                    position: absolute;
                    top: 100%;
                    right: 10px;
                    font-weight: bold
                }

                .life_thumb ul li a:hover p {
                    top: 227px;
                    transition: all .2s ease-in-out .4s;
                    -webkit-transition: all .2s ease-in-out .4s;
                    -moz-transition: all .2s ease-in-out .4s;
                }

.life_view_box {
    width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 20000;
    position: relative;
    top: -750px;
}

.life_view_leftbox {
    width: 342px;
    position: fixed;
    top: 90px;
    display: inline-block;
    z-index: 20000;
}

.lf_txt_box {
    width: 300px;
    min-height: 220px;
    margin: 62px 0px 0px 0px;
    border: 5px solid #bed62f;
    padding: 35px 15px 40px;
    position: relative;
    z-index: 20000;
}

.lf_tit {
    font-size: 25px;
    color: #bed62f;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 28px
}

.lf_content {
    font-size: 13px;
    color: #fff;
    width: 100%;
    display: block;
    word-break: keep-all;
    letter-spacing: normal;
    line-height: 150%;
    margin: 24px 0px 0px;
    word-wrap: break-word
}

.lf_prev {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.lf_next {
    position: absolute;
    bottom: -62px;
    right: 0px;
    cursor: pointer;
}

.lf_view_close {
    position: absolute;
    bottom: -5px;
    right: -5px;
    cursor: pointer;
}

.life_view_close {
    display: none;
}

.life_view_rightbox {
    clear: both;
    display: inline-block;
    background-color: #ffffff;
    padding: 10px;
    z-index: 20000;
    position: relative;
    left: 365px;
}

.lf_txt_img {
    padding-bottom: 10px
}

.lf_img_list {
    position: relative;
}

    .lf_img_list li {
        margin-bottom: 10px;
        background: gray;
    }
/*이모저모 Style ed*/
/*padding*/
.pdg_l10 {
    padding-left: 10px
}

.pdg_r20 {
    padding-right: 20px
}
/*숨기기*/
.hide {
    display: none;
}
/*20150424*/
.dim {
    width: 100%;
    height: 100%;
    background-color: #000;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    opacity: 0.75;
    z-index: 90;
}
/*팁(설명) 레이어 표시*/
.tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    line-height: 170%;
}

*[groupname="Tooltip"] {
    cursor: help;
}
/*팁(설명) 레이어 표시*/
/*20150723 이미지사용각서 수정*/
.img_copy_box {
    border: 1px solid #c7c7c7;
    padding: 10px 0px;
    background: #fafafa;
    overflow: hidden;
    margin-top: 3px
}

    .img_copy_box ul li {
        float: left
    }

    .img_copy_box .ic_tit {
        width: 110px;
        vertical-align: middle;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #424242;
        border-right: 1px solid #e6e6e6;
        line-height: 120%;
        padding: 45px 0px;
    }

    .img_copy_box .ic_tit1 {
        width: 130px;
        vertical-align: middle;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #424242;
        border-right: 1px solid #e6e6e6;
        line-height: 20px;
    }

    .img_copy_box .ic_tit2 {
        width: 130px;
        vertical-align: middle;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #424242;
        border-right: 1px solid #e6e6e6;
        line-height: 20px;
    }

    .img_copy_box .ic_content {
        width: 600px;
        text-align: left;
        font-size: 13px;
        letter-spacing: -.5px;
        color: #636363;
        line-height: 150%;
        padding-left: 15px
    }

    .img_copy_box .ic_content1 {
        text-align: left;
        font-size: 13px;
        letter-spacing: -.5px;
        color: #636363;
        line-height: 150%;
        padding-left: 15px
    }

        .img_copy_box .ic_content1 span {
            color: #0097ff;
            font-weight: bold
        }

    .img_copy_box .ic_content span {
        color: #0097ff
    }

    .img_copy_box .ic_content strong {
        color: #df365f;
        font-weight: normal
    }

    .img_copy_box .ic_content b {
        color: #df365f;
        font-size: 15px
    }

.img_copy_box_b {
    border: 1px solid #0097ff;
    padding: 10px 0px;
    background: #0097ff;
    overflow: hidden;
    margin: 3px 0px;
    color: #ffffff
}

    .img_copy_box_b ul li {
        float: left
    }

    .img_copy_box_b .ic_tit {
        width: 130px;
        vertical-align: middle;
        text-align: center;
        font-size: 45px;
        font-weight: bold;
        border-right: 1px solid #e6e6e6;
        line-height: 120%;
        padding: 40px 0px;
    }

    .img_copy_box_b .ic_content {
        text-align: left;
        font-size: 13px;
        letter-spacing: -.5px;
        color: #ffffff;
        line-height: 160%;
        padding-left: 15px
    }

        .img_copy_box_b .ic_content strong {
            color: #ffff00;
        }

        .img_copy_box_b .ic_content u {
            color: #ffff00;
            font-size: 16px;
            font-weight: bold
        }

.ic_copy_ckbox {
    width: 11px;
    height: 11px;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.ic_agree_con_box {
    margin: 5px 0px 50px 0px;
    overflow: hidden
}

    .ic_agree_con_box .txt {
        color: #df365f;
        font-size: 13px;
        letter-spacing: -.5px;
        float: left;
        padding-top: 4px;
    }

    .ic_agree_con_box .chkbox {
        padding-left: 11px;
        float: right;
        letter-spacing: -.5px;
        color: #656565;
        padding-top: 3px;
    }
/*20150727 관리자 이미지사용각서 출력 css*/
.imgpt_box {
    width: 900px;
    margin: 0px auto;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    background-color: #ffffff;
}

.imgpt_abox {
    width: 752px;
    margin: 0px auto;
}

.imgpt_abox_top {
    width: 752px;
    border-bottom: 1px solid #9B9B9B;
}

.imgpt_abox_top_tit {
    font-size: 40px;
    color: #424242;
    letter-spacing: -1px;
    text-align: center;
    padding: 70px 0px 50px;
    font-weight: 800;
}

.imgpt_conbox1 {
    width: 722px;
    font-size: 13px;
    color: #636363;
    padding: 20px 0px 35px 30px;
    letter-spacing: -0.5px;
    line-height: 28px;
    overflow: hidden
}

.imgpt_conbox2 {
    width: 722px;
    font-size: 13px;
    color: #636363;
    padding: 25px 0px 15px 15px;
    letter-spacing: -0.5px;
    line-height: 140%;
    overflow: hidden
}

    .imgpt_conbox2 .small_txt {
        margin: 9px 0px 15px;
        font-size: 11px;
        line-height: 17px;
        margin-left: 15px;
        color: #858585;
        overflow: hidden
    }

    .imgpt_conbox2 span {
        color: #0097ff
    }

    .imgpt_conbox2 b {
        color: #DF365F;
    }

.imgpt_ip_txt1 {
    width: 200px;
    border: 1px solid #c7c7c7;
    color: #636363;
    padding: 2px 5px
}

.imgpt_divi_line {
    border-bottom: 1px dashed #636363;
    text-align: center;
}

.imgpt_divi_txt {
    position: relative;
    top: -10px;
    left: 350px;
    width: 32px;
    height: 17px;
    background-color: #fff;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    color: #636363
}

.imgpt_day {
    margin-top: 50px;
    font-size: 18px;
    color: #424242;
    font-weight: bold;
    text-align: center;
}

.imgpt_form_box {
    width: 722px;
    font-size: 13px;
    color: #636363;
    border: 1px solid #E6E6E6;
    margin: 20px 30px 100px;
    letter-spacing: -0.5px;
    overflow: hidden;
}

    .imgpt_form_box .hr {
        width: 722px;
        height: 36px;
        border-bottom: 1px solid #E6E6E6;
    }

    .imgpt_form_box .td_l {
        width: 147px;
        line-height: 36px;
        padding-left: 11px;
        float: left;
        border-right: 1px solid #E6E6E6;
        letter-spacing: -0.8px;
    }

    .imgpt_form_box .td_r {
        padding-left: 6px;
        float: left;
        line-height: 35px;
    }

        .imgpt_form_box .td_r span {
            color: #0097ff;
            letter-spacing: -.5px
        }

        .imgpt_form_box .td_r strong {
            color: #DF365F;
            font-weight: normal;
        }

        .imgpt_form_box .td_r input {
            border: 1px solid #c7c7c7;
            height: 20px;
            padding: 2px 5px
        }

    .imgpt_form_box .check1 {
        padding: 9px 0px 0px 5px;
        float: left;
        letter-spacing: -0.8px;
        color: #656565
    }

    .imgpt_form_box .blue_txt {
        vertical-align: top;
        line-height: 36px;
        color: #0097ff;
        letter-spacing: -.5px
    }
/*폰트컬러추가 20151204 st*/
.eco_green {
    color: #35ae5b
}
/*폰트컬러추가 20151204 */
/*--공용상품--*/
.prdt_search_box {
}

.prdt_search {
    width: 136px;
    border: 1px solid #c7c7c7;
    height: 28px;
    color: #858585;
    background: url(/images/common/selectbox_arrow.jpg) no-repeat scroll 100% 50% #fff;
    border-radius: 0px;
    text-overflow: "";
    text-indent: 0.01px;
    padding: 3px 2px 4px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    float: left;
    margin-right: 3px;
    font-size: 12px;
    letter-spacing: -.5px;
}

.prdt_search_text {
    width: 270px;
    height: 26px;
    border: 1px solid #c7c7c7;
    background-color: #ffffff;
    vertical-align: middle;
    float: left;
    color: #858585;
    font-size: 12px;
    letter-spacing: -.5px;
    text-indent: 6px;
    background: url(/images/common/search_arrow.jpg) no-repeat scroll 100% 50% #fff;
}

.product_tit_wrap {
    width: 100%;
    min-width: 980px;
    max-width: 1695px;
    margin: 0px auto;
    position: relative;
    z-index: 5000
}

.product_tit_area {
    overflow: hidden;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    z-index: 5000;
    padding: 8px 0px;
    padding-left: 21px;
}

.prdt_ba_view {
    float: right;
    position: relative;
    top: 2px;
    margin: 0 4px 0;
}

.prdt_ca_view {
    float: right;
    position: relative;
    top: 2px;
    margin: 0 4px 0 0;
}

.gd_nav_wrap {
    width: 100%;
    position: relative;
    z-index: 5000;
    margin-top: 166px;
}

.gd_nav_area {
    background: #fff;
    border-bottom: 1px solid #d3d3d3;
    padding: 0 10px;
    max-width: 1675px;
    margin: 0 auto;
}

.gd_nav_box {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0px;
    padding-left: 0px;
    overflow: hidden;
    max-width: 1655px;
    position: relative
}

    .gd_nav_box li a {
        cursor: pointer;
        border: 1px solid #c7c7c7;
        background: #ffffff;
        text-align: center;
        font-size: 13px;
        color: #959595;
        padding: 8px 1px;
        width: 7.96%;
        float: left;
        margin: 1px;
        cursor: pointer;
    }

        .gd_nav_box li a:hover {
            border: 1px solid #a1a1a1;
            color: #000;
            background: #ffd83f;
            font-weight: 600;
        }

.gd_nav_sub_area {
    background: #f2f4f7;
    border-bottom: 1px solid #d3d3d3;
    padding: 0 10px;
    max-width: 1675px;
    margin: 0 auto;
}

.gd_nav_sub_box {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0px;
    padding-left: 0px;
    overflow: hidden;
    max-width: 1655px;
    position: relative
}

    .gd_nav_sub_box li a {
        cursor: pointer;
        border: 1px solid #c7c7c7;
        background: #ffffff;
        text-align: center;
        font-size: 13px;
        color: #959595;
        padding: 8px 1px;
        width: 7.96%;
        float: left;
        margin: 1px;
        cursor: pointer;
    }

        .gd_nav_sub_box li a:hover {
            border: 1px solid #a1a1a1;
            color: #000;
            background: #ffd83f;
            font-weight: 600;
        }

.gd_list_wrap {
    width: 100%;
    padding: 10px 0;
}

.gd_list_area {
    padding: 0;
}

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

    .gd_list_box > li {
        border: 1px solid #e6e6e6;
        width: 230px;
        margin: 5px;
        float: left;
    }

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

.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 2px 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%;
    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: 220px;
    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: 0px solid red;
    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: -0.5px;
}

.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;
}
/*--공용상품--*/
.eiams_nav_wrap {
    width: 100%;
    position: relative;
    z-index: 12;
}

.eiams_nav_area {
    background: #f5f5f5;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    padding: 5px 0px;
    max-width: 980px;
    margin: 0 auto;
}

.eiams_nav_box {
    width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    overflow: hidden;
    max-width: 980px;
}

    .eiams_nav_box > li {
        display: inline-block;
    }

        .eiams_nav_box > li > a {
            cursor: pointer;
            vertical-align: middle;
            border: 1px solid #c7c7c7;
            background: #ffffff;
            text-align: left;
            font-size: 13px;
            color: #959595;
            width: 114px;
            height: 28px;
            padding-left: 5px;
            padding-top: 3px;
            letter-spacing: -.5px;
            float: left;
            margin: 1px;
            cursor: pointer;
        }

            .eiams_nav_box > li > a:hover {
                border: 1px solid #fecb00;
                color: #ffffff;
                background: #fecb00;
                font-weight: 600;
                text-shadow: 1px 1px 1px #d8ad00
            }

            .eiams_nav_box > li > a > b {
                position: relative;
                top: 5px
            }

.iq_table_s {
    width: 100%;
    font-size: 15px;
    text-align: left;
    letter-spacing: -1px;
    border: 1px solid #5d0805;
    padding-top: 20px;
}

    .iq_table_s tr {
        border-bottom: 1px dashed #c7c7c7;
    }
/*--로그인--*/
.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 #5d0805
}

    .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: #0097ff;
        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
}
/*찜하기*/
.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;
    }



/*공통버튼*/
.sel_button {
    margin-left: 4px;
    width: 153px;
    background-color: #fafafa;
    height: 24px;
    border: 1px solid #0097ff;
    color: #0097ff;
    font-weight: normal;
    font-size: 11px;
    cursor: pointer;
    letter-spacing: normal;
    border-radius: 0px;
    padding-top: 2px;
}

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

/* animate 기본 CSS 250618 seungho */
@keyframes blink_ani {
    0% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}