@charset "utf-8";

/* 헤더 */
#header { position: relative; min-width: 1200px; height: 100px; margin: 0 0 10px 0; z-index: 3; }
#header > .top_bar { padding: 10px 0 0 0; }
#header > .top_bar > .top_bar_container { max-width: 1200px; margin: 0 auto; justify-content: flex-end; align-items: center; display: flex; }
#header > .top_bar > .top_bar_container > ol.site { position: relative; top: -10px; margin: 0 auto 0 60px; }
#header > .top_bar > .top_bar_container > ol.site > li { margin: 0 5px 0 0; padding: 7px 0; border: 1px solid #ddd; border-top: none; border-radius: 0 0 10px 10px; color: #888; font-size: 13px; text-align: center; cursor: pointer; float: left; }
#header > .top_bar > .top_bar_container > ol.site > li:nth-child(1) { width: 90px; }
#header > .top_bar > .top_bar_container > ol.site > li:nth-child(2) { width: 120px; }
#header > .top_bar > .top_bar_container > ol.site > li:nth-child(3) { width: 160px; }
#header > .top_bar > .top_bar_container > ol.site > li:nth-child(4) { width: 120px; }
#header > .top_bar > .top_bar_container > ol.site > li:hover { background: #eafeff; color: #38a897; font-weight: 600; }
#header > .top_bar > .top_bar_container > ol.site > li:nth-child(3):hover { background: #ffdfba; color: #FF852F; font-weight: 600; }
#header > .top_bar > .top_bar_container > ol.site > li:nth-child(2):hover { background: #E4F2FF; color: #3268DD; font-weight: 600; }
#header > .top_bar > .top_bar_container > .auth_links { line-height: 16px; align-items: center; display: flex; gap: 20px; }
#header > .top_bar > .top_bar_container > .auth_links > span,
#header > .top_bar > .top_bar_container > .auth_links > a { position: relative; padding: 5px 0; text-decoration: none; color: #333; font-size: 14px; text-align: left; transition: color 0.3s ease; }
#header > .top_bar > .top_bar_container > .auth_links > a.login { padding: 4px 10px; background: #FF852F; border-radius: 30px; color: #fff; font-weight: 600;  }
#header > .top_bar > .top_bar_container > .auth_links > a.bookmark { color: #333; font-size: 14px; }
#header > .top_bar > .top_bar_container > .auth_links > a.bookmark > span { color: #FF852F; font-size: 14px; }
#header > .top_bar > .top_bar_container > .auth_links > a > img { margin: -3px 0 0 0; }
#header > .top_bar > .top_bar_container > .auth_links > a::after { content: ''; position: absolute; top: 8px; right: -10px; height: 11px; width: 1px; background: #999; display: block; }
#header > .top_bar > .top_bar_container > .auth_links > a.login::after,
#header > .top_bar > .top_bar_container > .auth_links > a:first-child::after,
#header > .top_bar > .top_bar_container > .auth_links > a:last-child::after { display: none; }
#header > .top_bar > .top_bar_container > .auth_links > span > i { color: #FF852F; }
#header > .main_header > .header_container { max-width: 1200px; margin: 20px auto; align-items: center; justify-content: space-between; display: flex; }
#header > .main_header > .header_container > .logo { margin: -21px 0 0; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu { line-height: 34px; list-style: none; gap: 70px; display: flex; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item { position: relative; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > a.nav_link { text-decoration: none; color: #333; font-size: 20px; font-weight: 500; transition: color 0.3s ease; display: block; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > a.active { color: #FF852F; font-weight: 700; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > a.classroom { padding: 0 20px; background: #FF852F; border-radius: 20px; font-size: 18px; color: #fff; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > a.nav_link.classroom:hover { background: #FF852F; color: #fff; font-weight: 400; transition: 0.3s; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > a.nav_link:hover { color: #FF852F; font-weight: 600; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > ul.dropdown_menu { display: none; position: absolute; top: 35%; left: 50%; transform: translateX(-50%); width: 200px; background: #fff; border-radius: 20px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); padding: 25px 0; margin-top: 25px; list-style: none; text-align: center; z-index: 1000; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > ul.dropdown_menu::before { content: ''; position: absolute; top: -20px; left: 0; right: 0; height: 20px; background: transparent; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item:hover > ul.dropdown_menu { display: block; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > ul.dropdown_menu > li > a { display: block; padding: 6px 0; font-size: 18px; color: #888; text-decoration: none; line-height: 1.4; transition: all 0.2s; }
#header > .main_header > .header_container > .nav_wrapper > ul.nav_menu > li.nav_item > ul.dropdown_menu > li > a:hover { color: #4D4D4D; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }

/* 메인(비주얼) */
#main > .visual { position: relative; width: 1200px; height: 420px; margin: 0 auto; border-radius: 50px; overflow: hidden; }
#main > .visual > ul.visual_banner_list { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; }
#main > .visual > ul.visual_banner_list > li.banner_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 1; }
#main > .visual > ul.visual_banner_list > li.banner_item.active { opacity: 1; z-index: 2; }
#main > .visual > ul.visual_banner_list > li.banner_item > a { width: 100%; height: 100%; display: block; }
#main > .visual > ul.visual_banner_list > li.banner_item > a > img { width: 100%; height: 100%; border-radius: 50px; object-fit: cover; }
#main > .visual > .visual_controls { position: absolute; bottom: 20px; left: 80px; gap: 8px; z-index: 10; display: flex; }
#main > .visual > .visual_controls > button { width: 24px; height: 24px; border-radius: 50%; border: none; background: rgba(0, 0, 0, 0.5); color: #fff; cursor: pointer; align-items: center; justify-content: center; font-size: 14px; transition: background 0.2s; display: flex;  }
#main > .visual > .visual_controls > button:hover { background: rgba(0, 0, 0, 0.5); }

/* 공통 이너 */
.contents_inner { width: 1200px; max-width: 1200px; margin: 0 auto; }

/* 푸터 */
#footer { margin: 100px 0 50px 0; }
#footer > .footer_top { height: 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#footer > .footer_top > .contents_inner { display: flex; }
#footer > .footer_top > .contents_inner > .select_wrap { width: 170px; height: 40px; line-height: 40px; margin-left: auto; border-radius: 0; border: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #F4F4F4; }
#footer > .footer_top > .contents_inner > .select_wrap > select { border-radius: 0; }
#footer > .footer_top > .contents_inner > ul { display: flex; }
#footer > .footer_top > .contents_inner > ul > li { line-height: 40px; padding: 0 60px 0 0; font-size: 16px; color: #888; }
#footer > .footer_top > .contents_inner > ul > li > a { color: #888; }
#footer > .footer_top > .contents_inner > ul > li > a:hover { color: #444; }
#footer > .footer_middle { padding: 50px 0; }
#footer > .footer_middle > .contents_inner { align-items: center; display: flex; }
#footer > .footer_middle > .contents_inner > img { padding: 0 65px 0 0; }
#footer > .footer_middle > .contents_inner > .info { font-size: 16px; color: #888; }
#footer > .footer_middle > .contents_inner > .info > p { padding: 0 0 10px 0; }
#footer > .footer_middle > .contents_inner > .info > ul { gap: 30px; display: flex; }
#footer > .footer_middle > .contents_inner > .info > ul > li { position: relative; }
#footer > .footer_middle > .contents_inner > .info > ul > li::after { position: absolute; top: 6px; right: -15px; width: 1px; height: 10px; background: #aaa; content: ''; }
#footer > .footer_middle > .contents_inner > .info > ul > li:last-child::after { display: none; }
#footer > .footer_bottom { padding: 10px 0; border-top: 1px solid #ddd; font-size: 16px; color: #888; text-align: right; }

/* 메인 콘텐츠 */
#main > .learn_class { padding: 50px 0; }
#main > .learn_class > .contents_inner { display: flex; }
#main > .learn_class > .contents_inner > .edu { padding: 20px; border-radius: 20px; }
#main > .learn_class > .contents_inner > .edu > h3 { height: 46px; line-height: 46px; padding: 0 0 10px 60px; font-size: 24px; color: #333; font-weight: 600; }
#main > .learn_class > .contents_inner > .edu.course_class > h3 { border-bottom: 1px solid #FFC196; background: url("/images/main/icon_main_class1.png") no-repeat; }
#main > .learn_class > .contents_inner > .edu.video_learn > h3 { border-bottom: 1px solid #78C6EA; background: url("/images/main/icon_main_video1.png") no-repeat; }
#main > .learn_class > .contents_inner > .edu.course_class { width: 740px; margin: 0 30px 0 0; background: #FFF6E4; }
#main > .learn_class > .contents_inner > .edu.video_learn { width: 350px; background: #E6F3F9; }
#main > .learn_class > .contents_inner > .edu > ul { margin: 8px 0 0 0; overflow: hidden; }
#main > .learn_class > .contents_inner > .edu > ul > li { height: 50px; line-height: 50px; margin: 7px 0; padding: 0 10px; border-radius: 10px; background: #fff; box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1); display: flex; }
#main > .learn_class > .contents_inner > .edu > ul > li > span { margin-left: auto; padding: 0 10px 0 0; background: url("/images/main/icon_main_arrow.png") no-repeat 100% 50%; text-align: right; color: #333; }
#main > .learn_class > .contents_inner > .edu > ul > li > p { padding: 0 10px 0 35px; font-size: 18px; font-weight: 600; }
#main > .learn_class > .contents_inner > .edu.course_class > ul > li { width: 49%; border: 1px solid #fff; box-sizing: border-box; cursor: pointer; float: left; }
#main > .learn_class > .contents_inner > .edu.course_class > ul > li:hover { border: 1px solid #FF852F; transition: 0.2s; }
#main > .learn_class > .contents_inner > .edu.course_class > ul > li:nth-child(even) { float: right; }
#main > .learn_class > .contents_inner > .edu.course_class > ul > li > p { background: url("/images/main/icon_main_class2.png") no-repeat; color: #FF852F; background-position: 10px; }
#main > .learn_class > .contents_inner > .edu.video_learn > ul > li { margin: 7px 0 13px 0; border: 1px solid #fff; box-sizing: border-box; cursor: pointer; }
#main > .learn_class > .contents_inner > .edu.video_learn > ul > li > p { background: url("/images/main/icon_main_video2.png") no-repeat; color: #4F93EB; background-position: 10px; }
#main > .learn_class > .contents_inner > .edu.video_learn > ul > li:hover { border: 1px solid #4F93EB; transition: 0.2s; }

