@charset "UTF-8";
/* CSS Document */

/**************************************************************************** 
	data_table
****************************************************************************/
/* table style */
.tb_title{margin-bottom:10px;color:#353738;font-size:16px;font-weight:700;}
.tb_title span{font-size:14px;}
table {border-right:solid 1px #d9d9d9;border-top:solid 1px #d9d9d9;}
table caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
table thead th, table tbody th, table tbody td, table tfoot th, table tfoot td {color:#6b6e70}
table thead th {padding:10px 0;border-left:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;font-size:14px;font-weight:500;background:#f5f6f7;text-align:center;word-break:break-all;}
table tbody th {padding:10px 0;border-left:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;font-size:14px;font-weight:500;background:#f5f6f7;text-align:center;word-break:break-all;}
table tbody td {padding:10px 0;border-left:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;font-size:13px;font-weight:300;text-align:center;background:#fff;word-break:break-all;}
table tfoot th {padding:10px 0;border-left:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;font-size:14px;font-weight:500;background:#f5f6f7;text-align:center;word-break:break-all;}
table tfoot td {padding:10px 0;border-left:solid 1px #d9d9d9;border-bottom:solid 1px #d9d9d9;font-size:13px;font-weight:300;text-align:center;background:#fff;word-break:break-all;}


table.tb_row01 tbody td{padding-left:20px;text-align:left;}
table.tb_row02{border-right:none;border-top:solid 1px #999da1;}
table.tb_row02 tbody th{padding:17px 0 16px;border-left:none;font-size:15px;}
table.tb_row02 tbody td{padding:17px 0 16px;border-left:none;padding-left:20px;text-align:left;font-size:16px;color:#353738;}
table tr.iptp td{padding:10px 0 9px 20px;}
table td.td_pull{padding:0 29px 17px;text-align:left;}
table td.td_pull:after{content:"";display:block;clear:both;}
table td.td_pull .box_style01{float:left;margin-right:10px;}
table td.td_pull p{float:left;width:510px;padding-top:6px;line-height:1.4;}
table.tb_row03{margin-bottom:0;}
table.tb_row03,table.tb_row03 tbody th,table.tb_row03 tbody td{border:none;background:none;text-align:left;vertical-align:top;}
table.tb_row03 tbody th,table.tb_row03 tbody td{border-bottom:solid 1px #e6e9ed;padding:20px 0;}
table.tb_row03 tbody td{color:#353738;font-size:16px;}
table.tb_row03 tbody tr:last-child th,table.tb_row03 tbody tr:last-child td{border-bottom:none;padding-bottom:0;}


/**************************************************************************** 
layout
****************************************************************************/
#wrapper {position:relative;width:100%;min-width:1400px;margin:0 auto}
.in-wrap{position:relative;margin:0 auto;max-width:1121px;}
#container{padding:0;background-color:;}

#nav {overflow-y:auto;position:fixed;z-index:5;height:100%;width:250px;background-color:#0f2a55;transition:.2s;}
#nav h1 {padding-top:30px;text-align:center}
#nav h1 .snb_logo{float:left; width:calc(100% - 100px); margin-left: 25px;}
#nav h1 .snb_logo02{position: relative; top:0; left: 20px; float:left; width:calc(100% - 100px); margin-left: 25px;}
#nav h1 .btn_snbtoggle{display:block;position:relative;float:right;width:30px;height:20px;margin-right: 25px;transition:.2s;}
#nav h1 .btn_snbtoggle:after{content: "";display: block;position:absolute;bottom:-70%;left:0;width:100%;height:2px;background-color: #6e81b7;transition:.2s;}
#nav h1 .btn_snbtoggle span{display: block;position: absolute;width:100%;height:2px;background-color:#6e81b7;transition:.2s; }
#nav h1 .btn_snbtoggle span.toggle_line01{width:60%;top:15%;left:0;transform: translate(-10%,50%)rotate(-35deg);}
#nav h1 .btn_snbtoggle span.toggle_line02{top:50%;transform: translateY(-50%);}
#nav h1 .btn_snbtoggle span.toggle_line03{width:60%;bottom:15%;left:0;transform: translate(-10%,-50%)rotate(35deg);} 
#navi {margin:0;padding:50px 0 0 30px}
#navi li.group {margin-bottom:20px}
#navi li.group div.title {cursor:pointer}
#navi li.group div.title a {font-size:15px;font-weight:700;color:#6e81b7}
#navi li.group div.title i {width:20px;margin-right:5px;text-align:center}
#navi li.group div.title a:hover,
#navi li.group div.title a:hover i {color:#00b6ff}
#navi ul.sub li {margin-bottom:10px;margin-left:25px;color:#fff;cursor:pointer}
#navi ul.sub li:first-child {margin-top:9px}
#navi ul.sub li a {display:block;text-decoration:none;font-size:13px;color:#fff;}
#navi ul.sub li.on a,
#navi ul.sub li a:hover{color:#f6e347;}

#nav.active{width:80px;}
#nav.active h1 .btn_snbtoggle{margin-right:25px;}
#nav.active h1 .btn_snbtoggle:after{background-color: #fff;}
#nav.active h1 .btn_snbtoggle span{background-color:#fff;}
#nav.active h1 .btn_snbtoggle span.toggle_line01{right:0;left: inherit;transform: translate(10%,50%)rotate(35deg);}
#nav.active h1 .btn_snbtoggle span.toggle_line03{right:0;left: inherit;transform: translate(10%,-50%)rotate(-35deg);}

#nav li.group .snb_txt{display: inline-block;text-indent:0;opacity: 1;}
#nav.active li.group .snb_txt{display: inline-block;text-indent: -999px;opacity: 0;}
#nav.active ul.sub li {margin-left:9px;}
#nav.active ul.sub li a {color:#6e81b7;}
#nav.active #navi ul.sub li.on a,
#nav.active #navi ul.sub li a:hover {color:#f6e347}


#nav.active:hover{width:250px;}
#nav.active:hover h1 .btn_snbtoggle:after{background-color: #fff;}
#nav.active:hover li.group .snb_txt{display: inline-block;text-indent: 0;opacity: 1;}
#nav.active:hover ul.sub li {margin-left:25px;}
#nav.active:hover ul.sub li a {color:#fff;}


#nav h1 .btn_snbtoggle:hover span{background-color:#fff;}
#nav h1 .btn_snbtoggle:hover:after{background-color: #fff;}


#footer{padding:30px 0;background:#f2f3f8;}
.footer_row2{text-align:center;}
.footer_row2 .f_address{line-height:23px;}
.footer_row2 .f_address p{font-size:14px;}




section.doubleWrap{display: flex; justify-content: space-around; flex-wrap: wrap; align-items: flex-start;}
section.doubleWrap .halfDiv{margin-bottom: 30px;}


/**************************************************************************** 
	content area
****************************************************************************/
/*login*/
.loginContents{margin-top:50px;text-align:center;}
.loginContents h1{font-size:31px;color:#000;}
.loginContents h1 img{margin-right:30px;}
.loginContents .loginW{margin-top:100px;padding-top:50px; padding-bottom:30px; background-color:#272b35}
.loginContents .loginW strong{float:left;width:100px;line-height:50px;color:#fff;font-size:18px;}
.loginContents .loginW input{float:left;width:200px;}
.loginContents .loginW div{width:300px;margin:0 auto 10px;}
.loginContents .loginW div.btW span{display:block;margin-top:20px;background-color:#fff;padding:10px 5px;font-size:18px;text-align:center;cursor:pointer;border-radius:3px;}

/* --------------------------------------------
    메인
    main-section-wrap
/* ------------------------------------------ */
.main-title h2{margin-bottom: 15px; font-family: 'NanumMyeongjo', '나눔명조', 'Batang', '바탕'; font-size: 30px; font-weight: bold; line-height: 1em; text-align: center}
.main-title .title_date{float: left; margin: 15px 0 30px 0; width: 100%; height: auto; color: #353736; font-size: 17px;}

.sub_notice{padding-bottom:15px; text-align: center;}
.sub_notice ul{display: inline-block; text-align: left;}


.main-section-wrap .main-section__group{float:left;width:calc(25% - 12px);height:293px;padding:15px;border-radius:4px;position:relative;}
.main-section-wrap .main-section__group:nth-child(-n+3) {margin-right:16px}
.main-section-wrap .main-section__group b{padding:2px 13px;color:#000;font-size:11px;font-weight:700;background-color:#fff;opacity:0.59;border-radius:3px;}
.main-section-wrap .main-section__group h3{padding-top:15px;color:#fff;font-size:24px;line-height:1;}
.main-section-wrap .main-section__group ul{margin-top:30px;}
.main-section-wrap .main-section__group ul:after{content:"";display:block;clear:both;}
.main-section-wrap .main-section__group ul li{float:left; text-align:center;}

/* 추천현황 도움말 */
.main-section-wrap .main-section__group ul li span{display:block;padding-bottom:11px;color:#fff;font-size:14px;font-weight:300; }
.main-section-wrap .main-section__group ul li span .title_wrap{display:flex; justify-content: center; align-items:flex-start;}
.main-section-wrap .main-section__group ul li span .title{ display: inline; word-break: break-word;}
.main-section-wrap .main-section__group ul li span b.manual_btn{color: #fff; background-color: #000;opacity: 0.3;display: inline-flex;justify-content: center;align-items: flex-start;width:18px;height:18px;margin-left:1%;padding:0; padding-top:1px;box-sizing: border-box;font-size: 13px;font-weight: 700; border-radius: 50%; transition: all 0.3s; cursor: pointer;}
.main-section-wrap .main-section__group ul li span b.manual_btn:hover{opacity: 1;}
.main-section-wrap .main-section__group ul li span .manual_box{display:none; opacity:0; width:90%; word-break:keep-all; transition:all 0.3s; z-index: 2;position: absolute;top: 130px;left: 50%;right: 0;  transform:translateX(-50%); padding: 20px 20px 20px 20px;color:#000;  font-family: 'Nanum Square','Sans-serif'; background-color: #fefecc;border-radius: 5px;-webkit-box-shadow: 2px 4px 12px -5px rgb(150 150 150);box-shadow: 2px 4px 12px -5px rgb(150 150 150);text-align: left;}
.main-section-wrap .main-section__group ul li span .manual_box h3{font-size: 15px; padding-top: 0; margin-bottom: 10px; color:#474747; font-weight: 600; } 
.main-section-wrap .main-section__group ul li span .manual_box .clse{position:absolute;top:20px;right:30px;cursor:pointer;font-size:0;}
.main-section-wrap .main-section__group ul li span .manual_box .clse:before{background-position:0 -32px;width:11px;height:11px;}
.main-section-wrap .main-section__group ul li span .manual_box .clse .spr2{display:block;}

.main-section-wrap .main-section__group ul li strong{display:block;color:#fff;font-size:25px;font-family:"tahoma";line-height:1;}
.main-section-wrap .main-section__group ul li.point:before{content:"";position:absolute;top:-8px;left:0%;width:95%;height:80px;background-color:#fff;opacity:0.2;border-radius:5px;}
.main-section-wrap .main-section__group.group02 ul li.point:before{background-color:#000;opacity:0.07}
.main-section-wrap .main-section__group a{color:#ffff00; border-bottom:1px solid #ffff00; padding-bottom:3px;}
.main-section-wrap .main-section__group.group01{background-color:#6d59b0}
.main-section-wrap .main-section__group.group02{background-color:#41aefa}
.main-section-wrap .main-section__group.group03{background-color:#939393}
.main-section-wrap .main-section__group.group04{background-color:#00d0bd}
.main-section-wrap .main-section__group.group03 b,.main-section-wrap .main-section__group.group04 b{color:#fff;background-color:#000;opacity:0.3;}
.main-section-wrap .main-section__group.group01 ul li{width:50%;margin-bottom:40px}
.main-section-wrap .main-section__group.group02 ul li{width:33.3333333%;margin-bottom:40px}
.main-section-wrap .main-section__group.group03 ul li{width:33.3333333%;margin-bottom:40px}
.main-section-wrap .main-section__group.group04 ul li{width:50%;margin-bottom:40px}

.company_form{width:40%; float:left;}
.company_form .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.company_form .input_wrap {padding:3%;border-radius:`;border:solid 1px #d7dade;}
.company_form .input_wrap li{float:left;width:48%;margin-bottom:3%; margin-right:2%;}
.company_form .input_wrap li:nth-of-type(7){width:100%;}
.company_form .input_wrap li select{width:100%;}
.company_form .input_wrap li textarea{width:100%;height:150px;}
.company_form .input_wrap li input[type="text"]{width:100%;}
.company_form .input_wrap li input[type="radio"]{width:5%;height:16px;}
.company_form .input_wrap li label{color:#2a2a2a;font-size:15px;}
.company_form .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}
.company_form .input_wrap li div.text{width:100%; height:50px; font-size:15px; color:#787878;}
.company_form .input_wrap li div span{ line-height:50px; vertical-align:middle;}

.company_list{width:40%; float:right;}
.company_list .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.company_list .input_wrap{padding:3%;border-radius:5px;border:solid 1px #d7dade;}
.company_list .input_wrap li{float:left;width:48%;margin-bottom:3%}
.company_list .input_wrap li:nth-child(even){margin-left:4%;}
.company_list .input_wrap li:nth-of-type(1) input{width:25%}
.company_list .input_wrap li:nth-of-type(2) input{width:22%}
.company_list .input_wrap li select{width:100%}
.company_list .input_wrap li textarea{width:100%;height:150px;}
.company_list .input_wrap li:nth-of-type(8) input{width:25%}
.company_list .input_wrap li:nth-of-type(7){width:100%;}
.company_list .input_wrap li:nth-of-type(8){margin-left:0}
.company_list .input_wrap li:nth-of-type(9){margin-left:4%}
.company_list .input_wrap li input[type="radio"]{width:5%;height:16px;}
.company_list .input_wrap li label{color:#2a2a2a;font-size:15px;}
.company_list .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}

/*고정 탑*/
.fix_contents-top-srch{border-bottom:solid 1px #000; padding-bottom:15px; font-size:15px;}
.fix_contents-top-srch b{color:blue;}

.contents-top-srch {display:flex;align-items:baseline;margin-bottom:10px}
.contents-top-srch.noflex {display:block}
.contents-top-srch div.main-srch {float:left}
.contents-top-srch div.main-srch select {font-size:13px}
.contents-top-srch div.main-srch .tf_keyword_search {font-size:13px}
.contents-top-srch div.sub-srch {float:left; margin-right:10px; margin-top:15px; line-height:50px;}
.contents-top-srch div.sub-srch-top{margin-top:15px;}
/*
.contents-top-srch div.sub-srch-top .download{height:50px;line-height:48px;padding:0 10px;border:dashed 1px #00d0bd;border-radius:3px;}
.contents-top-srch div .download i{margin-right:10px;color:#00d0bd;}
*/
.contents-top-srch div .alltype {margin-right:5px;font-size:14px;font-weight:500}
.contents-top-srch.noflex .alltype {display:inline-block;;padding-top:12px}
.contents-top-srch .registb{display:block;height:50px; line-height:50px;padding:0 30px; margin-right:20px; margin-top:15px; background-color:#21252d;border-radius:3px; color:#fff; float:left;!important; }
.contents-top-srch .registb.on{display:block;height:50px; line-height:50px;padding:0 30px; margin-right:20px; margin-top:15px; background-color:#00d0bd;border-radius:3px;color:#fff;  float:left;!important;}
.contents-top-srch div .registb i{margin-right:10px;color:#fff;}
.contents-top-srch div .registb:hover{background-color:#00d0bd;}
.contents-top-srch .sign{clear:both;}
.contents-top-srch .sign p{padding-top:15px;}
.contents-top-srch .sign p label{font-size:15px;}
.contents-top-srch .contents-top-srch__inpt input{width:400px;}
.contents-top-srch .contents-top-srch__inpt button{width:50px;height:50px;background-color:#fff;border:2px solid #d7dade;}

.contents-top-company-srch{padding-top:15px; padding-bottom:15px;}
.contents-top-company-srch div.main-srch{float:left; margin-left:15px;line-height:50px;}
.contents-top-company-srch div.sub-srch{float:left; margin-left:15px; margin-top:15px; line-height:50px;}
.contents-top-company-srch div.sub-srch-top{margin-top:15px;}
/*
.contents-top-company-srch div.sub-srch-top .download{height:50px;line-height:48px;padding:0 10px;border:dashed 1px #00d0bd;border-radius:3px;}
.contents-top-company-srch div .download i{margin-right:10px;color:#00d0bd;}
*/
.contents-top-company-srch div .alltype{font-size:18px; margin-right:5px;}
.contents-top-company-srch .registb{display:block;height:50px; line-height:50px;padding:0 30px; margin-right:20px; margin-top:15px; background-color:#21252d;border-radius:3px; color:#fff; float:left;!important; }
.contents-top-company-srch .registb.on{display:block;height:50px; line-height:50px;padding:0 30px; margin-right:20px; margin-top:15px; background-color:#00d0bd;border-radius:3px;color:#fff;  float:left;!important;}
.contents-top-company-srch div .registb i{margin-right:10px;color:#fff;}
.contents-top-company-srch div .registb:hover{background-color:#00d0bd;}
.contents-top-company-srch .sign{clear:both;}
.contents-top-company-srch .sign p{padding-top:15px;}
.contents-top-company-srch .sign p label{font-size:15px;}
.contents-top-company-srch .contents-top-company-srch__inpt input{width:400px;}
.contents-top-company-srch .contents-top-company-srch__inpt button{width:50px;height:50px;background-color:#fff;border:2px solid #d7dade;}

.tb_b_link{border-bottom:solid 1px #aeaeae;}

/* .registb{ display:inline-block; background-color:#00d0bd; height:50px; line-height:50px; padding:0 30px; border-radius:3px; color:#fff;} */

div .registb i{margin-right:10px;color:#fff;}
div .registb:hover{background-color:#183b7d;}

.registb2{ display:inline-block; background-color:#00d0bd; height:25px; line-height:25px; margin-bottom:10px; padding:0 30px; border-radius:3px; color:#fff;}

div .registb2 i{margin-right:10px;color:#fff;}
div .registb2:hover{background-color:#00d0bd;}

.modify_registb{display:inline-block;clear:both;padding:3px 10px;background-color:#12489c;border-radius:4px;font-size:12px;color:#fff;cursor:pointer;}
.modify_registb_condition{float:left; width:40%; height:30px; margin-left:10px; background-color:#21252d; padding-top:7px; border-radius:3px; color:#fff; cursor:pointer;}
.delete_button{background-color:red;}
table.admin-table02 tbody th{padding:8px 5px 8px 15px;background-color:#f5f6f7;text-align:left;}
table.admin-table02.tc tbody th{ text-align: center;}
table.admin-table02 tbody td{padding:8px;text-align:left;}
table.admin-table02.tc tbody td{ text-align: center;}
table.admin-table02 tbody td input{width:100%;height:40px}
/*table.admin-table02 tbody tr td:nth-child(1){text-align:center;}*/
table.admin-in-table tbody td strong{display:inline-block;padding:5px;background-color:#567ea8;border-radius:3px;color:#fff;}
table.admin-in-table tbody td div{padding:15px 0;text-align:left}
table.admin-in-table tbody td .file_add a{display:inline-block;margin-right:10px;color:#567ea8;}
table.admin-in-table tbody td .file_add a i{margin-right:5px;}

table.admin-table01 tbody td .file_add a{display:inline-block;margin-right:10px; margin-top:15px; color:#567ea8;}
table.admin-table01 tbody td .file_add a i{margin-right:5px;}

table .folding-tr{display:none;}
.fold-ic{text-align:center;}
.fold-ic span{display:inline-block;padding:7px 8px 5px;border-radius:0 0 5px 5px;color:#fff;background-color:#567ea8;font-size:14px;cursor:pointer;}

table.admin-table02 figure:after{content:"";position:absolute;top:0;left:0px;width:200px;height:200px; background:url(/images/sub/profile_info_box_bg.png) no-repeat 0 0;}
table.admin-table02 figure{float:left;position:relative;width:200px;height:200px;margin-left:45px; padding-top:30px;overflow:hidden;text-align:center; margin-top:20px;}
table.admin-table02 figure img{height:140px;overflow:hidden;}


table.admin-table02 .btnArea{position:relative; width:100%; margin-top:30px;text-align:left;margin-left:73px;}
table.admin-table02 .btnArea .btng{width:48%;height:40px;line-height:40px;text-align:center;padding-left:25px;font-size:12px;font-weight:400;}
table.admin-table02 .btnArea .btng:hover{background:#494b4c;}
table.admin-table02 .btnArea .btng:before{content:"";position:absolute;top:12px;left:15px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -418px -156px; }


/*컨설턴트 등록*/
.consultant_form{padding-top:30px; width:45%; float:left;  height:584.16px; !important;}
.consultant_form .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.consultant_form .input_wrap{padding:3%;border-radius:5px;border:solid 1px #d7dade;}
.consultant_form .input_wrap .title{font-size:20px; text-align:center;}
.consultant_form .input_wrap ul{margin-top:15px;}
.consultant_form .input_wrap li{float:left;width:48%;margin-bottom:3%; margin-right:2%;}
.consultant_form .input_wrap li:nth-of-type(7){width:100%;}
.consultant_form .input_wrap li select{width:100%}
.consultant_form .input_wrap li input[type="text"]{width:100%;}
.consultant_form .input_wrap li input[type="password"]{width:100%;}
.consultant_form .input_wrap li input[type="radio"]{width:5%;height:16px;}
.consultant_form .input_wrap li label{color:#2a2a2a;font-size:15px;}
.consultant_form .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}
.consultant_form .input_wrap li div.text{width:100%; height:50px; font-size:15px; color:#787878;}
.consultant_form .input_wrap li div span{ line-height:50px; vertical-align:middle;}

.consultant_list{padding-top:30px; width:48%; float:right; !important;}
.consultant_list .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.consultant_list .input_wrap{padding:3%;border-radius:5px;border:solid 1px #d7dade; height:584.16px;}
.consultant_list .input_wrap .title{font-size:20px; text-align:center;}
.consultant_list .input_wrap div{margin-top:15px; width:100%;}
.consultant_list .input_wrap div .sub_title{font-size:18px;}
.consultant_list .input_wrap div .sub_title2{font-size:18px; margin-top:100px;}
.consultant_list .input_wrap div .sub_text{width:100%; background-color:#272b35;}
.consultant_list .input_wrap div p{font-size:15px; color:white; line-height:50px; padding-left:15px;}
.consultant_list .input_wrap div span{color:red;}
.consultant_list .input_wrap div input[type="radio"]{line-height:50px;}
.consultant_list .input_wrap li{float:left;width:48%;margin-bottom:3%}
.consultant_list .input_wrap li:nth-child(even){margin-left:4%;}
.consultant_list .input_wrap li:nth-of-type(1) input{width:25%}
.consultant_list .input_wrap li:nth-of-type(2) input{width:22%}
.consultant_list .input_wrap li select{width:100%}
.consultant_list .input_wrap li:nth-of-type(8) input{width:25%}
.consultant_list .input_wrap li:nth-of-type(7){width:100%;}
.consultant_list .input_wrap li:nth-of-type(8){margin-left:0}
.consultant_list .input_wrap li:nth-of-type(9){margin-left:4%}
.consultant_list .input_wrap li input[type="radio"]{width:5%;height:16px;}
.consultant_list .input_wrap li label{color:#2a2a2a;font-size:15px;}
.consultant_list .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}


/*교육원 등록*/
.education_form{padding-top:30px; width:100%; float:left!important;}
.education_form .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.education_form .input_wrap {padding:30px;border-radius:4px;border:solid 1px #d9d9d9;background-color:#f5f6f7;}
.education_form .input_wrap .title{font-size:16px; text-align:center;}
.education_form .input_wrap li {float:left;width:calc(50% - 15px);margin-bottom:10px}
.education_form .input_wrap li:nth-child(odd) {margin-right:30px}
.education_form .input_wrap li:nth-of-type(7){width:98%;}
.education_form .input_wrap.col3 li {width:calc(33.333333333333% - 16px);margin-right:24px;}
.education_form .input_wrap.col3 li:nth-child(3n) {margin-right:0}
.education_form .input_wrap li select{width:100%}
.education_form .input_wrap li input[type="text"],.education_form .input_wrap li input[type="password"]{width:100%;font-size:13px}
.education_form .input_wrap li span{width:100%; line-height:50px;}
.education_form .input_wrap li input[type="radio"]{width:5%;height:16px;}
.education_form .input_wrap li label{color:#2a2a2a;font-size:15px;}
.education_form .input_wrap li div{padding-bottom:10px;font-size:14px;color:#787878;}
.education_form .input_wrap li div.text{width:100%; height:50px; font-size:15px; color:#787878;}
.education_form .input_wrap li div span{ line-height:50px; vertical-align:middle;}

/*기업 추천*/
.recommend_form{padding-top:30px; width:100%; float:left!important;}
.recommend_form .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.recommend_form .input_wrap{position:relative;padding:3%;border-radius:5px;border:solid 1px #d7dade;}
.recommend_form .input_wrap .title{font-size:20px; text-align:center;}
.recommend_form .input_wrap ul{margin-top:15px;}
.recommend_form .input_wrap li{float:left;width:48%;margin-bottom:3%; margin-right:2%;}
.recommend_form .input_wrap li:nth-of-type(7){width:98%;}
.recommend_form .input_wrap li select{width:100%}
.recommend_form .input_wrap li input[type="text"]{width:100%}
/*.recommend_form .input_wrap li span{width:100%; line-height:50px;}*/
.recommend_form .input_wrap li input[type="radio"]{width:14px;height:50px;}
.recommend_form .input_wrap li label{color:#2a2a2a;font-size:15px;}
.recommend_form .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}
.recommend_form .input_wrap li div.text{width:100%; height:50px; font-size:15px; color:#787878;}
.recommend_form .input_wrap li div span{ line-height:50px; vertical-align:middle;}
.recommend_form input[type="checkbox"]{width:14px; height:50px;}


/*개인정보*/
.cs_profile_wrap{margin-top:40px;}
.cs_profile_wrap .big_title{position:relative;margin:60px 0 20px;}
.cs_profile_wrap .big_title:after{content:"";display:block;clear:both;}
.cs_profile_wrap .big_title h1{float:left;color:#353738;font-size:24px;font-weight:700;}
.cs_profile_wrap .big_title h1 i{display:inline-block;padding-left:7px;font-weight:700;}
.cs_profile_wrap .csp_info{border-radius:5px; background:#4f5a78;}
.cs_profile_wrap .csp_info .profile_info_box{float:left;width:225px;height:450px;margin-right:20px;border-radius:5px;}
.cs_profile_wrap .csp_info .profile_info_box figure:after{content:"";position:absolute;top:0;left:0px;width:200px;height:200px; background:url(/images/sub/profile_info_box_bg.png) no-repeat 0 0;}
.cs_profile_wrap .csp_info .profile_info_box figure{float:left;position:relative;width:200px;height:200px;margin-left:75px; padding-top:30px;overflow:hidden;text-align:center; margin-top:60px;}
.cs_profile_wrap .csp_info .profile_info_box figure img{height:140px;overflow:hidden;}

.cs_profile_wrap .csp_info .profile_info_box .fb{width:225px;padding:33px 0 0 0;}
.cs_profile_wrap .csp_info .profile_info_box .fb label{display:inline-block;padding-right:6px;color:#fff;font-size:15px;}
.cs_profile_wrap .csp_info .profile_info_box .fb span:nth-child(2){position:relative;display:inline-block;padding-left:10px;color:#bbc0c4;font-size:14px;}
.cs_profile_wrap .csp_info .profile_info_box .fb span:nth-child(2):before{content:"";position:absolute;top:1px;left:0;width:1px;height:13px;background:#7d859c;}
.cs_profile_wrap .csp_info .profile_info_box .fb .ui_dot{color:#bbc0c4;}
.cs_profile_wrap .csp_info .profile_info_box .fb .ui_dot:nth-of-type(1){margin:20px 0 11px;}
.cs_profile_wrap .csp_info .profile_info_box .fb .ui_dot:nth-of-type(1){margin:0 0 12px;color:#fff;}
.cs_profile_wrap .csp_info .profile_info_box .fb .ui_dot{margin-bottom:12px;}
.cs_profile_wrap .csp_info .profile_info_box .fb .btnArea{position:relative;margin-top:30px;text-align:left;margin-left:25px;}
.cs_profile_wrap .csp_info .profile_info_box .fb .btnArea .file_input_img_btn{position:relative;width:150px;height:40px;line-height:40px;text-align:left;padding-left:57px;font-size:15px;background:#3da0f2;border-radius:2px;color:#fff;font-weight:400;}
.cs_profile_wrap .csp_info .profile_info_box .fb .btnArea .file_input_img_btn:before{content:"";position:absolute;top:12px;left:36px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -418px -156px; }
.cs_profile_wrap .csp_info .profile_info_box .fb .btnArea .file_input_hidden:hover+.file_input_img_btn{background:#187bcc;}
.cs_profile_wrap .csp_info .profile_info_box .fb .btnArea .file_input_hidden{z-index:1;position:absolute;top:0;left:0;width:146px;height:40px;padding:0 0 0 146px;cursor:pointer;opacity:0;overflow:hidden;}
.cs_profile_wrap .csp_info .profile_info_box .fb .btnArea .btng{position:relative;width:150px;height:40px;line-height:40px;text-align:left;padding-left:35px;font-size:15px;font-weight:400;}
.cs_profile_wrap .csp_info .profile_info_box .fb .btnArea .btng:hover{background:#494b4c;}
.cs_profile_wrap .csp_info .profile_info_box .fb .btnArea .btng:before{content:"";position:absolute;top:12px;left:15px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -383px -156px; }

.cs_profile_wrap .csp_info .individual_info_box{float:right;width:calc(100% - 345px);height:300px;margin-right:10px;border-radius:5px;}

.cs_profile_wrap .csp_info .individual_info_box ul{margin-top:15px;}
.cs_profile_wrap .csp_info .individual_info_box li{float:left;width:48%;margin-bottom:3%; height:50px; margin-left:1%; color:#000;}
.cs_profile_wrap .csp_info .individual_info_box li span{color:#fff;}
.cs_profile_wrap .csp_info .individual_info_box li:nth-of-type(1){height:20px;}
.cs_profile_wrap .csp_info .individual_info_box li:nth-of-type(2){height:20px;}
.cs_profile_wrap .csp_info .individual_info_box li select{width:100%}
.cs_profile_wrap .csp_info .individual_info_box li textarea{width:100%;height:150px;}
.cs_profile_wrap .csp_info .individual_info_box li input[type="text"]{width:100%;}
.cs_profile_wrap .csp_info .individual_info_box li input[type="radio"]{width:5%; height:16px;}
.cs_profile_wrap .csp_info .individual_info_box li label{color:#fff;font-size:15px;}
.cs_profile_wrap .csp_info .individual_info_box li div{padding-bottom:10px;font-size:15px;color:#fff;}
.cs_profile_wrap .csp_info .individual_info_box li div.text{width:100%; height:50px; font-size:15px; color:#787878;}
.cs_profile_wrap .csp_info .individual_info_box li div span{ line-height:50px; vertical-align:middle;}


/*개인 등록*/
.individual_add_form{padding-top:30px; width:100%; float:left;!important;}
.individual_add_form .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.individual_add_form .input_wrap{padding:3%;border-radius:5px;border:solid 1px #d7dade;}
.individual_add_form .input_wrap .title{font-size:20px; text-align:center;}
.individual_add_form .input_wrap ul{margin-top:15px;}
.individual_add_form .input_wrap li{float:left;width:48%;margin-bottom:3%; margin-right:2%; height:50px;}
.individual_add_form .input_wrap li select{width:100%}
.individual_add_form .input_wrap li input[type="text"]{width:100%;}
.individual_add_form .input_wrap li input[type="radio"]{width:5%;height:16px;}
.individual_add_form .input_wrap li label{color:#2a2a2a;font-size:15px;}
.individual_add_form .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}
.individual_add_form .input_wrap li div.text{width:100%; height:50px; font-size:15px; color:#787878;}
.individual_add_form .input_wrap li div span{ line-height:50px; vertical-align:middle;}

/*전체 개인 현황*/
.individual_search_form{width:100%; height:300px; border:solid 1px #d7dade; border-radius:3px;}
.individual_search_form .contents-top-srch-part{margin-left:110px; height:200px;}
.contents-top-srch-part .srch-box{float:left;margin-left:10px;border:solid 1px #2B303B; height:200px;}
.contents-top-srch-part .srch-box .sb__title{display:block;padding:5px;background-color:#2B303B;color:#fff;font-size:16px; text-align:center;}
.contents-top-srch-part .srch-box section{padding:15px 14px;}
.contents-top-srch-part .srch-box div select{min-width:80px;height:35px;line-height:35px;}
.contents-top-srch-part .srch-box div p{padding-top:5px;}
.contents-top-srch-part .srch-box div p label{font-size:15px;}
.contents-top-srch-part .srch-box .srcb{display:block;width:100%;padding:5px;color:#fff;background-color:#00d0bd;font-size:18px;}
.contents-top-srch-part .srch-box:nth-of-type(1){width:15%;}
.contents-top-srch-part .srch-box:nth-of-type(2){width:12%;}
.contents-top-srch-part .srch-box:nth-of-type(3){width:12%;}
.contents-top-srch-part .srch-box:nth-of-type(4){width:15%;}
.contents-top-srch-part .srch-box:nth-of-type(5){width:15%;}
.contents-top-srch-part .srch-box:nth-of-type(6){width:15%;}
.individual_search_form .box_form{width:100%;}
.individual_search_form .box{float:left; width:74%;min-height:50px; margin-left:110px; margin-top:15px;padding:13px 35px 8px 10px;border:solid 1px #ccc;border-radius:5px;}
.individual_search_form .box span{display:inline-block;margin-right:8px;margin-bottom:5px;padding:4px 35px 3px 10px;background-color:#eee;border-radius:50px;font-size:15px;color:#787878;}
.individual_search_form .box span:after{background-position:0 -32px;width:11px;height:11px;top:5px;right:10px;}
.individual_search_form .box span a{z-index:99;position:absolute;top:5px;right:10px;width:11px;height:11px;}
.individual_search_form .box_form .btn_search{width:7%;padding:5px; min-height:50px; margin-top:15px;color:#fff;background-color:#00d0bd;font-size:18px;}


.individual_search_assign_form .box_form{width:100%;}
.individual_search_assign_form .box{float:left; width:74%;min-height:50px; margin-left:110px; margin-top:15px;padding:13px 35px 8px 10px;border:solid 1px #ccc;border-radius:5px;}
.individual_search_assign_form .box span{display:inline-block;margin-right:8px;margin-bottom:5px;padding:4px 35px 3px 10px;background-color:#eee;border-radius:50px;font-size:15px;color:#787878;}
.individual_search_assign_form .box span:after{background-position:0 -32px;width:11px;height:11px;top:5px;right:10px;}
.individual_search_assign_form .box span a{z-index:99;position:absolute;top:5px;right:10px;width:11px;height:11px;}
.individual_search_assign_form .box_form .btn_search{width:7%;padding:5px; min-height:50px; margin-top:15px;color:#fff;background-color:#00d0bd;font-size:18px;}

.in-modify-btn{display:inline-block;padding:5px;background-color:#567ea8;border-radius:3px;color:#fff;}
.individual_list-section-wrap{margin-top:20px; padding-bottom:20px;}
.serch-top{float:left;}
.serch-top span{float:left; margin-top:18px;}

.serch-top button{width:50px;height:50px;margin-left:5px; background-color:#bfbfbf;border-radius:3px}
.serch-top button i{color:#fff}
/*
.serch-top input{width:100px; margin-left:20px; height:58px;color:#bdbebf;border:none;}
*/

/*참여자 조건검색*/
.individual_search_form{padding-top:30px; width:100%; }


/*참여자 세부사항*/
ul.tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.tabs li{
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
 
ul.tabs li.current{
  background: #ededed;
  color: #222;
}
 
.tab-content{
  display: none;
  background: #ededed;
  padding: 15px;
}
 
.tab-content.current{
  display: inherit;
}

/*개인화면 프린트 팝업*/
.pop_wrapper.pop_profile{width:784px;}


/* --------------------------------------------
    전직 계획서
    occupation_plan
/* ------------------------------------------ */
.occupation_plan .box_w{padding: 2.5%;border-radius:5px;border:solid 1px #d7dade;}
.occupation_plan .box_w h3{padding-bottom:20px;line-height:1;color:#353738;font-size:21px;}
.occupation_plan .box_w h4{padding-bottom:5px;line-height:1;color:#353738;font-size:14px;}
.occupation_plan .group01 span{float:left;display:block;width:24.25%;margin-left:1%;padding:15px 0;border:solid 1px #3da0f2;border-radius:5px;color:#999da1;font-size:16px;text-align:center;}
.occupation_plan .group01 span:first-child{margin-left:0;}
.occupation_plan .group01 span b{display:block;padding-top:15px;color:#3da0f2;font-size:21px;}
.occupation_plan .group02 .box_w{width:49.5%;}
.occupation_plan .group03 input{width:100%;margin-top:5px;}
.occupation_plan .group03 input:first-child{margin-top:0;}
.occupation_plan .group03 div{width:49.5%}
.occupation_plan .group04 .c_license{margin-bottom:20px;}
.occupation_plan .group04 .c_license li{float:left;width:49.5%;margin-left:1%;border:solid 1px #dbdee1;border-radius:5px;}
.occupation_plan .group04 .c_license li:nth-child(odd){margin-left:0;}
.occupation_plan .group04 .c_license li p{position:relative;padding:5% 5% 5% 60px;color:#353738;overflow:hidden;font-size:15px;}
.occupation_plan .group04 .c_license li p:before{content:"";position:absolute;top:50%;left:20px;width:27px;height:29px;margin-top:-15px;background:url(/images/sub/icon_license.png) no-repeat 0 0;}
.occupation_plan .group04 .c_license li p span{float:right;color:#999da1;}
.occupation_plan h3>p{display:inline-block;margin-left:10px;color:#999da1;font-size:14px;}
.occupation_plan .group05 section div.fl{width:35%;}
.occupation_plan .group05 section div{width:64%;}
.occupation_plan .group05 section select,.occupation_plan .group05 section input{width:100%;}
.occupation_plan .group05 .fl p{border:2px solid #d7dade;padding:0 12px;height:50px;line-height:46px;box-sizing:border-box;font-size:16px;color:#353738}
.occupation_plan .group06 select{width:100%;}
.occupation_plan .group06 .leftb{width:30%;}
.occupation_plan .group06 input{width:100%;}
.occupation_plan .group06 .leftb2{width:30%;margin-left:1%;}
.occupation_plan .group06 .fr{margin-top:20px;}
.occupation_plan .group06 .btn_splus img{padding-top:15px;}
.occupation_plan .group06 .leftb3{width:30%; margin-left:1%;}
.occupation_plan .group06 .line2 .leftb2{width:30%;margin-left:1%;}
.occupation_plan .group06 .line2 .leftb2 select{width:45%;}

.occupation_plan .group07 .leftb{width:60%;}
.occupation_plan .group07 input{width:100%;}
.occupation_plan .group07 .leftb2{width:29%;margin-left:1%;}
.occupation_plan .group07 .fr{margin-top:20px;}
.occupation_plan .group07 .btn_splus img{padding-top:15px;}
.occupation_plan.consultant .group07 .btn_splus img{padding-top:0}
.occupation_plan .group07 span.txt_s{display:inline-block;margin-right:2%;color:#353738;font-size:15px;}
.occupation_plan .group08 .box_w{width:49.5%;background-color:#f7f7f7;}
.occupation_plan .group08 h3{float:left;}
.occupation_plan .group08 .range_wrap{float:right;width:70%;}
.occupation_plan .group08 ul{margin-bottom:30px;}
.occupation_plan .group08 ul li{float:left;width:20%;color:#353738;font-size:15px;}
.occupation_plan .group08 ul li:nth-of-type(3n){text-align:center;}
.occupation_plan .group08 ul li:nth-of-type(n+4){text-align:right;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background:#fff !important;border-color:#dcdcdc !important;border-radius:50%;}
.ui-widget-header{background:#ececec !important;border:none !important;}
.ui-widget.ui-widget-content{border:none !important;}
.ui-widget-content{background:#41aefa !important;}
.ui-slider-horizontal{height:4px !important;}
.ui-slider-horizontal .ui-slider-handle{top:-8px !important;}
.occupation_plan [class^="group"]{margin-top:10px;}
.occupation_plan .btnArea{text-align:right;}
.occupation_plan .btnArea span{display:inline-block;margin-right:10px;}
.occupation_plan .print-btn{float:right;display:inline-block;width:40px;height:40px;margin-left:5px;text-align:center;line-height:40px;background-color:#37405A;border-radius:50%;vertical-align:top;}
.occupation_plan .print-btn i{padding-top:12px; color:#A5AEB9;font-size:16px;}


/* --------------------------------------------
    오프상담 일지
    off_advice
/* ------------------------------------------ */
.off_advice{padding-top:30px;}
.off_advice .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.off_advice .input_wrap{padding:3%;border-radius:5px;border:solid 1px #d7dade;}
.off_advice .input_wrap li{float:left;width:48%;margin-bottom:3%}
.off_advice .input_wrap li:nth-child(even){margin-left:4%;}
.off_advice .input_wrap li:nth-of-type(1) input{width:25%}
.off_advice .input_wrap li:nth-of-type(2) input{width:22%}
.off_advice .input_wrap li select{width:100%}
.off_advice .input_wrap li textarea{width:100%;height:450px;}
.off_advice .input_wrap li:nth-of-type(8) input{width:25%}
.off_advice .input_wrap li:nth-of-type(7){width:100%;}
.off_advice .input_wrap li:nth-of-type(8){margin-left:0}
.off_advice .input_wrap li:nth-of-type(9){margin-left:4%}
.off_advice .input_wrap li input[type="radio"]{width:5%;height:16px;}
.off_advice .input_wrap li label{color:#2a2a2a;font-size:15px;}
.off_advice .input_wrap li div{padding-bottom:10px;font-size:15px;}


/* --------------------------------------------
    개인회원 > 취업현황 관리
    individual_condition
/* ------------------------------------------ */
.individual_condition{padding-top:30px;}
.individual_condition .subtit{margin-bottom:45px;}
.individual_condition .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.individual_condition .sec01 div{float:left;width:100%;padding:3%;border-radius:5px;border:solid 1px #d7dade;background-color:#fff;}
.individual_condition .sec01 div h3{padding-bottom:21px;color:#6b6e70;font-size:21px;}
.individual_condition .sec01 div li{float:left;width:24%;margin-right:1%;height:90px;border-radius:5px;border:solid 1px #d7dade;text-align:center;}
.individual_condition .sec01 div li.on{background-color:#3da0f2;}
.individual_condition .sec01 div li b{color:#999da1;font-size:16px;}
.individual_condition .sec01 div li.on b{color:#fff;}
.individual_condition .sec01 div li.on i{color:#fff;}

.individual_condition .fa-check-circle{display:block;padding:21px 0 10px;font-size:1.8em;color:#999da1;}
.individual_condition .fa-list-alt{display:block;padding:21px 0 10px;font-size:1.8em;color:#999da1;}
.individual_condition .fa-file-alt{display:block;padding:21px 0 10px;font-size:1.8em;color:#999da1;}
.individual_condition .fa-spinner{display:block;padding:21px 0 10px;font-size:1.8em;color:#999da1;}
.individual_condition .sec01 .right-b{float:right;width:44%;}
.individual_condition .sec01 .right-b li{width:49%;height:90px;line-height:90px}
.individual_condition .sec01 .right-b li.on{border-color:#99c6f4;background-color:#fff;}
.individual_condition .sec01 .right-b li b{font-size:21px;}
.individual_condition .sec01 .right-b li.on b{color:#3da0f2;}
.individual_condition .center_txt{padding:30px 0;text-align:center;color:#787878;font-size:15px;}
.individual_condition .center_txt .fa-angle-down{display:block;font-size:23px;font-weight:bold;}
.individual_condition .input_wrap{padding:3%;border-radius:5px;border:solid 1px #d7dade;background-color:#fff;}
.individual_condition .input_wrap li{float:left;width:48%;margin-bottom:3%}
.individual_condition .input_wrap li:nth-child(even){margin-left:4%;}
.individual_condition .input_wrap li:nth-of-type(1) input{width:25%}
.individual_condition .input_wrap li:nth-of-type(5) input{width:55%}
/*
.individual_condition .input_wrap li:nth-of-type(9){width:100%}
.individual_condition .input_wrap li:nth-of-type(10){width:100%; margin-left:0;}
.individual_condition .input_wrap li:nth-of-type(11){margin-left:0;}
.individual_condition .input_wrap li:nth-of-type(12){margin-left:4%;}
*/
.individual_condition .input_wrap li input[type="radio"]{width:5%;height:16px;}
.individual_condition .input_wrap li label{color:#2a2a2a;font-size:15px;}
.individual_condition .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}
.individual_condition .input_wrap li input,.individual_condition .input_wrap li select{width:100%; font-size: 15px;}


/*검색부분*/
.detailArea {position:relative;clear:both;z-index:1}
.detailArea h2{margin-left:620px; margin-bottom:13px;color:#000;letter-spacing:-0.75px; font-size:35px;} 
.detail-search{position:relative; display:block; box-sizing:border-box; left:1px; clear:both; z-index:10001}

.detail-search > dl {float:left;width:12.485714285714285714285714285714%;box-sizing:border-box; overflow:hidden;}
.detail-search > dl > dt{border-top:1px solid #e0e2e6; border-bottom: 1px solid #e0e2e6; border-right:1px solid #e0e2e6;}
.detail-search > dl:first-child > dt{border-left:1px solid #e0e2e6;}
.detail-search > dl > dd.nano{height:211px; border-right: 1px solid #e0e2e6;border-bottom: 1px solid #e0e2e6; background-color:#fff; box-sizing:border-box;}
.detail-search > dl:first-child > dd.nano{border-left: 1px solid #e0e2e6; }
.btn_tit{background-color:#f5f6f7;color:#6b6e70; position:relative; font-size:1.4rem; font-weight:500; letter-spacing:-.5px; height:42px; line-height:40px; width:100%; text-align:center; padding-left:17px; box-sizing:border-box; cursor: pointer;}
.detail-search > dl.on .btn_tit{background-color:#4a5470; color:#fff;  border:none; position:relative;}

/*검색 조건부분*/
.nano-content .item{display:inline-block;position:relative;width:100%;height:32px;padding:0 15px;color:#4a5470; background-color:#fff; float:left;}
/* .nano-content .item:hover .lb_tag span.radiWrap {color:#385376; font-weight:bold;} */
.inp_chk{position:absolute; width:145px; height:32px; z-index:0;}
.lb_tag {display:block;height:100%; position:relative; background-color:#fff;font-weight:300;color:#6b6e70;}
.lb_tag span.radiWrap > span {display:block;max-width:150px; position:relative; top:2px;padding:2px 0 7px 8px;font-size:13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.lb_tag span.radiWrap > span > em{font-size:11px; margin-left:0px; color:#888; letter-spacing:0;}
.lb_tag span.radiWrap > span > em.num{margin-left:6px;}


/*스크롤만들기*/
.nano {position:relative; width:100%; height:210px; overflow: hidden;}
.nano > .nano-content {position:absolute; overflow:scroll; overflow-x:hidden; top:0; right:0; bottom:0; left:0; padding:10px 0 8px;  }
.nano > .nano-content ul{padding-bottom:20px;}
.nano > .nano-content ul.global,
.nano > .nano-content ul.local{padding-bottom:0px;}
.nano > .nano-content ul.global + .local{padding-top:10px; margin-top:5px; position:relative;}
.nano > .nano-content ul.global + .local:before{content:""; position:absolute; top:0; left:5px; border-top:1px solid #dcdde1; width:139px; box-sizing:border-box; display:block;}
.nano > .nano-content ul.local + .global{padding-top:10px; margin-top:5px; position:relative;}
.nano > .nano-content ul.local + .global:before{content:""; position:absolute; top:0; left:5px; border-top:1px solid #dcdde1; width:139px; box-sizing:border-box; display:block;}
.nano > .nano-content::-webkit-scrollbar {display:none; }
.has-scrollbar > .nano-content::-webkit-scrollbar {display:block; }
.nano > .nano-pane {background:#f4f4f4; position:absolute; width:10px; right:0; top:0; bottom:0; visibility:visible\9; opacity:1; -webkit-transition:.2s; -moz-transition:.2s; -o-transition :.2s; transition:.2s; z-index:1;}
.nano > .nano-pane > .nano-slider {background:#d8dbe2; position:relative; margin:0; width:10px;}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {visibility:visible\9; opacity:1;}


/*검색 조건 노출되는 곳*/
.resultSetWrap{position:relative; top:-2px; left:1px;  z-index:10002; background-color:#fff;}
.resultSet.on{position:fixed; left:inherit; top:0; background-color:#fff; z-index:100;}
.resultSet {border:1px solid #d9d9d9; display:block;box-sizing:border-box; position:relative; top:0px; left:0px; padding:14px 19px 15px 14px;}
.resultSet .listWrap{display:table; width:100%;}

.resultSet .listWrap dd{display:table-cell;}
.resultSet .listWrap dd .items li{float:left; height:27px; margin-right:9px;}
.resultSet .listWrap dd .items li > button{color:#3399ff;}
.resultSet .listWrap dd .items li > button em{font-weight:bold;}
.resultSet .listWrap dd .items li a,
.resultSet .listWrap dd .items li button{font-size:12px; padding:6px 5px 5px 5px; text-decoration:none !important;}
.resultSet .listWrap dd .items li a .ico, .resultSet .listWrap dd .items li button .ico,  .resultSet .listWrap .resultList .funBtn button .ico, .funBtn button .ico2 {margin-left:6px; text-indent:-9999px; display:inline-block; vertical-align:middle; position:relative; top:-1px; width:10px; height:10px; background:url(/images/common/spr.png) no-repeat -86px 0;}
.resultSet .listWrap .resultList .funBtn{position:absolute; top:30%; right:0; margin:-13px 0 0 0;}
.resultSet .listWrap .resultList .funBtn button{font:11px "돋움",Dotum,sans-serif; color:#333; font-weight:normal; padding:5px 6px;}
.resultSet .listWrap .resultList .funBtn .item_reset,
.resultSet .listWrap .resultList .funBtn .item_setSave{display:inline-block; float:left;}
.resultSet .listWrap .resultList .funBtn .item_reset button{position:relative; color:#999; font-weight:normal;}
.resultSet .listWrap .resultList .funBtn .item_reset button .ico{width:12px; height:12px; background-position:-280px 0; margin:-1px 5px 0 0;}
.resultSet .listWrap .resultList .funBtn .item_reset button .ico2{width:12px; height:12px; background-position:-280px -16px; margin:-1px 5px 0 0;}


.resultSet .listWrap .resultList{position:relative; padding:4px 0; vertical-align:middle;}
.resultSet .listWrap .resultList .items {width:calc(100% - 100px);/* width:822px; max-width:822px; */ padding:7px 0;}
.resultSet .listWrap .btnSet{width:148px; height:51px; vertical-align:top; text-align:right;}
.resultSet .listWrap .btnSet .btn_sch {position:absolute;top:50%;right:19px;display:inline-block;margin-top:-20px;padding:10px 20px;font-size:14px;color:#fff;border-radius:4px;background-color:#12489c}
.resultSet .listWrap .btnSet .btn_sch span {position:relative;}
.resultSet .listWrap .btnSet .btn_sch em{letter-spacing:0; font:bold 13px '맑은 고딕',Malgun Gothic,'돋움',Dotum,sans-serif;}
.resultSet .listWrap .btnSet .btn_sch .ico{display:inline-block; width:17px; height:17px; margin-right:5px; vertical-align:middle; background:url(/images/common/spr.png) no-repeat -59px -55px;}
.resultSet .listWrap .btnSet .btn_sch:disabled {background-color:#cdcdcd; cursor:text; box-shadow:none;}
.resultSet .listWrap .openSet{display:none; vertical-align:middle; text-align:right; width:45px;}
.resultSet .listWrap .openSet .btn_open{position:absolute; width:45px; height:65px; right:0px; top:0px; display:inline-block; color:#fff; font-weight:bold; font-size:13px; letter-spacing:-.5px; background-color:#5c5f68;}
.resultSet .listWrap .openSet .btn_open .ico{display:inline-block; width:11px; height:6px; vertical-align:middle; background:url(/images/common/spr.png) no-repeat 0px -39px;}

/* 검색조건 선택 - 원 */
.circleType .inp_chk + .lb_tag span.radiWrap{position:absolute; display:inline-block; box-sizing:border-box; background:none; color:#000;}
.circleType .inp_chk:checked + .lb_tag.on span.radiWrap,
.circleType .inp_chk:checked + .lb_tag span.radiWrap {display:inline-block;position:absolute;width:100%;border:1px dashed #abcaf1;border-radius:20px;background-color:#f0f3ff;;line-height:1em;}
.circleType .inp_chk:checked + .lb_tag.on span.radiWrap:after,
.circleType .inp_chk:checked + .lb_tag span.radiWrap:after {content:''; position:absolute; top:0; right:-2px; display:inline-block; width:14px; height:31px; }
.circleType .lb_tag.on span.radiWrap {position:absolute; display:inline-block; box-sizing:border-box; text-align:center; color:#385376; font-weight:500; padding:4px 13px 9px 14px;}
.circleType .lb_tag.on span.radiWrap:after {content:''; position:absolute; top:0; right:-2px; display:inline-block; width:14px; height:31px; }
.circleType .inp_chk:checked + .lb_tag.checked span.radiWrap{position:absolute; display:inline-block; box-sizing:border-box; text-align:center; color:#385376; font-weight:bold;  padding:4px 13px 9px 14px;}
.circleType .inp_chk:checked + .lb_tag.checked span.radiWrap:after{content:''; position:absolute; top:0; right:-2px; display:inline-block; width:14px; height:31px; background:#fff url(/images/common/spr.png) no-repeat -363px -541px;}
.circleType .inp_chk:checked + .lb_tag.checked span.radiWrap .ico{display:inline-block; display:none; margin-left:6px; background:url(/images/common/spr.png) no-repeat; position:relative; top:0px; vertical-align: middle; z-index:0;}
.circleType .inp_chk:checked + .lb_tag.checked span.radiWrap .ico.close-ty1{width:8px; height:7px; text-indent:-9999px; background-position:-86px -41px;}


/*코칭질문사례*/
.add_consulting_wrap{padding-top:30px;}

.add_consulting_wrap .csp_select{margin-bottom:40px;border:solid 1px #bbc0c4;padding:2.5%;border-radius:5px;padding-top:15px;padding-bottom:21px;background-color:#fff}
.add_consulting_wrap .csp_select dt{display:block;padding-bottom:10px;font-size:16px;color:#353738}
.add_consulting_wrap .csp_select dd{padding-bottom:10px;}
.add_consulting_wrap .csp_select dd li{float:left;width:19%;margin:0 1% 10px 0;border-radius:5px;border:solid 2px #bbc0c4;background:#fff;text-align:center;color:#999da1;cursor:pointer;}
.add_consulting_wrap .csp_select dd li span{display:block;height:50px;line-height:50px;}
.add_consulting_wrap .csp_select dd li span.descri_i .descri_box{width:100%;left:40%;top:40px;}
.add_consulting_wrap .csp_select dd li:nth-child(5n+5){margin-right:0;}
.add_consulting_wrap .csp_select dd li:hover,.add_consulting_wrap .csp_select dd li.on{background:#76b804;border-color:#76b804;color:#fff;}
.add_consulting_wrap .csp_select dd li:hover span,.add_consulting_wrap .csp_select dd li.on span{background:url(/images/common/chek_white_01.png) no-repeat 12px center;}
.add_consulting_wrap .csp_select dd.add_get li:hover,.add_consulting_wrap  .csp_select dd.add_get li.on{background:#76b804;border-color:#76b804;}
.add_consulting_wrap .csp_select dd.add_career li:hover,.add_consulting_wrap .csp_select dd.add_career li.on{background:#e34f8e;border-color:#e34f8e;}
.add_consulting_wrap .csp_select dd.add_found li:hover,.add_consulting_wrap .csp_select dd.add_found li.on{background:#716df2;border-color:#716df2;}
.add_consulting_wrap textarea{height:480px;}
.add_consulting_wrap .consulting_write .file_wrap{padding-top:21px;}
.add_consulting_wrap .consulting_write .txt_num{padding:5px 0 21px;text-align:right;font-size:15px;color:#999da1;}
.add_consulting_wrap .consulting_write .txt_num b{display:inline-block;width:49px;color:#f74a53;text-align:right;}


.add_consulting_wrap .file_wrap{position:relative;}
.add_consulting_wrap .file_wrap{position:relative;margin-bottom:10px;}
.add_consulting_wrap .file_wrap .file_name_style{width:100%;padding:0 50px;border-radius:2px;background:#d7ebfc url(/images/common/file_icon.png) no-repeat 20px center;color:#353738;font-size:16px;border:none;cursor:pointer;}
.add_consulting_wrap .file_wrap .file_name_style:hover{background-color:#b6dbfc;}
.add_consulting_wrap .file_wrap .file_delx{position:absolute;top:50%;right:20px;margin-top:-7px;cursor:pointer;}
.add_consulting_wrap .file_wrap .file_delx img{vertical-align:top;}
.add_consulting_wrap .file_wrap .file_inwrap_btn{position:relative;}
.add_consulting_wrap .file_wrap .file_inwrap_btn>span{float:left;margin-right:15px;}
.add_consulting_wrap .file_wrap .file_inwrap_btn .file_noti{top:-5px;}
.add_consulting_wrap .file_wrap .file_noti2 div{display:table;height:50px;}
.add_consulting_wrap .file_wrap .file_noti2 div span{display:table-cell;vertical-align:middle;color:#999da1;font-size:14px;line-height:1.5;letter-spacing:-1px;}


/*서브 총괄판*/
/* --------------------------------------------
    메인
    main-section-wrap
/* ------------------------------------------ */
.sub-section-wrap {}
.sub-section-wrap .sub-section__group {float:left;width:calc(25% - 12px);height:293px;padding:15px;border-radius:4px}
.sub-section-wrap .sub-section__group:nth-child(-n+3) {margin-right:16px}
.sub-section-wrap .sub-section__group b{padding:2px 13px;color:#000;font-size:11px;font-weight:700;background-color:#fff;opacity:0.59;border-radius:3px;}
.sub-section-wrap .sub-section__group h3{padding-top:15px;color:#fff;font-size:24px;line-height:1;}
.sub-section-wrap .sub-section__group ul {margin-top:30px;}
.sub-section-wrap .sub-section__group ul:after{content:"";display:block;clear:both;}
.sub-section-wrap .sub-section__group ul li{position:relative;float:left; text-align:center;}
.sub-section-wrap .sub-section__group ul li span{display:block;padding-bottom:11px;color:#fff;font-size:14px;font-weight:300}
.sub-section-wrap .sub-section__group ul li strong{display:block;color:#fff;font-size:25px;font-family:"tahoma";line-height:1;}
.sub-section-wrap .sub-section__group ul li.point:before{content:"";position:absolute;top:-8px;left:0%;width:95%;height:80px;background-color:#fff;opacity:0.2;border-radius:5px;}
.sub-section-wrap .sub-section__group.group02 ul li.point:before{background-color:#000;opacity:0.07}
.sub-section-wrap .sub-section__group.group01{background-color:#6d59b0}
.sub-section-wrap .sub-section__group.group02{background-color:#41aefa}
.sub-section-wrap .sub-section__group.group03{background-color:#939393}
.sub-section-wrap .sub-section__group.group04{background-color:#00d0bd}
.sub-section-wrap .sub-section__group.group03 b,.sub-section-wrap .sub-section__group.group04 b{color:#fff;background-color:#000;opacity:0.3;}
/* .sub-section-wrap .sub-section__group.group03 ul li span,.sub-section-wrap .sub-section__group.group04 ul li span{color:#000;} */
.sub-section-wrap .sub-section__group.group01 ul li{width:33.333333%;}
.sub-section-wrap .sub-section__group.group02 ul li{width:33.333333%;margin-bottom:40px}
.sub-section-wrap .sub-section__group.group03 ul li{width:25%;margin-bottom:40px}
.sub-section-wrap .sub-section__group.group04 ul li{width:50%;margin-bottom:40px}
.sub-section-wrap .sub-section__group.group01 .admin-table01 {margin-top:33px;}

/*개인등록*/
/* SNB가 있는페이지 */
#subcontainer {width:100%;padding:25px;}
.subpg {float:left;width:calc(100% - 295px)}
.subpg.subpg-dual {width:calc(100% - 295px)}
.subpg_list{float:left;width:100%}

.t_sction{background:#fff url(/images/common/bg_snb.gif) repeat-y 0 0}
.t_sction:after{display:block;clear:both;content:''}
.t_sction_list:after{display:block;clear:both;content:''}

.snb{float:left;width:220px;margin-right:40px;background-color:#f3f4f5}
.snb img{position:absolute;top:0;left:50%;height:auto;width:100%;transform:translateX(-50%)}
.snb .member_sc{padding:1px 0 50px;border:1px solid #4e5a72;background-color:#525f78;text-align:center}
.snb .member_sc .profile_img{overflow:hidden;position:relative;height:270px;;margin:0 auto;background:url(/images/common/profile_noimg.png) no-repeat 50% 50%}
.snb .member_sc .profile_img .mask{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%}
.snb .member_sc .profile_txt{margin-top:8px}
.snb .member_sc .profile_txt .name{display:block;font-size:12px;color:#afb3ba;text-align:center}
.snb .member_sc .profile_txt .name a{color:#afb3ba}
.snb .member_sc .profile_txt .name_text{display:block;font-size:18px;color:#fff;text-align:center}
.snb .member_sc .profile_txt .name_text a{color:#fff;}
.snb .member_sc .profile_txt .school_text{display:block;font-size:14px;color:#fff;text-align:center}
.snb .member_sc .profile_txt .school_text a{color:#fff;}
.snb .member_sc .my_company{display:inline-block;*display:inline;margin:17px auto 0;color:#fff;text-align:center;*zoom:1}
.snb .member_sc .my_company dd{position:relative;margin-top:3px;font-size:15px;}
.snb .member_sc .my_company dd strong{font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:normal;vertical-align:middle}

/* consultant_detail 프로필 */
.subpg_consultant {float:left;width:calc(100% - 295px)}
.subpg_consultant.subpg-dual {padding:0 0 25px 0;width:calc(100% - 195px)}
.snb_consultant{float:left;margin:0 20px 0 0;width:150px;background-color:#525f78;}
.snb_consultant img{position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%)}
.snb_consultant .member_sc{padding:0;border:1px solid #4e5a72;text-align:center;}
.snb_consultant .member_sc .profile_img{overflow:hidden;position:relative;margin:0 auto;height:180px;background:url(/images/common/profile_noimg.png) no-repeat 50% 50%}
.snb_consultant .member_sc .profile_img .mask{position:absolute;top:0;left:0;z-index:20;}
.snb_consultant .member_sc .profile_txt{padding:10px;}
.snb_consultant .member_sc .profile_txt .name{display:block;font-size:12px;color:#afb3ba;text-align:center}
.snb_consultant .member_sc .profile_txt .name a{color:#afb3ba}
.snb_consultant .member_sc .profile_txt .name_text{display:block;font-size:16px;color:#fff;text-align:center;background-color:#525f78;}
.snb_consultant .member_sc .profile_txt .name_text a{color:#fff;}
.snb_consultant .member_sc .profile_txt .school_text{display:block;font-size:14px;color:#fff;text-align:center}
.snb_consultant .member_sc .profile_txt .school_text a{color:#fff;}



.my_setting_sc{overflow:hidden;background-color:#aaa}
.set_group{overflow:hidden;}
.set_group .set_item a span{background:url(/images/common/my_snb.png) no-repeat}
.set_group .set_item{float:left;width:50%;height:82px;border-left:1px solid #a4a4a4;border-top:1px solid #a4a4a4}
.set_group .set_item a{display:block;height:82px;color:#fff;text-align:center}
.set_group .set_item a span{display:block;width:40px;height:40px;margin:10px auto 7px}
.set_group .set_item .ico_set1{background-position:0 -90px}
.set_group .set_item .ico_set2{position:relative;background-position:-45px -90px}
.set_group .set_item .ico_set3{background-position:-90px -90px}
.set_group .set_item .ico_set4{background-position:-135px -90px}
.set_group .set_item .ico_set5{background-position:-180px -90px}
.set_group .set_item .ico_set6{background-position:-225px -90px}
.set_group .set_item .ico_set2.null:after {content:"";position:absolute;top:16px;right:-8px;width:22px;height:19px;background:url(/images/common/input_check_no.png) 0 0 no-repeat}
.set_group .set_item.wide{width:100%;}
.set_group .set_item.report{display: flex; flex-direction: column; justify-content: center; align-items: center; color:#fff;}
.set_group .set_item.report .detail{margin-bottom: 5px;}
.set_group .set_item.report a.on{ height:auto; width:60%; font-size: 17px; color:#21252d; font-weight: bold; background-color: #fff; padding:5px 0; border-radius: 5px; display: block;}
.set_group .set_item.report a{display: none;}
.set_group .set_item.report a.sent{color:#fff;}
.set_group .set_item.tail{ height:auto; display: flex; justify-content: center; background-color: #fff; border-right:0px; border-left:0px;}
.set_group .set_item.tail a{height:auto; width:95%; padding:10px 0; margin-top: 8px; border-radius: 7px; background-color:#a4a4a4;}
/* title */
/*.heading_main h3{height:19px;margin:35px 0 18px; font-size:18px;}
.heading_main h3.setting{background-position:0 0}
.heading{border-top:2px solid #485362}
.heading h3{height:19px;margin:35px 0 18px; font-size:18px;}
.heading h3.setting{background-position:0 0}*/
.heading_main h3{margin:20px 0 10px;font-size:18px;font-family:'Noto Sans KR','NanumGothic','Sans-serif','Arial','Helvetica';}
.heading_main h3.setting{background-position:0 0;font-family:'Noto Sans KR','NanumGothic','Sans-serif','Arial','Helvetica';}
.heading h3{height:19px;margin:35px 0 18px;font-size:18px;font-family:'Noto Sans KR','NanumGothic','Sans-serif','Arial','Helvetica';}
.heading h3.setting{background-position:0 0;font-family:'Noto Sans KR','NanumGothic','Sans-serif','Arial','Helvetica';}



.wrap_btn_area{text-align:right}

.btn_sc{color: #fff; background-color: #556276; border:1px solid #656d7e;border-top-color: #697992;}

.btn_sc .btnProfile{position:relative;padding:10px 0;text-align:center;}
.btn_sc .btnProfile .file_input_img_btn{position:relative;width:108px;height:40px;line-height:40px;text-align:left;padding-left:20px;font-size:15px;background:#3da0f2;border-radius:2px;color:#fff;font-weight:400;}
.btn_sc .btnProfile .file_input_img_btn:before{content:"";position:absolute;top:12px;left:36px;width:16px;height:16px;}
.btn_sc .btnProfile .file_input_hidden:hover+.file_input_img_btn{background:#187bcc;}
.btn_sc .btnProfile .file_input_hidden{z-index:1;position:absolute;top:0;left:0;width:100px;height:40px;padding:0 0 0 146px;cursor:pointer;opacity:0;overflow:hidden;}
.btn_sc .btnProfile .btng{position:relative;width:107px;height:40px;line-height:40px;text-align:left;padding-left:20px;font-size:15px;font-weight:400;}
.btn_sc .btnProfile .btng:hover{background:#494b4c;}
.btn_sc .btnProfile .btng:before{content:"";position:absolute;top:12px;left:15px;width:16px;height:16px;}

.btn_sc .btnProfile .btng2{width:218px;height:40px;line-height:40px;font-size:16px;font-weight:400; background:#6b6e70; color:#fff;}

 
/* txtArea */

.txt500{ font-size: 1em; line-height: 1.4em; height:180px;}

/* 개인 table */
.tb_list{width:100%;margin-top:10px;border:none;border-bottom:1px solid #f0f1f5; padding-right:10px;}
.tb_list th,
.tb_list td{padding-left:15px;border:none;border-top:1px solid #f0f1f5;line-height:19px}
.tb_list th{padding:12px 0 10px 14px;background:#f7f8fa;font-weight:normal;color:#20232c;text-align:left;vertical-align:middle}
.tb_list td{padding:8px 0 6px 15px; text-align:left;}
.tb_list td p{clear:both;margin-top:10px;font-size:11px;color:#565960}
.tb_list select{height:42px; min-width:20px;}
.tb_list input{height:42px;}

/*개인 프로필 수정*/
.head_box{padding:15px 0;background:#fff;border:solid 1px #d7dade;border-radius:5px;text-align:center;}
.head_box strong{display:inline-block;padding-right:26px;color:#353738;font-size:21px;}
.head_box.hb1 .ui_select{display:inline-block;text-align:left;}
.head_box.hb1 .ui_select:nth-of-type(2){margin:0 16px 0 6px;}
.head_box.hb1 label{color:#6b6e70}
.head_box.hb2{background:#e6e9ed;}
.head_box.hb2 input{background:#f5f6f7;color:#bbc0c4;}
.head_box.hb2 .um{padding:0 1px;}
.head_box.hb2 span:last-child{padding-left:10px;color:#6b6e70;font-size:15px;}
.head_box.hb3{padding:19px 0;margin-top:10px;background:#e6e9ed;}
.head_box.hb3 .ui_select{display:inline-block;margin:0 1px 0 6px;text-align:left;}
.head_box.hb3 .um{padding:0;}
.head_box.hb4{padding:29px 0;}
.head_box.hb4 label{margin-right:26px;}

.mid_title{position:relative;}
.mid_title h2 {color:#353738;font-weight:700;line-height:30px;}
.mid_title h2 b{display:inline-block;padding-left:4px;font-weight:700;}
.mid_title h2 .cblack3{position:relative;color:#999da1;font-size:15px;padding-left:21px;font-weight:400;}
.mid_title h2 .cblack3:before{content:"";position:absolute;top:2px;left:10px;width:1px;height:13px;background:#d7dade;}
.mid_title div{position:absolute;top:0;right:0;padding-bottom:5px;}

.btn_reset{position:relative;padding:4px 8px 5px 27px;font-size:12px;color:#187bcc;border:solid 1px #b5d8f7}
.btn_del{position:relative;padding:4px 8px 5px 27px;font-size:12px;color:#f74a53;border:solid 1px #f2ced0}
.btn_reset:before{top:7px;left:8px;width:15px;height:10px;background-position:-155px -288px;}
.btn_del:before{top:7px;left:11px;width:8px;height:8px;background-position:-187px -288px;}

.btn_copy{position:relative;padding:4px 8px 5px 27px;font-size:12px;color:#f74a53;border:solid 1px #f2ced0}
.btn_copy:before{top:7px;left:11px;width:25px;height:25px;background-position:-212px -286px;}

table .ui_tag{clear:both;padding-top:10px;}

table .ui_company{clear:both;padding-top:10px;}
.ui_company ul li{margin:0 0 10px 0;  float:left;}
.ui_company ul li img{width:100%;height:auto;}
.box_w{margin-top:10px;padding:29px 29px 29px;border-radius:5px;border:solid 1px #d7dade;background:#fff;}

/*정렬용 table*/
#tablewrapper {position:relative; clear:both}
#tablewrapper label {font-size:13px}
#tableheader {margin-bottom:10px;}
#tableheader2:after, #tableheader:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both}
#tableheader h2{margin-left:620px; margin-bottom:13px;color:#000;letter-spacing:-0.75px; font-size:35px;}
.search {float:left;}
/* #tableheader2 select,#tableheader select {font-size:13px; width:125px; padding:2px 4px 4px} */
#tableheader2 input[type="text"], #tableheader input[type="text"] {font-size:13px; width:225px; padding:2px 4px 4px; margin-left:4px}
.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:15px}
.tinytable {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none}
.tinytable tr.tableTitle th{pointer-events: none;}
.tinytable tr.tableTitle th h3{font-size: 1.75em; background-image:none;}
.tinytable th {text-align:center;border:1px solid #d9d9d9; border-right:none}
.tinytable th h3 {display:inline-block;font-size:1.4rem;font-weight:500;}
.tinytable td {border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.tinytable .head h3 {padding-left:7px;background:url(/images/common/sort2.gif) 0 center no-repeat; cursor:pointer}
.tinytable .desc h3 {padding-left:7px;background:url(/images/common/desc.gif) 0 center no-repeat; cursor:pointer}
.tinytable .asc h3 {padding-left:7px;background:url(/images/common/asc.gif) 0  center no-repeat; cursor:pointer}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#ef4c6f}
.tinytable .evenrow td {background:#fff}
.tinytable .oddrow td {background:#f0f3ff}
.tinytable.individual_activity  td:nth-child(38),.tinytable.individual_activity  td:nth-child(39){color:#ff00ff;}
/*
.tinytable td.evenselected {background:#f0f3ff}
.tinytable td.oddselected {background:#ccd6ff!important}
*/
.tinytable tfoot {background:#fff; font-weight:bold}
.tinytable tfoot td {padding:6px 8px 8px}
#tablefooter {margin-top:20px;}
#tablefooter:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both}
#tablefooter #tablenav {float:left}
/*
#tablenav {}
#tablenav img {cursor:pointer}
#tablenav div {float:left; margin-right:15px}
#tablenav div a{background-color:#567ea8;} 
*/
#tablelocation {float:right; font-size:15px; margin-bottom:5px;}
/* #tablelocation select {margin-right:3px; margin-top:6px; font-size:17px;} */
#tablelocation div {float:left; margin-left:15px}
#tablelocation div span{margin-right:10px;}
.page {margin-top:2px; font-style:italic}
#selectedrow td {background:#f0f3ff}


/*상세페이지 개별 코칭 부분*/
ul.onecoach{height:70px;}
ul.onecoach  li{border: 1px solid; border-radius:4px; float:left; width:12%; margin-left:5px; height:75px; line-height:35px; text-align:center; font-size:15px;}
ul.onecoach  li p{color:#0f2a55;}


/*메모 관련부분
.heading .memo-box{display:none;z-index:2;position:absolute;top:60px;right:0;width:300px;padding:35px 0 20px 20px;background-color:#fefecc;border-radius:5px;-webkit-box-shadow:2px 4px 12px -5px rgba(150,150,150,150);box-shadow:2px 4px 12px -5px rgba(150,150,150,150);text-align:left;}
.heading .memo-box .clse{position:absolute;top:20px;right:30px;cursor:pointer;font-size:0;}
.heading .memo-box .clse:before{background-position:0 -32px;width:11px;height:11px;}
.heading .memo-box textarea{margin-top:10px;border:none;width:265px;height:150px;background-color:#fefecc;color:#787878;}
.heading .memo-box div{margin-top:10px;width:265px;height:150px;line-height:1.3;background-color:#fefecc;overflow:auto;color:#787878;}
.heading .memo-box .down-btn{display:block;margin-top:18px;text-align:center;}
.heading .memo-box .down-btn a{display:inline-block;padding:5px 13px 4px 33px;background-color:#fefecc;border:solid 1px #ccc;border-radius:50px;font-size:15px;color:#787878;}
.heading .memo-box .down-btn a:before{background-position:-104px -84px;width:13px;height:14px;top:8px;left:12px;}

table tbody td .pf-view{display:block;padding-left:22px;color:#787878;}
table tbody td .pf-view:before{background-position:-151px -152px;width:12px;height:14px;}
table tbody td .memo-box{display:none;z-index:2;position:absolute;top:30px;left:0px;right:0;width:300px;padding:35px 0 20px 20px;background-color:#fefecc;border-radius:5px;-webkit-box-shadow:2px 4px 12px -5px rgba(150,150,150,150);box-shadow:2px 4px 12px -5px rgba(150,150,150,150);text-align:left;}
table tbody td .memo-box .clse{position:absolute;top:20px;right:30px;cursor:pointer;font-size:0;}
table tbody td .memo-box .clse:before{background-position:0 -32px;width:11px;height:11px;}
table tbody td .memo-box textarea{margin-top:10px;border:none;width:265px;height:150px;background-color:#fefecc;color:#787878;}
table tbody td .memo-box div{margin-top:10px;width:265px;height:150px;line-height:1.3;background-color:#fefecc;overflow:auto;color:#787878;}
*/

/*메모 관련부분 - 최슬비 */
.heading .memo-box{display:none;z-index:2;position:absolute;top:60px;right:0;width:320px;height:auto;padding:20px 0 20px 20px;background-color:#fefecc;border-radius:10px;-webkit-box-shadow:2px 4px 12px -5px rgba(150,150,150,150);box-shadow:2px 4px 12px -5px rgba(150,150,150,150);text-align:left;font-family:'NanumSquareOTF', 'Sans Serif', 'dotum';font-size:17px;}
.heading .memo-box p{display:inline-block;}
.heading .memo-box p span{margin-left:10px;font-size:12px;color:#666;font-weight:lighter;letter-spacing:0.7px;}
.heading .memo-box span img{display:inline-block;position:relative;top:2px;}
.heading .memo-box .clse{margin-top:18px;text-align:center;padding:5px 25px 4px 25px;margin-left:5px;background-color:#fefecc;border:solid 1px #666;border-radius:5px;font-size:15px;color:#666;}
.heading .memo-box textarea{margin-top:20px;margin-bottom:20px;width:280px;height:170px;background-color:#fefecc;color:#333;border:1px dashed #666;line-height:20px;}
.heading .memo-box div{}
.heading .memo-box .down-btn{margin-top:18px;margin-left:57px;text-align:center;}
.heading .memo-box .down-btn a{padding:5px 25px 4px 25px;background-color:#fefecc;border:solid 1px #f74a53;border-radius:5px;font-size:15px;color:#f74a53;}
.heading .memo-box .down-btn a:before{background-position:-104px -84px;width:13px;height:14px;top:8px;left:12px;}
.mb15{background:#fefecc;}
.mb15>p{padding:15px;line-height:20px;}


table tbody td .pf-view{display:block;padding-left:22px;color:#787878;}
table tbody td .pf-view:before{background-position:-151px -152px;width:12px;height:14px;}
table tbody td .memo-box{display:none;z-index:2;position:absolute;top:30px;left:0px;right:0;width:300px;padding:20px 20px 20px 20px;background-color:#fefecc;border-radius:5px;-webkit-box-shadow:2px 4px 12px -5px rgba(150,150,150,150);box-shadow:2px 4px 12px -5px rgba(150,150,150,150);text-align:left;}
table tbody td .memo-box>img{display:inline-block;width:13px;height:13px;}
table tbody td .memo-box>p:nth-child(2){display:inline-block;margin-left:3px;padding-bottom:15px;font-family:'Noto Sans KR','NanumGothic','Sans-serif';font-weight:400;font-size:15px;}
table tbody td .memo-box>p:nth-child(4){font-family:'NanumGothic','Sans-serif';line-height:21px;}
table tbody td .memo-box .clse{position:absolute;top:20px;right:30px;cursor:pointer;font-size:0;}
table tbody td .memo-box .clse:before{background-position:0 -32px;width:11px;height:11px;}
table tbody td .memo-box .clse .spr2{display:block;}
table tbody td .memo-box textarea{margin-top:10px;border:none;width:265px;height:150px;background-color:#fefecc;color:#787878;}
table tbody td .memo-box div{margin-top:10px;width:265px;height:150px;line-height:1.3;background-color:#fefecc;overflow:auto;color:#787878;}



/*web loading*/
.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
    position: fixed;
	z-index:99999;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
}

.wrap-loading div{ /*로딩 이미지*/
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -21px;
	margin-top: -21px;
}

.display-none{ /*감추기*/

	display:none;

}

.blind{display:none}
.fl{float:left}
/*
.news {padding:0 0px 30px;font-size:15px;font-family:dotum;}
		.news .open-event {height:25px; position:relative; border:1px solid #ccc; overflow:hidden;}
		.news .open-event ul{position:absolute; top:0px;margin:0;padding:0;}
		.news .open-event ul#notice1 {left:10;}
		.news .open-event ul#notice2 {right:10px;}
		.news .open-event ul li {height:25px;}
		.news .open-event ul li a {display:inline-block; width:270px; color:blue;margin-left:15px;}
		.news .open-event ul li a:hover {color:#8f7614; text-decoration:underline;}
		.news .open-event ul li a strong {margin-right:10px;}
		.news .open-event ul li span.date {display:inline-block; color:red; }
			.news .open-event .prev{position:absolute; top:1px; right:2px; width:7px; height:4px; line-height:0; font-size:0;}
			.news .open-event .next{position:absolute; bottom:1px; right:2px; width:7px; height:4px; line-height:0; font-size:0;}
		.news .control {float:left; margin:0px 0 0 10px; }
			.news .control a.stop {font-size:12px;}
			.news .control a.on {color:red; font-size:12px;}
*/ 
/* news - 최슬비 */      
.news {width:630px;padding:0 0px 30px;font-size:14px;font-family:"Noto Sans KR Thin", sans-serif;font-weight:bold;}
		.news .open-event {height:30px;position:relative;overflow:hidden;}
		.news .open-event img{position:relative;left:0;}
		.news .open-event ul{position:absolute; top:0px;margin:0;padding:0;}
		.news .open-event ul#notice1 {left:10;}
		.news .open-event ul#notice2 {right:10px;}
		.news .open-event ul li {height:30px;width:630px;}
		.news .open-event ul li a {display:inline-block; width:425px;letter-spacing:1px;color:#222;margin-left:35px;}
		.news .open-event ul li a:hover {color:#8f7614; text-decoration:underline;}
		.news .open-event ul li a strong {margin-right:10px;}
		.news .open-event ul li span.date {display:inline-block; color:#222;}
			.news .open-event .prev{display:none;}
			.news .open-event .next{display:none;}
		.news .control {float:left; margin:0 0 0 10px;}
			.news .control a.stop {font-size:14px;}
			.news .control a.on {color:#0080ff;ont-size:14px;}



/* 
footer{height:60px;line-height:60px;background-color:#272b35;text-align:center;}
footer h5{font-size:15px;color:#778095;} */



/* 취업코칭 현황요약 - 최슬비 */

#container .table02{width: 100%; height: auto; margin-top: 30px; background: #fff; border: 1px solid #555;}
#container #sub_title h2{margin-top: 50px; color: #353738; font-family: 'NanumMyeongjo', '나눔명조', 'Batang', '바탕'; font-size: 30px; font-weight: bold; text-align: center}
#container .table02 td{padding: 40px 0; color: #353738; font-family: 'NanumMyeongjo', '나눔명조', 'Batang', '바탕'; font-size: 17px; text-align: center; border: 2px solid #d9d9d9}
#container .table02 .t02-td{padding: 15px; background-color: #f3f3f3;  color:#353738; font-family: 'NanumMyeongjo', '나눔명조', 'Batang', '바탕'; font-size: 17px; font-weight: bold; text-align: center}
#container .table02 .p-number{color: #6d59b0; font-size: 23px; font-weight: bold}
#container #profile-table{margin:30px auto;width:1240px;height:auto;border-color:#fff; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
#container #profile-table .p-table{float:left;display:block;margin-right:20px;margin-bottom:20px;width:600px;height:auto;background:#fff;border-color:#fff;border-bottom:10px solid #41aefa;border-right:none;box-shadow:2px 2px 2px 2px #ddd;-webkit-box-shadow:2px 2px 2px 2px #ddd;-moz-box-shadow:2px 2px 2px 2px #ddd;}
#container #profile-table .p-table .profile-photo{margin:20px;width:250px;height:400px;border-color: #fff;}
#container #profile-table .p-table .profile-txt01{display:block;padding:30px 10px 0 0;height:75px;line-height:21px;text-align:left;font-family:'Noto Sans KR Regular', 'NanumGothic', '나눔고딕', 'sans-serif';font-size:16px;border-color:#fff;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#container #profile-table .p-table .profile-txt02{padding:0;padding-bottom:5px;height:40px;line-height:40px;text-align:left;color:#41aefa;font-family:'Noto Sans KR Medium', 'NanumGothic', '나눔고딕', 'sans-serif';font-size:20px;border-bottom:1px solid #999;border-left:none;border-top:none;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
#container #profile-table .p-table .profile-txt03{display:block;padding-right:20px;margin-bottom:20px;width:350px;height:300px;text-align:left;font-family:'Noto Sans KR Regular', 'NanumGothic', '나눔고딕', 'sans-serif';font-size:15px;line-height:30px;border-color:#fff;overflow:auto;}
#container #profile-table .p-table .profile-txt03::-webkit-scrollbar{width:10px;}
#container #profile-table .p-table .profile-txt03::-webkit-scrollbar-track{background:#fff;}
#container #profile-table .p-table .profile-txt03::-webkit-scrollbar-thumb{background:#ddd;}

#container section.doubleWrap .table02{min-width: 1000px; word-break: keep-all;}
#container section.doubleWrap .table02 td{padding: 20px 0;}



/* 취업준비 Self Check List - 최슬비 */
.admin-table02 tbody td {height:45px;}
#subcontainer .t_sction .subpg .big_title{padding:50px 0 20px 0;width:100%;}
#subcontainer .t_sction .subpg .big_title p:nth-child(1){padding-bottom:25px;text-align:center;font-family:'Nanum Square', 'NanumGothic', '나눔고딕', 'sans-serif';font-size:25px;font-weight:bold;}
#subcontainer .t_sction .subpg .big_title p:nth-child(1)>span{color:#187bcc;font-weight:bold;}
#subcontainer .t_sction .subpg .big_title p:nth-child(1)>img{margin-left:10px;width:22px;height:20px;}
#subcontainer .t_sction .subpg .big_title p{text-align:left;padding-bottom:8px;font-family:'NanumGothic', '나눔고딕', 'sans-serif';font-size:15px;}
#career_box #career_form .part5 div table tbody td:nth-child(2){width:30%;}
#career_box #career_form section div table tbody td{padding:4px 0;font-size:13px;height:45px;}
#career_box #career_form section div table tbody th{padding:8px;font-size:14px;}
#career_box #career_form section div table tbody td input{margin-right:5px;}
#career_box #career_form section div table tbody td input{height:auto;padding:5px;margin-left:8px;font-size:13px;line-height:20px;}
#career_box #career_form section div table tbody td input:nth-child(2){width:300px;margin-left:5px;}
#career_box #career_form section div table .tb_row02 tbody th{font-size:14px;}
#career_box #career_form section div table tr .iptp td{padding-left:10px;}
#career_box #career_form section div table tbody td textarea{margin:5px 0 5px 8px;padding:5px;width:99%;}
#career_box #career_form section div textarea{padding:5px;width:100%;height:80px;}
.mid_title h2 {padding-bottom:10px;color:#353738;font-size:18px;font-weight:bold;line-height:30px;font-family:'Noto Sans KR', 'NanumGothic', '나눔고딕', 'sans-serif';font-size:18px;}
.cOrange{color:#ff8000;}
.in_width{width:100%;}




.idcReportWrap{padding-top:1em ; }
.idcReportWrap .setting{font-weight: 600;  width:100%; margin: 0 auto; margin-bottom: 1em; }
.idcReportWrap .idcReportEventWrap{width:100%; height:500px;margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;} 
.idcReportWrap .idcReportEvent{width:32%;  height:26em; margin-right: 1%; margin-bottom: 0.7em;; box-sizing:border-box; padding: 0 0.7em; border: 1px solid #cdcdcd ; border-radius: 1em; display:flex; justify-content: flex-start; align-items: center;}
/* .idcReportWrap .idcReportEvent:nth-child(2n){margin-right: 0%;} */
.idcReportWrap .idcReportEvent .idcReportImg{width:90px; height:60px; margin-right:1em ;}
.idcReportWrap .idcReportEvent .idcReportTxt{text-align: left; word-break: keep-all;} 
.pageDetail{width:100%; margin-top: 1em; font-size: 0.9em; display: flex; justify-content: center; align-items: center;}

.reportInfo .setting{margin-bottom: 1em; font-weight: 600;}
.reportInfo tr td textarea{width:100%; height:100%; resize: none; border-radius: 5px;}
.reportInfo .setting{display:flex; justify-content: flex-start; align-items: center;}
.reportInfo .setting >div{margin-right:1em;} 
.reportInfo .setting .small{font-size: 0.9em; color:rgb(175, 175, 175);}


.reportInfoPreview{border-top: solid 1px #d9d9d9; margin-top: 2em; margin-bottom: 5em;}
.reportInfoPreview .RPreviewTitleWrap{display:flex; justify-content: center; align-items: center;}
.reportInfoPreview .setting{margin-bottom: 1em; font-weight: 600;}
.reportInfoPreview .RPreviewNo{font-size: 1.5em; color:#d9d9d9; font-weight: 600; display:flex; justify-content:center;}
.reportInfoPreview tr td textarea{width:100%; height:100%; resize: none; border-radius: 5px;}

.satiWrap{font-size:14px;}
.satiWrap .sati{display:flex; justify-content:center; align-items:center;}
/*
.satiWrap .sati{width:32%;  height:26em; margin-right: 1%; margin-bottom: 0.7em;; box-sizing:border-box; padding: 0 0.7em; border: 1px solid #cdcdcd ; border-radius: 1em; display:flex; justify-content: flex-start; align-items: center;}
*/
.satiWrap .sati .satiImg{ width:150px; height:100px; margin-right: 0.8em; }
.satiWrap .sati .satiTxt{ text-align: center; display:flex; justify-content:center; align-items: center; flex-direction: column;}
.satiWrap .sati .satiTxt a{ margin-top: 0.5em; color:#0080ff; font-weight: 600;}


/* 2022 0407 - 취업코칭현황판 */

#container section.doubleWrap .table02.coachSummary{ min-width: 781px;}
section .coaching_board { max-width: 1240px; margin:0 auto;}

/* Jobtube thumbnail list */

.jobtubeList table tr td{
    padding:0;
}

.jobtubeList table tr td .thumbnailWrap{ width: 12.5em; height: 7em; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.jobtubeList table tr td .thumbnailWrap img{width:100%;}


/* Jobfinding Level */

.jobfindingLevelWrap{
    display:flex; justify-content: space-around; align-items: center;
}

.jobfindingLevelWrap table tr td,.jobfindingLevelWrap table tr th{text-align: center;}
.jobfindingLevelWrap table tr td.td_bold { font-weight:700; font-size:1.1em;}



/* Jobtube add */
.tubeadd #tube_html{height:150px;}

/* .file-plus-group {margin: 10px 0;} */
.tubeadd .file-plus-group-wrap{display: flex; justify-content: center; align-items: center;}
.tubeadd .file-plus-group .btn-file-plus span {position: absolute;top: 0;left: 0;cursor: pointer;width: 100%; font-size: 1em;}
.tubeadd .file-plus-group .btn-file-plus {float: left;position: relative; width:10em;}
.tubeadd .file-plus-group .btn-file-plus input {opacity: 0;}
.tubeadd .btn-st1-ico {display: inline-block;height: 3em; line-height: 3em; background-color: #0f2e51; color: #fff;font-size: 15px;letter-spacing: -0.75px;border-radius: 5px;}
.tubeadd .file-plus-group .btn-file-txt {float: left;display: flex; margin-right:0; margin-left: 0.5em; width:calc(100% - 10.5em); justify-content: flex-start; font-weight: 600; font-size: 1em; height: 3em; line-height:3em;border:solid 1px #d9d9d9; padding: 0 15px;border-radius: 5px;}
.tubeadd .file-plus-group .btn-file-txt span {display: inline-block; margin-right: 0.5em; white-space: nowrap;font-size: 13px;position: relative;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;}
.tubeadd .file-plus-group .btn-file-txt i {font-size: 1em;  font-style: normal; cursor: pointer;}

/* input // checkbox, radio */

/* reset custom for moti */
select, input {height:40px;padding:10px 10px 10px 10px;border:1px solid #d2d2d2;border-radius:4px;font-size:100%;color:#1c1c1c;line-height:1em;vertical-align:middle;box-sizing:border-box;background-color:#fff;}
input[type="checkbox"],
input[type="radio"] {height:auto;margin:0;padding:0}
input[type=text]::-ms-clear {display:none}
::-webkit-input-placeholder {color:#b5b5b5;}/* WebKit browsers */
:-moz-placeholder {color:#b5b5b5;opacity:1;}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b5b5b5;opacity:1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b5b5b5;}/* Internet Explorer 10+ */
.placeholder {background-color:#f3f3f3;color:#b5b5b5}


/* individual_grade_modify */

.individual_grade_modify{}
.individual_grade_modify table tr td  .gradefirst label, .individual_grade_modify table tr td  .gradeend label{
    margin-right:0.5em;
}

.individual_grade_modify table tr td #totGrade1 .grade,.individual_grade_modify table tr td #totGrade2 .grade{
    font-size: 1.2em; font-weight: 700; color:#f74a53;
}

/* wordcloud */

.wordcloud {
    border: 1px solid #fff;
    background-color: #fff;
    /* border-radius: 4px; */
    height: 3in;
    padding: 0;
    page-break-after: always;
    page-break-inside: avoid;
    padding:20px 10px;
    width: 6in;
    /* box-shadow: 2px 2px 2px 2px #ddd;
    -webkit-box-shadow: 2px 2px 2px 2px #ddd;
    -moz-box-shadow: 2px 2px 2px 2px #ddd;*/
    border: 1px solid #d9d9d9;
    border-top: none;
} 


.wordcloud2Wrap{
    width:100%;
    margin: 30px auto;
    height: auto;
    max-width: 1240px;
}

#wordcloud2.wordcloud {height:280px; width:100%;}

.wordcloud2Wrap .mbnR_wrap{border:1px solid #000; margin-top: 2em;}
.wordcloud2Wrap .mbnR{}
.wordcloud2Wrap #wordcloud2 span{}


.contain1240 {max-width: 1240px; margin:0 auto;}

/* .wordcloud2Wrap .mbnRank{text-align: center; padding:10px 0; font-size: 2em; color:#ffee00; } */

/* coaching Progress */

.coaching_progress{border:1px solid #000; margin-top: 2em;}
.coaching_progress table tr.c_progress_sum th{font-size: 1.2em; font-weight: 700;}
.coaching_progress table tr.c_progress_sum td{font-size: 1.2em; font-weight: 700;}

/* coaching Job-seeking */

.coaching_job_seeking{border:1px solid #000; margin-top: 2em;}
.coaching_job_seeking table tr.c_job_seeking_sum th{font-size: 1.2em; font-weight: 700;}
.coaching_job_seeking table tr.c_job_seeking_sum td{font-size: 1.2em; font-weight: 700;}


/* modal */

.modalBg{display:none; z-index: 10; top:0; left:0; position:fixed; width:100vw; height:100vh; background-color: rgba(0,0,0,0.5); animation-name: fadeIn; animation-duration: 0.3s; animation-fill-mode: forwards;}
.modalBg.on{display:block;}
.modalBox{width:70%; padding:1.5em 1em; max-width:800px; position:absolute; top:30%; left:50%; transform: translate(-50%,-50%); background-color: #fff; border-radius: 0.5em; }
.modalImgBox{text-align: center; padding-bottom: 0.5em;}
.modalImg{height:100%; width:auto; max-height: 200px;}
.modalTop{padding-bottom: 1em;}
.modalTop .modalTitle{text-align: center; font-size: 2em; font-weight:700;  font-family:'Noto Sans kr'}
.modalMiddle{padding:2em 1.5em; background-color: #f3f3f3; border-radius:0.5em; text-align: center; font-weight:700; font-family:'Noto Sans kr',sans-serif ;}
.modalMiddle .modalMajor{font-size:1.2em;padding-bottom:1em; word-break: keep-all; }
.modalMiddle .modalMinor{}
.modalBottom{padding-top: 1em; display: flex; justify-content: center; align-items: center;}
.modalBottom .modalToday, .modalBottom .modalCloseTxt{margin:0 1em; cursor: pointer; position: relative;}
/* .modalBottom .modalToday::after, .modalBottom .modalCloseTxt:after { content: ''; position:absolute; left:50%; bottom:-1px; width:100%; height:0.5px; border-bottom: 1px solid #000; transform: translate(-50%,-50%);} */
.modalBottom .modalToday:hover, .modalBottom .modalCloseTxt:hover{ color: #3da0f2; }
.modalBottom .modalToday{} 
.modalBottom .modalCloseTxt{}
.modalCloseBtn{position: absolute; top:0.7em; right:1em; font-size: 1.5em; font-weight: 700; color:#aaa; cursor:pointer;}
.modalCloseBtn:hover{color: #3da0f2;}
@keyframes fadeIn {
    0%{opacity:0;}
    100%{opacity: 1;}
}