@charset "UTF-8";
/* mobile style */

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

*{-webkit-text-size-adjust:none; margin:0; padding:0;}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'NanumGothic';font-weight:normal; word-break:keep-all;}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; min-width:360px; /*height:calc(100%);*/}
li{list-style:none;}
a{text-decoration:none;}
a[href^="tel"]{ font-style:normal;}
address, caption, em, var{font-style:normal;font-weight:normal;}
input, textarea, select{letter-spacing:normal;}
ol, ul, dl{list-style:none;}
fieldset, img{border:0;}
legend, caption{display:none;}
img{border:0;vertical-align:top; max-width:100%; height:auto;}
hr{display:none;}
table{border-collapse:collapse;border-spacing:0;}
br{letter-spacing:normal;}
p{letter-spacing:normal;}


/*input 클릭시 포커스 줌 안되게 하는 css*/
input:focus {outline:none;}
select:focus {outline:none;}
checkbox:focus {outline:none;}
radio:focus {outline:none;}


/*main*/
main {width:100%; min-width:360px;}


/*header*/
header {position:relative; height:47px; border-bottom:1px solid #f0eef0; max-height:50px;}
header p {text-align:center; vertical-align:middle; margin-top:3px;}
header .hamburger {position:absolute; left:16px; top:12px;}
header .login {position:absolute; right:16px; top:10px;}


/*headline*/
.headline {width:100%; height:40px;border-bottom:1px solid #f0eef0;}
.headline button {padding:0; border:0; position:absolute; margin-top:8px; margin-left:16px; background:url(../img/common/arrow_left.png) no-repeat; background-size:14px; width:20px; height:40px;}
.headline h1 {font-family:'NanumSquare'; font-size:20px; font-weight:600; text-align:center; line-height:40px; letter-spacing:-1px;}


/*수강신청 headline*/
.apply_headline {width:100%; height:40px; border-bottom:1px solid #f0eef0;}
.apply_list{position:relative; overflow:hidden; width:100%; height:30px;}
.apply_list ul {padding:0; margin:0}
.apply_list ul li {font-family:'NanumSquare'; float:left; width:100%;list-style:none; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center; font-size:14px; font-weight:600; text-align:left; line-height:40px; letter-spacing:-1.3px; padding-left:45px; color:#000;}
.apply_list ul li a {color:#000;}

.apply_headline img {position:absolute; left:16px; top:10px;}
.apply_list .apply {font-family:'NanumSquare'; padding:5px 5px; border:0; outline:0; font-size:13px; position:absolute; color:#fff; background-color:#ee0a0a; right:16px; font-weight:700; letter-spacing:-1.3px; top:8px;}



/*fix_전화/상담예약/카카오톡*/
.fix {width:100%; text-align:center; position:fixed; left:0; bottom:0; background:#fff; z-index:999;}
.fix ul li {float:left; color:#464646; width:33%; min-height:40px; border-top:2px solid #0f3f98; border-bottom:1px solid #f3f3f3;}
.fix ul li a {display:block;}
.fix ul li img {max-width:30px; margin-top:7px;}
.fix ul li .fix_01 {font-family:'NanumSquare'; color:#0f3f98; font-size:12px; font-weight:600; line-height:23px;}
.fix ul li:nth-child(2) {background-color:#ebedfa; width:34%;}



/* 햄버거 메뉴 */
.menu {width:100%; font-family:'NanumSquare';}
.menu .logo_con {height:55px; border-bottom:1px solid #dbdbdb;}
.menu p img {margin-top:18px; margin-left:16px;}
.menu p .close {float:right; margin-right:16px;}

.menu .title {font-family:'NanumSquare'; height:45px; border-bottom:1px solid #dbdbdb; font-size:16px; line-height:45px; padding-left:16px;}
.menu .title span {color:#2459a6; font-weight:600;}


.menu_button01 ul li {font-family:'NanumSquare'; float:left; width:33%; background:#f4f4fb; height:45px; border-bottom:1px solid #dbdbdb; text-align:center;}
.menu_button01 ul li a {color:#454545; font-weight:600; font-size:15px; display:block; letter-spacing:-1.3px; line-height:45px;}
.menu_button01 ul li img {margin-right:5px; margin-top:8px; max-width:28px;}
.menu_button01 ul li:nth-child(1) {border-right:1px solid #dbdbdb;}
.menu_button01 ul li:nth-child(2) {border-right:1px solid #dbdbdb; width:33.4%;}


.menu_list {margin-top:48px;}
.menu_list ul li {font-family:'NanumSquare'; border-bottom:1px solid #dbdbdb; height:48px;}
.menu_list ul li a {color:#454545; font-weight:600; font-size:16px; display:block; line-height:48px; letter-spacing:-1.3px;}
.menu_list ul li img {margin:12px 10px 0px 16px; max-width:25px;}
.menu_list ul .last_li {padding-left:55px;}


.ars {font-family:'NanumSquare'; color:#454545; background:#f8f8fd; border-bottom:1px solid #dbdbdb; height:88px; text-align:center;}
.ars p {font-family:'NanumSquare'; font-size:14px; line-height:26px;}
.ars p:nth-child(1) {font-weight:600; padding-top:5px;}
.ars p:nth-child(2) {font-size:25px; font-weight:600; color:#2459a6; letter-spacing:-1.3px;}


.menu_button02 {width:100%; text-align:center;}
.menu_button02 ul li {float:left; color:#464646; width:33%; min-height:50px; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.menu_button02 ul li:last-child {border-right:none;}
.menu_button02 ul li a {display:block;}
.menu_button02 ul li img {max-width:40px; margin-top:10px;}
.menu_button02 ul li p {font-family:'NanumSquare'; color:#454545; font-size:15px; font-weight:600; line-height:30px;}

.sns {width:100%;  margin-top:100px;}
.sns ul {margin-left:auto; margin-right:auto; display:table;}
.sns ul li {float:left; margin-left:20px; margin-bottom:40px; text-align:center;}
.sns ul li:nth-child(1) {margin-left:0px;}
.sns ul li img {max-width:50px;}

.menu_list ul .submenu {height:45px; background:#f3f9ff;} 
.menu_list ul .submenu a {line-height:45px; color:#2459a6; font-size:16px; display:block; padding-left:55px;}



/*text*/
.red {color:#ee0a0a;}
.blue {color:#2280c3;}
.common_txtB {font:NanumGothic; font-size:17px; font-weight:normal; margin:10px; line-height:1.5em;}
.common_txtM {font:NanumGothic; font-size:15px; font-weight:normal; margin:0 5px 20px 10px; line-height:1.5em;}
.mid_title {background:url(../img/common/blue_bar.png) no-repeat center left; background-size:5px 20px; font-family:NanumSquare; font-size:20px; margin:5px 5px 10px 12px; padding-left:10px; color:#000; font-weight:800;letter-spacing:-2px;}
.centertxt {font-family:"NanumGothic"; font-weight:600; color:#7b7b7b; font-size:16px; letter-spacing:-0.5px; text-align:center; margin:20px auto;}
.p1 {font-size:14px; color:#252525; font-family:"NanumGothic"; font-weight:600; letter-spacing:-1px;}
.p2 {font-family:'NanumSquare'; margin:10px auto; font-size:18px; color:#000; font-weight:700; letter-spacing:-1.3px;}


/*image*/
.txtImg {margin:5px 3px 35px 5px; min-width:320px;}


/*table*/
.tableC01 {width:100%; font-size:14px; margin: 0 5px 35px 5px;}
.tableC01 th {padding:5px; border:1px solid #95bae3; font-weight:bold; background-color:#f2f7fc; }
.tableC01 td {padding:5px; border:1px solid #95bae3;}

.tableC02 {margin:0; width:100%; font-size:13px; border-right:none;border-left:none;}
.tableC02 th {padding:5px; border:1px solid #95bae3; font-weight:bold; background-color:#f2f7fc; }
.tableC02 td {padding:5px; border:1px solid #95bae3;}


/*checkbox*/
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {width:17px; height:17px; background-color:#fff; border:2px solid #96bae0; border-radius:5px; position:absolute;}
input[type="checkbox"]:checked + label {background:#fff url(../img/common/bluecheck.png) no-repeat center center;}


/*btn*/
.btn-default {display: inline-block; box-sizing: border-box; padding: 0 7px; border: 1px solid #a8bad5; color: #3d3d3d; font-size: 10px; font-size: 0.9em;line-height: 1.8em; text-align: center; vertical-align: middle; background: #e8f1ff; letter-spacing:-1.5px; font-weight:900;}
.btn100 {width:100%; background:#2280c3; font-weight:900; letter-spacing:-0.5px;}
.midbtn {position:relative; width:90%; height:50px; text-align:center; line-height:50px; color:#fff; font-family:'NanumSquare'; font-weight:900; font-size:18px; background:#2280c3; margin:0 auto; margin:20px auto 30px; border-radius:5px;}


/*기타*/
.content {width:95%; min-width:320px;  margin:10px auto; margin-bottom:100px;}
.f_right {float:right; margin-right:5px;}
.f_left {float:left;}
.hide {display:none;}
.blank20 {width:20px; height:20px; background-color:transparent;}
.blue_dot {background:url(../img/common/blue_dot.png) no-repeat left 5px; padding:0 5px 5px 8px; background-size:5px;}
.t_arrow img{width:20px;}

.margin01 {margin-bottom:60px;}
.margin02 {margin-bottom:100px;}
.margin03 {margin-bottom:150px;}