/* add 190129 */
.postSec {display:block; height:auto; overflow:hidden; position:relative;}
.postSec .logo {position:absolute; left:30px; top:42px; width:100px; height:20px; background:url(../images/new/logo_shoton.png) no-repeat 50% 50%; background-size:100%; z-index:9000;}
.postSec .logo a {display:block; width:100%; height:100%;}
.editHead {background:#f9f99f; display:block; height:43px; line-height:43px; position:relative; margin-bottom:12px;}
.editHead .logo {float:left; width:100px; height:20px; background:url(../images/new/logo_shoton.png) no-repeat 50% 50%; background-size:100%; margin-top:13px;}
.editHead .logo a {display:block; width:100%; height:100%;}
.editHead .editFunc {position:absolute; right:0; top:5px;}
.editHead .editFunc .add {display:inline-block; width:18px; height:18px; background:url(../images/new/ico_add_off.png) no-repeat 50% 50%; background-size:100%; margin:0 3px; cursor:pointer;}
.editHead .editFunc .add.on {background:url(../images/new/ico_add_on.png) no-repeat 50% 50%; background-size:100%;}
.editHead .editFunc .edit {display:inline-block; width:18px; height:18px; background:url(../images/new/ico_edit_off.png) no-repeat 50% 50%; background-size:100%; margin:0 3px; cursor:pointer;}
.editHead .editFunc .edit.on {background:url(../images/new/ico_edit_on.png) no-repeat 50% 50%; background-size:100%;}

.postInfo {display:block; height:42px; line-height:42px; position:relative; font-size:16px; color:#000;}
.postInfo .wDate {display:inline-block; background:url(../images/new/ico_time.png) no-repeat left 12px; background-size:15px 16px; padding-left:25px;}
.postInfo em {display:inline-block; padding-left:8px; margin-left:8px; position:relative; font-style:normal;}
.postInfo em:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:1px; height:10px; background:#000;}
.postInfo .postStats {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right;}
.postInfo .postStats .postCmt {display:inline-block; font-size:16px; background:url(../images/new/ico_cmt.png) no-repeat left 50%; background-size:16px 16px; padding-left:22px; margin-right:12px;}
.postInfo .postStats .postLike {display:inline-block; font-size:13px; background:url(../images/new/ico_like_off.png) no-repeat left 50%; background-size:16px 16px; padding-left:22px;}
.postInfo .postStats .postLike.on {background:url(../images/new/ico_like_on.png) no-repeat left 50%; background-size:13px 13px;}

.feedSec {display:block; height:auto; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:20px;}
.feedSec:last-child {border-bottom:0px;}
.feedSec .feedUser {display:block; height:65px; position:relative; box-sizing:border-box; padding-top:16px;}
.feedSec .feedUser .user {display:block; height:auto; padding:0 70px 0 50px; line-height:40px; position:relative; font-size:18px; color:#000;}
.feedSec .feedUser .user .userPhoto {position:absolute; left:0; top:0; width:40px; height:40px; border-radius:50%; text-align:center; overflow:hidden;}
.feedSec .feedUser .user .userPhoto img {width:100%;}
.feedSec .feedUser .distance {position:absolute; right:0; top:50%; transform:translate(0, -50%); color:#878787; font-size:16px;}
.feedSec .photo {display:block; height:auto; overflow:hidden; border-radius:8px;}
.feedSec .photo img {width:100%;}
.feedSec p {margin:0;}
.feedSec .mention {color:#000; font-size:20px; line-height:1.3; padding-top:15px;}
.feedSec .feedCon {display:block; height:auto; overflow:hidden; padding-left:35px; margin-top:20px;}
.feedSec .feedCon .postTags {padding:15px 0 0 0;}

/*.dockBar {position:fixed; left:0; bottom:0; width:100%; height:70px; background:#FFF; border-top:1px solid #ccc; z-index:10; padding:0 40px; box-sizing:border-box;}*/
.head {position:fixed; left:0; width:100%; height:60px; background:#FFF; border-bottom:1px solid #ccc; z-index:100;}
.head.transfer {background:none; border-bottom:0px;} 
.head.scrap {position:relative; background:none; border-bottom:1px solid #535353;} 
.head.scrap .menu {left:31px;}
.head.scrap .edit a {right:33px;}
.head.iFound {position:relative; background:none; border-bottom:1px solid #cdcdcd;} 
.head.iFound .menu {left:31px;}
.head .menu {position:absolute; left:20px; top:10px; width:40px; height:40px; background:url(../images/new/ico_menu.png) no-repeat 50% 50%; background-size:22px 18px; cursor:pointer; z-index:100;}
.head .menu.b {background:url(../images/new/ico_menu_black.png) no-repeat 50% 50%; background-size:22px 18px;}
.head .goBack a {position:absolute; left:32px; top:50%; transform:translate(0, -50%); width:36px; height:36px; background:url(../images/new/ar_back.png) no-repeat 50% 50%; background-size:22px 22px;}
.head .goBack.w a {background:url(../images/new/ar_back_w.png) no-repeat 50% 50%; background-size:22px 22px;}
.head .goBack.detail a {left:32px;}
.head .detailClose a {position:absolute; left:32px; top:50%; transform:translate(0, -50%); width:36px; height:36px; background:url(../images/new/btn_close.png) no-repeat 50% 50%; background-size:22px 22px;}
.head .detailClose.detail a {left:32px;}
.head .edit a {position:absolute; right:20px; top:10px; width:40px; height:40px; background:url(../images/new/dico_edit_w.png) no-repeat 50% 50%; background-size:25px 25px; cursor:pointer; z-index:100;}
.head .editB a {position:absolute; right:20px; top:10px; width:40px; height:40px; background:url(../images/new/dico_edit.png) no-repeat 50% 50%; background-size:25px 25px; cursor:pointer; z-index:100;}
.head .editTxt a {position:absolute; right:40px; top:16px; text-align:right; color:#1cacff; font-size:18px; font-weight:500;}
.head .logo a {position:absolute; height:13px; top:50%; transform:translate(0, -50%);}
.head .logo.shoton a {width:86px; height:16px; left:50%; margin-left:-43px; background:url(../images/new/logo_shoton.png) no-repeat 50% 50%; background-size:86px 16px;}
/*.head .logo.creative a {width:104px; height:16px; left:50%; margin-left:-52px; background:url(../images/new/logo_creative.png) no-repeat 50% 50%; background-size:104px 16px;}*/
.head .logo.ctype a {width:76px; height:16px; left:50%; margin-left:-38px; background:url(../images/new/logo_ctype.png) no-repeat 50% 50%; background-size:76px 16px;}
.head .logo.creative {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); /* 핵심 */
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    text-transform: uppercase;
    white-space: nowrap;
}
.head .logo.legal {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); /* 핵심 */
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    text-transform: uppercase;
    white-space: nowrap;
}
.head .logo.exhibition a {width:112px; height:16px; left:50%; margin-left:-56px; background:url(../images/new/logo_exhibition.png) no-repeat 50% 50%; background-size:112px 16px;}
.head .logo.profile a {width:77px; height:16px; left:50%; margin-left:-39px; background:url(../images/new/logo_profile.png) no-repeat 50% 50%; background-size:77px 16px;}
.head .logo.ifound a {width:81px; height:16px; left:50%; margin-left:-41px; background:url(../images/new/logo_ifound.png) no-repeat 50% 50%; background-size:81px 16px;}

.swiper-container.shotOn {overflow:hidden !important;}
.detailFunc {position:absolute; right:38px; top:50%; transform:translate(0, -50%); text-align:right;}
.detailFunc span {margin-right:20px;}
.detailFunc span:last-child {margin-right:0;}
.detailFunc .postCopy a {display:inline-block; width:25px; height:25px; background:url(../images/new/dico_copy.png) no-repeat 50% 50%; background-size:25px 25px;}
.detailFunc .postCopy.w a {background:url(../images/new/dico_copy_w.png) no-repeat 50% 50%; background-size:25px 25px;} 
.detailFunc .postShare a {display:inline-block; width:25px; height:25px; background:url(../images/new/dico_share.png) no-repeat 50% 50%; background-size:22px 22px;}
.detailFunc .postShare.w a {background:url(../images/new/dico_share_w.png) no-repeat 50% 50%; background-size:22px 22px;}


/* c-type */
html, body {overflow-x:hidden; -webkit-overflow-scrolling: touch;}
.ctMenu {display:block; height:auto; overflow:hidden; text-align:center; line-height:1;}
.ctMenu span {font-size:12px; display:inline-block; text-transform:uppercase;}
.ctMenu span a {padding:0 24px; color:#000; opacity:0.6;}
.ctMenu span a.bold {opacity:1.0; font-weight:bold;}

.contents .section-row.noMarBtm {margin-bottom:0px;}
.contents .section-row.noMarTy01 {margin-bottom:20px;}

.contents .section-row .content .ctPost-slide {margin-left:5%; height:185px; overflow:hidden; position:relative;}
.ctPostThumb {display:block; height:160px; overflow:hidden; background:#000; position:relative;}
.ctPostThumb img {width:100%; opacity:0.85;}
.ctPostThumb .ctPostTxtSec {position:absolute; left:0; top:0; width:54%; height:160px; background:rgba(0, 0, 0, 0.75); z-index:1; display:table; padding:0 25px; box-sizing:border-box;}
.ctPostThumb .ctPostTxtSec .ctPostTxt {display:table-cell; vertical-align:middle; width:75%; margin:0 auto; color:#FFF; position:relative;}
.ctPostThumb .ctPostTxtSec .ctPostTxt .txtPostType {font-size:9px; text-decoration:underline; padding-bottom:16px; text-transform:uppercase;}
.ctPostThumb .ctPostTxtSec .ctPostTxt .txtPostTitle {font-size:17px; line-height:20px; text-transform:uppercase; margin-bottom:26px;}
.ctPostThumb .ctPostTxtSec .ctPostTxt .txtPostName {font-size:9px; opacity:0.6;}
.contents .section-row .content .swiper-pagination {text-align:left;}
.contents .section-row .content .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom:4px;}
.swiper-container.ctPost-slide {overflow:visible;}
.contents .section-row .content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin-right:6px; margin-left:0px;}
.swiper-container.ctPost-slide .swiper-pagination-bullet {border-radius:0px; width:5px; height:5px; background:#000; opacity:0.2;}
.swiper-container.ctPost-slide .swiper-pagination-bullet-active {opacity:1.0; background:#000;}
.filter {text-align:right; margin-bottom:10px;}
.filter span {background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/filter.png') no-repeat left 50%; padding-left:17px; font-size:12px; text-transform:uppercase; color:#000; background-size:12px 11px;}

.ctImgTy01 img {width:100%;}

.contents .section-row.post-left {padding-left: 5%;}
.contents .section-row.post-left.ty01 .content .img {width: 63%; height: 86px;}

.ctTen-tab {padding:0 15px; overflow: hidden;}
.ctTen-tab .city {width: 33.3%; height: 110px; float: left; position: relative; overflow:hidden;}
.ctTen-tab .city img {width:100%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); opacity:0.6;
}
.ctTen-tab .city .city-txt {position:absolute; left:0; top:0; color: #fff; width:100%; height:100%; text-align: center; font-weight: bold; letter-spacing: 1px; z-index:1;}
.ctTen-tab .city .city-txt span {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%;}
.ctTen-tab .city.active .city-txt {background: rgba(0,0,0,0.2);}
.ctTen-tab .city.active img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); opacity:1.0;
}

.tenDeco {display:block; height:75px; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/img_ten_deco.png') no-repeat 50% 50%; background-size:11px 10px;}
.countNum {text-align:center; font-size:48px;}
.tenName {text-align:center; height:46px; line-height:46px; font-size:18px; font-weight:bold; text-transform:uppercase;}
.tenDesc {text-align:center; font-size:10px; color:#333; opacity:0.7; text-transform:uppercase; line-height:1; margin-bottom:4px;}
.tenWhoBox {display:block; height:auto; overflow:hidden; position:relative;}
.tenWhoBox .img {width:60%; height:auto; overflow:hidden; margin:0 auto;}
.tenWhoBox .img img {width:100%;}
.tenWhoBox button.dirControl {position:absolute; top:35%; width:65px; height:65px; border:0px;}
.tenWhoBox button.dirControl.minus {left:0; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ten_btn_minus.png') no-repeat 50% 50%; background-size:65px 65px;}
.tenWhoBox button.dirControl.plus {right:0; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/ten_btn_plus.png') no-repeat 50% 50%; background-size:65px 65px;}

.tenMore {position:fixed; width:100%; height:33px; left:0; bottom:0; text-align:center; background:url('https://image-at.lg-graphy.com/contents/resource/v2.0.8/images/arrow_tail.png') no-repeat 50% 20px; background-size:13px 7px; font-size:12px; color:#333; text-transform:uppercase;}
/* c-type */

/* profile */
.myWrap {display:block; height:auto; padding:40px; margin-top:60px;}
.myWrap.short {padding-bottom:0px;}
.myWrap.edit .myProfile .myInfoBox .myPhoto .edit {display:block;}
.myWrap.edit .myDesti .title .clear {display:block;}
.myWrap.edit .myDesti li .del {display:block;}
.myWrap.edit .myDesti li.addDesti {display:block;}
.myWrap.edit .myTags .tag {padding:0 52px 0 13px;}
.myWrap.edit .myTags .tag .del a {display:block;}
.myProfile {display:block; height:auto; overflow:hidden;}
.myProfile .myInfoBox {display:block; min-height:130px; overflow:hidden; position:relative;}
.myProfile .myInfoBox .myPhoto {position:absolute; left:0; top:0; width:110px; height:130px; border-radius:8px; overflow:hidden; text-align:center;}
.myProfile .myInfoBox .myPhoto img {width:100%;}
.myProfile .myInfoBox .myPhoto .edit {position:absolute; left:10px; bottom:10px; width:30px; height:30px; background:#FFF; border-radius:50%;}
.myProfile .myInfoBox .myPhoto .edit a {display:block; width:100%; height:100%; background:url(../images/new/ico_review.png) no-repeat 50% 50%; background-size:12px 12px;}

.myProfile .myInfoBox .myInfo {display:block; height:auto; overflow:hidden; padding-left:130px; position:relative;}
.myProfile .myInfoBox .myInfo .insta a {position:absolute; right:0; top:20px; width:36px; height:36px; border-radius:50%; background:url(../images/new/ico_insta.png) no-repeat 50% 50%; background-size:36px 36px;}
.myProfile .myInfoBox .myInfo .instaEmpty a {position:absolute; right:0; top:20px; width:36px; height:36px; border-radius:50%; background:url(../images/new/ico_insta_empty.png) no-repeat 50% 50%; background-size:36px 36px;}
.myProfile .myInfoBox .myInfo p {padding:0; margin:0; line-height:1.0;}
.myProfile .myInfoBox .myInfo .name {color:#000; font-size:30px; line-height:1.2; font-weight:500; margin-bottom:10px; padding-right:45px;}
.myProfile .myInfoBox .myInfo .job {color:#333; font-size:15px; margin-bottom:10px;}
.myProfile .myInfoBox .myInfo .job .local {display:inline-block; padding-left:9px; margin-left:9px; position:relative;}
.myProfile .myInfoBox .myInfo .job .local:after {content:''; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:2px; height:10px; background:#666;}
.myProfile .myInfoBox .myInfo .mail {color:#555; font-size:15px; line-height:1.3;}
.myProfile .myIntroduce {padding:20px 0 15px 0; color:#666; font-size:15px; line-height:20px;}
.myProfile p {margin:0;}

.myProfile .mySns {display:block; height:auto; overflow:hidden;}
.myProfile .mySns .btnFollow a {display:inline-block; width:190px; height:50px; line-height:48px; border:1px solid #000; background:#000; border-radius:50px; box-sizing:border-box; color:#FFF; font-size:16px; text-align:center;}
.myProfile .mySns .btnFollow.ing a {border:1px solid #000; background:#FFF; color:#222;}
.myProfile .mySns .btnInsta a {display:inline-block; width:50px; height:50px; background:#e4e4e4 url(../images/new/my_insta.png) no-repeat 50% 50%; background-size:21px 21px; border-radius:50%; vertical-align:middle; margin-left:18px;}

.myDesti {display:block; height:auto; clear:both;}
.myDesti .title {color:#000; font-size:20px; font-weight:600; position:relative;}
.myDesti .title .clear {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; font-size:14px; color:#868686; font-weight:normal; display:none;}
.myDesti li {float:left; width:31%; height:144px; margin-right:3.5%; margin-bottom:25px; position:relative;}
.myDesti li:nth-child(3n) {margin-right:0%;}
.myDesti li.addDesti {height:144px; border:1px dashed #c9c9c9; border-radius:10px; background:url(../images/new/my_add.png) no-repeat 50% 50%; background-size:22px 22px; box-sizing:border-box; display:none;}
.myDesti li .del {position:absolute; right:-4px; top:-4px; width:30px; height:30px; background:rgba(0, 0, 0, 0.7); border-radius:50%; z-index:100; display:none;}
.myDesti li .del a {display:block; width:100%; height:100%; background:url(../images/new/my_del.png) no-repeat 50% 50%; background-size:11px 11px;}
.myDesti li.addDesti a {display:block; width:100%; height:100%;}
.myDesti li .destiBox {display:block; height:100%; overflow:hidden; border-radius:10px; position:relative;}
.myDesti li .destiBox .desName {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:auto; color:#FFF; font-size:16px; text-align:center;}

.myTags {display:block; height:auto; overflow:hidden; clear:both;}
.myTags .tag {display:inline-block; height:35px; line-height:35px; background:#dedede; color:#141414; font-size:14px; padding:0 18px; margin:0px 13px 13px 0; border-radius:35px; position:relative;}
.myTags.edit .tag {padding:0 35px 0 18px;}
.myTags.edit .tag .del a {position:absolute; right:3px; top:0; width:35px; height:35px; background:url(../images/new/my_del_s.png) no-repeat 50% 50%; background-size:35px 35px;}

.myActive {display:block; height:auto; overflow:hidden; border-bottom:1px solid #c6c6c6;}
.myActive .title {color:#000; font-size:20px; font-weight:600; position:relative; margin-bottom:25px;}
.myConSec .actSet {display:block; height:auto; overflow:hidden;}
.myConSec .actSet .myCmtBox {display:block; height:auto; overflow:hidden; position:relative; margin-bottom:15px;}
.myConSec .actSet .myCmtBox .cmtIco {position:absolute; left:4px; top:0px; width:15px; height:15px; border-radius:50%;}
.myConSec .actSet .myCmtBox .cmtIco:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:12px; height:12px; box-sizing:border-box; border-radius:50%; border:2px solid #3dd191;}
.myConSec .actSet .myCmtBox.cmt:after {content:''; position:absolute; left:11px; top:25px; width:2px; height:100%; background:#d7d7d7;}
.myConSec .actSet .myCmtBox .cmtCon {display:block; height:auto; overflow:hidden; position:relative; padding:0 0 15px 32px; box-sizing:border-box;}
.myConSec .actSet .myCmtBox .cmtCon .cmtInfo {display:block; height:auto; overflow:hidden; position:relative;}
.myConSec .actSet .myCmtBox .cmtCon .cmtInfo p {padding:0; margin:0; line-height:1.0;}
.myConSec .actSet .myCmtBox .cmtCon .cmtInfo .subject {color:#000; font-size:17px; font-weight:600; margin-top:6px;}
.myConSec .actSet .myCmtBox .cmtCon .cmtInfo .time {color:#333; font-size:14px;}
.myConSec .actSet .myCmtBox .cmtCon .cmtInfo .ago {position:absolute; right:0; top:50%; transform:translate(0, -50%); font-size:14px; color:#333;}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail {display:block; height:auto; overflow:hidden; position:relative; margin-top:10px;}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail .thumbSet {display:block; height:auto; overflow:hidden; position:relative;}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail .thumbSet li {float:left; width:30%; height:116px; border-radius:10px; overflow:hidden; margin-right:5%; margin-bottom:10px; position:relative;}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail .thumbSet li:nth-child(3n) {margin-right:0;}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail .thumbSet li.single {width:100%; margin-right:0; height:140px;}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail .thumbSet li .thumb {display:block; width:100%; height:100%;}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail .thumbSet li .morePhoto {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail .thumbSet li .morePhoto em {font-style:normal; position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; height:auto; color:#FFF; font-size:17px; text-align:center;}
.myConSec .actSet .myCmtBox .cmtCon .cmtDetail .cmt {padding:15px 15px; background:#e0e0e0; font-size:14px; line-height:1.2; border-radius:0 10px 10px 10px;}

.profileTab {display:block; height:60px; overflow:hidden; position:relative; padding:0 40px;}
.profileTab:after {content:''; position:absolute; left:0; bottom:1px; width:100%; height:1px; background:#e1e1e1; z-index:0;}
.profileTab li {float:left; width:33.33%; height:60px; line-height:60px; position:relative; text-align:center; font-size:18px; font-weight:600;}
.profileTab li a {display:block; color:#000; opacity:0.4;}
.profileTab li.on a {opacity:1.0; position:relative;}
.profileTab li.on a:after {content:''; position:absolute; width:47px; height:4px; bottom:0; left:50%; margin-left:-24px; background:#000; border-radius:4px; z-index:1;}

.myConWrap {display:block; height:auto; padding:0 40px 40px 40px;}
.myConWrap .myConSec {display:block; height:auto; border-bottom:1px solid #ededed; padding-bottom:25px;}
.myConWrap .myConSec:last-child {border-bottom:0px;}
.myConWrap .myConSec p {margin:0; padding:0; line-height:1.0;}
.myConWrap .myConSec .myTitle {display:block; height:auto; padding:30px 0 25px 0; font-size:18px; color:#000; font-weight:500; position:relative;}
.myConWrap .myConSec .myTitle em {font-style:normal; color:#9d9d9d; margin-left:5px; display:inline-block;}
.myConWrap .myConSec .myTitle .sortOpt {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right;}
.myConWrap .myConSec .myTitle .sortOpt .btnOpt a {float:left; width:32px; height:32px; text-align:center; opacity:0.2; position:relative;}
.myConWrap .myConSec .myTitle .sortOpt .btnOpt a:after {content:''; position:absolute; right:-2px; top:50%; transform:translate(0, -50%); width:1px; height:13px; background:#c6c6c6;}
.myConWrap .myConSec .myTitle .sortOpt .btnOpt:last-child a:after {background:none;}
.myConWrap .myConSec .myTitle .sortOpt .btnOpt a img {width:13px; vertical-align:middle;}
.myConWrap .myConSec .myTitle .sortOpt .btnOpt.on a {opacity:1.0;}
.myConWrap .myConSec .cities {display:block; margin-bottom:15px;}
.myConWrap .myConSec .cities .cityBox {display:block; width:77px; height:auto; position:relative;}
.myConWrap .myConSec .cities .cityBox .add {width:77px; height:77px; border:1.5px dashed #c9c9c9; border-radius:50%; background:url(../images/new/my_add.png) no-repeat 50% 50%; background-size:22px 22px; box-sizing:border-box;}
.myConWrap .myConSec .cities .cityBox .del {position:absolute; right:-4px; top:-4px; width:30px; height:30px; background:rgba(0, 0, 0, 0.7); border-radius:50%; z-index:10;}
.myConWrap .myConSec .cities .cityBox .del a {display:block; width:100%; height:100%; background:url(../images/new/my_del.png) no-repeat 50% 50%; background-size:11px 11px;}

.myConWrap .myConSec .cities .cityBox .photo {width:77px; height:77px; border-radius:50%; overflow:hidden; text-align:center;}
.myConWrap .myConSec .cities .cityBox .photo img {width:100%;}
.myConWrap .myConSec .cities .cityBox .local {margin-top:12px; font-size:14px; color:#000; text-align:center; font-weight:500;}
.myConWrap .myConSec .cities .cityBox .addTxt {margin-top:12px; font-size:14px; color:#9d9d9d; text-align:center; font-weight:500;}

.likePhotoBox {display:block; height:auto; overflow:hidden; position:relative; border-radius:10px;}
.likePhotoBox .del {position:absolute; right:6px; top:6px; width:30px; height:30px; background:rgba(0, 0, 0, 0.7); border-radius:50%; z-index:10;}
.likePhotoBox .del a {display:block; width:100%; height:100%; background:url(../images/new/my_del.png) no-repeat 50% 50%; background-size:11px 11px;}
.likePhotoBox .graMask {position:absolute; left:0; bottom:0; width:100%; height:26%; opacity:0.6; z-index:1;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.likePhotoBox img {width:100%;}
.likePhotoBox .ownInfo {position:absolute; left:0; bottom:12px; padding:0 12px 0 45px; box-sizing:border-box; height:28px; display:table; z-index:10;}
.likePhotoBox .ownInfo .proPhoto {position:absolute; left:12px; top:0; width:28px; height:28px; border-radius:50%; overflow:hidden; text-align:center;}
.likePhotoBox .ownInfo .proPhoto img {width:100%;}
.likePhotoBox .ownInfo .name {display:table-cell; vertical-align:middle; color:#FFF; font-size:12px;}

.portListTy01 {display:block; height:auto; overflow:hidden;}
.portListTy01 .del {position:absolute; right:6px; top:6px; width:30px; height:30px; background:rgba(0, 0, 0, 0.7); border-radius:50%; z-index:10;}
.portListTy01 .del a {display:block; width:100%; height:100%; background:url(../images/new/my_del.png) no-repeat 50% 50%; background-size:11px 11px;}
.portListTy01 li {float:left; width:48.5%; height:auto; margin-bottom:10px; margin-right:3%; position:relative;}
.portListTy01 li:nth-child(2n) {margin-right:0;}
.portListTy01 li .square {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; border-radius:10px;}
.portListTy01 li .square .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.portListTy02 {display:block; height:auto; overflow:hidden;}
.portListTy02 .del {position:absolute; right:6px; top:6px; width:30px; height:30px; background:rgba(0, 0, 0, 0.7); border-radius:50%; z-index:10;}
.portListTy02 .del a {display:block; width:100%; height:100%; background:url(../images/new/my_del.png) no-repeat 50% 50%; background-size:11px 11px;}
.portListTy02 li {float:left; width:100%; height:auto; margin-bottom:10px; position:relative;}
.portListTy02 li .square {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 67.24%; border-radius:10px;}
.portListTy02 li .square .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.projectBox {display:table; width:100%; height:135px; position:relative;}
.projectBox .proThumb {position:absolute; left:0; top:0; width:135px; height:135px;}
.projectBox .proThumb .flag {position:absolute; width:auto; left:0; top:15px; height:20px; line-height:20px; padding:0 8px; color:#FFF; font-size:12px; z-index:10; text-transform:uppercase;}
.projectBox .proThumb .flag.progress {background:#4d3fd3;}
.projectBox .proThumb .flag.expired {background:#b8b8b8;}
.projectBox .proThumb .thumb {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:127px; height:127px; border-radius:10px; overflow:hidden; text-align:center;
-webkit-box-shadow: 0px 10px 25px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 10px 25px 1px rgba(0,0,0,0.25);
box-shadow: 0px 10px 25px 1px rgba(0,0,0,0.25);
}
.swiper-container.project {margin-bottom:15px;}
.projectBox .proThumb .thumb img {width:100%;}
.projectBox .projectExp {display:table-cell; vertical-align:middle; padding-left:150px;} 
.projectBox .projectExp p {padding:0; margin:0; line-height:1.0;}
.projectBox .projectExp .work {color:#a1a1a1; font-size:12px; margin-bottom:5px;}
.projectBox .projectExp .subject {color:#000; font-size:18px; font-weight:600; line-height:1.2; padding-right:20px;}
.projectBox .projectExp .time {margin-top:20px; color:#333; font-size:14px; background:url(../images/new/ico_time.png) no-repeat left 50%; background-size:14px 15px; padding-left:20px;}
.projectBox .projectExp .time em {font-style:normal; color:#ff2352;}

.myConWrap .myConSec p.moreView {margin:0; padding:14px 22px 14px 0; border-top:1px solid #d0d0d0;}

.myIntroEdit {display:block; height:auto; overflow:hidden; padding:13px; border:1px solid #c6c6c6; box-sizing:border-box; border-radius:10px; margin-top:20px;}
.myIntroEdit textarea {display:inline-block; width:100%; height:65px; border:0; line-height:1.1;}
.myIntroEdit .txtCount {display:block; padding-top:10px; text-align:right; font-size:14px; color:#919191; border-top:1px solid #e5e5e5; width:100%;}
 
/* profile */

/* add 190320 */
.blocker {position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:120; display:none;}
.blocker .popWrap {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; padding:0 40px;}
.blocker .popWrap .comnPop {display:block; height:auto; overflow:hidden; background:#FFF; position:relative; padding:27px 20px; box-sizing:border-box; border-radius:10px; z-index:200;}
.blocker .popWrap .comnPop .btnClose a {position:absolute; right:0px; top:0px; width:22px; height:22px; background:url(../images/new/btn_close.png) no-repeat 50% 50%; background-size:22px 22px;}
.blocker .popWrap .comnPop p {padding:0; margin:0; line-height:1.0;}
.blocker .popWrap .comnPop .title {color:#000; font-size:24px; font-weight:600; margin-bottom:13px;}
.blocker .popWrap .comnPop .desc {color:#666; font-size:14px;}
.blocker .popWrap .comnPop .snsShare {display:block; height:auto; overflow:hidden; text-align:center; margin:50px 0 20px 0;}
.blocker .popWrap .comnPop .snsShare li {display:inline-block; width:44%; height:auto; overflow:hidden;}
.blocker .popWrap .comnPop .snsShare li img {width:50px;}
.blocker .popWrap .comnPop .snsShare li .txt {text-align:center; font-size:14px; color:#000; margin-top:15px;}

.loginWrap {display:block; height:100%; padding:40px; position:relative; background:#FFF;}
.loginWrap .logo {display:block; height:auto; overflow:hidden; padding-top:26px;}
.loginWrap .logo img {width:137px;}

.loginWrap .welcomeTxt {display:block; height:auto; overflow:hidden; padding:150px 0;}
.loginWrap .welcomeTxt p {padding:0; margin:0; line-height:1.0;}
.loginWrap .welcomeTxt .title {color:#000; font-size:36px; font-weight:600; text-align:center; margin-bottom:28px;}
.loginWrap .welcomeTxt .desc {color:#595959; font-size:16px; line-height:22px; text-align:center;}

.loginWrap .loginSec {display:block; height:auto; overflow:hidden;}
.loginWrap .loginSec .title {color:#262626; font-size:15px; line-height:1.0; padding:0; margin-bottom:15px; font-weight:600;}
.loginWrap .loginSec li {display:block; height:auto; overflow:hidden; margin-bottom:12px;}
.loginWrap .loginSec .btnLogin a {display:block; height:60px; line-height:60px; color:#FFF; font-size:18px; box-sizing:border-box; border-radius:10px;}
.loginWrap .loginSec .btnLogin.goo a {background:#ea4335 url(../images/new/ico_goo.png) no-repeat 23px 50%; background-size:60px 60px; position:relative;}
.loginWrap .loginSec .btnLogin.goo a:after {content:''; position:absolute; left:90px; top:50%; transform:translate(0, -50%); width:1px; height:40px; background:#d23c30;}
.loginWrap .loginSec .btnLogin.fb a {background:#3b5998 url(../images/new/ico_fb.png) no-repeat 23px 50%; background-size:60px 60px; position:relative;}
.loginWrap .loginSec .btnLogin.fb a:after {content:''; position:absolute; left:90px; top:50%; transform:translate(0, -50%); width:1px; height:40px; background:#355089;}
.loginWrap .loginSec .legalTxt {text-align:center; color:#666; font-size:14px; font-weight:500; line-height:20px;}
.loginWrap .loginSec .legalTxt a {display:inline-block; color:#29b0ff;}

/* Kakao */
.btnLogin.kakao a {
    url(../images/new/ico_goo.png) no-repeat 23px 50%; background-size:60px 60px; position:relative;
    background: #ffc107;
    color: #fff;
    border: 1px solid #ddd;
}

/* Naver */
.btnLogin.naver a {
    background: #03C75A;
    color: #fff;
    border: 1px solid #ddd;
}

.loginSec ul li {
    margin-bottom: 10px;
}



.loginCopyright {display:block; height:auto; text-align:center; color:#a9a9a9; font-size:12px; line-height:16px; padding:65px 0 40px 0;}

.blocker .halfPop {position:absolute; left:0; bottom:0; width:100%; height:475px; border-radius:30px 30px 0 0; background:#FFF; padding:40px 0 40px 40px; box-sizing:border-box;
-webkit-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.59);
box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.59);
}
.blocker .halfPop .btnClose a {position:absolute; right:20px; top:20px; width:22px; height:22px; background:url(../images/new/btn_close.png) no-repeat 50% 50%; background-size:19px 19px;}
.blocker .halfPop p {padding:0; margin:0; line-height:1.0;}
.blocker .halfPop .titleSec {display:block; height:auto; overflow:hidden; border-bottom:1px solid #d6d6d6; padding-bottom:25px; margin-bottom:25px;}
.blocker .halfPop .titleSec .title {color:#000; font-size:30px; font-weight:600; margin-bottom:5px;}
.blocker .halfPop .titleSec .date {color:#737373; font-size:14px;}

.mostPopular .swiper-slide .thumb {position:relative; display:block; height:auto; overflow:hidden; border-radius:10px; margin-bottom:12px;}
.mostPopular .swiper-slide .thumb img {width:100%;}
.mostPopular .swiper-slide .thumb .countLike {position:absolute; left:10px; top:10px; height:25px; line-height:25px; color:#000; font-size:14px; border-radius:5px; background:#FFF url(../images/new/ico_like_on.png) no-repeat 10px 50%; background-size:13px 13px; padding:0 10px 0 30px;}

.mostPopular .swiper-slide .name {color:#000; font-size:16px; margin-bottom:5px;}
.mostPopular .swiper-slide .job {color:#a3a3a3; font-size:12px;}

@media only screen and (max-width:479px) {
	.loginWrap .loginSec .btnLogin a {padding-left:75px; border-radius:10px; font-size:16px;}
	.loginWrap .loginSec .btnLogin.fb a {background:#3b5998 url(../images/new/ico_fb.png) no-repeat 0px 50%; background-size:60px 60px; position:relative;}
	.loginWrap .loginSec .btnLogin.fb a:after {content:''; position:absolute; left:55px; top:50%; transform:translate(0, -50%); width:1px; height:40px; background:#355089;}
}

.funcArea {display:block; height:60px; overflow:hidden;}
.funcArea .btnApply a {display:inline-block; width:100%; height:60px; line-height:60px; border-radius:8px; text-align:center; color:#FFF; font-size:20px; background:#000;}
.funcArea .lkUser {display:block; width:100%; height:60px; background:#e0e0e0; border-radius:6px; padding:0 73px; position:relative; font-size:17px; color:#141414; line-height:60px; box-sizing:border-box;}
.funcArea .lkUser .photo {position:absolute; left:16px; top:50%; transform:translate(0, -50%); width:44px; height:44px; border-radius:6px; text-align:center; overflow:hidden; background:#ccc;}
.funcArea .lkUser .photo img {width:100%;}
.funcArea .lkUser .like {position:absolute; right:16px; top:50%; transform:translate(0, -50%); width:44px; height:44px; background:url(../images/new/ico_like_off.png) no-repeat 50% 50%; background-size:25px 25px;}
.funcArea .lkUser .like.on {background:url(../images/new/ico_like_on.png) no-repeat 50% 50%; background-size:25px 25px;}