/*mainStyle.css*/
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c13273;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c13273;
    color:#eee
}
button { background:#c13273; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

#container{overflow: hidden; font-family: 'GongGothicLight';}
.bannerWrap{height: 700px;}
.bannerWrap .mainvideo.swiper{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;padding: 0;top: 0px;height: 100% !important;width: unset !important;}
.bannerWrap .mainvideo.swiper .swiper-wrapper{position: relative;top:0;width: 100%;height: 100%;display: flex;transition-property: transform;box-sizing: content-box;}
.bannerWrap .mainvideo.swiper .swiper-wrapper .swiper-slide{display: flex;width: 100%;height: 100%;position: relative;transition-property: transform;flex-shrink: 0;}
.bannerWrap .mainvideo.swiper .swiper-wrapper .swiper-slide video{width: 100%;height: 100%;object-fit: cover;}
.bannerWrap .mainvideo.swiper .swiper-wrapper .swiper-slide video .source{}
.bannerWrap .mainvideo .bg{position: absolute;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 29%);}
.bannerWrap .videotxt{width: 100%; max-width: 1200px;left: 50%;transform: translateX(-50%); position: absolute;top: 90px;z-index: 1;}
.bannerWrap .videotxt div{width: 100%; margin: 120px auto;padding: 0 20px;}
.bannerWrap .videotxt div:last-child{margin-bottom: 0;}
.bannerWrap .videotxt div.top{animation-duration: 2s;animation-name:videotxt1;animation-timing-function:ease-in-out;}
.bannerWrap .videotxt div.bt{text-align: right; animation-duration: 4s;animation-name: videotxt2;}
.bannerWrap .videotxt div h1{font-size: 50px;color: #fff;line-height: 50px;}
.bannerWrap .videotxt div p{font-size: 30px;color: #fff;line-height: 50px;}
@keyframes videotxt1 {from {margin-left: 100%;}
            to {margin-left: 0%;}}
@keyframes videotxt2 {from {margin-left: -300%;}
            to {margin-left: 0%;}}
            
.inner.box{padding: 0 20px 120px;} 
.main_title{padding: 100px 0 50px;}
.main_title h2{font-size: 60px; line-height: 1.0; color: #777; text-align: center;}
.main_title h2::after{content: ""; display: block; width: 1px; height: 35px; background: #223040; margin: 55px auto;}
.main_title h2 span{color: #c13273; margin-right: 20px;}
.main_title p{width: 70%; margin: 0 auto; text-align: center; font-size: 20px; line-height: 1.5;}
.detail{width: 100%; margin: 0 auto;padding-bottom: 100px;}
.detail > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.detail > ul li{float: left; width: 32%; padding: 13px 0;}
.detail > ul li.detail_one{margin-left: 2%;}
.detail > ul li.second{margin: 0 2%;}
.detail > ul li img{margin: 30px auto 35px;}
.detail > ul li p{color: #666; font-size: 28px; margin-bottom: 26px;}
.detail > ul li p span{display: block;}
.detail > ul li strong{display: block; font-size: 35px; line-height: 1.5; color: #333; margin: 0 auto; text-align: center;} 
.detail > ul li strong span{font-size: 44px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;}
.detail > ul li p{text-align: center;}
.aboutWrap{width: 100%;}
.aboutWrap .detail > ul li strong{text-align: center;}
.coreComWrap{width: 100%; background: url(../img/main/bg_img4.png); background-size: auto; background-position: center;background-repeat: no-repeat;}
.coreComWrap .main_title h2::after{background: #fff;}
.coreComWrap .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrap .main_title h2{letter-spacing: -4px; }
.coreComWrap .main_title h2 span{letter-spacing: 0;}
.coreComWrap .detail ul li{background: #fff; border-radius: 10px; padding: 44px 0;}
.coreComWrap .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap .detail ul li p{font-size: 18px; padding: 0 20px; line-height: 1.4; margin-bottom: 0;}
.portfolioWrap{background: url(../img/main/port_bg.png); padding-bottom: 90px;}
.portfolioWrap .main_title h2::after{background: #fff;}
.portfolioWrap .main_title h2, .portfolioWrap .main_title h2 span, .portfolioWrap .main_title p{color: #fff;}
.port_go{width: 90%;margin: 0 auto;}
.portfolioWrap .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.portfolioWrap .port_go a:hover{background: #fff; color: #223040;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.portfolioWrap .mainPage{display: block;}  
.portfolioWrap .latest_wr1{display: block;}
.portfolioWrap .latest_wr1 img{float: left;}
.portfolioWrap .latest_wr2{display: block;}
.portfolioWrap .latest_wr2 img{float:right;}
.portfolioWrap img{width: 45%;}
.portfolioWrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.portfolioWrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;} 
.portfolioWrap .pic_lt ul{padding: 0;}
.portfolioWrap .pic_lt li{padding: 0; margin:0.6%; height:347px; overflow: hidden;}
.portfolioWrap .pic_lt li .lt_img{  }
.portfolioWrap .pic_lt li .lt_img img{display: block;    display: block;}
.portfolioWrap .pic_lt li .lt_img + a{display: none;}
.portfolioWrap .latest_wr2 .pic_lt .new_icon + a{display: none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span:hover, .portfolioWrap .owl-theme .owl-dots .owl-dot.active span{background: #c13273;}

.portfolioWrap ul{display: flex;justify-content: space-around;flex-flow: row wrap; width: 100%;max-width: 1200px;margin: 0 auto 50px;}
.portfolioWrap ul li{width: 40%;}
.portfolioWrap ul li img{width: 100%;padding:0 10%;}

.consertWrap{background: url(../img/main/consert_bg.png);}
.consertWrap .inner{padding-bottom: 170px;}
.consertWrap .main_title{padding-bottom: 30px;}
.consertWrap .latest_wr{width: 100%; margin: 0 auto;padding: 0 20px 50px;}
.consertWrap .latest_wr > div{float: left; width: 45%;}
.hot_icon .latest_wr > div.ing_projects{ }
.pic_lt li .hot_icon { float:left; margin:1%; }
.consertWrap .latest_wr > div.news{float: right;}
.consertWrap .lat{margin-bottom: 0; border: none; padding: 60px; min-height: 493px;}
.consertWrap .lat .lat_title{border-bottom: none; background: none; padding: 0; line-height: 1.0em; font-size: 1.0em; color:#333; border-bottom: 1px solid #ddd;}
.consertWrap .lat .lat_title a{color: #333; font-size: 30px; color: #333; line-height: 70px; height: 70px;}
.consertWrap .lat ul{padding: 0; margin-top: 30px;}
.consertWrap .lat li{padding: 0; padding-right: 0; padding-left: 0; line-height: 45px; overflow: hidden; }
.consertWrap .lat li:before{display: none;}
.consertWrap .lat li a{width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 18px;}
.consertWrap .lat li a:hover{color:#c13273; font-weight: bold;}
.consertWrap .lat .lt_date{color: #888; font-size: 18px; float:right; }
.consertWrap .lat .lat_title_area{position: relative;}
.consertWrap .lat .lt_more{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;  font-weight: normal; color: #7a838c; font-size: 45px;}
.consertWrap .lat .lt_more .fa{display: none;}
.consertWrap .lat li .new_icon{display: none;}
.consertWrap .lat li .hot_icon { float:left; margin: 4%; }
.consertWrap .lat .lat_title a:after{display: none;}
.consertWrap .lat .empty_li{line-height: 270px; font-size: 18px;}
.contactWrap{background: url(../img/main/bg_img2.png); background-size: cover; background-position: center;}
.contactWrap.main_map{background:unset;background-color:#c1c1c1 ;padding-bottom: 100px;}
.contactWrap .inner{padding-bottom: 170px;}
.contactWrap .main_title{padding-bottom: 70px;}
.contactWrap .main_title h2::after{display: none;}
.contactWrap .main_title h2, .contactWrap .main_title h2 span, .contactWrap .main_title p{color: #fff;}
.contactWrap .main_title p{padding-top: 50px;}
.contactWrap .detail{width: 100%; height: 420px;padding: 0 20px;}
.contactWrap .root_daum_roughmap{height: 100%;width: 100%;}
.contactWrap .root_daum_roughmap .wrap_map{height: 100%;}
@media screen and (max-width: 1199px){
    .bannerWrap > div img{width:110px;}   
    .bannerWrap > div h2{font-size: 30px;}
    .bannerWrap > div > div{top: 20px;}
    .bannerWrap > div > div.square_bracket1{left: 160px;}
    .bannerWrap > div > div.square_bracket2{right: 160px;}
    .inner{width: 100%; padding: 0 20px 60px;} 
    .main_title{padding: 60px 0;}
    .main_title h2{font-size: 42px;}
    .main_title h2::after{width: 1px; height: 24px; margin: 35px auto;}
    .main_title h2 span{margin-right: 15px;}
    .main_title p{width: 100%; font-size: 16px; padding: 0 30px;} 
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .detail > ul li, .detail > ul li img{-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;} 
    .aboutWrap .detail > ul li:hover img{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
    .coreComWrap{background-size: auto 100%;}
    .coreComWrap .main_title h2{letter-spacing: -2px;}
    .coreComWrap .detail ul li strong{margin-bottom: 0; font-size: 20px;}
    .coreComWrap .detail ul li p{padding: 0 20px; font-size: 15px;}  
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px;}
    .portfolioWrap .port_go a{font-size: 16px;}
    .contactWrap .inner{padding-bottom: 100px;}
    .contactWrap .main_title{padding-bottom: 50px;}  
}
@media screen and (min-width:481px){
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{display: none;}
    .portfolioWrap .latest_wr2{display: block; width: 100%; height: auto; margin: 0 auto;} 
    .portfolioWrap .pic_lt ul{display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0;}
    .portfolioWrap .pic_lt li{padding: 0; width: 32%;  padding: 0;}
    .portfolioWrap .pic_lt li .lt_img{margin: 0; width: 100%; overflow: hidden;}
    .portfolioWrap .pic_lt li .lt_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;}
}
@media screen and (max-width: 1199px){
    .bannerWrap{height: 500px;}
    .bannerWrap .videotxt div{margin: 60px auto;}
    .bannerWrap .videotxt div h1{font-size: 40px;line-height: 45px;}
    .bannerWrap .videotxt div p{font-size: 20px;line-height: 35px;}
}
@media screen and (max-width:1024px){
    .consertWrap .latest_wr > div{width: 49%;} 
    .consertWrap .lat .lat_title a{font-size: 20px;}
    .consertWrap .lat .lt_more{font-size: 30px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 270px; font-size: 16px;}
}
@media screen and (max-width:767px){
    .bannerWrap > div{width: 480px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .detail > ul{width: 80%; display: inherit;}
    .detail > ul li{width: 100%;}
    .detail > ul li.second{margin: 0;}
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .consertWrap .inner{padding-bottom: 80px;}
    .consertWrap .main_title{padding-bottom: 0;} 
    .consertWrap .latest_wr > div{float: left; width: 100%;}
    .consertWrap .latest_wr > div.ing_projects{margin-bottom: 5%;}
    .consertWrap .lat{padding: 40px;}
    .consertWrap .lat .lat_title a{font-size: 20px; line-height: 60px; height: 60px;}
    .consertWrap .lat li{line-height: 50px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 300px; font-size: 16px;}
    .portfolioWrap ul li{width: 100%;}
    .portfolioWrap ul li img{width: 100%;padding:10px 15%;}
}
@media screen and (max-width:600px){
    .portfolioWrap .latest_wr{display: block;}
    .portfolioWrap .latest_wr2{display: none;}
    .portfolioWrap .pic_lt .empty_li{height: 200px; line-height: 200px;}
    .portfolioWrap .inner{position: relative;}
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{width: 240px; height: auto; margin: 0 auto;}
    .portfolioWrap{padding-bottom: 60px;}
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px; font-size: 12px; padding: 10px 0;}
}
@media screen and (min-width:481px) and (max-width:767px){
    .coreComWrap .detail ul{width: 40%; min-width: 320px;}
    .coreComWrap .detail img{margin: 10px auto 20px;}
    .coreComWrap .detail > ul li.second{margin: 20px 0;}
    .detail > ul li.detail_one{margin-left: 0;}
}
@media screen and (max-width: 480px){
    .bannerWrap > div{width: 320px;}
    .bannerWrap > div img{width: 63px; height: 42px; margin: 30px auto 20px;}   
    .bannerWrap > div h2{font-size: 20px;}
    .bannerWrap > div p{font-size: 12px;}
    .bannerWrap > div > div{width: 20px; height: 104px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .main_title{padding: 40px 0;}
    .main_title h2{font-size: 27px;}
    .main_title h2::after{width: 1px; height: 13px; margin: 20px auto;}
    .main_title h2 span{margin-right: 10px;}
    .main_title p{width: 100%; font-size: 12px; padding: 0 20px;} 
    .detail > ul{width: 240px;}
    .detail > ul li{width: 100%; height: 100px; overflow: hidden;}
    .detail > ul li img{width: 56px; margin: 0px auto 30px;} 
    .detail > ul li p{font-size: 16px;}
    .detail > ul li strong{font-size: 23px; line-height: 1.5; margin: 0 auto; text-align: left; line-height: 1.0;} 
    .detail > ul li strong span{font-size: 35px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;} 
    .detail > ul li p, .detail > ul li strong{text-align: left; width: 152px; margin-right: 0px;}
    .aboutWrap .detail > ul li img{float: left;}
    .aboutWrap .detail > ul li p{float: right;}
    .aboutWrap .detail > ul li strong{float: right;} 
    .aboutWrap .detail > ul li strong{text-align: left;}
    .coreComWrap .detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrap .detail > ul li.second{margin: 15px 0;}
    .coreComWrap .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrap .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrap .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 
    .consertWrap .inner{padding-bottom: 60px;}
    .consertWrap .lat{padding: 30px; min-height: 373px;}
    .consertWrap .lat .lat_title a{font-size: 17px; height: 40px; line-height: 40px;}
    .consertWrap .lat .lt_more{font-size: 20px;}
    .consertWrap .lat li{line-height: 40px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 14px;}
    .consertWrap .lat .empty_li{line-height: 240px; font-size: 14px;}
    .contactWrap .inner{padding-bottom: 50px;}
    .contactWrap .main_title{padding-bottom: 30px;}
    .contactWrap .detail{height: 220px; overflow: hidden;}  
    .portfolioWrap .pic_lt li .lt_img {height: 220px;}
}
@media screen and (max-width:350px){
    .portfolioWrap .port_go a{font-size: 12px;}
}




.apple_btn{cursor: pointer;}







/* 메인하단 지도 */
.contactWrap .root_daum_roughmap{width: 100%;height: 100%;}
/* center_inside 시작*/
#center_inside{padding: 120px 0 50px 0;}
#center_inside>ul{width: 100%;max-width: 1200px;padding: 0 20px; margin: 0 auto;display: flex;flex-flow: row wrap;}
#center_inside>ul li{width: 23.7%;margin:0 auto;margin-bottom: 20px;border-radius: 20px;overflow: hidden;position: relative;top: 0;left: 0;}
#center_inside>ul li:hover .bg{background-color: unset;}
#center_inside>ul li:hover img{transform:scale(1.1);  }
#center_inside>ul li img{width: 100%;display: block; transition:all 0.3s;}
#center_inside>ul li .bg{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.336);position: absolute;top: 0;left: 0; transition:all 0.3s;}
#main_modal { position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; background-color: #000000cc; } 
#main_modal .list-pops { width: 375px; position: fixed; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#main_modal .close_btn { width: 100%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; cursor: pointer; background-color: #c13273; text-align: center; position: absolute; bottom: -70px; right: 0; border-radius: 15px; font-weight: bold; transition: background-color .2s linear; } 
#main_modal .close_btn:hover { background-color: #a7245f; } 
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{top: 0 !important;}
.sp-bottom-thumbnails.sp-has-pointer {margin-top: -41px !important;}

#slide { border-radius: 20px;overflow: hidden; } 
#slide .sp-mask { border-radius: 20px 20px 0 0; }
#main_modal h1{font-size: 20px;text-align: center;margin-bottom: 20px;color: #fff;}

.sp-thumbnails-container { border-radius: 0 0 20px 20px; } 
.sp-thumbnail { display: inline-block; height: 40px; line-height: 40px; text-align: center; font-size: 15px; font-weight: bold;color:#c13273 ;} 
.sp-thumbnails > div:last-child .sp-thumbnail { border-right: none; } 
.sp-bottom-thumbnails .sp-thumbnail-container,
.sp-top-thumbnails .sp-thumbnail-container { margin: 0; } 
.sp-bottom-thumbnails .sp-thumbnail-container { background: #fff;border-radius:40px; } 
.sp-selected-thumbnail .sp-thumbnail { background: #c13273; color:#fff} 
.sp-thumbnails .sp-thumbnail { width: 100%; } 
.sp-bottom-thumbnails .sp-selected-thumbnail:before,
.sp-bottom-thumbnails .sp-selected-thumbnail:after { display: none; } 
.sp-bottom-thumbnails.sp-has-pointer { margin-top: 0; } 
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail { position: static; top: auto; } 
/* center_inside 끝*/





/* adolescence.php, adult.php 시작*/
#adolescence, #adult, #babyhood, #family, #type, #kind, #result, #procedure, #directions, #greeting, #history, #counseling_doctor{padding: 120px 0 50px 0;}
.applysub_nav{display: flex;flex-flow: row wrap; width: 100%;max-width: 1200px;margin: 0 auto;margin-bottom: 50px;}
.applysub_nav h1{width: fit-content;font-size: 20px;border: 1px solid #c13273;background-color: #c13273;color: #fff; line-height: 30px;padding: 0 20px;}
.applysub_nav a{width: fit-content;font-size: 15px;border: 1px solid #ededed;border-left: none; line-height: 30px;padding: 0 20px;}
.applysub_nav a.atv{color: #c13273;}
.applysub_nav a:hover{color: #bf2b6e;border-bottom: 1px solid #bf2b6e;}

#greeting .con{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}
#greeting .con>div{margin-bottom: 20px;}
#greeting .con>div:last-child{margin-bottom: 0px;}
#greeting .con p{font-size: 15px;}
#greeting .con p span{color: #c13273;}

#directions .con{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}

#babyhood .con{margin-bottom: 50px !important;box-shadow: 1px 1px 5px #ccc;border-radius: 3px;overflow: hidden;width: 100%;max-width: 1200px;margin: 0 auto;}
#babyhood .con:first-child{margin-top: 50px !important;}
#babyhood .con>h1{font-size: 20px; color:#c13273; width: 100%;max-width: 1200px;margin: 0 auto;padding: 10px 30px;text-align: center;transition: all 0.5s;}
#babyhood .con>h1.atv{background-color: #c13273 !important; color:#fff !important;}
#babyhood .con>p{font-size: 15px;display: block;width: 100%;max-width: 1200px;margin: 0 auto;padding: 20px;background-color: #ffe7f2;}
#babyhood .con>p>span{background-color: #c132732e;border-bottom: 2px solid #cf79a0;}

#adolescence .intro, #adult .intro, #babyhood .intro, #family .intro{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}
#adolescence .intro h1, #adult .intro h1, #babyhood .intro h1, #family .intro h1{font-size: 17px;}
#adolescence .intro p, #adult .intro p, #family .intro p{font-size: 17px;color: #c13273;margin-bottom: 20px;}
#adolescence .wrap, #adult .wrap, #family .wrap, #type .wrap, #kind .wrap, #result .wrap{margin-top: 50px !important;}
#adolescence .wrap li, #adult .wrap li{width: 32%; margin-bottom: 50px;box-shadow: 0px 0px 5px #ccc;padding: 20px; background-color: #fcfcfc;}
#family .wrap li, #type .wrap li, #kind .wrap li, #result .wrap li{width: 49%; margin-bottom: 50px;box-shadow: 0px 0px 5px #ccc;padding: 20px; background-color: #fcfcfc;}
#adolescence .wrap li .title, #adult .wrap li .title, #family .wrap li .title, #type .wrap li .title, #kind .wrap li .title, #result .wrap li .title{color: #c13273;margin-bottom: 20px;font-size: 17px;}
#adolescence .wrap li p, #adult .wrap li p, #family .wrap li p, #kind .wrap li p, #type .wrap li p, #result .wrap li p{font-size: 15px;}
#adolescence .wrap li p span, #adult .wrap li p span, #family .wrap li p span{border-bottom: 1px solid #c13273;background-color: #ffdaeb;}

#babyhood .con, #directions .con{margin-bottom: 50px !important;box-shadow: 1px 1px 5px #ccc;border-radius: 3px;overflow: hidden;width: 100%;max-width: 1200px;margin: 0 auto;}
#babyhood .con, #directions .con:first-child{margin-top: 50px !important;}
#babyhood .con>h1, #procedure .con>h1, #directions .con>h1{font-size: 15px; color:#c13273; width: 100%;max-width: 1200px;margin: 0 auto;padding: 10px 30px;text-align: center;transition: all 0.5s;}
#babyhood .con>h1.atv, #procedure h1.atv, #directions h1.atv{background-color: #c13273 !important; color:#fff !important;}
#babyhood .con>p{font-size: 15px;display: block;width: 100%;max-width: 1200px;margin: 0 auto;padding: 20px;background-color: #ffe7f2;}
#babyhood .con>p>span{background-color: #c132732e;border-bottom: 2px solid #cf79a0;}

#counseling_doctor .wrap, #adolescence .wrap, #adult .wrap, #family .wrap, #type .wrap, #kind .wrap, #result .wrap{width: 100%; max-width: 1200px; margin: 0px auto; display: flex; justify-content: space-around; flex-flow: row wrap;}
#counseling_doctor .wrap li{width: 45%;display: flex;justify-content: space-between; flex-flow: row wrap; margin-bottom: 50px;box-shadow: 0px 0px 5px #ccc;padding: 20px; background-color: #fcfcfc;}
#counseling_doctor .name{font-weight: bold;font-size: 15px;}
#counseling_doctor .wrap li p{font-size: 13px;}
#counseling_doctor span{color:#c13273;}
#counseling_doctor .img{width: fit-content;margin: 0 auto 20px auto;height: 207px;border: 1px solid #ccc;padding: 10px;}
#counseling_doctor .txt{width: 300px;padding: 0 20px;}
#counseling_doctor img{height:100%;}

#greeting .con .img{background-image: url(/theme/AT_WEB01/img/apple_tree.jpg);width: 100%; max-width: 560px; height: 200px; background-repeat: no-repeat; background-size: 100% auto; background-position: top;}

#procedure .wrap{width: 100%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-flow: row wrap; padding: 0 20px;}
#procedure .wrap ul{width: 50%;position: relative;top: 0;left: 0;}
#procedure .wrap ul li{width: 30%;position: absolute;text-align: center;height: 11.5vw;border-radius: 500px;}
#procedure .wrap ul li:nth-child(1){left: 0;background-color: #00b2ff54;}
#procedure .wrap ul li:nth-child(2){left: 23%;background-color: #2cff0066;}
#procedure .wrap ul li:nth-child(3){left: 46%;background-color: #fff20091;}
#procedure .wrap ul li:nth-child(4){right: 0;background-color: #ff590057;}
#procedure .wrap ul li p{line-height: 11.5vw;font-size: 15px;}
#procedure .wrap ul li span{position: absolute;right: 13px;top: 50%;transform: translateY(-50%); z-index: 1;}
#procedure .wrap ul li span i{}
#procedure .wrap ul li span i{}
#procedure .wrap .add{}
#procedure .wrap .add p{font-size: 15px;margin-bottom: 15px;}
#procedure .wrap .add p span{color: #c13273;font-size: 15px;}
#procedure .wrap .add p a{display:inline-block; text-decoration: underline;}
/* adolescence.php, adult.php 끝*/



@media (max-width: 1000px) {
    #main_modal .list-pops { width: 250px; } 
    .sp-bottom-thumbnails.sp-has-pointer { position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%);border-radius:0; } 
    .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail-container { margin: 0 5px; border-radius: 50%; background-color: #fff; } 
    #slide .sp-mask { border-radius: 20px; } 
    #slide {overflow: unset; } 
    #main_modal .close_btn { bottom: -85px; }
    }
    
    @media (max-width: 1038px) {
        #procedure .wrap .add{padding-top: 150px;}
        }
    
    @media (max-width: 1220px) {
        #center_inside, #babyhood, #procedure{padding: 90px 0 50px 0;}
        #center_inside>ul li{width: 31.5%;}
        #adolescence .wrap li, #adult .wrap li, #family .wrap li, #kind .wrap li, #type .wrap li, #result .wrap li{width: 49%;}
    }
    
    @media (max-width: 800px) {
        #center_inside, #babyhood, #directions, #procedure{padding: 60px 0 50px 0;}
        #center_inside>ul li{width: 47%;}
        #center_inside>ul li:hover img{transform:scale(1);}
        #center_inside>ul li .bg{background-color: unset;}
        #babyhood .con>p{font-size: 13px;}
        #adolescence .intro h1, #adult .intro h1 #babyhood .intro h1, #family .intro h1{font-size: 15px;}
        #adolescence .wrap li .title, #adult .wrap li .title, #family .wrap li .title, #kind .wrap li .title, #type .wrap li .title, #result .wrap li .title{font-size: 15px;}
        #adolescence .wrap li p, #adult .wrap li p, #family .wrap li p, #kind .wrap li p, #result .wrap li p, #type .wrap li p{font-size: 13px;}
        .applysub_nav h1{font-size: 15px;line-height: 30px;padding: 0 10px;}
        .applysub_nav a{font-size: 13px;line-height: 30px;padding: 0 10px;}
        #greeting .con p{font-size: 13px;}
        #counseling_doctor .wrap li, #adolescence .wrap li, #adult .wrap li, #family .wrap li, #type .wrap li, #kind .wrap li, #result .wrap li{width: 80%;}
        #procedure .wrap .add p{font-size: 13px;}
        #procedure .wrap ul{width: 100%;}
        #procedure .wrap ul li{height: 18.5vw;}
        #procedure .wrap ul li p{line-height: 18.5vw;}
    }