@charset "utf-8";

/* @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); */

/* 폰트 불러오기 */
/* nanum-gothic-regular - korean_latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../ren_fonts/nanum-gothic-v11-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../ren_fonts/nanum-gothic-v11-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-700 - korean_latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../ren_fonts/nanum-gothic-v11-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('../ren_fonts/nanum-gothic-v11-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-800 - korean_latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../ren_fonts/nanum-gothic-v11-korean_latin-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('../ren_fonts/nanum-gothic-v11-korean_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../ren_fonts/nanum-gothic-v11-korean_latin-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(../ren_fonts/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(../ren_fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(../ren_fonts/NanumSquareR.woff2) format('woff2'),
       url(../ren_fonts/NanumSquareR.woff) format('woff'),
       url(../ren_fonts/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(./NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(../ren_fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(../ren_fonts/NanumSquareB.woff2) format('woff2'),
       url(../ren_fonts/NanumSquareB.woff) format('woff'),
       url(../ren_fonts/NanumSquareB.ttf) format('truetype');
}

/* 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, span, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {margin:0;padding:0;border:0;}

ol, ul, li, dl, dt, dd {list-style:none;margin:0;padding:0;}
a, a:link, a:visited, a:active { text-decoration: none; }
table {border-spacing:0;border-collapse: separate;}
img { max-width: 100%; -ms-interpolation-mode: bicubic; vertical-align: top; }
input[type="checkbox"] {margin-top:-3px;}
select { color:#555; font-family: 'Malgun Gothic', Arial; vertical-align:middle; padding: 5px; }
input { color:#555; font-size: 13px; font-family: 'Malgun Gothic', Arial; vertical-align:middle; }
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:1em; letter-spacing: -0.25px;}
p, li, a { letter-spacing: -0.25px; }
button { background: none; cursor: pointer; }
textarea { resize: none; }
legend, caption {visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
hr, .hidden {position:absolute;top:0;left:-5000px;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;line-height:0;}
body { font-family: 'Nanum Gothic', HelveticaNeue-Light, AppleSDGothicNeo-Light, 'Malgun Gothic', Arial, sans-serif; height: 100%; }
.ellipsis { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
#body_wrap { overflow: hidden; min-width: 1180px; }
#header_wrap { height: 81px; background-color: #fff; }
#header { width: 1180px; margin: 0 auto; position: relative; overflow: hidden; }
#header h1 { float: left; margin-top: 15px; }
#gnb { height: 81px; float: right; overflow: hidden; }
#gnb li { float: left; margin-left: 85px; }
#gnb li a { display: block; text-align: right; font-size: 16px; font-weight: 700; color: #292a2c; margin-top: 33px; }
#gnb li a:hover { color: #119c3b; }
#gnb li a.selected { color: #119c3b; }
.gnb_sub_wrap { display: none; background-color: #fff; position: absolute; top: 80px; left: 0; width: 100%; border-top: 1px solid #ccc; z-index: 333; }
.gnb_sub { width: 1180px; margin: 0 auto; position: relative; overflow: hidden; text-align: right; padding: 15px 0 21px 0; }
.gnb_sub > li { display: inline-block; vertical-align: top; }
.gnb_sub_ea { text-align: left; }
.gnb_sub_ea li { padding: 7px 0; }
.gnb_sub_ea li a { font-size: 15px; color: #4b4c4f; }
.gnb_sub_ea li a:hover { color: #119c3b; }
.gnb_sub_01 { width: 206px; }
.gnb_sub_02 { width: 140px; }
.gnb_sub_03 { width: 140px; }
.gnb_sub_04 { width: 177px; }
.gnb_sub_05 { width: 80px; }

.main_slide_wrap { height: 641px; position: relative; }
.main_slide_wrap .bx-pager { position: absolute; bottom: 41px; left: 0; width: 100%; z-index: 111; text-align: center; }
.main_slide_wrap .bx-pager .bx-pager-item { display: inline-block; }
.main_slide_wrap .bx-pager .bx-pager-item a { display: inline-block; width: 59px; height: 2px; background-color: #fff; opacity: 0.35; text-indent: -9999px; transition: 0.3s; margin: 0 4px; }
.main_slide_wrap .bx-pager .bx-pager-item a.active { opacity: 1; }
.main_slide_01 { height: 641px; background: url(../ren_images/main_slide_01.jpg) center no-repeat; background-size: cover; }
.main_slide_02 { height: 641px; background: url(../ren_images/main_slide_02.jpg) center no-repeat; background-size: cover; }

#main_slide p { position: absolute; top: 155px; left: 50%; margin-left: -590px; z-index: 111; }

.main_conts { width: 1180px; margin: 0 auto; overflow: hidden; padding: 30px 0 45px 0;  }
.main_conts .mn_article { width: 360px; float: left; margin-left: 50px; }
.main_conts .mn_article:first-child { margin-left: 0; }
.mn_article .mn_tit { border-bottom: 1px solid #22b850; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
.mn_article .mn_tit h3 { font-size: 16px; font-weight: 700; color: #1c4089; }
.mn_article .mn_tit > a { position: absolute; bottom: 15px; right: 0; font-size: 12px; font-weight: 700; color: #818283; }
.mn_article .mn_tit > a:hover { color: #119c3b; }
.mn_brd li { position: relative; height: 32px; line-height: 32px; }
.mn_brd li span { position: absolute; top: 0; left: 0; width: 80px; font-size: 13px; color: #616366; }
.mn_brd li a { display: block; font-size: 14px; font-weight: 700; color: #353638; padding-left: 80px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.mn_brd li a:hover { color: #119c3b; }
.mn_int { overflow: hidden; padding-top: 3px; }
.mn_int li { width: 119px; float: left; border-left: 1px solid #ddd; text-align: center; }
.mn_int li:first-child { width: 120px; border-left: none; }
.mn_int li .mn_int_img { height: 65px; line-height: 65px; }
.mn_int_img img { vertical-align: middle; }
.mn_int li p { font-size: 14px; font-weight: 700; color: #353638; padding-top: 10px; }
.mn_int li:hover p { color: #119c3b; }
.mn_time li { position: relative; height: 32px; line-height: 32px; border-bottom: 1px solid #e3e3e3; }
.mn_time li span { position: absolute; top: 0; left: 0; width: 100px; font-size: 13px; color: #616366; padding-left: 10px; background: url(../ren_images/middot_01.png) 0 center no-repeat; }
.mn_time li p { display: block; font-size: 14px; font-weight: 700; color: #353638; padding-left: 110px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
#footer_wrap { background-color: #f5f6f8; border-top: 1px solid #dfdfdf; height: 124px; }
#footer { width: 1180px; margin: 0 auto; padding-top: 23px; }
.footer_menu { overflow: hidden; margin-bottom: 17px; }
.footer_menu li { float: left; padding: 0 18px; background: url(../ren_images/sep_pole_01.png) 0 center no-repeat; font-size: 13px; color: #616366; }
.footer_menu li:first-child { padding-left: 0; background: none; }
.footer_menu li a { color: #616366; }
.footer_menu li a:hover { color: #119c3b; }
.footer_menu li a img { margin-right: 6px; }
.footer_menu #email_policy { cursor: pointer; }
.footer_menu #email_policy:hover { color: #119c3b; }
.footer_menu #btn_terms { cursor: pointer; }
.footer_menu #btn_terms:hover { color: #119c3b; }
#footer p { font-size: 13px; line-height: 24px; color: #616366; }
#footer p span { display: inline-block; padding-right: 10px; margin-right: 10px; background: url(../ren_images/sep_pole_01.png) right center no-repeat; }
#layer_01 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 7777; } 
.email_policy_box { display: none; position: absolute; top: 50%; left: 50%; margin-top: -102px; margin-left: -240px; width: 480px; height: 204px; border: 1px solid #119c3b; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); background-color: #fff; }
.email_policy_tit { height: 43px; line-height: 43px; background-color: #119c3b; position: relative; }
.email_policy_tit h4 { font-size: 18px; color: #fff; padding-left: 20px; }
.email_policy_tit button { position: absolute; top: 14px; right: 19px; }
.email_policy_conts { padding: 20px; }
.email_policy_conts p { font-size: 15px; line-height: 30px; color: #353638; }

.terms_box { display: none; position: absolute; top: 50px; left: 50%; margin-left: -410px; width: 820px; height: 800px; border: 1px solid #119c3b; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); background-color: #fff; }
.terms_tit { height: 43px; line-height: 43px; background-color: #119c3b; position: relative; }
.terms_tit h4 { font-size: 18px; color: #fff; padding-left: 20px; }
.terms_tit button { position: absolute; top: 14px; right: 19px; }
.terms_conts { padding: 25px 20px; height: 700px; overflow-y: auto; }
.clause { padding-bottom: 40px; }
.clause h6 { font-size: 15px; font-weight: 700; color: #353638; padding-bottom: 5px; }
.clause p { font-size: 15px; line-height: 24px; color: #353638; }
.clause ol { padding-left: 17px; padding-top: 10px; }
.clause ol li { font-size: 15px; line-height: 20px; color: #353638; padding-bottom: 7px; }
.clause .clr_green { color: #119c3b; }

.sub_banner { height: 201px;  text-align: center; }
.sub_banner h2 { font-family: 'Nanum Square'; display: inline-block; padding-top: 40px; font-size: 18px; font-weight: normal; color: #fff; border-bottom: 1px solid #fff; line-height: 35px; margin-bottom: 13px; }
.sub_banner h3 { font-family: 'Nanum Square'; font-weight: normal; font-size: 45px; color: #fff; }
.sub_banner_01 { background: url(../ren_images/sub_banner_01.jpg) center no-repeat; background-size: cover; }
.sub_banner_02 { background: url(../ren_images/sub_banner_02.jpg) center no-repeat; background-size: cover; }
.sub_banner_03 { background: url(../ren_images/sub_banner_03.jpg) center no-repeat; background-size: cover; }
.sub_banner_04 { background: url(../ren_images/sub_banner_04.jpg) center no-repeat; background-size: cover; }
.sub_banner_05 { background: url(../ren_images/sub_banner_05.jpg) center no-repeat; background-size: cover; }
.location_wrap { height: 45px; background-color: #f8f9fa; border-bottom: 1px solid #e1e1e1; }
.location { width: 1180px; margin: 0 auto; }
.location > li { float: left; height: 45px; line-height: 45px; padding: 0 20px; border-right: 1px solid #e1e1e1; font-size: 14px; color: #515357; }
.location > li:first-child { border-left: 1px solid #e1e1e1; }
.location > li:first-child img { margin-top: 16px; }
.location #last_loc { padding-right: 55px; background: url(../ren_images/icon_arrD_01.png) right 20px center no-repeat; position: relative; cursor: pointer; width: 140px; }
.location #last_loc.open { background-image: url(../ren_images/icon_arrU_01.png); }
.sel_loc { display: none; position: absolute; top: 45px; left: -1px; background-color: #f9f9f9; border: 1px solid #e1e1e1; border-bottom: none; width: 100%; z-index: 555; }
.sel_loc li { border-bottom: 1px solid #e1e1e1; height: 45px; line-height: 45px; }
.sel_loc li a { display: block; font-size: 14px; color: #515357; padding-left: 20px; }
.sel_loc li a:hover { background-color: #efefef; }

.sub_conts { width: 1180px; margin: 0 auto; padding: 70px 0 80px 0; min-height: 400px; }
.intro { overflow: hidden; }
.intro_img { float: left; width: 590px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.intro_txt { float: right; width: 550px; }
.intro_txt h3 { font-size: 38px; line-height: 52px; color: #515357; margin-bottom: 40px; letter-spacing: -0.5px; }
.intro_txt .green { font-size: 18px; font-weight: 700; color: #119c3b; margin-bottom: 15px; }
.intro_txt p { font-size: 16px; color: #515357; line-height: 24px; margin-bottom: 45px; letter-spacing: -0.5px; }

.table_01 { width: 100%; text-align: center; border-top: 1px solid #119c3b; }
.table_01 th { font-size: 15px; color: #515357; line-height: 20px; padding: 10px 0; border-bottom: 1px solid #e3e3e3; background-color: #f5f7f8; border-left: 1px solid #e3e3e3; }
.table_01 th:first-child { border-left: none; }
.table_01 td { font-size: 15px; color: #515357; line-height: 20px; padding: 10px 0; border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; line-height: 22px;  letter-spacing: -0.5px; }
.table_01 td:first-child { border-left: none; }
.table_01 .ta_left { text-align: left; padding-left: 20px; }
.table_01 td.brd_l { border-left: 1px solid #e3e3e3; }
.table_01 span.green1 { font-weight: 700; color: #119c3b; }
.table_01 span.gray1 { font-weight: 700; color: #515357; }
.table_01 span.blue1 { font-weight: 700; color: #0f6f94; }
.table_01 span.brown1 { font-weight: 700; color: #9d6012; }
.table_01 .bg_green { background-color: #f3fbee; }
.table_01 .bg_blue { background-color: #eef9fb; }
.table_01 .bg_brown { background-color: #fdf4e3; }
.table_01 td a { color: #515357; }
.table_01 td a:hover { color: #119c3b; }

.menu_tab { overflow: hidden; padding-left: 1px; margin-bottom: 40px; }
.menu_tab li { float: left; }
.menu_tab li a { display: block; border: 1px solid #cdd4ce; height: 43px; line-height: 43px; text-align: center; font-size: 16px; color: #787a7f; margin-left: -1px; }
.menu_tab li a.selected { background-color: #119c3b; border-color: #119c3b; color: #fff; z-index: 111; position: relative; }
.menu_tab2 li { width: 50%; }
.menu_tab3 li { width: 33.33%; }
.menu_tab4 li { width: 25%; }
.menu_tab5 li { width: 20%; }
.menu_tab6 li { width: 16.66%; }

.guide_article { width: 960px; margin: 0 auto; margin-bottom: 40px; }
.guide_article .noti { font-size: 14px; color: #515357; margin-top: 10px; padding-left: 10px; background: url(../ren_images/middot_01.png) 0 center no-repeat; }
.guide_article .noti a { color: #119c3b; font-weight: 700; }
.guide_article .noti a:hover { text-decoration: underline; }
.guide_article .noti a img { margin-left: 7px; }
.guide_article_tit { position: relative; padding-bottom: 13px; }
.guide_article_tit h4 { font-size: 18px; font-weight: 700; color: #119c3b; }
.guide_article_tit .remarks { position: absolute; bottom: 13px; right: 0; font-size: 13px; color: #119c3b; }

.facility_show { width: 1180px; height: 500px; position: relative; }
.slide_wrap { position: absolute; bottom: 30px; text-align: center; width: 100%; white-space: nowrap; text-align: center; }
.slide_wrap #slide { display: inline-block !important; overflow: hidden; white-space: nowrap; }
#slide li { float: left; width: 120px; text-align: center; }
.slide_wrap .bx-prev { position: absolute; top: 16px; left: -50px; width: 38px; height: 38px; text-indent: -9999px; background: url(../ren_images/btn_prev.png) center no-repeat; z-index: 111; }
.slide_wrap .bx-next { position: absolute; top: 16px; left: 615px; width: 38px; height: 38px; text-indent: -9999px; background: url(../ren_images/btn_next.png) center no-repeat; z-index: 111; }
.slide_wrap .bx-prev:hover { background-image: url(../ren_images/btn_prev_on.png); }
.slide_wrap .bx-next:hover { background-image: url(../ren_images/btn_next_on.png); }
.slide_wrap .bx-prev.disabled { background-image: url(../ren_images/btn_prev.png); }
.slide_wrap .bx-next.disabled { background-image: url(../ren_images/btn_next.png); }

.fig_thumb { width: 110px; height: 71px; position: relative; }
.fig_thumb > img { width: 110px; height: 71px; }
.fig_thumb::after { content: ""; position: absolute; top: 0; left: 0; width: 108px; height: 69px; border: 1px solid #66696b; z-index: 111; background-color: rgba(0, 0, 0, 0.5); }
#slide li:hover .fig_thumb::after { width: 106px; height: 67px; border: 2px solid #fff; background-color: transparent; }
#slide li.selected .fig_thumb::after { width: 106px; height: 67px; border: 2px solid #fff; background-color: transparent; }




.facility_info { padding-top: 35px; }
.facility_info h4 { display: inline-block; font-size: 38px; color: #119c3b; padding-right: 130px; background: url(../ren_images/bg_misc_01.png) right center no-repeat; vertical-align: top; }
.facility_info ul { display: inline-block; padding-left: 36px; }
.facility_info ul li { font-size: 15px; color: #515357; line-height: 30px; padding-left: 10px; background: url(../ren_images/middot_01.png) 0 13px no-repeat; }
.facility_info ul li .misc { display: inline-block; padding: 3px 8px; border: 1px solid #515357; margin-top: 7px; color: #515357; }
.facility_info ul li .misc:hover { color: #119c3b; border-color: #119c3b; }
.academy_int { overflow: hidden; }
.academy_int_img { float: left; width: 590px; text-align: right; }
.academy_int_txt { float: right; width: 538px; }
.academy_int_txt h4 { font-size: 24px; line-height: 40px; color: #515357; margin-bottom: 43px; }
.academy_int_txt .green { font-size: 18px; font-weight: 700; color: #119c3b; margin-bottom: 15px; } 
.academy_int_txt ul { width: 500px; }
.academy_int_txt ul li { font-size: 15px; line-height: 22px; color: #515357; border-bottom: 1px solid #e3e3e3; padding: 4px 0 4px 10px; background: url(../ren_images/middot_01.png) 0 14px no-repeat; }

.instructor { padding-top: 35px; }
.instructor h4 { font-size: 18px; font-weight: 700; color: #119c3b; padding-bottom: 40px; }
.instructor_list { overflow: hidden; }
.instructor_list > li { float: left; width: 50%; height: 220px; }
.inst_ea { overflow: hidden; }
.inst_ea .portrait { float: left; width: 172px; margin-right: 30px; }
.inst_ea .profile { float: left; width: 346px; }
.inst_ea .profile h5 { font-size: 18px; color: #515357; padding-bottom: 13px; border-bottom: 1px solid #119c3b; }
.inst_ea .profile h5 span { font-size: 13px; margin-left: 10px; }
.inst_ea .profile ul { padding-top: 13px; }
.inst_ea .profile ul li { font-size: 14px; line-height: 26px; color: #515357; padding-left: 10px; background: url(../ren_images/middot_01.png) 0 center no-repeat; }
.greeting h4 { font-size: 24px; line-height: 38px; color: #119c3b; position: relative; margin-bottom: 50px; letter-spacing: -0.5px; }
.greeting h4::after { content: ""; position: absolute; bottom: 10px; left: 385px; width: 162px; height: 1px; background-color: #119c3b; z-index: 111; }
.greeting_conts { overflow: hidden; padding-bottom: 20px; }
.greeting_conts p { font-size: 15px; line-height: 30px; color: #515357; letter-spacing: -0.5px; }
.greeting_conts .col_01 { float: left; width: 450px; padding-right: 40px; }
.greeting_conts .col_01 span { color: #119c3b; }
.greeting_conts .col_02 { float: left; width: 360px; }
.greeting_conts .greeting_img { float: right; width: 294px; margin-right: 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.contact { overflow: hidden; }
.contact .map_canvas { float: left; width: 770px; }
.contact .map_canvas #map { width: 770px; height: 410px; position: relative; margin-bottom: 20px; }
.contact .map_canvas p { font-size: 15px; color: #515357; margin-top: 13px; padding-left: 10px; background: url(../ren_images/middot_02.png) 0 center no-repeat; }
.contact .address_info { float: right; width: 380px; }
.contact .address_info li { border-top: 1px solid #e3e3e3; padding: 12px 0; }
.contact .address_info li:first-child { border-top: none; }
.contact .address_info p { font-size: 15px; line-height: 22px; color: #515357; padding-left: 7px; }
.contact .address_info .item { padding-left: 20px; background: url(../ren_images/icon_marker.png) 0 center no-repeat; margin-bottom: 7px; }
.course_info { overflow: hidden; padding-bottom: 70px; }
.course_info .course_img { float: left; width: 590px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); }
.course_info .course_brief { float: right; width: 520px; }
.course_brief li { padding-bottom: 30px; position: relative; }
.course_brief li span { position: absolute; top: 0; left: 0; width: 64px; height: 64px; font-size: 24px; color: #119c3b; line-height: 64px; text-align: center; border: 1px solid #119c3b; border-radius: 50%; }
.course_brief li p { padding-left: 95px; font-size: 15px; line-height: 24px; color: #515357; }
.course_brief li p strong { font-weight: 700; color: #36393f; }
.course_show_wrap { position: relative; }
.course_show_wrap .course_tit { height: 464px; background-color: #e8f5ec; }
.course_show_wrap h4 { font-size: 38px; color: #515357; text-align: center; padding-top: 50px; }
#course_show { width: 1180px; margin: -340px auto 0 auto;  }
.select_hole { width: 1180px; margin: 0 auto; padding: 45px 0 100px 0; }
#sel_hole { height: 40px; width: 918px; margin: 0 auto; padding-left: 50px; }
#sel_hole li { float: left; width: 102px; border-bottom: 1px solid #ebebeb; position: relative; }
#sel_hole li:last-child { border-bottom: none; }
#sel_hole li p { font-size: 18px; color: #515357; padding-bottom: 30px; margin-left: -7px; }
#sel_hole li .misc { position: absolute; bottom: -6px; left: 0; width: 12px; height: 12px; background-color: #9ea29f; border-radius: 50%; }
#sel_hole li .misc::after { display: none; content: ""; position: absolute; top: -4px; left: -4px; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #119c3b; }
#sel_hole li a { display: inline-block; }
#sel_hole li a:hover p { color: #119c3b; } 
#sel_hole li a:hover .misc { background-color: #119c3b; }
#sel_hole li a.selected p { color: #119c3b; } 
#sel_hole li a.selected .misc { background-color: #119c3b; }  
#sel_hole li a.selected .misc::after { display: block; }

p.underconstruction { font-size: 20px; color: #333; padding: 70px 0;}
.songjr_tit { text-align: center; padding-bottom: 60px; }
.songjr_tit h4 { display: inline-block; font-size: 28px; font-weight: 700; color: #119c3b; padding-bottom: 5px; border-bottom: 1px solid #119c3b; }
.songjr_tit p { font-size: 15px; font-weight: 700; color: #787a7f; padding-top: 10px; }

.songjr_guideline { overflow: hidden; padding-bottom: 100px; }
.songjr_guideline li { float: left; width: 194px; height: 276px; border-left: 1px dotted #c7cbd0; text-align: center; padding: 0 50px; }
.songjr_guideline li p { display: inline-block; width: 126px; font-size: 18px; line-height: 36px; }
.songjr_guideline li img { margin-bottom: 10px; }
.songjr_guideline .guideline_01 p { border-bottom: 1px solid #119c3b; }
.songjr_guideline .guideline_02 p { border-bottom: 1px solid #098687; }
.songjr_guideline .guideline_03 p { border-bottom: 1px solid #1c4089; }
.songjr_guideline li:first-child { border-left: none; }
.songjr_guideline .guideline_04 { width: 254px; padding: 0 0 0 27px; }
.guideline_04 dl { text-align: left; padding-bottom: 40px; }
.guideline_04 dl dt { font-size: 18px; color: #119c3b; padding-bottom: 8px; }
.guideline_04 dl dd { font-size: 15px; color: #515357; }
.curri_level .level_img { margin-bottom: 48px; }
.curri_level > ul { border-top: 1px solid #e4e4e4; }
.curri_level > ul > li { border-bottom: 1px solid #e4e4e4; }
.edu_level { overflow: hidden; margin: 25px 0; letter-spacing: -1px; }
.edu_level h5 { font-size: 19px; font-weight: 700; float: left; padding: 0 60px 0 80px; position: relative; line-height: 25px; }
.edu_level h5 span { position: absolute; top: 0; left: 16px; }
.edu_level h5::after { content: ""; position: absolute; top: 10px; right: 0; width: 60px; height: 1px; }
.edu_level p { float: left; width: 350px; padding-left: 32px; font-size: 15px; line-height: 24px; color: #515357; }
.edu_point { float: left; }
.edu_point li { font-size: 15px; line-height: 24px; color: #515357; padding-left: 10px; background: url(../ren_images/middot_01.png) 0 10px no-repeat; }
.level_01 h5 { color: #119c3b; }
.level_01 h5::after { background-color: #119c3b; }
.level_02 h5 { color: #1f9081; }
.level_02 h5::after { background-color: #1f9081; }
.level_03 h5 { color: #0f6f94; }
.level_03 h5::after { background-color: #0f6f94; }
.level_04 h5 { color: #083b91; }
.level_04 h5::after { background-color: #083b91; }
.level_05 h5 { color: #271b9b; }
.level_05 h5::after { background-color: #271b9b; }
.level_06 h5 { color: #081f61; }
.level_06 h5::after { background-color: #081f61; }
.curri_01 .edu_level h5 { width: 300px; }
.curri_02 .edu_level h5 { width: 245px; }
.songjr .noti { font-size: 14px; color: #515357; margin-top: 10px; padding-left: 10px; background: url(../ren_images/middot_01.png) 0 center no-repeat; }
.activites { padding-top: 42px; overflow: hidden; }
.activites > li { width: 360px; float: left; margin-left: 50px; }
.activites > li:first-child { margin-left: 0; }
.activites_tit { background: url(../ren_images/bg_misc_02.png) right 18px no-repeat; padding-bottom: 30px; }
.activites_tit h5 { display: inline-block; padding-right: 30px; font-size: 32px; color: #119c3b; background-color: #fff; }
.activities_e li { font-size: 15px; color: #515357; line-height: 24px; padding-left: 10px; background: url(../ren_images/middot_01.png) 0 10px no-repeat; margin-bottom: 5px; }
.terms ol li { list-style-type: decimal;}

.notice { width: 960px; margin: 0 auto; }
.search_box { background-color: #f5f7f8; padding: 12px 0; margin: 30px 0; text-align: center; }
.search_box select { width: 137px; height: 36px; border: 1px solid #e3e3e3; padding-left: 15px;}
.search_box .input_wrap { display: inline-block; position: relative; }
.search_box .input_wrap button { position: absolute; top: 1px; right: 1px; width: 34px; height: 34px; }
.search_box input { width: 186px; height: 32px; border: 1px solid #e3e3e3; padding-left: 15px;}
.pagination { text-align: center; margin: 30px 0; }
.pagination > a { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #a5a8af; letter-spacing: -0.5px; border-radius: 50%; vertical-align: top; } 
.pagination > a:hover { background-color: #e3ffec; }
.pagination a img { vertical-align: middle; }
.pagination ul { display: inline-block; vertical-align: top; margin: 0 10px; }
.pagination ul li { display: inline-block; vertical-align: top;}
.pagination ul li a { display: inline-block; font-size: 14px; color: #a5a8af; letter-spacing: -0.5px; line-height: 30px; padding: 0 5px; margin: 0 5px; }  
.pagination ul li a:hover { color: #119c3b; }
.pagination ul li a.selected { font-weight: 700; color: #119c3b; border-bottom: 1px solid #119c3b; }
.view_header { min-height: 24px; background-color: #f5f7f8; padding: 18px 38px; position: relative; border-top: 1px solid #119c3b; border-bottom: 1px solid #e3e3e3; }
.view_header h4 { font-size: 17px; line-height: 24px; color: #515357; letter-spacing: -0.5px; }
.view_header .view_info { position: absolute; top: 20px; right: 38px; }
.view_info span { display: inline-block; font-size: 15px; line-height: 18px; color: #515357; }
.view_info .view_num { margin-left: 35px; padding-left: 35px; background: url(../ren_images/sep_pole_02.png) 0 center no-repeat; }
.view { padding: 38px; }
.view p { font-size: 15px; color: #71757b; line-height: 25px; letter-spacing: -0.5px; }
.view_paging { border-top: 1px solid #e3e3e3; }
.view_paging li { border-bottom: 1px solid #e3e3e3; overflow: hidden; padding: 9px 40px; }
.view_paging li span { display: inline-block; font-size: 15px; color: #515357; line-height: 22px; padding-right: 40px; background: url(../ren_images/sep_pole_02.png) right center no-repeat; margin-right: 40px; }
.view_paging li span img { margin-top: 7px; margin-right: 30px; }
.view_paging li a { font-size: 15px; color: #515357; line-height: 22px; }
.view_paging li a:hover { color: #119c3b; }
.btn_box_r { text-align: right; padding: 30px 0; }
.btn_box_r .go_list { display: inline-block; width: 98px; height: 34px; text-align: center; line-height: 34px; font-size: 13px; color: #515357; border: 1px solid #515357; }
.btn_box_r .go_list:hover { color: #119c3b; border-color: #119c3b; }