@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');


.doc{font-size: 17px;}
.wrap,
.box1{ width:1300px;max-width: 96%; margin:0 auto; position:relative }
.box2{ width:1700px;max-width: 96%; margin:0 auto; position:relative }
.box3{ width:1240px;max-width: 96%; margin:0 auto; position:relative }
.box0{padding:0 50px; margin:0 auto;} 

:root{ 
	--mainColor:#113f9d;
	--subColor: #163f87;
	--fs_01: 'Pretendard';
	--bor_r:3px;
	
}

/*hedaer*/
#header{height:100px;}
#header .h_wrap{height:100px;}
#header .h_logo{z-index:10000;}
#header .h_logo .logo_01{display:inline-block;}
#header .h_logo .logo_02{display: none;}
#header .gnb .depth1 > a {font-size: 1.125em; color:#111;}
/*#header .all_btn{width:30px; height: 30px; position: relative; z-index: 10000; cursor: pointer;}
#header .all_btn span{display:block; width:5px; height: 5px; border-radius: 50%; background-color: #aaa; transition: .3s;}
#header .all_btn span:nth-child(1){position:absolute; top: 0; left: 0;}
#header .all_btn span:nth-child(2){position:absolute; top: 0; left: 50%; transform: translateX(-50%);}
#header .all_btn span:nth-child(3){position:absolute; top: 0; right: 0;}
#header .all_btn span:nth-child(4){position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
#header .all_btn span:nth-child(5){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn span:nth-child(6){position:absolute; top: 50%; right: 0; transform:translateY(-50%);}
#header .all_btn span:nth-child(7){position:absolute; bottom: 0; left: 0;}
#header .all_btn span:nth-child(8){position:absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#header .all_btn span:nth-child(9){position:absolute; bottom: 0; right: 0;}
#header .all_btn.a_on span:nth-child(1),
#header .all_btn.a_on span:nth-child(3),
#header .all_btn.a_on span:nth-child(5),
#header .all_btn.a_on span:nth-child(7),
#header .all_btn.a_on span:nth-child(9){background: var(--subColor)!important; z-index: 10;}
#header .all_btn.a_on span:nth-child(2){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn.a_on span:nth-child(4){position:absolute; left: 50%; transform:translate(-50%, -50%);}
#header .all_btn.a_on span:nth-child(6){position:absolute; right: 50%; transform:translate(50%, -50%);}
#header .all_btn.a_on span:nth-child(8){background: #aaa;position:absolute; bottom: 50%; transform:translate(-50%, 50%);}
#header .all_btn:hover span:nth-child(2),
#header .all_btn:hover span:nth-child(4),
#header .all_btn:hover span:nth-child(6),
#header .all_btn:hover span:nth-child(8){ background-color: var(--subColor)!important;}*/

#header .all_btn{width: 50px; height: 50px; line-height: 50px; background: #fff; border: 1px solid #ddd; border-radius: 50%; align-content: center; z-index: 100000;}
#header .all_btn .bar_i{width:20px; height: 2px; background:#1c3f87; margin:4px 0; display: block; transition:.3s;}
#header .all_btn .bar_i.n_02{width:14px; margin-left:auto;}
#header .all_btn:hover .bar_i.n_02{width:20px;}
#header .all_btn.a_on{border:1px solid #ddd!important;}
#header .all_btn.a_on .bar_i.n_02{display: none;}
#header .all_btn.a_on .bar_i{margin: -2px 0;}
#header .all_btn.a_on .bar_i:nth-child(1){transform: rotate(45deg)}
#header .all_btn.a_on .bar_i:nth-child(3){transform: rotate(-45deg)}

#header .all_btn.btn_gnb.on{background: transparent; border: 0;}
#header .all_btn.btn_gnb.on .bar_i.n_02{display: none;}
#header .all_btn.btn_gnb.on .bar_i{margin: -2px 0;}
#header .all_btn.btn_gnb.on .bar_i:nth-child(1){transform: rotate(45deg)}
#header .all_btn.btn_gnb.on .bar_i:nth-child(3){transform: rotate(-45deg)}


.pc_all #header .h_logo .logo_01{display:inline-block!important;}
.pc_all #header .h_logo .logo_02{display:none!important;}
#header.co_st{border-bottom:1px solid rgba(255,255,255,.15);}
#header.co_st .all_btn{border: 1px solid #fff;}
#header.co_st .gnb .depth1 > a{color:#fff;}
#header.co_st .h_logo .logo_01{display:none;}
#header.co_st .h_logo .logo_02{display:inline-block;}
.pc_all_menu .fl_wrap.dp2_menu{display: none;}


