/* 메인 공통 */
a:hover { cursor:pointer;}
section { overflow:hidden; max-width:2000px; color:#333; font-weight:500; line-height: 1.625em; }

section.company { padding:5rem 0;}
section.company article { text-align:center; }
section.company article .txt1 { font-size:3.571rem; font-weight:800; line-height:1;}
section.company article .txt1 b { color:#03a696;  }
section.company article .txt2 { padding:1.429rem 0 2.143rem; font-size:1.571rem;  line-height:1;}
section.company article .txt3 a { display:inline-block; width:180px; height:50px; color:#555; line-height:46px; border:2px solid #ddd; }

@media (max-width:768px) {
section.company article .txt3 a { font-size:1.286rem;}
}
@media (max-width:480px) {
section.company article .txt3 a { width:160px; height:46px; font-size:1.429rem; line-height:42px;}
}
@media (max-width:400px) {
section.company article .txt1 { font-size:2.714rem;}
section.company article .txt2 { padding:1.143rem 0 1.857rem; line-height:1.4;}
section.company article .txt2 span { display:block; }
}


section.product {}
section.product ul { display:flex; flex:1; }
section.product ul li { position:relative; display:flex; align-items: center; width:100%; height:450px; text-align:center;}
section.product ul li:first-of-type { background:url('/theme/nanum56/index/img/m_product_bg1.jpg') no-repeat center center / auto 100%;}
section.product ul li:last-of-type { background:url('/theme/nanum56/index/img/m_product_bg2.jpg') no-repeat center center / auto 100%;}
section.product ul li:before { position:absolute; top:0; left:0;  display:block; content:''; width:100%; height:100%; background:rgba(0,0,0,.4);  transition:all .3s;}
section.product ul li:hover:before { background:rgba(0,0,0,.2); }
section.product ul li > div { position:relative; width:100%; color:#fff;}
section.product ul li > div .name { font-size:3.571rem; font-weight:700; line-height:1; }
section.product ul li > div .txt { font-size:1.571rem; padding:2.143rem 0;}
section.product ul li > div .txt span { display:block; }
section.product ul li > div a { display:block; margin:0 auto; width:180px; height:50px; font-size:1.286rem; line-height:48px; color:#fff; border:1px solid #fff; transition:all .3s;}
section.product ul li > div a:hover { background:rgba(0,0,0,.5);}

@media (max-width:1199px) {
section.product ul li > div .name { font-size:3.285rem; }
}
@media (max-width:991px) {
section.product ul li { height:400px; }
section.product ul li > div .txt { font-size:1.429rem; }
section.product ul li > div a { width:160px; height:46px; line-height:44px; }
}
@media (max-width:768px) {
section.product ul { display:block; }
section.product ul li { height:350px;}

}
@media (max-width:480px) {
section.product ul li { height:300px;}
section.product ul li > div a { font-size:1.429rem;}
}

section.movie { position:relative; padding:17.86rem 0 ; background:url('/theme/nanum56/index/img/m_movie_bg.jpg') no-repeat center center / auto 100%; }
section.movie .youtube_wrap { display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:30px; width:100%; max-width:840px; z-index:10;}
section.movie .youtube_wrap .youtube { position:relative; top:50%; width:100%; padding-bottom:56.25% }
section.movie .youtube_wrap .youtube iframe { position:absolute; width:100%; height:100%;}
section.movie .youtube_wrap a.youtube_close  { overflow:hidden; display:block; position:absolute; right:30px; padding:1.071rem 2.143rem ; background:#f3a211; font-size:1.571rem; color:#fff; line-height:.9; }
section.movie .youtube_wrap a.youtube_close img { position:relative; top:-1px; padding:0 0 0 10px;}
section.movie a.youtube_show { display:block; padding-top:9.286rem; background:url('/theme/nanum56/index/img/m_movie_icon.png') no-repeat center top; font-size:3.571rem; font-weight:700; text-align:center; line-height:1; color:#fff; }

@media (max-width:991px) {
section.movie { padding:15rem 0;}
}
@media (max-width:768px) {
section.movie a.youtube_show { padding-top: 8.5rem; font-size: 3.285rem; background-size: 80px auto;}
}
@media (max-width:480px) {
section.movie a.youtube_show { padding-top: 8rem; font-size:2.857rem; background-size: 65px auto;}
}



section.gallery { padding:5rem 0;}
section.gallery article > p { font-size:2.857rem; font-weight:700; line-height:1; text-align:center; }
section.gallery article > { padding:0 0 3.214rem 0;}

section.map { overflow:hidden; padding:1.429rem 1.071rem; background:#2e2722; }
section.map article { margin:0 auto; max-width:1170px; }
section.map .info { float:left; padding:0.5714rem 0 0; color:#fff; }
section.map .info dl { padding-bottom:1.286rem; word-break: keep-all;}
section.map .info dt { font-size:1.286rem; font-weight:500; color:#b5ada8;  }
section.map .info dd { font-size:1.143rem; font-weight:400; }
section.map .info dd.tel { padding:0.3125rem 0; font-size:2rem; font-weight:700; color:#f3a211; }
section.map .info dd span { display:block; }

section.map .map_wrap { float:right; width:61%; }
section.map .map_wrap .map {  width:100%;  max-width:720px;}
section.map .map_wrap .map .root_daum_roughmap .wrap_controllers { display:none}
section.map .map_wrap .map span.map_border { display:none; }

@media (max-width:690px) {
section.map .map_wrap { float:none; width:100%; }
section.map .info { overflow:hidden; float:none; padding:2rem 0 0; width:100%; }
section.map .info dl { float:left; width:50%; }
}

@media (max-width:520px){
section.map .info dd span { display:inline; }
}

@media (max-width:480px){
section.map .info dl { float:none; width:100%; }
}



section.quick_nav {}
section.quick_nav ul { display:flex; margin:0 auto; width:100%; max-width:1170px; }
section.quick_nav ul li { flex:1; margin-right:-1px; border:1px solid #ddd; border-bottom:none; }
section.quick_nav ul li a { display:block; padding:2.1rem 0; width:100%; text-align:center; color:#333; }
section.quick_nav ul li a:hover { background:#f8f8f8;}
section.quick_nav ul li a p { padding-top:0.7143rem; }


@media (max-width:480px){
section.quick_nav ul li a img { width:40px; }
section.quick_nav ul li a p span { display:none; }
}