@charset "utf-8";
@import "http://fonts.googleapis.com/earlyaccess/notosanskr.css";
@import url("https://fonts.googleapis.com/css?family=Rajdhani:100,300,400,500,700,900");
/* scroll bar */
::-webkit-scrollbar,
::-webkit-scrollbar-button,
::-webkit-scrollbar-thumb:window-inactive,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {-webkit-appearance:none; display:none;}

/* reset */
html, body {width:100%; height:100%; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; text-size-adjust:none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr, figure {margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
body {padding:0; background:#fff; font-family:'Noto Sans KR', dotum, 'µ¸¿ò', gulim, '±¼¸²', Arial, AppleGothic, verdana, sans-serif, helvetica; font-size:15px; color:#000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
/* img {width:100%;} */
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; visibility:hidden; font-size:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {margin:0; padding:0; font-family:'Noto Sans KR', dotum,'µ¸¿ò',gulim,'±¼¸²',Arial, AppleGothic, verdana, sans-serif, helvetica; vertical-align:middle;}
textarea {-webkit-box-sizing:border-box; box-sizing:border-box; padding:20px 12px; width:100%; border:1px solid #e5e5e5;font-size:15px;}
button {overflow:visible; margin:0; padding:0; border:none; background:none; font-size:0; font-family:'Noto Sans KR', dotum,'µ¸¿ò',gulim,'±¼¸²',Arial, AppleGothic, verdana, sans-serif, helvetica; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
a {color:#111; text-decoration:none; word-wrap:break-word; word-break:keep-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
strong {font-weight:normal; font-family:'Noto Sans KR';}

.clearfix:after {display:block; content:''; clear:both}

/* input[type='text'],
input[type='password'],
input[type='name'],
input[type='tel'],
input[type='search'] {height:30px; font-size:10pt; margin:0; color:#626262; background:#fafafa; padding:5px; padding-right:0px; vertical-align: middle; min-width:40px; box-sizing:border-box;
background-size:auto 100%;
border:1px solid #ddd; 
font-family: inherit;  ÆùÆ® »ó¼Ó
border-radius: 0px; iOS µÕ±Ù¸ð¼­¸® Á¦°Å
-webkit-appearance: none; ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â
-moz-appearance: none;
appearance: none;
}
input[type='textarea'], textarea {font-size:10pt; margin:0; border:1px solid #ddd; color:#626262; background:#fafafa; padding:5px; vertical-align: middle;}
input[type='checkbox'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; -webkit-appearance:none; -webkit-border-radius:3px; padding:0; border:0 0/IE8+9; margin-top:0; margin-top:2px 0/IE8+9;}
input[type='checkbox']:checked {background:#fff; border:solid 1px #c9c9c9; border:0 0/IE8+9;}
input[type='checkbox']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:0px;}
input[type='radio'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; -webkit-appearance:none; -webkit-border-radius:10px; padding:0; border:0 0/IE8+9; margin-top:0; margin-top:2px 0/IE8+9;}
input[type='radio']:checked {background:#fff; border:solid 1px #c9c9c9; border:0 0/IE8+9;} 
input[type='radio']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:5px;} 
select {height:30px; margin:0; color:#626262; padding-left:5px; vertical-align: middle; min-width:40px;
background: url("/m/img/newMain/select_arrow.png") no-repeat right center; ³×ÀÌƼºê È­»ìÇ¥ ´ëü  
background-size:auto 100%;
border:1px solid #ddd;
font-family: inherit;  ÆùÆ® »ó¼Ó
border-radius: 0px; iOS µÕ±Ù¸ð¼­¸® Á¦°Å
-webkit-appearance: none; ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â
-moz-appearance: none;
appearance: none;
}

.locationSelectBar {width:220px;}
.monthSelectBar {width:66px;}
.nameInputBar {width:220px;}
.idInputBar {width:133px; float:left;}
.phoneSelectBar {width:66px;}
.phoneInputBar01 {width:66px !important;}
.phoneInputBar02 {width:66px !important;}
.dayInputRadio {margin-left:5px; margin-right:3px;} */


#wrap {min-width:320px; max-width:720px;width:100%; margin:0 auto; overflow:hidden; position:relative; }
#contInner {width:100%; padding:0 20px;}


/* header */
#header {position:relative; height:64px;background:#f3f4f6; z-index:13; padding-left:15px;}
#header h1 {position: relative;z-index:11;width:175px;}
#header h1.logo a {display:block; height:64px; background-image:url("/m/img/newMain/gnb_logo.png"); background-repeat:no-repeat; background-size:100% auto; background-position:left 49%; line-height:0; font-size:0; overflow:hidden;}

#headerLine {width:100%; height:3px;
background: #00ccff; /* Old browsers */
background: -moz-linear-gradient(left, #ffcb00 0%, #fea313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffcb00 0%,#fea313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffcb00 0%,#fea313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb00', endColorstr='#fea313',GradientType=1 ); /* IE6-9 */
}

.hc_menu_opened {overflow:hidden !important;}
.hc_menu_opened body {overflow:hidden !important;}
.hc_menu_opened #header {position:static !important;}
.hc_menu_opened #header h1.logo {display:none;}
.hc_menu_opened #header a.btn_search {display:none;}

/* btn_gnbMenu */
#header a.btn_gnbMenu {z-index:1500;}
.btn_gnbMenu {display:block; position:absolute; top:5px; right:10px; width:42px; height:35px; padding:8px; margin:10px; z-index:10;}
#header a.btn_gnbMenu.close {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn_gnbMenu span {display:block;width: 26px; height:1px; margin-bottom:8px; background:#272c39; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.btn_gnbMenu.close {position:fixed;right:10px;top:5px;color:#fff}
.btn_gnbMenu.close span {width: 29px;}
.btn_gnbMenu.close span.slice1 {margin-top:8px;margin-bottom:6px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.btn_gnbMenu.close span.slice2 {opacity:0}
.btn_gnbMenu.close span.slice3 {margin-top: -16px; margin-bottom:8px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}

/*
.gnbTel {display:inline-block; position:absolute; top:5px; right:60px; height:35px; padding:6px 14px; margin:10px; z-index:10; line-height:1.0em; font-size:13px; color:#ffcb00; font-weight:bold; letter-spacing:-0.075em;
border-radius:3px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);
background: #272c39}

.gnbTel div {padding-left:25px; background-image:url("/m/img/NEWmAIN/gnb_tel.png"); background-repeat:no-repeat; background-size:18px auto; background-position:left center;}
.gnbTel span {display:block; font-size:10px; line-height:1.0em; color:#FFF; font-weight:400;}
*/

.gnbTel {display:block; position:absolute; top:5px; right:67px; width:42px; height:35px; padding:8px; margin:10px; z-index:10;
background-image:url("/m/img/common/gnb_tell.png"); background-repeat:no-repeat; background-size:26px auto; background-position:center center;}






/* gnb */
#gnbMenu_area {display:none; position:fixed;width:100%;max-width:720px;margin:0 auto;left:0;right:0;top:0;right:0;bottom:0;padding-top:57px;z-index:1300;}
#gnbMenu_area .bg {width:100%;height:100%;z-index:10;background:#272c39; display:none;} 
#gnbMenu_area div.top_bar {display:none; position:absolute;left:0;top:0;width:100%;height:67px;padding-left:15px;background:#ffcb00;z-index:1300;}
#gnbMenu_area div.top_bar .left_area {color:#fff;}
#gnbMenu_area div.top_bar .left_area a.btn_logo {display:block; width:175px; height:64px; background-image:url("/m/img/newMain/gnb_logo_wh.png"); background-repeat:no-repeat; background-size:100% auto; background-position:left 49%; line-height:0; font-size:0; overflow:hidden;}




#gnbMenu_area div.top_bar .left_area a.btn_login span {font-size:12px; margin-left:5px; color:#f89395; letter-spacing:-0.075em;}
#gnbMenu_area div.top_bar .left_area span.login_info {display:inline-block; font-size:12px; margin-left:15px; color:#f89395; letter-spacing:-0.075em; text-align:left; line-height:1.4em; height:30px; margin-top:10px;}
#gnbMenu_area a.btn_join {display:block;position:absolute; right:56px ;top:13px; height:28px; line-height:28px; padding:0 7px; font-size:13px; color:#fff; border-radius:3px; border:1px solid #fff; font-weight:300;}
#gnbMenu_area a.btn_modify {right:123px;}
#gnbMenu_area .menu_area{z-index:15;height:0;width:100%;position:absolute;left:0;top:65px;opacity:0;}

#gnbMenu_area.hc_menu_activated {display:block; height:0; transition:height 0.5s; overflow:hidden;}
#gnbMenu_area.hc_menu_activated.on {height:100%; height:0.1s;}
html:not(.hc_menu_opened) div#gnbMenu_area.hc_menu_activated {padding:0;}
#gnbMenu_area.hc_menu_activated .bg {display:block; position:absolute; top:0; left:0; width:100%; height:0; z-index:10;background:#000; transition:all 0.5s ease-out;}
#gnbMenu_area.hc_menu_activated.on .bg {height:100%;}
#gnbMenu_area.hc_menu_activated div.top_bar {display:block; top:-55px; transition:top 0.3s;}
#gnbMenu_area.hc_menu_activated.on div.top_bar {top:0;}
#gnbMenu_area.hc_menu_activated .menu_area{position:relative; top:10px; height:0; overflow:hidden; opacity:0; transition:all 0.5s;}
#gnbMenu_area.hc_menu_activated.on .menu_area{width:100%; height:100%; top:0; opacity:1; transition: top 0.5s, height 1s, opacity 1s;}

div.menu_area > ul {padding:20px 0;}
div.menu_area > ul li.dep01 {display:block; width:165px; overflow:visible;}
div.menu_area > ul li.dep01 ul li {line-height:20px;}
div.menu_area > ul li.dep01 ul li span {display:inline-block;}
div.menu_area > ul li.dep01 a.dep01 {padding: 9px 18px 10px 18px;display:block;font-size:15px;font-family:'Noto Sans KR';color:#444; font-weight:700;}
div.menu_area > ul li.dep01.on a.dep01 {color:#ffcb00;}
div.menu_area > ul li.dep01 > div {display:none;position:absolute;left:170px;right:0;top:0;height:100%;bottom:0;overflow-y:auto;z-index:16; padding-bottom:60px;-webkit-overflow-scrolling:touch;}
div.menu_area > ul.gongsik li.dep01 > div {top:50px;}
div.menu_area > ul li.dep01.on > div {display:block;}
div.menu_area > ul li.dep01 > div a.tit {display:block;padding: 20px 0 15px 0;border-bottom:1px solid #333;color:#fff;}
div.menu_area > ul li.dep01 > div a.active {color:#1e75d6;}
div.menu_area > ul li.dep01 > div strong.group_tit,
div.menu_area > ul li.dep01 > div strong.group_tit02 {padding: 19px 0 7px 0;display:block;font-size: 15px;font-family:'Noto Sans KR';color:#fff;}
div.menu_area > ul li.dep01 > div strong.group_tit02 {padding-top: 14px;font-family:'Noto Sans KR';padding: 12px 0 3px 0;}
div.menu_area > ul li.dep01 > div > ul {padding-top: 11px;padding-bottom: 60px;}
div.menu_area > ul li.dep01 > div > ul.pb0 {padding-bottom:0px;}
div.menu_area > ul li.dep01 > div ul li a.dep02 {display:block;padding: 7px 0;font-size:15px;color:#aaa;line-height:20px;}
div.menu_area > ul li.dep01 > div ul li ul li a.dep02 {padding: 6px 0 6px 0;}
div.menu_area > ul li.dep01 > div ul li ul li a.active {color:#ffcb00;}


.cpsLoc {padding:0 18px; margin-top:10px; margin-bottom:-10px;}
.cpsLoc:after {content:""; display:table; clear:both;}
.cpsLoc dd {float:left; width:20%; position:relative;}
.cpsLoc dd:after {content:""; display:block; width:1px; height:10px; background:#aaa; position:absolute; right:0; top:50%; margin-top:-5px;}
.cpsLoc dd:last-child:after {display:none;}
.cpsLoc dd a {display:block; text-align:center; height:40px; line-height:40px; color:#999; font-size:10pt;}
.cpsLoc dd.current a {color:#fff;}

.gnbQuick {text-shadow: 0 1px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12); border-radius:3px; padding:10px 10px !important; margin:5px 18px !important; color:#fff !important; font-size:14px !important; font-weight:500 !important; background:#ffcb00 url("/m/img/newMain/gnb_arrow.png") no-repeat; background-position:95% center; background-size:6px; letter-spacing:-0.075em;}


.gnbSubMenu {display:inline-block; width:100%; float:left;}
.gnbSubMenu li {display:inline-block; width:25%; background-color:#272c39;  float:left; border-right:solid 1px #111;}
.gnbSubMenu li:last-child {border-right:none;}
.gnbSubMenu li a {display:inline-block; width:100%; text-align:center; color:#fff; font-size:10pt; color:#fff; font-weight:400; letter-spacing:-0.075em; height:44px; line-height:44px;}
.gnbSubMenu li:first-child a {padding-right:15px; background-image:url("/m/img/newMain/ListArrow_down.png"); background-position:85% 50%; background-repeat:no-repeat; background-size:8px;}
.gnbSubMenu li:first-child a.classListOn {background-image:url("/m/img/newMain/ListArrow_up.png") !important;} 
/*.gnbSubMenu li:nth-child(2) a {padding-right:15px; background-image:url("/m/img/newMain/ListArrow_down.png"); background-position:85% 50%; background-repeat:no-repeat; background-size:8px;}
.gnbSubMenu li:nth-child(2) a.classListOn {background-image:url("/m/img/newMain/ListArrow_up.png") !important;} */

#classList {float:left; width:100%;}
.curriList {display:inline-block; width:100%; background-color:#272c39; margin:0px; border-top:1px solid #090e11;}
.curriList li {border-bottom:1px solid #333; font-size:11pt; color:#fff; width:100%;}
.curriList li:last-child {border-bottom:none;}
.curriList li > a, .curriList li > span {display:block; font-size: 10pt; font-weight: 400; color: #fff; height: 46px; line-height: 46px; padding: 0 10px; letter-spacing: -0.05em; padding-left:15px;}
.curriList li > span {background-image:url("/m/img/newMain/ListArrow_down.png"); background-position:95% 50%; background-repeat:no-repeat; background-size:8px;}
.curriList li > span.curriListOn {background-image:url("/m/img/newMain/ListArrow_up.png") !important;} 
.curriList li > ul > li {background-color:#fea313 ; border-top:solid 1px #ffcb00 ; border-bottom:solid 1px #f29400;}
.curriList li > ul > li:first-child {border-top:solid 1px #2c3355;}
.curriList li > ul > li a {display:inline-block; width:100%; font-weight:bold; font-size:11pt; padding-left:20px; color:#fff; height: 46px; line-height: 46px;}



/* footer */
footer {padding-bottom:60px;}
.footerTopLine {width:100%; height:2px;
background: #00ccff; /* Old browsers */
background: -moz-linear-gradient(left, #ffcb00 0%, #fea313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffcb00 0%,#fea313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffcb00 0%,#fea313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb00', endColorstr='#fea313',GradientType=1 ); /* IE6-9 */}
.footerBtn {height:50px; border-bottom:solid 1px #e5e5e5; background-color:#fff;}
.footerBtn ul {display:block; width:100%;}
.footerBtn ul li {display:inline-block; width:25%; float:left;}
.footerBtn ul li a {display:block; width:100%; text-align:center;}
.footerBtn ul li a span {display:inline-block; vertical-align:middle; line-height:50px; color:#999999; font-size:9pt; letter-spacing:-0.075em;}
.footerBtn ul li a span img {width:18px; height:auto; vertical-align:middle; margin-right:3px;}
.footerArea {padding:10px;}
.footerArea #footerLogo {width:200px; height:auto; vertical-align:middle; padding:10px 20px;}
.footerArea #likeBtn {display:inline-block; vertical-align:middle; margin-left:10px;}
.footerAddress {margin-top:7px;}
.footerAddress p {font-size:8pt; color:#aaa; letter-spacing:-0.05em; line-height:1.6em; padding:0 20px;}
.footerAddress p span {color:#aaa;}











.mainCurriculum{float:left; padding:30px 10px 200px 10px; width:100%; position:relative;background:#272c39 url("/m/img/newMain/mcBg.png")no-repeat center bottom; background-size:100% auto;}
.mainCurriculum ul li {width:50%; padding:1.5%; float:left;position:relative;}
.mainCurriculum ul li a img {width:100%;}
.mainCurriculum ul li a span {display:block; padding:6px 0 7px 0; font-size:10pt; font-weight:500;letter-spacing:-0.075em;background:#ffcb00; color:#fff;text-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12); text-align:center; width:100%;}
.mainCurriculum ul li a {display:block; border:px solid #ddd;box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12); text-align:center; width:100%;}





.mainSubTit3 {
    width: 100%;
    float: left;
    font-size: 13pt;
    font-weight: 100;
    letter-spacing: -0.1em;
    display: block;
    padding-bottom: 20px;
}



.mcTit{width:100%; float:left;  text-align:center; padding-bottom:20px;}
.mcTit h3 {font-size:18pt; letter-spacing:-0.075em; font-weight:400; color:#fff; padding-bottom:8px;}
.mcTit h3 span {font-size:10pt; font-weight:600; font-family:"Roboto"; color:#ffcb00; display:block;letter-spacing:-0.02em;}
.mcTit p{font-size:10pt; font-weight:400; color:#ccc; letter-spacing:-0.05em;}








.mainOpenDay {padding:10px 15px; padding-left:75px; background:#f2f3f5 url("/m/img/newMain/openday.png")no-repeat 10px center; background-size:auto 20px;}
.mainOpenDay .slick-list {overflow:hidden;}
.mainOpenDay .slick-list .slick-track p {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:10pt; color:#777; font-weight:500; letter-spacing:-0.055em;}
.mainOpenDay .slick-list .slick-track p span {color:#152129; font-weight:500; margin-right:5px;}
.mainOpenDay .slick-list .slick-track p img {width:16px;}



.posterArea{float:left; padding:20px 10px; width:100%; position:relative;}

.posterArea ul li {width:100%; padding:1.5%; float:left;position:relative;}


.posterArea ul li a img {width:100%;}


.bottomEventBanner {display:inline-block; width:100%; padding:20px 1.5%;}
.bottomEventBanner a {padding:15px 15px; width:100%; display:block; border-radius:4px; background:#ffcb00; color:#fff;text-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12); text-align:center; width:100%; font-size:13pt;font-weight:bold;line-height:1;letter-spacing:-0.05em;box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12);}
.bottomEventBanner img {width:100%;}





/* subtuition */
.subTuition2 {margin-top:10px; padding:20px; background:#efefef url("/m/img/newMain/listBg.png"); background-repeat:repeat-x; background-position:left top; background-size:auto;}

.subTuition {margin-top:10px; padding:0 20px 40px 20px; background-repeat:repeat-x; background-position:left top; background-size:auto;}
.subTuitionTitle {font-size:12.5pt; color:#454447; letter-spacing:-0.075em; margin-bottom:6px;}
.subTuitionTitle span {color:#858586; font-size:9pt; margin-left:4px;}
.subTuitionTable {border-top:solid 2px #404040; font-size:10pt; color:#8c9192;}
.subTuitionTable tr th {padding:7px 5px; background-color:#dfdfdf;  border-right:solid 1px #d0d0d0; border-bottom:solid 1px #d0d0d0; font-weight:400; letter-spacing:-0.05em;}
.subTuitionTable tr td {padding:7px 10px; background-color:#fff; border-bottom:solid 1px #d0d0d0;}
.subTuitionTable tr td.employSel label {margin:0px 4px; letter-spacing:-0.075em;}
.subTuitionAgree {margin-top:4px;}
.subTuitionAgree label {margin-left:3px; font-size:9pt; color:#8c9192; letter-spacing:-0.075em;}
.subTuitionAgree a {margin-left:3px; font-size:9pt; color:#c3c3c3; letter-spacing:-0.075em; display:inline-block;}
.subTuitionBtn {text-align:center;}
.subTuitionBtn span {display:inline-block; background-color:#ed2024; color:#fff; letter-spacing:-0.075em; margin-top:15px;
border-radius:3px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);}
.subTuitionBtn span a {display:block; padding:10px 30px;}


/* paging */
.paging {text-align:center; position:relative; height:40px; line-height:40px; margin-bottom:30px;}
.paging a {display:inline-block; width:40px; height:40px; text-indent:-9999px; position:absolute; top:0px;}
.paging a.pre_a {background:#efefef url("/m/img/newMain/paging_left.png") no-repeat center center; background-size:12px; left:4px;}
.paging a.next_a {background:#efefef url("/m/img/newMain/paging_right.png") no-repeat center center; background-size:12px; right:4px;}
.paging span.page_n {color:#666; font-size:11pt;}
.paging span.page_n em.num {color:#ed2024;}

/* TopBtn */
.mQuickTop {display:inline-block; width:40px; height:40px; position:fixed; right:20px; bottom:30px; z-index:9999;}


/* À̺¥Æ®¹è³Ê */
.mainBanner {width:100%; height:auto; position:relative; overflow:hidden; box-shadow: 0 2px 2px rgba(0,0,0,.24),0 0 2px rgba(0,0,0,.12);}
.mainBanner a {display:inline-block; width:100%;}
.mainBanner a img {width:100%;}
.mainBanner .slick-dots {display:inline-block; width:100%; text-align:center; height:3px; position:absolute; bottom:8px; left:0px;}
.mainBanner .slick-dots li {display:inline-block; width:16px; height:3px; margin:0px 2px; background-color:#8a9094;}
.mainBanner .slick-dots li.slick-active {background-color:#ffcb00;}

/* Äü¸Þ´º */
.mainQuick ul {display:block; width:100%;}
.mainQuick ul li {display:block; width:25%; float:left; }
.mainQuick ul li a {display:block; width:100%;}
.mainQuick ul li a img {width:100%;}

/* À̺¥Æ®¹è³Ê¸ðÀ½ */
.mainEventBanner {padding:20px 15px; background:#ffffff;}
.mainEventBanner ul {display:inline-block; width:100%;}
.mainEventBanner ul li {display:block; width:100%; float:left;}
.mainEventBanner ul li a {display:inline-block; width:100%; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);}
.mainEventBanner ul li a img {width:100%;}

.mainEventBanner ul li:nth-child(1) {margin-bottom:15px;}
.mainEventBanner ul li:nth-child(2) {width:50%; padding-right:7px;}
.mainEventBanner ul li:nth-child(3) {width:50%; padding-left:7px;}
.mainEventBanner ul li:nth-child(4) {margin-top:15px;}


/* °øÅëŸÀÌƲ */
.mainTitle {position:relative; padding:20px 15px 10px 15px; width:100%;}
.mainTitle h3 {display:inline-block; letter-spacing:-0.075em; font-size:11pt; color:#454447;}
.mainTitle span {display:inline-block; letter-spacing:-0.09em; font-size:7.5pt; color:#adadae; margin-left:2px;}
.mainTitle a {display:inline-block; position:absolute; width:40px; top:18px; right:15px;}
.mainTitle a img {width:100%;}

/* Ãë¾÷»ýÀÎÅͺä */
.mainInterview {width:100%; padding:0px 15px; padding-bottom:20px; border-bottom:solid 1px #ccc; position:relative; }
.intvWrap {display:inline-block; width:100%; border:solid 1px #ccc; background-color:#fafafa; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);}
.intvImg {width:30%; float:left;}
.intvImg img {width:100%;}
.intvCont {width:70%; float:left; padding:10px;}
.intvClass {font-size:7pt; color:#1d7dff; line-height:1.0em; font-weight:500;}
.intvTitle {color:#454447; font-size:11pt; font-weight:500;}
.intvTxt {color:#a1a1a1; font-size:8pt; line-height:1.4em; padding-top:2px; font-weight:400;
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.4;
height: 4.2em;
text-align: left;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.intvBtn {display:inline-block; padding:2px 8px; color:#fff; font-size:8pt; font-weight:500; vertical-align:middle; margin-top:7px;
background: #8b25ff; /* Old browsers */
background: -moz-linear-gradient(left, #8b25ff 0%, #5d8ffc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #8b25ff 0%,#5d8ffc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #8b25ff 0%,#5d8ffc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b25ff', endColorstr='#5d8ffc',GradientType=1 ); /* IE6-9 */
}
.intvBtn img {width:6px; height:auto; vertical-align:middle; margin-left:4px;}

/* Æ÷ÅäÁ¸ */
.mainPhotoInte {width:100%; padding-bottom:25px;}
.mainPhotozone {display:inline-block; float:left; width:50%; box-sizing:border-box;}
.mainPhotozone a.imageLnk  {display:inline-block; width:100%; padding-left:15px; padding-right:10px; box-sizing:border-box;}
.mainPhotozone a.imageLnk  span {display:inline-block; width:100%;}
.mainPhotozone a.imageLnk  span img {width:100%;}
.mainPhotozone a.imageLnk  p {display:none; /* text-align:center; font-size:8pt; color:#555; letter-spacing:-0.075em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}

/* ½Ã¼³¾È³» */
.mainInterior {display:inline-block; float:left; width:50%; box-sizing:border-box;}
.mainInterior .interiorImg a {display:inline-block; width:100%; padding-right:15px; padding-left:10px; box-sizing:border-box;}
.mainInterior .interiorImg a img {width:100%;}
.mainInterior .interiorImg .slick-list {overflow:hidden;}




/* °øÁö»çÇ×/¼ö°­Èıâ/Ãë¾÷ÇöȲ */
.mainCommunity ul {display:inline-block; width:100%; position:relative;}
.mainCommunity ul li {display:inline-block; width:100%; padding:5px 10px; font-size:10pt; background:#efefef; border-top:solid 1px #fff; border-bottom:solid 1px #d7d7d7;}
.mainCommunity ul li:first-child {background:#efefef url("/m/img/newMain/listBg.png"); background-repeat:repeat-x; background-position:left top; background-size:auto;}
.mainCommunity ul li a{display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#6c6c6d; font-weight:400; vertical-align:middle;}
.mainCommunity ul li strong {font-weight:500; display:inline-block; width:60px; color:#454447; margin-right:7px; vertical-align:middle;}
.mainCommunity ul li img {width:18px; vertical-align:middle;}
.mainCommunity ul li span#abc_ggComment a {color:#6c6c6d; font-weight:200; vertical-align:middle;}

/* À̺¥Æ®¹è³Ê(ÇÏ´Ü) */





/* 20161005 Àü°ú¸ñºü¸¥¼ö°­·áÁ¶È¸ Ãß°¡ - ¼­µ¿ÀÏÁÖÀÓ */

iframe {display:none;}

#blackwidnow2 {display:none;position: fixed; top: 0px;width: 100%;height: 100%;background: #000;opacity:0.8; filter:alpha(opacity=80); z-index:1002; right:0px;}
#quick_summer {position:fixed; width:100%; left:0px; padding:20px; bottom:-260px; z-index:1003; background:#f7f7f7; height:260px;}
#btn_gnbmenu3{position:fixed; left:0px; bottom:0px; width:100%; z-index:1003; text-align:center; border-bottom:solid 3px #ed2024;}
#btn_gnbmenu3 a {display:inline-block; width:80%; background:#ed2024; border-radius:20px 20px 0px 0px;
-webkit-box-shadow: 0px -3px 5px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px -3px 5px 1px rgba(0,0,0,0.2); box-shadow: 0px -3px 5px 1px rgba(0,0,0,0.2);}
#btn_gnbmenu3 a span {display:inline-block; margin-right:-10px; font-size:1.2em; font-weight:500; letter-spacing:-0.075em; color:#fff; line-height:50px; padding-right:30px; background:url("/m/img/common/quick_arrow.png")no-repeat right center; background-size:20px;}
.quick_sumBtn {width:100%; padding:20px 10px 50px 10px;text-align:center;}
.quick_sumBtn span{display:inline-block; padding:10px 20px; border-radius:30px; color:#fff; margin:0 2px; background:#aaa; width:100px; font-size:11pt; font-weight:bold; letter-spacing:-0.05em;}
.searchquick{background:#ed2024 !important;}
.se0621{height:28px;margin-right:3px; padding-right:3px; }


#quick_summer .subTuitionTable {border-top:solid 2px #404040; font-size:10pt; color:#8c9192;}
#quick_summer .subTuitionTable tr th {padding:7px 5px; background-color:#dfdfdf;  border-right:solid 1px #d0d0d0; border-bottom:solid 1px #d0d0d0; font-weight:400; letter-spacing:-0.05em;}
#quick_summer .subTuitionTable tr td {padding:7px 10px; background-color:#fff; border-bottom:solid 1px #d0d0d0;}
#quick_summer .subTuitionTable tr td.employSel label {margin:0px 4px; letter-spacing:-0.075em;}
#quick_summer .subTuitionTable label {vertical-align:middle;}
#quick_summer .subTuitionAgree {margin-top:4px; vertical-align:middle;}
#quick_summer .subTuitionAgree label {margin-left:3px; font-size:9pt; color:#8c9192; letter-spacing:-0.075em; vertical-align:middle;}
#quick_summer .subTuitionAgree a {margin-left:3px; font-size:9pt; color:#c3c3c3; letter-spacing:-0.075em; display:inline-block; vertical-align:middle;}
#quick_summer .subTuitionBtn {text-align:center;}
#quick_summer .subTuitionBtn span {display:inline-block; background-color:#ed2024; padding:10px 30px; color:#fff; letter-spacing:-0.075em; margin-top:15px; color:#fff;
border-radius:3px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.5);}
#quick_summer .subTuitionBtn span a {color:#fff;}

#quick_summer input[type='text'], #quick_summer input[type='tel'] {height:30px; font-size:10pt; margin:0; color:#626262; background:#fafafa; padding:5px; padding-right:0px; vertical-align: middle; min-width:40px; box-sizing:border-box;
background-size:auto 100%;
border:1px solid #ddd; 
font-family: inherit;  /* ÆùÆ® »ó¼Ó */
border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
-webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
-moz-appearance: none;
appearance: none;
}

#quick_summer select {height:30px; margin:0; color:#626262; padding-left:5px; vertical-align: middle; min-width:40px;
background: url("/m/img/common/select_arrow.png") no-repeat right center; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */  
background-size:auto 100%;
border:1px solid #ddd;
font-family: inherit;  /* ÆùÆ® »ó¼Ó */
border-radius: 0px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
-webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
-moz-appearance: none;
appearance: none;
}

#quick_summer input[type='checkbox'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; vertical-align:middle; -webkit-appearance:none; -webkit-border-radius:3px; padding:0; border:0 0/IE8+9; margin-top:0; margin-top:2px 0/IE8+9;}
#quick_summer input[type='checkbox']:checked {background:#fff; border:solid 1px #c9c9c9; border:0 0/IE8+9;}
#quick_summer input[type='checkbox']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:0px;}

#quick_summer .nameInputBar {width: 220px;}
#quick_summer .phoneSelectBar {width: 66px;}
#quick_summer .phoneInputBar01 {width: 66px !important;}
#quick_summer .phoneInputBar02 {width: 66px !important;}

.subtuitonlist2 li{display:inline-block; padding-right:30px; padding-bottom:5px; padding-top:5px;}






.mainComm {background:#fff; margin-top:9px;}
.mainComm tr {border-bottom:solid 1px #e5e5e5;}
.mainComm tr:last-child {border-bottom:none;}
.mainComm th {padding:12px 0; font-size:9pt;}
.mainComm td {padding:12px 0; font-size:9pt; font-weight:400;}




.mCommuList li a {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top; letter-spacing:-0.025em; max-width:80%;}
.mCommuList li img {vertical-align:middle; margin-left:10px;}




.mainStory {display:block; margin-top:5px;}
.mainStory li {width:50%; float:left; padding:0 9px}
.mainStory li .titleInner  {border-bottom:none;}

.msCont {display:block; background:#fff; border-bottom:solid 0px #e9e9e9;}
.msCont span {display:block; overflow:hidden; height:109px;}
.msCont span img {width:100%;}
.msCont p {font-size:9pt; padding:5px 0px 9px; letter-spacing:-0.05em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:left;}
.comTit {padding-bottom:0px !important; font-weight:bold; padding-top:9px !important;}





.mainPhoto {display:block; padding:10px 15px; background:#fff;}
.mpThumb {width:40%; float:left;}
.mpThumb img {width:100%;}
.mpCont {width:60%; float:left; padding-left:10px;}
.mpCont h5 {color:#212631; font-size:11pt; padding:5px 0; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpCont p {
	color:#666;
	font-size:9pt;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 
	white-space: normal;
	line-height: 1.2;
	height: 3.6em;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.mainInter {}
.mainInter a {display:block;}
.mainInter a img {width:100%;}








#quickBtn {
	display:block; position:fixed; z-index:10; bottom:0; left:0; right:0;
	width: 100%; min-width:320px; max-width:720px; height: 50px; line-height:50px;
	margin:0 auto; text-align:center; color:#fff; /* background: #ffcb00 url("/m/img/common/quick_bg_winter.png")no-repeat center top; */ background: #ffcb00; background-size:auto 100%; font-weight:600; letter-spacing:-0.075em;
	-webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s;
	font-size:12pt; 
}
#quickBtn.is-hidden {-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
#quickBtn.on {z-index:1003;}
#quickOverlay {
	position: fixed; background: #121111; bottom: 0; left: 0; right: 0; width:100%; min-width:320px; max-width:720px; margin:0 auto;
	height: 100%; opacity: 0; z-index:10; visibility: hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden;
}
#quickOverlay.on {opacity:.95; visibility:visible; z-index:1002;}
#quickMenu {position:fixed; z-index:10; left:0; right:0; width:100%; min-width:320px; max-width:720px; margin:0 auto; background:#fff; z-index:1003;}




.blogGo {
	display:block; position:fixed; z-index:10; bottom:0; left:0; right:0;
	width: 100%; min-width:320px; max-width:720px; height: 50px; line-height:50px;
	margin:0 auto; text-align:center; color:#fff; background: #ffcb00; background-size:auto 100%; font-weight:600; letter-spacing:-0.075em;
}