@charset 'utf8';
/* 공통영역 start */
html {}
body {position:relative; margin:0;padding:0;font-size:12px;color:#555;line-height:18px;}
table, div {font-family:'Malgun Gothic','맑은 고딕',"돋움",dotum,'Apple SD Gothic Neo',sans-serif; font-size:12px;border-collapse:collapse;line-height:18px;}
select, textarea {border:1px solid #B7B6B6;background:#FFF;font-family:'Malgun Gothic','맑은 고딕',"돋움",dotum,'Apple SD Gothic Neo',sans-serif;font-size:12px;color:#5D5D5D;vertical-align:middle;}
input {font-family:돋움, Dotum, Verdana; color:#525552;}
form,ul,ol,dl,table,div,h1,h2,h3 {margin:0;padding:0;}
ul, li, ol {list-style-type : none;}
dl, dt, dd, p {padding:0; margin:0;}
img {border: 0;}
caption{display:none;}
fieldset {border:none;}
legend {display:none;}

a {color:#555; text-decoration:none;}
a:link {color:#555;}
a:visited {color:#555;}
a:active {color:#555;}
a:hover {color:#555; text-decoration:none;}
/* 공통영역 end */

/*정의된 네이밍*/
.fl {float:left; display:block ; }
.fr {float:right !important;}
.cl {clear:both;}
.at { vertical-align:top !important; }
.am { vertical-align:middle !important; }
.ab { vertical-align:bottom !important; }
.vo { vertical-align:auto !important; }
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.b {font-weight:bold !important;}
.nr {font-weight:normal !important;}
.u {text-decoration:underline !important;}
.mu {text-decoration:line-through;}
.nu {text-decoration:none}
.sp_1 {letter-spacing:-1px;}
.m0 { margin:0 !important; }
.p0 { padding:0 !important; }
.b0 { border:0 !important; }
.bb0 { border-bottom:0 !important; }
.bt0 { border-top:0 !important; }
.lhfs0 {font-size:0; line-height:0;}
.hand { cursor:pointer; }
.rela {position:relative;}
.bgnone { background:none !important; }
.bimgnone { background-image:none !important; }
.hidden{display:none;}
.png {/* _behavior:url('/inc/js/iepngfix.htc'); */}
.ie6mb17 {_margin-bottom:17px;}
.b0_2 { border:0 !important; }
.m0_2 { margin:0 !important; }

.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* hides from ie-mac */
.clfix{ zoom:1; } /*for ie 5.5-7*/

.pl0 {padding-left:0 !important;}
.pb25 {padding-bottom:25px !important;}
.pt10 {padding-top:10px !important;}
.pt25 {padding-top:25px !important;}
.mtl60 {margin-top:-60px !important;}

.input01 {padding-left:8px; background:none; border:1px solid #c9c5c4; vertical-align:middle;}
.input02 {padding-left:8px; background:#b0b0b0; border:1px solid #585858; vertical-align:middle; color:#fff;}
.radio01 {margin-top:-2px; vertical-align:middle;}
.checkbox01 {vertical-align:middle;}
.textarea01 {background:#fff; border:1px solid #c9c5c4;}

#wrapper {}
#header {width:1008px; margin:0 auto;}
#header .top_cont {}
#header .top_cont .top_area {position:relative; height:78px; margin:0 34px;}
#header .top_cont .top_area h1 {padding:35px 0 0 4px;}
#header .top_cont .top_area .top_r {position:absolute; top:40px; right:2px;}
#header .top_cont .top_area .top_r div {padding-right:8px; float:left;}
#header .top_cont .top_area .top_r div span {width:154px; height:20px; padding-left:6px; border-right:none; display:block; float:left; line-height:20px;}
#header .top_cont .top_area .top_r div em {width:130px; height:20px; padding-left:6px; background:#3f3939; border:1px solid #637e75; border-left:none; line-height:20px; color:#e7e7e5; font-style:normal; display:block; float:left;}
#header .top_cont .top_area .top_r ul {float:left;}
#header .top_cont .top_area .top_r ul li {display:inline-block; color:#fff;}
#header .top_cont .top_area .top_r ul li a {}
#header #gnb {margin:0 34px; padding-left:40px;}
#header #gnb:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html #header #gnb {display: inline-block;}
* html #header #gnb {display: inline-block;}
#header #gnb li {height:31px; padding-right:105px; line-height:31px; float:left;}
#header #gnb li.last {padding-right:0;}
#header #gnb li a {}
#header #gnb li.on a {}
#header .menu_2th {position:relative; height:46px;}
#header .menu_2th .menu_2th_txt {position:absolute;}
#header .menu_2th .menu_2th_txt span {padding:0 37px 0 34px;}
#header .menu_2th .menu_2th_txt span a {}
#container {}
#footer {position:relative; width:1008px; margin:0 auto 30px; padding-top:12px; border-top:1px solid #c9c5c6; color:#b6b6b6; clear:both;}
#footer div {position:absolute; top:12px; right:0;}
#footer div img {padding-left:6px; vertical-align:middle;}

#container {width:1008px; margin:0 auto 100px;}

.sub_tit {height:27px; padding:35px 0 0 2px; border-bottom:1px solid #c9c5c4; font-size:21px;}
.sub_tit span {color:#222;}

#main_cont {width:1008px; margin:0 auto;}
.m_txt01 {margin-left:34px; }
.m_txt01:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .m_txt01 {display: inline-block;}
* html .m_txt01 {display: inline-block;}
.m_txt01 li {margin-right:4px; background:url('/img/bg_main_t_.gif') no-repeat right top; float:left;}
.m_txt01 li span {height:27px; padding:0 10px; background:url('/img/bg_main_t.gif') no-repeat; line-height:27px; display:inline-block; color:#fff;}

.main_v01 {height:397px; padding-top:45px; margin-bottom:22px;}
.main_v01:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .main_v01 {display: inline-block;}
* html .main_v01 {display: inline-block;}
.main_v01 .gbp01 {width:322px; height:323px; margin-left:117px; display:block; float:left; font-size:80px; line-height:323px; text-align:center; color:#fff; opacity:0.8;}
.main_v01 .gbp02 {width:322px; height:323px; margin-left:127px; display:block; float:left; font-size:80px; line-height:323px; text-align:center; color:#fff; opacity:0.8;}

.main_v02 {height:397px; padding-top:45px; margin-bottom:22px;}
.main_v02 .gbp01 {width:879px; margin:0 auto; font-size:140px; line-height:290px; text-align:center; color:#fff; opacity:0.8; display:block;}

.main_c {padding-bottom:30px;}
.main_c:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .main_c {display: inline-block;}
* html .main_c {display: inline-block;}
.main_c .main_c01 {width:349px; padding-left:10px; float:left;}
.main_c .list_m01 {padding:5px 0 3px 3px; border-top:1px solid #c9c5c6; border-bottom:1px solid #c9c5c6;}
.main_c .list_m01 li {position:relative; padding-bottom:3px;}
.main_c .list_m01 li a {color:#737373;}
.main_c .list_m01 li span {position:absolute; top:0; right:0; color:#737373;}
.main_c .main_c02 {width:289px; padding-left:34px; float:left;}
.main_c .main_c03 {width:289px; padding-left:29px; float:left;}
.main_c .main_c03 .m_area {padding-bottom:10px;}
.main_c .main_c03 .m_area textarea {border:1px solid #c9c5c6;}
.search_m {}
.search_m .main_search {border:1px solid #c9c5c6; border-right:none; float:left;}
.search_m .search_btn {padding:0 10px; height:23px; line-height:23px; background:#3f3939; border:1px solid #b5b1b0; color:#fff;}
.main_c .search_txt {padding:4px 0 0 2px; color:#a2a2a2; font-style:normal; display:block;}
.main_c .main_tit {height:20px; padding-left:3px; font-weight:bold; color:#231816; font-size:13px;}

.search_area {position:relative; padding:9px 0; margin-bottom:10px; border-bottom:1px solid #c9c5c6;}
.search_area:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .search_area {display: inline-block;}
* html .search_area {display: inline-block;}
.search_area .search_c01 {padding:7px 12px 7px 0; border-right:1px solid #c9c5c4; float:left;}
.search_area .search_c01 .search_m {margin-left:8px; display:inline-block;}
.search_area .search_c02 {padding:7px 0 7px 13px; float:left;}
.search_area .search_c02 .btn_v {position:absolute; top:16px; right:0;}
.search_area span {padding-right:3px; font-size:#271c1a;}

.search_cont {position:relative; padding:9px 0; margin-bottom:10px; border-bottom:1px solid #c9c5c6;}
.search_cont:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .search_cont {display: inline-block;}
* html .search_cont {display: inline-block;}
.search_cont .search_c {padding:7px 12px 7px 0; border-right:1px solid #c9c5c4; float:left;}
.search_cont .search_c.sc01 {padding:7px 0 7px 13px; float:left; border-right:none;}
.search_cont .search_c em {padding-right:5px; display:inline-block; font-style:normal;}
.search_cont .search_c .btn_v {position:absolute; top:16px; right:0;}

.tbl_sty01 {width:100%;}
.tbl_sty01 th {padding:10px 0 10px 20px; background:#efefef; border-top:1px solid #bab8b9; border-bottom:1px solid #bab8b9; color:#221816; text-align:left;}
.tbl_sty01 td {padding:10px 0 10px 20px; border-bottom:1px solid #c9c5c4;}
.tbl_sty01 .bdr {border-right:1px dashed #bababa;}
.bgt td {background:#fcf9d8;}

.tbl_sty02 {width:100%; margin-bottom:7px; border-bottom:1px solid #c9c5c6;}
.tbl_sty02 th {padding:10px 0; background:#efefef; border-top:1px solid #c6c2c1; border-bottom:1px solid #c6c2c1; color:#231816;}
.tbl_sty02 td {padding:15px 0; border-right:1px dashed #c6c6c6; text-align:center;}
.tbl_sty02 td.last {border-right:none;}

.paging {padding-top:23px; text-align:center;}
.paging a {padding:0 7px; display:inline-block; vertical-align:middle;}
.paging div {margin-top:-3px; display:inline-block; vertical-align:middle; font-weight:bold;}
.paging img {display:inline-block; vertical-align:middle;}

.tbl_bar {padding:16px 13px; margin-top:25px; border-top:1px solid #c9c5c4; border-bottom:1px solid #c9c5c4; color:#281916;}
.tbl_bar .tbl_bar_cont {}
.tbl_bar .tbl_bar_cont:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .tbl_bar .tbl_bar_cont {display: inline-block;}
* html .tbl_bar .tbl_bar_cont {display: inline-block;}
.tbl_bar .tbl_bar_cont .paging01 {padding-top:1px; font-size:14px; float:left;}
.tbl_bar .tbl_bar_cont .scrap01 {float:right;}
.tbl_bar .tbl_bar_cont .scrap01 span {margin-right:-4px; display:inline-block;}

.notice_txt {padding:12px 0 25px; float:right; text-align:left; color:#a0a0a0;}
.notice_txt strong {color:#898989;}

.view_cont {margin-bottom:10px; padding-top:15px; border-bottom:1px solid #c9c5c4;}
.view_cont:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .view_cont {display: inline-block;}
* html .view_cont {display: inline-block;}
.view_cont .view_cont_01 {width:480px; padding-right:23px; border-right:1px solid #c9c5c4; float:left;}
.view_cont .view_cont_02 {width:470px; padding-left:27px; float:left;}
.view_cont p {padding-bottom:15px; color:#605e5f;}
.view_cont p span {font-weight:bold; font-size:13px; color:#291e1c;}

.view_cont01 {margin-bottom:10px; padding-top:15px; border-bottom:1px solid #c9c5c4;}
.view_cont01:after {clear:both; display: block; visibility: hidden; content: ' ';}
*+ html .view_cont01 {display: inline-block;}
* html .view_cont01 {display: inline-block;}
.view_cont01 .view_cont01_01 {width:480px; padding-right:23px; border-right:1px solid #c9c5c4; float:left;}
.view_cont01 .view_cont01_02 {width:470px; padding-left:27px; float:left;}
.v_txt01 {padding-bottom:15px; color:#605e5f;}
.v_txt01 span {font-weight:bold; font-size:13px; color:#291e1c;}

.comment_area {clear:both;}
.comment_area div {padding-top:7px; color:#626061; font-size:15px;}
.comment_area div strong {padding-bottom:0;}

.v_txt01 {position:relative; padding-bottom:18px; font-size:14px; color:#5a5955; clear:both;}
.v_txt01.ts_01 {padding-bottom:10px;}
.v_txt01 span {font-size:15px; display:inline-block;}
.v_txt01 strong ,
.v_txt01 strong a {color:#23903d;}

.write_cont {}
.write_cont div {padding:15px 0;}
.write_cont div strong {font-size:14px; color:#221816;}
.write_cont div span {padding-bottom:10px; font-size:14px; color:#221816; display:block; font-weight:bold;}
.write_cont div input,
.write_cont div textarea {border:1px solid #c9c5c4;}

.btn_r01 {padding-top:10px; text-align:right;}
.btn_s01 {height:20px; padding:0 32px; margin-left:5px; background:#3f3939; border:1px solid #898383; color:#949391 !important; display:inline-block; line-height:20px;}
.btn_s02 {height:20px; padding:0 32px; margin-left:5px; background:#7FBE26; border:1px solid #7FBE26 ; color:#fff !important; display:inline-block; line-height:20px;}

.login_area {width:321px; margin:103px auto 15px; padding-bottom:138px; background:url('/img/bg_login01.gif') no-repeat center bottom;}
.login_area p {width:319px; height:20px; margin-bottom:19px; border:1px solid #c9c5c6;}
.login_area p span {width:28px; height:20px; padding-left:7px; line-height:20px; color:#3e3731; display:inline-block; font-weight:bold;}
.login_area p input {width:274px; height:15px; border:none;}
.login_area .log_btn {padding-top:15px; text-align:center;}
.login_area .log_btn .btn_log01 {height:20px; padding:0 32px; margin-left:5px; background:#3f3939; border:1px solid #898383; color:#949391 !important; display:inline-block; line-height:20px;}
.login_area .log_btn .btn_log02 {height:20px; padding:0 32px; margin-left:5px; background:#b6b6b6; border:1px solid #b6b6b6; color:#fff !important; display:inline-block; line-height:20px;}

.btn_sty01 {height:20px; padding:0 17px; background:#e6006d; line-height:20px; color:#fff !important; display:inline-block; vertical-align:middle; border:1px solid #b71d65;}
.btn_sty02 {height:20px; padding:0 9px; background:#cdcfce; line-height:20px; color:#fff !important; display:inline-block; vertical-align:middle; border:1px solid #adabac;}
.btn_sty03 {height:22px; padding:0 14px; background:#3f3939; line-height:22px; color:#fff !important; display:inline-block; vertical-align:middle;}

/* Selectbox */
div.selectbox-wrap {position:relative; display:inline-block; *display:inline; height:24px; *zoom:1; vertical-align:middle;}
div.selectbox-wrap select {position:absolute; top:0; left:0; visibility:hidden;}
div.selectbox-wrap .value-holder {display:inline-block; height:19px; margin:0; padding:2px 30px 0 5px; border:1px solid #c8c5c0; outline:0; overflow:hidden; color:#a0a0a0; background:#fcf9d8 url('/img/btn/btn_select01.gif') no-repeat 100% 50%; text-align:left; font-size:11px; line-height:14px; cursor:default;}
div.selectbox-disabled .value-holder {background-color:#f7f7f7;}
div.selectbox-wrap .value-holder:hover,
div.selectbox-wrap .value-holder:focus,
div.selectbox-wrap .value-holder:active {text-decoration:none !important;}
div.selectbox-wrap .new-selectbox {position:absolute !important; top:20px !important; left:0 !important; display:none; margin:0 !important; padding:0 !important; background:#fcf9d8; border:1px solid #c0d2dc !important; border-top:0 !important; overflow:hidden; background:#fff; font-size:11px !important; line-height:16px !important; text-align:left !important; *zoom:1;}
div.selectbox-wrap .new-selectbox iframe.blocker {position:absolute; top:0; left:-1px; width:100%; height:100%; z-index:-1; filter:alpha(opacity=0); *zoom:1; background:transparent;}
div.selectbox-wrap .new-selectbox ul  {width:auto !important; height:100% !important; overflow-y:auto; margin:0 !important; padding:0 !important; border:0 !important;}
div.selectbox-wrap .new-selectbox li {*position:relative; width:auto !important; height:auto !important;background:#fcf9d8; margin:0 !important; padding:0 0 0 5px !important; text-align:left !important; white-space:nowrap !important; text-indent:0 !important; cursor:default !important; color:#959595 !important; font-size:11px !important; line-height:16px !important; *zoom:1;}
div.selectbox-wrap .new-selectbox li.hover,
div.selectbox-wrap .new-selectbox li.selected {color:#000 !important; background-color:#fcf9d8 !important;}

@charset 'utf8';

#header {background:#865751; border-bottom:5px solid #7fbe25;}
#header .top_cont .top_area {border-bottom:1px solid #a4817d;}
#header .top_cont .top_area .top_r div span {border:1px solid #a4817d; border-right:none; color:#fff;}
#header .top_cont .top_area .top_r ul li a {color:#fff;}

#header #gnb {border-bottom:1px solid #a4817d;}
#header #gnb li a {color:#fff;}
#header #gnb li.on a {color:#7cbb26;}
#header .menu_2th .menu_2th_txt span a {color:#fff;}

.m_txt01 li.on {background:url('/img/bg_main_t_.gif') no-repeat right top;}
.m_txt01 li.on span {background:url('/img/bg_main_t.gif') no-repeat;}

.main_v01 {position:relative; height:435px; border-bottom:20px solid #b9e3f9; background:url('/img/img_main_v01.jpg') no-repeat center 15px;}
.gbp_01 {position:absolute; top:40px; left:28px; width:87px; height:87px; display:block; font-size:20px; line-height:87px; text-align:center; color:#fff; opacity:0.8;}
.gbp_02 {position:absolute; top:25px; left:307px; width:87px; height:87px; display:block; font-size:20px; line-height:87px; text-align:center; color:#fff; opacity:0.8;}
.gbp_03 {position:absolute; top:22px; left:893px; width:87px; height:87px; display:block; font-size:20px; line-height:87px; text-align:center; color:#fff; opacity:0.8;}
.gbp_04 {position:absolute; top:316px; left:282px; width:87px; height:87px; display:block; font-size:20px; line-height:87px; text-align:center; color:#fff; opacity:0.8;}
.gbp_05 {position:absolute; top:313px; left:702px; width:87px; height:87px; display:block; font-size:20px; line-height:87px; text-align:center; color:#fff; opacity:0.8;}
.gbp_06 {position:absolute; top:103px; left:70px; width:245px; height:245px; display:block; font-size:53px; line-height:245px; text-align:center; color:#fff; opacity:0.8;}
.gbp_07 {position:absolute; top:18px; left:383px; width:347px; height:347px; display:block; font-size:75px; line-height:347px; text-align:center; color:#fff; opacity:0.8;}
.gbp_08 {position:absolute; top:144px; left:767px; width:181px; height:181px; display:block; font-size:43px; line-height:181px; text-align:center; color:#fff; opacity:0.8;}

.sub_tit {color:#7fbe27;}

.bgt td {background:#f6fbff;}

.btn_sty01 {background:#7fbe25; color:#fff !important; border:1px solid #9daf7b;}
