@charset "utf-8";

/**
 *	로그인
 */
.info-box.warning{margin: 30px 0; padding: 20px 20px 20px 63px; background: url(/images/onioncms/cmm/mbr/ban_icon.png) no-repeat 20px 50%; background-color: #f0f5f8; border: 1px solid #d9dfe2; font-size: 14px}
.login-box{width: 100%; border: 1px solid #cacaca; border-top: 5px solid #555; padding: 70px; background:#f7f7f9;}
.login-box .login-box-wrap{max-width: 735px; min-height: 284px; margin: 0 auto; padding-top: 30px; padding-left: 284px; background: url(/images/onioncms/cmm/mbr/login_img_04.png) no-repeat 20px 50%;}
.login-box .form-group{position: relative; margin-bottom: 30px; padding-right: 135px;}
.login-box .form-group .input-group{margin-bottom: 15px}
.login-box .option-group label.lbl + input.chk{margin-left:20px;}
.login-box .input-group .inp-text{width: 100%; height: 45px; padding: 10px 15px; border: 1px solid #aeaeae; font-size: 13px; font-weight: bold;}
.login-box .input-group .inp-text.strong{border-color: #3e7ed6}
.login-box .input-group .inp-text::-webkit-input-placeholder {color: #a7a7a7; font-size: 13px; font-weight: bold}
.login-box .input-group .inp-text:-moz-placeholder {color: #a7a7a7; font-size: 13px; font-weight: bold}
.login-box .input-group .inp-text::-moz-placeholder {color: #a7a7a7; font-size: 13px; font-weight: bold}
.login-box .input-group .inp-text:-ms-input-placeholder {color: #a7a7a7; font-size: 13px; font-weight: bold}
.login-box .btn-login{position: absolute; right: 0; top: 0; width: 120px; height: 105px; border: 0; border-radius: 3px; background-color: #3f6baa; color: #fff; font-size: 20px; font-weight: bold; cursor: pointer;}
.login-box .btn-group{margin-bottom: 0; padding-top: 30px; border-top: 1px dashed #8aa3c2;}
.login-box .btn-group a{float: left; margin-right: 2%; width: 32%; padding: 9px 0; border: 2px solid #7a8189; border-radius: 3px; color: #1f1f1f; font-size: 13px; font-weight: bold; text-align: center;}
.login-box .btn-group a.btn-join{margin-right: 0; border-color: #3f6baa}

/**
 *	회원가입 절차
 */
.process{display: table; width: 100%; margin-bottom: 30px;}
.process li{display: table-cell; position: relative; width: 20%; height: 66px; padding-left: 60px; background-color: #eee; color: #424242; vertical-align: middle;}
.process li:not(:last-child)::after{content:''; display: inline-block; position: absolute; top: 0; right: 0; width: 17px; height: 66px; background: url(/images/onioncms/cmm/mbr/step_after.gif) no-repeat;}
.process li.current{background-color: #034273; color: #fff;}
.process li.current:not(:first-child)::before{content:''; display: inline-block; position: absolute; top: 0; left: -17px; width: 17px; height: 66px; background: url(/images/onioncms/cmm/mbr/step_before_on.gif) no-repeat;}
.process li.current::after{background-image: url(/images/onioncms/cmm/mbr/step_after_on.gif);}
.process li .num{position: absolute; top: 15px; left: 17px; font-size: 24px; font-weight: bold;}
.process li .txt{word-break: keep-all;}

/* 회원가입 절차 공통 */
.join-step .join-title{position: relative; margin: 40px 0 25px; padding-top: 8px; color: #214b64; font-size: 25px;}
.join-step .join-title::before{content:''; position: absolute; top: 0; left: 0; width: 22px; height: 3px; background-color: #204e6b;}
.join-step .join-sub-title{position: relative; margin: 25px 0 10px; padding-left: 15px; color: #666; font-size: 18px;}
.join-step .join-sub-title::before{content:''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background-color: #666;}
.join-step .join-desc{position: relative; padding-left: 8px; color: #666; font-size: 14px; line-height: 1.5;}
.join-step .join-desc::before{content:''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background-color: #404040;}

/*  약관동의 */
.join-step .agree-box{border: 1px solid #ebebeb}
.join-step .agree-box .agree-text{overflow-x: hidden; overflow-y: scroll; height: 100px; padding: 15px 20px; color: #666; line-height: 1.5;}
.join-step .agree-box .agree-text.large{height: 180px}
.join-step .agree-box .agree-check{padding: 5px 0; background-color: #f5f5f5; color: #666; font-size: 14px; font-weight: bold; text-align: center;}
.join-step .agree-box .agree-check em{color: #f14b4b;}

/*  본인인증 */
.join-step .auth-box{float: left; width: 49%; height: 230px; margin: 25px 0; padding: 20px 0 20px 25px; border-width: 5px; border-style: solid;}
.join-step .auth-box.self{border-color: #5db7c5; background: url(/images/onioncms/cmm/mbr/certify_img_01.png) no-repeat 90% 50%; background-color: #fafcfd}
.join-step .auth-box.ipin{margin-left: 2%; border-color: #829bd0; background: url(/images/onioncms/cmm/mbr/certify_img_02.png) no-repeat 90% 50%; background-color: #fafcfd}
.join-step .auth-box .auth-title{color: #214b64; font-size: 25px; font-weight: bold;}
.join-step .auth-box p{margin: 30px 0 20px; color: #666; font-size: 14px; font-weight: bold; line-height: 1.5}
.join-step .btn-join{padding: 6px 11px; border: 1px solid #888; background-color: #fff; color: #666; cursor: pointer;}
.join-step .info-box.check{padding: 25px 35px; border: 1px solid #cacaca;}
.join-step .info-box.check em{color: #f14b4b;}

/* 회원정보 입력 */
.required{position: relative; padding-left: 12px;}
.required::before{content: '*'; position: absolute; left: 0; color: #f14b4b; font-size: 16px; font-weight: bold;}
.control-info{display: inline-block; margin-top: 5px; margin-left: 6px; color: #f14b4b;}

/* 회원가입 완료 */
.table-basic3{width: 100%; table-layout: fixed; line-height: 1.3; border-top: 1px solid #36818c;}
.table-basic3 th,.table-basic3 td{padding: 15px 12px; border: 1px solid #e1e1e1; border-top: none;background-color: #fff; color: #333; font-size: 14px; text-align: center}
.table-basic3 th.left,.table-basic2 td.left{text-align: left;}
.table-basic3.text-left th,.table-basic3.text-left td{text-align: left !important;}
.table-basic3 thead th{background-color:#fcfcfc; color:#1c1c1c; font-size: 16px;}
.table-basic3 tbody td{color: #666; font-size: 15px;}

.table-basic3 .table-title{position: relative; margin: 5px 0 5px 20px; padding-left: 15px; color: #039ab2; text-align: left;}
.table-basic3 .table-title::before{content: ''; position: absolute; top: 10px; left: 0; width: 9px; height: 3px; background-color: #039ab2;}
.table-basic3 .join-box{max-width: 80%; margin: 0 auto; padding: 35px 0; border-bottom: 1px solid #e1e1e1;}
.table-basic3 .join-box-wrap{max-width: 490px; margin: 0 auto; background: url(/images/onioncms/cmm/mbr/icon_join_member.gif) no-repeat 0 50%; padding-left: 80px; color:#0d5a65; font-size:15px; text-align:left; line-height:23px;  font-weight: bold;}
.table-basic3 .join-in-table{max-width: 450px; width: 80%; margin: 35px auto; border: 0;}
.table-basic3 .join-in-table td{padding: 5px 0; border: none; font-weight: bold; text-align: left;}

/**
 *  아이디/비밀번호 찾기
 */
.find-tabs{border-bottom:1px solid #d6dadd;border-left:1px solid #d6dadd;}
.find-tabs li{float:left;overflow:hidden;position:relative;width:50%;}
.find-tabs li a{height: 55px;line-height: 55px; border:1px solid #d6dadd;background:#fbfbfb;border-left:none;text-align:center;color:#666;display:block;font-size:18px;font-weight:500;}
.find-tabs li.active a{background:#fff;border-bottom:none;border-top:4px solid #083d83; color: #333;}
.find-tab-container{border-right:1px solid #d6dadd;border-left:1px solid #d6dadd;border-bottom:1px solid #d6dadd;overflow:hidden;background:#fff;margin-top:-2px;}
.find-tab-content{display: none;}
.find-tab-content .form-info{padding: 30px 20px; text-align: center;}
.find-tab-content .form-info .form-info-wrap{display: table; margin: 0 auto; height: 53px; background: url(/images/onioncms/cmm/mbr/icon_find.png) no-repeat; padding-left: 95px;}
.find-tab-content .form-info .form-info-wrap *{display: table-cell; vertical-align: middle; color: #666; font-size: 16px; line-height: 1.4; text-align: left; font-weight: 400;}
.find-tab-content .form-box{background-color: #e7f0f7; border-top: 1px solid #d6dadd; text-align: center;}
.find-tab-content .form-box .form-box-wrap{padding: 30px 20px; max-width: 490px; margin: 0 auto;}
.find-tab-content .form-box .form-check{display: inline-block; margin-bottom: 25px;}
.find-tab-content .form-box .form-check input[type="radio"]:not(:first-of-type){margin-left: 50px;}
.find-tab-content .form-box .form-check label{font-size: 16px; color: #3f3f3f; font-weight: 400;}
.find-tab-content .form-box .form-group .inp_text{height: 38px; font-size: 15px; border-color: #d4d4d4;}
.find-tab-content .form-box .btn-confirm{font-weight: 400; background-color: #304566; border-radius: 6px}

/**
 *  이용약관
 */
.agree-box .agree-title{padding: 15px 20px; background: #f5f5f5; border: 1px solid #c2c2c2; border-bottom: 1px solid #d3d3d3; color: #034273; font-weight: bold;}
.agree-box .agree-content{height: 360px; overflow-y: auto; border: 1px solid #c2c2c2; border-top: none; padding: 20px; line-height: 1.5;}

/**
 *  개인정보처리방침
 */
.privacy-box{line-height: 1.6;}
.privacy-box .privacy-title-01{padding-top: 8px;background:url(/images/onioncms/cmm/mbr/title_bar_01.png) no-repeat;color:#333;font-size:20px;font-weight: bold;}
.privacy-box .privacy-title-02{margin-top: 20px; padding:2px 0 2px 20px;background:url(/images/onioncms/cmm/mbr/title_bar_02.png) no-repeat 0 50%;background-size:15px;color:#333;font-size:17px;font-weight: bold;}
.privacy-box .privacy-title-03{margin-top: 20px; padding-left: 16px;background:url(/images/onioncms/cmm/mbr/title_bar_03.png) no-repeat 1px 50%;color:#000;font-size:15px;font-weight: bold;}
.privacy-box p{margin: 16px 0; font-size: 14px;}
.privacy-box .privacy-list{margin:14px 0 8px;padding:0;text-align:left;}
.privacy-box .privacy-list ul{margin:8px 0;}
.privacy-box .privacy-list li{margin:0;padding-left:15px;background:url(/images/onioncms/cmm/mbr/bul_list_01.png) no-repeat 0 5px;}
.privacy-box .privacy-list li li{background-image:url(/images/onioncms/cmm/mbr/bul_list_02.png);}


/*=========================================================================================================================================*/
/**
 * 탑박스
 */

 /* 탑박스1 */
.topbox-1{padding:6px;margin-bottom:30px;border:1px solid #dfdfdf;background:url(/images/onioncms/cmm/mbr/box_1_bg.gif) repeat;line-height:1.5}
.topbox-1 .inner{padding:20px 2%;background-color:#fff;}
.topbox-1 p{color:#222;word-break:keep-all;}