@charset "utf-8";

/* font */
@font-face {
	font-family: 'suit';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/static/font/suit/SUIT-Regular.eot);
	src: url(/static/font/suit/SUIT-Regular.eot?#iefix) format('embedded-opentype'),
		url(/static/font/suit/SUIT-Regular.woff2) format('woff2'),
		url(/static/font/suit/SUIT-Regular.woff) format('woff'),
		url(/static/font/suit/SUIT-Regular.ttf) format('truetype');
	}
	@font-face {
	font-family: 'suit';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/static/font/suit/SUIT-Medium.eot);
	src: url(/static/font/suit/SUIT-Medium.eot?#iefix) format('embedded-opentype'),
		url(/static/font/suit/SUIT-Medium.woff2) format('woff2'),
		url(/static/font/suit/SUIT-Medium.woff) format('woff'),
		url(/static/font/suit/SUIT-Medium.ttf) format('truetype');
	}
	@font-face {
	font-family: 'suit';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url(/static/font/suit/SUIT-Bold.eot);
	src: url(/static/font/suit/SUIT-Bold.eot?#iefix) format('embedded-opentype'),
		url(/static/font/suit/SUIT-Bold.woff2) format('woff2'),
		url(/static/font/suit/SUIT-Bold.woff) format('woff'),
		url(/static/font/suit/SUIT-Bold.ttf) format('truetype');
	}

* {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; word-break:keep-all; word-wrap:break-word}
html, body {width:100%; height:100%; margin:0; padding:0;}
body {position:relative; line-height:1.5; color:#333; font-weight:normal; font-family:'suit', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif; font-weight:400; font-size:14px; letter-spacing:-0.5px; overflow-x:hidden}

a:link,
a:visited,
a:active {color:#333; text-decoration:none}
a:hover,
a:focus {color:#333}

ul, ol {list-style-type:none}
b, strong {font-weight:800}
em {font-style:normal}
img {border:0}
iframe {display:inline-block; border:0}
address, em {margin:0; padding:0; font-style:normal}

/* bx-slider */
.bx-wrapper {margin:0; border:none; box-shadow:none}

/* skip navigation */
.skip a {position:fixed; left:0; top:-40px; width:100%; height:40px; line-height:40px; background:#333; color:#fff; text-align:center; z-index:999}
.skip a:focus {top: 0}

/* etc */
.ir {text-indent:-9999px; position:fixed; top:-9999px; font-size:1px; width:1px; height:1px; opacity:0;}
label {display:inline-block; vertical-align:middle; cursor:pointer}
.hidden {overflow:hidden}

/* button -reset */
button {cursor:pointer; padding:0; border:0; background:none; font-family: 'suit'}
button[disabled] {opacity:0.5}

/* table reset */
table {width:100%; margin:0; border:0; table-layout:fixed; border-collapse:collapse; empty-cells:show}
table caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
table th, table td {padding:0; word-break:keep-all; word-wrap:break-word; word-wrap:break-word}

/* form */
::placeholder {color:#999 !important; font-size:16px !important; font-family:'suit'; opacity: 1;}
:-ms-input-placeholder {color:#999 !important; font-size:16px !important; font-family:'suit'}
::-ms-input-placeholder {color:#999 !important; font-size:16px !important; font-family:'suit'}

input[type="text"], input[type="password"], input[type="number"], input[type="text"], input[type="password"], input[type="date"] {padding:0 10px; height:50px; line-height:48px; border:1px solid #999; border-radius:5px; color:#666; font-size:16px; font-family:'suit'; vertical-align:top}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus {border-color:#9744fd}
input::-ms-clear {display: none;}

:disabled,
input:disabled,
[disabled],
input[disabled],
input:read-only,
input[readonly] {background-color:#eee !important; color:#666; border-color:#ccc !important;}
input.disabled, input.readonly {background-color:#eee !important; color:#666; border-color:#ccc !important;}
select {height:50px; border-radius:5px; padding:0 0 0 10px; border:0; vertical-align:middle; background-color:#fff; font-size:16px; border:1px solid #999; color:#666; font-family:'suit'}

textarea {padding:13px 10px; width:100%; line-height:22px; height:80px; border:1px solid #999; border-radius:5px; color:#666; font-size:16px; font-family:'suit'; resize:none}
textarea:focus {border-color:#9744fd}

/* checkbox , radio */
[type='checkbox'],
[type='radio'] {width:20px; height:20px; vertical-align:middle; opacity:0}

/* position */
.relative {position:relative !important}
.absolute {position:absolute !important}
.absolute.rt {right:0; top:0}

/* margin */
.mg00 {margin:0px !important;}
.mt00 {margin-top:0px !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt100 {margin-top:100px !important;}

.mb00 {margin-bottom:0px !important;}
.mb02 {margin-bottom:2px !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}

.ml00 {margin-left:0px !important;}
.ml02 {margin-left:2px !important;}
.ml05 {margin-left:5px !important;}
.ml07 {margin-left:7px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}

.mr00 {margin-right:0px !important;}
.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}

/* padding */
.pd00 {padding:0px !important;}
.pt05 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt100 {padding-top:100px !important;}

.pb00 {padding-bottom:0px !important;}
.pb05 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb100 {padding-bottom:100px !important;}

.pl00 {padding-left:0px !important;}
.pl05 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pr00 {padding-right:0px !important;}
.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}
.pr230 {padding-right:230px !important;}

/* float clear */
.clearfix:after {display:block; clear:both; content:''}

/* float */
.float-l {float:left !important;}
.float-r {float:right !important;}
.float-n {float:none !important;}

/* text-align */
.a-l {text-align:left !important;}
.a-r {text-align:right !important;}
.a-c {text-align:center !important;}
.v-t {vertical-align:top !important;}
.v-m {vertical-align:middle !important;}

/* text status */
.font-bold {font-weight:700 !important}
.font-mid {font-weight:600 !important}
.font-normal {font-weight:400 !important}
.underline {text-decoration:underline !important;}
.txt-link {color:#1558d6 !important; text-decoration:underline !important}

/* font size */
.fs-12 {font-size:12px !important;}
.fs-13 {font-size:13px !important}
.fs-14 {font-size:14px !important;}
.fs-15 {font-size:15px !important;}
.fs-16 {font-size:16px !important;}
.fs-17 {font-size:17px !important;}
.fs-18 {font-size:18px !important;}
.fs-19 {font-size:19px !important;}
.fs-20 {font-size:20px !important;}
.fs-24 {font-size:24px !important;}

/* font color */
.fc-black {color:#333 !important;}
.fc-gray {color:#666 !important;}
.fc-gray2 {color:#999 !important;}
.fc-purple {color:#9453e4 !important;}
.fc-red {color:#ff0000 !important;}
.fc-blue {color:#1558d6 !important;}
.fc-blue2 {color:#306daf !important;}
.fc-green {color:#2d9f9f !important;}

/* block */
.block {display:block !important;}
.inline-block {display:inline-block !important;}

/* ellipsis */
.ellipsis {display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ellipsis-line2 {display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden}

/* width */
.w10pc {width:10% !important;}
.w20pc {width:20% !important;}
.w30pc {width:30% !important;}
.w40pc {width:40% !important;}
.w50pc {width:50% !important;}
.w60pc {width:60% !important;}
.w70pc {width:70% !important;}
.w80pc {width:80% !important;}
.w85pc {width:85% !important;}
.w90pc {width:90% !important;}
.w100pc {width:100% !important;}
.w20px {width:20px !important;}
.w30px {width:30px !important;}
.w40px {width:40px !important;}
.w50px {width:50px !important;}
.w60px {width:60px !important;}
.w70px {width:70px !important;}
.w80px {width:80px !important;}
.w90px {width:90px !important;}
.w100px {width:100px !important;}
.w120px {width:120px !important;}
.w125px {width:125px !important;}
.w130px {width:130px !important;}
.w140px {width:140px !important;}
.w150px {width:150px !important;}
.w160px {width:160px !important;}
.w170px {width:170px !important;}
.w180px {width:180px !important;}
.w200px {width:200px !important;}
.w300px {width:300px !important;}
.w400px {width:400px !important;}
.w485px {width:485px !important;}
.w600px {width:600px !important;}

/* height */
.h100pc {height:100% !important;}
.h-auto {height:auto !important;}

/* line-height */
.lh50 {display:inline-block; line-height:50px}

/* border */
.bt-none {border-top:none !important}
.bl-none {border-left:none !important}
.br-none {border-right:none !important}
.bn-none {border-bottom:none !important}

/* background */
.bg-wh {background:#fff !important}