@charset "utf-8";

/* sub01_02 미션비전 */
.s0102 {background:  url(/images/nurses/sub01/sub0102_bg.png) center top no-repeat;}
.s0102 .tit{position: relative;display: block; margin-bottom: 10px; font-size: 24px; color: #016b3b; font-weight: bold; text-align: center;}
.s0102 .top .tit {margin-top: 55px;}
.s0102 .top {position: relative; margin-top: 135px;}
.s0102 .top .txt{margin-top: 20px; font-size: 27px; color: #444; text-align: center;}
.s0102 .mid {position: relative; margin-top: 100px;}
.s0102 .mid::before {position: absolute; left: 50%; top: -70px; width: 1px; height: 40px; background: #bebebe;content: "";}
.s0102 .mid .per{position: relative;padding: 0 15px 20px; border: 5px solid #002f31;}
.s0102 .mid .per:before {content: "";position: absolute;left:50%;top:-5px;width:98%;height:5px;background: #fff;transform: translateX(-50%);}
.s0102 .mid .per:after{content: "";position: absolute;left:50%;bottom:-5px;width:98%;height:5px;background: #fff;transform: translateX(-50%);}
.s0102 .mid .per .pc {display: block; margin-top: 20px; margin: 0 auto;}
.s0102 .mid .per .mo {display: none;margin-top: 20px; margin: 0 auto;}
.s0102 .bottom {position: relative; margin-top: 170px;}
.s0102 .bottom::before {position: absolute; left: calc(50% - 150px); top: -140px; width: 301px; height: 186px; background: url(/images/nurses/sub01/sub0102_arr.png);content: "";}
.s0102 .bottom .stit{display: block;margin-top: -10px; font-size: 16px; color:#016b3b; text-align: center;}
.s0102 .bottom .core_value{position: relative; margin-top: 30px; padding: 163px 20px; border:1px solid #e7e7e7; background: #fff;}
.s0102 .bottom .core_value .circle {display: flex;text-align: center; flex-direction: column; align-content: center; justify-content: center; align-items: center; position: relative; width: 286px; height: 286px; margin: 0 auto; border: 13px solid #f5f5f5; text-align: center; background: #fff;}
.s0102 .bottom .core_value .circle::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 354px;; height: 354px; border:1px solid #e7e7e7;border-radius: 50%; content: "";}
.s0102 .bottom .core_value .circle img {display: block;}
.s0102 .bottom .core_value .circle span {display: block; margin-top: 10px; font-size: 13px; color: #444;}
.s0102 .bottom .core_value .circle strong {display: block; font-family: 'gmarket'; font-size: 35px; font-weight: bold; color: #444;margin-top: 10px}
.s0102 .bottom .core_value .list > li {position: absolute; width: 44%; }
.s0102 .bottom .core_value .list > li:nth-child(1) {left: 6%; top: 10%;}
.s0102 .bottom .core_value .list > li:nth-child(2) {right: 6%; top: 10%;}
.s0102 .bottom .core_value .list > li:nth-child(3) {left: 6%; top: 53%;}
.s0102 .bottom .core_value .list > li:nth-child(4) {right: 6%; top: 53%;}
.s0102 .bottom .core_value .list > li::before {position: absolute; width: 105px; height: 105px; content: "";z-index: 1;}
.s0102 .bottom .core_value .list > li:nth-child(1)::before {right: 10%; top: 34%; background: url(/images/nurses/sub01/sub0102_icon1.png);}
.s0102 .bottom .core_value .list > li:nth-child(2)::before {left: 10%; top: 34%; background: url(/images/nurses/sub01/sub0102_icon2.png);}
.s0102 .bottom .core_value .list > li:nth-child(3)::before {right: 10%; top: 18%; background: url(/images/nurses/sub01/sub0102_icon3.png);}
.s0102 .bottom .core_value .list > li:nth-child(4)::before {left: 10%; top: 18%; background: url(/images/nurses/sub01/sub0102_icon4.png);}
.s0102 .bottom .core_value .list > li .inner {position: relative; width: 365px; padding: 35px 35px 20px;min-height: 211px; border-radius: 10px;}
.s0102 .bottom .core_value .list > li:nth-child(1) .inner { background: rgba(15,153,55,0.05);}
.s0102 .bottom .core_value .list > li:nth-child(2) .inner { background: rgba(1,107,59,0.05); float: right;}
.s0102 .bottom .core_value .list > li:nth-child(3) .inner { background: rgba(3,122,103,0.05);}
.s0102 .bottom .core_value .list > li:nth-child(4) .inner { background: rgba(2,133,141,0.05); float: right;}
.s0102 .bottom .core_value .list > li .inner::before {position: absolute; width: 7px; height: 7px; background: #d4d4d4; border-radius: 50%; content: "";}
.s0102 .bottom .core_value .list > li:nth-child(1) .inner::before { right: -3px; top: 34%; }
.s0102 .bottom .core_value .list > li:nth-child(2) .inner::before { left: -3px; top: 34%; }
.s0102 .bottom .core_value .list > li:nth-child(3) .inner::before { right: -3px; bottom: 34%;}
.s0102 .bottom .core_value .list > li:nth-child(4) .inner::before { left: -3px;bottom: 34%;}
.s0102 .bottom .core_value .list > li .inner::after {position: absolute; width: 112px; height: 35px; background: url(/images/nurses/sub01/sub0102_line.png); content: "";}
.s0102 .bottom .core_value .list > li:nth-child(1) .inner::after { right: -112px; top: 35%; }
.s0102 .bottom .core_value .list > li:nth-child(2) .inner::after { left: -112px; top: 35%; transform: rotateY(180deg);}
.s0102 .bottom .core_value .list > li:nth-child(3) .inner::after { right: -112px; bottom: 35%; transform: rotateX(180deg);}
.s0102 .bottom .core_value .list > li:nth-child(4) .inner::after { left: -112px; bottom: 35%; transform: rotate(180deg);}
.s0102 .bottom .core_value .list > li strong {font-family: 'gmarket'; font-size: 22px; }
.s0102 .bottom .core_value .list > li:nth-child(1) strong {color:#0f9937;}
.s0102 .bottom .core_value .list > li:nth-child(2) strong {color:#016b3b;}
.s0102 .bottom .core_value .list > li:nth-child(3) strong {color:#037a67;}
.s0102 .bottom .core_value .list > li:nth-child(4) strong {color:#02858d;}
.s0102 .bottom .core_value .list > li:nth-child(1) .list-1st>li:before {background:#0f9937;}
.s0102 .bottom .core_value .list > li:nth-child(2) .list-1st>li:before {background:#016b3b;}
.s0102 .bottom .core_value .list > li:nth-child(3) .list-1st>li:before {background:#037a67;}
.s0102 .bottom .core_value .list > li:nth-child(4) .list-1st>li:before {background:#02858d;}

@media (max-width:1320px){
    .s0102 .bottom .core_value {padding: 40px 20px;}
    .s0102 .bottom .core_value .circle {width: 250px; height: 250px; margin: 0 auto 20px;}
    .s0102 .bottom .core_value .circle::before {display: none;}
    .s0102 .bottom .core_value .list {display: flex;flex-wrap: wrap; justify-content: space-around;}
    .s0102 .bottom .core_value .list > li::before {display: none;}
    .s0102 .bottom .core_value .list > li {position: relative; display: flex; width: 50%;}
    .s0102 .bottom .core_value .list > li:nth-child(1) {left: auto; top:auto;}
    .s0102 .bottom .core_value .list > li:nth-child(2) {right: auto; top: auto; }
    .s0102 .bottom .core_value .list > li:nth-child(3) {left:auto; top: auto;}
    .s0102 .bottom .core_value .list > li:nth-child(4) {right: auto; top: auto; }
    .s0102 .bottom .core_value .list > li .inner {width: 100%; margin: 10px 15px;}
    .s0102 .bottom .core_value .list > li .inner::before {display: none;}
    .s0102 .bottom .core_value .list > li .inner::after  {display: none;}
}
@media (max-width:767px){
    .s0102 .mid .per .pc {display: none;}
    .s0102 .mid .per .mo {display: block;}
    .s0102 .bottom .core_value .list > li {width: 100%;}
    .s0102 .bottom .core_value .list > li .inner {margin: 10px 0;}
}
/* sub01_02 미션비전 End*/

/* 교육대상별 교육 활동 sub0202 */
.s0202 .list-box {margin-top: 50px;}
.s0202 .list-box > li {overflow: hidden; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dashed #888;}
.s0202 .list-box > li .tit {overflow: hidden;position: relative;float: left;width: 316px;border: 1px solid #94c0aa;border-radius: 0 50px 0 0;min-height: 172px;}
.s0202 .list-box > li .tit:before {position: absolute; width: 267px; height: 294px; right:-103px; top:-2px; background: url(/images/main/sub02/sub020304_bg1.png); content: ""; z-index: -1;}
.s0202 .list-box > li:nth-child(2) .tit {border-color:#97becd;}
.s0202 .list-box > li:nth-child(2) .tit:before {background: url(/images/main/sub02/sub020304_bg2.png);}
.s0202 .list-box > li:nth-child(3) .tit {border-color:#a1c094;}
.s0202 .list-box > li:nth-child(3) .tit:before {background: url(/images/main/sub02/sub020304_bg3.png);}
.s0202 .list-box > li:nth-child(4) .tit {border-color:#7fc3ca;}
.s0202 .list-box > li:nth-child(4) .tit:before {background: url(/images/main/sub02/sub020304_bg4.png);}
.s0202 .list-box > li .tit .bg {overflow: hidden;display: table;width: 100%; min-height: 172px;}
.s0202 .list-box > li .tit strong { display: table-cell; font-size: 17px; color:#222; font-weight: bold; text-align: center; vertical-align: middle;}
.s0202 .list-box > li .txt {float: right;margin-left:115px;width: calc(100% - 431px);}

@media (max-width: 1023px){
    .s0202 .list-box > li .tit {float: none;width: 100%;min-height: auto;padding: 15px;margin-bottom: 20px;}
    .s0202 .list-box > li .tit .bg {min-height: auto;}
    .s0202 .list-box > li .txt {float: none;margin-left:0;width:100%;}
}
/* 교육대상별 교육 활동 sub0202 End */