@charset "euc-kr";
@import url(default.css);
/* --------------------------------
	File Name : member.css
	Generated Date : 2011-02-07
	Generated Author : Jung-eun	
-------------------------------- */


/* ÀÌ¿ë¾à°ü */
.provision {padding:0 0 30px 0; line-height:21px; }
.provision .titArea {width:980px; line-height:1.5;}
.provision .topArea{width:834px; margin:45px auto 0;}
/*.provision .topArea {float:left; padding:40px 0 25px 45px; border-left:1px solid #ccc;}
.provision .topArea h2 { float:left; width:247px;}*/
.provision .topArea ol { float:left; width:520px; background:url(http://www.officeplus.com/images/qubridge/common/bg_dotLineX.gif) repeat-x 0 top;}
.provision .topArea ol li { float:left; padding-left:10px; width:250px; list-style:inside decimal; font-weight:bold; line-height:24px; color:#666; background:url(http://www.officeplus.com/images/qubridge/common/bg_dotLineX.gif) repeat-x 0 bottom;}

.provision .wrap {clear:both; padding-top:30px; width:834px; margin:0 auto;}
.provision .cont {clear:none; }
.provision .cont img { vertical-align:middle;}
.provision .cont ol li ol { margin-left:20px;}
.provision .wrap.none { padding-top:0; border:none;}
.provision .wrap.none h3 { margin-left:0; padding-top:30px; border-left:1px solid #ccc;}
.provision .wrap.none .cont { padding-top:30px;}

/* °³ÀÎÁ¤º¸ Ãë±Þ¹æħ */
.personal { /*padding:0 0 30px 15px;*/ line-height:21px;}
.personal .titArea { /*margin-left:-15px;*/ line-height:1.2;}
.personal .topArea { float:left; padding:40px 0 25px 40px; /*border-left:1px solid #ccc;*/}
.personal .topArea h2 { float:left; width:370px;}
.personal .topArea ol { float:left; width:520px; background:url(/images/qubridge/common/bg_dotLineX.gif) repeat-x 0 top;}
.personal .topArea ol li { float:left; padding-left:20px; width:510px; list-style:inside decimal; font-weight:bold; line-height:24px; color:#666; background:url(/images/qubridge/common/bg_dotLineX.gif) repeat-x 0 bottom;}
.personal .wrap { clear:both; width:965px; padding-top:30px; /*border-left:1px solid #ccc;*/}
.personal h3 { float:left; width:915px; margin-left:40px; font-size:20px; font-weight:bold; font:normal 20px "³ª´®°íµñ", NanumGothic; color:#000; letter-spacing:-1px; margin-bottom:15px; border-top:1px solid #e8e7e7; padding-top:30px;}
.personal .cont { clear:both; float:left; width:915px; margin-left:40px; font-size:12px;}
.personal .cont img { vertical-align:middle;}
.personal .cont ol li ol { margin-left:20px;}
.personal .wrap.none { padding-top:0; border:none;}
.personal .wrap.none h3 { margin-left:0; padding-top:30px; border-left:1px solid #ccc;}
.personal .wrap.none .cont { padding-top:30px;}
/*2015³â8¿ùÃß°¡*/
.personal .cont .tx_indent{margin-left:20px;}

/* 20151007_Ãß°¡ */
.personal .cont p, .personal .cont strong, .personal .cont ol{line-height:21px;}
.personal .cont ul { margin: 0 0 10px 0; padding-left:8px;}
.personal .cont p{padding:10px 0;}
.personal strong {color: #3A3A3A;font-weight: normal;}
.personal .cont .first_letter {margin-left: -9px;}
.personal .cont .dpth2{margin-left:-5px;}
.personal .cont span.btn_view{font-weight:bold; display:block; width:300px; height:30px;  background:#a1a1a1; line-height:30px; vertical-align:middle; text-align:center; }
.personal .cont span.btn_view a{color:#fff;}
.provisionWrap .personal .cont strong{font-weight:bold;}
/* //20151007_Ãß°¡ */

/* member */
a.join_co { background:url(/images/qubridge/btn/btn_join_co.gif) no-repeat;}
a.join_person { background:url(/images/qubridge/btn/btn_join_person.gif) no-repeat;}

.member .btnArea { margin-left:100px; width:850px;}
.member.step1 .btnArea { margin-left:197px; width:768px;}
.member.step1 .btnArea a { margin:0 4px;}
.member .btnArea p { margin-bottom:3px; font-size:11px; color:#38b9d3;}

.member h2 { padding:25px 0 35px 213px;}
.member .tit { margin:0 0 5px; font-weight:bold; color:#f00;}
.member.step1 { padding-left:15px;}
.member.step1 h2 { padding:25px 0 35px 197px; border-left:1px solid #ccc;}

.member .topArea { clear:both; overflow:hidden; margin-bottom:35px; padding-left:15px;}
.member .topArea h3 { float:left; width:197px;}
.member .topArea h4 { float:left; margin:5px 15px 3px; color:#000;}
.member .topArea .cont { float:left; width:768px; line-height:21px;}
.member .topArea ol li { margin-left:21px; list-style:outside decimal;}
.member .topArea ul li { padding-left:15px; background:url(/images/qubridge/ico/bul_arr05.gif) no-repeat 0 4px;}
.member .topArea li em { font-weight:bold;}
.member .topArea li strong { color:#f00;}
.member .topArea p { margin:35px 0 0;}
.member.step1 .topArea { margin:0; padding:0;}

.member .wrap { clear:both;}
.member .wrap h3 { float:left;}
.member .wrap .cont { float:left;}
.member .wrap .contBox { overflow:hidden; float:left; padding-bottom:35px; width:840px; border:5px solid #e2e2e2;}
.member .wrap .contBox h4 { clear:both; overflow:hidden; padding:35px 0 3px 25px; width:100%; color:#000; border-bottom:2px solid #d0ecf5;}
.member .wrap .contBox .opSet h4 { float:left; width:auto; border:none;}
.member .wrap .contBox .opSet div { float:left; padding:35px 0 3px 5px; width:auto; font-weight:bold; color:#000;}
.member .wrap .contBox .opSet div input.radio { display:inline-block; margin-left:20px;}
.member.step4 .wrap .contBox { padding-top:25px;}
.member.step4 .wrap .contBox h4 { float:left; padding:0 0 0 25px; width:auto; border:none;}

/* 2012.08.23 Ãß°¡ */
.member .wrap .contBox h4 span {font-weight:normal; padding-left:50px;}
.member .wrap .noticeBox {background:#e9f4fa; color:#000000; line-height:20px; padding:20px 0; margin:0 0 -35px;}
.member .wrap .noticeBox p {padding:8px 0 8px 40px;}
.member .wrap .noticeBox span {color:#ff0000;}

.member .cont .provisionWrap { clear:both; overflow-x:hidden; overflow-y:auto; padding:2px; width:762px; height:150px; border:1px solid #ccc;
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#999999;
scrollbar-track-color:#f7f7f7;
scrollbar-darkshadow-color:#999999;
scrollbar-face-color:#eeeeee;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#eeeeee;}
.member .cont .provisionWrap .wrap { padding:15px 0; border:none;}
.member .cont .provisionWrap .wrap .cont { float:none; width:750px;}
.member .cont .provisionWrap .wrap .cont p { margin:0; width:720px;}
.member .cont .provisionWrap .wrap .cont li { width:720px;}
.member .cont .provisionWrap .wrap .cont li li { width:700px;}

.member .agree { clear:both; overflow:hidden; margin-top:7px;}
.member .agree p { display:inline; float:left; margin-right:10px; width:590px; text-align:right; color:#1c97b7;}
.member .agree span { float:left;}
.member .agree span input { margin-left:10px; vertical-align:top;}

.member p { margin:0 25px;}
.member dl { clear:both; overflow:hidden; position:relative; margin:5px 25px 0; width:790px; line-height:25px;}
.member dl em { font-weight:bold;}
.member dl strong { color:#ef2828;}
.member dt { clear:both; float:left; width:150px; color:#999;}
.member dd { float:left; width:640px; font-weight:bold; color:#000;}
.member dd p { margin:0; color:#b8b8b8;}
.member dd img { vertical-align:middle;}
.member dd .interval { margin-bottom:10px;}
.member dd .yesOrNo { margin-left:20px;}
.member dd input.text { width:158px;}
.member dd.tel select { width:47px;}
.member dd.tel input.text { width:40px;}
.member fieldset dl { line-height:21px;}
.member fieldset dt { margin-top:10px; width:110px; font-weight:normal; line-height:14px; color:#666;}
.member fieldset dt.recommendID { margin-top:5px;}
.member fieldset dt.recommendID img { margin-left:10px; vertical-align:top;}
.member fieldset dd { margin-top:5px; width:680px; font-weight:normal; color:#666;}
.member fieldset dt.delivery { position:absolute; top:0; left:290px;}
.member fieldset dd.delivery { position:absolute; top:1px; left:320px;}
.member fieldset dd.radioCheck span { display:inline-block; _padding-top:5px; width:110px;}

.member .certification dl { margin-bottom:20px;}
.member .certification dt { clear:none;}

.member .greetingMSG { float:left; padding-top:35px;}
.member .greetingMSG p { margin:17px 0 0 0; font-size:11px; line-height:18px; color:#999;}
.member .greetingMSG .greeting { font-weight:bold; font-size:12px; line-height:20px; color:#3fb4ff;}
.member .greetingMSG .greeting em { font-weight:bold; font-size:14px; color:#000;}
.member .greetingMSG .greeting strong { color:#f00;}

.research fieldset dl { margin-top:-20px;}
.research fieldset dt { margin-top:40px; width:100%; font-weight:bold; color:#ef2828;}
.research fieldset dd { width:100%;}
.research fieldset dd span { display:inline-block; _padding-top:5px; width:110px; height:25px;}
.research fieldset dd span.wide { width:200px;}
.research fieldset dd span.wide input.text { _margin-top:-5px; width:120px; _vertical-align:top;}
.research fieldset dd.wrap span { width:100%; line-height:25px;}
.research fieldset dd.wrap div { margin-left:30px;}
.research fieldset dd.wrap div label { display:inline-block; width:80px;}

.member .coupon { clear:both; overflow:hidden; zoom:1; text-align:center;}
.member .coupon p { margin:0 0 10px; height:26px; font-weight:bold; line-height:27px; color:#4db2d3; background:#d0ecf5; border-top:1px solid #a9daeb;}

.member .benefit { float:right; padding:10px 15px 0; font-weight:bold; font-size:14px; color:#000; background:url(/images/qubridge/ico/bul_arr06.gif) no-repeat right 12px;}

/*ÈÞ¸é°èÁ¤¾È³»*/
#dormancy_info .tx_inner{background:url('/images/qubridge/member/dormancy_info.gif') no-repeat 0 0; width:640px; padding:540px 0 0 0; text-align:center; margin:0 auto;}
#dormancy_info .tx_inner .bt_area{width:639px; text-align:center; margin:0 0 124px 0;}
#dormancy_info .tx_inner .bt_area a{margin:0 0 124px 18px;}
#dormancy_info .tx_inner .bt_area a:first-child{margin-left:0;}

/*/* 201902 ¼öÁ¤ */

/* 20190225 ¼öÁ¤ */
.join_top_area_01{position:relative; width:980px; height:700px;}
.join_top_area_01 input.mem_btn_l{position:absolute; left:330px; top:480px; width:86px; height:32px; border-radius:3px; cursor:pointer; background:#ef5d68; border:1px solid #c72b37; color:#fff; font-weight:bold;}
.join_top_area_01 input.mem_btn_r{position:absolute; left:560px; top:480px; width:86px; height:32px; border-radius:3px; cursor:pointer; background:#518ff5; border:1px solid #2b6bd6; color:#fff; font-weight:bold;}
.join_top_area_01 input.main_btn{position:absolute; left:260px; top:630px; width:468px; height:58px; border-radius:3px; cursor:pointer; background:#555; border:1px solid #333; color:#fff; font-weight:bold; font-size:16px;}
/* 20190225 ¼öÁ¤ end */
.join_top_area{position:relative; width:980px; height:200px;}
.recommend_aear{width:470px; height:100px; margin-top:15px;}
/* 20190225 ¼öÁ¤ */
.recommend_aear input{float:left; width:458px; height:43px; padding-left:10px; font-size:15px; border:1px solid #aaaaaa; margin-top:10px; margin-bottom:10px; font-weight:bold;}
/* 20190225 ¼öÁ¤ end */
.licensee_area{width:470px; height:105px; margin-top:20px;}
.licensee_line{float:left; width:470px; height:45px;}
.licensee_line input.num{float:left; width:352px; height:43px; padding-left:10px; font-size:15px; border:1px solid #aaaaaa; font-weight:bold;}
.licensee_line input.name{float:left; width:300px; height:43px; padding-left:10px; font-size:15px; border:1px solid #aaaaaa; font-weight:bold;}
.licensee_line input.representation{float:right; width:140px; height:43px; padding-left:10px; font-size:15px; border:1px solid #aaaaaa; font-weight:bold;}
.licensee_line button{float:right; width:100px; height:45px; border:1px solid #666; border-radius:4px; background:#e8e7e7; color:#333; font-weight:bold; font-size:14px;}

/* 201902 ¼öÁ¤ end */

input[type="button"]{
            position:absolute; left:330px; top:480px; width:86px; height:32px; border-radius:3px; background:#ef5d68; border:1px solid #c72b37; color:#fff; font-weight:bold;
        }