@CHARSET "UTF-8";

/* common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, p{margin:0; padding:0;}
body {font-family:"맑은고딕",Malgun Gothic,AppleGothic,dotum,"돋움",sans-serif;font-size:12px;color:#333;background:url(/public/assets/images/mem/top_bg.gif) repeat-x;min-width:990px;}
ul, ol, li {list-style:none;}
fieldset, form, button {border:0;}
img {border:0;}
hr, legend, caption {display:none;}
em, address {font-style:normal;}
/*table { border-collapse:collapse; }*/
table{border-spacing:0;border-collapse:collapse}
textarea {overflow:auto; border:1px solid #dedede;}
a,a:link{text-decoration:none;color:#707070;}
a:hover,a:active,a:focus{color:#215da9;}
.blind {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
#skip, .skip {display:none; width:0; height:0; overflow:hidden;}
.checkbox {width:14px; height:14px; margin-bottom:2px; vertical-align:middle; border-width: 0px;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
td input {vertical-align:middle;}

.clear{clear:both;}
.scroll_box_y {overflow:hidden; overflow-y:scroll;}
.mg_t5 {margin-top:5px !important;}
.mg_t10 {margin-top:10px !important;}
.mg_t30 {margin-top:30px !important;}
.mg_t40 {margin-top:40px !important;}
.alignC{text-align:center;}
.alignL{text-align:left;}
.input02{border:1px solid #0acacac;width:160px;height:22px;line-height:22px;padding-left:7px;font-family:"맑은고딕", Malgun Gothic !important}
.input03{border:1px solid #0acacac;width:220px;height:28px;line-height:28x;padding-left:7px;font-family:"맑은고딕", Malgun Gothic !important}
.input_t{padding:4px 7px;border:1px solid #acacac;color:#333}
.w340{width:340px;}

/* 컨텐츠 경로 */
.history {display:block; text-align:right; color:#666666; line-height:16px;}
.history em{color:#215da9;}
.history img{padding-right:3px;}

/* 바로가기 */
#skipnavi a {width:100%; position:absolute; display:block;left:0;top:-10000px;background:#2c7bbb;color:#fff;font-weight:bold;font-size:11px;text-align:center;z-index:2100}
#skipnavi a:hover, #skipnavi a:focus, #skipnavi a:active {position: absolute;display:block; top: 0;left:0; width:100%;padding: 5px 0;background:#2c7bbb;color:#fff;}

/* layout */
#wrap_main{width:990px;margin:0 auto; min-height:100%}
#top_wrap {height:105px;}
#container{position:relative; width:100%; margin-top:13px;}
#container:after{content:"";display:block;clear:both;}
#container_join{position:relative;width:100%;margin:43px 0 50px 0;}
#container_join:after{content:"";display:block;clear:both;}
#container_join2{position:relative;width:100%;margin:43px 0 50px 0;}
#container_join2:after{content:"";display:block;clear:both;}
#login_content{position:relative; width:100%;}

h1 {float:left; margin-top:5px; height:58px;}

/* 네비게이션 */
.nav {clear:left; margin-top:63px;}
.nav h2{display:none;}
.nav li {float:left;text-align:center}
.nav li a{display:inline-block; margin:-3px 40px 0 40px; padding:12px 22px 8px; font-size:16px; color:#ffffff; font-weight:bold;letter-spacing:-0.75px;}
.nav li a:hover, .nav .on{display:block; background:#ff941c; border-radius:3px 0 29px 8px; box-shadow:2px 3px 3px #083d85;}

/* 상단 주메뉴 */
.info_top_area{float:right; overflow:hidden;}
.info_top_area h2{display:none;}
.info_top_area li{float:let; display:inline-block; margin-left:5px; margin-top:33px; color:#ccc; }

/* 비주얼 */
.visual {float:left; width:548px;}
.visual h2{display:none;}
.visual img{width:546px; height:378px; border:solid 1px #d9d9d9;}

/* 팝업존 */
.popupzone {float:left; margin-left:6px; width:326px; height:378px;border:1px solid #d9d9d9;}
.popupzone h2 {background:#f5f5f5; padding:5px 10px 3px;; border-bottom:1px solid #d9d9d9; font-size:16px; color:#0c4ca3;}
.js .tabMenu1 {float:right; position:relative; top:-22px;}
.js .tabMenu1 .wrap {float:left;}
.js .tabMenu1  .rolling_tab {margin-right:4px; position:relative; z-index:2;}
.js .tabMenu1  .rolling_tab a {display:block; border:#cccccc 1px solid; width:11px; height:11px; border-radius:50%; background:#cccccc; cursor:pointer;font-size:0;}
.js .tabMenu1  .cnt{width:326px; height:348px; position:absolute; top:22px; right:0; z-index:1; display:none;}
.js .tabMenu1  .wrap.on .rolling_tab a {width:35px; background:#0c4ca3; border:solid 1px #003d90; border-radius:6px;}
.js .tabMenu1  .wrap.on .cnt {display:block;}
.popupzone .stop a{margin-right:10px; display:block; border:#cccccc 1px solid; width:12px; height:12px; border-radius:50%; background:#ffffff url(/public/assets/images/mem/bnr_ico_stop.png) no-repeat 50% 50%; cursor:pointer;font-size:0;}
.popupzone .wrap.on .stop a{margin-right:10px; display:block; border:#cccccc 1px solid; width:12px; height:12px; border-radius:50%; background:#ffffff url(/public/assets/images/mem/bnr_ico_start.png) no-repeat 50% 50%; cursor:pointer;font-size:0}
.bg_style01 {background:url(/public/assets/images/mem/popup_img_01.png) no-repeat; width:326px; height:348px; padding-top:15px; text-align:center; }

/* 최근본메뉴 */
.recent_menu {position:absolute; right:0; height:378px; overflow:hidden; background:#f5f5f5; margin-left:8px; width:100px; border-left:solid 1px #ededed; border-right:solid 1px #ededed; border-bottom:solid 1px #ededed;}
.recent_menu h2 {width:100px; background:#2a5d9a; line-height:32px; font-size:14px;; color:#ffffff; text-align:center; letter-spacing:-0.75px; }
.recent_menu ul {height:297px; overflow:hidden; margin:23px 4px; background:#ffffff; border-radius:3px; border:solid 1px #ededed; }
.recent_menu li {padding:10px; line-height:16px; font-size:12px; text-align:center; border-bottom:solid 1px #ededed;}
.recent_menu .btn_prev {position:absolute; top:32px; left:34px;}
.recent_menu .btn_next {position:absolute; bottom:-4px; left:34px;}

/* MY 업무권한 리스트 관리자 */
.work_list_01 {float:left; width:457px;}
.work_list_01 h2 {font-size:16px; color:#00559d;margin-bottom:14px;}
.work_list_01 li {float:left; display:inline; margin-right:1px; height:101px;}

/* MY 업무권한 리스트 사용자 */
.work_list_02 {float:left; width:457px;}
.work_list_02 h2 {font-size:16px; color:#00559d;margin-bottom:14px;}
.work_list_02 li {line-height:22px;}
.work_list_02  .menu {height:195px; float:left; width:428px; border:solid 1px #d9d9d9; background:#ffffff; padding:2px 12px; overflow-y:scroll;}
.work_list_02  .menu > li {line-height:30px;}
.work_list_02  .menu > li > a {display:block; color:#111111; font-size:14px; font-weight:bold; vertical-align:middle; }
.work_list_02  .menu > li.on > a {display:block;color:#f75e02;font-size:14px;font-weight:bold;vertical-align:middle; }
.work_list_02  .depth01 {border:solid 1px #d9d9d9; background:#f7f7f7; border-radius:3px; padding:5px 12px; }
.work_list_02  .depth01 > li > a {background:url(/public/assets/images/mem/left_bullet1-2.png) no-repeat 0 50%; display:block;color:#111111; font-size:13px; font-weight:bold; padding-left:20px; vertical-align:middle;}
.work_list_02  .depth01 > li.on > a {background:url(/public/assets/images/mem/left_bullet1-1.png) no-repeat 0 50%; padding-left:20px; color:#111111;font-size:13px;font-weight:bold;display:block;}
.work_list_02  .depth02 > li > a {background:url(/public/assets/images/mem/left_bullet2-1.png) no-repeat 20px 50% ; padding-left:38px; font-size:13px;color:#444444;font-weight:bold;vertical-align:middle;display:block;}
.work_list_02  .depth02 > li.on {}
.work_list_02  .depth02 > li.on > a { background:url(/public/assets/images/mem/left_bullet2-2.png)  no-repeat 20px 50%; padding-left:38px;font-size:13x;color:#096fba;font-weight:bold;display:block; }
.work_list_02  .depth03 > li {margin:0 8px}
.work_list_02  .depth03 > li:last-child {border-bottom:none;}
.work_list_02  .depth03 > li > a {background:url(/public/assets/images/mem/left_bullet3-2.png) no-repeat 28px 50%; padding-left:47px;font-size:13px; color:#666;display:block;font-weight:bold; vertical-align:middle;}
.work_list_02  .depth03 > li.on {}
.work_list_02  .depth03 > li.on  > a { background:url(/public/assets/images/mem/left_bullet3-1.png) no-repeat 28px 50%; padding-left:47px; color:#111111;display:block; }
.work_list_02  .depth04 > li:last-child {border-bottom:none;}
.work_list_02  .depth04 > li > a {background:url(/public/assets/images/mem/left_bullet4-1.png) no-repeat 28px 50%; padding-left:50px;font-size:13px; color:#666;display:block;font-weight:bold; vertical-align:middle;}
.work_list_02  .depth04 > li.on {}
.work_list_02  .depth04 > li.on  > a { background:url(/public/assets/images/mem/left_bullet4-1.png) no-repeat 28px 50%; padding-left:50px; color:#0c4ca3;display:block; }
.work_list_02  .depth04 > li:last-child > a {background:url(/public/assets/images/mem/left_bullet4-1_last.png) no-repeat 28px 50%; }

/* 공지사항 */
.notice {float:right;}
.notice h2 {font-size:16px; color:#00559d;margin-bottom:14px;}
.notice table {width:512px; border-top:2px solid #00559d;}
.notice thead {}
.notice thead th {background:#ffffff; padding:6px 0; border-bottom:1px solid #dedede; color:#00559d;border-right:1px solid #e4e4e4; text-align:center;}
.notice thead th:first-child {border-left:1px solid #e4e4e4; }
.notice td {text-align:center; padding:8px 0 7px; border-bottom:1px solid #e6e6e6; color:#909090;}
.notice td:first-child {border-left:none;}
.notice td img {vertical-align:middle; }
.notice td.sub_table_text {text-align:left; padding-left:20px; }
.ico_a{display:inline-block;width:65px;height:15px;line-height:17px;background:#f1a44f;border:1px solid #c97c28;border-radius:3px;text-align:center;font-family:'돋움',Dotum;font-size:11px;color:#fff !important;letter-spacing:-1px;text-decoration:none}
.ico_b{display:inline-block;width:65px;height:15px;line-height:17px;background:#4fbff1;border:1px solid #2897c9;border-radius:3px;text-align:center;font-family:'돋움',Dotum;font-size:11px;color:#fff !important;letter-spacing:-1px;text-decoration:none}
.ico_c{display:inline-block;width:65px;height:15px;line-height:17px;background:#f54750;border:1px solid #d2292e;border-radius:3px;text-align:center;font-family:'돋움',Dotum;font-size:11px;color:#fff !important;letter-spacing:-1px;text-decoration:none}
.ico_d{display:inline-block;width:65px;height:15px;line-height:17px;background:#00559d;border:1px solid #00438a;border-radius:3px;text-align:center;font-family:'돋움',Dotum;font-size:11px;color:#fff !important;letter-spacing:-1px;text-decoration:none}

/* 풋터 */
#footer_area{clear:both; float:left; width:100%; background:url(/public/assets/images/mem/ft_bg.gif) repeat-x; margin-top:20px; z-index:1000; }
#footer_area h2{display:none;}
.footer{position:relative;margin:0 auto;width:990px;height:108px;font-weight:normal}
.footer .ft_menu {height:38px; border-left:solid 1px #d9d9d9; border-right:solid 1px #d9d9d9;}
.footer .ft_menu li{display:inline-block; line-height:38px; padding-left:38px; font-weight:bold;}
.footer .logo{clear:both; width:109px; height:44px;background:url(/public/assets/images/mem/footer_logo.png) no-repeat; position:absolute;top:49px;left:48px;}
.footer .info{position:absolute;top:59px; left:208px; }
.footer .info li{display:block;color:#999;line-height:16px;font-size:12px}

/* 사이트 링크 */
.footer .site-link{display:inline-block;position:absolute;top:0;right:0;padding:0;font-size:12px;color:#999;letter-spacing:-0.05em}
.footer .site-link h4{position:relative;height:36px;line-height:36px;padding-left:20px;background:url(/public/assets/images/mem/ico_arrow.png) no-repeat 100% 0;cursor:pointer;font-size:12px;}
.footer .site-link h4 .go{display:block;position:absolute;top:0;right:0;width:30px;height:36px;background:#fff url(/public/assets/images/mem/ico_arrow.png) no-repeat 50% 50%;color:#fff;font-size:9px;font-weight:bold;line-height:36px;text-align:center;}
.footer .site-link .on h4 .go{background-image:url(/public/assets/images/mem/ico_arrow.png)}
.footer .site-link h4 .go a{color:#fff;}
.footer .site-link h4 span{display:block}
.footer .site-link ul{display:none}
.footer .site-link .on ul{display:block;background:#fff;padding-bottom:3px}
.footer .site-link .on h4{background:url(/public/assets/images/mem/ico_arrow.png) no-repeat 100% 0}
.footer .site-link .off ul{display:none}
.footer .site-link .off h4{background:url(/public/assets/images/mem/ico_arrow.png) no-repeat 100% 0}
.footer .major-site{position:relative;float:left;width:225px;margin-right:-1px;border:1px solid #d9d9d9;z-index:100;}
.footer .major-site ul{position:absolute;bottom:36px;left:-1px;width:225px;border:1px solid #d9d9d9;}
.footer .major-site ul li{line-height:22px;padding-left:20px;}
.footer .rel-site{position:relative;float:left;width:225px;border:1px solid #d9d9d9}
.footer .rel-site ul{display:none;position:absolute;bottom:36px;left:-1px;width:225px;border:1px solid #d9d9d9;z-index:100;}
.footer .rel-site ul li{line-height:22px;padding-left:20px;}

/* 로그인 타이틀*/
.login_title {margin:35px auto; width:723px;}
.login_title h2{float:left; display:inline; width:195px; font-size:34px; color:#393939; font-weight:normal; letter-spacing:-3px;}
.login_title p{margin-left:200px; font-size:13px; color:#333333; line-height:20px;}
.f_left {float:left; width:360px; padding:0 40px; border-right:1px solid #e2e2e2;}
.f_right{float:right; width:360px; padding:0 20px; }

/* 로그인 */
#login_content{width:100%; padding-top:34px;}
.login_area{border:1px solid #a5a5a5;border-top:1px #e2e2e2 solid; border-bottom:1px #707070 solid; width:890px; padding:50px;}
.login_area:after{content:"";display:block;clear:both;}
.login_area h3{margin-bottom:30px;}
.login_input_area{clear:both; float:left; margin-right:8px;}
.login_input_area li{clear:both; float:left;margin-bottom:7px;}
.login_input_area li:last-child{margin-bottom:0;}
.input_row{position:relative;border:solid 1px #adadad;padding:2px 10px;height:26px; width:228px; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;}
.lbl{position:absolute;top:0;left:15px;z-index:8;font-size:15px;color:#999;line-height:16px}
.int{position:relative;width:100%;padding:6px 0 7px;height:15px;z-index:9;border:none; font-size:12px;color:#000;line-height:16px}
.input_box{display:block}
.login_bu_area{float:left;}
.login_bu_area li{float:left;margin-bottom:15px;}
.text01 {clear:both;}
.text01 li{ display:inline;}
.text01 .left{float:left;width:130px;}

/* 로그인버튼 */
.btn01{display:block;line-height:71px;width:86px;height:71px;background:#ef7d00;color:#fff;font-size:16px;font-weight:bold;text-align:center;border-radius:3px;}
.btn01 a{display:block;color:#fff;font-size:16px;font-weight:bold;text-align:center;}
.btn01 a:hover{background:#db7403;border-radius:3px;}
.btn02{display:inline-block;line-height:51px;height:51px;background:#3b8cd1;color:#fff;font-size:16px;font-weight:bold;text-align:center;border-radius:3px;}
.btn02 a{display:inline-block; padding:0 55px; height:51px;color:#fff;font-size:16px;font-weight:bold;text-align:center;border-radius:3px;}
.btn02 a:hover{background:#287abf;}
.btn03{display:block;line-height:37px;width:156px;height:37px;background:#3b8cd1;color:#fff;font-size:16px;font-weight:bold;text-align:center;border-radius:3px;}
.btn03 a{display:block;color:#fff;font-size:16px;font-weight:bold;text-align:center;}
.btn03 a:hover{background:#287abf;border-radius:3px;}

/* 회원가입 안내탭 S*/
.tabarea{ float:left; width:100%; min-height:190px; margin-top:60px;}
.js .tabMenu2{position:relative;width:100%;}
.js .tabMenu2 .wrap{float:left;}
.js .tabMenu2 .tab{float:left;margin-right:-1px;position:relative;z-index:2;}
.js .tabMenu2 .tab a{width:220px;height:33px;display:block;text-align:center;text-decoration:none;padding-top:10px;background:fff;border:solid 1px #cccccc; color:#666;font-size:16px; font-weight:bold;}
.js .tabMenu2 .tab a:last-child{margin-left:0px; }
.js .tabMenu2 .cnt{width:800px;position:absolute; top:50px; left:50px; z-index:1; display:none; font-size:13px; line-height:22px; color:#666666;}
.js .tabMenu2 .cnt h4{margin:30px 0 10px; background:url(/public/assets/images/mem/ico_tit.gif) 0 0 no-repeat; line-height:40px; color:#333333; font-size:18px;}
.js .tabMenu2 .wrap.on .tab a{height:33px;border-bottom:0;text-decoration:none;background:#00559d;border:solid 1px #00559d; color:#FFFFFF;}
.js .tabMenu2 .wrap.on .cnt{display:block;}
.js .tabMenu2 .cnt strong {font-size:21px; color:#00559d;}
.js .tabMenu2 .list li{background:url(/public/assets/images/mem/left_bullet4-3.png) 2px 9px no-repeat; padding-left:12px;}

/* 회원가입 */
h2.join{width:100%;text-align:center;color:#393939;font-size:34px;font-weight:500;margin-bottom:35px;}
h3.join{background:url(/public/assets/images/mem/bu01.png) no-repeat 0 50%;line-height:30px;padding-left:22px;color:#333;font-size:17px;font-weight:600;margin-bottom:10px;}
h3.join .right{float:right;font-size:14px;color:#00559d;}
/*h3.join span{padding-left:20px;font-size:14px;color:#00559d;}*/
h3.join .right img{vertical-align:middle;}
/*.txt02{padding-left:22px;font-weight:bold;font-size:14px;color:#00559d;margin-bottom:15px;}*/

.rbox{background:#f7f7f7;border-radius:3px;border:1px solid #d9d9d9;padding:30px 0 30px 70px;}
.rbox ul{margin-left:25px;}
.rbox ul li{background:url(/public/assets/images/mem/bul_gray01.gif) no-repeat 0 50%;line-height:30px;padding-left:12px;color:#333;font-size:13px;}
.mbox{background:#fff;border-radius:0;border-top:1px solid #e0e0e0;border-right:1px solid #b3b3b3;border-left:1px solid #b3b3b3;border-bottom:1px solid #707070;padding:50px 90px 55px 100px;height:160px;}
.mbox:after{content:"";display:block;clear:both;}
.mbox .join01{float:left;border-right:1px solid #e2e2e2;padding-right:120px;}
.mbox .join01 .tit{background:url(/public/assets/images/mem/ico_user.gif) no-repeat 0 0;line-height:30px;padding-left:30px;color:#333;font-size:24px;font-weight:600;margin-bottom:24px;}
.mbox .join01 ul{font-size:13px;width:240px;text-align:center;margin-bottom:20px;}
.mbox .join01 ul li{line-height:20px;}
.mbox .join02{float:left;padding-left:140px;padding-right:0;}
.mbox .join02 .tit{background:url(/public/assets/images/mem/ico_user.gif) no-repeat 0 0;line-height:30px;padding-left:30px;color:#333;font-size:24px;font-weight:600;margin-bottom:24px;}
.mbox .join02 ul{font-size:13px;width:240px;text-align:center;margin-bottom:20px;}
.mbox .join02 ul li{line-height:20px;}
.mbox .join03{text-align:center;}
.mbox .join03 .tit{background:url(/public/assets/images/mem/ico_user.gif) no-repeat 0 0;line-height:30px;padding-left:30px;color:#333;font-size:24px;font-weight:600;margin-bottom:24px; width:145px; margin:0 auto;text-align:left;margin-bottom:24px;}
.mbox .join03 ul{font-size:13px;margin-bottom:20px;}
.mbox .join03 ul li{line-height:20px;}
.mbox{background:#fff;border-radius:0;border-top:1px solid #e0e0e0;border-right:1px solid #b3b3b3;border-left:1px solid #b3b3b3;border-bottom:1px solid #707070;padding:30px 90px ;height:160px;margin:0 auto;}
.mbox .join03{text-align:center;}
.mbox .join03 .tit{background:url(/public/assets/images/mem/ico_user.gif) no-repeat 0 0;line-height:30px;padding-left:30px;color:#333;font-size:24px;font-weight:600;margin-bottom:24px; width:145px; margin:0 auto;text-align:left;margin-bottom:24px;}
.mbox .join03 ul{font-size:13px;margin-bottom:20px;}
.mbox .join03 ul li{line-height:20px;}
.mbox02{background:#fff;border-radius:0;border-top:1px solid #e0e0e0;border-right:1px solid #b3b3b3;border-left:1px solid #b3b3b3;border-bottom:1px solid #707070;padding:50px;}
.mbox02:after{content:"";display:block;clear:both;}
.mbox02 .join01{float:left;width:400px;border-right:1px solid #e2e2e2;padding-right:50px;text-align:center;}
.mbox02 .join01 img{text-align:center;}
.mbox02 .join01 .tit{color:#333333;font-size:17px;font-weight:600;margin-bottom:10px;}
.mbox02 .join01 ul{font-size:13px;text-align:left;margin: 0 auto 32px;width: 90%;}
.mbox02 .join01 ul li{line-height:20px;}
.mbox02 .join02{float:left;padding-left:50px;text-align:center;}
.mbox02 .join02 ul{font-size:13px;margin-bottom:20px;text-align:left;}
.mbox02 .join02 ul li{line-height:24px;background:url(/public/assets/images/mem/bul_gray01.gif) no-repeat 0 10px;padding-left:12px;color:#333;font-size:13px;}
td .text_list{margin:0 0 20px !important;}
/* .text_list{margin:30px 0 0;} */
.text_list li{background:url(/public/assets/images/mem/bul_gray01.gif) no-repeat 0 13px;line-height:30px;padding-left:12px;color:#333;font-size:13px;text-align:left;}
.text_list li span{color:#1573c2;}


/* 회원가입 step 3단 */
.tab_join{width:100%;margin-bottom:27px;border-bottom:1px solid #cfcfcf;box-sizing:border-box;}
.tab_join li:after{content: '';clear:both;display:block;}
.tab_join li{display:inline-block;background:#fff;border:1px solid #e2e2e2;width:33.2%;font-size:16px; height:54px;line-height:53px;margin-right:-5px;margin-bottom:-1px;text-align:center;font-weight:bold;z-index:1;}
.tab_join li a{color:#333}
.tab_join li.on{display:inline-block;background:#00559d;border-color:#333;z-index:9;color:#fff;}
.tab_join li:hover a, .tab_join li.on a{color:#fff;}

/* 회원가입 step 4단 */
.tab_join02{width:100%;margin-bottom:27px;border-bottom:1px solid #cfcfcf;box-sizing:border-box;}
.tab_join02 li:after{content: '';clear:both;display:block;}
.tab_join02 li{display:inline-block;background:#fff;border:1px solid #e2e2e2;width:24.9%;font-size:16px; height:54px;line-height:53px;margin-right:-5px;margin-bottom:-1px;text-align:center;font-weight:bold;z-index:1;}
.tab_join02 li a{color:#333}
.tab_join02 li.on{display:inline-block;background:#00559d;border-color:#333;z-index:9;color:#fff;}
.tab_join02 li:hover a, .tab_join li.on a{color:#fff;}

/* 회원가입 step 2단 */
.tab_join03{width:100%;margin-bottom:27px;border-bottom:1px solid #cfcfcf;box-sizing:border-box;}
.tab_join03 li:after{content: '';clear:both;display:block;}
.tab_join03 li{display:inline-block;background:#fff;border:1px solid #e2e2e2;width:49.9%;font-size:16px; height:54px;line-height:53px;margin-right:-5px;margin-bottom:-1px;text-align:center;font-weight:bold;z-index:1;}
.tab_join03 li a{color:#333}
.tab_join03 li.on{display:inline-block;background:#00559d;border-color:#333;z-index:9;color:#fff;}
.tab_join03 li:hover a, .tab_join li.on a{color:#fff;}

.mtit{background:url(/public/assets/images/mem/bu02.png) no-repeat 0 50%;line-height:30px;padding-left:22px;width:100%;font-size:17px;color:#333;font-weight:bold;box-sizing:border-box;margin-bottom:12px;}
.mtit_s{display:inline-block;width:200px;text-align:center;height:160px;background:#f7f7f7;padding:50px 20px 0;vertical-align:middle; font-size:15px;color:#333;font-weight:bold;border:1px solid #cccccc;border-right:1px solid #e3e1e1;box-sizing:border-box;}
.rule{padding-bottom:25px;margin-bottom:25px;border-bottom:#a1a0a0 solid 2px;}
.rule02{margin-bottom:25px;}
textarea.rule_box_r{float:right;width:790px;height:160px;padding:10px;color:#666;line-height:22px;border:1px solid #cccccc;border-left:none; box-sizing:border-box;}
.agree{clear:both; width:100%;text-align:right;margin-top:11px}
.agree li{display:inline;margin-left:12px;}
.agree li input{vertical-align:text-bottom;}

/* 회원가입버튼 */
a.btn_join01{display:inline-block;min-width:200px;padding:0 10px;background:#3b8cd1;border:1px solid #3b8cd1;border-radius:3px;height:50px;line-height:50px;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none;}
a.btn_join02{display:inline-block;min-width:200px;padding:0 10px;background:#3b8cd1;border:1px solid #3b8cd1;border-radius:3px;height:50px;line-height:50px;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none;}
a.btn_join03{display:inline-block;min-width:200px;padding:0 10px;background:#3b8cd1;border:1px solid #3b8cd1;border-radius:3px;height:50px;line-height:50px;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none;}

a.btn_join01:hover {display:inline-block;min-width:200px;padding:0 10px;background:#ef7d00;border:1px solid #3b8cd1;border-radius:3px;height:50px;line-height:50px;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none;}
a.btn_join02:hover{display:inline-block;min-width:200px;padding:0 10px;background:#ef7d00;border:1px solid #ef7d00;border-radius:3px;height:50px;line-height:50px;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none;}
a.btn_join03:hover{display:inline-block;min-width:200px;padding:0 10px;background:#ef7d00;border:1px solid #ef7d00;border-radius:3px;height:50px;line-height:50px;text-align:center;font-size:17px;color:#fff;font-weight:600;text-decoration:none;}


.btn_board_c{width:100%;text-align:center;}
a.btn_b_blue{display:inline-block;min-width:90px;padding:0 20px;background:#0b6fc5;border:1px solid #0b6fc5;border-radius:3px;height:36px;line-height:36px;text-align:center;font-size:14px;color:#fff;font-weight:600;text-decoration:none;}
a.btn_b_white{display:inline-block;min-width:90px;padding:0 20px;background:#fff;border:1px solid #a5a5a5;border-radius:3px;height:36px;line-height:36px;text-align:center;font-size:14px;color:#333;font-weight:600;text-decoration:none;}
a.btn_s_gray{min-width:100px;padding:4px 10px 5px;background:#f8f8f8;border:1px solid #ccc;vertical-align:middle;text-align:center;font-size:12px;color:#666;font-weight:bold;}
button.btn_s_gray{min-width:100px;padding:4px 10px 5px;background:#f8f8f8;border:1px solid #ccc;vertical-align:middle;text-align:center;font-size:12px;color:#666;font-weight:bold;}


.text_list_pop{margin-bottom:10px;}
.text_list_pop li{background:url(/public/assets/images/mem/bul_gray01.gif) no-repeat 0 10px;line-height:30px;padding-left:12px;color:#333;font-size:13px;  line-height:22px; margin-bottom:5px;}
.text_list_pop .btxt{color:#1375d6;font-weight:bold;}

.check_list {border:solid 1px #666;padding:20px 10px;height:150px;overflow-y:scroll;}
.check_list li{background:url(/public/assets/images/mem/bl.png) no-repeat 0 2px;padding-left:12px;margin-left:5px;margin-bottom:2px;line-height:22px;}


/* 팝업게시판 */
.board_view_pop{width:100%;table-layout:fixed;}
.board_view_pop tr:first-child th{border-top:2px solid #4c4f52;}
.board_view_pop th{height:30px;padding:6px 0 6px 0;background:#f5f5f5;border-bottom:1px solid #e5e5e5;font-weight:bold;text-align:left;padding-left:15px;font-size:13px;color:#333;font-weight:600;}
.board_view_pop tr:first-child td{border-top:2px solid #4c4f52;}
.board_view_pop td{background:#fff;border-bottom:1px solid #e5e5e5;text-align:left;padding:6px 0 6px 15px;}
.board_view_pop tr:last-child th{border-bottom:1px solid #e5e5e5;}
.board_view_pop tr:last-child td{border-bottom:1px solid #e5e5e5;}
.board_view_pop td .txt01{margin-top:6px; font-size:12px;color:#666;}


.sbtn{display:inline-block;overflow:hidden;width:0;height:0;background:url(/public/assets/images/mem/sbtn.png) no-repeat;white-space:nowrap;line-height:999px;vertical-align:top;}
.btn_close_pop{width:14px;height:14px;background-position:-266px 0;}
a.btn_close_bt{display:inline-block;background:#434d5c url(/public/assets/images/mem/ico_close_bt.gif) no-repeat 7px 50%;border:1px solid #38404d;padding-left:9px;min-width:38px;height:16px;line-height:15px;text-align:center;font-size:11px;color:#d0d0d0}*/

/* 회원가입 게시판 */
.fboard{table-layout:fixed;width:100%;font-size:13px}
.fboard thead tr:first-child th{padding:14px 0;background:#f9f9f9;border-top:2px solid #424242;border-bottom:1px solid #adadad;;font-size:14px;font-weight:600}
.fboard thead tr:first-child th.pw{background:#fff;border-top:2px solid #424242;border-bottom:none}
.fboard tbody td{padding:12px 0;border-bottom:1px solid #e3e3e3;text-align:center}
.fboard tbody tr:last-child td{border-bottom:1px solid #adadad}
.fboard tbody td.al{text-align:left}
.fboard tbody td.al2{text-align:left;padding-left:40px}
.fvboard{table-layout:fixed;width:100%;font-size:13px;}
.fvboard tr:first-child th{border-top:2px solid #424242;}
.fvboard th{padding:14px 0;background:#f9f9f9;border-bottom:1px solid #e3e3e3;font-size:14px;font-weight:600;text-align:left;padding-left:33px;}
.fvboard tr:first-child td{border-top:2px solid #424242;}
.fvboard td{background:#fff;padding:12px 0;border-bottom:1px solid #e3e3e3;text-align:left;padding-left:19px;;}
.fvboard tr:last-child th{border-bottom:1px solid #adadad;}
.fvboard tr:last-child td{border-bottom:1px solid #adadad;}
.fvboard th span.point{color:#b7538b;font-weight:600;}
.fvboard td span.wrong{background:url(/public/assets/images/mem2/ico_wrong.gif) no-repeat 0 0;padding-left:20px;color:#ef1f1f;font-weight:600;margin-left:11px;}
.fvboard td span.info{color:#ef1f1f;font-weight:600;margin-left:11px;}
.fvboard td span.right{background:url(/public/assets/images/mem2/ico_right.gif) no-repeat 0 0;padding-left:20px;color:#4b7ec4;font-weight:600;margin-left:11px;}
.fvboard td select {height:26px;vertical-align:middle;}
/*.pw_result{padding-bottom:10px;font-size:14px;}
.pw_result li{margin-bottom:10px;}
.pw_result li span{color:#00559d;font-weight:600;}*/
.pw_result{margin:0 auto 10px; background:#f7f7f7;padding:25px 20px;width:500px;vertical-align:middle;font-size:15px;color:#333;font-weight:bold;border:1px solid #cccccc;border-right:1px solid #e3e1e1;box-sizing:border-box;}
.pw_result li{margin-bottom:10px;}
.pw_result li span{color:#00559d;font-weight:600;}



/* 풋터 */
#footer_area{clear:both; float:left; width:100%; background:url(/public/assets/images/mem/ft_bg.gif) repeat-x; margin-top:20px; z-index:1000; }
#footer_area h2{display:none;}
.footer{position:relative;margin:0 auto;width:990px;height:108px;font-weight:normal}
.footer .ft_menu {height:38px; border-left:solid 1px #d9d9d9; border-right:solid 1px #d9d9d9;}
.footer .ft_menu li{display:inline-block; line-height:38px; padding-left:38px; font-weight:bold;}
.footer .logo{clear:both; width:109px; height:44px;background:url(/public/assets/images/mem/footer_logo.png) no-repeat; position:absolute;top:49px;left:48px;}
.footer .info{position:absolute;top:59px; left:208px; }
.footer .info li{display:block;color:#999;line-height:16px;font-size:12px}

/* 사이트 링크 */
.footer .site-link{display:inline-block;position:absolute;top:0;right:0;padding:0;font-size:12px;color:#999;letter-spacing:-0.05em}
.footer .site-link h4{position:relative;height:36px;line-height:36px;padding-left:20px;background:url(/public/assets/images/mem/ico_arrow.png) no-repeat 100% 0;cursor:pointer;font-size:12px;}
.footer .site-link h4 .go{display:block;position:absolute;top:0;right:0;width:30px;height:36px;background:#fff url(/public/assets/images/mem/ico_arrow.png) no-repeat 50% 50%;color:#fff;font-size:9px;font-weight:bold;line-height:36px;text-align:center;}
.footer .site-link .on h4 .go{background-image:url(/public/assets/images/mem/ico_arrow.png)}
.footer .site-link h4 .go a{color:#fff;}
.footer .site-link h4 span{display:block}
.footer .site-link ul{display:none}
.footer .site-link .on ul{display:block;background:#fff;padding-bottom:3px}
.footer .site-link .on h4{background:url(/public/assets/images/mem/ico_arrow.png) no-repeat 100% 0}
.footer .site-link .off ul{display:none}
.footer .site-link .off h4{background:url(/public/assets/images/mem/ico_arrow.png) no-repeat 100% 0}
.footer .major-site{position:relative;float:left;width:225px;margin-right:-1px;border:1px solid #d9d9d9;z-index:100;}
.footer .major-site ul{position:absolute;bottom:36px;left:-1px;width:225px;border:1px solid #d9d9d9;}
.footer .major-site ul li{line-height:22px;padding-left:20px;}
.footer .rel-site{position:relative;float:left;width:225px;border:1px solid #d9d9d9}
.footer .rel-site ul{display:none;position:absolute;bottom:36px;left:-1px;width:225px;border:1px solid #d9d9d9;z-index:100;}
.footer .rel-site ul li{line-height:22px;padding-left:20px;}


/*  */
.center {text-align: center;}
.mbox02 h2 {padding: 2rem 0 1rem;}
.mbox02 .join02 img {height: 167px;}
.join_end {
  display: flex;justify-content:center;
  align-items: center;
  line-height: 1.2rem;
  padding: 3rem;
}
.join_end .image {
  width: 100px;height: 100px;
  margin-right: 2rem;
}
.join_end .image img {width: 100%;}
.join_end h3 {font-size: 1.1rem;margin-bottom: 1rem;text-align: center;}
.join_end .desc {text-align: center;}
.join_end .desc em {font-weight: bold;}
.join_end .desc .blue {color: #3b8cd1;}
.join_end .desc .oran {color: #ef7d00;}

.rule02 table {width: 100%;}
.label_hidden {display: none;}


.filer_regist {
  text-align: left;
  display: flex;justify-content: center;align-items:flex-start;
  padding:1rem 0 3rem;
/*   border-bottom: 1px solid #d9d9d9; */
  width: 600px;margin: 0 auto;
}
.filer_inner {
  padding-left: 50px;
}
.filer_inner h2 {padding: 0 0 .8rem 0;font-size: 1.125rem;letter-spacing:-.5px;}
.filer_inner dl {margin:1rem 0 .8rem;display: flex;justify-content: space-between;align-items: center;}
.filer_inner dl dd {padding: .3rem 0 .3rem .4rem;font-size: .875rem;}
.filer_inner dl dd input[type=text] {
  border: 1px solid #d9d9d9;
  min-width: 200px;
  padding: 0.5rem;outline: 0;
  border-radius: 5px;
  transition: .4s ease-in-out;
}
.filer_inner dl dd input[type=text]:focus {
  border-color: #0982f0;
  background-color: #d0e8ff;
}
.filer_inner dl dd em {font-weight: bold;}

.filer_regist_btn {display: flex;justify-content: center;}
.filer_regist_btn a {
  display: inline-block;text-align: center;
  min-width: 300px;
  background-color: #3B8CD1;color: #fff;
  padding: 1rem 0;border-radius: 5px;font-weight: bold;
  font-size: .875rem;
}
.filer_regist_btn a:hover {background-color: #EF7D00;}

.not_regist {
  padding: 3rem 0 1rem;
  display: flex;align-items:center;justify-content: center;
}
.not_regist a {
  display: inline-block;
  background-color: #888;color: #fff;
  padding: 1rem 2rem;border-radius: 5px;font-weight: bold;
}
.not_regist a:hover {
  background-color: #EF7D00;
}
.not_inner {display: flex;flex-direction: column;margin:0 1rem;}
.not_inner h2 {padding: 0;margin-bottom: .3rem;font-size: 1rem;letter-spacing:-.5px;}
.not_inner p {text-transform: capitalize;}