@charset "UTF-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

a:focus,
:hover,
a:active, 
a:link {
outline: 0;
-webkit-tap-highlight-color:transparent;
} 
body.open-menu {overflow: hidden;}
#wrap{overflow:hidden}
#wrap, #content-wrapper{min-width:320px;letter-spacing:-1px; height: 100%;}
#content-wrapper {width: 100%;}
.open-menu #content-wrapper {/* overflow: hidden; *//* min-height:1000px */}
.open-menu #leftmenu_a{overflow:auto;}
.scroll_off {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.area {position: relative; padding-left: 20px; padding-right: 20px;}
/* 진저브레이드 분기 */
/* body.gb #wrap{overflow:visible;}
body.gb #content-wrapper{position: relative;}
body.gb.open-menu #content-wrapper{position: absolute;} */

/*ETC*/
.btn_loging {display:inline-block; color:#777; font-weight:600; padding:5px 10px; font-size:12px; border:1px solid rgba(220,220,220,0.5); border-radius:5px; background:url(../../images/common/bg_btn_log.jpg) repeat-x; background-size:cover;}

/** header **/
header {position: fixed; top:0; left:0; width: 100%; padding:20px 0; z-index: 998;}
header .area {text-align: left;}
header.fixed {position: fixed !important; border-bottom: 0 !important;}
header h1 {display: inline-block; width: 269px; margin-top: 10px;}
header h1 a {display: inline-block; width: 100%; height: 100%; background:url(/resources/images/common/logo_w.svg) no-repeat; text-indent: -9999px;}

header .all_menu {position: relative; top: 2px; width: 32px; height: 35px; padding:0;}
header .all_menu span { display: block;background: #fff; width: 28px; height: 1px;border-radius: 3px; transition: 0.25s margin 0.25s, 0.25s transform;}
header .all_menu span:nth-child(1) {margin-bottom: 12px;}
header .all_menu span:nth-child(3) {margin-top: 12px;}
header .all_menu.active {top:-2px;}
header .all_menu.active span { transition: 0.25s margin, 0.25s transform 0.25s;}
header .all_menu.active span:nth-child(1) {width: 32px; margin-top: 8px;margin-bottom: -2px;transform: rotate(45deg);}
header .all_menu.active span:nth-child(2) {opacity: 0; transform: rotate(45deg);}
header .all_menu.active span:nth-child(3) {width: 32px; margin-top: -2px;transform: rotate(135deg);}
header .icon_wrap {float: right; margin-right:-6px}
header .icon_wrap button {position: relative; z-index: 999; display: inline-block; text-indent: -99999999px; vertical-align: bottom;}
header .user_icon {width: 34px; height: 34px; background:url(/resources/images/common/user_icon_w.svg) no-repeat center;}
header .cart_icon {width: 28px; height: 35px; background:url(/resources/images/common/cart_icon_w.svg) no-repeat center; margin: 0 14px;}


/** 헤더 색상 **/
header.black h1 a {width: 100%; background:url(/resources/images/common/logo.svg) no-repeat;}
header.black .all_menu span {background:#333;}
header.black .user_icon {width: 34px; height: 34px; background:url(/resources/images/common/user_icon.svg) no-repeat center;}
header.black .cart_icon {width: 28px; height: 35px; background:url(/resources/images/common/cart_icon.svg) no-repeat center;}
/** //헤더 색상 **/
main {overflow: hidden;}

/** 메뉴 **/
.all_menu_wrap {position: relative; padding:0 20px;}
.all_menu_wrap .menu {display: none; position: fixed; top:0; right:0; left:0; bottom:0; background:#fff; z-index: 9; height:calc(100vh - 100px); padding:100px 20px 0;}
.all_menu_wrap .menu li {opacity: 0; line-height: 26px; margin-bottom: 28px;}
.all_menu_wrap .menu li:last-child {margin-bottom: 0;}
.all_menu_wrap .menu li a {font-size: 28px; font-family: 'Ivy Mode',sans-serif; font-weight: 500;}
.all_menu_wrap .menu_depth01 > li > a {display: block; background: url(/resources/images/common/menu_off.png) no-repeat 100%; background-size: 14px;}
.all_menu_wrap .menu_depth01 > li > a.active {background: url(/resources/images/common/menu_on.png) no-repeat 100%; background-size: 14px;}
.all_menu_wrap .menu_depth02 {margin-top: 16px;}
.all_menu_wrap .menu_depth02 li {line-height: inherit; margin:0 0 6px 14px; animation: none !important; opacity: 1;}
.all_menu_wrap .menu_depth02 li a {font-size: 16px; color:#909090; letter-spacing: -0.1px; font-family: "Noto Sans Kr", sans-serif; font-weight: 400;}

.all_menu_wrap .menu.open li:nth-child(1) {animation: fade-in2 1.6s; animation-fill-mode: forwards;}
.all_menu_wrap .menu.open li:nth-child(2) {animation: fade-in2 2s; animation-fill-mode: forwards;}
.all_menu_wrap .menu.open li:nth-child(3) {animation: fade-in2 2.4s; animation-fill-mode: forwards;}
.all_menu_wrap .menu.open li:nth-child(4) {animation: fade-in2 2.8s; animation-fill-mode: forwards;}

@keyframes fade-in {
	from {
	  opacity: 0;
	}
	to {
	  opacity: 1;
	}
  }
@keyframes fade-in2 {
	from {
		opacity: 0;
		margin-top: 60px;
	}
	to {
		opacity: 1;
		margin-top: 0;
	}
}

.all_menu_wrap .menu .menu_bottom {position: absolute; width:calc(100% - 40px);  bottom:20px;}
.all_menu_wrap .menu .bottom_list.login_list {float: left;}
.all_menu_wrap .menu .bottom_list.login_list li:last-child {margin-left: 10px;}
.all_menu_wrap .menu .bottom_list.login_list li a {font-size: 18px; padding:0;}
.all_menu_wrap .menu .bottom_list.sns_list {float: right;}
.all_menu_wrap .menu .bottom_list li {display: inline-block; opacity: 0; margin:0 10px 0 0; animation: none !important;}
.all_menu_wrap .menu .bottom_list li:last-child {margin-right: 0;}
.all_menu_wrap .menu .bottom_list li img {width: 24px;}
.all_menu_wrap .menu + .menu_bg {display: none; position: fixed; top:0; bottom:0; left:0; width: 100%; height: 100vh; background:#fff; pointer-events:none; z-index: 1;}
.all_menu_wrap .menu.open {display: block;}
/* .all_menu_wrap .menu.open + .menu_bg {display: block;} */
.all_menu_wrap .menu.open .menu_bottom:before {content:""; position: absolute; top:-20px; left:0; width: calc(100vw - 40px); height: 1px; background: #e5e5e5;}
.all_menu_wrap .menu.open .bottom_list li {opacity: 1;}
/* header .menu.open + .menu_bg { 
	border-width:50vh 50vw; 
	background-color:#fff; 
	-webkit-transition:border .3s ease-in, background 0s linear .3s; 
	transition:border .3s ease-in, background 0s linear .3s;
} */

.all_menu_wrap .search_wrap {margin-bottom: 40px;}
.all_menu_wrap .search_wrap input[type="text"] {width: 100%; font-size: 16px; color:#909090; letter-spacing: 0.15px; border-bottom: 1px solid #000; box-sizing: border-box; text-indent: 30px; padding-bottom:4px; text-align: left;}
.all_menu_wrap .search_wrap input[type="text"]::placeholder {color:#aaa;}
.all_menu_wrap .search_wrap {position: relative;}
.all_menu_wrap .search_wrap .search_btn {position: absolute; width: 30px; height: 31px; top:2px; left:0; background:url(/resources/images/common/search_icon.svg) no-repeat; background-size: 18px; text-indent: -99999px;}


/** footer **/
footer {background: #f4f4f4; font-size: 13px; letter-spacing: -0.4px;}
footer .area {text-align: left; padding: 24px 20px;}

footer address {line-height: 18px; margin:18px 0 14px;}

footer .f_menu::after {content:""; display: block; clear: both;}
footer .f_menu li {float: left; margin-right: 15px;}
footer .f_menu li:last-child {margin-right: 0;}
footer .f_menu li a {}

footer .fm_select {margin:15px 0 35px;}
footer .fm_select select {background: #f4f4f4;}

footer .copyright {font-size: 12px !important; font-size: #666 !important;}

footer.fp_section,
footer.fp_section .fp-tableCell {display: table;table-layout: fixed; width: 100%;height: auto !important;text-align: left;}

@media only screen and (min-width:401px) and (max-width:480px) {
	#wrap .header h1 {width: 220px; margin-top: 5px;}
	#wrap .header .icon_wrap {margin-top:-4px;}
	#wrap .header .user_icon {background-size: 28px;}
	#wrap .header .cart_icon {background-size: 22px; margin: 0 14px 0 12px;}
	/* header .all_menu span {width: 24px;}
	header .all_menu span:nth-child(1){margin-bottom: 7px;}
	header .all_menu span:nth-child(3){margin-top: 7px;} */
}

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

	#wrap .header h1 {width: 175px; margin-top:4px;}
	#wrap .header .icon_wrap { margin-top:-8px;}
	#wrap .header .icon_wrap a {height: 32px; background-position: bottom;}
	#wrap .header .user_icon {width: 26px; background-size: 24px;}
	#wrap .header .cart_icon {width: 22px; background-size: 20px; margin: 0 14px 0 12px;}

	#wrap header .all_menu.active {top:-4px;}
	#wrap header .all_menu.active span {width: 28px;}
	header .all_menu.active span:nth-child(1) {margin-bottom: 0;}
	header .all_menu {width: 26px; height:32px; top: 0; right:0;}
	header .all_menu span {width: 22px;}
	header .all_menu span:nth-child(1){margin-bottom: 7px;}
	header .all_menu span:nth-child(3){margin-top: 7px;}
}


html.only, html.only body{height:100%;}
html.only #wrap {/* min-height:100%;margin:0 0 -150px 0 */}
html.only #footer{height:140px;position:fixed;bottom:0;}

@media screen and (min-device-width:320px) and (orientation:landscape) {
	html.only #footer{position:relative;bottom:0;}
}


/* #footer2{position:absolute;bottom:0;width:100%;text-align:center;}
#footer2 .copy img{width:84px;}
#footer2 .footer_in{margin:10px 10px 0;border-top:solid 1px #858585;padding-top:1px;}
#footer2 .footer_in p{border-top:solid 1px #acacac;padding:10px 0 5px;}
 */
/* content */
.cont{padding:10px 10px 1.4em;}
.prd_summary span {font-family: "Noto Sans Kr", sans-serif;}
/*160318 - 수정*/
#nav {height:50px; background-color:#ffffff; border-top:none !important; border-bottom: 1px solid #ededed;}
/* #nav .main_nav {overflow: hidden;} */
#nav ul.menu {width: 800% !important; height: 50px; padding: 0 0 0 20px;}
#nav ul.menu li {position: relative; width: auto; text-align:center; font-size:14px; float: left; padding:0 20px 0 0;}
#nav ul.menu li:last-child {padding: 0;}
#nav ul.menu li a {display:block; color:#888 !important; line-height:50px; height:50px; text-align:center; font-size:18px; font-family:"Noto Sans Kr", sans-serif; font-weight:500;}

#nav ul.menu li.swiper-slide-active a {position: relative; color:#333 !important; font-weight: bold; border-bottom:1px solid #333;}
/* #nav ul.menu li.swiper-slide-active a:after {content:""; position: absolute; left:0; bottom:-1px; width: 100%; height:1px; background: #333;} */
/* #nav ul .nowpagemenu a {color:#123f6d !important;  font-weight:bold; } */
#nav .back{position:absolute;top:2px;left:2px;display:inline-block;width:25px;height:30px;font-size:30px;color:#fff;}
.main_nav_conent{width:100%;background:#f6f6f6;}
.main_nav_conent .main_area{/* overflow:hidden; */width:100%;background:#f6f6f6;}
.main_nav_conent .main_area > li{/* min-height:50px; */width:100%;}
.main_nav_conent .main_area > li:nth-child(1){}
.main_nav_conent .main_area > li:nth-child(2){}
.main_nav_conent .main_area > li:nth-child(3){}
.main_nav_conent .main_area > li:nth-child(4){}
.main_nav_conent .main_area > li:nth-child(5){}
/* .main_nav_conent .bx-controls-direction{display:none;} */

/* loc */
.loc{border-bottom:solid 1px #e1e1e1;padding:5px;font-size:12px;}
.loc .btn img{height:24px;}
.loc *{vertical-align:middle;}
.loc .locTxt{padding-left:5px;color:#4f4f4f;padding-top:4px;display:inline-block;}
.loc .locTxt em{color:#3182b0;position:relative;top:-2px;}

/* title */
h1.h1{border-bottom:solid 3px #d7d7d8;text-align:center;padding:10px 0 15px;color:#3f3f3f;font-size:16px;font-weight:bold;margin-bottom:19px;}
h1.h1.type2{text-align:left;padding-left:8%;}
h1.h1.type3{margin-bottom:0;border:none;}
h2.h2{padding-bottom:6px;color:#595959;font-size:15px;font-weight:bold;}
h3.h3{padding:11px 10px 9px;background:#e5e5e5;border-bottom:solid 1px #cfcfcf;margin-bottom:20px;}
	h3.h3 strong{display:inline-block;padding-right:7px}
	h3.h3 span{display:inline-block;color:#737373;font-size:13px;}

#conArea{background:#f6f6f6;/* padding:10px; */}

/* main */
.m_cont{max-width:500px;margin:0 auto;padding:5px;}
.m_banner {position:relative;/* min-height:300px;max-height:300px; */min-height:240px;max-height:240px;overflow:hidden;margin-bottom:5px;}
.m_banner #touchSlider {width:100%;position:absolute;overflow:hidden;}
.m_banner .rollLayer{min-height:240px;text-align:center;overflow:hidden;}
.m_banner .rollLayer img{width:100%;max-width:500px;min-width:300px; }
.m_banner div.func p{position:absolute;left:0;right:0;bottom:10px;text-align:right;padding-right:10px;}
.m_banner div.func p a{display:inline-block;width:6px;height:6px;background-image:url('../../images/common/btn_bnr2.png') ;background-size:6px 18px;background-position:0 0;margin:0 1px;text-indent:-999px;overflow:hidden;line-height:50px}
.m_banner div.func p a.on{background-position:0 -8px}


.m_links{/* display:table; */width:100%;margin-bottom:5px;overflow:hidden;}
.m_links > div.part1 {/* display:table-cell; */width:70%;position:relative;float:left;}
.m_links > div.part1 p{margin-right:5px;overflow:hidden;height:195px;}
	.m_links > div.part1 .tit img{position:absolute;top:0;left:0;width:25%;}
	.m_links > div.part1 .year img{position:absolute;top:0;right:5px;width:20%;}
.m_links > div.part2 {/* display:table-cell; */width:30%;float:left;}
.m_links > div img{width:100%;vertical-align:top;}
.m_links > div ul li{margin-bottom:5px;position:relative;overflow:hidden;height:60px;}
.m_links > div ul li:last-child{margin-bottom:0px !important;}
	.m_links > div ul li .tit p{position:absolute;bottom:0;width:100%;background:#fff;height:30%;opacity:0.7;}
	.m_links > div ul li .tit img{position:absolute;bottom:0;left:0;width:35%;}


/* main */
.m_banner2 {position:relative;min-height:105px;overflow:hidden;margin-bottom:15px;}
.m_banner2 #touchSlider2 {width:100%;position:absolute;overflow:hidden;}
.m_banner2 .rollLayer{min-height:95px;padding:10px;text-align:center;overflow:hidden;}
.m_banner2 .rollLayer img{width:100%;max-width:500px;min-width:300px; }
.m_banner2 div.func p{position:absolute;left:0;right:0;bottom:10px;text-align:right;padding-right:10px;}
.m_banner2 div.func p a{display:inline-block;width:6px;height:6px;background-image:url('../../images/common/btn_bnr2.png') ;background-size:6px 18px;margin:0 1px;text-indent:-999px;overflow:hidden;line-height:50px}
.m_banner2 div.func p a.on{background-position:0 -8px}

	/* @media screen and (max-device-width:320px) and (orientation:portrait) {
		.m_banner2 {position:relative;min-height:98px;}
		.m_banner2 .rollLayer{min-height:83px;}
		.m_banner2 .rollLayer img{width:100%;min-width:300px;} 
	}
 */

.m_banner .tit{position:absolute;display:block;width:100%;}
.m_banner .tit img{width:25%;}
.m_banner2 .tit p{position:absolute;bottom:0;width:100%;background:#fff;height:25%;opacity:0.7;} 
.m_banner2 .tit img{position:absolute;bottom:0;width:76%;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 310px) 
and (max-width : 718px) {

/*ETC*/
.btn_loging {font-size:12px; padding:5px 10px; }

}

/*zmass 0530*/
.subwrap{ padding-bottom:1.8em; }
.news_page{ padding-bottom:1.4em; }

/*배너영역지정*/
.ban_full { width:100%;}
	.ban_full img { width:100%;}
	.main_product + .ban_full { margin-top:10px;}
	
	
.insertBody .sample_page .prd_list ul li dl dt img { width:130px;}

/*버튼정의*/
.b_btn01 { font-size:12px; padding:10px 10px; background-color:#fff; border-radius:4px; display:inline-block;}


/* 이벤트팝업 160729 */
.layer_popup {display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.layer_popup .layer_dim {position:fixed; top:0; left:0; width:100%; height:100%;  background-color:rgba(0,0,0,.7); z-index:101; cursor: pointer; }
.layer_popup .layer_main_a {position:relative; width:100%; z-index:102;}
.layer_popup .layer_main_a button {background-color: transparent;}

.layer_popup .layer_main_a .noti_desc ul {float:left;}
.layer_popup .layer_main_a .noti_desc ul li {float:left; width:50%;}
.layer_popup .layer_main_a .noti_desc ul li img {width:100%;}

.layer_popup .layer_main_a .btn_close {overflow:hidden; position:absolute; top:0px; right:0px; width:47px;}
.layer_popup .layer_main_a .btn_close .ico_x {width:15px; height:15px; background-position:0 0; margin-bottom:38px;}
.layer_popup .layer_main_a .img_popup {display: inline-block; overflow: hidden; background: url('http://m.barunsoncard.com/resources/images/common/img_pop.png') no-repeat 0 0; background-size: 50px 50px; text-indent: -9999px;}

.layer_popup .layer_main_a .inner_wrap {position:relative; margin:42px 14px; border:1px solid #000; background-color:#fff; overflow:hidden; -webkit-border-radius:3px; border-radius:3px;}
.layer_popup .layer_main_a .btn_close {height:44px;}

.layer_main_a .noti_comm .noti_desc {padding-top: 0px; color: #666; letter-spacing: -1px;}
.layer_main_a .noti_comm .noti_desc.tc {text-align: center;}
.layer_main_a .noti_comm .noti_chk {padding: 10px 10px; background: #e6e6e6; clear: both;}
.layer_main_a .noti_comm .noti_chk:after {clear: both; display: table; content: '';}

.layer_main_a .noti_comm .noti_chk .wrap_chk {position: relative; width:100%; text-align:center;}
.layer_main_a .noti_comm .noti_chk .wrap_chk .chkbx {z-index: 100; position: absolute; top: 0; left: 0; width: 28px; height: 28px; border: 0; opacity: .01;cursor: pointer;}
.layer_main_a .noti_comm .noti_chk .wrap_chk .chk_lab {float:left;}


#layerpop_web img { width: 80%; position: absolute; top: 100px; left: 50%; margin-left: -40%;}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-Regular.eot');
    src: local('Ivy Mode Regular'), local('IvyMode-Regular'),
        url('/resources/fonts/IvyMode-Regular.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-Regular.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-Regular.woff') format('woff'),
        url('/resources/fonts/IvyMode-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-LightItalic.eot');
    src: local('Ivy Mode Light Italic'), local('IvyMode-LightItalic'),
        url('/resources/fonts/IvyMode-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-LightItalic.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-LightItalic.woff') format('woff'),
        url('/resources/fonts/IvyMode-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-SemiBoldItalic.eot');
    src: local('Ivy Mode SemiBold Italic'), local('IvyMode-SemiBoldItalic'),
        url('/resources/fonts/IvyMode-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-SemiBoldItalic.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-SemiBoldItalic.woff') format('woff'),
        url('/resources/fonts/IvyMode-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-ThinItalic.eot');
    src: local('Ivy Mode Thin Italic'), local('IvyMode-ThinItalic'),
        url('/resources/fonts/IvyMode-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-ThinItalic.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-ThinItalic.woff') format('woff'),
        url('/resources/fonts/IvyMode-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-Italic.eot');
    src: local('Ivy Mode Italic'), local('IvyMode-Italic'),
        url('/resources/fonts/IvyMode-Italic.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-Italic.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-Italic.woff') format('woff'),
        url('/resources/fonts/IvyMode-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-BoldItalic.eot');
    src: local('Ivy Mode Bold Italic'), local('IvyMode-BoldItalic'),
        url('/resources/fonts/IvyMode-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-BoldItalic.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-BoldItalic.woff') format('woff'),
        url('/resources/fonts/IvyMode-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-Bold.eot');
    src: local('Ivy Mode Bold'), local('IvyMode-Bold'),
        url('/resources/fonts/IvyMode-Bold.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-Bold.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-Bold.woff') format('woff'),
        url('/resources/fonts/IvyMode-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-Light.eot');
    src: local('Ivy Mode Light'), local('IvyMode-Light'),
        url('/resources/fonts/IvyMode-Light.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-Light.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-Light.woff') format('woff'),
        url('/resources/fonts/IvyMode-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-Thin.eot');
    src: local('Ivy Mode Thin'), local('IvyMode-Thin'),
        url('/resources/fonts/IvyMode-Thin.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-Thin.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-Thin.woff') format('woff'),
        url('/resources/fonts/IvyMode-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('/resources/fonts/IvyMode-SemiBold.eot');
    src: local('Ivy Mode SemiBold'), local('IvyMode-SemiBold'),
        url('/resources/fonts/IvyMode-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/resources/fonts/IvyMode-SemiBold.woff2') format('woff2'),
        url('/resources/fonts/IvyMode-SemiBold.woff') format('woff'),
        url('/resources/fonts/IvyMode-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

.policy_button {
    display: inline-block;
    background: #113f6c;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #113f6c;
    text-decoration: none !important;
    margin-top: 14px;
    margin-bottom: 14px;
}