@charset "utf-8";
@import url(../img/NotoSans/noto_font_kr.css);
@import url(../img/Roboto/Roboto.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
 i.fa{font-style:normal !important;}

mark {background-color:#fff;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;resize:none}
caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
img {border:0;vertical-align:middle}
legend {display:none}

body{min-width:100%; font-size:14px;background:#fff; color:#3a3a3a; -webkit-text-size-adjust:none; }
body, select,input,textarea {  line-height:160%; font-family: "Roboto","Times new Roman","맑은 고딕","Nanum Gothic","Gulim", "dotum",Helvetica, sans-serif; color:#555; letter-spacing:0px}
input{font-size:1em;}
iframe#hiddenframe {display:none;width:0;height:0}
label,button{cursor:pointer}

a{color:#333;text-decoration:none}
a:hover, a:focus{color:#7b9e26;text-decoration:none}



/* ///// CSS3 드래그색상  */

.clear{display:block; float:none; clear:both; border:0; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.wrap{width:1130px; margin:0 auto; position:relative; zoom:1;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;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}




#header{position:relative; z-index:10;  }
#header:after {display:block;visibility:hidden;clear:both;content:""}

#header_top{background:#444;position:relative; z-index:11; }
#header_top dl.wrap{ line-height:36px;}
#header_top dl.wrap > dt{float:left; }
#header_top dl.wrap > dd{float:right; }
#header_top dl.wrap > dt > a{float:left; color:#FFF;padding:0 10px; font-size:12px;}
#header_top dl.wrap > dd > a{float:left; color:#FFF;padding:0 10px; font-size:12px;}
#header_top dl.wrap > dd > a.s{color:#ffff00; background:#333; padding:0 10px; }

#family_site {position:relative; float:right; cursor:pointer; }
#family_site dt {position:relative; color:#FFF; border-left:1px solid #666; background:#333; padding:0 50px 0 20px}
#family_site dt:after{position:absolute; top:0; right:20px; line-height:36px; content:"\f107"; font-family:'fontawesome'}
#family_site dd{position:absolute; top:36px; right:0; left:0;  display:none;}
#family_site dd a{white-space: nowrap; float:none; display:block; background:#333; line-height:36px; text-align:center;  color:#FFF; }
#family_site:hover dd{display:block;}
#family_site dd a:hover{background:#000;}


#header h1{float:left;}
#header button{float:right;border:0; width:100px; height:100px; background:#529fd7; color:#FFF; text-align:center;}


#topMenu{float:right; position:relative; margin-right:20px; }
#topMenu #toggleMenu{float:left;   text-indent:-1000px; overflow:hidden; width:32px; line-height:100px; height:100px;  position:relative;   margin-left:10px}
#topMenu #toggleMenu:after{position:absolute; left:0; top:50%; margin-top:-11px;height:19px; width:100%; border-top:1px solid #000; border-bottom:1px solid #000; content:"";}
#topMenu #toggleMenu:before{position:absolute;  left:0;top:50%; margin-top:-1px; height:1px; width:100%; background:#000; content:"";}

#topMenu > ul {float:left; position:relative; }
#topMenu > ul > li{float:left; position:relative; }
#topMenu > ul > li > a{position:relative; z-index:2;display:block; font-size:16px; padding:0 25px; line-height:100px; height:100px;    }
#topMenu > ul > li > a i{display:none;}
#topMenu > ul > li:hover > a{color:#7b9e26}

#topMenu > ul > li > ul{position:absolute; z-index:1; display:none; left:50%; width:200px; padding:10px 0; margin-left:-100px; top:100px; overflow:hidden; background:#FFF; border:1px solid #7b9e26; }
#topMenu.basic > ul > li:hover > ul{display:block;}
#topMenu.basic > ul > li:hover >  a:before{position:absolute;  width:0; top:80px; border:10px solid transparent;  left:50%; margin-left:-10px; border-bottom-color:#7b9e26;  content:""}
#topMenu.basic > ul > li:hover > a:after{position:absolute;    width:0; top:81px; border:10px solid transparent;  left:50%; margin-left:-10px; border-bottom-color:#FFF;  content:""}

#topMenu.basic > ul > li > ul a{display:block; padding:7px 15px;  }
#topMenu.basic > ul > li > ul a:hover{color:#000; background:#F6F6F6}


#topMenu_all{position:absolute; display:none;   left:0; right:0; z-index:11; border-top:1px solid #AAA; border-bottom:1px solid #DDD; background:#FFF; }
#topMenu_all .wrap > ul{border-right:1px solid #EEE; height:250px}
#topMenu_all .wrap > ul:after {display:block;visibility:hidden;clear:both;content:""}
#topMenu_all .wrap > ul > li{float:left; position:relative; height:100%; width:20%;}
#topMenu_all .wrap > ul > li:after{width:1px; height:100%; position:absolute; background:#EEE; left:0; top:0; content:""; }
#topMenu_all .wrap > ul > li > a{font-size:16px; display:block; font-weight: bold; padding: 25px 0 17px 20px;   }
#topMenu_all .wrap > ul > li > ul{ }
#topMenu_all .wrap > ul > li > ul{ }
#topMenu_all .wrap > ul > li > ul a{display:block; padding:5px 0 5px 20px ;}
#topMenu_all .wrap > ul > li:hover{background:#F8F8F8}
#topMenu_all .wrap > ul > li > ul a:hover{font-weight:bold;}

#main_visual{text-align:center; position:relative; z-index:1; height:540px; overflow:hidden; }
#main_visual ul{position:relative; z-index:1;background:#000;}
#main_visual li{background-position:center center;  width:100%;  background-repeat:no-repeat; background-size:cover; height:540px;   }
#main_visual .swiper-pagination{position:absolute; bottom:100px; left:0; right:0; text-align:center;}
#main_visual .swiper-pagination-bullet{ border-radius:0; background:transparent; margin:0 2px; opacity:1; width:38px; height:8px; border:1px solid #FFF;}
#main_visual .swiper-pagination-bullet-active{background:#FFF;}
#main_visual section{position:absolute; z-index:10; top:130px; left:0; right:0; text-align:center; }
#main_visual section h2{font-size:50px; display:none; color:#FFF; line-height:60px; padding:10px 0; text-shadow:none;text-shadow:1px 1px 20px rgba(0,0,0,.6)}
#main_visual section p{font-size:26px; color:#FFF; line-height:150%; font-family:"notosans";text-shadow:none;text-shadow:1px 1px 20px rgba(0,0,0,.6)}

#main_visual .wite section h2{color:#000;text-shadow:0 none;}
#main_visual .wite section p{color:#000;text-shadow:0 none; }


#main_product{margin:80px 0; text-align:center; }
#main_product:after {display:block;visibility:hidden;clear:both;content:""}
#main_product article{position:relative; width:310px; height:310px;  border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
background-size:cover; background-position:center center; float:left; overflow:hidden;
}
#main_product article a{position:relative; display:block; color:#FFF; padding:50px;   z-index:3;}
#main_product article.b1{color:#FFF; background-image:url(../img/mp_bg1.png) ; }
#main_product article.b2{color:#000; background-image:url(../img/mp_bg2.png) ; margin-left:100px; }
#main_product article.b2 a{color:#000; }
#main_product article.b3{color:#FFF; background-image:url(../img/mp_bg3.png) ; margin-left:100px; }
#main_product article h3{font-size:22px; line-height:200%; margin-top:40px;}






#main_content{background:#f0f0f0; padding:50px 0;}
#main_content section{background:#FFF; width:1130px; margin:0 auto; border:30px solid #FFF; }
#main_content section:after {display:block;visibility:hidden;clear:both;content:""}
#main_content article {position:relative; float:left; margin-left:10px; text-align:center; margin-top:10px; background:#AAA;}
#main_content article > a{position:relative; display:block; z-index:2;  color:#FFF;}
#main_content article.b2 > a{color:#000;}
#main_content article.b1{ margin-top:0;}
#main_content article.b2{margin-top:0;}
#main_content article.b3{margin-top:0;}
#main_content article.b12{margin-left:0;margin-top:0;}
#main_content article.b4{margin-left:0;}
#main_content article.b7{margin-left:0;}

#main_content article h3{font-size:22px; line-height:150%; margin-top:10px; }
#main_content article p{font-size:12px; line-height:150%; margin-top:6px; }


#main_content article.b1{color:#FFF;text-align:left; background:url(../img/mp_bg1.png); width:215px; height:160px; padding:30px;}
#main_content article.b2{color:#000; text-align:left; background:url(../img/mp_bg2.png); width:215px; height:160px; padding:30px;}
#main_content article.b3{color:#FFF; text-align:left; background:url(../img/mp_bg3.png); width:215px; height:160px; padding:30px;}
#main_content article.b12{color:#FFF; text-align:left; background:url(../img/mp_bg12.jpg); width:215px; height:160px; padding:30px;}

#main_content article.b4{color:#FFF; background:#7b9e26; width:215px; height:200px; padding:30px;}
#main_content article.b5{color:#FFF; background:url(../img/mp_bg5.jpg); width:215px; height:200px; padding:30px;}
#main_content article.b6{ text-align:left; background:#e1d4c3; width:500px; height:200px; padding:30px;}
#main_content article.b7{color:#FFF; background:#999966; width:215px; height:170px; padding:30px;}
#main_content article.b8{color:#FFF; background:#cc9933; width:215px; height:170px; padding:30px;}
#main_content article.b9{color:#FFF; background:#777; width:215px; height:170px; padding:30px;}
#main_content article.b10{color:#FFF; background:#58af83; width:215px; height:170px; padding:30px;}


article.cover:before{position:absolute;  top:100%; left:0; right:0; bottom:0; background:rgba(0,0,0,.3); content:""; z-index:1;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
}
article.cover:hover:before{ top:0;}

#main_notice{}
#main_notice ul{margin-top:20px;overflow:hidden; height:140px; position:relative; }
#main_notice ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_notice ul a { }
#main_notice ul li {overflow:hidden; height:140px; position:relative; }
#main_notice ul li .gallery_img{float:left;clear:both;margin-right:20px;}
#main_notice ul li dl{_display:inline-block;overflow:hidden;}
#main_notice ul li dl:after{display:block;clear:both;content:''}
#main_notice ul li dl dt{font-size:16px; line-height:26px; color:#000}
#main_notice ul li dl dd{}
#main_notice ul li dl dd a{font-size:12px; line-height:17px; color:#584937;}

#latest_cont{position:absolute; top:40px; right:30px;}
#latest_cont i{display:inline-block; width:17px; height:17px; text-align:center; line-height:17px; color:#584937; border:1px solid #a69c90;vertical-align:middle; cursor:pointer;}
#latest_cont i.fa-angle-stop{position:relative; }
#latest_cont i.fa-angle-stop:after{position:absolute; top:4px; left:5px; border-left:2px solid #584937; border-right:2px solid #584937; height:9px; content:""; width:3px;}
#latest_cont i.fa-angle-play{position:relative;  }
#latest_cont i.fa-angle-play:after{position:absolute; top:4px; left:6px; width:0; height:0;  border:5px solid transparent; border-left-color:#584937;  content:"";}

#tail_sitemap{background:#666; padding:30px 0;}
#tail_sitemap .wrap > ul { position:relative; border-right:1px solid #777; }
#tail_sitemap .wrap > ul:after {display:block;visibility:hidden;clear:both;content:""}
#tail_sitemap .wrap > ul > li{float:left; width:16.66%; height:200px; padding-left:15px; border-left:1px solid #777; position:relative; box-sizing:border-box;}
#tail_sitemap .wrap > ul > li > a{position:relative; color:#FFF; z-index:2;display:block; font-size:16px; }
#tail_sitemap .wrap > ul > li > ul{position:relative; z-index:1; margin-top:20px }
#tail_sitemap .wrap > ul > li > ul li{display:block; line-height:30px;}
#tail_sitemap .wrap > ul > li > ul a{color:#DDD;}
#tail_sitemap .wrap > ul > li > ul a:hover{text-decoration:underline}



#footer{ position:relative;   padding:20px; background:#333;}
#footer h1 img{height:70px;}
#footer p{   color:#888; font-size:12px;}
#footer a{position:absolute; top:0; right:0;color:#AAA;}


#subContainer{background:#f0f0f0; padding:50px 0;}
#subHeader{background:#529fd7; }
#subHeader ul{text-align:center;}
#subHeader li{display:inline-block;position:relative; border-left:1px solid #529fd7; }
#subHeader li:first-child{border-left:0px}

#subHeader li a{position:relative; display:block; padding:0 50px; line-height:60px; font-size:16px; font-weight:700; color:#FFF;}
#subHeader li a i{position:absolute; bottom:0; left:50%; margin-left:-15px; font-size:16px; width:30px; text-align:center; display:none; }
#subHeader li.active a i{display:block; }
#subSection{padding:30px; background:#FFF; position:relative; }
#subSection:after {display:block;visibility:hidden;clear:both;content:""}

#sca_navi{position:relative; margin-top:30px; background:#FFF; }
#sca_navi:after {display:block;visibility:hidden;clear:both;content:""}
#sca_navi a{float:left; border:1px solid #DDD; margin-bottom:4px; margin-right:4px; padding:5px 12px 5px;
border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
#sca_navi a.active{background:#7b9e26; border-color:#7b9e26; color:#FFF;}



#pageTitle{height:80px; border-bottom:1px solid #DDD; line-height:80px; }
#pageTitle > strong{font-size:2em; color:#000; float:left; font-weight:700;}
#pageTitle > p{float:right;}

#subArticle{margin:50px 0; position:relative; }
/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.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 #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right; display:none;}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */

.btn_center{padding:15px; text-align:center;}

.btnBasic{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 15px; height:30px;line-height:28px; cursor:pointer; border:1px solid #999; background:#fafafa; vertical-align:middle;}
.btnBasic:focus, .btnBasic:hover {background:#999; border-color:#666; color:#FFF; text-decoration:none}

.btnBasic2{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 15px; height:30px;line-height:28px; cursor:pointer; border:1px solid #999; background:#ddd; vertical-align:middle;}
.btnBasic2:focus, .btnBasic2:hover {background:#999; border-color:#666; color:#FFF; text-decoration:none}

.btnWrite{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 20px; font-weight:700; height:30px;line-height:28px; cursor:pointer; border:1px solid #234; background:#456; color:#FFF;vertical-align:middle; }
.btnWrite:focus, .btnWrite:hover {background:#234; color:#fff;  text-decoration:none}

.btnSubmit{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 30px; font-weight:700; height:37px;line-height:33px; cursor:pointer; border:1px solid #234; background:#456; color:#FFF;vertical-align:middle; }
.btnSubmit:focus, .btnSubmit:hover {background:#234; color:#fff;  text-decoration:none}

.btnCancel{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 30px; height:37px;line-height:35px; cursor:pointer; border:1px solid #aaa; background:#f0f0f0; color:#666;vertical-align:middle; }
.btnCancel:focus, .btnCancel:hover {background:#eee; border-color:#888; color:#000;  text-decoration:none}


.btnSmall{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 6px; height:26px;line-height:24px; cursor:pointer; border:1px solid #234; background:#345; color:#fff;vertical-align:middle; }
.btnSmall:focus, .btnSmall:hover {background:#234; color:#fff;  text-decoration:none}
.btnSmall2{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 10px; height:24px;line-height:20px; cursor:pointer; border:1px solid #aaa; background:#f2f2f2; color:#555;vertical-align:middle; }
.btnSmall2:focus, .btnSmall2:hover {background:#d54618; color:#fff; border-color:#d54618; text-decoration:none}


a.btn01 {display:inline-block;padding:0 10px;border:1px solid #ccc; height:30px; line-height:30px; background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:0 10px;height:32px; line-height:30px; 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}
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 {margin-top:20px; text-align:center} /* 서식단계 진행 */
.btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}

.btn_submit {padding:0 10px;height:32px; line-height:30px; border:0;background:#234;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

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}
.sit_qty_plus{width:24px; height:24px; background:#F6F6F6 url(../img/icon_sit_qty_plus.gif) center center no-repeat !important; border:1px solid #AAA !important; text-indent:-1000px; overflow:hidden;}
.sit_qty_minus{width:24px; height:24px; background:#F6F6F6 url(../img/icon_sit_qty_minus.gif) center center no-repeat !important; border:1px solid #AAA !important; text-indent:-1000px; overflow:hidden;}




/* 게시판용 버튼 */
.btn_basic,.btn_write{padding:6px 10px;border:1px solid #AAA; background:#f6f6f6; text-decoration:none;vertical-align:middle; margin:0; display:inline-block;}
.btn_write{ border:1px solid #3b3c3f;background:#4b545e;color:#fff;}
.btn_write:hover{color:#FFF; background:#3b3c3f}
.btn_basic:hover{background:#EEE; border-color:#999; color:#000; cursor:pointer}

/* 게시판 목록 카테고리*/
#list_head {  zoom:1; margin-bottom:20px; }
#list_head:after {display:block;visibility:hidden;clear:both;content:""}
#list_head ul {  float:left; }
#list_head li {float:left; position:relative; }
#list_head ul a {display:block; margin-right:-1px;z-index:1; position:relative; height:35px; line-height:35px;   padding:0 20px; border:1px solid #ddd;background:#f7f7f7;   cursor:pointer}
#list_head ul a:focus, #list_head ul a:hover, #list_head ul a:active {text-decoration:none}

#list_head table{width:100%; table-layout:fixed; }
#list_head table td{border:1px solid #eee; border-bottom-color:#7b9e26 }
#list_head table td a{position:relative; display:block; line-height:47px; text-align:center; font-size:15px; font-family:'notosans';}
#list_head table td#bo_cate_on {border-color:#7b9e26; border-bottom-color:#FFF;}
#list_head table td#bo_cate_on a{color:#000; font-weight:700}
#list_head table td#bo_cate_on a:after{position:absolute; top:0; left:-1px; width:1px; background:#7b9e26; height:100%; content:"";}


#list_head fieldset {padding-bottom:5px; float:right; }
#list_head fieldset i{float:left; background:#EEE; border:1px solid #DDD; border-right:0; z-index:2; width:28px; height:28px; line-height:28px; text-align:center;}
#list_head fieldset input{height:30px; padding:0; border-left:0; line-height:28px; float:left; margin:0; }
#list_head fieldset select{float:left; height:30px;  }
#list_head fieldset button{height:30px; line-height:30px; border:0; background:#333; color:#fff; padding:0 10px; font-size:1em; font-weight:700; float:left; }



#list_tail {margin-top:20px;  zoom:1;text-align:center; }
#list_tail:after {display:block;visibility:hidden;clear:both;content:""}
#list_tail fieldset {}

#list_tail fieldset input{height:30px; padding:0; border-left:0; line-height:28px;  margin:0; }
#list_tail fieldset select{  height:30px;  }
#list_tail fieldset button{height:30px; line-height:30px; border:0; background:#FFF; border:1px solid #ccc; border-left:0; color:#000; padding:0 10px; font-size:1em; font-weight:700; vertical-align:middle}

 /* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px}
#bo_v_table {display:none; position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {padding:20px 0;font-size:1.5em}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px; color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}



#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1; text-align:center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
.bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
.bo_v_con a {color:#000;text-decoration:underline}
.bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center; }
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

#container_title{ }



/* 기본테이블 */

table.tb{width:100%; border-top:1px solid #333;}
table.tb thead{}
table.tb thead th{background:#F6F6F6; padding:14px 0; text-align:center; font-weight:700; border-bottom:1px solid #DDD;}
table.tb tbody th{border-bottom:1px solid #EEE; text-align:left; padding-left:10px;}
table.tb tbody td{border-bottom:1px solid #EEE; padding:10px;  }
table.tb .tc{text-align:center;}
table.tb .tl{text-align:left; padding-left:10px;}
table.tb .tr{text-align:right; padding-right:10px;}
table.tb tfoot{}
table.tb tbody img {margin-left:3px}
table.tb .no_list{text-align:center; line-height:200px;}

table.tb.line tbody th{border:1px solid #DDD; background:#F6F6F6; padding-right:10px;}
table.tb.line tbody td{border:1px solid #DDD;}

.w100{width:100%;}
.w50{width:50%;}

textarea,
.frm_input,
select {border:1px solid #ddd;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

textarea {padding:2px 2px 3px; width:100%;}

.frm_input, .btnInput, .btnSmall {height:32px}
select {height:32px; font-size:1em; line-height:100%; padding:0;padding:4px\9; }


.frm_address { margin-top:5px}
.frm_file { margin-bottom:5px}
.frm_info {display:block;padding:0 0 5px;line-height:1.4em; font-size:12px; color:#666;}

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


/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle}


 /* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}
/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}
/* 목록 바로가기 */
.sanchor {margin:0 0 10px;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;border:1px solid #ccc;background:#f6f6f6;padding:0 30px;height:40px;text-decoration:none;line-height:40px; font-size:1.2em; font-family:'notosans';}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
.sanchor a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}

/* 테이블 항목별 정의 */
.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:110px;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}
/* 테이블 항목별 정의 */
 .td_default {width:60px;text-align:center}
.td_dvr {width:30px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_namesmall {width:50px;text-align:left}
.td_mngsmall {width:50px;text-align:center}
.td_statsmall {width:50px;text-align:center}

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

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.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 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

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

/* 내용관리 */
#ctt {}
.ctt_admin {text-align:right; display:none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.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:0 0 20px;padding:20px 0 0;text-align:center}
.pg_page, .pg_current {position:relative; display:inline-block;padding:0 16px; height:36px;  line-height:36px;vertical-align:middle; background:#FFF;text-decoration:none; border:1px solid #DDD; z-index:1; }
.pg_page:hover{background-color:#DDD; border-color:#999; color:#000; z-index:2;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start{text-indent:-1000px; padding:0 10px; overflow:hidden; background:url(../img/page_begin.png) center center no-repeat; }
.pg_prev{text-indent:-1000px; padding:0 10px; overflow:hidden; background:url(../img/page_prev.png) center center no-repeat; }
.pg_next{text-indent:-1000px; padding:0 10px; overflow:hidden; background:url(../img/page_next.png) center center no-repeat; }
.pg_end{text-indent:-1000px; padding:0 10px; overflow:hidden; background:url(../img/page_end.png) center center no-repeat; }
.pg_current {display:inline-block; border:1px solid #999;  background:#fff;color:#000;font-weight:normal}
/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#ddd;vertical-align:middle;overflow:hidden;cursor:pointer}







.pageContent{line-height:180%; }
.pageContent h1{position:relative;font-size:400%; line-height:180%; padding-bottom:.5em; }
.pageContent h2{position:relative;font-size:300%; line-height:180%; padding-bottom:.5em;}
.pageContent h3{position:relative;font-size:240%; line-height:180%; padding-bottom:.5em;}
.pageContent h4{position:relative;font-size:180%; line-height:180%; padding-bottom:.5em;}
.pageContent h5{position:relative;font-size:140%; line-height:180%; padding-bottom:.5em;}
.pageContent h6{position:relative;font-size:120%; line-height:180%; padding-bottom:.5em;}



.cor{color:#7b9e26;}
.pageContent p{padding:10px 0; }
.pageContent ul{padding:10px 0px 0 30px; list-style-type: disc;}
.pageContent ul ul{list-style-type: circle;}
.pageContent ul ul ul{list-style-type: square;}
.pageContent ol{padding:10px 0px 0 30px; list-style-type: decimal;}
.pageContent ol ol{list-style-type: lower-alpha; padding:10px 0px 0 20px;}
.pageContent ol ol ol{list-style-type: Upper-alpha; padding:10px 0px 0 20px;}
.pageContent li{line-height:140%; margin-bottom:6px;}
.pageContent ol.ol_table{width:300px; }
.pageContent ol.ol_table li{background:url(./img/dot.gif) center repeat-x; position:relative; }
.pageContent ol.ol_table li span{background:#FFF}
.pageContent ol.ol_table li em{background:#FFF; position:absolute; top:0; right:0; }

.pageContent strong, .pageContent b{font-weight:bold; }
.pageContent u{font-weight:underline; }
.pageContent i{font-style:italic; }
.pageContent em{font-style:italic; }
.pageContent small{font-size:.9em; padding-left:20px; color:#000;}

.pageContent .table1{width:95%; margin:20px auto; }
.pageContent .table1 th{border:1px solid #999; background:#F6F6F6; padding:8px 0; text-align:center; }
.pageContent .table1 td{border:1px solid #AAA; padding:6px 0; text-align:center; font-size:.9em}


.pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0}
.pageContent dl.dl dt{float:left;clear:both;margin-right:9px;padding-bottom:6px;  color:#333; font-weight:bold;}
.pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
.pageContent dl.dl dd:after{display:block;clear:both;content:''}