@charset "UTF-8";

/* ■ 본페이지가 사용중인곳 (총3군데) : 피씨버전 + 펼쳐보기 + 쪽지 */

@font-face {
	font-family: 'Noto Sans KR';
	src: url("/font_web/NotoSans-Bold.woff2") format('woff2'),
			 url("/font_web/NotoSansKR-Bold.woff") format('woff');
	font-style: normal;
	font-weight: 700; 
}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("/font_web/NotoSans-Regular.woff2") format('woff2'),
			 url("/font_web/NotoSansKR-Regular.woff") format('woff');
	font-style: normal;
	font-weight: 400; 
}


@font-face{ 
  font-family:"cm22000188";
  src:url("/font_web/cm22000188.woff");
  font-style:normal;
  font-weight:normal;
}

@font-face{
  font-family:"cm22000199";
  src:url("/font_web/cm22000199.woff");
  font-style:normal;
  font-weight:normal;
}

@font-face{
  font-family:"basic01";
  src:url("/font_web/CK_tc04170000009_328KB.woff");
  font-style:normal;
  font-weight:normal;
}


html { 
overflow-y:scroll;
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;  
  -webkit-text-size-adjust: 100%;     
      -ms-text-size-adjust: 100%; 
}

* {-webkit-text-size-adjust:none;} /*글씨가 제각각인경우가 있어서 추가함(아이폰 > 샵검색시 검색내용 크기가 다르게 나와짐)*/

body * {  font-family: 'Malgun Gothic','맑은고딕','맑은 고딕', sans-serif ;  line-height:1.6; box-sizing:border-box; }

a { color:#333 ; }

/* ------------------- */
/* ↓↓이미지의 a태그 클릭시 굵은라인 생기는 문제 해결 */
a,
a:focus,
a:active,
a:focus-visible{
	outline:none !important;
	box-shadow:none !important;
}
img{
	outline:none !important;
	border:0;
}
a img{
	outline:none !important;
	border:0;
}
/* ------------------- */

td, p, input, button, textarea, select, .c1 {  font-size:10pt; color:#333; line-height:16px; outline:none; }


input[type=button] {-webkit-appearance:none;}
button {-webkit-appearance:none;  }

body{
  margin:0px;
  font-size:9pt;
  color:#3d3245; 
}

form { margin:0px; }


/*↓아래 내용이 가장 정확 : 이미지 테두리 안깨짐 > 지금은 크롬 룰이 바뀌어 오히려 깨짐 */
/*
img {
  border:0px;
  image-rendering: -moz-crisp-edges;       
  image-rendering: -o-crisp-edges;      
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  
  image-rendering: optimizeQuality; 
}
*/


a, a:link, a:visited, a:active { text-decoration:none; } /*밑줄삭제*/
a:hover { text-decoration:underline; } /*밑줄표기*/ 


a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }


.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; }
.cloudy, a.cloudy {color:#888888;} 

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }



/* 검색하는 부분의 스타일 */
.searcharea{
	padding:0 0 10px 0;
}


/*list부분*/
.tlist{
  border-collapse: collapse;
}
.tlist thead th{
  height:30px;

  padding:1px 0 0 0;
  font-weight:bold;
  font-size:14px;
  text-align:center;
  border-bottom:1px solid #d2d2d2;
  border-top:1px solid #d2d2d2;
  background:#f2f2f2;

}

.tlist tfoot th{
  height:30px;
  padding:0;
}

.tlist tbody th{
  text-align:left;
  
  font-size: 13px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #d2d2d2;
}

.tlist tbody td{
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #d2d2d2;
  font-weight: normal;
  padding:5px;
}
/*list부분*/



/* ##############  */

/*list부분 : 최근본글 찜리스트*/
.tlist_2{
  border-collapse: collapse;
}
.tlist_2 thead th{
  height:30px;

  padding:1px 0 0 0;
  border-bottom:1px solid #d2d2d2;
  border-top:1px solid #d2d2d2;
  background:#f2f2f2;
  font-weight:bold;
  font-size:13px;
}

.tlist_2 tfoot th{
  height:30px;
  padding:0;


}

.tlist_2 tbody th{
  text-align:left;

  font-size: 13px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #d2d2d2;


}

.tlist_2 tbody td{
  font-size: 13px;

  border-bottom:1px solid #d2d2d2;
  font-weight: normal;
  padding:5px;

  line-height:300%;

  box-sizing:border-box;
  white-space:nowrap; overflow:hidden; 
}


/*read트부분*/
.tread{
  border-collapse: collapse;
}
.tread thead th{
  height:1px;
  padding:0px;
  border-top:1px solid #ff46ff;
}

