@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:13px;min-width:320px;font-family:sans-serif;height:100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;border-radius:0}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;border-radius:0}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0; padding:5px; }
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
ul,li{padding:0;margin:0;list-style:none;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {background:#fff;width:100%;z-index:9999;height:57px;position:absolute;top:0;left:0; border-bottom:2px solid #ca0c28;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {padding:15px 10px;z-index:9999;}
#logo a img {margin:2px 0 0; width:36%;}

.logo_box  {padding:15% 0 9%;}
.logo_box a img {margin:-10px 0 0;}

#gnb_open {position:absolute;top:3px;right:38px;background:url(../img/mobile/menu.png) no-repeat 50% 50%; width:50px;height:50px;border:none;text-indent:-9999px;overflow:hidden}
#gnb_close {display:block;border:0;position:absolute;top:0;right:0;background:url(../img/mobile/btn_cl.png) 50% 50% no-repeat;width:50px ;height:50px;text-indent:-999999px;overflow:hidden}

#gnb{display:none;text-align:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99999;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;-webkit-backface-visibility: hidden;}
#gnb>ul#gnb_1dul {overflow-y:auto;height:57%}
#gnb ul#gnb_1dul li{width:100%;text-align:center;font-weight:bold}
#gnb #gnb_1dul a:hover,#gnb a:focus{color:#3d96d6 ;text-decoration:none}
#gnb .gnb_1dli > a{font-size:22px;line-height:42px;display:inline-block;color:#000;vertical-align:middle}
#gnb .gnb_2dul{display:none}
#gnb #gnb_1dul .gnb_2dli a{font-size:1.250em;color:#979797;line-height:1.7em;display:inline-block}
#gnb .gnb_op{background:url(../img/mobile/gnb_bg.gif) no-repeat 5px 50%; ;width:30px;height:30px;height:42px;text-indent:-999px;overflow:hidden;border:none;vertical-align:middle}
#gnb .gnb_bg .gnb_op{}


#hd_sch_open {position:absolute;top:1px;right:0;padding:0 10px;;background:url(../img/mobile/sch.png) no-repeat 50% 50%; width:50px;height:50px;border:none;text-indent:-9999px;overflow:hidden}
#hd_sch {display:none;border-top:1px solid #181818;background:#282828;text-align:center}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding:30px 0}
#hd_sch #sch_stx {height:30px;border:1px solid #181818;background:#323232 !important;line-height:2.5em;vertical-align:middle;color:#bbb}
#hd_sch #sch_submit {margin:0;padding:0 10px;height:32px;border:0;background:#000;color:#fff;vertical-align:middle}
#hd_sch #sch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}



#hd_nb{height:15%}
#hd_nb{text-align:center;width:100%}
#hd_nb li{display:inline-block}
#hd_nb li a{color:#fff;background:#3C95D5;padding:11px 23px;display:inline-block;border-radius:3px;display:inline-block;margin-top:10px; font-size:15px;}
#hd_nb li a:hover,#hd_nb li a:focus{color:#fff;background:#0071C2;text-decoration:none;s}
#hd_nb #snb_adm{color:#fff;border:1px solid tomato;background:tomato}
#hd_nb #snb_shp{color:#3C95D5;border:1px solid #3C95D5;background:#fff}

/*메인이미지*/
.swiper-container {width: 100%;height:330px;}
.swiper-slide {background:url(../img/main_bn.jpg) no-repeat 50% 50%;background-size: cover;height:330px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}


#comp_if{padding:0;}
#comp_if:after {display:block;visibility:hidden;clear:both;content:""}
#comp_if li{width:100%;float:left;position:relative;text-align:center}
#comp_if li h2{font-size:1.333em;margin-top:10px;color:#3d96d6}
#comp_if li p{color:#566472;font-size:1.083em;line-height:1.4em}

@media all and (max-width:570px){
#comp_if li{width:100%;margin:0;}
#comp_if li a img{width:100%}
#comp_if li h2{font-size:1.167em}
#comp_if li p{display:none}
}

/* 중간 레이아웃 */
#wrapper {margin:0 0 10px;z-index:99;background:#fff;width:100%;position:relative;padding-top:50px}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#fboardlist {width:93.5%; margin:0 0 0 12px;}

#container {position:relative;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {clear:both;
	font-size:19px; 
	font-weight:bold; 
	color:#333; 
	padding:0 0 8px 0;
	margin:20px auto 15px;
	border-bottom:1px solid #dbdbdb;
	width:93%;
	}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center}
