@charset "utf-8";

/***** 메인비주얼영역 *****/
#mvisual_wrap{position:relative;}
#mvisual{position:relative;width:100%;height:430px;}
#mvisual .main_swiper{position:absolute;top:0;left:0;width:100%;height:100%;}
#mvisual .main_swiper .swiper-slide.bg01{background:url(/nanum/site/builder/main/main03_01/img/mvisual5.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide.bg02{background:url(/nanum/site/builder/main/main03_01/img/mvisual6.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide.bg03{background:url(/nanum/site/builder/main/main03_01/img/mvisual2.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide .mimg_slide{width:1100px;margin:0 auto;text-align:left;}
#mvisual .main_swiper .swiper-slide .text{position:relative;margin-top:130px;color:#000;text-align: center;z-index:2;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size: 19px;font-family: 'NotoKrM',sans-serif;color: #333;line-height: 19px;text-shadow: 0px 0px 30px white, 0px 0px 30px white, 0px 0px 30px white, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;}
#mvisual .main_swiper .swiper-slide .text .txt2{font-size: 45px;font-family: 'NotokrL',sans-serif;line-height: 45px;padding-top:20px;letter-spacing:-0.05em;text-shadow: 0px 0px 30px white, 0px 0px 30px white, 0px 0px 30px white, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;}
#mvisual .main_swiper .swiper-slide .text .txt2 span{font-family: 'NotoKrM',sans-serif;text-shadow: 0px 0px 30px white, 0px 0px 30px white, 0px 0px 30px white, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;} 
#mvisual .main_swiper .swiper-slide .txt1,
#mvisual .main_swiper .swiper-slide .txt2{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;}
#mvisual .main_swiper .swiper-slide .txt1{-ms-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px);-webkit-transform: translateY(-50px); transform: translateY(-50px);}
#mvisual .main_swiper .swiper-slide .txt2{-ms-transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px);-webkit-transform: translateY(-100px); transform: translateY(-100px);} 
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt1,
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt2{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);}
#mvisual .main_swiper .contol{position:absolute;bottom:100px;left:0;width:100%;height:12px;z-index:39;font-size:0;text-align:center;}
#mvisual .main_swiper .swiper-pagination5{position:relative;display:inline-block;vertical-align:middle;}
#mvisual .main_swiper .swiper-pagination5 .swiper-pagination-bullet{display: inline-block;width: 20px;height: 5px; margin: 0 2px; vertical-align: middle;border-radius: 10px;background: rgba(55,64,79,1);}
#mvisual .main_swiper .swiper-pagination5 .swiper-pagination-bullet.swiper-pagination-bullet-active {width:10px;height:10px;margin:0 5px;opacity:1;border:0;border-radius:100%;background:#000;}
#mvisual .main_swiper .contol p{display:inline-block;vertical-align:middle;width:10px;margin-left:5px;}
#mvisual .main_swiper .contol p a{display:block;height:12px;font-size:0;line-height:0;text-indent:-9999px;}
#mvisual .main_swiper .contol p.swiper_play5 {display:none;}
#mvisual .main_swiper .contol p.swiper_play5 a{background:url(/nanum/site/builder/main/main03_01/img/button_play.png) no-repeat center 50%;background-size:10px auto !important;}
#mvisual .main_swiper .contol p.swiper_stop5 a{background:url(/nanum/site/builder/main/main03_01/img/button_stop.png) no-repeat center 50%;background-size:8px auto !important;}


/*메인박스*/
.main_bx{margin: -60px 0 60px; position:relative; z-index:1;}
.main_bx .bx1{display:flex; flex-direction:column; gap:20px;}

