@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px; font-family:"Pretendard", sans-serif; color:#000000; letter-spacing:-1px; }
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; font-family:"Pretendard", sans-serif;}
input::placeholder,
textarea::placeholder { font-family:"Pretendard", sans-serif;}
button {cursor:pointer}

textarea, select { letter-spacing: 0px !important; font-family:"Pretendard", sans-serif;}
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;}

.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_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; }
.bm20 { margin-bottom:20px !important; }
.bm30 { margin-bottom:30px !important; }
.bm50 { margin-bottom:50px !important; }

.lm0 { margin-left:0px !important; }

.tp10 { padding-top:10px !important; }
.tp15 { padding-top:15px !important; }
.tp20 { padding-top:20px !important; }
.tp30 { padding-top:30px !important; }
.tp50 { padding-top:50px !important; }

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

.bp20 { padding-bottom:20px !important; }
.bp50 { padding-bottom:50px !important; }

.lp0 { padding-left:0px !important; }
.lp5 { padding-left:5px !important; }


.wd100 { width:100% !important; }
.wd50 { width:50% !important; }

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

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

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

.txt_red {color:#fe223b}
.txt_red02 {color:#e21038}
.txt_blue {color:#0077be;}
.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 { width:auto; max-width:100%}
.img_box .img_list {overflow:hidden;}
.img_box .img_list li {float:left; width:32%; margin-right:2%; margin-bottom:5px; height:auto; overflow:hidden;}
.img_box .img_list li:nth-child(3n) { margin-right:0; }

.img_box .img_list2 {overflow:hidden;}
.img_box .img_list2 li {float:left; width:48%; margin-right:4%; margin-bottom:5px; height:auto; overflow:hidden;}
.img_box .img_list2 li:nth-child(2n) { margin-right:0; }

.doc_title { clear:both; padding:10px 0; border:0px solid green; border:0px solid red; }
.doc_title:after { clear:both; display:block; content:""; }
.doc_title > ul { width:auto; border:0px solid red; text-align:center;}
.doc_title > ul > li { display:inline-block; font-family:"NanumSquare", sans-serif; border:0px solid blue; }
.doc_title > ul > li > .dt_dot { width:8px; height:8px; border-radius:100%; margin:0 auto; }
.doc_title > ul > li > .dt_title, .doc_title > ul > li.dt_none3 { font-weight:600; line-height:1.2; }
.doc_title > ul > li.dt_none2 { width:auto; font-weight:400; line-height:1.2; }
.doc_title > ul > li.dt_ok:nth-child(1) > .dt_dot { background-color:#0c2f6f; }
.doc_title > ul > li.dt_ok:nth-child(2) > .dt_dot { background-color:#ed7100; }
.doc_title > ul > li.dt_ok:nth-child(3) > .dt_dot { background-color:#0c2f6f; }
.doc_title > ul > li.dt_ok:nth-child(4) > .dt_dot { background-color:#ed7100; }
.doc_title > ul > li.dt_ok:nth-child(5) > .dt_dot { background-color:#0c2f6f; }
.doc_title > ul > li.dt_ok:nth-child(6) > .dt_dot { background-color:#ed7100; }
.doc_title > ul > li.dt_ok:nth-child(7) > .dt_dot { background-color:#0c2f6f; }
.doc_title > ul > li.dt_ok:nth-child(8) > .dt_dot { background-color:#ed7100; }
.doc_title > ul > li.dt_ok:nth-child(9) > .dt_dot { background-color:#0c2f6f; }
.doc_title > ul > li.dt_ok:nth-child(10) > .dt_dot { background-color:#ed7100; }
.doc_title > ul > li.dt_ok:nth-child(11) > .dt_dot { background-color:#0c2f6f; }
.doc_title > ul > li.dt_ok:nth-child(12) > .dt_dot { background-color:#ed7100; }
.doc_title > ul > li.dt_ok:nth-child(13) > .dt_dot { background-color:#0c2f6f; }
.doc_title > ul > li.dt_none > .dt_dot { background-color:#ffffff; }
.doc_title > ul > li.dt_none { width:10px; }

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

/* 이미지를 백그라운드화 */
img.bgfit { object-fit: cover; }

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

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

	.tw600 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
	.tw600 > table { min-width:600px !important; }
	.tw600 > img { min-width:600px !important; }
	/*.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 !important; }
	.tw650 > img { min-width:600px !important; }
	/*.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 !important; }
	.tw700 > img { min-width:700px !important; }
	/*.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 !important; }
	.tw800 > img { min-width:800px !important; }
	/*.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 !important; }
	.tw900 > img { min-width:900px !important; }
	.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:1000px !important; }
	.tw1000 > img { min-width:1000px !important; }
	/*.tw1000::-webkit-scrollbar {  width: 10px;  }
	.tw1000::-webkit-scrollbar-thumb { background-color: #888;  }*/

	.doc_title > ul > li.dt_none, .doc_title > ul > li.dt_none2, .doc_title > ul > li.dt_none3 { font-size:28px; }
	.doc_title > ul > li > .dt_title { font-size:28px; }

}

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

	.img_box .img_list li {float:left; width:100%; margin-right:0; }
	.img_box .img_list2 li {float:left; width:100%; margin-right:0; }
}

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

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