@charset "utf-8";

.km2b { display:inline-block; background:#195dae; border-radius:5px; padding:5px 15px; margin-bottom:20px; color:#fff; }
.km2b:hover, .km2b:visited {color:#fff;}
.km2b span { display:inline-block;background:url('../img/sub/km2b.png') no-repeat left center; padding:5px 0 5px 35px;}

/* 200828 아이디어팟*/
.ideapot {}
.ideapot .top {box-sizing:border-box; padding:40px 2% 20px; background:#a19896}
.ideapot .top p.tit {font-size: 30px;font-weight: bold;text-align: center; line-height:1.2; color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,.5);letter-spacing: -0.07em;}
.ideapot .top p.btnWrap {text-align:center; margin:20px 0;}
.ideapot .top p.btnWrap a {padding:20px 30px !important; font-size:18px; font-weight:bold; border-radius:35px;}
.ideapot .top ul {overflow:hidden;}
.ideapot .top li {float:left; width:23%; margin:0 1% 20px; border:1px solid #ccc; box-sizing:border-box; text-align:center; padding:5px; background:#fff; }
.ideapot .top li img {width:100%;}
.ideapot .top li div {padding:15px 1%; background:#f1f1f1; min-height: 205px;}
.ideapot .top li div p {font-weight:400; font-size:23px; padding-top:5px;}
.ideapot .top li div p span {font-size:14px; display:block; line-height:20px; margin-bottom:5px;}
.ideapot .contbox > div{min-height:50px;}
.ideapot .contbox { border:1px solid #ddd; background:#f1f1f1; padding:7px; margin-bottom:20px; }
.ideapot .contbox > div  {background-color:#fff; background-repeat:no-repeat; background-position: 2% center; padding:30px 40px 10px 250px; line-height:25px; min-height:150px;}
.ideapot .contbox > div.icon {background-image:url('/uni/main/img/sub/ideapot_icon1.jpg');}
.ideapot .contbox > div.icon.st2 {background-image:url('/uni/main/img/sub/ideapot_icon2.jpg');}
.ideapot .contbox > div.icon.st3 {background-image:url('/uni/main/img/sub/ideapot_icon3.jpg');}
.ideapot .contbox > div.icon.st4 {background-image:url('/uni/main/img/sub/ideapot_icon4.jpg');}
.ideapot .contbox > div.icon.st5 {background-image:url('/uni/main/img/sub/ideapot_icon5.jpg');}
.ideapot .contbox > div.icon.st6 {background-image:url('/uni/main/img/sub/ideapot_icon6.jpg');}
.ideapot .contbox > div.icon.st7 {background-image:url('/uni/main/img/sub/ideapot_icon7.jpg');}
.ideapot .contbox .title {font-size:25px; font-weight:400; margin-bottom:17px;}
.ideapot .contbox .title span { font-size:16px; }
.ideapot .contbox ol li { position:relative; line-height:22px; margin-top:10px; padding-left:25px; }
.ideapot .contbox ol li:first-child {margin-top:0;}
.ideapot .contbox ol li span { position:absolute; left:0; top:1px; background:#0e4194; border:1px solid #072e6d; color:#fff; font-size:13px; width:18px; line-height:18px; display:inline-block; text-align:center; margin-right:5px; }
.ideapot .imgTxt {background: #f1f1f1;padding: 7px 1%;text-align: center; margin-bottom:5px;}
@media all and (max-width:768px) {
	.ideapot .top li {width:48%; min-height:400px; margin:0 1% 10px;}
	.ideapot .top li div {min-height:190px;}
	.ideapot .contbox > div {min-height:auto; background-image:none !important; padding:20px 2%;}
	.ideapot .top p.btnWrap a {padding:10px 20px !important; font-size:16px; font-weight:bold; border-radius:35px;}
}
@media all and (max-width:480px) {
	.ideapot .contbox div.icon,
	.ideapot .contbox div.icon.st2,
	.ideapot .contbox div.icon.st3 {background:#fff; padding:20px;}
}
@media all and (max-width:414px) {
	.ideapot .top li {min-height:auto;width:100%;}
	.ideapot .top li div {min-height:auto;}
}