@charset "utf-8";

/* 상단 레이아웃 */
#hd {z-index:5;position:relative;  top:0;  width:100%; background-color: #ffffff; margin: auto;}
.hd_zindex {z-index:10 !important}
#hd_wrapper {position:relative;margin:0 auto;padding:0px 0 0;max-width: 1200px;zoom:1; height:76px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* 상단 로고 */
#logo {position: absolute;   top: 0;    left: 50%; margin-left:-133px;   z-index: 1; text-align:center; border:0px solid red;}
#logo a {display: block;    margin-top: 15px;}


/* 상단 소메뉴 */
#tnb {    position: absolute;    top: 25px;    right: 1%;    padding-top: 10px;    text-align: right; border:0px solid red;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb p {text-align:right;}
#tnb li {float:left;margin:0 0 0 15px; padding:0px;}
#tnb li a {display:inline-block; font-size:14px; color:#ca0427; font-weight:bold; line-height:25px}
#tnb img {margin-right:3px}

/* 메인 대메뉴/소메뉴 */
/*
#gnb {position:absolute; top:76px; left:0; width:100%; margin:0 auto; background-color:rgba(127,190,37, 0.9); z-index:1;}
#gnb .gnb_wrap{margin:0 auto;position:relative; width:100%; max-width:1200px; height:78px; margin:0 Auto; border:0px solid white;}
#gnb #gnb_1dul {font-size:18px;padding: 0;zoom:1; text-align:center; float:right;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:78px; text-align:center; padding:0 30px;  box-sizing:border-box;position:relative;}
*/
#gnb {position:absolute; top:76px; left:0; width:100%; margin:0 auto; background-color:rgba(204, 4, 39, 0.9); z-index:10000;} /*c24c29 / 194, 76, 41, 0.9*/
#gnb .gnb_wrap{margin:0 auto;position:relative; width:100%; max-width:1200px; height:78px; margin:0 Auto; border:0px solid white;}
#gnb #gnb_1dul {font-size:18px;padding: 0;zoom:1; text-align:center; float:right;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:78px; text-align:center; padding:0 30px;  box-sizing:border-box;position:relative;}
#gnb #m2 .gnb_2dul {padding:0;}
#gnb .gnb_1dli:hover{background-color:#92061f;}
#gnb .gnb_1dli:hover .gnb_1da {color:#ffffff !important;}
#gnb * {z-index:10000;}
.bx-wrapper * {z-index:1 !important;}
.gnb_1da {display:block;font-weight:bold;color:#ffffff !important;text-decoration:none; width:100%; font-size:18px;}
.gnb_2dul {display:none;position:absolute;top:78px;min-width:100%; padding:10px 0 !important;	background-color:#ffffff;  }
.gnb_2dli{text-align:center; line-height:30px;}
.gnb_2dli:first-child{border:0}
a.gnb_2da {display:inline-block;padding:0;line-height:30px;color:#333333;text-align:left;text-decoration:none; font-size:14px; font-weight:600; letter-spacing:-1px; }
a.gnb_2da:hover{color:#9F3C1F; font-weight:700;/* text-decoration: underline;*/}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
#gnb .gnb_1dli.on {}
#gnb .gnb_1dli.on .gnb_1da {color:#338e2f}
#gnb .gnb_1dli.on .gnb_2dul .gnb_2da.on {color:#000; font-weight:700; text-decoration: underline;}
#m8 { min-width:120px; }

#btnNav {display:none; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; background-color:transparent; cursor:pointer; z-index:1000}
#btnNav span {position:absolute; display:block; left:5px; width:30px; height:5px; background:#9F3C1F; transition:all .4s ease; border:0px solid white; box-shadow:1px 1px 6px 2px rgba(255,255,255,.3); }
#btnNav span.bar1 {top:5px}
#btnNav span.bar2 {top:15px}
#btnNav span.bar3 {top:25px}
#btnNav.active span.bar1 {top:18px; transform:rotate(45deg)}
#btnNav.active span.bar2 {display:none}
#btnNav.active span.bar3 {top:18px; transform:rotate(-45deg)}
#btnUser {display:none; position:absolute; top:25px; right:100px; width:25px; height:25px; background:url(../img/ic_user.png) no-repeat center center; background-size:100%;}

/* 메인 비쥬얼 및 컨텐츠 구조설정 */
.main_v {height:auto; max-width: 100%;margin: auto; position:relative; border:0px solid red;}
.main_img {position:relative;max-width: 100%;margin:auto;overflow:hidden; height:100%; }
#main_visual_link { position:absolute; top:513px; left:50%; width:100%; max-width:1200px; margin-left:-600px; background-color:#92061f;z-index:2; }
#wrapper_main {width:100%;}
#ft { width:100%; height:auto; /*background-color:#fff; border-top:1px solid #ccc;*/ }
#ft_copy {position:relative; height:auto; padding:30px 0; text-align:center; background-color:#000; /*background:url(../img/footer_bg.jpg) no-repeat left top;*/ }

/* 메인 비쥬얼 설정 */
.main_img_inner { height:464px; background-size:cover; }
/*
.main_visual01 {background:url(../img/main_visual01.jpg) no-repeat center center; background-size:cover; }
.main_visual02 {background:url(../img/main_visual02.jpg) no-repeat center center; background-size:cover; }
.main_visual03 {background:url(../img/main_visual03.jpg) no-repeat center center; background-size:cover; }
*/
.main_visual_txt { display:none; position: absolute; top:35%; left:50%; width:100%; max-width:595px; margin-left:-297px; height:auto; background-color:rgba(0,0,0,0.3); padding:20px 0; }
.main_visual_txt p.visual_text01 { width:100%; font-size:36px; text-align:center; color:#fff; font-family: "Nanum Gothic"; font-weight:800; letter-spacing:-1px; padding:0px 0px; margin:0 auto;}
.main_visual_txt p.visual_text02 {font-size:24px; text-align:center; color:#fff;font-family: "Nanum Gothic"; font-weight:700; margin-top:25px; line-height:1.5; /*text-shadow: 0 0 5px #000;*/ letter-spacing:-1px; }
.main_visual_txt p.visual_text03 {font-size:14px; text-align:center; color:#fff;font-family: "Nanum Gothic"; margin-top:25px; /*text-shadow: 0 0 5px #000;*/ }
.main_visual_txt strong { font-size:40px; }


/* 메인 비쥬얼부분 링크 */
#main_visual_link ul li { float:left; width:33.3%; color:#ffffff; height:52px; padding-left:1%; border-right:1px solid #ffffff; box-sizing:border-box; }
#main_visual_link ul li:last-child { border-right:0; }
#main_visual_link ul li span.won { float:left; font-size:35px; line-height:48px; border:0px solid white;}
#main_visual_link ul li a { width:100%; color:#ffffff; font-weight:600; font-size:20px; line-height:52px; }
#main_visual_link ul li span.sub_text { float:right; font-size:13px; font-weight:normal; margin-right:10px; letter-spacing:-1px; border:0px solid red; }

/* 메인 컨텐츠 구조 설정 */
.sec_01 {padding:60px 0 0 0;}
.sec_02 {padding:25px 0 40px 0; margin-top:30px; }
.main_section { width:100%; max-width: 1200px; padding:0px 0;margin:auto;overflow:hidden; }
.main_search { width:100%; max-width: 1200px; padding:0px 0;margin:auto;overflow:hidden; text-align:center; margin-top:20px; }
.main_subsec_half { width:48%; height:auto; min-height:320px; color:#ffffff; }
.ms_left { float:left; background-color:#0a967e; }
.ms_right { float:right; background-color:#92061f; }


/* 메인 컨텐츠부분 중 좌우구조 설정 */
.main_subsec_half .main_title02 { width:100%; font-family: 'SUIT','Noto Sans KR',sans-serif; background:url(../img/main_title_icon03.png) no-repeat 30px top; text-indent:75px; height:42px; line-height:42px; font-size:25px; font-weight:700; margin:20px 0;  }
.main_subsec_half .main_title03 { width:100%; font-family: 'SUIT','Noto Sans KR',sans-serif; background:url(../img/main_title_icon04.png) no-repeat 30px top; text-indent:85px; height:42px; line-height:42px; font-size:25px; font-weight:700; margin:20px 0;  }
.main_subsec_half ul { height:auto; }

/* 메인 홍보배너 목록 */
.main_section .main_title01 { font-family: 'SUIT','Noto Sans KR',sans-serif; font-size:25px; font-weight:700; text-align:center; margin:0 auto; }
.list_banner { margin-top:30px;}
.list_banner:after { clear:both; display:block; content:""; }
.list_banner li {position:relative; background-color:#fff; padding:7px; border:1px solid #c4c4c4; box-sizing:border-box; float:left; width:18%; margin-right:2.5%;}
.list_banner li:nth-child(5n) { margin-right:0; }
.list_banner li img{width:100%; height:auto; }
.list_banner li .banner_subject { width:100%; height:60px; overflow:hidden; text-align:center; font-size:18px; color:#333333; font-weight:700; margin-top:15px; line-height:150%;}
.list_banner li .banner_subject span { font-size:17px; font-weight: 500; }
.list_banner li .mb_img { position:relative; }
.list_banner li .mb_on_layer { position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0.8; background-color:#8cc43a; color:#ffffff; text-align:center; display:none; z-index:2; }
.list_banner li .mb_on_layer img { width:auto; height:auto; max-width:80%; text-align:center; margin:15% auto 0 auto; z-index:30; }
#main_banner01:hover #on_txt_1 { display:block; }
#main_banner02:hover #on_txt_2 { display:block; }
#main_banner03:hover #on_txt_3 { display:block; }
#main_banner04:hover #on_txt_4 { display:block; }

/* 메인 검색 */
.main_search ul { width:auto; margin:0 auto; border:1px solid red;}
.main_search li { float:left; }
.main_search select { height:50px; font-size:18px; padding:0 25px 0 15px; border:1px solid #cccccc; border-right:0; background:url(../img/main_search_select_bg.gif) no-repeat 90% 17px; -webkit-appearance: none; -moz-appearance: none; appearance : none; }
.main_search select::-ms-expand { display: none; }
.main_search input { height:48px; font-size:18px; width:150px; border:1px solid #cccccc; padding:0 10px;}
.main_search button { background-color:#c24c29; width:50px; height:50px; margin:0;  }


/* 메인 게시물 목록 */
.list_bbs { width:90%; margin:0 auto 30px auto;}
.list_bbs li { width:100%; height:40px; line-height:40px; border-bottom:1px solid #46b5af; text-indent:10px; overflow:hidden; }
.list_bbs li .bbs_subject { float:left; color:#ffffff; width:70%;/* word-break:break-all;*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list_bbs li .bbs_date { float:right; color:#ffffff; width:30%; text-align:right; overflow:hidden; word-break:break-all; }

/* 메인 갤러리/배너 목록 */
.list_bbs_photo { width:90%; margin:0 auto 0px auto;}
.list_bbs_photo li { float:left; width:32%; height:auto; margin-right:2%; background-color:#ca0427; text-align:center; }
.list_bbs_photo li:nth-child(3n) { margin-right:0; }
.list_bbs_photo li .list_photo_img { position:relative; width:100%; height:120px; line-height:120px; padding-top:20px; }
.list_bbs_photo li .list_photo_img img { width:auto; max-width:100%; height:auto; max-height:100%;}
.list_bbs_photo li .list_photo_subject { font-size:25px; height:35px; line-height:35px; padding-bottom:35px; width:100%; color:#ffffff; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


/* 하단 레이아웃 */
#ft_copy ul li { display:inline-block; margin-right:10px; line-height: 20px; color: #666; font-size:13px; color:#ffffff !important; line-height:150%; }
#ft  div.copy_text { width:100%; padding:15px 0; background-color:#010101; font-size:13px; color:#ffffff; text-align:center; }
#ft  div.copy_text a { color:#ffffff; }

#quick {position: absolute; z-index: 999; top:450px; left: 50%; margin-left: 625px; width: 100px; margin-top: 0px;}
.tday {width:100px; position:relative; }
.tday p.tday_tit {background-color:#dcdada; font-size:12px; text-align:center; height:30px; line-height:30px;}
.tday ul {border:1px solid #ccc; padding:5px; padding:20px 5px;}
.tday ul li {width:100%; overflow:hidden; margin-bottom:5px; }
.tday ul li span {display:block; font-size:12px; text-align:center; line-height:20px;}
.tday ul li img {width:100%;}

.btn_box .prev {position: absolute; top:30px; left:50%; margin-left:-3.5px;}
.btn_box .next {position: absolute; bottom:5px; left:50%; margin-left:-3.5px;}

.quick_tel {margin:20px 0;}


/* sub */

/* 서브비쥬얼 */
.sub_visual .main_img_inner { height:380px; background-size:cover; }
.sub_visual .main_img_inner .main_visual_txt {top:35%; height:auto;  background-color:rgba(0,0,0,0); }
.sub_visual .main_img_inner .main_visual_txt p.visual_text01 { font-size:30px; line-height:50px; background-color:rgba(0,0,0,0.3); }
.sub_visual .main_img_inner .main_visual_txt p.visual_text02 {font-size:20px; text-shadow: 0 0 10px #000; }
.sub_visual .main_img_inner .main_visual_txt p.visual_text03 {font-size:14px; text-align:center;text-shadow: 0 0 10px #000;  }
.sub_visual .bx-wrapper .bx-pager { display:none !important; }
/*
.sub_visual01 {background:url(../img/main_visual01.jpg) no-repeat center center; background-size:cover; }
.sub_visual02 {background:url(../img/main_visual02.jpg) no-repeat center center; background-size:cover; }
.sub_visual03 {background:url(../img/main_visual03.jpg) no-repeat center center; background-size:cover; }
*/

/* 서브 소메뉴(상단 혹은 좌측) */
#aside { position:relative; background-color: rgba(0, 0, 0, 0.8); width:100%; border-top:0px solid #ffffff; box-sizing:border-box; z-index:4;}
.lnb {overflow:hidden; margin:0px 0 20px; max-width:1200px; margin:auto; }
.lnb h2 {display:none;}
.lnb dl { width:100%; margin:0;  /*border-right:1px solid #545454; border-bottom:1px solid #545454; box-sizing:border-box;*/}
.lnb dl dd { float:left; width:20%; /*border-left:1px solid #545454; box-sizing:border-box;*/ border-top:0; text-align:center; }
.lnb dl dd a {display:block; font-family: "Nanum Gothic"; padding:0 15px; height:45px; line-height:45px; font-size:18px; color:#ffffff; font-weight:bold; transition:all 0.2s; cursor:pointer; /*text-shadow: 0 0 5px #000;*/}
.lnb dl dd a.on {background:#92061f; color:#fff;}
.lnb dl dd.on a, .lnb dl dd:active a {background:#92061f; color:#fff;text-shadow:none;}
.lnb dl dd.on a:before { content:"● "; }
/*.lnb dl dd a:hover:before {content:"○ ";}
.lnb dl dd.on a:before, .lnb dl dd.on a:hover:before { content:"● "; }
*/

/* 서브 컨텐츠부분 레이아웃 */
#wrapper {z-index:4;margin:0 auto;max-width:1200px;zoom:1; }
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {z-index: 4; position: relative; padding: 0; height: auto !important; min-height: 500px; background: #fff; font-size: 1em; zoom: 1; padding: 25px 0px 50px 0px; border:0px solid red; box-sizing: border-box;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

/* 서브 제목 */
.cont_tit { width:100%; overflow:hidden; color: #292929; text-align:center; position: relative; margin-bottom:30px; }
.cont_tit .page_title01 { width:auto !important; text-align:center; margin:0 auto 20px auto; padding:15px 0px 20px 0; border-bottom:0px solid #999999; }
.cont_tit .page_title01 strong { border-top:0px solid #c24c29; padding-top:10px;font-size:28px; font-weight:800;  }

.sub_text01 { font-size: 15px; line-height:150%; }

.ft_qrcode { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.ft_qrcode > .ftq_left { position:absolute; left:0; top:0; }
.ft_qrcode > .ftq_right { position:absolute; right:0; top:0; }
.ft_qrcode img { width:80px; }
.ft_qrcode p { color:#ffffff; font-size:13px; padding-top:3px; }

@media ( max-width: 1199px ) {
	#main_visual_link { left:0; margin-left:0; }
	#main_visual_link .sub_text { display:none; }
	#gnb_1dul > li.gnb_1dli {padding:0 25px}
}
@media ( max-width: 1023px ) {
	/* 메인 */
	#hd {position:fixed; border-bottom:1px solid #BF0E20; box-sizing:border-box; }
	#hd ul#tnb  {display:none;}
	#logo {left: 0; margin-left:50px; text-align:left;}
	#logo img{height:50px; padding-top:0;}

	#gnb .gnb_wrap{width:auto; height:100%; }
	#gnb_wrap {position:fixed !important; top:0; right:-350px; width:350px; max-width:100%; height:100%;  margin:Auto;background:#9F3C1F; box-shadow:-2px 0 6px 0 rgba(0,0,0,.3); z-index:990;}
	#gnb_wrap a.gnb_top {position:relative; display:block !important; padding:0 0 0 25px; height:80px; font-size:16px; color:#fff; line-height:80px; background:#555}
	#gnb_wrap a.gnb_top > span.nav-home {display:inline-block; width:17px; height:16px; margin-right:10px; background:url(../img/nav_home.png) 0 0 no-repeat; vertical-align:-2px;}
	#gnb_wrap button {display:block; position:absolute; top:20px; right:50px; width:40px; height:40px; border:none; border-radius:2px; background:#333; cursor:pointer}
	#gnb_wrap button span {position:absolute; display:block; left:10px; width:20px; height:2px; background:#fff; transition:all .4s ease}
	#gnb_wrap button span.bar1 {top:12px}
	#gnb_wrap button span.bar2 {top:18px}
	#gnb_wrap button span.bar3 {top:24px}
	#gnb_wrap button.active span.bar1 {top:18px; transform:rotate(45deg)}
	#gnb_wrap button.active span.bar2 {display:none}
	#gnb_wrap button.active span.bar3 {top:18px; transform:rotate(-45deg)}
	#gnb_1dul {float:none; width:250px;}
	#gnb_1dul > li.gnb_1dli {float:none; height:auto; text-align:left; padding:0; float:none; line-height:18px}
	#gnb_1dul > li > a {position: relative; height:auto; padding:15px 25px; padding-left:60px; font-size:16px; border-bottom:1px solid #cccccc; }
	#gnb_1dul > li > a > span {padding:0}
	#gnb_1dul > li > a > span:before {display:none}
	#gnb_1dul > li > ul.gnb_2dul li:before {display:none}
	#gnb_1dul > li.dropdown > a:before {position:absolute; display:block; width:2px; height:14px; left:31px; top:50%; margin-top:-7px; content:''; background:#fff; transition:all .3s ease}
	#gnb_1dul > li.dropdown > a:after {position:absolute; display:block; width:14px; height:2px; left:25px; top:50%; margin-top:-1px; content:''; background:#fff}
	#gnb_1dul > li.open > a:before {transform:rotate(90deg)}
	#gnb_1dul > li > ul.gnb_2dul {display:none; position:static; width:100%; padding:0; background:#f1f1f1; opacity:1 !important; filter:alpha(opacity='100') !important; box-shadow:none}
	#gnb_1dul > li > ul.gnb_2dul li {padding:0; border-color:#dedede; text-align:left; }
	#gnb_1dul > li > ul.gnb_2dul li a.gnb_2da {font-size:15px; padding:10px 25px; line-height:18px;color:#9F3C1F; }
	#gnb_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:200}

	#btnNav {display:block;position:fixed;}
	#btnUser {display:none;}
	
	.main_v { margin-top:76px }
	.main_visual_txt { top:30%; }
	.sub_visual .main_img_inner .main_visual_txt {top:25%; }
	
	.sec_02 {padding:30px 10px;}

	.list_banner li .banner_subject { height:70px;letter-spacing:-1px; }

	.list_bbs_photo li .list_photo_subject { font-size:20px; }
	
	.ft_qrcode { display:none; }
/*
	.ft_qrcode { text-align:center; }
	.ft_qrcode:after { display:block; content:""; clear:both; }
	.ft_qrcode > .ftq_left { position:relative; left:auto; top:0; display:inline-block; }
	.ft_qrcode > .ftq_right { position:relative; right:auto; top:0; display:inline-block; }
*/
}
@media ( max-width: 767px ) {
	
	#btnNav { right:10px}
	#btnUser {right:60px}
	#logo {margin-left:10px;}
	#logo a {margin-top:10px}

	.main_v .main_img_inner { height:300px; }
	.main_visual_txt {width:90%; top: 25%; left:5%;margin-left:0;}
	.main_visual_txt p.visual_text01 {font-size:18px; }
	.main_visual_txt p.visual_text02 {font-size:15px; word-break:keep-all;}
	.main_visual_txt p.visual_text03 {font-size:13px;}
	.main_visual_txt strong { font-size:32px; }

	.sub_visual .main_img_inner .main_visual_txt {top:15%; }
	.sub_visual .main_img_inner .main_visual_txt p.visual_text03 { margin-top:15px; }

	#main_visual_link { position:relative; top:0; left:0; width:100%; margin-left:0; }
	#main_visual_link ul li { height:42px; }
	#main_visual_link ul li a { font-size:17px; line-height:42px; letter-spacing:-1px; }
	#main_visual_link ul li span.won { font-size:30px; line-height:40px; border:0px solid white;}

	.main_subsec_half { width:100%; padding-top:10px; }
	.ms_left { float:none; }
	.ms_right { float:none; }

	.main_section .main_title01 { width:220px; font-size:20px; }

	#ft p {padding:0 10px; }

	.list_banner li {width:32%; margin-right:2%; margin-bottom:10px;}
	.list_banner li:nth-child(3n) { margin-right:0; }
	.list_banner li .banner_subject { height:60px; font-size:15px;}
	.list_banner li .banner_subject span { font-size:13px; }

	#aside {display:none;}

}

@media ( max-width: 479px ) {
	#logo {margin-top:5px;}
	#logo img { max-width:250px; height:auto; }

	.main_v .main_img_inner {background-size: auto 100% !important;}
	.main_visual_txt {width:80%; top:80px; left:50%; margin-left:-40%; margin-top:0;height:auto;}

	#main_visual_link ul li { height:40px; }
	#main_visual_link ul li a { font-size:15px; line-height:40px; letter-spacing:-1px; }
	#main_visual_link ul li span.won { font-size:25px; line-height:40px; border:0px solid white;}

	.main_section h2 {font-size:24px}

	.main_search select { width:25%; height:40px; font-size:15px; padding:0 20px 0 10px; background-position:90% 12px; }
	.main_search select:first-child { width:20%; }
	.main_search input { height:38px; font-size:15px; width:25%; padding:0 7px;}
	.main_search button { width:40px; height:40px; margin:0;  }

	.main_bbs li a {font-size:14px}
	.main_bbs li span.date {font-size:14px}

	/*.list_bbs_photo li { width:50%; margin-bottom:10px; }*/
	.list_bbs_photo li .list_photo_img { height:100px; line-height:100px; }
	.list_bbs_photo li .list_photo_img img { width:75%; height:auto; max-height:100%;}
	.list_bbs_photo li .list_photo_subject { font-size:17px; height:25px; line-height:25px; letter-spacing:-1px; }

}
@media ( max-width: 320px ) {
 	#logo {margin-top:10px;}
	#logo img { max-width:200px; height:auto; }
}