@charset "utf-8";
@media screen and (max-width:1200px) {
h2.title {padding:0 20px;}
}

@media screen and (max-width:720px) {
h2.title {display:block;margin:0 0 10px 0;font-size:24px;}
}

#map {display:block;float:left;position:relative;width:calc(100% - 720px);max-width:420px;}
#map img {width:100%;height:auto;}
#map a {display:block;position:absolute;width:40px;height:40px;color:#fff;font-size:20px;font-weight:600;text-align:center;line-height:40px;background:var(--color);border-radius:50%;z-index:1;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
#map a.off {background:rgba(130,130,130,0.6);}
#map .circle.circle-1 {left:31%;top:21%;}
#map .circle.circle-2 {right:5%;bottom:28%;}
#map .circle.circle-3 {left:29%;bottom:27%;}
#map .circle.circle-4 {left:43%;top:44%;}
#map .circle.circle-5 {right:18%;bottom:40%;}
#map .circle.circle-6 {left:41%;top:26%;}
#map .circle.circle-7 {left:41%;top:37%;}
#map .circle.circle-8 {left:60%;bottom:39%;}
#map .circle.circle-9 {left:41%;bottom:30%;}
#map .circle.circle-10 {right:24%;top:18%;}
#map .circle.circle-11 {left:20%;bottom:0%;}

#bo_list {float:right;width:720px;margin:0 auto;}

@media screen and (max-width:980px) {
	#map {float:none;width:100%;max-width:320px;margin:50px auto 40px auto;}
	#map a {width:32px;height:32px;font-size:16px;line-height:32px;}
	
	#bo_list {float:none;width:auto;}
	#tabs-container {float:none; width: 100%; margin: 0 auto;}
}

#bo_cate_tab {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:space-around;width:100%;margin:0 0 30px 0;}
#bo_cate_tab a {display:flex-item;flex:auto;flex-grow:0;position:relative;width:15%;margin:0 0 10px 0;color:#999;font-size:16px;font-weight:600;text-align:center;line-height:38px;background:#f4f4f4;border:solid 3px #f4f4f4;border-radius:5px;vertical-align:top;}
#bo_cate_tab a.active {color:#222;background:#fff;border:solid 3px var(--color);}

@media screen and (max-width:720px) {
#bo_cate_tab {width:calc(100% - 40px);margin:0 20px 20px 20px;}
#bo_cate_tab a {width:30%;}
#bo_cate_tab a {font-size:14px;line-height:34px;border:solid 2px #f4f4f4;}
#bo_cate_tab a.active {border:solid 2px var(--color);}
}

#list_type .cell {text-align:left;}
#list_type .cell.cell_num {width:10%;text-align:center;}
#list_type .cell.cell_subject {width:40%}
#list_type .cell.cell_address {width:30%}
#list_type .cell.cell_tel {width:20%;text-align:center;}

#list_type .row.td .cell_subject {color:#222;font-size:16px;font-weight:600;}
#list_type .row.td .cell_good a.active i {color:var(--color);}

#list_type .chk_box a {display:none;}

@media screen and (max-width:720px) {
#list_type {display:block;width:auto;margin:0 20px;min-height: 260px;}
#list_type .row {display:block;position:relative;padding:20px 0;border-bottom:solid 1px #eee;}
#list_type .row:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .row.td .cell {display:block;float:left;position:relative;padding:0;font-size:13px;text-align:left;line-height:120%;border-bottom:none;}

#list_type .row.td .cell.cell_num {width:30px;left:6px;color:#999;line-height:18px;}
#list_type .row.td .cell.cell_subject {width:calc(100% - 30px);margin:0 0 8px 0;font-size:16px;line-height:20px;}
#list_type .row.td .cell.cell_address {width:100%;margin:0 0 8px 0;padding:0 0 0 30px;}
#list_type .row.td .cell.cell_tel {width:auto;margin:0 8px 0 30px;padding:0 8px 0 0;}
#list_type .row.td .cell.cell_ea {width:auto;font-weight:600;}
#list_type .row.td .cell.cell_ea:before {content:'자격증 취득수';display:inline-block;margin:0 4px 0 0;font-weight:300;}
#list_type .row.td .cell.cell_good {float:none;position:absolute;right:0;top:20px;width:auto;right:10px;}
}

@media screen and (max-width:720px) {
#bo_v_info_mob {display:block;}

#bo_v_info .profile_info_ct strong {font-size:12px;margin:0 5px 0 0;}
#bo_v_info .profile_info_ct i {font-size:18px;}
#bo_v_info .profile_info_ct .if_name,
#bo_v_info .profile_info_ct .if_date {display:none;}
}

.bo_v_opt {display:block;float:right;position:relative;}
.bo_v_opt button.btn_opt {display:block;width:30px;height:40px;background:none;border:none;}
.bo_v_opt button.btn_opt i {color:#888 !important;font-size:18px !important;}
.bo_v_opt .lay_opt {display:none;position:absolute;right:0;top:40px;width:120px;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.bo_v_opt .lay_opt ul li {border-bottom:solid 1px #eee;}
.bo_v_opt .lay_opt ul li:last-child {border-bottom:none;}
.bo_v_opt .lay_opt a {display:block;color:#222;font-size:16px;text-align:center;line-height:42px;}

@media screen and (max-width:720px) {
.bo_v_opt .lay_opt {float:none;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;background:rgba(0,0,0,0.8);border-radius:0px;overflow-x:hidden;overflow-y:auto;box-shadow:none;z-index:9999;
-webkit-transform:translate(0,0);
-moz-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
}
.bo_v_opt .lay_opt ul {position:fixed;left:50%;top:50%;width:320px;background:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,0.6);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.bo_v_opt .lay_opt a {font-size:16px !important;line-height:50px;}
}

.mdl_share {width:480px;}

ul.share {padding:40px 20px;}
ul.share:after {display:block;visibility:hidden;clear:both;content:""}
ul.share li {display:block;float:left;width:25%;}
ul.share li .icon {display:block;width:60px;height:60px;margin:0 auto 6px auto;color:#fff;font-size:20px;font-weight:600;text-align:center;line-height:60px;border-radius:50%;}
ul.share li .icon.normal_bg {background-color:var(--color);}
ul.share li .icon i {font-size:40px;vertical-align:middle;}
ul.share li .icon i.xi-mail {font-size:32px;}
ul.share li p {color:#222;font-size:16px;text-align:center;}

@media screen and (max-width:720px) {
.mdl_share {width:100%;}

ul.share li .icon {width:48px;height:48px;font-size:16px;line-height:48px;}
ul.share li .icon i {font-size:36px;}
ul.share li .icon i.xi-mail {font-size:28px;}
ul.share li p {font-size:14px;}
}