.sub #header .gnb .depth1 > a{color: #fff;}
.sub #header .h_logo .logo_01{display: none;}
.sub #header .h_logo .logo_02{display: inline-block;}
.sub.scroll #header{background: rgba(255,255,255,1);}
.sub.scroll #header .gnb .depth1 > a{color: #111;}
.sub.scroll #header .h_logo .logo_01{display: inline-block;}
.sub.scroll #header .h_logo .logo_02{display: none;}

/* top btn */
/*.qk_right{ position: fixed; right:10px; bottom:.5em; z-index: 999; font-size: 16px;}    
.qk_right > li{ margin-bottom: 8px;}
.qk_right > li .qk_btn{ display: block; width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 50%; font-size: 1.625em; color: #fff; background: #fe8421; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); box-sizing: border-box; transition: .3s;}
.qk_right > li .qk_btn.inq{ font-size:1.375em; background-color:#d9a14c;}
.qk_right > li .qk_btn.kakao{background-color: #ffcf3d; color: #512929;}
.qk_right > li .qk_btn.ntt{background-color: #3bb51c; color: #fff;}
.qk_right > li .qk_btn.call{ background-color:#3a2987;}
.qk_right > li .qk_btn.ins{ background:linear-gradient(120deg, #574dc0, #b23086, #f09336);}
.qk_right > li .qk_btn.yout{ background-color:#e72d2d;}
.qk_right > li .qk_btn.call{ background-color:#3a2987;}
.qk_right > li .qk_btn.top_go{background-color: #333; color: #fff;}
.qk_right > li .qk_btn .xi{ line-height:  46px;}
.main .qk_right > li .qk_btn.top_go.main_st{display: block;}
.sub .qk_right > li .qk_btn.top_go.main_st{display: none;}
.sub .qk_right > li .qk_btn.top_go.sub_st{display: block;}
.main .qk_right > li .qk_btn.top_go.sub_st{display: none;}*/