.main_bx .bx1 .gobtn{display:flex; gap:20px; position:relative;}
.main_bx .bx1 .order_box{display:contents;}
.main_bx .bx1 .popupzone{flex:0 0 540px; width:540px; max-width:100%; margin-left:0; overflow:hidden; position:relative;}
.main_bx .bx1 .popupzone .pop_swiper{width:100%;}
.main_bx .bx1 .info_card_wrap{display:flex; gap:20px; height:215px;}
.main_bx .bx1 .info_card_wrap .info_card:nth-child(3){flex:1; width:auto;}
.main_bx .bx1 .order_box .ob_item{position:relative; width:260px; box-sizing:border-box; padding:20px 17px; border:1px solid #e5e5e5; border-radius:8px;}
.main_bx .bx1 .order_box .ob_item .ob_deco{position:absolute; right:17px; bottom:14px; color:#e5e5e5; pointer-events:none;}
.main_bx .bx1 .order_box .ob_item .ob_deco svg{display:block; width:90px; height:90px;}
.main_bx .bx1 .order_box .ob_item:nth-child(1) .ob_deco{display:none;}
.main_bx .bx1 .order_box .ob_item .ob_tit{display:flex; align-items:center; margin-bottom:11px; font-size:18px; font-family:'NotoKrB',sans-serif; font-weight:normal; color:#2c3b6a; letter-spacing:-0.02rem;}
.main_bx .bx1 .order_box .ob_item .ob_tit .dt_ico{display:flex; align-items:center; justify-content:center; width:32px; height:32px; margin-right:8px; color:#2c3b6a;}
.main_bx .bx1 .order_box .ob_item .ob_tit .dt_ico svg{display:block; width:24px; height:24px;}
.main_bx .bx1 .order_box .ob_item .ob_body{color:#777;}
.main_bx .bx1 .order_box .ob_item .ob_body dl{display:block; margin:0; padding:7px 0;}
.main_bx .bx1 .order_box .ob_item .ob_body dt{display:block; margin:0; color:#000; font-family:'NotoKrM',sans-serif; font-size:15px;}
.main_bx .bx1 .order_box .ob_item .ob_body dd{display:block; margin:0; color:#444; font-family:'Roboto','NotoKrR',sans-serif; letter-spacing:0; font-size:14px;}
.main_bx .bx1 .order_box .ob_item .ob_body div{padding:5px 0; border-top:1px solid #f0f0f0;}
.main_bx .bx1 .order_box .ob_item .ob_body div:first-child{border-top:0; padding-top:0;}

.main_bx .bx1 .gobtn .gobtn_box{display:flex; max-width:825px;}
.main_bx .bx1 .gobtn .gobtn_box ul{display:flex; flex-wrap:wrap; width:75%;}
.main_bx .bx1 .gobtn .gobtn_box ul li{width:33.333%; box-sizing: border-box;text-align: center;background-repeat:no-repeat;background-position: 100% 95%;background-size: 55px auto;}
.main_bx .bx1 .gobtn .gobtn_box ul li.box04, .main_bx .bx1 .gobtn ul li.box08{border-right:0;}
.main_bx .bx1 .gobtn .gobtn_box ul li a{display: block;width: 100%;height: 100%;font-size: 21px;font-family: 'NotoKrM',sans-serif;color: #fff;line-height: 23px;text-align:left;word-break: keep-all;padding:25px 15px 35px 15px;box-sizing: border-box;}

.main_bx .box07{width:100%; padding:25px 30px; margin-bottom:40px; background-color: #024EA6; box-sizing:border-box; box-shadow: 0 10px 20px rgba(44, 59, 106, 0.4);}
.main_bx .box07 form{display:flex; align-items:center; flex-wrap:wrap; width:100%;}

.main_bx .box07 .b7_tit{display:flex; align-items:center; padding-right:40px; margin-right:40px; border-right:1px solid rgba(255,255,255,0.18);}
.main_bx .box07 .b7_tit .b7_ico{display:inline-flex; align-items:center; margin-right:10px; color:#fff; opacity:0.8; flex-shrink:0;}
.main_bx .box07 .b7_tit .b7_ico svg{display:block; width:34px; height:34px;}
.main_bx .box07 .b7_tit strong{display:block; text-align:left; font-weight:normal; font-size: 22px;font-family: 'NotoKrM',sans-serif;color: #fff;line-height: 1.4; word-break: keep-all;}
.main_bx .box07 .b7_tit strong span{display: block;font-size: 13px;font-family:'NotoKrM',sans-serif;color: #ececec;}

.main_bx .box07 .b7_desc{flex:1; min-width:200px; text-align:left; padding-right:20px;}
.main_bx .box07 .b7_desc p{margin:0; word-break:keep-all;}
.main_bx .box07 .b7_desc_main{font-size:16px; line-height:1.5; font-family:'NotoKrM',sans-serif; color:#fff;}
.main_bx .box07 .b7_desc p.b7_desc_sub{margin-top:6px; font-size:14px; font-family:'NotoKrR',sans-serif; color:rgba(255,255,255,0.65);}

.main_bx .box07 .b7_form{display:flex; align-items:center; flex-shrink:0;}
.main_bx .box07 .treat_tel {display:inline-block;height: 48px;width:180px; margin-right:10px; border: none;color: #000;font-size: 16px;font-family:'Roboto','NotoKrM',sans-serif;font-weight:400;background-color: #ffffff;box-sizing:border-box;text-align:center;cursor: text;}
.main_bx .box07 input:focus::-webkit-input-placeholder {color:transparent; }
.main_bx .box07 input.treat_reser{width:110px;height:48px; padding:0; line-height: 48px;font-size:15px; color:#fff;font-family:'NotoKrB',sans-serif; border:none; background-color:#4a7dff; box-sizing:border-box; vertical-align:middle;}


/*바로가기*/
.main_bx .quick_link{width:100%; box-sizing:border-box; margin-bottom:30px;}
.main_bx .quick_link ul{display:flex; width:100%;}
.main_bx .quick_link ul li{flex:1; text-align:center;}
.main_bx .quick_link ul li a{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:15px 0; box-sizing:border-box;}
.main_bx .quick_link ul li .ico{display:flex; align-items:center; justify-content:center; width:70px; height:70px; margin:0 auto 15px; border-radius:50%; border:1.5px solid currentColor; box-sizing:border-box; background-repeat:no-repeat; background-position:center center; background-size:36px auto; color:#333; transition:background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;}
.main_bx .quick_link ul li .ico svg{display:block; width:32px; height:32px;}
.main_bx .quick_link ul li.ql01 .ico{color:#fff; background-color:#3cb2f7; border-color:#3cb2f7;}
.main_bx .quick_link ul li.ql02 .ico{color:#fff; background-color:#0085d2; border-color:#0085d2;}
.main_bx .quick_link ul li.ql03 .ico{color:#fff; background-color:#2261ab; border-color:#2261ab;}
.main_bx .quick_link ul li.ql04 .ico{color:#fff; background-color:#15a293; border-color:#15a293;}
.main_bx .quick_link ul li.ql05 .ico{color:#fff; background-color:#687281; border-color:#687281;}
.main_bx .quick_link ul li.ql06 .ico{color:#fff; background-color:#91bf34; border-color:#91bf34;}
.main_bx .quick_link ul li .txt{display:block; font-size:16px; font-family:'NotoKrM',sans-serif; color:#333; line-height:140%; word-break:keep-all; transition:color 0.25s ease;}

/*안내카드 (마크업은 완성, 실데이터 연동은 개발자가 진행)*/
.main_bx .info_card{display:flex; flex-direction:column; width:260px; height:100%; padding:20px; box-sizing:border-box; border:1px solid #e5e5e5; border-radius:8px; color:inherit; text-decoration:none; transition:border-color 0.2s ease, box-shadow 0.2s ease;}
.main_bx .info_card .ic_top{display:flex; align-items:center; margin-bottom:20px;}
.main_bx .info_card .ic_ico{display:flex; align-items:center; justify-content:center; width:32px; height:32px; margin-right:8px; color:#2c3b6a; flex-shrink:0;}
.main_bx .info_card .ic_ico svg{display:block; width:24px; height:24px;}
.main_bx .info_card strong{font-size:18px; font-family:'NotoKrB',sans-serif; color:#222; letter-spacing:-0.02rem;}
.main_bx .info_card .ic_desc{font-size:14px; font-family:'NotoKrR',sans-serif; color:#777; line-height:150%; word-break:keep-all;}
.main_bx .info_card .ic_more{display:inline-flex; align-items:center; margin-top:auto; padding-top:15px; font-size:13px; font-family:'NotoKrM',sans-serif; color:#2c3b6a; text-decoration:none;}
.main_bx .info_card .ic_more::after{content:"→"; display:inline-block; margin-left:6px; transition:transform 0.2s ease;}
.main_bx .info_card .ic_more_txt{position:relative;}
.main_bx .info_card .ic_more_txt::after{content:""; position:absolute; left:0; bottom:-2px; width:0; height:1px; background-color:currentColor; transition:width 0.3s ease;}

.main_bx .info_card.ic_location strong,
.main_bx .info_card.ic_precaution strong{color:#2c3b6a;}
.main_bx .info_card.ic_location,
.main_bx .info_card.ic_precaution{position:relative; background:#f5f9ff; border-color:#d8e4f6;}
.main_bx .info_card.ic_location .ic_deco,
.main_bx .info_card.ic_precaution .ic_deco{position:absolute; right:0; bottom:0; pointer-events:none;}
.main_bx .info_card.ic_location .ic_deco img,
.main_bx .info_card.ic_precaution .ic_deco img{display:block; width:90px;}

.main_bx .info_card.info_card_notice .ic_top{position:relative;}
.main_bx .info_card .ic_more_link{margin-left:auto; font-size:13px; font-family:'NotoKrM',sans-serif; color:#999;}
.main_bx .info_card .ic_more_link .plus{display:inline-block; margin-left:6px; transition:transform 0.4s ease;}
.main_bx .info_card .notice_sample{list-style:none; margin:0; padding:0;}
.main_bx .info_card .notice_sample li{display:flex; align-items:center; padding:10px 0; border-top:1px solid #f0f0f0;}
.main_bx .info_card .notice_sample li:first-child{border-top:0;}
.main_bx .info_card .notice_sample .dot{flex-shrink:0; width:5px; height:5px; margin-right:10px; background-color:#2c3b6a; border-radius:50%;}
.main_bx .info_card .notice_sample a{flex:1; min-width:0; font-size:14px; font-family:'NotoKrR',sans-serif; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.02rem;}
.main_bx .info_card .notice_sample .date{flex-shrink:0; margin-left:8px; font-size:12px; font-family:'Roboto',sans-serif; color:#999;}


/*메인박스 이미지*/
.main_bx .bx1 .gobtn .gobtn_box ul li.box01{background-image:url(/nanum/site/builder/main/main03_01/img/icon_gobtn01.png);background-color: #3cb2f7;}
.main_bx .bx1 .gobtn .gobtn_box ul li.box02{background-image:url(/nanum/site/builder/main/main03_01/img/icon_gobtn02.png);background-color: #0085d2;}
.main_bx .bx1 .gobtn .gobtn_box ul li.box03{background-image:url(/nanum/site/builder/main/main03_01/img/icon_gobtn03.png);background-color: #2261ab;}
.main_bx .bx1 .gobtn .gobtn_box ul li.box04{background-image:url(/nanum/site/builder/main/main03_01/img/icon_gobtn04.png);background-color: #15a293;}
.main_bx .bx1 .gobtn .gobtn_box ul li.box05{background-image:url(/nanum/site/builder/main/main03_01/img/icon_gobtn05.png);background-color: #687281;}
.main_bx .bx1 .gobtn .gobtn_box ul li.box06{background-image:url(/nanum/site/builder/main/main03_01/img/icon_gobtn06.png);background-color: #454a63;}
.main_bx .bx1 .gobtn .gobtn_box ul li.box08{background-image:url(/nanum/site/builder/main/main03_01/img/icon_gobtn08.png);background-color: #91bf34;}


/* 공지사항 */
#notice{position:relative;display: block;width: 25%;height: auto;background:#37404f;box-sizing:border-box;padding:20px 15px;z-index: 1;}
#notice .notice_list li{border-top:1px solid rgba(255,255,255,0.15);}
#notice .notice_list li:first-child{border-top:0;}
#notice .notice_list li a{display:block;position:relative;width:100%;padding:10px 0;box-sizing:border-box;}
#notice .notice_list li a span.ntit{display:block;font-size:14px;font-family:'NotoKrM',sans-serif;color:#fff;line-height:150%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-0.075em;}
#notice .notice_list li a span.date{display:block;margin-top:4px;font-size:12px;font-family:'Roboto',sans-serif;color:rgba(255,255,255,0.7);letter-spacing:0;}


/*팝업존*/
.main_bx .bx1 .popup_placeholder{width:275px; height:302px; box-sizing:border-box; overflow:hidden; margin-left:auto; flex-shrink:0;}
.main_bx .bx1 .popup_placeholder img{display:block; object-fit:cover;}
.main_bx .bx1 .popup_placeholder .pop_swiper2{position:relative; width:100%; height:100%;}
.popupzone .control {display:inline-block;position:absolute;top: 25px;right: 20px;}
.popupzone .control .swiper-pagination {position:relative;display:inline-block;vertical-align: middle;}
.popupzone .control .swiper-pagination-clickable .swiper-pagination-bullet {display:inline-block;width:20px;height: 5px;margin: 0 2px;vertical-align: middle;border-radius:10px;background:rgba(55,64,79,1);}
.popupzone .control .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {width:10px;height:10px;margin: 0 5px;background:#37404f;}
.swiper-button-pause,
.swiper-button-play {position:relative; z-index:5;display:inline-block; }
.swiper_stop,
.swiper_play a{font-size:0;vertical-align: middle;}
.popupzone .control .swiper-button-pause.swiper_stop,
.popupzone .control .swiper-button-pause.swiper_stop2 {width: 6px;height:10px;margin-left: 5px;background:url(/nanum/site/builder/main/main03_01/img/pop_stop.png) no-repeat 0 0;cursor:pointer;font-size:0;vertical-align:middle;}
.popupzone .control .swiper-button-play.swiper_play,
.popupzone .control .swiper-button-play.swiper_play2 {display:none;width: 6px;height: 10px;vertical-align: middle;margin-left:5px;background:url(/nanum/site/builder/main/main03_01/img/pop_play.png) no-repeat 0 0;cursor:pointer;font-size:0;}
.swiper-slide{width:275px;height:100%;}
.swiper-slide img{max-width:540px; width:100%;}
.popupzone .page_skip{display:none;}


/*배너존*/
#mbanner{padding:10px 0;border-top:1px solid #d9d9d9;}
#mbanner .wsize{display:inline-block;}
#mbanner .banner_cont{overflow:hidden;position:relative;float:right;width: 990px;}
#mbanner .banner_cont .banner_swiper .banner_slide{display:inline-block;height:50px;}
#mbanner .banner_cont .banner_swiper .banner_slide a{display:block;}
#mbanner .banner_cont .banner_swiper .banner_slide img{width:160px;height:50px;}
#mbanner .ban_control{display:inline-block;float: left;font-size:0;margin: 10px 0 0 1px;}
#mbanner .ban_control li{float:left;}
#mbanner .ban_control li a{display:inline-block;width:27px;height:28px;margin-left:-1px;border:1px solid #a5a5a5;}


/* 첫진료예약시팝업_본원건강증진센터공통 */
.first_rsv_pop{position:fixed;top:50%;left:50%;width:500px;height:500px;margin:-250px 0 0 -250px;z-index:40;}
.first_rsv_pop .cont{position:relative;height:100%;padding:80px 20px 20px 20px;background:#fff;text-align:center;z-index:200;box-sizing:border-box;}
.first_rsv_pop .cont .pop_cls{position:absolute;top:25px;right:20px;width:30px;height:30px;background:none;border:0;text-indent:-9999px;cursor:pointer;}
.first_rsv_pop .cont .pop_cls::after{content:'';position:absolute;top:0;left:0;width:30px;height:30px;background:url(/nanum/site/builder/skin/common/img/btn_pop_cls.png) no-repeat;background-size:cover;}
.first_rsv_pop .cont .agree_box{overflow-y:scroll;height:250px;padding:20px;border:1px solid #e5e5e5;background:#f9f9f9;box-sizing:border-box;font-size:14px;line-height:1.4;text-align:left;}
.first_rsv_pop .cont .agree_box p.txt{color:#000;}
.first_rsv_pop .cont .agree_box dl:nth-child(n+2){margin-top:10px;}
.first_rsv_pop .cont .agree_box dt{margin-bottom:5px;font-family:'NotoKrB';}
.first_rsv_pop .cont .agree_box dd{color:#555;}
.first_rsv_pop .cont .agree_chk{display:flex;justify-content:center;align-items:center;padding:15px 0;border:1px solid #e5e5e5;border-top:0;}
.first_rsv_pop .cont .agree_chk label{margin-left:5px;font-family:'NotoKrB';color:#000;font-size:14px;cursor:pointer;}
.first_rsv_pop .cont .btn_first_rsv{display:inline-flex !important;justify-content:center;width:100%;margin-top:30px;padding:15px 30px !important;background:#2763ba;font-family:'NotoKrB' !important;font-size:15px !important;color:#fff;box-sizing:border-box;}


/*호버효과 - PC 전용*/
@media all and (min-width:1025px){
#mvisual .mvisual_btn .btn:hover{opacity:1;}
/*.main_bx .box07 input.treat_reser:hover{background-color:#4a7dff;}*/
.main_bx .quick_link ul li a:hover .ico{transform:translateY(-8px);}
.main_bx .quick_link ul li a:hover .txt{color:#000; font-family:'NotoKrB',sans-serif; text-decoration:underline; text-underline-offset:5px;}
.main_bx a.info_card:hover{border-color:#2c3b6a; box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.main_bx a.info_card:hover .ic_more_txt::after{width:100%;}
.main_bx a.info_card:hover .ic_more::after{transform:translateX(4px);}
.main_bx .info_card .ic_more_link:hover .plus{transform:rotate(180deg);}
}


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


/***** 메인비주얼영역 *****/
#mvisual .main_swiper .swiper-slide .mimg_slide{width:100%;}

#container{min-width:auto;}

/*메인박스*/
.main_bx{margin-top: 0;}
.main_bx .box07 .b7_tit{width:100%; order:1; padding:0; margin:0; margin-bottom:12px; padding-bottom:12px; border:0; border-bottom:1px solid rgba(255,255,255,0.18);}
.main_bx .box07{position:relative; margin-bottom:0;}
.main_bx .box07 .b7_form{position:absolute; right:30px; top:50%; transform:translateY(-50%); flex-direction:column; align-items:flex-end; margin-left:0;}
.main_bx .box07 .treat_tel{width:180px; margin-right:0; margin-bottom:5px;}
.main_bx .box07 .b7_desc{flex:0 0 100%; width:100%; order:2; padding-right:190px;}
.main_bx .box07 input.treat_reser{width:180px;}
.main_bx .box07 .b7_tit strong br{display:none;}
.main_bx .box07 .b7_tit strong span{display:inline; margin-left:6px;}
.main_bx .box07 .b7_desc_main{font-size:15px;}
.main_bx .quick_link{margin:20px 0;}

/*팝업존 한 줄(가운데), 검진예약/문의+업무시간 한 줄(반반)*/
.main_bx .bx1 .gobtn{flex-direction:column; align-items:center;}
.main_bx .bx1 .popupzone{flex:none;}
.main_bx .bx1 .order_box{display:flex; gap:20px; width:100%;}
.main_bx .bx1 .order_box .ob_item{flex:1; width:auto;}

/*팝업존 2개 - 바로가기 밑으로 나란히, 반반 분할 (6분할 grid)*/
.main_bx .bx1{padding:0 20px; box-sizing:border-box; width:100%; position:relative;}
.main_bx .bx1 .gobtn::before{content:""; position:absolute; left:-20px; right:-20px; top:0; height:350px; background:#f5f5f5; z-index:-1;}
.main_bx .bx1 .order_box .ob_item{min-width:0; box-sizing:border-box;}
.main_bx .bx1 .info_card_wrap{flex-wrap:wrap; height:auto;}
.main_bx .bx1 .info_card_wrap .info_card:nth-child(1),
.main_bx .bx1 .info_card_wrap .info_card:nth-child(2){flex:1; width:auto; min-width:0; height:180px;}
.main_bx .bx1 .info_card_wrap .info_card:nth-child(3){flex:0 0 100%; width:100%;}
#mbanner{padding:10px 20px; box-sizing:border-box;}


/*공지사항*/
.main_bx .bx1 .gobtn .gobtn_box{max-width:none;}


/*팝업존*/
.popupzone{height:auto;text-align: center;background:#efefef;}
.popupzone .swiper-slide img {height:auto;}
.popupzone .page_skip{display:block;}
.popupzone .page_skip .swiper-button-next,
.popupzone .page_skip .swiper-button-prev{width: 60px;height: 60px;background-repeat:no-repeat;background-position:0 0;background-size: contain;}
.popupzone .page_skip .swiper-button-next{right: 0;background-image:url(/nanum/site/builder/main/main03_01/img/popzone_btn202.png);}
.popupzone .page_skip .swiper-button-prev{left:0;background-image:url(/nanum/site/builder/main/main03_01/img/popzone_btn201.png);}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}



/*배너존*/
#mbanner .banner_cont{width:85%;}
#mbanner .ban_control{width:auto;}

/* 첫진료예약시팝업_본원건강증진센터공통 */
.first_rsv_pop{top:25vh;left:0;width:100%;height:auto;margin:0;padding:10px;box-sizing:border-box;}
.first_rsv_pop .cont{padding:60px 10px 10px 10px;}
.first_rsv_pop .cont .pop_cls{top:18px;right:10px;width:24px;height:24px;}
.first_rsv_pop .cont .pop_cls::after{width:24px;height:24px;}
.first_rsv_pop .cont .btn_first_rsv{margin-top:20px;padding:10px 0;font-size:14px;}

/*빠른예약동의(레이어팝업)*/
.mmimg_w {width:90%; top:0px; left:0; margin-left:0; height:auto; padding-bottom:30px;}
.mmimg_w .mmmcon {height:auto;}
.mmimg_w .pop_list li {font-size:13px;}
.mmimg_w .pop_con_btn {width:100%; font-size:14px;}

}

/******************************767******************************/
@media all and (max-width:767px){

.main_bx{margin-bottom:40px;}

/***** 메인비주얼영역 *****/
#mvisual{height:300px;}
#mvisual .main_swiper .swiper-slide.bg01,
#mvisual .main_swiper .swiper-slide.bg02,
#mvisual .main_swiper .swiper-slide.bg03{background-size:auto 300px;}
#mvisual .main_swiper .swiper-slide .text{margin-top:120px;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:17px;margin:0;}
#mvisual .main_swiper .swiper-slide .text .txt2{padding:0;font-size:30px;}
#mvisual .main_swiper .contol{bottom:30px;}

/*bx1 모바일 1단 스택*/
.main_bx .bx1{gap:15px; padding:0 15px;}
.main_bx .bx1 .gobtn{gap:15px;}
.main_bx .bx1 .order_box{gap:15px;}
.main_bx .bx1 .info_card_wrap{gap:15px;}
.main_bx .bx1 .order_box .ob_item,
.main_bx .bx1 .info_card{width:100%;}
.main_bx .bx1 .popupzone{grid-column: 1; grid-row: 1; margin-left:auto; margin-right:auto; margin-bottom:0;}
.main_bx .bx1 .popup_placeholder{grid-column: 1; grid-row: 2; margin-left:auto; margin-right:auto; margin-bottom:0;}
.main_bx .quick_link ul li a{padding:12px 0;}
.main_bx .info_card.ic_location .ic_ico,
.main_bx .info_card.ic_precaution .ic_ico{width:28px; height:28px; margin-right:5px;}
.main_bx .bx1 .order_box .ob_item .ob_tit .dt_ico{width:28px; height:28px; margin-right:5px;}
.main_bx .bx1 .order_box .ob_item .ob_deco svg{width:80px; height:80px;}
.main_bx .info_card.ic_location .ic_deco img,
.main_bx .info_card.ic_precaution .ic_deco img{width:80px;}

/*문의 업무시간*/
.main_bx .bx1 .order_box .ob_item .ob_tit{font-size:16px; margin-bottom:7px;}
.main_bx .bx1 .order_box .ob_item .ob_body dl{padding:5px 0;}
.main_bx .bx1 .order_box .ob_item .ob_body dt{font-size:14px;}
.main_bx .bx1 .order_box .ob_item .ob_body dd{font-size:13px;}
.main_bx .info_card.ic_location,
.main_bx .info_card.ic_precaution{min-height:170px;}
.main_bx .info_card strong{font-size:16px;}
.main_bx .info_card .ic_desc{font-size:13px;}
.main_bx .info_card .ic_top{margin-bottom:10px;}
.main_bx .info_card .ic_more{font-size:12px;}
.main_bx .info_card .notice_sample a{font-size:13px;}
.main_bx .info_card .notice_sample .date{font-size:11px;}
.main_bx .info_card .ic_more_link{font-size:12px;}
.main_bx .bx1 .order_box .ob_item .ob_body{font-size:13px;}

/*바로가기버튼*/
.main_bx .bx1{height:auto;}
.main_bx .bx1 .gobtn .gobtn_box{flex-wrap:wrap;}
.main_bx .bx1 .gobtn .gobtn_box ul{width:100%;}
.main_bx .bx1 .gobtn .gobtn_box ul li{width:50%;height: auto; padding:0;border-right:0;background-position: center 10px;background-size: 40px auto;}
.main_bx .bx1 .gobtn .gobtn_box ul li a{padding:55px 15px 15px 15px; text-align:center; font-size:15px;}
.main_bx .box07 form{display:block;}
.main_bx .box07 .b7_tit{padding-right:0; margin-right:0; margin-bottom:12px; border-right:0; border-bottom:1px solid rgba(255,255,255,0.18); padding-bottom:12px;}
.main_bx .box07 .b7_desc{padding-right:0; margin-bottom:20px;}
.main_bx .box07 .b7_form{position:static; right:auto; top:auto; transform:none; flex-direction:row; align-items:center;}
.main_bx .box07 input.treat_reser{width:100px; font-size:14px;}
.main_bx .box07 .treat_tel{width:100%; margin-bottom:0;}
.main_bx .box07 .b7_desc_main{font-size:14px;}
.main_bx .box07 .b7_desc p.b7_desc_sub{font-size:12px;}

.main_bx .box07 .b7_tit strong{font-size:18px;}
.main_bx .bx1 .gobtn .gobtn_box ul li a span, .main_bx .box07 .b7_tit strong span{margin-top:0; font-size:13px;}

.main_bx .bx1 .gobtn .gobtn_box ul li a br{display:none;}

.main_bx .quick_link ul{flex-wrap:wrap;}
.main_bx .quick_link ul li{flex:0 0 33.333%;}
.main_bx .quick_link ul li .ico{width:60px; height:60px; margin-bottom:10px;}
.main_bx .quick_link ul li .ico svg{width:30px; height:30px;}
.main_bx .box07{padding:20px;}
.main_bx .quick_link ul li .txt{font-size:13px;}

/*배너존*/
#mbanner{display:none;}

}


/******************************640******************************/
@media all and (max-width:640px){


/***** 메인비주얼영역 *****/


}


/******************************580******************************/
@media all and (max-width:580px){

.main_bx .bx1 .gobtn::before{background:none;}

}


/******************************480******************************/
@media all and (max-width:480px){


/***** 메인비주얼영역 *****/
#mvisual{height:200px;}
#mvisual .main_swiper .swiper-slide.bg01,
#mvisual .main_swiper .swiper-slide.bg02,
#mvisual .main_swiper .swiper-slide.bg03{background-size:auto 200px;}
#mvisual .main_swiper .swiper-slide .text{margin-top:70px;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:14px;margin:0;}
#mvisual .main_swiper .swiper-slide .text .txt2{font-size:20px;    line-height: 33px;}
#mvisual .main_swiper .contol{bottom:15px;}

/*검진예약/업무시간 한 줄씩*/
.main_bx .bx1 .order_box{flex-direction:column;}
.main_bx .bx1 .order_box .ob_item{width:100%;}
.main_bx .bx1 .order_box .ob_item:nth-child(1) .ob_deco{display:block;}
.main_bx .bx1 .order_box .ob_item .ob_deco svg{width:50px; height:50px;}
.main_bx .info_card .ic_desc{display:none;}
.main_bx .bx1 .info_card_wrap .info_card:nth-child(1),
.main_bx .bx1 .info_card_wrap .info_card:nth-child(2){height:auto;}
.main_bx .info_card.ic_location,
.main_bx .info_card.ic_precaution{min-height:100px;}
.main_bx .info_card{padding:15px;}
.main_bx .bx1 .order_box .ob_item{padding:15px;}
.main_bx .info_card.ic_location .ic_deco img,
.main_bx .info_card.ic_precaution .ic_deco img{width:55px;}


}


/******************************380******************************/
@media all and (max-width:380px){

/***** 메인비주얼영역 *****/
#mvisual .main_swiper .swiper-slide .text{margin-top:70px;}
#mvisual .main_swiper .swiper-slide .text .txt1{font-size:12px;margin:0;}
#mvisual .main_swiper .swiper-slide .text .txt2{font-size:17px; line-height: 20px;}




}