@charset "UTF-8";

.w1200{width:100%;}
.w1200:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
#mvisual_wrap .slider1 .bn_img{position: relative;    background-repeat: no-repeat;  background-size: auto;    background-position: center 0}
#mvisual_wrap{margin:0;position:relative;background:#fff;overflow:hidden}
#mvisual_wrap:after:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.banner_wrap {height:160px;}

#mvisual_wrap .slider1 li{width:100%;height:160px}
#mvisual_wrap .slider1 li a{width:100%;height:100%;display:block;text-align:center;} 
#mvisual_wrap .slider1 li a div{width:100%;height:100%}

#mvisual_wrap  .bx-controls {width:1200px;margin:auto;position:relative}
#mvisual_wrap  .bx-controls .bx-pager{position:absolute;top:-145px;left:30px}
#mvisual_wrap  .bx-controls .bx-pager .bx-pager-item{display:inline-block;margin:0 10px 0 0}
#mvisual_wrap  .bx-controls .bx-pager .bx-pager-item a{width:10px;height:10px;border-radius:50%;background:#fff;font-size:0;display:inline-block;}
#mvisual_wrap  .bx-controls .bx-pager .bx-pager-item a.active{background:#ed6c00;}
.bannebutton{width:1200px;margin:auto;position:relative;}
.bannebutton button {position:absolute;top:-140px;left:0}
.bannebutton button.popup_stop{;width:25px;height:10px;display:inline-block;font-size:0}
.bannebutton button.popup_stop.stop{background:url(../../common/images/popup_stop.png) 50% 50% no-repeat;}
.bannebutton button.popup_stop.play{background:url(../../common/images/popup_play.png) 50% 50% no-repeat;}

