@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:15px; font-family:"Roboto", sans-serif; color:#000000; }
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; font-family:"Roboto", 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;}

.dp_none { display:none; }
.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; }
.tm60 { margin-top:60px !important; }
.tm70 { margin-top:70px !important; }
.tm80 { margin-top:80px !important; }
.tm100 { margin-top:100px !important; }

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

.tp20 { padding-top:20px !important; }
.tp30 { padding-top:30px !important; }
.tp50 { padding-top: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; }

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

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

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

.cpointer { cursor:pointer; }

.mw1200 { max-width:1000px !important; }

.txt_box { font-size:15px; line-height:1.5;}
.txt_box p { margin-bottom:15px; }
.img_box {margin:25px 0 0 0; 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_list li:last-child { margin-right:0; }

.img_box .img_list2 { width:100%; font-size:0; letter-spacing:-5px;}
.img_box .img_list2 > li {display:inline-block; font-size:15px; letter-spacing:0; width:auto; height:auto; overflow:hidden;}
.img_box .img_list2 > li:nth-child(1) {width:70%; margin-right:2%; }
.img_box .img_list2 > li:nth-child(2) {width:28%; }
.img_box .img_list2 > li > img { width:100%; height:auto;}

.img_box .img_list3 { width:100%; font-size:0; letter-spacing:-5px;}
.img_box .img_list3 > li {display:inline-block; font-size:15px; letter-spacing:0; width:49%; margin-right:2%; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box .img_list3 > li:after { content:""; display:block; padding-bottom:58.45%; }
.img_box .img_list3 > li:last-child { margin-right:0; }
.img_box .img_list3 > li > img { position:absolute; left:0; top:0; width:100%; height:100%; border:0px solid red; box-sizing:border-box; }

.img_box .img_list4 { width:70%; font-size:0; letter-spacing:-5px; margin:0 auto; }
.img_box .img_list4 > li {display:inline-block; font-size:15px; letter-spacing:0; width:49%; margin-right:2%; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box .img_list4 > li:last-child { margin-right:0; }
.img_box .img_list4 > li > img { width:auto; max-width:100%; height:auto; max-height:395px; }

.img_box .img_list5 { width:100%; font-size:0; letter-spacing:-5px; text-align:center; margin:0 auto; }
.img_box .img_list5 > li {display:inline-block; font-size:15px; letter-spacing:0; width:32%; margin-right:2%; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box .img_list5 > li:nth-child(3n) { margin-right:0; }
.img_box .img_list5 > li:last-child { margin-right:0; }
.img_box .img_list5 > li > img { width:auto; max-width:100%; height:auto; }
.img_box .img_list5 > li > p { margin-top:10px; padding:0; }

.img_box .img_list6 { width:100%; font-size:0; letter-spacing:-5px; text-align:center;}
.img_box .img_list6 > li {display:inline-block; font-size:15px; letter-spacing:0; width:19%; margin-right:1.25%; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box .img_list6 > li:after { content:""; display:block; padding-bottom:58.45%; }
.img_box .img_list6 > li:nth-child(5n) { margin-right:0; }
.img_box .img_list6 > li:last-child { margin-right:0; }
.img_box .img_list6 > li > img { position:absolute; left:0; top:0; width:100%; height:100%; border:0px solid red; box-sizing:border-box; }

.img_box .img_list7 { width:100%; font-size:0; letter-spacing:-5px; text-align:center; margin:0 auto; }
.img_box .img_list7 > li {display:inline-block; font-size:15px; letter-spacing:0; width:auto; margin-right:10px; margin-bottom:10px; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box .img_list7 > li img { width:auto; max-width:100%; height:auto; max-height:400px; }
.img_box .img_list7 > li:last-child { margin-right:0; }
.sub0401 .img_box .img_list7 > li img { width:100%; max-width:515px; }

.img_box .img_list8 { width:100%; max-width:1000px; font-size:0; letter-spacing:-5px; text-align:center; margin:0 auto; }
.img_box .img_list8 > li {display:inline-block; font-size:15px; letter-spacing:0; width:23%; margin-right:2.6666%; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box .img_list8 > li:nth-child(4n) { margin-right:0; }
.img_box .img_list8 > li:last-child { margin-right:0; }
.img_box .img_list8 > li img { width:auto; max-width:100%; height:auto; }

.img_box .img_list9 { width:100%; max-width:1200px; font-size:0; letter-spacing:-5px; text-align:center; margin:0 auto; }
.img_box .img_list9 > li {display:inline-block; font-size:15px; letter-spacing:0; width:32%; margin-right:2%; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box .img_list9 > li:nth-child(3n) { margin-right:0; }
.img_box .img_list9 > li:last-child { margin-right:0; }
.img_box .img_list9 > li > img { width:auto; max-width:100%; height:auto; max-height:100%; border:0px solid red; box-sizing:border-box; }

.img_box2 { width:100%; max-width:1000px; margin:0px auto 0  auto; }
.img_box2 > .main_img { width:100%; margin-bottom:0.8%; }
.img_box2 > .main_img > img { width:100%; height:auto; }
.img_box2 ul { width:100%; font-size:0; letter-spacing:-5px; text-align:center; margin:0 auto; }
.img_box2 ul > li {display:inline-block; font-size:15px; letter-spacing:0; width:32.6666%; margin-right:1%; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box2 ul > li:nth-child(3n) { margin-right:0; }
.img_box2 ul > li:last-child { margin-right:0; }
.img_box2 ul > li > img { width:auto; max-width:100%; height:auto; }

.img_box2 ul.img_list2 > li {display:inline-block; font-size:15px; letter-spacing:0; width:24.25%; margin-right:1%; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box2 ul.img_list2 > li:nth-child(4n) { margin-right:0; }
.img_box2 ul.img_list2 > li:last-child { margin-right:0; }
.img_box2 ul.img_list2 > li > img { width:auto; max-width:100%; height:auto; }

.img_box3 { width:100%; max-width:1000px; margin:0px auto 0  auto; }
.img_box3 ul { width:100%; font-size:0; letter-spacing:-5px; text-align:center; margin:0 auto; }
.img_box3 ul > li {display:inline-block; font-size:15px; letter-spacing:0; width:auto; margin-right:10px; height:auto; overflow:hidden; position:relative; border:0px solid red; box-sizing:border-box;}
.img_box3 ul > li:last-child { margin-right:0; }
.img_box3 ul > li > img { width:100%; height:100%;}

.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;  object-position: center; }

@media ( max-width: 1199px ) {

}

@media ( max-width: 1023px ) {
	.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:650px !important; }
	.tw650 > img { min-width:650px !important; }
	.tw650 > ul { min-width:650px; }
	.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 > ul { 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 !important; }
	.tw800 > img { min-width:800px !important; }
	.tw800::-webkit-scrollbar {  width: 10px;  }
	.tw800::-webkit-scrollbar-thumb { background-color: #888;  }

	.tw840 { width:100%; overflow-x:scroll; padding-bottom:5px;-webkit-overflow-scrolling: touch; }
	.tw840 > table { min-width:840px !important; }
	.tw840 > img { min-width:840px !important; }
	.tw840::-webkit-scrollbar {  width: 10px;  }
	.tw840::-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; }

	.img_box .img_list2 > li:nth-child(1) {width:100%; margin-right:0; }
	.img_box .img_list2 > li:nth-child(2) {width:100%; margin-top:20px; }

	.img_box .img_list3 > li { width:100%; margin-right:0; }
	.img_box .img_list3 > li:nth-child(+n+2) { margin-top:20px; }
	.img_box .img_list3 > li > img { width:100%; height:auto; }
	
	.img_box .img_list4 { width:100%; }

	.img_box .img_list6 > li { width:32%; margin-right:2%; }
	.img_box .img_list6 > li:nth-child(5n) { margin-right:2%; }
	.img_box .img_list6 > li:nth-child(3n) { margin-right:0; }
	.img_box .img_list6 > li:last-child { margin-right:0; }
	.img_box .img_list6 > li:nth-child(+n+4) { margin-top:20px; }
}

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


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

	.img_box .img_list4 > li > img { max-height:300px; }

	.img_box .img_list6 > li { width:48%; margin-right:4%; }
	.img_box .img_list6 > li:nth-child(5n) { margin-right:4%; }
	.img_box .img_list6 > li:nth-child(3n) { margin-right:4%; }
	.img_box .img_list6 > li:nth-child(2n) { margin-right:0; }
	.img_box .img_list6 > li:last-child { margin-right:0; }
	.img_box .img_list6 > li:nth-child(+n+3) { margin-top:20px; }


	.img_box2 ul.img_list2 > li {width:49%; margin-right:2%;}
	.img_box2 ul.img_list2 > li:nth-child(2n) { margin-right:0; }
	.img_box2 ul.img_list2 > li:nth-child(+n+3) { margin-top:1%; }
	.img_box2 ul.img_list2 > li:last-child { margin-right:0; }

}

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

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

	.img_box .img_list4 > li { width:100%; margin-right:0; }
	.img_box .img_list4 > li:nth-child(+n+2) { margin-top:20px; }
	.img_box .img_list4 > li > img { width:100%; height:auto; max-height:100%; }

	.img_box .img_list8 > li {width:45%; margin-right:4%;}
	.img_box .img_list8 > li:nth-child(2n) { margin-right:0; }
	.img_box .img_list8 > li:last-child { margin-right:0; }
	.img_box .img_list8 > li:nth-child(+n+3) { margin-top:15px; }

	.img_box2 .main_img { margin-bottom:5px; }
	.img_box2 ul > li {width:100% !important; margin-right:0 !important;}
	.img_box2 ul > li:nth-child(+n+2) { margin-top:5px; }

}

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