@charset "utf-8";

/* common reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
input, textarea, select {font-size:1em;font-family:Dotum, "돋움", Gulim, "굴림", Tahoma, Verdana, AppleGothic, UnDotum, Arial;vertical-align:baseline;}
button {border:0;padding:0;background:transparent;-webkit-appearance:button;cursor:pointer;}
button:focus {outline:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.2;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* font */
@font-face {
 font-family: 'NanumSquare';
 font-style: normal;
 font-weight: 400;
 src: url(../font/NanumSquareRegular.eot);
 src: url(../font/NanumSquareRegular.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareRegular.woff) format('woff'),
      url(../font/NanumSquareRegular.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-style: normal;
 font-weight: 700;
 src: url(../font/NanumSquareBold.eot);
 src: url(../font/NanumSquareBold.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareBold.woff) format('woff'),
      url(../font/NanumSquareBold.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-style: normal;
 font-weight: 800;
 src: url(../font/NanumSquareExtraBold.eot);
 src: url(../font/NanumSquareExtraBold.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareExtraBold.woff) format('woff'),
      url(../font/NanumSquareExtraBold.ttf) format('truetype');
}

@font-face {
 font-family: 'NIXGON';
 font-style: normal;
 font-weight: 500;
 src: url(../font/NIXGONM.otf);
 src: url(../font/NIXGONM.woff) format('woff'),
      url(../font/NIXGONM.ttf) format('truetype');
}

/* 입학 설명회 */

.school-briefing {font:17px 'NanumSquare', sans-serif;text-align:center;color:#1a1a1a;}
.school-briefing .title {background:url(../images/school_briefing/title_main.png) no-repeat 0 0;background-size:100% 100%;text-indent:-9999px;}
.school-briefing .font-type-nxg {display:inline-block;font-family:'NIXGON';color:#fff;}
.school-briefing .font-type-nsq {display:inline-block;font-family:'NanumSquare';transform:skew(-0.05deg);color:#1a1a1a;}

.school-briefing .main-page {width:100%;min-width:1360px;height:700px;background:#111151 url(../images/school_briefing/bg_main.png) no-repeat 50% 0;}
.school-briefing .main-section {position:relative;width:800px;height:100%;margin:0 auto;}
.school-briefing .main-section .title {position:absolute;top:16px;left:-286px;width:280px;height:280px;}
.school-briefing .main-section .btn-view-area {padding-top:6px;}
.school-briefing .main-section .btn-view {width:268px;height:63px;margin:0 12px;}
.school-briefing .main-section .main-video {width:800px;height:450px;margin:23px 0 18px;}
.school-briefing .main-section .btn-go-area {margin-bottom:30px;}
.school-briefing .main-section .btn-go {width:157px;height:43px;margin:0 2px;}
.school-briefing .main-section .txt {font-size:19px;}

.school-briefing .sub-page {width:950px;margin:0 auto;}
.school-briefing .sub-top {height:235px;padding:0px 45px;background:#111151 url(../images/school_briefing/bg_sub_top.png) no-repeat 0 0;text-align:left;}
.school-briefing .sub-top:after {display:block;content:'';clear:both;}
.school-briefing .sub-top .title {float:left;width:176px;height:176px;margin-top:30px;}
.school-briefing .sub-top .info {float:left;margin:100px 0 0 40px;}
.school-briefing .sub-top .txt {margin-bottom:20px;font-size:15px;line-height:1.3;}
.school-briefing .sub-top .btn-view.campus {display:block;width:245px;height:58px;}

.school-briefing .sub-section {}
.school-briefing .sub-section .step-list-group {text-align:center;}
.school-briefing .sub-section .step-list {margin-top:45px;}
.school-briefing .sub-section .step-list .step-title {height:25px;margin-bottom:10px;background-repeat:no-repeat;background-position:50% 0;text-indent:-9999px;}
.school-briefing .sub-section .step-list-item {display:inline-block;width:216px;height:122px;margin:0 2px;background:#ccc;cursor:pointer;}

.school-briefing .sub-section .step-list.step-1 .step-title {background-image:url(../images/school_briefing/txt_step_1.png);}
.school-briefing .sub-section .step-list.step-2 .step-title {background-image:url(../images/school_briefing/txt_step_2.png);}
.school-briefing .sub-section .step-list.step-3 .step-title {background-image:url(../images/school_briefing/txt_step_3.png);}

.school-briefing .sub-bottom {margin:60px 0 70px;}
.school-briefing .sub-bottom .txt-info {font-size:16px;font-weight:700;line-height:1.4;}
.school-briefing .sub-bottom .txt-bold {font-weight:800;}
.school-briefing .sub-bottom .btn-info-area {margin:40px 0 35px;}
.school-briefing .sub-bottom .btn-info {width:434px;height:69px;margin:0 6px;}
.school-briefing .sub-bottom .txt-ps {font-size:15px;}

/* 입학 설명회 btn */
.school-briefing .btn-view,
.school-briefing .btn-go,
.school-briefing .btn-info {display:inline-block;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;line-height:100%;text-indent:-9999px;}

/* .school-briefing .btn-view.campus {background-image:url(../images/school_briefing/btn_campus.png);} */
.school-briefing .btn-view.campus {background-image:url(../images/school_briefing/btn_Schedule.png);}
.school-briefing .btn-view.online {background-image:url(../images/school_briefing/btn_online.png);}

.school-briefing .btn-go.edu {background-image:url(../images/school_briefing/btn_edu.png);}
.school-briefing .btn-go.edu:hover,
.school-briefing .btn-go.edu.focus {background-image:url(../images/school_briefing/btn_edu_hover.png);}
.school-briefing .btn-go.ecp {background-image:url(../images/school_briefing/btn_ecp.png);}
.school-briefing .btn-go.ecp:hover,
.school-briefing .btn-go.ecp.focus {background-image:url(../images/school_briefing/btn_ecp_hover.png);}
.school-briefing .btn-go.ele {background-image:url(../images/school_briefing/btn_ele.png);}
.school-briefing .btn-go.ele:hover,
.school-briefing .btn-go.ele.focus{background-image:url(../images/school_briefing/btn_ele_hover.png);}
.school-briefing .btn-go.pas {background-image:url(../images/school_briefing/btn_pas.png);}
.school-briefing .btn-go.pas:hover,
.school-briefing .btn-go.pas.focus {background-image:url(../images/school_briefing/btn_pas_hover.png);}

.school-briefing .btn-info.pac {background-image:url(../images/school_briefing/btn_pac.png);}
.school-briefing .btn-info.faq {background-image:url(../images/school_briefing/btn_faq.png);}