@charset "UTF-8";
/* Designed and Coding By MEDICAST */
/* Designer Jeong sehui (design,html,css,jquery) */

/* font */
@import url('./pretendard.css');
@import url('./pretendardvariable.css');
/* 이 페이지는 아이더스코리아에서 제공한 푸라닭 젠틀 고딕 폰트가 적용되어 있습니다. */
@font-face{
font-family:'PuradakGentleGothicR';
font-weight:700;
font-style:normal;
src:local('PuradakGentleGothicR'),
	url('../font/woff/Puradak-Gentle-Gothic.woff') format('woff'),
	url('../font/ttf/Puradak-Gentle-Gothic.ttf') format('truetype');
}

/* reset */
*{box-sizing:border-box;-webkit-text-size-adjust:none;} /* 아이폰 텍스트 자동확대 막기 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;list-style:none;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1;-webkit-touch-callout:none; -ms-user-select: none;-moz-user-select: -moz-none;-webkit-user-select: none;-khtml-user-select: none;user-select: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{color:#333;text-decoration:none;}
a:visited,a:active{text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle;pointer-events : none;-webkit-touch-callout:none;}
b,strong{font-weight:bold;}
i,em{font-style:italic;}
u{text-decoration:underline;}
sup{font-size:0.75em; vertical-align:text-top;}
/* 텍스트 드래그 시 속성(IE8 이상)
::selection, ::-moz-selection{background:rgba(78,103,125,.9); color:#fff;}
img::selection{background:rgba(78,103,125,.7); color:#fff;}
 */

