@charset "utf-8";

@import url("style.css");
@import url("content.css");


/*layout*/

/*
	기본 wrap width:1000px
	브라우저 가로값이 1000이하일때 부터 media query 적용	
*/

/*
	font-size:100% = 16px;
	font-size: 10px = 62.5% ( 10px / 16px )
	font-size: 11px = 68.75% ( 11px / 16px )
	font-size: 12px = 75%; ( 12px / 16px )
	font-size: 13px = 81.25%; ( 13px / 16px )
	font-size: 14px = 87.5%; ( 14px / 16px )
	font-size: 20px = 125%; ( 20px / 16px )
	
	
	z-index:1005 - fixed menu
	z-index:0 - footer
	z-index:32 - content coffee map
	z-index:31 - content coffee country
	z-index:30 - content coffee name
	z-index:26 - social btn facebook / twitter
	z-index:25 - content popPlus
	z-index:23 - section (reply)
	z-index:22 - section (category)
	z-index:21 - content block list
	z-index:21 - content list/block/grid
	z-index:20 - content
	z-index:12 - aside select hover
	z-index:11 - aside select 
	z-index:10 - aside
	z-index:5 - main visual banner button
	z-index:3 - main visual banner
	z-index:1 - contents
	
*/

*{margin:0;padding:0;}
img { border: 0;}
body {padding:0 20px; margin:0; width:100%; background:url(../images/community/bg_top.jpg) repeat-x ;}
body.coffee {background:url(../images/coffee/img_coffee_map_bg.jpg) no-repeat 50% 128px; }
#wwrap{ width:100%; margin:0 auto; height:100%;font-size:100%;position:relative;}
#wrap{ width:1000px; margin:0 auto; font-size:100%;position:relative;}
#container{width:100%; margin:0 auto; min-height:800px;z-index:1;} 
.contents{position:relative;z-index:1;padding:0px 0 100px 0; min-height:800px;}
.contentMain{float:left;width:800px;} /* width 690px */