#main > .board_box > .contents_inner { gap: 38px; display: flex; }
#main > .board_box > .contents_inner > .notice * { margin: 0; padding: 0;  box-sizing: border-box;}
#main > .board_box > .contents_inner > .notice { width: 100%; max-width: 430px; }
#main > .board_box > .contents_inner > .notice > #tabHeader.tab_header { position: relative; border-bottom: 1px solid #f3a677; align-items: flex-end; justify-content: space-between; display: flex; }
#main > .board_box > .contents_inner > .notice > #tabHeader.tab_header > #tabMenu.tab_menu { gap: 4px;  display: flex;}
#main > .board_box > .contents_inner > .notice > #tabHeader.tab_header > #tabMenu.tab_menu > .tab_item { position: relative; bottom: -1px; }
#main > .board_box > .contents_inner > .notice > #tabHeader.tab_header > #tabMenu.tab_menu > .tab_item > a { width: 170px; padding: 10px 24px; border: 1px solid transparent;border-radius: 10px 10px 0 0; background: transparent; text-align: center; font-size: 20px; font-weight: bold; color: #888;  display: block; transition: all 0.2s ease; }
#main > .board_box > .contents_inner > .notice > #tabHeader.tab_header > #tabMenu.tab_menu > .tab_item.active > a { color: #FF852F; background-color: #fff; border-color: #FF852F; border-bottom-color: #fff; }
#main > .board_box > .contents_inner > .notice > #tabHeader.tab_header > #btnMore.btn_more { padding: 0 0 6px 0; font-size: 16px; color: #888; }
#main > .board_box > .contents_inner > .notice > #tabContent.tab_content > .notice_list { padding: 10px; margin: 20px 0 0 0; display: none; }
#main > .board_box > .contents_inner > .notice > #tabContent.tab_content > .notice_list.active { display: block; }
#main > .board_box > .contents_inner > .notice > #tabContent.tab_content > .notice_list > li { position: relative; padding: 0 0 0 15px; margin: 0 0 20px 0; }
#main > .board_box > .contents_inner > .notice > #tabContent.tab_content > .notice_list > li::before { position: absolute; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: #FF852F; transform: translateY(-50%); content: ''; }
#main > .board_box > .contents_inner > .notice > #tabContent.tab_content > .notice_list > li > a { font-size: 18px; color: #888; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;  }
#main > .board_box > .contents_inner > .notice > #tabContent.tab_content > .notice_list > li > a:hover { color: #111111; }
#main > .board_box > .contents_inner > .customer { width: 292px; padding: 24px; border-radius: 20px; background: #F9F7F0; }
#main > .board_box > .contents_inner > .customer > .title { display: flex; align-items: center; }
#main > .board_box > .contents_inner > .customer > .title > .title_box { padding: 0 0 0 18px; }
#main > .board_box > .contents_inner > .customer > .title > .title_box > h4 { font-size: 20px; color: #333; font-weight: 600; }
#main > .board_box > .contents_inner > .customer > .title > .title_box > h3 { font-size: 30px; color: #FF852F; font-weight: 800; }
#main > .board_box > .contents_inner > .customer > ul { margin: 20px 0; }
#main > .board_box > .contents_inner > .customer > ul > li { padding: 2px 0; font-size: 16px; color: #888; }
#main > .board_box > .contents_inner > .customer > ul > li >span { width: 50px; padding: 0 10px 0 0; font-size: 16px; color: #333; display: inline-block; }
#main > .board_box > .contents_inner > .customer > button { width: 160px; height: 40px; line-height: 40px; margin: 0 0 0 50%; border-radius: 50px; background: transparent; transform: translateX(-50%); }
#main > .board_box > .contents_inner > .customer > button:hover { background: #f6f3ec; color: #FF852F !important; }
#main > .board_box > .contents_inner > .banner > .license { padding: 15px 20px; margin: 0 0 30px 0; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; display: flex; }
#main > .board_box > .contents_inner > .banner > .license > .text > h3 { font-size: 24px; color: #333; font-weight: 600;}
#main > .board_box > .contents_inner > .banner > .license > .text > p { padding: 15px 0 0 0; font-size: 15px; color: #888; }
#main > .board_box > .contents_inner > .banner > .license > .text > a { padding: 40px 0 0 0; font-size: 16px; color: #333; }
#main > .board_box > .contents_inner > .banner > .license > .text > a > img { margin: -3px 0 0 0; }
#main > .board_box > .contents_inner > .banner > .link { padding: 15px 20px; border-radius: 15px; border: 1px solid #ddd; text-align: center; box-sizing: border-box; justify-content: center; gap: 30px; display: flex; }
#main > .board_box > .contents_inner > .banner > .link > a:nth-child(1) { width: 112px; height: 37px; background: url("/images/main/img_main_link1_off.png") no-repeat center; }
#main > .board_box > .contents_inner > .banner > .link > a:nth-child(1):hover { background: url("/images/main/img_main_link1_on.png") no-repeat center; }
#main > .board_box > .contents_inner > .banner > .link > a:nth-child(2) { width: 53px; height: 37px; background: url("/images/main/img_main_link2_off.png") no-repeat; }
#main > .board_box > .contents_inner > .banner > .link > a:nth-child(2):hover { background: url("/images/main/img_main_link2_on.png") no-repeat; }
#main > .board_box > .contents_inner > .banner > .link > a:nth-child(3) { width: 37px; height: 37px; background: url("/images/main/img_main_link3_off.png") no-repeat; }
#main > .board_box > .contents_inner > .banner > .link > a:nth-child(3):hover { background: url("/images/main/img_main_link3_on.png") no-repeat; }

/* 서브페이지 공통 */
#container { min-width: 1200px; margin: 0 0 50px 0; }
#container .inner { max-width: 1200px; margin: 0 auto; }
#container > .visual > .banner { height: 120px; background: #FEFAF3; }
#container > .wrapper { max-width: 1200px; margin: 0 auto; padding: 30px 0; overflow: hidden; }
#container > .wrapper > aside { width: 200px; margin: 0 45px 0 0; float: left; }
#container > .wrapper > aside > h2 { padding: 0 0 30px 0; border-bottom: 2px solid #FF852F; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > aside > ul { padding: 10px 0; }
#container > .wrapper > aside > ul > li { padding: 10px; color: #888; cursor: pointer; }
#container > .wrapper > aside > ul > li.active { background: url("/images/common/icon_aside_arrow.png") no-repeat #FFF6E4; background-position: 95% 50%; color: #FF852F; font-weight: 500; }
#container > .wrapper > aside > ul > li:hover { color: #FF852F; }
#container > .wrapper > aside > .customer { margin: 40px 0 0 0; padding: 20px 10px; border-radius: 10px; background: #FFF6E4; }
#container > .wrapper > aside > .customer > h4 { font-size: 18px; color: #333; font-weight: 500; text-align: center; }
#container > .wrapper > aside > .customer > h4 > img { width: 15px; padding: 0 5px 0 0; }
#container > .wrapper > aside > .customer > h3 { padding: 5px 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #ddd; font-size: 25px; color: #FF852F; font-weight: 600; text-align: center; }
#container > .wrapper > aside > .customer > p { padding: 2px 0 0 0; font-size: 14px; color: #333; letter-spacing: -1px; }
#container > .wrapper > aside > .customer > p:last-child { color: #FF852F; }
#container > .wrapper > aside > .customer > p > span { padding: 0 5px 0 0; color: #888; }

#container > .wrapper > aside.sub_list > ul > li { padding: 0 0 10px 0; }
#container > .wrapper > aside.sub_list > ul > li > p { padding: 10px; border-bottom: 1px solid #e8e1c9; }
#container > .wrapper > aside.sub_list > ul > li.active { background: none; }
#container > .wrapper > aside.sub_list > ul > li.active > p { background: url("/images/common/icon_aside_arrow.png") no-repeat #FEFAF3; background-position: 95% 50%; color: #FF852F; font-weight: 500; }
#container > .wrapper > aside.sub_list > ul > li:hover { color: #FF852F; }
#container > .wrapper > aside.sub_list > ul > li > ol { padding: 10px 0; }
#container > .wrapper > aside.sub_list > ul > li > ol > li { position: relative; padding: 3px 25px 3px 30px; font-size: 14px; color: #888; }
#container > .wrapper > aside.sub_list > ul > li > ol > li::before { position: absolute; top: 2px; left: 20px; width: 3px; height: 3px; color: #888; content: '•'; }
#container > .wrapper > aside.sub_list > ul > li > ol > li:hover { color: #FF852F !important; }
#container > .wrapper > aside.sub_list > ul > li > ol > li:hover::before { color: #FF852F !important; }
#container > .wrapper > aside.sub_list > ul > li > ol:has(> li.active) { background: #F9F7F0; }
#container > .wrapper > aside.sub_list > ul > li > ol > li.active { color: #FF852f; }
#container > .wrapper > aside.sub_list > ul > li > ol > li.active::before { color: #FF852f; }
#container > .wrapper > .contents { position: relative; width: calc(100% - 250px); float: left; }
#container > .visual > .route { border-bottom: 1px solid #ddd; overflow: hidden; }
#container > .visual > .route > .inner > ul { float: right; }
#container > .visual > .route > .inner > ul > li { position: relative; padding: 10px 0 10px 30px; font-size: 14px; color: #888; float: left; }
#container > .visual > .route > .inner > ul > li::before { position: absolute; top: 14px; left: 12px; width: 10px; height: 17px; background: url("/images/common/icon_route_arrow.png") no-repeat; content: ''; }
#container > .visual > .route > .inner > ul > li:first-child::before { display: none; }
#container > .wrapper > .contents > .title { text-align: center; }
#container > .wrapper > .contents > .title > h1 { padding: 0 0 15px 0; border-bottom: 1px solid #ddd; font-size: 30px; color: #333; font-weight: 700; text-align: left; }
#container > .wrapper > .contents > .title.member > h1 { padding: 0; border: 0; text-align: center; }
#container > .wrapper > .contents > .title.small { text-align: left; }
#container > .wrapper > .contents > .title.small > h1 { font-size: 20px; font-weight: 600; }

/* 서브페이지 상단 배너 */
#container > .visual > .banner { height: 120px; background: #FEFAF3; }
#container > .visual > .banner > .inner > p { height: 120px; margin: 0 0 0 20px; font-size: 18.5px; color: #BE865D; align-items: center; display: flex; }
#container > .visual > .banner > .inner > p > strong { font-weight: 700; }
#container > .visual > .banner.support > .inner > p { flex-wrap: wrap; align-content: center; align-items: flex-start; }
#container > .visual > .banner.support > .inner > p > span {flex-basis: 100%; }
#container > .visual > .banner.academic > .inner > p { flex-wrap: wrap; align-content: center; align-items: flex-start; }
#container > .visual > .banner.academic > .inner > p > span {flex-basis: 100%; }
#container > .visual > .banner.about > .inner > p { flex-wrap: wrap; align-content: center; align-items: flex-start; }
#container > .visual > .banner.about > .inner > p > span {flex-basis: 100%; }
#container > .visual > .banner.info > .inner > p { flex-wrap: wrap; align-content: center; align-items: flex-start; }
#container > .visual > .banner.info > .inner > p > span {flex-basis: 100%; }
#container > .visual > .banner.about { background: url("/images/common/img_sub_visual_about.png") no-repeat center center #FEFAF3; }
#container > .visual > .banner.member { background: url("/images/common/img_sub_visual_member.png") no-repeat center center #FEFAF3; }
#container > .visual > .banner.support { background: url("/images/common/img_sub_visual_support.png") no-repeat center center #FEFAF3; }
#container > .visual > .banner.academic { background: url("/images/common/img_sub_visual_academic.png") no-repeat center center #FEFAF3; }
#container > .visual > .banner.info { background: url("/images/common/img_sub_visual_info.png") no-repeat center center #FEFAF3; }

