/*@import url(../../../common/css/font.css);*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:12px;line-height:1.25em;font-family: 'Noto Sans KR', sans-serif;}
input[type=text] {line-height:22px;}
textarea,select{-webkit-border-radius:1px; border-radius:0;}
p{line-height:18px;}
input{-webkit-border-radius:1px; border-radius:0;}
input[type="checkbox"]{-webkit-appearance:block;}
input[type="image"]{-webkit-border-radius:1px; border-radius:0; -webkit-appearance:none; }
body{position:relative;background-color:#FFFFFF;color:#000;word-wrap:break-word;word-break:break-all;}
body{min-width:320px}
html.fixed, body.fixed{width:100%; overflow:hidden; position:fixed; left:0; top:0;}
legend{display:none;}
img,fieldset{border:0; margin:0;}
ul,ol{list-style:none}
a{color:#000;text-decoration:none;cursor:pointer}
caption{display:none;}




.ifWrap .ori { width: 100%; position: relative;text-align: left; margin-top: 15px;margin-bottom: 30px;}
.ifWrap .ori li { width: auto; position: relative; padding: 0px 15px;  font-size: 12px; line-height: 1.4; color: #999;}
.ifWrap .ori li::after { width: 10px; height: 100%; display: block; position: absolute; top: 0px; left: 0px; content: "※"}



.btn-default {
    width: 100%;
    height: 55px;
    border: none;
    background: #008085 !important;
    color: white;
    transition: 0.4s;
    font-weight: bold;   
}
   

.btn_submit2{
width: 160px;
    height: 40px;
    color: #fff;
    background: #008085;
    border: 0px;
    margin: 0 3px;
} 

.btn_submit3{
    background: #008085;
    color: #fff !important;
    border: 0px;
    padding: 5px 15px;
    margin: 2px;
}  

.btn_cancel{
width: 160px!important;
    height: 40px!important;
    color: #000;
    background: #ddd;
    border: 0px;
    float: left;
    text-align: center;
    line-height:2.7;
    margin: 0 3px;
}

.btn_cancel2 {
    height: 40px!important;
    background: #ababab;
    float: left;
    text-align: center;
    margin: 0 3px;
    font-size: 1.167em;
    font-weight: 400;
    padding: 7px 12px 7px 12px;
    color: #ffffff !important;
}

.btn-2 {
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff !important;
    border: none;
    padding: 5px 18px 6px 18px;
    border: 1px solid #d9ded9;
    transition: all .3s;
    background: #008085;
}

.btn-3 {
    background: #008085;
    color: #fff !important;
    border: 0px;
    padding: 5px 15px;
    float: inline-end;
    margin: 2px;
}






.news-zone li:nth-child(2n) {
	margin-right: 0;
}

.news-zone li .content .news-content {
	font-size:18px;
	height: 80px;
}

.news-zone {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}

.news-zone li {
	max-height: 410px;
	margin-bottom: 20px;
}

.news-zone li {
	position:relative;
	width: 49%;
	margin-right: 2%;
	text-align:left;
}

.news-zone li a:hover {
	
}

.news-zone li a .inner:hover {
	border:1px solid #2c3d47; 
	-webkit-transform: scale(1.03); 
	transform: scale(1.03); -webkit-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out; -webkit-box-shadow: 20px 30px 50px 8px black; 
	box-shadow: 0px 20px 30px 8px rgba(0,0,0,.1);}
}


.news-zone li:nth-child(3n) {
	margin-right: 0;
}

.news-zone li a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}



.news-zone li .thumbnail {
	width: 100%;
	max-height: 190px;
	flex: 1;
}

.news-zone li .thumbnail img {
	width: 100%;
	object-fit: cover;
}

.news-zone li .content {

	max-height: 245px;
	flex: 1;
	padding: 15px;
	letter-spacing:-1px;
	border:1px solid #d5d5d5;
}

.news-zone li .content .news-title {
	font-size:18px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 48px;
	margin-bottom: 15px;
	line-height:140%;
	color: #5f5e5e;
}

.news-zone li .content .news-content {
	font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 55px;
	margin-bottom: 20px;
}

.news-zone li .news-info {
	display: flex;
	justify-content: space-between;
	font-size:13px;
}

.indicator {
	display:flex;
	justify-content: center;
	margin-bottom: 50px;
}

.indicator ul { display:flex;}

.indicator li { margin:0 2px}
.indicator li a { 
	display:flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	font-weight: normal;
}

.indicator li a:hover, .indicator li a.active {
	background-color: #cc3a51;
	border: 1px solid #cc3a51;
	color: #fff;
}







/* 서브메뉴 */
.sub_bg_wrap {width: 100%; position: relative; background: url(/images/sub_bg01.png) no-repeat center top; height: 280px; background-size: cover; margin: 0;}
.sub_bg_wrap.sub_bg_10 { background: url(/images/sub_bg01.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_20 { background: url(/images/sub_bg02.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_30 { background: url(/images/sub_bg03.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_40 { background: url(/images/sub_bg04.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_50 { background: url(/images/sub_bg05.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_60 { background: url(/images/sub_bg06.png) no-repeat center top; background-size: cover;}
.sub_bg_wrap.sub_bg_70 { background: url(/images/sub_bg07.png) no-repeat center top; background-size: cover;}


.sub_bg_wrap .con_inner {position: relative; height: 100%}
.sub_bg_wrap .sb_text_wrap {position: absolute; top: 45%; height: 80px; left: 50%; width: 90%; text-align: center; margin-left: -45%; margin-top: -30px}
.sub_bg_wrap .sb_text_wrap .sb_text_big {line-height: 70px; font-family: 'Noto Sans KR',sans-serif;}
.sub_bg_wrap .sb_text_wrap .sb_text_sm {font-family: 'Noto Sans KR',sans-serif;}

.sub_bg_wrap.sub_bg_10 .sb_text_wrap div,
.sub_bg_wrap.sub_bg_40 .sb_text_wrap div,
.sub_bg_wrap.sub_bg_50 .sb_text_wrap div,
.sub_bg_wrap.sub_bg_60 .sb_text_wrap div,
.sub_bg_wrap.sub_bg_70 .sb_text_wrap div{color:#000!important }

.sub_bg_wrap.sub_bg_20 .sb_text_wrap div,
.sub_bg_wrap.sub_bg_30 .sb_text_wrap div {color:#000!important }
    
.bold {font-weight: bold}
.light {font-weight: 400} 
    
    
@media (max-width:768px) {
    .sub_bg_wrap { height: 130px; }
    .sub_bg_wrap .sb_text_wrap {margin-top:  -23px;}
    .sub_bg_wrap .sb_text_wrap .sb_text_big {line-height: 50px; font-family: 'Noto Sans KR',sans-serif;;}
}

.font_12 {font-size: 12px;}
.font_13 {font-size: 13px;}
.font_14 {font-size: 14px;}
.font_15 {font-size: 15px;}
.font_16 {font-size: 16px;}
.font_17 {font-size: 17px;}
.font_18 {font-size: 18px;}
.font_20 {font-size: 20px;}
.font_22 {font-size: 22px;}
.font_24 {font-size: 24px;}
.font_25 {font-size: 25px;}
.font_26 {font-size: 26px;}
.font_28 {font-size: 28px;}
.font_30 {font-size: 30px;}
.font_33 {font-size: 33px;}
.font_37 {font-size: 37px;}
.font_38 {font-size: 38px;}
.font_40 {font-size: 40px;}
.font_41 {font-size: 41px;}
.font_44 {font-size: 44px;}
.font_48 {font-size: 48px;}
.font_50 {font-size: 50px;}
.font_62 {font-size: 62px;}
.font_64 {font-size: 64px;}

@media(max-width:1100px){
    .font_12 {font-size: 12px;}
    .font_13 {font-size: 13px;}
    .font_14 {font-size: 14px;}
    .font_15 {font-size: 15px;}
    .font_16 {font-size: 16px;}
    .font_17 {font-size: 16px;}
    .font_18 {font-size: 18px;}
    .font_20 {font-size: 19px;}
    .font_22 {font-size: 20px;}
    .font_24 {font-size: 21px;}
    .font_25 {font-size: 22px;}
    .font_26 {font-size: 23px;}
    .font_28 {font-size: 25px;}
    .font_30 {font-size: 28px;}
    .font_33 {font-size: 31px;}
    .font_37 {font-size: 33px;}
    .font_38 {font-size: 34px;}
    .font_40 {font-size: 35px;}
    .font_41 {font-size: 37px;}
    .font_44 {font-size: 38px;}
    .font_48 {font-size: 40px;}
    .font_50 {font-size: 45px;}
    .font_62 {font-size: 55px;}
    .font_64 {font-size: 60px;}
}

@media(max-width:769px){
    .font_12 {font-size: 10px;}
    .font_13 {font-size: 11px;}
    .font_14 {font-size: 12px;}
    .font_15 {font-size: 13px;}
    .font_16 {font-size: 14px;}
    .font_17 {font-size: 14px;}
    .font_18 {font-size: 15px;}
    .font_20 {font-size: 16px;}
    .font_22 {font-size: 17px;}
    .font_24 {font-size: 18px;}
    .font_25 {font-size: 19px;}
    .font_26 {font-size: 20px;}
    .font_28 {font-size: 22px;}
    .font_30 {font-size: 23px;}
    .font_33 {font-size: 26px;}
    .font_37 {font-size: 30px;}
    .font_38 {font-size: 30px;}
    .font_40 {font-size: 30px;}
    .font_41 {font-size: 31px;}
    .font_44 {font-size: 35px;}
    .font_48 {font-size: 38px;}
    .font_50 {font-size: 40px;}
    .font_62 {font-size: 45px;}
    .font_64 {font-size: 50px;}
}


















/*base*/

.dspm{display:inline-block; vertical-align:middle;}
.fl{float:left;}
.fr{float:right;}

.cboth{clear:both;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.positionr{position:relative; text-align:center;    background: #ffffff;}

.mT1{margin-top:18px;}
.mT2{margin-top:6px}
.mT3{margin-top:10px}
.mT4{margin-top:4px}
.mT5{margin-top:30px;}

.mT10{margin-top:10px}
.mT12{margin-top:12px}
.mT13{margin-top:13px}
.mT15{margin-top:15px}
.mT16{margin-top:16px}
.mT17{margin-top:17px;}
.mT20{margin-top:20px;}

@media screen and (min-width: 480px){
	.mT1{margin-top:30px;}
	.mT2{margin-top:14px}
	.mT3{margin-top:20px}
}

.img1{width:100%;}
.img98{width:98%; margin:0 auto; display:block;}
.img49{width:49%;}
.img50{width:50%;}
.img25{width:25%;}
@media screen and (max-width: 480px){
	.himg1{height:20px; }
	.himg2{height:16px; }
	
	.mT20{margin-top:10px;}
	.mT30{margin-top:20px;}
	.mT40{margin-top:30px;}
	.mT50{margin-top:30px;}
	.mT60{margin-top:20px;}
	.mT70{margin-top:30px;}
	.mT80{margin-top:40px;}
	
}
@media screen and (max-width: 530px){
	.himg3{height:13px; }
	.himg4{height:10px; }
	.himg5{height:40px; }
	.himg6{height:60px; }
}
.txtbox1{color:#777777; line-height: 15px;font-size: 11px;}
@media screen and (min-width: 480px){
	.txtbox1{}
}

/*base*/

.amenuarea{position:relative; height:0; width:100%; line-height:0; font-size:0;}
.amenu{position:absolute; top:0; z-index:1; width:100%; overflow:hidden;}
.amenu img{width:100%;}

.amn{position:fixed; top:0; overflow-y:auto; z-index:10000;  width:304px; left:-305px; display:; background:#fff;
-webkit-transition: left 200ms;
-moz-transition: left 200ms;
-ms-transition: left 200ms;
-o-transition: left 200ms;
transition: left 200ms;
-webkit-overflow-scrolling: touch;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
}
.amn.view{left:0;}
#pageWrap{}

.amn .mntop1{position:relative; padding:55px 25px 20px 25px; background:#fff;}
.close1{position:fixed; left:-30px; top:22px;  z-index:10001; }
.close1.on{left:245px;
	-webkit-transition: left 200ms;
	-moz-transition: left 200ms;
	-ms-transition: left 200ms;
	-o-transition: left 200ms;
	transition: left 200ms;
}
.amn .menubox1{ background:#fff;}
.amn .mlist{width:100%; font-weight: 400;}
.amn .mlist li a{color:#cccccc;}
.amn .mlist li.md1{border-bottom:1px solid #b7b7b7; line-height:40px; color:#333333;}
.amn .mlist li.md1 a.mlnk1{display:block;color:#000;background: url(../../images/ico_pm1.png) 250px -2px no-repeat; padding-left:20px;}
.amn .mlist li.md1.l1 a{color:#fff; letter-spacing:-1px;}
.amn .mlist li.md1.none1 a.mlnk1{background:none;}
.amn .mlist li .mdtit1{display:block; line-height:50px; font-size:18px; text-indent:4px;}

.amn .mlist li.md1 .md2{display:; padding:10px 0;}
.amn .mlist li.md1 .md2 li{padding:11px 25px;}
.amn .mlist li.md1 .md2 li a{display:block; color:#000;font-weight: 400;}

.amn .mlist li ul.md2{border:none; font-weight:normal; background:#e5e5e6; font-size:17px; letter-spacing:1px; line-height:18px; }

.amn .mlist li ul li .md3{clear:both; padding:10px; margin-bottom:20px;}
.amn .mlist li ul.md2 li ul.md3 li{float:left; line-height:18px;}

.amn .mlist li.md1.on,.amn .mlist li.md1 a:hover{}
.amn .mlist li.md1.on a.mlnk1{background-position:250px -48px;}


/*header*/

#header{width:100%; min-width:320px; z-index:3000; border-bottom: 2px solid #9e9b8e;}
#header.hfixed{position:fixed; left:0; top:0; }
.logo1{padding:10px 20px;}
.logo1 img{}
.bright1{position:absolute; right:2%; top:15px!important}
.bright1.mnfixed{}

.bright2{position:absolute; left:2%; top:20px!important}
.bright2.mnfixed{}

@media screen and (max-width: 480px){
	.logo1{padding:10px;}
	.logo1 img{}
	.bright1{top:8%;}
	.bright1 img{width:90%;}
}

	
.topmenu{float:left; text-align:center; width:100%; background:#920883;}
.topmenu ul{margin:0 auto;}
.topmenu ul li.menu1{float:left; width:25%;}
.topmenu ul li.menu2{float:left; width:33.4%;}
.topmenu ul li a{display:block; width:100%; line-height:60px; height:60px; color:#fff; font-size:24px; font-family:'NotoSansKRRegular'; border-left:1px solid #b353a8;}
.topmenu ul li a.on{background:#10436e;}
.topmenu ul li a img{width:100%;}
@media screen and (max-width: 480px){	 
	.topmenu ul li a{line-height:36px; height:36px; font-size:14px;}
	
}
@media screen and (min-width: 480px) and (max-width:640px){	 
	.topmenu ul li a{line-height:50px; height:50px; font-size:18px;}

}
@media screen and (min-width:640px){	 
	.topmenu ul li a{}
}
/*header*/

/*footer*/
#footer{margin-top: 0px;position:relative; width:100%; float:left; background:#484848;}
#footer.bg1{background:#333333;}
	.copy{position:relative; padding:20px 0px 45px 0px; max-width:580px; margin:0 auto; text-align:center; }
	
	.snsbox1{padding:30px 3%; word-spacing:6px;}
@media screen and (min-width: 480px){	 
	.copy{padding:30px 10px 70px 10px;
        
    }	
	
	
}	
@media screen and (max-width: 640px){	 
	.copy img{width:90%;}
	.snsbox1{padding:20px 10px;}
}	
/*footer*/

/*main*/
#wrap{position:relative; width:100%; text-align:center; float:left; }
	.wcont{min-width:300px; margin:0 auto; text-align:center;  }
@media screen and (min-width: 480px){
	.wcont{padding:0}
}		
	.mbnn1{position:absolute; right:2%; top:15.7%; display:block; width:18%; text-align:right; z-index:10000;}
	/*.mbnn1{position:absolute; left:6%; top:72.2%; display:block; width:18%; text-align:right; z-index:10000;}*/
	.mbnn2{position:absolute; left:4%; top:36%; display:block; text-align:right; z-index:10000; width:65%;}
	.mbnn3{position:absolute; left:5%; top:78%; display:block; width:46%; text-align:right; z-index:10001;}
	.mbnn4{position:absolute; right:2%; bottom:4%; display:block; width:20%; text-align:right; z-index:10001;}
	#mainvisual{position:relative; width:100%; margin:0 auto;z-index:100}
	.mainvisual .visualbox{position:relative;z-index:100}
	/*
	.slider{position:absolute; right:24%; top:6%; z-index:900; width:80%; z-index:10000;}
	.slider1{width:100%; text-align:center;}
	.slider1 img{width:100%; text-align:center;}
	*/
	#mainvisual{position:relative; }
	#mainvisual .bg1,
	#mainvisual .bg2{ position:absolute; left:0; top:0; width:100%;}
	#mainvisual .bg1{z-index:99;}
	#mainvisual .bg2{z-index:100;}
	
	.mainbtn1{text-align:center;}
	.mainbtn1 .a1{width:25%; float:left;}
	/*
	.mainbtn1 a{display:inline-block; width:24.4%; margin-right:0.6%;}
	.mainbtn1 a.last1{margin-right:0;}
	.mainbtn1 a span{display:block; width:100%;}
	.mainbtn1 a span img{width:100%; }
	*/
	
@media screen and (min-width: 480px){
	/*
	.mainbtn1 a{margin-right:0.68%;}
	*/
}	
/*main*/



/*sub*/
#swrap{position:relative; width:100%;}
.scont{margin:0 auto; padding:10px; clear:both;}
@media screen and (min-width: 480px){	 
	.scont{padding:20px; }
}

.submenubox1{ background:#ebebeb; line-height:60px; width:100%; float:left; z-index:1000}
.submenubox1 a.deplnk1{color:#fff; font-size:20px; display:block; background:url(../../images/ico_arr2.png) no-repeat 94% center; border-right:1px solid #b13337}
.submenubox1 .sbm1{}
.submenubox1 .sbm1 li{padding-left:20px; }
.submenubox1 .sbm1 .sl1{position:relative; width:220px; float:left;background:#a1171a;}
.submenubox1 .sbm1 .sl1.s2 {background:#b13337;}
.submenubox1 .sbm1 .mndepth1{position:absolute; left:0; top:60px; width:100%; background:#fff; z-index:10;border-bottom:1px solid #000; display:none;}
.submenubox1 .sbm1 .mndepth1 a{font-size:20px; color:#000; display:block;}
.submenubox1 .sbm1 .mndepth1 li{border-left:1px solid #000;border-right:1px solid #000;}

@media screen and (min-width: 481px) and (max-width:640px){	 
.submenubox1 .sbm1 li{padding-left:10px;}
.submenubox1 .sbm1 .sl1{width:150px;}
.submenubox1 .sbm1 .sl1.s2{width:190px;}
}
@media screen and (max-width: 480px){
.submenubox1{ line-height:40px;}	 
.submenubox1 a.deplnk1{font-size:14px;}
.submenubox1 .sbm1 li{padding-left:10px;}
.submenubox1 .sbm1 .sl1{width:90px;}
.submenubox1 .sbm1 .sl1.s2{width:140px;}
.submenubox1 .sbm1 .mndepth1{top:40px;}
.submenubox1 .sbm1 .mndepth1 a{font-size:14px;}
}

.submenubox1.fixed{position:fixed; left:0; top:0;}

.titbox1{position:relative; padding:22px 0 0; text-align:center; width:100%; float:left;}
.titbox1 .ttit1{ font-size:28px; color:#000; }
.titbox1 .loc1{position:absolute; right:0; bottom:30%; font-size:11px; color:#999999; letter-spacing:-1px; }
.titbox1 .loc1 a{color:#999999;}
.titbox1 .loc1 b{color:#666666;}
@media screen and (min-width: 480px){	 
	.titbox1 .ttit1{font-size:40px;  line-height:40px;}
	.titbox1{padding:22px 0;}
	.titbox1 .loc1{bottom:48%; letter-spacing:0}
}
.titbox1.fixed{}

.ttbox1{position:relative; text-align:left; line-height:20px; font-size:16px; line-height:24px; color:#27394e;}
.ttbox1 em{color:#333333; font-style:normal; font-weight:bold;}
@media all and (max-width:480px){
	.ttbox1{font-size:12px; line-height:20px;}
}
@media screen and (min-width: 480px) and (max-width:640px){	 
	.ttbox1{font-size:13px; line-height:20px;}
}




.submenuarea{}
.submenu1{width:100%;}
.submenu1 li{float:left; background:#f7f7f7 url(../../images/bg_line1.png) no-repeat right center; line-height:32px; font-size:13px;}
.submenu1 li.bgnone{background:#f7f7f7;}
.submenu1 li a{display:block; color:#666666; text-align:center; font-family:'NotoSansKRRegular';}
.submenu1 li a:hover, .submenu1 li a.on{color:#10436e; font-weight:bold;}
.submenu1 li.lnk1{width:25%;}
.submenu1 li.lnk2{width:50%;}
.submenu1 li.lnk3{width:33.3%;}
.submenu1 li.lnk4{width:33.4%;}
.submenu1 li.lnk5{width:20%;}
.submenu1 li.lnk6{width:60%;}
.submenu1 li.lnk7{width:16.6%;}
.submenu1 li.lnk8{width:16.8%;}
@media screen and (max-width: 520px){
	
}
@media screen and (min-width: 480px){
	.submenu1 li{line-height:42px; font-size:15px;}
	
}

.ssmenu1{}
.ssmenu1 ul{}
.ssmenu1 ul li{float:left;}
.ssmenu1 ul li.w1{width:50%;}
.ssmenu1 ul li.w2{width:33.3%;}
.ssmenu1 ul li.w3{width:33.4%;}
.ssmenu1 ul li.w4{width:25%;}
.ssmenu1 ul li.w5{width:17%;}
.ssmenu1 ul li.w6{width:32%;}
.ssmenu1 ul li.w6.t1 a{line-height:18px; font-size:14px;}
.ssmenu1 ul li a{display:block; background:#fff; line-height:36px; text-align:center; font-weight:bold; color:#333; border:1px solid #353f49; font-size:18px;}
.ssmenu1 ul li.f a{}
.ssmenu1 ul li a.on{color:#66a8c2; border-color:#353f49; border-bottom:1px solid #fff;}
.ssmenu1 ul li.c2 a{height:44px; line-height:44px;}
.ssmenu1 ul li.c2 a.on{color:#fff; border-color:#0072a5; background:#0072a5;;}
@media screen and (max-width: 480px){	
.ssmenu1 ul li a{font-size:12px;}
}

.agree1{border:1px solid #dddddd; padding:15px;}
.agree1 .tit1{display:block; line-height:30px; font-weight:bold; font-size:14px;}
.agree1 .scrollbox1{line-height:24px; font-size:11px; height:250px; overflow-y:auto;}
@media screen and (max-width: 480px){	
.agree1{padding:6px;}
}
/*sub*/

.tbl1{border-top:1px solid #dddddd; border-collapse:collapse; border-spacing:0; table-layout:fixed; color:#666666; font-size:12px;}
.tbl1 th{border-bottom:1px solid #dddddd; color:#fff; line-height:30px; background:#aaaaaa;word-spacing:20px;}
.tbl1 td{border-bottom:1px solid #dddddd; text-align:left; padding:6px 0 6px 6px; line-height:26px;}
.tbl1 .tit1{background:#f5f5f5; font-weight:bold;}
.tbl1 .last1{border-right:none;}
.tbl1 .left1{text-align:left; padding-left:10px;}
.tbl1 .s1{word-spacing:2px;}
@media screen and (min-width: 480px){	
.tbl1{font-size:15px;}
}

.faqslide{width:100%;}
.faqslide img{width:100%; max-width:640px;}

#swrap img.btnzip1{width:80px; vertical-align:middle;}

.input_txt01{border:1px solid #ccc; line-height:18px; font-size:15px;-webkit-border-radius:1px; border-radius:0; -webkit-appearance:none;}

.btnarea1{text-align:center;}
.btnarea1 input,
#swrap .btnarea1 img{width:42%; vertical-align:top; max-width:200px;}

.box02{border:1px solid #e4e4e4; text-align:left; padding:20px 10px 20px 10px; line-height:22px; height:300px; overflow-y:auto}



.dobox{position:absolute; top:0; left:0; width:100%; min-width:640px; height:100%; min-height:446px; display:block;  background:#000; z-index:1000; filter:alpha(opacity=60); background-color:rgb(0, 0, 0); opacity: 0.6; display:none;}











/* 버튼 */
a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover{text-decoration:none}
button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover{text-decoration:none}
button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm{text-align:center} /* 서식단계 진행 */

.btn_submit{    padding: 0px 70px;
    height: 50px;
    border: 0;
    background: #cc3a51;
    color: #fff;
    letter-spacing: -0.1em;
    cursor: pointer;
    font-size: 18px;}
fieldset .btn_submit{padding:0 7px;height:24px;line-height:1em}

a.btn_cancel{display:inline-block;padding:0px 10px;line-height:30px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline{display:inline-block;padding:0 5px;line-height:24px;border:0;background:#777;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline{line-height:24px}
button.btn_frmline{font-size:1em}
#bo_sch select{}



/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #DDDDDD;background:#F3F3F3;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #555;background:#555;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover{text-decoration:none}
a.btn_admin{display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover{text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #666; border-bottom: 2px solid #666;}
.tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left}


.tbl_head01{margin:0 0 10px}
.tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th{padding:12px 0;border-bottom:1px solid #BFBFBF;background:#fff;color:#333;font-size:1.1em;text-align:center;letter-spacing:0}
.tbl_head01 thead a{color:#333}
.tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th{padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td{padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all;font-size:1.1em}
.tbl_head01 a{}

.tbl_head02{margin:0 0 10px}
.tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a{color:#383838}
.tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a{}

/* 폼 테이블 */
.tbl_frm01{margin:20px 0px 10px}
.tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th{width:30%;background:#fff;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;padding:10px;font-size: 14px;background:#f5f8f9;text-align:center;max-width: 180px;}
.tbl_frm01 td{padding:12px 20px; font-size: 14px; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input{border:1px solid #e4eaec;color:#000;vertical-align:middle;font-size: 14px;line-height:2em}
.tbl_frm01 textarea{padding:2px 2px 3px}
.frm_input{height:30px}
.tbl_frm01 textarea{width:98%;height:100px}
.tbl_frm01 a{text-decoration:none}
.tbl_frm01 .frm_file{display:block;margin-bottom:5px}
.tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table{padding:50px 0 !important;text-align:center}
.empty_list{padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required{/*background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important*/}

/* 테이블 항목별 정의 */
.td_board{width:120px;text-align:center}
.td_category{width:80px;text-align:center}
.td_chk{width:30px;text-align:center}
.td_date{width:60px;text-align:center}
.td_datetime{width:110px;text-align:center}
.td_group{width:100px;text-align:center}
.td_mb_id{width:100px;text-align:center}
.td_mng{width:80px;text-align:center}
.td_name{width:100px;text-align:left}
.td_nick{width:100px;text-align:center}
.td_num{width:50px;text-align:center}
.td_numbig{width:80px;text-align:center}
.td_stat{width:60px;text-align:center}

.txt_active{color:#5d910b}
.txt_done{color:#e8180c}
.txt_expired{color:#ccc}
.txt_rdy{color:#8abc2a}











.type_tab2 {margin-bottom:40px;border:1px solid #d5d5d5;border-left:0;}
.type_tab2 ul {margin:0 0 -1px 0;overflow:hidden;}
.type_tab2 ul li {float:left;width:33.333%;height:40px;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#fff;box-sizing:border-box;}
.type_tab2 ul li a {display:block;font-size:14px;color:#828282;line-height:40px;text-align:center;}
.type_tab2 ul li.on {background:#00b9ef;}
.type_tab2 ul li.on a {color:#fff;}
.type_tab2 ul li.on:nth-child(2) a {background:#577b9d;}
.type_tab2 ul li.on:nth-child(3) a {background:#3b81c6;}
.type_tab2 ul li.on:nth-child(4) a {background:#84ca94;}
.type_tab2 ul li.on:nth-child(5) a {background:#1eab9a;}
.type_tab2 ul li.on:nth-child(6) a {background:#e7b82e;}
.type_tab2 ul li.on:nth-child(7) a {background:#f57945;}
.type_tab2 ul li.on:nth-child(8) a {background:#968d00;}
.type_tab2 ul li.on:nth-child(9) a {background:#c29e6e;}



.type_tab3 {margin-bottom:40px;border:1px solid #d5d5d5;border-left:0;}
.type_tab3 ul {margin:0 0 -1px 0;overflow:hidden;}
.type_tab3 ul li {float:left;width:50%;height:40px;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#fff;box-sizing:border-box;}
.type_tab3 ul li a {display:block;font-size:14px;color:#828282;line-height:40px;text-align:center;}
.type_tab3 ul li.on {background:#4a4ca3;}
.type_tab3 ul li.on a {color:#fff;}


.sub_line{border-right: 1px solid #fff !important;}
.sub_line2{border-left: 1px solid #fff !important;}




.main-pop {
  position: relative;
  animation-name: main-pop0;
  animation-duration: 1.5s;  
  animation-delay: 0s;
  animation-fill-mode: both;
}

@keyframes main-pop0 {
  from {top: -800px; opacity: 3}
  to {top: 0px;}
}



.main-txt00 {
  position: relative;
  animation-name: main-t00;
  animation-duration: 1.5s;  
  animation-delay: 0.5s;
  animation-fill-mode: both;
}

@keyframes main-t00 {
  from {top: 0px; opacity: 0}
  to {top: 0px;}
}




.mwnu_motion {
  position: relative;
  animation-name: mwnu_mo1;
  animation-duration: 1s;  
  animation-delay: 0s;
  animation-fill-mode: both;
}

@keyframes mwnu_mo1 {
  from {top: -50px; opacity: 0}
  to {top: 0px;}
} 


.mwnu_motion2 {
  position: relative;
  animation-name: mwnu_mo2;
  animation-duration: 1s;  
  animation-delay: 0s;
  animation-fill-mode: both;
}

@keyframes mwnu_mo2 {
  from {top: -50px; opacity: 0}
  to {top: 0px;}
} 

/*
.mwnu_motion3 {
  position: relative;
  animation-name: mwnu_mo3;
  animation-duration: 1s;  
  animation-delay: 0.7s;
  animation-fill-mode: both;
}

@keyframes mwnu_mo3 {
  from {top: -10px; opacity: 0}
  to {top: 0px;}
} 



모션숨김 */


.title {position: absolute; color: #fff;width: 100%;z-index: 999; text-align: center; padding: 10% 0 0;}
.title_t1 {font-size: 25px;padding: 0 0 15px;font-weight: 600;}
.title_t2 {font-size: 15px;padding: 0 0 20px;font-weight: 300;line-height: 1.2; text-shadow: 1px 1px 2px #fff;}
.title_t3 {font-size: 15px;padding: 0 0 20px;font-weight: 300;line-height: 1.2; }
.bk {color: #000000 !important;}


.news_list {clear:both; width:95%; margin:0 auto;padding:10px;text-align:left; border-top:1px solid #ddd}
.news_list li {margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd}
.news_list .media {margin:0 10px 0 0; color:#a39078; font-family:"NotoSans",'malgun gothic','dotum'; font-size:14px;}
.news_list .tit {overflow:hidden; color:#000; font-weight: bold; font-family:"NotoSans",'malgun gothic','dotum';  font-size:14px;}
.news_list .tit a {color:#333;}
.news_list .con {overflow:hidden; max-height:39px; color:#9a9a9a; font-family:"NotoSans",'malgun gothic','dotum';  font-size:14px;}
.news_list .con a {color:#9a9a9a;}
.news_list a:hover {color:#c5b284;}


.paging {clear:both; margin-top:25px; text-align:center}
.paging li {display:inline-block; width:25px; height:25px; line-height:25px; margin-right:5px; font-size:12px; font-family:"dotum"; background:#9b9b9b; }
.paging li:last-child {margin-right:0}
.paging a:hover {background:#a39078; color:#fff;}
.paging li a {display:block; color:#fff;}
.paging li.num {color:#fff }
.paging .on {background:#a39078; color:#fff;}
.paging li.prev,.paging li.next {width:35px;color:#fff;}








/******** sub snb **********************/

#tab {width:100%; margin: 10px 0 20px; overflow: hidden; position: relative; z-index: 0;background:#fff;text-transform: uppercase;}
#tab .inner {margin: 0px auto; max-width: 1100px;}
#tab .inner::after {clear: both; display: block; content: "";}
#tab .inner li {background:#f2f2f2; color: #000 !important; font-weight:200; float: left;border-left:0px solid #fff;border-bottom:1px solid #fff;    text-align: center;
    display: inline-table;}
#tab .inner li:first-child {border-left:none}
#tab .inner .tab1 li{width:100%;}
#tab .inner .tab2 li{width:49.95%;}
#tab .inner .tab3 li{width:33.33333333%;}
#tab .inner .tab4 li{width:24.7%;}
#tab .inner .tab5 li{width:20%;}
#tab .inner .tab6 li{width:16.555%;}
#tab .inner li a {
    font-weight: 400;
    text-align: center;
    line-height: 15px;
    letter-spacing: -0.4px;
    font-size: larger;
    display: block;
        padding: 16px 0; 
    vertical-align: middle;
    display: table-cell;
    width: 100%;}

#tab .inner li.active {background:#cc3a51; }
#tab .inner li.active a{color:#fff;}
#tab .inner li a:hover {color:#fff; background:#cc3a51;}
#tab .inner li a.bg_none {background: none;}



/******** sub snb 평형안내 **********************/

#tab-2 {width:100%; margin: 0 0 0px 0; overflow: hidden; position: relative; z-index: 0;background:#fff;text-transform: uppercase;}
#tab-2 .inner {margin: 0px auto; max-width: 1100px;}
#tab-2 .inner::after {clear: both; display: block; content: "";}
#tab-2 .inner li {background:#fff; color: #000 !important; font-weight:600; float: left;border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;}
#tab-2 .inner li:first-child {border-left: 1px solid #e1e1e1;}
#tab-2 .inner li:nth-child(2) {border-right: 1px solid #e1e1e1;}
#tab-2 .inner li:nth-child(5) {border-right: 1px solid #e1e1e1;}
#tab-2 .inner li:nth-child(10) {border-right: 1px solid #e1e1e1;}
#tab-2 .inner .tab1 li{width:100%;}
#tab-2 .inner .tab2 li{width:49%;}
#tab-2 .inner .tab3 li{width:33.1%;}
#tab-2 .inner .tab4 li{width:24.7%;}
#tab-2 .inner .tab5 li{width:19.6%;}
#tab-2 .inner .tab6 li{width:16.555%;}
#tab-2 .inner .tab7 li{width:14.1%;}
#tab-2 .inner li a {padding: 22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: larger; display: block;}

#tab-2 .inner li.active:first-child {background: #9d9d9f}
#tab-2 .inner li.active:nth-child(2) {background: #9d9d9f}
#tab-2 .inner li.active:nth-child(3) {background: #b8a273}
#tab-2 .inner li.active:nth-child(4) {background: #b8a273}
#tab-2 .inner li.active:nth-child(5) {background: #b8a273}
#tab-2 .inner li.active:nth-child(6) {background: #b8a273}
#tab-2 .inner li.active:nth-child(7) {background: #b8a273}
#tab-2 .inner li.active:nth-child(8) {background: #b8a273}
#tab-2 .inner li.active:nth-child(9) {background: #b8a273}
#tab-2 .inner li.active:nth-child(10) {background: #b8a273}

#tab-2 .inner li.active {}
#tab-2 .inner li.active a{color:#fff;}
#tab-2 .inner li a:hover {color:#fff; background:#9d9d9f;}
#tab-2 .inner li a.bg_none {background: none;}





#tab-22 {width:100%; margin: 0 0 30px 0; overflow: hidden; position: relative; z-index: 0;background:#fff;text-transform: uppercase;}
#tab-22 .inner {margin: 0px auto; max-width: 1100px;}
#tab-22 .inner::after {clear: both; display: block; content: "";}
#tab-22 .inner li {background:#f2f2f2; color: #000 !important; font-weight:600; float: left;border-left:1px solid #fff;border-bottom:0px solid #666;}
#tab-22 .inner li:first-child {border-left:none}
#tab-22 .inner .tab1 li{width:100%;}
#tab-22 .inner .tab2 li{width:49%;}
#tab-22 .inner .tab3 li{width:33.26%;}
#tab-22 .inner .tab4 li{width:24.93%;}
#tab-22 .inner .tab5 li{width:19.9%;}
#tab-22 .inner .tab6 li{width:16.555%;}
#tab-22 .inner .tab7 li{width:14.21%;}
#tab-22 .inner li a {padding: 22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: 18px; display: block;}

#tab-22 .inner li.active:first-child {background: #00a0e9}
#tab-22 .inner li.active:nth-child(2) {background: #008842}
#tab-22 .inner li.active:nth-child(3) {background: #9d85be}
#tab-22 .inner li.active:nth-child(4) {background: #8dc63f}
#tab-22 .inner li.active:nth-child(5) {background: #b9c77e}
#tab-22 .inner li.active:nth-child(6) {background: #d3a3cb}
#tab-22 .inner li.active:nth-child(7) {background: #96677e}

#tab-22 .inner li.active {border-bottom:0px solid #fff;}
#tab-22 .inner li.active a{color:#fff;}
#tab-22 .inner li a:hover {color:#000; background:#dcdbdb;}
#tab-22 .inner li a.bg_none {background: none;}




/******** sub snb 버튼라인 **********************/

#tab-3 {width:100%; margin: 0 0 30px 0; overflow: hidden; position: relative; z-index: 0;background:#fff;text-transform: uppercase;}
#tab-3 .inner {margin: 0px auto; max-width: 1100px;}
#tab-3 .inner::after {clear: both; display: block; content: "";}
#tab-3 .inner li {background:#f2f2f2; color: #000 !important; font-weight:600; float: left;border-left:1px solid #fff;border-bottom:1px solid #fff;}
#tab-3 .inner li:first-child {border-left:none}
#tab-3 .inner .tab1 li{width:100%;}
#tab-3 .inner .tab2 li{width:49.8%;}
#tab-3 .inner .tab3 li{width:33.15%;}
#tab-3 .inner .tab4 li{width:24.7%;}
#tab-3 .inner .tab5 li{width:19.8%;}
#tab-3 .inner .tab6 li{width:16.555%;}
#tab-3 .inner li a {padding: 22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: larger; display: block;}

#tab-3 .inner li.active {background:#d2b695; }
#tab-3 .inner li.active a{color:#fff;}
#tab-3 .inner li a:hover {color:#fff; background:#d2b695;}
#tab-3 .inner li a.bg_none {background: none;}







/******** sub snb 평형안내 **********************/

#tab-4 {width:100%; margin: 0 0 30px 0; overflow: hidden; position: relative; z-index: 0;background:#fff;text-transform: uppercase;}
#tab-4 .inner {margin: 0px auto; max-width: 1100px;}
#tab-4 .inner::after {clear: both; display: block; content: "";}
#tab-4 .inner li {background:#f2f2f2; color: #000 !important; font-weight:600; float: left;border-left:1px solid #fff;border-bottom:0px solid #666;}
#tab-4 .inner li:first-child {border-left:none}
#tab-4 .inner .tab1 li{width:100%;}
#tab-4 .inner .tab2 li{width:49.7%;}
#tab-4 .inner .tab3 li{width:33.26%;}
#tab-4 .inner .tab4 li{width:24.93%;}
#tab-4 .inner .tab5 li{width:19.9%;}
#tab-4 .inner .tab6 li{width:16.555%;}
#tab-4 .inner .tab7 li{width:14.21%;}
#tab-4 .inner li a {padding: 22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: 18px; display: block;}

#tab-4 .inner li.active:first-child {background: #dba316}
#tab-4 .inner li.active:nth-child(2) {background: #f5855a}
#tab-4 .inner li.active:nth-child(3) {background: #3d92ca}
#tab-4 .inner li.active:nth-child(4) {background: #78c255}

#tab-4 .inner li.active {border-bottom:0px solid #fff;}
#tab-4 .inner li.active a{color:#fff;}
#tab-4 .inner li a:hover {color:#000; background:#dcdbdb;}
#tab-4 .inner li a.bg_none {background: none;}










/******** sub snb 청약안내 **********************/

#tab-8 {width:100%; margin: 0 0 30px 0; overflow: hidden; position: relative; z-index: 0;background:#fff;text-transform: uppercase;}
#tab-8 .inner {margin: 0px auto; max-width: 1100px;}
#tab-8 .inner::after {clear: both; display: block; content: "";}
#tab-8 .inner li {background:#f2f2f2; color: #000 !important; font-weight:600; float: left;border-left:1px solid #fff;border-bottom:1px solid #fff;}
#tab-8 .inner li:first-child {border-left:none}
#tab-8 .inner .tab1 li{width:100%;}
#tab-8 .inner .tab2 li{width:49.8%;}
#tab-8 .inner .tab3 li{width:33.05%;}
#tab-8 .inner .tab4 li{width:24.7%;}
#tab-8 .inner .tab5 li{width:19.8%;}
#tab-8 .inner .tab6 li{width:16.555%;}
#tab-8 .inner li a {padding: 22px 0; text-align: center; line-height:15px;letter-spacing: -0.4px; font-size: larger; display: block;}

#tab-8 .inner li.active {background:#d2b695; }
#tab-8 .inner li.active a{color:#fff;}
#tab-8 .inner li a:hover {color:#fff; background:#d2b695;}
#tab-8 .inner li a.bg_none {background: none;}










/*-------------탭메뉴------------------------------------------------------*/
.wrapper2 {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
}

.tab-controls {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0 0 1rem;
  border-bottom: 1px solid #fefefe;
}
@media (min-width: 350px) {
  .tab-controls {
    display: inline-block;
    padding: 20px 0 30px;
    border: none;
      line-height:40px;
      letter-spacing:-0.1em;
  }
}
.tab-controls li {
  display: block;
}

@media (min-width: 350px) {
  .tab-controls li {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
  }
  .tab-controls li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 2px;
    height: 15px;
    background: #e7e7e7;
    transform: translateY(-50%);
  }
  .tab-controls li:last-of-type:after {
    content: none;
  }
  
}
.tab-controls a {
  font-size: 1.2rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.1s ease-in-out;
}
.tab-controls a:hover, .tab-controls a.active {
  color: #d2b695;
    border-color: #d2b695;
    transition: all .3s;
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

[class^=tab-item-]:not(:first-of-type) {
  display: none;
}
@media (min-width: 350px) {
  [class^=tab-item-] {
    font-size: 1.2rem;
    line-height: 2;
  }

}