html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, tbody, tfoot, thead, tr, th, td, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    font-family: "Nanum Gothic", µ¸¿ò, dotum;
}

body{border:0;padding:0;margin:0;}

a{text-decoration:none;color:#000;}

a:hover, a:active, a:focus { color:#000; }

ul, ol { list-style:none;margin:0;padding:0; }

*{ font-family:"Nanum Gothic","µ¸¿ò",Dotum,"±¼¸²",Gulim,tahoma,Sans-serif}

#body_warp_s{display:inline-block;width:100%;}

#top_logo{display:inline-block;width:100%;}
#top_logo .top_logo_warp{width:100%;margin:0 auto;margin-top:1em;}
#top_logo .logo_warp{display:inline-block;float:left;margin-left:10px; width:45%;}
#top_logo .logo_warp img{width:100%;}

#top_logo .top_user_menu{float:right; vertical-align:middle;}
#top_logo .user_menu_warp a{display:block;float:left;}
#top_logo .user_menu_txt {font-size: 12px;width:60px;display: inline-block;text-align: center;}
#top_logo .r_line{border-right:1px solid #ddd;}

#top_cate{display:inline-block;width:100%;background:#1cbcb4;text-align:center;margin-top:0;float:left;}
#top_cate .cate_warp{width:100%;margin:0;}
#top_cate .cate_menu li{float:left;width:14.2%;}
#top_cate .cate_menu li a{display:inline-block;width:100%;padding:14px 0;font-size:12px;font-weight:bold;color:#fff;}
#top_cate .cate_menu li a:hover{color:#fdd923;background:#666;}



#body_warp{width:100%;text-align:center;}
#body_warp .rolling_warp{display:inline-block;width:100%;margin-top:0;text-align:left;}

/* ¸ÞÀÎ ·Ñ¸µ */
#body_warp .main_rolling{width:100%; font-size:0;}
#body_warp .main_rolling_img img{width:100%;}

.main_dots {display: inline-block;width: 100%;text-align: center; border-bottom: 1px solid #c6c6c6;padding: 10px 0;}
.main_dots li {margin-left: 10px;display: inline-block;}
.main_dots li button{background:url('/images/shop/dots_off.png') no-repeat;width:12px;height:12px;text-indent:-9999px;border:none;outline:none;}
.main_dots li.slick-active button{background:url('/images/shop/dots_on.png') no-repeat;width:12px;height:12px;}  
div.slick-dotted.slick-slider{margin-bottom:0;}
/* ¸ÞÀÎ ·Ñ¸µ END */

#body_warp .right_banner{width:100%; font-size:0; margin-top:10px;}
#body_warp .right_banner img{width:49%;}
#body_warp .right_banner .coupon_banner{float:right;}

#body_warp .banner{display:inline-block;width:100%;margin:20px 0;}

#body_warp .best_warp{width:100%;background:#f1f1f1 ;margin:0 0 0 0; margin-top:10px;}
#body_warp .best_goods{display:inline-block;width:100%;margin:0 0 20px 0;text-align:center;}
#body_warp .best_goods a {margin:0 2%;margin-top:20px;width:46%;float:left;}
#body_warp .best_goods a img{width:100%;margin-top:20px;border-radius:50%;}
#body_warp .best_goods .margin_none{margin:0}


.pink_txt {
    color: #ff7583;
    font-weight: bold;
    font-size: 18px;
    display: block;
}
.blk_txt {
    color: #111;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}



#body_warp .main_cate_warp{width:100%;text-align:center;margin:20px 0 10px 0;}
#body_warp .main_cate_warp img{width:66%;}


#body_warp .mizpack_huwon{margin-top:10px;}
#body_warp .mizpack_huwon img{width:100%;}

#body_warp .huwon_movie{width:100%;margin:0 auto;margin-top:30px;text-align:left;}
#body_warp .huwon_movie .huwon_comp{float:right;}

#body_warp .coupon_goods{width:100%;margin:0 auto;margin-top:10px;text-align:left;background:#f1f1f1;}
#body_warp .coupon_goods_info{display:inline-block;}
#body_warp .coupon_goods_info img{width:100%;margin-top:0px;}
/* ÄíÆù»óÇ° ·Ñ¸µ */
#body_warp .coupon_goods_rolling{display:inline-block;width:100%;padding:0;}
#body_warp .coupon_goods_rolling_img{margin:0 4px;}
#body_warp .coupon_goods_rolling_img img{width:100%;}

.slick-dots{position:static;width:100%;margin-top:12px;}
.slick-dots li{margin-left:4px;}
.slick-dots li button{background:url('/images/shop/dots_off.png') no-repeat;width:12px;height:12px;text-indent:-9999px;border:none;outline:none;}
.slick-dots li.slick-active button{background:url('/images/shop/dots_on.png') no-repeat;width:12px;height:12px;}  

.slick-prev{background:url('/images/shop/roll_arrow_left.png') no-repeat;}
.slick-next{background:url('/images/shop/roll_arrow_right.png') no-repeat;}
/* ÄíÆù»óÇ° ·Ñ¸µ END */


#body_warp .banner_cate{width:98%;margin:0 auto;margin-top:10px;}
#body_warp .banner_cate a{display:block;}
#body_warp .banner_cate a img{width:100%;}
#body_warp .banner_cate_warp1{width:100%;}
#body_warp .banner_cate_warp2{width:100%;margin-top:10px;}
#body_warp .banner_cate_warp3{width:100%;margin-top:10px;margin-bottom:10px;}

#body_warp .banner_cate_umocha{display:inline-block;float:left;text-align:center;width:48%;border:1px solid #eee;border-spacing:border-box;padding:12px 0;background:#fff;}
#body_warp .banner_cate_carsit{display:inline-block;text-align:right;text-align:center;width:48%;border:1px solid #eee;border-spacing:border-box;padding:12px 0;background:#fff;}
#body_warp .banner_cate_agiti{display:inline-block;float:left;text-align:center;width:48%;border:1px solid #eee;border-spacing:border-box;padding:12px 0;background:#fff;}
#body_warp .banner_cate_uayung{display:inline-block;text-align:right;text-align:center;width:48%;border:1px solid #eee;border-spacing:border-box;padding:12px 0;background:#fff;}

#body_warp .new_goods{display:inline-block;width:100%;margin:20px 0;}

	





#order{display:inline-block;width:100%;margin:0 auto;font-family: 'Nanum Gothic,dotum';}
#order .order_title{border-left:4px solid #87cbd8;margin-top:40px;}
#order .order_title span{margin-left:6px;font-size:18px;font-weight:bold;}

#order .goods_warp{margin-top:20px;}
#order .goods_warp table{width:100%;border:1px solid #d4d4d4;border-collapse:collapse;text-align:center;font-size:16px;font-weight:bold;}
#order .goods_warp th{border:1px solid #ccc;padding:10px 0;background:#eee;}
#order .goods_warp td{border:0px solid #ccc;padding:10px 0;}
#order .goods_info{}
#order .goods_cont{text-align:left;}
#order .goods_cont img{float:left;margin-left:6px;margin-right:6px;}
#order .goods_cont p{margin-top:10px;width:90%;}
#order .goods_cont .goods_txt{}

#order .all_price{width:100%;text-align:right;margin-top:20px;font-size:24px;font-weight:bold;}
#order .all_price p{margin-top:6px;}
#order .all_price b{color:#ec008c;}
#order .price_sub {font-size:14px;font-weight:400;}

.bold_400{font-weight:400;}

#order .member_warp{width:100%;margin-top:20px;border-top:3px solid #404040;}
#order .member_warp table{width:100%;border-top:1px solid #d4d4d4;border-collapse:collapse;text-align:left;font-size:14px;font-weight:bold;}
#order .member_warp th{border-bottom:1px solid #ccc;padding:10px 0;background:#eee;text-align:center;line-height:150%;}
#order .member_warp td{border-bottom:1px solid #ccc;padding:10px 0;}
#order .member_warp td p{margin-left:1em;}
#order .member_info{}
#order .member_info input{border:1px solid #ccc;height:30px;margin-left:1em}
#order .msg {width:98%;height:60px;margin-left:2%;overflow:hidden;box-sizing:border-box;word-break:break-all;}


#order .shipping_warp{width:100%;margin-top:20px;border-top:3px solid #404040;}
#order .shipping_warp table{width:100%;border-top:1px solid #d4d4d4;border-collapse:collapse;text-align:left;font-size:14px;font-weight:bold;}
#order .shipping_warp th{border-bottom:1px solid #ccc;padding:10px 0;background:#eee;text-align:center;line-height:150%;}
#order .shipping_warp td{border-bottom:1px solid #ccc;padding:10px 0;}
#order .shipping_info{}
#order .shipping_info input{border:1px solid #ccc;height:30px;margin-left:1em;}
#order .add_in {margin-top:10px;}
#order .add_sch a{background:#222e33;padding:7px 10px;color:#fff;}


#order .proof_warp{width:100%;margin-top:20px;border-top:3px solid #404040;}
#order .proof_warp table{width:100%;border-top:1px solid #d4d4d4;border-collapse:collapse;text-align:left;font-size:14px;font-weight:bold;}
#order .proof_warp th{border-bottom:1px solid #ccc;padding:10px 0;background:#eee;text-align:center;line-height:150%;}
#order .proof_warp td{border-bottom:1px solid #ccc;padding:10px 0;}



#order .pay_warp{width:100%;margin-top:20px;border-top:3px solid #404040;}
#order .pay_warp table{width:100%;border-top:1px solid #d4d4d4;border-collapse:collapse;text-align:left;font-size:14px;font-weight:bold;}
#order .pay_warp th{border-bottom:1px solid #ccc;padding:10px 0;background:#eee;text-align:center;line-height:150%;}
#order .pay_warp td{border-bottom:1px solid #ccc;padding:10px 0;}
#order .pay_warp td p{margin-left:1em;}
#order .pay_info{}
#order .pay_info input{border:1px solid #ccc;height:30px;margin-left:1em;vertical-align:middle;}

#order .order_btn{text-align:center;margin:0 auto;margin-top:60px;margin-bottom:60px;}
#order .order_btn a{background:#999;padding:0.6em 1em;margin:0 5px;border-radius:4px;color:#fff;font-size:22px;}

#order .order_detail_cancel{background:#3dacc1;color: #fff;border-radius: 4px;font-size: 12px;padding: 4px 10px;}


#order .goods_end_msg{width:98%;margin:0 auto;margin-top:20px;padding:20px 0;border:2px solid #ec008c;box-sizing:border-box;}
#order .goods_end_msg p{line-height:140%;font-size:18px;color:#ec008c;font-weight:bold;text-align:center;}

#order p.end_sub_txt{line-height:140%;font-size:11px;color:#666;font-weight:400;text-align:center;}

/* layout.css */
#wrap {
    width: 100%;
    background: url("/images/m/bg.jpg") no-repeat;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 15%;
    max-height: 100%;
    min-height: 500px;
}

#wrap h3 {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    display: block;
    width: 100%;
}
.main_table {
    position: relative;
    text-align: center;
    margin-bottom: 5%;
}
.box {
    width: 70%;
    height: 30px;
    margin-top: 5%;
}
.login_box {
    margin-top: 5%;
}

.idpw {
    width: 68%;
    text-align: center;
    float: left;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}
.join {
    width: 32%;
    text-align: left;
    float: left;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}

table tr td img {
    margin-top: 6%;
    width: 70%;
}

#footer {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    background: #353840;
    color: #fff;
    text-align: center;
    line-height: 15px;
	display:inline-block;
}

/*·Î±×ÀÎ¸ÞÀÎ*/
.logout {
    width: 32%;
    text-align: left;
    float: right;
    font-size: 1.267em;
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}

.miz_logo {
    margin-bottom: 10%;
    width: 100%;
    text-align: center;
}
.miz_logo img {
    width: 85%;
    margin: 10% auto 0;
}



/* layout.css END */



/* class.css */


#wrap {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
}

