/* font */

@charset "utf-8";
/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('../fonts/noto-sans-kr-v8-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../fonts/noto-sans-kr-v8-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v8-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v8-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v8-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../fonts/noto-sans-kr-v8-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* Reset */
*{margin:0;padding:0;-webkit-text-size-adjust:none; word-break:keep-all; box-sizing:border-box;}
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, caption, textarea, input, select, table, th, td, i {margin:0px; padding:0px; }
html {overflow-y:scroll;}
body {margin:0;padding:0; font-size:15px; font-family: 'Noto Sans KR', sans-serif; font-style:normal; font-weight:300;  color:#333; line-height:1;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {word-break:keep-all;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,  {display:block; margin:0; padding:0;}
ul, dl, ol{margin:0;padding:0;list-style:none;}
legend, .hid {margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;}
label, input, button, select, img, a {vertical-align:middle}
input, button {margin:0;padding:0; font-size:15px;font-family: 'Noto Sans KR', sans-serif;  font-style:normal; font-weight:300; color:#333;}
button, input[type="submit"], input[type="button"] {cursor:pointer;font-family: 'Noto Sans KR', sans-serif; border:0;}
input[type="text"] {height:40px; line-height:2em; vertical-align:middle; border:solid 1px #d5d9de; padding:8px 10px; min-width:80px; -moz-appearance: none; -webkit-appearance: none; border-radius:0;}
input[type="password"] {height:40px; line-height:2em; vertical-align:middle; border:solid 1px #d5d9de; padding:8px 10px; min-width:80px; -moz-appearance: none; -webkit-appearance: none; border-radius:0;}
.inputBox_full{width:100%;} .inputBox_w01{width:10%;} .inputBox_w02{width:20%;} .inputBox_w03{width:30%;} .inputBox_w04{width:40%;} .inputBox_w05{width:50%;} .inputBox_w06{width:60%;} .inputBox_w07{width:70%;} .inputBox_w08{width:80%;} .inputBox_w09{width:90%;}
.width_full{width:100%;} .width01{width:10%;} .width02{width:20%;} .width03{width:30%;} .width04{width:40%;} .width05{width:50%;} .width06{width:60%;} .width07{width:70%;} .width08{width:80%;} .width09{width:90%;}

textarea, select, option {font-size:15px;font-family: 'Noto Sans KR', sans-serif;  font-style:normal; font-weight:300;  color:#333;}
select {margin:0;font-size:15px; font-family: 'Noto Sans KR', sans-serif;  font-style:normal; font-weight:300;  color:#333; cursor:pointer;
-moz-appearance: none; -webkit-appearance: none;  -webkit-border-radius: 0; /* 네이티브 외형 감추기 */  background:#fff url(../images/arw_selc.png) no-repeat right 10px center;height:40px; line-height:2em; vertical-align:middle; padding:0 25px 0 10px; border:solid 1px #ddd;  overflow:hidden;}
/*select:focus, input:focus, textarea:focus{outline:none;}*/
blockquote,q{quotes:none}
button,input,select,textarea{vertical-align:middle;}
select::-ms-expand {display: none;}
p {margin:0;padding:0;word-break:keep-all;}
span {word-break:keep-all;}
a{cursor:pointer;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:300;}
a:link, a:visited {color:#000;text-decoration:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
img{display:inline-block; margin:0; padding:0;}
button{background-color:transparent;cursor:pointer}
input::-webkit-input-placeholder{color:gray;}
input:-ms-input-placeholder{color:gray;}
input::-moz-placeholder{color:gray}
input:-moz-placeholder{color:gray;}
input[type="checkbox"]{width:20px; height:20px; margin-right:5px;}
input[type="radio"]{width:20px; height:20px; margin-right:5px; border:1px solid #ddd;}
textarea::-webkit-input-placeholder{color:gray;}
textarea:-ms-input-placeholder{color:gray;}
textarea::-moz-placeholder{color:gray}
textarea:-moz-placeholder{color:gray;}
table{border:0; border-collapse:collapse; border-spacing:0;}
b{font-weight:500;}
.dis_n{display:none !important;}
.dis_b{display:block;}
.hid{font-size:0; text-indent: -99999em; height: 0; width:0; border:0; border:none; opacity:0; bottom:-99999em; position:absolute;}
.hid:hover{font-size:0; text-indent: -99999em; height: 0; width:0; border:0; border:none; opacity:0; bottom:-99999em; position:absolute;}
::selection {background: #0053a0;color: #fff;text-shadow: none;}
::-moz-selection {background: #0053a0;color: #fff;text-shadow: none;}

/*margin-top*/.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt35{margin-top:35px;}.mt40{margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}.mt55{margin-top:55px;}.mt60{margin-top:60px;}/*margin-left*/.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}.ml55{margin-left:55px;}.ml60{margin-left:60px;}/*margin-right*/.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}
.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}.mr55{margin-right:55px;}.mr60{margin-right:60px;}
/*margin-right*/.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.mb55{margin-bottom:55px;}.mb60{margin-bottom:60px;}/*padding-top*/.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}
.pt30{padding-top:30px;}.pt35{padding-top:35px;}.pt40{padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}.pt55{padding-top:55px;}.pt60{padding-top:60px;}/*padding-bottom*/.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pb35{padding-bottom:35px;}.pb40{padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}
.pb55{padding-bottom:55px;}.pb60{padding-bottom:60px;}/*padding-right*/.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}
.pr35{padding-right:35px;}.pr40{padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}.pr55{padding-right:55px;}.pr60{padding-right:60px;}/*padding-left*/.pl10{padding-left:10px;}.pl15{padding-left:15px;}
.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl35{padding-left:35px;}.pl40{padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}.pl55{padding-left:55px;}
.pl60{padding-left:60px;}

.left_area{float:left;}
.right_area{float:right;}
.clearfix{overflow: hidden;}
.clearfix:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.txtC{text-align:center !important;}
.txtL{text-align:left !important;}
.txtR{text-align:right !important;}
.wba{word-break:break-all !important}
.mh750{min-height:750px !important;}
.mh950{min-height:950px !important;}
.mh1200{min-height:1200px !important;}
.wfull{width:100% !important;}

/* color */
.color_blue{color:#0081c2;}
.color_green{color:#30997b;}
.color_red{color:#fd4f57;}
.nb_color{color:#f84e57 !important; font-weight:400 !important;}
.nb_color1{color:#0071a9 !important; font-weight:400 !important;}
.nb_color2{color:#4159a7 !important; font-weight:400 !important;}
.nb_color3{color:#6e7a94!important;}
.nb_color4{color:#4159a7!important;}
.nb_color5{color:#0093ee !important;}

/* 준비 완료 취소 */
.ready:before{content: " "; display:block; position:absolute; left:0; width:4px; height:4px; border:4px solid #0081c2; top:50%; margin-top:-6px; border-radius:100%;}
.complete:before{content: " "; display:block; position:absolute; left:0; width:4px; height:4px; border:4px solid #30997b; top:50%; margin-top:-6px; border-radius:100%;}
.cancel:before{content: " "; display:block; position:absolute; left:0; width:4px; height:4px; border:4px solid #fd4f57; top:50%; margin-top:-6px; border-radius:100%;}
.ready{display:inline-block; position:relative; padding-left:16px; color:#0081c2; font-weight:500;}
.complete{display:inline-block; position:relative; padding-left:16px;color:#00733E; font-weight:500;}
.cancel{display:inline-block; position:relative; padding-left:16px;color:#fd4f57; font-weight:500;}

/* 모바일 overflow 처리 */
.scroll_x{overflow-x:auto;}
.scroll_x table{width:100%; min-width:1000px !important;}

/* ----------------------------- icon ----------------------------- */

/* icon - alert */
i.alert_green{width:60px; height:60px; background:url(../images/alert_green.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}
i.alert_blue{width:60px; height:60px; background:url(../images/alert_blue.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}
i.alert_red{width:60px; height:60px; background:url(../images/alert_red.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}

/* icon - arrow */
i.btn_left, a:visited i.btn_left{width:12px; height:20px; display:inline-block; background:url(../images/btn_arrow.png) no-repeat left 0; vertical-align:middle;}
i.btn_right, a:visited i.btn_right{width:12px; height:20px; display:inline-block; background:url(../images/btn_arrow.png) no-repeat right 0; vertical-align:middle;}
i.btn_up, a:visited i.btn_up{width:20px; height:12px; display:inline-block; background:url(../images/btn_arrow2.png) no-repeat 0 top; vertical-align:middle;}
i.btn_down, a:visited i.btn_down{width:20px; height:12px; display:inline-block; background:url(../images/btn_arrow2.png) no-repeat 0 bottom; vertical-align:middle;}
a:hover i.btn_left, a:focus i.btn_left{width:12px; height:20px; display:inline-block; background:url(../images/btn_arrow_hover.png) no-repeat left 0; vertical-align:middle;}
a:hover i.btn_right, a:focus i.btn_right{width:12px; height:20px; display:inline-block; background:url(../images/btn_arrow_hover.png) no-repeat right 0; vertical-align:middle;}
a:hover i.btn_up, a:focus i.btn_up{width:20px; height:12px; display:inline-block; background:url(../images/btn_arrow2_hover.png) no-repeat 0 top; vertical-align:middle;}
a:hover i.btn_down, a:focus i.btn_down{width:20px; height:12px; display:inline-block; background:url(../images/btn_arrow2_hover.png) no-repeat 0 bottom; vertical-align:middle;}
i.i_bl_right{width:8px; height:15px; background:url(../images/i_bl_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_bl_left{width:8px; height:15px; background:url(../images/i_bl_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_bl_up{width:15px; height:8px; background:url(../images/i_bl_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_bl_down{width:15px; height:8px; background:url(../images/i_bl_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_grey_right{width:8px; height:15px; background:url(../images/i_grey_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_grey_left{width:8px; height:15px; background:url(../images/i_grey_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_grey_up{width:15px; height:8px; background:url(../images/i_grey_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_grey_down{width:15px; height:8px; background:url(../images/i_grey_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_org_right{width:8px; height:15px; background:url(../images/i_org_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_org_left{width:8px; height:15px; background:url(../images/i_org_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_org_up{width:15px; height:8px; background:url(../images/i_org_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_org_down{width:15px; height:8px; background:url(../images/i_org_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_white_right{width:8px; height:15px; background:url(../images/i_white_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_white_up{width:15px; height:8px; background:url(../images/i_white_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_white_down{width:15px; height:8px; background:url(../images/i_white_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_white_left{width:8px; height:15px; background:url(../images/i_white_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
.t_right{width:5px; height:10px; background:url(../images/arwR_whitePoint.png) no-repeat center center; display:inline-block; background-size:100%; margin-left:5px;}


i.i_org_right.small{background-size:auto 10px;  margin:0 5px;}
.txt_list i.i_org_right.small{height:28px; vertical-align:top;}
/* icon - board*/
i.i_home{display:inline-block; width:16px; height:16px; background:url(../images/i_home.png) no-repeat center;}
a:hover i.i_home, a:focus i.i_home{display:inline-block; width:16px; height:16px; background:url(../images/i_home_black.png) no-repeat center; transition:ease 0.3s;}
i.attachment{width:17px; height:20px; background:url(../images/attachment.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.down{width:19px; height:20px; background:url(../images/down.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.keyboard{width:26px; height:16px; background:url(../images/i_key.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-right:5px;}
i.popular{width:15px; height:15px; background:url(../images/popular.png) no-repeat left 0; display:inline-block;}
a:hover i.popular, a:focus i.popular{background:url(../images/popular.png) no-repeat right 0; transition: 0.3s ease;}
i.cal_bl{width:20px; height:20px; background:url(../images/cal_bl.png) no-repeat center; vertical-align:top; display:inline-block; margin:10px 7px 0 0;}
i.plus{width:14px; height:14px; background:url(../images/plus.png) no-repeat center; vertical-align:middle; display:inline-block;}
i.minus{width:14px; height:14px; background:url(../images/minus.png) no-repeat center; vertical-align:middle; display:inline-block;}
i.calendar{width:20px; height:20px; background:url(../images/i_calendar.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
.fileDownload{display:inline-block; background:url(../images/file_down.png) no-repeat right center; background-size:13px; padding-right:20px; vertical-align:top; margin: 0 5px; font-weight:500;}
.btn_keyboard{width:50px; height:40px; position:absolute; top:0; right:0; display:inline-block; background:url(../images/i_keyboard.png) no-repeat center;}
i.reply{width:23px; height:20px; background:url(../images/i_reply.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 10px 0 0;}
i.lock{width:18px; height:20px; background:url(../images/i_lock.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.img{width:20px; height:20px; background:url(../images/i_img.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.file{width:20px; height:20px; background:url(../images/i_file.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}
i.new{width:20px; height:20px; background:url(../images/i_new.gif) no-repeat 0 0; vertical-align:top; display:inline-block; margin:4px 0 0 5px;}

/*icon - link*/
.newWin{display:inline-block; vertical-align:top; position:relative;}
.newWin i{width:13px; height:13px; background-size:100%; background:url(../images/i_newWin.gif) no-repeat center center; display:inline-block; background-size:100%; margin:0 5px;}
.newWin:hover, .newWin:focus{text-decoration:underline;}
.newWin_blue{color:#0093ee !important; display:inline-block;}
.newWin_blue i{width:15px; height:15px; background:url(../images/i_newWin_blue.png) no-repeat left 0; display:inline-block; vertical-align:middle; margin-left:5px;}
.newWin_blue:hover{text-decoration:underline;}

/*icon - contact*/
i.map{width:14px; height:21px; display:inline-block; background:url(../images/i_map.png) no-repeat center;}
i.tel{width:15px; height:15px; background:url(../images/i_tel.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.mail{width:15px; height:15px; background:url(../images/i_mail.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.fax{width:15px; height:15px; background:url(../images/i_fax.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.place{width:15px; height:15px; background:url(../images/i_place.png) no-repeat center center; vertical-align:middle; display:inline-block; margin-right:5px;}
a.mail{display:inline-block; vertical-align:top;}
a.mail i{width:15px; height:15px; background:url(../images/i_mail.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-right:5px;}
a.mail:hover, a.mail:focus{text-decoration:underline;}

/*icon - MyShelf*/
.i_facebook{background:#445d97 url(../images/i_facebook.png) no-repeat center; display:inline-block;}
.i_twitter{background:#27a8e0 url(../images/i_twitter.png) no-repeat center; display:inline-block;}
.i_line{background:#2fb14a url(../images/i_line.png) no-repeat center; display:inline-block;}
.i_kakaostory{background:#f3d60a url(../images/i_kakaostory.png) no-repeat center; display:inline-block;}
.i_pinterest{background:#be1f25 url(../images/i_pinterest.png) no-repeat center; display:inline-block;}
.i_band{background:#1bcc21 url(../images/i_band.png) no-repeat center; display:inline-block;}
.i_googleplus{background:#e74336 url(../images/i_googleplus.png) no-repeat center; display:inline-block;}
.i_naverblog{background:#00c73c url(../images/i_naverblog.png) no-repeat center; display:inline-block;}
i.setting{width:20px; height:20px; background:url(../images/i_set_w.png) no-repeat center; vertical-align:middle; display:inline-block;}
i.link{width:20px; height:20px; background:url(../images/i_link_w.png) no-repeat center; vertical-align:middle; display:inline-block;}
i.share{width:20px; height:20px; background:url(../images/i_share_w.png) no-repeat center; vertical-align:middle; display:inline-block;}
.btn_t02 i.setting{background:url(../images/i_set.png) no-repeat center;}
.btn_t02 i.link{background:url(../images/i_link.png) no-repeat center;}
.btn_t02 i.share{background:url(../images/i_share.png) no-repeat center;}
.btn_t02:hover i.setting, .btn_t02:focus i.setting{background:url(../images/i_set_w.png) no-repeat center;}
.btn_t02:hover i.link, .btn_t02:focus i.link{background:url(../images/i_link_w.png) no-repeat center;}
.btn_t02:hover i.share, .btn_t02:focus i.share{background:url(../images/i_share_w.png) no-repeat center;}

/*icon - 검색*/
.btn_align, .btnSet{border:1px solid #ddd; border-right:0; height:40px;}
.btn_align a, .btnSet a{display:block;width:40px; height:100%; float:left; padding:0; border-right:1px solid #ddd;}
.btn_align:after, .btnSet:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_align .btn_viewblist{background:url(../images/align_basic_grey.png) no-repeat center center; background-size:25px 25px; }
.btn_align .btn_viewblist:hover, .btn_align .btn_viewblist:focus, .btn_align .btn_viewblist_on{background:#f3f3f3 url(../images/align_basic_grey.png) no-repeat center center; transition:0.3s ease; background-size:25px 25px;}
.btn_align .btn_viewimg{background:url(../images/align_img_grey.png) no-repeat center center; background-size:25px 25px;}
.btn_align .btn_viewimg:hover, .btn_align .btn_viewimg:focus, .btn_align .btn_viewimg_on{background:#f3f3f3 url(../images/align_img_grey.png) no-repeat center center; transition: 0.3s ease; background-size:25px 25px;}
.btn_align .btn_viewlist{background:url(../images/align_simple_grey.png) no-repeat center center; background-size:25px 25px;}
.btn_align .btn_viewlist:hover, .btn_align .btn_viewlist:focus, .btn_align .btn_viewlist_on{background:#f3f3f3 url(../images/align_simple_grey.png) no-repeat center center; transition: 0.3s ease; background-size:25px 25px;}
.btn_align .btn_viewcal{background:url(../images/i_cal_grey.png) no-repeat center center; background-size:25px 25px;}
.btn_align .btn_viewcal:hover, .btn_align .btn_viewcal:focus, .btn_align .btn_viewcal_on{background:#f3f3f3 url(../images/i_cal_grey.png) no-repeat center center; transition: 0.3s ease; background-size:25px 25px;}
.btn_check_all{background:#fff url(../images/i_check_grey.png) no-repeat center center; background-size:25px 25px;}
.btn_check_all:hover, .btn_check_all:focus, .btn_check_all_on{background:#f3f3f3 url(../images/i_check_grey.png) no-repeat center center;  transition: 0.3s ease; background-size:25px 25px;}
.btn_print{background:url(../images/i_print_grey.png) no-repeat center center; background-size:25px 25px;}
.btn_print:hover, .btn_print:focus, .btn_print_on{background:#f3f3f3 url(../images/i_print_grey.png) no-repeat center center; transition: 0.3s ease; background-size:25px 25px;}
.btn_delete{background:url(../images/i_delete_grey.png) no-repeat center center; background-size:25px 25px;}
.btn_delete:hover, .btn_delete:focus, .btn_delete_on{background:#f3f3f3 url(../images/i_delete_grey.png) no-repeat center center; transition: 0.3s ease; background-size:25px 25px;}
.btn_move{background:url(../images/i_move.png) no-repeat center center; background-size:25px 25px;}
.btn_move:hover, .btn_move:focus, .btn_move_on{background:#f3f3f3 url(../images/i_move.png) no-repeat center center; transition: 0.3s ease; background-size:25px 25px;}

.btn_morebook{background:url(../images/btn_plus.png) no-repeat center center; width:40px; height:40px; display:inline-block; transition:0.3s ease;}
.btn_morebook:hover, .btn_morebook:focus{background:url(../images/btn_plus_hover.png) no-repeat center center; width:40px; height:40px; display:inline-block; transition:0.3s ease;}
a.btn_more{background:url(../images/btn_plus.png) no-repeat center center; width:50px; height:50px; display:inline-block; transition:0.3s ease; border:2px solid #101010;}
a.btn_more:hover, a.btn_more:focus{background:url(../images/btn_plus_hover.png) no-repeat center center; transition:0.3s ease; border:2px solid #0081c2;}
i.btn_more{width:20px; height:20px; display:inline-block; background:url(../images/btn_plus.png) no-repeat 0 0; vertical-align:middle;}

.btnTxt{display:inline-block; line-height:16px; vertical-align:middle;}
i.btn_more{width:20px; height:20px; display:inline-block; background:url(../images/btn_plus.png) no-repeat 0 0; vertical-align:middle;}
i.none{width:24px; height:24px; background:url(../images/radio_none.png) no-repeat center center; display:inline-block; vertical-align:middle; margin-right:5px;}

.btn_download{padding:10px 50px 10px 20px; background:#4159a7  url(../images/down_white.png) no-repeat right 20px center; display:inline-block; border:2px solid #4159a7 ; font-weight:500; font-size:18px; color:#fff !important;}
.btn_download:hover, .btn_download:focus{background-color:#2e3c8f; color:#fff !important; border:2px solid #2e3c8f;  transition:ease-out 0.3s;}

/* ----------------------------- button ----------------------------- */



/* 확장자버튼 height:40 */
.btn_excel{display:inline-block; padding:10px 20px; line-height:1;  font-weight:500; font-size:16px; vertical-align:middle; text-align:center; color:#10713a !important; border:solid 2px #10713a; background:#fff;}
.btn_excel i{display:inline-block; width:16px; height:14px; background:url(../images/i_excel.png) no-repeat 0 0; margin-right:5px;}
.btn_excel:hover, .btn_excel:focus{color:#fff !important; background:#10713a; border-color:#10713a; transition:0.3s ease;}
.btn_excel:hover i, .btn_excel:focus i{display:inline-block; width:16px; height:14px; background:url(../images/i_excel_w.png) no-repeat 0 0; transition:0.3s ease;}
.btn_pdf{display:inline-block; line-height:1; padding:10px 20px; font-weight:500; font-size:16px; vertical-align:middle; text-align:center; color:#dd4c3a !important; border:solid 2px #dd4c3a; background:#fff;}
.btn_pdf i{display:inline-block; width:15px; height:14px; background:url(../images/i_pdf.png) no-repeat 0 0; margin-right:5px;}
.btn_pdf:hover, .btn_pdf:focus{color:#fff !important; background:#dd4c3a; border-color:#dd4c3a; transition:0.3s ease;}
.btn_pdf:hover i, .btn_pdf:focus i{display:inline-block; width:15px; height:14px; background:url(../images/i_pdf_w.png) no-repeat 0 0; transition:0.3s ease;}
.btn_ppt{display:inline-block; line-height:1; padding:10px 20px; font-weight:500; font-size:16px; vertical-align:middle; text-align:center; color:#d25b29 !important; border:solid 2px #d25b29; background:#fff;}
.btn_ppt i{display:inline-block; width:12px; height:14px; background:url(../images/i_ppt.png) no-repeat 0 0; margin-right:5px;}
.btn_ppt:hover, .btn_ppt:focus{color:#fff !important; background:#d25b29; border-color:#d25b29; transition:0.3s ease;}
.btn_ppt:hover i, .btn_ppt:focus i{display:inline-block; width:12px; height:14px; background:url(../images/i_ppt_w.png) no-repeat 0 0; transition:0.3s ease;}
.btn_word{display:inline-block; line-height:1; padding:10px 20px; font-weight:500; font-size:16px; vertical-align:middle; text-align:center; color:#216dae !important; border:solid 2px #216dae; background:#fff;}
.btn_word i{display:inline-block; width:22px; height:14px; background:url(../images/i_word.png) no-repeat 0 0; margin-right:5px;}
.btn_word:hover, .btn_word:focus{color:#fff !important; background:#216dae; border-color:#216dae; transition:0.3s ease;}
.btn_word:hover i, .btn_word:focus i{display:inline-block; width:22px; height:14px; background:url(../images/i_word_w.png) no-repeat 0 0; transition:0.3s ease;}
.btn_image{display:inline-block; line-height:1; padding:10px 20px; font-weight:500; font-size:16px; vertical-align:middle; text-align:center; color:#562c86 !important; border:solid 2px #562c86; background:#fff;}
.btn_image i{display:inline-block; width:20px; height:14px; background:url(../images/i_image.png) no-repeat 0 0; margin-right:5px;}
.btn_image:hover, .btn_image:focus{color:#fff !important; background:#562c86; border-color:#562c86; transition:0.3s ease;}
.btn_image:hover i, .btn_image:focus i{display:inline-block; width:20px; height:14px; background:url(../images/i_image_w.png) no-repeat 0 0; transition:0.3s ease;}
.btn_txt{display:inline-block; line-height:1; padding:10px 20px; font-weight:500; font-size:16px; vertical-align:middle; text-align:center; color:#6a533b !important; border:solid 2px #6a533b; background:#fff;}
.btn_txt i{display:inline-block; width:20px; height:14px; background:url(../images/i_txt.png) no-repeat 0 0; margin-right:5px;}
.btn_txt:hover, .btn_txt:focus{color:#fff !important; background:#6a533b; border-color:#6a533b; transition:0.3s ease;}
.btn_txt:hover i, .btn_txt:focus i{display:inline-block; width:20px; height:14px; background:url(../images/i_txt_w.png) no-repeat 0 0; transition:0.3s ease;}

.btn_file a{display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center;}
.btn_file .file_excel{background-image:url(../images/i_file_xlc.png);}
.btn_file .file_pdf{background-image:url(../images/i_file_pdf.png);}
.btn_file .file_ppt{background-image:url(../images/i_file_ppt.png);}
.btn_file .file_txt{background-image:url(../images/i_file_txt.png);}
.btn_file .file_img{background-image:url(../images/i_file_img.png);}
.btn_file .file_avi{background-image:url(../images/i_file_avi.png);}
.btn_file .file_zip{background-image:url(../images/i_file_zip.png);}


/* button */
.btn_t01{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#4159a7  !important; border:2px solid #4159a7 ; font-weight:500; text-align:center;}
.btn_t02{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#494e51 !important;  border:2px solid #494e51; font-weight:500; text-align:center;}
.btn_t03, .btn_t01_on{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#fff !important; background:#4159a7;  border:2px solid #4159a7 ; font-weight:500; text-align:center;}
.btn_t04, .btn_t02_on{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#fff !important; background:#494e51; display:inline-block; border:2px solid #494e51; font-weight:500; text-align:center;}
.btn_t05{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#fff !important; background:#ef531d; border:2px solid #ef531d; font-weight:500; text-align:center;}
.btn_t01:hover, .btn_red:hover, .btn_t01:focus{background:#4159a7; color:#fff !important; transition:ease-out 0.3s}
.btn_t02:hover, .btn_t02s:hover, .btn_t02:focus, .btn_t02s:focus{background:#353540; color:#fff !important; border-color:#353540; transition:ease-out 0.3s;}
.btn_t03:hover, .btn_t03:focus{background:#324987; border:2px solid #324987; transition:ease-out 0.3s}
.btn_t04:hover, .btn_t04:focus{background:#353540; border:2px solid #353540; transition:ease-out 0.3s}
.btn_t05:hover, .btn_t05:focus{background:#d14220; border:2px solid #d14220; transition:ease-out 0.3s}

.btn_t03 i.i_white_right{vertical-align:top; background-size:auto 14px;}
/* 원형 height:22 */
.btn_h22_t01{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:300; border-radius:4px; background:#db5858; }
.btn_h22_t02{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:300; border-radius:4px; background:#5083ba;}
.btn_h22_t03{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:300; border-radius:4px; background:#4159a7;}
.btn_h22_t04{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:300; border-radius:4px; background:#30838e;}
.btn_h22_t05{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:300; border-radius:4px; background:#30997b;}
.btn_h22_t06{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:300; border-radius:4px; background:#676767;}
.btn_h22_t01:hover, .btn_h22_t01:focus{background:#b53e3e; color:#fff !important; transition:0.3s ease;}
.btn_h22_t02:hover, .btn_h22_t02:focus{background:#235e82; color:#fff !important; transition:0.3s ease;}
.btn_h22_t03:hover, .btn_h22_t03:focus{background:#2a4284; color:#fff !important; transition:0.3s ease;}
.btn_h22_t04:hover, .btn_h22_t04:focus{background:#155456; color:#fff !important; transition:0.3s ease;}
.btn_h22_t05:hover, .btn_h22_t05:focus{background:#256350; color:#fff !important; transition:0.3s ease;}
.btn_h22_t06:hover, .btn_h22_t06:focus{background:#454545; color:#fff !important; transition:0.3s ease;}

/* 원형 height:24 */
.btn_h24_t01{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:4px; font-weight:500; font-size:14px; font-style:normal; color:#4159a7 !important; border:2px solid #4159a7;}
.btn_h24_t02{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:4px; font-weight:500; font-size:14px; font-style:normal; color:#30838e !important; border:2px solid #30838e;}
.btn_h24_t03{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:4px; font-weight:500; font-size:14px; font-style:normal; color:#30997b !important; border:2px solid #30997b;}
.btn_h24_t04{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:4px; font-weight:500; font-size:14px; font-style:normal; color:#f58500 !important; border:2px solid #f58500;}
.btn_h24_t05{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:4px; font-weight:500; font-size:14px; font-style:normal; color:#676767 !important; border:2px solid #676767;}
.btn_h24_t01:hover, .btn_h24_t01:focus{background:#4159a7; color:#fff !important; transition:0.3s ease;}
.btn_h24_t02:hover, .btn_h24_t02:focus{background:#30838e; color:#fff !important; transition:0.3s ease;}
.btn_h24_t03:hover, .btn_h24_t03:focus{background:#30997b; color:#fff !important; transition:0.3s ease;}
.btn_h24_t04:hover, .btn_h24_t04:focus{background:#f58500; color:#fff !important; transition:0.3s ease;}
.btn_h24_t05:hover, .btn_h24_t05:focus{background:#676767; color:#fff !important; transition:0.3s ease;}

.btn_tbSelect_area{display:inline-block; overflow:hidden;}
.btn_tbSelect{display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; border-left:0;}
.btn_tbSelect:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_tbSelect_on{display:inline-block; padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; border-left:0; background:#f6f6f6;}
.btn_tbSelect_area a{float:left;}
.btn_tbSelect_area a:first-child{border-left:1px solid #ddd;}
.controller{width:100%; margin:0 auto; text-align:center;}
.controller .btn_on{width:18px; height:18px; background:url(../images/btn_controll01.png) no-repeat left 0; vertical-align:middle; display:inline-block;}
.controller .btn_off{width:18px; height:18px; background:url(../images/btn_controll01.png) no-repeat right 0; vertical-align:middle; display:inline-block;}
.btn_off:hover {width:18px; height:18px; background:url(../images/btn_controll01.png) no-repeat left 0; vertical-align:middle; display:inline-block;transition:ease 0.3s;}
.controller .btn_play{width:18px; height:18px; background:url(../images/btn_controll02.png) no-repeat left 0; vertical-align:middle; display:inline-block;}
.controller .btn_stop{width:18px; height:18px; background:url(../images/btn_controll02.png) no-repeat right 0; vertical-align:middle; display:inline-block;}



/*----------------------------- basic ----------------------------- */

/* skipnavi/스킵네비게이션 */
#skipnavi{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#skipnavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000}
#skipnavi a:link{color:#333;}
#skipnavi a:focus{margin-top:0;text-decoration:underline;color:#fff}

/* login/로그인 */
.login{max-width:1200px; min-height:calc(100vh - 410px); margin:0 auto; text-align:center;}

ul.loginTab{width:50%; margin:0 auto; display:table; table-layout:fixed;}
ul.loginTab li{display:table-cell; height:48px; line-height:46px;}
ul.loginTab li a{display:block; text-align:center; width:100%; border:1px solid #ccc; border-left:0; color:#666; font-size:16px; font-weight:400;}
ul.loginTab li:first-child a{border-left:1px solid #ccc;}
ul.loginTab li.on a{background-color:#365a99; border:1px solid #365a99; color:#fff;}

.login p{margin-top:30px; color:#676767;}
.login p b{display:block; font-size:18px;  color:#365a99;}
.login p span{display:block;}
.login p span small{font-size:15px;}
.login h2{padding:0 10px 13px 10px;}
.login .login_cont{width:100%; margin:0 auto; border-top: 2px solid #101010; padding:40px 0; overflow:hidden;}
.login ul.loginTab + .login_cont{border:0;}

.login .input_box{border:solid 2px #e8e8e8; width:50%; margin:0 auto;}
.login .input_box span{display:block; line-height:60px; padding-left:55px; width:100%; }
.login .input_box span.input_id{border-bottom:solid 1px #e8e8e8; background:url(../images/i_id.png) no-repeat 15px center;}
.login .input_box span.input_pass{background:url(../images/i_pass.png) no-repeat 15px center;}
.login .input_box input{line-height:60px; height:60px; width:100%;  padding:0 10px 0 10px; border:0;}

.login .login_foot{clear:both;width:100%; margin:0 auto; position:relative; padding-top:70px;}
.login .inputArea{width:100%; margin:0 auto; text-align:center;}
.login .login_foot > .btn_t03{width:50%; text-align:center; margin:0 auto; border-radius:4px; position:absolute; top:0; left:25%;}
.login .inputArea span, .login .inputArea a{display:inline-block; margin:0 5px;}
.login .inputArea span label{margin-left:5px;}
.login_foot + div.login_foot{margin-top:30px;}
.login .inputArea br{display:none;}

/* membership/회원가입 */
.membership_area{width:100%; margin:0 auto;}
.membership_area .membership{width:100%; margin:0 auto;}
.membership_area .membership:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.membership_area .membership li{float:left; display:block; width:20%; position:relative;}
.membership_area .membership li p{text-align:center; width:100%; margin:0 auto;}
.membership_area .membership li p strong{display:block; margin:0 auto; font-size:2em; width:60px; height:60px; line-height:52px; border:3px solid #676767; color:#676767; border-radius:60px; vertical-align:middle;}
.membership_area .membership li p b{display:block; margin:0 auto; margin-top:20px; color:#676767;}
.membership_area .membership li:after{content: " "; display:block; background:url(../images/arwR_grey.png) no-repeat 0 0; width:7px; height:12px; position:absolute; left:0; top:50%; margin-top:-6px;}
.membership_area .membership li:first-child:after{content: " ";display: block;height:0;visibility: hidden;}
.membership_area .membership li.on p strong{background:#6491c9; border:3px solid #6491c9; color:#fff;}
.membership_area .membership li.on p b{color:#6491c9;}
.member_class_area{width:100%; margin:0 auto; margin-top:30px; background:#f6f6f6; overflow:hidden; padding:4px;}
.member_class{width:100%; margin:0 auto;}
.member_class li{width:33.3333%; display:block; float:left; padding:4px;}
.member_class li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.member_class li a{display:block; width:100%; margin:0 auto; text-align:center; border:2px solid #ddd; border-bottom:5px solid #ddd; padding:40px 0; background:#fff;}
.member_class li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.member_class li a i{width:80px; height:80px; display:block; margin:0 auto; border-radius:80px;}
.member_class li:nth-child(1) a i{background:url(../images/member01.png) no-repeat center center; border:3px solid #6491c9;}
.member_class li:nth-child(2) a i{background:url(../images/member02.png) no-repeat center center; border:3px solid #a7574f;}
.member_class li:nth-child(3) a i{background:url(../images/member03.png) no-repeat center center; border:3px solid #8b3946;}
.member_class li a span{display:block;}
.member_class li a span b{display:block; font-weight:500; font-size:2em; margin-top:20px;}
.member_class li a span small{display:block; color:#676767; font-size:0.938em; margin-top:10px;}
.member_class li:nth-child(1) a:hover, .member_class li:nth-child(1) a:focus{border-color:#6491c9; transition:ease-in-out 0.3s;}
.member_class li:nth-child(2) a:hover, .member_class li:nth-child(2) a:focus{border-color:#a7574f; transition:ease-in-out 0.3s;}
.member_class li:nth-child(3) a:hover, .member_class li:nth-child(3) a:focus{border-color:#8b3946; transition:ease-in-out 0.3s;}
.member_class li:nth-child(1) a:hover i, .member_class li:nth-child(1) a:focus i{background:#6491c9 url(../images/member01_w.png) no-repeat center center; border:3px solid #6491c9; transition:ease-in-out 0.3s;}
.member_class li:nth-child(2) a:hover i, .member_class li:nth-child(2) a:focus i{background:#a7574f url(../images/member02_w.png) no-repeat center center; border:3px solid #a7574f; transition:ease-in-out 0.3s;}
.member_class li:nth-child(3) a:hover i, .member_class li:nth-child(3) a:focus i{background:#8b3946 url(../images/member03_w.png) no-repeat center center; border:3px solid #8b3946; transition:ease-in-out 0.3s;}

/* membership/회원가입02 */
.scroll_area{border: 1px solid #ddd; padding:20px 40px 40px 40px; height: 274px; overflow: auto; margin-top:30px; line-height:28px; font-size:15px; color:#676767;}
.scroll_area .scroll_title:before{visibility:hidden;}
.scroll_area .scroll_title{margin-top:20px; padding:0; font-weight:700; color:#333;}
.scroll_area .scroll_subtitle{margin:15px 0 10px 0; font-size:18px; position:relative; padding-left:15px; font-weight:500; color:#333;}
.scroll_area .scroll_subtitle:before{content: ""; width: 6px; height: 6px; background-color:#333; border-radius: 50%; position: absolute; top: 11px; left: 0;}
.agree{text-align:right; margin-top:15px;}

/* membership/회원가입03 */
.certifications_area{width:100%; margin:0 auto; margin-top:30px; background:#f6f6f6; overflow:hidden; padding:4px;}
.certification_class{width:100%; margin:0 auto;}
.certification_class li{width:50%; display:block; float:left; padding:4px;}
.certification_class li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.certification_class li p{display:block; width:100%; margin:0 auto; text-align:center; border:2px solid #ddd; border-bottom:5px solid #ddd; padding:40px 0; background:#fff;}
.certification_class li p i{width:80px; height:80px; display:block; margin:0 auto; border-radius:80px;}
.certification_class li p span{display:block;}
.certification_class li p span b{display:block; font-weight:500; font-size:2em; margin-top:20px;}
.certification_class li p span small{display:block; color:#676767; font-size:0.938em; margin-top:10px; padding:0 15px; line-height:1.4em;}
.certification_class li p a{display:block; margibn-bottom:30px; width:auto; max-width:180px; margin:0 auto; margin-top:20px;}
.certification_class li:nth-child(1) p i{background:url(../images/certification01.png) no-repeat center center; border:3px solid #ddd;}
.certification_class li:nth-child(2) p i{background:url(../images/certification02.png) no-repeat center center; border:3px solid #ddd;}
.certification_class li:hover p, .certification_class li:focus p{border:2px solid #676767; border-bottom:5px solid #676767;transition:ease-in-out 0.3s;}

/* membership/회원가입04 */
.membership_area .clearfix input{margin-right:5px;}
.mail_certification span.at{display:inline-block; float:left; line-height:50px; vertical-align:middle; margin-right:5px;}
.mail_certification > p a{margin-left:5px;}
.t_drop{width:100%; margin-top:10px;}
.t_drop:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.t_drop b{display:block; padding-right:10px; float:left; vertical-align:middle; line-height:40px; font-size:15px;}
.t_drop .num{width:50%; position:relative; float:left;}
.t_drop .num input{width:99%; display:block;}
.t_drop .num span{position:absolute; display:block; top:50%; margin-top:-12px; right:15px;}
.t_drop .num a{margin-left:5px; overflow:hidden; float:left;}
.nb_pass{width:100%; margin:0 auto;}
.nb_pass input{float:left;}
.nb_pass span{line-height:50px; height:50px; margin-left:15px;}
.nb_pass:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}

/* membership/회원가입05 */
.membership_area .btn_area a .i_white_left{vertical-align:top; margin:2px 10px 0 0;}
.membership_area .btn_area a .i_white_right{vertical-align:top; margin:2px 0 0 10px;}
.membership_area .membership_complete{width:100%; margin:0 auto; background:url(../images/member_complete.png) no-repeat center 0; text-align:center; min-height:150px; margin-top:50px; overflow:hidden;}
.membership_area .membership_complete h3{font-size:2em; margin-top:130px; line-height:1.4em; word-break:keep-all; font-weight:300;}
.membership_area .membership_complete h3 span{font-weight:500; color:#6491c9;}
.membership_area .membership_complete p{font-size:1.5em; color:#676767; margin-top:10px;}


/* myinfo_area/회원정보 */
.myinfo_area{width:100%; margin:0 auto;}
.myinfo_area .basic_top{width:100%; margin:0 auto; border: 8px solid #f6f6f6; border-radius:10px; padding: 20px;}
.myinfo_area .basic_top:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.myinfo_area .basic_top .bg_area{width:15%; float:left;}
.myinfo_area .basic_top .bg_area i{width:100%; min-height:82px; display:inline-block; vertical-align:middle;}
.myinfo_area .basic_top .password{background:url(../images/password.png) no-repeat center center;}
.myinfo_area .basic_top .my_set{background:url(../images/my_set.png) no-repeat center center;}
.myinfo_area .basic_top .info_txt{float:left; width:80%; min-height:80px; padding-left:20px; border-left:1px solid #ddd;}
.myinfo_area .basic_top .info_txt h3{width:100%; margin:0;}
.myinfo_area .basic_top .info_txt > span{display:block; width:100%; margin-top:15px; position:relative; color:#676767; padding-left:15px; line-height:1.5em;}
.myinfo_area .basic_top .info_txt > span:before{content: ""; width: 8px; height: 3px; background-color: #676767; position: absolute; top: 8px; left: 0;}
.myinfo_area .dt_box2{margin-top:30px;}
.txtList li{display:block; margin-top:15px; position:relative; color:#676767; padding-left:15px; line-height::1.1em;}
.txtList li:before{content: ""; width: 8px; height: 3px; background-color: #676767; position: absolute; top: 8px; left: 0;}
.nb_color i{display:inline-block; background:#f84e57 url(../images/exclamation.png) no-repeat center center;width:19px; height:19px; border-radius:16px;text-align:center; vertical-align:middle; margin-right:5px;}

/* myinfo_area/개인정보처리방침 */
#personal{width:100%; margin:0 atuo;}

#personal .sub_ex_txt{background-color:#f3f3f3; border-radius:10px; width:100%; margin:0 auto; padding:20px;}
#personal .sub_ex_txt p{line-height:1.5em; font-size:16px; text-align:center;}
#personal .lineBox{border:1px solid #ccc; border-radius:10px; width:100%; margin:0 auto; padding:20px;}
#personal .lineBox .tit{font-size:18px; font-weight:500; line-height:1.5em;}
#personal ul.txt_list{margin-top:0;}
#personal .tit + ul.txt_list{margin-top:10px;}
#personal .lineBox p .btn_h22_t03{margin-left:15px; vertical-align:middle;}

/* 히든페이지 - 개인정보처리방침 */
#personal .hide_con {margin-top:20px;padding-top:10px;border-top:solid 1px #ddd;}
#personal .hide_con .hide_tit {font-size:12px;background:url('../images/sub/sub0901_img01.gif') no-repeat left center;padding-left:10px;font-weight:600;color:#0053a0; line-height:1.5em;}
#personal .hide_con .hide_list {margin-bottom:20px;}
#personal .hide_con .hide_list li {font-size:12px;margin-left:20px;color:#999;padding-bottom:5px; line-height:1.5em;}
#personal .hide_con .hide_list li.sub_tit {font-weight:600;color:#818181;margin-top:5px;margin-left:10px; line-height:1.5em;}
#personal .hide_con .hide_list li.sub_txt {margin-left:10px; line-height:1.5em;}
#personal .hide_con .hide_list li.line {border:solid 1px #ddd;margin:10px 0 10px 20px;padding:10px;text-align:center;font-weight:600;} 

/* errorWrap/404에러 */
#errorWrap{width:100%; margin:0 auto; position:relative;}
#errorWrap > div{width:100%; margin:0 auto; text-align:center; margin-top:10%; padding:10px;}
#errorWrap .notFound{background:url(../images/not_found.png) no-repeat top center; padding-top:82px;}
#errorWrap > div .title{width:100%; margin:0 auto; font-size:30px; font-weight:500; margin-top:30px;}
#errorWrap > div .info{width:100%; margin:0 auto; color:#676767; line-height:1.5em; margin-top:15px;}





@media(max-width:1024px){
	
	/* 원형 height:24 */
	.btn_h24_t01, .btn_h24_t01:hover, .btn_h24_t01:focus{padding:1px 10px 0 10px; line-height:1.5em;}
	.btn_h24_t02, .btn_h24_t02:hover, .btn_h24_t02:focus{padding:1px 10px 0 10px; line-height:1.5em;}
	.btn_h24_t03, .btn_h24_t03:hover, .btn_h24_t03:focus{padding:1px 10px 0 10px; line-height:1.5em;}
	.btn_h24_t04, .btn_h24_t04:hover, .btn_h24_t04:focus{padding:1px 10px 0 10px; line-height:1.5em;}
	.btn_h24_t05, .btn_h24_t05:hover, .btn_h24_t05:focus{padding:1px 10px 0 10px; line-height:1.5em;}
		
	table .btn_h24_t01, table .btn_h24_t01:hover, table .btn_h24_t01:focus{word-break:keep-all;}
	table .btn_h24_t02, table .btn_h24_t02:hover, table .btn_h24_t02:focus{word-break:keep-all;}
	table .btn_h24_t03, table .btn_h24_t03:hover, table .btn_h24_t03:focus{word-break:keep-all;}
	table .btn_h24_t04, table .btn_h24_t04:hover, table .btn_h24_t04:focus{word-break:keep-all;}
	table .btn_h24_t05, table .btn_h24_t05:hover, table .btn_h24_t05:focus{word-break:keep-all;}
	.pc_only{display:none!important;}
}



@media(max-width:767px){	
	#errorWrap > div .title{font-size:18px;}
	
	select {font-size:14px; height:34px; line-height:34px; padding:0px 25px 0 5px;}
	input[type="text"] {height:34px; line-height:34px; padding:8px 5px 10px 5px; min-width:80px; font-size:14px;}
	input[type="password"] {height:34px; line-height:34px; vertical-align:middle; padding:8px 5px 10px 5px; font-size:14px;}
	/* button */
	.btn_t01, .btn_red{padding:8px 10px !important; font-size:14px;}
	.btn_t02{padding:8px 10px !important; font-size:14px;}
	.btn_t03, .btn_t01_on{padding:8px 10px !important; font-size:14px;}
	.btn_t04, .btn_t02_on{padding:8px 10px !important; font-size:14px;}
	.btn_t05{padding:8px 10px; font-size:14px;}
	.btn_t01:hover, .btn_red:hover, .btn_t02:hover, .btn_t02s:hover, .btn_t03:hover, .btn_t04:hover, .btn_t05:hover{padding:8px 10px; font-size:14px;}
	
	.btn_download{padding:8px 30px 8px 5px; font-size:14px; right:5px; background-position:right 5px center;}
	
	.txt_list i.i_org_right.small{height:1.5em;}
	/* 확장자버튼 height:40 */
	.btn_excel{padding:7.5px 10px; font-size:14px;}
	.btn_excel i, .btn_excel:hover i, .btn_excel:focus i{width:10px; height:10px; background-size:100%;}
	.btn_pdf{padding:7.5px 10px; font-size:14px;}
	.btn_pdf i, .btn_pdf:hover i, .btn_pdf:focus i{width:10px; height:10px; background-size:100%;}	
	.btn_ppt{padding:7.5px 10px; font-size:14px;}
	.btn_ppt i, .btn_ppt:hover i, .btn_ppt:focus i{width:10px; height:10px; background-size:100%;}
	.btn_word{padding:7.5px 10px; font-size:14px;}
	.btn_word i, .btn_word:hover i, .btn_word:focus i{width:10px; height:10px; background-size:100%;}
	.btn_image{padding:7.5px 10px; font-size:14px;}
	.btn_image i, .btn_image:hover i, .btn_image:focus i{width:10px; height:10px; background-size:100%;}
	.btn_txt{padding:7.5px 10px; font-size:14px;}
	.btn_txt i, .btn_txt:hover i, .btn_txt:focus i{width:10px; height:10px; background-size:100%;}
	
	.complete, .cancel, .ready{padding-left:15px;}	
	.complete:before, .cancel:before, .ready:before{width:3px; height:3px; border-size:3px; margin-top:-6.5px;}	
	
	.scroll_x{padding:0 15px;}
	/*----------------  myinfo_area/개인정보처리방침 ----------------*/
	#personal .lineBox{width:calc(100% - 30px);}
		
}