@charset "utf-8";

/*포트폴리오 탭&hover효과*/
.main_section .tab {width:1280px; margin:0 auto;overflow: hidden; padding-top:47px;}
.main_section .tab button {float: left; border:1px solid #d7d7d7; outline: none; cursor: pointer; white-space: nowrap; padding:10px 4px 11px; font-size: 15px; box-sizing:border-box; color:#666; border-left:none; letter-spacing:-1.0px; font-weight:400;}
.main_section .tab button:first-child {border-left:1px solid #d7d7d7;}
.main_section .tab button.active { border-top:2px solid #ea2127; box-sizing:border-box; border-bottom:none; color:#ea2127;}
/* tab수정_20210503 */
.main_section .tab button.active {padding-top:9px;}


.main_section .tab a {float: left; text-align: center; border:1px solid #d7d7d7; outline: none; cursor: pointer; white-space: nowrap; padding: 11px 4px; font-size: 15px; font-family: 'Noto Sans KR', NanumGothic, Arial, Helvetica, sans-serif; 
box-sizing:border-box; color:#666; border-left:none; letter-spacing:-1.0px; font-weight:400;}
.main_section .tab a:first-child {border-left:1px solid #d7d7d7;}
.main_section .tab a.active { border-top:2px solid #ea2127; box-sizing:border-box; border-bottom:none; color:#ea2127;}

.main_section .tab button:first-child:nth-last-child(12),
.main_section .tab button:first-child:nth-last-child(12)~button{width:7.69%;}

.main_section .tab button:first-child:nth-last-child(12),
.main_section .tab button:first-child:nth-last-child(12)~button{width:8.33%;}

.main_section .tab button:first-child:nth-last-child(11),
.main_section .tab button:first-child:nth-last-child(11)~button{width:9.09%;}

.main_section .tab button:first-child:nth-last-child(10),
.main_section .tab button:first-child:nth-last-child(10)~button{width:10%;}

.main_section .tab button:first-child:nth-last-child(9),
.main_section .tab button:first-child:nth-last-child(9)~button{width:11.11%;}

.main_section .tab button:first-child:nth-last-child(8),
.main_section .tab button:first-child:nth-last-child(8)~button{width:12.5%;}

.main_section .tab button:first-child:nth-last-child(7),
.main_section .tab button:first-child:nth-last-child(7)~button{width:14.28%;}

.main_section .tab button:first-child:nth-last-child(6),
.main_section .tab button:first-child:nth-last-child(6)~button{width:16.66%;}

.main_section .tab button:first-child:nth-last-child(5),
.main_section .tab button:first-child:nth-last-child(5)~button{width:20%;}

.main_section .tab button:first-child:nth-last-child(4),
.main_section .tab button:first-child:nth-last-child(4)~button{width:25%;}

.main_section .tab button:first-child:nth-last-child(3),
.main_section .tab button:first-child:nth-last-child(3)~button{width:33.33%;}

.main_section .tab button:first-child:nth-last-child(2),
.main_section .tab button:first-child:nth-last-child(2)~button{width:50%;}

.main_section .tab button:only-child{width:100%;}

.main_section .tab a:first-child:nth-last-child(12),
.main_section .tab a:first-child:nth-last-child(12)~a{width:7.69%;}

.main_section .tab a:first-child:nth-last-child(12),
.main_section .tab a:first-child:nth-last-child(12)~a{width:8.33%;}

.main_section .tab a:first-child:nth-last-child(11),
.main_section .tab a:first-child:nth-last-child(11)~a{width:9.09%;}

.main_section .tab a:first-child:nth-last-child(10),
.main_section .tab a:first-child:nth-last-child(10)~a{width:10%;}

.main_section .tab a:first-child:nth-last-child(9),
.main_section .tab a:first-child:nth-last-child(9)~a{width:11.11%;}

.main_section .tab a:first-child:nth-last-child(8),
.main_section .tab a:first-child:nth-last-child(8)~a{width:12.5%;}

.main_section .tab a:first-child:nth-last-child(7),
.main_section .tab a:first-child:nth-last-child(7)~a{width:14.28%;}

.main_section .tab a:first-child:nth-last-child(6),
.main_section .tab a:first-child:nth-last-child(6)~a{width:16.66%;}

.main_section .tab a:first-child:nth-last-child(5),
.main_section .tab a:first-child:nth-last-child(5)~a{width:20%;}

.main_section .tab a:first-child:nth-last-child(4),
.main_section .tab a:first-child:nth-last-child(4)~a{width:25%;}

.main_section .tab a:first-child:nth-last-child(3),
.main_section .tab a:first-child:nth-last-child(3)~a{width:33.33%;}

.main_section .tab a:first-child:nth-last-child(2),
.main_section .tab a:first-child:nth-last-child(2)~a{width:50%;}

.main_section .tab a:only-child{width:100%;}

.main_section .tabcontent { display: none;}

.main_section .container{position: relative; /* width: 50%; */ outline:none;}
.main_section .overlay {position: absolute; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,0.5); overflow: hidden; width:244px; height: 0; transition: .2s ease; cursor: pointer;}
.main_section .container:hover .overlay { height: 100%;}
.main_section .text {color: white;position: absolute; width:100%; /* top:46.5%; left: 49%;*/ top:35%; /* -webkit-transform: translate(-50%, -70.7%); -ms-transform: translate(-50%, -70.7%); transform: translate(-50%, -70.7%); */ text-align: center;}
.main_section .text p{font-size:16.09px; color:#fff; white-space: nowrap; text-align:center;}
.main_section .text span{font-size:22.12px; white-space:nowrap; color:#fff; font-family:'RobotoCondensed-Regular'; letter-spacing:-1px;}