/* 페이지 : 마이페이지 */
/*.mypage .menubox{border:1px solid #ddd; background: #fff;}*/
/*.mypage .menubox a{display:block; padding:10px 20px; font-size:13px; color:#808080;}*/
/*.mypage .menubox a.mgroup{color:#fff; background:#9098a0;}*/
/*.mypage .menubox li.on a{font-weight:600; color:#333; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#F9F9F9;}*/
.mypage .section{padding:30px 0px; border-top:1px solid #E6E6E6;}
.mypage .section:first-child{padding-top:0px; border-top:0px;}
.mypage .section .ti{margin-bottom:20px; font-size:15px; font-weight:600;}
.mypage .checkInfo{}
.mypage .checkInfo .inptxt{width:130px;}
.mypage .checkInfo .noti{padding:15px 0px; font-size:15px; color:#C1272D;}

/* 페이지 : 마이페이지 > 메인 */
.mypage .index .indexBlock{border-top:1px solid #ddd; *zoom:1;}
.mypage .index .indexBlock:first-child{border:none;}
.mypage .index .indexBlock:after{display:block; clear:both; content:'';}
.mypage .index .indexBlock .ti{margin-bottom:15px; margin-right:5px; font-size:16px;}
.mypage .index .indexBlock .sub{float:left; font-weight:normal; font-size:12px; color:#808080; line-height:24px; letter-spacing: -1px;}
.mypage .index .indexBlock:after{display:block; clear:both; content:'';}
.mypage .index .usedProduct{position:relative; padding:15px;}
.mypage .index .usedProduct .ti{float:left;}
.mypage .index .usedProduct .mpslider{clear:both;}
.mypage .index .usedProduct .prodCouBox{float:right; font-size:13px;}
.mypage .index .usedProduct .prodCouBox strong{color:#29ABE2; font-size:16px;}
.mypage .index .useableProduct{position:relative; padding:15px;}
.mypage .index .useableProduct .ti{float:left;}
.mypage .index .useableProduct .mpslider{clear:both;}
.mypage .index .useableProduct .prodCouBox{float:right; font-size:14px;}
.mypage .index .useableProduct .prodCouBox strong{color:#29ABE2; font-size:16px;}
.mypage .index .recmProd{position:relative; float:left; width:515px; padding:15px; border-right:1px solid #ddd;}
.mypage .index .recmProd .btnRefresh{position:absolute; right:15px; top:15px;}
.mypage .index .popSearchWord{float:right; width:340px; padding:15px;}
.mypage .index .popSearchWord .wordview{margin-bottom:15px;}
.mypage .index .popSearchWord .wordview .nodata{text-align:center;}
.mypage .index .popSearchWord .indexBanner{}
.mypage .index .popSearchWord .indexBanner img{max-width:100%;}
.mypage .index .mpslider{position:relative; padding:0px 40px;}
.mypage .index .mpslider .nodata{text-align:center;}
.mypage .index .mpslider .btnNext,
.mypage .index .mpslider .btnPrev{position:absolute; z-index: 10; display:block; width:30px; height:145px; background:#fcfcfc; border:1px solid #E6E6E6;}
.mypage .index .mpslider .btnPrev .i,
.mypage .index .mpslider .btnNext .i{position:absolute; top:50%; left:50%; display:block; width:11px; height:11px; margin:-6px 0px 0px -5px; overflow:hidden; text-indent:-999px; background:url("../images/common/sprite_icon2.png") 0px 0px no-repeat;}
.mypage .index .mpslider .btnNext{right:0px; top:0px;}
.mypage .index .mpslider .btnNext .i{background-position: -5px -21px;}
.mypage .index .mpslider .btnPrev{left:0px; top:0px;}
.mypage .index .mpslider .btnPrev .i{background-position:  -37px -21px;}

.wordview{}
.wordview a{padding:0px 5px; vertical-align: middle;}
.wordview .word1{font-size:16px;}
.wordview .word2{font-size:18px;}
.wordview .word3{font-size:22px;}
.wordview .word4{font-size:26px;}
.wordview .word5{font-size:30px;}
.wordview .word6{font-size:34px;}

.wordview .word2:hover{
	color: #fff !important;
    background-color: #5BC4E8;
    text-shadow: nthree;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
}

.wordview .word2{
	color: #aaa;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    position: relative;
    /* border: 2px solid #87ceeb; */
    border-radius: 5px;
    box-shadow: 0 0 0 0 #FFFFFF,0 5px 8px 0 #d2d2d1;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    margin-bottom: 10px;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
    
   
}

.wordview .word3:hover{
	color: #fff !important;
    background-color: #5BC4E8;
    text-shadow: nthree;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
}

.wordview .word3{
	color: #aaa;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    position: relative;
    /* border: 2px solid #87ceeb; */
    border-radius: 5px;
    box-shadow: 0 0 0 0 #FFFFFF,0 5px 8px 0 #d2d2d1;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    margin-bottom: 10px;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
    
   
}

.wordview .word4:hover{
	color: #fff !important;
    background-color: #5BC4E8;
    text-shadow: nthree;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
}

.wordview .word4{
	color: #aaa;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    position: relative;
    /* border: 2px solid #87ceeb; */
    border-radius: 5px;
    box-shadow: 0 0 0 0 #FFFFFF,0 5px 8px 0 #d2d2d1;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    margin-bottom: 10px;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
    
   
}

.wordview .word5:hover{
	color: #fff !important;
    background-color: #5BC4E8;
    text-shadow: nthree;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
}

.wordview .word5{
	color: #aaa;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    position: relative;
    /* border: 2px solid #87ceeb; */
    border-radius: 5px;
    box-shadow: 0 0 0 0 #FFFFFF,0 5px 8px 0 #d2d2d1;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    margin-bottom: 10px;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
    
   
}

.wordview .word6:hover{
	color: #fff !important;
    background-color: #5BC4E8;
    text-shadow: nthree;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
}

.wordview .word6{
	color: #aaa;
    cursor: pointer;
    display: inline-block;
    text-align: left;
    position: relative;
    /* border: 2px solid #87ceeb; */
    border-radius: 5px;
    box-shadow: 0 0 0 0 #FFFFFF,0 5px 8px 0 #d2d2d1;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    margin-bottom: 10px;
    behavior: url( "http://127.0.0.1:8080/PIE.htc" );
    
   
}

/* 페이지 : 마이페이지 > 회원탈퇴 */
.withdraw{}
.withdraw .txt{margin-bottom:15px; font-size:14px; color:#1A1A1A;}
.withdraw .desc{margin-bottom:15px; font-size:15px; color:#666666;}
.withdraw .deleteInfo{color:#C1272D; font-size:14px;}
.withdraw .accountCheck{}
.withdraw .accountCheck .ti{}
.withdraw .accountCheck .checkTxt{margin:10px 0px 20px; font-size:14px; color:#666666;}

.withdraw .withdrawCheck .ti .em{font-size:13px;}
.withdraw .withdrawCheck .btnGroup{text-align:left;}
.withdraw .withdrawQuestion .radioGroup{width:600px; overflow:hidden;}
.withdraw .withdrawQuestion .radioGroup .radiobox{float:left; width:50%; margin:0px 0px 10px 0px;}

.withDrawCont{padding:15px;}
.withDrawCont .list-dot{font-size:14px;}

/* 페이지 : 마이페이지 > 쿠폰 */
.mypage .coupon{}
.mypage .coupon .couponGroup{margin-bottom:-15px; overflow:hidden;}
.mypage .coupon .couponGroup .radiobox{float:left; width:50%; height:86px; margin:0px; padding:0px 0px 15px;}
.mypage .coupon .couponGroup .radiobox .lbl{padding-left:30px;}
.mypage .coupon .couponGroup .radiobox .lbl .ico{position:absolute; top:50%; left:0px; margin-top:-10px}
.mypage .coupon .paymentMethod .radiobox{margin-right:15px;}
.mypage .coupon .useinfo{padding:15px; font-size:14px; text-align:center; background:#F9F9F9;}
.mypage .coupon .useinfo em{color:#C1272D;}
.mypage .coupon .couponBuy .btnGroup{padding:25px 0px;}

/* 페이지 : 마이페이지 > 비밀번호 변경 */
.mypage .changePassword{}
.mypage .changePassword .formHorizontal .inptxt{width:230px;}
.mypage .changePassword .btnGroup{padding-top:30px;}
.mypage .changePassword .desc{font-size:13px; color: #666666;}
.mypage .changePassword .inpbx{width:140px;}

/* 페이지 : 마이페이지 > 회원정보 */
.accountInfo{}
.accountInfo .accountForm .formLabel{text-align:right;}
.accountInfo .accountForm .noti{padding-top:20px; color:#C1272D; font-size:15px;}
.accountInfo .accountForm .inpbx{width:260px;}
.accountInfo .accountForm .btnGroup{padding-top:30px;}
.accountInfo .accountCheck{}
.accountInfo .accountCheck .ti{}
.accountInfo .accountCheck .checkTxt{margin:10px 0px 20px; font-size:14px; color:#666666;}
.accountInfo .accountCheck .checkInfo{}
.accountInfo .accountCheck .checkInfo .inpbx{width:100px;}

/* 페이지 : 마이페이지 > 북마크 */
.mypage .bookmarkList{padding:15px;}
.mypage .bookmarkList .listSrchBox{margin-top:15px;}
.mypage .bookmarkList .listControlBox{padding-top:0px;}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    /* 페이지 : 마이페이지 > 메인 */
    .mypage .index .indexBlock .sub{float:none;}
    .mypage .index .usedProduct .ti{float:none;}
    .mypage .index .usedProduct .prodCouBox{float:none; font-size:14px; margin-bottom:15px;}
    .mypage .index .useableProduct .ti{float:none; margin-bottom:10px;}
    .mypage .index .useableProduct .prodCouBox{float:none;  font-size:14px; margin-bottom:15px;}
    .mypage .index .recmProd{float:none; width:auto; padding:15px;}
    .mypage .index .popSearchWord{float:none; width:auto; padding:15px; border:none; border-top:1px solid #ddd;}
    .mypage .index .mpslider{position:relative; padding:0px;}
    .mypage .index .mpslider .btnNext,
    .mypage .index .mpslider .btnPrev{position:absolute; display:block; width:30px; height:30px; background:#fcfcfc; border:1px solid #E6E6E6;}
    .mypage .index .mpslider .btnNext{right:0px; top:-82px;}
    .mypage .index .mpslider .btnPrev{left:auto; right:35px; top:-82px;}
    .mypage .index .useableProduct .mpslider .btnNext{right:0px; top:-100px;}
    .mypage .index .useableProduct .mpslider .btnPrev{left:auto; right:35px; top:-100px;}

    /* 페이지 : 마이페이지 > 쿠폰 */
    .mypage .coupon{}
    .mypage .coupon .couponGroup{margin-bottom:-15px; overflow:hidden;}
    .mypage .coupon .couponGroup .radiobox{float:none; width:100%; height:86px; margin:0px; padding:0px 0px 15px;}
    .mypage .coupon .couponGroup .radiobox .lbl .ico{position:absolute; top:50%; margin-top:-10px}
    .mypage .coupon .paymentMethod .radiobox{margin-right:15px;}
    .mypage .coupon .useinfo{padding:15px; font-size:14px; text-align:center; background:#F9F9F9;}
    .mypage .coupon .useinfo em{color:#C1272D;}
    .mypage .coupon .couponBuy .btnGroup{padding:25px 0px;}


    /* 페이지 : 마이페이지 > 비밀번호 변경 */
    .mypage .changePassword{}
    .mypage .changePassword .formHorizontal .inpbx{display:block; width:auto;}
    .mypage .changePassword .btnGroup{padding-top:30px;}
    .mypage .changePassword .desc{font-size:13px; color: #666666;}

    /* 페이지 : 마이페이지 > 회원정보 */
    .accountInfo{}
    .accountInfo .accountForm .formLabel{text-align:left;}
    .accountInfo .accountForm .noti{padding-top:20px; color:#C1272D; font-size:15px;}
    .accountInfo .accountForm .inpbx{display:block; width:auto;}
    .accountInfo .accountForm .btnGroup{padding-top:30px;}
    .accountInfo .accountCheck{}
    .accountInfo .accountCheck .ti{}
    .accountInfo .accountCheck .checkTxt{margin:10px 0px 20px; font-size:14px; color:#666666;}
    .accountInfo .accountCheck .checkInfo .inpbx{width:auto;}
    .accountInfo .checkInfo .m_box_rpd{padding-right:62px;}

    /* 페이지 : 마이페이지 > 회원탈퇴 */
    .mypage .withdraw{}
    .mypage .withdraw .txt{margin-bottom:15px; font-size:14px; color:#1A1A1A;}
    .mypage .withdraw .desc{margin-bottom:15px; font-size:15px; color:#666666;}
    .mypage .withdraw .deleteInfo{color:#C1272D; font-size:14px;}
    .mypage .withdraw .withdrawCheck .ti .em{font-size:13px;}
    .mypage .withdraw .withdrawCheck .btnGroup{text-align:left;}
    .mypage .withdraw .withdrawQuestion .radioGroup{width:auto; overflow:hidden;}
    .mypage .withdraw .withdrawQuestion .radioGroup .radiobox{float:left; width:50%; margin:0px 0px 10px 0px;}


}

/*마이페이지-추천제품에서 로딩이미지 추가.*/
.prodListCenter{
	margin-left: 50%;
    margin-top: 25%;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

    /* 페이지 : 마이페이지 > 회원탈퇴 */
    .mypage .withdraw{}
    .mypage .withdraw .txt{margin-bottom:15px; font-size:14px; color:#1A1A1A;}
    .mypage .withdraw .desc{margin-bottom:15px; font-size:15px; color:#666666;}
    .mypage .withdraw .deleteInfo{color:#C1272D; font-size:14px;}
    .mypage .withdraw .withdrawCheck .ti .em{font-size:13px;}
    .mypage .withdraw .withdrawCheck .btnGroup{text-align:left;}
    .mypage .withdraw .withdrawQuestion .radioGroup{width:auto; overflow:hidden;}
    .mypage .withdraw .withdrawQuestion .radioGroup .radiobox{float:none; width:100%; margin:0px 0px 10px 0px;}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}