.tread tfoot th{
  padding:0;
}

.tread tbody th{
  min-height:20px;
  text-align:left;

  font-size: 13px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #ff46ff;  
  padding:0 0 0 5px;
}

.tread tbody td{
  min-height:20px;
  font-size: 13px;

  border-bottom:1px solid #ff46ff;
  font-weight: normal;
  padding:5px;
  text-align:left;
}
/*read부분*/

/*write트부분*/
.twrite{
  border-collapse: collapse;
}
.twrite thead th{
  height:1px;
  padding:0px;
  border-top:2px solid #ff46ff;
}

.twrite tfoot th{
  padding:0px;
  
}

.twrite tbody th{
  text-align:left;

  font-size: 13px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #ff46ff;
  padding:0 0 0 5px;
}

.twrite tbody td{
  font-size: 13px;

  border-bottom:1px solid #ff46ff;
  font-weight: normal;
  padding:5px;
  text-align:left;
}
/*write부분*/


/*하단에 버튼*/

/*줄목록 상단의 작은 미니맵버튼 리스트 (현재 사용중)*/
.treetab{
	cursor:pointer;
	text-align:left;
	margin:3px 3px 3px 0px;
	border-radius:3px;
	float:left;
}


.board_view{

	font-size:11pt;
	line-height:200%
}
.board_view p{

	font-size:11pt;
	line-height:200%
}
.board_view div{

	font-size:11pt;
	line-height:200%
}


.colorpicker {
	background:#FFFFFF;
}
.colorpicker td{
	width:20px;
	height:20px;
	border:1px solid #FFFFFF;
}