#wrap .top {}

#join {
    width: 100%;
    background: url("../class/images/join_bg_02.jpg") no-repeat;
    background-size: cover;
    max-height: 100%;
    padding-top: 20%;
    padding-bottom: 5%;
}
#join ul {
    margin-left: 30%;
    margin-top: 5.5%;
}
#join ul li {
    font-size: 0.8em;
    line-height: 1.8em;
}
#join ul li img {
    margin: 0;
}
#join .jright_box2 {
    width: 70%;
    border: 1px solid #c2c2c2;
}
#join .jright_box3 {
    width: 70%;
    height: 40px;
    border: 1px solid #c2c2c2;
}



#j_txt {
    width: 100%;
    background: url("../class/images/join_bg_03.jpg") no-repeat;
    background-size: cover;
    max-height: 100%;
    padding-top: 10%;
    padding-bottom: 5%;
}
#j_txt ul {
    margin-left: 10%;
}
#j_txt ul li {
    font-size: 0.8em;
    line-height: 1.8em;
}
#j_txt ul li img {
    margin: 0;
}
#j_txt .jright_box2 {
    width: 70%;
}
#j_txt .jright_box3 {
    width: 70%;
    height: 40px;
}

#join .btn_align {
    text-align: center;
    margin-top: 5%;
}
#join .btn_align .join_btn {
    display: inline-block;
    width: 50%;
    background: #FF6000;
    color: #fff;
    font-weight: bold;
}

