@charset "utf-8";

#warp {position:relative; height:100%;}

/* 공통 */
h1 {
	font-size:11px; font-weight:bold;
	font-family: "나눔 고딕",Nanum Gothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;
}
h2 {
	font-size:12px; font-weight:bold;
	font-family: "나눔 고딕",Nanum Gothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;
}
h3 {
	font-size:18px; font-weight:bold;
	font-family: "나눔 고딕",Nanum Gothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;
}
h4 {
	font-size:24px; font-weight:bold;
	font-family: "나눔 고딕",Nanum Gothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;
}
h5 {
	font-size:30px; font-weight:bold;
	font-family: "나눔 고딕",Nanum Gothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;
}

/* 여백 */
.h_pad2 {clear:both; height:2px;}
.h_pad5 {clear:both; height:5px;}
.h_pad10 {clear:both; height:10px;}
.h_pad15 {clear:both; height:15px;}
.h_pad20 {clear:both; height:20px;}
.h_pad30 {clear:both; height:30px;}
.h_pad40 {clear:both; height:40px;}
.h_pad50 {clear:both; height:50px;}
.h_pad60 {clear:both; height:60px;}
.h_pad70 {clear:both; height:70px;}
.h_pad80 {clear:both; height:80px;}
.h_pad90 {clear:both; height:90px;}
.h_pad100 {clear:both; height:100px;}
.h_pad120 {clear:both; height:120px;}

