.main_title_box{text-align: center;}
.main_title{position: relative; display: inline-block; font-weight: 800;margin-bottom: 30px; color: #000; font-size: 3.2rem; user-select: none;}
.main_title::before{content: ''; position: absolute; display: inline-block; width: 44%; height: 10%; top: -40%; left: 50%; transform: translate(-50%, 0); background: #242c42;}

/* 사업분야 */
.choose-course-3-wrapper{display: flex; }
.choose-course-3{margin-top: 40px;}
.choose-course-3 .choose-course-3-wrapper.row {margin: 0; height: 500px;}
.choose-course-3 .item-course {
    width: 24.999%;
    cursor: pointer;
    border-left: 0;
    border-bottom: 0;
    position: relative;
    display: inline-block;
	background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
    transition: all 0.25s linear;
    -moz-transition: box-shadow .5s ease-in-out;
    -web-kit-transition: box-shadow .5s ease-in-out;
}

.choose-course-3 .item-course:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	z-index: 10;
}

.item-number{color: #fff; font-size: 16px; font-weight: 400; word-break: keep-all;}
.name-course{color: #fff; font-size: 3.4rem; font-weight: 800;}
.info{color: #fff; font-size: 14px; font-weight: 200; margin-top: 10px;}

.choose-course-3 .item-course:hover .icon-course .icons-img {color: #242c42;}
.choose-course-3 .item-course:hover:before {position: absolute; content: ''; left: -1px; right: -1px; top: -1px; bottom: -1px;}
.choose-course-3 .item-course-wrapper {display: table; padding: 16% 10%;}
.choose-course-3 .item-course-wrapper .icon-course {display: table-cell; vertical-align: top; padding-right: 30px; position: relative;}
.choose-course-3 .item-course-wrapper .icon-course:after {position: absolute; content: ''; background: #e1e1e1; right: 0; top: 0; bottom: 0; width: 1px; height: 100%; min-height: 90px;}
.choose-course-3 .item-course-wrapper .icon-course .icons-img {font-size: 64px; width: 64px; line-height: 1; color: #50bcb6; transition: all .5s ease-in-out;}
.choose-course-3 .item-course-wrapper .info-course {display: table-cell; vertical-align: top; color: #49575f;}
.choose-course-3 .item-course-wrapper .info-course .name-course {word-break: keep-all; text-transform: uppercase; display: block; position: relative; z-index: 2;}
.choose-course-3 .item-course-wrapper .info-course .info {line-height: 24px; word-break: keep-all;}

.choose-course .icon-circle {position: relative; width: 170px; height: 170px; border-radius: 50%; margin: 0 auto;}
.choose-course .icon-circle .icon-background {
    position: absolute;
    bottom: 12px;
    width: 146px;
    left: 50%;
    margin-left: -73px;
    height: 146px;
    border-radius: 50%;
    background-color: #50bcb6;
    color: #fff;
    z-index: 11;
    display: table;
    transition: all .5s ease-in-out;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.choose-course .icon-circle .icon-background .icons-img {
    text-align: center;
    margin: 0 auto;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 70px;
    line-height: 1;
    transition: all 0.4s ease
}

.choose-course .icon-circle .icon-background:after {
    position: absolute;
    content: '';
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    border: 3px solid #fff;
    border-radius: 50%;
    transition: all 0.4s ease
}

.choose-course .icon-circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.choose-course .icon-circle .info .info-back {
    opacity: 1;
    border-radius: 50%;
    background-color: #242c42;
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    transition: all 0.3s ease
}

.choose-course .icon-circle .info .info-back:before {
    position: absolute;
    z-index: 20;
    content: '';
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border: 12px solid #50bcb6;
    border-radius: 50%
}

.choose-course .icon-circle .info .info-back a {
    color: #fff;
    vertical-align: middle;
    padding: 20px;
    display: table-cell;
    position: relative;
    z-index: 2;
    transition: all 0.7s ease;
}

.choose-course .icon-circle:hover .icon-background {background-color: #50bcb6; bottom: 90%;}
.choose-course .icon-circle:hover .icon-background:after {border: 2px solid #fff;}
.choose-course .icon-circle:hover .info .info-back:before {box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);}
.choose-course .icon-circle:hover .info .info-back a {transition-delay: 1s; z-index: 21;}
.choose-course .name-course {margin-top: 25px; color: #49575f; text-align: center; font-size: 16px;}

.choose-course .name-course a,
.choose-course .name-course p,
.choose-course .name-course span {color: #49575f; font-size: 16px; text-transform: uppercase; font-weight: 700; transition: all 0.2s linear;}
.choose-course .name-course i {margin-left: 5px; transition: all 0.2s linear;}
.choose-course .name-course:hover a,
.choose-course .name-course:hover p,
.choose-course .name-course:hover span,
.choose-course .name-course:hover i {color: #50bcb6;}
.choose-course .choose-course-wrapper .col-md-4.col-xs-6 {margin-bottom: 70px;}
.choose-course .choose-course-wrapper .col-md-4.col-xs-6:nth-last-child(-n+3) {margin-bottom: 0;}

@media (min-width: 961px) {
	.item-course:nth-child(1){background-image: url(/theme/charity_ch01/assets/images/work-01.jpg);}
	.item-course:nth-child(2){background-image: url(/theme/charity_ch01/assets/images/work-02.jpg);}
	.item-course:nth-child(3){background-image: url(/theme/charity_ch01/assets/images/work-03.jpg);}
	.item-course:nth-child(4){background-image: url(/theme/charity_ch01/assets/images/work-04.jpg);}
	.item-course:nth-child(3) .info, .item-course:nth-child(4) .info{margin-top: 58px;}
}

@media (max-width: 960px) {
	.choose-course-3-wrapper {flex-wrap: wrap;}
	.choose-course-3 .item-course {width: 49.999%;border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
	.item-course:nth-child(3), .item-course:nth-child(4){border-bottom: 0;}
	.item-number{color: #000;}
	.name-course{color: #000; font-size: 2rem;}
	.info-course .info{color: #000;}
}

@media (min-width: 768px) {
	.product_list{margin-top: 54px;}
}

@media screen and (max-width: 768px) {
    .choose-course-3 .item-course:nth-child(3n-2) {border-left: none;}
	.product_list{margin-top: 20px;}
}

/* 제품소개 */
.main-cont-box{max-width: 1000px; padding: 0 10px; margin:0 auto; position: relative;}
.product_box{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 60px 0; margin-bottom: 0;}
.product_list{width: 28%; background: #fff; transition: all 0.3s ease;}
.product_list a{display: flex; align-items: center; justify-content: center; height: 100%;}
.product_list p{display: none; margin-bottom: 0; color: #fff; font-size: 24px; font-weight: 600; user-select: none;}
.product_list:nth-child(1), .product_list:nth-child(2), .product_list:nth-child(3){margin-top: 0;}
.product_list:hover{background: #50bcb6;}
.product_list:hover p{display: block;}
.product_list:hover img{display: none;}
.product_list img{width: 100%;}

.why-choose-us {margin-top: 120px;}
.why-choose-us .why-choose-us-wrapper {text-align: left; width: 100%}
.why-choose-us .why-choose-us-wrapper-top {position: relative}
.why-choose-us .why-choose-us-wrapper-top .why-choose-us-wrapper {padding: 60px 0; padding-right: 25%}
.why-choose-us .why-choose-us-wrapper-top .why-choose-us-wrapper p {color: #d1d8eb; line-height: 25px; margin-bottom: 30px; font-size: 16px}
.why-choose-us .why-choose-us-wrapper-top .why-choose-us-wrapper button p {color: #fff; transition: all 1s ease}
.why-choose-us .why-choose-us-wrapper-top .background-girl-1 {position: absolute; width: 23%; left: 75%; bottom: 0;}
.why-choose-us .why-choose-us-wrapper-bottom {
    background-image: url("../images/background-why-choose-us.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 2
}
.why-choose-us .why-choose-us-wrapper-bottom .why-choose-us-wrapper {padding: 60px 0}
.why-choose-us .why-choose-us-wrapper-bottom .customs-row {display: inline;}