@charset "utf-8";

/* ******************** 공용 ******************** */

/* 배경색 */
.bgcAcc {background-color:#f47eb5; color:#fff;}
.bgc1 {background-color:#78a2ef;}/* 파랑 */
.bgc2 {background-color:#7cce82;}/* 녹색 */
.bgc3 {background-color:#64d4ca;}/* 에매랄드 */
.bgc4 {background-color:#ffd55b;}/* 노랑 */
.bgcGray {background-color:#666 !important;}/* 블랙 */

.border0 {border:0 !important;}




/* ********************************* PC over : 992 ~  ********************************* */
@media screen and (min-width:992px), print{
	/* 버튼 */
	.btn {display:inline-block; padding:15px 25px; color:#fff !important; background:#f47eb5; line-height:1; font-size:15px; font-weight:400; border-radius:100px;}
	.btn:hover {background-color:#e25396;}
	.btn.gray {background:#939eb5;}
	.btn.gray:hover {background:#5e697e; color:#fff;}
	
	
	/* 회원 - 로그인 */
	.member.login {text-align:center;}
	.member.login .inner {width:50%; margin:0 auto;}
	.member.login h2 {font-size:30px; font-weight:400; color:#000;}
	.member.login h2+p {padding-top:10px; font-size:14px; color:#888;}
	.member.login .info {margin-top:50px;}
	.member.login .info li {margin:0 auto;}
	.member.login .info li+li {margin-top:10px;}
	.member.login .info label {display:none;}
	.member.login .info input:focus {border-color:#f47eb5;}
	.member.login .info input {height:60px; padding-left:60px; border-radius:10px; color:#000;} 
	.member.login .info input[type="text"] {background:url(../images/login_id.svg) no-repeat 20px 50%; background-size:22px;} 
	.member.login .info input[type="password"] {background:url(../images/login_pw.svg) no-repeat 20px 50%; background-size:22px;}
	.member.login .info a {display:block; border-radius:10px; height:60px; border:0; cursor:pointer; font-size:20px; padding-top:20px;} 
	.member.login .more {margin:20px 0; overflow:hidden;}
	.member.login .more a {display:block; float:left; width:calc(50% - 5px); padding:20px; font-size:14px; font-weight:400; border:1px solid #e5e5e5; border-radius:10px;}
	.member.login .more a:hover {border-color:#f47eb5;}
	.member.login .more a img {width:auto; height:24px;}
	.member.login .more a span {display:block; padding-top:10px; word-break:keep-all; letter-spacing:-1px;}
	.member.login .more a+a {float:right;}
	.member.login .more a+a img {width:auto; padding:3px 0;}
	.member.login .add {overflow:hidden;}
	.member.login .add li {display:block; width:50%; float:left; padding:10px; text-align:center; font-size:14px; font-weight:400;}
	.member.login .add li p {word-break:keep-all; color:#888;}
	.member.login .add li a {display:inline-block; padding:10px 20px; border:1px solid #e5e5e5; border-radius:100px; line-height:1;}
	.member.login .add li a:hover {background:#f47eb5; color:#fff; border-color:#f47eb5;}	
	
	/* 회원 - 약관동의 */
	.agreeBox {position:relative; display:block; float:left; width:calc(50% - 20px); overflow:hidden;}
	.agreeBox+.agreeBox {float:right;}
	.agreeBox h2 {text-align:center; font-weight:300; font-size:24px; color:#000; padding-bottom:20px;}
	.agreeBox .inner {height:50vh; padding:30px; overflow-y:scroll; border:1px solid #e5e5e5; border-radius:10px; font-size:14px; background-color:#f9f9f9;}
	.agreeBox .inner>header {padding-bottom:30px;}
	.agreeBox .inner>dl>dt {font-weight:400; color:#000;}
	.agreeBox .inner>dl>dd {}
	.agreeBox .inner>dl>dd+dt {margin:30px 0 5px;}
	.agreeBox .inner>dl>dd ol li {list-style-type:decimal; margin-left:15px;}
	.member.join_agree {overflow:hidden;}
	.member.join_agree .checkWrap {display:inline-block; margin:10px auto;}
	.member.join_agree .btnWrap {clear:both; text-align:center; padding-top:50px;}	
	
	/* 이용약관/개인정보처리방침 */
	.paper .agreeBox {width:100%;}
	.paper .agreeBox h2 {font-weight:300;}
	.paper .agreeBox .inner {height:auto;}
	
	/* 회원 - 가입양식 */
	.member.join {overflow:hidden;}
	.member.join header {float:left; width:40%; padding-right:50px; word-break:keep-all;}
	.member.join header h2 {font-size:70px; font-weight:100; letter-spacing:10px; color:#000;}
	.member.join header h2 p {font-size:20px; font-weight:300; letter-spacing:0; color:#000;}
	.member.join header h2:after {content:""; display:block; width:50px; height:2px; background:#000; margin:40px 0;}
	.member.join .info {float:left; width:60%; font-size:14px; padding-left:50px; border-left:1px dashed #ddd;}
	.member.join .info p {clear:both;}
	.member.join .info>ul>li+li {margin-top:30px;}
	.member.join .info label {clear:both; display:block; font-size:16px; font-weight:400; color:#000; margin-bottom:10px; line-height:1;}
	.member.join .info .gender {overflow:hidden;}
	.member.join .info .gender label {font-size:14px; color:#888;}
	.member.join .info .gender input:checked+label {color:#f47eb5;}
	.member.join .info .gender li {float:left; font-size:14px;}
	.member.join .info .gender li+li {margin-left:20px;}
	.member.join .info .rightBtn {position:relative;}
	.member.join .info .rightBtn a {z-index:10; position:absolute; right:0; top:0; display:block; height:50px; background:#999; color:#fff; border-radius:0 10px 10px 0; padding:12px; text-align:center;}
	.member.join .info .rightBtn a:hover {background:#222;}
	.member.join .info .phone>* {float:left;} 
	.member.join .info .phone select {width:100px; cursor:pointer;} 
	.member.join .info .phone input {margin-left:-1px; max-width:150px; padding-left:20px;} 
	.member.join .info .phone span {display:inline-block; height:60px; padding:12px 5px;}
	.member.join .info .email>* {float:left; width:auto;}
	.member.join .info .email input {width:60%;}
	.member.join .info .email span {height:50px; width:20px; padding:12px 0; text-align:center;}
	.member.join .info .email span+input {width:calc(40% - 20px);}
	.member.join .info .addWrap {padding-top:5px; overflow:hidden;}
	.member.join .info .addWrap p {padding-top:5px;}
	.member.join .info .addWrap>* {display:block; float:left; vertical-align:middle;}
	.member.join .info .addWrap button {margin-left:5px; width:auto; height:auto; font-size:14px; line-height:1; padding:10px !important; border-radius:7px;}
	.member.join .info .addWrap button:hover {background:#222; color:#fff; border-color:rgba(0,0,0,.1);}
	.member.join .info .redcode {}
	.member.join .info .redcode {position:relative; overflow:hidden;}
	.member.join .info .redcode input {float:left; width:calc(100% - 100px); border-radius:0 10px 10px 0;}
	.member.join .info .redcode .code {
		float:left; display:block; width:100px; height:50px; vertical-align:top;
		border:1px solid #e5e5e5; border-right:0; border-radius:10px 0 0 10px;
		background:#f9f9f9; text-align:center; font-size:16px; padding:15px 0; line-height:1; 
	}
	.member.join .info .redcode .code span {color:red; font-weight:400;}
	.member.join .info .redcode+p span {color:red;}
	.member.join .info .btnWrap {text-align:center; margin-top:30px; padding-top:30px; border-top:1px dashed #ddd;}
	
	/* 회원 - 가입완료 */
	.member.join_end {text-align:center;}
	.member.join_end .wrap {width:50%; margin:0 auto;}
	.member.join_end .wrap h2 {font-size:30px; font-weight:300; color:#f47eb5; margin-bottom:50px;}
	.member.join_end .wrap .joinid {margin:50px 0; padding:30px; border-radius:100px; font-size:24px; font-weight:400; line-height:1; border:3px solid #f47eb5; color:#000;}
	
	/* 회원 - 아이디/비밀번호 찾기 */
	.member.idpwFind {}
	.member.idpwFind article {width:50%; float:left; padding:0 80px; text-align:center; overflow:hidden;}
	.member.idpwFind article+article {border-left:1px dashed #ddd;}
	.member.idpwFind article header {margin-bottom:30px; font-size:14px; color:#888;}
	.member.idpwFind article header i {display:inline-block; width:100px; height:100px; margin-bottom:20px; border:5px solid #e5e5e5; border-radius:50%; background-size:40%; background-position:center; background-repeat:no-repeat;}
	.member.idpwFind article header i.id {background-image:url(../images/login_id.svg);}
	.member.idpwFind article header i.pw {background-image:url(../images/login_pw.svg);}
	.member.idpwFind article header h2 {font-size:24px; color:#000; font-weight:400; padding-bottom:20px; letter-spacing:-1px;}
	.member.idpwFind article header p {line-height:1.4;}
	.member.idpwFind article form ul {overflow:hidden;}
	.member.idpwFind article form li {position:relative;}
	.member.idpwFind article form li+li {margin-top:10px;}
	.member.idpwFind article form input {position:relative; padding-left:80px;}
	.member.idpwFind article form label {z-index:1; position:absolute; left:15px; top:14px; font-size:14px; font-weight:400; color:#888;}
	.member.idpwFind article .btn {margin-top:20px;}	
	
	
	/* 마이페이지 공용 */
	.wrapper.mypage {padding:0; border-radius:10px; overflow:hidden; background:#fff;}
	.mypage>header {position:relative; padding:80px 0 20px; color:#fff; background:#f47eb5 url(../images/mypage_head_hole.svg) no-repeat top center; background-size:75%; text-align:center;}
	.mypage>header:before,
	.mypage>header:after {z-index:0; content:""; position:absolute; bottom:-2px; display:block; height:calc(100% - 80px); width:50%; background-repeat:no-repeat; background-size:50%; opacity:.3;}
	.mypage>header:before {left:80px; background-image:url(../images/mypage_head_bg1.svg); background-position:0 100%;}
	.mypage>header:after {right:80px; background-image:url(../images/mypage_head_bg2.svg); background-position:100% 100%;}
	.mypage>header h2 {font-size:36px; font-weight:300; line-height:1; margin-bottom:20px; letter-spacing:-2px;}
	.mypage>header h2+p {font-size:16px; font-weight:300; line-height:1.4; opacity:.7; letter-spacing:-.5px;}
	.mypage>.inner {position:relative; padding:80px; overflow:hidden;}
	.mypage [class*='board_']>div>header {padding-bottom:30px;}
	.mypage [class*='board_']>div>header a.write {position:absolute; top:70px; right:80px;}
	.mypage [class*='board_'] .btnWrap {position:relative; text-align:center; padding:30px 0;}
	.mypage [class*='board_'] .btnWrap>* {display:inline-block !important; vertical-align:middle; font-size:14px;}
	.mypage [class*='board_'] .btnWrap a {padding:18px 15%; color:#000; font-weight:400; border-radius:100px; border:2px solid #f47eb5; background:#fff; line-height:1;}
	.mypage [class*='board_'] .btnWrap a:hover {color:#fff; background:#f47eb5;}	
	.mypage [class*="board_"] .btnBottom {position:relative; clear:both; overflow:hidden; padding:30px 0; text-align:center;}
	.mypage [class*="board_"] .btnBottom a {padding:15px 30px !important;}
	.mypage [class*="board_"] .btnBottom>* {display:inline-block; vertical-align:middle;}
	.mypage [class*="board_"] .btnBottom .page {padding:0 10px; letter-spacing:5px; color:#5e697e; font-size:14px; font-weight:400;}
	.mypage [class*="board_"] .btnBottom .write {position:absolute; right:0; top:30px;}	
	.mypage .textareaWrap {overflow:hidden; border:1px solid #e5e5e5; border-radius:10px;}
	.mypage .textareaWrap textarea {max-width:100%; min-width:100%; min-height:20vh; padding:20px; border:0;}
	.mypage .reply .textareaWrap textarea {min-height:120px; padding:20px; border:0;}
	.mypage .write .textareaWrap textarea {min-height:40vh; padding:20px; border:0;}
	
	.mypage .reply {overflow:hidden;}
	.mypage .reply .textareaWrap {border:1px solid #999;}
	.mypage .reply .msg {position:relative; margin-top:20px; font-size:14px; font-weight:400;}
	.mypage .reply .msg p span {color:red;}
	.mypage .reply .msg a {position:absolute; right:0; top:-5px; font-size:14px; padding:10px 15px; line-height:1;}
	.mypage .reply .comment {overflow:hidden;}
	.mypage .reply .comment li {position:relative; padding:0 150px 0 50px; line-height:1.6; margin-top:20px; padding-top:20px; border-top:1px dashed #ddd;}
	.mypage .reply .comment li .info {padding-top:5px; font-size:14px; color:#888;}
	.mypage .reply .comment li .info span {padding-right:10px;}
	.mypage .reply .comment li i {
		position:absolute; left:20px; top:25px; display:block; width:20px; height:20px;
		background-size:contain; background-repeat:no-repeat; 
		transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;
	}
	.mypage .reply .comment li i.up {background-image:url(../images/icon_msg_up.svg);}
	.mypage .reply .comment li i.down {background-image:url(../images/icon_msg_down.svg);}
	.mypage .reply .comment .btnBox {position:absolute; right:0; top:20px;}
	.mypage .reply .comment .btnBox a {float:left; display:block; padding:8px 15px; margin-left:5px; font-size:13px; font-weight:400; line-height:1; border:1px solid #e5e5e5; border-radius:100px; background:#f5f5f5;}
	.mypage .reply .comment .btnBox a:hover {background:#222; border-color:#222; color:#fff;}

	/*인라인 style 추가 20.06.18*/
	.mypage .reply .comment .btnBox #cRegi {background:#f47eb5; border-color:#f47eb5; color:#fff}
	.mypage .reply .comment .btnBox #cRegi:hover {background:#e25396}

	.mypage .write .fileWrap {margin-top:0 !important; font-size:14px; border:1px solid #e5e5e5; border-top:0; border-radius:0 0 10px 10px;}
	.mypage .write .fileWrap .head {padding:20px;}
	.mypage .write .fileWrap .open {display:inline-block; padding:12px 25px; font-size:14px; font-weight:400; line-height:1; border-radius:100px; background:#848b99; color:#fff;}
	.mypage .write .fileWrap .open:hover {background:#5e697e; color:#fff;}
	.mypage .write .fileWrap .open:before {content:"파일첨부 열기";}
	.mypage .write .fileWrap.on .open:before {content:"파일첨부 닫기";}
	.mypage .write .fileWrap .open+span {font-size:14px; padding-left:10px;}
	.mypage .write .fileWrap .dropWrap {display:none; border-top:1px solid #e5e5e5; border-radius:0 0 10px 10px; overflow:hidden;font-size:14px;}
	.mypage .write .fileWrap.on .dropWrap {display:block;}
	.mypage .write .fileWrap .dropWrap header {padding:20px; border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
	.mypage .write .fileWrap .dropWrap header .fileBtn {display:inline-block; padding:10px 20px; margin-right:10px; font-weight:400; line-height:1; border-radius:100px; color:#5e697e; border:1px solid #939eb5; background:#fff;}
	.mypage .write .dropWrap header .fileBtn:hover {border-color:#939eb5; color:#fff; background:#939eb5;}
	.mypage .write .dropWrap #dropzone {min-height:150px; max-height:260px; overflow-y:auto;}
	.mypage .write .dropWrap #dropzone li {position:relative; padding:12px 20px 12px 60px; line-height:1;}
	.mypage .write .dropWrap #dropzone li:hover {background:#f7f7f7;}
	.mypage .write .dropWrap #dropzone li+li {border-top:1px solid #e5e5e5;}
	.mypage .write .dropWrap #dropzone .del {position:absolute; left:20px; top:4px; display:block; width:30px; height:30px; background:url(../images/icon_del.svg) no-repeat center; background-size:50%; opacity:.2;}
	.mypage .write .dropWrap #dropzone li:hover .del {opacity:1;}
	
	
	
	/* 마이페이지 - 알림장 - 리스트 */
	.mypage .board_paper {}
	.mypage .board_paper .list li {position:relative; overflow:hidden; border:1px solid #e5e5e5; border-radius:10px;}
	.mypage .board_paper .list li+li {margin-top:10px;}
	.mypage .board_paper .list li a {display:block; padding:30px 180px 30px 80px; color:#888;}
	.mypage .board_paper .list li a i {
		position:absolute; left:30px; top:30px; display:block; width:25px; height:25px;
		background-size:contain; background-repeat:no-repeat; opacity:.5;
		transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;
	}
	.mypage .board_paper .list li a:hover i {transform:scale(1.2); opacity:1;}
	.mypage .board_paper .list li a i.up {background-image:url(../images/icon_msg_up.svg);}
	.mypage .board_paper .list li a i.down {background-image:url(../images/icon_msg_down.svg) }
	.mypage .board_paper .list li a .tit {font-size:18px; color:#000; padding-bottom:10px; line-height:1.6;}
	.mypage .board_paper .list li a .tit .comment {position:absolute; display:inline-block; margin:3px 0 0 5px; border-radius:4px; background:#f47eb5; color:#fff; font-size:11px; font-weight:400; padding:6px; line-height:1;}
	.mypage .board_paper .list li a p {font-size:14px;}
	.mypage .board_paper .list li a p.root {font-weight:400;}
	.mypage .board_paper .list li a:hover .up~.root {color:#f47eb5;}
	.mypage .board_paper .list li a:hover .down~.root {color:#6799f6;}
	.mypage .board_paper .list li a p.root span {
		display:inline-block; padding:0 5px; font-size:14px; margin-top:-3px; line-height:.8;
		transition:all .2s linear;	-webkit-transition:all .2s linear; -moz-transition:all .2s linear;
	}
	.mypage .board_paper .list li a:hover p.root span {padding:0 8px;}
	.mypage .board_paper .list li a .img {position:absolute; right:30px; top:30px; display:block; width:80px; height:80px; overflow:hidden; border-radius:50%;}
	
	/* 마이페이지 - 알림장 - 보기 */
	.mypage .board_paper .view {}
	.mypage .board_paper .view header {font-weight:400;}
	.mypage .board_paper .view header span {display:inline-block; padding-right:20px;}
	.mypage .board_paper .view header .file:before {content:"첨부파일 :"; display:inline-block; padding-right:10px;}
	.mypage .board_paper .view header .file a {display:inline-block; padding:7px 15px; border:1px solid #e5e5e5; line-height:1; border-radius:100px; margin-right:10px;}
	.mypage .board_paper .view header .file a:hover {background:#f5f5f5;}
	.mypage .board_paper .view .con .imgdown {display:inline-block;}
	.mypage .board_paper .view .con .imgdown:after {content:""; display:block; clear:both; width:100%;}
	.mypage .board_paper .view .con .imgdown img {max-width:100%; border-radius:10px; margin:20px 0;}
	.mypage .board_paper .view .file {margin-top:20px;}
	.mypage .board_paper .view .file:empty {display:none;}
	.mypage .board_paper .view .file a {position:relative; display:inline-block; padding:12px 50px 12px 20px; font-size:13px; font-weight:400; border:1px solid #888; line-height:1; border-radius:100px; margin:0 5px 5px 0; background:#fff;}
	.mypage .board_paper .view .file a:hover {color:#f47eb5; border-color:#f47eb5;}
	.mypage .board_paper .view .file a:after {content:""; position:absolute; right:20px; top:15px; display:block; width:10px; height:10px; background:url(../images/icon_download.svg) no-repeat center; background-size:contain;}
	.mypage .board_paper .view .state {display:none;}
	.mypage .board_paper .view .state.on {display:block; overflow:hidden; margin:30px 0;}
	.mypage .board_paper .view .state h3 {font-size:16px; font-weight:400; color:#000; margin-bottom:10px;}
	.mypage .board_paper .view .state li {display:inline-block; float:left; text-align:center; padding:10px 15px; line-height:1; font-size:13px; font-weight:400; margin:0 5px 5px 0; border:1px solid #e5e5e5; border-radius:100px;}
	.mypage .board_paper .view .state a {display:inline-block; float:left; text-align:center; padding:10px 15px; line-height:1; font-size:13px; font-weight:400; margin:0 5px 5px 0; border:1px solid #e5e5e5; border-radius:20px;}
	.mypage .board_paper .view .btnBottom {border-top:1px dashed #ddd;}
	
	/* 마이페이지 - 알림장 - 쓰기/수정 */
	.mypage .board_paper .write {}
	.mypage .board_paper .write>header {padding-bottom:10px; color:#000;}
	.mypage .board_paper .write.modify>header {font-size:24px; text-align:center; padding-bottom:10px; line-height:1.4;  color:#f47eb5;}
	.mypage .board_paper .write.modify>header p+span {display:block; font-size:16px; text-align:center; padding-bottom:10px; line-height:1.4;  color:#000;}
	.mypage .board_paper .write .con .default>ul>li+li {margin-top:20px;}
	.mypage .board_paper .write label {display:block; line-height:1; color:#000; margin-bottom:10px; font-weight:400;}
	.mypage .board_paper .write select {width:30%;}
	.mypage .board_paper .write .textareaWrap {border-radius:10px 10px 0 0;}	
	.mypage .board_paper .write .tit {font-weight:400; color:#000; line-height:1; padding-bottom:10px;}
	.mypage .board_paper .write .moreinfo {margin-top:10px; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden;}
	.mypage .board_paper .write .moreinfo.on {}
	.mypage .board_paper .write .moreinfo header {position:relative; padding:20px;}
	.mypage .board_paper .write .moreinfo.on header {position:relative; border-bottom:1px dashed #ddd; background:#f7f7f7;}
	.mypage .board_paper .write .moreinfo .open {
		display:inline-block; padding:12px 20px; font-size:14px; font-weight:400; line-height:1; border-radius:100px; border:1px solid #939eb5; color:#5e697e; background:#fff;
	}
	.mypage .board_paper .write .moreinfo.on .open {background:#5e697e; color:#fff; border-color:#5e697e;}
	.mypage .board_paper .write .moreinfo .open:hover {}
	.mypage .board_paper .write .moreinfo .open:before {content:"추가정보 열기";}
	.mypage .board_paper .write .moreinfo.on .open:before {content:"추가정보 닫기";}
	.mypage .board_paper .write .moreinfo header .open+span {font-size:14px; padding-left:10px;}
	.mypage .board_paper .write .moreinfo header .open:hover {border-color:#5e697e; color:#fff; background:#5e697e;}
	.mypage .board_paper .write .moreinfo>div {display:none; margin:0 40px 40px;}
	.mypage .board_paper .write .moreinfo.on>div {display:block;}
	.mypage .board_paper .write .moreinfo>div+div {margin-top:30px;}
	.mypage .board_paper .write .basic>ul {overflow:hidden;}
	.mypage .board_paper .write .basic>ul>li {width:50%; float:left; margin-top:30px; overflow:hidden; vertical-align:top;}
	.mypage .board_paper .write .kindWrap {position:relative; overflow:hidden;}
	.mypage .board_paper .write .kindWrap .plus{
		position:absolute; right:0; bottom:0; font-size:14px; font-weight:400; color:#000; text-align:center;
		display:block; width:50px; height:50px; padding:12px 0; border-radius:10px; border:1px solid #e5e5e5;
		background:#fff url(../images/icon_plus.svg) no-repeat center; background-size:16px;
	}
	.mypage .board_paper .write .kindWrap .plus:hover {background-color:#f5f5f5;}
	.mypage .board_paper .write .kindWrap .item {overflow:hidden;}
	.mypage .board_paper .write .kindWrap .item+.item {margin-top:5px;}
	.mypage .board_paper .write .kindWrap .item>li {float:left;}
	.mypage .board_paper .write .kindWrap .item>li>* {display:block; width:100%;}
	.mypage .board_paper .write .kindWrap .item>li:nth-child(1) {width:20%; padding-right:5px;}
	.mypage .board_paper .write .kindWrap .item>li:nth-child(2) {width:20%; padding-right:5px;}
	.mypage .board_paper .write .kindWrap .item>li:nth-child(3) {width:60%; padding-right:55px;}
	.mypage .board_paper .write .kindWrap .item.type2>li {padding:0; overflow:hidden;}
	.mypage .board_paper .write .kindWrap .item.type2>li:nth-child(1) {width:calc(50% - 55px);}
	.mypage .board_paper .write .kindWrap .item.type2>li:nth-child(2) {width:55px; text-align:center; font-size:24px;}
	.mypage .board_paper .write .kindWrap .item.type2>li:nth-child(3) {width:calc(50% - 55px);}
	.mypage .board_paper .write .kindWrap .item.type2>li .wrap li {float:left; width:50%;}
	.mypage .board_paper .write .kindWrap .item.type2>li .wrap li>* {width:100%;}
	.mypage .board_paper .write .kindWrap .item.type2>li .wrap li:first-child {padding-right:5px;}
	
	.mypage .board_paper .write .checkWrap li {padding-right:20px;}
	.mypage .board_paper .write .checkWrap li label{color:#888;}
	.mypage .board_paper .write .checkWrap li input:checked+label {color:#f47eb5;}
	.mypage .board_paper .write+.btnBottom {width:100%; font-size:16px; font-weight:400; text-align:center;} 
	
	
	
	/* 마이페이지 - 투약의뢰서 - 리스트 */
	.mypage .board_medicine {}
	.mypage .board_medicine .list li {position:relative; overflow:hidden; border:1px solid #e5e5e5; border-radius:10px;}
	.mypage .board_medicine .list li+li {margin-top:10px;}
	.mypage .board_medicine .list li a {display:block; padding:30px 180px 30px 80px; color:#888;}
	.mypage .board_medicine .list li a i {
		position:absolute; left:30px; top:30px; display:block; width:25px; height:25px;
		background-size:contain; background-repeat:no-repeat; opacity:.5;
		transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;
	}
	.mypage .board_medicine .list li a:hover i {transform:scale(1.2); opacity:1;}
	.mypage .board_medicine .list li a i.up {background-image:url(../images/icon_msg_up.svg);}
	.mypage .board_medicine .list li a i.down {background-image:url(../images/icon_msg_down.svg);}
	.mypage .board_medicine .list li a .tit {font-size:18px; color:#000; padding-bottom:10px; line-height:1.6;}
	.mypage .board_medicine .list li a .tit .comment {position:absolute; display:inline-block; margin:3px 0 0 5px; border-radius:4px; background:#f47eb5; color:#fff; font-size:11px; font-weight:400; padding:6px; line-height:1;}
	.mypage .board_medicine .list li a p {font-size:14px;}
	.mypage .board_medicine .list li a p.root {font-weight:400;}
	.mypage .board_medicine .list li a:hover .up~.root {color:#f47eb5;}
	.mypage .board_medicine .list li a:hover .down~.root {color:#6799f6;}
	.mypage .board_medicine .list li a p.root span {
		display:inline-block; padding:0 5px; font-size:14px; margin-top:-3px; line-height:.8;
		transition:all .2s linear;	-webkit-transition:all .2s linear; -moz-transition:all .2s linear;
	}
	.mypage .board_medicine .list li a:hover p.root span {padding:0 8px;}
	.mypage .board_medicine .list li a .img {
		position:absolute; right:30px; top:30px; display:block; width:80px; height:80px; overflow:hidden;
		border-radius:50%; border:2px solid #ffdfeb;
		background:url(../images/icon_med_off.svg) no-repeat center; background-size:80%;
		transition:all .3s linear;	-webkit-transition:all .3s linear; -moz-transition:all .3s linear;
	}
	.mypage .board_medicine .list li a .img.on {border-color:#dee6ff; background-image:url(../images/icon_med_on.svg);}
	.mypage .board_medicine .btnBottom {margin-top:0;}
	.mypage .board_medicine .list li a .img:hover {background:#f47eb5; background-position:50%; border-color:#f47eb5;}
	.mypage .board_medicine .list li a .img.on:hover {background:#95baff; background-position:50%; border-color:#95baff;}
	.mypage .board_medicine .list li a .img:hover:before {content:"확인대기"; display:block; width:100%; padding-top:25px; text-align:center;  font-size:13px; font-weight:400; color:#fff;}
	.mypage .board_medicine .list li a .img.on:hover:before {content:"확인완료"; display:block; width:100%; padding-top:25px; text-align:center;  font-size:13px; font-weight:400; color:#fff;}
	
	/* 마이페이지 - 투약의뢰서 - 보기 */
	.mypage .board_medicine .view {}
	.mypage .board_medicine .view>header {text-align:center; line-height:1.4;}
	.mypage .board_medicine .view>header p {font-size:24px; color:#f47eb5;}
	.mypage .board_medicine .view>header p+span {display:block; font-size:16px; color:#000;}
	.mypage .board_medicine .view .con {border:1px solid #e5e5e5; border-radius:10px;}
	.mypage .board_medicine .view .con .msg {padding:40px;}
	.mypage .board_medicine .view .state {padding:40px 0; overflow:hidden;}
	.mypage .board_medicine .view .state h3 {padding-left:40px; font-size:18px; font-weight:400; color:#000; padding-bottom:20px;}
	.mypage .board_medicine .view .state dl>* {float:left; font-size:15px; font-weight:400; border-top:1px dashed #e5e5e5; padding:10px 0;}
	.mypage .board_medicine .view .state dt {position:relative; clear:both; width:200px; padding-left:60px;}
	.mypage .board_medicine .view .state dt:before {content:""; position:absolute; left:45px; top:20px; display:block; width:3px; height:3px; border-radius:50%; background:#bbb;}
	.mypage .board_medicine .view .state dd {width:calc(100% - 200px);}
	.mypage .board_medicine .view .state dd:before {content:": ";}
	
	/* 마이페이지 - 투약의뢰서 - 쓰기/수정 */
	.mypage .board_medicine .write {}
	.mypage .board_medicine .write.modify>header {text-align:center; line-height:1.4; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ddd;}
	.mypage .board_medicine .write.modify>header p {font-size:24px; color:#f47eb5;}
	.mypage .board_medicine .write.modify>header p+span {display:block; font-size:16px; color:#000;}
	.mypage .board_medicine .write .con ul {clear:both; overflow:hidden;}
	.mypage .board_medicine .write .con ul li {float:left; width:50%; padding:30px 30px 0 0; overflow:hidden;}
	.mypage .board_medicine .write .con ul li:last-child {float:right; padding:30px 0 0 30px;}
	.mypage .board_medicine .write .con ul li.one {float:left; width:100%; padding:20px 0 0 0;}
	.mypage .board_medicine .write .con ul li.one [name="medicine_date"] {width:calc(50% - 30px);}
	.mypage .board_medicine .write .con label {display:block; font-weight:400; color:#000; margin-bottom:10px; line-height:1;}
	.mypage .board_medicine .write .con .msg {margin-top:50px; padding-top:30px; text-align:center; border-top:1px dashed #ddd;}
	
	
	/* 마이페이지 - 회원정보수정 - 로그인 */
	.mypage.login {text-align:center;}
	.mypage.login .inner {width:50%; margin:0 auto;}
	.mypage.login h3 {font-size:24px; font-weight:400; color:#000;}
	.mypage.login h3+p {padding-top:10px; font-size:14px; color:#888;}
	.mypage.login .info {margin-top:50px;}
	.mypage.login .info li {margin:0 auto;}
	.mypage.login .info li+li {margin-top:10px;}
	.mypage.login .info label {display:none;}
	.mypage.login .info input:focus {border-color:#f47eb5;}
	.mypage.login .info input {height:60px; padding-left:60px; border-radius:10px; color:#000;} 
	.mypage.login .info input[type="text"] {background:url(../images/login_id.svg) no-repeat 20px 50%; background-size:22px;} 
	.mypage.login .info input[type="password"] {background:url(../images/login_pw.svg) no-repeat 20px 50%; background-size:22px;}
	.mypage.login .info a {display:block; border-radius:10px; height:60px; border:0; cursor:pointer; font-size:20px; padding-top:20px;}
	
	/* 마이페이지 - 회원정보수정 - 양식 */
	.mypage.modify {overflow:hidden;}
	.mypage.modify .inner header {float:left; width:40%; padding-right:50px; word-break:keep-all;}
	.mypage.modify .inner header h3 {font-size:70px; font-weight:100; letter-spacing:10px; color:#000;}
	.mypage.modify .inner header h3 p {font-size:20px; font-weight:300; letter-spacing:0; color:#000;}
	.mypage.modify .inner header h3:after {content:""; display:block; width:50px; height:2px; background:#000; margin:40px 0;}
	.mypage.modify .info {float:left; width:60%; font-size:14px; padding-left:50px; border-left:1px dashed #ddd;}
	.mypage.modify .info p {clear:both;}
	.mypage.modify .info>ul>li+li {margin-top:30px;}
	.mypage.modify .info label {clear:both; display:block; font-size:16px; font-weight:400; color:#000; margin-bottom:10px; line-height:1;}
	.mypage.modify .info .rightBtn {position:relative;}
	.mypage.modify .info .rightBtn a {z-index:10; position:absolute; right:0; top:0; display:block; height:50px; background:#999; color:#fff; border-radius:0 10px 10px 0; padding:12px; text-align:center;}
	.mypage.modify .info .rightBtn a:hover {background:#222;}
	.mypage.modify .info .phone>* {float:left;} 
	.mypage.modify .info .phone select {width:100px; cursor:pointer;} 
	.mypage.modify .info .phone input {margin-left:-1px; max-width:150px; padding-left:20px;} 
	.mypage.modify .info .phone span {display:inline-block; height:60px; padding:12px 5px;}
	.mypage.modify .info .email>* {float:left; width:auto;}
	.mypage.modify .info .email input {width:60%;}
	.mypage.modify .info .email span {height:50px; width:20px; padding:12px 0; text-align:center;}
	.mypage.modify .info .email span+input {width:calc(40% - 20px);}
	.mypage.modify .info .addWrap {padding-top:5px; overflow:hidden;}
	.mypage.modify .info .addWrap p {padding-top:5px;}
	.mypage.modify .info .addWrap>* {display:block; float:left; vertical-align:middle;}
	.mypage.modify .info .addWrap button {margin-left:5px; width:auto; height:auto; font-size:14px; line-height:1; padding:10px !important; border-radius:7px;}
	.mypage.modify .info .addWrap button:hover {background:#222; color:#fff; border-color:rgba(0,0,0,.1);}	
	.mypage.modify .info .btnWrap {text-align:center; margin-top:30px; padding-top:30px; border-top:1px solid #e5e5e5;}
	
	
	
	/* 마이페이지 - 탈퇴 - 양식 */
	.mypage.end {overflow:hidden;}
	.mypage.end .inner header {float:left; width:40%; padding-right:50px; word-break:keep-all;}
	.mypage.end .inner header h3 {font-size:70px; font-weight:100; color:#000;}
	.mypage.end .inner header h3 p {font-size:20px; font-weight:300; letter-spacing:0; color:#000;}
	.mypage.end .inner header h3:after {content:""; display:block; width:50px; height:2px; background:#000; margin:40px 0;}
	.mypage.end .info {float:left; width:60%; font-size:14px; padding-left:50px; border-left:1px dashed #ddd;}
	.mypage.end .info p {clear:both;}
	.mypage.end .info>ul>li+li {margin-top:30px;}
	.mypage.end .info label {clear:both; display:block; font-size:16px; font-weight:400; color:#000; margin-bottom:10px; line-height:1;}
	.mypage.end .info .btnWrap {text-align:center; margin-top:30px;}

}


/* ********************************* 모바일 ********************************* */
@media screen and (max-width:991px){
	/* 버튼 */
	.btn {display:inline-block; padding:12px 25px; color:#fff !important; background:#f47eb5; line-height:1; font-size:13px; font-weight:400; border-radius:100px;}
	.btn:hover {background-color:#e25396;}
	.btn.gray {background:#939eb5;}
	.btn.gray:hover {background:#5e697e; color:#fff;}

	
	
	/* 회원 - 로그인 */
	.member.login {width:calc(100%-40px); text-align:center;}
	.member.login h2 {font-size:24px; font-weight:400; color:#000;}
	.member.login h2+p {padding:10px 20px 0; font-size:14px; color:#888; word-break:keep-all; line-height:1.4;}	
	.member.login .info {margin-top:10px;}
	.member.login .info li {}
	.member.login .info li+li {margin-top:10px;}
	.member.login .info label {display:none;}
	.member.login .info input:focus {border-color:#f47eb5;}
	.member.login .info input {height:60px; padding-left:60px; border-radius:10px; color:#000;} 
	.member.login .info input[type="text"] {background:url(../images/login_id.svg) no-repeat 20px 50%; background-size:22px;} 
	.member.login .info input[type="password"] {background:url(../images/login_pw.svg) no-repeat 20px 50%; background-size:22px;}
	.member.login .info a {display:block; border-radius:10px; height:60px; border:0; cursor:pointer; font-size:20px; padding-top:20px !important;} 	
	.member.login .more {display:block; margin:10px 0; overflow:hidden;}
	.member.login .more a {display:block; float:left; width:calc(50% - 5px); padding:20px; font-size:14px; font-weight:400; border:1px solid #e5e5e5; border-radius:10px;}
	.member.login .more a:hover {border-color:#f47eb5;}
	.member.login .more a img {width:auto; height:20px;}
	.member.login .more a span {display:block; padding-top:5px; word-break:keep-all; letter-spacing:-1px; line-height:1.4;}
	.member.login .more a+a {float:right;}
	.member.login .more a+a img {width:auto; padding:2px 0;}	
	.member.login .add {overflow:hidden;}
	.member.login .add li {display:block; width:50%; float:left; padding:10px; text-align:center; font-size:14px; font-weight:400;}
	.member.login .add li p {word-break:keep-all; color:#888; line-height:1.4; margin-bottom:10px;}
	.member.login .add li a {display:inline-block; padding:10px 20px; border:1px solid #e5e5e5; border-radius:100px; line-height:1; font-size:12px;}
	.member.login .add li a:hover {background:#f47eb5; color:#fff; border-color:#f47eb5;}	
	
	/* 회원 - 약관동의 */
	.agreeBox {position:relative; display:block; overflow:hidden;}
	.agreeBox+.agreeBox {margin-top:50px;}
	.agreeBox h2 {text-align:center; font-weight:400; font-size:18px; color:#000; padding-bottom:10px;}
	.agreeBox .inner {height:30vh; padding:20px; overflow-y:scroll; border:1px solid #e5e5e5; border-radius:10px; font-size:14px; background-color:#f9f9f9;}
	.agreeBox .inner>header {padding-bottom:30px;}
	.agreeBox .inner>dl>dt {font-weight:400; color:#000;}
	.agreeBox .inner>dl>dd {}
	.agreeBox .inner>dl>dd+dt {margin:30px 0 5px;}
	.agreeBox .inner>dl>dd ol li {list-style-type:decimal; margin-left:15px;}
	.member.join_agree {overflow:hidden;}
	.member.join_agree .checkWrap {display:inline-block; margin:10px auto;}
	.member.join_agree .btnWrap {clear:both; text-align:center; padding-top:20px;}
	
	/* 이용약관/개인정보처리방침 */
	.paper .agreeBox {width:100%;}
	.paper .agreeBox h2 {font-weight:400;}
	.paper .agreeBox .inner {height:auto;}
	
	/* 회원 - 가입양식 */
	.member.join {overflow:hidden;}
	.member.join header {font-size:13px; line-height:1.4; color:#888; text-align:center; word-break:keep-all; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #ddd;}	
	.member.join .info {font-size:14px;}
	.member.join .info p {clear:both; font-size:13px; color:#888; padding:5px 0; line-height:1.4;}
	.member.join .info>ul>li+li {margin-top:30px;}
	.member.join .info label {clear:both; display:block; font-size:15px; font-weight:400; color:#000; margin-bottom:10px; line-height:1;}
	.member.join .info .gender {overflow:hidden;}
	.member.join .info .gender label {font-size:14px; color:#888;}
	.member.join .info .gender input:checked+label {color:#f47eb5;}
	.member.join .info .gender li {float:left; font-size:14px;}
	.member.join .info .gender li+li {margin-left:20px;}
	.member.join .info .rightBtn {position:relative;}
	.member.join .info .rightBtn a {z-index:10; position:absolute; right:0; top:0; display:block; height:50px; background:#999; color:#fff; border-radius:0 10px 10px 0; padding:12px; text-align:center;}
	.member.join .info .rightBtn a:hover {background:#222;}
	.member.join .info .phone>* {float:left;} 
	.member.join .info .phone select {width:70px; cursor:pointer;} 
	.member.join .info .phone input {margin-left:-1px; max-width:29%;} 
	.member.join .info .phone span {display:inline-block; height:60px; padding:12px 5px;}
	.member.join .info .email>* {float:left; width:auto;}
	.member.join .info .email input {width:60%;}
	.member.join .info .email span {height:50px; width:20px; padding:12px 0; text-align:center;}
	.member.join .info .email span+input {width:calc(40% - 20px);}
	.member.join .info .addWrap {padding-top:5px; overflow:hidden;}
	.member.join .info .addWrap>* {display:block; float:left; vertical-align:middle;}
	.member.join .info .addWrap button {margin-left:5px; width:auto; height:auto; font-size:14px; line-height:1; padding:10px !important; border-radius:7px;}	
	.member.join .info .redcode {}
	.member.join .info .redcode {position:relative; overflow:hidden;}
	.member.join .info .redcode input {float:left; width:calc(100% - 100px); border-radius:0 10px 10px 0;}
	.member.join .info .redcode .code {
		float:left; display:block; width:100px; height:50px; vertical-align:top;
		border:1px solid #e5e5e5; border-right:0; border-radius:10px 0 0 10px;
		background:#f9f9f9; text-align:center; font-size:16px; padding:15px 0; line-height:1; 
	}
	.member.join .info .redcode .code span {color:red; font-weight:400;}
	.member.join .info .redcode+p span {color:red;}
	.member.join .info .btnWrap {text-align:center; margin-top:30px; padding-top:30px; border-top:1px dashed #ddd;}
	
	/* 회원 - 가입완료 */
	.member.join_end {text-align:center; padding-bottom:80px;}
	.member.join_end .wrap {padding:50px 30px 20px;}
	.member.join_end .wrap h2 {font-size:30px; font-weight:400; color:#000; margin-bottom:20px;}
	.member.join_end .wrap .joinid {margin-top:30px; padding:20px; border-radius:100px; font-size:24px; font-weight:400; line-height:1; border:5px solid #78a2ef; color:#78a2ef;}
	
	/* 회원 - 아이디/비밀번호 찾기 */
	.member.idpwFind {padding:0; background:transparent; box-shadow:none;}
	.member.idpwFind article {text-align:center; padding:40px 20px; overflow:hidden; border-radius:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
	.member.idpwFind article+article {margin-top:10px; padding-top:30px;}
	.member.idpwFind article header {margin-bottom:30px; font-size:14px; color:#888;}
	.member.idpwFind article header i {display:inline-block; width:50px; height:50px; margin-bottom:10px; border:3px solid #e5e5e5; border-radius:50%; background-size:40%; background-position:center; background-repeat:no-repeat;}
	.member.idpwFind article header i.id {background-image:url(../images/login_id.svg);}
	.member.idpwFind article header i.pw {background-image:url(../images/login_pw.svg);}
	.member.idpwFind article header h2 {font-size:18px; color:#000; font-weight:400; padding-bottom:10px; letter-spacing:-1px;}
	.member.idpwFind article header p {font-size:13px; padding:0 30px; line-height:1.4; color:#aaa;}
	.member.idpwFind article form ul {overflow:hidden;}
	.member.idpwFind article form li {position:relative;}
	.member.idpwFind article form li+li {margin-top:10px;}
	.member.idpwFind article form input {position:relative; padding-left:70px;}
	.member.idpwFind article form label {z-index:1; position:absolute; left:15px; top:12px; font-size:14px; font-weight:400; color:#888;}
	.member.idpwFind article .btn {margin-top:20px;}
	
	
	/* 마이페이지 공용 */
	.wrapper.mypage {padding:0; border-radius:10px; overflow:hidden; background:#fff;}
	.mypage>header {position:relative; padding:40px 0 20px; color:#fff; background:#f47eb5 url(../images/mypage_head_hole.svg) no-repeat top center; background-size:85%; text-align:center;}
	.mypage>header:before,
	.mypage>header:after {z-index:0; content:""; position:absolute; bottom:-2px; display:block; height:calc(100% - 30px); width:50%; background-repeat:no-repeat; background-size:70%; opacity:.5;}
	.mypage>header:before {left:20px; background-image:url(../images/mypage_head_bg1.svg); background-position:0 100%;}
	.mypage>header:after {right:20px; background-image:url(../images/mypage_head_bg2.svg); background-position:100% 100%;}
	.mypage>header h2 {font-size:24px; font-weight:300; line-height:1; margin-bottom:10px; letter-spacing:-1px;}
	.mypage>header h2+p {font-size:12px; font-weight:300; line-height:1.4; opacity:.7; letter-spacing:-.5px;}
	.mypage>.inner {position:relative; padding:40px 20px;}
	.mypage [class*='board_'] header {position:relative; padding-bottom:20px;}
	.mypage [class*='board_'] header a.write {position:absolute; top:-5px; right:0; padding:10px 15px;}
	.mypage [class*='board_'] .btnWrap {position:relative; text-align:center; padding:30px 0;}
	.mypage [class*='board_'] .btnWrap>* {display:inline-block !important; vertical-align:middle; font-size:14px;}
	.mypage [class*='board_'] .btnWrap a {padding:18px 20%; font-weight:400; color:#000; border-radius:100px; border:2px solid #f47eb5; background:#fff; line-height:1;}
	.mypage [class*='board_'] .btnWrap a:hover {color:#fff; background:#f47eb5;}
	.mypage [class*="board_"] .btnBottom {position:relative; clear:both; overflow:hidden; padding:30px 0; text-align:center;}
	.mypage [class*="board_"] .btnBottom>* {display:inline-block; vertical-align:middle;}
	.mypage [class*="board_"] .btnBottom a {font-size:13px;}
	.mypage [class*="board_"] .btnBottom .page {padding:0 5px;}
	.mypage [class*="board_"] .btnBottom .write {float:right;}
	.mypage .textareaWrap {overflow:hidden; border:1px solid #e5e5e5; border-radius:10px;}
	.mypage .textareaWrap textarea {padding:20px; max-width:100%; min-height:20vh; border:0;}
	.mypage .list+.btnBottom .btn {padding:12px 18px !important;}
	
	.mypage .reply {overflow:hidden;}
	.mypage .reply .textareaWrap {border:1px solid #999; min-height:120px;}
	.mypage .reply .textareaWrap textarea {min-height:120px;}
	.mypage .reply .msg {position:relative; margin:20px 0; font-size:14px; font-weight:400;}
	.mypage .reply .msg p span {color:red;}
	.mypage .reply .msg a {position:absolute; right:0; top:-5px; padding:10px 15px; line-height:1;}	
	.mypage .reply .comment {margin-bottom:30px;}
	.mypage .reply .comment li {position:relative; padding-left:30px; line-height:1.6; margin-top:20px; padding-top:20px; border-top:1px dashed #ddd;}
	.mypage .reply .comment li p {color:#000;}
	.mypage .reply .comment li .info {padding-top:5px; font-size:14px; color:#888;}
	.mypage .reply .comment li .info span {padding-right:10px; font-size:13px;}
	.mypage .reply .comment li i {
		position:absolute; left:10px; top:25px; display:block; width:10px; height:20px;
		background-size:contain; background-repeat:no-repeat; 
		transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;
	}
	.mypage .reply .comment li i.up {background-image:url(../images/icon_msg_up.svg);}
	.mypage .reply .comment li i.down {background-image:url(../images/icon_msg_down.svg);}
	.mypage .reply .comment .btnBox {margin-top:10px; overflow:hidden;}
	.mypage .reply .comment .btnBox a {float:left; display:block; padding:8px 15px; margin-left:5px; font-size:13px; font-weight:400; line-height:1; border:1px solid #e5e5e5; border-radius:100px; background:#f5f5f5;}
	.mypage .reply .comment .btnBox a:hover {background:#222; border-color:#222; color:#fff;}

	/*인라인 style 추가 20.06.18*/
	.mypage .reply .comment .btnBox #cRegi {background:#f47eb5; border-color:#f47eb5; color:#fff}
	.mypage .reply .comment .btnBox #cRegi:hover {background:#e25396}
	
	.mypage .write .fileWrap {margin-top:0 !important; font-size:14px; border:1px solid #e5e5e5; border-top:0; border-radius:0 0 10px 10px;}
	.mypage .write .fileWrap .head {padding:20px; font-size:13px;}
	.mypage .write .fileWrap .open {display:inline-block; padding:12px 25px; font-size:13px; font-weight:400; line-height:1; border-radius:100px; background:#848b99; color:#fff;}
	.mypage .write .fileWrap .open:hover {background:#5e697e;}
	.mypage .write .fileWrap .open:before {content:"파일첨부 열기";}
	.mypage .write .fileWrap.on .open:before {content:"파일첨부 닫기";}
	.mypage .write .fileWrap .open+span {display:block; font-size:13px; margin-top:5px; line-height:1.4;}
	.mypage .write .fileWrap .dropWrap {display:none; border-top:1px solid #e5e5e5; border-radius:0 0 10px 10px; overflow:hidden;font-size:14px;}
	.mypage .write .fileWrap.on .dropWrap {display:block;}
	.mypage .write .fileWrap .dropWrap header {padding:20px; border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
	.mypage .write .fileWrap .dropWrap header .fileBtn {display:inline-block; padding:10px 20px; margin-right:10px; font-size:13px; font-weight:400; line-height:1; border-radius:100px; color:#5e697e; border:1px solid #939eb5; background:#fff;}
	.mypage .write .fileWrap .dropWrap header .fileBtn+span {display:block; margin-top:5px; font-size:13px; line-height:1.4;}
	.mypage .write .fileWrap .dropWrap header .fileBtn:hover {border-color:#939eb5; background:#939eb5; color:#fff;}
	.mypage .write .fileWrap .dropWrap #dropzone {min-height:150px; max-height:260px; overflow-y:auto;}
	.mypage .write .fileWrap .dropWrap #dropzone li {position:relative; padding:12px 20px 12px 45px; font-size:13px; line-height:1;}
	.mypage .write .fileWrap .dropWrap #dropzone li:hover {background:#f7f7f7;}
	.mypage .write .fileWrap .dropWrap #dropzone li+li {border-top:1px solid #e5e5e5;}
	.mypage .write .fileWrap .dropWrap #dropzone .del {position:absolute; left:15px; top:4px; display:block; width:30px; height:30px; background:url(../images/icon_del.svg) no-repeat center; background-size:50%; opacity:.2;}
	.mypage .write .dropWrap #dropzone li:hover .del {opacity:1;}

	
	
	/* 마이페이지 - 알림장 - 리스트 */
	.mypage .board_paper {}
	.mypage .board_paper .list>ul {border:1px solid #ddd; border-left:0; border-right:0;}
	.mypage .board_paper .list li {position:relative; overflow:hidden; padding:20px 0;}
	.mypage .board_paper .list li+li {border-top:1px dashed #ddd;}
	.mypage .board_paper .list li a {display:block; padding-left:20px; color:#888;}
	.mypage .board_paper .list li a:hover {border-color:#f47eb5;}
	.mypage .board_paper .list li a i {
		position:absolute; left:0; top:25px; display:block; width:10px; height:20px;
		background-size:contain; background-repeat:no-repeat;
		transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;
	}
	.mypage .board_paper .list li a i.up {background-image:url(../images/icon_msg_up.svg);}
	.mypage .board_paper .list li a i.down {background-image:url(../images/icon_msg_down.svg);}
	.mypage .board_paper .list li a .img {position:absolute; right:0; top:20px; display:block; width:50px; height:50px; overflow:hidden; border-radius:50%;}
	.mypage .board_paper .list li a .img+.tit {padding-right:60px;}
	.mypage .board_paper .list li a .img:empty+.tit {padding-right:0;}
	.mypage .board_paper .list li a .tit {font-size:15px; color:#000; padding-bottom:10px; line-height:1.6;}
	.mypage .board_paper .list li a .tit .comment {display:inline-block; margin-left:5px; border-radius:4px; background:#f47eb5; color:#fff; font-size:12px; font-weight:400; padding:6px; line-height:1;}
	.mypage .board_paper .list li a p {font-size:13px; line-height:1.4;}
	.mypage .board_paper .list li a p.root {font-weight:400;}
	.mypage .board_paper .list li a p.root span {display:inline-block; padding:0 5px; font-size:14px; line-height:.8;}
	.mypage .board_paper .list+.btnBottom {margin-top:0 !important; text-align:left;}
	
	/* 마이페이지 - 알림장 - 보기 */
	.mypage .board_paper .view {}
	.mypage .board_paper .view header {font-weight:400;}
	.mypage .board_paper .view header span {display:inline-block; padding-right:20px;}
	.mypage .board_paper .view .con {color:#000;}
	.mypage .board_paper .view .con img {display:block; max-width:100%; border-radius:10px; margin:10px 0;}
	.mypage .board_paper .view .file {margin-top:20px;}
	.mypage .board_paper .view .file:empty {display:none;}
	.mypage .board_paper .view .file a {position:relative; display:block; padding:12px 30px 12px 20px; font-size:13px; border:1px solid #e5e5e5; line-height:1; border-radius:100px; background:#f7f7f7; margin-bottom:5px;}
	.mypage .board_paper .view .file a:after {content:""; position:absolute; right:20px; top:15px; display:block; width:10px; height:10px; background:url(../images/icon_download.svg) no-repeat center; background-size:contain;}
	.mypage .board_paper .view .state {display:none;}
	.mypage .board_paper .view .state.on {display:block; overflow:hidden; margin:30px 0; padding-top:30px; border-top:1px dashed #ddd;}
	.mypage .board_paper .view .state h3 {font-size:15px; font-weight:400; color:#000; margin-bottom:10px;}
	.mypage .board_paper .view .state li {display:inline-block; width:calc(50% - 2px); float:left; text-align:center; padding:10px 20px; line-height:1; font-size:13px; margin:0 2px 5px 0; border:1px solid #e5e5e5; border-radius:100px;}
	.mypage .board_paper .view .state li:nth-child(2n) {float:right; margin-right:0;}
	.mypage .board_paper .view .state li:nth-child(2n+1) {clear:both;}
	.mypage .board_paper .view .btnBottom {border-top:1px dashed #ddd;}
	

	
	/* 마이페이지 - 알림장 - 쓰기/수정 */
	.mypage .board_paper .write {}
	.mypage .board_paper .write>header {font-size:18px; text-align:center; padding-bottom:10px; line-height:1.4;  color:#f47eb5;}
	.mypage .board_paper .write.modify>header p {font-size:20px; text-align:center; line-height:1.4;  color:#f47eb5;}
	.mypage .board_paper .write.modify>header p+span {display:block; font-size:14px; text-align:center; padding-bottom:10px; line-height:1.4;  color:#000;}
	.mypage .board_paper .write .con .default>ul>li+li {margin-top:10px;}
	.mypage .board_paper .write label {display:block; line-height:1; color:#000; margin-bottom:10px; font-weight:400;}
	.mypage .board_paper .write select {}
	.mypage .board_paper .write .textareaWrap {border-radius:10px 10px 0 0;}
	.mypage .board_paper .write .tit {font-weight:400; color:#000; line-height:1; padding:10px 0;}
	.mypage .board_paper .write .moreinfo {margin-top:10px; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden;}
	.mypage .board_paper .write .moreinfo.on {}
	.mypage .board_paper .write .moreinfo header {position:relative; padding:20px;}
	.mypage .board_paper .write .moreinfo.on header {position:relative; border-bottom:1px dashed #ddd; background:#f7f7f7;}
	.mypage .board_paper .write .moreinfo .open {
		display:inline-block; padding:12px 25px; font-size:13px; font-weight:400; line-height:1; border-radius:100px; border:1px solid #939eb5; color:#5e697e; background:#fff;
	}
	.mypage .board_paper .write .moreinfo.on .open {background:#5e697e; border-color:#5e697e; color:#fff;}
	.mypage .board_paper .write .moreinfo .open:hover {background:#5e697e; color:#fff;}
	.mypage .board_paper .write .moreinfo .open:before {content:"추가정보 열기";}
	.mypage .board_paper .write .moreinfo.on .open:before {content:"추가정보 닫기";}
	.mypage .board_paper .write .moreinfo header .open+span {display:block; font-size:13px; margin-top:5px; line-height:1.4;}
	.mypage .board_paper .write .moreinfo header .open:hover {border-color:#5e697e; background:#5e697e; color:#fff;}
	.mypage .board_paper .write .moreinfo>div {display:none; margin:0 20px 20px;}
	.mypage .board_paper .write .moreinfo.on>div {display:block;}
	.mypage .board_paper .write .moreinfo>div+div {}
	.mypage .board_paper .write .basic>ul {overflow:hidden; margin-top:30px;}
	.mypage .board_paper .write .basic>ul>li+li {margin-top:10px; overflow:hidden;}
	.mypage .board_paper .write .kindWrap {position:relative; overflow:hidden;}
	.mypage .board_paper .write .kindWrap .plus{
		position:absolute; right:0; bottom:5px; font-size:14px; font-weight:400; color:#000; text-align:center;
		display:block; width:50px; height:50px; padding:12px 0; border-radius:10px; border:1px solid #e5e5e5;
		background:#fff url(../images/icon_plus.svg) no-repeat center; background-size:16px;
	}
	.mypage .board_paper .write .kindWrap .plus:hover {background-color:#f5f5f5;}
	.mypage .board_paper .write .kindWrap .item {overflow:hidden;}
	.mypage .board_paper .write .kindWrap .item+.item {margin-top:15px;}
	.mypage .board_paper .write .kindWrap .item>li {float:left;}
	.mypage .board_paper .write .kindWrap .item>li>* {display:block; width:100%; margin-bottom:5px;}
	.mypage .board_paper .write .kindWrap .item>li:nth-child(1) {width:50%; padding-right:5px;}
	.mypage .board_paper .write .kindWrap .item>li:nth-child(2) {width:50%;}
	.mypage .board_paper .write .kindWrap .item>li:nth-child(3) {width:calc(100% - 55px);}
	.mypage .board_paper .write .kindWrap .item.type2>li {float:left; padding:0; overflow:hidden;}
	.mypage .board_paper .write .kindWrap .item.type2>li:nth-child(1) {width:calc(100% - 50px);}
	.mypage .board_paper .write .kindWrap .item.type2>li:nth-child(2) {width:50px; text-align:center; font-size:30px;}
	.mypage .board_paper .write .kindWrap .item.type2>li:nth-child(3) {width:calc(100% - 50px);}
	.mypage .board_paper .write .kindWrap .item.type2>li .wrap li {float:left; width:calc(50%); padding-right:5px;}
	.mypage .board_paper .write .kindWrap .item.type2>li .wrap li>* {width:100%;}
	
	.mypage .board_paper .write .checkWrap li {padding-right:10px;}
	.mypage .board_paper .write .checkWrap li label{color:#888;}
	.mypage .board_paper .write .checkWrap li input:checked+label {color:#f47eb5;}
	.mypage .board_paper .write+.btnBottom {padding-top:30px; width:100%; font-size:16px; font-weight:400; text-align:center;} 
	
	
	
	/* 마이페이지 - 투약의뢰서 - 리스트 */
	.mypage .board_medicine {}
	.mypage .board_medicine .list>ul {border:1px solid #ddd; border-left:0; border-right:0;}
	.mypage .board_medicine .list li {position:relative; overflow:hidden; padding:20px 0;}
	.mypage .board_medicine .list li+li {border-top:1px dashed #ddd;}
	.mypage .board_medicine .list li a {display:block; padding-left:20px; color:#888;}
	.mypage .board_medicine .list li a:hover {border-color:#f47eb5;}
	.mypage .board_medicine .list li a i {
		position:absolute; left:0; top:25px; display:block; width:10px; height:20px;
		background-size:contain; background-repeat:no-repeat;
		transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;
	}
	.mypage .board_medicine .list li a i.up {background-image:url(../images/icon_msg_up.svg);}
	.mypage .board_medicine .list li a i.down {background-image:url(../images/icon_msg_down.svg);}
	.mypage .board_medicine .list li a .img+.tit {padding-right:60px;}
	.mypage .board_medicine .list li a .tit {font-size:15px; color:#000; padding-bottom:10px; line-height:1.6;}
	.mypage .board_medicine .list li a .tit .comment {display:inline-block; margin-left:5px; border-radius:4px; background:#f47eb5; color:#fff; font-size:12px; font-weight:400; padding:6px; line-height:1;}
	.mypage .board_medicine .list li a p {font-size:13px; line-height:1.4;}
	.mypage .board_medicine .list li a p.root {font-weight:400;}
	.mypage .board_medicine .list li a p.root span {display:inline-block; padding:0 5px; font-size:14px; line-height:.8;}
	.mypage .board_medicine .list li a .img {
		position:absolute; right:0; top:20px; display:block; width:50px; height:50px; overflow:hidden;
		border-radius:50%; border:2px solid #ffdfeb;
		background:url(../images/icon_med_off.svg) no-repeat center; background-size:80%;
		transition:all .3s linear;	-webkit-transition:all .3s linear; -moz-transition:all .3s linear;
	}
	.mypage .board_medicine .list li a .img.on {border-color:#dee6ff; background-image:url(../images/icon_med_on.svg);}
	.mypage .board_medicine .btnBottom {margin-top:0;}
	.mypage .board_medicine .list li a .img:hover {background:#f47eb5; background-position:50%; border-color:#f47eb5;}
	.mypage .board_medicine .list li a .img.on:hover {background:#95baff; background-position:50%; border-color:#95baff;}
	.mypage .board_medicine .list li a .img:hover:before {content:"대기"; display:block; width:100%; padding-top:15px; text-align:center;  font-size:10px; font-weight:400; color:#fff;}
	.mypage .board_medicine .list li a .img.on:hover:before {content:"완료";}
	.mypage .board_medicine .list+.btnBottom {text-align:left; margin-top:0;}
	
	/* 마이페이지 - 투약의뢰서 - 보기/수정 */
	.mypage .board_medicine .view {}
	.mypage .board_medicine .view header {text-align:center; color:#000; line-height:1.4; word-break:keep-all;}
	.mypage .board_medicine .view header p {font-size:20px; color:#f47eb5; margin-bottom:10px;}
	.mypage .board_medicine .view .con {border:1px solid #e5e5e5; border-radius:10px;}
	.mypage .board_medicine .view .con .msg {padding:20px;}
	.mypage .board_medicine .view .state {padding:20px 0; overflow:hidden;}
	.mypage .board_medicine .view .state h3 {padding-left:20px; font-size:18px; font-weight:400; color:#000; padding-bottom:20px;}
	.mypage .board_medicine .view .state dl>* {float:left; border-top:1px dashed #e5e5e5; padding:10px 0;}
	.mypage .board_medicine .view .state dt {position:relative; clear:both; width:100px; padding-left:30px;}
	.mypage .board_medicine .view .state dt:before {content:""; position:absolute; left:20px; top:20px; display:block; width:3px; height:3px; border-radius:50%; background:#bbb;}
	.mypage .board_medicine .view .state dd {width:calc(100% - 100px);}
	.mypage .board_medicine .view .state dd:before {content:": ";}	
	
	/* 마이페이지 - 투약의뢰서 - 쓰기/수정 */
	.mypage .board_medicine .write {}
	.mypage .board_medicine .write header {text-align:center; color:#000; line-height:1.4; word-break:keep-all;}
	.mypage .board_medicine .write.modify header {margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ddd;}
	.mypage .board_medicine .write header p {font-size:20px; color:#f47eb5; margin-bottom:10px;}
	.mypage .board_medicine .write .con ul {clear:both; overflow:hidden;}
	.mypage .board_medicine .write .con ul li {padding-top:30px; overflow:hidden;}
	.mypage .board_medicine .write .con ul li.one {padding-top:10px;}
	.mypage .board_medicine .write .con label {display:block; font-weight:400; color:#000; margin-bottom:10px; line-height:1;}
	.mypage .board_medicine .write .con .msg {margin-top:30px; text-align:center; line-height:1.4;}
	
	
	
	/* 마이페이지 - 회원정보수정 - 로그인 */
	.mypage.login {width:calc(100%-40px); text-align:center;}
	.mypage.login h3 {font-size:18px; font-weight:400; color:#000;}
	.mypage.login h3+p {padding:10px 20px 0; font-size:13px; color:#888; word-break:keep-all; line-height:1.4;}	
	.mypage.login .info {margin-top:10px;}
	.mypage.login .info li {}
	.mypage.login .info li+li {margin-top:10px;}
	.mypage.login .info label {display:none;}
	.mypage.login .info input:focus {border-color:#f47eb5;}
	.mypage.login .info input {height:60px; padding-left:60px; border-radius:10px; color:#000;} 
	.mypage.login .info input[type="text"] {background:url(../images/login_id.svg) no-repeat 20px 50%; background-size:22px;} 
	.mypage.login .info input[type="password"] {background:url(../images/login_pw.svg) no-repeat 20px 50%; background-size:22px;}
	.mypage.login .info a {display:block; border-radius:10px; height:60px; border:0; cursor:pointer; font-size:20px; padding-top:20px !important;}
	
	/* 마이페이지 - 회원정보수정 - 양식 */
	.mypage.modify {overflow:hidden;}
	.mypage.modify .inner {padding:50px 20px;}
	.mypage.modify .inner header {font-size:13px; line-height:1.4; color:#888; text-align:center; word-break:keep-all; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #ddd;}
	.mypage.modify .info {font-size:14px;}
	.mypage.modify .info p {clear:both; font-size:13px; color:#888; padding:5px 0;}
	.mypage.modify .info>ul>li+li {margin-top:30px;}
	.mypage.modify .info label {clear:both; display:block; font-size:15px; color:#000; margin-bottom:10px; line-height:1;}
	.mypage.modify .info .rightBtn {position:relative;}
	.mypage.modify .info .rightBtn a {z-index:10; position:absolute; right:0; top:0; display:block; height:50px; background:#999; color:#fff; border-radius:0 10px 10px 0; padding:12px; text-align:center;}
	.mypage.modify .info .rightBtn a:hover {background:#222;}
	.mypage.modify .info .phone>* {float:left;} 
	.mypage.modify .info .phone select {width:100px; cursor:pointer;} 
	.mypage.modify .info .phone input {margin-left:-1px; max-width:30%;} 
	.mypage.modify .info .phone span {display:inline-block; height:60px; padding:12px 5px;}
	.mypage.modify .info .addWrap {padding-top:5px; overflow:hidden;}
	.mypage.modify .info .addWrap>* {display:block; float:left; vertical-align:middle;}
	.mypage.modify .info .addWrap button {margin-left:5px; width:auto; height:auto; font-size:14px; line-height:1; padding:10px !important; border-radius:7px;}	
	.mypage.modify .info .btnWrap {text-align:center; margin-top:30px; padding-top:30px; border-top:1px dashed #ddd;}
	
	
	
	/* 마이페이지 - 탈퇴 - 양식 */
	.mypage.end {overflow:hidden;}
	.mypage.end .inner header {font-size:13px; line-height:1.4; color:#888; text-align:center; word-break:keep-all; padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #ddd;}
	.mypage.end .inner header h3:after {content:""; display:block; width:50px; height:2px; background:#000; margin:40px 0;}
	.mypage.end .info {font-size:13px; color:#888;}
	.mypage.end .info p {clear:both;}
	.mypage.end .info>ul>li+li {margin-top:30px;}
	.mypage.end .info label {clear:both; display:block; font-size:15px; color:#000; margin-bottom:10px; line-height:1;}
	.mypage.end .info .btnWrap {text-align:center; margin-top:30px;}
}