/* 로그인 */
#container > .wrapper > .login > .login_box { width: 510px; height: 380px; margin: 50px auto; border: 1px solid #ddd; border-radius: 20px; }
#container > .wrapper > .login > .login_box > ul { padding: 80px 80px 40px 80px; overflow: hidden; }
#container > .wrapper > .login > .login_box > ul > li { padding: 0 0 10px 0; }
#container > .wrapper > .login > .login_box > ul > li > input[type="text"] { width: 100%; }
#container > .wrapper > .login > .login_box > ul > li > input[type="password"] { width: 100%; }
#container > .wrapper > .login > .login_box > ul > li:nth-child(3) { padding: 15px 0 0 0; }
#container > .wrapper > .login > .login_box > ul > li > .box > a { position: relative; padding: 0 0 0 25px; font-size: 16px; color: #888; }
#container > .wrapper > .login > .login_box > ul > li > .box > a:first-child { padding: 0; }
#container > .wrapper > .login > .login_box > ul > li > .box > a::after { position: absolute; top: 3px; left: 8px; width: 1px; height: 15px; background: #888; content: ''; }
#container > .wrapper > .login > .login_box > ul > li > .box > a:first-child::after { display: none; }
#container > .wrapper > .login > .login_box > button { margin: 0 0 0 50%; transform: translateX(-50%); }

/* 아이디/비밀번호 찾기 */
#container > .wrapper > .id_password_search > .tab_container { padding: 15px 0 0 0; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .table_type2 > h3 { padding: 0 0 10px 0; border-bottom: 1px solid #ddd; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .table_type2 > table { margin: 20px 0 0 0; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .table_type2 > table > tbody > tr> td.phone > .select_wrap { width: 147px; float: left; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .table_type2 > table > tbody > tr> td.phone > .select_wrap { width: 147px; float: left; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .table_type2 > h3 { font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .result { margin: 30px 0 0 0; padding: 30px; border-radius: 10px; background: #FEFAF3; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .result > p { padding: 5px 0; font-size: 16px; color: #888; text-align: center; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .result > p > span { margin: 0 20px 0; font-size: 20px; color: #333; font-weight: 600; display: inline-block; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .result > p:first-child { padding: 0 0 15px 0; font-size: 20px; color: #888; text-align: center; text-decoration: underline; text-decoration-color: #FF852F; text-underline-offset: 8px; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > .content_panel > .result > p > img { padding: 0 5px 0 0; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > form > .table_type2 > table > tbody > tr > th { text-align: left; font-size: 16px; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > form { margin: 0 0 50px 0; }
#container > .wrapper > .id_password_search > .tab_container > .tab_content > form:last-child { margin: 0; }

/* 회원가입 가입완료 */
#container > .wrapper > .join_complete > .complete_box { padding: 50px 0; text-align: center; }
#container > .wrapper > .join_complete > .complete_box > .box_wrap { width: 450px; padding: 30px 0; margin: 0 0 50px 50%; border-top: 1px solid #FF9800; border-bottom: 1px solid #FF9800; transform: translateX(-50%); }
#container > .wrapper > .join_complete > .complete_box > .box_wrap > .text > p { padding: 20px 0 0 0; font-size: 25px; color: #333; font-weight: 600; }
#container > .wrapper > .join_complete > .complete_box > .box_wrap > .text > p + p { padding: 10px 0 0 0; font-size: 16px; color: #888; }

/* 개인정보처리방침 */
#container > .wrapper > .privacy > .info { padding: 28px 33px; margin: 35px 0 45px 0; border-radius: 10px; background: #F9F7F0; }
#container > .wrapper > .privacy > .info > p { position: relative; padding: 0 0 10px 15px; font-size: 16px; color: #888; }
#container > .wrapper > .privacy p { font-size: 16px; color: #888; }
#container > .wrapper > .privacy p.pri_pl { padding-left: 15px; }
#container > .wrapper > .privacy > p { padding: 0 0 45px 0; }
#container > .wrapper > .privacy > .info > p:last-child { padding-bottom: 0; }
#container > .wrapper > .privacy > .info > p::before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #888; content: ''; }
#container > .wrapper > .privacy > .box { padding: 0 0 50px 0; }
#container > .wrapper > .privacy > .box > h2 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .privacy > .box > .box_inner { padding: 0 0 0 30px; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap { padding: 15px 20px; margin: 10px 0 25px 15px; border-radius: 10px; border: 1px solid #bbb; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap > p { line-height: 28px; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap > p > a { text-decoration: underline; color: #888; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap > ul { padding: 0 0 25px 10px; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap > ul.no_padding { padding: 0 0 0 10px; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap > ul > li { position: relative; padding: 5px 0 0 10px; color: #888; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap > ul > li::before { position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #888; content: ''; }
#container > .wrapper > .privacy > .box > .box_inner > .table_box { padding: 10px 0 0 15px; }
#container > .wrapper > .privacy > .box > .box_inner > dl { padding: 0 0 30px 0; display: flex; }
#container > .wrapper > .privacy > .box > .box_inner > dl.no_padding { padding: 0; }
#container > .wrapper > .privacy > .box > .box_inner > dl > dt { padding: 0 5px 0 0; font-size: 16px; color: #888; }
#container > .wrapper > .privacy > .box > .box_inner > dl > dd { font-size: 16px; color: #888; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap > ol { padding: 10px 30px 0; margin: 10px 0 0 0; border-top: 1px solid #ddd; }
#container > .wrapper > .privacy > .box > .box_inner > .box_wrap > ol > li { line-height: 24px; font-size: 14px; color: #888; }
#container > .wrapper > .privacy > .box > .box_inner > b { font-size: 16px; color: #333; font-weight: 700; }
#container > .wrapper > .privacy > .box > .box_inner > pre { padding: 0 0 30px 0; white-space: pre-line; font-size: 16px; color: #888; }

/* 이용약관 */
#container > .wrapper > .rule > .title { margin: 0 0 35px 0; }
#container > .wrapper > .rule > .box { margin: 50px 0 0 0; }
#container > .wrapper > .rule > .box > h2 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .rule > .box > .box_inner { padding: 0 0 0 30px; }
#container > .wrapper > .rule > .box > .box_inner > p { font-size: 16px; color: #888; }
#container > .wrapper > .rule > .box > .box_inner > p.title { padding: 0 0 10px 0; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap { padding: 0 0 15px 25px; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul { padding: 15px 20px; margin: 0 0 10px 0; border: 1px solid #ddd; border-radius: 10px; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul > li { position: relative; padding: 3px 0; font-size: 16px; color: #888; display: flex; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul > li > span { padding: 0 5px 0 0; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul > li.bullet { padding: 0 0 0 15px; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul > li.bullet::before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul > li > ol { width: 100%; padding: 10px 30px 0; margin: 10px 0 0 0; border-top: 1px solid #ddd; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul > li > ol > li { position: relative; line-height: 20px; padding: 2px 0; font-size: 14px; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet { padding: 2px 0 2px 10px; }
#container > .wrapper > .rule > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet::before { position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }

/* 회원가입 - 정보입력 */
#container > .wrapper > .join_form > .member_info > p { padding: 0 0 10px 0; border-bottom: 1px solid #ddd; text-align: right; color: #FF852F; font-size: 14px; }
#container > .wrapper > .join_form > .member_info > table { width: 100%; margin: 10px 0 0 0; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > th { text-align: left; font-size: 16px; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td { font-size: 16px; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td > span { padding: 0 10px 0 5px; font-size: 16px; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td > span.at { padding: 0 10px;  }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td > .radio_box_style { margin: 0 10px 0 0; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td > .form_desc { padding: 0 0 0 15px; font-size: 14px; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td > .text_sms { padding: 5px 0 0 0; align-items: center; display: flex; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td > .text_sms > p { padding: 0 10px 0 0; font-size: 14px; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td > .text_sms > input[type="radio"]+label { padding: 0 10px 0 30px; color: #888; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td > .select_wrap { width: 150px; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr.marketing > td, #container > .wrapper > .join_form > .member_info > table > tbody > tr.marketing > th { padding-top: 20px;  border-top: 1px solid #ddd; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr > td.name > input[type="text"] { width: 400px; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr.marketing > td > .text { margin: 10px 0 0; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr.marketing > td > .text > p { position: relative; line-height: 20px; padding: 0 0 0 10px; font-size: 14px; color: #888; overflow: hidden; }
#container > .wrapper > .join_form > .member_info > table > tbody > tr.marketing > td > .text > p:before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#container > .wrapper > .join_form > .member_info > .withdrawal { padding: 10px 0 0 0; border-top: 1px solid #ddd; text-align: right; }
#container > .wrapper > .join_form > .member_info > .withdrawal > a { font-size: 14px; color: #bbb; }
#container > .wrapper > .join_form > .member_info > .button_box { padding: 50px 0 0 0; text-align: center; }
#container > .wrapper > .join_form > .member_info > .button_box > button { margin: 0 10px; }
#container > .wrapper > .join_form > .member_info > .agree_box > ul { margin: 10px 0; padding: 10px 0 0 0; border-top: 1px solid #ddd; }
#container > .wrapper > .join_form > .member_info > .agree_box > ul > li { line-height: 10px; }
#container > .wrapper > .join_form > .member_info > .agree_box > ul > li > label span { color: #888; }
#container > .wrapper > .join_form > .member_info > .agree_box > ul > li > a { padding: 10px 0 10px 20px; font-size: 16px; color: #FF852F; text-decoration: underline; }

/* 회원가입 동의(이용약관) 팝업 */
#ruleLayer > .inner > .content > .rule > .title { font-size: 18px; color: #333; font-weight: bold; text-align: center; }
#ruleLayer > .inner > .content > .rule > .box > h2 { padding: 0 0 5px 0; font-size: 16px; color: #333; font-weight: 600; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner { padding: 0 0 0 10px; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > p { font-size: 14px; color: #888; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > p.title { padding: 0 0 5px 0; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap { padding: 0 0 5px 10px; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul { padding: 5px 15px; margin: 0 0 5px 0; border: 1px solid #ddd; border-radius: 10px; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul > li { position: relative; padding: 3px 0; font-size: 12px; color: #888; display: flex; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul > li > span { padding: 0 5px 0 0; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul > li.bullet { padding: 0 0 0 15px; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul > li.bullet::before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul > li > ol { width: 100%; padding: 5px 5px 0; border-top: 1px solid #ddd; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul > li > ol > li { position: relative; padding: 2px 0; font-size: 12px; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet { padding: 2px 0 2px 10px; }
#ruleLayer > .inner > .content > .rule > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet::before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }

