@charset "utf-8";

/*layout css*/
#join_container{clear:both;margin:0 auto;width:900px;text-align:left;padding-bottom:50px}
.join_title {width:100%;padding:50px 0;text-align:left;}
.join_title h3{font-size:26px;line-height:34px;color:#777 !important}
.join_title h3 span{color:#08337a !important}
.join_title p{color:#333 !important}

#join_container h2{clear:both;margin:0 auto; padding:20px 0 20px 0;width:100%}
#join_container .join1{clear:both;margin:0 auto; padding:20px 0 20px 0;width:100%;background:url(../img/join_back_img.jpg) no-repeat right bottom}
#join_container .join1 li{margin-top:10px}
#join_container .join_view1{clear: both;position: relative;width:98%;margin:30px 0 10px 0;}
#join_container .join_view1 iframe{width:100%;height:200px;border: 5px solid #dbdbdb;}
#join_container .join_view2{clear: both;position: relative;width:95%;margin:0 0 10px 20px;}
#join_container .join_view2 iframe{width:100%;height:200px;border: 1px solid #dbdbdb;}


.join2{width:100%;height:250px;background:#d7d7d7}
.join2 li{float:left;width:221px;margin-left:120px;margin-top:30px;text-align:center;}


.item{float:right;margin-right:15px}
.item p{float:left;padding-top:2px}
.item input{margin-left:20px}
.i_check, .i_radio{width: 13px;height: 13px;margin: 2px 5px 2px 0;padding: 0;vertical-align: middle;}

.join_btn{clear:both;margin:0 auto;text-align:center;width:100%;padding-top:20px}
.join_btn a{margin-left:20px}

.join_tit{clear:both;margin:0 auto; padding:0;width:100%;position: relative;}
.join_tit h4{font-size:13px;line-height:20px;color:#1f719b}
.join_tit .i_check{position:absolute;right:130px;top:23px;}
.join_tit .btn_all{position:absolute;right:10px;top:20px}

.join_box{clear:both;margin:20px 0 0 0;padding:0;width:98%;border:5px solid #f0f0f0;}
.join_box .join_user{clear:both;width:750px;margin-left:15px;border-top:1px dashed #c0c0c0;position: relative;}
.join_box .join_user dt{background:url(../img/icon_sub.gif) no-repeat 0 13px;font-size:15px;font-weight:bold;color:#5c6f79;padding-left:18px;padding-top:10px}
.join_box .join_user dl{height:70px;}
.join_box .join_user dd{position:absolute;right:10px;top:10px}
.join_box .join_user dd img{margin-top:10px;margin-left:10px}
.join_box .join_user p{color:#aaa;position:absolute;left:20px;top:35px}

.join_box .join_user0{clear:both;width:750px;margin-left:15px;position: relative;}
.join_box .join_user0 dt{background:url(../img/icon_sub.gif) no-repeat 0 13px;font-size:15px;font-weight:bold;color:#5c6f79;padding-left:18px;padding-top:10px}
.join_box .join_user0 dl{height:70px;}
.join_box .join_user0 dd{position:absolute;right:10px;top:10px}
.join_box .join_user0 dd img{margin-top:10px;margin-left:10px}
.join_box .join_user0 p{color:#aaa;position:absolute;left:20px;top:35px}

.join_info{clear:both;margin:0 auto; padding:0;width:100%}
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border:1px solid #dddee2;margin-top:10px}
.tbl_type caption{display:none}
.tbl_type th{padding:10px;border-top:1px solid #dddee2;background:#f8f2e8;color:#666;font-weight:bold;vertical-align:middle;}
.tbl_type td{padding:10px;border-top:1px solid #dddee2;line-height:16px;vertical-align:middle;position:relative}
.tbl_type .Btn1{position:absolute;left:30%;top:10px}
.tbl_type p{margin-top:10px}
.tbl_type input{padding:3px}

/* //판매원관리규정 */

.user_view2 {width:80%;}
.user_view2 h4{margin:10px 0 0 20px;font-weight:bold;font-size:18px;color:#b46f0d}
.user_view2 .text01{padding:10px 20px;line-height:18px;color:#777}
.user_view2 dl{width:90%;margin:20px 0 0  20px}
.user_view2 dt{font-weight:bold;color:#000;margin:12px 0 7px 0;font-size:13px}
.user_view2 .Txt{font-weight:bold;margin-top:10px}
.user_view2 dd{margin:5px;color:#575757;line-height:18px;text-align:justify}
.user_view2 dd p{margin:2px 0 0 5px}
.user_view2 .pp{margin:2px 0 0 20px}
.user_view2 h3{margin:20px 0 0 20px;font-size:20px;color:#8e4001;text-align:center}

.user_view3{width:70%;margin-left:15px;margin-bottom:10px;font-size:12px;}
.user_view3 h3{margin:20px 0 0 20px;font-size:20px;color:#8e4001;text-align:center}
.user_view3 p{margin:5px 0 0 5px;}

.join_end{width:80%;margin:0 auto;border:1px solid #c9d3e3 ;background:#e9eff8;padding:10px;color:#6f798a;line-height:17px }





/*공통*/
.pdt40{padding-top:40px}
.pdt20{padding-top:20px}
.pdb20{padding-bottom:20px}
.tac{text-align:center}
.text02{font-size:30px;padding:20px 0;text-align:center;;color:#333 !important}
.text02 span{color:#f15921}
.clear{*zoom: 1 }
.clear:after{ content: ""; display: block; clear: both;  }