@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap');
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;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family:'Lato','Noto Sans KR', sans-serif;font-size:14px;line-height:16px;color:#333;color:#333
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
em{font-style:normal;display:block;font-weight:bold}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, strong{display:block;text-decoration:none;color:#333}

.wrap_emergency{min-height:1000px;position:relative;padding-bottom:64px}
.header{border-bottom:1px solid #EEEEEE;height:64px}
.header h1{font-size:14px;line-height:64px;}
.header h1 .txt_bar{float:left;width:1px;height:16px;background-color:#EEEEEE;margin:24px 15px 0 0;vertical-align:top}
.header h1 .link_account{float:right}
.header h1 .txt_lang{float:left;line-height:64px}
.header img{float:left;margin:20px 24px 0 0}
.header .link_join{float:right;position:relative;font-size:15px;line-height:64px;color:#488FF6}
.header .link_join i{line-height:64px}
.header .link_join:after{position:absolute;left:0;right:0;bottom:20px;height:1px;background-color:#488ff6;content:'';width:0;transition:0.5s}
.header .link_join:hover:after{width:100%}
.footer{position:absolute;left:0;right:0;bottom:0;height:64px;line-height:64px;text-align:center;font-size:13px;line-height:64px;color:#AAAAAA}
.inner{overflow:hidden;width:1080px;margin:0 auto}

.kr .footer{position:static;padding:80px 0;line-height:20px}
.kr .footer p{font-size:13px;line-height:22px;text-align:center;color:#888888;margin-bottom:40px}
.kr .footer p a{display:inline;color:#888}

.language{padding:300px 0 300px}
.language .tit{font-size:36px;line-height:48px;text-align:center;margin-bottom:80px}

.gate .inner{padding:120px 0}
.gate .inner>div{float:left;width:50%;text-align:center;font-size:0}
.gate .inner>div strong{font-size:36px;line-height:40px;margin-bottom:32px}
.gate .inner a{display:inline-block;width:320px;height:56px;margin:0 4px 8px;color:#fff;font-size:16px;line-height:56px;font-weight:bold;transition:0.5s;vertical-align:top;background-color:#333333;border-radius:4px}
.gate .inner a i{float:right;font-size:16px;line-height:56px;margin-right:8px}
.gate .licensed a:hover{background-color:#488FF6}
.gate .new .btns a{width:150px;background-color:#fff;color:#333;border:1px solid #333;box-sizing:border-box}
.gate .new .btns a:hover{color:#488FF6;border-color:#488FF6}

.kr .gate .inner{text-align:center;font-size:0;min-height:500px}
.kr .gate .inner>strong{margin-bottom:48px;font-size:36px;line-height:40px}
.kr .gate .inner a{width:240px;background-color:#fff;color:#333;border:1px solid #333;box-sizing:border-box;height:78px;line-height:24px;text-align:left;margin:0 12px;padding:0 12px}
.kr .gate .inner a span{display:block;overflow:hidden;padding-top:12px}
.kr .gate .inner a:hover{color:#fff;background-color:#488FF6;border-color:#488FF6}
.kr .gate .inner a i{line-height:78px}


.list_language{overflow:hidden}
.list_language li{float:left;margin-right:32px;width:246px;background:url() 0 0 no-repeat}
.list_language li:first-child{background-image:url(https://f.hubspotusercontent00.net/hubfs/2495902/bg_en.jpg)}
.list_language li:nth-child(2){background-image:url(https://f.hubspotusercontent00.net/hubfs/2495902/bg_ko.jpg)}
.list_language li:nth-child(3){background-image:url(https://f.hubspotusercontent00.net/hubfs/2495902/bg_ja.jpg)}
.list_language li:nth-child(4){background-image:url(https://f.hubspotusercontent00.net/hubfs/2495902/bg_ch.jpg);margin-right:0}
.list_language li a{position:relative;width:246px;height:246px;box-sizing:border-box;padding:24px;font-size:24px;font-weight:bold}
.list_language li a:hover:after{position:absolute;left:0;right:0;top:0;bottom:0;border:4px solid #333;content:''}

.banner_ask{height:160px;background-color:#F1F4F6}
.banner_ask .inner{position:relative;overflow:visible;padding-top:40px}
.banner_ask img{position:absolute;right:0;top:-100px}
.banner_ask strong{margin-bottom:8px;font-size:22px;line-height:26px}
.banner_ask a{font-size:15px;line-height:20px;color:#488FF6;font-weight:bold}
.banner_ask a i{line-height:20px;margin-top:2px}
.banner_ask a:hover{text-decoration:underline}

.kr .banner_ask strong{line-height:30px}
.kr .banner_ask img{right:-60px;top:-60px}

.gate .inner .news{border-top:1px solid #222222;width:480px;margin:24px auto 0}
.gate .inner .news strong{margin:0;font-size:16px;line-height:48px;background-color:#F1F4F6;padding:0 24px;text-align:left}
.gate .inner .news a{display:block;width:auto;height:50px;margin:0;font-size:14px;line-height:50px;background-color:#fff;font-weight:normal;color:#333333;transition:0.5s;text-align:left;padding:0 24px;border-bottom:1px solid #EEEEEE}
.gate .inner .news a:hover{color:#488FF6}
.gate .inner .news a i{float:right;font-size:16px;line-height:50px}


.head_support{background-color:#F1F4F6}
.head_support .inner{position:relative;width:1080px;height:400px;margin:0 auto}
.head_support .inner>strong{position:absolute;left:0;bottom:50px;font-size:36px;line-height:48px;}
.head_support .inner>img{position:Absolute;right:-30px;bottom:-70px}
.support .inner{padding:80px 0 160px}
.support .msg{font-size:16px;line-height:28px;color:#888888;margin-bottom:80px}
.support .item{padding:48px 0;border-top:1px solid #EEEEEE}
.support .item:first-of-type{border-color:#333333}
.support .item>strong{float:left;width:160px;font-size:18px;line-height:22px}
.support .item .view{overflow:hidden}
.support .item .view em{font-size:16px;line-height:20px;margin-bottom:16px}
.support .item .view>a{float:left;display:flex;position:relative;;width:290px;box-sizing:border-box;height:90px;border:1px solid #333;border-radius:4px;padding:24px;transition:0.5s;margin-left:24px;margin-bottom:24px;font-size:16px;line-height:21px;font-weight:bold;align-items:center}
.support .item .view>a:nth-of-type(3n+1){margin-left:0}
.support .item .view>a:hover{color:#fff;background-color:#488FF6;border-color:#488FF6}
.support .item .view>a i{position:absolute;right:24px;top:50%;margin-top:-10px;font-size:15px;line-height:20px}
.support .item .view p{font-size:16px;line-height:28px;color:#888888}
.support .item .view p a{display:inline;color:#888;text-decoration:underline}
.support .item table{width:100%;border-top:1px solid #333}
.support .item table th{background-color:#F1F4F6;text-align:left;padding:18px 24px;font-size:16px;line-height:22px}
.support .item table td{padding:16px 24px;font-size:15px;line-height:17px;border-bottom:1px solid #EEEEEE;color:#888888}
.support .item table a{color:#333}
.support .item table .link_mail{color:#888888;transition:0.5s;text-decoration:underline}
.support .item table .link_mail:hover{color:#488FF6}

.start{width:920px;margin:0 auto;padding:30px 0}
.start>strong{font-size:36px;line-height:40px;text-align:center;margin-bottom:16px}
.start>p{font-size:16px;line-height:28px;text-align:center;color:#888;margin-bottom:32px}
.start>a{position:relative;width:240px;margin:0 auto;box-sizing:border-box;padding: 0 24px;font-size:16px;line-height:56px;height:56px;border:1px solid #333;border-radius:4px;font-weight:bold;margin-bottom:80px}
.start>a i{position:absolute;right:24px;top:50%;font-size:15px;line-height:20px;margin-top:-10px}
.start>em{font-weight:bold;font-size:22px;line-height:24px;color:#488FF6;display:block;text-align:Center;margin:20px 0 24px}
.start table{width:100%;border-top:1px solid #333}
.start table th{background-color:#F1F4F6;text-align:left;padding:18px 24px;font-size:16px;line-height:22px}
.start table td{padding:16px 24px;font-size:15px;line-height:17px;border-bottom:1px solid #EEEEEE;color:#888888}
.start table a{color:#333}
.start table .link_mail{color:#888888;transition:0.5s;text-decoration:underline}
.start table .link_mail:hover{color:#488FF6}

.platform_ch{padding-top:150px}
.platform_ch>strong{font-size:36px;line-height:48px;text-align:Center;margin-bottom:60px}
.platform_ch>p{font-size:16px;line-height:28px;color:#888;text-align:center}
.platform_ch .box_account{width:520px;margin:36px auto;padding:22px 0;background-color:#F1F4F6;border-radius:4px;text-align:center;font-size:18px;font-weight:bold;line-height:32px}