@charset "utf-8";

.red01{color:#00c4a3;}
.blue01{color:#1c92cf;}
.orange01{color:#fe6600; font-size:18px;}

ul.depth02{padding-left:10px;}
ul.depth02 li{padding-left:15px; background:url("../images/sub/h6_bu02.gif") 0 8px no-repeat; margin:2px 0;}

.global_box{width:100%; font-size:17px; min-height:140px; padding:30px 30px 30px 150px; background:url("../images/sub/img-notice.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:193px; background:url("../images/sub/img-sub-banner.png") center no-repeat;}
.subvisual h2{position:absolute; bottom:65px; left:0; right:0; text-align:center; margin-left:auto;  margin-right:auto; color:#fff; font-size:32px; font-family:"notokr-regular";}
.sub #content{background:#fff; display:block;}

#snb{display: none; position:relative; width:100%; height:57px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
#snb .menu{float:left; padding-left:30px;}
#snb .menu > li{position:relative; float:left; font-size:16px; margin-left:-1px; min-width:255px; background:url('../images/sub/location_arrow1.png') right center no-repeat;}
#snb .menu > li.active{background:url('../images/sub/location_arrow2.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.active > 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:url('../images/sub/depth_home.gif') 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 .con_util{float:right; padding-right:30px; border-left:1px solid #e5e5e5;}
#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-left:1px solid #e5e5e5; 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 h3.title{font-size:32px; text-align:center; margin-top:32px; margin-bottom:38px; line-height:32px; font-family:"notokr-light";}
#content h3.title small{display:block; color:#929194; margin-top:14px; font-size:16px; line-height:23px; text-align:center; font-weight:normal;}

#content .content_box{margin-top:30px;}

#login_box{width:620px; margin:0 auto;}
#login_box .id_box, #login_box .pw_box{position:relative;}
#login_box input{width:100%; font-size:16px; border:1px solid #c9c9c9; padding:17px 20px;}
#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:#00c4a3;}
#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; font-family:"notokr-medium";}

.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:33.33%; font-size:16px; font-weight:bold;}
.turnList li .step_box{display:block; padding-top:13px; width:90px; height:90px; margin:0 auto; font-size:24px; font-weight:bold; border:4px solid #eee; border-radius:50%; background-color:#fff;}
.turnList li .step_txt{display:block; margin-top:10px;}
.turnList li.on .step_box{background:#00c4a3; color:#fff; border-color:#00c4a3;}
.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:17px; color:#000; margin-bottom:10px;}
h4.title03{font-size:20px; color:#0e8d86; margin-bottom:10px; position:relative; padding-left:70px;}
h4.title03 span{position:absolute; top:0; left:0; display:inline-block; width:60px; height:28px; line-height:28px; text-align:center; background:#00c4a3; font-size:14px; color:#fff;}
h4.title03 span.COMPLETE{background:#999;}
h5.title02{font-size:17px; color:#000; background:url("../images/sub/h4_bu02.gif") left 4px no-repeat; padding-left:25px; margin-bottom:10px;}
h6{font-size:17px;}
.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:#00c4a3; height:56px; text-align:center; color:#fff; font-size:18px;}
.cancel_btn{display:block; width:190px; line-height:56px; background:#999; height:56px; text-align:center; color:#fff; font-size:18px;}
.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;}
.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:#00c4a3;}
.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:#00c4a3;}

.mento_list_wrap{position:relative; margin:35px 0 0 0;}
.mento_list_wrap .item{position:relative; float:left; height:210px; min-height:137px; width:32%; margin-bottom:25px; border:1px solid #d5d5d5; 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%;}
.mento_list_wrap .item .detail{position:relative; width:100%; padding:0 10px 10px 115px;}
.item .detail .Minfo{position:relative; margin-bottom:8px;min-height:52px;}
.item .detail .Minfo span{display:block; margin-bottom:3px; text-overflow: ellipsis; word-wrap: break-word;}
.item .detail .Minfo span.area{font-size:14px; color:#000;}
.item .detail .Minfo span.name{display:block; margin-bottom:8px; font-size:20px; font-weight:bold;}
.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%; background:#999; color:#fff; padding:4px 0;}
.item .detail .mento_btn .mento_counsel_btn{float:right; width:49%; background:#00c4a3; color:#fff; padding:4px 0;}
.item_box_bg{position:absolute; right:-1px; bottom:-2px; 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 #d5d5d5; padding:10px 10px 0 10px; margin-top: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;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.item .Mfield .Mfield_detail2{display:block; padding-left:10px ;min-height:30px;}

.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:#00c4a3; border:1px solid #00c4a3; 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:#fafafa;}
.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_view_box .counsel_cnt{position:absolute; top:366px; left:0; width:210px; height:auto; border:1px solid #bdbdbd; padding:10px 0 10px 60px; background:url("../images/sub/counsel_icon.png") left 12px center no-repeat;}
.mento_view_box .counsel_cnt > p{font-size:15px; display:block; padding:0 0 0 23px !important;}
.mento_view_box .counsel_cnt > span{display:inline-block; background:#e3e6eb; color:#000; font-size:23px; width:100px; border-radius:15px; margin-right:5px; padding:0 10px; text-align:center; font-weight:bold;}
.mento_counsel_icon{display:inline-block;}
.mento_info_icon{display:inline-block;}
.STANDBY{background:#dd4343; color:#fff; padding:3px 7px;}
.MENTI_COMPLETE{background:#21929c; color:#fff; padding:3px 7px;}

.mentoring_info{border:1px solid #94d0c0; padding:15px 10px; margin-bottom:10px; text-align:center;}

.con_table{font-size:15px; width:100%; margin-bottom:10px;}
.con_table thead th{border:1px solid #d9d7df; border-right:none; padding:20px 0; font-weight:400; text-align:center;}
.con_table thead th:first-child{border-left:none;}
.con_table thead tr{background:#f7f6fb;}
.con_table tbody td{padding:15px 0; border-bottom:1px solid #d9d7df; border-left:1px solid #d9d7df; text-align:left;}
.con_table tbody th{padding:10px 0; border-bottom:1px solid #d9d7df; text-align:center;}

.Bsearch {background:#f8f8f8; 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 #d5d5d5; 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; border-radius:2px; background:#666;}

.cont_search_cate {margin-bottom: 30px; padding: 16px 20px; border: 1px solid #cfcfcf; background: #f9f9f9;}
.cont_search_cate li{width:16.6%; float:left; text-align:center; background: url(../images/sub/cont_search_cate_line.png) right 0 center no-repeat;}
.cont_search_cate li:last-child{background:none;}
.cont_search_cate ul:after{content:""; display:block; float:none; clear:both;}

.cont_search_keyword {padding: 0 8px 26px; font-size: 18px; color: #474747;}
.cont_search_keyword em {font-size: 22px; color: #000000;}
.cont_search_result {position: relative; margin-bottom: 15px; border: 1px solid #cfcfcf;}
.cont_search_result h3.title08 {height: 57px; line-height: 57px; padding-left: 35px;font-weight: 500; font-size: 20px;  color: #3e252a;
	background: #fafafa url(../images/sub/cont_search_bullet.png) 23px 50% no-repeat;    }
.cont_search_result .more {display: block; position: absolute; top: 7px; right: 10px;    padding: 10px 15px;}
.cont_search_list {margin-bottom: 30px;}
.cont_search_list li {padding: 5px 0;}
.cont_search_list a { position: relative; font-size: 18px; color: #080808;}
.cont_search_board li {margin-bottom: 12px; padding: 20px; border: 1px solid #eae8e7;}
.cont_search_board a {position: relative; display: block; font-size: 16px; color: #545454;}

.cal_header{position:relative;}
.cal_header .cal_month{text-align:center; font-size:28px; margin:20px 0 10px 0;}
.cal_header .cal_month span.prev,.cal_header .cal_month span.next{display:inline-block; width:27px; height:42px; margin:0 10px;}
.cal_header .cal_month span.prev a{display:block; background:url("../images/sub/edu_arrow_left.png") 0 8px no-repeat; text-indent:-9999px;}
.cal_header .cal_month span.next a{display:block; background:url("../images/sub/edu_arrow_right.png") 0 8px no-repeat; text-indent:-9999px;}
.edu_list_box{position:relative; width:100%;}
.edu_list_box .item{float:left; width:33.33333333333333%;}
.edu_list_box .item .item_box{border:1px solid #c0c0c0; margin:5px; padding:10px; min-height:355px;}
.item_box .photo{max-width:340px; max-height:190px; height:187px; border:1px solid #e1e1e1; overflow:hidden;}
.item_box .photo img{min-height:185px;}
.item_box .detail{padding:0 5px;}
.item_box .detail .edu_title{position:relative; display:block; font-size:17px; padding:8px 0 12px 55px; color:#0e8d86; min-height:70px;}
.item_box .detail .edu_title span{position:absolute; top:9px;left:0; font-size:12px; text-align:center; width:48px; padding:3px 0; color:#fff; background:#f86f33; border-radius:2px;}
.item_box .detail .edu_title span.COMPLETE{background:#6a7986;}
.item_box .detail .edu_period{margin:2px 0; padding-left:23px; background:url("../images/sub/edu_cal_icon.gif") 0 center no-repeat;}
.item_box .detail .edu_org{margin:2px 0; padding-left:23px; background:url("../images/sub/edu_org_icon.gif") 0 center no-repeat;}
.item_box .detail .edu_date{text-align:right; color:#969696;}
.edu_content{padding:20px 0;}
.edu_btn_box{position:relative; text-align:center; margin:30px 0;}
.edu_btn{display:inline-block;}
.edu_btn a{display:block; font-size:16px; color:#fff; background:#00c4a3; width:200px; height:50px; line-height:50px; margin:0 3px;}
.edu_btn.gray a{background:#999;}

.board_list span.state{display:inline-block; width:44px; height:24px; line-height:24px; font-size:12px; color:#fff; background:#00c4a3; text-align:center;}
.board_list span.state.COMPLETE{background:#999;}

dl.txt{position:relative;}
span.f_home_icon{display:inline-block; text-indent:-9999px; padding:0 5px; width:34px; height:29px; background:url("../images/sub/facility_home_icon.gif") 5px 2px no-repeat;}
.tag_box{color:#0e8d86; padding:10px 0 15px 0;}

.f_btn_box{position:absolute; bottom:0; left:5%;}
span.tag_icon{display:inline-block; text-indent:-9999px; padding-right:5px; width:45px; height:22px; background:url("../images/sub/tag.png") 0px no-repeat;}
span.f_detail_btn{display:inline-block; width:120px;}
span.f_detail_btn a{display:block; text-align:center; border:1px solid #0e8d86; color:#0e8d86; padding:5px 0;}
span.f_state_btn{display:inline-block; width:120px; text-align:center; border:1px solid #0e8d86; background:#0e8d86; color:#fff; padding:5px 0;}


.maker_banner {padding:38px 40px; height:350px; background:url("../images/sub/maker_banner.jpg") no-repeat;}
.maker_banner img {display:block; margin:0 auto;}
.maker_banner dl {margin-top:110px;}
.maker_banner dl dt {display:table; font-size:17px; color:#fff; padding:7px 22px; background:#363aa8; border-radius:30px; margin-bottom:10px; }
.maker_wtspace {display:block;}

.mb_none {margin-bottom:0 !important;}

#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 30px;}
ul.tab li.current{background-color:#0e8d86;}
ul.tab li.current a{color:#fff;}
.tabcontent.current{display:block; position:static;}

.responsive{ min-width:600px; overflow-x:auto}
.scroltable-wrapper {  position: relative; }
.scroltable-container {  overflow: auto; }
.scroltable-nav {  display: none;  position: absolute;  width: 60px;  height: 100% !important;  cursor: pointer;}
.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;}
.busi_local{border:1px solid #ccc; padding-top:6px; padding-bottom:6px;}
.busi_li{float:left; width:25%;}

.mento_list_wrap .item {height:214px;}

.board_delete_wrap{border:1px solid #e0e0e0; width:70%; margin:0 auto; background: url("../images/sub/board_delete.png") no-repeat left 60px center; padding:30px 60px;}
.board_delete_wrap .delete{padding-left:200px;}
.board_delete_wrap .delete h5{color:#353aa9 ! important;}
.deleteWrite{width:100%;}
.deleteTxt .text{width:calc(100% - 100px) ! important;}
.deleteTxt .btn{width:100px; background:#3a53ad;  color:#fff; padding:6px 0;}
.delBoard_btn{width:50%; margin:40px auto 0;}
.delBoard_btn:after{content:""; display:block; clear:both; float:none;}
.delBoard_btn li{width:50%; text-align:center; float:left;}
.delBoard_btn li .btn{border:1px solid #ccc; padding:6px 0px; width:100px;}
.delBoard_btn li .btn.bg{background:#3a53ad; color:#fff;}
.deleteTit{margin-bottom:10px;}

.lumos-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .8);display:none;color:#fff;z-index:99999}
.lumos-container .lumos-alt-text{position:fixed;text-shadow:0 0 10px rgba(0,0,0,.5);bottom:0;width:100%;left:0;padding:15px;text-align:center;z-index:13}
.lumos-container .lumos-img{display:none;position:fixed;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:auto;max-height:100%;max-width:100%;z-index:11;box-shadow:5px 5px 50px rgba(0,0,0,.5);cursor:default}
.lumos-container svg{position:fixed;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:12;height:25px;width:25px;cursor:pointer;/*fill:#fff;*/background:rgba(0,0,0,.6);padding:5px;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}

.title_wrap:after{content:""; clear:both; display:block; float:none;}
.title_wrap .title02{float:left;}
.title_wrap .home_btn{float:left; margin-left:20px; margin-bottom:10px;}

.title_wrap .home_btn a{display:block; color:#fff; padding:5px 28px 5px 10px; background: #353aa9 url('../images/common/blank_ico.gif') no-repeat right 12px top 11px; border-radius:4px;}

@media screen and (min-width:768px){
	.lumos-container .lumos-img{border:2px solid #fff;max-height:85%;max-width:85%}
	.lumos-container svg:hover{-moz-transform:translateY(-50%) scale(1.5);-ms-transform:translateY(-50%) scale(1.5);-o-transform:translateY(-50%) scale(1.5);-webkit-transform:translateY(-50%) scale(1.5);transform:translateY(-50%) scale(1.5)}
	.lumos-container svg{height:40px;width:40px;background:0 0}
}
@media screen and (min-width:992px){
	.lumos-container svg{height:50px;width:50px;background:0 0}}
	.lumos-container .lumos-next{right:10px}
	.lumos-container .lumos-prev{left:10px}
}
@media screen and (min-width:768px){
	.lumos-container .lumos-next{right:15px}.lumos-container .lumos-prev{left:15px}
}
	.lumos-container .lumos-close{top:25px;right:25px;height:25px;width:25px;background:rgba(0,0,0,.6);padding:5px;transform:translateY(-50%) translateX(50%)}
@media screen and (min-width:768px){
	.lumos-container .lumos-close{top:30px;right:30px;height:30px;width:30px;background:0 0}
	.lumos-container .lumos-close:hover{transform:translateY(-50%) translateX(50%) scale(1.5)}
}
@media screen and (min-width:992px){
	.lumos-container .lumos-close{top:40px;right:40px;height:40px;width:40px}
}
.lumos-container .lumos-name{display:none}
.lumos-container .spinner-container{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.lumos-container .spinner-container .spinner{width:40px;height:40px;background-color:#fff;margin:100px auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}
@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}

.vr_gallery {position: relative; width: 100%; margin: 0 auto; padding: 0; box-sizing:border-box;}
.gallery .gallery-item {position:relative; margin: 0; padding:5px; float:left; width: 33.33333333333333%;}
.gallery .gallery-item span.gallery_txt {position:absolute; top:5px; padding:5px 10px; display:block; background:#0e8d86; color:#fff; text-align:center;}
.gallery img {width: 100%; height:220px;}

@media screen and (max-width:800px){
	#snb{display:block; border:none;}
	.subvisual{display:none;}
	#snb .con_util{display:none;}
	#snb .menu{padding-left:0; width:100%;}
	#snb .menu > li.home{display:none;}
	#depth0{display:none;}
	#depth1{width:100%; background:#00c4a3 url('../images/sub/m_location_arrow1.png') right center no-repeat ! important; color:#fff; margin-left:0 ! important; padding-right:40px; font-size:16px ! important; }
	#depth1 a{border:none ! important;}
	#snb .menu .submenu {color:#3e3e3e; font-size:15px ! important;}
	#snb .menu > li.active{background:#00c4a3 url('../images/sub/m_location_arrow2.png') right center no-repeat ! important; }
	#snb .menu > li.active > a{color:#fff;}
	#snb .menu .submenu > ul > li{font-size:15px ! important;}
	#snb .menu .submenu > ul > li.active{color:#00c4a3; font-weight:bold;}
}


.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; 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; font-size:14px; color:#303233; font-style:normal;}
.prg_gallery_list ul li a .date {font-size:13px; color:#777;}

.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 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%;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; 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:#e9e9e9;border-bottom-color:#e9e9e9; text-align:center; color:#121212;background:#fafafa;}
.prg_write th > label {}
.prg_write td {text-align:left; border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#e9e9e9;border-bottom-color:#e9e9e9; 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:300px;}
.prg_write td .file_upload .item .input_memo{margin-left:310px;}

.btn_area {overflow:hidden; padding-top:20px; text-align:right;}
.btn_area .left{float:left; text-align:left;}
.btn_area .right{float:right; text-align:left;}

.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;}

table caption{position: relative;width: 1px;height: 1px;margin: -1px;text-indent:-100000px;}
.basic_table {display:table;width:100%;table-layout:fixed;border-top: solid 2px #555;}
.basic_table th:first-child, .basic_table td:first-child {border-left:none;}
.basic_table th , .basic_table td {padding:8px 10px;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.basic_table 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}
.basic_table 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;}
.basic_table th > label {background:#fafafa;border-bottom:0; line-height:15px; font-size:15px; color:#47464c}
.basic_table td {border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc; text-align:center;  color:#666}
.basic_table tbody td *{vertical-align:middle;}
.basic_table tfoot th,
.basic_table tfoot td{border:1px solid #ddd; text-align:center;color:#666;background-color:#fafafa;}
.basic_table tbody tr.problem th:first-child{border-left:none;}
.basic_table capiton{display:none;}
.basic_table caption.show{display:block; text-align:left;}

.basic_table.left td{text-align:left;}

.basic_table td.left{padding-left:10px;text-align: left}
.basic_table td.left .list_subject .link{display:block;}
.basic_table td.left .list_subject .link input[type="submit"]{min-width:auto;border:none;height:auto;background-color:transparent;color:#666;display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:14px;padding:0;line-height:1.4}
.basic_table td.left .list_subject .link img{padding-right:5px;}
.basic_table td.left .list_subject a{display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;}
.basic_table td.left .list_subject a:hover{text-decoration:underline}
.basic_table td.cell_left{text-align:left;}
.tablewrap .note{margin-top:10px;}

.inputbox {display: inline-block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #c9c9c9;}
.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 {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:#444; border: 1px solid #ddd;}
.button.small {padding: 5px 10px}
.button.cyan {background-color:#00c4a3; color:#fff; border: 1px solid transparent;}
.button.red {background-color:#ff0000; color:#fff; border: 1px solid transparent;}

.idea_file{float:left; width:300px;}

#siteMap > .group:after {content:''; clear:both; display:block;}
#siteMap > .group > .menu {width:30%; float:left; margin-left:30px; margin-bottom:70px;}
#siteMap > .group > .menu > h4 {text-align:center; background:#fafafa; border:1px solid #e9e9e9; padding:5px 0;}

.myHistory{position:relative;}
.myHistory ul li{float:left; width:48%; margin:1%; border:1px solid #bdbdbd; border-radius:3px; height:102px; box-sizing:border-box;}
.myHistory ul li .myLeft{width:40%; height:100%; float:left; font-size:18px; padding:15px; box-sizing:border-box; position:relative; background-repeat:no-repeat; background-position:88%;}
.myHistory ul li .myLeft > span > a{position:absolute; left:15px; bottom:15px; font-size:13px; padding:2px 12px; background:#999; color:#fff;}
.myHistory ul li .myRight{width:60%; float:left; background:#fafafa; text-align:center; height:100%; font-size:18px}
.myHistory ul li .myRight > span{display:inline-block; font-size:30px; padding:0px 10px; min-width:110px; margin:26px 5px 0 0;}
.myHistory ul li.myP01 .myLeft{background-image:url('../images/sub/img-mypage-1.png');}
.myHistory ul li.myP02 .myLeft{background-image:url('../images/sub/img-mypage-2.png');}
.myHistory ul li.myP03 .myLeft{background-image:url('../images/sub/img-mypage-3.png');}
.myHistory ul li.myP04 .myLeft{background-image:url('../images/sub/img-mypage-4.png');}
.myHistory ul li.myP05 .myLeft{background-image:url('../images/sub/img-mypage-5.png');}
.myHistory ul li.myP06 .myLeft{background-image:url('../images/sub/img-mypage-6.png');}

.td_my{font-size:17px;}
.td_my.diff > div{display:inline-block;}
.td_my .txt{margin-right:15px;}

@media screen and (max-width:1050px){
	.mento_list_wrap .item.n0{width:47%; margin:0 1% 2% 2% ! important;}
	.mento_list_wrap .item.n1{width:47%; margin:0 1% 2% 2% ! important;}
	.mento_list_wrap .item.n2{width:47%; margin:0 1% 2% 2% ! important;}
}
@media screen and (max-width: 1023px) {
	.maker_banner {height:auto; background:#e1f6f9; }
	.maker_banner dl {margin-top:35px;}
}
@media screen and (max-width: 960px){
	#siteMap > .group > .menu {width:30%; margin-left:1%;	}
}
@media screen and (max-width: 860px) {
	.myHistory ul li .myLeft, .myHistory ul li .myRight{width:50%;}
}
@media screen and (max-width: 800px) {
	.maker_wtspace {display:none;}
	#siteMap > .group > .menu > h4{font-size:15px ! important; }
	#content ul.li_type1>li h5{font-size:14px ! important;}
	#content ul.li_type1>li>ul>li {font-size:12px ! important;}
}
@media screen and (min-width: 768px) {
    .Bsearch .write,
    .Bsearch .select {display: inline-block; vertical-align:top;}
    .Bsearch .write {max-width: 414px;}
    .Bsearch .select {width: 130px;}
}
@media all and (max-width:767px), print{
	table caption {display:none;}
	.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;}
	.cont_search_keyword{font-size:16px;}
	.cont_search_keyword em {font-size: 18px; color:#6c708e;}
	.cont_search_result h3.title08{height:40px; line-height:40px; font-size:16px; }
	.cont_search_result .more {top: 0px;}
	.cont_search_result .more img{width:16px;}
	.cont_search_list a{font-size:15px;}
	.cont_search_board li{padding:10px;}
	.cont_search_board a{font-size:15px;}
	.photo_box .photo{width:123px; height:150px;}
	.photo_box .photo img {width:123px; height:150px;}
	.mento_view_box .photo_box{width:210px;}
	.mento_view_box .info_box{ padding-left:0;}
	.mento_view_box .photo_box{position:relative; margin:0 auto 10px;}
	.mento_gu{width:10%;}
	.busi_sub{width:70%;}
	.busi_ag{width:30%;}
	.con_nm{width:50%;}
	.con_day{width:50%;}
	.mento_view_box .counsel_cnt{position:relative; margin:0 auto 30px; top:auto;}
	.prg_write tr{font-size:12px;}
	.prg_write tr th{width:100px;}
	select.conSel{height:32px; font-size:12px; min-width:94px ! important; width:95px ! important;}
	.in100{width:80px ! important;}
	.in120{width:80px ! important;}
	dl.global_box dt{font-size:15px;}
	dl.global_box dd{font-size:13px;}
	.Bsearch select{font-size:13px;}
	.Bsearch button {font-size:15px;}
	.item .detail .Minfo span.name{font-size:15px;}
	.item .detail .Minfo span.area{font-size:13px;}
	.item .detail .mento_btn .mento_info_btn{font-size:15px;}
	.item .detail .mento_btn .mento_counsel_btn{font-size:15px;}
	.item .Mfield .Mfield_title{font-size:15px;}
	.item .Mfield .Mfield_detail{font-size:13px;}
	#login_box .login_btn button{font-size:15px;}
	.board_search .styled{font-size:13px;}
	.fl{font-size:15px; margin-bottom:15px;}
	.board .board_list {font-size:14px;}
	.fr a{font-size:15px;}
	.mento_sub{width:70%;}
	.board_sub{width:70%;}
	.board .board_list tbody td.subject{padding-left:2%;}
	.mento_nm{width:30%;}
	.board_day{width:30%;}
	.mentoring_info{font-size:13px;}
	.mento_info_table tbody th{text-align:center; padding:15px 0; font-size:12px;}
	.mento_info_table tbody td{font-size:12px;}
	.mento_info_table tbody td p{font-size:13px;}
	.board .webzine_list .txt dt{font-size:15px;}
	.board .webzine_list .txt dd{font-size:13px;}
	span.f_detail_btn a{font-size:15px;}
	.tab li a{font-size:15px;}
	.gallery .gallery-item{width:48%; margin:1% 0;}
}
@media screen and (max-width:750px){
	.item .detail .mento_btn .mento_info_btn{width:100%; margin-bottom:5px;}
	.item .detail .mento_btn .mento_counsel_btn{width:100%;}
	.mento_list_wrap2 .item.n0{width:96%; margin:0 2% 2% 2% ! important;}
	.mento_list_wrap2 .item.n1{width:96%; margin:0 2% 2% 2% ! important;}
	.mento_list_wrap2 .item.n2{width:96%; margin:0 2% 2% 2% ! important;}
	.mento_list_wrap .item{height:auto;}
	.myHistory ul li { float: none; width: 100%; }
	.myHistory ul li .myLeft{width:40%;}
	.myHistory ul li .myRight{width:60%;}
}
@media screen and (max-width:720px){
	.auth_box ul li{height:204px; margin-bottom:20px; float:none;}
	.auth_box ul li.auth_pin{background-size:70px;}
	.auth_box ul li.auth_sms{background-size:45px;}
	.auth_box ul li dt{padding-top:10px;}
	.auth_box ul li dd{padding-top:110px;}
	.auth_box ul li dd a{width:70%; padding:6px 0;}
}
@media screen and (max-width: 700px) {
	.maker_banner {padding:20px 30px;}
	.maker_banner dl dt {font-size:15px;}
	.maker_banner dl dd {font-size:14px;}
	.busi_li{width:50%;}
	#login_box{width:98%;}
}
@media screen and (max-width: 670px){
	.mypg span {display: block; padding-bottom: 6px;}
	.mypg .button{padding:8px;}
	.board .webzine_list .txt dd.f_btn_box{left:0;}
}
@media screen and (max-width: 650px) {
	.gallery .gallery-item{width:100%;}
}
@media screen and (max-width:600px){
	.cont_search_cate{padding:10px;}
	.cont_search_cate li{width:33.3%; background:none; margin:10px 0 20px 0;}
	.edu_list_box .item{width:48%; margin:0 1%;}
	.global_box{background:none; padding:30px;}
	.prg_write td .file_upload .item .input_memo{margin-left:0 ! important; margin-top:30px;}
}
@media screen and (max-width: 580px){
	.join_process_box .turnList {width: 100%;}
}
@media screen and (max-width: 550px) {
	.maker_banner dl {margin-top:0;}
	.mento_list_wrap .item.n0{width:96%; margin:0 2% 2% 2% ! important;}
	.mento_list_wrap .item.n1{width:96%; margin:0 2% 2% 2% ! important;}
	.mento_list_wrap .item.n2{width:96%; margin:0 2% 2% 2% ! important;}
}
@media screen and (max-width: 500px) {
	.maker_banner {padding:20px 20px;}
	.edu_btn_box{margin-top:10px;}
	.edu_btn{margin:5px 0;}
	.board .webzine_list .thumb{min-height:auto;}
}
@media screen and (max-width: 460px){
	#siteMap > .group > .menu{width: 90%; margin: 5%;}
	.datepicker{width:46%;}
	.next_btn {width: 100px;}
	.cancel_btn{width:100px;}
	.myHistory ul li .myLeft{background:none !important;}
}
@media screen and (max-width: 450px){
	.turnList li .step_txt{font-size:13px;}
}
@media all and (max-width:410px){
	select.conSel{width:100% ! important;}
	#mewrHp2{width:49% ! important; margin-right:1%; box-sizing:border-box; float:left;}
	#mewrHp3{width:50% ! important; box-sizing:border-box; float:right;}
	#mewrEmail1{width:47% ! important; box-sizing:border-box; float:left;}
	#mewrEmail2{width:47% ! important; box-sizing:border-box; float:right;}
	#login_box .login_util ul li { padding:0 5px; }
}
@media all and (max-width:320px){
	.res_hide, .res_hide_col {display:none;}
}

.wrap_mentoring_gubun {margin:50px 0;}
.wrap_mentoring_gubun h4 {text-align:center;}
.wrap_mentoring_gubun ul {overflow:hidden;width:100%;max-width:730px;margin:0 auto;}
.wrap_mentoring_gubun ul li {float:left;width:50%;}
.wrap_mentoring_gubun ul li.general {padding-right:10px;}
.wrap_mentoring_gubun ul li.company {padding-left:10px;}
.wrap_mentoring_gubun ul li div {padding:27px 0 25px;border:1px solid #ccc;text-align:center;box-sizing:border-box;}
.wrap_mentoring_gubun ul li div span {display:block;margin-bottom:25px;padding-top:82px;line-height:1;font-size:16px;color:#4f4f4f;}
.wrap_mentoring_gubun ul li.general div span {background:url("../images/sub/icon_gmento.png") center 0 no-repeat;}
.wrap_mentoring_gubun ul li.company div span {background:url("../images/sub/icon_cmento.png") center 0 no-repeat;}
.wrap_mentoring_gubun ul li a {display:block;width:100%;max-width:215px;margin:0 auto;padding:10px 0;background:#343aa8;font-size:15px;color:#fff;}

.tal {text-align:left !important;}
.score, .sumscore {width:100%;}
.mrsc_comment {width:100%;height:100px;}

.dim_area {position:fixed;display:none;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);z-index:1000;cursor:pointer;}
.col_red {color:#fe0000;}
.mento_report_noti {margin-bottom:20px;padding:20px 30px 20px 55px;border:2px solid #ccc;background:url('../images/sub/icon_notice_01.png'), url('../images/sub/icon_rightarr_01.png');background-position:30px center, right 30px center;background-repeat:no-repeat;cursor:pointer;box-sizing:border-box;}
.layerpop_area {position:fixed;overflow:auto;display:none;top:50%;left:50%;width:550px;height:500px;margin-top:-250px;margin-left:-275px;padding:30px;background:#fff;box-sizing:border-box;z-index:1100;}
.layerpop_area .layer_cont .tit {margin-bottom:30px;padding-top:73px;background:url('../images/sub/icon_notice_02.png') top center no-repeat;color:#333;font-size:22px;line-height:28px;text-align:center;}
.layerpop_area .layer_cont .tit strong {color:red;font-weight:bold;}
.layerpop_area .information.num1 {margin-bottom:30px;}
.layerpop_area .information dt {background:#6c6f8e;margin-bottom:23px;padding:14px 0;font-size:22px;text-align:center;color:#fff;line-height:1;}
.layerpop_area .information dd {position:relative;margin-bottom:15px;padding-left:30px;font-size:18px;line-height:22px;color:#101010;}
.layerpop_area .information dd img {margin-top:10px;}
.layerpop_area .information dd::before {position:absolute;left:0;display:block;width:22px;height:22px;background:#ecf0f3;text-align:center;line-height:22px;border-radius:50%;}
.layerpop_area .information dd.num1::before {content:'1';}
.layerpop_area .information dd.num2::before {content:'2';}
.layerpop_area .information dd.num3::before {content:'3';}
.layerpop_area .information dd.num2 div {font-size:14px;color:#6c6f8e;}
.layerpop_area .information dd.num2 div:first-child {margin-top:10px;}

@media screen and (max-width:767px) {
	.mento_report_noti {display:none;}
}

.prg_write + h4 {margin-top:20px;}

.sup_price_sum {margin:30px 0;font-size:18px;}
.sup_price_sum span {color:#06378e;}

.makerspace_view_box .info_box{position:relative; width:100%; padding-left:220px;}
.makerspace_table {border-top:2px solid #000; width:100%; font-size:15px;}
.makerspace_table thead tr{border-bottom:1px solid #e7e6e6;}
.makerspace_table tbody th{text-align:left; padding:15px 0 15px 22px; background:#f6fbf9;}
.makerspace_table tbody td{padding:15px 0 15px 22px;}
.makerspace_table tbody th.wide_td01{height:217px;}
.makerspace_table tbody tr { border-bottom:1px solid #e7e6e6; }
.makerspace_table tbody tr:last-child {border-bottom:1px solid #c3c2c2;}
.detail_btn a{display:block; color:#fff; padding:5px 28px 5px 10px;
	background: #353aa9 url('../images/common/detail.png') no-repeat right 12px top 11px; border-radius:4px;}

.makerspace_box{margin:20px 0px 40px 0; padding:15px; border:1px solid #94d0c0;}
.makerspace_summary{margin:20px 0px 40px 0; padding:15px; border:1px solid #94d0c0;
	background:#f4f4f4;}
.makerspace_line{margin:20px 0px 40px 0; overflow:hidden; border-top:2px solid #000;}

.videochat_btn{display:block; margin: 0 auto; width:290px; line-height:56px; background:#3aa59f; height:56px; text-align:center; color:#fff; border-radius:50px;}

.attached-file a {display: inline-block; margin: 5px 0;}
.attached-file .del-attached-file {display: inline-block; margin-top: -2px; margin-left: 6px; width: 15px; height: 15px; background: url(../images/common/icon_close.png) no-repeat center / 70%;}
.attached-file-photo a {display: inline-block; margin: 5px 0;}
.attached-file-photo .del-attached-file {display: inline-block; margin-top: -2px; margin-left: 6px; width: 15px; height: 15px; background: url(../images/common/icon_close.png) no-repeat center / 70%;}