#container{width:100%;}

.sub_wrap{width:800px; margin:0 auto; word-break:keep-all; overflow: hidden;}

.sub_wrap img{width:100%;  margin:30px auto;}
.sub_wrap h1{font-size:26.6px; font-weight:bold;}
.sub_wrap p{font-size:17px; margin:10px 0; word-break:keep-all;}
.sub_wrap h2{font-size:20px; margin:10px 0;}
.sub_wrap h2 span{display:inline-block; width:3px; height:15px; background:#103A87; margin:0 10px 0 0;}

.sub_wrap .mapWrap {position: relative; display: inline-block; margin:3% auto;}
.sub_wrap .mapWrap img {display: block; width: 100%; margin:0 auto;}
[class*="mapper-"] {position: absolute; display: block;}




/* 탭 전체 스타일 */
.tabs {
    background-color: #ffffff;
    width: 100%;
    margin: 10% auto;}
  
  /* 탭 스타일 */
  .tab_item {
    width: calc(100%/3);
    height: 50px;
    border-bottom: 3px solid #333333;
    background-color: #f8f8f8;
    line-height: 50px;
    font-size: 1.6vh;
    text-align: center;
    color: #333333;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
  }
  .tab_item:hover {
    opacity: 0.75;
  }
  
  /* 라디오 버튼 UI삭제*/
  input[name="tab_item"] {
    display: none;
  }
  
  /* 탭 컨텐츠 스타일 */
  .tab_content {
    display: none;
    padding: 40px 40px 0;
    clear: both;
    overflow: hidden;
  }
  
  
  /* 선택 된 탭 콘텐츠를 표시 */
  #all:checked ~ #all_content,
  #programming:checked ~ #programming_content,
  #design:checked ~ #design_content {
    display: block;
  }
  
  /* 선택된 탭 스타일 */
  .tabs input:checked + .tab_item {
    background-color: #333333;
    color: #fff;
  }

/** 지도 css **/
.map_wrap {position:relative;overflow:hidden;width:100%;height:350px;}
.radius_border{border:1px solid #919191;border-radius:5px;}       
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol span img {width:15px;padding:12px 0;border:none;margin: 0 auto;}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}
.root_daum_roughmap_landing{margin:0 auto;}
.root_daum_roughmap{width:100%; margin:30px 0 0;}

@media only screen and (min-width : 721px) and (max-width : 1199px)  {
	.sub_wrap{width:100%; margin:30px auto 0; text-align:center;}

	.sub_wrap h1{font-size:20px; font-weight:bold;}
	.sub_wrap p{font-size:18px; margin:10px 0; word-break:keep-all;}
	.sub_wrap h2{font-size:17px; margin:10px 0;}
}

@media only screen and (min-width : 320px) and (max-width : 720px) {
	.sub_wrap{width:100%; margin:30px auto 0; text-align:center;}

	.sub_wrap img{width:95%; margin:0 auto 15px;}
	.sub_wrap h1{font-size:20px; font-weight:bold;}
	.sub_wrap p{font-size:17px; margin:10px 0; word-break:keep-all;}
	.sub_wrap h2{font-size:16px; margin:10px 0;}


    .tab_item {    font-size: 1vh;}

}