@charset "utf-8"

/* RESET */
*{margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;/*font-size:100%;font:inherit;*/vertical-align:baseline;box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
fieldset,img {border:0 none;}
img, video {max-width:100%;border:0;vertical-align:top;}
table {border-collapse:collapse;border-spacing:0;}
dl,ul,ol,menu,li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
input,select,textarea,button {font-size:100%;vertical-align:middle;box-sizing:border-box;}
audio,canvas,progress,video {display:inline-block;box-sizing:border-box;}
button {border:0 none;background-color:transparent;cursor:pointer;}
body {background:#fff;}
a {color:#666;text-decoration:none;}
a:active, a:hover {color:#666;text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
body {-webkit-text-size-adjust:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none;border-radius:0;}
input:checked[type='checkbox'] {background-color:#666;-webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;}
input[type='submit'],input[type='text'],input[type='password'],input[type='tel'],input[type='number'],textarea{-webkit-appearance:none;-webkit-border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
legend,hr,caption{display:block;font-size:0;line-height:0;position:absolute;left:0;top:0;text-indent:-9999em;overflow:hidden;}
.hide{visibility: hidden;font-size:0;line-height: 0;position: absolute;left:0;top:0;text-indent: -9999em;}
.clear:after{content : "";display: block;clear : both;}

/* COMMON */
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}
.textAL{text-align:left !important;}
.textAC{text-align:center !important;}
.textAR{text-align:right !important;}
.br{display:block}
.nscroll{overflow-y:hidden;}
.hidden{display:block;font-size:0;line-height:0;position:absolute;left:0;top:0;text-indent:-9999em;overflow:hidden;}
.hide{display:none;}
.clear:after{clear:both; content:''; display:block}
.dot1{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.dot2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: auto;max-height:2.4em;}
.dot3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: auto;max-height:3.6em;}
.dot4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: auto;max-height:4.8em;}
.inner{}

/* EDIT */
html{width: 100%;height: 100%;font-size:16px;}
body,h1,h2,h3,h4,th,td,input,select,textarea,button,p,li,dd{font-size:16px;line-height:1.125em;font-family:'aritadm','아리따돋움', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'Nanum Gothic', '돋움', dotum, arial, helvetica, sans-serif; font-weight: 400;color:#666;word-break:keep-all;}

/* LAYOUT */
body{position: relative;min-width:320px;width: 100%;min-height: 100%;background:#f5f5f5;}

/* STYLE */
.inputform{width:100%; height:48px; padding-left: 10px;border: 0 none;border-bottom:1px solid #aaa;font-size: 14px;}
.inputform:focus{border-color: #005295;}
.inputform::-webkit-input-placeholder { /* Chrome */ color: #999;}
.inputform:-ms-input-placeholder { /* IE 10+ */ color: #999;}
.inputform::-moz-placeholder { /* Firefox 19+ */ color: #999;opacity: 1;}
.inputform:-moz-placeholder { /* Firefox 4 - 18 */ color: #999;opacity: 1;}

.inputform.on{border-color: #ed1b2f;}
.warning_label{display: none;padding-top: 5px;font-size: 14px;color: #ed1b2f;}

.main_btn{background: #4f8abe;font-size: 16px;color: #fff;transition:all 0.3s ease-in-out;}
.main_btn:hover,.main_btn:focus{background: #005295;}
.arw_btn{padding: 3px 20px 3px 10px;background: url("../img/btn_arw.png") 94% 7px no-repeat;font-size: 13px;color: #999;border: 1px solid #dfdfdf;transition:all 0.3s ease-in-out;}
.arw_btn:hover,.arw_btn:focus{border-color: #aaa;}
.line_btn{display: block;padding: 12px 0 13px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;text-align: center;}
.line_btn a{font-size: 14px;color: #666;transition:all 0.3s ease-in-out;}
.line_btn a:hover,.line_btn a:focus{color: #333;}
.line_btn.two{font-size: 0;}
.line_btn.two a{display: inline-block;font-size: 14px;line-height: 20px;}
.line_btn.two a:first-child:after{content:'|';padding: 0 14px;color: #c6c6c6;}

.custom_ckbox{position:relative;}
.custom_ckbox input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0;overflow:hidden}
.custom_ckbox input[type="checkbox"] + label:before {display: inline-block;width: 24px;height: 24px;content:url("../img/chk_mark_off.png");margin: 0 8px 0 0;overflow:hidden;line-height: 24px;text-align: center; vertical-align: middle;background: #fff;border: 1px solid #dcdcdc;border-radius:0;box-sizing: border-box;}
.custom_ckbox input[type="checkbox"] + label{display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;font-size: 14px;color: #999;}
.custom_ckbox input[type="checkbox"]:checked + label:before{content:url("../img/chk_mark_on.png");}

.login_wrap{position: absolute;top:50%;width: 100%;height: auto;margin-top: -295px;}
.login_wrap .inner{width: 100%;margin:0 auto;}
.login_wrap .contents{width: 750px;height: auto;margin:0 auto;}

.l_section{float: left;width: 375px;height: 493px;background: #fff;}
.l_section .b_slider{position: relative;width: 100%;height: 100%;}
.l_section .b_slide{width: 100%;height: 100%;}
.b_slider .slick-dots{position:absolute;bottom:18px;right:24px;text-align:center;font-size: 0;}
.b_slider .slick-dots li{display:inline-block;width:10px;height:10px;margin:0 2px;vertical-align:middle;}
.b_slider .slick-dots li button{display:block;width:100%;height:100%;padding: 0;	border-radius:50%;background-color:rgba(214,214,214,0.5);text-indent:-9999px;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;}
.b_slider .slick-dots li.slick-active button{width:100%;height:100%;background:#005396;}

.input_wrap{width: 100%;margin-bottom: 14px;overflow:hidden;}
.input_wrap .inp_group{width: 100%;margin-bottom: 20px;}
.input_wrap .inp_line{margin-top: 10px;}
.input_wrap .inp_line:first-child{margin-top: 0;}
.input_wrap .btn_login{width: 100%;height: 50px;}

.input_btm{margin-bottom: 34px;}
.input_btm .save_id{display: inline-block;}
.input_btm .btn_right{float: right;}

.r_section{float: left;width: 375px;height: 493px;padding: 60px 35px;background: #fff;border: 1px solid #d6dbe6;}
.r_section .logo_txt{text-align: left;}
.r_section .logo_txt h1{margin-bottom: 15px;}
.r_section .logo_txt p{margin-bottom: 100px;font-size: 14px;color: #666;font-family:'아리따돋움', aritadm, sans-serif;}
.r_section .logo_txt .line{display: block;width: 50px;height: 3px;margin: 20px 0;background: #002d6a;}

#footer{width: 750px;margin: 56px auto 0;text-align: center;}
#footer p{margin-bottom: 10px;color: #999;font-size: 12px;letter-spacing: 0.05em;}