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:610px; padding:0 15px; margin:20px 0 0; }
#M_submenu ul { position:relative; overflow:hidden; }
#M_submenu li {}
#M_submenu a { display:block; float:left; width:28%; text-align:center; background:#fff; margin:0 2px; padding:9px 6px; font-size:13px; line-height:14px; 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:12px; letter-spacing:-0.05em; line-height:1.4; color:#666; }
#M_Footer .footer_copyright p { color:#999; font-size:11px; 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;}