@charset "utf-8";
#page-about11 { font-size: 16px; font-family: "에스코어 드림","Noto Sans KR",Roboto,"Nanum Gothic","Nanum Gothic Coding",Helvetica,Arial,sans-serif; line-height: 1.5 }
#page-about11 .h3-box { position: relative; width: 100%; padding: 25px 0; margin: 20px 0; background: #f9f6f0 no-repeat 0 50%; overflow: hidden }
#page-about11 .h3-box > h3 { padding: 0 20px; font-weight: 400; font-size: 24px; color: #e8686d }
#page-about11 .h3-box > ul { padding: 0 20px; font-family: "Nanum"; margin: 15px 0 0; list-style: none }
#page-about11 .h3-box li { line-height: 1.4; padding: 3px 10px; background: url("images/list-dot.gif") no-repeat left 12px; font-size: 15px }
.translated-rtl #page-about11 .h3-box li { background-position: right 12px }
#page-about11 .box-images { border: 1px solid #ddd; padding: 20px 50px; box-sizing: border-box }
#page-about11 .box-images > dl { border-bottom: 1px dashed #ddd; padding: 20px 0; overflow: hidden }
#page-about11 .box-images dt { font-size: 18px; color: #007bc6; font-weight: 400; margin-bottom: 15px }
#page-about11 .box-images dd { margin: 0 }
#page-about11 .box-images ul { list-style: none; display: flex; flex-wrap: wrap; flex-direction: row; padding: 0 }
#page-about11 .box-images li { font-size: 15px; flex: 0 0 50%; float: left; padding: 3px 8px; background: url("images/list-dot.gif") no-repeat 0 10px }
.translated-rtl #page-about11 .box-images li { background-position: right 10px }
@media screen and (min-width:800px) {
	#page-about11 .h3-box { padding-left: 340px }
	#page-about11 .h3-box:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 321px; transform: translate(0,-50%) }
	html[dir="rtl"] #page-about11 .h3-box { padding-left: 25px; padding-right: 340px }
	html[dir="rtl"] #page-about11 .h3-box:before { left: auto; right: 0; transform: translate(0,-50%) scale(-1,1) }
	#page-about11 .h3-box-1:before { height: 208px; background-image: url("images/h3-box-1.png") }
	#page-about11 .h3-box-2:before { height: 288px; background-image: url("images/h3-box-2.png") }
	#page-about11 .h3-box-3:before { height: 258px; background-image: url("images/h3-box-3.png") }
	#page-about11 .box-images > dl { background-position: 0 50%; background-repeat: no-repeat; padding-left: 120px; background-image: url("images/box-2.png") }
	#page-about11 .box-images > dl:last-child { border-bottom: none }
	html[dir="rtl"] #page-about11 .box-images > dl { padding-left: 0; padding-right: 120px; background-position-x: right }
}
/* compiled at 2024-03-08 04:56:14 */