/* BASIC css start */
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700;src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
url('/design/hwawon6311/font/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/design/hwawon6311/font/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 500;src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
url('/design/hwawon6311/font/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/design/hwawon6311/font/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300;src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
url('/design/hwawon6311/font/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/design/hwawon6311/font/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}

/* 왼쪽메뉴 */
#aside .smenu_menu li { display:block; width:100%; padding:13px 18px; box-sizing:border-box; font-weight: 600; cursor: pointer; } 
#aside .smenu_menu li a { font-size:14px; color:#6c6c6c; } 
#aside .smenu_menu li a:hover { color:#d81a2e; } 
#aside .smenu_menu li a:hover:after { content:'>'; position:absolute; right:20px; font-size:14px; font-weight:bold; } 
#aside .smenu_menu li.current a { color:#d81a2e; } 
#aside .smenu_menu li.current a:after { content:'>'; position:absolute; right:20px; font-size:14px; font-weight:bold; } 

/* 탭영역 */
.tabcontent { display:none; } 
.tabcontent.current { display:block; } 
.tabcontent * { font-family:'Gmarket Sans'; } 
#map{visibility: hidden;}


/* 설립배경 영역 */
#tab1 .sub_cont { position:relative; margin-bottom:120px; } 
#tab1 .sub_cont .sub_bnr { position:relative; margin-bottom:60px; } 
#tab1 .sub_cont .sub_bnr img { width:100%; } 
#tab1 .sub_cont .sub_bnr span { position:absolute; top:95px; left:60px; font-size:48px; color:#fff; } 
#tab1 .sub_cont .sub_bnr span:after { content:''; position:absolute; left:0; bottom:-41px; width:150px; height:1px; background:#fff; } 
#tab1 .sub_cont .sub_txt { font-size:18px; font-weight:300; color:#000; line-height:1.8; letter-spacing: -0.005em; } 
#tab1 .sub_cont .img_cont { position:relative; height:620px; margin-bottom:46px; } 
#tab1 .sub_cont .tit { font-size:24px; font-weight:normal; display:inline-block; position:absolute; top:0; left:0; } 
#tab1 .sub_cont .tit b { font-size:36px; font-weight:500;} 
#tab1 .sub_cont .img1 { position:absolute; bottom:0; } 
#tab1 .sub_cont .img2 { position:absolute; top: 51px; right:0; } 
#tab1 .sub_cont .img3 { position:absolute; bottom: 18px; right: 0; } 

/* 시설안내 영역 */
#tab2 .sub_cont { position:relative; margin-bottom: 70px; } 
#tab2 .sub_cont .sub_bnr { position:relative; } 
#tab2 .sub_cont .sub_bnr img { width:100%; } 
#tab2 .sub_cont .sub_bnr span { position:absolute; left:0; bottom: -7px; font-size:60px; color:#fff; line-height:1; } 
#tab2 .sub_cont .floor_wrap { display:flex; justify-content: space-between; } 
#tab2 .sub_cont .floor_wrap .floor_cnt { font-size:36px; border-top:3px solid #000; padding-top:15px; white-space:pre; } 
#tab2 .sub_cont .floor_wrap .floor_cont { position:relative; width: 850px; margin-top: 28px; } 
#tab2 .sub_cont .floor_wrap .floor_cont p { font-size:18px; font-weight:300; margin-bottom:25px; } 
#tab2 .sub_cont .floor_wrap .floor_cont p b { display:block; font-size:24px; font-weight:500; margin-bottom:11px; } 
#tab2 .sub_cont .floor_wrap .floor_cont p b span { font-size:16px; color:#d81a2e; margin-left: 10px; } 
#tab2 .sub_cont .floor_wrap .floor_cont .img_cont { display:flex; justify-content:space-between; width: 100%; flex-wrap: wrap; margin-bottom: 50px; } 
#tab2 .sub_cont .floor_wrap .floor_cont .img_cont img { display: inline-block; line-height: 1; font-size: 0; margin-bottom: 17px; height: auto; } 

.img_cont.grid4 { display: grid !important; grid-template-areas:
 "a a"
 "b c"
 "b d"; } 
.img_cont.grid4 img:nth-child(1) { grid-area:a; width: 100%; margin-bottom: 17px !important; } 
.img_cont.grid4 img:nth-child(2) { grid-area:b; width: 500px; margin-right: 18px; } 
.img_cont.grid4 img:nth-child(3) { grid-area:c; width:332px; margin-bottom: 17px !important; } 
.img_cont.grid4 img:nth-child(4) { grid-area:d; width:332px; } 


/* 오시는길 영역 */
#tab3 .sub_cont { position:relative; } 
#tab3 .sub_cont .sub_bnr { position:relative; margin-bottom: 70px; } 
#tab3 .sub_cont .sub_bnr img { width:100%; } 
#tab3 .sub_cont .sub_bnr span { position:absolute; left:0; bottom: -7px; font-size:60px; color:#fff; line-height:1; } 
#tab3 .sub_cont .sub_txt { font-size:18px; font-weight:300; color:#000; line-height:1.8; letter-spacing: -0.005em; margin-bottom:30px; } 

.tab { margin: 0 0 10px; padding: 0; zoom: 1; } 
.tab li { float: left; list-style: none; } 
.tab li a { display: block; height: 48px; font-size: 16px; color: #858585; text-align: center; line-height: 3em; background: none; border: 1px solid #e9e9e9; padding: 0 15px; } 
.tab:after { display: block; visibility: hidden; clear: both; content: ""; } 
.tab li.current a { background: #da2128; color: #fff; text-decoration: none; } 
.tab li:hover a { background: #da2128; color: #fff; text-decoration: none; } 

button span {
    visibility: visible;
}

#map .wrap_btn_zoom{display:none;}
/* BASIC css end */