@charset "utf-8";
/* SIR 지운아빠 */

body{background:#fff;}

/* ### 기본 스타일 커스터마이징 시작 ### */


/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin button.btn_submit {}
.mbskin fieldset .btn_submit {}
.mbskin .btn_cancel {}
.mbskin button.btn_cancel {}
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
.mbskin a.btn_frmline, .mbskin button.btn_frmline {height:30px !important;} /* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {line-height:30px !important;}
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn button {}
.mbskin .win_btn input {}
.mbskin .win_btn a {}
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}

.dark_btn{display:block; width:100%; height:31px; line-height:31px; font-size:13px; text-align:center; color:#fff !important; font-weight:bold; background:#444 !important; -webkit-appearance:none;-webkit-border-radius:0px;border-radius:0;border:0; cursor:pointer; letter-spacing:-1px;}
.gray_btn{display:block; width:100%; height:31px; line-height:31px; font-size:13px; text-align:center; color:#fff !important; font-weight:bold; background:#a4a4a4 !important; -webkit-appearance:none;-webkit-border-radius:0px;border-radius:0;border:0; cursor:pointer; letter-spacing:-1px;}

/* 게시판용 버튼 */
.mbskin a.btn_b01 {}
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
.mbskin a.btn_b02 {}
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}

/* 기본테이블 */
.mbskin .tbl_head01 {}
.mbskin .tbl_head01 caption {}
.mbskin .tbl_head01 thead th {}
.mbskin .tbl_head01 thead a {}
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}
.mbskin .tbl_head01 tfoot td {}
.mbskin .tbl_head01 tbody th {}
.mbskin .tbl_head01 td {}
.mbskin .tbl_head01 a {}
.mbskin td.empty_table {}

