@charset "utf-8";
@import url("slider.css");
@import url("mnav.css");

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, mark, meter, output, progress, time, video 
{ display: block; }
body,form,th,td,p { margin:0;padding:0; -webkit-text-size-adjust:none; }
html { font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}
a:link, a:visited, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
a:hover{ text-decoration:none; color:#333; cursor:pointer; }
a { text-decoration:none;}
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, article, aside, hgroup, 
header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0;  vertical-align:baseline; background:transparent; }

/*****************************PC화면*************************************/

@media all and (min-width:960px)  { 
body { font-size:12px; overflow-x:hidden;  color:#333;  }
#wrap {max-width:100%; margin:0 auto; position:relative; }
#top {  border-bottom:0px solid #343848;    }
#toparea { margin:0 auto; max-width:1100px !important;  position:relative;}
div.top_mask {width:100%; } 
aside.util {    z-index: 15; }
aside.util p.text {padding:0; margin:0; color:#555; font-size:16px; font-weight:normal;  position:absolute; top:15px; left:2px;  }
aside.util div.util_Area { color:#aaa; position:absolute; top:15px; right:2px;   margin:0 auto;  text-align:right;  box-sizing:border-box; }
aside.util div.util_Area a{  padding:0px 9px 0 5px; border-left:0px solid #ccc;  }
aside.util div.util_Area a:hover {}
aside.util div.util_Area a.first{ border-left:0px; }
aside.util div.util_Area a.webkill {color:#ed1c24 !important; font-weight:bold; }

#header div.logo { padding:45px 15px 35px 15px;   text-align:center; box-sizing:border-box;   z-index:23 ; }
.button_container {display:none;}

.gnb{  width:100%;  z-index:13; background-color:#1e407f; border-radius:3px;  text-align:center;  padding:10px 0; box-sizing:border-box;  }
.gnb a {color:#fff; font-size:13px; font-weight:bold;}
.gnb a:hover {color:#fff; font-size:13px; text-decoration:underline; }
.gnb > ul{overflow:hidden; list-style-type:none; width:98%; display:block; margin:0 auto;  box-sizing:border-box; overflow: hidden;}
.gnb > ul li a{float:left; width:16.66666%;  text-align:center; border-left:1px solid #446cb4; box-sizing:border-box;}
.gnb > ul li:first-child a{border-left:0;}
.gnb .menu:first-child .depth2{border-left:0px solid #dfdfdf; }

/*layout*/
#main{max-width:1120px; margin:50px auto; position:relative; overflow:hidden; }
div.category{display:none; padding-bottom:15px;}
div.hblock div.category{display:block; padding-bottom:15px;}

/* sub bg */
#menu{ clear:both; width:100%; padding-top:30px ; border-right:0 !important; margin:0 auto; font-size:14px; box-sizing: border-box;  position:relative; z-index:12;}
#menu .menu div.sub_img h2 {display:none; padding:19px 0; margin:0 auto; text-align:center; /*text-shadow:1px 1px 2px #333;*/ font-size:27px; color:#1e407f; width:100%;  box-sizing:border-box; }
#menu .menu {width:100%; box-sizing: border-box;  margin:0 auto;  padding:0;   box-sizing: border-box; }

/* sub menu */
#menu .menu div.sub_tit {background:url("../../img/sub/bgline.png")repeat-x center bottom ; }
#menu .menu ul li:hover > ul  { display: block; *display:none; }
#menu .menu ul  {list-style: none;  padding: 0; margin: 0 auto; text-align:center; width:100%;  }
#menu .menu ul li { display:inline-block; text-align:left;  box-sizing: border-box; padding:0; margin:0 0 0px 0;}

#menu .menu ul li.first a{ background:none; padding-right:15px; padding-top:11px;  }
#menu .menu ul li.first {text-align:center; min-width:50px !important; }
#menu .menu ul li.dep {border-bottom:1px solid #999;}
#menu .menu ul li a{background:url("../../img/common/arrow_09.gif")no-repeat 7px center ; text-decoration:none;
display:block; text-align:center; font-size:17px; color:#888;   font-weight:normal; margin:0 10px;;height:37px; padding:15px 20px 0 20px; }
#menu .menu ul:after  { content: ""; clear: both; display: block;  }
#menu .menu ul li.select_on a{ color:#333; border-bottom:1px solid #111;  }
#menu .menu ul li a:hover {}


div.contBox {margin-top:30px;}

/*contact us*/
#cont3{ background-color:#ebebeb; width:100%;  }
section.Box_05 { overflow:hidden; width:1100px; margin:0 auto; position:relative; clear:both;  padding:60px 0 90px 0; }
section.Box_05 h3{ text-align:center; font-size:35px; height:75px;  margin-bottom:10px; font-weight:normal; border-bottom:0px solid #dfdfdf; }
section.Box_05 div.formmail{float:right; display:block !important; }
section.Box_05 div.formmail p{font-size:14px; padding:20px 0 15px 75px; color:#f26c4f;}
section.Box_05 div.contact{float:left; width:40%;}
section.Box_05 div.contact dl {padding-right:10px;}
section.Box_05 div.contact dt{font-size:18px; font-weight:bold; padding:17px 0 10px 10px; clear:both;}
section.Box_05 div.contact dd{font-size:14px; border-bottom:1px solid #d1d1d1; padding-bottom:17px; padding-left:10px; }
section.Box_05 div.contact dd.tel {font-size:25px; color:#0256bf; }
section.Box_05 h3.about {display:none;}

/* formmail */
table.form   { width:100%; border-top:0px #444547 solid; border-bottom:0px #4fb3d2 solid; border-left:0;  }
table.form td  { border-bottom:0px #e5e5e5 solid; border-right:0px; height:38px; }
table.form .formmail_border  { background-color:#fff;  width:398px; border:1px solid #666; padding:7px;}
table.form .formmail_textarea_style  { background-color:#fff; margin-top:4px; width:83% !important; height:150px !important;   border:1px solid #666; padding:7px;}
table.form td.formmail_title_bgcolor { width:12%; text-align:right; font-size:14px; padding-right:10px; font-family:"Malgun Gothic";}
table.form td.formmail_cell_bgcolor {height:3px; padding-bottom:0;}
table div.btn a{background-color:#333; color:#fff; display:block; padding:10px 20px 15px 20px; width:100px; font-size:18px; text-align:center; margin:10px 0 0 75px; }
table.form td.formmail_cell_bgcolor table td[colspan="2"] {display:none; }
table.form td.formmail_cell_bgcolor table td[align="left"] {display:none; }
table.form td.formmail_cell_bgcolor table td[align="right"] {text-align:center; }

table td.formmail_cell_bgcolor input[name="name"] {width:200px; }
table td.formmail_cell_bgcolor input[name="title"] {width:80%; }
table td.formmail_cell_bgcolor input[name="receiver_email"] {width:200px; }
table td.formmail_cell_bgcolor input[name="address"] {width:90%; margin-top:5px; }
table td.formmail_cell_bgcolor textarea[name="description"] {width:90%; }
table td.formmail_cell_bgcolor input[name="attachment[]"] {width:90% !important; }

/*quick*/


#footer {text-align:center; width:1100px; margin:0px auto; color:#999; overflow:hidden; box-sizing:border-box; border-top:1px solid #d6d6d6; }
#footer footer.copy {width:100%; margin:0 auto; clear:both; padding:30px 0 38px 0; overflow:hidden; }
#footer div.copyB { clear:both; border-top:0px solid #dfdfdf; padding:1px 0 20px 0 ; line-height:22px;  }
}


/*****************************모바일 화면****************************/
@media not all and (min-width:960px){
#menu {	display:none;}
.slicknav_menu { }
.flex-direction-nav a  {display:none;}
body { font-size:12px;  color:#454545; overflow-x:hidden; }
#wrap {max-width:100%; margin:0 auto; position:relative; padding:0; }
aside.util { display:none; }
div.logo img {height:65px; width:auto;}
div.button_container div.txt{display:none;}
.gnb{ display:none; }


#main{width:100%; padding-top:20px; position:relative; overflow:hidden; }

div.category{display:none; padding-bottom:15px;}

/* sub bg */
#menu{ clear:both; width:100%; padding-top:30px ; border-right:0 !important; margin:0 auto; font-size:14px; box-sizing: border-box;  position:relative; z-index:12;}
#menu .menu div.sub_img h2 {display:none; padding:19px 0; margin:0 auto; text-align:center; /*text-shadow:1px 1px 2px #333;*/ font-size:27px; color:#1e407f; width:100%;  box-sizing:border-box; }
#menu .menu {width:100%; box-sizing: border-box;  margin:0 auto;  padding:0;   box-sizing: border-box; }

/* sub menu */
#menu .menu div.sub_tit {background:url("../../img/sub/bgline.png")repeat-x center bottom ; }
#menu .menu ul li:hover > ul  { display: block; *display:none; }
#menu .menu ul  {list-style: none;  padding: 0; margin: 0 auto; text-align:center; width:100%;  }
#menu .menu ul li { display:inline-block; text-align:left;  box-sizing: border-box; padding:0; margin:0 0 0px 0;}

#menu .menu ul li.first a{ background:none; padding-right:15px; padding-top:11px;  }
#menu .menu ul li.first {text-align:center; min-width:50px !important; }
#menu .menu ul li.dep {border-bottom:1px solid #999;}
#menu .menu ul li a{background:url("../../img/common/arrow_09.gif")no-repeat 22px center ; text-decoration:none;  
display:block; text-align:center; font-size:17px; color:#888;   font-weight:normal; margin:0;height:37px; padding:15px 35px 0 35px; }
#menu .menu ul:after  { content: ""; clear: both; display: block;  }
#menu .menu ul li.select_on a{ color:#333; border-bottom:1px solid #111;  }
#menu .menu ul li a:hover {}


div.contBox {margin-top:30px;}

#main table.table_05 tr[valign="top"] td[width="25%"] {border-bottom:0 !important; display:table; float:left; width:50% ; border:0px solid #000;}
#main table.table_05 tr td img{ max-width:100%;  }
#main table.table_05 tr td.bbsnewf5 table tr:first-child td a{overflow:hidden; height:0 !important; width:100% !important;  padding-bottom:70% !important; }
#main table.table_05 tr td img{width:100%;  padding-bottom:50% !important; }

/*contact us*/
#cont3{ background-color:#ebebeb; width:100%;  }
section.Box_05 { overflow:hidden;  margin:0 auto; position:relative; clear:both;  padding:60px 0 90px 0; }
section.Box_05 h3{ text-align:center; font-size:35px; height:75px;  margin-bottom:10px; font-weight:normal; border-bottom:0px solid #dfdfdf; }
section.Box_05 div.formmail{float:right; display:block !important; margin-bottom:50px; }
section.Box_05 div.formmail p{font-size:14px; padding:20px 0 15px 75px; color:#f26c4f;}
section.Box_05 div.contact{float:none; width:100%; }
section.Box_05 div.contact dl {padding-right:10px;}
section.Box_05 div.contact dt{font-size:18px; font-weight:bold; padding:17px 0 10px 10px; clear:both;}
section.Box_05 div.contact dd{font-size:14px; border-bottom:1px solid #d1d1d1; padding-bottom:17px; padding-left:10px; }
section.Box_05 div.contact dd.tel {font-size:25px; color:#0256bf; }
section.Box_05 h3.about {display:none;}

/* formmail */
table.form   { width:100%; border-top:0px #444547 solid; border-bottom:0px #4fb3d2 solid; border-left:0;  }
table.form td  { border-bottom:0px #e5e5e5 solid; border-right:0px; height:38px; }
table.form .formmail_border  { background-color:#fff;  width:398px; border:1px solid #666; padding:7px;}
table.form .formmail_textarea_style  { background-color:#fff; margin-top:4px; width:83% !important; height:150px !important;   border:1px solid #666; padding:7px;}
table.form td.formmail_title_bgcolor { width:12%; text-align:right; font-size:14px; padding-right:10px; font-family:"Malgun Gothic";}
table.form td.formmail_cell_bgcolor {height:3px; padding-bottom:0;}
table div.btn a{background-color:#333; color:#fff; display:block; padding:10px 20px 15px 20px; width:100px; font-size:18px; text-align:center; margin:10px 0 0 75px; }
table.form td.formmail_cell_bgcolor table td[colspan="2"] {display:none; }
table.form td.formmail_cell_bgcolor table td[align="left"] {display:none; }
table.form td.formmail_cell_bgcolor table td[align="right"] {text-align:center; }

table td.formmail_cell_bgcolor input[name="name"] {width:200px; }
table td.formmail_cell_bgcolor input[name="title"] {width:80%; }
table td.formmail_cell_bgcolor input[name="receiver_email"] {width:200px; }
table td.formmail_cell_bgcolor input[name="address"] {width:90%; margin-top:5px; }
table td.formmail_cell_bgcolor textarea[name="description"] {width:90%; }
table td.formmail_cell_bgcolor input[name="attachment[]"] {width:90% !important; }

.table_02 {  padding:5px 5px !important;  }
#post_area img{max-width:100%; height:auto !important}
.table_02 td.board_bgcolor {display:none !important}
table.view tr:nth-of-type(3){display:none !important}

/*quick*/
section.quick {display:none;}

/*footer*/
#footer {text-align:center;  background-color:#fff; color:#777; border-top:1px solid #dfdfdf; box-sizing:border-box; padding:0 15px; }
#footer footer.copy {clear:both; padding:20px 0 30px 0; overflow:hidden; }
#footer div.copyB { clear:both; border-top:0px solid #dfdfdf; padding:10px 0 20px 0 ;  }
}

/*****************************공통 화면****************************/

/*gallery*/
td.gallery_subject {padding:3px 0 !important; font-weight:bold;}
div.hblock td.bbsnewf5 table {position:relative;}
div.hblock td.gallery_subject {padding:3px 0 0 0 !important; font-weight:bold;}
div.hblock td.gallery_subject::after {content:""; height:1px; width:125px; background-color:#dfdfdf; position:absolute; margin:0 auto; left:112px; }
td.gallery_etc {color:#fff; line-height:8px; text-align:left !important; }
td.gallery_etc font{display:block !important; text-align:center !important; color:#888 !important; font-size:11px !important ;}
td.gallery_etc font[style=""],td.gallery_etc font[style="color:;font-size:px;"]{text-indent:-9999px !important; }
td.gallery_etc font[style=""] a,td.gallery_etc font[style="color:;font-size:px;"] a{display:block; width:70px; height:18px; background-color:#f0f0f0; border:1px solid #777;
 background-image:url("../../img/main/bt1.png"); background-repeat:no-repeat; background-position:center center; margin:-15px auto 2px auto;  z-index: 9999;}
td.gallery_etc font[style=""] a:hover,td.gallery_etc font[style="color:;font-size:px;"] a:hover {background-color:#b61017; border:1px solid #b61017; background-image:url("../../img/main/bt1_on.png"); }
td.bbsnewf5 table tr td[align="center"] a{overflow:hidden; height:220px; width:245px; display:block; border:1px solid #ddd;}
td.bbsnewf5 table tr td img{width:245px; height:auto !important; }

div.hblock td.bbsnewf5 table tr td[align="center"] a{overflow:hidden;  height:200px; width:auto; 
display:table-cell; vertical-align:middle; border:1px solid #ddd;}
div.hblock td.bbsnewf5 table tr td img{width:335px ; height:auto !important; }
div.hblock td.bbsnewf5 table tr td img{width:335px !important; height:auto !important; }

div.dstyle td.bbsnewf5 table tr td[align="center"] a{overflow:hidden;  height:150px; }
div.dstyle td.bbsnewf5 table tr td img{width:190px !important; height:170px !important; }
div.dstyle td.gallery_subject::after {content:none; }
div.dstyle td.gallery_subject {padding:3px 0  !important; font-weight:bold;}

.table_02 { border:3px solid #dfdfdf !important; padding:35px 35px; margin-bottom:10px; }
table.table_02 tr:first-child td{border-top:0px solid #dfdfdf !important;}
table.table_02 td.board_desc a{display:block; text-indent:-9999px !important;}
table.table_02 td.board_desc a{display:block; width:70px; height:18px; background-color:#f0f0f0; border:1px solid #777;
 background-image:url("../../img/main/bt1.png"); background-repeat:no-repeat; background-position:center center;   z-index: 9999;}
table.table_02 td.board_desc a:hover {background-color:#b61017; border:1px solid #b61017; background-image:url("../../img/main/bt1_on.png"); }
table.table_02 tr:first-child+tr+tr+tr td.board_desc a{display:block; width:76px; height:18px; background-color:#f0f0f0; border:1px solid #777;
 background-image:url("../../img/main/bt3.png"); background-repeat:no-repeat; background-position:center center;   z-index: 9999;}
table.table_02 tr:first-child+tr+tr+tr td.board_desc a:hover {background-color:#b61017; border:1px solid #b61017; background-image:url("../../img/main/bt3_on.png"); }
table.table_02 tr {width:50%; float:left;}
table.view tr {width:25%; float:left;}
table.table_02 tr:last-child{width:100%; display:block; clear:both; height:100%;}
table.write tr:nth-last-child(3){ width:100%; display:block; clear:both; height:100%;}
table.write tr tr,table.table_02 tr tr td{width:100% !important; clear:both; display:block;}
table.seLayout {border:1px solid #dfdfdf;}
table.view td.board_description {width:100% !important; clear:both; display:block; height:100%;}
#main > table{overflow:hidden;}
table.view td.board_desc{width:60% !important;  }
td.board_desc{width:80% !important;  }
td.board_bgcolor,td.board_desc{border-bottom:2px solid #fff !important; }
table table tr[valign="top"] td {border-bottom:0 !important;}
table table tr td[height="3"] {} 
div.category table td[align="left"] {border-bottom:0;}

/* sub h2 tmt */
.cascading-text__letter {  opacity: 0;  -webkit-animation-name: enter;  animation-name: enter;}
.cascading-text__letter {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 0.9s; animation-duration: 0.9s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

@keyframes enter {
  0% { opacity: 0; -webkit-transform: translateY(-25px);  transform: translateY(-25px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateY(0px);  transform: translateY(0px);  }
}

/* join */
div.join { width:70%; margin:0 auto; }
div.join p {font-size:15px; padding-bottom:20px;}
table.tb_join {border:3px solid #dfdfdf; width:100%; padding:15px 0px;}
table.tb_join td{border:0; padding:5px 5px;}
table.tb_join table {margin:0 auto;}
table.tb_join td.join_id,table.tb_join td.join_pw {font-weight:bold; text-align:right; }
table.tb_join td.bt_ok {text-align:center;}

div.rule {width:100%;}
div.rule table{width:100%; padding-bottom:25px;}
div.rule table td.tit{font-size:14px; font-weight:bold; padding:0px 0 10px 0 ;}
div.rule table td textarea {width:95%; height:100px; font-size:12px; color:#999; padding:10px 10px; border:1px solid #bbb;}
div.rule input.checkbox {margin:5px 3px;}

div.join2 { width:100%; margin:0 auto; }
div.join2 p {font-size:12px; padding-bottom:20px;}
div.join2 table {width:97%;}
div.join2 table table {width:100%; border-top:2px solid #555; border-left:1px solid #dfdfdf;}
div.join2 table table table,div.join2 table table table td {border:0; padding:0; margin:0;}
div.join2 table table td {border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:12px; padding:10px 10px;}
div.join2 td.tit {font-size:14px; font-weight:bold; padding:0px 0 10px 0 ;}
div.join2 table table td.member_td_bgcolor{background-color :#f7f7f7;}
/*table .btn{background-color:#333; color:#fff; padding:10px 20px; border:0; margin:0 10px;} */

div.join3 { width:60%; margin:0 auto; text-align:center; }
div.join3 table {width:100%; }
div.join3 td.tit{font-size:18px; font-weight:bold; padding:0px 0 30px 0 ;}

/* board */
table {font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif" !important;}
table.button {padding-bottom:50px;}
table tr td[height="1"] {background-color:#fff;}
table tr td[height="3"] {background-color:#555; height:2px;}
.board   { width:100%; border:0;  }
table.board tr td  {border:0px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; border-right:0px; height:38px; }
table form table td  {border:0px #e5e5e5 solid; border-top:1px #e5e5e5 solid; border-right:0px; height:38px; }
.board td.board_bgcolor  { background-color:#F7F7F7; border-right:0px; width:150px; text-align:center; }
.board td.board_desc {  width:550px;  } 
td.board_admin_bgcolor,td.board_admin_bgcolor table td {border:0 !important;}

.table_02   { width:100%; border:0px #e1e1e1 solid; border-top:2px #444547 solid;    }
.table_02 td  { border-bottom:0px #e1e1e1 solid; border-right:0px;  }
.table_02 td.board_bgcolor  { background-color:#e7e7e7;  border-right:0px; padding-top:5px; width:100px; }
.table_02 td.board_bgcolor font {color:#333 !important;}
.table_02 td.board_desc {  padding-left:10px;  } 
.table_03   { width:100%; padding-top:5px; border-top:2px #444547 solid; border-bottom:1px #e1e1e1 solid; border-left:0px;  border-right:0px;  }
.table_03 td  { border-bottom:1px #e1e1e1 solid; border-right:0px #e1e1e1 solid; padding:20px 4px 20px 4px; }
.table_03 td table td { border-bottom:0px ; padding:5px 0 0 0; }
.table_05   { width:100%; padding-top:5px;border-left:0px;  border-right:0px;  }
.table_05 td  {  border-right:0px #e5e5e5 solid; padding:0px 0px 25px 0px; }
.table_05 td table td { border-bottom:0px ; padding:0px 0 2px 0; }
div.category { padding-bottom:10px; font-size:20px !important; }
div.category td{ font-size:15px !important; }
div.category select[name="com_board_category_code"]{ font-size:15px !important; }
table #search_table { padding-top:0px; margin:0 auto; }
div #ext_search td.est_cate_cell select{  height:27px; box-sizing:border-box; padding:0 0 0 5px; }
div #ext_search td.est_keyword_cell input{border:1px solid #cacaca; height:27px; box-sizing:border-box; padding:6px; }
div #ext_search td.est_btn_cell {border:0px solid #cacaca; padding:0 2px; background-color:#fff;}
div #ext_search .keywordform {width:150px;}

.bbsnewf5 { height:38px; font-size:12px; }
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}
td.board_admin_bgcolor {padding:10px 5px 0 5px; font-size:12px;font-family:굴림,돋움;}

.public_input {width:85% !important;}
table td.board_desc input[name="file_attachment[]"]{width:85% !important; margin-bottom:10px !important;}
table td.board_desc #border[name="subject"] {width:85%; margin-left:10px;}
table td.board_desc #border {width:75%; margin-left:10px;}
table td.board_desc select[name="category"]{margin-left:10px;}

.paging {font-size:14px;font-family:굴림,돋움;color:#FF5500;font-weight:bold; clear:both; display:block; text-align:center; padding:15px; }
.paging b { font-size:14px; background-color:#7d7d7d; color:#fff; padding:5px 8px;}
.paging a:link{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:none}
.paging a:visited{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:none}
.paging a:hover{font-size:12px;font-family:굴림,돋움;color:#555;font-weight:normal;text-decoration:underline}