/* Main */
.main_visual{min-height:600px;background:#5b5ea3 url("../img/visual.jpg") no-repeat left center}
.main_visual:after{clear:both;display:block;content:''}
.main_visual .caption > p{margin-top:1em;margin-bottom:0.5em;font-size:1.714em;color:#a598e3;text-align:center}
.main_visual2{min-height:600px;background:#5b5ea3 url("../img/visual.jpg") no-repeat center center}
.main_visual2:after{clear:both;display:block;content:''}
.main_visual2 .caption > p{margin-top:1em;margin-bottom:0.5em;font-size:1.714em;color:#a598e3;text-align:center}
.main_go{margin-top:50px;margin-bottom:40px;}
.main_go > ul{margin:-5px;padding-left:0;list-style:none}
.main_go > ul > li {width:99%;height:140px;margin:5px 0.5%;background:url("../img/box_go.png") repeat}
.main_go > ul > li > a{display:block;padding:53px 45px;font-size:1.714em;color:#fff;text-align:right;background-repeat:no-repeat;background-position:50px 32px}
.main_go > ul > li > a.go01{background-image:url("../img/icon_go01.png")}
.main_go > ul > li > a.go02{background-image:url("../img/icon_go02.png")}
.main_go > ul > li > a.go03{background-image:url("../img/icon_go03.png")}
.main_go > ul > li > a.go04{background-image:url("../img/icon_go04.png")}
.main_go > ul > li > a:hover,.main_go > ul > li > a:focus{opacity: 0.7;filter:alpha(opacity=70);}
.main_notice{position:relative}
.main_notice > h3 {margin-bottom:20px;font-weight:800;color:#605ca8;letter-spacing:-0.05em}
.main_notice > a.more {position:absolute;top:0;right:0;padding-right:12px;font-size:0.929em;color:#605ca8;background:url("../img/icon_more.png") no-repeat right center}
.main_notice > ul {padding-left:0;list-style:none;border-top:1px solid #e1e1e1}
.main_notice > ul > li {padding-top:14px;padding-bottom:14px;border-bottom:1px solid #e1e1e1}
.main_notice > ul > li > a {display:block;margin-bottom:7px;padding-left:12px;font-size:1.286em;color:#333;background:url("../img/blt_dot.png") no-repeat left 12px}
.main_notice > ul > li > small, .main_notice > ul > li > span {font-size:14px;color:#888}
.main_notice > ul > li > small {padding-left:12px}
.main_notice > ul > li > span {float:right}
.main_thumb{padding-top:25px;padding-bottom:45px;background:url("../img/box_pattern.png") repeat}
.main_thumb h3 {margin-bottom:20px;font-size:1.857em;font-weight:700;color:#343434;letter-spacing:-0.05em}
.main_thumb h3 > span {color:#6e6aaf}
.main_bnr{margin-top:40px;margin-bottom:40px}
.main_bnr > h3 {margin-bottom:20px;font-size:1.857em;font-weight:700;color:#555;letter-spacing:-0.05em}
.main_bnr > h3 > span {color:#6e6aaf}
.main_bnr > ul{margin-left:0px;padding-left:0;list-style:none}
.main_bnr > ul > li{display:inline-block;float:left;width:calc(50% - 2px);min-width:182px;margin:1px;border:1px solid #e1e1e1;text-align:center}
.main_quick{position:relative}
.main_quick .btn-default{padding:12px 15px 9px;border-radius:0;border-color:#e1e1e1;border-bottom:0;background:url("../img/arrow_up.png") no-repeat 90% center}
.main_quick .btn-default{text-align:left;font-size:1.143em;color:#605ca8}
.main_quick .btn-default > small{font-size:12px;color:#b3b3b3}
.main_quick .btn-default.active{background-image:url("../img/arrow_down.png")}
.main_go:after,.main_notice:after,.main_thumb:after,.main_bnr:after,.main_quick:after{clear:both;display:block;content:''}
.main_banner{width:1400px;padding:30px 0 20px 0;text-align:center;}
.main_banner:after{clear:both;display:block;content:''}
.main_banner .list-inline>li{padding-right:15px;padding-left:15px;}
.main_banner .list-inline .img_effect img{
border:solid 2px #203749;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s;
}
.main_banner .list-inline .img_effect:hover img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
.main_banner .bannerPrev,.main_banner .bannerNext,.main_banner .bannerList{float:left;display:inline-block;margin:0;padding:0;}
.main_banner .bannerList{width:1310px;margin:0;padding:0 20px 0 20px;overflow:hidden}
.main_banner .bannerPrev{width:45px;padding-top:120px;text-align:center;}
.main_banner .bannerNext{width:45px;padding-top:120px;text-align:center;}
.quickPop {display:none;position:absolute;bottom:100%;width:50%;padding:25px 5px;border:1px solid #e1e1e1;border-bottom:none;background-color:#fff;z-index:9999;}
.quickPop.left {left:0;}
.quickPop.right {right:1px;}
.quickPop > ul {padding-left:0;list-style:none}
.quickPop > ul > li {width:100%;padding-top:4px;padding-bottom:4px;border-bottom:1px solid #e1e1e1}
.quickPop > ul > li > a {display:block;padding-left:9px;color:#555;background:url("../img/blt_dot_gray.png") no-repeat left center}
.quickPop > ul > li > a:hover,.quickPop > ul > li > a:focus {color:#999}
@media (min-width:480px){
.main_bnr > ul > li{width:calc(41.66666667% - 2px)}
}
@media (min-width:768px){
.main_visual{height:745px}
.main_visual .caption > p{margin-top:2.5em;margin-bottom:1.5em;letter-spacing:0.65em}
.main_go > ul > li {display:inline-block;float:left;width:49%;/*width:325px;*/}
.main_notice{position:relative;margin-top:50px;margin-bottom:40px;padding-left:50px;border-left:1px dotted #ddd}
.main_bnr > ul > li{width:calc(33.33333333% - 2px)}
.main_quick .btn-default{padding-right:30px;padding-left:30px;background-position:95% center}
.quickPop > ul > li {float:left;width:40%;margin-right:5%;margin-left:5%}
}
@media (min-width:992px){
.main_bnr > ul > li{width:calc(14.285714% - 2px)}
}
/* Sub */
.visual{position:relative;background-color:#474a8f}
.visual:after{clear:both;display:block;content:''}
.visual > .container{min-height:120px}
.visual > .bg01{background-image:url("../img/visual_01.png")}
.visual > .bg02{background-image:url("../img/visual_02.png")}
.visual > .bg03{background-image:url("../img/visual_03.png")}
.visual > .bg04{background-image:url("../img/visual_04.png")}
.visual > .bg05{background-image:url("../img/visual_05.png")}
.visual > .bg06{background-image:url("../img/visual_06.png")}
.visual > .bg07{background-image:url("../img/visual_07.png")}
.visual > .bg08{background-image:url("../img/visual_08.png")}
.visual .caption{margin-top:1em;margin-bottom:1em;font-family:'Noto Sans KR',sans-serif;font-size:2.571em;font-weight:100;color:#fff;text-align:center;letter-spacing:0.25em}
.lnb > p.go{margin-bottom:30px;padding:2em 0 2em 3.75em;font-size:1.143em;font-weight:700;background:url("../img/box_bnr.png") no-repeat}
.lnb > p.go > a {color:#fff}
.contents {clear:both;position:relative;margin-bottom:30px;border:0}
.ready {padding:2em;border:5px solid #d9d9d9;text-align:center}
@media (min-width:768px){
.visual > .container{height:220px}
.visual .caption{margin-top:2.25em;letter-spacing:0.5em}
.ready {padding-top:5em;padding-bottom:5em;}
}
/* Contents */
.history h5 {margin-top:1.5em;font-size:1.286em;font-weight:700;color:#fff;background-color:#474a8f;}
.history dl > dt{padding-top:0.25em;}
.history dl > dd{padding-bottom:0.25em;border-bottom:1px dotted #ccc}
@media (min-width:768px){
.history dl > dt{border-bottom:1px dotted #ccc}
.history dl > dt,.history dl > dd{height:35px;padding-top:0.5em;padding-bottom:0.25em}
.history dl > dt.wide,.history dl > dd.wide{height:57px}
.history .dl-horizontal dt{overflow:hidden;float:left;clear:left;width:120px;text-align:left;white-space:normal;text-overflow:clip}
.history .dl-horizontal dd{margin-left:120px}
}
.map h4{font-size:1.286em;font-weight:700;color:#0097c5}
.map ul{margin-bottom:1.5em}
.map ul > li {padding-top:0.25em;padding-bottom:0.25em}
.map ul > li > span {display:inline-block;width:55px;color:#888;letter-spacing:-0.05em}
.map ul > li > a {color:#0097c5;text-decoration:underline}
.tbl_bsart{border-top:1px solid #474a8f;border-bottom:1px solid #e1e1e1}
.tbl_bsart tbody td{border-left:1px solid #e1e1e1}
.tbl_bsart.text-center thead th, .tbl_bsart.text-center tbody th {text-align:center}
.tbl_bsart tbody td.text-left > ul > li{padding:2px 20px;background:url("../img/blt_dot_gray.png") no-repeat 15px 0.75em}
.tbl_bsart > tbody > tr.gray{background-color:#f9f9f9}
.theater > h5,.academy > h5 {margin-top:1.5em;font-size:1.286em;font-weight:700;color:#474a8f;}
.theater h6{font-size:1em;font-weight:700}
.theater > p,.academy > p {font-size:1.071em}
.theater > .box {padding:0.75em 1.5em 0.25em;border:3px solid #efefef}
.theater hr.slide {display:block;height:6px;border:0;background:url("../img/box_pattern.png") repeat-x}
.theater > .box > ul > li,.academy > ul > li{padding:2px 7px;background:url("../img/blt_dot_gray.png") no-repeat left 0.75em}
.theater > .box > ul > li > ol {margin-top:0.5em;color:#474a8f}
@media (min-width:992px){
.theater .table-responsive{overflow-x:hidden}
}
.theater > .agreement > h5 {margin-top:1.5em;font-weight:700}
.theater > .agreement > .box {padding:1.5em 1.5em 0.75em;border:1px solid #e1e1e1}
.theater > .agreement ul > li {line-height:1.5}
.theater > .agreement ul > li > ol {margin-top:0.5em;margin-left:0;color:#474a8f}
.theater > .agreement ul > li > ol > li{padding-left:0}
.academy > ol {padding-left:7px;list-style:none}
.academy > ol > li > strong.point {color:#ff0000}
.academy table > thead > tr > th {color:#777;text-align:center;vertical-align:middle;background-color:#efefef}
.academy .program{border-top:2px solid #474a8f;border-bottom:1px solid #474a8f}
.academy .program ul{position:relative;margin:0.5em -0.5%}
.academy .program ul:after{clear:both;display:block;content:''}
.academy .program ul > li{display:inline;float:left;width:49%;height:210px;margin:0.5em 0.5%}
.academy .program ul > li > p{position:relative;width:93%;margin:0.5em 0}
.academy .program ul > li > p > a{display:block;font-size:1.071em;font-weight:700;color:#333}
.academy .program ul > li > p > a > span.more{position:absolute;top:0;left:93%;color:#999}
.academy .program ul > li > a > img{display:block;max-width:100%;height:auto;vertical-align:top}
.academy .program ul > li > p > small {color:#888;line-height:1.1;letter-spacing:-0.05em}
.academy .program_view h4{margin-top:1.5em;font-size:1.286em;font-weight:700;background:url("../img/box_pattern.png") repeat}
.academy .program_view h4 > span{padding-right:5px;color:#474a8f;background-color:#fff}
.academy .program_view h5{padding-left:0.5em;font-size:1.143em;font-weight:700;color:#474a8f;background:url("../img/blt_dot.png") no-repeat left center}
.academy .program_view h6{font-size:1em;font-weight:700}
.academy .program_view .dl-horizontal dt{overflow:hidden;float:left;clear:left;width:53px;font-weight:normal;text-align:left;color:#888;white-space:nowrap;text-overflow:ellipsis}
.academy .program_view .dl-horizontal dd{margin-left:53px;border-bottom:1px solid #e1e1e1}
.academy .program_view .dl-horizontal dt,.academy .program_view .dl-horizontal dd{min-height:35px;padding-top:0.5em;padding-bottom:0.15em}
.academy .program_view table.curriculum {border-top:1px solid #474a8f;border-bottom:1px solid #e1e1e1}
.academy .program_view table.curriculum > thead > tr > th {border-bottom:1px;font-size:0.857em;font-weight:normal;background-color:transparent}
.academy .program_view table.curriculum > tbody > tr > th, .academy .program_view table.curriculum > tbody > tr > td {font-size:0.857em}
.academy .program_view table.curriculum > tbody > tr > th{text-align:center}
.academy .program_view table.curriculum > tbody > tr > td {border-left:1px solid #e1e1e1}
.academy .program_view table.curriculum > tbody > tr.gray{background-color:#f9f9f9}
@media (min-width:768px){
.academy .program_view .dl-horizontal dt{width:53px;text-align:left}
.academy .program_view .dl-horizontal dd{margin-left:53px}
}
.community ul > li {padding-top:0.15em;padding-bottom:0.15em;}
.community ul > li > span{margin-right:0.5em;padding-right:0.5em;color:#888;background:url("../img/icon_line.png") no-repeat right center}
.community .cafe{margin-bottom:1em;padding:1em 1em;background:#fff url("../img/box_cafe_240430.png") no-repeat left bottom}
.sitemap h4 {color:#fff;background-color:#474a8f}
.sitemap ul > li {padding:3px 2px}
.sitemap ul > li > a{padding-left:6px;color:#888;background:url("../img/blt_dot_gray.png") no-repeat left center}
.sitemap ul > li > a:hover,.sitemap ul > li > a:focus {text-decoration:underline}
/* Member */
.member span.point {font-weight:800;color:#ff0000}
.member > .login.box {padding:2em 1em;border:5px solid #eee}
.member > .register {margin:1em auto}
.member > .register.box {padding:2em 1em;border:5px solid #eee}
.member:after,.login:after,.register:after{clear:both;display:block;content:''}
.member .agreement > p {}
.member .agreement > h5 {margin-top:1.5em;font-weight:700}
.member .agreement > ul > li {padding-top:0.5em;line-height:1.5}
.member .agreement > ul > li > ul {margin-top:0.5em;margin-left:1em;color:#474a8f}
.member .agreement > ul > li > a {color:#0aa8d8;text-decoration:underline}
.member ul.lst {margin-top:1em;margin-bottom:1em;padding-top:1em;padding-bottom:1em;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.member ul.lst > li {padding-left:6px;color:#474a8f;background:url("../img/blt_dot_gray.png") no-repeat left 0.6em}
@media (min-width:768px){
.biz{background:url("../img/img_academy.png") no-repeat 15px center}
.academy .program ul > li{width:24%;height:220px}
.community .cafe{padding-top:4em;padding-left:3em;}
.member > .login, .member > .register.box.bg {background:url("../img/img_computer.png") no-repeat 15% center}
}