@charset "UTF-8";.point {
    color: #ae081d
}

.br_m_show {
    display: none
}

@media screen and (max-width: 1024px) {
    .br_m_show {
        display:block
    }
}

@media screen and (max-width: 1024px) {
    .br_m_no,.br_m_none,.m_none {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .m_mb {
        margin-bottom:10px
    }
}

.fw_b {
    font-weight: 600
}

.part_mt {
    margin-top: 60px
}

@media screen and (max-width: 1024px) {
    .part_mt {
        margin-top:30px
    }
}

.row._p_no {
    margin: 0
}

.row._p_no>* {
    padding: 0
}

.txt_mt {
    margin-top: 30px
}

@media screen and (max-width: 1024px) {
    .txt_mt {
        margin-top:22px
    }
}

.col_scroll {
    height: 100%;
    overflow-x: hidden;
    padding: 0 0 20px 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media screen and (max-width: 768px) {
    .row_scroll {
        width:100%;
        padding: 0 0 8px 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }

    .row_scroll table {
        min-width: 600px
    }
}

.col_scroll::-webkit-scrollbar-track,.row_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.col_scroll::-webkit-scrollbar,.row_scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #fff
}

.col_scroll::-webkit-scrollbar-thumb,.row_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #999
}

@media screen and (max-width: 768px) {
    .sub_title .tit._0304 {
        font-size:25px
    }
}

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 300;
    src: url(../font/NanumSquareL.eot);
    src: url(../font/NanumSquareL.eot?#iefix) format("embedded-opentype"), url(../font/NanumSquareL.woff) format("woff"), url(../font/NanumSquareL.ttf) format("truetype")
}

.counseling_tab {
    padding-bottom: 0;
    font-family: "NanumSquare", sans-serif;
    color: #444;
    word-break: keep-all
}

section .section_tit {
    font-size: 33px;
    color: #222;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600
}

@media screen and (max-width: 1024px) {
    section .section_tit {
        margin-bottom:20px;
        font-size: 22px
    }
}

.couns_phrase_sec {
    background-position: center 0;
    background-repeat: no-repeat;
    height: 750px
}

.couns_phrase_sec .tit {
    display: inline-block;
    color: #222;
    font-size: 45px;
    text-align: left;
    position: absolute;
    top: 250px;
    right: 0;
    line-height: 1.4;
    font-weight: 300;
}

@media screen and (max-width: 768px) {
    .couns_phrase_sec .tit {
        font-weight:400;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.5), 0 0 30px rgba(255, 255, 255, 0.3)
    }
	
	.couns_phrase_sec.couns_phrase_sec01 {height: auto; background: none !important; }
	.couns_phrase_sec.couns_phrase_sec01 .tit  {position: relative !important; right: auto !important; top: auto !important; right:auto !important; padding-top: 10px;}
	.couns_phrase_sec.couns_phrase_sec02 {height: auto; background: none !important; }
	.couns_phrase_sec.couns_phrase_sec02 .tit._0407_2  {position: relative; right: auto; top: auto; left: auto; padding-top: 10px;}
	
}

.couns_phrase_sec .tit .p_t {
    font-weight: 500
}

.couns_phrase_sec .tit .fw_b {
    font-weight: 500
}

.couns_phrase_sec .tit.wh {
    color: #fff
}


.couns_phrase_sec .tit._gift {
    top: 120px;
    right: 0px;
}
@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._gift {
        top:78px;
        right: 20px;
    }
	.couns_phrase_sec .tit._gift img {
		display: none;
	}
}


.couns_phrase_sec .tit._0102 {
    top: 280px;
    right: 160px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0102 {
        top:60px;
        right: 15px
    }
}



