/*레이아웃에 대한 css*/
a {text-decoration:none; color:#333;}
ul, ol {list-style:none; text-align: center;}
html {
    scroll-behavior: smooth;
}
img {
    max-width: 100%;
    height: auto;
}
.main_su_wrap_1 {width: 100%; height: 100%; background:#fff; padding-top: 140px;}
.main_su_1 {width: 1024px; height: 1418.5px; margin: 0 auto; }

.main_su_wrap_2 {width: 100%; height: 100%; background:#eaf2f4;}
.main_su_2 {width: 1200px; height: 946px; margin: 0 auto;   }

.main_su_wrap_3 {width: 100%; height: 100%; background: #fff;}
.main_su_3 {width: 1200px; height: 760px; margin: 0 auto; }

.main_su_wrap_4 {width: 100%; height: 100%; border-top: 1px solid #e2e2e2; background: #efefef;}
.main_su_4 {width: 1200px; height: 100%; margin: 0 auto;  }



/*탭*/
.tab_content {width:100%; height: auto; font-size: 15px; margin: 0 auto; text-align: left; margin-top: 50px; background: #fff;} 



.tab_content_nn_n {
    width: 100%;
    text-align: center;
    margin-top: -40px;
    text-align: right;
}
/* input을 안보이게 처리 */
input[type="radio"] {display:none;} 

/* label에 대한 버튼속성 */
input[type="radio"] + label {
    display:inline-block;
    width: 120px;
    height: 110px;
    color:#333333;
    font-size:16px;
    font-weight: 700;
    line-height: 20px;
	border: 1px solid #ddd;
	position: sticky;
 	top: 129px;
	z-index: 1;
	background: #f4f1f1;
    text-align: center;
    padding-top:0;
} 

input[type="radio"] + label p {vertical-align: middle; margin-top: 32px;}

input[type="radio"]:checked + label {
    color:#fff;
    background-color:#0085ac;
}
input[type="radio"]:hover + label {
    color:#fff;
    background-color:#0085ac;
}

/* 컨텐츠 영역 */
.conbox {
    width:1200px;
    height:auto;
    margin:0 auto;
    display:none;
    margin-top: 30px;
    text-align: center;
    /*overflow:scroll;
    overflow-x:hidden;*/
} 

input[id="tab01"]:checked ~ .con1 {display:block;} /* 인풋에 체크가 해당 요소보이게 설정 */
input[id="tab02"]:checked ~ .con2 {display:block;}
input[id="tab03"]:checked ~ .con3 {display:block;}
input[id="tab04"]:checked ~ .con4 {display:block;} 
input[id="tab05"]:checked ~ .con5 {display:block;}
input[id="tab06"]:checked ~ .con6 {display:block;}
input[id="tab07"]:checked ~ .con7 {display:block;}
input[id="tab08"]:checked ~ .con8 {display:block;}