@charset "utf-8";

/* ======================================== Font ======================================== */
@font-face{
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NotoSansKR-Regular.woff2) format('woff2'),
        url(./font/NotoSansKR-Regular.woff) format('woff'),
        url(./font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 700;
  src: url(./font/NotoSansKR-Bold.woff2) format('woff2'),
        url(./font/NotoSansKR-Bold.woff) format('woff'),
        url(./font/NotoSansKR-Bold.otf) format('opentype');
}


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumGothic-Regular.eot);
  src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Regular.woff2) format('woff2'),
       url(./font/NanumGothic-Regular.woff) format('woff'),
       url(./font/NanumGothic-Regular.ttf) format('truetype');
}

/* ======================================== Reset ======================================== */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'NotoSansKR';font-size:14px;font-weight:400;color:#393939;}
ul,ol,li{margin:0;padding:0;list-style:none;}
img{border:0px none;}
input,button,label{vertical-align:middle}
select{vertical-align:top}
i,em,address{font-style:normal}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:none}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block}
caption, .soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}

#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0}

.inner{display:block;position:relative;margin:0 auto;width:1280px;}
.inner:after{display:block;content:'';clear:both;}

.fl-l{float:left;}
.fl-r{float:right;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.txtRed{color:#b32e37 !important;}
.txtBlue{color:#0037ec !important;}
.colorPink{color:#e16277 !important;}
.colorAqua{color:#3dbebf !important;}
.colorBlue{color:#0053b9 !important;}
.colorPurple{color:#6e71d7 !important;}
.bgColor_Cosmos {background-color:#f16f6f !important;}
.bgColor_Pink {background-color:#e35285 !important;}
.bgColor_Blue {background-color:#297bbb !important;}
.bgColor_Aqua {background-color:#45b9df !important;}
.bgColor_Green {background-color:#4dbd59 !important;}
.bgColor_Mint {background-color:#45bc92 !important;}
.bgColor_Yellow {background-color:#e2c107 !important;}
.borderAqua {border-top:2px solid #45b9df !important;}
.borderBeige {border-top:2px solid #e3a93b !important;}
.padL13 { padding-left:13px }

.mg0{margin:0 !important;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.block{display:block;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl40{padding-left:40px;}
/* ======================================== Size ======================================== */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w5p{width:5%}.w8p{width:8%}.w10p{width:10%}.w12p{width:12%}.w15p{width:15%}.w18p{width:18%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}
.indent1{text-indent:15px}.indent2{text-indent:30px}.indent3{text-indent:45px}.indent4{text-indent:60px}

/* ======================================== Tab ======================================== */
#subContents .tabBar{margin-bottom:20px;height:40px;border-bottom:1px solid #3bbd49;}
#subContents .tabBar:after{display:block;content:"";clear:both;}
#subContents .tabBar > li{position:relative;float:left;z-index:1;margin-left:3px}
#subContents .tabBar > li:nth-child(n+2){margin-left:0.5% !important;}
#subContents .tabBar > li:first-child {margin-left:0px;}
#subContents .tabBar > li > a{display:block;margin-left:-1px;height:39px;border:1px solid #ddd;border-bottom:none;border-radius:8px 8px 0px 0px; line-height:40px;text-align:center;font-size:15px;color:#333;}
#subContents .tabBar > li.active{z-index:2;}
#subContents .tabBar > li.active > a{position:relative;height:38px;line-height:38px;border:1px solid #3bbd49;border-bottom:2px solid #fff;font-size:15px;font-weight:600;color:#09752f;}
#subContents .tabBar > li.active > a:after{display:block;content:'';position:absolute;bottom:-8px;left:50%;margin-left:-6px;width:12px;height:8px;background:url(../../images/sub/icon_tabBar_ar1.gif) no-repeat;}
#subContents .tabBar.col3 > li{width:33.3333%;}
#subContents .tabBar.col4 > li{width:25%;}
#subContents .tabBar.col5 > li{width:19.5%;}
#subContents .tabBar.col6 > li{width:16%;}
#subContents .tabBar.col6 > li a{font-size:13px;}
#subContents .tabPage{position:relative;display:none;}
#subContents .tabPage.active{display:block;}
#subContents .tabBar.cate1 { border-bottom:1px solid #7ba0e5; }
#subContents .tabBar.cate1 > li.active > a {border:1px solid #7ba0e5;border-bottom:2px solid #fff;color:#7496d7;}
#subContents .tabBar.cate2 { border-bottom:1px solid #45b9df; }
#subContents .tabBar.cate2 > li.active > a {border:1px solid #45b9df;border-bottom:2px solid #fff;color:#40add1;}
#subContents .tabBar.cate3 { border-bottom:1px solid #f16f6f; }
#subContents .tabBar.cate3 > li.active > a {border:1px solid #f16f6f;border-bottom:2px solid #fff;color:#e26969;}
#subContents .tabBar.cate4 { border-bottom:1px solid #49c79b; }
#subContents .tabBar.cate4 > li.active > a {border:1px solid #49c79b;border-bottom:2px solid #fff;color:#43b88f;}
#subContents .tabBar.cate5 { border-bottom:1px solid #e3a93b; }
#subContents .tabBar.cate5 > li.active > a {border:1px solid #e3a93b;border-bottom:2px solid #fff;color:#d39d37;}
#subContents .tabBar.cate6 { border-bottom:1px solid #dab70f; }
#subContents .tabBar.cate6 > li.active > a {border:1px solid #dab70f;border-bottom:2px solid #fff;color:#d1af0e;}

#subContents .tabBar.box {border-bottom:none;}
#subContents .tabBar.box li{margin-left:0;padding:2px;box-sizing:border-box;}
#subContents .tabBar.box li a{height:45px;border-radius:8px;line-height:45px;background:#c2c2c2;color:#fff;font-weight:600;font-size:16px;text-align:center;}
#subContents .tabBar.box.type1 li.active a{background:#29b665;border-bottom:none;}
#subContents .tabBar.box.type2 li.active a{background:#169ec5;}
#subContents .tabBar.box.type3 li.active a{background:#247ece;}
#subContents .tabBar.box.type4 li.active a{background:#8648da;}
/* ======================================== List ======================================== */
ul.listCon{}
ul.listCon > li{position:relative;padding-top:2px;padding-bottom:2px;padding-left:10px;line-height:135%;} 
ul.listCon.dot > li:before{display:block;content:'';position:absolute;top:10px;left:0;width:3px;height:3px;background-color:#6c6c6c;}
ul.listCon.minus > li:before{display:block;content:'';position:absolute;top:10px;left:0;width:4px;height:1px;background-color:#6c6c6c;}
ul.listCon.em > li{padding-left:18px;}
ul.listCon.em > li > em{display:block;width:12px;position:absolute;top:0px;left:0;}
.textType2 ul.listCon > li {letter-spacing:.3px;}

/* ======================================== Form ======================================== */
select{height:30px;border:1px solid #dedede;box-sizing:border-box;}
input[type='text'],
input[type='password']{height:30px;padding:0 10px;border:1px solid #cac9c9;box-sizing:border-box;}
input[type='file']{display:block;height:30px;box-sizing:border-box;}
input[type='button'],input[type='submit'],button{cursor:pointer;box-sizing:border-box;}
textarea{border:1px solid #cac9c9;box-sizing:border-box;}

/*Datepicker*/
input.useDatepicker{max-width:120px;background:#fff url(../../images/common/icon_calendar.png) no-repeat 92% center;}
#ui-datepicker-div{display:none;width:200px;background:#fff;border:1px #ccc solid;box-shadow: 2px 3px 6px #aaa;z-index:99 !important}
.ui-datepicker{position:relative;}
.ui-datepicker table{width:100%;font-size:12px}
.ui-datepicker table thead th{height:24px;color:#777;line-height:24px;text-align:center}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:22px}
.ui-datepicker table tbody td a{display:block;padding:6px 0;height:22px;color:#4b4b4b;line-height:22px;text-align:center}
.ui-datepicker table tbody td span{color:#aaa}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c}
.ui-datepicker tr td:first-child *{color:#eb3c3c}
.ui-datepicker tr td:last-child *{color:#4084d2}
.ui-datepicker td a.ui-state-active{background:#696a6c;color:#fff}
.ui-datepicker .ui-datepicker-header{position:relative}
.ui-datepicker .ui-datepicker-title{height:30px;font-size:1em;color:#fff;text-align:center;line-height:30px;background:#4395ce;font-weight:600;}
.ui-datepicker .ui-datepicker-title select {margin-bottom:4px;font-size:12px;height:22px;vertical-align:middle;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;left:50%;top:5px;width:20px;height:20px;line-height:26px;border-radius:2px;border:none;text-indent:-9999px;cursor:pointer}
.ui-datepicker .ui-datepicker-prev{left:0px;background:url(/images/sub/bg_arrowL.png) no-repeat center center;}
.ui-datepicker .ui-datepicker-next{left:180px;background:url(/images/sub/bg_arrowR.png) no-repeat center center;}
.ui-datepicker-trigger {margin-left:-1px;border:0px none;}

/*Form*/
select{height:28px;border:1px solid #bbbbbb;color:#333333;}
input[type='text'],
input[type='password'],
input[type='submit']{font-size:14px;box-sizing:border-box;}
input[type='text'],
input[type='password']{height:28px;padding-left:15px;border:1px solid #bbbbbb;}
input[type='submit']{border:0;cursor:pointer;}

/*Btn*/
.btnArea{padding:20px 0;text-align:center;}
.btnArea:after{display:block;content:'';clear:both;}
.btn{display:inline-block;vertical-align:middle;padding:0 20px;margin:2px;min-width:100px;height:40px;border:1px solid #636363;border-radius:3px;line-height:40px;background:#fff;text-align:center;font-weight:bold;box-sizing:border-box;color:#333;font-size:16px;}
.btn.focus{border:0px none;background:#0aa849;color:#fff;}
.btn.red{background-color:#ee4c57;color:#fff;border:0px none;}
.btn.blue{background-color:#3ab3ac;color:#fff;border:0px none;}
.btn.gray{background-color:#adadad;color:#fff;border:0px none;}
.btn.green{background-color:#3bbd49;color:#fff;border:0px none;}
.btn.yellowGreen{background-color:#7dc02e;color:#fff;border:0px none;}
.btn.beige {background-color:#da8c28;color:#fff;border:0px none;}
.btn.purple {background-color:#a16bdf;color:#fff;border:0px none;}
.btn.darkYellow { background-color:#d5b20c; color:#fff;border:0px none; }
.btn-s{height:35px;line-height:35px;font-size:14px;}
.btn.work {height:28px; line-height:27px;font-size:14px;}
.btnDown{padding-right:40px;background-image:url(/images/sub/icon_btnDown.png);background-repeat:no-repeat;background-position:93% center;}
.borderCir{border-radius:3px;}

.eduBtnState{display:inline-block;width:62px;height:20px;line-height:18px;padding:0 2px;letter-spacing:-1px;font-size:13px;text-align:center;border-radius:3px;line-height:20px;}
.eduBtnState.red{border:1px solid #e64848;color:#e64848;}
.eduBtnState.gray{border:1px solid #6f6f6f;color:#6f6f6f;}
.eduBtnState.blue{border:1px solid #73a1e1;color:#73a1e1;}
.eduBtnState.green{border:1px solid #46b179;color:#46b179;}
.eduBtnState2{display:block;margin:auto;width:48px;height:20px;line-height:20px;padding:0 2px;letter-spacing:-1px;font-size:13px;text-align:center;border-radius:3px;}
.eduBtnState2.red{border:1px solid #e64848;color:#e64848;}
.eduBtnState2.gray{border:1px solid #6f6f6f;color:#6f6f6f;}
.eduBtnState2.blue{border:1px solid #73a1e1;color:#73a1e1;}
.eduBtnState2.green{border:1px solid #46b179;color:#46b179;}
.eduBtnState3 {display:block;margin:auto;width:60px;height:20px;line-height:20px;padding:0 2px;letter-spacing:-1px;font-size:13px;text-align:center;border-radius:3px;}
.eduBtnState3.red{border:1px solid #e64848;color:#e64848;}   
.eduBtnState3.gray{border:1px solid #6f6f6f;color:#6f6f6f;}  
.eduBtnState3.blue{border:1px solid #73a1e1;color:#73a1e1;}  
.eduBtnState3.green{border:1px solid #46b179;color:#46b179;} 


/*Paging*/
.paging{padding:40px 0 20px;text-align:center;}
.paging a{display:inline-block;vertical-align:middle;width:30px;height:30px;text-align:center;line-height:30px;font-weight:bold;font-size:15px;color:#333;box-sizing:border-box;}
.paging a.num{}
.paging a.num.on{background-color:#7DC02E;color:#fff;}
.paging a.first{background:url(../../images/sub/icon_paging_first.png) no-repeat center center;border:1px solid #8d8d8d;text-indent:-9999px;}
.paging a.prev{margin-right:5px;background:url(../../images/sub/icon_paging_prev.png) no-repeat center center;border:1px solid #8d8d8d;text-indent:-9999px;}
.paging a.next{margin-left:5px;background:url(../../images/sub/icon_paging_next.png) no-repeat center center;border:1px solid #8d8d8d;text-indent:-9999px;}
.paging a.last{background:url(../../images/sub/icon_paging_last.png) no-repeat center center;border:1px solid #8d8d8d;text-indent:-9999px;}


/* List */
#subContents .bbsSearch {margin-bottom:25px;padding:18px;text-align:center;background-color:#f7f7f7;border:1px solid #dcdcdc;font-size:14px;color:#333;}
#subContents .bbsSearch select {padding-left:8px;width:111px;height:32px;background:#fff;border:1px solid #b6b6b6;}
#subContents .bbsSearch input[type='text']{min-width:250px;height:32px;border-right:0px}
#subContents .bbsSearch input[type='submit'] {margin-left:-5px;width:36px;height:32px;background:url(/images/sub/icon_search.png) no-repeat center center;background-color:#636363;text-indent:-9999px;}
#subContents .bbsSearch a.btnAll {display:inline-block;vertical-align:middle;width:74px;height:32px;line-height:31px;background-color:#fff;border:1px solid #636363;color:#636363;box-sizing:border-box;}
.list table{border-top:2px solid #000;border-bottom:1px solid #8d8d8d;}
.list table thead{border-right:1px solid #8d8d8d;border-left:1px solid #8d8d8d;border-bottom:1px solid #dcdcdc;}
.list table thead th{padding:15px 5px;}
.list table tbody th,
.list table tbody td{padding:0 8px;height:45px;border-bottom:1px solid #dcdcdc;font-size:15px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.list table tr:last-child th,
.list table tr:last-child td{border-bottom:0px none;}
.list table td.title{text-align:left;}
.list table td.title a{display:inline-block;vertical-align:middle;padding-left:10px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.list table td.title img{margin-left:8px;}
.list table td.title a{display:inline-block;text-align:left;color:#404040;}
.list table td.title .new {display:inline-block;margin-left:5px;vertical-align:middle;width:11px;height:11px;background:url(/images/sub/icon_new.gif) no-repeat center center;}
.list table tbody td span.icon_lock{display:inline-block;width:26px;height:26px;background:url(/images/sub/icon_lock.gif) no-repeat center center;vertical-align:middle;}
.list table thead.borderNone {border-right:none;border-left:none;}
.list.type2 table tbody td{padding:8px 5px;height:auto;font-size:14px;}
.list table img{max-width:100% !important;height:auto !important;}
.listTotal{display:block;margin-bottom:8px;}

/* form */
.form{border-top:1px solid #8d8d8d;border-bottom:1px solid #8d8d8d;}
.form table th,
.form table td{position:relative;padding:5px 8px;border-bottom:1px solid #e3e3e3;font-size:14px;letter-spacing:-1px;}
.form table td .btnFormCheck {display:inline-block;vertical-align:middle;margin-left:3px;padding:0 10px;height:26px;background:#adadad;color:#fff;text-align:center;line-height:28px;font-size:13px;}
.form table td .explain {display:inline-block;vertical-align:middle;margin-left:15px;letter-spacing:-0.5px;font-size:13px;}
.form table td input {margin: 1px 3px;padding-left: 5px;height: 26px;border: 1px solid #bbb;}
.form table td select {margin: 1px 3px;height: 26px;border: 1px solid #bbb;}
.form table th span {display:inline-block;vertical-align:middle;padding-left:16px;}
.form.th_center th{text-align:center;}
.form th.border_right{border-right:1px solid #e3e3e3;}
.form table th{padding:12px;background:#f7f7f7;text-align:left;}
.form table tbody tr:last-child th,
.form table tbody tr:last-child td{border-bottom:0px none;}
.form table td label{margin-right:20px;}
.form table td input[type="file"]{padding:0px;border:0px none;}
.form table .required{background:url(../../images/sub/icon_required.gif) no-repeat left center;}
.form table .tableTxt{margin-left:8px;font-size:13px;color:#555;}
.formExplain{padding-bottom:10px;font-size:13px;color:#666;text-align:right;}
.formRep{position:absolute;top:-33px;right:0;font-size:13px;text-align:right;font-weight:bold;}
.formRep .required{color:#dc412d;}

/* form */
.view{margin-bottom:20px;border-top:2px solid #000;}
.view table thead{border:1px solid #8d8d8d;}
.view table thead th{padding:15px;font-size:16px;color:#393939;text-align:left;}
.view table tbody th,
.view table tbody td{padding:13px 5px 13px 20px;border-bottom:1px solid #dcdcdc;color:#393939;}
.view table tbody td .title{display:block;position:relative;text-align:left;font-size:14px;color:#333;}
.view table tbody td .title:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-7px;height:14px;border-right:1px solid #dcdcdc;}
.view table tbody tr:last-child th,
.view table tbody tr:last-child td{border-bottom:1px solid #8d8d8d;}
.view table tbody td .viewCon{line-height:140%;}
.view table tbody td .viewCon img{max-width:100%;height:auto !important;}
.view table tbody th {position:relative;}
.view table tbody th em{display:block;position:absolute;top:50%;right:0;margin-top:-6.3px;width:1px;height:13px;background-color:#dcdcdc;} 
.view table thead th.border_l,
.view table tbody th.border_l,
.view table tbody td.border_l{border-left:1px solid #dcdcdc;}
.view td a.file_img {display:block;padding:1px 0 0 25px;min-height:18px;background:url(/images/sub/icon_view_file.gif) no-repeat left top;}
.view table .required{padding-left:10px;background:url(../../images/sub/icon_required.gif) no-repeat left center;}
.view.write table tbody th:after {display:block;content:'';clear:both;width:1px;height:14px;position:absolute;top:50%;right:0px;margin-top:-7px;background-color:#ddd;}
.required {padding-left:10px;background: url(../../images/sub/icon_required.gif) no-repeat left center;}
.explan {margin:5px 0;}

/* info */
.info{margin:5px 0 10px;border-top:2px solid #000;}
.info table{width:100%;border-left:1px solid #ddd;}
.info thead th{padding:10px;background:#f8f8f8;border-right:1px solid #ddd;border-bottom:1px solid #c6c6c6;font-weight:600;text-align:center;}
.info.type2 thead th {background-color:#f9fdff;}
.info.type3 thead th {background-color:#fffcfc;}
.info.type4 thead th {background-color:#f7fdfa;}
.info thead.padding5 th{padding:10px 2px;}
.info tbody th{padding:10px;background:#f8f8f8;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;line-height:140%;text-align:center;}
.info.type2 tbody th {background-color:#f9fdff;}
.info.type3 tbody th {background-color:#fffcfc;}
.info.type4 tbody th {background-color:#f7fdfa;}
.info tbody td{padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;line-height:140%;}
.info tbody td span.dot_blue { display:block;margin-left:2px; width:10px; height:10px; background-color:#4a28a3; border-radius:100%;  }
.info .info_inner {border-top:1px solid #ddd;}
.info .info_inner thead th,
.info .info_inner tbody th,
.info .info_inner tbody td{padding:5px;}


.grayBox{margin:8px 0;padding:15px;background:#f1f1f1;font-size:13px;}
.grayBox .grayBox_inner {margin-bottom:3px;font-size:14px;font-weight:bold;}
.grayBox .mg15 {margin-bottom:15px;}
.grayBox ul.listCon li{line-height:150%;font-size:15px;}
/* ======================================== Layout ======================================== */
#wrap{}
#header{}
#header > .inner{height:85px;}
#header h1{display:flex;align-items:center;padding:10px 0;}
#header h1 > img{display:inline-block; margin-left:40px;}
#header h1 a.hlogo{display:inline-block; margin-right:58px;}
#topLink{height:50px;box-sizing:border-box;text-align:right;background:#F3F3F3;}
#topLink a{display:inline-block; height:50px; vertical-align:middle;padding:0 18px;line-height:50px; font-size:15px;color:#787878; font-weight:500;}
#topLink a.hdLink1-4{padding-right:0px;}
#topSearch{position:relative; display:block;position:absolute;right:0;top:19px;padding:0 20px;height:45px;width:354px;border:2px solid #148ECC;box-sizing:border-box; border-radius:10px;}
#topSearch input[type='text']{display:inline-block;vertical-align:middle;width:255px;height:41px;border:0px none;font-size:15px; color:#969696; font-weight:400; padding-left:0px;}
#topSearch input[type='submit']{position:absolute; right:-1px; top:-1px; display:inline-block;vertical-align:middle;width:43px;height:43px;background:#148ECC url(../../images/common/icon_topSearch.png) no-repeat center center;text-indent:-9999em; border-radius: 0px 10px 10px 0px;}
#gnb{height:88px;border-top:1px solid #ddd; box-sizing:border-box;}
#gnb > .inner > ul{margin-right:85px;}
#gnb ul:after{display:block;content:'';clear:both;}
#gnb > .inner > ul > li{display:block;float:left;position:relative;width:20%;}
#gnb > .inner > ul > li > a{display:block;position:relative;line-height:88px;font-size:24px;font-weight:500;color:#010101;text-align:center;letter-spacing:-.5px;}
#gnb > .inner > ul > li:last-child > a:after{display:none;}
#gnb > .inner > ul > li > ul{display:none;position:absolute;top:75px;left:50%;margin-left:-93px;padding:20px;width:186px;background:#62a328;box-sizing:border-box;border-radius:20px;z-index:99;}
#gnb > .inner > ul > li:first-child > ul{background:#7ba0e5;}
#gnb > .inner > ul > li:nth-child(2) > ul{background:#45b9df;}
#gnb > .inner > ul > li:nth-child(3) > ul{background:#f16f6f;}
#gnb > .inner > ul > li:nth-child(4) > ul{background:#49c79b;}
#gnb > .inner > ul > li:nth-child(5) > ul{background:#e3a93b;}
#gnb > .inner > ul > li > ul.active{display:block;}
#gnb > .inner > ul > li > ul:after{display:block;position:absolute;top:-8px;left:50%;margin-left:-8px;width:16px;height:8px;}
#gnb > .inner > ul > li:first-child > ul:after{background:url(../../images/common/icon_gnbAr_01.gif) no-repeat center top;}
#gnb > .inner > ul > li:nth-child(2) > ul:after{background:url(../../images/common/icon_gnbAr_02.gif) no-repeat center top;}
#gnb > .inner > ul > li:nth-child(3) > ul:after{background:url(../../images/common/icon_gnbAr_03.gif) no-repeat center top;}
#gnb > .inner > ul > li:nth-child(4) > ul:after{background:url(../../images/common/icon_gnbAr_05.gif) no-repeat center top;}
#gnb > .inner > ul > li:nth-child(5) > ul:after{background:url(../../images/common/icon_gnbAr_04.gif) no-repeat center top;}
#gnb > .inner > ul > li > ul li{padding:5px 0;}
#gnb > .inner > ul > li > ul li a{display:block;position:relative;padding-left:10px;color:#fff;letter-spacing:-.5px;}
#gnb > .inner > ul > li > ul li a:hover{text-decoration:underline;}
#gnb > .inner > ul > li > ul li a:after{display:block;content:'';position:absolute;left:0;top:7px;width:3px;height:3px;background:#fff;}
#gnb .allNavOpen{display:block;position:absolute;right:0;top:0;width:60px;height:90px;background:url(../../images/common/allNavOpen.png) no-repeat center center;text-indent:-9999em;}
#allNav{display:none;position:absolute;top:130px;left:50%;margin-left:-640px;width:1280px;height:402px;box-sizing:border-box;border:2px solid #148ECC;background:#fff;z-index:999;}
#allNav > .inner > ul:after{display:block;content:'';clear:both;}
#allNav > .inner > ul > li{float:left;width:20%;height:360px;border-right:1px dashed #d8d8d8;box-sizing:border-box;}
#allNav > .inner > ul > li:last-child{border-right:0px none;}
#allNav > .inner > ul > li > a{display:block;height:56px;border-bottom:1px solid #d2d2d2;line-height:56px;text-align:center;font-size:19px;font-weight:bold;color:#148ECC;letter-spacing:-0.5px;}
#allNav > .inner > ul > li > ul{padding:9px 0;}
#allNav > .inner > ul > li > ul li{padding:9px 0;}
#allNav > .inner > ul > li > ul li a{display:block;font-size:15px;color:#000;text-align:center;}
#allNav > .inner > ul > li > ul li a:hover{text-decoration:underline;}
#allNav .allNavClose{position:absolute;right:2px;bottom:0;width:54px;height:54px;background:url(../../images/common/allNavClose.gif) no-repeat right bottom;text-indent:-9999em;}
#footer{padding:30px 0;border-top:1px solid #ddd;   font-family: 'Nanum Gothic';}
#footer .inner{width:1150px;}
#footer .footLogo{position:absolute;left:0;top:-5px;}
#footer .footLink{margin-left:435px;}
#footer .footLink a{display:block;float:left;position:relative;margin-right:12px;padding-right:12px;color:#4D4D4D;}
#footer .footLink a:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-6px;height:12px;border-right:1px solid #9b9b9b;}
#footer .footLink a b {color:#008bc5;}
#footer .footLink .last:after{display:none;}
#footer .copyright{clear:both;margin-left:430px;padding-top:12px;font-size:13px;color:#4D4D4D;line-height:130%;}
#sideQuick{position:absolute;top:550px;left:53%;margin:-293px 0 0 610px;width:60px;border:1px solid #e0e0e0;background:#fff;border-radius:30px;}
#sideQuick.top{position:fixed !important; top:40% !important;}
#sideQuick li{height:98px;border-bottom:1px dashed #d7d7d7;box-sizing:border-box;}
#sideQuick li.icon4{height:100px;}
#sideQuick li.icon6{height:60px;border-bottom:0px none;}
#sideQuick li.icon7{height:85px;}
#sideQuick li.icon8{height:85px;}
#sideQuick li.icon9{height:85px;}
#sideQuick li.icon10{height:70px;}
#sideQuick li.icon11{height:86px;}
#sideQuick li a{padding-top:60px;}
#sideQuick li.icon1 a{background:url(../../images/common/icon_sideQuick1.gif) no-repeat center 15px;}
#sideQuick li.icon2 a{background:url(../../images/common/icon_sideQuick2.gif) no-repeat center 15px;}
#sideQuick li.icon3 a{background:url(../../images/common/icon_sideQuick3.gif) no-repeat center 15px;}
#sideQuick li.icon4 a{padding-top:46px;background:url(../../images/common/icon_sideQuick4.gif) no-repeat center 11px;}
#sideQuick li.icon5 a{padding-top:50px;background:url(../../images/common/icon_sideQuick5.gif) no-repeat center 15px;}
#sideQuick li.icon6 a{padding-top:0px;height:60px;background:url(../../images/common/icon_sideQuick6.gif) no-repeat center center;text-indent:-9999em;}
#sideQuick li.icon7 a{padding-top:46px;background:url(../../images/common/icon_sideQuick7.png) no-repeat center 11px;}
#sideQuick li.icon8 a{padding-top:46px;background:url(../../images/common/icon_sideQuick8.png) no-repeat center 11px;}
#sideQuick li.icon9 a{padding-top:46px;background:url(../../images/common/icon_sideQuick9.png) no-repeat center 11px;}
#sideQuick li.icon10 a{padding-top:47px;background:url(../../images/new_main/icon_youtube.png) no-repeat center 11px;}
#sideQuick li.icon11 a{padding-top:50px;background:url(../../images/common/icon_sideQuick11.gif) no-repeat center 13px;}
#sideQuick li a{display:block;font-size:13px;color:#343434;letter-spacing:-1px;text-align:center;line-height:13px;}

/* main */
#container{min-height:800px; border-top:1px solid #8F8F8F; padding:30px 0;}
#container.sub1{background:#EAEFF9;}
#container.sub2{background:#EAF5F9;}
#container.sub3{background:#F8EEEE;}
#container.sub4{background:#E6F2EE;}
#container.sub5{background:#E6F2EE;}
#container.sub6{background:#F9F3E8;}
#container.sub7{background:#fffbea;}

#container.sub1 .inner,
#container.sub2 .inner,
#container.sub3 .inner,
#container.sub4 .inner,
#container.sub6 .inner{width:1190px;}

#container.main{}
#container .section1{margin-bottom:50px;height:365px;}
#container .section1:after{display:block;content:'';clear:both;}
#mainNotice{display:flex; position:relative;margin-right:10px;width:865px;box-sizing:border-box;background:#fff;overflow:hidden;}
#mainNotice .tabBar{padding:65px 0 0;}
#mainNotice .tabBar li{width:150px; height:55px; padding-right:20px; border:1px solid #DEDEDE; box-sizing: border-box; border-radius:8px; text-align:center; margin-bottom:10px;}
#mainNotice .tabBar li a{display:block;position:relative;font-weight:500;line-height:55px;font-size:15px;color:#787878;}
#mainNotice .tabBar li.active{background:#148ECC url("../../images/new_main/arrow-right.png") right 30px center no-repeat; border:none;}
#mainNotice .tabBar li.active a{color:#fff; font-weight:700;}
#mainNotice .tabBar li.active a:after{display:block;content:'';position:absolute;left:50%;bottom:0;margin-left:-32px;width:64px;}
#mainNotice .btnMore{display:block;position:absolute;right:0px; top:25px; width:24px;height:24px;background:url(../../images/new_main/plus_btn.png) no-repeat center center;font-size:0px;}
#mainNotice .tabPage{display:none;width:100%; padding:22px 0px 0px; margin-left:30px;}
#mainNotice .tabPage h3{font-size:18px; color:#148ECC; font-weight:bold; padding-left:35px; background:url("../../images/new_main/volume.png") left center no-repeat;}
#mainNotice .tabPage.active{display:block;}
#mainNotice .tabPage ul{margin-top:18px; padding:0 20px; box-sizing:border-box;overflow:hidden;background:#F8F9FB;border-top:2px solid #878787;}
#mainNotice .tabPage ul li{display:flex;position:relative;padding:20px 0px 20px 0px;border-bottom:1px solid #DEDEDE;justify-content:space-between;}
#mainNotice .tabPage ul li span{line-height:14px; font-size:14px; color:#787878;}
#mainNotice .tabPage ul li:nth-child(1){padding:29px 0px 20px 0px;}
#mainNotice .tabPage ul li:nth-child(6){border-bottom:0px; padding:17px 0px 29px 0px;}
#mainNotice .tabPage ul li .date{display:block;position:absolute;right:0;top:5px;color:#999;font-size:14px;}
#mainNotice .tabPage ul li a{display:block;width:480px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#333;letter-spacing:-.5px;line-height:16px;}
#mainVisual{position:relative;float:left; border-radius:14px;overflow:hidden;box-sizing:border-box;}
/*#mainVisual:before{display:block;content:'';position:absolute;top:0;left:0;z-index:9;width:729px;height:42px;background:url(../../images/new_new_main/bg_mainSection_line.png) no-repeat;}*/
#mainVisual .bx-wrapper,
#mainVisual .bx-wrapper .bx-viewport{height:100%;}
#mainVisual .bx-wrapper .bx-viewport a{display:block;}
#mainVisual ul li img{width:100%;height:100%;}
#mainVisual .bx-controls{position:absolute;bottom:24px;width:100%;text-align:center;}
#mainVisual .bx-controls a{display:inline-block;vertical-align:middle;padding:0 3px;width:12px;height:12px;text-indent:-9999em;}
#mainVisual .bx-controls .bx-controls-direction {position:absolute;top:-153px;height:40px;width:100%;}
#mainVisual .bx-controls .bx-controls-direction a { height:40px;width:40px; }
#mainVisual .bx-controls .bx-controls-direction a.bx-prev { float:left;margin-left:15px;background:url(../../images/new_main/main_prev.png) no-repeat center center; }
#mainVisual .bx-controls .bx-controls-direction a.bx-next { float:right;margin-right:15px;background:url(../../images/new_main/main_next.png) no-repeat center center; }
#mainVisual .bx-pager .bx-pager-item{display:inline-block;vertical-align:middle;}
#mainVisual .bx-pager a{display:inline-block;vertical-align:middle;background:url(../../images/new_new_main/icon_mainVisual_pager.png) no-repeat;}
#mainVisual .bx-pager a.active{background:url(../../images/new_new_main/icon_mainVisual_pager_on.png) no-repeat;}
#mainVisual .bx-pager,
#mainVisual .bx-controls-auto{display:inline-block;margin-top:20px;vertical-align:middle;}
#mainVisual .bx-controls-auto a{text-indent:-9999em;}
#mainVisual .bx-controls-auto a.active{display:none;}
#mainVisual .bx-start{background:url(../../images/new_main/icon_mainVisual_start.png) no-repeat left center;}
#mainVisual .bx-stop{background:url(../../images/new_main/icon_mainVisual_stop.png) no-repeat left center;}
#container .section2{display:flex; margin-bottom:50px; justify-content:flex-start;}
#container .section2:after{display:block;content:'';clear:both;}
#container .section2 > div:nth-child(1){width:864px; margin-right:51px;}

#mainQuick{ margin-bottom:20px;height:150px;background:#fff;border-radius:14px;box-sizing:border-box;overflow:hidden;}
#mainQuick ul{display:flex; }
#mainQuick ul:after{display:block;content:'';clear:both;}
#mainQuick li{display:block;position:relative;width:120px; margin-right:30px;}
#mainQuick li.icon1{background:url(../../images/new_main/icon_mainQuick1.png) no-repeat center top;}
#mainQuick li.icon2{background:url(../../images/new_main/icon_mainQuick2.png) no-repeat center top;}
#mainQuick li.icon3{background:url(../../images/new_main/icon_mainQuick3.png) no-repeat center top;}
#mainQuick li.icon4{background:url(../../images/new_main/icon_mainQuick4_new.png) no-repeat center top;}
#mainQuick li.icon5{background:url(../../images/new_main/icon_mainQuick5_new.png) no-repeat center top;}
#mainQuick li.icon6{background:url(../../images/new_main/icon_mainQuick6.png) no-repeat center top; margin-right:0px;}
#mainQuick li a{display:block;padding-top:130px;text-align:center;font-size:15px;color:#333;letter-spacing:-2.5px;font-weight:500;}
.main_calendar{width:366px;}

#mainLink{height:53px;background:#003976;}
#mainLink b{display:block;position:absolute;left:0;top:0;padding-left:40px;font-size:16px;color:#fff;line-height:53px;}
#mainLink ul{padding-left:160px;}
#mainLink ul li{float:left;padding-top:15px;width:25%;}
#mainLink ul li select{width:180px;height:25px;border:1px solid #ccc;font-size:12px;}
#mainLink ul li a{display:inline-block;vertical-align:middle;width:43px;height:25px;background:#a5a5a5;text-align:center;font-size:12px;color:#fff;line-height:25px;}

#popupzone{float:right;width:366px;padding:0px 23px 20px 23px; border:1px solid #cfcfcf; border-radius:15px; box-sizing:border-box;overflow:hidden;}
#popupzone img{display:block;width:100%;height:290px;margin:0 auto; border-radius:10px;}
#popupzone:after{display:block;content:'';clear:both;}
#popupzone h3{font-size:20px; color:#333; padding:15px 0 10px;}
#popupzone .bx-controls{position:absolute;top:-37px;right:0;left:0;height:30px;}
#popupzone .bx-pager-item{display:inline-block;  margin:0 1px;}
#popupzone .bx-pager-item .bx-pager-link{display:block;border:1px solid #ddd; border-radius:20px; width:20px; height:20px;margin:2px; text-align:center;line-height:18px;}
#popupzone .bx-pager-item .bx-pager-link.active{border:1px solid #fff; background:#E84A47; color:#fff;}
#popupzone .bx-controls-auto{position:absolute;bottom:3px;right:3px;z-index:2;}
#popupzone .bx-controls-auto-item a{display:block;border:1px solid #ddd; border-radius:20px; width:20px; height:20px;margin:2px;text-indent:-9999px;}
#popupzone .bx-controls-auto-item a.bx-start{background:url(../../images/new_main/icon_popupzone_start.png) no-repeat center center;}
#popupzone .bx-controls-auto-item a.bx-stop{background:url(../../images/new_main/icon_popupzone_stop.png) no-repeat center center;}
#popupzone .bx-pager{position:absolute;right:30px;bottom:3px;}
#popupzone .bx-wrapper{position:relative;}

#mainEvent{position:relative;border:1px solid #ddd; border-radius:14px;padding:10px 30px 20px;background-color:#EBF7FA;overflow:hidden;box-sizing:border-box;}
#mainEvent .btnMore{display:block;width:30px;height:30px;position:absolute;top:15px;right:15px;background:url(/images/new_main/btn_more.png) no-repeat center center;text-indent:-9999px;}
#mainEvent .top{height:60px;box-sizing:border-box;border-bottom:2px solid #878787;}
#mainEvent .top h3,
#mainEvent .top div,
#mainEvent .top a,
#mainEvent .top b{display:inline-block;vertical-align:top;height:53px;line-height:53px;}
#mainEvent .top h3{float:right;padding:0 30px;font-size:22px;color:#fff;font-weight:bold;}
#mainEvent .top .ctrl{width:100%; text-align:center;}
#mainEvent .top .ctrl a{width:22px;text-indent:-9999px;}
#mainEvent .top .ctrl .btnPrev{background:url(../../images/new_main/btn_calendar_prev.png) no-repeat center center;}
#mainEvent .top .ctrl .btnNext{background:url(../../images/new_main/btn_calendar_next.png) no-repeat center center;}
#mainEvent .top .ctrl b{padding:0 45px;font-size:22px;font-weight:bold;color:#333333;letter-spacing:-1px;}
#mainEvent .mark{display:inline-block;width:6px;height:6px;border-radius:3px;text-indent:-9999px;}
#mainEvent .mark.parent{background-color:#5eab1a;}
#mainEvent .mark.kid{background-color:#ffbd0a;}
#mainEvent .mark.teacher{background-color:#d4346c;}
#mainEvent .mark.performance{background-color:#2c80c1;}
#mainEvent .mark.performance2{background-color:chartreuse;}
#mainEvent .mainCalendar{padding:15px 0px;height:270px;box-sizing:border-box;}
#mainEvent .mainCalendar table{width:100%;border-collapse:collapse;}
#mainEvent .mainCalendar table th,
#mainEvent .mainCalendar table td{text-align:center;}
#mainEvent .mainCalendar table th{padding:5px 8px;border-bottom:0;}
#mainEvent .mainCalendar table td{padding:7px 0;}
#mainEvent .mainCalendar table td b{display:block;font-size:13px;}
#mainEvent .mainCalendar table .sun{color:#d82727;}
#mainEvent .mainCalendar table .sat{color:#1c70b1;}
#mainEvent .markArea{height:10px;line-height:5px;}
#mainEvent .explain{padding-bottom:15px;border-bottom:1px dashed #ccc;font-size:12px;line-height:140%;}
#mainEvent .explain .mark{margin-right:-2px;}
#mainEvent .eduList{height:236px; padding:20px 12px 0;background:#fff; overflow-y:auto; border-radius:10px; box-sizing:border-box;}
#mainEvent .eduList ul{padding:10px 0;}
#mainEvent .eduList ul > li{position:relative;padding:5px 0 5px;}
#mainEvent .eduList ul > li > .date{display:block;width:60px;position:absolute;top:0;left:0;text-align:center;color:#333;}
#mainEvent .eduList ul > li > .date b{display:block;font-size:36px;}
#mainEvent .eduList ul > li > a{position:relative;display:block;padding:0 0 5px 30px;}
#mainEvent .eduList ul > li > a .mark{position:absolute;top:0;left:0px;width:18px;height:18px;text-indent:0;color:#fff;font-size:12px;text-align:center;line-height:18px;}
#mainEvent .eduList ul > li .subject{display:block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000;letter-spacing:-.5px;}
#mainEvent .eduList ul > li .etc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:13px;letter-spacing:-.5px;}

#mainBanner{width:1180px; clear:both;position:relative;margin:0 auto 40px;padding-left:150px;height:85px;border:1px solid #ddd;border-radius:14px; box-sizing:border-box;}
#mainBanner > span{display:block;position:absolute;left:20px;top:-15px;padding-left:30px;font-size:17px;color:#333;line-height:85px;}
#mainBanner li{padding:0 24px 0 8px !important; margin-right:18px !important; width:auto !important; box-sizing:border-box;}
#mainBanner li:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-14px;height:28px;border-right:1px solid #ddd;}
#mainBanner .bx-viewport{margin-top:22px;}
#mainBanner .bx-controls a{display:block;position:absolute;top:50%;margin-top:-13px;width:30px;height:26px;text-indent:-9999em;}
#mainBanner .bx-controls.bx-has-controls-direction {position:absolute;left:-70px;top:55px;}
#mainBanner .bx-prev{left:100px;background:url(../../images/new_main/icon_banner_prev.gif) no-repeat;}
#mainBanner .bx-next{left:162px;background:url(../../images/new_main/icon_banner_next.gif) no-repeat;}
#mainBanner .bx-stop{left:131px;background:url(../../images/new_main/icon_banner_stop.gif) no-repeat;}
#mainBanner .bx-start{left:131px;background:url(../../images/new_main/icon_banner_start.gif) no-repeat;}

.section3{width:100%; margin-bottom:43px; padding:60px 0; background:#E3F4F1;}
.section3 ul{display:flex; justify-content: space-between; width:1280px; margin:0 auto;}
.section3 > ul{width:1240px; padding:0 20px;}
.section3 ul li{width:calc(100%/3 - 53px);}
.section3 ul li h3{width:100%;  text-align:center; font-size:20px; line-height:20px; padding:20px 0; font-weight:700; border-radius:10px; }
.section3 ul li.type1 h3{background:#C3EBB5;}
.section3 ul li.type2 h3{background:#FFCAD4;}
.section3 ul li.type3 h3{background:#A5DCF9;}
.section3 #se3Slide{width:300px; height:212px; margin-top:20px; padding:30px; border-radius:10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); background:#fff;}
.section3 li.type1 #se3Slide span.tit{display:block; width:125px; height:30px; font-size:14px; margin:0px auto 20px; line-height:30px; text-align:center; background:#79B166; color:#fff; border-radius:50px;}
.section3 li.type2 #se3Slide span.tit{display:block; width:125px; height:30px; font-size:14px; margin:0px auto 20px; line-height:30px; text-align:center; background:#DF6E90; color:#fff; border-radius:50px;}
.section3 #se3Slide{position:relative;}
.section3 #se3Slide b{display:block; margin-bottom:20px; height:54px; font-size:18px; color:#333; text-align:center; overflow:hidden;text-overflow:ellipsis; color:#333;letter-spacing:-.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.section3 #se3Slide dl{display:flex; justify-content: space-between; flex-wrap:wrap; line-height:24px; border-top:1px solid #D9D9D9; padding:20px 0 0px;}
.section3 #se3Slide dl dt{width:20%; font-size:14px; padding-left:20px; color:#787878;}
.section3 #se3Slide dl dt.icon1{background:url("../../images/new_main/user-line.png") left center no-repeat;}
.section3 #se3Slide dl dt.icon2{background:url("../../images/new_main/calendar-check-line.png") left center no-repeat;}
.section3 #se3Slide dl dt.icon3{background:url("../../images/new_main/calendar-2-line.png") left center no-repeat;}
.section3 #se3Slide dl dd{width:70%; font-size:14px; color:#787878;}
.section3 #se3Slide dl dd span{color:#148ECC;}
.section3 #se3Slide .bx-controls{width:100%; height:0px; position:absolute;top:35%; right:0px;}
.section3 #se3Slide .bx-controls .bx-next{position:relative; right:-20px; background:url("../../images/new_main/bx-next.png") center no-repeat; float:Right;}
.section3 #se3Slide .bx-controls .bx-prev{position:relative; left:-20px; background:url("../../images/new_main/bx-prev.png") center no-repeat; float:left;}
.section3 #se3Slide .bx-controls .bx-next,
.section3 #se3Slide .bx-controls .bx-prev{width:43px; height:43px; text-indent:-999999px;   display:block; }
.section3 ul li.type3 img{display:block; margin:0px auto 10px; width:285px;border-radius:10px;}
.section3 ul li.type3 p{text-align:center; width:90%; margin:0 auto; font-size:18px; padding:10px 0; font-weight:bold; color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

/* popup  */
#popupTab{position:absolute; top:150px; left:50%; width:500px; transform:translateX(-50%); z-index:9999;}
#popupTab .popupBar{position:relative; display:flex; height:33px;}
#popupTab .popupBar li{width:16%; height:33px; margin-right:5px; text-align:center; color:#fff; background:#F18D6E; border-radius:15px 15px 0 0;}
#popupTab .popupBar li.hide{display:none;}
#popupTab .popupBar li:nth-of-type(even){background:#239F9F;}
#popupTab .popupBar li:nth-of-type(odd){background:#5397D7;}
#popupTab .popupBar li:nth-of-type(3n+1){background:#F18D6E;}
#popupTab .popupBar li:nth-child(8){background:#239F9F;}
#popupTab .popupBar li:nth-child(10){background:#5397D7;}
#popupTab .popupBar li a{display:block; color:#fff; line-height:33px;}
#popupTab .popupPage{display:none; position:absolute; width:100%; height:100%;}
#popupTab .popupPage.active{display:block;}
#popupTab .popupPage div, #popupTab .popupPage a {display: flex; top:0px !important; left:0px !important;}
#popupTab .popupPage img{height:auto !important; width:100% !important;}
#popupTab .popupFooter{background:#fff; display:flex; padding:5px 10px; font-size:16px; justify-content:space-between;}
#popupTab .popupFooter label{cursor:pointer;}
#overlay{display:none; position:fixed; top:0px; width:100%; height:100%; background:#333; z-index:9998; opacity:0.5;}

#subContents.subBg { background: url(../../images/sub/m1_sub1_bg.jpg) no-repeat center 78px; }
/* ======================================== Responsive ======================================== */
/*Mobile*/
@media all and (max-width:960px){
}

/*Phone*/
@media all and (max-width:639px){
}

/*Tablet*/
@media all and (min-width:640px) and (max-width:960px){
}