@import url("font-paperozi.css");

.main-content-wrap04 {
    background: #fff no-repeat center/auto 100%;
}

/*
.main-content-box04 ul{display:flex;justify-content:space-between;align-items:center;text-align:center; color:#333333;}
.main-content-box04 ul li{padding: 0 20px;width:calc(100% /1);box-sizing:border-box;}
.main-content-box04 ul li:last-of-type{margin-right:0;}
.main-content-box04 ul li a:hover{background-color:#012A58;}
.main-content-box04 ul li:nth-of-type(1) a:hover{background-color:#012A58!important;}
.main-content-box04 ul:hover li:nth-of-type(1) a{background-color:#88B2DF;}

.main-content-box04 ul li a{display: flex;align-items: center;justify-content: center;margin: 0 auto;width:180px;height:180px;border-radius:100%;background-color:#88B2DF;}
.main-content-box04 ul li .link-title{padding: 0 0 10px;width: 100%;font-size:16px;font-weight:200;color:#fff;box-sizing:border-box;}
.main-content-box04 ul li .link-title:before{content:'';background: url(../img/main/ico-link01.png) no-repeat 50% 50%;display: block;width: 100%;height: 85px;}
.main-content-box04 ul li:nth-of-type(2) .link-title:before{background: url(../img/main/ico-link02.png) no-repeat 50% 50%;}
.main-content-box04 ul li:nth-of-type(3) .link-title:before{background: url(../img/main/ico-link03.png) no-repeat 50% 50%;}
.main-content-box04 ul li:nth-of-type(4) .link-title:before{background: url(../img/main/ico-link04.png) no-repeat 50% 50%;}
.main-content-box04 ul li:nth-of-type(5) .link-title:before{background: url(../img/main/ico-link05.png) no-repeat 50% 50%;}
.main-content-box04 ul li:nth-of-type(6) .link-title:before{background: url(../img/main/ico-link06.png) no-repeat 55% 50%;}
*/

