@charset "utf-8";

.tab-ul.type3 {margin-top:0;}

.cpo_stage {position:relative;padding: 60px 35px 0;border: 1px solid #ececec;background:#f8f8f8;text-align: center;}
.cpo_stage .inner {position: relative;width:630px; margin:0 auto;}
.cpo_stage .tab-ul.cpotab {margin: 0;padding: 0;border: none;background: none;}
.cpo_stage .tab-ul.cpotab li {overflow: hidden;position:absolute;margin:0;}



.cpo_stage .tab-ul.cpotab li:nth-child(7){width: 21%;bottom: 46%;left: 29%;-webkit-transform: rotate(-17deg);transform: rotate(-17deg);}/* 플롯 */
.cpo_stage .tab-ul.cpotab li:nth-child(2){/* width: 13%; */height: 12%;bottom: 0%;left: 16%;}
.cpo_stage .tab-ul.cpotab li:nth-child(3){bottom: 22%;left: 20%;-webkit-transform: rotate(26deg);transform: rotate(26deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(9){width: 21%;bottom: 58%;left: 28%;-webkit-transform: rotate(-17deg);transform: rotate(-17deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(16){bottom: 76%;left: 18%;-webkit-transform: rotate(-26deg);transform: rotate(-26deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(15){top: 2%;left: 41%;}
.cpo_stage .tab-ul.cpotab li:nth-child(11){top: 21%;left: 29%;-webkit-transform: rotate(-24deg);transform: rotate(-24deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(8){bottom: 45%;left: 53%;-webkit-transform: rotate(20deg);transform: rotate(20deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(10){top: 33%;left: 55%;-webkit-transform: rotate(20deg);transform: rotate(20deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(13){width: 14%;height: 11%;top: 8%;right: 27%;-webkit-transform: rotate(17deg);transform: rotate(17deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(12){width: 14%;height: 11%;top: 20%;right: 27%;-webkit-transform: rotate(17deg);transform: rotate(17deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(6){top: 63%;right: -1%;-webkit-transform: rotate(39deg);transform: rotate(59deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(4){width: 18%;height: 12%;bottom: 18%;right: 21%;-webkit-transform: rotate(-22deg);transform: rotate(-22deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(5){/* width: 10%; */height: 12%;bottom: 0%;right: 18%;}
.cpo_stage .tab-ul.cpotab li:nth-child(14){top: 26%;right: 15%;-webkit-transform: rotate(22deg);transform: rotate(33deg);}
.cpo_stage .tab-ul.cpotab li:nth-child(1){bottom:1%; right:40%; height:15%; width:20%;}
.cpo_stage .tab-ul.cpotab  li a {margin:0;padding:0;}
.cpo_stage .tab-ul.cpotab  li a:after {display:none;}
.cpo_stage .tab-ul.cpotab li a span,
.cpo_stage .tab-ul.cpotab li.on a span,
.cpo_stage .tab-ul.cpotab li.on a:hover span,
.cpo_stage .tab-ul.cpotab li.on a:focus span, 
.cpo_stage .tab-ul.cpotab li.on a span{color:transparent !important;border: none;}
.cpo_stage p {position:absolute;top: 15px;right:35px;margin:0;font-weight: 700;font-size: 17px;}
.cpo_stage p span {display:inline-block;width:6px;height:3px;margin: -4px 8px 0 0;background:#f58130;vertical-align:middle;}
.cpo_stage img {}

.photo_wrap.typeA {min-height: 300px;padding: 40px 50px;border: 1px solid #ececec;}
.photo_wrap.typeA .inner {}
.photo_wrap.typeA .thumb {overflow: visible;float:none;position: absolute;right: 0;top: 0;width: 190px;height: 220px;border: none;}
.photo_wrap.typeA .thumb .thumb_inner {position:relative; width:100%; height:100%;}
.photo_wrap.typeA .thumb .thumb_inner:before {display: none;position:absolute;top: 11px;left: -10px;z-index:1;content:'';width:176px;height:160px;background:url(/images/prog/memberMng/img_obj.png)no-repeat;}
.photo_wrap.typeA .thumb .thumb_inner:after {display: none;position:absolute;right: -36px;bottom: 20px;z-index: -1;content:'';width:95px;height:94px;background:url(/images/prog/memberMng/img_obj2.png)no-repeat;}
.photo_wrap.typeA .thumb span {display:block;position: relative;overflow: hidden;width:100%;height:100%;}
/*.photo_wrap.typeA .thumb span img {position:absolute;left:50%;top:50%;width: 100%;height: auto;min-height: 100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}*/
.photo_wrap.typeA .info_box {float:none;position: relative;width: 100%;padding: 0 250px 0 0;}
.photo_wrap.typeA .info_box strong {display: block;position: relative;margin: 0 0 35px;font-size: 20px;font-weight: 500;color: #121212;}
.photo_wrap.typeA .info_box strong:after {display:block; position:absolute;left:0; bottom:-21px; content:''; width:36px; height:3px; background:#fff url(/images/skin/topbox_img2.png)no-repeat;}

.photo_wrap.typeA .info_box ul {}
.photo_wrap.typeA .info_box ul li {position:relative;min-height: 25px;margin:7px 0;padding-left:90px;font-size:16px;color:#545454;}
.photo_wrap.typeA .info_box ul li span {display:block; position:absolute;left:0; top:0;  content:''; font-size:16px; font-weight:700; color:#545454;}


/* 리스트 */
.mnglist {margin:0 -10px;}
.mnglist:after {display:block; clear:both; visibility:hidden; content:'';}
.mnglist .col {float:left;width:calc(25% - 20px);height: 345px;margin: 0 10px 20px;border: 1px solid #ddd;}
.mnglist .col a {display:block; width:100%; height:100%;}
.mnglist .col .thumb {overflow:hidden;height: 265px;}
.mnglist .col .thumb .thumb_inner {width:100%; height:100%;}
.mnglist .col .thumb .thumb_inner span {display:block; position:relative; width:100%; height:100%;text-align:center;}
.mnglist .col .thumb .thumb_inner span img {position:absolute;left:50%;top:50%;width:auto;max-width: 1000%;height:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.mnglist .col .info_box {padding:20px;border-top:1px solid #ddd;}
.mnglist .col .info_box span {display:block; line-height:1; font-size:15px; text-align:center; }
.mnglist .col .info_box strong {display:block; line-height:1; margin:5px 0 0;font-size:17px; font-weight:700; text-align:center; }

@media screen and (max-width:1199px){
    .mnglist .col {width:calc(33.33% - 20px);}
}
@media screen and (max-width:767px){
    .photo_wrap.typeA {padding:30px;}
    .photo_wrap.typeA .thumb  {position:static; margin:0 auto 30px;}
    .photo_wrap.typeA .info_box {padding-right:0;}
    .photo_wrap.typeA .info_box ul li {padding-left:70px;}
    
    .cpo_stage {padding:0;border:none;background:none;}
    .cpo_stage .inner {width:100%;}
    .cpo_stage p,
    .cpo_stage img {display:none;}
    

    .mnglist .col {width:calc(50% - 20px);}
}
@media screen and (max-width:580px){
    .photo_wrap.typeA .info_box ul li {padding:0;margin:10px 0 15px}
    .photo_wrap.typeA .info_box ul li span {position:static;}

    .mnglist .col {width:calc(100% - 20px);}
}



.modal__open #body_layout {z-index:11;}
.mem_modal .modal__body {width: 1000px !important;padding: 0;}
.mem_modal .modal__body .photo_wrap.typeA {overflow-y: auto;height: 500px;margin: 0;/* border: none; */}
.mem_modal .modal__close-button span {width:50px; height:50px;}
@media screen and (max-width:1023px){
    .mem_modal .modal__body {width: auto !important;left: 30px;right: 30px;transform: translateY(-50%);-webkit-transform:  translateY(-50%);}
    .mem_modal .modal__body .photo_wrap.typeA {}
}