/* 상단 탭 */ .sub_tab_cont {display:none;} .sub_tab_cont.on {display:block;} .sub_tab_group {font-size:0; margin-bottom:115px;} .sub_tab_group li {display:inline-block; width:50%;} .sub_tab_group li a {display:block; font-size:18px; background-color:#f4f4f4; height:60px; line-height:60px; text-align:center; padding:0 20px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;} .sub_tab_group li a:hover, .sub_tab_group li.on a {background-color:#007cc3; color:#fff;} /* 공통 리스트 */ .dot_list02 li {font-size:18px; line-height:130%; position:relative; padding-left:25px; margin-bottom:10px;} .dot_list02 li:last-child {margin-bottom:0;} .dot_list02 li:before {content:''; position:absolute; top:8px; left:0; width:5px; height:5px;} .dot_blue li:before {background-color:#007cc3;} .dot_green li:before {background-color:#00ae9c;} .dot_yellow li:before {background-color:#f7b135;} .dot_list03 {margin-top:10px;} .dot_list03 li {position:relative; padding-left:12px; font-size:16px; line-height:130%; font-weight:600; margin-bottom:8px;} .dot_list03 li:last-child {margin-bottom:0;} .dot_list03 li:before {content:"-"; position:absolute; top:0; left:0 !important;} /* 공통 END ***********************************************************************************************************************************************************************************************************************************************************************/ /* 인사말 */ #greetings {position:relative;} #greetings:before{content:''; position:absolute; top:45px; left:-457px; background-image:url("/thema/Basic/img/greetings_bg.png"); background-repeat:no-repeat; width:600px; height:656px; background-size:108%;} #greetings .left_box {float:left; padding-right:70px; position:relative; z-index:2;} #greetings .right_box > strong {display:block; font-size:40px; line-height:130%; font-weight:300; margin-bottom:30px;} #greetings .right_box > strong b {font-weight:700;} #greetings .right_box p {font-size:18px; line-height:180%;} #greetings .right_box p.marginB40_p {margin-bottom:40px;} #greetings .right_box p.font_w600 {font-weight:600;} #greetings .right_box > b {font-size:18px;} #greetings .right_box .sign_box {text-align:right; margin-top:55px;} #greetings .right_box .sign_box strong {font-size:18px; margin-right:15px; vertical-align:middle;} /* 센터정보 */ /* 비전과목적 */ #company_vision {padding-bottom:80px;} #company_vision .vision_list {} #company_vision .vision_list > li {display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:0 50px; margin-bottom:80px;} #company_vision .vision_list > li:last-child {margin-bottom:0;} #company_vision .vision_list > li:before {content:''; position:absolute; bottom:-40px; width:250px; height:250px;} #company_vision .vision_list > li:nth-child(odd):before {left:0; background-color:#ebf8ff;} #company_vision .vision_list > li:nth-child(even):before {right:0; background-color:#e7f6f4;} #company_vision .vision_list li .img_box {width:50%; background-repeat:no-repeat; background-size:cover; height:300px; position:relative;} #company_vision .vision_list li:nth-child(odd) .img_box {border-radius:100px 0 0 0;} #company_vision .vision_list li:first-child .img_box:after {content:''; position:absolute; top:165px; left:-50px; width:146px; height:209px; background-image:url("/thema/Basic/img/center_info_img0101.png"); background-repeat:no-repeat;} #company_vision .vision_list li:last-child .img_box:after {content:''; position:absolute; top:100px; right:-32px; width:133px; height:275px; background-image:url("/thema/Basic/img/center_info_img0401.png"); background-repeat:no-repeat;} #company_vision .vision_list li .img_box1 {background-image:url("/thema/Basic/img/center_info_img01.jpg");} #company_vision .vision_list li .img_box2 {background-image:url("/thema/Basic/img/center_info_img02.jpg");} #company_vision .vision_list li .img_box3 {background-image:url("/thema/Basic/img/center_info_img03.jpg");} #company_vision .vision_list li .img_box4 {background-image:url("/thema/Basic/img/center_info_img04.jpg");} #company_vision .vision_list li .txt_box {width:50%;} #company_vision .vision_list li:nth-child(odd) .txt_box {padding-left:70px;} #company_vision .vision_list li .txt_box .top_box {margin-bottom:40px;} #company_vision .vision_list li .txt_box .top_box:after {content:''; display:inline-block; width:56px; height:4px; background-color:#007cc3; margin-top:40px;} #company_vision .vision_list li .txt_box .top_box span {display:block; font-family: 'SBAggroB'; font-size:14px; line-height:130%; margin-bottom:20px;} #company_vision .vision_list li .txt_box .top_box span.color_blue {color:#007cc3;} #company_vision .vision_list li .txt_box .top_box span.color_green {color:#00ae9c;} #company_vision .vision_list li .txt_box .top_box h4 {font-size:32px; line-height:110%; font-weight:700;} #company_vision .vision_list li .txt_box .dot_list li {font-size:18px; line-height:130%; position:relative; padding-left:25px; margin-bottom:25px;} #company_vision .vision_list li .txt_box .dot_list li:last-child {margin-bottom:0;} #company_vision .vision_list li:nth-child(odd) .txt_box .dot_list li:before {content:''; position:absolute; top:7px; left:0; width:5px; height:5px;} /* li:nth-chil(even) */ #company_vision .vision_list > li:nth-child(even) {flex-direction:row-reverse;} #company_vision .vision_list li:nth-child(even) .img_box {border-radius:0 100px 0 0;} #company_vision .vision_list li:nth-child(even) .txt_box {padding-right:70px; text-align:right;} #company_vision .vision_list li:nth-child(even) .txt_box .top_box:after {background-color:#00ae9c;} #company_vision .vision_list li:nth-child(even) .txt_box .dot_list li {padding-right:25px; padding-left:0;} #company_vision .vision_list li:nth-child(even) .txt_box .dot_list li:before {content:''; position:absolute; top:7px; right:0; width:5px; height:5px;} /* 조직구성및직원안내 */ #company_organ .company_img {text-align:center;} #company_organ .company_table {position:relative; z-index:2; background-image:url("/thema/Basic/img/company_illust.png"); background-repeat:no-repeat; background-position:top; background-size:445px 267px; padding-top:162px;} #company_organ .company_table:after {content:''; min-width:280px; width:100vw; height:100%; position:absolute; top:317px; left:50%; transform:translateX(-50%); background:#f8f8f8; z-index:-1;} #company_organ .company_table h4 {font-size:27px; font-weight:700; line-height:110%; background-image:url("/thema/Basic/img/company_sub_logo.png"); background-repeat:no-repeat; background-position:top left; margin-bottom:40px; padding-left:35px;} #company_organ .company_table .table_wrap {overflow-x:auto;} #company_organ .company_table .table_wrap table {width:100%; min-width:700px; border-left:3px solid #efefef; border-bottom:3px solid #efefef; border-right:3px solid #efefef;} #company_organ .company_table .table_wrap table.company_table_01 thead {border-top:3px solid #00ae9c;} #company_organ .company_table .table_wrap table.company_table_02 thead {border-top:3px solid #f7b135;} #company_organ .company_table .table_wrap table.company_table_03 thead {border-top:3px solid #007cc3;} #company_organ .company_table .table_wrap table tr {border-bottom:1px solid #efefef;} #company_organ .company_table .table_wrap table th, #company_organ .company_table .table_wrap table tr td { font-size:18px; line-height:130%; text-align:center; background-color:#fff; border-right:1px solid #efefef;} #company_organ .company_table .table_wrap table th {padding:15px 0; border-bottom:1px solid #efefef;} #company_organ .company_table .table_wrap table tr td {padding:20px 45px;} #company_organ .company_table .table_wrap table tr td a.phone_img {font-weight:700; background-image:url("/thema/Basic/img/company_phone.png"); background-repeat:no-repeat; padding-left:25px;} #company_organ .company_table .table_wrap li {text-align:left;} .font_w600 {font-weight:600;} /* 연혁 */ #history {padding-bottom:30px;} #history ul.history_list {position:relative;padding-bottom:150px;} #history ul.history_list:before { content:''; width:1px; height:100%; background-color:#efefef; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); } #history ul.history_list > li{position:relative; margin-bottom:70px;width:50%;clear:both;} #history ul.history_list > li:last-child {margin-bottom:0;} #history ul.history_list > li:nth-child(odd){float:right;} #history ul.history_list > li:nth-child(even){float:left;text-align:right;} #history ul.history_list > li:nth-child(odd) ul.history_list_ul > li {padding-left:120px;} #history ul.history_list > li:nth-child(even) b {right:40px;} #history ul.history_list > li:nth-child(even) ul.history_list_ul > li {padding-right:120px;} #history ul.history_list > li strong.history_year {display:inline-block; margin-bottom:40px; font-size:35px; line-height:120%; position:relative;} #history ul.history_list > li:nth-child(odd) strong {padding-left:65px;} #history ul.history_list > li:nth-child(even) strong {padding-right:65px;} #history ul.history_list > li:nth-child(odd) strong.history_year:before {content:''; position:absolute; top:0; width:38px; height:38px; background-color:#fff; border:6px solid #007cc3; border-radius:50%; left:-18px;} #history ul.history_list > li:nth-child(even) strong.history_year:after {content:''; position:absolute; top:0; width:38px; height:38px; background-color:#fff; border:6px solid #007cc3; border-radius:50%; right:-20px;} #history ul.history_list > li ul.history_list_ul > li {position:relative; margin-bottom:20px;} #history ul.history_list > li ul.history_list_ul > li:before {content:''; position:absolute; top:0; width:20px; height:20px; background-color:#fff; border:4px solid #efefef; border-radius:50%;} #history ul.history_list > li:nth-child(odd) li:before {left:-10px;} #history ul.history_list > li:nth-child(even) li{padding-right:12px;} #history ul.history_list > li:nth-child(even) li:before {right:-10px;} #history ul.history_list > li ul.history_list_ul li:last-child {margin-bottom:0;} #history ul.history_list > li b.history_month {font-size:18px; line-height:130%; position:absolute; top:2px; left:40px; margin-top:-1px; color:#007cc3;} #history ul.history_list > li p.history_cont {font-size:18px; line-height:130%; font-weight:700;} #history ul.btm_img{display:flex;flex-wrap:wrap;position:relative;} #history ul.btm_img:before, #history ul.btm_img:after{content:"";width:99px;height:323px;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:15px;} #history ul.btm_img:before{background-image:url("/thema/Basic/img/history_btm_back01.png");left:-50px;} #history ul.btm_img:after{background-image:url("/thema/Basic/img/history_btm_back02.png");right:-50px;} #history ul.btm_img li{width:calc(33.3333% - 20px);margin-right:30px;border-radius:30px;overflow:hidden;} #history ul.btm_img li:last-child{margin-right:0;} /* 오시는길 */ #location .topbtns{margin-bottom:40px;} #location .topbtns a{display:inline-block; border-radius:30px; font-size:18px;} #location .topbtns a .arrow{margin-left:20px;} #location .topbtns .youtube {padding:22px 20px 22px 90px; color:#fff; background-image: url("/thema/Basic/img/youtube_icon.png"), linear-gradient(90deg, rgba(0, 124, 195, 1) 0%, rgba(0, 197, 177, 1) 100%); background-repeat:no-repeat; background-position:30px center, center; } #location .topbtns strong {text-decoration:underline;text-underline-offset: 3px;} #location .info_box{display:flex;flex-wrap:wrap;align-items:center;margin-top:120px;} #location .info_box > strong{width:415px;} #location .info_box > div{width:calc(100% - 415px);} #location .info_box > div span{display:block;font-size:19px;line-height:160%;margin-bottom:15px;} #location .info_box > div span:last-child{margin-bottom:0;} #location .info_box > div span b{color:#007cc3;margin-right:25px;} #location .map_container .map_inner{width:100%;} #location .map_container .map_inner .wrap_map{height:580px;} #location .map_container .map_inner .map_border{display:none;} #location .transport_list{position:relative;z-index:100;margin-top:-80px;background:#fff;padding:0 60px;} #location .transport_list li{border-bottom:1px solid #ddd;padding:40px 0;display:flex;flex-wrap:wrap;align-items: flex-start;} #location .transport_list li:first-child{padding-top:50px;} #location .transport_list li:last-child{padding-bottom:50px;} #location .transport_list li > strong{width:34.5%;font-size:25px;line-height:120%;background-repeat:no-repeat;background-position:left center;padding-left:45px;} #location .transport_list li > strong.ico01{background-image:url("/thema/Basic/img/location_ico01.png");} #location .transport_list li > strong.ico02{background-image:url("/thema/Basic/img/location_ico02.png");} #location .transport_list li > strong.ico03{background-image:url("/thema/Basic/img/location_ico03.png");} #location .transport_list li > div{width:65.5%;} #location .transport_list li > div .tit{font-size:18px;line-height: 120%;display:inline-block;color:#333;} #location .transport_list li > div .tit.mgB{margin-bottom:30px;} #location .transport_list li > div p{font-size:16px;line-height:180%;margin-top:20px;} #location .transport_list li > div p.color_gray {color:#7a7a7a;} #location .transport_list .trans_info span{display:block;font-size:16px;margin-bottom:10px;} #location .transport_list .trans_info span:last-child{margin-bottom:0;} #location .transport_list .trans_info span b{display:inline-block;border-radius:15px;padding:7px 10px;font-size:15px;font-weight:500;color:#fff;margin-right:10px;} /*상담안내*/ #consulting_info_top{} #consulting_info_top .img_box{height:450px;border-radius:50px 50px 0 0;background:url('/thema/Basic/img/consulting_info_top_img.jpg') no-repeat center / cover;} #consulting_info_top .txt_box{max-width:calc(100% - 100px);margin:-115px auto 0;background:#fff;padding:90px 20px;text-align:center;} #consulting_info_top .txt_box h4{font-size:40px;line-height:140%;} #consulting_info_top .txt_box h4 > b{font-size:45px;} #consulting_info_top .txt_box h4 > span{display:block;margin-top:30px;} #consulting_info_top .txt_box h4 > span b{font-weight:500;} #consulting_info_top .txt_box p{font-size:18px;line-height:160%;margin-top:30px;} .consulting_info_box h4{font-size:20px;line-height:120%;font-weight:700;position:relative;padding-left:30px;margin-bottom:30px;} .consulting_info_box h4:before{content:"";position:absolute;top:50%;left:0;width:7px;height:27px;margin-top:-13.5px;} .consulting_info_box h4.bg01:before{background-color:#007cc3;} .consulting_info_box h4.bg02:before{background-color:#00ae9c;} .consulting_info_box h4.bg03:before{background-color:#f7b135;} .consulting_info_box .cont_box{background:#f8f8f8;padding:50px 30px 80px;} .consulting_info_box .cont_box p{font-size:18px;line-height:160%;} #consulting_info_box02 > ul{display:flex;flex-wrap:wrap;} #consulting_info_box02 > ul li{width:22.75%;margin-top:3%;margin-right:3%;border:1px solid #ddd;padding:40px 10px;text-align:center;border-top-right-radius:50px;} #consulting_info_box02 > ul li:nth-child(4n){margin-right:0;} #consulting_info_box02 > ul li:nth-child(-n+4){margin-top:0;} #consulting_info_box02 > ul li h5{font-size:22px;line-height:120%;font-weight:700;} #consulting_info_box02 > ul li img{display:block;margin:15px auto;} #consulting_info_box02 > ul li strong{display:block;font-size:22px;line-height:140%;margin-bottom:5px;letter-spacing:-0.5px;word-break:keep-all;} #consulting_info_box02 > ul li strong.tel{font-size:30px;margin-bottom:0;} #consulting_info_box02 > ul li span{font-size:16px;line-height:140%;} #consulting_info_box03 .cont_box p:last-child{margin-top:10px;} #consulting_info_box03 .cont_box p span{margin-right:10px;cursor:default;} #consulting_info_box03 .cont_box p span:last-child{margin-right:0;} #consulting_info_box03 .cont_box p span:hover{color:#f7b135;font-weight:700;text-decoration:underline;text-underline-position:under;} /*상담통계*/ #consulting_total_top{text-align:right;margin-bottom:30px;} #consulting_total_top > strong{font-size:20px;line-height:140%;vertical-align: middle;margin-right:5px;} #consulting_total_top > select{width:70px;height:30px;} .consulting_total_sec h4{font-size:28px;line-height:150%;font-weight:700;margin-bottom:35px;} .consulting_total_sec h5{font-size:20px;line-height:140%;font-weight:700;position:relative;padding-left:15px;margin-bottom:15px;} .consulting_total_sec h5:before{content:"";width:5px;height:20px;position:absolute;top:50%;left:0;margin-top:-11px;} .consulting_total_sec .left_box{margin-right:3%;} .consulting_total_sec .left_box, .consulting_total_sec .right_box{float:left;width:48.5%;} #consulting_total_sec01{background:#f4faff;padding:90px 0 120px;} #consulting_total_sec01 h4{color:#0081dc;} #consulting_total_sec01 h5:before{background:#0081dc;} #consulting_total_sec01 #chart_way, #consulting_total_sec01 #chart_type{background:#fff;border-radius:50px;padding:40px;} #consulting_total_sec01 #chart_way > div > div{margin:0 auto;} #consulting_total_sec01 #chart_type > div{margin:0 auto;width:100%;} #consulting_total_sec02{padding:90px 15px;} #consulting_total_sec02 h4{color:#00ae9c;} #consulting_total_sec02 h5:before{background:#00ae9c;} #consulting_total_sec02 #chart_s, #consulting_total_sec02 #chart_a, #consulting_total_sec02 #chart_j, #consulting_total_sec02 #chart_h{border:1px solid #ddd;border-radius:50px;padding:40px;} #consulting_total_sec02 #chart_a > div, #consulting_total_sec02 #chart_j > div, #consulting_total_sec02 #chart_h > div{margin:0 auto;} #consulting_total_sec02 #chart_s{display:flex;flex-wrap:wrap;align-items: flex-end;padding:160px 40px;} #consulting_total_sec02 #chart_s > div{width:50%;text-align:center;} #consulting_total_sec02 #chart_s > div > img{display:block;margin:0 auto 30px;width:40%;max-width:96px;min-width:50px;} #consulting_total_sec02 #chart_s > div > span{font-size:18px;line-height:140%;font-weight:700;} #consulting_total_sec02 #chart_s > div > span b{font-size:22px;color:#00ae9c;} #consulting_total_sec02 .box01{margin-bottom:60px;} #consulting_total_sec03{background:#fff9ee;padding:90px 0;} #consulting_total_sec03 h4{color:#f7b135;} #consulting_total_sec03 h5:before{background:#f7b135;} #consulting_total_sec03 #chart_bs, #consulting_total_sec03 #chart_jk{background:#fff;border-radius:50px;padding:40px;} #consulting_total_sec03 #chart_bs{padding:85px 40px;} #consulting_total_sec03 #chart_bs img{display:block;margin:0 auto 40px;width:45%;max-width:201px;min-width:130px;} #consulting_total_sec03 #chart_bs .table_box{overflow-x:auto;} #consulting_total_sec03 #chart_bs .table_box table{width:100%;min-width:350px;border:1px solid #333;} #consulting_total_sec03 #chart_bs .table_box table th, #consulting_total_sec03 #chart_bs .table_box table td{font-size:16px;line-height:140%;font-weight:700;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:8px 15px 5px;} #consulting_total_sec03 #chart_bs .table_box table td{text-align:right;} #consulting_total_sec03 #chart_bs .table_box table td b{font-size:22px;color:#f7b135;font-family: 'GmarketSans';} #consulting_total_sec03 #chart_bs .table_box table tr th:last-child, #consulting_total_sec03 #chart_bs .table_box table tr td:last-child{border-right:0;} #consulting_total_sec03 #chart_bs .table_box table tr:last-child th, #consulting_total_sec03 #chart_bs .table_box table tr:last-child td{border-bottom:0;} #consulting_total_sec03 #chart_jk > div{margin:0 auto;} @media all and (max-width:1350px){ /* 인사말 */ #greetings:before{display:none;} #greetings .left_box {padding-right:40px;} #greetings .right_box > strong {font-size:35px;} #greetings .right_box p.marginB40_p {margin-bottom:30px;} #greetings .right_box p br {display:none;} #greetings .right_box .sign_box {margin-top:40px;} /* 연혁 */ #history ul.btm_img:before, #history ul.btm_img:after{width:55px;height:185px;top:auto;bottom:-10px;} #history ul.btm_img:before{left:-15px;} #history ul.btm_img:after{right:-15px;} } @media all and (max-width:1024px){ /* 상단 탭 */ .sub_tab_group {margin-bottom:80px;} .sub_tab_group li a {font-size:16px; height:50px; line-height:50px;} /* 공통 리스트 */ .dot_list02 li {font-size:16px; padding-left:20px;} .dot_list02 li:before {top:7px;} .dot_list03 li {font-size:14px;} /* 인사말 */ #greetings .left_box {display:none;} #greetings .right_box > strong {font-size:24px; margin-bottom:20px;} #greetings .right_box p {font-size:16px;} #greetings .right_box > b {font-size:16px;} #greetings .right_box p.marginB40_p {margin-bottom:20px;} #greetings .right_box .sign_box {margin-top:25px;} #greetings .right_box .sign_box strong {font-size:16px; margin-right:10px;} #greetings .right_box .sign_box img {width:88px;} /* 센터정보 */ #company_vision .vision_list > li {margin-bottom:60px; padding:0 20px;} #company_vision .vision_list > li:before {width:200px; height:200px; bottom:-20px;} #company_vision .vision_list li:nth-child(odd) .img_box {border-radius: 80px 0 0 0;} #company_vision .vision_list li:nth-child(even) .img_box {border-radius:0 80px 0 0;} #company_vision .vision_list li:nth-child(odd) .txt_box {padding-left:40px;} #company_vision .vision_list li:nth-child(even) .txt_box {padding-right:40px;} #company_vision .vision_list li .txt_box .top_box {margin-bottom:25px;} #company_vision .vision_list li .txt_box .top_box:after {width:46px; margin-top:20px;} #company_vision .vision_list li .txt_box .top_box span {font-size:12px; margin-bottom:5px;} #company_vision .vision_list li .txt_box .top_box h4 {font-size:24px;} #company_vision .vision_list li .txt_box .dot_list li {font-size:16px; margin-bottom:15px; padding-left:20px;} #company_vision .vision_list li:nth-child(even) .txt_box .dot_list li {padding-right:20px;} #company_vision .vision_list li:first-child .img_box:after {top:200px; left:-20px; background-size:70%;} #company_vision .vision_list li:last-child .img_box:after {background-size:70%; top:150px;} /* 조직구성및직원안내 */ #company_organ .company_img img {width:550px;} #company_organ .company_table {background-size:380px 200px; padding-top:120px;} #company_organ .company_table h4 {font-size:22px; background-size:20px; padding-left:30px; margin-bottom:20px;} #company_organ .company_table .table_wrap table th, #company_organ .company_table .table_wrap table tr td {font-size:16px;} #company_organ .company_table .table_wrap table tr td {padding:15px;} #company_organ .company_table .table_wrap table tr td a.phone_img {background-size:15px; padding-left:20px;} /* 연혁 */ #history ul.history_list{padding-bottom:100px;} #history ul.history_list > li strong.history_year {font-size:26px;margin-bottom:20px;} #history ul.history_list > li:nth-child(odd) strong {padding-left:30px;} #history ul.history_list > li:nth-child(even) strong {padding-right:30px;} #history ul.history_list > li:nth-child(odd) strong.history_year:before{width:28px;height:28px;left:-14px;} #history ul.history_list > li:nth-child(even) strong.history_year:after{width:28px;height:28px;right:-14px;} #history ul.history_list > li b.history_month {top:1px;left:25px;font-size:16px;} #history ul.history_list > li p.history_cont {font-size:16px; } #history ul.history_list > li:nth-child(even) b {right:25px;} #history ul.history_list > li:nth-child(odd) > li {padding-left:85px;} #history ul.history_list > li:nth-child(even) > li {padding-right:85px;} #history ul.history_list > li:nth-child(odd) ul.history_list_ul > li {padding-left:85px;} #history ul.history_list > li:nth-child(even) ul.history_list_ul > li{padding-right:85px;} #history ul.btm_img li{width:calc(33.3333% - 14px);margin-right:20px;border-radius:25px;} /* 오시는길 */ #location .info_box{margin-top:80px;} #location .info_box > strong{width:250px;} #location .info_box > strong img{width:200px;} #location .info_box > div{width:calc(100% - 250px);} #location .info_box > div span{font-size:16px;margin-bottom:10px;} #location .info_box > div span b{margin-right:10px;} #location .map_container .map_inner .wrap_map{height:400px;} #location .transport_list{margin-top:0;padding:0 30px;} #location .transport_list li{padding:20px 0;} #location .transport_list li:first-child{padding-top:30px;} #location .transport_list li:last-child{padding-bottom:30px;} #location .transport_list li > strong{width:170px;font-size:22px;padding-left:35px;background-size:22px;} #location .transport_list li > div{width:calc(100% - 170px);} #location .transport_list li > div .tit{font-size:16px;} #location .transport_list li > div .tit.mgB{margin-bottom:15px;} #location .transport_list li > div p{font-size:14px;margin-top:10px;} #location .transport_list .trans_info span{font-size:14px;margin-bottom:5px;} #location .transport_list .trans_info span b{padding:3px 7px;font-size:12px;} /*상담안내*/ #consulting_info_top .img_box{height:300px;border-radius:30px 30px 0 0;} #consulting_info_top .txt_box{margin-top:-80px;max-width:calc(100% - 30px);padding:60px 20px;} #consulting_info_top .txt_box h4{font-size:30px;} #consulting_info_top .txt_box h4 > b{font-size:35px;} #consulting_info_top .txt_box h4 > span{margin-top:20px;} #consulting_info_top .txt_box p{font-size:16px;margin-top:20px;} .consulting_info_box h4{font-size:18px;padding-left:20px;margin-bottom:20px;} .consulting_info_box h4:before{width:5px;height:20px;margin-top:-10px;} .consulting_info_box .cont_box{padding:30px 20px 50px;} .consulting_info_box .cont_box p{font-size:16px;} #consulting_info_box02 > ul li{width:calc(25% - 15px);margin-top:20px;margin-right:20px;padding:30px 10px;border-top-right-radius:30px;} #consulting_info_box02 > ul li h5{font-size:18px;} #consulting_info_box02 > ul li strong{font-size:18px;} #consulting_info_box02 > ul li strong.tel{font-size:25px;} #consulting_info_box02 > ul li span{font-size:14px;} #consulting_info_box03 .cont_box p:last-child{margin-top:5px;} /*상담통계*/ #consulting_total_top{margin-bottom:20px;} #consulting_total_top > strong{font-size:18px;} .consulting_total_sec h4{font-size:24px;margin-bottom:20px;} .consulting_total_sec h5{font-size:18px;} #consulting_total_sec01{padding:60px 0 90px;} #consulting_total_sec01 #chart_way, #consulting_total_sec01 #chart_type{border-radius:30px;padding:30px;} #consulting_total_sec02{padding:60px 15px;} #consulting_total_sec02 #chart_s, #consulting_total_sec02 #chart_a, #consulting_total_sec02 #chart_j, #consulting_total_sec02 #chart_h{border-radius:30px;padding:30px;} #consulting_total_sec02 #chart_s{padding:100px 30px;} #consulting_total_sec02 #chart_s > div > img{margin-bottom:20px;} #consulting_total_sec02 #chart_s > div > span{font-size:16px;} #consulting_total_sec02 #chart_s > div > span b{font-size:18px;} #consulting_total_sec02 .box01{margin-bottom:40px;} #consulting_total_sec03{padding:60px 0;} #consulting_total_sec03 #chart_bs, #consulting_total_sec03 #chart_jk{border-radius:30px;padding:30px;} #consulting_total_sec03 #chart_bs{padding:60px 30px;} #consulting_total_sec03 #chart_bs img{margin-bottom:30px;} #consulting_total_sec03 #chart_bs .table_box table th, #consulting_total_sec03 #chart_bs .table_box table td{font-size:14px;padding:5px 10px;} #consulting_total_sec03 #chart_bs .table_box table td b{font-size:18px;} } @media all and (max-width:768px){ /* 상단 탭 */ .sub_tab_group {margin-bottom:50px;} .sub_tab_group li a {font-size:14px; height:40px; line-height:40px;} /* 공통 리스트 */ .dot_list02 li {font-size:14px; padding-left:15px; margin-bottom:5px;} .dot_list02 li:before {top:5px;} .dot_list03 li {font-size:13px;} /* 인사말 */ #greetings .right_box > strong {font-size:20px; margin-bottom:15px;} #greetings .right_box p {font-size:14px;} #greetings .right_box > b {font-size:14px;} #greetings .right_box .sign_box strong {font-size:15px;} #greetings .right_box .sign_box img {width:80px;} /* 센터정보 */ #company_vision {padding-bottom:0;} #company_vision .vision_list > li {padding:0; margin-bottom:40px;} #company_vision .vision_list li .img_box, #company_vision .vision_list li .txt_box {width:100%;} #company_vision .vision_list li:nth-child(odd) .txt_box, #company_vision .vision_list li:nth-child(even) .txt_box {padding:0;} #company_vision .vision_list li:nth-child(even) .txt_box {text-align:left;} #company_vision .vision_list li .txt_box .dot_list li {font-size:14px; margin-bottom:10px; padding-left:15px;} #company_vision .vision_list li:nth-child(odd) .txt_box .dot_list li:before {top:5px;} #company_vision .vision_list li:nth-child(even) .txt_box .dot_list li:before {top:5px; left:0;} #company_vision .vision_list li:nth-child(even) .txt_box .dot_list li {padding-right:0; padding-left:15px;} #company_vision .vision_list li .img_box {height:230px; margin-bottom:20px;} #company_vision .vision_list li:nth-child(odd) .img_box, #company_vision .vision_list li:nth-child(even) .img_box {border-radius:0;} #company_vision .vision_list li:first-child .img_box:after, #company_vision .vision_list li:last-child .img_box:after {content:none;} #company_vision .vision_list li .txt_box .top_box {margin-bottom:20px;} #company_vision .vision_list li .txt_box .top_box span {font-size:10px;} #company_vision .vision_list li .txt_box .top_box h4 {font-size:20px;} #company_vision .vision_list li .txt_box .top_box:after {width:36px; margin-top:10px;} #company_vision .vision_list > li:before {content:none;} /* 조직구성및직원안내 */ #company_organ .company_img img {width:450px;} #company_organ .company_table {background-image:none; padding:0;} #company_organ .company_table h4 {font-size:20px;padding-left:26px; margin-bottom:15px;} #company_organ .company_table .table_wrap table th, #company_organ .company_table .table_wrap table tr td {font-size:14px; padding:10px 15px;} /* 연혁 */ #history ul.history_list{padding-bottom:50px;} #history ul.history_list {margin-left:15px;} #history ul.history_list:before {left:0;} #history ul.history_list > li { width:100%; margin-bottom:50px;} #history ul.history_list > li:nth-child(odd){float:none;} #history ul.history_list > li:nth-child(even){float:none;text-align:left;} #history ul.history_list > li strong.history_year {font-size:24px; padding-left:30px;} #history ul.history_list > li:nth-child(even) strong.history_year:after {left:-14px;} #history ul.history_list > li:nth-child(even) strong {padding-right:0;} #history ul.history_list > li:nth-child(even) li {padding-right:0; padding-left:12px;} #history ul.history_list > li:nth-child(odd) > li {padding-left:70px;} #history ul.history_list > li > li:before {width:15px; height:15px;} #history ul.history_list > li:nth-child(odd) > li:before, #history ul.history_list > li:nth-child(even) > li:before {left:-7px;} #history ul.history_list > li:nth-child(even) li:before{right:auto;left:-10px;} #history ul.history_list > li ul.history_list_ul > li {margin-bottom:10px;} #history ul.history_list > li b.history_month {left:20px;} #history ul.history_list > li b.history_month, #history ul.history_list > li p.history_cont {font-size:14px;} #history ul.history_list > li:nth-child(odd) ul.history_list_ul > li {padding-left:70px;} #history ul.history_list > li:nth-child(even) ul.history_list_ul > li{padding-right:0;padding-left:70px;} #history ul.btm_img li{width:calc(33.3333% - 7px);margin-right:10px;border-radius:15px;} #history ul.btm_img:before, #history ul.btm_img:after{content:none;} /* 오시는길 */ #location .info_box{margin-top:40px;} #location .info_box > strong{width:100%; text-align:center;} #location .info_box > strong img{width:160px;} #location .info_box > div{width:100%;margin-top:20px;text-align:center;} #location .info_box > div span{font-size:14px;margin-bottom:5px;} #location .map_container .map_inner .wrap_map{height:300px;} #location .transport_list{padding:0 15px;} #location .transport_list li > strong{width:100%;font-size:20px;padding-left:30px;background-size:18px;} #location .transport_list li > div{width:100%;margin-top:10px;} #location .transport_list li > div .tit{font-size:14px;} #location .transport_list li > div .tit.mgB{margin-bottom:10px;} #location .transport_list li > div p{font-size:13px;margin-top:5px;} #location .transport_list .trans_info span{font-size:13px;} /*상담안내*/ #consulting_info_top .img_box{height:200px;} #consulting_info_top .txt_box{margin-top:-50px;padding:40px 10px;} #consulting_info_top .txt_box h4{font-size:20px;} #consulting_info_top .txt_box h4 > b{font-size:25px;} #consulting_info_top .txt_box h4 > span{margin-top:10px;} #consulting_info_top .txt_box p{font-size:14px;margin-top:10px;} .consulting_info_box .cont_box{padding:20px;} .consulting_info_box .cont_box p{font-size:14px;} #consulting_info_box02 > ul li{width:calc(50% - 10px);} #consulting_info_box02 > ul li:nth-child(4n){margin-right:20px;} #consulting_info_box02 > ul li:nth-child(-n+4){margin-top:20px;} #consulting_info_box02 > ul li:nth-child(2n){margin-right:0;} #consulting_info_box02 > ul li:nth-child(-n+2){margin-top:0;} #consulting_info_box02 > ul li h5{font-size:16px;} #consulting_info_box02 > ul li strong{font-size:16px;} #consulting_info_box02 > ul li strong.tel{font-size:20px;} /*상담통계*/ #consulting_total_top > strong{font-size:16px;} .consulting_total_sec h4{font-size:20px;} .consulting_total_sec h5{font-size:16px;} .consulting_total_sec .left_box{margin-right:0;margin-bottom:30px;} .consulting_total_sec .left_box, .consulting_total_sec .right_box{width:100%;} #consulting_total_sec01{padding:40px 0 60px;} #consulting_total_sec02{padding:40px 15px;} #consulting_total_sec02 #chart_s{padding:40px 30px;} #consulting_total_sec02 #chart_s > div > img{margin-bottom:15px;} #consulting_total_sec02 #chart_s > div > span{font-size:14px;} #consulting_total_sec02 #chart_s > div > span b{font-size:16px;} #consulting_total_sec02 .box01{margin-bottom:30px;} #consulting_total_sec03{padding:40px 0;} #consulting_total_sec03 #chart_bs{padding:40px 30px;} #consulting_total_sec03 #chart_bs img{margin-bottom:20px;} #consulting_total_sec03 #chart_bs .table_box table th, #consulting_total_sec03 #chart_bs .table_box table td{font-size:13px;} #consulting_total_sec03 #chart_bs .table_box table td b{font-size:16px;} } @media all and (max-width:420px){ /*상담안내*/ #consulting_info_box02 > ul li{width:100%;margin-right:0;} #consulting_info_box02 > ul li:nth-child(4n){margin-right:0;} #consulting_info_box02 > ul li:nth-child(2){margin-top:20px;} /*상담통계*/ .consulting_total_sec text{font-size:13px !important;} } .customList li::before{background-color: transparent; content: "- "; top: 0;} .customList li{font-weight: 500; padding-left: 16px; line-height: 160%; word-break: keep-all;}