.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: 1920px;}
/* header �꽕�젙媛� */



#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;)}

.header { position:relative;top:0; left:0; height:100%; margin:0 100px; display: flex;flex-wrap: wrap;justify-content: space-between;z-index: 3; border-bottom:1px solid rgb(225,225,225,0.2)}
.header .logo {  z-index:9; width:170px; height:100%;}
.header .logo a {display: flex; align-items: center; width:100%; height: 100%; background:url(../images/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%;}
.headerfixed{position: fixed; top: 0; left: 0; width: 100%;}

.header .logo_m{ display:none;background:url(../images/common/logo-fixed.png) 50% 50% no-repeat; background-size:auto 100%; font-size:0; width:200px; height:65px; margin:10px;}
.header .logo_m a{ display:block; width:100%; height:100%;}
.header .nav {display: flex; }
.header .nav .close, .header .nav .logo {display: none}
.header .nav .deps_1 {height: 100%; display: flex; justify-content: center; }
.header .nav .deps_1 > li {height: 100%; font-size: 25px; font-weight: 500; 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 55px; 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:#0091db; opacity: 0; overflow: hidden ;
transition: all .3s ;padding: 17px 0; visibility: hidden}
.header .nav .deps_1 > li .deps_2 li > a {padding: 8px 0px;justify-content: center; font-size: 19px; color: #fff; font-weight:400;}
.header .nav .deps_1 > li .deps_2 li > a:hover{ color:#FF0}

.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  .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; }
/* Header :: FIXED �뒪���씪 (PC�뒪���씪) */
#header.fixed #headerInnerWrap{top:0; height:110px; box-shadow: 12px 9px 17px #0000001c; background:#fff; border-bottom:0;}
#header.fixed .logo{ top:20px;}
#header.fixed .logo a img{ width:200px;  background-image:url(../images/common/logo-fixed.png); }
#header.fixed .nav .deps_1 > li a{ color:#333;}
#header.fixed .hd_login a{ color:#777;}






/* Header */
#header{width:100%; position:absolute; left:0; top:0; z-index:9999999; /*border-bottom: 1px solid rgba(255,255,255,.2);*/ transition: all 0.3s ease-out;}
#header .header_in{margin:0 auto; padding:20px 15px; overflow: visible; clear:both; position: relative; }
#header .header_in h1{float:left; position: relative; z-index: 9999999;  margin: 8px 0 0 0; }
#header .header_in h1 a{display: block; width:160px; height:48px; background:url(../images/common/logo-fixed.png) no-repeat center/cover; background-size: contain;} 
#header .logo {  z-index:9; width:200px; height:100%;}
#header .logo a {display: flex; align-items: center; width:100%; height: 100%; background:url(../images/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 .header_in .topUtil{float:right; position: relative; z-index: 9999999; margin-top:12px;}
#header .header_in .topUtil ul{display: flex;}
#header .header_in .topUtil ul li{}
#header .header_in .topUtil ul li a{display: flex;  align-items: center; justify-content: center; border-radius:100%; width: 55px; height: 55px; box-sizing:border-box; border:1px solid rgba(255,255,255,.28); margin-left: 10px;}
#header .header_in .topUtil ul li a:hover{border-color:rgba(255,255,255,0.5);}
#header .header_in .topUtil ul li.searchBtn{width: 58px; height: 58px; cursor:pointer; background:url('../images/search.png') no-repeat center/20px auto; position: relative;}
#header .header_in .topUtil ul li.sitemapBtn{display: block;}
#header .header_in .topUtil ul li.btnMenu_m{display: none;}




#header .header_in .global_wrap{position: absolute; right:12%; top:52px; z-index:9999999;}
#header .header_in .global_wrap.pc{display: block;}
#header .header_in .global_wrap.mo{display: none;}

#header .header_in .global_wrap .global{height: 23px; color: #fff; font-size: 15px; line-height: 23px; box-sizing: content-box; transition: .3s; text-transform: uppercase; font-weight:300; letter-spacing: 0.3pt}
#header .header_in .global_wrap .global::after{content: ""; display: inline-block; width: 9px; height: 6px; background: url(../images/icon/lang_arrow.png) no-repeat center / cover; transition: .3s; margin: 0 0 2px 8px;}
#header .header_in .global_wrap .global:nth-child(2){position: absolute; bottom: 0%; left: 0; opacity: 0; visibility: hidden;}
#header .header_in .global_wrap .global:nth-child(2)::after{display: none;}
#header .header_in .global_wrap .global:nth-child(3){position: absolute; bottom: 0%; left: 0; opacity: 0; visibility: hidden; z-index:30000000}
#header .header_in .global_wrap .global:nth-child(3)::after{display: none;}
 

#header .header_in .global_wrap:hover .global:nth-child(1)::after{transform: rotate(180deg);}
#header .header_in .global_wrap:hover .global:nth-child(2){position: absolute; bottom: -100%; left: 0; opacity: 1; visibility: visible; padding-top: 10px; padding-right: 35px; z-index:300000000}
#header .header_in .global_wrap:hover .global:nth-child(3){position: absolute; bottom: -200%; left: 0; opacity: 1; visibility: visible; padding-top: 10px; padding-right: 35px; z-index:300000000}



.menu_list { cursor:pointer; }
#header.on{background-color: #fff; transition: all 0.3s ease-out;}
#header.on .header_in h1 a{background-image:url('../images/logo_up.png');}
#header.on .header_in .topUtil ul li.searchBtn{background-image:url('../images/search_up.png');}
#header.on .header_in .topUtil ul li.menu_list a{background-image:url('../images/sitemap_up.png'); border-color:rgba(0,0,0,.1);}
#header.on .gnbDiv > li > a{color:#222;}

#header.on .global_wrap{filter: invert(1);}


#header.fixed{position:fixed; top:0; transition: all 0.3s linear; z-index:10000; background-color: #fff; border-bottom:1px solid #ddd;}
#header.nofixed{position:fixed; top:-125px; transition: all 0.3s linear;}
#header.fixed .header_in h1 a{background-image:url('../images/logo_up.png');}
#header.fixed .header_in .topUtil ul li.searchBtn{background-image:url('../images/search_up.png');}
#header.fixed .header_in .topUtil ul li.menu_list a{background-image:url('../images/sitemap_up.png'); border-color:rgba(0,0,0,.1);}
#header.fixed .gnbDiv > li > a{color:#222;}
#header.fixed .global_wrap{filter: invert(1);}

#header.color{background-color: #fff; transition: all 0.3s ease-out;}
#header.color .header_in h1 a{background-image:url('../images/logo_up.png');}
#header.color .header_in .topUtil ul li.menu_list a{background-image:url('../images/sitemap_up.png'); border-color:rgba(0,0,0,.1);}
#header.color .gnbDiv > li > a{color:#1d86ff;}


	#header .searchZone{width:100%; background:rgba(35,44,99,.8); position:absolute; z-index:999999; left:0; top:109px;}
			#header .searchZone .searchBox{max-width:1280px; padding: 0 15px; margin:0 auto; height:0; visibility:hidden; transition:all 0.25s ease-out; overflow:hidden;}
			#header .searchZone.on .searchBox{height:50px; visibility:visible; transition:all 0.25s ease-out;  padding:30px 15px;}
			#header .searchZone .searchBox dl{overflow:hidden; clear:both;}
			#header .searchZone .searchBox dt input{padding:15px; float:right; }
			#header .searchZone .searchBox dt{height:50px;}
			#header .searchZone .searchBox dd{ float:left; width:calc(100% - 50px); }
			#header .searchZone .searchBox dd input{width:100%; border:none; height:50px; line-height:50px; padding:0; font-size:0.8824rem; color:#fff; background:none; border-bottom:1px solid rgba(255,255,255,0.1); }
			#header .searchZone .searchBox dd input::placeholder{color:rgba(255,255,255,0.7);}
			#header .searchZone .searchBox dd input::-webkit-input-placeholder{ color:rgba(255,255,255,0.7);}
			#header .searchZone .searchBox dd input::-moz-placeholder,{ color:rgba(255,255,255,0.7); }
			#header .searchZone .searchBox dd input:-ms-input-placeholder{ color:rgba(255,255,255,0.7);}
			#header .header_in .topUtil ul li.searchBtn span{display: block; position: relative; width: 20px; height: 20px; position: absolute; left: 50%; top:50%; transform:rotate(135deg); transition:all 0.2s linear; margin: -10px 0 0 -10px;}


	#header.color{background:#fff;}
	#header.color .header_in .topUtil ul li.searchBtn{background:none; }
			#header.color .header_in .topUtil ul li.searchBtn span::before{content:""; display:block; width:20px; height:2px;background:#222222; position:absolute; top:9px;}
			#header.color .header_in .topUtil ul li.searchBtn span::after{content:""; display:block; height:20px; width:2px;background:#222222; position:absolute; left:9px;}




/* PC 硫붾돱 */
#menu {position:absolute; width:100%; left:0; top:0; z-index: 900; background-color: rgba(0,0,0, 0.6);}
#menu .gnbDiv {max-width:1280px; margin:57px auto 0 auto; box-sizing:border-box; }
#menu .gnbDiv > li {float:left; padding-right:54px;}
#menu .gnbDiv > li.one{margin-left:350px;}
#menu .gnbDiv > li:last-child {padding-right:0}
#menu .gnbDiv > li > a {width:100%; font-weight:600; position:relative; font-size:1.05rem; display:block; position:relative; line-height:100%; box-sizing:border-box; padding:0 0 40px 0; text-align:center; color:#fff; transition: all 0.15s ease-out; z-index:9999;}
#menu .gnbDiv > li > a:after {position:absolute; left:0; bottom:0; display:block; content:""; width:100%; height:3px; background-color:#1d86ff; transform:scale3d(0,1,1); transform-origin:left; transition:all .3s;}
#menu .gnbDiv > li:hover > a:after {transform:scale3d(1,1,1);}
#menu .gnbDiv > li:first-child a {}
#menu .gnbDiv > li:last-child a {}
#menu .gnbDiv > li:hover {transition: all 0.3s ease-out;}
#menu .gnbDiv > li:hover > a {color:#1d86ff; transition: all 0.15s ease-out;}
#menu .gnbDiv > li:hover > a:after {opacity:1; transition: all 0.2s ease-out;}


	/* PC �븯�쐞硫붾돱 */
	#menu .twoDep {position:absolute; overflow:hidden; width:100%; top:109px; left:0; width:100%; background:rgba(255,255,255, 0.9); box-sizing:border-box; border-top:1px solid #ddd; height:0; opacity:0; transition: all 0.2s ease-out; visibility: hidden;}
	#menu .twoDep_in {position:relative; max-width:1280px; box-sizing:border-box; margin:0 auto; overflow:hidden; opacity:0; transition: all 0.3s ease-out; height:388px;}
	#menu .twoDep_tit {max-width:400px; width: 100%; height:388px; float:left; opacity:0; box-sizing:Border-box; padding:60px 0 0; transition: all 0.3s ease-out; background:url('../images/menu_bg.png') no-repeat right bottom;}
	#menu .twoDep_tit h6 {position:relative; font-size:1.75rem; font-weight: 800; letter-spacing: 0.5pt; color:#222222;}
	#menu .twoDep_tit p {font-size:0.9375rem; color:#888888; letter-spacing: 0.2pt; font-weight: 300; padding-top: 10px;}

	#menu .twoDep_menu {position:relative; float:left; max-width:380px; width: 100%; box-sizing:border-box; opacity:0; transition: all 0.3s ease-out; z-index:9999; display: flex;} 
	#menu .twoDep_menu dd {padding:60px 30px 60px 0; box-sizing:border-box;}
	#menu .twoDep_menu dd a {display: block; font-size: 1.2rem; letter-spacing: -0.35pt; color: #444; transition: all .1s linear; padding-bottom: 10px; line-height: 1.5rem;}
	#menu .twoDep_menu dd a:hover{color:#1d86ff; font-weight: 700;transition:all .1s linear;}

	#menu .m_img{float: left; max-width: 450px; width: 100%; padding-top: 60px; opacity:0;}
	#menu .m_img img{border-radius: 0 40px 0 0;}

	#menu .gnbDiv > li:hover .twoDep {z-index:1; height:auto; opacity:1; transition: all 0.2s ease-out; visibility: visible; border-bottom: 1px solid #ddd;}
	#menu .gnbDiv > li:hover .twoDep_in {z-index:999; opacity:1;  transition: all 0.3s ease-out;}
	#menu .gnbDiv > li:hover .twoDep_tit {opacity:1; transition: all 0.3s ease-out;}
	#menu .gnbDiv > li:hover .twoDep_menu {opacity:1; transition: all 0.3s ease-out;}
	#menu .gnbDiv > li:hover .m_img {opacity:1; transition: all 0.3s ease-out;}


/* 紐⑤컮�씪 硫붾돱 : �뒳�씪�씠�뱶 硫붾돱 */
#menuArea {display:none; position:fixed; top:0; right:0; width:280px; overflow-x:hidden; z-index:99999999; height:100%;}
#menuArea .menuList {position:absolute; height:100%; width:280px; background: #fff; box-sizing:border-box; overflow-y:auto;}
#menuArea .menuList h2 {position:relative; padding:20px; box-sizing:border-box; overflow:hidden; }
#menuArea .menuList h2 a{display: block; width: 130px;}
#menuArea .menuList h2 a img{width: 100%;}

#menuArea .menuList .btnMenu_mClose{display: block; font-family: 'Poppins', sans-serif; font-size:13px; line-height:46px; font-weight: 600; color:#1d86ff; letter-spacing: 0.5pt; text-align:center; width: 88%; border-radius:50px; background:#f0f0f0; position: relative; margin: 15px auto 0; border: none; cursor:pointer;}


#menuArea .menuList>.list {background-color:#fff; width:100%;}
#menuArea .menuList>.list>li {background:#fff; border-bottom: 1px solid #ddd;}
#menuArea .menuList>.list>li:first-child{border-top: 1px solid #ddd;}
#menuArea .menuList>.list>li>a {padding:20px 21px 20px 21px;display:block; font-size:16px; font-weight:400; letter-spacing:0.3pt; line-height:100%; color:#222; text-decoration:none !important; font-family: 'Poppins', sans-serif; position:relative;}
#menuArea .menuList>.list>li>a:after{content:''; display:block; width:12px; height:6px; background:url('../images/menuArrow.png') no-repeat center/100%; position:absolute; right:21px; top:50%; transform:translateY(-50%);}
#menuArea .menuList>.list>li.active>a:after{background-image:url('../images/menuArrow_on.png');}
#menuArea .menuList>.list>li>a span.icon {position:relative; top:3px; width:10px; height:9px; float:right; display:block; background:url('../images/lan_arrow.png') 0 0 no-repeat; background-size:100%;}
#menuArea .menuList>.list>li.active>a{font-weight: 500; background-color: #1d86ff; color:#fff;}

#menuArea .menuList>.list .sMenu {background-color: #fff; position: relative;  padding:15px 25px 15px 30px; display:none;}
#menuArea .menuList>.list .sMenu>li {}
#menuArea .menuList>.list .sMenu>li>a {font-weight:400; display:block; padding:3px 0 3px 0; border:none; color:#666; text-decoration:none !important; letter-spacing:-0.3pt; position: relative; padding-left: 14px; font-size:14px;}
#menuArea .menuList>.list .sMenu>li>a:after{content:''; display: block; width: 6px; height: 1px; background-color: #ddd; position: absolute; left: 0; top:14px;}
#menuArea .menuList>.list .sMenu li:first-child a {padding-top:0}
#menuArea .menuList>.list .sMenu li:last-child a {padding-bottom:0}
#menuArea .menuList>.list .sMenu>li:first-child>a:after{top:11px;}

#grayLayer {width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:999999999; overflow-x:hidden; overflow-y:auto; display:none;}
#grayLayer > a {display:block;width:100%;height:100%}



.header_banner {background-color: rgba(0, 0, 0, 0.8); color: #ddd; display: flex;   align-items: center; justify-content: center;  padding: 30px; margin-top: 113px;}
.header_banner p strong{color: #97c5fa; font-weight: 500;}
.header_banner a span { color: #97c5fa; margin-left: 50px;  border: 1px solid #97c5fa; padding: 7px 35px; border-radius: 25px; }




/* 湲곕낯�쟻�쑝濡� �꽌釉뚮찓�돱瑜� �닲源곷땲�떎 */
#menuArea .menuList .sMenu {
    display: none; /* �꽌釉뚮찓�돱 湲곕낯 �닲源� */
}

/* �꽌釉뚮찓�돱瑜� 蹂댁씠�룄濡� �븯�뒗 active �겢�옒�뒪 */
#menuArea .menuList > .list > li.active .sMenu {
    display: block; /* �꽌釉뚮찓�돱 蹂댁씠湲� */
}

/* 紐⑤컮�씪 硫붾돱 湲곕낯 �뒪���씪 */
#menuArea {
    display: none; /* 湲곕낯�쟻�쑝濡� �닲源� �긽�깭 */
}

/* 紐⑤컮�씪 硫붾돱 �몴�떆瑜� �쐞�븳 誘몃뵒�뼱 荑쇰━ */
@media all and (max-width: 980px) {
    #menuArea {
        display: block; /* 紐⑤컮�씪 酉곗뿉�꽌 蹂댁씠�룄濡� �꽕�젙 */
    }
    #menuArea .menuList {
       
        transition: right 0.3s ease; /* �븷�땲硫붿씠�뀡 異붽� */
    }
    #menuArea.show .menuList {
        right: 0; /* 硫붾돱媛� 蹂댁씠�룄濡� �꽕�젙 */
    }
}


