@charset "utf-8";
/*CSS Document*/

/* Mobile RESET CSS  --------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{margin:0; padding:0; background-color:#fff;height: 100%; position:relative;}
html{overflow-y:scroll;  margin: 0;}

body, table, th, td, input, select, textarea, div{
	font-family:"나눔고딕",'NanumGothic','Nanum Gothic',"돋움",'Dotum',Helvetica,AppleGothic,Sans-serif;
	color:#333333;
}
a { text-decoration:none; color:#000000; }
select{font-size:11px}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0}
img, fieldset{border:0 none}
img{vertical-align:baseline}
ol, ul, li{list-style:none;}
table{border-spacing:0; border-collapse:collapse; border:0 none}
h1,h2,h3,h4,h5,h6{font-size:100%}
input, textarea {
/*
  -webkit-appearance: none;
  -webkit-border-radius: 0;
*/ }
input{border:0 none;}
textarea{border:1px solid #ddd; width:95%; font-size:14px;}


#M_Wrapper {  position: relative; height: 100%; width: 100%; left: 0;
          -webkit-transition:  left 0.4s ease-in-out;
          -moz-transition:  left 0.4s ease-in-out;
          -ms-transition:  left 0.4s ease-in-out;
          -o-transition:  left 0.4s ease-in-out;
          transition:  left 0.4s ease-in-out;
		  }

/* Mobile 사이드메뉴  --------------------------------------------------*/
		  #M_Wrapper.open-sidebar { left: 240px; }
		  #M_Wrapper .swipe-area { display:none; }
		  #M_Wrapper.open-sidebar .swipe-area { position:absolute; width:100%; left:0; top:0; height:100%; z-index:999; display:block; }
		  #sidebar {  background: #666;  position: absolute; width: 240px; height: 100%; left: -240px; box-sizing: border-box; -moz-box-sizing: border-box;  }
		  #sidebar ul { margin: 0; padding: 0; list-style: none; }
		  #sidebar ul li {  margin: 0;  }
		  #sidebar ul li a {padding: 15px 20px; font-size: 16px; display: block;  border-bottom: 1px solid #444; color:#fff;  }
		  #sidebar ul li:hover a {  background: #333;    }
		  .main-content { width: 100%; box-sizing: border-box;  -moz-box-sizing: border-box;  position: relative;  }

/* Mobile 헤더 --------------------------------------------------*/
#M_Header { position:fixed; width:100%;  max-width:620px;/*pc사이즈*/ height:65px; overflow:hidden; /*background:url("../img/header_bg.png") repeat-x;*/; background:#FFF; z-index:50; top:0; box-shadow:2px 2px 10px grey}


/*.work_mm{display:none;}
.case_mm{display:none;}
.intro_mm{display:none;}
*/
#M_Header .m_btn_menu { position:absolute; left:15px;top:23px; z-index:6; }
#M_Header .m_btn_back { position:absolute; left:15px;top:23px; }
#M_Header h1 { padding:20px 0 0; text-align:center; width:40%; margin:13px auto; }
#M_Header h1 img { max-width:143px; width:100%}
#M_Header .login { position:absolute; right:15px; top:27px; }
#M_Header .login a { color:#666; font-size:13px; }
#M_Header #topMenu1 { display:block; line-height:66px; background:url("../img/nav.png") no-repeat left ; width:30px; position:absolute; left:10px; top:0; text-indent:-9999px; }
#M_Header #topMenu2 { width:23%; max-width:105px; position:absolute; right:10px; top:0; line-height:66px; background:url("../img/top_1.png") no-repeat right center; background-size:100%; text-indent:-9999px;  }

#M_Gnb { padding:0 10px 0; border-width:1px 0 1px; border-style:solid; border-color:#ddd;  background:#f8f8f8; margin-top:-12px; }
#M_Gnb ul { overflow:hidden;}
#M_Gnb li { float:left; width:25%; line-height:44px; text-align:center;  }
#M_Gnb li a { display:block; color:#444; font-weight:600; font-size:15px; letter-spacing:-2px; }