/* 회원가입 동의(개인정보 수집 및 이용 동의) 팝업 */
#privacyLayer > .inner > .content > .privacy > .title { font-size: 18px; color: #333; font-weight: bold; text-align: center; }
#privacyLayer > .inner > .content > .privacy > .info { padding: 15px; margin: 10px 0; border-radius: 10px; background: #F9F7F0; }
#privacyLayer > .inner > .content > .privacy > .info > p { position: relative; padding: 0 0 5px 10px; font-size: 13px; color: #888; }
#privacyLayer > .inner > .content > .privacy p { padding: 0 0 5px 0; font-size: 12px; color: #888; }
#privacyLayer > .inner > .content > .privacy p.pri_pl { padding-left: 15px; }
#privacyLayer > .inner > .content > .privacy > .info > p:last-child { padding-bottom: 0; }
#privacyLayer > .inner > .content > .privacy > .info > p::before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #888; content: ''; }
#privacyLayer > .inner > .content > .privacy > .box { padding: 0 0 10px 0; }
#privacyLayer > .inner > .content > .privacy > .box > h2 { padding: 0 0 5px 0; font-size: 14px; color: #333; font-weight: 600; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner { padding: 0 0 0 5px; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap { padding: 5px 15px; margin: 0 0 10px 5px; border-radius: 10px; border: 1px solid #bbb; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap > p { letter-spacing: -0.5px; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap > p > a { text-decoration: underline; color: #888; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap > ul { padding: 0 0 10px 10px; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap > ul.no_padding { padding: 0 0 0 10px; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap > ul > li { position: relative; padding: 0 0 0 10px; color: #888; font-size: 12px; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap > ul > li::before { position: absolute; top: 6px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #888; content: ''; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .table_box { padding: 0 0 0 5px; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .table_box > table.lists > tbody > tr > td, #privacyLayer > .inner > .content > .privacy > .box > .box_inner > .table_box > table.lists > thead > tr > th { font-size: 12px; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .table_box > table.lists > thead > tr > th:first-child { width: 70px; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > dl { padding: 0 0 30px 0; display: flex; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > dl.no_padding { padding: 0; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > dl > dt { padding: 0 5px 0 0; font-size: 12px; color: #888; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > dl > dd { font-size: 12px; color: #888; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap > ol { padding: 5px 20px 0; margin: 5px 0 0 0; border-top: 1px solid #ddd; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > .box_wrap > ol > li { line-height: 24px; font-size: 12px; color: #888; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > b { font-size: 12px; color: #333; font-weight: 700; }
#privacyLayer > .inner > .content > .privacy > .box > .box_inner > pre { padding: 0 0 5px 0; white-space: pre-line; font-size: 12px; color: #888; }

/* 공지사항 */
#container > .wrapper > .community_info > .search { padding: 20px 30px; margin: 20px 0; background: #F4F4F4; justify-content: right; align-items: center; display: flex; }
#container > .wrapper > .community_info > .search > .select_wrap { width: 100px; margin: 0 5px 0 0; box-sizing: border-box; background: #fff; }
#container > .wrapper > .community_info > .search > .select_wrap > select { width: 100px; }
#container > .wrapper > .community_info > .search > input[type="text"] { width: 200px; margin: 0 10px 0 0;  }
#container > .wrapper > .community_info > .search > button { width: 80px; border-radius: 30px; }

/* 문의하기(qna) */
#container > .wrapper > .community_info > table > tbody > tr > td.qna { align-items: center; display: flex; }
#container > .wrapper > .community_info > table > tbody > tr > td.qna > a img { padding: 0 0 0 5px; margin: -4px 0 0 0; }

/* FAQ */
#container > .wrapper > .community_review > .review_banner { height: 410px; margin: 30px 0 50px 0; }
#container > .wrapper > .community_review > .review_banner > img { width: 100%; height: 100%; object-fit: cover; }
#container > .wrapper > .community_review > #faqList { padding: 0; margin: 0; border-top: 1px solid #ddd; }
#container > .wrapper > .community_review > #faqList > li { padding: 15px 0; border-bottom: 1px solid #ddd; }
#container > .wrapper > .community_review > #faqList > li > .faq { position: relative; margin: 0; flex-wrap: wrap; align-items: flex-start; cursor: pointer; display: flex; }
#container > .wrapper > .community_review > #faqList > li > .faq > dt { position: relative; width: 100px; text-align: center; font-weight: 600; color: #ff7a1b; white-space: nowrap; }
#container > .wrapper > .community_review > #faqList > li > .faq > dt::after { position: absolute; right: 0; top: 4px; bottom: 4px; width: 1px; background-color: #ff7a1b; content: ''; }
#container > .wrapper > .community_review > #faqList > li > .faq > .content { margin: 0; padding: 0 40px 0 15px; flex: 1; }
#container > .wrapper > .community_review > #faqList > li > .faq > .content > .title { font-size: 16px; font-weight: 600; color: #333; text-decoration: none; text-underline-offset: 4px; }
#container > .wrapper > .community_review > #faqList > li > .faq > .content > .title:hover { text-decoration: underline; }
#container > .wrapper > .community_review > #faqList > li.active > .faq > .content > .title { text-decoration: underline; }
#container > .wrapper > .community_review > #faqList > li > .faq > .content > .review { max-height: 0; padding: 0 20px; border-radius: 4px; box-sizing: border-box; background-color: #faf8f5; color: #555; overflow: hidden; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease, padding 0.3s ease; }
#container > .wrapper > .community_review > #faqList > li > .faq > .content > .review > span { margin: 0 10px 0 0; font-weight: 600; color: #ff7a1b; font-size: 28px; display: inline-block; }
#container > .wrapper > .community_review > #faqList > li > .faq > .arrow { position: absolute; right: 10px; top: 3px; margin: 0; width: 8px; height: 8px; border-right: 2px solid #888; border-top: 2px solid #888; transform: rotate(135deg); transition: transform 0.3s ease, top 0.3s ease; }
#container > .wrapper > .community_review > #faqList > li.active > .faq > .arrow { border-right: 2px solid #FF852F; border-top: 2px solid #FF852F; transform: rotate(-45deg); }
#container > .wrapper > .community_review > #faqList > li.active > .faq > .content > .review { max-height: 300px; margin: 15px 0 0 0; padding: 10px; color: #333; opacity: 1; display: flex; }

/* 증명서 발급 */
#container > .wrapper > .academic_info > .search { padding: 20px 30px; margin: 20px 0; background: #F4F4F4; justify-content: right; align-items: center; display: flex; }
#container > .wrapper > .academic_info > .search > .select_wrap { width: 100px; margin: 0 5px 0 0; box-sizing: border-box; background: #fff; }
#container > .wrapper > .academic_info > .search > .select_wrap > select { width: 100px; }
#container > .wrapper > .academic_info > .search > .select_wrap.subject { width: 220px;}
#container > .wrapper > .academic_info > .search > .select_wrap.subject > select { width: 220px; }
#container > .wrapper > .academic_info > .search > input[type="text"] { width: 200px; margin: 0 10px 0 0;  }
#container > .wrapper > .academic_info > .search > button { width: 100px; border-radius: 30px; }
#container > .wrapper > .academic_info > .search > p { padding: 0 10px; font-size: 16px; color: #888; }

/* 교육원 소개 */
#container > .wrapper > .introduce > .intro { margin: 20px 0 0 0; height: 495px; background: url("/images/about/img_about_img1.png") no-repeat top center; text-align: center; }
#container > .wrapper > .introduce > .intro > img { padding: 275px 0 0 0; }
#container > .wrapper > .introduce > .intro > h1 { font-size: 35px; color: #333; font-weight: 600; }
#container > .wrapper > .introduce > .intro > p { padding: 30px 0 0 0; font-size: 18px; color: #333; font-weight: 500; }
#container > .wrapper > .introduce > .text_box { position: relative; padding: 160px 0 0 0; display: flex; }
#container > .wrapper > .introduce > .text_box::before { position: absolute; top: 50px; left: 50%; width: 1px; height: 40px; background: #888; transform: translateX(-50%); content: ''; }
#container > .wrapper > .introduce > .text_box > .text { padding: 0 0 0 83px; }
#container > .wrapper > .introduce > .text_box > .text > p { padding: 0 0 50px 0; font-size: 16px; color: #888; }
#container > .wrapper > .introduce > .text_box > .text > p:last-child { padding: 0; }
#container > .wrapper > .introduce > .text_box > img { padding: 65px 0 0 50px;}

/* 원장 인사말 */
#container > .wrapper > .greeting > .greeting_box { padding: 35px 0 0 0; }
#container > .wrapper > .greeting > .greeting_box > .greeting_title { width: 595px; background: url("/images/about/img_about_img4.png") no-repeat top right;}
#container > .wrapper > .greeting > .greeting_box > .greeting_title > p { padding: 34px 0 0 0; font-size: 18px; color: #333; font-weight: 600; }
#container > .wrapper > .greeting > .greeting_box > .greeting_title > h2 { font-size: 22px; color: #333; font-weight: 600; }
#container > .wrapper > .greeting > .greeting_box > .greeting_title > h2 > span { box-shadow: inset 0 -15px 0 #FFECC7; }
#container > .wrapper > .greeting > .greeting_box > .text { position: relative; height: 710px; padding: 50px 0 0 0; background: url("/images/about/img_about_img5.png") no-repeat bottom right; }
#container > .wrapper > .greeting > .greeting_box > .text > p { padding: 0 0 30px 0; font-size: 16px; color: #888; }
#container > .wrapper > .greeting > .greeting_box > .text > img { padding: 60px 0 0 0; }

