/**
* File Name : index_layout.css
* Description : 메인스타일시트
* Author : Wed Project Team / Design
* Update : 2020.09.06
**/

@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");

/* Layout Selector */
html,
body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-family: "Noto Sans KR", " sans-serif", "Nanum Gothic", "NanumBarunGothic", "NanumSquare",
    "Malgun Gothic", "dotum", "NanumSquareRound", "Lato", "Helvetica";
}
#wrap {
    position: relative;
    width: 100%;
    margin: 0;
}

/* Link */
a {
    font-family: "Noto Sans KR", "sans-serif", "Nanum Gothic", "NanumBarunGothic", "Malgun Gothic",
    "dotum", "NanumSquareRound", "Lato", "Helvetica";
    text-decoration: none;
    outline: none;
}
a:link a:visited {
    color: #000;
    text-decoration: none;
}
a:hover,
a:active {
    color: #000;
    text-decoration: none;
}

/* 헤더 */
#topline {
    width: 100%;
    height: 48px;
    background: #2d2d2d;
    position: relative;
}
.topList {
    width: 1200px;
    height: 50px;
    margin: 0 auto;
    list-style: none;
}
.topList .topline_left {
    float: left;
    width: 50%;
}
.topList .favor {
    float: left;
    width: 140px;
    height: 48px;
    text-align: left;
    line-height: 48px;
    font-size: 12px;
    color: #cbcbcb;
}
.topList .favor a {
    color: #cbcbcb;
    text-decoration: none;
}
.topList .favor a:hover {
    color: #cbcbcb;
    text-decoration: none;
}
.topList .call_num {
    float: left;
    height: 48px;
    text-align: left;
    line-height: 44px;
}

.topList .topline_right {
    float: right;
    width: 50%;
}
.topList .mbmenu {
    float: right;
    width: 100%;
    list-style: none;
    text-align: right;
}
.topList .mbmenu li {
    float: none;
    display: inline;
    margin-left: 15px;
    line-height: 48px;
    font-size: 12px;
    color: #cbcbcb;
    font-weight: 500;
}
.topList .mbmenu li a {
    color: #cbcbcb;
    text-decoration: none;
}
.topList .mbmenu li a:hover {
    text-decoration: none;
}

#navigation {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    top: 48px;
    position: relative;
    z-index: 100;
    transition: 0.5s ease-in-out;
}
.topNavbox {
    width: 1200px;
    height: 120px;
    margin: 0 auto;
}
#navigation.fixed {
    position: fixed;
    top: 0px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: gold;
}
a {
    text-decoration: none;
    color: black;
}

#main_navi_wrap {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    top: 48px;
    position: absolute;
    z-index: 100;
    background: #fff;
    transition: 0.4s ease-in-out;
}
#main_navi_wrap:hover {
    background: #e6e6e6;
}
#main_navi_wrap.fixed {
    position: fixed;
    top: 0px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: #fff;
}
.nav-wrap {
    width: 1200px;
    margin: 0 auto;
    z-index: 1;
    color: #333;
}
.nav-wrap .nav-logo {
    float: left;
    margin-right: 80px;
    line-height: 120px;
    text-align: left;
    display: inline-block;
}
.nav-wrap .main-nav {
    display: block;
    height: 120px;
}

.nav-wrap .main-nav li {
    float: left;
    text-align: right;
    height: 120px;
    margin-left: 56px;
    list-style: none;
    list-style-type: none;
    display: inline;
}
.nav-wrap .main-nav li a {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #333;
    line-height: 120px;
    font-weight: 400;
    text-decoration: none;
}
.nav-wrap .main-nav li a:hover {
    font-weight: 500;
    color: #2a2a2a;
}

.nav-down-content {
    width: 100%;
    height: auto;
}
.sub-nav {
    width: 100%;
    height: auto;
}
.sub-nav > li {
    float: left;
    display: block;
    background: #fff;
    width: 100%;
    text-decoration: none;
    z-index: 10;
}

.nav-item-content {
    padding: 30px 0 0 0;
    color: black;
    width: 1200px;
    margin: 0 auto;
}
.nav-item-content a {
    color: black;
}

.nav-chunk {
    display: block;
    width: 180px;
    text-align: left;
    margin-bottom: 30px;
    float: left;
}
.nav-chunk_title {
    float: left;
    display: block;
    width: 220px;
    text-align: left;
    margin-bottom: 30px;
    float: left;
}
.nav-chunk_title subnavi_nm {
    float: left;
    font-size: 24px;
    font-weight: 500;
    text-align: left;
}
.nav-chunk_img {
    display: block;
    width: 240px;
    text-align: left;
    margin-bottom: 30px;
    float: left;
}
.nav-chunk ul li {
    font-size: 15px;
    display: block;
    line-height: 30px;
    text-decoration: none;
}
.nav-chunk ul li a {
    font-size: 15px;
    display: block;
    text-decoration: none;
}
.sub-nav {
    position: relative;
}
.sub-nav > li {
    position: absolute;
    top: 0px;
    text-decoration: none;
    display: none;
}

#stop_img {
    width: 100%;
    height: 240px; /*background:#ffd700;*/
    background: url(../images/sub-all/stop_img_bg.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    top: 168px;
    clear: both;
}
.simg_article {
    width: 1200px;
    margin: 0 auto;
}
.simgtop_title {
    font-size: 30px;
    font-weight: 600;
    color: #333;
    padding-top: 45px;
    text-align: center;
}
.simgtop_sdesc {
    font-size: 16px;
    font-weight: 400;
    color: #403c25;
    padding-top: 10px;
    text-align: center;
    line-height: 20px;
    height: 70px;
}
.simgtop_depth_cate {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    text-align: center;
    line-height: 20px;
}

/*spage_depth_menu 7tab*/
#spage_depth_menu7 {
    width: 100%;
    height: auto;
    top: 380px;
    position: absolute;
    z-index: 1;
}
.depth_tabs7 {
    width: 1200px;
    margin: 0 auto;
    list-style: none;
}
.depth_tabs7 li {
    float: left;
    font-size: 17px;
    color: #6b5810;
    height: 60px;
    line-height: 60px;
    width: 14.18571%;
    background: #fee34c;
    text-align: center;
}
.depth_tabs7 li a {
    color: #6b5810;
    text-decoration: none;
}
.depth_tabs7 li a:hover {
    color: #333;
    text-decoration: none;
}
.depth_tabs7 .active_tabs {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #ff4e00;
}

/*spage_depth_menu 6tab*/
#spage_depth_menu6 {
    width: 100%;
    height: auto;
    top: 380px;
    position: absolute;
    z-index: 1;
}
.depth_tabs6 {
    width: 1200px;
    margin: 0 auto;
    list-style: none;
}
.depth_tabs6 li {
    float: left;
    font-size: 17px;
    color: #6b5810;
    height: 60px;
    line-height: 60px;
    width: 16.666666%;
    background: #fee34c;
    text-align: center;
}
.depth_tabs6 li a {
    color: #6b5810;
    text-decoration: none;
}
.depth_tabs6 li a:hover {
    color: #333;
    text-decoration: none;
}
.depth_tabs6 .active_tabs {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #ff4e00;
}

/*spage_depth_menu 5tab*/
#spage_depth_menu5 {
    width: 100%;
    height: auto;
    top: 380px;
    position: absolute;
    z-index: 1;
}
.depth_tabs5 {
    width: 1200px;
    margin: 0 auto;
    list-style: none;
}
.depth_tabs5 li {
    float: left;
    font-size: 17px;
    color: #6b5810;
    height: 60px;
    line-height: 60px;
    width: 20%;
    background: #fee34c;
    text-align: center;
}
.depth_tabs5 li a {
    color: #6b5810;
    text-decoration: none;
}
.depth_tabs5 li a:hover {
    color: #333;
    text-decoration: none;
}
.depth_tabs5 .active_tabs {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #ff4e00;
}

