@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px; font-family:"Noto Sans KR", sans-serif; color:#333333;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;  letter-spacing: -0.5px !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul, li {list-style:none; padding:0; margin:0; letter-spacing: -0.5px !important;}
ul:after { display:block; content:""; clear:both; }
dl dd {padding:0; margin:0;  letter-spacing: -0.5px !important;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;  letter-spacing: -0.5px !important;}
button {cursor:pointer}

textarea, select { letter-spacing: 0px !important;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;  }
hr {display:none}
pre {overflow-x:scroll;}
a:link, a:visited, a:hover, a:focus, a:active/*, td a:link, td a:visited, td a:hover, td a:focus, td a:active, th a:link, th a:visited, th a:hover, th a:focus, th a:active*/ {text-decoration:none; color:#333;}

.b { font-weight:600; }

.font17 { font-size:17px; }

.brd1 { border:1px solid red; box-sizing:border-box; }
.brd2 { border:1px solid blue; box-sizing:border-box; }
.brd3 { border:1px solid green; box-sizing:border-box; }

.br_pc { display:block; }
.br_pc2 { display:block; }
.br_pc3 { display:block; }
.br_pc4 { display:block; }
.br_mo { display:none; }
.br_mo2 { display:none; }
.br_mo3 { display:none; }
.br_mo4 { display:none; }

.tm0 { margin-top:0px !important; }
.tm10 { margin-top:10px !important; }
.tm15 { margin-top:15px !important; }
.tm20 { margin-top:20px !important; }
.tm30 { margin-top:30px !important; }
.tm50 { margin-top:50px !important; }
.tm100 { margin-top:100px !important; }

.bm10 { margin-bottom:10px !important; }
.bm30 { margin-bottom:30px !important; }
.bm50 { margin-bottom:50px !important; }

.lm5 { margin-left:5px !important; }

.bp50 { padding-bottom:50px !important; }
.lp5 { padding-left:5px !important; }

.wd50 { width:50% !important; }

.tl { text-align:left !important; }
.tc { text-align:center !important; }
.tr { text-align:right !important; }

/* 세로 가운데정렬 */
.vac { display: flex; align-items: center; justify-content: center; }

/* img태그를 그 안에서 background같은 효과 주기(공간을 늘리거나 넘어가지 않게함) */
.img_cover { object-fit: cover; }

.ul {text-decoration: underline !important;}

.fl {float:left;}
.fr {float:right;}

.txt_red {color:#E60043}
.txt_red02 {color:#e21038}
.txt_blue {color:#0d6cae;}
.txt_green {color:#0d9381}
.txt_org {color:#f4781f}
.txt_black {color:#00000}

.cpointer { cursor:pointer; }

.txt_box { font-size:15px; line-height:1.5;}
.txt_box p { margin-bottom:15px; }
.img_box {margin:25px 0 50px; text-align:center; border:0 !important; }
.img_box img {max-width:100%}
.img_box .img_list {overflow:hidden;}
.img_box .img_list li {display:inline-block; width:49.5%; margin-bottom:5px; height:380px; overflow:hidden;}

.txt_box > ul > li { float:left; }
.txt_box > ul > li.tb_left {width:30%; height:auto; text-align:center;}
.txt_box > ul > li.tb_left img, .txt_box > ul > li.tb_left_mo img {width:auto; max-width:100%; box-shadow: 5px 5px 5px #666;filter:drop-shadow(5px 5px 5px #666); }
.txt_box > ul > li.tb_right {width:67%; margin-left:3%; height:auto; text-align:center; }
.txt_box > ul > li.tb_right img, .txt_box > ul > li.tb_right_mo img {width:auto; max-width:100%; box-shadow: 5px 5px 5px #666;filter:drop-shadow(5px 5px 5px #666); }

@media ( max-width: 1300px ) {
	.br_pc4 { display:none; }
}
@media ( max-width: 1199px ) {

}

@media ( max-width: 1023px ) {
	.br_pc { display:none; }
	.br_pc2 { display:none; }
	.br_pc3 { display:none; }
	.br_mo { display:block; }

	/* 테이블 넓이 고정, 가로스크롤 */
	.tw600 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
	.tw600 > table { min-width:600px; }
	.tw600::-webkit-scrollbar {  width: 10px;  }
	.tw600::-webkit-scrollbar-thumb { background-color: #888;  }

	.tw650 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
	.tw650 > table { min-width:600px; }
	.tw650::-webkit-scrollbar {  width: 10px;  }
	.tw650::-webkit-scrollbar-thumb { background-color: #888;  }

	.tw700 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
	.tw700 > table { min-width:700px; }
	.tw700::-webkit-scrollbar {  width: 10px;  }
	.tw700::-webkit-scrollbar-thumb { background-color: #888;  }

	.tw800 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
	.tw800 > table { min-width:800px; }
	.tw800::-webkit-scrollbar {  width: 10px;  }
	.tw800::-webkit-scrollbar-thumb { background-color: #888;  }

	.tw900 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
	.tw900 > table { min-width:900px; }
	.tw900 > ul { min-width:900px; }
	.tw900::-webkit-scrollbar {  width: 10px;  }
	.tw900::-webkit-scrollbar-thumb { background-color: #888;  }

	.tw1000 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
	.tw1000 > table { min-width:900px; }
	.tw1000::-webkit-scrollbar {  width: 10px;  }
	.tw1000::-webkit-scrollbar-thumb { background-color: #888;  }
}

@media ( max-width: 767px ) {
	.br_mo2 { display:block; }

	.mo_dpnone2 { display:none !important; }
}

@media ( max-width: 479px ) {
	.br_mo3 { display:block; }
}
@media ( max-width: 350px ) {
	.br_mo4 { display:block; }
}