@charset "utf-8";

/* ----------------------------------------
 * Created : 2018 v01
 	최신수정 jw 202102
 --------------------------------------- */

/* 폰트 컬러 */
.col_red{color:#ed1c24;}
.col_blue{color:#009fd9;}
.f_red{color:#e70000 !important;}
.f_red{color:#ed1c24 !important;}
.f_blue{color:#009fd9 !important;}
.f_black{color:#37343f !important;}
.f_col0{color:#fff !important;}
.f_col1{color:#1b976a !important;}
.f_col2{color:#1d9fd5 !important;}
.f_col3{color:#00b99e !important;}
.f_col4{color:#ffa025 !important;}
.f_col5{color:#f8735e !important;}
.f_col6{color:#626eda !important;}
.f_col7{color:#cf3737 !important;}
.f_col8{color:#3fb98f !important;}
.f_col9{color:#9e9e9e !important;}
.f_bg_col1{background-color:#1b976a;}
.f_bg_col2{background-color:#1d9fd5;}
.f_bg_col3{background-color:#00b99e;}
.f_bg_col4{background-color:#ffa025;}
.f_bg_col5{background-color:#f8735e;}
.f_bg_col6{background-color:#626eda;}



/*제이쿼리 달력*/
.ui-datepicker.ui-widget.ui-widget-content{border:1px solid #c5c5c5;}
.ui-datepicker .ui-datepicker-title select{height:24px;margin:0;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{vertical-align: middle;margin-left:5px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:4px;}
.ui-datepicker-prev{border:none;}
.ui-datepicker-prev:hover{border:none;}
.ui-datepicker-next{border:none;}
.ui-datepicker-next:hover{border:none;}
.ui-datepicker-calendar th:first-child{color:#ff4e00;}
.ui-datepicker-calendar th:last-child{color:#1c86c3;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:42%;line-height: 24px;}

/* 팝업 */
.ui-widget.ui-widget-content{position:fixed;max-width:96%;padding:0;border:none;}
.ui-widget.ui-widget-content{}
.ui-dialog .ui-dialog-content{max-height: calc(100vh - 200px) !important; overflow-y: auto;}
.dialog_wrap{padding:10px;border:1px solid #ccc;}
.popup_bg{overflow:hidden; position:fixed; top:0px; left:0px; bottom:0; right:0; z-index:49; background:#000; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}
.ui-dialog .ui-dialog-titlebar{padding: 20px 20px;background: #24aa98;border-bottom: 1px solid #e8e8e8;}
.ui-dialog .ui-dialog-title{font-size:18px;font-weight:400;color:#fff;margin:0;}
.ui-dialog .ui-dialog-buttonpane{text-align: center;padding:10px 10px 20px;border:none;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none;min-width:90px;}
.ui-widget .ui-widget{font-size:13px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{}
.ui-dialog .ui-dialog-buttonpane button{background:#ffffff;font-size:16px; border:1px solid #323942;font-weight:400;color:#37343f;margin:0 0 0 20px;border-radius:3px;}
.ui-dialog .ui-dialog-buttonpane button:first-child{margin-left:0;}
.ui-dialog .ui-dialog-buttonpane button.col02{background:#009fd9;color:#fff;border:1px solid #009fd9;}
.ui-dialog .ui-dialog-buttonpane button.col03{background:#8d9caf;color:#fff;border:1px solid #8d9caf;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius:0;}
.ui-button.ui-corner-all{display:inline-block;padding:12.5px 5px; text-align:center;line-height:1;color: #fff;background: #ffffff;border: 1px solid #323942;background: ;}
.ui-dialog .ui-dialog-titlebar-close{ height:23px;width:23px;min-width:23px;right:20px;margin: -11.5px 0 0 0;background:url('images/common/pop_close.png') no-repeat center center;border:none;text-indent: -9999em;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{display: none;}

.ui-widget-header{border:none;}
.ui-dialog .ui-dialog-content{padding:20px 20px 20px 20px;}
.ui-widget-overlay{position:fixed !important; background:#000 !important; opacity:0.8;}
.ui-dialog-buttonset .ui-button{min-width:90px;}
.ui-dialog textarea{min-height:80px;}
.ui-dialog .table_wrap table tbody td .td_box{min-height:80px;}
.ui-dialog .table.t_input .file_input_textbox{width:288px;}
.ui-dialog  .search_form select{min-width:100px;}
.ui-dialog .ui-dialog-titlebar-close{text-indent: -9999em;text-align: left;overflow: hidden;}
.popOn header,.popOn .container,.popOn footer{filter: blur(4px);}

/* datepicker */
.ui-datepicker{width:240px;}
.ui-datepicker .ui-datepicker-header{padding:0;}
.ui-datepicker.ui-widget.ui-widget-content{border:1px solid #dfe2e5;margin:0;}
.ui-datepicker-header{background: #24aa98;color:#fff;}
.ui-datepicker .ui-datepicker-title{height:42px;line-height:42px;font-size:16px;font-weight:400;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:8px;width:25px;height:25px;}
.ui-datepicker .ui-datepicker-prev span{background: url('images/common/datepicker_left.png') no-repeat center center;}
.ui-datepicker .ui-datepicker-next span{background: url('images/common/datepicker_right.png') no-repeat center center;}
.ui-datepicker-calendar{padding:5px;}
.ui-datepicker .ui-widget-content .ui-state-default{border:none;background: none;text-align: center;width:25px;height:25px;line-height:25px;padding:0;color:#354052;border-radius:3px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{border:1px solid #d7d7d7;border-radius:3px;}
.ui-state-active, .ui-widget-content .ui-state-active{background:#1c93ed;border:1px solid #1c93ed;color:#fff;}
.ui-datepicker .ui-widget-content .ui-state-default{border:none;background: none;text-align: center;width:25px;margin: 0 auto;height:25px;line-height:25px;padding:0;color:#354052;border-radius:3px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{border:1px solid #d7d7d7;border-radius:3px;}
.ui-state-active, .ui-widget-content .ui-state-active{background:#1c93ed;border:1px solid #1c93ed;color:#fff;}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default{border:none;background: none;text-align: center;width:25px;margin: 0 auto;height:25px;line-height:25px;padding:0;color:#354052;border-radius:3px;}
.ui-datepicker  .ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-highlight{border:1px solid #d7d7d7;border-radius:3px;}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active{background:#1c93ed;border:1px solid #1c93ed;color:#fff;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{opacity:1; font-weight: bold; color: #37343f;    width: 50px;border:1px solid #000;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{    width: 50px;border:1px solid #000;}
.ui_tpicker_hour_slider .ui-state-default{width:50px;border:1px solid #000;}
.ui_tpicker_minute_slider .ui-state-default{width:50px;border:1px solid #000;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del {    font-size: 16px;    min-width: 80px;    font-family:'Noto Sans';    font-weight: 400;background:#fff; border:1px solid #f14c20;color:#ed1c24;padding: 11px 5px 11px;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del  span{padding:0;line-height: 1;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close  {    font-size: 16px;    min-width: 80px;    font-family:'Noto Sans';    font-weight: 400;background:#fff; border:1px solid #323942;color:#323942;padding: 11px 5px 11px;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close   span{padding:0;line-height: 1;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf {    font-size: 16px;    min-width: 80px;    font-family:'Noto Sans';    font-weight: 400;background:#009fd9; border:1px solid #009fd9;color:#fff;padding: 11px 5px 11px;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf  span{padding:0;line-height: 1;}



/* cke_chrome */
.table_wrap table.t_view tbody td.td_input0 .cke_chrome{border:none !important;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow: hidden;}

/* 좋아요 버튼 */
.btn_like {float:right; padding-top:20px;}
.btn_like .btn01 {display:block; min-width:auto; padding:0 14px;}
.btn_like .btn01 span {display:block; line-height:34px; padding-left:40px; font-size:16px; color:#4d4c7d; font-weight:600;}
.btn_like .btn01.off span {background:url('images/common/btn/btn_like_off.png') left center no-repeat; background-size:26px;}
.btn_like .btn01.on span {background:url('images/common/btn/btn_like_on.png') left center no-repeat; background-size:26px;}

/* sns 공유  */
.sns_wrap{clear: both;overflow: hidden;padding-top:20px;transition:all 0.5s ease;}
.sns_wrap div {float: right;transition:all 0.5s ease;}
.sns_wrap ul{float: right;transition:all 0.5s ease;}
.sns_wrap ul li{display:inline-block;transition:all 0.5s ease;}
.sns_wrap ul li + li{margin-left:5px;}
.sns_wrap ul li a{display: block;width:32px;height:32px;text-indent: -9999em;border-radius: 3px 3px 3px 3px;}
.sns_wrap ul li a.sns00{background: url('images/common/sns_share.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns01{background: url('images/common/sns_facebook.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns02{background: url('images/common/sns_twitter.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns03{background: url('images/common/sns_instagram.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns04{background: url('images/common/sns_naver.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns05{background: url('images/common/sns_band.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns06{background: url('images/common/sns_line.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns07{background: url('images/common/sns_kakaotalk.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns08{background: url('images/common/sns_kakaostory.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns09{background: url('images/common/sns_google_plus.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns10{background: url('images/common/sns_linkedin.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap ul li a.sns11{background: url('images/common/sns_youtube.png') no-repeat 50% 50%;background-size:100% 100%;}
.sns_wrap img {width: 30px;height: 30px;}
.sns_wrap {float: right}
.sns_wrap:after {content: "";display: block;clear: both}
.sns_wrap li {display: inline-block;vertical-align: top;margin-left: 5px;float: right}


/* 스크랩  */
.bookmark_sub{position: absolute;top: 0;right: 0;display: block;width: 24px;height: 24px;text-align: center;background: #f4f4f4;border: 1px solid #cccccc;transition: all 0.5s ease;}
.bookmark_sub a{display: block;width: 100%;height: 100%;background: url(images/common/ic_bookmark3.png) no-repeat 50% 50%;text-indent: -9999em;transition: all 0.5s ease;}
.bookmark_sub.on a{background: url(images/common/ic_bookmark4.png) no-repeat 50% 50%;transform: rotate(360deg);opacity: 1;}
.scoreboard_wrap{position:relative; padding:20px 10px;margin-bottom:20px; text-align: center;border:1px solid #298686;}
.scoreboard_wrap ul{position:relative; display:flex;clear: both;overflow: hidden;text-align: center;z-index:1;}
.scoreboard_wrap ul li{position:relative; display: inline-block;flex:1; padding:0 20px;font-size: 18px;}
.scoreboard_wrap ul li + li{border-left:1px solid #ccc;}
.scoreboard_wrap ul li dl{position: relative;z-index: 1}
.scoreboard_wrap ul li dt{font-weight: 600;padding-top:40px;background: url(images/common/medal_.png) no-repeat 50% 00%;}
.scoreboard_wrap ul li dd{padding-top:10px;}
.scoreboard_wrap .btn01.col02{margin-top:20px;width:100%;background: #298686;border:1px solid #298686}

/* 공지사항 */
.table_wrap table tbody tr.topNotice td{background:#f2f2f2;}
.table_wrap table tbody tr.topNotice td.noti_txt span{font-size: 14px;background:#e3376e;border-radius: 3px;padding:3px 10px;color: #fff;}
.table_wrap table tbody tr.topNotice td:nth-child(2) a{font-weight:600;border-bottom:1px solid #e3376e;color:#e3376e;}
/* tab style */
.tabType01 {width:100%;margin-bottom:30px;padding-bottom:0; overflow: hidden;}
.tabType01 ul{display:block; clear:both;}
.tabType01 ul li {display: table; float:left; text-align:center;box-sizing:border-box;}
.tabType01 ul li.li2 li{width:50%;}
.tabType01 ul li.li3 li{width:33.3333%;}
.tabType01 ul li.li4 li{width:25%;}
.tabType01 ul li.li5 li{width:20%;}
.tabType01 ul li:LAST-CHILD{margin-right:0;}
.tabType01 ul li a{display:table-cell; margin-left:-2px; height:40px; vertical-align:middle;padding:0 30px; color:#fff; font-size:14px;font-weight:600; background: #afb8c0; transition:all 0.5s ease;}
.tabType01 ul li.on a {background: #d91f26;}
.tabType01.li2 ul li{width:50%;}
.tabType01.li3 ul li{width:33.3333%;}
.tabType01.li4 ul li{width:25%;}
.tabType01.li5 ul li{width:20%;}
.tabType01.li6 ul li{width:16.66666%;}
.tabType01 + .tabType01{border-radius: 0;}
.tabType01 + .tabType01 ul li a{height:40px;background:#fff;border: 1px solid #dfdfdf;color:#afb8c0;}
.tabType01 + .tabType01 ul li.on a{background: #fff;color:#a40f15;border: 1px solid #a40f15;}

/* 탭 */
.tab_type1{width:100%;margin-bottom:20px;overflow:visible; text-align:center}
.tab_type1:after{content:"";display:block;clear:both}
.tab_type1.li1 li{width:100%;}
.tab_type1.li2 li{width:50%;}
.tab_type1.li3 li{width:33.333%;}
.tab_type1.li4 li{width:25%;}
.tab_type1.li5 li{width:20%;}
.tab_type1.li6 li{width:16.666%;}
.tab_type1.li7 li{width:14.285%;}
.tab_type1.li8 li{width:12.5%;}
.tab_type1.li9 li{width:12.5%;}
.tab_type1.li10 li{width:12.5%;}
.tab_type1.li11 li{width:12.5%;}
.tab_type1.li12 li{width:12.5%;}
.tab_type1 li{display:inline-block; float:left;box-sizing:border-box;background: #fff;color:#333333;border:1px solid #e4e8eb;border-left:1px solid #e4e8eb;border-right:1px solid #e4e8eb;}
.tab_type1 li a{height: 40px;margin-left:0; display: block;border-radius: 0;font-size: 14px; font-weight: 600;}
.tab_type1 li.on{border:1px solid #179feb;border-left:1px solid #179feb;border-right:1px solid #179feb;}
.tab_type1 li.on a{color:#179feb;}
.tab_type1 li a span{display: table;height: 100%;width:100%;text-align: center;padding: 0 12px;}
.tab_type1 li a span em{display: table-cell;vertical-align: middle;}
.tab_type1 li + li{border-left:0}

.tab_cont {display:none;}
.tab_type2 .ui-widget-header{background-color: #fff;}
.tab_type2.ui-tabs .ui-tabs-nav li{margin:0;border:none;font-size: 14px;}
.tab_type2.ui-tabs .ui-tabs-nav li.ui-tabs-active{padding-bottom:0;}
.tab_type2.ui-tabs .ui-tabs-nav{padding:0;}
.tab_type2.ui-tabs .ui-tabs-nav .ui-tabs-anchor{}
.tab_type2 .ui-state-active,
.tab_type2 .ui-widget-content .ui-state-active{padding:0 10px;    text-align: center;font-size: 16px;color: #fff;border: 1px solid #24aa98;font-weight: 400;background: #24aa98;}
.tab_type2.ui-tabs .ui-tabs-panel{padding:10px;min-height:200px;border:1px solid #ccc;}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:active{border:none;}

/*가이드 박스*/
.guide_wrap + .tab_wrap{padding-top:30px;}
.table_wrap + .guide_wrap{margin-top:30px;}

.guide_wrap{position:relative; border:1px solid #e1e1e1;background: #fafafa;padding:20px 30px;;margin-bottom: 30px;}
.guide_wrap > ul > li{padding-top:10px;font-size: 14px;line-height: 1.4em;letter-spacing: -0.3px;padding-left: 10px;text-indent: -10px;}
.guide_wrap > ul > li:first-child{padding-top: 0;}
.guide_wrap > ul > li:before{display: inline-block;vertical-align: top;margin-top:8px; margin-right:5px; width:5px;height:5px;content: "";background:#666666;border-radius:3px;}
.guide_wrap.btn_w > ul > li{width:85%;}
.guide_wrap.btn_w .btn01{position: absolute; top:50%;right:20px;margin-top:-18px;}

.guide_wrap > ul{clear:both;overflow:hidden;}
.guide_wrap >  ul > li ul{padding-top:5px;}
.guide_wrap >  ul > li ul li{padding-top:5px;padding-left:10px;}
.guide_wrap.bgno > ul > li{background: none;padding-left:0;padding-top:0;}
.guide_wrap.type2{padding:20px;}
.guide_wrap.type2 > ul > li{padding-left:0;}
.guide_wrap.type2 > ul > li:before{display: inline-block;vertical-align: text-top;margin-top:7px; margin-right:8px; width:3px;height:3px;content: "";background:#d81f25;}
.guide_wrap.type2 > ul > li:first-child{ background: none;}
.guide_wrap.type2 > ul > li:LAST-CHILD{padding-bottom:0;}
.guide_wrap.type2 .btn01{font-size: 14px;padding: 6px 10px;margin-top: -14px;}




/* 파일추가 스타일 */
.file_style{clear:both;overflow:hidden;}
.table .file_input_textbox{float: left; width:485px;}
.file_style  .file_input_textbox{float: left; width:288px;}
.file_input_div{position: relative;width: 90px;height: 40px;overflow: hidden; float:left;}
.file_input_div input{height:40px;}
.file_input_button{width: 90px;display:block;position: absolute;top: 0px;left:-1px; background:#fff;border:1px solid #c1c7d5; padding:9px 0; text-align:center;  font-size:15px; }
.file_input_div.type2 {width:90px;}
.file_input_div.type2 .file_input_button{background:#50575f;text-align:left;}
.file_input_hidden{font-size: 45px;position: absolute;right: 0px;top: 0px;opacity: 0; filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;}
.file_input_div + .btn01{margin-left:10px;font-size: 14px;padding: 12px 5px;min-width: 89px;font-weight: 400;}
.file_style .sub_text{display: inline-block; padding-left:10px;padding-top:8px;}
.file_input{position: relative;overflow: hidden;}
.file_input .file_img{display: inline-block;}
.file_input input[type='file']{position: absolute;top:0;left:0;width:94px;min-width:94px; height:27px; opacity: 0;}
.file_input label{height:36px;line-height:36px;padding:0 10px;width:calc(100% - 150px);;border:1px solid #ccc;display: inline-block;    vertical-align: top;}





/* 파일리스트 */
.file_list_view {clear:both; padding:15px 0 5px 0; width:775px;}
.file_list_view ul li{padding:13px 22px 13px 18px; background:#f6f6f7;}
.file_list_view ul li:after{content:''; display:block; clear:both;}
.file_list_view ul li .name {float:left; font-size:14px; color:#222222}
.file_list_view ul li .del {float:right; padding-left:15px;font-size:14px; color:#787878}
.file_list_view ul li:nth-child(2n) {background:#fff;}

/*테이블 파일 리스트*/
.ul_file{}
.ul_file li{display: block;padding-top:5px;}
.ul_file li:first-child{padding-top:0;}
.ul_file li a{padding-right:15px;color:#666;text-decoration:underline; background: url('images/common/ic_flie.gif') no-repeat right center;}
.ul_file.btn_del{padding-top:5px;}
.ul_file.btn_del li{display: block;padding-top:5px;}
.ul_file.btn_del li:first-child{padding-top:0;}
.ul_file.btn_del li a{margin-right:10px;padding-right:0;background:none;}
.ul_file.btn_del li a.btn_del{display: inline-block;vertical-align: middle; padding-right:0;width:13px;height:13px;text-indent: -9999em;background: url('images/common/ic_del.gif') no-repeat center center;}

/* 달력 */
/* input[type="text"].hasDatepicker{width:130px !important;} */
.hasDatepicker + .hasDatepicker{margin-left:0;}
input[type='text'].hasDatepicker{padding:0 10px 0 30px; width:140px; background:#fff url('images/common/icon_date.png') no-repeat 5px 50%;}
.hasDatetimepicker.hasDatepicker{width:185px;}
.hasTimepicker{text-align: center;}
input[type='text'].hasDatepicker:focus{background:#fbfae7 url('images/common/icon_date.png') no-repeat 5px 50%;}

/* 댓글 */
#globalComment {clear:both;}
.reply_wrap{}
.reply_wrap .reply_num_ {color:#d91f26;padding-top:20px;padding-bottom:20px;}
.reply_wrap .reply_num_ span{color:#d91f26;font-weight: 600;}
.reply_writing_w{position: relative;height:auto;;box-sizing:border-box; padding:25px;margin-bottom:25px; border-top:none; border-bottom:none;line-height:1;background:#fafafa;}
.reply_writing_w .reply_{width:calc(100% - 105px); height:88px;min-height:88px;}
.reply_writing_w .btn01{position: absolute;top:25px;right:25px;height:88px;line-height:88px;padding:0;width:100px;}
.reply_box{padding:15px 30px;border-top:none;background: #fafafa;}
.reply_box .reply_box{padding:10px 0 10px 20px;border-top:none;background: #fafafa;}
.reply_box .reply_top{padding-bottom:15px;clear:both;overflow:hidden;}
.reply_box .reply_top .reply_name{float:left;color:#333333;font-size:15px;padding-top: 5px;font-weight: 600;}
.reply_box .reply_top .reply_name .reply_num{text-indent: -9999em;display: inline-block;}
.reply_box .reply_top .reply_name .reply_num.num1{width:15px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num2{width:30px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num3{width:45px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num4{width:60px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num5{width:75px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num6{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num7{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num8{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num9{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_num.num10{width:90px;background:url('images/common/reply00.png') repeat-x 0 3px;}
.reply_box .reply_top .reply_name .reply_date{display: inline-block;padding-left:10px;margin-left:10px; color:#999999;font-size:14px;border-left:1px solid #dcdcdc;}
.reply_box .reply_top .reply_btn{float:right;padding-top:0;}
.reply_box .reply_top .reply_btn li{padding-left:0;padding-right:0;display: inline-block;}
.reply_box .reply_top .reply_btn li:first-child{background:none;}
.reply_box .reply_top .reply_btn li:last-child{padding-right:0;}
.reply_box .reply_top .reply_btn li a{display: inline-block;}
.reply_box .reply_top .reply_btn li + li{margin-left:5px;}
.reply_box .reply_top .reply_btn li .re_re{padding-left:0;color: #fff; background: #d81f25;border: 1px solid #d81f25;}
.reply_box .reply_top .reply_btn li .re_mod{padding-left:0;color: #fff;background: #848c93;border: 1px solid #848c93;}
.reply_box .reply_top .reply_btn li .re_del{padding-left:0; color: #fff;background: #afb8c0;border: 1px solid #afb8c0;}
.reply_box .reply_top .reply_btn li a span{display: block;font-size:14px; padding:5px 9px !important;border-radius: 3px;}
.reply_box + .reply_writing_w{border-top:none;}
.reply_box + .reply_box{border-top:1px dashed #e6e6e6;}
.reply_box .reply_con{line-height:1.5em;padding-bottom:0;font-size:15px;color:#666666;}
.reply_box .re_reply_mod_w{position:relative;}
.reply_box .re_reply_mod_w .reply_{width:690px;height:90px;min-height:90px;}
.reply_box .re_reply_mod_w .btn01.col01{position: absolute;top:0;right:0;width:151px;height:43px;line-height:43px;padding:0;}
.reply_box .re_reply_mod_w .btn01.col03{position: absolute;top:47px;right:0;width:151px;height:43px;line-height:43px;padding:0;}
.reply_box .re_reply_mod_w .re_bytes{padding-top:10px;width:690px;text-align: right;color:#a4a4a4;}
.reply_box .re_reply_mod_w .re_bytes span{color:#000;}
.reply_box.re_reply{background:#fafafa}
.reply_box.re_reply:FIRST-CHILD{border-top:1px solid #d8d8d8;}
.reply_box.re_reply .reply_top{/* padding-left:28px;background:url('images/common/reply00.png') no-repeat 0 3px; */}
.reply_box.re_reply .reply_con{padding-left:20px; }
.reply_box.re_reply .reply_con a{white-space: pre-wrap;}
.reply_box.re_reply .re_bytes{padding-top:10px;width:calc(100% - 105px);text-align: right;color:#a4a4a4;}
.reply_box.re_reply .re_bytes span{color:#000;}
.reply_box.re_reply .re_reply_mod_w{position: relative;width:100%;margin-top:30px;padding:33px 0 0 28px;border-top:1px dashed #e3e3e3;}
.reply_box.re_reply .re_reply_mod_w .reply_{width:calc(100% - 105px);;height:90px;min-height:90px;}
.reply_box.re_reply .re_reply_mod_w .btn01.col02{position: absolute;top:33px;right:0;width:100px;height:43px;line-height:43px;padding:0;}
.reply_box.re_reply .re_reply_mod_w .btn01.col03{position: absolute;top:80px;right:0;width:100px;height:43px;line-height:43px;padding:0;}
.reply_box.re_reply .re_reply_writing_w{position: relative;width:100%;padding:0 0 0 28px;background:url('images/common/re_ic.png') no-repeat 0 3px;}
.reply_box.re_reply .re_reply_writing_w .reply_{width:calc(100% - 105px);height:90px;min-height:90px;}
.reply_box.re_reply .re_reply_writing_w .btn01.col02{position: absolute;top:0;right:0;width:100px;height:43px;line-height:43px;padding:0;}
.reply_box.re_reply .re_reply_writing_w .btn01.col03{position: absolute;top:47px;right:0;width:100px;height:43px;line-height:43px;padding:0;}
.reply_box .re_more{color:#000;font-size:14px;padding-top:10px;}
.reply_box .re_more > a{display:inline-block;text-align: center;color:#065fd4;padding-left:20px;margin-bottom:10px; background:url('images/common/re_ic02.png') no-repeat 0 center;background-size:10px auto;}
.reply_box .re_more > a.on{background:url('images/common/re_ic01.png') no-repeat 0 center;background-size:10px auto;}





/* 슬라이드*/
.swiper-container{height:200px;}
.swiper-container .swiper-slide{height:150px;border:1px solid #ccc;text-align: center;font-size: 18px;background: #fff;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center;        -ms-flex-pack: center;        -webkit-justify-content: center;justify-content: center; -webkit-box-align: center;        -ms-flex-align: center;        -webkit-align-items: center;align-items: center;}



/* ul정렬*/
.ul_list{clear: both;overflow: hidden;}
.ul_list li{display:inline-block;padding:4px 0;padding-right:10px;vertical-align:middle}
.ul_list li:LAST-CHILD{padding-right:0;}
.ul_list2{clear: both;overflow: hidden;}
.ul_list2 li{display:block;padding-top:5px;}
.ul_list2 li:FIRST-CHILD{padding-top:0;}
.ul_list2 li dl{}
.ul_list2 li dt{display:inline-block;}
.ul_list2 li dd{display:inline-block;}
.ul_list2.w2 li{}
.ul_list2.w2 li{width:50%;float:left;padding-bottom:10px;padding-top:0;}
.ul_list2.w2 li:nth-last-child(1){padding-bottom:0;}
.ul_list2.w2 li:nth-last-child(2){padding-bottom:0;}

.ul_list2.label_pop li{padding-left:88px;text-indent: -88px;line-height: 1.6em;}
.ul_list2.label_pop li .cou_label{text-indent:0;line-height: 1;}

.clear{clear: both;overflow: hidden;}
.f_left{float: left !important;}
.f_right{float: right !important;}
.t_left{text-align: left !important;}
.t_center{text-align: center !important;}
.t_right{text-align: right !important;}
.ul_inblock li{display: inline-block;padding-right:20px;}
.ul_inblock li:last-child{padding-right:0;}
.ul_block li{display:block;padding-top:10px;}
.ul_block li:first-child{padding-top:0;}
.ul_block.li2 li{display:block;padding-right:20px;float:left;}
.ul_block2{clear: both;overflow: hidden;}
.ul_block2 li{display:block;float:left; padding-top:10px;}
.ul_block2.li2 li{width:50%;}
.ul_block2.li3 li{width:33.3333%;}
.ul_block2.li4 li{width:25%;}
.ul_block2.li5 li{width:20%;}
.ul_inblock +.ul_inblock {padding-top:10px;}

/* 개인정보동의박스 */
.terms_wrap{padding-top:40px;padding-bottom:30px;}
.terms_wrap .terms_title{ padding-bottom:20px;color:#333333;font-size:16px;font-weight:600;}
.terms_wrap .terms_box{padding:26px;line-height: 1.4em;border:1px solid #e1e1e1;background:#fafafa; }
.terms_wrap .terms_chk{padding-top:10px;text-align: right;color:#333333;line-height: 1.2em;}
.terms_wrap .terms_chk.type2{position:relative; padding:15px 26px;text-align: left;color:#333333;line-height: 1.2em;background:#fafafa;border:1px solid #e1e1e1;border-top:none;}
.terms_wrap .terms_chk.type2 .btn01{position:absolute;top:50%;margin-top:-14px;right:26px; padding:4px 9px;font-size:14px;}


/* 페이징 */
.tab_bottom{padding-top:20px;clear: both;overflow: hidden;}
.tab_bottom p{color:#666666;}
.tab_bottom p span{display: inline-block;color:#333333;font-size:15px;font-weight: 600;line-height: 1;}
.tab_bottom + .table_wrap{margin-top:50px;}

.m_btn_wrap{display: none;padding-top:10px;transition:all 0.5s ease;}
.m_btn_wrap .btn01{display:block; width:100%;}



/* Vue.js 관련 */
[v-cloak] { display: none; }



/* 메뉴관리 */
.menu_wrap{clear:both;overflow:hidden;}
.menu_wrap .menu_left{float:left;width:45%;}
.menu_wrap .menu_left .btn_wrap_{padding-bottom:10px;}
.menu_wrap .menu_left .btn01{min-width:130px;}
.menu_wrap .menu_left .menu_ul_list_w{max-height:655px;background:#f1f1f1;padding:20px;min-height:655px;overflow-y:scroll;  }
.menu_ul_list_w{}
.menu_ul_list_w li > ol > li .menu_box{border: 1px solid #cacacc;border-left: 2px solid #707070;}
.menu_ul_list_w li > ol > li .menu_box.on{border: 1px solid #707070;border-left: 2px solid #707070;}
.menu_ul_list_w li > ol > li > ol > li .menu_box{border: 1px solid #cacacc;border-left: 2px solid #cccccc;}
.menu_ul_list_w li > ol > li > ol > li .menu_box.on{border: 1px solid #cccccc;border-left: 2px solid #cccccc;}
.menu_ul_list_w .placeholder{height:45px !important;display: block;background: #feffd4;}
.menu_ul_list_w ol li .placeholder{margin-left: 20px;}
.menu_ul_list_w li .menu_box{min-height:45px;padding-top:15px;padding-bottom:15px;margin-bottom:5px;padding-left:15px;padding-right:15px;border:1px solid #cacacc;border-left:2px solid #000;background: #fff;cursor:pointer;}
.menu_ul_list_w li .menu_box.on{border:1px solid #000;border-left:2px solid #000;}
.menu_ul_list_w li .menu_box{clear:both;overflow:hidden;}
.menu_ul_list_w li .menu_box a.sortTitAc{float:left;width:62%;h}
.menu_ul_list_w li .menu_box .right_btn_w{float:right;}
.menu_ul_list_w li .menu_box .right_btn_w li{display: inline-block;}
.menu_wrap .menu_btn01{display: inline-block;margin-right:5px;width:15px;height:15px;text-indent: -9999em;background:url('images/common/menu_btn01.png') no-repeat center center;}
.menu_wrap .menu_btn02{display: inline-block;margin-right:5px;width:15px;height:15px;text-indent: -9999em;background:url('images/common/menu_btn02.png') no-repeat center center;}
.menu_wrap .menu_btn03{display: inline-block;margin-right:5px;width:15px;height:15px;text-indent: -9999em;background:url('images/common/menu_btn03.png') no-repeat center center;}
.menu_wrap .menu_btn04{display: inline-block;margin-right:5px;width:15px;height:15px;text-indent: -9999em;background:url('images/common/menu_btn04.png') no-repeat center center;}
.menu_wrap .menu_btn05{display: inline-block;margin-right:5px;width:15px;height:15px;text-indent: -9999em;background:url('images/common/menu_btn05.png') no-repeat center center;}
.menu_wrap span.menu_btn02{margin-right:0px;height:18px;}
.menu_wrap span.menu_btn03{margin-right:0px;height:18px;}
.menu_wrap span.menu_btn04{margin-right:0px;height:18px;}
.menu_wrap span.menu_btn05{margin-right:0px;height:18px;}

.menu_ul_list_w li > ol > li{padding-left:20px;background:url('images/common/reply00.png') no-repeat 0 10px;}
.menu_ul_list_w li ol li .menu_box{}
.menu_ul_list_w li ol > li >ol > li .menu_btn02,
#cousDrctDtyMngtBasLayout li ol > li .menu_btn02{display: none;}
.menu_ul_list_w li ol > li{display: none;}
.menu_wrap .menu_right{position: relative;float:right;width:53%;min-height:655px;margin-top:46px;  padding-bottom:20px; border-top: 1px solid #c3c3c3;border-bottom: 1px solid #c3c3c3;}
.menu_wrap .menu_right .radio_list li{padding-bottom:15px;}
.menu_wrap .menu_right .radio_list li:last-child{padding-bottom:0;}
.menu_wrap .menu_right .checkbox_list{padding-top:5px;}
.menu_wrap .menu_right .checkbox_list li{display: inline-block;padding-bottom:5px;}
.menu_wrap .menu_right .guide_text{position: absolute;top:50%;left:50%;margin-top:-130px;margin-left:-250px; width:500px;min-height:250px;padding:50px 45px;border:1px solid #cacacc}
.menu_wrap .menu_right .guide_text .text01{color:#000; font-size:15px;padding-bottom:20px;}
.menu_wrap .menu_right .guide_text .text02{color:#67666c;line-height:1.6em;}
.menu_wrap .menu_right .tableType04{border-top:none;}

/* 설문 */
.survey{margin-top:10px;}
.survey_wrap{padding:30px 20px;}
.survey .survey_box{padding:25px; border:1px solid #ebebeb;}
.survey .survey_box +.survey_box{margin-top:10px;}
.survey .survey_box .title{padding-bottom:20px;font-weight: 600;text-indent: -64px;padding-left:64px;}
.survey .survey_box .title span{display:inline-block; color:#fff;padding:4px 8px;    width: 62px;text-align:center; font-size:14px; background:#d81f25;border-radius: 10px;text-indent: 0;}
.survey .survey_box .survey_con{padding-left:65px;}
.survey .survey_box .img_w{}
.survey .survey_box .img_w img{max-width:300px;max-height:300px;margin-bottom:10px;}
.survey .survey_box .survey_file{padding-top:10px;}
.survey .survey_box .survey_file .ul_file li a{padding-left:30px;background: url('images/common/icon_file.png') no-repeat 0 0;border-bottom: none;}
.survey .survey_box .survey_file .ul_file li{padding-top:10px;}
.survey .survey_box .survey_file .ul_file li:FIRST-CHILD{padding-top:0;}
.survey .survey_box .ul_inblock li{padding-bottom:10px;}
.survey .survey_box .guide_test{padding-left:30px;line-height:1.5em; background: url('images/common/ic_guide.png') no-repeat 0 0;}
.survey .survey_box .check{overflow: inherit;height: auto;line-height: 1.4em;}
.survey .survey_box .check .ico{height: 22px;}
.survey .survey_box .check .txt{height: auto;line-height: 1.4em;}
.survey .survey_box .radio{overflow: inherit;height: auto;line-height: 1.4em;}
.survey .survey_box .radio .ico{height: 22px;}
.survey .survey_box .radio .txt{height: auto;line-height: 1.4em;}


/* 설문통계 */
.h_graph dl { padding-left: 20px; position: relative; }
.h_graph .g_term { width: 30%; line-height: 1.5; position: relative; }
.h_graph .g_term .survey_head { display: inline-block; margin-left: -20px; width: 20px; }
.h_graph dl + dl { margin-top: 18px; }
.h_graph dl dd { width: 65%; height: 15px; position: absolute; right: 0; top: 50%; margin-top: -6px; background:#fff;}
.h_graph .g_bar{display:inline-block;position:relative;height:15px;background:#d91f26;position:relative;}
.h_graph .g_bar:after { display: block; width: 100%; height: 50%;content:"";background:#d91f26; position:absolute;left:0;bottom:0;}
.h_graph .g_bar span{position:absolute;top:0;right:0;padding-right: 5px;color:#fff;height:15px;line-height:15px;text-align:right;z-index:1;}
.h_graph .g_bar span{display: inline-block; color:#222; text-align: left; font-weight: bold; left: 0px; margin-right: 10px; padding-left: 10px; width: 100px;}
.h_graph.text_view dl dd { background:none;}

/*  */
.common_upload_wrap{text-align: left;}
.common_upload_wrap .sub_text{padding-top:20px;}
.common_upload_wrap .sub_text li{padding-bottom:5px;}

/*이전글 다음글*/
/*
.prevnext {margin-top:-1px;}
.prevnext li{padding:0 30px;border-bottom: 1px solid #d9d9d9;line-height:44px;clear:both;overflow:hidden;}
.prevnext li:first-child{border-top:1px solid #e1e5e6;line-height:44px;}
.prevnext li a.btn_prev{float:left;padding-right:43px;background:url('images/common/btn_prev.png') no-repeat 50px center;}
.prevnext li a.btn_prev:focus,
.prevnext li a.btn_prev:hover{background:url('images/common/btn_prev_on.png') no-repeat 50px center;}
.prevnext li a.btn_next{float:left;padding-right:43px;background:url('images/common/btn_next.png') no-repeat 50px center;}
.prevnext li a.btn_next:focus,
.prevnext li a.btn_next:hover{background:url('images/common/btn_next_on.png') no-repeat 50px center;}
.prevnext li a span{padding-left:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
*/
.list_wrap{clear: both;overflow: hidden; border-bottom: 1px solid #333; }
.list_wrap .list{padding: 25px 0; font-size: 14px;}
.list_wrap .list{width:50%;float: left;}
.list_wrap .list.prev_{}
.list_wrap .list.next_{text-align: right;}
.list_wrap .list img{margin-right: 7px;}
.list_wrap .list strong{display:block;font-size:18px; width:100%;font-weight:500;line-height: 1.4em;display: inline-block;vertical-align: middle;}
.list_wrap .list.prev_ strong{padding-left:20px;background: url('images/common/icon_prev_list_.png') no-repeat 0% 4px;background-size:10px auto;}
.list_wrap .list.next_ strong{padding-right:20px;background: url('images/common/icon_next_list_.png') no-repeat 100% 4px;background-size:10px auto;}
.list_wrap .list .text_{display: inline-block;width: 100%;padding-top:8px; font-size: 15px;font-weight: 300;line-height:1.2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;vertical-align: middle;}
.list_wrap .list .text_.no_{color:#919191;}
.list_wrap .list.prev_ .text_{padding-left:20px;}
.list_wrap .list.next_ .text_{padding-right:20px;}
.list_wrap .list a{display:block;}
.list_wrap .list a:hover .text_{color:#264f86;text-decoration: underline;}


/* 팝업 디자인 */
.popup_guide_line .search_form select{min-width:100px;}

/* 탑버튼 */
.cmm_top_btn.cmmTopBtn{opacity: 0; display: none;}
.cmm_top_btn{opacity:0.6 !important; text-indent: -9999em;width: 50px; height: 50px; background: url('images/common/cmm_top_btn_.png') no-repeat center center; background-size: 50px auto; position: fixed; right: 10px; bottom: 10px;z-index: 10;}

/* 로딩중 */
.loading_wrap{width:60px;height:60px;text-indent:-9999em; margin:0 auto;background: url('images/common/loading.gif') no-repeat center center;}

/* 트리 체크 박스 */
.tree_wrap{clear: both;overflow: hidden;padding-top:0;}
.tree_wrap .tree_chk_wrap{width:400px;float:left;}
.tree_wrap .tree_chk_wrap .tree_box{ padding: 20px;background: #f1f1f1;overflow-y: scroll;height:655px;}
.tree_wrap .tree_chk_wrap .tree_box .btn01{font-size: 15px;}
.tree_wrap .tree_chk_wrap .tree_box .btn01 + .btn01{margin-left:5px;}
.tree_wrap .tree_table_wrap{float:right;width: calc(100% - 430px);padding-top:10px;}
.tree_wrap .tree_table_wrap h4{padding-bottom:16px;}
.tree_chk_wrap .tab_top_wrap{clear: both;overflow: hidden;}
.tree_chk_wrap .tab_top_wrap h4{padding-top:10px;padding-bottom:0;}
.tree_chk_wrap .tab_top_wrap .btn01{float: left;margin-left:5px;}
.tree_chk_wrap .sim-tree{padding-top:20px;}
.tree_chk_wrap .sim-tree a{font-size:18px;height:36px;}
.tab_type2 {background: transparent;}
.tree_wrap .ui-widget.ui-widget-content{border:none;padding-top:20px;}
.tree_wrap .tab_type2.ui-tabs .ui-tabs-nav li{width:50%;text-align: center;}
.tree_wrap .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:10px 0;}
.tree_wrap .tab_type2.ui-tabs .ui-tabs-nav li a{width:100%;display: block;color:#222;border: 1px solid #dddddd;background: #e9e9e9; }
.tab_type2.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#fff;   background: #a40f15;border: 1px solid #dddddd;}
.tree_wrap .tab_type2.ui-tabs .ui-tabs-panel{padding:0;padding-top:20px;border:none;}
.tree_wrap .btn_wrap.type02 .btn01{margin:0 5px;font-size:15px;}

/* 테이블 FAQ */
.faq_table .accordion_con {display: none;transition:all 0.5s ease;}
.faq_table .accordion_on + .accordion_con {display: contents;padding:5px 0;}
.faq_table .accordion_on + .accordion_con img{max-width: 100%;}
.faq_table .accordion_con .text_box{text-align: left;}
.faq_table .accordion_con .btn_box{text-align: right;}

.accordion_w{}
.accordion_w > ul {border-top:1px solid #222;}
.accordion_w > ul > li{padding:20px 10px 10px 10px;border-bottom:1px solid #e1e5e8;}
.accordion_w .accordion_title{}
.accordion_w .accordion_title .name{font-weight: 600;}
.accordion_w .accordion_title .date{}
.accordion_w .accordion_title .title{padding:10px 0;font-size:16px;font-weight: 600;line-height: 1.2em;background:url('images/common/btn_next_on.png')  no-repeat 98% 50% !important;transition:all 0.5s ease;cursor: pointer;}
.accordion_w .accordion_title .title img{vertical-align: middle;}
.accordion_w .accordion_on .accordion_title .title{background:url('images/common/btn_prev_on.png')  no-repeat 98% 50% !important;}
.accordion_w .accordion_title .title a{max-width:95%;}
.accordion_w .accordion_title .title .new{font-size:12px;color:#ff0000;vertical-align:top}
.accordion_w .accordion_details{display: none;padding:10px;background:#f9f9f9; }
.accordion_w .accordion_details .text_box{padding:10px 0;line-height: 1.4em;}
.accordion_w .accordion_details .btn_box{text-align: right;}
.accordion_w .accordion_details .btn_box .btn01{font-size:15px;padding:5px;}


/* 웹진*/
.tab_top_wrap + .webzine_w{margin-top:10px;}
.webzine_w{clear: both;overflow: hidden; border-top:1px solid #222;}
.webzine_w > li{width:100%;float:left; border-bottom:1px solid #ccc;padding:20px 20px ;height:auto;overflow: hidden;}
.webzine_w > li:first-child{margin-top:0;}
.webzine_w > li.NO_RESULT{width:100% !important; height:200px !important;padding-top: 80px !important;    background-position: 50% 60px;}
.webzine_w > li a{display:block; clear: both;overflow: hidden;}
.webzine_w > li a .img_w{float: left;width:200px; text-align: center;overflow:hidden;}
.webzine_w > li a .img_w .img_box{text-align:center;display:block;height:140px;margin:0 auto; }
.webzine_w > li a .img_w .img_box img{max-width: 100%;max-height: 100%;}
.webzine_w > li a .text_w{float: right;width:calc(100% - 210px);padding-left:20px;}
.webzine_w > li a .text_w ul >li{margin-top:10px;}
.webzine_w > li a .text_w ul >li:first-child{margin-top:0;}
.webzine_w > li a .text_w ul >li.text01{font-size: 14px;}
.webzine_w > li a .text_w ul >li.text02{font-size: 16px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.webzine_w > li a .text_w ul >li.text03{font-size: 14px;height:40px; font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.webzine_w > li a .text_w ul >li.text04{font-size: 14px;font-weight: 600;}
.webzine_w > li a .text_w ul >li.text04 span{padding-right: 20px;}
.webzine_w > li a .text_w ul >li.text04 span:before{display: inline-block;vertical-align: middle;margin-right:5px; width:3px;height:3px;content: "";background:#666666;}
.webzine_w.li2 > li{width:49%;height:450px;margin:0 0.5%;padding:20px 5px;}


.webzine_w.li2 > li a .img_w,
.webzine_w.li3 > li a .img_w,
.webzine_w.li4 > li a .img_w{display:flex;align-items:center;justify-content:center;width:100%;height:280px;}
.webzine_w.li2 > li a .img_w .img_box,
.webzine_w.li3 > li a .img_w .img_box,
.webzine_w.li4 > li a .img_w .img_box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.webzine_w.li2 > li a .text_w,
.webzine_w.li3 > li a .text_w,
.webzine_w.li4 > li a .text_w{width:100%;padding:10px 5px;}
.webzine_w.li3 > li{width:32.3333%;height:455px;margin:0 0.5%;padding:20px 5px;}
.webzine_w.li4 > li{width:24%;height:455px;margin:0 0.5%;padding:20px 5px;}
.webzine_w.li4 > li a .img_w{width:100%;}
.webzine_w.li4 > li a .text_w{width:100%;}

/* swiper  */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-next{background-image: url(images/common/slide_prev.png);left: 10px;right: auto;}
.swiper-container-rtl .swiper-button-prev{background-image: url(images/common/slide_next.png);right: 10px;left: auto;}
.swiper-button-next, .swiper-button-prev,
.swiper-next,.swiper-prev{width:12px;height:21px;margin-top: -10.5px;background-size: 100% auto;}


/* 2019-08-22 김형섭 의견접수 추가 */
.opinion_btn{position:absolute;top:10px;right:0;z-index:10;width:24px;height:24px;margin-left:10px;font-size:14px; line-height:24px; text-align:center;background: #f4f4f4;border: 1px solid #cccccc;}
.opinion_btn a{display:block;height:22px; text-indent:-9999em; background:url('images/common/opinion_ic.png') no-repeat 50% 50%;}
.opinion_btn span{display:none; font-size:12px; position: absolute;padding:3px; width:64px;line-height:1; text-align:center; bottom:-30px;right:-1px;background: #ffffff;color:#7a7a7a; border: 1px solid #cccccc;transition:all 0.5s ease;}
.opinion_btn a:hover + span{display: block;}
.opinion_btn span:after {content:''; position:absolute; width:6px; height:8px; background:url('images/common/opinion_ic_bor.png') no-repeat 50% 50%; top:-11px;}

/* 2021 임동규 */
.down_btn{position:relative; display:inline-block;vertical-align:middle;margin-left:10px; padding:0 8px;font-size:14px; line-height:24px; text-align:center;background: #f4f4f4;border: 1px solid #cccccc;}
.down_btn a{display:block;padding-left:22px;background:url('images/common/ic_file02.png') no-repeat left center; background-size:16px;}
.down_btn span{display:none; font-size:12px;font-weight:400; position: absolute;padding:3px; width:100px;line-height:1; text-align:center; bottom:-30px;right:-1px;background: #ffffff;color:#7a7a7a; border: 1px solid #cccccc;transition:all 0.5s ease;}
.down_btn a:hover + span{display: block;}
.down_btn span:after {content:''; position:absolute; width:6px; height:8px; background:url('images/common/opinion_ic_bor.png') no-repeat 50% 50%; top:-11px;}

/* sns 매뉴얼 다운로드 버튼 이민혁 210525 */
.sns_down {transform: translateY(34px);}
.btn01.sns_down:active {transform: scale(0.95) translateY(36px);}


/* 2019-10-09 임동규 툴팁추가 */
.tooltips {	position: relative;	display: inline;	cursor: pointer;	z-index: 20;}
.tooltips .tooltips_content {	display: none;	position: absolute;	width: 200px;	color: #FFFFFF;	background: rgba(0,0,0,.6);	line-height: 1.6;	padding:10px 15px;	text-align: center;	border-radius: 5px;	z-index: 999;	top: 100%;  	left: -10px;  	margin-top: 5px;  	font-weight:200;  	font-size:12px}
.tooltips .tooltips_content:after {	content:"";	display:block;	position:absolute;	border-bottom: 4px solid rgba(0,0,0,.6);	border-right: 4px solid transparent;	border-left: 4px solid transparent;	z-index: 999;	bottom: 100%;  	left: 15px;}
:hover.tooltips .tooltips_content {display: block;}

/* 2019-10-09 임동규 툴팁추가 */

.cmnt_tbl .t_view{table-layout:fixed}
.cmnt_tbl .t_view td span{vertical-align:middle}
#cke_cmntCont {margin:20px 0}

/* 의견접수 */
.userFeedBack_wrap{clear: both;overflow: hidden;}
.userFeedBack_wrap .left_box{float: left;width:29%;min-height: 985px;}
.userFeedBack_wrap .right_box{float: right;width:69%;margin-top:0;}
.userFeedBack_wrap h2{font-weight:600;padding:15px 10px}

.accordion_box{border-bottom: 1px solid #ccc;}
.accordion_box > li{border-top: 1px solid #ccc;}

.nowIssueTitle{clear: both;overflow: hidden;}
.nowIssueTitle .title{position:relative;color:#222;font-size:14px;padding:12px 32px 12px 10px;letter-spacing:-0.4px;line-height:1.4}
.nowIssueTitle  span{display:block;position:absolute;top:10px;right:0;width:34px;height:20px; background: url(images/common/btn_next.png) no-repeat center;background-size:12px auto; transition:all 0.5s ease;text-indent: -9999em; }
.nowIssueTitle.on  span{transform: rotate(180deg);}
.nowIssueCon{display:none; padding:24px 15px 20px;background: #f1f1f1;}
.nowIssueCon p{padding-top:6px;line-height:1.4}
.nowIssueCon p.info{font-weight:600;padding:0 0 6px}
.nowIssueCon .like_btn{text-align:center;margin:10px auto 0}
.nowIssueCon .like_btn .cnt{font-size:20px;font-weight:600;margin:10px auto 0;padding:0}

/* 페이지 담당자 */
.info_email{padding-top: 80px;}
.info_email > ul {clear: both;overflow: hidden;padding-left: 45px;background: #009de8 url(images/common/con_bottom_icon01.png) 40px 50% no-repeat;}
.info_email > ul > li {display: block;min-height: 132px;width: calc(100% - 90px);transition: all 0.5s ease;}
.info_email ul li.box02 {margin-left: 90px;padding: 40px 0 20px 40px;border: 1px solid #dddddd;border-left: none;background: #fff;}
.info_email ul li.box02 .text01{font-size: 21px;color: #1a1a1a;padding-bottom: 15px;}
.info_email ul li.box02 .email_box{clear: both;overflow: hidden;}
.info_email ul li.box02 .email_box a {margin: 5px 0;padding-bottom: 2px;display: inline-block;border-bottom: 1px solid #fff;color: #333;}
.info_email ul li.box02 .email_box a span {padding-left: 28px;background: url(images/common/con_bottom_icon02.png) 0% 6px no-repeat;}

/* 2020-01-08 박진우 사용자 지원 */
.sign_text{position:fixed; bottom:0; display:block;line-height:1.4em; background:#c9171c;color:#fff;width:100%;text-align: center;padding:10px; z-index:50 }
.sign_text:hover{opacity: 0.8;}

.cont_sec + .cont_sec{margin-top:50px}
.cont_sec .cont_tit{font-size:30px;font-weight:600}
.cont_sec .cont_subtit{font-size:20px;font-weight:600}
.cont_sec .cont_tit,
.cont_sec .cont_subtit{padding-bottom:10px}
.cont_box{margin-top:10px}
.cont_box + .cont_box{margin-top:20px}

.list_box{padding:20px;border:1px solid #E1E1E1;background:#FAFAFA}
.list_box li{position:relative;padding-left:10px;font-size:15px;line-height:1.5}
.list_box li::before{content:'';display:inline-block;position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:50%;background:#333;vertical-align:middle}

.comm_set{display:inline-block;position:relative;padding-right:30px}
.comm_set .set_btn{display:none;position:absolute;top:0;right:0;width:25px;height:25px;border-radius:50%;background:url(./images/common/btn_edit_ic.png) no-repeat 50% 50% #bbb}
.comm_set:hover .set_btn{display:block;}

.page_list_m{display:none}

/* login */
#login_form * {box-sizing: border-box;transition: all 0.5s ease;}
#login_form .input_box:after {content: '';display: block;clear: both;}
#login_form .input_box {width: 100%;}
#login_form .input_box + .input_box{margin-top:5px}
#login_form input {display: block;width: 100%;padding-left: 35px;}
#login_form input.id_input {background: #fff url('/content/02comm/css/images/common/loing_icon02.png') no-repeat 10px 50%;}
#login_form input.pw_input {background: #fff url('/content/02comm/css/images/common/loing_icon03.png') no-repeat 10px 50%;}
#login_form .contents {background-color: #4aa0ea;width: 100%;height: 100%;padding-top: 220px;}
.login_text {position: relative;height: 300px;}
.login_text:before {position: absolute;top: 30px;left: 50%;display: inline-block;margin-left: -100px;width: 200px;height: 236px;content: "";background: url('/content/02comm/css/images/common/cpx_logo.png') no-repeat center center;background-size: 200px auto;animation: rotate_image 16s linear infinite;transform-origin: 50% 50%;}
.login_text p {position: relative;display: table;width: 100%;text-align: center;padding: 0 20px;font-size: 46px;color: #fff;height: 100%;word-break: keep-all;z-index: 1;}
.login_text p span {display: table-cell;vertical-align: middle;}
.login_wrap {width: 320px;margin: 0 auto;text-align: center;padding-bottom: 100px;}
.login_wrap .title {color: #ffffff;padding: 34px 10px;font-size: 24px;}
.login_wrap .loginBtn {width: 100%;height: 40px;float: right;background-color: #120136;border: 0;color: #ffffff;font-weight: bold;display: inline-block;text-align: center;font-size: 17px;}
.login_wrap .loginBtn span {line-height: 40px;}
#login_form .footer {width: 100%;background-color: #4B4962;color: #b4b3bb;text-align: center;padding: 25px 0;}

/* 사용자 login */
#login_form .captcha input {padding-left:0;}
#login_form .captcha .top {display:flex;}
#login_form .captcha .top input {border:1px solid #000;border-left:0 none;}
#login_form .captcha .top .form-group:last-child {flex:1;display:flex;flex-direction:column;}
#login_form .captcha .top .form-group:last-child a {flex:1;position:relative;}
#login_form .captcha .top .form-group:last-child a input {height:100%;cursor:pointer;}
#login_form .captcha .top .form-group:last-child a span {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:20px;padding-left:20px;cursor:pointer;}
#login_form .captcha .top .form-group:last-child a:first-child span {background:url('/content/02comm/css/images/common/ico_refresh.png') left center no-repeat;background-size:14px;}
#login_form .captcha .top .form-group:last-child a:last-child span {background:url('/content/02comm/css/images/common/ico_headset.png') left center no-repeat;background-size:14px;}
#login_form .captcha .top .form-group:last-child a:last-child input {border-top:0;}
#login_form .captcha > .form-group input {border:1px solid #000;border-top:0 none;padding-left:10px;}
#login_form .find_box {display: flex;	padding-top: 15px;padding-bottom: 30px;}
#login_form .find_box div {flex: 1;}
#login_form .find_box div:last-child {border-left: 1px solid #000;}
#login_form .find_box div a {font-size: 14px;text-decoration: underline;transition: none;}
#login_form .find_box div a:hover {opacity: 1;color: #ccc;}
.login_wrap .joinBtn {width: 100%;height: 40px;float: right;background-color: #e2211c;border: 0;color: #ffffff;font-weight: bold;display: inline-block;text-align: center;font-size: 17px;}
.login_wrap .joinBtn span {line-height: 40px;}
.login_wrap .sc_login {width: 100%;height: 40px;border: 0;font-weight: bold;display: inline-block;text-align: center;font-size: 17px;}
.login_wrap #naver_id_login {background-color: #03c75a;color: #ffffff;}
.login_wrap #kakao_id_login {background-color: #fee500;color: rgba(0, 0, 0, 0.85);}
.login_wrap #fb_id_login {background-color: #1c5cad;color: #fff;}
.login_wrap #google_id_login {background-color: #fff;color: #000;}
.login_wrap .sc_login span {display: inline-block;line-height: 40px;padding-left: 40px;}
.login_wrap #naver_id_login span {background: url('/content/02comm/css/images/common/login_naver.png') left center no-repeat;background-size: 40px;}
.login_wrap #kakao_id_login span {background: url('/content/02comm/css/images/common/login_kakao.png') left center no-repeat;}
.login_wrap #fb_id_login span {background: url('/content/02comm/css/images/common/login_fb.png') left 5px center no-repeat;background-size: 30px;}
.login_wrap #google_id_login span {background: url('/content/02comm/css/images/common/login_google.png') left center no-repeat;background-size: 24px;}

.search_form .srch input[type="text"],
.search_form .srch .btn_box{display:inline-block;}

.sns_w{margin:50px 0;}

.tab_type1_sns{margin-top: -31px;clear: both;overflow: hidden;position: relative;z-index: 1;}
.tab_type1_sns ul{display:flex;align-items:center;justify-content:center;padding-left:1px; padding-top: 30px;margin-left:0;}
.tab_type1_sns ul li{flex:1;height:55px;text-align:center;border:none;}
.tab_type1_sns ul li.on{border:none;}
.tab_type1_sns ul li{margin-left:-1px;}
.tab_type1_sns ul li a{display:block;height:100%;background:#fff;border:1px solid #dddddd;font-size:18px;color:#1a1a1a;font-weight:400;}
.tab_type1_sns ul li a span{display:inline-block;padding:0; height: auto;position:relative;top:50%;transform:translateY(-50%);}
.tab_type1_sns ul li.on a{color:#fff;background:#ccc;border:none;}
.tab_type1_sns ul li:hover a{color:#fff;background:#ccc;opacity: 1;border:none;}
.tab_type1_sns + .h4_wrap, .tab_type1 + .ul_list{padding-top: 40px;}
.tab_type1_sns + .table_wrap{margin-top: 40px;}
.sns_list_wrap{justify-content: space-between;margin-left: -1%;    width: 102%; flex-wrap: wrap; align-items: stretch;clear: both;overflow: hidden;}
.sns_list_wrap .box{ display:none; padding: 30px 30px 40px;  margin-top: 20px;width:31.333%;float:left; margin-left:1%;margin-right:1%; height: 380px; border: 1px solid #ddd; background-color: #fff; transition:all 0.5s ease;vertical-align: top;}
/* .sns_list_wrap .box.youtube{height: 360px;}
.sns_list_wrap .box.blog{height: 350px;} */
.sns_list_wrap .box.sns_on{display: inline-block;text-align: center;}
.sns_list_wrap .box.blog{background: url(images/common/sns_bg_blog.png) left 30px bottom 20px no-repeat;}
.sns_list_wrap .box.instagram{background: url(images/common/sns_bg_insta.png) left 30px bottom 20px no-repeat;}
.sns_list_wrap .box.facebook{background: url(images/common/sns_bg_face.png) left 30px bottom 20px no-repeat;}
.sns_list_wrap .box.youtube{background: url(images/common/sns_bg_youtube.png) left 30px bottom 20px no-repeat;}
.sns_list_wrap .box a{display: block;}
.sns_list_wrap .box img{/* width: 100%; */max-height:203px;}
.sns_list_wrap .box p{font-size: 15px; color: #666; padding-top: 15px; line-height: 1.4em; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;}
.sns_list_wrap .box p.title{font-size: 18px; color: #1a1a1a; font-weight:500;margin-top: -5px;}
.sns_list_wrap .box .text_box{font-size: 15px; color: #666; padding-top: 15px; line-height: 1.4em; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;}
.sns_list_wrap .box.blog .text_box{max-height:181px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;word-wrap:break-word;}
.sns_list_wrap .box.instagram .text_box{max-height:80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;}
.sns_list_wrap .box.facebook .text_box{max-height:80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;}
.sns_list_wrap .box.youtube img{max-height:150px;}
.sns_list_wrap .box.youtube .text_box{max-height:80px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;}
.sns_list_wrap .box .date_{display:block;text-align:right; padding-top:10px;}
.sns_list_wrap .box a:hover p.title{text-decoration: underline; color: #264f86;}
.sns_list_wrap .box a:hover p{color: #264f86;}
.sns_list_wrap .box p:first-child{padding-top: 0;}
.sns_list_wrap .blog p.title, .sns_wrap .insta p, .sns_wrap .face p, .sns_wrap .youtube p{-webkit-line-clamp: 3;}
.sns_list_wrap .blog p{-webkit-line-clamp: 8;}
.sns_box{display:none;}
.sns_box.on{display: inline-block;text-align: center;    width: 100%;}
.sns_box .btn_wrap{padding:0 1%;padding-top:20px;}
.sns_box .btn_wrap .btn_more{width: 100%; height: 44px; background-color: #f4f4f4; border: none; line-height: 1;padding:0;}
.sns_box .btn_wrap .btn_more span{font-size: 14px; color: #1a1a1a; line-height: 44px; vertical-align: middle;}
.sns_box .btn_wrap .btn_more:hover{background-color: #ddd;}
.btn_wrap .btn_more span.icon{display: inline-block;padding-right:20px;background: url(images/common/icon_more.png) 100% 50% no-repeat;}
.sns_wrap .box.youtube p.title{font-size: 18px; color: #1a1a1a; font-weight:500;margin-top: -5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sns_wrap .box.youtube p{font-size: 15px; color: #666; padding-top: 15px; line-height: 1.4em; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical;}
.sns_wrap .box .youtube.date_{display:block;text-align:right; padding-top:10px;}
.sns_tit{display: none;}

/* 회원가입 , 마이페이지 */
.join .req::before {content:'*'; color:red;}
.join .step + p {text-align:right; padding-bottom:10px; border-bottom:1px solid #222;}
.join_w .pc_br{display:block;}
.join_w .form{padding:30px 0; border-bottom:1px solid #222;}
.join_w .box {display: flex; flex:1; position:relative;}
.join_w .box .count {position:absolute; top:10px; right:10px; color:red;}
.join_w .box.sel{display:block;padding-top: 20px;}
.join_w input,
.join_w label{transition: all 0.2s;touch-action: manipulation;}
.join_w .box.sel label{font-size: 15px;padding-bottom: 10px;display: block;}
.join_w input{font-size: 15px;border: none;border:none;border:1px solid #c2c3c2;}
.join_w input:focus{outline: 0;border: 2px solid #222;}
.join_w label {text-transform: uppercase;}
.join_w input:placeholder-shown + label {position:absolute; top:10px; left:10px; color:#c2c3c2;cursor: text;width:100%;}
.join_w input:focus + label{font-weight: 600;}
.join_w select{font-size: 14px;height: 40px;min-width: 100px;line-height: 34px;padding-left: 5px;padding-right: 20px;}
.join_w ::-webkit-input-placeholder {opacity: 0;transition: inherit;}
.join_w input:focus::-webkit-input-placeholder {opacity: 1;}
.join_w input:not(:placeholder-shown) + label,
.join_w input:focus + label {position:absolute;top:-18px;left:0;font-size: 13px;font-weight: 600;color: #0e1262;cursor: pointer;}
.join_w .box.input_style01 .det_add_input + label{margin-top:10px;}
.join_w.widr p{word-break: keep-all;}
.join_w.widr .text1{font-size:22px;font-weight:500;line-height: 1.3;letter-spacing: -.5px;text-align: center;color: #0e1262;}
.join_w.widr .text2{font-size:15px;line-height: 1.6;letter-spacing: -.3px; padding-top: 15px;text-align: center;}
.join_w.widr .form{padding-top:65px;}
.join_w.widr label{line-height: 1.3;padding-bottom:5px;}
.join_w.widr .box,
.join_w.widr label{display:block;}
.join_w.widr .box ::-webkit-input-placeholder{opacity: 1;}
.join_w .form_box {display:flex;}
.join_w .form > .form_box + .box {margin-top:10px;}
.join_w .form > .box + .box {margin-top:10px;}
.join_w .form > .box ::-webkit-input-placeholder{opacity:1;}
.join_w .form_box + .form_box,
.join_w .message_box + .form_box {margin-top:30px;}
.join_w .form_box + .message_box .message {margin-top:10px;}
.join_w .form_box button {width:130px; height:34px; margin-left:10px;}
.join_w .form_box button:disabled {opacity:0.7;}
.join_w + .bottom_btn_wrap {padding-top:30px; display:flex; justify-content:center;}
.join_w + .bottom_btn_wrap a {flex:1; max-width:200px; padding:14px 5px;}
.join_w + .bottom_btn_wrap a + a {margin-left:8px;}

/* 게시글 모아보기 */
.tab_ul{overflow: hidden;clear: both;}
.tab_ul li{display: inline-block; float: left; box-sizing: border-box; background: #fff;color: #333333;border: 1px solid #e4e8eb; border-left: 1px solid #e4e8eb; border-right: 1px solid #e4e8eb;}
.tab_ul.li3 li{width: 33.333%;}
.tab_ul li + li,
.tab_ul li.on + li.on{border-left: 0;}
.tab_ul li.on{border:1px solid #0e1262}
.tab_ul li a {height: 40px;margin-left: 0;display: block;border-radius: 0; font-size: 14px; font-weight: 600;}
.tab_ul li a span {display: table;height: 100%;width: 100%;text-align: center;padding: 0 12px;}
.tab_ul li.on a span{color:#0e1262}
.tab_ul li a span em {display: table-cell;vertical-align: middle;}
.con_list{padding-top:40px;}
.list_txt{font-size:15px;color:#333; display: block;padding-bottom: 12px;}
.list_txt span{font-size: 20px;font-weight:600;color:#0e1262}
.list_box02{border-top:2px solid #333;}
.list_box02 li{position: relative;border-bottom: 1px solid #e1e5e8;padding: 15px 20px;}
.list_box02 li .tit{width: calc(100% - 100px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;font-size: 16px;font-weight: 600;line-height: 1.2em;padding-bottom: 12px;}
.list_box02 li span.text{font-size: 14px;}
.list_box02 li span.text2{display:block;padding-top:10px;color: #0e1262;}
.list_box02 li span.text .date{letter-spacing: -.5px;}
.list_box02 li span.text .name:after,
.list_box02 li span.text .date:after{content:''; background:#ccc;width:1px;height:12px;display:inline-block;margin: 0 7px;vertical-align: middle;}
.list_box02 li span.text .view{background:url(images/common/view_ic.png)0 66% no-repeat;background-size: 20px auto;padding-left: 25px;}
.list_box02 li .reply{font-size: 13px;border: 2px solid #111;border-radius: 3px;padding: 6px 12px;position: absolute;top: 13px;right: 20px;line-height: 1.2;text-align: center;}
.list_box02 li .reply span{display:block;font-size: 17px;font-weight: 600;}
.list_box02 li .reply.type01{top:25px}
.con_list .add_btn{display:block;font-size:0;background:url(images/common/list_add_ic.png) 50% 50% no-repeat;background-size: 50px auto;width: 50px;height: 50px;margin: 30px auto 0;}

/* 약관동의 */
.join {width:700px; margin:0 auto;}
.join .step {padding:20px 80px 80px; display:flex; justify-content:center;}
.join .step ul {width:100%; display:flex; align-items:center; justify-content:space-between; counter-reset:step; background:linear-gradient(transparent 50%, #000 1px, transparent calc(50% + 1px) 100%);}
.join .step ul li {position:relative; padding:40px 10px 0; background:#fff;}
.join .step ul li::after {counter-increment:step; content:counter(step); display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #000; border-radius:50%;}
.join .step ul li.on {color:#8064a2; font-weight:500;}
.join .step ul li.on::after {border-color:#8064a2; color:#fff; background:#8064a2;}
.join .step ul li:nth-child(1)::before {display:none;}
.join .agree_wrap .a_title_wrap {display:flex; align-items:center; justify-content:space-between; padding:10px 0;}
.join .agree_wrap .a_title_wrap .a_title {font-size:16px;}
.join .agree_wrap .a_title_wrap.top .a_title {font-size:18px; font-weight:500;}
.join .agree_wrap .a_title_wrap .a_title span.col01 {color:red;}
.join .agree_wrap .a_title_wrap .a_title span.col02 {color:#999;}
.join .agree_wrap .a_title_wrap .check input {top:0;}
.join .agree_wrap .a_title_wrap .check span:before {margin:0;}
.join .agree_wrap .a_list_wrap ul li + li {margin-top:30px;}
.join .agree_wrap .a_list_wrap {margin-top:30px;}
.join .agree_wrap .a_doc {border:1px solid #000; margin-top:10px; padding:14px;}
.join .agree_wrap .a_doc div {max-height:160px; overflow-y:auto;}
.join .agree_wrap .a_doc p {line-height:22px;}
.join .agree_wrap .info_txt {margin-top:30px;}
.join .agree_wrap .info_txt p {line-height:22px; padding-left:18px; text-indent:-18px;}
.join .agree_wrap .bottom_btn_wrap {margin-top:40px; text-align:center;}
.join .agree_wrap .bottom_btn_wrap a {width:400px; padding:14px 5px;}

/* 회원가입 정보입력 */
.join .input_wrap {margin-top:60px;}
.input_wrap > span {display:block; margin:0 100px; padding-bottom:10px; text-align:right; border-bottom:1px solid #c2c3c2;}

/* 가입완료 */
.join .join_success .top_text_wrap {padding-top: 160px; text-align:center; background:url('images/common/complete.png') center top no-repeat;}
.join .join_success .top_text_wrap .text01 {font-size:34px;}
.join .join_success .top_text_wrap .text02 {margin-top:20px; font-size:16px; line-height:22px;}
.join .join_success .top_text_wrap .text02 span {color:#8064a2; font-weight:500;}
.join .join_success .bottom_btn_wrap {margin-top:40px; text-align:center;}
.join .join_success .bottom_btn_wrap a {width:400px; padding:14px 5px;}

/* 휴면 계정, 비밀번호 변경 */
.account {width:700px; margin:0 auto;}
.account .top_text_wrap {padding-top: 160px; text-align:center; background:url('images/common/cpx_logo.png') center top no-repeat; background-size:100px;}
.account .top_text_wrap .text01 {font-size:34px;}
.account .top_text_wrap .text02 {margin-top:20px; font-size:16px; line-height:22px;}
.input_wrap {margin-top:40px;}
.input_wrap .tit_box {background:#0e1262;}
.input_wrap .tit_box p {font-size:22px; color:#fff; text-align:center; line-height:50px;}
.input_wrap .input_box {padding:0 100px;}
.input_wrap .input_box .input_row {padding:20px 0; border-bottom:1px solid #c2c3c2;}
.input_wrap .input_box .input_row .box {margin-top:10px;display:flex;}
.input_wrap .input_box .input_row .box div {position:relative; flex:1;}
.input_wrap .input_box .input_row .box div input {width:100%;}
.input_wrap .input_box .input_row .box div .count {position:absolute; top:50%; transform:translateY(-50%); right:10px; color:red;}
.input_wrap .input_box .input_row .box button {margin-left:10px; width:130px;}
.input_wrap .input_box .input_row .message_box {display:none; margin-top:8px;}
.input_wrap .input_box .input_row.error {padding:20px 0 14px; border-color:red;}
.input_wrap .input_box .input_row.error .message_box {display:block;}
.input_wrap .input_box .bottom_btn_wrap {padding-top:30px;}
.input_wrap .input_box .bottom_btn_wrap a {width:100%; padding:14px 5px;}

/* 아이디 찾기 */
.join_w .userInfo ul li {padding:30px 0; text-align:center; border-bottom:1px solid #c2c3c2;}

/* 오류메시지 */
.join_w input.error{border-color: #ea002c;}
.message_box {font-size: 13px;word-break: keep-all;text-align: left;}
.message_box .message {display: block;position: relative;line-height: 1.4;}
.message_box .message.hide {display: none;}
.message_box .message.f_red {padding-left: 18px;}
.message_box .message.f_red:after {content: "";display: block;width: 12px;height: 12px;border-radius: 100%;background: #e61b1b url('images/common/message_box_icon.png') no-repeat center;position: absolute;left: 0;top: 3px;}


.mypage_wrap{overflow:hidden;clear:both}
.mypage_wrap .join_w input:not(:placeholder-shown) + label{color: #0e1262;}
.mypage_wrap .join_w input:not(:placeholder-shown) + label, .join_w input:focus + label{font-size:13px;color: #0e1262;}
.mypage_wrap .join_w input:focus + label{font-size:13px;}
/* .mypage_wrap .btn01.col02{width:100%;display:block;} */
.mypage_wrap .btn_wrap {text-align:center}
.mypage_wrap .btn_wrap .btn01{font-size: 15px;padding: 15px 8px;}
/* calendar 05-27 */
.fc .fc-scrollgrid-liquid{font:normal 16px/1 'Noto Sans' ,'돋움',Dotum, sans-serif}
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title{padding:3px 1px !important;}
.fc-daygrid-dot-event .fc-event-title{padding:2px 0;}
.calendar_tbl a.hyper{color:#333 !important;}
.calendar_tbl a.hyper:hover{opacity:1;}
a.hyper u{text-decoration:none;}
.calendar_tbl a.detail_view_btn{display:inline-block;cursor:pointer;margin-left:5px;}
.calendar_tbl a.detail_view_btn span{display:inline-block;padding:4px 7px;background:#666;border-radius:20px;color:#fff;font-size:13px;}
.fc-daygrid-block-event .fc-event-main div.fc-event-img{position:absolute;top:50%;right:0;transform:translateY(-50%);display: inline-block;vertical-align: middle;padding: 0;margin-right: 5px;}
.greenDot {color: green;}
.redDot {color: red;}
.table_wrap .sel_td input + select{margin-left:0;}
.table_wrap table.t_view input.p_num_input[type="text"]{width: 45px;min-width: 45px;}
.con_t{padding-left:5px;}

.radio_td .ul_list2 li{display: inline-block;padding-right: 10px;}
.radio_td.disabled label{opacity:.6}
/* 포틀릿 권한관리 등록 체크박스 항목 */
.tree_box.sim li{position: relative;}
.tree_box.sim input[type="checkbox"]{}
.tree_box.sim input[type="checkbox"]:checked + i{border-color: #2b85e4;background-color: #2b85e4;background-image:url(images/common/checked_ico.png);background-position: 50% 50%;background-repeat: no-repeat;width:16px;height:16px;}
.tree_box.sim li .sim-tree-checkbox{font-size: 0;text-indent: -9999em;position: absolute;top: 11px;left: 0;}
.tree_box.sim li span{display: inline-block;font-size: 18px;height: 36px;vertical-align: top;line-height: 34px;margin-left: 10px;}

/* 포틀릿 */
#portletStat + .ui-dialog-buttonpane .di_btn_close{padding: 12.5px 5px;}
#portletStat + .ui-dialog-buttonpane .di_btn_conf{background: #0039BD; border:1px solid #0039BD;padding: 12.5px 5px;}
#portletStat + .ui-dialog-buttonpane button:hover{opacity:.7;}
#portletStat .title{font-size:16px;font-weight:600;padding-bottom: 10px;}
#portletStat .box-tit{font-size: 14px;font-weight:500;color: #76808a;display: inline-block;vertical-align: middle;}
#portletStat .box{background: #f3f8ff;padding: 16px 20px;}
#portletStat .view ul{height:100%;}
#portletStat ul li{border-radius: 10px;height:235px;background: #fff;border: 1px solid #dce5f5;vertical-align: top;}
#portletStat label.check{margin-bottom:12px;}
#portletStat .check .txt{font-size: 15px;font-weight: 500;padding-left:0;}
#portletStat .radio_box{display: inline-block; vertical-align: middle;margin-left: 12px;}
#portletStat .radio_box label{display:inline-block;padding: 0;}
#portletStat ul{margin-top: 15px;}
#portletStat .img-box{position: relative;width: 100%;height: 100%;overflow: hidden;}
#portletStat li{display:none;border:none;width: 100%;height: 100%; text-align: center;padding:0;margin:auto;}
#portletStat li.on{display:block;}
#portletStat li.type1{width:50%;}
#portletStat li.type2{width:100%;}
#portletStat img{width: auto;height: 233px;position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);}
#portletStat .no_result.off{display:none;}
#portletStat input:disabled + .txt{opacity: .6;}
#portletStat .no_result{display: table;width: 100%;height: 100%;}
#portletStat .no_result span{font-size: 14px;vertical-align: middle;display: table-cell;text-align: center;}

.ui-dialog .ui-dialog-buttonset .save_btn{min-width: 90px;padding: 12.5px 5px 12.5px;background: #24aa98; color: #fff;border: 1px solid #24aa98;}

.main_wrap{background:#f8f8f8;overflow: hidden;padding:100px 20px 100px;}
.main_wrap .pc_br{display:block}
.portlet_on .portlet_wrap{width: calc(100% - 306px);min-height: 800px; float: left;clear: none;}
.main_wrap .inner{position: relative;max-width:1280px;margin:auto;padding: 0;}
/* .portlet_wrap{overflow: hidden;clear: both;} */
.main_wrap .btn_box{vertical-align: middle;}
.portlet_box .portlet.ui-widget {position: relative;background:#fff;float: left;overflow: hidden;border-radius: 13px; max-width: 100%;box-shadow: rgb(0 0 0 / 4%) 0px 4px 12px;width: calc(33.333% - 17px);padding: 35px 30px 30px;margin:8px;height: 368px;min-height: 270px;vertical-align:top;}
.portlet_box .portlet.ui-widget a:hover{transition: all 0.5s ease;}
.portlet_on .portlet_box .portlet.ui-widget{padding: 35px 25px 30px;}
.portlet_box .portlet.type{width: calc(66.666% - 16px);}
.portlet_box .portlet_list li{cursor: pointer;}

.portlet_list .portlet.ui-widget.ui-widget-content .add_btn,
.portlet_list .portlet.ui-widget.ui-widget-content .portlet_con{display:none;}

.main_wrap .btn_box a{display: block;border-radius: 6px;border: 1px solid #0039BD;font-size: 14px;font-weight: 500;color: #0039BD;}
.main_wrap .btn_box a:hover{background:#0039BD;color:#fff;transition: all 0.5s ease;}
.portlet_wrap a.btn_close{display:none}
.portlet_top .btn_close span{display: block;width: 24px;height: 24px;background: url(images/btn_close2.png) no-repeat 50% 50%; text-indent: -9999em;}
.func{font-size:15px;font-weight:600;color:#30495d;}
.portlet_on .portlet_box{position: relative;}
.trash_wrap{display:none;border-radius: 13px;position: relative; float: right; width: 300px;min-height: 800px;background: #e1e1e1;padding: 60px 20px 20px;margin-top: 8px;margin-left: 6px;}
.portlet_on .trash_wrap {display: block;}
.portlet_on .trash_wrap .portlet.ui-widget{display: table;width:100%;height:50px;min-height:auto;float:none;padding:0;display: block;border: 1px solid #d1d1d1;  color: #666666; font-size: 15px; font-weight: 600;min-width: 180px; text-align: left;border-radius: 27px; background: #fff;margin:0;margin-bottom: 10px;}
.portlet_on .trash_wrap .cont,
.portlet_on .trash_wrap .go_link,
.portlet_on .tit{display:none;}
.portlet .change_btn{display:none;}
.portlet_on .change_btn{display:block;}
.main_wrap .noti_box{display:none}
.portlet_on .noti_box{position: absolute;top: 20px;left: 10px;width:100%;background:#f3f8ff url(images/common/portlet_noti_ico.png) 16px 14px no-repeat;background-size: 24px auto;display: inline-block;border: 2px solid #dce5f5;border-radius:9px;padding: 14px 30px 14px 50px;;}
.portlet_on .noti_box p{font-size: 15px;font-weight: 500;line-height: 1.2;color: #333d53;}
.style03 .portlet_on .noti_box p{line-height: 1.4;}
.portlet_on .noti_box span{font-weight: 600;color: #363e47;}
.tit-txt{display:none;font-size: 15px;font-weight: 600;color: #334057;position: absolute;top: 30px;right: 130px;z-index: 1;}
.portlet_on .tit-txt{display:block;}
.trash_wrap .portlet_cont{width:100%;height:40px;border-radius:50px;background:#FFE672}
.trash_wrap .del_btn{display:none;position:absolute;top:50%;left:50%;margin-top:-80px;margin-left:-80px;width:160px;height:160px;border-radius:80px;background:rgba(0, 57, 189, 0.4) url(images/common/del_img.png) no-repeat 50% 50%;box-sizing: border-box;z-index:1001;text-indent:-9999em;}
.trash_wrap.open .del_btn{background:rgba(0, 57, 189, 0.4) url(images/common/del_open_img.png) no-repeat 50% 50%;}
.trash_wrap.remove_icon{background:rgba(0,0,0,0.05)}
.trash_wrap.remove_icon .del_btn{display:block}
.portlet_on .label_box p,
.portlet_on .trash_wrap .portlet .title.p-tit{display:none;}
.portlet_on .trash_wrap .label_box p{display: inline-block;}
.portlet .label_box p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #fff;text-align: left;font-size: 15px;font-weight: 600;line-height: 1.2;color: #333d53;vertical-align: middle;cursor: pointer;}
.portlet .state{font-size: 15px;font-weight: 500;padding-left: 6px;vertical-align: middle;}

.portlet .label_box{display:none; }
.portlet_on .label_box{display: inline-block;position: static; width: auto;}
.portlet_on .portlet_list .label_box{display:block;position: absolute;top: 0;left: 0;width: 100%;height: 48px;}
.portlet_on .portlet_list .state{font-size:14px;font-weight:600;padding-left:0;}



.portlet_on .change_btn{display:block;position: absolute;top: 30px;right: 25px;}
.portlet_on .portlet_list .portlet .label_box p{display: block;width: calc(100% - 82px); line-height: 48px;}
.main_wrap .btn_box span{display:none;padding: 8px 16px;}
.main_wrap .btn_box .on{display:block;}

.portlet_list .label_box .inner{height: 100%;padding: 0 20px;}
.trash_wrap .state{display: inline-block;font-size: 15px;}


.portlet .change_btn{border: 1px solid #0039BD;border-radius:14px;font-size: 13px;font-weight:500;color:#0039BD;width: 70px;height: 28px;line-height: 28px;text-align: center;float: right;}
.portlet .change_btn:hover{background:#0039BD;color:#fff;}
.portlet_on .portlet_list .change_btn{float: none;position: absolute;top: auto;bottom: 9px;right: 20px;z-index: 20;}
.portlet .title{display: inline-block;max-width: calc(100% - 36px);font-size: 18px;font-weight: 600;line-height: 1.2;color: #334057;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;padding-right: 2px;vertical-align: middle;}
.portlet_on .portlet .title{max-width: calc(100% - 111px);}
.portlet .add_btn{position: absolute;top: 33px;right: 30px;display:block;border-radius: 5px;font-size:0;text-indent:-9999em;background:#0039BD url(images/common/add_ic.png) center center no-repeat;background-size: 13px auto;width: 25px;height: 25px;}
.portlet .add_btn:hover{border:1px solid #0039BD;background:#fff url(images/common/add_ic_hover.png) center center no-repeat;background-size: 13px auto;}
.portlet_on .add_btn{display:none;}
.portlet .scroll_wrap{height:250px;overflow: auto;}
.portlet .mCSB_scrollTools{opacity: 1;}
.portlet .scroll_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{border-radius: 5px;background: #ecf3fe;border:none;}
.portlet .no_result{margin: 80px auto 0;font-size:15px;text-align: center;}
.portlet .no_result span{font-size: 14px;display: block;padding-top: 55px;background-image:url(images/common/no_date2.png);background-position:50% 0;background-repeat: no-repeat;background-size: 43px auto;}
.portlet.box06 .no_result{margin: 40px auto 0;}
.box02 .no_result{margin-top: 33px;}
.box07 .no_result{margin: 46px auto 0;}
.box07 .tab_type1 li:first-child a{padding: 0 12px;}
.portlet .swiper-container{height:100%;margin: 10px 26px 0;}
.portlet .portlet_con label{border-radius:3px;font-size:12px;font-weight: 300;line-height: 19px;min-width: 32px;height: 22px;display:inline-block;padding:2px 6px;color:#fff;cursor: initial;}
.portlet label.col01{background:#faab09;}
.portlet label.col02{background:#fa4b4e;}
.portlet label.col03{background:#30daa1;}
.portlet label.col04{background:#ca58e5;}
/* 게시판 */
.portlet .noti{margin-top: 20px;}
.portlet .noti .mCSB_scrollTools{margin-top: 5px;}
.portlet .noti .name{display:block;font-size:12px;line-height: 1;color:#333;}
.portlet .noti .txt{display: inline-block;width: calc(100% - 4px);font-size: 14px;font-weight: 500;letter-spacing: -.4px;line-height: 1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-top: 6px;color: #364964;}
.portlet .noti em{display: block;font-size: 12px;font-weight: 500;line-height: 1;color:#959daa;padding-top:7px;}
.portlet .noti li{line-height: 1;padding:12px 0;}
.portlet .noti li + li{border-top:1px solid #e3e3e6;}


.portlet.type .noti .swiper-container li:nth-child(3n+4){margin-top:0;}
.portlet.type .noti .swiper-container .swiper-slide{border:none;border-bottom:1px solid #e3e3e6;display:block;height: 88px; padding: 14px;text-align: left;}
.box01.type .noti li{border-radius: 8px;border:1px solid #e3e3e6;height: 120px;padding:10px 14px;}
.box01.type .noti li:nth-child(3n){border-bottom:1px solid #e3e3e6;}
.portlet .noti a:hover{opacity:.7;}
.portlet.type .noti .txt{display:block;font-size: 15px;font-weight: 500;padding-top:0;padding-bottom: 3px;color: #333d53;text-align: left;}
.portlet.type .noti .con{width: calc(100% - 8px);height: 19px;font-size: 13px;line-height: 1;padding-top:3px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#76808a;text-align: left;}
.portlet.type .noti .con > p{display: inline;overflow: initial;clear: none; margin-top: 0;}
.portlet.type .noti .name{font-size: 12px;line-height: 1;float: left;}
.portlet.type .noti em{float:right;padding-top: 0;padding-right: 1px;}
.portlet.type .noti p{overflow: hidden;clear: both;margin-top: 10px;}
.portlet .swiper-btn-box > div{margin-top:12px;}
.portlet .swiper-button-prev,
.slider .swiper-prev{background-image: url(images/common/p_slide_prev.png);left: 30px;right: auto;}
.portlet .swiper-button-next,
.slider .swiper-next{background-image: url(images/common/p_slide_next.png);right:30px;left:auto;}
.box03 .cont .img-box{height: 220px;overflow: hidden;}
.box02 .scroll_wrap{width: 100%;height:198px;}
.box02.type .scroll_wrap{width:auto;height:227px;padding-right: 10px;}
.box02 .mCSB_inside > .mCSB_container{margin-right:20px;}
.box02 .date-box{text-align: center;}
.box02 .year{font-size:20px;font-weight:600;line-height: 1;letter-spacing: -1px;padding-bottom: 15px;}
.box02 .year span{font-size:14px;font-weight:500;color: #b6c0ca;padding-left:2px;}
.box02 .total{float: right;display: block;font-size: 13px;line-height: 1;letter-spacing: -1.4px;padding-bottom: 18px;margin-right: 4px;}
.box02 .total:after{content:'';display: inline-block;background:url(images/common/arrow_ico.png) 100% 50% no-repeat;background-size:12px auto;width: 12px;height: 12px; padding-left: 5px;}
.box02 .total:hover{text-decoration: underline;}
.box02 .total span{font-size:18px;font-weight:600;color: #193b68;}
.box02.type .total{padding-top: 18px;}
.portlet ul.type1 li{border: 1px solid #dce5f5;background: #f3f8ff;border-radius: 7px;padding:10px 12px;overflow: hidden;clear: both;}
.portlet ul.type1 li + li{margin-top:10px;}
.portlet ul.type1 li p{width: calc(100% - 46px);float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.box02 .group{overflow: hidden;clear: both;}
.box02 ul.type1 li p span{font-weight:500;padding-left:8px;color:#333d53;vertical-align: middle;}
.box02 ul.type1 li a span{font-weight:500;color:#666;}
.box02 .detail_btn{float:right;color: #666;}
.box02 .detail_btn:hover{opacity:.7;}

.portlet ul.type1 li em{float:right;font-weight: 500;line-height: 1.7;color: #959daa;padding-top: 0;}
.portlet_on .box02.portlet ul li p{width: calc(100% - 4px);}
.box02 .cont{overflow: hidden;clear: both;padding-top: 12px;}
.box02.type .cont{padding-top:0;}
.box02 .calendar_tbl{width: calc(45% - 12px);margin-right: 26px;float:left;}
.box02 .calendar_header{position: relative;width: 100%;text-align: center;padding-bottom: 15px;}
.box02 .calendar_header .sel{display:block;text-align: center;}
.box02 .calendar_header .year{width: 60px;padding-bottom:0;}
.box02 .calendar_header a{display: block;font-size: 0; text-indent: -9999em;width:12px;height:22px;background-position: center;background-repeat: no-repeat;}
.box02 .calendar_header .cal_prev{float:left;background-image:url(images/common/cal_prev_btn.png);}
.box02 .calendar_header .cal_next{float:right;background-image:url(images/common/cal_next_btn.png);}
.box02 .calendar_tbl table{width:100%;}
.box02 .calendar_tbl table tr th{font-size: 12px;font-weight: 500;letter-spacing: -.5px;color: #cccccc;;text-align: center;padding-bottom: 3px;}
.box02 .calendar_tbl table tr td{height:28px;color:#111;padding: 4px 3px;vertical-align: top;}
.box02 .calendar_tbl table tr td .opa_05{color:#cecece;text-align: center;}
.box02 .calendar_tbl table tr td > a{position: relative;display:block;width: 22px;height: 22px;margin:0 auto;font-size:12px;line-height: 22px;letter-spacing: -.3px;text-align: center;color:#333333;}
.box02 .calendar_tbl table tr td > .today,
.box02 .calendar_tbl table tr td > a:hover,
.box02 .calendar_tbl table tr td.sun .today{border-radius:100%;background:#0039BD;font-weight:700;color:#fff;}
.box02 .calendar_tbl table tr td span{text-align: center;}
.box02 .calendar_tbl table tr td .on:after{content:'';position: absolute;transform: translateX(-50%);left: 50%;bottom: -6px;background: #bfd6f1;border-radius:100%;width:4px;height:4px;}
.box02 .calendar_tbl table tr th.sun,
.box02 .calendar_tbl table tr td .sun,
.box02 .calendar_tbl table tr td:first-child a,
.box02 .calendar_tbl table tr td .holiday{color: #fb1a63;}
.box02 .calendar_tbl table tr td a.today{color:#fff;}
.box02 .calendar_tbl table tr td .sun{opacity: .5;}
.box02 .calendar_tbl table tr{ position: relative;}
.box02 .calendar_tbl table label{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);margin-top: -13px;}
.box02 .calendar_tbl table label p{position: absolute;transform: translateX(-50%);left:50%;background:#a31432; max-width: 98%;width: 100%;border-radius:3px;padding:5px 10px;font-size:14px;line-height: 1.2;color:#fff;margin: auto;text-align: center;margin-left: -9px;}
.box02 .calendar_tbl table label:hover{opacity:.7;transition: all 0.3s ease;}
.box02 .calendar_tbl table label p{word-break: keep-all;}
.box02 .calendar_tbl table tr td.today-label-td{position: relative;}
.box02 .calendar_tbl table tr td.today-label-td label{width:100%;}
.box02 .calendar_tbl table tr td.today-label-td label p{width: calc(100% - 9px);}
.box02 .type .scroll_wrap{width: calc(55% - 14px);}

.box03.type .cont,
.box04 .cont,
.box05 .cont{margin-top: 28px;}
.box03 .swiper-slide {border:none;height: 120px;text-align: left;justify-content: initial;-webkit-box-align: initial;-ms-flex-align: center;-webkit-align-items: center;align-items: initial;}
.box03 .swiper-slide img{width: auto;height: 245px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.box03 .tit{font-size: 16px;line-height: 1.2;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-top: 8px;}
.box03 .name{font-size: 15px;line-height: 1;}
.box03 em{font-size: 14px;display:inline-block;padding-right: 10px;}
.box03 p{position: relative;}
.box03 .view{font-size: 14px;background:url(images/common/view_ico.png) 0 55% no-repeat;height:10px;padding-left:20px;}
.box03 .con-box{width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;color: #fff;padding: 14px;}
.box03 .noti .txt{display:block;width:100%;}
.box03 li{overflow: hidden;clear: both;}
/* .box03.type li{display:block;border: 1px solid #ddd;height: 120px;padding: 12px 16px;} */
.box03.type .portlet_con label{background:#faab09;text-align: center;padding: 0 8px;height: 22px;line-height: 22px;vertical-align: top;}
.box03.type .top{text-align: left;}
.box03.type .tit{font-size: 15px;font-weight:500;padding-top:0;white-space: initial;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.portlet_on .box03.type .tit{-webkit-line-clamp: 1;}
.box03.type .bottom{bottom: 16px;}

.style02 .box03.type .tit{padding-top: 5px;}
.type .portlet_con .bottom{width: 100%;position:absolute;left:0;bottom:10px;clear: both;padding: 0 16px;}
.box03.type .bottom span{font-size: 13px;line-height: 1;letter-spacing: -.5px;float:left;}
.portlet_on .box03.type .bottom span{float: none;margin-top: 0;}
.style01 .portlet_on .box03.type .view_btn,
.style02 .portlet_on .box03.type .view_btn{margin-top: 16px;}


.box03 .portletTwo .list{border-radius: 6px;height: 115px;padding: 12px 16px;}
.box03 .txt_box{float:left;width: calc(100% - 88px);}
.box03 .view_btn{float:right;width: 80px;height: 24px;border: 1px solid #0039BD;border-radius: 16px;background: #0039BD;line-height: 20px;font-size: 13px;text-align: center; margin-top: 7px;color: #fff}
.box03.type .view_btn{width: 110px;height: 26px;line-height: 23px;margin-top: -4px;}
.box03 .view_btn:hover{opacity:.8;}

.portlet .gallery .swiper-slide{border:none;display:block;height:253px;}
.portlet .photo01 .swiper-slide{display: block;width:100% !important;}
.portlet .gallery .con-img{background: #fff;border-radius: 9px;position: relative;height:218px;overflow: hidden;}
.portlet .gallery img{width:auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.box04 .swiper-container.gallery{ margin: 0 40px;}
.box04 .gallery img{height:218px;}
.box04 .over_box{display:none;border: 5px solid #dce5f5;border-radius: 9px;background: rgba(40,40,40,.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-top: 148px;text-align: left;padding-left: 20px;transition: transform 0.3s;}
.box04 .swiper-container{margin: 0;}
.portlet .gallery .con-img:hover .over_box{display:block;transition: all 0.5s ease;}
.portlet .gallery .name{font-size: 15px;font-weight:600;line-height: 1;color:#fff;display: block;}
.portlet .gallery .date{font-size: 13px;letter-spacing: -.1px;line-height: 1;font-weight:300;color: #fff;padding-top: 2px;}
.portlet .gallery .tit{display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:15px;font-weight:600;line-height: 1.2;color:#333d53;padding-top: 10px;}
.portlet .gallery .tit:hover {opacity:.8;}
.box05 .gallery .tit:hover {opacity:1;}
.box05 .gallery .swiper-slide{position: relative;height: 253px;}
.box05 .gallery .con-img{position: relative;width: 100%;height: 226px;border:none;}
.box05 .gallery .con-img:after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* background: rgba(0,0,0,0.4); */transition: opacity 0.3s;}
.box05 .gallery a:hover .con-img:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);    z-index: 10;}

.box05 .gallery  img{height:226px;}
.box05 .gallery .name{ text-align: right;font-size: 14px; font-weight: 400;color: #333d53;}
.box05 .gallery .tit{padding-top:0;padding-bottom:10px;}
.box05 .con-box{width: 100%;height:50px;position: absolute;bottom:0;text-align: right;padding: 10px 14px;z-index: 20;}
.box05 .con-box > div{display:none;position: absolute;bottom: 14px;right: 14px;}

.box05 .swiper-slide a:hover .con-img{border:3px solid #0039BD}
.box05 .swiper-slide a:hover .con-img:after{background:none}
.box05 .swiper-slide a:hover .con-box{background:#fff;border: 3px solid #0039BD;border-top: none;height:45%;border-radius:9px;border-top-right-radius: 0; border-top-left-radius: 0;transition: all 0.5s ease;}
.box05 .swiper-slide a:hover .con-box > p{display: -webkit-box;opacity:1;}
.box05 .swiper-slide a:hover .con-box > div{display:block;}
.box05 .swiper-slide a:hover .con-box .txt{color:#111;}

.box05 .con-box > p{display:none;font-size:14px;line-height: 1.3; text-align: left;overflow: hidden;text-overflow: ellipsis; max-height: 54px; -webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #111;}
.box05 .txt{display:inline-block;font-size:13px;font-weight: 500;color:#fff;}
.box05 em.txt{font-size:12px;}

.box05 .cont .swiper-button-next,
.box05 .cont .swiper-button-prev{margin-top:33px;}

.btn-box{overflow: hidden;clear: both;}
.box06.type .title.style{max-width: calc(100% - 166px);}
.portlet_on .box06 .title{max-width: calc(100% - 112px);}
.portlet_on .box06.type .title.style{max-width: calc(100% - 246px);}
.box06 .scroll_wrap{height: 234px;}
.box06.type .scroll_wrap{height: 220px;}
.box06.type .scroll_wrap.qu_d{height: 160px;}
.box06 .go_link{position: absolute;top: 32px;right: 63px;border:1px solid #0039BD;background: #0039BD;color:#fff;padding: 4px 12px 4px 15px;border-radius: 20px;z-index: 2;}
.box06 .go_link:hover{background:#fff;border:1px solid #0039BD;color:#0039BD;}
.portlet_on .box06 .go_link{top: 68px;right: 23px;}
.portlet_on .box06 .go_link.t_style{top: 31px;right: 103px;}
.box06 .go_link span{background:url(images/common/go_link_ico.png) 100% 50% no-repeat;background-size: 15px auto;display: inline-block;padding-right: 25px;}
.box06 .go_link:hover span{background:url(images/common/go_link_ico_hover.png) 100% 50% no-repeat;background-size: 15px auto;}
.box06 .swiper-container{margin-top:93px;}
.portlet_on .box06 .swiper-container{margin: 93px 26px 0;}
.box06.type .swiper-container{margin-top:8px}
.portlet_on .box06.type .tab_type1{margin-left:0;}
.box06 .swiper-slide{background: none;border: none;height: 108px;display:block;padding: 10px 16px;text-align: left;}
.box06 .portlet_con label{min-width: 48px;min-height: 24px;padding: 3px 14px;display:inline-block;cursor: initial;}
.box06.type .swiper-slide a:hover{opacity:.7}
.box06.type .noti{margin-top:20px;}
.box06 .stat{display: flex;text-align: center;margin: 16px auto 0;}
.box06.s01 .stat{display:block;}
.box06.s01 .stat li{width:100%;}
.box06.s01 .stat li:last-child{margin-left:0;}
.box06.s01 .stat li a{ text-align: left;}
.box06.s01 .yes_qa .stat li{width: calc(50% - 7px);}
.box06 .yes_qa .stat li:last-child{margin-left: 10px;}
.box06.s01 .slide_box .stat{display:flex;}

.box06 .stat li{border-radius: 16px;display:inline-block;border: 1px solid #dce5f5;font-weight: 300;width: calc(50% - 8px);line-height: 1;padding: 6px 8px 8px;text-align: center;}
.box06 .stat li:first-child{margin-right:6px;}
.box06 .stat li:last-child{margin-left:6px;}
.box06 .stat li span{font-size: 16px;font-weight:600;color: #283747;}
.box06 .tab .stat li{flex: 1;width: calc(33.333% - 18px);height: 30px;padding:0;}
.box06.s01 .tab .stat li{display: table;height: auto;flex: none;}
.box06.s01 .tab .stat li:nth-child(2){margin:0}
.box06.s01 .tab .stat li a{display: table-cell;vertical-align: middle;text-align: center;}
.box06 .stat li:first-child{margin-right:0;}
.box06 .tab .stat li:nth-child(2){margin:0 16px;}
.box06 .tab .stat li a{padding: 6px 8px 8px;}
.box06 .tab .stat li.on{border:1px solid #0039BD;background:#0039BD}
.box06 .tab .stat li.on a{font-weight: 500;color:#fff;}
.box06 .stat li a{display:block;font-size:15px;}
.box06 .qu.type1 li{padding:0;}
.box06 .qu a{display:block;padding: 10px 12px;overflow: hidden; clear: both;}
.box06 .qu a:hover{opacity:.6;}
.box06 .tit{font-size:18px;font-weight:500;line-height: 1;color: #272727;text-align: center;padding-top: 8px;}
.box06 .tit span{font-weight:600;}
.box06 .noti ul{margin-right:0;}
.box06 .swiper-slide a:hover{opacity:.7;}
.box06 .con_txt {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;line-height: 1.2;padding-top: 12px;color: #333d53;text-indent: -20px;padding-left: 20px;overflow: hidden;word-break: keep-all;}
.box06.type .noti .swiper-container .con_txt{float: right;width: calc(100% - 63px);padding-top: 6px;margin-top:0;}
.box06.type .noti .swiper-container .swiper-slide{height: 72px;padding: 12px 14px;margin-top:0 !important}
.box06.type .noti .swiper-container.tab .swiper-slide{height:32px;border-bottom: none;padding:0;}
.box06.type .noti .swiper-container.tab .swiper-slide a:hover{opacity:1;}
.box06 .con_txt span{font-size: 15px;font-weight: 600;color: #959daa;padding-right: 5px;}
.box06.type .con .swiper-slide a{display: block;height: 100%;}
.box06 .qu .con_txt{width: calc(100% - 4px);display: block;text-overflow: ellipsis;-webkit-line-clamp: initial;-webkit-box-orient: initial; white-space: nowrap;padding-top: 0;}
.box06 .qnaCon .con_txt{width: calc(100% - 64px);}
.box06 .qu em{float:right;padding-top: 3px;}
.box06 .qu .col01{color: #0039BD;}
.box06 .con_tit{font-size:15px;font-weight: 600;padding-bottom: 10px;}
.box06 .con_tit.type1{color: #0039BD;}
.box06.type .noti{display:inline-block;width: calc(50% - 9px);margin-right:0;vertical-align: top;}
.box06.type .tab .noti{width:100%;}
.box06.type .noti + .noti{margin-left:12px;}
.box06.type.s02 .noti{/* display:block;width:100%; */}
.box06 .swiper-btn-box > div{margin-top: 22px;}
.slide_box{position: relative;}
.box06 .portlet_con.tab .swiper-btn-box{position: absolute;top: 20px;left: 0;width: 100%; overflow: hidden;clear: both;}
.box06 .portlet_con.tab .swiper-btn-box > div {position: static;margin-top:0;}
.box06 .portlet_con.tab .swiper-button-prev{float:left;}
.box06 .portlet_con.tab .swiper-button-next{float:right;}
.box07 .cont {margin-top:14px;}
.box07 .scroll_wrap{height:213px;}
.box07 .faqCon li:hover,
.box07 .faqCon li a:hover,
.box07 .faqCon li:hover a{opacity:1 !important;color:#333333 important;}
.box07 .faqCon li:first-child{}
.box07 .faqCon .on a .txt{color:#0039BD;font-weight:600;}
.portlet .tab_type1{border-bottom: none;height:auto;margin: 20px auto 0;}
.portlet .tab_type1 ul{height: 35px;}
.portlet .tab_type1 li{border: none;height: 32px;}
.portlet .tab_type1 li a{display: table;border: none;background: #f3f8ff;width: 100%;height:100%;color: #333d53;}
.portlet .tab_type1 li:first-child a{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.portlet .tab_type1 li:last-child a{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.portlet .tab_type1 li a:hover,
.portlet .tab_type1 li a:focus,
.portlet .tab_type1 li a:active{border:none;background: #f3f8ff;height:32px;color:#fff;}
.portlet .tab_type1 li a:focus{color:#fff;}
.portlet .tab_type1 li a:active{color:#fff;}
.portlet .tab_type1 li.on{border:none;}
.portlet .tab_type1 li.on a:active,
.portlet .tab_type1 li.on a:focus{background: #0039BD;color:#fff;}
.portlet .tab_type1 li:hover a,
.portlet .tab_type1 li.on a{background: #0039BD;color: #fff;opacity:1;}
.portlet .tab_type1 li span{display:table-cell; vertical-align: middle;padding:0;}
.portlet .tab_type1 li:hover span{height:32px;}
.portlet.type .tab_type1{margin-top:0;}
.portlet_on .tab_type1 li a{font-size:12px;padding: 0 2px;}
/* FAQ */
.box07 .slide_box{position: relative;padding: 0 30px;}
.box07 .swiper-container{overflow: hidden;}
.box07 .tab_type1 ul{display:flex;}
.box07 .tab_type1 li{width: auto;flex: none;}
.box07 .tab_type1 li + li::before{content:none;}
.box07 .portlet_con{position: relative;}
.box07 .swiper-btn-box{position: absolute;top: 0;left: 0;width: 100%;}
.box07 .swiper-btn-box > div{margin-top: 5px;}
.box07 .swiper-btn-box .swiper-button-next{right: 0;left: auto;}
.box07 .swiper-btn-box .swiper-button-prev{left: 0;right: auto;}
.box07 .noti .txt{padding-top:0;}
.box07.type .noti .txt{cursor: pointer;}
.box07.type .noti .txt:hover{opacity: .6;transition:all 0.5s ease;}
.box07 .cont_w{overflow: hidden;clear: both;margin-top: 18px;}
.box07 .qu_box{margin-left: 30px;}
.box07 .cont_box{margin-top:0;}
.box07 .cont_box,
.box07 .qu_box{border: none;width: calc(50% - 15px);float:left;}
.box07 .qu_box{/* display:none; */position: relative;border-radius: 6px;border: 1px solid #dce5f5;background: #f3f8ff;height: 225px;padding: 20px;}
.box07 .qu_box p{font-size: 14px;font-weight: 300;color: #111;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.box07 .qu_box .datail_btn{position: absolute;right: 12px;bottom: 12px;font-size:14px;color:#272727;}
.box07 .qu_box .datail_btn:after{content:'';display: inline-block;background:url(images/common/datail_ico.png) 0 50% no-repeat;background-size: 9px auto;width: 9px;height: 18px;vertical-align: text-bottom;margin-left: 8px;}
.portlet .img-box{overflow: hidden;position: relative;width: 100%;height: 218px; margin-bottom: 10px;}
.portlet p img{width: 100%;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.menulist .ui-widget.ui-widget-content{top: 50% !important;transform: translate(-50%, -50%);}
.portlet.type p img{width: auto;height: 100%;}
td.cal_input > div{max-width: 550px;}
td.cal_input span{margin:0 5px;}
.table_wrap table.t_view td.cal_input input[type="text"].hasDatepicker{width: calc(50% - 11px) !important;min-width: auto;}


/* .slide-vert .mCSB_inside > .mCSB_container{height:100%;} */
.slide-vert .cont{margin-top: 30px;}
.slider {position: relative;max-width: 1180px;padding: 0 30px;}
.slider .inner {overflow: hidden;margin-right: -1.333%;}
.slider .swiper-slide {display:flex;flex-wrap:wrap;height:100%;}
.slider .list {position: relative;height: 115px;margin: 1% 1.333% 1% 0;background: #fafafa;font-size: 20px;text-align: center;}
.style01 .slider .list{width: 48%;}
.style02 .slider .list{width: 32%;}
.slider .swiper-btn-box > div{font-size: 0;text-indent: -9999em;margin-top: 0;}
.slider .swiper-button-prev {left: 0;}
.slider .swiper-button-next {right:0;}


/* login_wrap */
#login_form *{transition:0s}
#login_form .login_wrap{display:flex;flex-wrap:wrap;min-height:100vh;margin:0 auto;padding:0;background:#fff}
#login_form .login_wrap > div{display:flex;align-items:center;justify-content:center}
#login_form .login_wrap .login_right .footer{position:absolute;bottom:0;left:0;width:100%;padding:20px;text-align:center;background:none;font-size:13px;color:#7c8091;opacity:0.6}
.login_wrap .login_left{width:calc(100% - 550px);background:no-repeat url(./images/common/login_bg01.jpg) 50% 50%;background-size:cover}
.login_wrap .login_right{flex-wrap:wrap;width:550px}
.login_wrap .login_left .text_wrap{width:620px;padding-bottom:300px;text-align:left}
.login_wrap .login_left .text_wrap p{color:#fff;line-height:1.4}
.login_wrap .login_left .en_tit{font-weight:600;font-size:40px}
.login_wrap .login_left .login_tit{font-size:34px}
.login_wrap .login_left .en_tit,
.login_wrap .login_left .login_tit strong{text-shadow:0 0 20px rgba(0,0,0,0.5)}
.login_wrap .login_left .login_desc{font-weight:300;font-size:22px}
.login_wrap .login_left .login_desc::before{content:'';display:block;margin:30px 0 10px;width:25px;height:2px;background:#fff}
.login_wrap .login_right{position:relative;padding:60px 70px;background:url(./images/common/syworks_logo.png) no-repeat calc(100% - 70px) 40px #fff;}
.login_wrap .login_box{width:100%;padding-bottom:150px}
.login_wrap .login_box_tit{margin-bottom:30px;font-size:14px;color:#777;text-align:left}
.login_wrap .login_box_tit strong{padding-right:10px;font-size:34px;color:#333}
#login_form .input_box + .input_box{margin-top:10px}
#login_form .input_box input{height:45px;padding-left:30px;border:0;border-bottom:1px solid #DADADA;background:#fff no-repeat 0 50%}
#login_form .input_box input.id_input{background-image:url(./images/common/login_id_ic.png)}
#login_form .input_box input.pw_input{background-image:url(./images/common/login_pw_ic.png)}
#login_form .input_box input.id_input:focus{background-image:url(./images/common/login_id_focus_ic.png)}
#login_form .input_box input.pw_input:focus{background-image:url(./images/common/login_pw_focus_ic.png)}
#login_form .input_box input:focus{border-color:#E2211C;color:#E2211C;}
#login_form .input_box input::placeholder{color:#999}
.login_wrap .util_box{margin:15px 0 0;text-align:right}
.login_wrap .util_box a{font-size:13px;color:#999}
.login_wrap .loginBtn,
.login_wrap .joinBtn{display:block;float:none}
.login_wrap .loginBtn{height:54px;margin-top:30px;border-radius:3px;line-height:54px;background:linear-gradient(to right, #7D030D, #E2211C)}
.login_wrap .joinBtn{height:auto;margin-top:40px;font-weight:400;font-size:14px;color:#175ce5;background:none;}
.login_wrap .joinBtn span{border-bottom:1px solid #175ce5}
.login_wrap .admin_login a{font-size:13px;color:#999}
.login_wrap .admin_login{display:block;margin-top:20px;font-size:14px;color:#333;text-align:center}
.sns_login_gp > a + a{margin-top:10px}
.sns_login_gp #google_id_login{border:1px solid #ddd}

@media only screen and (max-width:1280px){
	.main_wrap .inner{max-width:100%;}
	.portlet_top .portlet_btn_w{width:100%;}
	.login_wrap .login_left .text_wrap{width:80%}
}
@media only screen and (max-width:1024px){
	#login_form .login_wrap{display:block;}
	.login_wrap .login_left{width:100%;height:auto}
	.login_wrap .login_left .text_wrap{width:100%;padding:40px 20px;text-align:center}
	.login_wrap .login_left .en_tit{font-size:26px}
	.login_wrap .login_left .login_tit{font-size:20px}
	.login_wrap .login_left .login_desc::before{margin:30px auto 10px}
	.login_wrap .login_left .login_desc{font-size:16px}
	.login_wrap .login_right{width:100%;padding:100px 20px 20px;background-position:50% 20px}
	.login_wrap .login_box{padding-bottom:40px}
	.login_wrap .joinBtn{margin-top:20px}

	.main_wrap{padding: 20px 6px 100px;}
	.portlet_box .portlet.ui-widget{width: calc(50% - 17px);}
	.portlet_box .portlet.type{width: calc(100% - 18px);}
	.portlet ul.type1 li p{width: calc(100% - 4px);}
	.box03.type .view_btn{width: 84px;}
	td.cal_input > div{max-width:100%;}
	td.cal_input input[type="text"].hasDatepicker{width:100% !important;}
	.portlet.box07 .tab_type1 li:last-child{border-right: none;}
}

@media only screen and (max-width:720px){
	.fc .fc-toolbar-title{font-size:1.5em !important;}


	.portlet_box .portlet.ui-widget{width: calc(100% - 18px);height: auto;padding: 28px 18px;}
	.portlet .add_btn{top: 28pxpx;right: 18px;}
	.portlet .title{font-size: 17px;}
	.portlet .swiper-container{margin: 10px 10px 0;}
	.portlet .swiper-button-prev{left:20px;}
	.portlet .swiper-button-next{right:20px;}
	.box02.type .total{padding-top: 28px;margin-right:0;}
	.box02 .year{font-size: 18px;}
	.box02 .calendar_tbl{width:100%;margin-right:0;float: none;}
	.box02.type .scroll_wrap{width:100%;margin-top: 20px;}
	.box03.type .swiper-slide{height:134px;padding: 12px;}
	.box03.type .bottom{padding:0 12px;}
	.box03.type .view_btn{width:76px;}
	.box06 .swiper-slide{height:92px;}
	.box06 .swiper-btn-box > div{margin-top: 23px;}
	.portlet.type .tab_type1{margin:0;}
	.box06 label{padding: 3px 10px;}
	.box06.type .noti .swiper-container .swiper-slide{height:auto;}
	.box06.type .noti .swiper-container .con_txt{ width: calc(100% - 50px);}
	.box06 .tit{font-size: 16px;}
	.box06 .tab .stat li{width: calc(33.333% - 6px);font-size: 12px;}
	.box06 .stat li span{font-size: 15px;}
	.box06 .go_link{right: 55px;}
	.box06 .go_link.t_style{float: none;position: absolute;top: 31px;right: 56px;}
	.box06 .tab .stat li:nth-child(2){margin: 0 6px;}
	.box06 .tab .stat li:last-child {margin-left: 0;}
	.box06 .stat li em{display:block;}
	.box06 .con_tit{font-size: 14px;}
	.box06 .con_txt{font-size: 13px;}
	.box06.type .noti{width:100%;display:block;margin-top: 14px;}
	.box06.s01 .noti,
	.box06.s02 .noti{height:auto;}
	.box06.s01 .swiper-container{margin-top: 20px;}
	.portlet.box06 .no_result { margin: 10px auto 0;}
	.box06 .noti{height:173px;}
	.box06.type .noti + .noti{margin-left:0;}
	.box07 .swiper-container{margin: 25px 0 0;}
	.box07 .cont_box, .box07 .qu_box{width:100%;float:none;}
	.box07 .qu_box{height: 180px;margin-top:20px;margin-left: 0;padding: 18px 14px;}
	.box07 .qu_box .datail_btn{font-size: 13px;}
	.main_w .tab_type1 li a{font-size:12px;}
	.box06 .stat li a{font-size:12px;}

	.slider .inner{margin-right: -2%;}
	.style01 .slider .list,
    .style02 .slider .list{width:100%;margin-right: 2%;}
	.portlet .slider .swiper-button-prev{left:0;}
	.portlet .slider .swiper-button-next{right:0;}

}

@media only screen and (max-width:480px){
	/* .slide-vert .slider .swiper-button-prev{left:0;}
	.slide-vert .slider .swiper-button-next{right:0;} */
	.box03.type .swiper-slide{height:166px;}
	.box03.type .bottom span{float: none;}
	.box03.type .view_btn{width: 100%;float: none;display: block;margin-top: 11px;}


}