/* font */
/* SUIT */
@font-face {
	font-family: 'SUIT';
	font-weight: 100;	
	src: url('../fonts/suit/SUIT-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-Thin.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-Thin.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('../fonts/suit/SUIT-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-ExtraLight.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('../fonts/suit/SUIT-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-Light.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('../fonts/suit/SUIT-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-Regular.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('../fonts/suit/SUIT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-Medium.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('../fonts/suit/SUIT-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('../fonts/suit/SUIT-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-Bold.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('../fonts/suit/SUIT-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-ExtraBold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('../fonts/suit/SUIT-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
		 url('../fonts/suit/SUIT-Heavy.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suit/SUIT-Heavy.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* SUITE */
@font-face {
	font-family: 'SUITE';
	font-weight: 300;
	src: url('../fonts/suite/SUITE-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/suite/SUITE-Light.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suite/SUITE-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUITE';
	font-weight: 400;
	src: url('../fonts/suite/SUITE-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/suite/SUITE-Regular.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suite/SUITE-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUITE';
	font-weight: 500;
	src: url('../fonts/suite/SUITE-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/suite/SUITE-Medium.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suite/SUITE-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUITE';
	font-weight: 600;
	src: url('../fonts/suite/SUITE-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/suite/SUITE-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suite/SUITE-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUITE';
	font-weight: 700;
	src: url('../fonts/suite/SUITE-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/suite/SUITE-Bold.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suite/SUITE-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUITE';
	font-weight: 800;
	src: url('../fonts/suite/SUITE-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/suite/SUITE-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suite/SUITE-ExtraBold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: 'SUITE';
	font-weight: 900;
	src: url('../fonts/suite/SUITE-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/suite/SUITE-Heavy.woff2') format('woff2'), /* Super Modern Browsers */		 
         url('../fonts/suite/SUITE-Heavy.ttf') format('truetype'); /* Safari, Android, 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: 'SUIT', '맑은 고딕', dotum, sans-serif; font-style:normal; font-weight:400;  color:#333; line-height:1;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {word-break:keep-all;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav{display:block; margin:0; padding:0;}
ul, dl, ol{margin:0;padding:0;list-style:none;}
legend, .hid {margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;}
label, input, button, select, img, a {vertical-align:middle}
input, button {margin:0;padding:0; font-size:15px;font-family: 'SUIT', '맑은 고딕', dotum, sans-serif;  font-style:normal; font-weight:400; color:#333;}
button, input[type="submit"], input[type="button"] {cursor:pointer;font-family: 'SUIT', '맑은 고딕', dotum, sans-serif; border:0;}
input[type="text"] {height:40px; line-height:2em; vertical-align:middle; border:solid 1px #ccc; padding:0 10px; min-width:80px; -moz-appearance: none; -webkit-appearance: none; border-radius:5px;}
input[type="password"] {height:40px; line-height:2em; vertical-align:middle; border:solid 1px #ccc; padding:0 10px; min-width:80px; -moz-appearance: none; -webkit-appearance: none; border-radius:5px;}
.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: 'SUIT', '맑은 고딕', dotum, sans-serif;  font-style:normal; font-weight:400;  color:#333; border-radius:5px;}
select {margin:0;font-size:15px; font-family: 'SUIT', '맑은 고딕', dotum, sans-serif;  font-style:normal; font-weight:400;  color:#333; cursor:pointer;
-moz-appearance: none; -webkit-appearance: none;  -webkit-border-radius: 0; /* 네이티브 외형 감추기 */  background:#fff url(../images/arw_selc.png) no-repeat right 10px center;height:40px; line-height:2em; vertical-align:middle; padding:0 25px 0 10px; border:solid 1px #ccc;  overflow:hidden; border-radius:5px;}
/* li, ol, p, span, small, b, strong, th, td, input, select, label, a, button, h1, h2, h3, h4, h5, h6, div.tit{transform:rotate(0.04deg);}
iframe li, iframe ol, p, iframe span, iframe small, iframe b, iframe strong, iframe th, iframe td, iframe input, iframe select, iframe textarea, iframe label, iframe a, iframe button, iframe h1, iframe h2, iframe h3, iframe h4, iframe h5, iframe h6{transform:rotate(0) !important;} */

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;}
img{display:inline-block; margin:0; padding:0;}
img[src$=".gif"],
img[src$=".png"] {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: bicubic; /* IE (non-standard property) */
}
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 #ccc;}
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:700; transform:rotate(0.04deg);}
.dis_n{display:none !important;}
.dis_b{display:block;}
.hid{font-size:0; text-indent: -99999em; height: 0; width:0; border:0; border:none; opacity:0; bottom:-99999em; position:absolute;}
.hid:hover{font-size:0; text-indent: -99999em; height: 0; width:0; border:0; border:none; opacity:0; bottom:-99999em; position:absolute;}
::selection {background: #0053a0;color: #fff;text-shadow: none;}
::-moz-selection {background: #0053a0;color: #fff;text-shadow: none;}
a:focus, button:focus, input:focus {outline:2px dotted #000;}

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

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

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

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

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

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

/* icon - alert */
i.alert_green{width:60px; height:60px; background:url(../images/basic/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/basic/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/basic/alert_red.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}

/* icon - arrow */
i.btn_left, a:visited i.btn_left{width:12px; height:20px; display:inline-block; background:url(../images/btn_arrow.png) no-repeat left 0; vertical-align:middle;}
i.btn_right, a:visited i.btn_right{width:12px; height:20px; display:inline-block; background:url(../images/btn_arrow.png) no-repeat right 0; vertical-align:middle;}
i.btn_up, a:visited i.btn_up{width:20px; height:12px; display:inline-block; background:url(../images/btn_arrow2.png) no-repeat 0 top; vertical-align:middle;}
i.btn_down, a:visited i.btn_down{width:20px; height:12px; display:inline-block; background:url(../images/btn_arrow2.png) no-repeat 0 bottom; vertical-align:middle;}
a:hover i.btn_left, a:focus i.btn_left{width:12px; height:20px; display:inline-block; background:url(../images/btn_arrow_hover.png) no-repeat left 0; vertical-align:middle;}
a:hover i.btn_right, a:focus i.btn_right{width:12px; height:20px; display:inline-block; background:url(../images/btn_arrow_hover.png) no-repeat right 0; vertical-align:middle;}
a:hover i.btn_up, a:focus i.btn_up{width:20px; height:12px; display:inline-block; background:url(../images/btn_arrow2_hover.png) no-repeat 0 top; vertical-align:middle;}
a:hover i.btn_down, a:focus i.btn_down{width:20px; height:12px; display:inline-block; background:url(../images/btn_arrow2_hover.png) no-repeat 0 bottom; vertical-align:middle;}
i.i_bl_right{width:8px; height:15px; background:url(../images/i_bl_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_bl_left{width:8px; height:15px; background:url(../images/i_bl_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_bl_up{width:15px; height:8px; background:url(../images/i_bl_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_bl_down{width:15px; height:8px; background:url(../images/i_bl_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_grey_right{width:8px; height:15px; background:url(../images/i_grey_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_grey_left{width:8px; height:15px; background:url(../images/i_grey_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_grey_up{width:15px; height:8px; background:url(../images/i_grey_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_grey_down{width:15px; height:8px; background:url(../images/i_grey_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_org_right{width:8px; height:15px; background:url(../images/i_org_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_org_left{width:8px; height:15px; background:url(../images/i_org_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-right:5px;}
i.i_org_up{width:15px; height:8px; background:url(../images/i_org_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_org_down{width:15px; height:8px; background:url(../images/i_org_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_white_right{width:8px; height:15px; background:url(../images/i_white_right.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.i_white_up{width:15px; height:8px; background:url(../images/i_white_up.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_white_down{width:15px; height:8px; background:url(../images/i_white_down.png) no-repeat center; display:inline-block; background-size:100%;}
i.i_white_left{width:8px; height:15px; background:url(../images/i_white_left.png) no-repeat center; vertical-align:middle; display:inline-block; margin-left:5px;}
i.goR_white{width:36px; height:28px; background:url(../images/i_goR_white.png) no-repeat center center; display:inline-block;}
.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:#4779b8; opacity:1; transition:ease 0.3s;}
.t_right{width:5px; height:10px; background:url(../images/arwR_whitePoint.png) no-repeat center center; display:inline-block; background-size:100%; margin-left:5px;}

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

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

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

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

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

.btn_align .btn_viewlist_on:after, .btn_align .btn_viewblist_on:after, .btn_align .btn_viewblist_on:after, .btn_align .btn_viewcal_on:after, .btn_check_all_on:after, .btn_print_on:after, .btn_delete_on:after, .btn_move_on:after{content: " ";display: block; width:15px; height:3px; border-radius:0 0 1px 1px; background:#ee0000; position:absolute; top:0; left:50%; transform:translateX(-50%);}

.btn_align .btn_viewlist:focus, .btn_align .btn_viewblist:focus, .btn_align .btn_viewblist:focus, .btn_align .btn_viewcal:focus, .btn_check_all:focus, .btn_print:focus, .btn_delete:focus, .btn_move:focus,
.btn_align .btn_viewlist_on:focus, .btn_align .btn_viewblist_on:focus, .btn_align .btn_viewblist_on:focus, .btn_align .btn_viewcal_on:focus, .btn_check_all_on:focus, .btn_print_on:focus, .btn_delete_on:focus, .btn_move_on:focus{outline:none; border:1px dashed #000;}

.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 #0081c2;}
i.btn_more{width:20px; height:20px; display:inline-block; background:url(../images/btn_plus.png) no-repeat 0 0; vertical-align:middle;}

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

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

.btn_cal {width: 40px; height: 40px; display: inline-block; border: 1px solid #ccc; background: #fff url(../images/i_cal_grey.png) no-repeat center; background-size: 25px 25px; border-radius:5px;}

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

/* 확장자버튼 height:40 */
.btn_excel{display:inline-block; line-height:36px; padding:0 15px; font-weight:700; font-size:16px; vertical-align:middle; text-align:center; color:#10713a !important; border:solid 2px #10713a; border-radius:5px; background:#fff; font-family: 'SUIT', '맑은 고딕', dotum, sans-serif;;}
.btn_excel i{display:inline-block; width:16px; height:14px; background:url(../images/i_excel.png) no-repeat left center; background-size:auto 13px; 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:36px; padding:0 15px; font-weight:700; font-size:16px; vertical-align:middle; text-align:center; color:#dd4c3a !important; border:solid 2px #dd4c3a; border-radius:5px; background:#fff; font-family: 'SUIT', '맑은 고딕', dotum, sans-serif;;}
.btn_pdf i{display:inline-block; width:15px; height:14px; background:url(../images/i_pdf.png) no-repeat left center; background-size:auto 13px; 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:36px; padding:0 15px; font-weight:700; font-size:16px; vertical-align:middle; text-align:center; color:#d25b29 !important; border:solid 2px #d25b29; border-radius:5px; background:#fff; font-family: 'SUIT', '맑은 고딕', dotum, sans-serif;;}
.btn_ppt i{display:inline-block; width:12px; height:14px; background:url(../images/i_ppt.png) no-repeat left center; background-size:auto 13px; 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:36px; padding:0 15px; font-weight:700; font-size:16px; vertical-align:middle; text-align:center; color:#216dae !important; border:solid 2px #216dae; border-radius:5px; background:#fff; font-family: 'SUIT', '맑은 고딕', dotum, sans-serif;;}
.btn_word i{display:inline-block; width:22px; height:14px; background:url(../images/i_word.png) no-repeat left center; background-size:auto 13px; 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:36px; padding:0 15px; font-weight:700; font-size:16px; vertical-align:middle; text-align:center; color:#562c86 !important; border:solid 2px #562c86; border-radius:5px; background:#fff; font-family: 'SUIT', '맑은 고딕', dotum, sans-serif;;}
.btn_image i{display:inline-block; width:20px; height:14px; background:url(../images/i_image.png) no-repeat left center; background-size:auto 13px; 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:36px; padding:0 15px; font-weight:700; font-size:16px; vertical-align:middle; text-align:center; color:#6a533b !important; border:solid 2px #6a533b; border-radius:5px; background:#fff; font-family: 'SUIT', '맑은 고딕', dotum, sans-serif;;}
.btn_txt i{display:inline-block; width:20px; height:14px; background:url(../images/i_txt.png) no-repeat left center; background-size:auto 13px; margin-right:5px;}
.btn_txt:hover, .btn_txt:focus{color:#fff !important; background:#6a533b; border-color:#6a533b; transition:0.3s ease;}
.btn_txt:hover i, .btn_txt:focus i{display:inline-block; width:20px; height:14px; background:url(../images/i_txt_w.png) no-repeat 0 0; transition:0.3s ease;}

.btn_file a{display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; margin:0 2px;}
i.fileIcon{display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; vertical-align:middle; margin:0 5px;}
 .file_excel{background-image:url(../images/basic/i_file_xlc.png);}
 .file_pdf{background-image:url(../images/basic/i_file_pdf.png);}
 .file_ppt{background-image:url(../images/basic/i_file_ppt.png);}
 .file_word{background-image:url(../images/basic/i_file_doc.png);}
 .file_img{background-image:url(../images/basic/i_file_img.png);}
 .file_avi{background-image:url(../images/basic/i_file_avi.png);}
 .file_zip{background-image:url(../images/basic/i_file_zip.png);}
 .file_mp3{background-image:url(../images/basic/i_file_mp3.png);}
 .file_ai{background-image:url(../images/basic/i_file_ai.png);}
 .file_hwp{background-image:url(../images/basic/i_file_hwp.png);}
 .file_ps{background-image:url(../images/basic/i_file_psd.png);}
 .file_down{background-image:url(../images/basic/i_file_down.png);}

/* button */
.btn_t01{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#ee0000  !important; border:2px solid #ee0000 ; font-weight:700; text-align:center; border-radius:5px;}
.btn_t02{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#24335b !important;  border:2px solid #24335b; font-weight:700; text-align:center; border-radius:5px;}
.btn_t03, .btn_t01_on{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#fff !important; background:#ee0000;  border:2px solid #ee0000 ; font-weight:700; text-align:center; border-radius:5px;}
.btn_t04, .btn_t02_on{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#fff !important; background:#24335b; display:inline-block; border:2px solid #24335b; font-weight:700; text-align:center;  border-radius:5px;}
.btn_t05{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; color:#fff !important; background:#1f232d; border:2px solid #1f232d; font-weight:700; text-align:center;  border-radius:5px;}
.btn_t01:hover, .btn_red:hover, .btn_t01:focus{display:inline-block; padding:10px 20px; font-size:16px; vertical-align:middle; background:#ee0000 ; 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:#24335b; color:#fff !important; transition:ease-out 0.3s;}
.btn_t03:hover, .btn_t03:focus{background:#841013; border:2px solid #841013; color:#fff !important; transition:ease-out 0.3s}
.btn_t04:hover, .btn_t04:focus{background:#162238; border:2px solid #162238; color:#fff !important; transition:ease-out 0.3s}
.btn_t05:hover, .btn_t05:focus{background:#050607; border:2px solid #050607; color:#fff !important; transition:ease-out 0.3s}

/* 원형 height:22 */
.btn_h22_t01{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#f44a56; }
.btn_h22_t02{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#0074ff;}
.btn_h22_t03{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#004fc1;}
.btn_h22_t04{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#176f75;}
.btn_h22_t05{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#2a8c58;}
.btn_h22_t06{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#5e5e5e;}
.btn_h22_t07{display:inline-block; height:22px; line-height:22px !important; vertical-align:middle; padding:0 10px; text-align:center; color:#fff !important; font-size:14px; font-style:normal; font-weight:400; border-radius:5px; background:#1f232d;}
.btn_h22_t01:hover, .btn_h22_t01:focus{background:#d13b54; transition:0.5s ease;}
.btn_h22_t02:hover, .btn_h22_t02:focus{background:#0066cc; transition:0.5s ease;}
.btn_h22_t03:hover, .btn_h22_t03:focus{background:#003fa5; transition:0.5s ease;}
.btn_h22_t04:hover, .btn_h22_t04:focus{background:#00575e; transition:0.5s ease;}
.btn_h22_t05:hover, .btn_h22_t05:focus{background:#237546; transition:0.5s ease;}
.btn_h22_t06:hover, .btn_h22_t06:focus{background:#4c4c4c; transition:0.5s ease;}
.btn_h22_t07:hover, .btn_h22_t07:focus{background:#050607; transition:0.5s ease;}


/* 원형 height:24 */
.btn_h24_t01{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:5px; font-weight:700; font-size:14px; font-style:normal; color:#ee0000 !important; border:2px solid #ee0000;}
.btn_h24_t02{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:5px; font-weight:700; font-size:14px; font-style:normal; color:#24335b !important; border:2px solid #24335b;}
.btn_h24_t03{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:5px; font-weight:700; font-size:14px; font-style:normal; color:#1f232d !important; border:2px solid #1f232d;}
.btn_h24_t04{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:5px; font-weight:700; font-size:14px; font-style:normal; color:#004fc1 !important; border:2px solid #004fc1;}
.btn_h24_t05{line-height:1.5em; min-height:24px; vertical-align:middle; padding:3px 15px; text-align:center; border-radius:5px; font-weight:700; font-size:14px; font-style:normal; color:#4c4c4c !important; border:2px solid #5e5e5e;}
.btn_h24_t01:hover, .btn_h24_t01:focus{color:#fff !important; background:#ee0000; transition:0.3s ease;}
.btn_h24_t02:hover, .btn_h24_t02:focus{color:#fff !important; background:#24335b; transition:0.3s ease;}
.btn_h24_t03:hover, .btn_h24_t03:focus{color:#fff !important; background:#1f232d; transition:0.3s ease;}
.btn_h24_t04:hover, .btn_h24_t04:focus{color:#fff !important; background:#004fc1; transition:0.3s ease;}
.btn_h24_t05:hover, .btn_h24_t05:focus{color:#fff !important; background:#5e5e5e; transition:0.3s ease;}

.btn_tbSelect_area{display:inline-block; overflow:hidden; border:1px solid #ccc; border-radius:5px;}
.btn_tbSelect{display:inline-block; padding:0 20px;}
.btn_tbSelect:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.btn_tbSelect_on{background:#efefef;}
.btn_tbSelect_area a + a{border-left:1px solid #ccc;}
.btn_tbSelect_area a{float:left; display:inline-block; padding:0 20px; line-height:38px;}

.controller{width:100%; margin:0 auto; text-align:center;}
.controller .btn_on{width:18px; height:18px; background:url(../images/btn_controll01.png) no-repeat left 0; vertical-align:middle; display:inline-block;}
.controller .btn_off{width:18px; height:18px; background:url(../images/btn_controll01.png) no-repeat right 0; vertical-align:middle; display:inline-block;}
.btn_off:hover {width:18px; height:18px; background:url(../images/btn_controll01.png) no-repeat left 0; vertical-align:middle; display:inline-block;transition:ease 0.3s;}
.controller .btn_play{width:18px; height:18px; background:url(../images/btn_controll02.png) no-repeat left 0; vertical-align:middle; display:inline-block;}
.controller .btn_stop{width:18px; height:18px; background:url(../images/btn_controll02.png) no-repeat right 0; vertical-align:middle; display:inline-block;}



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

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

/* login/로그인 */
.login{width:100%; margin:0 auto; min-height:calc(100vh - 410px); margin:0 auto; text-align:center; border:1px solid #ccc; border-radius:10px; overflow:hidden; padding-bottom:80px;}
ul.loginTab{width:100%; max-width:600px; margin:0 auto; display:table; table-layout:fixed; margin-top:60px;}
ul.loginTab li{display:table-cell; height:48px; line-height:46px;}
ul.loginTab li a{display:block; text-align:center; width:100%; border:1px solid #ccc; border-left:0; color:#666; font-size:16px; font-weight:400;}
ul.loginTab li:first-child a{border-left:1px solid #ccc;}
ul.loginTab li.on a{background-color:#24335b; border:1px solid #24335b; color:#fff;}

.login p{margin-top:30px; color:#676767;}
.login p b{display:block; font-size:18px;  color:#365a99;}
.login p span{display:block;}
.login p span small{font-size:15px;}
.login .sub_title{text-align:center; background-color:#f6f6f6; padding:40px 20px 30px 20px;}
.login .sub_title h2{float:none; display:block; vertical-align:middle;}
.login .sub_title .info{margin-top:15px;}
.login .login_cont{width:100%; max-width:600px; margin:0 auto;  padding:40px 0; overflow:hidden;}
.login ul.loginTab + .login_cont{border:0;}

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

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

.login .login_cont.t02{border:1px solid #ccc; padding:50px 15px; margin-top:60px; border-radius:15px;}
.login .login_cont.t02 > ul{text-align:left; width:auto; display:inline-block; margin:0;}
.login .login_cont.t02 > a{margin-top:20px;}

.membership_area .processBox{width:100%; border:8px solid #f6f6f6; padding:20px;}
/* 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:#5166dd; border:3px solid #5166dd; color:#fff;}
.membership_area .membership li.on p b{color:#5166dd;}
.member_class_area{width:100%; margin:0 auto; margin-top:30px; overflow:hidden;}
.member_class{width:calc(100% + 20px); margin:0 auto;}
.member_class li{width:calc(33.3333% - 20px); margin-right:20px; display:block; float:left; padding:4px;}
.member_class li a{display:block; width:100%; margin:0 auto; text-align:center; border:1px solid #ccc; border-width:1px 1px 5px 1px; padding:120px 0 40px 0; background:#fff; border-radius:15px; position:relative;}
.member_class li a:after{content:""; width:80px; height:80px; display:block; margin:0 auto; border-radius:80px; background-repeat:no-repeat; background-position:center; background-color:#fff; border:1px solid #ccc; position:absolute; top:40px; left:50%; margin-left:-40px;}
.member_class li.nomal a:after{background-image:url(../images/member01.png);}
.member_class li.child a:after{background-image:url(../images/member02.png);}
.member_class li.foreigner a:after{background-image:url(../images/member03.png);}
.member_class li.institution a:after{background-image:url(../images/member04.png);}

.member_class li a span{display:block;}
.member_class li a span b{display:inline-block; font-weight:700; font-size:2em; margin-top:20px; font-family:'SUITE', '맑은 고딕', dotum, sans-serif;; position:relative;}
.member_class li a span b:after{content:""; display:block; width:1px; height:1px; border-radius:50%; background-color:#5166dd; position:absolute; right:-10px; top:-10px; opacity:0;}
.member_class li a span small{display:block; color:#676767; font-size:0.938em; margin-top:10px;}
.member_class li a:hover, .member_class li a:focus{transition:ease-in-out 0.3s; background-color:#f1f7fb;}
.member_class li a:hover span b:after, .member_class li a:focus span b:after{opacity:1; transform:scale(8); transition:ease-in-out 0.3s;}

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

/* membership/회원가입03 */
.certifications_area{width:100%; margin:0 auto; margin-top:30px; background:#f6f6f6; overflow:hidden; padding:4px;}
.certification_class{width:100%; margin:0 auto;}
.certification_class li{width:50%; display:block; float:left; padding:4px;}
.certification_class li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.certification_class li p{display:block; width:100%; margin:0 auto; text-align:center; border:2px solid #ccc; border-bottom:5px solid #ccc; 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:700; 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 #ccc;}
.certification_class li:nth-child(2) p i{background:url(../images/certification02.png) no-repeat center center; border:3px solid #ccc;}
.certification_class li:hover p, .certification_class li:focus p{border:2px solid #676767; border-bottom:5px solid #676767;transition:ease-in-out 0.3s;}

/* membership/회원가입04 */
.membership_area .clearfix input{margin-right:5px;}
.membership_area .mail_certification span.at{display:inline-block; float:left; line-height:40px; vertical-align:middle; margin-right:5px;}
.mail_certification .t_drop{width:100%; padding-top:10px;}
.membership_area .t_drop:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.membership_area .t_drop b{display:block; padding-right:10px; float:left; vertical-align:middle; line-height:40px; font-size:15px;}
.membership_area .t_drop .num{width:50%; position:relative; float:left;}
.membership_area .t_drop .num input{width:99%; display:block;}
.membership_area .t_drop .num span{position:absolute; display:block; top:50%; margin-top:-12px; right:15px;}
.membership_area .t_drop .num a{margin-left:5px; overflow:hidden; float:left;}
.membership_area .nb_pass{width:100%; margin:0 auto;}
.membership_area .nb_pass input{float:left;}
.membership_area .nb_pass span{line-height:40px; height:40px; margin-left:15px;}
.membership_area .nb_pass:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.membership_area .table_t03 tr .clearfix .btn_tbSelect_area{float:left ;}
.membership_area .table_t03 tr .clearfix .btn_tbSelect_area a + a{margin:0;}
/* 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/basic/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:700; color:#5166dd;}
.membership_area .membership_complete p{font-size:1.5em; color:#676767; margin-top:10px;}
/*--------  membership/회원탈퇴 --------*/
.membership_area .membership_secession{width:100%; margin:0 auto; background:url(../images/basic/secession.png) no-repeat center 50px; text-align:center; border-top:solid 1px #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:700; color:#dd4c28;}
.membership_area .membership_secession p{font-size:1.3em; color:#676767; margin-top:10px;line-height:1.4em;}

/* myinfo_area/회원정보 */
.myinfo_area{width:100%; margin:0 auto;}
.myinfo_area .basic_top{width:100%; margin:0 auto; border: 8px solid #f6f6f6; border-radius:10px; padding: 20px; display:table; table-layout:fixed;}
.myinfo_area .basic_top:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.myinfo_area .basic_top .bg_area{width:170px; display:table-cell; vertical-align:middle;}
.myinfo_area .basic_top .bg_area i{width:100%; min-height:82px; display:inline-block;}
.myinfo_area .basic_top .password{background:url(../images/basic/password.png) no-repeat center center;}
.myinfo_area .basic_top .my_set{background:url(../images/basic/my_set.png) no-repeat center center;}
.myinfo_area .basic_top .info_txt{width:100%; display:table-cell; min-height:80px; padding-left:20px; border-left:1px solid #ccc;}
.myinfo_area .basic_top .info_txt h3{width:100%; margin:0; padding:0;}
.myinfo_area .basic_top .info_txt h3:before{display:none;}
.myinfo_area .basic_top .info_txt > span{display:block; width:100%; margin-top:15px; position:relative; color:#676767; padding-left:15px; line-height:1.5em;}
.myinfo_area .basic_top .info_txt > span:before{content: ""; width: 8px; height: 3px; background-color: #676767; position: absolute; top: 8px; left: 0;}
.myinfo_area .dt_box2{margin-top:30px;}
.myinfo_area .mail_certification .t_drop .num .nb_color{display:inline-block; padding:0 10px;}
.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:top; margin-right:5px;}

/* myinfo_area/개인정보처리방침 */
#personal{width:100%; margin:0 atuo;}
#personal .sub_ex_txt{background-color:#f3f3f3; border-radius:10px; width:100%; margin:0 auto; padding:20px;}
#personal .sub_ex_txt p{line-height:1.5em; font-size:16px; text-align:center;}
#personal .lineBox{border:1px solid #ccc; border-radius:10px; width:100%; margin:0 auto; padding:20px;}
#personal .lineBox .tit{font-size:18px; font-weight:700; line-height:1.5em;}
#personal ul.txt_list{margin-top:0;}
#personal .tit + ul.txt_list{margin-top:10px;}
#personal .lineBox p .btn_h22_t03{margin-left:15px; vertical-align:middle;}

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

/* errorWrap/404에러 */
#errorWrap{width:100%; margin:0 auto; position:relative;}
#errorWrap > div{width:100%; margin:0 auto; text-align:center; margin-top:10%; padding:10px;}
#errorWrap .notFound{background:url(../images/basic/not_found.png) no-repeat top center; padding-top:82px;}
#errorWrap > div .title{width:100%; margin:0 auto; font-size:30px; font-weight:700; margin-top:30px; font-family: 'SUITE', '맑은 고딕', dotum, sans-serif;;}
#errorWrap > div .info{width:100%; margin:0 auto; color:#676767; line-height:1.5em; margin-top:15px;}

/* /404에러 */
#completeSurvey{width:100%; margin:0 auto; position:relative;}
#completeSurvey > div{width:100%; margin:0 auto; text-align:center; margin-top:10%; padding:10px;}
#completeSurvey .notFound{background:url(../images/basic/complete_survey.png) no-repeat top center; padding-top:82px;}
#completeSurvey > div .title{width:100%; margin:0 auto; font-size:30px; font-weight:700; margin-top:30px; font-family: 'SUITE', '맑은 고딕', dotum, sans-serif;; line-height:1.2em;}
#completeSurvey > div .info{width:100%; margin:0 auto; color:#676767; line-height:1.5em; margin-top:15px;}

/* paginate */
.paginate {height:35px; margin-top:20px; text-align:center;}
.paginate .arrow{display:inline-block; position:relative; width:35px; height:35px; overflow:hidden; text-indent:-999px; border:1px solid #999;background:#fff;}
.paginate .arrow:before{content:'';position:absolute;top:50%;left:50%;width:11px;height:11px;margin:-5px 0 0 -5px;background:url(../images/basic/btn_paginate.png) 0 0 no-repeat;}
.paginate .arrow.prev,.paginate .arrow.end{margin-left:-5px;}
.paginate .arrow.prev:before{background-position:0 -11px;}
.paginate .arrow.next:before{background-position:0 -22px;}
.paginate .arrow.end:before{background-position:0 -33px}
.paginate .num{display:inline-block;margin:0 9px;vertical-align:top;}
.paginate .num a{display:inline-block;width:35px;height:35px;margin:0 1px;color:#333;font-size:14px;font-weight:700;line-height:35px;border:1px solid #999; border-radius:5px;}
.paginate .num a.on{color:#fff;border-color:#1b446b;background:#1b446b;}
.paginate a:hover{background-color:#efefef;transition:ease-out 0.3s;}
.paginate .arrow.first, .paginate .arrow.next{border-radius:5px 0 0 5px;}
.paginate .arrow.prev, .paginate .arrow.end{border-radius:0 5px 5px 0;}

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



@media(max-width:767px){	
	#errorWrap > div .title{font-size:18px;}
	
	select {font-size:14px; height:34px; line-height:34px; padding:0px 25px 0 5px;}
	input[type="text"] {height:34px; line-height:34px; padding:0 5px; min-width:80px; font-size:14px;}
	input[type="password"] {height:34px; line-height:34px; vertical-align:middle; padding:0 5px; font-size:14px;}
	/* button */
	.btn_t01, .btn_red{padding:8px 10px !important; font-size:14px;}
	.btn_t02{padding:8px 10px !important; font-size:14px;}
	.btn_t03, .btn_t01_on{padding:8px 10px !important; font-size:14px;}
	.btn_t04, .btn_t02_on{padding:8px 10px !important; font-size:14px;}
	.btn_t05{padding:8px 10px; font-size:14px;}
	.btn_t01:hover, .btn_red:hover, .btn_t02:hover, .btn_t02s:hover, .btn_t03:hover, .btn_t04:hover, .btn_t05:hover{padding:8px 10px; font-size:14px;}
	
	.btn_download{padding:8px 30px 8px 5px; font-size:14px; right:5px; background-position:right 5px center;}
	
	/* 확장자버튼 height:40 */
	.btn_excel, .btn_pdf, .btn_ppt, .btn_word, .btn_image, .btn_txt
	{font-size:12px; padding:0 12px; line-height:30px;}
	.btn_excel i, .btn_excel:hover i, .btn_excel:focus i, .btn_pdf i, .btn_pdf:hover i, .btn_pdf:focus i, .btn_ppt i, .btn_ppt:hover i, .btn_ppt:focus i, .btn_word i, .btn_word:hover i, .btn_word:focus i, .btn_image i, .btn_image:hover i, .btn_image:focus i, .btn_txt i, .btn_txt:hover i, .btn_txt:focus i
	{width:10px; height:10px; background-size:100%;}
	
	

	
	.complete, .cancel, .ready{padding-left:15px;}	
	.complete:before, .cancel:before, .ready:before{width:3px; height:3px; border-size:3px; margin-top:-6.5px;}	
	
	.scroll_x{padding:0 15px;}
	ul.txt_list .scroll_x{padding:0;}
	
	/*----------------  myinfo_area/개인정보처리방침 ----------------*/
	#personal .lineBox{width:calc(100% - 30px);}
	
	/*----------------  login/로그인 ----------------*/	
	.login{width:100%; margin:0 auto; text-align:center; padding-bottom:40px; border-radius:0; border:0;}
	.login ul.loginTab{width:100%; padding:0 20px; margin-top:40px !important;}
	.login ul.loginTab li{height:40px; line-height:38px;}
	.login .login_cont{padding:15px 20px;}
	.login p{margin-top:30px; color:#676767; line-height:1.5em;}
	.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 1px #e8e8e8; margin:0 auto; margin-top:10px;}
	.login .input_box span{display:block; line-height:40px; padding-left:40px; width:100%; }
	.login .input_box span.input_id{border-bottom:solid 1px #e8e8e8; background:none; padding-left:5px;}
	.login .input_box span.input_pass{background:none; padding-left:5px;}
	.login .input_box input{line-height:40px; height:40px; width:100%;  padding:0 10px 0 5px;  border:0;}
	.login .login_foot{margin:0 auto; padding:50px 20px 0 20px;}
	.login .login_foot > .btn_t03{width:340px; text-align:center; left:50%; margin-left:-170px;}	
	.login .inputArea br{display:block;}
	.login .inputArea a{margin-top:10px;}
	
	/*----------------  membership/회원가입 ----------------*/
	.membership_area{padding:0; position:relative; text-align:right;}
	.membership_area .tbTit{margin-top:0;}
	.membership_area .title3_t01{min-width:150px}
	.membership_area .membership{text-align:right; width:auto; display:inline-block;}
	.membership_area .membership li{position:static; display:inline-block; width:auto; padding-left:2px;}
	.membership_area .membership li p{padding-bottom:0;}
	.membership_area .membership li p strong{font-size:1.2em; width:25px; height:25px; line-height:18px; border-radius:25px;}
	.membership_area .membership li p b{display:none; margin-top:10px; color:#676767; white-space:nowrap; font-size:16px;}
	.membership_area .membership li:after{display:none;}
	.membership_area .membership li:first-child:after{content: " ";display: block;height:0;visibility: hidden;}
	.membership_area .membership li.on p strong{ background:#5166dd; border:2px solid #5166dd; color:#fff;}
	.membership_area .membership li.on p b{color:#5166dd; display:block; position:absolute; top:12px; left:25px;}	
	.member_class_area{width:100%; margin:0 auto; margin-top:10px; background:#fff; overflow:hidden; padding:0 10px;}
	.member_class{width:100%; margin:0 auto;}
	.member_class li{width:100%; float:none; padding:4px 0;}
	.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 #ccc; border-bottom:5px solid #ccc; padding:15px 0; background:#fff;}
	.member_class li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.member_class li a i{width:50px; height:50px; display:block; margin:0 auto; border-radius:80px; text-align:center; vertical-align:middle;}
	.member_class li:nth-child(1) a i{border:2px solid #5166dd; background-size:80%;}
	.member_class li:nth-child(2) a i{border:2px solid #a7574f; background-size:80%;}
	.member_class li:nth-child(3) a i{border:2px solid #8b3946; background-size:80%;}
	.member_class li a span{display:block;}
	.member_class li a span b{font-size:18px; margin-top:10px;}
	.member_class li a span small{font-size:14px; margin-top:5px;}	
	/*--------  membership/회원가입02 --------*/
	.scroll_area{border: 1px solid #ccc; padding:0 15px; height: 200px; overflow: auto; margin-top:10px; line-height:1.5em; font-size:12px; color:#676767; text-align:left; border-left:0; border-right:0; background:#f3f3f3;}
	.scroll_area .scroll_title:before{visibility:hidden;}
	.scroll_area .scroll_title{margin-top:12px; padding:0; font-weight:700; color:#333;}
	.scroll_area .scroll_subtitle{margin:10px 0 5px 0; font-size:14px; position:relative; padding-left:10px; font-weight:700; color:#333;}
	.scroll_area .scroll_subtitle:before{top: 7px;}
	.agree{text-align:right; margin-top:10px; font-size:13px;}
	/*--------  membership/회원가입03 --------*/
	.certifications_area{width:100%; margin:0 auto; margin-top:10px; background:#fff; overflow:hidden; padding:0 10px;}
	.certification_class{width:100%; margin:0 auto;}
	.certification_class li{width:100%; display:block; float:left; padding:4px 0;}
	.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 #ccc; border-bottom:5px solid #ccc; padding:15px 0; background:#fff;}
	.certification_class li p i{width:50px; height:50px; display:block; margin:0 auto; border-radius:50px;}
	.certification_class li p span{display:block;}
	.certification_class li p span b{display:block; font-weight:700; font-size:18px; margin-top:10px;}
	.certification_class li p span small{display:block; color:#676767; font-size:14px; margin-top:10px; padding:0 15px; line-height:1.5em;}
	.certification_class li p a{display:block; margin-bottom:30px; width:auto; max-width:180px; margin:0 auto; margin-top:10px;}
	.certification_class li:nth-child(1) p i{border:2px solid #ccc; background-size:80%;}
	.certification_class li:nth-child(2) p i{border:2px solid #ccc; background-size:70%;}
	/*--------  membership/회원가입04 --------*/
	.btn_tbSelect{padding:0 15px; height:34px; line-height:34px;}
	.btn_tbSelect_on{display:inline-block; height:34px; line-height:34px;}
	.membership_area .clearfix input{margin-right:5px;}
	.mail_certification span.at{display:inline-block; float:left; line-height:40px; vertical-align:middle; margin-right:5px;}
	.mail_certification > p a{margin-left:5px;}
	.t_drop{width:100%; margin:0 auto; clear:both; padding-top:0 !important; border-top:1px dashed #ccc;}
	.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:100%; position:relative; float:none;;}
	.t_drop .num input{width:99%; display:block;}
	.t_drop .num span{position:absolute; display:block; top:47px; margin-top:0; right:10px;}
	.t_drop .num a{overflow:hidden; float:left;}
	.nb_pass{width:100%; margin:0 auto;}
	.nb_pass input{float:none;; width:100%;}
	.nb_pass span{line-height:1.5em; height:auto; margin:5px 0 0 0;}
	.nb_pass:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.dt_box2 .inner input[type="text"]{width:100%;}
	.membership_area .v_detail:nth-child(1) .inner input{width:100%;}
	.membership_area .dt_box2 .nb_color3{margin-top:5px;}
	.selc_gender{float:none; display:flex; flex-direction:row; flex-wrap:wrap; gap:10px;}
	.btn_tbSelect_area{width:100%;float:none; clear:both;margin-top:5px;}
	.btn_tbSelect_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.btn_tbSelect_area a{width:50%; float:left; text-align:center;}
	.btn_tbSelect_area a{line-height:32px; height:auto;}
	.v_detail .mail_certification{width:100%; margin:0 auto; overflow:hidden;}
	.v_detail .mail_certification .clearfix{padding-bottom:10px;}
	.v_detail .mail_certification .clearfix input{width:46.2%;}
	.v_detail .mail_certification .clearfix .at{width:6%; text-align:center;}
	.v_detail .mail_certification .clearfix .select20{width:100%; margin-top:5px;}
	.v_detail .btn_t04{width:50%; margin:10px 25% 10px 25%;}
	.v_detail .clearfix  .td_txt_box4{margin-top:5px;}
	.v_detail .tel{width:100%; margin:0 auto;}
	.v_detail .tel input{float:left; width:30% !important;}
	.v_detail .tel span{float:left; width:5%; display:inline-block; line-height:34px; text-align:center;}
	.v_detail .tel:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.v_detail .sms{width:100%; margin:0 auto; clear:both; text-align:center;}
	.v_detail .sms .clearfix b{width:100%; line-height:40px; font-size:15px; display:block; text-align:left; margin-top:10px; border-top:1px dashed #ccc;}
	.v_detail .sms label{margin-right:5px;}
	.v_detail .sms .clearfix{padding-bottom:10px;}
	
	/*--------  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{text-align:center; min-height:150px; margin-top:20px; overflow:hidden;}
	.membership_area .membership_complete h3{width:100%; padding:0 10px; font-size:18px; margin-top:100px; line-height:1.5em;}
	.membership_area .membership_complete p{width:100%; padding:0 10px; font-size:14px; color:#676767; margin-top:5px;line-height:1.4em;}
	/*--------  membership/회원탈퇴 --------*/
	.membership_area .membership_secession{min-height:150px; padding-top:40px; overflow:hidden; background-position:center 20px;}
	.membership_area .membership_secession{padding-top:0;}
	.membership_area .membership_secession h3{width:100%; padding:0 10px; font-size:18px; margin-top:120px; line-height:1.5em; font-weight:400; text-align:center;}
	.membership_area .membership_secession p{width:100%; padding:0 10px; font-size:14px; color:#676767; margin-top:5px;line-height:1.4em;}
	
	
	/*----------------  myinfo_area/회원정보 ----------------*/
	.myinfo_area .basic_top{padding:20px; display:block; border-radius:0;}
	.myinfo_area .basic_top .bg_area{height:auto; width:100%; display:block;}
	.myinfo_area .basic_top .bg_area i{width:100%; height:auto; min-height:82px; display:inline-block; vertical-align:middle; text-align:center;}
	.myinfo_area .basic_top .info_txt{display:block; width:100%; min-height:1em; height:auto; padding:0; border:0; text-align:center;}
	.myinfo_area .basic_top .info_txt h3{width:100%; margin:0 auto; margin-top:20px; text-align:left; text-align:center;}
	.myinfo_area .basic_top .info_txt > span{display:block; width:100%; margin-top:10px; position:relative; color:#676767; padding:0; line-height:1.5em; text-align:left;}
	.myinfo_area .basic_top .info_txt > span:before{display:none;}
	.txtList{margin-top:10px; clear:both; text-align:left;}
	.txtList li:first-child{margin-top:0;}
	.txtList li{display:block; margin-top:5px; position:relative; color:#676767; padding-left:10px; line-height:1.5em;}
	.txtList li:before{content: ""; width: 5px; height: 5px; background-color: #676767; position: absolute; top: 9px; left: 0;}
	.nb_color i{display:inline-block; width:19px; height:19px; border-radius:5px;text-align:center; vertical-align:middle; margin-right:5px;}
	
	/*--------  membership/회원탈퇴 --------*/
	.membership_area .membership_secession{min-height:150px; padding-top:40px; overflow:hidden; background-position:center 20px;}
	.membership_area .membership_secession{padding-top:0;}
	.membership_area .membership_secession h3{width:100%; padding:0 10px; font-size:18px; margin-top:120px; line-height:1.5em; word-break:keep-all; font-weight:400;}
	.membership_area .membership_secession p{width:100%; padding:0 10px; font-size:14px; color:#676767; margin-top:5px;line-height:1.4em;}
	#mainContents .siteLink a{position:static;margin-top:10px;}
		
	/*paginate*/
	.paginate {height:25px; margin:30px 0;}
	.paginate .arrow{width:27px; height:30px;}
	.paginate .arrow:before{width:11px; height:11px; margin:-5px 0 0 -5px;}
	.paginate .num{margin:0 4px;}
	.paginate .num a{width:17px; height:30px; font-size:13px; line-height:30px;border:0;}
	.paginate .num a.on, .paginate .num a:hover{color:#4779b8;background:#fff;}
		
}