@charset "utf-8";

/* Sub Title */
.sub-title { padding:10px 12px; border-top:4px solid #444; }
.sub-title h4 { padding:0; margin:0; line-height:50px; font-size:18px; }
.sub-title i { background: rgb(245, 245, 245); padding-top: 12px; border-radius: 50%; width: 50px; height: 50px; text-align: center; color: rgb(143, 143, 143); font-size: 25px; display: inline-block; }
.sub-title img { border-radius: 50%; width: 50px !important; height: 50px !important; display:inline-block; }

/* Follow */
.follow-skin .bg-heading { background:#fafafa; }
.follow-skin .col-follow .myinfo a { margin-right:15px; color:#888; font-size:11px; }
.follow-skin .sp-follow { margin-bottom:0px; border-top:3px solid #444; }
.follow-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.follow-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
@media all and (max-width:460px) {
	.responsive .follow-skin .col-follow { display:block !important; width:100% !important;}
}

/* Formmail */
.formmail-form { padding:20px; }
.formmail-type label { margin-right:10px; }

/* Memo */
.memo-send-info { padding:8px 20px;background:#fafafa;border-bottom:1px solid #eee; }
.memo-content { padding:20px; line-height:22px;border-bottom:1px solid #eee; margin-bottom:15px; }
.memo-send-form { padding:20px; }

/* Mypage */
.mypage-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.mypage-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.mypage-skin .img-resize img { max-width:100%; height:auto; }
.mypage-skin .view-author .auth-photo { width:160px; padding-right:15px; }
@media all and (max-width:460px) {
	.responsive .mypage-skin .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
}


.mp_wrap{padding:0 20px 20px;}
.mp_wrap h1{color:#333; letter-spacing:-2px; font-size:26px; line-height:26px; margin:20px 0;}
.mp1_1,.mp1_2,.mp1_3{float:left; height:110px; padding:15px 2.5%;}
.mp1 .icon{float:left; margin:15px 20px 10px 10px;}
.mp1 .mp1_1_1{float:left; width:310px;}
.mp1 p{font-size:12px; margin:0 0 5px 0;}
.mp1 ul{margin:0; padding:0;}
.mp1 ul li{list-style:none; padding:0; margin:0 0 5px 0; font-size:11px; letter-spacing:normal; line-height:12px; color:#fff; width:310px; height:14px; overflow:hidden;}
.mp1 ul li a .member{color:#fff;}
.mp1 .mp_title2{font-size:15px; letter-spacing:-1px; font-weight:bold;}
.mp1 .mp_btn1{display:inline-block; font-weight:normal; font-size:12px; background:#e9e9e9; color:#666; border:1px solid #ddd; letter-spacing:-1px; padding:2px 7px 4px 5px; line-height:12px;}
.mp1 .mp_txt1 span{font-size:22px; font-weight:bold; font-family:Arial; color:#6045f2; line-height:22px; display:inline-block; position:relative; bottom:-2px;} 
.mp1_1 .icon img{width:60px;}
.mp1_2 .icon img{width:50px;}
.mp1_3 .icon img{width:38px;}
.mp1 .mp1_1 .mp_title2{color:#fff;}
.mp1 .mp1_1 .mp_btn1{color:#fff; background:#342798; border:1px solid #342798;  position:relative; top:-2px; margin:0 0 0 5px;}
.mp1_1{width:50%; background:#6045f2;}
.mp1_2{width:25%; border:1px solid #ddd; border-left:none;}
.mp1_3{width:25%; border:1px solid #ddd; border-left:none;}

.mp2{border:5px solid #e7e7e7; margin:20px 0 0 0; padding:15px 0;}
.mp2 .icon{float:left; margin:0 30px;}
.mp2 .icon img{width:70px;}
.mp2 .mp2_1{float:left; margin:22px 40px 0; width:38%; font-size:15px;}
.mp2_2{float:left; width:82%;}
.mp2 .mp2_1 dt{float:left; font-weight:bold; letter-spacing:-1px;}
.mp2 .mp2_1 dd{float:right; position:relative; top:-7px;}
.mp2 .mp2_1 dd span{display:inline-block; position:relative; bottom:-4px; font-family:arial; font-size:23px; font-weight:bold;}
.mp_title3{font-size:15px; margin:30px 0 10px 0; font-weight:bold; letter-spacing:-1px;}
.mp_title3 span{font-weight:normal; font-size:11px; color:#999; letter-spacing:normal;}
.bg-mp .th_mp{border-top:1px solid #6045f2;}

@media (max-width:420px) {
	.mp_wrap{padding:0 10px 20px;}
	.mp_wrap h1{font-size:17px; line-height:18px; font-weight:bold; margin:20px 0 10px;}
	.mp1_1{width:100%;}
	.mp1_1 .icon{width:20%; text-align:center;}
	.mp1_1 .icon img{width:60px;}
	.mp1 .mp1_1_1{width:60%;}
	.mp1 ul li{width:100%; height:12px;}
	.mp1_2{width:50%; border:1px solid #ddd; border-right:none; border-top:none;}
	.mp1_3{width:50%; border:1px solid #ddd; border-top:none;}
	.mp_title3 span{display:block;}
	.mp2{padding:15px 0 0;}
	.mp2 .icon{float:left; margin:0 25px;}
	.mp2 .icon img{width:55px;}
	.mp2_2{width:64%;}
	.mp2 .mp2_1 dd{top:-5px;}
	.mp2 .mp2_1 dd span{bottom:-2px;}
	.mp2 .mp2_1{float:left; margin:0 0 10px 0; width:100%; font-size:12px;}
	.mp2 .mp2_1 dd span{font-size:17px;}
}

.date_select{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f6f6f6; height:48px; margin:0 0 15px 0; text-align:left; padding:10px 20px;}
.date_select p span{display:inline-block; padding:5px 6px 7px; height:12px;  background:#ccc;}
.dt_calendar{float:left; width:460px;}
.dt_calendar input{ border:1px solid #ccc; padding:1px 2px;}
.dt_btn{float:right; margin:0; padding:0;}
.dt_btn li{float:left; margin:0 3px; list-style:none;}
.kt_btn1{border:1px solid #aaa; background:#fff; padding:6px 8px; font-size:12px; line-height:12px; color:#666; cursor:pointer;  -webkit-appearance: none; -webkit-  display:inline-block;}
.kt_btn1.t2{background:#6045f2; width:40px; padding:6px 8px; border:1px solid #6045f2; color:#fff;}
.kt_btn1.t2:hover{color:#fff;}
.kt_btn1:hover{border:1px solid #6045f2; color:#6045f2; text-decoration:none;}
.kt_btn1.search{background:#ff4400; border:1px solid #ff4400; color:#fff; padding:4px 8px 6px;}
.kt_btn1.search:hover{background:#f52a00;}
@media all and (max-width:460px) {
	.date_select{padding:8px 10px; height:80px; font-size:12px;}
	.dt_calendar{float:none; width:100%; margin:0 0 8px 0;}
	.dt_calendar input{width:70px;}
	.dt_btn{float:none;}
	.dt_btn li{margin:0 1px;}
	.dt_btn li:first-child{margin:0 15px 0 1px;
}

/* MyPhoto */
.myphoto { margin-bottom:15px; }
.myphoto img { border-radius: 50%; display:inline-block; }
.myphoto i { background: rgb(245, 245, 245); padding: 18px; border-radius: 50%; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }

/* MyPost */
.mypost-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }
.mypost-skin .list-details { padding-top:4px; }
.mypost-skin .list-none { padding:50px 0px; }

.mypost-media { padding-bottom:10px; }
.mypost-media .photo i { border-radius:50%; background: rgb(245, 245, 245); padding: 15px; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.mypost-media .photo img { border-radius:50%; width: 64px !important; height: 64px !important; display:inline-block; }
.mypost-media .media { border-bottom:1px solid #eee; margin:7px 0px; padding:0px 12px 7px; }
.mypost-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; }
.mypost-media .media-heading { padding:0; margin:0px; line-height: 20px; }
.mypost-media .media .media-body { padding-left:0px; }
.mypost-media .media .media-content {  }
.mypost-media .media .media-content p { margin:0px; padding:0px; }
.mypost-media .media .media-resize { margin-top:10px; }
.mypost-media .media .media-resize img { max-width:100%; height:auto; }
.mypost-media .media.media-reply { border:0px; border-top:1px solid #eee; margin:10px 0px 0px; padding:10px 0px 0px; }

/* Point */
.point-skin th, .point-skin td { white-space:nowrap; }
.point-skin td.po-content { white-space:normal; }

/* Profile */
.profile-skin .img-photo i { border-radius: 50%; background: rgb(245, 245, 245); padding: 16px; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.profile-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
.profile-skin .img-resize img { max-width:100%; height:auto; }

/* Register */
.register-term { position: relative; height: 200px; margin:0px; overflow: auto; }

/* Register Form */
.register-form .text-gap { margin-bottom:4px; }
.register-form .addr-line { margin-bottom:7px; }
@media all and (max-width:767px) {
	.responsive .register-form .cert-btn { margin-top:10px }
}

/* Response */
.myresponse-skin .res-info { margin:0; padding:7px 12px; }
.myresponse-skin .media { border-top:1px solid #eee; margin:6px 0px; padding:8px 12px 0px; }
.myresponse-skin .myresponse-list .media:first-child { border-top:0px; margin-top:0px; padding-top:8px; }
.myresponse-skin .media-heading { padding:0; margin:0; }
.myresponse-skin .photo i { border-radius: 50%; background: rgb(238, 238, 238); padding: 8px; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; display: inline-block; }
.myresponse-skin .photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
.myresponse-skin .media-info i { margin-left:10px; }
.myresponse-skin .media-info i:first-child { margin-left:0px; }

/* Scrap */
.scrap-skin i.scrap-icon { background:#333; color:#fff; }
.scrap-skin .scrap-head { margin:0px; padding: 10px 20px; line-height:22px; background:#333; color:#fff; font-size:16px; text-align:center; }
.scrap-skin .scrap-form { padding: 10px 20px 20px; }

/* Shopping */
.shopping-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }
.shopping-skin .list-none { padding:50px 0px; }

/* Wishlist */
.wishlist-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; }

/* Mypage */
.mypage-tbl th { background:#333 !important; color:#fff !important; text-align:center !important; white-space:nowrap;  }
.mypage-tbl td { text-align:center; white-space:nowrap; }