/* 공통 */
.max-inner {max-width: 1600px;width: 100%;padding: 0 20px;margin: 0 auto; z-index:10}
.sub-header {z-index:10}
.sub_visual .cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('/theme/miraei/img/sub_visual_cover.png') center bottom no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-width: 1200px;
opacity: .6;
z-index: 1;
margin: 0px;
}

.sub_visual .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0px;
}

.sub_visual .cover.loading { left:0; }

.sub_visual {width: 100%;height: 550px;background-color: #333;background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;text-align: left;color: #fff;padding-top: 20px;position: relative; overflow: hidden;}

.sub_visual.visual01 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual02 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual03 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual04 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual05 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual06 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual07 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual08 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual09 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual10 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual11 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual12 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}
.sub_visual.visual13 {background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/data/file/sub_page/sub_<?php echo $SUB_BG_CLASS ?>.jpg');}

.sub_visual .visual-title h1 {font-size: 65px;color: #fff;margin-bottom: 10px;}
.sub_visual .visual-title p {font-size: 17px;color: #fff;opacity: 0.8;line-height: 1.65;word-break: keep-all}
.sub-header {width: 100%;position: absolute;bottom: 55%;left: 0;}

.sub-header ul.sub-position {display: flex;flex-wrap: wrap;}
.sub-header ul.sub-position > li {display: flex;position: relative;align-items: center;padding: 0 30px 10px;cursor: pointer;width: calc(50% - 25px);max-width: 240px;font-size: 17px; color:#fff;}
.sub-header ul.sub-position > li.home {padding-left: 0;width: 50px;}
.sub-header ul.sub-position > li.home a {display: flex;}
.sub-header ul.sub-position > li.home::after, .sub-header ul.sub-position li.home::before {display: none;}
.sub-header ul.sub-position > li::after {content: "";
width: 13px;height: 8px;background: url('<? echo G5_THEME_URL?>/img/sub/arrow.png') no-repeat;display: block;position: absolute;right: 20px;}

/* 드롭다운 활성화 상태 */
.menu-item.open .sub-dropdown {
    display: block; /* .open 클래스가 있을 때 드롭다운 표시 */
}


/* 기존 스타일 */
/*.sub-header ul.sub-position > li:last-child::after {
    background: none;
}*/
.sub-header ul.sub-position > li::before {
    content: "";
    width: 1px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0;
}

/* 드롭다운 기본 숨김 상태 */
.sub-header ul.sub-position li ul.sub-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 20px 30px;
    width: 100%;
    background-color: #000;
    display: none; /* 기본적으로 숨김 */
}

/* 드롭다운 항목 스타일 */
.sub-header ul.sub-position li ul.sub-dropdown li {
    padding: 5px 0;
}

.sub-header ul.sub-position li ul.sub-dropdown li a {
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 1.65;
    opacity: 0.8;
}

.sub-header ul.sub-position li ul.sub-dropdown li a:hover {
    opacity: 1;
}
.sub-dropdown {
    display: none; /* 기본적으로 숨김 */
}

.sub-dropdown.open {
    display: block !important; /* .open 클래스가 추가되었을 때 표시 */
}



.boxSubimgbg { left:-100%; mix-blend-mode:multiply; filter:contrast(1.5); position:absolute; transition: all 1s ease; width:100%; height:100%; background:linear-gradient(110deg, rgba(0,32,64,.75) 40%, transparent 65%); }
#boxSubimg .boxSubimgbg.loading { left:0; }

@media (min-width:240px) and (max-width: 768px) {

.sub-header ul.sub-position li ul.sub-dropdown {width: max-content;}
.sub_visual .visual-title h1 {font-size: 35px}
.sub_visual {height:350px;}
.sub_visual .cover {min-width:100%;}

}


@media only screen and (max-width: 768px) {
    .sub-header ul.sub-position > li::after {
        content: none;
        display: none;
    }
	.sub-header ul.sub-position > li {
    display: flex;
    position: relative;
    align-items: center;
    padding: 0 10px 10px;
    cursor: pointer;
    width:auto;
    max-width: 240px;
    font-size: 12px;
	color: #000000;
	}
	.sub-header ul.sub-position > li.home {width:35px;}
	.sub-header ul.sub-position > li.home img {width:85%;}
}


/* 모바일에서 홈 버튼만 클릭 가능 */
@media only screen and (max-width: 768px) {
    .menu-item {
        pointer-events: auto; /* 모바일에서 드롭다운 클릭 가능 */
    }
    
    .home {
        pointer-events: auto; /* 홈 버튼은 계속 클릭 가능 */
    }
}

/* 데스크탑에서는 드롭다운 메뉴 활성화 */
@media only screen and (min-width: 769px) {
    .menu-item {
        pointer-events: auto;
    }
}













#btn-menu-m, #btn-menu-m span {display: inline-block;transition: all 0.4s;box-sizing: border-box; } 
#btn-menu-m {position: fixed;width: 30px;height: 40px;top: 10px;right: 15px;z-index: 120;display: none; } 
#btn-menu-m span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #000; } 
#btn-menu-m.active span {background-color: #000;height: 1px}
#btn-menu-m span:nth-of-type(1) {top: 8px; } 
#btn-menu-m span:nth-of-type(2) {top: 16px; } 
#btn-menu-m span:nth-of-type(3) {bottom: 13px; } 
#btn-menu-m.active span:nth-of-type(1) {-webkit-transform: translateY (16px) rotate (-45deg);transform: translateY(16px) rotate(-45deg);top: 0px; } 
#btn-menu-m.active span:nth-of-type(2) {opacity: 0; } 
#btn-menu-m.active span:nth-of-type(3) {-webkit-transform: translateY(-23px) rotate(45deg);transform: translateY(-23px) rotate(45deg);bottom: 0px; } 
/*#logo-line { width: 1200px; max-width: 100%; margin: 20px auto; height: 50px; overflow: hidden; } 







/*헤드메뉴*/
#header_wrap {position: fixed; width:100%; height:81px; background:rgba(0,0,0,0.5); z-index:10}
.scrolled #header_wrap  { background-color:#000; border-bottom:none; -webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header {position:absolute;left:0;top:0px;  width:100%; max-width:1400px; left: 50%; transform:translateX(-50%) ;z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header .header-inner {width:100%; height:100% }
#header .gnb { list-style:none; height:100%; position:absolute; right:0px}
#header .gnb > li { float:left; position:relative; display:inline-block; width:100px;  vertical-align:middle; text-align:center;}
#header .gnb > li > a {display:inline-block; line-height:1em; width:100%; color:#ddd; font-size:15px; letter-spacing:-0.5px; font-weight:600; text-decoration:none;}
#header .gnb > li > a:hover {color: #fff}
#header .gnb > li.active {background-color: #b0905e}
#header .gnb > li.active > a {color: #fff}
#header .gnb .login {  font-size:12px; width:70px; color:#fff}
#header .gnb .join { font-size:12px; color:#fff; margin-left:20px}
#header .gnb .login a { color:#ddd; font-size:12px}
#header .gnb .login a:hover { color:#fff}
#header .gnb .join a { color:#ddd; font-size:12px}
#header .gnb .join a:hover { color:#fff}
#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:20px; background-image:url(<? echo G5_THEME_URL?>/img/cate_more.gif); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url(<? echo G5_THEME_URL?>/img/cate_close.gif)}
#header .gnb > li, #header #right-side-open {height:80px;line-height:80px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header #right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#header #right-side-open span{display:inline-block;width:20px; height:20px;font-size:20px;line-height:1em;margin-top:-10px; margin-left:-10px; position:absolute; top:50%;left:50%; color:#fff;}
#header .gnb .snb {list-style:none; display:none;}
#header #logo { margin-left:25px; padding:0}
#header #logo a { display:block; width:100px; height:80px; line-height:80px}
#header #logo img { width:100%}
#header .gnb .snb,.device-md #header .gnb .snb{display: none;position: absolute;right: -82px;width: 200px; top:80px; border-top: 0;background-color: #000; z-index:2}
#header .gnb .snb li { font-size:14px; line-height:3.1; text-align:left; border-top:1px solid #414141;}
#header .gnb .snb li a { color:#FFF; display:block; padding-left:20px}
#header .gnb .snb li a:hover {color:#fff;  display:block; background-color:#2253b8; text-decoration:none; line-height:3.1}
#header .gnb .snb li:first-child { border-top:0}


/*#btn-menu-m .navicon-line { position:absolute; width:20px; height:2px; border-radius:1px; background:#fff; -webkit-transition:all .7s ease-out; -moz-transition:all .7s ease-out; -o-transition:all .7s ease-out; transition:all .7s ease-out } 
#btn-menu-m .nl1 { top: 11px; right: 10px; width:30px; } 
#btn-menu-m .nl2 { top: 19px; right: 10px; width:24px; } 
#btn-menu-m .nl3 { top: 27px; right: 10px; width:30px; } 



#open-button { position:fixed; z-index:10000; right:15px; padding-top:18px; width:75px; height:80px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; cursor:pointer; display:block; } 
#open-button .navicon-line { position:absolute; width:20px; height:2px; border-radius:1px; background:#fff; -webkit-transition:all .7s ease-out; -moz-transition:all .7s ease-out; -o-transition:all .7s ease-out; transition:all .7s ease-out } 
#open-button .nl1 { top: 11px; right: 10px; width:30px; } 
#open-button .nl2 { top: 19px; right: 10px; width:24px; } 
#open-button .nl3 { top: 27px; right: 10px; width:30px; } 
#open-button.on>div>div { transform:rotate(225deg); -ms-transform:rotate(225deg); -webkit-transform:rotate(225deg); width:25px; position:absolute; top:15px; right:10px; margin:0; padding:0; background-color:#fff; } 
#open-button.on>div>div:first-child { transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg) } 
#open-button.scrolled .navicon-line { background-color: #333; } 
#open-button.on.scrolled >div>div { background-color:#fff; } 
*/

.logo_ko {height: 100%;width: 170px;float: left;margin-left: 20px;text-align: center;position: relative;float: left}
.logo_ko a {display: block;width: 160px;height: 50px;line-height: 80px;background-image: url('/carecenter/theme/miraei/img/logo2.png');background-position: center left;background-size: 100%;background-repeat: no-repeat; } 
.logo_en {height: 100%;width: 170px;float: left;margin-left: 20px;text-align: center;position: relative;float: left}
.logo_en a {display: block;width: 160px;height: 80px;line-height: 80px;background-image: url('/carecenter/theme/miraei/img/logo2.png');background-position: center left;background-size: 90%;background-repeat: no-repeat; } 

#logo-line .contact {height: 100%;background-color: yellowgreen;float: right; } 
#logo-line .contact ul {overflow: hidden;height: 100%;width: 200px; } 
#logo-line .contact ul li {float: left;width: 50%;height: 100%; } 

#header-wrap {position: fixed;z-index: 100;width: 100%;height: 80px;z-index: 3; } 
.scrolled #header-wrap {background: rgba(0,0,0, .7);border-bottom: 0;z-index: 4}
#header .lnb-line {height: 100%;position: absolute;right: 0;display: flex; align-items: center; } 
#header.fixed {position: fixed;top: 0;width: 100%; } 
#header .lnb-line:after {content: " ";visibility: hidden;display: block;height: 0;clear: both; } 
#lnb {float: left; } 
.lnb-line #menu-ctl {display: none;position: absolute;top: 0px;right: 0px;z-index: 10; } 
#lnb * {box-sizing: border-box; } 
#lnb > ul:after {content: " ";visibility: hidden;display: block;height: 0;clear: both; } 
#lnb > ul > li {display: inline-block;padding: 0 15px;height: 80px;line-height: 80px;float: left;margin-left: -1px;transition: all 0.5s;white-space: nowrap; } 

@media screen and (max-width: 960px) {

#header-wrap {height: 60px}
#lnb > ul > li {height: 60px;line-height: 60px}
.logo a {height: 60px;background-size: 70%}
.lnb-line #menu-ctl {display: block}

/* 아이콘 표시용 스타일 */
.arrow.d1 i {
    display: inline-block;
    font-size: 18px;
    color: #333;
}

/*
 #lnb > ul[data-idx="1"] > li:nth-child(5), 
 #lnb > ul[data-idx="1"] > li:nth-child(6) { width:10px; overflow:hidden; opacity:0.5;}
 #lnb > ul[data-idx="2"] > li:nth-child(6), 
 #lnb > ul[data-idx="2"] > li:nth-child(1) { width:10px; overflow:hidden; opacity:0.5; } 
 #lnb > ul[data-idx="3"] > li:nth-child(2), 
 #lnb > ul[data-idx="3"] > li:nth-child(1) { width:10px; overflow:hidden; opacity:0.5; } 
 */
#lnb > ul > li.hide {width: 10px;overflow: hidden;opacity: 0.5; } 
#menu-ctl > a {display: inline-block;width: 30px;line-height: 60px;background-color: #fff;font-size: 20px;text-align: center; } 

}

#lnb > ul > li > a {display: block;width: 100%;height: 100%;padding: 0 10px;text-align: center;font-size: 17px;font-weight: 600;color: #fff;opacity: 0.8}
#lnb > ul > li > a:hover {opacity: 1}
#lnb > ul > li > ul {position: absolute;width: 100%;display: none;box-sizing: content-box;margin-left: -1px;z-index: 2; } 
#lnb > ul > li > ul ul {position: absolute;width: 100%;display: none;border: 1px solid #525252;box-sizing: content-box;margin-top: -1px;top: 0;left: 100%;margin-left: 0px; } 
#lnb > ul li.on > ul {position: absolute;display: block; } 
#lnb li {position: relative; } 
#lnb > ul > li li {/*border-top: 1px solid #525252; */
/*line-height: 15px;height: 50px; */
background-color: #fff;padding: 0;/*margin-top: -1px; */}
#lnb > ul > li li:first-child {/*border-top: 0*/}
#lnb > ul > li li:nth-last-child(1) {/*height: 50px;line-height: 50px; */}

#lnb .depth2 { line-height:50px !important; } 
#lnb > ul > li > ul.depth2 { box-sizing: border-box !important; } 

#lnb > ul > li li > a {width: 100%;height: 100%;display: block;padding: 0 5px;color: #000;font-size: 14px; font-weight:700;}
#lnb > ul > li li > a:hover {/*padding-right: 50px;background-color: #4168ad; */
color: #000}



 
#lnb > ul > li > ul {position: absolute; top: 80px; left: 50%; width: 180px; margin-left: -90px; padding: 0 20px; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .08); border-radius: 20px; } 

#lnb > ul > li > ul:before { position: absolute; top: -12px; left: 50%; content: ''; margin-left: -6px; border-style: solid; border-width: 6px; border-color: transparent transparent #fff transparent; } 

#lnb > ul > li > ul ul { } 
#lnb .arrow {position: absolute;width: 30px;height: 30px;font-size: 14px;color: #fff;display: inline-block;right: -5px;top: 50%;margin-top: -15px;text-align: center;line-height: 30px;z-index: 1; } 
#lnb ul ul .arrow {transform: rotate(-90deg); } 
#login-box, #login-box2 {height: 80px;line-height: 80px;float: right;padding-left: 50px}
#login-box3 {height: 50px;text-align: center;margin-bottom: 10px; display:none;} 
#login-box a, #login-box2 a, #login-box3 a {display: inline-block;padding: 0 10px;height: 50px;line-height: 50px;text-align: center;color: #ddd;font-size: 12px; } 
#login-box2 {display: none; } 
#top-bg-wrapper {position: relative;z-index: 10;border-bottom: 1px solid #ddd; } 
#top-bg-wrapper .bg {width: 100%;height: 100%; } 
#container-box {width: 100%;position: relative;/*border-bottom: 1px solid #ddd; */} 

@media screen and (min-width:240px) and (max-width: 1239px) {

	#header .lnb-line {display: none; } 
	#header-wrap {position: fixed;top: 0; } 
	#header-wrap #logo-line {margin: 0; } 
	#logo-line .logo {display: inline-block;float: none; } 
	#logo-line .contact {display: none; } 
	#btn-menu-m {display: inline-block; } 
	#top-bg-wrapper {} 

}

@media (min-width:767px) and (max-width:1920px) {
	.sub-header {bottom: 45% !important}
}

@media (min-width:768px) and (max-width:840px) {

	.sub-header ul.sub-position > li {width: calc(50% - 25px) !important;}
}

#m-lnb-wrapper {position: fixed;top: 0;right: -100%;z-index: 110;width: 100%;height: 100vh;overflow: auto;background-color: #fff;/*opacity: 0.9; */
box-sizing: border-box;padding-top: 60px;padding-left: 2em;padding-right: 1em;transition: all 0.5s; } 
#m-lnb-wrapper.on {right: 0px; } 
#m-lnb > ul {border-bottom: 1px solid #eee;font-size: 14px; } 
#m-lnb > ul li > a {color: #000; } 
#m-lnb > ul > li > span {position: absolute;right: 0;top: 0;width: 40px;height: 50px;font-size: 14px;text-align: center;transition: all 0.4s;color: tomato;cursor: pointer}
#m-lnb > ul > li > span i { color: #000; font-size: 18px; } 
#m-lnb > ul > li.on > span {transform: rotate(180deg); } 
#m-lnb > ul > li li > span {position: absolute;right: 0;top: 0;width: 40px;height: 40px;font-size: 14px;text-align: center;transition: all 0.4s;color: tomato;cursor: pointer}
#m-lnb > ul > li li.on > span {transform: rotate(180deg); } 
#m-lnb > ul li {position: relative; } 
#m-lnb > ul > li > a {display: inline-block;padding: 0 10px;font-size: 16px; } 
#m-lnb > ul > li {line-height: 55px;border-bottom: 1px solid #eee; } 
#m-lnb > ul > li:nth-last-child(1) {border-bottom: 0; } 
#m-lnb > ul > li ul {display: none;line-height: 40px; } 
#m-lnb > ul > li li {border-top: 1px solid #dadada;background-color: #fff; } 
#m-lnb > ul > li li li {border-top: 1px solid #dadada;background-color: #fff; } 
#m-lnb > ul > li li > a {display: inline-block;padding: 3px 15px 3px 20px;width: 100%;}
#m-lnb > ul > li li li > a {display: inline-block;padding: 0 10px 0 40px; } 

#m-info {position: relative; bottom: 0; width: 100%; left: 50%; transform: translate(-50%); color: #000000; padding-top: 3rem;line-height: 1.4rem; font-size: 14px; text-align: center;} 
#m-logo {position: absolute; top: 0px; left: 10px; height: auto;} 
.select-nav {background-color: #fff;display: inline-block;float: left; } 
.select-nav:after {content: " ";visibility: hidden;display: block;height: 0;clear: both; } 
.select-nav .select {float: left;width: 220px;height: 70px;position: relative;box-sizing: border-box;border-left: 1px solid #ddd;border-right: 1px solid #ddd;margin-left: -1px; } 
.select-nav .select:first-child {border: 0}
.select-nav .select .down {position: absolute;width: 25px;height: 25px;display: inline-block;top: 20px;right: 5px;line-height: 25px;text-align: center;color: #ddd;font-size: 20px;transition: all 0.5s; } 
.select-nav .select.on .down {transform: rotate(180deg); } 
.select-nav .select.d1 {margin-left: 0; } 
.select-nav .select button {width: 100%;height: 100%;background-color: #fff;border: 0;text-align: left;padding-left: 25px;outline: none;font-size: 15px; } 
.select-nav .select button .t1 {font-weight: 500;color: #000; } 
.select-nav .d3 button {font-weight: bold}
.select-nav .select > ul {display: none;position: absolute;top: 100%;left: -1px;width: 100%;border: 1px solid #ddd;background-color: #fff;box-sizing: content-box; } 
.select-nav .select ul li {min-height: 55px;line-height: 55px;padding-left: 25px;border-bottom: 1px solid #ddd; } 
.select-nav .select ul li a {color: #555;display: block;font-size: 14px}
.select-nav .select ul li a:hover {color: #000}
.select-nav .select ul ul {display: none; } 
.select-nav .select ul li li {border-top: 1px solid #ddd;border-bottom: 0; } 
.select-nav .select ul li:nth-last-child(1) {border-bottom: 0; } 
.select-nav-wrapper {position: relative;z-index: 3;background-color: #fff;max-width: 1300px;margin: -71px auto;border-bottom: 1px solid #ddd; } 
.select-nav-wrapper:after {content: " ";visibility: hidden;display: block;height: 0;clear: both; } 
.select-nav-wrapper .home {width: 60px;height: 70px;text-align: center;font-size: 30px;display: inline-block;line-height: 65px;border-right: 1px solid #ddd;float: left; } 
.select-nav-wrapper .link {background-color: lightcoral;width: 50px;height: 50px;text-align: center;font-size: 30px;display: inline-block;line-height: 50px;float: right; } 
.d2 .t2 {display: none; } 

@media screen and (max-width: 1120px) {

	#login-box {display: none; } 
	#login-box2 {display: inline-block; } 

}

@media screen and (max-width: 768px) {
	
	#m-lnb > ul > li li li {background-color: #fff;}
	[class*=" xi-"], [class^=xi-] {color:#000; font-size: 18px;}
	#m-lnb > ul > li li {background-color: #fff;}
	#m-lnb > ul > li li > a {color: #000; font-weight: 400;}
	.select-nav-wrapper .home {}
	.select-nav-wrapper .link {display: none;} 
	.select-nav .select.d3 {display: none;} 
	.select-nav {width: 100%;} 
	.select-nav .select {width: 50%;border-right: 0}
	.select-nav .select ul ul {display: block;} 
	.d2 .t2 {display: inline;} 
	.d2 .t2 .fa {color: #555;font-weight: bold;} 

}