@charset "utf-8";

/* 공통 */
.con_bx{max-width:1000px}
.pre{text-align:center;padding: 50px 0 80px;}

.tt01{background: url('../img/sub/sub_tt01.jpg')no-repeat top left;padding: 5px 0 13px;font-size: 24px;font-weight: 500;margin-top: 5px;word-break: keep-all;}
.em2{font-size: 1.8em;}

.ul01{}
.ul01 li{display:table;width:100%}
.ul01 li .th{display:table-cell;}
.ul01 li .td{display:table-cell;word-break: keep-all;}

@media screen and (max-width:1300px){
    .con_bx{margin: 0 auto;/* padding: 0 20px; */}
}

@media screen and (max-width:1024px){
    .con_bx{padding:0 20px}
}

@media screen and (max-width:768px){
    .tt01{font-size: 18px;padding: 2px 0 10px;}
}



/* 상담실 소개 */
.sub1_1{}
.sub1_1 .con_bx{padding-bottom:50px}
.sub1_1 .con_bx .tt01{padding: 2px 0 20px;}
.sub1_1 .con_bx.con01{padding-bottom: 80px;}
.sub1_1 .con_bx.con01 .con_wr{/* background:#4a7868; */position:relative;/* padding: 40px 50px; *//* width: 90%; */}
.sub1_1 .con_bx.con01 .con_wr .txt_bx{color:#fff;background: #4a7868;padding: 50px 60px;width: 90%;}
.sub1_1 .con_bx.con01 .con_wr .txt_bx .dt::before{display:block;position:absolute;content:'';background:rgba(255,255,255,0.4);width: 25px;height: 1px;bottom: 0;}
.sub1_1 .con_bx.con01 .con_wr .txt_bx .dt{font-weight:500;letter-spacing:0px;position:relative;padding-bottom: 15px;}
.sub1_1 .con_bx.con01 .con_wr .txt_bx .dt p{font-size:32px}
.sub1_1 .con_bx.con01 .con_wr .txt_bx .dt .add{color:rgba(255,255,255,0.6);letter-spacing:3px;font-size: 15px;}
.sub1_1 .con_bx.con01 .con_wr .txt_bx .dd{padding-top: 15px;width: 450px;}
.sub1_1 .con_bx.con01 .con_wr .add_bx{position:absolute;left: 50%;top: -20px;}
.sub1_1 .con_bx.con01 .con_wr .add_bx .csl_bx::before{display:block;position:absolute;content:'';background:rgba(249,238,185,0.3);width:120%;height:120%;left: -10%;top: -10%;}
.sub1_1 .con_bx.con01 .con_wr .add_bx .csl_bx{background:rgba(249,238,185,0.5);position:relative;width: 130px;height: 95px;display: table;}
.sub1_1 .con_bx.con01 .con_wr .add_bx .csl_bx p{display:table-cell;text-align: center;vertical-align: middle;color: #fff;font-weight: 500;letter-spacing: 2px;font-size: 13px;}
.sub1_1 .con_bx.con01 .con_wr .add_bx .csl_bx::after{display:block;position:absolute;content:'';background:rgba(238,246,255,0.6);width: 45px;height: 40px;bottom: -25px;right: -30px;}
.sub1_1 .con_bx.con01 .con_wr .img_bx{position:absolute;right: -10px;top: 50%;margin-top: -166px;}
.sub1_1 .con_bx.con02{}
.sub1_1 .con_bx.con02 .con_wr{position:relative;/* padding-top: 10px; */}
.sub1_1 .con_bx.con02 .con_wr .mark_bx{position:absolute;left:50%;top: -40px;margin-left: 50px;}
.sub1_1 .con_bx.con02 .con_wr .left{display:inline-block;width:50%;margin: 0 -1px;vertical-align: top;}
.sub1_1 .con_bx.con02 .con_wr .left .txt_bx{word-break:keep-all;padding-right: 25px;font-size: 16px;line-height: 34px;}
.sub1_1 .con_bx.con02 .con_wr .left .btm_txt{text-align:right;padding: 10px 35px;}
.sub1_1 .con_bx.con02 .con_wr .left .btm_txt .th{display:inline-block;vertical-align: middle;font-weight: 400;color: #606060;}
.sub1_1 .con_bx.con02 .con_wr .left .btm_txt .td{padding-left: 10px;display: inline-block;}
.sub1_1 .con_bx.con02 .con_wr .right{display:inline-block;width:50%;margin: 60px -1px 0;height: 360px;background: url('../img/sub/s1_1_t2_img.jpg')no-repeat center;background-size: cover;}
.sub1_1 .con_bx.con03{position:relative;/* height: 120px; */}
.sub1_1 .con_bx.con03 .con_wr{/* padding-left:100px; *//* float: left; *//* position: absolute; *//* top: 0; *//* width: 100%; */}
.sub1_1 .con_bx.con03 .con_wr .txt_bx{background:#fcf7de;padding: 30px 30px;/* display:inline-block; */border-radius: 15px;}
.sub1_1 .con_bx.con03 .con_wr .txt_bx p{text-align:center;font-size: 20px;}
.sub1_1 .con_bx.con03 .con_wr .txt_bx p span{padding-right:15px}
.sub1_1 .con_bx.con04{}
.sub1_1 .con_bx.con04 .con_wr{}
.sub1_1 .con_bx.con04 .con_wr .list_bx{display:inline-block;width: 28%;margin: 0 20px;vertical-align: top;}
.sub1_1 .con_bx.con04 .con_wr .list_bx .tt{position:relative;background:#e8f7ff;/* padding: 5px 0; */text-align: center;border-radius: 50px;font-size: 20px;font-weight: 400;color: #555;display: table;width: 100%;height: 80px;}
.sub1_1 .con_bx.con04 .con_wr .list_bx .tt .num{position:absolute;background:#56c3fc;width: 40px;height: 40px;border-radius: 100%;display: table;text-align: center;}
.sub1_1 .con_bx.con04 .con_wr .list_bx .tt .num span{display:table-cell;vertical-align: middle;color: #fff;font-size: 23px;font-weight: 500;}
.sub1_1 .con_bx.con04 .con_wr .list_bx .tt p{display:table-cell;vertical-align:middle}
.sub1_1 .con_bx.con04 .con_wr .list_bx .txt{border:1px solid #e8f7ff;width: 90%;margin: 0 auto;padding: 25px 25px;height: 200px;}
.sub1_1 .con_bx.con04 .con_wr .list_bx .txt ul{}
.sub1_1 .con_bx.con04 .con_wr .list_bx .txt ul li{font-size:16px;word-break:keep-all;padding-left: 10px;position: relative;}
.sub1_1 .con_bx.con04 .con_wr .list_bx .txt ul li::before{display:block;position:absolute;content:'';background:#555;width: 5px;height:1px;left:0;top: 12px;}
.sub1_1 .con_bx.con05{}
.sub1_1 .con_bx.con05 .txt_bx{background:#1b93a9;color:#fff;padding: 35px 50px;}
.sub1_1 .con_bx.con05 .txt_bx .line{overflow:hidden;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 30px 0;}
.sub1_1 .con_bx.con05 .txt_bx .line .icon{/* display:inline-block; */padding-right: 10px;}
.sub1_1 .con_bx.con05 .txt_bx .line .left{display:inline-block;font-size: 20px;}
.sub1_1 .con_bx.con05 .txt_bx .line .left .em2{font-size: 1.5em;}
.sub1_1 .con_bx.con05 .txt_bx .line .right{/* display:inline-block; *//* text-align: right; */font-size: 32px;font-weight: 500;float: right;}
.sub1_1 .con_bx.con05 .txt_bx .btm{color:rgba(255,255,255,0.8);padding: 10px 50px 0;word-break: keep-all;text-align: center;}

@media screen and (max-width:1300px){
    .sub1_1 .con_bx.con01 .con_wr .img_bx{width: 300px;margin-top: -145px;}
    
    .sub1_1 .con_bx.con04 .con_wr .list_bx{width: 30%;margin: 0 10px;}
}

@media screen and (max-width:1024px){
    .sub1_1 .con_bx{padding-bottom: 30px;}
    .sub1_1 .con_bx.con01{padding-bottom:50px}

    .sub1_1 .con_bx.con01 .con_wr .txt_bx .dd{width: 400px;}
    .sub1_1 .con_bx.con01 .con_wr .img_bx{width: 250px;margin-top: -120px;}
    .sub1_1 .con_bx.con01 .con_wr .add_bx .csl_bx{width: 100px;height: 80px;}
    .sub1_1 .con_bx.con01 .con_wr .add_bx .csl_bx p{letter-spacing: 1px;}

    .sub1_1 .con_bx.con02 .con_wr .left{width: 65%;}
    .sub1_1 .con_bx.con02 .con_wr .left .txt_bx{padding-right: 5px;}
    .sub1_1 .con_bx.con02 .con_wr .right{width: 35%;/* height: 300px; */}
    .sub1_1 .con_bx.con02 .con_wr .mark_bx{left: 65%;}

    .sub1_1 .con_bx.con04 .con_wr .list_bx{width: 31%;margin: 0 5px;}
    .sub1_1 .con_bx.con04 .con_wr .list_bx .tt{font-size: 17px;}
    .sub1_1 .con_bx.con04 .con_wr .list_bx .tt .num span{font-size: 20px;}
    .sub1_1 .con_bx.con04 .con_wr .list_bx .txt{padding: 15px 10px;height: 205px;}
    .sub1_1 .con_bx.con04 .con_wr .list_bx .txt ul li{font-size:15px}

    .sub1_1 .con_bx.con05 .txt_bx .btm{padding: 10px 0 0;font-size: 16px;}
}

@media screen and (max-width:768px){
    .sub1_1 .con_bx.con01 .con_wr .img_bx{display:none}
    .sub1_1 .con_bx.con01 .con_wr .txt_bx{padding: 30px 35px;width: 100%;}
    .sub1_1 .con_bx.con01 .con_wr .txt_bx .dd{width:auto}
    .sub1_1 .con_bx.con01 .con_wr .add_bx{left: auto;right: 20px;}

    .sub1_1 .con_bx.con02 .con_wr .left{width:100%}
    .sub1_1 .con_bx.con02 .con_wr .left .txt_bx br{display:none}
    .sub1_1 .con_bx.con02 .con_wr .right{display:none}
    .sub1_1 .con_bx.con02 .con_wr .mark_bx{display:none}

    .sub1_1 .con_bx.con04 .con_wr .list_bx{width: 100%;display: block;padding-bottom: 15px;}
    .sub1_1 .con_bx.con04 .con_wr .list_bx .txt{height:auto;padding: 25px 30px;}
    
    .sub1_1 .con_bx.con05 .txt_bx{padding: 25px 30px;}
    .sub1_1 .con_bx.con05 .txt_bx .line{padding: 10px 0;}
    .sub1_1 .con_bx.con05 .txt_bx .line .left{font-size: 15px;/* display: block; */}
    .sub1_1 .con_bx.con05 .txt_bx .line .icon{padding-right: 5px;}
    .sub1_1 .con_bx.con05 .txt_bx .line .right{font-size: 28px;}
}

@media screen and (max-width:500px){
    .sub1_1 .con_bx.con01{padding-bottom: 30px;}
    .sub1_1 .con_bx.con01 .con_wr .add_bx{display:none}
    .sub1_1 .con_bx.con01 .con_wr .txt_bx{padding: 20px 25px;}
    .sub1_1 .con_bx.con01 .con_wr .txt_bx .dt{padding-bottom: 10px;}
    .sub1_1 .con_bx.con01 .con_wr .txt_bx .dt .add{font-size: 13px;}
    .sub1_1 .con_bx.con01 .con_wr .txt_bx .dt p{font-size: 28px;}
    .sub1_1 .con_bx.con01 .con_wr .txt_bx .dd{font-size:15px;padding-top: 10px;}

    .sub1_1 .con_bx.con03{height:auto}
    .sub1_1 .con_bx.con03 .con_wr{position:static;padding: 0;}
    .sub1_1 .con_bx.con03 .con_wr .txt_bx{/* padding: 10px 10px; */width: 100%;}
    .sub1_1 .con_bx.con03 .con_wr .txt_bx p{font-size: 16px;text-align: center;}
    .sub1_1 .con_bx.con03 .con_wr .txt_bx p span{display:block;padding: 0;}

    .sub1_1 .con_bx.con05 .txt_bx .line .icon{display:none}
}


/* 내부사진 */
.sub1_3{position:relative}
.sub1_3 .con_bx{overflow:hidden}
.sub1_3 .con_bx .add_bx{position:absolute;left: 50%;bottom:0;background: url('../img/sub/s1_3_add_bg.png')no-repeat right top;/* background-size: cover; *//* width: 481px; *//* height: 212px; */padding-top: 50px;padding-right: 90px;}
.sub1_3 .con_bx .add_bx .mark_bx::before{display:block;position:absolute;content:'';background: rgba(104,207,178,0.2);width: 70px;height: 65px;left: -35px;top: -35px;}
.sub1_3 .con_bx .add_bx .mark_bx{display:table;width: 350px;height: 155px;background: #fbfaec;position: relative;}
.sub1_3 .con_bx .add_bx .mark_bx::after{display:block;position:absolute;content:'';background: rgba(250,219,189,0.2);width: 85px;height: 50px;right: -30px;bottom: 10px;}
.sub1_3 .con_bx .add_bx .mark_bx .mark{display:table-cell;vertical-align:middle;text-align: center;}
.sub1_3 .con_bx .tt_wr{background: #f8f8f8;padding: 30px 50px;}
.sub1_3 .con_bx .tt_wr .tt01{}
.sub1_3 .con_bx .tt_wr .tt01 .th{}
.sub1_3 .con_bx .tt_wr .tt01 .td{font-size:18px;padding-left: 20px;word-break: keep-all;font-weight: 400;}
.sub1_3 .con_bx .con_wr{/* float:left; *//* width: 60%; */overflow:hidden;padding: 30px 0 50px;}
.sub1_3 .con_bx .con_wr .left{float:left;width:50%}
.sub1_3 .con_bx .con_wr .right{float:left;;width:50%}
.sub1_3 .con_bx .con_wr .con{padding: 0 0 35px;width: 80%;margin: 0 auto;}
.sub1_3 .con_bx .con_wr .con.con01{}
.sub1_3 .con_bx .con_wr .con.con02{}
.sub1_3 .con_bx .con_wr .con.con03{}
.sub1_3 .con_bx .con_wr .con .img{width:100%;}
.sub1_3 .con_bx .con_wr .con.con01 .img{/* background:url('../img/sub/s1_3_img01.jpg')no-repeat center; *//* background-size:cover; *//* height: 554px; */}
.sub1_3 .con_bx .con_wr .con.con02 .img{/* background: url('../img/sub/s1_3_img02.jpg')no-repeat center; *//* background-size:cover; *//* height: 554px; */}
.sub1_3 .con_bx .con_wr .con.con03 .img{/* background: url('../img/sub/s1_3_img03.jpg')no-repeat center; *//* background-size:cover; *//* height: 554px; */}
.sub1_3 .con_bx .con_wr .con .txt{padding: 10px 0;font-weight: 400;background: #3e4758;color: #fff;text-align: center;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}

@media screen and (max-width:1860px){
    .sub1_3 .con_bx .add_bx{left: auto;right: 10px;padding-right: 70px;}
    .sub1_3 .con_bx .add_bx .mark_bx{width: 300px;height: 130px;}
}

@media screen and (max-width:1300px){
    .sub1_3 .con_bx .tt_wr{padding-left:30px}
}

@media screen and (max-width:1024px){
    .sub1_3{padding-bottom: 180px;}
    .sub1_3 .con_bx .tt_wr{clear: both;width: 100%;padding: 20px 15px;}
    .sub1_3 .con_bx .con_wr{clear: both;width: 100%;}
}

@media screen and (max-width:768px){    
    .sub1_3 .con_bx .tt_wr .tt01 .th{display:block}
    .sub1_3 .con_bx .tt_wr .tt01 .td{display:block;font-size:16px;padding-left: 10px;}
    .sub1_3 .con_bx .con_wr .con{width:100%}
}

@media screen and (max-width:500px){
    .sub1_3{padding-bottom:0}
    .sub1_3 .con_bx .add_bx{display:none}
    .sub1_3 .con_bx .con_wr .left{clear:both;width:100%}
    .sub1_3 .con_bx .con_wr .right{clear:both;width:100%}

}

/* 조직도 */
.sub1_1 .sub_wr .sub1_3_left{/* float:left; *//* width: 589px; */text-align: center;padding-bottom: 80px;}
.sub1_1 .sub_wr .sub1_3_left.mobile{display:none}
.sub1_1 .sub_wr .sub1_3_right{/* float: right; *//* width: calc(100% - 589px); */}
.sub1_1 .sub_wr .sub1_3_right table {width:100%;border-collapse:collapse;}
.sub1_1 .sub_wr .sub1_3_right table caption {height:0;font-size:0;text-indent:-9999px}

@media (max-width:1300px){
	.sub1_1 .sub_wr .sub1_3_left{width:100%;float:none;text-align:center;margin:30px 0;}
	.sub1_1 .sub_wr .sub1_3_right{width:100%;}
}
@media (max-width:1031px){
	.sub1_1 .sub_wr .sub1_3_right{overflow: auto;}
	.sub1_1 .sub_wr .sub1_3_right table{white-space:nowrap;}
}

@media screen and (max-width:768px){
	.sub1_1 .sub_wr .sub1_3_left{display:none}
	.sub1_1 .sub_wr .sub1_3_left.mobile{display:block;padding-bottom: 0;}
}

.sub1_1 .sub_wr .sub1_3_right ul li {width:100%;text-align:left;padding-left: 45px;}
.sub1_1 .sub_wr .sub1_3_right th, .sub1_1 .sub_wr .sub1_3_right td {padding:10px;word-break:break-all;border:1px solid #e5e5e5}
@media screen and (max-width: 480px) {
	.sub1_1 .sub_wr .sub1_3_right th, .sub1_1 .sub_wr .sub1_3_right td {padding:6px;}
}
.sub1_1 .sub_wr .sub1_3_right th:first-child, .sub1_1 .sub_wr .sub1_3_right td:first-child {border-left:0}
.sub1_1 .sub_wr .sub1_3_right th:last-child, .sub1_1 .sub_wr .sub1_3_right td:last-child {border-right:0}
.sub1_1 .sub_wr .sub1_3_right thead th {font-size:18px;font-weight:500;background-color: #f8f8ee;text-align: center;}
.sub1_1 .sub_wr .sub1_3_right tbody td p {text-align:left;}
@media screen and (max-width: 480px) {
	.sub1_1 .sub_wr .sub1_3_right thead th {font-size:13px;}
}
.sub1_1 .sub_wr .sub1_3_right tbody td {text-align:center;font-size:16px;word-break: keep-all;}
.sub1_1 .sub_wr .sub1_3_right tbody td.left {text-align:left;font-size:16px}
@media screen and (max-width: 480px) {	
	.sub1_1 .sub_wr .sub1_3_right tbody td {font-size:13px;}
}
.sub1_1 .sub_wr .sub1_3_right tbody th {font-size:18px;font-weight:500;color:#0e97e6;text-align: center;}
@media screen and (max-width: 480px) {	
	.sub1_1 .sub_wr .sub1_3_right tbody th {font-size:13px;}
}



/* 찾아오시는 길 */
.sub1_5{position:relative;padding-bottom: 200px;}
.sub1_5 .con_bx{}
.sub1_5 .txt_bx{height: 180px;width: 800px;position: absolute;bottom: 100px;left: 20%;z-index: 9;}
.sub1_5 .txt_bx .tt_wr{float:left;display:table;background:#5492db;height:100%;width: 40%;}
.sub1_5 .txt_bx .tt_wr .tt{display:table-cell;vertical-align:middle;text-align:center}
.sub1_5 .txt_bx .txt_wr{float:left;color:#fff;background:#194272;height:100%;width: 60%;display: table;padding: 0 40px;}
.sub1_5 .txt_bx .txt_wr ul{display:table-cell;vertical-align: middle;}
.sub1_5 .txt_bx .txt_wr ul li{padding: 5px 0;}
.sub1_5 .txt_bx .txt_wr ul li .th{width: 100px;font-size: 22px;}
.sub1_5 .txt_bx .txt_wr ul li .th span{padding-right: 10px;}
.sub1_5 .txt_bx .txt_wr ul li .td{}

@media screen and (max-width:1300px){
    .sub1_5 .txt_bx{left:auto;right: 30px;}
}

@media screen and (max-width:1024px){
    .sub1_5{padding:0}
    .sub1_5 .txt_bx{position:static;width: calc( 100% - 40px);margin: 0 auto;}
    .sub1_5 .txt_bx .tt_wr{width: 30%;padding: 0 20px;}
    .sub1_5 .txt_bx .txt_wr{width:70%}
}

@media screen and (max-width:768px){
    .sub1_5 .txt_bx{height:auto}
    .sub1_5 .txt_bx .tt_wr{display:none}
    .sub1_5 .txt_bx .txt_wr{width:100%;height: auto;clear: both;float: none;padding: 20px 40px;}
    .sub1_5 .txt_bx .txt_wr ul li .th{font-size: 18px;}
    .sub1_5 .txt_bx .txt_wr ul li .td{font-size:16px}
}

@media screen and (max-width:500px){
    .sub1_5 .txt_bx .txt_wr{padding: 5px 10px;}
    .sub1_5 .txt_bx .txt_wr ul li{display:block}
    .sub1_5 .txt_bx .txt_wr ul li .th{display:block;width:100%}
    .sub1_5 .txt_bx .txt_wr ul li .th span{padding-right: 5px;}
    .sub1_5 .txt_bx .txt_wr ul li .td{display:block;width:100%;padding-left: 30px;font-size: 15px;}
}


/* 개인상담 */
.sub2_1{}
.sub2_1 .con_bx{}
.sub2_1 .con_bx .top_wr{background:#f8f8f8;display: table;width: 100%;padding: 0 50px 0;}
.sub2_1 .con_bx .top_wr .txt_wr{display: table-cell;width: 50%;vertical-align: middle;}
.sub2_1 .con_bx .top_wr .txt_wr .th{font-weight:500;font-size: 22px;}
.sub2_1 .con_bx .top_wr .txt_wr .td{padding: 10px 0;}
.sub2_1 .con_bx .top_wr .txt_wr .td p{font-size:16px}
.sub2_1 .con_bx .top_wr .right{display: table-cell;width: 50%;text-align: center;vertical-align: bottom;padding-top: 30px;}
.sub2_1 .con_bx .tt_wr{padding: 40px 0 20px;}
.sub2_1 .con_bx .con_wr{}
.sub2_1 .con_bx .con_wr ul{text-align:center}
.sub2_1 .con_bx .con_wr ul li{display:inline-block;width:49%;padding: 0 20px;height: 194px;vertical-align: top;}
.sub2_1 .con_bx .con_wr ul li .tt_bx{position:relative;background: #eaeaea;height: 53px;border-radius: 50px;display: table;width: 100%;}
.sub2_1 .con_bx .con_wr ul li .tt_bx .left{position:absolute;display:table;background: #82bcac;border-radius: 50px;height: 52px;width: 150px;text-align: center;font-size: 21px;}
.sub2_1 .con_bx .con_wr ul li .tt_bx .left span{display:table-cell;vertical-align:middle;color: #fff;/* padding: 0 40px; */font-weight: 400;}
.sub2_1 .con_bx .con_wr ul li .tt_bx p{display: table-cell;vertical-align: middle;padding-left: 165px;text-align: left;font-weight: 400;color: #515151;font-size: 17px;}
.sub2_1 .con_bx .con_wr ul li .txt_bx{text-align:left;padding: 20px 35px 29px;}
.sub2_1 .con_bx .con_wr ul li .txt_bx p{position:relative;font-size: 16px;padding-left: 13px;}
.sub2_1 .con_bx .con_wr ul li .txt_bx p::before{display:block;position:absolute;content:'';background:#000;width: 8px;height:1px;top: 13px;left: 0;}

@media screen and (max-width:1300px){
    .sub2_1 .con_bx .con_wr ul li{padding: 0 10px;}
    .sub2_1 .con_bx .con_wr ul li .tt_bx .left{font-size:17px}
    .sub2_1 .con_bx .con_wr ul li .tt_bx p{font-size:15px;padding-left: 160px;}
    .sub2_1 .con_bx .con_wr ul li .txt_bx{padding: 20px 30px 25px;}
}

@media screen and (max-width:1024px){
    .sub2_1 .con_bx .con_wr ul li .tt_bx .left{width: 130px;}
    .sub2_1 .con_bx .con_wr ul li .tt_bx p{padding-left: 140px;}
    .sub2_1 .con_bx .con_wr ul li .txt_bx{padding: 15px 20px 20px;}
    .sub2_1 .con_bx .con_wr ul li .txt_bx p{padding-left: 8px;}
    .sub2_1 .con_bx .con_wr ul li .txt_bx p::before{width: 5px;}
}

@media screen and (max-width:920px){
    .sub2_1 .con_bx .top_wr{padding: 0 30px 0;}
    .sub2_1 .con_bx .con_wr ul li{display:block;width:100%;height: auto;}
}

@media screen and (max-width:768px){
    .sub2_1 .con_bx .top_wr{padding: 20px 25px;}
    .sub2_1 .con_bx .top_wr .txt_wr{width: 100%;}
    .sub2_1 .con_bx .top_wr .right{display:none}
}

@media screen and (max-width:500px){
    .sub2_1 .con_bx .tt_wr{padding: 30px 0 5px;}
    .sub2_1 .con_bx .con_wr ul li{padding: 0;}
    .sub2_1 .con_bx .con_wr ul li .tt_bx{padding-top: 0;border-radius: 10px;display: block;height: auto;}
    .sub2_1 .con_bx .con_wr ul li .tt_bx .left{position: static;width: 100%;display: block;height: auto;border-radius: 10px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
    .sub2_1 .con_bx .con_wr ul li .tt_bx .left span{display: block;padding: 5px 0;}
    .sub2_1 .con_bx .con_wr ul li .txt_bx{padding: 15px 15px 20px;}
    .sub2_1 .con_bx .con_wr ul li .tt_bx p{padding: 5px 0 10px;display: block;text-align: center;}
}



/* 개인상담 절차 */
.sub2_2{}
.sub2_2 .con_bx{padding-bottom:50px}
.sub2_2 .con_bx.bx01{position:relative;background: #f8f8f8;padding: 30px;margin-bottom: 30px;}
.sub2_2 .con_bx.bx01 .tt_wr{}
.sub2_2 .con_bx.bx01 .con_wr{padding: 15px 0;}
.sub2_2 .con_bx.bx01 .con_wr ul{}
.sub2_2 .con_bx.bx01 .con_wr ul li{position:relative;padding-left: 15px;word-break: keep-all;line-height: 30px;}
.sub2_2 .con_bx.bx01 .con_wr ul li::before{display:block;position:absolute;content:'';background:#555;width: 8px;height:1px;left:0;top: 12px;}
.sub2_2 .con_bx.bx01 .img{position:absolute;right: 100px;top: 23px;}
.sub2_2 .con_bx.bx02{}
.sub2_2 .con_bx.bx02 .tt_wr{}
.sub2_2 .con_bx.bx02 .tt_wr .tt01{display:inline-block;vertical-align: middle;}
.sub2_2 .con_bx.bx02 .tt_wr .tt_add{/* display:inline-block; */padding-left: 25px;vertical-align: middle;font-size: 32px;font-weight: 700;text-align: center;background: #f8f8f8;padding: 20px 30px;margin-bottom: 20px;}
.sub2_2 .con_bx.bx02 .tt_wr .tt_add span{padding-right: 10px;}
.sub2_2 .con_bx.bx02 .con_wr{padding-top:20px}
.sub2_2 .con_bx.bx02 .con_wr ul{}
.sub2_2 .con_bx.bx02 .con_wr ul li{display: inline-block;width: 230px;height: 230px;vertical-align: middle;margin: 0 10px;position: relative;}
.sub2_2 .con_bx.bx02 .con_wr ul li::before{display:block;position:absolute;content:'';background: url('../img/sub/s2_2_li_con.png')no-repeat center;width: 15px;height: 23px;right: -19px;top: 50%;margin-top: -12px;}
.sub2_2 .con_bx.bx02 .con_wr ul li.w01{background: url('../img/sub/s2_2_bd01.png')no-repeat center;background-size: cover;margin-left: 0;}
.sub2_2 .con_bx.bx02 .con_wr ul li.w02{background: url('../img/sub/s2_2_bd02.png')no-repeat center;background-size: cover;}
.sub2_2 .con_bx.bx02 .con_wr ul li.w03{background: url('../img/sub/s2_2_bd03.png')no-repeat center;background-size: cover;}
.sub2_2 .con_bx.bx02 .con_wr ul li.w04{background: url('../img/sub/s2_2_bd04.png')no-repeat center;background-size: cover;margin-right: 0;}
.sub2_2 .con_bx.bx02 .con_wr ul li.w04::before{display:none}
.sub2_2 .con_bx.bx02 .con_wr ul li .w_li{width: 194px;height: 194px;background: #fff;margin: 18px;border-radius: 100%;text-align: center;box-shadow: 3px 3px 10px -5px #000;position: relative;padding-top: 60px;}
.sub2_2 .con_bx.bx02 .con_wr ul li .w_li .num{color: #fce6ec;font-size: 35px;font-weight: 700;font-style: italic;position: absolute;top: 15px;left: 30%;}
.sub2_2 .con_bx.bx02 .con_wr ul li .w_li .txt_wr{}
.sub2_2 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .top{/* padding-bottom: 10px; */}
.sub2_2 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .top p{}
.sub2_2 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .top p span{display:block;font-size: 23px;font-weight: 700;line-height: 20px;}
.sub2_2 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .txt{padding: 10px;}
.sub2_2 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .txt p{line-height: 18px;}

@media screen and (max-width:1024px){
    .sub2_2 .con_bx.bx01 .con_wr ul li{font-size:16px}
    .sub2_2 .con_bx.bx01 .img{right: 3%;width: 200px;}
    .sub2_2 .con_bx.bx02 .con_wr ul{width: 510px;margin: 0 auto;}
    .sub2_2 .con_bx.bx02 .con_wr ul li{/* width: 300px; */margin: 0 10px 20px;}
}

@media screen and (max-width:768px){
    .sub2_2 .con_bx.bx01 .con_wr ul li{/* font-size:15px */}
    .sub2_2 .con_bx.bx01 .img{display:none}
    .sub2_2 .con_bx.bx02 .tt_wr .tt_add{font-size: 28px;}
    .sub2_2 .con_bx.bx02 .con_wr ul{width: 240px;}
    .sub2_2 .con_bx.bx02 .con_wr ul li{margin: 0 0 30px;}
    .sub2_2 .con_bx.bx02 .con_wr ul li::before{transform:rotate(90deg);right: 50%;margin-right: -11px;top: auto;bottom: -26px;}
}


/* 집단상담 */
.sub2_3{}
.sub2_3 .con_bx{}
.sub2_3 .con_bx .top_wr{background:#f8f8f8;display: table;width: 100%;padding: 0 50px 0;}
.sub2_3 .con_bx .top_wr .txt_wr{display: table-cell;width: 50%;vertical-align: middle;}
.sub2_3 .con_bx .top_wr .txt_wr .th{font-weight:500;font-size: 22px;}
.sub2_3 .con_bx .top_wr .txt_wr .td{padding: 10px 0;}
.sub2_3 .con_bx .top_wr .txt_wr .td p{font-size:16px}
.sub2_3 .con_bx .top_wr .right{display: table-cell;width: 50%;text-align: center;vertical-align: bottom;padding-top: 30px;}
.sub2_3 .con_bx .tt_wr{padding: 40px 0 20px;}
.sub2_3 .con_bx .con_wr{padding:50px 0 80px}
.sub2_3 .con_bx .con_wr ul{position:relative;background: url('../img/sub/s2_3_bg.png')no-repeat center;background-size: cover;width: 548px;height: 548px;margin: 0 auto;}
.sub2_3 .con_bx .con_wr ul .tt{position:absolute;left: 50%;margin-left: -55px;top: 55%;font-size: 24px;font-weight: 500;width: 110px;text-align: center;padding-top: 15px;}
.sub2_3 .con_bx .con_wr ul li{position:absolute}
.sub2_3 .con_bx .con_wr ul li.con01{left: 50%;margin-left: -70px;top: -70px;}
.sub2_3 .con_bx .con_wr ul li.con02{left:0;margin-left: -35px;top: 20%;}
.sub2_3 .con_bx .con_wr ul li.con03{right:0;margin-right: -35px;top: 20%;}
.sub2_3 .con_bx .con_wr ul li.con04{left: 15%;margin-left: -35px;bottom: 5%;margin-bottom: -35px;}
.sub2_3 .con_bx .con_wr ul li.con05{right: 15%;margin-right: -35px;bottom: 5%;margin-bottom: -35px;}
.sub2_3 .con_bx .con_wr ul li .cate_bx{background:#5492db;color: #fff;border-radius: 100%;width: 140px;height: 140px;display: table;}
.sub2_3 .con_bx .con_wr ul li .cate_bx .txt_wr{display:table-cell;vertical-align:middle;text-align: center;}
.sub2_3 .con_bx .con_wr ul li .cate_bx .txt_wr .img{}
.sub2_3 .con_bx .con_wr ul li .cate_bx .txt_wr .txt{font-size:20px;}



@media screen and (max-width:920px){
    .sub2_3 .con_bx .top_wr{padding: 0 30px 0;}
}

@media screen and (max-width:768px){
    .sub2_3 .con_bx .top_wr{padding: 20px 25px;}
    .sub2_3 .con_bx .top_wr .txt_wr{width: 100%;}
    .sub2_3 .con_bx .top_wr .right{display:none}

    .sub2_3 .con_bx .con_wr ul{width: 400px;height: 400px;}.sub2_3
    .con_bx .con_wr ul li.con01{margin-left: -60px;top: -60px;}
    .sub2_3 .con_bx .con_wr ul li.con02{margin-left: -30px;}
    .sub2_3 .con_bx .con_wr ul li.con03{;margin-right: -30px;}
    .sub2_3 .con_bx .con_wr ul li.con04{margin-left: -30px;margin-bottom: -30px;}
    .sub2_3 .con_bx .con_wr ul li.con05{margin-right: -30px;margin-bottom: -30px;}
    .sub2_3 .con_bx .con_wr ul li .cate_bx{width: 120px;height: 120px;}
    .sub2_3 .con_bx .con_wr ul li .cate_bx .txt_wr .txt{font-size:18px}

}

@media screen and (max-width:500px){
    .sub2_1 .con_bx .tt_wr{padding: 30px 0 5px;}

    .sub2_3 .con_bx .con_wr{padding-top:0}
    .sub2_3 .con_bx .con_wr ul{width: 100%;height: auto;background: #ebf5f7;border-radius: 15px;padding: 30px 0;}
    .sub2_3 .con_bx .con_wr ul .tt{display:none}
    .sub2_3 .con_bx .con_wr ul li{position:static;margin: 0 !important;}
    .sub2_3 .con_bx .con_wr ul li .cate_bx{margin: 15px auto;width: 150px;height: 150px;}
}





/* 집단상담 절차 */
.sub2_4{}
.sub2_4 .con_bx{padding-bottom:50px}
.sub2_4 .con_bx.bx01{position:relative;background: #fff9f6;padding: 30px;margin-bottom: 30px;border: 3px solid #f3d6c6;}
.sub2_4 .con_bx.bx01 .tt_wr{}
.sub2_4 .con_bx.bx01 .con_wr{padding: 15px 0;width: 550px;}
.sub2_4 .con_bx.bx01 .img{position:absolute;right: 100px;top: 0;}
.sub2_4 .con_bx.bx02{}
.sub2_4 .con_bx.bx02 .tt_wr{}
.sub2_4 .con_bx.bx02 .tt_wr .tt01{display:inline-block;vertical-align: middle;}
.sub2_4 .con_bx.bx02 .tt_wr .tt_add{/* display:inline-block; *//* padding-left: 25px; */vertical-align: middle;font-size: 21px;font-weight: 500;color: #ff4444;word-break: keep-all;padding: 20px 30px;text-align: center;margin-bottom: 30px;border: 11px solid #f7e8e0;}
.sub2_4 .con_bx.bx02 .tt_wr .tt_add span{padding-right: 10px;}
.sub2_4 .con_bx.bx02 .con_wr{padding-top:20px}
.sub2_4 .con_bx.bx02 .con_wr ul{}
.sub2_4 .con_bx.bx02 .con_wr ul li{display: inline-block;width: 230px;height: 230px;vertical-align: middle;margin: 0 10px;position: relative;}
.sub2_4 .con_bx.bx02 .con_wr ul li::before{display:block;position:absolute;content:'';background: url('../img/sub/s2_2_li_con.png')no-repeat center;width: 15px;height: 23px;right: -19px;top: 50%;margin-top: -12px;}
.sub2_4 .con_bx.bx02 .con_wr ul li.w01{background: url('../img/sub/s2_4_bd01.png')no-repeat center;background-size: cover;margin-left: 0;}
.sub2_4 .con_bx.bx02 .con_wr ul li.w02{background: url('../img/sub/s2_4_bd02.png')no-repeat center;background-size: cover;}
.sub2_4 .con_bx.bx02 .con_wr ul li.w03{background: url('../img/sub/s2_4_bd03.png')no-repeat center;background-size: cover;}
.sub2_4 .con_bx.bx02 .con_wr ul li.w04{background: url('../img/sub/s2_4_bd04.png')no-repeat center;background-size: cover;margin-right: 0;}
.sub2_4 .con_bx.bx02 .con_wr ul li.w04::before{display:none}
.sub2_4 .con_bx.bx02 .con_wr ul li .w_li{width: 194px;height: 194px;background: #fff;margin: 18px;border-radius: 100%;text-align: center;box-shadow: 3px 3px 10px -5px #000;position: relative;padding-top: 60px;}
.sub2_4 .con_bx.bx02 .con_wr ul li .w_li .num{color: #fee7db;font-size: 35px;font-weight: 700;font-style: italic;position: absolute;top: 15px;left: 30%;}
.sub2_4 .con_bx.bx02 .con_wr ul li .w_li .txt_wr{}
.sub2_4 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .top{/* padding-bottom: 10px; */}
.sub2_4 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .top p{}
.sub2_4 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .top p span{display:block;font-size: 23px;font-weight: 700;line-height: 20px;}
.sub2_4 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .txt{padding: 10px;}
.sub2_4 .con_bx.bx02 .con_wr ul li .w_li .txt_wr .txt p{line-height: 18px;font-size: 16px;padding: 0 20px;}

@media screen and (max-width:1024px){
    .sub2_4 .con_bx.bx01 .con_wr ul li{font-size:16px}
    .sub2_4 .con_bx.bx01 .img{right: 3%;width: 200px;}
    .sub2_4 .con_bx.bx02 .con_wr ul{width: 510px;margin: 0 auto;}
    .sub2_4 .con_bx.bx02 .con_wr ul li{/* width: 300px; */margin: 0 10px 20px;}
}

@media screen and (max-width:768px){
    .sub2_4 .con_bx.bx01 .con_wr{width:80%}
    .sub2_4 .con_bx.bx01 .img{display:none}
    .sub2_4 .con_bx.bx02 .tt_wr .tt_add{font-size: 24px;}
    .sub2_4 .con_bx.bx02 .con_wr ul{width: 240px;}
    .sub2_4 .con_bx.bx02 .con_wr ul li{margin: 0 0 30px;}
    .sub2_4 .con_bx.bx02 .con_wr ul li::before{transform:rotate(90deg);right: 50%;margin-right: -11px;top: auto;bottom: -26px;}
}


@media screen and (max-width:500px){
    .sub2_4 .con_bx.bx01 .con_wr{width:100%}
    .sub2_4 .con_bx.bx02 .tt_wr .tt_add{font-size: 20px;}
}


/* 성격/인성 검사 */
.sub3_1{}
.sub3_1{}
.sub3_1 .con_bx{}
.sub3_1 .con_bx .top_wr{background:#f8f8f8;display: table;width: 100%;padding: 0 50px 0;}
.sub3_1 .con_bx .top_wr .txt_wr{display: table-cell;width: 50%;vertical-align: middle;}
.sub3_1 .con_bx .top_wr .txt_wr .th{font-weight:500;font-size: 22px;}
.sub3_1 .con_bx .top_wr .txt_wr .td{padding: 10px 0;}
.sub3_1 .con_bx .top_wr .txt_wr .td p{font-size:16px}
.sub3_1 .con_bx .top_wr .right{display: table-cell;width: 50%;text-align: center;vertical-align: bottom;padding-top: 30px;}
.sub3_1 .con_bx .tt_wr{padding: 40px 0 15px;}
.sub3_1 .con_bx .con_wr{}
.sub3_1 .con_bx .con_wr ul{overflow:hidden}
.sub3_1 .con_bx .con_wr ul li{width: 25%;float: left;padding: 0 3px;/* display: table; *//* height: 200px; */}
.sub3_1 .con_bx .con_wr ul li:first-child{/* padding-left:0 */}
.sub3_1 .con_bx .con_wr ul li:last-child{/* padding-right:0 */}
.sub3_1 .con_bx .con_wr ul li.con01 .txt_bx{background:#b68edb}
.sub3_1 .con_bx .con_wr ul li.con02 .txt_bx{background:#9768c1}
.sub3_1 .con_bx .con_wr ul li.con03 .txt_bx{background:#765495}
.sub3_1 .con_bx .con_wr ul li.con04 .txt_bx{background:#614b76}
.sub3_1 .con_bx .con_wr ul li .txt_bx{text-align:center;color:#fff;/* display: table-cell; *//* vertical-align: middle; */padding: 54px 5px 5px;height: 250px;border-radius: 15px;}
.sub3_1 .con_bx .con_wr ul li .txt_bx .tt{font-size: 22px;padding-bottom: 35px;position: relative;}
.sub3_1 .con_bx .con_wr ul li .txt_bx .tt::after{display:block;position:absolute;content:'';background: rgba(255,255,255,0.6);width: 40px;height:2px;left:50%;margin-left: -20px;bottom: 16px;}
.sub3_1 .con_bx .con_wr ul li .txt_bx .txt{color: rgba(255,255,255,0.9);font-size: 17px;padding: 0 20px;}


@media screen and (max-width:1024px){
    .sub3_1 .con_bx .con_wr ul li{width:50%;padding: 5px;}
}

@media screen and (max-width:920px){
    .sub3_1 .con_bx .top_wr{padding: 0 30px 0;}
}

@media screen and (max-width:768px){
    .sub3_1 .con_bx .top_wr{padding: 20px 25px;}
    .sub3_1 .con_bx .top_wr .txt_wr{width: 100%;}
    .sub3_1 .con_bx .top_wr .right{display:none}
}

@media screen and (max-width:500px){
    .sub3_1 .con_bx .tt_wr{padding: 30px 0 5px;}
    .sub3_1 .con_bx .con_wr ul li{width:100%}
    .sub3_1 .con_bx .con_wr ul li .txt_bx{height:auto;padding: 25px 15px;}
}


/* 학업/진로 검사 */
.sub3_2{}
.sub3_2{}
.sub3_2 .con_bx{}
.sub3_2 .con_bx .top_wr{background:#f8f8f8;display: table;width: 100%;padding: 0 50px 0;}
.sub3_2 .con_bx .top_wr .txt_wr{display: table-cell;width: 50%;vertical-align: middle;}
.sub3_2 .con_bx .top_wr .txt_wr .th{font-weight:500;font-size: 22px;}
.sub3_2 .con_bx .top_wr .txt_wr .td{padding: 10px 0;}
.sub3_2 .con_bx .top_wr .txt_wr .td p{font-size:16px}
.sub3_2 .con_bx .top_wr .right{display: table-cell;width: 50%;text-align: center;vertical-align: bottom;padding-top: 30px;}
.sub3_2 .con_bx .tt_wr{padding: 40px 0 0px;}
.sub3_2 .con_bx .con_wr{position:relative;/* padding-bottom: 50px; */}
.sub3_2 .con_bx .con_wr ul{overflow:hidden}
.sub3_2 .con_bx .con_wr ul li{width: 33.3%;float: left;padding: 0 3px;/* display: table; *//* height: 200px; */}
.sub3_2 .con_bx .con_wr ul li:first-child{/* padding-left:0 */}
.sub3_2 .con_bx .con_wr ul li:last-child{/* padding-right:0 */}
.sub3_2 .con_bx .con_wr ul li.con01 .txt_bx{background:#8eaddb}
.sub3_2 .con_bx .con_wr ul li.con02 .txt_bx{background:#687dc1}
.sub3_2 .con_bx .con_wr ul li.con03 .txt_bx{background:#545a95}
.sub3_2 .con_bx .con_wr ul li.con11 .txt_bx{background:#77c0b1}
.sub3_2 .con_bx .con_wr ul li.con12 .txt_bx{background:#459f8d}
.sub3_2 .con_bx .con_wr ul li .txt_bx{text-align:center;color:#fff;/* display: table-cell; *//* vertical-align: middle; */padding: 55px 20px 10px;height: 210px;border-radius: 15px;}
.sub3_2 .con_bx .con_wr ul li .txt_bx .tt{font-size: 23px;padding-bottom: 30px;position: relative;}
.sub3_2 .con_bx .con_wr ul li .txt_bx .tt::after{display:block;position:absolute;content:'';background: rgba(255,255,255,0.6);width: 30px;height:2px;left:50%;margin-left: -15px;bottom: 14px;}
.sub3_2 .con_bx .con_wr ul li .txt_bx .txt{color: rgba(255,255,255,0.9);font-size: 17px;padding: 0 10px;}
.sub3_2 .con_bx .con_wr .add_img{position:absolute;right: 0;bottom: 0;}


@media screen and (max-width:1024px){
    .sub3_2 .con_bx .con_wr ul li{width:50%;padding: 5px;}
    .sub3_2 .con_bx .con_wr .add_img{display:none}
}

@media screen and (max-width:920px){
    .sub3_2 .con_bx .top_wr{padding: 0 30px 0;}
}

@media screen and (max-width:768px){
    .sub3_2 .con_bx .top_wr{padding: 20px 25px;}
    .sub3_2 .con_bx .top_wr .txt_wr{width: 100%;}
    .sub3_2 .con_bx .top_wr .right{display:none}
}

@media screen and (max-width:500px){
    .sub3_2 .con_bx .tt_wr{padding: 30px 0 5px;}
    .sub3_2 .con_bx .con_wr ul li{width:100%}
    .sub3_2 .con_bx .con_wr ul li .txt_bx{height:auto;padding: 25px 15px;}
}


/* 심리상담 신청 절차 */
.sub3_3{}
.sub3_3 .con_bx{padding-bottom:50px}
.sub3_3 .con_bx.bx01{position:relative}
.sub3_3 .con_bx.bx01{}
.sub3_3 .con_bx.bx01 .tt_wr{}
.sub3_3 .con_bx.bx01 .tt_wr .tt01{display:inline-block;vertical-align: middle;}
.sub3_3 .con_bx.bx01 .tt_wr .tt_add{/* display:inline-block; *//* padding-left: 25px; *//* vertical-align: middle; *//* font-size: 32px; *//* font-weight: 700; *//* background: #def6ff; *//* text-align: center; *//* border-radius: 20px; *//* display: table; *//* width: 100%; *//* height: 80px; */padding-bottom: 45px;}
.sub3_3 .con_bx.bx01 .tt_wr .tt_add a{display: block;background: #033266;color: #fff;border-radius: 20px;padding: 18px 0;font-size: 23px;font-weight: 700;width: 500px;text-align: center;margin: 0 auto;transition: 0.3s;}
.sub3_3 .con_bx.bx01 .tt_wr .tt_add a:hover{background:#3a689a}
.sub3_3 .con_bx.bx01 .tt_wr .tt_add a i{padding-left:10px}
.sub3_3 .con_bx.bx01 .con_wr{padding-top:20px}
.sub3_3 .con_bx.bx01 .con_wr ul{}
.sub3_3 .con_bx.bx01 .con_wr ul li{display: inline-block;width: 230px;height: 230px;vertical-align: middle;margin: 0 10px;position: relative;}
.sub3_3 .con_bx.bx01 .con_wr ul li::before{display:block;position:absolute;content:'';background: url('../img/sub/s2_2_li_con.png')no-repeat center;width: 15px;height: 23px;right: -19px;top: 50%;margin-top: -12px;}
.sub3_3 .con_bx.bx01 .con_wr ul li.w01{background: url('../img/sub/s3_3_bd01.png')no-repeat center;background-size: cover;margin-left: 0;}
.sub3_3 .con_bx.bx01 .con_wr ul li.w02{background: url('../img/sub/s3_3_bd02.png')no-repeat center;background-size: cover;}
.sub3_3 .con_bx.bx01 .con_wr ul li.w03{background: url('../img/sub/s3_3_bd03.png')no-repeat center;background-size: cover;}
.sub3_3 .con_bx.bx01 .con_wr ul li.w04{background: url('../img/sub/s3_3_bd04.png')no-repeat center;background-size: cover;margin-right: 0;}
.sub3_3 .con_bx.bx01 .con_wr ul li.w04::before{display:none}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li{width: 194px;height: 194px;background: #fff;margin: 18px;border-radius: 100%;text-align: center;box-shadow: 3px 3px 10px -5px #000;position: relative;padding-top: 60px;}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li .num{color: #d0f0ff;font-size: 35px;font-weight: 700;font-style: italic;position: absolute;top: 15px;left: 30%;}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li .txt_wr{}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li .txt_wr .top{/* padding-bottom: 10px; */}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li .txt_wr .top p{}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li .txt_wr .top p span{display:block;font-size: 23px;font-weight: 700;line-height: 20px;}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li .txt_wr .txt{padding: 5px 10px 10px;}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li .txt_wr .txt p{line-height: 18px;font-size: 16px;}
.sub3_3 .con_bx.bx01 .con_wr ul li .w_li .txt_wr .txt p span{font-size: 22px;display: block;font-weight: 700;line-height: 1;}
.sub3_3 .con_bx.bx02 {background: #f2f2f2;padding:30px;text-align: center;}
.sub3_3 .con_bx.bx02 .tt_wr .tt01{display:inline-block;vertical-align: middle;}
.sub3_3 .con_bx.bx02 .tt_wr .tt_add{display:inline-block;padding-left: 25px;vertical-align: middle;font-size: 32px;font-weight: 700;}
.sub3_3 .con_bx.bx02 .tt_wr .tt_add span{padding-right: 10px;}
.sub3_3 .con_bx.bx02 .tt_wr .txt{display:inline-block;vertical-align: middle;padding-left: 50px;position: relative;}
.sub3_3 .con_bx.bx02 .tt_wr .txt::before{display:block;position:absolute;content:'';background: #cacaca;width: 1.5px;height: 15px;left: 25px;top: 7px;}

@media screen and (max-width:1024px){
    .sub3_3 .con_bx.bx01 .con_wr ul{width: 510px;margin: 0 auto;}
    .sub3_3 .con_bx.bx01 .con_wr ul li{/* width: 300px; */margin: 0 10px 20px;}
}

@media screen and (max-width:768px){
    .sub3_3 .con_bx.bx01 .tt_wr .tt_add{font-size: 28px;}
    .sub3_3 .con_bx.bx01 .con_wr ul{width: 240px;}
    .sub3_3 .con_bx.bx01 .con_wr ul li{margin: 0 0 30px;}
    .sub3_3 .con_bx.bx01 .con_wr ul li::before{transform:rotate(90deg);right: 50%;margin-right: -11px;top: auto;bottom: -26px;}
}

@media screen and (max-width:500px){
    .sub3_3 .con_bx.bx01 .tt_wr .tt_add{}
    .sub3_3 .con_bx.bx01 .tt_wr .tt_add a{font-size: 20px;padding: 12px 0;width: 280px;}
    .sub3_3 .con_bx.bx02 .tt_wr .txt{padding-left: 20px;}
    .sub3_3 .con_bx.bx02 .tt_wr .txt::before{display:none}
}