@charset "utf-8";

@font-face {
	font-family:'NotoSans';
	src:url('../../_asset/_font/NotoSans/NotoSansKR-Regular-Hestia.otf');
	src:local(※),
	url('../../_asset/_font/NotoSans/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
	url('../../_asset/_font/NotoSans/NotoSansKR-Regular-Hestia.woff') format('woff'),
	url('../../_asset/_font/NotoSans/NotoSansKR-Regular-Hestia.otf') format('otf');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family:'NotoSans';
	src:url('../../_asset/_font/NotoSans/NotoSansKR-Medium-Hestia.eot');
	src:local(※),
	url('../../_asset/_font/NotoSans/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
	url('../../_asset/_font/NotoSans/NotoSansKR-Medium-Hestia.woff') format('woff'),
	url('../../_asset/_font/NotoSans/NotoSansKR-Medium-Hestia.otf') format('otf');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family:'NotoSans';
	src:url('../../_asset/_font/NotoSans/NotoSansKR-Bold-Hestia.eot');
	src:local(※),
	url('../../_asset/_font/NotoSans/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
	url('../../_asset/_font/NotoSans/NotoSansKR-Bold-Hestia.woff') format('woff'),
	url('../../_asset/_font/NotoSans/NotoSansKR-Bold-Hestia.otf') format('otf');
	font-weight: 700;
	font-style: normal;
}

/* SUIT */
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-Thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family:'SUIT';
	src: url('./fonts/SUIT/SUIT-Heavy.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}

/* Zeroize */
body, div, dl, dt, dd, li, form, input, p, blockquote, th, td, figure, figcaption { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ol, ul { margin:0; padding:0; list-style:none; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; }
table { border-collapse:collapse; border-spacing:0;table-layout:fixed;width:100%; }
fieldset, img, iframe { margin:0; padding:0; border:0; }
caption, th { border:0; }
q:before, q:after { content:''; }
a {selector-dummy:expression(this.hideFocus=true);cursor:pointer; display:inline-block}
a, a:hover, a:visited { color: inherit; text-decoration:none; }
input:focus, select:focus, button:focus {outline:none;}
select {selector-dummy:expression(this.hideFocus=true)}
img {display:inline-block;border:0 none;}
h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;}
address, cite, em, dfn {font-style:normal;}
blockquote, p {margin:0;}
pre {margin:0;font-size:1em;}
hr {display:none;}

a:hover,
a:active,
a:focus { color: inherit; text-decoration:none; outline: #008aa2 dotted 2px;outline-offset: -1px;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* SkipNavi */
#skipNavi{position:absolute;left:0;top:0;z-index:5;width:100%;z-index:1000}
#skipNavi li{position:absolute;left:0;top:0;z-index:5;width:100%}
#skipNavi a{display:block;width:1px;height:1px;margin-bottom:-1px;font-size:0;overflow:hidden}
#skipNavi a:active,
#skipNavi a:focus{color:#000;width:100%;height:auto;padding:5px 0;background:#eee;font-size:12px;text-align:center}

.after:after {content:""; visibility: hidden; display:block; clear: both; height:0;}
.ellip {display:inline-block;width:95%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.a11y { overflow: hidden; position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; font-size: 1px; line-height: 1; }

.flex {display:flex; align-items: center; flex-wrap:wrap;}

/* Webkit */
input::-webkit-input-placeholder {color: #888; text-transform:uppercase; font-weight:400; font-size:inherit;}
/* Firefox 4-18 */
input:-moz-placeholder {color: #888; text-transform:uppercase;font-weight:400; font-size:inherit;}
/* Firefox 19+ */
input::-moz-placeholder {color: #888; text-transform:uppercase;font-weight:400; font-size:inherit;}
/* IE10+ */
input:-ms-input-placeholder {color: #888; text-transform:uppercase;font-weight:400; font-size:inherit;}
.placeholder {color: #888; text-transform:uppercase;font-weight:400; font-size:inherit;}

.img-box {background-size:cover; background-position:center; background-repeat: no-repeat}
img {display:inline-block; max-width:100%;}


/* 공용 레이어 팝업 */
.layer {position:fixed; left:0; right:0; top:0; bottom:0; z-index:1000; min-width:320px; font-size:16px;}
.layer._absolute {position:absolute;}
.layer .dim {position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.7)}
.layer .dim.gray {background:#F8F6F6}
.pop-container {
	padding:0 10px; z-index:200; position:absolute; left:50%; top:50%;width:100%;
	-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.pop-container._drag {
	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);
}
.pop-container._customPosition {
	-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);
}
.pop-container._full {
	top:10px; bottom:10px;
	-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);
}
.pop-container._full .pop-content {overflow: hidden; height:100%;}
.pop-container._full .pop-header .pop-tit {padding:10px 0;}
.pop-container .pop-content {position:relative; overflow: hidden;}
.pop-container._full .pop-inner {overflow: hidden; overflow-y: auto;    height: calc(100% - 50px);}
.pop-content {box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);}
.pop-content .pop-header {background:#fff;padding:0 30px; position:relative}
.pop-content .pop-header .pop-tit {padding:30px 0;color:#202020; font-size:24px; font-weight:700; display:block; width:100%; border-bottom:1px solid #e3e3e3}
.pop-close {display:block; width:24px; height:24px;background:#fff; position:absolute; right:30px; top:30px;}
.layer._fixed .pop-close {top:10px;}
.pop-close:after,
.pop-close:before {
	content:""; display:block; background:#202020; width:30px; height:3px; border-radius:2px;position:absolute; left:50%; top:50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);-o-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);
}
.pop-close:before {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);-moz-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);-o-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);
}
.pop-inner {background:#fff; margin-top:-1px;padding:30px}

@media (max-width: 1024px) {
	.pop-content .pop-header {padding:0 15px;}
	.pop-content .pop-header .pop-tit {padding:20px 0; font-size:20px; padding-right:30px !important;}
	.pop-close {right:15px;}
	.pop-inner {padding:20px 15px;}
}
@media (max-width: 768px) {
	.pop-content .pop-header .pop-tit {font-size:18px;
	}
}

.privacy_top_wrap {width:100%;border-top:2px solid #3887B5;}
.privacy_top_wrap .privacy_top_tit {padding:22px 0;text-align:center;background-color:#F0F5FA;font-weight:bold;}
.privacy_top_con ul {display:flex;flex-wrap: wrap;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
.privacy_top_con ul li {display:block;padding:15px 10px;width:25%;border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
.privacy_top_con ul li dt {text-align:center;}
.privacy_top_con ul li dd {text-align:center;margin-top:5px;color:#202020;word-wrap: break-word;word-break: break-all;}

.privacy_list {display:flex; flex-wrap: wrap; margin-top:30px;margin-bottom:50px;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
.privacy_list > a {display:flex;justify-content: space-between; width:50%; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;padding:14px 20px;background-color:#f7f7f7;align-items: center;}
.privacy_list > a dt {font-weight:bold;}
.privacy_list > a dd {font-weight:bold;margin-top:3px;}
.privacy_list > a > div {min-width:80px;}
.privacy_list > a .bull_icon {display:flex;justify-content: end;}
.privacy_list > a .bull_icon img {width:40px;height:auto;}

.blit-top-txt {position:relative; line-height:2; text-align: left;color:#202020;margin-bottom:40px;}
.blit-dl {margin-bottom:20px;}
.blit-dl dt {margin-bottom:10px;font-weight:bold;}
.blit-dl dd {line-height:2; text-align: left;color:#202020;}

.tbl-top-tit {margin-top:30px;margin-left:-18px;}

.div_table {width:100%;margin-left:-18px;border-top:2px solid #3887b5;border-bottom:1px solid #e3e3e3;}
.div_table.ml0 {margin-left:0;}
.div_table .div_top_area {text-align: center;padding:10px;background-color:#F0F5FA;font-weight:bold;}
.div_table .div_tr_area {display:flex;}
.div_table .div_tr_area .div_tr_th {display:inline-flex;align-content: stretch;justify-content: center; font-weight:bold;background-color:#F0F5FA;width:20%;flex-shrink: 0;padding:15px 10px;border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;white-space: nowrap;word-wrap: break-word;word-break: break-all;}
.div_table .div_tr_area .div_tr_th p {display:flex;align-items: center;text-align: center;}
.div_table .div_tr_area .div_tr_td {min-width:30%;padding:15px 10px;border-top:1px solid #e3e3e3;flex-grow: 1;display:flex;justify-content: center;align-items: center;}
.div_table .div_tr_area .div_tr_td + .div_tr_th {border-left:1px solid #e3e3e3;}
.div_table .div_tr_area .div_tr_td > div {text-align:center;}

.div_table .div_tr_area .div_tr_td20 {min-width:20%;padding:15px 10px;border-top:1px solid #e3e3e3;flex-grow: 1;display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.div_table .div_tr_area .div_tr_td20 + .div_tr_td20 {border-left:1px solid #e3e3e3;}
.div_table .div_tr_area .div_tr_td20 > div {text-align:center;}
.div_table .div_tr_area .div_tr_td20 p {line-height:150%;}
.div_table .div_tr_area .div_tr_td20 p.t_center {text-align:center;}
.div_table .div_tr_area .div_tr_td20.border_right {border-right:1px solid #e3e3e3;}


.div_table .div_tr_area .div_tr_td60 {min-width:60%;padding:0px;border-top:1px solid #e3e3e3;;border-right:1px solid #e3e3e3;flex-grow: 1;display:flex;justify-content: center;align-items: center;}
.div_table .div_tr_area .div_tr_td60 > div {width:33.4%;padding:15px 10px;border-top:none;height: 100%;font-size:15px;}
.div_table .div_tr_area .div_tr_td60 > div:first-child {width:33.3%;}

.div_table .div_tr_area .div_tr_td60 .div_tr_td20 {justify-content: left;}

.div_table .div_tr_area span {display:inline-block;line-height:15px;}
.div_table .div_tr_area > div span:first-child {margin-top:0;}
.div_table .div_tr_area span.bull_type {margin:20px 0 10px;display:inline-block;padding:5px 10px;background-color:#F0F5FA;color:#333;border-radius:20px;font-size:15px;font-weight:bold;line-height:15px;}

.div_table .btn_link {display:inline-block;padding:12px 35px;background-color:#0A9EE1;color:#fff;font-size:14px;border-radius:10px;}
.div_table .div_tr_area .div_tr_td.div_tr_td_left {justify-content: start;padding:0;}
.div_table .div_tr_area .div_tr_td.div_tr_td_left > div {width:100%;text-align:left;}
.div_table .div_tr_area .div_tr_td.div_tr_td_left > div > div {border-top:1px solid #e3e3e3;padding:15px 10px;}
.div_table .div_tr_area .div_tr_td.div_tr_td_left > div > div:first-child {border-top:0;}
.div_table .div_tr_area .bull_tit {font-weight:bold;}
.div_table .div_tr_area span.bull_type {margin-top:0;}

.div_table .div_tr_area.type02.div_tr_th_area .div_tr_td60 {min-width:20%;}

.div_table .div_tr_area.type02 {width:100%;}
.only_m {display:none;}

.div_table .div_tr_area .div_tr_td20 p.t_center {width: 100%;}

@media (max-width: 767px) {
	.only_m {display:block;}
	.privacy_top_con ul li dt img {width:40px;height:auto;}
	.privacy_top_con ul li dd {font-size:12px;}
	.div_table {}
	.div_table .div_tr_area {flex-wrap: wrap; }
	.div_table .div_tr_area .div_tr_th {width:30%;font-size:13px;padding:10px 5px;}
	.div_table .div_tr_area .div_tr_td {width:70%;font-size:13px;text-align:center;}
	.div_table .btn_link {padding:6px 10px;font-size:12px;border-radius:5px;}
	.div_table .div_tr_area span.bull_type {font-size:12px;}
	.div_table .div_tr_area .div_tr_td.div_tr_td_left > div {text-align: center;}

	.privacy_list > a {width:100%;padding:10px;}

	.div_table .div_tr_area .div_tr_th.m_hide {display:none;}

	.div_table .div_tr_area.type02 > div {width:24%;}
	.div_table .div_tr_area.type02 .div_tr_td60 {width:52%;min-width:52%;flex-direction: column;justify-content: start;}
	.div_table .div_tr_area .div_tr_td60 > div {width:100%;}
	.div_table .div_tr_area .div_tr_td60 > div:first-child {width:100%;border-top:none;}
	.div_table .div_tr_area .div_tr_td60 .div_tr_td20 {border-top:1px solid #e3e3e3;text-align:left;justify-content: start;}
	.div_table .div_tr_area .div_tr_td20 + .div_tr_td20 {border-left:0;}
	.div_table .div_tr_area .div_tr_td20 p {font-size:12px;}
	.div_table .div_tr_area .div_tr_td20 p.t_center {text-align: left;}

	.div_table .div_tr_area.type02 .div_tr_th.div_tr_td60 {width:52%;}

}



.div_table .div_tr_area th.div_tr_th{width:100%; display:table-cell; padding:15px 10px;}
.div_table .div_tr_area th.div_tr_th p{text-align: center; justify-content: center;}
.div_table .div_tr_area td.div_tr_td20{min-width: 100%; display: table-cell; vertical-align: middle}
.div_table tr.div_tr_area{display:table-row;}

.scroll-area{max-width:100%; overflow-x:auto;}
.scroll-area > table{min-width:800px;}