#mainVisual {/* padding-top:60px; */}
#mainVisual .flex-direction-nav { display:none; }
#mainVisual .flex-control-nav { bottom:15px; }

#lawyerList { margin-bottom:60px; }
#lawyerList .flex-control-paging li a { background:rgba(0, 54, 110, 0.5);}
#lawyerList .flex-control-paging li a.flex-active {background:rgba(0, 54, 110, 0.9); }
#lawyerList .flex-direction-nav { display:none; }

#subMenuBox {  width:100%; height:100%;z-index:50; position:absolute; top:0px; display:none;  }
.close {background:url("../img/submenu_bg.png") repeat; z-index:40; position:absolute; top:0px; right:0; width:100%; height:100%;}
#leftMenuHover {position:absolute; top:0; left:0; z-index:50; width:80%; }
#topbtn {}
#topbtn #btnWrap {}
#topbtn #btnWrap .topbtnList { 
	width:50%; float:left; text-align:center;
	position: relative; 
}
#topbtn #btnWrap .topbtnList a{ 
	display:block; 
	line-height:55px; 
	text-align:center; 
	/*text-indent:-9999px; */
	width:90%; 
	margin:0 auto;
	color: #fff; 
}

.topbtnList .fa-calendar{
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -8px;
	color: #fff; 
	font-size: 20px;
}

#topbtn #btnWrap .close02{ display:block; line-height:55px; text-align:center; text-indent:-9999px; width:100%; margin:0 auto; }
#topbtn #btnWrap #topbtn1 { background:#ef96ae; }
#topbtn #btnWrap #topbtn2 { background:#000000; }

#topbtn #btnWrap #topbtn3 { background:#37b6af; }


#topbtn #btnWrap #topbtn2  { background:url("../img/close_bu.png") no-repeat center;background-size:100%; }



#topbtn #btnWrap #topbtn1 a { 
	/*background:url("../img/menutop_1.png") no-repeat center; 
	background-size:100%; */
}

#topbtn #btnWrap #topbtn3 a { 
	/*background:url("../img/menutop_3.png") no-repeat center;*/
	/*background-size:100%; */

}


