@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*------------------------------------------------------------------
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;}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
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;} */
abbr[title] {border-bottom: 1px dotted;}
b, strong, th {font-weight: 500;}
dfn {font-style: italic;}
h1 {font-size: 2em; margin: 0.67em 0;}
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:100%; vertical-align: middle;}
svg:not(:root) {overflow: hidden;}
ol, ul, li {list-style:none}
label, button {cursor:pointer}
label {margin-left:5px; color:#353535; vertical-align:middle;}
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; outline:none;}
button {overflow: visible; cursor:pointer;}
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:9pt; letter-spacing:-0.06em; line-height: 1.4; font-weight: 400; color: #969696; margin: 0; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; font-weight: 500; color: #353535;}
h1 {font-size: 2.2rem;}
h2 {font-size: 2.0rem;}
h3 {font-size: 1.8rem;}
h4 {font-size: 1.6rem;}
h5 {font-size: 1.4rem;}
h6 {font-size: 1.2rem;}
p {margin-top: 0;}
a {color: inherit;}
/* a:hover {opacity: 0.95;} */
a, a:link, a:hover, a:active, a: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 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;}

.colorfff {color:#fff;}
.color129bab {color:#129bab;}
.color1686ef {color:#1686ef !important;}

.bgColorf5f5f5 {background:#f5f5f5;}
.bgColor919191 {background:#919191 !important;}


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

.accent-text {color: #6065c1 !important;}
.accent-color {background-color: #2c2f40 !important;}
.accent-border {border-color: #edeef0 !important;}

.point-text {color: #fc1934 !important;}
.point-color {background-color: #1d212e; !important;}
.point-border {border-color: #14161b !important;}

.primary-text {color: #fc1934 !important;}
.primary-color {background-color: #1d212e; !important;}
.primary-border {border-color: #14161b !important;}
.text-light {font-weight: 400; color: #B2B2B4;}

.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)}


/*------------------------------------------------------------------
	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;}



/*------------------------------------------------------------------
	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: 10pt; padding-left: 5px;}

input[type='textarea'], textarea {font-size:10pt; margin:0; border:1px solid #ddd; color:#626262; background:#fafafa; padding:5px; vertical-align: middle;}
/* input[type='checkbox'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; -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'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; -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"].chkBox {
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"].chkBox:checked {
display:inline-block;
width:18px;
height:18px;
vertical-align:middle;
background:url("/m/renewal2017/img/common/checkBox_bk.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:40px; width:100%; font-size:10pt; margin:0; color:#353535; padding-left:8px; padding-right:34px; vertical-align: middle; min-width:40px; box-sizing:border-box;
background: #fff url("/m/renewal2017/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:40px; font-size:10pt; margin:0; color:#353535; background:#fff; padding:0 5px; vertical-align: middle; width:100%; box-sizing:border-box;
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']:focus,
input[type='password']:focus,
input[type='name']:focus,
input[type='tel']:focus,
input[type='search']:focus,
select:focus,
textarea:focus {border:solid 1px #0897a8;}


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;}
.mb0 {margin-bottom: 0px !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;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !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;}
.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;}
.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;}
.bordnon {border: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 {min-width:320px; max-width:750px; width:100%; margin:0 auto; overflow:hidden; position:relative; /* background:url("/m/imgNew/common/bg_logo.png")no-repeat center top; */ background-size:40% auto;}
#quick {min-width:320px; max-width:750px; width:100%; margin:0 auto; overflow:hidden; position:fixed; bottom:0; left:0; right:0;}
.container {margin-top:97px;}



.sectionLine {
height:5px;
background:#f5f5f5;
-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.1);
}


/* GNB메뉴 */
#gnb {min-width:320px; max-width:750px; width:100%; margin:0 auto; overflow:hidden; position:fixed; top:0; left:0; right:0; z-index:20; background:rgba(255, 255, 255, 1.0); text-align:center; line-height:55px;}
/* #gnbLogo {display:block; width:216px; height:55px; margin:0 auto; background:url("/m/renewal2017/img/common/gnb_logo.png")no-repeat center 5px; background-size:auto 45px;} */
/* #gnbLogo {display:block; width:216px; height:55px; margin:0 auto; background:url("/web/renewal2016/mainRe/img/common/gnb_logo_autumn.png")no-repeat center -5px; background-size:auto 110%;} */
#gnbLogo {display:block; width:216px; height:55px; margin:0 auto; background:url("/web/renewal2016/mainRe/img/common/mgnb_logo_summer2020.png")no-repeat center top; background-size:auto 55px;}
#gnbLogo h1 {text-indent:-9999px;}


/* Left Menu */
#gnbLeft {width:63px; height:55px; padding:11px 14px 10px 10px; position:absolute; top:0; cursor:pointer; left:0; z-index:10; display:none;}
#gnbLeft .gnbLCircle {
	display:block; width:34px; height:34px; border-radius:34px; -moz-border-radius:34px; -webkit-border-radius:34px; 
	background:#222 url("/m/renewal2017/img/common/gnb_menu_call.png")no-repeat center center; background-size:16px;
	transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;
}
#gnbLeft.on .gnbLCircle {background-size:0;}
#gnbLeft .gnbLCircle:before,
#gnbLeft .gnbLCircle:after {position:absolute; background:#fff; opacity:0; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
#gnbLeft .gnbLCircle:before {content: ""; transform:rotate(0deg); width:20px; height:2px; left:50%; margin-left:-15px; top:50%; margin-top:-1px;}
#gnbLeft .gnbLCircle:after {content: ""; transform:rotate(0deg); width:2px; height:20px; left:50%; margin-left:-6px; top:50%; margin-top:-10px;}
#gnbLeft.on .gnbLCircle:before,
#gnbLeft.on .gnbLCircle:after {opacity:1.0; transform:rotate(45deg);}

/* Right Menu */
#gnbRight {width:48px; height:55px; display:block; cursor:pointer; position:absolute; top:0; left:0; margin:0; z-index:10;}
#gnbRight:before,
#gnbRight:after,
#gnbRight span {position:absolute; display:block; left:50%; margin-left:-12px; width:24px; height:2px; background:#222; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
#gnbRight:before {content: ""; top:50%; margin-top:-7px;}
#gnbRight:after {content: ""; top:50%; margin-top:5px;}
#gnbRight span {top:50%; margin-top:-1px;}
#gnbRight.on:before {width:28px; margin-top:-2px; margin-left:-14px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
#gnbRight.on:after {width:28px; margin-top:-2px; margin-left:-14px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
#gnbRight.on span {opacity:0}
.gtBtn {display:block; width:40px; height:55px; position:absolute; top:0; text-indent:-9999px; background-size:24px auto !important;}
#gtOnline {right:50px; background:url("/m/renewal2017/img/common/gnbtop_online.png")no-repeat center center;}
#gtCall {right:10px; background:url("/m/renewal2017/img/common/gnbtop_call2.png")no-repeat center center;}

/* menuOpen */
.overlay {position:fixed; top:0; left:0; right:0; width:100%; height:0%; padding-top:55px; min-width:320px; max-width:750px; margin:0 auto; z-index:9; opacity:0; visibility: hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden;}
.overlay.open {height:100%; opacity:1.0; visibility:visible;}
.overlay .gnbLlist,
.overlay .gnbRlist {background:rgba(18,17,17,0.80); width:100%; height:0%; opacity:0; visibility: hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden;}
.overlay.open .gnbLlist,
.overlay.open .gnbRlist {opacity:1.0; visibility:visible; height:100%; padding:0 15px 30px;}
.overlay.open .gnbLlist {padding:15px;}

.gnbRmemver {text-align:left; padding:10px 15px; margin:0 -15px;}
.gnbRmemver a {display: inline-block; margin-right:5px; font-size: 10pt; background:#0c808e; color: #fff; padding: 5px 10px; letter-spacing: -0.08em; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}

/* Right Menu Open */
.gnbRlist {position:relative; letter-spacing:-0.04em;  font-size:12pt;}
.gnbRlist > ul {display:block; width:155px; margin-top:10px;}
.gnbRlist > ul li {padding-bottom:13px;}
.gnbRlist > ul li > a {display:block; color:#4d4d4d;}
.gnbRlist > ul li.dep01.on {}
.gnbRlist > ul li.dep01.on > a {color:#00a6ba;}
.gnbRlist > ul li.dep01.on > ul {display:block !important;}

.gnbRlist > ul li ul.dep02 {display:block; position:absolute; top:60px; left:170px; right:0;}
.gnbRlist > ul li ul.dep02 .depTit {border-bottom:solid 1px #4a4949; margin-bottom:42px; padding-bottom:17px; }
.gnbRlist > ul li ul.dep02 .depTit a {display:inline-block; color:#fff; padding-right:17px; white-space:nowrap; background:url("/m/renewal2017/img/common/gnb_arrow_wh.png")no-repeat right center; background-size:7px auto;}
.gnbRlist > ul li ul.dep02 li {display:block; padding-bottom:9px;}
.gnbRlist > ul li ul.dep02 li a {color:#ababab; font-size:11pt;}
.gnbRlist > ul li ul.dep02 li a.active {color:#fff;}

.gnbQuick {padding-bottom:5px !important;}
.gnbQuick a {
	display:block; width:118px; font-size:10pt !important; color:#fff !important; padding:5px 10px; letter-spacing:-0.08em;
	background:#0c808e url("/m/renewal2017/img/common/gnb_arrow_wh.png")no-repeat 95% center; background-size:7px auto;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	
}
.gnbQuick1 a {
	display:block; width:118px; font-size:11pt !important; color:#fff !important; padding:5px 10px; letter-spacing:-0.08em;
	background:#0a4c4a url("/m/renewal2017/img/common/gnb_arrow_wh.png")no-repeat 95% center; background-size:5px auto;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}


/* Left Menu Open */
.gnbLlist {text-align:center; display:table;}
.gnbLlist ul {display:table-cell; vertical-align:middle;}
.gnbLlist ul li {
	display:block; text-align:center; opacity: 0; padding:3% 0;
	pointer-events:none; -webkit-transform:scale(1.1) translateY(-20px); transform: scale(1.1) translateY(-20px);
	-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; transition: opacity 0.35s ease-out, transform 0.35s ease-out;
}
.gnbLlist ul li a {display:inline-block;}
.overlay.open .gnbLlist ul li {opacity:1 !important; pointer-events:auto !important; -webkit-transform: none !important; transform: none !important;}
.gnbLlist ul li:nth-child(1) {-webkit-transition-delay: 300ms, 300ms; transition-delay: 300ms, 300ms}
.gnbLlist ul li:nth-child(2) {-webkit-transition-delay: 400ms, 400ms; transition-delay: 400ms, 400ms}
.gnbLlist ul li:nth-child(3) {-webkit-transition-delay: 500ms, 500ms; transition-delay: 500ms, 500ms}
.gnbLlist ul li:nth-child(4) {-webkit-transition-delay: 600ms, 600ms; transition-delay: 600ms, 600ms}
.gnbLlist ul li:nth-child(1) .gnbLicon {background:url("/m/renewal2017/img/common/gnb_menu_left01.png")no-repeat center center;}
.gnbLlist ul li:nth-child(2) .gnbLicon {background:url("/m/renewal2017/img/common/gnb_menu_left02.png")no-repeat center center;}
.gnbLlist ul li:nth-child(3) .gnbLicon {background:url("/m/renewal2017/img/common/gnb_menu_left03.png")no-repeat center center;}
.gnbLlist ul li:nth-child(4) .gnbLicon {background:url("/m/renewal2017/img/common/gnb_menu_left05.png")no-repeat center center;}
.gnbLlist ul li .gnbLicon {display:inline-block; width:64px; height:64px; border:solid 1px #cdcbd1; border-radius:64px; -moz-border-radius:64px; -webkit-border-radius:64px; background-size:cover !important;}
.gnbLlist ul li .gnbLname {display:block; text-align:center; color:#fff; font-size:10pt; line-height:1.0em; padding-top:5px; white-space:nowrap;}
@media screen and (min-width: 480px) {.gnbLlist ul li {display:inline-block !important; min-width:100px;}}

.gnbLlist ul li:nth-child(4) .gnbLicon {border: none;}




/* GNB SWIPE 메뉴 */
.gnbSlideMenu {background-color:rgba(255, 255, 255, 1.0);; position:fixed; top:55px; left:0; right:0; z-index:9; min-width:320px; max-width:750px; width:100%; margin:0 auto; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);}
.gnbSlideMenu ul {height:42px; margin:0 auto;}
.gnbSlideMenu ul li {display:block; float:left; }
.gnbSlideMenu ul li a {display:block; height:42px; line-height:42px; font-size:10pt; text-align:center; color:#222; opacity:1.0; letter-spacing:-0.04em;}
.gnbSlideMenu ul li.active a {opacity:1.0; text-decoration:underline;color:#1792a1  }
.gnbSlideMenu ul li:nth-child(1) {width:0px; overflow: hidden;}
.gnbSlideMenu ul li:nth-child(2) {width:70px;}
.gnbSlideMenu ul li:nth-child(3) {width:70px;}
.gnbSlideMenu ul li:nth-child(3) a {color: #9c0701 !important; font-weight: 700;}
.gnbSlideMenu ul li:nth-child(4) {width:70px;}
.gnbSlideMenu ul li:nth-child(5) {width:80px;}
.gnbSlideMenu ul li:nth-child(6) {width:70px;}
.gnbSlideMenu ul li:nth-child(7) {width:60px;}
.gnbSlideMenu ul li:nth-child(8) {width:60px;}

/* subSlide SWIPE 메뉴 */
.subSlideMenu {background-color: #222; position:relative; border-bottom:solid 6px #f5f5f5;}
.subSlideMenu ul {height:45px; margin:0 auto;}
.subSlideMenu ul li {display:block; float:left; }
.subSlideMenu ul li a {position:relative; display:block; height:45px; line-height:45px; font-size:10pt; text-align:center; color:#7f7f7f; letter-spacing:-0.04em;}
.subSlideMenu ul li a:before {content:""; position:absolute; display:block; width:1px; height:10px; background:#434343; top:50%; right:0; margin-top:-5px;}
.subSlideMenu ul li:last-child a:before {display:none;}
.subSlideMenu ul li.active a {text-decoration:underline; color:#fff;}
.subSlideMenu ul li.active a:after {content:""; display:block; width:14px; height:7px; position:absolute; bottom:0; left:50%; margin-left:-7px; background:url("/m/renewal2017/img/common/subMenu_arrow.png")no-repeat; background-size:cover;}

/* 정규과정 */
.subSlideMenu ul.submCourse li:nth-child(1) {width:50px;}/* ALL */
.subSlideMenu ul.submCourse li:nth-child(2) {width:70px;}/* 메이크업 */
.subSlideMenu ul.submCourse li:nth-child(3) {width:80px;}/* 헤어디자인 */
.subSlideMenu ul.submCourse li:nth-child(4) {width:70px;}/* 네일아트 */
.subSlideMenu ul.submCourse li:nth-child(5) {width:70px;}/* 에스테틱 */
.subSlideMenu ul.submCourse li:nth-child(6) {width:50px;}/* 이용 */
.subSlideMenu ul.submCourse li:nth-child(7) {width:90px;}/* 스타일리스트 */
.subSlideMenu ul.submCourse li:nth-child(8) {width:80px;}/* 스페셜 */
.subSlideMenu ul.submCourse li:nth-child(9) {width:70px;}/* 단과 */

/* 자격증과정 */
.subSlideMenu ul.submLicense li:nth-child(1) {width:115px;}/* 미용사(메이크업) */
.subSlideMenu ul.submLicense li:nth-child(2) {width:90px;}/* 미용사(네일) */
.subSlideMenu ul.submLicense li:nth-child(3) {width:90px;}/* 미용사(일반) */
.subSlideMenu ul.submLicense li:nth-child(4) {width:90px;}/* 미용사(피부) */
.subSlideMenu ul.submLicense li:nth-child(5) {width:50px;}/* 이용 */
.subSlideMenu ul.submLicense li:nth-child(6) {width:84px;}/* 주말반운영 */
.subSlideMenu ul.submLicense li:nth-child(7) {width:105px;}/* 자격증합격현황 */

/* 대학입시 */
.subSlideMenu ul.submCollege {width:100% !important;}
.subSlideMenu ul.submCollege li {width:50%;}

/* 취업창업 */
.subSlideMenu ul.submJob {width:100% !important;}
.subSlideMenu ul.submJob li {width:33.33%;}

.subSlideMenu ul.submJob2 {width:100% !important;}
.subSlideMenu ul.submJob2 li {width:100%;}


/* 취업창업 */
.subSlideMenu ul.submComm li:nth-child(1) {width:70px;}/* 공지사항 */
.subSlideMenu ul.submComm li:nth-child(2) {width:80px;}/* 포토스토리 */
.subSlideMenu ul.submComm li:nth-child(3) {width:90px;}/* 수강생인터뷰 */
.subSlideMenu ul.submComm li:nth-child(4) {width:80px;}/* 강사인터뷰 */


.subSlideMenu ul.submComm li:nth-child(5) {width:80px;}/* 수강생후기 */
.subSlideMenu ul.submComm li:nth-child(6) {width:130px;}/* 공식페이스북 */
.subSlideMenu ul.submComm li:nth-child(7) {width:100px;}/* 자격증모의고사 */

/* 고객센터 */
.subSlideMenu ul.submCustomer li:nth-child(1) {width:80px;}/* 수강료조회 */
.subSlideMenu ul.submCustomer li:nth-child(2) {width:80px;}/* 재료비조회 */
.subSlideMenu ul.submCustomer li:nth-child(3) {width:90px;}/* 온라인상담 */
.subSlideMenu ul.submCustomer li:nth-child(4) {width:70px;}/* 카톡상담 */
.subSlideMenu ul.submCustomer li:nth-child(5) {width:70px;}/* 지점조회 */
.subSlideMenu ul.submCustomer li:nth-child(6) {width:80px;}/* 모바일결제 */



.subSlideMenu ul.submAcademy li:nth-child(1) {width:100px;}/* 아카데미소개 */
.subSlideMenu ul.submAcademy li:nth-child(2) {width:70px;}/* 언론보도 */
.subSlideMenu ul.submAcademy li:nth-child(3) {width:70px;}/* 강사소개*/
.subSlideMenu ul.submAcademy li:nth-child(4) {width:70px;}/* 시설안내 */
.subSlideMenu ul.submAcademy li:nth-child(5) {width:80px;}/* 찾아오시는길 */
.subSlideMenu ul.submAcademy li:nth-child(6) {width:86px;}/* 이벤트 */




/* 빠른수강료조회 */
#quickBtn {
	display:block; position:fixed; z-index:10; bottom:0; left:0; right:0; font-weight:500; font-size:10pt;
	width: 100%; min-width:320px; max-width:750px; height: 50px; line-height:50px; font-weight:600;
	margin:0 auto; text-align:center; color:#fff; background:#1792a1; background-size:auto 100%;
	opacity:1.0; visibility: visible; -webkit-transition: opacity .5s, visibility .5s, height .5s; transition: opacity .5s, visibility .5s, height .5s;
}
#quickBtn.is-hidden {-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
#quickBtn.on {z-index:35; opacity:0; visibility:hidden;}
#quickOverlay {
	position: fixed; background: #121111; bottom: 0; left: 0; right: 0; width:100%; min-width:320px; max-width:750px; margin:0 auto;
	height: 100%; opacity: 0; z-index:30; visibility: hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden;
}
#quickOverlay.on {opacity:.95; visibility:visible; z-index:30;}

#quickSend {
	display:block; position:fixed; z-index:10; bottom:0; left:0; right:0; font-weight:500; font-size:10pt;
	min-width:320px; max-width:750px; height:50px; line-height:50px; width:100%;
	margin:0 auto; text-align:center; color:#fff; background-color:#01b0c0;
	opacity:0; visibility: hidden; -webkit-transition: opacity .5s, visibility .5s, height .5s; transition: opacity .5s, visibility .5s, height .5s;
}
#quickSend.on {z-index:40; opacity:1.0; visibility:visible;}
#quickClose {position:fixed; z-index:40; left:0; right:0; width:100%; height:50px; min-width:320px; max-width:750px; margin:0 auto; opacity:0; visibility: hidden; }
#quickClose.on {opacity:1.0; visibility:visible;}
#quickClose span {text-indent:-9999px; display:block; position:absolute; right:10px; top:10px; width:50px; height:1px; background:#fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
#quickClose span:after {content:""; display:block; width:50px; height:1px; margin-top:-15px; margin-right:-15px; background:#fff; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}



.onpageGo {
	display:block; position:fixed; z-index:10; bottom:0; left:0; right:0; font-weight:500; font-size:10pt; width:100%; min-width:320px; max-width:750px; height: 50px; line-height:50px; font-weight:600;
	margin:0 auto; text-align:center; color:#fff; background:#1792a1; background-size:auto 100%;
}


#quickMenu {position:fixed; left:0; right:0; width:100%; min-width:320px; max-width:750px; margin:0 auto; z-index:31;}
.quickTuition {padding:15px 15px 30px 15px; background:#fff;}


.qkEvnt {display: block; height: 60px; background:url("/m/renewal2017/img/event/quick_banner201021.jpg")no-repeat center bottom; background-size:100% auto;}
@media screen and (max-width: 321px) {
	.qkEvnt {display: none;}
}

.tuitionTable {width:100%; font-size:10pt; border-top:solid 1px #bababa; margin-top:15px;}
.tuitionTable tr {border-bottom:solid 1px #dcdcdc;}
.tuitionTable tr th {padding:8px 10px; background:#f7f7f7; color:#212121; font-weight:400; letter-spacing:-0.07em; text-align:left;}
.tuitionTable tr td {padding:8px; background:#fff;}
.tuitionTable label {margin-left:0; line-height:1.4em; font-size:9pt;}

.telForm {display:inline-block; width:100%;}
.telForm li {display:block; width:27% !important; float:left; margin:0 !important;}
.telForm li:nth-child(1) {width:36% !important;}
.telForm li:nth-child(2),
.telForm li:nth-child(4){width:5% !important; text-align:center; height:40px; line-height:40px;}
.telForm li select {width:100%;}
.telForm li input {width:100%;}

.agreeArea {padding-top:10px; position:relative;}
.agreeArea a,
.agreeArea span {position:absolute; right:0; top:10px; color:#666; padding-right:8px; background:url("/m/renewal2017/img/common/privacy_arrow.png")no-repeat right center; background-size:3px auto;}
#sldPrvcy {display:none; background:#f5f5f5; margin-top:20px;}

.tuitionBtn {padding-top:15px; text-align:center;}
.tuitionBtn a,
.tuitionBtn span {
	display:inline-block; white-space:nowrap; min-width:200px; height:40px; line-height:40px; background:#2d2d2d; color:#fff;
	text-align:center; font-size:11pt; letter-spacing:-0.06em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

.subTuition {padding:15px;}


/* 개인정보취급방침 */
.prvacyPage {padding:25px 15px;}
.prvacyPage h2 {text-align:center; padding-bottom:30px; color:#222; font-size:14pt; font-weight:500; line-height:1.0em; letter-spacing:-0.07em;}
.prvacyPage h3 {color:#222; font-size:11pt; font-weight:500; line-height:1.0em; letter-spacing:-0.07em; padding-bottom:0; border-bottom:none;}
.prvacyPage p {color:#656565; padding-top:8px; padding-left:8px;}
.prvacyPage ul {display:block; padding-top:6px; padding-bottom:20px;}
.prvacyPage ul li {display:block; line-height:1.2em; padding:2px 0 2px 8px; color:#656565; letter-spacing:-0.06em; position:relative;}
.prvacyPage ul li:before {content:""; display:block; width:2px; height:2px; background:#656565; position:absolute; left:0; top:8px;}





/* 수강생후기 */
.mainPost {padding:25px 15px;}
.mPostList {display:block; margin-top:2px;}
.mPostList li {display:block; border-bottom:solid 1px #ddd;}
.mPostList li a {display:block; padding:11px 0;}
.mPostList li a em {width:13%; display:inline-block; float:left; font-style: normal; vertical-align:top; padding:0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#1792a1;}
.mPostList li a span {
	width:87%; vertical-align:top; float:left; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	white-space: normal; line-height: 1.2; height: 2.4em;word-wrap: break-word;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}


/* 수강생인터뷰 */
.mainInterview {}
.mainInterview .slick-dots {display:inline-block; position:absolute; right:15px; bottom:67px;}
.mainInterview .slick-dots li {display:inline-block; width:8px; height:8px; border:solid 1px #b5b5b5; margin-left:4px;}
.mainInterview .slick-dots li.slick-active {background:#222; border:solid 1px #222;}
.mainInterview .slick-dots li button {display:none;}
.mInterCont {display:block;}
.mInterCont a {display:block;}
.mInterLeft {width:50%; padding-bottom:31px; position:relative; z-index:2;}
.mInterRight {width:53%; padding-top:15px; overflow:hidden; position:absolute; z-index:1; right:0; top:0;}
.mInterRight img {width:100%;}
.mInterTxt {position:relative; padding:0 15px; margin-top:-6px;}
.mInterTxt h5 {padding-left:8px; color:#1792a1; font-size:9pt; line-height:1.2em; letter-spacing:-0.05em; background:url("/m/renewal2017/img/common/main_interview_dot.png")no-repeat left 5px; background-size:5px 5px;}
.mInterDesc {padding:12px 0 25px 8px;}
.mInterDesc p {
	font-size:8pt;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	line-height:1.6;
	height:3.2em;
	text-align:left;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}



/* 공통강사소개 */
.incTeacher {position:relative; background:#1f2124;}
.incTtitle {position:absolute; display:block; width:25.86%; left:6.66%; top:7.33%; z-index:2;}
.incTslider {position:relative;}
.incTslider .slick-dots {display:inline-block; position:absolute; right:15px; bottom:15px;}
.incTslider .slick-dots li {display:inline-block; width:8px; height:8px; border:solid 1px #797a7c; margin-left:4px;}
.incTslider .slick-dots li.slick-active {background:#fff; border:solid 1px #fff;}
.incTslider .slick-dots li button {display:none;}
.incTcont:focus {outline:none;}

#incTmore {display:block; text-align:center; background:#191a1d; border-top:solid 1px #131314;}
#incTmore span {display:inline-block;; height:40px; line-height:40px; color:#898b8d; font-size:10pt; letter-spacing:-0.07em; position:relative; padding-right:17px;}
#incTmore span:before,
#incTmore span:after {content:""; position:absolute; right:0; top:50%; margin-top:-1px; display:block; width:11px; height:1px; background:#888a8c; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
#incTmore span:before {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);}
#incTmore span:after {transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
#incTmore.on span:before {transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
#incTmore.on span:after {transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);}

.incTcarrer {padding:25px; padding-bottom:0; background:#191a1d; display:none;}
.incTcarrer h6 {color:#fff; font-size:10pt; font-weight:400; line-height:1.0em; letter-spacing:-0.07em; padding-bottom:10px; border-bottom:solid 1px #393a3c;}
.incTcarrer ul {display:block; padding-top:8px; padding-bottom:25px;}
.incTcarrer ul li {display:block; line-height:1.2em; padding:2px 0 2px 8px; color:#818181; letter-spacing:-0.06em; position:relative;}
.incTcarrer ul li:before {content:""; display:block; width:2px; height:2px; background:#818181; position:absolute; left:0; top:8px;}
.incTcarrer ul li b {display:block; padding-bottom:5px; color:#ccc; font-weight:400;}





/* 푸터 */
.footerQuick {display:block;}
.footerQuick li {display:block; width:33.3333%; float:left; border-right:solid 1px #eceef0; border-bottom:solid 1px #eceef0;}
.footerQuick li:nth-child(3n) {border-right:none;}
.footerQuick li:nth-child(4),
.footerQuick li:nth-child(5),
.footerQuick li:nth-child(6) {border-bottom:none;}
.footerQuick li a {display:block; height:41px; line-height:41px; text-align:center; color:#212121; background:#fff;}
.footerMenu {display:block; border-bottom:solid 1px #252528; background:#2d2d31;}
.footerMenu li {display:block; width:25%; float:left;}
.footerMenu li a {display:block; height:50px; line-height:50px; text-align:center; color:#959595;}
.footerInfo {background:#2d2d31; padding-top:70px; padding-bottom:96px; text-align:center;}

.footerInfo .mobliemouBtn {margin:0 0 20px 0;}
.footerInfo .mobliemouBtn a {font-size:10px;font-weight:600;color:#fff;background:#1792a1;padding:3px 4px;border-radius:3px;display:inline-block; white-space:nowrap;}
.footerInfo p {color:#5c5c5f; letter-spacing:-0.045em;}
.footerLogo {width:130px; display:inline-block; margin-bottom:15px; font-size:8pt;}

.fnlocation{width:100%; float:left; padding:10px 0; text-align:center;}
.fnlocation h3, .fnlocation li, .fnlocation ul{display:inline-block; font-size:10pt; line-height:21px; height:22px;vertical-align:center;}
.fnlocation h3 { background:#1792a1; padding:0 8px; border-radius:5px; color:#fff}
.fnlocation li{color:#f23f5; padding:0 4px; position:relative; }
.fnlocation li:before{content:""; display:block; width:1px; height:10px; position:absolute; top:6px; left:0px; background:#666}
.fnlocation li:first-child:before{display:none;}
.clear {clear:both}



.locSel {background:#fff; border:solid 1px #ddd; border-top:none;}
.locSel:after {content:""; display:table; clear:both;}
.locSel li {float:left; width:50%;}
.locSel li input[type="radio"] {display:none;}
.locSel li label,
.locSel li span {display:block; height:32px; line-height:30px; text-align:center; margin:0 !important; border-right:solid 1px #ddd; border-top:solid 1px #ddd; color:#999; font-size:10pt; letter-spacing:-0.075em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.locSel li:nth-child(2n) label,
.locSel li:nth-child(2n) span {border-right:none;}
.locSel li input[type="radio"]:checked + label {color:#fff; background:#129bab; border-color:#129bab !important;}



.qkfBtn {display: block; cursor: pointer; width: 60px; height: 60px; position: fixed; left: 15px; bottom: 65px; text-indent: -9999px; z-index: 11; background: url('/m/renewal2017/img/common/quick_faq.png')no-repeat center center; background-size: cover;}
.qkFaq {
	display: none; position: fixed; z-index: 12; left: 15px; bottom: 65px; right: 15px; background: #fff; padding: 15px; max-width: 690px; margin: 0 auto;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
.qkFaq h5 {font-size: 13pt; font-weight: 500; padding-left: 35px; height: 30px; line-height: 28px; background: url('/m/renewal2017/img/common/quick_faq_title.png')no-repeat left center; background-size: 30px auto;}
.qkFaq > span {display: block; width: 30px; height: 30px; position: absolute; right: 15px; top: 15px; text-indent: -9999px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; background: #1792a1 url('/m/renewal2017/img/common/quick_faq_close.png')no-repeat center center; background-size: 12px auto;}
.qkFaq ul {margin-top: 15px;}
.qkFaq ul:after {content: ''; display: table; clear: both;}
.qkFaq ul li {float: left; margin-right: 5px; margin-bottom: 5px;}
.qkFaq ul li a {display: block; height: 30px; line-height: 28px; padding: 0 15px; border: solid 1px #1792a1; color: #1792a1; white-space: nowrap; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}







.ks_footer{width:100%; position:relative; padding:40px 20px; border-top:1px solid #ddd; background:#fafafa; text-align:center;}
.ks_footer h2{line-height:21px; height:21px; display:block; width:100%; text-align:center;}
.ks_footer img{width:110px; display:inline-block; }

.ks_footer_location{width:100%; border-radius:4px; border:1px solid #333; display:block; margin:20px 0 20px; }
.ks_footer_location ul li{display:inline-block; padding:0 6px 0 5px; line-height:30px; position:relative; font-size:10pt; color:#333;}
.ks_footer_location ul li:first-child {display: block; text-align: center;}
.ks_footer_location ul li:first-child{font-weight:bold;}
.ks_footer_location ul li:first-child:after{/* content:""; width:1px; height:8px; background:#333; display:block; position:absolute; right:0px; top:50%; margin-top:-4px; */ display: none;}
.ks_footer_location ul li:after{content:""; width:2px; height:2px; background:#333; display:block; position:absolute; right:0px; top:50%; margin-top:-1px;border-radius:2px}

.ks_footer_info {width:100%; text-align:center;}


.ks_footer_btn{ width:100%; position:relative; margin-top:20px;}
.ks_footer_btn a{font-size:8pt; color:#444; background: #e8e8e8; padding:3px 6px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display: inline-block; white-space: nowrap; margin:0 5px;}

.opdTable {background:#f9f8f9; border-top:solid 1px #ddd;}
.opdTable th {padding:10px 0 10px 20px; text-align:left; font-size:11pt;}
.opdTable td {padding:10px 0 10px 0px; text-align:left; font-size:11pt;}
.opd {}
.ksopdCont u {text-decoration:none; font-weight:500; margin-right:5px;}
#ksLogo {display:block; width:216px; height:55px; margin:0 auto; background:url("/m/renewal2017/img/main_ks/top_logo_autumn.png")no-repeat center top; background-size:auto 55px;}
/* #ksLogo {display:block; width:216px; height:55px; margin:0 auto; background:url("/m/renewal2017/img/main_ks/top_logo.png")no-repeat center top; background-size:auto 55px;} */
#ksLogo h1 {text-indent:-9999px;}


.header{top:0px;left:0px; width: 100%; height: 55px; background: rgba(255,255,255,0.90);position:fixed; z-index:10;	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);}
.menu_btn{ text-align: left; padding: 0px;z-index:11;position:absolute; top:0px; left:0px;width:55px;height:55px; }
.ks_consult_btn{ text-align: left; padding: 0px;z-index:11;position:absolute; top:0px; right:0px;width:55px;height:55px; }
.ks_consult_btn{width:55px; height:55px;}    
.menu_btn img{width:55px; height:55px;}    
.menu_bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top:0; display: none;z-index:11; }
.sidebar_menu{ width: 90%; height: 100%; background: #fff; position: fixed; top:0; left: -90%;z-index:11; bottom:0px; padding-top: 160px;}
.sidebar_scr {height: 100%; overflow-y: auto; -webkit-overflow-scrolling:touch;}
.sidebar_top{width:100%; position:absolute; background:#1792a1; height:60px; top: 0; left: 0;}
.close_btn{ width: 55px; height: 55px;position:absolute; bottom:3px; right:0px;}
.close_btn > a{ display: block; width: 100%; height: 100%;  }


.sidebar_ad{width:100%; position:absolute; top: 60px; left: 0; height: 100px;}
.sidebar_ad a{display:table; width: 100%; height: 100%; background: #333;}
.sidebar_ad a img{width:100%;}
.sidebar_ad a > div {display: table-cell; width: 100%; vertical-align: middle; padding-left: 15px; padding-right: 15px;}
.sidebar_ad a > div:after {content: ''; display: table; clear: both;}
.sidebar_ad h5 {color: #fff; font-size: 15pt; font-weight: 300; float: left; line-height: 1.2em;}
.sidebar_ad h5 b {font-weight: 700; display: block;}
.sidebar_ad h5 span {display: block; font-size: 13pt; letter-spacing: -0.1em;}
.sidebar_ad p {
	float: right; background: #00b2b4; color: #fff; height: 50px; line-height: 50px; font-size: 13pt; font-weight: 500; margin-top: 10px;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding-left: 15px; padding-right: 40px; position: relative;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
}
.sidebar_ad p:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-bottom: none;
    border-right: none;
    transform: rotate(135deg);
    font: normal 20px/1.53 'ShinhanCard', 'sans-serif';
    position: absolute; right: 15px; top: 50%; margin-top: -3px;
}

.sidebar_ad p:before {
  content: "👆";
  font-size: 40px;
  transform: scaleX(-1);
  right: 30%;
  top: 90%;
  animation: up-down 1s infinite;
  position: absolute;
}

@keyframes up-down {
  50% {
    margin-top: -20px;
  }
}



.sidebar_top_user a{font-size:10pt; color:#fff; position:absolute; bottom:20px; left:20px; }
.sidebar_top_user a:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-bottom: none;
    border-right: none;
    transform: rotate(135deg);
    font: normal 15px/1.53 'ShinhanCard', 'sans-serif';
    margin-left: 4px;
    vertical-align: middle;
}

.sidebar_quick {padding:20px; width:100%; position:relative; }
.sidebar_quick:after{content:""; display:block; clear:both;}
.sidebar_quick ul li{float:left; width:50%;}
.sidebar_quick ul li a{display:block; padding:8px 0px 8px 28px;font-size:10pt; background-size:22px auto !important; background-repeat:no-repeat !important; background-position:left center !important; color:#333}
.sidebar_quick ul li:nth-child(1) a {background: url("/m/renewal2017/img/main_ks/side_icon001.png");}
.sidebar_quick ul li:nth-child(2) a {background: url("/m/renewal2017/img/main_ks/side_icon002.png");}
.sidebar_quick ul li:nth-child(3) a {background: url("/m/renewal2017/img/main_ks/side_icon003.png");}
.sidebar_quick ul li:nth-child(4) a {background: url("/m/renewal2017/img/main_ks/side_icon004.png");}


.sidebar_menu_title{ padding:10px 20px; color:#333; font-size:10pt; width:100%; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}

.menu_wrap{ list-style: none; padding:10px 0}
.menu_wrap:after{content: ''; display: table; clear: both;}
.menu_wrap li {float:left;  width:50%; padding:5px 0 5px 20px}
.menu_wrap li a{ color: #282828; text-decoration: none; font-size:11pt}


#ks_consult {width:55px; height:55px;  position:absolute; top:0; cursor:pointer; right:0; z-index:10; }
#ks_consult .ks_consult_Circle {
	display:block; width:55px; height:55px; border-radius:55px; -moz-border-radius:55px; -webkit-border-radius:55px; 
	background: url("/m/renewal2017/img/main_ks/ks_consult.png")no-repeat center center; background-size:55px auto;
	transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;
}
#ks_consult.on .ks_consult_Circle {background-size:0;}
#ks_consult .ks_consult_Circle:before,
#ks_consult .ks_consult_Circle:after {position:absolute; background:#1792a1; opacity:0; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
#ks_consult .ks_consult_Circle:before {content: ""; transform:rotate(0deg); width:20px; height:2px; left:50%; margin-left:-15px; top:50%; margin-top:-1px;}
#ks_consult .ks_consult_Circle:after {content: ""; transform:rotate(0deg); width:2px; height:20px; left:50%; margin-left:-6px; top:50%; margin-top:-10px;}
#ks_consult.on .ks_consult_Circle:before,
#ks_consult.on .ks_consult_Circle:after {opacity:1.0; transform:rotate(45deg);}



.qkArea {position:fixed; bottom:0; right:0; z-index:8; padding:0 0 0 5%; box-sizing:border-box;}
.qkBtn {
	display:block; width:55px; height:55px; position:absolute; bottom:60px; right:10px; z-index:1; text-indent: -9999px;
	background: url('/m/renewal2017/img/main_ks/ks_quick_btn.png')no-repeat center center; background-size: cover !important;
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
}
.qkBtn.on {
	background: url('/m/renewal2017/img/main_ks/ks_quick_close.png')no-repeat center center;
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
	-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg);
}
.qkList {
	opacity:0;  position:fixed; right:26px; bottom:-90px; width:0; z-index:2;
	-webkit-transform:scale(0.1); -moz-transform:scale(0.1); -o-transform:scale(0.1); transform:scale(0.1);
	-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
}
.qkList > li {text-align:right;}
.qkList > li:not(:last-child) {margin-bottom:5px;}
.qkList > li > a {color:#fff; display:inline-block; padding: 10px 15px; background:#ed3738; font-size: 9pt; box-shadow:0 0 6px rgba(0,0,0,0.3); border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}

.qkList.on {
	opacity:3;  width:100%; bottom:134px; right:10px;
	-webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);
	-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
}
.qkList > li > a > img {display:inline-block; vertical-align:middle; height: 20px; width: auto; margin-top: 1px; margin-right: 7px;}