#j_txt .btn_align {
    text-align: center;
    margin-top: 5%;
}

#pass {
    width: 100%;
    background: url("../class/images/pass_bg.jpg") no-repeat;
    background-size: cover;
    text-align: center;
    max-height: 100%;
    padding-top: 33%;
    padding-bottom: 61%;
}
#pass ul {
    margin-left: 30%;
    margin-bottom: 3%;
}
#pass ul li {
    font-size: 0.8em;
    line-height: 1.8em;
    text-align: left;
}
#tit2 {
    width: 100%;
    background: url("../class/images/tit2_img.jpg") no-repeat;
    background-size: cover;
    text-align: center;
    max-height: 100%;
    padding-top: 87%;
    padding-bottom: 5%;
}
#tit2_2 {
    width: 100%;
    background: url("../class/images/tit2_img_2.jpg") no-repeat;
    background-size: cover;
    text-align: center;
    max-height: 100%;
    padding-top: 87%;
    padding-bottom: 5%;
}
#tit2_2 a img {
    width: 25%;
}
#tit2_u {
    width: 100%;
    background: url("../class/images/tit2_img_u.jpg") no-repeat;
    background-size: cover;
    text-align: center;
    max-height: 100%;
    padding-top: 91%;
    padding-bottom: 2%;
}
#tit2_10 {
    width: 100%;
    text-align: center;
    max-height: 100%;
    padding-bottom: 2%;
}


