@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('base.css');
@import url('swiper.min.css');

/* global class */
.blind{position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0}

#backdrop{left: 0px; top:0px; width: 100vw; height:100vh; position:fixed; z-index:-1;transition:0.3s;}
#backdrop.on{background:#000;opacity:0.5}
#foot_fixed_cont{z-index: 999;}

/* none */
.bg_none{background:none !important}
.pad_none{padding:0 !important}
.mar_none{margin:0 !important}
.bor_none{border:0 none !important}
.over_h{overflow:hidden !important}
/* align */
.txt_left{text-align:left !important}
.txt_center{text-align:center !important}
.txt_right{text-align:right !important}
/* float */
.fLeft{float:left !important}
.fRight{float:right !important}
.float_a{display:block !important;float:left !important}
.list_float{overflow:hidden !important}
.list_float li{float:left !important}
/* color */
.colorff{color:#fff !important;}
.color00{color:#000 !important;}
.color01{color:#00458a !important;}
.color02{color:#333 !important;}
.color03{color:#666 !important;}
.color04{color:#999 !important;}
.color05{color:#181818 !important;}
.color06{color:#202020 !important;}
.color07{color:#5e9edb !important;}
.color_point{color:#5d9eda !important;}

.swiper{position:relative;}
.fixed{position:fixed; top:0; left:0;}

/* margin-top */
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt110{margin-top:110px !important;}
.mt120{margin-top:120px !important;}
/* padding-top */
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}
.pt110{padding-top:110px !important;}
.pt120{padding-top:120px !important;}

/* margin-bottom */
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb110{margin-bottom:110px !important;}
.mb120{margin-bottom:120px !important;}
/* padding-bottom */
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}
.pb110{padding-bottom:110px !important;}
.pb120{padding-bottom:120px !important;}

/* padding-right */
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}
.pr70{padding-right:70px !important;}
.pr80{padding-right:80px !important;}
.pr90{padding-right:90px !important;}
.pr100{padding-right:100px !important;}
.pr110{padding-right:110px !important;}
.pr120{padding-right:120px !important;}

/* 건너뛰기 네비게이션 */
#skip_nav { width:100%; height:0; text-align:center; overflow:hidden; }
#skip_nav a { color:#0048c0; line-height:30px; font-size:16px; font-weight:bold; float:left; }
#skip_nav a:focus, #skip_nav a:hover, #skip_nav a:active { position:absolute; top:0; left:0; width:100%; height:30px; text-decoration:none; background:#fff; outline:2px solid #000; overflow:visible; z-index:100; }

/* 레이아웃 */
/* .inner{width:1400px;margin:0 auto;} */ /* 2022.10.12 수정 */
.inner{width:1800px;margin:0 auto;padding:0 10px;}

/* 말줄임 */
.ellipsis { display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis02 { display:block; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* float left set */
.fl_list:after{content:'';display:block;clear:both;}
.fl_list li{float:left;}

.main{position:relative;}

/* btn */
.btn_area{margin-top:60px;text-align:center;}
.btn_area > * + * { margin-left: 10px; }

.btn{font-size:18px;font-weight:500;text-align:center;color:#999;border:1px solid #999;display:inline-block;padding:0 20px;}
.btn:hover{color:#000;border:1px solid #000;}
.btn:hover .arrow:after{border-color:#000;}

.arrow{position:relative;padding-right:30px;}
.arrow_box{position:relative;display:block;}
.arrow_box input{padding-right:40px;cursor: pointer;}
.arrow:after,
.arrow_box:after{position:absolute;right:5px;top:50%;content:'';width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg);margin-top:-5px;}
.arrow_box:after{right:20px;top:50%;content:'';width:5px;height:5px;margin-top:-2px;}
.arrow.top:after,
.arrow_box.top:after{position:absolute;right:5px;top:50%;content:'';width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(-45deg);margin-top:-3px;}
.arrow.bottom:after,
.arrow_box.bottom:after{position:absolute;right:5px;top:50%;content:'';width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(135deg);margin-top:-8px;}

.btn.s01{line-height:63px;width:150px;}
.btn.s02{line-height:63px;width:240px;}
.btn.s03{line-height:85px;width:260px;}
.btn.s04{line-height:14px;font-size:14px;padding:6px 20px;}
.btn.s05{line-height:14px;font-size:14px;padding:6px 20px;height:40px;border:1px solid #e7e7e7;}
.btn.s06{line-height:14px;font-size:12px;padding:3px 10px;height:28px;border:1px solid #999;}
.btn.s07{line-height:18px;font-size:18px;padding:3px 10px 8px;height:60px;}
.btn.btn_full{width:100% !important;}

.btn.c01{background:#5e9edb !important;border-color:#5e9edb !important;color:#fff !important;}
.btn.c01:hover{background:#2a6197;border-color:#2a6197;color:#fff;}
.btn.c02{background:#999;border-color:#999;color:#fff;}
.btn.c02:hover{background:#999;border-color:#999;color:#fff;}
.btn.c03{background:#5e9edb;border-color:#5e9edb;color:#fff;}
.btn.c03:hover{background:#2a6296;border-color:#2a6296;color:#fff;}
.btn.c04{border-color:#999;color:#999;}
.btn.c04:hover{border-color:#5e9edb;color:#5e9edb;}
.btn.c05{border-color:#e5e5e5;color:#999;}
.btn.c05:hover{border-color:#333;color:#333;}
.btn:disabled{background:#999 !important;border-color:#999 !important;color:#fff !important;}

/* font-size */
.font_14{font-size:14px !important;}
.font_16{font-size:16px !important;}
.font_20{font-size:20px !important;}
.font_30{font-size:30px !important;}

/* input */
.filebox{position:relative;}
.filebox+.filebox{margin-top:10px;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.filebox .btn_del_all{position:absolute;top:0;right:20px;height:100%;}
.filebox .btn_x{position: absolute;top:15px; left:35px;}

/* named upload */
/* .filebox .upload-name{padding:9px 150px 9px 20px;border:1px solid #e7e7e7;font-size:14px;color:#999 !important;height:40px;} */
.filebox .upload-name{padding:0 140px 0 50px !important;border:1px solid #e7e7e7;font-size:14px;color:#999 !important;height:40px;}

/* imaged preview */
.filebox .upload-display {margin-bottom: 5px;}

/* header */
.main_header{background:rgba(0, 0, 0, 0) !important;transition:0.3s}
.main_header:hover{background:rgba(235, 235, 235, 0.7) !important;}
.nav-up { top:-94px !important;}

#header{position:fixed;top:0;left:0;height:94px;width:100%;z-index:100;transition: top 0.5s ease-in-out;background:rgba(235, 235, 235, 1);transition:0.3s}
#header .inner{position:relative;width:100%;max-width:1800px;}
#header .logo{display:block;background:url(../images/logo/img_logo.png) 0 0 no-repeat;width:116px;height:30px;text-indent:-9999px;overflow:hidden;}
/* #header .logo{position:absolute;top:30px;left:0;} */ /* 2022.10.12 수정 */
#header .logo{position:absolute;top:30px;left:10px;}
/* menu */
#gnb{padding:29px 0 25px}
#gnb:after{content:'';display:block;clear:both;}
#gnb .menu_list{padding-left:200px;float:left;color:#333;}
#gnb .menu_list>li+li{padding-left:20px;}
#gnb .menu_list>li a{font-size:20px;line-height:40px;font-weight:600;position: relative;color:#333;}
#gnb .menu_list>li.on a,
#gnb .menu_list>li a:hover{color:#2a6296;}
#gnb .menu_list>li.on a:after,
#gnb .menu_list>li a:after {content:"";display:block;width:100%;height:3px;bottom:-5px;position:absolute;background:#2a6296;opacity:0;transition:all 0.2s;}
#gnb .menu_list>li.on a:after,
#gnb .menu_list>li a:hover:after {width:100%;opacity:1;}
/* util */
#gnb .util_list{float:right;}
#gnb .util_list .alarm{content:'';position:absolute;top:0;left:50%;margin-left:2px;margin-top:-5px;width:15px;height:15px;border-radius:50%;background:#999;text-align:center;font-size:11px;color:#fff;line-height:15px;}
#gnb .util_list .alarm.on{background:#2a6296;}

#gnb .util_list>li{position:relative;}
#gnb .util_list>li+li:before{position:absolute;top:10px;left:0;content:'';width:1px;height:20px;margin-top:-9px; background:#303030;}
#gnb .util_list>li>a{position:relative;padding-top:22px;width:65px;text-align:center;font-size:14px;color:#666;display:block;font-weight:600;}
#gnb .util_list>li>a:hover{color:#333;}
/* icon */
#gnb .util_list>li a:before{content:'';position:absolute;top:0;left:50%;margin-left:-30px;width:54px;height:20px;background:url(../images/common/bg_util.png) 0 0 no-repeat;background-position:21px 0;}
#gnb .util_list li.ico_02 a:before{background-position:-40px 0;}
#gnb .util_list li.ico_03 a:before{background-position:-97px 0;}
#gnb .util_list li.ico_04 a:before{background-position:-158px 0;}
#gnb .util_list li.ico_05 a:before{background-position:-220px 0;}
#gnb .util_list li.ico_06 a:before{background-position:-285px 0;}
#gnb .util_list li.ico_07 a:before{background-position:-40px -40px;}
/* icon hover  */
#gnb .util_list li.ico_01 a:hover:before{background-position:21px -20px;}
#gnb .util_list li.ico_02 a:hover:before{background-position:-40px -20px;}
#gnb .util_list li.ico_03 a:hover:before{background-position:-97px -20px;}
#gnb .util_list li.ico_04 a:hover:before{background-position:-158px -20px;}
#gnb .util_list li.ico_05 a:hover:before{background-position:-220px -20px;}
#gnb .util_list li.ico_06 a:hover:before{background-position:-285px -20px;}
#gnb .util_list li.ico_07 a:hover:before{background-position:-40px -60px;}

/* 팝업  */
.pop_cont{position:relative;background:#fff;padding:24px 40px 50px 40px;}
.pop_cont .btn_close{position:absolute;top:-42px;right:0px;width:25px;height:25px;}
.pop_cont .btn_close:before,
.pop_cont .btn_close:after{position:absolute;top:50%;left:50%;content:'';width:30px;height:1px;background:#fff;transform:rotate(45deg);margin-top:-1px;margin-left:-16px;}
.pop_cont .btn_close:after{transform:rotate(-45deg);margin-left:-16px;}

/* 공유 팝업 */
.share_pop_cont .title{font-size:26px;}
.share_pop_cont .share_list{margin-top:40px;}

.share_list:after{content:'';display:block;clear:both;}

.share_list [class*="ico_"]{background:url(../images/common/btn_share.png) 0 0 no-repeat;width:67px;padding-top:83px;display:block;text-align:center;}
.share_list .ico_facebook{background-position:0 0;}
.share_list .ico_kakaotalk{background-position:-67px 0;}
.share_list .ico_twitter{background-position:-134px 0;}
.share_list .ico_email{background-position:-201px 0;}

.share_list{margin-left:-30px;}
.share_list>li{float:left;margin-left:30px;}

/* 회원 로그인 팝업 */
.login_pop_cont{padding:24px 20px 20px 20px}
.login_pop_cont .title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px;}
.login_pop_cont .cont_area{border-top:2px solid #e4ebf3;border-bottom:1px solid #e5e5e5;padding:20px 0;}
.login_pop_cont .login_input_box input{height: 50px;padding: 9px 10px 9px 63px;}
.login_pop_cont .login_input_box .input_type_id,
.login_pop_cont .login_input_box .input_type_pw{position:relative;}
.login_pop_cont .login_input_box .input_type_pw{margin-top:-1px;}
.login_pop_cont .login_input_box .input_type_id:before{content:'';width:15px;height:17px;position:absolute;top:50%;left:18px;margin-top:-8px;background:url(../images/common/bg_login_input.png) 0 0 no-repeat;}
.login_pop_cont .login_input_box .input_type_pw:before{content:'';width:15px;height:17px;position:absolute;top:50%;left:18px;margin-top:-8px;background:url(../images/common/bg_login_input.png) 0 -17px no-repeat;}
.login_pop_cont .login_input_box .input_type_id:after,
.login_pop_cont .login_input_box .input_type_pw:after{content:'';width:1px;height:17px;position:absolute;top:50%;left:50px;margin-top:-8px;background:#e5e5e5;}
.login_pop_cont .utill_box{position:relative;margin-top:20px;}
.login_pop_cont .utill_box > span{vertical-align:middle;}
.login_pop_cont .utill_box .find_div{position:absolute;top:3px;right:0;}
.login_pop_cont .utill_box .find_div > a+a{position:relative;padding-left:20px;}
.login_pop_cont .utill_box .find_div > a+a:before{position:absolute;top:4px;left:9px;content:'';width:1px;height:15px;background:#e5e5e5;}
.login_pop_cont .noti_box{position:relative;font-size:14px;font-weight:300;color:#999;margin-top:20px;padding-right:160px;}
.login_pop_cont .noti_box .btn{position:absolute;top:0;right:0;}
.login_pop_cont .copyright_txt{font-size:13px;color:#999;font-weight:500;text-align:center;margin-top:20px;opacity:0.5;}

/* 아이디, 비밀번호 찾기 팝업 */
.find_idpw_pop_cont{padding:24px 20px 20px 20px}
.find_idpw_pop_cont .title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px;}
.find_idpw_pop_cont .login_input_box input{height: 50px;padding: 9px 20px 9px 63px;}
.find_idpw_pop_cont .noti_txt{font-size:14px;font-weight:300;color:#999;text-align:center;margin:20px 0;letter-spacing:-1px;}
.find_idpw_pop_cont .tab_tit_full{margin: 0 -20px;padding: 0 20px;}
.find_idpw_pop_cont .tab_tit_full .tab_title_02{width:100%;}
.find_idpw_pop_cont .tab_tit_full .tab_title_02:after{content:'';display:block;clear:both;}
.find_idpw_pop_cont .tab_title_02 li{width:50% !important;margin-right:0 !important;float:left;}
.find_idpw_pop_cont .tab_title_02 li>button{width:100%;}
.find_idpw_pop_cont .tab_cont_wrap .btn_area button{width:183px;height:60px;line-height:60px;}
.find_idpw_pop_cont .info_txt{font-size:20px;color:#333;margin:50px 0;text-align:center;}

/* 검색어 팝업 */
.serch_pop_cont{height:530px;width:700px;}
.serch_pop_cont input[type="text"]{font-size:30px;height:76px;color:#999;padding:15px 76px 15px 0;border:none;border-bottom:1px solid #e5e5e5;font-weight:300;}
.serch_pop_cont input::placeholder{color:#999;font-weight:300;}
.serch_pop_cont .serch_txt_box{position:relative;}
.serch_pop_cont .serch_txt_box .btn_serch{position:absolute;top:0;right:0;color:transparent;font-size:0;background:url(../images/common/ico_serch.png) center no-repeat;width:76px;height:76px;}
.serch_pop_cont .serch_txt_box input[type="text"]{color:#333;font-weight:700;}
.serch_pop_cont .serch_txt_box input[type="text"]:focus{border-color:#333;}
.serch_pop_cont .serch_txt_box input[type="text"]:hover{border-color:#333;}
.serch_pop_cont .serch_list_cont{position:relative;margin-top:20px;height:540px;}
.serch_pop_cont .serch_list_cont .tit{font-size:20px;color:#666;font-weight:600;}
.serch_pop_cont .serch_list_cont .tit+.serch_list{margin-top:30px;}
.serch_pop_cont .serch_list_cont .serch_list li{font-size:14px;font-weight:500;color:#999;width:100%;}
.serch_pop_cont .serch_list_cont .serch_list li+li{margin-top:9px;}
.serch_pop_cont .serch_list_cont .serch_list li button{margin-left:20px;}
.serch_pop_cont .serch_list_cont .serch_list.total{height:345px;overflow:auto;}

.serch_pop_cont .serch_list_cont .mCSB_dragger{height:75px !important;right:-3px;}
.serch_pop_cont .serch_list_cont .mCSB_dragger .mCSB_dragger_bar{width:8px;background:#ccc !important;border-radius:0;}
.serch_pop_cont .serch_list_cont .mCSB_draggerRail{background:none;}
.serch_pop_cont .serch_list_cont .btn_del{position:relative;top:5px;width:12px;height:12px;background:none;}
.serch_pop_cont .serch_list_cont .btn_del:before,
.serch_pop_cont .serch_list_cont .btn_del:after{position:absolute;top:50%;left:50%;content:'';width:15px;height:1px;background:#bbb;transform: rotate(45deg);margin-top:-1px;margin-left:-7px;}
.serch_pop_cont .serch_list_cont .btn_del:after{transform: rotate(-45deg);margin-left:-7px;}

.btn_x{position:relative;top:5px;width:12px;height:12px;background:none;}
.btn_x:before,
.btn_x:after{position:absolute;top:50%;left:50%;content:'';width:15px;height:1px;background:#bbb;transform: rotate(45deg);margin-top:-1px;margin-left:-7px;}
.btn_x:after{transform: rotate(-45deg);margin-left:-7px;}

.btn_del_all{position:absolute;top:5px;right:20px;font-size:14px;font-weight:300;color:#999;padding-right:22px;background:url(../images/common/ico_del_all.png) 100% 50% no-repeat;}

/* container */
/* 2022.10.12 수정 */
/* #container{min-height:calc(100% - 94px - 204px);min-width:1400px;} */
#container{min-height:calc(100% - 94px - 204px);min-width:1800px;}
#container.box{min-height:auto;}
.container_wrap{margin-top:94px;padding-bottom:120px;}

/* main swiper */
/* .main_swiper{height:970px;overflow:hidden;} */ /* 2022.10.12 수정 */
.main_swiper{height:700px;overflow:hidden;}
.main_swiper img { transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; }
.main_swiper .image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-repeat: no-repeat;background-position:50% 0;}

.main_swiper .swiper-pagination-bullet-active{background:#999 !important;}
.main_swiper .swiper-slide:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:500px;z-index:2;background:url(../images/common/bg_gradation_bottom.png) 0 0 repeat;}

/* .main_swiper .txt_box{position:absolute;left:50%;bottom:110px;text-align:left;z-index:10;margin-left:-700px;} */ /* 2022.10.12 수정 */
.main_swiper .txt_box{position:absolute;left:50%;bottom:110px;text-align:left;z-index:10;margin-left:-900px;}
.main_swiper .txt_box .s_txt{font-size:32px;font-weight:500;letter-spacing:-2px;margin-bottom:10px;}
.main_swiper .txt_box .b_txt{font-size:40px;font-weight:700;letter-spacing:-2px;line-height:55px;}
.main_swiper .swiper-button-next, .main_swiper .swiper-button-prev{display:none;}

/* .main_swiper .control_box_area .control_box{position:absolute;bottom:50px;left:50%;width:1400px;margin-left:-700px;} */ /* 2022.10.12 수정 */
.main_swiper .control_box_area .control_box{position:absolute;bottom:50px;left:50%;width:1800px;margin-left:-900px;}
/* .main_swiper .control_box_area .slide_btn{position:absolute;bottom:40px;left:50%;margin-left:720px;z-index:1;} */ /* 2022.10.12 수정 */
.main_swiper .control_box_area .slide_btn{position:absolute;bottom:40px;left:50%;margin-left:920px;z-index:1;}
.main_swiper .swiper-pagination{position:relative;display:inline-block;text-align:left;}

/* .main_swiper .swiper-pagination-bullet{position:relative;display:inline-block;font-size:0;color:transparent;padding-left:350px;border-radius:0;width:20%;height:5px;background:#ccc;} */ /* 2022.10.12 수정 */
.main_swiper .swiper-pagination-bullet{position:relative;display:inline-block;font-size:0;color:transparent;padding-left:450px;border-radius:0;width:20%;height:5px;background:#ccc;}
.main_swiper .swiper-pagination-bullet:after{position:absolute;width:100%;bottom:0;left:0;font-size:14px;color:transparent;text-align:center;padding-bottom:15px;transition:0.3s;}

.main_swiper .swiper-pagination-bullet:hover{background:#999 !important;}
.main_swiper .swiper-pagination-bullet:hover:after{color:#999 !important;transition:0.3s;}

.control_box:hover .swiper-pagination-bullet:after{color:#ccc;}
.main_swiper .swiper-pagination-bullet:nth-child(1):after{content:'ABOUT JWP ON';}
.main_swiper .swiper-pagination-bullet:nth-child(2):after{content:'웨비나 / 학회';}
.main_swiper .swiper-pagination-bullet:nth-child(3):after{content:'지식정보 공유';}
.main_swiper .swiper-pagination-bullet:nth-child(4):after{content:'JWP ON App';}
.main_swiper .swiper-pagination-clickable .swiper-pagination-bullet{opacity:1 !important;}

/* 시작 / 일시정지 btn */
.swiper-button-ss {width:25px;height:25px;background: url("../images/common/icon_swiper-button-ss.png") no-repeat 0 0; }
.swiper-button-ss:hover {background-position:0 -25px;}
.swiper-button-ss.on {background-position:-25px 0;}
.swiper-button-ss.on:hover {background-position:-25px -25px;}

/* 맨처음,맨끝 btn 숨김 */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{opacity:0 !important;}
.swiper-button-prev, .swiper-button-next{background-image:none !important;width:24px !important;height:24px !important;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg);opacity:1;transition:all 0.2s;display:none;}/* 2022.08.01 수정 */
.swiper-button-prev:hover, .swiper-button-next:hover{border-color:#000;}
.swiper-button-next{right:-50px !important;}
.swiper-button-prev{left:-60px !important;transform:rotate(225deg);}

/* cont_swiper */
.cont_swiper+.title{margin-top:70px;}
.cont_swiper{position:relative;}
.cont_swiper .swiper-slide{background:none;}
.cont_swiper .swiper-scrollbar{position:absolute;top:-70px !important;left:inherit !important;right:0;background:#ccc;width:200px !important;}
.cont_swiper .swiper-scrollbar-drag{background-color:#999;}
.cont_swiper:hover .swiper-scrollbar{opacity:1 !important;}
.cont_swiper:hover .swiper-button-prev, .cont_swiper:hover .swiper-button-next{display:block;}

.cont_swiper .swiper-slide {opacity:0.5; transition:0.3s;}
.cont_swiper .swiper-slide-active,
.cont_swiper .swiper-slide-active + .swiper-slide,
.cont_swiper .swiper-slide-active + .swiper-slide + .swiper-slide,
.cont_swiper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {opacity:1}

/* 맨처음,맨끝 btn 숨김 */
.menu_list_swiper .swiper-button-prev, .menu_list_swiper .swiper-container-rtl .swiper-button-next{opacity:1;}
.menu_list_swiper .swiper-button-prev.swiper-button-disabled,
.menu_list_swiper .swiper-button-next.swiper-button-disabled{opacity:1 !important;}

/* menu_list_swiper */
.menu_list_swiper{position:relative;padding:0 50px;margin-right:100px;}
.menu_list_swiper .swiper-scrollbar{position:absolute;top:-30px !important;left:initial !important;right:50px;background:#1e1e1e;width:200px !important;opacity:1 !important;}
.menu_list_swiper .swiper-scrollbar-drag{background-color:rgba(250,250,250,.3);}
.menu_list_swiper:hover .swiper-scrollbar{opacity:1 !important;}

.main_tab .tab_title_list{position:relative;}
.main_tab .tab_title_list .menu_list_swiper{width:90%;}
.main_tab .menu_list_swiper .btn_box{position:absolute;top:50%;right:0;width:100px;}

/* main_tab */
.swiper-notification{display: none;}
/* tab */
.tab_title li {width:auto !important;cursor:pointer;text-align:center;}
.tab_cont{display:none;}
.tab_cont.on{display:block;}

/* JW 강연 */
.box .title{font-size:30px;font-weight:700;}
.box .title+.swiper{margin-top:30px;}

/* 2022.10.12 수정 */
/* .live_cont{padding:50px 0;overflow:hidden;min-width:1400px;margin:0 auto;} */
.live_cont{padding:50px 0;overflow:hidden;min-width:1800px;margin:0 auto;}

/* 2022.10.12 수정 */
/* .broadcast_cont{position:relative;width:335px;text-align:left;color:#999;} */
.broadcast_cont{position:relative;text-align:left;color:#999;}
.broadcast_cont:hover{color:#666;}
.broadcast_cont .date_cont{margin-bottom:10px;}
.broadcast_cont .date_cont:after{content:'';display:block;clear:both;}
.broadcast_cont .date_cont .name{float:left;}
.broadcast_cont .date_cont .date{float:right;}

.broadcast_cont .thumbnail{position:relative;top:0;left:0;overflow:hidden;}
/* 2022.10.12 수정 */
/* .broadcast_cont .thumbnail .image{width:335px;height:188px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;-webkit-transform: scale(1.15);transform: scale(1.15);background-size:350px;background-position:50%;}  */
.broadcast_cont .thumbnail .image{width:430px;height:225px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;-webkit-transform: scale(1);transform: scale(1);background-size:430px;background-position:50%;}
.broadcast_cont .thumbnail:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:url(../images/common/bg_gradation_top.png) 0 -95px repeat;}
.broadcast_cont:focus .thumbnail .image,
.broadcast_cont:hover .thumbnail .image{-webkit-transform: scale(1.15); transform: scale(1.15);}

.broadcast_cont .thumbnail .category_info{position:absolute;top:0;left:0;color:#fff;z-index:10;width:100%;}
.broadcast_cont .thumbnail .category_info .category{position:absolute;top:0;left:0;display:inline-block;padding:7px;font-size:12px;background:rgba(0, 0, 0, 0.5);}
.broadcast_cont .thumbnail .category_info .live{position:absolute;top:0;right:0;padding:10px 10px 10px 60px;font-size:14px;background:url(../images/common/img_live.png) 0 50% no-repeat;height:40px;}
.broadcast_cont .thumbnail .todo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;z-index:2;font-size:18px;text-align:center;width:100%;}

.broadcast_cont .info .txt{margin-top:15px;font-size:20px;font-weight:600;height:55px;}

/* 지식공유 */
.knowledge_share_area .title+.knowledge_share{margin-top:48px;min-width:1400px;}
.knowledge_share li{margin-top:40px;}

/* ico 공통 */
.util_box{position:relative;}
.util_box [class*="ico_"]+[class*="ico_"]{margin-left:20px;}

.ico_like,
.ico_comment,
.ico_play{font-size:14px;font-weight:500;color:#999;}

.ico_like input+label:before,
.ico_comment:before,
.ico_play:before,
.ico_share{content:'';display:inline-block;vertical-align:middle;background:url(../images/common/ico_util.png) no-repeat;margin-right:5px;}

/* ico 좋아요 */
.ico_like input+label:before{width:24px !important;height:20px !important;background-position:0 -60px;}
.ico_like input+label:hover:before{background-position:0 -20px;}
.ico_like input:checked+label:before{background-position:0 -40px;}

/* ico 댓글 */
.ico_comment:before{width:20px !important;height:20px !important;background-position:-24px -60px;}
.ico_comment:hover:before{background-position:-24px -20px;}

/* ico 재생수 */
.ico_play:before{width:22px !important;height:20px !important;background-position:-66px -60px;}

/* ico 공유하기 */
.ico_share{width:22px !important;height:20px !important;background-position:-44px -60px;margin-right:0;}
.ico_share:hover{background-position:-44px -20px;}
.util_box .ico_share{position:absolute;top:0;right:0;}

/* ico 나중에 볼 영상 저장하기 */
.util_box .ico_video_add{position:absolute;top:0;right:45px;}
.ico_video_add input[type="checkbox"] + label:before{content:'';background:url(../images/common/bg_video_add_02.png) 0 0 no-repeat;width:22px;height:18px;margin-right:0;}
.ico_video_add input[type="checkbox"]:checked + label:before{background-position:0 -18px;}

.knowledge_share_area{padding:50px 0;}
.knowledge_share_cont:hover{color:#333;}
.knowledge_share_cont{position:relative;padding:0 0 0 200px;color:#999;}
.knowledge_share_cont .name{position:absolute;top:5px;left:0;font-size:16px;font-weight:500;}
.knowledge_share_cont .date{position:absolute;top:65px;left:35px;color:#999;font-size:14px;font-weight:500;}
.knowledge_share_cont .txt_cont .tit{font-size:22px;font-weight:700;}
.knowledge_share_cont .txt_cont .txt{font-size:16px;font-weight:300;margin-top:16px;padding-top:16px;border-top:1px solid #dcddde;max-height:65px;}
.knowledge_share_cont .util{margin-top:20px;padding-top:20px;border-top:1px solid #323232;}
.knowledge_share_cont .util [class*="ico_"] {margin-right:15px;}

/* 등급 */
.date_cont .name,
.date_cont .date{font-size:16px;color:#666;}

/* .tier{font-size:14px;font-weight:700;margin-right:10px;width:25px;height:25px;line-height:25px;border-radius:50%;text-align:center;display:inline-block;color:#fff;vertical-align:middle;}
.tier.t1{background:#e9b055;}
.tier.t2{background:#fb5876;}
.tier.t3{background:#5ebee7;} */

.tier{font-size:0;margin-right:10px;width:25px;height:25px;line-height:25px;text-align:center;display:inline-block;color:#fff;background-repeat:no-repeat;background-size:25px auto;vertical-align:middle;}
.tier.t_master{background-image:url(../images/tier/img_tier_master.png);background-color:#f1f1f1;}
.tier.t1{background-image:url(../images/tier/img_tier_01.png);}
.tier.t2{background-image:url(../images/tier/img_tier_02.png);}
.tier.t3{background-image:url(../images/tier/img_tier_03.png);}
.tier.t4{background-image:url(../images/tier/img_tier_04.png);}
.tier.t5{background-image:url(../images/tier/img_tier_05.png);}
.tier.t6{background-image:url(../images/tier/img_tier_06.png);}

.tier.size_big{width:70px;height:70px;background-size:70px auto;}

/* 레이어팝업 */
/* .modal_new {position:fixed;display:table;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;z-index:999;background:rgba(0,0,0,.7);transition:all linear 0.1s;} */
.modal_new {position:fixed;display:table;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;z-index:999;background:#000000aa;transition:all linear 0.1s;}
.modal_new .modal_n_wrap {display:table-cell;vertical-align:middle;text-align:center;}
.modal_new .modal_n_body {margin:auto;text-align:left;display:inline-block;}
.modal_new .modal_n_header {position:relative;z-index:2;top:0;left:0;width:100%;background:#000;}
.modal_new .modal_n_header h1 {margin:0;padding:15px;font-size:16px;font-weight:normal;color:#fff;background-color:red;}
.modal_new .modal_n_cont {position:relative;max-height:75vh;overflow-y:auto;background:#fff;}
.modal_new .modal_n_footer {position:relative;bottom:0;left:0;padding:15px 0;width:100%;text-align: center;color:#fff;background:#f0f0f0;border-top:1px solid #ddd;}
.modal_new .modal_n_footer button {padding:0 10px;min-width:90px;height:37px;font-size: 14px;font-weight: bold;background:#ddd;border:1px solid #aaa}
.modal_new .modal_n_footer button:hover {background:#ccc;}
.modal-open {overflow:hidden;}

.modal_on {visibility:visible !important;opacity:1 !important;}
.modal-400 {width:400px !important;}
.modal-500 {width:500px !important;}
.modal-600 {width:600px !important;}
.modal-700 {width:700px !important;}

/* footer */
#footer{position:relative;color:#acacac;font-weight:600;min-width:1400px;}

/* familysite */
/* #footer .inner{position:relative;width:1400px;} */ /* 2022.10.12 수정 */
#footer .inner{position:relative;width:1800px;}
/* 2022.10.12 수정 */
/* #footer .foot_logo{position:absolute;left:0;} */
#footer .foot_logo{position:absolute;left:10px;}
#footer .menuBox{border-top:1px solid #e7e7e7;}
/* 2022.10.12 수정 */
/* #footer .menuBox .inner{padding:20px 0;font-size:16px;} */
#footer .menuBox .inner{padding:20px 10px;font-size:16px;}
#footer .menuBox .foot_menu_list li+li{padding-left:70px;}
#footer .infobox{border-top:1px solid #e7e7e7;}
#footer .infobox .inner{padding:40px 300px 50px 170px;}
#footer address{font-weight:500;font-size:14px;}
#footer address ul li{display:inline-block;padding-right:28px;}
#footer address+p{margin-top:8px;}
#footer .familysite{position:absolute;bottom:50px;right:0;}

/* option */
.slt_box{position:relative;display:inline-block;vertical-align:middle;}
.slt_box.on ul{display:block;max-height:405px;overflow-y:auto;padding:0 0 0 20px;font-weight:400;font-size:14px;position:absolute !important;bottom:45px;left:0;width:100%;z-index:100;}
.slt_box ul{display:none;background:#fff;padding:10px 0;border:1px solid #e7e7e7;text-align:left;}
.slt_box ul li{margin:10px 0;}
.slt_box ul li:first-child{margin-top:20px;}
.slt_box ul li:last-child{margin-bottom:20px;}
.slt_box ul li:hover{color:#0d7efe;}

.slt_box .btn_slt{position:relative;display:block;width:230px;padding:10px 20px 10px 20px;color:#acacac;border:1px solid #e7e7e7;text-align:left;font-size:16px;font-weight:500;}
.slt_box .btn_slt:after{position:absolute;right:20px;top:50%;content:'';width: 10px;height: 10px;border-top: 1px solid #acacac;border-right: 1px solid #acacac;transform:rotate(315deg);margin-top:-2px;}
.slt_box.on .btn_slt:after{transform:rotate(135deg);margin-top:-8px;border-color:#000;;}
.slt_box>div{display:none;}

/* 아코디언 메뉴 */
.accordion {width:100%;font-size:18px;text-align:left;padding:10px 40px 10px 290px;}
.accordion>p{float:left;margin-left:10px;width: 76%;}
.accordion.active{font-weight:bold;color:#000;}
.accordion:after{position:absolute;right:40px;top:50%;content:'';width:14px;height:14px;border-top:3px solid #999;border-right:3px solid #999;transform:rotate(135deg);margin-top:-13px;}
.accordion.active:after{transform:rotate(-45deg);margin-top:-4px;}

/* 알림 팝업 */
.alarm_wrap .tit_cont{padding:25px 40px;font-size:28px;color:#333;font-weight:600;border-bottom:1px solid #e5e5e5;}
.alarm_wrap .tit_cont+.alarm_cont{margin-top:-2px;}
.alarm_wrap .alarm_cont .accordion{position:relative;color:#333;font-weight:500;height:100px;display:flex;flex-wrap:wrap;align-content:center;}
.alarm_wrap .alarm_cont .accordion .category{position:absolute;top:50%;left:40px;margin-top:-14px;border:1px solid #e6e6e6;border-radius:5px;padding:1px 10px 3px;}
.alarm_wrap .alarm_cont .accordion{padding:10px 40px 10px 180px;}
.alarm_wrap .alarm_cont .accordion .thum{width:95px;height:60px;overflow:hidden;}
.alarm_wrap .alarm_cont .accordion .thum + .txt_cont{margin-left:20px;width:calc(100% - 115px);}
.alarm_wrap .alarm_cont .accordion .txt_cont{width:100%;padding-right:30px;}
.alarm_wrap .alarm_cont .accordion .tit{display:block;font-size:18px;color:#333;font-weight:600;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.alarm_wrap .alarm_cont .accordion .date{display:block;font-size:14px;color:#999;font-weight:500;margin-top:7px;}

.alarm_wrap .alarm_cont li+li{border-top:1px solid #e5e5e5;}
.alarm_wrap .panel{max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;background:#e4ebf2;color:#666;}
.alarm_wrap .panel_cont{position:relative;padding:40px;min-height:230px;}
.alarm_wrap .panel_cont .tit{display:block;font-size:22px;line-height:22px;color:#333;font-weight:600;}
.alarm_wrap .panel_cont .list{margin-top:30px;font-size:14px;color:#333;font-weight:300;}
.alarm_wrap .panel_cont .list li+li{margin-top:5px;}

/* 승인거절사유 팝업 */
.alarm_wrap .txt_cont_area{padding:30px 40px;}
.alarm_wrap .txt_cont_area .txt_cont{padding:20px;font-weight:500;font-size:14px;color:#333;line-height:26px;background:#ecf1f7;height:222px;overflow:auto;}

/* 데이터 없음 */
.no_data{margin-top:100px;}
.no_data .txt{padding-top:70px;font-weight:500;font-size:24px;color:#999;text-align:center;background:url(../images/common/no_data.png) 50% 0 no-repeat;}
.no_data .txt.ico02{background:url(../images/common/no_data_02.png) 50% 0 no-repeat;}
.no_data .txt.ico03{background:url(../images/common/no_data_03.png) 50% 0 no-repeat;}
.no_data .txt.ico04{background:url(../images/common/no_data_04.png) 50% 0 no-repeat;font-size:14px;padding-top:35px;}
.no_data .txt.ico05{background:url(../images/common/no_data_05.png) 50% 0 no-repeat;font-size:14px;padding-top:35px;}
.no_data .noti{width:500px;border-top:1px solid #f2f2f2;margin:20px auto 0;padding-top:20px;font-size:14px;font-weight:500;color:#999;}
.no_data .noti li+li{margin-top:5px;}

.no_data.main_type{margin:135px 0;}
.no_data.main_type .txt{font-size:18px;}

/* 공통 검색결과 */
.serch_total_tit{font-weight:500;font-size:30px;text-align:center;padding:45px 0 24px;}
.serch_total_tit>span{font-weight:700;}

.tab_tit_full{background:#e4ebf2;}
.tab_tit_full .tab_title li{margin-right:45px;display:inline-block;}
.tab_tit_full .tab_title li>button{position:relative;font-size:20px;color:#999;line-height:60px;font-weight:600;}
.tab_tit_full .tab_title li.on>button,
.tab_tit_full .tab_title li>button:hover{color:#2a6296;font-weight:600;}
.tab_tit_full .tab_title li.on>button:after,
.tab_tit_full .tab_title li>button:hover:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background:#2a6296;}

.tab_tit_full .tab_title_02 li{margin-right:45px;display:inline-block;}
.tab_tit_full .tab_title_02 li>button{position:relative;font-size:20px;color:#999;line-height:60px;font-weight:600;}
.tab_tit_full .tab_title_02 li.on>button,
.tab_tit_full .tab_title_02 li>button:hover{color:#2a6296;font-weight:600;}
.tab_tit_full .tab_title_02 li.on>button:after,
.tab_tit_full .tab_title_02 li>button:hover:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background:#2a6296;}

.tab_cont_wrap .tab_box .inner{position:relative;}
.tab_cont_wrap .tab_box .inner .btn_more{position:absolute;top:70px;right:0;font-size:16px;color:#999;padding-right:17px;}
.tab_cont_wrap .tab_box .inner .btn_more.arrow:after{width:7px;height:7px;margin-top:-3px;}
.tab_cont_wrap .title{padding:60px 0 22px;border-bottom:1px solid #e5e5e5;}
.tab_cont_wrap .title+.knowledge_share{margin-top:40px;}
.tab_cont_wrap .time{color:#333;font-weight:600;font-size:26px;margin-top:40px;}
.tab_cont_wrap .time:first-child{margin-top:60px;}

.tab_cont_wrap_02 .tab_box .inner{position:relative;}
.tab_cont_wrap_02 .tab_box .inner .btn_more{position:absolute;top:70px;right:0;font-size:16px;color:#999;padding-right:17px;}
.tab_cont_wrap_02 .tab_box .inner .btn_more.arrow:after{width:7px;height:7px;margin-top:-3px;}
.tab_cont_wrap_02 .title{padding:60px 0 22px;border-bottom:1px solid #e5e5e5;}
.tab_cont_wrap_02 .title+.knowledge_share{margin-top:40px;}
.tab_cont_wrap_02 .time{color:#333;font-weight:600;font-size:26px;margin-top:40px;}
.tab_cont_wrap_02 .time:first-child{margin-top:60px;}

.title{font-size:30px;font-weight:700;color:#333;}
.broadcast_cont_area:after{content:'';display:block;clear:both;}
.broadcast_cont_area .thumbnail{position:absolute;top:0;left:0;}
.broadcast_cont_area .thumbnail .image{width:206px;height:130px;transform:none;background-size:100%;}
.broadcast_cont_area .broadcast_cont .date_cont{margin-bottom:8px;}
.broadcast_cont_area .broadcast_cont .thumbnail:before{display:none;}
.broadcast_cont_area .broadcast_cont{position:relative;width:50%;height:130px;margin-top:40px;padding:0 20px 0 225px;float:left;}
.broadcast_cont_area .broadcast_cont .info .tit{color:#333;font-size:18px;font-weight:700;margin-bottom:3px;}
.broadcast_cont_area .broadcast_cont .info .txt{font-size:14px;font-weight:300;margin-top:0;height:40px;}
.broadcast_cont_area .broadcast_cont .date{position:absolute;bottom:0;left:225px;float:initial !important;font-size:12px;}
.broadcast_cont_area .date_cont .name .tier{width:20px;height:20px;margin-right:5px;line-height:20px;background-size:20px auto;}
.broadcast_cont_area .date_cont .name, .date_cont .date{font-size:14px;}
.broadcast_cont_area+.time{margin-top:40px;padding-top:60px;border-top:1px solid #e5e5e5;}
.broadcast_cont_area.w100 .broadcast_cont{width:100% !important;}
.broadcast_cont_area.type02 .broadcast_cont .info .tit{font-size:20px;margin:15px 0;}
.broadcast_cont_area.type02 .broadcast_cont .info .txt{font-size:16px;height:50px;}
.broadcast_cont_area.type02 .date_cont .name{font-size:16px;}
.broadcast_cont_area.type02 .date_cont .name .tier{width:20px;height:20px;margin-right:5px;line-height:20px;}

/* 캘린더 */
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {display:none;-webkit-appearance:none;}
.calendar input{border:none;font-size:0;color:transparent;}
.calendar label{content:'';position:absolute;top:0;left:0;background:url(../images/common/ico_calendar.png) 0 0 no-repeat;;width:21px;height:23px;display:block;cursor:pointer;}
.calendar label:hover{background-position:0 -23px;}
.calendar{position:relative;display:inline-block;vertical-align:middle;}
.calendar.bar{margin-left:40px;}

.title_cont{position:relative;}
.title_cont .title{display:inline-block;vertical-align:middle;}
.title_cont .bar{position:relative;display:inline-block;margin-left:40px;vertical-align:middle;}
.title_cont .bar:before{content:'';position:absolute;top:0;left:-20px;width:1px;height:100%;background:#e5e5e5;}
.title_cont .bar .txt{font-size:14px;color:#999;font-weight:500;}
.title_cont button{position:absolute;top:10px;right:0;}

/* 캘린더 swiper */
.top_border_none{border-top:none !important;}
.top_border{border-top:1px solid #e4ebf2;margin-top:20px;}
.calendar_swiper{width:999px;margin:0 auto;overflow:hidden;}
.calendar_swiper em{display:block;}
.calendar_swiper input[type="radio"] + label:before{display:none;}
.calendar_swiper .swiper-slide input[type="radio"]+label{cursor: pointer;}
.calendar_swiper .swiper-slide input[type="radio"]+label{color:#999;padding:10px 30px 20px;font-size:16px;}
.calendar_swiper .swiper-slide input[type="radio"]+label em{font-weight:700 !important;font-size:30px;}
.calendar_swiper .swiper-slide input[type="radio"]:checked+label,
.calendar_swiper .swiper-slide input[type="radio"]+label:hover{color:#fff;background:#2a6296;}

.calendar_swiper_wrap .swiper-button-prev{position:absolute;top:50%;left:0 !important;margin-top:-13px;margin-left:8px;}
.calendar_swiper_wrap .swiper-button-next{position:absolute;top:50%;right:0 !important;margin-top:-13px;margin-right:8px;}
.calendar_swiper_wrap .swiper-button-prev, .calendar_swiper_wrap .swiper-button-next{display:block !important;}
.calendar_swiper_wrap .swiper-button-disabled{opacity:0.3 !important;}

/* 이용약관 */
.slt_box.type02 ul{top:39px;bottom:auto;}
.slt_box.type02 ul li{color:#999;font-weight:500;}
.slt_box.type02 ul li:hover{color:#333;}
.slt_box.type02 .btn_slt{font-size:14px;padding:8px 20px 10px 20px;}
.slt_box.type02 .btn_slt:after{transform:rotate(135deg);margin-top:-4px;border-color:#000;width:5px;height:5px;}
.slt_box.type02.on .btn_slt:after{position:absolute;right:20px;top:50%;content:'';width:5px;height:5px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(315deg);margin-top:-2px;}

.terms_wrap{position:relative;padding:100px 0 40px;}
.terms_wrap .slt_box{position:absolute;top:40px;right:0;}

.terms_wrap>.title{font-size:20px;font-weight:700;}
.terms_wrap>.txt{font-size:18px;font-weight:500;margin-top:10px;}

.terms_wrap>ol{font-size:16px;font-weight:500;margin-top:20px;}
.terms_wrap>ol>li{margin-top:50px;}
.terms_wrap>ol>li>.tit{font-size:18px;font-weight:700;}
.terms_wrap>ol>li>.txt{margin-top:10px;}

.terms_wrap>ol>li>ol{margin-top:20px;}
.terms_wrap>ol>li>ol>li{margin-top:10px}

.terms_wrap>ol>li>ol>li>ol{margin-top:10px;padding-left:30px;}
.terms_wrap>ol>li>ol>li>ol>li{margin-top:10px}


/* 메시지 */
.serch_chat_list li>a{position:relative;height:40px;color:#999;display:block;}
.serch_chat_list li.on .name:after{content:'';position:absolute;top:5px;right:-10px;width:7px;height:7px;background:#fb5877;border-radius:50%;}
.serch_chat_list li.on .name{color:#333;font-weight:600;}
.serch_chat_list li.on .txt{color:#333;font-weight:600;}
.serch_chat_list li .name{position:absolute;top:-4px;left:47px;font-size:16px;font-weight:500;}
.serch_chat_list li .txt{position:absolute;bottom:0;left:47px;font-size:12px;font-weight:300;display:block;width:calc( 100% - 47px)}
.serch_chat_list li .date{position:absolute;top:0;right:0;font-size:12px;font-weight:300;}
.serch_chat_list li:first-child{margin-top:20px;}
.serch_chat_list li+li{margin-top:40px;}
/* 2022.11.03 수정 */
/* .serch_chat_list .tier{position:relative;top:2px;width:35px;height:35px;font-size:12px;line-height:35px;} */
.serch_chat_list .tier{position:relative;top:2px;width:35px;height:35px;font-size:12px;line-height:35px;color:transparent;background-position:50%;background-size:35px;}
/* //2022.11.03 수정 */
.serch_list_cont .serch_chat_list.total{height:100%;}

.message_wrap{margin:40px 0 0;border:1px solid #e5e5e5;display:table;width:100%;}
.message_wrap:after{content:'';display:block;clear:both;}
.message_wrap .serch_pop_cont{width:30%;height:100%;display:table-cell;vertical-align:top;}
.message_wrap .serch_chat_cont_wrap{width:70%;height:100%;position:relative;border-left:1px solid #e5e5e5;display:table-cell;vertical-align:top;}
/* 2022.07.27 수정 */
.message_wrap .serch_chat_cont_wrap .chat_cont{padding:30px 30px 140px 30px;background:#f1f5f9;height:100%;}
.message_wrap .serch_chat_cont_wrap .title{display:block;font-size:20px;font-weight:700;margin-bottom:10px;}

.chat_exit{position: absolute;display:inline-block;padding:5px 10px;top:30px;right:30px;z-index:1;}
.chat_exit>span{width:4px;height:4px;background:#999;border-radius:50%;display:block;margin:0 auto;}
.chat_exit>span+span{margin-top:3px;}
.chat_exit:hover span,
.chat_exit.on>span{background:#333;}
.chat_exit .txt{content:'';position:absolute;top:0;right:30px;width:100px;font-size:14px;color:#999;font-weight:500;padding:15px 0;background:#fff;z-index:1;display:none;border:1px solid #e5e5e5;}
.chat_exit.on .txt{display:block;}

.message_wrap .serch_chat_cont_wrap .no_data{margin-top:260px;height:376px;}

.message_wrap .serch_chat_cont{height:467px;overflow:auto;}
.message_wrap .serch_chat_cont .chat_date{position:relative;text-align:center;margin:30px 0;}
.message_wrap .serch_chat_cont .chat_date:first-child{margin-top:0;}
.message_wrap .serch_chat_cont .chat_date:before{position:absolute;top:10px;left:0;content:'';display:block;border:1px solid #d8dbde;width:100%;}
.message_wrap .serch_chat_cont .chat_date .date{position:relative;display:inline-block;width:150px;font-size:12px;color:#999;background:#f1f5f9;z-index:1;}

.message_wrap .serch_chat_cont .txt_cont>div{margin-top:20px;}
.message_wrap .serch_chat_cont .txt{display:inline-block;padding:10px 20px;border-radius:20px;text-align:left;font-weight:500;box-shadow:2px 2px 4px -2px #999;}
.message_wrap .serch_chat_cont .txt_right .txt{background:#d1e9ff;}
.message_wrap .serch_chat_cont .txt_left .txt{background:#fff;}
.message_wrap .serch_chat_cont .name{color:#333;vertical-align:middle;}

.message_wrap .serch_chat_cont .time_area{position:relative;display:inline-block;padding:0 2px 5px 0;}
.message_wrap .serch_chat_cont .time_area img{max-height:300px;}
.message_wrap .serch_chat_cont .time{position:absolute;font-size:12px;color:#9f9fa0;}
.message_wrap .serch_chat_cont .txt_right .time{bottom:0;left:-60px;}
.message_wrap .serch_chat_cont .txt_left .time{bottom:0;right:-60px;}
.message_wrap .serch_chat_cont .txt_cont+.txt_cont{margin-top:40px;}

.serch_chat_cont .mCSB_dragger{height:75px !important;right:-20px;}
.serch_chat_cont .mCSB_dragger .mCSB_dragger_bar{width:8px !important;background:#ccc !important;border-radius:0 !important;}
.serch_chat_cont .mCSB_draggerRail{background:none;}

/* 2022.07.27 수정 */
/* 하단 채팅영역 */
.message_area{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #e5e5e5;background:#fff;padding:20px 20px 20px 30px;height:76px;}
.message_area input{width:100%;border:none !important;height:34px;padding:0 140px 0 40px !important;color:#333 !important;font-weight:500;}

.ico_attach_img{position:absolute;top:50%;margin-top:-11px;}
.ico_attach_img input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.ico_attach_img label {display:inline-block;background:url(../images/common/ico_attach_image.png) 0 0 no-repeat;width:25px;height:21px;text-indent:-9999px;overflow:hidden;vertical-align:top;cursor:pointer;}
.ico_attach_img.on label{background-position:0 -21px;}
.ico_attach_img input[type="text"] {display:inline-block;padding:0 10px !important;width:700px;height:21px;font-size:14px;vertical-align:top;background-color:#fff !important;}
.ico_attach_img .btn_x{display:inline-block;}

.ico_survey_reg{position:absolute;top:50%;margin-top:-11px;}
.ico_survey_reg:after{content:'';position:absolute;top:0;left:0;background:url(../images/common/ico_survey_image.png) 0 0 no-repeat;width:25px;height:21px;display:block;}
.ico_survey_reg.on:after{background-position:0 -21px;}
.ico_survey_reg+.ico_attach_img{left:70px;}

.message_wrap .message_area{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #e5e5e5;background:#fff;padding:20px 20px 20px 30px;height: auto;}
.message_wrap .message_area input:not(.upload-name){width:100%;border:none !important;height:34px !important;padding:0 140px 0 40px !important;color:#333 !important;font-weight:500;}
.message_wrap .message_area input[type="text"] {padding-left:0 !important;margin-top:10px;}
.message_wrap .message_area .ico_attach_img label{top:7px;}

.message_wrap .ico_attach_img{position:relative;}
.message_wrap .ico_attach_img input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.message_wrap .ico_attach_img label {display:inline-block;background:url(../images/common/ico_attach_image.png) 0 0 no-repeat;width:25px;height:21px;text-indent:-9999px;overflow:hidden;vertical-align:top;cursor:pointer;opacity:1 !important;}
.message_wrap .ico_attach_img input[type="text"] {display:inline-block;padding:0 10px !important;width:700px;height:21px;font-size:14px;vertical-align:top;background-color:#fff !important;}

.message_wrap .message_area .btn_send{position:absolute;top:50%;right:20px;margin-top:-40px;font-size:14px;font-weight:500;padding:5px 20px 7px;color:#999;border:1px solid #999;height:80px;}
.message_wrap .message_area .btn_send:focus,
.message_wrap .message_area .btn_send:active,
.message_wrap .message_area .btn_send:hover{color:#fff;border:1px solid #5e9edc;background:#5e9edc;}

.message_wrap .serch_list_cont .mCSB_dragger_bar{right:-21px;}
.message_wrap .chat_cont .mCSB_dragger_bar{right:-15px;}

.serch_pop_cont input::placeholder {font-weight:500 !important;color:#999 !important;}
.serch_pop_cont input:-ms-input-placeholder {font-weight:500 !important;color:#999 !important;}

.serch_pop_cont.type02{padding:5px 20px 20px 20px;}
.serch_pop_cont.type02 .serch_txt_box{position:relative;}
.serch_pop_cont.type02 input[type="text"]{background:none;font-size:14px;height:auto;color:#333;padding:15px 0 15px 25px;border:none;border-bottom:1px solid #e5e5e5;font-weight:700;}
.serch_pop_cont.type02 input[type="text"]+label {position:absolute;top:50%;left:0;content:'';width:13px;height:13px;background:url(../images/common/ico_serch_s.png) 0 0 no-repeat;display:block;margin-top:-7px;}
.serch_pop_cont.type02 input[type="text"]:hover+label,
.serch_pop_cont.type02 input[type="text"]:focus+label{background-position:0 -13px;}
.serch_pop_cont.type02 .serch_list_cont .serch_list.total{height:100%;}
.serch_pop_cont.type02 .no_data{margin-top:205px;}

/* JW 강연 리스트 */
.broadcast_list_wrap>ul{margin:0 -10px;}
.broadcast_list_wrap>ul:after{content:'';display:block;clear:both;}
.broadcast_list_wrap>ul>li{margin-top:60px;margin-left:10px;margin-right:10px;float:left;}
/* 2022.10.12 수정, 추가 */
.broadcast_list_wrap .broadcast_cont{position:relative;width:430px;text-align:left;color:#999;}

.broadcast_list_swiper{overflow:hidden;}
.broadcast_list_swiper:after{position:absolute;top:0;right:0;content:'';display:block;width:100px;height:60px;box-sizing:border-box;background-color:#e4ebf2;z-index:1;background: rgb(228,235,242);background: linear-gradient(90deg, rgba(228,235,242,0.8379726890756303) 0%, rgba(228,235,242,1) 100%);}
.broadcast_list_swiper .swiper-button-prev,
.broadcast_list_swiper .swiper-button-next,
.broadcast_list_swiper .swiper-button-disabled{opacity:1 !important;display:block;width:14px !important;height:14px !important;border-width:2px;margin-top:-5px;}/* 2022.08.01 수정 */
.broadcast_list_swiper .swiper-button-prev{left:inherit !important;right:25px;border-color:#c5c9cd;}
.broadcast_list_swiper .swiper-button-next{right:5px !important;border-color:#c5c9cd;}
.broadcast_list_swiper .swiper-button-prev:hover,
.broadcast_list_swiper .swiper-button-next:hover{border-color:#000;}
.broadcast_list_swiper .cont{padding-right:100px;}

/* JW 강연 리스트 - 상세 */
.broadcast_list_wrap .title_cont{font-weight:500;}
.broadcast_list_wrap .title_cont .name{font-size:14px;color:#333;}
.broadcast_list_wrap .title_cont .bar{font-size:14px;color:#999;margin-left:20px;vertical-align:0;position:relative;}
.broadcast_list_wrap .title_cont .bar:before{left:-11px;margin-top:4px;height:14px;}

.broadcast_detail{display:table;width:100%;table-layout:fixed;}
.broadcast_detail .img_cont,
.broadcast_detail .txt_cont{display:table-cell;width:50%;vertical-align:top;}
.broadcast_detail .img_cont{overflow:hidden;position:relative;}
.broadcast_detail .txt_cont{padding-left:40px;}
.broadcast_detail .txt_cont .btn_area {display:flex;}
/* .broadcast_detail .tit{font-size:30px;font-weight:700;color:#333;line-height:40px;} */

.broadcast_detail .tit{font-size:30px;font-weight:700;color:#333;line-height:40px;height:80px;display:block; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: keep-all; } /* 2022.07.19 edit */
/* 2022.10.12 수정 */
/* .broadcast_detail .info_cont{margin:20px 0;padding:20px 0 30px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;min-height:134px;} */
.broadcast_detail .info_cont{margin:20px 0;padding:20px 0 30px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;min-height:241px;}
.broadcast_detail .info_cont dl{position:relative;}
.broadcast_detail .info_cont dl+dl{margin-top:20px;}
.broadcast_detail .info_cont dl dt{float:left;margin-right:10px;/* position:absolute; */top:0;left:0;font-size:18px;color:#333;font-weight:500;} /* 2022.07.19 edit */
.broadcast_detail .info_cont dl dd{/* padding-left:50px; */font-size:18px;color:#333;font-weight:500;} /* 2022.07.19 edit */
.broadcast_detail .info_cont dl dd ul li+li{margin-top:10px;}
.broadcast_detail .info_cont dl dd ul li{margin-left:50px;}

/* JW 강연 리스트 - 상세 broadcast_detail swiper */
.broadcast_detail_swiper{padding-bottom:30px;}
/* 2022.10.12 수정 */
/* .broadcast_detail_swiper .swiper-wrapper{height:393px;} *//* 2022.07.19 add */
.broadcast_detail_swiper .swiper-wrapper{height:501px;}
.broadcast_detail_swiper .swiper-pagination{left:inherit !important;right:-3px !important;bottom:-3px !important;width:auto !important;}
.broadcast_detail_swiper .swiper-pagination-bullet{background:#2a6197;width:10px;height:10px;border-radius:inherit;}
/* .broadcast_detail_swiper img{width:100%;} */
/* 2022.07.19 edit */
/* .broadcast_detail_swiper img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;max-width:inherit !important;} */

.broadcast_info_wrap .txt_cont strong{font-size:22px;color:#333;font-weight:700;}
.broadcast_info_wrap .txt_cont p{margin-top:20px;font-size:16px;}
.broadcast_info_wrap .top_border{border-top:1px solid #e5e5e5;margin-top:20px;padding-top:35px;}

.broadcast_info_swiper_wrap{margin-top:20px;padding:40px 0 60px;background:#f1f5f9;overflow:hidden;}

/* JW 강연 리스트 - 상세 댓글입력 */
.comment_txt_cont{border:1px solid #e5e5e5;}
.comment_txt_cont .name{display:block;padding:10px 20px;background:#fff;}
.comment_txt_cont textarea{padding:10px 20px;border:none !important;height:195px;}
.comment_txt_cont .name+textarea{height:150px;}
.comment_txt_cont .message_area{position:relative;padding:10px 20px 10px 30px;height:55px;}
.comment_txt_cont .message_area .length{position:absolute;top:50%;right:160px;margin-top:-10px;}
.comment_txt_cont .message_area .box_secret{position:absolute; top:50%; right:85px; margin-top:-10px;text-align:center;}
.comment_txt_cont .message_area .box_secret input[type="checkbox"]{width:20px;height:20px;}
.comment_txt_cont .message_area .box_secret input[type="checkbox"] + label:before{background:none !important; }
.comment_txt_cont .message_area .btn_comment_send{position:absolute;top:10px;right:0;margin-top:-10px;border-left:1px solid #e5e5e5;height:55px;padding:0 10px;font-weight:500;color:#999;}

.comment_list{border-bottom:1px solid #e5e5e5;}
.comment_list>li{position:relative;}
.comment_list>li .time{position:absolute;top:5px;right:0;font-size:12px;color:#999;}
.comment_list>li+li .time{top:25px;}
.comment_list>li+li{padding-top:20px;border-top:1px solid #e5e5e5;}
.comment_list{margin-top:30px;}
.comment_list .txt_cont{padding:10px 30px 20px 36px;line-height:25px;}
.comment_list .txt_cont .btn{font-size:12px;padding:5px 10px;margin-left:12px;vertical-align:middle;}
.comment_list .txt_cont .util_box{margin-top:10px;}
.comment_list .txt_cont .btn.more.on{background:#e5e5e5;}
.comment_list .txt_cont.on+.sub_comment{display:block;}
.comment_list .img_box{display:block;margin:10px 0;max-width:300px;}

.sub_comment .txt_cont{padding:10px 30px 0 36px;}
.sub_comment .time{top:25px !important;right:40px !important;}
.sub_comment{display:none;}
.sub_comment li{border-top:1px solid #e5e5e5;padding:22px 40px;background:#f8fafc;position:relative;}

.comment_txt_cont_wrap{padding:20px 40px 22px;border-top: 1px solid #e5e5e5;background:#f8fafc;}
.comment_txt_cont_wrap.edit{padding:20px 0px 22px !important;margin-top:20px;display:none;}

/* 지식정보 공유 */
.top_tab_cont ul{display:table;width:100%;table-layout:fixed;}
.top_tab_cont ul li{position:relative;display:table-cell;}
.top_tab_cont ul li a{display:block;text-align:center;font-size:26px;font-weight:500;padding:10px;}
.top_tab_cont ul li.on a,
.top_tab_cont ul li:hover a{font-weight:600;}
.top_tab_cont ul li.on:after,
.top_tab_cont ul li:hover:after{content:'';display:block;width:100%;position:absolute;bottom:0;left:0;border:2px solid #2a6296;}

.knowledge_share li .util_box{padding-left:200px;}
.knowledge_share li .util_box .ico_share{position:inherit;}

.knowledge_share_wrap{position:relative;padding-top:120px;}
.knowledge_share_wrap .serch_box_cont{position:absolute;top:40px;right:0;}
.knowledge_share_wrap .btn_slt{width:120px;float:left;}

.knowledge_share_wrap .select_box{float:left;}
.knowledge_share_wrap .slt_box{float:left;}
.knowledge_share_wrap .serch_box_cont input{width:280px;padding:9px 20px;margin-left:10px;border:1px solid #e7e7e7;font-size:14px;color:#333 !important;float:left;}
.knowledge_share_wrap .serch_box_cont button{margin-left:10px;float:left;font-size:14px;border:1px solid #e7e7e7;padding:9px 20px;}

.btn_write {width:92px;height:92px;background: url("../images/common/ico_write.png") no-repeat 0 0; }
.btn_write:hover {background-position:0 -92px;}

/* select box */
.slt_box.type02 ul{top:39px;bottom:auto;}
.slt_box.type02 ul li{color:#999;font-weight:500;}
.slt_box.type02 ul li:hover{color:#333;}
.slt_box.type02 .btn_slt{font-size:14px;padding:8px 20px 10px 20px;}
.slt_box.type02 .btn_slt:after{transform:rotate(135deg);margin-top:-4px;border-color:#000;width:5px;height:5px;}
.slt_box.type02.on .btn_slt:after{position:absolute;right:20px;top:50%;content:'';width:5px;height:5px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(315deg);margin-top:-2px;}

.ico_box_relative{position:relative;}
.ico_box{position:absolute;top:0;right:0;}
.ico_box .ico_plue{position:absolute;top:32px;right:20px;}
.ico_box .ico_minus{position:absolute;top:32px;right:50px;}
.ico_plue{background:url(../images/common/ico_plus_minus.png) 0 0 no-repeat;width:19px;height:20px;}
.ico_minus{background:url(../images/common/ico_plus_minus.png) 0 -20px no-repeat;width:19px;height:20px;}

.file_info_txt_cont{position:relative;padding:5px 150px 5px 19px;border:1px solid #e7e7e7;font-size:14px;color:#999 !important;vertical-align:middle;height:40px;line-height:normal;}
.file_info_txt_cont+.file_info_txt_cont{margin-top:10px;}
.file_info_txt_cont .file_name{vertical-align:middle;}
.file_info_txt_cont .file_volume{vertical-align:middle;position:absolute;top:8px;right:70px;}
.file_info_txt_cont .btn_del{vertical-align:middle;position:absolute;top:0;right:0;}

.btn_del{background:url(../images/common/ico_del_all.png) 50% no-repeat;width:40px;height:40px;}

/* table_type */
.right_border{border-right:1px solid #e5e5e5;}
.table_type_00{border-top:2px solid #5e9edb;table-layout:fixed;word-break:keep-all;}
.table_type_00 thead th{background:#ecf1f7;font-weight:600;line-height:51px;}
.table_type_00 tbody td{padding:20px 10px;height:140px;font-weight:500;display:table-cell;}
.table_type_00 tbody tr+tr{border-top:1px solid #e5e5e5;}
.table_type_00 tbody tr:last-child{border-bottom:1px solid #e5e5e5;}
.table_type_00 tbody td .cont{position:relative;padding:13px 0 13px 170px;display:block;}
.table_type_00 tbody td .cont .img{position:absolute;top:0;left:0;width:158px;height:100px;}
.table_type_00 tbody td .cont .tit{font-size:16px;font-weight:700;}
.table_type_00 tbody td .cont .txt{line-height:20px;color:#666;height:42px;font-weight:300;}
.table_type_00 tbody td .cont .tit+.txt{margin-top:10px;}
.table_type_00 tbody td .btn_no_pass{font-size:14px;color:#999;padding:2px 9px 4px;border:1px solid #999;border-radius:5px;vertical-align:middle;height:28px;line-height:22px;}
.table_type_00 tbody td .cont .txt{line-height:20px;color:#666;height:42px;font-weight:300;}

.table_type_00.type02 tbody td{height:auto;line-height:53px;padding:0 15px;}
.table_type_00.type_no_img tbody td .cont{padding-left:0;}

.table_type_00.table_noti_type tbody td .cont .txt{font-size:16px;font-weight:500;height:auto;}
.table_type_00.table_noti_type tbody td{height:auto;padding:10px;}

.table_type_01{table-layout:fixed;}
.table_type_01 tr{border-top:1px solid #e5e5e5;}
.table_type_01 tr:last-child{border-bottom:1px solid #e5e5e5;}
.table_type_01 tr th,.table_type_01 tr td{padding:20px 0;vertical-align:top;line-height:40px;font-weight:600;text-align:left;}

.table_type_02{table-layout:fixed;}
.table_type_02 tr{border-top:1px solid #e5e5e5;}
.table_type_02 tr:last-child{border-bottom:1px solid #e5e5e5;}
.table_type_02 tr th{border-right:1px solid #e5e5e5;}
.table_type_02 tr th,.table_type_02 tr td{padding:17px 20px;vertical-align:middle;font-weight:600;text-align:left;line-height:22px;}

/* 지식정보 공유 상세 */
.knowledge_share_wrap .knowledge_share li:first-child{margin-top:0;}
.knowledge_share_detail_wrap{display:flex;width:100%;}
.knowledge_share_detail_wrap:after{content:'';display:block;clear:both;}
/* 2022.10.12 수정 */
/* .knowledge_share_detail_wrap>.info_cont{width:860px;vertical-align:top;margin-right:40px;float:left;height:750px;} */
.knowledge_share_detail_wrap>.info_cont{width:1100px;vertical-align:top;margin-right:40px;float:left;height:750px;}
/* 2022.10.12 수정 */
/* .knowledge_share_detail_wrap>.txt_cont{width:500px;vertical-align:top;float:left;} */
.knowledge_share_detail_wrap>.txt_cont{width:640px;vertical-align:top;float:left;}
.knowledge_share_detail_wrap .title{font-size:26px;color:#333;font-weight:700;}
.knowledge_share_detail_wrap .info{position:relative;margin:30px 0 20px;;padding:40px 0 20px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.knowledge_share_detail_wrap .info .txt{margin-top:30px;font-size:16px;}
/* 2022.11.09 수정 */
/* .knowledge_share_detail_wrap .info_cont .btn{position:absolute;top:40px;right:0;} */
.knowledge_share_detail_wrap .info_cont .btn_cont{position:absolute;top:40px;right:0;}
.knowledge_share_detail_wrap .user_info{position:relative;height:40px;}
/* 2022.11.04 수정 */
/* .knowledge_share_detail_wrap .user_info .tier{position:relative;top:0;width:35px;height:35px;font-size:12px;line-height:35px;} */
.knowledge_share_detail_wrap .user_info .tier{position:relative;top:0;width:35px;height:35px;font-size:12px;line-height:35px;color:transparent;background-position:50%;background-size:35px;}
/* //2022.11.04 수정 */
.knowledge_share_detail_wrap .user_info .name{position:absolute;top:-4px;left:47px;font-size:16px;font-weight:500;color:#333;}
.knowledge_share_detail_wrap .user_info .date{position:absolute;bottom:0;color:#999;}
.knowledge_share_detail_wrap .img_layer_cont{margin-top:40px;}

.knowledge_share_detail_wrap .comment_area{border:1px solid #e5e5e5;position:relative;padding-bottom:250px;height:750px;}
.knowledge_share_detail_wrap .comment_area .title{font-size:18px;color:#333;font-weight:700;display:block;padding:20px;border-bottom:1px solid #e5e5e5;}
.knowledge_share_detail_wrap .comment_area .comment_list{margin-top:0;height:430px;overflow-y:auto;border-bottom:0;}
.knowledge_share_detail_wrap .comment_area .comment_list li{position:relative;padding:10px 20px 0 20px;}
.knowledge_share_detail_wrap .comment_area .comment_list li+li{border-top: 1px solid #e5e5e5;}
.knowledge_share_detail_wrap .comment_area .comment_list li:last-child{border-bottom:1px solid #e5e5e5;}
.knowledge_share_detail_wrap .comment_area .comment_list li .time{position:absolute;right:20px;font-size:12px;}
.knowledge_share_detail_wrap .comment_area .comment_list .txt_cont .btn{position:absolute;top:-3px;right:-30px;}
.knowledge_share_detail_wrap .comment_area .comment_list .sub_comment li,
.knowledge_share_detail_wrap .comment_area .comment_list .sub_comment .comment_txt_cont_wrap{margin:0 -20px;padding:22px 50px;position:relative;}
.knowledge_share_detail_wrap .comment_area .comment_list .sub_comment li:last-child{border-bottom:0;}
.knowledge_share_detail_wrap .comment_area > .comment_txt_cont{position:absolute;bottom:1px;width:100%;height:250px;border-left:0;border-right:0;border-bottom:0;}
.knowledge_share_detail_wrap .info_cont .mCSB_inside > .mCSB_container{margin-right:0;}
.knowledge_share_detail_wrap .info_cont .mCSB_dragger{right:-4px;}
.knowledge_share_detail_wrap .info_cont .mCSB_dragger .mCSB_dragger_bar{width:8px;background:#ccc !important;border-radius:0;}
.knowledge_share_detail_wrap .info_cont .mCSB_draggerRail{background:none;}
.knowledge_share_detail_wrap .comment_area .mCSB_inside > .mCSB_container{margin-right:0;}
.knowledge_share_detail_wrap .comment_area .mCSB_dragger{right:-4px;}
.knowledge_share_detail_wrap .comment_area .mCSB_dragger .mCSB_dragger_bar{width:8px;background:#ccc !important;border-radius:0;}
.knowledge_share_detail_wrap .comment_area .mCSB_draggerRail{background:none;}
.knowledge_share_detail_wrap .comment_area .comment_list .txt_cont .btn{position:inherit;margin-left:0;}
.knowledge_share_detail_wrap .comment_area .ico_attach_img input[type="text"]{width:250px;}

/* 설문조사 */
.survey_cont{margin-top:30px;}
.survey_cont_swiper{overflow:hidden;}
.survey_cont_swiper .swiper-slide{display:block;}
.survey_cont_swiper .swiper-button-prev,
.survey_cont_swiper .swiper-button-next,
.survey_cont_swiper .swiper-button-disabled{opacity:1 !important;display:block;top:45px;}
.survey_cont_swiper .swiper-button-disabled{opacity:0.3 !important;}
.survey_cont_swiper .swiper-button-prev{left:25px !important;border-color:#c5c9cd;}
.survey_cont_swiper .swiper-button-next{right:25px !important;border-color:#c5c9cd;}
.survey_cont_swiper .swiper-button-prev:hover,
.survey_cont_swiper .swiper-button-next:hover{border-color:#000;}

.survey_cont_swiper .title{text-align:center;font-size:20px !important;color:#333;font-weight:700;line-height:70px !important;height:70px;background:#e4f2ff;padding:0 !important;}
.survey_cont_swiper .survey_list_cont{text-align:left;}
.survey_cont_swiper .survey_list_cont dt{font-size:20px;color:#333;font-weight:600;line-height:70px;height:70px;padding:0 25px;}
.survey_cont_swiper .survey_list_cont .survey_list{border-top:1px solid #e4ebf3;}
.survey_cont_swiper .survey_list_cont .survey_list li{font-size:16px;color:#333;font-weight:500;line-height:55px;height:55px;padding:0 25px;border-bottom:1px solid #e5e5e5;}
.survey_cont_swiper .survey_list_cont .survey_list li{display:table;width:100%;}
.survey_cont_swiper .survey_list_cont .survey_list li .txt{display:table-cell;width:90%;margin-top:0;}
.survey_cont_swiper .survey_list_cont .survey_list li .num{display:table-cell;width:10%;text-align:right;}
.survey_cont_swiper .total_num{font-size:12px;color:#999;font-weight:600;display:block;text-align:right;margin-top:10px;padding-right:25px;}
.survey_cont_swiper .btn{position:inherit !important;top:inherit !important;}

/* 설문조사 팝업 */
.share_pop_cont{padding:20px;}
.share_pop_cont .survey_list li:first-child{border-top:2px solid #e4ebf3;}

/* 설문등록(제목,기간) 팝업 */
.share_pop_cont .cont_area{border-top:2px solid #e4ebf3;border-bottom:1px solid #e5e5e5;padding:20px 0;}
.share_pop_cont .title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px;}
.share_pop_cont .cont_area .tit:first-child{margin-top:0}
.share_pop_cont .tit{font-size:14px;font-weight:700;margin-top:20px;display:block;}
.share_pop_cont .input_box{margin-top:12px;}
.share_pop_cont .input_box:after{content:'';display:block;clear:both;}
.share_pop_cont .input_box .select_box{float:left;}
.share_pop_cont .input_box .select_box+.select_box{padding-left:10px;}
.share_pop_cont .total_num{font-size:12px;color:#999;font-weight:600;display:block;text-align:right;margin-top:10px;padding-right:25px;}
.share_pop_cont .btn{position:inherit !important;top:inherit !important;}

/* 설문등록(질문,답변) 팝업 */
.share_pop_cont .answer_cont{position:relative;margin-top:20px;padding-bottom:70px;}
.share_pop_cont .answer_cont .ico_box{position:absolute;top:0;right:0;}
.share_pop_cont .answer_cont .ico_box .ico_plue{position:absolute;top:0;right:0;}
.share_pop_cont .answer_cont .ico_box .ico_minus{position:absolute;top:0;right:30px;}
.share_pop_cont .answer_cont .location{position:absolute;bottom:10px;left:0;}
.share_pop_cont .answer_cont .add_btn{position:absolute !important;bottom:0;right:0;}

/* 이미지 레이어 */
.img_layer_cont .item-box .item-img a {display:inline-block;width:165px;height:165px;position:relative;overflow:hidden;}
.img_layer_cont .item-box .item-img a+a{margin-left:6px;}
.img_layer_cont .item-box .item-img a img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;max-width:inherit !important;}
.img_layer_cont .img-popup {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);visibility:hidden;opacity:0;transition:all linear 0.1s;z-index:10000;}
.img_layer_cont .img-popup.active {visibility:visible;opacity:1;}
/* 2022.11.08 수정 */
/* .img_layer_cont .img-popup .popup-inner {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:900px;} */
/* .img_layer_cont .img-popup .popup-inner > img {display:block;width:100%;margin:0 auto;} */
.img_layer_cont .img-popup .popup-inner {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.img_layer_cont .img-popup .popup-inner > img {display:block;max-height:800px;}
/* //2022.11.08 수정 */
.img_layer_cont .img-popup .btn_close{position:absolute;top:-42px;right:0px;width:25px;height:25px;}
.img_layer_cont .img-popup .btn_close:before,
.img_layer_cont .img-popup .btn_close:after{position:absolute;top:50%;left:50%;content:'';width:30px;height:1px;background:#fff;transform:rotate(45deg);margin-top:-1px;margin-left:-16px;}
.img_layer_cont .img-popup .btn_close:after{transform:rotate(-45deg);margin-left:-16px;}

/* 회원 */
/* 회원 - 회원가입 */
.member_wrap{padding-bottom:100px;}
.member_wrap .title_cont{height:100px;background:#e4ebf2;}
.member_wrap .title_cont .inner{position:relative;}
.member_wrap .title_cont .title{font-size:30px;font-weight:700;color:#333;line-height:100px;}
.member_wrap .title_cont .member_cont_step{position:absolute;top:0;right:0;}

.member_cont_step li{display:inline-block;padding:26px 0 26px 50px;position:relative;}
.member_cont_step li+li{margin-left:100px;}
.member_cont_step li+li:after{position:absolute;left:-70px;top:50%;content:'';width:20px;height:20px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg);margin-top:-10px;}
.member_cont_step li span{display:block;font-size:12px;font-weight:500;color:#999;}
.member_cont_step li strong{display:block;font-size:20px;font-weight:700;color:#999;}
.member_cont_step .step_01:before{content:'';width:34px;height:40px;background:url(../images/common/ico_member_step_01.png) 0 0 no-repeat;position:absolute;top:50%;left:0;margin-top:-20px;}
.member_cont_step .step_02:before{content:'';width:40px;height:41px;background:url(../images/common/ico_member_step_02.png) 0 0 no-repeat;position:absolute;top:50%;left:0;margin-top:-20px;}
.member_cont_step .step_03:before{content:'';width:38px;height:40px;background:url(../images/common/ico_member_step_03.png) 0 0 no-repeat;position:absolute;top:50%;left:0;margin-top:-18px;}
.member_cont_step li.on:after{border-color:#2a6296;}
.member_cont_step .step_01.on span,
.member_cont_step .step_01.on strong,
.member_cont_step .step_02.on span,
.member_cont_step .step_02.on strong,
.member_cont_step .step_03.on span,
.member_cont_step .step_03.on strong{color:#2a6296;}
.member_cont_step .step_02.on:before{background-position:0 -41px;}
.member_cont_step .step_03.on:before{background-position:0 -39px;}

.txt_info_cont{margin-top:100px;text-align:center;}
.txt_info_cont .tit{font-size:30px;font-weight:700;color:#333;padding-top:73px;display:block;}
.txt_info_cont .tit.ico_01{background:url(../images/common/bg_jwpon_01.png) 50% 0 no-repeat;}
.txt_info_cont .tit.ico_02{background:url(../images/common/bg_jwpon_02.png) 50% 0 no-repeat;}
.txt_info_cont .tit.ico_03{background:url(../images/common/bg_jwpon_03.png) 50% 0 no-repeat;}
.txt_info_cont .txt{font-size:20px;font-weight:500;color:#999;margin-top:40px;}
.txt_info_cont .btn_area{margin-top:50px;}

.member_wrap>.inner{width:500px;}

.noti_wrap{width:750px;margin:70px auto 0;}
.noti_wrap .title{display:block;padding-top:70px;font-weight:700;font-size:30px;color:#333;text-align:center;background:url(../images/common/no_data_06.png) 50% 0 no-repeat;}
.noti_wrap .title.ico_finish{background:url(../images/common/finish_data_01.png) 50% 0 no-repeat;border-bottom:1px solid #f2f2f2;width:550px;padding-bottom:20px;margin:0 auto 20px;}
.noti_wrap .title.ico_finish+.txt{margin-top:0;}
.noti_wrap .txt{font-size:20px;font-weight:500;color:#999;margin-top:40px;text-align:center;}
.noti_wrap .info_list{background:#f1f5f9;padding:25px 100px;margin-top:20px;text-align:center;}
.noti_wrap .info_list>ul{display:inline-block;text-align:left;}
.noti_wrap .info_list li+li{font-size:14px;margin-top:15px;}
.noti_wrap .info_list li dt{position:relative;font-weight:600;color:#333;padding-left:10px;display:inline-block;width:120px;}
.noti_wrap .info_list li dt:before{position:absolute;top:8px;left:0;content:'';width:5px;height:5px;background:#333;border-radius:50%;}
.noti_wrap .info_list li dd{font-weight:500;color:#666;display:inline-block;}

/* 회원 - 회원가입 정보입력 */
.member_join_wrap{width:650px !important;}
.member_join_wrap .document_wrap{margin-top:40px;}
.member_join_wrap .tit_cont .title{font-size:24px;line-height:40px;vertical-align:middle;}
.member_join_wrap .tit_cont .sub_txt{position:relative;display:inline-block;color:#999;padding-left:40px;line-height:40px;vertical-align:middle;}
.member_join_wrap .tit_cont .sub_txt:before{position:absolute;top:50%;left:20px;;content:'';width:1px;height:22px;background:#e5e5e5;margin-top:-11px;}
.member_join_wrap .table_type_01{margin-top:20px;}

.ico_info_cont{position:relative;display:inline-block;vertical-align:middle;padding:5px;cursor:pointer;}
.ico_info_cont .ico_info{width:16px;height:16px;background:url(../images/common/ico_info.png) 0 0 no-repeat;display:block;} 
.ico_info_cont .ico_info+.tooltip_box{display:none;}
.ico_info_cont:hover .ico_info+.tooltip_box{display:block;}

.tooltip_box{position:absolute;top:5px;left:30px;padding:20px;background:#fff6f7;border:1px solid #e5e5e5;z-index:1;word-break:keep-all;line-height:normal;}
.tooltip_box li{position:relative;font-size:12px;font-weight:500;color:#333;padding-left:10px;display:inline-block;}
.tooltip_box li:before{position:absolute;top:6px;left:0;content:'';width:5px;height:5px;background:#333;border-radius:50%;}
.tooltip_box li+li{margin-top:15px;}

.agree_cont{padding:30px;background:#f1f5f9;}
.agree_cont .chk_all_txt{font-size:18px;font-weight:600;color:#333;}
.agree_cont .chk_list li{font-size:14px;font-weight:500;color:#666;position:relative;}
.agree_cont .chk_list li+li{margin-top:15px;}
.agree_cont .chk_list li button{position:absolute;top:-2px;right:0;}
.agree_cont .chk_list li button.arrow{padding-right:15px;font-size:16px;color:#999;font-weight:500;}
.agree_cont .chk_list li button.arrow:after{width:5px;height:5px;margin-top:-2px;}

/* 마이페이지 */
.mypage_wrap{margin-top:40px;}
.mypage_wrap:after{content:'';display:block;clear:both;}
/* .mypage_wrap .lnb_wrap{width:220px;float:left;} */ /* 2022.10.12 수정 */
.mypage_wrap .lnb_wrap{width:270px;float:left;}
/* .mypage_wrap .lnb_wrap .lnb_cont{width:180px;border:1px solid #e5e5e5;border-radius:10px 0 0 10px;padding:15px 0 20px 0;} */ /* 2022.10.12 수정 */
.mypage_wrap .lnb_wrap .lnb_cont{width:230px;border:1px solid #e5e5e5;border-radius:10px 0 0 10px;padding:15px 0 20px 0;}
.mypage_wrap .lnb_wrap .lnb_cont dl dt{padding:15px 13px;border-bottom:1px solid #e5e5e5;font-size:16px;font-weight:600;color:#333;}
.mypage_wrap .lnb_wrap .lnb_cont dl dd>ul>li{padding:20px 13px 0 13px;font-weight:500;color:#666;}
.mypage_wrap .lnb_wrap .lnb_cont dl dd>ul>li>a{font-size:14px;font-weight:500;color:#999;}
.mypage_wrap .lnb_wrap .lnb_cont dl dd>ul>li>a.on,
.mypage_wrap .lnb_wrap .lnb_cont dl dd>ul>li>a:hover,
.mypage_wrap .lnb_wrap .lnb_cont dl dd>ul>li>ul>li a.on,
.mypage_wrap .lnb_wrap .lnb_cont dl dd>ul>li>ul>li a:hover{color:#2a6296;font-weight:600;}
.mypage_wrap .lnb_wrap .lnb_cont dl:first-child{margin-top:0;}
.mypage_wrap .lnb_wrap .lnb_cont dl:first-child dt{padding-top:0;}
.mypage_wrap .lnb_wrap .lnb_cont dl{margin-top:20px;}
.mypage_wrap .lnb_wrap .lnb_cont dl dd>ul>li>ul>li a{position:relative;padding-left:10px;display:inline-block;color:#999;margin:10px 10px 0 10px;}
.mypage_wrap .lnb_wrap .lnb_cont dl dd>ul>li>ul>li a:before{position:absolute;top:8px;left:0;content:'';width:4px;height:4px;background:#999;border-radius:50%;}

/* .mypage_wrap .content_wrap{float:left;width:1180px;} */ /* 2022.10.12 수정 */ 
.mypage_wrap .content_wrap{float:left;width:1510px;}
.mypage_wrap .content_wrap .tit_cont{position:relative;border-bottom:1px solid #d1dae3;padding-bottom:20px;}
.mypage_wrap .content_wrap .tit_cont .title{font-size:26px;line-height:40px;vertical-align:middle;}
.mypage_wrap .content_wrap .tit_cont .sub_txt{position:relative;display:inline-block;color:#999;padding-left:40px;line-height:40px;vertical-align:middle;}
.mypage_wrap .content_wrap .tit_cont .sub_txt:before{position:absolute;top:50%;left:20px;;content:'';width:1px;height:22px;background:#e5e5e5;margin-top:-11px;}
.mypage_wrap .content_wrap .serch_filter_cont{padding:20px 0;}
.mypage_wrap .content_wrap .serch_filter_cont+.btn_area{border-top:1px solid #e5e5e5;margin-top:0;padding-top:20px;}
.mypage_wrap .content_wrap .serch_filter_cont .filter_list{vertical-align:middle;}
.mypage_wrap .content_wrap .serch_filter_cont .tit{display:inline-block;vertical-align:middle;margin-right:20px;font-size:16px;font-weight:500;}
.mypage_wrap .content_wrap .serch_filter_cont .btns{display:inline-block;vertical-align:middle;}
.mypage_wrap .content_wrap .serch_filter_cont .btns li{display:inline-block;}
.mypage_wrap .content_wrap .serch_filter_cont .btns li+li{margin-left:10px;}
.mypage_wrap .content_wrap .serch_filter_cont .btns input[type="radio"] + label{display:inline-block;width:100px;height:38px;font-size:14px;font-weight:500;line-height:38px;text-align:center;color:#fff;background:#ccc;vertical-align:middle;}
.mypage_wrap .content_wrap .serch_filter_cont .btns input[type="radio"] + label:before{display:none;}
.mypage_wrap .content_wrap .serch_filter_cont .btns input[type="radio"]:checked + label{background:#2a6296;}
.mypage_wrap .content_wrap .serch_filter_cont>ul>li:first-child{display:block;margin-top:0;}
.mypage_wrap .content_wrap .serch_filter_cont>ul>li{display:inline-block;margin-top:10px;}
.mypage_wrap .content_wrap .serch_list_cont .info_cont{position:relative;line-height:42px;}
.mypage_wrap .content_wrap .serch_list_cont .info_cont .info_txt{margin:40px 0 10px;}
.mypage_wrap .content_wrap .serch_list_cont .info_cont .select_box{position:absolute;top:0;right:0;}

.calendar_box{display:inline-block;margin-left:20px;color:#999;}
.calendar_box .calendar{padding-right:30px;}
.calendar_box .calendar input{border:1px solid #e5e5e5;font-size:14px;color:#999;padding:0 20px;height:38px;line-height:38px;width:180px;}
.calendar_box .calendar label{left:auto;right:0;top:50%;margin-top:-13px;}

.webinar_list_cont{padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.webinar_list_cont .time{color:#333;font-weight:600;font-size:22px;margin-top:20px;padding-top:40px;}
.webinar_list_cont .time:first-child{margin-top:0}
.webinar_list_cont .thumbnail{position:absolute;top:0;left:0;width:158px;height:100px;} /* 2022.07.19 */
.webinar_list_cont .thumbnail img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;max-width:inherit !important;} /* 2022.07.19 edit */
.webinar_list_cont .broadcast_cont{position:relative;width:50%;height:100px;margin-top:20px;padding:0 280px 13px 170px;float:left;}
.webinar_list_cont .broadcast_cont .date_cont{position:absolute;bottom:0;margin-bottom:0;}
.webinar_list_cont .broadcast_cont .thumbnail:before{display:none;}
.webinar_list_cont .broadcast_cont .info .tit{color:#333;font-size:16px;font-weight:700;margin-bottom:3px;}
.webinar_list_cont .broadcast_cont .info .txt{font-size:14px;font-weight:300;margin-top:0;height:40px;}
.webinar_list_cont .broadcast_cont .date{position:absolute;bottom:0;left:225px;float:initial !important;font-size:12px;}
.webinar_list_cont .date_cont .name .tier{width:20px;height:20px;margin-right:5px;line-height:20px;background-size:20px auto;}
.webinar_list_cont .date_cont .name, .date_cont .date{font-size:14px;}
.webinar_list_cont+.time{margin-top:40px;padding-top:60px;border-top:1px solid #e5e5e5;}
.webinar_list_cont.w100 .broadcast_cont{width:100% !important;}

.webinar_list_cont .btn_del{position:absolute;top:50%;right:70px;width:27px;height:27px;margin-top:-15px;background:#999;border-radius:50%;color:transparent;font-size:0;}
.webinar_list_cont .btn_del:before,
.webinar_list_cont .btn_del:after{position:absolute;top:50%;left:50%;content:'';width:15px;height:1px;background:#fff;transform: rotate(45deg);margin-top:-1px;margin-left:-7px;}
.webinar_list_cont .btn_del:after{transform: rotate(-45deg);margin-left:-7px;}

.btn_video_add{display:block;position:absolute;top:50%;right:0;margin-top:-33px;}
.btn_video_add label{position:absolute;top:12px;right: 0;border:1px solid #999;color:#999;font-size:14px;font-weight:500;padding:0 10px 2px 35px;line-height:36px;width: 182px;background:#fff;}
.btn_video_add input[type="checkbox"] + label:before,
.btn_video_add input[type="checkbox"] + label:hover:before{position:absolute;left:10px;top:13px;content:'';width:17px;height:12px;background:url(../images/common/bg_video_add.png) 0 0 no-repeat;}
.btn_video_add input[type="checkbox"] + label:hover,
.btn_video_add input[type="checkbox"]:checked + label{border:1px solid #2a6197;background:#2a6197;color:#fff;}
.btn_video_add input[type="checkbox"] + label:hover:before,
.btn_video_add input[type="checkbox"]:checked + label:before,
.btn_video_add input[type="checkbox"]:checked + label:hover:before{background-position:0 -12px;}

/* 웨비나 등록 내역 상세 */
.step_flow_cont{margin:20px 0 40px;background:#ecf1f7;}
.step_flow_cont:after{content:'';display:block;clear:both;}
.step_flow_cont li{position:relative;float:left;width:25%;height:80px;line-height:80px;text-align:center;color:#ccc;font-size:18px;font-weight:700;}
.step_flow_cont li.on{background:#2a6296;color:#fff;}
.step_flow_cont li:after{content:'';position:absolute;top:0;right:0;border-left:40px solid #ecf1f7;border-right:0px solid transparent;border-bottom:40px solid transparent;border-top:40px solid transparent;z-index:1;}
.step_flow_cont li.on:after{border-left:40px solid #2a6296;border-right:0px solid #ecf1f7;border-bottom:40px solid #ecf1f7;border-top:40px solid #ecf1f7;}
.step_flow_cont li.on:before{content:'';position:absolute;top:0;left:-40px;border-left:40px solid transparent;border-right:0px solid #2a6296;border-bottom:40px solid #2a6296;border-top:40px solid #2a6296;z-index:1;}
.step_flow_cont li:first-child.on:before{display:none;}
.step_flow_cont li:last-child.on:after{border-left:40px solid #2a6296;border-right:0px solid #2a6296;border-bottom:40px solid #2a6296;border-top:40px solid #2a6296;}
.step_flow_cont li>strong{padding-right:40px;}

/* 강연 참석자 선택 */
.attendance_list>button{position:absolute;right:0;top:0;width:40px;height:100%;}
.attendance_list{padding:10px 20px;border:1px solid #e7e7e7;font-size:14px;}
.attendance_list ul{background:#fff;margin-top:-10px;}
.attendance_list ul:after{content:'';display:block;clear:both;}
.attendance_list ul li{float:left;margin-right:10px;margin-top:10px;display:inline-block;background:#dbedff;color:#333;padding:2px 30px 2px 10px;line-height:24px;position:relative;vertical-align:top;}
.attendance_list ul li:last-child{margin-right:0;}
.attendance_list .btn_del_02{position:absolute;top:9px;right:10px;width:12px;height:12px;background:none;}
.attendance_list .btn_del_02:before,
.attendance_list .btn_del_02:after{position:absolute;top:50%;left:50%;content:'';width:15px;height:1px;background:#bbb;transform:rotate(45deg);margin-top:-1px;margin-left:-7px;}
.attendance_list .btn_del_02:after{transform: rotate(-45deg);margin-left:-7px;}

/* 회원정보 수정 */
.btn_view .arrow{font-size:14px;color:#999;padding:0 15px 0 10px;}
.btn_view .arrow:after{width:7px;height:7px;margin-top:-3px;}

/* 회원탈퇴 신청 */
.noti_wrap .info_list{background:#f1f5f9;padding:25px 100px;margin-top:20px;text-align:center;}
.noti_wrap .info_list>ul{display:inline-block;text-align:left;}
.noti_wrap .info_list li+li{font-size:14px;margin-top:15px;}
.noti_wrap .info_list li dt{position:relative;font-weight:600;color:#333;padding-left:10px;display:inline-block;width:120px;}
.noti_wrap .info_list li dt:before{position:absolute;top:8px;left:0;content:'';width:5px;height:5px;background:#333;border-radius:50%;}
.noti_wrap .info_list li dd{font-weight:500;color:#666;display:inline-block;}

.noti_cont_box{background:#f1f5f9;padding:30px 25px;margin-top:20px;}
.noti_cont_box li{position:relative;font-weight:500;color:#333;padding-left:10px;}
.noti_cont_box li:before{position:absolute;top:8px;left:0;content:'';width:5px;height:5px;background:#333;border-radius:50%;}
.noti_cont_box li+li{font-size:14px;margin-top:5px;}
.noti_cont_box .noti_txt{padding-left:10px;margin-top:5px;font-size:12px;font-weight:500;color:#666;}

.select_cont{margin-top:35px;}
.select_cont .tit{font-size:16px;font-weight:500;color:#333;}
.select_cont ul{margin-left:-40px;}
.select_cont ul li{padding-left:40px;display:inline-block;margin-top:15px;font-size:14px;color:#333;}
.select_cont ul li.w100{width:100%;}
.select_cont ul li textarea{margin-top:10px;}

/* 1:1 문의 */
.mypage_wrap .content_wrap .tit_cont .btn{position:absolute;bottom:20px;right:0;}
.mypage_wrap .content_wrap .accordion{position:relative;padding:0;}
.table_type_00.accordion_cont tbody td{padding:0;}
.mypage_wrap .content_wrap .accordion:after{content:'';display:block;clear:both;right:20px;width:7px;height:7px;border-top:1px solid #999;border-right:1px solid #999;margin-top:-6px;}
.mypage_wrap .content_wrap .accordion.active:after{margin-top:-1px;}
.mypage_wrap .content_wrap .accordion.active span{font-weight:600;color:#2a6197;}
.mypage_wrap .content_wrap .accordion span{float:left;text-align:center;font-size:14px;font-weight:500;color:#333;padding:10px;}
.mypage_wrap .content_wrap .accordion span:nth-child(1){width:10%;}
.mypage_wrap .content_wrap .accordion span:nth-child(2){width:60%;text-align:left;}
.mypage_wrap .content_wrap .accordion span:nth-child(3){width:10%;}
.mypage_wrap .content_wrap .accordion span:nth-child(4){width:10%;}
.mypage_wrap .content_wrap .accordion span:nth-child(5){width:10%;padding-right:30px;}

.mypage_wrap .content_wrap .panel{max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;background:#f8fafc;color:#666;line-height:23px;}
.mypage_wrap .content_wrap .panel .panel_cont{border-top:1px solid #e5e5e5}
.mypage_wrap .content_wrap .panel .panel_cont:after{content:'';display:block;clear:both;}
.mypage_wrap .content_wrap .panel .type_q .tit{font-size:14px;font-weight:600;color:#333;}
.mypage_wrap .content_wrap .panel .type_q .txt{font-size:14px;font-weight:500;color:#333;}
.mypage_wrap .content_wrap .panel .type_a .tit{font-size:14px;font-weight:600;color:#333;}
.mypage_wrap .content_wrap .panel .type_a .txt{font-size:14px;font-weight:400;color:#999;}

.mypage_wrap .content_wrap .panel span{float:left;text-align:center;font-size:14px;font-weight:500;color:#333;padding:10px;}
.mypage_wrap .content_wrap .panel span:nth-child(1){width:10%;}
.mypage_wrap .content_wrap .panel span:nth-child(2){width:90%;text-align:left;}
.mypage_wrap .content_wrap input[type="checkbox"]+label span{padding-left:20px;font-weight:500;}

/* 아이디 중복 확인 레이어 팝업 */
.id_overlap_pop_cont{padding:24px 20px 30px 20px}
.id_overlap_pop_cont .title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px;}
.id_overlap_pop_cont .cont_area{border-top:2px solid #e4ebf3;padding-top:40px;}
.id_overlap_pop_cont .cont_area .txt_box{text-align:center;}
.id_overlap_pop_cont .cont_area .txt_box>strong{display:block;font-size:20px;font-weight:700;}
.id_overlap_pop_cont .cont_area .txt_box>p{font-size:14px;font-weight:500;margin-top:5px;}
.id_overlap_pop_cont .login_input_box input{height: 50px;padding: 9px 10px 9px 63px;}

/* 서비스 이용약관 레이어 팝업 */
.service_agree_pop_cont{padding:24px 20px 30px 20px}
.service_agree_pop_cont .title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px;}
.service_agree_pop_cont .cont_area{border-top:2px solid #e4ebf3;padding-top:30px;}
.service_agree_pop_cont .service_agree_cont{height:400px;overflow-y:auto;}
.service_agree_pop_cont .service_agree_cont .mCSB_dragger{height:75px !important;right:22px;}
.service_agree_pop_cont .service_agree_cont .mCSB_dragger .mCSB_dragger_bar{width:8px;background:#ccc !important;border-radius:0;}
.service_agree_pop_cont .service_agree_cont .mCSB_draggerRail{background:none;}

/* 휴면 아이디 레이어 팝업 */
.dormant_id_pop_cont{padding:24px 20px 30px 20px}
.dormant_id_pop_cont .title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px;}
.dormant_id_pop_cont .cont_area{border-top:2px solid #e4ebf3;border-bottom:1px solid #e5e5e5;padding:20px 0;}
.dormant_id_pop_cont .cont_area .txt_box{text-align:center;}
.dormant_id_pop_cont .cont_area .txt_box>strong{display:block;font-size:20px;font-weight:700;}
.dormant_id_pop_cont .cont_area .txt_box>p{font-size:16px;font-weight:500;color:#333;}
.dormant_id_pop_cont .cont_area .txt_box>p+p{margin-top:30px;}
.dormant_id_pop_cont .login_input_box input{height: 50px;padding: 9px 10px 9px 63px;}
.dormant_id_pop_cont .btn_area .btn{width:183px;}
.dormant_id_pop_cont .copyright_txt{font-size:13px;color:#999;font-weight:500;text-align:center;margin-top:20px;opacity:0.5;}

/* 서비스 이용약관 레이어 팝업 */
.certificate_pop_cont .cont_area{padding-top:30px;}

/* 강연자 추가 팝업 */
/* 2022.10.14 수정 */
.pop_cont[class*="webinar_signup_"]{padding:24px 20px 30px 20px;}
#video .pop_cont[class*="webinar_signup_"]{padding:0;line-height:1px;}
.pop_cont[class*="webinar_signup_"] .title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px;}
.pop_cont[class*="webinar_signup_"] .cont_area{border-top:2px solid #e4ebf3;padding:20px 0;}

.btn_area.col_02{display:flex;width:100%;}
.btn_area.col_02 button{width:calc(50% - 5px);}
.chk_list_nick_area .chk_list{height:230px;}
.chk_list_nick_area .chk_list li+li{margin-top:10px;}
.chk_list_nick_area .mCSB_dragger{height:75px !important;right:22px;}
.chk_list_nick_area .mCSB_dragger .mCSB_dragger_bar{width:8px !important;background:#ccc !important;border-radius:0 !important;}
.chk_list_nick_area .mCSB_draggerRail{background:none !important;}
.chk_list_nick_area .no_data_txt{height:230px;padding:110px 0 100px;text-align:center;}
.chk_list_nick_area .no_data_txt .txt{font-size:14px;font-weight:500;color:#999;}
.chk_list_nick_area .noti_cont{border-top:1px solid #e5e5e5;height:155px;overflow:auto;}
.chk_list_nick_area .noti_cont .noti_txt{font-size:14px;font-weight:500;color:#999;padding:10px 0 20px;}
.chk_list_nick_area .noti_cont .attendance_list{border:none;padding:0;}

.chk_list_nick_area.type02 .chk_list{height:330px;}
.chk_list_nick_area.type02 .no_data_txt{height:330px;padding:160px 0 150px;text-align:center;}

/* 강연 질환 추가 팝업 */
.filter_list_cont .btns{margin:-10px 0 0 -5px;width:calc(100% + 10px);}
.filter_list_cont .btns:after{content:'';display:block;clear:both;}
.filter_list_cont .btns li{float:left;display:inline-block;margin:10px 0 0 0;padding:0 5px;width:33.3%;}
.filter_list_cont .btns input[type="radio"] + label,
.filter_list_cont .btns input[type="checkbox"] + label{display:inline-block;width:100%;height:38px;font-size:14px;font-weight:500;line-height:38px;text-align:center;color:#fff;background:#ccc;vertical-align:middle;}
.filter_list_cont .btns input[type="radio"]:checked + label,
.filter_list_cont .btns input[type="checkbox"]:checked + label{background:#2a6296;}
.filter_list_cont .btns input[type="radio"] + label:before,
.filter_list_cont .btns input[type="checkbox"] + label:before{display:none;}

/* 강연 일정 선택 팝업 */
.calender_select_cont .modal_datepicker{width:100%;height:320px;margin-top:10px;}
.calender_select_cont .modal_datepicker .ui-datepicker{padding:0;}
.calender_select_cont .modal_datepicker .ui-widget.ui-widget-content{border:none;margin:0;box-shadow:none;width:100%;height:100%;}
.calender_select_cont .modal_datepicker .ui-datepicker-calendar{margin-top:20px;}
.calender_select_cont .modal_datepicker .ui-datepicker-unselectable .ui-state-default{color:rgb(228, 213, 213) !important;}
.calender_select_cont .modal_datepicker .ui-icon-circle-triangle-w:after{width:15px;height:15px;}
.calender_select_cont .modal_datepicker .ui-icon-circle-triangle-e:after{width:15px;height:15px;}
.calender_select_cont .modal_datepicker .ui-datepicker .ui-datepicker-title{font-size:32px;width:200px;margin-left:-100px;}

.select_time_cont{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin:20px 0;padding:15px 0;}
.select_time_cont .tit{font-size:14px;font-weight:500;color:#333;display:inline-block;vertical-align:middle;width:84px;}
.select_time_cont .select_box+.select_box{margin-left:10px;}
.select_time_cont li+li{margin-top:10px;}

.calender_noti_txt{padding:20px 20px 0 20px;font-size:14px;color:#999;font-weight:500;}

.noti_txt_cont{text-align:center;background:#f1f5f9;padding:20px;}
.noti_txt_cont .tit{font-size:14px;font-weight:500;color:#333;}
.noti_txt_cont .txt{font-size:14px;font-weight:500;color:#999;padding-top:10px;}
.noti_txt_cont .txt.on{font-size:16px;font-weight:700;color:#333;}

/* 공지사항 */
.noti_detail_wrap{color:#999;letter-spacing:0;}
.noti_detail_wrap .noti_detail_title{position:relative;border-bottom:1px solid #e5e5e5;padding:10px 0;}
.noti_detail_wrap .noti_detail_title .name{position:relative;padding-right:20px;margin-right:20px;font-weight:300;}
.noti_detail_wrap .noti_detail_title .name:after{position:absolute;top:0;right:0;content:'';width:1px;height:20px;background:#e5e5e5}
.noti_detail_wrap .noti_detail_title .date{font-weight:500;}
.noti_detail_wrap .noti_detail_title .view{position:absolute;top:10px;right:0;font-weight:300;}
.noti_detail_wrap .noti_txt_area{padding:20px 0;min-height:625px;}
.noti_detail_wrap .noti_more_list li:first-child{border-top:1px solid #e5e5e5;}
.noti_detail_wrap .noti_more_list li{border-bottom:1px solid #e5e5e5;}
.noti_detail_wrap .noti_more_list li a{display:block;padding:10px 0;}
.noti_detail_wrap .noti_more_list li a:hover em{color:#333;}

/* 기타 */
.error_wrap {margin:0;padding:0;}
.error_wrap .noti_wrap{margin-top:100px;}
.error_wrap .noti_wrap .info_list li{text-align:center;}
.error_wrap .noti_wrap .info_list li dt{text-align:left;}
.error_wrap .noti_wrap .info_list li .txt{margin-top:20px;font-size:14px;font-weight:500;color:#333;}
.error_wrap .noti_wrap .title.ico_error{background:url(../images/common/ico_error.png) 50% 0 no-repeat;border-bottom:1px solid #f2f2f2;width:550px;padding-bottom:20px;margin:0 auto 20px;}

/* 회원등급 */
.user_info_cont .info_txt_box{font-size:18px;border-bottom:1px solid #efefef;background:#ecf1f7;padding:30px;text-align:center;}
.txt_bold{font-weight:700;}
.txt_bold.color{color:#5e9edc;}
.mypage_wrap .content_wrap .user_info_cont .tit_cont{position:relative;border-bottom:none;padding-bottom:20px;}
.mypage_wrap .content_wrap .user_info_cont .tit_cont .title{font-size:18px;line-height:18px;}
.user_info_cont  .tit_cont{margin-top:60px;}
.user_info_cont .noti_txt{color:#999;margin-top:10px;font-size:12px;}

.user_info_cont .ranking_list{border:1px solid #e8e8e8;display:table;width:100%;table-layout:fixed;}
.user_info_cont .ranking_list li:first-child{border-left:none;}
.user_info_cont .ranking_list li{border-left:1px solid #e8e8e8;display:table-cell;vertical-align:top;}
.user_info_cont .ranking_list .date_cont{padding:100px 10px 20px 10px;position:relative;color:#333;font-size:14px;text-align:center;}
.user_info_cont .ranking_list .date_cont .tier{position:absolute;top:20px;left:50%;translate:-50% 0;}
.user_info_cont .ranking_list .date_cont .tit{display:block;color:#666;font-size:18px;}
.user_info_cont .ranking_list .date_cont .txt{font-weight:600;display:block;margin-top:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.user_info_cont .ranking_list .date_cont .info_txt{margin-top:15px;color:#666;line-height:25px;}

/* 회원등급 레이어 팝업 */
.user_info_pop_cont{padding:20px;}
.user_info_pop_cont .title{text-align:left;font-size:26px;font-weight:700;padding-left:10px;}
.user_info_view_area{position:relative;margin-top:20px;padding-top:20px;border-top:2px solid #e4ebf3;}
.user_info_view_area .select_pop{position:absolute;top:4px;right:0;z-index:1;}
.user_info_view_area .date_cont{position:relative;padding-left:85px;padding-top:10px;min-height:65px;}
.user_info_view_area .date_cont .tier_tit{position:absolute;top:0;left:0;}
.user_info_view_area .date_cont .tit{font-size:18px;font-weight:700;padding-right:10px;}
.user_info_view_area .date_cont .text.arrow{padding-right:15px;color:#999;font-size:12px;}
.user_info_view_area .date_cont .text.arrow:after{position:absolute;right:5px;top:50%;content:'';width:4px;height:4px;border-top:1px solid #999;border-right:1px solid #999;transform:rotate(45deg);margin-top:-2px;}
.user_info_view_area .date_cont .mileage{display:block;font-size:14px;color:#666;font-weight:600;}
.user_info_view_area .date_cont .mileage em{color:#5e9edb;font-weight:600;}
.user_info_view_area .info_more{display:table;width:100%;margin-top:30px;table-layout:fixed;}
.user_info_view_area .info_more li{display:table-cell;text-align:center;padding:10px 0;}
.user_info_view_area .info_more li span{display:block;font-size:14px;}
.user_info_view_area .info_more li strong{font-size:26px;padding-top:10px;display:inline-block;}
.user_info_view_area .info_more li+li{border-left:1px solid #e8e8e8;}
.user_info_view_area .chat_exit{top:20px;right:-10px;}