@charset "utf-8";

/* ---------- 유튜브 동영상 ---------- */
.embed-container {
    position: relative;
    padding-bottom: 56.4%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

/*  padding-bottom 으로 세로높이 조절 */
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* tag Definition */

html, body { width: 100%; height: 100%; margin: 0; padding: 0;background-color:#FFFFFF;}
address { font-style: normal; display: block; color: #575757;} /* 주소 */
cite { display: block; font-style: normal; }	/* 인용문 */
del { text-decoration: line-through; } /* 삭제 */
strong { font-weight: 500; } /* 강조 */
em { font-style: normal; } /* 강조 */
dfn { font-style: normal; } /* 정의 - 용어설명 */
cite { font-style: normal; } /* 인용출처 */
blockquote { margin: 0; padding: 0; } /* 인용block */
sup { font-size: .92em; } /* 위첨자 */
sub { font-size: .92em; } /* 아래첨자 */
fieldset{ margin:0; padding:0; border:0 }
fieldset legend{text-indent:-2000px; height:0; margin:0; padding:0; font-size:0; line-height:0; overflow:hidden; }
hr{display:none;}	/* 수평선 - 레이아웃구분용 */
form, blockquote, dl, dt, dd { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top;}
input.type-image { border: 0 none;}
optgroup label{ font-style:normal; font-weight:normal; }/* 셀렉트박스 그룹 */
ul, ol{margin:0; padding:0px; }
ul li{ list-style:none; margin:0; padding:0px; }
noscript{display:none}
iframe, frame{ padding:0; margin:0; border:0; }
input[type="button"] {
    cursor: pointer;
}
/*IE6 투명*/

.png24 {
   tmp:expression(setPng24(this));
}
img {
    max-width: 100%;
    height: auto;

}
/*------------------------------------
  Common
------------------------------------*/
/*INPUT*/
textarea {border:1px solid #e1e1e1; line-height:140%; width:100%; padding:10px;  font-family:'play','SCDream',"Noto Sans KR", "NanumGothic","dotum", "gulim", sans-serif; }
input, select, textarea { vertical-align: middle; font-size: 1em; color: #575757; font-family:'play','SCDream',"Noto Sans KR", "NanumGothic","dotum", "gulim", sans-serif;}
button {  font-family:'play','SCDream',"Noto Sans KR", "NanumGothic","dotum", "gulim", sans-serif;border: 0 none; }
input.hidden{
	position:absolute;
	left:-5000px;
	top:-5000px;
}
a, a:link { color:#787878; cursor:pointer; text-decoration:none !important; }
a:visited, a:active, a:focus { color:#787878; }
a:hover { color:#0c79ce;text-decoration:none !important;  }

html, body { font-size:17px; font-family:'play','SCDream',"Noto Sans KR", "NanumGothic","dotum", "gulim", sans-serif; color:#101010; width:100%; line-height:1.4; letter-spacing:-0.6px; font-weight: 400;}
table, pre {font-family:'play','SCDream',"Noto Sans KR", "NanumGothic","dotum", "gulim", sans-serif;}


@media (max-width: 500px) {
	html, body{
		font-size:13px;
	}
}
@media (min-width:501px) and (max-width:768px)  {
	html, body{
		font-size:14px;
	}
}
/* 중간 기기들 (데스크탑, 992px 이상) */
@media (min-width:769px) and (max-width:1199px){
	html, body{
		font-size:15px;
	}
}
.ul_li_pa {
	padding-right: 15px;
	padding-left: 15px;
}
.faq .btn-search{
	right:15px;

}

/* 본문제목 */
h1, h2, h3, h4 { margin:0;  padding:0;  ffont-family:'play','SCDream',"Noto Sans KR", "NanumGothic","dotum", "gulim", sans-serif; letter-spacing: -1px; }
h4 { font-size: 1.4em; color:#2d2d2d; padding: 0.35em 0 0 0.5em; overflow:hidden; background: url(../images/common/bullet-title00.gif) no-repeat 0 0; margin: 0.5em 0 1.15em 0;}
h5 { font-size: 1.25em; color:#333; padding-left: 0.85em; background: url(../images/common/bullet-title02.gif) no-repeat 0 0.25em;}
h1 span, h2 span, h4 span, h4 span {
	color: #555;
	font-weight: normal;
	letter-spacing:0;
}
p.mg {
	padding:0 0 10px;
	line-height:140%;
}
ul, ol{
	margin:0 ; 
	padding:0px ; 
}
ul li{ 
	list-style:none; 
	margin:0; 
	padding:0px ; 
}

/* cursor:pointer */
.hand_shape { cursor:pointer; }

/* dispaly */
.disblock { display:block; }
.disnone { display:none; }
.over_h   {overflow:hidden;}
.float_ta::after, .float_ta::before {
    display: block;
    content: "";
    clear: both;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}
label {
    font-weight: 400;
}

/* ---------- 정렬관련 ---------- */
.position-relative{position:relative;}
/* Align */
.tal { text-align:left !important; }
.tac { text-align:center !important; }
.tar { text-align:right !important;  }

/* vertical align */
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

/* float */
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }


/* ---------- 폰트관련 ---------- */

/* font size */
.fs0	{ font-size:0; }
.fs10 { font-size:10px; }
.fs11 { font-size:0.92em; }
.fs12 { font-size:1em; }
.fs13 { font-size:13px; }
.fs14 { font-size:1.17em !important; }
.fn { font-weight:normal; }
.bo { font-weight:500; }

/* color */
.white {color:#ffffff;}
.orange {color:#f96f00;}
.black {color:#000 !important}
.dark_gray {color:#212121;}
.dark_gray02 {color:#333;}
.gray {color:#989898;}
.blue {color:#0773c7 !important;}
.txt_point {color:#468ed2;}
.txt_point02 {color:#6d90b2;}
.green {color:#238900;}
.f_blue { color:#3fa6db; }
.f_green { color:#4eb848; }
.f_silver { color:#aaaaaa !important; }
.f_silver02 { color:#656565 !important; }

/* text_style */
.fb { font-weight:bold; text-align:center; }
.fn { font-weight:normal; }

/*letter-spacing*/
.ls0 { letter-spacing:normal; }
.ls1 { letter-spacing:-0.07rem; }
.ls2 { letter-spacing:-0.1rem; }
.ls3 { letter-spacing:-0.15rem; }
.lsf3 { letter-spacing:1rem; }
.lsf4 { letter-spacing:1.8rem; }

/*line-height*/
.lh130 { line-height:130%; }
.lh140 { line-height:140%; }
.lh150 { line-height:150%; }
.lh160 { line-height:160%; }

/*------------------------------------
  form
------------------------------------*/
.form-control {
    border:1px solid #ddd;
	border-radius:0;
	color:#555;
}
.form-control-in {
    border:1px solid #ddd;
	border-radius:0;
	color:#555;
	display:inline-block;
	width: 100%;
	max-width:250px;
	height: 38px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
}
select {
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	outline: none;
	border: 1px solid #ddd;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	background: url(/pages/board/images/select_arrow.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: right 1rem;
	background-size: 1.5rem 4rem;
	vertical-align: middle;
}
select::-ms-expand {
    display: none;
}

.board_top_search {
    position: relative;
    z-index: 1;
}
/*.board_top_search div::after{	
	content: '';
	display: block;
	margin-bottom:3%;
}*/
.board-search {
    position: relative;
}
/*.btn-search {
    position: absolute;
    background: #444;
    height: 38px;
    line-height: 38px;
    right: 0px;
    color: #fff !important;
    padding: 0 0.8em;
    font-size: 25px;
}
.select.select-lg {
	font-size: 1em;
}*/
.in-search input{
    margin-left: -1px;
	padding-right:10%;
}

input[type=radio] + label,
input[type=checkbox] + label{
    padding: 0;
    margin: 0 8px;
    line-height: normal;
    vertical-align: middle;
}
input[type=radio]:first-child + label,
input[type=checkbox]:first-child + label {
    margin-left: 0
}

/* checkbox */
input[type="checkbox"].none {
	display:none;
}
input[type="checkbox"] + label {
	display:inline-block;
    position: relative;
	padding-left:1.5em;
	vertical-align:top;
	cursor:pointer;
}
input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.2em;
    left: 0;
    width: 1em;
    height: 1em;
	border-radius:0.2em;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
input[type="checkbox"]:checked + label::before {
    color: #fff;
	background-color: #444;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

/* �����ڽ� */
input[type="radio"], input[type="checkbox"] {
	display:none;
}
input[type=radio] + label{
	display:inline-block;
	position:relative;
	padding-left:1.1em;
	vertical-align:top;
	cursor:pointer;
}
input[type=radio] + label:before{
	content:"";
	display:inline-block;
	position:absolute;
	left:0;
	top: 0.35em;
	width: 0.8em;
    height: 0.8em;
	border-radius:50%;
	background-color: #ddd;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
input[type=radio]:checked + label{
	color:#222;
}
input[type=radio]:checked + label:before{
	border:.2em solid #444;
	background-color: #fff;
}
input[type=radio]:disabled + label{
	cursor:default;
}
.input-group-addon {
    font-size: 14px;
    color: #555;
    background-color: #ddd;
    align-items: center;
    display: flex;
    height: 100%;
    line-height: 1.5;
    padding: 0 .5rem;
}

button:focus {
    outline: none;
}


/*------------------------------------
  btn
------------------------------------*/
.btn {
	border-radius:0;
	margin:0 0.1rem;
}
.btn-md {
	padding: .575rem 1.2rem;
	min-width:5.5rem;
}

/* ��ȸ�� */
.btn-d-gray {
    color: #fff;
    background-color: #444;
    border-color: #444;
}
.btn-d-gray:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

/* ��ȸ�� - ���� */
.btn-outline-gray {
    color: #555;
    background-color: transparent;
    background-image: none;
    border-color: #ddd;
}
.btn-outline-gray:hover {
	color: #555;
    background-color: #f5f5f5;
    border-color: #ddd;
}

/*------------------------------------
  pagination
------------------------------------*/
.pagination .page-link{
	min-width:2.5rem;
	text-align:center;
	color:#444;
	border-color:#ddd;
	border-radius:0 !important;
}
.pagination .page-link:hover {
    background-color: #f5f5f5;
   border-color:#ddd;
}
.page-item.active .page-link {
    background-color: #444;
    border-color: #444;
	font-weight:700;
}
.page-item.disabled .page-link {
    color: #bbb;
	border-color:#ddd;
}

/*------------------------------------
 nav-tabs
------------------------------------*/


/* 작은 기기들 (모바일, 767px 이하) */
@media (min-width: 768px) {
	
}


/*------------------------------------
 font-weight
------------------------------------*/
.font-weight-thin {
  font-weight: 100 !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-medium {
  font-weight: 500 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-black {
  font-weight: 900 !important;
}


/*------------------------------------
  position
------------------------------------*/
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}


/*------------------------------------
  color
------------------------------------*/
.text-point{
	color:#41b4aa;
}


/*------------------------------------
  etc
------------------------------------*/
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.text-hidden{
	text-indent:-1000px;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
}

/* Tag목록(List) */
ol.decimal {
	padding: 5px 0 5px 0;
	margin-left:22px;
	text-align: left;
	line-height:140%;
}
ol.decimal li {
	margin: 0;
	padding:0 0 2px 0;
	list-style:decimal;
}
ul.con03 {
	padding-top:2px;
	line-height:140%;
	text-align: left;
}
ul.con03 li {
	background:none;
	padding: 0 0 1px 10px;
	background: url(../images/common/dot_01.jpg) no-repeat 0 0.7em;
}
.default_box{
	border:1px solid #eaeaea;
}
.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}



/*테이블*/
.tb_border{
	background: url("../images/sub/tb1_bg.gif") repeat-x scroll 0 0;
    padding-top: 3px;
}
.tb_border_02 { border-top: 1px solid #000; }

table.tstyle {
    border-collapse: collapse;
    margin:0;
    width: 100%;
	min-width: 340px;
}
.table_min table.tstyle {	min-width: 100%; }
table.tstyle caption {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    text-indent: -2000px;
}
table.tstyle caption.view {
    font-size: 1em;
    line-height: 150%;
    margin: 0;
    padding: 0 0 4px;
    text-indent: 0;
}
table.tstyle th, table.tstyle td {
    line-height: 120%;
    padding: 1.1em 0.5em;
}
table.tstyle th {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e2e4e5;
    color: #343434;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}
table.tstyle td {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e2e4e5;
}

table.tstyle td.td-tit {
	background: #f5f5f5;
	font-weight: 500;
	color: #343434;
}

table.tstyle th.line, table.tstyle td.line {    border-left: 1px solid #e2e4e5;  }
table.tstyle tfoot td {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #444;
    font-weight: normal;
    vertical-align: middle;
}
table.tstyle td.item {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #444;
    font-weight: bold;
    letter-spacing: -0.1em;
    text-align: center;
}
table.tstyle td.item02 {
    background: #f9f3f8 none repeat scroll 0 0;
    color: #444;
}
table.tstyle td.bg {   background: #f8f8f8 none repeat scroll 0 0; }
table.tstyle td.bg_point {   background: #99a6ad    none repeat scroll 0 0; }
table.tstyle td input.box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    height: 16px;
    margin-bottom: 2px;
    vertical-align: middle;
}
table.t_pad th, table.t_pad td {
    padding: 5px 1px 3px;
}
table.t_pad .s_width {
    width: 19px;
}

table.tstyle td .tal-dot_list {
	text-align: left;
	padding-left: 1.3em;	
}

table.tstyle td .tal-dot_list > li {
	position: relative;
	margin-bottom: 0.55em;
}

table.tstyle td .tal-dot_list > li:before {
	position: absolute; 
	left:-0.5em; 
	top: 10px; 
	width: 2px; 
	height: 2px; 
	content: '';
	background: #717171;
}

table.tstyle td .tal-dot_list li ul.cont-sm {
	font-size: 0.88em;
	padding: 1.2em 0 0 0;
}


/* ul 스타일 */
ul.con { padding:4px 0 0 0; text-align:left; line-height:140%; }
ul.con li {	padding: 0 0 0.6em 1em; background: url("../images/common/bullet_list01.gif") no-repeat 0 0.55em; }

ul.con02 { padding:2px 0 0 0; text-align:left; line-height:140%; }
ul.con02 li {	padding: 0 0 0.2em 0.8em; background: url("../images/common/arrow.png") no-repeat 0 0.55em; }


/*작은 테이블*/
#table_sm table.tstyle {
    min-width: 200px;
}
#table_sm table.tstyle th, #table_sm table.tstyle td {
    padding: 0.8em 0.2em;
}

/*다른 스타일 테이블*/
table.tstyle_02 { border-collapse:collapse; margin:0;  width:100%; }
table.tstyle_02 caption { font-size:0; line-height:0; margin:0; padding:0; text-indent:-2000px; }
table.tstyle_02 caption.view { font-size: 1em; line-height: 150%; margin:0; padding:0 0 4px; text-indent:0; }
table.tstyle_02 th, table.tstyle_02 td { line-height:150%; letter-spacing:-0.5px;}
table.tstyle_02 th { background-color: #e6ebf1; border:1px solid #d2d8dd; color:#202020; font-weight:500; text-align:center; vertical-align:middle;  padding:14px 8px; }
table.tstyle_02 td { background:#fff ; border:1px solid #e2e4e5; padding:10px 8px;  }
table.tstyle_02 tfoot td { background:#f8f8f8 none repeat scroll 0 0; color:#444; font-weight:normal; vertical-align:middle; }
table.tstyle_02 td.item { background:#f8f8f8 none repeat scroll 0 0; color:#444; font-weight:500; letter-spacing:-0.05em; text-align:center; }
table.tstyle_02 td.bg { background:#f8f8f8 none repeat scroll 0 0; }
table.tstyle_02 td input.box { background:#fff none repeat scroll 0 0; border:1px solid #cdcdcd; height:16px; margin-bottom:2px; vertical-align:middle; }
.table_wrap {
	overflow-x: auto;
	width:100%;
}

/*다른 스타일 테이블*/
table.tstyle_03 { border-collapse:collapse; margin:0;  width:100%; }
table.tstyle_03 caption { font-size:0; line-height:0; margin:0; padding:0; text-indent:-2000px; }
table.tstyle_03 caption.view { font-size: 1em; line-height: 150%; margin:0; padding:0 0 4px; text-indent:0; }
table.tstyle_03 th, table.tstyle_03 td {letter-spacing:-0.02rem;}
table.tstyle_03 th { background-color: #5daee0; border:1px solid #3b9ad5; color:#fff; font-weight:500; text-align:center; vertical-align:middle;  padding:5px 8px; font-size: 18px;}
table.tstyle_03 th.bg { background:#3a71a9; border:1px solid #3a71a9; }
table.tstyle_03 th.bg-gray { background:#939393; }
table.tstyle_03 td { background:#fff ;   line-height: 135%;  font-size: 0.98rem; border:1px solid #e2e4e5; padding:15px;  }
table.tstyle_03 tfoot td { background:#f8f8f8 none repeat scroll 0 0; color:#444; font-weight:normal; vertical-align:middle; }
table.tstyle_03 td.item { color: #2c2c2c; font-weight: 500;}
table.tstyle_03 td.bg { background:#f5f5f5 none repeat scroll 0 0; }
table.tstyle_03 td.bg_b { background:#eef2f5 none repeat scroll 0 0; }
table.tstyle_03 td input.box { background:#fff none repeat scroll 0 0; border:1px solid #cdcdcd; height:16px; margin-bottom:2px; vertical-align:middle; }
.table_wrap {
	overflow-x: auto;
	width:100%;
}

/*다른 스타일 테이블*/
table.tstyle_04 { border-collapse:collapse; margin:0;  width:100%; }
table.tstyle_04 caption { font-size:0; line-height:0; margin:0; padding:0; text-indent:-2000px; }
table.tstyle_04 caption.view { font-size: 1em; line-height: 150%; margin:0; padding:0 0 4px; text-indent:0; }
table.tstyle_04 th, table.tstyle_04 td {letter-spacing:-0.02rem;}
table.tstyle_04 th { background-color: #5daee0; border:1px solid #3b9ad5; color:#fff; font-weight:500; text-align:center; vertical-align:middle;  padding:5px 8px; font-size: 18px;}
table.tstyle_04 td { background:#fff ;   line-height: 135%;  font-size: 0.98rem; border:1px solid #e2e4e5; padding:7px;  }
table.tstyle_04 tfoot td { background:#f8f8f8 none repeat scroll 0 0; color:#444; font-weight:normal; vertical-align:middle; }
table.tstyle_04 td.item { color: #2c2c2c; font-weight: 500;}
table.tstyle_04 td.bg_b { background:#eef2f5 none repeat scroll 0 0; }
/* 작은 기기들 (모바일, 767px 이하) */
@media (max-width: 992px) {	
	/*table.tstyle_03 { font-size:0.95rem; }
	table.tstyle_02 th, table.tstyle_02 td { padding:8px 3px !important;}
	table.tstyle_03 th, table.tstyle_03 td { padding:8px 3px !important;}*/
}

/*------------------------------------
	oversize
------------------------------------*/
.ov_size400 {  min-width: 380px; }
.ov_size500 {  min-width: 500px; }
.ov_size600 {  min-width: 600px; }
.ov_size700 {  min-width: 700px; }
.ov_size800 {  min-width: 800px; }
.ov_size900 {  min-width: 900px; }
.ov_size1000 {  min-width: 1000px; }



/* container 사이즈 */
@media (min-width: 1400px){
	.container-fluid {
		max-width: 100% !important;
	}
}



a.a_link {
    font-size: 0em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	display:block;
}
a {
	transition: .3s ease all;
}
a:hover {
	transition: .3s ease all;
}
.box-shadow{
	box-shadow: 10px 10px 30px rgb(0 0 0 / 12%);
}