@charset "UTF-8";

/********************* RESET *********************/
/*html {overscroll-behavior: none;}*/
html,body { height:100%; }
body { -webkit-text-size-adjust:none; }
body.gray {background-color:#f7f7f7;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0; padding:0; }
body,input,select,textarea,button,table { font-family:'맑은 고딕','Malgun Gothic','돋움',dotum, sans-serif; font-size:14px; color:#666; word-break:keep-all; word-wrap:break-word; }
h1,h2,h3,h4, h5,h6 { font-weight:inherit; font-size:inherit; }
fieldset { border:0; }
img { border:0; vertical-align:middle; }
video,audio,object,embed,iframe { max-width:100%; height:auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
dl,ul,ol,menu { list-style:none; }
em,address { font-style:normal; }
a { color:inherit; text-decoration:none; }
a:hover,a:active,a:focus { text-decoration:none; }
input,select,textarea,button { vertical-align:middle; border-radius:0;-webkit-appearance:none; appearance:none; box-sizing:border-box; }
button { cursor:pointer; width:auto; overflow:visible; color:inherit; font-size:inherit; vertical-align:middle; background:none; background:transparent; border:none; box-sizing:border-box; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; empty-cells:show; }
/* .ios.mobile table { table-layout:auto; } */
caption, legend { text-indent:-9999px; width:0; height:0; font-size:1px; line-height:0; border:0; white-space:nowrap; overflow:hidden; }
input { box-sizing:border-box; -webkit-appearance:none; appearance:none; resize:none; box-shadow:none !important; }
input[type='text']::-ms-clear { display:none; }
input:checked[type='checkbox'] { -webkit-appearance:checkbox; }
input,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0) }
input[type='text']:disabled, input[disabled="disabled"], input.disabled, input.readonly{ background-color:#f5f5f5; color:#666; cursor:default; }
button[disabled="disabled"], button.disabled { background-color:#ccc; color:#fff; cursor:default; border:none; }
button[disabled="disabled"]:hover, button.disabled:hover { text-decoration:none; color:#fff; }
a.disabled { background-color:#ccc; color:#fff; cursor:default; border:none; }
a.disabled:hover { text-decoration:none; color:#fff; }
select { color:#666; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;  box-sizing:border-box; }
select[disabled="disabled"] { background-color:#f4f4f4; color:#666; }
select::-ms-expand { display:none; }
input[data-fakefile="file"] { position:absolute; width:1px; height:16px; padding:0; margin:0; opacity:0; overflow:hidden; box-sizing:border-box; }
sup { line-height:1; }
[v-cloak] { display:none; }

::-webkit-input-placeholder { color:#666 !important; }
::-moz-placeholder { color:#666 !important; }
:-ms-input-placeholder { color:#666 !important; }
:-moz-placeholder { color:#666 !important; }

/* accessibility */
.blind { display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:1px; line-height:0; white-space:nowrap; }
.skip { position:fixed; left:0; top:-1px; width:100%; z-index:1000; overflow:hidden; font-size:0; line-height:0; }
.skip a { display:block; position:relative; margin-top:-30px; left:0; width:0; text-align:center; outline:none; white-space:nowrap; overflow:hidden }
.skip a:active, .skip a:focus { margin-top:0; width:auto; text-decoration:none; cursor:pointer; padding:1px 6px 2px 6px; font-size:12px; line-height:26px; color:#fff; background:#000 }
.js-visible { display:block !important; opacity:0 !important; }

/********************* SWIPE *********************/
.swipe-initialized { position:relative; overflow:hidden; cursor:move; }
.swipe-initialized.swipe-off { cursor:default; }
.swipe-initialized .swipe-cont { position:relative; }
.swipe-guide::before { content:''; position:absolute; left:50%; top:50%; width:140px; height:60px; border-radius:60px; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:1; z-index:10; -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; background:url("../images/common/swipe-guide.png") center center no-repeat; background-color:rgba(0,0,0,.6); background-size:78px 18px; }
.swipe-guide.swipe-off::before { opacity:0; z-index:-1; }
.swipe-prev, .swipe-next { position:absolute; top:50%; width:35px; height:35px; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.swipe-prev .ir, .swipe-next .ir { width:15px; height:15px; border:0 solid #000; border-width:1px 1px 0 0; }
.swipe-prev .ir { -webkit-transform:rotate(225deg); transform:rotate(225deg); margin:-2px -5px 0 0; }
.swipe-next .ir { -webkit-transform:rotate(45deg); transform:rotate(45deg); margin:-2px 0 0 -5px; }
.swipe-prev[disabled], .swipe-next[disabled] { opacity:.26; }
.swipe-off .swipe-prev, .swipe-off .swipe-next { display:none; }
.swipe-prev { left:0; }
.swipe-next { right:0; }
@media screen and (max-width:767px) {
  .swipe-guide::before { width:80px; height:43px; border-radius:43px; background-image:url("../images/common/swipe-guide-mo.png"); background-size:45px 15px; }
}
/********************* SLICK SLIDE *********************/
.slick-block-js { display:block !important; opacity:0 !important; height:0 !important; overflow:hidden; }
.slick-slider { display:block; position:relative; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slider:after { content:''; clear:both; display:block; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.slick-track { position:relative; top:0; left:0; display:block; }
.slick-track:before, .slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-slide {  float:left; height:100%; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
/*.slick-loading .slick-track { visibility:hidden; } text ellipsis 버그로 숨김*/
/*.slick-loading .slick-slide { visibility:hidden; } text ellipsis 버그로 숨김*/
.slick-vertical .slick-slide { display:block; height:auto; border:0; }
.slick-controls { text-align:center; }
.slick-arrow { position:absolute; z-index:10; -webkit-transition:background 0.3s, border 0.3s ease; transition:background 0.3s, border 0.3s ease; }
.slick-arrow.slick-disabled, .slick-arrow.slick-hidden { cursor:default; opacity:0; -webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease; }
.slick-dots { display:inline; width:100%; font-size:0; line-height:1; vertical-align:middle;text-align:center;  }
.slick-dots > li { display:inline; }
.slick-dots button { cursor:pointer; overflow:hidden; white-space:nowrap; text-indent:-100px; border-radius:100%; text-align:left; width:9px; height:9px; margin:0 3px; vertical-align:middle; background:#eee; box-sizing:border-box; }
.slick-dots .slick-active button { background:#b11533; }
.slick-dots button.custom-btn { width:auto; height:auto; overflow:visible; text-indent:0; border-radius:0; margin:0; }
/*.contents.nomargin{margin:0 auto;}*/
/*.contents .slick-list{padding:0 42px!important}*/
/*@media print, all and (max-width:1024px) {*/
/*  .contents.nomargin{margin:0;}*/
/*  .slick-list{padding:0 42px;}*/
/*  .slick-arrow.slick-prev{left:20px!important;}*/
/*  .slick-arrow.slick-next{right:20px!important;}*/
/*}*/
/*@media print, all and (max-width:767px) {*/
/*  .contents.nomargin{margin:0;}*/
/*  .slick-list, .contents .sec3-tab{padding:0 20px;}*/
/*  .sch-brand-item:not(:last-child){margin-right:20px!important}*/
/*  .slick-arrow.slick-prev{left:10px!important; display:none;}*/
/*  .slick-arrow.slick-next{right:10px!important; display:none;}*/
/*}*/

/********************* CUSTOM SCROLLBAR *********************/
.mCustomScrollbar, .mCustomScrollbar.mCS_touch_action, .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools { -ms-touch-action:auto; touch-action:auto; }
.mCustomScrollBox { -ms-touch-action:pan-x; touch-action:pan-x; }
.mCustomScrollBox.mCSB_vertical_horizontal { -ms-touch-action:auto; touch-action:auto; }
.mCustomScrollBox.mCSB_horizontal { -ms-touch-action:pan-y; touch-action:pan-y; }
.mCustomScrollBox { position:relative; overflow:hidden; height:100%; max-width:100%; outline:0; direction:ltr }
.mCSB_container { overflow:hidden; width:auto; height:auto }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right:0 }
.mCSB_scrollTools { position:absolute; height:auto; left:auto; top:0; right:0; bottom:0; }
.mCSB_scrollTools .mCSB_draggerContainer { position:absolute; top:0; left:0; bottom:0; right:0; height:auto }
.mCSB_scrollTools .mCSB_dragger { cursor:pointer; width:100%; z-index:1 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width:auto; top:auto; right:0; bottom:0; left:0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { height:100%; left:0 }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position:relative; height:100%; margin:0 auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; text-align:center }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width:100%; margin:0 auto }
.mCSB_scrollTools .mCSB_draggerRail { height:100%; margin:0 auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width:100%; height:5px; margin:0 }
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out; -moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out; -o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out; transition:opacity .2s ease-in-out,background-color .2s ease-in-out }
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)" }
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)" }
.mCSB_vertical > .mCSB_container { padding-right:30px; box-sizing:border-box; }
.mCSB_horizontal > .mCSB_container { padding-bottom:30px }
.mCSB_vertical_horizontal .mCSB_container_wrapper {}
/* mCSB_scrollTools */
.mCSB_scrollTools { width:16px; opacity:.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)" }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { height:16px; }
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom:20px }
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right:20px }
/* mCSB_dragger */
.mCSB_scrollTools .mCSB_dragger { height:30px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width:30px; }
/* mCSB_dragger_bar */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:5px; background-color:#000; opacity:.3; filter:"alpha(opacity=30)"; -ms-filter:"alpha(opacity=30)"; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height:6px; margin-top:5px; margin-bottom:5px; }
/* mCSB_draggerRail */
.mCSB_scrollTools .mCSB_draggerRail { width:5px; background-color:#000; opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)" }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height:5px; margin-top:6px; margin-bottom:6px; }

/********************* CALENDAR *********************/
input[data-calendar], .flatpickr-input, .flatpickr-months .flatpickr-prev-month:after, .flatpickr-months .flatpickr-next-month:after { background-image:url("../images/common/sprite-calendar.png") !important; background-repeat:no-repeat !important; background-size:72px 132px !important; }
input[data-calendar], .flatpickr-input { background-position:100% -22px !important; }
.flatpickr-calendar { background:transparent; opacity:0; display:none; text-align:center; visibility:hidden; padding:0; -webkit-animation:none; animation:none; direction:ltr; border:0; font-size:12px; line-height:22px; color:#000; position:absolute; width:214px; box-sizing:border-box; -ms-touch-action:manipulation; touch-action:manipulation; background:#fff; border:1px solid #ddd; }
.flatpickr-calendar:focus { outline:0; }
.flatpickr-calendar.open, .flatpickr-calendar.inline { opacity:1; max-height:640px; visibility:visible; }
.flatpickr-calendar.open { display:inline-block; z-index:99999; }
.flatpickr-calendar.inline { display:block; position:relative; top:0; }
.flatpickr-calendar.static { position:absolute; top:calc(100% - 1px); }
.flatpickr-calendar.static.arrowBottom { position:absolute; top:auto; bottom:calc(100% - 1px); }
.flatpickr-calendar.static.open { z-index:999; display:block; }
.flatpickr-wrapper { position:relative; display:block; }
.flatpickr-wrapper .flatpickr-calendar.static { left:0; right:0; width:auto; }
.flatpickr-months { display:block; text-align:center; height:31px; line-height:31px; padding-top:6px; }
.flatpickr-months .flatpickr-month { display:inline; }
.flatpickr-months .flatpickr-month .cur-month { display:inline-block; width:50px; font-weight:bold; vertical-align:middle; }
.flatpickr-months .flatpickr-month .cur-month:after { content:'월'; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { position:relative; display:inline-block; width:16px; height:16px; overflow:hidden; text-indent:-999px; white-space:nowrap; vertical-align:middle; }
.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled { display:none; }
.flatpickr-months .flatpickr-prev-month:after,
.flatpickr-months .flatpickr-next-month:after { content:''; position:absolute; left:50%; top:50%; width:5px; height:7px; -webkit-transform:translate(-50%,-50%) ; transform:translate(-50%,-50%) ; }
.flatpickr-months .flatpickr-prev-month:after { background-position:0 0; }
.flatpickr-months .flatpickr-next-month:after { background-position:-10px 0; }
.flatpickr-current-month { display:inline; }
.flatpickr-current-month .numInputWrapper { display:none; }
.flatpickr-weekdays { display:none;}
.flatpickr-innerContainer { padding:0 11px 13px; }
.flatpickr-days { position:relative; overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; width:100%; }
.flatpickr-days:focus { outline:0; }
.dayContainer { padding:0; outline:0; text-align:left; width:100%; box-sizing:border-box; display:inline-block; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; -webkit-justify-content:space-around; justify-content:space-around; -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px); opacity:1; }
.flatpickr-day { background:none; border:1px solid transparent; border-radius:0; box-sizing:border-box; color:inherit; cursor:pointer; font-weight:400; width:14%; width:calc(100% / 7); height:22px; line-height:22px; margin:0; display:inline-block; position:relative; text-align:center;}
.flatpickr-day:hover, .flatpickr-day:focus, .flatpickr-day.selected { cursor:pointer; outline:0; color:#c10026; font-weight:bold; text-decoration:underline; }
.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.disabled:focus, .flatpickr-day.notAllowed { color:#d9d9d9; cursor:default; text-decoration:none; }
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { visibility:hidden; }
.flatpickr-day.nextMonthDay { height:0; font-size:0; }
.flatpickr-day.hidden { visibility:hidden; }

/********************* GBNB *********************/
.header.portal *{ font-family: 'Noto Sans KR', sans-serif!important;}
.header .all-bg { position:fixed; left:0; right:0; top:0; z-index:200; background:#000; opacity:0; -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; }
.header .gnb-logo, .header .chonors-logo { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; box-sizing:border-box; font-size:14px; color:#000; font-weight:bold; }
.header .page-back { display:none; }
.header .gnb-logo .name { white-space:nowrap; }
.header .gnb-all-btn { position:absolute; font-size:0; }
.header .gnb-all-btn .line { display:inline-block; width:100%; height:2px; background-color:#000; -webkit-transition:background 0.2s ease; transition:background 0.2s ease; border-radius: 5px;}
.header .gnb-all-btn .line:before { content:''; position:absolute; left:0; right:0; top:50%; height:2px; -webkit-animation:hamburg-bar-t-2 .75s forwards; animation:hamburg-bar-t-2 .75s forwards; border-radius: 5px;}
.header .gnb-all-btn .line:after { content:''; position:absolute; left:0; right:0; top:50%; height:2px; -webkit-animation:hamburg-bar-b-2 .75s forwards; animation:hamburg-bar-b-2 .75s forwards; border-radius: 5px;}
/* 전체메뉴 열린 경우 */
.header.opend-all .all-bg { bottom:0; opacity:.7; }
.header.opend-all .gnb-all-btn .line { background-color:transparent; }
.header.opend-all .gnb-all-btn .line:before { -webkit-animation:hamburg-bar-t .75s forwards; animation:hamburg-bar-t .75s forwards; }
.header.chonors.opend-all .gnb-all-btn .line:before {background-color:#000;}
.header.chonors.opend-all .gnb-all-btn .line:after {background-color:#000;}
.header.opend-all .gnb-all-btn .line:after { -webkit-animation:hamburg-bar-b .75s forwards; animation:hamburg-bar-b .75s forwards; }
.header .link-group .list { display:none; }
@-webkit-keyframes hamburg-bar-t-2 { 0% { -webkit-transform:translateY(-1px) rotate(45deg); } 50% { -webkit-transform:translateY(-1px) rotate(0); } 100% { -webkit-transform:translateY(-7px) rotate(0); } }
@keyframes hamburg-bar-t-2 { 0% {transform:translateY(-1px) rotate(45deg); } 50% {transform:translateY(-1px) rotate(0); } 100% {transform:translateY(-7px) rotate(0); } }
@-webkit-keyframes hamburg-bar-t { 0% { -webkit-transform:translateY(-7px) rotate(0); } 50% { -webkit-transform:translateY(-1px) rotate(0); } 100% { -webkit-transform:translateY(-1px) rotate(45deg); } }
@keyframes hamburg-bar-t { 0% {transform:translateY(-7px) rotate(0); } 50% {transform:translateY(-1px) rotate(0); } 100% {transform:translateY(-1px) rotate(45deg); } }
@-webkit-keyframes hamburg-bar-b-2 { 0% { -webkit-transform:translateY(-1px) rotate(-45deg); } 50% { -webkit-transform:translateY(-1px) rotate(0); } 100% { -webkit-transform:translateY(5px) rotate(0); } }
@keyframes hamburg-bar-b-2 { 0% {transform:translateY(-1px) rotate(-45deg); } 50% {transform:translateY(-1px) rotate(0); } 100% {transform:translateY(5px) rotate(0); } }
@-webkit-keyframes hamburg-bar-b { 0% { -webkit-transform:translateY(5px) rotate(0); } 50% { -webkit-transform:translateY(-1px) rotate(0); } 100% { -webkit-transform:translateY(-1px) rotate(-45deg); } }
@keyframes hamburg-bar-b { 0% {transform:translateY(5px) rotate(0); } 50% {transform:translateY(-1px) rotate(0); } 100% {transform:translateY(-1px) rotate(-45deg); } }
@-webkit-keyframes hamburg-bar-t-2-mo { 0% { -webkit-transform:translateY(-1px) rotate(45deg); background-color:#fff; } 50% { -webkit-transform:translateY(-1px) rotate(0); background-color:#000; } 100% { -webkit-transform:translateY(-9px) rotate(0); background-color:#000; } }
@keyframes hamburg-bar-t-2-mo { 0% { transform:translateY(-1px) rotate(45deg); background-color:#fff; } 50% { transform:translateY(-1px) rotate(0); background-color:#000; } 100% { transform:translateY(-9px) rotate(0); background-color:#000; } }
@-webkit-keyframes hamburg-bar-t-mo { 0% { -webkit-transform:translateY(-9px) rotate(0); background-color:#000; } 50% { -webkit-transform:translateY(-1px) rotate(0); background-color:#fff; } 100% { -webkit-transform:translateY(-1px) rotate(45deg); background-color:#fff; } }
@keyframes hamburg-bar-t-mo { 0% { transform:translateY(-9px) rotate(0); background-color:#000; } 50% { transform:translateY(-1px) rotate(0); background-color:#fff; } 100% { transform:translateY(-1px) rotate(45deg); background-color:#fff; } }
@-webkit-keyframes hamburg-bar-b-2-mo { 0% { -webkit-transform:translateY(-1px) rotate(-45deg); background-color:#fff; } 50% { -webkit-transform:translateY(-1px) rotate(0); background-color:#000; } 100% { -webkit-transform:translateY(7px) rotate(0); background-color:#000; } }
@keyframes hamburg-bar-b-2-mo { 0% { transform:translateY(-1px) rotate(-45deg); background-color:#fff; } 50% { transform:translateY(-1px) rotate(0); background-color:#000; } 100% { transform:translateY(7px) rotate(0); background-color:#000; } }
@-webkit-keyframes hamburg-bar-b-mo { 0% { -webkit-transform:translateY(7px) rotate(0); background-color:#000; } 50% { -webkit-transform:translateY(-1px) rotate(0); background-color:#fff; } 100% { -webkit-transform:translateY(-1px) rotate(-45deg); background-color:#fff; } }
@keyframes hamburg-bar-b-mo { 0% { transform:translateY(7px) rotate(0); background-color:#000; } 50% { transform:translateY(-1px) rotate(0); background-color:#fff; } 100% { transform:translateY(-1px) rotate(-45deg); background-color:#fff; } }
/*모바일메뉴닫기X-검은색추가*/
@-webkit-keyframes hamburg-bar-t-mo2 { 0% { -webkit-transform:translateY(-9px) rotate(0); background-color:#000; } 50% { -webkit-transform:translateY(-1px) rotate(0); background-color:#000; } 100% { -webkit-transform:translateY(-1px) rotate(45deg); background-color:#000; } }
@keyframes hamburg-bar-t-mo2 { 0% { transform:translateY(-9px) rotate(0); background-color:#000; } 50% { transform:translateY(-1px) rotate(0); background-color:#000; } 100% { transform:translateY(-1px) rotate(45deg); background-color:#000; } }
@-webkit-keyframes hamburg-bar-b-mo2 { 0% { -webkit-transform:translateY(7px) rotate(0); background-color:#000; } 50% { -webkit-transform:translateY(-1px) rotate(0); background-color:#000; } 100% { -webkit-transform:translateY(-1px) rotate(-45deg); background-color:#000; } }
@keyframes hamburg-bar-b-mo2 { 0% { transform:translateY(7px) rotate(0); background-color:#000; } 50% { transform:translateY(-1px) rotate(0); background-color:#000; } 100% { transform:translateY(-1px) rotate(-45deg); background-color:#000; } }

/* 어학원찾기 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Roboto:wght@300;400;500;700&display=swap');
.header .edu-select {opacity:0; -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; }
.header .edu-select .edu-inner { display:none; }
.header .edu-select .ico-txt-6 { background:#4246c1; margin-left:0; line-height:1.4; }
.header.opend-edu .edu-select { opacity:1; }
.header.opend-edu .edu-select .edu-inner { display:block; }
/* 온라인 입학시험 */
.browser-top {box-sizing:border-box; padding-top:25px; padding-bottom:25px; text-align:center; background-color:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.3); position:fixed; width:100%; z-index:1026;}
.browser-top p {display:inline-block; vertical-align:middle; font-weight:600; color:#000; padding-bottom:5px;}
.browser-top a {display:inline-block; vertical-align:middle; margin-left:10px; background-color:#4246c1; padding:.8em 1.2em; color:#fff; border-radius:.3em;}
.browser-top button {width:38px; height:38px; position:absolute; top:26px; right:40px; background-color:#fff; border:0px;}
.browser-top button em {display:inline-block; width:20px; height:20px; background-image:url("../images/common/sprite.png"); background-position:-213px -316px; background-repeat:no-repeat; white-space:nowrap; overflow:hidden; font-size:0;}
.fullPageHeader {height:68px; background-color:#4246c1;}
.fullPageHeader h1 {text-align:center; color:#fff; font-weight:600; font-size:1.5em; padding-top:18px;}
.fullPageContents {width:780px; margin:50px auto 0 auto;}
.fullPageContents .tb-data-3-wrap {margin-top:50px;}
/* gnb 바로가기 툹팁 */
.tip-balloon .tip-subj.active:after { content:''; position:absolute; left:50%; top:100%; z-index:4; margin-top:5px; width:8px; height:8px; margin-left:-4px; background:#fff; box-shadow: -1px -1px 0px 0px rgba(200,200,200,1); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.tip-balloon .tip-cont { display:none; position:absolute; right:-35px; top:100%; z-index:3; min-width:100px; margin-top:9px; background:#fff; font-size:14px; color:#000; line-height:2; font-weight:normal; box-sizing:border-box; box-shadow:0px 1px 15px 0px rgba(0,0,0,0.2); }
.tip-balloon .tip-cont .btns { display:block; height:50px; overflow:hidden; color:#333; margin-top:5px;}
.tip-balloon .tip-cont .btns a { float:left; width:50%; margin:0; line-height:48px; text-align:center; box-sizing:border-box; border:1px solid #ddd; }
.tip-balloon .tip-cont .btns a+a { width:calc(50% + 1px); margin:0 0 0 -1px; }
.tip-balloon .tip-cont .btns a:hover, .tip-balloon .tip-cont .btns a:focus { color:#fff; background:#4246c1; border-color:#4246c1; text-decoration:underline; }
.tip-balloon .tip-cont .btns a:only-child { width:100%; }
.tip-balloon .tip-cont.pay-head-tip { text-align:center; right:-20px;}
.tip-balloon .tip-cont.pay-head-tip .list li { line-height:50px; border-top:1px solid #ddd; text-align:center; }
.tip-balloon .tip-cont.pay-head-tip .list li:first-child { border-top:0; }
.tip-balloon .tip-cont.pay-head-tip .list a:hover, .tip-balloon .tip-cont.pay-head-tip .list a:focus { font-weight:bold; text-decoration:underline; }
.tip-balloon .tip-cont.my-head-tip { width:340px; padding:0 24px 24px 24px; }
.tip-balloon .tip-cont.my-head-tip .profile { position:relative; display:block; padding:14px 0; margin-bottom:-1px; border-bottom:1px solid #ddd; }
.tip-balloon .tip-cont.my-head-tip .photo { display:none; }
.tip-balloon .tip-cont.my-head-tip .username { display:inline-block; line-height:44px; vertical-align:middle; }
.tip-balloon .tip-cont.my-head-tip .ig-logout { position:absolute; right:0; top:20.8px; /* -webkit-transform:translateY(-50%); transform:translateY(-50%); */ }
.tip-balloon .tip-cont.my-head-tip .payment {width:100%; height:32px; border:1px solid #d7d7d7; background:#fff; margin-top:12.8px;}
.tip-balloon .tip-cont.my-head-tip .payment:active, .tip-balloon .tip-cont.my-head-tip .payment:hover {border:0; background:#f08300; color:#fff;}
.tip-balloon .tip-cont.my-head-tip .list {margin-top:16px; max-height:370px; overflow:hidden; margin-right:-25px;}
.tip-balloon .tip-cont.my-head-tip .childs {color:#666; line-height:1.57; /* padding-top:1px; */}
/* .tip-balloon .tip-cont.my-head-tip .childs .btns:first-child { margin-top:-17px; } */
.tip-balloon .tip-cont.my-head-tip .childs .names {display:block; margin:0 0 6px; position:relative;}
.tip-balloon .tip-cont.my-head-tip .childs .names button {position:absolute; right:0px; top:16px; padding:1.6px 1.6px 1.6px 25.6px; color:#000; font-weight:bold;}
.tip-balloon .tip-cont.my-head-tip .childs .names button .ir {content:''; display:inline-block; width:6px; height:6px; border:solid 2px #000; border-width:0 1px 1px 0; margin:-2px 0px 0 8px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.tip-balloon .tip-cont.my-head-tip .childs .names button.chonors-member-proceed {background:url("../images/chonors/icon-chonors-proceed.png") no-repeat left center; background-size:20px 16px;}
.tip-balloon .tip-cont.my-head-tip .childs .names button.chonors-member {background:url("../images/chonors/icon-chonors.png") no-repeat left center; background-size:20px 16px;}
.tip-balloon .tip-cont.my-head-tip .childs .names button.chonors { padding:1.6px 1.6px 1.6px 8px;}
.tip-balloon .tip-cont.my-head-tip .childs .user-name {display:block; margin:16px 0 1px; padding:16px 0 0 0; border-top:1px dotted #e5e5e5;}
.tip-balloon .tip-cont.my-head-tip .childs .user-name strong { color:#000; }
.tip-balloon .tip-cont.my-head-tip .childs li:first-child .user-name {border-top:0px; padding:0px 0 0 0; margin:0px 0 1px;}
.tip-balloon .tip-cont.my-head-tip .childs li:first-child .names button {top:0px;}
.tip-balloon .tip-cont.my-head-tip .childs li:last-child {border-bottom:0px; padding:0px 0 0px 0;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name { display:block; margin-top:10px;}
.tip-balloon .tip-cont.my-head-tip .childs .names .branch-name:first-child {margin-top:0px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name em {display:inline-block; vertical-align:middle; margin-right:6px; width:20px; height:20px; background-image:url("../images/common/sprite-layout.png"); background-repeat:no-repeat;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.cd em {background-position:0px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.theopen em {background:url("../images/icon/logo_theopen.svg") no-repeat center / 100%;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.ap em {width:19px;background-position:-30px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.bouncy em {background-position:-60px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.noisy em {background-position:-84px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.ig em {width:36px; background-position:-130px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.pbp em {background-position:-176px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.ck em {width:18px; background-position:-207px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.cx em {width:20px; background-position:-409px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.cms_yc em {width:31px; background-position:-235px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.cms_y em {width:31px; background-position:-277px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.ccube em {background-position:-318px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.edge em {width:36px; background-position:-346px -600px;}
.tip-balloon .tip-cont.my-head-tip .childs .branch-name.bouncy-eGO em{width: 22px; background-position: -437px -600px;}
#topAD{ position:relative; z-index:201;}
#topAD .banner { position:relative; text-align:center; z-index:201;}
#topAD .banner > a { display:block; padding:0 42px; }
#topAD .banner img { max-width:100%; }
#topAD .banner .fm-chk-i::before,
#topAD .banner .fm-chk:checked + .fm-chk-i::after { border-color:#000; }
#topAD .banner .closeSet.white .fm-chk-i::before,
#topAD .banner .closeSet.white .fm-chk:checked + .fm-chk-i::after { border-color:#fff; }
#topAD .closeSet { position:absolute; right:42px; bottom:10px; color:#000; font-size:12px; line-height:1.5; }
#topAD .closeSet .close {position:relative; width:20px; height:20px; margin:-1px -1px -1px 36px; white-space:nowrap; text-indent:-999px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); overflow:hidden;}
#topAD .closeSet .close::before { content:''; position:absolute; left:50%; top:0; width:2px; height:100%; margin-left:-1px; background:#000; }
#topAD .closeSet .close::after { content:''; position:absolute; top:50%; left:0; width:100%; height:2px; margin-top:-1px; background:#000; }
#topAD .closeSet.white { color:#fff; }
#topAD .closeSet.white .close::before, #topAD .closeSet.white .close::after { background:#fff; }
@media print, all and (min-width:1682px) {
  #topAD .closeSet { right:50%; margin-right:-790px; }
}
@media print, all and (min-width:768px) and (max-width:980px) {
  #topAD .banner { text-align:left; }
  #topAD .closeSet .close { margin-left:20px; }
  .header.chonors .chungdahm {display:none;}
}
@media screen and (max-width:767px) {
  #topAD .banner > a { padding:0; }
  #topAD .banner img { zoom:0.7; }
  #topAD .closeSet { position:static; display:block; padding:10px 20px; text-align:right; }
  #topAD .closeSet .close { width:16px; height:16px; margin-left:18px; overflow:hidden; }
}

/********************* ICON *********************/
.ir, .ir-b:before, .ir-a:after { display:inline-block; vertical-align:middle; background-image:url("../images/common/sprite.png"); background-position:999px 999px; background-repeat:no-repeat; }
.ir-b:before, .ir-a:after { content:''; }
.ir { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }
.i-home { background-position:-30px -86px; width:15px; height:14px; }
.i-attach { background-position:-106px -86px; width:13px; height:14px; margin:-4px 1px 0 3px; }
.i-pag-first { background-position:-129px -86px; width:12px; height:11px; margin:-6px 0 0 -2px; }
.i-pag-prev { background-position:-151px -86px; width:7px; height:11px; margin:-6px 0 0 -2px; }
.i-pag-next { background-position:-190px -86px; width:7px; height:11px; margin:-6px 0 0 1px; }
.i-pag-last { background-position:-168px -86px; width:12px; height:11px; margin:-6px 0 0 0; }
.i-sch { background-position:0 -86px; width:20px; height:20px; margin:-4px 0 0 -10px; }
.i-sch-2 { background-position:0 -116px; width:36px; height:37px; }
.i-sch-3 { background-position:-96px -58px; width:24px; height:24px; }
.i-sch-5 { background-position:-297px -65px; width:14px; height:14px; }
.i-video, .i-video-2 { content:''; display:inline-block; width:0; height:0; border-left:8px solid #303f50; border-top:5px solid transparent; border-bottom:5px solid transparent; margin:10px 0 0 2px; }
.i-video-2 { border-left:14px solid #303f50; border-top:9px solid transparent; border-bottom:9px solid transparent; margin:13px 0 0 4px; }
.i-hit { background-position:-225px -86px; width:7px; height:9px; margin:4px 0 0 0; vertical-align:top; }
.i-date { background-position:-242px -86px; width:9px; height:9px; margin:4px 0 0 0; vertical-align:top; }
.i-hit-2 { background-position:-225px -97px; width:7px; height:9px; margin:4px 0 0 0; vertical-align:top; }
.i-date-2 { background-position:-242px -97px; width:9px; height:9px; margin:4px 0 0 0; vertical-align:top; }
.ios .i-hit, .ios .i-date, .ios .i-hit-2, .ios .i-date-2 { margin:2px 0 0 0; }
.i-schedule { display:inline-block; width:10px; height:10px; background-color:#303f50; padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; border-radius:100%; }
.i-schedule.ty-2 { background:#ef3e42; }
.i-schedule.ty-3 { width:12px; height:13px; margin-top:-2px; background-color:transparent; background-position:-396px -202px; }
.i-schedule.ty-4 { background:#2c8f69; }
.i-schedule.ty-5 { background:#ebaf0d; }
.i-schedule.ty-6 { background:#d7383b; }
.i-schedule + .i-schedule { margin-left:4px; }
.i-arr-3 { width:13px; height:13px; border:1px solid transparent; margin-top:-2px; border-top-color:#000; border-right-color:#000; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
.i-arr-4 { width:13px; height:13px; border:1px solid transparent; margin-top:-2px; border-top-color:#000; border-right-color:#000; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.i-favorite { background-position:-166px -58px; width:20px; height:18px; margin:-6px 0 0 0; }
.i-favorite-2 { background-position:-220px -58px; width:24px; height:22px; margin:-6px 0 0 0; }
.i-like { background-position:-462px -116px; width:10px; height:10px; margin:-2px 5px 0 0; }
.btn-like.active .i-like { background-position:-482px -116px; }
.i-like-2 { background-position:-462px -136px; width:15px; height:13px; margin:-2px 5px 0 0; }
.btn-like.active .i-like-2 { background-position:-482px -136px; }
.i-sort { width:0; display:inline-block; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:3px solid #666; } /* 오름차순 */
.sort-desc .i-sort { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); } /* 내림차순 */
.i-app-down { background-position:-116px -248px; width:82px; height:24px; }
.i-app-down-2 { background-position:-208px -248px; width:88px; height:24px; }
.i-share-title::before { background-position:-83px -86px; width:13px; height:17px; margin:-2px 10px 0 0; }
.i-arr::before { content:''; width:0; display:inline-block; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #000; }
.i-arr-2::before { content:''; width:0; display:inline-block; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #878787; }
.i-photo::before { background-position:-357px -182px; width:30px; height:32px; }
.i-ref::before { background-position:-395px -182px; width:18px; height:20px; margin:0 7px 0 0; }
.i-nocalendar::before { background-position:-247px -182px; width:51px; height:60px; }
.i-event::before { display:block; background-position:-357px 0; width:60px; height:60px; }
.i-file::before { background-position:-261px -86px; width:15px; height:14px; margin:-2px 8px 0 0; }
.i-share::before { display:block; background-position:0 0; width:48px; height:48px; }
.i-share-2::before { display:block; background-position:-58px 0; width:48px; height:48px; }
.i-share-3::before { display:block; background-position:-116px 0; width:48px; height:48px; }
.i-share-4::before { display:block; background-position:-174px 0; width:48px; height:48px; }
.i-share-5::before { display:block; background-position:-232px 0; width:48px; height:48px; }
.i-nodata::before { display:block; background-position:-297px 0; width:50px; height:60px; }
.i-nodata-2::before { display:block; background-position:-400px -392px; width:100px; height:100px; }
.i-nodata-3::before { display:block; background-position:0 -440px; width:100px; height:100px; }
.i-nodata-4::before { display:block; background-position:-176px -440px; width:60px; height:54px; }
.i-nodata-5::before { display:block; background-position:-246px -440px; width:48px; height:60px; }
.i-nodata-6::before { display:block; background-position:-344px -224px; width:60px; height:60px; }
.i-noshuttle::before { display:block; background-position:0 -370px; width:60px; height:60px; }
.i-sch-4::before { background-position:-405px -70px; width:32px; height:32px; margin-right:9px; }
.i-shuttle::before { background-position:-130px -58px; width:26px; height:24px; }
.i-print::before { background-position:-196px -58px; width:14px; height:14px; margin:-4px 5px 0 0; }
.i-safety::before { background-position:0 -292px; width:75px; height:69px; }
.i-safety-2::before { background-position:-80px -292px; width:75px; height:69px; }
.i-safety-3::before { background-position:-165px -292px; width:75px; height:69px; }
.i-safety-4::before { background-position:-245px -292px; width:75px; height:69px; }
.i-safety-5::before { background-position:-330px -292px; width:75px; height:69px; }
.i-nobank::before { display:block; background-position:-427px 0; width:60px; height:60px; }
.i-teacher::before { width:18px; height:13px; background-position:-316px -371px; }
.i-school::before { width:18px; height:14px; background-position:-340px -371px; }
.i-admission::before { display:block; background-position:-186px -371px; width:56px; height:57px; }
.i-findcdi::before { display:block; background-position:-252px -371px; width:54px; height:50px; }
.i-around-2::before { background-position:-353px -86px; width:16px; height:16px; margin:-4px 8px 0 0; }
.i-noapplication::before { background-position:-110px -440px; width:56px; height:54px; }
.i-app-buff::before { background-position:-110px -501px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-allim::before { background-position:-159px -501px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-e-Library::before { background-position:-44px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-CDI-LearningPortal::before { background-position:0px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-April-LearningPortal::before { background-position:-88px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-April-VinaTalk::before { background-position:-132px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-April-Buff::before { background-position:-176px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-Bouncy-Buff::before { background-position:-88px -620px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-April-MeMe::before { background-position:-220px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-Bouncy-MeMe::before { background-position:-132px -620px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-Thinking-MeMe::before { background-position:-398px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-ChunkToon::before {background-position:-445px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }
.i-app-PhonicsConcert::before { background-position:-264px -573px; width:39px; height:39px; margin:-11px 8px 0 0; }

.i-examcomp::before { background-position:-304px -440px; width:62px; height:60px; }
.i-down::after { background-position:-327px -86px; width:16px; height:14px; }
.i-cs-banner::after { background-position:-208px -506px; width:68px; height:63px; }
.i-cs-banner-2::after { background-position:-279px -506px; width:67px; height:60px; }

/********************* PROFILE PHOTO *********************/
.photo { position:relative; display:inline-block;; width:80px; height:80px; border-radius:50%; background-color:#ddd; overflow:hidden; vertical-align:middle; }
.photo::before { content:''; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1; }
.photo img { position:relative; width:100%; height:100%; z-index:2; }

/********************* FORM *********************/
.fm-sel:focus, .fm-ipt:focus, .fm-ta:focus { border-color:#111; }
.fm-sel { width:100%; height:48px; padding:0 16px 0 16px; color:#000; line-height:3.15; border:1px solid #ddd; border-radius:3px; background:#fff url("../images/common/i-sel.png") right 19px center no-repeat; }
.fm-sel-2 { width:100%; height:50px; padding:0 40px 0 19px; color:#000; line-height:3.57; border-radius:5px; border:1px solid #eee; background:#fff url("../images/common/i-sel-2.png") right 19px center no-repeat; }
.fm-sel-4 { height:24px; padding:0 25px 0 0; color:#000; line-height:1.5; border:none; background:#fff url("../images/common/i-sel-3.png") right 10px top 10px no-repeat; font-weight:bold; }
.fm-sel-5 { width:200px; height:48px; margin-left: 10px; padding:0 16px 0 16px; color:#000; line-height:3.15; border:1px solid #ddd; border-radius:3px; background:#fff url("../images/common/i-sel.png") right 19px center no-repeat; }
.fm-sel-2 + .fm-sel-2 { margin-left:8px; }
.fm-ipt { width:100%; height:48px; padding:0 20px 0 16px; color:#000; line-height:3.57; border:1px solid #ddd; border-radius:3px; }
.fm-file { padding-right:116px; }
.fm-ipt-2 { width:100%; height:50px; padding:0 18px 0 18px; color:#000; line-height:3.57; border:1px solid #eee; border-radius:5px; }
.fm-wrap { margin-top:57px; }
.fm-wrap.cmgt { margin-top:0; }
.fm-wrap.cmgt-2 { margin-top:27px; }
.fm-row { margin-top:16px; }
.fm-wrap .fm-row:first-child { margin-top:0; }
.fm-row-col, .fm-row-col-2 { display:-webkit-box; display:-ms-flexbox; display:flex; }
.fm-row-col .fm-box, .fm-row-col-2 .fm-box { -ms-flex:1; flex:1; box-sizing:border-box; }
.fm-row-col .fm-box + .fm-box { margin-left:20px; }
.fm-row-col-2 .fm-box:first-child .fm-ipt { border-top-right-radius:0; border-bottom-right-radius:0; }
.fm-row-col-2 .fm-box:last-child .fm-ipt { border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-1px }
.fm-box { position:relative; }
.fm-label { display:block; font-weight:bold; color:#000; margin-bottom:8px; }
.fm-label-small { font-weight:normal; color:#666; }
.fm-error { border-color:#c10026 !important; }
.fm-error-txt { display:none; }
.fm-error-txt.active { display:block; font-size:12px; color:#c10026; margin:7px 0 0 16px; }
.fm-txt { display:block; font-size:12px; color:#666; margin:7px 0 0 16px; }
.fm-col-2, .fm-col-3 { display:-webkit-box; display:-ms-flexbox; display:flex; }
.fm-col-2 .fm-box, .fm-col-3 .fm-box { -webkit-box-flex:1; -ms-flex:1; flex:1; }
.fm-col-2 .fm-box.flex-w-2 { -webkit-box-flex:2; -ms-flex:2; flex:2; }
.fm-col-2 .fm-sel, .fm-col-2 .fm-ipt, .fm-col-3 .fm-sel, .fm-col-3 .fm-ipt { border-radius:0; }
.fm-col-2 .fm-sel:focus, .fm-col-2 .fm-ipt:focus,
.fm-col-2 .fm-sel.fm-error, .fm-col-2 .fm-ipt.fm-error,
.fm-col-3 .fm-sel:focus, .fm-col-3 .fm-ipt:focus,
.fm-col-3 .fm-sel.fm-error, .fm-col-3 .fm-ipt.fm-error { position:relative; z-index:2; }
.fm-col-2 .fm-box:first-child .fm-ipt, .fm-col-2 .fm-box:first-child .fm-sel, .fm-col-3 .fm-box:first-child .fm-ipt, .fm-col-3 .fm-box:first-child .fm-sel { border-radius:3px 0 0 3px; }
.fm-col-2 .fm-box:last-child .fm-ipt, .fm-col-2 .fm-box:last-child .fm-sel, .fm-col-3 .fm-box:last-child .fm-ipt, .fm-col-3 .fm-box:last-child .fm-sel { border-radius:0 3px 3px 0; }
.fm-col-2 .fm-box + .fm-box, .fm-col-3 .fm-box + .fm-box { margin-left:-1px; }
.fm-ta { width:100%; height:160px; padding:14px 16px 14px 16px; line-height:1.71; border:1px solid #ddd; border-radius:3px; }
.fm-ta-in { padding-left:11px; }
.fm-h { height:296px; }
.fm-file-btn { position:absolute; top:0; right:0; width:96px; height:100%; text-align:center; line-height:36px; color:#fff; background-color:#6e747b; line-height:3.42; cursor:pointer; border-radius:0 3px 3px 0; }
.fm-required { margin:8px 0 -2px 0; font-size:12px; color:#c10026; text-align:right; }
.fm-col-btn { padding-right:94px }
.fm-cmgt { margin-top:6px; }
.fm-btn { position:absolute; top:0; right:0; width:96px; height:100%; text-align:center; color:#fff; background-color:#6e747b; line-height:1; cursor:pointer; border-radius:0 3px 3px 0; }
.fm-rad, .fm-chk { position:absolute; width:18px; height:18px; padding:0; margin:0; opacity:0; box-sizing:border-box; }
.fm-rad + .fm-rad-i { display:inline-block; position:relative; width:auto; line-height:18px; cursor:pointer; color:#000; box-sizing:border-box; padding-left:26px; }
.fm-rad-i:before, .fm-rad-i:after, .fm-chk-i:before, .fm-chk-i:after { content:''; position:absolute; box-sizing:border-box; }
.fm-rad + .fm-rad-i:before { top:0; left:0; width:18px; height:18px; border:solid 1px #dedede; border-radius:50%; }
.fm-rad:checked + .fm-rad-i:after { top:5px; left:0; width:8px; height:8px; background-color:#ef3e42; border-radius:50%; margin-left:5px; }
.fm-chk + .fm-chk-i { display:inline-block; position:relative; width:auto; min-height:18px; cursor:pointer; padding-left:28px; }
.fm-chk.single + .fm-chk-i { padding-left:18px; }
.fm-chk-i:before { left:0; top:0; width:18px; height:18px; border:solid 1px #b2b2b2; }
.fm-chk:checked + .fm-chk-i:after { width:10px; height:5px; border:0 solid #666; border-width:0 0 2px 2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.fm-chk-i:after { left:4px; top:5px; }
.fm-chk.ty-2:checked + .fm-chk-i:before { border-color:#ee3a43; background-color:#ee3a43; }
.fm-chk.ty-2:checked + .fm-chk-i:after { border-color:#fff; }
.fm-chk:focus + .fm-chk-i:before, .fm-rad:focus + .fm-rad-i:before { outline:solid 1px #a6c8ff; }

/********************* 약관 *********************/
.fm-terms-wrap { overflow:hidden; }
.fm-terms-wrap .fm-wrap { float:left; width:calc(100% - 300px - 6.666667%); margin-top:0; }
.fm-terms-wrap .fm-wrap.single { width:100%; }
.fm-terms-wrap .fm-wrap.single + .fm-terms { display:none; }
.fm-terms-wrap .fm-terms { float:right; width:300px; margin:26px 0 0 0; }
.fm-terms-wrap .fm-terms .fm-chk-i { line-height:18px; color:#111; }
.fm-terms-wrap .fm-terms .fm-chk-i span { display:inline-block; }
.fm-terms .agree-title { padding:16px 0 15px; border-top:2px solid #111; border-bottom:1px dashed #e5e5e5; font-size:20px; }
.fm-terms .agree-cont .agree-title-2 { display:inline-block; margin:20px 0; }
.fm-terms .agree-cont .terms-box { padding:16px 20px; height:270px; box-sizing:border-box; overflow-y:scroll; background:#fafafa; font-size:12px; color:#666; line-height:1.66; letter-spacing:-0.03em; }
.fm-terms .agree-cont.single .terms-box { height:613px; }
.fm-terms .agree-cont .terms-box .terms-title { font-weight:bold; margin-top:21px; }
.fm-terms .agree-cont .terms-box .terms-title:first-child { margin-top:0; }
.fm-terms .agree-cont .terms-box p { margin-top:7px; }
.fm-terms .agree-cont p + p { margin-top:22px; }
.fm-terms .agree-cont .terms-list li, .fm-terms .agree-cont .terms-list dd { margin:4px 0 0 0.7em; text-indent:-0.7em; }
.fm-terms .agree-cont .terms-list dt { margin-top:4px; font-weight:bold; }
.fm-terms .agree-cont .terms-list-2 li { margin-top:4px; }
.fm-terms .agree-cont .terms-list-3 li, .fm-terms .agree-cont .terms-list-3 dd { margin:4px 0 0 1.1em; text-indent:-1.1em; }
.fm-terms .agree-cont .terms-box table { font-size:inherit; margin-top:7px; }
.fm-terms .agree-cont .terms-box th { padding:10px; font-weight:normal; }
.fm-terms .agree-cont .terms-box td { padding:10px; color:inherit; }

/********************* PAGING *********************/
.paging { margin:20px 0 0; font-size:0; text-align:center; }
.paging.cmgt { margin-top:60px; }
.paging a, .paging span.active { display:inline-block; font-size:14px; min-width:32px; height:32px; padding:0 8px; line-height:2.3; border-radius:5px; margin:0 2px; border:solid 1px transparent; vertical-align:middle; box-sizing:border-box; }
.paging a:hover { border-color:#111; -webkit-transition:border-color 0.3s ease; transition:border-color 0.3s ease; }
.paging .num { display:inline-block; padding:0 15px 0 15px; white-space:nowrap; }
.paging .num a, .paging .num .active { color:#111; line-height:2.285; font-weight:bold; text-decoration:none !important; box-sizing:border-box; }
.paging .num a.active, .paging .num .active { background-color:#4246c1; color:#fff; }

/********************* LNB *********************/
.lnb { position:relative; width:100%; height:60px; margin-top:-60px; margin-bottom:80px; background:rgba(0,0,0,0.5); z-index:100; display: none;}
.lnb .lnb-in { max-width:1200px; margin:0 auto; font-size:14px; }
.lnb .nav { float:left; width:calc(100% - 100px); }
.lnb .nav::after { content:''; display:block; clear:both; }
.lnb .home { position:relative; float:left; }
.lnb .home-in { display:block; height:60px; padding:19px 30px 0 14px; box-sizing:border-box; }
.lnb .dep { float:left; position:relative; max-width:240px; margin:0 0 0 1px; width:calc(33.333333% - 32px) }
.lnb .home::after, .lnb .dep::after { content:''; position:absolute; right:-1px; top:26px; display:inline-block; width:1px; height:8px; background-color:rgba(255,255,255,0.2); }
.lnb .dep-in { position:relative; display:block; height:60px; padding:0 30px 0 32px; line-height:4.3; color:#fff; font-weight:bold; white-space:nowrap; box-sizing:border-box; }
.lnb .dep-in::after { content:''; display:none; position:absolute; right:24px; top:28px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #fff; }
.lnb .dep-in[data-act="title"]::after { display:inline-block; }
.lnb .nav-sub { position:absolute; width:100%; display:none; border:solid 1px #666; border-width:0 1px 1px 1px; background:#fff; }
.lnb .dep-2-in { display:block; height:49px; padding:0 30px; line-height:3.4; color:#000; font-weight:bold; white-space:nowrap; border-top:solid 1px #e5e5e5; box-sizing:border-box; }
.lnb .dep-2:first-child .dep-2-in { border-top:none; }
.share { float:right; position:relative; display:block; color:#fff; }
.share .share-title { display:inline-block; height:60px; padding:21px 0 0 0; box-sizing:border-box; }
.share .share-cont { display:none; position:absolute; right:0; z-index:10; width:346px; height:130px; padding:20px 0 0 0; border:1px solid #000; border-width:0 1px 1px 1px; background:#fff; box-sizing:border-box; }
.share .share-list { text-align:center; }
.share .share-list li { display:inline-block; width:48px; vertical-align:top; font-size:12px; color:#000; line-height:1.33; margin:0 5px 0 6px; }
.share .share-list li a { display:block; }
.share .share-list li a:hover { text-decoration:underline; }
.share .share-list li .ir-b::before { margin-bottom:10px; }

/********************* LAYOUT *********************/
.container { padding:0 0 100px 0; }
/*.container.portal { padding:64px 0 0 0; }*/
.container.portal.mapCon{padding: 0}
.container.pb0 { padding:0 0 0px 0; }
.contents { max-width:1200px; margin:0 auto; }
.contents-full { width:100%; }
.contents-full.cont-bg { background-color:#f8f8f8; }
.contents-full-2 { width:100%; padding-bottom:140px; margin-bottom:-100px; }
.contents-full-2.cont-bg { background-color:#fbfbfb; }
.contents-full-3 { width:100%; }
.contents-full-3.cont-bg {background-color:#3c3e39;}
.contents-full-4 { width:100%; }
.contents-full-4.cont-bg {background-color:#f1f1f1;}
.contents-full-5 { width:100%; }
.contents-full-5.cont-bg {background-color:#2b2e30;}
.contents-in-wrap { width:640px; margin:0 auto; }
.contents-in-wrap-2 { width:940px; margin:0 auto; }
.sub-vis-wrap { position:relative; width:100%; height:300px; overflow:hidden; text-align:center; }
.sub-title { position:absolute; font-size:36px; font-weight:bold; color:#fff; line-height:1.2; left:0; right:0; top:84px; z-index:2; }
.sub-txt { display:block; font-size:15px; font-weight:normal; margin-top:10px; }
.sub-vis { position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.sub-vis .movieAdmission {width:320px; position:absolute; top:48px; right:400px;}
.sub-vis .movieAdmission video {visibility:visible; width:100%;}
.sub-vis .movieAdmission iframe {width:100%;}
.wrap { position:relative; }
.iblock { display:inline-block; }
.movieAdmission_content {text-align:center; margin-bottom:20px;}
#movieAdmission_content {display:inline-block; width:600px; height:338px;}

/********************* BUTTON *********************/
.btn-t, .btn-t-2, .btn-t-3, .btn-t-4, .btn-t-5 { display:inline-block; text-align:center; box-sizing:border-box; vertical-align:middle; }
.btn-t { min-width:200px; height:60px; font-size:16px; padding:0 30px; line-height:3.75; font-weight:bold; border-radius:5px; }
.btn-t-2 { min-width:140px; height:50px; font-size:16px; padding:0 16px; line-height:3.125; font-weight:bold; border-radius:5px; }
.btn-t-3 { min-width:100px; height:36px; padding:0 11px; line-height:2.4; font-weight:bold; border-radius:4px; }
.btn-t-4 { height:29px; padding:0 9px; border-radius:3px; box-sizing:border-box; font-size:12px; line-height:2.2; }
.btn-t-5 { min-width:140px; height:48px; padding:0 18px; border-radius:3px; box-sizing:border-box; line-height:3.4; font-weight:bold; }
.btn-c { color:#fff; background-color:#4246c1; }
.btn-c:hover { color:#fff; text-decoration:underline; }
.btn-c-2 { color:#4246c1; border:solid 1px #4246c1; }
.btn-c-2:hover { color:#4246c1; text-decoration:underline; }
.btn-c-3 { color:#000; border:solid 1px #666; background:#fff; }
.btn-c-4 { color:#333; border:solid 1px #999; }
.btn-c-5 { color:#333; border:solid 1px #333; }
.btn-c-6 { color:#000; border:solid 1px #000; }
.btn-c-7 {color:#fff; background-color:#00b3b8;}
.btn-c-7:hover {color:#fff; text-decoration:underline;}
.btn-c-8 {color:#00b3b8; border:solid 1px #00b3b8;}
.btn-c-8:hover {color:#00b3b8; text-decoration:underline;}
.btn-c-9 { color:#fff; background-color:#000; }
.btn-c-.ico-txt-6.ty-9 { color:#fff; text-decoration:underline; }
.btn-wrap { text-align:center; margin-top:24px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.btn-wrap.cmgt { margin-top:48px; }
.btn-wrap .btn-in { margin:0 2px 0 2px; }
.btn-wrap.topRight {text-align:right; justify-content:right; margin-top:-48px;}
.btn-wrap.topRight .btn-in a {min-width:200px;}
.btn-w-4 { width:150px; }
.btn-like { vertical-align:top; }
.btn-ico-in::after { content:''; display:inline-block; margin:4px 0 0 12px; width:5px; height:5px; border:0 solid #000; border-width:0 2px 2px 0; -webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg); }
.mobile .btn-print { display:none !important; }

/********************* ETC *********************/
.ico-txt { display:inline-block; height:17px; font-size:10px; font-weight:bold; color:#4246c1; line-height:1.4; border:solid 1px #4246c1; border-radius:2px; padding:0 4px 0 3px; margin:-4px 0 0 9px; vertical-align:middle; box-sizing:border-box; }
.mobile .ico-txt { line-height:1.7; }
.ico-txt-2 { display:block; width:18px; height:18px; font-size:10px; line-height:1.8; font-weight:bold; background:#4246c1; text-align:center; color:#fff; }
.ico-txt-3 { display:inline-block; height:26px; padding:0 10px; font-size:12px; color:#333; line-height:2.1; font-weight:bold; background:#fff; text-align:center; border:solid 1px #ddd; border-radius:13px; box-sizing:border-box; }
.ico-txt-3.ty-2 { font-weight:normal; }
.ico-txt-4 { display:inline-block; width:60px; height:60px; color:#fff; line-height:4.285; font-weight:bold; background-color:#c10026; text-align:center; border-radius:100%; box-sizing:border-box; }
.ico-txt-4.ty-2 { background:#333; color:#aaa; }
.ico-txt-5 { display:inline-block; padding:0 11px; font-size:11px; height:20px; color:#fff; line-height:1.8; font-weight:bold; background-color:#ee3a43; text-align:center; border-radius:10px; box-sizing:border-box; vertical-align:middle; margin:-4px 0 0 4px; }
.ico-txt-6 { display:inline-block; font-size:12px; width:18px; height:18px; color:#fff; line-height:1.5; background: url(../images/common/new.png) no-repeat center / contain; text-align:center; border-radius:100%; box-sizing:border-box; vertical-align:middle; margin:-2px 0 0 8px; }
.ios .ico-txt-6 { line-height:1.8; }
.ico-txt-6.ty-2 { background-color:#ef3e42; }
.ico-txt-6.ty-3 { background-color:#64a704; }
.ico-txt-6.ty-4 { background-color:#03328d; }
.ico-txt-6.ty-5 { background-color:#008f9c; }
.ico-txt-6.ty-6 { background-color:#f08300; }
.ico-txt-6.ty-7 { background-color:#3ebcd2; }
.ico-txt-6.ty-8 { background-color:#005c97; }
.ico-txt-6.ty-9 { background-color:#e85298; }
.ico-txt-6.ty-10 { background-color:#00babb; }
.ico-txt-7 { display:inline-block; height:17px; font-size:10px; font-weight:bold; line-height:1.6; border:solid 1px #be002d; color:#be002d; padding:0 4px 0 3px; margin:0 0 0 9px; vertical-align:middle; box-sizing:border-box; }
.ie .ico-txt-7 { line-height:1.4;  }
.ico-video, .ico-video-2 { display:inline-block; width:32px; height:32px; line-height:0; text-align:center; background-color:rgba(255,255,255,0.9); border:solid 2px #fff; box-sizing:border-box; border-radius:100%; }
.ico-video-2 { width:48px; height:48px; }

.txt-link, .txt-link:hover { text-decoration:underline; }
.txt-link-2, .txt-link-2:hover { text-decoration:underline; color:#158bc7; }
.txt-line { text-decoration:underline; }
.hide { display:none; }
.fc { color:#000; }
.fc-2 { color:#111; }
.fc-3 { color:#b11533; }
.fc-4 { color:#ef3e42; }
.fc-5 { color:#303f50; }
.fc-6 { color:#333; }
.fc-8 { color:#666; }
.fc-9 { color:#222; }
.fc-10 { color:#c10026 !important; }
.fc-11 { color:#64a704; }
.fc-12 { color:#03328d; }
.fc-13 { color:#E63087; }
.fc-14 { color:#C81418; }
.ac { text-align:center !important; }
.al { text-align:left !important; }

/********************* BOARD *********************/
.tb-col-1 { width:9.15%; }
.tb-col-2 { width:7.1%; }
.tb-col-3 { width:auto; }
.tb-col-4 { width:9.5%; }
.tb-col-5 { width:10%; }
.tb-col-6 { width:14.285714%; }
.tb-col-7 { width:32%; }
.tb-col-8 { width:22.5%; }
.tb-col-9 { width:20%; }
.tb-col-12 { width:20.62%; }
.tb-col-13 { width:29.37%; }
.tb-col-14 { width:104px; }
.tb-col-15 { width:45.25%; }
.tb-col-16 { width:114px; }
.tb-col-17 { width:145px; }
.tb-col-18 { width:80px; }
.board-total { font-size:15px; margin:57px 0 17px; }
.board-total.cmgt { margin-top:30px; }
.board-total .num { color:#222; }
.board-view { margin-top:95px; }
.board-view img, .board-accor img { max-width:100%; }
.board-title-wrap { position:relative; padding-left:110px; margin-bottom:43px; }
.board-title-wrap .ico-txt-4 { position:absolute; left:30px; top:6px; }
.board-title { font-size:30px; font-weight:bold; color:#111; line-height:1.27; }
.board-info { color:#666; margin-top:12px; }
.board-info dt { display:inline-block; }
.board-info dd { display:inline-block; margin:0 15px 0 2px; }
.board-video { position:relative; display:block; height:0; padding:0; margin-top:34px; overflow:hidden; padding-bottom:56.25%; }
.board-video .video-in { position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0; }
.board-video .video-in img { width:100%; height:100%; }
.board-img { margin-top:34px; text-align:center; }
.board-event { padding:36px 20px 60px 20px; text-align:center; border-top:solid 2px #111; }
.board-img img, .board-event img { max-width:100%; }
.board-event .btn { margin-top:20px; }
.board-content { color:#000; line-height:2; padding:52px 4px 53px 4px; margin-top:32px; border-top:solid 2px #111; }
.board-content p+p { margin-top:10px; }
.board-source { font-size:12px; color:#000; text-align:right; position:relative; display:inline-block; word-break:break-all; }
.board-source .ico-txt-3 { margin-right:10px; word-break:keep-all; }
.board-source .copy { color:#666; margin-left:7px; text-decoration:underline; word-break:keep-all; }
.board-related { text-align:right; }
.board-related .related-in { padding-left:95px; position:relative; box-sizing:border-box; width:100%; }
.board-related .ico-txt-3 { position:absolute; left:0; top:-4px; }
.board-related a { color:#000; text-decoration:underline; }
.board-tag { margin:-38px 0 0 -6px; }
.board-tag .tag { display:inline-block; height:32px; color:#000; line-height:2.285; padding:0 17px 0 18px; border:solid 1px #eee; border-radius:16px; box-sizing:border-box; margin:10px 0 0 6px; white-space:nowrap; }
.board-attatch { background-color:#f8f8f8; color:#000; padding:21px 0 23px 0; margin-top:60px; }
.board-attatch .all-down { padding:0 0 0 20px; }
.board-attatch .all-down .title { margin-right:9px; }
.board-attatch .all-down a { text-decoration:underline; }
.board-attatch .all-down + .only-down {  margin-top:15px; }
.board-attatch .only-down { padding:0 0 0 34px; text-indent:-0.8em; margin:9px 0 0 0.8em; }
.board-attatch .only-down::before { content:''; display:inline-block; width:2px; height:2px; background-color:#888; margin:10px 7px 0 0; vertical-align:top; }
.board-attatch .size { color:#999; }
.board-preview { border-top:solid 1px #eee; margin-top:60px; }
.board-preview li { position:relative; padding:30px 20px 29px 44px; border-bottom:solid 1px #eee; }
.board-preview .ir-b::before { position:absolute; left:24px; top:38px; }
.board-preview .subject { width:100%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; }
.board-preview a { color:#000; }
.board-list {border-top:solid 2px #111;}
.board-list.cmgt {margin-top:24px;}
.board-list.ty-2 thead {display:none;}
.board-list th {font-size:15px; color:#000; height:80px;}
.board-list tr {border-bottom:solid 1px #eee;}
.board-list tr {height:80px;}
.board-list td {padding-top:20px; padding-bottom:18px; text-align:center;}
.board-list .tb-subj {padding-left:40px; padding-right:10px; box-sizing:border-box; text-align:left;}
.board-list .subj {font-size:16px; color:#000; font-weight:bold;}
.board-list .subj-2 {font-size:15px;}
.board-list .no-data, .accordion .no-data, .board-accor .no-data {padding:100px 0; color:#000; text-align:center;}
.board-accor .no-data { display:block; width:100%; }
.board-sch { margin-top:40px; text-align:center; font-size:0; }
.board-sch .sch-sel { display:inline-block; width:140px; }
.board-sch .sch-sel + .sch-sel { margin-left:8px; }
.board-sch .sch-ipt { position:relative; display:inline-block; margin-left:8px; width:300px; height:50px; border:1px solid #eee; border-radius:3px; text-align:left; box-sizing:border-box; }
.board-sch .fm-ipt-2 { width:calc(100% - 48px); border:none; height:100%; padding-right:0; }
.board-sch .btn-sch { position:absolute; right:0; width:48px; height:48px; top:1px; right:1px; }
.board-video + .board-content, .board-event + .board-content, .board-img + .board-content { margin-top:0; border-top:none; }
.board-content + .board-attatch { margin-top:0; }
.board-source + .board-attatch { margin-top:32px; }
.board-source + .board-tag { margin-top:32px; }
.board-attatch + .board-preview { margin-top:0; }
.board-event + .board-attatch { margin-top:0; }
.event-comp { padding:120px 0 195px 0; line-height:1.58; text-align:center; }
.event-comp .title { font-size:22px; color:#000; font-weight:bold; margin-bottom:9px; }
.event-comp .title::before { margin:0 auto 18px; }

.card-list { margin:0 -12px; display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden; padding: 0 12px;}
.card-list * {box-sizing: border-box;}/*swiper 레이아웃에 오류 발생 시 크레버스 채널 상단의 swiper에만 적용할 수 있도록 수정*/
.card-list .slide { float:left; width:calc(25% - 24px); margin:0 12px; border-radius:5px; box-sizing:border-box; }
.card-list::after, .card-item::after { content:''; display:block; clear:both; }
.card-list .card-item { height:216px; padding:27px 24px 0 23px; box-sizing:border-box; border:solid 1px #eee; border-radius:5px;}
.card-list .card-item dt { height:148px; }
.card-list .card-item .cap { color:#4246c1; }
.card-list .card-item .title { display:block; width:100%; font-size:22px; color:#000; font-weight:bold; line-height:1.37; height:4.2em; margin-top:8px; box-sizing:border-box; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; }
.card-list .card-item dd { float:left; width:50%; }
.card-list .card-item dd.hit { float:right; text-align:right; }

/********************* TAB *********************/
.tab { width:100%; margin-top:60px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; }
.tab.cmgt { margin-top:90px; }
.tab.cmgt-2 { margin-top:40px; }
.tab.cmgt-4 { margin-top:22px; }
.tab.cmgt-5 { margin-top:27px; }
.tab .tab-item {  -webkit-box-flex:1; -ms-flex:1; flex:1; box-sizing:border-box; }
.tab .tab-item a { height:60px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:solid 1px #111; font-size:15px; color:#111; text-align:center; background-color:#fff; box-sizing:border-box;}
.tab.line-ty .tab-item a { border-color:#eee; }
.tab .tab-item.point a { border-color:#ef3e42; color:#ef3e42; }
.tab .tab-item.point.active a { color:#fff; background-color:#ef3e42; border-color:#ef3e42; }
.tab.ty-2 .tab-item a { border-color:#eee; color:#000; }
.tab .tab-item + .tab-item a { margin-left:-1px; }
.tab .tab-item.active a { position:relative; z-index:2; color:#fff; border-color:#111; background-color:#111; }
.tab .tab-item.ty-2.active a{ background-color:#ef3e42; border-color:#ef3e42; }
.tab .tab-item.ty-3.active a{ background-color:#64a704; border-color:#64a704; }
.tab .tab-item.ty-4.active a{ background-color:#03328d; border-color:#03328d; }
.tab .tab-item.ty-5.active a{ background-color:#008f9c; border-color:#008f9c; }
.tab .tab-item.ty-6.active a{ background-color:#f08300; border-color:#f08300; }
.tab .tab-item.ty-7.active a{ background-color:#3ebcd2; border-color:#3ebcd2; }
.tab .tab-item.ty-8.active a{ background-color:#005c97; border-color:#005c97; }
.tab .tab-item.ty-9.active a{ background-color:#e85298; border-color:#e85298; }
.tab .tab-item.ty-10.active a{ background-color:#00babb; border-color:#00babb; }
@media (hover: hover) {
  .tab .tab-item.ty-1:hover a,.tab .tab-item.ty-2:hover a,.tab .tab-item.ty-3:hover a,.tab .tab-item.ty-4:hover a,.tab .tab-item.ty-5:hover a,.tab .tab-item.ty-6:hover a,.tab .tab-item.ty-7:hover a,.tab .tab-item.ty-8:hover a,.tab .tab-item.ty-9:hover a,.tab .tab-item.ty-10:hover a {color:#fff;}
  .tab .tab-item.ty-1:hover a {position:relative; z-index:2; color:#fff; border-color:#111; background-color:#111}
  .tab .tab-item.ty-2:hover a { background-color:#ef3e42; border-color:#ef3e42; }
  .tab .tab-item.ty-3:hover a { background-color:#64a704; border-color:#64a704; }
  .tab .tab-item.ty-4:hover a { background-color:#03328d; border-color:#03328d; }
  .tab .tab-item.ty-5:hover a { background-color:#008f9c; border-color:#008f9c; }
  .tab .tab-item.ty-6:hover a { background-color:#f08300; border-color:#f08300; }
  .tab .tab-item.ty-7:hover a { background-color:#3ebcd2; border-color:#3ebcd2; }
  .tab .tab-item.ty-8:hover a { background-color:#005c97; border-color:#005c97; }
  .tab .tab-item.ty-9:hover a { background-color:#e85298; border-color:#e85298; }
  .tab .tab-item.ty-10:hover a { background-color:#00babb; border-color:#00babb; }
}

.tab-2 { position:relative; padding:0 36px; font-size:15px; font-weight:bold; color:#111; text-align:center; white-space:nowrap; background:url("../images/common/tab-2-bg.gif") 0 100% repeat-x; }
.tab-2.swipe-tab { padding-left:0; padding-right:0; }
.tab-2.swipe-tab .tab-item:first-child { margin-left:100px; }
.tab-2.swipe-tab .tab-item:last-child { margin-right:100px; }
.tab-2 .tab-item { display:inline-block; margin:0 20px 0 25px; border-bottom:3px solid transparent; }
.tab-2 .tab-item::before { content:''; display:inline-block; width:1px; height:110px; vertical-align:middle; }
.tab-2 .tab-item.active { position:relative; z-index:2; color:#c10026; border-color:#c10026; }
.swipe-tab { word-break:normal; word-wrap:normal; }
.swipe-tab .swipe-prev { left:10px; z-index:3; }
.swipe-tab .swipe-next { right:10px; z-index:3; }
.swipe-tab::before { content:''; position:absolute; left:0; top:1px; bottom:3px; z-index:2; width:100px; background:-moz-linear-gradient(left, #ffffff 34%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, #ffffff 34%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, #ffffff 34%,rgba(255,255,255,0) 100%); }
.swipe-tab::after { content:''; position:absolute; right:0; top:1px; bottom:3px; z-index:2; width:100px; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff 66%); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,#ffffff 66%); background:linear-gradient(to right, rgba(255,255,255,0) 0%,#ffffff 66%); }
.swipe-off.swipe-tab::before, .swipe-off.swipe-tab::after { display:none; }
.tab.tab10 li{width: 20%;flex: none;}
.tab.tab10 .tab-item a {margin: -1px 0 0 -1px;}
.tab.tab10 .tab-item a {margin: -1px 0 0 -1px;}
/********************* TEXT *********************/
.g-title { margin:55px 0 -4px; font-size:24px; font-weight:bold; color:#000; letter-spacing:-0.025em; }
.g-title.cmgt { margin:36px 0 -4px; }
.g-title.cmgt-0, .g-title-wrap.cmgt-0 { margin-top:-5px; }
.g-title.cmgt-2, .g-title-wrap.cmgt-2 { margin-top:75px; }
.g-title.cmgt-3 { margin-top:26px; }
.g-title.cmgt-4 { margin-top:61px; }
.g-title.cmgt-5 { margin-top:75px; }
.g-title-2 { margin:55px 0 -4px; font-size:22px; font-weight:bold; color:#000; letter-spacing:-0.025em; }
.g-title-3 { margin:90px 0 0; font-size:40px; color:#000; line-height:1.4; letter-spacing:-0.05em; text-align:center; }
.g-title-3.cmgt { margin-top:50px; }
.g-title-4 { margin:74px 0 -4px; font-size:26px; color:#000; }
.g-title-5 { margin:35px 0 -4px; font-size:20px; color:#000; font-weight:bold; letter-spacing:-0.025em; }
.g-title-5.cmgt { margin-top:48px; }
.g-title-5.cmgt-2 { margin-top:42px; }
.g-title-6 { margin:28px 0 -4px; font-size:20px; color:#000; font-weight:bold; }
.g-title-6.cmgt-0 { margin-top:-4px; }
.g-title-7 { margin:73px 0 0; font-size:26px; color:#000; line-height:1.53; letter-spacing:-0.025em; font-weight:bold; }
.g-title-8 { margin-top:-4px; font-size:16px; color:#000; font-weight:bold; }
.g-title-8.cmgt { margin-top:46px; }
.g-title-8.cmgt-2 { margin-top:18px; }
.g-title-9 { margin:60px 0 0 -4px; font-size:24px; color:#000; font-weight:bold; line-height:1.45; }
.g-title-9.cmgt-0 { margin-top:-5px; }
.g-title-9.cmgt { margin-top:95px; }
.g-sub-txt-3 { margin:19px 0 -4px; line-height:1.72; text-align:center; letter-spacing:-0.01em; }
.g-sub-txt-3.cmgt { margin-top:14px; }
.g-title-5 .g-title-sub { font-weight:normal; margin-left:11px; }
.g-title-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; margin-top:56px; }
.g-title-wrap .g-title { margin-top:0; }
.g-title-wrap .board-total { margin:0; }
.g-title-wrap .g-btn { margin-bottom:-9px; }
.g-title-wrap .g-title-board .g-title { display:inline-block; margin-right:10px; }
.g-title-wrap .g-title-board .board-total { display:inline-block; }
.g-title-wrap .g-btn.cmgb-0 { margin-bottom:0; }
.g-title-wrap-8 { margin-top:46px; }
.g-title-wrap-8 .g-title-8 { display:inline-block; }
.g-title-txt { margin-top:-4px; font-size:16px; color:#000; font-weight:bold; }
.g-title-txt-2 { margin:7px 0 14px; color:#000; line-height:1.58; }
.g-title-txt-3 { margin:7px 0 0; color:#000; line-height:1.72; }
.g-title-txt-4 { margin:8px 0 0 9px; }
.g-title-txt-3-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:7px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.g-title-txt-3-wrap .txt { color:#000; line-height:1.72; }
.g-title-txt-3-wrap .btn { display:inline-block; text-align:right; }
.g-l-title {margin: 80px 0 30px; font-size: 24px; font-weight: bold; color: #000; letter-spacing: -0.025em;}
.g-l-title.titCenter{text-align: center;}

.g-title-9.ad-title-9{margin: 100px 0 35px 0;}
.g-title-sub{font-size: 22px; color: #000000; margin-top: 60px;}
.g-title-sub.title-sub-t{margin-top: 35px;}
.bor-r{display: inline-block; width: 0.5px; height: 16px; background-color: #666666; margin: 0 12px;}
/********************* GRID LIST *********************/
.grid-item { box-sizing:border-box; }
.grid-item .grid-img { position:relative; display:block; overflow:hidden; }
.grid-item .grid-img::before { content:''; display:block; width:100%; padding-top:56.060606%; }
.grid-item .grid-img img { position:absolute; top:0; left:0; width:100%; height:100%; }
.grid-item .grid-txt { padding:15px 3px 0 3px; box-sizing:border-box;  }
.grid-item .grid-txt .title { font-size:16px; font-weight:bold; color:#000; letter-spacing:-0.025em; line-height:1.526; max-height:3.052em; display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.grid-item .grid-txt .info { font-size:12px; margin-top:7px; position:relative; }
.grid-item .grid-txt .info .hit { margin-right:6px; }
.grid-item .grid-txt .info .like { position:absolute; right:0; font-size:12px; }
.grid-item .ico-video { position:absolute; z-index:2; left:12px; bottom:12px; }
.grid-item .ico-txt-2 { position:absolute; z-index:2; right:12px; top:12px; }
.grid-link { display:block; height:100%; }
.grid-list { margin:0 -16px -57px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.grid-list.cmgt { margin-top:20px; }
.grid-list .grid-item { float:left; width:calc(25% - 32px); margin:0 16px 57px; }
.grid-list-2::after, .grid-list::after { content:''; display:block; clear:both; }
.grid-list-2-wrap { position:relative; }
.grid-list-2 { display:-webkit-box; display:-ms-flexbox; display:flex; }
.grid-list-2.cmgt { margin-top:24px; }
.grid-list-2 .grid-item { float:left; position:relative; width:calc(67% / 3 - 32px); margin-left:32px; }
.grid-list-2 .grid-item.point { width:33%; margin:0; }
.grid-list-3 { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 -16px -45px; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.grid-list-3.cmgt { margin-top:32px; }
.grid-list-3 .grid-item-2 { width:50%; padding:0 16px; box-sizing:border-box; margin-bottom:45px; }
.grid-item-2 .grid-img-3 { position:relative; display:block; overflow:hidden; }
.grid-item-2 .grid-img-3::before { content:''; display:block; width:100%; padding-top:35.958904%; }
.grid-item-2 .grid-img-3 img { position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100%; }
.grid-item-2 .grid-txt-3 { margin-top:15px; padding:0 3px; box-sizing:border-box;  }
.grid-item-2 .grid-txt-3 .title { display:block; font-size:20px; font-weight:bold; color:#000; letter-spacing:-0.025em; line-height:1.526; max-height:3.052em; }
.grid-item-2 .grid-txt-3 dd { display:inline-block; font-size:12px; margin-top:5px; }
.grid-item-2 .flag { position:absolute; z-index:2; right:16px; top:16px; }

.btn-more { position:absolute; top:11px; right:0; display:block; width:12px; height:12px; }
.btn-more::before { content:''; display:block; position:absolute; top:0; left:5px; width:2px; height:100%; background-color:#000; }
.btn-more::after { content:''; display:block; position:absolute; top:5px; left:0; width:100%; height:2px; background-color:#000; }

.btn-more-2 { position:absolute; display:block; width:20px; height:20px; }
.btn-more-2::before { content:''; display:block; position:absolute; top:0; left:9px; width:2px; height:100%; background-color:#000; }
.btn-more-2::after { content:''; display:block; position:absolute; top:9px; left:0; width:100%; height:2px; background-color:#000; }

.btn-more3 .ir{display: none}
.btn-more3 { position:absolute; top:11px; right:0;font-size: 16px; color: #00babb;line-height: 18px;}
/*.btn-more3::after { content:''; display:block;  width:5px; height:5px; border-top: 1px solid #00babb; border-right: 1px solid #00babb; transform: rotateZ(45deg) translate(6px, 6px); margin-left: 3px;}*/
.btn-more3::after { content:''; display:inline-block;  width:15px; height:18px; background: url(../images/common/more.png) no-repeat center -3px / 93%;vertical-align: -3px;}
.btn-more3:hover{border-bottom: 1px solid #00babb;}

.faq-sch { position:relative; width:660px; border-bottom:solid 4px #111; padding-bottom:0; margin:-7px auto 0; }
.faq-sch .ipt { width:100%; font-size:30px; color:#000; height:88px; line-height:88px; border:none; text-align:center; padding:0 60px; box-sizing:border-box; }
.faq-sch .btn-sch { position:absolute; right:8px; top:27px; }
.faq-sch .ipt::-webkit-input-placeholder { color:#000 !important; }
.faq-sch .ipt::-moz-placeholder { color:#000 !important; }
.faq-sch .ipt:-ms-input-placeholder { color:#000 !important; }
.faq-sch .ipt:-moz-placeholder { color:#000 !important; }

/********************* ERROR *********************/
.error-wrap { position:relative; display:table; max-width:1580px; width:100%; min-height:100vh; margin:0 auto 0; box-sizing:border-box; }
.error-wrap .error-logo { position:absolute; top:47px; left:0; }
.error-wrap .error-cont { display:table-cell; text-align:center; vertical-align:middle; }
.error-wrap .error-cont .error-title { font-size:40px; color:#111; line-height:1.4; letter-spacing:-0.05em; }
.error-wrap .error-cont .error-txt { margin:22px 0 43px; line-height:1.714; }

/********************* ACCORDION/FAQ/SHUTTLE *********************/
.accordion, .shuttle, .faq-list { border-top:solid 2px #111; }
.accordion.cmgt { margin-top:20px; }
.accordion.cmgt-2 { margin-top:30px; }
.acc-title::after { content:''; position:absolute; top:50%; right:33px; width:16px; height:16px; margin-top:-14px; border:solid 1px #cdcdcd; border-width:0 1px 1px 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.acc-item.active .acc-title::after, .acc-title.active::after { border-color:#111; margin-top:-3px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
.acc-title { display:block; font-size:0; position:relative; padding:28px 80px 31px 0; border-bottom:solid 1px #eee; box-sizing:border-box; }
.accordion .acc-title .cate { display:inline-block; width:13.839286%; color:#000; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle; }
.accordion .acc-title .cap { display:inline-block; width:12.053571%; font-size:16px; color:#000; padding-left:6.071429%; box-sizing:border-box; vertical-align:middle; }
.accordion .acc-title .subj { display:inline-block; width:calc(100% - 26%); font-size:16px; color:#000; text-align:left; box-sizing:border-box; vertical-align:middle; }
.accordion .acc-cont { display:none; padding:27px 80px 27px 0; box-sizing:border-box; border-bottom:solid 1px #eee; background:#f8f8f8; }
.accordion .no-data { border-bottom:solid 1px #eee; }
.accordion .acc-cont-in { color:#000; padding-left:25.892857%; line-height:1.7; box-sizing:border-box; }
.accordion .acc-cont-in img { max-width:100%; height:auto !important; }
.accordion .acc-cont-in p + p { margin-top:11px; }
.accordion .acc-title.active .cap, .acc-title.active .subj { color:#00babb; font-weight:bold; }
.accordion .board-attatch { margin:20px -60px 0 20px; padding-left:calc(25.892857% - 20px); padding-bottom:4px; border-top:1px dashed #ddd; }
.accordion .board-attatch .all-down { padding-left:0; }
.accordion .board-attatch .only-down { padding-left:14px; }

.faq-list .faq-item { padding:13px 8px; border-bottom:solid 1px #eee; line-height:1.71; }
.faq-item .faq-title { display:inline-block; margin:2px 0 0 1.2em; text-indent:-1.2em; color:#000; font-weight:bold; }
.faq-item .faq-cont { margin-left:1.2em; box-sizing:border-box; }
.faq-item .faq-cont p { margin-top:3px; }
.faq-item .faq-cont ul { margin-top:9px; }
.faq-item .faq-cont ul li { margin-top:7px; }

.shuttle { margin-top:80px; }
.shuttle .acc-title { padding:22px 72px 26px 30px; }
.shuttle .acc-title .bus-num { position:relative; display:inline-block; width:calc(100% - 270px); color:#000; font-size:14px; vertical-align:middle; padding-left:34px; box-sizing:border-box; }
.shuttle .acc-title .bus-num::before { position:absolute; left:0; top:6px; }
.shuttle .acc-title .num { font-size:24px; display:block; }
.shuttle .acc-title .driver { display:inline-block; width:135px; font-size:14px; line-height:1.72; box-sizing:border-box; vertical-align:middle; text-align:center; }
.shuttle .acc-title .route { display:block; margin-top:3px; }
.shuttle .acc-cont { display:none; max-height:600px; border-bottom:solid 1px #f5f5f5; }
.shuttle .acc-cont-in { overflow:hidden; height:100%; }
.map-shuttle-wrap { float:left; position:relative; width:66.666667%; height:600px; }
.shuttle-route { float:left; width:33.333333%; height:100%; }
.shuttle-route:first-child { float:none; width:100%; }
.route-wrap { overflow-y:auto; height:540px; box-sizing:border-box; }
.route-title .title { float:left; width:calc(100% - 120px); font-weight:bold; color:#000; padding:20px 0 0 28px; box-sizing:border-box; }
.route-title .print { float:right; width:120px; text-align:right; padding:20px 38px 0 0; box-sizing:border-box; }
.route-title .print a:hover { text-decoration:underline; }
.route-title { height:60px; background:#fafafa; }
.route-list li { position:relative; padding:28px 65px 30px 61px; border-bottom:dashed 1px #eee; }
.route-list li::before { content:''; position:absolute; left:39px; display:block; width:2px; height:100%; background:#ef3e42; }
.route-list li:last-child::before { display:none; }
.route-list li .num { position:absolute; top:25px; left:28px; display:block; width:24px; height:24px; border-radius:100%; background:#ef3e42; color:#fff; font-weight:bold; text-align:center; line-height:1.6; }
.route-list li .time { display:block; color:#ef3e42; font-weight:bold; }
.route-list li .station { display:block; margin-top:6px; color:#111; }
.route-list li .i-favorite-2 { position:absolute; top:50%; right:36px; margin-top:-11px; }
.shuttle .no-shuttle { padding:202px 0; color:#000; width:100%; text-align:center; font-weight:bold; }
.shuttle .no-shuttle .ir-b { margin:0 auto; }
.shuttle .no-shuttle .ir-b:before { margin:0 auto 22px; text-align:center; }

/********************* MODAL & LAYER POPUP *********************/
.uipop-container { display:none; position:absolute; }
.uipop-container.dim { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.7); z-index:900; overflow:auto; -webkit-overflow-scrolling:touch;}
.uipop-container.dim .uipop-track { display:table-cell; width:100vw; height:100vh; vertical-align:middle; }
.uipop-container.uipop-fixed { position:fixed; left:0; top:0; }
.uipop-container.uipop-fixed.v2 { position:fixed; left:0; top:0; transform: translate(-50%,-50%); margin-top: initial !important; margin-left: initial !important;}
.uipop-container.uipop-fixed.v2 .fm-chk-i { line-height: 1.3;}
.editor-wrap { max-height:610px; max-height:calc(100vh - 234px); overflow-y:auto; text-align:center; -webkit-overflow-scrolling:touch;}
.editor-wrap img { max-width:100%; }
.pop-layer { display:none; margin:0 auto; }
.pop-layer-2 { position:relative; display:none; margin:0 auto; background:#fff; box-sizing:border-box; box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2); outline:none; max-width:80vw; }
.pop-w { width:780px; }
.pop-480 { width:480px; }
.pop-wFix {width:1120px;}
.onlineClassview {width:1226px; min-height:660px;}
.onlineClassview .frame {padding:10px; background:#fff;}
.onlineClassview .frame iframe {height:680px!important; min-height:680px;}
.onlineClassview .pop-btn-close {top:-40px; right:0px;}
.pop-wrap { box-sizing:border-box; position:relative; }
body > .pop-wrap .pop-head .pop-btn-close { display:none; }
.pop-wrap .pop-head { position:relative; height:70px; padding:23px 36px; background-color:#4246c1; box-sizing:border-box; }
.pop-wrap .pop-head.transparent { position:relative; height:80px; padding:23px 36px; background-color:transparent; box-sizing:border-box; }
.pop-wrap .pop-head.mint {background-color:#00b3b8;}
.pop-wrap.app-info-frame {min-width:320px;}
.pop-mw .pop-head {padding:15px 36px;}
.pop-mw .pop-cont {max-width:780px; margin:0 auto;}
.pop-btn-close { position:absolute; top:24px; right:0; width:30px; height:30px; white-space:nowrap; overflow:hidden; font-size:0; text-indent:-999px; overflow:hidden; z-index:100; }
.pop-head .pop-btn-close { right:36px; }
.pop-btn-close:before, .pop-btn-close:after { content:''; position:absolute; display:inline-block; box-sizing:border-box; background-color:#fff; }
.pop-head .pop-btn-close:before, .pop-head .pop-btn-close:after { background-color:#fff; }
.pop-btn-close:before { left:50%; top:0; width:2px; height:30px; -webkit-transform:translateX(-50%) rotate(45deg); -ms-transform:translateX(-50%) rotate(45deg); transform:translateX(-50%) rotate(45deg); }
.pop-btn-close:after { left:0; top:50%; width:30px; height:2px; -webkit-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
.mint-pop .pop-btn-close {top:10px; right:10px; width:40px; height:40px; background:url("../images/common/icon_close_black.svg") no-repeat center / 40%;}
.mint-pop .pop-btn-close:before, .mint-pop .pop-btn-close:after {display:none;}
.pop-head .pop-title { font-size:20px; color:#fff; font-weight:bold; }
.pop-head .appList {display:block; width:100%; max-width:780px; height:39px; margin:0 auto; padding:0 15px; border:1px solid #66d6d6; font-size:18px; color:#fff; font-weight:bold; box-sizing:border-box; background-color:#00b3b8; background-image:url("../images/common/i-sel-5.png"); background-size:14px 9px; background-repeat:no-repeat; background-position:right 17px center; outline:0;}
.pop-head .appList:hover {background-color:#33c8c9; cursor:pointer;}
.pop-head .appList:active {border:2px solid #fff; padding:0 14px; border-radius:3px; background-color:#00b3b8; background-position:right 16px center;}
.pop-wrap .pop-cont { padding:36px; position:relative; background-color:#fff; }
.pop-wrap.iframe-version .pop-cont {padding:0;}
.pop-wrap .pop-cont.pd-none { padding:0; }
.pop-wrap .pop-cont .pop-img { display:block; text-align:center; }
.pop-wrap .pop-cont .pop-img img { width:100%; max-width:350px; }
.pop-wrap .pop-cont .pop-txt { margin:7px 0 14px; color:#000; line-height:1.58; }
.pop-wrap .pop-cont .footer_noToday {border-top:1px solid #eee; padding-top:1em;}
.onlineTestGuide {margin-top:30px; padding:0 20px;}
.onlineTestGuide p.title {font-weight:600; color:#000; font-size:1.1em; margin-bottom:10px;}
.onlineTestGuide .list-dot span a {color:#4246c1; font-weight:600;}
.onlineTestGuide .list-dot .red {color:#ef3e42;}
.onlineTestGuide .list-dot .red:before {background-color:#ef3e42;;}
.pop-layer-btm { color:#111; padding:0 16px; height:80px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.pop-layer-btm.noneSpace {height:70px;}
.pop-layer-btm.noneSpace .fm-chk + .fm-chk-i {font-size: 15px;}
.pop-layer-2 .pop-btn-close { top:auto; bottom:0; margin-right:-40px; width:26px; height:26px; background:rgba(0,0,0,0.4); }
.pop-layer-2 .pop-btn-close:before, .pop-layer-2 .pop-btn-close:after { content:''; position:absolute; display:inline-block; box-sizing:border-box; background-color:#fff; }
.pop-layer-2 .pop-btn-close:before { height:26px; width:1px; }
.pop-layer-2 .pop-btn-close:after { width:26px; height:1px;}
.pop-cont.app-buff { padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-buff-bg.jpg") 100% 0 no-repeat; }
.pop-cont.app-allim { padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-allim-bg.png") 96% 0 no-repeat; }
.pop-cont.app-e-Library { padding:79px 36px 54px; background:#fafafa url("../images/common/app-e-Library-bg.jpg") 100% 0 no-repeat; }
.pop-cont.app-CDI-LearningPortal {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-CDI-LearningPortal-bg.png") 98% 126px no-repeat;}
.pop-cont.app-April-LearningPortal {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-creverse-LearningPortal-bg.png") 86% 38px no-repeat;}
.pop-cont.app-April-VinaTalk {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-April-VinaTalk-bg.jpg") 100% 0 no-repeat;}
.pop-cont.app-April-Buff {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-April-Buff-bg.png") 87% 52px no-repeat;}
.pop-cont.app-Bouncy-Buff {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-Bouncy-Buff-bg.png") 87% 52px no-repeat;}
.pop-cont.app-April-MeMe {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-April-MeMe-bg.png") 98% 126px no-repeat;}
.pop-cont.app-Bouncy-MeMe {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-Bouncy-MeMe-bg.png") 98% 126px no-repeat;}
.pop-cont.app-Thinking-MeMe {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-Thinking-MeMe-bg.png") 87% 52px no-repeat;}
.pop-cont.app-ChunkToon {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-ChunkToon-bg.png") 87% 52px no-repeat;}
.pop-cont.app-PhonicsConcert {padding:79px 36px 54px; background:#f7f7f7 url("../images/common/app-PhonicsConcert-bg.jpg") 100% 0 no-repeat;}
.app-title { height:266px; position:relative;}
.app-des { width:360px; text-align:left; }
.app-des .cap { display:block; font-weight:bold; color:#767a81; }
.app-des .title { display:block; font-size:35px; font-weight:bold; color:#604a32; margin-top:3px; letter-spacing: -0.2px;}
.app-des .point { color:#f98000; }
.app-des dd { color:#444; line-height:1.72; margin-top:8px; }
.app-down-btn { width:340px; height:54px; position:absolute; left:0px; bottom:24px; overflow:hidden; border:solid 1px rgba(0,0,0,0.1); border-radius:5px; box-sizing:border-box; margin-top:15px; }
.app-down-btn .btn { float:left; width:50%; height:100%; box-sizing:border-box; text-align:center; padding-top:14px; box-sizing:border-box; background-color:#fff;}
.app-down-btn .btn + .btn { border-left:solid 1px rgba(0,0,0,0.1); }
.app-info { position:relative; background:#fff; border-radius:5px; overflow:hidden; }
.app-info::before { content:''; position:absolute; left:50%; display:block; width:1px; height:100%; border-left:dashed 1px #eee; }
.app-info::after { content:''; position:absolute; top:50%; display:block; width:100%; height:1px; border-top:dashed 1px #eee; }
.app-info.vHalf::before {top:0%; height:50%;}
.app-info .item {display:table; float:left; width:50%; height:180px; text-align:center; box-sizing:border-box;}
.app-info .item.wide {float:none; width:100%;}
.app-info .item div {display:table-cell; height:180px; vertical-align:middle;}
.app-info .item dt { font-weight:bold; color:#000; }
.app-info .item dd { color:#444; line-height:1.57; margin-top:10px; }
/*
.app-allim .app-des { margin:0 0 0 auto; }
.app-allim .app-down-btn { margin:15px 0 0 auto; }
*/
.app-allim .app-des .title {color:#534e4b;}
.app-allim .app-des .point {color:#534e4b;}
.app-e-Library .app-des .title {color:#534e4c;}
.app-e-Library .app-des .point {color:#534e4b;}
.app-CDI-LearningPortal .app-des .title {color:#534e4b;}
.app-CDI-LearningPortal .app-des .point {color:#534e4b;}
.app-April-LearningPortal .app-des .title {color:#534e4b;}
.app-April-LearningPortal .app-des .point {color:#534e4b;}
.app-April-VinaTalk .app-des .title {color:#534e4b;}
.app-April-VinaTalk .app-des .point {color:#534e4b;}
.app-April-Buff .app-des .title {color:#534e4b;}
.app-April-Buff .app-des .point {color:#534e4b;}
.app-Bouncy-Buff .app-des .title {color:#534e4b;}
.app-Bouncy-Buff .app-des .point {color:#534e4b;}
.app-April-MeMe .app-des .title {color:#534e4b;}
.app-April-MeMe .app-des .point {color:#534e4b;}
.app-Bouncy-MeMe .app-des .title {color:#534e4b;}
.app-Bouncy-MeMe .app-des .point {color:#534e4b;}
.app-Thinking-MeMe .app-des .title {color:#534e4b;}
.app-Thinking-MeMe .app-des .point {color:#534e4b;}
.app-ChunkToon .app-des .title {color:#534e4b;}
.app-ChunkToon .app-des .point {color:#534e4b;}
.app-PhonicsConcert .app-des .title {color:#534e4b;}
.app-PhonicsConcert .app-des .point {color:#fdac2e;}
.pop-cont.OnlineClassPopup {padding:30px 35px 30px; min-height:600px;}
.OnlineClassPopup .guideText {line-height:1.4em; font-size:1.1em; color:#000;}
.OnlineClassPopup .term {margin-top:20px; font-size:1.2em; font-weight:600; color:#333;}
.OnlineClassPopup .viewAll {text-align:right; margin-top:-20px; font-weight:600;}
.OnlineClassPopup .viewAll label span {display:inline-block; margin-left:5px;}
.OnlineClassPopup .lessonType {font-size:0; text-align:left; border-bottom:2px solid #4246c1; margin-top:20px;}
.OnlineClassPopup .lessonType li { position:relative; display:inline-block; margin-right:4px; border:0px;}
.OnlineClassPopup .lessonType li a {display:block; width:152px; height:36px; font-size:15px; line-height:36px; background-color:#ababab; color:#fff; text-align:center; border:0px; border-radius:0.3em 0.3em 0 0; }
.OnlineClassPopup .lessonType .tab-item.active a { background-color:#4246c1;}
.OnlineClassPopup .lessonList {display:none;}
.OnlineClassPopup table {width:100%; border-spacing:0px!important; border-top:1px solid #eee; margin-top:10px;}
.OnlineClassPopup table th {background:#f6f6f6; border-bottom:1px solid #eeeeee; font-size:12px; padding:15px 0px;}
.OnlineClassPopup table th:first-child {border-left:0px;}
.OnlineClassPopup table td {border-bottom:1px solid #eeeeee; color:#333; font-size:14px; text-align:center; font-weight:bold; padding:7px 0px;}
.OnlineClassPopup table td.title {border-left:0px; color:#4246c1; font-size:15px;}
.OnlineClassPopup table td.today {color:#4246c1;}
.OnlineClassPopup table td a {display:inline-block; width:180px; height:38px; line-height:38px; background-color:#4246c1; color:#fff; border-radius:0.3em;}
.OnlineClassPopup table td a em {display:inline-block; vertical-align:middle; width:20px; height:20px; position:relative; top:-2px; right:10px; background:url("../images/common/icon_onlineClass_video.png") no-repeat; background-size:20px 20px;}
.OnlineClassPopup table td a:hover, .OnlineClassPopup table td a:active {background-color:#0845a6;}
.OnlineClassPopup table td a:disabled, .OnlineClassPopup table td a.disabled {background-color:#b2b2b2;}
.OnlineClassPopup table td button {width:180px; height:38px; line-height:38px; color:#fff; font-weight:600; border-radius:0.3em; margin:1px 0; outline:0px;}
.OnlineClassPopup table td button em {display:inline-block; vertical-align:middle; position:relative; top:-2px; right:10px; }
.OnlineClassPopup table td button.video {background-color:#4246c1;}
.OnlineClassPopup table td button.video em {width:20px; height:20px; background:url("../images/common/icon_onlineClass_video.png") no-repeat; background-size:100%;}
.OnlineClassPopup table td button.live {background-color:#c10026;}
.OnlineClassPopup table td button.live em {width:32px; height:18px; background:url("../images/common/icon_onlineClass_live.png") no-repeat; background-size:100%;}
.OnlineClassPopup table td button.vod {background-color:#4246c1;}
.OnlineClassPopup table td button.vod em {width:32px; height:18px; background:url("../images/common/icon_onlineClass_vod.png") no-repeat; background-size:100%;}
.OnlineClassPopup table td button:disabled {cursor:default; background-color:#b2b2b2!important;}
.pop-wrap .shuttle { margin-top:0; }
.pop-wrap .shuttle .acc-title { padding:22px 0 21px 30px; }
.pop-wrap .shuttle .acc-title::after { display:none; }
.pop-wrap .shuttle .acc-title .bus-num { display:block; width:100%; color:#000; font-size:14px; padding-bottom:8px; }
.pop-wrap .shuttle .acc-title .bus-num::before { position:absolute; left:0; top:6px; }
.pop-wrap .shuttle .acc-title .num { font-size:24px; display:block; }
.pop-wrap .shuttle .acc-title .driver { width:auto; margin-right:15px; }
.pop-wrap .shuttle .acc-title .driver-wrap { padding-left:34px; }
.pop-wrap .shuttle .acc-title .route { display:block; margin-top:3px; }
.pop-wrap .shuttle .acc-cont { display:block; height:auto; max-height:none; }
.pop-wrap .shuttle .acc-cont-in { overflow:hidden; }
.pop-wrap .map-shuttle-wrap { float:none; width:100%; height:363px; }
.pop-wrap .shuttle-route { float:none; width:100%; }
.pop-wrap .shuttle .no-shuttle { padding:70px 0 65px; }
.pop-wrap .route-wrap { height:auto; max-height:350px; border-bottom:solid 1px #eee; }
.pop-wrap .route-title { height:60px; background:#fafafa; border-top:solid 1px #eee; }
.pop-wrap .route-title .title { font-size:15px; }
.pop-wrap .route-title .title .date::after { content:''; display:inline-block; width:1px; height:13px; background:#eee; margin:0 15px 0 13px; }
.pop-wrap .route-list li { position:relative; padding:19px 0 27px 61px; border-bottom:dashed 1px #eee; }
.pop-wrap .route-list li::before { margin-top:19px; }
.pop-wrap .route-list li .num { top:23px; }
.pop-wrap .route-list li .time { display:inline-block; width:45px; }
.pop-wrap .route-list li .station { display:inline-block; margin-top:6px; color:#111; }
.pop-wrap .route-list li .i-favorite-2 { position:absolute; top:50%; right:36px; margin-top:-11px; }

/********************* BOX/BULLET LIST *********************/
.box { padding:18px 24px 20px 25px; background-color:#fafafa; }
.box.cmgt { margin-top:30px; }
.box.cmgt-2 { margin-top:20px; }
.box-2 { padding:35px 60px; margin-top:24px; background-color:#f4f8fb; color:#767676; font-size: 15px;}
.box-2.cmgt-0 { margin-top:0; }
.box-2.cmgt { margin-top:80px; }
.box-2.cmgt-2 { margin-top:40px; }
.box-2.cmgt-3 { margin-top:60px; }
.box-2.cmgt-4 {margin-top:30px;}
.box-2.TO {color:#333;}
.box-2 .notice {font-size:105%; font-weight:bold; color:#4246c1; margin-top:0.5em;}
.box-2 .notice em {text-decoration:underline; margin-left:0.8em;}
.box-2 .pay-list-promotion {padding:15px 0px 0px;}
.box-2 .pay-list-promotion li {margin-left:0.2em; padding:0.5em 0em; line-height:1.75; color:#333;}
.box-2 .pay-list-promotion li em {font-weight:bold;}
.box-3 { padding:18px 15px 19px 24px; background-color:#f8f8f8; }
.list-dot li {text-indent:-0.8em; margin-left:0.8em; line-height:1.75; color:#333; }
.list-dot li::before { content:''; display:inline-block; width:3px; height:3px; margin:11px 9px 0 0; background-color:#333; vertical-align:top; border-radius:1px; }
.list-dot li + li { margin-top:5px; }
.list-dot .point { color:#ef3e42; }
.list-dot .point::before { background-color:#ef3e42; }
.list-dot .point-2 { color:#fe6962; }
.list-dot .point-2::before { background-color:#fe6962; }
.list-dot span[class*=ico-txt] { text-indent:0; }
.list-dot.cmgt { margin-top:20px; }
.list-dot.cmgt-2 { margin-top:15px; }
.list-dot.ty-2 li::before { width:2px; height:2px; margin:12px 5px 0 0; background-color:#767676; }
.list-dot.ty-2 li + li { margin-top:3px; }
.list-dot.ty-3 li { text-indent:-0.8em; margin-left:0.8em; color:#767676; line-height:1.6; }
.list-dot.ty-3 li::before { width:3px; height:3px; margin:10px 8px 0 0; background-color:#767676; }
.list-dot.ty-3 li + li { margin-top:7px; }
.list-dot.ty-4 li::before { width:3px; height:3px; margin:10px 8px 0 0; background-color:#666; }
.list-dot.ty-4 li { color:#666; line-height:1.71; }
.list-dot.ty-4 li + li { margin-top:2px; }
.list-dot.ty-5 li::before { width:3px; height:3px; margin:10px 8px 0 0; background-color:#000; }
.list-dot.ty-5 li { color:#000; line-height:1.6; }
.list-dot.ty-5 li + li { margin-top:2px; }
.list-dot.ty-5 li.fc-10::before { background-color:#c10026; }
.list-num.cmgt { margin-top:15px; }
.list-num li { margin:2px 0 0 1.2em; text-indent:-1.2em; line-height:1.71; color:#666; }
.list-num li:first-child { margin-top:0; }
.list-num.ty-2 li { margin:5px 0 0 1.2em; line-height:1.75; color:#000; }
.list-num-2 .subj { display:block; font-size:16px; margin:0 0 0 1.2em; text-indent:-1.2em; line-height:1.625; color:#000; font-weight:bold; }
.list-num-2 .des { display:block; line-height:1.71; padding:4px 0 0 18px; }
.list-num-2 .img { display:block; margin-top:24px; }
.list-num-2 li + li { margin:43px 0 0 0; }
.list-symbol.cmgt { margin-top:3px; }
.list-symbol li { text-indent:-1.2em; margin:2px 0 0 1.2em; line-height:1.57; }
.list-symbol li:first-child { margin-top:0; }
.list-symbol-2 { text-indent:-0.7em; margin-left:0.7em; line-height:1.5; }
.list-symbol-2.ty-2 { font-size:1.15em; }
ul.def { position:relative; }
ul.def.i-ref::before { position:absolute; left:0; top:3px; }
.def > li { padding-left:28px; line-height:1.6; color:#333; }
.def > li + li { margin-top:5px; }
.def > dt { margin-bottom:4px; font-weight:bold; color:#333; }
.def > dd { padding-left:25px; line-height:1.6; }
.def > dd + dd { margin-top:5px; }
.def > dd.btn { margin-top:16px; }
.def-2 > dt {  margin-top:11px; margin-bottom:4px; font-weight:bold; color:#333; }
.def-2 > dt span {display:block;font-weight:normal;margin-top:10px;}
.def-2 > dd { line-height:1.72; }
.def-2 > dd + dt { margin-top:11px; }
.box-2.TO .def-2 > dd + dt {margin-top:20px;}
.def-2 dd .def-3 { margin-bottom:14px; }
.box-2.TO .def-2 > dd .def-3 {margin-top:13px;}
.box-2.TO .def-2 > dd .def-3 > .dot-fc {font-weight:normal;}
.def-3 > dt { margin-bottom:3px; text-indent:-0.8em; margin-left:0.8em; font-weight:bold; color:#333; }
.def-3 > dd { padding-left:34px; color:#767676; line-height:1.2; }
.box-2.TO .def-3 > dd {display:none;}
.def-3 > dd + dt { margin-top:11px; }
.def-3 > dt::before { content:''; display:inline-block; width:3px; height:3px; margin:10px 8px 0 0; border-radius:100%; vertical-align:top; }
.def-3 > dt.dot-fc::before { background-color:#ef3e42; }
.ref-title { margin-bottom:3px; text-indent:-1.9em; margin-left:1.9em; line-height:1.72; color:#333; }
.ref-title + .def-2 { padding:0 20px 0 26px;  }
.def2 dd{display: flex;}
.def2 dd::before{content: '∙'; display: inline-block; margin-right: 5px;}
.imgBox{text-align: center;}
.imgBox img{max-width: 100%;}
/********************* SETP LIST *********************/
.step-item { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; min-height:300px; padding:60px 0 60px 320px; background:url("/cdi/resource/images/sub/bg-steplist.png") repeat-x 0 bottom; box-sizing:border-box; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.step-item:last-child { background:none; }
.step-item::before { content:''; display:inline-block; width:180px; height:180px; position:absolute; left:60px; top:50%; margin-top:-90px; background-image:url("/cdi/resource/images/sub/sprite-steplist.png"); background-repeat:no-repeat; }
.step-item.ico-pr1::before { background-position:0 0; }
.step-item.ico-pr1-2::before { height:184px; background-position:-220px 0; }
.step-item.ico-pr1-3::before { width:207px; background-position:0 -190px; margin-left:-27px; }
.step-item.ico-pr1-4::before { background-position:-220px -190px; }
.step-item.ico-pr1-5::before { background-position:0 -380px; }
.step-item.ico-hr1::before { background-position:-220px -380px; }
.step-item.ico-hr1-2::before { background-position:0 -570px; }
.step-item.ico-hr1-3::before { height:187px; background-position:-220px -570px; }
.step-item.ico-hr1-4::before { background-position:0 -768px; }
.step-item.ico-hr1-5::before { width:186px; background-position:-214px -768px; }
.step-info-in { width:100%; }
.step-item .step-info { width:100%; position:relative; box-sizing:border-box; padding-right:230px; }
.step-item .title { font-size:20px; font-weight:bold; color:#000; }
.step-item .title em { color:#ef3e42; }
.step-item .text { margin-top:16px; font-size:15px; line-height:1.66; letter-spacing:-0.025em; }
.step-item .text ol { margin-left:6px; }
.step-item .step-btn { width:203px; position:absolute; right:0; top:50%; margin-top:-30px; }
.step-item .step-btn .btn-t { width:100%; }
.step-info-list li + li { border-top:solid 1px #e5e5e5; margin-top:20px; }

/********************* SAFETY *********************/
.safety { border:solid 1px #eee; display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:24px; }
.safety li { -ms-flex:1; flex:1; text-align:center; padding:55px 5px 39px 5px; }
.safety li + li { border-left:dotted 1px #eee; }
.safety .safety-in { display:block; margin:27px auto 0; line-height:1.72; }

/********************* MAP LAYER *********************/
.gm-style .gm-style-iw { font-weight:400; font-size:14px; }
.gm-ui-hover-effect {opacity:1}
.gm-style .gm-style-iw-c { box-shadow:none; border:solid 1px #052460; border-radius:5px; padding:0; box-sizing:border-box; }
.gm-style.gm-new .gm-style-iw-c {border:0px;border-radius:8px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);}

.gm-style-iw-t::before { display:none; }
.gm-style-iw-tc::after{
  background: #052460 !important;
}
.gm-style .gm-style-iw-t::after { content:""; position:absolute; top:-2px; left:-12px;
  /*-webkit-transform:translate(-50%,0) rotate(45deg); transform:translate(-50%,0) rotate(45deg);*/
  -webkit-clip-path: polygon(0 0,50% 100%,100% 0);
  clip-path: polygon(0 0,50% 100%,100% 0);
  width:24px; height:12px;
  /*background:#052460;*/
  background:#ffffff;
  border:none; box-shadow:none; }
.gm-style.gm-new .gm-style-iw-t::after {display:none;}
.gm-style-iw-d { /*overflow:auto !important;*/ -webkit-overflow-scrolling:touch;}
.gm-style .gm-style-iw-c, .gm-style .gm-style-iw-d { max-height:258px !important; }
.map-layer { box-sizing:border-box; }
.map-layer-in { padding:20px 45px 19px 15px; box-sizing:border-box; max-height:190px; overflow-y:auto; -ms-overflow-style: none; scrollbar-width: none;}
.map-layer-in::-webkit-scrollbar { display: none; }
.map-title { font-size:16px; color:#000; font-weight:bold; line-height:1.3; margin-bottom:12px; }
.map-info { margin:0 0 0 3px; }
.i-pin { background-position:0 -58px; width:12px; height:14px; }
.i-tel { background-position:-22px -58px; width:12px; height:14px; }
.i-time { background-position:-44px -58px; width:12px; height:14px; }
.i-around::before { background-position:-71px -58px; width:15px; height:14px; margin:-3px 3px 0 0; }
.gm-ui-hover-effect { -webkit-transform:rotate(45deg) !important; transform:rotate(45deg) !important; right:9px !important; top:12px !important; }
.gm-ui-hover-effect::before { content:''; position:absolute; background-color:#222; top:50%; left:50%; margin-left:-11px; width:23px; height:1px; }
.gm-ui-hover-effect::after { content:''; position:absolute; background-color:#222; top:50%; left:50%; margin-top:-11px; width:1px; height:23px; }
.gm-ui-hover-effect img { display:none !important; }
.gm-ui-hover-effect > span {display:none!important;}
.map-info li { text-indent:-1.8em; line-height:1.75; color:#333; margin-left:1.8em; word-break:break-all; }
.map-info li .ir { content:''; display:inline-block; width:12px; height:14px; margin:6px 13px 0 0; vertical-align:top; }
.map-info li + li { margin-top:3px; }
.map-btn-area { font-size:0; display:-webkit-box; display:-ms-flexbox; display:flex; background-color:#052460; }
.map-btn { position:relative; display:inline-block; -ms-flex:1; flex:1; text-align:center; box-sizing:border-box; vertical-align:middle; width:50%; height:57px; font-size:14px; padding:0; line-height:3.75; font-weight:bold; color:#fff; background-color:#052460; }
.map-btn + .map-btn::after { content:""; position:absolute; left:0; top:50%; margin-top:-5px; display:inline-block; width:1px; height:10px; background:rgba(255,255,255,0.2); }
.map-btn:hover { color:#fff; text-decoration:underline; }
.map-around {position:absolute; right:50%; top:45px; margin-right:-470px; z-index:100;}
.map-btn-2 { display:inline-block; text-align:center; box-sizing:border-box; vertical-align:middle; min-width:140px; height:50px; font-size:14px; padding:0 14px 0 14px; line-height:3.3; font-weight:bold; border-radius:5px; background:#fff; color:#303f50; border:solid 1px #303f50; }
.map-btn-2:hover { color:#303f50; text-decoration:underline; }
.map-brand-wrap { position:relative; overflow:hidden; margin-top:0px; }
.map-search { width:100%; position:relative; height:calc(100vh - 91px); overflow:hidden; min-height: 800px;}
.map-search .map-marker {width:44px; height:51px; margin-top:-36px; margin-left:-20px;}
.map-shuttle { position:relative; height:100%; overflow:hidden; }
.map-station { position:absolute; left:50%; bottom:45px; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:100; }
.map-shuttle .gm-style .gm-style-iw-t::after { border:solid 1px #052460; border-width:0 1px 1px 0; background:#fff; }
.map-shuttle .map-layer-in { padding:14px 44px 14px 11px; box-sizing:border-box; }
.map-shuttle .map-info li { text-indent:-1.5em; line-height:1.75; color:#333; margin-left:1.5em; }
.map-shuttle .map-info li .ir { content:''; display:inline-block; width:12px; height:14px; margin:6px 8px 0 0; vertical-align:top; }
.map-shuttle .map-info li + li { margin-top:3px; }

/********************* 학사일정 CALENDAR *********************/
.calendar.ty-line { margin-top:80px; padding-top:35px; border-top:2px solid #000; }
.calendar-list { margin-top:40px; border:solid 1px #eee; border-radius:8px; overflow:hidden; }
.calendar-list th { color:#000; font-weight:bold; padding:20px 0 22px 18px; text-align:left; }
.calendar-list tr { border-bottom:solid 1px #eee; }
.calendar-list tbody tr:last-child { border-bottom:none; }
.calendar-list td { height:101px; vertical-align:top; }
.calendar-list td.active .cal-date { color:#000; font-weight:bold; }
.calendar-list td a { display:block; position:relative; height:100%; padding:12px 1.75% 17px 19px; box-sizing:border-box; }
.calendar-list .cal-date { display:block; text-align:left; font-size:20px; }
.calendar-list .cal-schedule { display:block; margin-top:12px; }
.calendar-list .cal-schedule .i-schedule { vertical-align:top; }
.calendar-list .cal-today { position:absolute; top:18px; left:20px; margin-left:27px; display:inline-block; width:58px; height:20px; font-size:12px; line-height:1.66; color:#303f50; text-align:center; border:solid 1px #303f50; border-radius:10px; box-sizing:border-box; }
.calendar-head { position:relative; text-align:center; }
.cal-pag { position:absolute; top:16px; display:inline-block; height:25px; line-height:1.78; }
.cal-prev { left:11px; }
.cal-next { right:11px; }
.cal-prev .i-arr-3 { margin-right:14px; }
.cal-next .i-arr-4 { margin-left:13px; }
.cal-txt-in { font-size:16px; color:#000; }
.cal-month { font-size:24px; font-weight:bold; color:#000; }
.cal-year { display:block; margin-top:3px; font-size:14px; color:#666; }
.schedule { padding:37px 40px 36px; background:#f9f9fa; border-top:solid 1px #eee; }
.schedule .ir { margin-top:-2px; }
.schedule-list dd { margin:4px 0 0 16px; line-height:1.71; }
.schedule-list dd + dt { margin-top:23px; }
.schedule-list-2 dt { display:inline-block; }
.schedule-list-2 dd { display:inline-block; font-weight:bold; color:#000; }
.schedule-list-2 dd + dd{ margin-left:27px; }
.schedule-des { margin-top:17px; text-align:right; }
.schedule-des .i-schedule { margin-left:15px; }
.no-calendar { margin-top:100px; text-align:center; }
.no-calendar .schedule-question { color:#000; text-align:center; }
.no-application .schedule-question { margin-top:17px; color:#000; text-align:center; }
.no-calendar .contact { display:block; margin-top:7px; text-decoration:underline; }
.schedule-question { margin-top:21px; text-align:right; }
.schedule-question .q-info { margin:5px 0 19px; }
.no-application { text-align:center; color:#000; margin-top:120px; }
.no-application .txt { display:block; margin-top:20px;  }
.no-application .box { width:480px; margin:16px auto 0; }
.no-application .box li + li { margin-top:11px; }
.q-info dt, .q-info dd { display:inline-block; }
.q-info dt { margin-right:5px; }
.q-info dd + dt::before { content:''; display:inline-block; width:1px; height:13px; margin:4px 10px 0 4px; background-color:#ccc; vertical-align:top; }


/********************* 학사일정 CALENDAR X *********************/
.calendarx.ty-line { margin-top:80px; padding-top:35px; border-top:2px solid #000; }
.calendarx-list { margin-top:40px; border:solid 1px #efefef; border-radius:8px; overflow:hidden; }
.calendarx-list th { color:#000; font-weight:bold; padding:20px 0 22px 18px; text-align:left; background:#efefef;}
.calendarx-list tr { border-bottom:solid 1px #eee; }
.calendarx-list tbody tr:last-child { border-bottom:none; }
.calendarx-list td { height:140px; vertical-align:top; border-left:1px #efefef solid;}
.calendarx-list td.active { background-color:#e5f8f8;}
@media screen and (max-width:767px){
  .calendarx-list th {background:#fff;}
  .calendarx-list td {border-left:0;}
}
.calendarx-list td.active .cal-date { color:#000; font-weight:bold; }
.calendarx-list td a { display:block; position:relative; height:100%; padding:12px 1.75% 17px 19px; box-sizing:border-box; }
.calendarx-list .cal-date { display:block; text-align:left; font-size:20px; }
.calendarx-list .cal-schedule { display:block; margin-top:12px; }
.calendarx-list .cal-schedule .i-schedule { vertical-align:top; }
.calendarx-list .cal-today { position:absolute; top:18px; left:20px; margin-left:27px; display:inline-block; width:58px; height:20px; font-size:12px; line-height:1.66; color:#303f50; text-align:center; border:solid 1px #303f50; border-radius:10px; box-sizing:border-box; }
.calendarx-list.lineType tr td:first-child {border-left:0;}
.calendarx-head { position:relative; text-align:center; }
.cal-pag { position:absolute; top:16px; display:inline-block; height:25px; line-height:1.78; }
.cal-prev { left:11px; }
.cal-next { right:11px; }
.cal-prev .i-arr-3 { margin-right:14px; }
.cal-next .i-arr-4 { margin-left:13px; }
.cal-txt-in { font-size:16px; color:#000; }
.cal-month { font-size:24px; font-weight:bold; color:#000; }
.cal-year { display:block; margin-top:3px; font-size:14px; color:#666; }
.schedule { padding:37px 40px 36px; background:#f9f9fa; border-top:solid 1px #eee; }
.schedule .ir { margin-top:-2px; }
.schedule-list dd { margin:4px 0 0 16px; line-height:1.71; }
.schedule-list dd + dt { margin-top:23px; }
.schedule-list-2 dt { display:inline-block; }
.schedule-list-2 dd { display:inline-block; font-weight:bold; color:#000; }
.schedule-list-2 dd + dd{ margin-left:27px; }
.schedule-des { margin-top:17px; text-align:right; }
.schedule-des .i-schedule { margin-left:15px; }
.no-calendar { margin-top:100px; text-align:center; }
.no-calendar .schedule-question { color:#000; text-align:center; }
.no-application .schedule-question { margin-top:17px; color:#000; text-align:center; }
.no-calendar .contact { display:block; margin-top:7px; text-decoration:underline; }
.schedule-question { margin-top:21px; text-align:right; }
.schedule-question .q-info { margin:5px 0 19px; }
.no-application { text-align:center; color:#000; margin-top:120px; }
.no-application .txt { display:block; margin-top:20px;  }
.no-application .box { width:480px; margin:16px auto 0; }
.no-application .box li + li { margin-top:11px; }
.q-info dt, .q-info dd { display:inline-block; }
.q-info dt { margin-right:5px; }
.q-info dd + dt::before { content:''; display:inline-block; width:1px; height:13px; margin:4px 10px 0 4px; background-color:#ccc; vertical-align:top; }


/********************* 시험일시 선택 *********************/
.exam-list { margin-top:20px; border-top:2px solid #111; border-bottom:1px solid #eee; }
.exam-list.ty-2 { margin-top:0; border:1px solid #ddd; border-radius:3px; font-size:14px; }
.exam-list .list-item { padding:29px 0; border-top:1px solid #eee; box-sizing:border-box; }
.exam-list .list-item.no-data { text-align:center; }
.exam-list.ty-2 .list-item { padding:15px; border-top-color:#ddd; }
.exam-list .list-item:first-child { border-top:none; }
.exam-list .fm-rad-other { overflow:hidden; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; padding:1px 0 1px 6.170213%; box-sizing:border-box; }
.exam-list .fm-rad + .fm-rad-other::before, .exam-list .fm-rad + .fm-rad-other::after { left:2.12766%; margin-top:1px; }
.exam-list.ty-2 .fm-rad-other { padding-left:28px; }
.exam-list.ty-2 .fm-rad + .fm-rad-other::before, .exam-list.ty-2 .fm-rad + .fm-rad-other::after { left:0; }
.exam-list .sche { display:block; width:42%; min-width:230px; max-width:300px; font-size:16px; font-weight:bold; }
.exam-list.ty-2 .sche { font-size:inherit !important; }
.exam-list .pers { display:block; -ms-flex:auto; flex:auto; }
.exam-list .exam { display:block; width:15.873016%; min-width:120px; max-width:200px; }
.exam-list .money { display:block; width:17.006803%; min-width:125px; max-width:150px; }
.exam-list-des { margin-top:17px; text-align:right; }

/********************* DATA TABLE *********************/
.tb-data-col-2 { margin-top:20px; }
.tb-data-wrap { overflow:hidden; }
.tb-data-col-2:after { content:''; clear:both; display:block; }
.tb-data-col-2 .tb-data-wrap { width:calc(50% - 16px); }
.tb-data-col-2 .tb-data-wrap:nth-child(n+3) { margin-top:32px; }
.tb-data-col-2 .tb-data-wrap:nth-child(odd) { float:left; clear:left; }
.tb-data-col-2 .tb-data-wrap:nth-child(even) { float:right; }
.tb-data { position:relative; margin-left:-1px; }
.tb-data::after { content:''; position:absolute; left:0; top:0; width:100%; height:2px; background:#111; }
.tb-data.tb-connect::before { height:0; }
.tb-data-wrap.cmgt { margin-top:40px; }
.tb-data-wrap.cmgt-2 { margin-top:20px; }
.tb-data-wrap.cmgt-3 { margin-top:16px; }
.tb-data-wrap.cmgt-6 { margin-top:14px; }
.tb-data-wrap.cmgt-7 { margin-top:20px; }
.tb-data-wrap.cmgt-4, .tb-data.cmgt-4 { margin-top:50px; }
.tb-data tr { border-bottom:1px solid #eee; }
.tb-data th { padding:20px 16px 18px; background-color:#f6f6f6; color:#000; border-left:1px solid #eee; }
.tb-data th.th-trans { background-color:transparent; }
.tb-data td { padding:16px 16px 16px; border-left:1px solid #eee; color:#000; line-height:1.5; }
.js-pdfWrap .tb-data tr { border-bottom-width:0; } /* pdf 저장시 rowspan이상으로 추가 */
.js-pdfWrap .tb-data tr td, .js-pdfWrap .tb-data tr th { border-bottom:1px solid #eee; } /* pdf 저장시 rowspan이상으로 추가 */
.tb-data .tb-btn { padding-top:0; padding-bottom:0;}
.tb-data .no-data { padding:86px 0; }
.tb-data.ac tbody td, .tb-data .ac { padding-left:14px; padding-right:14px; }
.tb-data-des { margin-top:17px; text-align:right; }
.tb-data .point { color:#c10026; }
.tb-data.tb-pd th, .tb-data.tb-pd td { padding-left:5px; padding-right:5px; }
.tb-data td.tb-img { padding-left:20px; }
.tb-data .tb-small { display:block; font-size:12px; color:#666; }
.tfoot-ap td { border-top:solid 1px #64a704; background:#fafff9; }
.pop-cont .package-guide {color:#FF6D67;text-align:center;font-weight:700;border:1px solid #FF6D67;padding:8px 0;margin-bottom:12px;}
.tb-data-receipt { border:1px solid #eee; }
.tb-data-receipt tr { border-bottom:1px solid #eee; text-align:center; }
.tb-data-receipt th { padding:18px 16px 18px; background-color:#f6f6f6; color:#333; border-left:1px solid #eee; }
.tb-data-receipt td { padding:17px 16px 16px; border-left:1px solid #eee; color:#000; line-height:1.5; }
.tb-data-receipt td .sale {display:block;color:#9C9C9C;text-decoration: line-through;}
.receipt-des { line-height:1.72; text-align:center; margin-top:22px;  }
.receipt-sign { display:block; color:#000; margin-top:11px; }
.tb-data-scroll { width:100%; max-height:274px; border-bottom:1px solid #eee; }
.tb-data-scroll .mCustomScrollBox { height:274px !important; }
.tb-data-scroll .tb-data::after { display:none; }
.tb-data-scroll .no-data { padding:0; height:273px; }
.tb-data-scroll thead { display:none; }
/* .tb-data-scroll tr:last-child { border-bottom:0; } */
.tb-data-scroll .mCSB_vertical > .mCSB_container { width:100%; padding-right:0; }
.tb-data-scroll .mCSB_vertical.mCustomScrollBox { width:100%; }

.tb-data-5 { position:relative; margin-left:-1px; }
.tb-data-5::after { content:''; position:absolute; top:0; width:100%; height:2px; background:#111; }
.tb-data-5 tr { border-bottom:1px solid #eee; }
.tb-data-5 th { padding:20px 16px 18px; background-color:#f6f6f6; color:#000; border-left:1px solid #eee; }
.tb-data-5 td { padding:16px 16px 16px; border-left:1px solid #eee; line-height:1.5; }
.tb-data-5 .no-data { padding:86px 0; color:#000; text-align:center; }
.tb-data-5 .fake-th { display:none; }

.no-data { text-align:center; color:#000; }
.no-data.ty-2 { padding:200px 0 80px; }
.no-data.ty-3 { padding:123px 0 124px; }
.no-data.ty-4 { padding:55px 0 52px; }
.no-data.ty-5 { height:100%; background:#f5f5f5; box-sizing:border-box; }
.no-data.ty-5::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; margin-right:-4px; }
.no-data.ty-5 .i-nodata-6 { display:inline-block; vertical-align:middle; }
.no-data .ir-b:before { margin:0 auto 21px; text-align:center; }

/********************* STEP *********************/
.step { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:59px; border-top:1px dashed #e5e5e5; box-sizing:border-box; }
.step li { width:256px; text-align:center; border-top:2px solid #999; margin-top:-2px; }
.step li + li { margin-left:60px; }
.step li .num { display:inline-block; margin-top:-24px; padding:0 12px; font-size:16px; color:#767676; font-weight:bold; background-color:#fff; vertical-align:middle; }
.step li .text { display:block; margin-top:-1px; }
.step .active { border-color:#ee3a43; color:#111; font-weight:bold; }
.step .active .num { color:#ee3a43; }

/********************* 학원소개 *********************/
.greetings { line-height:1.71; }
.greetings .g-title { margin:-7px 0 27px; }
.greetings .text-in + .text-in { margin-top:14px; }
.greetings ul.text-in { font-weight:bold; }
.greetings .sign { margin-top:30px; text-align:right; }
.map-location { width:100%; height:480px; overflow:hidden; }
.location { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:36px 0 -56px; }
.location .location-item { margin-bottom:56px; width:50%; }
.location .location-item .title { font-size:16px; color:#ef3e42; font-weight:bold; }
.location .location-item .detail li { display:table; margin-top:11px; color:#000; }
.location .location-item .detail li:first-child { margin-top:14px; }
.location .location-item .detail li em { display:table-cell; position:relative; padding-right:15px; color:#666; }
.location .location-item .detail li em::after { content:''; position:absolute; top:2px; right:0; display:inline-block; width:1px; height:13px; background-color:#ddd; }
.location .location-item .detail.dt-width em { width:57px; }
.location .location-item .detail span { display:table-cell; padding-left:15px; }
.location .location-item .detail span.noTitle {padding-left:0px;}
.location .location-available {min-height:400px; margin-bottom:56px; margin-top:-30px;}
.location .location-available .detail li {display:inline-block; margin-top:30px; margin-right:77px; text-align:center; font-size:15px; font-weight:bold; color:#000;}
.location .location-available .detail li em {display:inline-block; width:70px; height:100px; background:url("../images/common/location.png") no-repeat;}
.location .location-available .detail li span {display:block; margin-top:20px;}
.location .location-available .detail_txt {margin-top:32px;}
.location .location-available .detail_txt li {display:block; color:#000; margin:4.8px 0 4.8px 0.4em; text-indent:-0.4em; line-height:1.6em;}
.location .location-available .detail_txt li em {font-weight:bold; font-size:1.1em; display:inline-block; margin-right:16px;}

/********************* 시설소개 *********************/
.facilities-wrap { width:100%; overflow:hidden; }
.facilities { position:relative; width:100%; overflow:hidden; }
.facilities .slide .img { position:relative; padding-top:51.666666%; overflow:hidden; }
.facilities .slide .img img { position:absolute; width:100%; top:0; }
.facilities .des { display:block; text-align:center; font-size:24px; color:#000; font-weight:bold; margin-top:15px; }
.facilities .slick-controls { margin-top:27px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.facilities .slick-dots { display:block; width:auto; -ms-flex-order:2; order:2; }
.facilities .slick-play { position:relative; width:10px; height:10px; box-sizing:border-box; -ms-flex-order:1; order:1; margin-right:8px; }
.facilities .slick-play.slick-pause::before { display:block; width:2px; height:10px; background-color:#000; border:0; }
.facilities .slick-play.slick-pause::after { content:''; position:absolute; left:7px; top:0; display:block; width:2px; height:10px; background-color:#000; border:0; }
.facilities .slick-play::after { display:none; }
.facilities .slick-play::before { content:''; position:absolute; left:2px; top:0; width:0; display:inline-block; height:0; border-left:8px solid #000; border-bottom:5px solid transparent; border-top:5px solid transparent; }
.facilities .slick-controls .slick-arrow { height:auto; width:56px; height:56px; background:rgba(0,0,0,0.4); overflow:hidden; text-align:center; top:50%; margin-top:-71px; }
.facilities .slick-controls .slick-arrow:hover { background:rgba(0,0,0,0.8); }
.facilities .slick-controls .slick-arrow .ir { content:''; display:inline-block; width:14px; height:14px; border:solid 1px rgba(255,255,255,0.5); border-width:0 1.5px 1.5px 0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-right:5px; }
.facilities .slick-controls .slick-arrow:hover .ir { border-color:rgba(255,255,255,0.8); }
.facilities .slick-controls .slick-arrow.slick-prev .ir { -webkit-transform:rotate(135deg); transform:rotate(135deg); margin-right:-5px; }
.facilities .slick-controls .slick-prev { left:30px; }
.facilities .slick-controls .slick-next { right:30px; }
.facilities .slick-dots .slick-active button { width:8px; height:8px; }

/********************* 입학안내 *********************/
.ico-add { content:''; display:block; width:80px; height:80px; border-radius:50%; border:1px solid #dcdee1; box-sizing:border-box; position:absolute; top:60px; left:50%; margin-left:-40px; }
.ico-add::before, .ico-add::after { content:''; position:absolute; background-color:#c7cbcf; }
.ico-add::before { top:50%; left:50%; margin-left:-13px; margin-top:-1px; width:26px; height:2px; }
.ico-add::after { top:50%; left:50%; margin-top:-13px; margin-left:-1px; width:2px; height:26px; }
.add-children { position:relative; display:inline-block; border:1px dashed #ddd; border-radius:3px; background-color:#fafafa; font-weight:bold; text-align:center; padding:158px 0 59px; box-sizing:border-box; }
.add-children.set { width:100%; height:240px; margin-top:20px; }
.sel-children { overflow:hidden; margin:0 0 0 -20px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.sel-children .list-children, .sel-children .add-children { position:relative; width:calc(100% / 4 - 20px); height:120px; margin:0 0 0 20px; box-sizing:border-box; text-align:center; margin-top:20px; }
.list-children .fm-rad-i { position:absolute; left:0; top:0; width:100%; height:100%; font-size:18px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; padding:1px; font-weight:bold; }
.list-children .fm-rad-i .name { display:block; padding-top:51px; }
.list-children .fm-rad-i::before { top:21px; left:21px; }
.list-children .fm-rad:hover + .fm-rad-i { border-color:#000; }
.list-children .fm-rad:checked + .fm-rad-i { border-width:2px; border-color:#ef3e42; padding:0; }
.list-children .fm-rad:checked + .fm-rad-i::after { top:26px; left:21px; }
.list-children .photo { display:block; margin:60px auto 20px; z-index:-1; }
.sel-children .add-children { padding-top:52px; padding-bottom:0; }
.sel-children .ico-add { position:relative; top:auto; left:auto; margin:0 12px -2px 0; display:inline-block; width:16px; height:16px; border:0; border-radius:0; }
.sel-children .ico-add::before { width:16px; margin-left:-8px; }
.sel-children .ico-add::after { height:16px; margin-top:-8px; }
.exam-comp { text-align:center; padding:140px 0 124px; }
.exam-comp .i-examcomp { font-size:22px; color:#000; }
.exam-comp .i-examcomp::before { display:block; margin:0 auto 19px; }
.exam-comp .txt {display:block; margin-top:14px; }
.exam-comp.untact {padding:10px 0 100px;}
.exam-comp.untact .box-2 {text-align:left;}
.exam-comp.untact .box-2 strong {color:#4246c1;}
/* 학원찾기 */
.sc-tab {border-bottom: 1px solid #e0e0e0;}
.sc-tab-ul{display: flex;}
.sc-tab-ul li {width: 145px; height: 50px; line-height: 50px; font-size: 17px; font-weight: bold; text-align: center; color: #616161; border-bottom: 3px solid transparent;}
.sc-tab-ul li.active {border-bottom: 3px solid #00babb; color: #000000;}

/*mt아이러닝 공통부분*/
.il_tit {font-size: 36px !important; color:#000;margin-bottom: 24px;font-weight: bold;padding-bottom: 0 !important;padding-top: 40px;}
.il_tit span {color:#F9821E;}
.li_p {font-size: 32px !important; padding:0 !important; line-height: 1.3 !important;color:#000 !important}
.li_p span {color:#F9821E;}
.il_sec {text-align: center; padding-top: 80px !important; padding-bottom: 120px; overflow: hidden;}
.il_sec img { width: 100%; height: 100%; object-fit: cover;}
.il_sec1 .fullImg {max-width: 982.5px;margin:0 auto;margin-top: 24px;}
.il_sec2 .fullImg  {margin-top: 60px;}
.il_sec3 .fullImg  {margin-top: 24px;}
.il_sec4 .fullImg  {margin-top: 60px;}
@media screen and (max-width:767px) {
  .il_tit {font-size: 20px !important;margin-bottom: 10px;}
  .li_p {font-size: 18px !important; line-height: 1.5 !important;}
  .il_sec {padding-top: 40px !important; padding-bottom: 60px;}
  .il_sec .fullImg {padding-top: 0 !important;}
  .il_sec1 .fullImg {margin-top: 45px;}
  .il_sec2 .fullImg {margin-top: 15px;}
  .il_sec3 .fullImg {margin-top: 45px;}
  .il_sec4 .fullImg {margin-top: 15px;}
}

@media print, all and (max-width:1279px) {
  .step-item { padding-left:250px; }
  .step-item::before { left:30px; }
  .pop-wFix {width:unset;}
}

@media print, all and (max-width:950px) {
  .step-item .step-info { padding-right:0; }
  .step-item .step-btn { position:static; margin-top:17px; }
}

@media print, all and (max-width:1280px) {
  .contents, .lnb-in { margin:0 40px; max-width:100%; }
  .contents.schCon{margin: 20px 0;}
}
@media print, all and (max-width:1070px) {
  .browser-top {height:auto; padding:15px 60px 15px 15px; text-align:left;}
  .browser-top a {margin-left:0px; margin-top:5px;}
  .browser-top button {top:20px; right:20px;}
}

@media print, all and (max-width:1024px) {
  .contents-in-wrap-2 { max-width:100%; }
  .map-around { right:40px; margin-right:0; }
  .board-content { padding:52px 4px 53px 4px; }
  .tb-col-1 { width:65px; }
  .tb-col-2 { width:70px; }
  .tb-col-4 { width:85px; }
  .tb-col-5 { width:70px; }
  .tb-col-18 { width:60px; }
  .tb-col-8 { width:26%; }
  .tb-col-9 { width:26%; }
  .board-list .tb-subj { padding-left:20px; }
  .fm-terms-wrap { -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .fm-terms-wrap .fm-terms { overflow:hidden; width:100%; margin:25px 0 0; }
  .fm-terms-wrap .fm-wrap, .fm-terms .agree-title { width:100%; }
  .fm-terms .agree-cont { float:left; width:calc(50% - 10px); }
  .fm-terms .agree-cont + .agree-cont { float:right; }
  .fm-terms .agree-cont .terms-box { height:178px; }
  .fm-terms .agree-cont.single { float:none; width:100%; }
  .fm-terms .agree-cont.single .terms-box { height:178px; }
  .location .location-item:nth-child(odd) { width:64.83% }
  .location .location-item:nth-child(even) { width:35.17%; }
}

@media print, all and (max-width:950px) {
  .fm-terms .agree-cont, .fm-terms .agree-cont + .agree-cont { float:none; width:100%; }
  .g-title-txt-3-wrap { -ms-flex-flow:column; flex-flow:column; margin-top:10px; -webkit-box-align:start;-ms-flex-align:start; align-items:flex-start; }
  .g-title-txt-3-wrap .txt { width:100%; }
  .g-title-txt-3-wrap .btn { text-align:left; margin-top:9px; }
}

@media screen and (max-width:767px) {
  body,input,select,textarea,button,table { font-size:12px; }
  input[data-calendar], .flatpickr-input, .flatpickr-months .flatpickr-prev-month:after, .flatpickr-months .flatpickr-next-month:after { background-size:36px 66px !important; }
  input[data-calendar], .flatpickr-input { background-position:100% -38.5px !important; }
  .flatpickr-months { position:absolute; left:5px; height:84px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
  .flatpickr-months .flatpickr-prev-month,
  .flatpickr-months .flatpickr-next-month { display:block; width:28px; height:28px; margin:0 auto; }
  .flatpickr-months .flatpickr-month .cur-month { width:54px; }
  .flatpickr-months .flatpickr-prev-month:after { background-position:-10px 0 !important; width:11px; height:6px; }
  .flatpickr-months .flatpickr-next-month:after { background-position:-25px 0 !important; width:11px; height:6px; }
  .flatpickr-innerContainer { padding:11px 23px 11px 59px; }
  .flatpickr-day { height:28px; line-height:28px; }
  .mo-hide { display:none !important; }
  .mo-blind { display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:1px; line-height:0; white-space:nowrap; }
  .mo-block { display:block; }
  .container {padding: 0px 0 50px 0;}
  .container.pb0 { padding:0 0 0px 0; }
  .contents-in-wrap { width:100%; }
  .contents { margin:0 14px; max-width:100%; }
  .contents.v2 { margin:0px; max-width:100%; }
  .contents-full-2 { padding-bottom:50px; margin-bottom:-50px; }
  .sub-vis-wrap { display:none; }
  .movieAdmission_content {height:auto; margin-top:0px; margin-bottom:15px; z-index:1;}
  #movieAdmission_content {display:block; width:100%; height:280px; box-sizing:border-box;}

  .irg, .irg-b:before, .irg-a:after, .ig-home, .header .edu-inner:before, .lnb .i-home,
  .header .brand-select .item.active button, .header .brand-select .home.active+.item button { display:inline-block; width:0; height:0; vertical-align:middle; background-image:url("../images/common/sprite-layout-mo.png"); background-position:999px 999px; background-repeat:no-repeat; background-size:500px 321px; }
  .irg-b:before, .irg-a:after, .header .edu-inner:before, .header .g-toggle:after, .header .g-toggle:before { content:''; }
  .irg, .ig-home, .header .brand-select .item.active button, .header .brand-select .home.active+.item button { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }
  .header.portal .irg.mo-top-text {display:block;width:auto;height:50px;font-size:18px;text-indent:0;background:none;color:#161618;margin:0;line-height:50px;}
  .header.portal .irg.mo-top-text a {font-weight:700;border-bottom:1px solid #161618;}
  .header.portal .irg.mo-top-text span {font-weight:700;display:inline-block;}
  .header .g-toggle, .header .gnb-all-nav .group a { position:relative; }
  .header .gnb-all-nav .group a { padding-left:3px; padding-right:3px; }
  .header .gnb-all-nav .group .sub-3 { display:none; }
  .header .gnb-all-nav .group [data-act="btn"] { position:absolute; right:-17px; top:0; z-index:2; width:53px; height:100%; white-space:nowrap; text-indent:-999px; overflow:hidden; background:#f7f7f7; }

  .header.portal .gnb-nav .sub .all_br { display: none; }
  .header.portal .gnb-all-nav .sub .all_br { display: none; }

  /* .header.chonors .gnb-all-nav .group {padding-top:40px;} */
  .header .g-toggle::after, .header .gnb-all-nav .group [data-act="btn"]::after { content:''; position:absolute; left:50%; top:50%; width:9px; height:9px; border-left:1px solid #000; border-top:1px solid #000; border-right:transparent; -webkit-transform:translate(-50%,-50%) rotate(-135deg); transform:translate(-50%,-50%) rotate(-135deg); -webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease; }
  .header .g-toggle::before, .header .g-toggle::after { left:auto; right:4px; }
  .header .g-toggle.active::after, .header .gnb-all-nav .group .active [data-act="btn"]::after { -webkit-transform:translate(-50%,-50%) rotate(-315deg); transform:translate(-50%,-50%) rotate(-315deg); }
  .header .gnb-all-nav li[data-menu] > a::after { content:''; position:absolute; right:7px; top:50%; width:9px; height:9px; border-left:1px solid #000; border-top:1px solid #000; border-right:transparent; -webkit-transform:translateY(-50%) rotate(-225deg); transform:translateY(-50%) rotate(-225deg); }
  .header .chonors-mo {position:absolute; z-index:204; right:90px; top:18px; width:26px; height:20px; background:url("../images/chonors/ico-chonors.png") no-repeat; background-size:100%;}
  .header .chonors-mo span {display:inline-block; width:26px; height:20px; white-space:nowrap; font-size:0px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }

  .header.portal .gnb-mobile-etc {position:absolute;right:50px;top:9px;z-index:202;}
  .header.portal .gnb-mobile-etc a {display:inline-block;border-radius:999px;border:1px solid #E1E3EB;background:#FFF;padding:4px 16px 7px;height:32px;font-size: 12px;}
  .header.portal .gnb-mobile-etc a em {display:inline-block;vertical-align:middle;margin-right:8px;width:16px;height:16px;position:relative;top:1px;}
  .header.portal .gnb-mobile-etc a.entrance em {background:url("../images/search/reserve_test.svg") no-repeat center / 100%;}
  .header.portal .gnb-mobile-etc a span {display:inline-block;vertical-align:middle;font-size:12px;font-weight:500;color:#161618;}
  .header.portal .gnb-mobile-etc a + a {margin-left:6px;}
  .header.portal .gnb-mobile-etc a.entrance.mint em {background:url("../images/search/reserve_test2.svg") no-repeat center / 100%;}
  .header.portal .gnb-mobile-etc a.entrance.mint {background-color:#00BABB;}
  .header.portal .gnb-mobile-etc a.entrance.mint span {color:#fff;}

  .ig-logo, .ig-portal { background-position:-100px -237px; width:112px; height:19px; }
  .header.chonors .chonors-logo a {width:120px; height:19px; background:url(../images/chonors/bi-chonors.png) no-repeat; background-size:100%;}
  .header.chonors .chungdahm {margin-left:9.6px; font-size:.85em; border-radius:32px; border:1px solid #000; padding:1.6px 14.4px 1.6px 9.6px;}
  .header.chonors .chungdahm em {display:inline-block; vertical-align:middle; width:6px; height:6px; border:solid 2px #000; border-width:0 1px 1px 0; margin:-2px 0px 0 4.8px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
  .ig-logo.cdi { background-position:0 -138px; width:91px; height:30px; }
  .ig-logo.von_cdi { background-position:-405px -173px; width:89px; height:30px; }
  .ig-logo.april { background-position:-96px -138px; width:99px; height:30px; }
  .ig-logo.von_april { background-position:-405px -204px; width:89px; height:30px; }
  .ig-logo.page { background-position:-338px -138px; width:99px; height:30px; }
  .ig-logo.ig { background-position:-200px -138px; width:118px; height:30px; }
  .ig-logo.crx { background-position:0 -238px; width:86px; height:16px; }
  .ig-logo.crk { background-position:-56px -261px; width:106px; height:16px; }
  .ig-logo.cms { background-position:0 -259px; width:40px; height:20px; }
  .ig-logo.clpc {background-size:400px auto; background-position:0px 0px; width:90px; height:18px; }
  .ig-sns-ig { background-position:-276px 0; width:16px; height:16px; }
  .ig-sns-fb { background-position:-297px 0; width:7px; height:16px; }
  .ig-sns-kk { background-position:-309px 0; width:9px; height:16px; }
  .ig-sns-bg { background-position:-323px 0; width:12px; height:16px; }
  .ig-sns-yt { background-position:-340px 0; width:18px; height:16px; }
  .ig-sns-cf { background-position:-276px -17px; width:17px; height:16px; }
  .ig-sns-po { background-position:-341px -17px; width:11px; height:17px;}
  .header.portal.ig .ig-logo {
    width:148px;
    background: url(../images/ig/common/main-logo.png) no-repeat center / contain;
  }
  .header.mainH + .container.portal{margin-top: -50px}
  .portal.mainH{margin-top: -50px}

  .weblink {display:inline-block;}
  .mobilelink {display:none;}

  @media all and (max-width:640px){
    .weblink {display:none !important;}
    .mobilelink {display:inline-block !important;}
  }

  .ig-book:before { background-position:-185px 0; width:16px; height:17px; margin:-3px 5px 0 0; }
  .ig-pay:before { background-position:-152px 0; width:17px; height:17px; margin:-3px 5px 0 0; }
  .ig-src:before { background-position:-221px 0; width:18px; height:17px; margin:-3px 5px 0 0; }
  .ig-home, .header .brand-select .item.active button, .header .brand-select .home.active+.item button { background-position:-116px 0; width:21px; height:25px; }
  .ig-point:before { background-position:-260px 0; width:11px; height:11px; margin:-2px 5px 0 0; }
  .ig-awards-1:before { background-position:-248px -34px; width:25px; height:25px; }
  .ig-awards-2:before { background-position:-278px -34px; width:25px; height:25px; }
  .ig-awards-3:before { background-position:-308px -34px; width:25px; height:25px; }
  .ig-awards-4:before { background-position:-248px -64px; width:25px; height:25px; }
  .ig-awards-5:before { background-position:-338px -34px; width:25px; height:25px; }
  .ig-brand-1:before { background-position:-116px -34px; width:35px; height:35px; display:block; margin:0 auto 7px; }
  .ig-brand-2:before { background-position:-156px -34px; width:35px; height:35px; display:block; margin:0 auto 7px; }
  .ig-brand-3:before { background-position:-196px -34px; width:48px; height:35px; display:block; margin:0 auto 7px; }
  .ig-brand-4:before { background-position:0 -173px; width:40px; height:34px; display:block; margin:0 auto 7px; }
  .ig-brand-5:before { background-position:0px -251px; width:38px; height:35px; display:block; margin:0 auto 7px; }
  .ig-brand-6:before { background-position:-234px -237px; width:38px; height:35px; display:block; margin:0 auto 7px; }
  .ig-brand-7:before { background-position:-276px -237px; width:40px; height:34px; display:block; margin:0 auto 7px; }
  .brand.ty-1 input:checked+label { background:#ef3e42; }
  input:checked+label .ig-brand-1:before { background-position:-116px -74px; }
  .brand.ty-2 input:checked+label { background:#64a704; }
  input:checked+label .ig-brand-2:before { background-position:-156px -74px; }
  .brand.ty-3 input:checked+label { background:#03328d; }
  input:checked+label .ig-brand-3:before { background-position:-196px -74px; }
  .brand.ty-4 input:checked+label { background:#03328d; }
  input:checked+label .ig-brand-4:before { background-position:-51px -173px; }
  .brand.ty-5 input:checked+label { background:#e85298; }
  input:checked+label .ig-brand-5:before { background-position:-319px -237px; }
  .brand.ty-6 input:checked+label { background:#e85298; }
  input:checked+label .ig-brand-6:before { background-position:-319px -237px;}
  .brand.ty-7 input:checked+label { background:#00babb; }
  input:checked+label .ig-brand-7:before { background-position:-361px -237px; }

  .ig-home-2 { background-position:-367px 0; width:22px; height:20px; margin:-3px 12px 0 0; }
  .header .edu-inner:before { background-position:-393px 0; width:107px; height:110px; }
  .ig-arr-2:after { background-position:-260px -14px; width:7px; height:5px; margin:0 0 2px 8px; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
  .active > .ig-arr-2:after, .active.ig-arr-2:after { -webkit-transform:rotate(0deg); transform:rotate(0deg);  }
  .ig-cms:before { background-position:-260px -22px; width:9px; height:9px; }
  .ig-app-1:before { background-position:0 -49px; width:54px; height:54px; display:block; margin:0 auto 3px; }
  .ig-app-2:before { background-position:-58px -49px; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-3:before { background-position:-277px -69px; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-4:before { background-position:-335px -69px; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-5:before { background-position:-96px -173px; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-6:before { background-position:-156px -173px; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-7:before { background-position:-216px -173px; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-8:before { background-position:-275px -173px; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-9:before { background-position:-335px -173px; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-10:before {background-image:url(../images/common/ig-app-10.png); background-position:0 0; background-size:100%; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-11:before {background-image:url(../images/common/ig-app-11.png); background-position:0 0; background-size:100%; width:53px; height:53px; display:block; margin:0 auto 4px; }
  .ig-app-12:before {background-image:url(../images/common/ig-app-12.png); background-position:0 0; background-size:100%; width:53px; height:53px; display:block; margin:0 auto 4px; }

  .ig-logout-2::before { background-position:-152px -19px; width:10px; height:12px; margin:0 5px 4px 0; }
  .ig-mypage::before { background-position:-367px -22px; width:17px; height:17px; margin:0 6px 4px 0; }
  .ig-mypage::after { content:''; position:absolute; left:-10px; top:50%; margin-top:-7px; width:1px; height:1em; background:#000; opacity:0.1; }
  .ig-usermod {background-image: url(../images/common/manage_accounts_ico_mo.svg); background-position:center; background-repeat: no-repeat; background-size: contain; width:28px; height:28px; margin:0;}
  .ig-back { width:13px; height:13px; border:1px solid transparent; border-color:#000 transparent transparent #000; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-left:5px; }
  .header { position:relative; min-height:50px;}
  /*.header.portal {*/
  /*  !*position:fixed; top:0;*!*/
  /*  width:100%; min-height:50px; z-index: 201; }*/
  .header .inner { position:relative; z-index:203; background:#fff; }
  .header .page-back { display:block; position:absolute; left:1px; right:0; top:1px; z-index:202; width:47px; height:47px; padding:0; background:#fff; }
  .header .page-back + .gnb-logo a { position:relative; top:-100%; }
  .header .gnb-logo { position:absolute; left:0; right:0; top:0; z-index:201; height:50px; padding:0 10px; border-bottom:1px solid #00babb; background:#fff; -webkit-transition:border-color 0.6s ease; transition:border-color 0.6s ease; }
  .header.chonors {min-height:97px;}
  .header.chonors .chonors-logo {position:absolute; left:0; right: 0; top:50px; z-index: 201; height:48px; padding: 0 10px; background-color:#fff; border-bottom:1px solid #dadada; height:48px;}
  .header.is-lnb .gnb-logo { border-bottom-width:0; }
  .header.cdi .gnb-logo { border-bottom-color:#fe6962; }
  .header.crx .gnb-logo { border-bottom-color:#00babb; }
  .header.april .gnb-logo { border-bottom-color:#89c049; }
  .header.page .gnb-logo { border-bottom-color:#008f9c; }
  .header.ig .gnb-logo { border-bottom-color:#2f6fb7; }
  .header.cms .gnb-logo { border-bottom-color:#f08300; }
  .header.crk .gnb-logo { border-bottom-color:#e85298; }
  .header .gnb-logo > a { position:relative; display:block; }
  .header .gnb-logo .name { position:absolute; left:36px; bottom:-2px; line-height:15px; font-size:13px; font-weight:normal; }
  .header.ig .gnb-logo .name { left:60px; }
  .header .inner-top { top:0; left:0; right:0; }
  .header.fixed .inner-top { position:fixed; z-index:204;height:50px;}
  .header.opend-all .inner-top { position:static !important; }
  .lnb .lnb-in { top:70px; left:0; right:0; z-index:204; }
  .portal .lnb .lnb-in { top:49px; }
  .lnb.fixed .lnb-in { position:fixed; }

  .uipop-container.dim .uipop-track { display:block; width:100%; height:100%; }
  .uipop-container.uipop-fixed.v2 { width:100%; }
  .uipop-container.uipop-fixed.v2 .fm-chk-i {line-height: 1.3; display: flex; justify-content: center; align-items: center;}
  .pop-layer { width:100%; min-height:100%; }
  .mint-pop.pop-layer {width:calc(100% - 40px);max-width:320px;min-height:unset;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}
  .editor-wrap { max-height:400px; }
  .pop-layer-btm { color:#000; padding:0 10px; height:70px; }
  .pop-layer-btm.noneSpace {height:60px;}
  .pop-layer-btm .fm-chk + .fm-chk-i { padding-left:22px; }
  .pop-layer-btm.noneSpace .fm-chk + .fm-chk-i {font-size: 12px; line-height: 20px;}
  .pop-layer-2 .pop-btn-close { margin-right:-30px; width:20px; height:20px; right:0; }
  .pop-layer-2 .pop-btn-close:before { height:20px; }
  .pop-layer-2 .pop-btn-close:after { width:20px; }
  .OnlineClassPopup .lessonType li {width:33%; margin-right:.5%;}
  .OnlineClassPopup .lessonType li:last-child {margin-right:0;}
  .OnlineClassPopup .lessonType li a {width:100%;}
  .OnlineClassPopup table td a {width:85%;}
  .onlineClassview .pop-btn-close {top:25px; right:30px;}

  /* 브랜드 선택 */
  .header .brand-select { position:absolute; right:52px; top:14px; z-index:201; }
  .header .brand-select .item, .header .brand-select .home { display:none; }
  .header .brand-select .item120, .header .brand-select .home { display:none; }
  .header .brand-select .item.active, .header .brand-select .home.active+.item { display:inline; }
  @media screen and (max-width:767px){
    .moDisnon {display:none !important;}
  }


  /* 로그인 상태 */
  .header .user {height:55px; padding:0 20px; background:#fff; color:#161618; font-size:16px; line-height:55px; }
  .branch-wrap .header .user  {background:#555;}
  .header.portal .user {height:50px; padding:0 20px; background:#fff; color:#161618; font-size:16px; line-height:50px; }
  .header .user > .item > a { font-weight:bold; }
  .branch-wrap .header .user > .item > a.tip-subj { color:#fff; }
  .header .user > .item.login > a { text-decoration:underline; }
  .header .user > .item { position:relative; display:inline-block; }
  .header .user > .item+.item { margin-left:22px; }
  .header .user > .item + .item:before { content:''; position:absolute; left:-15px; top:50%; width:1px; height:14px; background:#000; opacity:0.1; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
  .header .user > .item.usermod { position:absolute; right:45px; top:7px; padding:7px 11px; line-height:17px; }
  .header .user > .item.usermod:before { content:''; position:absolute; right:0; left: unset; top:50%; width:1px; height:14px; background:#000; opacity:0.1; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
  .header .user > .item.usermod + .item { margin-left:0; }
  .header .user > .item.usermod + .item:before { display:none; }
  .header .user > .item.usermod .irg { vertical-align:top; }
  
  /* 바로가기 */
  .header .util-1 { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0; background:#efefef; color:#fff; border-top:1px solid rgba(0,0,0,.1); }
  .header .util-1 .item { position:relative; display:inline-block; width:50%; padding:0; font-size:14px; text-align:center; box-sizing:border-box; }
  .header .util-1 .item+.item { border-left:1px solid rgba(0,0,0,.1); }
  .header .util-1 .item a { display:block; padding:15px 0; }
  .header .util-1 .item a span{ color: #111921; }
  .header .util-1 .item>a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: -3px 2px 0 0;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .header .util-1 .i-pay::before {
    background-image: url(../images/common/credit_card_ico_mo.svg);
  }
  .header .util-1 .i-book::before {
    background-image: url(../images/common/textbook_ico_mo.svg);
  }
  .header .util-2 { display:none; }
  /* 전체메뉴 */
  .header .gnb-all-btn { right:15px; top:13px; z-index:204; width:19px; height:26px; }
  .header.portal .gnb-all-btn {top:11px;}
  .header .gnb-all-btn .line{height: 1.5px;}
  .header .gnb-all-btn .line:before { -webkit-animation:hamburg-bar-t-2-mo .75s forwards; animation:hamburg-bar-t-2-mo .75s forwards;height: 1.5px;}
  .header .gnb-all-btn .line:after { -webkit-animation:hamburg-bar-b-2-mo .75s forwards; animation:hamburg-bar-b-2-mo .75s forwards;height: 1.5px;}
  .header.opend-all .gnb-all-btn .line:before { -webkit-animation:hamburg-bar-t-mo .75s forwards; animation:hamburg-bar-t-mo .75s forwards; }
  .header.opend-all .gnb-all-btn .line:after { -webkit-animation:hamburg-bar-b-mo .75s forwards; animation:hamburg-bar-b-mo .75s forwards; }
  .header.chonors.opend-all .gnb-all-btn .line:before { -webkit-animation:hamburg-bar-t-mo .75s forwards; animation:hamburg-bar-t-mo .75s forwards; }
  .header.chonors.opend-all .gnb-all-btn .line:after { -webkit-animation:hamburg-bar-b-mo .75s forwards; animation:hamburg-bar-b-mo .75s forwards; }
  .header .gnb-all-nav { position:relative; z-index:202; padding:0 0 0 20px; font-size:17px; color:#111; background:#f7f7f7; border-bottom: 1px solid #ddd;}
  .header .gnb-all-nav a { display:block; }
  .header .gnb-all-nav .group > li, .header .gnb-all-nav .group .menu-group >ul >li { padding:1px 25px 1px 0; border-top:1px solid #f0f0f0; }
  .header .gnb-all-nav .group > li.menu-group { border-top-width:0; padding:0; }
  .header .gnb-all-nav .group > li:first-child { border-top-width:0; }
  .header .gnb-all-nav li[data-menu] > a { position:relative; font-weight:bold; line-height:55px; }
  .header .gnb-all-nav .sub { display:none; margin-bottom:11px; font-size:14px; line-height:30px; }

  /*.header .gnb-all-nav .sub a::before { content:''; display:inline-block; width:3px; height:3px; background:#111; border-radius:100%; vertical-align:middle; margin:-3px 7px 0 0; }*/
  .header .gnb-all-nav .sub-3 a { padding-left:15px; }
  .header .gnb-all-nav .group a { padding-left:3px; padding-right:3px; }
  .header .gnb-all-nav .allmenu-my, .header .gnb-all-nav .allmenu-cs [data-act="btn"] { display:none !important; }
  .header.portal .gnb-all-nav {padding:0;font-size:15px;background:#fff;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
  .header.portal .gnb-all-nav .group li {padding:1px 0px 1px 0;}
  .header.portal .gnb-all-nav .group li a {padding:0 25px 0 20px;}
  .header.portal .gnb-all-nav li[data-menu] > a {font-weight:500;}
  .header.portal .gnb-all-nav .group [data-act="btn"] {background:#fff;}
  .header.portal .gnb-all-nav .sub {background:#FAFAFA;margin-bottom:0px;padding-bottom:11px;padding-top:11px;border-top:1px solid #f0f0f0;;}
  .header .gnb-all-nav .sub li a.arrow {cursor:default;}
  .header .gnb-all-nav .sub li {margin-top:16px;}
  .header .gnb-all-nav .sub li:first-child {margin-top:0;}
  .header .gnb-all-nav .sub li .sub-depth3 {padding-left:12px;margin:12px 0 0;}
  .header .gnb-all-nav .sub li .sub-depth3 li {color:#696969;margin-top:8px;}
  .header .gnb-all-nav .sub li .sub-depth3 li:first-child {margin-top:0;}
      
  /* 어학원찾기 */
  .edu-select { position:fixed; left:0; top:0; right:0; bottom:100%; z-index:300; background:rgba(0,0,0,.7); opacity:1; font-size:10px; color:#666; }
  .edu-select .edu-inner { position:absolute; left:0; right:0; bottom:0; padding:69px 20px 27px; text-align:center; background:#fff; }
  .edu-select .edu-inner:before { content:''; position:absolute; left:50%; top:-52px; }
  .edu-select .close { position:absolute; top:18px; right:18px; width:18px; height:18px; font-size:1px; overflow:hidden; text-indent:-100px; white-space:nowrap; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
  .edu-select .close:before { content:''; position:absolute; left:50%; top:50%; width:18px; height:2px; background:#000; -webkit-transform:translate(-50%,-50%) rotate(0); transform:translate(-50%,-50%) rotate(0); }
  .edu-select .close:after { content:''; position:absolute; left:50%; top:50%; width:18px; height:2px; background:#000; -webkit-transform:translate(-50%,-50%) rotate(-90deg); transform:translate(-50%,-50%) rotate(-90deg); }
  .edu-select .subj { margin:0 0 8px; font-size:18px; color:#000; }
  .edu-select .nearest a {display:inline-block; height:32px; line-height:32px; padding:0 16px; color:#fff; font-weight:bold; background:#efa735; border-radius:32px; }
  .edu-select .brand-check { margin:27px 0 12px; padding-left:1px; overflow:hidden; }
  .edu-select .brand { float:left; width:calc(33.3% + 1px); margin-left:-1px; font-size:0; }
  .edu-select .brand label { display:block; height:90px; padding:15px 0 13px; font-size:12px; border:1px solid #ccc; box-sizing:border-box; letter-spacing: -0.5px;}
  .edu-select .brand input { position:absolute; width:1px; height:1px; opacity:0; }
  .edu-select .brand input:checked+label { position:relative; color:#fff; background-color:#fe6962; border-color:#fe6962; }
  .edu-select .brand.ty-2 input:checked+label { background-color:#89c049; border-color:#89c049; }
  .edu-select .brand.ty-3 input:checked+label { background-color:#2f6fb7; border-color:#2f6fb7; }
  .edu-select .brand.ty-4 input:checked+label { background-color:#008f9c; border-color:#008f9c; }
  .edu-select .brand.ty-5 input:checked+label { background-color:#f08200; border-color:#f08200; }
  .edu-select .brand.ty-6 input:checked+label { background-color:#e85298; border-color:#e85298; }
  .edu-select .brand.ty-7 input:checked+label { background-color:#00babb; border-color:#00babb; }
  .edu-select .brand:first-child label { border-radius:3px 0 0 3px; }
  .edu-select .brand:last-child label { border-radius:0 3px 3px 0; }
  .edu-select .zone { margin:12px 0; }
  .edu-select .edu { margin:12px 0; }
  .edu-select .msg { margin-top:27px; }
  .edu-select .fm-sel-3 { width:100%; }
  .header.opend-edu .edu-select { bottom:0; }
  /* 학원찾기 */
  .sc-tab-ul li {width: 50%;font-size: 14px;}
  /* Header내 Footer 영역 */
  .header .external-link { position:relative; z-index:202; }
  .header .external-link .ig-logout-1 {display:inline-block;margin:16px 20px 40px 20px;font-size:15px;font-weight:500;color:#FF002D;}
  .header .external-link .ig-logout-2 {float:right; display:inline-block; margin:20px 20px 25px auto; font-size:12px; color:#666; text-align:right; }
  .header .external-link .sns + .ig-logout-2 { margin-top:-3px; }
  .header .link-group { padding:0; margin:0 20px; font-size:13px; color:#000; border-bottom:1px solid #e5e5e5; }
  .header .link-group:last-child { border-bottom-width:0; margin-bottom:30px; }
  .header .link-group .subj { width:100%; padding:0; font-weight:normal; font-size:13px; color:#444; line-height:55px; text-align:left; }
  .header .link-group .subj::after { border-color:#666 transparent transparent #666; }
  .header .link-group .list { padding:14px 24px 1px; background:#fff; color:#000; font-size:0; }
  .header .link-group.other .list { background:transparent; padding:0 0 22px; font-size:0; }
  .header .link-group.other .list li { display:inline-block; width:53px; padding:0; margin-left:calc((100% - 212px) / 3); margin-bottom:15px; text-align:center; vertical-align:top; }
  .header .link-group.other .list li:first-child { margin-left:0; }
  .header .link-group.other .list li:nth-child(5) { margin-left:0; }
  .header .link-group.other .list li:nth-child(9) { margin-left:0; }
  .header .link-group.other .list li:last-child { margin-bottom:0; }
  .header .link-group.other .list li a { display:block; font-size:11px; color:#333; font-weight:bold; text-align:center; }
  .header.portal .link-group.other .list li a {color:#161618;font-weight:400;}
  .header .link-group.other .list li a span {display:block; margin:0 -10px;}
  .header .link-group .group { padding:7px 0 14px; border-top:1px solid #f0f0f0; }
  .header .link-group ul.group:first-child { border-top:0; padding-top:0; }
  .header .link-group ul.group:first-child a { font-size:13px; font-weight:bold; color:#000; }
  .header .link-group ul.group:first-child .irg { margin-bottom:4px; }
  .header .link-group .group dt { font-size:13px; font-weight:bold; }
  .header .link-group .group dt.full { display:block; width:auto; margin-bottom:5px; }
  .header.portal .link-group .group dt.full {color:#C0C3CC;}
  .header .link-group .group dt, .header .link-group .group dd, .header .link-group .group li { display:inline-block; width:50%; margin-top:6px; font-size:13px; vertical-align:top; box-sizing:border-box; }
  .header .sns { margin:0 20px; padding:18px 0; font-size:0; text-align:left; }
  .header .sns a { display:inline-block; width:40px; height:40px; padding:12px 0; text-align:center; background:#dedede; border-radius:40px; box-sizing:border-box; }
  .header .sns a+a { margin-left:8px; }

  .header .inner, .header .gnb-all-nav, .header .external-link { display:none; }
  .header.opend-all .inner, .header.opend-all .gnb-all-nav, .header.opend-all .external-link { display:block; }
  .header.opend-all .sc-wrap-mo { position:fixed; left:0; top:0; right:0; bottom:0; z-index:202; background:#ededed; overflow:auto; -webkit-overflow-scrolling:touch;}
  .header.opend-all .gnb-all-btn { top:14px; }
  .header.portal.opend-all .sc-wrap-mo {background:#fff;}
  .header.portal .external-link {background:#fff;}
  .header.portal .external-link .link-group {margin:0;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list {padding:20px 20px 7px;font-size:12px;display:flex!important;justify-content:space-between;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li {display:inline-block;width:53px;padding:0; margin-bottom:15px;text-align:center;vertical-align:top;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li:first-child {margin-left:0;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li a {display:block;font-size:11px;color:#424242;font-weight:400;text-align:center;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li a:before {content:'';display:inline-block;width:53px;height:53px;display:block;margin:0 auto 4px;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li a.sns-fb:before {background:url("../images/search/Facebook.png") no-repeat center / 100%;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li a.sns-blog:before {background:url("../images/search/Naver.png") no-repeat center / 100%;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li a.sns-instar:before {background:url("../images/search/Instagram.png") no-repeat center / 100%;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li a.sns-youtube:before {background:url("../images/search/Youtube.png") no-repeat center / 100%;}
  .header.portal .external-link .link-group.snsLink.dropdown-show .list li a span {display:block;margin:0 -10px;}
  .header.portal .link-group .subj.g-toggle {font-size:15px;font-weight:500;padding:0 25px 0 20px;}
  .header.portal .link-group .subj::before, .header.portal .link-group .subj.g-toggle::after {-webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;}
  .header.portal .link-group .subj.acive::before, .header.portal .link-group .subj.g-toggle.acive::after {        -webkit-transform: translate(-50%, -50%) rotate(-315deg);
    transform: translate(-50%, -50%) rotate(-315deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;}
  .header.portal .link-group .list {padding:7px 20px 7px;background:#FAFAFA;border-top:1px solid #f0f0f0;}
  .header.portal .link-group .list .group {padding:7px 0px 14px;border:0;}

  /* 스크롤 시, 고정 */
  .header.fixed.is-lnb .inner-top { position:fixed; top:0; -webkit-transition:top 0s ease; transition:top 0s ease; }
  .header.fixed.close-all.is-lnb.mini .inner-top { top:-70px; -webkit-transition-duration:.4s; transition-duration:.4s; }
  .header.fixed.close-all.is-lnb.mini .inner-top {}
  .header.fixed.close-all.is-lnb.scroll-up .inner-top { top:0; }
  .lnb.fixed .lnb-in { position:fixed; top:70px; -webkit-transition:top 0s ease; transition:top 0s ease; }
  .portal .lnb.fixed .lnb-in {top:49px;}
  .lnb.fixed.mini .lnb-in { top:0; -webkit-transition-duration:.4s; transition-duration:.4s; }
  .lnb.fixed.mini .nav > li.home { top:8px; opacity:1; }
  .lnb.fixed.scroll-up .lnb-in { top:70px; }
  .portal .lnb.fixed.scroll-up .lnb-in { top:49px; }
  .lnb.fixed.mini.scroll-up .nav > li.home { top:-28px; opacity:0; }

  .footer { background:#e8e8e8; padding:12px 20px 22px; font-size:11px; color:#000; border-top:1px solid #ddd; }
  .footer.mobile-blind-type {display:none;}
  .footer button { font-size:inherit; }
  .footer .fmenu { position:relative; display:block; margin:0 -20px 0; padding:0 20px; font-size:12px; color:#666; line-height:19px; text-align:center; }
  .footer .fmenu a { position:relative; display:inline-block; padding:0; margin-right:15px; line-height:1.7; white-space:nowrap; color:#000; }
  .footer .fmenu .mid > a + a::before { content:''; position:absolute; left:-11px; top:1px; width:1px; height:10px; background:#d7d7d7; }
  .footer .fmenu .mid > a.ig-cms { color:#00babb; }

  .footer .fmenu .cms { display:block; margin:18px 0 0; padding:0; color:#000; white-space:nowrap; font-weight:bold; }
  .footer .fmenu .cms > a { color:inherit; margin-right:5px; }
  .footer .fmenu .cms > a.ig-cms { color:#00babb; }
  .footer .biz-info { position:relative; margin-top:8px; color:#666; }
  .footer .biz-info .biz-name { color:#000; font-weight:bold; overflow:hidden; width:100%; text-align:center; }
  .footer .biz-info .biz-name button { width:100%; font-size:inherit; color:inherit; font-weight:inherit; }
  .footer .biz-info .active-show { display:none; }
  .footer .biz-info .active > .active-show { display:inline; }
  .footer .biz-info .biz-cont { display:none; margin:13px 0 0; padding:12px 10px; background:#dcdcdc; }
  .footer .biz-info .biz-cont .info { text-align:center; }
  .footer .biz-info .biz-cont .info .item { position:relative; display:block; margin-top:2px; white-space:nowrap; color:#666; }
  .footer .biz-info .biz-cont .info .item em { margin-left:5px; font-weight:bold; white-space:normal; }
  .footer address { margin-top:0; font-size:11px; color:#999; line-height:1.5; text-transform:uppercase; text-align:center; }
  .footer .awards { margin:10px 0 0 0; color:#666; white-space:nowrap; }
  .footer .awards.swipe-guide:before { display:none; }
  .footer .awards .item { display:inline-block; margin-right:10px; }
  .footer .awards .item:before { margin:0 6px 0 0; }
  .footer .awards .mid { display:inline-block; vertical-align:middle; line-height:14px; }

  .tip-balloon .tip-cont.pay-head-tip { text-align:left; right:auto; left:50%; margin-top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
  
  .tip-balloon .tip-cont.my-head-tip {text-align:left;right:auto;left:-40px;min-width:280px;max-width:340px;width:calc(100vw - 40px);margin-top:0;}
  .branch-wrap .tip-balloon .tip-cont.my-head-tip {left:-40px;}
  .header.portal .tip-balloon .tip-cont.my-head-tip {text-align:left;top:88px;right:auto;left:-208px;width:280px;margin-top:0;}
  .header.portal .tip-balloon .tip-cont.my-head-tip .profile {padding:14px 0;}

  .tip-balloon .tip-subj.active::after { margin-top:-3px; }
  /*.mapCon .lnb {margin-bottom: 0px;}*/
  .lnb { top:0px; z-index:200; height:37px; margin-top:-1px; margin-bottom:30px; background:transparent; display: block;}
  .lnb .lnb-in { height:37px; margin:0; font-size:14px; color:#000; background:#fff; border-bottom:solid 1px #eee; box-sizing:border-box; }
  .lnb .i-home { width:20px; height:20px; background-position:-100px -114px; } /* 닷컴 */
  .lnb.cre .i-home { width:25px; height:20px; background: url(../images/common/creverse-logo.png) no-repeat center / contain; }
  .lnb.cdi .lnb-in { background:#fe6962; border-color:#fe6962; }
  .lnb.cdi .i-home { background-position:0 -114px; }
  .lnb.cdi .i-home.v-on {width:38px; height:20px; background-position:0 -212px;}
  .lnb.april .lnb-in { background:#89c049; border-color:#89c049; }
  .lnb.april .i-home { background-position:-25px -114px; }
  .lnb.april .i-home.v-on {width:38px; height:20px; background-position:0 -212px;}
  .lnb.page .lnb-in { background:#008f9c; border-color:#008f9c; }
  .lnb.page .i-home { background-position:-125px -113px; }
  .lnb.ig .lnb-in { background:#2f6fb7; border-color:#2f6fb7; }
  .lnb.ig .i-home { width:45px; background-position:-50px -114px; }
  .lnb.crx .lnb-in { background:#00babb; border-color:#00babb; }
  .lnb.crx .i-home { width:40px; background-position:-193px -278px; }
  .lnb.crk .lnb-in { background:#e85298; border-color:#e85298; }
  .lnb.crk .i-home { width:56px; background-position:-193px -296px; }
  .lnb.cms .lnb-in { background:#f08300; border-color:#f08300; }
  .lnb.cms .i-home { width:32px; background-position:-193px -260px; }
  .lnb.cdi{top: 0;}
  .lnb .nav { position:relative; z-index:2; background:#fff; }
  .lnb .nav > li { display:none; }
  .lnb .nav > li:last-child { display:block; }
  .lnb .nav > li.home { display:block; position:absolute; left:10px; top:-28px; z-index:3; }
  .lnb .home-in { padding:0; height:auto; }
  .lnb .nav, .lnb .dep { float:none; width:auto; text-align:center; max-width:none; margin:0; }
  .lnb .home::after, .lnb .dep::after { display:none; }
  .lnb .dep-in { color:#fff; height:37px; padding:0; line-height:2.9; background:#00babb; }
  .lnb .dep-in::after { position:static; width:6px; height:6px; border-left:1px solid #fff; border-top:1px solid #fff; border-right:transparent; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); margin:0 0 4px 11px; }
  .lnb.cdi .dep-in { background:#fe6962; }
  .lnb.april .dep-in { background:#89c049; }
  .lnb.page .dep-in { background:#008f9c; }
  .lnb.ig .dep-in { background:#2f6fb7; }
  .lnb.crx .dep-in { background:#00babb; }
  .lnb.crk .dep-in { background:#e85298; }
  .lnb.cms .dep-in { background:#f08300; }
  .lnb .dep-2-in { height:41px; line-height:41px; font-weight:normal; }
  .lnb .nav-sub { border-color:#eee; border-width:1px 0 0; }
  .lnb .dep.dropdown-show::before { content:''; position:fixed; left:0; top:0; right:0; bottom:0; background:#000; opacity:.7; }

  .share { float:none; position:static; }
  .share .share-title { position:absolute; top:0; right:10px; width:28px; height:37px; padding:0; }
  .share .i-share-title { position:relative; z-index:2; display:block; width:28px; height:100%; white-space:nowrap; overflow:hidden; font-size:1px; text-indent:-100px; }
  .share .i-share-title::before { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
  .share .share-title::after { content:''; position:fixed; left:0; top:0; right:0; bottom:100%; background:#000; opacity:0; -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; }
  .share .share-title.active::after { bottom:0; opacity:.7; }
  .share .share-subj { position:relative; margin:-3px 20px 26px; font-size:15px; color:#000; font-weight:bold; text-align:center; }
  .share .share-close { position:absolute; right:0; top:0; width:15px; height:15px; font-size:1px; overflow:hidden; text-indent:-100px; white-space:nowrap; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
  .share .share-close::before { content:''; position:absolute; left:50%; top:50%; width:100%; height:2px; background:#000; -webkit-transform:translate(-50%,-50%) rotate(0); transform:translate(-50%,-50%) rotate(0); }
  .share .share-close::after { content:''; position:absolute; left:50%; top:50%; width:100%; height:2px; background:#000; -webkit-transform:translate(-50%,-50%) rotate(-90deg); transform:translate(-50%,-50%) rotate(-90deg); }
  .share .share-cont { position:fixed; right:auto; left:50%; top:50%; z-index:2; width:240px; height:250px; border:0; background:#fff; box-sizing:border-box; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
  .share .share-list li { margin:0 0 11px; width:65px; text-align:center; white-space:nowrap; }
  .share .share-list a { display:block; }

  .ir, .ir-b:before, .ir-a:after, .board-list .subj-2:before, .board-list .subj-tel:before { display:inline-block; vertical-align:middle; background-image:url("../images/common/sprite-mo.png"); background-position:999px 999px; background-repeat:no-repeat; background-size:460px 430px; }
  .i-attach { background-position:-95px 0; width:12px; height:13px; margin:2px 0 0 3px; vertical-align:top; }
  .i-sch { background-position:-18px 0; width:18px; height:19px; margin:0 0 0 -4px; }
  .i-sch-2, .i-sch-3 { background-position:-18px 0; width:18px; height:19px; margin:0 0 0 0; }
  .i-pag-prev { background-position:-41px 0; width:5px; height:9px; margin:-1px 0 0 0; }
  .i-pag-next { background-position:-51px 0; width:5px; height:9px; margin:-1px 0 0 0; }
  .i-hit { background-position:-70px 0; width:6px; height:8px; margin:-1px 0 0 0; }
  .i-date { background-position:-81px 0; width:9px; height:9px; }
  .i-hit-2 { background-position:-70px -11px; width:6px; height:8px; }
  .i-date-2 { background-position:-81px -11px; width:9px; height:9px; }
  .ios .i-hit, .ios .i-date, .ios .i-hit-2, .ios .i-date-2 { margin:-1px 0 0 0; }
  .i-favorite, .i-favorite-2 { background-position:-142px -217px; width:15px; height:13px; }
  .i-app-down { background-position:0 -346px; width:81px; height:22px; }
  .i-app-down-2 { background-position:-88px -346px; width:80px; height:22px; }
  .i-photo::before { background-position:-202px -282px; width:27px; height:32px; }
  .i-file::before { background-position:0 0; width:13px; height:13px; margin:-3px 7px 0 0; }
  .i-share-title::before { background-position:-378px -94px; width:16px; height:18px; margin:0; }
  /* .i-share-title::before { background-position:-220px -162px; } 까만색 */
  .i-share::before { display:block; background-position:0 -162px; width:50px; height:50px; margin-left:auto; margin-right:auto; }
  .i-share-2::before { display:block; background-position:-55px -162px; width:50px; height:50px; margin-left:auto; margin-right:auto; }
  .i-share-3::before { display:block; background-position:-110px -162px; width:50px; height:50px; margin-left:auto; margin-right:auto; }
  .i-share-4::before { display:block; background-position:-165px -162px; width:50px; height:50px; margin-left:auto; margin-right:auto; }
  .i-share-5::before { display:block; background-position:-181px -110px; width:50px; height:50px; margin-left:auto; margin-right:auto; }
  .i-nodata::before { display:block; background-position:0 -24px; width:51px; height:60px; }
  .i-nodata-2::before { display:block; background-position:-265px -233px; width:60px; height:60px; }
  .i-nodata-3::before { display:block; background-position:-265px -298px; width:60px; height:60px; }
  .i-nodata-4::before { display:block; background-position:-325px 0; width:60px; height:50px; }
  .i-nodata-5::before { display:block; background-position:-325px -94px; width:48px; height:60px; }
  .i-nodata-6::before { display:block; background-position:-400px 0; width:60px; height:59px; }
  .i-event::before { display:block; background-position:0 -89px; width:60px; height:60px; }
  .i-noshuttle::before { display:block; background-position:0 -282px; width:60px; height:60px; }
  .i-ref::before { background-position:-161px 0; width:14px; height:17px; margin:-1px 8px 0 0; }
  .i-shuttle::before { background-position:-120px -217px; width:17px; height:16px; }
  .i-safety::before { background-position:-65px -238px; width:35px; height:35px; }
  .i-safety-2::before { background-position:-105px -238px; width:35px; height:35px; }
  .i-safety-3::before { background-position:-145px -238px; width:35px; height:35px; }
  .i-safety-4::before { background-position:-185px -238px; width:35px; height:35px; }
  .i-safety-5::before { background-position:-225px -238px; width:35px; height:35px; }
  .i-nobank::before { display:block; background-position:-65px -282px; width:60px; height:60px; }
  .i-teacher::before { width:14px; height:11px; background-position:-165px -318px; }
  .i-school::before { width:14px; height:11px; background-position:-181px -318px; }
  .i-around-2::before { background-position:-192px -217px; width:11px; height:12px; margin:-1px 5px 0 0; }
  .i-noapplication::before { background-position:-200px -318px; width:56px; height:53px; }
  .i-app-buff::before { background-position:-325px -55px; width:35px; height:34px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-allim::before { background-position:-365px -55px; width:35px; height:34px; margin:4px 4px 0 0; vertical-align:top; }
  .i-app-CDI-LearningPortal::before { background-position:0px -375px; width:35px; height:34px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-e-Library::before { background-position:-38px -375px; width:35px; height:34px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-April-LearningPortal::before { background-position:-76px -375px; width:35px; height:34px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-April-VinaTalk::before { background-position:-114px -375px; width:35px; height:34px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-April-Buff::before { background-position:-152px -375px; width:35px; height:34px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-Bouncy-Buff::before { background-position:-266px -380px; width:35px; height:35px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-April-MeMe::before { background-position:-190px -375px; width:35px; height:34px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-Bouncy-MeMe::before { background-position:-305px -380px; width:35px; height:35px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-Thinking-MeMe::before { background-position:-344px -380px; width:35px; height:35px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-ChunkToon::before { background-position:-383px -380px; width:35px; height:35px; margin:6px 4px 0 0; vertical-align:top; }
  .i-app-PhonicsConcert::before { background-position:-228px -375px; width:35px; height:34px; margin:6px 4px 0 0; vertical-align:top; }
  .i-examcomp::before { background-position:-330px -233px; width:62px; height:60px; }
  html.ios .i-app-buff::before, html.ios .i-app-allim::before, html.ios .i-app-e-Library::before, html.ios .i-app-CDI-LearningPortal::before, html.ios .i-app-April-LearningPortal::before { margin-top:3px; }
  .i-tel-2::before { background-position:-265px -361px; width:15px; height:16px; }
  .i-kakaoplus::before {background-position:-285px -361px; width:15px; height:16px; }
  .i-one-on-one::before {background-position:-305px -361px; width:15px; height:16px;}
  .i-like { background-position:-191px 0; margin:-2px 2px 0 0; }
  .btn-like.active .i-like { background-position:-206px 0; }
  .i-like-2 { background-position:-191px -11px; margin:0 2px 0 0; }
  .btn-like.active .i-like-2 { background-position:-179px -347px; }
  .i-down::after { background-position:-178px -217px; width:9px; height:8px; }
  .i-cs-banner::after { background-position:-330px -298px; width:40px; height:38px; }
  .i-cs-banner-2::after { background-position:-330px -338px; width:41px; height:36px; }

  .i-arr-3, .i-arr-4 { width:11px; height:11px; }
  .i-schedule { width:5px; height:5px; }
  .i-schedule + .i-schedule { margin-left:1px; }
  .i-schedule.ty-3 { width:6px; height:6px; margin-top:-1px; background-position:-180px 0; }
  .i-nocalendar::before { background-position:-0px -217px; width:51px; height:60px; }

  .fm-sel { height:45px; padding:0 30px 0 12px; line-height:3.15;  background:#fff url("../images/common/i-sel-mo.png") right 16px center no-repeat; background-size:11px 6px; box-sizing:border-box; }
  .fm-sel-5 { width: 100%; height:45px; margin-top: 10px; margin-left: 0px;padding:0 30px 0 12px; line-height:3.15;  background:#fff url("../images/common/i-sel-mo.png") right 16px center no-repeat; background-size:11px 6px; box-sizing:border-box; }
  .fm-ipt { height:45px; padding:0 10px 0 12px; line-height:3.9; }
  .fm-file { padding-right:75px; }
  .fm-file-btn { width:67px; line-height:3.8; }
  .fm-sel-2 { height:45px; padding:0 30px 0 15px; font-size:13px; color:#000; line-height:3.46; border:1px solid #eee; border-radius:3px; background:#fff url("../images/common/i-sel-mo-2.png") right 10px center no-repeat; background-size:7px 4px; box-sizing:border-box; }
  .fm-sel-3 { height:60px; padding:0 42px 0 17px; font-size:14px; color:#000; line-height:58px; border:1px solid #ddd; border-radius:3px; background:#fff url("../images/common/i-sel-mo-3-check.png") right 17px center no-repeat; background-size:15px 12px; box-sizing:border-box; }
  .fm-sel-3:focus { border-color:#000; }
  .fm-sel-3.placeholder { color:#666; background-image:url("../images/common/i-sel-mo-3.png"); }
  .fm-ipt-2 { height:45px; padding:0 15px 0 15px; font-size:13px; color:#000; line-height:3.46; border:1px solid #eee; border-radius:3px; }
  .fm-wrap { margin-top:22px; }
  .fm-wrap.cmgt-2 { margin-top:16px; }
  .fm-btn { width:68px; }
  .fm-col-btn { padding-right:66px; }
  .fm-row { margin-top:15px; }
  .fm-row-wrap:first-child .fm-row { margin-top:0; }
  .fm-row-col { -ms-flex-flow:column; flex-flow:column; }
  .fm-row-col .fm-box { -ms-flex:auto; flex:auto; }
  .fm-row-col .fm-box + .fm-box { margin-left:0; margin-top:15px; }
  .fm-col-2, .fm-col-3 { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .fm-col-2 .fm-box, .fm-col-3 .fm-box { -ms-flex:auto; flex:auto; }
  .fm-col-2 .fm-box + .fm-box, .fm-col-3 .fm-box + .fm-box { margin-left:0; margin-top:-1px; }
  .fm-col-3 .fm-box:last-child { margin-left:-1px; }
  .fm-col-2 .fm-box:first-child .fm-ipt, .fm-col-2 .fm-box:first-child .fm-sel { border-radius:3px 3px 0 0; }
  .fm-col-2 .fm-box:last-child .fm-ipt, .fm-col-2 .fm-box:last-child .fm-sel { border-radius:0 0 3px 3px; }
  .fm-col-3 .fm-box:first-child .fm-ipt { border-radius:3px 3px 0 0; }
  .fm-col-3 .fm-box:nth-child(2) .fm-sel { border-radius:3px 0 0 3px; }
  .fm-col-3 .fm-box:last-child .fm-sel { border-radius:0 0 3px 0; }
  .fm-label { margin-bottom:6px; }
  .fm-error-txt.active, .fm-txt { font-size:11px; margin:7px 0 0 16px; }
  .fm-ta { height:120px; padding:13px 10px 13px 10px; }
  .fm-ta-in { padding:10px 10px 10px 6px; line-height:1.8; }
  .fm-h { height:170px; }
  .fm-required { margin:9px 0 -3px 0; font-size:11px; }
  .fm-col-in-full { width:100%; }
  .fm-terms .agree-title { padding:16px 1px 15px; font-size:15px; }
  .fm-terms .agree-cont .agree-title-2 { margin:16px 0; }
  .fm-terms .agree-cont .terms-box { height:107px; }
  .fm-terms .agree-cont .terms-box p { margin-top:3px; }

  .box { padding:16px 18px; }
  .box.cmgt-2 { margin-top:12px; }
  .box-2 { margin-top:12px; padding:17px 18px 13px; font-size: 12px;}
  .box-2.cmgt { margin-top:40px; font-size: 12px;}
  .box-2.TO {padding:17px 18px 17px;}
  .box-3 { padding:14px 13px 12px; }
  .list-dot.cmgt { margin-top:10px; }
  .list-dot.cmgt-2 { margin-top:7px; }
  .list-dot li { line-height:1.58; }
  .list-dot li::before { width:2px; height:2px; margin:6px 7px 0 0; }
  .list-dot li + li { margin-top:7px; }
  .list-dot-2 li { line-height:1.58; }
  .list-dot-2 li::before { margin:10px 5px 0; border-radius:50%; }
  .list-dot.ty-4 li { line-height:1.58; }
  .list-dot.ty-4 li::before { width:2px; height:2px; margin:6px 7px 0 0; }
  .list-dot.ty-5 li::before { width:2px; height:2px; margin:10px 7px 0 0; }
  .list-num.cmgt { margin-top:7px; }
  .list-num li { margin:2px 0 0 1.2em; line-height:1.58; }
  .list-num.ty-2 li { margin:10px 0 0 1.2em; }

  .list-num-2 .subj { font-size:14px; line-height:1.5; }
  .list-num-2 .des { line-height:1.58; padding:4px 0 0 18px; }
  .list-num-2 .img { margin-top:15px; }
  .list-num-2 .img img { width:100%; }
  .list-num-2 li + li { margin:23px 0 0 0; }

  .list-symbol li { margin:3px 0 0 1.2em; line-height:1.58; }
  .def > dt { margin-bottom:3px; }
  .def > dd { padding-left:22px; line-height:1.58; }
  .def > dd.btn { margin-top:8px; }

  ul.def { position:relative; }
  ul.def.i-ref::before { top:3px; }
  .def > li { padding-left:20px; line-height:1.55; }
  .def > li + li { margin-top:5px; }

  .def-2 > dt { margin-top:11px; margin-bottom:4px; font-weight:bold; color:#333; }
  .def-2 > dd { line-height:1.4; }
  .def-2 > dd + dt { margin-top:11px; }
  .def-3 > dd { padding-left:10px; }
  .def-3 > dd + dt { margin-top:5px; }
  .def-3 > dt::before { width:2px; height:2px; margin:6px 8px 0 0; }

  .paging.cmgt { margin-top:30px; }
  .paging { margin-top:12px; }
  .paging .pag-first, .paging .pag-last { display:none; }
  .paging .pag-prev, .paging .pag-next { width:24px; height:24px; font-size:0; line-height:24px; border:solid 1px #ddd; border-radius:3px; padding:1px 0 0; min-width:auto; }
  .paging .num { padding:0 9px 0 8px; }
  .paging .num a { display:none; }
  .paging .num span.active { min-width:0; height:auto; padding:0; font-size:13px; color:#111; line-height:1.85; background-color:transparent; }
  .pag-total { display:inline-block; font-size:13px; line-height:1.85; vertical-align:middle; }

  .ico-txt { height:16px; line-height:1.6; padding:0 6px 0 5px; margin:0 0 0 4px; vertical-align:top;  }
  .ico-txt-3 { height:24px; padding:0 10px 0 11px; font-size:11px; line-height:2.2; font-weight:normal; border-radius:12px; }
  .ico-txt-4 { display:inline-block; width:40px; height:40px; line-height:3.6;  }
  .ico-txt-6 { font-size:10px; width:14px; height:14px; line-height:1.5; margin:-2px 0 0 4px; }
  .ios .ico-txt-6 { line-height:1.6; }
  .ico-txt-7 { font-size:10px; width:14px; height:14px; line-height:1.4; margin:-2px 0 0 4px; padding:0; text-align:center; }
  .board-title { font-size:18px; line-height:1.28; }
  .board-info { margin-top:7px; }
  .board-info dd { margin:0 6px 0 1px; }
  .board-content { line-height:1.59; margin-top:15px; padding:25px 5px 23px 5px; }
  .board-content p+p { margin-top:4px; }
  .board-video, .board-img { margin-top:17px; }
  .board-event { padding:30px 5px 28px 5px; }
  .board-event .btn { margin-top:14px; }
  .board-source { font-size:11px; color:#000; text-align:left; }
  .board-source .ico-txt-3 { margin-right:6px; }
  .board-source .copy { margin-left:5px; }
  .board-related { text-align:left; }
  .board-related .related-in { display:block; padding-left:85px; }
  .board-tag { margin:-15px 0 0 -5px; }
  .board-tag .tag { height:28px; line-height:2.35; padding:0 12px 0 14px; margin:5px 0 0 5px; }
  .board-related + .board-attatch { margin-top:12px; }
  .board-attatch { padding:23px 0 14px; margin-top:24px; }
  .board-attatch .all-down { padding:0 0 0 12px; }
  .board-attatch .all-down .title { margin-right:12px; }
  .board-attatch .all-down + .only-down { margin-top:13px; }
  .board-attatch .only-down { padding:0 0 0 23px; margin-top:7px; }
  .board-attatch .only-down::before { content:''; display:inline-block; margin:6px 7px 0 0; vertical-align:top; border-radius:100%; }
  .btn-t { min-width:auto; width:100%; height:48px; font-size:13px; padding:0 16px; line-height:3.7; border-radius:3px; }
  .btn-t-2 { min-width:auto; height:43px; font-size:13px; padding:0 16px; line-height:3.3; font-weight:bold; border-radius:5px; }
  .btn-t-3 { min-width:66px; height:28px; padding:0 9px; line-height:2.2; border-radius:2px; }
  .btn-t-4 { height:29px; border-radius:3px; box-sizing:border-box; font-size:12px; line-height:2.2; font-weight:bold; }
  .btn-t-5 { min-width:auto; height:40px; padding:0 20px; border-radius:3px; box-sizing:border-box; line-height:3.4; }
  .btn-w-4 { width:auto; }

  .btn-wrap { display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:18px; }
  .btn-wrap.cmgt { margin-top:15px; }
  .btn-wrap .btn-in { -ms-flex:1; flex:1; margin:0; display:block; }
  .btn-wrap .btn-in + .btn-in { margin-left:5px; }
  .btn-wrap.topRight {margin-top:-30px;}
  .btn-wrap.topRight .btn-in a {min-width:auto;}
  .board-total { font-size:14px; margin:28px 0 8px; color:#000; }
  .board-view { margin-top:24px; }
  .board-title-wrap { padding-left:50px; margin-bottom:15px; }
  .board-title-wrap .ico-txt-4 { left:0; top:2px; }
  .board-preview { margin-top:23px; }
  .board-preview li { padding:19px 10px 16px 32px; }
  .board-preview .ir-b::before { left:15px; top:23px; }
  .board-list.cmgt { margin-top:11px; }
  .board-list tr { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; height:auto; padding:14px 0 12px; }
  .board-list thead { display:none; }
  .board-list colgroup { display:none; }
  .board-list td { height:auto; padding:0 9px 0 0; }
  .board-list td { display:block; }
  .board-list .mo-tb-hide { display:none; }
  .board-list .mo-tb-1 { -ms-flex-order:1; order:1; width:100%; padding-left:0; padding-bottom:5px; }
  .board-list .mo-tb-1-1 { -ms-flex-order:1; order:1; width:100%; padding-left:0; padding-right:0; padding-bottom:5px; }
  .board-list .mo-tb-2-1 { -ms-flex-order:2; order:2; }
  .board-list .mo-tb-2-2 { -ms-flex-order:3; order:3; }
  .board-list .subj {font-size:13px; line-height:1.37;}
  .board-list .subj.st {font-size:14px; display:block; margin-bottom:5px;}
  .board-list .subj-2 {font-size:13px; line-height:1.37;}
  .board-list .subj-2:before {content:''; display:inline-block; width:12px; height:14px; margin:3px 3px 0 0; vertical-align:top; background-position:-65px -217px;}
  .board-list .subj-tel {display:block; font-size:14px; text-align:left;}
  .board-list .subj-tel:before {content:''; display:inline-block; width:12px; height:14px; margin:4px 3px 0 0; vertical-align:top; background-position:-78px -217px;}
  .board-list .map-btn-2 {display:block; margin-top:5px;}
  .board-list .no-data, .accordion .no-data, .board-accor .no-data { width:100%; padding:88px 0; font-size:13px; }
  .ios.mobile table.board-list { table-layout:fixed; }
  .board-source + .board-attatch { margin-top:24px; }
  .board-source + .board-tag { margin-top:18px; }

  .no-data .ir-b:before { margin:0 auto 10px; }
  .no-data.ty-2 { padding:50px 0 50px; }
  .no-data.ty-3 { padding:100px 0 80px; }
  .no-data.ty-4 { padding:0 0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; height:calc(100vh - 90px); -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; box-sizing:border-box; }
  .no-data.ty-3 .ir-b:before { margin:0 auto 8px; }
  .card-list { display:block; }
  .card-list .slide { width:calc(50% - 24px); }
  .card-list .card-item { height:181px; padding:27px 24px 0 23px; box-sizing:border-box; }
  .card-list .card-item dt { height:114px; }
  .card-list .card-item .title { font-size:18px; line-height:1.28; height:3.8em; margin-top:6px; box-sizing:border-box; }
  .card-list .slide:nth-child(4) { display:block; }
  .card-list .slick-controls { position:relative; margin-top:14px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .card-list .slick-dots { display:block; width:auto; -ms-flex-order:2; order:2; }
  .card-list .slick-play { position:relative; width:10px; height:10px; box-sizing:border-box; -ms-flex-order:1; order:1; margin-right:8px; }
  .card-list .slick-play.slick-pause::before { display:block; width:2px; height:10px; background-color:#000; border:0; }
  .card-list .slick-play.slick-pause::after { content:''; position:absolute; left:7px; top:0; display:block; width:2px; height:10px; background-color:#000; border:0; }
  .card-list .slick-play::after { display:none; }
  .card-list .slick-play::before { content:''; position:absolute; left:2px; top:0; width:0; display:inline-block; height:0; border-left:8px solid #000; border-bottom:5px solid transparent; border-top:5px solid transparent; }
  .flag { font-size:0; }
  .ico-video { width:24px; height:24px; }
  .ico-video-2 { display:inline-block; width:24px; height:24px; line-height:20px; }
  .i-video, .i-video-2 { border-left:7px solid #303f50; border-top:5px solid transparent; border-bottom:5px solid transparent; margin:6px 0 0 2px; }

  .g-title { margin:35px 0 -4px; font-size:18px; letter-spacing:0; }
  .g-title.cmgt { margin-top:30px; }
  .g-title.cmgt-2 { margin-top:40px; }
  .g-title.cmgt-3 { margin-top:14px; }
  .g-title.cmgt-4 { margin-top:37px; }
  .g-title.cmgt-5 { margin-top:35px; }
  .g-title.mo-blind + .board-total { margin-top:28px; }
  .g-title-2 { margin:38px 0 -4px; font-size:14px; }
  .g-title-3 { margin:28px 0 -4px; font-size:21px; line-height:1.29; letter-spacing:0; }
  .g-title-3.cmgt { margin-top:20px; }
  .g-title-4 { margin:37px 0 -4px; font-size:18px; }
  .g-title-5 { margin:33px 0 -3px; font-size:15px; }
  .g-title-5.cmgt { margin-top:25px; }
  .g-title-5.cmgt-2 { margin-top:25px; }
  .g-title-6 { font-size:14px; }
  .g-title-7 { margin:38px 0 0; font-size:17px; line-height:1.29; letter-spacing:0; }
  .g-title-8 { font-size:14px; line-height:1.5; }
  .g-title-8.cmgt { margin-top:28px; }
  .g-title-8.cmgt-2 { margin-top:28px; }
  .g-title-9 { margin:40px 0 -4px; font-size:16px; line-height:1.26; }
  .g-title-9.cmgt { margin-top:25px; }
  .g-title-9.cmgt-2 { margin-top:35px; }
  .g-sub-txt-3 { margin:8px 0 -2px; line-height:1.45; }
  .g-title-wrap.cmgt-2 { margin-top:40px; }
  .g-title-wrap.noinline.cmgt-2 { display:block; }
  .g-title-wrap .g-select { margin-top:5px; }
  .g-title-wrap .g-select.single { margin-top:7px; margin-bottom:0; }
  .g-title-wrap .g-btn { margin-bottom:-6px; }
  .g-title-wrap-8 { margin-top:28px; }
  .g-title-txt-4 { display:block; margin:2px 0 0 0; }
  .g-title-txt { font-size:14px; line-height:1.5; }
  .g-title-txt-2 { margin:11px 0 8px; }
  .g-title-txt-3 { font-size:13px; }
  .g-title-txt-4 { font-size:12px; }
  .g-title-txt-3-wrap { display:block; }
  .g-title-txt-3-wrap .txt { width:100%; font-size:13px; line-height:1.38; }
  .g-title-txt-3-wrap .btn { margin-top:6px; }

  .grid-item .flag { left:8px; bottom:8px; }
  .grid-item .grid-txt .title { font-size:13px; letter-spacing:0; line-height:1.45; height:2.85em; }
  .grid-item .grid-txt .info { font-size:12px; margin-top:2px; margin-left:2px; }
  .grid-item .grid-txt .btn-like { font-size:12px; }
  .grid-item .grid-txt { padding:10px 0 0 0; }
  .grid-list { margin:0 -5px -28px; }
  .grid-list.cmgt { margin-top:12px; }
  .grid-list .grid-item { width:calc(50% - 10px); margin:0 5px 28px; display:block; }
  .grid-list .grid-item:nth-child(2n+1) { clear:both; }
  .grid-list.related .grid-item:nth-child(2) ~ .grid-item { display:none; }
  .grid-list-2 { margin:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
  .grid-list-2.cmgt { margin-top:12px; }
  .grid-list-2 .grid-item.point .grid-img { height:auto; }
  .grid-list-2 .grid-item.point, .grid-list-2 .grid-item { width:100%; margin:23px 0 0; }
  .grid-list-2 .grid-item:first-child { margin:0; }
  .grid-list-2 .grid-item:nth-child(2) ~ .grid-item { display:none; }
  .grid-list-2 .grid-item .grid-txt, .grid-list-2 .grid-item.point .grid-txt { position:static; }
  .grid-list-2 .grid-item.point .flag + .grid-txt-in { margin:0 0 0 8px; width:calc(100% - 50px); }
  .grid-list-2::after { display:none; }
  .grid-list-2 .grid-item .grid-txt .title { height:auto; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
  .grid-list-2 .grid-item.point .grid-txt .title { color:#000; }
  .grid-list-2 .grid-item .grid-txt .info { display:none; }
  .grid-list-2 .grid-item.point .ico-video { bottom:auto; margin-top:-46px; }
  .grid-list-2 .grid-item .grid-txt { height:30px; box-sizing:border-box; }

  .grid-list-3 { display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 0 -21px; }
  .grid-list-3.cmgt { margin-top:18px; }
  .grid-list-3 .grid-item-2 { width:100%; padding:0; box-sizing:border-box; margin-bottom:21px; }
  .grid-item-2 .grid-txt-3 { margin-top:12px; }
  .grid-item-2 .grid-txt-3 .title { font-size:13px; line-height:1.526;  }
  .grid-item-2 .grid-txt-3 dd { display:inline-block; font-size:12px; margin-top:3px; }
  .grid-item-2 .flag { right:10px; top:10px; font-size:12px; }
  .btn-more { position:absolute; top:8px; right:0; display:block; width:11px; height:11px; }
  .btn-more::before { top:0; left:5px; width:1px; }
  .btn-more::after { top:5px; left:0; height:1px; }
  .btn-more-2 { width:11px; height:11px; }
  .btn-more-2::before { left:5px; width:1px; }
  .btn-more-2::after { top:5px; height:1px; }
  .btn-more3 { position:absolute; top:1px; right:0;font-size: 14px;}
  .btn-more3::after {width:14px; background-position: center -1.5px;}
  .board-sch { display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:24px; -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .board-sch .sch-sel { -ms-flex:1; flex:1; width:auto; }
  .board-sch .sch-ipt { height:45px; }
  .board-sch .fm-ipt-2 { width:calc(100% - 43px); }
  .board-sch .sch-ipt { -ms-flex:1.9; flex:1.9; margin-left:5px; width:auto; }
  .board-sch.bs-col-3 .sch-sel + .sch-sel { margin-left:5px; }
  .board-sch.bs-col-3 .sch-ipt { -webkit-box-flex:1; -ms-flex:auto; flex:auto; display:block; width:100%; margin-top:5px; margin-left:0; }
  .board-sch .btn-sch { position:absolute; right:0; width:43px; height:43px; top:1px; right:1px; }
  .event-comp { padding:15px 0 55px 0; font-size:13px; line-height:1.35; text-align:center; }
  .event-comp .title { font-size:15px; color:#000; line-height:1.33; font-weight:bold; margin-bottom:11px; }
  .event-comp .title::before { margin:0 auto 14px;  }
  .tab { margin-top:20px; border-radius:3px; overflow:hidden; padding-top:1px; }
  .tab.cmgt { margin-top:30px; }
  .tab.cmgt-2 { margin-top:18px; }
  .tab.cmgt-3 { margin-top:6px; }
  .tab.cmgt-4 { margin-top:12px; }
  .tab.cmgt-5 { margin-top:18px; }
  .tab.cmgt-6 { margin-top:32px; }
  .tab .tab-item a { font-size:11px; height:47px; margin:-1px 0 0 -1px; }
  .tab .tab-item { -ms-flex:none; flex:none; }
  .tab.tab-col-2 .tab-item {  width:50%; }
  .tab.tab-col-2 .tab-item.v-on {  width:100%; }
  .tab.tab-col-2 .tab-item:nth-child(2n+1) a { margin-left:0; }
  .tab.tab-col-2 .tab-item:nth-child(1) a { border-top-left-radius:3px; }
  .tab.tab-col-2 .tab-item:nth-child(2) a { border-top-right-radius:3px; }
  .tab.tab-col-2 .tab-item:nth-last-child(2):nth-child(odd) a { border-bottom-left-radius:3px; }
  .tab.tab-col-2 .tab-item:nth-last-child(2):nth-child(even) a { border-bottom-right-radius:3px; }
  .tab.tab-col-2 .tab-item:nth-last-child(1):nth-child(even) a { border-bottom-right-radius:3px; }
  .tab.tab-col-2 .tab-item:nth-last-child(1):nth-child(odd) a { border-bottom-right-radius:3px ;border-bottom-left-radius:3px; }
  .tab.tab-col-3 .tab-item { width:33.333333%; }
  .tab.tab-col-3 .tab-item:nth-child(3n+1) a { margin-left:0; }
  .tab.tab-col-3 .tab-item:first-child a { border-top-left-radius:3px; }
  .tab.tab-col-3 .tab-item:first-child + .tab-item +.tab-item a,
  .tab.tab-col-3 .tab-item:first-child + .tab-item:last-child a,
  .tab.tab-col-3 .tab-item:first-child:last-child a { border-top-right-radius:3px; }
  .tab.tab-col-3 .tab-item:nth-last-child(2):nth-child(3n) a,
  .tab.tab-col-3 .tab-item:nth-last-child(3):nth-child(3n) a { border-bottom-right-radius:3px; }
  .tab.tab-col-3 .tab-item:nth-last-child(3):nth-child(3n+1) a,
  .tab.tab-col-3 .tab-item:nth-last-child(2):nth-child(3n+1) a,
  .tab.tab-col-3 .tab-item:last-child:nth-child(3n+1) a { border-bottom-left-radius:3px; }
  .tab.tab-col-3 .tab-item:last-child a { border-bottom-right-radius:3px; }
  .tab.tab-col-4 .tab-item { width:20%; }
  .tab.tab-col-4.tab11 .tab-item { width:25%; }
  .tab-col-4.tabGlobal .tab-item{width: 33.333333%;}
  .tab.tab-col-4 .tab-item:first-child a { border-radius:3px 0 0 3px; }
  /*.tab.tab-col-4 .tab-item:nth-child(4) a { border-radius:0 3px 0 0; }*/
  /*.tab.tab-col-4 .tab-item:nth-child(5) a { border-radius:0 0 0 3px; }*/
  .tab.tab-col-4 .tab-item:last-child  a { border-radius:0 3px 3px 0; }
  .tab .tab-item:first-child a { margin-left:0; }
  .tab .tab-item + .tab-item:nth-child(5n+1) a { margin-left: 0px;}
  .tab.tab-col-3.cmgt .tab-item + .tab-item:nth-child(5n+1) a { margin-left: -1px;}
  .tab.tab10 .tab-item:nth-child(5n+1) a {margin-left:0;}
  .tab.tab10 .tab-item:first-child a { border-radius:3px 0 0 0; }
  .tab.tab10 .tab-item:nth-child(5)  a { border-radius:0 3px 0 0; }
  .tab.tab10 .tab-item:nth-child(6)  a { border-radius:0 0 0 3px; }
  .tab.tab10 .tab-item:last-child  a { border-radius:0 0 3px 0; }
  .tab.tab11 .tab-item:nth-child(4n+1) a {margin-left:0;}
  .tab.tab11 .tab-item:first-child a { border-radius:3px 0 0 0; }
  .tab.tab11 .tab-item:nth-child(4)  a { border-radius:0 3px 0 0; }
  .tab.tab11 .tab-item:nth-child(5)  a { border-radius:0 0 0 3px; }
  .tab.tab11 .tab-item:last-child  a { border-radius:0 0 3px 0; }
  @media screen and (max-width:767px){
    .tab.tab-col-2 .tab-item.block {width:100%;}
    .brand-select-depth.pc .brand-select-in.active{display: none;}
    .brand-select-pop.on .brand-select-in.active {display: block;}
    .g-l-title {margin: 40px 0 25px; font-size: 20px;    }
  }
  .tab-2.swipe-tab::before, .tab-3.swipe-tab::before { display:none; }
  .tab-2 { padding:0 20px; margin:12px -20px 0; font-size:13px; }
  .tab-2.swipe-tab .tab-item:first-child { margin-left:35px; }
  .tab-2.swipe-tab .tab-item:last-child { margin-right:40px; }
  .tab-2.swipe-tab.swipe-off .tab-item:last-child { margin-right:35px; }
  .tab-2 .tab-item { margin-left:15px; margin-right:14px; }
  .tab-2 .tab-item::before { height:44px; }
  .tab-2 .tab-item a { vertical-align:middle; }
  .tab-2 .swipe-prev, .tab-2 .swipe-next { display:none; }
  .swipe-tab::after { width:40px; margin-left:-1px; margin-right:-1px; }
  html.mobile .swipe-tab .swipe-cont {  padding:0 20px; margin:0 -20px 0; }
  html.mobile .swipe-initialized .swipe-cont { display:block; overflow-x:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch;}
  html.mobile .swipe-initialized ::-webkit-scrollbar,
  html.mobile .swipe-initialized ::-webkit-scrollbar-track,
  html.mobile .swipe-initialized ::-webkit-scrollbar-track-piece,
  html.mobile .swipe-initialized ::-webkit-scrollbar-thumb { display:none; }

  .faq-sch { position:relative; max-width:100%; width:auto; border-bottom:solid 2px #111; padding-bottom:0; margin:-7px 26px 0; }
  .faq-sch .ipt { width:100%; font-size:18px; height:37px; line-height:2.1; padding:0 40px 0 10px; }
  .faq-sch .btn-sch { position:absolute; right:8px; top:10px; }

  .accordion.cmgt { margin-top:18px; }
  .accordion.cmgt-2 { margin-top:12px; }
  .acc-title::after { right:3px; width:9px; height:9px; margin-top:-7px; }
  .acc-title.active::after { margin-top:-3px; }
  .accordion .acc-title { display:block; font-size:0; position:relative; padding:19px 30px 15px 0; border-bottom:solid 1px #eee; box-sizing:border-box; }
  .accordion .acc-title .cate { display:block; width:100%; font-size:12px; text-align:left; }
  .accordion .acc-title .cap { display:none; }
  .accordion .acc-title .subj { display:block; width:100%; font-size:13px; line-height:1.47; margin-top:2px; }
  .accordion .acc-cont { display:none; padding:13px 17px 15px 0; }
  .accordion .acc-cont-in { color:#000; padding-left:17px; line-height:1.8; box-sizing:border-box; }
  .accordion .acc-cont-in p + p { margin-top:5px; }
  .accordion .board-attatch { margin:15px -7px 0 10px; padding:18px 7px 4px; }

  .faq-list .faq-item { padding:10px 0; line-height:1.5; }
  .faq-item .faq-cont ul { margin-top:7px; }
  .faq-item .faq-cont ul li { margin-top:5px; }

  .shuttle { margin-top:30px; }
  .shuttle .acc-title { padding:18px 24px 17px 5px; }
  .shuttle .acc-title .bus-num { display:block; width:auto; font-size:12px; padding-left:24px; margin-bottom:9px; }
  .shuttle .acc-title .bus-num::before { top:2px; }
  .shuttle .acc-title .num { font-size:15px; display:block; }
  .shuttle .acc-title .driver { display:block; width:auto;  margin-top:3px;font-size:12px; line-height:1.2; text-align:left; padding-left:24px; }
  .shuttle .acc-title .route { display:block; margin-top:1px; }
  .shuttle .acc-cont { height:auto; max-height:none; }
  .shuttle .acc-cont-in { height:auto; }
  .map-shuttle-wrap { float:none; width:100%; height:280px; }
  .shuttle-route { float:none; width:100%; height:auto; }
  .route-wrap { overflow-y:hidden; height:auto; }
  .route-title { height:45px; background:#fafafa; }
  .route-title .title { float:none; width:100%; padding:16px 0 16px 15px; }
  .route-title .print { display:none;}
  .route-list li { padding:10px 0 11px 40px; border-bottom:dotted 1px #eee; }
  .route-list li::before { left:23px; width:1px; margin-top:0; }
  .route-list li .num { top:9px; left:15px; width:17px; height:17px; font-size:11px; line-height:1.8; }
  .route-list li .station { margin-top:2px; }
  .route-list li .i-favorite-2 { right:15px; margin-top:-7px; }
  .shuttle .no-shuttle { padding:100px 0 100px; font-weight:normal; font-size:13px; }
  .shuttle .no-shuttle .ir-b:before { margin:0 auto 9px; text-align:center; }

  .event-comp { padding:60px 0 60px; }

  .step-item { -ms-flex-wrap:wrap; flex-wrap:wrap; min-height:auto; border-top:none; padding:0 0 0 59px; margin-top:40px; background:none; }
  .step-item:first-child { margin-top:0; }
  .step-item::before { top:0; left:5px; right:auto; width:40px !important; height:40px !important; margin-top:0; background-image:url("/cdi/resource/images/sub/sprite-steplist-mo.png"); background-size:221px 85px; }
  .step-item.ico-pr1-2::before { background-position:-45px 0; }
  .step-item.ico-pr1-3::before { background-position:-90px 0; margin-left:0; }
  .step-item.ico-pr1-4::before { background-position:-135px 0; }
  .step-item.ico-pr1-5::before { width:41px !important; background-position:-180px 0; }
  .step-item.ico-hr1::before { background-position:0 -45px; }
  .step-item.ico-hr1-2::before { background-position:-45px -45px; }
  .step-item.ico-hr1-3::before { background-position:-90px -45px; }
  .step-item.ico-hr1-4::before { background-position:-135px -45px; }
  .step-item.ico-hr1-5::before { background-position:-180px -45px; }
  .step-item::after { content:''; display:inline-block; position:absolute; left:24px; top:40px; width:1px; height:100%; border-left:1px dotted #e5e5e5; }
  .step-item:last-child::after { display:none; }
  .step-item .step-info .title { font-size:14px; margin-top:12px; }
  .step-item .step-info .title em { display:block; font-size:12px; margin-top:-10px; }
  .step-item .step-info .text { margin-top:7px; font-size:12px; line-height:1.5; }
  .step-item .step-info .text ol { margin-left:3px; }
  .step-item .step-btn, .step-item .info-wrap .step-btn { width:100%; margin:17px 7px 0 0; }
  .step-item .step-btn .btn-t { width:100%; height:40px; line-height:40px; }
  .step-item .info-wrap { -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:0; }
  .step-item .info-wrap + .info-wrap { margin-top:12px; }
  .step-item .info-wrap + .info-wrap .text { margin-top:12px; }
  .step-item .info-wrap + .info-wrap::before { width:calc(100% - 7px); top:0; right:7px; }

  .safety { margin-top:12px; -ms-flex-direction:column; flex-direction:column; }
  .safety li { -ms-flex:auto; flex:auto; text-align:left; padding:10px 10px 10px 21px; }
  .safety li + li { border-left:none;  border-top:dotted 1px #eee; }
  .safety .safety-in { display:inline-block; width:calc(100% - 35px); margin:0; padding-left:20px; line-height:1.72; box-sizing:border-box; vertical-align:middle; }

  .calendar.ty-line { margin-top:40px; padding-top:19px; }
  .calendar-list { margin-top:16px; border-radius:3px; }
  .calendar-list th { padding:8px 0 9px 9px; font-size:11px; }
  .calendar-list tbody td { height:50px; }
  .calendar-list td a { padding:6px 2.5% 7px 5px; }
  .calendarx-list { margin-top:16px; border-radius:3px; }
  .calendarx-list th { padding:8px 0 9px 9px; font-size:11px; }
  .calendarx-list tbody td { height:50px; }
  .calendarx-list td a { padding:6px 2.5% 7px 5px; }
  .cal-pag { top:5px; }
  .cal-prev { left:8px; }
  .cal-next { right:8px; }
  .calendar-list .cal-date { font-size:12px; text-align:center; width:23px; }
  .calendar-list .cal-schedule { margin-top:4px; width:23px; text-align:center; }
  .calendar-list .cal-today { top:3px; left:5px; margin-left:0; width:23px; height:23px; text-align:center; border-radius:100%; }
  .calendar-list .cal-today { text-indent:-9999px; }
  .calendarx-list .cal-date { font-size:12px; text-align:center; width:23px; }
  .calendarx-list .cal-schedule { margin-top:4px; width:23px; text-align:center; }
  .calendarx-list .cal-today { top:3px; left:5px; margin-left:0; width:23px; height:23px; text-align:center; border-radius:100%; }
  .calendarx-list .cal-today { text-indent:-9999px; }
  .cal-txt-in { display:none; }
  .cal-month { font-size:16px; }
  .cal-year { font-size:12px; margin-top:0; }
  .schedule { padding:15px 15px 11px; border-radius:0 0 3px 3px; }
  .schedule-list dd { margin:2px 0 0 8px; line-height:1.58; }
  .schedule-list dd + dt { margin-top:6px; }
  .schedule-list-2 dd + dd { margin-left:10px;; }
  .schedule-des { margin-top:13px; }
  .schedule-des .i-schedule { margin-left:4px; }
  .no-calendar { margin:50px 0 0; }
  .no-calendar .contact { display:inline-block; margin-top:2px; }
  .no-application .schedule-question { margin-top:7px; }
  .schedule-question { margin-top:16px; text-align:center; font-size:13px; }
  .schedule-question .q-info { margin:7px 0 13px; }
  .no-application { margin-top:40px; }
  .no-application .txt { display:block; margin-top:9px;  }
  .no-application .box { width:240px; margin:8px auto 0; }
  .no-application .box li + li { margin-top:3px; }
  .q-info dt { margin-right:3px; }
  .q-info dd + dt::before { height:11px; margin:2px 4px 0 2px; }

  .step { margin-top:37px; margin-bottom:22px; border-top:0; }
  .step li { -ms-flex-preferred-size:50%; flex-basis:50%; }
  .step li + li { margin-left:12px; }
  .step li .num { margin-top:-17px; padding:0 9px; font-size:13px; }
  .step li .text { font-weight:bold; margin-top:-3px; }

  .pop-wrap { background:#fff; }
  .pop-wrap .pop-head { height:50px; padding:13px 17px 13px; }
  .pop-mw .pop-head {padding:10px 17px;}
  .pop-head .pop-btn-close { right:20px; }
  .pop-btn-close { top:15px; right:17px; width:19px; height:19px; }
  .pop-btn-close:before { width:1px; height:19px;}
  .pop-btn-close:after { width:19px; height:1px; }
  .pop-btn-close.mo-ty-2:before { background-color:#000; }
  .pop-btn-close.mo-ty-2:after { background-color:#000; }
  .pop-head .pop-title {font-size:17px;}
  .pop-head .appList {font-size:16px; height:31px; background-size:11px 7px;}
  .pop-wrap .pop-cont {padding:20px;}
  .pop-wrap .pop-cont .pop-txt {margin:11px 0 8px;}

  .error-wrap { padding:0 20px; }
  .error-wrap .error-logo { top:26px; left:20px; }
  .error-wrap .error-cont .error-title { font-size:22px; line-height:1.22; letter-spacing:0; }
  .error-wrap .error-cont .error-txt { margin:10px 0 20px; line-height:1.41; }
  .editor-wrap { max-height:calc(100vh - 240px); }

  .pop-cont.app-buff {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-buff-bg-mo.png") top 165px center no-repeat; background-size:244px 196px; text-align:center; }
  .pop-cont.app-allim {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-allim-bg-mo.png") top 136px center no-repeat; background-size:220px 229px; text-align:center; }
  .pop-cont.app-e-Library {padding:38px 20px 50px; background:#fafafa url("../images/common/app-e-Library-bg-mo.jpg") top 174px center no-repeat; background-size:280px 168px; text-align:center; }
  .pop-cont.app-CDI-LearningPortal {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-CDI-LearningPortal-bg-mo.png") top 165px center no-repeat; background-size:260px 165px; text-align:center; }
  .pop-cont.app-April-LearningPortal {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-creverse-LearningPortal-bg-mo.png") top 173px center no-repeat; background-size:210px 170px; text-align:center; }
  .pop-cont.app-April-VinaTalk {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-April-VinaTalk-bg-mo.jpg") top 170px center no-repeat; background-size:280px 170px; text-align:center; }
  .pop-cont.app-April-Buff {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-April-Buff-bg-mo.png") top 146px center no-repeat; background-size:223px 200px; text-align:center; }
  .pop-cont.app-Bouncy-Buff {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-Bouncy-Buff-bg-mo.png") top 143px center no-repeat; background-size:223px 200px; text-align:center; }
  .pop-cont.app-April-MeMe {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-April-MeMe-bg-mo.png") top 164px center no-repeat; background-size:260px 165px; text-align:center; }
  .pop-cont.app-Bouncy-MeMe {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-Bouncy-MeMe-bg-mo.png") top 165px center no-repeat; background-size:260px 165px; text-align:center; }
  .pop-cont.app-Thinking-MeMe {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-Thinking-MeMe-bg-mo.png") top 145px center no-repeat; background-size:223px 200px; text-align:center; }
  .pop-cont.app-ChunkToon {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-ChunkToon-bg-mo.png") top 150px center no-repeat; background-size:223px 200px; text-align:center; }
  .pop-cont.app-PhonicsConcert {padding:38px 20px 50px; background:#f7f7f7 url("../images/common/app-PhonicsConcert-bg-mo.jpg") top 140px center no-repeat; background-size:280px 160px; text-align:center; }

  .app-title { position:relative; height:344px;}
  .app-des { width:100%; text-align:center;}
  .app-des .cap { line-height:1.333333333333333; }
  .app-des .title { font-size:32px; margin-top:3px; line-height:1.2;}
  .app-April-LearningPortal .app-des .title {line-height:1.1;}
  .app-des dd { line-height:1.5; margin-top:8px; }
  .app-down-btn {bottom:0; width:100%; height:43px; border-radius:5px; margin-top:0; }
  .app-down-btn .btn { padding-top:10px; }
  .app-info { border-radius:5px; margin-top:15px; }
  .app-info::before, .app-info::after { display:none; }
  .app-info .item { float:none; width:100%; height:auto; min-height:85px; padding:20px 15px 20px; border-top:dashed 1px #eee; }
  .app-info .item div {height:auto;}
  .app-info .item:first-child { border-top:none; }
  .app-info .item dd { line-height:1.5; margin-top:5px; }

  .gm-style .gm-style-iw-c { border-radius:3px;  }
  .gm-style .gm-style-iw-t::after { top:-2px; left:-12px;
    /*-webkit-transform:translate(-50%,0) rotate(45deg); transform:translate(-50%,0) rotate(45deg); */
    width:24px; height:12px; }
  .map-layer-in { padding:15px 33px 15px 13px; max-height:120px; overflow-y:auto; }
  .map-title { font-size:13px; margin-bottom:8px; }
  .i-pin { background-position:-65px -217px; width:8px; height:15px; }
  .i-tel { background-position:-78px -217px; width:12px; height:15px; }
  .i-time { background-position:-107px -217px; width:12px; height:15px; }
  .i-around::before { background-position:-91px -217px; width:11px; height:11px; margin:-11px 3px 0 0; }
  .map-info { margin:0 0 0 3px; }
  .gm-ui-hover-effect { right:5px !important; top:5px !important; }
  .gm-ui-hover-effect::before { margin-left:-7px; width:15px; }
  .gm-ui-hover-effect::after { margin-top:-7px; height:15px; }
  .map-info li { text-indent:-1.5em; line-height:1.75; color:#333; margin-left:1.5em; font-size:12px; }
  .map-info li .ir { content:''; display:inline-block; width:12px; height:14px; margin:6px 5px 0 0; vertical-align:top; }
  .map-info li + li { margin-top:4px; }
  .map-btn { height:39px; font-size:12px;  line-height:3.2;  }
  .map-btn + .map-btn::after { margin-top:-3px; width:1px; height:7px; }
  .map-brand-wrap { margin-top:0px; }
  .map-around { right: 10px !important; top: 10px; margin-right: 0;}
  .map-btn-2 { min-width:30px; width:30px; overflow: hidden; height:30px; font-size:12px; padding:0 8px 0 8px; line-height:3; border-radius:3px; }
  .map-sch-brand { margin-top:30px; }
  .map-search.on { height: calc(100vh - 233px); transition: all .5s;}
  .map-search{ height: calc(100vh - 669px); min-height:250px; transition: all .5s;}
  .map-search .map-marker {width:32px; height:37px; margin-top:-22px; margin-left:-16px;}

  .exam-list { margin-top:13px; }
  .exam-list.ty-2 { font-size:12px; }
  .exam-list .list-item { padding:16px 2px 17px; }
  .exam-list.ty-2 .list-item { padding-left:12px; padding-right:10px; }
  .exam-list .fm-rad-other { display:block; width:100%; padding:0 0 0 30px; }
  .exam-list .fm-rad + .fm-rad-other::before, .exam-list .fm-rad + .fm-rad-other::after,
  .exam-list.ty-2 .fm-rad + .fm-rad-other::before, .exam-list.ty-2 .fm-rad + .fm-rad-other::after { left:0; }
  .exam-list .sche { display:block; width:100%; font-size:13px; }
  .exam-list .pers { display:block; width:100%; margin-top:2px; padding-left:0; }
  .exam-list .money { display:inline-block; width:auto; min-width:auto; max-width:auto; padding-left:0; margin-top:8px; }
  .exam-list .exam { display:inline-block; width:auto; min-width:auto; max-width:auto; padding-right:6px; margin-top:8px; }
  .exam-list-des { margin-top:8px; text-align:left; line-height:1.58; }

  .tb-col-12, .tb-col-13 { width:25%; }
  .tb-col-14 { width:80px; }
  .tb-col-15 { width:auto; }
  .tb-data-col-2 { margin-top:12px; }
  .tb-data-col-2 .tb-data-wrap { width:100%; }
  .tb-data-col-2 .tb-data-wrap:nth-child(n+3) { margin-top:0; }
  .tb-data-col-2 .tb-data-wrap:nth-child(n+2) { margin-top:20px; }
  .tb-data-col-2 .tb-data-wrap:nth-child(odd), .tb-data-col-2 .tb-data-wrap:nth-child(even) { float:none; }
  .tb-data-wrap.cmgt { margin-top:20px; }
  .tb-data-wrap.cmgt-2 { margin-top:12px; }
  .tb-data-wrap.cmgt-3 { margin-top:6px; }
  .tb-data-wrap.cmgt-6 { margin-top:14px; }
  .tb-data-wrap.cmgt-7 { margin-top:16px; }
  .tb-data-wrap.cmgt-4, .tb-data.cmgt-4 { margin-top:18px; }
  .tb-data-wrap.cmgt-5 { margin-top:40px; }
  .tb-data th { padding:16px 5px 13px; }
  .ios-fake th { position:relative; }
  .ios-fake .point { position:absolute; left:0; top:0; width:100%; height:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
  .ios-fake .point + .point { top:50%; border-top:1px solid #eee; }

  .tb-data td { padding:14px 5px 12px 16px; }
  .tb-data td.ac { padding-left:8px; padding-right:8px; }
  .tb-data .no-data { padding:88px 0; }
  .tb-data-scroll { max-height:265px; }
  .tb-data-scroll .mCustomScrollBox { height:265px !important; }
  .tb-data-scroll .no-data { height:264px; }
  .tb-data-des { margin-top:7px; }
  .tb-data td.tb-img { padding-left:8px; }

  .tb-data-5 thead, .tb-data-5 colgroup { display:none; }
  .tb-data-5 tr { border-bottom:none; }
  .tb-data-5 td { display:block; width:100%; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom:solid 1px #eee; }
  .tb-data-5 .fake-th { display:block; width:29%; background:#f8f8f8; color:#000; box-sizing:border-box; padding:13px 0 12px; font-weight:bold; }
  .tb-data-5 .fake-th::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
  .tb-data-5 .fake-td { display:inline-block; vertical-align:middle; }
  .tb-data-5 .fake-td { display:block; width:71%; text-align:left; box-sizing:border-box; height:100%; padding:13px 0 12px 14px; }

  .ico-add { width:50px; height:50px; margin-left:-25px; top:21px; }
  .ico-add::before { margin-left:-8px; margin-top:-1px; width:16px; height:2px; }
  .ico-add::after { margin-top:-8px; margin-left:-1px; width:2px; height:16px; }
  .sel-children { margin:12px 0 -10px -10px; }
  .sel-children .list-children, .sel-children .add-children { width:calc(100% / 2 - 10px); height:80px; margin:0 0 10px 10px; }
  .list-children .fm-rad-i { font-size:14px; }
  .list-children .fm-rad-i .name { padding-top:31px; }
  .sel-children .add-children { padding-top:32px; }
  .list-children .fm-rad-i::before { top:11px; left:11px; }
  .list-children .fm-rad:checked + .fm-rad-i::after { top:15px; left:10px; width:10px; height:10px; }
  .add-children { padding:84px 0 0 0; }
  .list-children .photo { width:50px; height:50px; margin:22px auto 6px; }
  .list-children .photo::before { background-position:-139px 0; width:17px; height:20px; }
  .add-children.set { margin-top:12px;  padding:134px 0 0 0; }
  .add-children.set::before { margin:75px auto 9px; }
  .add-children.set .ico-add { top:75px; }
  .sel-children .ico-add { width:12px; height:12px; margin-bottom:-1px; }
  .sel-children .ico-add::before { width:12px; margin-left:-6px; }
  .sel-children .ico-add::after { height:12px; margin-top:-6px; }
  .exam-comp { padding:40px 0 20px; }
  .exam-comp .i-examcomp { font-size:13px; }
  .exam-comp .i-examcomp::before { margin:0 auto 12px; }
  .greetings .g-title { margin:-4px 0 14px; }
  .greetings ul.text-in { font-weight:normal; }
  .map-location { height:240px; }
  .location { margin:25px 0 -20px; }
  .location .location-item { display:block; margin-bottom:20px; width:100%; }
  .location .location-item:nth-child(odd) { width:100% }
  .location .location-item:nth-child(even) { width:100%; }
  .location .location-item .title { font-size:13px; }
  .location .location-item .detail li { margin-top:9px; }
  .location .location-item .detail li:first-child { margin-top:6px; }
  .location .location-item .detail li em { padding-right:10px; }
  .location .location-item .detail li span { padding-left:10px; }
  .location .location-item .detail.dt-width em { width:51px; }
  .location .location-item .detail li em::after { top:3px; height:10px; }
  .location .location-available {min-height:200px; margin-top:0px; margin-bottom:20px; width:100%;}
  .location .location-available .detail {text-align:center;}
  .location .location-available .detail li {margin:20px 15px 0; font-size:13px;}
  .location .location-available .detail li em {width:35px; height:50px; background-size:100px 50px;}
  .location .location-available .detail li span {margin-top:10px;}
  .location .location-available .detail_txt li {margin:4.8px 0 4.8px 0.8em; text-indent:-0.8em;}
  .location .location-available .detail_txt li em {display:block;}

  .facilities .des { font-size:14px; margin-top:12px; }
  .facilities .slick-controls { margin-top:13px; }
  .facilities .slick-play { width:10px; height:10px; margin-right:8px; }
  .facilities .slick-play.slick-pause::before { width:2px; height:10px; }
  .facilities .slick-play.slick-pause::after { left:7px; top:0; width:2px; height:10px; }
  .facilities .slick-play::before { content:''; position:absolute; left:2px; top:0; width:0; display:inline-block; height:0; border-left:8px solid #000; border-bottom:5px solid transparent; border-top:5px solid transparent; }
  .facilities .slick-controls .slick-arrow { width:28px; height:28px; background:rgba(0,0,0,0.8); margin-top:-30px; }
  .facilities .slick-controls .slick-arrow .ir { width:8px; height:8px; border:solid 1px rgba(255,255,255,1); border-width:0 1px 1px 0; margin:-3px 5px 0 0; }
  .facilities .slick-controls .slick-arrow.slick-prev .ir { margin:-3px -5px 0 0; }
  .facilities .slick-controls .slick-prev { left:0; }
  .facilities .slick-controls .slick-next { right:0; }
  .facilities .slick-dots .slick-active button { width:10px; height:10px; }

  /* 온라인 입학시험 */
  .fullPageHeader {height:50px;}
  .fullPageHeader h1 {font-size:1.4em; padding-top:13px;}
  .fullPageContents {width:100%; margin:30px auto 0 auto;}
  .fullPageContents .tb-data-3-wrap {margin-top:30px;}
  .onlineTestGuide {margin-top:20px; padding:0 0px;}
  .onlineTestGuide .list-dot span {display:block; margin-left:10px;}
  /* 220808 */
  .irg.cr-logo{width:22px; background-image: url(../images/main-brand/CI_default.svg);background-position:left; background-size:cover;}
  .ig-logo.cr-logo{height:22px;}
  .brand-select-pop{display: none;}
  .brand-select-pop.on {display: block; }
  .brand-select-pop .mo-con{position: fixed; bottom: 0;background-color: #ffffff; box-shadow: 0 -8.8px 35.3px 0 rgba(0, 0, 0, 0.15); width: 100%; z-index: 999; min-height: 539px;}
  .mo-bg{visibility: hidden; position:fixed;top:0; left:0; bottom:0; right:0; background-color: rgba(17, 25, 33, 0.4);transition: 0.3s; z-index: 999;}
  .brand-select-pop.on .mo-bg{ visibility: visible;}
  .mo-close{overflow: hidden;}
  .mo-close button.close-i{width: 30px; height: 30px; margin: 15px; background: url(../images/main-brand/close-i.png) no-repeat center / contain; float: right;}
  .mo-select-tab ul{ display: flex;justify-content: space-around; font-size: 14px; color: #757575; font-weight: bold; border-bottom: 1px solid #e0e0e0;}
  .mo-select-tab ul li{ cursor: pointer;text-align: center; width: calc(100% / 3); height: 40px; line-height: 40px;}
  .mo-select-tab ul li.active{color: #111921;border-bottom: 2px solid #00babb;}
  .brand-select-in{display: none;}
  /*.brand-select-in.active{display: block;}*/
  .pop-btn { display: block; position: absolute; right: 55px; height: 35px; top: 8px; z-index: 201; width: 28px; background: url(../images/main-brand/icon_more.svg) no-repeat center / contain;  }
  .brand-select-pop .brand-select-in li{ height: 45px; line-height: 45px;padding: 0 30px; font-size: 12px; font-weight: 400; border-bottom: 1px solid #e0e0e0; position: relative;}
  /*.brand-select-pop .brand-select-in li:last-child{ border: none;}*/
  .brand-select-pop .brand-select-in li a{ color: #424242; border-color:#e0e0e0}
  .brand-select-pop .brand-select-in li.location2{ width: 80%; height: 50px; line-height: 50px; border-radius: 5px; border: solid 2px #00babb; text-align: center; margin: 30px auto; padding: 0;}
  .brand-select-pop .brand-select-in li.location2 a{color: #00babb;display: flex;align-items: center;justify-content: center; font-size: 14px;}
  .brand-select-pop .brand-select-in li.location2 a span{ display: inline-block; width: 20px; height: 20px; background: url(../images/main-brand/navigation.png) no-repeat center / contain; margin-right: 5px;}
  .brand-select-pop .brand-select-in li.location2 a::before,.brand-select-pop .brand-select-in li.location2::after{display: none;}
  .brand-select-pop .brand-select-in li a{display: flex; align-items: center;}
  .brand-select-pop .brand-select-in li::after{ content: ''; display: inline-block; width: 14px; height: 45px; background: url(../images/main-brand/R-arrow.png) no-repeat center / contain; position: absolute; right: 35px; top: 0;}
  .brand-select-pop .brand-select-in li.link-i::after{ background: url(../images/main-brand/Component.png) no-repeat center / contain;}
  .brand-select-pop .brand-select-in li a::before { content: ''; display: inline-block; width: 26px; height: 26px; background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 15px;}
  .brand-select-pop .brand-select-in li a.cdi-i::before {background-image: url(../images/main-brand/BI_CDI.png);}
  .brand-select-pop .brand-select-in li a.ap-i::before {background-image: url(../images/main-brand/BI_AP.png);}
  .brand-select-pop .brand-select-in li a.ig-i::before {background-image: url(../images/main-brand/BI_IG.png);}
  .brand-select-pop .brand-select-in li a.pbp-i::before {background-image: url(../images/main-brand/BI_PBP.png);}
  .brand-select-pop .brand-select-in li a.cms-i::before {background-image: url(../images/main-brand/BI_cms.png);}
  .brand-select-pop .brand-select-in li a.cms2-i::before {background-image: url(../images/main-brand/BI_cms2.png);}
  .brand-select-pop .brand-select-in li a.c3-i::before {background-image: url(../images/main-brand/BI_coding.png);}
  .brand-select-pop .brand-select-in li a.bo-i::before {background-image: url(../images/main-brand/BI_BOUNCY.png);}
  .brand-select-pop .brand-select-in li a.no-i::before {background-image: url(../images/main-brand/BI_NOISY.png);}
  .brand-select-pop .brand-select-in li a.ed-i::before {background-image: url(../images/main-brand/BI_EDGE.png);}
  .brand-select-pop .brand-select-in li a.al-i::before {background-image: url(../images/main-brand/BI_codeAlive.png);}
  .brand-select-pop .brand-select-in li a.cr-i::before {background-image: url(../images/main-brand/BI_KIDS.png);}
  .brand-select-pop .brand-select-in li a.crx-i::before {background-image: url(../images/main-brand/BI_CREVERSEX.png);}
  .brand-select-pop .brand-select-in li a.cam-i::before {background-image: url(../images/main-brand/BI_CAMPUS.png);}  
}


@media screen and (max-width:736px) {
  #movieAdmission_content {height:280px;}
}

@media screen and (max-width:568px) {
  #movieAdmission_content {height:250px;}
}
@media screen and (max-width:414px) {
  #movieAdmission_content {height:180px;}
}
@media screen and (max-width:375px) {
  #movieAdmission_content {height:160px;}
}
@media screen and (max-width:320px) {
  .btn-wrap.topRight {margin-top:10px;}
}
@media print, all and (min-width:768px) {
  .header .external-link{display: none;}
  .mo-show { display:none !important; }
  .pop-top { padding-top:80px; }
  .irg, .irg-b:before, .irg-a:after, .header .gnb-nav .im-1, .header .gnb-nav .im-2, .header .gnb-nav .im-3, .header .gnb-nav .im-4, .header .gnb-nav .im-5, .ig-home:before, .link-group .g-toggle:after { display:inline-block; width:0; height:0; vertical-align:middle; background-image:url("../images/common/sprite-layout.png"); background-position:999px 999px; background-repeat:no-repeat; }
  .irg-b:before, .irg-a:after, .ig-home:before, .link-group .g-toggle:after { content:''; }
  .irg, .header .gnb-nav .im-1, .header .gnb-nav .im-2, .header .gnb-nav .im-3, .header .gnb-nav .im-4, .header .gnb-nav .im-5 { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }
  .header.portal .gnb-nav .im-1, .header.portal .gnb-nav .im-2, .header.portal .gnb-nav .im-3, .header.portal .gnb-nav .im-4{ padding:0; margin:0 42px; font-weight: bold;white-space:nowrap; font-size:16px; overflow:visible; text-indent:0px; color:#111921; width:auto; height:auto; background:none;}

  .cr-logo {background-image: url(../images/main-brand/CI_default.svg); background-position: center; background-size: contain;}
  .cr-home{font-size: 12px; line-height: 28px; width: 100px; text-align: center;}

  .header .brand-select .item.cr-home a:hover{font-weight: bold; color: #00babb;}
  .ig-logo { background-position:0 0px; width:150px; height:28px; }
  .header.portal .ig-logo { background-position:0 0px; width:157px; height:28px; }
  .header .gnb-nav .im-1 { background-position:0 -40px; width:85px; height:19px; }
  .header .gnb-nav .active > .im-1 { background-position:0 -65px; }
  .header .gnb-nav .im-2 { background-position:-98px -40px; width:70px; height:19px; }
  .header .gnb-nav .active > .im-2 { background-position:-98px -65px; }
  .header .gnb-nav .im-3 { background-position:-180px -40px; width:108px; height:19px; }
  .header .gnb-nav .active > .im-3 { background-position:-180px -65px; }
  .header .chonors-mo {display:none;}
  .header.portal.ig .ig-logo{background:url(../images/ig/common/main-logo.png) no-repeat center / contain;}

  .header.portal .gnb-nav .group>li>a::after {
    content:'';
    display:block;
    width:0px;
    height:3px;
    background: #00BABB;
    position:absolute;
    top:43px;
    left:50%;
    transform:translateX(-50%);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .header.portal .gnb-nav .group>li>a:hover::after {
    width:100%;
  }
  .header.portal .gnb-nav .group>li>a{position:relative;}
  .header.portal .gnb-nav .group>li>a:hover{color:#00BABB}

  .ig-logo.cdi { background-position:0 -140px; width:175px; height:56px; }
  .ig-logo.von_cdi { background-position:0 -487px; width:157px; height:54px; }
  .ig-logo.april { background-position:-192px -140px; width:181px; height:56px; }
  .ig-logo.von_april { background-position:-172px -487px; width:157px; height:54px; }
  .ig-logo.ig { background-position:0 -206px; width:195px; height:56px; }
  .ig-logo.page { background-position:-212px -201px; width:214px; height:56px; }
  .ig-logo.crx { background-position:0 -636px; width:171px; height:22px; }
  .ig-logo.crk { background-position:-104px -736px; width:210px; height:25px; }
  .ig-logo.cms { background-position:0 -728px; width:83px; height:53px; }
  .ig-usermodPC {background-position:-479px -509px; width:11px; height:14px; margin:0;}
  .header.chonors .ig-logo {display:none;}
  .header.chonors .chonors-logo {width:186px; background:url("../images/chonors/bi-chonors.png") left center no-repeat; background-size:100%; position:absolute; left:0px; top:42px; z-index:2; height:88px; align-items:center; box-sizing: border-box;}
  .header.chonors .chonors-logo a {width:186px; height:26px; position:relative; display:block;}
  .header.chonors .chungdahm {margin-left:24px; font-size:1.2em; border-radius:32px; border:2px solid #000; padding:1.6px 19.2px 3.2px 16px;}
  .header.chonors .chungdahm em {display:inline-block; vertical-align:middle; width:6px; height:6px; border:solid 2px #000; border-width:0 1px 1px 0; margin:-2px 0px 0 8px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
  .header .gnb-nav .cdi.im-1, .header .gnb-nav .april.im-1, .header .gnb-nav .ig.im-1, .header .gnb-nav .page.im-1 { background-position:0 -286px; width:68px; height:19px; }
  .header .gnb-nav .cdi.im-2, .header .gnb-nav .april.im-2, .header .gnb-nav .ig.im-2, .header .gnb-nav .page.im-2 { background-position:-84px -286px; width:68px; height:19px; }
  .header .gnb-nav .cdi.im-3, .header .gnb-nav .april.im-3, .header .gnb-nav .ig.im-3, .header .gnb-nav .page.im-3 { background-position:-168px -286px; width:68px; height:19px; }
  .header .gnb-nav .cdi.im-4, .header .gnb-nav .april.im-4, .header .gnb-nav .ig.im-4, .header .gnb-nav .page.im-4 { background-position:-252px -286px; width:68px; height:19px; }
  .header .gnb-nav .cdi.im-5, .header .gnb-nav .april.im-5, .header .gnb-nav .ig.im-5, .header .gnb-nav .page.im-5 { background-position:-336px -286px; width:108px; height:19px; }
  .header .gnb-nav .active > .cdi.im-1 { background-position:0 -310px; }
  .header .gnb-nav .active > .cdi.im-2 { background-position:-84px -310px; }
  .header .gnb-nav .active > .cdi.im-3 { background-position:-168px -310px; }
  .header .gnb-nav .active > .cdi.im-4 { background-position:-252px -310px; }
  .header .gnb-nav .active > .cdi.im-5 { background-position:-336px -310px; }
  .header .gnb-nav .active > .april.im-1 { background-position:0 -334px; }
  .header .gnb-nav .active > .april.im-2 { background-position:-84px -334px; }
  .header .gnb-nav .active > .april.im-3 { background-position:-168px -334px; }
  .header .gnb-nav .active > .april.im-4 { background-position:-252px -334px; }
  .header .gnb-nav .active > .april.im-5 { background-position:-336px -334px; }
  .header .gnb-nav .active > .ig.im-1 { background-position:0 -358px; }
  .header .gnb-nav .active > .ig.im-2 { background-position:-84px -358px; }
  .header .gnb-nav .active > .ig.im-3 { background-position:-168px -358px; }
  .header .gnb-nav .active > .ig.im-4 { background-position:-252px -358px; }
  .header .gnb-nav .active > .ig.im-5 { background-position:-336px -358px; }
  .header .gnb-nav .active > .page.im-1 { background-position:0 -382px; }
  .header .gnb-nav .active > .page.im-2 { background-position:-84px -382px; }
  .header .gnb-nav .active > .page.im-3 { background-position:-168px -382px; }
  .header .gnb-nav .active > .page.im-4 { background-position:-252px -382px; }
  .header .gnb-nav .active > .page.im-5 { background-position:-336px -382px; }
  .header .gnb-nav .active > .crk.im-1 { background-position:0 -835px; }
  .header .gnb-nav .active > .crk.im-2 { background-position:-84px -835px; }
  .header .gnb-nav .active > .crk.im-3 { background-position:-168px -835px; }
  .header .gnb-nav .active > .crk.im-4 { background-position:-252px -835px; }
  .header .gnb-nav .active > .crk.im-5 { background-position:-336px -835px; }

  .header .gnb-nav .crx.im-1 { width:86px; height:19px; background-position:-2px -671px;}
  .header .gnb-nav .crx.im-2 { width:68px; height:19px; background-position:-138px -671px;}
  .header .gnb-nav .crx.im-3 { width:91px; height:19px; background-position:-256px -671px;}
  .header .gnb-nav .crx.im-4 { width:109px; height:19px; background-position:-373px -671px;}
  .header .gnb-nav .active > .crx.im-1 { background-position:-2px -694px; }
  .header .gnb-nav .active > .crx.im-2 { background-position:-138px -694px; }
  .header .gnb-nav .active > .crx.im-3 { background-position:-256px -694px; }
  .header .gnb-nav .active > .crx.im-4 { background-position:-373px -694px; }

  .header .gnb-nav .cms.im-1 { width:67px; height:19px; background-position:0px -789px;}
  .header .gnb-nav .cms.im-2 { width:67px; height:19px; background-position:-87px -789px;}
  .header .gnb-nav .cms.im-3 { width:67px; height:19px; background-position:-175px -789px;}
  .header .gnb-nav .cms.im-4 { width:67px; height:19px; background-position:-262px -789px;}
  .header .gnb-nav .cms.im-5 { width:107px; height:19px; background-position:-343px -789px;}
  .header .gnb-nav .active > .cms.im-1 { background-position:0px -812px; }
  .header .gnb-nav .active > .cms.im-2 { background-position:-87px -812px; }
  .header .gnb-nav .active > .cms.im-3 { background-position:-175px -812px; }
  .header .gnb-nav .active > .cms.im-4 { background-position:-262px -812px; }
  .header .gnb-nav .active > .cms.im-5 { background-position:-343px -812px; }

  .header .gnb-nav .crk.im-1 { width:68px; height:19px; background-position:0px -789px;}
  .header .gnb-nav .crk.im-2 { width:67px; height:19px; background-position:-87px -789px;}
  .header .gnb-nav .crk.im-3 { width:68px; height:19px; background-position:-175px -789px;}
  .header .gnb-nav .crk.im-4 { width:67px; height:19px; background-position:-262px -789px;}
  .header .gnb-nav .crk.im-5 { width:105px; height:19px; background-position:-343px -789px;}
  .header .gnb-nav .active > .crk.im-1 { background-position:0px -835px; }
  .header .gnb-nav .active > .crk.im-2 { background-position:-87px -835px; }
  .header .gnb-nav .active > .crk.im-3 { background-position:-175px -835px; }
  .header .gnb-nav .active > .crk.im-4 { background-position:-262px -835px; }
  .header .gnb-nav .active > .crk.im-5 { background-position:-343px -835px; }

  .ig-sns-ig { background-position:-342px 0; width:16px; height:18px; }
  .ig-sns-fb { background-position:-363px 0; width:7px; height:18px; }
  .ig-sns-kk { background-position:-375px 0; width:9px; height:18px; }
  .ig-sns-bg { background-position:-389px 0; width:12px; height:18px; }
  .ig-sns-yt { background-position:-406px 0; width:18px; height:18px; }
  .ig-sns-po { background-position:-342px -22px; width:14px; height:20px; }
  .ig-sns-cf { background-position:-429px 0; width:18px; height:18px; }
  .ig-logout { background-position:-342px -98px; width:28px; height:18px; }

  .ig-point:before { background-position:-307px 0; width:22px; height:22px; margin:-2px 5px 0 0; }
  .ig-portal { background-position:-362px -633px; width:144px; height:20px; }
  .ig-home:before { background-position:-159px -20px; width:13px; height:12px; margin:-3px 4px 0 0; }
  .home.active .ig-home::before, .home:hover .ig-home::before { background-position:-159px 0; }
  .ig-awards-1:before { background-position:0 -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
  .ig-awards-2:before { background-position:-46px -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
  .ig-awards-3:before { background-position:-92px -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
  .ig-awards-4:before { background-position:-138px -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
  .ig-awards-5:before { background-position:-184px -98px; width:36px; height:36px; margin:-3px 8px 0 0; }
  .link-group .g-toggle:after { background-position:-282px -20px; width:6px; height:3px; position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
  .link-group .g-toggle.active::after { -webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
  .ig-zone:before { background-position:-242px 0; width:13px; height:18px; margin:-4px 4px 0 0; }
  .ig-edu:before { background-position:-262px 0; width:13px; height:18px; margin:-4px 4px 0 0; }
  .ig-option:before { background-position:999px 999px; width:16px; height:8px; }
  .ig-option:hover:before, .ig-option:focus:before { background-position:-282px -10px; }
  .ig-option.selected:before { background-position:-282px 0; }
  .ig-cms:before { background-position:-465px 0; width:10px; height:10px; margin-right:2px; }
  .ig-app-1:before { background-position:0px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-2:before { background-position:-46px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-3:before { background-position:-91px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-5:before { background-position:-137px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-6:before { background-position:-183px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-7:before { background-position:-229px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-8:before { background-position:-275px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-9:before { background-position:-321px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-4:before { background-position:-412px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-10:before { background-position:-457px -427px; width:42px; height:42px; margin-right:7px; }
  .ig-app-11:before { background-position:-321px -472px; width:42px; height:42px; margin-right:7px; }
  .ig-app-12:before { background-position:-367px -472px; width:42px; height:42px; margin-right:7px; }

  .ig-mypage::before { background-position:-176px -20px; width:11px; height:12px; margin:0 6px 5px 0; }

  .header { min-height:134px; }
  .header.portal {
    /*position:fixed; top:0; */
    width:100%; min-height:90px; z-index:200; }
  .header .sc-wrap { position:absolute; left:0; right:0; z-index:201; padding:0 42px; border-bottom:1px solid #ddd; background:#fff; }
  .header .sc-wrap::before { content:''; position:absolute; left:0; right:0; top:0; height:44px; background:#fff; box-sizing:border-box; border-bottom:1px solid #eee; }
  .header.portal .sc-wrap::before {display:none;}
  .header.chonors {min-height:134px;}
  .header.portal .user .item.mint a {background-color:#00BABB;}
  .header.portal .user .item.mint a em.entrance {background: url(../images/search/reserve_test2.svg) no-repeat center / 100%;}
  .header.portal .user .item.mint a span {color:#fff;}
  /* .header.chonors .sc-wrap::before {display:none!important;} */
  .header .inner-top { position:relative; max-width:940px; margin:0 auto; }
  .header .inner { position:relative; max-width:940px; margin:0 auto; }
  .header .gnb-logo { position:absolute; left:0; top:44px; height:88px; z-index:2; }
  .header.portal .gnb-logo { position:absolute; left:0; top:27px; height:64px; z-index:2; }
  /* .header.chonors .gnb-logo {top:42px;} */
  .header .gnb-logo > a { position:relative; display:block; }
  .header .gnb-logo .name { position:absolute; left:70px; bottom:-1px; }
  .header.ig .gnb-logo .name { left:86px; }
  .header .gnb-logo .cmsname { position:absolute; left:88px; bottom:18px; }
  .header.ig .gnb-logo .cmsame { left:105px; }
  /* 브랜드 선택 */
  .header .brand-select { position:absolute; left:0; top:0; padding:0; z-index:5; }
  .header .brand-select .home { position:relative; float:left; padding:8px 0 7px; }
  .header .brand-select .home::after { content:''; position:absolute; left:0; top:17px; width:1px; height:12px; background:#eee; }
  .header .brand-select .home::before { content:''; position:absolute; right:0; top:17px; width:1px; height:12px; background:#eee; }
  .header .brand-select .home a { display:inline-block; width:120px; border-radius:3px; font-size:12px; color:#00babb; line-height:28px; text-align:center; }
  .header .brand-select .home.active a, .header .brand-select .home a:hover { color:#00babb; font-weight:bold; }
  .header .brand-select .item { position:relative; float:left; padding:8px 0 7px; }
  .header .brand-select .item a{color: #424242;}
  .header .brand-select .item120 { position:relative; float:left; padding:8px 0 7px;}
  .header .brand-select .item::before { content:''; position:absolute; right:0; top:17px; width:1px; height:12px; background:#eee; }
  .header .brand-select .item120::before { content:''; position:absolute; right:0; top:17px; width:1px; height:12px; background:#eee; }
  /* .header .brand-select .edu-case { display:inline-block; width:100px; font-size:12px; color:#424242; line-height:28px; text-align:center; border-radius:3px; } */
  .header .brand-select .edu-case.ty-4 {width:120px;}
  .header .brand-select .edu-case.ty-5 {width:130px;}
  .header .brand-select .edu-case.ty-7 {width:110px;}
  .header .brand-select .edu-case.checked::after { content:''; position:absolute; bottom:-6px; left:50%; width:8px; height:8px; margin-left:-4px; background:#fff; box-shadow: -1px -1px 0px 0px rgba(200,200,200,1); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
  /* .header .brand-select .active > .edu-case.ty-1, .header .brand-select .edu-case.ty-1:hover {color:#ef3e42; font-weight:bold;}
  .header .brand-select .active > .edu-case.ty-2, .header .brand-select .edu-case.ty-2:hover {color:#64a704; font-weight:bold;}
  .header .brand-select .active > .edu-case.ty-3, .header .brand-select .edu-case.ty-3:hover {color:#03328d; font-weight:bold;}
  .header .brand-select .active > .edu-case.ty-4, .header .brand-select .edu-case.ty-4:hover {color:#008f9c; font-weight:bold;}
  .header .brand-select .active > .edu-case.ty-5, .header .brand-select .edu-case.ty-5:hover {color:#f08200; font-weight:bold;width:130px;}
  .header .brand-select .active > .edu-case.ty-6, .header .brand-select .edu-case.ty-6:hover {color:#00babb; font-weight:bold;}
  .header .brand-select .active > .edu-case.ty-7, .header .brand-select .edu-case.ty-7:hover {color:#e85298; font-weight:bold;} */

  .header .brand-select .edu-case:hover {background-color: rgba(97,97,97,0.11);}
  .header .brand-select .edu-case.cms-mt:hover, .header .brand-select .cms-mt.edu-case:active{background: transparent;}
  .header .brand-select .edu-case.cms-mt { color: #f08200; font-weight: bold;  text-align: center;background: none;padding: 0; min-width: 125px;}
  .header .brand-select .edu-case {display: inline-block; width: 140px; font-size: 12px; color: #666; line-height: 30px; text-align: left; border-radius: 3px;background: url(../images/main-brand/dropdown.png) no-repeat right 20% top 50% / 13px; margin: 0 5px; padding: 0 0 0 28px; box-sizing: border-box;}
  .brand-select-depth {
    position: relative;
    top: 43px;
    left: 220px;
  }
  .brand-select-depth .brand-select-in{
    position: absolute;
    padding: 10px 11px 21px;
    margin: 0 5px;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(97, 97, 97, 0.1);
    border: solid 1px rgba(97, 97, 97, 0.15);
    background-color: #fff;
    z-index: 9;
  }
  .brand-select-depth .brand-select-in.select2{left: 150px;}
  .brand-select-depth .brand-select-in.select3 {left: 300px;}
  .brand-select-depth .brand-select-in li{
    width: 116px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
  }
  .brand-select-depth .brand-select-in li a{color: #424242;}
  .brand-select-depth .brand-select-in li a.link-i::after{
    content: '';
    display: inline-block;
    margin-left: 4px;
    width: 9px;
    height: 9px;
    background: url(../images/main-brand/Component.png) no-repeat center / contain;
  }
  .brand-select-depth .brand-select-in li.location2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    border-radius: 30px;
    border: solid 1px #00babb; text-align: center; margin-top: 10px;}
  .brand-select-depth .brand-select-in li.location2 a{color: #00babb;display: flex;align-items: center;justify-content: center;}
  .brand-select-depth .brand-select-in li.location2 a span{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/main-brand/navigation.png) no-repeat center / contain; margin-right: 3px;
  }

  .brand-select-depth .brand-select-in li a:hover{
    /* text-decoration: underline; */
    border-bottom: 1px solid #424242;
  }
  .brand-select-depth .brand-select-in li.location2:hover{
    background-color: #00babb;
  }
  .brand-select-depth .brand-select-in li.location2:hover a{
    color: #ffffff;
    border-bottom: none;
  }
  .brand-select-depth .brand-select-in li.location2:hover a span{
    background: url(../images/main-brand/navigation-w.png) no-repeat center / contain; margin-right: 3px;
  }
  .header .brand-select .edu-case.active {background:rgba(97,97,97,0.11) url(../images/main-brand/dropup.png) no-repeat right 20% top 50% / 13px;}
  .brand-select-depth .brand-select-in{display: none;}
  .brand-select-depth .brand-select-in.active{display: block;}
  .mo-select-tab{display: none;}

  .brand-select-pop {display: none;}

  .pop-btn {display: none;}



  /* 로그인 상태 */
  .header .user {position:absolute; right:0; top:7px; z-index:6; }
  .header .user > .item {position:relative; display:inline-block; }
  .header .user > .item > a {display:inline-block; font-size:12px; color:#424242; line-height:28px; font-weight:bold; }
  .header .user > .item > a:hover {color:#111921;}
  .header .user > .item+.item {position:relative;margin-left:16px;}
  .header.portal .user > .item+.item {position:relative;margin-left:8px;}
  /*.header .user > .item.usermodPC {width:28px; height:28px;} */
  .header .user > .item.usermodPC a {width:28px; height:28px; text-align:center;}
  /* 바로가기 */
  .header .util-1.util-1Log { position:absolute; right:237px; top:7px; z-index:6; }
  .header .util-1{ position:absolute; right:205px; top:7px; z-index:6; }
  .header .util-1 .item { position:relative; display:inline-block; font-size:13px; color:#333; line-height:28px; }
  .header .util-1 .item a{ color: #424242;}
  .header .util-1 .item a:hover{ color: #111921;font-weight:bold;}
  .header .util-1 .item+.item { margin-left:23px; }
  .header .util-2 { position:absolute; right:76px; top:68px; z-index:5; }
  .header .util-2 a { display:inline-block; min-width:104px; height:42px; padding:0 23px; margin-left:2px; font-size:13px; color:#424242; line-height:40px; font-weight:bold; border:1px solid #d9d9d9; border-radius:42px; text-align:center; box-sizing:border-box; }
  .header .util-2 a.chonors {padding:0 30px 0 58px; background:url("../images/chonors/ico-chonors.png") no-repeat 22px center; background-size:26px 20px;}
  .header .util-2 a.e-Library {padding:0 30px 0 45px; background:url("../images/common/bi_eLibrary.png") no-repeat 22px center; background-size:14px 20px;}
  .header .util-2 a:hover {border-color:#000;}
  /* 전체메뉴 */
  .header .gnb-all-btn { right:0; top:71px; z-index:5; width:36px; height:36px; }
  .header.portal .gnb-all-btn {right:0;top:44px;z-index:5;width:24px;height:32px;}
  .header .gnb-all-btn .line:before { background:#000; }
  .header .gnb-all-btn .line:after { background:#000; }
  .header .gnb-all-nav { position:absolute; left:0; right:0; top:100%; z-index:2; background:#fff; margin-top:1px; color:#000; overflow:hidden; }
  .header.portal .gnb-all-nav {padding:0 24px;}
  .header .gnb-all-nav .group { display:none; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 0 -1px -1px; line-height:23px; font-size:15px; color:#000; }
  .header.opend-all .gnb-all-nav .group { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content: center; max-width:1582px; margin:0 auto; border-right:1px solid #f5f5f5; box-sizing:border-box; }
  .header .gnb-all-nav .group:hover { color:#666; }
  .header .gnb-all-nav .group > li { width:20%; padding:55px 20px 69px 40px; border-left:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; box-sizing:border-box; }
  .branch-wrap .header .gnb-all-nav .group > li { width:14.28%; }
  .header .gnb-all-nav .group > li:hover { background:#fbfbfb; color:#000; }
  .header .gnb-all-nav .menu-group li[data-menu] + li[data-menu] { margin-top:30px; }
  .header .gnb-all-nav li[data-menu] > a { display:block; margin-bottom:28px; font-size:22px; font-weight:bold; line-height:30px; color:#000; }
  .header .gnb-all-nav li[data-menu] > a:hover { color:#00babb; }
  .header .gnb-all-nav li[data-menu] > a:last-child { margin-bottom:0; }
  .header .gnb-all-nav .sub { display:block !important; height:auto !important; margin-top:5px; }
  .header .gnb-all-nav .sub a:hover { text-decoration:underline; }
  /*.header .gnb-all-nav .sub > li + li { margin-top:11px; }*/
  .header .gnb-all-nav .sub-3 { display:none; }  
  .header .gnb-all-nav .sub .sub-depth3 {margin-bottom:28px;margin-top:-4px;}
  .header .gnb-all-nav .sub .sub-depth3 li {margin-top:20px;}
  .header .gnb-all-nav .sub .sub-depth3 li:first-child {margin-top:0;}
  .header .gnb-all-nav .sub .sub-depth3 li a {font-size:14px;color:#696969;}
  .header .gnb-all-nav .sub .sub-depth3 li a:hover, .header .gnb-all-nav .sub .sub-depth3 li a:active {color:#00BABB;}
  .header .gnb-all-nav .allmenu-my { display:none !important; }
  /* GNB */
  .header .gnb-nav { padding:79px 478px 33px 149px; min-height:21px; text-align:center; box-sizing: content-box;}  
  .header.cdi .gnb-nav { padding-left:174px;}
  .header.chonors .gnb-nav {padding:72px 0px 33px 174px;}
  .header.chonors .gnb-nav .group {text-align:right; max-width:1580px; margin:0 auto;}
  .header.chonors .gnb-nav .group > li > a {font-size:17px;}
  .header.chonors .gnb-nav .group li:last-child a {margin-right:0px;}
  .header.chonors .gnb-nav .group > li > a.active {color:#000; font-weight:bold;}
  .header.april .gnb-nav { padding-left:179px; }
  .header.ig .gnb-nav { padding-left:195px; }
  .header.page .gnb-nav { padding-left:179px; }
  .header .gnb-nav .group { text-align:center; }  
  .header .gnb-nav .group > li { display:inline-block; vertical-align:top; }
  .header.portal .gnb-nav {max-width:1580px;margin:0 auto;padding:0 0 0 208px;text-align:left;}
  .header.portal .gnb-nav .group {text-align:left;}  
  .header.portal .gnb-nav .group {margin:44px 0px 16px;}
  .header.portal .gnb-nav .group > li + li {margin-left:16px;}
  .header .gnb-nav .group > li > a { display:block; margin:0 28px; line-height:28px; }
  .branch-wrap .header .gnb-nav .group > li > a { margin:0 18px; }
  .branch-wrap .header .user > .item.login {color:#fff;}
  .header .gnb-nav .sub { display:none; position:absolute; left:0; right:0; top:calc(100% + 0.5px); padding:24px 42px 25px; margin:0; text-align:center;border-bottom: 1px solid #E0E0E0;}
  .header .gnb-nav .sub li { display:inline; margin:0 26px;}
  .header .gnb-nav .sub a { display:inline-block; font-size:16px; font-weight:bold; color:#4d4d4d; }
  .header .gnb-nav .sub a:hover { color:#000; }
  /*.header .gnb-nav .sub a.crvC:hover{color:#00babb;}*/
  .header .gnb-nav .sub-3 { display:none; }
  .header.portal .gnb-nav .sub{height:64px;box-sizing:border-box;padding:0 18px;left:auto; right:auto; transform: translateX(calc(-50% + 66px));white-space: nowrap;}
  .header.portal .gnb-nav .sub li{margin: 0 30px;}
  .header.portal .gnb-nav > ul > li:first-child .sub {transform:translateX(calc(-50% + 360px));}
  .header.ig .gnb-nav > ul > li:first-child .sub {transform:translateX(calc(-50% + 80px));}
  .header.portal .gnb-nav > ul > li:first-child .sub li {margin: 0 30px;}
  .header.portal .gnb-nav > ul > li:first-child .sub .sub-depth3 {left:18px;}
  .header.portal .gnb-nav > ul > li:first-child .sub .sub-depth3 li {margin: 0 0px;}
  .header.portal .gnb-nav .sub a{color:#424242; font-weight: 500;padding:18px 0 22px;}
  .header.portal .gnb-nav .sub a:hover{text-decoration: underline;color:#00BABB;padding:18px 0 22px;}
  .header.portal .gnb-nav .sub::after {content:'';display:block;position:fixed;left:-100vw;top:0;z-index:-1;width:250vw;background:rgba(255,255,255,100%);height:64px;border-bottom:1px solid #E0E0E0;}
  .header.portal .gnb-nav .sub .all_br {display:none;}
  .header.portal .gnb-all-nav .sub .all_br {display:block;}
  .header.portal .gnb-all-nav .lh1n3 {line-height:1.3;}
  .header .gnb-nav ul li.active .sub {background:rgba(255,255,255,100);-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
  
  .header .gnb-nav .sub .sub-depth3 {display:none;position:absolute;top:100%;left:0px;z-index:10;padding:0;}
  .header .gnb-nav .sub .sub-depth3 li {padding:0px 30px;}
  .header .gnb-nav .sub .sub-depth3 a {font-size:14px;font-weight:400;color:#161618;white-space:nowrap;padding:16px 0px;}
  .header .gnb-nav .sub .sub-depth3 a:hover {color:#00BABB;padding:16px 0;}
  .header .gnb-nav .sub li:hover > .sub-depth3,
  .header .gnb-nav .sub li:focus-within > .sub-depth3 {display:block;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
  .header.portal .gnb-nav .sub .sub-depth3::after {content:'';display:block;position:fixed;left:-100vw;top:65px;z-index:-1;width:250vw;background:#F6F7F9;height:45px;border-bottom:1px solid #E1E3EB;}
  .header.portal .gnb-nav .sub a.arrow {position:relative;}
  .header.portal .gnb-nav .sub a.arrow::after {content:'';width:16px;height:16px;position:absolute;right:-18px;top:50%;transform:translateY(-50%);background:url("../images/common/header_arr01.png") no-repeat center / 100%;}
  .header.portal .gnb-nav .sub li:has(.sub-depth3:hover) > a.arrow,
  .header.portal .gnb-nav .sub li:hover > a.arrow {color:#00BABB;}
  .header.portal .gnb-nav .sub li:has(.sub-depth3:hover) > a.arrow::after,
  .header.portal .gnb-nav .sub li:hover > a.arrow::after {background:url("../images/common/header_arr02.png") no-repeat center / 100%;}

  /* 어학원찾기 */
  .edu-select { position:absolute; left:0; top:44px; z-index:3; width:620px; padding-bottom:0; background:#fff; overflow:hidden; box-shadow:0px 1px 15px 0px rgba(0,0,0,0.2); }
  .edu-select .nearest { position:absolute; left:0; right:0; bottom:0; }
  .edu-select .nearest a {display:block; height:60px; line-height:60px; padding:0; color:#fff; font-size:15px; font-weight:bold; background:#d04419; text-align:center; }
  .edu-select .subj { padding:36px 0 23px; color:#000; font-size:18px; font-weight:bold; text-align:center; }
  .edu-select .subj small { display:block; margin:6px 0 0; font-weight:bold; color:#444; font-size:12px; }
  .edu-select .list { height:230px; padding:0 10px 0 30px; overflow:hidden; }
  .edu-select .list > ul { padding:2px 0 8px; }
  .edu-select .list li { margin-top:6px; }
  .edu-select .list .option { position:relative; display:block; width:100%; height:38px; line-height:36px; padding:0 45px 0 19px; color:#000; text-align:left; border:1px solid transparent; border-radius:38px; box-sizing:border-box; font-size:14px; }
  .edu-select .list .option:hover, .edu-select .list .option:focus { border-color:#4246c1; }
  .edu-select .list .option.selected { border-color:#4246c1; background:#4246c1; color:#fff; }
  .edu-select .list .option:before { position:absolute; right:19px; top:14px; }
  .edu-select .zone { float:left; width:50%; height:365px; }
  .edu-select .edu { float:right; width:50%; height:365px; border-left:1px solid #eee; box-sizing:border-box; }
  .header.opend-edu .edu-select { padding-bottom:60px;bottom: 0px; height: 425px; top: auto; }
  /* Header내 Footer 영역 */
  .header .external-link { position:absolute; left:0; right:0; bottom:0; z-index:190; }
  .header .link-group { position:absolute; bottom:230px; height:60px; color:#000; font-size:14px; }
  .header .link-group .subj { display:block; width:100%; height:100%; line-height:60px; padding:0 20px; text-align:left; border-left:1px solid #ededed; border-right:1px solid #ededed; font-weight:bold; }
  .header .link-group .list { position:absolute; left:0; right:0; bottom:100%; padding:18px 20px 7px; margin-bottom:1px; background:#fff; font-size:0; color:#000; overflow:hidden; border:1px solid #ededed; border-bottom:0; }
  .header .link-group.other .list {padding:8px 0px 8px;}
  .header .link-group.other .list:before {content:''; width:1px; height:100%; background-color:#efefef; position:absolute; left:50%; top:0px; bottom:0px;}
  .header .link-group.other .list li { display:inline-block; width:50%; padding:7px 0px 7px 12px; vertical-align:top; box-sizing:border-box;}
  .header .link-group.other .list li a { display:table; font-size:11px; height: 42px; letter-spacing: -0.02em; font-weight:bold; color:#000; position: relative;}

  .header .link-group.other .list li a span {display: table-cell; height: 42px; vertical-align: middle;}
  .header .link-group .group { padding:11px 0 18px; border-top:1px solid #f0f0f0; }
  .header .link-group ul.group:first-child { border-top:0; padding-top:0; }
  .header .link-group ul.group:first-child a { font-size:14px; font-weight:bold; color:#000; }
  .header .link-group ul.group:first-child .irg { margin-bottom:4px; }
  .header .link-group .group dt { font-size:14px; font-weight:bold; color:#000 !important; }
  .header .link-group .group dt.full { display:block; width:auto; margin-bottom:3px; }
  .header .link-group .group dt, .header .link-group .group dd, .header .link-group .group li { display:inline-block; width:50%; margin-top:6px; font-size:14px; color:#666; vertical-align:top; box-sizing:border-box; }
  .header .link-group .group dd.single, .header .link-group .group li.single { width:100%; }
  .header .link-group.familysite { right:42px; width:280px; }
  .header .link-group.other { right:321px; width:313px; }
  .header .sns { position:absolute; right:42px; bottom:159px; width:280px; font-size:0; text-align:right; }
  .header .sns a { display:inline-block; width:40px; height:40px; padding:10px 0; text-align:center; background:#f2f2f2; border-radius:40px; box-sizing:border-box; }
  .header .sns a + a { margin-left:8px; }
  /* 스크롤 시, 고정 */
  .header.fixed .sc-wrap { position:fixed; top:0; -webkit-transition:top 0s ease; transition:top 0s ease; }
  .header.fixed.mini .sc-wrap { top:-44px; -webkit-transition-duration:.4s; transition-duration:.4s; }
  .header.fixed.scroll-up .sc-wrap { top:0; }
  .header.portal .sc-wrap{ position:fixed!important; top:0!important; height:90px }

  .footer { position:relative; height:290px; padding:0 42px; font-size:13px; color:#666; border-top:1px solid #EFEFEF; }
  .footer .inner { position:relative; margin:0 auto; }
  .footer .fmenu { height:61px; margin:0 -42px; padding:0 42px 0; font-size:14px; color:#000; line-height:23px; border-bottom:1px solid #eee; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; box-sizing:border-box; }
  .footer .fmenu .mid { display:block; }
  .footer .fmenu .mid > a.ig-cms { color:#00babb; }
  .footer .fmenu a { display:inline-block; margin:5px 15px 5px 0; white-space:nowrap; }
  .footer .fmenu .cms { display:inline-block; color:#000; white-space:nowrap; }
  .footer .fmenu .cms a { margin-right:3px; }
  .footer .fmenu .cms > a.ig-cms { color:#00babb; }

  .footer .biz-info { margin-top:29px; }
  .footer .biz-info .biz-name { display:block; color:#000; font-weight:bold; }
  .footer .biz-info .biz-name button { cursor:default; outline:none !important; }
  .footer .biz-info .biz-toggle { display:none; }
  .footer .biz-info .biz-cont { display:block !important; overflow:visible; }
  .footer .biz-info .biz-cont .info { max-width:700px; }
  .footer .biz-info .biz-cont .info .item { position:relative; display:inline-block; margin-top:9px; margin-right:16px; white-space:nowrap; }
  .footer .biz-info .biz-cont .info .item+.item:before { content:''; position:absolute; left:-11px; top:3px; width:1px; height:12px; background:#eee; }
  .footer .biz-info .biz-cont .info em { font-weight:bold; }
  .footer address { max-width:540px; margin-top:15px; font-weight:bold; text-transform:uppercase; }
  .footer .awards { position:static; width:auto; margin:38px 0 0; font-size:12px; color:#666; }
  .footer .awards.swipe-guide::before { display:none; }
  .footer .awards .group { white-space:nowrap; }
  .footer .awards .item { display:inline-block; margin:0 10px 0 0; line-height:18px; }
  .footer .awards .item .mid { display:inline-block; width:130px; white-space:normal; vertical-align:middle; }
  .footer .awards .item:last-child { margin-left:0; }
  .footer .awards .item:last-child .mid {width:230px; letter-spacing:-0.02em;}
  .grid-list-2 .grid-item.point .grid-txt { position:absolute; left:0; right:0; bottom:0; color:#fff; padding:23px 24px; background:rgba(0,0,0,0.7) }
  .grid-list-2 .grid-item.point .grid-txt .title { color:#fff; }
  .grid-list-2 .grid-item.point .grid-img { width:100%; height:100%; }
  .grid-list-2 .grid-item.point .ico-video { position:static; display:inline-block; width:48px; height:48px; margin-top:-4px; }
  .grid-list-2 .grid-item.point .i-video { border-left:14px solid #303f50; border-top:9px solid transparent; border-bottom:9px solid transparent; margin:13px 0 0 4px; }
  .grid-list-2 .grid-item.point .ico-video + .grid-txt-in { display:inline-block; width:calc(100% - 61px); vertical-align:top; margin:-5px 0 0 7px; }
  .tab.tab-fs .tab-item a { font-size:17px; }
}

@media all and (min-width:1920px) {
  .sub-vis, .sub-vis img { width:100%; }
}

@media all and (min-width:1684px) {
  .header .gnb-nav {padding-left:0 !important; padding-right:100px!important;}  
  .header .chonors .gnb-nav {padding-left:0 !important; padding-right:0px!important;}
  .header .gnb-nav .sub {padding-left:0 !important; padding-right:0  !important;}
  .header.portal .gnb-nav {padding-left:235px!important; padding-right:0px!important;}
  .header .sns { right:50%; margin-right:-790px; }
  .header .link-group.familysite { right:50%; margin-right:-790px; }
  .header .link-group.other { right:50%; margin-right:-511px; }
  .footer .inner { max-width:1580px; }
  .footer:before { content:''; position:absolute; left:0; top:60px; right:0; height:1px; background:#eee }
  .header .gnb-nav .group > li > a, .branch-wrap .header .gnb-nav .group > li > a { margin-left:38px; margin-right:38px; }
  .header.portal .gnb-nav > ul > li:first-child .sub .sub-depth3 {left:0px;}
}
@media all and (min-width:1281px) {
  .header .inner, .header .inner-top { max-width:1580px; }
  .header .gnb-nav .sub { padding-left:20px; padding-right:247px; }
  .header .gnb-nav .group > li > a { margin-left:38px; margin-right:38px; }
  .branch-wrap .header .gnb-nav .group > li > a { margin-left:14px; margin-right:14px; }
}
@media all and (min-width:1025px) and (max-width:1540px) {
  .header .gnb-all-nav li[data-menu] > a { min-height:60px; }
  .header .gnb-all-nav li[data-menu] .iblock { display:block; }
  .branch-wrap .header .gnb-all-nav li[data-menu] > a { min-height:0; }
  .branch-wrap .header .gnb-all-nav li[data-menu] .iblock { display:inline-block; }
  .branch-wrap .header .gnb-all-nav .group > li { width:25%; }
}
@media all and (min-width:1200px) {
  .exam-list .fm-rad + .fm-rad-other::before, .exam-list .fm-rad + .fm-rad-other::after { left:3.333333%; }
}
@media all and (min-width:1025px) and (max-width:1280px) {
  .header, .footer { /*padding-left:40px; padding-right:40px;*/ }
  .header .inner, .header .inner-top { max-width:1200px; }
  .header.portal .gnb-nav {/*max-width:1200px;*/padding: 0 0 0 160px;}
  .header .gnb-nav .sub { padding-left:20px; padding-right:247px; }
  .branch-wrap .header .gnb-nav .group > li > a { margin-left:14px; margin-right:14px; }
  .header .sns { right:40px; }
  /*.header .link-group.familysite { right:40px; }*/
  .header .link-group.other { right:320px; }
  .footer .fmenu { margin-left:-40px; margin-right:-40px; padding-left:40px; padding-right:40px; }

}


@media all and (min-width:1684px) {
  .header .gnb-nav .group > li > a, .branch-wrap .header .gnb-nav .group > li > a { margin-left:29px; margin-right:29px; }
  .branch-wrap .header .gnb-nav .group > li > a {margin-left:25px; margin-right:25px;}
}
@media print, all and (min-width:768px) and (max-width:1270px) {
  .header .link-group.familysite { width:250px; }
  .header .link-group.other { /*width:250px;*/ right:291px; }
  .lnb .share { padding-right:10px; }
}
@media print, all and (min-width:768px) and (max-width:1200px) {
  .header .brand-select .home a{padding: 0; width: 82px;}
  .header .brand-select .edu-case { width: 82px;padding: 0 0 0 5px;}
  .header .brand-select .edu-case {background: url(../images/main-brand/dropdown.png) no-repeat right 9% top 50% / 13px;}
  .header .brand-select .edu-case.active {background:rgba(97,97,97,0.11) url(../images/main-brand/dropup.png) no-repeat right 9% top 50% / 13px;}
  .header .brand-select .edu-case.ty-4 {width:100px;}
  .header .gnb-all-nav li[data-menu] > a { min-height:0; }
  .header .gnb-all-nav li[data-menu] .iblock { display:inline-block; }
  .card-list .slide { float:left; width:calc(33.333333% - 24px); margin:0 12px; }
  .card-list .slide:nth-child(4) { display:none; }
  .cr-home {width: 82px;}
  .brand-select-depth {left: 164px;}
  .brand-select-depth .brand-select-in.select2 {left: 92px;}
  .brand-select-depth .brand-select-in.select3 {left: 184px;}
}
@media print, all and (min-width:768px) and (max-width:1279px) {
  .header .gnb-nav {padding:79px 339px 33px 149px;}
  .header .util-2 .chonors {display:none;}
  .header .util-2 .e-Library {display:none;}
}
@media print, all and (min-width:768px) and (max-width:1300px) {
  .header .util-1 { display:none; }
  .header .util-2 { display:none; }
  .header .link-group.familysite { width:200px; }
  .header .link-group.familysite .list { left:auto; width:250px; }
  .header .link-group.other { /*width:200px;*/ right:241px; }
  .header .link-group.other .list {/*padding-left:10px; padding-right:10px;*/}
  .header .link-group { bottom:290px; }
  .header .sns { bottom:219px; right:20px; }
  .header .gnb-nav { padding-right:36px; }
  .header .gnb-nav .sub { padding-left:123px; padding-right:10px; }
  .branch-wrap .header .gnb-nav .group > li > a { margin-left:10px; margin-right:10px; }
  .header .gnb-all-nav .group > li { width:33.33%; }
  .branch-wrap .header .gnb-all-nav .group > li { width:25%; }
  .footer { height:350px; }
  .footer .awards { max-width:1000px; }
  .footer .awards .group { white-space:inherit; }
  .footer .awards .item { margin-bottom:16px; }
}
@media print, all and (min-width:768px) and (max-width:1024px) {
  .grid-list .grid-item { width:calc(33.333333% - 32px); }
  .grid-list .grid-item:nth-child(3n+1) { clear:both; }
  .grid-list-2 { overflow:hidden; }
  .grid-list-2 .grid-item:nth-child(3) ~ .grid-item { display:none; }
  .grid-list-2 .grid-item { width:calc(58% / 2 - 36px); margin-left:36px; }
  .grid-list-2 .grid-item.point { width:42%; margin:0; }
  .grid-list.related .grid-item:nth-child(3) ~ .grid-item { display:none; }
  .branch-wrap .header .gnb-all-nav li[data-menu] .iblock { display:block; }
  .route-list li { padding:28px 35px 30px 61px; }
  .route-list li .i-favorite-2 { right:10px; }
  .header .link-group { bottom:281px; }
  .footer .fmenu, .header .link-group { height:69px; }
  /*.footer .fmenu .cms { display:block; }*/
}
@media all and (min-width:1025px) {
  .grid-list .grid-item:nth-child(4n+1) { clear:both; }
}
@media print, all and (min-width:768px) and (max-width:1023px) {
  .header .cdi .gnb-nav { padding-left:175px; }
  .header .chonors .gnb-nav {padding:72px 0px 33px 174px;}
  .header .april .gnb-nav { padding-left:181px; }
  .header .page .gnb-nav { padding-left:181px; }
  .header .ig .gnb-nav { padding-left:195px; }
  .header .gnb-nav .sub li { margin:0 13px; }
  /*.header .external-link .other,*/ .header .sns { display:none; }
  .branch-wrap .header .gnb-nav .group > li > a { margin-left:7px; margin-right:7px; } 
}

@media print {
  @page { size: A4; }
  .wrap, body>.pop-wrap { width:1080px; }
  .print-inside { page-break-inside: avoid; -webkit-region-break-inside: avoid; }

  .wrap > .header, .wrap > .footer { display:none !important; }

  .pop-wrap .pop-title { text-align:center; }
  .pop-title { text-align:center; }
  .pop-wrap .route-wrap { height:auto; max-height:none; }
  .pop-wrap .shuttle .acc-title { padding:15px 0 15px 0; }
  .pop-wrap .shuttle .acc-title .driver-wrap { padding-left:0; }
  .pop-wrap .shuttle .acc-title .driver { display:inline; }
  .pop-wrap .route-list li { padding:9px 0 17px 61px;  }
  .pop-wrap .btn-wrap { display:none; }
  .tb-data td { padding-top:8px; padding-bottom:8px; }
}

/*header 리뉴얼 */
.header24 {min-height: 156px;position: relative;}
.header24.cdi {}
.header24.mini .header_in{ }
.header24 .btn_gnb_all {position: fixed;}
.header24 .bg_header {height:156px;}
.header24.mini .bg_header {display:block;}
.header24 .head_btm{ width: 100%;position: fixed;top:156px;z-index: 202;}
.header24 .gnb_all { width: 100%;position: fixed;top:80px;z-index: 204;display: none;}
.header24 .header_in {background: #fff;width: 100%;position: fixed;top:0;z-index: 203;}
.header24 .head_top {height: 80px; border-bottom:1px solid #d8d8d8; display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;}
.header24 .head_top_in {display: flex;justify-content: space-between;max-width: 1682px;margin: 0 auto;padding:0 24px;width: 100%;box-sizing: border-box;}
.header24 .head_top .left_div{display: flex;}
.header24.cdi .head_top .left_div h1 img {width: 178px;}
.header24.theopen .head_top .left_div h1 img {width: 190px;} /* 로고 높이 39px 기준 (190x39) */
.header24.april .head_top .left_div h1 img {width: 188px;}
.header24.mt .head_top .left_div h1 img {width: 90px;}
.header24.april .head_top .left_div .branch {color:#273547}
.header24.mt .head_top .left_div .branch {color:#273547}

.header24 .head_top .left_div .branch {font-size: 20px;font-weight: 600;color:#000;display: flex; flex-direction: column; justify-content: center;margin-left: 24px;}
.header24 .head_top .right_div {display: flex; justify-content: center; flex-direction: column;}
.header24 .head_top .right_div .etc_menu ul { display: flex;}
.header24 .head_top .right_div .etc_menu ul li {position: relative;padding:0 24px 0 25px;display: flex; justify-content: center; flex-direction: column;}
.header24 .head_top .right_div .etc_menu ul li::before {width: 1px; height:18px;background: #d8d8d8;position: absolute;left:0;top:50%;transform: translateY(-50%);content: '';}
.header24 .head_top .right_div .etc_menu ul li:first-child::before {display: none;}
.header24 .head_top .right_div .etc_menu ul li:first-child {padding-left: 0;}
.header24 .head_top .right_div .etc_menu ul li:last-child {padding-right: 0;}
.header24 .head_top .right_div .etc_menu ul li a{display: flex;flex-direction: column;justify-content: center;}
.header24 .head_menu {box-sizing: border-box;height:76px;border-bottom:1px solid #d8d8d8;display: flex; justify-content: center; flex-direction: column;position: relative;}
.header24 .head_menu .head_menu_in {display: flex;justify-content: space-between;max-width: 1682px;margin: 0 auto;padding:0 24px;width: 100%;box-sizing: border-box;position: relative;}
.header24 .head_menu .head_menu_in ul {display: flex; justify-content: start;height: 76px;}
.header24 .head_menu .head_menu_in ul li {width: 230px;display: flex;justify-content: center;flex-direction: column;}
.header24 .head_menu .head_menu_in ul li a {color:#222;font-size:20px;font-weight: 600;}

.header24 .btn_gnb_all {z-index: 205; width: 36px; height: 36px;right: 24px;
  top:100px;}
.header24 .btn_gnb_all .line { display:inline-block; width:100%; height:2px;-webkit-transition:background 0.2s ease; transition:background 0.2s ease; border-radius: 5px;background-color:transparent;}
.header24 .btn_gnb_all .line:before { content:''; position:absolute; left:0; right:0; top:50%; height:2px; -webkit-animation:hamburg-bar-t-2 .75s forwards; animation:hamburg-bar-t-2 .75s forwards; border-radius: 5px;        background: #000;}
.header24  .btn_gnb_all .line:after { content:''; position:absolute; left:0; right:0; top:50%; height:2px; -webkit-animation:hamburg-bar-b-2 .75s forwards; animation:hamburg-bar-b-2 .75s forwards; border-radius: 5px;        background: #000;}
.header24.opend-all .all-bg { bottom:0; opacity:.7; }
.header24.opend-all .btn_gnb_all .line { background-color:transparent; }
.header24.opend-all .btn_gnb_all .line:before { -webkit-animation:hamburg-bar-t .75s forwards; animation:hamburg-bar-t .75s forwards; }
.header24.opend-all .btn_gnb_all .line:before {background-color:#000;}
.header24.opend-all .btn_gnb_all .line:after {background-color:#000;}
.header24.opend-all .btn_gnb_all .line:after { -webkit-animation:hamburg-bar-b .75s forwards; animation:hamburg-bar-b .75s forwards; }

.header24.opend-all .gnb_all_set { }
.header24.opend-all .gnb_all {background: #fff;display: block; padding-top: 20px;padding-bottom: 60px;}
.header24 .gnb_all_in {position: relative;max-width: 1682px;margin: 0 auto;padding:0 24px;width: 100%;box-sizing: border-box; display: flex;}
.header24 .gnb_all .gnb_all_menu { width: calc(100% - 500px);}
.header24 .gnb_all .gnb_all_menu > ul {width: 100%; display: flex;flex-wrap: wrap;}
.header24 .gnb_all .gnb_all_menu > ul > li {width: 33.33%;padding:44px 0 0 24px;box-sizing: border-box;min-width:177px;}
.header24 .gnb_all .gnb_all_menu > ul > li > a {font-size: 24px; color:#000;font-weight: 600;margin-bottom: 22px;display: inline-block;}
.header24 .gnb_all .gnb_all_menu > ul > li ul {}
.header24 .gnb_all .gnb_all_menu > ul > li ul li  {margin-bottom: 8px;}
.header24 .gnb_all .gnb_all_menu > ul > li ul li a {color:#666;font-size:18px;font-weight: 400;min-height:36px;display: inline-flex;border-bottom:1px solid transparent;justify-content: center; flex-direction: column;}
.header24 .gnb_all .gnb_all_menu > ul > li ul li a:hover,.header24 .gnb_all .gnb_all_menu > ul > li ul li a.on {
  border-bottom:1px solid #000; color:#000;
}
.header24 .gnb_all .gnb_all_menu > ul > li ul li.tb a {
  background:url("../images/common/ico_linkgo.png") no-repeat right top 7px / 16px auto;
  padding-right:20px;
}

.header24 .my_box { width: 500px; flex-shrink: 0;}
.header24 .my_box_in {padding:36px 0 0 40px;width: 365px;} 
.header24 .my_box_in .wel {font-size: 24px;color:#000;line-height: 40px;letter-spacing: -2px;}
.header24 .my_box_in .wel .na {font-weight: 700;}
.header24 .my_box_in .top {display: flex;justify-content: space-between;}
.header24 .my_box_in .top .log_out,.header24 .my_box_in .top .log_in {width: 108px;height:40px;border-radius: 24px;border:1px solid #70737c;}
.header24 .my_box_in .top .log_out span {font-size: 15px;font-weight: 400;color:#666;padding-right: 22px; background:url("../images/common/ico_unlock.png") no-repeat right center / 18px auto;}
.header24 .my_box_in .top .log_out {width: 108px;height:40px;border-radius: 24px;border:1px solid #70737c;}
.header24 .my_box_in .top .log_in span {font-size: 15px;font-weight: 400;color:#666;padding-right: 22px; background:url("../images/common/ico_lock.png") no-repeat right center / 18px auto;}
.header24 .my_menu {margin-top: 24px;}
.header24 .my_menu .tip-balloon .tip-cont {}
.header24 .my_menu .tip-balloon .tip-cont.my-head-tip .list {overflow-y: auto;padding-right: 24px;}
.header24 .my_menu > ul { display: flex;flex-wrap: wrap;gap:16px;}

.header24 .my_menu .tip-balloon .tip-cont.my-head-tip .list::-webkit-scrollbar {
  width: 5px;
}
.header24 .my_menu .tip-balloon .tip-cont.my-head-tip .list::-webkit-scrollbar-thumb {
  background-color: #999;
}
.header24 .my_menu .tip-balloon .tip-cont.my-head-tip .list::-webkit-scrollbar-track {
  background-color: #fff;
}
.header24 .my_menu > ul > li {position: relative;}
.header24 .my_menu > ul > li .box_div {border:1px solid #d8d8d8;width:171px;height:115px;border-radius: 12px;padding-top: 24px;box-sizing: border-box;}
.header24 .my_menu > ul > li .box_div .txt {color:#1D1D1D;font-size: 16px; font-weight: 600;text-align: center;letter-spacing: -1.5px;margin-top: 10px;}
.header24 .my_menu > ul > li .box_div .ico {width: 40px;height:40px;margin:0 auto;}
.header24 .my_menu > ul > li .box_div .ico.ico1 {background:url("../images/common/my_ico01.png") no-repeat center center / 40px auto;}
.header24 .my_menu > ul > li .box_div .ico.ico2 {background:url("../images/common/my_ico02.png") no-repeat center center / 40px auto;}
.header24 .my_menu > ul > li .box_div .ico.ico3 {background:url("../images/common/my_ico03.png") no-repeat center center / 40px auto;}
.header24 .my_menu > ul > li .box_div .ico.ico4 {background:url("../images/common/my_ico04.png") no-repeat center center / 40px auto;}


.header24 .head_btm {background: #fff;width: 100%;padding:40px 0;border-bottom:1px solid #d8d8d8;visibility: hidden;opacity: 0;transition: opacity 0.3s;}
.header24 .head_btm .head_btm_in {max-width: 1682px;margin: 0 auto;padding:0 24px;width: 100%;box-sizing: border-box;position: relative;} 
.header24 .head_btm .head_btm_in> ul {display: flex;}
.header24 .head_btm .head_btm_in > ul > li {width: 230px;}
.header24 .head_btm .head_btm_in ul li ul li {margin-bottom: 8px;}
.header24 .head_btm .head_btm_in ul li ul li a {color:#666;font-size:17px;font-weight: 400;min-height:36px;display: inline-flex;border-bottom:1px solid transparent;justify-content: center; flex-direction: column;padding-bottom: 8px; box-sizing: border-box;}
.header24 .head_btm .head_btm_in ul li ul li a:hover,.header24 .head_btm .head_btm_in ul li a.on {
  border-bottom:1px solid #000; color:#000;
}
.header24 .head_btm .head_btm_in ul li ul li.tb a {
  background:url("../images/common/ico_linkgo.png") no-repeat right top 7px / 16px auto;
  padding-right:20px;
}

.header24.head_btm_open .head_btm {visibility: visible;opacity: 1;}

.tit_glo {font-size: 36px;letter-spacing: -1px;font-weight: bold; color:#000;margin-bottom: 40px;margin-top: 80px;text-align: left;}
.txt_glo {font-size: 18px;letter-spacing: -1px;text-align: left;color:#111921;}

.bg_img {max-width: 1580px;margin: 0 auto;}
.bg_img img {width: 100%;}
.bg_img720 {max-width: 720px;margin: 0 auto;}
.bg_img720 img {width: 100%;}
.bg_img1192 {max-width: 1192px;margin: 0 auto;}
.bg_img1192 img {width: 100%;}


.btn_view_detail {clear: both;display: block;background: #B4B4B4;width: 250px;height:60px; line-height: 60px;text-align: center;border-radius: 30px;margin:0 auto; margin-top: 30px;margin-bottom: 134px;}
.btn_view_detail span {font-size: 25px; font-weight: 700;padding-right: 26px;;background:url("../images/common/btn_dtl_arr01.png") no-repeat right top 6px/ 23px auto;color:#000;text-align: center;}


@media screen and (max-width:767px){
  .btn_view_detail {width: 150px;height:36px; line-height: 36px;margin:0 auto; margin-top: 40px;margin-bottom: 60px;}
.btn_view_detail span {font-size: 15px; font-weight: 700;padding-right: 18px;;background:url("../images/common/btn_dtl_arr01.png") no-repeat right center/ 14px auto;color:#000;text-align: center;}

.rm-tab.one {justify-content: center; display: flex;}
}

@media screen and (max-width:1280px) { 
  .header24 .head_menu .head_menu_in ul {width: calc(100% - 36px);}
  .header24 .head_menu .head_menu_in ul li {width: 20%;}
  .header24 .head_btm .head_btm_in > ul {width: calc(100% - 36px);}
  .header24 .head_btm .head_btm_in > ul > li {width: 20%;}
}

@media screen and (min-width:1682px) { 

  .header24 .btn_gnb_all {
   right:50%;
   transform: translateX(820px);
  }
}

@media screen and (max-width:767px) { 
  .tit_glo {font-size: 22px;letter-spacing: -1px;text-align: center;margin-bottom: 28px;margin-top: 40px;}
  .g-title-9.cmgt.tit-learn {font-size: 22px;text-align: center;margin-top: 60px;}
  .g-title-txt-3-wrap.txt-learn {text-align: center;margin-top: 20px;}

  .txt_glo {font-size: 13px;letter-spacing: 0px;text-align: center;color:#111921;line-height: 1.5;}

  .header24 {min-height: 70px;}
  .header24 .head_top {height:70px}
  .header24 .bg_header {height:70px}
  .header24.cdi .head_top .left_div h1 img {width: 107px;}
  .header24.theopen .head_top .left_div h1 img {width: 114px;}
  .header24.april .head_top .left_div h1 img {width: 113px;}
  .header24.c3 .head_top .left_div h1 img {aspect-ratio: 139 / 34;
    max-width: 106px;}
  .header24 .head_top .left_div .branch {font-size: 14px;}
  .header24 .head_top .right_div {display:none;}
  .header24 .btn_gnb_all {top:23px !important;width: 24px;height:24px;}
  .header24 .head_menu {display: none;}
  .header24 .gnb_all {top:70px;}
  .header24.opend-all .gnb_all {padding-top: 0;padding-bottom: 0;overflow: auto;height:calc(100% - 70px)}
  .header24 .gnb_all_in {flex-wrap: wrap;flex-direction: column;padding:0;}
  .header24 .gnb_all .gnb_all_menu {width: 100%;order:2;}
  .header24 .gnb_all .my_box {width: 100%;order: 1;background: #F6F6F6;}
  .header24 .my_box_in {width: 100%;padding:34.5px 20px 24px 20px;box-sizing: border-box;}
  .header24 .my_box_in .wel {font-size: 18px;line-height: 32px;}
  .header24 .my_box_in .top .log_out,.header24 .my_box_in .top .log_in {width: 90px;height:32px;}
  .header24 .my_box_in .top .log_out span {font-size: 13px;padding-right: 20px; background:url("../images/common/ico_unlock.png") no-repeat right center / 16px auto;line-height: 1.4;}
  .header24 .my_box_in .top .log_in span {font-size: 13px;padding-right: 20px; background:url("../images/common/ico_lock.png") no-repeat right center / 16px auto;line-height: 1.4;}
  .header24 .my_menu .tip-balloon .tip-cont {left:0;z-index: 220;width: calc(100vw - 90px);}
  .header24 .my_menu .tip-balloon .tip-cont.my-head-tip .list {max-height: 230px;}
  .header24 .my_menu > ul {gap:8px;}
  .header24 .my_menu > ul > li {width: calc(50% - 4px);}
  .header24 .my_menu > ul > li .box_div {width: 100%;background: #fff;border:1px solid #F1F1F2;height:72px;display: flex;justify-content: center;}
  .header24 .my_menu > ul > li .box_div .ico {width: 24px;height:24px;margin:0;margin-right: 6px;}
  .header24 .my_menu > ul > li .box_div .ico.ico1 {background:url("../images/common/my_ico01.png") no-repeat center center / 24px auto;}
  .header24 .my_menu > ul > li .box_div .ico.ico2 {background:url("../images/common/my_ico02.png") no-repeat center center / 24px auto;}
  .header24 .my_menu > ul > li .box_div .ico.ico3 {background:url("../images/common/my_ico03.png") no-repeat center center / 24px auto;}
  .header24 .my_menu > ul > li .box_div .ico.ico4 {background:url("../images/common/my_ico04.png") no-repeat center center / 24px auto;}
  .header24 .my_menu > ul > li .box_div .txt {font-size: 15px;margin-top: 0px;line-height: 24px;        display: inline-block; height: 24px;}

  .header24 .gnb_all .gnb_all_menu > ul {padding:0 20px;box-sizing: border-box;}
  .header24 .gnb_all .gnb_all_menu > ul > li {width: 100%;padding:0;border-bottom:1px solid #D8D8D8}
  .header24 .gnb_all .gnb_all_menu > ul > li:last-child {border-bottom: none;}
  .header24 .gnb_all .gnb_all_menu > ul > li > a {height:72px;display: block;line-height: 72px;font-size: 18px;position: relative;margin-bottom: 0;}
  .header24 .gnb_all .gnb_all_menu > ul > li > a::after {content: '';width: 24px;height: 24px;background:url("../images/common/header_arr01.png") no-repeat center center / 24px auto;position: absolute;right:0px;top:24px;transition: transform 0.3s ;}
  .header24 .gnb_all .gnb_all_menu > ul > li > a.on::after {transform: rotate(180deg);}
  .header24 .gnb_all .gnb_all_menu > ul > li > ul {display: none;margin-top: 0;overflow: hidden;padding-bottom: 16px;}
  .header24 .gnb_all .gnb_all_menu > ul > li ul li {float: left;margin-right: 40px;}
  .header24 .gnb_all .gnb_all_menu > ul > li ul li a {font-size: 14px;line-height: 33px;border-bottom:2px solid transparent; }
  .header24 .gnb_all .gnb_all_menu > ul > li ul li.tb a {
    background:url("../images/common/ico_linkgo.png") no-repeat right top 12px / 16px auto;
  }
  .header24 .gnb_all .gnb_all_menu > ul > li ul li a:hover,.header24 .gnb_all .gnb_all_menu > ul > li ul li a.on {
    border-bottom:2px solid #222; color:#222;font-weight: 700;
  }
  .header24 .gnb_all .gnb_all_menu > ul > li ul li .ga_br {display: none;}
  .header24 .external-link {order: 3;background: #ededed;}
}


/********** FOOTER **********/
/* POPUP */
.terms-head {min-height:48px; position:relative; font-size:16px; line-height:1.625; font-weight:bold; color:#000; padding-right:240px; box-sizing:border-box; }
.terms-head .terms-sel { position:absolute; top:0; right:0; width:220px; }
.pop-layer .terms-cont {overflow-y:scroll; height:475px;}
.terms-cont { /* overflow-y:scroll; height:475px; */ margin-top:14px; padding:20px; font-size:14px; line-height:1.7; color:#888; background-color:#fafafa; }
.terms-wrap {height: 100%;overflow: auto;}
.terms-cont p + p { margin-top:22px; }
.terms-cont .indent {padding-left:16px;}
.terms-cont .tb-data-wrap { margin:7px 0 14px; }
.terms-cont .tb-data { margin-left:0; width:99.9%; }
.terms-cont .tb-data::after { display:none; }
.terms-cont .tb-data th { padding:10px; color:#333; font-weight:normal; border:1px solid #cfcfcf; background-color:#ededed; }
.terms-cont .tb-data td { padding:10px; color:#888; border:1px solid #cfcfcf; }
.terms-cont .terms-title, .terms-cont .terms-title-2 { font-weight:bold; color:#000; }
.terms-cont .terms-title { margin:17px 0 -4px 0; font-size:14px; }
.terms-cont .terms-title:first-child { margin-top:-4px; }
.terms-cont .terms-title-2 { margin:14px 0 2px; }
.terms-cont .terms-title-3 { color:#000; margin:14px 0 2px; }
.terms-cont .terms-list.indent {padding-left:16px;}
.terms-cont .terms-list li { margin:4px 0 0 1.27em; text-indent:-1.27em; }
.terms-cont .terms-list ul { margin-left:-1.27em; }
.terms-cont .terms-list li .tb-data { text-indent:0; font-size:inherit; }
.terms-cont .terms-list li .tb-data th { text-align:center; }
.terms-cont .terms-list li .tb-data td.tac {text-align:center;}
.terms-cont .terms-list-2, .terms-cont .terms-list ul.terms-list-2 { margin-left:0; }
.terms-cont .terms-list-2.indent {padding-left:16px;}
.terms-cont .terms-list-2 li { margin:4px 0 0 0.75em; text-indent:-0.75em;} /* 하이픈 */
.terms-cont .terms-list-3 li { margin:4px 0 0 0.6em; text-indent:-0.6em;}
.terms-cont .terms-anchor { overflow:hidden; margin-top:14px; padding:20px 20px 22px; margin-bottom:50px; border:1px solid #e2e2e2; background:#eee; font-weight:bold; line-height:1.88; color:#000; box-sizing:border-box; }
.terms-cont .terms-anchor .anchor-list { float:left; width:270px; }
.terms-cont .terms-anchor .anchor-list + .anchor-list { width:320px; }
.terms-cont .terms-anchor .anchor-list:only-child { float:none; width:auto; }
.terms-cont .terms-anchor .anchor-list li { text-indent:-1.3em; margin-left:1.3em; margin-top:4px; }
.terms-cont .terms-anchor a:hover { color:#4349bb; }
.terms-cont .terms-anchor li a:hover { text-decoration:underline; }
.terms-cont .div-line { margin:70px -20px; border:0 solid #ededed; border-top-width:1px; }
@media screen and (max-width:879px) {
  .header.portal .gnb-nav > ul > li .sub li {margin:0 8px;}
   
}
@media screen and (max-width:767px) {
  .terms-head { font-size:14px; line-height:1.428; padding-right:0; }
  .terms-head .terms-sel { position:relative; width:100%; margin-top:6px; }
  .terms-cont { overflow-y:hidden; height:auto; margin:20px -20px -20px; font-size:11px; }
  .terms-cont p + p { margin-top:14px; }
  .terms-cont .tb-data-wrap { margin:5px 0 10px; }
  .terms-cont .tb-data td, .terms-cont .tb-data th { padding:7px 5px; }
  .terms-cont table { font-size:inherit; }
  .terms-cont .terms-title { margin:17px 0 -4px 0; font-size:12px; }
  .terms-cont .terms-title-2, .terms-cont .terms-title-3 { margin:10px 0 -1px; font-size:11px; }
  .terms-cont .terms-title + .terms-title-2, .terms-cont .terms-title-2 + .terms-title-3 { margin-top:7px; }
  .terms-cont .terms-anchor { margin-top:6px; margin-bottom:35px; padding:9px 13px; }
  .terms-cont .terms-anchor .anchor-list { float:none; }
  .terms-cont .terms-anchor .anchor-list + .anchor-list { padding-left:0; }
  .terms-cont .div-line { margin-top:35px; margin-bottom:35px; }
}

/*C Mileage icon*/
.cMileageMark {display:inline-block; font-size:0;}
.cMileageMark.icon_C {background:url("../images/common/cMileage_iconC.png") center no-repeat; background-size:100%;}
.cMileageMark.icon_P {background:url("../images/common/cMileage_iconP.png") center no-repeat; background-size:100%;}
.cMileageMark.icon_Ps {background:url("../images/common/cMileage_iconPs.png") center no-repeat; background-size:100%;}
.cMileageMark.icon_Sp {background:url("../images/common/cMileage_iconSp.png") center no-repeat; background-size:100%;}
.cMileageMark.icon_V {background:url("../images/common/cMileage_iconV.png") center no-repeat; background-size:100%;}

/* 2019-05-13 : @chungdahm */
.pop-wrap .pop-cont .conBox {margin:7px 0 14px; color:#000; line-height:1.58em; font-size:15px;}
.pop-wrap .pop-cont .conBox .red {color:#e0354b;}
.pop-wrap .pop-cont .conBox .bold {font-weight:bold;}
.pop-wrap .pop-cont .conBox strong.block {display:block; margin:5px 0px;}
.pop-wrap .pop-cont .conBox h2.title {font-size:22px; font-weight:700; color:#111921; margin-bottom:30px;}
.pop-wrap .pop-cont .conBox dl {width:100%; border-top:1px solid #ededed; padding-top:20px; margin:10px 0px; clear: both;}
.pop-wrap .pop-cont .conBox dt {color:#e0354b; font-weight:bold; padding-bottom:5px;}
.pop-wrap .pop-cont .conBox dd.bulletNum {padding-left:18px; position:relative;}
.pop-wrap .pop-cont .conBox dd.bulletNum em {position:absolute; left:0px; top:-1px;}
.pop-wrap .pop-cont .conBox dl.noLine {border-top:0px; padding-top:0px; margin:1em 0px; color:#000; font-weight:bold; line-height:1.5em;}
.pop-wrap .pop-cont .conBox dl.noLine dt {display:inline-block; width:80px; vertical-align:top; color:#000; position:relative; padding-left:10px;}
.pop-wrap .pop-cont .conBox dl.noLine dt:before {content:''; width:3px; height:3px; background-color:#000; position:absolute; left:0px; top:.5em;}
.pop-wrap .pop-cont .conBox dl.noLine dd {display:inline-block; width:calc(100% - 90px); vertical-align:top;}
.pop-wrap .pop-cont .conBox table.basic {background-color:#ededed; margin:20px 0px; border-right:1px solid #ededed; border-bottom:1px solid #ededed; font-size:inherit; color:#313131;}
.pop-wrap .pop-cont .conBox table.basic th, .pop-wrap .pop-cont .conBox table.basic td {border-left:1px solid #ededed; border-top:1px solid #ededed;}
.pop-wrap .pop-cont .conBox table.basic th {background-color:#f4f4f4; padding:10px 0px;}
.pop-wrap .pop-cont .conBox table.basic td {background-color:#fff; text-align:center; padding:10px 0px;}
.pop-wrap .pop-cont .conBox table.blackTop {border-top:2px solid #000; color:#000;}
.pop-wrap .pop-cont .conBox table.blackTop th, .pop-wrap .pop-cont .conBox table.blackTop td {border-left:1px solid #ededed; border-bottom:1px solid #ededed;}
.pop-wrap .pop-cont .conBox table.blackTop th:first-child, .pop-wrap .pop-cont .conBox table.blackTop td:first-child {border-left:0px;}
.pop-wrap .pop-cont .conBox table.blackTop th {background-color:#f4f4f4; padding:10px 0px;}
.pop-wrap .pop-cont .conBox table.blackTop td {background-color:#fff; text-align:center; padding:8px 0px;}
.pop-wrap .pop-cont .conBox .cMileageMark {width:43px; height:37px; vertical-align:middle;}
.pop-wrap .pop-cont .conBox .guideList {color:#666; margin-top:1.2em;}
.pop-wrap .pop-cont .conBox .guideList li {position:relative; padding-left:1.4em;}
.pop-wrap .pop-cont .conBox .guideList li.sf {font-size:90%; color:#6b6b6b;}
.pop-wrap .pop-cont .conBox .guideList li:before {content:'※'; position:absolute; left:0px; top:0px;}
.pop-wrap .pop-cont .conBox .pop-btns {text-align:center; padding:20px 0px;}
.pop-wrap .pop-cont .conBox .pop-btns button {display:inline-block; width:38%; margin:0 1%; padding:15px 0px; border-radius:12em; border:1px solid #4448c6; box-sizing:border-box; background-color:#fff; font-size:15px; letter-spacing:-0.08em; font-weight:bold; color:#4448c6; outline:0px;}
.pop-wrap .pop-cont .conBox .pop-btns button .arr {width:4px; height:4px; margin-left:5px; border:2px solid transparent; border-top-color:#4448c6; border-right-color:#4448c6; -webkit-transform: rotate(45deg); transform:rotate(45deg);}
.pop-wrap .pop-cont .conBox .pop-btns button.blue {background-color:#4448c6; color:#fff;}
.pop-wrap .pop-cont .conBox .pop-btns button.blue .arr {border-top-color:#fff; border-right-color:#fff;}
.pop-wrap .pop-cont .conBox .pop-btns button.gray {border:1px solid #777; color:#777;}
.pop-wrap .pop-cont .conBox .pop-btns button.gray .arr {border-top-color:#777; border-right-color:#777;}
.pop-wrap .pop-cont .imgBox {text-align:center;}
.pop-wrap .pop-cont .imgBox img {max-width:100%;}
.pop-wrap .pop-cont .evetReview {margin:-10px 0 14px; color:#000; line-height:1.58em; font-size:15px; height:653px; overflow-y:auto;}
.pop-wrap .pop-cont .evetReview h2 {text-align:center; padding-top:36px; position:relative;}
.pop-wrap .pop-cont .evetReview h2 span {display:inline-block; margin:0 auto; border-top:1px solid #000; border-bottom:1px solid #000; font-weight:700; font-size:36px; line-height:1.5em;}
.pop-wrap .pop-cont .evetReview h2 span:before {content:''; width:100%; height:36px; position:absolute; top:0px; left:0px; background-image:url("../images/notice/paymentEvent/reviewpop_title.png"); background-position:center top; background-repeat:no-repeat;}
.pop-wrap .pop-cont .evetReview p.topText {text-align:center; margin-top:10px; font-size:17px; color:#565656;}
.pop-wrap .pop-cont .evetReview p.topText span {color:#ff5037;}
.pop-wrap .pop-cont .evetReview p.topText span em {font-style:italic; font-size:115%;}
.pop-wrap .pop-cont .evetReview ul {margin-top:20px;}
.pop-wrap .pop-cont .evetReview ul li {border:1px solid #dcdcdc; padding:25px 20px 25px 196px; min-height:124px; margin-top:15px; box-sizing:border-box; position:relative; line-height:1.3em;}
.pop-wrap .pop-cont .evetReview ul li span {display:block;}
.pop-wrap .pop-cont .evetReview ul li span.pic {display:inline-block; width:120px; height:120px; position:absolute; left:30px; top:27px;}
.pop-wrap .pop-cont .evetReview ul li span.pic img {border:1px solid #d7d7d7; width:100%; border-radius:50%;}
.pop-wrap .pop-cont .evetReview ul li span.pic:after {content:''; width:140px; height:137px; position:absolute; top:-10px; left:-10px; background-image:url("../images/notice/paymentEvent/reviewpop_edge.png"); background-size:100% 100%;}
.pop-wrap .pop-cont .evetReview ul li span.gift strong {display:inline-block; font-size:103%; color:#000; border-bottom:1px solid #000;}
.pop-wrap .pop-cont .evetReview ul li span.name {font-size:95%; color:#4349bb; margin:5px 0px;}
.pop-wrap .pop-cont .evetReview ul li span.comment {font-size:85%; color:#666;}
.pop-wrap .pop-cont .evetReview ul li span.comment strong {color:#000; font-size:inherit;}

.pop-wrap .pop-cont.masterPop {padding:0px;}
.pop-wrap .pop-cont.masterPop .conBox {margin:0px 0 14px;}
/* .pop-wrap .pop-cont.masterPop .conBox .poster-pc {max-height:760px; overflow:hidden;}
.pop-wrap .pop-cont.masterPop .conBox .poster-pc .mCSB_vertical > .mCSB_container {padding-right:0px;} */
.pop-wrap .pop-cont.masterPop .conBox img {width:100%;}
.eventPopClose {display:inline-block!important;}
/*서비스플래닝팀, 민트색 공통팝업 신규생성*/
.pop-wrap.mint-pop {border-radius:16px;overflow:hidden;}
.pop-wrap.mint-pop .pop-cont {padding:16px 24px 28px;}
.pop-wrap.mint-pop .pop-cont .conBox {margin:48px 0 36px;padding:0 10%;font-family:'Pretendard';font-size:16px;line-height:1.4;text-align:center;}
.pop-wrap.mint-pop .pop-cont .conBox .info-text {color:#0B0B0C;font-size:20px;font-weight:700;line-height:1.5;}
.pop-wrap.mint-pop .pop-cont .conBox .sub-info {color:#000;margin-top:6px;}
.pop-wrap.mint-pop .pop-cont .conBox .info-desk {text-align:center;}
.pop-wrap.mint-pop .pop-cont .conBox .info-desk span {display:inline-block;margin-top:6px;color:#666;font-size:14px;font-weight:700;line-height:22px;padding-left:30px;background:url("../images/icon/service_center.svg") no-repeat left center / 20px 20px;}
.pop-wrap.mint-pop .pop-cont .btn-box {display:flex;column-gap:16px;padding:0 45px;}
.pop-wrap.mint-pop .pop-cont .btn-box button {flex:1;height:48px;font-family:'Pretendard';font-size:14px;font-weight:700;color:#161618;background-color:#fff;border:1px solid #E1E3EB;border-radius:8px;box-sizing:border-box;}
.pop-wrap.mint-pop .pop-cont .btn-box button.mint {color:#fff;background-color:#00BABB;border:0;}
@media screen and (max-width:767px) {
  .pop-wrap .pop-cont .conBox {font-size:14px;}
  .pop-wrap .pop-cont .conBox strong.block {margin:10px 0px;}
  .pop-wrap .pop-cont .conBox h2.title {font-size:16px; margin-bottom:20px;}
  .pop-wrap .pop-cont .conBox .pop-btns button {width:47%; padding:12px 0px; font-size:14px;}
  .pop-wrap .pop-cont .conBox .cMileageMark {width:31px; height:27px;}
  .pop-wrap .pop-cont .evetReview {margin:0px 0 14px; font-size:14px; height:100%; overflow:visible;}
  .pop-wrap .pop-cont .evetReview h2 {padding-top:24px;}
  .pop-wrap .pop-cont .evetReview h2 span {font-size:26px;}
  .pop-wrap .pop-cont .evetReview h2 span:before {height:24px; background-size:45px 24px;}
  .pop-wrap .pop-cont .evetReview p.topText {margin-top:10px; font-size:15px;}
  .pop-wrap .pop-cont .evetReview ul {margin-top:10px;}
  .pop-wrap .pop-cont .evetReview ul li {padding:200px 20px 25px 20px; min-height:auto; margin-top:10px;}
  .pop-wrap .pop-cont .evetReview ul li span.pic {width:150px; height:150px; position:absolute; left:50%; top:25px; margin-left:-75px;}
  .pop-wrap .pop-cont .evetReview ul li span.pic:after {width:177px; height:174px; top:-13px; left:-12px;}
  .pop-wrap .pop-cont .evetReview ul li span.gift {text-align:center;}
  .pop-wrap .pop-cont .evetReview ul li span.name {text-align:center;}
  .mint-pop .pop-btn-close {top:5px;right:8px;}
  .pop-wrap.mint-pop .pop-cont {padding:16px 20px 20px;}
  .pop-wrap.mint-pop .pop-cont .conBox {margin:40px 0 20px;font-size:14px;padding:0;}
  .pop-wrap.mint-pop .pop-cont .conBox .info-text {font-size:16px;}
  .pop-wrap.mint-pop .pop-cont .conBox .sub-info {margin-top:4px;}
  .pop-wrap.mint-pop .pop-cont .btn-box {column-gap:10px;padding:0 0px;}
  .pop-wrap.mint-pop .pop-cont .btn-box button {height:40px;}
}
@media screen and (max-width:1237px) {
  .footer .fmenu .cms {display:block;}
}
@media all and (min-width:1024px) {
  .section .img-wrap img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
  }
}
@media print, all and (min-width:768px) and (max-width:1050px) {
  .header .external-link .other {display:none;}
}
@media screen and (max-width:767px){
  .footer .fmenu .cms a:first-child {display:block;}
}



/*gnb new*/
.header.portal *{box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif}
.header.portal:after{z-index: 98;}
.header.portal .sc-wrap{background:rgba(255,255,255,100);}
.gnb-right {
  z-index: 6;
}
.gnb-right>div{
  float: right;
}
.header.portal .util-1.util-1Log {top:6px;right:0px;}
.header.portal .util-1 {display: block;top:16px;right: 243px;}
.header.portal .util-1 .item > a {
  display:inline-block;
  width:auto;
  height:auto;
  white-space:nowrap;
}
/* .header.portal .util-1 .i-pay{background-image:url(../images/common/credit_card_ico.png);}
.header.portal .util-1 .i-book{background-image:url(../images/common/textbook_ico.png);}
.header.portal .util-1 .i-myinfo{background-image:url(../images/common/manage_accounts_ico.png);}
.header.portal .util-1 .i-gps{background-image:url(../images/common/gps_ico.png);} */
.header.portal .util-1 .item span {  
  padding: 0px 0px;
  color:#161618;
  font-size:12px;
}
.header.portal .util-1 .item:hover span{
  opacity:1;
}
.header.portal .util-1 .item+.item {margin-left:24px;position:relative;}
.header.portal .util-1 .item+.item:before {content:'';width:1px;height:10px;background:#E1E3EB;position:absolute;left:-12px;top:50%;transform: translateY(-50%);}
.header.portal .user{top:40px;right:48px;margin-left:42px;}
.header.portal .user::before{
  content:'';
  display:none;
  position:absolute;
  top:8px;
  left: -23px;
  width:1px;
  height:16px;
  background:#EFEFEF;
}
.header.portal .user > .item > a {display:block;border:1px solid #E1E3EB;border-radius:888px;padding:9px 16px 11px;box-sizing:border-box;line-height:1.143;}
.header.portal .user > .item > a em {display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:6px;}
.header.portal .user > .item > a em.mybranch {background:url("../images/search/School_Life_solid.svg") no-repeat center / 100%;}
.header.portal .user > .item > a em.entrance {background:url("../images/search/reserve_test.svg") no-repeat center / 100%;}
.header.portal .user > .item > a span {display:inline-block;vertical-align:middle;font-size:14px;color:#161618;font-weight:700;}
.header.portal .user > .item.login > a{display:inline-block;}
.header.portal .gnb-all-btn .line, .header.portal .gnb-all-btn .line::before, .header.portal .gnb-all-btn .line::after{color:#111921}
.header.portal .gnb-all-btn .line::before{top: 48%;}
.header.portal .gnb-all-btn .line::after{top: 52%;}
.header.portal.opend-all .gnb-all-btn .line::before{top: 50%;}
.header.portal.opend-all .gnb-all-btn .line::after{top: 50%;}
.header .gnb-nav .sub-3.brand {
  display: block;
}
.header.portal .gnb-nav .showdep3{
  position:fixed;
  top:64px;
  left:0;
  transform:none;
  height:auto;
  align-content: center;
  width: 100%;
  background: rgba(255,255,255,0.96);
  padding: 60px calc((100% - 563px) / 2)!important;
  text-align: left;
}
.header.portal .gnb-nav .showdep3::after{
  display:none;
}
.header.portal .gnb-nav .showdep3.sub > li + li{
  margin-top:0;
}
.header.portal .gnb-nav .showdep3.sub li{display:block}
.header.portal .gnb-nav .showdep3 > li:first-child{margin:0 40px 0 0;}
.header.portal .gnb-nav .showdep3 > li{
  margin: 0 40px;
  width: 119px;
  float:left;
  height:212px;
}
.header.portal .gnb-nav .showdep3 .brand>li{white-space:nowrap;margin: 0;}
.header.portal .gnb-nav .showdep3 .brand>li::after {
  content: '';
  display: inline-block;
  margin-left: 4px;
  width: 10px;
  height: 10px;
  background: url(../images/main-brand/r-arrow.png) no-repeat center / contain;
}
.header.portal .gnb-nav .showdep3 .brand>li.link-i::after {
  background: url(../images/main-brand/Component.png) no-repeat center / contain;
}
.header.portal .gnb-nav .showdep3>li>a{
  display: inline-block;
  color: #111921;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
}
.header.portal .gnb-nav .showdep3 .brand>li>a {
  display: inline-block;
  color: #424242;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 11px;
  word-break: break-word;
}
@media screen and (max-width:1279px) {
  .header.portal .sc-wrap{padding: 0 24px;}
  /*.header.portal .util-1 .item:last-child{display:none;}*/
  .header.portal .user::before{left:-23px;}
  .header.portal .user{right:45px;}
  .header.portal .util-1.util-1Log {right:0px;}
  .header.portal .util-1 {right: 203px;}
}
@media screen and (max-width:1145px) {
  .header.portal .gnb-nav {padding:0 0px 0 160px;}
  .header.portal .gnb-nav .group>li>a {margin:0 25px;}
}
@media screen and (max-width:1023px) {  
  .header.portal .gnb-nav .group > li + li {margin-left:0px;}
  .header.portal .user{right:40px;}
  .header.portal .util-1{right:115px;}
  .header.portal .util-1.util-1Log{right:0px;}
  .header.portal .user::before{display:none;}
  .header .user > .item+.item.usermod {display: block;}
}
@media screen and (max-width:980px) {
  .header .user > .item+.item {display: none;}
}
@media screen and (max-width:860px) {
  .header.portal .util-1 .item+.item {margin-left: 5px;}
  .header.portal .gnb-nav .im-2{margin: 0 10px;}
}
@media screen and (max-width:860px) {
  .header .user > .item.tip-balloon {display:none;}
  .branch-wrap .header .user > .item.tip-balloon {display:inline-block;}
}
@media screen and (max-width:840px) {
  .header.portal .user > .item {display:none;}
}
@media screen and (max-width:767px) {
  .header.portal .gnb-logo{border-bottom:1px solid #dddddd;}
  .header.portal .user{display: block;margin-left: 0;}
  .header.portal .util-1 {display: -webkit-box;display: -ms-flexbox; display: flex; background:#efefef;}
  .header.portal .util-1 .item span{opacity:1; position:relative; top:auto; left:auto;font-size:14px;padding:0; transform:none;background:none;box-shadow:none;color:#111921;}
  .header.portal .util-1 .item>a{background:none;}
  .header.portal .util-1 .item>a::before{content:'';display: inline-block; vertical-align: middle;width: 22px; height: 22px; margin: -3px 2px 0 0; background-size:contain; background-repeat: no-repeat;}
  .header.portal .util-1 .i-pay::before{background-image:url(../images/common/credit_card_ico_mo.svg);}
  .header.portal .util-1 .i-book::before{background-image:url(../images/common/textbook_ico_mo.svg);}
  .header.portal .util-1 .i-myinfo::before{background-image:url(../images/common/manage_accounts_ico.png);}
  .header.portal .util-1 .i-gps::before{background-image:url(../images/common/gps_ico.png);}
  .header.portal .util-1 .item+.item{margin-left:0;}
  .header.portal .util-1 .item>a{width:auto;height:auto;}
  .header.portal .user > .item > a{font-size:16px; color:#ffffff;}
  .gnb-right{position:static}
  .gnb-right>div{float:none;}
  .header.portal .sc-wrap{padding:0;}
  .header.portal .gnb-logo{border-bottom:1px solid #ddd}
  .header.portal .util-1 .item:last-child{display:block;}
  /*.header.fixed.close-all.is-lnb.mini .inner-top{top:0;}*/
  .header.portal .gnb-all-btn .line::before{top: 62%;}
  .header.portal .gnb-all-btn .line::after{top: 40%;}
  .header.portal.opend-all .gnb-all-btn .line::before{top:50%;background-color:#111921!important;}
  .header.portal.opend-all .gnb-all-btn .line::after{top:50%;background-color:#111921!important;}
  .header.portal .util-1.util-1Log {background-color:#fff;padding:22px 20px;}
  .header.portal .util-1.util-1Log .item {flex:1;text-align:center;}
  .header.portal .util-1.util-1Log .item + .item {border-left:0;}
  .header.portal .util-1.util-1Log .item+.item:before {display:none;}
  .header.portal .util-1.util-1Log .item a {padding:0;}
  .header.portal .util-1.util-1Log .item a:before {display:inline-block; width:60px;height:60px;border-radius:30px;border:1px solid #E1E3EB;}
  .header.portal .util-1.util-1Log .item a.payment:before {background:url("../images/search/card.svg") no-repeat center / 52%;}
  .header.portal .util-1.util-1Log .item a.textbook:before {background:url("../images/search/book_purchase.svg") no-repeat center / 52%;}
  .header.portal .util-1.util-1Log .item a.myinfo:before {background:url("../images/search/my_page.svg") no-repeat center / 52%;}
  .header.portal .util-1.util-1Log .item a.academy:before {background:url("../images/search/School_Life_solid.svg") no-repeat center / 52%;}
  .header.portal .util-1.util-1Log .item a span {display:block;margin-top:10px;font-size:13px;font-weight:500;}
  

}
@media screen and (min-width:768px){
  .pc-hide{display:none;}
  .header .gnb-nav .sub{background:#ffffff;}
  .header.portal .gnb-nav .sub{background:transparent;}
  .header.portal.opend-all .gnb-all-nav .group {
    max-width: 1580px;
    border:none;
    position:relative;
  }
  .header.portal .gnb-all-nav .group > li{       
    padding:33px 0px;
    border:none;
    text-align:center;
  }
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(1) {width:160px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(2) {width:144px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(3) {width:180px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(4) {width:166px;}
  .header.portal.opend-all .gnb-all-nav .group li.allmenu-helpCenter {display:none;position:absolute;text-align:center;right:0;top:5px;font-size:13px;width:auto!important;color:#161618;}
  .header.portal.opend-all .gnb-all-nav .group li.allmenu-helpCenter strong {font-weight:500;}
  .header.portal.opend-all .gnb-all-nav .group li.allmenu-helpCenter a {display:block;width:195px;height:50px;padding:7px 0 9px;border:1px solid #E1E3EB;border-radius:8px;margin:10px 0 0;}
  .header.portal.opend-all .gnb-all-nav .group li.allmenu-helpCenter a em {display:inline-block;vertical-align:middle;margin-right:8px;width:16px;height:16px;background:url("../images/common/icon_helpCenter.svg") no-repeat center / 100%;}
  .header.portal.opend-all .gnb-all-nav .group li.allmenu-helpCenter a span {display:inline-block;vertical-align:middle;font-size:15px;color:#161618;font-weight:700;}
  .header.portal.opend-all .gnb-all-nav .group li .sub li {width:100%!important;}
  .header.portal .gnb-all-nav .group > li .im-1, .header.portal .gnb-all-nav .group > li .im-2, .header.portal .gnb-all-nav .group > li .im-3, .header.portal .gnb-all-nav .group > li .im-4 {display:none;}
  .header.portal .gnb-all-nav li[data-menu] > a{
    min-height:auto;
  }
  .header.portal .gnb-all-nav .group > li:hover{
    background-color:transparent;
  }
  .header.portal .gnb-all-nav .group > li:last-child{
    padding-right:0;
  }
  .header.portal .gnb-all-nav .group > li.allmenu-cs {display:none;}
  /*브랜드노출*/
  /*.header.portal .gnb-all-nav .group > li:first-child{*/
  /*  width:50%;*/
  /*}*/
  .header.portal .gnb-all-nav li[data-menu] > a{
    color:#00BABB;
    font-size:16px;
    margin-bottom:20px
  }
  .header.portal .gnb-all-nav .showdep3 .sub-3{
    display:block;
  }
  .header.portal .gnb-all-nav .showdep3>li>a{
    display: inline-block;
    color:#111921;
    font-size:16px;
    font-weight:500;
    margin-bottom: 25px;
  }
  .header.portal .gnb-all-nav .showdep3 .brand>li>a, .header.portal .gnb-all-nav .sub:not(.showdep3)>li>a{
    display: inline-block;
    color:#424242;
    font-size:15px;
    font-weight:500;
    margin-bottom: 20px;
    word-break: break-word;
  }
  .header.portal .gnb-all-nav .showdep3 .brand>li>a:hover, .header.portal .gnb-all-nav .sub:not(.showdep3)>li>a:hover {
    color:#00BABB;
    font-weight:500;
  }
  .header.portal .gnb-all-nav .sub:not(.showdep3)>li>a.arrow:hover {color:#424242;text-decoration:none;cursor:default;}

  .header.portal .gnb-all-nav .showdep3{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
  }
  .header.portal .gnb-all-nav .showdep3.sub > li + li{
    margin-top:0;
  }
  .header.portal .gnb-all-nav .showdep3 > li:first-child{margin:0 40px 0 0;}
  .header.portal .gnb-all-nav .showdep3 > li:last-child{margin:0 0 0 40px;}
  .header.portal .gnb-all-nav .showdep3 > li{
    width:calc((100% - 160px)/3);
    margin: 0 40px;
  }
  .header.portal .gnb-all-nav .showdep3 .brand>li{white-space:nowrap;}
  .header.portal .gnb-all-nav .showdep3 .brand>li::after {
    content: '';
    display: inline-block;
    margin-left: 4px;
    width: 10px;
    height: 10px;
    background: url(../images/main-brand/r-arrow.png) no-repeat center / contain;
  }
  .header.portal .gnb-all-nav .showdep3 .brand>li.link-i::after {
    background: url(../images/main-brand/Component.png) no-repeat center / contain;
  }
}
@media screen and (min-width:1024px){
  .header.portal.opend-all .gnb-all-nav .group {
    justify-content:start;
    padding-left:140px;
  }
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(1) {width:140px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(2) {width:110px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(3) {width:136px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(4) {width:140px;}
  .header.portal.opend-all .gnb-all-nav .group li.allmenu-helpCenter {display:block;}
  .header .user > .item+.item {margin-left:6px;}
}
@media screen and (min-width:1146px){
  .header.portal.opend-all .gnb-all-nav .group {
    padding-left:152px;
  }
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(1) {width:140px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(2) {width:160px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(3) {width:160px;}
  .header.portal.opend-all .gnb-all-nav .group li:nth-child(4) {width:188px;}
}
@media screen and (min-width:1280px){
  .header.portal.opend-all .gnb-all-nav .group {
    padding-left:164px;
  }
  .header .user > .item+.item {
    margin-left:16px;
  }
}
@media screen and (min-width:1281px){
  .header.portal.opend-all .gnb-all-nav .group {
    padding-left:220px;
  }
}
@media screen and (min-width:1684px){
  .header.portal.opend-all .gnb-all-nav .group {
    padding-left:228px;
  }
}
@media screen and (max-width:1279px) and (min-width:767px) {
  /* .header.portal.opend-all .gnb-all-nav .group {max-width: 900px;} */
  .header.portal .gnb-all-nav .showdep3 > li{    width: calc((100% - 84px)/3);margin: 0 21px;}
  .header.portal .gnb-all-nav .showdep3 > li:first-child{margin:0 21px 0 0;}
  .header.portal .gnb-all-nav .showdep3 > li:last-child{margin:0 0 0 21px;}
}
@media screen and (max-width:1023px) and (min-width:767px) {
  .header.portal.opend-all .gnb-all-nav .group{max-width: 750px;}
  .header.portal .gnb-all-nav .group > li{padding:33px 11px;}
  .header.portal .gnb-all-nav .showdep3 > li{ width: calc((100% - 44px)/3);margin: 0 11px;}
  .header.portal .gnb-all-nav .showdep3 > li:first-child{margin:0 11px 0 0;}
  .header.portal .gnb-all-nav .showdep3 > li:last-child{margin:0 0 0 11px;}
  .header.portal .gnb-all-nav .showdep3 .brand>li>a span{display:block;}
}
@media screen and (max-width:767px) {
  /*.container.portal {padding: 50px 0 0 0;  }*/
  .header.portal .gnb-all-nav li[data-menu] > a::after{transition:.3s}
  .header.portal .gnb-all-nav .group [data-act="btn"]{right:10px;}
  .header.portal .gnb-all-nav li[data-menu] > a::after {right:17px;}
  /*.header.portal .gnb-all-nav .group [data-act="btn"]::after{ content:''; position:absolute; right:7px; top:50%; width:9px; height:9px; border-left:1px solid #000; border-top:1px solid #000; border-right:transparent; -webkit-transform:translateY(-50%) rotate(-225deg); transform:translateY(-50%) rotate(-225deg); }*/
  /*.header.portal .gnb-all-nav .group .active [data-act="btn"]::after{-webkit-transform: translate(25%, -50%) rotate(-135deg);transform: translate(25%, -50%) rotate(-135deg);}*/
  .header.portal .gnb-all-nav li[data-menu].active > a::after {-webkit-transform: translate(25%, -50%) rotate(-135deg);transform: translate(25%, -50%) rotate(-135deg);}
  .header.portal .gnb-all-nav li.allmenu-cs[data-menu] > a::after {right:25px;-webkit-transform:translate(-50%, -50%) rotate(-135deg);transform:translate(-50%, -50%) rotate(-135deg);border-left:1px solid #000;border-top:1px solid #000;border-right:transparent;}
  .header.portal .gnb-all-nav li.allmenu-cs.active[data-menu] > a::after {right:25px;-webkit-transform:translate(-50%, -50%) rotate(-315deg);transform:translate(-50%, -50%) rotate(-315deg);}
  .header.portal .link-group .subj.g-toggle::after {right:25px;border-left:1px solid #000;border-top:1px solid #000;border-right:transparent;}
  .header.portal .link-group .subj.g-toggle.active::after {-webkit-transform: translate(-50%, -50%) rotate(-315deg);transform:translate(-50%, -50%) rotate(-315deg);}
  .header.portal .link-group ul.list {padding:20px 20px 7px;}
  .header.portal .gnb-all-nav .group a::before{display:none;}
  .header.portal .gnb-all-nav .group .showdep3 > li > a{display:inline-block;font-weight:bold;border-bottom:2px solid #00BABB; font-size:16px;margin-bottom:10px;}
  .header.portal .gnb-all-nav .group .sub-3.brand{display:block;}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a{display:block;padding: 6px 0}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a::before{
    content:'';
    display: inline-block;
    margin-left: 4px;
    width: 18px;
    height: 18px;
    border-radius:0;
    background: url(../images/main-brand/r-arrow.png) no-repeat center / contain;
  }
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a.cdi::before{background-image:url(../images/main/cdi-logo.png)}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a.april::before{background-image:url(../images/main/april-logo.png)}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a.igarten::before{background-image:url(../images/main/igarten-logo.png)}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a.bouncy::before{background-image:url(../images/main/bouncy-logo.png)}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a.cms::before{background-image:url(../images/main/cms-logo.png)}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a.noisy::before{background-image:url(../images/main/noisy-logo.png)}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a.edge::before{background-image:url(../images/main/edge-logo.png)}
  .header.portal .gnb-all-nav .group .sub-3.brand>li>a.c3::before{background-image:url(../images/main/c3-logo.png)}
}
/*main white version*/
@media screen  and (min-width:768px){
  .header.transparent.close-all .sc-wrap{background:transparent;border: none;border-bottom: 1px solid transparent;}
  .header.transparent.close-all .cr-logo{background-image: url(../images/main-brand/CI_default_white.svg);}
  .header.transparent.close-all .gnb-nav .im-1,
  .header.transparent.close-all .gnb-nav .im-2,
  .header.transparent.close-all .gnb-nav .im-3,
  .header.transparent.close-all .gnb-nav .im-4,
  .header.transparent.close-all .util-1 .item span,
  .header.transparent.close-all .user > .item > a span,
  .header.transparent.close-all .user > .item > a {color:#ffffff; font-weight:500;}
  .header.transparent.close-all .user > .item > a {border:1px solid #fff;}
  .header.transparent.close-all .util-1 .i-pay{background-image: url(../images/common/credit_card_ico_white.png);}
  .header.transparent.close-all .util-1 .i-book{background-image: url(../images/common/textbook_ico_white.png);}
  .header.transparent.close-all .util-1 .i-myinfo{background-image: url(../images/common/manage_accounts_ico_white.png);}
  .header.transparent.close-all .user > .item > a em.mybranch {background:url("../images/search/School_Life_solid_white.svg") no-repeat center / 100%;}
  .header.transparent.close-all .user > .item > a em.entrance {background:url("../images/search/reserve_test_white.svg") no-repeat center / 100%!important;}
  .header.transparent.close-all .util-1 .item+.item:before,
  .header.transparent.close-all .gnb-all-btn .line,
  .header.transparent.close-all .gnb-all-btn .line::before,
  .header.transparent.close-all .gnb-all-btn .line::after{background-color:#ffffff}
  .header.mainH + .container.portal{/*margin-top: -64px*/margin-top:-90px;}
  .header.transparent.close-all .gnb-nav .group li ul{display: none !important;-webkit-transition:all 0.1s ease; transition:all 0.1s ease; }
  .header.transparent.close-all .user .item.mint a {background-color:transparent;}

  .portal.mainH{/*margin-top: -64px*/margin-top:-90px;}


}
/*main white version*/
.footer {height: 348px;font-family: 'Noto Sans Kr';}
.footer .fmenu{height:80px;}
.footer .fmenu a{margin-right:20px;}
.footer .fmenu a:not(:last-child)::after{
  content:'';
  display:inline-block;
  margin-left:20px;
  width:1px;
  height:10px;
  background:#eeeeee;
}
.footer .fmenu .cms{font-weight:bold; color:#052460}
.footer .biz-info{margin-top:30px;}
.footer .biz-info .biz-name{font-size:15px;}
.footer .biz-info .biz-cont .info .item{font-size:14px;font-weight:300;margin-right: 20px;}
.footer .biz-info .biz-cont .info .item em{font-weight:400; color:#111921}
.footer address{font-weight:300;color:#757575;}
.footer *{font-family:'Noto Sans Kr'}

/* Header내 Footer 영역 */
.footer:before {content: '';position: absolute;left: 0;top: 79px;right: 0;height: 1px;background: #eee;}
.footer .inner, .footer .fmenu {box-sizing: border-box;}
.footer .fmenu{width:100%;}
.footer .external-link {position:absolute;/* left:0; */right:0;top: 0;z-index:190;}
.footer .link-group .g-toggle:after{width:19px;height:19px;background:url(../images/common/plus.png) no-repeat center / 19px;}
.footer .link-group .g-toggle.active::after{transform: translateY(-50%) rotate(45deg);}
.footer .link-group {position:absolute;top: 19px;height: 40px;color: #5C5C5C;font-size: 13px;border-radius: 4px;background: #F5F5F5;border: 1px solid #EEEEEE;}
.footer .link-group .subj {display:block;width:100%;height:100%;line-height: 40px;padding:0 20px;text-align:left;font-weight: 400;}
.footer .link-group .list {display: none;position:absolute;left:0;right:0;bottom: 52px;padding: 8px 0px 8px;margin-bottom:1px;background:#fff;font-size:0;color:#000;overflow:hidden;border: 1px solid #EFEFEF;border-radius: 10px;}
.footer .link-group .list li {display:inline-block;width: 100%;padding: 5px 0px 5px 18px;vertical-align:top;box-sizing:border-box;}
.footer .link-group .list li a {display:inline-block;font-size: 12px;line-height:20px;height: 20px;letter-spacing: -0.02em;color: #111921;position: relative;}
.footer .link-group .list li a:hover{text-decoration-line: underline;}
.footer .link-group .list li a:active{text-decoration-line: underline;}
.footer .link-group .list li a span {display: table-cell;height: 20px;vertical-align: middle;}
.footer .ttl {font-size: 12px;font-weight: bold;color: #111921;position: relative;margin-top: 10px;}
.footer strong {font-size: 12px;display: inline-block;vertical-align: top;line-height: 20px;margin-right: 9px;}
.footer .mid strong{font-size: 14px;}
.footer .link-group .list li a span.link::after{content: '';display: inline-block;margin-left: 4px;width: 10px;height: 10px;background: url(../images/main-brand/Component.png) no-repeat center / contain;}
.footer .link-group .group { padding:11px 0 18px; border-top:1px solid #f0f0f0; }
.footer .link-group ul.group:first-child { border-top:0; padding-top:0; }
.footer .link-group ul.group:first-child a { font-size:14px; font-weight:bold; color:#000; }
.footer .link-group ul.group:first-child .irg { margin-bottom:4px; }
.footer .link-group .group dt { font-size:14px; font-weight:bold; color:#000 !important; }
.footer .link-group .group dt.full { display:block; width:auto; margin-bottom:3px; }
.footer .link-group .group dt, .header .link-group .group dd, .header .link-group .group li { display:inline-block; width:50%; margin-top:6px; font-size:14px; color:#666; vertical-align:top; box-sizing:border-box; }
.footer .link-group .group dd.single, .header .link-group .group li.single { width:100%; }
.footer .link-group.familysite {right:42px;width: 208px;}
.footer .link-group.other {right: 262px;width: 208px;}
.footer .sns {position:absolute;right:42px;top: 179px;width:280px;font-size:0;text-align:right;}
.footer.newF .sns a, .header.portal .sns a { display:inline-block; width:40px; height:40px; padding:8px 0; text-align:center; background:#AAB3BE; border-radius:40px; box-sizing:border-box; }
.footer .sns a{ display:inline-block; width:40px; height:40px; padding:11px 0; text-align:center; background:#dedede; border-radius:40px; box-sizing:border-box; }
.footer .sns a + a {margin-left: 16px;}
.footer.newF .sns .irg, .header.portal .sns .irg{width:24px;height:24px;background-position: center;background-size: 38px;}
.footer.newF .sns .irg.ig-sns-ig,.header.portal .sns .irg.ig-sns-ig { background-image:url(../images/common/insta.svg)}
.footer.newF .sns .irg.ig-sns-fb,.header.portal .sns .irg.ig-sns-fb { background-image:url(../images/common/facebook.svg) }
.footer.newF .sns .irg.ig-sns-bg,.header.portal .sns .irg.ig-sns-bg { background-image:url(../images/common/blog.svg) }
.footer.newF .sns .irg.ig-sns-yt,.header.portal .sns .irg.ig-sns-yt { background-image:url(../images/common/youtube.svg) }
.footer.newF .sns .irg.ig-sns-cf,.header.portal .sns .irg.ig-sns-cf { background-image:url(../images/common/naverblog.svg) }

.footer .fmenu .cms{display:inline;}
.footer .mCSB_horizontal > .mCSB_container{padding-bottom:0!important;}
.footer .mCSB_horizontal .mCSB_scrollTools.mCSB_scrollTools_horizontal{visibility: hidden;}

@media all and (min-width:1684px) {
  .footer:before{top:79px}
  .footer .sns { right:0; }
  .footer .link-group.familysite { right:0; }
  .footer .link-group.other {right:220px;}
}
@media all and (max-width:1280px){
  .footer{padding: 0 24px;}
  .footer .link-group.familysite{right:0;}
  .footer .link-group.other{right: 220px;}
  .footer .sns{right:0;}
}
@media all and (max-width:1280px){
  .footer .fmenu .mid{max-width:320px;}
  .footer .fmenu .mid a {margin:2px 3px 2px 0;letter-spacing:-0.02em;}
  .footer .fmenu a:not(:last-child)::after {margin-left: 7px;}
  .footer strong {margin-right:0px;}
}
@media (max-width: 1125px){
  .footer{padding:0 24px; height: auto;}
  /* .footer::before{top:103px}  
  .footer .fmenu a{margin-bottom:10px;margin-right: 14px;} */
  .footer .biz-info .biz-cont .info{width:500px;}
  /* .footer .link-group{top:0;} */
}
@media screen and (max-width: 767px){
  .footer  {background:#FAFBFC;height: auto;padding: 14px 0px 0;font-size:11px;}
  .footer::before{display:none;}
  .footer .fmenu{font-size:11px;height:65px;margin: 0;}
  .footer .mid strong{font-size: 11px; line-height: 18px; margin-right: 0px;}
  .footer .fmenu .mid{display: block;margin: 0 auto;max-width:320px;}
  .footer .fmenu .mid > a + a::before{display:none;}
  .footer .fmenu .cms a:first-child{display:inline;}
  .footer .fmenu a{margin-right:10px}
  .footer .fmenu a:nth-child(4){margin-right: 0px; }
  .footer .fmenu a:not(:last-child)::after{margin-left:10px;}
  .footer address{font-family:'Roboto';font-size: 10px;font-weight: 500;color: #9E9E9E;}
  .footer .biz-info .biz-name button{font-size:11px;}
  .footer .ig-arr-2:after{background:url(../images/main-brand/dropdown.png) no-repeat center / contain;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease;width:20px; height:12px;margin: 0 0 2px -2px;}
  .footer .biz-info{margin-top:14px;border-top:1px solid #E5E5E5; padding-top:6px;}
  .footer .biz-info .biz-cont .info{width:auto;}
  .footer .external-link{display:none;}
  .footer .biz-info .biz-name{padding-bottom:10px;}
  .footer .biz-info .biz-cont{
    background-color:#ffffff;
    border-top:1px solid #e5e5e5;
    font-weight:400;
    margin:0;
  }
  .footer .biz-info .biz-cont .info .item{
    font-size: 12px;
    -webkit-transform:scale(0.9);
  }
  .footer .biz-info .biz-cont .info .item em{
    margin-left:0;
  }
  html.mobile .footer .swipe-initialized .swipe-cont{overflow: visible;}
  .footer .awards .mid{
    font-size:10px;
    line-height:13px;
    -webkit-transform:scale(0.8);
    margin-left:-8px;
  }
  .footer .awards .ig-awards-5 .mid{margin-left:-18px;}
  .footer .awards .item{
    margin-right:0px;
  }
  /*.ig-awards-1:before, .ig-awards-2:before,.ig-awards-3:before,.ig-awards-4:before,.ig-awards-5:before{*/
  /*  width:16px;*/
  /*  height:16px;*/
  /*}*/
  .footer .biz-info.dropdown-show .ig-arr-2:after{-webkit-transition:-webkit-transform 0.3s ease; transition:transform 0.3s ease;-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
}

/*퀵네비*/
.quickNav {width: auto; height: auto; position: fixed; bottom: calc(30px + env(safe-area-inset-bottom)); right: 50px; border-radius: 12px 0 0 12px; z-index: 102;}
.quickNav .Qright > li {width: 56px; height: auto;font-size: 15px;color: #111921;border-radius: 60px;margin-top: 10px;}
.quickNav .Qright > li button{display: flex;width: 100%; height: 56px; align-items: center; justify-content: center;}
.quickNav .Qright > li.shareLi{background: #111921;}
.quickNav .Qright > li.edu-case{background: #00BABB;}
.quickNav .Qright > li.topLi{background: #ffffff;}
.quickNav .Qright li span{white-space: nowrap;font-size: 1px;overflow: hidden;text-indent: -999px;color: transparent;line-height: 0;}
.quickNav .Qright li .share-btn{background: url(../images/common/Q-share.png) no-repeat center / 45%;}
.quickNav .Qright li .edu-btn{background: url(../images/common/Q-building.png) no-repeat center / 45%;}
.quickNav .Qright li .top-btn{background: url(../images/common/top_btn.svg) no-repeat center / contain;}
.quickNav .Qright li .shareUl{padding-top: 6px;margin-bottom: -6px;display: none;}
.quickNav .Qright li .shareUl button{ height: 45px;}
.quickNav .Qright li .shareUl .Qfacebook{background: url(../images/common/Q-facebook.png) no-repeat center / 45%;}
.quickNav .Qright li .shareUl .Qblog{background: url(../images/common/Q-blog.png) no-repeat center / 45%;}
.quickNav .Qright li .shareUl .Qband{background: url(../images/common/Q-band.png) no-repeat center / 45%;}
.quickNav .Qright li .shareUl .Qkakao{background: url(../images/common/Q-kakaostory.png) no-repeat center / 45%;}
.quickNav .Qright li .shareUl .Qlink{background: url(../images/common/Q-link.png) no-repeat center / 45%;}
.quickNav .Qright li .shareUl .Qlink .tooltip{font-size: 10px; color: #000000; border: 1px solid #000000; font-weight: bold; background-color: #ffffff; padding: 5px 12px; border-radius: 4px;position: relative; top: -25px; line-height: 10px; display: none;font-family:'맑은 고딕','Malgun Gothic','돋움',dotum, sans-serif !important;}
.quickNav .Qright li .shareUl .Qlink .tooltip.on{background: #25468E; color: #ffffff; border-color: #25468E;display: block;}
@media (hover: hover) {
  .quickNav .Qright li .shareUl .Qlink:hover .tooltip{display: block;}
}

.quickNav .edu-select .edu-inner { font-family: 'Noto Sans KR';}
.quickNav .edu-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px!important;}
.quickNav .edu-select { position: absolute; left: -630px; top: -255px; z-index: 3; width: 620px; padding-bottom: 0; background: #fff; overflow: unset; border-radius: 20px; box-shadow: 0px 1px 15px 0px rgb(0 0 0 / 20%);}
.quickNav .edu-select .nearest { position: absolute; left: 0; right: 0; bottom: 0;}
.quickNav .edu-select .nearest a { display: block; height: 60px; line-height: 60px; padding: 0; color: #fff; font-size: 15px; font-weight: bold; background: #052460;
  text-align: center; border-radius: 0 0 20px 20px;}
.quickNav .edu-select .subj { padding: 36px 0px 23px 50px; color: #111921; font-size: 18px; font-weight: bold; text-align: left;}
.quickNav .edu-select .subj small { display: block; margin: 8px 0 0; font-weight: 400; color: #666666; font-size: 14px;}
.quickNav .ig-zone:before { background-image: url(../images/Nbrand/i_select.png); background-position: center; width: 24px; height: 24px; margin: -4px 4px 0 0;}
.quickNav .ig-edu:before { background-image: url(../images/Nbrand/i_academy.png); background-position: center; background-size: contain; width: 24px; height: 24px; margin: -4px 4px 0 0;}
.quickNav .edu-select .list .option:hover, .quickNav .edu-select .list .option:focus { border-color: #111921;}
.quickNav .edu-select .list .option.selected { border-color: #111921; background: #111921; color: #fff; font-weight: 700;}
.quickNav .edu-select .ico-txt-6 { display: inline-block; width: 16px; height: 16px; color: #fff;
  line-height: 1.5; background: url(../images/Nbrand/New.png) no-repeat center / contain; text-align: center; border-radius: 100%; box-sizing: border-box; vertical-align: middle; margin: -2px 0 0 2px;}
.quickNav .edu-select .list .option:before {  display: none;}
.quickNav .edu-select .close { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px;
  font-size: 1px; overflow: hidden; text-indent: -100px; white-space: nowrap; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.quickNav .edu-select .close:before { content: ''; position: absolute; left: 50%; top: 50%; width: 24px; height: 2px; background: #000; -webkit-transform: translate(-50%,-50%) rotate(0); transform: translate(-50%,-50%) rotate(0); border-radius: 20px;}
.quickNav .edu-select .close:after {content: '';position: absolute; left: 50%; top: 50%; width: 24px; height: 2px; background: #000; -webkit-transform: translate(-50%,-50%) rotate(-90deg); transform: translate(-50%,-50%) rotate(-90deg); border-radius: 20px;}
@media screen and (max-width:767px) {

  .quickNav {right: 12px;}
  .quickNav .Qright > li {width: 34px;margin-top: 5px;}
  .quickNav .Qright > li button{height: 34px;}
  .quickNav .Qright li .shareUl{padding-top: 3px;margin-bottom: -3px;}
  .quickNav .Qright li .shareUl button{ height: 30px;}
  .quickNav .Qright li .shareUl .Qlink .tooltip{ padding: 2.5px 6px; border-radius: 2px;position: relative; top: -15px;}

  /* 팝업 */
  .quickNav .edu-select { position: absolute;left: -0px;top: -0px;z-index: 3;width: 245px;padding-bottom: 0;background: #fff;overflow: hidden;border-radius: 20px;box-shadow: 0px 1px 15px 0px rgb(0 0 0 / 20%);  }
  .quickNav .edu-select .nearest a {height: 50px;line-height: 50px;}
  .edu-select .edu-inner {position: absolute;left: 0;right: 0;bottom: 0;padding: 20px 16px 50px; text-align: center; background: #fff; height: 100%; border-radius: 20px;}
  .header.opend-edu .quickNav .edu-select {opacity: 1; left: -255px; height: 372px; bottom: 0;top: auto;}
  .header .edu-inner:before { display: none;}
  .quickNav .edu-select .close { top: 5px;}
  .quickNav .edu-select .list {height: 145px; padding: 0; overflow: hidden;}
  .quickNav .edu-select .subj { padding: 0;}
  .quickNav .edu-select .edu { margin:  0;}
  .quickNav .edu-select .zone { margin: 0;}
  .quickNav .edu-select .subj small { display: none;}
  .quickNav .fm-sel-3 { height: 40px; padding: 0 42px 0 17px; font-size: 14px; color: #111921; line-height: 39px; border: 1px solid #ddd; border-radius: 3px; background: #fff url(../images/Nbrand/sel_mo_i.png) right 13px center no-repeat; background-size: 9px 9px; box-sizing: border-box; margin-bottom: 15px; margin-top: 7px;}
  .quickNav .fm-sel-3.placeholder { background-image: url(../images/Nbrand/sel_mo_i.png); color: #bbbbbb;}
  .quickNav .edu-select .close:before { width: 20px;}
  .quickNav .edu-select .close:after { width: 20px;}
  .quickNav .mCSB_vertical > .mCSB_container { padding-right: 0px;}
  .quickNav .edu-select .edu .list ul{ display: flex; flex-wrap: wrap;}
  .quickNav .edu-select .edu .list ul li{ width: calc(100% / 2); text-align: left; line-height: 30px;}

}

/* sub page new */
.container.portal{font-family: 'Noto Sans KR'}
.portal .card-list .card-item .cap{color:#00BABB}


.navB.cn {width: 100%;height: 52px;margin: 60px 0;display: flex;justify-content: center;background-color: #ffffff;-webkit-transition: top .4s ease;
  transition: top .4s ease;z-index: 8;}
.navB.cn ul li {width: 120px;height: 100%;line-height: 52px;float: left;text-align: center;}
.navB.cn ul li a {width: 120px;color: #111921;font-size: 17px;font-weight: bold;display: block;}
.navB.cn ul li.active a{color: #00BABB;}
.navB.cn ul li.active a::after{content: ""; display: block; width: 100%; height: 2px; background: #00BABB;}
.fixed2 { position: fixed;left: 0;top: 61px; background-color: #ffffff; display: flex; justify-content: center; width: 100%; z-index: 9; transition: all 1s;}
@media print, all and (max-width:1024px){
  .navB.cn ul{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}
  .navB.cn ul li{width:auto;flex: 1 1 auto;}
  .navB.cn ul li a{width:auto;}
}
@media screen and (max-width:767px) {
  .tapM.mt70{margin-top: 34px;}
  .tapM{margin-top: 80px}
  /*.lnb.fixed +.tapM{margin-top: 118px}*/
  .lnb.fixed +.tapM.mt70{margin-top: 70px}
  /*.header.portal.fixed.is-lnb {*/
  /*  !*position: fixed;*!*/
  /*  top: 0;*/
  /*  -webkit-transition: top .4s ease;*/
  /*  transition: top .4s ease;*/
  /*}*/
  .header.portal.fixed.close-all.is-lnb.mini {
    top: -49px;
  }
  .navB.cn{ height: 42px; margin: 0px; position: fixed;left: 0; top: 86px}
  /*.lnb .navB.cn{display:block;}*/
  .navB.cn ul{width: 100%;border-bottom: 1px solid #E0E0E0;}
  .navB.cn ul li { width: calc(100% / 3 - 0.01px); line-height: 38px;}
  .navB.cn ul li a {display:inline-block;font-size: 14px; font-weight: 700;background-color: #ffffff;}
  .navB.cn ul li.active a::after { position: relative; bottom: -1px;}
  .lnb.fixed.mini + .contents .navB.cn{top: 37px; }
  .lnb.fixed.scroll-up + .contents .navB.cn {top: 86px;}
  .lnb.mini .navB.cn{top:70px;}
  .portal .lnb.mini .navB.cn { top:49px; }
  
  /*.portal .lnb{*/
  /*  !*height:auto;*!*/
  /*  margin-bottom:15px;*/
  /*  !*margin-bottom:0px;*!*/
  /*  top: 0}*/
  .portal .lnb.has-sub{margin-bottom: 0}
  .portal .lnb.has-sub.fixed{padding: 0}
  /*.portal .lnb.fixed{padding-top: 50px;}*/
  /*.portal.mapCon .lnb{top: 50px;}*/
}

.container.portal .paging .num a.active, .paging .num .active{background-color: #00BABB;}
.no-controls .slick-controls{display:none;}
.tit-h22{margin:60px 0 24px; color:#000000; font-size:22px; font-weight:bold;}
.table-sec.mo-hide{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.table-sec{
  display:none;
}
.table-sec *{font-family:'Noto sans kr';}
.table-wrap{
  width:100%;
  overflow:hidden;
  border-radius:5px 5px 0 0;
}
.table-wrap:not(:last-child){
  margin-right:24px;
}
.class-info {
  table-layout: auto;
  width: 100%;
}
.class-info thead{
  color:#ffffff;
  line-height:43px;
  border-radius:5px 5px 0 0;
  background-color: #052460;
  font-size:16px;
}
.class-info tr{border-bottom:1px solid #eeeeee;}
.class-info td{
  padding:0 20px;
  height:55px;
  font-size:15px;
  font-weight:400;
  color:#000000;
}
.class-info td:last-child{text-align: center;}
.class-info td:not(:last-child){border-right:1px solid #eeeeee;}
.class-info td:first-child{font-weight:bold;}
.class-info .center{text-align:center;}
.class-info .num{font-family:'Roboto'}
.class-info a.btnblack {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 38px;
  border: 1px solid #111921;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50px;
  color: #111921;
  transition:.3s;
}
.class-info .btnblack:hover,
.class-info .btnblack:focus{background-color:#111921; color:#ffffff;}

@media all and (max-width:1100px) {
  .header.portal .gnb-nav > ul > li:first-child .sub {transform: translateX(calc(-50% + 300px));}
  .header.ig .gnb-nav > ul > li:first-child .sub {transform: translateX(calc(-50% + 60px));}
  .header.portal .gnb-nav > ul > li:first-child .sub li {margin:0 20px;}
  .header.portal .gnb-nav > ul > li:first-child .sub .sub-depth3 {left:8px;}
}
@media screen and (max-width:1024px) {
  .table-wrap:not(:last-child){margin-right:12px;}
}
@media screen and (max-width:960px) {
  .header.portal .gnb-nav > ul > li:first-child .sub {transform: translateX(calc(-50% + 260px));}
  .header.portal .gnb-nav > ul > li:first-child .sub li {margin:0 16px;}
  .header.ig .gnb-nav > ul > li:first-child .sub {transform: translateX(calc(-50% + 60px));}
  .header.portal .gnb-nav > ul > li .sub li a {font-size:15px;letter-spacing:-0.02em;}
  .header.portal .gnb-nav > ul > li:first-child .sub .sub-depth3 {left:3px;}
}
@media screen and (max-width:888px) {
  .header.portal .gnb-nav > ul > li:first-child .sub {transform: translateX(calc(-50% + 220px));}
  /* .header.portal .gnb-nav > ul > li:first-child .sub li {margin:0 6px;} */
}
@media screen and (max-width:767px) {
  .table-sec{display:-webkit-box; display:-ms-flexbox; display:flex;}
  .table-sec.mo-hide{display:none;}
  .tit-h22{font-size:18px; margin: 33px 0 20px;}
  .table-sec{display:block;}
  .table-wrap{width:100%;}
  .table-wrap:first-child{ border-top:1px solid #e9e9e9;}
  .table-wrap:last-child{border-radius:0 0 5px 5px; border-bottom:1px solid #e9e9e9;}
  .table-sec thead{display:none;}
  .table-sec td:first-child{background:#052470; color:#ffffff;}
  .class-info{table-layout: fixed;}
  .class-info td:first-child{font-weight:300; width:125px;font-size:13px;}
  .class-info td{ height:43px;font-weight:300; text-align:center;box-sizing:border-box;padding:5px 10px; font-size:11px; font-weight:400;}
  .class-info td:not(:last-child){border-right:none;}
  .class-info tr{border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
  .table-wrap:last-child .class-info tr:last-child{border-bottom:none;}
  .class-info a.btnblack {
    width: 90px;
    height: 26px;
    line-height: 24px;
    font-size: 11px;
    margin: 5px 0 3px;
  }
  .footer .scrollwrap{
    width:100%;
    height:26px;
    overflow:hidden;
  }
  .footer .scrollwrap .group{
    width:100%;
    height:48px;
    overflow-x:scroll;
    -webkit-overflow-x:scroll;
  }
}
.map-search > div > div> div > div:nth-child(3)> div:nth-child(3)>div>div>div{height: auto !important;bottom: -9px !important;}