#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 하단 레이아웃 */
#ft {background:#fff;text-align:center;padding-bottom:20px;z-index:98; border-top:1px solid #e1dfdf;}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p.copyright{margin:0;padding:3px 0 0 0;line-height:1.8em;color:#1f1a17; font-size:10px;}
#ft_copy {padding:15px 0 5px 0;color:#fff;line-height:2em}
#ft_copy #ft_company {}
#ft_copy #ft_company a {display:inline-block;padding:0 5px ;line-height:1.05em;color:#bebebe;border-left:1px solid #888;}
#ft_copy #ft_company a:first-child{border:none}
#ft_copy b {color:inherit}
#ft_copy a{font-weight:bold;}
.top_btn{background:url('../img/mobile/top_btn.png') no-repeat;text-indent:-999px;overflow:hidden;width:50px;height:50px;position:fixed;bottom:10px;right:10px}
.ft_info{color:#1f1a17;line-height:18px;padding:10px 0}

/* PC화면으로 */
#device_change  {padding:10px 18px 10px 8px;border:1px solid #333;border-radius:2em;color:#333;font-size:11px;text-decoration:none;text-align:right; width:25%; margin-top:18px; margin-left:14px; float:left; margin-bottom:20px;}



/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:60px;height:30px;border:1px solid #e9e9e9}
#captcha #captcha_reload {margin:0;padding:0 5px;height:32px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:50px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;border-radius:5px}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:9px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;border-radius:5px}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {background:#3c95d5;border:none;border-radius:3px !important;padding:11px 20px;color:#fff;display:inline-block}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
.btn_submit:hover{background:#0071c2}

a.btn_cancel {border-radius:3px;padding:10px 20px;background:#fff;border:1px solid #3c95d5;color:#3c95d5;display:inline-block;vertical-align:middle}
.btn_cancel:hover,.btn_cancel:focus{background:#eef7fd}
button.btn_cancel {display:inline-block;border-radius:3px;padding:9px 20px;background:#fff;border:1px solid #3c95d5;color:#3c95d5;display:inline-block}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {border-radius:3px;padding:9px 20px;background:#fff;border:1px solid #3c95d5;color:#3c95d5;display:inline-block}
a.btn_b01:focus, a.btn_b01:hover {background:#eef7fd}
a.btn_b02 {background:#3c95d5;border:none;border-radius:3px;padding:10px 20px;color:#fff;display:inline-block}
a.btn_b02:focus, a.btn_b02:hover {background:#0071c2}
a.btn_admin {border:none;border-radius:3px;padding:10px 20px;background:#fff;background:red;color:#fff;display:inline-block} /* 관리자 전용 버튼 */

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:0 0 10px ;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all; font-size:13px;}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 {width:auto;}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

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

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0px 0 20px;padding: 0 0;text-align:center;font-size:1.083em}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:30px;color:#000;letter-spacing:0;line-height:30px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none}
.pg_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0}
.pg_prev {background:url(../img/page_btn.gif) no-repeat -30px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0}
.pg_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0}
.pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;border:1px solid #eee;padding:0}
.pg_current {display:inline-block;margin:0 4px 0 0;color:#3c95d5;text-decoration:underline;font-weight:bold;font-weight:bold}


/*메인배너*/
#main_bn {position:relative;overflow: auto;width:100% !important; height:370px!important; }
#main_bn .bn_ul li{height:370px;float: left;}
#main_bn li.bn_bg1{background:url(../img/mobile/mo_main_bn1.jpg) no-repeat center center;background-size: cover; -ms-filter: sizingMethod='scale' property}
#main_bn li.bn_bg2{background:url(../img/mobile/mo_main_bn2.jpg) no-repeat center center;background-size: cover; -ms-filter: sizingMethod='scale' property}
#main_bn li.bn_bg3{background:url(../img/mobile/mo_main_bn3.jpg) no-repeat center center;background-size: cover; -ms-filter: sizingMethod='scale' property}
#main_bn li.bn_bg4{background:url(../img/mobile/mo_main_bn4.jpg) no-repeat center center;background-size: cover; -ms-filter: sizingMethod='scale' property}


.swiper-container {position:relative; overflow: auto;width:100% !important; height:375px!important; }
.swiper-wrapper{height:370px;float: left;}

.swiper-container_2 {float: left; text-align:center; position:relative;}
.swiper-wrapper_2{height:370px;float: left;}

.swiper-container-horizontal > .swiper-pagination {bottom:-3px!important;}

.swiper-container .swiper-pagination-bullet{opacity:1;border-radius:0;border:none;text-indent:-9999px;width:35px;height:4px;background:#444444;overflow:hidden;display:inline-block;margin:0 ; zoom:1; *display:inline /*IE7 HACK*/; _display:inline; /*IE6 HACK*/ margin:0 1px 0 0!important;}
.swiper-container .swiper-pagination-bullet-active{background:#da1b37}
.swiper-pagination_2-bullet-active  {background:#da1b37!important;}

#main_bn .bn_btn{position:absolute;top:240px;left:50%;width:1024px;margin-left:-470px}
#main_bn .bn_btn .prev{background:url(../img/bn_btn.gif) no-repeat;border:none;width:24px;height:24px;text-indent:-9999999px;overflow:hidden;display:inline-block}
#main_bn .bn_btn .next{background:url(../img/bn_btn.gif) no-repeat -27px 0;border:none;width:24px;height:24px;text-indent:-99999999px;overflow:hidden;display:inline-block}
#main_bn .dots{position:absolute;bottom:20px;text-align:center;width:77%}
#main_bn .dots li{ border:none;text-indent:-9999px;width:35px;height:4px;background:#fff;overflow:hidden;display:inline-block;margin-right:1px ; zoom:1; *display:inline /*IE7 HACK*/; _display:inline; /*IE6 HACK*/}
#main_bn .dots li.active{background:#da1b37;}


/*프로그램배너*/

#pro_bn {position:relative;overflow: auto; width:100%!important; height:410px!important; margin-top:20px; margin-bottom:25px;}

.pro_bn_txt h2  {text-align:center; margin:60px 0 15px;}
.pro_bn_txt h2 img {width:63%;}

#pro_bn .bn_ul {position:absolute; left:0; top:0;}
#pro_bn .bn_ul li{float: left; text-align:center; position:relative;}
#pro_bn .bn_ul li a {position:relative; display:block;}
#pro_bn li.bn_bg2{background:url(../img/mo_main_bn2.jpg) no-repeat 20% 20%;background-size: cover; -ms-filter: sizingMethod='scale' property}

#pro_bn .bn_btn{position:absolute;top:240px;left:50%;width:100%;margin-left:-470px}
#pro_bn .dots{position:absolute;bottom:10px;text-align:center;width:77%}
#pro_bn .dots li{ border:none;text-indent:-9999px;width:35px;height:4px;background:#3d3b51;overflow:hidden;display:inline-block;margin-right:1px ; zoom:1; *display:inline /*IE7 HACK*/; _display:inline; /*IE6 HACK*/}
#pro_bn .dots li.active{background:#da1b37;}


#pro_bn .swiper-container {position:absolute; left:0; top:0;}

.swiper-container {width:100%!important;}

.main_con {height:330px!important;}
.main_box_slide {margin:0!important; height:355px!important;}
.swiper-slide {width:100%!important; margin:10px 0 0; float:left;}
.swiper-slide h3 {font-size:19px!important; font-weight:600; color:#242424!important; margin:90px 0 8px 21px; text-align:left; width:100%;}
.prod {margin:85px 0 0 0; width:100%;}
.prod li {font-size:13px!important; line-height:22px; letter-spacing:-1px; text-align:left; margin:0 0 0 -169px; position:relative; top:39px;}

.webzin h2 { font-size:20px; letter-spacing:-0.5px; font-weight:bold; padding:30px 0 0 14px;}

.swiper-container_2-horizontal > .swiper-pagination {width:100%!important;}

/*서브_중간레이아웃 */
#sub_tit{margin:0 0 0; height:150px;}
.sub_bn{ width:100%;  margin:0 auto; height:150px; background:center no-repeat; text-align:center;}
.ca01 {background:url(../img/m_bn_01.jpg) no-repeat 50% 20%;background-size: cover; -ms-filter: sizingMethod='scale' property}
.ca02 {background:url(../img/m_bn_02.jpg) no-repeat 50% 20%;background-size: cover; -ms-filter: sizingMethod='scale' property}
.ca03 {background:url(../img/m_bn_03.jpg) no-repeat 50% 20%;background-size: cover; -ms-filter: sizingMethod='scale' property}
.ca04 {background:url(../img/m_bn_04.jpg) no-repeat 50% 20%;background-size: cover; -ms-filter: sizingMethod='scale' property}
.ca05 {background:url(../img/m_bn_05.jpg) no-repeat 50% 20%;background-size: cover; -ms-filter: sizingMethod='scale' property}


/*콘텐츠 */
.content_box {width:100%;  margin:30px auto; height:auto; }
.content_box img {width:100%;}


/* 콘텐츠 자간 */
.mat5{margin-top:5px !important}
.mat10{margin-top:10px !important}
.mat15{margin-top:15px !important}
.mat20{margin-top:20px !important}
.mat25{margin-top:25px !important}
.mat30{margin-top:30px !important}
.mat40{margin-top:40px !important}
.mat50{margin-top:50px !important}

.mab5{margin-bottom:5px !important}
.mab10{margin-bottom:10px !important}
.mab15{margin-bottom:15px !important}
.mab20{margin-bottom:20px !important}
.mab25{margin-bottom:25px !important}
.mab30{margin-bottom:30px !important}




/* 콘텐츠 */

.con_box2 {width:95%; margin:15px auto;}
.con_box2 img {width:100%;}
.con_box2 h2 {clear:both;
	font-size:27px; 
	font-weight:bold; 
	color:#a5784d; 
	padding:0 0 0 0;
	margin:0;}

.con_box2 h3 {clear:both;
	font-size:17px; 
	font-weight:bold; 
	color:#000; 
	padding:0 0 0 0;
	margin:45px 0 5px;}
	
.con_box2 h4 {clear:both;
	font-size:17px; 
	font-weight:bold; 
	color:#385138; 
	padding:0 0 0 0;
	margin:40px 0 0 0;}	


.con_box img {width:100%;}

.con_box {width:91%; margin:20px 0px 30px 17px; overflow-x:hidden;}
.con_box h2 {clear:both;
	font-size:21px; 
	font-weight:bold; 
	color:#333; 
	padding:0 0 5px 0;
	margin-top:0;
	letter-spacing:-0.5px;
	}
	
.con_box h3 {clear:both;
	font-size:17px; 
	font-weight:bold; 
	color:#000; 
	padding:0 0 0 0;
	margin:30px 0 5px;}
	
.con_box h4 {clear:both;
	font-size:15px; 
	font-weight:bold; 
	color:#c5483b; 
	padding:0 0 0 0;
	margin:20px 0 0 0;}	
	
.tab01 {/*clear:both;*/ margin:7px 0 0 0; padding:0; text-align:justify; color:#424242; font-size:13px; line-height:20px; letter-spacing:-0.5px;}	
.border_box {clear:both; padding:12px 12px 10px 12px; border:1px #e4e4e4 solid; background-color:#f7f7f7; margin:10px 0 0 0;line-height:20px; color:#333; font-size:13px; letter-spacing:-0.5px;}	
.con_box ol.border_box {padding:10px 26px;} 



.con_box ul {padding: 0 0 0;}
.con_box ul ul {padding: 0 0 10px;}
.con_box ul > li {padding:6px 0 6px 10px; text-align:justify;line-height:160%;}
.con_box ul ul li {padding:0 0 0 9px; background:url("/images/www/sub/ic_2depth.gif") no-repeat left 7px;  text-align:justify; margin:5px 0 0; line-height:130%;}
.con_box li ol {padding:0; margin:4px 0 12px 20px;}

/* #content ol {margin:4px 0 0 4px; }*/
.con_box ol {padding:0 0 0 17px; margin:0;}
.con_box ol li {padding:5px 0; text-align:justify; border-bottom:1px dashed #ccc;list-style-type:decimal;}
.con_box ol li ol li {padding:5px 0 0 12px; text-align:justify;line-height:150%; list-style-type:decimal; border:none; border:none;}


.align_right {text-align:right!important;}
.align_left  {text-align:left!important;}
.align_center {text-align:center!important;}


.content {margin:0; width:100%; float:left;}
.content img {width:99%;}

.content2 {margin:0; width:92%; padding-left:13px;}
.content2 img {width:50%;}



.content h2 {padding:0; font-size:20px; padding-bottom:5px; border:none; text-align:left; color:#c51232;}
.content h3 {clear:both;
	font-size:17px; 
	font-weight:bold; 
	color:#ca0c28; 
	padding:3px 0 0 0;
	margin:30px 0 5px; 
	background:url('../img/h3.png') no-repeat 0 0; 
	letter-spacing:-0.5px;
	line-height:25px;
	}	
	
	
.content_mo h3 {clear:both;
	font-size:17px; 
	font-weight:bold; 
	color:#ca0c28; 
	padding:3px 0 0 25px;
	margin:30px 0 5px; 
	background:url('../img/h3.png') no-repeat 0 0; 
	letter-spacing:-0.5px;}		
	
	
.content h4 {clear:both;
	font-size:15px; 
	font-weight:bold; 
	color:#996635; 
	padding:0 0 0 0;
	margin:25px 0 0 0;
	background:url('../img/h4.jpg') no-repeat 0 0; }	


.content ul.border_box {padding:14px 16px;}
.content ol.border_box {padding:16px 40px; margin:20px 0 0;}

.content ul {padding: 0 0 0;}
.content ul ul {padding: 0 0 10px;}
.content ul li {padding:6px 0 8px 14px text-align:justify; border-bottom:1px dashed #ccc;background:url('../img/li.jpg') no-repeat 0 14px;}
.content ul ul li {padding:0 0 0 9px; background:url('../img/li.jpg') no-repeat 0 16px;  text-align:justify; margin:5px 0 0; line-height:130%;}
.content li ol {padding:0; margin:4px 0 12px 20px;}

/* #content ol {margin:4px 0 0 4px; }*/
.content ol {padding:0 0 0 17px; margin:0;}
.content ol li {padding:7px 0; text-align:justify; border-bottom:1px dashed #ccc;list-style-type:decimal;}
.content ol li ol li {padding:5px 0 2px 12px; text-align:justify;line-height:150%; list-style-type:decimal; border:none; border:none;}


.content2 h2 {padding:0; font-size:20px; padding-bottom:5px; border:none; text-align:left; color:#c51232;}
.content2 h3 {clear:both;
	font-size:17px; 
	font-weight:bold; 
	color:#ca0c28; 
	padding:3px 0 0 25px;
	margin:30px 0 5px; 
	background:url('../img/h3.png') no-repeat 0 0; 
	letter-spacing:-0.5px;}		
	
.content2 h4 {clear:both;
	font-size:15px; 
	font-weight:bold; 
	color:#996635; 
	padding:0 0 0 0;
	margin:25px 0 0 0;
	background:url('../img/h4.jpg') no-repeat 0 0; }	

.content2 ol.border_box {padding:16px 40px; margin:20px 0 0;}

.content2 ul {padding: 0 0 0;}
.content2 ul ul {padding: 0 0 10px;}
.content2 ul li {padding:8px 0 8px 14px; text-align:justify; border-bottom:1px dashed #ccc; background:url('../img/li.png') no-repeat 0 15px;}
.content2 ul ul li {padding:0 0 0 9px; background:url("/images/www/sub/ic_2depth.gif") no-repeat left 7px;  text-align:justify; margin:5px 0 0; line-height:130%;}
.content2 li ol {padding:0; margin:4px 0 12px 20px;}

/* #content ol {margin:4px 0 0 4px; }*/
.content2 ol {padding:0 0 0 17px; margin:0;}
.content2 ol li {padding:7px 0; text-align:justify; border-bottom:1px dashed #ccc;list-style-type:decimal;}
.content2 ol li ol li {padding:5px 0 2px 12px; text-align:justify;line-height:150%; list-style-type:decimal; border:none; border:none;}



/*테이블스타일*/

caption {overflow:hidden; height:0; visibility:hidden; width:0; line-height:0; font-size:0;}

table.t_basis {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	line-height:140%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-top:7px;
	font-size:12px;
}

table.t_basis th {
    border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	background:#f4f4f4;
    color: #333;
    font-weight: bold;
    padding: 7px;
	text-align:center;
}


table.t_basis td {
    border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
    padding: 7px;
	text-align:center;
	background:#fff;
	vertical-align: middle;
}

.brn {
    border-right: medium none !important;
}

.td_subject {font-size:17px; font-weight:bold;}


/*메뉴*/
#aside {float:left;margin:0x 30px 0 0;width:215px;background:#fff}

/*대메뉴 스타일*/


#cssmenu ul{
  margin:0;
  padding: 0;
  font-weight: normal;
  font-family: nanumgothic;
  width:100%;
}

#cssmenu li {width:49%; margin:0 1px 1px 0; font-size: 16px; border:1px solid #dcdcdc; float:left; padding:0;}


#cssmenu {margin:20px 0 30px 17px; float:left; width:91%;}
#cssmenu a {
  line-height:36px;
}

#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  margin:0 0 0 0px;
  color: #666;
  border-top: none;
  letter-spacing:-0.5px;
  width:100%;
  padding:0;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 2px 0 2px 10px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
  background:#ca0c28;
    font-weight:600;
	color:#fff;
	width:100%;
}
#cssmenu > ul > li.active {
  border-bottom: none;
  color:#000;
}
#cssmenu > ul > li.has-sub > a span {
  text-decoration: none;
  background:#ca0c28;
    font-weight:600;
	color:#fff;
}
#cssmenu > ul > li.has-sub.active > a span {
  text-decoration: none;
  background:#ca0c28;
    font-weight:600;
	color:#fff;
	width:100%;
}

#cssmenu > ul > li.on a:hover {
  text-decoration: none;
  background:#ca0c28;
    font-weight:600;
	color:#fff;
}

.root_daum_roughmap {width:100%;}
.c0 {margin-top:0!important;}

.yueli {margin-bottom:25px;}

#bo_list {margin-top:20px;}

/* 쓰기 테이블 */
#bo_w .tbl_frm01 {margin:0 10px 20px}
#bo_w .tbl_frm01 caption{width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;display:none;position:absolute;top:0;left:0}
#bo_w .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
#bo_w .tbl_frm01 th {width:22%;padding:10px 7px;border:1px solid #e3e3e3;background:#ebebeb;color:#383838;text-align:left;font-size:13px;}
#bo_w .tbl_frm01 td {padding:7px 10px;border:1px solid #dfdfdf;font-size:13px;color:#666}
#bo_w .tbl_frm01 textarea, .frm_input {border:1px solid #dcdcdc;;color:#000;vertical-align:middle;line-height:2em}
#bo_w .tbl_frm01 textarea {padding:2px 2px 3px;width:98%;height:100px}
#bo_w .frm_input {height:30px;padding-left:10px;font-size:13px;color:#555}
#bo_w .tbl_frm01 a {text-decoration:none}
#bo_w .tbl_frm01 .frm_file {display:block;margin-bottom:5px;padding-left:0}
#bo_w .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}


/* 게시판 쓰기 */
#bo_w {width:98%}


/* 인사말 */

.left_box {width:100%; float:left; margin-bottom:15px;}
.left_box p{font-size:14px!important; line-height:20px!important;}

.right_box {width:100%; float:right;}
.right_box p{font-size:14px!important; line-height:20px!important;}


.ft_box {height:50px; background:#222222; width:100%;  margin-top:40px;}
.ft_txt {font-size:11px; color:#6f7374; float:left; margin-left:23px; margin-top:15px;}
.ft_num {font-size:20px; color:#fff; float:right; margin-right:20px; margin-top:11px; font-weight:bold;}
.ft_num a {color:#fff;}


/* 연혁 */

.historyList { background:url('../img/dot_h.png') repeat-y scroll 109px top;
    margin-top: 30px;}

.historyList .year:first-child {border-top:2px solid #719411;}
.historyList .year {padding:30px 0 1px 25px; position:relative; border-top:1px solid #ececec;}
.historyList .year > dt {color: #719411;
    font-size: 22px;
    font-weight: normal;
    left: 0;
    letter-spacing: -1px;
    position: absolute;
    top: 27px;}

.historyList .month:first-child {margin-top:0;}
.historyList .month {padding-left:2px; position:relative;}
.historyList .month > dt {    font-weight:bold;
    font-size: 13px;
    left: 0;
    line-height: 25px;
    padding-right:25px;
    position: absolute;
    text-align: right;
    top: 0;
    width:30px;
}
.historyList .month > dd { font-size: 13px; line-height: 25px;}

.historyList .month > dd > p {
	background: url('../img/green_sq.png') no-repeat scroll left 9px;
    padding-left: 13px;
}


/*다운로드 버튼*/

 .btn_down {
    background: url("../img/btn_down_bg.gif") no-repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 38px;
    text-decoration: none !important;
}
.btn_down span.down {
    background: url("../img/btn_down_bg.gif") no-repeat scroll right 0;
    color: #333333;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 29px;
    margin-left: 30px;
    margin-right: 0;
    padding-right: 30px;
    padding-top: 9px;
}

.btn_pack, .btn_pack * {
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	background:url("../img/btn_down_bg.gif") no-repeat;
	font-weight: bold;
	color:#333;
	/*text-decoration:none !important;*/
	vertical-align:top;
	white-space:nowrap
}

.btn_pack {margin-right:4px; margin-top:-2px;}
.btn_pack * {left:4px; cursor: pointer;}
.btn_pack.btn_down, .btn_pack.btn_down * {height:30px; line-height:30px}
.btn_pack.btn_down {background-position:left 0}
.btn_pack.btn_down * {padding:0 20px 0 17px; background-position:right 0; font-size:12px;}
.btn_pack *:hover, .btn_pack *:active, .btn_pack *:focus {color:#30790c}



.img_float1 {margin-bottom:10px; line-height:25px;}
.img_float2 {margin-bottom:10px; line-height:25px;}
.img_float3 {margin-bottom:10px; line-height:25px;}
.img_float4 {margin-bottom:10px; line-height:25px;}
.img_float5 {margin-bottom:10px; line-height:25px;}


.sta_box a img{width:46%;}


.th_20 {width:20%;}
.th_25 {width:25%;}
.th_30 {width:30%;}
.th_35 {width:35%;}