@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.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;}
html {}
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; cursor:pointer;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong, th {font-weight: 700;}
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: none;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0; /* table-layout: fixed; */ word-break: break-all; width:100%;}



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

body {font-family:'Noto Sans KR', sans-serif, dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, helvetica !important; font-size:13px; letter-spacing:-0.025em; line-height:1.6; font-weight:400; color:#333; margin:0; overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {font-weight: 500; color:#333; margin:0;}
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 !important;}
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 KR', 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:#01b0c0; color:#FFF; text-shadow:none;}
::-moz-selection {background:#01b0c0; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#01b0c0; 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;
}


.hover {-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;}
.hover:hover {box-shadow: 0 4px 4px rgba(0,0,0,0.2),0 0 8px rgba(0,0,0,0.2),0 6px 18px rgba(0,0,0,0.2); transform: translate3d(0,-1px,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 #707070; height:13px; width:13px; cursor:pointer; vertical-align:middle; -webkit-appearance:none; padding:0; border:0 0/IE8+9; margin-top:-1px; margin-top:2px 0/IE8+9;}
input[type='checkbox']:checked {background:#fff; border:solid 1px #707070; border:0 \0/IE8+9;}
input[type='checkbox']:checked:after {content:""; display:block; width:7px; height:7px; background:#666; position:relative; top:2px; left:2px;}
input[type='checkbox']:focus {outline:0; border-color:#00bcd6;}
input[type='radio'] {background:#fff; border:solid 1px #707070; height:13px; width:13px; vertical-align:middle; -webkit-appearance:none; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; padding:0; border:0 \0/IE8+9; margin-top:-1px; margin-top:2px \0/IE8+9;}
input[type='radio']:checked {background:#fff; border:solid 1px #707070; border:0 \0/IE8+9;} 
input[type='radio']:checked:after {content:""; display:block; width:7px; height:7px; background:#666; position:relative; top:2px; left:2px; -webkit-border-radius:5px;} 
input[type='radio']:focus {outline:0; border-color:#00bcd6;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}


/* CheckBox Style 빨간사각*/
input[type="checkbox"].redC {display:inline-block; width:24px; height:24px; background:url("/img/member/login_chk.png")no-repeat center center; appearance: none; -moz-appearance: none; -webkit-appearance: none; border:none;}
input[type="checkbox"].redC:checked {background:url("/img/member/login_chk_on.png")no-repeat center center;}
input[type="checkbox"].redC:checked:after {display:none;}


/* SelectBox Style */
select {height:32px; font-family:"doutm"; font-size:12px; margin:0; color:#000; background:#fff; padding-left:5px; vertical-align:middle; box-sizing:border-box; border:1px solid #dfe1e3; border-radius:0px;}
select:focus {outline: 0; background:#fff; border-color:#00bcd6;}

/* 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:32px; font-family:"doutm"; font-size:12px; margin:0; color:#ababab; background:#fff; padding-left:5px; vertical-align:middle; box-sizing:border-box;
border:1px solid #dfe1e3; 
border-radius: 0px; /* iOS 둥근모서리 제거 */
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
}

input[type='text']:focus, input[type='password']:focus, input[type='name']:focus, input[type='tel']:focus, input[type='search']:focus {
outline: 0; background:#fff; border-color:#00bcd6; color:#222;
}


textarea {
color:#000;
font-family:"dotum";
box-sizing:border-box;
background:#fff;
border:1px solid #dfe1e3;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:10px;
resize: none;
}

textarea:focus {outline: 0; background:#fff; border-color:#00bcd6;}

label {font-family:"dotum"; font-size:12px; color:#000; letter-spacing:-0.04em; vertical-align:middle;}


/*------------------------------------------------------------------
	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;}
.mt60 {margin-top: 60px !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;}
.pb60 {padding-bottom: 60px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb100 {padding-bottom: 100px !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;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !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 {padding-top:111px; width:100%; position:relative; overflow:hidden;}
.container {display:block; position:relative; width:1100px; margin:0 auto; height:100%;}
.container:after {content:""; display:table; clear:both;}
.clear {clear:both;}
.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(0,130,153,.12),0 0 8px rgba(0,130,153,.12),0 6px 18px rgba(0,130,153,.12); transform: translate3d(0,-2px,0);}
.comShdw {-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.13); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.13); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.13);}


/* 상단 지점선택/로그인메뉴 */
#top {position:fixed; top:0; left:0; right:0; width:100%; height:31px; background: #f8f8f8; border-bottom: solid 1px #ebebeb; z-index:100;}
.topLocation {display:block;}
.topLocation:after {content:""; display:table; clear:both;}
.topLocation li {display:block; float:left; height:40px; width:96px; border-right:solid 1px #eee; background-repeat:no-repeat !important; background-position:center center !important;}
.topLocation li:first-child {width:143px; border-left:solid 1px #eee;}
.topLocation li a {display:block; height:100%; text-indent:-9999px;}
.topLocation li.cps00 {background:url("/img/common/top_campus00.png");}
.topLocation li.cps01 {background:url("/img/common/top_campus01.png");}
.topLocation li.cps02 {background:url("/img/common/top_campus02.png");}
.topLocation li.cps03 {background:url("/img/common/top_campus03.png");}
.topLocation li.cps04 {background:url("/img/common/top_campus04.png");}
.topLocation li.cps00.current {background:#fff url("/img/common/top_campus00_on.png");}
.topLocation li.cps01.current {background:#fff url("/img/common/top_campus01_on.png");}
.topLocation li.cps02.current {background:#fff url("/img/common/top_campus02_on.png");}
.topLocation li.cps03.current {background:#fff url("/img/common/top_campus03_on.png");}
.topLocation li.cps04.current {background:#fff url("/img/common/top_campus04_on.png");}
.topRight {display:block; position:absolute; top:0; right:0;}
.topRight:after {content:""; display:table; clear:both;}
.topRight li {position:relative; display:block; float:left;}
.topRight li:after {content:""; display:block; width:1px; height:6px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-4px;}
.topRight li a {display:block; height:30px; line-height:30px; font-family:"dotum"; font-size:11px; color:#6c717e; letter-spacing:0em !important; padding-left:10px; padding-right:10px;}
.topCall {display:block; height:30px; line-height:30px; font-family:"dotum"; font-size:11px; color:#6c717e; letter-spacing:0em !important; padding-left:10px;}
.topCall b {color:#008c99; letter-spacing:0em !important;}
.topCall:after {display:none !important;}

.gtCampus {}
.gtCampus:after {content:""; display:table; clear:both;}
.gtCampus li {float:left; border-right:solid 1px #ebebeb;}
.gtCampus li:first-child {border-left:solid 1px #ebebeb;}
.gtCampus li a {display:block; height:30px; line-height:29px; padding:0 15px; text-align:center; font-family:"dotum"; font-size:11px; letter-spacing:-0.1em; color:#999;}
.gtCampus li.current {background:#fff; border-bottom:solid 1px #fff;}
.gtCampus li.current a {color:#30a2ac; font-weight:bold;}




/* GNB메뉴 */
#gnb {position:fixed; top:31px; left:0; right:0; width:100%; height:80px; background:#fff; z-index:99; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);}
.gnbLogo {display:block; width:143px; position:absolute; top:0; bottom:0; left:0; text-indent:-9999px; background:url("/img/common/gnb_logo.png")no-repeat center center;}
.gnbMenu {display:block; position:absolute; top:0; right:0; bottom:0;} 
.gnbMenu:after {content: ""; display:table; clear:both;}
.gnbMenu > li {float:left; position:relative;}
.gnbMenu > li > a {line-height:80px; height:80px; display:block; text-align:center; padding:0 20px; color:#333; font-size:14px; letter-spacing:-0.1em;}
.gnbMenu > li:last-child > a {padding-right:0;}
.gnbMenu > li:hover > a {color:#01b0c0;}
.gnbMenu > li > ul {display:none; position:absolute; top:100%; z-index:99; width:2000px; left:50%; margin-left:-1000px; text-align:center;}
.gnbMenu > li:before {content:""; display:none; position:fixed; top:111px; left:0; right:0; background:#01b0c0; height:50px; z-index:99;}
.gnbMenu > li:hover > ul {display:block;}
.gnbMenu > li:hover:before {display:block;}
.gnbMenu > li.ddMenuNon:hover:before {display:none;}
.gnbMenu > li > ul > li {display:inline-block;}
.gnbMenu > li > ul > li > a {color: #fff; display: block; white-space: nowrap; padding:0 15px; height:50px; line-height:49px; text-align:center; font-size:13px; opacity:0.8;}
.gnbMenu > li > ul > li > a:hover {opacity:1.0;}
.gnbMenu > li > ul.gnbMleft {position:fixed !important; top:111px; padding:0 450px; text-align:left !important;}
.gnbMenu > li > ul.gnbMright {position:fixed !important; top:111px; padding:0 450px; text-align:right !important;}
.gnbMenu > li > ul.gnbMright > li:last-child a {padding-right:0 !important;}


/* 나에게맞는교육과정찾기 */
.comCst {padding:60px 0;}
.comCst .container {height:75px; position:relative; padding-left:310px; background:url("/img/common/common_consult_bg.jpg");}
.comCst ul {display:inline-block; height:75px; position:absolute; top:0; bottom:0; right:236px; padding-right:16px;}
.comCst ul li {display:inline-block; padding-left:10px; height:100%; padding-top:15px;}
.comCst ul li a {display:inline-block; height:45px; width:180px; padding:14px 0; text-align:center; background:#494f4e; border:solid 1px #7b807f;}
.comCst ul li:first-child a {background:#0ea8aa; border:solid 1px #0ea8aa;}
.comCstSearch {display:block; width:236px; height:75px; position:absolute; top:0; bottom:0; right:0;}


/* 시설안내 */
.comFacility {background:#f5f5f5;}
.comFcltTitle {text-align:center; padding:60px 0;}
.comFcltTitle p {padding-top:20px; color:#666; font-size:14px; letter-spacing:-0.075em;}
.comFcltRoll {}
.comFcltRoll .slick-arrow {position:absolute; top:50%; z-index:1; width:60px; height:60px; margin-top:-30px; border:none; text-indent:-9999px;}
.comFcltRoll .slick-prev {background:rgba(255,255,255,0.7) url("/img/common/common_facility_arrow_prev.png")no-repeat center center; left:50%; margin-left:-370px;}
.comFcltRoll .slick-next {background:rgba(255,255,255,0.7) url("/img/common/common_facility_arrow_next.png")no-repeat center center; right:50%; margin-right:-370px;}
.comFcltRoll .slick-prev:hover {background:rgba(255,255,255,1.0) url("/img/common/common_facility_arrow_prev.png")no-repeat center center;}
.comFcltRoll .slick-next:hover {background:rgba(255,255,255,1.0) url("/img/common/common_facility_arrow_next.png")no-repeat center center;}


/* 푸터배너 */
.ftBenefit {display:block; padding-top:60px;}
.ftBenefit a {display:block;}
.ftBenefit a img {display:block;}
.ftLicns {display:block; margin-top:60px;}
.ftLicns img {display:block;}

.footerMenu {padding-top:20px; padding-bottom:58px;}
.footerMenu ul {display:block; height:52px;}
.footerMenu ul li {display:block; float:left; width:354px; height:100%; margin-right:19px;}
.footerMenu ul li:last-child {margin-right:0;}
.footerMenu ul li a {display:block;}

.footerBtn {border-top:solid 2px #000; border-bottom:solid 1px #000;}
.footerBtn ul {display:block; height:47px; text-align:center;}
.footerBtn ul li {display:inline-block; padding:16px 25px; font-size:12px; letter-spacing:-0.05em; font-family:"dotum"; color:#141616; font-weight:bold;}
.footerBtn ul li a {display:inline-block; font-size:12px; letter-spacing:-0.05em; font-family:"dotum"; color:#141616; font-weight:bold;}
.footerBtn ul li span {display:inline-block; margin-left:5px; font-size:12px; letter-spacing:-0.05em; font-family:"dotum"; color:#141616; font-weight:bold; color:#0ea8aa}

.footerInfo {background:#f4f6f8; padding-top:40px; padding-bottom:40px; text-align:center; color:#141616; letter-spacing:0em;}
.footerInfo strong,
.footerInfo span,
.footerInfo address, 
.footerInfo a {font-family:"dotum";}
.tuitinoInfoBtn {font-size:11px; letter-spacing:-0.05em; color:#fff; display:inline-block; line-height:1.0em; padding:2px; margin-left:10px; background:#dfdfdf; border:solid 1px #d7d7dd;}
.footerInfo address {margin-top:25px; font-size:11px; color:#c4c5c7; font-style:normal;}


/* Quick Menu */
#rightQuick {left:50%; margin-left:580px;z-index:100;}
#rightQuick ul {display:block;}
#rightQuick ul li {width:100px; height:84px; border:solid 1px #e9e9e9; border-top:none; background-position:center center !important; background-repeat:no-repeat !important;}
#rightQuick ul li:first-child {height:85px; position:relative; border-top:solid 1px #4a4a4a;}
#rightQuick ul li:last-child {height:85px; position:relative; border-bottom:solid 1px #4a4a4a;}
#rightQuick ul li:first-child:before,
#rightQuick ul li:first-child:after,
#rightQuick ul li:last-child:before,
#rightQuick ul li:last-child:after {content:""; display:block; background:#4a4a4a; position:absolute; width:1px; height:11px;}
#rightQuick ul li:first-child:before {top:0; left:-1px;}
#rightQuick ul li:first-child:after {top:0; right:-1px;}
#rightQuick ul li:last-child:before {bottom:0; left:-1px;}
#rightQuick ul li:last-child:after {bottom:0; right:-1px;}
#rightQuick ul li a {display:block; height:100%; text-indent:-9999px;}
#rightQuick ul li:nth-child(1) {background:url("/img/common/rightQuick_menu01.png");}
#rightQuick ul li:nth-child(2) {background:url("/img/common/rightQuick_menu02.png");}
#rightQuick ul li:nth-child(3) {background:url("/img/common/rightQuick_menu03.png");}
/* #rightQuick ul li:nth-child(4) {background:url("/img/common/rightQuick_menu04.png");} */
#rightQuick ul li:nth-child(4) {background:url("/img/common/rightQuick_menu05.png");}
#rightQuick ul li:nth-child(5) {background:url("/img/common/rightQuick_menu06.png");}


/* 서브로케이션 영역 */
#subLocation {height:50px; background-color:#ededee; position:relative;}
#subLocation ul {display:block; height:100%;}
#subLocation ul:after {content:""; display:table; clear:both;}
#subLocation ul li {display:block; height:100%; line-height:50px; float:left; padding-left:10px; padding-right:13px; position:relative; font-family:"dotum"; font-size:12px;}
#subLocation ul li:first-child {padding:0; width:50px; text-indent:-9999px; background:url("/img/common/subLocation_home.png") no-repeat center center;}
#subLocation ul li:last-child {padding-right:0;}
#subLocation ul li:after {content:""; display:block; width:3px; height:5px; position:absolute; right:0; top:50%; margin-top:-3px; background:url("/img/common/subLocation_arrow.png") no-repeat center center;}
#subLocation ul li:last-child:after {display:none;}


/* 수강료조회폼 */
.subTuition {border-top:solid 5px #2a2f30; padding-bottom:60px;}
.subTuitionTitle {text-align:center; padding-top:60px; padding-bottom:40px;}
.subTuitionTitle h4 {font-size:36px; font-weight:400; line-height:1.2em;}
.subTuitionTitle p {color:#a5a5a5; font-size:14px;}
.inputFull {width:226px;}
.inputCall {display:block; width:226px;}
.inputCall:after {content:""; display:table; clear:both;}
.inputCall li {float:left; padding:0 !important;}
.inputCall li input,
.inputCall li select {width:100%;}
.inputCall li:nth-child(2n) {width:13px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputCall li:nth-child(2n+1) {width:60px;}
.inputCall li:first-child {width:80px;}
.inputYear:after {content:""; display:table; clear:both;}
.inputYear li {float:left; padding:0 !important;}
.inputYear li input,
.inputYear li select {width:100%;}
.inputYear li:nth-child(2n) {width:20px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputYear li:nth-child(2n+1) {width:60px;}
.inputYear li:first-child {width:80px;}
.inputZipcode {display:inline-block !important; vertical-align:middle;}
.inputZipcode:after {content:""; display:table; clear:both;}
.inputZipcode li {float:left; padding:0 !important; width:80px;}
.inputZipcode li:nth-child(2) {width:20px; height:32px; line-height:32px; text-align:center; padding-top:5px;}
.inputZipcode li input {width:100%;}
.inputAddr {padding-top:6px;}
.inputAddr:after {content:""; display:table; clear:both;}
.inputAddr li {width:260px;}
.inputAddr li input {width:100%;}
.tuitionTable {width:100%; border-top:solid 2px #111; border-bottom:solid 2px #111;}
.tuitionTable th,
.tuitionTable td {border:solid 1px #ddd; font-family:"dotum"; font-size:12px; letter-spacing:-0.075em; color:#000; padding:10px 15px;}
.tuitionTable th {font-weight:bold; text-align:center; background:#f2f3f5;}
.tuitionTable td {background:#fff;}
.tuitionTable ul {display:block;}
.tuitionTable ul:after {content:""; display:table; clear:both;}
.tuitionTable ul li {padding:4px 0;}
.tuitionTable ul li .employ {color:#9a9a9a; padding-left:18px;}
.tuitionTable ul.inline li {display:inline-block; padding-right:35px;}
.tuitionTable ul.col1 li {float:left; width:100%;}
.tuitionTable ul.col2 li {float:left; width:50%;}
.tuitionTable ul.col3 li {float:left; width:33.3333%;}
.tuitionTable ul.col4 li {float:left; width:25%;}
.tuitionTable ul.col5 li {float:left; width:20%;}
.tuitionTable ul.col6 li {float:left; width:16.6666%;}
.tuitionTable ul.col7 li {float:left; width:14.2857%;}
.tuitionTable ul.col8 li {float:left; width:12.5%;}
.tuitionTable ul.col9 li {float:left; width:11.1111%;}
.tuitionTable ul.col10 li {float:left; width:10%;}
.tuitionLocation label {margin-right:8px;}
.cutomerBanner img {display:block;}
.tuitionDesc {padding:20px 0;}
.tuitionDesc ul li {font-family:"dotum"; color:#000; font-size:12px; letter-spacing:-0.005em; padding-left:10px; position:relative;}
.tuitionDesc ul li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; top:9px; left:0;}
.tuitionDesc ul li span {color:#01b0c0;}
.tuitionWarning {padding-top:10px;}
.tuitionWarning ul li {font-family:"dotum"; color:#9b9b9b; font-size:12px; letter-spacing:-0.005em; }

.tuitionBtn {padding-top:30px; padding-bottom:50px; text-align:center;}
.tuitionBtn a {
	display:inline-block; width:240px; height:50px; line-height:50px; color:#fff; font-size:20px; letter-spacing:-0.06em; font-weight:400; background:#01b0c0;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.tuitionBtn a:hover {-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);}

.privacyTitle {padding-bottom:15px;}
.privacyTitle h3 {font-size:24px; color:#000; letter-spacing:-0.04em; font-weight:400;}
.privacyTitle h4 {font-size:14px; color:#445161; letter-spacing:-0.04em; font-weight:400; opacity:0.5;}
.privacyScroll {height:100px; padding:15px; border:solid 1px #ddd; overflow-y:scroll;}
.privacyScroll h5 {font-family:"dotum"; color:#4c4f5a; font-size:13px; font-weight:bold; padding-bottom:5px;}
.privacyScroll p {font-family:"dotum"; color:#4c4f5a; font-size:12px; padding-left:20px;}
.privacyAgree {text-align:right; padding-top:10px;}