/* 연혁 */
#container > .wrapper > .history > .history_box > ul { position: relative; padding: 20px 0 0 0; }
#container > .wrapper > .history > .history_box > ul::before { position: absolute; top: 40px; bottom: 120px; left: 157px; border-left: 1px dashed #ddd; content: ''; z-index: 1; }
#container > .wrapper > .history > .history_box > ul.history_bottom::before { bottom: 127px; }
#container > .wrapper > .history > .history_box > ul.history_bottom2::before { bottom: 70px; }
.history_box > ul { position: relative; padding: 10px 0; }
.history_box > ul::before { content: ''; position: absolute; top: 0; bottom: 0; left: 140px; border-left: 2px dashed #ddd; z-index: 1; }
#container > .wrapper > .history > .history_box > ul > li { margin: 0 0 40px 0; align-items: flex-start; display: flex; }
#container > .wrapper > .history > .history_box > ul > li:last-child { margin-bottom: 0; }
#container > .wrapper > .history > .history_box > ul > li > h2 { position: relative; width: 190px; padding: 0 60px 0 65px; font-size: 26px; font-weight: 600; color: #FF852F; box-sizing: border-box; align-items: center; justify-content: flex-end; display: flex; z-index: 2; }
#container > .wrapper > .history > .history_box > ul > li > h2::after { position: absolute; right: 28px; top: 15px; width: 8px; height: 8px; background: #FF852F; border-radius: 50%; box-shadow: 0 0 0 7px rgba(255, 230, 163, 0.5); content: ''; }
#container > .wrapper > .history > .history_box > ul > li > .box { padding: 15px 20px; border: 5px solid #f2eee9; border-radius: 15px; background: #fff; flex: 1; }
#container > .wrapper > .history > .history_box > ul > li > .box > ol { margin: 0; padding: 0; column-count: 2; column-gap: 30px; }
#container > .wrapper > .history > .history_box > ul > li > .box > ol > li { position: relative; padding: 0 0 0 12px; font-size: 16px; color: #888; break-inside: avoid; letter-spacing: -0.5px; }
#container > .wrapper > .history > .history_box > ul > li > .box > ol > li::before { position: absolute; left: 0; color: #888; content: '•'; }
#container > .wrapper > .history > .history_box > ul > li > div.y2015 > ol { column-count: 1; }

/* 교수 소개 */
#container > .wrapper > .teacher > .teacher_box { padding: 20px 0; }
#container > .wrapper > .teacher > .teacher_box > ul { margin: 0; padding: 0; flex-direction: column; gap: 20px; display: flex; }
#container > .wrapper > .teacher > .teacher_box > ul > li { padding: 20px; border-radius: 16px; background: #f8f6f0; box-sizing: border-box; display: flex; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .people { width: 340px; align-items: flex-end; gap: 10px; flex-shrink: 0; display: flex; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .people > img { border-radius: 10px; object-fit: cover; flex-shrink: 0; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .people > .text > p { font-size: 16px; color: #888; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .people > .text > h2 { font-size: 22px; font-weight: bold; color: #333; margin: 0; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .people > .text > h2 > span { color: #FF852F; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info { flex: 1; flex-direction: column; gap: 15px; display: flex; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info > .info_box { align-items: flex-start; gap: 20px; display: flex; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info > .info_box:first-child { padding: 0 0 15px 0; border-bottom: 1px dashed #ddd; align-items: center; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info > .info_box > .label { font-size: 18px; font-weight: 600; color: #333; flex-shrink: 0; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info > .info_box > p { position: relative; margin: 0; padding-left: 10px; font-size: 16px; color: #888; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info > .info_box > p::before { position: absolute; left: 0; color: #999; content: '•'; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info > .info_box > ol { margin: 0; padding: 0; flex: 1; grid-template-columns: 1fr 1fr; gap: 4px 20px; display: grid; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info > .info_box > ol > li { position: relative; padding: 0 0 0 10px; font-size: 16px; color: #888; letter-spacing: -1px; }
#container > .wrapper > .teacher > .teacher_box > ul > li > .teacher_info > .info_box > ol > li::before { position: absolute; left: 0; color: #888; content: '•'; }

/* 부설 어린이집 */
#container > .wrapper > .nursery > .nursery_info { padding: 50px 0; display: flex; }
#container > .wrapper > .nursery > .nursery_info > .text > h2 { font-size: 25px; color: #FF852F; font-weight: 600; }
#container > .wrapper > .nursery > .nursery_info > .text > p { padding: 10px 0 0 0; font-size: 16px; color: #888; }
#container > .wrapper > .nursery > .nursery_info > img { margin-left: auto; }
#container > .wrapper > .nursery > .nursery_info > .text > ul { padding: 10px 0 0 0; }
#container > .wrapper > .nursery > .nursery_info > .text > ul > li { padding: 20px 0; border-bottom: 1px solid #ddd; font-size: 16px; color: #888; align-items: center; display: flex; }
#container > .wrapper > .nursery > .nursery_info > .text > ul > li > p { width: 110px; font-size: 18px; color: #333; font-weight: 600; }
#container > .wrapper > .nursery > .nursery_info > .text > ul > li > span { position: relative; padding: 0 15px 0 10px;  }
#container > .wrapper > .nursery > .nursery_info > .text > ul > li > span::before { position: absolute; left: 0; top: 0; color: #FF852F; content: '•'; }
#container > .wrapper > .nursery > .nursery_box { padding: 30px 0; margin: 0 0 50px 0; background: #F9F7F0; text-align: center; }
#container > .wrapper > .nursery > .nursery_box > h3 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .nursery > .nursery_box > ul { gap: 20px; justify-content: center; display: flex; }
#container > .wrapper > .nursery > .nursery_box > ul > li { width: 130px; height: 130px; border: 1px solid #FF852F; border-radius: 50%; background: #fff; font-size: 18px; color: #333; font-weight: 600; align-items: center; justify-content: center; flex-direction: column; display: flex; }
#container > .wrapper > .nursery > .nursery_box > ul > li > span { color: #FF852F; }
#container > .wrapper > .nursery > .child { padding: 0 0 50px 0; }
#container > .wrapper > .nursery > .child > h3 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .nursery > .child > table > tbody > tr > td { border-right: 1px solid #ddd;  }
#container > .wrapper > .nursery > .child > table > tbody > tr > th { border-right: 1px solid #ddd;  }
#container > .wrapper > .nursery > .child > table > thead > tr > th { border-right: 1px solid #ddd;  }
#container > .wrapper > .nursery > .feature { padding: 0 0 50px 0; }
#container > .wrapper > .nursery > .feature > h3 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .nursery > .feature > ul { gap: 35px; display: flex; }
#container > .wrapper > .nursery > .feature > ul > li { position: relative; width: 28%; padding: 0 10px; gap: 10px; align-items: center; display: flex; }
#container > .wrapper > .nursery > .feature > ul > li::before { position: absolute; left: -25px; width: 1px; height: 90px; background: #ddd; content: ''; }
#container > .wrapper > .nursery > .feature > ul > li:nth-child(2) { padding: 0 10px; width: 35%; }
#container > .wrapper > .nursery > .feature > ul > li:nth-child(1)::before { display: none; }
#container > .wrapper > .nursery > .feature > ul > li > .text > h5 { font-size: 16px; color: #333; font-weight: 600; }
#container > .wrapper > .nursery > .feature > ul > li > .text > p { font-size: 16px; color: #888; }
#container > .wrapper > .nursery > .feature > ol { padding: 30px 40px; margin: 25px 0 0 0; border-radius: 20px; background: #F9F7F0; gap: 0 110px; justify-content: center; grid-template-rows: repeat(2, auto); grid-auto-flow: column; display: grid; }
#container > .wrapper > .nursery > .feature > ol > li { position: relative; padding: 0 0 0 15px; font-size: 15px; color: #666; align-items: center; display: flex; }
#container > .wrapper > .nursery > .feature > ol > li::before { position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #ff8c32; content: ''; }
#container > .wrapper > .nursery > .goal > h3 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .nursery > .goal > p { font-size: 16px; color: #888; }
#container > .wrapper > .nursery > .goal > ul { position: relative; padding: 40px 20px 40px 50px; border-radius: 40px; background: radial-gradient(ellipse at center, #fbf7ed 0%, #ffffff 70%); flex-direction: column; gap: 20px;  align-items: center; display: flex; }
#container > .wrapper > .nursery > .goal > ul::before { position: absolute; left: 70px; top: 110px; bottom: 70px; height: 310px; border-left: 1px dashed #ff8c32; content: ''; }
#container > .wrapper > .nursery > .goal > ul > li { position: relative; width: 760px; padding: 10px; border: 1px solid #ddd; border-radius: 110px; background-color: #fff; align-items: center; gap: 30px; display: flex; }
#container > .wrapper > .nursery > .goal > ul > li::before { content: ''; position: absolute; left: -40px; width: 14px; height: 14px; border: 5px solid #ff8c32; border-radius: 50%; background-color: #ffffff; box-sizing: content-box; }
#container > .wrapper > .nursery > .goal > ul > li > .age { width: 110px; height: 110px; border-radius: 50%; text-align: center; font-size: 16px; font-weight: 600; color: #333; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; display: flex; }
#container > .wrapper > .nursery > .goal > ul > li > p { font-size: 16px; color: #888; }
#container > .wrapper > .nursery > .goal > ul > li:nth-child(1) > .age { background-color: #fff7e6; }
#container > .wrapper > .nursery > .goal > ul > li:nth-child(2) > .age { background-color: #f1f9e8; }
#container > .wrapper > .nursery > .goal > ul > li:nth-child(3) > .age { background-color: #eaf6fc; }
#container > .wrapper > .nursery > .goal > .banner { position: relative; width: 100%; padding: 0 50px; box-sizing: border-box; }
#container > .wrapper > .nursery > .goal > .banner > .slide_container { width: 100%; overflow: hidden; }
#container > .wrapper > .nursery > .goal > .banner > .slide_container > .slide_wrapper { margin: 0; padding: 0; display: flex; transition: transform 0.4s ease-in-out; }
#container > .wrapper > .nursery > .goal > .banner > .slide_container > .slide_wrapper > .slide_item { width: 100%; flex-shrink: 0; }
#container > .wrapper > .nursery > .goal > .banner > .slide_container > .slide_wrapper > .slide_item > img { width: 100%; height: auto; object-fit: cover; display: block; }
#container > .wrapper > .nursery > .goal > .banner > button { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 50%; border: 1px solid #ddd; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); background-color: #fff; cursor: pointer; justify-content: center; align-items: center; display: flex; z-index: 10; transition: background-color 0.2s, color 0.2s; }
#container > .wrapper > .nursery > .goal > .banner > button:hover { background: #F9F7F0; }
#container > .wrapper > .nursery > .goal > .banner > .btn_prev { left: 0; }
#container > .wrapper > .nursery > .goal > .banner > .btn_next { right: 0; }

/* 오시는 길 */
#container > .wrapper > .map > .title > h1 { margin: 0 0 20px 0; }
#container > .wrapper > .map .root_daum_roughmap .wrap_controllers, #container > .wrapper > .map .root_daum_roughmap .cont { display: none; }
#container > .wrapper > .map .root_daum_roughmap_landing { border-bottom: 1px solid #ddd; }
#container > .wrapper > .map > ul { padding: 20px 0 0 0; }
#container > .wrapper > .map > ul > li { width: 100%; padding: 30px 0; border-bottom: 1px solid #ddd; align-items: center; display: flex; }
#container > .wrapper > .map > ul > li > h2 { width: 165px; font-size: 20px; color: #333; font-weight: 600;  }
#container > .wrapper > .map > ul > li > p { font-size: 16px; color: #888;}
#container > .wrapper > .map > ul > li > p > span { width: 50px; padding: 0 10px 0 0; font-size: 16px; color: #FF852F; font-weight: 600; display: inline-block; }
#container > .wrapper > .map > ul > li:first-child { flex-wrap: wrap; align-items: flex-start; }
#container > .wrapper > .map > ul > li:first-child > p { width: calc(100% - 165px); }
#container > .wrapper > .map > ul > li:first-child > p > span { width: 100px; }
#container > .wrapper > .map > ul > li:first-child > p:nth-of-type(2) { margin: 0 0 0 165px; }
#container > .wrapper > .map > ul > li:nth-child(2) > p { padding: 0 100px 0 0; }
#container > .wrapper > .map > ul > li > span.line { width: 50px; height: 24px; line-height: 24px; margin: 0 5px 0 0; border-radius: 30px; font-size: 14px; color: #fff; font-weight: 500; text-align: center ;}
#container > .wrapper > .map > ul > li > span.line.line1 { background: #0A5DD9; }
#container > .wrapper > .map > ul > li > span.line.line4 { margin: 0 10px 0 0; background: #439BFF; }

/* 운영규칙 */
#container > .wrapper > .manage_rule > .title { margin: 0 0 35px 0; }
#container > .wrapper > .manage_rule > .box { margin: 50px 0 0 0; }
#container > .wrapper > .manage_rule > .box > h2 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .manage_rule > .box > .box_inner { padding: 0 0 0 30px; }
#container > .wrapper > .manage_rule > .box > .box_inner > p { font-size: 16px; color: #888; }
#container > .wrapper > .manage_rule > .box > .box_inner > p.title { padding: 0 0 10px 0; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap { padding: 0 0 15px 25px; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul { padding: 15px 20px; margin: 0 0 10px 0; border: 1px solid #ddd; border-radius: 10px; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul > li { position: relative; padding: 3px 0; font-size: 16px; color: #888; display: flex; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul > li > span { padding: 0 5px 0 0; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul > li.bullet { padding: 0 0 0 15px; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul > li.bullet::before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul > li > ol { width: 100%; padding: 10px 30px 0; margin: 10px 0 0 0; border-top: 1px solid #ddd; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul > li > ol > li { position: relative; line-height: 20px; padding: 2px 0; font-size: 14px; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet { padding: 2px 0 2px 10px; }
#container > .wrapper > .manage_rule > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet::before { position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#container > .wrapper > .manage_rule > .box > .box_inner > .table_box { padding: 0 0 0 15px; }

/* 특별직무교육 */
#container > .wrapper > .manage_special > .title { margin: 0 0 35px 0; }
#container > .wrapper > .manage_special > .box { margin: 50px 0 0 0; }
#container > .wrapper > .manage_special > .box > h2 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .manage_special > .box > .box_inner { padding: 0 0 0 30px; }
#container > .wrapper > .manage_special > .box > .box_inner > p { line-height: 24px; font-size: 16px; color: #888; }
#container > .wrapper > .manage_special > .box > .box_inner > p.title { padding: 0 0 10px 0; }
#container > .wrapper > .manage_special > .box > .box_inner > p > strong { color: #333; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap { padding: 0 0 15px 25px; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul { padding: 15px 20px; margin: 0 0 10px 0; border: 1px solid #ddd; border-radius: 10px; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul > li { position: relative; padding: 3px 0; font-size: 16px; color: #888; display: flex; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul > li > span { padding: 0 5px 0 0; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul > li.bullet { padding: 0 0 0 15px; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul > li.bullet::before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul > li > ol { width: 100%; padding: 10px 30px 0; margin: 10px 0 0 0; border-top: 1px solid #ddd; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul > li > ol > li { position: relative; line-height: 20px; padding: 2px 0; font-size: 14px; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet { padding: 2px 0 2px 10px; }
#container > .wrapper > .manage_special > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet::before { position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#container > .wrapper > .manage_special > .box > .box_inner > .table_box { padding: 0 0 0 15px; }
#container > .wrapper > .manage_special > .box > .box_inner > .table_box > table.special > tbody > tr:nth-child(5) { background: #F4F4F4; }
#container > .wrapper > .manage_special > .box > .box_inner > .table_box > table.special > tbody > tr:nth-child(5) > td { padding: 15px 10px 15px 94px; text-align: left; }
#container > .wrapper > .manage_special > .box > .box_inner > .table_box > p { padding: 0 0 10px 0; text-align: right; color: #888; }

/* 생활안내 */
#container > .wrapper > .manage_life > .title { margin: 0 0 35px 0; }
#container > .wrapper > .manage_life > .box { margin: 50px 0 0 0; }
#container > .wrapper > .manage_life > .box > h2 { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .manage_life > .box > .box_inner { padding: 0 0 0 30px; }
#container > .wrapper > .manage_life > .box > .box_inner > p { line-height: 24px; font-size: 16px; color: #888; }
#container > .wrapper > .manage_life > .box > .box_inner > p.title { padding: 0 0 10px 0; }
#container > .wrapper > .manage_life > .box > .box_inner > p > strong { color: #333; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap { padding: 0 0 15px 25px; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul { padding: 15px 20px; margin: 0 0 10px 0; border: 1px solid #ddd; border-radius: 10px; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li { position: relative; padding: 3px 0; font-size: 16px; color: #888; display: flex; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li > span { padding: 0 5px 0 0; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li.bullet { padding: 0 0 0 15px; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li.bullet::before { position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li > ol { width: 100%; padding: 10px 30px 0; margin: 10px 0 0 0; border-top: 1px solid #ddd; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li > ol > li { position: relative; line-height: 20px; padding: 2px 0; font-size: 14px; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet { padding: 2px 0 2px 10px; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li > ol > li.bullet::before { position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #888; content: ''; }
#container > .wrapper > .manage_life > .box > .box_inner > .table_box { padding: 0 0 0 15px; }
#container > .wrapper > .manage_life > .box > .box_inner > .table_box > table.special > tbody > tr:nth-child(5) { background: #F4F4F4; }
#container > .wrapper > .manage_life > .box > .box_inner > .table_box > table.life > tbody > tr > td strong { color: #FF852F; }
#container > .wrapper > .manage_life > .box > .box_inner > .table_box > p { padding: 0 0 10px 0; text-align: right; color: #888; }
#container > .wrapper > .manage_life > .box > .box_inner > .box_wrap > ul > li.title { color: #333; font-weight: 600; }

/* 교육과정안내 - 보육교사양성교육 - 모집안내 */
#container > .wrapper > .teacher_recruit > .box { padding: 0 0 50px 0; }
#container > .wrapper > .teacher_recruit > .box > p.title { font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .teacher_recruit > .box.box_flex { align-items: center; display: flex; }
#container > .wrapper > .teacher_recruit > .box.box_flex > p.title { width: 150px; color: #333; font-size: 20px; }
#container > .wrapper > .teacher_recruit > .box.box_flex > p { font-size: 16px; color: #888; }
#container > .wrapper > .teacher_recruit > .box.box_f_align { align-items: flex-start; }
#container > .wrapper > .teacher_recruit > .box > ul.recruit { padding: 20px; margin: 20px 0 0 0; border: 1px solid #ddd; border-radius: 15px; box-sizing: border-box; overflow: hidden; }
#container > .wrapper > .teacher_recruit > .box > ul.recruit > li { width: 50%; padding: 5px 0; float: left; display: flex; }
#container > .wrapper > .teacher_recruit > .box > ul.recruit > li > p { position: relative; padding: 0 0 0 15px; width: 80px; font-size: 16px; color: #333; font-weight: 600; }
#container > .wrapper > .teacher_recruit > .box > ul.recruit > li > p::before { position: absolute; top: 6px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #FF852F; content: ''; }
#container > .wrapper > .teacher_recruit > .box > ul.benefit { margin: 20px 0 0 0; gap: 45px; text-align: center; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .teacher_recruit > .box > ul.benefit > li { position: relative; width: 140px; height: 130px; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; }
#container > .wrapper > .teacher_recruit > .box > ul.benefit > li > p { line-height: 17px; padding: 10px 0 0 0; font-size: 14px; color: #888; word-break: keep-all; }
#container > .wrapper > .teacher_recruit > .box > ul.benefit > li > img { padding: 20px 0 0 0; }
#container > .wrapper > .teacher_recruit > .box > ul.benefit > li::after { position: absolute; top: 50%; right: -35px; width: 15px; height: 15px; background: url("/images/info/icon_info_arrow.png") no-repeat; transform: translateY(-50%); content: ''; }
#container > .wrapper > .teacher_recruit > .box > ul.benefit > li:last-child::after { display: none; }
#container > .wrapper > .teacher_recruit > .box.childcare { padding: 30px; background: #F9F7F0; justify-content: center; align-items: center; display: flex; }
#container > .wrapper > .teacher_recruit > .box.childcare > h3 { position: relative; padding: 0 20px 0 10px; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .teacher_recruit > .box.childcare > h3::after { position: absolute; top: -5px; right: 0; width: 1px; height: 40px; background: #C4BFAE; content: ''; }
#container > .wrapper > .teacher_recruit > .box.childcare > p { padding: 0 0 0 20px; font-size: 16px; color: #333; }
#container > .wrapper > .teacher_recruit > .box.ask { margin: 50px 0 0 0; background: url("/images/info/img_info1.png") no-repeat; text-align: center; }
#container > .wrapper > .teacher_recruit > .box.ask > p { padding: 23px 0 0 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .teacher_recruit > .box.ask > h2 { font-size: 36px; color: #FF852F; font-weight: 600; }
#container > .wrapper > .teacher_recruit > .box.ask > button { height: 40px; line-height: 40px; margin: 10px 0 0 0; border-radius: 30px; }

/* 교육과정안내 - 보육교사양성교육 - 교육과정 */
#container > .wrapper > .teacher_course > .box { margin: 0 0 50px 0; }
#container > .wrapper > .teacher_course > .box.explain { height: 360px; gap: 34px; background: #FFF8E9; align-items: center; display: flex; }
#container > .wrapper > .teacher_course > .box.explain > ul.text_wrap > li { padding: 15px 0; gap: 10px; display: flex; }
#container > .wrapper > .teacher_course > .box.explain > ul.text_wrap > li > span { width: 34px; height: 34px; line-height: 34px; border-radius: 50%; background: #FF852F; text-align: center; font-size: 20px; color: #fff; font-weight: 600; }
#container > .wrapper > .teacher_course > .box.explain > ul.text_wrap > li > .text > p:first-child { font-size: 20px; color: #888; }
#container > .wrapper > .teacher_course > .box.explain > ul.text_wrap > li > .text > p:first-child > strong { color: #333; font-weight: 600; }
#container > .wrapper > .teacher_course > .box.explain > ul.text_wrap > li > .text > p { padding: 5px 0 0 0; font-size: 16px; color: #888; }
#container > .wrapper > .teacher_course > .box.course_info > p.title { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .teacher_course > .box.course_info > table.lists > tbody > tr > td { text-align: left; }
#container > .wrapper > .teacher_course > .box.course_info > table.lists > tbody > tr > td:last-child { text-align: center; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target { position: relative; display: inline-block; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target > .target_text { color: #888; cursor: pointer; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target > .target_text:hover { color: #FF852F; text-decoration: underline; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target > .tooltip_box { position: absolute; bottom: 35px; left: 0; width: 335px; padding: 10px; background: #fff; border: 1px solid #FF852F; box-sizing: border-box; z-index: 100; text-align: left; white-space: normal; display: none; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target > .tooltip_box::before { position: absolute; bottom: -12px; left: -1px; width: 20px; height: 11px; background: #FF852F; clip-path: polygon(100% 0, 0 0, 100% 100%); content: ''; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target > .tooltip_box > .tooltip_title { padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #ddd; color: #FF852F; font-size: 14px; font-weight: bold;display: block; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target > .tooltip_box > .tooltip_title > img { padding: 0 5px 0 0; margin: -1px 0 0 0; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target > .tooltip_box > p { color: #888; font-size: 14px; letter-spacing: -0.5px; }
#container > .wrapper > .teacher_course > .box.course_info .tooltip_target:hover > .tooltip_box { display: block; }
#container > .wrapper > .teacher_course > .box.list { padding: 30px 20px; background: #F9F7F0; }
#container > .wrapper > .teacher_course > .box.list > ul { gap: 50px; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .teacher_course > .box.list > ul > li { width: 230px; height: 150px; border-radius: 10px; background: #fff; box-shadow: 5px 5px 5px rgba(233, 220, 195, 1); }
#container > .wrapper > .teacher_course > .box.list > ul > li > p { padding: 20px 20px 0 20px; font-size: 16px; color: #333; letter-spacing: -0.5px; }
#container > .wrapper > .teacher_course > .box.list > ul > li > p > strong { font-weight: 700; }
#container > .wrapper > .teacher_course > .box.list > ul > li > img { padding: 0 15px 10px 0; float: right; }
#container > .wrapper > .teacher_course > .box.list > ul > li:last-child > img { padding: 25px 15px 10px 0; }

/* 교육과정안내 - 직무교육 - 보육교사일반 직무교육 */
#container > .wrapper > .job_teacher > .box { padding: 0 0 50px 0; }
#container > .wrapper > .job_teacher > ul.list { height: 130px; gap: 20px; display: flex; }
#container > .wrapper > .job_teacher > ul.list > li { width: 50%; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_teacher > ul.list > li > .title { width: 200px; height: 128px; gap: 10px; border-right: 1px solid #ddd; border-radius: 15px 0 0 15px; box-sizing: border-box; background: #F9F7F0; text-align: center; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_teacher > ul.list > li > .title > p { font-size: 16px; color: #333; font-weight: 600; }
#container > .wrapper > .job_teacher > ul.list > li > p { text-align: center; color: #888; font-size: 16px; flex: 1; }
#container > .wrapper > .job_teacher > ul.list > li > p > strong { color: #333; text-decoration: underline; }
#container > .wrapper > .job_teacher > .box > p.title { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .job_teacher > .box > ol > li { position: relative; padding: 0 0 10px 10px; font-size: 16px; color: #888; }
#container > .wrapper > .job_teacher > .box > ol > li::before { position: absolute; top: 0; left: 0; width: 20px; height: 11px; font-size: 16px; color: #888; font-weight: 700; content: '·'; }
#container > .wrapper > .job_teacher > .box.way > ul { gap: 42px; align-items: center; justify-content: center; text-align: center; display: flex; }
#container > .wrapper > .job_teacher > .box.way > ul > li { position: relative; width: 260px; height: 150px; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; }
#container > .wrapper > .job_teacher > .box.way > ul > li::after { position: absolute; top: 50%; right: -35px; width: 12px; height: 20px; background: url("/images/info/icon_info_arrow3.png") no-repeat; transform: translateX(-50%); content: '';}
#container > .wrapper > .job_teacher > .box.way > ul > li:last-child::after { display: none; }
#container > .wrapper > .job_teacher > .box.way > ul > li > p.number { width: 150px; margin: 10px 0 0 50%; padding: 0; border-radius: 30px; background: #F9F7F0; font-size: 30px; color: #FF852F; font-weight: 900; transform: translateX(-50%); }
#container > .wrapper > .job_teacher > .box.way > ul > li > p { padding: 10px 0 0 0; font-size: 16px; color: #888; }
#container > .wrapper > .job_teacher > .box.way > ul > li > p > strong { color: #333; }

/* 교육과정안내 - 직무교육 - 원장일반 직무교육 */
#container > .wrapper > .job_director > .box { padding: 0 0 50px 0; }
#container > .wrapper > .job_director > ul.list { height: 130px; gap: 20px; display: flex; }
#container > .wrapper > .job_director > ul.list > li { width: 50%; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_director > ul.list > li > .title { width: 200px; height: 128px; gap: 10px; border-right: 1px solid #ddd; border-radius: 15px 0 0 15px; box-sizing: border-box; background: #F9F7F0; text-align: center; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_director > ul.list > li > .title > p { font-size: 16px; color: #333; font-weight: 600; }
#container > .wrapper > .job_director > ul.list > li > p { text-align: center; color: #888; font-size: 16px; flex: 1; }
#container > .wrapper > .job_director > ul.list > li > p > strong { color: #333; text-decoration: underline; }
#container > .wrapper > .job_director > .box > p.title { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .job_director > .box > ol > li { position: relative; padding: 0 0 10px 10px; font-size: 16px; color: #888; }
#container > .wrapper > .job_director > .box > ol > li::before { position: absolute; top: 0; left: 0; width: 20px; height: 11px; font-size: 16px; color: #888; font-weight: 700; content: '·'; }
#container > .wrapper > .job_director > .box.way > ul { gap: 42px; align-items: center; justify-content: center; text-align: center; display: flex; }
#container > .wrapper > .job_director > .box.way > ul > li { position: relative; width: 260px; height: 150px; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; }
#container > .wrapper > .job_director > .box.way > ul > li::after { position: absolute; top: 50%; right: -35px; width: 12px; height: 20px; background: url("/images/info/icon_info_arrow3.png") no-repeat; transform: translateX(-50%); content: '';}
#container > .wrapper > .job_director > .box.way > ul > li:last-child::after { display: none; }
#container > .wrapper > .job_director > .box.way > ul > li > p.number { width: 150px; margin: 10px 0 0 50%; padding: 0; border-radius: 30px; background: #F9F7F0; font-size: 30px; color: #FF852F; font-weight: 900; transform: translateX(-50%); }
#container > .wrapper > .job_director > .box.way > ul > li > p { padding: 10px 0 0 0; font-size: 16px; color: #888; }
#container > .wrapper > .job_director > .box.way > ul > li > p > strong { color: #333; }

/* 교육과정안내 - 직무교육 - 원장사전 직무교육 */
#container > .wrapper > .job_pre > .box { padding: 0 0 50px 0; }
#container > .wrapper > .job_pre > ul.list { height: 130px; gap: 20px; display: flex; }
#container > .wrapper > .job_pre > ul.list > li { width: 50%; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_pre > ul.list > li > .title { width: 200px; height: 128px; gap: 10px; border-right: 1px solid #ddd; border-radius: 15px 0 0 15px; box-sizing: border-box; background: #F9F7F0; text-align: center; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_pre > ul.list > li > .title > p { font-size: 16px; color: #333; font-weight: 600; }
#container > .wrapper > .job_pre > ul.list > li > p { text-align: center; color: #888; font-size: 16px; flex: 1; }
#container > .wrapper > .job_pre > ul.list > li > p > strong { color: #333; text-decoration: underline; }
#container > .wrapper > .job_pre > .box > p.title { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .job_pre > .box > ol > li { position: relative; padding: 0 0 10px 10px; font-size: 16px; color: #888; }
#container > .wrapper > .job_pre > .box > ol > li::before { position: absolute; top: 0; left: 0; width: 20px; height: 11px; font-size: 16px; color: #888; font-weight: 700; content: '·'; }
#container > .wrapper > .job_pre > .box.way > ul { gap: 42px; align-items: center; justify-content: center; text-align: center; display: flex; }
#container > .wrapper > .job_pre > .box.way > ul > li { position: relative; width: 260px; height: 150px; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; }
#container > .wrapper > .job_pre > .box.way > ul > li::after { position: absolute; top: 50%; right: -35px; width: 12px; height: 20px; background: url("/images/info/icon_info_arrow3.png") no-repeat; transform: translateX(-50%); content: '';}
#container > .wrapper > .job_pre > .box.way > ul > li:last-child::after { display: none; }
#container > .wrapper > .job_pre > .box.way > ul > li > p.number { width: 150px; margin: 10px 0 0 50%; padding: 0; border-radius: 30px; background: #F9F7F0; font-size: 30px; color: #FF852F; font-weight: 900; transform: translateX(-50%); }
#container > .wrapper > .job_pre > .box.way > ul > li > p { padding: 10px 0 0 0; font-size: 16px; color: #888; }
#container > .wrapper > .job_pre > .box.way > ul > li > p > strong { color: #333; }

/* 교육과정안내 - 직무교육 - 장기미종사자교육 */
#container > .wrapper > .job_inactive > .box { padding: 0 0 50px 0; }
#container > .wrapper > .job_inactive > ul.list { height: 130px; gap: 20px; display: flex; }
#container > .wrapper > .job_inactive > ul.list > li { width: 50%; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_inactive > ul.list > li > .title { width: 200px; height: 128px; gap: 10px; border-right: 1px solid #ddd; border-radius: 15px 0 0 15px; box-sizing: border-box; background: #F9F7F0; text-align: center; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_inactive > ul.list > li > .title > p { font-size: 16px; color: #333; font-weight: 600; }
#container > .wrapper > .job_inactive > ul.list > li > p { text-align: center; color: #888; font-size: 16px; flex: 1; }
#container > .wrapper > .job_inactive > ul.list > li > p > strong { color: #333; text-decoration: underline; }
#container > .wrapper > .job_inactive > .box > p.title { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .job_inactive > .box > ol > li { position: relative; padding: 0 0 10px 10px; font-size: 16px; color: #888; }
#container > .wrapper > .job_inactive > .box > ol > li::before { position: absolute; top: 0; left: 0; width: 20px; height: 11px; font-size: 16px; color: #888; font-weight: 700; content: '·'; }
#container > .wrapper > .job_inactive > .box.way > ul { gap: 42px; align-items: center; justify-content: center; text-align: center; display: flex; }
#container > .wrapper > .job_inactive > .box.way > ul > li { position: relative; width: 260px; height: 150px; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; }
#container > .wrapper > .job_inactive > .box.way > ul > li::after { position: absolute; top: 50%; right: -35px; width: 12px; height: 20px; background: url("/images/info/icon_info_arrow3.png") no-repeat; transform: translateX(-50%); content: '';}
#container > .wrapper > .job_inactive > .box.way > ul > li:last-child::after { display: none; }
#container > .wrapper > .job_inactive > .box.way > ul > li > p.number { width: 150px; margin: 10px 0 0 50%; padding: 0; border-radius: 30px; background: #F9F7F0; font-size: 30px; color: #FF852F; font-weight: 900; transform: translateX(-50%); }
#container > .wrapper > .job_inactive > .box.way > ul > li > p { padding: 10px 0 0 0; font-size: 16px; color: #888; }
#container > .wrapper > .job_inactive > .box.way > ul > li > p > strong { color: #333; }

/* 교육과정안내 - 보육교사 승급교육 - 1급 승급교육 */
#container > .wrapper > .job_level1 > .box { padding: 0 0 50px 0; }
#container > .wrapper > .job_level1 > ul.list { height: 130px; gap: 20px; display: flex; }
#container > .wrapper > .job_level1 > ul.list > li { width: 50%; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_level1 > ul.list > li > .title { width: 200px; height: 128px; gap: 10px; border-right: 1px solid #ddd; border-radius: 15px 0 0 15px; box-sizing: border-box; background: #F9F7F0; text-align: center; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_level1 > ul.list > li > .title > p { font-size: 16px; color: #333; font-weight: 600; }
#container > .wrapper > .job_level1 > ul.list > li > p { text-align: center; color: #888; font-size: 16px; flex: 1; }
#container > .wrapper > .job_level1 > ul.list > li > p > strong { color: #333; text-decoration: underline; }
#container > .wrapper > .job_level1 > .box > p.title { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .job_level1 > .box > ol > li { position: relative; padding: 0 0 10px 10px; font-size: 16px; color: #888; }
#container > .wrapper > .job_level1 > .box > ol > li::before { position: absolute; top: 0; left: 0; width: 20px; height: 11px; font-size: 16px; color: #888; font-weight: 700; content: '·'; }
#container > .wrapper > .job_level1 > .box.way > ul { gap: 42px; align-items: center; justify-content: center; text-align: center; display: flex; }
#container > .wrapper > .job_level1 > .box.way > ul > li { position: relative; width: 260px; height: 150px; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; }
#container > .wrapper > .job_level1 > .box.way > ul > li::after { position: absolute; top: 50%; right: -35px; width: 12px; height: 20px; background: url("/images/info/icon_info_arrow3.png") no-repeat; transform: translateX(-50%); content: '';}
#container > .wrapper > .job_level1 > .box.way > ul > li:last-child::after { display: none; }
#container > .wrapper > .job_level1 > .box.way > ul > li > p.number { width: 150px; margin: 10px 0 0 50%; padding: 0; border-radius: 30px; background: #F9F7F0; font-size: 30px; color: #FF852F; font-weight: 900; transform: translateX(-50%); }
#container > .wrapper > .job_level1 > .box.way > ul > li > p { padding: 10px 0 0 0; font-size: 16px; color: #888; }
#container > .wrapper > .job_level1 > .box.way > ul > li > p > strong { color: #333; }

/* 교육과정안내 - 영아보육 전문교육 - 기본교육 */
#container > .wrapper > .job_basic > .box { padding: 0 0 50px 0; }
#container > .wrapper > .job_basic > ul.list { height: 130px; gap: 20px; display: flex; }
#container > .wrapper > .job_basic > ul.list > li { width: 50%; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_basic > ul.list > li > .title { width: 200px; height: 128px; gap: 10px; border-right: 1px solid #ddd; border-radius: 15px 0 0 15px; box-sizing: border-box; background: #F9F7F0; text-align: center; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_basic > ul.list > li > .title > p { font-size: 16px; color: #333; font-weight: 600; }
#container > .wrapper > .job_basic > ul.list > li > p { text-align: center; color: #888; font-size: 16px; flex: 1; }
#container > .wrapper > .job_basic > ul.list > li > p > strong { color: #333; text-decoration: underline; }
#container > .wrapper > .job_basic > .box > p.title { padding: 0 0 20px 0; font-size: 20px; color: #333; font-weight: 600; }
#container > .wrapper > .job_basic > .box > ol > li { position: relative; padding: 0 0 10px 10px; font-size: 16px; color: #888; }
#container > .wrapper > .job_basic > .box > ol > li::before { position: absolute; top: 0; left: 0; width: 20px; height: 11px; font-size: 16px; color: #888; font-weight: 700; content: '·'; }
#container > .wrapper > .job_basic > .box > ul.benefit { margin: 20px 0 0 0; gap: 45px; text-align: center; align-items: center; justify-content: center; display: flex; }
#container > .wrapper > .job_basic > .box > ul.benefit > li { position: relative; width: 140px; height: 120px; border-radius: 15px; border: 1px solid #ddd; box-sizing: border-box; }
#container > .wrapper > .job_basic > .box > ul.benefit > li > p { line-height: 17px; padding: 10px 0 0 0; font-size: 14px; color: #888; word-break: keep-all; }
#container > .wrapper > .job_basic > .box > ul.benefit > li > img { padding: 20px 0 0 0; }
#container > .wrapper > .job_basic > .box > ul.benefit > li::after { position: absolute; top: 50%; right: -35px; width: 15px; height: 15px; background: url("/images/info/icon_info_arrow.png") no-repeat; transform: translateY(-50%); content: ''; }
#container > .wrapper > .job_basic > .box > ul.benefit > li:last-child::after { display: none; }
#container > .wrapper > .job_basic > .box.cost > ul { padding: 20px 15px; border-radius: 20px; border: 1px solid #ddd; box-sizing: border-box; }
#container > .wrapper > .job_basic > .box.cost > ul > li { position: relative; padding: 0 0 0 10px; font-size: 16px; color: #888; }
#container > .wrapper > .job_basic > .box.cost > ul > li > strong { color: #333; }
#container > .wrapper > .job_basic > .box.cost > ul > li::before { position: absolute; top: 0; left: 0; color: #888; font-size: 16px; font-weight: bold; content: '·'; }
#container > .wrapper > .job_basic > .box.cost > ul > li.no_dot::before { display: none; }
#container > .wrapper > .job_basic > .box > p { color: #888; font-size: 16px; }

/* 회원정보 수정, 비밀번호 변경 */
#container > .wrapper > .password_change > .change_box { padding: 40px 0; margin: 50px 0 0 0; border-radius: 20px; background: #F9F7F0; text-align: center; }
#container > .wrapper > .password_change > .change_box > ul { margin: 0 0 0 50%; transform: translateX(-50%); }
#container > .wrapper > .password_change > .change_box > ul > li { overflow: hidden; }
#container > .wrapper > .password_change > .change_box > ul > li:first-child { text-align: left; }
#container > .wrapper > .password_change > .change_box > ul > li:nth-child(2) { padding: 20px 0 10px 0; }
#container > .wrapper > .password_change > .change_box > ul > li > input { width: 350px; }
#container > .wrapper > .password_change > .change_box > ul > li > img { float: left; }
#container > .wrapper > .password_change > .change_box > ul > li > p { padding: 15px 0 0 0; font-size: 14px; }
#container > .wrapper > .password_change > .change_box > ul > li > .text { text-align: center; }
#container > .wrapper > .password_change > .change_box > ul > li > .text > p { font-size: 16px; color: #333; font-weight: 500; }
#container > .wrapper > .password_change > .change_box > ul > li > .text > p + p { font-size: 14px; color: #888; }
#container > .wrapper > .password_change > .change_box > .button_box { padding: 20px 0 0 0; }
#container > .wrapper > .password_change > .change_box > .button_box > button { margin: 0 5px; }

/* 회원탈퇴 */
#leaveFormLayer > .inner > .header { border-bottom: 0; box-sizing: border-box; }
#leaveFormLayer > .inner > .content > p.little_title { padding: 0 0 10px 0; font-size: 25px !important; text-align: center; font-weight: 600; }
#leaveFormLayer > .inner > .content > .note { padding: 20px; background: #F9F7F0; overflow: hidden; }
#leaveFormLayer > .inner > .content > .note > img { padding: 0 10px 0 0; float: left; }
#leaveFormLayer > .inner > .content > .note > p { width: 85%; font-size: 16px; letter-spacing: -0.5px; float: left; }
#leaveFormLayer > .inner > .content > ul.text { margin: 20px 0; }
#leaveFormLayer > .inner > .content > ul.text > li { position: relative; padding: 0 0 3px 10px; font-size: 14px; color: #888; overflow: hidden; }
#leaveFormLayer > .inner > .content > ul.text > li:before { position: absolute; top: 9px; left: 0; width: 5px; height: 1px; background: #888; content: ''; }
#leaveFormLayer > .inner > .content > ul.text > li:first-child { padding: 0 0 30px 0; }
#leaveFormLayer > .inner > .content > ul.text > li:first-child:before { display: none; }
#leaveFormLayer > .inner > .content > ul.text > li:last-child:before { display: none; }
#leaveFormLayer > .inner > .content > ul.text > li:last-child { padding: 20px 0 20px 0; border-bottom: 1px solid #ddd; }
#leaveFormLayer > .inner > .content > ul.text > li:last-child > .check { float: right; }
#leaveFormLayer > .inner > .content > ul.text > li:last-child > .check input[type="checkbox"] + label { font-size: 16px; color: #888; }
#leaveFormLayer > .inner > .content > ul.survey { overflow: hidden;}
#leaveFormLayer > .inner > .content > ul.survey > li > h2 { padding: 0 0 15px 0; font-size: 16px; color: #333; font-weight: 500; }
#leaveFormLayer > .inner > .content > ul.survey > li > .radio { padding: 0 0 10px 0;}
#leaveFormLayer > .inner > .content > ul.survey > li > .radio input[type="radio"]+label { width: 25%; }
#leaveFormLayer > .inner > .content > ul.survey > li.password { padding: 20px 0 0 0; overflow: hidden; }
#leaveFormLayer > .inner > .content > ul.survey > li.password > dl { line-height: 38px; padding: 0 15px; float: left; }
#leaveFormLayer > .inner > .content > ul.survey > li.password > dl input { width: 200px; }
#leaveFormLayer > .inner > .content > ul.survey > li.password > dl > dt { padding: 0 10px 0 0; font-weight: 600; float: left; }
#leaveFormLayer > .inner > .content > ul.survey > li.password > dl > dd { float: left; }