body {  }

._content { position: relative; background:url("./images/body_bg.png")repeat-y left top; background-size:100%; }

.mhinside { height:80px; }
.mhbottom { height:120px; }

.ColBg { height:100%; background-color:#f0efed; }
/* .RowItems .ColItem2 { margin-top:80px; }
.RowItems .ColItem.mb { margin-top:0px; margin-bottom:40px; }
.RowItems .ColItem .ColCont { padding:20px; font-size:1.125rem; color:#b54703; }
.RowItems .ColItem .ColCont:hover { color:#b54703; }
.RowItems .ColItem .ColCont2 { padding:20px; text-align:left; }
.RowItems .ColItem .ColCont2 .ColTit { color:#262626; }
.RowItems .ColItem .ColCont2 .ColDate { font-size:0.875rem; color:#919191; margin-top:10px; } */
.RowItems .ColItem .ColCont  { text-align:left; }
.RowItems .ColItem .ColCont .ColDate { display: flex; justify-content: space-between; align-items: center; }
.RowItems .ColItem .ColCont .ColDate .date { font-size:1.125rem; color:#5e5e5e; padding:10px 0px; }
.RowItems .ColItem .ColCont .ColDate .status { font-size:0.875rem; margin:10px 0px; padding:5px 8px; background-color:#ffe100; white-space: nowrap; }
.RowItems .ColItem .ColCont .ColDate .status.type1 { background-color:#262626; color:#ffe100; }
.RowItems .ColItem .ColCont .ColTit { font-size:1.75rem; }
.RowItems .ColItem .ColCont .ColTag { margin-top:10px; }

.RowItems.RowList .ColItem { position:relative; margin-top:60px; padding-top:20px; }
.RowItems.RowList .ColItem .ColTit { position: absolute; left:15px; top:0px; background-color:#7e1028; color:#fff; padding:5px 10px; font-size:1.25rem; }

.Content { text-align:left; font-size:1.125em; color:#5e5e5e; }
.Content .ContHead .STitle { color:#03071e; }
.Content .ContHead .SDate { color:#919191; padding-top:15px; }

.Content.small { font-size:1em; }
.Content.big { font-size:1.25em; }

.Content .date { font-size:0.875em; color:#919191; }
.Content .CArea:not(.first) { margin-top:60px; }
.Content .CArea .CSTitle,.Content .CArea .CSSTitle { color:#d20037; }

.Content a { color:#ff230a; text-decoration: underline; }
.Content a:hover { color:#b51739; text-decoration: underline; }
.Content .CArea .CLink a { color:#ff230a; text-decoration: underline; }
.Content .CArea .CLink a:hover { color:#b51739; }

.Content .smMenu { margin-bottom:40px; }
.Content .smLink1 { display: inline-block; color:#000; font-size:1.25rem; }
.Content .smLink1.mt { margin-bottom:15px; }
.Content .smLink2 { display: inline-block; color:#5e5e5e; font-size:1.125rem; margin-top:10px; }
.Content .smLink2 i { font-size:1rem; margin-right:10px; }
.Content .smLink1:hover { color:#d20037; }
.Content .smLink2:hover { color:#d20037; }

.TLabel { display: flex; flex-wrap: wrap; }
.TLabel a { color:#5e5e5e; border:1px solid #5e5e5e; border-radius:7px; padding:4px 10px; font-size:1.125rem; margin-right:10px; margin-top:5px; }
.TLabel a:hover { border:1px solid #C5093B; background-color:#C5093B; color:#fff; }

.ClsArea { position: relative; }
.ClsArea .row { margin:0px -3px; }
.ClsArea .row > div { padding:10px 3px; }
.ClsArea .ClsItem { display: block; text-align:left; color:#919191; border-bottom:1px solid #e2e2e2; padding-bottom:12px; height:100%; font-size:1.125rem; }
.ClsArea .ClsItem:hover { color:#C5093B; border-bottom:1px solid #C5093B; }
.ClsArea .ClsItem.active { color:#C5093B; border-bottom:2px solid #C5093B; }
.ClsArea .ClsItem .icon { display: inline-block; margin-left:3px; width:11px; height:11px; background:url("./images/ico-out.png") no-repeat center center; background-size:contain; }
.ClsArea .ClsItem:hover .icon { background:url("./images/ico-out_o.png")no-repeat center center; background-size:contain; }

.TopBtnArea { display: flex; align-items:center; color:#474747; }
.TopBtnArea.nop { padding:0px; }
.TopBtnArea button { width:40px; height:40px; }
.TopBtnArea .word {display:flex; align-items:center; margin-left:40px; }
.TopBtnArea .word button { background-color:#fff; color:#5e5e5e; border:1px solid #262626; border-left:none; padding:0; }
.TopBtnArea .word button:hover { color:#c5093b; }
.TopBtnArea .word button.active { color:#c5093b; }
.TopBtnArea .word button:nth-child(1) { border-left:1px solid #262626; font-size:1rem; }
.TopBtnArea .word button:nth-child(2) { font-size:1.125rem; }
.TopBtnArea .word button:nth-child(3) { font-size:1.25rem; }
.TopBtnArea .share { display:flex; align-items:center; margin-left:15px; }
.TopBtnArea .share .txt { margin-right:10px; white-space: nowrap; }
.TopBtnArea .share button { background-color:#262626; color:#fff; margin-left:1px; padding:0; }
.TopBtnArea .share img { width:20px; height:auto; }
.TopBtnArea .share button.icon-fb:hover { background-color:#1974ec; }
.TopBtnArea .share button.icon-line:hover { background-color:#01b301; }
.TopBtnArea .share button.icon-twitter:hover { background-color:#1da1f2; }
.Content .TopBtnArea .share img { width:1.125em; }
.Content.small .TopBtnArea .share img { width:1em; }
.Content.big .TopBtnArea .share img { width:1.25em; }

.RowDate { display: flex; align-items:center; border-bottom: 1px solid #e2e2e2; }
.RowDate > div { padding:30px 0px; }
.RowDate .date { width:145px; color:#5e5e5e; font-size:1.125rem; }
.RowDate .cls { width:160px; color:#5e5e5e; font-size:1.125rem; }
.RowDate .cont { width:calc(100% - 145px); position: relative; text-align:justify; flex-grow:1; padding:30px; padding-right:70px; font-size:1.25rem; color:#000; }
.RowDate .cont span { position: absolute; font-size:0.875rem; right:30px; top:50%; transform:translate(0px,-50%); color:#262626; }
.RowDate:hover { background-color:#ffd20a; }
.annual .RowDate .date { width:150px; }
.annual .RowDate .cont { width:calc(100% - 150px); }
.annual .RowDate:hover { background-color:transparent; }
.annual .RowDate:hover .cont { color:#c5093b; }
.annual .RowDate:hover span { color:#c5093b; }

.DetailArea .HeadArea { text-align:left; background-color:#f8f8f8; padding-top:20px; }

.HeadArea .Title { color:#000; font-size:1.75em; }
.HeadArea .STitle { color:#c5093b; margin-bottom:5px; font-size:1em; }
.HeadArea .PostDate { color:#5e5e5e; margin-top:5px; font-size:0.875em; }
.HeadArea .info .items { color:#262626; font-size:1.125em; }
.HeadArea .info .items > div { margin-top:10px; }
.HeadArea .info .item { display: flex; align-items:flex-start; }
.HeadArea .info .item .txt { color:#5e5e5e; font-size:0.75em; margin-top:4px; white-space:nowrap; }
.HeadArea .memo { color:#7e1028; font-size:1em; }

.DetailArea .HeadArea .BtnArea { display: flex; justify-content: space-between; align-items:center; }
.DetailArea .HeadArea .BtnArea .left button { width:160px; padding:5px 0px; margin-right:20px; }
.DetailArea .HeadArea .BtnArea .left button:not(.type3):hover { background-color:#d20037; border:1px solid #d20037; color:#fff; }
.DetailArea .HeadArea .BtnArea .left button i { font-size:0.875em; margin-right:10px; }
.DetailArea .HeadArea .BtnArea .left button.type1 { background-color:#ff230a; color:#fff; border:1px solid #ff230a; }
.DetailArea .HeadArea .BtnArea .left button.type2 { background-color:transparent; border:1px solid #262626; color:#262626; }
.DetailArea .HeadArea .BtnArea .left button.type3 { background-color:#919191; border:1px solid #919191; color:#fff; }

.Status1 { color:#71990a; }
.Status2 { color:#7e1028; }
.Status3 { color:#000; }

/*-------------------------------------------------------------*/

.contact .infArea { text-align:left; margin-top:30px; border:1px solid #f0efed; padding:40px; background-color:#f0efed; }
.contact .infArea .tit { color:#000; font-size:1.125rem; }
.contact .infArea .bd { background-color:#262626; display: inline-block; height:4px; width:40px; margin:15px 0px; }
.contact .infArea .area:not(:last-of-type) { margin-bottom:50px; }
.contact .infArea .area .cont1 { color:#c5093b; margin-bottom:5px; }
.contact .infArea .area .cont2 { color:#262626; font-size:1.125rem; }

.newscont .STitle { color:#c5093b; font-size:1.75em; }
.newscont .top { display: flex; justify-content: space-between; align-items:center; padding:18px 0px; }

.download .RowDate .cont span { font-size:1.5rem; }

.venueBnr .infoArea { display: inline-block; margin-top:35px; border-left:2px solid #262626; line-height:16px; }
.venueBnr .infoArea .info { display: inline-block; padding:0px 15px; border-right:2px solid #262626; font-size:1.125rem; }
.venueBnr .infoArea .info a { display: inline-block; padding:0px 5px; }
.venueBnr .infoArea .info a:hover { color:#262626; background:linear-gradient(180deg,transparent 50%, #ffd20a 50%); }
.venueBnr .infoArea .info i { font-size:1.125rem; margin-right:8px; }

.venueList .VSTitle { margin-top:10px; margin-bottom:30px; }
.venueLink { position: relative; display: block; font-size:1.5rem; color:#919191; text-align: left; padding:40px 50px 40px 30px; border-top:2px solid #919191; border-bottom:2px solid #919191; }
.venueLink i { position: absolute; right:30px; top:50%; transform:translate(0px,-50%); }
.venueLink:hover { background-color:#d20037; color:#fff; border-top:2px solid #d20037; border-bottom:2px solid #d20037; }

.HeadArea .venueLink { position:fixed; left:0px; right:0px; bottom:0px; border-top:none; border-bottom:none; background-color:#7d7164; color:#d4cfc6; z-index:5; text-align:center; }

.course .searchArea { text-align:left; }
.course .searchArea select { border:1px solid #b6ada4; padding:7px 10px; }
.course .searchArea .date { display: inline-block; border:1px solid #b6ada4; padding:7px 10px; }
.course .searchArea .date input { border:none; width:calc(50% - 15px); margin:0; padding:0; }
.searchArea .send { background-color:#7d7164; }
.searchArea .send:hover { background-color:#c5093b; }
.course .searchArea .calendar { display:inline-block; text-align:center; width:100%; background-color:#262626; color:#fff; padding:10px; }
.course .searchArea .calendar:hover { background-color:#c5093b; }
.course .searchArea .calendar i { margin-right:10px; }

#courseModal .Content { max-height:270px; overflow-y:scroll; overflow-x:hidden; width:100%; }
#courseModal .mfooter { margin:20px auto; }
#courseModal .check { margin-bottom:30px; font-size:1rem; color:#000; }
#courseModal .agree { display: flex; justify-content: space-between; }
#courseModal .agree > div { width:calc(50% - 15px); }

.apply { text-align:left; }
.apply .areaRow .title { color:#262626; font-size:1.5rem; }
.apply .areaRow .row .fdesc { margin-bottom:25px; color:#606060; }

.actlink { background-color:#f8f8f8; }
.actlink a { display:block; }
.actlink .Items { margin-top:25px; }
.actlink .contArea { display: flex; justify-content: space-between; height:100%; border-bottom:1px solid #e2e2e2; padding-bottom:15px; }
.actlink .contArea .timeArea { width:255px; }
.actlink .contArea .tt { color:#5e5e5e; font-size:0.875rem; }
.actlink .contArea .tt2 { margin-top:10px; }
.actlink .contArea .tt3 { color:#5e5e5e; margin-top:10px; }
.actlink .Items .bdtype2:hover { border:4px solid #c5093b; }
.actlink .contArea .tt2 a { color:#000; }
.actlink .contArea .tt2 a:hover { color:#c5093b; }

.focusCourse .items .item { display: flex; margin-top:40px; width:100%; margin-left:15px; margin-right:15px; }
.focusCourse .items .item.rev { flex-direction: row-reverse; }
.focusCourse .items .item .pic { width:58%; margin-top:auto; margin-bottom:auto; overflow: hidden; }
.focusCourse .items .item .cont { position: relative; width: 42%; padding:40px; text-align: left; }
.focusCourse .items .item .cont .VTitle { font-size:1.75rem; display: inline-block; margin-bottom:30px; }
.focusCourse .items .item .cont .subt { color:#5e5e5e; font-size:1.125rem; margin-bottom:40px; }
.focusCourse .items .item .cont .loc { position: absolute; left:40px; bottom:40px; }
.focusCourse .items a.item:hover .cont { background-color:#c5093b; color:#fff; }
.focusCourse .items a.item:hover .cont .VTitle { color:#fff; }
.focusCourse .items a.item:hover .cont .VSTitle { color:#fff; }
.focusCourse .items a.item:hover .cont .subt { color:#fff; }

.calendar .searchArea { text-align:left; color:#979797; }
.calendar .searchArea .send { width:110px; }
.calendar .searchArea select { width:110px; height:44px; margin-right:20px; color:#262626; }
.calendar .searchArea select.type2 { margin-left:20px; width:auto; padding-right:40px; }
.calendar .searchArea .right { float:right; display: flex; color:#262626; font-size:1.125rem; margin:6px 0px; }
.calendar .searchArea .right .square { display: inline-block; width:16px; height:16px; margin:-2px 5px; }
.calendar .searchArea .right .square.type { border:1px solid #c5093b; background-color:#c5093b; }
.calendar .searchArea .right .square.type2 { margin-left:40px; border:1px solid #d5cfc3; background-color:#f0efed; }

.calendar table { width:100%; table-layout: fixed; word-break: break-all; border-collapse: collapse; }
.calendar table , .calendar td , .calendar th { border:1px solid #d5cfc3; }
.calendar th { padding-top:10px; padding-bottom:10px; background-color:#f0efed; color:#7d7164; }
.calendar td { padding-top:35px; padding-bottom:10px; position: relative; vertical-align: top; background-color:#fff; background-clip:padding-box; }
.calendar td .num { position: absolute; left:3px; top:3px; width:30px; height:30px; color:#b6ada4; border-radius: 15px; padding:4px 0px; }
.calendar td .num.active { background-color:#c5093b; color:#fff; }

.calendar .link { display: block; text-align: left; padding:15px 10px; }
.calendar .link .name { color:#262626; }
.calendar .link .time { color:#5e5e5e; font-size:0.875rem; }
.calendar .link.type1:hover { background-color:#c5093b; }
.calendar .link.type1:hover .name,.calendar .link.type1:hover .time { color:#fff; }
.calendar .link.type2:hover { background-color:#f0efed; }

.calendar td .more { border-top:1px solid #919191; border-bottom:1px solid #919191; color:#919191; padding:3px 15px; margin:12px 0px; background-color:#fff; }
.calendar td .more:hover { color:#c5093b; }
.calendar td .wdArea { position: fixed; z-index:50; }
.calendar td .wdArea .mask { background-color:rgba(0,0,0,0.5); }
.calendar td .wdArea .contArea { background-color:#fff; text-align:left; padding:30px; position: absolute; top:50%; left:50%; width:540px; max-width:90%; max-height:80vh; overflow: auto; transform: translate(-50%,-50%); }
.calendar td .wdArea .contArea .date { color:#5e5e5e; font-size:1.125rem; margin-bottom:15px; }
.calendar td .wdArea .contArea .close { position: absolute; top:30px; right:30px; }

.video .ColItem .icon { position: absolute; right:15px; bottom:15px; font-size:1.75rem; color:#fff; }
.video .des { margin-top:20px; text-align:left; }
.video .des .title { font-size:1.125rem; }
.video .des .date { color:#5e5e5e; margin-top:10px; }

.qa .qaArea .area { padding:30px 0px; padding-left:25px; border-bottom:1px solid #e5edf2; display: flex; align-items:flex-start; text-align:left; cursor: pointer; }
.qa .qaArea .area i { padding:5px 0px;margin-right:40px; color:#000; }
.qa .qaArea .area .question { color:#000; font-size:1.25rem; }
.qa .qaArea .area .answer { display: none; color:#d20037; margin-top:40px; margin-right:40px; font-size:1.125rem; }

.weblink .RowItems { margin-top:40px; margin-bottom:0px; }
.weblink .RowItems .ColBg { display: block; text-align:left; padding:25px 20px; border-bottom:3px solid #e2e2e2; }
.weblink .RowItems .ColBg:hover { background-color:#ffd20a; border-bottom:3px solid #ffd20a; }
.weblink .RowItems .ColBg .tt { color:#262626; font-size:1.5rem; }
.weblink .RowItems .ColBg .tt2 { color:#919191; font-size:1rem; word-break: break-all; }
/* .weblink .RowItems .ColBg:hover .tt , .weblink .RowItems .ColBg:hover .tt2 { color:#fff; } */

.article .content { text-align:left; width:100%; }
.article form { margin:30px auto; max-width:400px; margin-top:50px; }
.article .check { margin-bottom:30px; font-size:1.125rem; color:#000; }
.article .agree { display: flex; justify-content: space-between; }
.article .agree > div { width:calc(50% - 15px); }

.join .areaRow .title { color:#7d7164; font-size:1.5rem; }


.finish .cont { color:#474747; font-size:1.125rem; margin-bottom:25px; margin-top:25px; }
.finish .breadcrumb { background-color:transparent; justify-content: center; }
.finish .breadcrumb a { font-size:1.125rem; color:#ff230a; border-bottom:1px solid #fff; }
.finish .breadcrumb a:hover { border-bottom:1px solid #ff230a; }

.success { padding-top:80px; padding-bottom:80px; text-align:left; }
.success .ftitle { color:#c5093b; font-size:1.5rem; margin-bottom:20px; margin-top:40px; }
.success .areaCONT { text-align:left; }
.success .content { font-size:1.125rem; line-height:35px; color:#474747; }
.success .content a { color:#ff230a; text-decoration: underline; }
.success .content a:hover { color:#c5093c; }

.mainView .areaTIT { font-size:2rem; padding:40px 0px; }
.mainView .toptxt { display: flex; text-align:left; padding:60px 60px 90px 60px; color:#fff; font-size:1.5rem; }
.mainView .toptxt.lv1 { background:url("./images/bg_account-free.png")no-repeat left center; background-size:cover; }
/* .mainView .toptxt.lv2 { background:url("./images/bg_account-B.png")no-repeat left center; background-size:cover; } */
.mainView .toptxt.lv2 { background:url("./images/bg_account-R.png")no-repeat left center; background-size:cover; }
.mainView .toptxt.lv3 { background:url("./images/bg_account-BK.png")no-repeat left center; background-size:cover; }
.mainView .toptxt i { font-size:5rem; margin-right:30px; }
.mainView .toptxt .right { flex-grow: 1; }
.mainView .toptxt .tname { font-size:2rem; margin-bottom:30px; }
.mainView .toptxt .info { display: flex; justify-content: space-between; }
.mainView .toptxt .info .tt { font-size:1rem; }
.mainView .toptxt .info .cont { font-size:1.125rem; }
.mainView .toptxt .info a { display:block; margin-bottom:15px; color:#fff; border-radius: 25px; border:1px solid #fff; font-size:1.125rem; padding:10px 20px; text-align:center; }
.mainView .toptxt .info a:hover { background-color:#c5093b; border:1px solid #c5093b; }
.mainView .areaCONT .feature { margin:30px 0px; }
.mainView .areaCONT .icon { width:50px; }
.mainView .areaCONT .fname { color:#000; margin-top:15px; font-size:1.125rem; }
.mainView .areaCONT .feature:hover .fname { color:#c5093b; }

.order .ColItem > div { padding:16px 0px; font-size:1.125rem; }
.order .ColItem .price { color:#c5093b; }
.order .ColItem .name { text-align:left; }
.order .ColItem .name .slash { color:#919191; }

.order .areaCONT { margin-top:60px; }
.order .areaRow { margin:0px; padding-top:30px; text-align:left; font-size:1.125rem; }
.order .areaRow .title { color:#c5093b; font-size:1.25rem; }
.order .areaRow .des { margin-bottom:0px; }
.order .areaRow .tt { color:#000; margin-top:5px; margin-bottom:30px; }

/* ====== orderError ====== */
.ordererror .error { max-width: 460px; margin: 0 auto; text-align: left; }
.ordererror .errtxt { padding:20px 0px; }
.ordererror .errtxt .txt { color:#c5093b; }
.ordererror .errtxt .txt a { color:#c5093b; }
.ordererror .errtxt .txt a:hover { text-decoration: underline; }
.ordererror .bd { border-bottom:1px solid #f7f0e7; margin:20px 0px; }

.ques { text-align:left; }
.ques .qtitle { color:#c5093b; font-size:1.75rem; }
.ques .area { padding:20px 20px 20px 35px; position: relative; }
.ques .area .Point2 { position: absolute; left:15px; top:20px; font-size:1.5rem; }
.ques .area .title { color:#262626; font-size:1.25rem; }
.ques .area .option { margin-top:20px; }
.ques .area .check { color:#7e1028; margin-bottom:0px; }
.ques .area textarea { margin-bottom:0px; height:90px; }
.ques .area .send { position: relative; width:auto; padding:10px 60px 10px 35px; font-size:1.125rem; }

.confirm .resend { margin-top:30px; }
/* 
.art .resArea { display: flex; margin:80px 0px; }
.art .resArea .logo { width:350px; }
.art .resArea .cont { width:calc(100% - 350px); padding-left:40px; text-align:left; }
.art .resArea .cont .subt { color:#919191; }
.art .resArea .cont .des { margin-top:40px; text-align:justify; line-height: 30px; }

.exCont .ContHead { text-align:center; margin:80px 0px; }
.exCont .date { font-size:1rem; }
.exCont .CArea .CRow { margin-top:20px; margin-bottom:20px; }
.exCont .CArea .CRow.aic { align-items:center; }
.exCont .CArea .CRow .Items { margin-bottom:40px; }
.exCont .CArea .CRow .Items .icon { color:#fff; font-size:3rem; display: flex; justify-content: center; align-items:center; }
.exCont .CArea .CRow .Items .icon:hover { cursor: pointer; color:#f27602; }

.exCont:not(.artCont) .CArea:nth-child(3) , .artCont .CArea:nth-child(2) { background-color:#f6f6f6; padding:40px 0px; }

.artCont .ContHead .subt { color:#03071e; padding-bottom:20px; }
.artCont .ContHead .SDate { padding-top:5px; }
 


.cooper .item .simg { position: relative; width:100%; height:100%; display: flex; align-items:center; }
.cooper .item .simg:hover { cursor: pointer; }
.cooper .item .mask { display: none; position: absolute; left:0px; right:0px; top:0px; bottom:0px; background-color:#0092e0; color:#fff; justify-content: center; align-items:center; }
.cooper .item .simg:hover .mask { display: flex; }

#cooModal .modal-dialog { width:920px; max-width:90%; }
#cooModal .modal-body { padding:80px 80px; text-align:left; }
#cooModal .modal-body img { width:auto; max-width: 100%; }
#cooModal .modal-body .item .area { margin-top:40px; margin-bottom:5px; }
#cooModal .modal-body .item .area .tt { color: #f27602; }

.course .RowItems .ColItem { margin-top:80px; }
.course .RowItems .ColItem .ColCont2 { display: flex; justify-content: space-between; }
.course .RowItems .ColItem .ColCont2 .ColTit { font-size:1.25rem; }
.course .RowItems .ColItem .ColCont2 .ColDate { margin-top:20px; }
.course .items .status { width:60px; margin-left:10px; display: inline-block; padding:3px 8px; font-size:0.875rem; }
.course .items .status.type1 { background-color:#dd5703; border:1px solid #dd5703; color:#fff; }
.course .items .status.type2 { background-color:transparent; border:1px solid #262626; color:#262626; }

.CourHead { background-color:#f9f9f9; }
.CourHead.noBG { background-color:transparent; }
.CourHead .STitle { font-size:1.5rem; }
.CourHead .SDate { font-size:0.875rem; }
.CourHead .info { margin:35px 0px; padding-left:10px; border-left:4px solid #000; }
.CourHead .info .items { color:#000; }
.CourHead .info .items > div:not(:first-child) { margin-top:5px; }
.CourHead .info .items .txt { color:#474747; font-size:0.875rem; }
.CourHead .sbtn { width:160px; padding:8px 0px; border:none; border-radius: 5px; background-color:#000; color:#fff; margin-right:10px; }
.CourHead .sbtn.bg2 { background-color:#006aa3; }
.CourHead .sbtn.bg3 { background-color:#e2e2e2; color:#919191; }



#listModal .modal-dialog { width:920px; max-width:90%; margin:10rem auto; }
#listModal .notice { color:#ff4500; }
#listModal .aplist { border-bottom:1px solid #e2e2e2; padding-top:10px; }
#listModal .aplist .pass { color:#474747; }
#listModal .aplist .unpass { color:#919191; }



.apply { text-align:left; }
.apply .workArea { background-color:#f6f6f6; }
.apply #updocName { margin-left:20px; }

.publish .RowItems .ColItem2 .pic { height:350px; overflow: hidden; }
.publish .RowItems .ColItem2 .pic img { width:auto; height:100%; }
.publish .RowItems .ColItem2 .des { font-size:1.125rem; padding:20px 0px; color:#262626;  }


.pubdetail .picArea img { max-width: 100%; max-height: 450px; width:auto; height:auto; margin:0px auto; }
.pubdetail .picArea img:not(:first-child) { margin-top:20px; }
.pubdetail .contArea .top { text-align: left; padding:80px 0px; border-bottom:1px solid #e2e2e2; }
.pubdetail .contArea .tit { color:#19294d; font-size:1.5rem; }
.pubdetail .contArea .tit2 { color:#19294d; font-size:0.875rem; }
.pubdetail .contArea .item { margin-top:30px; }
.pubdetail .contArea .item .tt { color:#919191; font-size:0.875rem; }




.join .areaRow .title { color:#000; font-size:1.25rem; }





 */

@media (min-width:1200px){
    .apply .areaRow .areaLeft { width:380px; }
    .apply .areaRow .areaRight { width:calc(100% - 380px); }
}

@media (max-width:1198.98px){
    .apply .areaRow .areaLeft { width:190px; }
    .apply .areaRow .areaRight { width:calc(100% - 190px); }
}

@media(max-width:1199.98px) and (min-width:992px){
    .focusCourse .items .item .cont { padding:30px; }
    .calendar .searchArea .right .square.type2 { margin-left:20px; }
}

@media (min-width:992px){
    .join { max-width:950px; }
}

@media (max-width:991.98px){
    
    .DetailArea .HeadArea .BtnArea { display: block; }
    .DetailArea .HeadArea .BtnArea .left { margin-bottom:15px; display:flex; flex-wrap: wrap; margin-left:-15px; margin-right:-15px; }
    .DetailArea .HeadArea .BtnArea .left button { width:calc(50% - 30px); margin:0px 15px; margin-bottom:15px; }

    .focusCourse .items .item { display: block; }
    .focusCourse .items .item .pic , .focusCourse .items .item .cont { width:100%; }

    .actlink .contArea { display: block; }
    .actlink .contArea .timeArea { margin-top:20px; }

    /* 
    #cooModal .modal-body { padding:80px 60px; } */

    .contact .infArea { padding:20px; }

    .calendar .searchArea .right { float:none; }
}

@media (min-width:768px){
    .RowItems.RowList .ColItem.mt2 { margin-top:80px; }
    .RowItems.RowList .ColItem.mt3 { margin-top:100px; }

    .Content .CArea .CSpace { height:10px; }
    .Content .CArea .CCont { margin-bottom:24px; }
    .Content .CArea .CData { margin:0px -30px; } 
    .Content .CArea .CData .CRow { display: flex; margin-top:10px; }
    .Content .CArea .CData .CRow > div { flex:1; margin:0px 30px; }
    .Content .CArea .CData .CRow.CDesc { line-height:35px; }

    .Content .CArea .CCont:not(:first-of-type) { margin-top:24px; }
    .Content .CArea .CData .CLink { margin-top:40px; }

    .ClsArea select.selyear { position: absolute; padding:8px 40px 10px 15px; font-size:0.875rem; color:#919191; top:0px; right:0px; border:1px solid #e2e2e2; }

    .calendar .calmob { display: none; }

    .join .areaRow .areaLeft { width:190px; }
    .join .areaRow .areaRight { width:calc(100% - 190px); }
    
    .order .areaRow .areaLeft { width:380px; }
    .order .areaRow .areaRight { width:calc(100% - 380px); }

    .Md_Area { max-width:760px; margin:0px auto; }

    .confirm { max-width:540px; }

    /* .pubdetail { display: flex; }
    .pubdetail .picArea { width:450px; }
    .pubdetail .contArea { width:calc(100% - 450px); margin-left:80px; }

    .contact .infArea { margin-left:75px; }

    
    
    .mainView ,
    .finish,
    .chginfo,
    .chgpass,
    .mdCT { max-width:730px; margin:0px auto; }

     */
}

@media (max-width:991.98px) and (min-width:768px){

    .RowItems.RowList .ColItem.mt2 { margin-top:60px; }
    .RowItems.RowList .ColItem.mt3 { margin-top:60px; }
    .RowItems.RowList .ColItem.lg-mt2 { margin-top:80px; }

    /* .art .ClsArea .ClsItem { font-size:0.875rem; } */
    
    /* .publish .RowItems .ColItem2 .pic { height:280px; } */

    /* .pubdetail .picArea { width:300px; }
    .pubdetail .contArea { width:calc(100% - 300px); margin-left:80px; } */

    .contact .infArea { margin-left:30px; }
    .guide .infArea { margin-left:0px; }
    

    /* .art .resArea .logo { width:250px; }
    .art .resArea .cont { width:calc(100% - 250px); padding-left:20px; } */

    .order .areaRow .areaLeft { width:200px; }
    .order .areaRow .areaRight { width:calc(100% - 200px); }
}

@media (max-width:767.98px){
    .mhinside { height:60px; }

    ._content { background:url("./images/body_bg_m.png")repeat-y left top; background-size:100%; }

    .RowItems.RowList .ColItem { margin-top:40px; }

    .Content .CArea { margin-top:30px; }
    .Content .CArea .CCont { margin-top:40px; }
    .Content .CArea .CCont .CSTitle,
    .Content .CArea .CCont .CSSTitle,
    .Content .CArea .CCont .CDesc { margin-top:10px; word-break:break-all; line-height:30px; text-align:justify; }
    .Content:not(.auto-t) .CArea .CCont .CDesc { font-size:1rem; }
    .Content .CArea .CCont .CLink { margin-top:30px; }

    .TopBtnArea { justify-content: space-between; padding:15px 0px; }
    .TopBtnArea .share { margin-left:0px; }
    .TopBtnArea .word { margin-left:20px; }

    .ClsArea select { width:100%; padding:15px 10px; color:#19294d; border:none; border-bottom:1px solid #19294d; }

    /* .ex .items .item .cont { padding:30px; } */

    .RowDate { display:block; padding:20px 0px; text-align: left; }
    .RowDate > div { padding:0px; padding-bottom:10px; }
    .RowDate .date { width:100%; }
    .RowDate .cont { width:100%; padding:0px; }
    .RowDate .cont span {display: none; }
    .annual .RowDate { display: flex; flex-direction: column; }
    .annual .RowDate .cont { width:100%; text-align:center; }

    .newscont .STitle { font-size:1.5rem; }
    .newscont .top { display: block; }

    .venueBnr .infoArea { display: block; border-left:none; text-align:left; margin-top:20px; }
    .venueBnr .infoArea .info { display: block; padding:0px; border-right:none; font-size:1rem; margin-top:10px; }
    .venueBnr .infoArea .info i { font-size:1rem; width:25px; text-align: center; }

    .venueLink { font-size:1rem; padding:20px 30px 20px 15px; }
    .venueLink i { right:15px; }

    

    .course .searchArea select { margin-bottom:20px; }
    .course .searchArea .date { display: block; }
    .course .searchArea.type1 .send , .course .searchArea.type1 .calendar { margin-top:25px; }

    .apply .areaRow .areaLeft { width:100%; }
    .apply .areaRow .areaRight { width:100%; }

    .calendar form { display: flex; flex-wrap: wrap; margin-left:-15px; margin-right:-15px; }
    .calendar .searchArea select , 
    .calendar .searchArea .send { width:calc(50% - 30px); margin-left:15px; margin-right:15px; }
    .calendar .searchArea .send { margin-bottom:25px; }
    .calendar .searchArea select.type2 { width:100%; margin-left:15px; }
    .calendar .searchArea .right { margin-left:15px; margin-right:30px; }
    .calendar .link .name { font-size:1.5rem; }

    .calendar .calpc { display: none; }
    .calendar .calmob { text-align:left; }
    .calendar .calmob .date { font-size:1.125rem; color:#5e5e5e; padding:15px 0px; border-top:1px solid #d5cfc3; margin-top:20px; }
    .calendar .calmob .link { padding:15px 0px; }

    .qa .qaArea .area { padding:20px 0px; }
    .qa .qaArea .area i { margin-right:30px; padding:7px 0px; }
    .qa .qaArea .area .answer { margin-top:20px; }

    .mainView .toptxt { padding:60px 20px; font-size:1.25rem; }
    .mainView .toptxt i { font-size:2.5rem; }
    .mainView .toptxt .info { flex-direction: column; }
    .mainView .toptxt .info > div:not(:last-child) { margin-bottom:20px; }
    .mainView .toptxt .info a { display: inline-block; }
    .mainView .areaCONT .fname { font-size:0.875rem; }

    .order .row { padding:20px 0px; }
    .order .ColItem { text-align:left; }
    
    .order .ColItem .status { text-align: right; }
    .order .ColItem > div { padding:10px 0px; }

   /*  .courCont .ContHead .sbtn { width:calc(50% - 5px); margin-right:0px; }

    .cooper .item { margin-bottom:40px; }
    .modalHeaderCenter .mTitle { font-size:1.125rem; }
    .modalHeaderCenter .close { font-size:1rem; }
    #cooModal .modal-body { padding:30px; }
    #cooModal .modal-body .item { padding-top:40px; margin-left:0px; }

    .art .resArea { display: block; }
    .art .resArea .logo { width:100%; }
    .art .resArea .logo img { width:auto; max-width:100%; }
    .art .resArea .cont { width:100%; margin-top:60px; padding-left:0px; }
    .art .resArea .cont .BigTitle { font-size:1.75rem; }

    .publish .RowItems .ColItem2 .pic { height:200px; }

    .contact form { padding-bottom:60px; }

    

    .finish .content { margin:20px 0px; }

     */
}

@media (max-width:767.98px) and (min-width:576px){
    .TopBnrArea1 .TopTitle .leftArea { padding-left:calc((100% - 540px) / 2); }
    
}

@media(max-width:575.98px){
    
}