.couns_phrase_sec .tit._0103 {
    top: 270px;
    right: 50px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0103 {
        top:70px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0105 {
    top: 230px;
    right: 150px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0105 {
        top:70px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0107 {
    top: 150px;
	left: 50%;
    right: auto;
	width: 900px;
    transform: translate(-50%, 0);
	text-align: center;
}
.couns_phrase_sec .tit._0107 .w_box {
	display: inline-block;
	margin: 2px 0;
	padding: 0 4px;
	background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
	.couns_phrase_sec .tit._0107 {
		top: 10px;
	}
}

.couns_phrase_sec .tit._0202 {
    top: 220px;
    right: 100px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0202 {
        top:55px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0203 {
    top: 230px;
    right: 190px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0203 {
        top:45px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0204 {
    top: 220px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0204 {
        top:40px;
        right: 0
    }

    .couns_phrase_sec .tit._0204 .des {
        font-size: 12px
    }
}

.couns_phrase_sec .tit._0206 {
    top: 260px;
    right: 180px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0206 {
        top:70px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0207 {
    top: 200px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0207 {
        top:40px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0301 {
    top: 200px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0301 {
        top:50px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0302 {
    top: 230px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0302 {
        top:55px;
        right: 10px
    }
}

@media screen and (max-width: 768px) {
    .couns_phrase_sec .tit._0302 .des {
        font-size:12px
    }
}

.couns_phrase_sec .tit._0303 {
    top: 180px;
    right: 150px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0303 {
        top:50px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0304 {
    top: 280px;
    right: 80px
}
.couns_phrase_sec .tit._0304.ud {
	top: 120px;
	right: 0;
	left: 0;
	text-align: center;
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0304 {
        top: 80px;
        right: 15px
    }
	.couns_phrase_sec .tit._0304.ud {
        top: 30px;
        right: 0;
    }
}

.couns_phrase_sec .tit._0401 {
    top: 250px;
    right: 80px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0401 {
        top:70px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0402 {
    top: 230px;
    right: 110px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0402 {
        top:60px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0403 {
    top: 260px;
    right: 70px
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0403 {
        top:70px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0404 {
    top: 260px;
    right: 0
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0404 {
        top:70px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0405 {
    top: 220px;
    right: 0
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0405 {
        top:60px;
        right: 15px
    }
}

.couns_phrase_sec .tit._0406 {
    top: 380px;
    right: -110px;
    letter-spacing: -0.05em
}

.couns_phrase_sec .tit._0406 .show_1540 {
    display: none
}

@media (max-width: 1540px) {
    .couns_phrase_sec .tit._0406 {
        top:300px;
        right: 0
    }

    .couns_phrase_sec .tit._0406 .show_1540 {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0406 {
        top:60px;
        right: 15px
    }

    .couns_phrase_sec .tit._0406 .show_1540 {
        display: none
    }
}

.couns_phrase_sec .tit._0407 {
    top: 280px;
    right: -40px
}
.couns_phrase_sec .tit._0407_2 {
    top: 180px;
    left: 0;
}
.couns_phrase_sec .tit._0407_2 .fw_b {
	font-size: 1.2em;
}
.couns_phrase_sec .tit._0407_2 .c_b {
	color: #09a9dd;
	font-weight: normal;
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0407 {
        top:70px;
        right: 15px
    }
	.couns_phrase_sec .tit._0407_2 {
        top:20px;
        left: 15px
    }
}

.couns_phrase_sec .tit .p_t {
    color: #4391ff
}

.couns_phrase_sec .tit .t_b {
    font-weight: 700
}

.couns_phrase_sec .des {
    margin-top: 30px;
    font-size: 25px;
    display: block
}

@media screen and (max-width: 1024px) {
    .couns_phrase_sec {
        height:240px;
        background-size: cover
    }

    .couns_phrase_sec .des {
        font-size: 14.5px;
        margin-top: 10px
    }

    .couns_phrase_sec .tit {
        font-size: 22px;
        top: 80px;
        right: 15px
    }

    .couns_phrase_sec .tit._0106 {
        top: 52px
    }

    .couns_phrase_sec .tit._0105 {
        top: 40px
    }
}

.cons_about_sec {
    padding: 80px 0;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .cons_about_sec {
        padding:30px 0
    }
}

.cons_about_sec .f_b {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 3em;
}
.cons_about_sec .f_b img {
	margin: 10px;
}

.cons_about_sec .stress_bx {
    text-align: left
}

.cons_about_sec .stress_bx>* {
    padding: 0 30px
}

@media screen and (max-width: 1024px) {
    .cons_about_sec .stress_bx>* {
        padding:0 -15px
    }
}

.cons_about_sec .stress_bx .txt_bx li {
    padding: 40px 0 40px 30px
}

@media screen and (max-width: 1024px) {
    .cons_about_sec .stress_bx .txt_bx li {
        padding:20px 0
    }
}

.cons_about_sec .stress_bx .txt_bx li:first-child {
    border-bottom: 1px solid #ddd
}

.cons_about_sec .stress_bx .txt_bx .tit {
    font-size: 1.5625em;
    color: #222;
    font-weight: 600;
    margin-bottom: 10px
}

.cons_about_sec .stress_bx .txt_bx .des_2 {
    font-size: 1.125em
}

@media screen and (max-width: 1024px) {
    .cons_about_sec .stress_bx .txt_bx {
        margin-bottom:20px
    }
}

.cons_about_sec .img_bx {
    margin-bottom: 30px
}

.cons_about_sec .des {
    font-size: 19px;
    color: #333;
    line-height: 1.8
}

.cons_about_sec .des .b_t {
    font-weight: 600
}

@media screen and (max-width: 1024px) {
    .cons_about_sec .des {
        font-size:15px
    }
}

.cons_about_sec .top_des {
    font-size: 1.375em
}

.cons_about_sec .origin_t {
    font-size: 0.9em;
    margin-top: 10px;
    color: #666
}

.cons_about_sec .art_t_bx {
    text-align: left;
    margin-top: 80px
}

.cons_about_sec .art_t_bx .txt_bx {
    padding-top: 20px
}

.cons_about_sec .art_t_bx .tit {
    font-size: 1.5625em;
    margin-bottom: 10px;
    font-weight: bold
}

.cons_about_sec .art_t_bx .des {
    font-size: #f18
}

@media screen and (max-width: 1024px) {
    .cons_about_sec .art_t_bx {
        margin-top:30px
    }
}

.ht_line {
    position: relative;
    font-weight: 600;
    background: url(../images/counseling/ht_line.png) repeat-x 0 85%
}

.ht_line.c_b {
    background: url(../images/counseling/ht_line_b.png) repeat-x 0 85%
}

.chk_list_sec {
    padding: 90px 0 100px;
    background: url(../images/brandstory/bg.png) repeat
}

@media screen and (max-width: 1024px) {
    .chk_list_sec {
        padding:40px 0
    }
}

.chk_list_sec.g_no {
    background: #f4f3f3
}

.chk_list_sec .chk_tab_box {
    max-width: 830px;
    margin: 0 auto 50px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_tab_box {
        margin:0 auto 30px
    }
}

.chk_list_sec .chk_tab_box ul li {
    float: left;
    padding: 0 40px
}

.chk_list_sec .chk_tab_box ul li a {
    display: block;
    height: 80px;
    max-width: 330px;
    border-radius: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    text-indent: 30px;
    background-color: #ddd;
    background-position: 20% center;
    background-repeat: no-repeat;
    background-image: url(../images/counseling/tab_off.png)
}

.chk_list_sec .chk_tab_box ul li a.on {
    background-color: #4391ff;
    color: #fff;
    background-image: url(../images/counseling/tab_on.png)
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_tab_box ul li {
        padding:0 5px
    }

    .chk_list_sec .chk_tab_box ul li a {
        height: 45px;
        line-height: 45px;
        border-radius: 45px;
        font-size: 16px;
        text-indent: 10px;
        background-position: 10% center;
        background-size: 16px auto
    }
}

.chk_list_sec .target_info_list {
    margin-top: 150px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .target_info_list {
        margin-top:60px
    }
}

.chk_list_sec .target_info_list li .inner {
    background: #fdfdfd
}

.chk_list_sec .top_tit {
    padding-top: 60px;
    background: url(../images/counseling/chk_t_i.png) no-repeat center 0;
    color: #222;
    font-weight: 600;
    font-size: 35px;
    padding-bottom: 50px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .top_tit {
        background-size:30px;
        padding-top: 40px;
        font-size: 22px
    }
}

.chk_list_sec .chk_list_bx {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 45px 90px 70px;
    text-align: left
}

.chk_list_sec .chk_list_bx.type_02 li {
    padding: 10px 100px 10px 30px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx.type_02 li {
        padding:10px 10px 10px 30px
    }
}

.chk_list_sec .chk_list_bx.type_02 li:after {
    display: none
}

.chk_list_sec .chk_list_bx.type_02 li .answer_txt {
    position: absolute;
    top: 9px;
    right: 10px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx.type_02 li .answer_txt {
        position:static;
        display: inherit;
        margin-top: 10px
    }
}

.chk_list_sec .chk_list_bx.type_02 li .answer_txt span {
    position: relative;
    display: inline-block;
    padding-left: 40px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx.type_02 li .answer_txt span {
        padding-left:30px
    }
}

.chk_list_sec .chk_list_bx.type_02 li .answer_txt span:first-child {
    margin-right: 20px
}

.chk_list_sec .chk_list_bx.type_02 li .answer_txt span .custom_chk {
    right: auto;
    left: 0
}

.chk_list_sec .chk_list_bx .s_t {
    margin-top: -30px;
    color: #4391ff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 50px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx .s_t {
        font-size:14px;
        margin-top: -10px;
        margin-bottom: 30px
    }
}

.chk_list_sec .chk_list_bx .tit {
    padding-top: 60px;
    background: url(../images/counseling/chk_t_i.png) no-repeat center 0;
    color: #222;
    font-weight: 600;
    font-size: 35px;
    padding-bottom: 50px;
    text-align: center
}

.chk_list_sec .chk_list_bx .tit.chk_i {
    background: url(../images/counseling/chk_tit.png) no-repeat center 0
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx .tit.chk_i {
        background-size:30px
    }
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx .tit {
        background-size:30px;
        padding-top: 40px;
        font-size: 22px;
        padding-bottom: 20px
    }
}

.chk_list_sec .chk_list_bx li {
    font-size: 1.125em;
    border-bottom: 1px solid #ddd;
    padding: 10px 40px 10px 20px;
    position: relative
}

.chk_list_sec .chk_list_bx li:first-child {
    border-top: 1px solid #ddd
}

.chk_list_sec .chk_list_bx li.i_off:after {
    content: '';
    background: url(../images/counseling/chk_off.png) repeat center 0;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -15px
}

.chk_list_sec .chk_list_bx li .num_t {
    font-weight: 600;
    color: #4391ff;
    margin-right: 10px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx li {
        padding:10px 40px 5px 35px
    }

    .chk_list_sec .chk_list_bx li .num_t {
        margin-right: 5px;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -11px
    }
}

.chk_list_sec .chk_list_bx li .custom_chk {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -15px;
    cursor: pointer;
    background: url(../images/counseling/chk_off.png) no-repeat center 0
}

@media screen and (max-width: 768px) {
    .chk_list_sec .chk_list_bx li .custom_chk {
        right:0
    }
}

.chk_list_sec .chk_list_bx li .custom_chk input[type=checkbox],.chk_list_sec .chk_list_bx li .custom_chk input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.chk_list_sec .chk_list_bx li .custom_chk.on {
    background: url(../images/counseling/chk_on.png) no-repeat center 0
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx {
        padding:30px 20px 30px
    }
}

.add_info_sec {
    padding: 80px 0 140px;
    text-align: center
}

.add_info_sec .add_info_list._info li .inner {
    min-height: 320px
}

@media screen and (max-width: 1024px) {
    .add_info_sec .add_info_list._info li .inner {
        padding:20px 20px;
        min-height: auto
    }
}

.add_info_sec .add_info_list._0207 li .inner {
    padding: 45px 30px 30px;
    min-height: 420px
}

.add_info_sec .add_info_list._0207 li .inner .des {
    font-size: 1.2em;
    letter-spacing: -0.8px
}

@media screen and (max-width: 1024px) {
    .add_info_sec .add_info_list._0207 li .inner {
        padding:20px 20px;
        min-height: auto
    }
}

.add_info_sec .add_info_list._0201 li .inner {
    min-height: 430px
}

@media screen and (max-width: 1024px) {
    .add_info_sec .add_info_list._0201 li .inner {
        min-height:auto
    }
}

.add_info_sec .add_info_list li .inner {
    border: 1px solid #ddd;
    padding: 45px 40px 20px;
    min-height: 370px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.add_info_sec .add_info_list li .inner .tit {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 25px;
    color: #222;
    padding-top: 70px;
    background-repeat: no-repeat;
    background-position: center 0
}

.add_info_sec .add_info_list li .inner .tit.way_i {
    background-image: url(../images/counseling/way_i.png)
}

.add_info_sec .add_info_list li .inner .tit.rec_i {
    background-image: url(../images/counseling/rec_i.png)
}

.add_info_sec .add_info_list li .inner .tit.eff_i {
    background-image: url(../images/counseling/eff_i.png)
}

.add_info_sec .add_info_list li .inner .tit.time_i {
    background-image: url(../images/counseling/time_i.png)
}

.add_info_sec .add_info_list li .inner .tit.call_i {
    background-image: url(../images/counseling/call_i.png)
}

.add_info_sec .add_info_list li .inner .tit.card_i {
    background-image: url(../images/counseling/card_i.png)
}

.add_info_sec .add_info_list li .inner .tit.calen_i {
    background-image: url(../images/counseling/calen_i.png)
}

@media screen and (max-width: 1024px) {
    .add_info_sec .add_info_list li .inner .tit {
        background-size:30px;
        margin-bottom: 15px;
        padding-top: 45px
    }
}

.add_info_sec .add_info_list li .inner .des {
    font-size: 1.25em;
    letter-spacing: -0.6px;
    line-height: 1.7
}

.add_info_sec .add_info_list li .inner .des .sma_txt {
    font-size: 0.75em;
    display: block
}

.add_info_sec .add_info_list li .inner .des span {
    padding: 0 5px
}

.add_info_sec .add_info_notice {
	margin-top: 60px;
	font-size: 1.25em;
}

@media screen and (max-width: 1024px) {
    .add_info_sec .add_info_list li .inner {
        padding:20px;
        min-height: auto
    }
}

@media screen and (max-width: 1024px) {
    .add_info_sec .add_info_list li {
        margin-bottom:15px
    }
}

@media screen and (max-width: 1024px) {
    .add_info_sec {
        padding:30px 0 60px
    }

	.add_info_sec .add_info_notice {
		margin-top: 20px;
	}
}

.target_info_sec {
    padding: 80px 0
}

@media screen and (max-width: 1024px) {
    .target_info_sec {
        padding:30px 0 30px
    }
}

.target_info_list {
    margin-top: 60px
}

.target_info_list li {
    text-align: center
}

.target_info_list li:first-child .tit {
    color: #4391ff
}

.target_info_list li:first-child .num_t {
    background-image: url(../images/counseling/target_01.png)
}

.target_info_list li:nth-child(2) .tit {
    color: #ffad43
}

.target_info_list li:nth-child(2) .num_t {
    background-image: url(../images/counseling/target_02.png)
}

.target_info_list li:nth-child(3) .tit {
    color: #ea7c91
}

.target_info_list li:nth-child(3) .num_t {
    background-image: url(../images/counseling/target_03.png)
}

@media screen and (max-width: 1024px) {
    .target_info_list li {
        margin-top:50px
    }

    .target_info_list li:first-child {
        margin-top: 0
    }
}

.target_info_list li .inner {
    position: relative;
    border: 1px solid #ddd;
    padding: 105px 30px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 300px
}

.target_info_list li .inner .num_t {
    position: absolute;
    top: -60px;
    left: 50%;
    width: 100%;
    margin-left: -73px;
    background-size: cover;
    background-position: center 0;
    background-repeat: no-repeat;
    width: 146px;
    height: 146px;
    font-size: 1.25em;
    color: #fff;
    text-align: center;
    line-height: 146px;
    font-weight: 700
}

.target_info_list li .inner .tit {
    font-size: 35px;
    margin-bottom: 15px;
    font-weight: 600
}

.target_info_list li .inner .des {
    font-size: 1.0625em
}

@media screen and (max-width: 1024px) {
    .target_info_list li .inner {
        padding:50px 20px 20px;
        height: auto
    }

    .target_info_list li .inner .num_t {
        top: -40px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-left: -40px;
        font-size: 14px;
        letter-spacing: -1px
    }

    .target_info_list li .inner .tit {
        font-size: 20px
    }
}

.symptom_sec {
    background: #f4f3f3;
    padding: 90px 0 100px
}

.symptom_sec .symptom_tit {
    font-weight: 600;
    color: #222;
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .symptom_sec {
        padding:40px 0
    }

    .symptom_sec .symptom_tit {
        font-size: 16px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1024px) {
    .couns_num_list {
        margin:0
    }
}

.couns_num_list._03 li {
    width: 33.3333%
}

.couns_num_list._03 li .txt_bx {
	padding: 50px 20px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.couns_num_list._03 li .des_01 {
    background: #fff;
    height: 155px;
    padding: 20px 0;
    font-size: 1.125em
}
.couns_num_list._03 li .des_04 {
	display: inline-block;
    background: #fff;
    padding: 20px 0;
	text-align: left;
}

@media screen and (max-width: 1024px) {
    .couns_num_list._03 li .des_01 {
        height:130px
    }
}

@media screen and (max-width: 768px) {
    .couns_num_list._03 li .des_01 {
        height:auto;
        padding: 30px 15px 20px
    }
}

@media screen and (max-width: 1024px) {
    .couns_num_list._03 li {
        width:50%
    }
}

@media screen and (max-width: 768px) {
    .couns_num_list._03 li {
        width:100%
    }
}

.couns_num_list._04 li {
    width: 25%
}

.couns_num_list._04 li .txt_bx {
    padding: 40px 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.couns_num_list._04 li .txt_bx .tit {
    font-size: 1.25em;
    margin-bottom: 10px;
    color: #222;
    font-weight: bold
}

.couns_num_list._04 li .txt_bx .st {
    height: 70px
}

@media screen and (max-width: 1024px) {
    .couns_num_list._04 li {
        width:50%
    }
}

@media screen and (max-width: 768px) {
    .couns_num_list._04 li {
        width:100%
    }

    .couns_num_list._04 li .des_02 {
        height: auto
    }
}

.couns_num_list._02 li {
    width: 50%
}

.couns_num_list._02 li .txt_bx {
    padding: 50px 20px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.couns_num_list._02 li .txt_bx .tit {
    font-size: 1.5625em;
    margin-bottom: 10px;
    color: #222;
    font-weight: bold
}

.couns_num_list._02 li .txt_bx .des_02 {
    font-size: 1.125em;
    height: 140px
}

.couns_num_list._02 li .txt_bx .des_03 {
    font-size: 1.125em;
    height: 80px
}

.couns_num_list._02 li .txt_bx .des_03 ._inline {
    display: inline-block;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .couns_num_list._02 li .txt_bx .des_03 ._inline {
        display:block;
        text-align: center
    }
}

.couns_num_list._02 li .txt_bx .des_03.h_auto {
    height: auto
}

.couns_num_list._02 li .txt_bx .des_03.h_auto ._inline {
    min-height: 128px
}

@media (max-width: 768px) {
    .couns_num_list._02 li .txt_bx .des_03.h_auto ._inline {
        min-height:auto
    }
}

.couns_num_list._02 li .txt_bx .des_04 {
    font-size: 1.125em;
    height: 60px;
	line-height: 60px;
}
.couns_num_list._02 li .txt_bx .des_04 ._vertical_middle {
	display: inline-block;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .couns_num_list._02 li {
        width:100%
    }

    .couns_num_list._02 li .txt_bx {
        height: auto;
        padding: 30px 20px 20px
    }

    .couns_num_list._02 li .txt_bx .des_02 {
        height: auto
    }
}

.couns_num_list li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    text-align: center;
    margin: 20px 0
}

@media screen and (max-width: 768px) {
    .couns_num_list li {
        float:none;
        padding: 0
    }
}

.couns_num_list li .txt_bx {
    position: relative;
    padding: 0 20px;
    background: #fff;
    margin: -10px auto 0;
    width: 90%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.couns_num_list li .txt_bx .num_t {
    border-radius: 45px;
    background: #4391ff;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 45px;
    height: 45px;
    width: 45px;
    position: absolute;
    top: -22.5px;
    left: 50%;
    margin-left: -22.5px
}

.couns_num_list li .txt_bx .tit {
    font-size: 1.5625em;
    color: #222;
    margin-bottom: 10px
}
.couns_num_list li .txt_bx .type {
	display: inline-block;
    position: relative;
    top: -16px;
    padding: 2px 1rem;
    background-color: #4391ff;
    color: #ffffff;
    border-radius: 1rem;
}

.couns_num_list li .txt_bx .step_bx {
	margin-top: 1em;
	font-size: 1.125em;
}
.couns_num_list li .txt_bx .step_bx .step {
	display: inline-block;
	border-radius: 3em;
	padding: 1em 4em;
	background-color: #e7f1ff;
}


.gift_card {
	padding: 120px 0 60px;
	background-color: #f4f3f3;
}
.gift_card .gift_card_cont {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.gift_card .gift_card_cont .desc {
	width: 800px;
	padding: 0 20px;
	font-size: 2em;
	text-align: center;
}
@media screen and (max-width: 1600px) {
	.gift_card .gift_card_cont {
		flex-direction: column;
	}
	.gift_card .gift_card_cont .desc {
		width: auto;
	}
}
@media screen and (max-width: 1024px) {
	.gift_card {
		padding: 60px 0;
	}
}



.quote_pt_bx {
    margin-top: 40px;
    background: #fff;
    text-align: center;
    background: #fff;
    border: 2px solid #7eb3ff;
    padding: 50px 20px;
    color: #222;
    font-size: 22px;
    font-weight: 600;
    border-radius: 10px
}

.quote_pt_bx._tpt {
    background: rgba(255, 255, 255, 0.7)
}

.quote_pt_bx._art_t {
    font-size: 1.125em;
    font-weight: 400
}

.quote_pt_bx .tit {
    font-size: 34px;
    line-height: 42px;
    margin-bottom: 50px;
    font-weight: 700;
    color: #222
}

@media (max-width: 1024px) {
    .quote_pt_bx .tit {
        font-size:24px;
        line-height: 32px;
        margin-bottom: 25px
    }
}

.quote_pt_bx .des {
    display: inline-block;
    position: relative
}

.quote_pt_bx .des:before {
    content: '';
    background: url(../images/counseling/quote_l.png) no-repeat 0 0;
    width: 31px;
    height: 24px;
    position: absolute;
    top: 0;
    left: -50px
}

.quote_pt_bx .des:after {
    content: '';
    background: url(../images/counseling/quote_r.png) no-repeat 0 0;
    width: 31px;
    height: 24px;
    position: absolute;
    top: 0;
    right: -50px
}

@media screen and (max-width: 1024px) {
    .quote_pt_bx {
        padding:30px 40px;
        margin-top: 15px;
        font-size: 16px
    }

    .quote_pt_bx .des:after,.quote_pt_bx .des:before {
        background-size: 16px auto;
        width: 16px
    }

    .quote_pt_bx .des:before {
        left: -20px
    }

    .quote_pt_bx .des:after {
        right: -20px
    }
}

.cause_sec {
    padding: 90px 0;
    background: #f4f3f3
}

.cause_sec ul {
    padding: 0 50px
}

.cause_sec ul li .inner {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    padding: 40px 40px 50px
}

.cause_sec ul li .inner .tit {
    font-size: 1.5em;
    color: #222;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px
}

@media screen and (max-width: 1024px) {
    .cause_sec ul li .inner .tit {
        margin-bottom:20px
    }
}

.cause_sec ul li .inner .des {
    margin-top: 30px;
    font-size: 1.125em
}

@media screen and (max-width: 1024px) {
    .cause_sec ul {
        padding:0
    }

    .cause_sec ul li {
        margin-top: 15px
    }

    .cause_sec ul li .inner {
        padding: 20px 20px 30px
    }

    .cause_sec ul li .inner .des {
        margin-top: 20px
    }

    .cause_sec ul li:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 1024px) {
    .cause_sec {
        background:#f4f3f3;
        padding: 40px 0
    }
}

.prevention_sec {
    height: 780px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 110px 0;
    background: url(../images/counseling/prevention_bg.jpg) no-repeat center 0
}

.prevention_sec .tit {
    color: #222;
    text-align: center;
    font-size: 33px;
    margin-bottom: 40px;
    font-weight: 600
}

@media screen and (max-width: 1024px) {
    .prevention_sec {
        height:auto;
        padding: 40px 0;
        background-size: cover
    }

    .prevention_sec .tit {
        font-size: 18px;
        margin-bottom: 50px
    }

    .prevention_sec ul {
        margin-top: 50px
    }
}

.prevention_sec li {
    position: relative;
    margin-top: 30px
}

@media screen and (max-width: 1024px) {
    .prevention_sec li {
        margin-top:50px
    }
}

.prevention_sec li:first-child {
    margin-top: 0
}

.prevention_sec li:first-child .num_t {
    background-image: url(../images/counseling/target_01.png)
}

.prevention_sec li:nth-child(2) .num_t {
    background-image: url(../images/counseling/target_03.png)
}

.prevention_sec li .des {
    background: rgba(255, 255, 255, 0.85);
    height: 210px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 85px;
    font-size: 1.25em;
    color: #222;
    margin-left: 75px;
    line-height: 1.8
}

@media screen and (max-width: 1024px) {
    .prevention_sec li .des {
        padding:50px 20px 20px;
        margin-left: 0;
        height: auto;
        font-size: 15px
    }
}

.prevention_sec li .num_t {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -73px;
    background-size: cover;
    background-position: center 0;
    background-repeat: no-repeat;
    width: 146px;
    height: 146px;
    font-size: 1.25em;
    color: #fff;
    text-align: center;
    line-height: 146px;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .prevention_sec li .num_t {
        top:-40px;
        left: 50%;
        margin-top: 0;
        margin-left: -40px;
        width: 80px;
        height: 80px;
        line-height: 80px
    }
}

.symptom_type_sec {
    padding: 80px 0;
    background: #f4f3f3;
    text-align: center
}

.symptom_type_sec .tit {
    color: #222;
    font-weight: 600;
    margin-bottom: 30px;
    font-size: 33px
}

.symptom_type_sec li {
    margin-top: 50px
}

@media screen and (max-width: 1024px) {
    .symptom_type_sec li {
        margin-top:30px
    }
}

.symptom_type_sec li:first-child {
    margin-top: 0
}

.symptom_type_sec li .img_bx {
    position: relative
}

.symptom_type_sec li .img_bx .img_txt {
    position: absolute;
    top: 50%;
    left: 70px;
    color: #222;
    font-size: 45px;
    margin-top: -37px;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .symptom_type_sec li .img_bx .img_txt {
        left:0;
        width: 100%;
        text-align: center;
        font-size: 23px;
        margin-top: -15px;
        font-weight: 600
    }
}

.symptom_type_sec .txt_bx {
    margin-top: 40px;
    font-size: 1.125em;
    color: #222;
    line-height: 1.8
}

.symptom_type_sec .txt_bx .txt_mt {
    margin-top: 30px
}

@media screen and (max-width: 1024px) {
    .symptom_type_sec {
        padding:30px 0
    }

    .symptom_type_sec .tit {
        font-size: 18px;
        margin-bottom: 20px
    }

    .symptom_type_sec .txt_bx {
        margin-top: 20px
    }

    .symptom_type_sec .txt_bx .txt_mt {
        margin-top: 18px
    }
}

.major_sec {
    padding: 80px 0;
    text-align: center
}

.major_sec .section_tit {
    margin-bottom: 50px
}

@media screen and (max-width: 1024px) {
    .major_sec .section_tit {
        margin-bottom:20px
    }
}

.major_sec .txt_bx {
    border: 1px solid #ddd;
    padding: 50px 0
}

@media screen and (max-width: 1024px) {
    .major_sec .txt_bx {
        padding:30px 30px
    }
}

.major_sec ul {
    padding: 0 0 0 150px
}

.major_sec ul._list2 {
    padding: 0 40px 0 60px
}

.major_sec ul._list2 li {
    width: 50%
}

@media screen and (max-width: 1024px) {
    .major_sec ul._list2 {
        padding:0
    }

    .major_sec ul._list2 li {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .major_sec ul {
        padding:0
    }
}

.major_sec li {
    position: relative;
    padding-left: 40px;
    font-size: 1.2em;
    width: 33.333%;
    letter-spacing: -0.8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0;
    float: left;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .major_sec li {
        width:100%;
        padding-left: 30px;
        margin: 7px 0
    }
}

.major_sec li:before {
    content: '';
    background: url(../images/counseling/chk_on.png) repeat center 0;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 2px;
    left: 0
}

@media screen and (max-width: 1024px) {
    .major_sec {
        padding:30px 0
    }
}

.stress_bodych_sec {
    padding: 110px 0 40px;
    text-align: center
}

.stress_bodych_sec .img_bx {
    margin-bottom: 30px
}

.stress_bodych_sec .method_bx {
    margin-top: 60px;
    border: 1px solid #ddd;
    border-width: 1px 0;
    padding: 60px 100px 50px;
    position: relative
}

.stress_bodych_sec .method_bx .tit {
    font-size: 1.5625em;
    color: #222;
    font-weight: bold;
    position: absolute;
    top: -19px;
    left: 0;
    width: 100%
}

.stress_bodych_sec .method_bx .tit span {
    background: #fff;
    display: inline-block;
    padding: 0 20px
}

@media screen and (max-width: 1024px) {
    .stress_bodych_sec .method_bx {
        padding:40px 0 20px;
        margin-top: 30px
    }

    .stress_bodych_sec .method_bx .tit {
        top: -15px
    }

    .stress_bodych_sec .method_bx .tit span {
        padding: 0 10px
    }
}

.stress_bodych_sec .method_bx li .txt {
    font-size: 1.25em;
    color: #222;
    margin-top: 20px
}

@media screen and (max-width: 1024px) {
    .stress_bodych_sec .method_bx li {
        margin-bottom:20px
    }
}

.stress_bodych_sec .bot_txt {
    margin-top: 50px;
    font-size: 1.25em;
    color: #222
}

@media screen and (max-width: 1024px) {
    .stress_bodych_sec .bot_txt {
        margin-top:30px
    }
}

.stress_bodych_sec .des {
    font-size: 1.125em
}

@media screen and (max-width: 1024px) {
    .stress_bodych_sec {
        padding:40px 0 20px
    }
}

.relations_type_sec {
    padding: 80px 0 100px;
    background: #f4f3f3 url(../images/counseling/relations_type_bg.jpg) no-repeat center bottom;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .relations_type_sec {
        padding:30px 0 40px
    }
}

.addiction_type_sec {
    padding: 90px 0
}

.addiction_type_sec .addiction_list li {
    margin: 30px 0
}

@media screen and (max-width: 1024px) {
    .addiction_type_sec .addiction_list li {
        margin:10px 0
    }
}

.addiction_type_sec .addiction_list li:after {
    content: '';
    display: block;
    visibility: hidden
}

.addiction_type_sec .addiction_list li .img_bx {
    float: left;
    margin-right: 40px
}

@media screen and (max-width: 1024px) {
    .addiction_type_sec .addiction_list li .img_bx {
        margin-right:20px
    }

    .addiction_type_sec .addiction_list li .img_bx img {
        width: 100px
    }
}

.addiction_type_sec .addiction_list li .txt_bx {
    font-size: 1.125em;
    padding: 60px 0;
    overflow: hidden
}

.addiction_type_sec .addiction_list li .txt_bx .tit {
    font-size: 1.14em;
    font-weight: bold;
    margin-bottom: 10px
}

@media screen and (max-width: 1024px) {
    .addiction_type_sec .addiction_list li .txt_bx {
        padding:40px 0
    }
}

.addiction_list li:first-child .txt_bx {
    padding: 40px 0
}

@media screen and (max-width: 1024px) {
    .addiction_list li:first-child .txt_bx {
        padding:0
    }
}

@media screen and (max-width: 1024px) {
    .addiction_type_sec {
        padding:40px 0
    }
}

.language_reh_sec_01 {
    height: 1203px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 120px 0 0;
    background: url(../images/counseling/language_reh_01.jpg) no-repeat center 0
}

@media screen and (max-width: 1024px) {
    .language_reh_sec_01 {
        padding:40px 0;
        background-size: cover;
        height: auto
    }
}

.language_reh_sec_02 {
    height: 1529px;
    padding: 120px 0 0;
    background: url(../images/counseling/language_reh_02.jpg) no-repeat center 0
}

@media screen and (max-width: 1024px) {
    .language_reh_sec_02 {
        padding:40px 0;
        background-size: cover;
        height: auto
    }
}

.lovehands_step_sec {
    height: 1132px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 120px 0 0;
    background: url(../images/counseling/lovehands_step_01.jpg) no-repeat center 0
}
.lovehands_step_sec td span {
	display: block;
	position: relative;
	margin: 35px 0;
    padding-left: 15px
}

@media screen and (max-width: 1024px) {
    .lovehands_step_sec {
        padding:40px 0;
        background-size: cover;
        height: auto
    }
	.lovehands_step_sec td span {
		margin: 15px 0;
	}
}

.tbl_type_a {
    width: 100%;
    word-break: break-all;
    border-top: 1px solid #777
}

.tbl_type_a .col_01 {
    width: 255px
}

@media screen and (max-width: 1024px) {
    .tbl_type_a .col_01 {
        width:100px
    }
}

.tbl_type_a tr:first-child th {
    background: #a8ccff
}

.tbl_type_a tr:nth-child(2) th {
    background: #7db3ff
}

.tbl_type_a tr:nth-child(3) th {
    background: #4391ff
}

.tbl_type_a td,.tbl_type_a th {
    word-break: break-all;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 1.125em;
    padding: 40px 40px
}

@media screen and (max-width: 1024px) {
    .tbl_type_a td,.tbl_type_a th {
        padding:15px 10px
    }
}

.tbl_type_a td:first-child,.tbl_type_a th:first-child {
    border-left: 0
}

.tbl_type_a th {
    font-size: 1.25em;
    color: #fff;
    font-weight: 600;
    text-align: center
}

.tbl_type_a td {
    text-align: left
}

.tbl_type_a td .ht_t {
    font-size: 1.2em
}

.tbl_type_b {
    width: 100%;
    word-break: break-all;
    border-top: 2px solid #222
}

.tbl_type_b .col_01 {
    width: 50px
}

@media screen and (max-width: 1024px) {
    .tbl_type_b .col_01 {
        width:100px
    }
}

.tbl_type_b thead th {
    font-size: 1.375em;
    color: #222;
    font-weight: 600;
    text-align: center
}

.tbl_type_b tbody tr th {
    font-size: 1.25em;
    color: #fff;
    font-weight: 600;
    text-align: center
}

.tbl_type_b tbody tr th p {
    width: 20px;
    word-wrap: break-word;
    text-align: center;
    margin: 0 auto
}

.tbl_type_b tbody tr td {
    text-align: left;
    background: #f4f3f3;
    color: #222;
    text-align: center
}

.tbl_type_b tbody tr td .ht_t {
    font-size: 1.2em
}

.tbl_type_b tbody tr td:last-child {
    background: #fff!important;
    color: #444;
    text-align: left
}

.tbl_type_b tbody tr:first-child th {
    background: #a8ccff
}

.tbl_type_b tbody tr:nth-child(n+5) td {
    background: #f2f5f8
}

.tbl_type_b tbody tr:nth-child(n+5):nth-child(-n+9) th {
    background: #7db3ff
}

.tbl_type_b tbody tr:nth-child(n+5):nth-child(-n+9) td {
    background: #ebeff3
}

.tbl_type_b tbody tr:nth-child(n+10):nth-child(-n+12) th {
    background: #4391ff
}

.tbl_type_b tbody tr:nth-child(n+10):nth-child(-n+12) td {
    background: #e2e7ee
}

.tbl_type_b tbody tr:nth-child(n+13):nth-child(-n+15) th {
    background: #2273e6
}

.tbl_type_b tbody tr:nth-child(n+13):nth-child(-n+15) td {
    background: #d0d7e0
}

.tbl_type_b td,.tbl_type_b th {
    word-break: break-all;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 1.125em;
    padding: 20px 15px
}

@media screen and (max-width: 1024px) {
    .tbl_type_b td,.tbl_type_b th {
        padding:15px 10px
    }
}

.tbl_type_b td:first-child,.tbl_type_b th:first-child {
    border-left: 0
}


.tbl_type_c {
    width: 100%;
    word-break: break-all;
    border-top: 1px solid #777
}
.tbl_type_c .col_01 {
    width: 200px
}
@media screen and (max-width: 1024px) {
    .tbl_type_c .col_01 {
        width:100px
    }
}
.tbl_type_c tr:first-child th {
    background: #a8ccff
}
.tbl_type_c tr:nth-child(2) th {
    background: #8bb8fa
}
.tbl_type_c tr:nth-child(3) th {
    background: #6ba5f3
}
.tbl_type_c tr:nth-child(4) th {
    background: #4489ed
}
.tbl_type_c tr:nth-child(5) th {
    background: #2273e6
}
.tbl_type_c tr:first-child th+td {
    background: #f4f3f3
}
.tbl_type_c tr:nth-child(2) th+td {
    background: #edeeef
}
.tbl_type_c tr:nth-child(3) th+td {
    background: #e4e7eb
}
.tbl_type_c tr:nth-child(4) th+td {
    background: #dbe0e6
}
.tbl_type_c tr:nth-child(5) th+td {
    background: #d0d7e0
}
.tbl_type_c td,.tbl_type_c th {
    word-break: break-all;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 1.125em;
    padding: 40px 40px
}
@media screen and (max-width: 1024px) {
    .tbl_type_c td,.tbl_type_c th {
        padding:15px 10px
    }
}
.tbl_type_c td:first-child,.tbl_type_c th:first-child {
    border-left: 0
}
.tbl_type_c th {
    font-size: 1.25em;
    color: #fff;
    font-weight: 600;
    text-align: center
}
.tbl_type_c td {
    text-align: left
}
.tbl_type_c td .ht_t {
    font-size: 1.2em
}


.language_reh_tbl {
    width: 100%;
    word-break: break-all;
    border-top: 2px solid #222
}

.language_reh_tbl .col_1 {
    width: 14%
}

@media screen and (max-width: 1024px) {
    .language_reh_tbl .col_1 {
        width:80px
    }
}

.language_reh_tbl thead th {
    padding: 10px 0;
    text-align: center;
    font-size: 1.125em;
    color: #fff;
    font-weight: 600
}

.language_reh_tbl td,.language_reh_tbl th {
    word-break: break-all;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd
}

@media screen and (max-width: 1024px) {
    .language_reh_tbl td,.language_reh_tbl th {
        padding:15px 10px
    }
}

.language_reh_tbl td:first-child,.language_reh_tbl th:first-child {
    border-left: 0
}

.language_reh_tbl th {
    color: #fff
}

.language_reh_tbl td {
    text-align: left;
    background: rgba(255, 255, 255, 0.5);
    color: #222;
    padding: 20px 20px
}

.language_reh_tbl td p {
    position: relative;
    padding-left: 15px
}

.language_reh_tbl td p:before {
    content: '·';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #4391ff
}

@media screen and (max-width: 768px) {
    .language_reh_tbl td {
        padding:10px
    }
}

.language_reh_tbl._01 thead th:nth-child(2) {
    color: #222;
    background: rgba(255, 255, 255, 0.5)
}

.language_reh_tbl._01 thead th:first-child {
    background: #6ea2ec
}

.language_reh_tbl._01 tbody th {
    background: #6ea2ec
}

.language_reh_tbl._02 thead th:first-child {
    background: #a8ccff
}

.language_reh_tbl._02 thead th:nth-child(2) {
    background: #7eb3ff
}

.language_reh_tbl._02 thead th:nth-child(3) {
    background: #6ea2ec
}

.language_reh_tbl._02 tbody tr:last-child th {
    background: #7eb3ff
}

.language_reh_tbl._02 tbody th {
    background: #a8ccff;
    position: relative
}

.language_reh_tbl._02 tbody th .th_t {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.cs_type_bx {
    border: 1px solid #ddd;
    padding: 50px 0
}

@media screen and (max-width: 1024px) {
    .cs_type_bx {
        padding:30px 30px
    }
}

.cs_type_bx ul {
    padding: 0 0 0 150px
}

.cs_type_bx ul._list2 {
    padding: 0 50px
}

.cs_type_bx ul._list2 li {
    width: 50%
}

@media screen and (max-width: 1024px) {
    .cs_type_bx ul._list2 {
        padding:0
    }

    .cs_type_bx ul._list2 li {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .cs_type_bx ul {
        padding:0
    }
}

.cs_type_bx li {
    position: relative;
    padding-left: 40px;
    font-size: 1.25em;
    width: 33.333%;
    letter-spacing: -0.8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
    float: left;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .cs_type_bx li {
        width:100%;
        padding-left: 30px;
        margin-bottom: 20px
    }
}

.cs_type_bx li:before {
    content: '';
    background: url(../images/counseling/chk_on.png) repeat center 0;
    width: 20px;
    height: 26px;
    position: absolute;
    top: 2px;
    left: 0
}

.tbl_common_sec,.tmbti_16_sec {
    padding: 90px 0 100px;
    background: url(../images/brandstory/bg.png) repeat;
    padding: 90px 0 150px
}

@media screen and (max-width: 1024px) {
    .tbl_common_sec,.tmbti_16_sec {
        padding:40px 0
    }
}

.tbl_common_sec .inner_bx,.tmbti_16_sec .inner_bx {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 70px 90px 80px;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .tbl_common_sec .inner_bx,.tmbti_16_sec .inner_bx {
        padding:30px 20px 30px
    }
}

.tbl_common_sec .time_bx,.tmbti_16_sec .time_bx {
    margin-top: 40px
}

.tbl_common_sec .time_bx>div,.tmbti_16_sec .time_bx>div {
    background: #fefefe;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 170px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tbl_common_sec .time_bx>div.tit,.tmbti_16_sec .time_bx>div.tit {
    float: left;
    width: 25%;
    line-height: 170px;
    font-weight: 600;
    color: #222;
    text-align: center;
    font-size: 1.5625em;
    background-position: 23% center;
    background-repeat: no-repeat;
    text-indent: 40px;
    background-image: url(../images/counseling/time_i.png)
}

.tbl_common_sec .time_bx>div.des,.tmbti_16_sec .time_bx>div.des {
    float: right;
    width: 74%;
    font-size: 1.125em;
    padding: 50px
}

@media screen and (max-width: 1024px) {
    .tbl_common_sec .time_bx>div,.tmbti_16_sec .time_bx>div {
        height:auto
    }

    .tbl_common_sec .time_bx>div.tit,.tmbti_16_sec .time_bx>div.tit {
        float: none;
        width: auto;
        line-height: 1.7;
        background-size: 40px auto;
        padding: 12px 0 12px 50px;
        background-position: 30px center;
        margin-bottom: 10px;
        text-align: left
    }

    .tbl_common_sec .time_bx>div.des,.tmbti_16_sec .time_bx>div.des {
        float: none;
        width: auto;
        padding: 20px
    }
}

.vidio_sec {
    background: #f4f3f3;
    margin-top: 170px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .vidio_sec {
        height:auto;
        padding-bottom: 40px;
        margin-top: 30px
    }
}

.vidio_sec .youtube_wrap {
    position: relative;
    width: 100%;
    padding-bottom: 50.6%;
    top: -210px
}

.vidio_sec .youtube_wrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media screen and (max-width: 1024px) {
    .vidio_sec .youtube_wrap {
        top:-50px
    }
}

.mbti_4_sec {
    padding: 90px 0;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .mbti_4_sec {
        padding:40px 0
    }
}

.mbti_4_sec .des {
    font-size: 1.25em;
    margin-bottom: 60px
}

@media screen and (max-width: 1024px) {
    .mbti_4_sec .des {
        margin-bottom:30px
    }
}

.mbti_4_sec .mbti_list .inner {
    border: 1px solid #ddd;
    text-align: center;
    padding: 40px;
    margin-bottom: 30px
}

.mbti_4_sec .mbti_list .inner .tit {
    font-size: 1.5625em;
    color: #222;
    font-weight: bold;
    margin-bottom: 20px
}

@media screen and (max-width: 1024px) {
    .mbti_4_sec .mbti_list .inner {
        padding:20px 20px 10px;
        margin-bottom: 10px
    }

    .mbti_4_sec .mbti_list .inner .tit {
        margin-bottom: 10px
    }
}

.mbti_benefit_sec {
    padding: 0 0 130px
}

.mbti_benefit_sec .benefit_list>li .inner {
    border: 1px solid #ddd;
    padding: 40px 20px 40px 30px;
    height: 437px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .mbti_benefit_sec .benefit_list>li .inner {
        padding:30px 20px;
        margin-bottom: 10px;
        height: auto
    }
}

.mbti_benefit_sec .benefit_list>li .tit {
    font-size: 1.375em;
    font-weight: 600;
    margin-bottom: 30px;
    color: #222;
    padding-top: 170px;
    background-repeat: no-repeat;
    background-position: center 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .mbti_benefit_sec .benefit_list>li .tit {
        background-size:80px auto;
        padding-top: 100px;
        margin-bottom: 15px
    }
}

.mbti_benefit_sec .benefit_list>li li {
    font-size: 1.0625em
}

.mbti_benefit_sec .benefit_list>li:first-child .tit {
    background-image: url(../images/counseling/mbti_bef_01.png)
}

.mbti_benefit_sec .benefit_list>li:nth-child(2) .tit {
    background-image: url(../images/counseling/mbti_bef_02.png)
}

.mbti_benefit_sec .benefit_list>li:nth-child(3) .tit {
    background-image: url(../images/counseling/mbti_bef_03.png)
}

@media screen and (max-width: 1024px) {
    .mbti_benefit_sec {
        padding:0 0 40px
    }
}

.student_sec {
    padding: 90px 0 150px;
    background: url(../images/brandstory/bg.png) repeat
}

@media screen and (max-width: 1024px) {
    .student_sec {
        padding:40px 0 60px
    }
}

.student_sec .section_tit {
    padding-top: 60px;
    background: url(../images/counseling/chk_t_i.png) no-repeat center 0;
    color: #222;
    font-weight: 600;
    font-size: 33px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .student_sec .section_tit {
        background-size:30px;
        padding-top: 40px;
        font-size: 22px
    }
}

.student_sec .des {
    margin-top: 30px;
    text-align: center;
    font-size: 1.125em
}

.couns_step_sec {
    padding: 90px 0
}

@media screen and (max-width: 1024px) {
    .couns_step_sec {
        padding:40px 0
    }
}

.couns_step_sec .step_list>li {
    margin-bottom: 30px
}

.couns_step_sec .step_list>li .tit {
    color: #222;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.5625em
}

.couns_step_sec .step_list>li .bk {
    font-weight: bold
}

.couns_step_sec .step_list>li .des {
    margin-top: 20px;
    font-size: 1.125em;
    min-height: 150px;
    letter-spacing: -0.5px
}

@media screen and (max-width: 1024px) {
    .couns_step_sec .step_list>li .des {
        min-height:none
    }
}

.technique_sec {
    background: #f4f3f3;
    padding: 90px 0 100px
}

.technique_sec .section_tit .st {
    font-size: 23px;
    margin-top: 10px;
    display: block;
    font-weight: 400;
    color: #444
}

@media screen and (max-width: 1024px) {
    .technique_sec .section_tit .st {
        font-size:18px
    }
}

@media screen and (max-width: 1024px) {
    .technique_sec {
        padding:40px 0
    }
}

.technique_sec._bg {
    padding-bottom: 350px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(../images/counseling/technique_06_bg.jpg)
}

@media screen and (max-width: 1024px) {
    .technique_sec._bg {
        padding-bottom:200px;
        background-size: 1080px
    }
}

@media screen and (max-width: 400px) {
    .technique_sec._bg {
        padding-bottom:130px;
        background-size: 720px
    }
}

.treatment_process_sec {
    background: url(../images/counseling/treatment_process_bg.jpg) no-repeat center 0;
    height: 906px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 100px 0
}

@media screen and (max-width: 1024px) {
    .treatment_process_sec {
        padding:40px 0;
        height: auto;
        background-size: cover
    }
}

.treatment_process_sec .process_list {
    text-align: center
}

.treatment_process_sec .process_list li {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 0 20px;
    margin: 20px 0
}

@media screen and (max-width: 1024px) {
    .treatment_process_sec .process_list li {
        float:left;
        width: 50%;
        display: block;
        height: 250px
    }

    .treatment_process_sec .process_list li:last-child {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .treatment_process_sec .process_list li {
        width:100%;
        height: auto
    }
}

.treatment_process_sec .process_list li:before {
    content: '';
    width: 36px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(../images/counseling/step_arrow.png);
    position: absolute;
    top: 60px;
    left: 0;
    margin-left: -18px
}

@media screen and (max-width: 768px) {
    .treatment_process_sec .process_list li:before {
        -webkit-transform:rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 50%;
        top: -32px
    }
}

.treatment_process_sec .process_list li:first-child:before,.treatment_process_sec .process_list li:nth-child(4):before {
    display: none
}

.treatment_process_sec .process_list li:first-child .num_t {
    background: #a8ccff
}

.treatment_process_sec .process_list li:nth-child(2) .num_t {
    background: #7eb3ff
}

.treatment_process_sec .process_list li:nth-child(3) .num_t {
    background: #4391ff
}

@media screen and (max-width: 1024px) {
    .treatment_process_sec .process_list li:nth-child(3):before {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .treatment_process_sec .process_list li:nth-child(3):before {
        display:block
    }
}

.treatment_process_sec .process_list li:nth-child(4) .num_t {
    background: #366dbb
}

@media screen and (max-width: 1024px) {
    .treatment_process_sec .process_list li:nth-child(4):before {
        display:block
    }
}

.treatment_process_sec .process_list li:nth-child(5) .num_t {
    background: #20406d
}

.treatment_process_sec .process_list li .num_t {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 20px;
    color: #fff;
    font-size: 1.5625em;
    font-weight: bold;
    text-align: center;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .treatment_process_sec .process_list li .num_t {
        padding:20px 20px;
        width: 110px;
        height: 110px
    }
}

.treatment_process_sec .process_list li .num_t .step_t {
    display: block;
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 5px
}

.treatment_process_sec .process_list li .tit {
    margin: 15px 0 0;
    font-size: 1.5625em;
    color: #222;
    font-weight: bold
}

.treatment_process_sec .process_list li .des {
    margin-top: 10px;
    font-size: 1.125em
}

.treatment_effect_sec {
    text-align: center;
    padding: 90px 0 0
}

.treatment_effect_sec .des {
    font-size: 1.375em
}

.treatment_effect_sec .img_bx {
    margin: 30px 0
}

@media screen and (max-width: 1024px) {
    .treatment_effect_sec {
        padding:40px 0 0
    }
}

.notify_txt {
    font-size: 20px;
    line-height: 28px;
    color: #222;
    text-align: center;
    font-weight: 300
}

@media screen and (max-width: 1024px) {
    .notify_txt {
        font-size:17px
    }
}

.notify_txt.pd_tb {
    padding: 90px 0 50px
}

@media screen and (max-width: 1024px) {
    .notify_txt.pd_tb {
        padding:45px 0 20px
    }
}

.notify_txt.pd_t {
    padding-top: 70px
}

@media screen and (max-width: 1024px) {
    .notify_txt.pd_t {
        padding-top:35px
    }
}

.counseling_0406 .section_tit {
    letter-spacing: -0.04em
}

.counseling_0406 .notify_txt.pd_tb {
    letter-spacing: -0.05em
}

.counseling_0406 .quote_pt_bx .des {
    font-size: 1.24em
}

.counseling_0406 .quote_pt_bx .txt {
    line-height: 2
}

.counseling_0406 .notify_txt.pd_t {
    letter-spacing: -0.06em
}

.counseling_0406 .couns_num_list._02 li .txt_bx .des_03.h_auto {
    letter-spacing: -0.055em
}

@media (min-width: 1025px) {
    .counseling_0406 .major_sec {
        padding:110px 0 50px
    }

    .counseling_0406 .cons_about_sec {
        padding: 80px 0 105px
    }

    .counseling_0406 .technique_sec {
        padding: 140px 0 345px
    }

    .counseling_0406 .couns_num_list li {
        margin: 0 0 65px
    }

    .counseling_0406 .notify_txt.pd_tb {
        padding: 50px 0
    }

    .counseling_0406 .quote_pt_bx {
        padding: 50px 20px 70px
    }

    .counseling_0406 .quote_pt_bx .tit {
        margin-bottom: 42px
    }

    .counseling_0406 .quote_pt_bx .des {
        font-size: 1.24em
    }

    .counseling_0406 .quote_pt_bx .txt {
        line-height: 2;
        margin-top: 30px
    }

    .counseling_0406 .add_info_sec {
        padding: 150px 140px
    }

    .counseling_0406 .notify_txt.pd_t {
        padding-top: 90px
    }
}


/* video content */
.video_con {
    padding: 90px 0 125px
}
@media screen and (max-width: 1024px) {
    .video_con {
        padding:40px 0 60px
    }
}
.video_con .s_tit_bx {
    text-align: center
}

.video_con .s_tit_bx .s_tit {
    color: #272727;
    font-family: "NanumSquare", sans-serif;
    font-size: 1.875em;
    line-height: 38px;
    margin-bottom: 50px;
    font-weight: 700
}
@media screen and (max-width: 1024px) {
    .video_con .s_tit_bx .s_tit {
        margin-bottom:35px
    }
}
.video_con .video_area a {
    display: block
}
.video_con.gray_bg {
    position: relative
}
.video_con.gray_bg:before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0;
    background-color: #dbdee2
}
@media screen and (max-width: 640px) {
    .video_con.gray_bg:before {
        height:80%
    }
}


/* counseling_hobi */
.counseling_hobi .img-section {
	width: 2000px;
    margin-left: calc((-2000px + 100vw) / 2);
}
.counseling_hobi .content-section {
	text-align: center;	
}
.counseling_hobi .content-section .content {
	padding-top: 12px;
}
.counseling_hobi .content-section .content.p {
	background-color: #fff9df;
}
.counseling_hobi .content-section .content.g {
	background-color: #f4faff;
}
.counseling_hobi .content-section .content .wrap {
	position: relative;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	border: 4px solid #222;
	border-top: none;
	border-bottom: none;
	background-color: #fff;
}
.content .wrap .paper {
	position: absolute;
	top: 0;
	left: -4px;
	width: calc(100% + 8px);
	transform: translate(0, -98%);
}
.content .wrap .paper .paper-1 {
	float: left;
	width: 96px;
}
.content .wrap .paper .paper-2 {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
    border-top: 4px solid #222;
	border-right: 4px solid #222;
    width: calc(100% - 96px);
    padding-top: 96px;
    background-color: #fff;
}
.content .wrap .img-2-1 {
	margin: 120px 0;
}

.content .wrap .tab-list {
	display: inline-block;
	width: 100%;
}
.content .wrap .tab-list .tab {
	float: left;
	position: relative;
	width: 50%;
	padding: 5%;
	background-color: #e9eaee;
	text-align: center;
	cursor: pointer;
}
.content .wrap .tab-list .tab > img {
	vertical-align: middle;
}
.content .wrap .tab-list .tab > img:nth-child(1) {
	display: inline-block;
}
.content .wrap .tab-list .tab > img:nth-child(2) {
	display: none;
}
.content .wrap .tab-list .tab.on > img:nth-child(1) {
	display: none;
}
.content .wrap .tab-list .tab.on > img:nth-child(2) {
	display: inline-block;
}
.content.p .wrap .tab-list .tab.on {
	background-color: #df6378;
}
.content.p .wrap .tab-list .tab.on::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 10%;
	padding-top: 10%;
	border-radius: 50%;
	transform: translate(-50%, 40%);
	background: linear-gradient(180deg, transparent 0%, transparent 50%, #cb4d63 50%, #cb4d63 100%);
}
.content.p .wrap .tab-list .tab.on::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 20px;
	background-color: #cb4d63;
}
.content.g .wrap .tab-list .tab.on {
	background-color: #3c70be;
}
.content.g .wrap .tab-list .tab.on::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 10%;
	padding-top: 10%;
	border-radius: 50%;
	transform: translate(-50%, 40%);
	background: linear-gradient(180deg, transparent 0%, transparent 50%, #2759a3 50%, #2759a3 100%);
}
.content.g .wrap .tab-list .tab.on::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 20px;
	background-color: #2759a3;
}

.content .tab-content-list .tab-content {
	display: none;
	margin-top: 120px;
}
.content .tab-content-list .tab-content.on {
	display: block;
}
.content .tab-content-list .tab-content span.br {
	display: block;
}

.content .tab-content-list .tab-content form {
	padding-bottom: 60px;
}
.content .tab-content-list .tab-content .input-cont {
	width: calc(100% - 160px);
	margin: 60px auto;
	border-top: 2px solid #8d939c;
}
.content .tab-content-list .tab-content .input-cont::after {
	content: '';
	display: block;
	clear: both;
}
.content .tab-content-list .tab-content .input-cont .inline-cont {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d8d8d8;
	color: #222;
	font-size: 20px;
	line-height: 2.4;
}
.content .tab-content-list .tab-content .input-cont .inline-cont .label {
	float: left;
	width: 180px;
	background-color: #f1f1f1;
}
.content .tab-content-list .tab-content .input-cont .inline-cont .input {
	float: left;
	width: calc(100% - 180px);
	padding: 0 20px;
	background-color: #fafafa;
	text-align: left;
	line-height: 46px;
}
.content .tab-content-list .tab-content .input-cont .inline-cont .input input[type="text"],
.content .tab-content-list .tab-content .input-cont .inline-cont .input input[type="tel"],
.content .tab-content-list .tab-content .input-cont .inline-cont .input select {
	height: 36px;
	line-height: 36px;
	max-width: 50%;
}
.content .tab-content-list .tab-content .input-cont .check-cont {
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	text-align: left;
}
.content .tab-content-list .tab-content .input-cont .check-cont input[type="checkbox"] {
	margin-top: 4px;
	vertical-align: top;
}

.content .tab-content-list .tab-content .tab-desc-img {
	margin: 100px 0 40px 0;
}
.content .tab-content-list .tab-content .desc {
	padding-bottom: 100px;
	color: #222;
	font-size: 24px;
	font-weight: 300;
}
.content .tab-content-list .tab-content .why {
	padding: 0 80px;
	padding-bottom: 100px;
}
.content .tab-content-list .tab-content .why > img {
	padding: 10% 0;
}
.content .tab-content-list .tab-content .why .why-desc {
	display: inline-block;
	width: 100%;
	border: 3px solid;
	border-radius: 24px;
	padding: 30px;
	background-color: #fff;
}
.content .tab-content-list .tab-content .why .why-desc .txt {
	float: right;
	margin-top: 10px;
	text-align: left;
	font-size: 22px;
	line-height: 2;
}
.content.p .tab-content-list .tab-content .why {
	background-color: #fff1f3;
}
.content.p .tab-content-list .tab-content .why .why-desc {
	border-color: #eb788c;
}
.content.g .tab-content-list .tab-content .why {
	background-color: #f1f5ff;
}
.content.g .tab-content-list .tab-content .why .why-desc {
	border-color: #78a9eb;
}

.content .tab-content-list .tab-content .progress {
	padding-bottom: 100px;
}
.content .tab-content-list .tab-content .progress > img {
	padding: 100px 0;
}
.content .tab-content-list .tab-content .progress table {
	width: calc(100% - 160px);
	margin: 0 auto;
	font-size: 22px;
}
.content .tab-content-list .tab-content .progress table thead th  {
	color: #fff;
	font-size: 24px;
	line-height: 2;
	font-weight: 700;
}
.content.p .tab-content-list .tab-content .progress table thead th:nth-child(1) {
	border-right: 1px solid #fff;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
}
.content.p .tab-content-list .tab-content .progress table thead th:nth-child(3) {
	border-left: 1px solid #fff;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
}
.content.p .tab-content-list .tab-content .progress table thead th {
	background-color: #df6378;
}
.content.g .tab-content-list .tab-content .progress table thead th {
	background-color: #abc9f4;
}

.content .tab-content-list .tab-content .progress table tbody tr {
	border-bottom: 1px solid;
}
.content .tab-content-list .tab-content .progress table tbody td {
	padding: 30px;
	word-break: keep-all;
}
.content .tab-content-list .tab-content .progress table tbody td:not(:first-child) {
	text-align: left;
	border-left: 1px solid;
}
.content.p .tab-content-list .tab-content .progress table tbody tr {
	border-color: #ebd1df;
}
.content.p .tab-content-list .tab-content .progress table tbody td {
	border-color: #ebd1df;
}
.content.g .tab-content-list .tab-content .progress table tbody tr {
	border-color: #abc9f4;
}
.content.g .tab-content-list .tab-content .progress table tbody td {
	border-color: #abc9f4;
}

@media screen and (max-width: 1240px) {
	.counseling_hobi .img-section {
		width: 160%;
		margin-left: -30%;
	}

	.counseling_hobi .content-section .content .wrap {
		width: calc(100% - 40px);
	}

	.content .wrap .img-2-1 {
		width: calc(100% - 40px);
		margin: 20px 0 40px 0;
	}

	.content .wrap .paper .paper-1 {
		width: 12%
	}
	.content .wrap .paper .paper-2 {
		width: calc(100% - 12%);
		padding-top: 12%;
	}

	.content .wrap .tab-list .tab {
		padding: 3%;
	}

	.content.p .wrap .tab-list .tab.on::after {
		padding-top: 3%;
	}
	.content.g .wrap .tab-list .tab.on::after {
		padding-top: 3%;
	}

	.content .tab-content-list .tab-content {
		margin-top: 40px;
	}
	.content .tab-content-list .tab-content span.br {
		display: inline-block;
	}

	.content .tab-content-list .tab-content .tab-title-img {
		max-width: calc(100% - 40px);
	}

	.content .tab-content-list .tab-content .tab-desc-img {
		margin: 40px 0 20px 0;
		max-width: calc(100% - 80px);
	}

	.content .tab-content-list .tab-content .desc {
		padding: 0 10px;
		padding-bottom: 40px;
		font-size: 14px;
	}

	.content .tab-content-list .tab-content .why {
		padding: 0 20px;
		padding-bottom: 40px;
	}
	.content .tab-content-list .tab-content .why .why-desc {
		border-radius: 12px;
	}
	.content .tab-content-list .tab-content .why .why-desc .txt {
		font-size: 14px;
	}

	.content .tab-content-list .tab-content .progress {
		padding-bottom: 40px;
	}
	.content .tab-content-list .tab-content .progress > img {
		padding: 40px 0;
		max-width: calc(100% - 40px);
	}
	.content .tab-content-list .tab-content .progress table {
		width: calc(100% - 40px);
		font-size: 14px;
	}
	.content .tab-content-list .tab-content .progress table thead th {
		font-size: 16px;
	}
	.content .tab-content-list .tab-content .progress table tbody td {
		padding: 20px 10px;
	}


	.content .tab-content-list .tab-content form {
		padding-bottom: 40px;
	}
	.content .tab-content-list .tab-content form img {
		max-width: 50%;
	}
	.content .tab-content-list .tab-content .input-cont {
		width: calc(100% - 40px);
		margin: 40px auto;
	}
	.content .tab-content-list .tab-content .input-cont .inline-cont {
		font-size: 14px;
	}
	.content .tab-content-list .tab-content .input-cont .inline-cont .label {
		width: 60px;
	}
	.content .tab-content-list .tab-content .input-cont .inline-cont .input {
		width: calc(100% - 60px);
		padding: 0 10px;
		line-height: 33px;
	}
	.content .tab-content-list .tab-content .input-cont .inline-cont .input input[type="text"],
	.content .tab-content-list .tab-content .input-cont .inline-cont .input input[type="tel"],
	.content .tab-content-list .tab-content .input-cont .inline-cont .input select {
		height: 24px;
		line-height: 24px;
		max-width: 300px;
	}
}

.cons_circle_sec {
	padding: 100px 0;
	background-color: #f4f3f3;
}
.cons_circle_sec .des {
	text-align: center;
	font-size: 24px;
    color: #222;
	font-weight: 300;
	letter-spacing: -0.02em;
}
.cons_circle_sec .progress .row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	margin-top: 5em;
}
.cons_circle_sec .progress .row .box {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
	margin: 75px 20px 0 20px;
	padding: 6em 0 4em 0;
	border: 1px solid #efefef;
	background-color: #ffffff;
}
.cons_circle_sec .progress .row .box .circle {
	position: absolute;
	top: 0;
	left: 50%;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.cons_circle_sec .progress .row .box .circle .circle2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	margin: 15px;
	border-radius: 50%;
}
.cons_circle_sec .progress .row .box .circle .circle2 > span {
	color: #fff;
	font-size: 24px;
}
.cons_circle_sec .progress .row .divider {
	align-self: center;
}
.cons_circle_sec .progress .row .text {
	color: #222;
	text-align: center;
}
.cons_circle_sec .progress .row .text h3 {
	font-size: 36px;
}
.cons_circle_sec .progress .row .text p {
	margin-top: 1em;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.cons_circle_sec .des  {
		font-size: 15px;
	}
	.cons_circle_sec .progress .row .text h3 {
		font-size: 24px;
	}
}
@media screen and (max-width: 768px) {
	.cons_circle_sec .progress .row {
		flex-direction: column;
	}
	.cons_circle_sec .progress .row .box {
		margin-top: 60px;
		margin-bottom: 20px;
	}
	.cons_circle_sec .progress .row .box .circle {
		width: 120px;
		height: 120px;
	}
	.cons_circle_sec .progress .row .box .circle .circle2 {
		width: 90px;
		height: 90px;
	}
	.cons_circle_sec .progress .row .divider {
		display: none;
	}
}


/* hugring */
.couns_phrase_sec .tit._0601 {
	top: 50%;
	left: 50%;
	right: auto;
	transform: translate(0, -50%);
	text-align: center;
	font-size: 18px;
}
.couns_phrase_sec .tit._0601 .title {
	font-size: 1.4em;
	font-weight: 700;
}
.couns_phrase_sec .tit._0601 .desc {
	margin-top: 3em;
	padding: 4em;
	background-color: rgba(255, 255, 255, 0.8);
}
.couns_phrase_sec .tit._0601 .desc .sub-title {
	display: block;
	margin: 1em 0;
	font-size: 1.5em;
	font-weight: 700;
}
.couns_phrase_sec .tit._0601 .desc p {
	text-align: left;
	font-size: 1.05em;
	font-weight: 400;
}
.couns_phrase_sec .tit._0601 .desc p span {
	font-weight: 700;
	white-space: nowrap;

}
@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0601 {
		font-size: 13px;
    }
	.couns_phrase_sec .tit._0601 .title {
		display: none;
	}
	.couns_phrase_sec .tit._0601 .desc {
		margin-top: 0;
		padding: 2em;
		text-align: left;
	}
	.couns_phrase_sec .tit._0601 .desc > img {
		display: none;
	}
	.couns_phrase_sec .tit._0601 .desc .sub-title {
		margin-top: 0;
	}
}
.hugring .section {
	margin: 120px 0;
}
@media screen and (max-width: 1024px) {
	.hugring .section {
		margin: 60px 0;
	}
}
.hugring .section-check .check-list {
	display: inline-block;
	border: 1px solid #e1e1e1;
	padding: 30px 15px;
	text-align: left;
	font-size: 0;
}
.hugring .section-check .check-list .check-item {
	float: left;
	width: 50%;
	color: #222;
	padding-left: 80px;
	font-size: 20px;
	line-height: 57px;
}
.hugring .section-check .check-list .check-item > img {
	margin-right: 1em;
	margin-bottom: 0.3em;
	vertical-align: middle;
}
@media screen and (max-width: 1024px) {
	.hugring .section-check .check-list .check-item {
		width: 100%;
		padding-left: calc(50% - 170px);
		font-size: 16px;
		line-height: 48px;
	}
}


.couns_phrase_sec .tit._0602 {
    top: 250px;
    right: 80px
}
@media screen and (max-width: 1024px) {
    .couns_phrase_sec .tit._0602 {
        top:75px;
        right: 15px
    }
}
.hugcu .section {
	margin: 120px 0;
}
@media screen and (max-width: 1024px) {
	.hugcu .section {
		margin: 60px 0;
	}
}
.hugcu .section-check .check-list {
	display: inline-block;
	border: 1px solid #e1e1e1;
	padding: 30px 15px;
	text-align: left;
	font-size: 0;
}
.hugcu .section-check .check-list .check-item {
	float: left;
	width: 50%;
	color: #222;
	padding-left: 40px;
	font-size: 20px;
	line-height: 57px;
}
.hugcu .section-check .check-list .check-item:nth-child(2n) {
	width: 40%;
}
.hugcu .section-check .check-list .check-item:nth-child(2n+1) {
	width: 60%;
}
.hugcu .section-check .check-list .check-item > img {
	margin-right: 1em;
	margin-bottom: 0.3em;
	vertical-align: middle;
}
@media screen and (max-width: 1024px) {
	.hugcu .section-check .check-list .check-item {
		width: 100%;
		padding-left: calc(50% - 240px);
		font-size: 16px;
		line-height: 48px;
	}
}
.hugcu .add_info_sec .add_info_list._info li .inner {
	min-height: 380px;
	padding: 45px 20px 20px;
}
@media screen and (max-width: 768px) {
	.hugcu .add_info_sec .add_info_list._info li .inner {
		min-height: auto;
		padding: 20px 20px;
	}
}


.recommand_17 .img-section {
	position: relative;
}
.recommand_17 .img-section .bg {
	height: 750px;
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.recommand_17 .img-section .bg .tit {
	position: absolute;
	left: 50%;
	width: 50%;
	padding: 2em 1em;
	color: #353535;
	font-size: 2.5em;
}
.recommand_17 .img-section.img-sec-3 .bg .tit {
	top: 50%;
	transform: translate(0, -50%);
	text-align: center;
	font-size: 1em;
}
.recommand_17 .img-section.img-sec-3 .bg .tit .t1 {
	font-size: 2em;
}
.recommand_17 .img-section.img-sec-3 .bg .tit .t2 {
	margin-top: 2em;
}
.recommand_17 .img-section .bg .card {
	position: absolute;
	left: 50%;
	bottom: 1em;
}
.recommand_17 .img-section.img-sec-2 .bg .card {
	bottom: 2em;
}
.recommand_17 .img-section .bg .card li {
	display: inline-block;
	margin: 1.5em;
	padding: 2em 1em;
	background-color: rgba(255, 255, 255, 0.5); 
	text-align: center;
}
.recommand_17 .img-section.img-sec-1 .bg .card li {
	width: 220px;
	padding: 3.5em 1em;
}
.recommand_17 .img-section.img-sec-2 .bg .card li {
	position: relative;
	left: 20%;
	padding: 1.5em 3em;
}
.recommand_17 .img-section .bg .card li .card-des {
	color: #353535;
	margin-top: 1em;
}
@media screen and (max-width: 1024px) {
	.recommand_17 .img-section .bg {
		height: 360px;
	}
	.recommand_17 .img-section.img-sec-1 .bg {
		margin-top: 200px;
		margin-bottom: 50px;
	}
	.recommand_17 .img-section.img-sec-2 .bg {
		margin-top: 200px;
		margin-bottom: 100px;
	}
	.recommand_17 .img-section.img-sec-3 .bg {
		margin-bottom: 250px;
	}
	.recommand_17 .img-section .bg .tit {
		position: relative;
		width: 100%;
		left: 0;
		padding: 0;
		text-align: center;
	}
	.recommand_17 .img-section.img-sec-1 .bg .tit {
		top: -200px;
	}
	.recommand_17 .img-section.img-sec-2 .bg .tit {
		top: -200px;
	}
	.recommand_17 .img-section.img-sec-3 .bg .tit {
		top: 105%;
		transform: none;
	}
	.recommand_17 .img-section .bg .card {
		position: absolute;
		display: inline-block;
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 50%);
		white-space: nowrap;
	}
	.recommand_17 .img-section.img-sec-2 .bg .card li {
		left: 0;
	}
}
@media screen and (max-width: 640px) {
	.recommand_17 .img-section .bg {
		height: 240px;
	}
	.recommand_17 .img-section.img-sec-1 .bg {
		margin-top: 100px;
	}
	.recommand_17 .img-section.img-sec-2 .bg {
		margin-top: 125px;
	}
	.recommand_17 .img-section .bg .tit {
		font-size: 1.5em;
	}
	.recommand_17 .img-section.img-sec-1 .bg .tit {
		top: -100px;
	}
	.recommand_17 .img-section.img-sec-2 .bg .tit {
		top: -125px;
	}
	.recommand_17 .img-section .bg .card li {
		margin: 1em;
	}
	.recommand_17 .img-section.img-sec-1 .bg .card li {
		width: 170px;
	}
}

.recommand_17 .about-section {
	padding: 120px 0;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.recommand_17 .about-section {
		padding: 60px 0;
	}
}

.recommand_17 .check-section {
	padding: 120px 0;
}
@media screen and (max-width: 1024px) {
	.recommand_17 .check-section {
		padding: 60px 0;
	}
}
.recommand_17 .check-section .check-list {
	display: inline-block;
	width: 100%;
	border: 1px solid #e1e1e1;
	padding: 30px 15px;
	text-align: center;
	font-size: 0;
}
.recommand_17 .check-section .check-list .check-wrapper {
	display: inline-block;
}
.recommand_17 .check-section .check-list .check-item {
	display: inline-block;
	width: 100%;
	color: #222;
	padding-left: 40px;
	text-align: left;
	font-size: 20px;
	line-height: 57px;
}
.recommand_17 .check-section .check-list .check-item > img {
	margin-right: 1em;
	margin-bottom: 0.3em;
	vertical-align: middle;
}
@media screen and (max-width: 1024px) {
	.recommand_17 .check-section .check-list .check-item {
		width: 100%;
		padding-left: calc(50% - 240px);
		font-size: 16px;
		line-height: 48px;
	}
}

.process_sec {
	padding: 90px;
}
@media screen and (max-width: 1024px) {
    .process_sec {
		padding: 40px;
	}
}