@charset "utf-8";
ul {margin:0;padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}

@font-face {font-family: ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot);}
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
#comingsoon {width:100%;padding-top:100px;text-align:center}

.common_page{font-size:15px;line-height:1.8;letter-spacing:-.3px;color:#666;font-family:'notokr-regular'}
.common_page .pl{white-space:pre-line}
    
/* 별빛나무 심리상담연구소 */
#p33 .top_txt{position:relative;padding-top:63px}
#p33 .top_txt .eng_txt{position:relative;margin-left:15px;font-size:13px;font-weight:700;letter-spacing:0;color:#1773cf;font-family:'Poppins'}
#p33 .top_txt .eng_txt:before{position:absolute;left:130px;top:11px;content:'';width:165px;height:1px;background:#e1e1e1}
#p33 .top_txt .b_txt{display:inline-block;position:relative;margin-top:62px;padding:0 30px 0 15px;font-size:35px;color:#222;font-family:'notokr-light'}
#p33 .top_txt .b_txt:before{position:absolute;left:0;top:37px;content:'';z-index:-1;width:100%;height:30px;background:#fff5df}
#p33 .top_txt .b_txt span{font-family:'notokr-bold'}
#p33 .top_txt img{position:absolute;right:10px;bottom:-110px;width:320px}
#p33 .intro_txt{margin-top:45px;border-radius:0 0 30px 0}
#p33 .intro_txt ul{padding:0 50px;background:rgba(23,115,207,.04)}
#p33 .intro_txt ul li{position:relative;z-index:1;padding:80px 0 54px 50px}
#p33 .intro_txt ul li+li{border-top:1px dotted #e1e1e1}
#p33 .intro_txt ul li .num{position:absolute;left:0;top:10px;z-index:-1;font-size:75px;font-weight:700;letter-spacing:0;color:#dee7f6;font-family:'Poppins'}
#p33 .intro_txt ul li .txt{font-size:17px;line-height:27px}
#p33 .intro_txt ul li .txt span{text-decoration:underline;color:#333;font-family:'notokr-medium'}

/* 소장 약력 및 경력 */
#p34 .profile_top{display:flex;position:relative;padding:0 100px}
#p34 .profile_top:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:160px;background:#6193c5}
#p34 .name_box .name{padding-top:140px;font-size:30px;color:#888}
#p34 .name_box .name span{position:relative;top:-12px;margin-right:20px;font-size:15px;text-decoration:underline;color:#1773cf;font-family:'notokr-medium'}
#p34 .name_box .name b{color:#222;font-family:'notokr-bold'}
#p34 .name_box ul{padding:73px 0 0 85px}
#p34 .name_box ul li{position:relative;padding-left:18px;line-height:27px;color:#fff}
#p34 .name_box ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100%;background:rgba(255,255,255,.4)}
#p34 .profile_txt{position:relative;width:calc(100% - 100px);margin:-60px auto 0;padding:54px 50px;border-radius:10px 10px 0 0;word-break:keep-all;background:#fff}
#p34 .profile_txt span{display:block;margin-bottom:10px;font-size:20px;color:#222;font-family:'notokr-medium'}
#p34 .profile_txt .co_txt{margin:20px 0;text-decoration:underline;color:#1773cf;font-family:'notokr-medium'}
#p34 .bar_txt{display:flex;width:calc(100% - 80px);margin:0 auto;padding:0 60px;border-radius:10px;line-height:70px;color:#fff;background:#2479cf}
#p34 .bar_txt .tit{width:120px;font-family:'notokr-bold'}
#p34 .bar_txt .tit i{margin-right:7px;color:rgba(255,255,255,.5)}
#p34 .bar_txt .field_list{display:flex}
#p34 .bar_txt .field_list li{position:relative}
#p34 .bar_txt .field_list li+li{padding-left:43px}
#p34 .bar_txt .field_list li+li:before{position:absolute;left:21px;top:50%;transform:translateY(-50%);content:'';width:3px;height:3px;border-radius:100%;background:rgba(255,255,255,.5)}
#p34 .profile_box{display:flex;padding:60px 100px}
#p34 .profile_box+.profile_box{border-top:1px dotted #e1e1e1}
#p34 .profile_box .tit{width:150px;color:#1773cf;font-family:'notokr-bold'}
#p34 .profile_box .tit i{margin-right:7px}
#p34 .license_list{display:flex;width:calc(100% - 120px);flex-wrap:wrap}
#p34 .license_list li{margin:0 5px 5px 0;padding:0 20px;border-radius:50px;border:1px solid #e1e1e1;line-height:50px}
#p34 .career_list li{position:relative;padding-left:18px;line-height:27px}
#p34 .career_list li:before{position:absolute;left:0;top:12px;content:'';width:3px;height:3px;border-radius:100%;background:#888}

/* 연구진 소개 */
#p53 .eng_txt{margin-bottom:10px;font-size:13px;text-align:center;font-weight:700;letter-spacing:0;color:#1773cf;font-family:'Poppins'}
#p53 .b_txt{margin-bottom:44px;font-size:30px;text-align:center;color:#222;font-family:'notokr-light'}
#p53 .researchers_list{display:flex;justify-content:space-between;flex-wrap:wrap}
#p53 .researchers_list>li{width:calc(100%/2 - 10px);margin-bottom:40px}
#p53 .researchers_list>li img{display:block;margin:0 auto 10px;border-radius:5px;border:1px solid #e1e1e1}
#p53 .researchers_list>li .name{font-size:20px;text-align:center;color:#222;font-family:'notokr-medium'}
#p53 .researchers_list>li .name span{position:relative;margin-right:15px;padding-right:15px;color:#888}
#p53 .researchers_list>li .name span:before{position:absolute;right:0;top:6px;content:'';width:1px;height:17px;background:#e1e1e1}
#p53 .researchers_list>li .name em{margin-left:10px;font-size:15px;font-style:normal;font-weight:600;letter-spacing:0;color:#aaa;font-family:'Poppins'}
#p53 .researchers_list ul{height:calc(100% - 240px);margin-top:11px;padding:35px 30px;border:1px solid #e1e1e1;border-top:3px solid #1773cf}
#p53 .researchers_list ul li{position:relative;padding-left:18px;line-height:27px;word-break:keep-all}
#p53 .researchers_list ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100%;background:#888}

/* 상담절차 안내 */
#p48 .cont_wrap{display:flex;padding-bottom:53px}
#p48 .cont_wrap+.cont_wrap{padding-top:53px;border-top:1px solid #e1e1e1}
#p48 .cont_wrap:last-child{padding-bottom:0}
#p48 .cont_wrap .cont_tit{position:relative;width:190px;padding-left:18px;color:#222;font-family:'notokr-bold'}
#p48 .cont_wrap .cont_tit:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#2479cf}
#p48 .cont_wrap .cont{width:calc(100% - 190px)}
#p48 .step_list{display:flex;justify-content:space-between;flex-wrap:wrap}
#p48 .step_list li{width:calc(100%/2 - 15px);margin-bottom:22px}
#p48 .step_list li:nth-child(2n){position:relative}
#p48 .step_list li:nth-child(2n):before{position:absolute;left:-18px;top:70px;font-size:18px;content:'\f0da';color:#2479cf;font-family:FontAwesome}
#p48 .step_list li .step{font-weight:700;letter-spacing:0;color:#2479cf;font-family:'Poppins'}
#p48 .step_list li .step_txt{display:flex;padding:20px 35px;border:1px solid #e1e1e1;border-radius:10px}
#p48 .step_list li .step_txt .icon{display:inline-block;width:75px;height:75px;border-radius:100%;text-align:center;line-height:75px;background:#f5f5f5}
#p48 .step_list li .step_txt .txt{padding:12px 0 0 30px;color:#444;font-family:'notokr-medium'}
#p48 .step_bt_txt{display:block;width:230px;margin:8px auto 0;border-radius:50px;text-align:center;line-height:40px;color:#fff;background:#6193c5;font-family:'notokr-medium'}
#p48 .num_list li+li{margin-top:20px}
#p48 .num_list li span.num{display:inline-block;width:40px;height:40px;margin-right:17px;border-radius:100%;text-align:center;line-height:40px;font-weight:600;letter-spacing:0;color:#333;background:#f5f5f5;font-family:'Poppins'}
#p48 .contact_list{display:flex;letter-spacing:0;font-family:'Poppins'}
#p48 .contact_list li{overflow:hidden;width:calc(100%/3)}
#p48 .contact_list li p{float:left}
#p48 .contact_list li .tit{display:inline-block;padding:0 15px;border:1px solid #2479cf;border-radius:50px;line-height:30px;font-weight:600;color:#333}
#p48 .contact_list li .tit i{margin-right:6px;color:#2479cf}
#p48 .contact_list li .contact{padding-left:15px;font-weight:500}

/* 프로그램 페이지 */
.program_page .program_box{display:flex}
.program_page .program_box+.program_box{margin-top:60px;padding-top:60px;border-top:1px solid #e1e1e1}
.program_page .program_box .box_tit{width:200px;font-size:30px;line-height:1;color:#222;font-family:'notokr-bold'}
.program_page .program_box .box_cont{width:calc(100% - 200px)}
.program_page .box_cont>img{width:100%;border-radius:5px}
.program_page .box_cont .s_txt{margin:44px 0 47px;word-break:keep-all}
.program_page .box_cont .s_txt.last_txt{margin-bottom:0}
.program_page .box_cont .line_txt{margin-bottom:24px;text-decoration:underline;color:#2479cf;font-family:'notokr-medium'}
.program_page .box_cont .target_list{display:flex;flex-wrap:wrap}
.program_page .box_cont .target_list li{padding:0 20px;margin:0 5px 5px 0;border:1px solid #e1e1e1;border-radius:50px;line-height:35px}
.program_page .box_cont .target_list li{padding:0 20px;margin:0 5px 5px 0;border:1px solid #e1e1e1;border-radius:50px;line-height:35px}
.program_page .box_cont .target_list li.last_li{padding-left:10px;border:none}
.program_page .box_cont .txt_num li{overflow:hidden;padding:30px;border-radius:5px;background:#f5f5f5}
.program_page .box_cont .txt_num li:nth-child(2n){background:#fff}
.program_page .box_cont .txt_num li .num{float:left;width:42px;height:42px;border-radius:100%;font-size:13px;text-align:center;line-height:42px;font-weight:700;letter-spacing:0;color:#fff;background:#333;font-family:'Poppins'}
.program_page .box_cont .txt_num li .txt{width:calc(100% - 42px);float:left;padding:6px 0 0 20px;word-break:keep-all}
.program_page .bg_txt li{padding:34px 40px;border-radius:5px;word-break:keep-all;background:#f5f5f5}
.program_page .bg_txt li+li{margin-top:10px}
    
/* 수련생 대상 */
#p42 .program_box .box_tit{width:240px}
#p42 .program_box .box_cont{width:calc(100% - 240px)}

/* 전문상담사 */
#p40 .page_tit{margin-bottom:18px;font-size:30px;color:#222;font-family:'notokr-bold'}
#p40 .box_txt{padding:33px 50px;border-radius:5px;word-break:keep-all;background:#f5f5f5}
#p40 .mid_txt{margin:54px 0;font-size:20px;text-align:center;line-height:30px;color:#333;font-family:'notokr-regular'}
#p40 .mid_txt span{text-decoration:underline;font-family:'notokr-medium'}
#p40 .circle_txt{display:block;width:160px;height:160px;margin:0 auto;padding-top:45px;border:5px solid #6193c5;border-radius:100%;font-size:18px;text-align:center;color:#333;font-family:'notokr-bold'}
#p40 .circle_txt span{display:block;font-size:15px;color:#888;font-family:'notokr-regular'}
#p40 .box_wrap{display:flex;justify-content:space-between;margin-top:40px}
#p40 .box_wrap .box_cont{width:calc(100%/2 - 15px)}
#p40 .box_cont .cont_top{padding:29px 50px;border-radius:5px;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%);background:#fff}
#p40 .box_cont .cont_top span{display:block;font-size:16px;color:#2479cf;font-family:'notokr-bold'}
#p40 .box_cont ul{margin-top:25px}
#p40 .box_cont ul li{position:relative;padding:9px 10px 9px 25px}
#p40 .box_cont ul li:before{position:absolute;left:10px;top:21px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
#p40 .box_cont ul li+li{border-top:1px dashed #e1e1e1}