@charset "utf-8";
@import url(reset.css);
/* 2021-09-07 폰트 추가 */
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');

@font-face{font-family:'SamsungSharpSansBd';src:url(../fonts/SamsungSharpSansBd.eot);src:url(../fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype"),url(../fonts/SamsungSharpSansBd.woff) format("woff");font-weight:bold;font-style:normal}
@font-face{font-family:'SamsungSharpSansRg';src:url(../fonts/SamsungSharpSansRg.eot);src:url(../fonts/SamsungSharpSansRg.eot?#iefix) format("embedded-opentype"),url(../fonts/SamsungSharpSansRg.woff) format("woff");font-weight:bold;font-style:normal}
@font-face{font-family:'SamsungSharpSansMd';src:url(../fonts/SamsungSharpSans-Medium.eot);src:url(../fonts/SamsungSharpSans-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/SamsungSharpSans-Medium.woff) format("woff");font-weight:bold;font-style:normal}
@font-face {
    font-family:'SamsungOne400';
    src:url('../fonts/SamsungOne-400.eot');
    src:url('../fonts/SamsungOne-400.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SamsungOne-400.woff2') format('woff2'),
    url('../fonts/SamsungOne-400.woff') format('woff'),
    url('../fonts/SamsungOne-400.ttf') format('truetype');
    font-style:normal;
    font-weight:normal;
    text-rendering:optimizeLegibility;
}
@font-face{
    font-family:'SamsungOne600';
    src:url(../fonts/SamsungOne-600.eot);
    src:url(../fonts/SamsungOne-600.eot?#iefix) format("embedded-opentype"),
    url(../fonts/SamsungOne-600.woff) format("woff"),
    url(../fonts/SamsungOne-600.ttf) format("truetype");
    font-weight:bold;
    font-style:normal
}
@font-face{
    font-family:'SamsungOne';
    src:url(../fonts/SamsungOne-700.eot);
    src:url(../fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype"),
    url(../fonts/SamsungOne-700.woff2) format("woff2"),
    url(../fonts/SamsungOne-700.woff) format("woff"),
    url(../fonts/SamsungOne-700.ttf) format("truetype");
    font-weight:bold;
    font-style:normal
}
@font-face {
    font-family: 'Samsung Sharp Sans Bold';
    font-style: normal;
    font-weight: 700;
    src: local("Samsung Sharp Sans Bold"), url('../fonts/samsungsharpsans-bold.otf') format('opentype');
}
@font-face {
    font-family: 'ScriptMT';
    font-weight: bold;
    src: url('../fonts/ScriptMTBold.ttf') format('truetype');
}


/** common **/
.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:99;}

html,
body{height:100%;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=text]::-ms-clear{display:none;}
input[type=time],
input[type=text],
input[type=number],
input[type=password]{height:34px;padding:0 15px;border:1px solid #eee;font-size:15px;border-radius:4px;background-color:#fff;color:#252525;font-family:'SamsungOne400',AppleGothic, sans-serif;}
input[type=time]{padding:0px 0 0 20px;line-height:32px;}
select::-ms-expand {display:none;}
select{min-width:80px;height:34px;line-height:32px;padding:0 30px 0 15px;border:1px solid #eee;font-size:15px;border-radius:4px;color:#252525;font-family:'SamsungOne400',AppleGothic, sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/select.png) no-repeat right 3px top 50%;color:#555;}
.ui-widget select,
.ui-datepicker{font-size: 12px;width: 230px;}
.ui-datepicker .ui-datepicker-title select{font-size:12px;}

textarea{height:200px;padding:10px;border:1px solid #eee;border-radius:4px;resize:none;font-size:15px;color:#252525;font-family:'SamsungOne400',AppleGothic,sans-serif;box-sizing: border-box;-webkit-box-sizing: border-box;}
textarea.board{height:400px;}
textarea.length_limit{padding-right: 90px;}

input.dates,
input.dates1{width:138px;padding-right:35px;text-align:left;background:url(../images/icons_date.png) no-repeat right 10px top 6px;}
table input[type=text].dates,
table input[type=text].dates1{vertical-align:middle;}

input[readonly],
input[disabled],
select[disabled],
textarea[disabled],
textarea[readonly]{background-color:#efefef;color:#aaa;}
input::placeholder{color:#aaa;}

.max{width:100%;}
.half{width:50%;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px !important;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w_full{width: 100%;}
.mgt20{margin-top: 20px;}
.mgb10{margin-bottom:10px;}
.mgb30{margin-bottom:30px;}
.fw-bold{font-weight: bold;}
.align-r{text-align: right;}


/*2019-01-31 추가 시작*/
.blue_txt {color:#0000ff}
.red_txt {color:#ff0000 }
/*2019-01-31 추가 끝*/

.buttons, .button_type {min-width:106px;height:34px;border:1px solid #c8c8c8;border-radius:17px;color:#252525;padding:0 18px;font-size:15px;font-family:'SamsungOne400',AppleGothic,sans-serif;cursor: pointer;}
.button_type {display:inline-block;line-height:32px;text-align:center;cursor: pointer;}
.buttons.color{color:#fff;border-color:#4297ff;background:#4297ff;}
.buttons.color2{color: #252525;border: 1px solid #c8c8c8;background-color: #fff;}

.filebox{position:relative;display:block;width:100%;height:32px;vertical-align:top;}
.filebox input[type=file]{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0;}
.filebox .upload_name{float:left;width:320px;margin-right:5px;background-color:#fff;color:#787878;}
.filebox .upload_btn{float:left;cursor:pointer;text-align:center;line-height:32px;}

.guide{font-size:12px;padding-top:5px;color:#555;}
.guide.inline{display:inline-block;padding-left:10px;padding-top:8px;}

.login{position:relative;min-height:830px;}
.login:after{content:"";width:100%;height:530px;position:absolute;top:0;left:0;background:#0074d4 url(../images/bg_login_20231115.png) no-repeat 50% 100%;}
#login_wrap{position:relative;max-width:500px;margin:0 auto;padding-top:250px;z-index:1;}
#login_wrap .login_bx{background:#fff;border-radius:20px;width:500px;height:500px;-webkit-box-shadow: 30px 30px 42px 0px rgba(0,0,0,0.15);-moz-box-shadow: 30px 30px 42px 0px rgba(0,0,0,0.15);box-shadow: 30px 30px 42px 0px rgba(0,0,0,0.15);}
#login_wrap .logo{width:100%;padding-top:130px;text-align:center;}
#login_wrap .logo img{width:402px;}
#login_wrap .form{padding:120px 40px 0;}
#login_wrap .form select{width:100%;height:40px;margin-bottom:20px;}
#login_wrap .form button{width:100%;height:60px;font-size:20px;background-color:#4297ff;border-radius:30px;color:#fff;margin-bottom:8px;}
.login .copyright{position:absolute;bottom:30px;left:0;width:100%;text-align:center;text-align:center;font-size:12px;color:#888;z-index:1;}
.login .copyright .version {display:block;margin-bottom:3px;}

#wrapper{position:relative;width:100%;padding-left:320px;min-width:1460px;height:100%;min-height: 1000px;}
#container{position:relative;width:100%;min-height:100%;padding:147px 40px 60px;background-color:#f3f6fb;}
#footer{position:relative;left:0;bottom:0;width:100%;height:70px;padding-top:25px;text-align:center;font-size:13px;color:#777;font-family:'SamsungOne400',AppleGothic, sans-serif;}

#header{position:absolute;left:0;top:0;width:320px;height:100%;margin-left:0;background-color:#fff;z-index:10;}
#header .b_gnb{display:block;position:relative;width:320px;height:100px;padding:35px 30px 0;font-size:20px;color:#fff;font-family:'SamsungSharpSansBd',AppleGothic, sans-serif;background:#0074d4 url(../images/b_lnb_close.png) no-repeat 270px 40px;}
#header .b_gnb:after{content:"";position:absolute;top:0;left:100%;width:30%;height:100%;background:#0074d4;}
#header.atv .b_gnb{background:#0074d4 url(../images/b_lnb.png) no-repeat 270px 40px;}
#header.atv .gnb{display:none;}
#header .logo{position:absolute;left:100%;top:0;width:320px;height:100px;padding-top:30px;background:#4298ff;z-index:1;}
#header .logo:after{content:"";position:absolute;top:37px;left:30px;width:181px;height:27px;background:url(../images/logo_20231114.png) no-repeat 0 0;}
#header .logo img{display:none;}

.gnb{padding:0 30px;}
.gnb .main-menu{padding-top:25px;}
.gnb .main-menu > li > a{position:relative;display:block;padding:21px 0 25px;border-bottom:1px solid #d1dce7;color:#252525;font-size:18px;font-family:'SamsungSharpSansBd',AppleGothic, sans-serif;}
.gnb .main-menu > li > a:after{content:"";position:absolute;right:0;top:50%;margin-top:-8px;width:16px;height:9px;background:url(../images/icons_new.png) no-repeat 0 0;}
.gnb .sub-menu{display:none;}
.gnb .sub-menu > li{padding:20px 0 20px 14px;}
.gnb .sub-menu > li > a{display:inline-block;padding:0;font-size:15px;color:#777;font-family:'SamsungSharpSansMd';}
.gnb .main-menu > li.current .sub-menu{position:relative;display:block;margin:0 -30px;padding:0 10px 0 30px;background-color:#f8f8f8;}
.gnb .main-menu > li.current .sub-menu:after{position:absolute;bottom:0;left:30px;content:"";display:block;width:260px;height:0;border-bottom:1px solid #eee;}
.gnb .main-menu > li.current > a{color:#00a0ea;border-bottom:none;}
.gnb .main-menu > li.current > a:after{background-position:0 -9px;}
.gnb .sub-menu > li.current > a{position:relative;color:#252525;font-family:'SamsungSharpSansBd',AppleGothic, sans-serif;border-bottom:1px solid #252525;}
.gnb .sub-menu > li.current > a:after{position:absolute;top:8px;left:-14px;content:"";display:block;width:5px;height:5px;background:url(../images/icons_new.png) no-repeat -18px 0;}

#top_menu{position:absolute;left:0;top:0;width:100%;height:100px;padding:0 40px;background-color:#4298ff;text-align:right;}
#top_menu > ul{padding-top:35px;position:relative;padding-right:133px;}
#top_menu > ul > li{position:relative;display:inline-block;vertical-align:top;line-height:30px;padding:0 15px 0 40px;color:#fff;font-size:15px;margin-left:20px;}
#top_menu > ul > li:not(.sign_out){padding:0 0 0 40px;}
#top_menu > ul > li:first-child:after,
#top_menu > ul > li:last-child:after{display:none;}
#top_menu > ul > li:not(.sign_out):before{content:"";position:absolute;left:0;top:0;width:30px;height:30px;background:url(../images/icons_new.png) no-repeat;}
#top_menu > ul > li.corp:before{background-position:0 -22px;}
#top_menu > ul > li.user:before{background-position:-30px -22px;}
#top_menu > ul > li.lang:before{background-position:-60px -22px;}
#top_menu > ul > li > a{display:block;position:relative;color:#fff;font-size:15px;}
#top_menu > ul > li.sign_out{position:absolute;top:30px;right:0;padding:0;}
#top_menu > ul > li.sign_out a{display:block;width:112px;height:40px;background:url(../images/btn_signout_new.png) no-repeat 0 0;background-size:112px 40px;}
#top_menu > ul > li.sign_out a img{display:none;}

#top_menu > ul > li.setting{padding-left:0;margin-left:20px;}
#top_menu > ul > li.setting:before{display:none;}
#top_menu > ul > li.setting button{width:31px;height:31px;background:url(../images/icons_new.png) no-repeat -90px -22px;font-size:0;vertical-align:top;}

#top_menu > ul > li.notice{padding-left:0;margin-left:20px;}
#top_menu > ul > li.notice:before{display:none;}
#top_menu > ul > li.notice button{width:31px;height:31px;background:url(../images/icon_notice.png) no-repeat;font-size:0;vertical-align:top;}
#top_menu > ul > li.notice.on button{width:31px;height:31px;background:url(../images/icon_notice_on.png) no-repeat;font-size:0;vertical-align:top;}

#top_menu .selectbox > a{padding-right:30px;}
#top_menu .selectbox > a:before{content:"";position:absolute;right:0;top:50%;margin-top:-2px;width:10px;height:10px;background:url(../images/icons_new.png) no-repeat -28px 0;}
#top_menu .selectbox ul{display:none;position:absolute;left:0;top:38px;min-width:140px;max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #bbb;border-radius:2px;text-align:left;line-height:1.3;z-index:10;}
#top_menu .selectbox li a{display:block;padding:8px 25px 8px 25px;color:#555;min-width:100px;}
#top_menu .selectbox li a:hover,
#top_menu .selectbox li a.on{background-color:#f1f7fa;color:#00a0ea;}

#top_menu .selectbox.active ul{display:block;}
#top_menu .selectbox.active > a:before{background-position:-38px 0;}

.breadcrumb{font-size:13px;color:#777;font-family:'SamsungOne400',AppleGothic, sans-serif;}
.breadcrumb .current{color:#252525;font-family:'SamsungOne';}
.main_title{display:block;padding:50px 0 50px;font-size:42px;color:#000;font-family:'SamsungSharpSansBd',AppleGothic, sans-serif;}
.sub_title{display:block;padding:20px 0 20px;font-size:30px;color:#000;font-family:'SamsungSharpSansBd',AppleGothic, sans-serif;}
.sub_title2 {display: block; padding: 20px 0 0; font-size: 16px; color: #000; font-family: 'SamsungSharpSansBd', AppleGothic, sans-serif;}
.breadcrumb + .main_title,
.main_title_wp .main_title{padding-top:5px;}

.search_wrap{padding:40px 30px;border:1px solid #dfe6ef;border-bottom:none;border-radius:10px 10px 0 0;background-color:#fff;margin-bottom:0;}
.search_wrap + .content_wrap{border-radius:0 0 10px 10px;border:1px solid #dfe6ef;border-top:none;padding:10px 30px 40px;}
.detail_wrap,
.content_wrap{border:1px solid #e3e7e8;border-radius:10px;background-color:#fff;margin-bottom:20px;}
.content_wrap .info{padding-bottom:10px;}
.content_wrap .info .total, .content_wrap .info .select_total, .content_wrap .info .use, .content_wrap .info .available, .content_wrap .info .delete{float:left;margin-right:10px;line-height:34px;font-size:15px;color:#252525;} /*2019-02-07 수정*/
.content_wrap .info .select_total {color:#00a0ea;} /*2019-02-07 추가*/
.content_wrap .info .page{float:right;}
.content_wrap .info .page *{vertical-align:top;margin-left:4px;font-family:'SamsungOne400',AppleGothic, sans-serif;}
.content_wrap{padding:30px 30px 40px;}
.detail_wrap{padding:10px 30px 35px;}
.detail_wrap.disabled{opacity: 0.7;}
.detail_wrap.board{padding: 0 30px 35px;overflow: hidden;}
.detail_wrap.board .sub_title2{position: relative;width: calc(100% + 60px);height: 50px;padding: 0 30px;margin: 0 -30px 30px;background-color: #d9eaff;line-height: 50px;text-align: left;font-size: 15px;color: #0074d4;font-family: 'SamsungOne';}

.pagination{text-align:center;}
.pagination li{display:inline-block;vertical-align:top;}
.pagination li span,
.pagination li a{display:block;width:25px;height:25px;line-height:21px;color:#555;}
.pagination li.current a{color:#00a0ea;}
.pagination .page a{position:relative;font-size:0;color:#444;}
.pagination .page a:before{content:"";position:absolute;left:50%;top:50%;margin:-5px 0 0 -3px;width:10px;height:7px;background:url(../images/icons_new.png) no-repeat;}
.pagination .page.first a:before{background-position:0 -64px}
.pagination .page.prev a:before{background-position:-17px -64px}
.pagination .page.next a:before{background-position:-38px -64px}
.pagination .page.last a:before{background-position:-55px -64px}

.group .left{float:left;}
.group .left .buttons{margin-right:5px;}
.group .right{float:right;}
.group .right .buttons{min-width:180px;height:40px;border-radius:20px;line-height:38px;margin-left:12px;font-family:'SamsungOne';}
.group .center{float:none;text-align: center;} /* 220705 add */
.group .center .buttons{margin: 0 5px;min-width:180px;height:40px;border-radius:20px;line-height:38px;font-family:'SamsungOne';} /* 220705 add */

.group.btn_bottom > div{padding: 20px 0 50px;}

.btn_bottom{margin:40px 0 50px;text-align:center;}
.btn_bottom.right{text-align: right;}
.btn_bottom .buttons{min-width:180px;height:40px;border-radius:20px;line-height:38px;margin-left:12px;font-family:'SamsungOne';font-weight:bold;background:#e4e4e4;border-color:#e4e4e4;}
.btn_bottom .buttons.color2{border: 1px solid #c8c8c8;background-color: #fff;}
.btn_bottom .buttons.color{background:#4298ff;border-color:#4298ff;color:#fff;}
.btn_bottom .buttons:first-child{margin-left:0;}

.pb30{padding-bottom: 30px;}

table{width:100%;table-layout:fixed;}
table td,
table th{text-align:center;}
table td.left,
table th.left{padding-top: 20px;text-align:left;}
table td.right,
table th.right{padding-top: 20px;text-align:right;}
table td.center,
table th.center{padding-top: 20px;text-align:center;}
table button,
table input[type=text]{vertical-align:top;}
table input[type=text].length_limit{padding-right: 80px;}
.table_list.s_height thead th,
.table_list.s_height tbody td{padding-top:5px;padding-bottom:5px;height:30px;}
table button.b_del{display:inline-block;margin-left:10px; margin-top:3px;}

.table_search th,
.table_search td{padding:6px 10px;height:44px;font-size:15px;text-align:left;}
.table_search th{width:120px;color:#252525;font-size:13px;}
.table_search tr:last-child th,
.table_search tr:last-child td{border-bottom:0;}
.table_search td a{color:#00a0ea;border-bottom:1px solid #00a0ea;}
.table_search td button.buttons{width:160px;line-height:32px;color:#fff;font-family:'SamsungOne';background:#7fa4d6;border-color:#7fa4d6;}
.table_search td button.buttons.target_group{width: auto;}

.table_search input[type=time],
.table_search input[type=text],
.table_search input[type=password]{height:34px;padding:0 15px;border:1px solid #dfe6ef;border-radius:17px;background-color:#fff;}
.table_search input[type=time]{padding:0px 0 0 20px;line-height:32px;}
.table_search select{min-width:80px;height:34px;line-height:32px;padding:0 30px 0 15px;border:1px solid #dfe6ef;border-radius:17px;background:#fff url(../images/select.png) no-repeat right 3px top 50%;color:#555;}

.table_search select option[disabled]{color: #999a9c;}


.table_search .include_btn{position:relative;padding-right:120px;}
.table_search .include_btn .buttons{position:absolute;right:10px;top:6px;}
.table_search .include_btn input{width:100%;}

.table_list{margin-bottom:25px;}
.table_list thead th{padding:15px 8px 16px;background-color:#d9eaff;color:#0074d4;font-size:13px;font-family:'SamsungOne';word-wrap:break-word;font-family:'SamsungOne';}
.table_list thead th a{color:#0074d4;}
.table_list tbody tr:nth-child(even) td{background:#f8f8f8;}
.table_list tbody td{height:50px;padding:8px 10px;color:#252525;font-size:13px;font-family:'SamsungOne400',AppleGothic, sans-serif;word-wrap:break-word}
.table_list tbody td.point{color:#00a0ea;}
.table_list tbody td a{color:#0074d4;font-family:'SamsungOne';border-bottom:1px solid #a3c1ea;}
.table_list tbody td .buttons{font-size:13px;font-family:'SamsungOne';}
.table_list tbody td .buttons.color{color:#4297ff;border-color:#4297ff;background:#fff;}
.table_list tbody td .buttons.b_hide,
.table_list tbody td .buttons.b_hide.color,
.table_list tbody td .buttons.b_copy{height:25px;width:22px;padding:0;font-size:0;min-width:inherit;border-radius:0;text-indent:-9999px;color:transparent;border:none;background:none;background:url(../images/ico_tablebtn.png) no-repeat;}
.table_list tbody td .buttons.b_hide{background-position:0 0;}
.table_list tbody td .buttons.b_hide.color{background-position:-22px 0;}
.table_list tbody td .buttons.b_copy{background-position:-44px 0;}

.table_list tbody td .thumb{/*width: 200px;*/}
.table_list tbody td .thumb img{max-width: 100px;border: 1px solid #dfe6ef;}
.table_list .icons_pin{display:inline-block;width:17px;height:17px;background:url(../images/icons.png) no-repeat 0 -30px;font-size:0;vertical-align:middle;margin-left:10px;}
.table_list .data_none{padding:50px 0;text-align:center;}
.table_list tbody td .buttons.edit{height:16px;width:16px;padding:0;font-size:0;min-width:inherit;border-radius:0;text-indent:-9999px;color:transparent;border:none;background:none;background:url(../images/icons.png) no-repeat -20px -30px;}

.table_list tbody td .tag.fixed{display: inline-block;margin-right: 10px;padding: 0 5px;color: #fff;border: 1px solid #4297ff;background: #4297ff;border-radius: 20px;font-size: 11px;}

.table_detail{margin-bottom:40px}
.table_detail th,
.table_detail td{height:44px;padding:20px 30px 20px 0;text-align:left;}
.table_detail th{width:180px;border-bottom:1px solid #dfe6ef;padding-left:0;padding-right:15px;font-size:12px;color:#252525;font-family:'SamsungOne';vertical-align: top;line-height: 34px;}
.table_detail th .need{color:#ff8400;}
.table_detail th.comment{padding-bottom: 0;border-bottom: 0 none;}
.table_detail td{border-bottom:1px solid #dfe6ef;}
.table_detail td.none{border-bottom: 0 none;}
.table_detail label{display:inline-block;margin-right:20px;line-height:32px;}
.table_detail td .buttons{min-width:164px;}
.table_detail .upload_btn{margin-right:5px;}
.table_detail td .buttons,
.detail_wrap .group .left .buttons{border-radius:4px;background:#7fa4d6;border-color:#7fa4d6;color:#fff;}

.table_detail td .date_info{display: inline-block;}

.table_detail td .date_info .hypen{display: inline-block;padding-right: 10px;}

.include_txt,
.table_detail td.include_txt{position:relative;padding-right:0;}
.include_txt .numbers{position:absolute;right:15px;bottom:42px;line-height:32px;font-size:15px;color:#252525;font-family:'SamsungOne400',AppleGothic, sans-serif;}
.include_txt .numbers.with_text{bottom: 60px;}
.include_txt .numbers span{color:#4297ff;}
.include_txt input + .numbers{top:50%;bottom:inherit;margin-top:-16px;}
.include_txt input[type="text"]{width:100%;}
.include_txt textarea{width:100%;height:100px;}
.include_txt .tit{margin-bottom:5px;}
.table_detail div.include_txt .numbers{bottom:10px;}
.include_txt .text{position:absolute;left: 180px;top: 20px;display: inline-block;line-height: 34px;}

.table_detail .upload{width:100%;}
.table_detail .upload.multiple{position: relative;padding-bottom: 30px;}
.table_detail .upload .thumb{float:left;width:300px;margin-right:20px;}
.table_detail .upload .thumb.square {width:200px}
.table_detail .upload .thumb img{width:100%;}
.table_detail .upload .info2{float:left;}
.table_detail .upload .info2 p{padding:10px 0 20px;}
.table_detail .upload.multiple .btn_upload {
    position: absolute;
    bottom: 0;
    left: 68px;
}

.table_detail .time_set{display:inline-block;margin-left:10px;vertical-align:top;}
.table_detail .time_set input{width:260px;} /*2019-01-29 너비 수정*/
.table_detail .time_set .btn_set{position:relative;width:30px;min-width:0;font-size:0;}
.table_detail .time_set .btn_set:before{content:"";position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;width:16px;height:16px;background:url(../images/icons.png) no-repeat -20px -30px}

.table_detail select.time{min-width:60px;}
.table_detail .user_time{position:relative;padding-left:115px;}
.table_detail .user_time .etc{position:absolute;left:10px;top:6px;}

.table_detail .info{overflow:hidden;width:100%;padding-right:20%;}
.table_detail .info li{float:left;width:50%;}
.table_detail .info li span{float:left;padding:5px 0;}
.table_detail .info li .title{width:130px;padding-left:10px;position:relative;}
.table_detail .info li .title:before{content:"";position:absolute;left:0;top:50%;margin-top:-1px;width:2px;height:2px;background-color:#777;}

.setting_time{display:inline-block;margin-left:10px;vertical-align:top;}
.setting_time .btn_up,
.setting_time .btn_down{position:relative;width:20px;height:15px;font-size:0;}
.setting_time .btn_up:after{content:"";position:absolute;left:50%;top:50%;margin:-2px 0 0 -3px;width:0;height:0;border-bottom:5px solid #555;border-left:3px solid transparent;border-right:3px solid transparent}
.setting_time .btn_down:after{content:"";position:absolute;left:50%;top:50%;margin:-2px 0 0 -3px;width:0;height:0;border-top:5px solid #555;border-left:3px solid transparent;border-right:3px solid transparent}
.setting_time .btn_up{margin-bottom:2px;}

.setting_time > div{position:relative;display:inline-block;width:68px;border-radius:4px;border:1px solid #eee;}
.setting_time .time{width:46px;padding:0;text-align:center;height:32px;border-radius:4px 0 0 4px;border:none;}
.setting_time .time_btns{display:inline-block;position:absolute;top:0;right:0;}
.setting_time .time_btns button{display:block;}
.setting_time .txt{vertical-align:top;display:inline-block;padding-top:6px;padding-right:5px;}

/*
.setting_time{position:relative;display:inline-block;}
.setting_time > input{padding-right:28px;background:#fff url(../images/icons_clock.png) no-repeat right center;text-align:center;cursor:pointer;}
.setting_time_wrap{display:none;position:absolute;left:0;top:33px;width:150px;padding:5px;background-color:#fff;border:1px solid #bbb;z-index:10;}
.setting_time_wrap > div{display:inline-block;width:32px;}
.setting_time_wrap input{width:30px;margin:2px 0;padding:0;text-align:center;}
.setting_time_wrap .btns{margin:0;vertical-align:top;}
.setting_time_wrap .btns .buttons{width:70px;min-width:70px;height:30px;margin-bottom:3px;}

.setting_time.active .setting_time_wrap{display:block;}
*/

/** layer **/
.layer_wrap{display:none;position:absolute;top:0;left:50%;width:640px;margin-left:-320px;background-color:#fff;padding:20px 30px;z-index:100;}
.layer_wrap .layer_title{display:block;padding-bottom:15px;font-size:18px;font-family:'SamsungSharpSansBd',AppleGothic, sans-serif;}
.layer_wrap .btn_layer_close{position:absolute;right:25px;top:15px;width:30px;height:30px;font-size:0;z-index: 20;}
.layer_wrap .btn_layer_close:after{content:"";position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;width:16px;height:16px;background:url(../images/icons.png) no-repeat -40px -30px}
.layer_wrap .group{text-align:center;}
.layer_wrap .group>.buttons{margin:0 3px;}

.layer_wrap.delete_reason select{width: 580px;}
.layer_wrap.delete_reason .input_wrap{margin-top: 15px;}
.layer_wrap.delete_reason .input_wrap input{width: 580px;}
.layer_wrap.delete_reason .group{padding-top: 30px;}

.layer_wrap .content_wrap{padding:0;margin:0;border:none;border-radius:0;}
.layer_wrap .table_detail th{width:120px;}
.layer_wrap .search_wrap{padding:0;border:none;border-bottom:none;border-radius:0;background-color:#fff;margin-bottom:15px;}
.layer_wrap .search_wrap td{padding-left:0;padding-right:0;}

.layeropens .layer_wrap.active,
.layeropens .overlay{display:block;}

/*2019-02-19 추가*/
.layer_wrap.hidden_chk{margin-left:-200px}
.layer_wrap.all_chk {width:360px;margin-left:-180px}
.layer_wrap.all_chk .content {margin-bottom:5px;text-align:center}
.layer_wrap.all_chk .all_rd {margin-left:50px}

.layer_wrap.privacy_policy{padding-bottom: 30px;}
.layer_wrap.privacy_policy .content_wrap{max-height: 500px;overflow-y: auto;}
.layer_wrap.privacy_policy .group{margin-top: 30px;}


.layer_wrap.privacy_policy .select_version{padding-bottom: 20px;}
.layer_wrap.privacy_policy .select_version label{margin-right: 15px;font-size: 15px;font-weight: 600;}

.layer_wrap.privacy_policy .accordion dt a{position: relative;display: block;padding-right: 40px;padding-bottom: 20px;font-size: 18px;color: #000;}
.layer_wrap.privacy_policy .accordion dt a .ico.arrow{display: inline-block;width: 28px;height: 28px;margin-left: 20px;background-image: url('../images/ico_arrow.svg');transition: all 0.3s ease;vertical-align: middle;}
.layer_wrap.privacy_policy .accordion dt a.active .ico.arrow{transform: rotate(180deg);}

.layer_wrap.privacy_policy .accordion dd{margin-bottom: 20px;}
.layer_wrap.privacy_policy .accordion dd .content_wrap{display: none;max-height: 250px;cursor: pointer;}

.set_fix_top .btn_del{min-width:30px;}
.set_fix_top .btn_up,
.set_fix_top .btn_down{position:relative;width:30px;height:30px;border:1px solid #bbb;border-radius:2px;font-size:0;}
.set_fix_top .btn_up:after{content:"";position:absolute;left:50%;top:50%;margin:-4px 0 0 -6px;width:0;height:0;border-bottom:10px solid #555;border-left:6px solid transparent;border-right:6px solid transparent}
.set_fix_top .btn_down:after{content:"";position:absolute;left:50%;top:50%;margin:-4px 0 0 -6px;width:0;height:0;border-top:10px solid #555;border-left:6px solid transparent;border-right:6px solid transparent}

.set_target_group{width:420px;margin-left:-200px;}
.set_target_group .txt{padding-bottom:8px;}
.set_target_group .header{padding:8px 10px;background-color:#f1f7fa;border:solid #d1dce7;border-width:1px 0;color:#667b92;font-weight:700;}
.set_target_group input{margin-right:10px;}
.set_target_group ul{width:100%;height:350px;overflow:auto;margin-bottom:20px;}
.set_target_group li{padding:8px 10px;border-bottom:1px solid #d1dce7;}

.set_target_group.set_v2{width: 600px;}
.set_target_group.set_v2 .search_area{display: flex;justify-content: space-between;padding-bottom: 20px;}
.set_target_group.set_v2 .search_area .input-wrap.search .buttons.color{width: 100px;}
.set_target_group.set_v2 .search_area .input-wrap.search input{width: 250px;}

/*.set_target_group.set_v2 .table_list tbody{height: 200px;overflow-y: auto;}*/

.set_gmt select{margin-bottom:5px;}
.set_gmt select.main{width:427px;}
.set_gmt p{margin-bottom:20px;}
.set_gmt .title{font-size:14px;}

.set_push .table_detail .time_set{margin-left:0;margin-top:5px;}

.stats_delivery{width:400px;margin-left:-200px;}
.stats_delivery p{padding:10px 30px 10px 0}
.stats_delivery select{margin-bottom:15px;}

.celebrate_msg{width:400px;margin-left:-200px;}
.celebrate_msg .content{padding-top:30px;}
.celebrate_msg .content p{padding-bottom:15px;}

.page_error #header{background:transparent;box-shadow:none;height:80px !important;}
.page_error #wrapper{padding-left:0;}
.page_404{position:relative;text-align:center;margin:0 auto;width:100%;}
.page_404 .title{display:block;position:relative;padding:280px 0 20px;font-size:36px;font-weight:bold;color:#00a0ea;}
.page_404 .title:before{content:"";position:absolute;left:50%;top:50%;margin:-64px 0 0 -64px;width:128px;height:128px;background:url(../images/icons_404.png) no-repeat;}
.page_404 p{font-size:18px;color:#444;}
.page_404 p a{color:#00a0ea;text-decoration:underline;}

.loading{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.3) url(../images/loading.gif) no-repeat center;z-index:999999;font-size:0;}

/*2019-01-31 accordion 추가*/
.accordion {margin-bottom:20px;}
.btn_accor {display: block;position:relative;width:calc(100% + 60px);height:50px;padding:0 30px;margin:0 -30px;background-color:#d9eaff;line-height:50px;text-align:left;font-size:15px;color:#0074d4;font-family:'SamsungOne';font-weight: 700;}
.btn_accor:before, .btn_accor:after {position:absolute;top:28px;width:12px;height:2px;border-radius:50px;background-color:#0074d4;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;content: ""}
.btn_accor:before {right:40px;transform:rotate(45deg)}
.btn_accor:after {right:41px;transform:rotate(135deg)}
.btn_accor.active:before, .btn_accor.active:after {top:20px}
.btn_accor.active:before {transform:rotate(-45deg)}
.btn_accor.active:after {transform:rotate(-135deg)}
.btn_accor + .arr_cont {display:none}
.btn_accor.active + .arr_cont {display:block}
.accordion .group {margin-bottom:10px}

/* 2019-02-07 추가 */
.file_box {overflow:hidden;margin-bottom:5px;}
.file_box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.table_detail .button_type {cursor:pointer}

.layer_wrap.issu_stop, .layer_wrap.issu_resume, .layer_wrap.coupon_recovery, .layer_wrap.coupon_del, .layer_wrap.coupon_code {width:360px;margin-left:-180px}
.layer_wrap.issu_stop .content_txt, .layer_wrap.issu_resume .content_txt, .layer_wrap.coupon_recovery .content_txt, .layer_wrap.coupon_del .content_txt {text-align:center}

.layer_wrap.coupon_code .layer_title, .layer_wrap.coupon_code .content {text-align:center}
.layer_wrap.coupon_code .qr_img {max-width:200px;margin:0 auto;text-align:center}
.layer_wrap.coupon_code .qr_img img {max-width:100%}
.layer_wrap.coupon_code .group {margin-top:30px}

/* 2019-04-12 추가 */
.table_list tbody td .labels{margin-right:20px}
.table_list tbody td .labels input[type="radio"]{margin-right:5px}
.layer_wrap.coupon_code {width:280px;margin-left:-140px}
.layer_wrap.coupon_code .content .content_tit .coupon_title{display:block;margin:10px 0;font-size:16px;text-align:center}
.layer_wrap.coupon_code .content .cont.certification-wrap .img-wrap img.ribonent_qr {overflow:hidden}
.layer_wrap.coupon_code .content .content_qr img{float:left;width:100px;}
.layer_wrap.coupon_code .content .content_qr .info_qr{float:left;width:120px;}
.layer_wrap.coupon_code .content .content_qr .info_qr span{display:block;margin-top:10px}
.layer_wrap.coupon_code .content .content_qr .info_qr .code{font-size:11px;}
.layer_wrap.coupon_code .content .content_qr .info_qr .date{font-size:11px;}
.layer_wrap.coupon_code .content .content_qr .info_qr .points{font-size:14px;font-weight:bold;}
.layer_wrap.coupon_code .group {border-top:1px solid #bbb;margin-top:10px;text-align:center}
.layer_wrap.coupon_code .group .down_link{display:block;margin-top:10px;text-decoration:underline}
.layer_wrap.coupon_code .group .buttons{margin:20px auto 0}

/* 2019-06-04 추가 */
.table_scroll_wp{overflow-x:auto;margin-bottom:25px;}
.table_scroll_wp .table_list{ margin-bottom:0;}
.table_h_scroll_wp{overflow-y:auto;margin-bottom:25px;}
.table_h_scroll_wp .table_list{margin-bottom:0;}
.main_title_wp{position:relative;}
.main_title_wp .btn_bx{position:absolute;top:18px;right:0;}
.main_title_wp .btn_bx .buttons{margin-left:8px;min-width:180px;}
.main_title_wp .btn_bx .buttons.color{height:40px;line-height:38px;border-radius:20px;font-family:'SamsungOne';}
.layer_wrap.coupon_code .group select{margin-top:20px;width:100%;height:40px;line-height:38px;}
.layer_wrap.coupon_code .group .buttons.color{margin-top:5px;width:100%;height:40px;line-height:38px;}
.layer_wrap.qr_code {width:280px;margin-left:-140px}
.layer_wrap.qr_code p{text-align:center;}
.layer_wrap.qr_code .layer_title{padding:30px 0 5px;font-size:24px;color:#000;font-weight: 700;}
.layer_wrap.qr_code .content_txt{margin-bottom:25px;font-size:12px;color:#555;}
.layer_wrap.qr_code select{height:40px;line-height:38px;margin-bottom:30px;width:100%;}

/* 2019-06-12 추가 */
.layer_wrap.coupon_code{padding:25px 30px 15px;width:632px;margin-left:-316px;}
.layer_wrap.coupon_code:after{content:"";display:block;clear:both;}
.layer_wrap.coupon_code .content{float:left;width:256px;min-height:326px;}
.layer_wrap.coupon_code .content + .content{margin-left:30px;padding-left:29px;border-left:1px solid #c8c8c8;width:286px;}
.layer_wrap.coupon_code .content .content_tit .coupon_title{margin:10px 0 15px;}
.layer_wrap.coupon_code .title_qr{display:inline-block;font-size:16px;border-bottom:1px solid #000;font-weight:500;text-align:center;color:#000;line-height:150%;}
.layer_wrap.coupon_code .desc_qr{margin-bottom:25px;font-size:12px;color:#555;margin-top:7px;}
.layer_wrap.coupon_code .rdo_ct .title_qr,
.layer_wrap.coupon_code .rdo_ct .desc_qr{margin-left:30px;}
.layer_wrap.coupon_code .content_tit{margin-top:35px;}
.layer_wrap.coupon_code .content{position:relative;padding-bottom:50px;}
.layer_wrap.coupon_code .content .content_qr{display:inline-block;}
.layer_wrap.coupon_code .buttons{position:absolute;bottom:15px;left:50%;margin-left:-128px;width:256px;height:40px;line-height:38px;}
.layer_wrap.coupon_code .rdo_ct .buttons{margin-top:0;margin-left:-113px;}
.layer_wrap.coupon_code .qr_ct .buttons{color:#fff;}
.layer_wrap.coupon_code .rdo_qr{text-align:left;}
.layer_wrap.coupon_code .rdo_qr .area{margin-bottom:25px;}
.layer_wrap.coupon_code .rdo_qr .area:last-child{margin-bottom:0px;}
.layer_wrap.coupon_code .rdo_qr .tit{font-size:14px;color:#000;font-weight:500;}
.layer_wrap.coupon_code .rdo_qr ul:after{content:"";display:block;clear:both;}
.layer_wrap.coupon_code .rdo_qr ul li{float:left;width:33.3%;margin-top:9px;}
.layer_wrap.coupon_code .rdo_qr ul li label{font-size:13px;color:#555;vertical-align:middle;}
.layer_wrap.coupon_code .rdo_qr ul li input{vertical-align:middle;}
.layer_wrap.coupon_code .btn_layer_close{right:4px;top:4px;}

/* 2019-06-27 추가 */
.order_chang{width:400px;margin-left:-200px;}



















/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar{-ms-touch-action:none; touch-action:none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto; touch-action:auto;}
.mCustomScrollBox{/* contains plugin's markup */
    position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr;}
.mCSB_container{/* contains the original content */
    overflow:hidden;width:auto;height:auto;}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container{}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;} /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{/* RTL direction/left-side scrollbar */
    margin-right:0;margin-left:30px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;} /* RTL direction/left-side scrollbar */
.mCSB_scrollTools{/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;}
.mCSB_outside + .mCSB_scrollTools{right:-26px;} /* scrollbar position:outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{/* RTL direction/left-side scrollbar */
    right:auto;left:0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;} /* RTL direction/left-side scrollbar (scrollbar position:outside) */
.mCSB_scrollTools .mCSB_draggerContainer{/* contains the draggable element and dragger rail markup */
    position:absolute;top:0;left:0;bottom:0;right:0;
    height:auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;}
.mCSB_scrollTools .mCSB_dragger{/* the draggable element */
    cursor:pointer;width:100%;height:30px; /* minimum dragger height */
    z-index:1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{/* the dragger element */
    position:relative;width:4px;height:100%;margin:0 auto;text-align:center;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px; /* auto-expanded scrollbar */ }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{bottom:0;}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px;}

.mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%;}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;} /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0;}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px;} /* scrollbar position:outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin:0 20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;background:#dcdcdc;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px; /* minimum dragger width */
    height:100%;left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px; /* auto-expanded scrollbar */
    margin:2px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px; /* auto-expanded scrollbar */
    margin:4px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px;}
.mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px;}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0;}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0;}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px;}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{/* RTL direction/left-side scrollbar */
    margin-right:0;margin-left:30px;}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
    padding-right:0;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
    padding-bottom:0;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0; /* non-visible scrollbar */
    margin-left:0;}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0;}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;transition:opacity .2s ease-in-out, background-color .2s ease-in-out;}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s,
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition:width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition:width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition:width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/

.mCSB_scrollTools{/*opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";*/}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)";}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail{/*background-color:#fff; background-color:rgba(255,255,255,0.75);filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#7fa4d6;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{/*background-color:#fff; background-color:rgba(255,255,255,0.85);*/}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{background-image:url(mCSB_buttons.png); /* css sprites */
    background-repeat:no-repeat;opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;}
.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;}
.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;}
.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)";}

/* 20191021 추가 */
.layer_wrap .layer_title span { display:block; margin-top: 10px; font-size: 14px; font-weight: normal; }
.layer_wrap .search-form { position: relative; margin: 30px 0 15px 0; }
.layer_wrap .search-form .text { width: 50%; }
.layer_wrap .search-form .buttons { border-radius: 4px; color: #fff; background-color: #7fa4d6; border-color: #7fa4d6; }
.layer_wrap .search-form .total { position: absolute; top: 50%; right: 0; margin: -10px 0 0; font-size: 14px; }
.wegift-item-list { margin-left: -400px; width: 800px; }
.product-items { margin: -10px; }
.product-items::after { content: ''; display: table; }
.product-items .item { float: left; width: 25%; }
.product-items .item .module { margin: 10px; }
.product-items .item img { width: 100%; vertical-align: top; height: 81px; display: block; }
.product-items .item .thumb { display: block; }
.product-items .item .module { position: relative; height: 79px; overflow: hidden; }
.product-items .item .module::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px #ccc solid; }
.product-items .item.in .module::after { border: 2px #00a0e9 solid; background-color: rgba(0, 0, 0, .3); }
.product-items .item:nth-child(4n+1) { clear: both; }

/* 2019-11-25 박희정 추가 */
.wegift-item-modify { margin-left: -400px; width: 800px; }

/*20191211 추가*/
.sort_list{display:inline-block;}
.sort_list:after{content:"";display:block;clear:both;}
.sort_list li{float:left;width:200px;height:34px;padding:0 20px;border:1px solid #dfe6ef;border-radius:17px;margin-right:10px;}
.sort_list li label span{display:inline-block;position:relative;line-height:32px;color:#252525;font-size:15px;font-family:'SamsungOne400';}
.sort_list li label span:before{content:"";display:inline-block;margin-right:5px;width:10px;height:10px;border-radius:5px;}
.sort_list li.c1 label span:before{background:#7342d8;}
.sort_list li.c2 label span:before{background:#4297ff;}
.sort_list li.c3 label span:before{background:#ffb400;}
.sort_list li.c4 label span:before{background:#7fc82a;}
.sort_list li.c5 label span:before{background:#ec5a61;}
.sort_list li input{margin-right:10px;margin-top:-1px;}
.view_type{position:relative;display:inline-block;width:66px;height:34px;border:1px solid #c8c8c8;}
.view_type a{position:absolute;top:-1px;left:-1px;display:inline-block;width:33px;height:34px;font-size:0;color:transparent;font-size:0;}
.view_type a.cal{background:url(../images/content/bg_type_cal.png) no-repeat 50% 9px;}
.view_type a.list{left:33px;background:url(../images/content/bg_type_list.png) no-repeat 7px 9px;}
.view_type a.cal.on{background:#4297ff url(../images/content/bg_type_cal_on.png) no-repeat 50% 9px;}
.view_type a.list.on{background:#4297ff url(../images/content/bg_type_list_on.png) no-repeat 7px 9px;}
.calendar_wp{position:relative;}
.calendar_wp .left{}
.calendar_wp .cal_title{position:absolute;top:-90px;left:50%;height:34px;width:164px;margin-left:-82px;}
.calendar_wp .cal_title .prev,
.calendar_wp .cal_title .next{float:left;width:23px;display:inline-block;height:34px;font-size:0;color:transparent;}
.calendar_wp .cal_title .prev{background:url(../images/content/b_prev.png) no-repeat 50% 50%;}
.calendar_wp .cal_title .next{background:url(../images/content/b_next.png) no-repeat 50% 50%;}
.calendar_wp .cal_title .tit{float:left;display:block;width:118px;height:34px;line-height:34px;text-align:center;font-size:24px;color:#252525;font-family:'SamsungOne';}
.calendar_wp .cal_title .pop_month{display:none;position:absolute;top:50px;left:-37px;width:240px;padding:10px 20px 20px;text-align:center;background:#fff;border-radius:10px;-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.3);}
.calendar_wp .cal_title .pop_month.on{display:block;}
.calendar_wp .cal_title .pop_month .top:after{content:"";display:block;clear:both;}
.calendar_wp .cal_title .pop_month .top>*{float:none;display:inline-block;vertical-align:top;}
.calendar_wp .cal_title .pop_month .slct_month{border:1px solid #eee;margin-top:11px;border-radius:4px;}
.calendar_wp .cal_title .pop_month .slct_month:after{content:"";display:block;clear:both;}
.calendar_wp .cal_title .pop_month .slct_month li{float:left;width:25%;border-left:1px solid #eee;border-top:1px solid #eee;}
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(4n+1){border-left:none;}
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(1),
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(2),
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(3),
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(4){border-top:none;}
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(1) a{border-radius:4px 0 0 0;}
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(4) a{border-radius:0 4px 0 0;}
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(9) a{border-radius:0 0 0 4px;}
.calendar_wp .cal_title .pop_month .slct_month li:nth-child(12) a{border-radius:0 0 4px 0;}
.calendar_wp .cal_title .pop_month .slct_month li a{display:block;height:32px;line-height:32px;text-align:center;font-size:15px;color:#252525;font-family:'SamsungOne400';}
.calendar_wp .cal_title .pop_month .slct_month li a.on{background:#4297ff;color:#fff;}
.calendar_wp .cont{display:none;}
.calendar_wp .cont.on{display:block;}
.calendar_wp .cont .calendar th{width:14.285%;height:50px;background:#7fa4d6;color:#fff;font-size:15px;font-family:'SamsungOne';}
.calendar_wp .cont .calendar td{width:14.285%;height:100px;padding:6px 10px;border-left:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef;vertical-align:top;text-align:left;}
.calendar_wp .cont .calendar tr td:last-child{border-right:1px solid #dfe6ef;}
.calendar_wp .cont .calendar td:first-child,
.calendar_wp .cont .calendar td:last-child{background:#f8f8f8;}
.calendar_wp .cont .calendar td.today{background:#d9eaff;}
.calendar_wp .cont .calendar td:first-child .date,
.calendar_wp .cont .calendar td:last-child .date{color:#0074d4;}
.calendar_wp .cont .calendar td .date{font-size:15px;color:#252525;font-family:'SamsungOne';}
.calendar_wp .cont .calendar td.other .date{color:#aaa;}
.calendar_wp .cont .calendar td .sort{margin-top:3px;}
.calendar_wp .cont .calendar td .sort span{display:inline-block;width:12px;height:12px;border-radius:50%;font-size:0;color:transparent;text-indent:-9999px;vertical-align:top;}
.calendar_wp .cont .calendar td .sort span.c1{background:#7342d8;}
.calendar_wp .cont .calendar td .sort span.c2{background:#4297ff;}
.calendar_wp .cont .calendar td .sort span.c3{background:#ffb400;}
.calendar_wp .cont .calendar td .sort span.c4{background:#7fc82a;}
.calendar_wp .cont .calendar td .sort span.c5{background:#ec5a61;}
.calendar_wp .cont .table_list{min-width:1440px;}
.calendar_wp .cont .table_list th,
.calendar_wp .cont .table_list td{word-wrap:initial}
.calendar_wp .cont .status:before{content:"";display:inline-block;margin-right:5px;width:10px;height:10px;border-radius:5px;}
.calendar_wp .cont .status.c1:before{background:#7342d8;}
.calendar_wp .cont .status.c2:before{background:#4297ff;}
.calendar_wp .cont .status.c3:before{background:#ffb400;}
.calendar_wp .cont .status.c4:before{background:#7fc82a;}
.calendar_wp .cont .status.c5:before{background:#ec5a61;}
.dash{display:inline-block;line-height:34px;width:25px;text-align:center;}
.mgl5{margin-left:5px;}
.w350{width:350px;}
.w260{width:260px;}
.w160{width:160px;}
.detail_wrap.accordion_wp{padding:0 30px;overflow:hidden;}
.detail_wrap.accordion_wp input + .buttons{margin-left:5px;}
.detail_wrap.accordion_wp>.accordion:first-child .btn_accor{border-radius:10px 10px 0 0;}
.detail_wrap.accordion_wp>.accordion{margin-bottom:0;}
.detail_wrap.accordion_wp>.accordion .table_detail tr:last-child th,
.detail_wrap.accordion_wp>.accordion .table_detail tr:last-child td{border-bottom:none;}
.detail_wrap.accordion_wp>.accordion .table_detail td.pr0{padding-right:0;}

.board .sub_title2{padding-bottom: 20px;}
.search_wrap.board .sub_title2{padding-top: 0;}

.detail_wrap.accordion_wp .accordion_box{position: relative;}
.detail_wrap.accordion_wp .accordion_box .accordion_title{display: inline-block;position: absolute;left: 0;top: 0;line-height: 50px; text-align: left; font-size: 15px; color: #0074d4; font-family: 'SamsungOne'; font-weight: 700;z-index: 10;}
.detail_wrap.accordion_wp .accordion_box .btn_refresh{width: 30px;height: 30px;margin-left: 10px;border: 1px solid #eee;border-radius: 50%;-webkit-border-radius: 50%;background: #fff url('../images/icon_refresh.png') 50% 50% no-repeat;-webkit-background-size: 14px auto;background-size: 14px auto;vertical-align: -8px;position: relative;}

.inr_accordion{margin-bottom:10px;}
.inr_accordion .btn_accor{width:100%;height:34px;background:#f3f6fa url(../images/b_inr_accor_off.png) no-repeat 100% 13px;padding:0 15px;margin:0;line-height:34px;font-size:15px;color:#252525;font-family:'SamsungOne400';border-radius:5px;}
.inr_accordion .btn_accor.active{background:#f3f6fa url(../images/b_inr_accor_on.png) no-repeat 100% 13px;}
.inr_accordion .btn_accor:before,
.inr_accordion .btn_accor:after{display:none;}
.inr_accordion .arr_cont{padding:10px 0 30px 30px;background:#e1e9f5;border-radius:0 0 5px 5px;}
.inr_accordion .arr_cont:after{content:"";display:block;clear:both;}
.inr_accordion .arr_cont .img{float:left;margin-right:20px;margin-top:20px;width:286px;border-radius:5px;overflow:hidden;}
.inr_accordion .arr_cont .img:last-child{margin-right:0;}
.inr_accordion .arr_cont .img img{width:100%;}
.btn_bottom:after{content:"";display:block;clear:both;}
.btn_bottom .buttons.left,
.btn_bottom .buttons.right{background:#888;color:#fff;}
.btn_bottom .buttons.left{float:left;}
.btn_bottom .buttons.right{float:right;}

.layer_wrap.expected_attendees{width:715px;}
.layer_wrap.expected_attendees .info{margin-bottom:10px;}
.layer_wrap.expected_attendees .info:after{content:"";display:block;clear:both;}
.layer_wrap.expected_attendees .info .total{float:left;line-height:34px;}
.layer_wrap.expected_attendees .info .total strong{color:#0074d4;}
.layer_wrap.expected_attendees .info .bright{float:right;}
.layer_wrap.expected_attendees .info .buttons,
.layer_wrap.expected_attendees .ly_search .buttons{width:140px;height:34px;border-radius:4px;background:#e4e4e4;border:none;}
.layer_wrap.expected_attendees .info .buttons.color,
.layer_wrap.expected_attendees .ly_search .buttons.color{background:#7fa4d6;border:none;}
.layer_wrap.expected_attendees .table_list thead th{}
.layer_wrap.expected_attendees .table_list tbody td{background:none;border-bottom:1px solid #dfe6ef;}
.layer_wrap.expected_attendees .table_list tbody tr.dep{background:#f8f8f8;display: none;}
.layer_wrap.expected_attendees .table_list tbody tr.dep.active{background:#f8f8f8;display:table-row;}
.layer_wrap.expected_attendees .table_list tbody tr.dep input{margin-left:10px;}
.layer_wrap.expected_attendees .table_list tbody tr.accor td:last-child{position: relative;;padding-right: 30px}
.layer_wrap.expected_attendees .table_list tbody tr.accor td:last-child::before,
.layer_wrap.expected_attendees .table_list tbody tr.accor td:last-child::after{position:absolute;top:28px;width:12px;height:2px;border-radius:50px;background-color:#0074d4;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;content: ""}
.layer_wrap.expected_attendees .table_list tbody tr.accor td:last-child::before {right:20px;transform:rotate(45deg)}
.layer_wrap.expected_attendees .table_list tbody tr.accor td:last-child::after {right:21px;transform:rotate(135deg)}
.layer_wrap.expected_attendees .table_list tbody tr.accor.active td:last-child::before,
.layer_wrap.expected_attendees .table_list tbody tr.accor.active td:last-child::after {top:14px}
.layer_wrap.expected_attendees .table_list tbody tr.accor.active td:last-child::before {right:20px;transform:rotate(-45deg)}
.layer_wrap.expected_attendees .table_list tbody tr.accor.active td:last-child::after {right:21px;transform:rotate(-135deg)}
.layer_wrap.expected_attendees .table_list .left{text-align:left;padding-left:0;}
.layer_wrap.expected_attendees .table_list .del{display:inline-block;font-size:13px;color:#252525;padding-right:20px;border-bottom:none;font-family:'SamsungOne400';background:url(../images/b_td_del.png) no-repeat 100% 50%;}
.layer_wrap.expected_attendees .table_scroll_wp{margin-bottom:10px;}
.layer_wrap .ly_search{margin-bottom:30px;}
.layer_wrap .ly_search *{float:left;margin-left:10px;}
.layer_wrap .ly_search:after{content:"";display:block;clear:both;}
.layer_wrap .ly_search select{width:200px;margin-left:0;}
.layer_wrap .ly_search input{width:295px;}
.layer_title.new{margin-bottom:30px;font-size:25px;color:#252525;border-bottom:2px solid #252525;padding:10px 0 0;}

.layer_wrap.addProduct{width:380px;margin-left:-190px;padding-bottom:40px;}
.layer_wrap.addProduct p{margin-top:-15px;font-family:'SamsungOne400';color:#252525;font-size:15px;}
.layer_wrap.addProduct input{margin:8px 0 20px;}
.layer_wrap.subject{width:640px;padding-bottom:40px;}
.layer_wrap.subject p{font-family:'SamsungOne400';color:#252525;font-size:15px;}
.layer_wrap.subject .w_list{margin:20px 0;}
.layer_wrap.subject .w_list li{color:#252525;font-family:'SamsungOne400';font-size:15px;}
.layer_wrap.subject .w_list li strong{color:#252525;font-family:'SamsungOne';}
.layer_wrap.subject .qr_img{margin:30px 0 40px;text-align:center;}

/*20200128 추가*/
.table_detail td .buttons.plus{width:34px;height:34px;background:#e4e4e4;min-width:inherit;border:none;padding:0;font-size:15px;color:#252525;}
.layer_wrap.select_location{width:500px;margin-left:-250px;}
.layer_wrap.select_location .content{margin-bottom:40px;}
.layer_wrap.select_product{width:375px;margin-left:-187px;}
.layer_wrap.select_product .prod_list{margin-bottom:40px;border-top:1px solid #dfe6ef;}
.layer_wrap.select_product .prod_list li{padding:15px 20px 16px;border-bottom:1px solid #dfe6ef;font-size:13px;color:#252525;font-family:'SamsungOne400';}
.layer_wrap.select_product .prod_list li input{margin-right:3px;}
.layer_wrap.select_product .prod_list li:nth-child(odd){background:#f8f8f8;}

.layer_wrap.winner_remark{width:380px;margin-left:-100px;padding-bottom:40px;}
.layer_wrap.winner_remark p{margin-top:-15px;font-family:'SamsungOne400';color:#252525;font-size:15px;}
.layer_wrap.winner_remark input{margin:8px 0 20px;}

.qrcode_overlay{height: 100%;width: 100%;position: fixed; z-index: 99; left: 0;top: 0;background-color: rgba(0,0,0, 0.9);overflow-x: hidden;display:none;}
.qrcode_overlay .qrcode_content{position: relative;top: 15%;width: 100%;text-align: center;margin-top: 30px;}
.qrcode_overlay .qrcode_content .qrcode_title{display:block;padding-bottom:20px;font-size:24px;font-family:'SamsungSharpSansBd',AppleGothic, sans-serif;color:white;text-align: center;word-wrap: break-word;}
.qrcode_overlay .btn_layer_close{position:absolute;right:25px;top:15px;width:30px;height:30px;font-size:0;}
.qrcode_overlay .btn_layer_close:after{content:"";position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;width:16px;height:16px;background:url(../images/icon_close_white.png)}
/*
.include_option { position: relative;}
.include_option .thumb > * { display: inline-block; vertical-align: middle; margin-bottom: 20px}
.include_option .thumb .info2 { margin-left: 10px;}
*/

.table_detail .include_option .input { position: relative;}
.table_detail .include_option input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.table_detail .include_option label { width: 34px; height: 34px;  float: left; text-align: center; border-radius: 4px; font-size: 15px; cursor: pointer; background: url(../images/icons-check.png) no-repeat left center;}
.table_detail .include_option input[type="radio"]:checked ~ label { background-position: right center;}
.table_detail .include_option .thum { float: left; }
/*.table_detail .include_option input[type="text"] { width: calc(100% - 54px); float: right; padding: 0 65px 0 15px;}*/
.table_detail .include_option input[type="text"] { width: calc(100% - 95px);}
.table_detail .include_option.upload input[type="text"] { width: calc(100% - 244px); }
.table_detail .include_option .input .icon-box { position: absolute; right: 0; top: 8px}
.table_detail .include_option .input .icon-box button { margin-right: 10px}
.table_detail .include_option .input .numbers{position:absolute;right:50px;bottom:42px;line-height:32px;font-size:15px;color:#252525;font-family:'SamsungOne400',AppleGothic, sans-serif;}

/* 2021-03-26 박희정 추가 */
.layer_wrap.select_target{width:715px;}
.layer_wrap.select_target .info{margin-bottom:10px;}
.layer_wrap.select_target .info:after{content:"";display:block;clear:both;}
.layer_wrap.select_target .info .total{float:left;line-height:34px;}
.layer_wrap.select_target .info .total strong{color:#0074d4;}
.layer_wrap.select_target .info .bright{float:right;}
.layer_wrap.select_target .info .buttons,
.layer_wrap.select_target .ly_search .buttons{width:140px;height:34px;border-radius:4px;background:#e4e4e4;border:none;}
.layer_wrap.select_target .info .buttons.color,
.layer_wrap.select_target .ly_search .buttons.color{background:#7fa4d6;border:none;}
.layer_wrap.select_target .table_list thead th{}
.layer_wrap.select_target .table_list tbody td{background:none;border-bottom:1px solid #dfe6ef;}
.layer_wrap.select_target .table_list tbody tr.dep{background:#f8f8f8;display: none;}
.layer_wrap.select_target .table_list tbody tr.dep.active{background:#f8f8f8;display:table-row;}
.layer_wrap.select_target .table_list tbody tr.dep input{margin-left:10px;}
.layer_wrap.select_target .table_list tbody tr.accor td:last-child{position: relative;;padding-right: 30px}
.layer_wrap.select_target .table_list tbody tr.accor td:last-child::before,
.layer_wrap.select_target .table_list tbody tr.accor td:last-child::after{position:absolute;top:28px;width:12px;height:2px;border-radius:50px;background-color:#0074d4;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;content: ""}
.layer_wrap.select_target .table_list tbody tr.accor td:last-child::before {right:20px;transform:rotate(45deg)}
.layer_wrap.select_target .table_list tbody tr.accor td:last-child::after {right:21px;transform:rotate(135deg)}
.layer_wrap.select_target .table_list tbody tr.accor.active td:last-child::before,
.layer_wrap.select_target .table_list tbody tr.accor.active td:last-child::after {top:14px}
.layer_wrap.select_target .table_list tbody tr.accor.active td:last-child::before {right:20px;transform:rotate(-45deg)}
.layer_wrap.select_target .table_list tbody tr.accor.active td:last-child::after {right:21px;transform:rotate(-135deg)}
.layer_wrap.select_target .table_list .left{text-align:left;padding-left:0;}
.layer_wrap.select_target .table_list .del{display:inline-block;font-size:13px;color:#252525;padding-right:20px;border-bottom:none;font-family:'SamsungOne400';background:url(../images/b_td_del.png) no-repeat 100% 50%;}
.layer_wrap.select_target .table_scroll_wp{margin-bottom:10px;}

/* 라이브 퀴즈 쇼 */
.live-box { width: 100%; height: 100%;  position: relative;}

.live-box-top { background-color: #101935;}
.live-box-top .main_title_wp { padding: 20px 40px 10px; border-bottom: 1px solid #28304a;}
.live-box-top .main_title { color: #fff; padding-top: 0}
.live-box-top .sub-titl2 { color: #4298ff; font-size: 12px; margin-top: 3px;}
.live-box-top .main_title_wp .btn_bx { top: 40px; right: 40px;}

.live-box-info { padding: 10px 40px;}
.live-box-info .cancel { background-color: #fff;  }
.live-box-info .icons-box { font-size: 0;}
.live-box-info .icons-box > div { display: inline-block; font-size: 13px; margin-right: 22px; color: #fff; line-height: 40px;}
.live-box-info .icons-box > div:last-child { margin-right: 0;}
.live-box-info .icons-box .icons::before { width: 22px; height: 22px; content: ''; display: inline-block; background: url(../images/live-icons1.png) no-repeat; vertical-align: middle; margin-right: 10px;}
.live-box-info .icons-box .icons.all::before { background-position: -22px;}
.live-box-info .icons-box .icons.survival::before { background-position: -44px;}
.live-box-info .icons-box .icons.point::before { background-position: -66px;}
.live-box-info .icons-box .icons.life::before { background-position: -88px;}
.live-box-info .icons-box .icons.reload::before { line-height: 0px; padding: 0px 0px; margin: 0px; width: 24px; height: 24px; content: ''; display: inline-block; background: url(../images/reload.png) no-repeat;}
.live-box-info .icons-box .icons.reload.rotate {   animation: liveinfo 1s linear infinite;transform-origin: 50% 50%; }
@keyframes liveinfo {
    100% {
        transform: rotate(360deg);
    }
}
.live-box-info .group .right .buttons { font-weight: bold; color: #fff; background-color: #60a8ff; border-color: #60a8ff;}
.live-box-info .group .right .buttons.color { background-color: #0074d4; border-color: #0074d4;}

.live-screen-box { height: calc(100% - 170px); width: 100%; background: url(../images/video-bg_02.png); position: relative;}/* 241120 edit */
.live-screen-box::after { display: block; content: ''; clear: both;}
.live-screen { width: 74%; height: 100%; float: left;}
.live-screen iframe {border: 0 none;}/* 250113 add */

.icons-box2 button { width: 30px; height: 30px; margin-right: 15px; background: url(../images/live-icons2.png)}
.icons-box2 button:nth-last-of-type(1) { margin-right: 0;}
.icons-box2 button.mic { background-position: -60px 0;}
.icons-box2 button.mic.off { background-position: -60px -50px;}
.icons-box2 button.video { background-position: -110px 0;}
.icons-box2 button.video.off { background-position: -110px -50px;}
.icons-box2 button.option { background-position: 0 0;}

.live-chat-box { width: 26%; /*height: 100%;*/ float: left; box-sizing: border-box; padding: 30px 20px 20px; background-color: #f3f6fb; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); } /* 240510 modify */
.live-chat-tit { display: block; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #000; font-family: 'SamsungSharpSansBd',AppleGothic, sans-serif; }
/*
.live-option-box { background: #fff; border: 1px solid #e3e7e8;margin-bottom: 28px; padding: 0}
*/

.live-option-box { background: #fff; border: 1px solid #e3e7e8;margin-bottom: 5px;padding: 15px 19px; border-radius: 10px;}
/* 241120 add */
.live-option-box.no-pad{padding: 0;}
.live-option-box.no-pad > select{width: 100%; border-color: transparent; height: 54px; line-height: 54px; padding-left: 19px; border-radius: 10px;}
/* // 241120 add */
.live-option-box2 { margin-bottom: 20px}

/* 240510 add */
.live-option-box2 + .live-option-box2 .live-option-tbox dt{display: block;width: 100%;}
.live-option-box2 + .live-option-box2 .live-option-tbox dd{display: block;width: 100%;margin-top: 10px;}
.live-option-box2 + .live-option-box2 .live-option-tbox dd select{width: 100%;}
/* // 240510 add */

.live-option-box dl { display: table; width: 100%; font-size: 14px; font-family: 'SamsungSharpSansBd',AppleGothic, sans-serif;}
.live-option-box dl > * { display: table-cell; vertical-align: middle;}
.live-option-box dl dt { width: calc(100% - 44px); }
.live-option-box dl dt img:hover ~ .live-option-info { display: block; z-index: 1}
.live-option-box dl dd { width: 44px; }
.live-option { height: 26px; background-color: #0074d4; border-radius: 30px; position: relative;}
.live-option input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.live-option input[type="radio"]:nth-of-type(1):checked ~ .circle { left: 4px;}
.live-option input[type="radio"]:nth-of-type(2):checked ~ .circle { left: 22px;}
/*.live-option label { width: 22px; height: 26px; position: absolute; cursor: pointer;}*/
.live-option label { width: 22px; height: 26px; position: absolute;}/* 241120 edit */
/* 241120 add */
.live-option:has(input[disabled]) {background: rgb(191,191,191) !important}
.live-option input:not([disabled]) + label {cursor: pointer;}
.live-option input[disabled] ~ .circle{background:  rgb(127,127,127);}





.live-option label:nth-of-type(1) { left: 0; border-radius: 50% 0 0 50%;}
.live-option label:nth-of-type(2) { left: 50%; border-radius: 0 50% 50% 0;}
.live-option .circle { background-color: #fff; width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box;position: absolute; top: 50%; margin-top: -9px; left: 4px; transition: left 0.3s; }
.live-option-box .live-option-bbox dt { position: relative;}
.live-option-box .live-option-bbox dt span { padding-left: 3px;}
.live-option-box .live-option-bbox .live-option-info { position: absolute; left: 0; top:100%; border-radius: 6px; background-color: #466482; font-size: 11px; line-height: 18px; color: #fff; padding: 15px 16px 16px; display: none;}
.live-option-box button { width: 44px; height: 26px; background-color: #0074d4; border-radius: 26px; color: #fff; font-weight: bold;}

.live-notice { border: 1px solid #e3e7e8; height: 110px; box-sizing: border-box; border-radius: 10px; margin-bottom: 28px; position: relative; background-color: #fff;}
.live-notice .live-notice-box { border-radius: 10px; }
.live-notice textarea { padding: 15px 19px 5px; box-sizing: border-box; width: 100%; height: 63px; font-size: 13px; background-color: transparent; border: 0;}
.live-notice .live-notice-info { display: flex; align-items: center; justify-content: space-between; padding: 0 19px 5px;}
.live-notice .live-notice-info .live-notice-byte { font-size: 11px;}
.live-notice .live-notice-info button { width: 44px; height: 26px; background-color: #0074d4; border-radius: 26px; color: #fff; font-weight: bold;}


/* 채팅 영역의 높이는 화면에따라 조금 변경해주셔야할수도있습니다. */
.live-chat-wrap{padding: 20px 15px;background-color: #fff; border: 1px solid #eee; box-sizing: border-box;border-radius: 10px;} /* 240510 add */
.live-chat {position: relative;box-sizing: border-box; height: calc(100% - 395px);max-height: 300px; overflow-y: auto;} /* 240510 modify */
.live-chat .chat-box{position: relative;height: 100%;} /* 240510 modify */
.live-chat .chat-box p { font-size: 13px; font-family: 'SamsungSharpSansBd',AppleGothic, sans-serif; margin-bottom: 15px; display: table;}
.live-chat .chat-box p.fc-blue * {color: #0074d4 !important;} /* 240510 add */
.live-chat .chat-box p span { display: table-cell;}
.live-chat .chat-box p span:nth-of-type(1) { min-width: 70px; margin-right: 5px;  color: #999999;}
.live-chat .chat-off-overlay{position: absolute;display:none;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 2;}
/*.live-chat .chat-off-overlay.active{display:block;}*/
.live-chat .chat-off-overlay.active{display:flex;align-items: center;justify-content: center;color:white;font-size: 14px;} /*240628 modify*/
/*.live-chat .chat-off-overlay .chat-off-text{  position: absolute;top: 50%;left: 50%;color:white;font-size: 14px;  transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}*/

/* 240510 */
.live-box .live-chat + .insert-box{margin-top: 10px;}
.live-box .insert-box{
    display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    width: 100%;
    padding: 10px 10px 10px 0;
    background-color: #f8f8f8;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.live-box .insert-box .input-text{width: calc(100% - 64px);border: 0 none;background-color: transparent;}
.live-box .insert-box .btn-send{width: 44px;height: 26px;background-color: #0074d4;border-radius: 26px;color: #fff; font-weight: bold;}
/* // 240510 */


/* popup */
.layer_wrap.quiz { padding: 0; border: 1px solid #e3e7e8; border-radius: 10px;}
.layer_wrap.quiz .layer_title.new2  { padding: 20px 30px 15px; border-bottom: 1px solid #e3e7e8; margin-bottom: 20px;}
.layer_title.new2 { position: relative; }
.layer_title.new2 .layer-close { position: absolute; right: 30px; top: 20px; width: 20px; height: 20px; cursor: pointer;}
.layer_title.new2 .layer-close span { width: 100%; height: 2px; background-color: #000; position: absolute; }
.layer_title.new2 .layer-close span:nth-child(1) { transform: rotate(45deg);}
.layer_title.new2 .layer-close span:nth-child(2) { transform: rotate(-45deg);}

.layer_wrap.quiz .btn { text-align: center; font-size: 0; padding:0px 30px;}
.layer_wrap.quiz .btn .buttons { border-radius: 5px; font-size: 14px; color: #fff; font-weight: bold; border: 0; width: 90px; margin-right: 5px;}
.layer_wrap.quiz .btn .buttons.gray { background-color: #cccccc;}
.layer_wrap.quiz .btn .buttons.blue1 { background-color: #7fa4d6;}
.layer_wrap.quiz .btn .buttons.blue2 { background-color: #4298ff;}
.layer_wrap.quiz .btn .buttons.blue3 { background-color: #0074d4;}
.layer_wrap.quiz .btn .buttons.black { background-color: #000000;}
.layer_wrap.quiz .btn .buttons.finish { width: 140px;}
.layer_wrap.quiz .btn .buttons.start { width: 140px;}


.layer-quiz-timer { margin: 15px 0;padding: 0px 30px;}
.layer-quiz-timer span { font-size: 14px; font-family: 'SamsungSharpSansBd',AppleGothic, sans-serif;}

.layer-quiz-answer { padding: 0px 30px 20px; font-weight: bold; font-family: 'SamsungSharpSansBd',AppleGothic, sans-serif;}
.layer-quiz-answer .answer-title { font-size: 18px; padding-bottom: 20px; color: #252525;word-break: break-all;}
.layer-quiz-answer .answer-list li { margin-top: 5px;font-size: 15px; border: 1px solid #eee; display: block; width: 100%; height: 40px; border-radius: 5px; text-align: left; padding: 10px 10px; box-sizing: border-box; color: #999999;}
.layer-quiz-answer .answer-list li.active { border-color: #0074d4; color: #252525;}
.layer-quiz-answer .answer-list button { font-size: 16px; border: 1px solid #eee; display: block; width: 100%; height: 40px; border-radius: 5px; text-align: left; padding: 0 10px; box-sizing: border-box; color: #999999;}
.layer-quiz-answer .answer-list button.active { border-color: #0074d4; color: #252525;}
.layer-quiz-answer .answer-list li .response_count { float:right;}

.layer_wrap.quiz .detail_wrap { padding: 0; border-radius: 0; border: 0;}
.layer_wrap.quiz  .arr_cont { height: 200px; overflow-y: scroll; border-bottom: 1px solid #e3e7e8;}
.layer_wrap.quiz .btn_accor { width: 100%; margin: 0;}
.layer_wrap.quiz .table_detail { margin-bottom: 0;}
.layer_wrap.quiz .table_detail th:first-child,.layer_wrap.quiz  .table_detail td:first-child { padding-left: 30px;}
.layer_wrap.quiz .table_detail2 th { font-size: 11px; color: #999; padding: 10px 10px 10px 20px;}
.layer_wrap.quiz .table_detail2 .quiz_row.active { background-color: #7fa4d6; color: #fff;}
.layer_wrap.quiz .table_detail2 .quiz_row td { padding-top: 5px; padding-bottom: 5px;word-break: break-all;}

.layer_wrap.quiz .table_detail td { padding: 15px 10px; font-size: 12px;}
.layer_wrap.quiz .table_detail tr:hover td { background-color: #f3f6fb;}
.layer_wrap.quiz .table_detail tr:hover td span { font-weight: bold;}

.layer_wrap.quiz .layer-setting-box { padding: 0 30px; border-bottom: 1px solid #e3e7e8;}
.layer_wrap.quiz .layer-setting-box tr:nth-child(1) > * { border-bottom: 1px solid #e3e7e8;}

.layer_wrap.quiz.setting .layer_title.new3 { margin-bottom: 0;}
.layer_wrap.quiz .layer-setting-box th { width: 80px; text-align: left; color: #252525;}
.layer_wrap.quiz .layer-setting-box td { padding: 20px 0;}
.layer_wrap.quiz .layer-setting-box select { width: 100%;}

#publisher-video {
    width: 100%    !important;
    height: auto   !important;
    background: #EEEEEE;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    outline:none;
}

#video-live-indicator {
    position: absolute;
    top: 0.5em;
    left: 1.5em;
    opacity: 90%;
}

/* 2021-09-07 추가 */
form .detail_wrap .sub_title {position:relative;}
/*.layer_wrap table {width: auto;}*/

/* tootip */
.tooltip {display: inline-block;cursor: pointer;text-indent: -9999px;background: url("../images/icon_question.svg") no-repeat;background-size: contain;width: 20px;height: 20px;line-height: 20px;margin-left: 5px;}
.tooltip-text {visibility: hidden;max-width: 210px;width: 100%;background-color: #00000099;color: #ffffff;border-radius: 10px;position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);left: 165px;opacity: 0;font-size: 11px;padding: 15px 15px;transition: opacity 1s;line-height: 17px;text-align: left;}
.tooltip-text::after {content: "";position: absolute;top: 50%;right: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent #00000099 transparent transparent;}
.tooltip:hover + .tooltip-text {visibility: visible;opacity: 1;}

/* .detail_wrap */
.detail_wrap .need {color: #ff8400;}
.detail_wrap #badge_detail .info2 {position: relative;height: 100%;min-height: 300px;}
.detail_wrap #badge_list + .group + .group {margin: 30px 0 0 0;}
.detail_wrap #badge_list + .group.btn_bottom {margin: 30px 0 0 0;}

/* .group.btn_bottom */
.group.btn_bottom {position: relative;padding: 30px 0; margin: 0 0;}
.group.btn_bottom .left {float: none; position: absolute;}
.group.btn_bottom .act_btn {border-radius: 20px; background: #888888; border-color: #888888; min-width: 160px; color: white;}

/* .badge_select */
.badge_select .table_search tbody tr:first-child td:first-child {width: 17.5%; font-size: 14px;}
.badge_select .table_search tbody tr:first-child .buttons {width: 106px;}
.badge_select .table_search tbody tr:first-child td > input {width: 365px !important;}
.badge_select .ly_search .txt {font-size: 15px; margin-left: 0;line-height: 34px;width: calc( 100% - 295px - 140px - 20px );}
.badge_select .ly_search .buttons.color {background: #7fa4d6;border: none;width: 140px;height: 34px;border-radius: 4px;}

/* .badge-register-detail */
.badge-register-detail .table_detail {width:100%; table-layout: fixed;margin-bottom: 0;}
.badge-register-detail .table_detail tr .name,
.badge-register-detail .table_detail tr .badge-id,
.badge-register-detail .table_detail tr .badge-type,
.badge-register-detail .table_detail tr .status,
.badge-register-detail .table_detail tr .reg-date,
.badge-register-detail .table_detail tr .exp,
.badge-register-detail .table_detail tr .name + td,
.badge-register-detail .table_detail tr .exp + td,
.badge-register-detail .table_detail tr .badge-id + td,
.badge-register-detail .table_detail tr .badge-type + td,
.badge-register-detail .table_detail tr .status + td,
.badge-register-detail .table_detail tr .reg-date + td {border-bottom: 0}
.badge-register-detail .table_detail tr .exp + td {width: calc(100% - 180px);}
.badge-register-detail .table_detail tr:last-child th,
.badge-register-detail .table_detail tr:last-child td {border-bottom: 0;}
.badge-register-detail + .group {margin-top: 20px;}
.badge-register-detail .table_detail td {width: 32%;}
.badge-register-detail .table_detail tbody tr:nth-child(4) td {width: 100%;}

/* .acquired-user-list */
.acquired-user-list {margin-top: 40px;padding: 0 0;background: transparent;border:none;}

/* .layer_wrap.popup_certification */
.layer_wrap.popup_certification {width: 940px; height:665px; padding: 0 0;font-family:'SamsungSharpSansBd', sans-serif;margin-left: -470px;}
.layer_wrap.popup_certification.expert_overlay,
.layer_wrap.popup_certification.expert_print {height: 100%;width: 100%;position: fixed; z-index: 99; left: 0;top: 0 !important;overflow-x: hidden;margin-left: 0;display:none;}
.layer_wrap.popup_certification.expert_overlay {background-color: rgba(0,0,0, 0.9);}
.layer_wrap.popup_certification.expert_print {background-color: white;display: block !important;}
.layeropens .layer_wrap.popup_certification.expert_overlay.active {display: block;}
.layeropens .layer_wrap.popup_certification.expert_overlay.active + .overlay {display: none;}
.layer_wrap.popup_certification .layer_title {color: white;display: block;padding-bottom: 20px;font-family: 'SamsungSharpSansBd',AppleGothic, sans-serif;text-align: center;word-wrap: break-word;}
.layer_wrap.popup_certification .btn_layer_close:after {background: url(../images/icon_close_white.png);}
.layer_wrap.popup_certification .expert_content {position: relative;top: 50%; transform: translateY(-50%); width: 100%;text-align: center;}
.layer_wrap.popup_certification.expert_print .expert_content {top: 0; transform:none;width: fit-content;}
.certification-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: url("../images/certification/background_img.png") no-repeat 0 0; background-size: 100% auto; width: 940px; height: 665px; padding: 83px 89px 69px; text-align: left;position: relative;overflow: hidden; margin: 0 auto;}
.certification-wrap .img-wrap {}
.certification-wrap .img-wrap .medal {position: absolute; top: -45px; right: -46px; width: 264px; height: 264px; overflow: hidden; z-index: 5;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.certification-wrap .img-wrap .medal img{display: block; width: 100%; height: 100%}
.certification-wrap .img-wrap img.ribon {position: absolute; top: -83px; right: 0px; width: 168px;}
.certification-wrap .data-wrap img.logo {width: 70px; object-fit: cover;}
.certification-wrap .img-wrap img,
.certification-wrap .data-wrap img {width: 100%; height: auto;}
.certification-wrap .data-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;text-align: left; position: relative; width: 590px;}
.certification-wrap .data-wrap .title {margin-top: 50px; font-size: 52.51px; line-height: 1; color:black; letter-spacing: .15rem;}
.certification-wrap .data-wrap .title .data {margin-bottom: 14px; font-size: 20.11px; color: #956d13; display: block; letter-spacing: -.01rem;}
.certification-wrap .data-wrap .user-full-name {margin-top: 72px;text-align: center;}
.certification-wrap .data-wrap .user-full-name .data {display: block; padding-bottom: 11px; line-height: 1; font-size: 30.17px; font-family: 'Playball', sans-serif;}
.certification-wrap .data-wrap .user-full-name,
.certification-wrap .data-wrap .user-full-name + .line{ margin-left: -26px; width: 588px;}
.certification-wrap .data-wrap .txt {overflow: hidden; margin-top: 25px; height: 96px; font-size: 16.76px; font-family:'SamsungOne400', sans-serif; line-height: 23.46px;letter-spacing: -.005rem;}
.certification-wrap .data-wrap .txt strong {font-family:'SamsungSharpSansBd', sans-serif;}
.certification-wrap .data-wrap .flex-both {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 0 65px 0 2px;width: 100%;}
.certification-wrap .data-wrap .flex-both dl {width: 100%;text-align: center;display: flex;flex-direction: column;}
.certification-wrap .data-wrap .flex-both dl.issue-date {max-width: 173px;}
.certification-wrap .data-wrap .flex-both dl.gdc-center {max-width: 221px;}
.certification-wrap .data-wrap .flex-both dl dt {height: 36px; border-top: 1px solid rgba(0,0,0,.4); color:#666; font-size: 13.41px; line-height: 36px; letter-spacing: -0.03rem; font-family:'SamsungOne400';}
.certification-wrap .data-wrap .flex-both dl dd.data {height: 55px;}
.certification-wrap .data-wrap .flex-both dl.issue-date dd.data {font-size: 15.64px; padding-top: 24px;}
.certification-wrap .data-wrap .flex-both dl.gdc-center dd.data {padding-top: 6px; font-family: 'Tangerine', sans-serif; font-size: 35.75px; font-weight: bold; letter-spacing: .04rem;}
.certification-wrap .data-wrap .data {color: #000;}
.certification-wrap + .group {width: 100%; text-align: center;margin-top: 25px;}

/* 230908 2023 인증서 레이어 팝업 */
.certification-wrap.h_certification_wrap{background-image: url("../images/certification/h_bg.png");padding: 115px 0 0 133px;box-sizing: border-box;color: #000;}
.certification-wrap.h_certification_wrap .year{font-size: 29px; font-family: "SamsungSharpSansMd"; position: absolute; left: 126px; bottom: 202px; font-weight: bold;color: #d8a25a;}
.certification-wrap.h_certification_wrap .img-wrap .medal{top: -106px; right: 8px; width: 155px; height: 155px;}
.certification-wrap.h_certification_wrap .data-wrap{width: 100%;display: block;position:initial;font-family: "SamsungSharpSansMd"; font-size: 28px; text-align: center; padding-right: 50px; padding-left: 14px;}
.certification-wrap.h_certification_wrap .data-wrap img.logo{position: absolute; left: 427px; top: 67px;width: auto;}
.certification-wrap.h_certification_wrap .data-wrap .title{font-family: "SamsungSharpSansMd";font-size: 28px;margin-top: 0;}
.certification-wrap.h_certification_wrap .title_data{display: block; font-size: 57px; color: #9a7124; font-family: "SamsungSharpSansBd";font-style: normal;}
.certification-wrap.h_certification_wrap .snell{color: #9a7124; padding: 40px 0 20px;font-family: "SamsungSharpSansMd";font-size: 28px;margin-top: 0;letter-spacing: 0;font-style: normal;}
.certification-wrap.h_certification_wrap .data-wrap .user-full-name{margin-left: 0; width: 100%;margin-top: 30px;}
.certification-wrap.h_certification_wrap .data-wrap .user-full-name .data{font-size: 34px; padding-bottom: 10px;}
.certification-wrap.h_certification_wrap .data-wrap .user-full-name + .line{margin-left: 0; width: auto; vertical-align: top;display: block;margin: 0 auto;}
.certification-wrap.h_certification_wrap .data-wrap .txt{font-family: "SamsungOne400"; font-size: 22px; text-align: left; line-height: 1.4; padding: 30px 88px 5px 242px;height: auto;margin-top: 0;letter-spacing: 0;overflow: inherit;}
.certification-wrap.h_certification_wrap .data-wrap .txt .data{font-family: "SamsungOne400";font-weight: bold;}
.certification-wrap.h_certification_wrap .data-wrap .flex-both{padding: 0 0 0 290px; margin-top: 5px;}
.certification-wrap.h_certification_wrap .data-wrap .flex-both dl{max-width: inherit;}
.certification-wrap.h_certification_wrap .data-wrap .flex-both dl dt{color: rgba(0,0,0,.5); font-size: 14px; line-height: 24px; margin-top: 5px;font-family: "SamsungOne600";border-top: 0;height: auto;letter-spacing: 0;}
.certification-wrap.h_certification_wrap .data-wrap .flex-both dl dd{padding-bottom: 14px; background: url("../images/certification/bg_line2.png") no-repeat center bottom; background-size: 100% 4px;height: auto;}
.certification-wrap.h_certification_wrap .data-wrap .flex-both dl.issue-date dd.data{font-size: 20px; font-family: "SamsungOne";height:  auto;padding-top: 0;line-height: 1em;}
.certification-wrap.h_certification_wrap .data-wrap .flex-both dl.gdc-center dd.data{height: auto;padding: 0 0 5px;}
.certification-wrap.h_certification_wrap .data-wrap .flex-both dl.gdc-center dd.data img{width: auto; vertical-align: top; display: block; margin: 0 auto;}
/* 230908 2023 인증서 레이어 팝업 */

/* 220705 add */
.select-wrap{padding-bottom: 20px;}
.content-inner > .select-wrap{padding-left: 30px;}
.select-wrap .title{display: inline-block;margin-right: 70px;margin-bottom: 20px;font-size: 15px; color: #252525; font-family: 'SamsungOne';font-weight: 700;}
.select-wrap input[type="radio"]{height: 21px;line-height: 21px;vertical-align: top;}
.select-wrap input[type="radio"] + label{display: inline-block;margin-right: 30px;height: 21px;line-height: 21px;}

.comment-wrap{/*padding: 10px 30px 35px;*/}
.comment-wrap .title{padding: 10px 0;font-family: 'SamsungOne';font-size: 15px;color: #000;}
.comment-wrap .data-list{}
.comment-wrap .data-list li{padding: 8px 0; color: #252525; font-size: 13px; font-family: 'SamsungOne400',AppleGothic, sans-serif; word-wrap: break-word;}


.comment-wrap .title-wrap{padding-top: 30px;}
.comment-wrap .title-wrap .text{color: #000;font-size: 14px;}
.comment-wrap .title-wrap .input-wrap .buttons{margin-left: 10px;}
.comment-wrap .btn_area{padding-bottom: 20px;}

.comment-wrap .input_wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;-webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;/*margin-bottom: 30px;*/padding: 20px 0 10px;/*border-bottom: 1px solid #dfe6ef;*/}

.comment-wrap .input_wrap input{width: 600px;margin-right: 10px;}

.comment-area{position: relative;min-height: 150px;max-height: 300px;padding: 15px; border: 1px solid #eee; font-size: 15px;border-radius: 10px;-webkit-border-radius: 10px;overflow-y: auto;}
.detail_wrap.disabled .comment-area::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.comment-area .tag{display: inline-block;line-height: 24px;padding: 5px 10px 5px 10px;background-color: #efefef;border-radius: 4px;-webkit-border-radius: 4px;font-size: 13px;}

.btn.tag{position: relative;color: #000;}
.btn.tag + .btn.tag{margin-left: 10px;}
.btn.tag .ico.close{display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: middle;
}

.btn.tag .ico.close::before,
.btn.tag .ico.close::after{content: '';display: inline-block;position: absolute;left: 0;width: 12px;height: 1px;background-color: #000;}

.btn.tag .ico.close::before{top: 0px;transform: translateY(7px) translateX(0) rotate(45deg);}
.btn.tag .ico.close::after{top: 14px;transform: translateY(-7px) translateX(0) rotate(-45deg);}

.aside-wrap .title::before{content: '';display: inline-block;width: 5px;height: 5px;margin-right: 10px;border-radius: 50%;-webkit-border-radius: 50%;background-color: #4297ff;vertical-align: 3px;}
.aside-wrap .select-wrap select{width: 100%;}
.aside-wrap .input-wrap input{width: 100%;}

.aside-wrap .select-wrap{padding-bottom: 30px;}

.aside-menu{margin-top: 20px;padding: 10px;background-color: #fff;border-radius: 10px;}
.aside-menu > ul{max-height: 260px;overflow-y: auto;}
.aside-menu ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.aside-menu ::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.aside-menu ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #4297ff;
}
.aside-menu > ul > li{}
.aside-menu > ul > li > a{position: relative;display: block;line-height: 30px;font-size: 16px;color: #252525;font-family: 'SamsungSharpSansBd',AppleGothic, sans-serif;}
.aside-menu > ul > li.current > a{color: #4297ff;}
.aside-menu > ul > li > a::before{content: '▼';display: inline-block;/*width: 5px;height: 5px;*/margin-right: 10px;/*background-color: #252525;vertical-align: 4px;*/}
.aside-menu > ul > li > ul{padding-left: 15px;padding-bottom: 10px;}
.aside-menu > ul > li > ul > li{}
.aside-menu > ul > li > ul > li > ul{margin-left: 20px;}
.aside-menu > ul > li > ul > li > a,
.aside-menu > ul > li > ul > li > ul > li > a{line-height: 30px;font-size: 15px;color: #252525;font-family: 'SamsungSharpSansBd',AppleGothic, sans-serif;}
.aside-menu > ul > li > ul > li > a::before{content: '▶';display: inline-block;/*width: 10px;*/margin-right: 5px;}
.aside-menu > ul > li > ul > li.depth2-end  > a::before{content: '-';display: inline-block;/*width: 10px;*/margin-right: 5px;}
.aside-menu > ul > li > ul > li.current > a::before{color: #4297ff;}
.aside-menu > ul > li > ul > li > ul > li a::before{content: '-';display: inline-block;width: 10px;margin-right: 5px;}
.aside-menu > ul > li > ul > li.current > a{color: #4297ff;}
.aside-menu > ul > li > ul > li.current > a::before{color: #4297ff;}
.aside-menu > ul > li > ul > li > ul > li.current > a{color: #4297ff;}
.aside-menu > ul > li > ul > li > ul > li.current > a::before{color: #4297ff;}

.content-inner{position: relative;padding-left: 330px;}
.content-inner .aside-wrap{position: absolute;left: 0;top: 0;width: 300px;}

.content-inner .aside-wrap .select-wrap.chat .title{margin-right: 50px;margin-bottom: 10px;}

.content-inner .notice{padding-bottom: 20px;}

.aside-wrap .aside-btn{padding-bottom: 20px;text-align: right;}
.aside-wrap .aside-btn .buttons{min-width: 0;}

.aside-wrap .aside-btn .buttons[disabled]{cursor: default;}
.aside-wrap .aside-btn .buttons.color[disabled]{background: #e4e4e4;border-color: #e4e4e4;color: #252525;opacity: 0.7;}
.aside-wrap .aside-btn .buttons.color2[disabled]{background: #fff;color: #252525;opacity: 0.7;}

.aside-wrap .aside-btn.full{padding-top: 30px;}

.info_text{display: inline-block;line-height: 34px;padding-left: 10px;}
.info_text.full{display: block;padding-left: 0;}

.btn_area{padding-bottom: 30px;}
.btn_area.right{text-align: right;}

.insert{width: 100%;padding-top: 30px;}
.file-wrap {overflow: hidden; }
.file-upload {clear: both; position: relative; width: 100%; height: 32px; padding-right: 125px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.file-upload
.file-text {float: left; width: 100%; height: 32px; line-height: 32px; font-size: 15px; color: #000; border: 1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; }
.file-wrap
.file-input {position: absolute; right: 0; top: 0; }
.file-wrap
.buttons {vertical-align: top; cursor: pointer; width: 100px; height: 32px; font-size: 15px; }
.file-hidden {position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor: pointer; width: 100px; height: 32px; top: 0; }
.file-hidden[type="file"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.upload_popup p{padding-top: 15px;}
.upload_popup .data-list{padding-top: 10px;}

.upload.clearfix + p{margin: 20px 0 10px;}

.upload .info-wrap{width: calc(100% - 320px);}
.upload_wrap ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.upload_wrap ::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.upload_wrap ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #4297ff;
}

.upload_wrap{width: auto;
    text-align: left;
    overflow-y: hidden;
    white-space: nowrap;}

.upload_wrap .upload_list{padding-top: 35px;}
.upload_wrap .upload_list{position: relative;
    /*padding-top: 35px;*/
    padding-bottom: 20px;
    font-size: 0;
    overflow-x: auto;
    overflow-y: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;}

.upload_wrap{overflow-y: auto;}

.upload .btn_upload > div{
    height: 34px;
    padding: 0 18px;
    font-size: 15px;
    font-family: 'SamsungOne400',AppleGothic,sans-serif;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    background: #7fa4d6;
    border-color: #7fa4d6;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}

.upload_list li,
.upload_list > div{position: relative;display: inline-block;width: 150px;height: 100px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.upload_list li .img-bg,
.upload_list > div .img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
    height: 100%;
}
.upload_list li + li,
.upload_list > div + div{margin-left: 15px;}

.upload_list li .btn_close,
.upload_list > div .btn_close{display: inline-block;position: absolute;right: 3px;top: 3px;width: 20px;height: 20px;cursor: pointer;vertical-align: middle;background-color: #f3f6fb;border-radius: 50%;-webkit-border-radius: 50%;}
.upload_list .btn_close::before,
.upload_list .btn_close::after {content: ''; display: inline-block; position: absolute; left: 4px; width: 12px; height: 1px; background-color: #000;}
.upload_list .btn_close::before {top: 2px; transform: translateY(7px) translateX(0) rotate(45deg); }
.upload_list .btn_close::after {top: 16px; transform: translateY(-7px) translateX(0) rotate(-45deg); }

.upload_list li .upload_add_file{width: 100%; height: 100%;}
.upload_list li .upload_add_file > input[type="hidden"] + div{background: #f4f4f4; color: rgba(0,0,0,0.4);}
.upload_list li .upload_add_file > input[type="file"] + div{ background: #7fa4d6; color: white; cursor: pointer;}
.upload_list li .upload_add_file div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;  font-size: 13px;}


.upload_box{position: absolute; top: 0; left: 0; right: 0; z-index: 3; width: 150px; height: 100px;}
.upload_box > div{width: 100%; height: 100%; background-size: 100%;}

.user-comment .state{display: flex;justify-content: space-around;padding: 20px 0;}
.user-comment .state div{font-size: 16px;text-align: center;}
.user-comment .state div strong{display: block;}
.user-comment .state div a{display: block;font-weight: bold;color: #555; text-decoration: underline;}

.upload_inputfile {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.table_detail .upload .thumb{width: 300px;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;border: 1px solid #c8c8c8;box-sizing: border-box;-webkit-box-sizing: border-box;}

.user-comment select{margin: 20px 0 10px;/*color: #0074d4;*/ font-size: 13px; font-family: 'SamsungOne';font-weight: 700;}
.user-comment select + .text-area{margin-top: 20px;}
.user-comment textarea{height: 120px;}
.user-comment .include_txt .numbers{bottom: auto;top: 10px;}

.user-comment .include_txt + .include_txt{margin-top: 30px;}

.user-comment .include_txt.admin .numbers{top: 49px;}

.text-area.admin{position: relative;}
.text-area.admin .info{padding-bottom: 20px;}
.comment-list .comment-box{position: relative;padding: 20px 0;}
.comment-list .comment-box + .comment-box{border-top: 1px solid #eee;}
.comment-list .comment-box .info{}
.comment-list .comment-box .info span{}
.comment-list .comment-box .info .user,
.text-area.admin .info .user{color: #555;}
.comment-list .comment-box .edit{position: absolute;right: 0;top: 20px;}
.text-area.admin .edit{position: absolute;right: 0;top: 0;}
.comment-list .comment-box .edit a,
.text-area.admin .edit a,
.text-area.admin .edit button,
.comment-list .comment-box .edit button{color: #555;}
.comment-list .comment-box .info .user::before,
.comment-list .comment-box .edit a + .delete::before,
.comment-list .comment-box .edit button + .delete::before,
.text-area.admin .info .user::before,
.text-area.admin .edit .delete::before{content: '|';display: inline-block;margin: 0 7px 0  5px;}

.comment-list .comment-box .info .user .ico.more{display: inline-block;width: 17px;height: 17px;margin-left: 5px;border: 1px solid #555;border-radius: 50%;-webkit-border-radius: 50%;background: url('../images/icons_new.png') -35px -60px no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;vertical-align: -3px;}
.comment-list .comment-box p:not(.numbers){padding: 20px 0;}
.comment-list .comment-box .input-wrap{text-align: right;}
.comment-list .comment-box .input-wrap label + input{margin-left: 10px;}
.comment-list .comment-box .comments_modify{display: none; position: relative;}
.comment-list .comment-box .comments_modify.active{display: block; margin-top: 20px;}
.comment-list .comment-box .comments_modify .textarea{width: 100%;}


.text-area.include_txt .buttons{position: absolute;bottom: 15px;right: 15px;}

.user-comment .btn_area{padding-top: 30px;text-align: center;}
.user-comment .btn_area .view_more{padding-bottom: 2px;font-size: 16px;color: #000;}
.user-comment .btn_area .view_more:hover{text-decoration: underline;}
.user-comment .btn_area .ico.more{display: inline-block;width: 21px;height: 21px;margin-left: 10px;border: 1px solid #555;border-radius: 50%;-webkit-border-radius: 50%;background: url('../images/icons_new.png') -33px -58px no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;vertical-align: -5px;transform: rotate(90deg);}

.input-wrap.search{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;}
.input-wrap.search input{width: calc(100% - 75px);}
.input-wrap.search .buttons.color{min-width: 0;}

.button_wrap{padding-bottom: 20px;}
.button_wrap.right{text-align: right;}

/* 설문조사 */
.q_box{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -webkit-justify-content: flex-start; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: flex-start;width: 100%;padding: 20px 0 30px;position: relative;}
.q_box + .q_box{border-top: 1px solid #e3e7e8;}
.q_box select.select_quiz{position: absolute;right: 0;top: 20px;}

.q_box .notice{padding-top: 20px;}

/* 220906 수정 */
.q_box .questions{width: calc(100% - 330px);}
/* // 220906 수정 */
.q_box .q_count{padding-right: 20px;font-weight: 700;color: #000;line-height: 34px;}
.q_box .questions .text_wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; margin-top: 20px;}
.q_box .questions.q_type1 .text_wrap + .text_wrap{border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
.q_box .questions.q_type2 .text_wrap{border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 20px;}
.q_box .questions.q_type2 .text_wrap:last-child{border-bottom: 0;}
/* 220913 추가 */
.q_box .questions .include_txt > textarea{height: 80px; line-height: 1.5;}
/* // 220913 추가 */
.q_box .questions .include_txt .numbers{bottom: 5px;}
.q_box + .btn_quiz_wrap{padding-bottom: 0;}

.q_box .questions .text_wrap .include_txt{display: inline-block;width: calc(100% - 80px);}
.q_box .questions .text_wrap label{display: inline-flex;line-height: 34px;}
.q_box .questions .text_wrap input[type="text"]{}
.q_box .questions .text_wrap .icon-box{margin-left: 10px;line-height: 34px;}

.q_box .questions .text_wrap label input{margin-right: 30px;}
.q_box .questions .text_wrap label > .option-title{display: inline-block; width: 80px;}

.q_box .questions .group{padding-top: 30px;}

.q_box .indicator_wrap{position: relative;width: 650px;margin: 30px auto;}
.q_box .indicator_wrap .text span{position: absolute;bottom: 0;line-height: 30px;}
.q_box .indicator_wrap .text span.left{left: 0;}
.q_box .indicator_wrap .text span.right{right: 0;}
.q_box .indicator_wrap .score{width: 500px;margin: 0 auto;}
.q_box .indicator_wrap .indicator{width: 500px;margin: 0 auto;margin-top: 10px;padding: 5px 0;border: 1px solid #eee;box-sizing: border-box;-webkit-box-sizing: border-box;}
.q_box .indicator_wrap ul::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.q_box .indicator_wrap ul li{float: left;position: relative;width: 20%;text-align: center;}

.q_box .text_wrap .label{line-height: 34px;}

.q_box .middle_area{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;max-width: 900px;}

.q_box .middle_area .left_wrap{width: 500px;}
.q_box .middle_area .label_list li{display: none;}
.q_box .middle_area .label_list li.active{display: block;}

.q_box .questions .middle_area .text_wrap .include_txt{width: 100%;}
.q_box .questions .middle_area .text_wrap .label{display: inline-block;margin-right: 10px;}

.btn_quiz_wrap::before{content: '';display: block;position: absolute;top: 20px;width: 100%;height: 1px;background-color: #eee;}
.btn_quiz_wrap{position: relative;padding-bottom: 30px;}
.btn_quiz_wrap .buttons{position: relative;}


/*프라이버시*/
.ex_title{display: block; margin-top: 5px; color: #4298ff; text-decoration: underline;}

.user-privacy .privacy-guide .guide{position: relative; padding-left: 25px;}
.user-privacy .privacy-guide .guide::before{ content: "※"; position: absolute; left: 0; padding-left: 10px;}
.user-privacy .privacy-guide + table,
.user-privacy .privacy-guide + div{margin-top: 10px;}
.user-privacy .table_search th,
.user-privacy .table_search td{padding: 13px 10px;}
.user-privacy .table_search tr th{position: relative;}
.user-privacy .table_search tr .tooltip-text{top: 50%; transform: translateY(-50%); min-width: 450px; left: 120px; word-break: keep-all;}
.user-privacy .table_search tr .tooltip-text span{display: inline-block;}

.user-privacy .sort_list li{width: 200px; padding: 0 20px; border: none;}
.user-privacy .sort_list li span::before{display: none;}

.user-privacy .privacy_data{margin-top: 20px;}
.user-privacy .privacy_data table th,
.user-privacy .privacy_data table td{height: 33px;}

/*.layer_wrap .img-wrap{position: relative; width: 100%;}*/
/*.layer_wrap .img-wrap .img{width: 100%; height: 100%; -o-object-fit: contain;object-fit: contain;}*/

/*.flex-between{display: flex;justify-content: space-between;}*/
/*.align-end{display: flex;align-self: self-end;}*/

.certification-wrap .img-wrap-2022 {}
.certification-wrap .img-wrap-2022 .medal_2022 {position: absolute; top: 38px; right: 50px; width: 264px; height: 264px; overflow: hidden; z-index: 5;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.certification-wrap .img-wrap-2022 .medal_2022 img{display: block; width: 100%; height: 100%}
.certification-wrap .img-wrap-2022 img,

.layer_wrap .img-wrap-2022{position: relative; width: 100%;}
.layer_wrap .img-wrap-2022 .img{width: 100%; height: 100%; -o-object-fit: contain;object-fit: contain;}

.title_data {
    font-family: 'Samsung Sharp Sans Bold';
    font-weight: bolder;
    font-size: 1.9rem;
    display: inline-block;
}
.snell {
    font-family: 'ScriptMT';
    font-weight: bold;
    font-size: 20px;
    color: #c7901e;
    font-style: italic;
    margin-top: 12px;
    letter-spacing: 0.1rem;
}
.certification-wrap .img-wrap-2022 .medal_2022{
    top: 0px;
    right: -32px;
}

/*프라이버시*/
#header .btn-area.bottom{position: absolute;bottom: 100px;left: 0;right: 0;text-align: center;}
#header .btn-area.bottom .buttons{animation: fadeIn 1s ease-in;border: 0 none;}

.ex_title{display: block; margin-top: 5px; color: #4298ff; text-decoration: underline;}

.user-privacy .privacy-guide .guide{position: relative; padding-left: 25px;}
.user-privacy .privacy-guide .guide::before{ content: "※"; position: absolute; left: 0; padding-left: 10px;}
.user-privacy .privacy-guide + table,
.user-privacy .privacy-guide + div{margin-top: 10px;}
.user-privacy .table_search th,
.user-privacy .table_search td{padding: 13px 10px;}
.user-privacy .table_search tr th{position: relative;}
.user-privacy .table_search tr .tooltip-text{top: 50%; transform: translateY(-50%); min-width: 450px; left: 120px; word-break: keep-all;}
.user-privacy .table_search tr .tooltip-text span{display: inline-block;}

.user-privacy .sort_list li{width: 170px; padding: 0 20px; border: none;}
.user-privacy .sort_list li span::before{display: none;}

.user-privacy .privacy_data{margin-top: 20px;}
.user-privacy .privacy_data table th,
.user-privacy .privacy_data table td{height: 33px;}

.layer_wrap .img-wrap{position: relative; width: 100%;}
.layer_wrap .img-wrap .img{width: 100%; height: 100%; -o-object-fit: contain;object-fit: contain;}

.flex-between{display: flex;justify-content: space-between;}
.align-end{display: flex;align-self: self-end;}

.set_agreement_group{width:420px;margin-left:-200px;}
.set_agreement_group .txt{padding-bottom:8px;}
.set_agreement_group .header{padding:8px 10px;background-color:#f1f7fa;border:solid #d1dce7;border-width:1px 0;color:#667b92;font-weight:700;}
.set_agreement_group input{margin-right:10px;}
.set_agreement_group ul{width:100%;height:350px;overflow:auto;margin-bottom:20px;}
.set_agreement_group li{padding:8px 10px;border-bottom:1px solid #d1dce7;}
.set_agreement_group .group{margin-top: 10px;}
/*.set_agreement_group.set_v2{width: 600px;}*/
/*.set_agreement_group.set_v2 .search_area{display: flex;justify-content: space-between;padding-bottom: 20px;}*/
/*.set_agreement_group.set_v2 .search_area .input-wrap.search .buttons.color{width: 100px;}*/
/*.set_agreement_group.set_v2 .search_area .input-wrap.search input{width: 250px;}*/

.layer_wrap.pop_deny{width: auto;min-width: 484px;margin-left: -242px;}
.layer_wrap.pop_deny h1{font-size: 18px;color: #000;text-align: center;}
.layer_wrap.pop_deny p{padding: 20px 0;font-size: 14px;text-align: center;}
.layer_wrap.pop_deny .group{margin-top: 30px;}
.layer_wrap.pop_deny label{display: block;padding-top: 20px;padding-bottom: 10px;font-size: 15px;font-weight: 600;/*color: #000;*/}
.layer_wrap.pop_deny .input-text{width: 100%;margin-top: 10px;}

/* 240219 add */
.layer_wrap.export_data{width: 424px;margin-left: -212px;}
.layer_wrap.export_data h1{font-size: 18px;color: #000;text-align: center;}
.layer_wrap.export_data p{padding: 20px 0;font-size: 14px;text-align: center;}
.layer_wrap.export_data .group{margin-top: 30px;}
.layer_wrap.export_data label{display: block;padding-bottom: 10px;font-size: 15px;font-weight: 600;/*color: #000;*/}
.layer_wrap.export_data .input-text{width: 100%;margin-top: 10px;}

.layer_wrap.confirmation{width: 424px;margin-left: -212px;}
.layer_wrap.confirmation .box strong,
.layer_wrap.export_data .box strong{display: block;padding-top: 20px;color: #ff0000;}
.layer_wrap.confirmation .box ol,
.layer_wrap.export_data .box ol{margin: 15px 0 20px;}
.layer_wrap.confirmation .box ol li,
.layer_wrap.export_data .box ol li{font-weight: bold;color: #000;}
.layer_wrap.confirmation .box ol li + li,
.layer_wrap.export_data .box ol li + li{margin-top: 10px;}

.layer_wrap.select_date h1{font-size: 18px;color: #000;text-align: center;}
.layer_wrap.select_date p{padding: 20px 0;font-size: 14px;text-align: center;}
.layer_wrap.select_date .input_wrap{text-align: center;}
.layer_wrap.select_date .group{margin-top: 30px;}

.layer_wrap.pop_deny{width: auto;min-width: 484px;margin-left: -242px;}
.layer_wrap.pop_deny h1{font-size: 18px;color: #000;text-align: center;}
.layer_wrap.pop_deny p{padding: 20px 0;font-size: 14px;text-align: center;}
.layer_wrap.pop_deny .group{margin-top: 30px;}
.layer_wrap.pop_deny label{display: block;padding-top: 20px;padding-bottom: 10px;font-size: 15px;font-weight: 600;/*color: #000;*/}
.layer_wrap.pop_deny .input-text{width: 100%;margin-top: 10px;}









/* 이하 소스를 변경시 컨텐츠 관리 페이지의 video cam 출력에 이슈가 발생함 */
/* 241120 add */
.group_url							{gap: 12px;
    display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.group_url + .group_url				{margin-top: 12px;}
.group_url .url_txt					{display: inline-block; width: 100%; font-size: 13px; line-height: 1.2; color: #0074d4; word-break: break-all;}
.group_url .buttons[disabled]		{border-color: #efefef; background-color: #efefef; color: #aaa; cursor: revert;}
.img-container,
.pdf-container,
.video-container	{overflow: hidden; position: relative; width: 100%;}
.img-container,
.pdf-container		{
    display: flex; align-items: center; justify-content: center;
}
.video-container.only-player		{max-width: 1024px; margin: 0 auto;}
.img-container			{width: 100%; height: 100%;}
.img-container img		{display: block; width: auto; min-width: 100%; max-height: 100%; object-fit: contain; object-position: center center;}
.pdf-container			{width: 100%; height: 100%; border: 0 none;}
.screen-share	{position: fixed; top: 170px; right: 0; width: 50%; min-width: 560px; max-width: 800px; padding: 32px; background: #000; color: #fff; font-size: 16px;}
.screen-share .screen-share-title		{font-size: 20px; }
.screen-share .screen-share-title,
.screen-share .screen-share-title + p	{display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1;}
.screen-share .screen-share-title + p	{margin-top: 8px; line-height: 1.6}
.screen-share .ui-tabs					{margin-top: 16px; }
.screen-share .ui-widget-content,
.screen-share .ui-widget-header{background-color: inherit; color: inherit; border: 0 none;}
.screen-share .ui-widget-content{height: calc(100% - 28px - 24px - 16px - 60px);}
.screen-share .ui-tabs .ui-tabs-nav		{padding: 0 16px;}
.screen-share .ui-tabs .ui-tabs-nav li	{margin: 0; width: 33.3%; border: 0 none;}
.screen-share .ui-tabs .ui-tabs-nav li.ui-state-default a	{color: #fff; font-weight: bold; border-bottom: 3px solid transparent;}
.screen-share .ui-tabs .ui-tabs-nav li.ui-tabs-active a		{color: #60a8ff; border-color: #0074d4;}
.screen-share .ui-tabs .ui-tabs-nav .ui-tabs-anchor{display: block; width: 100%; padding: 10px 0; line-height: 1;text-align: center;}
.screen-share .ui-tabs .ui-tabs-panel{overflow-y: auto; height: calc(100% - 40px); padding: 24px; border-radius: 12px; background-color: #232C23;}
.screen-share .ui-state-default,
.screen-share .ui-widget-content .ui-state-default,
.screen-share .ui-widget-header .ui-state-default{background: revert;}
.screen-share .ui-tabs-panel ul		{display: flex; flex-wrap: wrap; gap: 1rem;}
.screen-share .ui-tabs-panel ul li	{width: calc((100% - 32px) / 3);}
.screen-share-item .img-wrap		{width: 100%; aspect-ratio: 16/10;}
.screen-share-item .img-wrap img	{display: block; width: 100%;}
.screen-share-item .item-title	{margin-top: 4px; gap: 6px; font-size: 13px;
    display: flex; justify-content: center; align-items: center;
}
.screen-share-item .item-title img	{display: block; width: 16px; height: 16px;}
.screen-share-item .item-title span	{display: block; width: fit-content; max-width: calc(100% - 22px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1;}
.screen-share .btn_bottom	{margin: 0; padding-top: 20px; text-align: right;}
.screen-share .btn_bottom .buttons	{min-width: 120px;}

/* 250113 edit */
.screen-share-mode	{overflow: hidden; position: relative; width: 100%; min-width: 1024px; max-height: 100vh;}
.screen-share-mode,
.screen-share-mode .share-wrap			{background-color: rgb(243,246,251);}
.screen-share-mode.has-bg,
.screen-share-mode.has-bg .share-wrap	{background: rgb(243,246,251) url('../images/share-logo.png') no-repeat 50% 50%; background-size: 50% auto;}
.screen-share-mode				{height: 100%;}
.screen-share-mode .blind{visibility: hidden; overflow: hidden; position: absolute; top: -1px; left: -1px; width: 1px; height: 1px; font-size: 0; line-height: 0; z-index:-1;}
.screen-share-mode .ss-layer		{position: fixed; left: calc(100% - 360px + 20px); overflow: hidden; display: block; width: 16%; border-radius: clamp(8px, 1vw, 16px); background: rgba(0, 0, 0, .5); color: #fff; box-shadow: 15px 15px 30px 0px rgba(0,0,0,0.1); z-index: 10;}
.screen-share-mode .ss-layer.webcam		{min-width: 100px;}
.screen-share-mode .ss-layer.live		{bottom: 140px; min-width: 240px; padding: 20px; height: calc(100% - 140px - 240px - 40px); min-height: 180px;}
.screen-share-mode .ss-layer.webcam				{top: calc(100% - 240px - 10px); left: calc(100% - 360px + 30px);}
.screen-share-mode .ss-layer.webcam.full		{top: 0; left: 0; right: 0; width: 100%; height: 100%; border-radius: 0;}
.screen-share-mode .ss-layer.webcam:not(.full)	{aspect-ratio: 1024 / 768;}
.screen-share-mode .ss-layer.webcam.full		{width: 100%;}
.screen-share-mode				{background: #535353;}
.screen-share-mode .share-wrap	{width: 100%; height: 100%;}
.screen-share-mode .ss-layer	{width: 320px;}
.screen-share-mode .ss-layer.webcam	{min-width: revert;}
.screen-share-mode .upload-btn	{left: 50%;}
/* 250113 edit end */

.screen-share-mode .webcam .video-wrap	{width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center;
}
.screen-share-mode .webcam .video-wrap > *,
.screen-share-mode .webcam .video-wrap video	{display: block; width: 100%; max-width: 100%; object-fit: contain;}/* 240107 derek edit */

/* 241206 add */
.screen-share-mode .webcam .btn.full-webcam		{position: absolute; right: 0; top: 0; width: 40px; height: 40px;}
.screen-share-mode .webcam.full .btn.full-webcam .player-ico.arrows-out		{-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M120,144v48a8,8,0,0,1-13.66,5.66L88,179.31,53.66,213.66a8,8,0,0,1-11.32-11.32L76.69,168,58.34,149.66A8,8,0,0,1,64,136h48A8,8,0,0,1,120,144ZM213.66,42.34a8,8,0,0,0-11.32,0L168,76.69,149.66,58.34A8,8,0,0,0,136,64v48a8,8,0,0,0,8,8h48a8,8,0,0,0,5.66-13.66L179.31,88l34.35-34.34A8,8,0,0,0,213.66,42.34Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;}
/* 241206 add end */

.screen-share-mode .ss-layer-title,
.screen-share-mode .ss-layer-title > p		{display: flex; align-items: center; gap: 4px;}
.screen-share-mode .ss-layer-title			{justify-content: space-between;}
.screen-share-mode .ss-layer-title h2		{font-size: 16px;}
.screen-share-mode .ss-layer-title .player-ico	{width: 16px; height: 16px;}
.screen-share-mode .live-chat-wrap			{border: 0 none; height: calc(100% - 24px); background: revert; padding: 16px 0 0;}
.screen-share-mode .live-chat				{height: 100%; max-height: 100%;}
.screen-share-mode .live-chat .chat-box p span:nth-of-type(1)	{color: inherit;}
.upload-btn				{position: relative; display: block; width: fit-content; height: fit-content; z-index: 1;}
.upload-btn > .buttons		{display: block; width: fit-content; height: fit-content; padding: 12px 20px;}
.upload-btn .js-add-file	{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; line-height: inherit; cursor: pointer;}

/* 241218 edit */
.screen-share-mode .upload-btn				{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 100;}
.screen-share-mode .upload-btn > .buttons		{border-radius: 12px 12px 0 0;}
/*.screen-share-mode.has-video .upload-btn > .buttons		{opacity: .6;}*/
.screen-share-mode.has-video .upload-btn		{bottom: 64px;}
.screen-share-mode.has-video .upload-btn > .buttons		{opacity: .6; border-radius: 12px;}
/* 241218 edit end */

.screen-share-mode .video-container	{overflow: hidden; position: relative; width: 100%; height: auto; color: #fff; background: #000; font-family: sans-serif; font-variant-numeric: tabular-nums;
    display: flex; align-items: center; justify-content: center;
}
.screen-share-mode .video-container video {width: 100%; max-width: 100vw; min-width: 480px; max-height: 100vh;}
.screen-share-mode .video-container .custom-loader		{position: absolute; width: 50px; height: 50px; border-radius: 50%; border-top: 5px solid transparent; border-right: 5px solid #ffffff; border-left: 5px solid #ffffff; border-bottom: 5px solid #ffffff; z-index: 9999;
    animation: rotation 2s infinite linear;
    -webkit-animation: rotation 2s infinite linear;
    display: none;
}
.video-container .player-state {position: absolute; width: 100%;
    display: flex; justify-content: space-around;
}
.player-ico		{width: clamp(12px, 2.344vw, 20px); height: clamp(12px, 2.344vw, 20px); display: inline-block; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #fff;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.player-ico.play	{
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}
.player-ico.pause	{
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,48V208a16,16,0,0,1-16,16H160a16,16,0,0,1-16-16V48a16,16,0,0,1,16-16h40A16,16,0,0,1,216,48ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}
.player-ico.reset	{
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}
.player-ico.volume	{
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M160,32.25V223.69a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.57-51A4,4,0,0,1,80,176.16V79.84a4,4,0,0,1,1.55-3.15l65.57-51a8,8,0,0,1,10,.16A8.27,8.27,0,0,1,160,32.25ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80Zm126.77,20.84a8,8,0,0,0-.72,11.3,24,24,0,0,1,0,31.72,8,8,0,1,0,12,10.58,40,40,0,0,0,0-52.88A8,8,0,0,0,186.74,100.84Zm40.89-26.17a8,8,0,1,0-11.92,10.66,64,64,0,0,1,0,85.34,8,8,0,1,0,11.92,10.66,80,80,0,0,0,0-106.66Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}
.player-ico.mute	{
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M213.92,210.62a8,8,0,1,1-11.84,10.76L160,175.09v48.6a8.29,8.29,0,0,1-3.91,7.18,8,8,0,0,1-9-.56l-65.55-51A4,4,0,0,1,80,176.18V87.09L42.08,45.38A8,8,0,1,1,53.92,34.62Zm-27.21-55.46a8,8,0,0,0,11.29-.7,40,40,0,0,0,0-52.88,8,8,0,1,0-12,10.57,24,24,0,0,1,0,31.72A8,8,0,0,0,186.71,155.16Zm40.92-80.49a8,8,0,1,0-11.92,10.66,64,64,0,0,1,0,85.34,8,8,0,1,0,11.92,10.66,80,80,0,0,0,0-106.66ZM153,119.87a4,4,0,0,0,7-2.7V32.25a8.27,8.27,0,0,0-2.88-6.4,8,8,0,0,0-10-.16L103.83,59.33a4,4,0,0,0-.5,5.85ZM60,80H32A16,16,0,0,0,16,96v64a16,16,0,0,0,16,16H60a4,4,0,0,0,4-4V84A4,4,0,0,0,60,80Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}
.player-ico.arrows-out	{
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M117.66,138.34a8,8,0,0,1,0,11.32L83.31,184l18.35,18.34A8,8,0,0,1,96,216H48a8,8,0,0,1-8-8V160a8,8,0,0,1,13.66-5.66L72,172.69l34.34-34.35A8,8,0,0,1,117.66,138.34ZM208,40H160a8,8,0,0,0-5.66,13.66L172.69,72l-34.35,34.34a8,8,0,0,0,11.32,11.32L184,83.31l18.34,18.35A8,8,0,0,0,216,96V48A8,8,0,0,0,208,40Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}
.player-ico.arrows-in	{
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M120,144v48a8,8,0,0,1-13.66,5.66L88,179.31,53.66,213.66a8,8,0,0,1-11.32-11.32L76.69,168,58.34,149.66A8,8,0,0,1,64,136h48A8,8,0,0,1,120,144ZM213.66,42.34a8,8,0,0,0-11.32,0L168,76.69,149.66,58.34A8,8,0,0,0,136,64v48a8,8,0,0,0,8,8h48a8,8,0,0,0,5.66-13.66L179.31,88l34.35-34.34A8,8,0,0,0,213.66,42.34Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}
.player-ico.user	{
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M230.93,220a8,8,0,0,1-6.93,4H32a8,8,0,0,1-6.92-12c15.23-26.33,38.7-45.21,66.09-54.16a72,72,0,1,1,73.66,0c27.39,8.95,50.86,27.83,66.09,54.16A8,8,0,0,1,230.93,220Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
}
.video-container .state-btn {width: 80px; height: 80px; cursor: pointer; border-radius: 50%; background: rgba(36, 36, 36, 0.667); z-index: 9999; -webkit-tap-highlight-color: transparent; opacity: 0; user-select: none;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(0);
}
.video-container .animate-state {
    animation: playPause 0.5s forwards;
}
.video-container .show-state {opacity: 1;
    transform: scale(1);
}
.video-container .show-controls {
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
}
.video-container .controls {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5rem 1rem; background: linear-gradient(to top, #000000b8 -100%, transparent); box-sizing: border-box; opacity: 0; visibility: hidden; z-index: 99; user-select: none; -webkit-tap-highlight-color: transparent;
    transform: translateY(40px);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.video-container .duration {position: relative; width: 100%; height: 8px; background: #62626274; cursor: pointer;
    transition: all 0.2s;
}
.video-container .duration:hover {height: 12px;}
.video-container .duration .buffer {position: absolute; width: 0; height: 100%; inset: 0; background-color: #0074d445; z-index: 9;}
.video-container .hover-time {position: absolute; width: 0; height: 100%; inset: 0; background: #ffffff9a; z-index: 99;
    display: flex; align-items: center;
}
.video-container .hover-time .hover-duration {position: absolute; right: calc((-25px / 2)); top: -25px; padding: 0.2rem; background: rgba(60, 60, 60, .65); border-radius: 5px; font-size: 0.7rem; visibility: hidden; opacity: 0;
    transform: scale(0);
}
.video-container .duration:hover .hover-time .hover-duration {visibility: visible; opacity: 1;
    transition: all 0.2s;
    transform: scale(1);
}

.video-container .duration .current-time {position: absolute; width: 0; height: 100%; inset: 0; background: #0074d4; z-index: 999;
    display: flex; align-items: center;
}
.video-container .current-time::before {content: ""; position: absolute; right: calc((-25px / 2)); background: #0074d4; width: 25px; height: 25px; border-radius: 50%; transition: all 0.2s; visibility: hidden;
    transform: scale(0);
}
.video-container .duration:hover .current-time::before {visibility: visible;
    transform: scale(1);
}
.video-container .btn-controls {gap: 1rem;
    display: flex; align-items: center; justify-content: space-between;
}
.video-container .btn-con,
.video-container .duration-con,
.video-container .right-controls,
.video-container .volume {gap: .5rem;
    display: flex; align-items: center;
}
.video-container .duration-con	{width: calc(100% - 240px);}
.video-container .btn-con,
.video-container .btn-controls > span {cursor: pointer;}
.video-container .play-pause {
    display: flex;
}
.video-container .control-btn {position: relative; width: clamp(32px, 3.125vw, 48px); height: clamp(32px, 3.125vw, 48px); border-radius: 50%; background: rgba(51, 51, 51, .5); box-sizing: border-box;
    display: flex; align-items: center; justify-content: center;
}
.video-container .control-btn:hover {border: 1px solid rgba(49, 49, 49, .36);}
.video-container .control-btn::before {content: ""; position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; background: #2424246a;
    transition: all 0.1s;
    transform: scale(0);
}
.video-container .control-btn:active::before {border: 1px solid rgba(49, 49, 49, .36);
    transform: scale(1);
}
.video-container .time-container {width: 80px; font-size: 14px; line-height: 1;
    display: flex;
}
.video-container .volume			{cursor: default;}
.video-container .mute-unmute {cursor: pointer;
    display: flex;
}
.video-container .max-vol {width: 56px; height: 3px; margin: 0 6px; cursor: pointer; background: rgba(255, 255, 255, .43);
    display: flex; align-items: center;
}
.video-container .current-vol {position: relative; inset: 0; width: 20%; height: 100%; background: #fff;
    display: flex; align-items: center;
    transition: none;
}
.video-container .current-vol::before {content: ""; position: absolute; right: -5px; display: block; width: 12px; height: 12px; border-radius: 50%; background: #eee;}
.video-container.fullscreen {position: absolute !important; max-width: 100% !important; width: 100% !important; height: 100% !important; display: flex !important; background: #000 !important; align-items: center !important;}
.video-container .right-controls span {cursor: pointer;}
.video-container .full,
.video-container .contract {display: none;}
.video-container:not(.fullscreen) .full,
.video-container.fullscreen .contract {
    display: flex;
}
@keyframes playPause {
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* // 241120 add */

/*#cameraview {*/
/*    width: 100%; !* div 너비에 맞춤 *!*/
/*    height: 100%; !* div 높이에 맞춤 *!*/
/*    object-fit: cover; !* 비율을 유지하며 div를 꽉 채움 *!*/
/*    position: absolute;*/
/*}*/

/*.image-preview {*/
/*    display: block;*/
/*    position: fixed;*/
/*    top: 0; !* 초기 위치 설정 *!*/
/*    left: 0; !* 초기 위치 설정 *!*/
/*    width: 400px;*/
/*    height: 400px;*/
/*    border: 1px solid #000;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*}*/

.upload_wrap{width: 100%; text-align: left; white-space: nowrap;}/* 250217 preview Img*/

.upload_wrap .upload_list{padding-top: 35px;}
.upload_wrap .upload_list{position: relative;
    /*padding-top: 35px;*/
    padding-bottom: 20px;
    font-size: 0;
    overflow-x: auto;
    overflow-y: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;}

.upload_wrap{/*overflow-y: auto;*/}/* 250214 preview Img*/
.upload_wrap .upload_list + div{margin-top: 10px; width: 100%; overflow: auto;}/* 250217 preview Img*/