/*spage_depth_menu 4tab*/
#spage_depth_menu4 {
    width: 100%;
    height: auto;
    top: 380px;
    position: absolute;
    z-index: 1;
}
.depth_tabs4 {
    width: 1200px;
    margin: 0 auto;
    list-style: none;
}
.depth_tabs4 li {
    float: left;
    font-size: 17px;
    color: #6b5810;
    height: 60px;
    line-height: 60px;
    width: 25%;
    background: #fee34c;
    text-align: center;
}
.depth_tabs4 li a {
    color: #6b5810;
    text-decoration: none;
}
.depth_tabs4 li a:hover {
    color: #333;
    text-decoration: none;
}
.depth_tabs4 .active_tabs {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #ff4e00;
}

/*spage_depth_menu 3tab*/
#spage_depth_menu3 {
    width: 100%;
    height: auto;
    top: 380px;
    position: absolute;
    z-index: 2;
}
.depth_tabs3 {
    width: 1200px;
    margin: 0 auto;
    list-style: none;
}
.depth_tabs3 li {
    float: left;
    font-size: 17px;
    color: #6b5810;
    height: 60px;
    line-height: 60px;
    width: 33.33333%;
    background: #fee34c;
    text-align: center;
}
.depth_tabs3 li a {
    color: #6b5810;
    text-decoration: none;
}
.depth_tabs3 li a:hover {
    color: #333;
    text-decoration: none;
}
.depth_tabs3 .active_tabs {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #ff4e00;
}

/*spage_depth_menu 2tab*/
#spage_depth_menu2 {
    width: 100%;
    height: auto;
    top: 380px;
    position: absolute;
    z-index: 1;
}
.depth_tabs2 {
    width: 1200px;
    margin: 0 auto;
    list-style: none;
}
.depth_tabs2 li {
    float: left;
    font-size: 17px;
    color: #6b5810;
    height: 60px;
    line-height: 60px;
    width: 50%;
    background: #fee34c;
    text-align: center;
}
.depth_tabs2 li a {
    color: #6b5810;
    text-decoration: none;
}
.depth_tabs2 li a:hover {
    color: #333;
    text-decoration: none;
}
.depth_tabs2 .active_tabs {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #ff4e00;
}

.depth_tabs1 {
    width: 1200px;
    margin: 0 auto;
    list-style: none;
}
.depth_tabs1 li {
    float: left;
    font-size: 17px;
    color: #6b5810;
    height: 60px;
    line-height: 60px;
    width: 100%;
    background: #fee34c;
    text-align: center;
}
.depth_tabs1 .active_tabs {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #ff4e00;
}

#spage_wrap {
    width: 100%;
    margin-bottom: 80px;
    height: auto;
    margin-top: 468px;
    position: relative;
}
.cnt_tit {
    width: 1200px;
    margin: 0 auto;
    font-size: 33px;
    text-align: center;
    font-weight: 500;
    color: #000;
    line-height: 50px;
    margin-top: 468px;
    position: relative;
}
.cnt_tit_line {
    width: 72px;
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    color: #000;
    border-bottom: 2px solid #000;
    line-height: 50px;
    padding-top: 15px;
}

.section_subwrap {
    width: 100%;
}

.jm_contents_wrap {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    min-height: 300px;
    clear: both;
}