.s_box { width:100%;margin:0 auto; height:393px; background:#FFF;}
.topfooter { width:100%; height:100px; background:#FFF;}
.top2footer { width:100%; height:30px; background:#FFF;}
.s_title { width:341px; margin:0 auto;}
.s_list { padding:0; margin:0; width:1000px; height:148px; margin:0 auto;}
.c_box { width:100%;margin:0 auto; height:150px; background:#C4E1EB; padding: 10px 0 0 0px;}
.cs_box { width:1000px;margin:0 auto; height:150px; background:#C4E1EB; }
.c_title { width:341px; margin:0 auto;}
.c_academy { float:left;width:333px; margin:0 auto; padding: 10px 0 ; background:url(../images/main/c_academybg.jpg);}
.c_mall { float:left;width:333px; margin:0 auto; padding: 10px 0 ;}
.c_service { float:left; width:333px; margin:0 auto;}

.comm_box {position:relative; width:100%;margin:0 auto; height:660px; background:#fff;}
.comms_box { width:1000px;margin:0 auto; /* height:280px; */ background:#fff; }
.comms_box1 { float:left;width:666px;margin:16px auto; /* height:280px; */ background:#fff; }
.comms_box2 { float:left;width:325px;margin:0 0 0 5px; /* height:280px; */ background:#fff; }
.comms_box3 { float:left;width:325px;margin:0 0 0 5px; /* height:150px; */ background:#6f8bde; }
.comm_img { width:320px; margin:0 auto; height:45px;}

.comm_con { width:320px; margin:0 auto; height:45px;}

.c_title { width:330px;margin:0 auto; padding: 0 0 0 15px;}
.c_title .plus { margin-left: 188px; margin-bottom: 0px;}
.c_title .plus2 { margin-left: 200px; margin-bottom: 0px;}
.c_title .plus3 { margin-left: 130px; margin-bottom: 0px;}

/*.academy table{ width:320px;}*/
.academy table .btn{ padding: 6px 0 0 15px;}

.bp_box { width:100%;margin:0 auto; height:175px; background:#fff;}
.bps_box { width:1000px;margin:0 auto; height:175px; background:#fff; }
.bp_title { width:1000px; margin:0 auto; height:55px;}
.bp_table { width:1000px; margin:0 auto; height:55px; vertical-align:middle;}
.bp_b1 { float:left;width:333px; height:128px; background:#fff; z-index:21;position:relative; padding:0px 0;}
.bp_b1 .best_photo {width:320px; height:172px;position:relative;overflow:hidden;float:left; background:#fbfbfb url(../images/com/img_noneProduct.gif) no-repeat 50% 50%}
.bp_bb1 { float:left; width:333px; margin:5px auto; height:128px; background:#fff;}
.bp_bb1 .bestText{padding: 5px 23px 0 10px;height: 100px;overflow: hidden;}/*15px 20px 15px 20px*/

.bp_b1_1 { float:left;width:333px; height:330px; background:#fff; z-index:21;position:relative; padding:0px 0;}
.bp_b1_1 .best_photo {width:320px; height:172px;position:relative;overflow:hidden;float:left; background:#fbfbfb url(../images/com/img_noneProduct.gif) no-repeat 50% 50%}

/* MAIN PAGE LIST 형식  */ 
.best{width:690px;z-index:21;position:relative;float:left; padding:24px 0;border-bottom:1px dotted #888;}
.best .best_photo {width:320px;height:172px;position:relative;overflow:hidden; margin:15 auto; float:left; background:#fbfbfb url(../images/com/img_noneProduct.gif) no-repeat 50% 50%}
.best .best_photo img {width:100%; height:auto;}
.best .bestText{padding: 12px 23px 0 20px;height: 100px;overflow: hidden;}/*15px 20px 15px 20px*/
.bp_bb1 .best_time{font-size:11px;color:#8e8e8e; line-height:1.2;}
.bp_bb1 .best_time a{color:#8e8e8e;}
.bp_bb1 .best_time a:hover {color:#ddad11;}
.bp_bb1_txt{margin-top:9px;overflow:hidden;line-height:15px;color:#515151;height:77px;overflow:hidden;}
.bp_bb1_txt .tit,
.bp_bb1_txt .title {display:block;color:#2e2e2e;line-height:18px;font-weight:bold;font-size:14px;}/*14 / 16*/
.asidebanner{ float:left; width:310; height:100px; padding-top:40px; padding-left:20px; }



.bp_bb1_txt .txt{display:block;margin-top:8px;  line-height:1.5;}
.bp_bb1 .bestText .comcal{ font-size:11px; color:#999;}
.bp_bb1 .bestText .comtit{margin-top:10px ;}
.bp_bb1 .bestText .comcont{margin-top:10px ;line-height:1.5;}
/* // MAIN PAGE LIST 형식  */







/* news */
.bp_b2 { float:left; width:333px; height:175px; margin:0 auto; background:#fff;}
.bp_b2 h3.h3 {margin:0 0 10px 0;font-size:17px;color:#7f7f7f; text-transform:capitalize;  width:320px; height:30px; border-bottom:1px solid #525252;}/* 뒤에 width 부터 */
.bp_b2 a.h4 {display:block; width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:14px;color:#313131; font-weight:bold; }
.bp_b2 p {margin:12px 0 0 0;}
.bp_b2x p img {float:left; margin-left: 230px;}
.bp_b2 p a.txt {display:block; float:left; width:190px; height:71px;margin:0 15px 0 0;line-height:1.5; color:#666;overflow:hidden;}
.bp_b2 p a.more {display:inline-block; margin:10px 0 0 50px;}
.bp_b2 p a.more2 {display:inline-block; margin:0 0 80px 10px;}
.newsW {float:left; width:333px; padding:18px 25px 18px 0;}/* width 299px */
.noticeW {float:right;width:333px; padding:25px 0 18px 0; border-left:0px solid #d1d1d1;}/*width 298 padding 18 23 25 23 */
.empty {display:none;}
.portf table{ width:320px;}




.bp_b3 { float:left; width:333px; margin:0 auto; height:128px; background:#fff;}
.bp_leftbtn{ width:40px;}
.bp_rightbtn{ width:40px;}



header, .header{position:relative; width:100%; height:127px; z-index:50;}
.asideMain{float:left;width:250px;margin:0 -4px 0 50px;}
#footer{position:relative;border-top:2px solid #2e2e2e;padding:20px 0 ; z-index:0; background:#333;}
.footerbox{width:100%; height:275px; margin:0 auto; background:#333; position:!important;}
.footer{width:1000px; height:275px; margin:0 auto;padding:0 15px; background:#333; position:relative;}
.grid-line { width:1px; height:74%; border-left:1px dotted #ddd; position:absolute; left:34.5%; top:200px;}
.solution-line { width:1px; height:93%; border-left:1px dotted #ddd; position:absolute; left:48%; top:10px; bottom:10px;}
.community-line { width:1px; height:98.5%; border-left:1px dotted #ddd; position:absolute; left:48%; top:10px; bottom:10px;}
h1.logo {position:absolute; top:18px; left:10px;}

/*Header-----------------------------------------------------------*/
.global{position:absolute; right:0; top:12px; height:13px;}
.translate{position:absolute; right:0; top:45px; height:13px;}
.globalAlign{ text-aglign:left;}
.login{float:left;margin-right:7px;margin-top:10px;}
.login .input_box {float:left;position:relative; width:85px;}
.login .lbl_in {position:absolute; top:2px; left:2x; font-size:11px;line-height:12px; color:#666;}
.login .int{width:80px;height:16px;line-height:16px; padding:0;margin:0;border:none;border-bottom:1px solid #b8b6b5;color:#333;font-size:13px;font-weight:bold;}
.login .bIogin {float:left; background: none;border: 0;padding: 0 8px 0 2px; width:50px;font-weight:bold; font-size:12px;cursor: pointer;}
.login .btn_searchID {float:left; *margin-top:1px;}

.logout{float:left;margin:11px 7px 0 0; font-size:11px;line-height:1.1; color:#666;}
.logout a {margin-left:10px;font-weight:bold;}

.globalNav {float:left; margin-top:2px;}
.globalNav li{float:left; background:url(../images/com/bg_global_line.gif) left 50% no-repeat;padding:0 5px 0 10px; background-position:top 5px left;}
.globalNav li a{float:left;color:#515151;font-size:11px; line-height:1.1;padding:0;vertical-align:top;}
.globalNav li a span {padding:0; margin:0; vertical-align:top;}
.globalNav li .login{color:#3c3c3c;font-weight:bold;vertical-align:top;padding-right:4px;}

/* 메뉴 네비게이션 수정 css 20150923  start */
#gnb{position:relative;top:80px;height:20px;background: #000;}
.gnbMenu{width:100%; margin:0; height:20px;}
.gnbMenu > li{display:inline-block; float:left;margin:0;width:155px;height:47px; text-align:center; cursor:pointer;text-transform:uppercase; }
.gnbMenu > li > a {display:inline-block; margin:12px 0 0 0; width:100%; line-height:1.1; color:#fff; font-size:15px; font-weight:700; border-left:1px dotted #d5d5d5; text-transform:none}
.gnbMenu > li:first-child > a{border:none;}
.gnbMenu > li:hover > a, 
.gnbMenu > li.ac > a,
.gnbMenu > li.on > a,
.gnbMenu > li.active > a { color:#f35a00;}
.gnbMenu > li.gnb01 {width:167px;}
.gnbMenu > li.gnb02 {width:167px;}	/* new 20151109 */
.gnbMenu > li.gnb03 {width:167px;}
.gnbMenu > li.gnb05 {width:178px;}	/* 190 20151109 */


.gnbMenu_2dep{clear:both; position:absolute;left:0; top:46px;width:100%; margin:0; background:#f5f5f5; background:url(../images/com/gnb_bg_line.gif) repeat-x 0 100% #333333; text-transform:none;}
/* .gnbMenu_2dep li{display:inline-block;float:left;padding:0 20px;height:42px; line-height:38px;text-align:center; cursor:pointer; }
.gnbMenu_2dep li a {height:38px; line-height:40px; color:#646363; font-size:11px; }
.gnbMenu_2dep li:hover a, 
.gnbMenu_2dep li.ac a,
.gnbMenu_2dep li.on a,
.gnbMenu_2dep li.active a { display:inline-block; color:#000; border-bottom:4px solid #3490c9;}
.gnbMenu_2dep li:first-child{} */

/* 메뉴 네비게이션 수정 css 20150923  start */
.gnbMenu_2dep div.gnb_sub_menu ul { display:inline-block; float:left;margin:0;width:155px;height:380px; text-align:center; cursor:pointer;text-transform:uppercase; }
.gnbMenu_2dep div.gnb_sub_menu ul ol { display:inline-block; float:left;margin:0;width:100%;height:30px; text-align:left; padding:5px 0 0 5px;cursor:pointer;text-transform:uppercase; }
.gnbMenu_2dep div.gnb_sub_menu ul ol a {white-space:normal; color:#b5b5b5; font-size:11px; } /*  height:38px;  line-height:40px;  */
.gnbMenu_2dep div.gnb_sub_menu ul ol:hover a, 
.gnbMenu_2dep div.gnb_sub_menu ul ol.ac a,
.gnbMenu_2dep div.gnb_sub_menu ul ol.on a,
.gnbMenu_2dep div.gnb_sub_menu ul ol.active a {display:inline-block; color:#ffffff; border-bottom:3px solid #f86f00;}
.gnbMenu_2dep div.gnb_sub_menu ul ol:first-child{}

.gnbMenu_2dep div.gnb_sub_menu > ul.gnb_01 {width:167px;}
.gnbMenu_2dep div.gnb_sub_menu > ul.gnb_02 {width:167px;} /* new 20151109 */
.gnbMenu_2dep div.gnb_sub_menu > ul.gnb_03 {width:167px;}
.gnbMenu_2dep div.gnb_sub_menu > ul.gnb_05 {width:178px;} /* 190 20151109 */

/* 메뉴네비게이션 수정 20150930 END*/




.search{position:absolute; right:0; top:42px; width:180px;height:24px;padding:5px 0 1px 0;margin:0;background-color:#eee; }
.search input[type="text"]{border:none;border-right:1px solid #dedede;width:135px;line-height:10px;height:16px;padding:2px 5px;background-color:#eee; font-size:13px;color:#000;}
.search input[type="image"] {margin-left:3px;}

/*Container*/
.bannerContainer{width:100%;position:relative;margin:0 auto;z-index:3;} /*width:1000px; margin-bottom:19px;margin-top:20px; */
.bannerContainer .prev{position:absolute;left:0x;top:150px; cursor:pointer;} /* top:98px; display:none;*/
.bannerContainer .next{position:absolute;right:0px;top:150px;cursor:pointer;}
.bannerContainer .bnrWrap{margin:0 auto;position:relative;width:1700px;height:393px;overflow:hidden;}/* width:1000px; */
.bannerContainer .banner{position:absolute;top:0px;width:20000px;}/*20160816 width: 10000px -> 20000px 수정*/
.bannerContainer .banner li {position:relative;float:left;width: 1700px;height: 393px; background:#fbfbfb;} /* height : 264;width:1000px; */
.bannerContainer .banner li img{width:1700px; height:393px;}/* width:1000px; */
.bannerContainer .pageDot{text-align:right;position:absolute;bottom:10px;right:20px;z-index:5;}
.bannerContainer .pageDot li {display:inline;cursor:pointer;margin-right:7px;background:url(../images/main/bull_off.png) left top no-repeat;width:13px;height:13px;}
.bannerContainer .pageDot li.select{background:url(../images/main/bull_on.png) left top no-repeat;}
.bannerContainer .pageDot li a{display:inline-block;width:13px;height:13px;}
.bannerHr {height:1px; width:735px;margin:0 auto 18px; clear:both; border-top:0px solid #e1e1e1;}/* 140619 밑줄 삭제 */


/* 비주얼 이미지1  */ 
.visualbox { width:100%;margin:0 auto; height:393px; background:url(../images/main/img_bg.jpg) repeat-x;}
.visual {width:1000px; margin:0 auto}

/* 비주얼 이미지2  */ 
.visualbox2 { width:100%;margin:0 auto; height:393px; background:url(../images/main/img_bg2.jpg) repeat-x;}
.visual2 {width:1000px; margin:0 auto}

/* 비주얼 이미지3  */ 
.visualbox3 { width:100%;margin:0 auto; height:393px; background:url(../images/main/img_bg3.jpg) repeat-x;}
.visual3 {width:1000px; margin:0 auto}

/* 비주얼 이미지 END  */ 


/*best product rolling  201510*/
.pBannerContainer{float:left;width:100%;position:relative;margin:0 auto;z-index:3;height: 128px;} /*width:1000px; margin-bottom:19px;margin-top:20px; */
.pBannerContainer .prev{display:none;position:absolute;left:0x;top:150px; cursor:pointer;} /* top:98px; */
.pBannerContainer .next{display:none;position:absolute;right:0px;top:150px;cursor:pointer;}
.pBannerContainer .bnrWrap{margin:0 auto;position:relative;width:1000px;height:128px;overflow:hidden;}
.pBannerContainer .pBanner{float:left;position:relative;top:0px;width:10000px;}
.pBannerContainer .pBanner li {position:relative;float:left;width: 320px;height: 128px;margin:0 20px 0 0; background:#fbfbfb;} /* height : 264 */
.pBannerContainer .pBanner li img{width:320px; height:128px;}
.pBannerContainer .pPageDot{text-align:right;position:absolute;bottom:10px;right:20px;z-index:5;}
.pBannerContainer .pPageDot li {display:inline;cursor:pointer;margin-right:7px;background:url(../images/main/bull_off.png) left top no-repeat;width:13px;height:13px;}
.pBannerContainer .pPageDot li.select{background:url(../images/main/bull_on.png) left top no-repeat;}
.pBannerContainer .pPageDot li a{display:inline-block;width:13px;height:13px;}
.pBannerHr {height:1px; width:735px;margin:0 auto 18px; clear:both; border-top:0px solid #e1e1e1;}/* 140619 밑줄 삭제 */


/*training rolling  20151027*/
.tBannerContainer{width:100%;position:relative;margin:0 auto;z-index:3;} /*width:1000px; margin-bottom:19px;margin-top:20px; */
.tBannerContainer .prev{display:none;position:absolute;left:0x;top:150px; cursor:pointer;} /* top:98px; */
.tBannerContainer .next{display:none;position:absolute;right:0px;top:150px;cursor:pointer;}
.tBannerContainer .bnrWrap{margin:0 auto;position:relative;width:1000px;height:240px;overflow:hidden;}
.tBannerContainer .tBanner{position:absolute;top:0px;width:10000px;}
.tBannerContainer .tBanner li {position:relative;float:left;width: 1000px;height: 240px; background:#fbfbfb;} /* height : 264 */
.tBannerContainer .tBanner li img{width:1000px; height:240px;}
.tBannerContainer .tPageDot{text-align:right;position:absolute;bottom:10px;right:20px;z-index:5;}
.tBannerContainer .tPageDot li {display:inline;cursor:pointer;margin-right:7px;background:url(../images/main/bull_off.png) left top no-repeat;width:13px;height:13px;}
.tBannerContainer .tPageDot li.select{background:url(../images/main/bull_on.png) left top no-repeat;}
.tBannerContainer .tPageDot li a{display:inline-block;width:13px;height:13px;}
.tBannerHr {height:1px; width:735px;margin:0 auto 18px; clear:both; border-top:0px solid #e1e1e1;}/* 140619 밑줄 삭제 */

/*product rolling 20151030 */
.sBannerContainer{width:100%;position:relative;margin:0 auto;z-index:3;} /*width:1000px; margin-bottom:19px;margin-top:20px; */
.sBannerContainer .prev{position:absolute;left:0x;top:95px; cursor:pointer;} /* top:98px; display:none;*/
.sBannerContainer .next{position:absolute;right:0px;top:95px;cursor:pointer;}
.sBannerContainer .bnrWrap{margin:0 auto;position:relative;width:1000px;height:264px;overflow:hidden;}/* width:1000px; */
.sBannerContainer .banner{position:absolute;top:0px;width:10000px;}
.sBannerContainer .banner li {position:relative;float:left;width: 1000px;height: 264px; background:#fbfbfb;} /* height : 264;width:1000px; */
.sBannerContainer .banner li img{width:1000px; height:264px;}/* width:1000px; */
.sBannerContainer .pageDot{text-align:right;position:absolute;bottom:10px;right:20px;z-index:5;}
.sBannerContainer .pageDot li {display:inline;cursor:pointer;margin-right:7px;background:url(../images/main/bull_off.png) left top no-repeat;width:13px;height:13px;}
.sBannerContainer .pageDot li.select{background:url(../images/main/bull_on.png) left top no-repeat;}
.sBannerContainer .pageDot li a{display:inline-block;width:13px;height:13px;}
.sBannerHr {height:1px; width:735px;margin:0 auto 18px; clear:both; border-top:0px solid #e1e1e1;}/* 140619 밑줄 삭제 */







/*Main-Contents--------------------------------------------------------------*/
/*Best : 337px * 350px */
/* MAIN PAGE 기존 Grid 형식 
.bestdiv{border-top:1px dotted #ddd;}
.best{z-index:1;float:left;position:relative;padding:1px 0;margin:0 20px 20px 0; width:337px; height:300px ; text-align:left; border-bottom:1px dotted #ddd;}
.best:nth-child(2n){margin-right:0;}
.best .best_photo { width:335px; height:168px;overflow:hidden;position:relative;  }335 / 337
.best .best_photo > span {display:block; width:333px; height:167px; overflow:hidden; border-bottom:0; background:url(../images/com/img_none_block.gif) no-repeat 50% 50% #fbfbfb; }
.best .best_photo img {width:100%; height:auto;}
.best .bestText{padding: 12px 23px 0 20px;height: 100px;overflow: hidden;}15px 20px 15px 20px
.best .best_time{font-size:11px;color:#8e8e8e; line-height:1.2;}
.best .best_time a{color:#8e8e8e;}
.best .best_time a:hover {color:#ddad11;}
.best_txt{margin-top:9px;overflow:hidden;line-height:15px;color:#515151;height:77px;overflow:hidden;}
.best_txt .tit,
.best_txt .title {display:block;color:#2e2e2e;line-height:18px;font-weight:bold;font-size:14px;}14 / 16

.best_txt .txt{display:block;margin-top:8px;  line-height:1.5;}

 */
 
/* MAIN PAGE LIST 형식  */ 
.best{width:690px;z-index:21;position:relative;float:left; padding:24px 0;border-bottom:1px dotted #888;}
.best .best_photo {width:292px;height:172px;position:relative;overflow:hidden;float:left; background:#fbfbfb url(../images/com/img_noneProduct.gif) no-repeat 50% 50%}
.best .best_photo img {width:100%; height:auto;}
.best .bestText{padding: 12px 23px 0 20px;height: 100px;overflow: hidden;}/*15px 20px 15px 20px*/
.best .best_time{font-size:11px;color:#8e8e8e; line-height:1.2;}
.best .best_time a{color:#8e8e8e;}
.best .best_time a:hover {color:#ddad11;}
.best_txt{margin-top:9px;overflow:hidden;line-height:15px;color:#515151;height:77px;overflow:hidden;}
.best_txt .tit,
.best_txt .title {display:block;color:#2e2e2e;line-height:18px;font-weight:bold;font-size:14px;}/*14 / 16*/

.best_txt .txt{display:block;margin-top:8px;  line-height:1.5;}
/* // MAIN PAGE LIST 형식  */

/*best mouse over*/
.photo_over{display:none;margin:0;background-color:#000;background:url(../images/com/bg_img_over.png) left top repeat;position:absolute;top:0;left:0;width:292px;height:168px;text-align:center;}/*width:100%; 높이 172 20151028 수정*/
.photo_over p{margin:0 auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:90%;color:#fff;padding:0;}
.photo_over p.tit {margin-top:45px; font-size:16px;}
.photo_over p.date {margin-top:8px; font-size:13px;color:#c1c1c1;}
.photo_over p.cate {margin-top:12px; font-size:13px;color:#c1c1c1;}
.photo_over p.cate a:hover {color:#ddad11;}
.photo_over .cate a, .photo_over .cate span{color:#99ba80;font-size:11px;}
.photo_over .btnView{display:inline-block;width:118px;height:31px;margin-top:20px;padding-top:8px;text-align:center;font-size:100%;color:#fff;background:url(../images/com/btn_photo_ov.png) no-repeat 0 0;}/*118 / 337*/
.bgBest, .bgAside{position:absolute;top:0;left:0;z-index:-1;width:100%; height:100%;}
 
.category > a {white-space:nowrap;}
.category > a:hover {color:#ddad11;}

	/* news */
.newsBox {float:left; width:690px; height:175px;margin:0 0 20px 0; border:0px solid #d1d1d1; overflow:hidden;}
.newsBox h3.h3 {margin:0 0 18px 0;font-size:14px;color:#7f7f7f; text-transform:capitalize;  width:320px; height:30px; border-bottom:1px solid #525252;}/* 뒤에 width 부터 */
.newsBox a.h4 {display:block; width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:14px;color:#313131; font-weight:bold; }
.newsBox p {margin:12px 0 0 0;}
.newsBox p img {float:left;}
.newsBox p a.txt {display:block; float:right;width:180px; height:71px;margin:0 0 0 15px;line-height:1.5; color:#666;overflow:hidden;}
.newsBox p a.more {display:inline-block; margin:10px 0 0 18px;}
.newsW {float:left; width:320px; padding:18px 23px 18px 0;}/* width 299px */
.noticeW {float:right;width:320px; padding:18px 0 18px 0; border-left:0px solid #d1d1d1;}/*width 298 padding 18 23 25 23 */
.empty {display:none;}
	

/*Sub-Contents--------------------------------------------------------------*/

/*spyMenu / title area ----------------------------------------------*/
.spyMenuCenter { min-height:61px; *min-height:51px; border-bottom:1px solid #c6c9c7;}
.grid .spyMenuCenter { border-bottom:0;}
.spyMenuCenter .modeBtn {*margin-bottom:0;}

	/*.spyMenuCenter {height:69px; min-height:69px;}*/
#spyMenu{float:left; margin:33px 0 13px 0; padding-right:15px; max-width:530px; width:auto; border-left:1px solid #bbb; border-right:1px solid #bbb;background-color:#fff;}
#spyMenu.line2{margin:25px auto 10px;}
#spyMenu li{float:left;}
#spyMenu li.last{border-right:1px solid #bbb;padding-right:9px;}
#spyMenu a {display: block;padding:0 8px 0 14px;color: #565656;line-height:20px; font-size:13px; font-weight:bold; text-decoration: none; white-space:nowrap;}
#spyMenu a:hover{color:#8b654e;background:url(../images/com/icon_spy_on.gif) right 50% no-repeat;}
#spyMenu li.active a{color: #8b654e;background:url(../images/com/icon_spy_on.gif) right 50% no-repeat;}

#spyMenuAnk{float:left; margin:33px 0 10px 0; padding-right:15px; max-width:500px; width:auto; border-left:1px solid #bbb; border-right:1px solid #bbb;background-color:#fff;}
#spyMenuAnk.line2{margin:25px auto 0 ;}
#spyMenuAnk li{float:left;}
#spyMenuAnk li.last{border-right:1px solid #bbb;padding-right:9px;}
#spyMenuAnk a {display: block;padding:0 8px 0 14px;color: #565656;line-height:20px; font-size:13px; font-weight:bold; text-decoration: none; white-space:nowrap;}
#spyMenuAnk a:hover{color:#8b654e;background:url(../images/com/icon_spy_on.gif) right 50% no-repeat;}
#spyMenuAnk li.active a{color: #8b654e;background:url(../images/com/icon_spy_on.gif) right 50% no-repeat;}

	/*고정메뉴*/
.fixed{position:fixed;z-index:1005; padding-bottom:5px;left:0;right:0;top:0;background:#fff url(../images/com/bg_spyMenu.png) left bottom repeat-x;}
.fixed .depth2 {margin:0 auto;width:1000px; min-height:60px!important;*min-height:50px!important;/*height:69px; */ }
.fixed .depth2 h2 { padding-top: 23px;}
.fixed .depth2 #spyMenu {margin: 23px 0 13px 0;}
.fixed .depth2 #spyMenu.line2 {margin-top: 15px;}
.fixed .depth2 #spyMenuAnk {margin: 23px 0 13px 0;}
.fixed .depth2 #spyMenuAnk.line2 {margin-top: 15px;}
.fixed .depth2 .modeBtn {margin-top: 15px;}
.fixed .list_depth2_wrap {width:1000px; text-align:left; margin:0 auto;}

.depth2 {position:relative; /*height:69px; min-height:69px;*/ *padding-bottom:10px;}
.depth2 h2{float:left;margin:0 25px 0 0; padding-top:33px; }

.store #listContainer {margin-top:-40px; }


.cnt_lusso .depth2 h2 img{margin-left:3px;}

.modeBtn{float:right;}
.modeBtn a{ display:inline-block;float:left;margin-left:-1px; vertical-align:top;}
.modeBtn a.first{margin-right:5px;}
.modeBtn a img {vertical-align:top;}
.modeBtn .goPage{float:left;margin-right:5px;}

.list .fixed .depth2 .modeBtn {margin: 15px 263px 0 0 ;}
.community .fixed .depth2 .modeBtn {margin: 15px 263px 7px 0 ;}




/* grid / block / list / deail view ---------------------------------------------------*/

.listItemCtn{}
ul li.listItem {}
div.listItem_grid {position:relative; width:335px; height:198px;} /* image area */

	/* grid */
.grid{}
.grid .listItemCtn{}
.grid .listItemCtn > ul {width:1010px;}
.grid .listItemCtn li{ display:block; width:331px;height:196px;float:left;overflow:hidden;margin:0 4px 4px 0;}
.grid .listItemCtn li img {width:100%;height:auto;}
.grid .listItem_grid {position:relative;height:196px; width:331px; overflow:hidden; background:url(../images/com/img_none_block.gif) no-repeat 50% 50% #fbfbfb;}

.pressWrap.grid .grid .listItemCtn li img {}

.contents .h2 {margin: 5px 0 10px 0;font-size: 20px;font-weight: bold;line-height:20px; text-transform:none;}
.contents .h2 p {float:left;}


	/* list */
.list{width:73.7%;z-index:21;position:relative;float:left;}
.list .listItemCtn {clear:both;position:relative; margin:0;overflow:hidden; border-top:1px solid #c6c9c7; }
.list .listItemCtn .depth3 {padding: 25px 0 15px 5px; border-bottom: 1px solid #c6c9c7; margin-bottom: 0 !important;color:#f60000;font-size:18px; }
/*.list .listItemCtn .h2 {margin: 5px 0 0 0;padding: 20px 0 15px 0; font-size: 20px;font-weight: 900; border-bottom: 1px solid #c6c9c7;}*/
.list .listItemCtn li{padding:24px 0;border-bottom:1px dotted #888;}
.list .listItem_grid{width:292px;height:172px;position:relative;overflow:hidden;float:left; background:#fbfbfb url(../images/com/img_noneProduct.gif) no-repeat 50% 50%}
.list .listItem_grid img {width:100%;}
.list .listItemCtn .photo_over{visibility:hidden;}
.list .listItemCtn .photo_over p.tit { margin-top: 35px;}
.list .listItem_summary{padding:0 17px 0 0;margin-left:317px;position:relative;}
.list .listItem_summary .cate{ padding-top:9px; color:#888;font-size:11px;}
.list .listItem_summary .cate .category{padding-left:30px;}
.list .listItem_summary .cate .category a{color:#839377;}
.list .listItem_summary .title{margin:8px 0 14px 0; line-height:1.3;color:#1b1b1b;font-size:16px;width:100%;font-weight:bold;display:block;}
.list .listItem_summary .listItemBtm{
	position: absolute;
	right: -28px;
	bottom: -19px;
}
.list .listItem_summary .txtSum{color:#505050;line-height:19px;height:115px;overflow:hidden;overflow:hidden;margin-bottom:20px;}

	/* block */
.block {width:73.7%;padding-bottom:0;z-index:21;position:relative;float:left; overflow:hidden; }
.block .listItemCtn {position:relative; width:770px;margin:0 0 20px 0;  overflow:hidden; }
.block .listItemCtn > li{float:left;width:auto;height:auto; margin:0;}
.block .listItemCtn > li:first-child{padding-top:0 !important;border-top:none;}
.block .listItemCtn .photo_over{padding-top:30px !important;width:100% !important; visibility:hidden;}
.block .listItem_summary{padding:9px 17px 0 0;margin-left:317px;position:relative;}
.block .listItem_summary .cate{color:#888;}
.block .listItem_summary .cate .category{padding-left:30px;}
.block .listItem_summary .cate .category a{color:#839377; font-size:11px;}
.block .listItem_summary .title{margin:8px 0 14px 0; line-height:1.4;color:#1b1b1b;font-size:16px;width:100%;font-weight:bold;display:block;}
.block .listItem_summary .txtSum{color:#505050;line-height:19px;height:115px;overflow:hidden;text-align:justify;overflow:hidden;}
.block .socailList li {float:none;line-height: 20px;margin: 0 12px 0 10px;padding: 0 !important; height:auto; width:auto;}
.block .best .socialBtn {right:15px!important;}

.block .listItemCtn li {display:block; position:relative; float: left;margin: 0 18px 10px 0;width:360px;height: 300px; z-index: 22; border-bottom:1px dotted #ddd;}
.block .listItem_grid {position: relative; float:none; margin:10px auto 0; padding-right:3px;width: 333px;height: 167px;overflow: hidden;background:#fbfbfb url(../images/com/img_noneProduct.gif) no-repeat 50% 50%;}
.block .listItem_grid img {width:100%;}
.block .listItemCtn li .listItem_summary {position:static;display:block; padding:0; margin:10px 20px 0;}
.block .listItem_summary {margin:0; }
.block .listItemCtn li .listItem_summary .more {display:none;}
.block .listItem_summary .txtSum{color:#505050;line-height:19px;height:92px;overflow:hidden;text-align:justify;overflow:hidden;margin-bottom:20px;}
.block .listItem_summary .title {margin: 8px 0 10px 0; display: block;color: #2e2e2e;line-height: 18px;font-weight:bold;font-size: 14px;}
.block .listItem_summary .listItemBtm{position:absolute; bottom:0; left:10px; height:36px;}
.block .socialBtn li { float: none;margin: 0 12px 0 10px;width:auto;height:auto;background:none;}


	/* result list */
.result_product.list{width:100%;}


	/* content view */
	
.viewCnt .intoPage{border:1px solid #c1c1c1;padding:30px 50px 50px;margin-top:20px;}
.viewCnt .intoPage h3.title {padding: 10px 0 27px 0;}
.viewCnt .local{padding-bottom:80px; margin-top:10px;border-bottom:1px solid #d5d7d6;}
.viewCnt .localTxt{padding-bottom:15px;color:#2a2a2a; margin-top:-5px;line-height:27px;font-size:14px;text-align:center;}
.viewCnt .localTxt span{color:#45487d;font-size:20px; font-weight:bold;}
.viewCnt .detailTit{margin-left:3px;color:#141414;font-weight: bold;font-size:100%;}
.viewCnt .detailTxt{margin:0; color:#505050; padding-bottom:80px;font-size:13px;line-height:1.7;text-align:justify; border-bottom:1px solid #d5d7d6; overflow:hidden; }
.viewCnt .intoPage .detailTxt img {max-width:100%;}
.viewCnt .intoPage .detailTxt{border-bottom:0;}


.contentArea{float:left;width: 737px;} /* detail view page */
.detail {position:relative;padding-bottom:82px;border-bottom:1px solid #d5d7d6;}
.detail .btnPage{right:72px;}
.detail .title{padding:0 0 11px 4px;margin-bottom:36px;border-bottom:1px solid #dcdcdc;font-size:22px;}
.detail .title .cateLusso{color:#6b6363;margin-top:24px;font-size:12px; line-height:1.5;}
.detail .title .cateLusso span{padding-right:20px;}
.detail .title .cateLusso span.name{font-weight:bold;}
.detail .title .cateLusso a{color:#9a9c98;}
.detail .detailTit{margin-left:3px;color:#141414;font-weight: bold;font-size:100%;}
.detailTxt img {max-width:733px;}

.viewCnt .detail {padding-bottom:0; border-bottom:0;}





.location li{float:left;padding:0 8px 0 10px; margin:0 5px 0 0;color:#9c9c9c;background:url(../images/com/icon_location.gif) right 50% no-repeat;}
.location li a {color:#9c9c9c;}
.location li.this {background:none;}
.location li.this a {color:#555;}

	/* title */
.h2Wrap {height:33px; margin:60px 0 10px; text-align:right;}
.h2Wrap .h2{float:left;padding-top:9px;}
.local .h2 {margin:60px 0 10px;}

	/*cateIcon*/
.detail .iconLusso{padding-left:22px;font-weight:bold;color:#794689;}
.detail .iconAcademy{padding-left:22px;font-weight:bold;color:#889e70;}
.detail .iconCoffee{padding-left:22px;font-weight:bold;color:#966345;}
.detail .iconLab{padding-left:22px;font-weight:bold;color:#e9ac18;}
.detail .iconCommunity{padding-left:22px;font-weight:bold;color:#545787;}
.detail .iconShop{padding-left:22px;font-weight:bold;color:#d8447b;}

	/* press grid */
.viewCnt .listItemCtn{width:749px;}
.viewCnt .listItemCtn li{position:relative;float:left;background:#fbfbfb;}
.viewCnt .listItem_grid{width:243px; height:144px; margin-right:4px;margin-bottom:4px;overflow:hidden;position:relative;}
.viewCnt .listItem_grid img {width:100%;}
.viewCnt .listItem_grid .photo_over p.tit {margin-top: 25px;}
.viewCnt .listItem_grid .photo_over .btnView {margin-top:10px;}

.ft_btnArea {text-align:right; padding-top:15px;}
.ft_btnArea:after {content:''; display:block; clear:both; width:1px; height:1px;}
.ft_btnArea .social {float:left;}

	/* content view - commend*/
.viewCnt h3.title{padding:43px 0 27px 0; border-bottom:0;margin-bottom:0;font-size:24px;color:#181818;text-align:center;}
.viewCnt .title h3 {font-size:22px;line-height: 1.2;}
.viewCnt .h2Wrap { margin:30px 0 10px; text-align:right;}
.viewCnt .h2Wrap .h2{float:left;padding-top:9px;}

.social{margin-top:4px;position:relative;}
.social .social_item{float:left; width:100px; position:relative;}
.social div, 
.social span {text-align:left;}  
.social iframe{float:left;position:relative; text-align:left;}
.social div {float:left;}
.socailNum{vertical-align:top;display:inline-block;background:url('../images/com/bg_socailNum.gif') left top no-repeat;height:20px;color:#333;font-weight:bold;font-size:10px;}
.socailNum.red{color:#f10000;}
.socailNum span{display:inline-block;padding:0 4px;margin-left:5px;height:18px;line-height:18px;border:1px solid #c1c1c1;border-left:none;}


.replyTb{ clear:both; padding:20px 0 10px 8px;color:#333;}
.replyTb strong{color:#ef5633;}
.replyTable{border:1px solid #e2e2e2;border-top:none;}
.replyTable .input_area .name{color:#999; }
.replyTable .input_area th {background:#fff; border-top:1px solid #e2e2e2; vertical-align:middle;}
.replyTable .input_area td {padding:13px 0; background-color:#fff;border-top:1px solid #e2e2e2;vertical-align:middle;}
.replyTable th, 
.replyTable td{vertical-align:top;line-height:1.7;padding:11px 0 11px 0;text-align:left;color:#777;border-top:1px dotted #e2e2e2;background-color:#fbfbfb;}
.replyTable tr:first-child th,
.replyTable tr:first-child td {border-top:1px solid #e2e2e2;}
.replyTable th{width:70px;text-align:center;}
.replyTable th span {display: block;height: 40px;overflow: hidden;}
.replyTable th img{width:40px;height:40px;}
.replyTable td .btn button.none{padding-left:0;background:none;}
.replyTable td .btn button{padding:0 9px 0 5px;color:#7b7b7b;font-size:11px;background:url(../images/com/bg_adress.gif) right 50% no-repeat;}
.replyTable td .btn button:hover{color:#262626;}
.replyTable td .btn button:last-child {background:none;}
.replyTable .name{display: inline-block; padding-right:10px;color:#272727; font-weight:bold; font-size:13px;word-break:break-all;line-height: 1.3;}
.replyTable .modify{text-align:right;padding:10px;}
.replyTable .modify .date{padding-right:7px;display:inline-block;padding-bottom:5px;}
.replyTable .replyInput{background:url(../images/com/bg_reply_input.gif) left top no-repeat;width:420px;height:30px;}
.replyTable .replyButton{margin:0 0 0 5px;width:81px;height:32px;line-height:32px;background-color:#787878;color:#fff;font-size:13px;font-weight:bold;text-align:center;}



/*movie*/
.detail_movie {text-align:center;padding-bottom: 80px;border-bottom: 1px solid #d5d7d6;}
.detail_movie .movie_wrap {background:#f7f7f7; padding:25px; overflow:hidden;}
.detail_movie .detail_movie_txt { margin-top:30px; padding-bottom:30px;text-align:left; font-size:13px;}


/*location*/
.local {}
.selectMap{float:left;width:198px;height:387px;overflow:hidden;}
.selectMap li{padding:0; margin-bottom:-1px; min-height:73px;overflow:hidden;border:1px solid #c1c1c1;}
.selectMap li.on{position:relative; background:#000 url(../images/com/icon_location_arrow.png) 185px 50% no-repeat; border-color:#000;}
.selectMap li.on a{height:155px;color:#f1efe0;}
.selectMap li.on dt {padding:20px 0 15px;}
.selectMap a{display:block; padding:0 17px 0 22px;  height:114px; color:#717171;}
.selectMap dt{padding:25px 0 15px;margin-bottom:15px; font-size:16px; font-weight: bold;background:url(../images/com/bg_location_tit.gif) left bottom no-repeat; text-transform:uppercase;}
.selectMap dt.let_1 {letter-spacing:-1px;}
.selectMap dt span {font-size:13px;}
.selectMap dd{margin-bottom:15px;line-height:18px;}
.selectMap dd.adress{display:none;}
.selectMap li.on dd.adress{display:block;}
.selectMap dd.tel{font-size:13px;}

/*map*/
.localMap{height:385px;overflow:hidden;padding:0;border:1px solid #c1c1c1;}

.localMap #naverMap {border:0 !important;}

.lusso_home .localMap{border-left:none;}
.cnt_lusso .local .localMap{margin-left:198px;height:385px;overflow:hidden;padding:0;border:1px solid #c1c1c1;border-bottom:none;}

.local .localMap > div {height:384px; background:#f7f7f7;}
.local .localMap img{width:100%;}
.transportation{line-height:24px;padding:20px 30px 15px;color:#3d3d3d;background-color:#f4f4f4;border-top:1px solid #fff;border:1px solid #c1c1c1; border-top:0;}
.transportation dt{clear:both; float:left;font-size:13px;line-height:1.5;margin-bottom:10px;padding-left:10px;width:10%;font-weight:bold;background:url(../images/com/icon_bullet.gif) left 7px no-repeat;}
.transportation dd{float:left;width:80%;line-height:1.5;padding-top:1px;margin-bottom:5px;}/* 600 / 737 */
.transportation dd img{vertical-align:top;}
.transportation dd ul {margin-bottom:5px;}
.transportation dd ul li { margin-bottom:3px;}
.transportation dd ul li strong {font-size:13px;color:#6d7d07;}
.transportation .trans_step {padding-right:11px; margin-right:5px;  background:url(../images/com/icon_location.gif) no-repeat 100% 5px;}
.transportation dd pre {font-family: "나눔고딕",NanumGothic,"맑은고딕", MalgunGothic,dotum,"돋음",sans-serif;}


/*paging*/
.paging {margin:20px 0 0 0;width:100%; text-align:center;}
.paging a{display:inline-block;width:20px;text-align:center;vertical-align:top;height:27px;line-height:27px;font-weight:400;color:#707072;}
.paging a:hover{font-weight:bold;color:#ff0000;}
.paging a.on{font-weight:bold;color:#ff0000;}
.paging img,
.paging a img,
.paging a.pageImgL,
.paging a.pageImgr,
.paging a.pageImgLP,
.paging a.pageImgrP {width:27px;}
.paging .pageImgrP {margin-left:7px;}
.paging .pageImgLP {margin-right:7px;}

/* no data */
.noData_wrap {margin:300px auto; width:236px; height:145px; background:#fff; border:1px solid #aeaeae; text-align:center;}
.noData_wrap h3.h3 {margin-top:30px;font-size:16px; font-weight:bold;}
.noData_wrap p {font-size:16px; font-weight:bold; text-transform:capitalize;}
.noData_wrap p:before {content:""; display:block; margin:17px auto; width: 60px; height:1px; border-top:3px solid #433c34}

/* icons, social, reply */



/*socialBtn이 기준임.*/
.popLayer {position:relative;}
.contentMain .popLayer {position:static;}
.asideMain .popLayer {position:static;}



/*best bottom*/
.bestBtm{position:absolute;font-weight:bold;bottom:0;left:10px; height:36px;}

.socialBtn{position:absolute;right:12px;bottom:-28px;height:22px; padding-bottom: 2px;}
.socialBtn .btn{position:absolute !important;bottom:2px;right:0;}
.socialBtn > a {position:relative; display:block; float:left; width:21px; height:21px; margin-left:2px; z-index:26;}
.socialBtn > a img {display:none;}
.socialBtn a.btnPlus {background:url(../images/com/icon_plus_off.png)no-repeat 50% 50%;background-image:url(../images/com/icon_plus_off.png);}
/*.socialBtn a.btnPlus:hover {background:url(../images/com/icon_plus_on.png)no-repeat 50% 50%;}*/
.socialBtn a.btnPlus.on {background:url(../images/com/icon_plus_on.png)no-repeat 50% 50%;background-image:url(../images/com/icon_plus_on.png);}
.socialBtn a.btnFb {width:21px; height:21px; background:url(../images/com/icon_fb_off.png) no-repeat 50% 50%; background-image:url(../images/com/icon_fb_off.png);}
.socialBtn a.btnFb:hover {background:url(../images/com/icon_fb_on.png)no-repeat 50% 50%; background-image:url(../images/com/icon_fb_on.png);}
.socialBtn a.btnTw {background:url(../images/com/icon_tw_off.png)no-repeat 50% 50%;background-image:url(../images/com/icon_tw_off.png);}
.socialBtn a.btnTw:hover {background:url(../images/com/icon_tw_on.png)no-repeat 50% 50%;background-image:url(../images/com/icon_tw_on.png);}

.shop .socialBtn{bottom:3px;}

.popPlus{position:absolute;right:0; bottom:-2px; z-index:25;width:181px;padding-bottom :42px; background:url(../images/com/bg_btm_popPlus.png) 0 50px no-repeat;}
.popPlus a{display:inline-block;width:52px; height:20px;padding-left:20px;margin-left:5px;color:#515151;font-size:11px; line-height:20px;letter-spacing:-1px;font-weight:normal;}
.popPlus a + a{margin-left:4px;}
.popPlus .socailList{padding:10px 0 0 0;background:url(../images/com/bg_top_popPlus.png) left top no-repeat;}
.popPlus .socailList li{clear:both; margin:0 12px 0 10px;padding:0; font-size:11px; }
.popPlus .socailList li.btnPrint {padding: 2px 0 0 0;margin-top:2px;border-top: 1px solid #d9d9d9;}


.iconTw{background:url(../images/com/bg_iconTw.gif) left 50% no-repeat;}
.iconFb{background:url(../images/com/bg_iconFb.gif) left 50% no-repeat;}
.iconTb{background:url(../images/com/bg_iconTb.gif) left 50% no-repeat;}
.iconPl{background:url(../images/com/bg_iconPl.gif) left 50% no-repeat;}
.iconWb{background:url(../images/com/bg_iconWb.gif) left 50% no-repeat;}
.iconLlw{background:url(../images/com/bg_iconLlw.gif) left 50% no-repeat;}
.socailListLast{padding-bottom:6px;}
.btnPrint{padding:6px 0 0 0;border-top:1px solid #d9d9d9;}
.iconPrint{background:url(../images/com/icon_print.gif) 2px 4px no-repeat;}
.iconEmail{background:url(../images/com/icon_email.gif) left 4px no-repeat;}

.socialBtn .popPlus {right:-3px;} /*기본*/
.classInfo .popPlus {right:0;padding-bottom :50px;text-align:left;}
.community .block .popPlus {padding-bottom :45px;}
 /*상세보기 snspop*/
.classInfo.R .snsPop {position:absolute;  right:0; top:0; padding-bottom:2px;}
.classInfo.R .snsPop > a {display:block; position:relative; float:left; margin-left:3px; z-index:26;}

.shopInfo.R .snsPop {position:absolute;  right:0; top:0; padding-bottom:2px;}
.shopInfo.R .snsPop > a {display:block; position:relative; float:left; margin-left:3px; z-index:26;}

.section{position:relative;display:block; float:left;margin-left:11px;width:14px;height:30px;padding-right:6px;z-index:22;}
.sectionOn{position:absolute;top:-7px;left:-1px;display:none;}

.replyContainer{display:block;position:relative;float:left; margin-left:10px;line-height:30px;z-index:23;}
.list .replyContainer{display:block;}
.reply{display:inline-block;color:#969696;font-size:11px;min-width:14px;padding:2px 5px 2px 15px;margin-right:5px;background:url(../images/com/icon_reply.png) left 50% no-repeat;}/*width : 28px */
.reply:hover {background:url(../images/com/icon_reply_ov.png) left 50% no-repeat; color:#111;}
.like{display:inline-block;color:#969696;font-size:11px;min-width:14px;padding:2px 5px 2px 15px;;background:url(../images/com/icon_heart.png) left 50% no-repeat;}
.like:hover {background:url(../images/com/icon_heart_ov.png) left 50% no-repeat; color:#111;}

.iconAcademy{background:url(../images/com/icon_academy_off.png) 0 55% no-repeat;}
.iconLusso{background:url(../images/com/icon_lusso_off.png) 0 55% no-repeat;}
.iconCoffee{background:url(../images/com/icon_coffee_off.png) left 55% no-repeat;}
.iconLab{background:url(../images/com/icon_lab_off.png) left 55% no-repeat;}
.iconCommunity{background:url(../images/com/icon_community_off.png) left 55% no-repeat;}
.iconShop{background:url(../images/com/icon_shop_off.png) left 55% no-repeat;}


/*shareList */
.shareList{height:78px;position:absolute;top:-10px; left:0;display:block;z-index:10;margin-left:0px;width:247px;padding-left:80px;background:url(../images/com/bg_shareList.gif) right top no-repeat;}
.shareList .socailList{float:left;padding:15px 0 0 0;background:none;}
.shareList .socailList li{line-height:20px;margin:0 12px 0 10px;padding:0 !important;}
.shareList .pintList{float:left;padding-top:10px;}
.shareList .pintList a{width:32px;}
.shareList .pintList li{line-height:20px;}
.shareList a{text-align:left;display:inline-block;width:52px;padding-left:20px;margin-left:5px;color:#515151;font-size:11px;letter-spacing:-1px;}
.shareList a + a{margin-left:4px;}
.shareList .btnPrint{padding:6px 0 0 0;border-top:none;}




 /* __asideArea  -------------------------------------------------------------------*/
.morePage{text-align:center; margin-top:10px;}
.morePage a + a {padding-left:4px;}
.morePage a {color:#949494;font-size:11px;}
.morePage a.on , .morePage a:hover{font-weight:bold;color:#be8718;}
.morePage .prev{margin:0 4px 0 5px;}
.morePage .next{margin:0 4px 0 5px;}

.asideArea{float:right; width:220px;}
.asideArea .btnPage{top:25px;}
.asideArea.noneBtn{padding-top:150px;}
.asideArea .aside{width:auto;margin-bottom:10px !important; padding-bottom:10px;}/* 25 27px */
.asideArea .aside_tags {min-height:130px;}
.asideArea .aside_tags:after {clear:both; content:''; display:block; height:1px;}
.asideArea .aside .title{min-height:16px;width:225px;padding:0 0 12px 4px; text-align:left;}
.asideArea .aside .recomend img{float:left;width:112px;overflow:hidden;}
.community .morePage a + a{padding:0 5px; margin:0;}






.asideArea ul.category li {display: block;padding: 0 0 0 0;margin: 0 0 0 0;height: 32px; border-bottom:1px solid #f5975f; }
.asideArea ul.category li a {display: inline-block; height:32px;width: 212px; padding-left: 3px; color: #6d6d6d; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.asideArea ul.category li a span {line-height: 2.6;}
.asideArea ul.category li.ac a,
.asideArea ul.category li:hover a { color:#fff; padding-left:8px; background: #f35a00; height:32px;}




/* aside main ranking*/
.aside{width:100%;position:relative;margin:0 0 18px 0; padding:0 0 25px 0 ;z-index:1;}/*293 / 1000 */
.asideMain .aside { padding:0 0 0 0 ;}
.asideMain .aside .title{width:98.976109%;height:40px;}/*290 / 293 */
.asideMain .aside .title img{width:100%;}
.asideMore{clear:both; padding:19px 0 0 0;margin-bottom:-10px;}

	/*ranking _ tab */
.asideMain .rank , .asideMain .fbook{/*height:358px;*/}
.aside.rank{width:285px;min-height:358px;border: 1px solid #312c29;}
.asideMain .aside.rank .title {width:100%; background:url(../images/main/title_ranking.gif) 0 0 no-repeat;}
.aside.rank .title img {display:none;}
.aside.rank > img {display:none;}
.aside .rank_tab{background:url(../images/com/bg_rank_tab.gif) left top repeat-x;margin:0 1px;}
.aside .rankTab{display:block;float:left;width:49.6%;text-align:center;height:35px;line-height:34px;color:#6a6a6a;}
.aside .rankTab.on{color:#3f3f3f;font-weight:bold;background-color:#fff;}
.aside .rankTab + .rankTab{background:url(../images/com/bg_tab_line_off.gif) left top no-repeat;padding-left:0.68%;}
.aside .rankTab + .rankTab.on{background:#fff url(../images/com/bg_tab_line.gif) left top no-repeat;}
	/*ranking _ tab_contents */
.aside .ranking{position:absolute;top:75px;left:0;width:87%;padding:15px 5.80204778% 0 5.80204778%;}/*padding: 13px 17px 0 17px; / 293 */
.aside .ranking li{ position:relative;display:block;vertical-align:top;border-bottom:1px dotted #c9c9c9;padding:7px 0;
	}
.aside .ranking li a{display:block;float:left;width:50%;padding:2px 2%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#5a5a5a;}/*width: 169 / 293 , padding:10 / 293 */
.aside #ranking03 li a{display:block;float:left;width:50%;padding:2px 2% 2px 10px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#5a5a5a;}
.aside .ranking li .num{display:block;float:right;padding:2px 2px 0 0;text-align:right;min-width:17%;color:#5a5a5a;}/*width: 43 / 293*/
.aside .ranking li .chr{display:block;float:left;}
.aside .ranking .up{display:block;float:left;padding-top:3px;background:url(../images/com/icon_up.gif) left 3px no-repeat;padding-left:8px;width:18px;text-align:center;color:#fd6f19;font-size:68.75%;}/*width :33 / 293*/
.aside .ranking .down{display:block;float:left;padding-top:3px;background:url(../images/com/icon_down.gif) left 3px no-repeat;padding-left:8px;width:18px;text-align:center;color:#519ccd;font-size:68.75%;}
.aside .ranking .rank{display:block;float:left;margin-right:9px;text-align:center;width:16px;height:16px;line-height:15px;background-color:#b7b7b7;color:#fff;font-weight:bold;letter-spacing:-1px;font-family:Dotum,'돋움';font-size:68.75%;}
.aside .ranking .rank.one{background-color:#e5b30d;}
.ranking li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.aside .rankTable{width:100%;*width:auto;}
.aside .rankTable td, 
.rankTable th{border-bottom:1px dotted #c9c9c9;padding:7px 0 ;overflow:hidden;}
.aside .rankTable a{ display:block;color:#5a5a5a;line-height:13px;overflow:hidden;line-height:1.3;}
.aside .rankTable .thumb{padding:0 3.41296929%;text-align:center;}
.aside .rankTable td span.name{ display:block; width:150px;max-width:150px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.aside .rankTable td span.chr {padding-right:3px;}
.aside .rankTable td.num {text-align:right;}

.aside .ranking_pd .rankTable td .name{ display:block;width:215px; max-width:215px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


/*aside btn*/
.asideArea .btn_area {}
.community .asideArea .btn_area {margin-bottom:10px;}
.asideArea .btn_area .btnPage {text-align:right; }


	/*Facebook*/
.asideMain .aside .fabook{padding:0 11px 20px 0}/*padding: 13px 14px 0 14px; / 293 */
.asideMain .aside .recomend img{float:left;}
.aside .recomend{border-bottom:1px solid #d8dfea;padding:0 0 13px 0;}
.aside .recomend .txt_mail{color:#3b5998;font-weight:bold;}
.aside .recomend .btn_like{display:inline-block;height:24px;line-height:24px;color:#3b5998;background:url(../images/com/bg_btnLike_L.gif) left top no-repeat;padding-left:23px;margin-top:10px;}
.aside .recomend .btn_like span{display:inline-block;background:url(../images/com/bg_btnLike_R.gif) right top no-repeat;min-width:30px;padding-right:10px;}
.aside .txtLike{color:#333;font-size:68.75%;margin-top:7px;}
.aside .txtLike .name{color:#3b5998;}
.aside .thumbNail{padding:18px 0 10px 0;border-bottom:1px solid #ccc;}
.aside .thumbNail li{float:left;width:53px;height:53px;overflow:hidden;}
.plugin{margin:4px 0 0 1px;display:block;}


#aside4 {background:url(../images/com/title_facebook_sub.gif) no-repeat 0 0; overflow:hidden;}
.aside .fb_iframe_widget {height: 280px; padding-top:40px; margin-left: 1px; overflow:hidden;}

.asideMain .aside.fbook {width:295px; height: 486px; border: 1px solid #d7d8d8; background:#CCC; background:url(../images/main/title_facebook.gif) no-repeat 0 0; overflow:hidden; top: 20px; left:-35px;}
.asideMain .aside.fbook .fb_iframe_widget {padding-top:40px; margin-left:-1px;height: 486px;}




	/*aside*/
.recent {overflow:hidden;}
.recent li{display:block;padding:0;margin:0; height:21px; }
.recent li a{display:inline-block;margin-left:3px; padding-left:9px; width:210px;background:url(../images/com/bg_aside_list_off.png) left 7px no-repeat;color:#6d6d6d; line-height:1.5;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.recent li a:hover{background:url(../images/com/bg_aside_list_on.png) left 7px no-repeat;font-weight:bold;color:#915c3d;font-size:13px;}

.aside_archives .list_wrap {}
.aside_archives .recent {}
/*.aside_archives .recent {float:left; width:49%;}*/
.aside_archives .recent li a { width:auto;}

.tags{margin-left:1px;}
.tags a{display:inline-block;float:left; padding:0 12px 0 13px;margin:0 4px 4px 0!important;height:23px;line-height:23px;font-size:11px;color:#909090;background-color:#e0e0e0;}
.tags a:hover{color:#fff;background-color:#419fd3;}
.tags a.tagOn{color:#fff;background-color:#419fd3;}


.aside_recentPost .title li {display:block; float:left; }
.aside_recentPost .title li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.aside_recentPost .title li.tit_01 {padding-right:12px; margin-right:3px; background:url(../images/com/title_tab_bar.gif) no-repeat 100% 0; }

/* asice - bicns */
.asideArea .h3W {height:35px;margin:0 0 20px 0; background:#999;}
.asideArea .h3W span {display:block;position:relative; top:10px;  font-size:14px; color:#fff; font-weight:bold; margin: 0 0 0 10px; }
.asideArea .h3W2 {height:50px;margin:0 0 15px 0;border-bottom: 1px solid #c9c9c9; }
.asideArea .h3W2 span {display:block;position:relative; top:18px;  font-size:22px; color:#5a5a5a; font-weight:bold;}



.asideArea .h3W h3.lnbTit {}
.asideArea .h3W h3.lnbTit span {top: 10px;font-size:18px;color:#111; text-transform:capitalize;}

.asideArea .banW li {float:left; display:inline-block; width:107px; height:138px;margin-right:1px; border:1px solid #e4e3e3; }
.asideArea .banW li a {display:inline-block;width:100%;height:136px; text-align:center;}
.asideArea .banW li a span {display:inline-block; padding-top:17px;font-size:13px; color:#777;}
.asideArea .banW li a:hover span {color:#333;}
.asideArea .banW li a.btn_mail {background:url(../images/com/side_icon_email.png) no-repeat 50% 60px;}
.asideArea .banW li a.btn_mail:hover {background:url(../images/com/side_icon_email_on.png) no-repeat 50% 60px;}
.asideArea .banW li a.bnt_estimate {background:url(../images/com/side_icon_estimate.png) no-repeat 50% 50px;}
.asideArea .banW li a.bnt_estimate:hover {background:url(../images/com/side_icon_estimate_on.png) no-repeat 50% 50px;}



.asideArea ul.lnbW li {display: block;padding: 0 0 0 0;margin: 0 0 0 0;height: 32px; border-bottom:1px solid #f5975f; }
.asideArea ul.lnbW li a {display: inline-block; height:32px;width: 212px; padding-left: 3px; color: #6d6d6d; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;  }
.asideArea ul.lnbW li a span {line-height: 2.6;}
.asideArea ul.lnbW li.ac a,
.asideArea ul.lnbW li:hover a {color:#fff; padding-left:8px; background: #f35a00; height:32px;}




	/*widgetCate*/
/*
.widgetCate{background:url(../images/com/bg_aside_h171.png) left top no-repeat;height:170px;}
.widgetCate .photo{ margin:1px 0 0 1px; width:136px;height:133px;float:left; background:url(../images/com/img_noneProductS.gif) no-repeat 50% 50% #fbfbfb; overflow:hidden; }
.widgetCate .photo img{min-width:100%;max-height:100%;}
.widgetCate .txt{float:left;width:125px;margin-left:16px;padding-top:18px;}
.widgetCate .txt dt{color:#2e2e2e;font-size:14px;font-weight:bold;margin-bottom:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.widgetCate .txt dt a{color:#2e2e2e;}
.widgetCate .txt dd{width:120px;line-height:16px;color:#515151;height:47px;overflow:hidden;}
.widgetCate .txt dd a{color:#515151;}
.widgetCate .socialBtn{}
*/
.widgetCateW {width:287px; margin: 0 0 20px 0; overflow:hidden; }
.widgetCateW .widgetCate {margin:0; margin-top: 73px}
.widgetCateW p.title {height:40px; width:290px; overflow:hidden;}
.widgetCate{position:relative;width:287px;height:135px;}/* width:288px; */
.widgetCate .photo{ position:relative; float:left;width:285px;height:173px; background:url(../images/com/img_noneProductS.gif) no-repeat 50% 50% #fbfbfb; overflow:hidden; border: 1px solid #bbb;}/* width:287px; */
.widgetCate .photo img{min-width:100%;max-height:100%;}
.widgetCate .widgeText {float:left;position:relative;width:287px;height:54px;background:#000; color:#fff; top:-53px;opacity:0.4;}/* 투명도 추가  */
.widgetCate .widgeText:after {content:''; position:absolute; top:50%; left:-28px; margin-top:-14px;width:1px; height:1px;border:14px solid #a5a4ab; border-left-color:transparent;  border-bottom-color:transparent;border-top-color:transparent;}
.widgetCate .txt{float:left;width:187px;margin-left:16px;padding-top:20px;}
.widgetCate .txt dt{color:#fff;font-size:14px;font-weight:bold;margin-bottom:8px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.widgetCate .txt dt a{color:#fff;}
.widgetCate .txt dd{width:120px;line-height:16px;color:#fff;height:47px;overflow:hidden;}
.widgetCate .txt dd a{color:#fff;}
.widgetCate .socialBtn{}
.widgetCate .socialBtn a.btnTw {background-image: url(../images/com/icon_tw02_off.png);}
.widgetCate .socialBtn a.btnFb {background-image: url(../images/com/icon_fb02_off.png);}
.widgetCate .socialBtn a.btnPlus {background-image: url(../images/com/icon_plus02_off.png);}
.widgetCate .socialBtn a.btnFb:hover {background-image:url(../images/com/icon_fb_on.png);}
.widgetCate .socialBtn a.btnTw:hover {background-image:url(../images/com/icon_tw_on.png);}
.widgetCate .socialBtn a.btnPlus.on {background-image: url(../images/com/icon_plus_on.png);}
.widgetCateW div.widgetCate:nth-child(2n+1) .photo{ float:right;}
.widgetCateW div.widgetCate:nth-child(2n+1) .widgeText{ float:right; background:#000;}
.widgetCateW div.widgetCate:nth-child(2n+1) .widgeText:after {display:none;} 
.widgetCateW div.widgetCate:nth-child(2n+1) .widgeText:before {content:''; position:absolute; top:50%; right:-28px; margin-top:-14px;width:1px; height:1px;border:14px solid #4f4d57; border-right-color:transparent;  border-bottom-color:transparent;border-top-color:transparent;}
.widgetCateW div.widgetCate:nth-child(2n+1) .txt dt{color:white;}
.widgetCateW div.widgetCate:nth-child(2n+1) .txt dt a{color:white;}
.widgetCateW div.widgetCate:nth-child(2n+1) .txt dd{color:white;}
.widgetCateW div.widgetCate:nth-child(2n+1) .txt dd a{color:white;}
.widgetCateW div.widgetCate:nth-child(2n+1) .socialBtn {right:13px; bottom:-122px}
.widgetCateW div.widgetCate:nth-child(2n+1) .socialBtn a.btnTw {background-image: url(../images/com/icon_tw03_off.png);}
.widgetCateW div.widgetCate:nth-child(2n+1) .socialBtn a.btnFb {background-image: url(../images/com/icon_fb03_off.png);}
.widgetCateW div.widgetCate:nth-child(2n+1) .socialBtn a.btnPlus {background-image: url(../images/com/icon_plus03_off.png);}
.widgetCateW div.widgetCate:nth-child(2n+1) .socialBtn a.btnFb:hover {background-image:url(../images/com/icon_fb_on.png);}
.widgetCateW div.widgetCate:nth-child(2n+1) .socialBtn a.btnTw:hover {background-image:url(../images/com/icon_tw_on.png);}
.widgetCateW div.widgetCate:nth-child(2n+1) .socialBtn a.btnPlus.on {background-image: url(../images/com/icon_plus_on.png);}

.widgetCateL .photo{ float:right;}
.widgetCateL .widgeText{ float:right; background:#4f4d57;}
.widgetCateL .widgeText:after {display:none;} 
.widgetCateL .widgeText:before {content:''; position:absolute; top:50%; right:-28px; margin-top:-14px;width:1px; height:1px;border:14px solid #4f4d57; border-right-color:transparent;  border-bottom-color:transparent;border-top-color:transparent;}
.widgetCateL .txt dt{color:#e0e0e0;}
.widgetCateL .txt dt a{color:#e0e0e0;}
.widgetCateL .txt dd{color:#e0e0e0;}
.widgetCateL .txt dd a{color:#e0e0e0;}
.widgetCateL .socialBtn {right:155px;}
.widgetCateL .socialBtn a.btnTw {background-image: url(../images/com/icon_tw03_off.png);}
.widgetCateL .socialBtn a.btnFb {background-image: url(../images/com/icon_fb03_off.png);}
.widgetCateL .socialBtn a.btnPlus {background-image: url(../images/com/icon_plus03_off.png);}
.widgetCateL .socialBtn a.btnFb:hover {background-image:url(../images/com/icon_fb_on.png);}
.widgetCateL .socialBtn a.btnTw:hover {background-image:url(../images/com/icon_tw_on.png);}
.widgetCateL .socialBtn a.btnPlus.on {background-image: url(../images/com/icon_plus_on.png);}


/*footer -------------------------------------------------------------------*/
#footer .copy{padding-top:2px;color:#cecece;font-size:68.75%;padding-left:7px;}
#footer .fix{color:#cecece;}
.ft_logoW {float:left; width:344px; color:#999;}
.ft_logop {float:left; width:340px; color:#ccc; padding-bottom:15px;}
.ft_logoW img {margin:0 0 8px 0 ;}
.ptable { width:327; border:0; font-weight:bold; }
.footerInfo{width:300px;float:left;padding-bottom:2px;}
.agree{padding:0 0 15px 0;}
.agree li{float:left;background:url(../images/com/bg_foot.gif) left 50% no-repeat;padding:0 9px;height:17px;line-height:17px;}
.agree li:first-child{background:none;}
.agree li a{color:#242424;}
.address span{line-height:18px;color:#aeaeae;font-size:13px; color:#aeaeae; padding:2px 10px;background:url(../images/com/bg_adress.gif) left 50% no-repeat;}
.address strong{color:#e95200; font-size:14px; margin-top:10;}
.address b{color:#a9a9a9;font-weight:normal;}
.address .none{background:none;}
.address span.btn{background:none;}
.address span.btn a{padding:2px 10px;color:#393939; background:#e1e1e1;}

.footerLink{float:left;padding-left:20px;}
.footerLink a{color:#242424;line-height:21px;font-family:Malgun Gothic,sans-serif;}
.footmap{float:left; width:180px; height:182px; padding-top:20px;}
.footSns{float:left; width:180px; height:182px;}
.footSns > a, .footSns div.popLayer {display:block; float:left; margin-right:5px;}
.footSns p{color:#6e6e6e;font-size:11px;line-height:21px;height:21px;margin-bottom:5px;}
.footSns .popPlus{bottom:87px;right:95px; padding-bottom:65px;z-index:101; background: url(../images/com/bg_btm_popPlus.png) 0 100px  no-repeat;}




/*table----------------------------*/
	/*view table : userInput_row_table*/
table td{line-height:1.4;}
caption{display:none;}
.viewData{font-weight:400;border-bottom:1px solid #bbb;width:100%;margin-bottom:30px;}
.viewData th{padding-left:15px;color:#000;border-top:1px solid #e5e5e5;font-weight:bold;text-align:left;}/* 127 /710 */
.viewData td{font-weight:300;padding:9px 0;border-top:1px solid #e5e5e5;color:#333;text-align:left; font-weight:500;}
.viewData tr:first-child th, .viewData tr:first-child td{border-top:2px solid #666;}
.viewData .thTit{font-weight: bold;color:#000;text-align:center;padding:3px 0 12px 0;}
.viewTextArea{width:96%;padding:10px;height:374px;margin-left:3px;overflow-x:hidden;overflow-y:auto;}
.viewData .date_readO {}

	/*col table*/
.dataListType{width:100%;border-top:2px solid #666;clear:both;margin-top:20px;}
.dataListType th{font-weight:bold;color:#4b4b4b;text-align:center;padding:10px 0 ;border-bottom:1px solid #888;}
.dataListType td {border-bottom:1px solid #e5e5e5;text-align:center;color:#4b4b4b;padding:10px 0 11px 0;}
.dataListType td.tl {text-align:left;}
.dataListType td .title{text-align:left;display:inline-block;text-align:left;color:#4b4b4b;line-height:1.3;}
.dataListType td .num{color:#767676;}
.dataListType td .date{color:#7b7b7b;}

.tb_review tr:hover td{cursor:pointer;}

tr.reviews td {background-color:#f8f8f8;padding:15px 50px 25px 89px;text-align:center;text-align:justify;line-height:20px;}
table td .file_name {margin-right:20px;}

.classInfo.R h2:after {content:''; clear:both; display:block;height:1px;}

/* page navigation */
.pageNavi {position:absolute; right:0; top:19px;}
.pageNavi li {padding:0 10px 0 0; float:left; margin-right:5px; background:url(../images/com/pagenavi_arw.gif) no-repeat 100% 50%;}
.pageNavi li a {color:#999999;}
.pageNavi li.this {margin-right:0; background:none;}
.pageNavi li.this a {color:#666;}

	

/*popup----------------------------*/
.popWrap_sndEmail {width:420px; height:360px; border:6px solid #57524f; background:#fff;}
.pop_topWrap {height:32px;background:#57524f;}
.popWrap_sndEmail .h2 {float:left;margin:7px 0 0 8px;font-size:14px; color:#fff; font-wight:600; text-transform:uppercase;}
.popWrap_sndEmail .btn_close {float:right; margin:6px 5px 0 0;}
.popWrap_sndEmail .pop_cntWrap {margin:20px;}
.popWrap_sndEmail .btn_wrap {margin:0 auto; text-align:center; }
.popWrap_sndEmail .btn_wrap .btnS span {width:60px;}

.scrap_wrap {margin-bottom:20px;}
.scrap_wrap:before {content:''; display:block; margin:10px 0 10px; width:50px; height:2px; background:#989898;}
.scrap_wrap:after {content:''; display:block; clear:both; height:1px;}
.scrap_img {position:relative; float:left;width:85px; height:50px; overflow:hidden; background:#fbfbfb;}
.scrap_img img {width:100%;}
.scrap_txt {float:left; margin-left:10px;width:210px;}
.scrap_tit {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold;}
.scrap_sTxt {margin-top:7px;height:28px; line-height:1.4;overflow:hidden; font-size:11px;}



	/*popup table*/
table.tb_pop_sndEmail {}	
table.tb_pop_sndEmail th {height:21px; padding: 5px; line-height:21px;font-weight:normal; color:#6d6d6d; border-bottom:1px solid #d5d2d1; vertical-align:top; }
table.tb_pop_sndEmail.tb_row th {text-align:left;;}
table.tb_pop_sndEmail td {height:21px; padding: 5px; color:#4b4b4b;font-weight:normal;border-bottom:1px solid #d5d2d1;}
table.tb_pop_sndEmail.tb_row td {text-align:left; }
table.tb_pop_sndEmail td span {line-height:21px;}
table.tb_pop_sndEmail td .sender {font-weight:bold;}
table.tb_pop_sndEmail td input {border:1px solid #c9c9c9; height:21px; padding:0 3px; color:#4b4b4b;}
table.tb_pop_sndEmail td select {border:1px solid #c9c9c9; height:23px; padding:0 0 0 2px; color:#4b4b4b;}
table.tb_pop_sndEmail td textarea {border:1px solid #c9c9c9; padding:3px; line-height:1.5; color:#4b4b4b;}
	

/*common -------------------------------------------------------------------*/

.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.contents:after {content:"."; display:block; height:1px; clear:both; visibility:hidden;}
*:first-child+html .contents{min-height:1px;}/*ie7*/

	/*input , select , textarea*/
input[type="text"], select, textarea{border:1px solid #d4d4d4;color:#5e5d5d;font-size:100%;}
input[type="file"] , input[type="text"]{height:23px;line-height:21px;padding:0 5px;}

select {padding:0 0 0 3px;height:24px;line-height:20px;}
.selectType1{width:154px;padding:2px 0 2px 8px;height:24px;line-height:20px;}
.inputTypeLong{width:96%;}/* 580 / 595 */
.inputType1{width:76%;}

.score{margin:2px 0 1px 0;width:22px;height:22px;-moz-line-height:18px;line-height:21px;font-weight: bold;text-align:center;background:url(../images/com/icon_score_off.gif) left top no-repeat;color:#fff;}
.score.on{background:url(../images/com/icon_score_on.gif) left top no-repeat;}
*:first-child+html .score{margin-right:6px;}/* ie7 */

.score_wrap { } 
.score_wrap .list { position:relative; float:left;margin-right:10px; width:auto; height:22px; line-height:22px; }
.score_wrap .list .iLabel {  float:left; padding-left:16px; visibility:visible; cursor:pointer;   color:#666666; line-height: 20px;}
.score_wrap .list .iRadio { position:absolute; left:0; top:4px;visibility:hidden; height:22px; line-height:0; }
.score_wrap .list .designRadio { position:absolute; left:0; top:4px; display:block; width:12px; height:12px; cursor:pointer; }
.score_wrap .list .designRadio .radio { display:block; width:12px; height:12px; background-image:url(../images/com/radio_bg.png); background-repeat:no-repeat; background-position:0 0; }
.score_wrap .list .designRadio .radio.checked { background-position:0 -20px; }
.score_wrap .result { float:left; width:200px; height:16px; margin-left:20px; }
.score_wrap .div:after { display:block; content:''; clear:both; }

.txt_red {color:#f00000;}
.txt_org {color:orange;}

.clear {clear:both;}
.txtNone {font-size:1; text-indent:-999px; opacity:0;}

	/*button*/
.btn_group_ft {padding-top:10px; text-align:right;}	
.btn_group_ft .social{}
.btn_group_ft .btn_wrap {float:right;}
.btn_group_ft .btn_wrap * {display:inline-block; float:left;}

.contents .aboutClass .btn_group_ft  {margin-top:80px; border-top: 1px solid #d5d7d6;}

.btn {display:inline-block;}
.btn span {display:inline-block; text-align:center;}
.btn_list {display:inline-block;width:65px; height:32px; text-align:left;font-size:13px; font-weight:bold; color:#4e4e4e; line-height:32px;background:url(../images/com/bg_btnType01_List.gif) no-repeat 100% 0;}
.btn_list span {display:inline-block; padding-left:30px; background:url(../images/com/bg_btnType01_List.gif) no-repeat 0 0;}
.btn_list:hover span {background:url(../images/com/bg_btnType01_List_on.gif) no-repeat 0 0;}
.btn_center{text-align:center;}
.btn_right{text-align:right;}
.btn_wrap_ftR {float:right;}
.btn_wrap_ftR:after {content:''; display:block; clear:both; width:1px; height:1px;}
.btn_wrap_ftR a, 
.btn_wrap_ftR .btnPage {float:left;}
.btn_wrap_ftR .btn_list {margin-left:5px;}

input[type="text"] + input[type="button"] {margin-left:3px; font-size:12px;}

	/* submit button like registor , cancel,, */
.btnS_input {height:25px; padding-right:3px; background:url(../images/com/btnS_input.gif) no-repeat 100% 0 ;}
.btnS_input span {height:25px; min-width:50px;padding:0 5px 0 7px;  line-height:24px; font-weight:bold; line-height:25px;color:#666; background:url(../images/com/btnS_input.gif) no-repeat 0 0;}
.btnS_input span.btn_icon {min-width:20px;padding-left:26px; text-align:left;}

span.btnS_input_del {background:url(../images/com/btnS_input_del.gif) no-repeat 0 0; }
span.btnS_input_down {background:url(../images/com/btnS_input_down.gif) no-repeat 0 0; }

/*
.btnSS {display:inline-block; padding-right:5px; font-weight:bold; color:#fff; background:url(../images/com/btnSS_gray.gif) no-repeat 100% 0 ;}
.btnSS span {display:inline-block; height:19px;  min-width:20px; padding:0 3px 0 8px; text-align:center; font-size:11px; line-height:19px; background:url(../images/com/btnSS_gray.gif) no-repeat 0 0 ;}
*/
.btnSS {display:inline-block; padding-right:5px; font-weight:bold; color:#fff; background:#9a9a9a;}
.btnSS span {display:inline-block; height:19px;  min-width:20px; padding:0 3px 0 8px; text-align:center; font-size:11px; line-height:19px; background:#9a9a9a;}

.btnS {display:inline-block; padding-right:5px; font-weight:bold; background:url(../images/com/btnS_brown.gif) no-repeat 100% 0 ;}
.btnS span {display:inline-block; height:28px;  min-width:30px; padding:0 3px 0 8px; text-align:center; font-size:13px; line-height:28px; background:url(../images/com/btnS_brown.gif) no-repeat 0 0 ;}

.btnS_brown {color:#fff; background:url(../images/com/btnS_brown.gif) no-repeat 100% 0 ;}
.btnS_brown span {background:url(../images/com/btnS_brown.gif) no-repeat 0 0 ;}

.btnS_brownLine {color:#2a231e; background:url(../images/com/btnS_brownLine.gif) no-repeat 100% 0 ;}
.btnS_brownLine span {background:url(../images/com/btnS_brownLine.gif) no-repeat 0 0 ;}

.btnM {display:inline-block; padding-right:5px; font-weight:bold; background:url(../images/com/btnM_white.gif) no-repeat 100% 0 ;}
.btnM span {display:inline-block; height:32px;  min-width:45px; padding:0 3px 0 8px; text-align:center; font-size:13px; line-height:32px; background:url(../images/com/btnM_white.gif) no-repeat 0 0 ;}

.btnM_purple {color:#fff; background:url(../images/com/btnM_purple.gif) no-repeat 100% 0 ;}
.btnM_purple span {background:url(../images/com/btnM_purple.gif) no-repeat 0 0 ;}

.btnM_purpleLine {display:inline-block; padding-right:5px; vertical-align:middle;font-weight:bold; color:#282b59; background:url(../images/com/btnM_purpleLine.gif) no-repeat 100% 0 ;}
.btnM_purpleLine span {display:inline-block; height:34px; min-width:45px; padding:0 3px 0 8px; vertical-align:middle; text-align:center; font-size:13px; line-height:34px; background:url(../images/com/btnM_purpleLine.gif) no-repeat 0 0 ;}


.btnMW_modify { color:#fff; background:url(../images/com/btnM_g.gif) no-repeat 100% 0 ;}
.btnMW_modify span {background:url(../images/com/btnM_g.gif) no-repeat 0 0 ;}

.btnMW_list {}
.btnMW_list span { padding-left:30px; min-width:25px; background:url(../images/com/btnM_white_list.gif) no-repeat 0 0 ;}

.btnBlack {display:-moz-inline-stack; display:inline-block; padding:0; margin:0; vertical-align:middle; height:28px;background:url(../images/com/bg_btnBlack_L.gif) left top no-repeat; }
.btnBlack span {display:-moz-inline-stack; display:inline-block; margin:0 0 0 2px; padding:0 5px 0 3px;height:28px; min-width:77px;line-height:28px;color:#fff;background:url(../images/com/bg_btnBlack_R.gif) right top no-repeat;font-size:13px; white-space:nowrap; overflow:visible; vertical-align:middle;}
.btnBlack:hover {color:#585858;background:url(../images/com/bg_btnWhite_L.gif) left top no-repeat; }
.btnBlack:hover span {color:#585858;background:url(../images/com/bg_btnWhite_R.gif) right top no-repeat;}

.btnBlack {display:-moz-inline-stack; display:inline-block; padding:0; margin:0; vertical-align:middle; height:28px;background:url(../images/com/bg_btnBlack_L.gif) left top no-repeat; }
.btnBlack span {display:-moz-inline-stack; display:inline-block; margin:0 0 0 2px; padding:0 5px 0 3px;height:28px; min-width:77px;line-height:28px;color:#fff;background:url(../images/com/bg_btnBlack_R.gif) right top no-repeat;font-size:13px; white-space:nowrap; overflow:visible; vertical-align:middle;}
.btnBlack:hover {color:#585858;background:url(../images/com/bg_btnWhite_L.gif) left top no-repeat; }
.btnBlack:hover span {color:#585858;background:url(../images/com/bg_btnWhite_R.gif) right top no-repeat;}

.btnWhite {display:-moz-inline-stack; display:inline-block; padding:0; margin:0; vertical-align:middle; height:28px;background:url(../images/com/bg_btnWhite_L.gif) left top no-repeat; }
.btnWhite span {display:-moz-inline-stack; display:inline-block; margin:0 0 0 2px; padding:0 5px 0 3px;height:28px; min-width:77px;line-height:28px;color:#333;background:url(../images/com/bg_btnWhite_R.gif) right top no-repeat;font-size:13px; white-space:nowrap; overflow:visible; vertical-align:middle;}
.btnWhite:hover {color:#585858;background:url(../images/com/bg_btnWhite_L.gif) left top no-repeat; }
.btnWhite:hover span {color:#585858;background:url(../images/com/bg_btnWhite_R.gif) right top no-repeat;}

.btnBrwon {display:-moz-inline-stack; display:inline-block; padding:0; margin:0; vertical-align:middle; height:42px; background:url(../images/com/btnBrwon_L.gif) left top no-repeat; }
.btnBrwon span {display:-moz-inline-stack; display:inline-block; margin:0 0 0 2px; padding:0 5px 0 3px;text-align:center;font-weight:bold;min-width:77px;height:42px;line-height:42px;color:#fff;background:url(../images/com/btnBrwon_R.gif) right top no-repeat;font-size:13px; white-space:nowrap; overflow:visible; vertical-align:middle;}
.btnWhtie39 {display:-moz-inline-stack; display:inline-block; padding:0; margin:0; vertical-align:middle; height:39px; background:url(../images/com/btnWhtie_39.gif) left top no-repeat; }
.btnWhtie39 span {display:-moz-inline-stack; display:inline-block; margin:0 0 0 2px; padding:0 5px 0 3px;text-align:center;font-weight:bold;min-width:100px;height:39px;line-height:39px;color:#131313;background:url(../images/com/btnWhtie_39.gif) right top no-repeat;font-size:14px; white-space:nowrap; overflow:visible; vertical-align:middle;}
.btnBrwon39 {display:-moz-inline-stack; display:inline-block; padding:0; margin:0; vertical-align:middle; height:39px; background:url(../images/com/btnbrwon_39.gif) left top no-repeat; }
.btnBrwon39 span {display:-moz-inline-stack; display:inline-block; margin:0 0 0 2px; padding:0 5px 0 3px;text-align:center;font-weight:bold;min-width:100px;height:39px;line-height:39px;color:#fff;background:url(../images/com/btnbrwon_39.gif) right top no-repeat;font-size:14px; white-space:nowrap; overflow:visible; vertical-align:middle;}


.btnPurple {display:-moz-inline-stack; display:inline-block; padding:0; margin:0; vertical-align:middle; height:34px; background:url(../images/com/btn_purple_L.gif) left top no-repeat; }
.btnPurple span {display:-moz-inline-stack; display:inline-block; margin:0 0 0 2px; padding:0 5px 0 3px;text-align:center;font-weight:bold;min-width:110px;height:34px;line-height:34px;color:#fff;background:url(../images/com/btn_purple_R.gif) right top no-repeat;font-size:13px; white-space:nowrap; overflow:visible; vertical-align:middle;}

.btnWhite01 {display:-moz-inline-stack; display:inline-block; padding:0; margin:0; vertical-align:middle; height:28px; background:url(../images/com/bg_btnWhite_L.gif) left top no-repeat; }
.btnWhite01 span {display:-moz-inline-stack; display:inline-block; margin:0 0 0 2px; padding:0 20px 0 17px;min-width:77px;height:28px;line-height:28px;color:#585858;background:url(../images/com/bg_btnWhite_R.gif) right top no-repeat;font-size:13px; white-space:nowrap; overflow:visible; vertical-align:middle;}
/*.btnWhite01:hover {color:#fff;background:url(../images/com/bg_btnBlack_L.gif) left top no-repeat; }
.btnWhite01:hover span {color:#fff;background:url(../images/com/bg_btnBlack_R.gif) right top no-repeat;}*/

.btnW95{display:inline-block; font-size:13px;width:95px;height:33px !important;line-height:33px !important;font-weight:bold;color:#fff;background:url(../images/com/bg_btnW95.gif) left top no-repeat;}
.btnW95 span.iconWrite{display:inline-block;background:url("../images/com/icon_btnWrite.png") 10px 50% no-repeat;text-align:center;padding-left:15px;width:80px;color:#fff;}

.btn_searchBox {display: inline-block;font-weight:bold;color: #fff;font-size: 14px;background: url(../images/com/bg_btnW95.gif) right top no-repeat;}
.btn_searchBox span {display: inline-block; padding:0 0 0 3px; margin:0 3px 0 0;width: 70px;height: 33px;line-height: 33px;background: url(../images/com/bg_btnW95.gif) left top no-repeat;}


.btnPage{ display:inline-block;}
.btnPage a{display:inline-block;float:left; margin-left:-1px;}
.btnPage a img {vertical-align:top;}
.pagingRightBtn{float:right;}
.pagingRightBtn a{width:105px !important;height:33px !important;}
*:first-child+html .pagingRightBtn{margin-top:-30px;}

	/*btnType01 - white_ruond_button */
.btnType01 span{display:inline-block;height:33px;line-height:33px;color:#848484;font-size:13px;font-weight:bold;}
.btnType01{display:inline-block;height:33px;padding-right:9px;background:url(../images/com/bg_btnType01_R.gif) right top no-repeat;}
.btnType01 a.bntTypeList{padding-left:32px;background:url(../images/com/bg_btnType01_List_L.gif) left top no-repeat;}
.btnType01 a.bntTypeList:hover{background:url(../images/com/bg_btnType01_List_L_on.gif) left top no-repeat;}

	/*File Search Button Image*/
.file_input_textbox{float: left;width:45%;}
.file_input_tag{float: left;width:73%;}
.file_input_div{position: relative; display:inline-block; margin-left:3px; height: 25px; overflow: hidden; vertical-align:middle;}
/*
.btnTypefile{cursor:pointer;position: absolute; top: 0px;margin-left:5px;min-width:64px;text-align:center;color:#797979;height:25px;background-color:#fff;line-height:20px;font-weight:bold;border-top:1px solid #e5e5e5;border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;border-left:1px solid #e5e5e5;}
*/
.btnTypefile{cursor:pointer;padding:0 5px;min-width:64px;text-align:center;color:#666;height:25px;background-color:#fff;line-height:22px;font-weight:bold;border-top:1px solid #e5e5e5;border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;border-left:1px solid #e5e5e5;}
*:first-child+html .btnTypefile{padding-left:5px;}
.btnType01file{cursor:pointer;float:right;min-width:64px;margin-right:10px;text-align:center;color:#797979;height:25px;background-color:#fff;line-height:20px;font-weight:bold;border-top:1px solid #e5e5e5;border-right:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;border-left:1px solid #e5e5e5;}

.file_input_hidden
{padding:0 ;width:64px; display:inline-block; position: absolute;left: 0px;top: 0px;opacity: 0; margin:0;
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}
.cnt_input .sTxt {display: inline-block;margin-left: 10px;padding-left: 5px;color: #3a7bc1;font-size: 11px;line-height:25px;vertical-align: middle;}

.pilsu {background:url(../images/com/icon_pilsu.png) right 7px no-repeat !important;padding-right:13px;}
.pilsu img {display:none;}

.let_1 {letter-spacing:-1px;}
img.noImg {position:absolute; left:50%; top:50%; margin-top:-25px; margin-left:-30px; width:auto!important; height:auto!important;min-width:30px!important; min-height:30px!important;}
img.noImg_vis {position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-30px; width:auto!important; height:auto!important;}



.div {background:blue!important;}
