@charset "utf-8";
/* CSS Document */
@font-face {font-family: nng; src: url(fonts/NanumGothic.eot);}
@font-face {font-family: nng; src: url(fonts/NanumGothic.ttf);}
@font-face {font-family: nng; src: url(fonts/NanumGothic.woff);}

div,ul,li,ol,dd,input {
	border:0;margin:0;padding:0;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:black;outline:none;
	font-weight:normal;color:#333333;
	vertical-align:top;
}
body,h1,h2,h3,h4,th,td,input,select{color:black;}
body{margin:0;padding:0; background:#f9f9f9;font-family:'NanumGothic', '나눔고딕','nng', '맑은 고딕', 'Malgun Gothic', Dotum, sans-serif;font-size:12px;}

table {border-collapse:collapse;border-spacing:0;padding:0;border:0;box-sizing:border-box;}
th, td {padding:0;vertical-align:top;}
img{border:0;}
li {list-style:none}
a{text-decoration:none;outline:none;color:#333333;}
a:hover{text-decoration:underline}
a:active{text-decoration:underline}
.pointer {cursor:pointer;}
frame { border:0; border:none;}
form { margin:0px; padding:0px; }





/*##### 팝업 */
.popup_bg{ width:100%;margin:0 auto; text-align:center; position:absolute; top:0px; z-index:99999}
.popup_cms  { width:690px; height:auto;margin:0 auto;text-align:center; margin-top:100px; background:url(../images/bg_black50.png) repeat; padding:10px 0px; position:relative }
.popup_cms .btn_close { width:60px; height:70px; background:url(../images/btn_close_b.png) no-repeat; background-size:60px; position:absolute; top:-20px; right:-20px;cursor:pointer;}
.popup_cms .cms_bx {width:670px; margin:0 auto; text-align:center; }

.popup_cms .cms_bx .cms_01 {width:670px; height:330px; background:url(../images/popup_cms_01.jpg) no-repeat}


.popup_cms .cms_bx .cms_02 {width:670px; height:auto; background:url(../images/popup_cms_bg.jpg) repeat-y;  padding-bottom:20px;}
.popup_cms .cms_bx .cms_02 .txt_info {  clear:both; width:90%; margin:0 auto;text-align:left; line-height:20px; color:#FFFFFF;  }
.popup_cms .cms_bx .cms_02 .txt_info span { list-style:none;  line-height:18px; color:#FFFFFF; text-align:left; display:block; }

.popup_cms .cms_bx .cms_02 .cms_02_s {width:90%;  height:550px; margin:0 auto; }

.popup_cms .cms_bx .cms_02 .cms_02_s table { margin:0 auto; padding:5px; background:#FFF; border:#333333 1px solid; float:left; margin-left:10px;}
.popup_cms .cms_bx .cms_02 .cms_02_s table td { height:30px; line-height:30px; border-bottom:#d9d9d9 1px solid;}
.popup_cms .cms_bx .cms_02 .cms_t { height:30px; line-height:30px;  text-align:center; background-color:#353535; color:#FFFFFF; }
.popup_cms .cms_bx .cms_02 .cms_tit{ height:30px; line-height:30px;text-align:center; border-bottom:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid}
.popup_cms .cms_bx .cms_02 .cms_tit2{ height:30px; line-height:30px;padding-right:10px; background-color:#06F; color:#FFFFFF; font-weight:bold;}
.popup_cms .cms_bx .cms_02 .cms_tit3{ height:30px; line-height:30px;padding-right:10px; font-weight:bold;border-right:#d9d9d9 1px solid}

.popup_cms .cms_bx .cms_02 .cms_02_s .td_red { background-color:#fefbfb}


/*##### 레이아웃 */
#header_wrap {width:100%; min-width:1200px;height:auto; margin:0 auto; text-align:center;}
#main_wrap { clear:both; width:100%; min-width:1200px; height:auto ;margin:0 auto; text-align:center; background:#FFF}
#footer_wrap {clear:both;width:100%; min-width:1200px;min-height:300px; height:auto; padding-top:20px; background:#bec6cd; color:#ffffff; text-align:center}


#header_wrap .top { width:100%; height:67px; margin:0 auto; background:url(../images/top_bg.jpg) repeat-x;  position:relative}
#header_wrap .top_line {width:100%; height:4px; background:url(../images/top_line.jpg) repeat-y; background-position:center;} 
#header_wrap .top_s { width:1200px; margin:0 auto;  position:relative}

/*##### 메세지 레이어 */
#header_wrap .top_s  .popup_msg {  width:388px; height:421px; margin:0 auto;  margin:0 auto; text-align:center; position:absolute; top:200px; right:0px; z-index:600}
#header_wrap .top_s  .popup_msg  .popup_msgbg  { width:388px; height:421px;margin:0 auto;text-align:center; background:url(/images/popup_msg.png) no-repeat; position:relative; top:150px;  }
#header_wrap .top_s  .popup_msg  .popup_msgbg li { list-style:none;}
#header_wrap .top_s  .popup_msg  .popup_msgbg .popup_msgbx  {width:298px;height:160px; position:absolute;top:116px;left:43px;}
#header_wrap .top_s  .popup_msg  .popup_msgbg .popup_msgbx .input_tt  {width:98% ;height:150px;line-height:20px; text-align:left; color:#666666; font-size:12px; background:#fpfpfp; border:#ffffff 1px solid}
#header_wrap .top_s  .popup_msg  .popup_msgbg .btn_msg {width:121px;height:41px;	background:url(/images/btn_msg.png) no-repeat; background-position:center; position:absolute;	top:300px;left:143px; cursor:pointer;}


#header_wrap .top_s .logo { width:258px; height:51px; background:url(../images/logo.png) no-repeat; cursor:pointer; display:block; float:left; margin-top:10px;}
#header_wrap .top_s .nav {width:790px;  position:absolute; top:0px; right:00px;}
#header_wrap .top_s .nav li { float:left; width:100px; height:66px; line-height:66px; text-align:center;font-size:1.3em; color:#000000; font-weight:bold; letter-spacing:-.2px; cursor:pointer;}
#header_wrap .top_s .nav li:hover {color:#2375af;background:#ffffff;}
#header_wrap .top_s .nav li.nav_on {color:#2375af; background:#ffffff;}

#header_wrap .top_s .nav .nav_line {width:130px; border-left:#d9d9d9 1px solid; height:66px; line-height:66px;}
#header_wrap .top_s .nav .nav_line2 {width:130px;  border-left:#d9d9d9 1px solid;  border-right:#d9d9d9 1px solid; height:66px; line-height:66px;}

#main_wrap .main_img  { clear:both; width:1200px; height:590px; margin:0 auto;  background:url(../images/main_img.jpg) no-repeat; background-position:top; position:relative; }
#main_wrap .main_img .btn_home  {  width:203px; height:44px; margin:0 auto; background:url(../images/btn_home.png) no-repeat; position:absolute; top:20px; right:30px; cursor:pointer;border:#3a83ad 1px solid}
#main_wrap .main_img .btn_home:hover { border:#7fbadd 1px solid}

#main_wrap .main_img .btn_home2 {  width:203px; height:44px; margin:0 auto; background:url(../images/btn_home2.png) no-repeat; position:absolute; top:70px; right:30px; cursor:pointer;border:#3a83ad 1px solid}
#main_wrap .main_img .btn_home2:hover { border:#7fbadd 1px solid}

#main_wrap .main_img .btn_noti  {      display: none;width:155px; height:273px; margin:0 auto; background:url(../images/main_1to1n.png) no-repeat; position:absolute; top:0px; left:50px; cursor:pointer;}
#main_wrap .main_img .btn_noti .noti_txt1  {  width:100%; position:absolute; top:165px;left:0px;  height:30px;  line-height:25px; text-align:left; font-size:13px; font-weight:bold; letter-spacing:-.2px; padding-left:40px; }
#main_wrap .main_img .btn_noti .noti_txt2  { width:100%; position:absolute; top:195px;left:0px;   height:30px;  line-height:25px; text-align:left;  font-size:13px; font-weight:bold;letter-spacing:-.2px;padding-left:40px;  }


#main_wrap .main_img .login_bx { width:100%; height:60px; text-align:center; position:relative; top:250px;  border:#333333 0px solid}
#main_wrap .main_img .login_bx ul { width:400px;height:43px;margin:0 auto;  text-align:center;}

#main_wrap .main_img .login_bx  .btn_join { width:179px; height:43px; background:url(../images/btn_join.png) no-repeat; cursor:pointer;float:left; margin:10px}
#main_wrap .main_img .login_bx  .btn_login1 { width:179px; height:43px; background:url(../images/btn_login1.png) no-repeat; cursor:pointer;float:left;margin:10px}
 
#main_wrap .main_img .login_bx .input_bx { width:650px; padding-left:20px;height:43px; line-height:43px;color:#666666; font-weight:bold; margin-right:85px; text-align:left;display:inline-block; position:relative;
-webkit-border-radius:30px; 
-moz-border-radius:30px;
border-radius:30px;
}

#main_wrap .main_img .login_bx2 { clear:both; width:100%; height:60px; text-align:center; position:relative; top:198px; border:#333333 0px solid}
#main_wrap .main_img .login_bx2 .input_bx input { width:200px; height:40px; line-height:43px; background:#ffffff;    border:#cccccc 0px solid; color:#06C; font-weight:bold; text-align:left; font-size:1.2em; text-indent:5px; }
#main_wrap .main_img .login_bx2 .input_bx span { height:40px; line-height:43px;}

#main_wrap .main_img .login_bx2 .input_bx .input_no { width:200px; height:40px; line-height:40px; background:#ffffff; border-bottom:#333333 1px solid;    border:#cccccc 0px solid; color:#06C; font-weight:bold; text-align:left; font-size:13px; text-indent:5px; }

#main_wrap .main_img .login_bx2 .input_bx .btn_login2 { width:179px; height:43px; background:url(../images/btn_login2.png) no-repeat; cursor:pointer; position:absolute; top:0px; left:520px; z-index:200}
#main_wrap .main_img .login_bx2 .input_bx .btn_close { width:46px; height:43px;background:url(../images/btn_close2.png) no-repeat;cursor:pointer; position:absolute; top:0px; left:700px; z-index:200}



#main_wrap .main_img .login_bx2 .input_bx { width:600px; padding-left:20px;height:43px; line-height:43px; background:#FFF; color:#666666; font-weight:bold; margin-right:139px; text-align:left;display:inline-block; position:relative;
-webkit-border-radius:30px; 
-moz-border-radius:30px;
border-radius:30px;
}
#main_wrap .main_img .login_bx3 { clear:both; width:100%; height:60px; text-align:center; position:relative; top:260px; border:#333333 0px solid}
#main_wrap .main_img .login_bx3 .input_bx3 { width:680px; height:43px; line-height:43px;font-size:13px;  background:#000000; color:#666666; padding:0px 20px 0px 30px; font-weight:bold; text-align:left; display:inline-block; position:relative;
-webkit-border-radius:30px; 
-moz-border-radius:30px;
border-radius:30px;
}

#main_wrap .main_img .login_bx3 .input_bx3 .btn_logout {position:absolute; top:0px; right:0px; position:absolute; top:0px; right:-20px; cursor:pointer; }


#main_wrap .main_ct {width:400px; height:233px; background:url(../images/main_ct.png) no-repeat; position:absolute; top:330px; left:457px;}
#main_wrap .main_3set {width:1200px; height:450px; margin:0 auto; text-align:center}
#main_wrap .main_3set_s img { text-align:center; margin:20px;}


#main_wrap .sub_img  {  width:100%; height:261px; margin:0 auto;  background:url(../images/sub_img_bgbg.jpg) no-repeat; background-size:100%; background-position:center; position:relative;}
#main_wrap .sub_img_s  {  width:1200px; height:261px; margin:0 auto;  background:url(../images/sub_img.jpg) no-repeat;  background-position:top; position:relative; }

#main_wrap .sub_img_s .btn_home  {  width:203px; height:44px; margin:0 auto; background:url(../images/btn_home.png) no-repeat; position:absolute; top:20px; right:30px; cursor:pointer;border:#3a83ad 1px solid}
#main_wrap .sub_img_s .btn_home:hover { border:#7fbadd 1px solid}

#main_wrap .sub_img_s .btn_home2 {  width:203px; height:44px; margin:0 auto; background:url(../images/btn_home2.png) no-repeat; position:absolute; top:70px; right:30px; cursor:pointer;border:#3a83ad 1px solid}
#main_wrap .sub_img_s .btn_home2:hover { border:#7fbadd 1px solid}


#main_wrap .sub_img_s .btn_noti  { display: none; width:155px; height:230px; margin:0 auto; background:url(../images/main_1to1n.png) no-repeat; background-position:bottom; position:absolute; top:0px; left:50px; cursor:pointer;}
#main_wrap .sub_img_s .btn_noti .noti_txt1  { width:100%; position:absolute; top:122px;left:0px;  height:30px;  line-height:25px; text-align:left; font-size:13px; font-weight:bold; letter-spacing:-.2px; padding-left:40px; }
#main_wrap .sub_img_s .btn_noti .noti_txt2  {width:100%;  position:absolute; top:152px;left:0px;  height:30px;  line-height:25px; text-align:left;  font-size:13px; font-weight:bold;letter-spacing:-.2px;padding-left:40px;  }



#main_wrap .sub_img_s .login_info {width:100%; height:60px; text-align:center; position:absolute; top:205px; left:0px;}
#main_wrap .sub_img_s .login_info  .login_info_s { width:72%;  margin:0 auto;  text-align:center; }
#main_wrap .sub_img_s .login_info  .login_info_s ul { margin:0 auto; }
#main_wrap .sub_img_s .login_info  .login_info_s li { width:auto;height:35px; line-height:35px; float:left;   margin:0 auto; font-size:13px; font-family:Verdana, Geneva, sans-serif; letter-spacing:.-6px; text-align:center; 
background-color:#000000; margin:5px; padding:0px 20px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;} 
#main_wrap .sub_img_s .login_info  .login_info_s span {height:35px; line-height:35px;text-align:center; }

#main_wrap .sub_img_s .join_info {width:100%; height:60px; margin:0 auto;  text-align:center;  position:absolute; top:200px; left:0px;}
#main_wrap .sub_img_s .join_info_s  {width:60%; width:auto;height:60px; line-height:50px;  margin:0 auto; font-size:1.2em; font-family:Verdana, Geneva, sans-serif; letter-spacing:-.8px; text-align:center; }




#main_wrap .sub_ctn { clear:both; width:90%; height:auto; margin:0 auto; padding-bottom:100px; }
#main_wrap .sub_ctn .btn_copy { width:100%; height:35px; line-height:35px; margin:0 auto; text-align:center;cursor:pointer; display:block; margin:10px;}
#main_wrap .sub_ctn .btn_copy span{ font-weight:bold; font-size:13px; background-color:#6d9fc2; border:#5488ac 1px solid; color:#FFF; padding:10px 20px;}

#main_wrap .sub_ctn .btn_viewR { width:100px; height:35px; line-height:35px;  margin:0 auto; text-align:center;cursor:pointer; display:block; margin-right:20px; float:right}
#main_wrap .sub_ctn .btn_viewR span{ font-weight:bold; font-size:13px;color:#FFF;}


#main_wrap .sub_ctn .btn_viewL{ width:100px; height:35px; line-height:35px; margin:0 auto; text-align:center;cursor:pointer; display:block; margin-left:20px; float:left}
#main_wrap .sub_ctn .btn_viewL span{ font-weight:bold; font-size:13px;color:#FFF;}


.btn_colorB { background-color:#659f2f;  border:#497a1b 1px solid; }
.btn_colorS { background-color:#666666;  border:#666666 1px solid; }

/*인출신청 버튼*/
.btn_out { width:100px; height:35px; line-height:35px;  background-color:#6d9fc2; border:1px #4d85ac solid; margin:0 auto; text-align:center;cursor:pointer; display:block;  float:right}
.btn_out span{ font-weight:bold; font-size:13px;color:#FFF;}



.sub_ctn .list  {width:100%; height:auto; margin:0 auto; }
/*테이블 top_box*/
.ctn_tit_box {width:100%; height:auto; margin:0 auto;  text-align:center; background-color:#f1f1f1; border:#d9d9d9 1px solid;text-align:left;
 margin-bottom:10px; position:relative }

.ctn_tit_box .box_tb { width:50%;  background-color:#fff; border:#ccc 1px solid; margin:10px; }
.ctn_tit_box .box_tb td { height:20px; line-height:20px; vertical-align:middle; padding:3px; text-align:center; letter-spacing:.2px; }
.ctn_tit_box .search { width:450px;  position:absolute; top:30px; right:30px;}
.ctn_tit_box .search li { list-style:none; display:block; float:left; margin-left:10px;height:40px; line-height:40px; }
.ctn_tit_box .search li.btn_search { width:100px; text-align:center; font-weight:bold; font-size:13px; background-color:#333; border:#000 1px solid; margin-left:5px; height:30px; line-height:30px; color:#FFF; display:block; cursor:pointer}

/*서치*/
.ctn_tb_sh { clear:both;width:100%; height:30px; line-height:30px; vertical-align:middle;  margin:0 auto; text-align:left; position:relative; margin-top:30px; margin-bottom:5px; }
.ctn_tb_sh .search { height:30px; line-height:30px;  position:absolute; top:0px; right:0px;  }
.ctn_tb_sh .search li { list-style:none; float:left }
.ctn_tb_sh .search li.btn_search { width:80px;height:30px; line-height:30px;  vertical-align:middle; text-align:center; font-weight:bold; font-size:13px; background-color:#F33; border:#C03 1px solid; color:#FFF; display:inline-block; 
cursor:pointer}


/*탭메뉴*/ 
.tab_menu { clear:both; width:95%; margin:0 auto; position:relative;  margin-top:10px;  }
.tab_menu li{ width:150px; height:33px; float:left; line-height:33px;  vertical-align:middle;  background-color:#f9f9f9;list-style:none;text-align:center; display:inline-block ; cursor:pointer;color:#000; 
font-weight:bold;font-size:14px; border-top:2px #cccccc solid;border-left:2px #cccccc solid;border-right:2px #cccccc solid; margin-top:10px; }
.tab_menu  li:hover { background-color:#f4162b; color:#ffffff; border-top:2px #f4162b solid;border-left:2px #f4162b solid;border-right:2px #f4162b solid}
.tab_menu li.on { background-color:#f4162b; color:#ffffff;border-top:2px #f4162b solid;border-left:2px #f4162b solid;border-right:2px #f4162b solid}
.tab_menu  .tab_menu_line { clear:both;  width:100%;  height:2px; background-color:#f4162b; margin-bottom:10px;}


/*리스트 관련*/ 
.ctn_title {clear:both; width:100%;  height:40px; margin:0 auto; line-height:40px; text-align:left; margin-top:40px; border-bottom:#CCC 1px solid; font-size:2em; font-weight:bold; }
.ctn_title_no {clear:both; width:100%; height:30px; margin:0 auto; line-height:30px; text-align:left; margin-top:40px; }

.ctn_tb { clear:both; width:100%;  min-width:1700px; margin:0 auto;  text-align:center; border-top:#6ad0dd 3px solid;}
.ctn_tb td { height:28px; line-height:28px; vertical-align:middle; letter-spacing:.3px; padding:3px; font-size:12px; }
.ctn_tb th { height:35px; line-height:22px; vertical-align:middle; letter-spacing:.3px; padding:3px; font-size:13px; text-align:center; background-color:#333; color:#CCC;}
.bod_tit {width:600px;   text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.ctn_tb .over { background-color:#fff;cursor:pointer;}
.ctn_tb .over:hover { background-color:#f9f9f9;font-weight:bold;cursor:pointer;}

.ctn_tb .tot { background-color:#fff7f7; text-align:center; color:#e03232;}
.ctn_tb .tot td { border-top:#edb5b5 1px solid;border-bottom:#edb5b5 1px solid }
.ctn_tb .tot  .tot_sunL  { border-left:#edb5b5 1px solid;}
.ctn_tb .tot  .tot_sunR { border-right:#edb5b5 1px solid;}


/*세로형*/
.ctn_tb_col { width:95%; height:auto; margin:0 auto;text-align:center; position:relative; margin-top:20px; margin-bottom:40px;   }
.ctn_tb_col li { width:48%; list-style:none; float:left;margin-bottom:30px; }
.ctn_tbB { clear:both; width:95%; margin:0 auto;  text-align:center; border-top:#6ad0dd 3px solid; }
.ctn_tbB td { height:30px; line-height:30px; vertical-align:middle; padding:5px 5px 5px 10px;  word-break:break-all;font-size:13px;  }
.ctn_tbB td th {height:33px; line-height:33px; vertical-align:middle; letter-spacing:.3px; padding:3px; text-align:center; background-color:#333; color:#CCC; }
.board_tit { width:660px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.ctn_tbB .B_title { background-color:#333; color:#fff; font-weight:bold; padding-left:10px}
.ctn_tbB .title {color:#ffffff; background-color:#333; color:#fff; font-weight:bold; }

.ctn_tbB caption  {color:#ffffff; background-color:#333; color:#fff; font-weight:bold; }

.ctn_tbB .tit_left { background-color:#f6f6f6; color:#333; font-weight:bold; padding-left:5px;border-left:#ccc 1px solid;border-right:#ccc 1px solid; border-bottom:#ccc 1px solid  }
.ctn_tbB .tit_left2 { text-align:center; background-color:#f6f6f6; color:#333; font-weight:bold; padding-left:5px;border-left:#ccc 1px solid;border-right:#ccc 1px solid; border-bottom:#ccc 1px solid  }
.ctn_tbB .tit_msg { height:500px;text-align:left; line-height:20px; vertical-align:top; padding:10px; }


.ctn_tbB_adt { clear:both; width:95%; margin:0 auto;  text-align:center; border-top:#8e1818 3px solid; }
.ctn_tbB_adt .title_adt {color:#ffffff; background-color:#d02b2b; color:#fff; font-weight:bold; }
.ctn_tbB_adt td { height:30px; line-height:30px; vertical-align:middle; padding:5px 5px 5px 10px;  word-break:break-all }
.ctn_tbB_adt td th {height:33px; line-height:33px; vertical-align:middle; letter-spacing:.3px; padding:3px; text-align:center; background-color:#333; color:#CCC;}



/*가로형 _인트로배너 */
.ctn_tbC { clear:both; width:95%; margin:0 auto;  text-align:center; border-top:#6ad0dd 3px solid; border-left:#ccc 1px solid; border-right:#ccc 1px solid;}
.ctn_tbC td { height:33px; line-height:33px; vertical-align:middle; word-break:break-all; font-size:12px;}
.ctn_tbC td th {height:35px; line-height:35px; vertical-align:middle; letter-spacing:.3px; padding:3px;text-align:center; background-color:#333; color:#CCC;}
.ctn_tbC img{ margin:10px}

.ctn_tbC .title {background-color:#f6f6f6; color:#333; font-weight:bold; font-size:13px; padding-left:5px;border-right:#ccc 1px solid; border-bottom:#ccc 1px solid  }
.ctn_tbC .B_title { background-color:#333; color:#fff; font-weight:bold; font-size:13px; padding-left:10px}

/*테이블선*/
.sun_top {border-top:#666 1px solid;   }
.sun_rig {border-right:#666 1px solid;  }
.sun_bot {border-bottom:#666 1px solid;   }
.sun_left {border-left:#666 1px solid;  }

.sun_top2 {border-top:#ccc 1px solid }
.sun_rig2 {border-right: #ccc 1px solid }
.sun_bot2 {border-bottom:#ccc 1px solid }
.sun_left2 {border-left:#ccc 1px solid }
.sun_Rbot2 {border-right: #ccc 1px solid;border-bottom:#ccc 1px solid }

.sun_m4R {border-top:#ccc 1px solid; border-right: #ccc 1px solid;  text-align:right; padding-right:10px; }
.sun_m4C {border-top:#ccc 1px solid; border-right: #ccc 1px solid;text-align:center;  }
.sun_m4N{border-top:#ccc 1px solid; text-align:center;  }


/*인포박스*/
.ctn_info { clear:both; width:95%; height:auto; margin:0 auto;  text-align:center; border:#d9d9d9 2px solid; text-align:left; margin-top:30px; background-color:#fcfcfc }
.ctn_info li { list-style:none;width:95%; height:auto; margin:0 auto;text-align:left;  font-size:12px; letter-spacing:.3px; margin-top:10px; margin-bottom:10px; display:block}


/*약관박스*/
.ctn_join {width:95%; height:150px; margin:0 auto;text-align:center; background-color:#f9f9f9; border:#d9d9d9 1px solid; text-align:left; margin-top:30px;}
.ctn_join li {clear:both;  list-style:none; width:95%;height:30px; line-height:30px; vertical-align:middle;margin:0 auto; text-align:right; display:block; float:right; color:#333333; }

.btn_tot { clear:both; width:100%; height:150px; margin:0 auto; text-align:center; padding-top:30px; }
.btn_tot_s  { width:50%; list-style:none; float:left; }

.btn_tot_s .btn_join{ width:30%; height:45px; line-height:45px;  background-color:#8bc23f;  border:#6a9e23 1px solid;  margin:0 auto; text-align:center;cursor:pointer; display:block; float:right; margin-right:30px; }
.btn_tot_s .btn_join span{ font-weight:bold; font-size:1.2em;color:#FFF;letter-spacing:-.2px;}

.btn_tot_s .btn_close { width:30%; height:45px; line-height:45px;  background-color:#666666;  border:#5488ac 1px solid;  margin:0 auto; text-align:center;cursor:pointer; display:block; float:left; margin-right:30px; }
.btn_tot_s .btn_close span{ font-weight:bold;  font-size:1.2em;color:#FFF;letter-spacing:-.2px;}



/* 폼 .font_siver { color:#CCC}*/
.input_login  {width:98%; height:30px; line-height:30px; background:#fff; border:1px #000000 solid; vertical-align:middle;padding-left:3px;color:#000; font-size:15px;font-weight:bold;}
.input_search  { height:30px; line-height:30px; background:#fff; border:1px #666 solid; vertical-align:middle;padding-left:3px;color:#000; font-size:13px}
.input_txt  { height:25px; line-height:25px; background:#fff; border:1px #ccc solid; vertical-align:middle; color:#000; text-align:left; font-size:13px; font-weight:bold; padding-left:5px;}
.input_txtR { height:25px; line-height:25px; background:#fff; border:1px #F00 solid; vertical-align:middle; color:#F00; text-align:right; font-size:13px; font-weight:bold; padding-right:5px;}
.input_txtarea  {width:98%; margin:0 auto;  line-height:24px; background:#ffffff;  border:#ccc 0px solid; color:#FFFFFF; margin:10px;color:#666666}
.input_radio {width:20px; height:20px; line-height:20px; background:#fff;  vertical-align:middle; margin-left:15px;}
.input_check {width:20px; height:20px; vertical-align:middle; margin-bottom:5px;}
.input_intro  { height:35px; line-height:35px; background:#fff; border:1px #ccc solid; vertical-align:middle; color:#000; text-align:left; font-size:14px; padding-left:5px; float:left}

.input_intro_sh  { width:250px;  height:35px; line-height:35px; background:#fff; border:3px #F00 solid; vertical-align:middle; color:#000; text-align:left; font-size:14px; padding-left:5px;font-weight:bold; margin:5px 0px; float:left}
.btn_sh  { width:80px;  height:35px; line-height:30px; background:#F00; border:3px #F00 solid; vertical-align:middle; color:#fff; text-align:center; font-size:14px; font-weight:bold; margin:5px 0px; float:left}




/*### 페이지 공통###*/
.page_nom { clear:both; width:100%; height:40px; line-height:40px; margin-top:15px; vertical-align:middle;  text-align:center; font-size:13px; letter-spacing:-.2px;}
.page_nom span { padding:2px 5px; margin:0px 2px; background-color:#fff; border:#ccc 1px solid; text-align:center;color:#666; cursor:pointer}
.page_nom span:hover { padding:2px 5px; margin:0px 2px; background-color:#fff; border:#80a313 1px solid; text-align:center;color:#000;cursor:pointer}
.page_nom span.on { padding:2px 5px; margin:0px 2px; background-color:#80a313; border:#80a313 1px solid; text-align:center;color:#fff; font-weight:bold;cursor:pointer}


.company { width:100%; margin:0 auto;}
.company .use_txt { font-size:11px; color:#333333;}
.company .use_txt table td { width:100%; background-color:#999; height:20px; height:20px;}


/*### 정렬 ###*/
.alignC {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left;}
.chargok_ridio { width:16px; height:16px;line-height:16px; vertical-align:middle;} 
.img_martop10 { margin-top:10px;}


/*### 폰트 ###*/
.font_through { text-decoration:line-through;}
.bold {font-weight:bold;}
.font8 {font-size:8px;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}


.fontSpacing {letter-spacing:-1px;}

.fontWhite { color:#ffffff;}
.fontRed { color:#e21317;}
.fontRedr { color:#ff0000;}
.fontBlue{ color:#0e61ae;}
.fontBlueR{ color:#2e7de4;}
.fontBlack{ color:#000;}
.fontGreen{ color:#378b33;}
.fontOrange{ color:#F30;}
.fontGray { color:#757575}
.fontlemon { color:#fffc00}





/*### 여백 ###*/
.mar_left3 { margin-left:3px}
.mar_left5 { margin-left:5px}
.mar_left10 { margin-left:10px}

.mar_top5 { margin-top:5px}
.mar_top10{ margin-top:10px}
.mar_top20{ margin-top:20px}
.mar_top30{ margin-top:30px}
.mar_top40{ margin-top:40px}

.mar_rig3 { margin-right:3px}
.mar_rig5 { margin-right:5px}
.mar_rig10 { margin-right:10px}
.mar_rig20 { margin-right:20px}
.mar_rig30 { margin-right:30px}

.pad_top5 { padding-top:5px}
.pad_top10 { padding-top:10px}
.pad_right5 { padding-right:5px}
.pad_right10 { padding-right:10px}
.pad_right20 { padding-right:20px}

.pad_left5 {padding-left:5px}