@charset "euc-kr";
/*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;}
input[type="text"],input[type="password"],input[type="email"],input[type="search"],input[type="tel"],[type="image"],input[type="button"],input[type="submit"],textarea{-webkit-appearance:none;-webkit-border-radius:0;}


#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:60px; overflow:hidden; }
#M_Header .m_btn_menu { position:absolute; left:15px;top:23px; z-index:6; }
#M_Header h1 { padding:13px 0 0 15px; text-align:left; }
#M_Header .login { position:absolute; right:15px; top:27px; }
#M_Header .login a { color:#666; font-size:13px; }

#M_top { position:absolute; right:15px; top:10px; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd; }
#M_top li { float:left; border-left:1px solid #ddd; height:36px; width:44px; text-align:center; }
#M_top li a { display:block; padding:6px 0px 5px; height:25px; line-height:1.2; font-size:10px; text-align:center; color:#666; background:#f8f8f8; }

#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 Main »óÇ°¸®½ºÆ®  --------------------------------------------------*/
.m_subtit { padding:0 30px 0; background:url(../img/i_tit.png) no-repeat 15px 50%; line-height:40px; font-weight:bold; }
#M_shoplist { padding:0 10px 0; z-index:9999;}
#M_shoplist ul { overflow:hidden; }
#M_shoplist li { float:left; width:33.3%; margin-bottom:5px; }
#M_shoplist li a { display:block; }
#M_shoplist div { padding:5px 5px 0;  text-align:center; }
#M_shoplist p { border:1px solid #ddd; padding:5px; margin-bottom:5px; background:#fff; }
#M_shoplist p img { width:100%; min-width:40px; min-height:40px; }
#M_shoplist span { font-size:12px; letter-spacing:-1px; }
#M_shoplist strong { font-size:12px; letter-spacing:-1px; font-weight:normal; display:block; }


/* Mobile Sub ·¹À̾ƿô  --------------------------------------------------*/
#M_SubWrap { padding:0px; margin:0 auto; width:100%;  max-width:640px;}
#M_SubBody { padding:0 15px 15px; 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; display:none; }
#M_submenu ul { position:relative; overflow:hidden; }
#M_submenu li {}
#M_submenu a { display:block; float:left; width:25%; 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; position:relative; display:none; }
#M_subtitle .m_btn_back { position:absolute; right:0px;top:0px; }