/* class.css END */




/*¾ÆÀÌµð ºñ¹Ð¹øÈ£ Ã£±â*/
#body_warp .idpw_title {
    text-align: center;
}
#body_warp .idpw_title h1 {
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 150%;
}
#body_warp .idpw_title h1 span {
    color: #58b1b7;
}

#body_warp .idpw_wrap {
    background: #fff;
    width: 100%;
    border: 1px solid #d3d3d3;
    margin-top: 20px;
    padding-top: 4%;
    padding-bottom: 4%;
	text-align:left;
}
#body_warp .idpw_wrap h2 {
    font-size: 16px;
    line-height: 16px;
    padding-left: 4%;
}
#body_warp .idpw_wrap h3 {
    font-size: 12px;
    color: #aaa;
    font-weight: normal;
    padding-left: 4%;
    padding-right: 4%;
}

#body_warp .idpw_wrap table {
    margin: 6% auto 0;
    letter-spacing: -1px;
}
#body_warp .idpw_wrap .idow_box {
    border: 1px solid #c1c1c1;
    background-color: #f3f3f3;
    width: 90%;
}
#body_warp .idpw_wrap .number_btn {
    background-color: #f68b00;
    text-align: center;
    padding: 1px;
}
#body_warp .idpw_wrap .number_btn a {
    color: #fff;
    font-size: 11px;
}

