@charset "utf-8";
@import "mypage_2012.css";


/*==================================
 Layout
==================================*/

/* common */
#header{position:relative; z-index:100; width:1060px; height:200px; margin:0 auto; border-bottom:3px solid #000; font-size:1.2em;}
#shodow_box{width:100%; position:relative; z-index:0; margin:25px 0 35px; padding-bottom:2px; background:url(../imgs/comm/bg_shodow.png) no-repeat 50% 100%;}
#container{position:relative; width:1060px; min-height:550px; _height:550px; font-size:1.2em;}
#contents{width:1060px; margin:0 auto;}
#footer{width:1060px; margin:100px auto 0; padding-bottom:50px; background:url(../imgs/comm/bg_ft_line.gif) repeat-x 0 0;}


/* Header Extension */
#header .header_cont{position:relative; width:100%;}
#header .header_cont h1{float:left; margin:15px 0 0 0;}
#header .header_cont .banner{float:right; width:236px; height:70px; margin:0;}


/* Lnb Extension */
.lnb{width:100%; height:70px;}
.lnb .log_wrap{position:relative; float:right;}
.lnb .log_wrap p.bookmark{position:absolute; top:0; right:0;}
.lnb .log_wrap ul{margin:12px 25px 0 0;}
.lnb .log_wrap ul li{float:left; margin-right:12px;}
.lnb .log_wrap ul li a img{display:block;}