.checkbox_text_on{color:#ff46ff;font-weight:bold;}
.checkbox_text_off{font-weight:normal;}

/*카피라이터 바로 상단 부분 링크 스타일*/
.copyright_up a:link { text-decoration:none;  }
.copyright_up a:visited { text-decoration:none;  }
.copyright_up a:active { text-decoration:none;  }
.copyright_up a:hover { text-decoration:underline; }


/*기본셀박*/
.css_select{
  border:1px solid #999999;
  color:#777777;
  height:22px;
  padding:0px 5px 0px 5px;
  box-sizing:border-box;
}

/*기본셀박*/
.css_input_text{
  border:1px solid #999999;
  color:#777777;
  height:22px;
  padding:0px 5px 0px 5px;
  box-sizing:border-box;
}


.css_button   {box-sizing:border-box;cursor:pointer;background:#eeeeee; border:1px solid #999999; color:#777777; height:22px; padding:0px 5px 0px 5px;}/*기본버튼*/

.css_button_1 {cursor:pointer;background:#ffffff; border:0px solid #999999; color:#777777; height:22px; padding:0px 5px 0px 5px;}/*기본버튼*/
.css_button_2 {cursor:pointer;background:#ffffff; border:1px solid #999999; color:#777777; height:22px; padding:0px 5px 0px 5px;}/*기본버튼*/

.css_button_3 {border-radius:20px; font-size:14px; 
	   color:#141414;	  
	  background:#f4f4f4; border:1px solid #999999; height:32px; padding:0px 10px 0px 10px;}

.css_button_4 {border-radius:20px; font-size:12px; 
	 color:#141414;	  
	  background:#ffffff; border:1px solid #999999; height:25px; padding:0px 10px 0px 10px;}

.css_button_5 {border-radius:20px; font-size:12px; 
	  color:#141414;	  
	  background:#f8f8f8; border:1px solid #999999; height:25px; padding:0px 5px 0px 5px;}


.css_button_6 {border-radius:5px; font-size:12px; 
	  color:#141414;	  
	  background:#fff; border:1px solid #999999; height:25px; padding:0px 5px 0px 5px;}



.css_button_sub {cursor:pointer;background:#519e43;border:1px solid #519e43;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}
.css_button_pink {cursor:pointer;background:#fff6f7;border:1px solid #ff99ff;color:#ff51ff;height:22px;padding:0px 5px 0px 5px;}
.css_button_pink2 {cursor:pointer;background:#fdb7bf;border:1px solid #fdb7bf;color:#707070;height:22px;padding:0px 5px 0px 5px;}


.css_button_gray {cursor:pointer;background:#eeeeee;border:1px solid #999999;color:#777777;height:22px;padding:0px 5px 0px 5px;}


.css_button_gray2 {cursor:pointer;background:#ffffff;border:1px solid #999999; border-radius:5px; color:#777777;height:22px;padding:0px 5px 0px 5px;}


.css_button_gray3 {cursor:pointer;background:#f7f7f7;border:1px solid #999999; border-radius:5px; color:#777777;height:22px;padding:0px 5px 0px 5px;}/*기본버튼 mmr220108 */


.css_button_sky {cursor:pointer;background:#41a2ff;border:1px solid #3d76c4;color:#ffffff;height:22px;padding:0px 5px 0px 5px;}/*하늘색*/


.css_button_sky2 {cursor:pointer;background:#f6f6f6;border:1px solid #c6c6c6;
color:#373737;height:22px; border-radius:5px; padding:0px 5px 0px 5px;}

/*지도열기.지도닫기버튼*/
.css_btn_map2  {cursor:pointer;background:#efefef;border:1px solid #c9c9c9;height:22px;border-radius:5px;padding:0px 5px 0px 5px;font-size:12px;}

.css_button_green  {cursor:pointer;background:#84c578;border:1px solid #84c578;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}


.css_button_green_2{cursor:pointer;background:#ffffff;border:1px solid #bdbdbd;height:20px; border-radius:5px;padding:0px 0px 0px 0px; font-weight:bold;  }


.css_button_green1 {cursor:pointer;background:#519e43;border:1px solid #519e43;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}
.css_button_pw {cursor:pointer;background:#e1e1e1;border:1px solid #bbbbbb;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}

.css_button_memo{cursor:pointer;background:#d175f4;color:#ffffff;border:1px solid #bd38ef;border-radius:3px;padding:3px 5px 3px 5px;}

.css_button_memo_mmr{cursor:pointer;background:#ffffff;color:#2a2a2a;border:1px solid #c7c7c7;border-radius:3px;padding:3px 5px 3px 5px;}


.css_button_blue {cursor:pointer;background:#7dc6ec;border:1px solid #7dc6ec;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}


.css_button_blue1 {cursor:pointer;background:#3aa8e2;border:1px solid #3aa8e2;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}
.css_button_red {cursor:pointer;background:#ff6600;border:1px solid #9f4000;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}
.css_button_gray1 {cursor:pointer;background:#959595;border:1px solid #959595;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}
.css_button_search1 {cursor:pointer;background:#cccccc;border:1px solid #999999;color:#777777;height:22px;padding:0px 5px 0px 5px;}

.css_button_list {cursor:pointer;background:#eeeeee;border:1px solid #999999;color:#777777;height:22px;padding:0px 5px 0px 5px;}
.css_button_search {cursor:pointer;background:#fca5c0;border:1px solid #fc96b5;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}
.css_button_write {cursor:pointer;background:#29a10e;border:1px solid #29a10e;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}
.css_button_modify {cursor:pointer;background:#29a10e;border:1px solid #29a10e;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}
.css_button_del  {cursor:pointer;background:#4082f2;border:1px solid #2859b5;color:#ffffff;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}


.css_button_del2 {cursor:pointer;background:#ffffff;border:1px solid #acacac;height:22px;border-radius:5px;padding:0px 5px 0px 5px;}


.css_button_color {cursor:pointer;background:#ffffff;border:1px solid #d8d8d8;color:#ff51ff;height:22px;border-radius:3px;padding:0px 5px 0px 5px;}
.css_button_color_gray {cursor:pointer;background:#fbfbfb;border:1px solid #d9d9d9;color:#626466;height:22px;border-radius:3px;padding:0px 5px 0px 5px;}
.css_button_color_sky {cursor:pointer;background:#ffffff;border:1px solid #d8d8d8;color:#41a2ff;height:22px;border-radius:3px;padding:0px 5px 0px 5px;}
.css_button_color_green {cursor:pointer;background:#ffffff;border:1px solid #d8d8d8;color:#29a10e;height:22px;border-radius:3px;padding:0px 5px 0px 5px;}
.css_button_color_blue {cursor:pointer;background:#ffffff;border:1px solid #d8d8d8;color:#0467f9;height:22px;border-radius:3px;padding:0px 5px 0px 5px;}
.css_button_color_pink {cursor:pointer;background:#ffffff;border:1px solid #d8d8d8;color:#ff5bc7;height:22px;border-radius:3px;padding:0px 5px 0px 5px;}

.css_button_jump {cursor:pointer;background:#ff3300;border:1px solid #ff3300;color:#ffffff;font-weight:bold;height:22px;padding:0px 5px 0px 5px;font-size:12px;border-radius:3px;}

.css_button_color_white {cursor:pointer;background:#ffffff;border:1px solid #999999;color:#999999;height:22px;border-radius:3px;padding:0px 5px 0px 5px;}


.css_button_small {
  font-size:13px;
  background:#ffffff;
  border:1px solid #b2b2b2;
  border-radius:3px;
  color:#636363;
  line-height:150%;
  padding:0 3px 0 3px;
}

.css_button_middle {
  font-size:20px;
  background:#f5f5f5;
  border:1px solid #b3b3b3;
  border-radius:5px;
  color:#747474;
  line-height:150%;
  padding:0 3px 0 3px;
}

.css_button_middle_2 {
  font-size:15px;
  background:#ffffff;
  border:1px solid #d8d8d8;
  border-radius:5px;
  color:#272727;
  padding:0 3px 0 3px;
}


.css_button_popup_list {font-size:12px;background:#b59aa2;border:1px solid #b59aa2;color:#ffffff;line-height:150%;padding:0 3px 0 3px;border-radius:5px;padding:0px 5px 0px 5px;}


.divbutton{  padding:10px 0 10px 0; margin:3px 0 3px 0;text-align:left;}


/* 페이지 번호 */
#mw_basic .mw_basic_page {
    padding:20px 0 20px 0;
    text-align:center;
}

/* 페이지 번호 링크 */
#mw_basic .mw_basic_page a {
   
    font-weight:bold;
    font-size:13px;

    text-decoration:none;

    border:1px solid #d8d8d8;

    background-color:#FFFFFF;
    padding:5px 8px 2px 8px;
    line-height:200%;

}


#mw_basic .mw_basic_page a.fl_out {
    border:1px solid #d8d8d8;
    background-color:#ffffff;
    color:#727272;

}
#mw_basic .mw_basic_page a.fl_out:hover {
    background-color:#ffff80;
    color:#595959;

}


#mw_basic .mw_basic_page a.fl {
    background-color:#ffffff;
    color:#727272;

}
#mw_basic .mw_basic_page a.fl:hover {

    background-color:#ffff80;
    color:#595959;

}


#mw_basic .mw_basic_page a.img {
    border:0px;
    padding:0;
    background-color:#ffffff;
    color:#727272;
}

#mw_basic .mw_basic_page a:hover {
    background-color:#ffff80;
    color:#595959;

}


#mw_basic .mw_basic_page b {
    font-weight:bold;
    font-size:13px;
    color:#fff;
    text-decoration:none;
    border:1px solid #b892f8;
    background-color:#b892f8;
    padding:5px 8px 2px 8px;
    line-height:200%;
}


/*read부분 : 문자앱 페이지 */
.mread{
  border-collapse: collapse;border-top:2px solid #b8b8b8;
}
.mread thead th{
  height:0px;
  padding:8px;  
  font-size: 13px;

  border-top:1px #8d8d8d solid;
  border-bottom:1px #8d8d8d solid;
  background:#ffffff;  
}

.mread tfoot th{
  padding:0;
}

.mread tbody th{
  padding:8px;
  text-align:center;
  color: #4c4c4c;
  font-size: 14px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #b8b8b8;
 
}

.mread tbody td{
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #b8b8b8;

  font-weight: normal;
  padding:5px;
  text-align:center;
}

.mread tfoot th{
  border-bottom:0px;    
}



.mwrite1 {
  border-collapse: collapse;border-top:2px solid #b8b8b8;
 
}
.mwrite1 thead th{
  height:0px;
  padding:0px;  
  font-size: 12px;
  border-top:1px #f1d9b8 solid;
  border-bottom:1px #f1d9b8 solid;

  background:#ffeeff; 

}

.mwrite1 tfoot th{
  padding:0;
}

.mwrite1 tbody th{
  padding:5px;
  text-align:center;
  color: #4c4c4c;
  font-size: 12px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #b8b8b8;

}

.mwrite1 tbody td{
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #b8b8b8;

  font-weight: normal;
  padding:5px;
  text-align:left;
}

.mwrite1 tfoot th{
  border-bottom:1px solid #f1d9b8;  
}


/*write부분*/
.mwrite2 {
  border-collapse: collapse;border-top:0px solid #b8b8b8;
}
.mwrite2 thead th{
  height:0px;
  padding:0px;  
  font-size: 12px;
}

.mwrite2 tbody th{
  padding:5px;
  text-align:center;
  color: #4c4c4c;
  font-size: 12px;
  font-weight:bold;
  background-color:#FCFBFF;
  }

.mwrite2 tbody td{
  font-size: 13px;
  color:#232323;
  font-weight: normal;
  padding:15px 5px 15px 5px;
  text-align:left;
}

.mwrite2 tfoot th{
 padding:5px;
 border-top:1px solid #cacaca;  
}


/*^^^^^^^^^^^^^^^^^^^^^^*/
/* 하단이 원래것임 */
/*^^^^^^^^^^^^^^^^^^^^^^*/
/*write부분*/
.mwrite{
  border-collapse: collapse;border-top:2px solid #b8b8b8;
}
.mwrite thead th{
  height:0px;
  padding:0px;  
  font-size: 12px;
  border-top:1px #ff46ff solid;
  border-bottom:1px #ff46ff solid;

  background:#ffeeff; 

}

.mwrite tfoot th{
  padding:0;
}

.mwrite tbody th{
  padding:5px;
  text-align:center;
  color: #4c4c4c;
  font-size: 12px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #b8b8b8;
 
}

.mwrite tbody td{
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #b8b8b8;
  
  font-weight: normal;
  padding:5px;
  text-align:left;
}

.mwrite tfoot th{
  border-bottom:1px solid #ff46ff;  
}

/*팝업창 상단 타이틀 스타일*/
.popup_title{font-size:14px;font-weight:bold;margin:10px 0 5px 0px;text-align:left;}


.title{
  text-align:left;
  font-size:16px;
  font-weight:bold;
  line-height:30px;
  
}


/*좋아요 문구관련 스타일*/
.bu_like_bg{  width:100%; background-color:#f8f8f8; border:1px solid #ccc; padding:5px;}
.bu_like_bg_2{  width:100%; background-color:#f8f8f8; border:1px solid #ccc; 
padding:10px;}

.bu_like_top{ background-color:#FFF; border:1px solid #ccc; box-shadow:0px 0px 0px #ccc;}

.bu_top_01 { width:120px; height:70px; border-right:0px solid #ccc;}


.bu_top_select{ color:#666; font-size:16px; width:90%;	height:30px; border:0px solid #fff; padding-left:0px;}

.bu_top_select_multi{ font-size:18px; width:90%;	height:30px; padding-left:0px;}


.bu_like_list{ background-color:#FFF; border:0px solid #ccc; box-shadow:1px 1px 2px #bdbdbd;
margin:5px 0 10px 0;
margin:0px 0px 0px 0px;
}

.bu_top_02 { width:80px; height:50px;}
.bu_like_list td{color:#666; font-size:12px;}

.bu_link1{  font-size:14px; }


/*탭관련 스타일시작*/
.tab_menu_div{
  border-bottom:1px solid #ff99ff;
  height:30px;
  position:relative;
}
.tab_menu_div .tab_menu_out{
  height:29px;
  border:1px solid #ff99ff;
  float:left;
  background:#fff6f7;
  line-height:30px;
  text-align:center;
  font-size:15px;
  cursor:pointer;
}

.tab_menu_div .tab_menu_over{
  height:30px;
  border:1px solid #ff99ff;
  float:left;
  background:#ffffff;
  border-bottom:1px solid #ffffff;
  line-height:30px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  cursor:default;
}


/*탭관련 스타일시작*/
.tab_menu_div2{

  height:30px;
  position:relative;
  border-radius:5px;
}
.tab_menu_div2 .tab_menu_out{
  height:29px;

  float:left;
  background:#f9f9f9;
  border:1px solid #b0b0b0; 

  line-height:30px;
  text-align:center;
  font-size:14px;
  cursor:pointer;
  border-radius:5px;
}

.tab_menu_div2 .tab_menu_over{
  height:30px;
  float:left;
  color:#fff;
  background:#fc7085; border:1px solid #fc7085;

  line-height:30px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  cursor:default;
  z-index:999;
  border-radius:5px;
}



/* 반응형 웹에서 사용할 스타일 */
.board_read{
  text-align:left;
  overflow:auto;
  clear:both;
  min-height:25px;
  line-height:25px;
  padding:5px;
  border-bottom:1px solid #dddddd;
  background:#f6f6f6;
}

.b_left{
  float:left;
  min-height:25px;
  line-height:25px;
  text-align:left;
}
.b_center{
  float:left;
  min-height:25px;
  line-height:25px;
  text-align:left;
}
.b_right{
  float:left;
  min-height:25px;
  line-height:25px;
  text-align:left;
}



/* 스위치관련 스타일 */
.mobile_radio_div_on{
  cursor:pointer;
  border:1px solid #759adf;
  background:#759adf;
  border-radius:10px;
  position:relative;
}

.mobile_radio_div_off{
  cursor:pointer;  
  border:1px solid #aaaaaa;
  background:#aaaaaa;
  border-radius:10px;
  position:relative;
}

.mobile_radio_left_on{  
  line-height:13px;
  background:#759adf;
  border-radius:10px;
  color:#ffffff;
  font-size:11px;
  position:absolute;
  left:0px;
}
.mobile_radio_left_off{
  width:13px;
  height:13px;
  background:#d3d2d3;
  border:1px solid #7a7b7a;
  border-radius:10px;
  color:#d3d2d3;
  font-size:10px;
  position:absolute;
  left:0px;
}

.mobile_radio_right_on{  
  line-height:13px;
  background:#aaaaaa;
  border-radius:10px;
  color:#ffffff;
  font-size:11px;
  position:absolute;
  left:20px;
}
.mobile_radio_right_off{
  width:13px;
  height:13px;
  background:#d3d2d3;
  border:1px solid #7a7b7a;
  border-radius:10px;
  color:#d3d2d3;
  font-size:11px;
  position:absolute;
  right:0px;
}



/* --------------- */
/* 광 보 의 : 닉네임 앞에 텍스트아이콘 */
.board_css_A, .board_css_B, .board_css_B2, .board_css_C, .board_css_C, .board_css_Y, .board_css_X, .board_css_G1 {float:left; display:inline-block; width:17px !important; height:17px; line-height:16px !important; text-align:center; font-size:12px !important; vertical-align:middle; margin:4px 2px auto 0;border-radius:4px; padding:0; color:#fff; }

.board_css_A { background:#2aa111; border:1px solid #2aa111; }
.board_css_B { background:#f3d3ef; border:1px solid #dc7cd0; color:#dc7cd0; }
.board_css_B2{ background:#fb9ba7; border:1px solid #fa7a8a; }
.board_css_C { background:#dddddd; border:1px solid #aaaaaa; color:#aaaaaa; }
.board_css_D { background:#fdeed2; border:1px solid #f9cc79; color:#aaaaaa; }
.board_css_Y { background:#dddddd; border:1px solid #aaaaaa; color:#aaaaaa; }
.board_css_X { background:#dddddd; border:1px solid #aaaaaa; color:#333; }
.board_css_G1{ background:#98a224; border:1px solid #aaaaaa; } 
/* --------------- */

.label_green{
  color:#ffffff;
  background:#03a106;
  font-weight:normal;
  font-size:12px;
  padding:3px 5px 3px 5px;
  margin:0 3px 0 3px;
  height:18px;
  line-height:18px;
  border-radius:3px;
  display:inline-block;
}

.label_blue{
  color:#ffffff;
  background:#4082f2;
  font-weight:normal;
  font-size:12px;
  padding:3px 5px 3px 5px;
  margin:0 3px 0 3px;
  height:18px;
  line-height:18px;
  border-radius:3px;
  display:inline-block;
}

/**************** 빨강 파랑 텍스트 교체 ******************/
.red_to_blue{
	-webkit-animation:blink 0.3s ease-in-out infinite alternate;
  -moz-animation:blink 0.3s ease-in-out infinite alternate;
  animation:blink 0.3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;color:#ff3300;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;color:#ff3300;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:1;color:#ff0000;}
    100% {opacity:1;}
}
/**************** 빨강 파랑 텍스트 교체 ******************/


/*diviframe닫기창*/
.div_close{
  border-radius:15px;
  width:30px;
  height:30px;
  line-height:25px;
  background:#eeeeee;
  border:2px solid #777777;
  font-weight:bold;
  color:#777777;
  cursor:pointer;
}

/*쪽지관련*/
.memo_send_button_green{
  margin-right:1px;
  float:left;
  cursor:pointer;
  color:#ffffff;
  background:#2aa111;
  border:1px solid #247d12;
  border-radius:4px;
  font-size:11px;
  width:18px;
  height:18px;
  text-align:center;
  padding:0px;
}

.memo_send_button_green_del{
  margin-right:1px;
  float:left;
  cursor:pointer;
  color:#ffffff;
  background:#30a6ba;
  border:1px solid #247d12;
  border-radius:4px;
  font-size:11px;
  width:18px;
  height:18px;
  text-align:center;
  padding:0px;
}

.memo_send_button_gray{
  margin-right:1px;
  float:left;
  cursor:pointer;
  color:#aaaaaa;
  background:#dddddd;
  border:1px solid #aaaaaa;
  border-radius:4px;
  font-size:11px;
  width:18px;
  height:18px;
  text-align:center;
  padding:0px;
}

.memo_send_button_gray_del{
  margin-right:1px;
  float:left;
  cursor:pointer;
  color:#ffffff;
  background:#757575;
  border:1px solid #aaaaaa;
  border-radius:4px;
  font-size:11px;
  width:18px;
  height:18px;
  text-align:center;
  padding:0px;
}

.memo_send_button_pink{
  margin-right:1px;
  float:left;
  cursor:pointer;
  color:#843f84;
  background:#ffccff;
  border:1px solid #e8b0e8;
  border-radius:4px;
  font-size:11px;
  width:18px;
  height:18px;
  text-align:center;
  padding:0px;
}




/*list부분 회색*/
.tlist_gray{
  border-collapse: collapse;
}
.tlist_gray thead th{
  height:30px;

  padding:1px 0 0 0;
  border-bottom:1px solid #dddddd;
  border-top:2px solid #dddddd;
  background:#eeeeee;
  font-weight:bold;
  font-size:13px;
  text-align:center;

}

.tlist_gray tfoot th{
  height:30px;
  padding:0;

}

.tlist_gray tbody th{
  text-align:left;

  font-size: 13px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #dddddd;

}

.tlist_gray tbody td{
  font-size: 13px;

  border-bottom:1px solid #dddddd;

  font-weight: normal;
  padding:5px;



}
/*list부분 회색*/




/*write부분 회색*/
.gwrite{
  border-collapse: collapse;border-top:2px solid #b8b8b8;
  /*border-right:1px solid #b8b8b8;*/
}
.gwrite thead th{
  height:45px;
  padding:0px;  
  font-size: 12px;
  border:1px #dddddd solid;
  background:#eeeeee;
}

.gwrite tfoot th{
  padding:0;
}

.gwrite tbody th{
  padding:5px;
  text-align:center;
  color: #4c4c4c;
  font-size: 12px;
  font-weight:bold;
  background-color:#FCFBFF;
  border:1px solid #b8b8b8;
  /*border-left:1px solid #b8b8b8;*/
}

.gwrite tbody td{
  font-size: 13px;
  color:#232323;
  border:1px solid #cccccc;
  font-weight: normal;
  padding:5px;
  text-align:left;
}

.gwrite tfoot th{
  border-bottom:1px solid #cccccc;  
}
/*write부분 회색*/


/*write부분 회색*/
.gwrite_mmr{
  margin-top:10px;
  border-collapse: collapse;
  border-top:1px solid #acacac;
  /*border-right:1px solid #b8b8b8;*/

}
.gwrite_mmr thead th{
  height:20px;
  padding:5px;  
  font-size: 12px;
  border:1px #acacac solid;
  background:#eeeeee;
}

.gwrite_mmr tfoot th{
  padding:0;
}

.gwrite_mmr tbody th{
  padding:5px;
  text-align:center;
  color: #4c4c4c;
  font-size: 12px;
  font-weight:bold;
  background-color:#FCFBFF;
  border:1px solid #acacac;
  /*border-left:1px solid #b8b8b8;*/
}

.gwrite_mmr tbody td{
  font-size: 13px;
  color:#232323;
  border:1px solid #acacac;
  font-weight: normal;
  padding:5px;
  text-align:left;
}

.gwrite_mmr tfoot th{
 /* border-bottom:1px solid #cccccc;  */
}
/*write부분 회색*/




/*[본문]하단의 [줄목록]에서 [블로킹]된글 색상변경(lib/common.js참조)mmr220516 */
.mmr_colorChange { 
color:#2f18f3;
background:linear-gradient(#ffffff, #ccedfb ); 
} 




/* 그림전번 버튼색상 */
.text_img_temp{cursor:pointer;background:#f3caf6;border:1px solid #ff51ff;color:#ff51ff;line-height:20px;height:20px;padding:0px 2px 0px 2px;}
.text_img_over{cursor:pointer;background:#6eaa03;border:1px solid #ff99ff;color:#ffffff;line-height:20px;height:20px;padding:0px 2px 0px 2px;}
.text_img{cursor:pointer;background:#dddddd;border:1px solid #999999;color:#999999;line-height:20px;height:20px;padding:0px 2px 0px 2px;}
.css_button_del_small {cursor:pointer;background:#4082f2;border:1px solid #2859b5;color:#ffffff;line-height:20px;height:20px;border-radius:2px;padding:0px 3px 0px 3px;}/*삭제*/


input[type=text]::-ms-clear { display: none; } 


/*반응형 모바일 검색부분 css*/
.search_btn{ text-align:center;background-color:#fa8ba4; height:29px; width:50px; color:#fff;font-weight:bold;font-size:11px; border:1px solid #ff85c4;}
.search_input{ width:100%; height:25px;border:2px solid #fa8ba4;padding:0 0 0 3px;}
.d_search_btn{text-align:center; background-color:#fef2fd; height:29px; color:#b65496; border:1px solid #f6c3f2;width:60px; font-weight:bold;font-size:11px;}
/*반응형 모바일 검색부분 css*/

.date_time_text{color:#bbbbbb}/*날짜 뒷부분 시간 회색*/

::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#aaaaaa;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#aaaaaa;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#aaaaaa;
}



/* 버튼 색상 : ex) 쪽지샘플방의 사진버튼, 리셋버튼 (mmr220521) */
.mmr_red{ color:white; background:linear-gradient(to right, #e81a1f, #f89496 ); border:1px solid #f88588; border-radius:10px; padding:4px 9px 4px 8px; font-weight:bold; font-size:12px; }

.mmr_blue{ color:white; background:linear-gradient(to right, #3872dc, #7da3e8 ); border:1px solid #608de3; border-radius:10px; padding:4px 9px 4px 8px; font-weight:bold; font-size:12px; }

.mmr_violet{ color:white; background:linear-gradient(to right, #aa69da, #cba3e9 ); border:1px solid #bc89e2; border-radius:10px; padding:4px 9px 4px 8px; font-weight:bold; font-size:12px; }


/*검색자동완성 관련 스타일*/
.c_top_combobox_search{
  font-size:12px;
  line-height:25px;
  height:25px;
  padding:3px;
  cursor:pointer;
}
/*검색자동완성 관련 스타일*/



/* 상단메뉴 스타일 시작 */
.navi_container {
  margin:0 auto;
  display:inline-flex;
  height:40px;
}

/*뉴아이콘 위치*/
.navi_container .new-icon{
  position:absolute;top:-35px;left:65px;
}
.navi_container .event-icon{
  position:absolute;
  top:-35px;
  left:80px;
  border-radius:10px;
  background:#501db6;
  color:#ffffff;
  width:40px;
  height:15px;
  line-height:10px;
  padding:2px;
  font-size:11px;
  box-sizing:border-box; 

}

.navi_container div {
  flex: 1; /* 모든 div가 동일한 비율로 공간 차지 */
  box-sizing: border-box; /* 패딩과 보더 포함 */
  border:none; /* 확인용 테두리 */
  line-height:40px;
  text-align:center;
  width:120px;
  white-space: nowrap;
}

.navi_container a{
  font-size:15px !important;
  color:#fff !important; 
  font-weight:bold; 
  box-sizing:border-box; 

  padding:5px 11px 3px 9px;
  border:2px solid transparent;
  border-radius:3px;
  box-sizing:border-box;
}

.navi_container a:hover{
  font-size:15px !important;
  color:#fff !important; 
  font-weight:bold; 
  box-sizing:border-box; 

  padding:5px 11px 3px 9px;
  border:2px solid #ffffff;
  border-radius:3px;
  box-sizing:border-box; 
}

/*오버효과 제거*/
.navi_container_no_hover a:hover{
  font-size:15px !important;
  color:#fff !important; 
  font-weight:bold; 
  box-sizing:border-box; 

  padding:5px 11px 3px 9px;
  border:2px solid transparent;
  border-radius:3px;
  box-sizing:border-box;
}

/* 선택된 경우(원댑스:클릭버튼) */
.navi_container .menu_select a {
  font-size:15px !important;
  color:#fff !important; 
  font-weight:bold; 
  box-sizing:border-box; 

  padding:5px 11px 3px 9px;
  border:2px solid #ffffff;
  border-radius:15px;
  box-sizing:border-box; 

  transition:border-radius 0.3s;
}

/* 호버시 */
.navi_container .menu_select a:hover {
  font-size:15px !important;
  color:#fff !important; 
  font-weight:bold; 
  box-sizing:border-box; 

  padding:5px 11px 3px 9px;
  border:2px solid #ffffff;
  border-radius:3px;
  box-sizing:border-box; 
}

.mw-index-menu-item{line-height:40px;margin:-5px}


/*●↓ 원댑스의 높이 조절 */
.oneDapth{width:900px; height:43px !important; background:linear-gradient(to right, #F881AE, #fb95bc );  border-radius:3px; margin-top:0px;text-align:center;  }
.group-start{float:left;}  

/*● 원댑스 호버시 뜨는 미리보기창과 원댑스 사이의 간격 */
.mw-drop-menu {width:100px;margin:21px 0 0 15px;padding:0px;}

/*● 관리자일떄: 원댑스와 미리보기 사이의 간격*/
.adm-marTop{margin-top:30px; /*25*/}


.mw-index{position:relative;}

/*●↓●중요: 높이와 line-height값 필수!! ◀이게없으면 로딩시 흔들거림 */
.top_right_btn { float:right; width:300px; height:50px; text-align:right; margin:0px 0px 10px 0px;line-height:1.5; }
.top_right_btn a{ color:#888 !important; padding:2px 1px 1px 1px;margin-left:2px; border:none; font-size:12px; font-weight:normal; }


#quick_wishlist img {max-width:111px; } 


/* h1 태그 불필요할때 display:none 권장되지 않음*/

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}