/* 폼 테이블 */
.mbskin table {}
.mbskin caption {}
.mbskin .frm_info {}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {position:relative; width:100%; margin:0 auto;}
.mbskin .tbl_frm01 .register_form_tit{position:relative; width:97%; margin:0 auto 20px auto; font-size:14px; color:#444; font-weight:bold; background:url(./img/register_form_tit_dot.gif) no-repeat 0 center; padding:0 0 0 3%;}
.mbskin .tbl_frm01 .register_form_tit .register_form_tit_right{position:absolute; right:0; top:0; font-size:14px; color:#444; font-weight:normal;}
.mbskin .tbl_frm01 .register_form_tit .register_form_tit_right .register_form_tit_right_span{color:#e33333; font-weight:bold;}

.red_srar{color:#e33333 !important; font-weight:bold;}

.mbskin .tbl_frm01 table{position:relative; width:100%; margin:0 auto 40px auto; border-top:2px solid #717171;}
.mbskin .tbl_frm01 th {width:120px;padding:8px 10px; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; font-size:14px; color:#444; font-weight:bold; text-align:center; background:#f5f5f5;word-break:break-all;}
.mbskin .tbl_frm01 td {padding:8px 10px; border-bottom:1px solid #d4d4d4; font-size:14px; color:#444; text-align:left;}
.tbl_frm01 textarea, .frm_input {width:90%;max-width:180px; border:1px solid #e4eaec; background:#fff;color:#000; vertical-align:middle; line-height:2em;}
.frm_input02 {width:20%; border:1px solid #e4eaec; background:#fff;color:#000; vertical-align:middle; line-height:2em;}
.frm_input03 {width:80%; border:1px solid #e4eaec; background:#fff;color:#000; vertical-align:middle; line-height:2em;}
.tbl_frm01 .frm_info {display:inline-block;padding:0 0 5px; line-height:16px; font-size:12px; color:#666;}

.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}

.mbskin .tbl_frm01 textarea {}
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

@media(max-width:637px)
{
    .mbskin .tbl_frm01 th {width:60px;font-size:13px;}
    .mbskin .tbl_frm01 td {font-size:13px;}
    .mbskin .tbl_frm01 .register_form_tit .register_form_tit_right {font-size:13px;}
}

/* 필수입력 */
.required, textarea.required {background:url(./img/wrest.gif) #fff top right no-repeat !important}

/* 테이블 항목별 정의 */
.mbskin .td_board {}
.mbskin .td_chk {}
.mbskin .td_date {}
.mbskin .td_datetime {}
.mbskin .td_group {}
.mbskin .td_mb_id {}
.mbskin .td_mng {}
.mbskin .td_name {}
.mbskin .td_nick {}
.mbskin .td_num {}
.mbskin .td_numbig {}

.mbskin .txt_active {}
.mbskin .txt_expired {}

/* ### 기본 스타일 커스터마이징 끝 ### */

.mbskin{position:relative; width:100%; height:100%; overflow:hidden; /*display:table;*/}

.register_tab_ul{position:relative; width:98%; overflow:hidden; margin:0 auto 3% auto;}
.register_tab_ul li{float:left; width:34.33%; margin:0 0 0 -1%;}
.register_tab_ul li img{width:100%;}

/* 회원가입 약관 */
.fregister_div{position:relative; /*width:100%;*/ overflow:hidden; margin:0 auto; /*display:table-cell;*/ vertical-align:middle;}
#fregister section {margin:0 0 20px;padding:20px 0}
#fregister h2 {margin:0 0 10px 0; text-align:left; font-size:14px; color:#666;}
#fregister textarea {display:block; margin-bottom:10px; padding:1%; width:98%; height:150px; border:1px solid #e9e9e9; background:#fff; resize:none;}
#fregister .fregister_agree {padding:10px 0 0; text-align:right}
#fregister .fregister_agree label {display:inline-block;}
#fregister .fregister_agree input{margin:2px 5px 0 0;}
#fregister p {position:relative; width:98%; margin:0 auto; overflow:hidden; background:#f5f5f5; color:#666;text-align:center; font-size:14px; padding:10px 0;}
#fregister .btn_confirm {position:relative; width:100%; margin:0 auto; overflow:hidden; text-align:center;}
#fregister .btn_confirm li{display:inline-block; width:144px; display: -moz-inline-stack; margin:0 10px 0 0;}
#fregister .btn_confirm li.last{margin:0;}
#fregister #fregister_term {position:relative; width:98%; margin:0 auto; overflow:hidden;}
#fregister #fregister_private {position:relative; width:98%; margin:0 auto; overflow:hidden;}

/* 회원가입 입력 */
#fregisterform {position:relative; width:98%; margin:0 auto; overflow:hidden;}
#fregisterform textarea {height:50px;}

#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}

#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}

#fregisterform .btn_confirm {position:relative;display:block; /*width:462px;*/ margin:0 auto; /*overflow:hidden;*/ text-align:center;}
#fregisterform .btn_confirm li{display:inline-block; width:144px; margin:0 0 0 5px;/*float:left;*/}
#fregisterform .btn_confirm li:first-child {margin-left:0;}

@media(max-width:637px)
{
    #fregisterform .btn_confirm li {width:auto;}
    .dark_btn {padding:0 15px;width:auto;}
    .gray_btn {padding:0 15px;width:auto;}
}

/* 회원가입 완료 */
.register_result{position:relative; width:98%; overflow:hidden; margin:0 auto; border:1px solid #ebebeb;}
.result_icon{position:relative; width:100%; max-width:155px; overflow:hidden; margin:3% auto; text-align:center;}
.result_icon img{width:100%;}

.result_top_tit{position:relative; width:100%; overflow:hidden; margin:0 auto 1% auto; font-size:35px; color:#666; font-weight:bold; text-align:center;}
.result_top_tit .id_color_big{font-size:40px; color:#444;}

.result_bottom_txt{position:relative; width:100%; overflow:hidden; margin:0 auto; text-align:center; font-size:14px; color:#444;}

#reg_result {/*padding:50px 0 0*/}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
/*#reg_result .btn_confirm {margin:50px 0}*/
#reg_result .btn_confirm {position:relative; width:100%; margin:5% auto; overflow:hidden; text-align:center;}
#reg_result .btn_confirm li{display:inline-block; width:144px; display: -moz-inline-stack; margin:0 10px 0 0;}
#reg_result .btn_confirm li.last{margin:0;}


/* 아이디/비밀번호 찾기 */
.fint_info_div{position:relative; width:94%; overflow:hidden; margin:0 auto; background:#f8f8f8; border:1px solid #e3e3e3; padding:2%;}

.new_win #win_title {position:relative; width:95%; margin:0 auto 20px auto; font-size:14px; color:#444; font-weight:bold; background:url(./img/register_form_tit_dot.gif) no-repeat 0 center !important; padding:0 0 0 3%; border:none;}

#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info #info_fs {/*margin:0 20px 20px;padding:0;background:#fff*/}
#find_info #info_fs .frm_input {width:70%}
#find_info p {/*margin:0 0 10px;line-height:1.8em*/font-size:14px; color:#444; line-height:1.6; margin:0 auto 10px auto;}
#find_info label{font-size:14px; color:#444; line-height:1.6;}
#find_info #captcha {/*margin:0 20px*/position:relative; width:100%; overflow:hidden; margin:10px auto 0 auto;}
#find_info #captcha #captcha_info{font-size:14px; color:#444;}

.new_win .win_btn{position:relative; width:100%; margin:2% auto; overflow:hidden; text-align:center; padding:0 !important;}
.new_win .win_btn li{display:inline-block; width:144px; display: -moz-inline-stack; margin:0 10px 0 0;}
.new_win .win_btn li.last{margin:0;}

/* 로그인 */
#mb_login {margin:0 auto;padding:100px 0;width:500px}
#mb_login h1 {margin:0 0 20px;font-size:1.3em}
#mb_login h2 {margin:0}
#mb_login p {padding:10px 0;line-height:1.5em}
#mb_login #login_fs {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs label {letter-spacing:-0.1em}
#mb_login #login_fs .login_id {position:absolute;top:26px;left:95px}
#mb_login #login_fs .login_pw {position:absolute;top:52px;left:95px}
#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 80px;width:162px}
#mb_login #login_fs .btn_submit {position:absolute;top:20px;right:95px;width:60px;height:53px}
#mb_login #login_info {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
#mb_login #login_info div {text-align:right}

/* 쪽지 */
#memo_view_contents {margin:0 auto 20px;width:90%}
#memo_view_contents h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}

#memo_write textarea {height:100px}

/* 스크랩 */
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:0 auto;padding:100px 0;width:500px}
#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}
#mb_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}

/* 비밀글 비밀번호 확인 */
#pw_confirm {margin:0 auto;padding:100px 0;width:500px}
#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}
#pw_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}

/* 비밀글 비밀번호 확인 */
.password_div{position:relative; width:100%; overflow:hidden; margin:0 auto; border-top:1px solid #666;}

.password_div .password_dl{overflow:hidden; margin:35px auto; padding:0 10%; background:url(./img/edit_lock_icon.gif) no-repeat 0 0;}
.password_div .password_dl dt{font-size:14px; color:#444; font-weight:bold; margin:0 0 6px 0;}
.password_div .password_dl dd{font-size:14px; color:#444;}

.password_div .password_bottom{display:block; overflow:hidden; padding:40px 20px; background:#f7f7f7; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.password_bottom_dl01{position:relative;display:block;padding:0 0 0 74px;max-width:310px;height:27px;margin:0 auto;}
.password_bottom_dl01 dt{position:absolute;left:0;width:74px;line-height:27px;font-size:14px;color:#444;font-weight:bold;}
.password_bottom_dl01 dd{display:block;height:100%;}
.password_bottom_dl01 dd .password_bottom_dl02{position:relative;display:block;height:100%;padding:0 135px 0 0;}
.password_bottom_dl01 dd .password_bottom_dl02 dt{position:relative;display:block;width:100%;height:100%;}
.password_bottom_dl01 dd .password_bottom_dl02 dt input.password_input{display:block;width:100%; height:25px; line-height:25px; font-size:14px; color:#444; padding:0 4px; border:1px solid #dfdfdf; background:#fff;}
.password_bottom_dl01 dd .password_bottom_dl02 dd{position:absolute;right:0;top:0;width:115px;}
.password_bottom_dl01 dd .password_bottom_dl02 dd .password_bottom_ul{position:relative; width:; overflow:hidden;}
.password_bottom_dl01 dd .password_bottom_dl02 dd .password_bottom_ul li{float:left; width:43px; margin:0 5px 0 0;}
.password_bottom_dl01 dd .password_bottom_dl02 dd .password_bottom_ul li.last{margin:0; width:67px;}
.password_bottom_dl01 dd .password_bottom_dl02 dd .password_bottom_ul li a{display:block; width:100%; height:27px; line-height:27px; font-size:13px; text-align:center; color:#fff !important; font-weight:bold; background:#444 !important; -webkit-appearance:none;-webkit-border-radius:0px;border-radius:0;}
.password_bottom_dl01 dd .password_bottom_dl02 dd .password_bottom_ul li input[type=submit]{display:block; width:100%; height:27px; line-height:27px; font-size:13px; text-align:center; color:#fff !important; font-weight:bold; background:#444 !important; -webkit-appearance:none;-webkit-border-radius:0px;border-radius:0; cursor:pointer; border:0;}

@media (max-width:460px) /* (max-width:1025px) */
{
    .password_bottom_dl01 {padding-left:0;}
    .password_bottom_dl01>dt {display:none;}
}

/* 폼메일 */
#formmail #subject {width:386px}
#formmail textarea {height:100px}

/* 자기소개 */
#profile table {margin-bottom:0}
#profile section {margin:0 auto 20px;padding:20px;width:86%}
#profile h2 {margin:0}




/* ---------------------------============================ 이메일무단수집거부 ===============================--------------------------- */
#denial{margin-bottom:50px;margin-top:50px}
#denial .denial{width:1200px;height:255px;border-top:3px solid #125581;border-bottom:1px solid #ddd;padding-top:215px;text-align:center;background:#f5f5f5 url(../img/sub/denial_bg.png) no-repeat center 50px}
#denial .denial h4{font-size:25px;color:#444;line-height:30px;margin-bottom:20px}
#denial .denial h4 span{color:#125581}
#denial .denial p{font-size:13px;line-height:22px;color:#555;margin-bottom:20px}
#denial .denial p span{color:#333}
/* ---------------------------============================ 사이트맵 ===============================--------------------------- */
#sitemap {margin-top:100px}
#sitemap .sitemap{margin-left:-50px}
#sitemap .sitemap>div{width:300px;margin-left:100px;height:300px}
#sitemap .sitemap>div>h3{padding-top:5px;margin-bottom:15px;font-size:18px;color:#125581;background:url(../img/sub/sitemap_bg.png) no-repeat}
#sitemap .sitemap>div ul li{width:248px;height:34px;line-height:34px;border-bottom:1px solid #ddd;padding-left:10px;}
#sitemap .sitemap>div ul li span{display:block;background:url(../img/common/depth02_off.png) no-repeat left center;}
#sitemap .sitemap>div ul li span a{padding:10px;}
#sitemap .sitemap>div ul li a{font-size:14px;color:#555}
#sitemap .sitemap>div ul li span:hover,#sitemap .sitemap>div ul li span:focus{background:url(../img/common/depth02_on.png) no-repeat left center;}
#sitemap .sitemap>div ul li span:hover a,#sitemap .sitemap>div ul li span:focus a{font-weight:bold;color:#125581;}
#sitemap .sitemap .sitemap01,#sitemap .sitemap .sitemap02,#sitemap .sitemap .sitemap03{height:300px;margin-bottom:30px}
#sitemap .sitemap .sitemap04,#sitemap .sitemap .sitemap05{margin-bottom:30px;}


/* ---------------------------============================ 로그인 ===============================--------------------------- */
#loginPage{/*margin-top:50px;margin-bottom:50px*/position:relative; width:100%; height:100%; background:#f8f8f8; display:table;padding:70px 0;}
/*#loginPage>p{font-size:16px;color:#666;font-weight:bold;padding-left:17px;background:url(../img/sub/dot.png) no-repeat left center;margin-bottom:10px}*/
#loginPage .login_page{}
#loginPage .login_page .cnt{max-width:774px;padding:0 52px 0 238px;background:url(./img/login_bg.png) no-repeat 70px center;}
#loginPage .login_page .cnt>p{font-size:30px;color:#222;font-weight:bold;margin-bottom:20px;}
#loginPage .login_page .cnt>p>span{margin-left:10px; color:#666; font-size:13px;font-weight:100;}

#loginPage .login_page .cnt form{position:relative;padding-right:160px;}
#loginPage .login_page .cnt form .user {*zoom:1;margin-bottom:10px;}
#loginPage .login_page .cnt form .user:after {display:block;content:"";clear:both;}
#loginPage .login_page .cnt form .user label{display:block;float:left; width:71px; line-height:24px; font-size:14px; color:#444;}
#loginPage .login_page .cnt form .user input{float:right;width:70%;height:22px;border:1px solid #ccc;padding:0 5px;}
#loginPage .login_page .cnt form .pad{margin-left:30%;vertical-align:middle;display:block;}
#loginPage .login_page .cnt form .pad input{margin-right:10px;}
#loginPage .login_page .cnt form #login{position:absolute;right:0;top:0px;width:140px;height:58px;background-color:#444;color:#fff;text-align:center;font-size:14px;font-weight:bold; border:none; cursor:pointer;}

/*
#loginPage .login_page .bcenter{margin:40px auto;width:672px;}
#loginPage .login_page .bcenter .fwrapper{margin-bottom:5px;background: url(../img/sub/join_bg.png) repeat-x left center;}
#loginPage .login_page .bcenter .fwrapper .f_l{padding:6px 24px 6px 9px;color:#666;font-size:13px;background:#f8f8f8 url(../img/main/dot.png) no-repeat left center }
#loginPage .login_page .bcenter .fwrapper .f_r{padding-left:11px;background-color:#f8f8f8}
#loginPage .login_page .bcenter .fwrapper .f_r a{display:block;text-align:center;padding:5px 0;background-color:#686d72;color:#fff;font-size:13px;width:153px;height:19px}
*/
.add_login_bottom{position:relative; width:96%; max-width:774px; overflow:hidden; margin:2% auto 0 auto; border-top:1px solid #e3e3e3; padding:2%;}
.add_login_bottom .add_login_bottom_ul{position:relative; width:100%; overflow:hidden; margin:0 auto;}
.add_login_bottom .add_login_bottom_ul li{overflow:hidden; margin:0 0 4px 0;}
.add_login_bottom .add_login_bottom_ul li .add_login_bottom_dl{position:relative; width:100%; overflow:hidden;}
.add_login_bottom .add_login_bottom_ul li .add_login_bottom_dl dt{float:left; width:37%; font-size:14px; color:#666; background:url(./img/login_ul_dot.gif) no-repeat 0 center; padding:0 0 0 3%; line-height:31px;}
.add_login_bottom .add_login_bottom_ul li .add_login_bottom_dl dd{float:right; width:60%; background:url(./img/login_middle_line.gif) repeat-x 0 center;}
.add_login_bottom .add_login_bottom_ul li .add_login_bottom_dl dd .add_login_bottom_btn{float:right; width:150px;}

@media (max-width:770px)
{
    #loginPage .login_page .cnt form .user label {display:none;}
    #loginPage .login_page .cnt form .user input {width:100%;float:none;}
    #loginPage .login_page .cnt form .pad {margin-left:0;}
}
@media (max-width:635px)
{
    #loginPage .login_page .cnt {padding-left:52px;background-image:none;}
}
@media (max-width:470px)
{
    #loginPage .login_page .cnt form {padding-right:10px;padding-bottom:50px;}
    #loginPage .login_page .cnt form #login {height:40px;top:auto;left:0;bottom:0;width:100%;}
}