/* Search Extension */
.search_area {position:absolute; top:165px; right:0; width:160px; height:26px; border:1px solid #F4957E; }
.search_area input { height:12px; margin:5px 0 0 -5px; border:none;}
.search_area .schBtn{position:absolute; top:0; right:0; display:block; width:26px; height:26px; background:url(../imgs/comm/btn_lnb_search.gif) no-repeat 50% 50%; text-indent:-9999px;}


/* GNB Extension */
#gnb{margin-top:30px;}
#gnb li {position:relative; z-index:8888; float:left; height:25px; margin-right:10px;}
#gnb li a{display:block; width:100%; height:100%; padding-top:4px; background:url(../imgs/comm/btn_gnb.png) no-repeat 0 0;}
#gnb li a:hover{border-top:1px solid #D26E4A;}
#gnb li a span{display:none;}

#gnb li ul{display:none; position:absolute; top:20px; left:0; z-index:9999; margin:0; padding:15px; background:url(../imgs/comm/dropdown_light.png) 0 0;}
#gnb li ul li{float:left; width:140px; margin-right:0; border-bottom:1px dotted #666;}
#gnb li ul li a{display:block; width:100% !important; background:none; font-size:12px; color:#CCC; text-decoration:none; text-align:left; text-transform:none;}
#gnb li ul li a:hover{border-top:none; color:#FFF;}

#gnb li.gnb_bt01 a{width:25px; background-position:0 0;}
#gnb li.gnb_bt01_1 a{width:72px; background-position:-1300px 0;}
#gnb li.gnb_bt02 a{width:43px; background-position:-100px 0;}
#gnb li.gnb_bt03 a{width:37px; background-position:-200px 0;}
#gnb li.gnb_bt04 a{width:39px; background-position:-300px 0;}
#gnb li.gnb_bt05 a{width:75px; background-position:-400px 0;}
#gnb li.gnb_bt06 a{width:26px; background-position:-500px 0;}
#gnb li.gnb_bt07 a{width:65px; background-position:-600px 0;}
#gnb li.gnb_bt08 a{width:60px; background-position:-700px 0;}
#gnb li.gnb_bt09 a{width:63px; background-position:-800px 0;}
#gnb li.gnb_bt10 a{width:53px; background-position:-900px 0;}
#gnb li.gnb_bt11 a{width:78px; background-position:-1000px 0;}
#gnb li.gnb_bt12 a{width:29px; background-position:-1100px 0;}
#gnb li.gnb_bt13 a{width:82px; background-position:-1200px 0;}

#gnb li.gnb_bt01 a:hover{width:25px; background-position:0 -25px;}
#gnb li.gnb_bt01_1 a:hover{width:72px; background-position:-1300px -25px;}
#gnb li.gnb_bt02 a:hover{width:43px; background-position:-100px -25px;}
#gnb li.gnb_bt03 a:hover{width:37px; background-position:-200px -25px;}
#gnb li.gnb_bt04 a:hover{width:39px; background-position:-300px -25px;}
#gnb li.gnb_bt05 a:hover{width:75px; background-position:-400px -25px;}
#gnb li.gnb_bt06 a:hover{width:26px; background-position:-500px -25px;}
#gnb li.gnb_bt07 a:hover{width:65px; background-position:-600px -25px;}
#gnb li.gnb_bt08 a:hover{width:60px; background-position:-700px -25px;}
#gnb li.gnb_bt09 a:hover{width:63px; background-position:-800px -25px;}
#gnb li.gnb_bt10 a:hover{width:53px; background-position:-900px -25px;}
#gnb li.gnb_bt11 a:hover{width:78px; background-position:-1000px -25px;}
#gnb li.gnb_bt12 a:hover{width:29px; background-position:-1100px -25px;}
#gnb li.gnb_bt13 a:hover{width:82px; background-position:-1200px -25px;}

/* Main Slide */
#imgSlider{overflow:hidden; height:670px;}
.slide_show{position:relative; width:1060px; height:670px; background:#fff;}
.slide_show li{overflow:hidden; position:relative; width:1060px; height:670px; }
.slide_show .prev{position:absolute; top:305px; left:10px; cursor:pointer;}
.slide_show .next{position:absolute; top:305px; right:10px; cursor:pointer;}


/*Banner Event */
.banner_event{position:relative; overflow:hidden; width:230px; height:70px;}
.banner_event li{overflow:hidden; position:relative; width:230px; height:70px;}

/*Banner Event  Pager*/
.banner_event .bx-pager {display:block; position:absolute; top:0; right:0; z-index:100;}
.banner_event .bx-pager a{display:block; float:left; margin-left:10px; width:11px; height:11px; background:url(../imgs/comm/paging_banner.png) no-repeat 0 0; text-indent:-9999px;}
.banner_event .bx-pager .pager-active{background:url(../imgs/comm/paging_banner.png) no-repeat 0 -29px;}

/*Banner Main */
.banner_main {position:relative; width:520px; height:249px; border-top:1px solid #E0E0E0;}
.banner_main li {overflow:hidden; position:relative; width:520px; height:240px;}
.banner_main li a{display:block; float:left;}
.banner_main li a img{display:block; float:left;}
.banner_main.bg01{background:url(../imgs/comm/bg_banner_main01.gif) no-repeat 0 100%;}
.banner_main.bg02{background:url(../imgs/comm/bg_banner_main02.gif) no-repeat 0 100%;}

/*Banner Main  Pager*/
.banner_main .bx-pager{display:block; position:absolute; top:190px; left:0; z-index:100;}
.banner_main .bx-pager a{display:block; float:left; margin-left:10px; width:11px; height:11px; background:url(../imgs/comm/paging_banner.png) no-repeat 0 0; text-indent:-9999px;}
.banner_main .bx-pager .pager-active{background:url(../imgs/comm/paging_banner.png) no-repeat 0 -29px;}

/* Visual / Banner Extension */
#visual .visu_contents{width:1060px; height:670px; margin:0 auto; background:#FFF;}
.banner_main_wrap{overflow:hidden; width:1060px;}


.timesale_wrap{position:relative; width:99px; height:197px;}
.timesale_wrap a{display:none;}


/* Footer Extension */
#footer .cs_cont{width:1060px; height:195px;}
#footer .cs_cont ul li{float:left; width:252px; height:195px; margin-right:17px;}
#footer .cs_cont ul li h2{margin-bottom:25px; padding:23px 0 19px 13px; border-bottom:1px solid #D5D5D5;}
#footer .cs_cont ul li p{margin-left:13px;}
#footer .cs_cont ul li.l{margin-right:0;}

#footer .glo{margin:30px 0 30px; padding:15px 0; border:solid #F1F1F1; border-width:1px 0 1px; text-align:center;}
#footer .glo a{display:inline-block; padding:0 20px; background:url(../imgs/comm/line_v01.gif) no-repeat 0 50%;}
#footer .glo a img{display:block; float:left;}

#footer h1{float:left; margin-left:17px;}
#footer .ft_cont ul{margin-left:240px;}
#footer .ft_cont ul li.copyright{padding-top:15px;}
#footer img{display:block;}

.security{margin-left:13px;}
.security dd{float:left; width:96px; height:28px; margin-bottom:10px;}


/*==================================
 Common
==================================*/

/* float */
.fr{float:right !important}
.fl{float:left !important}
.clear{clear:both;}

/* Vertical Align */
.mid{vertical-align:middle}
.top{vertical-align:top !important}

/* Margin */
.mgt0{margin-top:0 !important;}
.mgt10{margin-top:10px !important;}
.mgr30{margin-right:30px !important;}
.mgr100{margin-right:100px !important;}
.mgr140{margin-right:140px !important;}
.mgr315{margin-right:315px !important;}

/* Padding */
.pdt0{padding-top:0 !important;}

/* clear */
.clearfix {*zoom:1;}
.clearfix:after {content:""; display:block; clear:both; }

.bgdnone{background:none !important;}

.list_head{padding:10px 0; border-bottom:3px solid #000}
.list_head{}


#makebanner {width:1060px; margin:0 auto; position:relative; z-index:50;}
#mkbottom{width:1060px;} 
#mk_left {width:240px;} 
#mk_center {width:1060px;} 


/* Title Extension */
.title{position:relative; width:1060px; margin:0 auto 30px; text-align:left;}
.title h2{padding:60px 0 16px; border-bottom:1px solid #E7E7E7;}

/* Remocon */
.remocon{width:99px;}
.remocon ul{overflow:hidden;}
.remocon ul li{display:block; float:left;}
.remocon img{display:block;}

#RightBanner { z-index:9999;}


/*==================================
 제품리스트
==================================*/

/* Navigation Extension */
.navi{border-bottom:1px solid #D0D0D0; padding:25px 0 10px 0;}
.navi h1{overflow:hidden; width:1040px; padding-left:20px; background:url(../imgs/comm/navi_home.gif) no-repeat; font-size:11px; font-family:"Arial", Gadget, sans-serif, "돋움", "굴림"; color:#AFAFAF; font-weight:normal; text-transform:uppercase; text-align:left;}
.navi h1 font p{display:none;}
.navi h1 .woong{font-size:11px; font-family:"Arial", Gadget, sans-serif, "돋움", "굴림"; color:#AFAFAF;}


/* btitle */
.btitle{position:relative; min-height:80px; _height:80px; border-bottom:2px solid #8F8F8F;}
.btitle h1{position:absolute; left:0; bottom:14px; font-size:28px; line-height:28px; color:#454545; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; text-transform:uppercase;}

/* Category */
.category{overflow:hidden; width:1060px; margin-bottom:15px; padding:11px 0 11px; border:solid #F0F0F0; border-width:0 1px 1px; }
.category li{float:left; margin:0 0 0 11px; padding:0 0 0 10px; background:url(../imgs/comm/line_v01.gif) no-repeat 0 50%;}
.category li a, a:link, a:visited, a:hover {font-size:12px !important; font-family:Tahoma, Geneva, sans-serif; color:#333333; text-transform:uppercase;}
.category li a:hover { text-decoration:underline;}


/* List Info */
.list_info{position:relative; width:100%; margin:0 auto 30px; padding-bottom:15px; border-bottom:1px solid #F0F0F0; font-size:11px;}
.list_info p strong{font-weight:bold; color:#F2836A;}
.list_info a{color:#A2A2A2;}
.list_info a:hover{color:#737373;}
.list_info p{float:left;}
.list_info ul{position:absolute; top:0; right:0;}
.list_info ul li{float:left; margin-left:5px; padding-left:5px; background:url(imgs/comm/line_v01.gif) no-repeat 0 2px;}

/* Product list */
.product_list{width:1060px; margin:0 0 50px 0;}
.product_list table{width:1060px; margin:0 auto;}
.product_list table td{position:relative; vertical-align:top !important;}

.product_list table td .good_list{position:relative; width:228px; margin:0 18px 50px; text-align:left;}
.product_list table td .good_list .thumb{margin-bottom:20px;}
.product_list table td .good_list .thumb a{display:block;}
.product_list table td .good_list dl dt{margin-bottom:5px;}
.product_list table td .good_list dl dt a{display:block; margin-bottom:5px; font-size:12px; color:#C3C3C3;}
.product_list table td .good_list dl dt a:hover{color:#C3C3C3; text-decoration:none;}
.product_list table td .good_list dl dd{font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#F29991;}


/* Pagging */
.pagging{text-align:center}

.brandcurpage, .brandpage{display:inline-block; width:20px; height:20px; font-size:0; line-height:0; cursor:pointer;}
.brandcurpage{background:url(../imgs/comm/paging.gif) no-repeat 0 -5px; color:#232323;}
.brandpage{background:url(../imgs/comm/paging.gif) no-repeat 0 -25px; color:#D8D8D8;}



/*==================================
 멤버스
==================================*/

/* Login */
.login_wrap{overflow:hidden; margin:0 auto; padding:30px; background:#F5F5F5; color:#7C7C7C; text-align:left;}

.login_wrap ul li{float:left; width:50%;}
.login_wrap ul li label{display:block; padding:25px 0 5px; font-size:11px;}
.login_wrap ul li input{width:100%; height:30px; line-height:30px;}
.login_wrap ul li .idn input{width:45%;}
.login_wrap ul li .btn{margin:10px 0;}
.login_wrap ul li p.txt{clear:both; margin:20px 0 10px; padding-top:20px; _padding-top:10px; border-top:1px solid #ADADAD; font-size:11px;}
.login_wrap ul li p strong{color:#EE8073;}
.login_wrap ul li dl.ect{overflow:hidden; clear:both; margin-bottom:10px;}
.login_wrap ul li dl.ect dt{float:left; width:300px; font-size:11px; }
.login_wrap ul li dl.ect dd{float:right;}

.login_wrap dl.info{float:left; margin:0 30px;}
.login_wrap dl.info dt{margin-bottom:10px; font-size:12px; color:#EE8073; font-weight:bold;}
.login_wrap dl.info dd{margin-bottom:30px; font-size:11px; color:#9A9A9A; line-height:140%;}


/* Join form */
.join_form {width:1060px; text-align:left; border-top:1px solid #EAEAEA;}
.join_form th, .join_form td{padding:8px 0 8px 20px; border-bottom:1px solid #EAEAEA;}
.join_form th{font-size:11px; font-weight:bold;}
.join_form td input{height:23px; line-height:23px;}
.join_form img{vertical-align:middle;}
.join_form .brd_none{border-bottom:none;}

/* Lost */
.lost_member{text-align:left;}
.lost_member h4{margin-bottom:20px; padding:10px 0; border-bottom:2px solid #827575; font-size:15px; }
.lost_member p{margin-bottom:5px; padding-left:10px; background:url(/design/peper/imgs/ico_rec05.gif) no-repeat 0 50%; font-size:11px; color:#969696;}
.lost_member p strong{color:#B06666;}
.lost_member ul{float:left; width:100%; margin-top:20px; padding-top:40px; border-top:1px solid #E6E6E6;}
.lost_member ul li{float:left; width:50%; margin-bottom:10px;}
.lost_member ul li label{margin:0 10px 0 30px;}
.lost_member ul li input{width:120px; height:30px; line-height:30px;}


/*==================================
 Detail
==================================*/

/* Detail Wrap */
.detail_box{position:relative; width:1060px; min-height:520px; _height:520px; border-bottom:1px solid #F1F0EF; background:#fff; text-align:left;}

.detail_box .photo{float:left; width:300px; margin-right:45px; text-align:center;}
.detail_box .photo ul{margin-top:5px; padding:10px 20px; background:#F2F1EE;}

.detail_box .info{float:left; width:410px;}
.detail_box .info h1{margin-bottom:16px; padding-bottom:10px; border-bottom:2px solid #464646; font-size:12px; font-family:Arial, Helvetica, sans-serif, "돋움";}
.detail_box .info h1 p{font-size:18px; color:#262626;}
.detail_box .info h1 p font{font-size:11px; line-height:150%; font-weight:normal;}
.detail_box .info h1 br{display:none;}
.detail_box .info h1 font{display:block;}
.detail_box .info p.cart_info{margin-bottom:16px;}
.detail_box .info table{margin-bottom:16px; border-bottom:1px solid #F8F7F5; table-layout:auto;}
.detail_box .info table td{padding-bottom:8px; color:#999;}
.detail_box .info .detail_btn ul li{float:left; margin-right:4px;}

.detail_box .info2{float:right; min-height:500px; _height:500px; width:270px; padding:20px 0 0 0; border-left:1px solid #CCC; text-align:left;}
.detail_box p.card_info{margin:0 30px 50px 8px;}
.detail_box .sosial{overflow:hidden; clear:both; margin:0 0 0 8px; text-align:left;}

.detail_box .event{float:left; clear:left; width:755px; margin-top:40px;}
.detail_box .event h3{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E3E3E3; text-align:left;}
.detail_box .event ul{float:left; width:755px;  padding:10px 0 20px 14px;}
.detail_box .event ul li{float:left; margin-right:24px; padding-right:23px; border-right:1px dotted #CCCCCC; }
.detail_box .event ul li a img{display:block; float:left;}
.detail_box .event ul li.l{margin-right:0; padding-right:0; border-right:none;}

.detail_view{margin:50px auto 0; clear:both;}
.detail_view h3{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E3E3E3; text-align:left;}
.detail_view .collection{margin-bottom:10px;}
.detail_view .coupon{margin-bottom:10px;}
.detail_view .detail{margin-bottom:10px;}
.detail_view .detail_info{margin-bottom:10px;}

.detail_view .detail_delivery{margin-bottom:10px;}
.detail_view .slider{overflow:hidden;}
.detail_view .slider_delivery p{width:100%; height:23px; background:url(../imgs/comm/tit_detail_open.gif) no-repeat; cursor:pointer;}
.detail_view .slider_delivery p.onen{background:url(../imgs/comm/tit_detail_open.gif) no-repeat;}
.detail_view .slider_delivery p.close{background:url(../imgs/comm/tit_detail_close.gif) no-repeat;}


#poweroption{border-bottom:none;}
.quantity, .quantity td{margin:0 !important; padding:0 !important; border-bottom:none !important;}

.vo_title{width:84px;}
.vo_colon{display:none;}


/* Detail board */
.detail_board{width:100%;}
.detail_board .board_title{margin:50px 0 10px;}


/* Detail review */
#mk_shopdetaile_review_write_wrap{/*border:1px solid #E5E5E5;*/}
#mk_shopdetaile_review_write_wrap .write_wrap{padding:20px 0 20px 10px; /*background:#F1F1F1;*/}
#mk_shopdetaile_review_write{margin:0 !important;}
#mk_shopdetaile_review_write #review_star_list input{border:none;}
#mk_shopdetaile_review_write #review_star_list label img{vertical-align:middle;}
#review_star_list table{margin-top:10px;}
#review_content_box{width:815px;}

#mk_shopdetail_review .reviewname{padding:10px 0;}
#mk_shopdetail_review .reviewcontent a{color:#777777;}
#mk_shopdetail_review .reviewcontent a:hover{color:#464646; text-decoration:none;}
#mk_shopdetail_review .mk_review_dotline{border-bottom:1px solid #E5E5E5; background:none !important;}
#mk_shopdetail_review #mk_shopdetail_review_content .mk_review_dotline{border-bottom:1px solid #E5E5E5; background:none !important;}
#mk_shopdetail_review #mk_shopdetail_review_content .reviewcontent_td{padding:15 15 15 120px !important; background:#FBFBFB;}
#mk_shopdetail_review #mk_shopdetail_review_page{background:none !important;}

/* Detail Faq */
#mk_shopdetail_brandqna{border-top:1px solid #C8C8C8;}
#mk_shopdetail_brandqna #mk_shopdetail_brandqna_title_tr td{padding:10px 0; background:#FBFBFB; color:#777777;}
#mk_shopdetail_brandqna .mk_shopdetail_brandqna_title_line{background:none !important;}
#mk_shopdetail_brandqna .mk_shopdetail_brandqna_title_line td{border-bottom:1px solid #E5E5E5;}
#mk_shopdetail_brandqna .mk_shopdetail_brandqna_list_tr td{padding:10px 0; color:#A1A1A1;}
#mk_shopdetail_brandqna .mk_shopdetail_brandqna_list_tr td a{color:#777777;}
#mk_shopdetail_brandqna .mk_shopdetail_brandqna_list_tr td a:hover{color:#464646; text-decoration:none;}
#mk_shopdetail_brandqna .mk_shopdetail_brandqna_dot_line{border-bottom:1px solid #E5E5E5; background:none !important; }
#mk_shopdetail_brandqna .mk_shopdetail_brandqna_content div{padding:15 15 15 120px !important;}
#mk_shopdetail_brandqna .mk_shopdetail_brandqna_content{background:#FBFBFB !important;}