﻿/* CSS Document */
@charset "utf-8";
.qna_link{color:#39F; text-decoration:underline; font-weight:700; display:block; line-height:1.2em}
#join01{position:relative}
#all_agree{padding-top:20px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d4d4d4; border-top:1px dotted #d4d4d4; font-weight:600;text-align:center; font-size:1.2em}

#join02{position:relative; font-size:0.9em}
#join02 .agree_txt{height:100px; width:445px; padding:10px; background:#fff; border:1px solid #d4d4d4; margin:10px 0 5px}

#join03{position:relative; margin:0 auto; text-align:center; line-height:1.8em; padding:70px 0}
#join03 dt{font-size:1.4em}
#join03 dd{padding:10px 0; color:#aaa; font-size:1em}

#leave{position:relative}
#leave dl{margin-bottom:30px}
#leave dt{font-size:1.2em; font-weight:600; padding-left:15px; background:url(../img/content/ic_check.jpg) no-repeat 0 5px}
#leave dd{line-height:1.5em; padding-left:15px; margin-bottom:20px}
#leave .leave_check{display:block; padding:15px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4}

#help_title{position:relative; margin-top:20px; margin-bottom:10px}
#help_title .help_box01{width:333px; float:left}
#help_title .help_box02{float:left; /*width:711px; */width:606px; height:82px; background:url(../img/guide/help_link_bg.jpg) no-repeat right} 
#help_title .help_box03{float:left; width:405px; height:82px; background:url(../img/guide/help_link_bg.jpg) no-repeat right} 
#help_title .help_box02 li, #help_title .help_box03 li{float:left; padding-top:10px; width:165px; text-align:center; margin:0 18px}

#guide_tab{position:relative; margin-bottom:30px; border-top:3px solid #000; padding:30px 0; border-bottom:1px solid #d4d4d4}
#guide_tab li{float:left; margin-left:5px}

#guide_tab_txt{position:relative; margin-bottom:30px; font-size:0.95em}
#guide_tab_txt table{border-top:3px solid #000}
#guide_tab_txt td, #guide_tab_txt th{border-bottom:1px solid #d4d4d4}
#guide_tab_txt .cate{display:inline-block; /*padding:20px 25px 20px 15px*/ padding:20px 0; width:125px}
#guide_tab_txt .cate a{display:block; padding-left:10px; background:url(../img/content/ic_sq.jpg) no-repeat 0px 5px; font-weight:600}
#guide_tab_txt .cate a.on, #guide_tab_txt .cate a:hover{color:#b50f27; text-decoration:underline}


#term_tab{position:relative; margin-bottom:5px; border-top:3px solid #000; padding:20px 0; border-bottom:1px solid #d4d4d4}
#term_tab li{float:left; margin-left:5px; width:110px}
#term_tab li a{display:block; padding:20px 0; text-align:center; border:1px solid #d6d6d6; font-weight:700; font-size:1em}
#term_tab li a:hover, #term_tab li a.on{border:3px solid #b50f27; color:#b50f27; padding:18px 0}



#guide_btn{position:relative; width:290px; margin:0 auto; padding-top:50px}
#guide_btn li{float:left; margin-right:10px}

#guide .box_outline{margin-bottom:10px}

/*notice*/
#board_list01{border-top:3px solid #000; position:relative; padding-bottom:30px; width:100%; font-size:0.9em}
#board_list01 ul{float:left; display:inline;padding:0 2%; border-bottom:1px solid #e1e1e1; width:96%}
#board_list01 ul li{float:left; color:#000; padding:11px 0; /*line-height:1.8em*/}
#board_list01 ul li.title{width:700px}
#board_list01 ul li.title a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:520px; display:inline-block}
#board_list01 ul li.title a.es{background:url(../img/board/ic_new.jpg) no-repeat right 3px; padding-right:40px}
#board_list01 ul li.no{width:40px}
#board_list01 ul li.name{width:80px}
#board_list01 ul li.date{color:#aaaaaa}
/*faq*/
#board_list02{border-top:3px solid #000; position:relative; padding-bottom:30px; width:100%; font-size:0.9em}
#board_list02 ul{float:left; display:inline;padding:0 2%; border-bottom:1px solid #e1e1e1; width:96%}
#board_list02 ul li{float:left; color:#000; padding:11px 0; /*line-height:1.8em*/}
#board_list02 ul li.title{width:850px}
#board_list02 ul li.title a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:840px; display:inline-block}
#board_list02 ul li.no{width:40px}
/*qna*/
#board_list03{border-top:3px solid #000; position:relative; padding-bottom:30px; width:100%; font-size:0.9em}
#board_list03 ul{float:left; display:inline;padding:0 2%; border-bottom:1px solid #e1e1e1; width:96%}
#board_list03 ul li{float:left; color:#000; padding:11px 0; /*line-height:1.8em*/}
#board_list03 ul li.title{width:600px}
#board_list03 ul li.title a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:520px; display:inline-block}
#board_list03 ul li.title a.es{background:url(../img/board/ic_new.jpg) no-repeat right 3px; padding-right:40px}
#board_list03 ul li.no{width:40px}
#board_list03 ul li.name{width:80px}
#board_list03 ul li.date{color:#aaaaaa}
#board_list03 ul li.step{width:100px}

#view01{border-top:3px solid #000; position:relative; padding-bottom:80px; font-size:0.9em}
#view01 dl{padding:11px; border-bottom:1px solid #e1e1e1}
#view01 dl:after{clear:both; content:""; display:block}
#view01 dt{float:left; color:#aaaaaa; /*line-height:1.8em; */vertical-align:middle}
#view01 dd{float:left; width:920px; vertical-align:middle}
#view01 dt.c2{float:left; width:50px; color:#aaaaaa}
#view01 dd.c2{float:left; width:200px}
#view01 dd.c4{float:left; width:360px}
#view01 dt.c3{float:left; width:80px; color:#aaaaaa}
#view01 dd.c3{float:left; width:137px}
.view_area{line-height:1.8em}

#write01{border-top:3px solid #000; position:relative; padding-bottom:80px; font-size:0.9em}
#write01 dl{padding:11px; border-bottom:1px solid #e1e1e1}
#write01 dl:after{clear:both; content:""; display:block}
#write01 dt{float:left; color:#aaaaaa; line-height:1.8em; vertical-align:middle}
#write01 dd{float:left; width:920px; line-height:1.8em; vertical-align:middle}
#write01 dt.c2{float:left; width:80px; color:#aaaaaa}
#write01 dd.c2{float:left; width:189px}
#write01 dt.c4{float:left; width:80px}
#write01 dd.c4{float:left; width:360px}
#write01 dt.c3{float:left; width:80px; color:#aaaaaa}
#write01 dd.c3{float:left; width:220px}


.board_write{width:900px; height:300px}

.box50{width:402px; float:left}
.login_in{position:relative}
.login_in .login_title{font-size:1.3em; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d4d4d4; font-weight:700}
.login_in dt, .login_in dd{float:left; font-size:0.9em}
.login_in .login_line dt{width:80px; clear:both; padding-top:5px}
.login_in dd{margin-bottom:5px}
.login_in .btn_login02{position:absolute; top:40px; right:0}
.login_in .id_save{clear:both; display:block; margin-left:80px; font-size:0.9em}
.login_in .id_link{margin-top:20px}
.login_in .btn_lnk{margin-top:20px; padding-top:10px; border-top:1px solid #d4d4d4}
.login_in .btn_lnk dt, .login_in .btn_lnk dd{float:left}
.login_in .btn_lnk dt a{font-weight:600; color:#b50f27}
.login_in .id_link>a{float:left;}