@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400'); @font-face { font-family: 'NanumSquare'; font-weight: 700; src: url('font/NanumSquareB.eot'); src: url('font/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('font/NanumSquareB.woff') format('woff'), url('font/NanumSquareB.ttf') format('truetype'); } /* 나눔스퀘어라운드 웹폰트 v1.11 https://github.com/innks/NanumSquareRound */ @font-face { font-family: "NanumSquareRound"; font-style: normal; font-weight: 700; src: local("NanumSquareRoundB"), /* computer */ url("font/NanumSquareRoundB.eot"), /* IE9 Compat Modes */ url("font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("font/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */ url("font/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */ url("font/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */ } #leftBar10 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar10 .title {height:40px; padding:10px 20px; background:#A18F7B} #leftBar10 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar10 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar10 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar10 .lnb li.on a {color:#826641} #leftBar10 .lnb li:hover a {color:#826641; text-decoration:none;} #leftBar10 .lnb li a {display:block; padding:10px 10px; color:#A18F7B} #leftBar20 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar20 .title {height:40px; padding:10px 20px; background:#459299} #leftBar20 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar20 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar20 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar20 .lnb li.on a {color:#459299} #leftBar20 .lnb li:hover a {color:#459299; text-decoration:none;} #leftBar20 .lnb li a {display:block; padding:10px 10px; color:#77AEB3} #leftBar30 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar30 .title {height:40px; padding:10px 20px; background:#7EA1C1} #leftBar30 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar30 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar30 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar30 .lnb li.on a {color:#3C688D} #leftBar30 .lnb li:hover a {color:#3C688D; text-decoration:none;} #leftBar30 .lnb li a {display:block; padding:10px 10px; color:#7EA1C1} #leftBar40 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar40 .title {height:40px; padding:10px 20px; background:#A18F7B} #leftBar40 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar40 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar40 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar40 .lnb li.on a {color:#826641} #leftBar40 .lnb li:hover a {color:#826641; text-decoration:none;} #leftBar40 .lnb li a {display:block; padding:10px 10px; color:#A18F7B} #leftBar50 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar50 .title {height:40px; padding:10px 20px; background:#A18F7B} #leftBar50 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar50 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar50 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar50 .lnb li.on a {color:#826641} #leftBar50 .lnb li:hover a {color:#826641; text-decoration:none;} #leftBar50 .lnb li a {display:block; padding:10px 10px; color:#A18F7B} #leftBar60 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar60 .title {height:40px; padding:10px 20px; background:#A18F7B} #leftBar60 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar60 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar60 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar60 .lnb li.on a {color:#826641} #leftBar60 .lnb li:hover a {color:#826641; text-decoration:none;} #leftBar60 .lnb li a {display:block; padding:10px 10px; color:#A18F7B} #leftBar70 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar70 .title {height:40px; padding:10px 20px; background:#A18F7B} #leftBar70 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar70 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar70 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar70 .lnb li.on a {color:#826641} #leftBar70 .lnb li:hover a {color:#826641; text-decoration:none;} #leftBar70 .lnb li a {display:block; padding:10px 10px; color:#A18F7B} #leftBar80 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar80 .title {height:40px; padding:10px 20px; background:#A18F7B} #leftBar80 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar80 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar80 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar80 .lnb li.on a {color:#826641} #leftBar80 .lnb li:hover a {color:#826641; text-decoration:none;} #leftBar80 .lnb li a {display:block; padding:10px 10px; color:#A18F7B} #leftBar90 {float:left; width:180px; margin-top:0px; margin-right:30px;} #leftBar90 .title {height:40px; padding:10px 20px; background:#A18F7B} #leftBar90 .title h2 {display:inline-block; font-family: 'Nanum Gothic'; font-size:16px; font-weight:600; color:#fff} #leftBar90 .title span {font-size:12px; font-weight:600; margin-left:5px; color:#fff} #leftBar90 .lnb li {font-family: 'Nanum Gothic'; font-size:14.5px; font-weight:600; border-bottom:1px dotted #dcdcdc;} #leftBar90 .lnb li.on a {color:#826641} #leftBar90 .lnb li:hover a {color:#826641; text-decoration:none;} #leftBar90 .lnb li a {display:block; padding:10px 10px; color:#A18F7B} #leftBar .box {padding:20px; border-bottom:1px dotted #dcdcdc; background:#f1f3f2} #leftBar .box h4 {font-size:16px; font-weight:400; color:#333; line-height:1.1; margin-bottom:10px} #leftBar .box p {color:#666} #leftBar .box p span {font-size:16px; font-weight:600; color:#444} .list01 li{margin-bottom:15px;} .list01 li p:nth-child(1){margin-bottom:5px; font-size:14px; line-height:22px; color:#ff7d7d; text-indent: -30px; padding-left: 30px; word-break: keep-all;} .list01 li p:nth-child(1) span{margin-right:5px; color:#ccc; font-size:16px;} .list01 li p:nth-child(2){padding-left:30px; font-size:13px; line-height:21px; word-break:keep-all;} .list01 li:last-child{margin-bottom:0px;} .list01_1 li {margin-bottom:15px; font-size:15px; line-height:22px; color:#2d2d2d; text-indent: -30px; padding-left: 30px; word-break: keep-all;} .list01_1 li span{margin-right:5px; color:#ccc; font-size:16px;} .list01_1 li:last-child{margin-bottom:0px;} .list02 li{margin-bottom:15px;} .list02 li p:nth-child(1){display:inline-block; margin-bottom:5px; box-shadow: inset 0 -8px 0 #daf3ff; font-size:16px; line-height:20px; font-weight:400;} .list02 li p:nth-child(2){font-size:12px; line-height:18px; word-break:keep-all;} .list02 li:last-child{margin-bottom:0px;} .list03 li{position:relative; margin:8px 0; padding-left:15px; font-family: "NanumSquareRound"; font-size:14px; font-weight:400; line-height:20px} .list03 li:last-child{margin-bottom:0px;} .list03 li:before{position:absolute; left:0px; top:8px; display:block; width:6px; height:6px; border-radius:5px; background:#ccc; content:"";} .list04 li{padding-left:20px; margin:10px 0; background:url(../img/check.png) no-repeat left 4px; background-size:13px; font-size:15px; font-weight:400;} .list04 li:last-child{margin-bottom:0px;} .list05{} .list05 li{margin-bottom:20px; font-size:0px; } .list05 .img{display:inline-block; vertical-align:top; width:320px;} .list05 .txt{display:inline-block; vertical-align:top; width:calc(100% - 370px); padding:30px 0 30px 30px; box-sizing:border-box; font-size:15px; line-height:20px; word-break:keep-all;} .list05 .txt span{display:block; margin-bottom:5px; font-size:16px; color: #f38395;} .list06{font-size:0px;} .list06 li{display:inline-block; vertical-align:top; width:32%; margin-right:2%; margin-bottom:2%; box-sizing:border-box;} .list06 li:nth-child(3n){margin-right:0;} .list06 li .img{} .list06 li .txt{padding:10px 20px;} .list06 li .txt p:nth-child(1){margin-bottom:10px; font-size:15px; line-height:21px; word-break:keep-all;} .list06 li .txt p:nth-child(2){font-size:13px; line-height:19px; word-break:keep-all;} .list07{font-size:0px;} .list07 li{display:inline-block; vertical-align:top; width:32%; margin-right:2%; margin-bottom:2%; font-size:14px; line-height:20px; box-sizing:border-box; border:2px dashed #ccc; padding:10px; word-break:keep-all;} .list07 li:nth-child(3n){margin-right:0;} .list07 li span{color:#ccc; font-size:16px; float:left; width:25px;} .list07 li p{float:left; width:calc(100% - 25px);} .list08{font-size:0px;} .list08 li{display:inline-block; vertical-align:top; box-shadow: 10px 10px #ffd7d7; width:32%; min-height: 120px; margin-right:2%; margin-bottom:4%; box-sizing:border-box; padding:30px 20px 20px 20px; background:#fff; text-align:center;} .list08 li:nth-child(3n){margin-right:0;} .list08 li span{display:block; margin-bottom:10px; font-size:16px;} .list08 li p{word-break:keep-all; font-size:14px; line-height:20px;}