@charset "utf-8";

.main #head{position:fixed;top:0;left:0;z-index:888;border-bottom:0;}
.main.fp-viewing-3 #head{border-bottom:1px solid #ccc;}

#mcontainer{position:relative;width:100%;margin:0 auto;}

.swp_wrap{height:930px;}
.swp_wrap .mvisual .swiper-slide img{width:100%;height:930px;object-fit:cover;}
.swp_wrap .mvisual .mcont_txt .wsize{position:relative;}
.swp_wrap .mvisual .mcont_txt{position:absolute;top:200px;left: 50%;margin-left: -650px;}
.swp_wrap .mvisual .mcont_txt .msub_tit{font-size:5.0rem;font-weight: 400;margin-top: 20px;}
.swp_wrap .mvisual .mcont_txt .msub_tit span{margin-left:10px;font-weight:700;}
.swp_wrap .mvisual .mcont_txt .msub_tit,
.swp_wrap .mvisual .mcont_txt .btxt{margin-bottom:10px;width:auto;height:auto;}
.swp_wrap .mvisual .mcont_txt .btxt{font-weight:400;font-size:1.8rem;margin-top: 5px;}
.swp_wrap .mvisual .mcont_txt .btxt.thick{font-size:40px;font-weight:900;color:#224191;}
.swp_wrap .mvisual .control{padding-right:15px;position:absolute;top: 368px;left: 50%;margin-left: -650px;font-size:0;box-sizing:border-box;z-index:1;}
.swp_wrap .mvisual .control .swiper-pagination{position:relative;bottom:auto;left:auto;}
.swp_wrap .mvisual .control .swiper-pagination-bullet{margin-left:10px;width:10px;height:10px;background-color:#000;opacity:.5;}
.swp_wrap .mvisual .control .swiper-pagination-bullet-active{background-color:#0060d0;opacity:1;padding: 0 10px;border-radius: 33px;}
.swp_wrap .mvisual .control > p{display:inline-block;position:absolute;top:5px;right:0;margin-top:-5px;width:6px;height:10px;background-repeat:no-repeat;background-position:center;text-indent:-9999px;cursor:pointer;}
.swp_wrap .mvisual .control > .swiper_play{display:none;background-image:url(/nanum/site/builder/main/h3/img/mvisual_play.png);}
.swp_wrap .mvisual .control > .swiper_stop{background-image:url(/nanum/site/builder/main/h3/img/mvisual_stop.png);}

.swp_wrap .mvisual .swiper-slide .msub_tit,
.swp_wrap .mvisual .swiper-slide .btxt{opacity:0;filter:Alpha(opacity=0);-webkit-transition:opacity 1.0s, transform 1.0s;-moz-transition:opacity 1.0s, transform 1.0s;-o-transition:opacity 1.0s, transform 1.0s;-ms-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s;}
.swp_wrap .mvisual .swiper-slide .msub_tit{-ms-transform: translateY(-40px); -o-transform: translateY(-40px); -moz-transform: translateY(-40px);-webkit-transform: translateY(-40px); transform: translateY(-40px);}
.swp_wrap .mvisual .swiper-slide .btxt{-ms-transform: translateY(-70px); -o-transform: translateY(-70px); -moz-transform: translateY(-70px);-webkit-transform: translateY(-70px); transform: translateY(-70px);}  
.swp_wrap .mvisual .swiper-slide.swiper-slide-active .msub_tit{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateX(0px);-webkit-transform: translateY(0px); transform: translateY(0px);}
.swp_wrap .mvisual .swiper-slide.swiper-slide-active .btxt{opacity:1;filter:Alpha(opacity=100);-ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateX(0px);-webkit-transform: translateY(0px); transform: translateY(0px);}


/*퀵메뉴*/
.quick_menu{position: absolute;z-index: 2;bottom: 250px;left: 50%;transform: translateX(-50%);width:1300px;background-color:#fff;border-radius:20px;/*padding:30px;*/box-sizing:border-box;box-shadow:0 0 22px rgba(0,0,0,0.2);}
.quick_menu .quick_top{height: 175px;border-bottom:1px solid #e9e9e9;padding: 30px 35px;box-sizing: border-box;}
.quick_menu .quick_bottom{height: 175px;padding: 30px 35px;background-color:#eff5fe;border-radius:0 0 20px 20px;box-sizing: border-box;}
.quick_menu .quick_top ul,
.quick_menu .quick_bottom ul{display:flex;flex-wrap:wrap;height: 100%;}
.quick_menu .quick_top ul li,
.quick_menu .quick_bottom ul li{position:relative;flex:25%;padding-top:15px;padding-left: 35px;box-sizing:border-box;/*border-right:1px solid #dbdbdb;*/background-repeat:no-repeat;background-position: right 40px bottom;}
.quick_menu .quick_top ul li::before,
.quick_menu .quick_bottom ul li::before{position:absolute;content:'';width:1px;height:90px;top:50%;transform:translateY(-50%);right:0;background-color:#dbdbdb;}

.quick_menu .quick_top ul li:first-child,
.quick_menu .quick_bottom ul li:first-child{padding-left:0;padding-right: 35px;}
.quick_menu .quick_top ul li:last-child::before,
.quick_menu .quick_bottom ul li:last-child::before{display:none;}
.quick_menu .quick_top ul li.top1{background-image:url("/nanum/site/builder/main/h3/img/quickicon10.gif");}
.quick_menu .quick_top ul li.top2{background-image:url("/nanum/site/builder/main/h3/img/quickicon02.gif");}
.quick_menu .quick_top ul li.top3{background-image:url("/nanum/site/builder/main/h3/img/quickicon03.gif");}
.quick_menu .quick_bottom ul li.bottom1{background-image:url("/nanum/site/builder/main/h3/img/quickicon04.gif");}
.quick_menu .quick_bottom ul li.bottom2{background-image:url("/nanum/site/builder/main/h3/img/quickicon05.gif");}
.quick_menu .quick_bottom ul li.bottom3{background-image:url("/nanum/site/builder/main/h3/img/quickicon06.gif");}
.quick_menu .quick_bottom ul li.bottom4{background-image:url("/nanum/site/builder/main/h3/img/quickicon07.gif");background-size:30px;}

.quick_menu .quick_top ul li a,
.quick_menu .quick_bottom ul li a{font-size:2.2rem;display: inline-block;width: 100%;height: 100%;}
.quick_menu .quick_top ul li.last_numb{font-size:2.2rem;}
.quick_menu .quick_top ul li a.call{display: block;height: 53px;font-family:'poppins';font-weight: 600;font-size:19px;text-align:center;margin-top:22px;padding:15px 0;border:2px solid #000;box-sizing:border-box;border-radius:10px;transition:.5s;}
.quick_menu .quick_top ul li a.call:hover{background:#000;color:#fff;}
.quick_menu .quick_top ul li:hover, 
.quick_menu .quick_bottom ul li:hover{cursor:pointer;}
.quick_menu .quick_top ul li:hover > a, 
.quick_menu .quick_bottom ul li:hover > a{color:#0060cf;}

.main #wrapper > #foot{display:none;}


/********************태블릿********************/
@media all and (max-width:1300px){

.swp_wrap .mvisual .mcont_txt{margin-left:0;left:15px;}
.swp_wrap .mvisual .control{margin-left:0;left:10px;}

.quick_menu{width:98%;margin:0 1%;left:0;transform:none;}


}


/********************태블릿********************/
@media all and (max-width:1024px){
	
#mcontainer{width: 100% !important;min-width: 100% !important;max-width: 100% !important;}


/*비주얼*/
.swp_wrap{position:relative;width:100%;height:auto;}
.swp_wrap .mvisual{width:100%;}
.swp_wrap .swiper-slide{width:100% !important;}
.swp_wrap .mvisual .swiper-slide img{height:700px;}
.swp_wrap .mvisual .mcont_txt{top:160px;}
.swp_wrap .mvisual .mcont_txt .msub_tit{font-size: 3.0rem;}
.swp_wrap .mvisual .control{top: 275px;}

/*퀵메뉴*/
.quick_menu{position: absolute;width: 100%;bottom: 0;margin:0;box-shadow: none;border-radius: unset;}
.quick_menu .quick_top{width:100%;height:150px;padding: 20px 0;}
.quick_menu .quick_top ul li:first-child, 
.quick_menu .quick_bottom ul li:first-child{padding-left:30px;padding-right: 20px;}
.quick_menu .quick_top ul li, 
.quick_menu .quick_bottom ul li{padding-top: 0;padding-left: 30px;background-position: right 30px bottom;background-size: 35px;}
.quick_menu .quick_top ul li a, 
.quick_menu .quick_bottom ul li a{font-size: 2.0rem;}
.quick_menu .quick_top ul li.top1{background-size: 40px;}
.quick_menu .quick_top ul li.top3{background-size: 25px;}
.quick_menu .quick_top ul li.last_numb{font-size: 2.0rem;padding-right: 30px;}
.quick_menu .quick_top ul li a.call{height: 44px;padding: 10px 0;margin-top: 15px;}

.quick_menu .quick_bottom{width:100%;height:150px;padding: 20px 0;border-radius: unset;}


.fooot{width:100%;}


}



/********************모바일********************/
@media all and (max-width:767px){
	
/*비주얼*/	
.swp_wrap .mvisual .swiper-slide img{height:580px;}	
.swp_wrap .mvisual .mcont_txt{top:100px;}
.swp_wrap .mvisual .control{top:220px;}
	
/*퀵메뉴*/
.quick_menu .quick_top{height:auto;padding:0;}
.quick_menu .quick_top ul li, 
.quick_menu .quick_bottom ul li	{flex:50%;padding:15px;background-position: right 30px center;border-right: 1px solid #dbdbdb;}
.quick_menu .quick_top ul li::before,
.quick_menu .quick_bottom ul li::before{display:none;}
.quick_menu .quick_top ul li:nth-child(2), 
.quick_menu .quick_bottom ul li:nth-child(2){border-right: 0;}	
.quick_menu .quick_top ul li:first-child, 
.quick_menu .quick_bottom ul li:first-child{padding:20px;}
.quick_menu .quick_top ul li:first-child,
.quick_menu .quick_top ul li:nth-child(2), 
.quick_menu .quick_bottom ul li:first-child,
.quick_menu .quick_bottom ul li:nth-child(2){border-bottom:1px solid #dbdbdb;}
.quick_menu .quick_top ul li a.call{height: 30px;border: 1px solid #000;padding: 0;margin-top: 10px;line-height: 30px;}


.quick_menu .quick_bottom{height:auto;padding:0;}
.quick_menu .quick_bottom ul li a{height:41px;}

.quick_menu .quick_top ul li a, 
.quick_menu .quick_bottom ul li a{font-size: 1.7rem;}
.quick_menu .quick_top ul li.last_numb{font-size: 1.7rem;}
.quick_menu .quick_top ul li a.call{font-size: 1.7rem;}

/*퀵메뉴*/
.quick_menu .quick_top ul li, 
.quick_menu .quick_bottom ul li{background-size: 28px !important;background-position: right 15px center;}
.quick_menu .quick_top ul li.top1{background-size: 35px !important;}
.quick_menu .quick_top ul li.top3{background-size: 21px !important;}


}