@charset "utf-8";

/* 나눔체 웹 폰트 */
/*
@font-face{
    font-family:NanumGothic;
    font-style: normal;
	font-weight:normal;
    src:url(http://odomi.co.kr/font/NanumGothic.eot);
    src:local('※'), url(http://odomi.co.kr/font/NanumGothic.woff) format('woff');
}
@font-face{
    font-family:NanumGothic;
    font-style: normal;
	font-weight:bold;
    src:url(http://odomi.co.kr/font/NanumGothicBold.eot);
    src:local('※'), url(http://odomi.co.kr/font/NanumGothicBold.woff) format('woff');
}
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {font-family:"Nanum Gothic","tahoma","gulim","dotum";}


.clear {clear:both}
.left {float:left;}
.right {float:right;}
.border: {border:1px solid red;}
.bold {font-weight:bold;}
.blue {color:#0974f7;}
.red {color:#ce0108;}
.black {color:#000;}
.line {height:1px; margin:15px 0 15px 0; border-bottom:1px solid #eee; font-size:1px; line-height:0;}
.line_s {height:1px; margin:0 0 5px 0; border-bottom:1px solid #eee; font-size:1px; line-height:0;}
.select {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em;height:24px;}
.input {height:24px;border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tcenter {text-align:center;}
.mcenter {margin:0 auto;}
.bar {color:#ccc;}
.small_font {font-size:11px; font-family:"Nanum Gothic,dotum"}

/* 버튼 */
.btn_close {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none; cursor:pointer;}
.btn_add {display:inline-block;margin:0;padding:7px;border:1px solid #890e07;background:#e8180c;color:#fff;text-decoration:none; cursor:pointer;}

/* 목록 홀짝 배경색 */
.bg0 {background:#fff}
.bg1 {background:#f2f5f9}

/*captcha vertical fix*/
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top;}


img {vertical-align:baseline;}

/* main */
#main_wrapper {width:761px; margin:0 auto;}


/* Top */
#top_wrapper {width:635px; min-height:50px; margin:10px auto; padding:0; text-align:center;}
#top_wrapper span {color:#3366CC;}
#top_wrapper .top_title {font-size:20px;margin:5px 10px 0 0;font-weight:bold;text-align:center}
#top_wrapper .top_title a {text-decoration:none;}

#top_title_middle {margin:0 auto;text-align:center;display:inline-block;padding-bottom:5px;}
/*#top_title_middle .top_menu_box {display:inline-block;margin:0 10px 0 10px;padding:0 20px 0 20px;height:30px; line-height:30px; text-align:center; background:#bd0801; border:1px solid #7c0101; cursor:pointer; color:#fff; font-weight:bold; font-size:12px;text-decoration:none;border-radius:5px 5px 0 0;}
#top_title_middle .top_menu_box:hover { background:#000; cursor:pointer;}*/
#top_title_middle .top_menu_box {display:inline-block;margin:0 10px 0 10px;padding:0 10px 0 10px;height:30px; line-height:30px; text-align:center; background:#fff; border:1px solid #fff; cursor:pointer; color:#444; font-weight:bold; font-size:14px;text-decoration:none;border-radius:5px 5px 0 0;}
#top_title_middle .top_menu_box:hover { background:#fff; cursor:pointer;}


/*#top_menu_box_cafe {display:inline-block;margin:0 10px 0 10px;padding:0 20px 0 20px;height:30px; line-height:30px; text-align:center; background:#bd0801; border:1px solid #7c0101; cursor:pointer; color:#fff; font-weight:bold; font-size:12px;text-decoration:none;border-radius:5px 5px 0 0;}*/
#top_menu_box_cafe {display:inline-block;margin:0 10px 0 10px;padding:0 10px 0 10px;height:30px; line-height:30px; text-align:center; background:#fff; border:1px solid #fff; cursor:pointer; color:#444; font-weight:bold; font-size:14px;text-decoration:none;border-radius:5px 5px 0 0;}
#top_menu_box_cafe_sub {position:absolute; display:none; background:#000; margin:0 10px 0 10px; border:1px solid #000; width:100px; padding:0 20px 0 20px; z-index:100;}
#top_menu_box_cafe_sub li {min-height:32px; font-size:14px; list-style:none;line-height:32px;}
#top_menu_box_cafe_sub li a {color:#fff;}

.title_bottom {clear:both;margin:15px 0 15px 0;font-size:22px;font-weight:bold;text-align:center;}

/* Index */
#fm_request_on a {display:inline-block;margin:12px 3px 0 3px;padding:0 15px 0 15px;height:20px; line-height:20px; text-align:center; background:#3366ff; border:0; cursor:pointer; color:#fff; font-weight:bold; font-size:12px;text-decoration:none;border-radius:5px;}
#fm_request_on a:hover { background:#bd0801; cursor:pointer;}


/* 소개 */
#intro_wrapper {width:635px; min-height:500px; margin:10px auto 30px auto; padding:0;border:1px solid #eee;background:#f8f8f8;border:1px solid #a2a2a2;}
#intro_wrapper .intro_content_top {margin:10px; text-align:center;font-size:16px;font-weight:bold;}
#intro_wrapper .intro_content {margin:20px;font-size:13px;line-height:180%;word-break:break-all;}
#intro_wrapper .intro_content_bottom {margin:10px; text-align:center;font-size:13px;font-weight:bold;letter-spacing:-1px;}

/* 윤리강령 */
#ethics_wrapper {width:635px; min-height:500px; margin:10px auto 30px auto; padding:0;border:1px solid #eee;background:#f8f8f8;border:1px solid #a2a2a2;}
#ethics_wrapper .ethics_content_top {margin:10px; text-align:center;font-size:16px;font-weight:bold;}
#ethics_wrapper .ethics_content {margin:20px;font-size:13px;line-height:180%;word-break:break-all;}
#ethics_wrapper .ethics_content center {font-size:14px;}

.ready {position:absolute;width:635px;height:450px;margin:250px 0 0 0;text-align:center;font-weight:bold;font-size:50px;}

/* 전체 검색 */

#fsearch_wrapper {width:635px; height:500px;padding-top:20px;text-align:center;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);}
#fsearch_wrapper .fsearch_top {margin:120px 0 30px 0;font-size:18px;font-weight:bold;}
#fsearch_wrapper .fsearch_middle {margin:0 0 30px 0;font-size:34px;font-weight:bold;}
#fsearch_wrapper .fsearch_middle .fsearch_middle_bottom {font-size:20px;}
#fsearch_wrapper #odm_hd_sch {padding:0;}
#fsearch_wrapper #odm_hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#fsearch_wrapper #odm_hd_sch #odm_sch_stx {border:1px solid #cb0000;width:260px;height:40px;background:#fff;line-height:1.9em !important;line-height:1.6em;font-size:14px;}
#fsearch_wrapper #odm_hd_sch #odm_sch_submit {width:60px;height:42px;border:0;background:#cb0000;color:#fff;cursor:pointer;font-size:24px;font-weight:bold;}
#sub_box_wrapper {margin-top:50px;}
#sub_box_wrapper .sub_box {display:inline-block;margin:0 3px 0 3px;padding:0 25px 0 25px;height:30px; line-height:30px; text-align:center; background:#0974f7; border:1px solid #054087; cursor:pointer; color:#fff; font-weight:bold; font-size:14px;text-decoration:none;border-radius:5px;}
#sub_box_wrapper .sub_box:hover { background:#000; cursor:pointer;}

#fcube_wrapper {width:635px; height:500px;padding-top:20px;text-align:center;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);}
#fcube_wrapper .fcube_top {margin:50px 0 30px 0;font-size:18px;font-weight:bold;}
#fcube_wrapper .fcube_middle {margin:0 0 30px 0;font-size:34px;font-weight:bold;}
#fcube_wrapper .fcube_middle .fcube_middle_bottom {font-size:20px;}


/* 상단 검색 */
#tsearch_wrapper {padding:10px 0 10px 0;}
#tsearch_wrapper #odm_hd_sch {padding:0;}
#tsearch_wrapper #odm_hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#tsearch_wrapper #odm_hd_sch #odm_sch_stx {border:1px solid #cb0000;width:568px;height:30px;background:#fff;line-height:1.9em !important;line-height:1.6em;font-size:14px;font-weight:bold;}
#tsearch_wrapper #odm_hd_sch #odm_sch_submit {width:60px;height:32px;border:0;background:#cb0000;color:#fff;cursor:pointer;font-size:24px;font-weight:bold;}

/* cafe */
#cafe_table img {vertical-align:baseline;}
#fm_request_cafe_on a {display:inline-block;margin:15px 3px 0 3px;padding:0 15px 0 15px;height:25px; line-height:25px; text-align:center; background:#3366ff; border:0; cursor:pointer; color:#fff; font-weight:bold; font-size:14px;text-decoration:none;border-radius:5px;}
#fm_request_cafe_on a:hover { background:#bd0801; cursor:pointer;}

/* 하단 레이아웃 */
#ft {clear:both;padding:0;min-width:635px;border-top:1px solid #e9e9e9;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft div {position:relative;margin:0 auto;padding:0 0 0 160px;width:460px;}
#ft_logo {position:absolute;top:20px;left:0;}
#ft ul {margin:0 0 15px;padding:20px 0 0;zoom:1;}
#ft ul:after {display:block;visibility:hidden;clear:both;content:""}
#ft li {float:left;margin:0 20px 0 0}
#ft a {text-decoration:none}
#ft p {margin:0;padding:10px 0;line-height:1.8em;}
#ft span {display:inline-block;margin:0 15px 0 0}
#ft b {display:inline-block;margin:0 5px 0 0}
#ft_totop {position:absolute;top:20px;right:0}

#copytable {color:#666; line-height:200%; background-color:#fdfdfd;}
#copytable a {color:#666;}

#bottom_category_cafe_sub {display:none; position:absolute; margin:-5px 0 0 0; padding:10px; background:#000; text-align:center;}
#bottom_category_cafe_sub a {color:#fff; font-weight:bold;}
.copyright {text-align:center; padding:20px; 0 10px 0; font-size:11px; color:#666;}

/* 신규추가 수정부분 */
/*#navi #navi ul #navi ul li #navi ul li ul { magin:0; padding:0; }                             /* 스타일 초기화 작업 */
/*#navi { padding-bottom:3px; }                                                                 /* 메뉴외곽에 추가한 navi 아이디에 배경을 적용하고 틀을 고정 */
/*#navi:before,
#navi:after,
#navi > ul:before,
#navi > ul:after { display:block; clear:both; }
#navi ul { list-style:none; }                                         				          /* 목록 ul태그에 배경을 주고 목록앞 볼릿을 제거 */
/*#navi ul li { float:left; position:relative; }                             /* 메뉴항목을 세로로 정렬되는 것을 float을 이용하여 가로로 정렬시킴 */
/*#navi ul li a { padding:10px 10px; display:block; text-decoration:none; line-height:5px; }    /* 메뉴텍스트에 대한 효과를 적용 */
/*#navi > ul > li:hover  { background: #85827E; }                                               /*메인메뉴에 마우스를 올렸을 때 배경색을 지정 */
/*#navi > ul > li.active > a, #navi > ul > li > a:active { background: #BFBAB5; color:#333; }   /* 메뉴가 선택되었을 때의 효과를 적용 */
/*#navi > ul ul { opacity:0; visibility:hidden; position:absolute; background:#333; }           /* 부메뉴에 대한 효과를 적용합니다. 메인메뉴 선택전에는 부메뉴를 숨깁 */
/*#navi > ul li:hover ul { opacity:1; visibility:visible; left:0; }                             /* 메인 메뉴에 마우스가 올라갔을 때 부메뉴를 노출 */
/*#navi > ul ul li { list-style:none; }                                                         /* 부메뉴 목록의 볼릿을 제거 */
/*#navi > ul ul li a { text-align:center; padding:15px 10px; color:white; font-size:12px; text-decoration:none; width:100px; border-left:solid transparent; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }         /* 부메뉴 텍스트에 효과를 지정 */
/*#navi > ul ul li a:hover {solid:#d64e34; background:#85827E;}               /* 부메뉴에 마우스가 올라갔을 때의 효과를 지정 */

/* 정보커뮤니티 */
/*#bottom_category_cafe {display:inline-block;  height:30px; line-height:30px; text-align:center; border:1px solid #fff ; cursor:pointer; text-decoration:none; border-radius:5px 5px 0 0;}

/* ~FM 신청하기 */
/*#bottom_request {display:inline-block;  height:30px; line-height:30px; text-align:center; border:1px solid #fff; cursor:pointer; text-decoration:none; border-radius:5px 5px 0 0;}
/*#bottom_request_sub {display:none; list-style:none; width:80px; position:absolute; margin:-5px 0 0 0; padding:10px; background:#000; text-align:center;}
/*#bottom_request_sub a {color:#fff; font-weight:bold;}

/* tail */
/*#tail_wrapper {width:635px; min-height:50px; margin:10px auto; padding:0; text-align:center;}
#tail_wrapper span {color:#3366CC;}
#tail_wrapper .tail_title {font-size:20px;margin:5px 10px 0 0;font-weight:bold;text-align:center}
#tail_wrapper .tail_title a {text-decoration:none;}*/

/*#tail_title_middle {margin:0 auto;text-align:center;display:inline-block;padding-bottom:5px;}
#tail_title_middle .tail_menu_box {display:inline-block;margin:0 10px 0 10px;padding:0 10px 0 10px;height:30px; line-height:30px; text-align:center; background:#fff; border:1px solid #fff; cursor:pointer; color:#444; text-decoration:none;border-radius:5px 5px 0 0;}
#tail_title_middle .tail_menu_box:hover { background:#fff; cursor:pointer;}
#tail_bar {display:inline-block;margin:0 10px 0 10px;padding:0 10px 0 10px; text-align:center; background:#fff; border:1px solid #fff; color:#444; text-decoration:none;border-radius:5px 5px 0 0;}*/