@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,300,400,500,700,900|Vidaloka&display=swap&subset=korean');
/*@import url("https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");*/

/*------------------------------------------------------------------
	00. CSS Reset
-------------------------------------------------------------------*/

/* ::-webkit-scrollbar,
::-webkit-scrollbar-button,
::-webkit-scrollbar-thumb:window-inactive,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {-webkit-appearance:none; display:none;} */

* {margin:0; padding:0; box-sizing:border-box; letter-spacing:-0.05em; word-spacing:-0.04em; /* white-space:nowrap; */}
html { overflow-x: hidden;}
body {margin: 0;}
html, body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
caption {display: none;}
a {background: transparent;}
a:active, a:hover {outline: 0; text-decoration:none;-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
abbr[title] {border-bottom: 1px dotted;}
b, strong, th {font-weight: 500;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; max-width: none;}
svg:not(:root) {overflow: hidden;}
ol, ul, li {list-style:none}
label, button {cursor:pointer; vertical-align:middle;}
label {margin-left:5px;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 0; margin: 0; padding: 0;}
legend {border: 0; padding: 0; }
textarea {overflow: auto; resize: vertical;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all;}



/*------------------------------------------------------------------
	01. Typography
-------------------------------------------------------------------*/

body {font-family:"Noto Sans KR", "sans-serif", "dotum", "돋움", "gulim", "굴림", "Arial", "AppleGothic", "verdana", "helvetica"; font-size:13px; letter-spacing:-0.05em; line-height:1.6; font-weight:400; color:#333; margin:0; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; font-weight: 500; color:#333;}
h1 {font-size: 2.4rem;}
h2 {font-size: 2.2rem;}
h3 {font-size: 2rem;}
h4 {font-size: 1.8rem;}
h5 {font-size: 1.6rem;}
h6 {font-size: 1.4rem;}
p {margin-top: 0;}
a {color: inherit;}
a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none;}
body, input, textarea, button, select, label, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* blockquote {background: #f9f9f9; padding: 20px;} */
/*input, textarea, button, select, label {font-family:'Noto Sans Korean', sans-serif, dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, helvetica;}*/
/* input, textarea, select, fieldset {margin-bottom: 1.5rem;} */
/* pre, blockquote, dl, figure, table, p, ul, ol, form {margin-bottom: 2.5rem;} */
/* hr {margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1;} */

.txtAlCen {text-align:center;}
.txtAlLef {text-align:left;}
.txtAlRig {text-align:right;}

.fontwt100 {font-weight:100;}
.fontwt200 {font-weight:200;}
.fontwt300 {font-weight:300;}
.fontwt400 {font-weight:400;}
.fontwt500 {font-weight:500;}
.fontwt600 {font-weight:600;}
.fontwt700 {font-weight:700;}

.fontsize7 {font-size:7pt;}
.fontsize8 {font-size:8pt;}
.fontsize9 {font-size:9pt;}
.fontsize10 {font-size:10pt;}
.fontsize11 {font-size:11pt;}
.fontsize12 {font-size:12pt;}
.fontsize13 {font-size:13pt;}
.fontsize14 {font-size:14pt;}
.fontsize15 {font-size:15pt;}




/*------------------------------------------------------------------
	02. Colors & Backgrounds
-------------------------------------------------------------------*/

::selection {background:#002882; color:#FFF; text-shadow:none;}
::-moz-selection {background:#002882; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#002882; color:#FFF; text-shadow:none;}

.colorfff {color:#ffffff;}
.color000 {color:#000000;}
.color343434 {color:#343434;}
.color004eff  {color:#004eff;}
.colorff0000 {color:#ff0000;}
.color011a4d {color:#011a4d !important;}
.color194697 {color:#194697; }

.bgColora06c10 {background:#a06c10;}

.transparent {background-color: transparent !important;}
.no-shadow {box-shadow: none;}
.z-depth-0{box-shadow:none !important}
.z-depth-1{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}
.z-depth-1-half{box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}
.z-depth-2{box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}
.z-depth-3{box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3)}
.z-depth-4{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3)}
.z-depth-5{box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3)}

.comShdw {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}

/*------------------------------------------------------------------
	03. Animations
-------------------------------------------------------------------*/

.animated {-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.fadein {-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s;}
.fadeinup {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.fadeindown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.fadeinright {-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.bouncein {-webkit-animation-name: bounceIn; animation-name: bounceIn;}
.delay-1 {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay-2 {-webkit-animation-delay: 0.25s; animation-delay: 0.25s;}
.delay-3 {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay-4 {-webkit-animation-delay: 0.55s; animation-delay: 0.55s;}
.delay-5 {-webkit-animation-delay: 0.45s; animation-delay: 0.45s;}
.delay-6 {-webkit-animation-delay: 0.95s; animation-delay: 0.95s;}

.ani {
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}


.hoverEfct {-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.hoverEfct:hover {box-shadow: 0 8px 8px rgba(1,67,163,.24),0 0 8px rgba(1,67,163,.12),0 6px 18px rgba(43,133,231,.12); transform: translate3d(0,-2px,0);}



/*------------------------------------------------------------------
	04. Input & Form Elements
-------------------------------------------------------------------*/

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date],
input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search] {font-size: 13px; padding-left: 5px;}

input[type='textarea'], textarea {width:100%; font-size:13px; margin:0; border:1px solid #ddd; color:#333; background:#fff; padding:5px; vertical-align: middle;}
input[type='checkbox'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; cursor:pointer; vertical-align:middle; -webkit-appearance:none; -webkit-border-radius:3px; padding:0; border:0 0/IE8+9; margin-top:0; margin-top:2px 0/IE8+9;}
input[type='checkbox']:checked {background:#fff; border:solid 1px #c9c9c9; border:0 0/IE8+9;}
input[type='checkbox']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:0px;}
input[type='radio'] {cursor:pointer;background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; vertical-align:middle; -webkit-appearance:none; -webkit-border-radius:10px; padding:0; border:0 \0/IE8+9; margin-top:0; margin-top:2px \0/IE8+9;}
input[type='radio']:checked {background:#fff; border:solid 1px #c9c9c9; border:0 \0/IE8+9;} 
input[type='radio']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:5px;} 


/* CheckBox Style 빨간사각*/
input[type="checkbox"].redRec {
display:inline-block;
width:18px;
height:18px;
vertical-align:middle;
background:#fff;
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
border:1px solid #ccc;
}

input[type="checkbox"].redRec:checked {
display:inline-block;
width:18px;
height:18px;
vertical-align:middle;
background:url("/mobile/renewal/img/common/checkbox_checked.png");
background-size:100%;
background-repeat:no-repeat;
background-position:center center;
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
border:none;
}


/* SelectBox Style */
select {height:29px; font-size:13px; margin:0; color:#333; padding-left:5px; vertical-align:middle; min-width:76px; box-sizing:border-box; border:1px solid #e4e4e4; font-family: inherit; border-radius: 0px;}

/* SelectBox Style */
/* select {height:40px; font-size:10pt; margin:0; color:#353535; padding-left:8px; padding-right:30px; vertical-align: middle; min-width:40px; box-sizing:border-box;
background: url("/mobile/renewal/img/common/select_arrow.png") no-repeat right center; 네이티브 화살표 대체  
background-size:auto 100%;
border:1px solid #c6c6c6;
font-family: inherit;  폰트 상속
border-radius: 0px; iOS 둥근모서리 제거
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} */


input[type='text'], input[type='password'], input[type='name'], input[type='tel'], input[type='search'] {
height:29px; font-size:13px; margin:0; color:#333; background:#fff; padding:0 5px; vertical-align: middle; width:76px; box-sizing:border-box;
background-size:auto 100%;
border:1px solid #e4e4e4; 
font-family: inherit;  /* 폰트 상속 */
border-radius: 0px; /* iOS 둥근모서리 제거 */
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
}

input.fullwidth {width:288px;}
span.telBar {display:inline-block; width:26px; vertical-align:middle; text-align:center; font-size:30px; margin-top:-7px; color:#797979;}

textarea {
color:#353535;
box-sizing:border-box;
border:1px solid #c6c6c6;
font-family: inherit;  /* 폰트 상속 */
border-radius: 0px; /* iOS 둥근모서리 제거 */
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
padding:10px;
}




/*------------------------------------------------------------------
	05. Margin&padding
-------------------------------------------------------------------*/

.borBox {box-sizing:border-box;}
.conBox {box-sizing:content-box;}

.posiFix {position:fixed;}
.posiAb {position:absolute;}
.posiRel {position:relative;}

.floatL {float:left;}
.floatR {float:right;}
.clearfix {clear:both;}

.txtdot {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.m0 {margin: 0 !important;}
.m10 {margin: 10px !important;}
.m15 {margin: 15px !important;}
.m20 {margin: 20px !important;}
.m30 {margin: 30px !important;}
.m40 {margin: 40px !important;}
.m50 {margin: 50px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.p0 {padding: 0 !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
.p40 {padding: 40px !important;}
.p50 {padding: 50px !important;}
.pb0 {padding-bottom: 0px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb140 {padding-bottom: 140px !important;}
.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt70 {padding-top: 70px !important;}
.pt300 {padding-top: 300px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}
.pr0 {padding-right: 0px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}

.top0 {top:0px !important;}
.top45 {top:45px !important;}
.top60 {top:60px !important;}
.right0 {right:0px !important;}
.right55 {right:55px !important;}
.left0 {left:0px !important;}
.left10 {left:10px !important;}
.left20 {left:20px !important;}
.bottom0 {bottom:0px !important;}

.bordTnon {border-top:none !important;}
.bordBnon {border-bottom:none !important;}
.bordLnon {border-left:none !important;}
.bordRnon {border-right:none !important;}

.vtaT {vertical-align:top;}
.vtaM {vertical-align:middle;}
.vtaB {vertical-align:bottom;}

.width100 {width:100%;}
.height100 {height:100%;}
.line100 {line-height:100%;}
.line110 {line-height:110%;}
.line120 {line-height:120%;}
.line130 {line-height:130%;}
.line140 {line-height:140%;}
.line150 {line-height:150%;}
.line160 {line-height:160%;}



/*------------------------------------------------------------------
	06. Layout
-------------------------------------------------------------------*/




#wrap {width:100%; overflow:hidden; position:relative;}
.container {width:1000px; height:100%; margin:0 auto; position:relative;}


/* GNB메뉴 */
#gnb {position:fixed; top:80px; left:0; width:100%; z-index:999; height:120px; background:rgba(255, 255, 255, 0.95);
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);}

#gnbTop {height:28px; position:relative;}
#gnbLocation {display:inline-block; height:28px;}
#gnbLocation li {display:inline-block; padding-right:12px;}
#gnbLocation li a {display:block; height:28px; width:46px; text-indent:-9999px;}
#gnbLocation li:first-child a {width:122px;}
#gnbLocation li:nth-child(1) a {background:url("/img/common/top_location_title.png") center center no-repeat;}
#gnbLocation li:nth-child(2) a {background:url("/img/common/top_location01_on.png") center center no-repeat;}
#gnbLocation li:nth-child(3) a {background:url("/img/common/top_location02_on.png") center center no-repeat;}
#gnbLocation li:nth-child(4) a {background:url("/img/common/top_location03.png") center center no-repeat;}
#gnbLocation li:nth-child(2).current a {background:url("/img/common/top_location01_on.png") center center no-repeat;}
#gnbLocation li:nth-child(3).current a {background:url("/img/common/top_location02_on.png") center center no-repeat;}
#gnbLocation li:nth-child(4).current a {background:url("/img/common/top_location03_on.png") center center no-repeat;}
#gnbRight {position:absolute; top:0; right:0; display:block; height:28px; background:#f4f5f7;}
#gnbRight li {display:inline-block; height:28px; line-height:28px; float:left; color:#8b909b; letter-spacing:-0.075em;; position:relative; font-family:'dotum'; padding:0 12px;}
#gnbRight li a {display:block; height:28px; line-height:28px; color:#8b909b; letter-spacing:-0.075em;}
#gnbRight li .gnbLine {position:absolute; display:block; width:1px; height:7px; right:0; top:50%; margin-top:-4px; background:#dbdfe7;}
#gnbRight li.gnbTopTuition {padding:0;}
#gnbRight li.gnbTopTuition a img {vertical-align:top;}
#gnbRight li .gnbCallnum {color:#1a408e; letter-spacing:0em !important; font-weight:bold;}
#gnbLogo {position:absolute; top:20px; left:0; display:block; width:180px; height:70px; background:url("/img/common/gnb_logo.png") center center no-repeat;}
#gnbLogo.bs {background:url("/img/common/gnb_logo.png") center center no-repeat;}
#gnbLogo h1 {line-height:92px; text-indent:-9999px; }
#gnbMenu {position:absolute; top:47px; right:0; height:73px;}
#gnbMenu > ul {display:block; height:73px;}
#gnbMenu > ul > li {float:left; position:relative; padding:24px 0; display:inline-block; height:73px;}
#gnbMenu > ul > li > a {display:block; padding:0 20px; height:25px; color:#150b13; font-size:14px; letter-spacing:-0.075em; font-weight:400;}
#gnbMenu > ul > li > a:hover {color:#1a408e;}
#gnbMenu > ul > li:last-child > a {padding:2px 0px 5px 20px !important;}
#gnbMenu > ul > li > ul {position:absolute; left:15px; top:50px; display:none; z-index:999; line-height:normal; border-bottom:1px solid #595959; width:164px; background:url("/img/common/gnbsub_bg.png") 0 0 no-repeat; padding-top:16px; padding-bottom:10px;}
#gnbMenu > ul > li > ul > li a {display:block; padding:6px 15px;line-height:normal; font-size:13px; color:#150b13 !important; letter-spacing:-0.045em; width:100%;}
#gnbMenu > ul > li > ul > li a:hover{color:#1a408e !important;}



.gnbMenu {position:absolute; top:47px; right:0; height:73px;} 
.gnbMenu > ul {display:block; height:73px;}
.gnbMenu > ul:after {content: ""; display: table;}
.gnbMenu > ul:after {clear: both;}
.gnbMenu > ul > li {float:left; position:relative; padding:24px 0; display:inline-block; height:73px;}
.gnbMenu > ul > li > a {display:block; padding:0 15px; height:25px; color:#150b13; font-size:14px; letter-spacing:-0.075em; font-weight:400;}
.gnbMenu > ul > li:last-child > a {padding:0px 0px 5px 20px !important;}
.gnbMenu > ul > li:hover > a {color:#1a408e;}
.gnbMenu > ul > li > ul {display:none; width:2000px; position: absolute; z-index: 99; top:100%; left:50%; height:43px; margin-left:-1000px; text-align:center;}
.gnbMenu > ul > li:before {content:""; display:none; position:fixed; top:200px; left:0; right:0; background:#272d3b; height:43px; z-index:99;}
.gnbMenu > ul > li:nth-child(2):before {height:86px !important;}
.gnbMenu > ul > li:nth-child(6):before {height:86px !important;}
.gnbMenu > ul > li:nth-child(7):before {height:86px !important;}

.gnbMenu > ul > li:hover > ul {display:block;}
.gnbMenu > ul > li:hover:before {display:block;}
.gnbMenu > ul > li > ul > li {display:inline-block;}
.gnbMenu > ul > li > ul > li > a {color: #fff; display: block; white-space: nowrap; padding:0 15px; height:43px; line-height:42px; text-align:center; font-size:13px;}
.gnbMenu > ul > li > ul > li > a:hover {color:#0ca0ea;}
.gnbMenu > ul > li:nth-child(1) > ul {position:fixed !important; top:200px; padding:0 300px 0 720px; height:86px; text-align:left !important;}
.gnbMenu > ul > li:nth-child(2) > ul {position:fixed !important; top:200px; padding:0 200px 0 785px; height:86px; text-align:left !important;}
.gnbMenu > ul > li:nth-child(1) > ul > li:first-child a,
.gnbMenu > ul > li:nth-child(2) > ul > li:first-child a {padding-left:10px !important;}
.gnbMenu > ul > li:nth-child(6) > ul {position:fixed !important; top:200px; padding:0 500px; height:86px; text-align:right !important;}
.gnbMenu > ul > li:nth-child(6) > ul > li:nth-child(6) a,
.gnbMenu > ul > li:nth-child(6) > ul > li:last-child a{padding-right:0 !important;}
.gnbMenu > ul > li:nth-child(7) > ul {position:fixed !important; top:200px; padding:0 500px; height:86px; text-align:right !important;}
.gnbMenu > ul > li:nth-child(7) > ul > li:nth-child(6) a,
.gnbMenu > ul > li:nth-child(7) > ul > li:last-child a{padding-right:0 !important;}



#topLocation {display:inline-block; height:35px; top:0; left:0;}
#topLocation li {display:inline-block; height:100%; float:left;}
#topLocation li a {display:inline-block; height:100%; line-height:35px; text-align:center; padding:0 13px; color:#c6cbd1; letter-spacing:0em;}
#topLocation li.current a {color:#fff; background:#1a408e;}
#topLocation li a:hover {color:#fff; background:#67d8ea;}

#topLocation li:first-child a {padding-right:20px; background:url("/img/common/top_location_arrow_on.png")no-repeat 92% center;}
#topLocation li:first-child.current a {background:#1a408e url("/img/common/top_location_arrow_on.png")no-repeat 92% center;}
#topLocation li:first-child a:hover {background:#1a408e url("/img/common/top_location_arrow_on.png")no-repeat 92% center;}
#topLocation li:first-child.current a:hover {background:#1a408e url("/img/common/top_location_arrow_on.png")no-repeat 92% center;}

/* 푸터 */
#footerBtn {padding-top:40px;}
#footerBtn ul {display:block; height:60px;}
#footerBtn ul li {display:block; width:255px; float:left; padding-right:20px;}
#footerBtn ul li:last-child {width:235px; padding-right:0;}
#footerBtn ul li a {display:block;}
#footerBtn ul li a img {display:block;}
#footerBanner {padding-top:20px; padding-bottom:42px;}
#footerBanner a {display:block; border:solid 1px #ddd; height:120px; overflow:hidden;}
#footer {background:#f8f9fa;}
#footer .container {padding:50px 0 50px 265px;}
#footer ul {display:block; margin-bottom:30px;}
#footer ul li {display:inline-block; padding:0 10px; position:relative;}
#footer ul li:after {content:""; display:block; width:1px; height:10px; background:#c5c5c5; position:absolute; right:0; top:50%; margin-top:-5px;}
#footer ul li:first-child {padding-left:0;}
#footer ul li:last-child {padding-right:0;}
#footer ul li:last-child span {color:#0051bf;}
#footer ul li:last-child:after {display:none;}
#footer ul li a {white-space:nowrap; font-size:13px; letter-spacing:-0.025em; color:#666;}
#footer ul li a span {display:inline-block; margin-left:3px; color:#0051bf;}
#footer p {letter-spacing:-0.025em; color:#888; font-size:11px;}
#footer address {font-style:normal; margin-top:15px;}
#footer .footerLogo {position:absolute; top:50%; left:0; margin-top:-18px; display:block; width:178px; height:36px; text-indent:-9999px; background:url("/img/common/footer_logo.png") 0 0 no-repeat;}
#footer .footerLogo.bs {background:url("/img/common/footer_logo_bs.png") 0 0 no-repeat;}



/* 오른쪽퀵메뉴 */
#rightQuick {position:absolute; top:200px; left: 50%; width: 100px; z-index: 10; margin-left: 540px;}
.rightAward {margin-bottom:13px;}
.rightMenu {border:solid 1px #ddd; border-bottom:none;}
.rightMenu li {display:block; border-bottom:solid 1px #ddd;}
.rightMenu li a {display:block; overflow:hidden;}
.rightMenu li a img {display:block;}
.rightFamilyTitle {position:relative; margin-top:10px;}
.rightFamilyArrow {position:absolute; bottom:-6px; left:50%; margin-left:-6px;}
.rightFamily {border:solid 1px #ddd; border-bottom:none;}
.rightFamily li {display:block; border-bottom:solid 1px #ddd;}
.rightFamily li a {display:block; height:31px; text-indent:-9999px;}
.rightFamily li:nth-child(1) a {background:url("/img/common/right_family01_on.jpg") center center no-repeat;}
.rightFamily li:nth-child(2) a {background:url("/img/common/right_family02.jpg") center center no-repeat;}
/* .rightFamily li:nth-child(3) a {background:url("/img/common/right_family03.jpg") center center no-repeat;} */
.rightFamily li:nth-child(3) a {background:url("/img/common/right_family04.jpg") center center no-repeat;}
.rightFamily li:nth-child(4) a {background:url("/img/common/right_family05.jpg") center center no-repeat;}
.rightFamily li:nth-child(5) a {background:url("/img/common/right_family06.jpg") center center no-repeat;}
.rightFamily li:nth-child(7) a {background:url("/img/common/right_family07.jpg") center center no-repeat;}

.rightFamily li:nth-child(1) a:hover {background:url("/img/common/right_family01.jpg") center center no-repeat;}
.rightFamily li:nth-child(2) a:hover {background:url("/img/common/right_family02_on.jpg") center center no-repeat;}
/* .rightFamily li:nth-child(3) a:hover {background:url("/img/common/right_family03_on.jpg") center center no-repeat;} */
.rightFamily li:nth-child(3) a:hover {background:url("/img/common/right_family04_on.jpg") center center no-repeat;}
.rightFamily li:nth-child(4) a:hover {background:url("/img/common/right_family05_on.jpg") center center no-repeat;}
.rightFamily li:nth-child(5) a:hover {background:url("/img/common/right_family06_on.jpg") center center no-repeat;}
.rightFamily li:nth-child(7) a:hover {background:url("/img/common/right_family07_on.jpg") center center no-repeat;}





/* 빠른수강료조회 */
.subTuition {border-top:solid 1px #8d98a3; position:relative; padding-bottom:40px;}
.subTuition:after,
.subTuition:before {content:""; display:block; width:5px; height:5px; background:#8d98a3; position:absolute; top:-3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.subTuition:after {left:0;}
.subTuition:before {right:0;}
.subTuitionTitle {padding-top:60px; padding-bottom:30px; text-align:center;}
.subTuitionTitle h3 {font-size:40px; letter-spacing:-0.075em; color:#3b4253; font-weight:300; line-height:1.0em;}
.subTuitionTitle p {font-size:17px; color:#91959f; font-weight:300; letter-spacing:-0.025em; line-height:1.0em; margin-top:20px;}


/* 수강료조회 */
#Div_Cousrse2 {color:#02b5d5;}
.tuitionTable {width:100%; font-size:15px;}
.tuitionTable tr {}
.tuitionTable tr th {line-height:1.4em; padding:16px 18px; height:62px; background:#eaf1ff; color:#333; font-size:14px; font-weight:400; border:solid 1px #ddd; letter-spacing: -1px;}
.tuitionTable tr td {line-height:1.4em; padding:16px 18px; height:62px; font-size:14px; border:solid 1px #ddd;}
.tuitionTable tr td ul {display:inline-block; width:100%;}
.tuitionTable tr td ul li {display:inline-block; float:left; padding:5px 0; width:100%; position:relative;}
.tuitionTable tr td ul.col10 li {width:10%;}
.tuitionTable tr td ul.col8 li {width:12.5%;}
.tuitionTable tr td ul.col6 li {width:16.6666666666%;}
.tuitionTable tr td ul.col5 li {width:20%;}
.tuitionTable tr td ul.col4 li {width:25%;}
.tuitionTable tr td ul.col3 li {width:50%;}
.tuitionTable tr td ul.col2 li {width:50%;}
.tuitionTable tr td ul.col1 li {width:100%;}

.tuitionDesc {font-size:15px; color:#2e3138; letter-spacing:-0.075em; line-height:20px; font-weight:300; padding-top:25px;}

.tuitionBtn {text-align:center; padding:40px 0;}
.btnType01 {
display:inline-block;
text-align:center;
padding:7px 0;
min-width:260px;
color:#fff;
font-size:20px;
border:solid 1px #333;
white-space:nowrap;
border-radius: 3px;
font-weight:400;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: #666666;
background: -moz-linear-gradient(top,  #666666 0%, #333333 100%);
background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%);
background: linear-gradient(to bottom,  #666666 0%,#333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
}

.privacyTxt {width:100%; height:92px; overflow-y:scroll; border:1px solid #ddd; color:#2e3138; padding:10px; line-height:1.5; background:#fff; letter-spacing:-0.075em; font-size:12px; line-height:17px;}
.privacyTxt h6 {font-size:12px;}
.privacyAgree {margin-top:20px; text-align:right;}
.privacyAgree label {color:#626262; font-weight:300; margin-left:10px;}
.privacyTable {text-align:center;}
.privacyTable th, .privacyTable td {padding: 5px;border: solid 1px #ddd;}

.privacyTable {text-align:center;word-break: break-all;margin-top: 7px;}
.privacyTable th, .privacyTable td {padding: 5px;border: solid 1px #ddd;}
.privacyAgree details {font-size:14px;margin-top:5px;color: #666;}
.privacyAgree summary {position:relative;padding-right:20px; list-style:none;cursor: pointer;}
.privacyAgree details .wrap {display:flex;}
.privacyAgree details .arrow {content: ""; display:block; width:10px; height: 10px; background: url(/img/common/icon-slider-next-gr.png) center center / contain no-repeat;position:absolute;right:0;top:7px;}
.privacyAgree details[open] .arrow {transform:rotate(90deg);}
#ex1.modal {height:300px;}
.currituitionPrvcy {height:98%;}
.privacyTxt {height:85%;}
.privacyAgree u {text-decoration: none;}
/* 수강료안내 */
.tuitionInfoBtn {font-size:11px; background:#f1f1f1; color:#c4c4ca; border:solid 1px #dfdfe0; border-radius:2px; padding:1px 2px; display:inline-block; margin-left:5px; margin-top:-2px;}
.tuitionInfoTable tr td {text-align:center;}


/* 공통게시판 */
.boardTable th {border-top:solid 2px #1a408e; border-bottom:solid 2px #1a408e; font-size:15px; padding:13px 0;}
.boardTable td {border-bottom:solid 1px #ddd; text-align:center; letter-spacing:0em; font-size:15px; padding:16px 0;}
.boardTable th.bhTd {font-weight:400;}
.boardTable th.bhTit {text-align:left; padding-left:0;}
.boardTable td.boardTit {text-align:left; padding-left:25px;}
.boardTable td.boardCont {padding:25px;}
.boardTable td.boardCont img{max-width: 100%;}
.bDetailBtn {position:relative; padding-top:20px;}
.bDetailBtn span,
.bDetailBtn a {display:inline-block; font-size:15px; padding:10px 40px; border:solid 1px #1a408e; color:#1a408e;}
.bDetailBtn span {cursor:default; opacity:.5;}
.bDetailBtn a {}
.bDetailBtn a:hover {background:#1a408e; color:#fff;}
.bDetailBtnR {display:inline-block; position:absolute; top:20px; right:0;}
.bDetailBtnR span,
.bDetailBtnR a {margin-left:5px;}

 
/* 페이징 */
.boardPaging {text-align:center; padding-top:40px;}
.boardPaging a {display:inline-block; width:23px; height:24px; line-height:24px; text-align:center; border:solid 1px #cac9c9; color:#777; font-size:11px;}
.boardPaging a.on {background:#1a408e; border:solid 1px #1a408e; color:#fff;}

.teacher_title{width:100%; float:left; font-size:20px; border-bottom:2px solid #333; padding-bottom:10px;}
.medal{background:#011a4d; text-align:center; height:80px; position:fixed; top:0; left:0;z-index:999; width:100%;} 


/* 221221 메인 항공계이동 */
.air-branch-wrap{position: absolute; top: 78px; left: 78px; width: 197px; margin-left: 20px; min-width: 197px;}
.air-branch {width:100%; display:flex; margin: 0 -3px;}
.air-branch > li {margin: 0 3px;}
.air-branch > li a {display: flex; align-items: center; padding:0 10px; height:25px;background:#f5f5f5;color:#949494;  border-radius:40px;font-size:12px;font-weight:700; margin-top: 10px;}
.air-branch > li.on a{background:#194697;color:#fff;}



/* 230427 수강료조회 리뉴얼 */
.tuitionTable-wrap {display: flex; justify-content: space-between;}
.tuition-left {width: 60%;}
.tuition-right {width: 36%;}

.tuition-left .tuitionBox {display: flex;}
.tuition-left .tuitionLeft{width: 65%;}
.tuition-left .tuitionRight{width: 38%;}

.tuition-left .ttTitle {display: flex; align-items: baseline;}
.tuition-left .tuitionForm h3 span, .ttTitle span {font-weight: 500; font-size: 16px; margin-left: 10px; color: #194697;}
.tuition-left .tuitionForm h3 {font-size: 24px; font-weight: 300; padding-bottom: 5px; padding-top: 5px; position: relative;}
.tuition-left .tuitionForm h3:before {content:''; display: block; background: #333; height: 2px; width: 30px; position: absolute; left: 0; top: 0;}
.tuition-left .tuitionForm h5 span {font-weight: 500; font-size: 16px; margin-left: 10px; color: #194697;}
.tuition-left .tuitionTab {display: flex; flex-wrap: wrap; margin: 0 -3px -5px;}
.tuition-left .tuitionTab li {position: relative; width: 25%; padding: 0 3px 5px; font-weight: 500; font-size: 16px; text-align: center; cursor: pointer;}
.tuition-left .tuitionTab li.on a {background: #194697; font-weight: 700; color: #fff;}
.tuition-left .tuitionTab li a{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 80px; width: 100%; background: #f7f7f7; border-radius: 10px; font-size: 14px; padding: 0 15px;} 
.tuition-left .tuitionTab li a span {font-weight: 400; font-size: 14px;}

.tuition-left .tuitionContWrap {padding-bottom: 30px;}
.tuition-left .ttTabContNote {border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 15px;}
.tuition-left .tuitionCont {display: none;}
.tuition-left .tuitionCont.on {display: block;}
.tuition-left .tuitionCont h6, .tuitionCont li{font-size: 16px;}
.tuition-left .tuitionCont:after {content:''; display: block; clear: both;}
.tuition-left .tuitionCont h6 {float: left; width: 100%; padding-bottom: 5px; color: #666;}
.tuition-left .tuitionCont li + h6 {padding-top: 10px;}
.tuition-left .tuitionCont li {float: left; width: 50%; font-size: 14px; border-bottom: 1px solid #ddd; margin-top: 15px; line-height: 30px;}
.tuition-left .tuitionCont.col03 li {width: 33.33%;}
.tuition-left .tuittion-subTit {width: 100% !important; border-bottom: 2px solid #194697 !important; font-weight: 600; color: #194697; font-size: 25px; text-align: left;}
.tuition-left input[type='checkbox']:checked:after {width: 100%; height: 100%; background-color: #194697; top: 0; left: 0; -webkit-border-radius: 2px;}

.tuition-right .tui-loc-wrap {background-color: #f7f7f7; padding: 15px; border-radius: 10px;}
.tuition-right table tbody{display: block;}
.tuition-right tr th {display: block; width: 100%; border: 0; background: transparent; padding: 0; padding-top: 30px; text-align: left; font-weight: 500; color: #194697; height: auto; padding-bottom: 10px;}
.tuition-right tr td {display: block; width: 100%; height: auto; border: 0; padding: 0; padding-top: 0px;}
.tuition-right .tuitionTable tr {display: block; width: 100%;}
.tuition-right .tuitionTable tr td ul li {width: 50%;}
.tuition-right .tuitionBtn {display: flex; justify-content: space-between; width: 100%; padding: 30px 0px 10px;}
.tuition-right .tuitionBtn .btnType01 {width: 100%; min-width: 0; font-size: 18px; border-radius: 10px; background: #194697;}
.tuition-right .tuitionBtn .btnType01.btnhalf {width: 49%;}
.tuition-right .privacyAgree {text-align: left; font-size: 11px;}
.tuition-right .privacyAgree label {font-size: 13px;}
.tuition-right span.telBar {width: 25px;}
.tuition-right select {border-radius: 7px;}
.tuition-right .tuitionDesc {font-size: 12px; padding-top: 10px;}

.tuition-right input[type='text'], input[type='password'], input[type='name'], input[type='tel'], input[type='search'] {border-radius: 7px; margin-bottom: 5px;}
.tuition-right input[type='tel'] {width: 28.3%;}
.tuition-right input[type='radio'] {border-radius: 3px; cursor:pointer;}
.tuition-right input[type='radio']:checked {border-radius: 3px; width: 16px; height: 16px; background-color: #194697; top: 0; left: 0;}
.tuition-right input[type='radio']:checked:after {display: none;}
.tuition-right select {width: 27%;}

.tuition-right #Div_Cousrse2 {display: flex; flex-wrap: wrap;}
.tuition-right #Div_Cousrse2 li{    float: left;
    height: 34px;
    line-height: 34px;
    padding-right: 32px;
    padding-left: 12px;
    margin: 2px;
    color: #fff;
    background: #194697;
    position: relative;
    border-radius: 34px 34px 34px 34px;
    -moz-border-radius: 34px 34px 34px 34px;
    -webkit-border-radius: 34px 34px 34px 34px;}

.tuition-right #Div_Cousrse2 li label{
    margin-left: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 34px;
    text-indent: -9999px;
    background: url("/img/common/tuition_curri_del.png")no-repeat center center;
}

.fullwidth100 {width: 100% !important;}
.tuition-left .tui-bubble {font-size: 8px; color: #fff; background-color: red; padding: 1px 8px; border-radius: 5px; font-weight: 500; position: absolute; top:10px; right: 15px; width: fit-content; z-index: 99; padding: 1px;}
.tuition-left .tuitionTab li {position: relative;}