@charset "UTF-8";
@import url("layout.css");

div#longin_tab ul.tab_line {background:url(/images/common/line_h.gif) repeat-x 0 28px;}
div#popup {position:absolute; top:-15px; left:0;}
div#popup2 {position:absolute; top:-15px; left:0;}

div.bor_dot {width:310px; padding:0 10px 20px 0; border-right:1px dotted #e4e4e4; border-bottom:1px dotted #e4e4e4;}
#longin2 div.bor_dot {float:left;}
div.g_pin {float:left; margin-bottom:15px; padding:0 0 26px 10px; border-bottom:1px dotted #e4e4e4;}
div.g_pin p {margin-top:5px;}
div.login .un_user {padding:29px 48px 0 66px;}
div.user .bi_box {width:550px;}
div.user .bi_box ul {font-size:0; line-height:0;}
div.user .bi_box ul li {margin:0 0 7px 10px; padding-left:15px; background:url(/images/common/icon_02.gif) no-repeat left 1px;}

div.sitemap {float:left; width:200px; margin-right:25px; line-height:0; font-size:0;}
div.sitemap h4 {height:20px; margin:0; padding:0; background:none;}
div.sitebg {overflow:hidden; width:195px; margin-bottom:30px; padding-top:10px; background:url(/images/sitemap/sitemap_bg_top.gif) no-repeat left top;}
div.sitebg ul.bottom {padding:0 10px 0 10px; background:url(/images/sitemap/sitemap_bg_bottom.gif) no-repeat left bottom;}
div.sitebg ul.bottom li {padding:4px;}
div.sitebg ul.bottom .depth3 {margin-top:5px; background:url(/images/sitemap/sitemap_bg_line.gif) no-repeat 50% bottom;}
div.sitebg ul.bottom .depth3 li {padding:3px 4px;}
div.line1 ul.bottom {height:320px;}
div.line2 ul.bottom {height:410px;}
div.line3 ul.bottom {height:480px;}

div.user {position:relative; width:567px; height:282px; margin-top:10px; padding:29px 40px 5px 66px; background:url(/images/mypage/bg_01.gif) no-repeat left top;}
div.user h6 {margin-bottom:10px;}
div.user .real_info {float:left; margin:0; line-height:22px;}
div.user .real_btn {float:left; margin:5px 0 0 10px;}
div.user .dot {padding-left:15px; background:url(/images/common/dot.gif) no-repeat left 4px;}
div.user .input_02 {width:230px;}
div.user .g_name {margin-left:50px;}
div.user .div_box ul li {height:18px;}
div.user .ex {margin-top:20px; padding-top:20px; border-top:1px dotted #e4e4e4;}
div.user .fc {color:#F97333;}
div.user dl.addinfo {display:inline; float:left; width:450px; margin:10px 0 0 20px;}
div.user dl.addinfo dt {clear:both; float:left; width:100px; margin-bottom:3px;}
div.user dl.addinfo dd {margin-bottom:3px;}
div.user .noimg {float:left;}
div.user .dis_none {margin-top:5px; font-size:0; line-height:0;}
div.user .login_btn {float:left; margin-top:10px;}
div.user .cert_btn {float:left;}
div.user .find {float:left; margin:10px 0 0 10px;}
div.user .find img {vertical-align:middle;}
div.user .ex_box {width:570px; margin-top:10px; padding-top:20px; border-top:1px dotted #e4e4e4;}
div.user .ex_box h3 {margin-left:80px; padding-bottom:10px;}
div.user .ex_box ul {margin-left:80px; font-size:0; line-height:0;}
div.user .ex_box ul li {margin-bottom:7px; padding-left:15px; background:url(/images/common/icon_02.gif) no-repeat left 1px;}
div.user .member {float:left; margin:10px 10px 0 10px;}
div.member .imgtxt {margin-right:15px;}

div.user_area {min-height:250px;}
div.user_area .noimg {float:left; margin:0 20px 40px 0;}
div.user_area .txtlist {overflow:hidden; height:150px;}
div.user_area .txtlist ul {float:left;}
div.user_area .txtlist ul li {padding-left:17px; background:url(/images/common/icon_02.gif) no-repeat left 3px;}
div.user_area h4.guestpage {margin-top:30px;}

div.my_info span {color:#F97333;}
div.my_info .t_box1 {width:100%; border-top:1px solid #E0E0E0;}
div.my_info .t_box1 th {padding:6px 10px; border-bottom:1px solid #E0E0E0; color:#333333; font-weight:bold; vertical-align:middle; background:#F5F5F5;}
div.my_info .t_box1 td {padding:6px 10px; border-bottom:1px solid #E0E0E0; vertical-align:middle;}
div.my_info .t_box1 img {vertical-align:middle;}
div.my_info label.info {font-weight:bold;}
div.my_info img {vertical-align:middle;}
div.my_info .info_input {padding:2px 0 0 2px; border:1px solid #BDBDBD; color:#7C7C7C; font-size:12px; vertical-align:middle; background:#F5F5F5;}
div.my_info .input01 {width:200px;}
div.my_info .input02 {width:50px;}
div.my_info .add_input {width:400px; margin-top:2px;}
div.my_info .mail_in1 {width:70px;}
div.my_info .mail_in2 {width:90px;}
div.my_info .org_input {width:150px;}
div.my_info .select01 {color:#7C7C7C; font-family:gulim; font-size:12px; vertical-align:middle;}
div.my_info .select02 {width:90px; color:#7C7C7C; font-family:gulim; font-size:12px; vertical-align:middle;}
div.my_info .select03 {width:120px; color:#7C7C7C; font-family:gulim; font-size:12px; vertical-align:middle;}
div.my_info .select04 {width:50px; color:#7C7C7C; font-family:gulim; font-size:12px; vertical-align:middle}
div.my_info .radio01 {width:13px; height:13px; margin:0 4px 2px 0; vertical-align:middle;}
div.my_info .checkbox01 {width:14px; height:14px; margin-right:5px; vertical-align:middle;}

div.expire_reason {padding:8px 0 8px 100px; border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; background:#f5f5f5;}
div.expire_reason img,
div.expire_reason input {vertical-align:middle;}
div.expire_reason .select01 {margin-right:85px; color:#7C7C7C; font-family:gulim; font-size:12px; vertical-align:middle;}
div.expire_reason .btn a {margin-left:10px;}

/* cnts */
div.my_cnts ol.cnts_order li {display:inline; margin-right:7px; padding:0;}
div.my_cnts h4 {height:30px; margin-top:15px; padding-left:17px; color:#AA7F1D; font-weight:bold; background:url(/images/common/icon_01.gif) no-repeat left 1px;}
div.my_cnts .t_box {width:100%; border-top:1px solid #E0E0E0; border-left:1px solid #E0E0E0;}
div.my_cnts .t_box th {padding:5px; border-bottom:1px solid #E0E0E0; border-right:1px solid #E0E0E0; font-weight:bold; text-align:center; vertical-align:middle; background:#F5F5F5;}
div.my_cnts .t_box td {padding:5px; border-bottom:1px solid #E0E0E0; border-right:1px solid #E0E0E0; text-align:center; vertical-align:middle;}
div.my_cnts .t_box td.name {text-align:left;}
div.my_cnts .t_box td.view img {font-size:0; margin-bottom:2px;}
div.my_cnts .sp_txt p {float:left; margin:10px 20px 0 0; color:#F97333;}
div.my_cnts .t_box input {border:1px solid #BDBDBD; color:#7C7C7C; font-size:12px; vertical-align:middle; background:#F5F5F5;}
div.my_cnts .t_box .input02 {width:26px;}
div.my_cnts .t_box .input10 {width:100px;}
div.my_cnts .t_box .input15 {width:150px;}
div.my_cnts .t_box .input25 {width:250px;}
div.my_cnts .t_box .input50 {width:500px;}
div.my_cnts .t_box textarea {width:250px; height:50px; color:#7C7C7C; font-size:12px;}
div.my_cnts .t_box .adress {text-align:left;}
div.my_cnts .box_m {margin-top:20px;}
div.my_cnts .box_m img {vertical-align:middle;}
div.my_cnts .agree_check {margin-top:10px; padding-top:8px; border-top:2px solid #C8A681; text-align:center;}
div.my_cnts .checkbox_01 {width:14px; height:14px; margin-right:4px; vertical-align:middle;}
div.my_cnts .t_box1 {width:100%; border-top:1px solid #E0E0E0; border-left:1px solid #E0E0E0;}
div.my_cnts .t_box1 th {padding:10px 0; border-right:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; font-weight:bold; text-align:center; vertical-align:middle; background:#F5F5F5;}
div.my_cnts .t_box1 td {padding:10PX; border-right:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; vertical-align:middle;}

/* agree */
div.use_agree {width:680px; padding-top:10px; background:url(/images/common/border_bg_top4.gif) no-repeat left top;}
div.use_agree .bottom {width:660px; padding:0 10px 10px 10px; background:url(/images/common/border_bg_bottom4.gif) no-repeat left bottom;}
div.use_agree .bottom div {overflow:auto; height:140px;}
div.use_agree h5 {height:30px; padding:15px 0 0 17px; color:#AA7F1D; font-weight:bold; background:url(/images/common/icon_01.gif) no-repeat left 17px;}
div.use_agree h5.first {margin:0; padding-top:0; background:url(/images/common/icon_01.gif) no-repeat left 2px;}
div.use_agree h6 {margin-left:5px; padding-left:17px; background:url(/images/common/icon_02.gif) no-repeat left 3px;}
div.use_agree ol.num {overflow:auto; height:80px; margin-left:10px;}
div.use_agree ol.num li {padding-left:20px; line-height:20px;}

div.terms p {margin:0 0 0 20px; padding:0;}
div.terms ol.list1 {margin-left:40px; list-style-type:decimal;}
div.terms ol.list1 ol {margin:0; padding:0;}
div.terms ol li {margin:0; padding:0;}

div.scrollbar h6 {font-weight:bold;}
div.scrollbar ol {margin:0 0 15px 0; padding:0;}
div.scrollbar ol li {margin:0; padding:0;}
div.scrollbar p {margin-bottom:15px;}
div.scrollbar p.sp {margin:0 0 0 5px; padding-left:12px; color:#F97333; background:url(/images/common/icon_03.gif) no-repeat left 4px;}
div.scrollbar ul.sp {margin:0 0 15px 10px; color:#F97333;}
div.scrollbar ul.sp1 {margin:0 0 15px 10px;}
div.scrollbar span {color:#F97333;}
div.scrollbar .t_box {width:620px; margin:0 0 10px 0;}

div.use_info {margin:10px; width:680px; padding-top:10px; background:url(/images/common/border_bg_top4.gif) no-repeat left top;}
div.use_info div.bottom2 {width:640px; padding:10px 20px 10px 20px; color:#818181; font-size:12px; line-height:18px; background:url(/images/common/border_bg_bottom4.gif) no-repeat left bottom;}
div.bottom2 .t_box {width:630px;}
div.bottom2 p {margin-bottom:15px;}
div.bottom2 h2 {margin:30px 0 20px 0;}
div.bottom2 h6 {font-weight:bold;}
div.bottom2 p.sp {margin:0 0 0 5px; padding-left:12px; color:#F97333; background:url(/images/common/icon_03.gif) no-repeat left 4px;}
div.bottom2 ol {margin:0 0 10px 0;}
div.bottom2 ul.sp {margin:0 0 15px 10px; color:#F97333;}
div.bottom2 ul.sp1 {margin:0 0 15px 10px;}
div.bottom2 span {color:#F97333;}
div.bottom2 .close {margin-top:10px; text-align:right;}

/* popup */
div.pay_con {padding:13px; color:#818181; font-size:12px;}
div.pay_con .t_box td {padding:8px;}

/* join */
ol.step {height:52px; margin:0 0 40px 0;}
ol.step li {float:left; height:52px; margin-right:10px; padding:0 20px 0 0; background:url(/images/mypage/step_right.gif) no-repeat right 50%;}
ol.step li.step4 {margin:0; padding:0; background:none;}
div.user_join h4.realname {clear:both; height:30px; padding-left:17px; color:#AA7F1D; font-weight:bold; background:url(/images/common/icon_01.gif) no-repeat left 1px;}
div.user_join h4.sec {margin-top:20px;}
div.user_join h5.guide {margin-left:15px; padding:0; color:#F97333; font-weight:normal; background:none;}
div.user_join ul.rname {margin:0 0 20px 0;}
div.user_join ul.rname li {margin-left:8px; padding-left:17px; background:url(/images/common/icon_02.gif) no-repeat left 3px;}
div.user_join ul.rname span {color:#F97333;}
div.user_join ul.guide {margin-left:20px; color:#333333;}
div.user_join ul.course {margin:0 0 20px 0;}
div.user_join ul.course li {width:660px; padding-left:15px; color:#333333; background:url(/images/common/icon_02.gif) no-repeat left 3px;}
div.user_join .txt {margin:0 0 15px 10px; color:#925B2A; font-weight:bold;}
div.user_join .impor {color:#925B2A; font-weight:bold;}
div.user_join .star {color:#F97333; font-weight:bold;}
div.user_join .orgtxt {color:#F97333;}
div.user_join input.intxt {width:100px; border:1px solid #BDBDBD; color:#7C7C7C; font-size:12px; background:#F5F5F5;}
div.user_join .last {width:469px; height:115px; padding:35px 10px 0 200px; background:url(/images/mypage/bg_02.gif) no-repeat left top;}
div.last p {margin:0; padding:0;}
div.last .idname {float:left; width:185px; margin-top:10px; color:#F97333; font-weight:bold; text-align:center; background:url(/images/mypage/txt_bg.gif) no-repeat left top;}
div.last .txt {margin:10px 0 30px 0;}

div.use_real {width:680px; margin-bottom:20px; padding-top:10px; background:url(/images/common/border_bg_top4.gif) no-repeat left top;}
div.use_real .bottom {width:670px; padding:0 10px 10px 15px; background:url(/images/common/border_bg_bottom4.gif) no-repeat left bottom;}
div.use_real ul li {float:left; margin:10px 5px 0 0;}
div.use_real ul li input,
div.use_real ul li img {vertical-align:middle;}
div.use_real .tip {color:#333333; margin-top:10px; padding-left:155px;}
div.use_real .btn {margin-top:9px;}
div.use_real .fc {color:#F97333;}

.list_bbs_field {margin-top:10px;}
.list_paging {width:100%; margin-top:10px;}
.list_paging li {height:20px; text-align:center;}
.list_paging li.page a {padding:3px 2px; line-height:30px;}
.list_paging li.page a:hover {padding:3px 2px; line-height:30px;}
.list_paging li.right {text-align:right;}
.list_paging span {padding:2px 1px; color:#F26522; font-weight:bold;}
.list_paging span b {font-weight:bold;}