/* 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:break-all; border:0;}
*, *:after, *:before {-webkit- }
*{margin:0; padding:0; 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: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:break-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 {vertical-align:middle}
input, button {margin:0;padding:0; font-size:15px;font-family: 'Noto Sans KR', 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:50px; border:solid 1px #d5d9de; padding:0 10px; min-width:80px;   -webkit-appearance: none;   -webkit-border-radius: 0;}
input[type="password"] {height:50px; border:solid 1px #d5d9de; padding:0 10px; min-width:80px;}
.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', sans-serif;  font-style:normal; font-weight:400;  color:#101010;}
select {margin:0;font-size:15px; font-family: 'Noto Sans KR', 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/select_arw.png) no-repeat 100% 50%; height:50px; padding:0 40px 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:normal}
span {word-break:normal;}
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;}
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;}
textarea::-webkit-input-placeholder{color:gray;}
textarea:-ms-input-placeholder{color:gray;}
textarea::-moz-placeholder{color:gray}
textarea:-moz-placeholder{color:gray;}
input[type="checkbox"]{width:20px; height:20px; margin-right:5px; vertical-align:middle;}
input[type="radio"]{width:20px; height:20px; margin-right:5px; border:1px solid #ddd; vertical-align:middle;}
/* 포커스처리 */
a:focus{
  outline: 8px dotted #09F !important;
  outline-offset: -4px !important;
}
map area:focus, map area:active{
  outline: 2px dotted #000 !important;
  /*outline-offset: -2px !important;*/
}

::selection {
    background:#09F;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background:#09F;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#09F;
    color: #FFF;
    text-shadow: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	a:focus{
	  outline: 2px solid #09F !important;
	  outline-offset: -2px !important;
	}
}

b{font-weight:600;}
.dis_n{display:none !important;}
.dis_b{display:block !important;}
.hid{font-size:0; text-indent: -99999em; height: 0; width:0; border:0; border:none; opacity:0;}
.hid:hover{font-size:0; text-indent: -99999em; height: 0; width:0; border:0; border:none; opacity:0;}
.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;}
.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;}
.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;}
.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;}
.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;}

.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;}
.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;}
.txtL{text-align:left;}
.txtR{text-align:right;}