/* basic */
html{overflow-y:scroll; font-size:16px; line-height:1; color:#333; letter-spacing:-0.055em; zoom:1; scroll-behavior: smooth;}
body{width:100%; height:100%; margin:0 auto; background:#fff; font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif;letter-spacing:-0.055em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
/* common */
#wrap{clear:both; position:relative; width:100%; min-width:1200px; height:100%; margin:0 auto;}
#container{clear:both; position:relative; width:100%; height:auto; /* min-height:800px; */ margin:0; padding:0; background:#fff; z-index:auto;}
#container:after{content:''; clear:both; display:block;}
.inner{clear:both; position:relative; margin:0 auto; width:1180px; padding:0 10px; box-sizing:content-box;}
.inner.w1200{width:1200px; padding:0;}
.inner:after{content:''; clear:both; display:block;}
.reading{clear:both; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);}
caption{clear:both; width:1px; height:1px; margin:-1px; overflow:hidden;}
caption.view{width:auto; height:auto; margin:0 auto 5px; color:#0066b3; font-size:0.875rem; overflow:inherit;}
caption.view:before{content:'<';}
caption.view:after{content:'>';}
a, button, input, textarea{font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; font-size:100%; letter-spacing:-0.055em; transition:color .2s ease, background .2s ease, border .2s ease, box-shadow .2s ease, transform .2s;}
a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus,input,input:hover,input:active,input:focus,textarea,textarea:hover,textarea:focus{transition:color .2s ease, background .2s ease, border .2s ease, box-shadow .2s ease, transform .2s;}
button{border:none;}
.layoutLeft{float:left;}
.layoutRight{float:right;}
.layoutRight:after{content:''; clear:both; display:block;}
.skipTo{position:fixed; top:-99px; left:0; width:100%; padding:16px 0; background:#333; color:#fff; text-align:center; opacity:0; z-index:999999;}
.skipTo:hover, .skipTo:focus, .skipTo:active{display:block; top:0; opacity:1;}
#bo_v_con{font-family:initial;}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

/* header */
#header{clear:both; position:relative; width:100%; top:0; left:0; background:transparent; z-index:99;}
#header .snb{position:relative; width:100%; height:48px; margin:0 auto; background:#4e677d; text-align:center; box-sizing:border-box;}
#header .snb ul{float:left;}
#header .snb ul li{display:block; float:left; line-height:44px; margin-left:20px;}
#header .snb ul li:first-child{margin-left:0;}
#header .snb ul li a{display:inline-block; padding:2px; color:#d9e4ee; font-size:1em;}
#header .snb ul li a:focus, #header .snb ul li a:hover{color:#fff;}
#header .snb ul li.admin a{color:#fff;}
#header .snb ul li.admin a:focus, #header .snb ul li.admin a:hover{color:#fff;}
#header .snb ul.language li{margin-left:0;}
#header .snb ul.language li:first-child:after{content:'/';display:inline-block;padding:0 14px; color:#758ea4; font-size:1.063em;font-weight:500;}
#header .snb ul.language li.active a{color:#fffac8;font-weight:500;font-size:1.063em;}
#header .snb ul.language li a:focus,#header .snb ul.language li a:hover{color:#fffac8;}

#header .logo{margin:35px 0; background:transparent;text-align:center;}
#header .logo h1{width:100%;}
#header .logo h1 a{display:block; width:100%; height:100%;}
#header .logo h1 a img{display:block; width:100%; max-width:165px; margin:0 auto;}

#header .gnb{clear:both; display:block; position:relative;  background:#fff; z-index:1;}
#header .gnb .nav{clear:both; display:inline-block; position:relative; width:100%; height:100%;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#header .gnb .nav .inner{height:100%;}
#header .gnb .nav ul.depth01_lists{display:inline-block; position:relative; margin:0 auto; text-align:right; box-sizing:border-box;}
#header .gnb .nav ul li.depth01_list{position:relative; display:inline-block; margin:0; padding:0;}
#header .gnb .nav ul li a.depth01{position:relative;display:block; padding:20px 30px; color:#333; font-size:1.125rem;}
#header .gnb .nav ul li a.depth01:focus, #header .gnb .nav ul li a.depth01:hover, #header .gnb .nav ul li:hover > a.depth01{color:#4e677d;/* font-weight:500; */}
#header .gnb .nav ul li ul.depth02_lists{display:block; position:absolute; width:148px; height:auto; line-height:1.2; top:100%; left:50%; margin:0 auto 0 -74px; padding:20px 10px; background:#4e677d;text-align:center; word-break:keep-all; transition:all 0.18s ease; transition-delay:0.1s; opacity:0; visibility:hidden; box-sizing:border-box;}
#header .gnb .nav ul li a:focus + ul.depth02_lists, #header .gnb .nav ul li a:hover + ul.depth02_lists, #header .gnb .nav ul li:hover > ul.depth02_lists, #header .gnb .nav ul li ul.depth02_lists.on{opacity:1; visibility:visible;}
#header .gnb .nav ul li ul li.depth02_list{display:block; margin:0 0 10px;}
#header .gnb .nav ul li ul li.depth02_list:last-child{margin:0;}
#header .gnb .nav ul li ul li a.depth02{display:inline-block; position:relative; padding:2px; color:#d9e4ee; font-size:1rem; font-weight:400; line-height:1.2;z-index:1;}
#header .gnb .nav ul li ul li a.depth02:focus, #header .gnb .nav ul li ul li a.depth02:hover{color:#fffac8;font-weight:600;}
#header .gnb .navMobile{display:none;}

/* footer */
#footer{clear:both; width:100%; height:auto; padding:40px 0 50px;border-top:1px solid #ddd;}
#footer .copyright{}
#footer .copyright p{line-height:1.6; color:#717171; font-size:.938rem; text-align:center; word-break:keep-all;}
#footer .copyright .area01{margin-bottom:20px;}
#footer .copyright .area01 p.info{}
#footer .copyright .area01 p.info.kor{}
#footer .copyright .area01 p.info.eng{}
#footer .copyright .area01 p.info a{color:#000;}
#footer .copyright .area01 p.info a:before{content:'[';}
#footer .copyright .area01 p.info a:after{content:']';}
#footer .copyright .area01 p.info a:focus, #footer .copyright .area01 p.info a:hover{color:#4e677d;}
#footer .copyright .area02{text-align:center;}
#footer .copyright .area02 p.copy{display:inline-block;}
#footer .copyright .area02 .snb{display:inline-block;}
#footer .copyright .area02 .snb ul{}
#footer .copyright .area02 .snb ul li{display:inline-block; margin:0 2px;}
#footer .copyright .area02 .snb ul li a{display:inline-block; width:12px; height:16px; text-indent:-999999px;}
#footer .copyright .area02 .snb ul li.login a{background:url('../images/ico_admin_login.png') no-repeat center;}
#footer .copyright .area02 .snb ul li.logout a{background:url('../images/ico_admin_logout.png') no-repeat center;}
#footer .copyright .area02 .snb ul li.admin a{background:url('../images/ico_admin_login.png') no-repeat center;}

#footer .back_to_top{display:none; position:fixed; z-index:9999; bottom:10px; right:10px; width:40px; height:40px; line-height:40px; margin-left:-40px; color:#fff; background:rgba(78,103,125,0.4); border-radius:50%; text-align:center; font-size:0.813rem; cursor:pointer; transition:all 0s;}
#footer .back_to_top:focus, #footer .back_to_top:hover{background:#4e677d; color:#fff;}


@media only screen and (max-width:1279px){
	#wrap{min-width:1000px;}
	.inner, .inner.w1200{width:96%; max-width:1200px; min-width:960px;}
	caption{margin:0;}
	#header .gnb .nav ul li.depth01_list{display:inline-block;}
	#header .gnb .nav ul li a.depth01{padding:20px 20px;}
	#header .gnb .nav ul li:last-child ul.depth02_lists{margin:0 auto 0 -80px;}
}

@media only screen and (max-width:1023px){
	#wrap{min-width:296px;}
	#container{min-height:500px; padding-top:70px;}
	.inner{width:100%; min-width:296px; padding:0 12px; box-sizing:border-box;}
	.layoutLeft{float:none;}
	.layoutRight{float:none;}
	#header{position:fixed; height:70px; top:0; z-index:9999;}
	#header .snb, #header .logo, #header .gnb .nav{display:none;}
	#header .gnb{position:relative; height:inherit; top:0; transition:height 0s;border-bottom:1px solid #ddd;}
	#header .gnb.on{height:inherit;}
	#header .gnb .navMobile{display:block;}
	#header .gnb .navMobile .logo{display:block; float:none; width:180px; height:auto; margin:0 10px; z-index:0;}
	#header .gnb .navMobile .logo h1{margin:0;}
	#header .gnb .navMobile .logo h1 a{display:inline-block; padding:15px 0;}
	#header .gnb .navMobile .logo h1 a img{width:100%;max-width:100%;}
	#header .gnb .navMobile .lang{position:absolute;top:0;right: 56px;}
	#header .gnb .navMobile .lang a{display:block;padding:2px;font-weight: 600;font-size:1rem;color:#717171;line-height:65px;opacity:1;transition:all .2s;}
	#header .gnb .navMobile .lang a:focus,#header .gnb .navMobile .lang a:hover{opacity:0.8;}
	#header .gnb .navMobile button.navOpen{position:absolute; width:26px; height:26px; top:22px; right:10px; margin:0; padding:0; background:transparent; cursor:pointer;}
	/*#header .gnb .navMobile button.navOpen span{display:block; width:100%; height:100%; background:url('../images/ico_nav_open.png') no-repeat center center; background-size:100%; font-size:0; opacity:1;}*/
	#header .gnb .navMobile button.navOpen span{display:block; position:relative; width:26px; height:2px; margin:0 auto; background:#333; font-size:0;}
	#header .gnb .navMobile button.navOpen span:before, #header .gnb .navMobile button.navOpen span:after{content:''; display:block; position:absolute; width:26px; height:2px; background:#333;}
	#header .gnb .navMobile button.navOpen span:before{top:-8px;}
	#header .gnb .navMobile button.navOpen span:after{bottom:-8px;}
	#header .gnb .navMobile button.navOpen:focus span, #header .gnb .navMobile button.navOpen:hover span{}
	#header .gnb .navMobile .navPanel button.navClose{position:absolute; width:26px; height:26px; top:22px; right:10px; margin:0; padding:0; background:transparent; cursor:pointer;}
	/*#header .gnb .navMobile .navPanel button.navClose span{display:block; width:100%; height:100%; background:url('../images/ico_nav_close.png') no-repeat center center; background-size:100%; font-size:0; opacity:1;}*/
	#header .gnb .navMobile .navPanel button.navClose span{display:block; position:relative; width:26px; height:2px; margin:0 auto; background:transparent; font-size:0;}
	#header .gnb .navMobile .navPanel button.navClose span:before, #header .gnb .navMobile .navPanel button.navClose span:after{content:''; display:block; position:absolute; width:26px; height:2px; background:#fff;}
	#header .gnb .navMobile .navPanel button.navClose span:before{top:-8px; transform:translate3d(0,8px,0) rotate(45deg);}
	#header .gnb .navMobile .navPanel button.navClose span:after{bottom:-8px; transform:translate3d(0,-8px,0) rotate(-45deg);}
	#header .gnb .navMobile .navPanel button.navClose:focus span, #header .gnb .navMobile .navPanel button.navClose:hover span{}
	#header .gnb .navMobile .navPanel button.navClose:after{content:''; clear:both; display:block;}
	#header .gnb .navMobile .navPanel{display:block; position:fixed; width:100%; height:100vh; top:0; right:-100%; background:transparent; overflow-y:auto; overflow:hidden; opacity:0; transition:opacity .3s ease-in-out; z-index:-1;}
	#header .gnb .navMobile .navPanel.open{right:0; opacity:1; z-index:0;}
	#header .gnb .navMobile .navPanel .menuArea{position:fixed; width:62%; height:100%; right:-100%;  box-shadow:-4px 0 20px rgba(0,0,0,.1); overflow:hidden; transition:right .3s, opacity .2s ease-in-out;}
	#header .gnb .navMobile .navPanel.open .menuArea{right:0;}
	#header .gnb .navMobile .navPanel .menuArea .msnb{position:relative; width:100%;height:70px;background:#4e677d; box-sizing:border-box; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .msnb:after{content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#fff; opacity:0.1; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul{display:inline-block; width:100%;line-height:70px;  padding-left:20px; box-sizing:border-box;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li{display:inline-block; margin-right:10px;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li:last-child{margin-right:0;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li:last-child:after{content:''; clear:both; display:block;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li a{padding:2px; color:#d9e4ee; font-size:0.938rem; vertical-align:top; text-transform:uppercase;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .msnb ul li a:hover{color:#fff;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin{}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin a{color:#fff;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin a:focus, #header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin a:hover{color:#fff;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul.language li a:focus,#header .gnb .navMobile .navPanel .menuArea .msnb ul.language li a:hover,#header .gnb .navMobile .navPanel .menuArea .msnb ul.language li.active a{color: #fffac8;}
	#header .gnb .navMobile .navPanel .menuArea .menuList, #header .gnb .navMobile .menuArea .menuList ul, #header .gnb .navMobile .menuArea .menuList ul li, #header .gnb .navMobile .menuArea .menuList ul li a{display:block; position:relative; line-height:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#header .gnb .navMobile .navPanel .menuArea .menuList{height:100%; background:#fff; color:#fff; z-index:0; overflow-y:auto;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul{display:none;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.active > ul{display:block;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li > a{padding:20px 42px 20px 20px; background:#fff; border-bottom:1px solid #eee; color:#333; font-size:1.063rem; cursor:pointer; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li > a:focus, #header .gnb .navMobile .menuArea .menuList > ul > li > a:hover{color:#4e677d;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub > a:after{content:''; display:block; position:absolute; top:50%; right:18px; width:11px; height:11px; margin-top:-4.5px; background:url('../images/ico_plus_01.png') no-repeat center center; background-size:100%; z-index:5;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub.open > a{color:#4e677d; font-weight:500;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub.open > a:after{background:url('../images/ico_minus_01.png') no-repeat center center; background-size:100%;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a{padding:15px 42px 15px 22px; background:#f8f8f8; border-bottom:1px solid #eee; color:#333; font-size:0.875rem; cursor:pointer; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a{position:relative; padding-left:32px; background:#e2e2e2; border-bottom:1px solid #ddd; color:#555; font-size:0.813rem;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a:before{content:''; display:block; position:absolute; top:50%; left:24px; width:2px; height:2px; background:#4e677d; border-radius:2px;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a:hover{color:#000;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub > a:after{content:''; display:block; position:absolute; top:50%; right:21px; width:11px; height:11px; margin-top:-5.5px; background:url('../images/ico_plus_02.png') no-repeat center center; background-size:100%; z-index:5;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub.open > a{font-weight:500;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub.open > a:after{background:url('../images/ico_minus_02.png') no-repeat center center; background-size:100%;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a{position:relative; padding-left:34px; background:#c8cacb; border-bottom:none; color:#676767; font-size:0.75rem;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a:before{content:''; display:block; position:absolute; top:50%; left:28px; width:2px; height:2px; background:#777;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a:hover{color:#222;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li.active a{color:#222;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul > li.hasSub > a:after{right:19.5px; width:7px; height:7px; margin-top:-3.5px; opacity:0.8;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul > li.hasSub.open > a:after{opacity:0.4;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul li.new a:after{content:''; display:inline-block; width:13px; height:13px; margin-left:8px; background:url('../images/ico_link.png') no-repeat center; vertical-align:bottom;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul li.new a:after{margin-left:4px;}
	
	#header .gnb .navPanel .menuArea .msnb2{display:block; position:absolute; width:100%; bottom:0; background:#eee;}
	#header .gnb .navPanel .menuArea .msnb2 ul{display:inline-block; padding:20px 0 20px 20px; text-align:left;}
	#header .gnb .navPanel .menuArea .msnb2 ul li{display:inline-block; line-height:1.6;}
	#header .gnb .navPanel .menuArea .msnb2 ul li:last-child:after{content:''; clear:both; display:block;}
	#header .gnb .navPanel .menuArea .msnb2 ul li a{padding:2px; color:#666; font-size:.938rem; font-weight:500; text-transform:uppercase;}
	#header .gnb .navPanel .menuArea .msnb2 ul li a:focus, #header .gnb .navPanel .menuArea .msnb2 ul li a:hover{color:#333;}
	#header .gnb .navPanel .menuArea .msnb2 ul li.admin a{color:#4e677d;font-weight:600;}
	#header .gnb .navPanel .menuArea .msnb2 ul li.admin a:focus, #header .gnb .navPanel .menuArea .msnb2 ul li.admin a:hover{color:#4e677d;}

	#header .gnb .navPanel .menuBg{position:absolute; width:100%; height:100%; right:-100%; background:#000; opacity:0; z-index:-1; transition:opacity .3s ease-in-out;}
	#header .gnb .navPanel.open .menuBg{right:0; opacity:0.5;}

	#footer .back_to_top{right:12px;}

	#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%;}
	.hd_pops{width:100%; max-width:550px; top:68px !important; left:50% !important; margin-left:-275px;}
	.hd_pops img{width:100% !important;}
	.hd_pops_con{width:100% !important; height:auto !important;}
}

@media only screen and (max-width:768px){
	#header .gnb .navMobile .navPanel .menuArea{width:68%;}

	#footer .back_to_top{display:none !important;}

	.hd_pops{width:100%; max-width:70%; top:68px !important; left:50% !important; margin-left:-35%;}
	.hd_pops_footer button{font-size:0.813rem;}
}

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

	#header .gnb .navMobile .navPanel .menuArea{width:76%;}

	#header .gnb .navMobile .navPanel .menuArea .msnb ul li,#header .gnb .navPanel .menuArea .msnb2 ul li{margin-right:8px;}
	#footer .copyright p{font-size:0.813rem;}
}

@media only screen and (max-width:480px){
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li,#header .gnb .navPanel .menuArea .msnb2 ul li{margin-right:6px;}
	
	.hd_pops{max-width:90%; margin-left:-45%;}
	.hd_pops_footer button{font-size:0.775rem;}
}

@media only screen and (max-width:319px){
	html{zoom:0.9;}
	#header .gnb .navMobile .lang{display:none;}
}

/* ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:768px){
}