@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanslao.css);
	html, body {width: 100%; height: 100%; padding:0; margin:0 }
	img{ display:block;  padding:0; margin:0}
	ul, li, div{padding:0; margin:0}
	li{ list-style:none; }
	#content {position: relative;padding:0;margin:0 auto; width: 1170px; height: 1362px;}
	#content img {position: absolute;left: 0;}
	#content .active {z-index: 1;opacity: 1;}
	.img_tab{ width:1170px; float:left; margin:0;}
	.img_tab li{ list-style:none; float:left;}
	.img_tab1{ float:left;}
	.img_tab2{ float:right;}
	.sub{width:1170px;}
	.sub_bg{background: #ebebeb; width:1170px; margin:0 auto; text-align:center; padding-bottom: 150px; float: left;}
	#fla{ text-align:center; background: #232323; width: 1170px;}
	.video{ margin:0 auto; text-align:center; width: 850px; }
	.padding{ padding-bottom:15px;}
	.search{width: 1170px; margin: 0 auto;}
	.search a{text-decoration: none; cursor: pointer;}
	.search-btn:hover{background: #333; box-shadow: 0 0; }
	.search-btn{background: #222;; color: #fff; text-align: center; font-size: 21px; font-weight: 600; text-decoration: none;  padding: 25px 0; border-radius: 8px; letter-spacing: -1px; box-shadow: 0 5px #dbdbdb;}
	.search-padding{padding: 100px 0; width: 100%; margin: 0 auto; }
	.btn-box{margin: 0 auto; text-align: center;}
	.btn-box img{margin: 0 auto; text-align: center;}
	.btn2{ margin: 0 auto; }
	.btn2 li{float: left; padding: 0 118px;}
	.sub-padding{margin: 0 auto; text-align: center; width: 1170px;}
    .tab-container {
	  padding-top: 150px;
      width: 1170px;
      margin: 0 auto;
      background: white;
      border-radius: 10px;
      /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);*/
      overflow: hidden;
    }

    /* 탭 버튼 영역 */
    .tab-buttons {
      display: flex;
      /*border-bottom: 2px solid #eee;*/
		
    }

    .tab-buttons button {
      flex: 1;
      padding: 30px 0px;
      background: #e9e9e9;
      border: none;
      /*border-bottom: 3px solid transparent;*/
      font-size: 26px;
      cursor: pointer;
      transition: all 0.3s ease;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
    }

    .tab-buttons button.active {
      background: white;
      /*border-bottom: 3px solid #004998;*/
      font-weight: 600;
	  font-size: 27px;	
      color: #fff;
	  background: #004998;
    }

    /* 탭 내용 */
    .tab-content {
      display: none;
    }

    .tab-content.active {
      display: block;
    }
	  .btn{
		margin: 0 auto;
		text-align: center;		  
		width: 334px;
	  }

@media all and (max-width: 769px) {	
	body{ background: #fff;}
	img{width: 100%;}	
	#content {width: 100%; height: auto; }	
	.search{border-radius: 0 !important; width: 100%;}
	.search-btn{ width:100%; font-size: .9rem; padding: 12px 0px; margin: 50px 0; }
	.search-padding{padding: 0px 0px 50px 0;}
	.sub_bg{ width: 100%;}
	#fla{ width: 100%;}
	.video{width:80%; padding-bottom: 70px;}
	.sub-box{padding-top: 115%;}
	.hr{display: none;}
	.search-padding{padding: 0; width: 75%;}
	.btn{width: 50%;}
	.btn-box{top:-1.2%}
	.btn2 li{width: 25%; padding: 0;}
	.btn2-left{position: relative; left:8%}
	.btn2-right{position: relative; left:31%}
	.sub-padding{padding-top: 112%; width: auto;}
	.tab-container {
		padding-top: 50px;
		width: 90%;
	}
	.tab-buttons button {
      padding: 15px 0px;
      font-size: 14px;
    }

    .tab-buttons button.active {
	  font-size: 15px;	
    }
	.tab-buttons-btn{
		width: 50%;
	}
	
}