/*꿈스타터 소개 박스*/
.goods-box > ul {display: flex;flex-wrap:wrap;}
.goods-box > ul > li {position:relative;display:flex;/*align-items:center;*/padding: 40px 30px 20px 30px;margin: 0 20px 20px 0;width:100%;max-width:calc(33.33% - (40px / 3));min-height: 250px;box-sizing:border-box;background: #f9f9f9 top 40px right 40px/60px auto no-repeat;;border: 1px solid #e1e1e1;}
.goods-box > ul > li:after{content:'';display:block; position:absolute;bottom:-1px;right:-1px;;border-top:20px solid transparent;border-left:20px solid transparent;border-right:20px solid #fff;border-bottom:20px solid #fff;}
.goods-box > ul > li:before{content: '';display: block;position: absolute;bottom: 37px;width: 54px;height: 1px;right: 0;border-top: 1px solid #e1e1e1;transform-origin: right;transform: rotate(-45deg);}
.goods-box > ul > li:nth-of-type(3n){margin-right:0;}
/*
.goods-box > ul > li:nth-of-type(6){background-image: url(/_res/ajou/wecan/img/main/img-kit02.png);background-position:top 40px right 35px;background-size: 55px auto}
.goods-box > ul > li:nth-of-type(3){background-image: url(/_res/ajou/wecan/img/main/img-kit02.png);background-size: 54px auto}
.goods-box > ul > li:nth-of-type(4){background-image: url(/_res/ajou/wecan/img/main/ico-welfare04a.png);background-size: auto auto}
*/
.goods-box > ul > li span:not(.inner-box){font-family:'Paperozi',sans-serif;font-size: 18px;line-height: 1.6em;word-break:keep-all;}


.goods-box > ul > li .ul-type01 > li {padding-left:25px;padding-bottom: 20px;font-family:'Paperozi',sans-serif;color:#555;font-size:18px;font-weight: 300;letter-spacing: -0.28px;line-height:1.7;text-align:left;}
.goods-box > ul > li .ul-type01 > li:before{left:10px;}


.goods-img-outer-box{position:relative;display:flex;padding: 18px;}
.goods-img-outer-box h5{position:absolute;padding: 16px 20px;min-width: 150px;bottom: calc(100% - 20px);transform: translateY(50%);left:0;background-color:#2bacff;color:#fff;font-size:20px;font-weight:600}

.goods-img-outer-box > div:nth-of-type(1){margin-right:5px;width:calc(60% - 5px);}
.goods-img-outer-box > div:nth-of-type(2){margin-left:5px;width:calc(40% - 5px)}

.goods-img-outer-box.type02{padding:0;}
.goods-img-outer-box.type02 h5{left:-10px;}
.goods-img-outer-box.type02 > div{padding: 20px 0 0;position:relative;}
.goods-img-outer-box.type02 > div:nth-of-type(1){margin:0 10px 0 20px ;width:calc(61% - 30px);display: flex;align-items: center;}
/*.goods-img-outer-box.type02 > div:nth-of-type(1):after{content:'';position:absolute;display:block;left:0;right:0;top:20px;bottom:0;background-color:#000;z-index: -1;}*/
.goods-img-outer-box.type02 > div:nth-of-type(2){margin:0 20px 0 10px;width:calc(39% - 30px);}

.goods-img-outer-box.type03{padding:0;margin:30px 0 0;}
.goods-img-outer-box.type03 h5{left:-10px;}
.goods-img-outer-box.type03 > div{padding: 20px 0 0;position:relative;}
.goods-img-outer-box.type03 > div:nth-of-type(1){margin:0 10px 0 20px ;width:calc(50% - 30px);}
.goods-img-outer-box.type03 > div:nth-of-type(2){margin:0 20px 0 10px;width:calc(50% - 30px);}


/*
@media screen and (max-width:1280px){
	.main-content-box04 ul{flex-wrap:wrap;}
	.main-content-box04 ul li{margin: 0 0 20px;width:calc(100% /3)}
	.main-content-box04 ul li:nth-child(n + 4):nth-child(-n + 6){margin-bottom:0;}
}
*/

@media screen and (max-width:1024px) {
/*
	.main-content-box04{padding:15px 20px 35px;}
	*/
	
	/*꿈스타터 소개 박스*/
	.goods-box > ul > li{max-width:calc(50% - 10px);}
	.goods-box > ul > li:nth-of-type(3n){margin-right:20px;}
	.goods-box > ul > li:nth-of-type(2n){margin-right:0;}
}

@media screen and (max-width:768px) {
/*
	.main-content-wrap04 {
		background: #fff url(../img/main/bg-m-section04.png) no-repeat center/auto 100%;
	}
	.main-content-box04 ul li{padding:0;margin: 0 0 20px!important;width:calc(100% / 2)}
	
	.main-content-box04 ul li:nth-child(n + 5):nth-child(-n + 6){margin-bottom:0!important;}
*/
	
	/*꿈스타터 소개 박스*/
	.goods-box > ul {display:block;max-width:400px;margin: 0 auto;}
	.goods-box > ul > li{max-width:100%;margin:0 0 20px!important;}
	.goods-box > ul > li span:not(.inner-box){font-size: 18px;}
	.goods-img-outer-box h5{padding: 14px 16px;font-size:16px;}
	
}
@media screen and (max-width:420px) {
/*
	.main-content-box04 ul li .link-title {padding: 0 0 20px;font-size: 15px;}
	.main-content-box04 ul li .link-title:before{height:75px;background-size: 38% auto!important;}
	.main-content-box04 ul li a{width:140px;height:140px;}
	*/
	
	/*꿈스타터 소개 박스*/
	.goods-img-outer-box{display:block;padding: 10px;}
	.goods-img-outer-box > div{margin: 0 0 5px!important;width:100%!important;}
	.goods-img-outer-box.type02, .goods-img-outer-box.type03{padding: 0 10px;}
	.goods-img-outer-box.type02 h5, .goods-img-outer-box.type03 h5{right:auto;left:-10px;bottom: calc(100% - 30px);}
	.goods-img-outer-box.type03{margin: 0;}
	
}