.mm { width:99.9%; background:#fff; clear:both; }
.mm .mmN {position: relative;
	background:url("../img/icon_menu_on.png") no-repeat 95% center; 
	line-height:60px; 
	display:block; 
	width:100%; 
	text-indent: 10px; 
	font-weight: bold; 
	border-bottom: 1px solid #ccced1; 
	color: #333; 
	/*cursor: pointer; */
}
.mm .mmN .fa-angle-right{
	position: absolute; top:50%;
	font-size: 26px; margin-top:-13px; right: 10px;
}

.mm .mmN2 { background:url("../img/icon_menu_onno.png") no-repeat 95% center; line-height:60px; display:block; width:100%; text-indent:10px; font-weight:bold; border-bottom:1px solid #ccced1; color:#333; cursor:pointer; }


.mm .mmN.on { background:url("../img/icon_menu.png") no-repeat 95% center; }
.mm .sm { display:none; }
.mm .sm li { background:#f2f5f8; border-bottom:1px solid #ccced1; }
.mm .sm li a { display:block; width:100%; line-height:50px; padding-left:10px; }

/* Mobile Main 비주얼  --------------------------------------------------*/
#M_Visual .main_banner {width:100%; max-width:640px; max-height:400px;margin:66px auto 0 auto;}
#M_Visual .main_banner .slide {width:100%; height:100%; max-height:400px; }
#M_Visual .main_banner .slide a { height:100%; }

#M_Visual .main_banner .cycle_wrap {position:relative; /*height:100%; max-height:400px;*/}
#M_Visual .cycle_slideshow {position:relative}
#M_Visual .cycle_slideshow > div.slide {position:absolute;top:0;left:0;width:100%;padding:0}
#M_Visual .cycle-pager {position:absolute;bottom:10px;width:100%;text-align:center;z-index:22;}
#M_Visual .cycle-pager a {display:inline-block;width:12px;height:12px;margin:0 4px;background:url(../img/s_dot.png) no-repeat;}
#M_Visual .cycle-pager a.cycle-pager-active {background-position:0 -20px;}
#M_Visual .main_banner .blind { display:none; }

/* Mobile Main 변호사 소개  --------------------------------------------------*/
#M_Visual2 .main_banner {width:100%; max-width:608px; max-height:260px;margin:0px auto 0 auto;}
#M_Visual2 .main_banner .slide {width:100%; height:100%; max-height:260px; }
#M_Visual2 .main_banner .slide a { height:100%; }

#M_Visual2 .main_banner .cycle_wrap {position:relative; /*height:100%; max-height:400px;*/}
#M_Visual2 .cycle_slideshow {position:relative}
#M_Visual2 .cycle_slideshow > div.slide {position:absolute;top:0;left:0;width:100%;padding:0}
#M_Visual2 .cycle-pager {position:absolute;bottom:10px;width:100%;text-align:center;z-index:22;}
#M_Visual2 .cycle-pager a {display:inline-block;width:12px;height:12px;margin:0 4px;background:url(../img/s_dot.png) no-repeat;}
#M_Visual2 .cycle-pager a.cycle-pager-active {background-position:0 -20px;}
#M_Visual2 .main_banner .blind { display:none; }

/* Mobile Main 공지사항  --------------------------------------------------*/
#M_Notice { height:34px; border-width:1px 0 1px; border-style:solid; border-color:#ddd; background:#f0f0f0; position:relative; font-size:12px; z-index:9999; }
#M_Notice span { position:absolute; left:15px; top:10px; color:#333; }
#M_Notice ul { overflow:hidden; position:absolute; left:50px; top:10px; }
#M_Notice a { color:#666; display:block; }
#M_Notice .notice_next {  position:absolute; right:10px; top:6px; border:1px solid #ddd; }
#M_Notice .notice_prev {  position:absolute; right:31px; top:6px; border:1px solid #ddd; }


#M_bbs {}
.mainTitle { margin:20px 0 20px 20px;}
#mainTitle1 { width:35%; max-width:214px; }
#mainTitle2 { width:25%; max-width:128px; }
#mainTitle3 { width:38%; max-width:186px; }
#mainTitle4 { width:25%; max-width:124px; }
#mainTitle5 { width:25%; max-width:126px; }
#mainTitle6 { width:28%; max-width:138px; }
#mainTitle9 { width:53%; max-width:331px; }
.bbs { background:#f1f1f1; margin-top:1px;  position:relative; }
.mainMore { position:absolute; top:20px; right:20px; }
.mainLine { width:90%; display:block; margin:0 auto 15px auto; height:1px; background:#c2ccd8; }


/* Mobile Main 아이콘  --------------------------------------------------*/
#M_Icons { padding:0 10px 0; margin-top:15px;  z-index:9999;}
#M_Icons ul { overflow:hidden; }
#M_Icons li { float:left; width:48%; margin:1%; }
#M_Icons li a { display:block; }
#M_Icons li a img { width:100%; }



/* Mobile 푸터  --------------------------------------------------*/
#M_Footer { margin-top:25px; }
#M_Footer .footer_menu { height:50px; position:relative;  text-align:center; }
#M_Footer .footer_menu a { display:inline-block; padding:5px 1px; text-align:center; }
#M_Footer .footer_copyright { padding:20px 15px 35px; text-align:center; font-size:14px; letter-spacing:-0.05em; line-height:1.4; color:#666; background-color:rgb(236, 236, 236);}
#M_Footer .footer_copyright p { color:#999; font-size:14px; padding:6px 0 0;}

 #footerBtnWrap { position: fixed;bottom:0;width:100%;  max-width:620px;/*pc사이즈*/ z-index:10; background:#237ec9 } 
#footerBtnWrap { overflow:hidden; margin-top:0px;/*background:#10b514;풋터전체칼라*/  }
.footerBtn { float:left; width:33%; text-align:center }
.footerBtn a { line-height:50px; width:85%; margin:0 auto; /*text-indent:-9999px;*/ display:block; color:#FFF}
#footerBtn1 { background:#cf8135; }
#footerBtn2 { background:#237ec9; }
#footerBtn3 { background:#237ec9; }
#footerBtn1 a { /*background:url("../img/menutop_1.png") no-repeat center; background-size:100%;*/ }
#footerBtn2 a { /*background:url("../img/menutop_2.png") no-repeat center;background-size:100%;*/ }
#footerBtn3 a { /*background:url("../img/menutop_3.png") no-repeat center;background-size:100%;*/ }


.footerBtn  .fa{ margin-left:10px;	color: #fff; 	font-size: 16px;}
.footerbt_box {width:100%;  max-width:620px;}
.footerbt_box ul li { border-right: 1px solid #000000;}
.footerbt_box ul li:last-child{ border-right:none}


/* 실시간 이미지 반짝반짝 */
@keyframes blink {
 0% {background-color: #cf8135;}
 50% {background-color: #237ec9;}
}
 
@-webkit-keyframes blink {
 0% {background-color: #cf8135;}
 50% {background-color: #237ec9;}
}
 
#footerBtn1 {animation-name: blink;
    animation-duration: 1s;
    animation-timing-function: step-end;
    animation-iteration-count: infinite;}
 /* //실시간 이미지 반짝반짝 */



/* 마진 -------------------------------------------------------------------*/
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.bottom5{padding-bottom:5px;}
.bottom10{padding-bottom:10px;}
.bottom15{padding-bottom:15px;}
.bottom20{padding-bottom:20px;}
.bottom25{padding-bottom:25px;}
.bottom30{padding-bottom:30px;}
.bottom35{padding-bottom:35px;}
.bottom40{padding-bottom:40px;}
.bottom50{padding-bottom:50px;}
.bottom60{padding-bottom:60px;}
.bottom70{padding-bottom:70px;}
.bottom80{padding-bottom:80px;}
.bottom90{padding-bottom:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right25{margin-right:25px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right50{margin-right:50px;}
.right60{margin-right:60px;}
.right70{margin-right:70px;}
.right80{margin-right:80px;}
.right90{margin-right:90px;}

* 패딩 -------------------------------------------------------------------*/
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}

.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size15 { font-size:15px; }



/* Mobile 공통 --------------------------------------------------*/
a { color:#666; text-decoration:none; }


/* Mobile PRODUCT List --------------------------------------------------*/
.M_prd_List_wrap  {  border-left:1px solid #ddd;  border-top:1px solid #ddd; }
.M_prd_List {  border-right:1px solid #ddd;  border-bottom:1px solid #ddd; padding:15px 0; }
.M_prd_List a { display:block; }
.M_prd_List_th {padding:0 0 5px; text-align:center; overflow:hidden; font-size:15px;  }
.M_prd_List_tr {padding:2 0 5px; text-align:center; overflow:hidden; font-size:11px;  }
.M_prd_List_td { padding:10px 0px;  }
#M_SubBody .M_prd_List_td img { max-width:120px; max-height:100px; }


/* Mobile PRODUCT View  --------------------------------------------------*/
.M_prd_View { border-top:1px solid #333; }

/* Product 이미지 */
.M_prd_View_img { border:1px solid #ddd; padding:0px 0; text-align:center; vertical-align:middle; display:table-cell; width:640px; }
						#M_SubBody .M_prd_View_img img {   }

/* Product 서브이미지 */
.M_prd_View_simg { float:left; padding:10px 0; text-align:center; overflow:hidden; vertical-align:middle; display:table-cell; }
						#M_SubBody .M_prd_View_simg .prdThimg td { border:1px solid #ddd;  max-height:66px; }
						#M_SubBody .M_prd_View_simg .prdThimg td img { max-width:100px;  vertical-align:middle; }

.M_prd_View_name { clear:both; padding:20px 0; font-weight:bold; font-size:28px; letter-spacing:-0.03em; border-bottom:1px solid #ddd; }
.M_prd_View_line{ padding:5px 0; border-bottom:1px solid #ddd; }
.M_prd_View_info { clear:both; padding:15px 0 0; font-size:13px; color:#666; line-height:1.5; }
.M_prd_View_info2 { clear:both; padding:5px 0 10px; font-size:13px; color:#666; line-height:1.5; }
/* Contents 사이즈 */
#M_prd_View_cont { padding:20px 0px 40px;  color:#333; }
#M_prd_View_cont  #wiz_get_table_width { width:100%!important }



/* Mobile 카테고리  --------------------------------------------------*/
.mCategory { border:1px solid #ddd; background:#f8f8f8;  padding:15px; margin-bottom:10px; font-size:14px; }


/* Mobile 이전글,다음글  --------------------------------------------------*/
.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }


/* Mobile 페이징  --------------------------------------------------*/
.mPaging td { padding:0 1px; }
.mPaging td a { color:#666; }


/* Mobile Sub 게시판 하단 검색  --------------------------------------------------*/
.mSch_select { padding:8px; border:1px solid #ddd; }
.mSch_input { padding:8px; border:1px solid #ddd; width:120px; }


/* Mobile Password 암호  --------------------------------------------------*/
#M_pw_wrap { border:1px solid #ddd; background:#f8f8f8; padding:25px 15px; }
#M_pw_wrap .mPw_txt { font-size:13px; padding:0px 0; }
#M_pw_wrap .mPw_input { padding:15px 0 5px; }
#M_pw_wrap .mPw_input input { border:1px solid #ddd; padding:4px 8px; width:180px; }



/***********/
.new_intro_bg  { width:100%}
.new_intro_bg .new_bt  { display:block;}
.new_intro_bg .new_bt img  { width:100%}





/*-- 기존 모바일 m2 css __________________*/
s@charset "utf-8";
/*CSS Document*/

/* Mobile RESET CSS  --------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{margin:0; padding:0; background-color:#fff;height: 100%;}
html{overflow-y:scroll;  margin: 0;}

body, table, th, td, input, select, textarea, div{
	font-family:"나눔고딕",'NanumGothic','Nanum Gothic',"돋움",'Dotum',Helvetica,AppleGothic,Sans-serif;
	color:#333333;
}
a { text-decoration:none; color:#000000; }
select{font-size:11px}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0}
img, fieldset{border:0 none}
img{vertical-align:baseline}
ol, ul, li{list-style:none;}
table{border-spacing:0; border-collapse:collapse; border:0 none}
h1,h2,h3,h4,h5,h6{font-size:100%}
input, textarea {
/*
  -webkit-appearance: none;
  -webkit-border-radius: 0;
*/ }
input{border:0 none;}
textarea{border:1px solid #ddd; width:95%; font-size:14px;}


#M_Wrapper {  position: relative; height: 100%; width: 100%; left: 0;
          -webkit-transition:  left 0.4s ease-in-out;
          -moz-transition:  left 0.4s ease-in-out;
          -ms-transition:  left 0.4s ease-in-out;
          -o-transition:  left 0.4s ease-in-out;
          transition:  left 0.4s ease-in-out;
		  border-top:2px solid #3f4457;
		  }

/* Mobile 사이드메뉴  --------------------------------------------------*/
		  #M_Wrapper.open-sidebar { left: 240px; }
		  #M_Wrapper .swipe-area { display:none; }
		  #M_Wrapper.open-sidebar .swipe-area { position:absolute; width:100%; left:0; top:0; height:100%; z-index:999; display:block; }
		  #sidebar {  background: #666;  position: absolute; width: 240px; height: 100%; left: -240px; box-sizing: border-box; -moz-box-sizing: border-box;  }
		  #sidebar ul { margin: 0; padding: 0; list-style: none; }
		  #sidebar ul li {  margin: 0;  }
		  #sidebar ul li a {padding: 15px 20px; font-size: 16px; display: block;  border-bottom: 1px solid #444; color:#fff;  }
		  #sidebar ul li:hover a {  background: #333;    }
		  .main-content { width: 100%;  height: 100%;  box-sizing: border-box;  -moz-box-sizing: border-box;  position: relative;  }

/* Mobile 헤더 --------------------------------------------------*/
#M_Header { position:relative; height:68px; overflow:hidden; }
#M_Header .m_btn_menu { position:absolute; left:15px;top:23px; z-index:6; }
#M_Header .m_btn_back { position:absolute; left:15px;top:23px; }
#M_Header h1 { padding:10px 0 0; text-align:center; }
#M_Header .login { position:absolute; right:15px; top:27px; }
#M_Header .login a { color:#666; font-size:16px; }

#M_Gnb { padding:0 10px 0; border-width:1px 0 1px; border-style:solid; border-color:#ddd;  background:#f8f8f8; }
#M_Gnb ul { overflow:hidden;}
#M_Gnb li { float:left; width:25%; line-height:44px; text-align:center;  }
#M_Gnb li a { display:block; color:#444; font-weight:600; font-size:15px; letter-spacing:-2px; }

#M_Visual { position:relative; }
#M_Visual img { width:100%; max-width:640px; }

/* Mobile Main 비주얼  --------------------------------------------------*/
#M_Visual .main_banner {width:100%; max-width:640px; max-height:400px;margin:0 auto;}
#M_Visual .main_banner .slide {width:100%; height:100%; max-height:400px; }
#M_Visual .main_banner .slide a { height:100%; }

#M_Visual .main_banner .cycle_wrap {position:relative; height:100%; max-height:400px;}
#M_Visual .cycle_slideshow {position:relative}
#M_Visual .cycle_slideshow > div.slide {position:absolute;top:0;left:0;width:100%;padding:0}
#M_Visual .cycle-pager {position:absolute;bottom:10px;width:100%;text-align:center;z-index:22;}
#M_Visual .cycle-pager a {display:inline-block;width:12px;height:12px;margin:0 4px;background:url(../img/s_dot.png) no-repeat;}
#M_Visual .cycle-pager a.cycle-pager-active {background-position:0 -20px;}
#M_Visual .main_banner .blind { display:none; }


/* Mobile Main 공지사항  --------------------------------------------------*/
#M_Notice { height:34px; border-width:1px 0 1px; border-style:solid; border-color:#ddd; background:#f0f0f0; position:relative; font-size:12px; z-index:9999; }
#M_Notice span { position:absolute; left:15px; top:10px; color:#333; }
#M_Notice ul { overflow:hidden; position:absolute; left:50px; top:10px; }
#M_Notice a { color:#666; display:block; }
#M_Notice .notice_next {  position:absolute; right:10px; top:6px; border:1px solid #ddd; }
#M_Notice .notice_prev {  position:absolute; right:31px; top:6px; border:1px solid #ddd; }


/* Mobile Main 아이콘  --------------------------------------------------*/
#M_Icons { padding:0 10px 0; margin-top:15px;  z-index:9999;}
#M_Icons ul { overflow:hidden; }
#M_Icons li { float:left; width:33.3%;  }
#M_Icons li a { display:block; }
#M_Icons div { padding:5px 5px 0;  text-align:center; }
#M_Icons p { border:1px solid #ddd; padding:15px 0 15px; border-radius:10px; margin-bottom:5px; background:#f8f8f8; }
#M_Icons p img { width:100%; max-width:40px; max-height:40px; }
#M_Icons span { font-size:12px; letter-spacing:-1px; }


/* Mobile Sub 레이아웃  --------------------------------------------------*/
#M_SubWrap { padding:0px; margin:0 auto; width:100%;  max-width:500px;}
#M_SubBody { padding:0 0px 0px; overflow:hidden; }
/*#M_SubBody img { width:100%; max-width:610px;  }*/

#M_Subbar { background:#3f4457; padding:10px 15px;  text-align:right; color:#fff; font-size:12px; line-height:12px; height:12px; }
#M_Subbar span { background:url(../img/arrow.png) no-repeat 3px -29px; padding:0 7px; }


/* Mobile Sub 메뉴  --------------------------------------------------*/
#M_submenu { position:relative; max-width:100%; padding:0 10px; margin:10px 0 0; }
#M_submenu ul { position:relative; overflow:hidden; float:center; }
#M_submenu li {}
#M_submenu a { display:block; float:center; width:33%; text-align:center; background:#fff; margin:0 2px; padding:9px 6px; font-size:14px; line-height:18px; letter-spacing:-0.05em;  }
#M_submenu li a { color:#333; border:1px solid #ddd; }
#M_submenu li.on a { color:#fff;background:#4068ad; border:1px solid #4068ad; font-weight:bold; }


/* Mobile Sub 타이틀  --------------------------------------------------*/
#M_subtitle { font-size:22px;  margin:20px 15px 20px; font-weight:bold; letter-spacing:-2px; }


/* Mobile Sub 컨텐츠  --------------------------------------------------*/
.subtit { padding:0 0 0 16px; background:url(../img/i_tit.png) no-repeat 0 50%; font-weight:bold; }
.subtxt { font-size:13px; }
.toptxt_right { text-align:right; font-size:12px; color:#666; height:15px; }
.tableA { border-top:1px solid #333; }
.tableA th { background:#f8f8f8; padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableA td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableF { border-top:1px solid #333; }
.tableF.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableF th { background:#f7f7f7; padding:10px 5px 10px 10px; border-bottom:1px solid #ddd; text-align:left; color:#333; }
.tableF td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


/* Mobile Sub 버튼  --------------------------------------------------*/
#btnArea {text-align:center; margin-top:10px; vertical-align:middle;}
.btnA { width:84px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnB { width:84px; height:32px;  border:none; cursor:pointer; background:#8c909b; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnC { width:84px; height:32px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:12px; line-height:30px;  display:inline-block; vertical-align:middle; } /*취소*/
.btnS { width:64px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; } /*검색*/



/* Mobile LOGIN 로그인  --------------------------------------------------*/
.loginbox { border:1px solid #ddd; background:#f8f8f8; padding:30px 30px 15px; }
.login_input {padding:10px 3px; border:1px solid #ddd; width:95%}
.login_txt { font-size:12px; text-align:left; margin-top:10px; }



/* Mobile 푸터  --------------------------------------------------*/
#M_Footer { margin:25px 0; }
#M_Footer .footer_menu { height:33px; padding:8px 15px 0; border-width:1px 0 1px; border-style:solid; border-color:#ddd; background:#f8f8f8; font-size:11px;
									position:relative; }
#M_Footer .footer_menu a { display:inline-block; padding:5px 10px; text-align:center; background:#fff; border:1px solid #ddd; color:#333; }
#M_Footer .footer_menu a.right {  position:absolute; right:10px; }
#M_Footer .footer_copyright { padding:20px 15px 0; text-align:left; font-size:14px; letter-spacing:-0.05em; line-height:1.4; color:#666; }
#M_Footer .footer_copyright p { color:#999; font-size:14px; padding:6px 0 0;}






/* 마진 -------------------------------------------------------------------*/
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right25{margin-right:25px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right50{margin-right:50px;}
.right60{margin-right:60px;}
.right70{margin-right:70px;}
.right80{margin-right:80px;}
.right90{margin-right:90px;}

.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size15 { font-size:15px; }



/* Mobile 공통 --------------------------------------------------*/
a { color:#666; text-decoration:none; }


/* Mobile PRODUCT List --------------------------------------------------*/
.M_prd_List_wrap  {  border-left:1px solid #ddd;  border-top:1px solid #ddd; }
.M_prd_List {  border-right:1px solid #ddd;  border-bottom:1px solid #ddd; padding:15px 0; }
.M_prd_List a { display:block; }
.M_prd_List_th {padding:0 0 5px; text-align:center; overflow:hidden; font-size:14px;  }
.M_prd_List_td { padding:10px 0px;  }
#M_SubBody .M_prd_List_td img { max-width:120px; max-height:80px; }


/* Mobile PRODUCT View  --------------------------------------------------*/
.M_prd_View { border-top:1px solid #333; }

/* Product 이미지 */
.M_prd_View_img { border:1px solid #ddd; padding:0px 0; text-align:center; vertical-align:middle; display:table-cell; width:640px; }
						#M_SubBody .M_prd_View_img img {width:100%;}

/* Product 서브이미지 */
.M_prd_View_simg { float:left; padding:10px 0; text-align:center; overflow:hidden; vertical-align:middle; display:table-cell; }
						#M_SubBody .M_prd_View_simg .prdThimg td { border:1px solid #ddd;  max-height:66px; }
						#M_SubBody .M_prd_View_simg .prdThimg td img { max-width:100px;  vertical-align:middle; }

.M_prd_View_name { clear:both; padding:20px 0; font-weight:bold; font-size:28px; letter-spacing:-0.03em; border-bottom:1px solid #ddd; }
.M_prd_View_line{ padding:5px 0; border-bottom:1px solid #ddd; }
.M_prd_View_info { clear:both; padding:15px 0 0; font-size:13px; color:#666; line-height:1.5; }
.M_prd_View_info2 { clear:both; padding:5px 0 10px; font-size:13px; color:#666; line-height:1.5; }
/* Contents 사이즈 */
#M_prd_View_cont { padding:20px 0px 40px;  color:#333; }
#M_prd_View_cont  #wiz_get_table_width { width:100%!important }



/* Mobile 카테고리  --------------------------------------------------*/
.mCategory { border:1px solid #ddd; background:#f8f8f8;  padding:15px; margin-bottom:10px; font-size:14px; }


/* Mobile 이전글,다음글  --------------------------------------------------*/
.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }


/* Mobile 페이징  --------------------------------------------------*/
.mPaging td { padding:0 1px; }
.mPaging td a { color:#666; }


/* Mobile Sub 게시판 하단 검색  --------------------------------------------------*/
.mSch_select { padding:8px; border:1px solid #ddd; }
.mSch_input { padding:8px; border:1px solid #ddd; width:120px; }


/* Mobile Password 암호  --------------------------------------------------*/
#M_pw_wrap { border:1px solid #ddd; background:#f8f8f8; padding:25px 15px; }
#M_pw_wrap .mPw_txt { font-size:13px; padding:0px 0; }
#M_pw_wrap .mPw_input { padding:15px 0 5px; }
#M_pw_wrap .mPw_input input { border:1px solid #ddd; padding:4px 8px; width:180px; }

/*pc참고 css*/
/*.content{width:700px; padding:0px 29px 30px 29px; float:left;}
.contentbox{width:758px; margin:0px 0px 20px; border-left:#cccccc 1px solid; border-right:#cccccc 1px solid; border-bottom:#cccccc 1px solid; float:left;}*/
.content{width:100%; padding:0px; float:left;}
.contentbox{width:100%; margin:0px; border-left:#cccccc 1px solid; border-right:#cccccc 1px solid; border-bottom:#cccccc 1px solid; float:left;}