@charset "UTF-8";

/**  last update 2021-06-30**/

.m_color{color:#2549AA;}

/* Layout */
.wrapper{position:relative; width:100%; min-height:100vh; margin: 0 auto; overflow:hidden;}
.wrapper .left_wrap{position:absolute;top:0;left:0;z-index: 1000;width: 652px;height: 100%;min-height: 955px;background:#244aab;box-shadow:5px 0 15px rgba(0,0,0,0.25);}
.wrapper .left_wrap .left_inner{height:100%; }
.wrapper .left_wrap .left_inner:before{position:absolute; top:0; left:230px; width:1px; height:100%; background:#506ebc; content:"";}
.wrapper .left_wrap .menu_wrap{position:Relative;float:left;width:230px;height:100%;padding: 27px 0px 298px 0px;/* background:url(../../images/main/img_menu_info01.png) no-repeat 0 bottom; */box-sizing:border-box;}
.wrapper .left_wrap .menu_wrap.on:before{position:absolute; z-index:100; top:0px; left:230px; width:230px; height:100%; background:#edf0f6; content:""; box-shadow:5px 0 15px rgba(0,0,0,0.25);}
.wrapper .left_wrap .menu_wrap .btn_close{display:none;}
.wrapper .left_wrap .menu_wrap .top_menu{position:relative;padding: 0 10px 0 30px;margin-bottom: 25px;}
.wrapper .left_wrap .menu_wrap .top_menu .menu_mobile{display:none;}
.wrapper .left_wrap .menu_wrap .top_menu .select_box{margin-left:47px; width:100px; padding:0 32px 0 10px; height:30px; border:1px solid rgba(255,255,255,0.5); border-radius:3px; background:#244aab url(../../images/common/bg_select02.png) no-repeat right center; font-family:"Montserrat", sans-serif; font-size:14px; font-weight:300; color:#fff; letter-spacing:0; line-height:30px; box-sizing:border-box;}
.wrapper .left_wrap .menu_wrap .search_mobile{display:none;}
.wrapper .left_wrap .menu_wrap .footer_info{position:absolute;bottom: 50px;left:0;margin:0 30px;word-break: break-word;}
.wrapper .left_wrap .menu_wrap .footer_info .tit{font-size:15px;font-weight:400;color:rgba(255,255,255,0.5);line-height:18px;text-align:left;letter-spacing:0;word-break:break-word;text-transform: uppercase;margin-top: 30px;}
.wrapper .left_wrap .menu_wrap .footer_info address{margin-top:15px; font-size:14px; font-weight:300; color:rgba(255,255,255,0.3); line-height:20px; letter-spacing:-0.25px; }
.wrapper .left_wrap .menu_wrap .footer_info .copy{margin-top:15px; font-size:12px; font-weight:300; color:rgba(255,255,255, 0.3); line-height:16px; letter-spacing:-0.3px; text-transform:uppercase;}

.wrapper .left_wrap .menu_wrap .sns_link{margin-top: 12px;padding-top: 12px;border-top: 1px solid rgba(255,255,255,0.2);}
.wrapper .left_wrap .menu_wrap .sns_link li + li{margin-top:5px}
.wrapper .left_wrap .menu_wrap .sns_link li a{display:block;padding-left: 22px;background: url(../../images/main/ico_instar01.png) no-repeat left center;}
.wrapper .left_wrap .menu_wrap .sns_link li a span{display:inline-block; font-size:13px; font-weight:500; color:#ddd; padding-right:16px; background:url(../../images/main/ico_link01.png) no-repeat right center; }
.wrapper .left_wrap .menu_wrap .sns_link li a:hover span{text-decoration:underline;}

/* gnb */
.wrapper .left_wrap .gnb > li{position:relative;}
.wrapper .left_wrap .gnb > li > a{display:block;padding: 16px 0 16px 30px;border-left:5px solid #244aab;font-size:18px;font-weight:400;color:#fff;letter-spacing:-0.5px;line-height:24px;transition: background .3s;box-sizing: border-box;word-break: keep-all;}
.wrapper .left_wrap .gnb > li:hover > a {border-left:5px solid rgba(51,153,254, 1); background:rgba(51,153,254, 0.15);}
.wrapper .left_wrap .gnb > li.on > a{border-left: 5px solid #3399fe;background:rgba(51,153,254, 0.15);}
.wrapper .left_wrap .gnb .dept2_ul{position:absolute;z-index:-1;top: 0px;left:0px; display:none; width:230px;height: 600px; }
.wrapper .left_wrap .gnb .btn_depth{display:none;}
.wrapper .left_wrap .gnb .dept2_ul.on{z-index:100;top: 0px;left:230px; display:block;}
.wrapper .left_wrap .gnb > li:hover .dept2_ul{z-index:100;top: 0px;left:230px; opacity:1;}
.wrapper .left_wrap .gnb .dept2_ul > li{padding:0 0 0 10px; box-sizing:border-box;}
.wrapper .left_wrap .gnb .dept2_ul > li > a{display:block;padding: 17px 32px 17px 20px;border-radius:5px 0 0 5px;font-size:16px;font-weight:500;color:#333;letter-spacing:-0.25px;line-height:22px;box-sizing:border-box; word-break:keep-all;}
.wrapper .left_wrap .gnb .dept2_ul > li:hover > a{background: #fff url(../../images/main/arw_next01.png) no-repeat 95% center;}
.wrapper .left_wrap .gnb .dept2_ul > li.on > a{background: #fff url(../../images/main/arw_next01.png) no-repeat 95% center;}
.wrapper .left_wrap .gnb li.menu01 .dept2_ul{top: 0px;}
.wrapper .left_wrap .gnb li.menu02 .dept2_ul{top: -56px;}
.wrapper .left_wrap .gnb li.menu03 .dept2_ul{top: -112px;}
.wrapper .left_wrap .gnb li.menu04 .dept2_ul{top: -168px;}
.wrapper .left_wrap .gnb li.menu05 .dept2_ul{top: -248px;}
.wrapper .left_wrap .gnb .dept2_ul .dept3_ul{display:none;}
.wrapper .left_wrap .gnb .dept2_ul > li .dept3_ul{display:none;background:#153777;padding: 10px 10px 10px 20px;border-radius: 0 0 0 5px;max-height: 600px;box-sizing: border-box;}
.wrapper .left_wrap .gnb .dept2_ul > li .dept3_ul li{margin-bottom: 10px;}
.wrapper .left_wrap .gnb .dept2_ul > li .dept3_ul li a{position:relative;display:block;padding: 0 0 0 15px;color:#fff;font-size: 14px;line-height: 20px; word-break:keep-all;}
.wrapper .left_wrap .gnb .dept2_ul > li .dept3_ul li a:before{position:absolute;top: 9px;left:0;display:block;width:3px;height:3px;background:#fff;content:"";}
.wrapper .left_wrap .gnb .dept2_ul > li .dept3_ul li:hover a{color:#3399fe;}

.wrapper .left_wrap .lang_wrap {display:none;}

/* search_box */
.wrapper .left_wrap .search_box{position:relative; display:block; width:170px; padding:0; margin:0 auto; background:#fff; border-radius:3px; overflow:hidden; }
.wrapper .left_wrap .search_box input{height:40px; border:0; padding:0 10px; }
.wrapper .left_wrap .search_box .btn_search{position:absolute; top:10px; right:20px; display:block; width:20px; height:20px; background:url(../../images/common/ico_search02.png) no-repeat 0 0; border:0; text-indent:-9999px;}

.wrapper .left_wrap .search_m_box{position:relative; display:block; width:170px; padding:0; margin:0 auto; background:#fff; border-radius:3px; overflow:hidden; }
.wrapper .left_wrap .search_m_box input{height:40px; border:0; padding:0 10px; }
.wrapper .left_wrap .search_m_box .btn_search{position:absolute; top:10px; right:20px; display:block; width:20px; height:20px; background:url(../../images/common/ico_search02.png) no-repeat 0 0; border:0; text-indent:-9999px;}

.wrapper .left_wrap .left_inner .btn_tab{position:absolute; z-index:99; top:50%; right:-50px; display:block; width:50px; height:201px; background:url(../../images/type03/btn_tab01.png) no-repeat 0 0; cursor:pointer;}
.wrapper .left_wrap .left_inner .btn_tab.active{position:absolute; z-index:99; top:50%; right:-50px; display:block; width:50px; height:201px; background:url(../../images/type03/btn_tab02.png) no-repeat 0 0; cursor:pointer;}
.wrapper .left_wrap .search_wrap{float:left; position:relative; width:calc(100% - 230px); height:100%; text-align:center; box-sizing:border-box;}
.wrapper .left_wrap .search_wrap h1{padding-top: 50px;text-align:center;}
.wrapper .left_wrap .search_wrap .info{position:absolute; bottom:0; left:0; }
.wrapper .left_wrap .search_wrap .info_btm_section{position:absolute; bottom:50px; left:0; }
.wrapper .left_wrap .search_con{padding-top: 50px;}
.wrapper .left_wrap .search_con .btn_wrap{margin-top: 0;}
.wrapper .left_wrap .search_con .btn_wrap li{margin-bottom:20px; }
.wrapper .left_wrap .search_con .btn{display:table;width:340px;height: 100px;margin:0px auto;border-radius:10px;background:#fff; transition:background .3s;}
.wrapper .left_wrap .search_con .btn span{display:table-cell; vertical-align:middle; font-size:20px; font-weight:500; color:#333; letter-spacing:-0.25px; text-align:center; }
.wrapper .left_wrap .search_con .btn.on{background:#3399fe;}
.wrapper .left_wrap .search_con .btn:hover{background:#3399fe;}zzzzzz
.wrapper .left_wrap .search_con .btn.on span{color:#fff;}
.wrapper .left_wrap .search_con .btn:hover span{color:#fff;}

.lnb_contact{position:relative;padding: 35px 30px 0;}
.lnb_contact .tit_area {margin-bottom:30px;}
.lnb_contact .tit_area .tit{float:left;font-size: 13px;line-height: 24px;font-weight:500;color:#fff;}
.lnb_contact .tit_area .btn_more{display:block;float: right;width: 24px;height: 24px;background: #1a3781 url(../../images/main/ico_pluse01.png) no-repeat center center / auto 12px;border-radius:5px;text-indent:-9999px;}
.lnb_contact .contact_dec ul{font-size:13px; line-height:16px; font-weight:400; color:#cfd4e8; letter-spacing:-0.25px;}
.lnb_contact .contact_dec ul + ul{margin-top:12px;padding-top:12px;border-top: 1px solid rgba(255,255,255,.2);}
.lnb_contact .contact_dec li + li{margin-top:10px;}

/* contact info */
.contact_info{position:relative;margin: 0px 50px 0;border-bottom:1px solid #5c76ba;}
.contact_info .tit_area .tit{float:left; font-size:22px; font-weight:500; color:#fff; }
.contact_info .tit_area .btn_more{position:absolute; top:0; right:0; display:block; width:32px; height:32px; background:#1a3781 url(../../images/main/ico_pluse01.png) no-repeat center center; border-radius:5px; text-indent:-9999px;}
.contact_info .contact_dec{padding-bottom:20px;}
.contact_info .contact_dec dl{margin-top:15px;}
.contact_info .contact_dec dl dt{display:block; float:left; width:72px; height:72px; margin-right:18px; background:url(../../images/main/bg_phone01.png) no-repeat center center; text-indent:-9999px; }
.contact_info .contact_dec dl dd{display:block;float:left;width:calc(100% - 90px);font-size:16px;font-weight:400;color:#fff;letter-spacing: -0.5px;line-height: 20px;text-align:left;}
.contact_info .contact_dec dl.email_dec dt{background:url(../../images/main/bg_email01.png) no-repeat center center; }
.contact_info .contact_dec dl.sns_dec dt{background: url(../../images/main/bg_sns01.png) no-repeat center center;}
.contact_info .contact_dec dl.sns_dec dd a{display:block; font-size: 13px; color:rgba(255,255,255,.8);}
.contact_info .contact_dec dl.sns_dec dd a span{display:inline-block; font-size: 13px; color:rgba(255,255,255,.8); padding-right:20px;background: url(../../images/main/ico_link01.png) no-repeat right center;}
.contact_info .contact_dec dl.sns_dec dd a:hover{text-decoration:underline;  color:rgba(255,255,255,1);}

/* certificate info */
.certificate_info{margin-top:10px; font-size:0; text-align:center;}
.certificate_info .certificate_item{display:inline-block; width:70px; vertical-align:top;}
.certificate_info .certificate_item dt{display:block; height:50px;}
.certificate_info .certificate_item dd{ font-size:10px; font-weight:300; color:rgba(255,255,255,0.5); letter-spacing:-0.5px; line-height:14px; text-align:center; text-transform: uppercase; word-break:break-word;}

/* main layout */
.wrapper .main_contents{position:relative;padding-left: 650px;width:100%;height: 100vh;min-height: 400px;overflow:hidden;box-sizing:border-box;}
.wrapper .main_contents .contents_inner{height: 100%;}
.wrapper .main_contents .contents_inner .section_wrap{height: 100%;}
.wrapper .main_contents .lay_wrap li{float:left; width:575px;}

/* visual slide */
.slide_wrap{position:relative;height: calc(100% - 287px);min-height: 600px;overflow:hidden;}
.slide_wrap .silde li{position:relative; float:left;}
.slide_wrap .silde li .dim{position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.2) url(../../images/main/img_logo02.png) no-repeat 50px 50px;}
.slide_wrap .silde li div{position:relative;width:100%;height: calc(100vh - 285px);min-height: 600px;}
.slide_wrap .silde li .section01{background: url(../../images/main/img_visual03.png) no-repeat center 0px;background-size:cover;}
.slide_wrap .silde li .section01:before{position:absolute;top: 60px;left: 60px;width: 547px;height: 202px;background: url(../../images/main/img_logo02.png) no-repeat 0 0;content:"";}
.slide_wrap .silde li .section02{background:url(../../images/main/img_visual02.png) no-repeat center 0px; background-size:cover;}

/* top banner active */
.wrapper .main_contents.banner_active .contents_inner .section_wrap{height: calc(100% - 85px);}
.wrapper .main_contents.banner_active .slide_wrap{min-height: 630px; height: calc(100% - 287px);}
.wrapper .main_contents.banner_active .slide_wrap .silde li div{min-height: 630px; height:calc(100vh - 370px);}


/* link menu box*/
.menu_list{position:relative; width:100%;}
.menu_list li{position:relative; float:left; width:calc(100% / 4); }
.menu_list li a{position:Relative;display:table;width:100%;height:287px;font-size:22px;font-weight:500;color:#fff;letter-spacing:-0.25px;box-sizing: border-box;}
.menu_list li a:before{position:absolute; top:0; right:0; display:block; width:80px; height:80px; background:rgba(0,0,0,0.2) url(../../images/main/ico_pluse.png) no-repeat center center; content:"";}
.menu_list li a span{display:table-cell;text-align:center;vertical-align:middle;word-break: keep-all;}

.menu_list li.menu01{background:#3399fe; }
.menu_list li.menu02{background:#99cc33; }
.menu_list li.menu03{background:#fff; color:#333; }
.menu_list li.menu04{background:#fa668d; }
.menu_list li.menu03 a{color:#333; }


.contact_wrap{display:none;}
.main_footer{display:none;}


/* 상단팝업 */
.top_banner_wrap{position:relative;top:0;left:0;z-index:1;width:100%;height:85px;margin:0 auto;}  
.top_banner_wrap .top_banner_inner p{height:85px; overflow:hidden;} 
.top_banner_wrap .top_banner_inner .slider_list{width:100%; height:85px;}
.top_banner_wrap .top_banner_inner .slider_list li a{display:block;width:100%;height:85px;background-size: cover  !important;background-repeat: no-repeat;background-position: center;}
.top_banner_wrap .top_banner_inner .slider_list li a img{width:100%;}

.top_banner_wrap .top_banner_inner .slick-dots{position:absolute;bottom: 5px;left:50%;}
.top_banner_wrap .top_banner_inner .slick-dots li{display:inline-block;margin:0 5px; vertical-align:middle;}
.top_banner_wrap .top_banner_inner .slick-dots button{display:inline-block;width: 10px;height: 10px;border:0;border-radius: 10px;background:rgba(255,255,255,0.8);font-size:0;cursor:pointer;}

.top_banner_wrap .top_banner_inner .ckbox{position:absolute;/* width:140px; */height: 20px;display:block;color:#fff;right: 40px;top: 50%;transform: translateY(-50%);font-size: 14px;}
.top_banner_wrap .top_banner_inner .ckbox input[type='checkbox']{width:20px; height:20px; margin:0 5px 0 0;}
.top_banner_wrap .top_banner_inner .btn_close_layer{position:absolute;width: 20px;height: 20px;display:block;right: 10px;top: 50%;transform: translateY(-50%);}  	

/* 인증마크 */
.tooltip{position:absolute; width: 90%; max-width:520px;bottom: 35%;left: 50%; z-index:-1;transform: translateX(-50%); opacity:0; box-shadow: 5px 0 10px rgba(0,0,0,0.8); transition: all .3s;}
.tooltip.active{opacity:1; z-index:100; bottom:25%;}
.tooltip .inner{position:relative;width:100%;border-radius:5px;}
.tooltip .inner:before{position:absolute;bottom: -14px;left:50%;margin-left: -7.5px;z-index: 100;display:block;border-top: 15px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 0px solid transparent;content:"";}
.tooltip .inner img{width:100%;}

body.open{position:fixed; left:0; right:0; top:0; bottom:0; height:100vh; overflow:hidden !important;}
.site_map{position:fixed; left:0; right:0; top:0; bottom:0; z-index:-1; min-width:1280px; overflow-y:scroll; opacity:0; background:#244aab url(../../images/patients/bg_overview01.png) no-repeat center 0 / cover; transition: opacity .3s;}
.site_map.active{z-index:1000; opacity:1; }
.site_map .site_map_inner{position: relative;top: 50px;width:1200px;margin:0 auto;}
.site_map .site_map_inner .tit{position:relative; padding:50px 0; font-family:'Montserrat', sans-serif; font-size:40px; font-weight:700; color:#fff; line-height:50px; text-align:center; }
.site_map .site_map_list > li{float:left; width:calc((100% / 5) - 24px); margin-left:30px; }
.site_map .site_map_list > li:first-child{margin-left:0;}
.site_map .site_map_list .dept_tit{display:block;padding: 20px 0;margin:0 0 30px 0;border-bottom: 1px solid #ddd;font-family:'Montserrat', sans-serif;font-size:18px;font-weight:500;color:#fff;word-breaK:break-word;line-height:28px;}
.site_map .site_map_list .dept2_ul{margin-left: 15px;}
.site_map .site_map_list .dept2_ul > li{margin-top: 20px;}
.site_map .site_map_list .dept2_ul > li a{position:relative; padding:0 0 0 20px;display:block; font-family:'Montserrat', sans-serif; font-size:18px; font-weight:500; color:#fff; word-breaK:break-word; line-height:28px;}
.site_map .site_map_list .dept2_ul > li a:before{content:""; position:absolute; top:10px; left:0; display:block; width:5px; height:5px; background:#A9B6DF;}
.site_map .site_map_list .dept2_ul > li:hover a{color:#4498EE; }
.site_map .site_map_list .dept3_ul{padding:0 0 0 20px;}
.site_map .site_map_list .dept3_ul > li{margin-top:5px;}
.site_map .site_map_list .dept3_ul > li a{position:relative;padding:0 0 0 15px;display:block;font-family:'Montserrat', sans-serif;font-size:15px;font-weight:500;color: #aaa;word-breaK:break-word;line-height:25px;}
.site_map .site_map_list .dept3_ul > li a:before{content:""; position:absolute; top:10px; left:0; display:block; width:5px; height:1px; background:#A9B6DF;}
.site_map .site_map_list .dept3_ul > li:hover a{color:#4498EE; }
.site_map .btn_close {display:block;position:absolute; z-index:210; left:50%; top:30px; width:70px; height:70px; transform:translateX(600px);}
.site_map .btn_close i {display:block; position:absolute; left:50%; top:50%; margin:-13px 0 0 -12px; width:25px; height:25px; }
.site_map .btn_close i:before {content:''; display:block; position:absolute; left:0; top:40%; width:100%; height:2px; background:#fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.site_map .btn_close i:after {content:''; display:block; position:absolute; left:0; top:40%; width:100%; height:2px; background:#fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }



