/* 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', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif'; font-style:normal; font-weight:400;  color:#101010; 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', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif';  font-style:normal; font-weight:400; color:#101010;}
button, input[type="submit"], input[type="button"] {cursor:pointer;font-family: 'Noto Sans KR', sans-serif; border:0;}
input[type="text"] {height:40px; 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:40px; 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:80%;}
textarea, select, option {font-size:15px;font-family: 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif';  font-style:normal; font-weight:400;  color:#101010;}
select {margin:0;font-size:15px;font-family: 'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif';  font-style:normal; font-weight:400;  color:#101010; 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:40px; vertical-align:middle; padding:0px 25px 0 10px; border:solid 1px #ddd;  overflow:hidden;}
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:400;}
a:link, a:visited {color:#000;text-decoration:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
*:focus{outline:3px solid #0082ff !important; outline-offset:0 !important;}
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;}
/*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: auto;}
.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;}

.mh750{min-height:750px !important;}
.mh950{min-height:950px !important;}
.mh1200{min-height:1200px !important;}

#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}

/* color */
.color_blue{color:#0081c2;}
.color_green{color:#197f50;}
.color_red{color:#cf252d;}
.nb_color{color:#f84e57 !important; font-weight:500 !important;}
.nb_color2{color:#f16947 !important; font-weight:500 !important;}
.nb_color3{color:#a47c69 !important;}
.nb_color5{color:#0093ee !important;}
/* 준비 완료 취소 */
.ready:before{content: " "; display:block; position:absolute; left:0; width:5px; height:5px; border:5px solid #0081c2; top:50%; margin-top:-7px; border-radius:100%;}
.complete:before{content: " "; display:block; position:absolute; left:0; width:5px; height:5px; border:5px solid #197f50; top:50%; margin-top:-7px; border-radius:100%;}
.cancel:before{content: " "; display:block; position:absolute; left:0; width:5px; height:5px; border:5px solid #cf252d; top:50%; margin-top:-7px; border-radius:100%;}
.ready{display:inline-block; position:relative; padding-left:20px; color:#0081c2; font-weight:500;}
.complete{display:inline-block; position:relative; padding-left:20px;color:#197f50; font-weight:500;}
.cancel{display:inline-block; position:relative; padding-left:20px;color:#cf252d; font-weight:500;}

/* ================== icon ================== */
i.map{width:14px; height:21px; display:inline-block; background:url(../images/i_map.png) no-repeat 0 0;}
i.select_point{width:10px; height:5px; display:inline-block; background:url(../images/select_point.png) no-repeat 0 0; vertical-align:middle;}

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 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 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 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 center; display:inline-block; background-size:100%;}

i.i_grey_right{width:8px; height:15px; background:url(../images/i_grey_right.png) no-repeat 0 0; 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 0 0; 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 0 0; display:inline-block; background-size:100%;}
i.i_grey_down{width:15px; height:8px; background:url(../images/i_grey_down.png) no-repeat 0 0; display:inline-block; background-size:100%;}

i.i_org_right{width:8px; height:15px; background:url(../images/i_org_right.png) no-repeat 0 0; 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 0 0; 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 0 0; display:inline-block; background-size:100%;}
i.i_org_down{width:15px; height:8px; background:url(../images/i_org_down.png) no-repeat 0 0; display:inline-block; background-size:100%;}

i.i_white_right{width:8px; height:15px; background:url(../images/i_white_right.png) no-repeat 0 0; 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 0 0; display:inline-block; background-size:100%;}
i.i_white_down{width:15px; height:8px; background:url(../images/i_white_down.png) no-repeat 0 0; display:inline-block; background-size:100%;}
i.i_white_left{width:8px; height:15px; background:url(../images/i_white_left.png) no-repeat 0 0; vertical-align:middle; display:inline-block; margin-left:5px;}

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

i.i_home{display:inline-block; width:16px; height:16px; background:url(../images/i_home.png) no-repeat center; vertical-align:middle;}
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.goR_white{width:36px; height:28px; background:url(../images/i_goR_white.png) no-repeat center center; display:inline-block;}
i.attachment{width:17px; height:20px; background:url(../images/attachment.png) no-repeat center; vertical-align:middle; display:inline-block;}
i.down{width:19px; height:20px; background:url(../images/down.png) no-repeat center; vertical-align:middle; display:inline-block;}
i.keyboard{width:26px; height:16px; background:url(../images/i_key.png) no-repeat center; 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 center; 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;}
.arr_next{display:inline-block; width:11px; height:11px; background:url(../images/arr_next.png)no-repeat center; vertical-align:middle; margin:0 10px;}

/*MyShelf icon*/
.i_facebook{background:#445d97 url(../images/i_facebook.png) no-repeat center center;}
.i_twitter{background:#27a8e0 url(../images/i_twitter.png) no-repeat center center;}
.i_line{background:#2fb14a url(../images/i_line.png) no-repeat center center;}
.i_kakaostory{background:#f3d60a url(../images/i_kakaostory.png) no-repeat center center;}
.i_pinterest{background:#be1f25 url(../images/i_pinterest.png) no-repeat center center;}
.i_band{background:#1bcc21 url(../images/i_band.png) no-repeat center center;}
.i_googleplus{background:#e74336 url(../images/i_googleplus.png) no-repeat center center;}
.i_naverblog{background:#00c73c url(../images/i_naverblog.png) no-repeat center center;}


/*MyShelf icon*/
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;}
i.chka{width:20px; height:20px; background:url(../images/i_chka.png) no-repeat center; vertical-align:top; display:inline-block; margin:11px 7px 0 0;}
i.delete{width:20px; height:20px; background:url(../images/i_delete.png) no-repeat center; vertical-align:top; display:inline-block; margin:11px 7px 0 0;}
i.move{width:20px; height:20px; background:url(../images/i_move.png) no-repeat  center; vertical-align:top; display:inline-block; margin:11px 7px 0 0;}

.btn_t02 i.setting{background:url(../images/i_set.png) no-repeat 0 0;}
.btn_t02 i.link{background:url(../images/i_link.png) no-repeat 0 0;}
.btn_t02 i.share{background:url(../images/i_share.png) no-repeat 0 0;}
.btn_t02:hover i.setting, .btn_t02:focus i.setting{background:url(../images/i_set_w.png) no-repeat 0 0;}
.btn_t02:hover i.link, .btn_t02:focus i.link{background:url(../images/i_link_w.png) no-repeat 0 0;}
.btn_t02:hover i.share, .btn_t02:focus i.share{background:url(../images/i_share_w.png) no-repeat 0 0;}

.t_right{width:5px; height:20px; background:url(../images/arwR_whitePoint.png) no-repeat center center; vertical-align:top; display:inline-block; background-size:100%; margin-left:5px;}

/*board icon*/
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;}
.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;}
.newWin2{display:inline-block; vertical-align:top; position:relative;}
.newWin2 i{width:13px; height:13px; background-size:100%; background:url(../images/i_newWin2.gif) no-repeat center center; display:inline-block; background-size:100%; margin:0 5px;}
.newWin3{display:inline-block; vertical-align:top; position:relative;}
.newWin3 i{width:13px; height:13px; background-size:100%; background:url(../images/i_newWin3.gif) no-repeat center center; display:inline-block; background-size:100%; margin:0 5px;}
.newWin:hover, .newWin:focus, .newWin2:hover, .newWin2:focus, .newWin3:hover, .newWin3: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, .newWin_blue:focus{text-decoration:underline;}

/*검색결과 상단 아이콘*/
.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;}


/* 확장자버튼 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;}

/* button */
.btn_t01, .btn_red{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#c72d09!important; border:2px solid #e03710 ; font-weight:500; text-align:center;}
.btn_t02{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#615d5c !important;  border:2px solid #615d5c; 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:#e03710;  border:2px solid #e03710 ; 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:#615d5c; display:inline-block; border:2px solid #615d5c; font-weight:500; text-align:center;}
.btn_t05{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#fff !important; background:#f16947; border:2px solid #f16947; font-weight:500; text-align:center;}
.btn_t01:hover, .btn_red:hover, .btn_t01:focus, .btn_red:focus{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; background:#e03710 ; color:#fff !important; transition:ease-out 0.3s}
.btn_t02:hover, .btn_t02s:hover, .btn_t02:focus, .btn_t02s:focus{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; background:#615d5c; color:#fff !important; transition:ease-out 0.3s;}
.btn_t03:hover, .btn_t03:focus{background:#cd2a04; border:2px solid #cd2a04; color:#fff !important; transition:ease-out 0.3s}
.btn_t04:hover, .btn_t04:focus{background:#4d4a4a; border:2px solid #4d4a4a; color:#fff !important; transition:ease-out 0.3s}
.btn_t05:hover, .btn_t05:focus{background:#e55531; border:2px solid #e55531; color:#fff !important; transition:ease-out 0.3s}

/* 원형 height:22 */
.btn_h22_t01{display:inline-block; line-height:1.5em; min-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#d74b51;}
.btn_h22_t02{display:inline-block; line-height:1.5em; min-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#a76e53;}
.btn_h22_t03{display:inline-block; line-height:1.5em; min-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#a7574f;}
.btn_h22_t04{display:inline-block; line-height:1.5em; min-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#8b3946;}
.btn_h22_t05{display:inline-block; line-height:1.5em; min-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#4d3d7b;}
.btn_h22_t06{display:inline-block; line-height:1.5em; min-height:22px; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#676767;}
.btn_h22_t01:hover, .btn_h22_t02:hover, .btn_h22_t03:hover, .btn_h22_t04:hover, .btn_h22_t05:hover, .btn_h22_t06:hover{background:#f16947;  transition:0.3s ease;}
.btn_h22_t01:focus, .btn_h22_t02:focus, .btn_h22_t03:focus, .btn_h22_t04:focus, .btn_h22_t05:focus, .btn_h22_t06:focus{background:#f16947;  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; color:#c72d09!important; font-size:14px; font-style:normal; border:2px solid #e03710 ; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t01:hover, .btn_h24_t01:focus{color:#fff !important; background:#e03710 ; transition:0.3s ease;}
.btn_h24_t02{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#a76e53 !important; font-size:14px; font-style:normal; border:2px solid #a76e53; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t02:hover, .btn_h24_t02:focus{color:#fff !important; background:#a76e53; transition:0.3s ease;}
.btn_h24_t03{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#a7574f !important; font-size:14px; font-style:normal; border:2px solid #a7574f; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t03:hover, .btn_h24_t03:focus{color:#fff !important; background:#a7574f; transition:0.3s ease;}
.btn_h24_t04{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#8b3946 !important; font-size:14px; font-style:normal; border:2px solid #8b3946; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t04:hover, .btn_h24_t04:focus{color:#fff !important; background:#8b3946; transition:0.3s ease;}
.btn_h24_t05{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; color:#4d3d7b !important; font-size:14px; font-style:normal; border:2px solid #4d3d7b; font-weight:400; border-radius:5px; font-weight:500;}
.btn_h24_t05:hover, .btn_h24_t05:focus{color:#fff !important; background:#4d3d7b; transition:0.3s ease;}

.btn_type01{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#0081c2;}
.btn_type02{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#197f50;}
.btn_type03{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#cf252d;}
.btn_type01:hover, .btn_type01:focus{background:#0070cc; transition:0.3s ease;}
.btn_type02:hover, .btn_type02:focus{background:#04B45F; transition:0.3s ease;}
.btn_type03:hover, .btn_type03:focus{background:#e52e2e; transition:0.3s ease;}

.btn_morebook{background:url(../images/btn_plus.png) no-repeat center center; width:40px; height:40px; display:inline-block;}
.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.5s ease;}
a.btn_more{background:url(../images/btn_plus.png) no-repeat center center; width:50px; height:50px; display:inline-block; transition:0.5s 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.5s ease; border:2px solid #c92c06;}
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_arwL_white{display:inline-block; width:40px; height:60px; background:url(../images/arwL_white.png) no-repeat 0 0; background-size:100%;}
.btn_arwL_white:hover, .btn_arwL_white:focus{background:url(../images/arwL_white_hover.png) no-repeat 0 0; transition:ease 0.3s;}
.btn_arwR_white{display:inline-block; width:40px; height:60px; background:url(../images/arwR_white.png) no-repeat 0 0; background-size:100%;}
.btn_arwR_white:hover, .btn_arwR_white:focus{background:url(../images/arwR_white_hover.png) no-repeat 0 0; transition:ease 0.3s;}
.btn_arwR_black{display:inline-block; width:40px; height:60px; background:url(../images/arwR_black.png) no-repeat 0 0; background-size:100%;}
.btn_arwR_black:hover, .btn_arwR_black:focus{background:url(../images/arwR_red.png) no-repeat 0 0; transition:ease 0.3s;}
.btn_arwL_black{display:inline-block; width:40px; height:60px; background:url(../images/arwL_black.png) no-repeat 0 0; background-size:100%;}
.btn_arwL_black:hover, .btn_arwL_black:focus{background:url(../images/arwL_red.png) no-repeat 0 0; transition:ease 0.3s;}
.btn_goR{width:40px; height:40px; border-radius:40px; background:url(../images/i_goR_white.png) no-repeat center center; background-color:rgba(0,0,0,1); display:inline-block; opacity:0.4; z-index:10;}
.btn_goR:hover, .btn_goR:focus{background-color:#e55531; opacity:1; transition:ease 0.3s;}
.btn_download{padding:14px 50px 14px 20px; background:#e03710  url(../images/down_white.png) no-repeat right 20px center; display:inline-block; border:2px solid #e03710 ; font-weight:500; font-size:18px; color:#fff !important;}
.btn_download:hover, .btn_download:focus{background-color:#dd330a; color:#fff !important; border:2px solid #dd330a;  transition:ease-out 0.3s;}

.btn_tbSelect{display:inline-block; padding:11px 20px; height:40px; border:1px solid #ddd; border-left:0;}
.btn_tbSelect_on{display:inline-block; padding:11px 20px; height:40px; border:1px solid #ddd; border-left:0; background:#f6f6f6;}
.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----------------------------- */
/*----------------  login/로그인 ----------------*/
.login{width:1200px; margin:0 auto; text-align:center; position:relative;}
.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;}
.input_box{border:solid 2px #e8e8e8; width:50%; margin:0 auto; margin-top:30px; }
.input_box span{display:block; line-height:60px; padding-left:55px; width:100%; }
.input_box span.input_id{border-bottom:solid 1px #e8e8e8; background:url(../images/i_id.png) no-repeat 15px center;}
.input_box span.input_pass{background:url(../images/i_pass.png) no-repeat 15px center;}
.input_box input{line-height:60px; height:60px; width:100%;  padding:0 10px 0 10px;  border:0;}
.login .btn_h40_t01{margin-top:30px;}
.login .btn_h40l_t02{width:auto; padding:0 20px;}
.login_foot{width:100%; position:relative; height:auto; overflow:hidden; min-height:200px;}
.login_foot .btn_t03{width:50%; text-align:center; margin-top:30px; position:absolute; top:0; left:50%; margin-left:-25%;}
.login .btn_area{position:absolute; top:60px;}
.login .btn_area span, .login .btn_area a{display:inline-block; margin:0 5px;}
.login .btn_area span label{margin-left:5px;}
.login .snav{position:absolute; top:0; right:0;}
.login .snav li{float: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:#f16947; border:3px solid #f16947; color:#fff;}
.membership_area .membership li.on p b{color:#f16947;}
.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 #f16947;}
.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:#f16947; transition:ease-in-out 0.5s;}
.member_class li:nth-child(2) a:hover, .member_class li:nth-child(2) a:focus{border-color:#a7574f; transition:ease-in-out 0.5s;}
.member_class li:nth-child(3) a:hover, .member_class li:nth-child(3) a:focus{border-color:#8b3946; transition:ease-in-out 0.5s;}
.member_class li:nth-child(1) a:hover i, .member_class li:nth-child(1) a:focus i{background:#f16947 url(../images/member01_w.png) no-repeat center center; border:3px solid #f16947; transition:ease-in-out 0.5s;}
.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.5s;}
.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.5s;}

/*--------  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:#101010;}
.scroll_area .scroll_subtitle{margin:15px 0 10px 0; font-size:18px; position:relative; padding-left:15px; font-weight:500; color:#101010;}
.scroll_area .scroll_subtitle:before{content: ""; width: 6px; height: 6px; background-color: #101010; 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.5s;}

/*--------  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:400;}
.membership_area .membership_complete h3 span{font-weight:500; color:#f16947;}
.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; 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.1em;}
.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;}

#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-left:10px; padding-right:10px;}
	.btn_h24_t02, .btn_h24_t02:hover, .btn_h24_t02:focus{padding-left:10px; padding-right:10px;}
	.btn_h24_t03, .btn_h24_t03:hover, .btn_h24_t03:focus{padding-left:10px; padding-right:10px;}
	.btn_h24_t04, .btn_h24_t04:hover, .btn_h24_t04:focus{padding-left:10px; padding-right:10px;}
	.btn_h24_t05, .btn_h24_t05:hover, .btn_h24_t05:focus{padding-left:10px; padding-right:10px;}
	
	table .btn_h24_t01, table .btn_h24_t01:hover, table .btn_h24_t01:focus{white-space:nowrap; word-break:keep-all;}
	table .btn_h24_t02, table .btn_h24_t02:hover, table .btn_h24_t02:focus{white-space:nowrap; word-break:keep-all;}
	table .btn_h24_t03, table .btn_h24_t03:hover, table .btn_h24_t03:focus{white-space:nowrap; word-break:keep-all;}
	table .btn_h24_t04, table .btn_h24_t04:hover, table .btn_h24_t04:focus{white-space:nowrap; word-break:keep-all;}
	table .btn_h24_t05, table .btn_h24_t05:hover, table .btn_h24_t05:focus{white-space:nowrap; word-break:keep-all;}
}



@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{display:inline-block; padding:8px 10px; font-size:14px; vertical-align:middle; color:#c72d09!important; border:2px solid #e03710 ; font-weight:500; text-align:center;}
	.btn_t02{display:inline-block; padding:8px 10px; font-size:14px; vertical-align:middle; color:#615d5c !important;  border:2px solid #615d5c; font-weight:500; text-align:center;}
	.btn_t03, .btn_t01_on{display:inline-block; padding:8px 10px; font-size:14px; vertical-align:middle; color:#fff !important; background:#e03710;  border:2px solid #e03710 ; font-weight:500; text-align:center;}
	.btn_t04, .btn_t02_on{display:inline-block; padding:8px 10px; font-size:14px; vertical-align:middle; color:#fff !important; background:#615d5c; display:inline-block; border:2px solid #615d5c; font-weight:500; text-align:center;}
	.btn_t05{display:inline-block; padding:8px 10px; font-size:14px; vertical-align:middle; color:#fff !important; background:#f16947; border:2px solid #f16947; font-weight:500; text-align:center;}
	.btn_t01:hover, .btn_red:hover, .btn_t01:focus, .btn_red:focus{display:inline-block; padding:8px 10px; font-size:14px; vertical-align:middle; background:#e03710 ; color:#fff !important; transition:ease-out 0.3s}
	.btn_t02:hover, .btn_t02s:hover, .btn_t02:focus, .btn_t02s:focus{display:inline-block; padding:8px 10px; font-size:14px; vertical-align:middle; background:#615d5c; color:#fff !important; transition:ease-out 0.3s;}
	.btn_t03:hover, .btn_t03:focus{background:#cd2a04; border:2px solid #cd2a04; color:#fff !important; transition:ease-out 0.3s;}
	.btn_t04:hover, .btn_t04:focus{background:#4d4a4a; border:2px solid #4d4a4a; color:#fff !important; transition:ease-out 0.3s;}
	.btn_t05:hover, .btn_t05:focus{background:#e55531; border:2px solid #e55531; color:#fff !important; transition:ease-out 0.3s;}

	
	/* 확장자버튼 height:40 */
	.btn_excel{display:inline-block; padding:7.5px 10px; font-weight:500; font-size:14px; vertical-align:middle; text-align:center; color:#10713a !important; border:solid 2px #10713a; background:#fff;}
	.btn_excel i, .btn_excel:hover i, .btn_excel:focus i{width:10px; height:10px; background-size:100%;}
	.btn_pdf{display:inline-block; padding:7.5px 10px; font-weight:500; font-size:14px; vertical-align:middle; text-align:center; color:#dd4c3a !important; border:solid 2px #dd4c3a; background:#fff;}
	.btn_pdf i, .btn_pdf:hover i, .btn_pdf:focus i{width:10px; height:10px; background-size:100%;}	
	.btn_ppt{display:inline-block; padding:7.5px 10px; font-weight:500; font-size:14px; vertical-align:middle; text-align:center; color:#d25b29 !important; border:solid 2px #d25b29; background:#fff;}
	.btn_ppt i, .btn_ppt:hover i, .btn_ppt:focus i{width:10px; height:10px; background-size:100%;}
	.btn_word{display:inline-block; padding:7.5px 10px; font-weight:500; font-size:14px; vertical-align:middle; text-align:center; color:#216dae !important; border:solid 2px #216dae; background:#fff;}
	.btn_word i, .btn_word:hover i, .btn_word:focus i{width:10px; height:10px; background-size:100%;}
	.btn_image{display:inline-block; padding:7.5px 10px; font-weight:500; font-size:14px; vertical-align:middle; text-align:center; color:#562c86 !important; border:solid 2px #562c86; background:#fff;}
	.btn_image i, .btn_image:hover i, .btn_image:focus i{width:10px; height:10px; background-size:100%;}
	.btn_txt{display:inline-block; padding:7.5px 10px; font-weight:500; font-size:14px; vertical-align:middle; text-align:center; color:#6a533b !important; border:solid 2px #6a533b; background:#fff;}
	.btn_txt i, .btn_txt:hover i, .btn_txt:focus i{width:10px; height:10px; background-size:100%;}
	
		
}