/*Font Color*/
.t_color_orange{color:#ff6600;}
.t_color_bule{color:#0eaded;}
.f_color_gray01{color:#bbb;}
.tc_g333{color:#333;}
.tc_g666{color:#666;}
.tc_g999{color:#999;}

.ColorWhite{color:#fff;}
.ColorViolet{color:#70a9f7;}
.ColorMint{color:#33cccc;}
.ColorYellow{color:#ffcc00;}
.ColorOrange{color:#ff6600;}
.ColorRed{color:#ff0000;}
.ColorBlue{color:#0099cc;}
.ColorGray{color:#666666;}
.ColorGray999{color:#999;}

/*Font Size*/
.fSize12{font-size:12px;}
.fSize14{font-size:14px;}
.fSize16{font-size:16px;}
.fSize18{font-size:18px;}
.fSize20{font-size:20px;}
.fSize24{font-size:24px;}
.fSize36{font-size:36px;}

/* Title */
h1 {display:inline-block; font-size:12px; font-weight:bold; line-height:12px; }
h2 {display:inline-block; font-size:14px; font-weight:bold; line-height:14px;}
h3 {display:inline-block; font-size:16px; font-weight:bold; line-height:16px;}
h4 {display:inline-block; font-size:18px; font-weight:bold; line-height:18px;}
h5 {display:inline-block; font-size:20px; font-weight:bold; line-height:20px;}
h6 {display:inline-block; font-size:24px; font-weight:bold; line-height:24px; letter-spacing:-0.06em;}
h7 {display:inline-block; font-size:32px; font-weight:bold; line-height:32px; letter-spacing:-0.06em;}

h6.stitle {position:relative; display:block; margin-bottom:15px;}
h6.stitle span {position:absolute; display:inline-block; bottom:-10px; right:0; font-size:13px; color:#999; letter-spacing:-0.0em;}

/*line-height*/
.Lh100{line-height:100%}
.Lh120{line-height:120%}
.Lh140{line-height:140%}
.Lh160{line-height:160%}
.Lh180{line-height:180%}
.Lh200{line-height:200%}
.Lh250{line-height:250%}
.Lh300{line-height:300%}

/*Text Align*/
.Ta_c{text-align:center;}
.Ta_l{text-align:left;}
.Ta_r{text-align:right;}

/*Text bold*/
.Fw_b {font-weight:bold;}

/*border*/
.Border1{border:1px solid #e1e1e1;}

/*Select box*/
.Select1{border:none; font-size:16px; color:#666;}

/*1px line*/
.g_line{width:auto; border-bottom:1px solid #e1e1e1;}

/*input style*/
.InputStyle00 {font-size:12px; color:#666; width:100%; height:23px; line-height:140%; padding-left:5px; border:1px solid #e8e8e8; background-color:#fcfcfc;}
.InputStyle01 {font-size:12px; color:#666; width:80%; height:20px; line-height:140%; padding-left:5px; border:1px solid #e8e8e8; background-color:#fcfcfc;}
.InputStyle02 {margin-left:25px; font-size:12px; color:#666; width:80%; height:20px; line-height:140%; padding-left:5px; border:1px solid #e8e8e8; background-color:#fcfcfc;}
.InputStyle03 {font-size:12px; color:#666; width:100%; height:20px; line-height:140%; padding-left:5px; border:1px solid #e8e8e8; background-color:#fcfcfc;}

.InputStyle10 {width:220px; border:none; font-size:14px; color:#888; line-height:16px; margin:8px 0 0 10px;}

/*margin top & bottom*/
.Margin_Tb2 {margin:2px 0;}


.mgb10 {margin-bottom:10px!important}
.mgb20 {margin-bottom:20px!important}
.mgb30 {margin-bottom:30px!important}
.mgb40 {margin-bottom:40px!important}
.mgb50 {margin-bottom:50px!important}
.mgb60 {margin-bottom:60px!important}
.mgb70 {margin-bottom:70px!important}
.mgb80 {margin-bottom:80px!important}
.mgb90 {margin-bottom:90px!important}
.mgb100 {margin-bottom:100px!important}

.clear_wrap:before,.clear_wrap:after {content:" ";display:table}
.clear_wrap:after {clear:both}
.clear_wrap {*zoom:1}
.clear_line {clear:both}
.clb {clear:both}

.align_c {text-align:center;}
.align_r {text-align:right;}
.align_l {text-align:left;}

hr, .hr {border-bottom:1px solid #ddd;}

/* 아이콘 공통 */
.ico_hd {
	display:inline-block; font-weight:bold; font-size:10px; border:1px solid #ccc; border-radius:10px; margin:0 1px; padding:2px 5px;
}
.ico_15yold {
	display:inline-block; color:#fff; font-weight:bold; font-size:10px; line-height:12px; border-radius:10px; margin:0 1px; padding:2px; background-color:#F60;
}


/* 그라데이션 */
.gra1 {
background: #F0F9FF; /* Old browsers */
background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff 0%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(top, #fff 0%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}

.gra2 {
background: #F0F9FF; /* Old browsers */
background: -moz-linear-gradient(top, #3d414b 0%, #292d36 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d414b), color-stop(100%,#292d36)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3d414b 0%,#292d36 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3d414b 0%,#292d36 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3d414b 0%,#292d36 100%); /* IE10+ */
background: linear-gradient(top, #3d414b 0%,#292d36 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d414b', endColorstr='#292d36',GradientType=0 ); /* IE6-9 */
}

/*//////////////////////Button Style(공통)////////////////////////////*/
/*자세히보기*/
.btn_detail_view {position:absolute; bottom:20px; left:20px; }
.btn_detail_view a {display:inline-block; color:#666; font-size:12px; padding:0 8px; border:1px solid #ccc; text-align:center; }
.btn_detail_view a:hover {color:#333; background-color:#ededed; }
.btn_detail_view i {margin-left:5px;}

/*사이즈:작은, 칼라:White , 테두리:gray */
a.btn_small_white {display:inline-block; height:24px; line-height:24px; color:#666; font-size:12px; font-weight:bold; padding:0 10px; margin-left:10px; vertical-align:middle; border:1px solid #ccc; border-radius:2px;}
a.btn_small_white i {margin-left:10px;}
a.btn_small_white:hover {color:#333; background-color:#f5f5f5; border:1px solid #aaa;}

/*사이즈:중간, 칼라:White , 테두리:gray */
a.btn_middle_white {display:inline-block; height:30px; line-height:30px; color:#666; font-size:14px; font-weight:bold; padding:0 10px; margin-right:10px; vertical-align:middle; border:1px solid #ccc; border-radius:2px;}
a.btn_middle_white i {margin-left:10px;}
a.btn_middle_white:hover {color:#333; background-color:#f5f5f5; border:1px solid #aaa;}

/*사이즈:큰, 칼라:White */
a.btn_big_white {display:inline-block; height:52px; line-height:52px; color:#666; font-size:16px; font-weight:bold; padding:0 30px; margin-left:20px; vertical-align:middle; border-radius:2px; border:1px solid #ccc;}
a.btn_big_white i {margin-left:20px;}
a.btn_big_white:hover {color:#333; background-color:#f5f5f5; border:1px solid #aaa;}

/*사이즈:큰, 칼라:blue */
a.btn_big_blue {display:inline-block; height:52px; line-height:52px; color:#fff; font-size:16px; font-weight:bold; padding:0 30px; margin-left:20px; background-color:#00cccc; vertical-align:middle; border-radius:2px;}
a.btn_big_blue i {margin-left:20px;}
a.btn_big_blue:hover {color:#fff; background-color:#009999;}

/*사이즈:중간, 칼라:blue */
a.btn_middle_blue {display:inline-block; height:38px; line-height:38px; color:#fff; font-size:14px; padding:0 20px; margin-left:10px; background-color:#00cccc; vertical-align:middle; border-radius:2px;}
a.btn_middle_blue i {margin-left:10px;}
a.btn_middle_blue:hover {color:#fff; background-color:#009999;}

/*사이즈:중간, 칼라:blue , 달력 */
a.btn_middle_blue_calendar {display:inline-block; height:32px; line-height:32px; color:#fff; font-size:12px; padding:6px 12px 0 ; margin-left:20px; background-color:#00cccc; vertical-align:middle; border-radius:2px;}
a.btn_middle_blue_calendar:hover {color:#fff; background-color:#009999;}

/*사이즈:작은, 칼라: blue, 테두리: blue */
a.btn_small_blue {display:inline-block; height:24px; line-height:24px; color:#00cccc; font-size:12px; font-weight:bold; padding:0 10px; margin-left:10px; vertical-align:middle; border:1px solid #00cccc; border-radius:2px;}
a.btn_small_blue i {margin-left:10px;}
a.btn_small_blue:hover {color:#00cccc; background-color:#e1fefe; border:1px solid #00cccc;}

/*사이즈:작은, 칼라: red, 테두리: red */
a.btn_small_red {display:inline-block; height:24px; line-height:24px; color:#ff0033; font-size:12px; font-weight:bold; padding:0 10px; margin-left:10px; vertical-align:middle; border:1px solid #ff0033; border-radius:2px;}
a.btn_small_red i {margin-left:10px;}
a.btn_small_red:hover {color:#ff0033; background-color:#fee6eb; border:1px solid #ff0033;}

/*사이즈:중간, 칼라:orange */
a.btn_middle_orange {display:inline-block; height:38px; line-height:38px; color:#fff; font-size:14px; padding:0 20px; margin-left:10px; background-color:#ff6600; vertical-align:middle; border-radius:2px;}
a.btn_middle_orange i {margin-left:10px;}
a.btn_middle_orange:hover {color:#fff; background-color:#cc6600;}

/*사이즈:큰, 칼라:darkgray */
a.btn_big_darkgray {display:inline-block; height:52px; line-height:52px; color:#fff; font-size:16px; font-weight:bold; padding:0 30px; margin-left:20px; background-color:#999; vertical-align:middle; border-radius:2px;}
a.btn_big_darkgray i {margin-left:20px;}
a.btn_big_darkgray:hover {color:#fff; background-color:#666;}

/*사이즈:중간, 칼라:darkgray , 검색*/
a.btn_middle_darkgray {display:inline-block; height:38px; line-height:38px; color:#fff; font-size:14px; letter-spacing:-0.02em; padding:0 20px; margin-left:10px; background-color:#999; vertical-align:middle; border-radius:2px;}
a.btn_middle_darkgray i {margin-left:10px;}
a.btn_middle_darkgray:hover {color:#fff; background-color:#666;}

/*사이즈:작은, 칼라:darkgray */
a.btn_small_darkgray {display:inline-block; height:28px; line-height:28px; color:#fff; font-size:12px; padding:0 20px; margin-left:20px; background-color:#999; text-align:center; vertical-align:middle; border-radius:2px;}
a.btn_small_darkgray i {margin-left:10px;}
a.btn_small_darkgray:hover {color:#fff; background-color:#666;}

/*사이즈:아주작은, 칼라:black */
a.btn_vsmall_black {display:inline-block; height:30px; line-height:30px; color:#fff; font-size:14px; padding:0 10px; margin-left:10px; background-color:#333; vertical-align:middle; border-radius:2px;}
a.btn_vsmall_black i {margin-left:10px;}
a.btn_vsmall_black:hover {color:#fff; background-color:#000;}


/* 매우 작은것 > 흰색 > 버튼(팝업_달력) */
a.btn_vsm_white {display:inline-block;  margin:0 5px; padding:3px; border:1px solid #ccc; border-radius:3px; background-color:#fff;}
a.btn_vsm_white:hover {color:#666; background-color:#e5e5e5;}


/*라운딩박스, 사이즈:작은, 칼라:darkgray */
a.btn_r_small_gray {display:inline-block; height:34px; line-height:34px; color:#fff; font-size:13px; padding:0 15px; margin-left:5px; background-color:#999; text-align:center; vertical-align:middle; border-radius:3px;}
a.btn_r_small_gray i {margin-right:5px;}
a.btn_r_small_gray:hover {color:#fff; background-color:#666;}

/*라운딩박스, 사이즈:중간, 칼라:blue */
a.btn_r_middle_blue {display:inline-block; height:34px; line-height:34px; color:#fff; font-size:13px; padding:0 15px; margin-left:5px; background-color:#209dcb; vertical-align:middle; border-radius:3px;}
a.btn_r_middle_blue i {margin-right:5px;}
a.btn_r_middle_blue:hover {color:#fff; background-color:#0c81ac;}

/*라운딩박스, 사이즈:중간, 칼라:orange */
a.btn_r_middle_orange {display:inline-block; height:34px; line-height:34px; color:#fff; font-size:13px; padding:0 15px; margin-left:5px; background-color:#ff6600; vertical-align:middle; border-radius:3px;}
a.btn_r_middle_orange i {margin-right:5px;}
a.btn_r_middle_orange:hover {color:#fff; background-color:#cc6600;}

/* 페이지 하단 버튼 영역 */
.page_bottom_btn_area {width:100%; text-align:center;}
.page_bottom_btn_area a:first-child {margin-left:0;}


/*더보기(more)*/
.btn_more {position:absolute; top:20px; right:20px; display:block; width:18px; height:16px; background:url(/imgs/btn/btn_more.png) no-repeat 0 0; text-indent:-9999em;}




/* 로그인-오랜지색 */
.oragneBtn a{display:block; color:#fff; font-size:14px; font-weight:bold; line-height:36px; text-align:center; background-color:#ff6600; cursor:pointer; border:1px solid #772901; border-radius:5px; box-shadow:1px 1px 0.5px #462210; overflow:hidden }
.oragneBtn a:hover{background-color:#cc3300;}




/* 본문 stitle */
h4.page_st1 {font-size:15px; margin:10px 0; padding-left:13px; background:url(/imgs/common/bullet_01.jpg) no-repeat 0 50%;}
h4.page_st2 {font-size:13px; margin:5px 0;}
h4.pop_t1 {font-size:18px; maring-bottom:10px;}
h4.pop_t2 {font-size:15px; margin:10px 0; padding-left:13px; background:url(/imgs/common/bullet_01.jpg) no-repeat 0 50%;}



/*//////////////////////Tab Style(공통)////////////////////////////*/
/* 텝메뉴 3개 짜리 */
ul.tab_area_m3 {float:left; width:100%; background-color:#f5f5f5;}
ul.tab_area_m3 li {float:left; width:33.2%; border-right:1px solid #e5e5e5;}

ul.tab_area_m3 li:last-child {border-right:none;}
ul.tab_area_m3 li a {display:inline-block; width:100%; height:40px;font-size:16px; font-weight:bold; line-height:40px; text-align:center; background-color:#f5f5f5;}
ul.tab_area_m3 li a.on {color:#fff; background-color:#00cccc;}
ul.tab_area_m3 li a:hover {color:#fff; background-color:#00cccc;}

/* 텝메뉴, Sub menu */
div.tab_area_sub {position:relative; float:left; width:1000px; height:40px; border-bottom:1px solid #ccc; text-align:center;}
div.tab_area_sub ul {position:absolute; top:0; left:50%; margin-left:-200px; float:left; width:400px;}
div.tab_area_sub li {float:left; width:198px; height:36px; margin-right:2px;}

div.tab_area_sub li:last-child {border-right:none;}
div.tab_area_sub li a {display:inline-block; width:100%; height:32px; font-size:16px; font-weight:bold; line-height:32px; text-align:center; margin:4px 0; border-radius:3px;}
div.tab_area_sub li a.on {color:#fff; background-color:#666;}
div.tab_area_sub li a:hover {color:#fff; background-color:#666;}

/* 텝메뉴, Sub menu2 */
div.tab_area_sub_02 {position:relative; float:left; width:1000px; height:40px; border-bottom:1px solid #ccc; text-align:center;}
div.tab_area_sub_02 ul {position:absolute; top:0; right:0;  float:left; width:300px;}
div.tab_area_sub_02 li {float:left; width:120px; height:36px; margin-right:2px;}

div.tab_area_sub_02 li:last-child {border-right:none;}
div.tab_area_sub_02 li a {display:inline-block; width:100%; height:32px; font-size:16px; font-weight:bold; line-height:32px; text-align:center; margin:4px 0; border-radius:3px;}
div.tab_area_sub_02 li a.on {color:#fff; background-color:#666;}
div.tab_area_sub_02 li a:hover {color:#fff; background-color:#666;}



/* 텝메뉴 4개 짜리 */
ul.tab_area_m4 {float:left; width:100%; background-color:#f5f5f5;}
ul.tab_area_m4 li {float:left; width:24.9%; border-right:1px solid #e5e5e5;}

ul.tab_area_m4 li:last-child {border-right:none;}
ul.tab_area_m4 li a {display:inline-block; width:100%; height:40px;font-size:16px; font-weight:bold; line-height:40px; text-align:center; background-color:#f5f5f5;}
ul.tab_area_m4 li a.on {color:#fff; background-color:#00cccc;}
ul.tab_area_m4 li a:hover {color:#fff; background-color:#00cccc;}



/*//////////////////////popup Style(공통)////////////////////////////*/

.popup_wrap {border:2px solid #222; }
.popup_wrap ul.popup_t_close {float:left; width:92%; margin:1% 4% 4% 4%; border-bottom:1px solid #666; background-color:#fff;}
.popup_wrap ul.popup_t_close li {float:left; height:40px; line-height:40px; }
.popup_wrap ul.popup_t_close li a {display:inline-block;}
.popup_wrap ul.popup_t_close li a i {height:40px; line-height:40px; vertical-align:middle;}
.popup_wrap ul.popup_t_close li:first-child {color:#333; font-size:18px; font-weight:bold;}
.popup_wrap ul.popup_t_close li:last-child {float:right;}
	.popup_area {width:92%; margin:0 4% 5% 4%; text-align:center;}
	.popup_area p a:first-child {margin-left:0;}
	.popup_area ul {float:left;}
	.popup_area ul li {float:left; line-height:30px;}
	.popup_area ul li:first-child {font-weight:bold; margin-right:10px;}

.pop_type_area {width:50%; padding:0 25%;}

.layout_list_choose_area {width:100%;}
.layout_list_choose_area ul {float:left; width:100%; padding:20px 0 10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.layout_list_choose_area ul li {float:left; width:25%; margin:0 4%;}
.layout_list_choose_area ul li p {text-align:left;}


	
/* 팝업 서브 타이틀 */
.pop_s_t {width:100%; color:#333; font-size:24px; font-weight:bold; letter-spacing:-0.05em;}
.pop_s_t ul {float:left; width:100%;}
.pop_s_t ul li.pst_left {float:left; line-height:38px; font-size:16px; }
.pop_s_t ul li.pst_right {float:right; color:#f60; font-size:11px; line-height:38px; letter-spacing:-0.03em;}
.pop_s_t ul li.pst_right span{display:inline-block; padding-top:10px;}
.pop_s_t ul li.pst_right span a {display:inline-block; line-height:26px;}
.pop_s_t ul li.pst_right span a i {color:#999;}
.pop_s_t ul li.pst_right a {line-height:38px; }
.pop_s_t ul li.pst_right a i {color:#ff6600;}
.pop_s_t ul li.pst_right i {margin-right:5px;}
.pop_s_t ul li.pst_right_today {float:right; font-size:14px; line-height:38px;}
.pop_s_t ul li.pst_right_today i {margin-right:5px; }

.pop_box_1p {widht:92%; border:1px solid #ccc; padding:4%; }
.pop_box_1p ul li {margin-top:10px;}
.pop_box_1p ul li.pb1p_second {border-top:1px solid #ccc; padding-top:20px;}
.pop_box_1p ul li input {margin:0 10px;}
.pop_box_1p ul li a {margin-left:5px;}

.pop_box_1p_scroll {width:90%; height:150px; overflow-y:scroll; padding:5%; border:1px solid #ccc;}
.pop_box_1p_scroll ul {width:100%;}
.pop_box_1p_scroll ul li {text-align:left;}
	
	


/*//////////////////////table Style(색상별)////////////////////////////*/


/* 회원가입(gray) */
#tabl_gray {width:100%; border-top:2px solid #666;}
#tabl_gray tr {border-bottom:1px solid #e5e5e5;}
#tabl_gray tr th { width:30%; height:38px; font-size:14px;  text-align:center; border-bottom:1px solid #e5e5e5; }
#tabl_gray tr th i {color:#ff6600; margin-right:10px;}
#tabl_gray td {width:70%; height:38px; padding:10px 0;}
#tabl_gray td input {height:38px; font-size:14px; background-color:#f0f0f0; padding-left:10px; border:none; vertical-align:middle;}
#tabl_gray td input[type="radio"] {background-color:#fff;}
#tabl_gray td select {border:none; height:38px; background-color:#f0f0f0; padding:0 10px; vertical-align:middle; }
#tabl_gray td select {margin:0 5px 0 20px;}
#tabl_gray td select:first-child {margin:0px 5px 0 0;}
#tabl_gray td span.text_ma10 {margin:0 10px; }
#tabl_gray td span.text_ma5 {margin:0 10px 0 0px; }
#tabl_gray td.congratulator_txt {width:100%; text-align:center; padding:70px 0;}
#tabl_gray td.congratulator_txt p.big_message_txt {font-size:32px; font-weight:bold; line-height:48px; letter-spacing:-0.05em; font-family:나눔 명조, Nanum Myeongjo, 돋움, Helvetica, sans-serif;}
#tabl_gray td.infor_txt {width:100%; text-align:center; padding:20px 0;}
#tabl_gray td.infor_txt p {font-family:나눔 명조, Nanum Myeongjo, 돋움, Helvetica, sans-serif; line-height:24px;}
#tabl_gray td.infor_txt p span {font-size:24px;}


/* 게시판(gray) */
#tabl_board_g {width:100%; border-top:2px solid #666;}
#tabl_board_g  tr {border-bottom:1px solid #e5e5e5;}
#tabl_board_g  tr th {height:38px; font-size:13px; font-weight:600; text-align:center; border-bottom:1px solid #e5e5e5; background-color:#fcfcfc;}
#tabl_board_g  tr th i {color:#ff6600; margin-right:10px;}
#tabl_board_g  td {height:26px; text-align:center; padding:10px; font-family: "나눔 고딕", Nanum Gothic, Helvetica,"Apple SD Gothic Neo",sans-serif;}
#tabl_board_g  td.Ta_l {padding-left:20px; text-align:left;}
#tabl_board_g  td.answer_wait {color:#F60;}
#tabl_board_g  td.answer_wait i {margin-right:5px;}
#tabl_board_g  td.answer_finish {color:#00cccc;}
#tabl_board_g  td.answer_finish i {margin-right:5px;}
#tabl_board_g  td span.text_ma10 {margin:0 10px; }
#tabl_board_g  td span.text_ma5 {margin:0 10px 0 0px; }
#tabl_board_g  td.congratulator_txt {width:100%; text-align:center; padding:70px 0;}
#tabl_board_g  td.congratulator_txt p.big_message_txt {font-size:32px; font-weight:bold; line-height:48px; letter-spacing:-0.05em; font-family:나눔 명조, Nanum Myeongjo, 돋움, Helvetica, sans-serif;}
#tabl_board_g  td.infor_txt {width:100%; text-align:center; padding:20px 0;}
#tabl_board_g  td.infor_txt p {font-family:나눔 명조, Nanum Myeongjo, 돋움, Helvetica, sans-serif; line-height:24px;}
#tabl_board_g  td.infor_txt p span {font-size:24px;}


/* 게시판-읽기(gray) */
#tabl_board_read {width:100%; border-top:2px solid #666;}
#tabl_board_read  tr {border-bottom:1px solid #e5e5e5;}
#tabl_board_read  tr th {height:40px; font-size:14px; padding-left:20px; border-bottom:1px solid #e5e5e5; background-color:#fcfcfc;}
#tabl_board_read  tr th.write_d {font-weight:normal; text-align:right; }
#tabl_board_read  tr th.page_v {font-weight:normal; text-align:right; padding-right:10px;}
#tabl_board_read  tr th i {color:#ff6600; margin-right:10px;}
#tabl_board_read  td {padding:20px;}
#tabl_board_read  td div.answer_txt_area {float:left;}
#tabl_board_read  td div.answer_txt_area div.ata_left {float:left; color:#f60; font-size:24px; font-weight:bold; padding:10px; margin-right:20px; border:2px solid #f60; border-radius:5px;}
#tabl_board_read  td div.answer_txt_area div.ata_right {float:left;}

#tabl_board_read  td div.quest_txt_area {float:left;}
#tabl_board_read  td div.quest_txt_area div.qta_left {float:left; color:#0cc; font-size:24px; font-weight:bold; padding:10px; margin-right:20px; border:2px solid #0cc; border-radius:5px;}
#tabl_board_read  td div.quest_txt_area div.qta_right {float:left;}


/* 게시판-쓰기(write) */
#tabl_board_write {width:100%; border-top:2px solid #666;}
#tabl_board_write  tr {border-bottom:1px solid #e5e5e5;}
#tabl_board_write  tr th {width:140px; font-size:14px; font-weight:600; text-align:center; border-bottom:1px solid #e5e5e5; background-color:#fcfcfc;}
#tabl_board_write  tr th.surely:before {content:"*"; color:#F60; font-weight:600; padding-right:5px;}
#tabl_board_write  tr td {text-align:left; padding:10px 10px 10px 20px;}
#tabl_board_write  tr td span {margin:0 30px 0 3px;}
#tabl_board_write  tr td.download a {text-decoration:underline; margin-right:30px;}
#tabl_board_write  tr td.download a i {color:#209dcb; padding-right:5px;}




/* 표_리스트(gray), 마이페이지... */
#tabl_graph_g {width:100%; border-top:2px solid #666;}
#tabl_graph_g  tr {border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
#tabl_graph_g  tr th {height:38px; font-size:14px;  text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#fcfcfc;}
#tabl_graph_g  tr th.m_title {width:400px;}
#tabl_graph_g  tr th.display_on_off {width:100px;}
#tabl_graph_g  tr th.display_delete {width:150px;}
#tabl_graph_g  tr th i {color:#ff6600; margin-right:10px;}
#tabl_graph_g  td {height:26px; text-align:center; padding:10px 0; border-right:1px solid #e5e5e5;}
#tabl_graph_g  td.Ta_l {padding-left:20px; text-align:left;}

/* 표_리스트(gray), 높이 낮은것, 마이페이지... */
#tabl_graph_g_h18 {width:100%; border-top:2px solid #666;}
#tabl_graph_g_h18  tr {border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
#tabl_graph_g_h18  tr th {height:38px; font-size:14px;  text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#fcfcfc;}
#tabl_graph_g_h18  tr th.m_title {width:400px;}
#tabl_graph_g_h18  tr th.display_on_off {width:100px;}
#tabl_graph_g_h18  tr th.display_delete {width:150px;}
#tabl_graph_g_h18  tr th i {color:#ff6600; margin-right:10px;}
#tabl_graph_g_h18  td {height:18px; text-align:center; padding:5px 0; border-right:1px solid #e5e5e5;}
#tabl_graph_g_h18  td.bg_555 {background-color:#555;}
#tabl_graph_g_h18  td.Ta_l {padding-left:20px; text-align:left;}


/* 이전글 다음글 부분(공통) */
.pref_next_area {float:left; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.pref_next_area dt {clear:both; float:left; height:36px; font-weight:bold; line-height:36px; padding-left:10px;}
.pref_next_area dd {float:left; padding-left:20px; height:36px; line-height:36px;}
.pref_next_area dt a:hover {color:#ff6600;}
.pref_next_area dd a:hover {color:#ff6600;}
.pref_next_area dt i {font-size:16px; font-weight:bold; margin-right:10px;}


/*//////////////////////icon Style(공통)////////////////////////////*/
.icon_orange {display:inline-block; height:28px; color:#fff; font-size:13px; line-height:28px; letter-spacing:-0.05em; padding:0 10px; background-color:#ff9900; border-radius:20px;}
.icon_gray {display:inline-block; height:28px; color:#fff; font-size:13px; line-height:28px; letter-spacing:-0.05em; padding:0 10px; background-color:#bbbbbb; border-radius:20px;}


/*//////////////////////Paging(공통)////////////////////////////*/
.paging_area {width:100%; text-align:center; margin:11px 0;}	
.paging_area a {display:inline-block; width:30px; height:30px; color:#999; font-size:10px; line-height:30px; margin:0 2px; border:1px solid #ccc; border-radius:30px; vertical-align:middle;}
.paging_area a.border_none {border:none; font-size:14px; line-height:30px; }
.paging_area a:hover.border_none {color:#209dcb; font-weight:600; background-color:#fff;}
.paging_area a.on {border:none; color:#209dcb; font-size:14px; font-weight:600; background-color:#fff;}
.paging_area a i {margin-top:10px;}
.paging_area a:hover {color:#fff; background-color:#209dcb;}



/* ###################################### Layouts 1000 ###################################### */

#TopWrap {min-width:1000px; width:100%; height:112px; text-align:left; background-color:#fff;}

#DirectWrap{width:100%; height:32px;  background-color:#1c4668;}
#DirectInWrap{position:relative; width:1000px; height:32px; margin:0 auto; background-color:#1c4668;}
#DirectWrap ul {position:absolute; top:0; right:0;}
#DirectWrap ul li {display:inline;}
#DirectWrap ul li:after {content:" | "; color:#416889; margin:0 8px;}
#DirectWrap ul li:last-child:after {content:""; margin-right:0;}
#DirectWrap ul li a {display:inline-block; height:32px; color:#fff; font-size:12px; line-height:32px; letter-spacing:0.04em;}

#TopInWrap{width:1000px; height:81px; margin:0 auto;}
	
.gnb_area {width:100%; float:left; }
.gnb_left {float:left;}
.gnb_left a {display:inline-block; margin:21px 0 22px;}

.gnb_right {float:right; text-align:right;}

.gnb_right ul {float:left; margin-left:160px;}
.gnb_right ul li {position:relative; float:left;}
.gnb_right ul li a {display:inline-block; height:80px; color:#333; font-size:18px; font-weight:bold; letter-spacing:-0.01em; line-height:80px; padding:0 40px; font-family: "나눔 고딕", Nanum Gothic, Helvetica,"Apple SD Gothic Neo",sans-serif;}

/* onMouseOver 서브메뉴 보이도록 추가 by kenny 2016.08.31 */
.gnb_right ul ul {display:none;}
.gnb_right ul li:hover ul {display:block;}

.gnb_right ul li a:hover {color:#219dcb; font-weight:bold; background:url("../../imgs/common/gnb_underbar.png") no-repeat 50% 80%;}
.gnb_right ul li a.on {color:#219dcb; font-weight:bold; background:url("../../imgs/common/gnb_underbar.png") no-repeat 50% 80%;}

.gnb_right ul li ul.sub_m {position:absolute; width:100%; margin-left:0; background-color:#1c4668; z-index:50;}
.gnb_right ul li ul.sub_m li {clear:both; width:100%; border-bottom:1px solid #416889;}
.gnb_right ul li ul.sub_m li:last-child {border-bottom:none;}
.gnb_right ul li ul.sub_m li a {display:block; height:40px; line-height:40px; color:#ccc; font-size:14px; font-weight:600; text-align:center; margin:0; padding:0;}
.gnb_right ul li ul.sub_m li a.on {color:#fff; background-color:#0087cb; background-image:none;}
.gnb_right ul li ul.sub_m li a:hover {color:#fff; background-color:#0087cb; background-image:none;}






#BodyWrap {min-width:1538px; width:100%; margin:0 auto; text-align:left; border-top:1px solid #ddd;}
#MainContentWrap {width:1538px; margin:20px auto;}	
#ContentSubWrap {position:relative; float:right; width:740px; padding-bottom:20px;}

#container {position:relative; width:1000px; margin:30px auto; height:100%;}




/* Footer */
#FooterMenuWrap {clear:both; min-width:1000px; width:100%; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fff; }
#FooterMenuInWrap{width:1000px; height:40px; margin:0 auto; text-align:center;}

.footer_menu_area {float:left; width:100%;}
.footer_menu_left {float:left; width:75%; text-align:left; line-height:40px;}
.footer_menu_left ul {float:left;}
.footer_menu_left ul li {float:left;}
.footer_menu_left ul li:after {content:" | "; color:#ccc; display:inline-block; margin:0 8px;}
.footer_menu_left ul li:last-child:after {display:none;}

.footer_menu_right {float:right; line-height:40px;}
.footer_menu_right ul {float:left;}
.footer_menu_right ul li {float:left; margin-left:20px;}
.footer_menu_right ul li i {color:#209dcb; margin-left:5px;}

#FooterWrap {clear:both; min-width:1000px; width:100%; font-size:12px; text-align:left;}
#FooterInWrap{width:1000px; margin:0 auto;}

.footer_area {float:left; width:100%; padding:20px 0 15px;}

.footer_left {float:left; width:750px; }
.footer_left ul {border-right:1px solid #ddd;}
.footer_left ul:after {display:block; clear:both; content:"";}
.footer_left ul li {line-height:18px; color:#888; font-family: "나눔 고딕", Nanum Gothic, Helvetica,"Apple SD Gothic Neo",sans-serif;}
.footer_left ul li.foo_l {float:left; line-height:44px;}
.footer_left ul li.foo_r {display:inline-block; margin-left:20px;}
.footer_left ul li:first-child {margin-bottom:15px;}
.footer_left ul li span.copyright {font-size:11px; color:#aaa; padding-top:10px; margin:0;}
.footer_left ul li span{margin:0 5px; color:#ddd;}

.footer_right {float:right; width:204px;}
.footer_right ul {}
.footer_right ul:after {display:block; clear:both; content:"";}
.footer_right ul li {float:left; }
.footer_right ul li.phone01 {color:#209dcb; margin:10px 10px 0 0;}
.footer_right ul li.phone01 span {display:inline-block; padding:6px 8px 4px; border:1px solid #0099ff; border-radius:30px; line-height:18px;}
.footer_right ul li span {display:inline-block; text-align:left;}
.footer_right ul li span.phone02 {font-weight:600; font-size:16px; padding:5px 0;}
.footer_right ul li span.phone03 {color:#209dcb; font-size:24px; font-weight:bold;}
.footer_right ul li.phone04 {color:#999; padding:2px 0;}