.quick_wrap{background:#fff;padding:20px}
.quick_menu{padding:20px;;position:relative;border:1px solid #f0edea;box-shadow: 10px 10px 10px rgba(164, 164, 164, 0.1);border-radius:20px ;max-width:1200px;margin:0 auto;box-sizing:border-box}
.quick_menu:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.quick_menu p{display:block;font-size:1rem;font-weight:500;position:relative;padding:15px 80px 15px 0px;;box-sizing:border-box;line-height:24px}
.quick_menu p span{display:block;font-size:1.125rem;color:#333;background:url(../../common/images/mQuick_arrow.png) 45% 7px no-repeat}
.quick_menu p:before{width:76px;height:76px;position:absolute;top:50%;left:85%; transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);content:'';}
.quick_menu p.quick01:before{background:url(../../common/images/mQuick.png) 50% 10px no-repeat;background-size:55px}
.quick_menu p.quick02:before{background:url(../../common/images/mQuick.png) 50% -120px no-repeat;background-size:55px}
.quick_menu p.quick03:before{background:url(../../common/images/mQuick.png) 50% -260px no-repeat;background-size:55px}
.quick_menu p:after{position:absolute;top:100%;right:0;background:#f0edea;content:'';width:100%;height:1px}
.quick_menu p:last-child:after{display:none}
.quick_menu p a.start{display:inline-block;padding:4px 10px 4px 5px;border-radius:5px;color:#fff;width:60px;  text-align: center;line-height:25px;font-size:0.875rem;font-weight:500}
.quick_menu p a.goStep{background:#82ac38 url(../../common/images/mQuick_arrow02.png) 95% 12px no-repeat;}
.quick_menu p a.goStep em{position:relative;font-weight:500}
.quick_menu p a.goStep em i{position: absolute;    top: -6px;    right: -8px;    width: 12px;    height: 12px;    line-height: 15px;    display: inline-block;    text-align: center;}
.quick_menu p a.goPin{background:#e87e00  url(../../common/images/mQuick_arrow02.png) 90% 12px no-repeat;}
.tSTEP{position:relative}
.tSTEP i{position:relative;top:-6px;right:0px;width:12px;height:12px;line-height:15px;display:inline-block;text-align:center;}

.myStep{background:#f7f8fb;padding:20px 3%}
.myStep_sub{;max-width:1200px;margin:0 auto;box-sizing:border-box}
.myStep_sub:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.myStep_sub h2{font-size:1.25rem;text-align:center;background:url(../../common/images/mystepLogin.png) 50% 0 no-repeat;padding:80px 0 0 0}
.myStep_sub p{text-align:center;font-size:0.9375rem;padding:5px 0 0 0}
.myStep_sub p a{width:200px;background:#f5a242;color:#fff;padding:10px 20px;border-radius:10px;display:inline-block}
.myStep_sub div{;background:#fff;border-radius:20px;padding:15px;box-sizing:border-box;min-height:100px}
.myStep_sub div.myStep_left ul li p, .myStep_sub div.myStep_right ul li p{width:60px;height:60px;padding:0px;border-radius:50%;display:inline-block;color:#fff;line-height:60px;font-size:0.875rem}
.myStep_sub div.myStep_left p.step_ing, .myStep_sub div.myStep_right p.step_ing{background:#ed6c00}
.myStep_sub div.myStep_left p.step_end, .myStep_sub div.myStep_right p.step_end{background:#3f76f3}
.myStep_sub div.myStep_left dl, .myStep_sub div.myStep_right dl {float:right;width:80%}
.myStep_sub div.myStep_left dl dt{font-size:1.0rem}
.myStep_sub div.myStep_right{margin:20px 0 0 0}
.myStep_sub div.myStep_right dl dt{font-size:1.0rem}
.myStep_sub h3{font-size:1.1875rem;text-align:center}

/*공지사항*/
.notice_wrap{background:#fff;padding:25px 3%;;position:relative}
.notice_wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.notice_wrap h2 {height:25px; line-height:25px;font-size:1.25rem;color:#333;font-weight:500;margin:0 0 15px 0}
.notice_wrap ul{border:1px solid #ddd;border-radius:25px;padding:15px;}
.notice_wrap ul:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.notice_wrap ul li{position:relative;padding:10px 0}
.notice_wrap ul li:nth-child(2){border-top:1px solid #ddd;}
.notice_wrap ul li a{font-size:0.9375rem; line-height:23px; text-align:left;display:block;padding:0 0 0 100px;min-height:50px}
.notice_wrap ul li .date{ font-size:0.875rem;color:#888;display:inline-block;text-align:center;position:absolute;top:10px;left:0}
.notice_wrap ul li .date em{ font-size:1.375rem;color:#559938;display:block;font-weight:700}
.notice_wrap .more{background:#fff url(../../common/images/icon_more.png) 50% 50% no-repeat;width:40px;height:40px;border-radius:45px;position:absolute;right:0px;top:-5px;font-size:0;display:inline-block;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.notice_wrap ul li.noData{width:100%;text-align:center;padding:20px 0;font-size:0.875rem}
.notice_wrap div{;position:relative}
.notice_wrap div div.data_wrap{margin:25px 0 0 0}


/* 레이어팝업 */
.popup_wrap{position: fixed;z-index:1000;top:0px;bottom:0px;left:0;right:0;width:100%;background: rgba(51, 51, 51, 0.4);padding:0;display:none }
.divpop{width:330px; height: 400px; ; position: fixed; z-index: 10000; left: 50%; top: 50%; transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);padding:0;}
.divpop img{width:100%;height:auto}
.divpop_sub{padding:0;height: calc(400px - 50px);overflow-y: auto;}

.popupzone{display:none;}
.popup_title{font-size:1.25rem;;line-height:22px;padding:5px 0 20px 0;font-weight: 700;}
.popup_tab:after{display:block;clear:both;height:0px;margin-top:-1px;content:''}
.popup_tab li{float:left;;margin:0 5px 5px 0;}
.popup_tab li a{display:block;width:10px;height:10px;font-size:0;background:#ccc;border-radius:10px}
.popup_tab li.popup_select a{background:#ffdd21;width:30px}

.pc_popup_footer {background:#fff;position:absolute;bottom:0;width:100%;padding:10px 0;text-align:center}

@media (max-width: 900px) {
#mvisual_wrap .slider1 .bn_img{position: relative;    background-repeat: no-repeat;    background-size: 155% 100%;    background-position: center 0}
}

/* 태블릿용 CSS */
@media all and (min-width:600px){

#centeredu {margin:20px 0 0 0;float:left;width:46%}
.data_wrap_right{width:46%;float:right;overflow:hidden}
}


/* PC용 CSS */
@media all and (min-width:1200px){

.w1200{max-width:1200px;margin:0 auto;padding:0;position:relative;}

#mvisual_wrap{height:400px;}
.banner_wrap {height:400px;}
#mvisual_wrap .slider1 li{height:400px}

#mvisual_wrap .slider1 li a img{width:auto;max-width:100%}
#mvisual_wrap  .bx-controls {width:1200px;margin:auto;position:relative}
#mvisual_wrap  .bx-controls .bx-pager{position:absolute;top:-325px;left:60px}
.bannebutton{width:1200px;margin:auto;position:relative;}
.bannebutton button {position:absolute;top:-320px;left:30px}
.bannebutton button.popup_stop{font-size:0;width:25px;height:10px;display:inline-block}

.quick_wrap{padding:30px 0}
.quick_menu{padding:30px 20px;}
.quick_menu p{display:inline-block;font-size:1.0625rem;padding:5px 80px 10px 20px;;line-height:30px;width:33%}
.quick_menu p span{font-size:1.25rem;color:#333;}
.quick_menu p:after{position:absolute;top:5px;right:0;background:#ddd;content:'';width:1px;height:70px}
.quick_menu p a.start{;padding:4px 10px 4px 5px;width:80px;}

.myStep{padding:50px 0}
.myStep_sub h2{font-size:1.5rem;}
.myStep_sub p{font-size:1.0625rem;}
.myStep_sub p a{width:200px;}
.myStep_sub div{width:48%;float:left;min-height:150px;padding:25px 35px}
.myStep_sub div.myStep_left p{font-size:1.0rem}
.myStep_sub div.myStep_left dl, .myStep_sub div.myStep_right dl {float:right;width:83%}
.myStep_sub div.myStep_left dl dt, .myStep_sub div.myStep_right dl dt{font-size:1.125rem}
.myStep_sub div.myStep_left dl dd, .myStep_sub div.myStep_right dl dd{font-size:1.0rem}
.myStep_sub div.myStep_right{float:right;margin:0}
.myStep_sub div.myStep_right p{font-size:1.0rem}
.myStep_sub h3{font-size:1.375rem;}

/*공지사항*/
.notice_wrap{padding:50px 0}
.notice_wrap div div{width:48.5%;float:left;}
.notice_wrap h2 {font-size:1.5rem;}
.notice_wrap .more{position:absolute;right:0px;top:-10px;}
.notice_wrap ul li.noData{padding:50px 0;font-size:1.0rem}
.notice_wrap div div.data_wrap{float:right;margin:0 }
.notice_wrap ul{padding:15px 30px;height:130px}
.notice_wrap ul li a{font-size:1.125rem; line-height:26px; padding:0 0 0 100px;min-height:50px}
.notice_wrap ul li .date{ font-size:0.875rem;position:absolute;top:10px;left:0}
.notice_wrap ul li .date em{ font-size:1.875rem;}

/* 레이어팝업 */
.divpop{width:500px;height: 570px}
.divpop_sub{padding:0; height:calc(570px - 50px); }

}