@media all and ( min-width: 1221px ){	
	
	#header.fixed{ height:90px;}

	#header.fixed .header .logo{  width:170px;}
	#header.fixed .header .logo a{background:url(../images/common/logo.png) no-repeat 50% 50%; background-size:100% auto;}
	#header.fixed .header .nav .deps_1 > li { font-size:23px;}
	#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;}
	
	#header.fixed .youtube{ border:1px #ddd solid;}
	#header.fixed .en_link a{ border:none; background:#06C}
	#header.fixed .header > .icon-box button{ color:#333;}
	
}

@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}

	.header .ham, .header .quick-text {display: block; color: #666;}


}



#footer {background-color:#f9f8fd; padding:40px 0;color:#4f4f52; border-top: 4px solid #423d3abd;}
#footer .inner img {color: #fff; width: 220px;}
#footer .inner .footerlogo {display: flex; align-items: center; margin-bottom:20px; justify-content: space-between;}
#footer .inner .footerlogo ul {padding: 20px;}
#footer .inner .footerlogo ul a {color: #444; font-size: 22px; padding: 0 15px; font-weight: 500;}
#footer .inner .footerlogo ul li:nth-child(2) a: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);}
#footer .inner .footerBox {position:relative;  font-size:19px; font-weight:300; display: flex; justify-content: space-between; border-top: 1px solid #ccc;  padding-top: 10px;  margin-top: 10px;}
#footer .inner .footerBox .fB_disf{display: flex;}
#footer .inner .footerBox .fB_disf p{margin-right: 20px;}
#footer .inner .footerBox .fB_disf p span{}
#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 .privacy-b{ position:absolute; right:0; top:0;}
#footer .inner .privacy-b a{ color:#999; border:1px solid rgb(255,255,255,0.2); display:inline-block; padding:10px 20px; border-radius:10px;}
#footer .inner .copy{ margin-top:30px; font-size: 14px; font-weight: 300;}
#footer .inner .copy a{color:#4f4f52;}
/*#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);}*/

