#sub_wrap {width:100%;display:inline-block; position:relative; height:100%; overflow:hidden; padding-bottom:5%}

.sub_topbg{
background: rgb(232,232,232);
background: -moz-linear-gradient(140deg, rgba(232,232,232,1) 0%, rgba(197,183,227,1) 40%, rgba(247,203,231,1) 100%);
background: -webkit-linear-gradient(140deg, rgba(232,232,232,1) 0%, rgba(197,183,227,1) 40%, rgba(247,203,231,1) 100%);
background: linear-gradient(140deg, rgba(232,232,232,1) 0%, rgba(197,183,227,1) 40%, rgba(247,203,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8",endColorstr="#f7cbe7",GradientType=1);}


.more_btn {color:#000 !important; font-size:20px; font-weight:500; margin-top:100px; display:inline-block;  z-index:9999999; position:relative;}
.more_btn img {vertical-align:5px}
.more_btn:hover {text-shadow:-7px 7px 3px rgba(0,0,0,0.25); transition:ease-in-out 0.3s}


.about_group {width:100%; float:left; margin-top:100px;}
.about_group ul	  {width:90%; display:flex; float:left; justify-content: space-between;}
.about_group ul li {width:30%; float:left;}
.about_group ul li h4 {font-weight:700; font-family:"Noto Sans"; color:#000; margin-bottom:30px; font-size:20px; text-align:center; display:block;}
.about_group ul li p {font-weight:400; font-family:"Noto Sans"; color:#000;  font-size:20px; line-height:1.8em; text-align:right; margin-right:105px;}


.designer_ul {width:100%; display:flex;-webkit-justify-content: flex-start; justify-content: flex-start;}
.designer_ul li { width:19%; margin-bottom:2.5%;  float:left; margin-right:1%; }
.designer_ul li:last-child {margin-right:0;}

.project_ul {width:100%; float:left; margin-bottom:30px;}
.project_ul li { width:31%; margin-right:3.5%; float:left;}
.project_ul li:nth-child(3) {margin-right:0; float:right;}
.project_ul h2 {font-size:20px; font-weight:700; font-family: 'Noto Sans' , sans-serif; color:#000; margin-bottom:5px; display:inline-block; width:95%;}
.project_ul p {display:inline-block; font-family: 'Noto Sans KR'}


.left_border {border-left:2px solid #29235C; padding-left:50px;}
.right_border {border-right:2px solid #29235C; padding-right:50px;}


.designer_ul  .gallery div {
    display: inline-block;
/*    height: 144px;*/
/*    margin: 5px;*/
/*    width: 230px;*/
}
.designer_ul  .gallery a {
    position: relative;
    display: block;
/*    width: 230px;*/
}

.designer_ul  .overlay {
    background-color: rgba(255, 255, 255, 0.8);
    color: #fff;
    cursor: pointer;
    display: block;
/*    height: 120px;*/
	height:98.5%;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 20;
}

.designer_ul .overlay p {font-size: 20px; color:#29235C;  font-family: 'Noto Sans KR', sans-serif;  width:100%; margin:0 auto; font-weight:400; display:inline-block;position:absolute;left:50%;top:45%;transform:translate(-50%,50%);}

/*.designer_ul .overlay span.date {color:#ddd; position:absolute;left:50%;top:50%;transform:translate(-50%,50%); font-size:17px; }*/
.designer_ul  a:hover .overlay {opacity: 0.8;}


/* 디자이너 뷰페이지 */
.profile_box {position:relative; width:1000px; margin:0 auto; height:530px; }
.profile_box .scale_img img {width:380px;}
.profile_box .scale_img {width:380px;height:100%;float:left; }

.profile_text { position:absolute; right:0; bottom:0; float:right; width:505px;  border:0px solid #c00;}
.profile_text h2 {font-size:30px; font-weight:700; font-family: 'Noto Sans KR', sans-serif; color:#000}
.profile_text .email_p {font-size:20px; font-family: 'Noto Sans', sans-serif;color:#878787;  font-weight:500; margin-top:5px;}
.profile_text .text_p {font-size:20px; font-weight:400; font-family: 'Noto Sans KR', sans-serif;color:#000}

.profile_text .profile_star {position:absolute; top:120%;}


.scale_img{
	width:230px;
	height:100%;
	float:left;
	overflow:hidden;
	border:0px solid black;
}
.scale_img img{}

.scale_img img:hover{
	cursor:pointer;
	-webkit-transform:scale(1.1); /*  크롬 */
	-moz-transform:scale(1.1); /* FireFox */
	-o-transform:scale(1.1); /* Opera */
	transform:scale(1.1);
	transition: transform .7s;
	-o-transition: transform .7s;
	-moz-transition: transform .7s;
	-webkit-transition: transform .7s;
	}



.project_wrap {width:100%; float:left; margin-top:15%; text-align:left;}
.h3_title {font-size:30px; font-family: 'Noto Sans', sans-serif; color:#000; }
.h4_title {font-size:40px; font-family: 'Noto Sans', sans-serif; color:#000; }
.p_subtitle {font-size:26px; font-family: 'Noto Sans', sans-serif; color:#000; text-align:center;}
.p_name {font-size:20px; font-family: 'Noto Sans KR', sans-serif; color:#000; text-align:center; }
.p_20 {font-size:20px; font-family: 'Noto Sans KR', sans-serif; color:#000; text-align:center; }

.f_500 {font-weight:500;}
.f_600 {font-weight:600;}

.align_l {text-align:left !important;}
.project_wrap .project_ul2 {width:90%; margin:0 auto; }
.project_wrap .project_ul2 li {width:49%; float:left; margin-right:1%;}
.project_wrap .project_ul2 li:nth-child(2) {margin-right:0; float:right;}
.link_btn {background:#29235c; color:#fff !important; border-radius: 5px;font-size:20px; text-align:center; line-height:70px; display:inline-block; margin:0 auto;}

.project_wrap .project_ul2 li:nth-child(1) {justfy-content:center}

/* Underline styles */
/* Slide in */
.tab_btn_ul li a::after {opacity: 1;transform: translate3d(-100%, 0, 0);}

.tab_btn_ul li a:hover img::after,
.tab_btn_ul li a:focus img::after{
  transform: translate3d(0, 0, 0);
}

.tab_btn_ul li a img::after.mn02_ov {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  opacity: 1;
}




/* 프로젝트 탭메뉴 */
.tab_wrap {width:100%; float:left;}

.tabmn_wrap {
    position:relative;
	width:100%;
	float:left;
/*    height: 200px;*/
/*    width:200px;*/
    display: block;
}

.tabmn_wrap img {left: 0;position:absolute; top: 0;}

.tab_btn_ul {
  position:relative;
  width:100%;
  box-sizing:border-box;
  list-style: none;
}


.tab_btn_ul li  {width:auto; height:75px; margin-bottom:10px;}
.tab_btn_ul li a { width:auto; }
.tab_btn_ul li a.ov img {border-bottom:2px solid #29235C; padding-bottom:10px;}



.tab_btn_ul .tabmn_wrap img.mn01 {opacity:0;filter:alpha(opacity=0); transition:ease-in-out 0.3s}
.tab_btn_ul .tabmn_wrap:hover img.mn01 {opacity:1;filter:alpha(opacity=100); transition:ease-in-out 0.3s;}
.tab_btn_ul .tabmn_wrap:hover img.mn01_ov {opacity:0;filter:alpha(opacity=0); transition:ease-in-out 0.3s;}

.tab_btn_ul .tabmn_wrap img.mn02 {opacity:0;filter:alpha(opacity=0);}
.tab_btn_ul .tabmn_wrap:hover img.mn02 {opacity:1;filter:alpha(opacity=100); }
.tab_btn_ul .tabmn_wrap:hover img.mn02_ov {opacity:0;filter:alpha(opacity=0);  }

.tab_btn_ul .tabmn_wrap img.mn03 {opacity:0;filter:alpha(opacity=0); transition:ease-in-out 0.3s}
.tab_btn_ul .tabmn_wrap:hover img.mn03 {opacity:1;filter:alpha(opacity=100); transition:ease-in-out 0.3s;}
.tab_btn_ul .tabmn_wrap:hover img.mn03_ov {opacity:0;filter:alpha(opacity=0);  transition:ease-in-out 0.3s;}



@keyframes border_ani {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}



/* 댓글입력 영역 */
.reply_div {width:100%; float:left;}
.input_box {width:100%;background: #fff; border: 1px solid #DEDEDE; font-size:16px; box-sizing: border-box; border-radius: 5px; padding:15px;}

.input_box::placeholder {color: #C4C4C4;}



/* 댓글영역 */
.text_16 {font-size:16px; color:#000;}
.reply_div .date {font-size:16px; font-weight:300; color:#c4c4c4;}
.reply_div ul li   {border-bottom:1px solid #C4C4C4; padding:30px 10px; box-sizing:border-box;}


/* 페이징 */
.paging_wrap {width:100%; float:left;}

.paging_wrap .page_num  {margin:0 auto; display:inline-block; text-align:center; }
.paging_wrap .page_num li {float:left; margin:0 10px}
.paging_wrap .page_num li a {font-size:16px; color:#949494;}
.paging_wrap .page_num li a:hover {color:#000; font-weight:600; transition:ease-in-out 0.3s}
.paging_wrap .page_num li img { vertical-align:middle;}
.paging_wrap .page_num .ov a { color:#000 !important; font-weight:600}
.paging_wrap .page_num .no { color:#949494;}




.about01_s2 {position:relative; width:100%; float:left; background:#fff; height:600px; padding:8% 0; box-sizing:border-box;}
.about01_s3 {position:relative; width:100%; float:left; background:#fff; height:600px; padding:8% 0; box-sizing:border-box;}
.about01_s4 {position:relative; width:100%; float:left; background:#fff; height:600px; padding:8% 0;  }
.about01_s5 {position:relative; width:100%; float:left; background:#fff; height:auto; padding:8% 0;  }
.about01_s6 {position:relative; width:100%; float:left; background:#fff; height:auto; padding:3% 0 6% 0; background: url('/mobile/img/bt_bg.png') no-repeat center bottom;}


/* 이미지 호버효과 */
.img_hv_box_con {
  overflow: hidden;
  position: relative;
  border:0px solid #c00;
  float:left;
}

a.hv_img {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
}

.img_hv_box_con img {
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
  display: block;
  overflow: hidden;
  transform: scale(1);
  width:100%;
}

a.hv_img:hover img {
  opacity: 1;
  transform: scale(1.1);
 -webkit-transform:scale(1.1); /*  크롬 */
-moz-transform:scale(1.1); /* FireFox */
-o-transform:scale(1.1); /* Opera */
}