#header{position:absolute; height:110px; -webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;-ms-transition:top 0.5s;transition:top 0.5s}
#headerInnerWrap{position:fixed; top:0; left:0; height:110px; width:100%; z-index:99;  -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}


/*
.trans { display: inline-block;position: relative;width: 80px; cursor: pointer;padding-top: 28px; padding-left: 1400px;}
.trans div {position: relative;}
.trans div::after {content: "";background-image: url(/theme/palbok/img/main/icon/arrow.png);position: absolute;width: 11px;height: 8px;top: 50%;right: 0;}
.trans::after { content: "";background-image: url(/theme/palbok/img/main/icon/arrow.png);}
.trans img {vertical-align: middle;max-width: 100%;}
.trans .kor {color:#fff;}
.trans .on ul {height: 100%;padding: 15px 8px 80px;width: 50px;text-align: center;}
.trans ul {position: absolute;top: 32px;left: 1400px;height: 0; overflow: hidden; background:#171751;margin-top: 23px;}
.trans ul li {padding-bottom: 8px;}
*/
/*
#wrap header .area_r {display: flex;flex-wrap: wrap;align-items: center; justify-content: flex-end;z-index: 510;}
.util_list > li {display: flex;flex-wrap: wrap;}
.util_list {display: flex;flex-wrap: wrap;align-items: center;font-size: 1.2rem;color: rgba(255,255,255,0.9);font-weight: 400;line-height: 1em;font-family: 'Lexend','Montserrat',sans-serif;}
.util_list .language {position: relative;font-weight: 400;text-align: left;}
.util_list .language button {position: relative; line-height: 1em;color: #fff;font-weight: 400;padding-right: 13px;}
.util_list .language button:after {display: block;content: ""; position: absolute;top: 2px; right: 1px;width: 4px;height: 4px;border: 2px solid #fff; transform: rotate(45deg);border-top: 0;border-left: 0;}
.util_list .language .list {position: absolute;width: 50px;top: 22px;left: 50%;background: #fff;border: 1px solid #c5c5c5;box-sizing: border-box;display: none;text-align: center;text-transform: uppercase;transform: translateX(calc(-50% - 1px));box-shadow: 10px 20px 30px rgb(0 0 0 / 10%);z-index: 500;}
.util_list .language .list li {line-height: 24px;}
.util_list .language:after {display: block;content: "";}


#wrap header .header_wrap * {box-sizing: border-box;}
#hamburger_btn {position: relative;flex: 0 0 auto;width: 33px;height: 23px;}
#hamburger_btn .button { position: absolute; top: 50%;left: 50%; width: 100%;transform: translate(-50%,-50%);cursor: pointer;}
#hamburger_btn .button span {position: relative; display: block;width: 100%;height: 2px;margin-bottom: 8px;overflow: hidden;transition: 0.3s;}
#hamburger_btn .button span:nth-child(2) {width: 70%; margin-left: 15%;}
#hamburger_btn .button span:last-child {margin: 0 !important;}
*/


