@charset "utf-8";
@import url(../img/NotoSans/noto_font_kr.css);
@import url(../img/Roboto/Roboto.css);
@import url(../img/nanum-square-r/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//at.alicdn.com/t/font_ynhp2do9by69lik9.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:15px;background:#fff; color:#3a3a3a; -webkit-text-size-adjust:none; }
body, select,input,textarea {  line-height:160%; font-family:  'Arial',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:#c1986c;text-decoration:none}

body,html{height:100%;background:#F6F6F6}
/* ///// CSS3 드래그색상  */

#bodyWrap{position:relative; width:100%; overflow-x:hidden;}
.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:1000px; margin:0 auto; position:relative; zoom:1;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}
@media (max-width:1000px){
.wrap{width:auto;}
}
/* 팝업레이어 */
#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:2;   background:#FFF;}
#header:after {display:block;visibility:hidden;clear:both;content:""}
#header h1{float:right; margin-right:30px;}
#header .s_lenguage{position:absolute; left:30px; top:20px;   }
#header .s_lenguage a{ position:relative; color:#999; font-size:13px;  padding:0; font-family:"roboto"; margin-right:20px; font-weight:800;  }
#header .s_lenguage a.on{color:#000}
#header .s_lenguage a:before{position:absolute; top:50%; margin-top:-6px; height:12px; width:2px; left:-10px; background:#999; content:"";}
#header .s_lenguage a:first-child:before{display:none;}

#topMenu{position:relative;border-bottom:1px solid #e7e7e7;  background:#FFF;text-align:center; z-index:10; }

#topMenu dl{border-top:1px solid #c1986c;display: -webkit-flex; display: flex;  justify-content:space-between;}
#topMenu dd{  position:relative;width:0; flex-grow:1; }

#topMenu dd > a{position:relative; text-align:center; z-index:2; display:block; font-size:17px;  font-weight:bold; line-height:45px; height:45px;}
#topMenu dd ul{display:None}
#topMenu dd:hover ul{position:absolute; background:rgba(255,255,255,.8); display:block; left:0; right:0; padding:10px 0;}
#topMenu dd ul a{display:block; line-height:40px;}







#main_visual{text-align:center; position:relative; z-index:1;  overflow:hidden; }
#main_visual ul{position:relative; z-index:1;}
#main_visual li{   background-position:center center;  width:100%;  background-repeat:no-repeat; height:280px; background-size:cover;  }
#main_visual .swiper-pagination{position:absolute; z-index:10; top:20%; width:100%;}
#main_visual .swiper-pagination-bullet{position:relative; width:30px; height:3px;margin:0 2px; border-radius:0px; background:#848386; opacity:1;  }
#main_visual .swiper-pagination-bullet-active{background-color:#FFF;}

#main_visual section{position:absolute; top:0; left:0; bottom:0; right:0; z-index:9; color:#FFF; display: -webkit-flex;  display: flex;  display: flex;justify-content : center;align-items: center;flex-direction: column }
#main_visual section h2{font-size:30px; font-weight:bold; line-height:120%}
#main_visual section h2 strong{color:#b8a585}
#main_visual section h5{font-size:18px; }

.icon_plus{position:relative; width:23px; height:23px; display:inline-block; border:1px solid #DDD;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;  }
.icon_plus:before{position:absolute; top:50%; left:50%; width:15px; margin-left:-7px;margin-top:-1px;  height:1px; background:#DDD; content:""; }
.icon_plus:after{position:absolute; top:50%; left:50%; height:15px; margin-top:-8px; width:1px; background:#DDD; content:""; }

#m_mb2{display:none;}
#m_mb{position:relative; }
#m_mb dl{position:relative; padding-right:30px; background:#FFF;}
#m_mb dl:after {display:block;visibility:hidden;clear:both;content:""}
#m_mb dt,
#m_mb dd{position:relative; float:left; width:25%; height:175px; }


#m_mb dd{ cursor:pointer;}
#m_mb dd aside{width:100%; height:100%; position:relative; background-size:auto 100%;   background-position:right bottom; background-repeat:no-repeat;}

#m_mb dd article{position:absolute; top:30px; left:30px;}
#m_mb dd article h3{font-size:17px;font-weight:700; line-height:150%;color:#000; letter-spacing:-.01em}
#m_mb dd article p{color:#000;  margin-top:5px; line-height:130%;}

#m_mb dt{text-align:center;   padding-left:30px; box-sizing:border-box;  color:#FFF; display: -webkit-flex;  display: flex;  display: flex;justify-content : center;align-items: center; }
#m_mb dt h3{font-size:24px; font-family:"roboto"; font-weight:600;  line-height:100%; line-height:140%; }
#m_mb dt{text-align:center;   }
#m_mb dt h3{color:#b3b3b3;}
#m_mb dt .icon_plus{border:1px solid #b3b3b3;}
#m_mb dt .icon_plus:before{ background:#b3b3b3;}
#m_mb dt .icon_plus:after{background:#b3b3b3; }





.mbv{position:absolute; top:0; left:0; right:0; background:rgba(0,0,0,.5); z-index:10;font-weight:bold; display:none;}
.mbv section{position:absolute;   left:50%; margin-left:-375px; width:750px;box-sizing:border-box; padding:20px 30px; background:#FFF; }
.mbv section:after {display:block;visibility:hidden;clear:both;content:""}
.mbv section .btn_close{position:absolute; top:-42px; right:0px; width:42px; height:42px; background:rgba(255,255,255,.5) url(../img/icon_close.png) center center no-repeat; }
.mbv section header{border-bottom:1px solid #DDD; height:140px;}
.mbv section header aside{ float:left; clear:both; width:123px; height:132px; margin-right:30px; background-position:center top; background-size:cover;}

.mbv section header h2{padding-top:50px; }
.mbv section header h2 strong{font-size:24px;   line-height:40px; }
.mbv section header h2 span{font-size:17px;   line-height:40px; padding-left:10px;}
.mbv section header p{font-size:17px;   line-height:30px; }
.mbv section header p a{margin-right:20px;}
.mbv section header p .am:before{content:'\f003'; font-family:"fontawesome"; color:#c39a6b; font-size:1.2em; padding-right:1%;vertical-align:middle;  }
.mbv section header p .at:before{content:'\f095'; font-family:"fontawesome"; color:#c39a6b; font-size:1.2em; padding-right:1%; vertical-align:middle; }


.mbv section article{position:relative; padding-bottom:30px;}
.mbv section article:after {display:block;visibility:hidden;clear:both;content:""}
.mbv section article:before{position:absolute; width:1px; left:50%; background:#DDD; content:""; top:0; bottom:0;}

.mbv section article > div{width:48%; float:left;box-sizing:border-box; }
.mbv section article > div.p1{}
.mbv section article > div.p2{float:right;}
.mbv section article h4{font-size:21px; margin-top:5%; color:#c39a6b; line-height:160%; }
.mbv section article ul{font-size:.9em; margin-top:2%;}
.mbv section article ul li{padding-left:15px; }
.mbv section article ul li:before{content:"· "; position:relative; display:inline-block; left:-15px;}

#m_news{ padding:50px;box-sizing:border-box; background:#FFF;}
#m_news:after {display:block;visibility:hidden;clear:both;content:""}


#m_news section{width:440px;   float:left;  }
#m_news section.latest2{float:right;}
#m_news section h4{line-height:60px; border-bottom:3px solid #c39a6b;}
#m_news section h4:after {display:block;visibility:hidden;clear:both;content:""}
#m_news section h4 strong{font-size:22px; font-family:"roboto";   float:left; }
#m_news section h4 a{float:right; }
#m_news section ul li{border-bottom:1px solid #666; font-size:16px; padding:10px 0; line-height:40px; padding-left:20px;}
#m_news section ul li:after {display:block;visibility:hidden;clear:both;content:""}
#m_news section ul li a:before{content:" · "; position:relative; margin-left:-20px; width:20px; text-align:center; display:inline-block;}
#m_news section ul li a{float:left; }
#m_news section ul li span{float:right; }
/*#m_news section.latest1 ul li a{font-weight:bold;}*/




#m_location{position:relative; cursor:pointer; padding-top:20px; background:#FFF;}
#m_location img{width:100%;}

#footer{ font-size:13px; background:#FFF; padding:0 30px 30px;box-sizing:border-box;  border-top:1px solid #EEE; }
#footer div{border-bottom:1px solid #DDD; line-height:40px;}
#footer address{   line-height:130%;    margin-top:15px;}
#footer p{   line-height:130%;   margin-top:5px;}
#footer span{white-space: nowrap}
#footer i{color:#aaa}

.sub_container{ padding:0 30px;  z-index:2; background:#FFF; padding-bottom:1px; box-sizing:border-box; }
.bbsWrap{ padding:50px; background:#FFF;  z-index:2;}
/* 게시물 선택복사 선택이동 */
#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:57px;line-height:53px; 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:57px;line-height:55px; 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; text-align:center; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.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:#bb402e }
#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:#bb402e; 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:#bb402e; 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:40px; padding:0; border-left:0; line-height:38px;  margin:0; }
#list_tail fieldset select{  height:40px;  }
#list_tail fieldset button{height:40px; line-height:40px; 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.3em; line-height:150%; }

#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 span {white-space: nowrap}
#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_left{float:left; }
.bo_v_right{float:right; }


#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_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; font-size:1.2em;}
#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{position:relative; width:100%; border-top:1px solid #555; font-size:13px}
table.tb:after{position:absolute; top:0; left:0; right:0; height:1px; background:#555; content:"";}
table.tb thead{}
table.tb thead th{background:#FFF; padding:15px 0; text-align:center; font-weight:700; border-bottom:1px solid #EEE;}
table.tb tbody th{border-bottom:1px solid #EEE; text-align:left; padding-left:15px;}
table.tb tbody td{border-bottom:1px solid #EEE;  padding:15px;   }
table.tb tfoot th{border-bottom:1px solid #EEE; background:#FFE; text-align:left; padding-left:15px;}
table.tb tfoot td{border-bottom:1px solid #EEE; background:#FFE; padding:15px; height:36px;}
table.tb .tc{text-align:center !important;}
table.tb .tl{text-align:left !important; padding-left:15px !important;}
table.tb .tr{text-align:right !important; padding-right:15px !important;}
table.tb tfoot{}
table.tb tbody img {margin-left:3px}
table.tb .no_list{text-align:center; line-height:200px;}

table.tb.center tbody th{text-align:center;  }
table.tb.center tbody td{   text-align:center;  }
table.tb.center tfoot th{text-align:center;  }
table.tb.center tfoot td{text-align:center;   }
table.tb.line thead th{border:1px solid #EEE; }
table.tb.line tbody th{border:1px solid #EEE;background:#F6F6F6;  padding-right:15px;}
table.tb.line tbody td{border:1px solid #EEE; }
table.tb.line tfoot th{border:1px solid #EEE; border-top:0; background:#FFE;  padding-right:15px;}
table.tb.line tfoot td{border:1px solid #EEE; border-top:0; background:#FFE;   }

@media (max-width:600px){
table.tb.block tbody tr,
table.tb.block tbody th,
table.tb.block tbody td{display:block}
table.tb.block tbody th{width:auto; border-bottom:0; padding:10px 0 5px 0}
table.tb.block tbody td{padding:5px 0 10px 0; height:auto;}
table.tb.block tbody td .frm_input{width:100%;}
table.tb.block tbody td select{width:100%;}
}


 .w100{width:100%;}



textarea,
.frm_input,
select {border:1px solid #ddd;background:#FFF;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%;}

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


.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') #FFF 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 .click_tab .tab{position:relative; z-index:2; }
.pageContent .click_tab .ct{position:relative; z-index:1; }



.pageContent .tab{position:relative; padding-left:1px; border-bottom:1px solid #1778ad; height:43px; z-index:10;}
.pageContent .tab:after {display:block;visibility:hidden;clear:both;content:""}
.pageContent .tab a{float:left; height:42px; line-height:42px; font-size:14px;  padding:0 20px; color:#888; background:#FAFAFA; position:relative; border:1px solid #DDD; border-bottom:1px solid #1778ad; margin-left:-1px; z-index:1; }
.pageContent .tab a:hover{border:1px solid #1778ad; color:#FFF; z-index:2; background:#1778ad}
.pageContent .tab a.active{border:1px solid #1778ad; color:#FFF; z-index:3; background:#1778ad;  }



.pageContent{  line-height:150%;  margin:0 auto; position:relative; zoom:1; word-break:keep-all;}
.pageContent:after {display:block;visibility:hidden;clear:both;content:""}

.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:1em 0  .6em; line-height:150%;}

.pageContent h1{font-size:2.5em; }
.pageContent h2{font-size:2.0em; }
.pageContent h3{font-size:1.7em; }
.pageContent h4{font-size:1.4em; }
.pageContent h5{font-size:1.2em; }
.pageContent h6{font-size:1.1em; }

.pageContent h1 small,
.pageContent h2 small,
.pageContent h3 small,
.pageContent h4 small,
.pageContent h5 small,
.pageContent h6 small{position:absolute; top:0; right:0;}

h1.title{z-index:1;    text-align:center; color:#666; margin:120px 0 80px;  }
h1.title strong{position:relative; font-weight:bold;      color:#073e7e;  }
h1.title:before{display:inline-block; width:200px; vertical-align:middle; margin-right:20px; height:2px; background:#073e7e; content:""; }
h1.title:after{display:inline-block;  width:200px; vertical-align:middle; margin-left:20px;  height:2px; background:#073e7e; content:""; }
h1.title  p{padding-top:20px; font-size:14px; line-height:150%; }
h1.title  span{display:inline-block; font-size:.5em; clear:both;}

h2.title{z-index:1;    text-align:center; color:#666; margin:120px 0 80px; padding-bottom:20px; }
h2.title strong{position:relative; font-weight:bold;    color:#FFF;  color:#073e7e;  }
h2.title:after{position:absolute;  bottom:0; width:40px; left:50%; margin-left:-20px;  height:2px; background:#073e7e; content:""; }
h2.title  p{padding-top:20px; font-size:14px; line-height:150%; }

h2.title2{z-index:1;  margin:120px 0 80px; padding-bottom:20px}
h2.title2 strong{position:relative; font-weight:bold;    color:#FFF;  color:#073e7e;  }
h2.title2:after{position:absolute;  bottom:0; width:40px; left:0;   height:2px; background:#073e7e; content:""; }
h2.title2  p{padding-top:20px; font-size:14px; line-height:150%; }

h3.title{color:#1c8cc1;padding-bottom:10px; font-family:'notosans'; font-weight:400;  }
h3.title:after{position:absolute; left:0; bottom:0; width:30px; height:1px; background:#444; content:""; }
h4.title{  color:#0076bc;    line-height:300%; margin-top:50px;}
h4.title:after{position:absolute; left:0; top:0; border:4px solid transparent; border-top-color:#0076bc; border-left-color:#0076bc; content:""; }

h5.title{color:#1c8cc1;  }
h5.title:before{display:inline-block; margin-right:10px;width:5px; height:0; border-top:7px solid #0a629b; border-bottom:7px solid #1c8cc1; top:50%; margin-top:-7px; left:0;  content:"";}
h5.title_b{text-align:center; margin-top:-50px;}
h5.title2_b{ margin-top:-50px;}


h5.title_n{color:#000}
h5.title_n em{display:inline-block; background:#999; color:#FFF; height:26px; line-height:26px; width:26px; margin-right:10px;  text-align:center; font-style:normal; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; }

.title em.memo{float:right; font-size:12px; font-weight:normal; font-style:normal; color:#555;}

.ml40{margin-left:40px;}
.pfr{float:right;}
.pfl{float:right;}

.cfB{color:#000; }
.cfh{color:#999; }
.cfr{color:#F44; }
.cfb{color:#1c8cc1; }
.cfb1{color:#3398c7; }
.cfb2{color:#0a629b; }
.cfg{color:#3F9; }
.cfy{color:#F60; }

.cbB{background:#000; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbr{background:#F44; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbb{background:#39F; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbg{background:#3F9; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cby{background:#F60; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }



.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:160%; 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 u{text-decoration:underline; }
.pageContent i{font-style:italic; }
.pageContent em{font-style:italic; }
.pageContent small{font-size:12px; }

.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:''}

.hover_zoom{position:relative; display:block; overflow:hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; cursor:pointer;}
.hover_zoom img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hover_zoom .bgimg{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hover_zoom:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.hover_zoom:hover .bgimg{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.hover_zoom:hover{background-size:110% !important}


.animate [class*="ae-"] {position:relative;  top:80px;  opacity:0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.animate [class*="ad-"] {position:relative;  top:-80px;  opacity:0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.animate .ae-1{ -webkit-transition-delay: 	10ms; transition-delay:	10ms; }
.animate .ad-1{ -webkit-transition-delay: 	10ms; transition-delay:	10ms; }
.animate .ae-2{ -webkit-transition-delay: 	200ms; transition-delay:	200ms; }
.animate .ae-3{ -webkit-transition-delay: 	400ms; transition-delay:	400ms; }
.animate .ae-4{ -webkit-transition-delay: 	600ms; transition-delay:	600ms; }
.animate .ae-5{ -webkit-transition-delay: 	800ms; transition-delay:	800ms; }
.animate .ae-6{ -webkit-transition-delay: 	1000ms; transition-delay:	1000ms; }
.animate .ae-7{ -webkit-transition-delay: 	1200ms; transition-delay:	1200ms; }
.animate .ae-8{ -webkit-transition-delay: 	1400ms; transition-delay:	1400ms; }
.animate .ae-9{ -webkit-transition-delay: 	1600ms; transition-delay:	1600ms; }
.animate .ae-10{ -webkit-transition-delay: 	1800ms; transition-delay:	1800ms; }
.animate.on [class*="ae-"] { opacity:1;top:0}
.animate.on [class*="ad-"] { opacity:1;top:0}

.sub_header{height:160px;margin:0 -30px;  text-align:center; color:#FFF; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center;}
.sub_header h1{margin:0; text-shadow:1px 1px 1px rgba(0,0,0,0); line-height:100%;  }
.sub_header p{margin:0; text-shadow:1px 1px 1px rgba(0,0,0,0); line-height:100%; margin-top:1%; padding:0; }

.pageContent ~ .bbsWrap{padding:0;}