@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;overflow: hidden;}
.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:#52409d;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/health/img/mvisual_play.png);}
.swp_wrap .mvisual .control > .swiper_stop{background-image:url(/nanum/site/builder/main/health/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: 155px;/* border-bottom: 1px solid #282895; */padding: 30px 35px;box-sizing: border-box;margin-bottom: 30px;}
.quick_menu .quick_bottom{height: 245px;padding: 30px 35px;background-color:#f6f6ff;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 ul li.icon1{background-image:url("/nanum/site/builder/main/health/img/quickicon01.png");}
.quick_menu ul li.icon2{background-image:url("/nanum/site/builder/main/health/img/quickicon02.png");}
.quick_menu ul li.icon3{background-image:url("/nanum/site/builder/main/health/img/quickicon03.png");}
.quick_menu ul li.icon4{background-image:url("/nanum/site/builder/main/health/img/quickicon04.png");}
.quick_menu ul li.icon5{background-image:url("/nanum/site/builder/main/health/img/quickicon05.png");}
.quick_menu ul li.icon6{background-image:url("/nanum/site/builder/main/health/img/quickicon06.png");}
.quick_menu ul li.icon7{background-image:url("/nanum/site/builder/main/health/img/quickicon07.png");}

.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_bottom ul li.btn_bx{font-size:2.2rem;}
.quick_menu ul li a.call{display: block;height: 90px;background:#f68d38;color:#fff;font-weight: 600;font-size: 2.7rem;text-align:center;margin-top:22px;padding:25px 0;border:2px solid #f68d38;line-height: 1;box-sizing:border-box;border-radius:20px;transition:.5s;}

.quick_menu .quick_bottom.txtbtn{position: relative;padding: 30px 60px;border-top: 1px solid #282895;}
.quick_menu .quick_bottom.txtbtn:before{content:'';position: absolute;top: -26px;left: 50%;transform: translateX(-50%) rotate(315deg);width: 50px;height: 50px;background: #f6f6ff;border: 2px solid #282895;border-width: 1px 1px 0 0;}
.quick_menu .quick_bottom.txtbtn ul li.btn_bx2{display: flex;align-items: center;padding: 0;justify-content: space-between;}
.quick_menu .quick_bottom.txtbtn ul li.btn_bx2 .txt{flex: 1;line-height: 1.3;font-size: 3.5rem;font-weight: 500;}
.quick_menu .quick_bottom.txtbtn ul li.btn_bx2 .txt span{font-weight: 800;}
.quick_menu .quick_bottom.txtbtn ul li a.call{margin: 15px auto;flex: 1;max-width: 430px;display: flex;align-items: center;justify-content: center;}

.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;}

.quick_menu .quick_bottom.txtbtn ul li.btn_bx2 .txt{font-size: 3.3rem;}
.quick_menu .quick_bottom.txtbtn ul li a.call{max-width: 350px;}


}


/********************태블릿********************/
@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: 45px;}
.quick_menu .quick_top ul li a, 
.quick_menu .quick_bottom ul li a,
.quick_menu .quick_bottom.txtbtn ul li.btn_bx2{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_bottom ul li.btn_bx{font-size: 2.0rem;padding-right: 30px;}
.quick_menu ul li a.call{height: 44px;padding: 13px 0;margin-top: 15px;font-size: 16px;}
.quick_menu .quick_bottom.txtbtn{padding: 30px;}

.quick_menu .quick_bottom{width:100%;height:150px;padding: 20px 0;border-radius: unset;}
.quick_menu .quick_bottom.txtbtn ul li.btn_bx2 .txt{font-size: 2.5rem;}
.quick_menu .quick_bottom.txtbtn ul li a.call{max-width: 230px;height: 60px;font-size: 2rem;}

.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;margin-bottom: 20px;}
.quick_menu .quick_top ul li, 
.quick_menu .quick_bottom ul li{flex:50%;padding:15px;background-position: right 30px center;background-size: 35px;border-right: 1px solid #dbdbdb;}
.quick_menu ul li::before{display:none;}
.quick_menu ul li:nth-child(even){border-right: 0;}
.quick_menu .quick_top ul li:first-child, 
.quick_menu .quick_bottom ul li:first-child{padding:15px;}
.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 ul li a.call{height: 30px;border: 1px solid #f68d38;padding: 0;margin-top: 10px;line-height: 30px;}
.quick_menu .quick_top ul li.icon1{padding-right:35px;}

.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.8rem;}
.quick_menu .quick_bottom ul li.btn_bx{font-size: 1.8rem;}
.quick_menu ul li a.call{font-size: 1.7rem;height: 30px;}

.quick_menu .quick_bottom.txtbtn{padding: 20px 30px 15px;}
.quick_menu .quick_bottom.txtbtn ul li.btn_bx2{flex-direction: column;border: 0;}
.quick_menu .quick_bottom.txtbtn ul li a.call{margin: 10px auto;}
.quick_menu .quick_bottom.txtbtn ul li.btn_bx2 .txt{font-size: 2.3rem;text-align: center;}
.quick_menu .quick_bottom.txtbtn:before{top: -16px;width: 30px;height: 30px;}

/*퀵메뉴*/
.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;}

}

/********************웹********************/
@media all and (min-width:1025px){
	
.quick_menu ul li a.call:hover{background:#000;border:2px solid #000;color:#fff !important;}
.quick_menu .quick_top ul li:hover > a{color:#2f2893;}
.quick_menu .quick_bottom ul li:hover > a{color:#fff;}

}