/* ------------------------------------------------------------------------------------ main */

.section_mainLeft{position:fixed;top:0;left:0;z-index:999;width:200px;height:100%;min-height:740px;background:#000;}
.section_mainLeft h1{border-right:1px solid #111;text-align:center;background:#fff}
.section_mainLeft h1 a{display:block;width:199px;height:91px;padding:59px 0 0 0;}
.section_mainLeft .group_gnb{height:100%;background:#000;}
.section_mainLeft .group_gnb ul > li{width:200px;height:55px;border-bottom:1px solid #2d2d2d;background:#000}
.section_mainLeft .group_gnb ul > li h2{font-family:'nanumsquarer';font-size:17px;line-height:55px;text-indent:13px}
.section_mainLeft .group_gnb ul > li h2 a{display:block;color:#fff}
.section_mainLeft .group_gnb ul > li h2 a:hover{background:#ab1f2b;text-decoration:none}
.section_mainLeft .group_gnb ul > li > p{position:absolute;top:0;left:0;z-index:-2;padding:150px 0 0 0;width:200px;height:100%;background:#2b2b2b}
.section_mainLeft .group_gnb ul > li > p a{display:block;height:54px;font-family:'nanumsquarer';font-size:15px;line-height:53px;text-indent:31px;border-top:1px solid #202020;border-bottom:1px solid #202020;color:#fff;background:url(/images/arr_snb_off.png) 15px 21px no-repeat}
.section_mainLeft .group_gnb ul > li > p a:hover{background:url(/images/arr_snb_on.png) 15px 21px no-repeat;text-decoration:none}

.section_mainLeft .group_gnb ul > li > ul{position:absolute;top:0;left:0;z-index:-2;padding:150px 0 0 0;width:200px;height:100%;background:#2b2b2b}
.section_mainLeft .group_gnb ul > li > ul > li a{display:block;height:54px;font-family:'nanumsquarer';font-size:15px;line-height:53px;text-indent:31px;border-bottom:1px solid #202020;color:#fff;background:url(/images/arr_snb_off.png) 15px 21px #2b2b2b no-repeat}
.section_mainLeft .group_gnb ul > li > ul > li a:first-child{text-decoration:none;border-top:1px solid #202020}

.section_mainLeft .group_gnb ul > li > ul > li a:hover{background:url(/images/arr_snb_on.png) 15px 21px #2b2b2b no-repeat}

.group_fnb{position:absolute;bottom:0;left:0;width:100%;background:#000;}
.group_fnb .area_contact{padding:0 0 0 13px;}
.group_fnb .area_contact strong{display:block;margin:0 0 6px 0;font-family:'ambleR';font-size:17px;line-height:20px;color:#fff;text-transform:uppercase}
.group_fnb .area_contact strong span{display:inline-block;border-bottom:1px solid #fff;}
.group_fnb .area_contact .csTel{display:block;padding:0 0 0 18px;font-family:'nanumsquarer';font-size:18px;line-height:20px;background:url(/images/ico_tel.png) 0 50% no-repeat;color:#b6b6b6;}
.group_fnb .area_contact .csTime{display:block;padding:0 0 0 18px;font-family:'nanumsquarer';font-size:14px;line-height:18px;background:url(/images/ico_time.png) 0 50% no-repeat;color:#b6b6b6;}

.group_fnb .area_webhard{margin:18px 0 0 0;padding:0 0 0 13px;}
.group_fnb .area_webhard strong{display:block;margin:0 0 6px 0;font-family:'ambleR';font-size:17px;line-height:20px;color:#fff;text-transform:uppercase}
.group_fnb .area_webhard strong span{display:inline-block;border-bottom:1px solid #fff}
.group_fnb .area_webhard .webhardInfo{display:inline-block}
.group_fnb .area_webhard .webhardInfo span{margin:0 7px 0 8px;font-family:'nanumsquarer';font-size:14px;line-height:17px;color:#b6b6b6}
.group_fnb .area_webhard .webhardInfo em{font-family:'ambleR';font-size:15px;line-height:17px;color:#b6b6b6}

.group_fnb .area_blog{height:40px;margin:20px 0 20px 0;padding:0 0 0 13px;}
.group_fnb .area_blog:after{display:block;content:"";clear:both}
.group_fnb .area_blog strong{display:block;float:left;font-family:'ambleR';font-size:17px;line-height:40px;color:#fff;text-transform:uppercase}
.group_fnb .area_blog strong em{color:#149000;}
.group_fnb .area_blog a{display:block;float:right;width:40px;height:40px;margin:0 28px 0 0;font-family:'nanumsquarer';font-size:15px;line-height:40px;text-align:center;background:#1b1b1b;color:#888;text-transform:uppercase}
.group_fnb .area_blog a:hover{text-decoration:none;background:#ab1f2b;color:#fff;}

.group_fnb .area_copy{height:61px;padding:15px 0 0 13px;font-family:'nanumsquarer';font-size:13px;line-height:17px;color:#888;background:#1b1b1b}

.group_fnb .area_copy .br{display:block;}
.group_fnb .area_copy .link{margin:5px 0 0 7px;}
.group_fnb .area_copy .link a:first-child{padding:0 5px 0 0;display:inline-block;}
.group_fnb .area_copy .link a:first-child:after{display:inline-block;content:"";width:1px;height:10px;margin:1px 0 0 4px;background:#494949;}

.section_mainVisual{margin:0 0 0 200px;}
.section_mainVisual .group_visualRolling{position:relative;width:auto;height:auto;background:#555}
.section_mainVisual .group_visualRolling li:nth-child(1){position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-size:cover}
.section_mainVisual .group_visualRolling li:nth-child(2){position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-size:cover}
.section_mainVisual .group_visualRolling li:nth-child(3){position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-size:cover}


.section_mainVisual .group_visualRolling li span{position:absolute;top:0;left:0;}

.section_mainVisual .group_nav{position:fixed;bottom:20px;right:495px;}
.section_mainVisual .group_nav li{float:left;margin:0 0 0 7px;cursor:pointer}

.section_product{overflow-y:scroll;position:fixed;top:0;right:233px;height:100%}
.section_product li{font-family:"nanumsquarer";font-size:20px;line-height:22px;color:#fff;}
.section_product li a{display:block;width:205px;height:145px;padding:80px 0 0 20px;color: #fff;text-decoration:none}
.section_product li a:hover{background:url(/main/images/arr_mainNav.png) 193px 97px no-repeat;}
.section_product li .before{display:block;margin:0 0 1px 0;font-family:"ambleR";font-size:12px;line-height:14px;color:#fff;letter-spacing:-0.2px;text-transform:uppercase}
.section_product li .after{display:block;font-family:"ambleR";font-size:10px;line-height:12px;letter-spacing:-0.2px}
.section_product li .after span{display:block}
.section_product li:first-child{background:url(/main/images/bg_mainProduct_red.jpg) 0 0 no-repeat;}
.section_product li:nth-child(2){background:url(/main/images/bg_mainProduct_black.jpg) 0 0 no-repeat;}
.section_product li:nth-child(3){background:url(/main/images/bg_mainProduct_yellow.jpg) 0 0 no-repeat;}
.section_product li:nth-child(4){background:url(/main/images/bg_mainProduct_black.jpg) 0 0 no-repeat;}
.section_product li:nth-child(5){background:url(/main/images/bg_mainProduct_red.jpg) 0 0 no-repeat;}

.section_product li+li{background:url(/main/images/bg_mainProduct_black.jpg) 0 0 no-repeat;}
.section_product li+li+li{background:url(/main/images/bg_mainProduct_yellow.jpg) 0 0 no-repeat;}
.section_product li+li+li+li{background:url(/main/images/bg_mainProduct_black.jpg) 0 0 no-repeat;}
.section_product li+li+li+li+li{background:url(/main/images/bg_mainProduct_red.jpg) 0 0 no-repeat;}


.section_product li:first-child .after{color:#71151d;}
.section_product li+li .after{color:#555555;}
.section_product li+li+li .after{color:#b26410;}
.section_product li+li+li+li .after{color:#555555;}
.section_product li+li+li+li+li .after{color:#71151d;}


.section_product .productTxt{display:inline-block;margin:0 0 6px 0;padding:0 0 2px 0;border-bottom:1px solid #fff}

.section_gallery{position:fixed;top:0;right:-17px;overflow-y:scroll;height:100%;}
.section_gallery li{position:relative;width:250px;height:188px;}
.section_gallery li a{display:block;width:250px;height:188px;font-family:'nanumsquarer';font-size:13px;line-height:30px;color:#fff}
.section_gallery li a:hover span{display:block;}
.section_gallery li a span{display:none;position:absolute;top:0;left:0;width:250px;height:188px;background:url(/main/images/bg_gallery.png) 0 0 repeat;}
.section_gallery li a span em{display:block;position:absolute;bottom:0;left:0;width:250px;height:30px;text-align:center;background:url(/main/images/bg_galleryTit.png) 0 0 repeat;}
.section_gallery li a img{width:250px;height:188px;}


/* ------------------------------------------------------------------------------------ greeting */

.section_content{width:788px;margin:0 0 60px 0;}
.section_content .group_contentTit{width:788px;height:204px;border-bottom:2px solid #111;text-align:center}

.section_content .group_contentTit .indicator{padding:22px 0 0 0;}
.section_content .group_contentTit .indicator:after{display:block;content:"";clear:both}
.section_content .group_contentTit .indicator ul{float:right}
.section_content .group_contentTit .indicator ul:after{display:block;content:"";clear:both}
.section_content .group_contentTit .indicator ul li{float:left;padding:0 5px 0 9px;font-family:'nanumsquarer';font-size:12px;line-height:14px;background:url(/images/arr_right.png) 0 3px no-repeat;color:#666}
.section_content .group_contentTit .indicator ul li:first-child{background:none}
.section_content .group_contentTit .indicator ul li a{margin:0 3px 0 0;}
.section_content .group_contentTit .indicator ul li em{color:#111}

.section_content .group_contentTit h3{margin:35px 0 0 0;font-family:'nanumsquarer';font-size:40px;line-height:42px;color:#111}
.section_content .group_contentTit span{display:block;margin:11px 0 0 0;font-family:'nanumsquarer';font-size:14px;line-height:16px;color:#666;}

.group_greeting{}
.group_greeting h4{margin:32px 0 40px 0;font-family:'NanumBarunGothicL';font-size:32px;line-height:40px;color:#111;text-align:center}
.group_greeting h4 span{display:block}
.group_greeting > span{}
.group_greeting .area_contentTxt{margin:45px 0 0 0}
.group_greeting .area_contentTxt:after{display:block;content:"";clear:both}
.group_greeting .area_contentTxt div{float:left}
.group_greeting .area_contentTxt div:first-child{width:408px}
.group_greeting .area_contentTxt div:nth-child(2){width:380px}
.group_greeting .area_contentTxt div h5{font-family:'NanumBarunGothicL';font-size:23px;line-height:28px;color:#111;letter-spacing:-0.2px;text-transform:uppercase}
.group_greeting .area_contentTxt div h5 span{display:block}
.group_greeting .area_contentTxt div p{margin:17px 0 0 0;font-family:'NanumBarunGothic';font-size:15px;line-height:20px;color:#666;letter-spacing:-0.2px}
.group_greeting .area_contentTxt div p span{display:block}
.group_greeting > p{margin:27px 0 0 0;font-family:'NanumBarunGothic';font-size:15px;line-height:40px;color:#666;text-align:right}
.group_greeting > p span{margin:0 0 0 10px;}

.btn_top{display:block;position:fixed;bottom:0;right:0;z-index:999;width:42px;height:42px;}
.btn_top a{display:block;}

.section_contetntRight{position:fixed;top:0;right:0;height:100%;background:#2b2b2b;}



/* ------------------------------------------------------------------------------------ history */
.section_content.history{margin:0;}

.group_history{height:775px;background:url(/company/images/bg_history.jpg) 0 0 no-repeat;}
.group_history h4{padding:32px 0 0 229px;font-family:'NanumBarunGothicL';font-size:32px;line-height:40px;color:#111}
.group_history h4 span{display:block;}

.group_history .area_year:after{display:block;content:"";clear:both}
.group_history .area_year h5{float:left;margin:0 36px 0 96px;font-family:'ambleR';font-size:45px;line-height:47px;color:#111;letter-spacing:-0.2px}
.group_history .area_year h5 span{color:#ab1f2b;}
.group_history .area_year > div{float:left}
.group_history .area_year > div .date{display:block;margin:0 0 2px 0;font-family:'NanumBarunGothic';font-size:14px;line-height:16px;color:#888;}
.group_history .area_year > div h6{margin:0 0 5px 0;font-family:'NanumBarunGothicL';font-size:20px;line-height:22px;color:#111}
.group_history .area_year > div h6 span{color:#777;}
.group_history .area_year > div h6 em{color:#111;}
.group_history .area_year > div dl{}
.group_history .area_year > div dl:after{display:block;content:"";clear:both}
.group_history .area_year > div dl dt{float:left;width:85px;margin:0 15px 0 0;font-family:'NanumBarunGothic';font-size:15px;line-height:20px;color:#111}
.group_history .area_year > div dl dd{float:left;font-family:'NanumBarunGothic';font-size:15px;line-height:20px;color:#777}

.group_history .area_2015{margin:42px 0 44px 0;}
.group_history .area_2012{margin:0 0 144px 0;}
.group_history .area_2004{margin:0 0 27px 0;}




/* ------------------------------------------------------------------------------------ account */
.group_account{position:relative;margin:70px 0 0 0;}
.group_account .area_accountTit{position:absolute;top:37px;left:50px;}
.group_account .area_accountTit h4{width:auto;padding:0 0 4px 0;border-bottom:1px solid #111;font-family:'NanumBarunGothicL';font-size:32px;line-height:36px;color:#111;letter-spacing:-0.2px}
.group_account .area_accountTit h4 span{display:block;}
.group_account .area_accountTit p{padding:15px 0 0 0;font-family:'NanumBarunGothic';font-size:15px;line-height:18px;letter-spacing:-0.2px;color:#666;}
.group_account .area_accountTit p span{display:block;}

.area_accountBody{margin:0 0 0 22px;}
.area_accountBody:after{display:block;content:"";clear:both}
.area_accountBody li{float:left;width:173px;height:98px;margin:0 10px 15px 0;border:1px solid #ddd}
.area_accountBody li img{width:173px;height:98px;}
.area_accountBody li:first-child{margin:0 10px 15px 370px;}
.area_accountBody li:nth-child(3){margin:0 10px 15px 370px;}
.area_accountBody li+li+li{margin:0 10px 15px 370px;}
.area_accountBody li+li+li+li{margin:0 10px 15px 0;}




/* ------------------------------------------------------------------------------------ location */
.group_location{position:relative}
.group_location .area_locationTit{padding:82px 0 0 0;font-family:"NanumBarunGothicL";font-size:32px;line-height:36px;color:#222;letter-spacing:-0.2px}
.group_location .area_locationTit span{display:block;}

.group_location .aera_locationAddress{position:absolute;top:30px;right:30px;z-index:5;width:290px;height:248px;padding:40px 50px 0 50px;background:#ab1f2b}
.group_location .aera_locationAddress p{border-bottom:1px solid #fff;padding:0 0 23px 0;font-family:'NanumSquare';font-size:20px;line-height:26px;color:#fff;letter-spacing:-0.2px}
.group_location .aera_locationAddress p span{display:block;}
.group_location .aera_locationAddress ul{}
.group_location .aera_locationAddress ul:after{display:block;content:"";clear:both}
.group_location .aera_locationAddress ul li{float:left;width:145px;margin:20px 0 0 0;font-family:'verdana';font-size:20px;line-height:22px;color:#fff;letter-spacing:-0.2px}
.group_location .aera_locationAddress ul li:nth-child(2){}
.group_location .aera_locationAddress ul li+li{}
.group_location .aera_locationAddress ul li span{display:block;font-family:"NanumBarunGothic";font-size:14px;line-height:16px;color:#fff;letter-spacing:-0.2px}

.btn_map a{display:block;width:108px;height:32px;margin:48px 0 0 0;padding:0 0 0 10px;font-family:"NanumBarunGothic";font-size:14px;line-height:32px;color:#fff;background:url(/images/arr_btnRight.png) 103px 11px #850813 no-repeat;}
.btn_map a:hover{text-decoration:none;background:url(/images/arr_btnRight.png) 103px 11px #670e16 no-repeat;}

.group_location .area_map{margin:75px 0 0 0;}





/* ------------------------------------------------------------------------------------ product */
.group_product{padding:50px 0 0 0;}
.group_product .area_list{margin:0 0 0 -13px;}
.group_product .area_list:after{display:block;content:"";clear:both}
.group_product .area_list li{float:left;margin:0 0 16px 13px;}
.group_product .area_list li a{display:block;position:relative;width:252px;min-height:225px;border:1px solid #bbb}
.group_product .area_list li a:hover{text-decoration:none}
.group_product .area_list li a:hover .hover{display:block;}
.group_product .area_list li a .img{display:block;padding:9px 0 2px 0;text-align:center;}
.group_product .area_list li a .img img{width:230px;height:173px;border:1px solid #dedede}
.group_product .area_list li a .tit{display:block;padding:10px;min-height:20px;font-family:'nanumBarunGothic';font-size:15px;line-height:20px;color:#222;text-align:center}
.group_product .area_list li a .hover{display:none;position:absolute;top:9px;left:10px;}

.group_product .area_list li.productNoData{width:100%;margin:0;}
.group_product .area_list li.productNoData .noData{float:left;width:100%;height:78px;text-align:center}
.group_product .area_list li.productNoData .noData .tit{font-family:"NanumBarunGothic";font-size:18px;line-height:78px;color:#111;}


.pageWrap:after{display:block;content:"";clear:both}
.section_pagenum{float:left;margin:25px 0 0 0;}
.section_pagenum:after{display:block;content:"";clear:both}
.section_pagenum p{float:left;width:30px;height:30px;padding:0 0 0 10px;text-align:center}
.section_pagenum p:first-child{padding:0 10px 0 0;}
.section_pagenum p img{margin:6px 0 0 0;}
.section_pagenum ul{float:left}
.section_pagenum ul:after{display:block;content:"";clear:both}
.section_pagenum ul li{float:left;padding:0 0 0 2px;}
.section_pagenum ul li:first-child{padding:0;}
.section_pagenum ul li a{display:block;width:30px;height:30px;font-family:"Amble";font-size:14px;line-height:30px;text-align:center;color:#222}
.section_pagenum ul li a.on{background:#ab1f2b;color:#fff}
.section_pagenum ul li a:hover{background:#ab1f2b;color:#fff;text-decoration:none}


.section_search{float:right;margin:19px 0 0 0;border:1px solid #bbb}
.section_search:after{display:block;content:"";clear:both}
.section_search input{display:block;float:left}
.section_search input[type=text]{width:0;height:40px;font-family:'NanumBarunGothic';font-size:14px;line-height:40px;color:#222;text-indent:10px}
.section_search input[type=submit]{width:40px;height:40px;background:url(/images/ico_search_off.png) 50% 50% no-repeat;cursor:pointer}



/* ------------------------------------------------------------------------------------ productRead */
.group_productRead{}
.group_productRead .productImg{width:589px;height:442px}
.group_productRead .area_productGallery{position:relative;width:100%;height:442px;padding:50px 0 0 0;}
.group_productRead .area_productGallery:after{display:block;content:"";clear:both}
.group_productRead .area_productGallery .sliderkit-panels{float:left;overflow:hidden;width:589px;height:442px}
.group_productRead .area_productGallery .sliderkit-panels .sliderkit-panel{width:589px;height:442px}
.group_productRead .area_productGallery .sliderkit-panels .sliderkit-panel img{width:589px;height:442px}

.group_productRead .area_productGallery .thumbnail{margin:-11px 0 0 0;}
.group_productRead .area_productGallery .thumbnail li{margin:11px 0 0 0;cursor:pointer}
.group_productRead .area_productGallery .thumbnail .sliderkit-selected{position:relative}
.group_productRead .area_productGallery .thumbnail .cover{display:none}
.group_productRead .area_productGallery .thumbnail .sliderkit-selected > .cover{display:block;position:absolute;top:0;left:0;}
.group_productRead .area_productGallery .thumbnail .imgNav{width:186px;height:140px;}

.group_productRead .area_productGallery .sliderkit-nav{top:50px;right:0;}
.group_productRead .area_productGallery .sliderkit-nav .arr_gallery{position:absolute;bottom:-62px;right:10px;z-index:50;width:55px;height:112px;cursor:pointer}
.group_productRead .area_productGallery .sliderkit-nav .arr_gallery li:first-child{margin:0 0 2px 0;}

.group_productRead .area_productDetail{width:786px;margin:13px 0 0 0;border:1px solid #bbb}
.group_productRead .area_productDetail:after{display:block;content:"";clear:both}

.group_productRead .area_productDetail .productInfo{display:table;float:left;width:100%;min-height:51px;background:#f3f3f3;}
.group_productRead .area_productDetail .productInfo > p{display:table-cell;vertical-align:middle;width:100%;font-family:'nanumsquare';padding:15px 75px;font-size:20px;line-height:24px;color:#111;text-align:center}
.group_productRead .area_productDetail .productWhite{float:left;width:746px;min-height:150px;padding:20px;font-family:'NanumBarunGothic';font-size:15px;line-height:22px;color:#111;text-align:center}


.btn_list{display:block;text-align:center;margin:48px 0 0 0;}
.btn_list a{display:inline-block;width:105px;height:37px;padding:0 0 0 10px;font-family:"NanumBarunGothic";font-size:14px;line-height:37px;text-align:left;background:url(/images/arr_btnRight.png) 103px 13px #ab1f2b no-repeat;color:#fff;}
.btn_list a:hover{text-decoration:none;background:url(/images/arr_btnRight.png) 103px 13px #850813 no-repeat;}




/* ------------------------------------------------------------------------------------ inpuiry */
.group_inpuiry h4{padding:45px 0 0 10px;font-family:'NanumBarunGothicL';font-size:32px;line-height:36px;color:#111;}
.group_inpuiry h4 span{display:block;}
.group_inpuiry .area_titTxt{padding:5px 0 27px 10px;font-family:'NanumBarunGothic';font-size:15px;line-height:17px;color:#666;}
.group_inpuiry form{}
.group_inpuiry form p{margin:0 0 8px 0;}
.group_inpuiry form p:after{display:block;content:"";clear:both}
.group_inpuiry form p span{display:block;float:left}
.group_inpuiry form p :after{display:block;content:"";clear:both}

.group_inpuiry form p .company input{width:278px;}

.group_inpuiry form p .manager input{width:212px;}

.group_inpuiry form p .tel input{width:278px;}

.group_inpuiry form p .email input{width:305px;}
.group_inpuiry form p .email .emailMiddle{display:block;}
.group_inpuiry form p .email select{width:180px;height:36px;border:none;font-family:'NanumBarunGothic';font-size:14px;line-height:36px;background:#f7f7f7;color:#111;text-indent:10px}
.group_inpuiry form p .email select option{font-family:'NanumBarunGothic';font-size:14px;line-height:36px;background:#f7f7f7;color:#111;text-indent:10px}

.group_inpuiry form p label{float:left;width:60px;padding:0 15px 0 16px;font-family:'NanumBarunGothic';font-size:16px;line-height:36px;background:url(/inquiry/images/ico_inquiry.png) 0 50% no-repeat;color:#111}
.group_inpuiry form p label.ml10{margin:0 0 0 10px}
.group_inpuiry form p input{float:left}
.group_inpuiry form p .emailMiddle{width:27px;font-family:'nanumsquare';font-size:16px;line-height:36px;color:#111;text-align:center}
.group_inpuiry form .product span{display:block;float:left;width:60px;padding:0 15px 0 16px;font-family:'NanumBarunGothic';font-size:16px;line-height:36px;background:url(/inquiry/images/ico_inquiry.png) 0 50% no-repeat;color:#111}
.group_inpuiry form .product label{width:auto;padding:0 25px 0 10px;background:none;cursor:pointer}
.group_inpuiry form .product input{margin:10px 0 0 0;}

.group_inpuiry form .tit input{width:686px;}
.group_inpuiry form p input[type=text]{height:36px;font-family:'NanumBarunGothic';font-size:14px;line-height:36px;background:#f7f7f7;color:#111;text-indent:10px}

.group_inpuiry form p textarea{width:676px;height:276px;padding:10px 0 0 10px;font-family:'NanumBarunGothic';font-size:14px;line-height:18px;background:#f7f7f7;color:#111;}



/* ------------------------------------------------------------------------------------ notice */
.group_notice .area_postList li{height:78px;border-bottom:1px solid #bbb;cursor:pointer}
.group_notice .area_postList li:after{display:block;content:"";clear:both}
.group_notice .area_postList li .area_post{float:left;width:668px;height:59px;padding:19px 0 0 20px;}
.group_notice .area_postList li .area_post .tit{font-family:"NanumBarunGothic";font-size:18px;line-height:22px;color:#111;}
.group_notice .area_postList li .area_post .tit .lableNotice{position:relative;display:inline-block;padding:0 12px 0 20px;font-size:12px;line-height:22px;background:url(/csCenter/images/noticeBar.jpg) 0 45% no-repeat;color:#ab1f2b;text-transform:uppercase}
.group_notice .area_postList li .area_post .date{display:block;margin:1px 0 0 0;font-family:"NanumBarunGothic";font-size:15px;line-height:17px;color:#666;}

.group_notice .area_postList li .noData{float:left;width:100%;height:78px;text-align:center}
.group_notice .area_postList li .noData .tit{font-family:"NanumBarunGothic";font-size:18px;line-height:78px;color:#111;}


.group_notice .area_postList li .area_arr{position:relative;width:80px;height:78px;overflow:hidden;float:right;margin:0 20px 0 0;}
.group_notice .area_postList li .area_arr span{position:absolute;top:27px;right:-60px;}


/* ------------------------------------------------------------------------------------ notice_read */
.group_noticeRead .area_post{display:table;width:788px;min-height:58px;padding:10px 0;border-bottom:1px solid #bbb;cursor:pointer}
.group_noticeRead .area_post:after{display:block;content:"";clear:both}
.group_noticeRead .area_post .postTit{display:table-cell;vertical-align:middle;padding:0 0 0 20px;}
.group_noticeRead .area_post .postTit .lableNotice{display:table-cell;vertical-align:middle;position:relative;width:44px;padding:0 20px;font-family:"NanumBarunGothic";font-size:12px;line-height:22px;background:url(/csCenter/images/noticeBar.jpg) 0 45% no-repeat;color:#ab1f2b;text-transform:uppercase}
.group_noticeRead .area_post .postTit .tit{display:table-cell;vertical-align:middle;width:100%;font-family:"NanumBarunGothic";font-size:18px;line-height:22px;color:#111;}
.group_noticeRead .area_post .postTit .date{display:table-cell;vertical-align:middle;width:74px;padding:0 20px;margin:1px 0 0 0;font-family:"NanumBarunGothic";font-size:15px;line-height:22px;color:#666;text-align:center}

.group_noticeRead .area_content{min-height:355px;padding:30px 20px 30px 20px;border-bottom:1px solid #bbb}

.area_addfile{border-bottom:1px solid #111}
.area_addfile:after{display:block;content:"";clear:both}
.area_addfile > p{display:table;float:left;width:109px;height:auto;font-family:"NanumBarunGothic";font-size:15px;line-height:44px;color:#111;text-align:center;}
.area_addfile > p span{display:table-cell;vertical-align:middle;background:#f1eeee;}
.area_addfile .attachment{float:left;width:679px;font-family:"NanumBarunGothic";font-size:15px;line-height:44px;color:#111}
.area_addfile .attachment p{padding:0 0 0 10px;height:44px;border-top:1px solid #ddd}
.area_addfile .attachment p:first-child{bottom:0;}
.area_addfile .attachment p a{color:#888}

.ellipsis{display:inline-block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.ellipsis90{display:inline-block;width:90%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}