@media (max-width: 1920px) {
	.inner {width: 1400px;}

	#footer .inner img{ width:170px;}
	#footer .inner .footerlogo ul a{ font-size:17px;}
	#footer .inner .footerBox {font-size:14px;}

    #header{height:90px;}
	#headerInnerWrap{ height:90px;}
	.header{ margin:0 100px;}
	.header .logo{ width:120px;}
    #header .header_in .global_wrap { right: 15%;}

	.header .nav .deps_1 > li{ font-size:20px;}
	.header .nav .deps_1 > li a{ padding:0 40px;}
	.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:110px;}
	#header.fixed .header .nav .deps_1 > li { font-size:19px;}
	#header.fixed .header .nav .deps_1 > li .deps_2 li > a{ font-size:15px;}
	
	.google_select{ height:35px;}
	#google_translate_element > div > div{ height:30px; line-height:30px;}
	.header .youtube{ height:35px; line-height:35px;}
	.header .youtube i{font-size:25px;}


    
}

@media (max-width: 1680px) {

	.header .logo{ left:10px;}
	.header .nav .deps_1 > li{ font-size:19px;}
	.header .nav .deps_1 > li a{ padding:0 20px;}
	.hd_login{ padding-right:10px;}


}


@media (max-width: 1400px) {

.inner {  width: 80%; }


#header{height:70px;}
#headerInnerWrap{ height:70px;}
.header .logo{ width:130px; padding-left:20px;}
.header .logo_m{ display:block;}
#header.fixed{ height:70px;}
#header.fixed #headerInnerWrap{ height:70px;}
#header.fixed .header .logo{  width:130px;}
.header{ margin:0 10px;}
.header .nav{justify-content:top;}
.header .nav .close ,
.header .icon-box button.ham, .header .quick-text {display: block; color: #666;}

.headerfixed {position: sticky;}
.header_banner{margin: 0;}
#header .header_in .global_wrap {right: 26%;}



.header .nav .close {position: absolute; right:20px; top: 17px; color: #fff; background:none; font-size:20px; width:37px; height:37px;  text-align:center; display:flex;justify-content: center;  align-items: center; cursor:pointer;}
.header .nav {position: fixed; left:0%;right: auto ;top: 0; width: 100%; height: 100%; z-index:10000; display: block; background-color: #00508f;
    transform: translate(100%,0);  transition: left .5s ease-in-out;overflow: auto; }
.header.on .nav {left: -100%; }
.header .nav .logo {display:block; height:90px;}
.header .nav .quick-text{display: block; margin-top: 70px; 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:calc((100% / 4) - 31px); border: 1px solid rgba(255,255,255, 0.2); height:50px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 15px;}
.header .nav .quick-text .navi_bg li a{ color:#fff;}
.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:10px 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(4),
.header .nav .deps_1 > li:nth-of-type(5) {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(4) > a,
.header .nav .deps_1 > li:nth-of-type(5) > 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(4) > a:after,
.header .nav .deps_1 > li:nth-of-type(5) > 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:#156eb3;}
.header .nav .deps_1 > li .deps_2 li > a {justify-content: flex-start; padding-left: 40px}

.header .nav .hd_login{ display:block;}
.header .r_con{ padding-right:50px;}
.header .r_con .hd_login{ display:none;}

.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}

.header .icon-box ul{ margin-right:50px;}

#header .header_in .topUtil ul li.btnMenu_m { display: block;} 
	
#menu .gnbDiv{display: none;}


}

@media (max-width: 1200px) {

#menuArea{display: block;}
.side-bar {display: block;}
/*#header .header_in .topUtil ul li.btnMenu_m{display: none;}*/

}

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

	#footer{ padding:70px 10px;}
}


@media (max-width: 1028px) {
    .inner { /*width: 960px;*/}

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

	#header .header_in .topUtil, #header .header_in .global_wrap.pc{}

	#menu .twoDep_in {max-width: 100%;}
	#menu .m_img {display: none;}

}
@media (max-width: 640px) {
    .inner { /*width: 600px;*/}

    #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; }

    .header .icon-box ul{ display:none;}

.header { margin:0;}
.header .logo{ padding-top:50px}
.header .logo a{background-size:110px auto;}

.header .nav .deps_1 > li > a{ padding: 15px 20px ;}
#google_translate_element > div > div{ min-width:100px;} 

.header .youtube{ padding:0 10px;}

.header .nav .hd_login li{ display:inline-block;}

.header .r_con .area{}
.hd_login{ padding-right:0;justify-content: center; margin-bottom:15px;}
.hd_login  a{ display:inline-block;}
#headerInnerWrap{ height:110px;}
.header{ display:block;}
.header .r_con{ position:absolute; top:0; left:0; width:100%; background:rgb(0%,0%,0%, 0.5); padding:5px 0; top:0; left:0;transform: translateY(0%); text-align:center;justify-content:center;}
.header .area{justify-content: center;}
.header .logo{ height:56px; top:50px;}
button.ham{ margin-top:25px;}
#header.fixed .logo{ padding-top:0px}
#header.fixed .r_con{ display:none}
#header.fixed button.ham{ margin-top:0;}
#header.fixed .logo{top:0px;}

.header .logo_m{ height:50px; background-size:auto 100%; background-position:0 50%}


}


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

	#header .header_in {padding: 20px 0; width: 98%;}
}

@media (max-width: 480px) {

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