@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/font/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/font/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(/font/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/font/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/font/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/font/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/font/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/font/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(/font/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/font/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(/font/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(/font/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/font/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(/font/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(/font/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/font/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(/font/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(/font/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 }

/* 기본값 설정 */
ol, ul, li {list-style:none;}
ul,ol {margin:0;padding:0;}
address, caption, em {font-weight:normal; font-style:normal;}
table {border-collapse:collapse; border-spacing:0; border:0 none;}
caption {display:none;}
a, a:link {color:#505050; text-decoration:none;}
a:visited {color:#165ba8; text-decoration:none;}
a:hover, a:focus {color:#165ba8; text-decoration:none;}
a:active {color:#165ba8;}

/* common */
.clear {clear:both;}
.off {display:none;}
.hidden {display:none;}
.blind {position:absolute; clear:none; font-size:0; top:-1000em; _top:-9999px; left:-1000em; _left:-9999px; height:0 !important; margin:0 !important; padding:0 !important; line-height:0 !important; border:none !important;}
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

.normal {font-weight:normal !important;}
.bold {font-weight:500 !important;}

.relative {position:relative !important;}
.absolute {position:absolute !important;}
.block {display:block !important;}
.inline {display:inline !important;}
.in-block {display:inline-block !important;}
.overflow {overflow:hidden; !important; }

/* 색상 */
.white {color:#fff !important;}
.black {color:#000 !important;}
.gray {color:#999 !important;}
.red {color:#f00 !important;}
.pink {color:#f8f !important;}
.orange {color:#f80 !important;}
.violet {color:#ff32b1 !important;}
.purple {color:#9905d8 !important;}
.blue {color:#00f !important;}
.sky {color:#00c3ff !important;}
.green {color:#369f36 !important;}

/* margin */
.mgn0 {margin:0 !important;}
.mgn1 {margin:1px !important;}
.mgn2 {margin:2px !important;}
.mgn3 {margin:3px !important;}
.mgn4 {margin:4px !important;}
.mgn5 {margin:5px !important;}
.mgn8 {margin:8px !important;}
.mgn10 {margin:10px !important;}
.mgn15 {margin:15px !important;}
.mgn18 {margin:18px !important;}
.mgn20 {margin:20px !important;}
.mgn25 {margin:25px !important;}
.mgn30 {margin:30px !important;}

.tmgn1 {margin-top:1px !important;}
.tmgn2 {margin-top:2px !important;}
.tmgn3 {margin-top:3px !important;}
.tmgn4 {margin-top:4px !important;}
.tmgn5 {margin-top:5px !important;}
.tmgn8 {margin-top:8px !important;}
.tmgn10 {margin-top:10px !important;}
.tmgn15 {margin-top:15px !important;}
.tmgn18 {margin-top:18px !important;}
.tmgn20 {margin-top:20px !important;}
.tmgn25 {margin-top:25px !important;}
.tmgn30 {margin-top:30px !important;}
.tmgn40 {margin-top:40px !important;}
.tmgn50 {margin-top:50px !important;}
.tmgn80 {margin-top:80px !important;}

.bmgn1 {margin-bottom:1px !important;}
.bmgn2 {margin-bottom:2px !important;}
.bmgn3 {margin-bottom:3px !important;}
.bmgn4 {margin-bottom:4px !important;}
.bmgn5 {margin-bottom:5px !important;}
.bmgn8 {margin-bottom:8px !important;}
.bmgn10 {margin-bottom:10px !important;}
.bmgn15 {margin-bottom:15px !important;}
.bmgn18 {margin-bottom:18px !important;}
.bmgn20 {margin-bottom:20px !important;}
.bmgn25 {margin-bottom:25px !important;}
.bmgn30 {margin-bottom:30px !important;}
.bmgn40 {margin-bottom:40px !important;}
.bmgn50 {margin-bottom:50px !important;}
.bmgn80 {margin-bottom:80px !important;}

.lmgn1 {margin-left:1px !important;}
.lmgn2 {margin-left:2px !important;}
.lmgn3 {margin-left:3px !important;}
.lmgn4 {margin-left:4px !important;}
.lmgn5 {margin-left:5px !important;}
.lmgn8 {margin-left:8px !important;}
.lmgn10 {margin-left:10px !important;}
.lmgn15 {margin-left:15px !important;}
.lmgn18 {margin-left:18px !important;}
.lmgn20 {margin-left:20px !important;}
.lmgn25 {margin-left:25px !important;}
.lmgn30 {margin-left:30px !important;}

.rmgn1 {margin-right:1px !important;}
.rmgn2 {margin-right:2px !important;}
.rmgn3 {margin-right:3px !important;}
.rmgn4 {margin-right:4px !important;}
.rmgn5 {margin-right:5px !important;}
.rmgn8 {margin-right:8px !important;}
.rmgn10 {margin-right:10px !important;}
.rmgn15 {margin-right:15px !important;}
.rmgn18 {margin-right:18px !important;}
.rmgn20 {margin-right:20px !important;}
.rmgn25 {margin-right:25px !important;}
.rmgn30 {margin-right:30px !important;}

/* padding */
.pad0 {padding:0 !important;}
.pad1 {padding:1px !important;}
.pad2 {padding:2px !important;}
.pad3 {padding:3px !important;}
.pad4 {padding:4px !important;}
.pad5 {padding:5px !important;}
.pad8 {padding:8px !important;}
.pad10 {padding:10px !important;}
.pad15 {padding:15px !important;}
.pad18 {padding:18px !important;}
.pad20 {padding:20px !important;}
.pad25 {padding:25px !important;}
.pad30 {padding:30px !important;}

.tpad1 {padding-top:1px !important;}
.tpad2 {padding-top:2px !important;}
.tpad3 {padding-top:3px !important;}
.tpad4 {padding-top:4px !important;}
.tpad5 {padding-top:5px !important;}
.tpad8 {padding-top:8px !important;}
.tpad10 {padding-top:10px !important;}
.tpad15 {padding-top:15px !important;}
.tpad18 {padding-top:18px !important;}
.tpad20 {padding-top:20px !important;}
.tpad25 {padding-top:25px !important;}
.tpad30 {padding-top:30px !important;}

.bpad1 {padding-bottom:1px !important;}
.bpad2 {padding-bottom:2px !important;}
.bpad3 {padding-bottom:3px !important;}
.bpad4 {padding-bottom:4px !important;}
.bpad5 {padding-bottom:5px !important;}
.bpad8 {padding-bottom:8px !important;}
.bpad10 {padding-bottom:10px !important;}
.bpad15 {padding-bottom:15px !important;}
.bpad18 {padding-bottom:18px !important;}
.bpad20 {padding-bottom:20px !important;}
.bpad25 {padding-bottom:25px !important;}
.bpad30 {padding-bottom:30px !important;}

.lpad1 {padding-left:1px !important;}
.lpad2 {padding-left:2px !important;}
.lpad3 {padding-left:3px !important;}
.lpad4 {padding-left:4px !important;}
.lpad5 {padding-left:5px !important;}
.lpad8 {padding-left:8px !important;}
.lpad10 {padding-left:10px !important;}
.lpad15 {padding-left:15px !important;}
.lpad18 {padding-left:18px !important;}
.lpad20 {padding-left:20px !important;}
.lpad25 {padding-left:25px !important;}
.lpad30 {padding-left:30px !important;}

.rpad1 {padding-right:1px !important;}
.rpad2 {padding-right:2px !important;}
.rpad3 {padding-right:3px !important;}
.rpad4 {padding-right:4px !important;}
.rpad5 {padding-right:5px !important;}
.rpad8 {padding-right:8px !important;}
.rpad10 {padding-right:10px !important;}
.rpad15 {padding-right:15px !important;}
.rpad18 {padding-right:18px !important;}
.rpad20 {padding-right:20px !important;}
.rpad25 {padding-right:25px !important;}
.rpad30 {padding-right:30px !important;}

/* opacity : 불투명도 */
.opacity10 {filter:alpha(opacity=10) !important; opacity:0.1 !important;}
.opacity20 {filter:alpha(opacity=20) !important; opacity:0.2 !important;}
.opacity30 {filter:alpha(opacity=30) !important; opacity:0.3 !important;}
.opacity40 {filter:alpha(opacity=40) !important; opacity:0.4 !important;}
.opacity50 {filter:alpha(opacity=50) !important; opacity:0.5 !important;}
.opacity55 {filter:alpha(opacity=55) !important; opacity:0.55 !important;}
.opacity60 {filter:alpha(opacity=60) !important; opacity:0.6 !important;}
.opacity65 {filter:alpha(opacity=65) !important; opacity:0.65 !important;}
.opacity70 {filter:alpha(opacity=70) !important; opacity:0.7 !important;}
.opacity75 {filter:alpha(opacity=75) !important; opacity:0.75 !important;}
.opacity80 {filter:alpha(opacity=80) !important; opacity:0.8 !important;}
.opacity85 {filter:alpha(opacity=85) !important; opacity:0.85 !important;}
.opacity90 {filter:alpha(opacity=90) !important; opacity:0.9 !important;}
.opacity95 {filter:alpha(opacity=95) !important; opacity:0.95 !important;}

/* 로그인 */
#def-login {width:400px;font-size:1em; margin:100px auto;padding:20px 60px; border:2px solid #ccc;}

#def-login .ej_login_btn {-webkit-appearance:none; display:block; margin:5px auto !important; text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#d52349; color:#fff !important; font-weight:500; outline:0; font-size:1em; padding:0.65em 2.5em 0.65em 2.5em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
#def-login .ej_login_btn:hover {background:#e53359;}
#def-login .ej_login_btn:active {background:#c51349;}

#def-login .ej_login_loading {display:none; overflow:visible; position:absolute; top:6px; _top:8px; right:0; _right:2px; z-index:10; width:22px; height:22px; margin:0; padding:0; border:none; background:url('/images/ajax_loading.gif') no-repeat; text-indent:-500em; cursor:pointer}
#def-login .ej_member_menu {clear:both; margin:5px 0; *margin:2px 0; padding:10px 0; vertical-align:middle; overflow:hidden;}
#def-login .ej_member_menu li {float:left; margin:0 0 0 5px; padding:0;}
#def-login .ej_member_menu li.f {margin:0; padding:0 0 0 8px;}


/* 아웃로그인 */
#out-login {width:100%; margin:0 auto 0;}
#out-login .ej_login_area {margin:7px 5px 5px 5px; border:0;}
#out-login .ej_login_area ul {margin:3px; padding:0;}
#out-login .ej_login_li {clear:both; display:table; width:100%; margin:3px 0 4px; *margin:1px 0 2px;}
#out-login .ej_login_li .c {display:table-cell; vertical-align:middle;}
#out-login .ej_login_li .h {width:7.2em; font-size:.93em; letter-spacing:-1px; white-space:nowrap;}
#out-login .ej_login_li .ej_login_inp_wrap {display:block; padding:5px 5px; border:1px solid #b6b6b6; border-radius:4px;background:#fff; -webkit-box-shadow:inset 0 1px #eee;}
#out-login .ej_login_li .ej_login_inp_wrap_rel {position:relative; padding-right:30px; *padding-right:38px;}
#out-login .ej_login_li .ej_login_inp {width:100%; height:16px; vertical-align:middle; color:#000; padding:0; border:0; border-radius:0; background:none; -webkit-appearance:none; outline-style:none;}
#out-login .ej_login_li .r {display:table-cell; width:64px; padding-left:4px;  color:#666; vertical-align:middle;}
#out-login .ej_save_inp {margin-top:5px;}
#out-login .ej_save_inp input {width:19px; height:19px; margin-top:-3px; vertical-align:middle;}
#out-login .ej_save_label {margin-right:10px; color:#666; letter-spacing:-1px;}

#out-login .ej_login_li .ej_login_btn {-webkit-appearance:none; display:inline-block; text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#d52349; color:#fff !important; font-weight:700; outline:0; font-size:1.1em; padding:0.65em 1.5em 0.65em 1.5em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
#out-login .ej_login_li .ej_login_btn:hover {background:#e53359;}
#out-login .ej_login_li .ej_login_btn:active {background:#c51349;}

#out-login .ej_login_li .ej_login_loading {display:none; overflow:visible; position:absolute; top:6px; _top:8px; right:0; _right:2px; z-index:10; width:22px; height:22px; margin:0; padding:0; border:none; background:url('/images/ajax_loading.gif') no-repeat; text-indent:-500em; cursor:pointer}
#out-login .ej_member_menu {clear:both; margin:5px 0 10px; *margin:2px 0 5px; padding:0; vertical-align:middle; overflow:hidden;}
#out-login .ej_member_menu li {float:left; margin:0 0 0 -1px; padding:0;}
#out-login .ej_member_menu li.f {margin:0; padding:0 0 0 8px;}
#out-login .ej_member_menu li a {display:inline-block; padding:3px 5px; border:1px solid #ddd; color:#777; background:#fff;}
#out-login .ej_member_menu li a:hover {color:#333; background:#f6f6f6;}
#out-login .ej_member_menu li a.ol-adm {display:inline-block; padding:3px 5px; border:1px solid #ddd; color:#228b22; background:#fff;}
#out-login .ej_member_menu li a.ol-adm:hover {color:#006400; background:#f6f6f6;}
#out-login dl.chk {clear:both; margin:0; padding:0;}
#out-login dl.chk dt,
#out-login dl.chk dd {float:left;}
#out-login dl.chk dt {margin:0 5px 0 10px; *margin:0 0 0 5px;}
#out-login dl.chk dd {margin:-2px 0 0 -2px; *margin:0; _padding:2px 0 0;}
#out-login dl.chk dt.f {margin:0 5px 0 5px; *margin:0 0 0 2px;}
#out-login dl.info {clear:both; margin:0 0 0 5px; padding:0;}
#out-login dl.info dt,
#out-login dl.info dd {float:left; }
#out-login dl.info dt {width:80px; font-weight:bold; margin:0 5px 0 0;}

/* 아이디 비밀번호 찾기 */
#idpw-find {width:100%; margin:30px auto;}
#idpw-find .ej_login_area {margin:7px 5px 5px 5px; border:0;}
#idpw-find .ej_login_area ul {margin:3px; padding:0;}
#idpw-find .ej_login_li {clear:both; display:table; width:100%; margin:3px 0 4px; *margin:1px 0 2px;}
#idpw-find .ej_login_li .c {display:table-cell; vertical-align:middle;}
#idpw-find .ej_login_li .h {width:7.2em; font-size:.93em; letter-spacing:-1px; white-space:nowrap;}
#idpw-find .ej_login_li .ej_login_inp_wrap {display:block; padding:5px 5px; border:1px solid #b6b6b6; border-radius:4px;background:#fff; -webkit-box-shadow:inset 0 1px #eee;}
#idpw-find .ej_login_li .ej_login_inp_wrap_rel {position:relative; padding-right:30px; *padding-right:38px;}
#idpw-find .ej_login_li .ej_login_inp {width:100%; height:16px; vertical-align:middle; color:#000; padding:0; border:0; border-radius:0; background:none; -webkit-appearance:none; outline-style:none;}
#idpw-find .ej_login_li .r {display:table-cell; width:64px; padding-left:4px; color:#666; vertical-align:middle;}
#idpw-find .ej_save_inp {margin-top:5px;}
#idpw-find .ej_save_inp input {width:19px; height:19px; margin-top:-3px; vertical-align:middle;}
#idpw-find .ej_save_label {margin-right:10px; color:#666; letter-spacing:-1px;}
#idpw-find .ej_login_li .ej_login_btn {overflow:visible; position:absolute; top:3px; _top:5px; right:3px; _right:5px; z-index:10; width:22px; height:22px; margin:0; padding:0; border:none; background:url('/images/btn_login.gif') no-repeat; text-indent:-500em; cursor:pointer}
#idpw-find .ej_login_li .ej_login_loading {display:none; overflow:visible; position:absolute; top:6px; _top:8px; right:0; _right:2px; z-index:10; width:22px; height:22px; margin:0; padding:0; border:none; background:url('/images/ajax_loading.gif') no-repeat; text-indent:-500em; cursor:pointer}
#idpw-find .ej_member_menu {clear:both; margin:5px 0 10px; *margin:2px 0 5px; padding:0; vertical-align:middle; overflow:hidden;}
#idpw-find .ej_member_menu li {float:left; margin:0 0 0 -1px; padding:0;}
#idpw-find .ej_member_menu li.f {margin:0; padding:0 0 0 8px;}
#idpw-find .ej_member_menu li a {display:inline-block; padding:3px 5px; border:1px solid #ddd; color:#777; background:#fff;}
#idpw-find .ej_member_menu li a:hover {color:#333; background:#f6f6f6;}
#idpw-find .ej_member_menu li a.ol-adm {display:inline-block; padding:3px 5px; border:1px solid #ddd; color:#228b22; background:#fff;}
#idpw-find .ej_member_menu li a.ol-adm:hover {color:#006400; background:#f6f6f6;}
#idpw-find dl.chk {clear:both; margin:0; padding:0;}
#idpw-find dl.chk dt,
#idpw-find dl.chk dd {float:left;}
#idpw-find dl.chk dt {margin:0 5px 0 10px; *margin:0 0 0 5px;}
#idpw-find dl.chk dd {margin:-2px 0 0 -2px; *margin:0; _padding:2px 0 0;}
#idpw-find dl.chk dt.f {margin:0 5px 0 5px; *margin:0 0 0 2px;}
#idpw-find dl.info {clear:both; margin:0 0 0 5px; padding:0;}
#idpw-find dl.info dt,
#idpw-find dl.info dd {float:left;}
#idpw-find dl.info dt {width:80px; font-weight:bold; margin:0 5px 0 0;}
textarea, select {
	letter-spacing: 0;
}