@charset "utf-8";


.sub .sub_visual{height:190px; background:#28221b url('../images/sub/sub_visual.jpg') center top no-repeat;}
.sub .sub_visual .inner{text-align:center;}
.sub .sub_visual .title{display:inline-block; font-weight:400; margin-top:45px; padding-right:40px; text-align:center; line-height:31px; font-size:26px; color:#fff; background:url('../images/sub/snb_title_arrow.png') right center no-repeat;}
.sub .sub_visual .txt{padding:15px 0 0 0; text-align:center; font-size:18px; color:#000000; font-weight:100;}

.sub .snb{width:1096px; margin:-68px auto 0 auto;height:68px}
.sub .snb .inner{position:relative;}
.sub .snb .sel{display:none; padding:0 10px; background:#f5f5f5 url('../images/sub/snb_menu_open.gif') right center no-repeat;}
.sub .snb .sel.on{background:#f5f5f5 url('../images/sub/snb_menu_close.gif') right center no-repeat;}
.sub .snb ul{height:68px;}
.sub .snb ul li{display:table-cell; width:1%; text-align:center; background:url('../images/sub/snb_off_bg.png') repeat-x;}
.sub .snb ul li.active{ background:url('../images/sub/snb_on_bg.png') repeat-x;}
.sub .snb ul li a{display:block; height:68px; padding:0 10px; line-height:68px; font-size:18px; color:#fff;}
.sub .snb ul li a:hover{color:#fff;}
.sub .snb ul li.active a{text-decoration:underline;}

/* sub_location */
#snb .location_nav {display:block; width:1160px; height:55px; margin:0 auto;}

/* global box*/
.global_box{width:100%; font-size:17px; min-height:140px; padding:30px 30px 30px 150px; background:url("../images/sub/guide_icon02.png") 30px center no-repeat; border: 3px solid #eee; box-sizing: border-box; margin-bottom: 30px; border-radius:3px;}
dl.global_box dt{font-size:18px; color:#000; margin-bottom:8px;}
dl.global_box dd{font-size:16px;background:url("../images/sub/con_bu01.gif") 0 10px no-repeat; padding-left:10px;}

select.conSel {
    height: 36px; vertical-align: middle; min-width: 100px; margin: 2px 0;
    font-size: 14px; color: #3d3d3d; border: 1px solid #cccccc; border-radius: 0; padding: 0 8px; overflow: hidden;
}

.subvisual{position:relative; width:100%; height:109px; background:url("../images/sub/sub_visual.jpg") 0 center no-repeat;}

.subvisual h2{text-align:center;color:#fff; font-size:28px; font-weight:300px; line-height:109px;}
.sub #content{background:#fff; display:block;}

#snb {width:100%; height:57px; border-top:1px solid #d3d3d3; background:#fff;border-bottom:1px solid #d3d3d3;text-align:center;z-index:100;}
#snb.is_stuck {border-top:0;}
#snb .menu{float:left;}
#snb .menu > li{position:relative; float:left; font-size:16px; margin-left:-1px; min-width:250px; background:url('../images/sub/location_arrow1.png') right center no-repeat;}
#snb .menu > li > a{display:block; height:55px; line-height:55px; padding:0 15px; border-right:1px solid #e5e5e5; }
#snb .menu > li.selected {background:url('../images/sub/location_arrow2.png') right center no-repeat;}
#snb .menu > li.selected > a {color:#353aa9; font-weight:bold; text-decoration:none;} 
#snb .menu > li.home{display:block; text-indent:-9999px; font-size:0px; min-width:62px; margin-left:0; border-left:1px solid #e5e5e5;background:none;}
#snb .menu > li.home a {background:url('../images/sub/bg_loca_home.png') center no-repeat;}
#snb .menu .submenu{position:absolute; left:0; top:55px; display:none; width:100%; border:1px solid #e5e5e5; border-top:0;background:#fff; z-index:9999;}
#snb .menu .submenu > ul{}
#snb .menu .submenu > ul > li {border-top:1px solid #e5e5e5;}
#snb .menu .submenu > ul > li > a {display:block; padding:0 15px; height:45px; line-height:45px;}
#snb .menu .submenu > ul > li:hover,
#snb .menu .submenu > ul > li.active {background:#eee;}

#snb .con_util{float:right; padding-right:30px;}
#snb .con_util .font{float:left; margin:16px 19px; 0 19px; line-height:55px;}
#snb .con_util .font dt{float:left; padding-right:10px; width:22px; height:22px; line-height:22px; font-family:"Nanum Gothic"; font-size:16px; text-align:center;}
#snb .con_util .font dd{float:left; margin-left:-1px; width:22px; height:22px; border:1px solid #ebebeb; font-family:dotum; font-size:18px; text-align:center;}
#snb .con_util .font dd a{display:block; line-height:22px;}
#snb .con_util .print_box{float:left; border-right:1px solid #e5e5e5;}
#snb .con_util .print{display:block; width:57px; height:55px; background:url('../images/sub/print_icon.gif') center no-repeat; font-size:0;}

#content {max-width:1096px;margin:0 auto 50px auto;}
#content h3.title{font-size:28px; text-align:center; margin-top:52px; padding-bottom:23px; line-height:28px;font-weight:500; border-bottom:1px solid #dcdcdc;}
#content h3.title small{display:block; color:#48464c; margin-top:14px; font-size:16px; line-height:16px; text-align:center; font-weight:300;}
#content .content_box {margin:57px 0 100px;}
#content .locationBox{position:relative; height:60px; border-bottom:1px solid #d6d6d6; padding-top:25px; box-sizing:border-box;}
#content .locationBox ul{float:left;}
#content .locationBox ul li{float:left; line-height:22px; padding-right:16px; background:url('../images/sub/sub_depth.png') right 5px center no-repeat; font-size:14px; font-family:'Dotum';}
#content .locationBox ul li:last-child{background:none; padding-right:0;}
#content .locationBox .print_box{float:right;}
#content .locationBox .print{display:block;padding-left:23px; line-height:22px; background:url('../images/sub/print_icon.gif') left center no-repeat;font-size:14px; font-family:'Dotum';}



/* Login */
#login_box{max-width:620px; margin:0 auto;}
#login_box .id_box, #login_box .pw_box{position:relative;}
#login_box label{position:absolute; top:1px; left:1px;}
#login_box input{width:100%; font-size:16px; border:1px solid #ccc; padding:17px 10px 17px 70px;}
#login_box input::placeholder {font-size:16px; color:#959595;}
#login_box .id_box{margin-bottom:10px;}
#login_box .pw_box{margin-bottom:10px;}
#login_box .login_btn button{width:100%; font-size:20px; color:#fff; padding:16px 0; text-align:center; background:#353aa9;}
#login_box .login_util{display:block; width:100%; position: relative; margin-top:20px;}
#login_box .login_util ul{position: relative; float: right; left:-50%;}
#login_box .login_util ul li{float:left; position: relative; left:50%; padding:0 10px; background:url("../images/common/util_bar.gif") right 5px no-repeat;}
#login_box .login_util ul li:last-child{background:none;}
#login_box .login_util ul li a{font-size:15px; color:#252525;}

/* Register */
.join_process_box{display:block; margin-bottom:50px; background:url("../images/sub/join_process_bg.gif") center repeat-x;}
.join_process_box .turnList{display:block; position:relative; width:70%; margin:0 auto; padding-top:30px;}
.join_process_box .turnList li{float:left; text-align:center; width:25%; font-size:16px; font-weight:bold;}
.turnList li .step_box{display:block; padding-top:18px; width:90px; height:90px; margin:0 auto; background:url("../images/sub/join_step_off.png") no-repeat; font-weight:normal; font-size:24px; font-weight:bold;}
.turnList li .step_txt{display:block; margin-top:10px;}
.turnList li.on .step_box{background:url("../images/sub/join_step_on.png") no-repeat; color:#fff;}
.turnList .step_box .step_eng{display:block; font-size:14px; font-weight:normal;}
.disc_box{margin-top:70px; border:1px solid #e1e1e1; background:#f7f7f7; text-align:center; color:#3a3a3a; font-size:15px; padding:22px;}
.disc_box .disc_txt{font-size:20px; color:#000; font-weight:bold; padding-bottom:15px;}
.clause_wrap{margin-bottom:30px;}
.clause_wrap .clause_box{border:1px solid #e1e1e1; padding:15px;}
.clause_box .clause_txt{position: relative; height: 200px; margin:0px; overflow: auto;}
h4.title02{font-size:22px; color:#000; margin:0 0 20px 0; padding:0; font-weight:500;}
.clause_wrap .clause_agree{border:1px solid #e1e1e1; border-top:none; background:#f5f5f5; padding:12px 15px;}
.joinId_btn{display:block; position:relative;} 
.joinId_btn ul{float: right; position: relative; left: -50%;}
.joinId_btn ul li{float:left; position: relative; left: 50%; padding:0 5px;}
.next_btn{width:190px; line-height:56px; background:#0e8d86; height:56px; text-align:center; color:#fff; border-radius:50px;}
.cancel_btn{display:block; width:190px; line-height:56px; background:#3aa59f; height:56px; text-align:center; color:#fff; border-radius:50px;}
.auth_box{position:relative; margin-top:50px;}
.auth_box ul{float:right; position:relative; left:-50%;}
.auth_box ul li{float:left; position:relative; left:50%; width:280px; height:340px; text-align:center; border:1px solid #c2c2c2; margin:0 25px;}
.auth_box ul li.auth_sms{background:url("../images/sub/auth_hp_icon.png") center no-repeat;}
.auth_box ul li.auth_pin{background:url("../images/sub/auth_ipin_icon.png") center no-repeat;}
.auth_box ul li dt{font-size:20px; color:#363636; padding-top:40px;}
.auth_box ul li dd{padding-top:206px;}
.auth_box ul li dd a{display:block; width:90%; margin:0 auto; padding:13px 0; background:url("../images/sub/btn_bg.gif") repeat-x; color:#fff;}

.regTable {border-top:2px solid #000; width:100%; font-size:15px; margin-bottom:30px;}
.regTable thead {border-bottom:1px solid #c3c3c3; }
.regTable thead th {font-weight:400; background:#f8f8f8;color:#50565a !important;}
.regTable tbody.tline{border-top:1px solid #7f7f7f; color:#2b3035;}
.regTable tbody th{text-align:left; height:50px; padding-left:22px;}
.regTable tbody.tline th{word-break:keep-all; font-weight:400; border-right:1px solid #e7e6e6; background:#f8f8f8;}
.regTable tbody.tline td{text-align:left; padding:0 20px;}
.regTable tbody.tline td.al{border-right:1px solid #e7e6e6;}
.regTable tbody tr { border-bottom:1px solid #e7e6e6; }
.regTable tbody tr:last-child {border-bottom:1px solid #c3c2c2;}
.regTable tbody.tline tr:last-child {border-bottom:1px solid #e7e6e6;}
.required{display:inline-block; padding-left:4px; font-size:20px; color:#9a1824;}
.id_Chk_btn{margin-left:5px; background:#555b65; border:1px solid #555b65; color:#fff;}
span.reg_disc{display:inline-block; margin-left: 10px; font-size:13px;}
label.gubun{padding-right:30px;}
.regForm{position:relative;}
.regForm .reqTxt{position:absolute; top:0; right:10px; color:#9a1824;}

.reg_check_btn{background:#f4f4f4; border:1px solid #dcdcdc;}


/* 탭메뉴 */
#tabBox {
width:100%;
margin:30px auto 0 auto;
border-top:2px solid #000;
}
.tab {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
border-bottom:1px solid #e1e1e1;
}
.tab li {
float: left;
}
.tab li a {
display: inline-block;
color: #000;
text-align: center;
text-decoration: none;
padding: 14px 25px;
font-size: 17px;
}
.tabcontent{
	position:absolute;
	top:-10000px;
	left:-10000px;
	padding:15px 0;
}
ul.tab li.current{
	background-color:#421198;
}
ul.tab li.current a{color:#fff;}
.tabcontent.current{
	display:block;
	position:static;
}

/* 만족도평가 */
.cont_tail{max-width:1232px;margin:0 auto;padding:0 43px;}


/* 교육신청*/
.date_gubunS{display:inline-block; border-radius:2px; line-height:100%; padding:3px 5px; font-size:8px; background:#3f89e5; color:#fff; margin-right:5px;}
.date_gubunE{display:inline-block; border-radius:2px; line-height:100%; padding:3px 5px; font-size:8px; background:#e53f81; color:#fff; margin-right:5px;}
.board .board_view .head .title.grey01{border-bottom:1px solid #e4e4e4 !important; padding-left:20px !important;}
h4.title.grey01 span{font-size:17px; padding:5px 10px; color:#fff; background:#8b8b8b; border-radius:2px;}
.edu_ing{background:#e51c68 !important;}
.edu_pre{background:#3145d9 !important;}

.tableCase01 .upload_files li{background:#f7f7f7;}

/* 테이블 케이스 */
.tableCase01 {text-align:left !important;}
.tableCase01 tbody{border-top:1px solid #e4e4e4 !important;}
.tableCase01 tbody th{background:#fbfbfb; padding:15px 0 15px 20px !important; font-weight:400; text-align:left !important; border-right:1px solid #e4e4e4 !important;}
.tableCase01 tbody td {text-align:left !important; padding:5px !important;}
.tableCase01 tbody td label{margin-right:10px;}
.tableCase01 .col_one{width:20%;}
.tableCase01 .col_two{}

.tableCase02 {text-align:center !important; border:1px solid #dcdcdc; font-size:16px;}
.tableCase02 thead th{border-top:none !important; border-left:1px solid #dcdcdc !important;}
.tableCase02 tbody{border-top:1px solid #e4e4e4 !important;}
.tableCase02 tbody th{background:#fbfbfb; padding:15px 0 15px 20px !important; font-weight:400; border-right:1px solid #e4e4e4 !important;}
.tableCase02 tbody td {padding:20px 10px !important; border-left:1px solid #dcdcdc !important;}

.CustomTable {text-align:center !important; font-size:16px; width:100%; }
.CustomTable thead th{border-top:none !important; font-weight:200; text-align:center; height:90px;}
.CustomTable tbody{border-top:1px solid #e4e4e4 !important;}
.CustomTable tbody th{background:#fbfbfb; padding:15px 0 15px 20px !important; font-weight:400;}
.CustomTable tbody td {padding:20px 30px !important; }
.CustomTable .DelIcon{background:url("../images/sub/withdraw.png") no-repeat; padding-left:70px; line-height:53px; height:53px; display:inline-block; color:#000;}

/* company_list */
.company_list_wrap{position:relative; margin:35px 0 0 0;}
.company_list_wrap .item{position:relative; float:left; width:32%; margin-bottom:25px; border:1px solid #bdbdbd; padding:10px;}
.company_list_wrap .item.n1{margin:0 2%;}
.company_list_wrap .item .photo{position:absolute; top:10px; left:10px; width:130px; height:110px; line-height:110px;}
.company_list_wrap .item .photo img{width:130px;}
.company_list_wrap .item .photo .photo_bg{position:absolute; top:0; left:0; display:block; width:100%; height:100%; /*background-size:160px 160px; background:url("../images/sub/mento_photo_bg.png") no-repeat;*/}
.company_list_wrap .item .detail{position:relative; width:100%; padding:0 10px 10px 150px;}
.company_list_wrap .item .detail .co_name{display:block; font-size:20px; font-weight:bold; padding-bottom:7px; border-bottom:1px solid #c2c2c2;}
.company_list_wrap .item .detail ul li{background:url("../images/sub/li_bu01.gif") 0 7px no-repeat; padding:2px 0 1px 13px;}
.company_list_wrap .item .detail ul li span{display:inline-block; padding-right:10px; font-weight:bold;}
.item .company_btn{position:relative; width:80%; margin:10px 10%; text-align:center; font-size:16px;}
.item .company_btn a{display:block; background:#3a53ad; color:#fff; padding:8px 0; border-radius:3px;}
.item .company_btn a span{display:inline-block; background:url("../images/sub/company_home_icon.gif") 0 5px no-repeat; padding-left:20px;}
.item_box_bg{position:absolute; right:-1px; bottom:-1px; width:23px; height:23px; background-attachment:fixed; background:url("../images/sub/line_box_bg.gif") no-repeat;}

/* company_view */
.com_part01{background:url("../images/sub/company_bg.gif") center 0 no-repeat; text-align:center; padding:35px 0;}
.com_part01 .com_logo{width:190px; height:80px; background:#fff; margin:0 auto; line-height:80px; border-radius:60px; border:1px solid #bfdaf8;}
.com_part01 .com_logo img{width:80%;}
.com_part01 h4{font-size:40px; color:#000;}
.com_part01 .com_homepage a{color:#535353; font-size:17px;}
.com_part01 .slogan{color:#492f91; font-size:25px; margin:25px 0 10px 0; font-weight:bold;}
.com_part01 .slogan:after{content: ''; display: block; width: 50px; border-top: 1px solid #636363; margin: 25px auto 15px auto;}
.com_part01 .com_explain{color:#1b1b1b; font-size:17px; width:90%; margin:0 auto;}

.com_part02{background:#3a53ad; color:#fff; padding:25px 0;}
.com_part02 ul li{float:left; width:25%; text-align:center; font-size:16px;}
.com_part02 ul li span{display:block; font-size:20px; }
.com_part02 ul li span:after{content: ''; display: block; width:15px; border-top: 1px solid #fff; margin: 10px auto 10px auto;}

.com_part03{position:relative;}
.title_box{display:block; text-align:center; margin:35px 0; background:url("../images/sub/h5_title_line_bg01.gif") left 15px center no-repeat ,url("../images/sub/h5_title_line_bg02.gif") right 15px center no-repeat;}
.title_box h5.com_title{display:inline-block; line-height:25px; color:#1b1b1b; font-size:30px; text-align:center; background:#fff; padding:0 15px;}
.title_box h5.com_title span{display:block; color:#3a53ad; font-size:16px; letter-spacing:4px;}

.com_part04{position:relative;}
.com_part04 .explain{width:90%; margin:0 auto; background:#f5f6fa; padding:20px; border-radius:8px; font-size:17px;}

.com_part05{position:relative;}
.com_part05 ul li{position:relative; float:left; width:23%; height:150px; overflow:hidden; border:1px solid #000; margin:1%;}
.com_part05 ul li img{width:100%; height:auto;}
.com_part05 ul li .goods_title{position:absolute; display:inline-block; top:0px; left:0px; background:#3a53ad;}
.com_part05 ul li .goods_title a{color:#fff; padding:5px 15px; display:block;}


/* online-mento (list) */
.mento_list_wrap{position:relative; margin:35px 0 0 0;}
.mento_list_wrap .item{position:relative; float:left; width:32%; margin-bottom:25px; border:1px solid #bdbdbd; padding:10px;}
.mento_list_wrap .item.n1{margin:0 2%;}
.mento_list_wrap .item .photo{position:absolute; top:10px; left:10px; width:90px; height:110px;}
.mento_list_wrap .item .photo img{width:90px; height:110px;}
.mento_list_wrap .item .photo .photo_bg{position:absolute; top:0; left:0; display:block; width:100%; height:100%; /*background-size:160px 160px; background:url("../images/sub/mento_photo_bg.png") no-repeat;*/}
.mento_list_wrap .item .detail{position:relative; width:100%; padding:0 10px 10px 115px;}
.item .detail .Minfo{position:relative; margin-bottom:8px;}
.item .detail .Minfo span.area{font-size:14px; color:#000;}
.item .detail .Minfo span.name{display:block; font-size:20px; font-weight:bold;}
.item .detail .Minfo span.cd_area{display:block; background:url("../images/sub/cd_area_bu.gif") 0 2px no-repeat; padding:2px 0 2px 23px;}
.item .detail .Minfo span.cd_com{display:block; background:url("../images/sub/cd_com_bu.gif") 0 2px no-repeat; padding:2px 0 2px 23px;}
.item .detail .Minfo span.cd_tel{display:block; background:url("../images/sub/cd_tel_bu.gif") 0 2px no-repeat; padding:2px 0 2px 23px;}
.item .detail .Minfo span.cd_mail{display:block; background:url("../images/sub/cd_mail_bu.gif") 0 2px no-repeat; padding:2px 0 2px 23px;}
.item .detail .mento_btn{position:relative; text-align:center; font-size:16px; padding-top:5px;}
.item .detail .mento_btn .mento_info_btn{float:left; width:49%; border:1px solid #2263bb; background:#2263bb; color:#fff; padding:4px 0;}
.item .detail .mento_btn .mento_counsel_btn{float:right; width:49%; background:#0e8d86; border:1px solid #0e8d86; color:#fff; padding:4px 0;}
.item_box_bg{position:absolute; right:-1px; bottom:-1px; width:23px; height:23px; background-attachment:fixed; background:url("../images/sub/line_box_bg.gif") no-repeat;}
.item .Mfield{position:relative; border-top:1px solid #4e5459; padding:10px 10px 0 10px;}
.item .Mfield .Mfield_title{display:block; background:url("../images/sub/con_bu01.gif") 0 8px no-repeat; padding-left:10px; font-weight:bold; font-size:15px;}
.item .Mfield .Mfield_detail{display:block; padding-left:10px; min-height:40px;}
.item .Mfield .Mfield_detail2{display:block; padding-left:10px ;min-height:30px;}

/* online-mento (view) */
.mento_view_box{position:relative;}
.mento_view_box .photo_box{position:absolute; top:0; left:0; width:210px; height:auto; border:1px solid #bdbdbd; padding:20px;}
.photo_box .photo{position:relative; width:160px; height:auto; margin:0 auto;}
.photo_box .photo img{width:200px;}
.photo_box .photo .photo_bg{position:absolute; top:0; left:0; display:block; width:100%; height:100%;background:url("../images/sub/mento_photo_bg.png") no-repeat;}
.pg_info{display:block; margin:30px 0 8px 0;}
.pg_info .title{font-size:17px; color:#000; font-weight:bold;}
.counsel_info{width:92%; margin:0 auto;}
.counsel_info .mento_name{text-align:center; font-size:20px; padding:10px 0 20px 0;}
.counsel_info dl{margin:10px 0 15px 0;}
.counsel_info dl dt{display:block; background:url("../images/sub/con_bu01.gif") 0 8px no-repeat; padding-left:10px; font-weight:bold; font-size:15px;}
.counsel_info dl dd{position:relative; height:24px;}
.counsel_info dl dd .mento_count{position:absolute; right:5px;}
.counsel_info .counsel_btn{display:block; font-size:18px; position:relative; text-align:center; background:#0e8d86; border:1px solid #0e8d86; color:#fff; padding:7px 0 7px 0; z-index:9999;}
.mento_view_box .info_box{position:relative; width:100%; padding-left:220px;}
.mento_info_table {border-top:2px solid #000; width:100%; font-size:15px;}
.mento_info_table tbody th{text-align:left; padding:15px 0 15px 22px; background:#f6fbf9;}
.mento_info_table tbody td{padding:15px 0 15px 22px;}
.mento_info_table tbody th.wide_td01{height:217px;}
.mento_info_table tbody tr { border-bottom:1px solid #e7e6e6; }
.mento_info_table tbody tr:last-child {border-bottom:1px solid #c3c2c2;}

.mento_counsel_icon{display:inline-block; padding-left:20px; background:url("../images/sub/mento_counsel_icon.gif") 0 5px no-repeat;}
.mento_info_icon{display:inline-block; padding-left:20px; background:url("../images/sub/mento_info_icon.gif") 0 5px no-repeat;}
.MENTI_COMPLETE{background:#21929c; color:#fff; padding:3px 7px;}
/* mentoring-view */
.mentoring_info{border:1px solid #94d0c0; padding:15px 10px; margin-bottom:10px; text-align:center;}

/* schedule */
.schedule_ctrl {position:relative; height:40px; padding:20px 0 40px 0; border:1px solid #cfcfcf; margin:14px 0; text-align:center; font-size:16px; color:#50565a;}
.schedule_ctrl .ctrl_prev {left:25%; background-image:url("../images/sub/schedule_prev.png");}
.schedule_ctrl .ctrl_next {right:25%; background-image:url("../images/sub/schedule_next.png");}
.schedule_ctrl .ctrl_btn {display:block; position:absolute; top:14px; width:32px; height:32px; border:1px solid #dddddd; background-position:50% 50%; background-repeat:no-repeat; text-indent:-9999px;}

.schedule_table {width:100%; margin-bottom:20px;}
.schedule_table th {background:#d9e8ef; padding:1px 0 8px; font-size:16px; color:#0a3b59;}
.schedule_table th, .schedule_table td {border:1px solid #cacaca;}
.schedule_table td {font-size:14px; color:#333; text-align:center; vertical-align:top;}
.schedule_table td .day {display:block; position:relative; padding:38px 0 54px;}
.schedule_table td.active .day {padding:38px 0 6px; background:#e9f9fc;}
.schedule_table td span {display:-webkit-box; text-align:left; overflow:hidden; height:48px; padding:0 6px; line-height:16px; font-size:12px; color:#0303c1; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.schedule_table td em {position:absolute; top:4px; right:5px; font-weight:500; color:#333;}

/* Search form */
.Bsearch {background:#edf0f3; padding: 10px; text-align: center;}
.Bsearch .write {display: block; width: 100%; margin: 0 auto; position: relative;}
.Bsearch .write .int {display: inline-block; vertical-align: middle; width: 100%; height: 40px; min-width: 0; padding-right: 100px;}
.Bsearch .write .int-btn {position: absolute; top: 2px; right: 0; z-index: 2; border-radius: 0;}
.Bsearch .select {display: block; width: 100%; height: 40px;}
.Bsearch .select select {height: 40px; margin: 0;}


.Bsearch input[type="text"],
.Bsearch input[type="password"],
.Bsearch input[type="tel"],
.Bsearch input[type="number"],
.Bsearch input[type="email"],
.Bsearch input[type="search"],
.Bsearch select {
    height: 35px; vertical-align: middle; min-width: 135px; margin: 2px 0;
    font-size: 14px; color: #3d3d3d; border: 1px solid #cccccc; border-radius: 0; padding: 0 8px; overflow: hidden;
}
.Bsearch .btn {padding: 0 15px; line-height: 38px; font-weight: normal; font-size: 13px;}
.Bsearch button{float:left; color:#fff; height:40px; margin-left:10px; padding:0 30px 0 50px; border-radius:2px; background:#6c708e url("../images/sub/search_icon.png") 15px center no-repeat;}




@media screen and (min-width: 768px) {
    /* Search form */
    .Bsearch .write,
    .Bsearch .select {display: inline-block; vertical-align:top;}
    .Bsearch .write {max-width: 400px;}
    .Bsearch .select {width: 130px;}
}

/* CHECK BOX CSS */
.table_search_box table ul li input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    font-size: 16px;
}

.table_search_box table ul li input[type=checkbox]+ label:before {     
    content: "";  
    display: inline-block;   
    width: 20px;  
    height: 20px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottom: 1px;  
    background-color:#fff;  
    border-radius: 2px; 
    /*box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  */
	border:1px solid #9b9b9b;
}
.table_search_box table ul li input[type=checkbox]:checked + label:before { 
    content: "\2713";  /* 체크모양 */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 18px; 
    font-weight:800; 
    color: #fff;  
    background:#009a3e;
    text-align: center;  
    line-height: 18px;
	border:1px solid #009a3e;;
} 


.table_search_box table .search_btn{
	background:#f4f4f4;
	border:1px solid #dcdcdc !important;
	width:90px; 		
	box-sizing:border-box;	
	height:38px;
	border-radius:0;
	border:none;
	color:#6b6b6b;
	cursor:pointer;
}
.table_search_box table .arrow_btn{
	background:#f4f4f4 url("../images/sub/select_arrow01.gif") no-repeat right 8px center;
	width:120px;
	padding-right:25px;
}

/* 만족도 평가 */
.srv_body{border:1px solid #dcdcdc; background:#f6f6f6; padding:24px 28px;}

.srv_text{float:left; background:url("../images/sub/srv_title_bu.png") no-repeat left center; padding:0 50px 0 27px;}
.page_select{float:left;}
/* RADIO BOX CSS*/
.radio_checks {position: relative; display:inline-block; margin-right:20px;}
.radio_checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.radio_checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radio_checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fff;
  border: 1px solid #999;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.radio_checks input[type="radio"] + label:active:before,
.radio_checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.radio_checks input[type="radio"]:checked + label:before {
  background: #fff;
  border-color: #0ea667;
}
.radio_checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #0ea667;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

/* radio small size */
.radio_checks.small input[type="radio"] + label {
  padding-left: 22px;
  color:#737373;
}
.radio_checks.small input[type="radio"] + label:before {
  top: 4px;
  width: 16px;
  height: 16px;
}
.radio_checks.small input[type="radio"]:checked + label:after {
  top: 9px;
  width: 8px;
  height: 8px;

}
.radio_checks.small input[type="radio"]:checked + label{color:#000;}

.evaluation{position:relative; width:100%; margin-top:11px;}
.evaluation .page_input{width: calc(100% - 100px); border:1px solid #dcdcdc; font-size:16px; padding:10px; float:left;}
.evaluation .page_submit{background:#787c9e; width:100px; color:#fff; text-align:center; height:46px; line-height:46px;}
.srv_foot{width:100%; border:1px solid #dcdcdc; padding:14px 28px; margin-top:-1px;}
.srv_foot .con_part{font-size:15px; font-weight:100; background:url("../images/sub/con_manager_icon01.png") no-repeat left center; padding-left:15px;}
.srv_foot .con_tel{margin-left:20px;}


.cate_tab{position:relative; border-bottom:1px solid #0a37ac; height:54px; margin-top:50px; margin-bottom:25px;}
.cate_tab ul li{position:relative;display:table-cell; width: 1%; height:54px; border:1px solid #cecece; border-bottom:1px solid #0a37ac; background:#fff; z-index:90; margin-left:-1px;}
.cate_tab ul li span{display:none;}
.cate_tab ul li.active{z-index:95; border:1px solid #0a37ac; border-bottom:1px solid #fff;}
.cate_tab ul li a{display:block; width:100%; text-align:center; line-height:54px; color:#6f6f6f; font-size:17px; letter-spacing:-1px;}
.cate_tab ul li.active a{color:#0c36a3;}
.cate_tab .totalPage{position:absolute; left:5px; top:75px; color:#6f6f6f; font-size:16px; font-weight:100;}
.cate_tab .totalPage strong{color:#ea4207; font-weight:100;}

.empty-item{width:100%; text-align:center; padding:80px 0; border:1px solid #dcdcdc; margin-top:20px; background:#f7f7f7; font-size:20px; font-weight:100;}

.hAddr{position:absolute;left:20px;top:20px;border-radius:2px; border:1px solid #0d58a3; color:#fff; background:rgba(11,100,192,0.8);z-index:999; padding:2px 7px 5px 7px; font-size:13px;}

.map_title{font-family:"dotum"; font-size:14px; padding:2px 0; text-align:center !important;}

/* 인력풀 신청  */

/* 인력풀 Step */
.stepList {width:600px; height:100px; margin:35px auto; font-size:16px; background:url("../images/sub/regist_step_line.png") center top 27px no-repeat; /*background-size:200px auto;*/}
.stepList li {padding:70px 0 0 0; position:relative; text-align:center; float:left; width:25%; letter-spacing:-1px; font-weight:100; background:url("../images/sub/bg_step_on.png") left 100px no-repeat, url("../images/sub/bg_step.png") right top no-repeat; color:#000; white-space:nowrap; box-sizing:border-box; }
.stepList li span { display:inline-block; width:34px; line-height:34px; margin-right:5px; background:#fff; border:1px solid #94afcd; border-radius:20px; text-align:center; }
.stepList li.on { background-position:left top, right bottom; font-weight:500; color:#0034b5; z-index:5 !important; }
.stepList li.on span { background:#2659c0 url("../images/sub/icon_step.png") center no-repeat; color:transparent; }
.stepList li.step01 {background:url("../images/sub/regist_step01_off.png") center top no-repeat;}
.stepList li.step02 {background:url("../images/sub/regist_step02_off.png") center top no-repeat;}
.stepList li.step03 {background:url("../images/sub/regist_step03_off.png") center top no-repeat;}
.stepList li.step04 {background:url("../images/sub/regist_step04_off.png") center top no-repeat;}
.stepList li.step01.on {background:url("../images/sub/regist_step01_on.png") center top no-repeat;}
.stepList li.step02.on {background:url("../images/sub/regist_step02_on.png") center top no-repeat;}
.stepList li.step03.on {background:url("../images/sub/regist_step03_on.png") center top no-repeat;}
.stepList li.step04.on {background:url("../images/sub/regist_step04_on.png") center top no-repeat;}

.block{display:block; position:relative;}

/* 인력풀 약관동의 */
.registFormBox{position:relative; width:100%;}
h4.buNo{font-size:20px; color:#15171b; padding:0 0 15px 0;}
.privacyWrap{position:relative; width:100%;}
.privacyWrap .privacyBox{height:400px; overflow-y:auto; padding:20px; border:1px solid #d9d9d9; background:#fafafa;}
.clause_yes input[type=checkbox]{opacity:0;position:absolute;} 
.clause_yes input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    font-size: 16px;
}

.clause_yes input[type=checkbox]+ label:before {     
    content: "";  
    display: inline-block;   
    width: 16px;  
    height: 16px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottom: 1px;  
    background-color:#fff;  
    border-radius: 2px; 
    /*box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  */
	border:1px solid #9b9b9b;
}
.clause_yes input[type=checkbox]:checked + label:before { 

    content: "\2713"; 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 16px; 
    font-weight:800; 
    color: #fff;  
    background:#ff4444;
    text-align: center;  
    line-height: 16px;
	border:1px solid #ff4444;;

} 

/* 인력풀 본인인증 */
.certChoiceBox{position:relative; width:95%; margin:0 auto; display: flex; justify-content: center;}
/* .certChoiceBox li{float:left; position:relative; width:25%; padding:38px 25px 30px 25px; height:460px; text-align:center; border:1px solid #dcdcdc; border-right:none; box-sizing:border-box;} */
.certChoiceBox li{float:left; position:relative; width:33.33333%; padding:38px 25px 30px 25px; height:430px; text-align:center; border:1px solid #dcdcdc; border-right:none; box-sizing:border-box;}
.certChoiceBox li:last-child{border-right:1px solid #dcdcdc;}
.certChoiceBox li dl{padding-top:165px; background:url("../images/sub/cert_icon01.png") center top no-repeat;}
.certChoiceBox li dl.case02{background:url("../images/sub/cert_icon02.png") center top no-repeat;}
.certChoiceBox li dl.case03{background:url("../images/sub/cert_icon03.png") center top no-repeat;}
.certChoiceBox li dl.case04{background:url("../images/sub/cert_icon04.png") center top no-repeat;}
.certChoiceBox li dl dt{font-size:20px; padding-bottom:20px;}
.certChoiceBox li dl dd{text-align:left; font-size:14px; font-weight:100; line-height:130%; text-align:center; word-break:keep-all;}
.certChoiceBox li .cert_btn{position:absolute; text-align:center; margin:0 auto; left:0; right:0; bottom:30px; color:#0409e9; font-size:17px; font-weight:100; text-decoration:underline;}

/* 인력풀 기본 테이블 */

.PoolTab{position:relative; margin:20px 0 40px 0; width:100%; height:62px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.PoolTab > ul{float:left;}
.PoolTab > ul > li{float:left; padding:0 22px; font-size:18px; line-height:62px;} 
.PoolTab > ul > li:first-child{background:url("../images/sub/pool_bar.gif") right center no-repeat;}
.PoolTab > ul > li.active{color:#2036bd; text-decoration:underline; }
.StarInfo{display:inline-block; color:#747474; font-size:15px; padding-right:20px; line-height:62px; float:right;}

.poolChoiceBox{position:relative; padding: 0 25px; margin-bottom:30px;}

#pool_check{}
#pool_check li{position:relative; float:left; height:63px; line-height:63px; background:#f8f8f8; font-size:17px; text-align:center; color:#707070; width:25%; box-sizing:border-box; border:1px solid #dedede; margin-right:-1px; z-index:90;}
#pool_check li.active{border:1px solid #3521ad; background:#f3f7ff; z-index:99; color:#3521ad;}	

#pool_check input[type=checkbox]{opacity:0;position:absolute; top:25px;} 
#pool_check input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 25px;  
    margin-right: 15px;  
    font-size: 16px;
}

#pool_check input[type=checkbox]+ label:before {     
    content: "";  
    display: inline-block;   
    width: 16px;  
    height: 16px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;
    top:23px;   
    background-color:#fff;  
    border-radius: 0px; 
	border:1px solid #9b9b9b;
}
#pool_check input[type=checkbox]:checked + label:before { 

    content: "\2713"; 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 16px; 
    font-weight:800; 
    color: #fff;  
    background:#3d55e9;
    text-align: center;  
    line-height: 16px;
	border:1px solid #3d55e9;

} 


.PoolBox{padding:0 25px; margin-top:30px;}
.PoolBox h4{font-size:18px; color:#15171b; font-weight:400; padding-bottom:20px;}
.PoolBox .TitlePoint{font-weight:100; font-size:16px; color:#b84623;}
.PoolBox .classBox{position:relative; padding:7px 10px; border-bottom:2px solid #044abd;}
.PoolBox .classBox h4.title{background:url('../images/sub/h4_title01.gif') left center no-repeat; padding:0 0 0 24px; margin:0; float:left;}
.PoolBox .classBox .StarInfo{line-height:34px;}

.titleBox{position:relative; margin:30px 0 20px 0;}
.titleBox h5{display:inline-block; font-size:18px; color:#15171b; font-weight:400;}
.titleBox span{}

/* 기관검색 오른쪽 정렬 */

table.KiceTable_search{width:100%; border-top:1px solid #dcdcdc;}
table.KiceTable_search > thead > tr > th{padding:12px 10px; text-align:center; color:#6b6b6b; font-size:16px; font-weight:400; background:#f8f8f8; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
table.KiceTable_search > tbody > tr:first-child{border-top:none;}
table.KiceTable_search > tbody > tr > th{padding:12px 10px 12px 30px;color:#6b6b6b; font-size:16px; font-weight:400; background:#f8f8f8 url("../images/sub/table_th_bu.gif") left 20px center no-repeat;; vertical-align:middle; text-align:left;border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
table.KiceTable_search > tbody > tr{border-top:1px solid #dcdcdc;}
table.KiceTable_search > tbody > tr:first-child{border-top:none;}
table.KiceTable_search > tbody > tr > td{padding:2px 7px;font-size:16px; text-align:right; font-weight:400; color:#000; vertical-align:middle; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
table.KiceTable_search > tbody > tr > td.NoInput{padding:15px 10px;}
table.KiceTable_search > thead > tr > th:first-child,
table.KiceTable_search > tbody > tr > th:first-child,
table.KiceTable_search > tbody > tr > td:first-child{border-left:none}



table.KiceTable{width:100%; border-top:1px solid #dcdcdc;}
table.KiceTable > thead > tr > th{padding:12px 10px; text-align:center; color:#6b6b6b; font-size:16px; font-weight:400; background:#f8f8f8; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
table.KiceTable > tbody > tr:first-child{border-top:none;}
table.KiceTable > tbody > tr > th{padding:12px 10px 12px 30px;color:#6b6b6b; font-size:16px; font-weight:400; background:#f8f8f8 url("../images/sub/table_th_bu.gif") left 20px center no-repeat;; vertical-align:middle; text-align:left;border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
table.KiceTable > tbody > tr{border-top:1px solid #dcdcdc;}
table.KiceTable > tbody > tr:first-child{border-top:none;}
table.KiceTable > tbody > tr > td{padding:2px 7px;font-size:16px; height:44px; text-align:left; font-weight:400; color:#000; vertical-align:middle; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
table.KiceTable > tbody > tr > td.NoInput{padding:15px 10px;}
table.KiceTable > thead > tr > th:first-child,
table.KiceTable > tbody > tr > th:first-child,
table.KiceTable > tbody > tr > td:first-child{border-left:none}
.requiredStar{color:#ff0000; font-size:18px;}
.KiceTable input {
  display: inline-block;
  width:100%;
  max-width: 255px;
  height: 38px;
  padding: 6px 12px;
  font-size: 16px;
  box-sizing:border-box;
  line-height: 1.42857143;
  color: #404040;
  border: 1px solid #dcdcdc;
}

.KiceTable.t100 input{ max-width:100%;}
.KiceTable input[type="checkbox"], .KiceTable input[type="radio"]{width:auto;}
.DatePick{background:#fff url('../images/sub/select_calendar.gif') no-repeat right center;}
.KiceTable input.short{max-width:140px;}

.KiceTable select{
	display:inline-block;
	width:100%;
 	max-width: 255px;
	border:1px solid #dcdcdc;
    padding: 6px 12px;
	box-sizing:border-box;	
	-webkit-appearance: none; 네이티브 외형 감추기 
	-moz-appearance: none;
	appearance: none;	
	background:#fff url('../images/sub/select_arrow.gif') no-repeat right center; 	
}
.KiceTable select.short{max-width:140px;}	
.Intable tr td{padding:4px;}

.KiceBtn{border:1px solid #dcdcdc; font-size:15px; color:#000; padding: 0 11px; background:#f8f8f8; line-height:34px;}
.btn-del{border:1px solid #d87f7f; font-size:15px; font-weight:100; color:#ef4b4b; padding: 0 10px; line-height:30px;}
.btn-add{border:1px solid #2aa83c; font-size:15px; font-weight:100; color:#099444; padding: 0 10px; line-height:30px;}

.btn-del2{border:1px solid #d87f7f; font-size:15px; font-weight:100; color:#ef4b4b; padding: 5px 10px; line-height:30px;}
.btn-add2{border:1px solid #2aa83c; font-size:15px; font-weight:100; color:#099444; padding: 5px 10px; line-height:30px;}
.btn-write2{border:1px solid #3651c3; font-size:15px; font-weight:100; color:#3651c3; padding: 5px 10px; line-height:30px;}

.line01{padding-bottom:35px; border-bottom:1px solid #dedede;}
.clause_box{position:relative; border-bottom:1px solid #d9d9d9; padding:25px; text-align:center; font-family:"dotum"; font-size:14px;}
.clause_box .clause_yes{display: inline-block;}
.clause_box .clause_no{display: inline-block; padding-left:40px;}

.kice_btn_box{display:block; text-align:center; margin-top:30px; font-size:18px; height:60px;}
.kice_btn_box .btn_cancel02{display:inline-block; padding-left:50px; width:195px; height:60px; background:#273985 left 70px center no-repeat; color:#fff;}
.kice_btn_box .btn_confirm_kice{display:inline-block; line-height:60px; padding-right:10px; width:195px; height:60px; background:#3651c3 right 65px center no-repeat; color:#fff;}
.kice_btn_box .btn_prev_kice{display:inline-block; line-height:60px; width:195px; height:60px; background:#263387 center no-repeat; color:#fff;}
.kice_btn_box .btn_prev02{display:inline-block; line-height:60px; padding-left:30px; width:195px; height:60px; background:#263387 left 65px center no-repeat; color:#fff;}
.kice_btn_box .btn_home02{display:inline-block; line-height:60px; padding-left:30px; width:195px; height:60px; background:#273985 left 50px center no-repeat; color:#fff;}
.kice_btn_box .btn_confirm03{display:inline-block; line-height:60px; padding-left:30px; width:195px; height:60px; background:#3651c3 left 50px center no-repeat; color:#fff;}
.kice_btn_box .btn_search02{display:inline-block; line-height:60px; padding-left:30px; width:195px; height:60px; background:#273985 left 30px center no-repeat; color:#fff;}

.agree_btn_box{display:block; text-align:center; margin-top:30px; font-size:18px; height:60px;}
.agree_btn_box .btn_cancel02{display:inline-block; padding-left:50px; width:195px; height:60px; background:#273985 url("../images/sub/btn_cancel_bg.png") left 70px center no-repeat; color:#fff;}
.agree_btn_box .btn_confirmA{display:inline-block; vertical-align:middle; line-height:60px; width:195px; height:60px; background:#3651c3 url("../images/sub/btn_next_bg.png") right 65px center no-repeat; color:#fff;}
.agree_btn_box .btn_confirmA02{display:inline-block; vertical-align:middle; line-height:60px; width:195px; height:60px; background:#3651c3 url("../images/sub/btn_next_bg.png") right 55px center no-repeat; color:#fff;}
.agree_btn_box .btn_confirm02{display:inline-block; line-height:60px; padding-right:10px; width:195px; height:60px; background:#3651c3 url("../images/sub/btn_next_bg.png") right 65px center no-repeat; color:#fff;}
.agree_btn_box .btn_prevA{display:inline-block; vertical-align:middle; line-height:60px; width:195px; height:60px; background:#263387 url("../images/sub/btn_prev_bg.png") left 62px center no-repeat; color:#fff;}
.agree_btn_box .btn_prevA02{display:inline-block; vertical-align:middle; line-height:60px; width:195px; height:60px; background:#263387 url("../images/sub/btn_prev_bg.png") left 52px center no-repeat; color:#fff;}
.agree_btn_box .btn_prev02{display:inline-block; line-height:60px; padding-left:30px; width:195px; height:60px; background:#263387 url("../images/sub/btn_prev_bg.png") left 65px center no-repeat; color:#fff;}
.agree_btn_box .btn_home02{display:inline-block; line-height:60px; padding-left:30px; width:195px; height:60px; background:#273985 url("../images/sub/btn_home_bg.png") left 50px center no-repeat; color:#fff;}
.agree_btn_box .btn_confirm03{display:inline-block; line-height:60px; padding-left:30px; width:195px; height:60px; background:#3651c3 url("../images/sub/btn_my_bg.png") left 50px center no-repeat; color:#fff;}
.agree_btn_box .btn_search02{display:inline-block; line-height:60px; padding-left:30px; width:195px; height:60px; background:#273985 url("../images/sub/search_icon.png") left 30px center no-repeat; color:#fff;}

.result_box{position:relative; text-align:center; border:1px solid #dcdcdc; margin-top:40px; padding-bottom:40px; background:url("../images/sub/equip_result_bg.png") center top 47px no-repeat;}
.result_box h4{padding:150px 0 0 0; font-size:26px; font-weight:400;}
.result_box p.detail{font-size:18px; font-weight:300;}
.result_box p span {color:#0e32cd;}



/* 탭메뉴 */
.pageTab ul{border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f8f8f8;}
.pageTab ul li{display:table-cell; width:1%; text-align:center; border-right:1px solid #ddd; box-sizing:border-box; vertical-align:middle;}
.pageTab ul li:first-child{border-left:1px solid #ddd; box-sizing:border-box;}
.pageTab ul li a{display:block;  font-size:16px; height:56px; line-height:56px; text-decoration:none; color:#505050; 
	word-break: keep-all;  }
.pageTab ul li a.active{background:#0da970; color:#fff;}


@media all and (min-width:768px){
	.survey .graph li{min-height:28px;
		padding-left:33.333%;
	}
	.survey .graph .term{float:left;position:relative;
		left:-25px; /* =50*(33.333/66.666) */
		width:50%;
		margin-left:-50%;
	}
	.survey .graph .data{bottom:auto;top:0;}
}
/* 설문조사 끝 */

/* 콘텐츠 */

h4.title{padding-left:24px; font-size:22px; margin:30px 0 10px 0; font-weight:600; background:url('../images/sub/h4_title01.gif') left center no-repeat;}

ul.depth01{margin-left:28px;}
ul.depth01 > li{padding-left:15px; letter-spacing:-0.5px; font-size:17px; margin:7px 0; font-weight:100; color:#000; background:url('../images/sub/depth01_bu.gif') left top 13px no-repeat;}
.ConPoint{display:block; color:#a84141;}

.equip_use_detail{position:relative;}
.equip_use_detail ul{}
.equip_use_detail ul li{position:relative; float:left; width:50%; padding:0 5px;}
.equip_use_detail ul li.step03, .equip_use_detail ul li.step04{margin-top:20px;}
.equip_use_detail ul li span{position:absolute; top:0; left:5px; max-width:97%; font-size:12px; display:block; padding:5px 10px; background:#000; color:#fff;}

.box_intro {padding:25px 35px;background:url('../images/sub/bg_21_01.gif') no-repeat;background-size:cover;border:1px solid #eae4db;border-top:2px solid #3651c3;}
.box_intro p{line-height:28px;}
.box_intro p.ntitle{color:#000; font-size:20px;}
.box_intro p.ntitle span{color:#b84623; font-weight:400;}

/* sitemap */
#siteMap > .group:after {content:''; clear:both; display:block;}
#siteMap > .group > .menu {float:left;width:33.33333%;padding-right:30px;margin-bottom:70px;}
#siteMap > .group > .menu:last-child {padding-right:0;}
#siteMap > .group > .menu .li_type1 {padding:13px 15px;background:#f4f6f9;}
#siteMap > .group > .menu .li_type1 li h5 {margin:12px 0;padding-left:15px;background:url('../images/sub/bul_sitemap.gif') left center no-repeat;}
#siteMap > .group > .menu .li_type1 li h5 a {font-size:18px;color:#000;font-weight:500;line-height:1;}

@media screen and (max-width:660px) {
#siteMap > .group > .menu {float:none;width:100%;padding-right:0;margin-bottom:60px;}
}


#siteMap{}
#siteMap .group:after{
	content:"";
	display:block;
	float:none;
	clear:both;
}
#siteMap .group{margin-top:40px;}
#siteMap .group .menu{
	width:31%;
	float:left;
	margin:0 1%;
	box-sizing:border-box;
}
#siteMap .group .menu h4{
	display:block;
	width:100%;
	background:url('../images/sub/sitemap_bg.png') left center repeat;
	color:#fff;
	text-align:center;
	font-size:18px;
	height:50px;
	line-height:50px;
	border-radius:4px;
}
#siteMap .group .menu > ul{
	border-radius:4px; 
	margin-top:10px;
	background:#f7f7f7;
	height:200px;
	padding:20px;
}
#siteMap .group .menu > ul li a{
	font-size:16px; 
	color:#333; 
	display:inline-block; 
	position:relative; 
	padding-left:15px;
	line-height:19px;
}
#siteMap .group .menu > ul li a:before{
	content:""; 
	position:absolute;
	display:inline-block; 
	width:6px; 
	heighT:6px; 
	background:#3c5273;
	border-radius:100%; 
	left:0; 
	top:5px;
}

@media screen and (max-width:768px) {
	#siteMap .group .menu h4{
	font-size:15px;
	height:40px;
	line-height:40px;
	}
	#siteMap .group .menu > ul li a{
		font-size:13px; 
	}
}
@media screen and (max-width:678px) {
	#siteMap .group .menu{
		float:left; 
		width:90%; 
		margin:10px auto 0;
		border-radius:50px;
		float:none;
	}
	#siteMap .group{margin-top:0;}
	#siteMap .group .menu > ul {height:140px;}
}





/********************************************************************************************/
.prg_top {width:100%; margin-bottom:10px; position:relative; overflow:hidden;}
.prg_top .doc_total{float:left; display: inline-block; margin-top:10px; font-size:13px; color:#585b5c;}
.prg_top fieldset{float:right; position:relative; display:inline-block; vertical-align:top;}
.prg_top fieldset > select{text-transform:none; height:34px; border:solid 1px #c1c2c3; vertical-align:top; font-size:13px;}
.prg_top .search_field .input_style{padding:0px; width:150px; height:34px; border:solid 1px #c1c2c3; vertical-align:2px;}
.prg_top .search_field .btn_search{width:77px; padding:0px 10px; height:34px; background:#000; color:#fff; font-size:14px; vertical-align:top;}

.prg_list{width:100%; border-spacing: 0px; /*table-layout:fixed;*/ border-top: solid 2px #103e93;}
.prg_list caption {width: 0px; height: 0px; overflow: hidden; text-indent:-9999px;}
.prg_list tr th {padding: 10px 0; border-bottom: solid 1px #e0e0e0; border-left: 0; border-right: solid 1px #e0e0e0; font-size:13px; color:#103e93; background-color:#f3f4f5; text-align:center;}
.prg_list tbody tr th {border-bottom: solid 1px #e0e0e0; border-left: 0; border-right: solid 1px #e0e0e0; font-size:13px; font-weight: normal; color:#585b5c; background-color:#fafafa;}
.prg_list tr th:first-child {border-left:0; border-right: solid 1px #e0e0e0;}
.prg_list tr th:last-child {border-left:0; border-right:0;}
.prg_list tr td {padding: 10px; border-left: 0; border-bottom: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; text-align:center; font-size:13px; color:#585b5c;}
.prg_list tr td.left{text-align:left;}
.prg_list tr td:first-child {border-left:0; border-right: solid 1px #e0e0e0;}
.prg_list tr td:last-child {border-left:0; border-right:0;}

.prg_gallery_list {width: 100%; margin-bottom: 20px; border-top: solid 2px #103e93; overflow:hidden; }
.prg_gallery_list ul {width: 100%; padding-top: 10px; overflow:hidden; }
.prg_gallery_list ul li {width: 25%; margin:0 0 20px 0; float:left; }
.prg_gallery_list ul li .box{padding:10px;}
.prg_gallery_list ul li a {display:block; text-decoration:none; color:#303233; position:relative;}
.prg_gallery_list ul li a .img {margin-bottom: 10px; display:block; border: solid 1px #c1c2c3;position: relative; height: 0;padding-top: 55%;overflow: hidden;}
.prg_gallery_list ul li a .img img {width: 100%; vertical-align:top; position: absolute; top: 0;left: 0;}
.prg_gallery_list ul li a .desc {padding-bottom: 5px; display:block; /* text-overflow: ellipsis; white-space: nowrap; overflow: hidden; */ font-size:14px; color:#303233; font-style:normal;}
.prg_gallery_list ul li a .date {font-size:13px; color:#777;}

.prg_detail{}
.prg_detail .title{padding:10px 10px 10px 10px; margin:0; border-top: solid 2px #103e93; color:#303233; font-size:15px; }
.prg_detail .info {padding:10px 10px 10px 10px; color:#585b5c; font-size:13px; border-top:1px solid #bababa;}
.prg_detail .info span {vertical-align:0; padding-left: 10px; }
.prg_detail .info span:first-child {padding-left: 0px; }
.prg_detail .desc {padding: 10px; border-top: solid 1px #bababa; color:#555; font-size:13px; line-height:20px;}

.prg_detail .download {padding: 10px 0 5px 10px; margin:0; overflow:hidden; border-top: solid 1px #bababa;}
.prg_detail .download.underline {border-bottom:1px solid #bababa;}
.prg_detail .download dt {width: 80px; padding-top: 5px; color:#303233; font-size:13px; float: left; }
.prg_detail .download dd {margin-left:80px; }
.prg_detail .download dd ul {width: 100%;}
.prg_detail .download dd ul li {padding: 5px 0; border-top: dashed 1px #e0e0e0;}
.prg_detail .download dd ul li:first-child {border-top:0;}
.prg_detail .download dd ul li a {color:#585b5c; text-decoration:none; font-size:13px; color:#585b5c;}
.prg_detail .download dd ul li a:hover,.prg_detail .download dd ul li a:focus,.prg_detail .download dd ul li a:active {text-decoration:underline; }
.prg_detail .download dd ul li a img{ vertical-align:middle;}

.prg_detail .prev_next_area {width: 100%; overflow:hidden; margin:0; border-top: solid 1px #bababa; border-bottom: solid 1px #bababa;}
.prg_detail .prev_next_area dt {float:left; width:80px; height: 40px; line-height:40px; text-align:center; font-size:13px; font-weight:bold; color:#303233; border-right:1px solid #e0e0e0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.prg_detail .prev_next_area dd {margin-left:80px; height: 40px; line-height:40px; font-size:13px; color:#585b5c; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.prg_detail .prev_next_area dt.next {border-bottom: solid 1px #e0e0e0;}
.prg_detail .prev_next_area dd a {margin-left:20px; color:#585b5c; text-decoration:none; }
.prg_detail .prev_next_area dd a:hover,.prg_detail .prev_next_area dd a:focus,.prg_detail .prev_next_area dd a:active {text-decoration:underline; }
.prg_detail .prev_next_area dd.next {border-bottom: solid 1px #e0e0e0;}
.prg_detail .prev_next_area dd .none {padding-left:20px;}
.prg_detail .prev_next_area dd .none_prev {padding-left:20px;}

.prg_comment{margin:30px 0 0 0; border:1px solid #ddd;}
.prg_comment .cmt_write{padding:15px;}
.prg_comment .cmt_write .title{margin-bottom:10px; font-weight:bold;}
.prg_comment .cmt_write .group{position:relative; overflow:hidden; height:100px; border:1px solid #333; border-right:0; padding-right:80px;}
.prg_comment .cmt_write .btn_comment{position:absolute; right:0; top:0; width:80px; height:100px; background:#000; color:#fff; vertical-align:middle;}
.prg_comment .cmt_write textarea{overflow-y: auto; width:100%; padding: 6px 8px; height: 66px; border-radius: 0;
    border: 0; color: #999;
    line-height: 20px;
    resize: none;
    outline: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.prg_comment .cmt_write .curr{text-align:right; padding-right:5px; padding-top:6px;}
.prg_comment .cmt_list{}
.prg_comment .cmt_list ul{}
.prg_comment .cmt_list ul li{}
.prg_comment .cmt_list ul li .opinion{padding:15px; border:1px solid #ddd;}
.prg_comment .cmt_list ul li.reply{padding-left:20px;}
.prg_comment .cmt_list ul li.reply .opinion{border:none;}
.prg_comment .cmt_list ul li .desc{line-height:20px; margin-bottom:10px;}
.prg_comment .cmt_list ul li .info{overflow:hidden;}
.prg_comment .cmt_list ul li .info .txt{float:left;}
.prg_comment .cmt_list ul li .info .txt span {vertical-align:0; padding-left: 10px; }
.prg_comment .cmt_list ul li .info .txt span:first-child {padding-left: 0px; }
.prg_comment .cmt_list ul li .info .manage{float:right;}
.prg_comment .cmt_list ul li .reply_input{margin:15px 0 0 0; padding-left:25px;}
.prg_comment .cmt_list ul li .reply_input fieldset{display:block; border:1px solid #888; padding:10px;}
.prg_comment .cmt_list ul li .reply_input fieldset textarea{
	overflow-y: auto; width:100%; padding: 6px 8px; height: 50px; border-radius: 0;
    border: 0; color: #999;
    line-height: 20px;
    resize: none;
    outline: 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
.prg_comment .cmt_list ul li .reply_input .cbtn_area{text-align:right;}    
.prg_comment .cmt_list{border-top:1px solid #ddd; padding:15px;}
.prg_comment .cmt_list .title{margin-bottom:15px; font-weight:bold;}
.prg_comment .cmt_list .nodata{padding:50px 0; text-align:center;}

.prg_write {display:table;width:100%;table-layout:fixed;border-top: solid 2px #555;}
.prg_write th:first-child, .prg_write td:first-child {border-left:none;}
.prg_write th , .prg_write td {padding:8px 10px;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.prg_write thead th {padding:15px 10px;background:#fcfcfc; border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#dadada;border-bottom-color:#787878; line-height:17px; font-size:15px; color:#000}
.prg_write tbody th{border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc; text-align:center; color:#121212;background:#f5f5f5;}
.prg_write th > label {}
.prg_write td {text-align:left; border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc; color:#666}
.prg_write tbody td *{vertical-align:middle;}


.prg_write td .file_upload{border-top:1px dotted #bbb; padding-top:8px; padding-bottom:8px;}
.prg_write td .file_upload.n1{border-top:0;}
.prg_write td .file_upload .item{overflow:hidden;}
.prg_write td .file_upload .item .input_file{float:left; width:200px;}
.prg_write td .file_upload .item .input_memo{margin-left:210px;}


.btn_area {overflow:hidden; padding-top:20px; text-align:right;border-top:1px solid #505050;}
.btn_area .left{float:left; text-align:left;}
.btn_area .right{float:right; text-align:left;}


/* Mobile */
@media all and (max-width:320px){
	.res_hide, .res_hide_col {display:none;}
}

/* Tablet */
@media all and (max-width:767px), print{
	.res_hide, .res_hide_col {display:none;}
	
	.prg_top .doc_total{display:block; float:none; clear:both;}
	.prg_top fieldset{display:block; float:none; clear:both;}
}




/* 아래는 수정하고 지울것 */




.form_inline .item, form.inline .item {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
.form_inline .item, form.inline .inputbox {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  
 .form_inline .item, form.inline .button {
 	padding:6px 10px;
 }  
/*
.pg_info{overflow:hidden; margin-bottom:15px;}
.pg_info .left{float:left;}
.pg_info .right{float:right;}

.pg_navi{overflow:hidden; margin-top:25px; text-align:center;}
.pg_navi .left{float:left;}
.pg_navi .right{float:right;}

.pagination{ width:100%; text-align:center; display:inline-block; margin-bottom:15px;}
.pagination > li{ width:38px; height:38px;margin-left:4px;display:inline-block; border:1px solid #ddd; box-sizing:border-box;}
.pagination > li.movBtn.prev{ margin-right:10px;}
.pagination > li.movBtn.next{ margin-left:10px;}
.pagination > li a{ width:100%; height:100%;  text-align:center; color:#767676; line-height:36px; display:block;}
.pagination > li.active{ background-color:#06378e; border:1px solid #06378e;}
.pagination > li.active a{ color:#fff;}
.pagination > li.movBtn a{ text-indent:-9999px; position:relative;}
.pagination > li.movBtn a:before{ height:9px; background:url(/images/common/img/pageMov_btn_icon.gif) no-repeat; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.pagination > li.movBtn.first a:before{ width:10px; background-position:0 0;}
.pagination > li.movBtn.last a:before{ width:10px; background-position:-10px 0;}
.pagination > li.movBtn.prev a:before{ width:5px; background-position:-20px 0;}
.pagination > li.movBtn.next a:before{ width:5px; background-position:-25px 0;}
*/
table caption{position: relative;width: 1px;height: 1px;text-indent:-100000px;}

[type="text"],[type="number"],[type="password"]{border:1px solid #ccc;}

.inputbox::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.inputbox:-ms-input-placeholder {
  color: #999;
}
.inputbox::-webkit-input-placeholder {
  color: #999;
}
.inputbox[disabled],
.inputbox[readonly],
fieldset[disabled] .inputbox {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.inputbox {
  width:98%;
  height: auto;
}

.button {
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  background-color:#fff;
  color:#000;
  border: 1px solid #ddd;
}

.btn_s {
  padding: 3px 7px;
  margin-bottom: 0;
  font-size: 14px;
  border-radius:2px;
}

.blue {
  background-color:#06378e;
  color:#fff;
  border: 1px solid transparent;
}
.red {
	background-color:#ff005a;
	color:#fff;
	border: 1px solid transparent;
}

#dirMap {width:100%;}

.tabCnt.num2, .tabCnt.num3{display:none;}


/* 반응형 테이블 */
.scroltable {max-width:100%; min-width:880px; overflow-x:auto; overflow-y:hidden;}
.scroltable-wrapper { position: relative;}
.scroltable-container {}
.scroltable-nav {display: none;  position: absolute;  width: 60px;  height: 100% !important;  cursor: pointer; z-index: 2;}
.scroltable-nav.scroltable-nav-left { left: 0;   background: url("../images/sub/arrow-left.png") no-repeat left center, linear-gradient(to left, rgba(255,255,255,0), #fff) !important; }
.scroltable-nav.scroltable-nav-right { right: 0;  background: url("../images/sub/arrow-right.png") no-repeat right  center, linear-gradient(to right, rgba(255,255,255,0), #fff)!important;}


.form-control-d {
    display: inline-block;
    font-size: 15px;
    max-width: 250px;
    color: #555;
    background: #fff;
    /* padding: 5px; */
    padding-top: 5px;
    font-weight: 100;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    height: 33px;
    border: 1px solid #dcdcdc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 5px;
}

.kice_text{
	overflow: auto;
    width: 100%;
    height: 150px;
    font-size: 15px;
    border: 1px solid #dcdcdc;
}


/* 로그인 에러 공지 */
.loginErrorBox{border:1px solid #ccc; padding:20px; width:60%; margin:30px auto 0 auto; text-align:center;}
.loginErrorBox p{width:70%; text-align:left; margin:0 auto; font-size:18px; padding:20px 0 20px 100px; background: url("../images/sub/login_error_icon.png") left center no-repeat;}


/* 인력풀 신청 안내문구 */
.guideBox{display:block; position:relative;}
.guideBox .guideCase01, .guideBox .guideCase02, .guideBox .guideCase03, .guideBox .guideCase04, 
.guideBox .guideCase05, .guideBox .guideCase06 ,.guideBox .guideCase07, .guideBox .guideCase08,
.guideBox .guideCase09, .guideBox .guideCase10 ,.guideBox .guideCase11, .guideBox .guideCase12,
.guideBox .guideCase13, .guideBox .guideCase14
{
	width:100%; height:100%; z-index:999; box-sizing:border-box; position:absolute; top:0; left:0; border:1px solid #95abd6; background-color: rgba( 243, 247, 255, 0.8 );}
.guideBox .guideCase03, .guideBox .guideCase04, .guideBox .guideCase09, .guideBox .guideCase10, .guideBox .guideCase13, .guideBox .guideCase14{
	display:none;}
.guideBox .guideTxt{padding:30px 20px; text-align:center; font-size:20px; font-weight:500; color:#fd0083;}
.guideBox .btn_d{
	position:absolute; 
	right:10px; 
	bottom:10px;
	display: inline-block;
	background:#263684;
	color:#fff;
	height:23px;
	line-height:25px;
	padding: 5px 10px;
	border:0;
	vertical-align:middle;
	font-size:13px;
}

/* 인력풀 동기화 박스 */
#syncWrap{width:100%; height:auto; background:url("../images/sub/sync_bg.jpg") no-repeat; border:2px solid #999;}
#syncWrap .syncBox{padding:30px 20px 20px 170px; font-size:19px; font-weight:500; height:133px; border-bottom:1px dotted #ccc; box-sizing:border-box; background:url("../images/sub/sync_icon.png") left 50px center no-repeat;}
#syncWrap .syncBox > p{color:#4657a6;}
#syncWrap .syncBox label{margin-right:15px;}
#syncWrap .kice_btn_box{margin:20px 0;}

/* 이메일 무단수집, 개인정보 처리방침 */
.Policy{
    padding: 20px;
    box-sizing: border-box;
    position:relative;
}
.Policy .MAT5{
    margin-top: 5px;
}
.Policy .MAB5{
    margin-bottom: 5px;
}
.Policy .MAB10{
    margin-bottom: 10px;
}
.Policy .MAB15{
    margin-bottom: 15px;
}
.Policy .MAB50{
    margin-bottom: 50px;
}
.Policy .PAL20{
    padding-left: 20px;
}


.Policy .h4{
    font-size: 24px;
    color: inherit;
    margin-bottom: 20px;
    color: #2b42c9;
}
.Policy .h5, .Consent .h5{
    font-size: 18px;
    margin-bottom: 5px;
}
.Policy .link{
    padding-left: 20px;
    margin-top: 5px;
}
.Policy .link dt, .Policy .link dd{
    color:#ea3d54;
    font-size: 13px;
}

.Blit{
    background: url('../images/sub/h4_title01.gif')no-repeat 0 8px;
    padding-left: 20px;
}

.Policy .Blit{
    background: url('../images/sub/h4_title01.gif')no-repeat 0 8px;
    padding-left: 20px;
    margin-top: 30px;
}

.Policy .description, .Policy .description {
    line-height: 1.7em;
    padding-bottom: 15px;
    padding-left: 20px;
    text-align: justify;
}
.Policy .description li {
    background: url('../images/sub/bul_list1.gif') no-repeat 0 12px;
    padding-left: 10px;
}

.Policy .grayBox{
    padding: 20px;
    background: #f2f2f2;
    margin-bottom: 20px;
}

.Policy .order{
    padding: 15px 0  0 20px;
}
.Policy .order li{
    float: left;
    padding-right: 15px;
}
.Policy .order li:last-child{
    padding-right: 0;
}
.Policy .order li::after{
    display: inline-block;
    content: url('../images/sub/bul_depth6.gif');
    padding-left: 10px;
}
.Policy .order li:last-child::after{
    display: none;
}
.Policy .add{
    padding:15px 0 0 20px;
}

.Policy .Contact{
    margin-top: 15px;
}
.Policy .Contact li{
    background: url('../images/sub/president_bullet.gif') no-repeat left 6px;
    margin-left: 20px;
    padding-left: 20px;
    font-weight: 600;
}

.Policy .FontW{
    font-weight: 600;
    padding-left: 20px;
}
.Policy .FontW li{
    margin: 5px 0;
}

.Policy p{
    padding-left: 20px;
}

.Policy ol{
    margin:15px 0;
}
.Policy ol li{
    padding-left: 20px;
    margin-bottom: 10px;
}
.Policy ol li p{
    padding-left: 12px !important;
}

.agreement {
	font-weight: bold;
}

.high_agree_box {
    padding: 20px;
    border: 1px solid #ccc;
}

.high_agree_box .wrap{
    margin-bottom: 20px;
}

.high_agree_box .wrap ol li{
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 500;
}

.high_agree_box .wrap .alert {
    margin-bottom: 5px;
    border: 1px solid #ccc;
    padding: 20px 10px;
}

.high_agree_box .footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
}

.high_agree_box .footer .checkbox {
    width: 180px;
}

.high_agree_box .footer .checkbox  .agree_label {
    position: absolute;
    top: 0;
    left: 30px;
    width: 200px;
}