/* 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; }

/*
¹öÆ°
*/
/* btn ¾îµÎ¿î ȸ»ö */
/* ·Î±×ÀÎ ¹öÆ° */
.btn_login{background:url(../img/sub/btn_login.gif) left top no-repeat; width:66px; height:63px; text-align:center; color:#ffffff; font-weight:bold;}
/* °¡·Î 38px : ¿ìÆí¹øȣã±â °Ë»ö */
.btn_postsearch{background:url(../img/sub/btn_postsearch.gif) left top no-repeat; width:38px; height:30px; text-align:center; line-height:30px; color:#ffffff;}
/* °¡·Î81px */
.btn_black_small{width:81px; height:32px; background:url(../img/sub/btn_ok.gif) top center no-repeat; line-height:32px; text-align:center; color:#ffffff; font-weight:bold;}
.btn_guide{background:url(../img/sub/btn_guide.gif) left top no-repeat; width:81px; height:32px; line-height:32px; text-align:center; color:#ffffff; font-weight:bold; font-size:12px;}
/* °¡·Î 122px */
.btn_privacy{background:url(../img/sub/btn_privacy.gif) left top no-repeat; width:122px; height:32px; line-height:32px; text-align:center; color:#ffffff; font-weight:bold; font-size:12px;}
/* °¡·Î 100% */
.btn_order{background:url(../img/sub/btn_gray_bg.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#ffffff;}

/* ¹àÀºÈ¸»ö */
/* °¡·Î ÀÚÀ¯ */
.btn_gray_small{background:url(../img/sub/btn_gray_small.gif) left top repeat-x; border:1px solid #888888; font-size:11px; line-height:20px; height:20px; text-align:center; color:#ffffff;}

/* Èò»ö */
/* °¡·Î 81px */
.btn_white_small{width:81px; height:32px; background:url(../img/sub/btn_cancel.gif) top center no-repeat; line-height:32px; text-align:center; color:#787878; font-weight:bold;}
/* °¡·Î ÀÚÀ¯ ÀÛÀº¹öÆ°*/
.btn_small{background:url(../img/sub/btn_white_bg.gif) left top repeat-x; font-size:11px; height:20px; border:1px solid #b8b8b8}
/* °¡·Î ÀÚÀ¯ */
.btn_etc{background:url(../img/sub/btn_white_big.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#787878; border:0 none;}

/* ÁÖȲ»ö */
/* ȸ¿ø°¡ÀÔ */
.btn_join{background:url(../img/sub/btn_join.gif) left top no-repeat; width:108px; height:30px; line-height:30px; text-align:center; color:#ffffff; font-weight:bold;}


.btn_grat_big{background:url(../img/sub/btn_gray_bg.gif) left top repeat-x; width:100%; height:32px; text-align:center; color:#ffffff;}

/* selece */
.select_style{position:relative; height:60px;}
.select_style select{position:absolute; right:10px; top:20px; font-size:13px}


/* prdlist */
.prd_list{ width:98%; margin:0 auto; border-top:1px solid #e6e6e6; }
.prd_list ul{width:100%; float:left;}
.prd_list li{width:50%; float:left;}
.prd_list li:nth-child(2n+1){clear:both;}
.prd_tit{font-size:14px}
.prd_list_option_tit{color:#999999; font-size:10px; width:20%;}
.prd_price{color:#323232; font-size:16px; font-weight:bold;}
.prd_list_option_con{font-size:11px}

.prd_list .prdListWrap{width:100%; float:left;}
.prd_list .prdList{width:50%; float:left;}
.prd_list .prdList:nth-child(2n+1){clear:both;}

.prdThumbWrap{width:98%; margin-left:1%;}
.prdListThumb{width:100%; margin-top:10px; float:left; border:1px solid #f1f1f1;}
.prdListName{width:100%; padding:10px; text-align:center; font-size:14px; color:#6b6b6b; float:left;}
.prdListPrice{width:100%; padding:0px 0 15px 10px; float:left; color:#323232; text-align:center; font-size:16px;}


/* prd view */
.prd_view{width:95%; margin:0 auto; padding-top:20px}
.prd_view_tab{padding-top:20px;}
.prd_view_tab th{width:33.3%; background:#757575; height:35px;font-size:12px; color:#ffffff;}
.prd_view_tab td{width:33.3%; text-align:center; font-size:12px; background:#e2e2e2; color:#787878}
.prd_view_tab th a{color:#ffffff;}
.prd_view_tab td a{color:#787878;}


.prdViewConts{width:100%;}
.prdViewConts img{width:100%;}


/* button */
.btn{padding-top:10px; height:32px}

.prd_info{padding-top:10px;}

.gray_box{background:#f1f1f1; margin-top:10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 15px;}
.graybox{background:#f1f1f1; border:1px solid #e6e6e6; padding:10px; font-size:11px;}
.total_price{/*margin:15px 10px 5px 10px;*/ margin:15px 0; background:#ff6a19; color:#ffffff; text-align:center; padding:10px 0; font-weight:bold;}
.total_price b{font-size:20px;}
.btn{margin-left:10px; margin-right:10px}

/* table */
.table_normal th, .table_normal td{padding:2px; text-align:left; font-weight:normal; font-size:11px;}
.table_normal th{color:#999999; width:20%;}
.table_normal td{font-size:11px;}

/* list */
.gray_list li{font-size:10px; color:#787878; line-height:130%; padding-left:8px; background:url(../img/sub/point.gif) 0px 5px no-repeat;}


/* join */
.join_input_table{border-top:1px solid #e6e6e6;}
.join_input_table th, .join_input_table td{border-bottom:1px solid #e6e6e6; padding:4px}
.join_input_table th {background:#f1f1f1; text-align:center; font-weight:normal; font-size:12px; width:20%}
.join_input_table td {text-align:left; font-size:12px;}
.join_input_table td td{border:0 none; padding:0}

/* input */
.input_style{border:1px solid #d9d9d9; height:18px; font-size:12px;}
.login_input{padding:3px; border:2px solid #d5d5d5; width:95%; margin-top:5px; }
.input_block{border:1px solid #9a9a9a; background:#bbbbbb; font-size:12px;}
.post_input{padding:3px; border:2px solid #d5d5d5; width:95%; height:20px}

/* subtitle */
.sub_title{background:#e4e4e4; height:30px; float:left; width:100%; margin-top:20px;}
.sub_title small{font-size:10px}

/* catelist */
.cate_list li{background:url(../img/sub/point.gif) 15px 16px no-repeat; line-height:33px; border-bottom:1px solid #e5e5e5; padding-left:24px; position:relative; float:left; width:100%; box-sizing:border-box;}
.cate_list li div{position:absolute; right:15px; top:12px }
.cate_list a { font-size:13px; }



/* view_review */
.review{padding:30px 10px 10px 10px;}
.review_info{color:#787878; font-size:12px; line-height:150%;}
.review_title{font-size:12px; line-height:150%;}
.review_con{font-size:12px; background:#ececec; padding:10px;}


/* input */


/* prd detail*/
.more_view{width:96%; margin-left:2%; height:40px; text-align:center; font-size:16px; line-height:40px; background:#ff6a19; color:#fff; float:left;}
.more_view a{color:#fff;}

.page_no{text-align:center;}
.page_no table{text-align:center;}