@charset "utf-8"; 

/******************** members ********************/
.member_box {overflow:hidden; text-align:left;}
/***** login *****/
/* login_box */
.login_box {min-height:324px; }
.login_box .box_in {margin:0 auto; padding:0 40px 80px 0; width:650px; background:#fff;}
.login_box h2 {margin:0 auto; padding:0 0 5px; background:none; color:#000; font-size:25px; font-weight:normal; text-align:left; letter-spacing:-1px;}
.login_box .box_in > div {margin:15px auto 0; padding:0; width:100%; font-size:16px; text-align:left;}
.login_box .box_in > div label {display:none;}
.login_box .box_in > div input {margin:10px auto 0; padding:19px 0; border:none; border-bottom:1px solid #d2d2d2; width:100%; font-size:14px; text-indent:23px; line-height:1.1;}
.login_box .box_in > div input#id {background:#fff url('/kor/wpbbs/image/icon_id.png') no-repeat left center;}
.login_box .box_in > div input#pw {background:#fff url('/kor/wpbbs/image/icon_pw.png') no-repeat left center;}
.login_box .box_in .btn_go {overflow:hidden; display:block; padding:15px 0 10px;}
.login_box .box_in .btn_go a {color:#000; font-size:14px;}
.login_box .box_in .btn_join {float:left;}
.login_box .box_in .btn_find {float:right;}
.login_box .box_in .btn_join::before {content:""; display:inline-block; margin:10px 4px 0 0; width:0; height:0; border-width:3px; border-style:solid; border-color:transparent; border-right-color:#000; font-size:0; line-height:0; vertical-align:top;}
.login_box .box_in .btn_find::after {content:""; display:inline-block; margin:10px 0 0 4px; width:0; height:0; border-width:3px; border-style:solid; border-color:transparent; border-left-color:#000; font-size:0; line-height:0; vertical-align:top;}
.login_btn {margin:21px auto 0; padding:22px 0; border:none; background:#f7951b; width:100%; color:#fff; font-size:19px; font-weight:normal; text-align:center; cursor:pointer;}
.login_btn:hover, .login_btn:focus {background:#f37510;}

/***** join *****/
/* join_form */
.join {padding-top:30px;}
.join .join_form {position:relative; float:left; width:825px; padding-right:40px; border-right:1px solid #d7d7d7;}
.join_form > p {position:absolute; top:-33px; margin:0; color:#333;}
.join_form caption {overflow:hidden; margin:0; padding:0; height:0; text-indent:-2000px; font-size:0; line-height:0;}
.join_form table {width:100%; border-collapse:collapse; border-top:1px solid #ccc;}
.join_form table .txt_warning {display:inline-block; width:10px;}
.join_form th {width:130px; padding:15px 0 12px; border-bottom:1px solid #ccc; color:#000; text-align:left; vertical-align:middle; font-weight:bold; font-size:14px; line-height:1.3;}
.join_form td {padding:15px 0 12px; border-bottom:1px solid #ccc; color:#555; text-align:left; line-height:1.5;}
.join_form td * {font-size:14px; vertical-align:middle;}
.join_form td input+label {padding:0 10px 0 3px;}
.join_form td p {margin:4px 0 0; color:#333;}
.join_form td .inp_box {margin:-4px 0;}
.join_form td .inp_box * {margin:4px 0;}
.join_form td .inp_box label {display:inline-block; width:20%;}
.join_form td .inp_box .inp_medium {width:78%;}
/* join_side */
.join .join_side {float:right; width:300px;}
.join_check {padding:25px 0 20px; border-top:1px solid #ccc;}
.join_check > li {padding:4px 0; color:#333; font-size:12px;}
.join_check > li > * {vertical-align:top;}
.join_check input {margin:5px 3px 0 0;}
.join_check label strong {color:#000; font-weight:normal;}
.join_check a {margin-left:3px; color:#f7941d; text-decoration:underline;}
.join_check a:hover {color:#f7941d; text-decoration:underline !important;}
.join_check li.all_check {color:#000; font-weight:bold; font-size:15px;}
.join_check .join_popup {position:relative;}
.join_check .join_popup_open {position:absolute; top:-20px; right:0;}
.join_check .join_popup_close {position:absolute; top:-30px; right:0; display:none;}
.join_check .join_popup_in {display:none; overflow-y:scroll; margin:10px 0; padding:10px; height:180px; border:1px solid #d7d7d7;}
.join_check .join_popup_in h2 {margin:0 0 3px; color:#000; font-size:13px;}
.join_check .join_popup_in h3 {margin:0 0 3px; color:#000; font-size:13px;}
.join_check .join_popup_in h4 {margin:0 0 3px; color:#000; font-size:12px;}
.join_check .join_popup_in p {margin:0 0 3px; color:#333; font-size:12px;}
.join_check .join_popup_in ul {margin:0;}
.join_check .join_popup_in li {margin:0 0 3px; color:#333; font-size:12px;}
.join_check .join_popup_in h2.tmg,
.join_check .join_popup_in h3.tmg,
.join_check .join_popup_in h4 {margin-top:15px;}
/* id_exist */
.id_exist {padding:23px 10px 0; background:#f9f9f9; text-align:center;}
.id_exist p {margin-top:8px; font-size:12px; text-align:center;}

/***** mbform *****/
/* inp sel tex */
.inp {padding:5px 0 !important; text-indent:10px; border:none; border:1px solid #d7d7d7 !important; background:#fff !important; font-size:13px !important; color:#555;}
.sel {padding:5px 0 5px 5px !important; text-indent:10px; border:none; border:1px solid #d7d7d7 !important; background:#fff !important; font-size:13px !important; color:#555;}
.tex {padding:5px 0 !important; text-indent:10px; border:none; border:1px solid #d7d7d7 !important; background:#fff !important; font-size:13px !important; color:#555;}
.tarea {padding:5px 10px !important; text-indent:0; border:none; border:1px solid #d7d7d7 !important; background:#fff !important; font-size:13px !important; color:#555; box-sizing:border-box;}
/* inp sel tex size */
.inp_mini {width:50px !important;}
.inp_mini02 {width:100px !important;}
.inp_mini03 {width:180px !important;}
.inp_short {width:25% !important;}
.inp_short02 {width:35% !important;}
.inp_short03 {width:45% !important;}
.inp_medium {width:50% !important;}
.inp_medium02 {width:70% !important;}
.inp_large {width:98% !important;}
.inp_large02 {width:80% !important;}
/* mbbtn */
.mbbtn {overflow:hidden; margin:30px 0 0; text-align:center;}
.mbbutton01 {background:#f7941d; color:#fff; text-align:center; padding:6px 20px; border:1px solid #f7941d; cursor:pointer; font-size:14px; font-weight:400;}
a.mbbutton01:hover, a.mbbutton01:focus, a.mbbutton01:visited, a.mbbutton01:active {background:#f37510; color:#fff; border:1px solid #f37510;}
.mbbutton02 {background:#f1f1f1; color:#212121; text-align:center; padding:6px 20px; font-size:14px; font-weight:400; border:1px solid #d7d7d7; cursor:pointer;}
a.mbbutton02:hover, a.mbbutton02:focus, a.mbbutton02:visited, a.mbbutton02:active {color:#212121;}
.mbbutton03 {background:#fff; color:#212121; text-align:center; padding:6px 20px; font-size:14px; font-weight:400; border:1px solid #d7d7d7; cursor:pointer;}
a.mbbutton03:hover, a.mbbutton03:focus, a.mbbutton03:visited, a.mbbutton03:active {color:#212121;}
.mbbutton04 {background:#444; color:#fff; text-align:center; padding:6px 20px; font-size:14px; font-weight:400; border:1px solid #363636; cursor:pointer;}
a.mbbutton04:hover, a.mbbutton04:focus, a.mbbutton04:visited, a.mbbutton04:active {color:#fff;}
.mbbutton05 {background:#fff; color:#000; text-align:center; padding:6px 20px; font-size:14px; font-weight:400; border:2px solid #000; cursor:pointer;}
a.mbbutton05:hover, a.mbbutton05:focus, a.mbbutton05:visited, a.mbbutton05:active {color:#000;}
/* mbbtn size */
.mbbtn_mini {padding:5px 10px; font-size:12px !important;}
.mbbtn_medium {padding:10px 40px; font-size:16px !important;}
.mbbtn_large {padding:22px 83px; font-size:16px !important;}

/***** find *****/
/* find_box */
.find_box {overflow:hidden;}
.find_box .tab ul {position:relative; z-index:10; overflow:hidden; margin:0 0 -1px; padding:0; width:100%; border-left:1px solid #ccc;}
.find_box .tab ul li {float:left; text-align:center; vertical-align:middle;}
.find_box .tab ul li a {display:block; padding:20px 50px; border:1px solid #ccc; border-left:none; background:#f9f9f9; height:17px; color:#222; font-size:14px; font-weight:400; line-height:1; text-align:center; vertical-align:middle; letter-spacing:-1px;}
.find_box .tab ul li.on a {padding-top:19px; border-top:2px solid #000; border-bottom:1px solid #fff; background:#fff; color:#000;}
.find_box .tab_cnt_out {position:relative; z-index:1; padding:50px; border:1px solid #ccc; text-align:center;}
.find_box .join_form {margin:0 auto; width:50%; text-align:left;}
.find_box .join_form h2 {display:none; margin:0 auto; padding:0 0 7px; background:none; color:#000; font-size:25px; font-weight:normal; text-align:left; letter-spacing:-1px;}
.find_box .join_form label {display:none; margin-top:20px; color:#000; font-size:14px;}
.find_box .join_form .inp {margin-top:10px !important; padding:15px 0 !important; border:none !important; background:#eee !important; width:100% !important; height:20px !important; font-size:14px !important; text-indent:23px !important; line-height:20px !important;}
.find_box .login_btn {margin:20px auto 0; padding:17px 0; border:none; background:#f7941d; width:100%; color:#fff; font-size:17px; font-weight:normal; text-align:center; cursor:pointer;}





/***** protection *****/
/* protection */
.protection p {margin:0 0 5px 0;}
.protection .lstyle {margin:0 0 5px 0;}
.protection .lstyle01 li,
.protection .lstyle02 li,
.protection .lstyle03 li,
.protection .lstyle04 li {margin-bottom:2px;}