@charset "UTF-8";
/* CSS Document */

body.sub header {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

.for-sub div, .for-sub h1, .for-sub h2, .for-sub h3, .for-sub h4, .for-sub h5, .for-sub h6, .for-sub strong, .for-sub dl, .for-sub dt, .for-sub dd {font-family: 'Noto Sans Korean', sans-serif;}
	


.container .bar-top .location {line-height: 60px !important;font-size: 13px !important;color: #828282 !important;letter-spacing: 0.5px !important;font-family: 'Noto Sans Korean', sans-serif !important;}
.container .bar-top .location:after {content: ""; display: block; clear: both;}
.container .bar-top .location li {float: left;}
.container .bar-top .location li:before {content: "/"; display: inline-block; margin: 0 5px; vertical-align: top; line-height: inherit; font-weight: 400;}
.container .bar-top .location li:first-child:before {display: none;}
.container .bar-top .location li:last-child {font-weight: 500;}
.container .bar-top .location li a {transition: color 0.15s;}
.container .bar-top .location li a:hover {color: #ea5d27;}
.container .bar-top .location li a i {margin-right: 5px; vertical-align: top; line-height: inherit;}

article.sub section h3 em{display: inline-block; position: relative; background: url(../img/sub/text_underline.png) 0 bottom repeat-x; -webkit-background-size: auto 100%; background-size: auto 100%; vertical-align: top;}


.view-teacher {width: 888px; margin: 50px auto;}

.view-teacher .list-head {padding: 0 42px; border: solid 1px #e1e1e1; border-top: 0; background: #fff; line-height: 0; font-size: 0;}
.view-teacher .list-head .title {display: inline-block; position: relative; padding-left: 17px; vertical-align: top; line-height: 57px; font-size: 15px;}
.view-teacher .list-head .title:before {content: ""; display: block; position: absolute; top: 25px; left: 0; width: 6px; height: 6px; border-radius: 6px; background: #051e3e;}
.view-teacher .list-head .title em {font-weight: 700;}
.view-teacher .list-head .desc {display: none; margin-left: 10px; vertical-align: top; line-height: 57px; font-size: 13px; color: #b5b5b5;}

.view-teacher .list-body {border: solid 1px #e1e1e1;}
.view-teacher .list-body > li {position: relative; padding: 23px 29px 31px 301px; border-top: solid 1px #e1e1e1;}
.view-teacher .list-body > li:first-child {margin-top: 0; border-top: 0;}
.view-teacher .list-body > li > .image {position: absolute; top: 23px; left: 24px;}
.view-teacher .list-body > li > .image,
.view-teacher .list-body > li > .image img {width: 247px; height: 300px;}


.view-teacher .list-body > li.empty {padding: 50px 0;}

.viewresv-info {position: relative;}

.viewresv-info .type {line-height: 0; font-size: 0;}
.viewresv-info .type > span {height: 20px; padding: 0 7px; border-radius: 3px; background: #051e3e; line-height: 20px; font-size: 13px; color: #fff;}
.viewresv-info .type > span.color {background: #ea5d27;}

.viewresv-info .name {margin-top: 7px; padding-right: 123px; line-height: 1.23; font-size: 22px; font-weight: 500; color: #000;}

.viewresv-info .func {position: absolute; top: 25px; right: 0; line-height: 0; font-size: 0;}
.viewresv-info .func > a {line-height: 17px; font-size: 14px; color: #9a9a9a; transition: color 0.15s;}
.viewresv-info .func > a > i {margin-right: 1px; vertical-align: top; line-height: 18px; font-size: 16px;}
.viewresv-info .func > a > span {padding-bottom: 0; border-bottom: solid 1px #9a9a9a; vertical-align: top; transition: border 0.15s;}
.viewresv-info .func > a:hover {color: #ea5d27;}
.viewresv-info .func > a:hover > span {border-color: #ea5d27;}

.viewresv-info .info {margin-top: 20px; line-height: 1.92; font-size: 12px; color: #000;}
.viewresv-info .info dl {position: relative; min-height: 23px; margin-top: 4px; padding-left: 83px;}
.viewresv-info .info dl:first-child {margin-top: 0;}
.viewresv-info .info dt {position: absolute; top: 0; left: 0; font-weight: 350;}
.viewresv-info .info dd {font-weight: 500;}

.viewresv-info .price {text-align: right; line-height: 0; font-size: 0;}
.viewresv-info .price + .price {margin-top: 15px;}
.viewresv-info .price .label {margin-right: 19px; padding: 12px 0 3px; font-size: 15px; color: #ea5d27;}
.viewresv-info .price .label,
.viewresv-info .price .value {display: inline-block; box-sizing: border-box; height: 30px; vertical-align: top; line-height: 1; font-weight: 500;}
.viewresv-info .price .value {font-size: 30px; color: #000;}

.viewresv-info .price-pack {display: inline-block; float: right; padding-bottom: 30px;}
.viewresv-info .price-pack + .view-detail {margin-top: 0;}
.viewresv-info .price-pack .price-each {position: relative; text-align: right; line-height: 1.92; font-size: 12px; color: #000;}
.viewresv-info .price-pack .price-each .label {position: absolute; top: 0; left: 0; font-weight: 350;}
.viewresv-info .price-pack .price-each .value {font-weight: 500;}
.viewresv-info .price-pack .price {margin-top: 5px; padding-top: 20px; border-top: solid 1px #e1e1e1;}

.viewresv-info .view-detail {display: block; clear: both; height: 49px; margin-top: 20px; border: 0; border-radius: 3px; outline: 0; background: #051e3e; text-align: center; line-height: 49px; font-size: 14px; color: #fff; transition: background 0.15s;}
.viewresv-info .view-detail:hover {background: #ea5d27;}
.viewresv-info .view-detail.close-popup {position: static; width: 100%; height: 49px;}


.checkbox {margin: 50px 0 30px; line-height: 0; font-size: 0;}
.checkbox dd {display: inline-block; vertical-align: top;}
.checkbox dd {margin-left: 10px;top: 16px;}
.checkbox dt + dd {margin-left: 0;}

.checkbox label {display: block; position: relative; padding-left: 31px; line-height: 24px; font-size: 15px; color: #272727; cursor: pointer; transition: color 0.15s;}
.checkbox label:before {content: ""; display: block; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border: solid 1px #e1e1e1; border-radius: 24px; background: #fff; background-repeat: no-repeat; background-position: 50%; transition: border 0.15s, background 0.15s;}
.checkbox label:hover {color: #ea5d27;}
.checkbox label:hover:before {border-color: #ea5d27;}
.checkbox input[type="radio"] {display: none;}
.checkbox input[type="radio"]:checked + label {color: #051e3e !important;}
.checkbox input[type="radio"]:checked + label:before {border-color: #051e3e !important; background-image: url(/html_st/img/common/objCircleLoginRadio.png);}



.viewresv-info .view-detail.off {background: #adc9ec;}


@media (max-width: 767px) {

	.container {padding-top: 0px !important;}
}


@media (max-width: 1024px) {

    .resv-room .list-body .item-base .check-room .feature-text {max-width: 100%;height: auto;}
    .resv-room .list-body .item-base .check-room .submit {position: relative}
}
@media (max-width: 767px) {
    .resv-room .list-body .item-base .info-left {padding-left: 15px;}
    .resv-room .list-body .item-base .check-room .feature-text li:nth-child(3) {display: block;}
}

.view-teacher {max-width: 100%;}

@media (max-width: 1024px) {
    .viewresv-info .name {padding-right: 0;}
}
@media (max-width: 767px) {
    .view-teacher {padding: 0 15px;}
    .view-teacher .list-body > li {padding: 30px 15px;}
    .view-teacher .list-body > li > .image {position: relative; top: 0; left: 0; margin-bottom: 15px; width: 100%; text-align: center}
}

@media (max-width: 767px) {

    .board-write .button {padding-left: 3px !important;}

}




article.sub .tab_list ul li a {font-weight: 500;}

article.sub .tab_list.tabL1 ul li a:hover,
article.sub .tab_list.tabL1 ul li.on a {background-color: #d8ecf8;}
article.sub .tab_list.tabL2 ul li a:hover,
article.sub .tab_list.tabL2 ul li.on a {background-color: #d7f0f5;}


span.highlight {vertical-align: top !important; color: #ea5d27}


.page-step.study {cursor: pointer;}




.content .page-step .pack {font-size: 0;}
.content .page-step .pack:before {display: none !important;}
.content .page-step .pack span {position:relative; margin-left: 8px ;margin-bottom: 8px; width: 32px; height: 32px; line-height: 30px;z-index: 2;/* margin-bottom: 5px; */}
.content .page-step .pack span:before {display: block; content: ""; position: absolute; top: 50%; left: -9px; margin-top: -0.5px; width: 8px; height: 1px; background: #828282;}

.content .page-step .pack span:first-child {margin-left: 0 !important;}
.content .page-step .pack span:first-child::before {display: none;}

.reg_error {    display: block;
    margin-top: 13px;
    padding-bottom: 3px;
    line-height: 1.5;
    font-size: 12px;
    color: #ff2c65;
    letter-spacing: -0.24px;}




.btn-primary {color: #fff;background-color: #348fe2;border-color: #348fe2;background-image: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2670b7;
  border-color: #2670b7;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #348fe2;
  border-color: #348fe2;
}
.btn-primary .badge {
  color: #348fe2;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #ff5c57;
  border-color: #ff5c57;
  background-image: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ce4741;
  border-color: #ce4741;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger
,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ff5c57;
  border-color: #ff5c57;
}
.btn-danger .badge {
  color: #ff5c57;
  background-color: #fff;
}

.btn-turquoise {
  color: #fff;
  background-color: #00acac;
  border-color: #00acac;
  background-image: none;
}
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {
  color: #fff;
  background-color: #008a8c;
  border-color: #008a8c;
}
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active {
  background-color: #00acac;
  border-color: #00acac;
}
.btn-turquoise .badge {
  color: #00acac;
  background-color: #fff;
}

.btn-royalblue {
  color: #fff;
  background-color: #717bb6;
  border-color: #717bb6;
  background-image: none;
}r
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.open .dropdown-toggle.btn-royalblue {
  color: #fff;
  background-color: #464a6f;
  border-color: #464a6f;
}
.btn-royalblue.disabled,
.btn-royalblue[disabled],
fieldset[disabled] .btn-royalblue,
.btn-royalblue.disabled:hover,
.btn-royalblue[disabled]:hover,
fieldset[disabled] .btn-royalblue:hover,
.btn-royalblue.disabled:focus,
.btn-royalblue[disabled]:focus,
fieldset[disabled] .btn-royalblue:focus,
.btn-royalblue.disabled:active,
.btn-royalblue[disabled]:active,
fieldset[disabled] .btn-royalblue:active,
.btn-royalblue.disabled.active,
.btn-royalblue[disabled].active,
fieldset[disabled] .btn-royalblue.active {
  background-color: #717bb6;
  border-color: #717bb6;
}
.btn-royalblue .badge {
  color: #717bb6;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f49b1b;
  border-color: #f49b1b;
  background-image: none;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #c57e00;
  border-color: #c57e00;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f49b1b;
  border-color: #f49b1b;
}
.btn-warning .badge {
  color: #f49b1b;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #49b6d5;
  border-color: #49b6d5;
  background-image: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #3492ac;
  border-color: #3492ac;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #49b6d5;
  border-color: #49b6d5;
}
.btn-info .badge {
  color: #49b6d5;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5db75d;
  border-color: #5db75d;
  background-image: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #409e3e;
  border-color: #409e3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5db75d;
  border-color: #5db75d;
}
.btn-success .badge {
  color: #5db75d;
  background-color: #fff;
}


.btn-silver {
  color: #fff;
  background-color: #b7c2c8;
  border-color: #b7c2c8;
  background-image: none;
}
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver {
  color: #fff;
  background-color: #929ba2;
  border-color: #929ba2;
}
.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active {
  background-color: #b7c2c8;
  border-color: #b7c2c8;
}
.btn-silver .badge {
  color: #b7c2c8;
  background-color: #fff;
}

.btn-black {
  color: #fff;
  background-color: #2c353c;
  border-color: #2c353c;
  background-image: none;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,black
fieldset[disabled] .btn-black.active {
  background-color: #2c353c;
  border-color: #2c353c;
}
.btn-black .badge {
  color: #2c353c;
  background-color: #fff;
}

.color_red {color:#ea5d27}