/* color */
.color_blue{color:#0081c2;}
.color_green{color:#08816e;}
.color_red{color:#e24249;}
.nb_color{color:#f84e57; font-weight:500;}
.nb_color2{color:#365a99; font-weight:500;}
.nb_color3{color:#888;}
.nb_color4{color:#784918;}

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

/* 준비 완료 취소 */
.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 #08816e; top:50%; margin-top:-7px; border-radius:100%;}
.cancel:before{content: " "; display:block; position:absolute; left:0; width:5px; height:5px; border:5px solid #e24249; 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:#08816e; font-weight:500;}
.cancel{display:inline-block; position:relative; padding-left:20px;color:#e24249; font-weight:500;}

/* ================== icon ================== */
i.map{width:14px; height:21px; display:inline-block; background:url(../images/i_map.png) no-repeat 0 0;}
i.sns_facebook{width:30px; height:30px; display:inline-block; background:url(../images/i_sns_facebook.png) no-repeat 0 0;}
i.sns_blog{width:30px; height:30px; display:inline-block; background:url(../images/i_sns_blog.png) no-repeat 0 0; }
i.sns_youtube{width:30px; height:30px; display:inline-block; background:url(../images/i_sns_youtube.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 0 0; 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 0 0; 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 0 0; display:inline-block; background-size:100%;}
i.i_bl_down{width:15px; height:8px; background:url(../images/i_bl_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 0 0; 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 0 0; transition:ease 0.5s;}
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 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.dvd{width:40px; height:40px; background:url(../images/i_dvd.png) no-repeat center center; vertical-align:middle; display:inline-block;}
i.conference{width:40px; height:40px; background:url(../images/i_conference.png) no-repeat center center; vertical-align:middle; display:inline-block;}
i.movie{width:40px; height:40px; background:url(../images/i_movie.png) no-repeat center center; vertical-align:middle; display:inline-block;}
i.seminar{width:40px; height:40px; background:url(../images/i_seminar.png) no-repeat center center; vertical-align:middle; display:inline-block;}
i.clock{width:40px; height:40px; background:url(../images/i_clock.png) no-repeat center center; vertical-align:middle; display:inline-block;}
i.light{width:40px; height:40px; background:url(../images/i_light.png) no-repeat center center; vertical-align:middle; display:inline-block;}
i.user{width:40px; height:40px; background:url(../images/i_user.png) no-repeat center center; vertical-align:middle; display:inline-block;}
i.lightG{width:40px; height:40px; background:url(../images/i_light_green.png) no-repeat center center; vertical-align:middle; display:inline-block;}
i.userG{width:40px; height:40px; background:url(../images/i_user_grey.png) no-repeat center center; 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;}
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.5s ease;}
i.cal_bl{width:20px; height:20px; background:url(../images/cal_bl.png) no-repeat 0 0; vertical-align:top; display:inline-block; margin:10px 7px 0 0;}
i.plus{width:14px; height:14px; background:url(../images/plus.png) no-repeat 0 0; vertical-align:middle; display:inline-block;}
i.minus{width:14px; height:14px; background:url(../images/minus.png) no-repeat 0 0; 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;}
/*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_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;}


i.book01{display:inline-block; width:30px; height:30px; vertical-align:middle; background:url(../images/book01.png) no-repeat center center; transition: 0.5s ease;}
i.book02{display:inline-block; width:17px; height:20px; vertical-align:middle; background:url(../images/book02.png) no-repeat center center; transition: 0.5s ease;}
/*검색결과 상단 아이콘*/
.btn_align, .btnSet{border:1px solid #ddd; border-right:0; height:50px;}
.btn_align a, .btnSet a{display:block;width:50px; 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; }
.btn_align .btn_viewblist:hover,.btn_align .btn_viewblist:focus, .btn_align .btn_viewblist_on{background:#e55531 url(../images/align_basic.png) no-repeat center center; transition:0.5s ease;}
.btn_align .btn_viewimg{background:url(../images/align_img_grey.png) no-repeat center center;}
.btn_align .btn_viewimg:hover, .btn_align .btn_viewimg:focus, .btn_align .btn_viewimg_on{background:#e55531 url(../images/align_img.png) no-repeat center center; transition: 0.5s ease;}
.btn_align .btn_viewlist{background:url(../images/align_simple_grey.png) no-repeat center center;}
.btn_align .btn_viewlist:hover, .btn_align .btn_viewlist:focus, .btn_align .btn_viewlist_on{background:#e55531 url(../images/align_simple.png) no-repeat center center; transition: 0.5s ease;}
.btn_align .btn_viewcal{background:url(../images/i_cal_grey.png) no-repeat center center;}
.btn_align .btn_viewcal:hover, .btn_align .btn_viewcal:focus, .btn_align .btn_viewcal_on{background:#e55531 url(../images/i_cal_w.png) no-repeat center center; transition: 0.5s ease;}

.btn_check_all{background:#fff url(../images/i_check_grey.png) no-repeat center center;}
.btn_check_all:hover, .btn_check_all:focus, .btn_check_all_on{background:#e55531 url(../images/i_check.png) no-repeat center center;  transition: 0.5s ease;}
.btn_print{background:url(../images/i_print_grey.png) no-repeat center center;}
.btn_print:hover, .btn_print:focus, .btn_print_on{background:#e55531 url(../images/i_print.png) no-repeat center center; transition: 0.5s ease;}

/* 확장자버튼 height:40 */
.btn_excel{display:inline-block; padding:14px 20px; font-weight:500; font-size:18px; 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; padding:14px 20px; font-weight:500; font-size:18px; 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; padding:14px 20px; font-weight:500; font-size:18px; 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; padding:14px 20px; font-weight:500; font-size:18px; 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; padding:14px 20px; font-weight:500; font-size:18px; 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; padding:14px 20px; font-weight:500; font-size:18px; 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{padding:14px 20px; color:#c92c06 !important; display:inline-block; border:2px solid #c92c06; font-weight:500; font-size:18px;}
.btn_t02{padding:14px 20px; color:#615d5c !important; display:inline-block; border:2px solid #615d5c; font-weight:500; font-size:18px;}
.btn_t03, .btn_t01_on{padding:14px 20px; color:#fff !important; background:#c92c06; display:inline-block; border:2px solid #c92c06; font-weight:500; font-size:18px; text-align:center;}
.btn_t04, .btn_t02_on{padding:14px 20px; color:#fff !important; background:#615d5c; display:inline-block; border:2px solid #615d5c; font-weight:500; font-size:18px; text-align:center;}
.btn_t05{padding:14px 20px; color:#fff !important; background:#e55531; display:inline-block; border:2px solid #dd4c28; font-weight:500; font-size:18px; text-align:center;}
.btn_t02s{padding:14px 20px; color:#615d5c !important; display:inline-block; border:2px solid #615d5c; color:4d4a4a; font-size:16px;}
.btn_t01:hover, .btn_red:hover, .btn_t01:focus, .btn_red:focus{padding:14px 20px; background:#c92c06; color:#fff !important; transition:ease-out 0.5s}
.btn_t02:hover, .btn_t02s:hover, .btn_t02:focus, .btn_t02s:focus{padding:14px 20px; background:#615d5c; color:#fff !important; transition:ease-out 0.5s;}
.btn_t03:hover, .btn_t03:focus{background:#dd330a; color:#fff !important; transition:ease-out 0.5s}
.btn_t04:hover, .btn_t04:focus{background:#4d4a4a; color:#fff !important; transition:ease-out 0.5s}
.btn_t05:hover, .btn_t05:focus{background:#dd4c28; color:#fff !important; transition:ease-out 0.5s}




/* 원형 height:22 */
.btn_h22_t01{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#d63138;}
.btn_h22_t02{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#784918;}
.btn_h22_t03{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#713731;}
.btn_h22_t04{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#8b3946;}
.btn_h22_t05{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; background:#4d3d7b;}
.btn_h22_t06{display:inline-block; padding:5px 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:22px; 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, .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:#dd4c28;  transition:0.3s ease;}
/* 원형 height:24 */
.btn_h24_t01{display:inline-block; padding:4px 10px; text-align:center; color:#c92c06 !important; font-size:14px; font-style:normal; border:2px solid #c92c06; font-weight:400; border-radius:24px; font-weight:500;}
.btn_h24_t01:hover{color:#fff !important; background:#c92c06; transition:0.5s ease;}
.btn_h24_t02{display:inline-block; padding:4px 10px; text-align:center; color:#784918 !important; font-size:14px; font-style:normal; border:2px solid #784918; font-weight:400; border-radius:24px; font-weight:500;}
.btn_h24_t02:hover{color:#fff !important; background:#784918; transition:0.5s ease;}
.btn_h24_t03{display:inline-block; padding:4px 10px; text-align:center; color:#713731 !important; font-size:14px; font-style:normal; border:2px solid #713731; font-weight:400; border-radius:24px; font-weight:500;}
.btn_h24_t03:hover{color:#fff !important; background:#713731; transition:0.5s ease;}
.btn_h24_t04{display:inline-block; padding:4px 10px; text-align:center; color:#8b3946 !important; font-size:14px; font-style:normal; border:2px solid #8b3946; font-weight:400; border-radius:24px; font-weight:500;}
.btn_h24_t04:hover{color:#fff !important; background:#8b3946; transition:0.5s ease;}
.btn_h24_t05{display:inline-block; padding:4px 10px; text-align:center; color:#4d3d7b !important; font-size:14px; font-style:normal; border:2px solid #4d3d7b; font-weight:400; border-radius:24px; font-weight:500;}
.btn_h24_t05:hover{color:#fff !important; background:#4d3d7b; transition:0.5s 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:#08816e;}
.btn_type03{display:inline-block; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; padding:5px 15px; border-radius:26px; background:#e24249;}
.btn_type01:hover, .btn_type01:focus{background:#0070cc; transition:0.5s ease;}
.btn_type02:hover, .btn_type02:focus{background:#04B45F; transition:0.5s ease;}
.btn_type03:hover, .btn_type03:focus{background:#e52e2e; transition:0.5s ease;}

.btnTxt{display:inline-block; line-height:16px; vertical-align:middle;}


/* 원형 height:28 */
.btn_h28_t01, .btn_h40_on{display:inline-block; line-height:28px; height:28px; line-height:28px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border-radius:28px; background:#365a99;}
.btn_h28_t02{display:inline-block; line-height:28px; height:28px; line-height:28px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; border-radius:28px; background:#75777b;}
.btn_h28_t01:hover, .btn_h28_t02:hover, .btn_h28_t01:focus, .btn_h28_t02:focus{background:#0093ee; transition:0.5s ease;}

.btn_morebook{background:url(../images/btn_plus.png) no-repeat center center; width:40px; height:40px; display:inline-block; transition:0.5s 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.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;}

.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.5s;}
.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.5s;}
.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.5s;}
.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.5s;}
.btn_goR{width:50px; height:50px; border-radius:50px; 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:hover{background-color:#e55531; opacity:1; transition:ease 0.5s;}
.btn_basicSearch{display:inline-block; background:#c92c06 url(../images/btn_basicSearch.png) no-repeat center center; width:55px; height:50px;}
.btn_basicSearch:hover, .btn_basicSearch:focus{background-color:#dd330a; transition:ease-in 0.5s;}
.btn_download{padding:14px 50px 14px 20px; background:#c92c06 url(../images/down_white.png) no-repeat right 20px center; display:inline-block; border:2px solid #c92c06; 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.5s;}

.btn_tbSelect{display:inline-block; padding:11px 20px; height:50px; border:1px solid #ddd; border-left:0;}
.btn_tbSelect_on{display:inline-block; padding:11px 20px; height:50px; 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, .btn_off:focus{width:18px; height:18px; background:url(../images/btn_controll01.png) no-repeat left 0; vertical-align:middle; display:inline-block;transition:ease 0.5s;}
.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;}
.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 .input_box{border:solid 2px #e8e8e8; width:100%; max-width:600px; margin:0 auto; margin-top:30px; }
.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 .btn_h40_t01{margin-top:30px;}
.login .btn_h40l_t02{width:auto; padding:0 20px;}
.login .btn_t03{width:50%; text-align:center; margin-top:30px;}
.login .btn_area span, .login .btn_area a{display:inline-block; margin:0 5px;}
.login .btn_area span + span{padding-right:5px;}
.login .btn_area br{display:none;}
/*----------------  login/otp ----------------*/
.login .otpArea{width:100%; max-width:600px; margin:0 auto; margin:0 auto; margin-top:20px;}
.login .otpArea input{width:100%;}
.login .otpArea .btnArea{width:100%; overflow:hidden;}
.login .otpArea .qrArea{width:100%; margin:0 auto; text-align:center; padding:10px;}
.login .otpArea .qrArea img{width:100%; max-width:180px;}
/*----------------  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:#dd4c28; border:3px solid #dd4c28; color:#fff;}
.membership_area .membership li.on p b{color:#dd4c28;}
.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 #dd4c28;}
.member_class li:nth-child(2) a i{background:url(../images/member02.png) no-repeat center center; border:3px solid #713731;}
.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:hover{border-color:#dd4c28; transition:ease-in-out 0.5s;}
.member_class li:nth-child(2) a:hover, .member_class li:nth-child(2) a:hover{border-color:#713731; transition:ease-in-out 0.5s;}
.member_class li:nth-child(3) a:hover, .member_class li:nth-child(3) a:hover{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:hover i{background:#dd4c28 url(../images/member01_w.png) no-repeat center center; border:3px solid #dd4c28; transition:ease-in-out 0.5s;}
.member_class li:nth-child(2) a:hover i, .member_class li:nth-child(2) a:hover i{background:#713731 url(../images/member02_w.png) no-repeat center center; border:3px solid #713731; transition:ease-in-out 0.5s;}
.member_class li:nth-child(3) a:hover i, .member_class li:nth-child(3) a:hover 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; 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{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:50px; 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_area .clearfix

/*--------  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:#dd4c28;}
.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; height:100%;}
.myinfo_area .basic_top .bg_area i{width:100%; height: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;}

/*--------  membership/회원탈퇴 --------*/
.membership_area .membership_secession{width:100%; margin:0 auto; background:url(../images/secession.png) no-repeat center 50px; text-align:center; border-top:solid 3px #101010; min-height:150px; padding-top:50px; overflow:hidden;}
.membership_area .membership_secession h3{font-size:2em; margin-top:130px; line-height:1.4em; word-break:keep-all; font-weight:400;}
.membership_area .membership_secession h3 span{font-weight:500; color:#dd4c28;}
.membership_area .membership_secession p{font-size:1.3em; color:#676767; margin-top:10px;line-height:1.4em;}

/*----------------  login_sns/sns로그인  ----------------*/
.login_sns{width:50%; margin:0 auto; text-align:center;}
.login + .login_sns{margin-top:30px; padding-top:30px; border-top:1px solid #ccc;}
.login_sns h3 b{color:#c92c06;}
.login_sns h3 span{display:block; font-size:15px; font-weight:400; line-height:1.5em; margin-top:15px;}
.login_sns p{font-size:15px; margin-top:30px;}
.login_sns p a{display:inline-block; text-align:center; font-size:14px; color:#666; width:20%;}
.login_sns p a img{display:block; margin:0 auto; margin-bottom:10px;}