.ul{display: flex;flex-wrap: wrap;}
.dl{ display:flex;}
.dl dt{flex-shrink: 0;}
.dl dd{flex-grow: 1;}



/* 전체레이아웃 설정값 */

#wrap{ min-width:320px;}
.inner {width:90%; margin: 0 auto;}
.subinner {width:80%; margin: 0 auto;}

/* header 설정값 */



#header{-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{ height:233px; 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;)}

.header { position:relative;top:0; left:0; z-index: 3;}
.header .logo {  z-index:9; width:450px; height:100%;}
.header .logo a {display: flex; align-items: center; width:100%; height: 100%; background:url(../img/common/logo-fixed.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 .logo img{ width:100%;}

.header .nav {display: flex; }
.header .nav .close, .header .nav .logo {display: none}

.header .quick-text {display: none}

.header .nav .hd_login{ display:none;}

.header  .icon-box {height: 100%; display: flex; align-items: center;}
.header  .icon-box button { position:absolute; right:0; top:0; height:100%; width:50px;font-size: 24px; color: #222; background:none; cursor:pointer}
.header  .icon-box button.ham {display: none}
.header  .icon-box ul{gap:0 10px;}
.header  .icon-box ul li{ position:relative;}
.header  .icon-box ul li a{ color:#b9b9b9;}
.header  .icon-box ul li+li{ padding-left:15px;}
.header  .icon-box ul li+li:before{ content:''; width:1px; height:10px; position:absolute; top:50%; transform: translateY(-50%);left:0; border-left:1px solid rgb(0,0,0,0.2) ;}
.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}


.header .r_con{ display: flex;align-items: center; justify-content:right; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.header .area{display:flex;}
.header .youtube{ position:relative; background:#fff; padding:0 20px;height:40px; line-height:40px; border-radius:30px; margin-left:10px;}
.header .youtube select{ border:none; background:#fff; margin-left:20px;}
.header .youtube i{ position:absolute; top:50%; left:10px;   transform: translateY(-50%); color:#F30; font-size:30px;}
.hd_login { display: flex;}

.hd_login a { position:relative;display: block; 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;}

.en_link{ margin-right:10px;}
.en_link a{ display:inline-block; color:#fff; width:40px; height:40px; text-align:center; line-height:40px; border:1px solid rgb(255,255,255,0.5); border-radius:50%;}

.google_select{ display:inline-block; height:40px; overflow:hidden;}

#google_translate_element > div > div {position: relative;min-width: 140px;height:100%;text-align:center;border-radius:30px; overflow:hidden;height:35px; line-height:35px;}
#google_translate_element > div > div > select::-ms-expand { display: none;}
#google_translate_element > div > div:after { content: '<>'; /* 목록 펼침 아이콘 */ font: 17px "Consolas", monospace; color: #333; transform: rotate(90deg); right: 11px; top: 18px; padding: 0 0 2px; border-bottom: 1px solid #999; position: absolute; pointer-events: none; display:none;}
#google_translate_element > div > div > select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; max-width: 320px; height: 40px; float: right; margin: 5px 0px; padding: 0px 24px; font-size: 16px; line-height: 1.75; color: #333; border: 1px solid #cccccc; -ms-word-break: normal; word-break: normal; border-radius: 10px;}

#header.fixed #headerInnerWrap{ height:90px; background:#fff; box-shadow: 12px 9px 17px #0000001c;}

#headerInnerWrap .headerbanner{width:100%; height: auto; background:url(../img/main/top_banner_bg.jpg) 50% 50% no-repeat; background-size:100% auto;   position: relative;}
#headerInnerWrap .headerbanner>div{display: flex; justify-content: center;  align-items: center; padding: 22px 0;}
#headerInnerWrap .headerbanner>div h4{color: #fff;}
#headerInnerWrap .headerbanner>div h5{color: #afafaf;    margin-left: 40px;}
#headerInnerWrap .headerbanner>div .btn_wrap {  display: flex; align-items: center; padding: 15px; position: absolute; right: 5%;}
#headerInnerWrap .headerbanner>div .btn_wrap label {font-size: 14px;  color: #fff;}
#headerInnerWrap .headerbanner>div .btn_wrap .today_chk { margin-right: 5px;}
#headerInnerWrap .headerbanner>div .btn_wrap .close { margin-left: auto; font-size: 14px; color: #fff; text-decoration: none;    margin-left: 30px;}

#headerInnerWrap .header1{ display: flex; align-items: center; justify-content: center; position: relative; padding: 30px 0;}
#headerInnerWrap .header1 .logo{ display: inline-block;}
#headerInnerWrap .header1 p{ position: absolute; right: 3%;}




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

	
}

@media (max-width: 1400px){
    #headerInnerWrap .header1 p{ left: 0;}
}


@media (max-width: 1920px) {

	
	
}
@media (max-width: 1680px) {
}

@media (max-width: 1280px) {

.subinner { width: 93%;}


}

@media (max-width: 1024px) {
    #headerInnerWrap{    height: 190px;}

    #headerInnerWrap .headerbanner>div { justify-content: flex-start;}
   


}


@media (max-width:860px) {

	#headerInnerWrap .headerbanner>div {display: none !important;}

    #headerInnerWrap {  height: 95px;}




}
@media (max-width:500px) {

.header .logo img {  width: 70%;  margin: 0 auto;}



}


#footer {background-color:#f8f9fa; padding:60px 0;color:#5c5c5c;}
#footer .inner {display: flex; justify-content: space-between;}
#footer .inner img {color: #fff; width: 220px;}
#footer .inner .footerlogo {display: flex; align-items: center; margin-bottom:20px;}
#footer .inner .footerlogo ul {padding: 20px;}
#footer .inner .footerlogo ul a {color: #9b9b9b; font-size: 22px; padding: 0 15px;}
#footer .inner .footerBox {position:relative;  font-size:19px; font-weight:300; display: flex; justify-content: space-between; width: 55%;}
#footer .inner .footerBox .fB_disf{display: flex; margin-bottom: 20px;}
#footer .inner .footerBox .fB_disf p{ font-size: 22px; margin-right: 20px;}
#footer .inner .footerBox .fB_disf p strong{color: #222; font-weight: 600; margin-left: 10px;}
#footer .inner .footerBox .fB_disf+.fB_disf{ margin-top:5px;}
#footer .inner .footerBox p span+span{ margin-left:20px;}
#footer .inner .footerBox p span b{ padding-right:10px;}
#footer .inner .footerBox p  br{ display:none;}
#footer .inner .copy{    margin-top: 5px; font-size: 16px;}
#footer .inner .copy a{color: #5c5c5c;}
#footer .inner .footerlogo .ul li+li:before { content: '';  width: 1px; height: 10px;  position: absolute; top: 50%;  transform: translateY(-50%); left: 0; border-left: 1px solid rgb(0, 0, 0, 0.2);}

/* 사이트링크 */
.footerwith { width:250px;}
.footerwith .ftBtn_box{position:relative; width:100%; margin-left:10%;}
.footerwith .ftBtn_box:first-child{margin-left:0;}
.footerwith .ftBtn {position:relative; width:100%; height:45px; line-height:45px; text-align:left; cursor:pointer; border-radius:14px; background:none; background: #222;}
.footerwith .ftBtn::before {content:""; position: absolute; right:19px; top:21px; width:13px; height:1px; background:#fff; }
.footerwith .ftBtn::after {content:""; position: absolute; right:25px; top:15px; width:1px; height:13px; background:#fff;} 
.footerwith .ftBtn span { font-size:17px;line-height:15px; display:block; color:#fff; margin-left:15px;}
.footerwith .ftBtn.open::after{transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); z-index: 999;}
.footerwith .ft_site{display:none; position:absolute; bottom:45px; left:0;width:100%; max-height:245px; overflow:auto; background:rgba(0,0,0,0.8);z-index: 999;}
.footerwith .ft_site li a{position:relative; display:block; line-height:19px; margin:0 5px; padding:10px 10px 10px 20px; color:#ddd; border-top:1px dashed #666; overflow:hidden; font-size:15px; text-align:left;}
.footerwith .ft_site li a::before{content:""; position: absolute; left:10px; top:18px; width:3px; height:3px; background:#ddd; border-radius:50%;}
.footerwith .ft_site li:first-child a{border-top:0;}
.footerwith .ftBtn:hover,
.footerwith .ftBtn.open{background:#222; color:#fff;}
.footerwith .ftBtn:hover::before, .footerwith .ftBtn:hover::after{background:#fff;}
.footerwith .ftBtn, .footerwith a, .footerwith ::after, .footerwith ::before{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }


@media (max-width: 1920px) {

	#footer .inner img{ width:170px;}
	#footer .inner .footerlogo ul a{ font-size:19px;}
	#footer .inner .footerBox {font-size:16px;}
    #footer .inner .footerBox .fBbox2 strong {font-size: 26px;}
    #footer .inner .footerBox .fBbox2 p {font-size: 22px;}
}

@media (max-width: 1400px) {

}


@media (max-width: 1280px) {
    .inner {width: 95%;}

	#footer{ padding:70px 10px;}

    #footer .inner .footerBox .fBbox2 {  margin-top: 0px;}
    #footer .inner .footerBox .fBbox2 strong {font-size: 20px; }
    #footer .inner .footerBox .fBbox2 p {font-size: 18px; }
    #footer .inner .footerBox .fBbox2 p:nth-child(3) { margin-left: 90px;}
}


@media (max-width: 1028px) {
    .inner {}

	#footer .inner .privacy-b{ position:relative; margin-top:20px !important;}
	#footer .inner .footerBox p  br{ display:block;}

}
@media (max-width: 800px) {

#footer .inner{flex-wrap: wrap; position: relative;}
#footer .inner .footerBox { width: 100%;}
.footerwith {position: absolute; right: 0;}


}


@media (max-width: 640px) {
    .inner {}

    #footer { padding: 40px 10px; }
    #footer .inner img {  margin-bottom: 19px;}
    #footer .inner .footerBox { display: block;}
	#footer .inner .footerlogo{flex-direction: column;border-bottom:1px solid rgb(255,255,255,0.1)}
	#footer .inner .footerlogo ul{ padding:0 0 30px 0; }
    #footer .inner .footerBox .fBbox2 {  margin-top: 15px; }
    
    #footer .inner .footerBox .fB_disf {display: block;}


}


@media (max-width: 500px) {
    .inner {}

#footer .inner .footerBox p span{ display:block;}
#footer .inner .footerBox p span+span{ margin-left:0;}
#footer .inner .copy{ font-size:14px;}

#footer .inner .footerBox .fB_disf p {font-size: 16px;}

}