.header { position:relative;top:0; left:0; height:100%; width: 100%; display: flex;justify-content: space-between;z-index: 3;}
.header .logo{ position:absolute; top:0; left:70px; z-index:9; width:200px; height:100%;}
.header .logo a{display: flex; align-items: center; width:100%; height: 100%; background:url("../img/main/logo.png") 50% 50% no-repeat; background-size:100% auto; font-size:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

.header .nav {position: absolute; height: 100%; left: 50%; transform: translateX(-50%); top: 0}
.header .nav .close {display: none}
.header .nav .deps_1 {height: 100%; display: flex; justify-content: center}
.header .nav .deps_1 > li {height: 100%; font-size: 23px; font-weight: 500; padding: 0 18px; position: relative; -webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;-ms-transition:top 0.5s;transition:top 0.5s}
.header .nav .deps_1 > li a {padding: 0 40px; display: block; height: 100%; white-space:nowrap; display: flex; align-items: center; color: #fff ; position: relative; -webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;-ms-transition:top 0.5s;transition:top 0.5s}

.header .quick-text {display: none}
.header .nav .deps_1 > li .deps_2 {position: absolute;left: 0; bottom: 15px; transform: translateY(100%); width: 100%; background: #004a80; opacity: 0; overflow: hidden ;
transition: all .3s ;padding: 17px 13px;; visibility: hidden}
.header .nav .deps_1 > li .deps_2 li > a {padding: 8px 0px;justify-content: center; font-size: 17px; color: #fff; font-weight:400;}
.header .nav .deps_1 > li .deps_2 li > a:hover{ color:#3CF}

.header .nav .deps_1 > li:nth-child(4) .deps_2, .header .nav .deps_1 > li:nth-child(6) .deps_2 { display:none;}
.header .nav .deps_1 > li:nth-child(3) .deps_2{display: none;}

.header > .icon-box {height: 100%; display: flex; align-items: center; padding-right: 65px}
.header > .icon-box button { position:absolute; right:0; top:0; height:100%; width:50px;font-size: 24px; color: #000; background:none;}
.header > .icon-box button.ham {display: none}
.header .fix_btn_box {position: fixed; right: 40px; bottom: 40px; opacity: 1; z-index: 5 ; transition: all .3s}



.facility-header,
.totalSearch-header,
.medicalInformation-header,
.myPage-header,
.header.service-header {background-color: #f4f5f7}

.facility-header .nav .deps_1 > li a,
.totalSearch-header .nav .deps_1 > li a,
.myPage-header .nav .deps_1 > li a,
.medicalInformation-header .nav .deps_1 > li a,
.header.service-header .nav .deps_1 > li a {color: #000 ;}

.facility-header > .icon-box button,
.totalSearch-header  > .icon-box button,
.myPage-header > .icon-box button,
.medicalInformation-header > .icon-box button,
.header.service-header > .icon-box button {color: #000}

.top_btn_box {width: 100px; height: 100px; border-radius: 50%;box-shadow: 2px 1px 25px rgb(0 0 0 / 15%);background-color: #fff; display: flex; align-items: center; justify-content: center; margin-top: 30px; overflow: hidden; transition: background 0.3s ease-in-out;}
.top_btn_box .top_btn {font-size: 32px; cursor: pointer; width: 100%; height: 100%; }
.top_btn_box i {transition: 0.3s ease-in-out;}



.header .fix_btn_box .menu_btn_box {background-color: #28bb9d;; width: 100px; min-height: 100px;border-radius: 50px; display: flex; align-items: center; justify-content: center;padding:  35px 15px; box-shadow: 2px 1px 25px rgb(0 0 0 / 25%);color: #fff; cursor: pointer; position: relative; transition: all .3s}
.header .fix_btn_box .menu_btn_box > i {display: block; font-size: 32px; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);transition: all .3s}
.header .fix_btn_box .menu_btn_box ul{max-height: 0; overflow: hidden; transition: max-height 500ms , opacity .3s; opacity: 0}
.header .fix_btn_box .menu_btn_box ul li a{display: flex; align-items: center; justify-content: center; flex-wrap: wrap}
.header .fix_btn_box .menu_btn_box ul li + li {margin-top: 35px}
.header .fix_btn_box .menu_btn_box ul li .icon {width: 100%; margin-bottom: 15px; color: #fff; font-size: 32px; display: flex;align-items: center; justify-content: center; opacity: 0.4; transition: all .3s}
.header .fix_btn_box .menu_btn_box ul li .icon img {width: 35px}
.header .fix_btn_box .menu_btn_box ul li .icon + span {color: #fff;display: block; font-size: 13px}
.header .fix_btn_box .top_btn_box:hover {box-shadow: none; background: #000;}
.header .fix_btn_box .top_btn_box:hover i {color:#fff;}
.header .fix_btn_box .menu_btn_box:hover ul{max-height: 542px; opacity: 1}
.header .fix_btn_box .menu_btn_box:hover >i {opacity: 0;visibility: hidden}
.header .fix_btn_box .menu_btn_box ul li a:hover .icon {opacity: 1}

.search_form_wrap {opacity: 0; pointer-events: none; position: absolute; top:109px; z-index: 99; width: 100%; transition: 0.3s ease-in-out;}
.search_form_wrap.show {opacity: 1; pointer-events: inherit;}
.search_form_wrap .search_box {height:300px; display: flex; align-items: center; justify-content: center; background: #28bb9d;}
.search_form_wrap .search_box > .search_area_close {color:#FFFFFF; margin-left:15px; font-size:23px; cursor: pointer; position: relative; z-index: 9;}
.search_form_wrap .search_box > .search_area_close i {color: #FFFFFF;}
.search_form_wrap .search_box .input_box {width:460px;}

.search_form_wrap .search_box .input_box {width:340px; height:60px; position: relative;}
.search_form_wrap .search_box input {width:100%; height:100%; line-height:60px; font-size:14px; padding:0 70px 0 33px; background:#F5F5F6; border-radius: 27.5px; border:none; outline: none;}
.search_form_wrap .search_box button {font-size:0; position: absolute; top:0; right:0; height:100%; padding:0 30px; color: #000}
.search_form_wrap .search_box button i {font-size:20px; color: #000}

.hd_login { display:inline-block;height: 100%; display: flex;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding-right:70px;}
.hd_login li {height: 100%;}
.hd_login a { position:relative;display: block; height: 100%; white-space:nowrap; display: flex; align-items: center; color: #fff ; padding:0 13px; }
.hd_login a:before{ content:''; position:absolute; width:1px; height:10px; border-left:1px #fff solid; opacity:0.5; top:50%; right:0;transform: translateY(-50%); }
.hd_login li:last-child a:before{ display:none;}


@media all and ( min-width: 1221px ){	

	
	#header.fixed{ height:90px;}
	#header.fixed #headerInnerWrap{ height:90px; background:#fff; box-shadow: 12px 9px 17px #0000001c;}
	#header.fixed .header .logo{  width:170px;}
	#header.fixed .header .logo a{background:url("../img/main/logo.png") no-repeat 50% 50%; background-size:100% auto;}
	#header.fixed .header .nav .deps_1 > li { font-size:20px;}
	#header.fixed .header .nav .deps_1 > li a{ color:#333;}
	#header.fixed .header .nav .deps_1 > li .deps_2 li > a{ color:#fff;}
	#header.fixed .header .nav .deps_1 > li .deps_2 li > a:hover{ color:#3CF}
	#header.fixed .hd_login a { color: #777 ;  }
	#header.fixed .hd_login a:before{ border-color:#999;}
	
}

@media (min-width: 1400px){
   
    .header .nav .deps_1 > li:hover .deps_2 {opacity: 1; bottom: 0;   visibility:inherit}
    .header .fix_btn_box .top_btn_box:hover {box-shadow: none; background: #000;}
    .header .fix_btn_box .top_btn_box:hover i {color:#fff;}
    .header .fix_btn_box .menu_btn_box:hover ul{max-height: 542px; opacity: 1}
    .header .fix_btn_box .menu_btn_box:hover >i {opacity: 0;visibility: hidden}
    .header .fix_btn_box .menu_btn_box ul li a:hover .icon {opacity: 1}

}


@media (max-width: 1920px) {
	
	#header{height:90px;}
	#headerInnerWrap{ height:90px;}
	.header .logo{ width:170px;}
	.header .nav .deps_1 > li{ font-size:20px;}
	.header .nav .deps_1 > li a{ padding:0 30px;}
	.header .nav .deps_1 > li .deps_2 li > a{ font-size:15px;}
	
	.hd_login a{ font-size:15px;}
	
	#header.fixed{ height:77px;}
	#header.fixed #headerInnerWrap{ height:77px;}
	#header.fixed .header .logo{  width:150px;}
	#header.fixed .header .nav .deps_1 > li { font-size:19px;}
	#header.fixed .header .nav .deps_1 > li .deps_2 li > a{ font-size:15px;}

	
}
@media (max-width: 1680px) {
	
	.header .logo{ left:10px;}
	.header .nav .deps_1 > li{ font-size:18px;}
	.header .nav .deps_1 > li a{ padding:0 20px;}
	.hd_login{ padding-right:10px;}
}

@media (max-width: 1400px) {


	#header{height:70px;}
	#headerInnerWrap{ height:70px;}
	.header .logo{ width:130px;}
	
	#header.fixed{ height:70px;}
	#header.fixed #headerInnerWrap{ height:70px;background:#fff;}
	#header.fixed .header .logo{  width:130px;}
	
	
    .header .nav .close ,
    .header > .icon-box button.ham,
    .header .quick-text {display: block}


    .header .nav .close {position: absolute; right:30px; top: 20px; color: #fff; font-size: 28px}
    .header .nav {position: fixed; left:0%;right: auto ;top: 0; width: 100%; height: 100%; z-index: 10; display: block; background-color: #004a80;
        transform: translate(100%,0); padding: 20px 0px; transition: left .5s ease-in-out;overflow: auto; display: flex; flex-direction: column; align-items: flex-start;;}
    .header.on .nav {left: -100%; }
    .header .nav .quick-text{display: block; margin-top: 40px; width: 100%;}
    .header .nav .quick-text > p {font-size: 24px; color: #fff; font-weight: 700; padding: 0 40px;}
    .header .nav .quick-text .navi_bg {padding: 0; box-shadow: none; border-radius: 0; display: flex; margin-top: 20px;border-bottom: 10px solid rgba(255,255,255, 0.2) }
    .header .nav .quick-text .navi_bg li {width: 20%; border: 1px solid rgba(255,255,255, 0.2); height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 15px;}
    .header .nav .quick-text .navi_bg li + li {margin-top: 0; border-left: none;}
    .header .nav .quick-text .navi_bg .icon_box {height:40px ; display: flex; align-items: center ; justify-content: center }
    .header .nav .quick-text .navi_bg li .ico_tit {word-break: keep-all;}
    .header .nav .quick-text .navi_bg li .ico_tit br {display: none;}

    .header .nav .bot-text {display: block; display: flex; font-size: 15px; width: 100%; padding-left: 40px; padding-top: 15px;}
    .header .nav .bot-text ul {display: flex; width: 100%;}
    .header .nav .bot-text ul li {border: 1px solid rgba(255,255,255, 0.2); color: #fff; border-radius: 50px; padding: 0 15px; height: 35px; line-height: 33px; font-size: 13px;}
    .header .nav .bot-text ul li + li {margin-left: 15px;}
    .header .nav > ul {display: flex;flex-direction: column; align-items: flex-start; padding: 20px 0;}
    .header.on > .right .spe .ham {display:none}
    .header.on > .right .spe .close {display:flex; position: fixed; right: 0; top: 0px; width: 80px; height: 80px;}
    .header .nav .deps_1 {padding: 0; margin-top: 10px; width: 100%; height: auto}
    .header .nav .deps_1 > li {width: 100%; height: auto; font-weight: 500;  padding: 0 0px 0px; border-bottom:1px solid rgba(255,255,255, 0.3);}
    .header .nav .deps_1 > li > a {height: auto; padding: 0px;color: #fff !important; display: flex; align-items: center; justify-content: flex-start; padding:  20px 40px 0px;  padding-bottom:20px ;}
    .header .nav .deps_1 > li > a::after {content:"\e942";  font-family:xeicon;display: none; posi0tion: static; width: auto; height:auto; font-size:25px; transform: translateX(0); vertical-align: middle; line-height: 1; margin-left: auto; font-weight: 500; width: auto; transition: all .3s;}
    .header .nav .deps_1 > li:nth-of-type(1), 
    .header .nav .deps_1 > li:nth-of-type(2),
    .header .nav .deps_1 > li:nth-of-type(3),
    .header .nav .deps_1 > li:nth-of-type(5),
    .header .nav .deps_1 > li:nth-of-type(7) {cursor: pointer}
    .header .nav .deps_1 > li:nth-of-type(1) > a,
    .header .nav .deps_1 > li:nth-of-type(2) > a,
    .header .nav .deps_1 > li:nth-of-type(3) > a,
    .header .nav .deps_1 > li:nth-of-type(5) > a,
    .header .nav .deps_1 > li:nth-of-type(7) > a{pointer-events: none}
    .header .nav .deps_1 > li:nth-of-type(1) > a:after,
    .header .nav .deps_1 > li:nth-of-type(2) > a:after,
    .header .nav .deps_1 > li:nth-of-type(3) > a:after,
    .header .nav .deps_1 > li:nth-of-type(5) > a:after,
    .header .nav .deps_1 > li:nth-of-type(7) > a:after{display: inline-block}
    .header .nav .deps_1 > li:first-child a{margin-top: 0; }
    .header .nav .deps_1 > li.on {background-color: transparent; color: #fff;}
    .header .nav .deps_1 > li.active > a::after {transform: rotate(180deg);     }

    .header .nav .deps_1 > li .deps_2 {position: static; transform: none; opacity: 1;visibility: visible; transition: none; display: none; background:#002f60}
    .header .nav .deps_1 > li .deps_2 li > a {justify-content: flex-start; padding-left: 40px}

    .navi_bg {; border-radius: 55px; padding:45.5px 20px 42.5px; box-shadow:2px 1px 25px rgba(0,0,0,0.35);}
    .navi_bg li + li {margin-top:40px;}
    .navi_bg i {font-size:35px; color: rgba(255,255,255,0.3); display: block; text-align: center;}
    .navi_bg .ico_tit {font-size:13px; font-weight: 400; margin:15px auto 0; color:#fff; display: block; text-align: center;}
    .navi_bg a {display: block; width:100%; text-align: center;}
    .navi_bg img {width:36px; opacity: 0.3;}
    .navi_bg a i, .navi_bg a img {transition: 0.3s ease-in-out;}

    .header .fix_btn_box .menu_btn_box {display: none}
    
    
    .hd_login{ padding-right:60px;}
   

}


@media (max-width:640px) {

.header .nav .deps_1 > li > a{ padding: 15px 20px ;}

}

@media (max-width:480px) {
	.hd_login a{color:#666; font-size: 13px;padding:0 5px;}
}