@charset "utf-8";

/* 초기화 */
#mhd ul, nav ul, #mft ul {margin:0;padding:0;list-style:none}

/* 상단 레이아웃 */
#mhd {position:relative;background:#fff}
#mhd:after {display:block;visibility:hidden;clear:both;content:""}
#mhd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#mgnb {display:none;background:#282828}
#mgnb a {display:block;color:#efefef}
.gnb_1da {padding:10px;border-top:1px solid #191919}
.gnb_2dul {background:#383838}
.gnb_2da {padding:10px;border-top:1px solid #282828}
.gnb_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#mgnb_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#mgnb #ol_svc a {
display: inline-block;
margin: 0 0 0 5px;
color: #fff;
text-decoration: none;
vertical-align: middle;
}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#mhd_sch_open {position:absolute;top:10px;right:10px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em}
#mhd_sch {display:none;border-top:1px solid #181818;background:#282828;text-align:center}
#mhd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#mhd_sch form {position:relative;padding:30px 0}
#mhd_sch #msch_stx {height:30px;border:1px solid #181818;background:#323232 !important;line-height:2.5em;vertical-align:middle;color:#fff}
#mhd_sch #msch_submit {margin:0;padding:0 10px;height:32px;border:0;background:#000;color:#fff;vertical-align:middle}
#mhd_sch #msch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

#lnb {}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}

/* 중간 레이아웃 */
#mwrapper {margin:20px 0}
#mwrapper:after {display:block;visibility:hidden;clear:both;content:""}

#mcontainer {position:relative;min-height:300px}
#mcontainer:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 10px 20px;font-size:1.2em;font-weight:bold}

/* 텍스트 크기 조절 */
#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}

/* 하단 레이아웃 */
#mft {background:#f2f5f9}
#mft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#mft p {margin:0;padding:10px 0;line-height:1.8em}

#mft_copy {padding:10px;background:#414141;color:#fff;line-height:2em}
#mft_copy #ft_company {text-align:center;font-size:0.917em;font-family: '돋움',Dotum,Verdana,applegothic;letter-spacing: -1px;}
#mft_copy #ft_company a {display:inline-block;padding:5px 0}
#mft_copy b {color:inherit}
#mft_copy a {color:inherit;text-decoration:none}

/* 게시물 선택복사 선택이동 */
#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}
/* 본문 바로가기 */
.mto_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}










/* destroy gnuboard basic css */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=file],
input[type=number],
select, label, button, img, .frm_input {vertical-align:top}
#container_title {margin:0;font-size:1em;padding:2px;}
a.btn_b01, a.btn_admin, a.btn_b02 {margin: 0;padding:0 10px;height: 26px;line-height: 26px;overflow: hidden;-webkit-border-radius: 3px;}
a.btn_admin {color:#fff;background-color: red;border: 1px solid red;background-image: -webkit-gradient(linear,left top,left bottom,from(#ff5151),to(red));}
a.btn_b01 {color:#000;background-color: #fafafa;border: 1px solid #b3b4bb;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6));}
a.btn_b02 {color:#fff;background-color: #000000;border: 1px solid #1c1c1c;background-image: -webkit-gradient(linear,left top,left bottom,from(#6e6e6e),to(#000));}

/* global properties */
.wzicon { background: url(../wz.img/shareimages.png?140512) no-repeat;display: inline-block;font-size: 0;line-height: 0;text-indent: -9999px;}
.wzicon.home {vertical-align:middle; display:inline-block; width: 28px; height: 35px; line-height:35px; background-position: -97px -6px;cursor:pointer;}
.wzicon.category {vertical-align:middle; display:inline-block; width: 28px; height: 35px; line-height:35px; background-position: -54px -6px;cursor:pointer;}
.gheight {height:6px;content:".";display:block;clear:both;}
/* -webkit-margin-start: 0;-webkit-margin-end: 0;-webkit-padding-before: 0.45em;-webkit-padding-start: 0.45em;-webkit-padding-end: 0.45em;-webkit-padding-after: 0.45em; */
fieldset {display: block;padding:0.45em;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;min-width: -webkit-min-content;}
span.textheader {color: #ffffff;font-family: '돋움',Dotum,Verdana,applegothic;font-size:0.917em;letter-spacing: -1px;display: inline-block;padding: 1px 3px; border-radius: 2px;border: 1px solid #fd6418; background-color:#fa762e;line-height: 11px; height: 11px; text-align: center;}
.wzcheckbox {width:20px;height:20px;border:0;-webkit-appearance:none;vertical-align:middle;margin-top:-2px;background:url(../wz.img/checkbox_default.png) no-repeat 0 0;background-size:20px 20px;}
.wzcheckbox:checked {background:url(../wz.img/checkbox_active.png) no-repeat 0 0;background-size:20px 20px;}


/* button */
.wz_btn_mid_gray {display: inline-block;margin: 0 2px;padding: 0 7px;border: 1px solid #26292e;border-radius: 3px;background: #3d4049;line-height: 25px;color: #c3c3c3 !important;}	
.wz_btn_wide {margin:0;border:1px solid #bbb;border-radius:3px;background-color:#f1f1f3;background-image:linear-gradient(to bottom,#f7f8f9,#ebebed);
		overflow: hidden;border-top: 1px solid #d6dade;box-shadow: inset 0 1px 0 rgba(255,255,255,1);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1);}
.wz_btn_wide .wz_btn_wide_box {border-right:1px solid #c5c5c6;float:left;margin-left:-1px;letter-spacing:-1px;color:#3e4349;}
.wz_btn_wide .wz_btn_wide_box:last-child {display:block;overflow:hidden;float:none;border-right:0 none;}
.wz_btn_wide .wz_btn_wide_box button {width:100%;padding:8px;margin:0;background:none;font-size:1em;font-weight:normal;text-align:center;border: 0 none;}

.cate-wrap ul, 
.cate-wrap li {margin:0;padding:0;list-style: none;}
.cate-wrap ul {overflow: hidden;margin:0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;/*border-bottom: 1px solid #a8aaab;*/text-align: center;background: url("../wz.img/bg_dot_cate.png") bottom  repeat-x;}
.cate-wrap ul li {float: left;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.cate-wrap ul .link_menu {display: block;height: 35px;font-size: 1em;line-height: 2.800em;font-weight: normal;background-color: #fcfcfc;background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image: -moz-linear-gradient(top,#fff,#f8f8f8);background-image: -o-linear-gradient(top,#fff,#f8f8f8);background-image: linear-gradient(to bottom,#fff,#f8f8f8);}
.cate-wrap ul .link_menu.active {background:#fff;color:#565e60;font-weight:bold}

@media only screen and (min-width: 480px) {
.cate-wrap ul li {width: 25%;}
.cate-wrap ul li:nth-child(-n+4) {border-top: 0 none;}
.cate-wrap ul li:nth-child(4n) {overflow: hidden;float: none;width: auto;border-right: 0 none;}
}

@media only screen and (max-width: 480px) {
.cate-wrap ul li {width: 33.3%;}
.cate-wrap ul li:nth-child(-n+3) {border-top: 0 none;}
.cate-wrap ul li:nth-child(3n) {overflow: hidden;float: none;width: auto;border-right: 0 none;}
}


/* Header */
#hd_pop {height:0px;}
#mlogo {padding:5px 10px;z-index:10;border-top:1px solid #65686e;border-bottom:1px solid #2e313b;background-color:#3d414d;background-image:-webkit-gradient(linear,left top,left bottom,from(#4c5160),to(#3e4451));background-image:-moz-linear-gradient(top,#4c5160,#3e4451);background-image:-o-linear-gradient(top,#4c5160,#3e4451);background-image:linear-gradient(to bottom,#4c5160,#3e4451);}
#mlogo h3 {padding:8px;display:inline-block;font-weight:bold;letter-spacing:-1px;color:#fff;-webkit-text-shadow:0 1px 0 #2b2d36;text-shadow:0 1px 0 #2b2d36;}

#mgnb_open {position:absolute;padding:0 10px;height:2.6em;color:#fff;font-size:1em;letter-spacing:-0.1em;top:4px;right:15px;text-indent:-9999px;line-height:0;background:url(../wz.img/ico_compact.png?140615) no-repeat;background-position: center center;border:1px solid #404654;border-radius:2px;box-shadow: 0 1px 0 rgba(125,130,144,0.2);-webkit-box-shadow: 0 1px 0 rgba(125,130,144,0.2);}
#mhd_sch_open {top:4px;right:53px;text-indent:-9999px;line-height:0;background:url(../wz.img/ico_search2.png?140615) no-repeat;background-size: 16px 16px;background-position: center center;border:1px solid #404654;border-radius: 2px;box-shadow: 0 1px 0 rgba(125,130,144,0.2);-webkit-box-shadow: 0 1px 0 rgba(125,130,144,0.2);}
#hd_adm_open {position: absolute;top:4px;right:91px;text-indent:-9999px;line-height:0;background:url(../wz.img/ico_key.png?140615) no-repeat;background-size: 30px 30px;background-position: center center;border:1px solid #404654;border-radius:2px;box-shadow: 0 1px 0 rgba(125,130,144,0.2);-webkit-box-shadow: 0 1px 0 rgba(125,130,144,0.2);padding: 0 13px;height: 2.6em;}
/*#gnb_close {top:5px;text-indent:-9999px;line-height:0;}*/

body {background-color:#d3d6dd;}
#mwrapper {padding:6px;margin:0;}
#mft_copy {border-top:1px solid #2d3036;background-color:#353840;}
#mft_btns {text-align:center;}
#mft_copy {text-align:center;color: #9e9e9e !important;}
span.vbar {padding: 0 2px;color:#2d3036}
span.vbar.gray {padding: 0 2px;color:#eee}


/* 작성폼 basic : 2014-06-01 */
.commentbox, 
.writebox {overflow: hidden;position: relative;margin: 0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;border-bottom: 1px solid #a8aaab;box-shadow: 0 1px 0 rgba(164,168,171,0.2);-webkit-box-shadow: 0 1px 0 rgba(164,168,171,0.2);background-color: #f4f4f4;clear: both;}
.writebox .tips {padding: 10px 15px 10px 15px;}
.writebox .tips p em {color: #5a8daf;}
.writebox .inputbox {padding:0;}
.writebox .inputbox .inputnt {position: relative;height: 30px;margin-top:0;margin-bottom: 5px;padding:0 0 0 5px;border: 1px solid #bcbcbc;background-color: #fff;line-height: 28px;}
.writebox .inputbox .inputnt input[type=text],
.writebox .inputbox .inputnt input[type=password],
.writebox .inputbox .inputnt input[type=email],
.writebox .inputbox .inputnt input[type=url],
.writebox .inputbox .inputnt input[type=file],
.writebox .inputbox .inputnt input[type=email],
.writebox .inputbox .inputnt input[type=number],
.writebox .inputbox .inputnt input[type=tel],
.writebox .inputbox .inputnt input[type=date],
.writebox .inputbox .inputnt input[type=range],
.writebox .inputbox .inputnt input[type=url],
.writebox .inputbox .inputnt input[type=search],
.writebox .inputbox .inputnt select,
.writebox .inputbox .inputnt textarea {width: 100%;height: 30px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;background-color:#fff !important;}
.writebox .inputbox .inputnt select {background: url(../wz.img/ico_select_arrow.png) no-repeat right 50% !important;background-size: 15px 5px !important;padding-right:10px;}
.writebox .inputbox .inputarea {margin-bottom: 5px;padding: 0 5px;border: 1px solid #bcbcbc;background-color: #fff;}
.writebox .inputbox .inputarea textarea {width: 100%;height:150px;border: 0;-webkit-appearance: none;-webkit-border-radius: 0;}
.writebox .inputbox .submitcols {position: relative;padding-right: 100px;}
.writebox .inputbox .submitcols .common_btn {position: absolute;right: 0;top: 0;width: 113px;border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;height: 32px;letter-spacing: -1px;padding: 2px 8px 0;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}
.writebox .inputbox .checkBox label {margin-right: 10px;padding-left: 5px;font-size: 14px;color: #767676;vertical-align: middle;}
.writebox .btm-btns {position: absolute;bottom: 0;left: 0;width: 100%;border-top: 1px solid #bcbcbc;}
.writebox .btm-btns a {float: left;width: 33%;height: 30px;font-size: 13px;height:30px;line-height: 30px;color: #737373;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-linear-gradient(top, #fefefe, #eee);background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}
.writebox .btm-btns a span {display: block;border-left: 1px solid #fff;border-right: 1px solid #bcbcbc;}
.writebox .btm-btns a:last-child {width: 34%;}
.writebox .btm-btns a:last-child span {border-right:none;}
.writebox .btm-btns .lbtns {float: left;text-align: center;}
.writebox .btm-btns button {width: 98%;font-size: 13px;margin:6px 0;padding:8px;color: #737373;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;border-radius: 3px;background: -webkit-linear-gradient(top, #fefefe, #eee);background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;}
.writebox .btm-btns .sbmt {font-weight:bold;}
.writebox .inputbox .searchcols {position: relative;padding-left:80px;padding-right: 75px;}
.writebox .inputbox .searchcols .common_sfl {position: absolute;left: 0;top: 0;width: 74px;height:30px;padding:0;border:1px solid #bcbcbc;background-color: #fff;line-height:28px;}
.writebox .inputbox .searchcols .common_sfl select {padding-left:3px;background: url(../wz.img/ico_select_arrow.png) no-repeat right 50%;;background-size: 15px 5px;padding-right: 10px;width:100%;height:30px;border:0;-webkit-appearance: none;-webkit-border-radius: 0px;
border-radius: 0px;background-color:#fff;}
.writebox .inputbox .searchcols .common_btn {position: absolute;right: 0;top: 0;width: 70px;border: 1px solid #aaa;box-shadow: 1px 1px 0 #d3d3d3;height: 32px;letter-spacing: -1px;padding: 2px 8px 0;text-align: center;background-color: #f6f6f6;background-repeat: repeat-x;background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee));background: -moz-linear-gradient(top, #fefefe, #eee);background: -ms-linear-gradient(top, #fefefe, #eee);background: -o-linear-gradient(top, #fefefe, #eee);}
.writebox .inputbox .searchcols .inputnt {margin-bottom:0;}
.writebox.havebtn {padding-bottom:45px;}

/* pageing */
.wziconarrow {background: url(../wz.img/image.gif) no-repeat;}
.paging_comm {position:relative;width:134px;height:26px;margin:0 auto;color:#666;text-align:center;line-height:26px;}
.paging_comm .num_page {color:#425de8;font-size:14px}
.paging_comm .txt_bar {color:#c5c5c5}
.paging_comm .btn_page {position:absolute;top:0;width:37px;height:26px;line-height:26px;overflow:hidden;text-indent:-9999px;border:1px solid #b3b4bb;-webkit-border-radius:3px;background-color:#fafafa;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6))}
.paging_comm .btn_prev {left:0}
.paging_comm .btn_next {right:0}
.paging_comm .wziconarrow {display:block;margin:8px auto 0 auto;width:6px;height:9px;overflow:hidden;text-align:center}
.paging_comm .ico_prev {background-position:-40px -10px}
.paging_comm .ico_next {background-position:-50px -10px}
.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}

/* search */
#mhd_sch #sch_stx {color:#fff;}

/* company */
#ctt {overflow: hidden;position: relative;margin: 0;border-top: 1px solid #bfc2c4;border-left: 1px solid #bfc2c4;border-right: 1px solid #a8aaab;border-bottom: 1px solid #a8aaab;background-color: #fff;box-shadow: 0 1px 0 rgba(164,168,171,0.2);-webkit-box-shadow: 0 1px 0 rgba(164,168,171,0.2);clear: both;}

/* layer popup */
.dimm {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.8);z-index: 100;}
.popup_bx {display:none;position: absolute;top:0;left:50%;z-index: 200;}
.popup_bx .header_popup {height:36px;background-color: #fd6418;line-height: 36px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.popup_bx .header_popup h1 {font-size: 14px;color:#fff;text-align: center;}
.popup_bx .content_popup {padding:10px 6px;background: #fff;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.popup_bx .close_popup {position:absolute;top:7px;right:7px;display:block;width:24px;height:23px;background: url(../wz.img/layer_pop_icon.png) no-repeat;color:#fff;border:none;}
.popup_bx .grid_btn {display:table;width:100%;margin-top: 10px;padding:0;margin:0;}
.popup_bx .grid_btn li {display:table-cell;width:50%;text-align: center;}
.popup_bx .btn_small_gray,
.win_btn .btn_small_gray
{margin:0 3px;display:block;height:28px;border:1px solid #bebebe;background: #f0f0f0;color:#444;text-align: center;-webkit-border-radius:3px;border-radius:3px;line-height: 28px;font-size: 12px;}

/* intro layer */
#introwraper {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 100;
	background-color: #3d414d;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4c5160),to(#3e4451));
	background-image: -moz-linear-gradient(top,#4c5160,#3e4451);
	background-image: -o-linear-gradient(top,#4c5160,#3e4451);
	background-image: linear-gradient(to bottom,#4c5160,#3e4451);
}
#introwraper #cell { position: absolute; top: 40%;width:100%;text-align:center;}
#introwraper #cell h1 {color:#fff;-webkit-text-shadow: 0 1px 0 rgba(164,168,171,0.2);text-shadow:0px -1px 0px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.3);font-size:1.6em;}
#introwraper #cell h3 {color:#fff;-webkit-text-shadow: 0 1px 0 rgba(164,168,171,0.2);text-shadow:0px -1px 0px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.3);padding-top:5px;}