.qk_list{position: fixed; bottom:20px; right: 15px;z-index: 100;font-size: 16px; }
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 52px; height: 52px; line-height: 52px; text-align: center;  border-radius: 20px; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s;}
.qk_list li .qk_icon{width: 52px; height: 52px; line-height: 52px; text-align:center;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}
.qk_list li .qk_btn:hover{width:230px;}
.qk_list li .qk_kakao{background-color: #faea00; color:#111;}
.qk_list li .qk_ntt{background-color: #3bb51c; color: #fff;}
.qk_list li .qk_ins{background: linear-gradient(120deg, #574dc0, #b23086, #f09336); color: #fff;}
.qk_list li .qk_yout{ background-color:#e72d2d;}
.qk_list li .qk_btn .xi{font-size:1.2em;}

.main .qk_list > li .qk_top.top_go.main_st{display: block;}
.sub .qk_list > li .qk_top.top_go.main_st{display: none;}
.sub .qk_list > li .qk_top.top_go.sub_st{display: block;}
.main .qk_list > li .qk_top.top_go.sub_st{display: none;}
 



/*footer*/
.main #pt_footer{margin-top:0;}
#pt_footer{margin-top:10em; padding: 80px 0 0; background-color: #111; font-size:16px; font-family: var(--fs_01);}
#pt_footer .f_logo{width:170px; opacity: .6;}
#pt_footer .f_info{width:calc(100% - 170px);}
#pt_footer .f_info > li{width:33.33%;}
#pt_footer .f_info > li .in{margin-left:50px;}
#pt_footer .f_info > li .in .f_stt{font-size:1.068em; font-weight: 600; opacity: .8; color:#fff; padding-bottom:20px; margin-bottom:25px; border-bottom:1px solid rgba(255,255,255,.3);}
#pt_footer .f_info > li .in .f_tx{font-size:.938em; font-weight: 300; opacity: .6; color:#fff; line-height: 1.6; letter-spacing: 0px;}
#pt_footer .f_info > li .in .f_tx .mr_st{display:block; margin-left:33px;}
#pt_footer .f_info > li .in .f_tx p .on{margin-right: 40px; position: relative;}
#pt_footer .f_info > li .in .f_tx p .on:before{content:''; display: block; width: 2px; height: 14px; background: rgba(255,255,255,.6); position: absolute; top: 2px; right: -23px;}
#pt_footer .f_info > li .in .sns_list > li .xi{width: 46px; height: 46px; line-height: 46px; border-radius: 50%; background: #666; color: #bbb; text-align: center; font-size: 1.25em; margin-bottom: 5px;}
#pt_footer .f_info > li .in .sns_list > li{width: 25%; text-align: center}
#pt_footer .f_info > li .in .sns_list > li a p{font-size:.75em; color:#ddd; line-height: 1.4;}
#pt_footer .copyright{border-top:1px solid rgba(255,255,255,.1); color:#696969; text-align: center; padding:19px 0; font-size:.8125em; text-transform: uppercase; margin-top:50px;}



/* main - nav */
.mainNav_wrap{ position: fixed; top: 50%; left: 1em; transform: translateY(-50%); z-index: 999; font-size:16px; font-family: 'Pretendard';}
.mainNav_wrap .mainNav{}
.mainNav_wrap .mainNav li{ margin-bottom:70px;}
.mainNav_wrap .mainNav li:last-child{ margin-bottom:0}
.mainNav_wrap .mainNav li .bar{width:8px; height: 1px; background-color: rgba(255,255,255,.8); margin-right:13px; transition: .3s;}
.mainNav_wrap .mainNav li .tx{color:rgba(255,255,255,.8); font-weight: 300; position: relative; }
.mainNav_wrap .mainNav li:hover .tx{color:#fff;}
.mainNav_wrap .mainNav li.on .tx{ color:#fff;}
.mainNav_wrap .mainNav li.on .bar{width:20px; background-color:#fff;}

.mainNav_wrap .mainNav.hide li .tx{color:#888;}
.mainNav_wrap .mainNav.hide li .bar{background-color:#aaa;}
.mainNav_wrap .mainNav.hide li:hover .tx{color:#555;}


/* index */
#fullpage{overflow: hidden;}
#fullpage .mainSlider{ position:relative}
#fullpage .mainSlider .el{height:100vh; position:relative; overflow:hidden}
#fullpage .mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2,1.2); transition-delay:1s}
#fullpage .mainSlider .slogan{ position:absolute; top:48%; left:50%; transform: translate(-50%, -50%); color:#fff; text-align:left; width:100%; }
#fullpage .mainSlider .slogan .t1{ font-size: 1em; display:block; transform:translateY(1em); font-weight: 300; opacity:0; margin-bottom: 40px; line-height: 1.1; letter-spacing: 2px; text-transform: uppercase;}
#fullpage .mainSlider .slogan .t2{ font-size: 3.875em; display:block; transform:translateY(1em); font-weight: 400; opacity:0; line-height: 1.3;}
#fullpage .mainSlider .slogan .t3{ font-size:1.25em; font-weight: 400; transform:translateY(1em); opacity:0; line-height: 1.7; margin-top: 40px;}
#fullpage .mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
#fullpage .mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s; }
#fullpage .mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s; }
#fullpage .mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
#fullpage .mainSlider .el.swiper-slide-active .slogan .main_btn{ transform:translateY(0); opacity:1;}
#fullpage .mainSlider .slogan .main_btn{width: 196px; height: 56px; line-height: 56px; padding: 0 25px; font-size: 1em; font-weight: 400; color: #fff; text-transform:uppercase; border: 1px solid #fff; border-radius: 30px; margin-top: 70px; opacity: 0; transform:translateY(1em);}  
#fullpage .mainSlider .slogan .main_btn .line{display: inline-block; width: 40px; height: 1px; background: #fff; margin-left: 20px;} 
#fullpage .mainSlider .slogan .main_btn:hover{background-color: #fff; color: var(--mainColor);}
#fullpage .mainSlider .slogan .main_btn:hover .line{background-color:var(--mainColor);}
.mainSlider .mainSlider-pagination_box{width: 100%; border-bottom: 1px solid rgba(255,255,255,.15); position: absolute; left:50%; bottom:70px; transform: translateX(-50%); z-index: 100;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet{width:25%; height:auto; margin: 0; border-radius: 0; opacity:.5; background:transparent; font-weight: 500; color:#fff; border-bottom:3px solid rgba(255,255,255,0); padding-bottom:15px; font-size: 1.125em; font-weight: 800; margin-bottom: -2px;}
.mainSlider .mainSlider-pagination .swiper-pagination-bullet-active{border-bottom:3px solid rgba(255,255,255,1); opacity: 1;}
.scroll_wrap{position: absolute; bottom: 0; left:0; z-index: 10; font-size:16px;}
.scroll_wrap .mainSlide_scroll{ color: #444; text-align: center;font-weight: 500;font-size:0.9375em; transform: rotate(90deg); position: absolute; top: 36px; left: -30px;}
.scroll_wrap .mainSlide_scroll_bar{ width: 1px; height: 150px; background: #aaa; overflow: hidden;}
.scroll_wrap .scroll_bar {width: 100%; height: 60px; background: #333; animation: box-ani 2s linear infinite backwards;}



@keyframes box-ani { 
0% { transform: translate(0, -100%);} 
100% {transform: translate(0, 300%);}
}

.main-title{margin-bottom: 45px;}
.main-title .t1{font-size: 1em; color:var(--subColor);font-weight: 800; line-height: 1.6; text-transform:uppercase; margin-bottom: 15px; letter-spacing: 1px;}
.main-title .t2{font-size: 2.6875em; color:#111;font-weight: 400;line-height: 1.4;margin-bottom:25px}
.main-title .t3{font-size: 1.125em; color:#444;font-weight: 400;line-height: 1.6;}
.in_wrap{height:100%;}
.bor_r{border-radius:20px;}



#fullpage .center_cont {padding-top: 110px;}
#fullpage .center_cont .main-title{width: 50%; margin-top:70px;}
#fullpage .center_cont .center_box{width: 50%;}
#fullpage .center_cont .center_list > li{flex:50%; margin-bottom: 20px;}
#fullpage .center_cont .center_list.st > li{flex:25%;}
#fullpage .center_cont .center_list > li .in{text-align:center; position:relative;}
#fullpage .center_cont .center_list > li .in:before{content:''; display:block; width: 1px; height: 155px; background: #666f82; opacity: .8; position: absolute; top:50%; left:0; transform:translateY(-50%); }
#fullpage .center_cont .center_list > li .in .img_z img{transition:.3s;}
#fullpage .center_cont .center_list > li .in:hover .img_z img{ transform:scale(1.2,1.2);}
#fullpage .center_cont .center_list > li:nth-child(2) .in:after{content:''; display:block; width: 1px; height: 155px; background: #666f82; opacity: .8; position: absolute; top:50%; right:0; transform:translateY(-50%); }
#fullpage .center_cont .center_list > li:last-child .in:after{content:''; display:block; width: 1px; height: 155px; background: #666f82; opacity: .8; position: absolute; top:50%; right:0; transform:translateY(-50%); }
#fullpage .center_cont .center_list.st > li:nth-child(2) .in:after{display:none;}
#fullpage .center_cont .center_list > li .in .img_z{width: 135px; height: 135px; border-radius:50%; margin:0 auto; margin-bottom: 20px; overflow: hidden;}
#fullpage .center_cont .center_list > li .in .txt_z .ti{font-size:1em; color: #1b2a4d; opacity: .8;}
#fullpage .center_cont .center_list > li .in .txt_z .tt{font-size: 1.625em; font-weight: 700; color: #1b2a4d; margin-bottom: 10px;}
#fullpage .center_cont .center_list > li .in .txt_z .view_btn{font-size:.8125em; font-weight: 700; color: #444d61; text-align:center; opacity: .8;}

#fullpage .history_cont{background: var(--subColor);}
#fullpage .history_cont .main-title{margin-bottom: 90px;}
#fullpage .history_cont .main-title .t1{color: #fff;}
#fullpage .history_cont .main-title .t2{color: #fff;}
#fullpage .history_cont .main-title .t3{color: #fff;}
#fullpage .history_cont .his_list > li{width: 33.33%; border-left: 1px solid rgba(255,255,255,.3);}
#fullpage .history_cont .his_list > li:last-child{border-right: 1px solid rgba(255,255,255,.3);}
#fullpage .history_cont .his_list > li .in{text-align: center; color: #fff; padding: 50px 0 20px;}
#fullpage .history_cont .his_list > li .in .img_z{margin-bottom: 30px;}
#fullpage .history_cont .his_list > li .in .txt_z .ti{font-size: 3.25em; font-weight: 800; margin-bottom: 30px; line-height: 1;}
#fullpage .history_cont .his_list > li .in .txt_z .tt{font-size: 1.125em;}
#fullpage .history_cont .his_list > li .in .txt_z .tt span{font-size: .937em; display: block; opacity: .5; margin-top: 5px;}

#fullpage .doctor_cont{background: #f8f8f8; overflow: hidden;}
#fullpage .doctor_cont .main-title{margin-bottom: 80px;}
#fullpage .doctor_cont .doctor_wrap{width: 100%;}

#fullpage .medical_cont{overflow: hidden;}
#fullpage .medical_cont .medical_wrap{width: 100%;}
#fullpage .medical_cont .main-title{margin-bottom: 75px;}
#fullpage .medical_cont .main-title .t1{color: #fff;}
#fullpage .medical_cont .main-title .t2{color: #fff;}
#fullpage .medical_cont .main-title .t3{color: #fff;}
#fullpage .medical_cont .medical_slide:before{content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255,255,255,.15); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#fullpage .medical_cont .medical_wrap .medical_slide .in{margin: 0 auto; text-align: center;}

#fullpage .contact_cont .main-title{margin-bottom: 25px;}
#fullpage .contact_cont .contact_wrap{width: 100%;}
#fullpage .contact_cont .contact_wrap .con_box{position: relative;}
#fullpage .contact_cont .contact_wrap .con_box:before{content:''; display: block; position: absolute; top: 23px; left: 0; width: 100%; height: 1px; background: #153e92; opacity: .15;}
#fullpage .contact_cont .root_daum_roughmap .wrap_controllers,
#fullpage .contact_cont .root_daum_roughmap .cont .section.lst{display: none;}
#fullpage .contact_cont .info_list{margin-bottom: 30px;}
#fullpage .contact_cont .info_list > li{width: 33.33%;}
#fullpage .contact_cont .info_list > li .in{}
#fullpage .contact_cont .info_list > li .in .xi{width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 1.25em; color: #fff; background: var(--mainColor); border-radius: 50%; margin-bottom: 30px;}
#fullpage .contact_cont .info_list > li .in .ti{font-size: 1.625em; font-weight: 700; color: #1b2a4d; margin-bottom: 20px;}
#fullpage .contact_cont .info_list > li .in .tt{font-size: 1.0625em; color: #333; line-height: 1.6;}
#fullpage .contact_cont .info_list > li .in .tt .tel{font-size: 1.875em;}
#fullpage .contact_cont .info_list > li .in .tt ul{display: inline-block;font-size: .941em;}
#fullpage .contact_cont .info_list > li .in .tt ul .t1{margin-right: 40px; position: relative;}
#fullpage .contact_cont .info_list > li .in .tt ul .t1:before{content: '|'; display: block; position: absolute; top: 1px; right: -20px; }




/*sub*/
.page_tt{font-size: 1.825em;font-weight: 800; color: #333; margin-bottom:25px;} 
.page_tt .en{letter-spacing:1px; font-size:1.125em; font-weight: 500;}
.page_tt .in_tt{font-size:3.25em; font-weight: 800; color:#000;}
.page_stt{font-size:1.25em; font-weight: 800; color:#333; margin-top:20px; margin-bottom:5px;}
.page_stt2{font-size:2.375em; font-weight: 100; color:#fff; letter-spacing: 7px; line-height: 1.3;}
.page_tx{font-size:1.0625em; line-height: 1.8; margin-top: 30px; color: #333;}


.dot_list{padding: 0!important; margin: 0!important;}
.dot_list > li{line-height: 1.8; font-size: 1em; color: #222; position: relative; margin-left: 10px;}
.dot_list > li:before{content: ''; display: block; width: 3px; height: 3px; background: #bbb; border-radius: 50%; position: absolute; top: 10px; left: -10px;}
.table_st{table-layout:fixed; border-top: 2px solid var(--subcolor); margin-bottom: 10px;}
.table_st th,
.table_st td{padding: .5em .8em; border: 1px solid #ddd; text-align: center; line-height: 1.6;}
.table_st th{color:#fff; background-color:#333; font-size:1.125em; font-weight: 500;}
.table_st td{color:#333;}
.table_st .co_1{background: #f9f9f9;}
.required, textarea.required{background-image: url(/img/require.png) !important;background-repeat: no-repeat !important;background-position: right top !important;}



/* 병원소개 */
.int_wrap{position: relative; /*overflow: hidden;*/} 
.int_wrap .item .ti{font-size: 1.125em;color: #333; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; background-color: #fff; text-align: center;}
.int_wrap .slider_for  {width:100%; border-radius: 10px; overflow: hidden; border: 1px solid #ddd;}
.int_wrap .slider_for .item{}
.int_wrap .slider_for .item .img_wrap{position:relative;} 
.int_wrap .slider_for .item .img_wrap .resize{ background:#fff;;}
.int_wrap .slider_for .item .img_wrap .resize .re.va_wrap{ box-sizing: border-box;}
.int_wrap .slider_for .item .img_wrap .tt{margin-bottom:15px; display: none}
.int_wrap .slider_for .item .img_wrap img{display: inline-block!important; height: 650px; border-radius: var(--item_r);}

.int_wrap .slider_nav{overflow: hidden;margin-right: -20px;}
.int_wrap .slider_nav .slick-track{display: flex; }
.int_wrap .slider_nav .slick-track .slick-slide{width: auto!important;}
.int_wrap .slider_nav .slick-current.item .in{opacity: 1; border:3px solid var(--subColor)}
.int_wrap .slider_nav .item .in{margin-right: 20px; opacity: .5; overflow: hidden; border-radius: 10px;} 
.int_wrap .page_viewB{margin-top: 20px;}
.int_wrap .control_arrow{position: absolute;top: 45%;left: 50%;width: 100%;transform: translate(-50%, -50%);z-index: 1;}
.int_wrap .control_arrow ul::after{display: none;}  
.int_wrap .control_arrow ul li{font-size: 1.5em;color: #aaa;text-align: center; width: 60px; height: 60px; border-radius: 50%; line-height: 60px; background: #fff; box-shadow: 1px 1px 10px rgb(51, 51, 51, .1);transition: .3s;} 
.int_wrap .control_arrow ul li:hover{background: var(--mainColor); color: #fff;}
.int_wrap .control_arrow ul li.next{margin-right: -30px;}
.int_wrap .control_arrow ul li.prev{margin-left: -30px;}
.slick-list{overflow: inherit!important;}
.slick-slide img{ height: 100%;width: 100%;object-fit: cover;}
.int_wrap .page_viewWrap .slider_for .item .img_wrap .tt{font-size: 1.25em;font-weight: 700;margin: 2em 0}

/* 오시는 길 */
.loc_wrap .map_cont{ margin-top:40px; border-radius:15px; overflow: hidden;}
.loc_wrap .map_cont .root_daum_roughmap .wrap_controllers{display:none;}
.loc_wrap .map_cont .root_daum_roughmap_landing .border2{display:block;}
.loc_wrap .location_info .loc_img { width:50%; height:350px; border-radius:15px;}
.loc_wrap .location_info .loc_img .swiper-container{width:100%; height: 100%;}
.loc_wrap .location_info .info_box { width:50%; padding:1.5em 1em 1.5em 0;}
.loc_wrap .location_info .info_box .page_tt{margin-bottom:0px; display:inline-block; border-bottom:3px solid var(--subColor);}
.loc_wrap .location_info .info_box .page_tx{border-top:1px solid #ddd; padding-top:30px;}
.loc_wrap .location_info .info_box ul > li:not(:last-child){margin-bottom:13px;}
.loc_wrap .location_info .info_box ul > li .fwB{width:130px; display: inline-block;}
.loc_wrap .location_info .info_box ul > li:last-child .fwB{width: auto; margin-right: 20px;}
.loc_wrap .location_info .info_box ul > li .xi {width:40px; height: 40px; line-height: 40px; background-color: var(--subColor); color:#fff; border-radius: 50%; text-align: center; margin-right:5px;}
.root_daum_roughmap .cont .section.lst{display:none;}
.loc_bg{position:absolute; bottom:-9.4em; left:0;}




/* 센터 */
.cen_tab_box{margin-bottom: 2em; border-bottom: 1px solid #ddd}
.tab_wrap_st .tab_idx{margin:1em 0 3em -1em}
.tab_wrap_st > li{flex:1 20%; text-align: center;}
.tab_wrap_st > li a{padding: 0 1em;height: 3em; color: #666; transition: .3s; font-size:1.125em; font-weight:800; display: inline-block;}
.tab_wrap_st > li a:hover{color:var(--subColor); border-color:var(--subColor);}
.tab_wrap_st > li.on a{border-bottom:3px solid var(--subColor);color: var(--subColor);}

	
.center_wrap .center_list .list_box {padding:2em 0 3em;}
.center_wrap .center_list .list_box .text_box{flex:50%; margin-bottom: 3em; margin-top: auto;}
.center_wrap .center_list .list_box .text_box .title { margin-bottom: 15px;}
.center_wrap .center_list .list_box .text_box .title .t2 {font-size:1em; font-weight: 700; color:#fff; letter-spacing: .5px; margin:0 0 2.5em; background: var(--subColor); padding: 5px 20px; border-radius: 30px; display: inline-block;position: relative}
.center_wrap .center_list .list_box .t_img{flex:100%;}
.center_wrap .center_list .list_box .t_img .in_img{height: 350px; background-color: #aaa; border-radius: 15px;}
.center_wrap .center_list .list_box.rev .text_box{padding-left:0; padding-right: 4em;}
.center_wrap .center_list .list_box.rev .t_img .in_img{ margin-left: auto;}
.center_wrap .page_stt{margin-bottom: 10px; color: inherit; margin-top: 2em;}
.center_wrap .page_stt .xi{font-size: 1em; margin-right: 5px; color: #999;}
.center_wrap .page_stt span{font-size: .888em; color: #999;}
/*.center_wrap .cen_list{margin-right: -20px;}
.center_wrap .cen_list > li{width: 33.33%; margin-bottom: 20px;}
.center_wrap .cen_list > li .in{background: #f9f9f9; margin-right: 20px; padding: 20px;}
.center_wrap .cen_list > li .in .ti{font-size: 1.125em; font-weight: 700; color: #333;}	
.center_wrap .cen_list > li .in .img_z{width: 100px; height: 100px; margin-left: auto; border-radius: 50%; background-color: #fff; text-align: center; align-content: center;}
.center_wrap .cen_list > li .in .img_z img{filter: brightness(0); height: 60px;}*/
.center_wrap .ter_list{margin-right: -15px;}
.center_wrap .ter_list > li{width: 50%; margin-bottom: 15px;}
.center_wrap .ter_list > li .in{background: #f6f6f6; margin-right: 15px; border-radius: 50px; padding: 1em 1.5em; font-size: 1.125em;}
.center_wrap .ter_list > li .in .xi{margin-right: 8px; font-size: 1.75em; color: var(--mainColor);}
.center_wrap .txt_box{padding: 30px; background: #f9f9f9; line-height: 1.6; border-radius: 10px;}
.center_wrap .in_box{color: #fff; padding: 50px 40px; border-radius: 10px;}
.center_wrap .in_box .icon{margin-right: 40px;}
.center_wrap .in_box .txt_z .ti{margin-bottom: 10px;}

.center_wrap .num_list{margin-right: -20px;}
.center_wrap .num_list > li{width: 33.33%; margin-bottom: 20px;}
.center_wrap .num_list > li .in{height: 100%; margin-right: 20px; background: #f9f9f9; padding: 20px; text-align: center;  border-radius: 50px;}
.center_wrap .num_list > li .in .num{display:inline-block; background: var(--subColor);  font-size: .937em; font-weight: 700; text-align: center; color: #fff; line-height: 1; text-transform: uppercase; margin: 0 auto 15px; padding: 8px 10px 6px; border-radius: 30px;}
.center_wrap .num_list > li .in .ti{font-size: 1em;}
.center_wrap .cat_list{margin-top:2em;}
.center_wrap .cat_list > li{width:20%; margin-bottom:20px;}
.center_wrap .cat_list > li .in{text-align:center;}
.center_wrap .cat_list > li .in .img_z{width:180px; height:180px; margin: 0 auto; border-radius:50%; background:#ddd; margin-bottom: 10px;}
.center_wrap .cat_list > li .in .ti{font-size:1.125em; font-weight: 700; color: #333;}
.center_wrap .val_list{/*margin-right:-20px;*/ margin-top:30px; margin-bottom: 4em;}
.center_wrap .val_list > li{width:100%; margin-bottom: 20px;}
.center_wrap .val_list > li .in{height: 100%; /*margin-right:20px;*/ text-align: center;border:1px solid #ddd; border-radius: 10px; overflow: hidden;} 
.center_wrap .val_list > li .in .img_z{height:500px; width:100%; margin: 0 auto; overflow: hidden; position: relative; background: #ddd}
.center_wrap .val_list > li .in .img_z .bgfix{width:100%; height: 100%; position: absolute; top: 0; left: 0;}
.center_wrap .val_list > li .in .page_stx{margin-top:15px;}
.center_wrap .val_list > li .in .txt_z{padding: 20px;}

.center_wrap .step_list{margin-top: 2em;}
.center_wrap .step_list > li{width: 33.33%; margin-bottom: 4em;}
.center_wrap .step_list > li .in{text-align: center; position:relative;}
.center_wrap .step_list > li .in:before{content: "\e92f"; display: block; font-family: 'xeicon'; position: absolute; top: 50%; right: -20px; transform: translateY(-50%) rotate(90deg);}
.center_wrap .step_list > li:nth-child(1) .in:before{color: #88c4ff;}
.center_wrap .step_list > li:nth-child(2) .in:before{color: #6cb1f4;}
.center_wrap .step_list > li:nth-child(3) .in:before{color: #3f9cf6;}
.center_wrap .step_list > li:nth-child(4) .in:before{color: #0581f9;}
.center_wrap .step_list > li:nth-child(5) .in:before{color: #2c5bef;}
.center_wrap .step_list > li:nth-child(3n) .in:before{display: none;}
.center_wrap .step_list > li .in span{display: inline-block; font-size: .937em; font-weight: 800; color: #fff; padding: 8px 15px 5px; background: #ddd; border-radius: 30px; margin-bottom: 20px;}
.center_wrap .step_list > li:nth-child(1) .in span{background: #88c4ff;}
.center_wrap .step_list > li:nth-child(2) .in span{background: #6cb1f4;}
.center_wrap .step_list > li:nth-child(3) .in span{background: #3f9cf6;}
.center_wrap .step_list > li:nth-child(4) .in span{background: #0581f9;}
.center_wrap .step_list > li:nth-child(5) .in span{background: #2c5bef;}
.center_wrap .step_list > li:nth-child(6) .in span{background: #162f9e;}
.center_wrap .step_list > li .in .ti{font-size: 1.5em; font-weight: 800; color: #333;}


/* 특수동물센터 */
.bus_wrap .bus_list{padding-top:3em;}
.bus_wrap .bus_list .list_box {padding:3em 0;}
.bus_wrap .bus_list .list_box .text_box{flex:50%; padding-left:3em; margin-bottom: auto; margin-top: auto;}
.bus_wrap .bus_list .list_box .text_box .title { margin-bottom: 15px;}
.bus_wrap .bus_list .list_box .text_box .title .t2 {font-size:1.068em; font-weight: 300; color:#21409a; letter-spacing: .5px; margin:5px 0 15px;}
.bus_wrap .bus_list .list_box .t_img{flex:50%;}
.bus_wrap .bus_list .list_box .t_img .in_img{width:93%; height: 370px; background-color: #aaa;}
.bus_wrap .bus_list .list_box.rev .text_box{padding-left:0; padding-right: 4em;}
.bus_wrap .bus_list .list_box.rev .t_img .in_img{ margin-left: auto;}
.che_list{margin-top:20px}
.che_list > li{margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ddd;}
.che_list .xi{color:var(--subColor);}


/* 건강검진 */
.table_box{margin-bottom: 6em;}	
.table_st{table-layout:fixed; border-top: 2px solid var(--mainColor); margin-bottom: 10px;}
.table_st th,
.table_st td{padding: .5em .8em; border: 1px solid #ddd; text-align: center; line-height: 1.6;}
.table_st th{color:#222; background-color:#f9f9f9; font-size:1em; font-weight: 500;}
.table_st td{color:#333;}
.table_st .co_1{background: #f9f9f9;}
.table_st .co_2{background: var(--mainColor); color: #fff;}
.table_info{display: none;}

/*.about_wrap .ab_box .in{margin-top: 6em;}
.about_wrap .ab_box .in .img_z{width:100%; height:300px; margin-top: 20px;}
.about_wrap .ab_box .in .txt_z{}
.about_wrap .ab_box .in .txt_z .page_tt{margin-bottom:20px;}
.about_wrap .ab_box .in .txt_z .page_tx{margin-top:0; margin-bottom:35px; line-height:1.8;}
.about_wrap .ab_box .in .txt_z .page_tx.ceo_name{margin-top:45px; text-align: right;}
.about_wrap .ab_box .in .txt_z .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_wrap .ab_box .in .txt_z .page_tx.ceo_name .in_name{font-size: 2em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}
.about_wrap .ab_box .in .in_box > div{width:50%;}	

.ser_wrap{border-top: 1px solid #333;}
.ser_wrap .ser_box{padding: 3.5em 3em; border-bottom: 1px solid #ddd;}
.ser_wrap .ser_box .page_tt{width:30%;}
.ser_wrap .ser_list{width:70%;}
.ser_wrap .ser_list > li{width:25%; margin-bottom:40px;}
.ser_wrap .ser_list .in{ text-align: center;}
.ser_wrap .ser_list .in .in_img{display:block; width:220px; height: 220px; border-radius: 50%; margin:0 auto; position: relative; overflow: hidden;}
.ser_wrap .ser_list .in .in_img .bgfix{width:100%; height: 100%; position: absolute; top: 0; left: 0; }
.ser_wrap .ser_list .in .tx{font-size:1.125em; font-weight: 500; color:#333; margin-top:10px;}
.ser_wrap .ser_list > li:nth-child(1) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img01.jpg)}
.ser_wrap .ser_list > li:nth-child(2) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img02.jpg)}
.ser_wrap .ser_list > li:nth-child(3) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img03.jpg)} 
.ser_wrap .ser_list > li:nth-child(4) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img04.jpg)}
.ser_wrap .ser_list > li:nth-child(5) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img05.jpg)}
.ser_wrap .ser_list > li:nth-child(6) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img06.jpg)}
.ser_wrap .ser_list > li:nth-child(7) .in_img .bgfix{background-image:url(/theme/responseweb/img/sub/ser_img07.jpg)}
.ser_wrap .table_box{width: 70%;}
.ser_wrap .table_box .ti{font-size: 1.375em; font-weight: 700; margin-bottom: 10px;}
.ser_wrap .table_box .ti span{font-size: .7272em; font-weight: 400; color: #fff; line-height: 1; padding: 6px 10px; background: var(--subColor); border-radius: 30px; margin-left: 10px;}
.ser_wrap .dot_list{padding: 20px!important; margin: 0!important; border: 1px solid #ddd; background: #f9f9f9;}

.author_wrap .prog_list{border-top:1px solid #333; margin-bottom:4em; margin-top:1.2em;}
.author_wrap .prog_list > li{border-bottom:1px solid #eaeaea; padding:3.5em 3em;}
.author_wrap .prog_list > li .page_tt{width:30%; padding-right: 2em;}
.author_wrap .prog_list > li .page_tx{width:70%;}
.author_wrap .prog_list > li .page_tx .in_img{margin-bottom:30px; width:100%; height:300px; background-color: #aaa;}
.author_wrap .prog_img > li{width:50%;}*/


.pg_wrap .pg_page.pg_start{background: url('/img/btn_first.gif') no-repeat 50% 50%;}
.pg_wrap .pg_page.pg_end{background:url('/img/btn_end.gif') no-repeat 50% 50%}