@charset "utf-8";
.mobileshow{display:none !important;}
.tabletshow{display:block !important;}
@media only screen and (max-width:767px){
    .mobileshow{display:block !important;}
    .tabletshow{display:none !important;}
}
.downBtnArea{margin-bottom:20px;}
.downBtnArea .downBtn{display:inline-block; padding:0 19px 0 29px; border-radius:25px; background:#333;color:#fff}
.downBtnArea .downBtn span{display:block;padding-right:23px;line-height:50px;background:url(/images/prog/ir-down.png) no-repeat right center;}
select,
select.form-control{padding-right:30px;background-image:url(/pcms/common/images/ir/arrow-select.png);background-repeat:no-repeat;background-position: 99% 50%}
.program--contents{}
.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;text-align:right;}
.pagination > li,
.pagination .page-item{display:inline;}
.pagination > li > a{cursor:pointer}
.pagination li > a,
.pagination .page-item > .page-link,
.pagination .page-item > span{display:inline-block;position:relative;float:left;min-width:30px;height:30px;padding:0 11px;background-color:#fff;color:#666;text-decoration:none;text-align:center;line-height:30px;box-sizing:border-box}
.pagination .page-item > a{margin:2px 0;}
.pagination .page-item [aria-label]{width:30px;margin:2px 2px;padding:0;font-size:12px;letter-spacing:-1px;font-family:'Dotum'}
.pagination .page-item [aria-label] span{font-family:'Dotum'}
.pagination .page-item > a:hover,
.pagination .page-item > .page-link:hover,
.pagination .page-item > span:hover,
.pagination .page-item > .page-link:focus,
.pagination .page-item > a:focus,
.pagination .page-item > span:focus{border-color:#ddd;background-color:#eee;color:#23527c;}
.pagination .page-item.active > a,
.pagination .page-item.active > .page-link,
.pagination .page-item.active > span,
.pagination .page-item.active > a:hover,
.pagination .page-item.active > .page-link:hover,
.pagination .page-item.active > span:hover,
.pagination .page-item.active > a:focus,
.pagination .page-item.active > .page-link:focus,
.pagination .page-item.active > span:focus{z-index:2;border-color:#337ab7;background-color:#337ab7;color:#fff;cursor:default;}
.pagination .page-item.disabled > span,
.pagination .page-item.disabled > span:hover,
.pagination .page-item.disabled > span:focus,
.pagination .page-item.disabled > a,
.pagination .page-item.disabled > a:hover,
.pagination .page-item.disabled > a:focus
.pagination .page-item.disabled > .page-link,
.pagination .page-item.disabled > .page-link:hover,
.pagination .page-item.disabled > .page-link:focus{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed;}
.pagination li.first a,
.pagination li.previous a,
.pagination li.next a,
.pagination li.last a{font-size:0;}
.pagination li.first a:before{}
.pagination li.previous a:before{}
.pagination li.next a:before{}
.pagination li.last a:before{}
.pagination-lg .page-item > a,
.pagination-lg .page-item > .page-link,
.pagination-lg .page-item > span{padding:10px 16px;font-size:18px;}
.pagination-lg .page-item:first-child > .page-link,
.pagination-lg .page-item:first-child > span{border-bottom-left-radius:6px;border-toform-left-radius:6px;}
.pagination-lg .page-item:last-child > .page-link,
.pagination-lg .page-item:last-child > span{border-toform-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm .page-item > .page-link,
.pagination-sm .page-item > span{padding:5px 10px;font-size:12px;}
.pagination-sm .page-item:first-child > .page-link,
.pagination-sm .page-item:first-child > span{border-bottom-left-radius:3px;border-toform-left-radius:3px;}
.pagination-sm .page-item:last-child > .page-link,
.pagination-sm .page-item:last-child > span{border-toform-right-radius:3px;border-bottom-right-radius:3px;}
.pagination li,
.pagination .page-link{background-color:transparent;font-size:0.8rem;}
.pagination .active a,
.pagination .active .page-link{border-radius:30px;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
.pagination .active a:hover,
.pagination .active .page-link:hover{color:#fff;}
.pagination.pagination-circle .page-link{margin-right:2px;margin-left:2px;border-radius:50%;}
.pagination.pagination-circle .page-link:hover{border-radius:50%;}
.pagination.pagination-circle .active .page-link{border-radius:50%;}
.pagination a,
.pagination .page-link{border:0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.pagination a:hover,
.pagination .page-link:hover{background-color:#eee;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.pagination a:focus,
.pagination .page-link:focus{background-color:transparent;}
.pagination.pg-blue .active a,
.pagination.pg-blue .active .page-link{border-color:#4285F4;background-color:#4285F4;}
.pagination.pg-red .active a,
.pagination.pg-red .active .page-link{border-color:#ff3547;background-color:#ff3547;}
.pagination.pg-teal .active a,
.pagination.pg-teal .active .page-link{border-color:#2BBBAD;background-color:#2BBBAD;}
.pagination.pg-darkgrey .active a,
.pagination.pg-darkgrey .active .page-link{border-color:#37474F;background-color:#37474F;}
.pagination.pg-dark .active a,
.pagination.pg-dark .active .page-link{border-color:#2E2E2E;background-color:#2E2E2E;}
.pagination.pg-bluegrey .active a,
.pagination.pg-bluegrey .active .page-link{border-color:#3F729B;background-color:#3F729B;}
.pagination.pg-amber .active a,
.pagination.pg-amber .active .page-link{border-color:#ff6f00;background-color:#ff6f00;}
.pagination.pg-purple .active a,
.pagination.pg-purple .active .page-link{border-color:#5e35b1;background-color:#5e35b1;}
@media only screen and (max-width:640px){
    .pagination{display:block;width:100%;text-align:center;transition:all .5s;}
    .pagination ul{text-align:center}
    .pagination ul{width:100%;height:30px;}
    .pagination > li, .pagination .page-item{display:inline-block}
    .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span{min-width:20px;height:20px;line-height:20px;}

    .pagination .page-item .page-link[aria-label="first"],
    .pagination .page-item .page-link[aria-label="last"],
    .pagination .page-item .page-link[aria-label="Previous"],
    .pagination .page-item .page-link[aria-label="Next"]{display:inline-block}
    .pagination .page-item [aria-label]{width:auto;padding:0 12px;border-radius:20px;background:#efefef;color:#333;font-size:15px;}
    .pagination .page-item [aria-label] .sr-only{display:inline-block;position:relative;width:auto;height:auto;margin:0 2px;padding:0;overflow:inherit;font-size:15px;clip:inherit;}
    .pagination .page-item .page-link[aria-label="first"] .sr-only,
    .pagination .page-item .page-link[aria-label="last"] .sr-only{display:none;}
    .pagination .page-item .page-link[aria-label="Previous"] span[aria-hidden],
    .pagination .page-item .page-link[aria-label="Next"] span[aria-hidden]{display:none;}
}
@media only screen and (max-width:480px){
    .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span{min-width:30px;height:30px;line-height:30px;}
    .pagination .page-item [aria-label]{padding:0 8px;font-size:14px;}
    .pagination .page-item [aria-label] .sr-only{font-size:14px;}
}
.pilsu{display:inline-block;position:relative;top:2px;font-size:0;}
.pilsu:after{content:"*";display:inline-block;color:#ce171f;font-weight:bold;font-size:14px;}
.box-footer{padding:10px;border-top:1px solid #f4f4f4;background-color:#fff;margin-top:20px}
.program--search{position:relative;margin:30px 0;padding:15px 20px;border:1px solid #d9d9d9;background:#fff;text-align:center;}
.program--search:before{display:block;position:absolute;left:-1px;bottom:-4px;width:100%;height:3px;background:#f1f1f1;content:"";}
.program--search.type2{border:1px solid #e9e9e9;background:#fafafa;}
.program--search.type2:before,
.program--search.type3:before{display:none;}
.program--search.type3{border:1px solid #efefef;border-top:2px solid #5c5c5c;background:#f3f3f3;}
.program--search *{vertical-align:middle}

.program--search .search_inner{width:auto;}
.program--search .fieldset{display:inline-block;width:auto;}
.program--search .search_inner.float-md-right{text-align:right;}
.program--search .search_inner.float-md-right .fieldset{text-align:right}
.program--search .fieldset:after{display:block;content:'';clear:both}
.program--search .search--select{display:inline-block;position:relative;min-width:12%;text-align:right;}
.program--search .search--select>div,
.program--search .search--select>span{display:inline-block;border:1px solid #aaa;background-color:#fff;}
.program--search .search--select>div select,
.program--search .search--select>span select{width:100%;height:32px;margin:0;border:none;line-height:1;}
.program--search .search--select div[class*="select2"],
.program--search .search--select span[class*="select2"]{border:none;}
.program--search .search--text{display:inline-block;min-width:25%;margin:0;padding:0;}
.program--search .search--text span{display:block;padding:0 5px;border:1px solid #aaa;background-color:#fff;}
.program--search .search--text .element_inline{display:inline-block;}
.program--search .search--text input[type="text"]{width:100%;height:32px;margin:0;padding:0;border:none;background-color:#fff;line-height:32px;}
.program--search .search_inner.float-md-right .search--text{max-width:150px;}
.program--search .search--date{display:inline-block;min-width:12%;max-width:85px;margin:0;padding:0;}
.program--search .search--date span{display:block;padding:0 5px;border:1px solid #aaa;background-color:#fff;}
.program--search .search--date input[type="text"]{width:100%;height:32px;margin:0;padding:0;border:none;background-color:#fff;line-height:32px;}*
                                                                                                                                                .program--search .search--btn{display:inline-block;}
.program--search .search--btn span{display:inline-block;width:95px;height:34px;}
.program--search .search--btn input{height:100%;padding:0 15px;border-radius:0;line-height:100%;}
.program--search .search--btn .btn--submit{background-color:#33353a;text-align:center;}
.program--search .search--btn input[type="submit"]{padding:0 30px 0 5px;background:#33353a url(/pcms/common/images/ir/program--search--icon.png) no-repeat 100% 48%;color:#fff;text-shadow:0 0 1px #000;}
.program--search .search--btn{display:inline-block;height:100%;border-radius:0;color:#fff;line-height:100%;}
.program--search .search--btn button{padding:7px 14px 6px}
.program--search .program--count{margin-top: 3px;}
.program--search--index{margin-bottom:20px;}
.program--search--index *{vertical-align:middle}
.program--search--index:after{display:block;content:'';clear:both}
.program--search--index .program--info{display:inline-block;position:relative;float:left;}
.program--page{display:inline-block;position:relative;float:right;padding-left:15px;}
.program--count{display:inline-block;position:relative;padding-left:10px;font-size:14px;line-height:1.4;letter-spacing:-1px;}
.program--count *{vertical-align:top}
.program--count:before{display:inline-block;position:absolute;top:10px;left:0;width:2px;height:2px;content:'';background-color:#666}
.program--count strong{color:#ce171f;font-weight:bold}
.program--page *{vertical-align:middle}
.program--page .search--select{display:inline-block;position:relative;min-width:12%;text-align:right;}
.program--page .search--select span{display:inline-block;border:1px solid #aaa;background-color:#fff;}
.program--page .search--select select{width:100%;height:32px;margin:0;border:none;line-height:1;}
.program--page label{display:inline-block;font-size:0;line-height:0;}
.program--page button{display:inline-block;width:70px;height:34px;padding:0 10px;background-color:#33353a;color:#fff;text-align:center;text-shadow:0 0 1px #000;text-transform: capitalize;}
.program--search .program--page{border-left:1px solid #e1e1e1;}
.program--search .program--page:before{display:block;position:absolute;top:10%;left:10px;width:1px;height:80%;content:"";background-color:#ccc}


@media only screen and (max-width:1200px){
    .program--search .btn-group{margin-bottom:10px;text-align:left;}
}
@media only screen and (max-width:1000px){
    .program--search .float-md-left{text-align:left;margin-bottom:10px;}
    .program--search .search_inner.float-md-right{text-align:right;}
}

@media only screen and (max-width:640px){
    .program--search .search_inner{width: 100%;}
    .program--search--index{}
    .program--search--index .program--info,
    .program--page{display:block;float:none;}
    .program--page{text-align:right}
    .program--search{padding:15px 3%;}
    .program--search select{width:100%;height:34px;margin:2px 0;border:1px solid #868686;border-radius:0;line-height: 1;}
    .program--search span{display:block}
    .program--search .input_text input{width:96%;margin:2px 2%;padding-right:0;padding-left:0;text-align:center;}
    .program--search .submit{width:100%;margin:2px 0;}
    .program--search.type_left{margin-top:0;margin-bottom:10px}
    .program--search .program--count span{display:inline-block;}
    .program--search .program--page{display:inline-block;border-left:none;}
    .program--search .program--page .search--select{display:inline-block;width:auto}
    .program--search .search_inner.float-md-right .fieldset{width:100%}
    .program--search .search_inner.float-md-right .search--text{max-width:none;}
    .program--search .search_inner.float-md-right .program--page{display:none;}
}
@media all and (max-width:600px){
    .program--search .search--select,.program--search .search--text{display:block;width:100%;max-width:inherit;margin:2px 0;}
    .program--search .search--select span,.program--search .search--text span{display:block;}
    .program--search .search--date{display:inline-block;width:47%;min-width:inherit;max-width:inherit;margin:2px 0;}
    .program--search .search--date span{display:block;}
    .program--search .search--btn{display:block;width:100%;text-align:right;}
    .program--search .program--page{width:100%;}
    .program--search .program--page:before{display:none;}
}
.kogl--mask{position:relative;margin-bottom:-1px;padding:28px 28px;padding-left:195px;width:100%;border:1px solid #ddd;background-color:#fff}
.kogl--mask .kogl-title{position:absolute;top:0;left:28px;padding:20px 15px 30px;width:146px;background-color:#646c77}
.kogl--mask .kogl-title:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:13px;background:url(/pcms/common/images/ir/ir-kogl-title.png) repeat-x;}
.kogl--mask .kogl-title em{display:block;color:#fff;font-size:16px;text-align:center;line-height:1.2;font-weight:bold;letter-spacing:-1px;/*padding-top:22px;background:url(/pcms/common/images/ir/ir-kogl-bul.png) no-repeat center top;*/}
.kogl--mask .inner{position:relative;min-height:41px;}
.kogl--mask .inner:after{display:block;visibility:hidden;clear:both;content:"";}
.kogl--mask .mark--area{float:left;margin-right:10px;height:41px;background:url(/pcms/common/images/ir/ir-kogl.png) no-repeat;font-size:0;}
.kogl--mask .mark--area.mark1{width:111px;background-position:0 -1px;}
.kogl--mask .mark--area.mark2{width:136px;background-position:-172px -1px;}
.kogl--mask .mark--area.mark3{width:136px;background-position:0 -52px;}
.kogl--mask .mark--area.mark4{width:185px;background-position:-172px -52px;}
.kogl--mask .kogl--text{font-size: 13px;font-style:normal;line-height:1.3;letter-spacing: -0.02em;}
.kogl--mask .kogl--text i{color:#5c5c5c;font-style:normal;text-decoration:underline;font-weight:bold}
.kogl--mask .kogl--text a i{color:#eb6129;}
.kogl--mask .kogl--text em,
.kogl--mask .kogl--text a em{color:#df3128;font-weight:bold}
@media only screen and (max-width:640px){
    .kogl--mask{padding:20px;padding-top: 20px;/* padding-top:80px; */}
    .kogl--mask .mark--area{display:block;float:none;margin:0 auto 10px;}
    .kogl--mask .kogl--text{text-align:center}
    .kogl--mask .kogl-title {display:none;}
    /*.kogl--mask .kogl-title {padding:18px;position: absolute;top: 0;right:18px;left:auto;}*/
}
.inquiry--form .inquiry--tit{display:block;margin:30px 0 0 0;margin-bottom:15px;padding:0;font-size:20px;text-align:center;font-weight:bold}
.inquiry--form .inquiry--tit>span{display:inline-block;padding-left:14px;font-size:15px;font-weight:300;color:#666}
.inquiry--form .agree--box{padding:25px 7px 30px 25px;border:1px solid #000;background:#fff;box-sizing:border-box}
.inquiry--form .agree--box.scroll{height:auto;padding:20px !important;}
.inquiry--form .agree--box.scroll.agree-con2{height:134px;margin-top:20px}
.inquiry--form .agree--box.scroll.agree-con2 .scrollbar{height:100px}
.inquiry--form .agree--box.scroll .scrollbar{height: 347px;}
.inquiry--form .agree--box.scroll .scrollbar .overflow{min-height:auto}
.inquiry--form .agree--box.scroll .scrollbar-inner{height:auto;}
.inquiry--form .agree--box+.inquiry--btn{margin:30px 0 60px}
.inquiry--btn{text-align:center}
.inquiry--btn .radio{display:inline-block;position:relative;margin:0 !important;font-size:16px;line-height:1.4;cursor:pointer;}
.inquiry--btn .radio span.label{display:block;position:relative;float:left;width:20px;height:20px;margin-right:10px;padding:0;border:2px solid #c8ccd4;border-radius:100%;-webkit-tap-highlight-color:transparent;}
.inquiry--btn .radio span.label:after{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:100%;background:#225cff;opacity:0.08;content:'';transform:scale(0);transition:all 0.2s ease;}
.inquiry--btn .radio:hover .label:after{transform:scale(3.6);}
.inquiry--btn .radio input[type="radio"]:checked + .label{border-color:#225cff;}
.inquiry--btn .radio input[type="radio"]:checked +.label:after{opacity:1;transform:scale(1);transition:all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);}
.inquiry--btn .radio .hidden{display: inherit !important;opacity: 0;visibility: inherit !important;}
.board-tab{margin:30px 0;}
.board-tab:after{clear:both;content:"";display:block}
.board-tab li{float:left;border:2px solid transparent;width:20%;}
.board-tab li a{display:inline-block;/*min-width:150px;*/width:100%;padding:12px 0;background:#bebebe;color:#fff;font-size:16px;line-height:21px;letter-spacing:-1px;text-align:center}
.board-tab li.on a{background:#4285F4;color:#fff;}
@media only screen and (max-width:1024px){
    .board-tab li{width:20%}
    .board-tab li a{width:100%;min-width:inherit;}
}
@media only screen and (max-width:768px){
    .board-tab li{width:33.33%}
    .board-tab li:first-child{border-left:2px solid transparent}
}
@media only screen and (max-width:640px){
    .board-tab li{width:50%}
}
@media only screen and (max-width:479px){
    .board-tab li{width:100%}
}
#contens .sitemap{position:relative;width:100%;margin-bottom:20px;}
#contens .sitemap:after{display:block;visibility:hidden;clear:both;content:"";}
#contens .sitemap *{margin:0;padding:0;}
#contens .sitemap.type1{}
#contens .sitemap.type1.col3{}
#contens .sitemap.type1.col3 dl{width:33.33%}
#contens .sitemap.type1.col4 dl{width:25%}
#contens .sitemap.type1.col5 dl{width:20%}
#contens .sitemap.type1.col6 dl{width:16.66%}
#contens .sitemap.type1.col7 dl{width:14.28%}
#contens .sitemap.type1 dl{display:inline-block;float:left;margin-bottom:50px;padding:0 1%;}
#contens .sitemap.type1 dl dt{margin:0 0 10px 0;padding:10px 15px;border-top:1px solid #111;border-bottom:1px solid #ccc;color:#111;font-size:16px;line-height:30px;}
#contens .sitemap.type1 dl dd{padding:5px 15px;}
#contens .sitemap.type1 dl dd b{display:block;line-height:0;}
#contens .sitemap.type1 dl dd b a{display:block;position:relative;padding-left:10px;color:#333;font-size:14px;line-height:24px;}
#contens .sitemap.type1 dl dd b a:hover,
#contens .sitemap.type1 dl dd b a:active,
#contens .sitemap.type1 dl dd b a:focus{text-decoration:underline;}
#contens .sitemap.type1 dl dd b a:after{display:block;position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#111;content:" ";}
#contens .sitemap.type2{position:relative;overflow:hidden;border-top:2px solid #9aa2ac;}
#contens .sitemap.type2 dl{position:relative;padding:23px 23px 23px 21%;overflow:hidden;border-bottom:1px solid #ddd;}
#contens .sitemap.type2 dl:before{display:block;position:absolute;top:0;left:18%;width:1px;height:100%;content:"";background-color:#ddd}
#contens .sitemap.type2 dl:after{display:block;visibility:hidden;clear:both;content:"";}
#contens .sitemap.type2 dt{position:absolute;top:10px;left:0;padding-left:15px;color:#333;width:15%;}
#contens .sitemap.type2 dt a{color:#000;font-size:18px;font-weight:bold;line-height:1.2}
#contens .sitemap.type2 dd{float:left;width:25%;padding:0 10px;}
#contens .sitemap.type2 dd b{display:block;margin-bottom:5px;font-weight:normal;}
#contens .sitemap.type2 dd b a{display:block;position:relative;padding-left:9px;color:#333;font-size:14px;font-weight:normal;}
#contens .sitemap.type2 dd b a:after{display:block;position:absolute;top:8px;left:0;width:4px;height:4px;content:"";background-color:#9aa2ac}
#contens .sitemap.type2 dd ul{margin-left:8px;}
#contens .sitemap.type2 dd ul li{display:block;}
#contens .sitemap.type2 dd ul li a{display:block;position:relative;padding-left:11px;color:#909090;font-size:13px;line-height:20px;}
#contens .sitemap.type2 dd ul li a:after{display:block;position:absolute;top:8px;left:0;width:5px;height:1px;content:"";background-color:#898989}
@media only screen and (max-width:768px){
    #contens .sitemap.type2{border:none;}
    #contens .sitemap.type2 dl{padding:0;border-top:0;}
    #contens .sitemap.type2 dl:before{display:none;}
    #contens .sitemap.type2 dt{position:relative;top:0;margin-bottom:23px;padding:23px;border-top:2px solid #9aa2ac;border-bottom:1px solid #9aa2ac;color:#333;font-size:16px;width: 100%;}
    #contens .sitemap.type2 dd{padding-bottom:23px;}
}
@media only screen and (max-width:480px){
    #contens .sitemap.type2 dd{width:33.33%;}
    #contens .sitemap.type2 dd ul{display:none;}
}
.button-box{margin:15px 0;padding:15px 15px 12px;border:1px solid #ddd;background-color:#fff;}
.search-wrap{clear:left;margin:0;padding:25px 10px;border:1px solid #efefef;border-top:2px solid #5c5c5c;background:#f3f3f3;text-align:center;}
.search-wrap *{vertical-align:middle}
.search-wrap .search-category{position:relative;height:55px;margin-right:25px;border-bottom:1px solid #e2e3e4;font-size:15px;line-height:55px;break-inside:avoid;-webkit-column-break-inside:avoid;}
.search-wrap .search-category strong{display:inline-block;width:160px;color:#808990;font-weight:100;}
#tab_moType1.mobile{}
#tab_moType1.mobile ul{width:100%;margin:0;padding:1px 0;}
#tab_moType1.mobile ul li{display:none;float:none;width:100%;}
#tab_moType1.mobile ul li a{display:block;height:auto;margin:0;font-size:16px}
#tab_moType1.mobile .title{display:block;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
#tab_moType1.mobile .title a{display:block;position:relative;padding:15px 47px 13px 22px;font-size:16px;font-weight:600;color:#323330}
#tab_moType1.mobile .title a:before{display:block;position:absolute;top:50%;right:10px;width:14px;height:9px;margin-top:-5px;background-image:url(/pcms/common/images/ir/arrow_tab.png);background-repeat:no-repeat;background-position:0 -8px;content:'';}
#tab_moType1.mobile .title a.on:before{background-position:-23px -8px;}
#tab_moType1.mobile .tab-ul li a span{padding:18px 50px 18px 22px}
@media (min-width:768px){
    #tab_moType1 .title{display:none}
}
.ui-calendar{position:relative;margin-top:30px;overflow:hidden;border:1px solid #ddd}
.ui-calendar:before{position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#ddd;content:""}
.ui-calendar .calendar-area{float:left;overflow:hidden;width:50%}
.ui-calendar .calendar-area .calendar{clear:both;width:100%;padding:30px 20px}
.ui-calendar .calendar-area .calendar .calHeader{position:relative;text-align:center}
.ui-calendar .calendar-area .calendar .calHeader .calDate{display:inline;color:#000;font-size:32px;font-weight:bold;line-height:100%;letter-spacing:-2px}
.ui-calendar .calendar-area .calendar .calHeader .calBtn{position:absolute;top:5px;width:32px;height:32px;border-radius:50%;line-height:30px;background-color:#154282}
.ui-calendar .calendar-area .calendar .calHeader .calBtn:before{position:absolute;z-index:2;top:7px;left:10px;width:9px;height:16px;background:url(/pcms/common/images/ir/arr_img.png) no-repeat;content:''}
.ui-calendar .calendar-area .calendar .calHeader .calBtn a{display:block;width:100%;height:100%}
.ui-calendar .calendar-area .calendar .calHeader .prev{position:absolute;left:0}
.ui-calendar .calendar-area .calendar .calHeader .prev:before{background-position:-27px 0}
.ui-calendar .calendar-area .calendar .calHeader .next{position:absolute;right:0}
.ui-calendar .calendar-area .calendar .calHeader .next:before{left:12px;background-position:-18px 0}
.ui-calendar .calendar-area .calendar .schcal_tbl{width:100%;margin-top:27px;border-top:1px solid #555}
.ui-calendar .calendar-area .calendar .schcal_tbl th{padding:12px 0;border-bottom:1px solid #aaa;font-weight:bold;text-align:center}
.ui-calendar .calendar-area .calendar .schcal_tbl td{border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-weight:500;text-align:center;vertical-align:top;}
.ui-calendar .calendar-area .calendar .schcal_tbl td:first-child{border-left:none}
.ui-calendar .calendar-area .calendar .schcal_tbl td div{position:relative;height:70px;padding:2px 0}
.ui-calendar .calendar-area .calendar .schcal_tbl td .edu_day{display:block;position:absolute;top:42px;left:50%;width:26px;height:26px;margin-left:-12px}
.ui-calendar .calendar-area .holiday{display:block;background:url(/pcms/common/images/ir/holiday_icon.png) no-repeat}
.ui-calendar .calendar-area .edu_day{display:block;background:url(/pcms/common/images/ir/edu_icon.png) no-repeat}
.ui-calendar .calendar-area .calendar .schcal_tbl td a{display:block;width:100%;height:100%}
.ui-calendar .calendar-area .calendar .schcal_tbl td.sun,.reservationWrap .ui-calendar .calendar-area .calendar .schcal_tbl td.sun a{color:#c30c57}
.ui-calendar .calendar-area .calendar .schcal_tbl td.sat,.reservationWrap .ui-calendar .calendar-area .calendar .schcal_tbl td.sat a{color:#1473b5}
.ui-calendar .calendar-area .calendar .schcal_tbl td.off{background-color:#fafafa}
.ui-calendar .calendar-area .calendar .schcal_tbl td.selected{background-color:#3c4755}
.ui-calendar .calendar-area .calendar .schcal_tbl td.selected a{font-weight:bold;color:#fff}
.ui-calendar .calendar-area .calendar .schcal_tbl td.today{background:url(/images/prog/experience/bg_pattern.png)}
.ui-calendar .calendar-area .info{margin:15px 0;text-align:right}
.ui-calendar .calendar-area .info span{display:inline-block;padding:5px 6px;border:1px solid #ddd}
.ui-calendar .calendar-area .info .holiday,
.ui-calendar .calendar-area .info .edu_day{padding-left:32px;background-position:3px 4px}
.ui-calendar .calendar-area .today{border:1px solid #ddd;background:url(/pcms/common/images/ir/bg_pattern.png)}
.ui-calendar .calendar-area .info .ok{border:1px solid #ccc;background-color:#fff}
.ui-calendar .calendar-area .info .select{background-color:#3c4755;color:#fff}
.ui-calendar .time-area{float:right;width:50%;padding:30px 20px}
.ui-calendar .time-area .date_tit{display:block;font-size:22px;font-weight:800;line-height:88%;letter-spacing:-1px;vertical-align:middle}
.ui-calendar .time-area .date_tit .cal_icon{display:inline-block;width:40px;height:40px;margin-right:8px;border-radius:50px;text-align:center;vertical-align:middle;background-color:#154282}
.ui-calendar .time-area .date_tit .cal_icon i{color:#fff;font-size:18px}
.ui-calendar .time-area .time_box{position:relative;margin-top:24px;overflow:hidden;border-top:1px solid #222}
.ui-calendar .time-area .time_box .obj{position:relative;overflow:hidden}
.ui-calendar .time-area .time_box .item{margin-top:5px;padding-left:76px;line-height:36px}
.ui-calendar .time-area .time_box .item:first-child{margin-top:20px;}
.ui-calendar .time-area .time_box .item .cat{display:inline-block;position:relative;float:left;min-width:65px;margin-left:-76px;padding:5px 0;border-radius:4px;color:#fff;font-size:13px;text-align:center;vertical-align:top;}
.ui-calendar .time-area .time_box .item_tit{display:inline-block;width:100%;height:100%;font-size:14px;line-height:1.2;word-wrap:break-word;word-break:keeform-all;}
.ui-calendar .time-area .time_box .cat1{background-color:#df3782}
.ui-calendar .time-area .time_box .cat2{background-color:#0075a9}
.ui-calendar .time-area .time_box .cat3{background-color:#002e73}
.ui-calendar .time-area .time_box .cat4{background-color:#009698}
.ui-calendar .time-area .time_box .cat5{background-color:#5d0e83}
.ui-calendar .time-area .time_box .cat6{background-color:#df510b}
.ui-calendar .time-area .time_box .cat7{background-color:#593005}
.ui-calendar.col1:before{display:none;}
.ui-calendar.col1 .time-area,
.ui-calendar.col1 .calendar-area{float:none;width:100%}
@media screen and (max-width:799px){
    .ui-calendar .calendar-area .calendar{padding:30px 20px 0}
    .ui-calendar .calendar-area{float:none;width:100%}
    .ui-calendar .time-area{float:none;width:100%;padding:0 20px}
    .ui-calendar:before{display:none}
}
.ui-boxlst{}
.ui-boxlst .ui-odd-list{display:table;position:relative;width:100%;padding-right:1px;padding-bottom:1px;overflow:hidden;}
.ui-boxlst .ui-odd-list .item{display:table-cell;float:left;width:33.333333%}
.ui-boxlst .ui-odd-list .item .inner{display:block;position:relative;min-height:160px;margin-right:-1px;margin-bottom:-1px;padding:25px;border:1px solid #d7d7d7;background-color:#fff;}
.ui-boxlst .ui-odd-list .item .inner span{display:block;position:relative;line-height:1.2;}
.ui-boxlst .ui-odd-list .item .inner strong{display:block;position:relative;margin-bottom:15px;padding-bottom:10px;padding-left:20px;line-height:1.3;}
.ui-boxlst .ui-odd-list .item .inner strong i{display:block;color:#333;font-style:normal;font-size:13px;line-height:1.2;}
.ui-boxlst .ui-odd-list .item .inner strong:before{display:block;position:absolute;top:2px;left:-5px;width:17px;height:20px;background:url(/pcms/common/images/ir/ir-dept.png) no-repeat;content:"";background-position:0 0}
.ui-boxlst .ui-odd-list .item .inner .dept{position:absolute;top:25px;right:25px;font-size:13px;letter-spacing:-1px;}
.ui-boxlst .ui-odd-list .item .inner .clsf{color:#404040}
.ui-boxlst .ui-odd-list .item .inner .tel{color:#919191}
.ui-boxlst .ui-odd-list .item .inner .eobmu{color:#a6a6a6;}
.ui-boxlst .ui-odd-list .item .inner .email{color:#a6a6a6;}
.ui-boxlst .ui-odd-list .item .inner .email a{color:#a6a6a6;}
.ui-boxlst .ui-odd-list .item .inner .email,
.ui-boxlst .ui-odd-list .item .inner .tel,
.ui-boxlst .ui-odd-list .item .inner .eobmu{padding:4px 3px;padding-left:20px;font-size:13px;}
.ui-boxlst .ui-odd-list .item .inner .email:before,
.ui-boxlst .ui-odd-list .item .inner .eobmu:before,
.ui-boxlst .ui-odd-list .item .inner .tel:before{display:block;position:absolute;top:2px;left:-2px;width:17px;height:20px;background:url(/pcms/common/images/ir/ir-dept.png) no-repeat;content:"";}
.ui-boxlst .ui-odd-list .item .inner .tel:before{background-position:-19px 0}
.ui-boxlst .ui-odd-list .item .inner .eobmu:before{background-position:-40px 0}
.ui-boxlst .ui-odd-list .item .inner .email:before{background-position:-62px 0}
.ui-boxlst .ui-odd-list .item .inner .email .sr-on
.ui-boxlst .ui-odd-list .item:nth-of-type(0) .inner,
.ui-boxlst .ui-odd-list .item:nth-of-type(2) .inner,
.ui-boxlst .ui-odd-list .item:nth-of-type(4) .inner,
.ui-boxlst .ui-odd-list .item:nth-of-type(6) .inner,
.ui-boxlst .ui-odd-list .item:nth-of-type(8) .inner,
.ui-boxlst .ui-odd-list .item:nth-of-type(10) .inner,
.ui-boxlst .ui-odd-list .item:nth-of-type(12) .inner{background-color:#fbfafa;}
.ui-boxlst .ui-odd-list .item:nth-of-type(2) .inner .eobmu,
.ui-boxlst .ui-odd-list .item:nth-of-type(4) .inner .eobmu,
.ui-boxlst .ui-odd-list .item:nth-of-type(6) .inner .eobmu,
.ui-boxlst .ui-odd-list .item:nth-of-type(8) .inner .eobmu,
.ui-boxlst .ui-odd-list .item:nth-of-type(10) .inner .eobmu,
.ui-boxlst .ui-odd-list .item:nth-of-type(12) .inne .eobmu{color:#666}
@media only screen and (max-width:1240px){
    .ui-boxlst .ui-odd-list .item{width:50%}
    .ui-boxlst .ui-odd-list .item .inner .dept{position:relative;top:0;left:0;margin-bottom:5px;padding-left:20px;text-align:right;}
    .ui-boxlst .ui-odd-list .item:nth-of-type(0) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(2) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(4) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(6) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(8) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(10) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(12) .inner{background-color:#fff;}
}
@media only screen and (max-width:1024px){
    .ui-boxlst .ui-odd-list .item{width:33.3333%}
    .ui-boxlst .ui-odd-list .item .inner .dept{position:absolute;top:25px;left:25px;margin-bottom:0;padding-left:0;text-align:right;}
    .ui-boxlst .ui-odd-list .item:nth-of-type(0) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(2) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(4) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(6) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(8) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(10) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(12) .inner{background-color:#fbfafa;}
    .ui-boxlst .ui-odd-list .item:nth-of-type(2) .inner .eobmu,
    .ui-boxlst .ui-odd-list .item:nth-of-type(4) .inner .eobmu,
    .ui-boxlst .ui-odd-list .item:nth-of-type(6) .inner .eobmu,
    .ui-boxlst .ui-odd-list .item:nth-of-type(8) .inner .eobmu,
    .ui-boxlst .ui-odd-list .item:nth-of-type(10) .inner .eobmu,
    .ui-boxlst .ui-odd-list .item:nth-of-type(12) .inne .eobmu{color:#666}
}
@media only screen and (max-width:768px){
    .ui-boxlst .ui-odd-list .item{width:50%}
    .ui-boxlst .ui-odd-list .item .inner .dept{position:relative;top:0;left:0;margin-bottom:5px;padding-left:20px;text-align:right;}
    .ui-boxlst .ui-odd-list .item:nth-of-type(0) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(2) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(4) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(6) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(8) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(10) .inner,
    .ui-boxlst .ui-odd-list .item:nth-of-type(12) .inner{background-color:#fff;}
}
@media only screen and (max-width:460px){
    .ui-boxlst .ui-odd-list .item{width:100%}
}
.member{max-width:579px;margin:0 auto;padding:60px 0;}
.member h2{padding:0;padding-bottom:15px;border-bottom:1px solid #d7d7d7;color:#222;font-size:28px;}
.member h2:before{display:none;}
.member .member-only{padding:116px 0 0;background:url('../img/etc/members-only.png') no-repeat center top;color:#222;text-align:center;}
.member .member-only strong{font-size:28px;}
.member .member-only p{padding:10px 0 20px;font-size:16px;}
.member .box{margin:17px 0 0;padding:53px 54px 59px;border:1px solid #dcdcdc;border-radius:15px;}
.member .box .login{position:relative;padding-right:168px;overflow:hidden;}
.member .box .login .input-info{}
.member .box .login .input-info div{position:relative;margin:11px 0 0;}
.member .box .login .input-info div .text{width:100%;height:36px;padding:0 13px;border:1px solid #ccc;color:#8c8c8c;font-size:13px;line-height:36px;}
.member .box .login .input-info div label{position:absolute;top:9px;left:13px;color:#8c8c8c;font-size:13px;cursor:text;}
.member .box .login button{position:absolute;top:9px;right:0;width:158px;height:87px;background:#3f61b2;color:#fff;font-size:16px;font-weight:bold;line-height:87px;}
.member .box .result-msg{padding:48px 0 53px;color:#444;font-size:16px;text-align:center;}
.member .box .result-msg strong{color:#ff4c2e;font-size:22px;}
.caution-msg1{min-height:17px;margin:15px 0 0;padding:0 0 0 19px;background:#fff url('/pcms/common/images/ir/caution-2.png') no-repeat left 3px;color:#999;line-height:20px;}
.caution-msg2{min-height:17px;margin:15px 0 0;padding:0 0 0 19px;background:#fff url('/pcms/common/images/ir/caution-2.png') no-repeat left 3px;color:#999;line-height:20px;}
.design-select{display:inline-block;position:relative;text-align:left;cursor:pointer;}
.design-select select{display:none;}
.design-select .selected{display:block;height:52px;padding:0 19px 0 6px;border-bottom:3px solid;color:#fff;font-size:26px;}
.design-select .selected:after{margin-left:10px;content:attr(data-title);font-size:15px;}
.design-select .arrow{display:block;position:absolute;top:50%;right:5px;width:9px;height:5px;margin-top:-2.5px;background-image:url('/pcms/common/images/ir/ir-db.png');background-repeat:no-repeat;}
.design-select.select-focus .selected{color:#838b93;}
.design-select.select-focus .arrow{background-position:-7px -125px}
.design-select.select-focus .selected:after{color:rgba(0, 154, 218, .5);}
.design-select-list{max-height:260px;border:1px solid #838b93;background-color:#fff;overflow-y:auto;}
.design-select-list li{padding:6px;color:#555;font-weight:300;cursor:pointer;}
.design-select-list li.selected{color:#0099da;font-weight:bold;}
.design-select-list li:hover{background-color:#f2f2f2;color:#333;font-weight:bold;}
.gray-select .selected{color:#333;}
.gray-select .arrow{background-position:-7px -130px;}
.small-select .selected{height:30px;border-bottom:2px solid;font-size:14px;font-weight:300;}
.ui-boxlogin{position:relative;border:1px solid #ddd;border-bottom-color:#949494;background-color:#fff;}
.ui-boxlogin .box-login{position:relative;padding:45px 70px 35px 40%;}
.ui-boxlogin .box-login .title{position:absolute;top:30%;left:0;width:37.5%;padding-left:30px;border-bottom:none;}
.ui-boxlogin .box-login .title h2{margin:0 0 10px;padding:0;background:none;color:#363636;font-size:30px;font-weight:bold;line-height:1;}
.ui-boxlogin .box-login .title h2 span{color:#e93f2e;font-weight:bold;line-height:1;vertical-align:baseline;}
.ui-boxlogin .box-login .title h2 span em{color:#222;font-weight:normal;line-height:1;vertical-align:baseline;}
.ui-boxlogin .box-login .title p{margin-top:10px;color:#999;font-size:16px;}
.ui-boxlogin .box-login .ui-boxlogin .box-login .form-group{display:block;position:relative;margin-bottom:35px;box-shadow:none;}
.ui-boxlogin .box-login .form{position:relative;padding:0 155px 10px 10%;border-left:1px solid #eee;}
.ui-boxlogin .box-login .ui-boxlogin .box-login .form-group input, .ui-boxlogin .box-login .form-group input:focus{outline:0;box-shadow:none;}
.bar{width:100%}
.ui-boxlogin .box-login .form-group{display:block;position:relative;margin-bottom:5px;box-shadow:none;}
.ui-boxlogin .box-login .form-group input{display:block;width:100%;height:42px;padding:10px;border:none;border:1px solid #eee;border-bottom:1px solid rgba(0, 0, 0, .3);border-radius:0;background:0 0;color:#000;font-size:18px;}
.ui-boxlogin .box-login .form-group label{position:absolute;top:5px;left:15px;color:rgba(0, 0, 0, .4);font-size:14px;font-weight:400;transition:.2s ease all;-webkit-transition:.2s ease all;-o-transition:.2s ease all;-moz-transition:.2s ease all;}
.ui-boxlogin .box-login .form-group input:focus~label{top:-20px;color:rgba(0, 0, 0, .5);font-size:12px;}
.bar{display:block;position:relative;}
.bar:after, .bar:before{position:absolute;bottom:1px;width:0;height:2px;background:rgba(0, 0, 0, .5);content:'';transition:.2s ease all;-webkit-transition:.2s ease all;-o-transition:.2s ease all;-moz-transition:.2s ease all;}
.bar:before{left:50%}
.bar:after{right:50%}
.ui-boxlogin .box-login .form-group input:focus~.bar:after, .ui-boxlogin .box-login .form-group input:focus~.bar:before{width:50%}
.highlight{position:absolute;top:25%;left:0;width:100px;height:0%;opacity:.5;}
.ui-boxlogin .box-login .form-group input:focus~.highlight{animation:inputHighlighter .3s ease;-webkit-animation:inputHighlighter .3s ease;}
@-webkit-keyframes inputHighlighter{
    from{background:rgba(0, 0, 0, .7);}
    to{width:0;background:0 0;}
}
@keyframes inputHighlighter{
    from{background:rgba(0, 0, 0, .7);}
    to{width:0;background:0 0;}
}
.ui-boxlogin .box-login .form .btn{position:absolute;top:0;right:0;width:100px;width:145px;height:89px;padding:0;line-height:89px;}
.ui-boxlogin .box-login .form .find{margin-top:5px;text-align:left;}
.ui-boxlogin .box-login .form .find li{display:inline-block;position:relative;margin:0;line-height:1;}
.ui-boxlogin .box-login .form .find li:first-child{margin-right:10px;padding-right:12px;}
.ui-boxlogin .box-login .form .find li:first-child:before{display:block;position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#ddd;content:"";}
.ui-boxlogin .box-login .form .find button{line-height:1;}
.ui-boxlogin .box-login .form .find button:hover,
.ui-boxlogin .box-login .form .find button:focus{color:#df0200;}
.ui-boxlogin .ui-bottom-box{padding:30px;border-top:1px solid #ddd;background-color:#f9f9f9;}
.ui-boxlogin .ui-bottom-box .txt-check:before{top:4px;}
.ui-boxlogin .ui-bottom-box .small-text{margin-top:0;padding-left:18px;color:#999;font-size:14px;}
.ui-boxlogin .ui-bottom-box ul{margin-top:20px;padding-left:18px;}
.ui-boxlogin .ui-bottom-box ul li{display:inline-block;position:relative;float:left;width:33.33%;margin-top:-1px;margin-left:-1px;padding:10px 10px 10px 15px;border:1px solid #cdcdcd;background-color:#fff;text-align:right;line-height:1.3;}
.ui-boxlogin .ui-bottom-box ul li i{display:block;clear:left;margin-bottom:3px;color:#666;font-style:normal;font-size:11px;font-weight:bold;text-align:left;}
.ui-boxlogin .ui-bottom-box ul li strong,
.ui-boxlogin .ui-bottom-box ul li em{display:inline-block;font-size:13px;}
.ui-boxlogin .ui-bottom-box ul li strong{float:left;color:#555;font-size:14px;font-weight:bold;text-align:left;}
@media only screen and (max-width:1200px){
    .ui-boxlogin .box-login{padding-left:35%;}
    .ui-boxlogin .box-login .title{width:32%;}
}
@media only screen and (max-width:860px){
    .ui-boxlogin .box-login{padding:35px 35px 35px 35px;}
    .ui-boxlogin .box-login .title{position:relative;top:0;left:0;width:auto;margin-bottom:30px;padding-bottom:30px;padding-left:0;border-bottom:1px solid #eee;}
    .ui-boxlogin .box-login .form{padding:0;padding-right:155px;border-left:none;}
    .ui-boxlogin .box-login .form .find{text-align:center}
    .ui-boxlogin .ui-bottom-box ul li{width:50%}
}
@media only screen and (max-width:640px){
    .ui-boxlogin .box-login .title h2,
    .ui-boxlogin .box-login .title p{text-align:center}
    .ui-boxlogin .box-login .form{padding-right:0;}
    .ui-boxlogin .box-login .form .btn{position:relative;width:100%;height:auto;line-height:42px;}
    .ui-boxlogin .ui-bottom-box ul li{width:100%;}
}
.ui-certification{margin-bottom:50px;padding:50px;border:1px solid #eee;background-color:#fafafa;text-align:center;}
.ui-certification .item{float:left;width:50%;padding:10px 40px;border-left:1px solid #d7d7d7;}
.ui-certification .item:first-child{border-left:none;}
.ui-certification .item .icon{display:block;width:113px;height:113px;margin:0 auto 10px;background:url(/pcms/common/images/ir/ir-certification.png);}
.ui-certification .item .icon1{background-position:0 0}
.ui-certification .item .icon2{background-position:-110px 0}
.ui-certification .item strong{margin-bottom:20px;color:#222;font-size:20px;font-weight:bold;line-height:1.3;}
.ui-certification .item .text-box{height:96px;margin-bottom:25px;font-size:15px;line-height:20px;}
.ui-certification .item .text-box p em{color:#2253a5;}
@media screen and (max-width:1024px){
    .ui-certification{padding:35px;}
    .ui-certification .item{padding:10px 30px}
}
@media screen and (max-width:768px){
    .ui-certification .item{float:none;width:auto;padding:40px 10px;border-top:1px solid #d7d7d7;border-left:none;}
    .ui-certification .item:first-child{border-top:none;}
    .ui-certification .item .text-box{height:auto;}
}
@media screen and (max-width:640px){
    .ui-certification{padding:25px;}
}
.down_data{position:relative;padding:15px 10px;padding-bottom:5px;padding-left:100px;border:1px solid #ddd;}
.down_data .bg_icon{display:block;position:absolute;top:0;left:0;width:75px;height:100%;padding:15px;background:url(/photo/common/images/common/info_icon.png) no-repeat 50% 50%;background-color:#004f9f;}
.down_data ul li{margin-top:0;font-size:14px;font-weight:normal;line-height:160%;}
.detail-search{position:relative;z-index:10;margin:50px 0;border:1px solid #ddd;border-top:2px solid #434040;}
.detail-search:before{display:block;position:absolute;z-index:10;top:0;left:153px;width:1px;height:100%;background-color:#ddd;content:"";}
.detail-search .search{padding:0;}
.detail-search .form-group{position:relative;margin:0 !important;padding:15px 30px;padding-left:180px;}
.detail-search .form-group.border{border-top:1px solid #ddd;}
.detail-search .tit{display:block;position:absolute;top:50%;left:30px;width:120px;margin-top:-10px;color:#414141;font-size:15px;font-weight:600;}
.detail-search .search-inner{position:relative;}
.detail-search .search-detail{border-top:1px solid #ddd;background-color:#fafafa;}
.detail-search .form-group.sch_extend{position:relative;z-index:15;margin:0;padding:35px 15px;border-top:1px solid #ddd;background-color:#fafafa;text-align:center;}
.detail-search .form-group .fieldset{margin:0 -15px;}
.detail-search .form-group .fieldset .col-md-2,
.detail-search .form-group .fieldset .col-md-10{padding-right:2px;padding-left:0;}
.detail-search .btn--submit{display:inline-block;width:95px;height:36px;background-color:#33353a;text-align:center;}
.detail-search .btn--submit input[type="submit"]{padding:0 30px 0 5px;background:#33353a url(/pcms/common/images/ir/program--search--icon.png) no-repeat 100% 48%;color:#fff;text-shadow:0 0 1px #000;line-height:36px;}
.ui-accordion-group{position:relative;width:100%;}
.ui-accordion-group .item{position:relative;margin-bottom:20px;padding:40px;border:1px solid #ddd}
.ui-accordion-group .item .thumb-box{position:relative;padding:0 0 0 420px;overflow:hidden;border:0;text-align:left;}
.ui-accordion-group .item .thumb-image{position:absolute;top:0;left:0;width:380px;margin:0;background-color:#f7f7f7;}
.ui-accordion-group .item .thumb-info .cat{color:#7c7c7c;font-size:13px;letter-spacing:-1px;}
.ui-accordion-group .item .thumb-info strong{margin-bottom:25px;color:#222;font-size:24px;font-weight:bold;}
.ui-accordion-group .item .btn-box{padding:20px 0 0;text-align:right;}
.ui-accordion-group .item .inner{display:none;margin-top:15px;padding:20px;background:#f9f9f9;}
.ui-accordion-group .item.action .inner{display:block;}
.ui-accordion-group .item .inner .thumb-btn{display:none}
.ui-accordion-group .item .thumb-summary br+br{display:none}
.ui-accordion-group .item .btn-icon{padding-right:42px;}
@media only screen and (max-width:1240px){
    .ui-accordion-group .item .thumb-box{padding-left:300px;}
    .ui-accordion-group .item .thumb-image{width:260px;}
    .ui-accordion-group .item .btn-icon{padding-right:32px;}
}
@media only screen and (max-width:1100px){
    .ui-accordion-group .item{padding:25px;}
    .ui-accordion-group .item .thumb-box{padding-left:260px;}
    .ui-accordion-group .item .thumb-image{width:240px;}
}
@media only screen and (max-width:1024px){
    .ui-accordion-group .item .thumb-box{padding-left:300px;}
    .ui-accordion-group .item .thumb-image{width:260px;}
}
@media only screen and (max-width:768px){
    .ui-accordion-group .item .thumb-box{margin-bottom:15px;padding-left:0;}
    .ui-accordion-group .item .thumb-image{width:100%;}
    .ui-accordion-group .item .btn-box{text-align:center}
    .ui-accordion-group .item .btn-box .detail{display:none;}
    .ui-accordion-group .item .inner{display:block;}
    .ui-accordion-group .item .inner .thumb-btn{display:block;margin-top:20px;text-align:center;}
    .ui-accordion-group .item .inner .thumb-txt{position:relative;height:40px;overflow:hidden;color:#767676;line-height:20px;}
    .ui-accordion-group .item .inner.auto .thumb-txt{height:auto;}
}
.filetable{display:table;width:100%;border-top:2px solid #000;border-bottom:1px solid #cbcbcb;margin-top:20px;}
.filetable .item{display:table-row;}
.filetable .item .col{display:table-cell;padding:10px 15px;border-top:1px solid #cbcbcb;}
.filetable .item .col.previewbox{width:60px;text-align:center;}
.filetable .item .col.icon{width:50px;text-align:center}
.filetable .item .col.bite{width:100px;text-align:center}
.filetable .item .col *{vertical-align: middle;}
.preview{display:block;width:60px;height:60px;}
.preview{display:block;width:60px;height:60px;}
.progress{position:relative;height:8px;overflow:hidden;border-radius:.25rem;background-color:#e9ecef;font-size:.75rem;}
.progress-bar{display:inline-block;position:absolute;top:0;left:0;width:0;height:8px;background-color:#007bff;color:#fff;text-align:center;transition:width .6s ease;}
.bg-danger{background-color:#dc3545!important;}
.bg-info{background-color:#17a2b8!important;}
.bg-success{background-color:#28a745!important;}
.bg-warning{background-color:#ffc107!important;}
.bg-light{background-color:#f8f9fa!important}
.bg-dark{background-color:#343a40!important}
.poll_view{position:relative;width:100%;margin-top:-1px;padding:20px;border:1px solid #efefef;}
.poll_view .line{margin:30px 0;border-bottom:1px dashed #ddd;}
.poll_view .poll_rslt__box{margin:10px 0;padding:10px;background-color:#fafafa;}
.poll_rslt *{vertical-align:middle;}
.poll_rslt .rslt_01 p{margin:0}
.poll_rslt .rslt_04{padding-top:6px}
.poll_title .badge{width:auto;border-radius:4px;}
.poll_view .poll_q{position:relative;}
.poll_view .poll_q .etc{position:absolute;top:12px;right:0;margin:0;}
.poll_view .poll_q .poll_title{display:block;padding:25px 100px 10px 0;border-top:1px solid #a9a9a9;border-toform-style:dashed;color:#000}
.program--search.dept--search{margin:0;margin-top:10px;border:none;padding:0;background:none;}
.program--search.dept--search .fieldset{width:100%;}
.program--search.dept--search .search--text{min-width:63%;}
.icon-search svg{position:absolute;top:50%;left:50%;width:60%;transform:translateX(-50%) translateY(-50%);}
.icon-search [class*='line']{animation:grow-from-left 1200ms ease-in-out infinite;}
.icon-search .line2{animation-delay:75ms;}
.icon-search .line3{animation-delay:150ms;}
@keyframes float{
    0%{transform:translateY(0%);}
    25%{transform:translateY(-8%);}
    50%{transform:translateY(2%);}
    75%{transform:translateY(-6%);}
    100%{transform:translateY(0%);}
}
@keyframes grow-from-left{
    0%{opacity:0;transform: translateX(142px) scale(0, 1);}
    5%{opacity:1;}
    30%{transform:translateX(0) scale(1, 1);}
}

#youtubeLayer,
#imgLayer{position: fixed;top:50% !important;left:50% !important;transform: translate(-50%,-50%)  !important;opacity:0;}
#imgLayer{overflow:hidden}
#youtubeLayer .youtube{width:700px;height:450px;}
#imgLayer .thumb{display:block;width:auto !important;max-height:450px;}

.program--calendar { position:relative; width: 100%; display: block;overflow: hidden;border-radius:5px;}
.calendar-header { position:relative;display:block;overflow:hidden;padding:20px 40px;width:100%;background:#298250 url(/images/prog/month-title.png) no-repeat 5px center;color: #fff;}
.calendar-subheader {text-align:right;}
.calendar-subheader .breadcrumb {display:block;margin-bottom:0;padding:0;position:relative;background-color: transparent;color:#fff;font-weight:bold;font-family: 'Lato', sans-serif;font-size: 16px;letter-spacing:4px;text-transform: uppercase;}
.calendar-subheader .breadcrumb:after {content:" <";font-family: sans-serif;vertical-align: middle;font-size:13px;font-weight: 100;display: inline-block;color: #fff;position: absolute;right:75px;top: 3px;font-weight:600;}
.calendar-subheader strong{font-size:22px;font-family: 'Lato', sans-serif;letter-spacing:1px; font-weight:600;}
.calendar-subheader strong em{display:inline-block;margin-left:3px;font-weight:bold;font-family:nbg;}
.schedule--table .inner,
.schedule--box .inner{position:relative;padding:30px;}
.schedule--day_title{display:block;position:relative;padding:0;color: #000;font-size:22px;margin-bottom: 30px;position: relative;font-weight:600;}
.schedule--day_title:before {content: "";display: block;width: 53%;height: 2px;left:auto;background:none;background-color: #ddd;position: absolute;top: 50%;transform: translatey(-70%);right:0;}
.schedule-table__header{text-align: center;font-size: 18px;padding: 10px 0;position: relative;}
.goback, .goforward {height: 30px;width: 30px;border-radius: 30px; display: inline-block;cursor: pointer;position: relative;top: -1px;}
.goback {float: left;margin-left: 3.8%;}
.goforward {float: right;margin-right: 3.8%;}
.schedule-current__month{display: inline-block;font-size:22px;color:#222;position: relative;font-weight:bold;}
.calendar-grid {margin-top:20px;}
.calendar-grid table {width:100%;}
.calendar-grid table thead {color: #e66b6b;font-weight: 700;text-transform: uppercase;z-index:99}
.calendar-grid table td{padding:10px;height:57px;box-sizing:border-box;text-align:center;border-bottom:1px solid #ddd;}
.calendar-grid table td p{margin:0;padding:0;}
.calendar-grid table td p .date,
.calendar-grid table td p .sat,
.calendar-grid table td p .sun{display:block;width:45px;height:45px;line-height:25px;padding:10px 0;text-align:center;transition: all 0.3s cubic-bezier(0.54, -0.24, 0.46, 1.28);}
.calendar-grid table td p .sat{color:#3f61b2}
.calendar-grid table td p .sun{color:#df3128}
.calendar-grid table td p .today{color:#fff;background-color:#df3128}
.calendar-grid table td p .sat:hover{background-image: radial-gradient(#235dad 50%, rgba(0, 0, 0, 0) 53%);color:#fff}
.calendar-grid table td p .sun:hover {background-image: radial-gradient(#e66b6b 50%, rgba(0, 0, 0, 0) 53%);color:#fff}
.calendar-grid table td p .date:hover {background-image: radial-gradient(#efefef 50%, rgba(0, 0, 0, 0) 53%);}
.calendar-grid table td p .today:hover{background-color:#298250}
.calendar-grid table thead {margin-bottom:10px;background-color: #404040;box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.25), 0 0.1em 0.5em 1px rgba(0, 0, 0, 0.35), 0 1em 2em 1px rgba(0, 0, 0, 0.15);}
.calendar-grid table thead th{color:#fff;padding:15px 5px;font-size:16px;}
.ir-concert{display:inline-block;margin:-2px 0;overflow:hidden;width:12px;height:12px;border-radius:50%;}
.concert1{background-color:#239539;background-image:repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 4px, transparent 1px, transparent 5px);}
.concert2{background-color:#3f61b2;background-image: repeating-linear-gradient(-90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 5px, transparent 5px, transparent 15px);}
.concert3{background: linear-gradient(to left, #485fed, rgba(255, 44, 118, 0.25)), #485fed;}
.concert4{background-color: rgba(200,0,0,.75);}
.concert5{background-image: linear-gradient(transparent 11px, rgba(220,220,200,.8) 12px, transparent 12px), linear-gradient(90deg, transparent 11px, rgba(220,220,200,.8) 12px, transparent 12px);color:#333 !important}
.calendar-grid table td .ir-concert{width:7px;height:7px;}
.schedule--picker .ir-concert,
.schedule--box .ir-concert{padding:2px 5px;width:auto;height:auto;margin-right:5px;font-size:14px;color:#fff;line-height:1.3;border-radius:5px;font-weight: bold;}
.program--calendar .inner{position:relative;}
.schedule--day_title em,
.program--calendar .inner .h2 em{display:inline-block;margin-left:7px;}
.schedule--box .obj{position:relative;}
.schedule--box .obj .item{padding:17px 20px 15px 54px;position: relative;border-bottom:1px solid #ddd;font-size:16px;line-height:1.4}
.schedule--box .obj .item *{vertical-align: middle;}
.schedule--box .obj .item .place{display:block;text-align:left;font-size:14px;font-weight: bold;color:#333}
.schedule--box .obj .item .ir-concert{position:absolute;top:22px;left:5px;min-width:40px;text-align:center}
.schedule--table{}
.schedule--table:before{content: "";display: block;position:absolute;top:5%;right:0;width:1px;height:90%;background-color:#ddd}
.schedule--table .inner, .schedule--box .inner .ir-concert{margin-right:7px;position: relative;top:-1px;}
.schedule--picker{padding-top:30px;margin-top:30px;border-top:3px double #ddd}
.schedule--picker .inner{padding:30px;}
.board--card--list.type2 .obj .item{min-height:410px;}
.board--card--list.type2 .col {border:14px solid transparent;}
.board--card--list.type2 .obj .link{border:none;}
.board--card--list.type2 .col .inner-box{ position: relative;border-radius:2px; border-radius: 0 10px 0 0;background-color: #fff;box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.1);transition: all 250ms ease-out;}
.board--card--list.type2 .obj .card--body{border:10px solid transparent; }
.board--card--list.type2 .obj .card--body:before{display:none;}
.board--card--list.type2 .tag{position: absolute;left: 0px;width: 40px;height: 50px;line-height: 40px;color: #fff;font-size: 14px;z-index:10}
.board--card--list.type2 .tag:after {content: '';position: absolute;left: 0;z-index: -1;width: 0;height: 0;border-style: solid;border-width: 60px 60px 0 0;border-color: #ee1b2e transparent transparent transparent;}
.board--card--list.type2 .obj .card--body .tit{margin:0;padding: 0;color: #323232;font-size:20px;font-weight: 700;}
.board--card--list.type2 .tag i{position: absolute;top:0;left: 0;width:100%;height:100%;}
.board--card--list.type2 .tag i svg{position: absolute;top:34%;left:46%;width:60%;transform: translate(-50%,-50%);}
.not-border{border-top:none;}
.iframe #pdf{width:100%;height:100%;}
/* calendar */
.calendar__month {width: 100%;box-sizing: border-box;padding:0 15px;overflow: hidden;position: relative;}
.calendar__month:after { content: '';width: 100%;height: 3em;border-radius: 10%;position: absolute;z-index: 3;bottom: -3em;left: 0;box-shadow: 0 -1em 1em -1em rgba(0, 0, 0, 0.6), 0 0 4em -1em rgba(0, 0, 0, 0.2);}
.calendar__month .calendar-nav {display:block;font-size:1.5rem;padding: 0.5rem 30px;text-align:center;margin-bottom:30px;}
.calendar__month .calendar-nav .calendar-year,
.calendar__month .calendar-nav .calendar-month,
.calendar__month .calendar-nav .calendar-week,
.calendar__month .calendar-nav .calendar-nav-left,
.calendar__month .calendar-nav .calendar-nav-right,
.calendar__month .calendar-nav .week,
.calendar__month .calendar-nav .year,
.calendar__month .calendar-nav .month{display:inline-block;}
.calendar__month .calendar-nav .week,
.calendar__month .calendar-nav .year,
.calendar__month .calendar-nav .month{margin:0 10px;}
.calendar__month .calendar-nav .calendar-year{margin-right:15px;}
.calendar__month .calendar-nav .calendar-week{margin-left:15px;}
.calendar__month .calendar-nav .month{border-radius: 100%;width:50px;height:50px;background-color:#df3128;line-height:50px;color:#fff;font-size:20px;}
.calendar__table {width: 100%;}
.calendar__table tr {width: 100%;}
.calendar__tbody, .calendar__thead { position: relative; width: 100%;}
.calendar__thead {margin-bottom:5px;height:61px;z-index: 2;background-color: #404040;box-shadow: 0 0.05em 0.05em 0 rgba(0, 0, 0, 0.15), 0 0.05em 0.05em 1px rgba(0, 0, 0, 0.25), 0 0.05em 0.05em 1px rgba(0, 0, 0, 0.05);}
.calendar__thead .calendar__month__day {height:61px;color:#fff;font-size:18px;text-transform: uppercase;text-align:center;line-height:1.2;color:#c2c2c2;font-weight: normal;vertical-align: middle;}
.calendar__thead .calendar__month__day  span{display:block;font-size:0.7em;color:#fff;font-weight:bold;letter-spacing: 1px;}
.calendar__tbody {background-color:#fff;z-index: 1;box-shadow: 0 0.05em 0.05em 0 rgba(0, 0, 0, 0.05), 0 0.05em 0.05em 1px rgba(0, 0, 0, 0.05), 0 0.05em 0.05em 1px rgba(0, 0, 0, 0.05);}
.calendar__month__week{}
.calendar__tbody tr{overflow:hidden;}
.calendar__tbody .calendar__month__day{padding:0.7em;font-size:16px;font-weight: normal;vertical-align:top; transition: all 0.3s cubic-bezier(0.54, -0.24, 0.46, 1.28);border-top: 0.1rem solid #dbdbdb;border-right: 0.1rem solid #dbdbdb;}
.calendar__tbody .no-line .calendar__month__day{border-top:none;}
.calendar__tbody .calendar__month__day time {display:inline-block;width:30px;height:30px;border-radius: 50%;margin-bottom:5px;}
.calendar__tbody .calendar__month__day.today  time {text-align:center;color: #FFFFFF;background-image: radial-gradient(#ff7555 50%, rgba(0, 0, 0, 0) 53%); background-repeat: no-repeat; background-position: 50% 50%;background-size:3.5em 3.5em;}
.calendar__tbody .calendar__month__day time a{display:block;}
.calendar__tbody .calendar__month__day.today  time a{color:#fff;}
.calendar-events{position:absolute;background-color: #3273dc;border-radius:5px;display: block;vertical-align: baseline;}
.calendar-events a{color:#fff;display: block;font-size:13px;padding: 0.22rem 0.2rem;overflow: hidden;text-align: left;text-overflow: ellipsis;white-space: nowrap;}
.calendar-events.is-black {background-color: #0a0a0a;color: white;}
.calendar-events.is-light {background-color: whitesmoke;}
.calendar-events.is-light a{color: #363636;}
.calendar-events.is-dark {background-color: #363636;}
.calendar-events.is-dark a{ color: whitesmoke;}
.calendar-events.is-primary {background-color: #00d1b2;}
.calendar-events.is-info {background-color: #3273dc;}
.calendar-events.is-success {background-color: #23d160;}
.calendar-events.is-warning {background-color: #ffdd57;}
.calendar-events.is-warning a{ color: rgba(0, 0, 0, 0.7);}
.calendar-events.is-danger {background-color: #ff3860;}
.select_group{position: absolute;right:20px;top:10px;font-size:16px;line-height:1}
.select_group span{display:inline-block;border:1px solid #aaa;background-color:#fff;}
.select_group select{width:100%;height:32px;margin:0;border:none;line-height:1;}
.calendar-today{position: absolute;left:20px;top:10px;font-size:16px;line-height:1}
.calendar-today span{display:inline-block;padding:0 20px;border:1px solid #aaa;background-color:#fff;}
.calendar-today a{width:100%;height:32px;margin:0;border:none;line-height:28px;padding-bottom:4px;}
.select2-results__option{line-height:1.1;font-size:14px;}
.move-select{position:relative;float:right;padding:20px;padding-right:130px;margin-top:10px;margin-bottom:15px;max-width:500px;border:1px solid #efefef;clear: both;}
.move-select button{position: absolute;top:20px;right: 20px;max-width:115px;}
.move-select .select2-container .select2-selection--single{height:33px;}

/* timeout */
.ui-timeout{position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:9999;}
.ui-timeout .inner{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);padding:30px;max-width:430px;height:290px;border:3px solid #246cc4;background-color:#fff;}
.ui-timeout .inner .ir-logo{float:left;width:121px;height:74px;background:#33353a url(/images/ham/common/ir-logo.png) no-repeat}
.ui-timeout .inner .ir-logo-trans{float:left;width:121px;height:74px;background:#33353a url(/images/ham/common/ir-logo-trans.png) no-repeat}
.ui-timeout .inner .timeout__box{float:right;width:230px;padding-top:30px;}
.ui-timeout .inner .timeout__box.auto__out{padding-top:0;}
.ui-timeout .inner .timeout__box *{line-height:1.3;letter-spacing: -0.02em;}
.ui-timeout .inner .timeout__box p{margin:0;color:#333;font-size:23px;font-weight: bold;}
.ui-timeout .inner .time-remaining{font-size:18px;color:#666;font-weight: 600;}
.ui-timeout .inner .time-remaining span{color:#2f427f;font-weight: bold;font-size:30px;}
.ui-timeout .inner .timeout__info{clear:both;text-align:center;line-height:1.4;font-size:14px;margin:0 0 10px;padding-top:20px;}
.ui-timeout .inner .timeout__info span{color:#246cc4;font-weight:bold}
.ui-timeout .inner .time-group__btn{text-align:center}
.ui-timeout .inner .time-group__btn a{display:inline-block;line-height:38px;min-width:120px;font-size:15px;}
.ui-timeout .inner .time-group__btn .timeBtnExtend{background-color:#246cc4;border-color:#246cc4;color:#fff}
.ui-timeout .inner .time-group__btn .timeBtnCancel{border-color:#ddd;color:#333;font-weight: 600;border:1px solid #ddd;}



.ui-login__box{position:relative;background:#fff;overflow:hidden}
.ui-login__box .inner{position:relative;margin:0;padding:20px;padding-right:0;padding-right:52%;}
.ui-login__box .inner:before{content: '';display:block;position:absolute;top:0;left: 52%;width:1px;height:100%;background-color:#efefef;}
.ui-login__box .inner:after{content:'OR';display:block;position:absolute;top:21%;left: 49%;width:48px;height:48px;background-color:#2678cc;color:#fff;border-radius:50%;text-align:center;line-height:48px;font-size:22px;font-family:Roboto, "Helvetica Neue", Arial, sans-serif;font-weight: 300;letter-spacing:2px;font-style: italic;}
.ui-login__box .ui-login__user{position:relative;padding:20px;}
.ui-login__box .ui-login__user .login-user__title{margin-bottom:30px;}
.ui-login__box .ui-login__user .login-user__title strong{color:#2678cc;font-weight:bold;font-size:34px;line-height: 1.3;}
.ui-login__box .ui-login__user .login-user__title strong em{color:#08326e;font-weight:bold;}
.ui-login__box .ui-login__user .login-user__title p{margin: 5px 0 0 0;color:#888;font-size: 15px;line-height:1.3;letter-spacing: -1px;}
.ui-login__box .ui-login__user .ui-form{position:relative;padding:0 125px 0 0;}
.ui-login__box .ui-login__user .ui-form .ui-login__box .ui-login__user .ui-form .form-group input, .ui-login__box .ui-login__user .ui-form .form-group input:focus{outline:0;box-shadow:none;}
.bar{width:100%}
.ui-login__box .ui-login__user .ui-form .form-group{display:block;position:relative;margin-bottom:5px;box-shadow:none;}
.ui-login__box .ui-login__user .ui-form .form-group input{display:block;width:100%;height:42px;padding:10px;border:none;border-bottom:1px solid rgba(0, 0, 0, .3);border-radius:0;background:0 0;color:#000;font-size:14px;}
.ui-login__box .ui-login__user .ui-form .form-group label{position:absolute;top:5px;left:15px;color:rgba(0, 0, 0, .4);font-size:14px;font-weight:400;pointer-events:none;transition:.2s ease all;-webkit-transition:.2s ease all;-o-transition:.2s ease all;-moz-transition:.2s ease all;}
.ui-login__box .ui-login__user .ui-form .form-group input:focus~label{top:-20px;color:rgba(0, 0, 0, .5);font-size:12px;}
.bar{display:block;position:relative;}
.bar:after, .bar:before{position:absolute;bottom:1px;width:0;height:2px;background:rgba(0, 0, 0, .5);content:'';transition:.2s ease all;-webkit-transition:.2s ease all;-o-transition:.2s ease all;-moz-transition:.2s ease all;}
.bar:before{left:50%}
.bar:after{right:50%}
.ui-login__box .ui-login__user .ui-form .form-group input:focus~.bar:after, .ui-login__box .ui-login__user .ui-form .form-group input:focus~.bar:before{width:50%}
.highlight{position:absolute;top:25%;left:0;width:100px;height:0%;opacity:.5;pointer-events:none;}
.ui-login__box .ui-login__user .ui-form .form-group input:focus~.highlight{animation:inputHighlighter .3s ease;-webkit-animation:inputHighlighter .3s ease;}
@-webkit-keyframes inputHighlighter{
    from{background:rgba(0, 0, 0, .7);}
    to{width:0;background:0 0;}
}
@keyframes inputHighlighter{
    from{background:rgba(0, 0, 0, .7);}
    to{width:0;background:0 0;}
}
.ui-login__box .ui-login__user .ui-form .form .find{margin-top:5px;text-align:left;}
.ui-login__box .ui-login__user .ui-form .form .find li{display:inline-block;position:relative;margin:0;line-height:1;}
.ui-login__box .ui-login__user .ui-form .form .find li:first-child{margin-right:10px;padding-right:12px;}
.ui-login__box .ui-login__user .ui-form .form .find li:first-child:before{display:block;position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#ddd;content:"";}
.ui-login__box .ui-login__user .ui-form .form .find button{line-height:1;}
.ui-login__box .ui-login__user .ui-form .form .find button:hover,
.ui-login__box .ui-login__user .ui-form .form .find button:focus{color:#df0200;}
.ui-login__box .ui-login__user .ui-form .tip{display:none;}
.ui-login__box .ui-login__user .ui-form .btn{position:absolute;top:0;right:0;width:100px;width:115px;height:89px;padding:0;line-height:89px;background-color:#0a326d;border-color:#0a326d;color:#fff;font-size: 17px;border-radius:3px;letter-spacing: 1px;font-weight: normal;}
.ui-login__box .ui-find{overflow:hidden;}
.ui-login__box .ui-find:after{display: block;visibility: hidden;clear: both;content: '';}
.ui-login__box .ui-find li{display:inline-block;float:left;position:relative;line-height:1.3;margin-left:-1px;}
.ui-login__box .ui-find li:before{content: '';display: block;position:absolute;top:10px;left:0;width:1px;height:10px;background-color:#dbdbdb}
.ui-login__box .ui-find li button{padding:10px;font-size:14px;color:#888;letter-spacing: -1px;}
.ui-login__box .ui-login__etc{position:absolute;top:0;right:0;/*border-top:1px dashed #ccc;*/padding:20px 0;width: 42%;}
.ui-login__box .ui-login__etc .login-etc__title{margin-bottom: 65px;padding-top: 40px;}
.ui-login__box .ui-login__etc .login-etc__title strong{color:#323b44;font-weight:bold;font-size:20px;line-height: 1.3;}
.ui-login__box .ui-login__etc .login-etc__title p{margin:0;color:#888;font-size: 15px;line-height:1.3;letter-spacing: -1px;}
.ui-login__box .ui-login__etc .sns-btn__group{display:block;}
.ui-login__box .ui-login__etc .sns-btn__group .sns-btn{display:inline-block;position:relative;margin-bottom:25px;float:none;border-radius:50px !important;padding:10px 20px;padding-left:62px;font-size:14px;letter-spacing: -1px;}
.ui-login__box .ui-login__etc .sns-btn__group .btn-fb{background-color:#20346e;color:#fff;}
.ui-login__box .ui-login__etc .sns-btn__group .btn-kk{background-color:#44781f;color:#fff;}
.ui-login__box .ui-login__etc .sns-btn__group .btn-nv{background-color:#dbd100;color:#121212;}
.ui-login__box .ui-login__etc .sns-btn__group .sns-btn .ir-member{display:block;position:absolute;top:-14px;left:14px;width:45px;height:45px;}

.ir-member{background:url(/images/prog/member/ir.png) no-repeat}
.ir-fb{background-position:-158px -15px}
.ir-kk{background-position:-216px -15px}
.ir-nv{background-position:-275px -15px}
.certification__inner{padding:0 40px;padding-top:47px;border-top:1px solid #efefef;}
.ui-topbox.type1.ui-cert__box{border:none;border-radius:0;}
.ui-topbox.type1.ui-cert__box .inner{padding:0;min-height:auto;}
.ui-topbox.type1.ui-cert__box .inner .txtwrap .h-box{display:inline-block;margin-bottom:15px;padding:7px 10px;color:#fff;background-color:#6b7c8e;border-radius:50px;font-size:16px;font-weight: bold;}
.ui-topbox.type1.ui-cert__box .inner .txtwrap p{font-size:14px;margin:5px 0 0 0;}
.ui-certification .item .btn{min-width:140px;padding-top:7px;padding-bottom:7px;border-color:#6b7c8e;background-color:#fff;color:#6b7c8e;text-align:left;font-weight: bold;}
.ui-certification .item .btn .arrow:before,
.ui-certification .item .btn .arrow:after{background:#6b7c8e;height:10px;}
.ui-certification .item .btn.btn-danger{background-color:#6b7c8e;color:#fff;}
.ui-certification .item .btn.btn-danger .arrow:before,
.ui-certification .item .btn.btn-danger .arrow:after{background:#fff;}
.ui-topbox.type1 .inner .txtwrap .txt-tip:before{width:16px;height:16px;}
.ui-topbox.type1.ui-cert__box .inner .txtwrap .txt-tip{margin-top:10px;}
.ui-topbox.type1.ui-cert__box .inner .txtwrap .h-box{margin-bottom:5px;}
.ui-topbox.type1.ui-cert__box .inner .txtwrap .txt-tip:before{top:18px;}
.ui-certification{padding:30px;background-color:#fff;border:none;border-top:3px solid #236dc7;border-bottom:1px solid #ddd;}
.ui-certification .item{border-style:dashed;border-color: #d7d7d7;min-height:280px;}
.ui-certification .item .icon{width:80px;height:80px;background:url(/images/prog/mem/ir.png);}
.ui-certification .item .icon2{background-position:-80px 0}
.ui-certification .item .icon1{background-position:0 0 }
.ui-certification .item .list-box{margin:-10px;margin-top:20px;font-size:13px;text-align:left;}
.ui-certification .item .list-box p{display:inline-block;}
.ui-certification .item .list-box p a{position:relative;padding-right:36px;color:#03A9F4;display:inline-block;background: url(/images/prog/mem/icon_link3.png) no-repeat 90% 56%;}
.ui-certification .item .list-box p.tel{color:#222}
.privacy-info{margin-top:30px;position:relative;padding:28px 44px;border:1px solid #dbdbdb;border-radius: 4px;}
.privacy-info .row{margin:0;padding:0;}
.privacy-info .row:before{display:none;}
.privacy-info .row:after{display: block;content: '';position: absolute;top:31px;left:20px;width:16px;height:16px;background:url(/images/skin/txt-tip.png);}
.privacy-info .row p{margin:0;color:#767676;font-size:15px;line-height:1.4;}
.privacy-info .row p.title{margin-bottom:10px;color:#222;font-size:16px;}
.privacy-info .row p.title strong{font-weight:bold;}
.privacy-info .row ul{margin-top:5px;}
.privacy-info .row ul li{display:inline-block;margin-right:5px;}
.privacy-info .row ul li .link{position:relative;padding-right:36px;font-size:15px;display:inline-block;background:url(/images/prog/mem/icon_link3.png) no-repeat 90% 58%;color: #03A9F4;}
@media only screen and (max-width:960px){
    .ui-login__box .inner{padding:0;padding-right:52%;}
    .certification__inner{padding:0 20px;padding-top:20px;}
}
@media only screen and (max-width:900px){
    .ui-login__box .inner{padding-right:50%;}
    .ui-login__box .inner:before{left:50%;}
    .ui-login__box .inner:after{left:47%}
    .ui-login__box .ui-login__etc{width:45%;}
    .ui-login__box .ui-login__etc .login-etc__title{margin-bottom:45px;}
    .ui-login__box .ui-login__etc .sns-btn__group .sns-btn{padding-right:15px;}
}
@media only screen and (max-width:768px){
    .ui-login__box .inner{padding-right:0;}
    .ui-login__box .ui-login__etc{position:relative;top:auto;right:auto;width:auto;padding:20px;border-top: 1px dashed #ccc; */}
    .ui-login__box .inner:before,
    .ui-login__box .inner:after{display:none;}
    .ui-login__box .ui-login__etc .login-etc__title{padding-top:20px;}
    .ui-login__box .ui-login__etc .sns-btn__group{text-align:center}
    .ui-certification{padding:0;}
    .ui-certification .item{border-left:none;}
}
.modal:before{content:'';display:inline-block;height:100%;width:0;margin-left:-1em;vertical-align:middle}
.modal__open{overflow:hidden;height:100%}
.modal__open .modal{overflow-x:hidden;overflow-y:auto;z-index:99999}
.modal__backdrop{position:absolute;top:0;right:0;left:0;background-color:rgba(0,0,0,.6)}
.modal__body{position:fixed;top:50%;left:50%;display:inline-block;width:600px;margin:-1% auto 0;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.5);transform:translate(-50%,-50%);transition:all .4s ease-out;vertical-align:middle;text-align:left}
.modal__header{margin:0 15px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.modal .modalTitle,.modal__title{font-size:1.2em;color:#000}
.modal__content{position:relative;padding:20px;overflow-y:auto}
.modal__footer{padding:8px 15px;border-top:1px solid #e6e6e6;background:#fafafa;text-align:center}
.modal__close{position:absolute;top:0;right:0;font-size:0}
.modal__close-button span{display:inline-block;width:73px;height:73px;background:#000}
.modal__close-button span:after,.modal__close-button span:before{display:inline-block;position:absolute;top:50%;left:50%;background-color:#fff;vertical-align:middle;transform:rotate(-45deg);content:'';}
.modal__close-button span:before{left:50%;width:48px;height:1px;margin-top:0;margin-left:-24px}
.modal__close-button span:after{width:1px;height:48px;margin-top:-24px}
.modal.fade .modal__backdrop{opacity:0;transition:opacity 1s}
.modal.fade.active .modal__backdrop{opacity:.75;transition:opacity 1s}
@media only screen and (max-width:770px){
    .modal__close-button span{width:50px;height:50px}
    .modal__close-button span:before{left:50%;width:28px;height:1px;margin-top:0;margin-left:-14px}
    .modal__close-button span:after{width:1px;height:28px;margin-top:-14px}
}
.modal--images .modal__body{width:auto;margin-bottom:0}
.modal--images .modal__content{padding:0;font-size:0;line-height:0}
.modal--images .modal__content img{max-width:800px!important;max-height:600px!important}
@media only screen and (max-width:985px){
    .modal--images .modal__content img{max-width:600px!important;max-height:500px!important}
}
@media only screen and (max-width:640px){
    .modal--images .modal__content img{max-width:300px!important;max-height:400px!important}
}
.modal.donor__popup .modal__body{background:url(/common/images/program/donor_popup_bg.jpg) no-repeat;background-size:cover}
.modal.donor__popup .modal__header{margin-top:51px;border:none;text-align:center}
.modal.donor__popup .modal__title{font-size:34px;line-height:34px;color:#ffeec1;text-align:center}
.modal.donor__popup .modal__title>span{position:relative;display:inline-block}
.modal.donor__popup .modal__title>span:after,.modal.donor__popup .modal__title>span:before{display:block;position:absolute;top:5px;width:78px;height:24px;background:url(/common/images/program/donor_popup_leaf.png) no-repeat}
.modal.donor__popup .modal__title>span:before{left:-97px}
.modal.donor__popup .modal__title>span:after{right:-97px;background-position:-85px 0}
.modal.donor__popup .modal__title-text{margin-top:25px;font-size:18px;color:#ffeec1}
.modal.donor__popup .modal__title-text span{position:relative;display:inline-block;padding-left:14px}
.modal.donor__popup .modal__title-text span:before{position:absolute;left:0;top:12px;display:block;width:4px;height:4px;background-color:#b0a68a}
.modal.donor__popup .modal__title-text span:not(:first-child){margin-left:18px}
.modal.donor__popup .modal__content{width:700px;padding:48px 40px}
.modal.donor__popup .modal__content .slider-nav{width:calc(100% - 140px);margin:auto}
.modal.donor__popup .modal__content .form-media__photo-slide{width:100%}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-nav .slick-arrow.slick-prev{background-image:url(/common/images/program/arrow_left.svg)}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-nav .slick-arrow.slick-next{background-image:url(/common/images/program/arrow_right.svg)}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-nav__button{position:relative;width:152px;height:128px}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-nav__button:hover{border:4px solid #816445}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-for{margin-top:30px}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-for .slick-slide{text-align:center}
.modal.donor__popup .modal__content .form-media__photo-slide .slider-for img{margin:0 auto;max-width:620px!important;max-height:420px!important}
.modal.donor__popup .modal__close-button span{background-color:#836647}
@media only screen and (max-width:985px){
    .modal.donor__popup .modal__content{width:600px}
    .modal.donor__popup .modal__content .slider-nav{width:calc(100% - 100px)}
    .modal.donor__popup .modal__content .form-media__photo-slide .slider-nav__button{width:102px;height:85px}
    .modal.donor__popup .modal__content .form-media__photo-slide .slider-for img{max-width:620px!important;max-height:420px!important}
}
@media only screen and (max-width:640px){
    .modal.donor__popup .modal__header{margin-top:30px}
    .modal.donor__popup .modal__title{font-size:24px;line-height:24px}
    .modal.donor__popup .modal__title>span:after,.modal.donor__popup .modal__title>span:before{top:1px}
    .modal.donor__popup .modal__title>span:before{left:-87px}
    .modal.donor__popup .modal__title>span:after{right:-87px}
    .modal.donor__popup .modal__title-text{margin-top:20px;font-size:16px}
    .modal.donor__popup .modal__content{width:320px;padding:20px 20px 30px}
    .modal.donor__popup .modal__content .slider-nav{width:calc(100% - 60px)}
    .modal.donor__popup .modal__content .form-media__photo-slide .slider-for img{max-width:280px!important;max-height:270px!important}
}

.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.9em;font-weight:400;line-height:1.4;visibility:visible;opacity:0;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.2)}
.tooltip__button{display:inline-block;vertical-align:middle;margin:0 3px}
.tooltip.active{opacity:1}
.tooltiarrow,.tooltiarrow:after{position:absolute;display:block;width:0;height:0;border:solid transparent}
.tooltiarrow{border-width:6px}
.tooltiarrow:after{content:"";border-width:5px}
.tooltiinner{max-width:360px;padding:5px 8px 3px;background-color:#fafafa;border-radius:4px;color:#666;text-align:center;text-decoration:none;border:1px solid #ccc}
.tooltip.top{margin-top:-6px}
.tooltip.top .tooltiarrow{bottom:-5px;left:50%;margin-left:-5px;border-tocolor:#ccc;border-bottom-width:0}
.tooltip.top .tooltiarrow:after{bottom:1px;margin-left:-5px;content:" ";border-tocolor:#fafafa;border-bottom-width:0}
.tooltip.right{margin-left:6px}
.tooltip.right .tooltiarrow{top:50%;left:-5px;margin-top:-7px;border-right-color:#ccc;border-left-width:0}
.tooltip.right .tooltiarrow:after{bottom:-5px;left:1px;content:" ";border-right-color:#fafafa;border-left-width:0}
.tooltip.bottom{margin-top:6px}
.tooltip.bottom .tooltiarrow{top:-5px;left:50%;margin-left:-5px;border-towidth:0;border-bottom-color:#ccc}
.tooltip.bottom .tooltiarrow:after{top:1px;margin-left:-5px;content:" ";border-towidth:0;border-bottom-color:#fafafa}
.tooltip.left{margin-left:-6px}
.tooltip.left>.tooltiarrow{top:50%;right:-5px;margin-top:-6px;border-right-width:0;border-left-color:#ccc}
.tooltip.left>.tooltiarrow:after{right:1px;bottom:-5px;content:" ";border-right-width:0;border-left-color:#fafafa}
.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:400px;padding:1px;font-size:.9em;letter-spacing:-1px;line-height:1.5;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.popover-title{padding:8px 14px;margin:0;font-size:1.12em;color:#111;background-color:#f4f4f4;border-bottom:1px solid #ebebeb;border-radius:6px 5px 0 0}
.popover-content{padding:8px 14px}
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border:solid transparent}
.popover>.arrow{border-width:11px}
.popover>.arrow:after{content:"";border-width:10px}
.popover.top{margin-top:-10px}
.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-tocolor:#ccc;border-bottom-width:0}
.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-tocolor:#fff;border-bottom-width:0}
.popover.right{margin-left:12px}
.popover.right>.arrow{top:50%;left:-11px;margin-top:-10px;border-right-color:#ccc;border-left-width:0}
.popover.right>.arrow::after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
.popover.bottom{margin-top:10px}
.popover.bottom>.arrow{top:-10px;left:50%;margin-left:-11px;border-width:10px;border-towidth:0;border-bottom-color:#ccc}
.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-towidth:0;border-bottom-color:#f4f4f4}
.popover.left{margin-left:-10px}
.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#ccc}
.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}
#popup{border:10px solid #236DC9;}
#popup .title{padding:18px 10px;width:100%;height:74px;background:#236dc7 url(/images/kor/common/gnb_bg.png) no-repeat right 0}
#popup .title h1{margin:0;padding:0;color:#fff;font-size:26px;}
#popup .pwrap{padding:30px;}
#popup .close{position:absolute;top:10px;right:10px;}
#popup .close a{color:#fff;font-size:18px;font-weight: bold;}
.form-control.disabled{background-color:#eee;opacity:1;cursor: not-allowed}
.file-form-group{position:relative;white-space:nowrap;display:table}
.form-input__addon{display:table-cell;width:1%}
.form-group__upload{position:relative;display: table-cell;vertical-align: middle;padding-right: 10px;}
.form-upload__label{display:inline-block;margin-right:0;font-size:0;text-indent:100%;vertical-align:middle}
.form-upload__label.file{margin-top:-10px}
.form-upload__file{display:inline-block;width:inherit;min-width:80%;padding-left:0;line-height:16px}
.form-upload__file--hidden{position:absolute;width:1px;height:1px;min-width:inherit;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:none}
.form-upload__clear{display:none;position:absolute;right:8px;top:9px;font-size:0;line-height:0;color:transparent}
.form-upload__clear.active{display:block}
.form-upload.focus [data-button=upload]{outline:2px dotted #2b69fc}
.ie8 .form-upload__file--hidden{position:relative;width:auto;height:auto;min-width:inherit;margin:0;overflow:visible;clip:rect(0,0,0,0);border:1px solid #cdcdcd}
.ie8 .form-upload .form-form-checkbox,.ie8 .form-upload .form-input-group__button{display:none}
.ie8 .form-upload .form-form-checkbox{display:table-cell}
.ie8 .form-upload .form-input-group__upload .disabled.form-upload__file,.ie8 .form-upload .form-input-group__upload .form-dropdown .disabled.form-button,.ie8 .form-upload .form-input-group__upload .form-input.disabled,.form-dropdown .ie8 .form-upload .form-input-group__upload .disabled.form-button{display:none}
#popup{border:10px solid #236DC9;}
#popup .title{padding:18px 10px;width:100%;height:74px;background:#236dc7 url(/images/kor/common/gnb_bg.png) no-repeat right 0}
#popup .title h1{margin:0;padding:0;color:#fff;font-size:26px;}
#popup .pwrap{padding:30px;}
#popup .close{position:absolute;top:10px;right:10px;}
#popup .close a{color:#fff;font-size:18px;font-weight: bold;}
.form-upload{margin-bottom:5px;}
.form-control.disabled{background-color:#eee;opacity:1;cursor: not-allowed}
.file-form-group{position:relative;white-space:nowrap;display:table}
.form-previewbox,
.form-checkbox,
.form-input__addon,
.form-group__upload{position:relative;display:table-cell;vertical-align: middle;}
.form-previewbox{width:100px;padding-right: 10px;}
.form-previewbox img{width:100%;}
.form-checkbox,
.form-input__addon{width:1%}
.form-group__upload{vertical-align: middle;padding-right: 10px;}
.form-checkbox{padding-left:10px;}
.form-group__upload .form-control{height:34px;}
.form-upload__label{display:inline-block;margin-right:0;font-size:0;text-indent:100%;vertical-align:middle}
.form-upload__label.file{margin-top:-10px}
.form-upload__file{display:inline-block;width:inherit;min-width:80%;padding-left:0;line-height:16px}
.form-upload__file--hidden{position:absolute;width:1px;height:1px;min-width:inherit;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:none}
.form-upload__clear{display:none;position:absolute;right:8px;top:9px;font-size:0;line-height:0;color:transparent}
.form-upload__clear.active{display:block}
.form-upload.focus [data-button=upload]{outline:2px dotted #2b69fc}
.ie8 .form-upload__file--hidden{position:relative;width:auto;height:auto;min-width:inherit;margin:0;overflow:visible;clip:rect(0,0,0,0);border:1px solid #cdcdcd}
.ie8 .form-upload .form-form-checkbox,.ie8 .form-upload .form-input-group__button{display:none}
.ie8 .form-upload .form-form-checkbox{display:table-cell}
.ie8 .form-upload .form-input-group__upload .disabled.form-upload__file,.ie8 .form-upload .form-input-group__upload .form-dropdown .disabled.form-button,.ie8 .form-upload .form-input-group__upload .form-input.disabled,.form-dropdown .ie8 .form-upload .form-input-group__upload .disabled.form-button{display:none}
.btn-grouvertical{display:block;}
.form-checkbox__input,.form-radio__input{display:inline-block;opacity: 0;position:absolute;top:4px;left:2px;width:16px;height:16px;margin:0;padding:0;vertical-align:middle;z-index: 10;}
.form-checkbox__label,.form-radio__label{position:relative;display:inline-block;padding-left:26px;line-height:1.5;vertical-align:top;box-sizing:border-box}
.form-checkbox__label:after,.form-checkbox__label:before,.form-radio__label:after,.form-radio__label:before{position:absolute;content:"";display:inline-block}
.form-checkbox__label:before,.form-radio__label:before{top:2px;left:0;width:20px;height:20px;border:1px solid #aaa;background:#fff;box-sizing:border-box}
.form-checkbox__label:before{border-radius:0}
.form-radio__label:before{border-radius:100%}
.form-checkbox__input:checked+.form-checkbox__label:before {border-color: #000;background-color: #000;}
.form-checkbox__input:checked+.form-checkbox__label:after {position: absolute;display: inline-block;width: 12px;height: 10px;top:7px;left:4px;background: url(/pcms/common/images/ir/ir-bbs.png) no-repeat;background-position: -155px -100px;}

.label-bbs{font-size:11px;padding:2px 5px;border-radius:3px;background-color: #ee5e44; color: #fff;font-weight: bold;letter-spacing: -0.02em;height: 19px;overflow: hidden;}
.btn.btn-xs.btn-save{margin-left:3px;padding:1px 4px 2px;font-size: 11px}
.ui-table__list{display:table; width:100%;border-top: 2px solid red;overflow:hidden;table-layout:fixed;border-collapse:collapse}
.ui-table__list .item{display:table-row;width:100%;box-sizing:border-box; vertical-align: top;border: 1px solid #e0e1eb;position:relative;}
.ui-table__list .item .thumb{display:table-cell;width:25%;padding:50px 2%;box-sizing:border-box; vertical-align: top;background-color:#efefef;}
.ui-table__list .item .thumb img{max-width:100%;}
.ui-table__list .item .caption-inner{position:relative;display:table-cell;width:75%;padding: 20px 50px;vertical-align: top;}
.ui-table__list .item .caption-inner .caption-title{display:block;margin:0 0 20px;color: #222;font-weight:700;font-size:24px;word-break: initial;padding-bottom: 10px;border-bottom: 1px solid #efefef;padding: 15px;line-height: 1.3;}
.ui-table__list .item .caption-inner ul {margin:0;}
.ui-table__list .item .caption-inner ul li {position:relative; padding-left:150px; margin:0 0 15px; font-size:15px; color:#666;}
.ui-table__list .item .caption-inner ul li span {position:absolute; left:0; top:0; width:140px; font-size:15px; font-weight:700; vertical-align:middle;}
.ui-table__list .item .caption-inner ul li span .ico {display:inline-block;width:24px;height:24px;margin-right:8px;border-radius: 50%;vertical-align:middle;}
.ui-view__table .bbs--view--header .bbs--view--tit{text-align:center;margin-bottom:0;}
.ui-view__table .bbs--view--info{padding:15px 10px;text-align:right;border-bottom:1px solid #dcdcdc}
.ui-view__table .bbs--view--info:after{clear:both;display:block;content:""}
.ui-view__table .bbs--view--info span{padding-left:8px;display:inline-block;font-size:0.938em;line-height:1.3333em;color:#767676;letter-spacing:-0.03333em}
.ui-view__table .bbs--view--info span i{position:relative;padding-right:8px;margin-right:8px;font-weight:400;color:#444;font-style:normal}
.ui-view__table .bbs--view--info span i:after{position:absolute;top:3px;right:0;width:1px;height:14px;background:#dcdcdc;content:""}
.ui-view__table .bbs--view--info .info > span ~ span{margin-left:20px}
.ui-view__table.bbs--view{margin-bottom:20px;padding-bottom:20px;}
.ui-view__table.bbs--view .bbs--view--file{margin:0}

@media only screen and (max-width:640px){
    .ui-view__table .bbs--view--info{text-align:left;}
    .ui-view__table .bbs--view--info span{display:block;}
    .ui-view__table .bbs--view--info .info > span ~ span{margin-left:0;margin-bottom:5p;}
}


.ui-nav_tabs{border-bottom:1px solid #d9d9d9;text-align:center}
.ui-nav_tabs li{display:inline-block;}
.ui-nav_tabs .ui-tabs_link{display:inline-block;padding: .5rem 1rem;background-color:#fff;border: 1px solid transparent;font-size:20px;text-align:center;transition:.2s ease all;}
.ui-nav_tabs .active .ui-tabs_link{border-bottom: 4px solid !important;border-color:transparent transparent #d9d9d9;font-weight: bold;}
.ui-tab_group .ui-tab_content{margin-top:20px;}
.ui-tab_group .tab__body{overflow:hidden;visibility:hidden;height:0;opacity:0;}
.ui-tab_group .tab__body.active{overflow:visible;height:auto;visibility:visible;opacity:1;}