@charset "utf-8";
/* global defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span,th,td,legend{margin:0;padding:0;}
fieldset,img,abbr,acronym{border:none;color:#111;}
fieldset{display:block;}
ol,ul{list-style:none outside;}
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-size:100%;font-weight:300;}

.accessibility,hr,legend,caption,hr{position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;margin:0;padding:0;overflow:hidden;visibility:hidden;text-indent:-1000em;}
.skip{position:absolute;top:-50px;left:0;z-index:9999;width:100%;height:35px;padding-top:15px;display:block;font-size:12px;line-height:20px;color:#333; background-color:#eee;text-align:center;}

/* Skip Navigation */
#skip_to_container a{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#skip_to_container:hover,#skip_to_container:active,#skip_to_container:focus{width:100%;height:auto;margin:0;padding:5px 0;font-weight:400;font-size:12px;line-height:1;color:#202020;text-decoration:none !important;text-indent:10px;}

/* s: All Style */
a:link, a:visited{text-decoration:none}
a:hover{text-decoration:none}
img,video,audio,object,embed,iframe{max-width:100%;}
/*:lang(zh), zh{font-family: 'Kanit', sans-serif;}*/
body,th,td,input,select,button,textarea{font-style:normal;font-weight:normal;font-family:'SpoqaHanSansNeo','Malgun Gothic','Dotum',sans-serif !important;color:#494949;font-size:14px;line-height:1.2; /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ }

html,body{min-width:1200px;height:100%;}
table{width:100%;border-collapse:collapse;table-layout:fixed;}
figure{margin:0;padding:0;font-size:0;line-height:0;}
br{font-family:'Dotum', sans-serif !important;}

/* library */
.tal{text-align:left !important; }
.tac{text-align:center !important}
.tar{text-align:right !important; }
.vam{vertical-align:middle !important;}
.vat{vertical-align:top !important;}
.vab{vertical-align:bottom !important;}
.block_i{display: inline-block !important;}
.displayflex{display:flex;align-items:center;}
.displayflex-wrap{flex-wrap:wrap;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml60{margin-left:60px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}

.mb30{margin-bottom:30px;}
.mb80{margin-bottom:80px;}

/* 노출 - 배경색 */
.b_blue{background-color:#ccecff;}
.b_yellow{background-color:lemonchiffon;}

/* 말줄임 : 1줄 */
.clamp-line1{overflow:hidden;display:block !important;text-align:left;display:-webkit-box !important;-webkit-line-clamp:1;/*말줄임 수정 가능*/-webkit-box-orient:vertical;word-wrap:break-word;}

a.disabled,
div.disabled,
p.disabled,
span.disabled,
ul.disabled,
li.disabled,
input.disabled,
textarea.disabled{border-color:#a9a9a9 !important;background-color:#a9a9a9 !important;opacity:0.45 !important;}
*, :before, :after{box-sizing:border-box;word-break:keep-all;}

/* Link Style */
a:link,
a:visited{text-decoration:none;color:#494949;}
a:hover{text-decoration:none;color:#494949;}


/* INPUT :: Placeholder Style */
input::-webkit-input-placeholder{color:#999;font-weight:400;}
input::-moz-placeholder{color:#999;font-weight:400;}
input:-ms-input-placeholder{color:#999;font-weight:400;}
input:-moz-placeholder{color:#999;font-weight:400;}
input::placeholder{color:#999;font-weight:400;}

textarea::-webkit-input-placeholder{color:#888;font-weight:500;}
textarea::-moz-placeholder{color:#888;font-weight:500;}
textarea:-ms-input-placeholder{color:#888;font-weight:500;}
textarea:-moz-placeholder{color:#888;font-weight:500;}
textarea::placeholder{color:#888;font-weight:500;}

/* Disabled */
input.disabled::-webkit-input-placeholder{color:#444;}
input.disabled::-moz-placeholder{color:#444;}
input.disabled:-ms-input-placeholder{color:#444;}
input.disabled:-moz-placeholder{color:#444;}
input.disabled::placeholder{color:#444;}

textarea.disabled::-webkit-input-placeholder{color:#444;}
textarea.disabled::-moz-placeholder{color:#444;}
textarea.disabled:-ms-input-placeholder{color:#444;}
textarea.disabled:-moz-placeholder{color:#444;}
textarea.disabled::placeholder{color:#444;}

/* Input */
input{outline:none;font-size:16px;border:1px solid #999;width:250px;height:36px;border-radius:3px;padding:0 5px;}
input.half{width:50%;}
input.full{width:100%;}
input.link,
input.upload,
input.youtubelink,
input.snslink,
input.title{width:600px;}
input.link{width:550px;}
input.number-box{min-width:54px;width:100%;padding:8px 0;border:1px solid #5b5d5d;text-align:center;}

input[type=checkbox],
input[type=radio]{display:none;}

/* Input : 체크박스 */
input[type=checkbox] + label{display:block;min-width:auto;width:18px;height:18px;margin: 0 auto;}
input[type=checkbox] + label{display:flex;align-items: center;position: relative;color:#5b5d5d;font-weight:600;}
input[type=checkbox] + label:before{position:absolute;content:"";display:inline-block;width:18px;height:18px;border:1px solid #0099cc;background:#fff;border-radius:3px;overflow:hidden;}
input[type=checkbox]:checked + label:before{border:3px solid #0099cc;background:#0099cc url('../images/check_on.svg') no-repeat center center/18px;}

/* Input : 라디오박스 */
input[type=radio] + label{display:flex;align-items:center;position:relative;color:#111;margin:5px 0;}
input[type=radio] + label:before{content: "";display:inline-block;width:22px;height:22px;border:1px solid #dbdbdb;border-radius:50%;margin-right:10px;}
input[type=radio] + label:after{content:"";position:absolute;top:5px;left:5px;width:12px;height:12px;border-radius:50%;background-color:#f0f0f0;overflow: hidden;}
input[type=radio]:checked + label{color:#0c4da2;}
input[type=radio]:checked + label:before{border-color: #0c4da2;}
input[type=radio]:checked + label:after{background-color:#0c4da2;}

/* Input : 숫자 */
input[type=umber]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Input : 셀렉트 박스 */
select{width:295px;height:36px;}
select.library,
select.cs-center,
select.portfolio{width:250px;height:36px;}
select.date{width:195px;}
.select-box + .select-box{margin-left:20px;}


/*Textarea*/
textarea{width:600px;border:1px solid #999;border-radius:5px;padding:12px 5px;resize:none;}
textarea.full{width:100%;}


/*해더영역*/
header .top{width:100%;margin:0 auto;}
header .top{display:flex;width:100%;height:30px;line-height:30px;background-color:#0c4da2;font-size:12px;}
header .top p{width:calc(100% - 150px);display:flex;justify-content:space-between;color:#fff;padding:0 15px;}
header .top a.logout{width:150px;background-color:#0099cc;display:block;position:relative;color:#fff;text-align:center;}
/*header .top .logout-box a.logout::before{content:"";position:absolute;width:25px;height:25px;border-radius:50%;background:#80b3ff url(../images/logout-icon.png) no-repeat center center;background-size:15px 15px; margin-left:-50px;margin-top:2px;}*/

.container{min-height:calc(100% - 112px);padding:80px 0 100px;}
.inner,
.board-table,
.form-table{max-width:1200px;width:100%;margin:0 auto;padding:0 50px;}
h2.tit{color:#111;font-size:20px;font-weight:700;margin-bottom:15px;line-height:1.5;}
p.require{color:#7f7f7f;font-size:14px;font-weight:500;margin-bottom:10px;}
p.total{color:#111;font-size:14px;margin-bottom:10px;}
p.total > span{font-weight:700}

header .gnb{display:flex;}
header .gnb .logo{width:250px;height:50px;background:url(../images/ci.svg) no-repeat center center;background-size:contain;margin-right:20px;}
header .gnb .logo a{display:block;height:50px;text-indent:-9999px;}
header .gnb nav{width: calc(100% - 250px - 20px);position:relative;}
header .gnb nav .dep1 {display:flex;}
header .gnb nav .dep1 > li{text-align:center;padding:0 20px;}
header .gnb nav .dep1 > li > a{display:block;font-size:16px;font-weight:500;line-height:50px;transition:0.3s;}
header .gnb nav .dep1 > li > a span{display:block;position:relative;}
header .gnb nav .dep1 > li > a span:before{content:"";height:3px;width:0px;background-color:#0c4da2;position:absolute;left:50%;bottom:0;transition:0.4s;}
header .gnb nav .dep1 > li.fixed{position:relative;}

header .gnb nav .dep1 > li.disabled {text-align:center;padding:0 20px;background-color:#ffffff !important}
header .gnb nav .dep1 > li.disabled > a{display:block;font-size:16px;font-weight:500;line-height:50px;transition:0.3s;}
header .gnb nav .dep1 > li.disabled > a span{display:block;position:relative;color: #7f7f7f;}
header .gnb nav .dep1 > li.disabled > a span:before{content:"";height:3px;width:0px;position:absolute;left:50%;bottom:0;transition:0.4s;}

header .gnb nav .dep1 li .dep2{display:none;position:absolute;top:100%;left:20px;height:50px;}
header .gnb nav .dep1 li .dep2 li{display:inline-block;}
header .gnb nav .dep1 li .dep2 li + li{margin-left:30px;}
header .gnb nav .dep1 li .dep2 li a{position:relative;display:block;padding:20px 0 6px;}
/*header .gnb nav .dep1 li .dep2 li a:before{content:"";height:1px;width:0px;background-color:#0c4da2;position:absolute;left:50%;bottom:0;transition:0.4s;}*/
header .gnb nav .dep1 li .dep2 li.active a{color:#0c4da2;font-weight:500;}
header .gnb nav .dep1 li .dep2 li.active a:before{width:100%;left:0}

header .gnb nav .dep1 li.active a span{color:#0c4da2;}
header .gnb nav .dep1 li.active a span:before{width:100%;left:0}
header .gnb nav .dep1 li.active .dep2{display:block;white-space:nowrap;}

header .gnb nav .dep1 li.sel a span{color:#0c4da2;}
header .gnb nav .dep1 li.sel a span:before{width:100%;left:0}
header .gnb nav .dep1 li.sel .dep2{display:block;white-space:nowrap;}

/*게시판형 테이블*/
.tb_row table{width:100%;border-top:3px solid #0c4da2;}
.tb_row table thead tr{font-weight:700;}
.tb_row table thead tr th{font-weight:700;padding:17px 5px;background-color:#F7F9FC;border-bottom:1px solid #ddd;}
.tb_row table tbody tr td{text-align:center;padding:13px 5px;border-bottom:1px solid #ddd;}
.tb_row table tbody tr td a{color:#0069B9;text-decoration:underline}
.tb_row table tbody tr td.active{color:#0069B9;}
.tb_row table tbody tr td a.preview{display:inline-flex;width:28px;height:28px;background:url(../images/preview_icon.png) no-repeat center center;}

/* 메인 관리_주요공지관리  */
.important_notice > .tb_row table tbody tr td{padding:10px 5px;}

/*폼형  테이블*/
.form-table:first-child{margin-bottom:50px;} /*폼 사이 간격*/
.tb_col table{width:100%;border-top:3px solid #0c4da2;}
.tb_col table tbody tr th{background-color:#ccecff;text-align:left;padding:7px 15px;border-bottom:1px solid #ddd;}
.tb_col table tbody tr th.required:after{content:"*";color:#ff0000;margin-left:1px;} /* '*' 필수항목 표시*/
.tb_col table tbody tr th.br{border-right:1px solid #ddd;}
.tb_col table tbody tr td{border-bottom:1px solid #ddd;;padding:7px 15px;}
.tb_col table tbody tr td > p.desc{color:#999;font-size:13px;margin-top:8px;}
.tb_col table tbody tr td > span {margin-right:15px;}
.tb_col table tbody tr td > div + div{margin-top:3px;}
.tb_col table tbody tr td > div > div + div{margin-left:20px;}

/*버튼*/
.btn-wrap{max-width:1200px;width:100%;margin:50px auto 0;padding:0 50px;display:flex;justify-content:space-between;}
.btn-wrap div > a{display:inline-block;background-color:#999;color:#fff;min-width:120px;line-height:35px;text-align:center;border-radius:3px;padding:0 10px;}
.btn-wrap div > a.blue{background-color:#0099cc;}

/* 버튼 */
.btn-box button{padding:6px 15px;min-width:90px;background-color:#999;color:#fff;border-radius:5px;border:0;font-weight:400;font-size:13px;}
/* .btn-box button + button{margin-left:10px;} */
.btn-box button.up::before{content:"▲";margin-right:5px;}
.btn-box button.down::before{content:"▼";margin-right:5px;}

/*메인관리_주요공지관리*/
/*paging*/
.paging{text-align:center;}
.paging-wrap{display:inline-flex;}
.paging-wrap .paging-btn{display:inline-block;width:34px;height:34px;background:url(../images/icon-pagging-arrow.svg) no-repeat;background-size:60px auto;border:1px solid #ddd;padding:0;border-radius:5px;margin:0 8px;}
.paging-wrap .paging-btn.prev{background-position:left top}
.paging-wrap .paging-btn.next{background-position:right top}
.paging-wrap .paging-btn.disable{opacity:0.5;}
.paging-wrap .paging-wrap_page{border:1px solid #ddd;border-radius:5px;}
.paging-wrap .paging-wrap_page a{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 5px;}
.paging-wrap li + li{margin-left:8px;}
.paging-wrap li.now a{width:34px;padding-left:0;padding-right:0;background:#0c4da2;color:#fff;border-radius:5px}

/*달력 Style*/
.calendar-wrap{display:inline-block;width:130px;border:1px solid #999;border-radius:5px;}
.calendar-wrap + .calendar-wrap{margin-top:0;}
.calendar-wrap input[type=text].calendar{display:block;width:100%;height:32px;color:#111;font-size:12px;line-height:32px;border:none;padding:0 30px 0 5px;background:url('../images/calendar_icon.png') no-repeat right 8px center;opacity:0.5;background-size:17px;border-radius:5px;}
#ui-datepicker-div{transform:translate3d(-1px,0,0);margin-top:3px}
.ui-widget-header{border:0;background-color:#fff;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{width:28px;height:28px;display:flex;justify-content:center;align-items:center;}
.ui-datepicker .ui-datepicker-prev{top:50% !important;left:0 !important;transform:translate(0, -50%);}
.ui-datepicker .ui-datepicker-next{top:50% !important;right:0 !important;transform:translate(0, -50%);}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{position:relative;left:0;top:0;margin:0;width:18px;height:18px;}
.ui-datepicker .ui-datepicker-prev span{background:url('../images/calendar_prev.svg') no-repeat center center;}
.ui-datepicker .ui-datepicker-next span{background:url('../images/calendar_next.svg') no-repeat center center;}
.ui-datepicker .ui-datepicker-title select{font-size:13px;line-height:1.3;border:1px solid #ECEFF1;padding:5px;border-radius:3px;margin:0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:calc((100% / 2) - 5px);}
.ui-datepicker select.ui-datepicker-year{margin-left:5px;}
.ui-datepicker th{font-size:13px;font-weight:normal}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{border:1px solid #ECEFF1;font-size:12px;text-align:center;border-radius:3px;background-color:#fff;} /* 날짜 기본 */
.ui-datepicker td span, .ui-datepicker td a{padding:8px 3px;}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{color:#fff;border-color:#0069B9;background-color:#0069B9;} /* 오늘 */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{color:#0069B9;font-weight:500;border-color:#EBF7FF;background-color:#EBF7FF;} /* 선택한 날짜 */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon{background-image:inherit;}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary{color:#C3C3C3;border-color:#ECEFF1;background-color:#FAFAFA;} /* 이전달,다음달 날짜 */

/* 배너이미지 */
.banner-form{display:flex;align-items:center;}
.banner-form input.upload{width:600px;height:36px;line-height:36px;font-size:16px;background-color:#f5f5f5;border:1px solid #999;border-radius:3px;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-right:5px;}
.banner-form > label {display:inline-block;height:36px;line-height:36px;color:#222;font-size:14px;background-color:#fdfdfd;cursor:pointer;border:1px solid #999;border-radius:3px;padding:0 20px;}
.banner-form input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.thumb a{position:absolute;right:-8px;top:0;width:16px;height:16px;border-radius:50%;background:#111 url(../images/close_icon.png) no-repeat center center;background-size:10px;text-indent:-9999px;}
.thumbTxt{width:100%}

.important_notice02 .thumb{max-width:37px;width:100%;position:relative;margin-top:8px;}
.important_notice02 .thumb a{position:absolute;right:-8px;top:-3px;width:16px;height:16px;border-radius:50%;background:#111 url(../images/close_icon.png) no-repeat center center;background-size:10px;text-indent:-9999px;}


/* 브이로그 배너관리 */
.vlog_banner > .tb_row table tbody tr td{padding:9px 5px;}
.vlog_banner .thumb{max-width:75px;width:100%;position:relative;margin-top:8px;}
.vlog_banner .thumb a{position:absolute;right:-8px;top:-3px;width:16px;height:16px;border-radius:50%;background:#111 url(../images/close_icon.png) no-repeat center center;background-size:10px;text-indent:-9999px;}

/* 소셜미디어 배너관리 */
.sns_banner .thumb{max-width:48px;width:100%;position:relative;margin-top:8px;}
.sns_banner .thumb a{position:absolute;right:-8px;top:-3px;width:16px;height:16px;border-radius:50%;background:#111 url(../images/close_icon.png) no-repeat center center;background-size:10px;text-indent:-9999px;}

/* 영어뉴스룸 배너관리 */
.english_newsroom > .tb_col table tbody tr td > div input{font-size:11px;}
.english_newsroom .thumb{max-width:42px;width:100%;position:relative;margin-top:8px;}
.english_newsroom .thumb a{position:absolute;right:-8px;top:-3px;width:16px;height:16px;border-radius:50%;background:#111 url(../images/close_icon.png) no-repeat center center;background-size:10px;text-indent:-9999px;}


/* 설계 안전성 라이브러리 관리*/
.tab-wrap{margin-top:80px;}
.library-tab{margin-bottom:40px;}
.library-tab ul.introduce-nav{display:flex;}
.library-tab ul.introduce-nav li{display:none;display: inline-block;cursor: pointer;border:1px solid #C3C3C3;width:calc(100% / 5);border-right:0;}
.library-tab ul.introduce-nav li:last-child{border-right:1px solid #C3C3C3;}
.library-tab ul.introduce-nav li a{display:block;text-align:center;line-height:3;font-weight:500;}
.library-tab ul.introduce-nav li.on{background-color:#111;} /*활성화표시*/
.library-tab ul.introduce-nav li.on a{color:#fff;} /*활성화표시*/
.tab-content{display: none;min-height:calc(100% - 112px);padding:20px 0 100px;}
.tab-content.on{display:block;}

.dfs-form{display:flex;align-items:center;}
.dfs-form input.upload{width:600px;height:36px;line-height:36px;font-size:16px;background-color:#f5f5f5;border:1px solid #999;border-radius:3px;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-right:5px;}
.dfs-form > label {display:inline-block;height:36px;line-height:36px;color:#222;font-size:14px;background-color:#fdfdfd;cursor:pointer;border:1px solid #999;border-radius:3px;padding:0 20px;}
.dfs-form input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

.dfs .thumb{position:relative;margin-top:8px;}
.dfs .thumb a{position:absolute;right:-30px;top:-3px;width:16px;height:16px;border-radius:50%;background:#111 url(../images/close_icon.png) no-repeat center center;background-size:10px;text-indent:-9999px;}
.dfs .thumb .thumbTxt a{all:revert;}

/* 기술라이브러리 탭 */
.tech_library .library-tab ul{display:flex;}
.tech_library .library-tab ul li{width:calc(100% / 4);border:1px solid #C3C3C3;border-right:0;}
.tech_library .library-tab ul li:last-child{border-right:1px solid #C3C3C3;}
.tech_library .library-tab ul li a{display:block;text-align:center;line-height:3;font-weight:500;}
.tech_library .library-tab ul li.on{background-color:#111;} /*활성화표시*/
.tech_library .library-tab ul li.on a{color:#fff;} /*활성화표시*/
.tech_library > div + div{margin:40px 0;}
.tech_library .tb_row table tbody tr td {padding: 13px 20px;}
.tech_library .tb_row table tbody tr td p.number-box{min-width:54px;width:100%;padding:8px 0;border:1px solid #5b5d5d;}
.board-table .tech_textbox{display:flex;justify-content:space-between;}

/* 포트폴리오 */
.portfolio .thumb{max-width:48px;width:100%;position:relative;margin-top:8px;}
.portfolio .thumb a{position:absolute;right:-8px;top:-3px;width:16px;height:16px;border-radius:50%;background:#111 url(../images/close_icon.png) no-repeat center center;background-size:10px;text-indent:-9999px;}

/* 고객센터 */
.cs-center .tb_col table tbody tr td{padding:11px 15px;}

/* 푸터영역 */
footer{width:100%;height:30px;line-height:30px;background-color:#f3f3f3;}
footer .inner p{display:inline-block;font-size:11px;color:#999999;}
footer .inner p + p{margin-left:30px;}


/* 주요공지관리 미리보기 */
#major-notice-pop {
  position:fixed;top:0;right:-120%;max-width:340px;width:100%;height:100%;background-color:#fff;box-shadow:-6px 0px 6px rgba(0, 0, 0, 0.1);opacity:0;z-index:3;
  -o-transition: all .45s .0s ease-in-out;
  -ms-transition: all .45s .0s ease-in-out;
  -moz-transition: all .45s .0s ease-in-out;
  -webkit-transition: all .45s .0s ease-in-out;
  transition: all .45s .0s ease-in-out;
}
#major-notice-pop .wrap {width:100%;height:100%;padding-bottom:110px;overflow-y:auto;}
#major-notice-pop .wrap figure.thumb {}
#major-notice-pop .wrap div.txt {padding:60px 16px 0;text-align:center;}
#major-notice-pop .wrap div.txt h7 {color:#111;font-size:28px;font-weight:700;line-height:1.4;}
#major-notice-pop .wrap div.txt p {color:#111;font-size:18px;line-height:1.6;margin-top:16px;}
#major-notice-pop .wrap .btn-wrap {display:block;text-align:center;margin-top:40px;}
#major-notice-pop .wrap .btn-wrap a.link {display:inline-block;min-width:123px;color:#1428A0;font-size:18px;font-weight:500;line-height:50px;text-align:center;border:1px solid #1428A0;border-radius:10px;padding:0 5px;}
#major-notice-pop a.close {position:absolute;bottom:32px;left:50%;transform:translate(-50%,0);width:44px;height:44px;margin:40px auto 0;background:#f2f2f2 url('../images/icon-schtable-close.svg') no-repeat center top/44px 88px;border-radius:50%;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}
#major-notice-pop.active {right:0;opacity:1;}


/* LOADING */
.loding-wrap {width:100%;height:100%;position:relative;display:flex;align-items:center;}
.loding-wrap > h1.logo {position:absolute;top:0;left:0;background:url('../images/ci.svg') no-repeat center center;background-size: contain;}
.loding-wrap > h1.logo a {display:block;width:220px;height:50px;text-indent:-9999px;}
.loding-wrap .loding-box {margin:0 auto;text-align:center;}
.loding-wrap .loding-box p {font-size:40px;margin-top:20px;}
.loding-wrap .loding-box svg {
  height: 120px;
  width: 120px;
  overflow: visible;
  /*   border: 1px solid red; */
}

.g--circle {
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  fill: #1428A0;
  -webkit-animation: opacity 1.2s linear infinite;
  animation: opacity 1.2s linear infinite;
}
.g--circle:nth-child(12n + 1) {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
  -webkit-transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-30deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 2) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
  -webkit-transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-60deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 3) {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
  -webkit-transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-90deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 4) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
  -webkit-transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-120deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 5) {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
  -webkit-transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-150deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 6) {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
  -webkit-transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-180deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 7) {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
  -webkit-transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-210deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 8) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  -webkit-transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-240deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 9) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
  -webkit-transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-270deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 10) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-300deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 11) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
  -webkit-transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-330deg) translate(5px, 5px) scale(0.9);
}
.g--circle:nth-child(12n + 12) {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
  -webkit-transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
  transform: rotate(-360deg) translate(5px, 5px) scale(0.9);
}

.g-circles--v1 .g--circle {
  fill-opacity: 0;
  -webkit-animation-name: opacity;
  animation-name: opacity;
}

@-webkit-keyframes opacity {
  3% {
    fill-opacity: 1;
  }
  75% {
    fill-opacity: 0;
  }
}

@keyframes opacity {
  3% {
    fill-opacity: 1;
  }
  75% {
    fill-opacity: 0;
  }
}
@-webkit-keyframes opacity-stroke {
  10% {
    stroke-opacity: 1;
  }
  85% {
    stroke-opacity: 0;
  }
}
@keyframes opacity-stroke {
  10% {
    stroke-opacity: 1;
  }
  85% {
    stroke-opacity: 0;
  }
}
@-webkit-keyframes colors {
  0% {
    fill: yellowgreen;
  }
  10% {
    fill: gold;
  }
  75% {
    fill: crimson;
  }
}
@keyframes colors {
  0% {
    fill: yellowgreen;
  }
  10% {
    fill: gold;
  }
  75% {
    fill: crimson;
  }
}
@-webkit-keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }
  10% {
    stroke: gold;
  }
  75% {
    stroke: crimson;
  }
}
@keyframes colors-stroke {
  0% {
    stroke: yellowgreen;
  }
  10% {
    stroke: gold;
  }
  75% {
    stroke: crimson;
  }
}
@-webkit-keyframes colors-2 {
  0% {
    fill: yellow;
  }
  50% {
    fill: red;
  }
  65% {
    fill: orangered;
  }
  95% {
    fill: gold;
  }
}
@keyframes colors-2 {
  0% {
    fill: yellow;
  }
  50% {
    fill: red;
  }
  65% {
    fill: orangered;
  }
  95% {
    fill: gold;
  }
}
@-webkit-keyframes colors-3 {
  0% {
    fill: yellowgreen;
  }
  50% {
    fill: turquoise;
  }
  65% {
    fill: yellow;
  }
  95% {
    fill: orange;
  }
}
@keyframes colors-3 {
  0% {
    fill: yellowgreen;
  }
  50% {
    fill: turquoise;
  }
  65% {
    fill: yellow;
  }
  95% {
    fill: orange;
  }
}
@-webkit-keyframes transform {
  10% {
    -webkit-transform-origin: 70px 70px;
    transform-origin: 70px 70px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@keyframes transform {
  10% {
    -webkit-transform-origin: 70px 70px;
    transform-origin: 70px 70px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@-webkit-keyframes transform-2 {
  40% {
    -webkit-transform: scale(0.85) translate(10px, 10px);
    transform: scale(0.85) translate(10px, 10px);
  }
  60% {
    stroke-width: 20;
  }
}
@keyframes transform-2 {
  40% {
    -webkit-transform: scale(0.85) translate(10px, 10px);
    transform: scale(0.85) translate(10px, 10px);
  }
  60% {
    stroke-width: 20;
  }
}