#body_warp .id_btn {
    margin-top: 5%;
    margin-left: 35%;
    font-weight: bold;
    color: #ffffff;
    background-color: #58b1b7;
    padding: 2px 3px;
    width: 30%;
    text-align: center;
}
#email3 {
    width: 30%;
}

/*È¸¿ø°¡ÀÔ*/
#body_warp .join_wrap {
    width: 100%;
    padding: 2% 0;
    background: #FFF;
    text-indent: 2%;
    border: 1px solid #ddd;
	text-align:left;
	font-size:12px;
}
#body_warp .join_wrap table {
    letter-spacing: -1px;
}
#body_warp .join_wrap .join_td {
    font-weight: bold;
    padding: 4px 0;
	vertical-align:top;
}
#body_warp .join_wrap .join_td b {
    color: #dd0303;
}

#body_warp .join_wrap .join_boxtd select {
    height: 2.5em;
	border-radius:5px;

}
#body_warp .join_wrap .join_boxtd span {
    background-color: #f5be1b;
    font-weight: bold;
    padding: .9em 1px;
	border-radius:5px
}

#body_warp .join_wrap .join_box {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    width: 90%;
    height: 2.5em;
	border-radius:5px;
	margin-bottom:10px;
}
#body_warp .join_wrap .join_box_m {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    width: 28%;
    height: 2.5em;
	border-radius:5px;
	margin-bottom:10px;
}
#body_warp .join_wrap .join_box_s {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    width: 18%;
    height: 2.5em;
	border-radius:5px;
	margin-bottom:10px;
}
#body_warp .join_btn {
    background-color: #87cbd8;
    color: #fff;
    font-weight: bold;
    margin: 5% auto;
    text-align: center;
    padding: 0.75em 0;
    font-size: 18px;
    width: 90%;
}
#body_warp .join_btn a{
color:#fff;
font-size:.8em;
}
.join_check {
    text-align: left;
    margin-top: 3%;
    margin-left: 2%;
}

#content #privacy_wrap {
    width: 100%;
	margin:1em 0 1.5em 0
}
#privacy_wrap .box_title {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    height: 25px;
	margin-top:10px;
}
#privacy_wrap .privacy_box {
    width: 95%;

    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    overflow: scroll;
    line-height: 140%;
    padding: 2% 2% 0;

	border-top:1px solid #333; 
	border-bottom:3px solid #333; 
	height:15em;

}
#privacy_wrap .box_title .box_title_point{color:#52b1b3; font-size:.5px; margin-right:.5em;}
.joinreg_btn{background:#52b1b3; font-size:1em; color:#fff; font-weight:bold; text-align:center; border-radius:5px; padding:.5em 1em;}

#privacy_wrap .privacy_check input{width:18px; height:18px; vertical-align:middle; margin-right:5px;}
.agree_btn_wrap:after{clear:both; display:block; content:""}

#privacy_wrap .privacy_box span {
    font-weight: bold;
    color: #333333;
}
#privacy_wrap .privacy_check {
 margin:0; font-size:1em; font-weight:bold; background:#f9f9f9; padding:0.5em .5em; color:#111
}
#privacy_wrap .privacy_check span {
    float: right;
	background:#52b1b3; font-weight:bold; color:#fff; padding:5px 5px; border-radius:5px
}

/*.agreebtn_wrap {width:95%; height:50px; margin:0 auto; text-align:center; border:1px solid red;}*/

.no_btn {
    position: relative;
    float: left;
    margin: 0 8px 0 0;
    color: #ffffff;
    font-weight: bold;
    background-color: #afafaf;
    padding: .5em 3em;

    text-align: center;
}
.next_btn {
    position: relative;
    float: left;
    color: #ffffff;
    font-weight: bold;
    background-color: #87cbd8;
    padding: .5em 3em;
  
    text-align: center;
}
.agree_btn_wrap{width:100%; display:inline-block; text-align:center;margin-top:10px;}
.agree_btn_wrap a{display:inline-block;}

.pr_btn {
    position: relative;
    float: left;
    color: #ffffff;
    font-weight: bold;
    background-color: #454545;
    padding: 3px 5px;
    width: 20%;
    text-align: center;
    margin-right: 3%;
}