/**************************************************************************** 
layout
****************************************************************************/
@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:300;
	src:url(/fonts/pretendard/Pretendard-Light.woff2) format("woff2"),url(/fonts/pretendard/Pretendard-Light.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:400;
	src:url(/fonts/pretendard/Pretendard-Regular.woff2) format("woff2"),url(/fonts/pretendard/Pretendard-Regular.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:500;
	src:url(/fonts/pretendard/Pretendard-Medium.woff2) format("woff2"),url(/fonts/pretendard/Pretendard-Medium.woff) format("woff")
}

@font-face {
	font-family:"Pretendard";
	font-style:normal;
	font-weight:600;
	src:url(/fonts/pretendard/Pretendard-SemiBold.woff2) format("woff2"),url(/fonts/pretendard/Pretendard-SemiBold.woff) format("woff")
}

/* Frame */
html.fixed{position:fixed;top:0;left:0;width:100%;}
#wrapper{position:relative}
#wrapper #container{min-height:600px;min-width:1120px}
.inwrap{position:relative;max-width:1120px;min-width:1120px;margin:0 auto}
.container{width:auto !important;margin-left:auto !important;margin-right:auto !important;padding-bottom:40px;padding-left:12px !important;padding-right:12px !important;/*background-color:beige;*/}
#navdim.on{display:block;position:fixed;left:0;top:70px;right:0;bottom:0;background:#000;opacity:0.5;z-index:98;}

/*.swiper-container {width: 100%;height: 100%;}*/
.visual-main,.sub-menu-slide{width:100%;overflow:hidden;}
.visual-main .swiper-slide {text-align: center;font-size: 16px;background: #fff;width:100% !important; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;   -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.visual-main .swiper-slide img{width:100%;}
.sub-menu-slide .swiper-slide {text-align: center; display:none;font-size: 16px;background: #fff;width:auto !important; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;   -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sub-menu-slide .swiper-slide .swiper-slide-prev,.sub-menu-slide .swiper-slide .swiper-slide-active,.sub-menu-slide .swiper-slide .swiper-slide-next{display:block;}
.swiper-pagination{display:none;}

/* header */
.mymenu.m_menu {display:none}
.m_login_menu{display:none;}
header{width:100%;height:80px;min-width:1120px;border-bottom:1px solid #e8e8e8}
header .tit_logo {position:absolute;top:12px;left:0;z-index:1}
header .tit_logo .link_logo {display:block}
header nav{position:absolute;margin:33px 190px 0 285px;width:665px;visibility:visible !important;display:block !important}
header nav ul:after{content:"";display:block;clear:both;}
header nav li{position:relative;float:left;width:33.3%;text-align:center}
header nav.col4 li {width:20%}
header nav li:hover h2 {color:#3da0f2}
header nav li.on h2{color:#3da0f2;font-weight:bold}
header nav li:first-child:before{display:none;}
header nav li h2{color:#24272e;font-size:17px;font-weight:normal;font-family:'NanumSquare'}
header nav li h2.video{color:#ffb74d; font-weight: 700; display:flex; align-items: center;}
header nav li:hover h2.video{color:#fb8c00;}
header nav li h2.video .videoIcon{width:23px; height:23px;  background-image: url(/images/common/videoIcon.svg); background-position: center center; background-size: cover;} 
header nav .coach_gnb{position:relative;}
header nav .coach_gnb:after{content:"";position:absolute;top:-28px;left:56px;width:15px;height:20px;background:url(/images/common/sprite.png) no-repeat -3px -90px;}
header .logout_menu{position:absolute;top:20px;right:0;}
header .logout_menu a{display:block;height:35px;width:90px;padding-top:10px;font-size:14px;color:#fff;line-height:1em;text-align:center;border-radius:5px;transition:0.2s;background-color:#3da0f2}
header .logout_menu a:hover{background-color:#187bcc}

header nav.flex ul{display: flex; justify-content: space-between; align-items: center;}
header nav.flex ul li{width:auto;}


/* header - 로그인 후 우측 드롭다운메뉴*/
header .gnb_sidewrap {position:absolute;top:20px;right:0}
header .gnb_sidewrap:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
header #mygnb {float:right;cursor:pointer;border-radius:5px;background-color:#3da0f2}
header #mygnb:hover,
header #mygnb.opn {background-color:#187bcc}
header #mygnb .mygnb_name b {float:left;display:block;height:35px;line-height:34px;padding:0 23px;font-size:14px;color:#fff}
header #mygnb .mygnb_name .mymenu{float:left;width:40px;height:35px;padding:11px 13px;border-left:1px solid #5bb1f7;border-radius:0 5px 5px 0;}
header #mygnb .mygnb_name .mymenu .navicon_line {width:13px;height:2px;margin-bottom:3px;background:#fff;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
header #mygnb:hover .mygnb_name .mymenu .navicon_line{background:#fff;}
header #mygnb.opn .mygnb_name .mymenu .navicon_line{position:absolute;top:17px;right:12px;width:16px;margin:0;padding:0;background:#fff;transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg)}
header #mygnb.opn .mygnb_name .mymenu .navicon_line:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
header #mygnb .mygnb_box{z-index:100;display:none;position:absolute;top:40px;left:0;width:137px;border-radius:5px;background-color:#f3f3f3;box-shadow:3px 3px 15px rgba(0,0,0,.3)}
header #mygnb.opn .mygnb_box{display:block;}
header #mygnb.opn .mygnb_box ul li:first-child a:hover{border-radius:5px 5px 0 0}
header #mygnb.opn .mygnb_box li a{display:block;line-height:38px;height:40px;padding:0 19px;font-size:13px;color:#323638}
header #mygnb.opn .mygnb_box li a:hover{color:#fff;background:#115891;}
header #mygnb.opn .mygnb_box .logout{display:block;line-height:41px;cursor:pointer}
header #mygnb.opn .mygnb_box .logout b:before{content:"";position:absolute;top:12px;left:22px;width:15px;height:16px;background:url(/images/common/sprite.png) no-repeat -189px -8px;}
header #mygnb.opn .mygnb_box .logout b{position:relative;display:block;padding-left:45px;font-size:13px;color:#115891}
header #mygnb.opn .mygnb_box .logout b:hover{color:#fff;border-radius:0 0 5px 5px;background:#115891}
header #mygnb.opn .mygnb_box .logout b:hover:before{background-position:-164px -8px;}
.spr.none{display:none;}
.footer_m,.logo_m{display:none}
@media (max-width:768px) {
    .left_ban_fair,#browser_pop{display:none;}
    #wrapper{}
    #wrapper #container{min-width:320px; max-width:768px;min-height:100%;}
    #wrapper .inwrap{min-width:320px; max-width:768px;padding:0 15px;box-sizing:border-box;}
    .help_error_wrap section{padding:0 15px;}
    .help_error_wrap section h1{font-size:18px;letter-spacing:-1px;}
    .help_error_wrap .help_customer strong{display:none;}
    .m_mypage, .m_logout {display: block}
    header{min-width:320px;max-width:768px;height:53px;box-size:border-box}
    header .tit_logo {top:10px;left:12px}
    header .tit_logo .logo_m {display:block}
    header .tit_logo .logo_w {display:none}
    header .sta {position:absolute;top:17px;left:0;width:100%;font-size:19px;font-weight:bold;color:#32496a;text-align:center;font-family:'NanumSquare'}
    header nav {visibility:hidden!important;float:none;position:absolute;left:0;top:53px;z-index:9999;height:auto;width:100%;margin:0;padding:0;background-color:#2a2a2a}
    header nav ul{padding:20px 0 40px 15px;/*background:#2a2a2a*/}
    header nav ul:after{content:"";display:block;clear:both}
    header nav li{position:relative;float:none;padding:20px 0;width:auto!important;text-align:left;}
    header nav li:before{content:"";position:absolute;top:1px;left:-28px;width:1px;height:15px;background:#1c2744;}
    header nav li:hover h2 {color:#7d859c;}
    header nav li h2.video .videoIcon{background-image: url(/images/common/videoIconM.svg);}
    header nav li.on:after{display:none;}
    header nav li:hover:after{display:none;}
    header nav li:first-child{margin-left:0;padding-left:0;}
    header nav li:first-child:before{display:none;}

    header nav li h2{color:#fff/*color:#7d859c*/}
    header nav li a:hover {color:#fff}
    header nav .coach_gnb{position:relative;}
    header nav .coach_gnb:after{content:"";position:absolute;top:-28px;left:56px;width:15px;height:20px;background:url(/images/common/sprite.png) no-repeat -3px -90px;}
    header .logout_menu {display:none}
    header .gnb_sidewrap{display:none}


    header nav.flex ul{display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;}
    header nav.flex ul li{width:auto;}
    .spr.none{display:block;}
    

    /* header - 모바일메뉴*/
    .m_login_menu{display:block;position:absolute;top:31px;right:70px;}
    .m_login_menu a{color: #b6c2d9;font-size:15px;}
    .mymenu.m_menu{display:block;position:absolute;top:12px;right:12px;width:30px;height:30px;padding:6px 0 0 9px}
    .mymenu.m_menu .navicon_line{width:19px;height:2px;margin-bottom:5px;background:#32496a;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
    .mymenu.m_menu.opn .navicon_line{background:#32496a;transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);position:absolute;top:13px;right:0;width:19px;margin:0;padding:0;}
    .mymenu.m_menu.opn .navicon_line:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
    .mymenu.m_menu.opn+nav{visibility:visible !important;/*-webkit-transition: all 0.7s ease-out;*/}
    .gnb .login {display:block;line-height:1.2;width:100%;height:auto;padding:0;margin-top: 20px;background:none;cursor: pointer}
    .gnb .login b{position:relative;display:block;padding-left:0;font-size:17px;color:#fff;/*color:#7d859c;*/font-family:'NanumSquare';font-weight:normal}
    .gnb .login b:hover{color:#7d859c;}
    .logout.m_logout{display:block;line-height:1.2;width:100%;height:auto;padding:0;margin-top: 20px;background:none;cursor: pointer}
    .logout.m_logout b {position:relative;display:block;padding-left:0;font-size:17px;color:#fff;/*color:#7d859c;*/font-family:'NanumSquare';font-weight:normal}
    .logout.m_logout b:hover{color:#7d859c;}
    .logout.m_logout b:before{content:"";position:absolute;top:0;left:65px;width:15px;height:16px;color:#fff;background:url(/images/common/sprite.png) no-repeat -189px -8px;}    
    .logout.m_logout b:hover:before{background-position:-164px -8px;}
    .main_wrapper .mymenu.m_menu{border:solid 2px rgba(255, 255, 255, .2); border-radius: 5px;cursor:pointer}
    /*.main_wrapper .mymenu.m_menu .navicon_line{background:rgba(255, 255, 255, .7);}*/
    /*.main_wrapper .mymenu.m_menu.opn .navicon_line{background:rgba(255, 255, 255, 1);}*/
}
@media (max-width:480px) {
    #user_tip_txt ol{height:300px;overflow:auto;}    
}

/* main */
#main{position:relative;}
.visual-main .swiper-slide h2{position:absolute;top:50%;left:0;width:100%;margin-top:-5%;text-align:center;color:#333;font-size:28px;line-height:1.1;font-weight:200;}
.visual-main .swiper-slide h2 strong{display:block;font-size:48px;font-weight:700;}
.visual-main .swiper-slide h2 b{display:block;font-size:48px;font-weight:200;}
/*.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url(/images/main/arrow_right.png) !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url(/images/main/arrow_left.png) !important;}*/
.main_visual{position:relative;}
.swiper-button-next.main_visual, .swiper-button-prev.main_visual{width:21px !important;height:33px !important;background-size:21px 33px !important;}
#main .main_info{position:relative;margin-top:20px;}
#main .main_info li{float:left;width:22.5%;/* height:200px; */margin:0 1%;padding: 2% 2% 2% 2.6%;overflow:hidden;background:url(/images/main/main_info_bg01.jpg) no-repeat center;background-size:100% auto;}
#main .main_info li:nth-of-type(1){background-image:url(/images/main/main_info_bg01.jpg)}
#main .main_info li:nth-of-type(2){background-image:url(/images/main/main_info_bg02.jpg)}
#main .main_info li:nth-of-type(3){background-image:url(/images/main/main_info_bg03.jpg)}
#main .main_info li:nth-of-type(4){background-image:url(/images/main/main_info_bg04.jpg)}
#main .main_info li:first-child{margin-left:2%;}
#main .main_info li h4{position:relative;padding:16% 0 8%;color:#fff;font-size:22px;letter-spacing:-1.2px;word-break:keep-all;}
#main .main_info li h4:before{content:"";position:absolute;top:5%;left:0;height:3px;width:55px;background-color:#fff;}
#main .main_info li p{color:#fff;font-size:15px;word-break:keep-all;}
#main .main_banner{position:relative;margin-top:20px;padding:2.5% 4.5% 3.7%;background:#394b71 url(/images/main/main_banner_bg.png) repeat center;background-size:100% auto;}
#main .main_banner:after{content:"";position:absolute;bottom:0;right:0;width:250px;height:194px;background:url(/images/main/main_banner_bgicon.png) no-repeat 0;}
#main .main_banner p{width:55%;color:#fff;font-size:21px;word-break:keep-all;}
#main .main_banner p strong{color:#3da0f2;}
#main .main_banner a{display:inline-block;margin-top:30px;padding:0 6% 0 4%;border:solid 1px #fff;height:50px;line-height:48px;font-size:21px;color:#fff;}
#main .main_banner a i{padding-left:5px;vertical-align:middle;}


/* pagination */
.main_visual .swiper-button-next,.swiper-button-prev{display:none;position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.main_visual .prroll-next.swiper-button-next{display:block;top:0;left:0;width:50px;height:165px;margin-top:0;background:#fff url(/images/main/prroll-next.png) no-repeat left 23px;}
.main_visual .prroll-prev.swiper-button-prev{display:block;top:0;right:0;left:auto;width:50px;height:165px;margin-top:0;background:#fff url(/images/main/prroll-prev.png) no-repeat right 23px;}
.main_visual .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.main_visual .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.main_visual .swiper-pagination.swiper-pagination-hidden{opacity:0}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets{bottom:62px;}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets.cv_pagination{bottom:59px;left:0;width:100%}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets.review_roll_pagination{z-index:0 !important;top:708px;left:0;width:100%}
.main_visual .swiper-pagination-bullet{width:70px;height:5px; border-radius: 0%;display:inline-block;background:#fff;opacity:.3}
.main_visual .cv_pagination .swiper-pagination-bullet{width:70px;height:5px;display:inline-block;background:#d0d4d9;opacity:1}
.main_visual .review_roll_pagination .swiper-pagination-bullet{width:70px;height:5px;display:inline-block;background:#d0d4d9;opacity:1}
.main_visual button.swiper-pagination-bullet{border:none;margin:0;padding:0;border-radius: 0%; box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.main_visual .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.main_visual .swiper-pagination-bullet-active{opacity:1;background:#fff}
.main_visual .cv_pagination .swiper-pagination-bullet-active{opacity:1;background:#839baf}
.main_visual .review_roll_pagination .swiper-pagination-bullet-active{opacity:1;background:#839baf}
.main_visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px}
.main_visual .swiper-container-horizontal > .swiper-pagination-bullets{width:auto;}

.main_solution .swiper-pagination-bullet{width:30px;margin:0 1px;background:#C1C2C3}
.main_solution .swiper-pagination-bullet-active{background:#839baf;}
.main_solution .swiper-pagination{width:calc(100% - 15px);}


/* footer */
#footer {min-width:1120px;width:100%;background:#29303a;}
#footer .footer_row2{position:relative;margin:0 auto;padding:40px 0;text-align:center}
#footer .footer_row2 .f_address * {font-size:14px;color:#5c6573;}
#footer .footer_row2 .f_address p:first-child {padding-bottom:13px}
#footer .footer_row2 .f_address p.cs_add{padding-bottom:20px;color:#8c96a4;}
#footer .footer_row2 .f_address p.cs_add b{display:inline-block;padding-right:10px;color:#8caecf;font-weight:700;}
#footer .footer_row2 .f_address p span {display:inline-block;width:1px;height:10px;line-height:14px;margin:0 13px 0 12px;background:#464e5a;}
@media (max-width:768px) {
    #footer {min-width: 320px}
}
@media (max-width:480px){
    #footer .footer_row2 {padding:20px 0}
    #footer .footer_row2 .f_address p:first-child {display:none}
}

/* error */
.error_wrap {padding-top:10%}
.error_page {width:50%;margin:0 auto;border:solid 1px #ccc;border-radius:5px;text-align:center;background-color:#fff}
.error_page i{padding:14% 0 4%;color:#999da1;font-size:4em;}
.error_page p {color:#999da1;font-size:15px;}
.error_page .btnArea{margin:50px 0 55px;}
.error_page .btnArea a{width:105px !important;height:34px;line-height:34px;padding:0;}
.error_page .btnArea a.btnbd{border-width:1px;line-height:34px;}
@media (max-width:768px) {
    .error_wrap {height:85vh;padding-top:20px!important}
    .error_page {padding:10vh 20px}
    .error_page i {margin-bottom:20px;padding:0}
    .error_page p {font-size:14px;line-height:1.4em;word-break:keep-all}
    .error_page .btnArea {margin:40px 0 0}
    .error_page .btnArea a {display:inline-block;width:40%!important}
}

/**************************************************************************** 
	Layer 팝업
****************************************************************************/
.screenfix{overflow:hidden;}
#dim {display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:200;}

/* 공통 */
.window_style{display:none;width:500px;position:absolute;left:0;top:0;z-index:10000;background-color:#fff;border-radius:5px;}
.window_style .close{position:absolute;right:20px;top:25px;cursor:pointer;}
.window_style .top_logo{position:relative;height:70px;background:#151e36;border-radius:5px 5px 0 0;}
.window_style h1{padding-top:20px;text-align:center;color:#353738;}
.window_style textarea{width:420px;height:80px;background-color:#f5f5f5;border:0 solid;}

/* 비밀번호 찾기 */
.window3 {width:410px;height:304px;background:#f5f6f7;text-align:center;}
.window3 p {padding:36px 0 21px;color:#6b6e70;line-height:1.5;}
.window3 input {width:330px;}
.window3 .footbtnwrap {margin-top:29px;}
.window3 .footbtnwrap #join_btn_complete{width:203px;margin-left:2px;border-radius:0 0 5px 0;font-weight:700;color:#353738}
.window3 .psassword_btn{float:left;width:205px;height:60px;line-height:60px;font-size:16px;color:#999da1;border-radius:0 0 0 5px;background:#fff;}
.window3 .psassword_btn.ok{background:#3da0f2;}
@media (max-width:480px){
    .window3 {width:300px}
    .window3 input{width:81%}
    .window3 .psassword_btn {width:149px}
    .window3 .footbtnwrap #join_btn_complete {width:149px}
}

/* 비밀번호찾기 완료 */
.window33{width:410px;background:#f5f6f7 url(/images/common/icon_pop_com.png) no-repeat center 40px;border-radius:5px;text-align:center;}
.window33 .title{padding-top:129px;color:#353738;font-weight:700;}
.window33 .ment{padding:15px 0 35px;color:#6b6e70;line-height:1.5;}
.window33 .close_complete{display:block;width:100%;height:60px;line-height:60px;font-size:16px;color:#353738;border-radius:0 0 5px 5px;background:#fff;font-weight:700;}


/**************************************************************************** 
	content area
****************************************************************************/
/* --------------------------------------------
    개인회원 전용홈
    .individual-home
/* ------------------------------------------ */
.individual-home {padding:50px 0 100px}
.individual-home .individual-top-fm div{float:left;width:45%;padding:3%;border-radius:5px;border:solid 1px #d7dade;background-color:#fff}
.individual-home .individual-top-fm div h3{padding-bottom:21px;color:#6b6e70;font-size:20px;font-weight:normal}
.individual-home .individual-top-fm div li {float:left;position:relative;width:24%;margin-right:1%;height:90px;border-radius:5px;border:solid 1px #d7dade;text-align:center; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.individual-home .individual-top-fm div li.on{background-color:#3da0f2;}
.individual-home .individual-top-fm div li b{color:#999da1;font-size:16px;font-weight:400}
.individual-home .individual-top-fm div li.on b{color:#fff;}
.individual-home .individual-top-fm div li.on i{color:#fff;}
.individual-home .individual-top-fm div.left-b li {width:32%;}
.individual-home .individual-top-fm div.left-b.two li {width:49%}
.individual-home .individual-top-fm div.left-b.quard .online_wrap {width:74%; float: left; box-sizing: border-box; border-color: #3da0f2; padding:0; margin-right:1%;}
.individual-home .individual-top-fm div.left-b.quard .online_wrap li {width:32%; background-color: transparent; border: 0px; color:#3da0f2;}
.individual-home .individual-top-fm div.left-b.quard .online_wrap li strong{color:#3da0f2;}
.individual-home .individual-top-fm div.left-b.quard .online_wrap li b{color:#3da0f2;}
.individual-home .individual-top-fm div.left-b.quard .offline_wrap{width:24%; float: left; padding:0;}
.individual-home .individual-top-fm div.left-b.quard .offline_wrap li {width:100%; background-color: transparent; border: 0px;}

.individual-home .individual-top-fm div.left-b.quard li {width:24%;}
.individual-home .individual-top-fm div.left-b li strong{display:block;width:100%;/*padding:21px 0 0;*/font-size:1.8em; font-weight: 700; height:1.4em; color:#6b6e70;}
.individual-home .individual-top-fm div.left-b li:nth-of-type(2) strong{color:#187bcc;}
.individual-home .individual-top-fm div.left-b li:nth-of-type(2) b{color:#187bcc;}
.individual-home .individual-top-fm div.left-b li:nth-of-type(2){border-color:#bddffc;}
.individual-home .individual-top-fm div.left-b li:nth-of-type(3),
.individual-home .individual-top-fm div.left-b li:nth-of-type(4) {background-color:#f5f6f7;}
.individual-home .individual-top-fm div.left-b li:nth-of-type(3) strong,
.individual-home .individual-top-fm div.left-b li:nth-of-type(4) strong {color:#999da1}
.individual-home .individual-top-fm .layer_tooltip {position:absolute;left:0;bottom:-50px;z-index:1;padding:5px 10px;font-size:13px;text-align:center;line-height:1em;color:#fff;opacity:0;border-radius:4px;background-color:#3da0f2;white-space:nowrap}
.individual-home .individual-top-fm .layer_tooltip:after {position:absolute;content:"";top:-5px;right:50%;height:0;width:0;margin-right:-5px;border-left:5px solid transparent;border-bottom:5px solid #009fe4;border-right:5px solid transparent;} 
.individual-home .individual-top-fm div li:hover .layer_tooltip {bottom:-35px;opacity:1}
.individual-home .individual-top-fm .layer_tooltip {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	       -o-transition: all 0.2s ease-in-out;
	           transition: all 0.2s ease-in-out;
}
.individual-home .individual-top-fm div.right-b{float:right;width:53%;}
.individual-home .ind_profile .pf-category{position:relative;}
.individual-home .ind_profile .btn{position:absolute;bottom:0;right:0;width:auto;height:40px;line-height:40px;padding:0 2%;}
/*.individual-home .it_coment{padding-top:25px;margin-bottom:25px;}*/
.individual-home .it_coment{padding-top:25px;margin-bottom:25px;display:inline-block;}
/*.individual-home .it_coment strong{display:inline-block;margin-bottom:15px;color:#F74A53;}*/
.individual-home .it_coment strong{display:inline-block;margin-bottom:15px;color:#000000;}
.individual-home .it_coment strong i{color:#F74A53;}
/*.individual-home .it_coment p{padding-bottom:10px;text-indent:-11px;padding-left:11px;font-size:15px;color:#787878;line-height:23px;}*/
.individual-home .it_coment p{padding-bottom:10px;text-indent:0;padding-left:11px;font-size:15px;color:#787878;line-height:23px;}
/*.individual-home .it_coment p b{background-color:#E7FF45;}*/
.individual-home .it_coment p b{color:#ff8000;}
.individual-home  .right-b strong{display: flex; font-size: 1.8em; height:1.4em; justify-content: center; align-items: center;}
.individual-home .fa-check-circle{display:block;color:#999da1;}
.individual-home .fa-list-alt{display:block; color:#999da1;}
.individual-home .fa-file-alt {display:block;color:#999da1;}
.individual-home .fa-spinner {display:block;color:#999da1;}
.individual-home .cs_add_btn {position:absolute;top:11px;right:0;width:150px;padding-left:21px;}
.individual-home .cs_add_btn:before{content:"";position:absolute;top:17px;left:21px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -450px -8px}
.individual-home .cs_add_btn{position:absolute;top:11px;right:0;width:150px;padding-left:21px;}
.individual-home .cs_add_btn2{position:absolute;top:11px;right:160px;width:150px;padding-left:21px;}
.individual-home .cs_add_btn2.phone{margin:0;}
.individual-home .cs_add_btn3{position:absolute;top:17px;right:115px;width:16px;padding-left:0px;}
.individual-home .cs_add_btn3.phone{position:relative; display: inline-block; top:auto; right:auto; margin-right:3px;}
.individual-home .cs_add_btn:before{content:"";position:absolute;top:17px;left:21px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -450px -8px;background-size:;}


.individual-home .chs_list{position:relative;margin-top:16px;padding:29px;border:solid 1px #d7dade;background:#fff;border-radius:5px;}
.individual-home .chs_list .tip_box{display:inline-block;width:100px;height:auto;}
.individual-home .chs_list .tip_box .tip{position:absolute;top:60px;display:inline-block;}
.individual-home .chs_list .tip .it_coment{display:inline-block;}
.individual-home .chs_list .alram_coch{position:relative;padding:0 0 21px 15px;font-size:15px;color:#999da1;}
.individual-home .chs_list .alram_coch:before{content:"";position:absolute;top:4px;left:0;width:8px;height:8px;background-color:#f74a53;border-radius:50%;}
.individual-home .chs_list .list_empty_ment{position:relative;height:145px;padding-top:100px;text-align:center;color:#bbc0c4;font-size:16px;}
.individual-home .chs_list .list_empty_ment:before{content:"";position:absolute;top:30px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/sprite.png) no-repeat -204px -82px;}

.individual-home .chs_list .chs_list_top{padding-bottom:21px;}
.individual-home .chs_list .chs_list_top button{margin-right:30px;color:#353738;font-size:16px;padding:0 22px 0 0;}
.individual-home .chs_list .chs_list_top button:before{top:6px;right:0;left:auto;width:11px;height:7px;background-position:-277px -50px;}
.individual-home .chs_list .chs_list_top span{float:right;padding-left:15px;line-height:19px;font-size:15px;color:#999da1;}
.individual-home .chs_list .chs_list_top span:before{top:5px;width:8px;height:8px;background-position:-229px -13px;}

.individual-home .chs_list section.individual{margin-bottom:21px;}
.individual-home .chs_list section.individual li:first-child{margin-top:0;}
.individual-home .chs_list section.individual li{margin-top:10px;border:solid 1px #bbc0c4;border-radius:5px;}
.individual-home .chs_list section.individual li .sec01>a:after{content:"";display:block;clear:both;}
.individual-home .chs_list section.individual li .sec01{position:relative;padding:2% 3%;}
.individual-home .chs_list section.individual li .sec01>a{display:block;padding:29px;}
.individual-home .chs_list section.individual li .sec01 .sec01_in{float:left;width:200px;height:80px;padding:15px;margin-right:25px;border-radius:5px;-webkit-box-shadow:0 2px 5px 0 #d3d2d2;box-shadow:0 2px 5px 0 #d3d2d2;color:#fff;}
.individual-home .chs_list section.individual li .sec01 .sec01_in p{font-weight:700;}
.individual-home .chs_list section.individual li .sec01 .sec01_in b{display:block;font-size:15px;padding-top:12px;opacity:0.8;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2{float:left;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 h2{/* width:640px; */margin-top:10px;overflow:hidden;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 h2 a{color:#353738;line-height:1.5;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 .talk_alarm{display:inline-block;min-width:21px;height:21px;margin-left:5px;padding:0 6px;line-height:21px;text-align:center;color:#fff;font-size:11px;font-family:Verdana;background:#f74a53;border-radius:33px;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 div:after{content:"";display:block;clear:both;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 div{margin-top:13px;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 div span{float:left;position:relative;padding-left:21px;color:#999da1;font-size:15px;line-height:18px;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 div span:first-child{padding-right:12px;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 div span:nth-of-type(2){padding-left:34px;background:url(/images/sub/bar01.png) no-repeat 0 1px;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 div span:nth-of-type(2):before{left:15px;}
.individual-home .chs_list section.individual li .sec01 .sec01_in2 div span:before{content:"";position:absolute;top:0;left:0;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -321px -9px;}
.individual-home .chs_list section.individual li .sec01 .btn_copy{z-index:1;position:absolute;top:29px;right:29px;width:60px;padding-left:26px;text-align:left;font-size:12px;height:25px;line-height:25px;border-radius:2px;color:#6b6e70;border:solid 1px #bbc0c4;}
.individual-home .chs_list section.individual li .sec01 .btn_modify{z-index:1;position:absolute;top:29px;right:94px;width:60px;padding:0;border:solid 1px #b5d8f7;text-align:left;border-radius:2px;}
.individual-home .chs_list section.individual li .sec01 .btn_modify button{color:#187bcc;font-size:12px;padding-left:26px;height:23px;line-height:23px;}
.individual-home .chs_list section.individual li .sec01 .btn_modify button:before{top:7px;left:11px;width:10px;height:10px;background-position:-212px -286px;}
.individual-home .chs_list section.individual li .sec01 .btn_copy:before{top:7px;left:11px;width:9px;height:9px;background-position:-238px -286px;}
.individual-home .chs_list section.individual li .sec02:after,
.individual-home .chs_list section.individual li .sec02 .sec02_in2:after{content:"";display:block;clear:both;}
.individual-home .chs_list section.individual li .sec02{position:relative;margin:0 3%;padding:21px 0 29px 0;border-top:solid 1px #d7dade;}
.individual-home .chs_list section.individual li .sec02 .sec02_in figure:after{content:"";position:absolute;top:0;left:0;width:60px;height:40px;background:url(/images/sub/indivi_sec02_bg.png) no-repeat 0 0;}
.individual-home .chs_list section.individual li .sec02 .sec02_in{width:100%;height:40px;overflow:hidden;}
.individual-home .chs_list section.individual li .sec02 .sec02_in figure{float:left;width:60px;text-align:center;}
.individual-home .chs_list section.individual li .sec02 .sec02_in figure img{height:40px;overflow:hidden;}
.individual-home .chs_list section.individual li .sec02 .sec02_in p{display:inline-block;line-height:40px;}
.individual-home .chs_list section.individual li .sec02 .sec02_in p span b{display:inline-block;color:#353738;line-height:1;font-size:16px;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .fa-user{padding-right:5px;}
.individual-home .chs_list section.individual li .sec02 .sec02_in p span .name_last{padding-left:5px;margin-left:5px;border-left:solid 1px #353738;line-height:1;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .read{float:right;width:33%;height:40px;background:#f5f6f7;border:solid 2px #a4a9af;border-radius:5px;color:#474a4d;font-size:15px;text-align:center;line-height:36px;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .noread{float:right;border:solid 2px #e6e9ed;color:#999da1;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .resultb{float:right;position:relative;width:33%;height:40px;background:#f5f6f7;margin-right:5px;border:solid 2px #3da0f2;border-radius:5px;color:#2c7dce;font-size:15px;text-align:center;line-height:36px;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .result01{width:33%;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .result02{width:33%;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .result03{width:20%;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .btn_appraise{position:absolute;top:21px;right:0;width:140px;height:40px;line-height:40px;padding-left:55px;text-align:left;font-size:15px;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .btn_appraise_disable{border:solid 2px #d7dade;background:#f5f6f7;color:#bbc0c4;line-height:36px;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .btn_appraise:before{content:"";position:absolute;top:13px;left:33px;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -361px -285px;}
.individual-home .chs_list section.individual li .sec02 .sec02_in .btn_appraise_disable:before{top:11px;background-position:-390px -285px;}


/* The Modal (background) */
.callBox{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
/* Modal Content */
.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:60%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
  }
@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
.clear{clear:both;}

@media (max-width:950px) {
	
	.callBox{padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;}
	.modal-content{position:relative;width:80%;background-color:#fefefe;margin:auto;padding:0;);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}
}
@media (max-width:768px) {
	
	.callBox{padding-top:80px;padding-bottom:80px;left:0;top:0;width:100%;height:100%;overflow:auto;}
	.modal-content{width:80%;}
}


.close{position:absolute;bottom:30px;left:45%;margin:0 auto;padding:10px 30px;color:#000;font-size:15px;font-weight:bold;border:1px solid #d7dade;}
.close:hover, .close:focus{background:#dddddd;color:#000;text-decoration:none;cursor:pointer;}
.callBox .modal-content .modal-header{padding:20px 16px;background-color:#3da0f2;font-size:21px;color:white;text-align:center;}
.callBox .modal-content .modal-body{padding:30px 20px;}

/*
.callBox .modal-content .modal-footer{padding:0 20px 100px 20px;background-color:#fff;color:#000;font-size:14px;}
.callBox .modal-content .modal-footer button{padding: 8px 20px;margin-left:15px;background:#ff8000;color:#fff;font-size:15px;}
.callBox .modal-content .modal-footer button:hover{background:#d96c00;}
.callBox .modal-content .modal-footer p:nth-child(1){color:#000;border-bottom:1px solid #787878;font-size:15px;line-height:40px;}
.callBox .modal-content .modal-footer p:nth-child(2){margin-top:10px;}
*/
.callBox .modal-content .modal-footer{padding:0 20px 100px 20px;background-color:#fff;color:#000;font-size:14px;}
.callBox .modal-content .modal-footer div{width:40%;margin:0 auto;}
.callBox .modal-content .modal-footer div button{padding: 8px 20px;margin-left:15px;background:#ff8000;color:#fff;font-size:15px;}
.callBox .modal-content .modal-footer div button:hover{background:#d96c00;}
.callBox .modal-content .modal-footer div p span{line-height:25px;}
.callBox .modal-content .modal-footer div p:nth-child(1){color:#000;border-bottom:1px solid #787878;font-size:15px;line-height:40px;text-align:center;}
.callBox .modal-content .modal-footer div p:nth-child(2){margin-top:10px;}

.callBox .modal-content .modal-body .modal_tit{padding:0 0 30px 0;font-size:17px;font-family:'Nanum Gothic', sans-serif;text-align:center;font-weight:bold;}
.callBox .modal-content .modal-body .tBlue{color:#0040ff;}
.callBox .modal-content .modal-body p:nth-child(2){margin:0 auto;font-size:15px;font-family:'Noto Sans KR';font-weight:300;color:#000;}
.callBox .modal-content .modal-body div {width:100%;}
.callBox .modal-content .modal-body div ul {width:100%;}
.callBox .modal-content .modal-body div ul li{float:left;width:32%;height:230px;margin-top:30px;padding:15px;border:solid 1px #d7dade;color:#787878;font-size:14px;font-family:'Nanum Gothic', sans-serif;font-weight:300;list-style:none;}
.callBox .modal-content .modal-body div ul .date_div input,
.callBox .modal-content .modal-body div ul .time_div input,
.callBox .modal-content .modal-body div ul .date_div input span,
.callBox .modal-content .modal-body div ul .time_div input span{margin:5px 10px 5px 0;}

.callBox .modal-content .modal-body div ul li:nth-child(2){margin-left:10px;margin-right:10px; overflow-y:scroll;}
.callBox .modal-content .modal-body div ul li .end{color:#bbc0c4;text-decoration:line-through;}
.callBox .modal-content .modal-body div ul .book_info input{line-height:0;height:30px;font-size:14px;border:solid 1px #d7dade;}
.callBox .modal-content .modal-body div ul .book_info p{line-height:20px;color:#000;}
.callBox .modal-content .modal-body div ul .book_info p span{margin-left:10px;}
.callBox .modal-content .modal-body div ul .date_div{overflow:none;}
.callBox .modal-content .modal-body div ul .date_form input, .callBox .modal-content .modal-body div ul .time_form input{margin: 5px 5px 5px 0;}



.call_sumit{position:absolute;top:500px;left:40%;}
.resetBtn{margin:0;padding:20px 0;width:49%;background:#999da1;color:#fff;border:none;}
.resetBtn:hover{background:#6b6e70;}
.bookBtn{margin:0;padding:20px 0;width:49%;background:#3da0f2;color:#fff;border:none;}
.bookBtn:hover{background:#187bcc;}
.tRed{color:#ff0000;}
.coach_tit{font-size:21px;}

@media (max-width:1170px) {
	.resetBtn, .bookBtn{width:45%;}

}

@media (max-width:768px) {
	
	.modal-content{width:90%;}
	.close{left:40%;font-size:12px;}
	.close:hover, .close:focus{background:#dddddd;color:#000;text-decoration:none;cursor:pointer;}
	.resetBtn, .bookBtn{margin:0;width:100%;border:1px solid #fff;}
	.callBox .modal-content .modal-body div ul li:nth-child(2){margin-left:0;margin-right:0;}
	.callBox .modal-content .modal-body div ul li{height:auto;;margin-top:10px;}
	.callBox .modal-content .modal-body .modal_tit{padding:0 0 10px 0;font-size:14px;line-height:21px;}
	.callBox .modal-content .modal-body p:nth-child(2){font-size:14px;}
	.callBox .modal-content .modal-footer div{width:100%;}
	.callBox .modal-content .modal-footer div p:nth-child(1){font-size:14px;line-height:30px;}
	.callBox .modal-content .modal-footer div p span{line-height:20px;}


}

@media (max-width:700px) {
	
	.callBox .modal-content .modal-body div ul li{width:100%;}
	.callBox .modal-content .modal-header{padding:10px 0;font-size:17px;}
	.callBox .modal-content .modal-body{padding:20px 20px;}
	
	}
@media (max-width:414px) {
	
	.callBox .modal-content .modal-footer div button{position:relative;margin:5px 0;width:30%;padding: 8px 20px;font-size:13px;}
}

/* --------------------------------------------
    컨설턴트 마이페이지 홈
    .consultant-home
/* ------------------------------------------ */

.consultant-home{padding-top:30px;}
.consultant-home .chs_top{position:relative;margin-bottom:15px;}
.consultant-home .chs_top select{position:absolute;top:0;right:0;width:150px;}
.consultant-home .chs_top .subtit{padding-top:26px;margin-bottom:0;}
.consultant-home .chs_top .subtit .spr{float:right;line-height:24px;}
.consultant-home .chs_top .subtit .spr:before{top:7px;}
.consultant-home .chs_top .subtit .btn{position:absolute;top:0;right:0;border-radius:5px}
.consultant-home .chs_list{margin-top:16px;padding:29px;border:solid 1px #d7dade;background:#fff;border-radius:5px;}
.consultant-home .chs_list .list_empty_ment{position:relative;height:145px;padding-top:100px;text-align:center;color:#bbc0c4;font-size:16px;}
.consultant-home .chs_list .list_empty_ment:before{content:"";position:absolute;top:30px;left:50%;width:50px;height:50px;margin-left:-25px;background:url(/images/common/sprite.png) no-repeat -204px -82px;}

.consultant-home .chs_list .chs_list_top{padding-bottom:21px;}
.consultant-home .chs_list .chs_list_top button{margin-right:30px;color:#353738;font-size:16px;padding:0 22px 0 0;line-height:50px;}
.consultant-home .chs_list .chs_list_top button:before{top:21px;right:0;left:auto;width:11px;height:7px;background-position:-277px -50px;}
.consultant-home .chs_list .chs_list_top .right-b{float:right;}
.consultant-home .chs_list .chs_list_top .right-b select{width:150px;margin-left:10px;}
.consultant-home .chs_list .chs_list_top .fld_search {display:inline-block;margin-left:10px}
.consultant-home .chs_list .chs_list_top .tf_search {width:150px}
.consultant-home .chs_list .chs_list_top .btn_search {position:relative;width:50px;height:50px;margin-right:0;padding:0;font-size:0;background:#999DA1;border-radius:5px;vertical-align:top}
.consultant-home .chs_list .chs_list_top .btn_search:before {content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;background: url(/images/common/sprite.png) no-repeat -190px -223px;margin-left: -8px;margin-top: -8px;}
.consultant-home  span{padding-left:15px;line-height:19px;font-size:15px;color:#999da1;}
.consultant-home  span:before{top:5px;left:0;width:8px;height:8px;background-position:-229px -13px;}

.consultant-home .chs_list section.consultant li:first-child{margin-top:0;}
.consultant-home .chs_list section.consultant li{margin-top:10px;padding:2% 3%;border:solid 1px #bbc0c4;border-radius:5px;}
.consultant-home .chs_list section.consultant li:after{content:"";display:block;clear:both;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in{float:left;width:200px;height:80px;padding:15px;margin-right:25px;border-radius:5px;-webkit-box-shadow:0 2px 5px 0 #d3d2d2;box-shadow:0 2px 5px 0 #d3d2d2;color:#fff;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in p{font-weight:700;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in b{display:block;font-size:15px;padding-top:12px;opacity:0.8;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2{float:left;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 h2{width:100%;height:48px;margin-top:10px;overflow:hidden;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .talk_alarm{display:inline-block;min-width:21px;height:21px;margin-left:5px;padding:0 6px;line-height:21px;text-align:center;color:#fff;font-size:11px;font-family:Verdana;background:#f74a53;border-radius:33px;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div:after{content:"";display:block;clear:both;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div{}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span{float:left;position:relative;padding-left:21px;color:#999da1;font-size:15px;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:first-child{padding-right:12px;padding-left:0;color:#6b6e70;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:first-child:before{display:none;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:nth-of-type(2){padding-left:34px;background:url(/images/sub/bar01.png) no-repeat 0 4px;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:nth-of-type(2):before{left:15px;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:nth-of-type(3){margin-left:12px;background:url(/images/sub/bar01.png) no-repeat 0 4px;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:nth-of-type(3):before{display:none}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:before{content:"";position:absolute;top:0;left:0;width:16px;height:15px;background:url(/images/common/sprite.png) no-repeat -321px -9px;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .take{display:inline-block;margin-right:5px;padding:0 4px;color:#fff;border-radius:2px;font-size:12px;background-color:#3da0f2;vertical-align:top;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .chks{padding-left:40px}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .turn{position:absolute;top:-4px;left:12px;width:25px;height:25px;line-height:25px;text-align:center;margin-right:5px;color:#6b6e70;border-radius:50%;font-size:12px;background-color:#fff;border:solid 1px #ccc;}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .school {margin-left:12px;padding-left:30px;background:url(/images/sub/bar01.png) no-repeat 0 4px}
.consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .school:before {left:15px;background-position:-481px -9px}
.consultant-home .chs_list section.consultant li .sec02 {padding-top:30px;margin-top:30px;border-top:solid 1px #d7dade;}
.consultant-home .chs_list section.consultant li .sec02 .sec02_in {float:left;/*width:40%;*/}
.consultant-home .chs_list section.consultant li .sec02 .sec02_in a:first-child{margin-left:0;}
.consultant-home .chs_list section.consultant li .sec02 .sec02_in a {margin-left:1%;}
.consultant-home .chs_list section.consultant li .sec02 .sec02_in2 {float:right;/*width:60%;*/}
.consultant-home .chs_list section.consultant li .sec02 .sec02_in2 a{margin-left:5px}
.consultant-home .chs_list section.consultant li .sec02 a{float:left;display:inline-block;height:40px;border-radius:5px;font-size:15px;text-align:center;line-height:36px;}
.consultant-home .chs_list section.consultant li .sec02 .ingb {width:99px;margin-right:5px;background:#fff;border:solid 2px #3da0f2;color:#3da0f2;}
.consultant-home .chs_list section.consultant li .sec02 .finishb {width:99px;margin-right:5px;background:#fff;border:solid 2px #d7dade;color:#a4a9af;}
.consultant-home .chs_list section.consultant li .sec02 .result_wait{width:270px;background:#3da0f2;border:solid 2px #3da0f2;color:#fff;}
.consultant-home .chs_list section.consultant li .sec02 .result_plus{/*width:32.33%;*/padding:0 10px;background:#fff;border:solid 2px #353738;color:#353738;}
.consultant-home .chs_list section.consultant li .sec02 .resultb {/*width:32.33%;*/padding:0 10px;background:#f5f6f7;border:solid 2px #a4a9af;color:#353738;}
.consultant-home .chs_list section.consultant li .sec02 .result_ing{width:32.33%;background:#f5f6f7;border:solid 2px #e6e9ed;color:#999da1;}
.consultant-home .chs_list section.consultant li .sec02 .result1{float:right;}
.consultant-home .chs_list section.consultant li .sec02 .result2{width:49%;}
.consultant-home .list_cnt_count {float:left;height:40px;padding:0 10px;font-size:15px;color:#a4a9af;line-height:36px;background:#f5f6f7;border:solid 2px #d7dade;border-radius:5px}
.consultant-home .list_cnt_count:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.consultant-home .list_cnt_count .item_tit {float:left;position:relative;padding-right:15px}
.consultant-home .list_cnt_count .item_tit:hover ~ .item_count {display:block}
.consultant-home .list_cnt_count .item_tit:after {content:"";position:absolute;top:13px;right:0;width:7px;height:11px;background:url(/images/common/sprite.png) -347px -256px no-repeat}
.consultant-home .list_cnt_count .item_count {display:none;float:left}
.consultant-home .list_cnt_count .item_count.fst {padding-left:6px}
.consultant-home .cs_top_fm{margin-bottom:50px;padding:3%;border-radius:5px;background-color:#fff;border:solid 1px #d7dade;}
.consultant-home .cs_top_fm h5{padding-bottom:21px;color:#6b6e70;font-size:21px;}
.consultant-home .cs_top_fm li{float:left;width:32.66%;padding:1% 2%;margin-left:1%;border-radius:5px;border:solid 1px #d7dade;color:#999da1;font-size:16px;line-height:30px;}
.consultant-home .cs_top_fm li b{font-size:26px;float:right;}
.consultant-home .cs_top_fm li:first-child{margin-left:0;}
.consultant-home .cs_top_fm li:nth-of-type(2){color:#187bcc;border-color:#bddffc;}
.consultant-home .cs_top_fm li:nth-of-type(3){background-color:#f5f6f7;border-color:#d7dade;}

/* --------------------------------------------
    개인회원 컨설팅 신청내용 보기
    .individual-detail
/* ------------------------------------------ */
.individual_print{margin:0 !important;padding:0 !important;}

.individual-detail {padding:50px 0 100px}
.individual-detail .left_side{float:left;width:360px;}
.individual-detail .left_side .coach_talk_clse{display:none;}
/*.individual-detail .talk_bot_bar{display:none;z-index:99;position:fixed;left:0;bottom:0;width:100%;padding:25px 0;background:#1c2744 url(/images/common/coachtalk_logo.png) no-repeat center;font-size:0;cursor:pointer;}*/
.individual-detail .left_side #coach_talk{position:relative;margin-bottom:21px;background:#1c2744;border-radius:5px;}
.individual-detail .left_side #coach_talk.disable:after{content:"";position:absolute;top:0;left:0;width:360px;height:480px;background:#fff;opacity:0.7;}
.individual-detail .left_side #coach_talk .talk_top{position:relative;height:60px;text-align:center;background:#151e36;border-radius:5px 5px 0 0;}
.individual-detail .left_side #coach_talk .talk_top strong{display:inline-block;width:162px;height:25px;margin-top:16px;background:url(/images/common/coachtalk_logo.png) no-repeat 0 0;font-size:0;}
.individual-detail .left_side #coach_talk .talk_top .descri_i{position:absolute;top:21px;right:21px;}
.individual-detail .left_side #coach_talk .talk_top .descri_i .descri_box{width:191px;margin-left:-95.5px}
.individual-detail .left_side #coach_talk .talk_view{position:relative;height:330px !important;margin-right:1px !important;margin-left:0 !important;padding:21px;overflow-y:auto;}
.individual-detail .left_side #coach_talk .talk_view .talk_day{height:40px;line-height:40px;text-align:center;color:#7d859c;font-size:13px;background:#151e36;border-radius:2px;}
.individual-detail .left_side #coach_talk .talk_view .empty{position:absolute;top:173px;width:319px;text-align:center;color:#7d859c;font-size:16px;line-height:1.3;}
.individual-detail .left_side #coach_talk .talk_view ul{position:absolute;top:80px;left:21px;width:319px;}
.individual-detail .left_side #coach_talk .talk_view ul li:after{content:"";display:block;clear:both;}
.individual-detail .left_side #coach_talk .talk_view ul li{position:relative;margin-bottom:21px;}
.individual-detail .left_side #coach_talk .talk_view ul li figure{display:none;position:absolute;top:0;left:0;width:70px;height:50px;overflow:hidden;text-align:center;background:#1c2744;}
.individual-detail .left_side #coach_talk .talk_view ul li figure:after{content:"";position:absolute;top:0;left:0;width:70px;height:50px;background:#1c2744 url(/images/sub/coachtalk_profile_bg.png) no-repeat 0 0;}
.individual-detail .left_side #coach_talk .talk_view ul li figure img{height:50px;overflow:hidden;}
.individual-detail .left_side #coach_talk .talk_view ul li .chating{float:left;}
.individual-detail .left_side #coach_talk .talk_view ul li .chating b{display:block;margin:3px 0 10px;color:#fff;font-size:13px;}
.individual-detail .left_side #coach_talk .talk_view ul li .chating div{position:relative;}
.individual-detail .left_side #coach_talk .talk_view ul li .chating div p{position:relative;max-width:195px;padding:13px 17px;margin-left:5px;background:#d7ebfc;border-radius:0 2px 2px 2px;font-size:15px;color:#353738;line-height:1.4;word-wrap:break-word;}
.individual-detail .left_side #coach_talk .talk_view ul li .chating div p:before{content:"";position:absolute;top:0;left:-4px;width:5px;height:11px;background:url(/images/common/sprite.png) no-repeat -446px -97px;}
.individual-detail .left_side #coach_talk .talk_view ul li .chating div>span{position:absolute;bottom:10px;right:-43px;width:33px;color:#7d859c;font-size:13px;}
.individual-detail .left_side #coach_talk .talk_view ul li .chating div>span span{display:block;padding-top:5px;}
.individual-detail .left_side #coach_talk .talk_view ul li.even_chat .chating{float:right;}
.individual-detail .left_side #coach_talk .talk_view ul li.even_chat .chating p{margin:0 10px 0 0;background:#3da0f2;color:#101224;border-radius:2px 0 2px 2px;word-break:break-all;}
.individual-detail .left_side #coach_talk .talk_view ul li.even_chat .chating div p:before{left:auto;right:-4px;background:url(/images/common/sprite.png) no-repeat -459px -97px;}
.individual-detail .left_side #coach_talk .talk_view ul li.even_chat .chating div>span{left:-43px;width:33px;text-align:right;}
.individual-detail .left_side #coach_talk .talk_write{position:relative;padding:21px;}
.individual-detail .left_side #coach_talk .talk_write .talk_file_btn{float:left;width:50px;}
.individual-detail .left_side #coach_talk .talk_write .talk_f_hidden{position:absolute;top:0;left:0;width:50px;padding:0 0 0 50px;cursor:pointer;opacity:0;}
.individual-detail .left_side #coach_talk .talk_write .write_ipt{float:left;width:319px;height:50px;}
.individual-detail .left_side #coach_talk .talk_write .write_ipt input{float:left;width:261px;border:solid 2px #4f5a78;border-radius:2px 0 0 2px;color:#7d859c;background:none;}
.individual-detail .left_side #coach_talk .talk_write .write_ipt button{float:left;width:58px;height:50px;background:#4f5a78;border-radius:0 2px 2px 0;color:#d7dade;}
.individual-detail .left_side #coach_talk .talk_write .write_ipt input::placeholder{color:#7d859c !important;}

/* 코치톡 스크롤바 */
.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing:border-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: auto !important;padding: 0;position: relative !important;top: 0;width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow {cursor: default;}
.scrollbar-janos.theme-blue > .scroll-element,.scrollbar-janos.theme-blue > .scroll-element .scroll-bar,.scrollbar-janos.theme-blue > .scroll-element .scroll-element_corner,.scrollbar-janos.theme-blue > .scroll-element .scroll-element_track{ background-color: #1c2744; }
.scrollbar-janos > .scroll-element,.scrollbar-janos > .scroll-element div{border: none;margin: 0;overflow: hidden;padding: 0;position: absolute;z-index: 10;}
.scrollbar-janos > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar-janos > .scroll-element.scroll-x {bottom: 0;height: 13px;left: 0;min-width: 100%;width: 100%;}
.scrollbar-janos > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 1px;top: 0;width: 17px;}
.scrollbar-janos > .scroll-element .scroll-element_corner {display: none;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-element_track {background-repeat: repeat-y;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-bar .scroll-bar_body {background:#343f5c;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_less {background:url(/images/sub/scrollbar_top_arrow.gif) no-repeat center;}
.scrollbar-janos > .scroll-element.scroll-y .scroll-arrow_more {background:url(/images/sub/scrollbar_bot_arrow.gif) no-repeat center;}
.scrollbar-janos > .scroll-element .scroll-arrow { display: none; }
.scrollbar-janos > .scroll-element.scroll-element_arrows_visible .scroll-arrow { display: block; z-index: 12; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less { width: 100%; height: 13px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more { width: 100%; top: auto; bottom: 0; height: 13px;}
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer { top: 13px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_track { top: -13px; }
.scrollbar-janos > .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_size { top: -26px; }

.individual-detail .detail_title{position:relative;}
.individual-detail .detail_title h2{width:100%;height:70px;padding:0 30px 0 66px;line-height:70px;border-bottom:solid 1px #e6e9ed;color:#353738;font-size:21px;}
.individual-detail .detail_title h2:before{top:21px;left:30px;width:27px;height:30px;background-position:-286px -88px;}

.individual-detail .right_side{float:right;width:66%;}
.individual-detail .right_side .big_title:after{content:"";display:block;clear:both;}
.individual-detail .right_side .big_title{margin-bottom:21px;}
.individual-detail .right_side .big_title span[class^='cate_']{float:left;height:30px;padding:0 5%;line-height:30px;color:#fff;font-size:15px;text-align:center;border-radius:5px;background:#36aaf3}
.individual-detail .right_side .big_title .day{float:right;padding-left:21px;color:#999da1;font-size:15px;line-height:30px;}
.individual-detail .right_side .big_title .day:before{top:50%;left:0;width:16px;height:15px;margin-top:-8px;background-position:-321px -9px;}

.ind_profile.consultant{background:#272e43;}
.ind_profile.consultant .detail_title{margin-bottom:21px;color:#3da0f2;font-size:21px;font-weight:700;}
.ind_profile.consultant ul li{padding-bottom:8px;color:#fff;font-size:15px;font-weight:400;}
.ind_profile.consultant ul li strong{display:inline-block;width:16%;font-weight:700;}
.ind_profile.consultant .btn{position:absolute;bottom:13%;right:4%;width:auto;padding:0 3%;}
/*.ind_profile{position:relative;margin-bottom:21px;padding:4% 4%;border-radius:5px;background:#272e43 url(/images/sub/layer_pf_bg.png) no-repeat 0 0;background-size:cover;}*/
/*.ind_profile{position:relative;margin-bottom:21px;padding:4% 4%;border-radius:5px;}*/
/*.ind_profile{position:relative;margin-bottom:21px;padding:4% 4%;border-radius:5px;border:solid 1px #d7dade;background:#fff;}*/
.ind_profile{position:relative;margin-top:30px;margin-bottom:0;padding:4% 4%;border-radius:5px;border:solid 1px #d7dade;background:#fff;}
.ind_profile .pf-box{padding-bottom:12px;border-bottom:solid 1px #737e9b;}
.ind_profile .pf-box strong{display:inline-block;height:30px;margin-right:10px;padding:0 16px;line-height:30px;color:#fff;font-size:16px;background-color:#3da0f2;border-radius:50px;text-align:center;vertical-align:top;}
/*.ind_profile .pf-box b{display:inline-block;margin-right:10px;color:#fff;font-size:30px;line-height:1;}*/
.ind_profile .pf-box b{display:inline-block;margin-right:10px;margin-top:5px;color:#000;font-size:21px;font-weight:bold;line-height:1;}
.ind_profile .pf-box span{display:inline-block;color:#fff;font-size:15px;}
.ind_profile .pf-txt{padding-top:10px;color:#dfdfdf;line-height:1.4;font-size:15px;}
.ind_profile .pf-category{margin-top:15px;}
.ind_profile div{display:inline-block;}
.ind_profile .cate_box{display:inline-block;margin-left:20px;}
.ind_profile .cate_box span{display:inline-block;height:40px;padding:0 10px;margin-right:4px;line-height:40px;color:#fff;font-size:15px;border-radius:2px;text-align:center;}
.ind_profile .pf-category p{padding:0;font-size:15px;color:#787878;line-height:23px;}
.category2 span{padding: 8px 20px;color:#fff;border-radius:5px;}
.ind_profile .pf-category{display:inline-block;}
.ind_profile .pf-category .cate_get,
.ind_profile .pf-category .cate_career,
.ind_profile .pf-category .cate_found{display: inline-block;padding:10px 15px;margin-right:4px;font-size:15px;;color:#fff;border-radius:2px;line-height:40px;}

@media (max-width:768px) {
	
	.ind_profile .cate_box{display:block;margin-top:10px;margin-left:0;}
	.ind_profile .cate_box span{height:30px;padding:0 10px;margin-right:2px;font-size:12px;line-height:30px;}
	.ind_profile .pf-category p{padding:0;font-size:15px;line-height:20px;}

    .ind_profile .pf-category .cate_get,
    .ind_profile .pf-category .cate_career,
    .ind_profile .pf-category .cate_found{
        height: 30px;
        padding: 0 10px;
        margin-right: 2px;
        font-size: 12px;
        line-height: 30px;
    }

}

.ind_profile .pf-topbtn{position:absolute;top:25px;right:4%;}
.ind_profile .profile-go{display:inline-block;width:40px;height:40px;text-align:center;line-height:40px;background-color:#37405A;border-radius:50%;vertical-align:top;}
.ind_profile .print-btn{display:inline-block;width:40px;height:40px;margin-left:5px;text-align:center;line-height:40px;background-color:#37405A;border-radius:50%;vertical-align:top;}
.ind_profile .print-btn .fa-print{padding-top:12px; color:#A5AEB9;font-size:16px;}
.ind_profile .profile-go .fa-address-card{padding-top:12px; color:#A5AEB9;font-size:19px;}

.individual-detail .right_side .ind_request{margin-bottom:21px;border:solid 1px #d7dade;border-radius:5px;background:#fff;}
.individual-detail .right_side .ind_request .detail_title .btn_sm_b{position:absolute;top:22px;right:30px;}
.individual-detail .right_side .ind_request .ind_request_contents{max-height:430px;margin-bottom:30px;overflow:auto;padding:30px 29px 0;}
.individual-detail .right_side .ind_request .ind_request_contents h3{position:relative;padding-bottom:30px;margin-bottom:30px;color:#353738;font-size:16px;line-height:1.5;}
.individual-detail .right_side .ind_request .ind_request_contents h3:after{content:"";position:absolute;bottom:0;left:0;width:25px;height:1px;background:#3da0f2;}
.individual-detail .right_side .ind_request .ind_request_contents .txt_box{color:#6b6e70;font-size:15px;line-height:1.6;word-wrap:break-word;}
.individual-detail .right_side .file-down-box{padding:17px 29px;border-top:solid 1px #d7dade;}
.individual-detail .right_side .ind_request .file_down a{width:190px;}

.individual-detail .right_side .answer_wrap{position:relative;padding:19px 22px;border:solid 1px #d7dade;border-radius:5px;background:#e6e9ed;}
.individual-detail .right_side .answer_wrap .txt{display:inline-block;color:#353738;font-size:21px;vertical-align:top;line-height:50px;}
.individual-detail .right_side .answer_wrap .ui_select{display:inline-block;width:160px;margin:0 3px 0 5px;}
.individual-detail .right_side .answer_wrap .time_ok{display:inline-block;width:222px;height:50px;margin:0 3px 0 5px;line-height:46px;border:solid 2px #d7dade;background:#e6e9ed;color:#f74a53;border-radius:2px;text-align:center;font-size:13px;}
.individual-detail .right_side .answer_wrap .time_ok b{font-size:16px;padding-right:10px;}
.individual-detail .right_side .answer_wrap .btn_send{position:absolute;top:21px;right:30px;width:106px;height:50px;line-height:50px;padding-left:21px;text-align:left;font-size:16px;background:#3da0f2;color:#fff;}
.individual-detail .right_side .answer_wrap .btn_send:hover{background:#187bcc}
.individual-detail .right_side .answer_wrap .btn_send_d{background:#bbc0c4;}
.individual-detail .right_side .answer_wrap .btn_send_d:hover{background:#bbc0c4 !important;cursor:default;}
.individual-detail .right_side .answer_wrap .btn_send:before{top:17px;left:67px;width:19px;height:19px;background-position:-401px -92px;}
.individual-detail .right_side .answer_wrap .descri_box{width:181px;margin-left:-90.5px}

.individual-detail .right_side .add_consult{position:relative;padding:30px;border:solid 1px #3da0f2;border-radius:5px;background:#fff;}
.individual-detail .right_side .add_consult>b{display:block;padding-bottom:10px;font-weight:700;color:#187bcc;font-size:16px;}
.individual-detail .right_side .add_consult p{color:#999da1;font-size:15px;line-height:1.4;}
.individual-detail .right_side .add_consult strong{display:block;padding-top:16px;font-weight:700;color:#999da1;font-size:15px;}
.individual-detail .right_side .add_consult strong b{font-size:21px;font-weight:700;}
.individual-detail .right_side .add_consult .sec03{position:absolute;top:30px;right:30px;width:310px;}
.individual-detail .right_side .add_consult .sec03 button:first-child{margin-left:0;}
.individual-detail .right_side .add_consult .sec03 button{float:left;width:100px;height:100px;margin-left:5px;padding-top:25px;font-size:15px;border-radius:5px;line-height:1.4;}
.individual-detail .right_side .add_consult .sec03 button b{display:block;}

.individual-detail .right_side .writing_wrap{margin-top:21px;border:solid 1px #d7dade;border-radius:5px;background:#fff;}
.individual-detail .right_side .writing_wrap .detail_title h2:before{top:21px;left:30px;width:30px;height:30px;background-position:-342px -88px;}
.individual-detail .right_side .writing_wrap .detail_title .txt_num{position:absolute;top:28px;right:30px;font-size:15px;color:#999da1;}
.individual-detail .right_side .writing_wrap .detail_title .txt_num b{display:inline-block;width:60px;color:#f74a53;text-align:right;}
.individual-detail .right_side .writing_wrap .writing_group{padding:30px 28px;}
.individual-detail .right_side .writing_wrap .writing_group .user_write{width:100%;min-height:480px;max-height:700px;}

.individual-detail .right_side .send_finish_wrap{margin-top:21px;border:solid 1px #4f5a78;border-radius:5px;background:#fff;}
.individual-detail .right_side .send_finish_wrap .detail_title{background:#2a486d;}
.individual-detail .right_side .send_finish_wrap .detail_title h2{padding:0 30px;color:#fff;}
.individual-detail .right_side .send_finish_wrap .detail_title div{position:absolute;top:25px;right:30px;}
.individual-detail .right_side .send_finish_wrap .detail_title div span{color:#d7dade;font-size:15px;}
.individual-detail .right_side .send_finish_wrap .detail_title div span:first-child{padding:0 10px 0 21px;margin-right:5px;}
.individual-detail .right_side .send_finish_wrap .detail_title div span:first-child:before{left:0;width:16px;height:15px;background-position:-289px -9px;}
.individual-detail .right_side .send_finish_wrap .detail_title div span:first-child:after{content:"";position:absolute;top:1px;right:0;width:1px;height:13px;background:#d7dade;}
.individual-detail .right_side .send_finish_wrap .send_result{max-height:700px;overflow:auto;padding:30px;color:#6b6e70;font-size:15px;line-height:1.5;}
.individual-detail .right_side .send_finish_wrap .file-down-box{padding:17px 29px 7px;border-top:solid 1px #d7dade;}
.individual-detail .right_side .send_finish_txt{padding:10px 0;color:#2a486d;font-size:23px;text-align:center;}

.individual-detail .right_side .recruit_write{margin-top:21px;}
.individual-detail .right_side .recruit_write dl{margin-bottom:15px;border:solid 1px #d7dade;border-top:0;}
.individual-detail .right_side .recruit_write dt{float:left;width:25%;padding-left:30px;line-height:60px;height:60px;border-top:solid 1px #d7dade;background-color:#e3e5e8;color:#353738;font-size:15px;}
.individual-detail .right_side .recruit_write dd{float:left;display:table;height:50px;width:75%;padding:4px 5px 5px;border-top:solid 1px #d7dade;}
.individual-detail .right_side .recruit_write dd input{width:100%;}
.individual-detail .right_side .recruit_write dd span{display:table-cell;vertical-align:middle;height:50px;}
.individual-detail .right_side .recruit_write .btn{width:auto;min-width:100px;padding:0 3%;background-color:#2a486d;font-size:15px;}
.individual-detail .right_side .recruit_write .btn i{padding-right:5px;}
.individual-detail .right_side .re_recruit{margin-top:21px;}

.re_recruit .recomm_box{padding:4% 4% 3%;border:solid 1px #d7dade;border-radius:5px;background-color:#fff}
.re_recruit .recomm_box .recom_wrap_title{ font-size: 1em; margin-bottom: 0.5em; font-weight: 600;}
.re_recruit .recomm_box .match_wrap ul.match_box{width:100%;  margin-bottom:1%; display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.re_recruit .recomm_box .match_wrap ul.match_box li{position:relative; width:49.4%; flex-shrink:0; height:14em; margin-bottom:1%;padding:1% 1.5%;border:solid 1px #bbc0c4;border-radius:5px;}
.re_recruit .recomm_box .match_wrap ul.match_box li:nth-child(2n){margin-right: 0;}
.re_recruit .recomm_box .match_wrap ul.match_box li .comp_wrap{height:48%; margin-bottom:1%; display:flex; flex-direction: column; justify-content:flex-start;  align-items: flex-start; } 
.re_recruit .recomm_box .match_wrap ul.match_box li .comp_name{}
.re_recruit .recomm_box .match_wrap ul.match_box li .comp_context_wrap{ width:100%; height:calc(100% - 1.8em); display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;  margin-bottom: 0.7em;}
.re_recruit .recomm_box .match_wrap ul.match_box li .comp_context{width:100%; height:calc(100% - 1.8em); margin: 0  1em 0 0; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.re_recruit .recomm_box .match_wrap ul.match_box li .comp_schedule{color:#3da0f2; height:auto}
.re_recruit .recomm_box .match_wrap ul.match_box li .match_wrap{height:50%; display:flex; flex-direction: column; justify-content:center;}
.re_recruit .recomm_box .match_wrap ul.match_box li .match_why{font-weight: 600; font-size: 0.8em; /*color:#ff934a;*/ margin-bottom: 0.3em;}
.re_recruit .recomm_box .match_wrap ul.match_box li .match_context{overflow-y: auto; font-size: 0.8em; height:100%; background-color: rgb(223, 223, 223); border-radius: 0.7em; box-sizing: border-box; padding:1em;/*-ms-overflow-style: none; scrollbar-width: none; */}
/* .re_recruit .recomm_box .match_wrap ul.match_box li .match_context::-webkit-scrollbar{display: none;} */
.re_recruit .recom_wrap{margin-top: 1.5em;}
.re_recruit ul li{float:left;width:49%;margin-bottom:1%;padding:2% 4%;border:solid 1px #bbc0c4;border-radius:5px;}
.re_recruit ul li:nth-child(odd){margin-right:1%;}
.re_recruit ul li strong{display:block;width:95%;text-overflow:ellipsis; white-space:nowrap; color:#42a2f2;font-size:1em;font-weight:700;}
.re_recruit ul li p{height:45px;overflow:auto;margin:5px 0 10px;color:#353738;font-size:1em;line-height:1.5;}
.re_recruit ul li span{display:block;color:#575859;font-size:0.9em;}
.re_recruit ul li span i{padding-right:5px;}
.re_recruit ul li b{float:right;color:#3da0f2;font-size:0.8em;}

@media screen and (max-width:500px){
    .re_recruit{ font-size: 14px;}
    .re_recruit ul li b{font-size:1em;}
}
/* --------------------------------------------
    컨설팅 히스토리
    .consultant_history
/* ------------------------------------------ */
.consultant_history{padding-top:30px;}
.consultant_history .ch_wrap ul li{position:relative;margin-top:10px;border:solid 1px #d7dade;border-radius:5px;}
.consultant_history .ch_wrap ul li:first-child{margin-top:0;}
.consultant_history .ch_wrap .sec01{padding:1.8% 2.7%;}
.consultant_history .ch_wrap .sec01 b{display:inline-block;height:30px;padding:0 1%;line-height:30px;color:#fff;font-size:15px;font-weight:700;text-align:center;border-radius:5px;}
.consultant_history .ch_wrap .sec01 p{width:90%;margin:15px 0;color:#353738;font-size:16px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.consultant_history .ch_wrap .sec01 div span{float:left;padding-left:21px;margin-left:21px;color:#999da1;font-size:15px;}
.consultant_history .ch_wrap .sec01 div span:before{top:50%;left:0;width:16px;height:15px;margin-top:-8px;background-position:-321px -9px;}
.consultant_history .ch_wrap .sec01 div span:after{content:"";position:absolute;top:2px;left:-10px;width:1px;height:13px;background:#d7dade;}
.consultant_history .ch_wrap .sec01 div span:first-child:after{display:none;}
.consultant_history .ch_wrap .sec01 div span:first-child{margin-left:0;}
.consultant_history .ch_wrap .sec02{display:none;}
.consultant_history .ch_wrap .sec02 .box02{background-color:#f7f7f7;}
.consultant_history .ch_wrap .sec02 .box01,.consultant_history .ch_wrap .sec02 .box02,.consultant_history .file-down-box{padding:1.8% 2.7%;}
.consultant_history .ch_wrap .sec02 .box02 h5{padding-bottom:1.8%;margin-bottom:1.8%;border-bottom:solid 1px #e6e9ed;font-size:21px;color:#353738;}
.consultant_history .ch_wrap .sec02,.consultant_history .file-down-box{border-top:solid 1px #d7dade;}
.consultant_history .ch_wrap .unfold{display:none;}
.consultant_history .ch_wrap .folding{z-index:97;position:absolute;top:21px;right:1.8%;font-size:15px;cursor:pointer;}
.consultant_history .ch_wrap .folding i{padding-left:5px;}

/* --------------------------------------------
    채용정보
    .individual-recommend
/* ------------------------------------------ */
.individual-recommend .re_recruit{padding:50px 0 100px}
.individual-recommend .re_recruit ul{display: flex; justify-content:center; align-items: center; flex-wrap:wrap ;}
.individual-recommend .re_recruit ul li{width:32.333%;margin-right:1%;}
.individual-recommend .re_recruit ul li:nth-child(3n+3){margin-right:0;width:33.333%;}
.individual-recommend .re_recruit .match_box li:nth-child(3n+3){ width:49%; flex-shrink: 0;height: 14em;margin-bottom: 1%; margin-right: 1%; padding: 2% 4%;border: solid 1px #bbc0c4; border-radius: 5px;}
.individual-recommend .srch_bar{margin-bottom:15px;}
.individual-recommend .srch_bar .fl input{float:left;width:360px;}
.individual-recommend .srch_bar .fl a{float:left;width:50px;height:50px;margin-left:5px;border-radius:5px;background-color:#42a2f2;font-size:0;}
.individual-recommend .srch_bar .fl a:before{top:16px;left:16px;background-position:-214px -255px;width:15px;height:15px;}
.individual-recommend .srch_bar .fr select{width:150px;}

.individual-recommend .srch_bar .fl.full{width:calc(100% - 155px);}

.individual-recommend .srch_bar .fl.full input{ width: calc(100% - 55px);}

.individual-recommend .srch_bar{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.individual-recommend .srch_bar .srch_title{padding: 0  0 0 1em; font-weight: 600;}
.individual-recommend .srch_bar .box_wrap{display:flex; justify-content: space-between;}
.individual-recommend .srch_bar input {height:2.5em; line-height: 1em;}
.individual-recommend .srch_bar .box_wrap .box{padding:0 1.2em;height:2.5em; border:1px solid #ccc; background-color: #fff; display: flex; align-items: center;}
.individual-recommend .srch_bar .box_wrap .box .num{margin-left: 0.3em; font-weight: 600;}
.individual-recommend .srch_bar .box_wrap .box:nth-child(2){margin-left:4px;}
.individual-recommend .srch_bar .srch_wrap{display: flex; justify-content:space-between; width: 65%;}
.individual-recommend .srch_bar .srch_wrap #company_search{width:calc(100% - 2.8em);}
.individual-recommend .srch_bar a{width:2.5em;height:2.5em;margin-left:5px;border-radius:5px;background-color:#42a2f2; poition:absolute; font-size: 16px;  color:transparent;}
.individual-recommend .srch_bar a:before{top:50%;left:50%;transform: translate(-50%, -50%); background-position:-214px -255px;width:15px;height:15px;}
@media screen and (max-width:768px){

    .individual-recommend .srch_bar .srch_wrap{display: flex; justify-content:space-between; width: 100%; margin-top: 0.5em;}
    .individual-recommend .srch_bar .box_wrap .box{font-size:12px;}
    .individual-recommend .srch_bar input::placeholder {font-size: 0.8em;}
    .individual-recommend .re_recruit .match_box li:nth-child(3n+3){ width:100%; flex-shrink: 0;height: 14em;margin-bottom: 1%; margin-right: 0%; padding: 2% 4%;border: solid 1px #bbc0c4; border-radius: 5px;}
}

@media screen and (max-width:500px){
    .individual-recommend .srch_bar .box_wrap .box{font-size:10px;}
    .individual-recommend .srch_bar input::placeholder {font-size: 0.7em;}
    
}


/* --------------------------------------------
    고객센터
    ind_cs_list / ind_cs_write /ind_cs_detail
/* ------------------------------------------ */
.ind_cs_list{}
.ind_cs_list .faq_list li:first-child{margin-top:0;}
.ind_cs_list .faq_list li {position:relative;margin-top:10px;border:solid 1px #d7dade;background-color:#fff}
.ind_cs_list .faq_list li .fold{z-index:1;position:absolute;top:15px;right:3.8%;font-size:23px;}

    /*.ind_cs_list .faq_list li>div:after{content:"";width:13px;height:9px;position:absolute;top:21px;right:3.5%;background:url(/images/common/sprite.png) no-repeat -205px -450px;}
    .ind_cs_list .faq_list li.open>div:after{content:"";width:13px;height:9px;position:absolute;top:21px;right:3.5%;background:url(/images/common/sprite.png) no-repeat -205px -468px;}*/
.ind_cs_list .faq_list li .box01{position:relative;display:block;padding:2% 3.5% 2% 8.5%;color:#353738;font-size:15px;overflow:hidden;line-height:1.2;}
.ind_cs_list .faq_list li .box01.ing:before,.ind_cs_list .faq_list li .box01.fin:before{top:40px;}
.ind_cs_list .faq_list li .box01 b{display:block;padding-bottom:8px;color:#999da1;font-size:15px;}
.ind_cs_list .faq_list li .answer{margin-top:4%;padding-top:2%;min-height:50px;border-top:solid 1px #d7dade;color:#353738;font-size:15px;line-height:1.2;}
.ind_cs_list .faq_list li .answer:before{content:"";width:17px;height:15px;position:absolute;top:53%;left:5%;background:url(/images/common/sprite.png) no-repeat -258px -448px;}.ind_cs_list .faq_list li .box02{position:relative;display:none;padding:0 3.5% 2% 8.5%;}
.ind_cs_list .faq_list li.mod .box02{display:block;}
.ind_cs_list .faq_list li .fa-angle-down{display:none;}
/*.ind_cs_list .faq_list li.open>div{height:100%;min-height:85px;}
.ind_cs_list .faq_list li.open>div span{height:100%;}
.ind_cs_list .faq_list li.open>div .answer{display:block;}
.ind_cs_list .faq_list li.open .faq_btn{display:block;}

.ind_cs_list .faq_list li.mod>div{height:100%;min-height:85px;}
.ind_cs_list .faq_list li.mod>div span{height:100%;}
.ind_cs_list .faq_list li.mod .faq_btn{display:block;}

.ind_cs_list .faq_list li.mod>div:after{content:"";width:13px;height:9px;position:absolute;top:21px;right:3.5%;background:url(/images/common/sprite.png) no-repeat -205px -468px;}
*/
.ind_cs_list .faq_list li textarea{width:100%;height:150px;border-radius:2px;border-width:1px;font-size:15px;}
.ind_cs_list .condition {margin-top:30px;padding:5px 0 10px;text-align:right;}
.ind_cs_list .condition span{position:relative;display:inline-block;padding-left:15px;color:#353738;font-size:15px;}
.ind_cs_list .ing{margin-right:15px}
.ind_cs_list .ing:before{content:"";position:absolute;top:2px;left:5%;width:10px;height:10px;border-radius:50px;background-color:#3da0f2;}
.ind_cs_list .fin:before{content:"";position:absolute;top:2px;left:5%;width:10px;height:10px;border-radius:50px;background-color:#343e5a;}
.ind_cs_list .faq_btn{margin-top:10px;text-align:right;}
.ind_cs_list .faq_btn a{position:relative;display:inline-block;width:60px;height:25px;line-height:25px;padding-left:27px;border-radius:2px;font-size:15px;text-align:left;}
.ind_cs_list .faq_btn .del{border:solid 1px #999da1;color:#999da1;}
.ind_cs_list .faq_btn .del:before{content:"";width:15px;height:15px;position:absolute;top:5px;left:8px;background:url(/images/common/sprite.png) no-repeat -232px -471px;}
.ind_cs_list .faq_btn .mod:before{content:"";width:16px;height:15px;position:absolute;top:5px;left:8px;background:url(/images/common/sprite.png) no-repeat -232px -450px;}
.ind_cs_list .faq_btn .mod{border:solid 1px #3da0f2;color:#3da0f2;}
.ind_cs_list .write_box{width:100%;height:250px;margin-top:10px;border-radius:5px;border-width:1px;}
.cs_info_box{margin-top:25px;padding:2%;background-color:#e3e5e8;color:#353738;font-size:15px;text-align:right;font-weight:bold;}
.cs_info_box span{display:inline-block;width:33%;padding:2% 1%;background-color:#fff;text-align:center;font-weight:400;}
.cs_info_box span:first-child{margin:0 1% 0 15%}
.cs_info_box span i{padding-right:5px;}
.cs_info_box .fa-alarm-clock{font-size:15px;color:#353738;}

.ind_cs_list, .ind_cs_write, .ind_cs_detail {padding:50px 0 100px}
.ind_cs_write .txt_num{padding:5px 0 21px;text-align:right;font-size:15px;color:#999da1;}
.ind_cs_write .txt_num b{display:inline-block;width:49px;color:#f74a53;text-align:right;}
.ind_cs_detail .q_an_wrap{border:solid 2px #e3e5e8;}
.ind_cs_detail .q_an_wrap .que_tit{position:relative;padding:2.2% 2.2% 21px;font-size:21px;color:#353738;}
.ind_cs_detail .q_an_wrap .que_tit:after{content:"";position:absolute;bottom:0;left:2.2%;width:25px;height:1px;background-color:#3da0f2;}
.ind_cs_detail .q_an_wrap .question{margin-top:30px;padding:0 2.2% 2.2%;}
.ind_cs_detail .q_an_wrap .answer_tit{padding:1.3% 2.2%;background-color:#e3e5e8;color:#343e5a;font-size:16px;font-weight:700;}
.ind_cs_detail .q_an_wrap .answer_tit i{margin-right:5px;}
.ind_cs_detail .q_an_wrap .answer{padding:2.2%;}

.cs_con_pf{margin-bottom:50px;padding:1.3% 2%;background-color:#272e43;border-radius:5px;}
.cs_con_pf p{float:left;color:#fff;font-size:21px;font-weight:700;line-height:40px;}
.cs_con_pf .fa-address-card{float:right;font-size:21px;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;background-color:#37405a;border-radius:50%;}
@media (max-width:768px) {
    .ind_cs_list, .ind_cs_write, .ind_cs_detail {padding:20px 0}
}
/* --------------------------------------------
    서비스 이용·가입
    .service_wrap
/* ------------------------------------------ */
.service_wrap{padding-top:30px;}
.service_wrap .join_group{width:100%;padding:3.5%;text-align:center;background-color:#f7f7f7;}
.service_wrap .join_group p{padding-bottom:2px;color:#787878;font-size:15px;}
.service_wrap .join_group div{padding-top:3.5%;text-align:center;}
.service_wrap .join_group div .loginb{display:inline-block;width:20%;padding:3.5% 2% 3%;margin-right:1%;border:solid 1px #d7dade;background-color:#fff;color:#999da1;font-size:30px;border-radius:5px;}
.service_wrap .join_group div a i{display:block;padding-bottom:10%;color:#999da1;font-size:1.5em;}
.service_wrap .join_group div .joinb{display:inline-block;width:20%;padding:3.5% 2% 3%;background-color:#3da0f2;font-size:30px;border-radius:5px;color:#fff;}
.service_wrap .join_group div .joinb i{color:#fff;}
.agree_group{}
.agree_group h4{font-size:16px;}
.agree_group .agree_box{height:250px;margin:15px 0 10px;padding:15px;border:solid 1px #d7dade;overflow:auto;background-color:#fff;}
.agree_group .agree_box h1{padding-bottom:21px;font-size:21px;}
.agree_group .agree_box h2{padding-top:21px;padding-bottom:10px;font-size:16px;}
.agree_group .agree_box h3{padding-bottom:5px;font-size:15px;}
.agree_group .agree_box p{padding-bottom:5px;font-size:15px;line-height:1.2;}
.agree_group .agree_box li{padding-bottom:5px;font-size:15px;}
.agree_group .agree_box ol{padding-left:15px;list-style:decimal;}
.agree_group .agree_box ul{padding-left:15px;list-style:none;}
.liststyleno{list-style:none !important;}
.agree_group .allchk{padding-top:30px;}
/* --------------------------------------------
    서비스안내
    consulting_service
/* ------------------------------------------ */
.consulting_service{position:relative;padding-top:30px;}
.consulting_service .subtit2 p{line-height:1.2;}
.consulting_service .subtit2 h2{line-height:32px;}
.consulting_service .subtit p:before{display:none;}
.consulting_service .guide_box{position:relative;z-index:10;margin-bottom:20px;text-align:right;}
.consulting_service .guide_box a{display:inline-block;margin-left:15px;padding:1% 2%;border:dashed 2px #ccc;border-radius:5px;}
.consulting_service .guide_box a:hover{background:#ccc;transition:.5s;color:#fff;}
.consulting_service .box_w{position:relative;margin-bottom:21px;padding: 2.5%;border:solid 1px #d7dade;border-radius:5px;}
.consulting_service .box_w h3{padding-bottom:15px;line-height:1;color:#6b6e70;font-size:21px;}
.consulting_service .box01 ol li{float:left;width:29%;}
.consulting_service .box01 ol li:nth-child(-n+3){margin-bottom:60px;}
.consulting_service .box01 ol li:nth-of-type(2),.consulting_service .box01 ol li:nth-of-type(5){margin-left:6.5%;margin-right:6.5%;}
.consulting_service .box01 ol li:nth-of-type(6),.consulting_service .box01 ol li:nth-of-type(2) div,.consulting_service .box01 ol li:nth-of-type(5) div{position:relative;}
.consulting_service .box01 ol li:nth-of-type(2) div:before{content:"";position:absolute;top:50%;left:-13%;width:8px;height:13px;margin-top:-6px;background:url(/images/sub/chevron-right.png) no-repeat 0 0}
.consulting_service .box01 ol li:nth-of-type(2) div:after{content:"";position:absolute;top:50%;right:-13%;width:8px;height:13px;margin-top:-6px;background:url(/images/sub/chevron-right.png) no-repeat 0 0}
.consulting_service .box01 ol li:nth-of-type(5) div:before{content:"";position:absolute;top:50%;left:-13%;width:8px;height:13px;margin-top:-6px;background:url(/images/sub/chevron-left.png) no-repeat 0 0}
.consulting_service .box01 ol li:nth-of-type(5) div:after{content:"";position:absolute;top:50%;right:-13%;width:8px;height:13px;margin-top:-6px;background:url(/images/sub/chevron-left.png) no-repeat 0 0}
.consulting_service .box01 ol li:nth-of-type(6):after{content:"";position:absolute;top:-13%;right:50%;width:13px;height:9px;margin-right:-6px;background:url(/images/sub/chevron-bot.png) no-repeat 0 0}
.consulting_service .box01 ol li img{display:block;width:100%;max-width:290px;}
.consulting_service .box01 ol li b{display:block;padding:15px 0 5px;color:#353738;font-size:16px;}
.consulting_service .box01 ol li p{display:block;color:#787878;font-size:15px;line-height:1.2;}
.consulting_service .box01 ol li p strong{display:block;color:#3da0f2;font-size:15px;}

.consulting_service .box02 ol{float:left;width:58%;margin-right:2%;}
.consulting_service .box02 ol li{padding-bottom:25px;padding-left:15px;text-indent:-15px;color:#6b6e70;font-size:15px;}
.consulting_service .box02 ol li strong{color:#3da0f2;font-size:15px;}
.consulting_service .box02 ol li span{display:block;text-indent:0;font-size:15px;}
.consulting_service .box02 div{float:right;width:40%;text-align:right;}
.consulting_service .box02 div img{width:100%;max-width:340px;}

.consulting_service .box_w div img{width:100%;max-width:1055px;}
.consulting_service .box_w ul{margin-top:15px;}
.consulting_service .box_w ul li{position:relative;padding-left:10px;color:#6b6e70;font-size:15px;}
.consulting_service .box_w ul li:before{content:"";position:absolute;top:9px;left:0;width:2px;height:2px;background-color:#6b6e70;border-radius:50%;}
.consulting_service .box_w ul li strong{color:#3da0f2;font-size:15px;}

.consulting_service .box_w.box05{padding-bottom:0;}
.consulting_service .box05 h3 img{vertical-align:baseline}
.consulting_service .box05 div{float:left;width:35%;margin-right:2%;}
.consulting_service .box05 div img{width:100%;max-width:360px;}
.consulting_service .box05 section{float:left;width:63%;padding-top:6%;}
.consulting_service .box05 section img{width:100%;max-width:130px;vertical-align:top;}
.consulting_service .box05 section li{padding-bottom:25px;}
.consulting_service .box05 section p{padding-bottom:10px;color:#353738;font-size:16px;font-weight:700;}
.consulting_service .box05 section p img{vertical-align:baseline}
.consulting_service .box07{margin-bottom:150px;}
.consulting_service .box07 ul{margin-top:0;margin-bottom:15px;}

.consulting_service .box01{margin-top:90px;}
.service_tab_menu{z-index:1;position:absolute; top:0;left:0;width:100%;padding-top:150px;}
.service_tab_menu ul{max-width:1120px;width:100%;margin:0 auto;background-color:#f7f7f7;}
.service_tab_menu li{position:relative;float:left;width:14.28%;text-align:center;}
.service_tab_menu li:before{content:"";position:absolute;top:50%;left:0;width:1px;height:15px;margin-top:-7px;background-color:#ccc;}
.service_tab_menu li:first-child:before{display:none;}
.service_tab_menu li span{display:block;padding:10px 0 11px;border-bottom:solid 3px #f7f7f7;font-size:14px;color:#343e5a;}
.service_tab_menu li.on span{border-bottom:solid 3px #3da0f2;color:#3da0f2;}

/* --------------------------------------------
    개인회원 > 컨설팅 등록
    .add_consulting_wrap
/* ------------------------------------------ */
.subtit{position:relative;margin-bottom:15px;}
.subtit_row2{position:relative;}
.subtit:after, .subtit_row2:after{content:"";display:block;clear:both;}
.subtit h2,.subtit_row2 h2{float:left;font-size:23px;line-height:1;color:#353738;letter-spacing:-1px;}
.subtit p{position:relative;float:left;padding-left:21px;line-height:24px;font-size:15px;color:#999da1;}
.subtit_row2 p{position:relative;padding-left:21px;line-height:20px;font-size:15px;color:#999da1;}
.subtit p:before,.subtit_row2 p:before{content:"";position:absolute;top:10px;left:12px;width:2px;height:2px;margin-top:-1px;background-color:#999da1;}
.subtit_row2 .coment_box{position:relative;float:left;padding-left:21px;line-height:24px;font-size:15px;color:#999da1;}
.subtit_row2 h2{line-height:40px;}
.subtit_row2 .off_ad_num{position:absolute;top:0;right:0;line-height:50px;font-size:16px;}

.ind_cs_request {padding:50px 0 100px}
.add_consulting_wrap{padding-top:30px;}

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


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


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

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


@media (max-width:768px) {
    .ind_cs_request {padding:20px 0}
}
/* --------------------------------------------
    컨설턴트 리스트
    cs_all_list
/* ------------------------------------------ */
.cs_all_list{padding-top:30px;}
.cs_all_list ul{margin-bottom:21px;}
.cs_all_list ul li{position:relative;float:left;width:24%;height:275px;margin-right:1%;margin-bottom:1%;border:solid 1px #c7c7c7;border-radius:3px;text-align:center;}
.cs_all_list ul li a{display:block;padding:7% 0;}
.cs_all_list ul li:nth-child(4n+4){margin-right:0;width:25%;}
.cs_all_list ul li strong{display:block;color:#323232;font-size:22px;font-weight:700;}
.cs_all_list ul li b{display:block;padding:5px 0;color:#4485c7;font-size:15px;}
.cs_all_list ul li p{height:100px;overflow:hidden;border-top:solid 1px #b6b6b6;padding-top:10px;margin:10px 5% 0;color:#2a2a2a;font-size:13px;line-height:1.7;text-align:left;}
.cs_all_list ul li span{display:block;margin:10px 5% 0;font-size:15px;color:#fff;height:40px;line-height:40px;background-color:#3da0f2;border-radius:2px;}
.cs_all_list ul li span .fa-address-card{padding-right:5%;font-size:21px;vertical-align:top;line-height:40px;}
.cs_all_list ul li .pro{position:absolute;top:2%;left:2%;width:33px;height:33px;background:url(/images/sub/cs_mark.png) no-repeat 0 0;background-size:25px;font-size:0;}
.cs_all_list .pf-category{line-height:1;}
.cs_all_list ul li .pf-category span{display:inline-block;width:20px;height:5px;margin:0;line-height:10px;border-radius:2px;}
.cs_all_list .pf-category-sm{margin-bottom:5px;}
.cs_all_list .pf-category-sm span{display:inline-block;width:130px;margin-bottom:5px;padding:5px 8px;border-radius:5px;color:#fff;text-align:center;}
.cs_all_list .viewb{position:absolute;bottom:5%;left:50%;width:90%;margin:0;margin-left:-45%;}
/* --------------------------------------------
    컨설턴트 정보
    consultant_detail_wrap
/* ------------------------------------------ */
.consultant_detail_wrap{padding-top:30px;}
.consultant_detail_wrap .ind_profile{margin-bottom:0;}
.consultant_detail_wrap .ind_profile .pf-category{position:relative;}
.consultant_detail_wrap .ind_profile .btn{position:absolute;bottom:0;right:0;width:auto;height:40px;line-height:40px;padding:0 2%;}
.consultant_detail_wrap .group_program .group_wrap.fixed{padding-top:130px;}
.consultant_detail_wrap .group_program .group_wrap.fixed .srch_cond{top:121px;}
.consultant_detail_wrap .group_wrap{padding-top:40px;}
.consultant_detail_wrap .group_profile .group_wrap{padding-top:30px;}
.consultant_detail_wrap .group_wrap h1{padding:0 0 24px 40px;color:#353738;font-size:23px;font-weight:700;}
.consultant_detail_wrap .group_wrap h1 span{font-weight:400;}

.consultant_detail_wrap .group_program h1:before{top:-4px;width:30px;height:30px;background-position: -200px -325px;}
.consultant_detail_wrap .group_program .srch_cond{position:absolute;top:40px;right:0;}

.consultant_detail_wrap .group_program_list li{position:relative;float:left;width:23.5%;height:100px;border-radius:5px;margin:0 2% 15px 0;-webkit-box-shadow:0 1px 1px 1px #d7d9dd;box-shadow:0 1px 1px 1px #d7d9dd;}
.consultant_detail_wrap .group_program_list li:nth-child(4n+4){margin-right:0;}
.consultant_detail_wrap .group_program_list li.program_get .p_top{background:#76b804}
.consultant_detail_wrap .group_program_list li.program_career .p_top{background:#e34f8e}
.consultant_detail_wrap .group_program_list li.program_found .p_top{background:#7555b8}
.consultant_detail_wrap .group_program_list li .p_top{height:100px;padding:5%;background:#fff;border-radius:5px;}
.consultant_detail_wrap .group_program_list li .p_top p{padding-bottom:15px;color:#fff;font-size:21px;}
.consultant_detail_wrap .group_program_list li .p_top i{color:#fff;font-size:15px;opacity:0.8;}
.consultant_detail_wrap .group_program_list li .p_top .inters{z-index:2;position:absolute;top:21px;right:21px;}

.consultant_detail_wrap .group_profile h1:before{width:30px;height:25px;background-position: -244px -325px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs:nth-of-type(1){margin-top:0;}
.consultant_detail_wrap .group_profile .group_wrap .boxs{position:relative;padding:30px 29px;margin-top:10px;border:solid 1px #d7dade;border-radius:5px;background:#fff;}
.consultant_detail_wrap .group_profile .group_wrap .boxs h2{padding-bottom:21px;color:#353738;font-size:21px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs h2 .cblue2{position:relative;display:inline-block;padding-left:19px;font-size:15px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs h2 .cblue2:before{content:"";position:absolute;top:2px;left:9px;width:1px;height:13px;background:#d7dade;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory h2{padding-bottom:29px;margin-bottom:30px;border-bottom:solid 1px #e6e9ed;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .category{position:absolute;top:21px;left:180px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .category span{display:inline-block;height:40px;margin-right:1px;padding:0 15px;line-height:40px;border-radius:5px;color:#fff;text-align:center;font-size:15px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .col01{float:left;width:50%;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .col02{position:relative;float:left;width:50%;padding-left:30px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .colwrap{position:relative;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .colwrap:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:#e6e9ed;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory div h3{padding-bottom:21px;color:#6b6e70;font-size:15px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory div li{float:left;height:40px;margin:0 5px 5px 0;padding:0 10px;line-height:40px;color:#353738;font-size:15px;text-align:center;background:#d7ebfc;border-radius:3px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_corporation h2{padding-bottom:30px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_corporation li{float:left;width:200px;height:60px;margin:0 1% 15px 0;line-height:60px;color:#353738;font-size:16px;text-align:center;background:#fff;border-radius:5px;border:solid 1px #d7dade;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_corporation li:nth-child(5n+5){margin-right:0;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_corporation li img{height:60px;vertical-align:top;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_logout{padding:60px 0;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_logout p{padding-top:70px;color:#bbc0c4;text-align:center;background:url(/images/sub/icon_key.png) no-repeat center 0;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_level h2{padding-bottom:15px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_level .font_sm{font-weight:400;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_level ul.block2{margin-bottom:10px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_level ul.block2 li{float:left;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_level ul.block2 li:first-child{width:30%;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_level ul.block2 li .gray{color:#6b6e70;font-size:15px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_level ul.block2 li .bold{line-height:1;}

.consultant_detail_wrap .group_profile .group_wrap .boxs.c_career h2{padding-bottom:10px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_career .txt{padding-top:11px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_career .txt:first-child{padding-top:0;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_career .txt span{display:inline-block;margin-right:10px;color:#999da1;font-size:15px;line-height:1.5;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_career .txt b{display:inline-block;color:#6b6e70;vertical-align:top;font-size:15px;line-height:1.5;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_career ul li{float:none;width:100%;padding:2%;margin-bottom:1%;border-radius:5px;border:solid 1px #e3e5e8;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_career ul li i{display:inline-block;margin-right:20px;padding-bottom:4px;color:#6b6e70;font-size:15px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_career ul li span{display:inline-block;}

.consultant_detail_wrap .group_profile .group_wrap .boxs.c_license li:nth-child(4n+4){margin-right:0;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_license li{position:relative;float:left;width:23.5%;margin:0 2% 13px 0;padding:0 2%;border:solid 1px #dbdee1;border-radius:5px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_license li p{display:table;height:80px;color:#353738;font-weight:700;line-height:1.2;overflow:hidden;font-size:15px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_license li p span{display:table-cell;vertical-align:middle;color:#353738;font-weight:700;line-height:1.2;overflow:hidden;height:80px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li:nth-child(4n+4){margin-right:0;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li{position:relative;float:left;width:23.5%;;margin:0 2% 13px 0;padding:0 2% 0 7%;border:solid 1px #dbdee1;border-radius:5px;background:url(/images/sub/c_tool.png) no-repeat 21px center;overflow:hidden;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li p{display:table;height:80px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li p span{display:table-cell;vertical-align:middle;color:#353738;font-weight:700;line-height:1.2;overflow:hidden;height:80px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_record div{position:relative;padding-top:16px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_record div p{color:#6b6e70;font-size:15px;line-height:1.46;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_record div:before{content:"";position:absolute;top:0;left:0;width:25px;height:1px;background:#3da0f2;}

.consultant_detail_wrap .group_profile .group_wrap .boxs.c_history ul li{float:left;width:255px;margin-left:13px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_history ul li:first-child{margin-left:0;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_history ul li div{padding:17px 0 0 19px;border:solid 1px #d7dade;border-top:none;border-radius:0 0 5px 5px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_history ul li div strong{display:block;height:48px;overflow:hidden;color:#353738;font-weight:700;line-height:1.5;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_history ul li div p{padding:4px 0 15px;color:#6b6e70;font-size:15px;}
.consultant_detail_wrap .group_profile .group_wrap .boxs.c_history ul li div b{display:block;padding-bottom:21px;color:#187bcc;font-size:15px;}

.consultant_detail_wrap .group_review{min-height:630px;padding-bottom:50px;background:#e6e9ed;}
.consultant_detail_wrap .group_review h1:before{width:30px;height:30px;background-position: -285px -325px;}
.consultant_detail_wrap .group_review .score_box{height:121px;padding:35px 0 0 0;background:#4f5a78;border-radius:5px;}
.consultant_detail_wrap .group_review .score_box span{position:relative;float:left;width:20%;text-align:center;}
.consultant_detail_wrap .group_review .score_box span b{display:block;padding-top:17px;font-size:26px;color:#fff;}
.consultant_detail_wrap .group_review .score_box span:before{content:"";position:absolute;top:0;left:0;width:1px;height:60px;background:#66708a;}
.consultant_detail_wrap .group_review .score_box span:first-child:before{display:none;}
.consultant_detail_wrap .group_review .group_review_list{margin-top:10px;padding:0 30px;background:#fff;border-radius:5px;}
.consultant_detail_wrap .group_review .group_review_list li{position:relative;padding:30px 0;border-top:solid 1px #e6e9ed}
.consultant_detail_wrap .group_review .group_review_list li:first-child{border-top:none}
.consultant_detail_wrap .group_review .group_review_list li:after{content:"";display:block;clear:both;}
.consultant_detail_wrap .group_review .group_review_list li .left_box{float:left;padding-left:64px;}
.consultant_detail_wrap .group_review .group_review_list li .left_box b{display:block;padding:7px 0 11px;color:#6b6e70}
.consultant_detail_wrap .group_review .group_review_list li .left_box span{display:block;color:#999da1;font-size:15px;}
.consultant_detail_wrap .group_review .group_review_list li .left_box figure{position:absolute;top:30px;left:-16px;width:78px;height:50px;overflow:hidden;text-align:center;background:#fff;}
.consultant_detail_wrap .group_review .group_review_list li .left_box figure:after{content:"";position:absolute;top:0;left:0;width:78px;height:50px;background:url(/images/sub/group_review_profile_bg.png) no-repeat 0 0;}
.consultant_detail_wrap .group_review .group_review_list li .left_box figure img{height:50px;overflow:hidden;}
.consultant_detail_wrap .group_review .group_review_list li .right_box{float:right;width:882px;}
.consultant_detail_wrap .group_review .group_review_list li .right_box p{padding-top:13px;line-height:1.5;color:#353738;}
.consultant_detail_wrap .group_review .group_review_list .pagenate #paging{padding:30px 0;border-top:solid 1px #e6e9ed;}
.consultant_detail_wrap .group_review .group_review_list .review_list_empty{padding:132px 0 63px;color:#bbc0c4;text-align:center;background:url(/images/sub/icon_review_empty.png) no-repeat center 60px;}
.consultant_detail_wrap .group_review .noti_style01{padding-top:45px;}
.consultant_detail_wrap .group_review .noti_style01 li{letter-spacing:-0.7px;color:#6b6e70;font-size:15px;line-height:1.7;}
/* --------------------------------------------
    서비스 가입 > 기본 프로필 등록
    profile_wrap
/* ------------------------------------------ */
.profile_wrap{padding:50px 0}
.profile_wrap .big_title{position:relative;margin:60px 0 21px;}
.profile_wrap .big_title:after{content:"";display:block;clear:both;}
.profile_wrap .big_title h1{float:left;color:#353738;font-size:23px;font-weight:700;}
.profile_wrap .big_title h1 i{display:inline-block;padding-left:7px;font-weight:700;}
.profile_wrap .big_title .coment_box{float:left;margin-left:22px;color:#999da1;font-size:15px;}
.profile_wrap .big_title .coment_box2{float:left;margin:5px 0 0 22px;color:#999da1;font-size:15px;}
.profile_wrap .big_title .coment_box p:first-child{padding-bottom:7px;}
.profile_wrap .big_title .mark{position:absolute;bottom:0;right:0;color:#6b6e70;font-size:13px;}
.profile_wrap .head_box{padding:15px 0;background:#fff;border:solid 1px #d7dade;border-radius:5px;text-align:center;}
.profile_wrap .head_box strong{display:inline-block;padding-right:26px;color:#353738;font-size:21px;}
.profile_wrap .head_box.hb1 .ui_select{display:inline-block;text-align:left;}
.profile_wrap .head_box.hb1 .ui_select:nth-of-type(2){margin:0 16px 0 6px;}
.profile_wrap .head_box.hb1 label{color:#6b6e70}
.profile_wrap .head_box.hb2{background:#e6e9ed;}
.profile_wrap .head_box.hb2 input{background:#f5f6f7;color:#bbc0c4;}
.profile_wrap .head_box.hb2 .um{padding:0 1px;}
.profile_wrap .head_box.hb2 span:last-child{padding-left:10px;color:#6b6e70;font-size:15px;}
.profile_wrap .head_box.hb3{padding:19px 0;margin-top:10px;background:#e6e9ed;}
.profile_wrap .head_box.hb3 .ui_select{display:inline-block;margin:0 1px 0 6px;text-align:left;}
.profile_wrap .head_box.hb3 .um{padding:0;}
.profile_wrap .head_box.hb4{padding:29px 0;}
.profile_wrap .head_box.hb4 label{margin-right:26px;}
.profile_wrap .csp_form02 .head_box2 .hb1{float:left;width:321px;margin-right:10px;padding:15px 0;background:#fff;border:solid 1px #d7dade;border-radius:5px;text-align:center;}
.profile_wrap .csp_form02 .head_box2 label{line-height:50px;vertical-align:top;}
.profile_wrap .csp_form02 .head_box2 input{vertical-align:top;background:#f5f6f7;color:#bbc0c4;}
.profile_wrap .csp_form02 .head_box2 .um{vertical-align:top;}
.profile_wrap .csp_form02 .head_box2 .hb2{float:left;width:790px;padding:15px 0;background:#e6e9ed;border:solid 1px #d7dade;border-radius:5px;text-align:center;}
.profile_wrap .csp_form02 .head_box2 strong{display:inline-block;line-height:50px;padding-right:26px;color:#353738;font-size:21px;}
.profile_wrap .mid_title{position:relative;}
.profile_wrap .mid_title h2{color:#353738;font-weight:700;line-height:30px;}
.profile_wrap .mid_title h2 b{display:inline-block;padding-left:4px;font-weight:700;}
.profile_wrap .mid_title h2 .cblack3{position:relative;color:#999da1;font-size:15px;padding-left:21px;font-weight:400;}
.profile_wrap .mid_title h2 .cblack3:before{content:"";position:absolute;top:2px;left:10px;width:1px;height:13px;background:#d7dade;}
.profile_wrap .mid_title div{position:absolute;top:0;right:0;padding-bottom:5px;}
.profile_wrap .mid_title div>button{}

.first_year{width:80px;}
.last_year{width:80px;}
.first_month{width:60px;}
.last_month{width:60px;}
.h_comp_ing{width:50px;}

.mypage .big_title{position:relative;margin:60px 0 21px;}
.mypage .big_title:after{content:"";display:block;clear:both;}
.mypage .big_title h1{float:left;color:#353738;font-size:23px;font-weight:700;}
.mypage .big_title h1 i{display:inline-block;padding-left:7px;font-weight:700;}
.mypage .big_title .coment_box{float:left;margin-left:22px;color:#999da1;font-size:15px;}
.mypage .big_title .coment_box2{float:left;margin:5px 0 0 22px;color:#999da1;font-size:15px;}
.mypage .big_title .coment_box p:first-child{padding-bottom:7px;}
.mypage .big_title .mark{position:absolute;bottom:0;right:0;color:#6b6e70;font-size:13px;}
.mypage .head_box{padding:15px 0;background:#fff;border:solid 1px #d7dade;border-radius:5px;text-align:center;}

.mid_title{position:relative;}
.mid_title h2 {color:#353738;font-weight:700;line-height:30px;}
.mid_title h2 b{display:inline-block;padding-left:4px;font-weight:700;}
.mid_title h2 .cblack3{position:relative;color:#999da1;font-size:15px;padding-left:21px;font-weight:400;}
.mid_title h2 .cblack3:before{content:"";position:absolute;top:2px;left:10px;width:1px;height:13px;background:#d7dade;}
.mid_title div{position:absolute;top:0;right:0;padding-bottom:5px; display:flex; flex-direction: row; justify-content: space-around;}
.mid_title div>button:nth-child(1){margin-right: 3px;}

.btn_reset{position:relative;padding:4px 8px 5px 27px;font-size:12px!important;color:#187bcc;border:solid 1px #b5d8f7}
.btn_del{position:relative;padding:4px 8px 5px 27px;font-size:12px!important;color:#f74a53;border:solid 1px #f2ced0}
.btn_reset:before{top:7px;left:8px;width:15px;height:10px;background-position:-155px -288px;}
.btn_del:before{top:7px;left:11px;width:8px;height:8px;background-position:-187px -288px;}
.profile_wrap .box_w{margin-top:10px;padding:0 29px 29px;border-radius:5px;border:solid 1px #d7dade;background:#fff;}
.profile_wrap .box_w section.group{padding-top:25px;}
.profile_wrap table{margin-bottom:0;}
.profile_wrap table .ui_select{float:left;}
.profile_wrap table tr.iptp td,.profile_wrap table tr td{padding:10px 1% 9px}
.profile_wrap table tr td input{width:100%;}
.profile_wrap table tr td .ipt01{width:100%;}/* text */
.profile_wrap table tr td .ipt02{width:100%;}/* select */
.profile_wrap table tr td .ipt03{width:25%;}/*  */
.profile_wrap table tr td .ipt04{width:25%;}/* 전역예정일 */
.profile_wrap table tr td .ipt05{width:15%;}/* 재학기간 */
.profile_wrap table tr td .ipt06{width:30%;}/* 선택사항 접수급수취득년도 */
.profile_wrap table tr td .ipt07{width:50%;}/*  */
.profile_wrap table tr td select{width:100%;}
.profile_wrap table td.bein div{float:left;width:50%;}
.profile_wrap table td.bein div input[type="text"],.profile_wrap table td.bein div input[type="number"]{width:20%;}
.profile_wrap table td.bein div .ui_select{width:45%;}
.profile_wrap table td.bein div .ui_select select{width:100%;}
.profile_wrap table td.bein div:after{content:"";display:block;clear:both;}
.profile_wrap table tr th{width:20%;}
.profile_wrap table input{float:left;}
.profile_wrap table span{float:left;}
.profile_wrap table .btn_splus img{}
.profile_wrap table .txt_s{padding-left:15px;line-height:50px;}
.profile_wrap table .txt_s2{padding-left:15px;line-height:50px;color:#353738;font-size:15px;}
.profile_wrap table .txt_s label{color:#6b6e70}
.profile_wrap table .txt_s3{line-height:50px;}
.profile_wrap table .txt_s3 label{margin-right:26px;}
.profile_wrap table .txt_s4{line-height:50px;margin-right:15px;}
.profile_wrap table .ui_tag{clear:both;padding-top:10px;}
.profile_wrap table .ui_company{clear:both;padding-top:10px;}
.profile_wrap table th.smheight{line-height:1.5;padding:10px 0;}
.profile_wrap .group_plus{position:relative;width:auto;padding-left:42px;padding-right:15px;text-align:left;}
.profile_wrap .group_plus:before{content:"";position:absolute;top:15px;left:15px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -401px -7px;}
.profile_wrap .group_plus:hover:before{left:15px;background-position:-424px -7px;}
.profile_wrap .txt_num{position:absolute;top:10px;right:0;font-size:15px;color:#999da1;}
.profile_wrap .txt_num b{display:inline-block;width:33px;color:#f74a53;text-align:right;}
.profile_wrap .csp_form05 textarea{border-radius:2px;height:200px;}

/* profile_add - 최슬비 */
.tb_row02 tbody th {padding:16px 0 16px 0;}
.tb_row02 tbody tr td {padding:9px 0 9px 20px;}
.wrap_account div .tb_row02 tbody td input {padding:0 0 0 12px;height:50px;}
.wrap_account div .tb_row02 tbody td fieldset label {font-size:16px;line-height:18px;}
.wrap_account div .tb_row02 tbody td fieldset span {font-size:14px;}
.wrap_account div .csp_form02 .head_box2 .hb1 .hab strong {margin-right:10px;}
.wrap_account div .csp_form02 .head_box2 .hb1 .hab input {padding:0 12px;height:50px;}
.group div .tb_row02 tbody .iptp .line_1_m #co_div select {height:50px;}
.group div .tb_row02 tbody .iptp .line_1_m #co_div select option {height:20px;}
.group div .tb_row02 tbody .iptp td {padding:0;margin:0;}
.group div .tb_row02 tbody .iptp td select {margin-right:10px;height:50px;}
.group div .tb_row02 tbody .iptp td select.mr0{margin-right: 0;}
.group div .tb_row02 tbody .iptp .line_1_m #co_div .last_month {margin-left:5px;}
.group div table tbody .iptp textarea {padding:12px 12px;margin:0;width:100%;line-height:23px;overflow:hidden;}
#career_box {padding:25px 29px 29px 29px;background:#fff;border: solid 1px #d7dade;}
#sub_profile #career_form .group:nth-child(3)>div .tb_row02 tbody .iptp td input {width:100%;}
#h_comp_ing01 #h_comp_ing0 option {font-size:16px;}
/*.sform2, .sform2 option {font-size:16px;height:50px;max-height:200px;overflow:auto;} */ 
.iptp td select option {padding:17px;;color:#353738;}
.option.selected {background:#3da0f2;color:#fff;}
.career_form {}
#sub_profile .btn_area .btn_corp {margin-top:30px;}
#btn_career {width:auto;padding:0 15px 0 42px;font-weight:700;}
/* #co_div input:nth-child(1),
#co_div input:nth-child(2),
#co_div input:nth-child(4),
#co_div input:nth-child(5),
#co_div select:nth-child(6){margin-bottom:10px;}
#co_div select:nth-child(6){margin-right:0; margin-bottom:10px;} */

#co_div.co_divFlex{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;}
#co_div.co_divFlex div{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;}

@media screen and (max-width:510px) {
#co_div.co_divFlex div:nth-child(1){margin-bottom: 10px;}
}



/* 취업준비 Self Check List - 최슬비 */
#sub_profile .big_title{padding:30px 0 30px 0;margin:0;width:100%;}
#sub_profile .big_title p:nth-child(1){padding-bottom:20px;text-align:center;font-family:'Noto Sans KR Regular', 'NanumGothic', '나눔고딕', 'sans-serif';font-size:24px;font-weight:bold;color:#353738;}
#sub_profile .big_title p:nth-child(1)>span{color:#187bcc;font-weight:bold;}
#sub_profile .big_title p:nth-child(1)>img{margin-left:10px;width:22px;height:20px;}
#sub_profile .big_title p{text-align:left;padding-bottom:5px;font-family:'NanumGothic', '나눔고딕', 'sans-serif';font-size:13px;color:#999da1;}
#sub_profile .career_box div .career_form .group div table tbody tbody tr td input {height:50px;}
#sub_profile .career_box div .career_form .group div table tbody tbody tr td input:nth-child(2){width:300px;margin-left:5px;}
#sub_profile .career_box div .career_form .group div table tbody tr {height:100%;}
#sub_profile .career_box div .career_form .group div table tbody tr .iptp td{padding-left:10px;}
#sub_profile .career_box div .career_form .group div table tbody .iptp textarea {width:100%;overflow:auto;}
#sub_profile .career_box div .career_form .group div table tbody tr td textarea{padding:12px;width:100%;overflow:auto;}
#sub_profile .career_box div .career_form .group div textarea{padding:12px;width:100%;height:100px;}
#career_box #career_form section div table tbody td:nth-child(1) {padding:10px 20px 9px 0;}
#career_box #career_form section div table tbody tr td {padding:10px 10px 9px 20px;}
#career_box #career_form section div table tbody tr td input{padding:0 12px;height:50px;}
#career_box #career_form section div table tbody tr td input.sol {width:204px;}

@media screen and (max-width:768px){
#career_box #career_form section div table tbody tr td input.sol {width:100%;}
}

#i_weaknesses {width:100%;height:100px;}
#i_license, #i_foreign, #i_work, #i_parttime{height:100px;overflow:auto;line-height:21px;}
.mid_title h2 {height:30px;padding-bottom:10px;color:#353738;font-weight:700;line-height:30px;font-family:'NanumGothic', '나눔고딕', 'sans-serif';}
.cOrange{color:#ff8000;}
.in_width{width:100%;}
.hope_money {margin-right:13px;margin-left:13px;}
.hope_list_other {margin-left:13px;}
#career_box #career_form section div table tbody tr td #co_div.cellWrap .coCell{display: inline-block;}
#career_box #career_form section div table tbody tr td #co_div.cellWrap .coCell:nth-child(1){padding-bottom: 10px;}

@media (max-width:768px){
	.tb_row02 tbody th{padding:16px 10px 16px 10px;}
     .tb_row02 tbody tr td{padding:10px 0px 10px 0px;}
	.btn {margin:0 auto;width:200px;}
	.btnArea button {margin:0 auto;}
	#sub_profile .btn_area .btn_corp {margin:0 auto;margin-top:20px;width:200px;height:40px;text-align:center;line-height:40px;font-weight:700px;}
	#sub_profile .btn_area .btn {margin-top:20px;width:200px;height:40px;text-align:center;line-height:40px;font-weight:700px;}
	#career_box {padding:10px 10px 15px 10px;}
	#career_box #career_form section div table tbody tr td {padding:10px 0px 10px 0px;}
	/* #career_box #career_form section div table tbody td:nth-child(1) {padding-left:10px;}
	#career_box #career_form section div table tbody td:nth-child(2) {padding-left:10px;} */


    #career_box #career_form section div table tbody tr td input.chk20{height:20px;}
    
    #career_box #career_form section div table tbody tr td input.full {width:100%;}
    #career_box #career_form section div table tbody tr td.noPd{padding:0;}
    #career_box #career_form section div table tbody tr td.flex{display: flex; justify-content: space-between;}
    .group div .tb_row02 tbody .iptp .line_1_m #co_div .last_month{margin-left: 0;}

    #career_box #career_form section div table tbody tr td #co_div.cellWrap{display:flex; align-items: center; justify-content: space-between; flex-wrap:wrap;} 
    #career_box #career_form section div table tbody tr td #co_div.cellWrap .coCell{padding:10px 0;}
    .group div .tb_row02 tbody .iptp td select.full{width:100%;}
    .group div .tb_row02 tbody .iptp td select.half{width:calc(50% - 10px);}
    .group div .tb_row02 tbody .iptp td select.half.mr0 {margin-right: 0;}


	.btnArea_r {display:table;}
	#btn_career {float:right;padding:0 15px 0 42px;height:40px;font-size:14px;line-height:30px;}	
	.in_width{width:100%;}
	
}

@media (max-width:503px){
    #career_box #career_form section div table tbody tr td #co_div.cellWrap{display:flex; align-items: center; justify-content: flex-start; flex-wrap:wrap;}
    #career_box #career_form section div table tbody tr td #co_div.cellWrap .coCell:nth-child(1){padding:10px 0 0 0;} 
    #career_box #career_form section div table tbody tr td #co_div.cellWrap .coCell:nth-child(2){padding:10px 0 0 0;} 
}

@media (max-width:338px){
    /* .group div .tb_row02 tbody .iptp td #co_div select {margin-right: 0; margin-top: 10px;} */
}

/* 플로팅이벤트배너(공채) */
#evt_floating{z-index:300;position:fixed;bottom:30%;right:50%;margin-right:-708px;}
#evt_floating .ban_opn{display:none;position:fixed;top:50%;right:50%;margin:-369px -600px 0 0px;height:738px;overflow:auto;}
#evt_floating .ban_clse{cursor:pointer;}
#evt_floating .ban_opn .close_x{z-index:999;position:absolute;top:5px;right:5px;cursor:pointer;}

.top {height: 245px; background: url(/images/sub/consult_header01.jpg) no-repeat center 0 / cover;}
.top h3, .top h4 {font-size: 0; opacity: 0}
.c_process {max-width: 1120px; margin: 35px auto 30px; background: #fff; border-radius: 5px; border: 1px solid #D7DADE}
.c_process .c_process_txt {padding: 30px 30px 0;border-bottom: 1px solid #E5E9ED}
.c_process .c_process_txt .title{}
.c_process .c_process_txt p {color: #3da0f3; font-size: 1rem; font-weight: bold; margin: 30px 0 0 0;}
.c_process .c_process_txt .c_img_group{text-align: center; padding-bottom: 20px}
.c_process .c_process_txt .c_img_group img {margin-right: 10px; margin-top: 30px}
.c_process .c_process_txt .c_img_group img:last-child {margin-right: 0}
.c_process .c_process_toggle{padding: 10px 0; text-align: center; width: 100%; }
.c_process .c_process_toggle .toggle{color: #999da1; font-size: 14px}
.c_process .c_process_toggle .toggle span:before {content: '';display: inline-block;width: 39px;height: 13px; background: url(/images/sub/consult_ic.png) no-repeat 0 center;}
.c_process .c_process_toggle .toggle.open span:before {content: '';display: inline-block;width: 51px;height: 15px; background: url(/images/sub/consult_ic_open.png) no-repeat 0 center;}

/* 캠퍼스코치잡 - 코칭신청 */
.ind_cs_request .ind_profile{margin-top:0;}
.ind_cs_request .ind_profile p{display:inline-block;margin-left:3px;}
.ind_cs_request .ind_profile .pf-box{display:inline-block;font-size:21px;border-bottom:none;}
.ind_cs_request .ind_profile .pf-box b{display:inline-block;font-size:21px;}
.ind_cs_request .ind_profile .pf-box strong{padding:0;margin:0;font-size:21px;color:#000;border:none;background:#fff;}
.ind_cs_request .ind_profile .pf-box span{display:inline-block;}
.ind_cs_request .ind_profile .pf-txt{font-size:14px;color:#787878;line-height:40px;}
.ind_cs_request .ind_profile .pf-category{display:inline-block;}
.ind_cs_request .ind_profile .pf-category .cate_get,
.ind_cs_request .ind_profile .pf-category .cate_career,
.ind_cs_request .ind_profile .pf-category .cate_found{display:inline-block; padding:10px 15px;margin-right:4px;font-size:15px;;color:#fff;border-radius:2px;line-height:40px;}
.ind_cs_request .add_consulting_wrap .csp_select{margin-bottom:20px;}
.ind_cs_request .add_consulting_wrap .c_process{margin-top:20px;}
.ind_cs_request .add_consulting_wrap .mb40{margin-bottom:20px;}
.ind_cs_request .add_consulting_wrap .consulting_write{position:relative;top:-25px;padding:0;}
.ind_cs_request .add_consulting_wrap .consulting_write .txt_num{padding:0 0 10px 0;}
.ind_cs_request .add_consulting_wrap .consulting_write .file_wrap #option_td{margin-bottom:10px;}
.ind_cs_request .add_consulting_wrap .subtit>p{color:#787878;}
.ind_cs_request .add_consulting_wrap section select{color:#999da1;}
.ind_cs_request .add_consulting_wrap textarea{margin-top:15px;}
.ui_select select{color:#787878;}
.c_process .c_process_txt img{display:inline-block;margin-right:5px;vertical-align:bottom;}
.c_process .c_process_txt p:nth-child(2){display:inline-block;color:#000;font-size:17px;font-weight:bold;margin:0;}
.c_process .c_process_txt p:nth-child(2)>span{color:#3da0f3;font-size:17px;font-weight:bold;margin:0;}
.c_process .c_process_txt p:nth-child(3){color:#787878;font-size:16px;font-weight:lighter;margin:20px 0 20px 0;line-height:30px;}
.c_process .c_process_toggle{padding:10px 0;text-align:center;width:100%;cursor:pointer;}

@media (max-width:768px){
	.ind_cs_request .ind_profile .pf-category{display:block;}
	.ind_cs_request .ind_profile .pf-box{padding:0;}
	.ind_cs_request .ind_profile .pf-box b{margin:0;}
	.ind_cs_request .ind_profile .pf-box strong{display:inline-block;}
	.ind_cs_request .ind_profile .pf-txt{line-height:20px;}

    .ind_cs_request .ind_profile .pf-category .cate_get,
.ind_cs_request .ind_profile .pf-category .cate_career,
.ind_cs_request .ind_profile .pf-category .cate_found{    
    height: 30px;
    margin-right: 2px;
    padding:0 10px;
    font-size: 12px;
    line-height: 30px;}
}
/* --------------------------------------------
    개인회원 > 취업현황 관리
    individual_condition
/* ------------------------------------------ */
.individual_condition {padding:50px 0 100px}
.individual_condition 
/*.individual_condition .subtit{margin-bottom:45px;}*/
.individual_condition .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.individual_condition .sec01 div{float:left;width:100%;padding:3%;border-radius:5px;border:solid 1px #d7dade;background-color:#fff}
.individual_condition .sec01 div h3{padding-bottom:21px;color:#6b6e70;font-size:21px;font-weight:normal}
.individual_condition .sec01 div li{float:left;width:24%;margin-right:1%;height:110px;border-radius:5px;border:solid 1px #d7dade;text-align:center;}
.individual_condition .sec01 div li.on{background-color:#3da0f2;}
.individual_condition .sec01 div li a {display:block}
.individual_condition .sec01 div li b{color:#999da1;font-size:16px;font-weight:400}
.individual_condition .sec01 div li.on b{color:#fff;}
.individual_condition .sec01 div li.on i{color:#fff;}

.individual_condition .fa-check-circle{display:block;padding:27px 0 10px;font-size:1.8em;color:#999da1;}
.individual_condition .fa-list-alt{display:block;padding:27px 0 10px;font-size:1.8em;color:#999da1;}
.individual_condition .fa-file-alt{display:block;padding:27px 0 10px;font-size:1.8em;color:#999da1;}
.individual_condition .fa-spinner{display:block;padding:27px 0 10px;font-size:1.8em;color:#999da1;}
.individual_condition .sec01 .right-b{float:right;width:44%;}
.individual_condition .sec01 .right-b li{width:49%;height:90px;line-height:90px}
.individual_condition .sec01 .right-b li.on{border-color:#99c6f4;background-color:#fff;}
.individual_condition .sec01 .right-b li b{font-size:21px;}
.individual_condition .sec01 .right-b li.on b{color:#3da0f2;}
.individual_condition .center_txt{padding:30px 0;text-align:center;color:#787878;font-size:15px;}
.individual_condition .center_txt .fa-angle-down{display:block;font-size:23px;font-weight:bold;}
.individual_condition .input_wrap{padding:3%;border-radius:5px;border:solid 1px #d7dade;background-color:#fff}
.individual_condition .input_wrap li{float:left;width:48%;margin-bottom:3%}
.individual_condition .input_wrap li:nth-child(even){margin-left:4%;}
.individual_condition .input_wrap li:nth-of-type(1) input{width:25%}
.individual_condition .input_wrap li:nth-of-type(5) input{width:55%}
.individual_condition .input_wrap li input[type="radio"]{width:5%;height:16px;}
.individual_condition .input_wrap li label{color:#2a2a2a;font-size:15px;}
.individual_condition .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}
.individual_condition .input_wrap li input,.individual_condition .input_wrap li select{width:100%;}
.individual_condition .input_wrap .mid_title {margin-bottom:10px}
.individual_condition .big_title {position:relative;margin:40px 0 15px}
.individual_condition .big_title:after {content:"";display:block;clear:both;}
.individual_condition .big_title h1 {float:left;color:#353738;font-size:24px;font-weight:700;}
.individual_condition .big_title h1 i {display:inline-block;padding-left:7px;font-weight:700;}
.individual_condition .big_title .coment_box {float:left;margin-left:22px;color:#999da1;font-size:14px;}
.individual_condition .big_title .coment_box2 {float:left;margin:5px 0 0 22px;color:#999da1;font-size:16px;}
.individual_condition .big_title .coment_box p:first-child{padding-bottom:7px;}
.individual_condition .big_title .mark {position:absolute;bottom:0;right:0;color:#6b6e70;font-size:13px;}
.individual_condition .group_condition + .group_condition {margin-top:20px}
/* --------------------------------------------
    오프상담 일지
    off_advice
/* ------------------------------------------ */
.off_advice{padding-top:30px;}
.off_advice .sec01 p{padding-bottom:13px;color:#787878;font-size:15px;}
.off_advice .input_wrap {padding:3%;border-radius:5px;background-color:#fff;border:solid 1px #d7dade;}
.off_advice .input_wrap li{float:left;width:48%;margin-bottom:3%}
.off_advice .input_wrap li:nth-child(even){margin-left:4%;}
.off_advice .input_wrap li:nth-of-type(1) input{width:25%}
.off_advice .input_wrap li:nth-of-type(2) input{width:22%}
.off_advice .input_wrap li select{width:100%}
.off_advice .input_wrap li textarea{width:100%;height:150px;}
.off_advice .input_wrap li:nth-of-type(8) input{width:25%}
.off_advice .input_wrap li:nth-of-type(7){width:100%;}
.off_advice .input_wrap li:nth-of-type(8){margin-left:0}
.off_advice .input_wrap li:nth-of-type(9){margin-left:4%}
.off_advice .input_wrap li input[type="radio"]{width:5%;height:16px;}
.off_advice .input_wrap li label{color:#2a2a2a;font-size:15px;}
.off_advice .input_wrap li div{padding-bottom:10px;font-size:15px;color:#787878;}
.off_advice .fld_num_period .tf_num {width:30%}
.off_advice .fld_num_time .tf_num {width:22%}
.off_advice .advice_title {width:98%}
.off_advice .next_advice_title {width:96%}
.off_advice .advice_content {width:98%;height:300px;margin:15px 0}
.chs_list .chs_srch_btn{background-color:#ccc;border-radius:0;vertical-align:top;margin-left:-1px;padding:0 15px !important;text-align:center;color:#fff !important;font-size:14px !important;}
.cs_off_advice_list li {margin-top:10px;padding:2% 3%;border:solid 1px #bbc0c4;border-radius:5px}
.cs_off_advice_list li:first-child {margin-top:0}
.cs_off_advice_list li:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.cs_off_advice_list li span b {font-weight:normal}
.cs_off_advice_list .sec01_in2_bot {display:block; float:left;}
.cs_off_advice_list .sec01_in2_bot .date {position:relative;padding-left:20px}
.cs_off_advice_list .sec01_in2_bot .date:before {content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -321px -8px}
.cs_off_advice_list .sec01_in2_bot .name {background:url(/images/sub/bar01.png) no-repeat 6px 3px}
.cs_off_advice_list .sec01_in2_bot2 {display:block;}
.cs_off_advice_list .sec01_in2_bot2 .name2 {background:url(/images/sub/bar01.png) no-repeat 6px 3px;}
.cs_off_advice_list .sec01_in2_bot2 .name2.finish {color:#3da0f2;}
.cs_off_advice_list .sec01_in2_bot .school {position:relative;padding-left:33px;background:url(/images/sub/bar01.png) no-repeat 6px 3px}
.cs_off_advice_list .sec01_in2_bot .school:before {content:"";position:absolute;top:0;left:17px;width:16px;height:16px;background:url(/images/common/sprite.png) no-repeat -481px -8px}
.cs_off_advice_list .sec02 {margin-top:2%;padding-top:2%;border-top: solid 1px #d7dade}
.cs_off_advice_list .sec02:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.cs_off_advice_list .sec02_in_left {float:left}
.cs_off_advice_list .sec02_in_left .list_cnt_count .item_count {display:block}
.cs_off_advice_list .sec02_in_right {float:right}
.cs_off_advice_list .sec02_in_right .link_write {display:inline-block;padding:10px;font-size:15px;color:#a4a9af;line-height:1em;text-align:center;border:solid 2px #d7dade;border-radius:5px;background-color:#fff;}
.cs_off_advice_list .sec02_in_right .link_write i {margin-right:3px;font-size:11px;color:#ccc}
.cs_off_advice_list .sec02_in_right .link_write:hover,
.cs_off_advice_list .sec02_in_right .link_write:hover * {color:#3da0f2}
.cs_off_advice_list .sec02_in_right .link_write:hover,
.cs_off_advice_list .sec02_in_right .link_write.finish {border-color:#3da0f2}
.cs_off_advice_list .sec02_in_right .link_write.finish {color:#fff;background-color:#3da0f2}
.cs_off_advice_list .sec02_in_right .link_write.finish i {color:#fff}
/* --------------------------------------------
    전직 계획서
    occupation_plan
/* ------------------------------------------ */
.occupation_plan{padding-top:30px;}
.occupation_plan .box_w{padding: 2.5%;border-radius:5px;border:solid 1px #d7dade;}
.occupation_plan .box_w h3{padding-bottom:20px;line-height:1;color:#353738;font-size:21px;}
.occupation_plan .box_w h4{padding-bottom:5px;line-height:1;color:#353738;font-size:14px;}
.occupation_plan .group01 span{float:left;display:block;width:24.25%;margin-left:1%;padding:15px 0;border:solid 1px #3da0f2;border-radius:5px;color:#999da1;font-size:16px;text-align:center;}
.occupation_plan .group01 span:first-child{margin-left:0;}
.occupation_plan .group01 span b{display:block;padding-top:15px;color:#3da0f2;font-size:21px;}
.occupation_plan .group02 .box_w{width:49.5%;}
.occupation_plan .group03 input{width:100%;margin-top:5px;}
.occupation_plan .group03 input:first-child{margin-top:0;}
.occupation_plan .group03 div{width:49.5%}
.occupation_plan .group03 div span{display:block;width:100%;height:50px;margin-bottom:5px;padding-left:10px;border:2px solid #d7dade;line-height:46px;}
.occupation_plan .group05 div span{display:block;width:100%;height:50px;margin-bottom:5px;padding-left:10px;border:2px solid #d7dade;line-height:46px;}
.occupation_plan .group05 section:nth-child(1){margin-top:0;}
.occupation_plan div span.noform{display:inline-block !important;width:41%;height:50px;padding-left:10px;margin-bottom:5px;border:2px solid #d7dade;line-height:46px;}
.occupation_plan .group04 .c_license{margin-bottom:20px;}
.occupation_plan .group04 .c_license li{float:left;width:49.5%;margin-left:1%;border:solid 1px #dbdee1;border-radius:5px;}
.occupation_plan .group04 .c_license li:nth-child(odd){margin-left:0;}
.occupation_plan .group04 .c_license li p{position:relative;padding:5% 5% 5% 60px;color:#353738;overflow:hidden;font-size:15px;}
.occupation_plan .group04 .c_license li p:before{content:"";position:absolute;top:50%;left:20px;width:27px;height:29px;margin-top:-15px;background:url(/images/sub/icon_license.png) no-repeat 0 0;}
.occupation_plan .group04 .c_license li p span{float:right;color:#999da1;}
.occupation_plan h3>p{display:inline-block;margin-left:10px;color:#999da1;font-size:14px;}
.occupation_plan .group05 section div.fl{width:35%;}
.occupation_plan .group05 section div{width:64%;}
.occupation_plan .group05 section select,.occupation_plan .group05 section input{width:100%;}
.occupation_plan .group05 .fl p{border:2px solid #d7dade;padding:0 12px;height:50px;line-height:46px;box-sizing:border-box;font-size:16px;color:#353738}
.occupation_plan .group06 section div{float:left;width:32.66%;height:110px;margin-left:1%;padding:2%;border-radius:5px;border:solid 1px #d7dade;}
.occupation_plan .group06 section div:first-child{margin-left:0;}
.occupation_plan .group06 section div span{display:block;padding-bottom:5px;color:#999da1;font-size:14px;}
.occupation_plan .group06 section div strong{display:block;padding-top:15px;color:#353738;font-size:30px;}
.occupation_plan .group06 section div span.txt_s{display:inline-block;margin-right:2%;color:#353738;font-size:15px;}
.occupation_plan .group07{position:relative;}
.occupation_plan .group07 .leftb{width:60%;}
.occupation_plan .group07 input{width:100%;}
.occupation_plan .group07 .leftb2{width:29%;margin-left:1%;}
.occupation_plan .group07 .fr{margin-top:20px;}
.occupation_plan .group07 .btn_splus{position:absolute;bottom:0;right:2.5%;margin-top:0;}
.occupation_plan .group07 .btn_splus img{padding-top:15px;}
.occupation_plan .group07 div.leftb span{display:block;width:100%;height:50px;padding-left:10px;margin-bottom:5px;border:2px solid #d7dade;line-height:46px;}
.occupation_plan.consultant .group07 .btn_splus img{padding-top:0}
.occupation_plan .group07 span.txt_s{display:inline-block;margin-right:2%;color:#353738;font-size:15px;}
.occupation_plan .group08{position:relative;}
.occupation_plan .group08 .box_w{width:49.5%;background-color:#f7f7f7;}
.occupation_plan .group08 h3{float:left;}
.occupation_plan .group08 .range_wrap{float:right;width:70%;}
.occupation_plan .group08 ul{margin-bottom:30px;}
.occupation_plan .group08 ul li{float:left;width:20%;color:#353738;font-size:15px;}
.occupation_plan .group08 ul li:nth-of-type(3n){text-align:center;}
.occupation_plan .group08 ul li:nth-of-type(n+4){text-align:right;}
.occupation_plan .group08 #dim-range{z-index:99;position:absolute;top:0;left:0;width:100%;height:100px;background-color:#000;opacity:0;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background:#fff !important;border-color:#dcdcdc !important;border-radius:50%;}
.ui-widget-header{background:#ececec !important;border:none !important;}
.ui-widget.ui-widget-content{border:none !important;}
.ui-widget-content{background:#41aefa !important;}
.ui-slider-horizontal{height:4px !important;}
.ui-slider-horizontal .ui-slider-handle{top:-8px !important;}
.occupation_plan [class^="group"]{margin-top:10px;}
.occupation_plan .btnArea{text-align:right;}
.occupation_plan .btnArea span{display:inline-block;margin-right:10px;}
.occupation_plan .print-btn{float:right;display:inline-block;width:40px;height:40px;margin-left:5px;text-align:center;line-height:40px;background-color:#37405A;border-radius:50%;vertical-align:top;}
.occupation_plan .print-btn i{padding-top:12px; color:#A5AEB9;font-size:16px;}

/*프로필경력*/
.head_box2{vertical-align:middle; height:50px; line-height:50px;}
.head_box2 input{vertical-align:middle;}
/* web GNB */
@media (min-width:1121px){
    .container{max-width:1200px !important;min-height:600px;box-sizing:border-box;padding-left:0 !important;padding-right:0 !important;}
}
@media (max-width:1119px){
    .individual-detail .left_side #coach_talk .talk_view ul{width:281px;}
    .individual-detail .left_side #coach_talk .talk_view .empty{width:279px;}
    .individual-detail .left_side #coach_talk .talk_write .write_ipt{width:280px;}
    .individual-detail .left_side #coach_talk .talk_write .write_ipt input{width:222px;}
    .individual-detail .left_side{float:none;width:100%;}
    .individual-detail .left_side #coach_talk{z-index:97;position:fixed;bottom:-430px;left:50%;margin-left:-164px;margin-bottom:0;}
    .individual-detail .left_side .coach_talk_clse{z-index:97;display:block;position:absolute;top:22px;right:21px;}
    .individual-detail .left_side .coach_talk_clse i{display:none;color:#fff;font-size:21px;}
    .individual-detail .left_side #coach_talk .talk_top .descri_i{display:none;}
    .individual-detail .right_side{float:none;width:100%;}
}

/* tablet */
@media (max-width:960px) /*and (min-width:745px)*/{
    /*.container{background-color:lightpink;}*/
    .error_page{width:70%;}
    .subtit h2{float:none;}
    .subtit p{float:none;margin-top:5px;padding-left:13px;}
    .subtit p:before{left:5px;}
    /* .individual-home .chs_list section.individual li .sec01 .sec01_in{float:none;width:100%;height:auto;padding:3%;}
    .individual-home .chs_list section.individual li .sec01 .sec01_in p{float:left;font-size:19px;font-weight:400;}
    .individual-home .chs_list section.individual li .sec01 .sec01_in b{float:right;padding-top:0;line-height:23px;}
    .individual-home .chs_list section.individual li .sec01 .sec01_in2{float:none;}
    .individual-home .chs_list section.individual li .sec01 .sec01_in2 h2{width:100%;} */
    .individual-home .chs_list section.individual li .sec02 {padding:10px 0}
    /* .individual-home .individual-top-fm div.left-b li strong {padding:5px 0 0} */
    .individual-home .individual-top-fm div li {height:65px}
    /* .individual-home .individual-top-fm div li i,
    .individual-home .individual-top-fm div li.on i{padding: 11px 0 0px} */
    .individual-home .individual-top-fm div li b {font-size:12px;letter-spacing:-0.13em}
    .individual-home .individual-top-fm .layer_tooltip {display:none}
    
    .consultant-home .chs_list section.consultant li {padding:5%;background-color:#fff;border:1px solid #d7dade}
    .consultant-home .chs_list section.consultant li .sec02 {margin-top:15px;padding-top:15px;border-top:1px dashed #d7dade;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in{height:auto;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in p{display:block;text-align:center;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in .read {float:left;width:100%;border:0}
    .individual-home .chs_list section.individual li .sec02 .sec02_in .noread{float:left;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in .resultb{float:left;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in .result01{width:100%;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in .result02{width:49%;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in .result03{width:32%;}
    .individual-home .re_recruit{margin-top:0;}
    .individual-home .re_recruit ul li{float:none;width:100%;}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 {float:none;width:100%;}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .take {margin:0;font-size:10px}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span {display:block;float:none!important;margin-top:10px}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:first-child {margin-top:0}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:before {left:0!important}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:nth-of-type(2) {padding-left:30px;background:none}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 div span:nth-of-type(3) {margin-left:0;padding-left:30px;background:none}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .turn {top:0;left:0;width:19px;height:19px;font-size:9px;line-height:19px;}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in2 .school {margin-left:0}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in p{float:left;}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in b{float:right;padding-top:0;}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in{float:none;width:100%;height:auto;padding:4%;}
    .consultant-home .chs_list section.consultant li .sec01 .sec01_in:after{content:"";display:block;clear:both;}
    .consultant-home .chs_list section.consultant li .sec02 .sec02_in{float:none;width:100%;margin-bottom:5px;}
    .consultant-home .chs_list section.consultant li .sec02 .sec02_in2{float:none;width:100%;}
    .consultant-home .chs_list section.consultant li .sec02 .sec02_in2 a:first-child{margin-left:0;}
    .consultant-home .chs_list section.consultant li .sec02 .sec02_in2 a {display:block;width:100%;margin:0 0 10px 0}
    
    .consultant-home .chs_top .subtit .spr{position:absolute;bottom:0;right:0;}
    .consultant-home .chs_top .subtit{padding-top:0;}
    .consultant-home .chs_list {padding:0;background:none;border:0}
    .consultant-home .chs_list section.consultant li .sec02 .ingb {display:block;width:100%;margin:0 0 10px 0}
    .consultant-home .chs_list section.consultant li .sec02 .finishb{width:100%;margin:0 0 10px 0}
    .consultant-home .chs_list section.consultant li .sec02 a {float:none;font-size:14px}
    .consultant-home .chs_list .chs_list_top {margin-bottom:12px;padding:5%;background-color:#fff;border:solid 1px #d7dade;border-radius:5px}
    .consultant-home .chs_list .chs_list_top button {margin-right:10px}
    .consultant-home .list_cnt_count {float:none;margin-bottom:10px;text-align:center}
    .consultant-home .list_cnt_count .item_tit {float:none;display:inline-block}
    .consultant-home .list_cnt_count .item_count {float:none;display:inline-block}

    .individual-recommend .re_recruit ul li{width:49%;}
    .individual-recommend .re_recruit ul li:nth-child(3n+3){margin-right:1%;width:49%;}
    .individual-recommend .re_recruit ul li:nth-child(2n+2){margin-right:0%;width:50%;}
    .add_consulting_wrap .csp_select dd li{width:32%;}
    .add_consulting_wrap .csp_select dd li:nth-child(5n+5){margin-right:1%;}
    .add_consulting_wrap .csp_select dd li:nth-child(3n+3){margin-right:0;}

    .cs_all_list ul li{width:49%;}
    .cs_all_list ul li:nth-child(4n+4){margin-right:1%;width:49%;}
    .cs_all_list ul li:nth-child(2n+2){margin-right:0;width:50%;}

    .consultant_detail_wrap .group_program_list li{float:left;width:49%;height:auto;border:none;box-shadow:none;}
    .consultant_detail_wrap .group_program_list li:nth-child(4n+4){margin-right:2%;}
    .consultant_detail_wrap .group_program_list li:nth-child(2n+2){margin-right:0;width:49%;}
    .consultant_detail_wrap .group_program_list li .p_top{height:auto;padding:2% 4%;}
    .consultant_detail_wrap .group_program_list li .p_top:after{content:"";display:block;clear:both;}
    .consultant_detail_wrap .group_program_list li .p_top p{float:left;padding-bottom:0;}
    .consultant_detail_wrap .group_program_list li .p_top i{float:right;line-height:27px;}

    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li:nth-child(4n+4){margin-right:1%;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li:nth-child(2n+2){margin-right:0;width:50%;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li{float:left;width:49%;;margin:0 1% 13px 0;padding-left:11%;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_license li p,.consultant_detail_wrap .group_profile .group_wrap .boxs.c_license li p span{height:50px;}

    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_corporation li{float:left;width:49%;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_corporation li:nth-child(5n+5){margin-right:1%;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_corporation li:nth-child(2n+2){margin-right:0;width:50%;}

    .profile_wrap table .txt_s label{font-size:13px;}
    .profile_wrap table td.bein div{float:none;width:100%;}
    .profile_wrap table td.bein div:first-child{margin-bottom:5px;}

    .service_wrap .join_group div .joinb{font-size:25px;}
    .service_wrap .join_group div .loginb{font-size:25px;}
    .service_tab_menu{padding-top:180px;}

    .cs_info_box span{width:41%;}
    .cs_info_box span:first-child{margin:0 1% 0 4%}

    .visual-main .swiper-slide h2{font-size:21px;}
    .visual-main .swiper-slide h2 strong{font-size:35px;}
    .visual-main .swiper-slide h2 b{font-size:35px;}

    #main .main_info li{width:49.5%;margin:0 0 1%;}
    #main .main_info li:first-child{margin-left:0;}
    #main .main_info li:nth-child(even){margin-left:1%}
    #main .main_info li h4{padding:7% 0 5%;}
    #main .main_banner{margin-top:10px;}

    .consulting_service .box05 section{padding-top:0;}
    .consulting_service .box05 section li{padding-bottom:15px;}
    .consulting_service .subtit p{padding-left:0;}
    .ind_profile .print-btn{display:none;}

    .occupation_plan .fl{float:none !important;width:100%;}
    .occupation_plan .fr{float:none !important;width:100%;}
    .occupation_plan .box_w{width:100% !important;margin-bottom:10px;}
    .occupation_plan .group03 div{width:100%;}
    .occupation_plan .group03 div.fl{margin-bottom:10px;}
    .occupation_plan .group04 .c_license li{float:none;width:100%;margin-left:0;margin-bottom:5px;}
    .occupation_plan .group05 section div.fl{width:100%;margin-bottom:10px;}
    .occupation_plan .group05 section div{width:100%;}
    .occupation_plan .group06 section div{float:none;width:100%;height:auto;margin-left:0;margin-bottom:5px;}
    .occupation_plan .group07 .fl{width:100%;margin-bottom:10px;}
    .occupation_plan .group07 .leftb2{margin-left:0;}
    .occupation_plan .group07 .fr{margin-top:0;}
    .occupation_plan .group08 h3{float:none;}
    .occupation_plan .group08 .range_wrap{float:none;width:100%;}
    .occupation_plan .group08 ul{margin-bottom:15px;}
    .occupation_plan .print-btn{display:none;}
}
/* mobile */
@media (max-width:744px){
    /*.container{background-color:lightcoral;}*/
    .my_nav span{font-size:12px;letter-spacing:-1px;}
    .error_page{width:100%;border:none;}
    .empty_txt{font-size:1em;}
    .subtit {margin-bottom:10px}
    .subtit h2{font-size:16px;}
    /*select,textarea,input,label{font-size:13px !important;}*/

  /*  .individual-home, .consultant-home, .individual-detail, .consultant_history,
    .individual-recommend .re_recruit, .add_consulting_wrap, .cs_all_list, .consultant_detail_wrap,
    .profile_wrap_add,.individual_condition,.off_advice,.ind_cs_request,
    .consulting_service, .ind_cs_list, .ind_cs_write,.ind_cs_detail, .occupation_plan{padding-top:150px}
    .profile_wrap,.service_wrap,.error_wrap, .consulting_service{padding-top:110px;}*/
    .visual-main{padding-top:80px;}
    /*.individual_condition.consultant,.consultant-home.consultant, .off_advice.consultant, .individual-detail.consultant, .consultant_history.consultant,
    .occupation_plan.consultant,.profile_wrap.consultant{padding-top:30px;}*/

    .visual-main .swiper-slide h2{font-size:21px;}
    .visual-main .swiper-slide h2 strong{font-size:30px;line-height:1.3;}
    .visual-main .swiper-slide h2 b{font-size:30px;}
    #main .main_info{background:url(/images/main/main_info_bg01.jpg) no-repeat center;background-size:cover;}
    #main .main_info li{width:100%;padding:3% 2% 0.5% 4.6%;background:none;}
    #main .main_info li:nth-child(even){margin-left:0}
    #main .main_info li:nth-of-type(1){background-image:none}
    #main .main_info li:nth-of-type(2){background-image:none}
    #main .main_info li:nth-of-type(3){background-image:none}
    #main .main_info li:nth-of-type(4){background-image:none}
    #main .main_info li h4{padding:3% 0 2%;font-size:16px;line-height:1;}
    #main .main_info li p{font-size:13px;line-height:1;}
    #main .main_banner:after{display:none;}
    #main .main_banner p{width:100%;font-size:19px;line-height:1.4;}
    #main .main_banner a{width:100%;text-align:center;}
    #main .main_banner{margin-top:20px;}

    .individual-detail.consultant{padding-top:30px;}
    .individual-home {padding:20px 0}
    .individual-home .individual-top-fm div{float:none;width:100%;}
    .individual-home .individual-top-fm div h3{padding-bottom:5px;font-size:16px}
    .individual-home .individual-top-fm div.right-b{float:none;width:100%;margin-top:10px;}
    .individual-home .it_coment p{font-size:13px;}
    .individual-home .chs_list{padding:12px;}
    .individual-home .chs_list .tip_box {display:inline-block;}
    .individual-home .chs_list .tip_box .tip{position:absolute;top:30px;width:20px;}
    .individual-home .chs_list .it_coment {padding-top:0;}
    .individual-home .chs_list .it_coment strong{margin-left:30px;}
    .individual-home .cs_add_btn {position:fixed;bottom:0;right:0;top:auto;z-index:9;width:50%;height:50px;padding:0 2%;font-size:21px;font-weight:bold;font-family:'NanumSquare';line-height:50px}
    .individual-home .cs_add_btn2 {position:fixed;bottom:0;left:0;top:auto;z-index:9;width:50%;height:50px;padding:0 2%;font-size:21px;font-weight:bold;font-family:'NanumSquare';line-height:50px}
    .individual-home .cs_add_btn:before {display:inline-block;position:initial;height:18px;margin-right:5px;vertical-align:middle}


    .ind_profile .pf-box b{font-size:21px;line-height:25px;}
    .ind_profile .pf-box strong{display:block;height:25px;margin-bottom:5px;line-height:25px;font-size:15px;text-align:center;border-radius:15px;}    .ind_profile .pf-category span{height:30px;padding:10px 10px;margin-right:1%;line-height:30px;font-size:13px;}
    .ind_profile .pf-category{margin-bottom:5px;}

    .ind_profile.consultant .detail_title{margin-bottom:10px;font-size:16px;}
    .ind_profile .pf-topbtn{position:relative;top:0;right:0;margin-bottom:10px;}
    .ind_profile.consultant ul li{padding-left:34%;text-indent:-21%;font-size:12px;}
    .ind_profile.consultant ul li strong{width:30%;}
    .ind_profile.consultant .btn{position:relative;bottom:0;right:0;width:100%;}

    .ind_profile.consultant .detail_title{margin-bottom:10px;font-size:16px;}
    .ind_profile .pf-topbtn{position:relative;top:0;right:0;margin-bottom:10px;}
    .ind_profile.consultant ul li{padding-left:34%;text-indent:-21%;font-size:12px;}
    .ind_profile.consultant ul li strong{width:30%;}
    .ind_profile.consultant .btn{position:relative;bottom:0;right:0;width:100%;}

    .cs_con_pf{margin-bottom:30px;padding:3% 2%}
    .cs_con_pf p{font-size:15px;letter-spacing:-1px;line-height:30px;}
    .cs_con_pf .fa-address-card{float:right;font-size:15px;width:30px;height:30px;line-height:30px;}

    .off_advice .sec01 p{font-size:13px;}
    .off_advice .input_wrap li{float:none;width:100%;margin-bottom:8%;}
    .off_advice .input_wrap li:nth-of-type(9),
    .off_advice .input_wrap li:nth-child(even){margin-left:0;}
    .off_advice .input_wrap li div{font-size:13px;}

    .individual_condition {padding:20px 0}
    .individual_condition .sec01 p{font-size:13px;}
    .individual_condition .sec01 div{float:none;width:100%;padding:3%;}
    .individual_condition .sec01 div h3{padding-bottom:5px;font-size:16px;font-weight:normal}
    .individual_condition .sec01 div li{width:24%;height:65px;margin-bottom:1%;}
    .individual_condition .sec01 div li b {font-size:13px;letter-spacing:-0.1em}
    .individual_condition .sec01 div li i {padding: 11px 0 0px}
    .individual_condition .sec01 .right-b{float:none;width:100%;margin-top:10px}
    .individual_condition .input_wrap li{float:none;width:100%;margin-bottom:8%}
    .individual_condition .input_wrap li:nth-child(even){margin-left:0;}
    .individual_condition .input_wrap li:nth-of-type(11){margin-left:0;}
    .individual_condition .big_title {margin:20px 0 10px}
    .individual_condition .big_title .coment_box2 {clear:both;margin:5px 0;font-size:13px}
    .individual_condition .big_title .mark {top:5px}

    .consultant_history .ch_wrap .sec01 b{padding:0 4%;}
    .consultant_history .ch_wrap .folding{top:10px;right:6%;}

    .individual-detail {padding:20px 0}
    .individual-detail .right_side .big_title .day{font-size:13px;}
    .individual-detail .detail_title h2{font-size:16px;}
    .individual-detail .right_side .send_finish_wrap .detail_title div{top:20px;}
    .individual-detail .right_side .send_finish_wrap .detail_title div span{font-size:13px;}
    .individual-detail .right_side .send_finish_wrap .detail_title div span:first-child{display:block;}
    .individual-detail .right_side .send_finish_wrap .detail_title div span:first-child:after{display:none;}
    .individual-detail .right_side .re_recruit{margin-top:21px;}
    .individual-detail .right_side .recruit_write dt{float:none;width:100%;height:40px;padding-left:10px;line-height:40px;}
    .individual-detail .right_side .recruit_write dd{float:none;width:100%;padding:10px;}
    .individual-detail .right_side .recruit_write dd span{height:auto;line-height:1.2;}
    .individual-detail .right_side .send_finish_txt{font-size:21px;}

    .consultant-home .chs_top .subtit .spr{position:relative;bottom:0;right:0;float:left}
    .consultant-home .chs_top .subtit .btn {position:relative;width:100%}
    .consultant-home .cs_top_fm{margin-bottom:30px;}
    .consultant-home .cs_top_fm h5{font-size:16px;}
    .consultant-home .cs_top_fm li{float:none;width:100%;padding:1% 2%;margin-bottom:1%;margin-left:0;font-size:15px;}
    .consultant-home .cs_top_fm li b{font-size:21px;}

    .consultant-home .chs_list .chs_list_top .right-b{float:none;}
    .consultant-home .chs_list .chs_list_top .right-b select{width:100%;margin-left:0;margin-bottom:5px;}
    .consultant-home .chs_list .chs_list_top .right-b span{padding-left:0;}
    .consultant-home .chs_list .chs_list_top .fld_search {width:100%;margin-left:0}
    .consultant-home .chs_list .chs_list_top .tf_search {width:100%;margin-bottom:5px}
    .consultant-home .chs_list .chs_list_top .btn_search {width:100%}

    .individual-home .chs_list section.individual li .sec02 .sec02_in .result01{width:100%;margin-bottom:5px;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in .result02{width:100%;margin-bottom:5px;}
    .individual-home .chs_list section.individual li .sec02 .sec02_in .result03{width:100%;margin-bottom:5px;}

    .service_wrap .join_group div .loginb{width:30%;font-size:21px;}
    .service_wrap .join_group div .joinb{width:30%;font-size:21px;}
    .service_wrap .join_group p{font-size:13px;line-height:1.2;}
    .service_tab_menu{display:none;}
    .consulting_service .guide_box a{width:49%;float:right;margin-left:0;text-align:center;padding:3% 2%}
    .consulting_service .guide_box a:first-child{float:left;}
    .consulting_service .box01{margin-top:0;}
    .consulting_service .box05 section li{line-height:20px;}
    .consulting_service .box05 section li img{max-width:90px;vertical-align:unset;}
    .consulting_service .box07{margin-bottom:0;}

    .profile_wrap {padding:20px 0}
    .profile_wrap .big_title{margin:30px 0 15px}
    .profile_wrap .big_title h1{font-size:16px;}
    .profile_wrap .head_box{padding:12px;}
    .profile_wrap .head_box strong{padding:0 0 5px;font-size:16px;}
    .profile_wrap .box_w{padding:0 12px 29px;}
    .profile_wrap table tr th{width:35%;font-size:15px}
    .profile_wrap table tr td .ipt04{width:23%;}
    .profile_wrap table tr td .ipt03{width:100%;}
    .profile_wrap table tr td .ipt07{width:100%;}
    .profile_wrap table tr td .ipt06{width:30%;}
    .profile_wrap table tr td.duedate .ipt04{width:80%;margin-bottom:5px;}
    .profile_wrap table .txt_s4{margin-right:5px;}
    .profile_wrap table tr td{font-size:13px;}
    .profile_wrap p.cred{font-size:13px;}
    .profile_wrap table .txt_s{padding-left:0;line-height:1.2;}
    .profile_wrap .big_title .mark{bottom:50%;margin-bottom:-6px;}
    .profile_wrap .head_box.hb1 .ui_select{display:block;width:100%;}
    .profile_wrap .head_box.hb1 .ui_select select{width:100%;}
    .profile_wrap .head_box.hb1 .ui_select:nth-of-type(2){margin:5px 0 0;}
    .profile_wrap #highschool_gr_select{margin-top:5px;width:100%;}
    .profile_wrap table td.bein div input[type="text"],.profile_wrap table td.bein div input[type="number"]{width:100%;margin-bottom:5px;}
    .profile_wrap table td.bein div .ui_select{width:100%;}
    .profile_wrap table td input[id^='universchool_name']{margin-bottom:5px;}
    .profile_wrap table td input[id^='universchool_depart']{margin-top:5px;}
    .profile_wrap table td input[id^='i_email']{margin-bottom:5px;}
    .profile_wrap table td input[id^='i_phone']{margin-bottom:5px;}
    .profile_wrap table td input[id^='i_hope_money']{margin-bottom:5px;}
    .profile_wrap table span.btn_splus{margin-top:5px;}
    .profile_wrap table span.btn_splus+.txt_s{line-height:55px;}
	
	#career_box .mid_title{clear:both;}
	#career_box .mid_title [class^="btn"] {display:inline;}
	.head_box2{height:auto;}
    .head_box2 .hb1 {width: 100%; margin-right: 0; }
    .head_box2 .hb2 {width: 100%; margin-top: 10px; height:auto;}
    .head_box2 .hb2 .font_sm{display:block;margin-top:5px;}
    .head_box2 strong{display:none;}
    .head_box2 label{line-height:20px;}	
	
	.first_year{width:64px;}
	.last_year{width:64px;}
	.first_month{width:46px;}
	.last_month{width:46px;}

    .add_consulting_wrap .csp_select dd li{width:49.5%;margin:0 0 10px 0;}
    .add_consulting_wrap .csp_select dd li:nth-child(5n+5){margin-right:0;}
    .add_consulting_wrap .csp_select dd li:nth-child(2n+2){margin-left:1%;}
    .add_consulting_wrap .csp_select dd li span{font-size:13px;}
    .add_consulting_wrap select,.add_consulting_wrap input,.add_consulting_wrap textarea{font-size:13px;}
    .add_consulting_wrap textarea{height:150px;}

    .individual-recommend .srch_bar .fl{float:none !important;}
    .individual-recommend .srch_bar .fl:after{content:"";display:block;clear:both;}
    .individual-recommend .srch_bar .fr{float:none !important;margin-top:5px;}
    .individual-recommend .srch_bar .fl input{width:84%;}
    .individual-recommend .srch_bar .fl a{width:15%;margin-left:1%;}
    .individual-recommend .srch_bar .fl a:before{left:50%;margin-left:-9px;}
    .individual-recommend .srch_bar .fr select{width:100%;}
    .individual-recommend .re_recruit {padding:20px 0}
    .individual-recommend .re_recruit ul li{width:100%;float:none;margin-right:0;}
    .individual-recommend .re_recruit ul li:nth-child(2n+2){width:100%;}
    .individual-recommend .re_recruit ul li:nth-child(3n+3){width:100%;}
    .individual-detail .re_recruit ul li{width:100%;float:none;margin-right:0;}
    .individual-recommend .srch_bar{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    

    .cs_all_list ul li{float:none;width:100%;height:auto;}
    .cs_all_list ul li:nth-child(2n+2){width:100%;}
    .cs_all_list ul li a{padding:3% 0;}
    .cs_all_list ul li strong{font-size:16px;}
    .cs_all_list ul li b{padding-bottom:10px;font-size:12px;}
    .cs_all_list ul li span,.cs_all_list ul li p{margin:10px 12px 0;}
    .cs_all_list .pf-category span{font-size:13px}
    .cs_all_list .viewb{position:relative;margin-top:10px;}

    .consultant_detail_wrap .ind_profile .btn{z-index:9;position:fixed;width:100%;bottom:0;height:50px;line-height:50px;font-size:21px;}
    .consultant_detail_wrap .group_wrap h1{padding:0 0 15px 40px;font-size:16px;}
    .consultant_detail_wrap .group_program_list li{float:none;width:100%;margin:0 0 5px 0}
    .consultant_detail_wrap .group_program_list li:nth-child(2n+2){float:none;width:100%;}
    .consultant_detail_wrap .group_program_list li .p_top{padding:1% 4%;}
    .consultant_detail_wrap .group_program_list li .p_top p{font-size:16px;}
    .consultant_detail_wrap .group_program_list li .p_top i{line-height:21px;font-size:13px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs{padding:12px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory h2{padding-bottom:15px;margin-bottom:15px;font-size:16px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs h2{font-size:16px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory div h3{padding-bottom:10px;font-size:13px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory div li{height:30px;line-height:30px;font-size:13px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .category{position:relative;top:0;left:0;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .category span{height:30px;line-height:30px;font-size:13px;padding:0 4%;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .col01{float:none;width:100%;margin:10px 0;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_territory .col02{float:none;width:100%;padding-left:0;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li{float:none;width:100%;padding-left:65px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li:nth-child(2n+2){float:none;width:100%;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li p{height:50px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_tool li p span{height:50px;font-size:13px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_level table.tb_row03 tbody th,.consultant_detail_wrap .group_profile .group_wrap .boxs.c_level table.tb_row03 tbody td{font-size:13px;padding:10px 0;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_record div{font-size:13px;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_corporation li img{width:100%;}
    .consultant_detail_wrap .ind_profile .pf-txt{font-size:13px;}
    .consultant_detail_wrap .ind_profile .profile-go{display:none;}
    .consultant_detail_wrap .group_profile .group_wrap .boxs.c_career ul li i{display:block;}
    .cs_info_box{text-align:center;}
    .cs_info_box span{width:100%;}
    .cs_info_box span:first-child{margin:5px 0}
    .ind_cs_list .faq_list li .box01,.ind_cs_list .faq_list li .box02{padding:5% 5.5% 5% 10.5%;font-size:13px;}
    .ind_cs_list .faq_list li .box01 b{font-size:13px}
    .ind_cs_list .faq_list li .fold{top:10px;}

    .file_wrap .file_inwrap_btn .file_noti div span{font-size:13px;line-height:1.3;}
    .file_wrap .file_inwrap .file_name_style{font-size:13px;}
    .ui_company ul li{margin:0 0 10px 0;}
    .ui_company ul li img{width:100%;height:auto;}
    /*.btn,.btng,.btnbd{width:auto;padding:0 10%;}*/
    /*.individual-home .cs_add_btn{padding:0 0 0 21px;}*/
    .consulting_service .box_w{padding:12px;}
    .consulting_service .box_w h3{font-size:15px;}
    .consulting_service .box02 ol li strong,.consulting_service .box02 ol li,.consulting_service .box_w ul li strong,.consulting_service .box_w ul li{font-size:13px;line-height:20px;letter-spacing:-1px;}
    .consulting_service .box01 ol li div img{display:none;}
    .consulting_service .box01 ol li:nth-of-type(5) div:after,.consulting_service .box01 ol li:nth-of-type(5) div:before,.consulting_service .box01 ol li:nth-of-type(2) div:after,.consulting_service .box01 ol li:nth-of-type(2) div:before{margin-top:27px;}
    .consulting_service .box01 ol li:nth-of-type(6):after{top:-30%;}
    .consulting_service .box01 ol li b{padding-top:0;}
    .consulting_service .box01 ol li p,.consulting_service .box01 ol li p strong{font-size:13px;}
    .consulting_service .box01 ol li:nth-child(-n+3){height:125px;margin-bottom:0}
    .consulting_service .box02 ol li span{font-size:13px;}
    .consulting_service .box02 div{display:none;}
    .consulting_service .box02 ol{float:none;width:100%;margin-right:0;}
    .consulting_service .box03 div{display:none;}
    .consulting_service .box05 div{display:none;}
    .consulting_service .box_w ul{margin-top:0;}
    .consulting_service .box05 section{float:none;width:100%;}
    .consulting_service .box05 section p{font-size:15px;}
    .consulting_service .box05 section p img{display:none;}
    .consulting_service .box_w ul li:before{top:8px;}

    .occupation_plan .box_w h3{font-size:15px;}
    .occupation_plan .group01 span{height:70px;}
    .occupation_plan .group01 span b{font-size:12px;}
    .occupation_plan h3>p{display:block;margin-left:0;margin-top:5px;}
    .occupation_plan .group06 section div strong{padding-top:0;font-size:21px;}
    .occupation_plan .group04 .c_license li p span{float:none;display:block;}
    .occupation_plan .group07 .btn_splus{position:relative;right:0;}

    .re_recruit ul li p{height:auto;line-height:1.2;}

    .individual-recommend .srch_bar .fl.full{width:100%;}
    .individual-recommend .srch_bar .fl.full input{ width: calc(83%);}

}
@media (max-width:480px){
    .visual-main .swiper-slide h2{font-size:12px;}
    .visual-main .swiper-slide h2 strong{font-size:16px;}
    .visual-main .swiper-slide h2 b{font-size:16px;}        
    .consultant-home .list_cnt_count {font-size:12px}
	
    .head_box2 .hb1 {width: 100%; margin-right: 0}
    .head_box2 .hb2 {width: 100%; margin-top: 10px}
    .head_box2 .hb2 .font_sm{display:block;margin-top:5px;}
    .head_box2 strong{display:none;}
    .head_box2 label{line-height:20px;}		
}

/* jobfind slide */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
ul,li{
    text-decoration: none;
    list-style: none;
    padding:0;
}

.main_job_video{
    background-color: #e6e9ed;
}


.main_job_video h1{
    padding-top: 80px;
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: bold;
    font-family: 'NanumSquare';
    text-align: center;
}


.main_job_video .vid_format_sel{
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 40px;
    transition: all 0.3s;
}

.swiper-pagination.jobFindPagination{
    display: block;
    top:inherit;
    bottom:inherit;
}


.main_job_video .vid_format_sel li{
    display: inline-block;
}

.main_job_video .vid_format_sel li span.vid_format_li{
    display: inline-block;
    width:130px;
    height:50px;
    cursor: pointer;
    border-radius: 10px;
    transition:all 0.3s;
}

.main_job_video .vid_format_sel li span.vid_format_li.onepoint{
    background-image: url(../images/job_video_icon/onepoint_off.svg);
    background-color: #cccccc;

}

.main_job_video .vid_format_sel li span.vid_format_li.onepoint.on{
    background-image: url(../images/job_video_icon/onepoint_on.svg);
    background-color: #f6c015;

}


.main_job_video .vid_format_sel li span.vid_format_li.chippo{
    background-image: url(../images/job_video_icon/chippo_off.svg);
    background-color: #cccccc;
}


.main_job_video .vid_format_sel li span.vid_format_li.chippo.on{
    background-image: url(../images/job_video_icon/chippo_on.svg);
    background-color: #1c3664;


}

.vid_format{
    display:none;
    height: 0;
}

.vid_format.on{
    display:block;
    height:auto;
}


.main_job_video ul.main_job_category{
    text-align: center;

}
.main_job_video .main_job_category li{
    display: inline-block;
    position:relative;
    width:100px;
    height:100px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.2); 
    margin-right:40px;



    font-family: 'NanumSquare';
    vertical-align: middle;
    text-align: center;
    background-color: #ffffff;
    cursor:pointer;
    -moz-transition: all 0.3s;
    -webkit-transition:  all 0.3s;
    -o-transition:  all 0.3s;
    transition:  all 0.3s;

}

.main_job_video .main_job_category.chippo li:last-child{
    margin-right: 0;
}

.main_job_video .main_job_category.onepoint li:last-child{
    margin-right: 0;
}

.main_job_video .main_job_category li:hover{
    transition: all 0.3s;
    background-color: #00a0e9;
    color:#ffffff;
    -webkit-box-shadow: 0px 0px 5px 6px #fff; 
    box-shadow: 0px 0px 5px 6px #fff; 
    -moz-transition: all 0.3s;
    -webkit-transition:  all 0.3s;
    -o-transition:  all 0.3s;
    transition:  all 0.3s;
}

.main_job_video .main_job_category li:hover a{
    color:#ffffff;
}


.main_job_video .main_job_category li.on{
    transition: all 0.3s;
    background-color: #00a0e9;
    color:#ffffff;
    -webkit-box-shadow: 0px 0px 5px 6px #fff; 
    box-shadow: 0px 0px 5px 6px #fff; 
    -moz-transition: all 0.3s;
    -webkit-transition:  all 0.3s;
    -o-transition:  all 0.3s;
    transition:  all 0.3s;
}

.main_job_video .main_job_category li.on a{
    color:#ffffff;
}

.main_job_video .main_job_category li .img{
    width:100px;
    height:60px;
    background-size: cover;
    -moz-transition: all 0.3s;
    -webkit-transition:  all 0.3s;
    -o-transition:  all 0.3s;
    transition:  all 0.3s;
    background-size: 100% 100%;
}

.main_job_video .main_job_category li.on .img{
    -moz-transition: all 0.3s;
    -webkit-transition:  all 0.3s;
    -o-transition:  all 0.3s;
    transition:  all 0.3s;
}

.main_job_video .main_job_category li .img{
    -moz-transition: all 0.3s;
    -webkit-transition:  all 0.3s;
    -o-transition:  all 0.3s;
    transition:  all 0.3s;
}





/* 원포인트 */

.main_job_video .main_job_category.onepoint li:nth-child(1) .img{
    background-image: url(../images/job_video_icon/jobfind_off.svg);
}

.main_job_video .main_job_category.onepoint  li.on:nth-child(1) .img{
    background-image: url(../images/job_video_icon/jobfind_on.svg);
}

.main_job_video .main_job_category.onepoint  li:hover:nth-child(1) .img{
    background-image: url(../images/job_video_icon/jobfind_on.svg);
}


.main_job_video .main_job_category.onepoint  li:nth-child(2) .img{
    background-image: url(../images/job_video_icon/resume_off.svg);
}

.main_job_video .main_job_category.onepoint  li.on:nth-child(2) .img{
    background-image: url(../images/job_video_icon/resume_on.svg);
}

.main_job_video .main_job_category.onepoint  li:hover:nth-child(2) .img{
    background-image: url(../images/job_video_icon/resume_on.svg);
}

.main_job_video .main_job_category.onepoint  li:nth-child(3) .img{
    background-image: url(../images/job_video_icon/test_off.svg);
}

.main_job_video .main_job_category.onepoint  li.on:nth-child(3) .img{
    background-image: url(../images/job_video_icon/test_on.svg);
}

.main_job_video .main_job_category.onepoint  li:hover:nth-child(3) .img{
    background-image: url(../images/job_video_icon/test_on.svg);
}

.main_job_video .main_job_category.onepoint  li:nth-child(4) .img{
    background-image: url(../images/job_video_icon/interview_off.svg);
}

.main_job_video .main_job_category.onepoint  li.on:nth-child(4) .img{
    background-image: url(../images/job_video_icon/interview_on.svg);
}

.main_job_video .main_job_category.onepoint  li:hover:nth-child(4) .img{
    background-image: url(../images/job_video_icon/interview_on.svg);
}

/* 취업뽀개기 */

.main_job_video .main_job_category.chippo li:nth-child(1) .img{
    background-image: url(../images/job_video_icon/public_off.svg);
}

.main_job_video .main_job_category.chippo  li.on:nth-child(1) .img{
    background-image: url(../images/job_video_icon/public_on.svg);
}

.main_job_video .main_job_category.chippo  li:hover:nth-child(1) .img{
    background-image: url(../images/job_video_icon/public_on.svg);
}



.main_job_video .main_job_category.chippo li:nth-child(2) .img{
    background-image: url(../images/job_video_icon/major_off.svg);
}

.main_job_video .main_job_category.chippo  li.on:nth-child(2) .img{
    background-image: url(../images/job_video_icon/major_on.svg);
}
.main_job_video .main_job_category.chippo  li:hover:nth-child(2) .img{
    background-image: url(../images/job_video_icon/major_on.svg);
}



.main_job_video .main_job_category.chippo li:nth-child(3) .img{
    background-image: url(../images/job_video_icon/middle_off.svg);
}

.main_job_video .main_job_category.chippo  li.on:nth-child(3) .img{
    background-image: url(../images/job_video_icon/middle_on.svg);
}
.main_job_video .main_job_category.chippo  li:hover:nth-child(3) .img{
    background-image: url(../images/job_video_icon/middle_on.svg);
}





.main_job_video .main_job_category.chippo li:nth-child(4) .img{
    background-image: url(../images/job_video_icon/small_off.svg);
}

.main_job_video .main_job_category.chippo  li.on:nth-child(4) .img{
    background-image: url(../images/job_video_icon/small_on.svg);
}
.main_job_video .main_job_category.chippo  li:hover:nth-child(4) .img{
    background-image: url(../images/job_video_icon/small_on.svg);
}



.main_job_video .main_job_category.chippo li:nth-child(5) .img{
    background-image: url(../images/job_video_icon/financial_off.svg);
}

.main_job_video .main_job_category.chippo  li.on:nth-child(5) .img{
    background-image: url(../images/job_video_icon/financial_on.svg);
}
.main_job_video .main_job_category.chippo  li:hover:nth-child(5) .img{
    background-image: url(../images/job_video_icon/financial_on.svg);
}





.main_job_video .main_job_category.chippo li:nth-child(6) .img{
    background-image: url(../images/job_video_icon/foreign_off.svg);
}

.main_job_video .main_job_category.chippo  li.on:nth-child(6) .img{
    background-image: url(../images/job_video_icon/foreign_on.svg);
}
.main_job_video .main_job_category.chippo  li:hover:nth-child(6) .img{
    background-image: url(../images/job_video_icon/foreign_on.svg);
}




.main_job_video .main_job_category.chippo li:nth-child(7) .img{
    background-image: url(../images/job_video_icon/start_off.svg);
}

.main_job_video .main_job_category.chippo  li.on:nth-child(7) .img{
    background-image: url(../images/job_video_icon/start_on.svg);
}

.main_job_video .main_job_category.chippo  li:hover:nth-child(7) .img{
    background-image: url(../images/job_video_icon/start_on.svg);
}





.main_job_video .main_job_category.chippo li{
    margin-right:15px;
}

.main_job_video .main_job_category li .text{
    width:100%;
    text-align: center;
    height: 40px;
    font-family: 'Noto Sans KR Regular', sans-serif;
    font-weight: 600;
    font-size: 15px;
    position:relative;
    -moz-transition: transform 0.3s;
    -webkit-transition:  transform 0.3s;
    -o-transition:  transform 0.3s;
    transition:  transform 0.3s;
    transform:translateY(3px);
}


.main_job_video .main_job_category li.on .text{
    transform:translateY(0px);
    -moz-transition: transform 0.3s;
    -webkit-transition:  transform 0.3s;
    -o-transition:  transform 0.3s;
    transition:  transform 0.3s;
    
}

.main_job_video .main_job_category li:hover .text{
    transform:translateY(0px);
    -moz-transition: transform 0.3s;
    -webkit-transition:  transform 0.3s;
    -o-transition:  transform 0.3s;
    transition:  transform 0.3s;
    
}

.main_job_video .main_job_category li .text .sm{
    font-size: 10px;
    position:absolute;
    top:-10px;
    left:50%;
    transform: translateX(-50%);
}

.job_video_swiper {  
    width: 100%;
    height:340px;
    max-width: 1170px;
    display: none;
    overflow: hidden;
    position:relative;
}

.job_video_swiper.on{
    /* height: 340px; */
    display: block;
    margin:0 auto;

}

.job_video_swiper .swiper-wrapper{
    width:100%;
    max-width: 390px;
    height:100%;
    position:absolute;
    top:15%;
}

/* .job_video_swiper  .swiper-wrapper .swiper-slide-duplicate img{display:none;}
.job_video_swiper .swiper-wrapper .swiper-slide img{display:none;}
.job_video_swiper .swiper-wrapper .swiper-slide.swiper-slide-prev img,.job_video_swiper .swiper-wrapper .swiper-slide.swiper-slide-active img,.job_video_swiper .swiper-wrapper .swiper-slide.swiper-slide-next img{display:flex;}
.job_video_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-prev img,.job_video_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active img,.job_video_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-next img{display:flex;} */


.job_video_swiper .swiper-wrapper .swiper-slide a{
    width: 100%;
    height: 100%;
}

.job_video_swiper .swiper-wrapper .slide_modal{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;
}

.job_video_swiper .swiper-wrapper .swiper-slide-active:hover .slide_modal{
    opacity: 1;
}

.job_video_swiper .swiper-wrapper .swiper-slide.on .slide_modal{
    opacity: 1;
}

.job_video_swiper .swiper-wrapper .swiper-slide a{
    pointer-events: none;
}

.job_video_swiper .swiper-wrapper .swiper-slide.PointerEvent a{
    pointer-events: auto;
}

.job_video_swiper .swiper-wrapper .swiper-slide-active:hover a{
    pointer-events: auto;
}



.job_video_swiper .swiper-wrapper .swiper-slide .slide_modal span{
    text-decoration: none;
    font-family: 'Noto Sans KR', sans-serif;
    color:#fff;
    font-size: 90px;
    position: absolute;
    display: block;
    width:100%;
    text-align: center;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    white-space:nowrap;
    word-break: keep-all;
}


.job_video_swiper .swiper-wrapper img{
    width:100%;
    height:100%;
}

.job_video_swiper .swiper-button-prev.job_find{
    background-image:  url(../images/swiper_button/swiper_button_prev.png);
    width:44px;
    background-size: 44px 44px;
    opacity: 0.7;
    transition: all 0.3s;
    display: block;
    
}
.job_video_swiper .swiper-button-next.job_find{
    background-image:  url(../images/swiper_button/swiper_button_next.png);
    width:44px;
    background-size: 44px 44px;
    opacity: 0.7;
    transition: all 0.3s;
    display: block;
}
.job_video_swiper .swiper-button-prev.job_find:hover{
    opacity: 1;
}
.job_video_swiper .swiper-button-next.job_find:hover{
    opacity: 1;
}


@media screen and (max-width:1200px) {
    .main_job_video .main_job_category li{
        width:80px;
        height:80px;
        border-radius: 40px;
        margin-right:20px; 
    }
    
    .main_job_video .main_job_category.chippo li{
        margin-right: 12px;
    }

    .main_job_video .main_job_category.onepoint li:last-child{
        margin-right: 0;
    }

      .main_job_video .main_job_category.chippo li:last-child{
        margin-right: 0;
    }

    .main_job_video .main_job_category li .img{
        width:80px;
        height:48px;
        background-size: cover;
        background-size: 100% 100%;
    }
    
    .main_job_video .main_job_category li .text{
        height: 32px;
        font-size: 13px;
    }
    .main_job_video .main_job_category li .text .sm{
        display: block;
        width: 100%;
        font-size: 8px;
    }
}
@media screen and (max-width:768px) {
    .main_job_video h1{
        margin-bottom: 20px;
        font-size: 26px;
        padding-top: 30px;
    }
    
    .main_job_video .vid_format_sel{
        margin-bottom: 20px;
    }

    .job_video_swiper {  
        width: 100%;
        height: 0px;
        margin: 0 auto;
        overflow: hidden;
        position:relative;
    }


    .main_job_video .main_job_category li{
        margin-right:20px; 
        margin-top: 20px;
    }
    
    
    .job_video_swiper.on{
        /* height: 300px; */
    }
    
    .job_video_swiper .swiper-wrapper{
        /* max-width: 400px;
        min-width: 400px;
        height:200px; */

    }
    
    .job_video_swiper .swiper-wrapper .swiper-slide a{
        width: 100%;
        height: 100%;
    }

    .job_video_swiper .swiper-button-prev.job_find{
        background-image:  url(../images/swiper_button/swiper_button_prev.png);
        width:44px;
        background-size: 44px 44px;
        opacity: 0.7;
        transition: all 0.3s;
    }
    .job_video_swiper .swiper-button-next.job_find{
        background-image:  url(../images/swiper_button/swiper_button_next.png);
        width:44px;
        background-size: 44px 44px;
        opacity: 0.7;
        transition: all 0.3s;
    }

    .job_video_swiper .swiper-button-prev.job_find:hover{
        opacity: 1;
    }
    .job_video_swiper .swiper-button-next.job_find:hover{
        opacity: 1;
    }

    
}
@media screen and (max-width:480px) {
    .main_job_video .main_job_category{
        margin:0;
        padding: 0 20px;
        border-top: 1px solid #ccc ;
        border-bottom: 1px solid #ccc ;
    }
    .main_job_video .main_job_category li{
        width:70px;
        height:40px;
        border-radius: 0px;
        margin-right:-5px; 
        margin-top:0px;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 187, 0, 0.42); 
        box-shadow: 0px 0px 0px 0px rgba(255, 187, 0, 0.42); 
        background-color: transparent;
    }

    .main_job_video .main_job_category li:hover{
        -webkit-box-shadow: 0px 0px 0px 0px  rgba(255, 255, 255, 0.42); 
        box-shadow: 0px 0px 0px 0px  rgba(255, 255, 255, 0.42); 
    }

    .main_job_video .main_job_category li.on{
        -webkit-box-shadow: 0px 0px 0px 0px  rgba(255, 255, 255, 0.42); 
        box-shadow: 0px 0px 0px 0px  rgba(255, 255, 255, 0.42); 
    }

    .main_job_video .main_job_category.chippo li{
        margin-right: -5px;
    }

    .main_job_video .main_job_category li .img{
        display:none;
    }
    
    .main_job_video .main_job_category li .text{
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        transform: translateY(0);
    }

    .main_job_video .main_job_category li .text.long{
        top:2px;
    }

    .main_job_video .main_job_category li .text.on{
        transform: translateY(0);
    }
    .main_job_video .main_job_category li .text .sm{
        display: block;
        width: 100%;
        font-size: 8px;
    }
    .job_video_swiper {
        height:230px;
    }
    .job_video_swiper .swiper-wrapper{
        top:0;
        max-width: 390px;
    }
    .swiper-pagination.jobFindPagination{
        display:none;
    }

}



/* main visual video */



.main_visual .mv_nullbox{
    width:40%;
    height:100%;
    min-width:1000px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    color:#fff;
    font-family: 'Namum Square';
    text-align: center;
    z-index: 20;
    pointer-events:none;
}
.btnbd_cc {
    display:inline-block;
    text-decoration: none; 
    padding:15px 60px;
    font-size:18px;
    color:#fff;
    font-weight:normal;
    font-family:'NanumSquare';
    background-color:rgba(0,0,0,.3);
    border:2px solid #fff;border-radius:30px;
    text-shadow:1px 1px 2px #000;
}


.main_visual .mv_video{
    position:absolute;
    width:100%;
    min-width:1000px;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
    .main_visual .mv_nullbox{
        width:90%;
        min-width: 300px;
        position:absolute;
        top:0;
        left:50%;
        transform: translateX(-50%);
        color:#fff;
        font-family: 'Namum Square';
        text-align: center;
    }
    
}

@media screen and (max-width:440px) {

    .main_visual .mv_nullbox{
        width:90%;
        color:#fff;
        font-family: 'Namum Square';
        text-align: center;
    }

}

/* 캠퍼스 코치잡에 대해서 */

.main_visual .about_CamCo{
    position:absolute;
    box-sizing: content-box;
    z-index: 20;
    bottom: 10%;
    left:0%;
    width:40px;
    height: 40px;
    padding: 15px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s;
    pointer-events: auto;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.2);
}

/* .main_visual .about_CamCo .CamCo_Click{
    position: absolute;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
} */

.main_visual .about_CamCo:hover{
    background-color: #00a0e9;

}

.main_visual .about_CamCo.on{
    background-color: #00a0e9;
}

.main_visual .CamCoImg{
    width:100%;
    height:100%;
    background-image: url(../images/CamCo_icon/logo.png);
    background-size: contain;
    background-position: 40% 50%;
    background-repeat: no-repeat;
    z-index: 20;
}

.main_visual .CamCoTxt{
    position: absolute;
    text-align: left;
    color:#fff;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7);
    top:23px;
    font-size: 20px;
    left:calc(100% + 10px);
    width:300px;
    height:23px;
    line-height: 23px;
    transition: all 0.5s;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
    font-family: 'Noto Sans KR Regular', 'NanumGothic', '나눔고딕', sans-serif;
    opacity: 1;
}

.main_visual .about_CamCo .CamCoTxt.two{
    word-break: break-all;
    transition: all 0.5s;
    opacity: 0;
}

.main_visual .about_CamCo:hover .CamCoTxt.one{
    opacity: 0;
}

.main_visual .about_CamCo:hover .CamCoTxt.two{
    opacity: 1;
}
.main_visual .about_CamCo .click_flicker{
    color:#ffd54f;
    font-weight: 600;
    /* animation: ClickFlicker 1s alternate infinite; */
}

@keyframes ClickFlicker{
    0%{
    color:#ffd54f;
    }
    100%{
    color:#fff;
    }

}


.main_visual .about_CamCo .CamCo_video{
    position: absolute;
    bottom:20px;
    left:calc(100% + 10px);
    width:0px;
    height:auto;
    transition: all 0.3s;
}

.main_visual .about_CamCo.on .CamCo_video{
    background-color: #000;
    transition: all 0.3s;
    width:500px;
    height:auto;
}

@media screen and (max-width:1200px) {
    
    .main_visual .about_CamCo{
    position:absolute;
    left:0%;
    width:35px;
    height: 35px;
    padding: 10px;
}
.main_visual .CamCoTxt{
    top:17px;
    font-size: 17px;
    left:calc(100% + 10px);
    height:24px;
    line-height: 24px;
}


}
@media screen and (max-width:768px) {
    .main_visual .about_CamCo{
        bottom:calc(100% - 90px);
        
    }
    .main_visual .about_CamCo.on .CamCo_video{
        width:400px;
        bottom: 0;
        top:0;
    }
    
    .main_visual .about_CamCo .CamCo_video{
        bottom: 0;
        top:0;
    }
    .main_visual .CamCoTxt{
        width: 200px;
    }
}
@media screen and (max-width:480px) {
    .main_visual .about_CamCo{
        position:absolute;
        left:15px;
        bottom:calc(100% - 80px);
        width:20px;
        height: 20px;
        padding: 8px;
    }
    .main_visual .CamCoTxt{
        top:10px;
        font-size: 14px;
        left:calc(100% + 5px);
        width:200px;
        height:17px;
        line-height: 17px;
    }
    .main_visual .about_CamCo.on .CamCo_video{
        width:250px;
        left:calc(100% + 5px);
        bottom: 0;
        top:0;
        z-index:20;
    }
    .main_visual .about_CamCo .CamCo_video{
        bottom: 0;
        top:0;
        z-index:20;
    }
    
}
@media screen and (max-width:300px) {}

.btn{
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background: #3da0f2;
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    display:inline-flex;
    justify-content: center;
    align-items: center;
}

.btn_area.vid_format_btn{
    margin-top: 40px;
    width: 100%;
}

.btn_area.center{
    text-align: center;
}


@media screen and (max-width:768px) {
    .btn_area.vid_format_btn{
        margin-top: 10px;
    }
}

@media screen and (max-width:480px) {
    .btn{
        width: 160px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
}



/* matching_video */

.video_service {padding:50px 0}
.video_service .box-border {padding:3%;border:1px solid #d7dade;border-radius:4px;background-color:#fff}
.video_service .cate_list {margin:-5px}
.video_service .cate_list:after {content:'';display:block;visibility:hidden;clear:both;height:0;font-size:0}
.video_service .cate_list li {float:left;width:16.666667%;padding:5px}
/*.video_service .cate_list li button {width:100%;padding:13px 0;font-size:16px;color:#999da1;border:1px solid #bbc0c4;border-radius:5px}*/
/*.video_service .cate_list li.on button {color:#fff;background-color:#3da0f2}*/
.video_service .tb_row02 thead th {border-left:0}
.video_service .tb_row02 tbody tr:hover td {background-color:#f0f7fc}
.video_service .tb_row02 tbody td:nth-child(3) {padding-left:0;text-align:center}


.video_service{padding:50px 0 50px;}
.video_service .box_border {padding:2.5%;border:solid 1px #bbc0c4;border-radius:5px;background:#fff;}
.video_service .add_video_wrap h2 {font-size:23px;color:#353738;}

.video_service .add_video_wrap .video-list-top-wrap{width:100%;margin-bottom:10px;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-left{float:left;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-left p{display:inline-block;vertical-align:sub;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-left p i:first-child{margin-right:7px;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-left p i:nth-child(2){margin-right:3px;font-size:14px;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right{float:right;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view{display:inline-block;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view a{display:inline-block;width:100px;height:35px;text-align:center;background:#fff;border:2px solid #3da0f2;border-radius:5px;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view a:first-child{margin-right:5px;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view a:hover{background:#f9f9f9;transition:all 0.3s;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view a.on{background:#3da0f2;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view a.on>span{color:#fff;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view a.on>i{color:#fff;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view a i{margin-right:7px;font-size:14px;line-height:30px;}
.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view a span{font-size:14px;font-weight:500;line-height:30px;}

.video_service .add_video_wrap .com_select {margin-top:0;margin-bottom:20px;}
.video_service .add_video_wrap .com_select .cate_list li .tab {overflow: hidden;}
.video_service .add_video_wrap .com_select .cate_list li .tab .active {background-color: #76b804;}
.video_service .add_video_wrap .com_select .cate_list li {float:left;width:23.5%;margin:0 2% 10px 0;font-size:16px;border-radius:5px;border:solid 2px #bbc0c4;background:#fff;text-align:center;color:#999da1;cursor:pointer;}
.video_service .add_video_wrap .com_select ul li.on {background:#76b804;border-color:#76b804;color:#fff;}
.video_service .add_video_wrap .com_select ul li.on>button {color:#fff;}
.video_service .add_video_wrap .com_select ul li:hover {background:#76b804;border-color:#76b804;}
.video_service .add_video_wrap .com_select ul li:hover>button {color:#fff;background:url(/images/common/chek_white_01.png) no-repeat 50px center;}
.video_service .add_video_wrap .com_select ul li:nth-child(4n+4){margin-right:0;}
.video_service .add_video_wrap .com_select ul li button {display:block;width:100%;height:50px;font-size:16px;color:#999da1;line-height:50px;}
.video_service .add_video_wrap .com_select ul li .descri_i {position:relative;}
.video_service .add_video_wrap .com_select ul .tab button {}

.video_service .add_video_wrap .video_content ul li {float:left;width:49%;height:164px;margin:0 2% 20px 0;cursor:pointer;border:solid 2px #d7dade;border-radius:5px;}
.video_service .add_video_wrap .video_content ul li:hover {opacity: 0.9;filter: alpha(opacity=100);border:solid 2px #999da1;}
.video_service .add_video_wrap .video_content ul li:nth-child(2n+2){margin-right:0;}
.video_service .add_video_wrap .video_content ul li div .video_left {float:left;width:50%;height:100%;overflow:hidden;}
.video_service .add_video_wrap .video_content ul li div .video_left img{width:auto;height:100%;border-radius:5px 0 0 5px;}
.video_service .add_video_wrap .video_content ul li div .video_right {position:relative;float:right;padding:10px;width:calc(50% - 18px);height:159px;}
.video_service .add_video_wrap .video_content ul li div .video_right .txtBox {margin-top:5px;}
.video_service .add_video_wrap .video_content ul li div .video_right .txtBox span{margin-left:7px;font-size:14px;color:#575859;}
.video_service .add_video_wrap .video_content ul li div .video_right .txtBox p{padding-top:10px;margin-top:15px;height:80px;border-top:solid 1px #bbc0c4;font-size:16px;line-height:23px;color:#575859; font-family: "Nanum Gothic", "나눔고딕",sans-serif; font-weight:400;}  

.video_service .add_video_wrap .video_content ul li .wishBtn{z-index:3;position:relative;top:10px;right:10px;float:right;display:inline-block;} 
.video_service .add_video_wrap .video_content ul li .wishBtn i{color:#ccc;} 
.video_service .add_video_wrap .video_content ul li .wishBtn i.on{color:#fad000;} 

.video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail{position: absolute; top: 0;left: 0; width: 100%;height: 100%; background-color: #fff; z-index: 10; box-sizing: content-box; padding-right: 10px; transition: all 0.3s; opacity: 0; pointer-events: none; text-align: left;} 
.video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail .vrdWrap{position: absolute; top: 0;left: 0; width: 100%; height: 100px; box-sizing: border-box; padding: 10px;}
.video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail .vrdTitle{margin-left:7px;font-size:14px;color:#575859; font-weight: 600; word-break: keep-all;}
.video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail .vrdContext{margin-left:7px; padding-top:10px;margin-top:15px;height:110px;border-top:solid 1px #bbc0c4;font-size:14px;line-height:23px;color:#575859; text-align: left;}
.video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail.on{ opacity: 1;}


.video_service .add_video_wrap .video_content ul li div .video_right .videoDetail{position:absolute; left:calc(50% + 10px); transform: translateX(-50%); bottom:15px; border-radius: 0.3rem; border: 1px solid transparent; padding:10px; background-color: #fad000; color:#444; font-weight: 600; opacity: 0; transition: all 0.3s; pointer-events: none;}
.video_service .add_video_wrap .video_content ul li div .video_right .detailBox.on .videoDetail{opacity: 1; pointer-events: auto;}
.video_service .add_video_wrap .video_content ul li div .video_right .videoDetail p{text-align: left;}
.video_service .add_video_wrap .video_content ul li div .video_right .videoDetailTail{position: absolute; width:0; left:10%; bottom:6px;  width: 0;height: 0;border-top: 5px solid #fad000;border-left: 5px solid #fad000;border-right: 5px solid transparent;border-bottom: 5px solid transparent;  opacity: 0; transition: all 0.3s;}
.video_service .add_video_wrap .video_content ul li div .video_right .detailBox.on .videoDetailTail{opacity: 1; pointer-events: auto;}



/*
.video_service .add_video_wrap .video_content ul li div .video_right .txtBox .wishBtn{z-index:3;position:relative;float:right;display:inline-block;} 
.video_service .add_video_wrap .video_content ul li div .video_right .txtBox .wishBtn i{color:#ccc;} 
.video_service .add_video_wrap .video_content ul li div .video_right .txtBox .wishBtn i.on{color:#fad000;} 
*/
.video_service .add_video_wrap .video_content ul li div .video_right .btmBox{position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width:100%; display: flex; justify-content: space-between; padding-left:5px; align-items: center; line-height: 1;}
.video_service .add_video_wrap .video_content ul li div .video_right .btmBox>div{margin-bottom: 3px;}
.video_service .add_video_wrap .video_content ul li div .video_right .detailBox{position: relative; font-size:13px;color:#3da0f2; bottom:0;}
.video_service .add_video_wrap .video_content ul li div .video_right .detailBox span{position: relative;}
.video_service .add_video_wrap .video_content ul li div .video_right .detailBox span::after{position: absolute; width:100%; content:''; display:block; height:0.5px; left: 0;; bottom:-2px; transform: scaleX(0); background-color:#3da0f2; transition: all 0.3s;}
.video_service .add_video_wrap .video_content ul li div .video_right .detailBox:hover span::after{transform: scaleX(1);}
.video_service .add_video_wrap .video_content ul li div .video_right .detailBox span{position: relative;}
.video_service .add_video_wrap .video_content ul li div .video_right .readingBox{position: relative; bottom:0; left:0;} 
.video_service .add_video_wrap .video_content ul li div .video_right .readingBox span{font-size:13px;color:#3da0f2;} 
.video_service .add_video_wrap .video_content ul li div .video_right .readingBox span i{margin-right:4px;font-size:13px;} 
.video_service .add_video_wrap .video_content ul li div .video_right .timeBox {position: relative; font-size:13px; width: auto; height:auto; display: flex; align-items: center; text-align:right;  bottom:0; margin-right: 0;}
.video_service .add_video_wrap .video_content ul li div .video_right .timeBox img {margin-right:5px;vertical-align:bottom;}
.video_service .add_video_wrap .video_content ul li div .video_right .timeBox b {position:relative;top:0px;font-size:13px;color:#575859;letter-spacing:1px;}

/*.video_service .add_video_wrap #video_public{display:block;}*/
.video_service .add_video_wrap  ul li div .video_right .txtBox #video_public2 {padding:5px 10px;background:#e34f8e  ;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap  ul li div .video_right .txtBox #video_major2 {padding:5px 10px;background:#76b804  ;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap  ul li div .video_right .txtBox #video_middle2 {padding:5px 10px;background:#7555b8;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap  ul li div .video_right .txtBox #video_small2 {padding:5px 10px;background:#ff9326;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap  ul li div .video_right .txtBox #video_financial2 {padding:5px 10px;background:#00b386;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap  ul li div .video_right .txtBox #video_foreign2 {padding:5px 10px;background:#4ca6ff;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap  ul li div .video_right .txtBox #video_start2 {padding:5px 10px;background:#ff4c4d;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap  ul li div .video_right .txtBox #video_special2 {padding:5px 10px;background:#0033CC;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_public{background: #e34f8e;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_major{background: #76b804;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_middle {background: #7555b8;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_small {background: #ff9326;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_financial{background: #00b386;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_foreign{background: #4ca6ff;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_start{background: #ff4c4d;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap  ul li div .video_right .txtBox strong#video_jobfind{background: #ffa42e;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_resume{background:#5da3ff;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_test{background: #4083A7;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_interview{background-color: #EB3323;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_public2 {background:#e34f8e;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_major2 {background:#76b804;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_middle2 {background:#7555b8;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_small2 {background:#FFB3A7;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_financial2 {background:#00b386;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_foreign2 {background:#4ca6ff;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap ul li div .video_right .txtBox strong#video_start2 {background:#ff4c4d;padding:5px 10px;border-radius:5px;color:#fff;text-align:center;}
.video_service .add_video_wrap .subBottom {margin-top:20px;}
.video_service .add_video_wrap .subBottom p {color:#999da1; font-size:14px; line-height:1.5;letter-spacing: -1px;}

@media (max-width:1119px){

    .video_service .add_video_wrap  ul li div .video_right .txtBox strong{ font-size: 12px;}
    
    .video_service .add_video_wrap .video_content ul li div .video_right .txtBox {}
    .video_service .add_video_wrap .video_content ul li div .video_right .txtBox span{font-size:12px;color:#575859;}
    .video_service .add_video_wrap .video_content ul li div .video_right .txtBox p{font-size:12px;line-height:20px; margin-top: 10px; padding-top:5px ;} 

    .video_service .add_video_wrap .video_content ul li div .video_right .btmBox{text-align: left; bottom:8px; display: flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; margin-left: 10px;}


    .video_service .add_video_wrap .video_content ul li div .video_right .detailBox{font-size:11px;}

    .video_service .add_video_wrap .video_content ul li div .video_right .readingBox span{font-size:11px;} 
    .video_service .add_video_wrap .video_content ul li div .video_right .readingBox span i{font-size:11px;}
    
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox b {font-size:11px;}

    .video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail .vrdTitle{font-size:13px;}
    .video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail .vrdContext{ margin-top: 7px;font-size:12px;}

}

@media (max-width:960px){
    .video_service .cate_list li {width:25%}
}


@media (max-width:768px) {
    	
	.add_video_wrap {padding-top:0;padding-bottom:20px;}
	
	.video_service{padding:30px 0;}
	.video_service .add_video_wrap .video-list-top-wrap .video-list-top-left{float:none;margin-bottom:10px;}
	.video_service .add_video_wrap .video-list-top-wrap .video-list-top-left p{display:block;text-align:center;}
	.video_service .add_video_wrap h2 {font-size:16px;}
	.video_service .add_video_wrap .com_select .cate_list li {width:49%;margin:0 2% 10px 0;font-size:13px;}
	.video_service .add_video_wrap .com_select ul li:nth-child(2n+2){margin-right:0;}
	.video_service .add_video_wrap .com_select ul li button {font-size:13px;}
	.video_service .add_video_wrap .video_content ul li {position:relative;width:100%;height:200px;margin:0 2% 10px 0;}
	.video_service .add_video_wrap .video_content ul li div .video_left {height:195px;}
	.video_service .add_video_wrap .video_content ul li div .video_right {height:195px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox {padding:0 10px 0 0;height:70%;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox span{margin-left:5px;font-size:12px;color:#575859;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox p{padding-top:10px;margin-top:14px;border-top:solid 1px #bbc0c4;font-size:14px;line-height:20px;color:#575859; font-weight: 700; font-family: "Nanum Gothic", "나눔고딕",sans-serif;}
	.video_service .add_video_wrap .video_content ul li div  .video_right .timeBox img {margin-right:5px;vertical-align:bottom;}
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox {bottom:0;right:0;  height:auto; margin-right:5px;text-align:right;width:auto;}
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox b{position:relative;top:0;display:block;float:right;font-size:12px;color:#575859;letter-spacing:1px; height:auto;}
	/*.video_service .add_video_wrap .video_content ul li .video_right a img{top:2px;left:250px;}*/
	
	.callBox{padding-top:80px;padding-bottom:80px;left:0;top:0;width:100%;height:100%;overflow:auto;}
	.modal-content{width:80%;}
	.modal-content{width:90%;}
	.close{left:40%;font-size:12px;}
	.close:hover, .close:focus{background:#dddddd;color:#000;text-decoration:none;cursor:pointer;}
	.resetBtn, .bookBtn{margin:0;width:100%;border:1px solid #fff;}
	.callBox .modal-content .modal-body div ul li:nth-child(2){margin-left:0;margin-right:0;}
	.callBox .modal-content .modal-body div ul li{height:auto;;margin-top:10px;}
	.callBox .modal-content .modal-body .modal_tit{padding:0 0 10px 0;font-size:14px;line-height:21px;}
	.callBox .modal-content .modal-body p:nth-child(2){font-size:14px;}
	.callBox .modal-content .modal-footer div{width:100%;}
	.callBox .modal-content .modal-footer div p:nth-child(1){font-size:14px;line-height:30px;}
	.callBox .modal-content .modal-footer div p span{line-height:20px;}

}

@media (max-width:744px){
    .video_service {padding-top:100px}
    .video_service .box-border {padding:0;border:0}
    .video_service .cate_list {margin:-2px}
    .video_service .cate_list li {width:33.33333%;padding:2px}
    /*.video_service .cate_list li button {height:40px;font-size:10px}*/
    .video_service .tb_row02 thead {display:none}
    .video_service .tb_row02 tbody tr {display:block;position:relative;width:100%}
    .video_service .tb_row02 tbody td {display:block;padding:0 15px;border-bottom:0}
    .video_service .tb_row02 tbody td:nth-child(1) {padding-top:10px;font-size:14px;color:#3da0f2}
    .video_service .tb_row02 tbody td:nth-child(2) {padding:10px 15px;border-bottom:1px solid #d9d9d9}
    .video_service .tb_row02 tbody td:nth-child(3) {padding-top:10px;position:absolute;top:0;right:0;font-size:14px;color:#b5b5b5}
}


@media (max-width:630px) {
	
	.video_service .add_video_wrap .com_select ul li:nth-child(2n+2){margin-right:0;}
	.video_service .add_video_wrap .video_content ul li div .video_right {margin-top:10px;padding:0 5px;height:180px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox {padding:0;margin-top:5px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox span{margin-left:5px;font-size:12px;color:#575859;}
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox b{width:auto;  height:auto; position:relative;top:0;display:block;float:right;font-size:12px;color:#575859;letter-spacing:1px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox img{top:2px;left:155px;}	
	
    .video_service .add_video_wrap .video_content ul li div .video_right .btmBox{bottom: 5px;}


}

@media (max-width:530px) {
	
	/* 동영상 리스트 */
	.video_service{padding:30px 0;}
	.video_service .add_video_wrap .video_content ul li{height:162px;}
	.video_service .add_video_wrap .video_content ul li div .video_left{height:auto;}
	.video_service .add_video_wrap .video_content ul li div .video_right{margin-top:0;height:159px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox strong{padding:3px 5px;font-size:12px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox .wishBtn i{font-size:12px;} 

	.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right{float:none;}
	.video_service .add_video_wrap .video-list-top-wrap .video-list-top-right .video-list-view{display:block;text-align:center;}
	
	
    .video_service .add_video_wrap .video_content ul li div .video_right .txtBox p{font-size: 13px;} 

}


@media (max-width:444px) {	

	.video_service .add_video_wrap .com_select ul li:hover>button {background:url(/images/common/chek_white_01.png) no-repeat 30px center;}
	.video_service .add_video_wrap .video_content ul li{height:auto;} 
	.video_service .add_video_wrap .video_content ul li .wishBtn{position:absolute;top:235px;right:10px;float:right;display:inline-block;} 
	.video_service .add_video_wrap .video_content ul li div .video_left {padding:0;width:100%;height:auto;}
	.video_service .add_video_wrap .video_content ul li div .video_left img{width:100%;height:auto;border-radius:5px 5px 0 0;}
	.video_service .add_video_wrap .video_content ul li div .video_right {padding:0 5px 0 5px;width:100%;height:125px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox {width:auto;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox {margin-top:15px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox p{padding-top:5px;margin-top:5px;border-top:none;font-size:13px;line-height:20px;}		
	.video_service .add_video_wrap .video_content ul li div .video_right .readingBox{ width:auto; } 
	.video_service .add_video_wrap .video_content ul li div .video_right .readingBox span{font-size:10px;} 
	.video_service .add_video_wrap .video_content ul li div .video_right .readingBox span i{margin-right:2px;font-size:10px;} 
	
    .video_service .add_video_wrap .video_content ul li div .video_right .btmBox{margin-left: 0; width: 90%; display: flex; flex-direction:row; align-items: center; justify-content: space-between;}
    .video_service .add_video_wrap .video_content ul li div .video_right .detailBox{font-size:11px;}
    .video_service .add_video_wrap .video_content ul li div .video_right .readingBox span{font-size:11px;} 
    .video_service .add_video_wrap .video_content ul li div .video_right .readingBox span i{font-size:11px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox b {font-size:11px;}

	.callBox .modal-content .modal-footer div button{position:relative;margin:5px 0;width:30%;padding: 8px 20px;font-size:13px;}

    .video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail{ padding: 0; transition: all 0.3s; opacity: 0; pointer-events: none; text-align: left;} 
    .video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail .vrdWrap{position: absolute; top: 0;left: 0; width: 100%; height: 100px; box-sizing: border-box; padding: 10px;}
    .video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail .vrdTitle{margin-left: 0;font-size:13px;}
    .video_service .add_video_wrap .video_content ul li div .video_right .videoRightDetail .vrdContext{margin-left: 0;height:70px;font-size:13px;}

    
}

@media (max-width:405px) {
	.video_service .add_video_wrap .com_select ul li:hover>button {background:url(/images/common/chek_white_01.png) no-repeat 20px center;}
	.video_service .add_video_wrap .video_content ul li .wishBtn{top:215px;} 
	.video_service .add_video_wrap .video_content ul li div .video_right {margin-top:0;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox {height:70%;padding:0;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox strong{padding:3px 5px;font-size:12px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .txtBox p{padding-top:5px;margin-top:5px;border-top:none;font-size:13px;line-height:17px;}
	/* .video_service .add_video_wrap .video_content ul li div .video_right .timeBox {width: auto;}
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox b{position:relative;top:5px;display:block;float:right;font-size:10px;line-height:16px;}
	.video_service .add_video_wrap .video_content ul li div .video_right .timeBox img{width:10px;height:auto;}	 */
}

@media (max-width:390px) {
	.video_service .add_video_wrap .video_content ul li .wishBtn{top:200px;} 
}

@media (max-width:350px) {
	.video_service .add_video_wrap .video_content ul li .wishBtn{top:180px;} 
}

/* matching video 결과 없을때  */

.search-result-txt-wrap.on .search-result-txt{padding:30px 0 10px; text-align: center; color:#aaa; font-weight: 700; font-size: 21px; word-break: keep-all;}

@media (max-width:768px){
.search-result-txt-wrap.on .search-result-txt{padding:20px 0 10px;  font-size: 15px;}
}
@media (max-width:500px){
    .search-result-txt-wrap.on .search-result-txt{padding:20px 0 20px;  font-size: 13px;}
    }
    


/* contents_view */
/* 콘텐츠 보기 화면 */
.video_popup_wrapper {
    margin: 0 auto;
    padding: 20px;
    padding-bottom:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    overflow:auto;
    
}

.video_popup_wrapper .video_wrapper {
    width: 100%;
    height: 200px;
    padding-bottom: 20px;
}

.video_popup_wrapper .video_wrapper .video_box {
    width:100%;
    max-width: 293px;
    height:100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    cursor:pointer;
}

.video_box .video_thumbnail {
    width: auto;
    height: 100%;
    position: absolute;
}

.video_box .video_play_box {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
}

.video_box:hover .video_play_box {
    background-color: rgba(0, 0, 0, 0.7);
}


.video_box .video_time{
    position:absolute;
    bottom:0;
    right:0;
    opacity: 1;
    transition: all 0.3s;
}

.video_box .video_time span{
    font-size: 14px;
    padding:3px 7px;
    background-color: black;
    color:#fff;
    line-height: 50%;
    font-family: "NanumSquare","나눔스퀘어",sans-serif;
}


.video_box:hover .video_time{
    opacity: 0;
}
.video_play_box .video_play_icon_wrap {
    width: 100%;
    height: 100%;
    max-width: 100px;
    max-height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video_play_box .video_play_icon_wrap .video_play_icon {
    width: 100%;
    height: 100%;
    background-image: url(../images/sub/OnePoint_play.png);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.video_play_box:hover .video_play_icon_wrap .video_play_icon {
    opacity: 0;
}

.video_play_box .video_play_icon_wrap p{
    position: absolute;
    top:50%;
    left:50%;
    width:100%;
    transform: translate(-50%,-50%) scaleX(0);
    overflow: hidden;
    font-size: 40px;
    color:rgb(255, 238, 0);
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
    font-family: "Nanum Gothic", "나눔고딕",sans-serif;
    font-weight: 800;
    transition: all 0.3s;
    opacity: 0;

}

.video_play_box:hover .video_play_icon_wrap p{
    transform:translate(-50%,-50%) scaleX(1);
    opacity: 1;
}


.video_introduction {
    width: 100%;
    border-top: 1px solid #707070;
    padding: 20px 0;
    font-family: "NanumSquare", "나눔스퀘어",sans-serif;

}
.video_category {
    width: 100%;
    height: 30px;

}

.video_category strong.video_category_1 {
    font-size: 16px;
    font-family: "Nanum Gothic", "나눔고딕",sans-serif;
    font-weight: 700;
    padding: 5px 10px;
    background-color: #E34F8E;
    color: #ffffff;
    border-radius: 5px;
    margin-right: 10px;
}
/* 동영상 썸네일 strong 색 */

#video_public strong.video_category_1 {
    background-color: #E34F8E;
}

#video_major strong.video_category_1 {
    background-color: #76b804;
}
#video_middle strong.video_category_1 {
    background-color: #7555b8;

}
#video_small strong.video_category_1 {
    background-color: #ff9326;
}
#video_financial strong.video_category_1 {
    background-color: #00b386;
}
#video_foreign strong.video_category_1 {
    background-color: #4ca6ff;
}
#video_start strong.video_category_1 {
    background-color:  #ff4c4d;
}
#video_jobfind strong.video_category_1 {
    background: #ffa42e;
}
#video_resume strong.video_category_1 {
    background:#5da3ff;
}
#video_test strong.video_category_1 {
    background: #4083A7;
}

#video_interview strong.video_category_1 {
    background-color: #EA9346;
}

.video_category span.video_category_2 {
    font-size: 14px;
    font-family: "Nanum Gothic", "나눔고딕",sans-serif;
}

.video_title {
    width: 100%;
    font-family: "Nanum Gothic", "나눔고딕",sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.video_detail {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #707070;
    font-family: "Nanum Gothic", "나눔고딕",sans-serif;
}

/* tts box */

.video_detail .video_detail_tts_box_wrap{
    width:100%;
    /* height:80px; */
    border:1px solid #ccc;
    box-sizing: border-box;
    padding:5px 10px;
    margin-bottom:10px;
}

.video_detail .video_detail_tts_box{
    width:100%;
    /* height:30px; */
    line-height: 30px;
    vertical-align: middle;
    margin-bottom:10px;
}

.video_detail .video_detail_tts_box button{
    /* padding:3px 6px;
    background-color: #fad000; */
    margin-right:3px;
    padding: 2px 15px;
    background-color: #fad000;
    font-size: 16px;
    color:#444;
    display: inline-block;
    border-radius: 7px;
    
}

.video_detail .video_detail_tts_box div{   
    /* font-size:20px; */
    font-weight: bold;
    font-family: "Nanum Gothic", "나눔고딕",sans-serif;
    margin-right:10px;
    display: inline-block;
}

.video_detail .video_detail_tts_box div i{
}

.video_detail .video_detail_tts_box div span{  
    font-size:13px;

}

.video_detail .video_detail_tts_warning_box {
}

.video_detail .video_detail_tts_warning_box p{
    font-size: 11px;
    text-align: left;
    color:rgb(146, 146, 146);
    word-break: keep-all;
}


.video_detail .video_detail_context{
    width:100%;
    overflow-Y: auto;
    font-family: "Nanum Gothic", "나눔고딕",sans-serif;
    word-break: keep-all;
    text-align: left;
    white-space: pre-wrap;
    line-height: 1.5;
    font-size: 15px;
    min-height: 300px;
}

.video_popup_close {
    width: 100%;
    height: 50px;
    /* text-align: center;
    vertical-align:baseline; */
    position:fixed;
    bottom:0;
}

.video_popup_close span {
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    /* display: inline-block; */
    padding: 5px 10px;
    background-color: orange;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
}


.coachReport{margin-top: 4em; padding-bottom: 4em;}
.coachReport .headBox{margin-top: 1.5em; margin-bottom:0.5em;}
.coachReport .headBox .headMain{font-size:2em; text-align: center; margin-bottom: 0.5em; display: flex; justify-content: center; align-items: center;}
.coachReport .headBox .headImg{margin-right: 0.3em; height:1.3em; width: auto;}
.coachReport .headBox .headSub{text-align: right;}
.coachReport .big_title{position: relative;margin: 3.5em 0 1em; display:flex; justify-content: flex-start; align-items: center;}
.coachReport .big_title h1{float: left; display:block; color: #353738;font-size: 1.5em;font-weight: 700;}
.coachReport .big_title .coment_box2{ margin: 0 0 0 1.5em;color: #999da1;font-size: 1em; font-weight: 600;}
@media screen and (max-width:768px) {
.coachReport{font-size: 13px;}
    .coachReport .tableWrap{overflow-x:scroll ;}    
}
@media screen and (max-width:500px) {
.coachReport{font-size: 11px;}
}
.coachReport table{min-width:768px;}
.coachReport table th{height:3.5em; word-break: keep-all;}
.coachReport table td{height:3.5em; word-break: break-all;}
.coachReport table td.url{padding:0 0.5em; text-align: left; }
.coachReport #reason_text{height: 15em; resize: none; background-color: #fff;}
.coachReport #reason_text[disabled]{color:#2d2d2d;}
.coachReport .individual_condition{padding:0;}

.idcReportWrap{padding-top:1.5em ; }
.idcReportWrap .setting{font-weight: 600;  width:100%; margin-bottom: 1em; }
.idcReportWrap .idcReportEventWrap{width:100%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;} 
.idcReportWrap .idcReportEvent{width:49%;  height:6em; margin-right: 1%; margin-bottom: 0.7em;; box-sizing:border-box; padding: 0 0.7em; border: 1px solid #cdcdcd ; border-radius: 1em; display:flex; justify-content: flex-start; align-items: center; background-color: #fff;}
.idcReportWrap .idcReportEvent:nth-child(2n){margin-right: 0%;}
@media screen and (max-width:500px) {
    .idcReportWrap .idcReportEvent{width:100%;  height:6em; margin-right: 0%; margin-bottom: 0.7em;; box-sizing:border-box; padding: 0 0.7em; border: 1px solid #cdcdcd ; border-radius: 1em; display:flex; justify-content: flex-start; align-items: center; background-color: #fff;}
}
.idcReportWrap .idcReportEvent .idcReportImg{width:7em; margin-right:1em ; height:auto;}
.idcReportWrap .idcReportEvent .idcReportTxt{text-align: left; word-break: keep-all;} 
.pageDetail{width:100%; margin-top: 1em; font-size: 0.9em; display: flex; justify-content: center; align-items: center;}

.reportInfo .setting{margin-bottom: 1em; font-weight: 600;}
.reportInfo tr td textarea{width:100%; height:100%; resize: none; border-radius: 5px;}

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

.satiWrap{font-size:16px;}
.satiWrap .sati{display:flex; justify-content:center; align-items:center;}
.satiWrap .sati .satiImg{ width:9em; margin-right: 0.5em; }
.satiWrap .sati .satiTxt{ text-align: center; display:flex; justify-content:center; align-items: center; flex-direction: column;}
.satiWrap .sati .satiTxt a{ margin-top: 0.5em; color:#0080ff; font-weight: 600;}

/* 전담코치 발송 */
.ind_sent{}
.indSentWrap{position: relative;margin-top: 1.8em;margin-bottom: 1.8em;padding: 2% 4%;border-radius: 5px;border: solid 1px #d7dade;background: #fff; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; word-break:keep-all;}
.ind_sent_img{margin-right: 0.5em; width:2.5em; height:auto;}
.ind_sent_finder, .ind_sent_date{ color:#009fe4; font-weight: 600;}
.ind_txt{ display: flex; justify-content: center; align-items: center;}
.ind_txt div{ word-break: keep-all; display: flex; justify-content: center; align-items: center; flex-wrap:wrap;}
.ind_sent_btn{padding:0.6em 1.2em; background:#1e88e5; border-radius: 0.2em; font-weight:600; color:#fff; font-family:'Nanum Gothic'sans-serif;}
.ind_sent_btn a{color:#fff;}


@media screen and (max-width:768px) {
    .ind_sent{font-size: 14px;}
    /* .indSentWrap{flex-direction: column;} */
    .ind_txt{}
    .ind_sent_btn{margin-top: 1em;}
    .indSentWrap{justify-content: center; align-items: center; text-align:center;}
}

@media screen and (max-width:500px) {
    .ind_sent{font-size: 12px;}
}

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

.coachReport{font-size:1em; width:100%;}
.coachReport table tbody th, .coachReport table tbody td, .coachReport table thead th, .coachReport table thead td{ font-size: 1em;}
@media screen and (max-width:768px){
.coachReport{font-size:13px; width:100%;}
.coachReport table{min-width: 500px;}
}

@media screen and (max-width:500px){
    .coachReport{font-size:11px; width:100%;}
    }

/* 취업현황 */
.successSection{text-align: center;}
.successSection .news{ margin-top: 4em; width:auto; min-width:80%; font-size: 16px; display:inline-flex; justify-content: space-between;align-items: center; background-color:#fff ; }
@media screen and (max-width:1200px){.successSection .news{font-size: 16px;}}
@media screen and (max-width:768px){.successSection .news{font-size: 14px;}}
@media screen and (max-width:500px){.successSection .news{font-size: 12px;}}
.successSection .news .title{padding:0.5em; background-color: #aaa; color:#fff; flex-shrink: 0;}
.successSection .news .open-event{text-align: center; overflow:hidden; height:2.3em;}
.successSection .news .open-event img{}
.successSection .news .open-event .notice-list{}
.successSection .news .open-event .notice-list.animation{
    animation-name:jobfindBanner;
    animation-duration: 0.3s;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}

@keyframes jobfindBanner {
    from{
        transform: translateY(0%);

    }
    to{
        transform: translateY(-33%);
    }
}
.successSection .news .open-event .notice-list li{display: none; justify-content: space-around;padding:0.5em; word-break: keep-all;}
.successSection .news .open-event .notice-list li a{width:30em;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.successSection .news .open-event .notice-list li span{width: 8em; flex-shrink: 0; }
.successSection .news .control{padding:0.5em; flex-shrink: 0;}
.successSection .news .open-event .notice-list li:nth-child(1),.successSection .news .open-event .notice-list li:nth-child(2),.successSection .news .open-event .notice-list li:nth-child(3){
    display: flex;
}


@media screen and (max-width:768px){
    .successSection .news{min-width:unset;}
    .successSection .news .title{display:none;}
    .successSection .news .open-event .notice-list li a{width:20em; text-align: left; }
    .successSection .news .open-event .notice-list li span{width: 6em;   display: flex; justify-content: center; align-items: center;}
}
@media screen and (max-width:500px){
    .successSection .news .open-event .notice-list li a{max-width:20em; width: auto;flex-shrink:1; }
    .successSection .news .open-event .notice-list li span{width:6em;  }

}

@media screen and (max-width:350px){
    .successSection .news .open-event .notice-list li a{white-space: normal;}
}


/* Jobtube */


.video-section{
    font-family: 'NanumSquare',sans-serif;
    background: #E6E9ED;
}

.video-section .video-list__item--empty {display:flex; align-items:center; flex-direction:column; gap:1.25rem; font-size:16px; color:#888; font-weight:400; padding:9.375rem 0; margin-top:1.25rem; border:1px solid #e3e3e3; border-radius:0.625rem; text-align:center;}
.video-section .video-list__item--empty:before {content:""; width:135px; height:117px; margin-left:0.625rem; background-image:url("../images/job_video_icon/bg_mentoring_empty.svg"); background-repeat:no-repeat; background-position:0 0; background-size:contain;}


@media screen and (max-width: 960px) {
    .video-section{
       font-size: 15px;
    }
}
@media screen and (max-width: 768px) {
    .video-section{
        font-size: 14px;
     }
}
@media screen and (max-width: 500px) {
    .video-section{
        font-size: 12px;
     }
}

.video-section__title_wrap{
    padding-top: 1em;
    padding-bottom: 0.333em;
    display: flex;
    justify-content: space-between;
	display: flex;
    justify-content: center;
    align-items: center;
}

.video-section__title {
	position: relative;
    color: #1b1b1b;
    font-size:2rem;
    font-weight:400;
    letter-spacing: -0.04em;
    line-height: 1;
  }
   .video-section__title span {
   	font-family:"Pretendard Variable", "Pretendard", sans-serif;
 }
 .video-section__title span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1.0625rem;
    width: 3.25rem;
    height: 0.3125rem;
    background-color:#ff9c83;
}
  .video-section__title em {
  	font-weight:600;
	font-family:"Pretendard Variable", "Pretendard", sans-serif;
  }
  /*
  .video-section__total {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.5em;
    font-size: 0.777em;
    font-weight: 300;
  }
  */
 .video-section__total {
	display:flex;
	flex-wrap:wrap;
	font-size:0.875rem;
	color:#555;
	margin-left:1.25rem;
	height:min-content;
	padding:0.1875rem 1.25rem;
	border:1px solid #e3e3e3;
	border-radius:3.125rem;
}
 .video-section__total dt {
	margin-right:0.3125rem;
	font-weight:400;
    font-family:"Pretendard Variable", "Pretendard", sans-serif;
 }
 .video-section__total dd em {
  color:#ff7b5a;
  font-weight:600;
  font-family:"Pretendard Variable", "Pretendard", sans-serif;
 }

/******************* 학교 포인트 컬러 변경 - A타입, B타입 공통 *******************/
	/******************* 컬러 A *******************/
	/* 잡튜브 */
	.sub-color-a .video-section__title span:before,
	.sub-color-a .btn-submit:before {background-color:#1e7176;}
	.sub-color-a .board-search__form-input,
	.sub-color-a .board-search__form-input:focus {border-color:#1e7176;}
	.sub-color-a .pagination_wrap .active {color:#80b0b8; border-color:#80b0b8;}	

	/******************* 컬러 B *******************/
	/* 잡튜브 */
	.sub-color-b .video-section__title span:before,
	.sub-color-b .btn-submit:before {background-color:#3686e0;}
	.sub-color-b .board-search__form-input,
	.sub-color-b .board-search__form-input:focus {border-color:#3686e0;}
	.sub-color-b .pagination_wrap .active {color:#64b5f6; border-color:#64b5f6;}

	/******************* 컬러 C *******************/
	/* 잡튜브 */
	.sub-color-c .video-section__title span:before,
	.sub-color-c .btn-submit:before {background-color:#a5333a;}
	.sub-color-c .board-search__form-input,
	.sub-color-c .board-search__form-input:focus {border-color:#a5333a;}
	.sub-color-c .pagination_wrap .active {color:#de898a; border-color:#de898a;}

	/******************* 컬러 D *******************/
	/* 잡튜브 */
	.sub-color-d .video-section__title span:before,
	.sub-color-d .btn-submit:before {background-color:#f48c06;}
	.sub-color-d .board-search__form-input,
	.sub-color-d .board-search__form-input:focus {border-color:#f48c06;}
	.sub-color-d .pagination_wrap .active {color:#faa307; border-color:#faa307;}
	
  
  /* ==============================
  
    영상 게시판 목록
  
  ============================== */
  .video-section .video-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.175rem;
    margin-top:2.48rem;
  }

  .video-list__item {
    border: 1px solid #e3e3e3;
    border-radius: 0.625rem;
	cursor:pointer;
  }
  .video-list__item:hover {
	border-color:#888888;
	transition:all .2s;
	transform:translateY(-0.3125rem);
 }

  @media screen and (min-width: 961px) {
    .video-list__item:nth-child(2n+1) {
      clear: both;
    }
  }
  @media screen and (max-width: 960px) {
    .video-list__item {
      float: none;
      width: auto;
      padding: 0.78125rem;
    }
  }
  .video-list__item--empty {
    width: 100%;
    padding: 5rem 0;
    text-align: center;
    font-size: 1.1em;
    font-weight: 700;
    color:#d3d2d2;
    font-family: 'NanumSquare','나눔스퀘어';
  }
  .video-list__item--empty .cantFind{
      color:#ffc800;
      font-family: 'NanumSquare','나눔스퀘어';
  }


  .video-list__inner {
    padding:1.25rem 1.25rem;
  }
  /*
  .video-list__inner-item {
    display: table-cell;
    vertical-align: middle;
  }
  */
  .video-list__inner-item--thumb {
    /* width: 12.5rem; */
    cursor: pointer;

  }
  
  .video-list__inner-item--thumb .imgWrap{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15.25rem;
    height: 8.5625rem;
  }
  .jobtube-wrap iframe {
	height:1150px;
	}
  @media screen and (max-width:1180px){
	.video-list__inner-item--thumb .imgWrap {
		width:auto;
		height:8rem;
	}
	/*
	.video-section .video-list {
		grid-template-columns: repeat(3, 1fr);
	}*/
	.video-section .container {
		max-width:none;
	}
	.video-section .container {
		padding-left:0 !important;
		padding-right:0 !important;
	}
}

  @media screen and (max-width: 960px) {
    .video-list__inner-item--thumb {
        width:auto;
    }
	.video-list__inner-item--thumb .imgWrap {
		width:auto;
		height:6.5rem;
	}
	.video-list__inner {
	 padding:0;
	 }
  }
    @media screen and (max-width:820px) {
	.video-list__inner-item--thumb .imgWrap {
		width:auto;
		height:5.2rem;
	}
  }

  @media screen and (max-width:767px){
    .re_recruit .recomm_box  .match_wrap ul.match_box li{width:100%; padding:3% 3%; margin-bottom:3%;}
	#jobtube_wrap iframe {
		height:1150px;
	}
	.video-list__inner {
		padding:0;
	}
	.video-list__inner-item--thumb {
		width:100%;
	}
	.video-list__inner-item--thumb .imgWrap {
		width:100%;
		height:4.7rem;
	}
}

  @media screen and (max-width:640px) {
  	.video-section__title {
      font-size: 1.325rem;
    }
	.video-section .video-list {
		gap:0.625rem;
	}
    .video-list__inner-item--thumb {
        width:auto;
    }
	.video-section .video-list {
		grid-template-columns: repeat(3, 1fr);
	}
    .video-list__inner-item--thumb .imgWrap{
        width:auto;
        height:6.4em;
    }
  }
@media screen and (max-width:500px){
	.video-section .video-list {
		grid-template-columns: repeat(2, 1fr);
	}
	.video-list__title {
		font-size: inherit;
	}
	 .video-list__inner-item--thumb .imgWrap{
        width:auto;
        height:8.7em;
    }
}
@media screen and (max-width:480px){
	#jobtube_wrap iframe {
		height:1620px;
	}
}

  .video-list__inner-item--thumb img {
    width: 100%;
    height: auto;
  }
  .video-list__inner-item--content {
    color: #1b1b1b;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.5em;
  }
  .video-list__title {
  	font-size:1rem;
	font-weight:400;
    overflow: hidden;
    margin-top: 0.75rem;
    line-height: 1.5;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	 font-family:"Pretendard Variable", "Pretendard", sans-serif;
	 min-height:2.8rem;
  }
  .video-list__source {
    display: block;
    font-size:0.875rem;
    color:#888888;
	font-weight:400;
    margin-top: 0.75rem;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family:"Pretendard Variable", "Pretendard", sans-serif;
  }
  @media screen and (max-width: 960px) {
    .video-list__source {
      margin-top: 0.5em;
      font-size: 0.75rem;
    }
  }

 .video-section .page_list{
      margin-top:1.5em;	 
	  text-align: center;
	  font-family: 'NanumSquare', '나눔스퀘어' ,sans-serif;
	  letter-spacing :20px;
  }

  .page_list .cur_page{		
		font-size: 19px;	
		font-weight: bold;

  }


/* Jobtube modal */
/* 
.iframe_play_wrap{z-index: 3000;position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); display:flex; justify-content: center; align-self: center;}
.iframe_play_wrap #iframe_play{position:absolute; width:100%; height:100%; top:50%; left:50%; transform: translate(-50%, -50%); display:block;}
.iframe_play_wrap .close{position:absolute; border:none; left:auto; right:20px; top:3em; width:50px; height:50px; margin:0; padding:0; font-size: 30px; color:#aaa;float:right;font-size:1.5em;font-weight:bold;}
.iframe_play_wrap .close:hover{background: none; color:#fff;}
.iframe_play_wrap #iframe_play .ytp-cued-thumbnail-overlay-image{background-size: contain; -webkit-background-size:contain; -moz-background-size:contain;}
body.modal_open{overflow:hidden;} */

.modal-open{overflow:hidden}
.modal-open
.modal{overflow-x:hidden;overflow-y:auto;}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:absolute;width:90%; top:50%; left:50%; margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-70%);}
.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}
.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}
.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
.modal-dialog-centered.modal-dialog-scrollable::before{content:none}
.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#fff}
.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}
.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between; padding:0; border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}
.modal-title{margin-bottom:0; padding:0 1em; font-weight: 700; white-space:nowrap; max-width: 50em;  overflow: hidden; text-overflow: ellipsis;}
.modal .modal-content .modal-header .close{ position:relative; right:0; top:0; left:auto; margin:0; bottom:auto; padding:0.5em 1em ; color: #000;font-size: 1em;font-weight: bold; border:none; border-left: 1px solid #dee2e6;}
.modal .modal-content .modal-header .close:hover{ background:#dddddd;color:#fff;}
.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}
.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

@media (min-width:576px){
    .modal-dialog{
        max-width:1024px;
        margin:1.75rem auto}
    .modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
    .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
    .modal-dialog-centered{min-height:calc(100% - 3.5rem)}
    .modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}
    .modal-sm{max-width:300px}
}
@media (min-width:992px){
    .modal-lg,.modal-xl{max-width:800px}
}
@media (min-width:1200px){
    .modal-xl{max-width:1140px}
}

.jobtube{width:100%; height:7.5em;}
.jobtube iframe{width:100%; height:100%; background-color: #000;}


/* Jobtube search */



.board-search {
  margin-top:2.4375rem;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .board-search {
    display: flex;
    justify-content: center;
  }
}

.board-search__item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 2.75em;
  margin: 0 0.125em;
  border: 1px solid #c9c9c9;
  color: #1b1b1b;
  font-size: 0.875rem;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 960px) {
  .board-search__item {
    height: 2.5em;
  }
}


.board-search__item--select-box {
  width: 8.75rem;
}
@media screen and (max-width: 960px) {
  .board-search__item--select-box {
    width: 35%;
  }
}
.board-search__item--input-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 31.25rem;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .board-search__item--input-box {
    width: 80%;
  }
}

@media screen and (max-width: 500px) {
    .board-search__item--input-box{
      width:100%;
    }
  }

.board-search__form-input {
  font-size:0.9375rem;
 width: 100%;
 padding: 16px 50px 16px 26px;
 border:3px solid #ff7b5a;
 border-radius: 100px;
 font-family: "Pretendard Variable", "Pretendard", sans-serif;
}
.board-search__form-input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #000 !important; 
  transition: background-color 9999s ease-out, color 9999s ease-out;
}
.board-search__form-input:focus {
 border:3px solid #ff7b5a;
}
.board-search__form-input:focus::placeholder {
 opacity:0;
 transition:opacity 0.3s ease-in-out;
}
/*
.board-search__form-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 7.5em;
  height: 100%;
  /* background: transparent; 
  background:#5bb1f7;
  color: #fff;pagination
  font-weight: 700;
  font-size: 1em;
  display:flex;
  justify-content: center;
  align-items: center;
}
.board-search__form-btn i {
  color: #fff;
  font-size: 1.285em;
  line-height: 1;
}
*/
.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 0;
    height: 0;
    color: transparent;
    overflow: hidden;
}

.btn-submit {position:absolute; right:18px; top:50%; transform:translateY(-50%); padding:10px; font-family:"Pretendard Variable", "Pretendard", sans-serif;}
.btn-submit:before {content:""; display:block ;width:18px; height:18px; background-color:#ff7b5a; background-image:url("../images/template/tpl_icon_search_mask.png");}
.btn-submit:focus {outline:none;}
.btn-submit:focus::placeholder {opacity:0; transition:opacity 0.3s ease-in-out;}

/* jobtube pagination */

.pagenationWrap{
    margin-top:1em;
    display: flex;
    justify-content: center;
}

.pagenationWrap .pagenation{
    width:2em;
    height:2em;
    margin:0 0.2em;
    font-weight: 700;
    border-radius: 0.3em;
    background-color: #D7DADE;
    color:#aaa;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.pagenationWrap .pagenation.on{
    color:#00a0e9;
    font-weight: 700;
    background-color: #fff;

}


.notice {
    text-align: center;
    padding: 5px 0 20px 0;
    margin-bottom: 20px;
}

.notice a {
    font-size: 0.85em;
    font-weight: 200;
    color: #333;
    line-height: 27px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 2px;
    vertical-align: middle;
    cursor: pointer;
}

.notice .page_on {
    pointer-events: none;
}

.notice .page_on, .notice .next_Btn, .notice .prev_Btn, .notice .last_prev_Btn, .notice .last_Btn {
    border: 1px solid #ddd;
}

.notice .next_btn {
    background-image: url(/images/common/next_icon.png);
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    border: 1px solid #b9bcc4;
    opacity: 0.5;
}

.notice .last_next_btn {
    background-image: url(/images/common/last_next_icon.png);
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    border: 1px solid #b9bcc4;
    opacity: 0.5;
}

.notice .prev_btn {
	background-image: url(/images/common/prev_icon.png);
	background-position: center;
	background-size: 10px;
	background-repeat: no-repeat;
	border: 1px solid #b9bcc4;
	opacity: 0.5
}

.notice .last_prev_btn {
    background-image: url(/images/common/last_prev_icon.png);
    background-position: center;
    background-size: 10px;
    background-repeat: no-repeat;
    border: 1px solid #b9bcc4;
    opacity: 0.5;
}

/* Pagenation */
.pagination_wrap {text-align:center;}
.pagination_wrap p {display:inline-block; vertical-align:top;}
.pagination_wrap ul {display:flex; justify-content:center; align-items:center; gap:0.5rem;}
.pagination_wrap ul li {position:relative; width:1.9375rem; height:1.9375rem;}
.pagination_wrap .tpl_btn_prev,
.pagination_wrap .tpl_btn_next,
.pagination_wrap .tpl_btn_first,
.pagination_wrap .tpl_btn_last {border:1px solid #e9e9e9;}
.pagination_wrap .tpl_btn_prev:before,
.pagination_wrap .tpl_btn_next:before,
.pagination_wrap .tpl_btn_first:before,
.pagination_wrap .tpl_btn_last:before {content:""; position:absolute; left:0.8125rem; top:0.6875rem; width:0.3125rem; height:0.5625rem; background-repeat:no-repeat; background-size:contain;}
.pagination_wrap .tpl_btn_first:before,
.pagination_wrap .tpl_btn_last:before {left:0.625rem; width:0.6875rem;}
.pagination_wrap .tpl_btn_prev:before {background-image:url("/images/template/tpl_icon_arrow_left.png");}
.pagination_wrap .tpl_btn_next:before {background-image:url("/images/template/tpl_icon_arrow_right.png");}
.pagination_wrap .tpl_btn_first:before {background-image:url("/images/template/tpl_btn_first.png");}
.pagination_wrap .tpl_btn_last:before {background-image:url("/images/template/tpl_btn_last.png");}
.pagination_wrap li a {color:#888;}
.pagination_wrap li a,
.pagination_wrap .active {display:block; font-family:"Pretendard Variable", "Pretendard", sans-serif; font-weight:400; width:100%; height:100%; text-align:center; line-height:1.875rem;}
.pagination_wrap .active {color:#ff7b5a; border:1px solid #ff7b5a;}