@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

div#content.sub{padding:50px 0;}
.sub_title h2{margin-bottom:40px; font-size:35px; text-align:center; font-weight: 200;}
*[data-shop-view="tab"].fix{max-width:1400px;}

.area_subVisual{height:400px}
.area_subVisual.visual01{background:url(../images/sub/sub_visual01.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.visual02{background:url(../images/sub/sub_visual02.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.visual03{background:url(../images/sub/sub_visual03.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.visual04{background:url(../images/sub/sub_visual04.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.visual05{background:url(../images/sub/sub_visual05.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual > div{padding-top:150px; text-align:center; color:#fff;}
.area_subVisual > div h2{font-size:35px;}

.area_lnb ul {border-bottom:1px solid #dbdbdb; font-size:0; text-align:center;}
.area_lnb ul li {display:inline-block; padding:0 40px;}
.area_lnb ul li a {display:block; position:relative; height:60px; padding:0 34px; font-size:17px; line-height:60px;}
.area_lnb ul li.on a {color:#1d2088; font-weight:700;}
.area_lnb ul li.on a:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#1d2088; }

.join_area h2{display:none;}
 #container.sub{min-height: 400px; padding:50px 0;}

h2[data-title-content]{display: block; margin: 10px 0 40px 0; color: #393939; text-align: center; font-size: 35px; font-weight: 200;}
.area_subVisual.navFix{display: none;}

/* 인사말 */
.area_greeting{overflow:hidden;}
.area_greeting .image{position:relative; float:right; width:50%; height:740px; animation: fade-in-bottom 1s ease-in-out;}
.area_greeting .img01{width:450px; height:520px; background:url(../images/sub/img_greeting01.jpg) no-repeat 50% 50%; background-size:cover;}
.area_greeting .img02{position:absolute; bottom:0; right:0; width:375px; height:360px; background:url(../images/sub/img_greeting02.jpg) no-repeat 50% 50%; background-size:cover;}
.area_greeting .text{float:left; width:45%; margin-right:5%;}
.area_greeting .text h3{margin-bottom:20px; font-size:22px; color:#111;}
.area_greeting .text p{word-break:keep-all;}
.area_greeting .text b{color:#000;}
.area_greeting .text span{display:block; margin-top:50px;}


/* 오시는 길 */
.area_map div#daumRoughmapContainer1582518224633{padding:0; border:0;}
.table01{box-sizing:border-box; width:100%; margin-top:30px; }
.table01 tbody th{box-sizing: border-box; padding:15px; background:#1d2088; border-bottom:1px solid #dbdbdb; color:#fff; text-align:center;}
.table01 td{box-sizing:border-box; line-height:1.8; padding:17px 15px; background:#f9f9f9; color:#555; font-weight:400; word-break:keep-all}

.list_file li > a{line-height:1.2em;}



@media all and (max-width:959px){	
	.area_subVisual{height:250px;}
	.area_subVisual > div{padding-top:90px;}
	.area_subVisual > div h2{font-size:25px;}
	
	.area_greeting .text{width:55%;}
	.area_greeting .image{width:40%;}
	
	.area_greeting .img01{width:100%;}
	.area_greeting .img02{display:none;}
 }

 @media all and (max-width:767px){	
	div#content.sub{padding:30px 0;}

	.area_greeting .image{width:100%; height:500px;}
	.area_greeting .img01{height:500px;}
	.area_greeting .text{margin-top:40px; width:100%; margin-right:0;}
	
	.sub_title h2{margin-bottom:25px; font-size:22px;}

	.text_bg span:after{top:0; width:40px; height:40px;}

	.area_lnb ul li{padding:0 20px;}
	.area_lnb ul li a{padding:0; font-size:15px;}

	.table01 tbody th{display:block; width:100%; padding:10px; background:#555;}
	.table01 td{display:block; width:100%; padding:10px; text-align:center;}
 }	

@media all and (max-width:520px){	
	.area_greeting .image{width:100%; height:300px;}
	.area_greeting .img01{height:300px;}
	.area_greeting .text h3{font-size:17px;}
	.area_lnb ul li{padding:0 10px;}
	.area_lnb ul li a{font-size:14px;}

 }	

 @media all and (max-width:420px){	
	.area_lnb ul li{padding:0 8px;}
	.area_lnb ul li a{font-size:13px;}
 }