@charset "utf-8";
/* CSS Document */

.sub11_visual {width:100%; height:300px; margin:0 auto;
							background-image:url("/img/sub/sub11_visual.jpg");
							background-position: center top; }

.sub11_box {width:1168px;
						margin:0 auto; margin-top:72px; }

/*----------------------tab ����-----------------------*/
section {width:1168px;
				margin:0 auto;}

#radio_01 {display:none;}
#radio_02 {display:none;}
#radio_03 {display:none;}
#radio_04 {display:none;}
#radio_05 {display:none;}
		 
#radio_01 ~ .sheet01 {display:none;}
#radio_02 ~ .sheet02 {display:none;}
#radio_03 ~ .sheet03 {display:none;}
#radio_04 ~ .sheet04 {display:none;}
#radio_05 ~ .sheet05 {display:none;}

#radio_01:checked ~ .sheet01 {display:block;}
#radio_02:checked ~ .sheet02 {display:block;}
#radio_03:checked ~ .sheet03 {display:block;}
#radio_04:checked ~ .sheet04 {display:block;}
#radio_05:checked ~ .sheet05 {display:block;}

.tab_btn {overflow:hidden; border:1px solid #ffaf00; box-sizing:border-box; border-radius: 10px;}

label {width:calc(100%/5); height:60px;
			float:left; cursor:pointer;
			text-align:center; line-height:60px;
			background-color:#fffdf8; color:#333;
			border-right:1px solid #ffaf00; box-sizing:border-box;
			font-size:17px; font-family: 'Noto Sans KR'; letter-spacing:-1px; font-weight:300; }


#radio_01:checked ~ .tab_btn .btn1 {background-color:#ffb200; color:#fff;
																	border:none;
																	font-weight:500;}
#radio_02:checked ~ .tab_btn .btn2 {background-color:#ffb200; color:#fff;
																	border:none;
																	font-weight:500;}
#radio_03:checked ~ .tab_btn .btn3 {background-color:#ffb200; color:#fff;
																	border:none;
																	font-weight:500;}
#radio_04:checked ~ .tab_btn .btn4 {background-color:#ffb200; color:#fff;
																	border:none;
																	font-weight:500;}
#radio_05:checked ~ .tab_btn .btn5 {background-color:#ffb200; color:#fff;
																	border:none;
																	font-weight:500;}


.tab_btn label:last-child { border-right:0; }
label:hover { background:#ffde93; transition:all 0.4s; }
/*----------------------sheet1-----------------------*/
.sheet01 {width:1168px; height:2267px;
				   background-image:url("/img/sub/sub11_con1.jpg");}
.sheet02 {width:1168px; height:2267px;
				   background-image:url("/img/sub/sub11_con2.jpg");}
.sheet03 {width:1168px; height:2267px;
				   background-image:url("/img/sub/sub11_con3.jpg");}
.sheet04 {width:1168px; height:2267px;
				   background-image:url("/img/sub/sub11_con4.jpg");}
.sheet05 {width:1168px; height:2267px;
				   background-image:url("/img/sub/sub11_con5.jpg");}