@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*
html, body, div, ul, li, p, h1, h2 ,h3, h4, h5, h6 {margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; font-size:16px; list-style:none; color:#4d4d4d; font-weight: 400;}
*/

#all_contents {margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; font-size:16px; list-style:none; color:#4d4d4d; font-weight: 400;}

a {text-decoration:none; color:#4d4d4d;}
img {border:none; vertical-align:middle; max-width: 100%;}


#wrap {position:relative; width:100%; margin:0 auto;}

#all_contents {position:relative; width:100%; margin:0 auto; overflow:hidden;}

.allcon_wid {position:relative; max-width:850px; margin:0 auto; padding: 0 10px; word-break: keep-all;}

.allcon_wid .boss li.text1 {display: inline-block;}

.allcon_wid .boss .img1 {float:left; width: 30%; margin: 20px;}
.allcon_wid .boss li.text1 {float:left;width:70%; background:#fff; padding: 0 5px;}

.allcon_wid .boss > li.txt1 {font-size:28px; color:#333; font-weight:600; padding:25px 0; line-height: 40px;}
.allcon_wid .boss > li.txt1 span.txt1_span {font-size:32px; color:#808040; font-weight:600; padding:25px 0;}
.allcon_wid .boss > li.txt1 span.txt1_span_p {margin-left: 18px;}

.allcon_wid .boss > li.txt2 {width:100%; font-size:20px; color:#415e1e; font-weight:500; padding-bottom:20px; line-height:28px;}

.allcon_wid .boss > li.txt3 {width:100%; font-size:16px; color:#4d4d4d; font-weight:400; padding-bottom:20px; line-height:26px;}

.allcon_wid .boss > li.txt4 {width:100%; font-size:16px;color:#333;font-weight:500;}

.allcon_wid .boss > li.txt5 {width:100%; font-size:16px; color:#252525; font-weight:300; padding-bottom:20px; line-height:28px; text-align: right;}
.allcon_wid .boss > li.txt5 img {padding-bottom: 90px;}


/* ========== Responsive ========== */

@media screen and (max-width:1199px) {
	.allcon_wid {width:calc(100% - 20px);}
}

@media screen and (max-width:991px) {
	.allcon_wid {width:767px; margin:0 auto;}
	.allcon_wid .boss > li {padding: 10px;}
	.allcon_wid .boss > li.txt1 {font-size: 22px; padding: 0 20px 10px; line-height: 30px;}
	.allcon_wid .boss > li.txt3 {font-size: 14px;}
	.allcon_wid .boss > li.txt2,  
	.allcon_wid .boss > li.txt4 {font-size: 15px;}
}

@media screen and (max-width:767px) {
	.allcon_wid {width:575px; margin:0 auto;}
	.allcon_wid .boss {padding-top:0px; position:relative; z-index:1;}
	.allcon_wid .boss {float:none; width:100%;}
	.allcon_wid .boss > li {padding:10px 0; line-height: 20px;}
	.allcon_wid .boss > li:first-child {width: 100%; margin-bottom: 20px;}
	.allcon_wid .boss > li.txt1 {font-size:20px; padding:20px 0; }
	.allcon_wid .boss > li.txt2 br {display: none;}
}

@media screen and (max-width:520px) {
	.allcon_wid {width:340px; margin:0 auto;}
}

@media screen and (max-width:360px) {
	.allcon_wid {width:320px; margin:0 auto;}
}

@media screen and (max-width:280px) {
	.allcon_wid {width:260px; margin:0 auto;}
}


/* Page Scroll Bar */

/*
body::-webkit-scrollbar { width: 8px; }
body::-webkit-scrollbar-thumb { height: 25%; background: #4c4c4c;}
body::-webkit-scrollbar-track { background: #ebebeb;}
*/