/*학습관리*/
.jm_manage {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.jm_manage_dotline {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 130px;
}
.jm_manage_explan-font01 {
    font-size: 30px;
    line-height: 40px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 60px;
}
.jm_manage_explan-font01 grey_font {
    color: #000;
    font-weight: 300;
}

.jm_manage_img {
    padding: 60px 0 60px 0;
    text-align: center;
}

.jm_manage table {
    border-collapse: collapse;
    border-top: 2px solid #4199cb;
    width: 100%;
    margin-top: 60px;
}
.jm_manage table td {
    border: 1px solid #ccc;
    text-align: center;
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
}
.jm_manage table th {
    border: 1px solid #ccc;
    text-align: center;
    background: #ddeff9;
    padding: 14px;
}

.section_tbox .rdboard {
    width: 500px;
    height: 60px;
    margin: 0 auto;
    font-size: 22px;
    color: #fff;
    line-height: 60px;
    font-weight: 400;
    text-align: center;
    border-radius: 30px;
    background: #00a2ff;
}
.section_tbox {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
}

.st_program_bg {
    width: 100%;
    background: url(../images/study_manage/manage_program_bg.jpg) no-repeat center;
    height: 674px;
    text-align: center;
    margin-top: 80px;
    clear: both;
}
.st_program_desc {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 30px;
}
.st_program_desc grey_font {
    color: #000;
    font-weight: 300;
}

.process_btnin {
    width: 1200px;
    margin: 0 auto;
    padding: 50px;
    text-align: center;
}
.process_btn {
    width: 306px;
    height: 74px;
    background: #ff4e00;
    text-align: center;
    line-height: 74px;
    font-size: 24px;
    color: #fff;
    border: 0;
    border-radius: 50px;
}

.jm_o2ocamp table {
    border-collapse: collapse;
    border-top: 2px solid #4199cb;
    width: 100%;
    margin-top: 60px;
}
.jm_o2ocamp table td {
    border: 1px solid #ccc;
    text-align: left;
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    padding: 10px;
}
.jm_o2ocamp table .tdtxt_cnt {
    text-align: center;
}
.jm_o2ocamp table th {
    border: 1px solid #ccc;
    text-align: center;
    background: #ddeff9;
    padding: 14px;
}

.camp_photo {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    height: 300px;
}
.camp_photo li {
    float: left;
    width: 380px;
    height: 230px;
    margin-right: 30px;
}
.camp_photo li:last-child {
    float: right;
    width: 380px;
    height: 230px;
    margin-right: 0;
}

/*공부습관*/
.jm_habit {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    clear: both;
    display: block;
    position: relative;
}

.habit_dotline {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 80px;
}
.habit_dotline2 {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
}
.habit_explan-font01 {
    font-size: 30px;
    line-height: 40px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 60px;
}
.habit_explan-font01 grey_font {
    color: #000;
    font-weight: 300;
}
.habit_img {
    padding: 50px 0 50px 0;
    text-align: center;
}
.habit_img2 {
    padding: 50px 0 0 0;
    text-align: center;
}
.liability_bg {
    width: 100%;
    background: url(../images/habit/liability_bg_img.jpg) no-repeat center;
    height: 400px;
}
.liability_title {
    text-align: center;
    font-size: 50px;
    color: #fff;
    line-height: 50px;
    font-weight: 500;
    padding-top: 80px;
}
.liability_desc {
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
    font-weight: 300;
    padding-top: 30px;
}
.liability_box_font {
    width: 320px;
    margin: 0 auto;
    height: 66px;
    line-height: 66px;
    font-size: 26px;
    color: #333;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ccc;
    margin-top: 50px;
    background: #fff;
}

.capability_box_font {
    width: 320px;
    margin: 0 auto;
    height: 66px;
    line-height: 66px;
    font-size: 26px;
    color: #333;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ccc;
    margin-top: 100px;
}
.habit_explan-font02 {
    font-size: 28px;
    line-height: 36px;
    color: #666;
    text-align: center;
    font-weight: 300;
    padding-top: 50px;
}

.habit_explan-font03 {
    font-size: 28px;
    line-height: 36px;
    color: #666;
    text-align: center;
    font-weight: 300;
    padding-top: 50px;
}
.habit_explan-font03 grey_font {
    color: #000;
    font-weight: 000;
}
.habit_explan-font04 {
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    font-weight: 300;
    padding-top: 50px;
}
.capability_bg {
    width: 100%;
    background: url(../images/habit/capability_bg_img.jpg) no-repeat center;
    height: 1174px;
}
.capability_bg .habit_explan-font04 {
    width: 1200px;
    margin: 0 auto;
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    padding-top: 350px;
}

.capability_bg2 {
    width: 100%;
    background: url(../images/habit/capability_bg_img2.jpg) no-repeat center;
    height: 741px;
    text-align: center;
    margin-top: 100px;
}
.capability_bg3 {
    width: 100%;
    background: url(../images/habit/capability_bg_img3.jpg) no-repeat center;
    height: 621px;
    text-align: left;
    margin-top: 100px;
}

.capability_btn_line {
    width: 975px;
    margin: 0 auto;
    padding-top: 171px;
}
.capability_btn01 {
    float: left;
    width: 475px;
    height: 120px;
    font-size: 32px;
    text-align: center;
    border: 1px solid #b6a096;
    line-height: 131px;
    font-weight: 200;
    color: #fff;
}
.capability_btn02 {
    float: right;
    width: 475px;
    height: 120px;
    font-size: 32px;
    text-align: center;
    border: 0;
    background: #ff4e00;
    line-height: 131px;
    font-weight: 200;
    color: #fff;
}
.capability_btn03 {
    float: left;
    width: 975px;
    height: 120px;
    font-size: 32px;
    text-align: center;
    border: 1px solid #b6a096;
    line-height: 131px;
    font-weight: 200;
    color: #fff;
    margin-top: 30px;
}

.jm_habit table {
    border-collapse: collapse;
    border-top: 2px solid #4199cb;
    width: 100%;
    margin-top: 60px;
}
.jm_habit table td {
    border: 1px solid #ccc;
    text-align: center;
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    padding: 10px;
}
.jm_habit table .tdtxt_bold {
    font-weight: 500;
}
.jm_habit table th {
    border: 1px solid #ccc;
    text-align: center;
    color: #fff;
    background: #4c83f7;
    padding: 16px;
}
.jm_habit_tip {
    font-size: 20px;
    line-height: 36px;
    color: #666;
    text-align: center;
    font-weight: 300;
    padding-top: 50px;
}

/*창의융합*/
.jm_fusion {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}
.jm_coding {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}
.grey_line_bg {
    width: 100%;
    background: url(../images/academy/grey_line_bg.jpg) center repeat-x;
    height: 66px;
}

.cording_bg_img {
    width: 100%;
    height: 1474px;
    background: url(../images/academy/coding_img_bg.jpg) center no-repeat;
}
.mindmap_bg_img1 {
    width: 100%;
    height: 6094px;
    background: url(../images/academy/mindmap_img_bg.jpg) center no-repeat;
}

.fusion_dotline {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 80px;
}
.fusion_dotline orange_font {
    color: #ff4903;
}
.fusion_dotline2 {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
}
.fusion_explan-font01 {
    font-size: 30px;
    line-height: 40px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 60px;
}
.fusion_explan-font01 black_font {
    color: #333;
    font-weight: 500;
}

.fusion_img {
    padding: 50px 0 50px 0;
    text-align: center;
}
.fusion_hw100 {
    height: 60px;
}

/*진로진학컨설팅*/
.jm_course {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.jm_course_img-bg {
    width: 100%;
    background: url(../images/student_consult/high_school_img2.jpg) center no-repeat;
    height: 440px;
}
.course_dotline {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 80px;
}
.course_dotline orange_font {
    color: #ff4903;
}
.course_explan-font01 {
    font-size: 30px;
    line-height: 40px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 60px;
}
.course_explan-font02 {
    font-size: 30px;
    line-height: 40px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 0px;
}
.course_explan-font03 {
    font-size: 21px;
    line-height: 30px;
    color: #333;
    text-align: center;
    font-weight: 300;
    padding-top: 0px;
}
.course_explan-font01 black_font {
    color: #333;
    font-weight: 500;
}
.jm_course_img {
    padding: 30px 0 0 0;
    text-align: center;
}

.jm_course table {
    border-collapse: collapse;
    border-top: 2px solid #4199cb;
    width: 100%;
    margin-top: 60px;
}
.jm_course table td {
    border: 1px solid #ccc;
    text-align: left;
    height: 50px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    padding: 20px;
}
.jm_course table th {
    border: 1px solid #ccc;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    padding: 20px;
    background: #4c83f7;
}
.jm_course table .tdtxt_cnt {
    text-align: center;
}

.jm_course2 {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}
.jm_course2 table {
    border-collapse: collapse;
    border-top: 2px solid #4199cb;
    width: 100%;
    margin-top: 60px;
}
.jm_course2 table td {
    border: 1px solid #ccc;
    text-align: center;
    height: 50px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    padding: 15px;
}
.jm_course2 table th {
    border: 1px solid #ccc;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    padding: 15px;
    background: #4c83f7;
}
.jm_course2 table .tdtxt_cnt {
    text-align: center;
}

.jm_course_btnin {
    width: 1200px;
    margin: 0 auto;
    padding: 50px;
    text-align: center;
}
.jm_course_btn1 {
    width: 306px;
    height: 74px;
    background: #ff4e00;
    text-align: center;
    line-height: 74px;
    font-size: 24px;
    color: #fff;
    border: 0;
    border-radius: 50px;
}
.jm_course_btn2 {
    width: 306px;
    height: 74px;
    background: #4c83f7;
    text-align: center;
    line-height: 74px;
    font-size: 24px;
    color: #fff;
    border: 0;
    border-radius: 50px;
}

.use_process {
    width: 1200px;
    margin: 0 auto;
}
.use_process table {
    border-collapse: collapse;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    width: 100%;
    margin-top: 60px;
    color: #000;
}
.use_process table td {
    border: 1px solid #c9c9c9;
    text-align: left;
    height: 100px;
    line-height: 30px;
    font-size: 28px;
    font-weight: 400;
    padding: 24px 0 24px 24px;
}
.use_process table .tdhead {
    font-weight: bold;
}
.use_process .process_img {
    padding: 10px 0 10px 0;
}

.use_process .board-line-left {
    border-left: 1px solid #fff;
}
.use_process .board-line-right {
    border-right: 1px solid #fff;
}
.use_process table td .sub_text {
    margin-top: 7px;
    font-size: 22px;
}
.use_process table td .visual_img {
    display: inline-block;
    width: 72px;
    height: 72px;
    margin-right: 17px;
    padding: 16px;
    border-radius: 50%;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 3px 6px #0000004d;
}
.use_process table td .process_txt {
    position: relative;
    font-weight: bold;
    color: #ff4e00;
}
.use_process table td .process_txt + .process_txt:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 14px 0 5px;
    background: #000;
}

.use_process .mindmap_table {
    border-collapse: collapse;
}
.use_process .mindmap_table td {
    border: 1px solid #787878;
    color: #3a3a3a;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: 400;
}

.jm_career {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}
.jm_career_dotline {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 80px;
}
.jm_career_dotline2 {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 120px;
}

.jm_career_explan-font01 {
    font-size: 30px;
    line-height: 50px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 60px;
}
.jm_career_explan-font02 {
    font-size: 30px;
    line-height: 50px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 0px;
}
.jm_career_explan-font03 {
    font-size: 21px;
    line-height: 30px;
    color: #333;
    text-align: center;
    font-weight: 300;
    padding-top: 0px;
}
.jm_career_explan-font01 black_font {
    color: #202020;
    font-weight: 300;
}
.jm_career_img {
    padding: 100px 0 0 0;
    text-align: center;
}

.section_tbox .rdboard {
    width: 500px;
    height: 60px;
    margin: 0 auto;
    font-size: 22px;
    color: #fff;
    line-height: 60px;
    font-weight: 400;
    text-align: center;
    border-radius: 30px;
    background: #00a2ff;
}
.section_tbox {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
}
.jm_careerLsit {
    list-style: none;
    width: 780px;
    margin: 0 auto;
    clear: both;
    padding: 30px 0 100px 20px;
}
.jm_careerLsit li {
    float: left;
    width: 32%;
    margin: 0 10px 10px 0;
}
.jm_careerLsit .listtype {
    line-height: 40px;
    font-size: 23px;
    font-weight: 400;
    width: 220px;
    color: #333;
    border-radius: 50px;
    background: #e4e4e4;
    text-align: center;
    padding: 10px;
    display: block;
}

/*과목클리닉*/
.jm_clinic {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}
.jm_clinic_dotline {
    background: url(../images/habit/dot_line.png);
    height: 70px;
    line-height: 70px;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-top: 80px;
}
.jm_clinic_dotline orange_font {
    color: #ff4903;
}

.jm_clinic_process {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    clear: both;
}
.jm_clinic-font01 {
    font-size: 30px;
    line-height: 40px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 60px;
}
.jm_clinic-font02 {
    font-size: 30px;
    line-height: 40px;
    color: #323232;
    text-align: center;
    font-weight: 200;
    padding-top: 0px;
}
.jm_clinic-font03 {
    font-size: 21px;
    line-height: 30px;
    color: #333;
    text-align: center;
    font-weight: 300;
    padding-top: 0px;
}
.jm_clinic-font01 black_font {
    color: #333;
    font-weight: 500;
}
.jm_clinic_img {
    padding: 100px 0 30px 0;
    text-align: center;
}
.jm_clinic_img2 {
    padding: 100px 0 50px 0;
    text-align: center;
}
.jm_clinic_tabs {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.tabmenu {
    border-bottom: 2px solid #ff3600;
    height: 60px;
    margin: 100px 0 50px 0;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    background: #f6f0ee;
}
.tabmenu li {
    float: left;
    display: block;
    height: 60px;
    width: 16.66%;
    line-height: 44px;
    border-top: 1px solid #d6b6ad;
    text-align: center;
    color: #9f9f9f;
}
.tabmenu li:nth-child(1n + 1) {
    border-left: 1px solid #d6b6ad;
}
.tabmenu li:last-child {
    border-right: 1px solid #d6b6ad;
}
.tabmenu li a {
    display: inline-block;
    line-height: 60px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    color: #9f9f9f;
    text-decoration: none !important;
}
.tabmenu li a:hover {
    color: #000;
}
.tabmenu li.on {
    border-left: 2px solid #ff3600;
    border-right: 2px solid #ff3600;
    border-top: 2px solid #ff3600;
    height: 60px;
    background: #fff;
    z-index: 10;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
.tabmenu li.on a {
    width: 100%;
    color: #000;
}

/* 대학생멘토 */
.umentor {
    width: 1200px;
    margin: 0 auto;
    display: block;
    height: auto;
    clear: both;
}
.umentor li {
    width: 33%;
    height: auto;
    padding-top: 45px;
    float: left;
    text-align: center;
}
.umentor .bg_umen01 {
    background: url("../image/contents/bg_no01.gif") no-repeat top center;
}
.umentor .bg_umen02 {
    background: url("../image/contents/bg_no02.gif") no-repeat top center;
}
.umentor .bg_umen03 {
    background: url("../image/contents/bg_no03.gif") no-repeat top center;
}
.umentor li p.p_tit {
    font-size: 25px;
    color: #141414;
    line-height: 35px;
    margin-bottom: 25px;
}
.umentor li p {
    font-size: 15px;
    color: #646464;
    letter-spacing: -0.05em;
    line-height: 28px;
}

.umentor_list {
    float: left;
    width: 50%;
    height: 150px;
    margin-bottom: 10px;
}
.umentor_list a img {
    width: 600px;
    height: 150px;
    border: 2px solid #fff;
}
.umentor_list a:hover img {
    width: 600px;
    height: 150px;
    border: 2px solid #0069b4;
}

.umentor_profile_wrap {
    width: 1200px;
    margin: 0 auto;
    display: block;
    height: auto;
    padding-top: 80px;
    clear: both;
}
.umentor_profile {
    width: 1200px;
    height: 248px;
    border: 1px solid #f5e9e9;
    background: #fff;
    margin-bottom: 30px;
}
.in {
    width: 1200px;
    height: 200px;
    background: #fff;
    margin: 24px;
}
.in .inleft {
    float: left;
    width: 20%;
}
.in .inright {
    float: right;
    width: 80%;
    list-style: none;
    margin-top: 20px;
}
.in .inright li {
    float: left;
    width: 100%;
    text-align: left;
}
.in .inright .umentor_tname {
    float: left;
    line-height: 33px;
    font-size: 16px;
    color: #666;
    font-weight: 300;
    text-align: left;
    padding-right: 20px;
}
.in .inright .umentor_info {
    float: left;
    line-height: 33px;
    font-size: 16px;
    color: #333;
    text-align: left;
}

.umentor_profile_wrap table {
    border-collapse: collapse;
    border-top: 2px solid #ff2a00;
    border-bottom: 2px solid #ff2a00;
    width: 100%;
    margin-top: 20px;
    color: #3a3a3a;
}
.umentor_profile_wrap table td {
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    padding: 20px 10px 20px 10px;
}
.umentor_profile_wrap table th {
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    padding: 20px 10px 20px 10px;
}

.btn_live_in {
    width: 640px;
    margin: 0 auto;
    padding: 50px;
}
.btn_live_request {
    float: left;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    /*background: #ed3333;*/
    border: 0;
}
.btn_live_request a {
    color: #fff;
    text-decoration: none;
}
.btn_live_request2 {
    float: left;
    width: 260px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    background: #ed3333;
    border: 0;
}
.btn_live_request2 a {
    color: #fff;
    text-decoration: none;
}
.btn_live_request_list {
    float: right;
    width: 260px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    background: #666;
    border: 0;
}
.btn_live_request_list a {
    color: #fff;
    text-decoration: none;
}

.umentor_profile .in p {
    width: 131px;
    height: 169px;
    margin-top: 15px;
    margin-left: 20px;
    float: left;
}

/* table_both */
.table_both {
    border-top: solid 2px #46b8c9;
}
.table_both thead th {
    background: #fcfcfc;
    font-size: 14px;
    font-weight: bold;
    color: #545454;
    text-align: center;
    padding: 13px 0 14px 0;
    border-bottom: solid 1px #b0b0b0;
    border-right: solid 1px #ddd;
}
.table_both tbody th {
    background: #fcfefe;
    font-size: 13px;
    font-weight: bold;
    color: #149590;
    text-align: center;
    padding: 10px 0 11px 0;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
}
.table_both tbody td {
    font-size: 13px;
    color: #797979;
    text-align: center;
    padding: 10px 0 11px 0;
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
}
.table_both tbody .td_left {
    text-align: left;
    padding-left: 20px;
}
.table_both .bor_none {
    border-right: 0;
}

/* table_top */
.table_top {
    border-top: solid 2px #0069b4;
}
.table_top th {
    background: #fcfcfc;
    font-size: 13px;
    font-weight: bold;
    color: #545454;
    text-align: center;
    padding: 13px 0 14px 0;
    border-bottom: solid 1px #b0b0b0;
}
.table_top td {
    font-size: 13px;
    color: #797979;
    text-align: center;
    padding: 10px 0 11px 0;
    border-bottom: solid 1px #ddd;
}
.table_top .td_left {
    text-align: left;
    padding-left: 20px;
}

.page_line {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    clear: both;
}

/********************************
    START )
		1차 - 2021.07.22 style 추가
		2차 - 2021.08.21 style 추가
		- &TREASURE
********************************/
/*common*/
.spage_add_wrap b {
    font-weight: 300;
}
.spage_add_wrap img {
    max-width: 100%;
}
.spage_add_wrap .clr_org {
    color: #ff4e00;
}
.spage_add_wrap .clr_blue {
    color: #0051e0;
}
.spage_add_wrap .bg_blue {
    background: url("../images/sub-all/bg-i-blue.png") no-repeat;
    background-size: cover;
}
.spage_add_wrap .bg_black {
    background: url("../images/sub-all/bg-i-black.png") no-repeat;
    background-size: cover;
}
.spage_add_wrap .bg_gray {
    background: #f4f4f4 url("../images/sub-all/bg-i-gray.png") no-repeat;
    background-size: cover;
}
.spage_add_wrap button.btn_cst_wht {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 0.5em;
    font-weight: 400;
    color: #323232;
    border: 2px solid #ff4e00;
    border-radius: 0.2em;
    background-color: #ff4e00;
}
.spage_add_wrap button.btn_cst_org {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline;
    padding: 0.5em;
    font-weight: 400;
    color: #fff;
    border: 2px solid #ff4e00;
    border-radius: 0.2em;
    background-color: #ff4e00;
}
.spage_add_wrap button.btn_cst_blue {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline;
    padding: 0.5em;
    font-weight: 400;
    color: #fff;
    border: 2px solid #0051e0;
    border-radius: 0.2em;
    background-color: #0051e0;
}
.spage_add_wrap section {
    margin: 15rem 0;
    font-weight: 200;
}
.spage_add_wrap section .txt {
    font-size: 3rem;
    line-height: 4rem;
    color: #323232;
    text-align: center;
    margin: 4rem 0;
}
.spage_add_wrap .boundary {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.spage_add_wrap h2 {
    width: 1200px;
    height: auto;
    min-height: 7rem;
    line-height: 1.5em;
    margin: 8rem auto 4rem auto;
    text-align: center;
    background: url("../images/habit/dot_line.png") no-repeat bottom;
    background-position: bottom;
    font-size: 5rem;
    font-weight: 600;
    text-align: center;
}
.spage_add_wrap article {
    padding: 8rem 0;
}
.spage_add_wrap .caption {
    margin: 0 0 0.5em;
    text-align: center;
    font-size: 3rem;
    color: #323232;
}
/*사용자 입력 폼 (문의 등)*/
.spage_add_wrap table.tb_data {
    width: 100%;
    margin-bottom: 4rem;
    border-collapse: collapse;
    border-top: 2px solid #0051e0;
}
.spage_add_wrap table.tb_data th {
    border: 1px solid #ccc;
    text-align: center;
    color: #fff;
    background: #0051e0;
    padding: 1.6rem;
}
.spage_add_wrap table.tb_data td {
    border: 1px solid #ccc;
    text-align: center;
    height: 4rem;
    line-height: 3rem;
    font-size: 1.6rem;
    font-weight: 300;
    padding: 1rem;
    background: #fff;
}
.spage_add_wrap table.tb_input {
    border-collapse: collapse;
    border-top: 2px solid #323232;
    border-bottom: 2px solid #323232;
    width: 100%;
    color: #323232;
}
.spage_add_wrap table.tb_input th,
.spage_add_wrap table.tb_input td {
    text-align: left;
    height: 10rem;
    line-height: 3rem;
    font-size: 2.2rem;
    font-weight: 400;
    padding: 2.3rem 2.4rem 2.4rem 2.4rem;
    border: 1px solid #323232;
    border-left: 0;
    border-right: 0;
    background: #fff;
}
.spage_add_wrap table.tb_input th {
    text-align: right;
    border-right: 1px solid #323232;
}
.spage_add_wrap table.tb_input input {
    -webkit-appearance: none; /*브라우저 스타일 초기화*/
    -moz-appearance: none; /*브라우저 스타일 초기화*/
    appearance: none; /*브라우저 스타일 초기화*/
    min-width: 50%;
    padding: 0.5em;
    border: 1px solid #fff;
    border-bottom: 2px solid #323232;
    background: #fff;
}
.spage_add_wrap table.tb_input textarea {
    -webkit-appearance: none; /*브라우저 스타일 초기화*/
    -moz-appearance: none; /*브라우저 스타일 초기화*/
    appearance: none; /*브라우저 스타일 초기화*/
    width: 100%;
    height: 10em;
    padding: 0.5em;
    border: 2px solid #323232;
}
.spage_add_wrap table.tb_input select {
    border: 0;
    border-bottom: 2px solid #323232;
}
.spage_add_wrap table.tb_input .include_search input[type="text"] {
    border-bottom: 0;
}
.spage_add_wrap table.tb_input .include_search .btn_search {
    float: right;
    width: 78px;
    margin-top: 5px;
    background-color: #ff4e00;
    border: 0;
    font-size: 2.2rem;
    line-height: 44px;
    color: #fff;
    text-align: center;
}
.spage_add_wrap button.app_submit {
    -webkit-appearance: none; /*브라우저 스타일 초기화*/
    -moz-appearance: none; /*브라우저 스타일 초기화*/
    appearance: none; /*브라우저 스타일 초기화*/
    display: inline-block;
    min-width: 30rem;
    height: 7.4rem;
    padding: 0 1.5em;
    margin-top: 4rem;
    background: #ff4e00;
    text-align: center;
    line-height: 7.4rem;
    font-size: 2.4rem;
    font-weight: 400;
    color: #fff;
    border: 0;
    border-radius: 5em;
}

/*탭(기존 탭 일부 수정)*/
.spage_add_wrap .tabBlock-tabs {
    display: flex;
}
.spage_add_wrap .tabBlock-tab {
    flex-grow: 1;
}
/*아카데미 > 독서토론 > 강좌신청*/
.spage_add_wrap .acdm_apps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.spage_add_wrap .acdm_apps li {
    width: 48%;
    padding: 1em;
    margin-bottom: 2em;
    font-size: 2rem;
    border: 2px solid #323232;
    border-radius: 1em;
    background: #fff;
}
.spage_add_wrap .acdm_apps .acdm_apps_info {
    display: flex;
    justify-content: space-between;
    align-items: top;
    text-align: left;
}
.spage_add_wrap .acdm_apps .acdm_apps_info .acdm_apps_info_left {
    width: 16rem;
}
.spage_add_wrap .acdm_apps .acdm_apps_info .acdm_apps_info_left img {
    width: 16rem;
    height: 20rem;
    border: 0;
    background: #f3f3f3;
    border-radius: 0.2em;
}
.spage_add_wrap .acdm_apps .acdm_apps_info .acdm_apps_info_left .name {
    margin-top: 6px;
    font-size: 0.9em;
    font-weight: 400;
    text-align: center;
}
.spage_add_wrap .acdm_apps .acdm_apps_info .acdm_apps_info_right > strong {
    display: block;
    margin-bottom: 0.5em;
    color: #ff4e00;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.spage_add_wrap .acdm_apps .acdm_apps_info .acdm_apps_info_right > p {
    display: flex;
    justify-content: space-between;
    padding: 0.25em;
    margin-top: 0.2em;
    font-size: 0.9em;
}
.spage_add_wrap .acdm_apps .acdm_apps_info .acdm_apps_info_right > p > b {
    font-weight: 400;
}
.spage_add_wrap .acdm_apps .acdm_apps_status {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
}
.spage_add_wrap .acdm_apps .acdm_apps_status > p {
    width: 32.33%;
    display: flex;
    justify-content: space-between;
    padding: 0.5em;
    margin-top: 0.25em;
    color: #fff;
    border-radius: 0.2em;
    border: 1px solid #ddd;
}
.spage_add_wrap .acdm_apps .acdm_apps_status > p.acdm_apps_status1 {
    color: #0051e0;
    border-color: #0051e0;
}
.spage_add_wrap .acdm_apps .acdm_apps_status > p.acdm_apps_status2 {
    color: #18d0b6;
    border-color: #18d0b6;
}
.spage_add_wrap .acdm_apps .acdm_apps_status > p.acdm_apps_status3 {
    color: #ff0137;
    border-color: #ff0137;
}
.spage_add_wrap .acdm_apps .acdm_apps_status > p > span {
    font-weight: 400;
}
.spage_add_wrap .acdm_apps .acdm_apps_info_right {
    width: 64%;
}
.spage_add_wrap .acdm_apps .acdm_apps_enter {
    display: block;
    width: 100%;
    margin: 1em 0 0;
    padding: 0.5em 0;
    font-size: 2.4rem;
    font-weight: 400;
    color: #fff;
    border: 2px solid #ff4e00;
    border-radius: 0.2em;
    background-color: #ff4e00;
}
.spage_add_wrap button.search_submit {
    -webkit-appearance: none; /*브라우저 스타일 초기화*/
    -moz-appearance: none; /*브라우저 스타일 초기화*/
    appearance: none; /*브라우저 스타일 초기화*/
    display: inline-block;
    width: 100%;
    height: 5rem;
    border: 2px solid #323232;
    background: #ff4e00;
    text-align: center;
    line-height: 5rem;
    font-size: 2.4rem;
    font-weight: 400;
    color: #fff;
}
/*큐레이션 > 자녀상담소 > 분야별 상담전문가*/
.spage_add_wrap .counseling_apps {
    margin-top: 5rem;
}
.spage_add_wrap .counseling_apps li {
    padding: 1em;
    margin-bottom: 2em;
    font-size: 2rem;
    border: 2px solid #323232;
    border-radius: 1em;
    background: #fff;
}
.spage_add_wrap .counseling_apps .counseling_apps_info {
    display: flex;
    justify-content: space-between;
    align-items: top;
    text-align: left;
}
.spage_add_wrap .counseling_apps .counseling_apps_info .counseling_apps_info_left {
    width: 40rem;
}
.spage_add_wrap .counseling_apps .counseling_apps_info .counseling_apps_info_left img {
    width: 40rem;
    height: 29rem;
    border: 0;
    background: #f3f3f3;
    border-radius: 0.2em;
}
.spage_add_wrap .counseling_apps .counseling_apps_info_right {
    width: calc(98% - 40rem);
}
.spage_add_wrap .counseling_apps .counseling_apps_info .counseling_apps_info_right > strong {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5em;
    color: #ff4e00;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.spage_add_wrap .counseling_apps .counseling_apps_info .counseling_apps_info_right > strong {
    font-size: 2.6rem;
}
.spage_add_wrap .counseling_apps .counseling_apps_info .counseling_apps_info_right > strong small {
    font-size: 0.6em;
    color: #323232;
    font-weight: 300;
}
.spage_add_wrap .counseling_apps .counseling_apps_info .counseling_apps_info_right > strong a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    color: #fff;
    background: #ff4e00;
    border-radius: 5em;
}
.spage_add_wrap .counseling_apps .counseling_apps_info .counseling_apps_info_right > div {
    display: flex;
    justify-content: normal;
    padding: 0.25em;
    margin-top: 0.2em;
    font-size: 0.9em;
}
.spage_add_wrap .counseling_apps .counseling_apps_info .counseling_apps_info_right > div > b {
    font-weight: 400;
    width: 10em;
}
.spage_add_wrap .counseling_apps .counseling_apps_form {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
}
.spage_add_wrap .counseling_apps .counseling_apps_form > span {
    padding: 0 0.5em;
    margin-right: 0.5em;
    text-align: center;
    color: #fff;
    border-radius: 0.2em;
    border: 1px solid #ddd;
}
.spage_add_wrap .counseling_apps .counseling_apps_form > span.counseling_apps_form1 {
    color: #0051e0;
    border-color: #0051e0;
}
.spage_add_wrap .counseling_apps .counseling_apps_form > span.counseling_apps_form2 {
    color: #18d0b6;
    border-color: #18d0b6;
}
.spage_add_wrap .counseling_apps .counseling_apps_form > span {
    font-weight: 400;
}
.spage_add_wrap .counseling_apps .counseling_apps_reserv {
    display: block;
    padding: 0.5em;
    font-weight: 400;
    color: #fff;
    border: 2px solid #ff4e00;
    border-radius: 0.2em;
    background-color: #ff4e00;
}
/*스터디카페 > info > 공간아이덴티티 (기존 탭 커스텀)*/
.spage_add_wrap .cafe_info_gallery .tabBlock-tabs {
    justify-content: space-between;
    width: 1089px;
    margin: 0 auto;
}
.spage_add_wrap .cafe_info_gallery .tabBlock-tabs li {
    flex-grow: inherit;
    width: 32.33%;
    padding: 0.5em 0;
    font-size: 3rem;
    font-weight: 400;
    color: #888;
    background: #fff;
    border-radius: 5em;
    cursor: pointer;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3);
}
.spage_add_wrap .cafe_info_gallery .tabBlock-tabs li:nth-child(1).is-active {
    color: #fff;
    background-color: #ff0081;
}
.spage_add_wrap .cafe_info_gallery .tabBlock-tabs li:nth-child(2).is-active {
    color: #fff;
    background-color: #ff4e00;
}
.spage_add_wrap .cafe_info_gallery .tabBlock-tabs li:nth-child(3).is-active {
    color: #fff;
    background-color: #0051e0;
}

/*ONTACT > 개방형 라이브 > OPEN LIVE*/
.spage_add_wrap .openlive_apps {
    margin-top: 45px;
}
.spage_add_wrap .openlive_apps > li {
    margin-bottom: 50px;
}
.spage_add_wrap .openlive_apps .openlive_apps_tit {
    font-size: 28px;
    font-weight: bold;
    color: #222;
}
.spage_add_wrap .openlive_apps .openlive_apps_tit.left {
    text-align: left;
}
.spage_add_wrap .openlive_apps .openlive_apps_tit img {
    position: relative;
    top: -4px;
    margin-right: 10px;
}
.spage_add_wrap .openlive_apps .openlive_apps_tit .district {
    position: relative;
    top: -3px;
    display: inline-block;
    /* margin-right: 10px; */
    padding: 3px 29px;
    background-color: #ff4e00;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.spage_add_wrap .openlive_apps .openlive_apps_tit .teacher {
    float: right;
    color: #ff4e00;
}
.openlive_apps .openlive_apps_info {
    margin-top: 35px;
    border: 2px solid #666;
}
.openlive_apps_info .openlive_apps_info_top {
    display: flex;
    min-height: 316px;
    background-color: #e1e1e1;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_img {
    position: relative;
    width: 760px;
    min-width: 760px;
    background: url("../images/ontact/thumbnail_default.gif") no-repeat 50% 50%;
    background-size: contain;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_img .openlive_apps_count {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_img .openlive_apps_count span {
    display: inline-block;
    padding: 8px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.openlive_apps_info
.openlive_apps_info_top
.openlive_apps_info_img
.openlive_apps_count
.openlive_apps_count_dday {
    background-color: #ff4e00;
}
.openlive_apps_info
.openlive_apps_info_top
.openlive_apps_info_img
.openlive_apps_count
.openlive_apps_count_discount {
    background-color: #0051e0;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_img .apps_visual {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_img .apps_banner {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 109px;
    height: 42px;
    background-color: #333;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_desc {
    min-width: 436px;
    padding: 29px 29px;
    background-color: #f5f5f5;
    text-align: left;
}
.openlive_apps_info
.openlive_apps_info_top
.openlive_apps_info_desc
.openlive_apps_info_label_wrap {
    font-size: 0;
    margin-bottom: 7px;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_desc .openlive_apps_info_label {
    display: inline-block;
    margin-right: 5px;
    padding: 4px 8px 6px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.openlive_apps_info
.openlive_apps_info_top
.openlive_apps_info_desc
.openlive_apps_info_label.label_orange {
    background-color: #ff4e00;
}
.openlive_apps_info
.openlive_apps_info_top
.openlive_apps_info_desc
.openlive_apps_info_label.label_green {
    background-color: #8fbb3b;
}
.openlive_apps_info
.openlive_apps_info_top
.openlive_apps_info_desc
.openlive_apps_info_label_wrap
+ .openlive_apps_info_process {
    line-height: 1.2;
}
.openlive_apps_info
.openlive_apps_info_top
.openlive_apps_info_desc
.openlive_apps_info_process
+ .openlive_apps_info_label_wrap {
    margin: 6px 0 24px;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_desc .openlive_apps_info_process {
    font-size: 24px;
    font-weight: bold;
}
.openlive_apps_info
.openlive_apps_info_top
.openlive_apps_info_desc
.openlive_apps_info_process
+ .openlive_apps_info_txt {
    margin-top: 23px;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_desc .openlive_apps_info_txt {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    line-height: 24px;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_desc .openlive_apps_info_txt + dl {
    margin-top: 12px;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_desc dl dt {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_desc dl dd.rating {
    padding: 5px 0 8px;
}
.openlive_apps_info .openlive_apps_info_top .openlive_apps_info_desc dl dd.reservation {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    font-family: "Roboto";
    color: #ff4e00;
}
.openlive_apps_info .onlive_apps_info_detail {
    background-color: #fff;
    border-top: 2px solid #666;
}
.openlive_apps_info .onlive_apps_info_detail .period {
    padding: 10px 20px 11px;
    font-size: 18px;
    font-weight: 500;
}
.openlive_apps_info .onlive_apps_info_detail .period span {
    float: right;
    color: #ff4e00;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list {
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #ededed;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li {
    flex: auto;
    /* max-width: 33.333%; */
    padding: 22px 20px 24px;
    text-align: left;
    min-height: 104px;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li.current {
    background-color: #f5f5f5;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li + li {
    border-left: 2px solid#ededed;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li .course_count {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li .course_count span {
    font-size: 18px;
    font-weight: bold;
    font-family: "Roboto";
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li .course_discount {
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #ff4e00;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li b {
    font-size: 28px;
    font-weight: bold;
    font-family: "Roboto";
    line-height: 1.2;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li .course_price_unit {
    font-size: 22px;
    font-weight: 400;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li .course_orign {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li .course_orign span {
    font-size: 18px;
    font-family: "Robot";
    font-weight: bold;
}
.openlive_apps_info .onlive_apps_info_detail .course_price_list li .course_desc {
    font-size: 22px;
    font-weight: 400;
    color: #222;
    text-align: center;
    padding-top: 13px;
}
.spage_add_wrap .openlive_apps .openlive_apps_btn {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}
.spage_add_wrap .openlive_apps .openlive_apps_btn > a {
    display: inline-block;
    width: 254px;
    padding: 11px 0;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}
.spage_add_wrap .openlive_apps .openlive_apps_btn > a.openlive_apps_btn1 {
    background-color: #0051e0;
    font-size: 28px;
}
.spage_add_wrap .openlive_apps .openlive_apps_btn > a.openlive_apps_btn2 {
    margin-left: 10px;
    background-color: #ff4e00;
    font-size: 26px;
}
/*OPEN LIVE VIEW */
.spage_add_wrap .openlive_apps.openlive_view_apps li {
    width: 70rem;
    margin: 0 auto;
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info .preview {
    -webkit-appearance: none; /*브라우저 스타일 초기화*/
    -moz-appearance: none; /*브라우저 스타일 초기화*/
    appearance: none; /*브라우저 스타일 초기화*/
    display: block;
    padding: 0.5em;
    font-weight: 400;
    color: #fff;
    border: 2px solid #ff4e00;
    border-radius: 0.2em;
    background-color: #ff4e00;
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info .openlive_apps_info_right {
    width: calc(98% - 16.8rem);
}
.spage_add_wrap .pr_carousel {
    position: relative;
    padding: 115px 0 40px;
}
.spage_add_wrap .pr_carousel .item {
    height: 409px;
}
.spage_add_wrap .pr_carousel .item .pr_carousel_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.spage_add_wrap .pr_carousel .carousel-control {
    top: 284px;
    width: auto;
    text-shadow: none;
    background: none;
}
.spage_add_wrap .pr_carousel .carousel-control.left {
    left: -80px;
}
.spage_add_wrap .pr_carousel .carousel-control.right {
    right: -80px;
}

/*ONTACT > 대치.목동학원가 라이브*/
.spage_add_wrap .gnuboard_wrap {
    background-color: #f4f4f4;
}
.spage_add_wrap .gnuboard_wrap .gnuboard {
    height: 730px;
    margin-bottom: 59px;
    background-color: #000;
}

/********************************
    END )
		1차 - 2021.07.22 style 추가
		2차 - 2021.08.21 style 추가
		3차 - 2021.09.12 style 추가
		- &TREASURE
********************************/

/*약관정책*/
.useinfo_wrap {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    clear: both;
    display: block;
    position: relative;
}
.agreement_title {
    height: 80px;
    font-weight: 500;
    color: #000;
    text-align: center;
    font-size: 28px;
}
.agreement_stitle {
    line-height: 40px;
    font-weight: 400;
    color: #333;
    text-align: left;
    font-size: 20px;
    padding-top: 20px;
}
.agreement_desc {
    line-height: 26px;
    font-weight: 300;
    color: #666;
    text-align: left;
    font-size: 15px;
}

/* 카피라이터 */
#footwrap {
    width: 100%;
    height: 300px;
    background: #ededed;
    clear: both;
}
.ftin {
    width: 1200px;
    height: 300px;
    margin: 0 auto;
    clear: both;
}
.ftin .footmn {
    padding-top: 50px;
}
.ftin .footmn li {
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    color: #373737;
    padding-right: 20px;
    line-height: 30px;
    text-align: left;
    display: inline;
}
.ftin .footmn li a {
    color: #333;
    text-decoration: none;
}
.ftin .footmn li a:hover {
    color: #333;
    text-decoration: none;
}
.ftin .footmn li a:active {
    color: #333;
    text-decoration: none;
}

.ftcopy {
    padding-top: 20px;
}
.ftcopy .copyinfo {
    float: left;
    width: 70%;
    font-weight: 300;
    font-size: 13px;
    color: #919191;
    text-align: left;
    line-height: 24px;
}
.ftcopy .copyinfo spanbar {
    margin-left: 15px;
}
.ftcopy .copyinfo eng_copy {
    font-size: 12px;
    color: #b5b5b5;
    font-weight: 200;
    text-align: left;
}
.ftcopy .snslink {
    float: right;
    width: 30%;
    margin-top: 0px;
    text-align: right;
}
.ftcopy .snslink .snsimg {
    margin-left: 10px;
}

.spage_add_wrap .openlive_apps.openlive_view_apps li {
    padding: 1em;
    margin-bottom: 2em;
    font-size: 2rem;
    border: 2px solid #323232;
    border-radius: 1em;
    background: #fff;
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 1em;
    text-align: left;
    background: #f3f3f3;
    margin-top: 0;
    border: 0;
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info .openlive_apps_info_left {
    width: 62rem;
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info .openlive_apps_info_left img {
    width: 62rem;
    height: 20rem;
    border: 0;
    background: #f3f3f3;
    border-radius: 0.2em;
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info_right {
    width: calc(98% - 62rem);
}
.spage_add_wrap
.openlive_apps.openlive_view_apps
.openlive_apps_info
.openlive_apps_info_right
> div {
    display: flex;
    justify-content: normal;
    align-content: flex-start;
    padding: 0.25em;
    margin-top: 0.2em;
    font-weight: 400;
    font-size: 0.9em;
}
.spage_add_wrap
.openlive_apps.openlive_view_apps
.openlive_apps_info
.openlive_apps_info_right
> div
> b {
    font-weight: 300;
    width: 5.5em;
}
.spage_add_wrap
.openlive_apps.openlive_view_apps
.openlive_apps_info
.openlive_apps_info_right
> div
> span {
    width: calc(100% - 5.5em);
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info .openlive_apps_info_left {
    width: 15.8rem;
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info .openlive_apps_info_left img {
    width: 15.8rem;
    height: 20.8rem;
    border: 0;
    background: #f3f3f3;
    border-radius: 0.2em;
}
.spage_add_wrap .openlive_apps.openlive_view_apps .openlive_apps_info .openlive_apps_info_right {
    width: calc(98% - 16.8rem);
}

.use_process + .section_title_line {
    margin-top: 64px;
}
.section_title_line {
    font-size: 56px;
    font-weight: bold;
    color: #000;
    text-align: center;
}
.section_title_line > span {
    position: relative;
    display: inline-block;
    padding: 0 12px;
}
.section_title_line > span:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    display: block;
    width: 100%;
    height: 12px;
    background-color: #e8efff;
}

/* 공부습관 > [의무자습]관리 */
.test_content {
}
.test_content .test_content_box {
    margin-top: 40px;
}
.test_content .test_content_box .test_label {
    display: none;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #555;
}
.test_content .test_content_box .test_title {
    background: #4c83f7;
    padding: 22px 5px;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    box-shadow: 0px 3px 6px #00000029;
}
.test_content .test_content_box .test_form {
    margin-top: 8px;
    padding: 28px 20px;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    font-size: 20px;
    color: #000;
}
.test_content .test_content_box .test_form input[type="text"] {
    width: 100%;
    border: 0;
    height: 58px;
}
.test_content .test_content_box .test_form textarea {
    width: 100%;
    border: 0;
    height: 140px;
}
.test_content .test_content_box .test_form input[type="text"]:focus,
.test_content .test_content_box .test_form textarea:focus {
    border: 0;
    outline: none;
}
.test_content .test_content_box .tbl_write {
    width: 100%;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
}
.test_content .test_content_box .tbl_write th,
.test_content .test_content_box .tbl_write td {
    padding: 10px;
    font-size: 20px;
    font-weight: 400;
}
.test_content .test_content_box .tbl_write td {
    border: 0;
    border-left: 1px solid #c9c9c9;
}
.test_content .test_content_box .tbl_write tr + tr th,
.test_content .test_content_box .tbl_write tr + tr td {
    border-top: 1px solid #c9c9c9;
}
.test_content .test_content_box .tbl_write.write-col thead th,
.test_content .test_content_box .tbl_write.write-col tbody td input {
    text-align: center;
}
.test_content .test_content_box .tbl_write.write-col thead th + th {
    border-left: 1px solid #c9c9c9;
}
.test_content .test_content_box .tbl_write.write-col tbody td {
    border-top: 1px solid #c9c9c9;
}
.test_content .test_content_box .tbl_write.write-col tbody td:first-child {
    border-left: 0;
}
.test_content .test_content_box .tbl_write.write-col tbody .border_left {
    border-left: 1px solid #c9c9c9;
}
.test_content .test_content_box .tbl_write.write-col tbody .border_top {
    border-top: 1px solid #c9c9c9;
}
.test_content .test_content_box .tbl_write.tabl_schedule th,
.test_content .test_content_box .tbl_write.tabl_schedule td {
    font-size: 14px;
}

.test_content .test_content_box .check_area {
    text-align: center;
}
.test_content .test_content_box .check_area .check {
    margin: 0 20px;
}






/* 서브페이지 신규 20231003 */
/* 공통 */
.sub_wrap{max-width:1200px; margin:0 auto;}
.sub_bg{background:url(../images/sub/sub_bg.jpg) repeat-y;}

/* 컨설턴트 목록 */
.sub_list1{padding:0 60px; font-size:0; line-height:0;}
.sub_list1 > li{display:inline-block; overflow:hidden; position:relative; width:calc(50% - 25px); min-height:311px; margin-top:50px; padding-left:224px; border:1px solid #0189ff; border-radius:0 30px 0 30px; vertical-align:top;}
.sub_list1 > li:nth-child(1),
.sub_list1 > li:nth-child(2){margin-top:0;}
.sub_list1 > li:nth-child(2n){margin-left:50px;}
.sub_list1 > li .img{position:absolute; top:0; left:0; width:224px; border-right:1px solid #0189ff;}
.sub_list1 > li .img img{max-width:100%;}
.sub_list1 > li .text .text_title{overflow:hidden; border-bottom:2px solid #0189ff; font-size:25px; font-weight:800; text-align:center; text-overflow:ellipsis; line-height:75px; white-space:nowrap;}
.sub_list1 > li .text .text_info li{display:inline-block; overflow:hidden; position:relative; width:50%; padding-left:25px; border-bottom:1px solid #0189ff; color:#333; font-size:15px; text-overflow:ellipsis; line-height:50px; vertical-align:top; white-space:nowrap;}
.sub_list1 > li .text .text_info li:before{position:absolute; top:0; left:15px; content:'·';}
.sub_list1 > li .text .text_info2 .info_title{background-color:#0189ff; color:#fff; font-size:16px; font-weight:600; text-align:center; line-height:40px;}
.sub_list1 > li .text .text_info2 .info_list{overflow:hidden; max-height:78px; margin-top:7px;}
.sub_list1 > li .text .text_info2 .info_list li{overflow:hidden; color:#ff4000; font-size:15px; font-weight:600; text-align:center; text-overflow:ellipsis; line-height:26px; white-space:nowrap;}

/* 테이블 */
.sub_tb_wrap{overflow:hidden; padding:0 137px; background:url(../images/sub/sub_bg.jpg) repeat-y;}
.sub_tb_wrap.type2{padding:0 60px; background:none;}
.sub_tb{width:100%;}
.sub_tb th,
.sub_tb td{padding:23px 10px; font-size:22px; font-weight:600; text-align:center; line-height:28px;}
.sub_tb thead tr{border-left:1px solid #0180ec;}
.sub_tb thead th{border-right:1px solid #0180ec; background-color:#0189ff; color:#fff;}
.sub_tb tbody tr{border-left:1px solid #d3e0eb;}
.sub_tb tbody th{border-right:1px solid #d3e0eb; border-bottom:1px solid #d3e0eb; font-weight:800;}
.sub_tb tbody th span{display:block; font-size:18px;}
.sub_tb tbody td{border-right:1px solid #d3e0eb; border-bottom:1px solid #d3e0eb;}
.sub_tb tbody tr.tb_bg{background-color:#f8f8f8;}
.sub_tb.type2 th{border-top:1px solid #d3e0eb; border-right-color:#d3e0eb; background-color:#f5f5f5; color:#333; font-weight:800;}
.sub_tb.type2 thead tr{border-left-color:#d3e0eb;}
.sub_tb .tb_btn{display:inline-block; width:140px; height:36px; border-radius:18px; background-color:#0189ff; color:#fff; font-size:22px; font-weight:600; text-align:center; line-height:38px;}
.sub_tb .tb_btn.type2{width:110px; background-color:#ff4e00;}
.sub_tb_text{margin:30px 0 12px 0; color:#6d6d6d; font-size:18px; font-weight:600; line-height:22px;}
.sub_tb_text span{color:#ff1f00; font-size:22px;}

/* 버튼 */
.sub_btn_wrap{background:url(../images/sub/sub_bg.jpg) repeat-y; font-size:0; text-align:center; line-height:0;}
.sub_btn_wrap .sub_btn{display:inline-block; width:240px; height:88px; border:3px solid #ff8500; border-radius:44px; color:#ff8500; font-size:28px; font-weight:800; line-height:30px;}
.sub_btn_wrap .sub_btn + .sub_btn{margin-left:35px;}
.sub_btn_wrap .sub_btn:after{display:inline-block; height:100%; content:''; vertical-align:middle;}
.sub_btn_wrap .sub_btn > span{display:inline-block; vertical-align:middle;}
.sub_btn_wrap .sub_btn > span span{display:block; font-size:24px;}
.sub_btn_wrap .sub_btn.type2{border-color:#ff4100; color:#ff4100;}
.sub_btn_wrap .sub_btn.type3{border-color:#d70500; color:#d70500;}
.sub_btn_wrap .sub_btn_text{margin-top:20px; color:#fe3900; font-size:20px; font-weight:800; line-height:22px;}
.tb_link{color:#ff4e00; font-size:17px;}

/* 목록 */
.bu{text-align:left;}
.bu > li{position:relative; padding-left:16px;}
.bu > li + li{margin-top:20px;}
.bu > li:before{position:absolute; top:0; left:0; content:'-';}
.bu.type2 > li:before{content: '●';font-size: 10px;transform: scale(.7);}
.bu.type2 > li ul li{position:relative;padding-left:16px;font-size: 19px;}
.bu.type2 > li ul li:before{position:absolute; top:0; left:0; content:'-';}

/* 체크박스, 라디오 버튼 */
.agree_chk{text-align:center;}
.agree_chk + .agree_chk{margin-left:10px;}
.agree_chk label{margin-bottom:0; font-size:22px;}
.agree_chkbox{width:20px; height:20px; margin-top:0 !important; border:1px solid #CCC;}

.sub_select{height:auto; padding:9px 15px 10px; border:0; border-radius:0; color:#111; font-size:17px; line-height:20px; /* width:100%;*/}
.sub_select{position:relative; min-width:180px; padding-right:41px; background:#fff url(../images/sub/select_arrow.png) no-repeat right center; appearance:none;-ms-appearance:none-webkit-appearance:none; -moz-appearance:none;}
.sub_select option{height:35px; color:#666; font-size:15px; line-height:20px}