@charset "utf-8";

/* Mobile */
header .gnb {width: 100%;}
header .ct22 { position:absolute; width: 100%; top: 41px; background: #fff; padding-bottom: 4px;}

.section {position: relative;}
.section::before {content: ''; position: absolute;  width: 100%; background: url('/images/13_parents/main/sec2_main_bg.png') no-repeat center; z-index: -1; height: 720px; margin-top: -6px; background-size: 124%;}
.section .main {padding-bottom: 30px;}
.section .main h2 { margin: 0 auto; line-height: 1.3; position: relative; color: #fff; text-shadow: 3px 3px 5px rgba(0,0,0,.25); padding: 70px 0 0; font-weight: 100; font-size: 25px; text-align: center; display: block; max-width: 288px;}
.section .main h2>.color_b, .color_p {vertical-align: baseline; font-weight: 100; font-size: 2rem;}
.section .main h2>.color_b {color: #bfe4ff;}
.section .main h2>.color_p {color: #ffd0d9;}
.section .main h2>.txt_img {color: #aeffc7; font-family: 'inklip', "NotoSans", Dotum, "돋움", sans-serif; font-weight: 100; vertical-align: baseline; font-size: 4rem;}
.section .main_con {margin: 40px 0;position: relative;}
/*.section .main_con .con_slide{padding: 70px 0;width: 100%;height: 425px;}*/
.section .main_con .con_slide:after{display: block;clear: both;content: "";}
.section .main_con .con_box {transition: 1s background, text-weight; background: #fff;padding: 40px 40px 0;width: 100%;max-width: 310px; border-radius: 5px 40px 40px 5px;height: 285px; margin: 0 auto;box-shadow: 0 0 20px rgba(0,0,0,.3);box-sizing: border-box;}
/*.section .main_con .con_box:first-of-type~.con_box, .con_over {display: none;}*/
.section .main_con .con_box>a {position: relative; display: block;padding-bottom: 50px;}
.section .main_con .receipt_ing {display: inline-block; border-radius: 10px 0; color: #fff; padding: 8px 25px; background: #319b52;}
.section .main_con .con_over .receipt_over {background: #7f7872; display: inline-block;border-radius: 10px 0;color: #fff; padding: 8px 25px;}
.section .main_con .con_be .receipt_over {background: #ee5271; display: inline-block;border-radius: 10px 0;color: #fff; padding: 8px 25px;}
.section .main_con strong {font-weight: 300; display: block; font-size: 20px;margin: 20px 0; line-height: 1.4;}
.section .main_con .place {color: #666; position: relative;}
.section .main_con .place::after {content: ''; position: absolute; width: 25px; height: 1px; background-color: #393939; bottom: -43px; transform: rotate(35deg); right: -57px;}
.section .main_con .con_box>a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100px;height: 1px; background-color: #393939;}
.con_box:hover, .con_box:active, .con_box:focus {position: relative;}
.con_box:hover>a>strong, .con_box:active>a>strong, .con_box:focus>a>strong {font-weight: 600;}
.con_box:hover::before , .con_box:active::before , .con_box:focus::before {content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 71px; background: url('/images/13_parents/main/box_hover.png') no-repeat center;}
.con_box:hover::after , .con_box:active::after , .con_box:focus::after {content: ''; position: absolute; bottom: 0; right: 0; width: 80px; height: 81px; background: url('/images/13_parents/main/box_hover02.png') no-repeat center;}
.section .main_con .control {position: absolute; top: 45%;left: 50%;}
.section .main_con .control button {display: block; background: #484848; padding: 5px; font-size: 0; border-radius: 5px; position: absolute;}
.section .main_con .control button.prev {left: -160px}
.section .main_con .control button.next {right: -160px;}
.section .main_con .control button::after {content: ''; display: block; width: 30px; height:30px; background: url('/images/13_parents/main/icon.png') no-repeat 50% center;}
.section .main_con .control button.prev::after {background-position:35.9% center;}
.section .main_con .control button.next::after {background-position:42.5% center;}
.section .main::after {content: ''; position: relative; background: url('/images/13_parents/main/scroll.png') no-repeat center; background-size: 100%; display: block; width: 178px; height: 120px;margin: 0 auto;}

.sec02  {height: 110vh;}
.sec02 .go_service::before {content: 'A Fresh Start, Effort'; font-size: 25px; font-weight: 600;display: block; color: #fff; opacity: .05;position: absolute; top: 0; left: 0;}
.sec02 .go_service {position: relative; z-index: 1; box-shadow: 0 0 10px rgba(0,0,0,.4); padding: 50px 20px 10px; background: #2a7f52; border-radius: 0 30px 30px 0;transform: translateX(-12px);}
h3 {font-size: 25px; color: #fff; font-weight: 300;}
.sec02 .go_service h3>span {width: calc(100%/2 - 75px); height: 1px; background-color: #559975; position: absolute; top: 63px; left: 200px;}
.sec02 .btn_sevice {margin: 30px auto 0; overflow: hidden;max-width: 450px;}
.sec02 .btn_sevice span {max-width: 225px; width: 50%; text-align: center; float: left;}
.sec02 .btn_sevice a {margin-bottom: 35px;width: 135px;color: #fff;display: inline-block;}
.sec02 .btn_sevice a::before {content: ''; background: url('/images/13_parents/main/check.png') no-repeat center; width: 60px; height: 75px; background-size: 90%;display: block; margin: 0 auto 10px;}
.sec02 .btn_sevice a:hover {font-weight: 300; transition: .1s all;}  
.sec02 .btn_sevice a:hover::before {transition: .1s all; background-size: 100%;position: relative;} 
.sec02 .btn_sevice a.mail::before {background: url('/images/13_parents/main/service.png') no-repeat center; background-size: 90%;}
.sec02 .btn_sevice a.mail:hover::before {background-size: 100%;} 
.sec02 .btn_sevice a.inforoom::before {background: url('/images/13_parents/main/inforoom.png') no-repeat center; background-size: 90%;}
.sec02 .btn_sevice a.inforoom:hover::before {background-size: 100%;} 
.sec02 .btn_sevice a.way::before {background: url('/images/13_parents/main/way.png') no-repeat center; background-size: 90%;}
.sec02 .btn_sevice a.way:hover::before {background-size: 100%;} 
.sec02 .btn_sevice a.home::before {background: url('/images/13_parents/main/home.png') no-repeat center; background-size: 90%;}
.sec02 .btn_sevice a.home:hover::before {background-size: 100%;} 

.notice {margin: 0 -12px; padding: 90px 0; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 30px;position: relative; top: -50px; background: #fff url(/images/13_parents/main/sec2_logobg.png) no-repeat -20px 115%; background-size: 45%;min-height: 272px;}
.notice h3 {color: #000; display:block; position: relative;}
.notice .notice_con {display: block; padding: 20px 0; border-bottom: 1px solid #e8e6e4;}
.notice .notice_con .new::before {content: 'new'; text-transform: uppercase; display: inline-block; color: #2a7f52; font-size: 12px; padding: 3px 10px 1px; border: 1px solid #2a7f52; border-radius: 20px; }
.notice .notice_con span {font-size: 0; margin-right: 10px; display: inline-block; vertical-align: middle;}
.notice .notice_con .old::before {content: ''; width: 30px; height: 5px; background-color: #2a7f52;display: block; margin: 0 13px;}
.notice .notice_con a>strong {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  display: inline-block; width: 75%;font-weight: 100; color: #000; font-size: 16px; vertical-align: middle;}
.notice .notice_con:hover>a>strong, .notice .notice_con:hover>a>.date, .notice .notice_con:active>a>strong, .notice .notice_con:focus>a>strong, .notice .notice_con:focus>a>.date {text-decoration: underline;}
.notice .notice_con a .date {display: none;}
.notice .more {top: 85px; right: 12px; border-radius: 10px 0; position: absolute;background: #319b52; padding: 8px 25px; color: #fff;}
.notice .more:focus {outline-offset: -3px; outline: 2px dashed #fff;}
.section::after {content: ''; background: url(/images/13_parents/main/sec2_bg.png) no-repeat center; display: block;width: 100%; height: 30vh; position: absolute; bottom: -85px; z-index: -1; background-size: 200%;}

/* Tablet */
@media all and (min-width:768px) {
.section::before { background: url(/images/13_parents/main/main_bg.png) no-repeat center; background-position: center 15%; background-size: 200%;}
.section .main h2 {font-size: 35px; max-width: 1000px;display: block;padding: 70px 0 20px;text-align: center;word-break: keep-all;}
.section .main h2>.color_b, .color_p {font-size: 2.5rem;}
.section .main h2>.txt_img {font-size: 5rem;}
.section .main_con {margin: 0 auto; width: 665px;max-width: none;}
.section .main_con .con_box:first-of-type+.con_box:nth-of-type(2) {display: inline-block;}
.notice .notice_con a>strong {width: 65%;}
.section .main_con .con_box {/*margin: 70px 10px;*/margin: 0 10px;display: inline-block; opacity: .8; transition: .3s all;}
.section .main_con .control button.prev {left: -345px;}
.section .main_con .control button.next {right: -345px;}
.section .main_con .con_box:hover, .section .main_con .con_box:active, .section .main_con .con_box:focus {opacity: 1;}
.sec02 {height: auto;}
.sec02::after {content: ''; display: block; clear: both;}
.sec02 .go_service::before {font-size: 30px;}
.sec02 .go_service {padding: 70px 20px 10px; float: left;}
.sec02 .go_service h3>span {right: 20px; top: 85px;width: calc(80%/2 - 15px);}
.sec02 .btn_sevice a:hover {padding-top: 0;}
.notice {padding: 70px 12px 50px 50px;border-radius: 30px 0 0 30px;top: -285px; float: right; width: calc(100% - 330px);min-width: 313px;}
.notice>.wrap {padding-left: 20px;}
.sec02 .go_service {float: left; padding: 70px 20px 10px;min-width: 310px;max-width: 325px;width: calc(80%/2 - 50px);bottom: -80px;}
.sec02 .btn_sevice {max-width: 300px;}
.notice .more {top: 65px; right: 30px;}
.section::after {z-index: -1; height: 40vh; position: absolute; bottom: 0;background-size: 120%; background-position-y: 20%;}



}

/* Desktop */
@media all and (min-width:1023px) {
.section {position: relative;}
.notice {background-size: 25%; background-position-x: 105%;}
.notice>.wrap {padding-left: 20px;padding-left: 40px;width: auto;}
.notice .notice_con a>strong {font-size: 20px;padding-left: 15px;}
.notice .notice_con a .date {line-height: 1.5; display: inline-block; float: right; color: #666666;}
.notice .more {right: 20px;}


}

/* Pc */
@media all and (min-width:1400px) {
header .ct22 {padding-bottom: 0;}
header .ct22 .menu.on .depth_box {top: 64px;}

.section {position: relative;}
.section::before {height: 964px; background-position: center 0;background-size: 100%;}
h3 {font-size: 30px;}
.section {overflow: hidden;}
.section .main_con .con_box:first-of-type {margin-left: 0;}
.section .main_con .con_box:first-of-type~.con_box, .con_over {display: inline-block;}
.section .main_con {width: 1400px;}
.section .main_con .con_box {margin: 0px 15px;min-height: 235px;}
.section .main_con .con_over {background: #d9d9d9; opacity: .8;padding: 40px 40px 0; /*max-width: 230px;*/ border-radius: 5px 40px 40px 5px; min-height: 235px; box-shadow: 0 0 20px rgba(0,0,0,.2); margin: 0 0 0 23px;}
.section .main_con .con_over>a {position: relative;display: block;padding-bottom: 50px;}
.section .main_con .con_over>a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100px;height: 1px; background-color: #fff;}
.section .main_con .con_over .place::after {background-color: #fff;}
.section .main_con .control {display: none;}
.section .main h2 {font-size: 40px; width: 100%; max-width: 1400px;padding: 100px 0 0;}
.section .main h2>.color_b, .color_p {font-size: 3rem;}
.section .main h2>.txt_img {font-size: 6rem;}
.section .main::after {background: url(/images/13_parents/main/scroll_pc.png) no-repeat center; width: 220px; height: 225px; bottom: 0; background-size: 100%;}

.sec02::before {content: 'A Fresh Start, Effort'; z-index: 2; font-size:35px; font-weight: 600;display: block; color: #fff; opacity: .05;position: absolute; top: 0; left: 0;}
.sec02 {position: relative;    margin-top: 100px;}
.sec02 .btn_sevice {margin-top: 50px;}
.sec02 .go_service {padding: 90px 50px 70px 40px; position: relative; box-shadow: none;}
.sec02 .go_service::before {content: ""; position: absolute; left: -100%; top: 0;z-index: -1; min-width: 650px; width: 110%;height: 100%; background-color: #2a7f52; float: left;border-radius: 0 30px 30px 0;opacity: 1;display: block; }
.sec02 .btn_sevice::before {content: ''; background:url(/images/13_parents/main/people.png) no-repeat center; position: absolute; bottom: -32px; width: 245px; height: 200px; background-size: 100%; left: -53%;}
.sec02 .btn_sevice a::before {margin: 0 auto 20px;}
.sec02 .btn_sevice a {margin: 0 30px 35px 0;}
.sec02 .go_service h3>span {left: auto;right: 35px;width: calc(80%/2 - 45px);top: 108px;}
.notice {background: none; background-size: 25.5%; background-position: 127% 113%; width: calc(100% - 360px); box-shadow: none; padding: 90px 40px 120px 0; top:-405px; min-height: 306px;}
.notice::before {background: #fff url(/images/13_parents/main/sec2_logobg.png) no-repeat 900px 115%; background-size: 15%; z-index: -1; content: ''; position: absolute; top: 0;width: 2000px; height: 100%; background-color: #fff; float: right;border-radius: 30px 0 0 30px;opacity: 1;display: block;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.notice>.wrap {padding-left: 150px;padding-right: 20px;}
.notice h3 {margin-bottom: 20px;}
.notice .more {top: 0;}
.section::after {height: 60vh; z-index: -2;}
}            

/* 번역 */
/* Mobile */
.translated-ltr .sec02 .go_service h3>span {display:none;}
.translated-ltr .sec02 .btn_sevice a { word-break: break-all;}
.translated-ltr .notice h3 { padding-bottom: 40px;}
.translated-ltr .notice .more {top:130px;}

/* Tablet */
@media all and (min-width:768px) {
.translated-ltr .section .main h2>.color_b, .translated-ltr .color_p {vertical-align: top;}
.translated-ltr .notice .more {top:105px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.translated-ltr header .menu, .translated-ltr header .menu.on {top:-16px;}

.translated-ltr .menu>div>ul {text-align: center}
.translated-ltr .notice .more {top:65px;}
}


.layerpop{float: right;}
@media all and (min-width:1023px) {
.layerpoparea{right: 20px;}
}                               
@media all and (min-width:1023px) {
  .button{background: #bbffef;padding: 12px 19px;border-radius:5px;}
.button:hover{background:none;}
}