/*---------------------------------------
  COMMON               
-----------------------------------------*/
@charset "utf-8";
@import url('../font/font.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@font-face {
    font-family: 'GowunBatang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
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; word-break:keep-all }
html {font-size:.53vw}
html { font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif"; color:#252525;  font-weight:400; letter-spacing:0px;}
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; }
html, body {  width: 100%;  height: 100%;}
h1, h2, h3, h4, h5, h6 {font-weight:500;}
html{  -webkit-font-smoothing: antialiased;}
a {text-decoration:none;  /* -webkit-transition: 0.5s;  transition: 0.5s;*/}
a:link, a:visited, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
a:hover{ text-decoration:none; color:#333; cursor:pointer; }
* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
*:before,*:after {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
::-webkit-scrollbar{  width: 6px;  height: 6px;}
::-webkit-scrollbar-thumb {  cursor: pointer;  background: #252525;}
.scroll .container a.navbar-brand img{border:2px solid #000;}
.wd10 {width:1000px; margin:0 auto; clear:both; overflow:hidden; }
.wd11 {width:1100px; margin:0 auto; clear:both; overflow:hidden; }
.wd12 {width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.wd13 {width:1300px; margin:0 auto; clear:both; overflow:hidden; }
.wd14 {width:1400px; margin:0 auto; clear:both; overflow:hidden; }
.wd15 {width:1500px; margin:0 auto; clear:both; overflow:hidden; }
.wdFull {width:100%; margin:0 ; clear:both; overflow:hidden; margin-top:50px;margin-bottom:50px;padding-top:50px;border-top:1px solid #ddd; }
.mainColor {color:#333;}
.bgGray {background-color:#808080;} 
.bgGreen {background-color:#008000;} 
.bgPink {background-color:#ff3399;} 
.bgBlue {background-color:#00498c}
.bgGold {background-color:#ffd700}
.bgBlack {background-color:#333;}
.bgWhite {background-color:#fff;}
.bgBrown {background-color:#80604d;}
.bgOrange {background-color:#ffa500;}
.txtP { padding-bottom:20px; font-size:16px; line-height:30px;   }
.txtBig {font-size:60px; line-height:70px;}
.txtHead {font-size:40px; line-height:50px;  }
.txtHead2 {font-size:35px; line-height:45px;  }
.txtHead3 {font-size:25px; line-height:35px;  }
.txtHead4 {  font-size:20px; line-height:30px;   }
.txtHead5 {  font-size:18px; line-height:28px;   }
.txtHead6 {  font-size:16px; line-height:26px;   }
.txtS {font-size:17px;  line-height:27px; }
.clearB {clear:both; overflow:hidden;}
.img_c {text-align:center; }
.img_r {text-align:right; }
.txtB {font-weight:500; } 
.txtGray {color:#808080;} 
.txtGreen {color:#008000;} 
.txtPink {color:#ff3399;} 
.txtBlue {color:#00498c}
.txtGold {color:#ffd700}
.txtBlack {color:#333;}
.txtWhite {color:#fff;} 
.txtBrown {color:#80604d;}
.txtOrange {color:#ff7f00;}
.txtRed {color:#ff0000;}
.txtUline {border-bottom:1px solid #333;}
.txtUline2 {border-bottom:3px solid #333;}
.pdT5 {padding-top:5px}.pdT10 {padding-top:10px}.pdT15 {padding-top:15px}.pdT20 {padding-top:20px}.pdT30 {padding-top:30px}.pdT40 {padding-top:40px}.pdT50 {padding-top:50px}
.pdT60 {padding-top:60px}.pdT70 {padding-top:70px}.pdT80 {padding-top:80px}.pdT90 {padding-top:90px}.pdT100 {padding-top:100px}
.mgT10 {margin-top:10px}.mgT15 {margin-top:15px}.mgT20 {margin-top:20px}.mgT30 {margin-top:30px}.mgT40 {margin-top:40px}.mgT50 {margin-top:50px}.mgT60 {margin-top:60px}
.mgT70 {margin-top:70px}.mgT80 {margin-top:80px}.mgT90 {margin-top:90px}.mgT100 {margin-top:100px}
.pdB10 {padding-bottom:10px;}.pdB20 {padding-bottom:20px;}.pdB30 {padding-bottom:30px;}.pdB40 {padding-bottom:40px;}.pdB50 {padding-bottom:50px;}
.pdB60 {padding-bottom:60px;}.pdB70 {padding-bottom:70px;}.pdB80 {padding-bottom:80px;}.pdB80 {padding-bottom:90px;}.pdB100 {padding-bottom:100px;}
.floatL{float:left;}
.floatR{float:right;}
.floatN{float:none;}
.displayNone {display:none;}
.width10 {width:10%;}.width15 {width:15%;}.width20 {width:20%;}.width25 {width:25%;}.width30 {width:30%;}.width40 {width:40%;}.width50 {width:50%;}
.width60 {width:60%;}.width70 {width:70%;}.width75 {width:75%;}.width80 {width:80%;}.width90 {width:90%;}.width100 {width:100%;}
ul{padding:0; margin:0; list-style-type:none;}

/*---------------------------------------
  	BOARD              
-----------------------------------------*/

@media not all and (min-width:992px){
div#post_area {padding:0;}
div#post_area img {width:100% !important ; height:auto !important;}
.table_03 td img,.table_05 td img {width:100%; height:auto !important;}
table table table table td img {width:100%; height:auto !important;}
table table tr[valign="top"] td[width="25%"] {border-bottom:0 !important; display:table; float:left; width:50% ; border:0px solid #000;}
}

/* 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.rule {width:100%;}
.member_txt{width:100%; margin-bottom:25px;}
.member_txt td b{font-size:14px; font-weight:bold; padding:0px 0 10px 0 ; display:block; overflow: hidden;}
.member_txt td textarea {width:95%; height:100px; font-size:12px; color:#999; padding:10px 10px; border:1px solid #bbb;}
.member_txt input.checkbox {margin:5px 3px;}
div.join2 #dl1 dt{font-size:17px; color:#333; font-weight:bold; padding:0px 0 0px 0 ;}

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 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; font-size:12px;  border-bottom:0px #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 td font { font-size:15px !important; font-family:"Noto Sans KR"; /*font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif" !important;*/}
.table_02   { width:100%; border:0px #e1e1e1 solid; border-top:2px #444547 solid;    }
.table_02 td  { border-bottom:1px #e1e1e1 solid; border-right:0px; height:60px; font-size:16px; }
.table_02 td.board_bgcolor  { background-color:#F7F7F7; border-right:0px; width:150px; font-family:"Noto Sans KR";   /*font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif" !important;*/}
.table_02 td.board_bgcolor span {font-size:15px !important;}
.table_02 td.board_desc {  width:550px;  } 
.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; }
.board_btn {padding-top:20px;}

/*category*/
div.category {display:none; 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; }
/*div.category {display:block; margin-bottom:40px; }*/
div.category font,div.category b {font-size:18px !important; font-weight:400 !important ;
 font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif"; }
div.category .sul_menu {text-align:center;}
div.category .sul_menu a {margin:0px 15px 0 1px; padding:1px 20px 0 0;  }

/*search*/
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;}

td.gallery_subject {padding:0 !important; line-height:5px !important;font-weight:bold;}
td.gallery_etc {color:#fff !important;}
td.gallery_etc span {display:none;}

.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;}

.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 {margin-left:10px; padding:5px; font-size:14px !important}
table td.board_desc select[name="category"]{margin-left:10px;}
table td.board_desc input[name="phone_no2"],
table td.board_desc input[name="phone_no3"] {width:auto !important; margin-left:0 !important;}

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

/*gallery*/
td.board_bgcolor,td.board_desc {border-bottom:1px solid #dfdfdf !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;}
span.gallery_title {padding-top:12px; display:block; font-family:"Noto Sans KR"; font-size:18px ; line-height:18px; font-weight:500;  }
div.pro table,div.pro table td,div.pro table span{font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif" !important;}
.pro .table_02 td  {font-weight:500; font-size:14px; }

/*formmail*/
table.formmail_cell_bgcolor td{border:0; font-size:15px !important; }
td.formmail_cell_bgcolor table td,
.table_02 td.formmail_title_bgcolor font,
.table_02 .formmail_border {font-size:15px !important; font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif" !important;}
td.formmail_cell_bgcolor { font-size:15px !important; font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif";}
td.formmail_cell_bgcolor { padding-left:10px !important;  }
table td.formmail_cell_bgcolor input[name="name"] {width:100px; }
table td.formmail_cell_bgcolor input[name="title"] {width:80%; }
table td.formmail_cell_bgcolor input[name="title1"] {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 textarea[name="description1"] {width:90%; }
table td.formmail_cell_bgcolor input[name="attachment[]"] {width:90% !important; }

table.table_02 .formmail_border {padding:3px 3px;}
.table_02 td.formmail_cell_bgcolor input {margin:5px 5px !important;}
.table_02 td.formmail_cell_bgcolor textarea {margin:5px 5px !important; line-height:23px;}
.formmail_title_bgcolor {   background-color: #7f7f7f7 !important;}

/*webzine*/
.webzine_type2 {width:100%;}
.webzine_type2 td { color:#666666;font-size:14px; }
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top; border-bottom:0;  }
.webzine_type2 .webzine_type_img_td span {float:left;}
.webzine_type2 .webzine_type_text_td_left { padding:5px 0 0 80px; vertical-align:top; border-bottom:0; height:0; width:auto; }
.webzine_type2 .news_title {color:#333;font-size:25px;text-decoration:none; font-weight:bold; width:100%;  }
.webzine_type2 .webzine_type_text_td_right { width:100%; padding:0 9px 0 0;border-bottom:0; }
.webzine_type2 .webzine_type_img img {border:0px solid #333; margin-bottom:20px; }
.webzine_type2 .webzine_type2_table_line { width:100%; border-bottom:0px solid #dfdfdf; border-top:1px solid #e1e1e1;  height:26px; margin-bottom:10px; line-height:10px;}
.webzine_type2 dd   {float:left;width:100%; padding:0px 0 25px 0;margin:0 0 -1px 0;border-top:0px solid #e5e5e5;border-bottom:0px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;height:25px;padding:5px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.webzine_type2 .obj_value {height:25px; overflow:hidden; }
.webzine_type2 .obj_value {font-size:16px ; line-height:25px; }
.webzine_dateof_write {font-size:16px ; color:#ccc;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.noBlock {display:none;}
.wd10,.wd11,.wd12,.wd13,.wd14,.wd115 {width:100%; padding-left:15px !important; padding-right:15px !important; box-sizing:border-box; }	
.txtP { padding-bottom:20px; font-size:15px; line-height:25px; color:#333;  }
.txtBig {font-size:35px; line-height:50px;}
.txtHead {font-size:28px; line-height:45px;  }
.txtHead2 {font-size:25px; line-height:35px;  }
.txtHead3 {font-size:18px; line-height:28px; letter-spacing:-0.5px; }
.txtHead4 {  font-size:14px; line-height:26px;   }
.txtHead5 {  font-size:16px; line-height:27px;   }
.txtS {font-size:15px;  line-height:25px; }
.check {background-size:40px !important; padding-left:50px !important;}
.mgT70 {margin-top:20px}
.width10,.width20,.width30,.width40,.width50,.width60,.width70,.width80,.width90,.width100
,.width15,.width75,.width25  {width:100%;}
span.gallery_title {padding-top:0px; font-size:12px !important;}
div.pro table table tr td {display:table; width:100%; height:auto; }
.table_05 td  { vertical-align:top; }
.comment_txt textarea#border {width:70%;}
.comment_txt input#border {width:90px;}
table td.board_desc #border {width:85%; margin-left:10px;}

.table_02 td  {  height:50px; font-size:13px; }
.table_02 td font { font-size:13px !important; }
.table_02 td.board_bgcolor span {font-size:13px !important;}
table td.board_desc #border {font-size:12px !important}
table td.board_desc input[name="phone_no1"],
table td.board_desc input[name="phone_no2"],
table td.board_desc input[name="phone_no3"] {width:auto !important; }

/*category*/
div.category {display:none; margin-bottom:20px; }
div.category font,div.category b {font-size:14px !important; font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif"; }
div.category .sul_menu {text-align:center;}
div.category .sul_menu a {margin:0px 5px 10px 1px; padding:1px 10px 0 0;  }

/*webzine*/
.webzine_type2 .webzine_type_img_td {  width:100%; display:table; }
.webzine_type2 .webzine_type_text_td_left {width:100%; display:table; padding:0; }
.webzine_type2 dd  {padding:0px 0 15px 0;}
.webzine_type2 .news_title {font-size:18px; }
.webzine_type2 .obj_value a {font-size:14px ; line-height:22px; }

}


#toparea {position:absolute; top:0px; height:100px; width:100%; padding: 0; box-sizing:border-box; 
 margin-left:auto; margin-right:auto; transition: .5s all; }
#top {  border-bottom:0px solid #343848;    position: fixed; z-index: 999; width:100%;  }
#topBox { margin:0 auto; max-width:100% !important;  position:relative;}
aside.util {display:none; position:relative; width:100%; margin:0 auto; font-size:13px; height:30px;  padding:4px 0px 0 0px;
background-color:#f0f0f0; text-align:right; overflow:hidden; position: fixed; z-index: 999; top:0;  }
aside.util .utilBox { width:1095px; margin:0 auto;}
aside.util .utilL{float:left; width:50%; text-align:left;}
aside.util .utilR{float:right; width:50%;}
aside.util a{  padding:0px 0px; border-left:0px solid #888;  }
aside.util a:before {content:"|";  padding:0 9px 0 11px; color:#ccc;  }
aside.util .utilBox .utilL span.lang a:first-child:before,aside.util .utilBox .utilL span.sns a:first-child:before,
aside.util .utilBox .utilR > a:first-child:before {content:""; padding:0 0 0 3px}
aside.util .utilBox .utilL span.lang{padding-left:25px; background:url(../img/lang.png)no-repeat left center}
aside.util .utilBox .utilL span.sns{ padding-left:25px; background:url(../img/insta.png)no-repeat left center; margin-left:16px;}
aside.util a:hover {color:#333;}
aside.util a.first{ border-left:0px; }

#header { width:100%; margin:0 auto; padding-top:13px; position: relative;}
#header div.left {display:none; position:absolute; left:0px; top:35px;}
#header div.logo { position:fixed;  top:18px; left:50px; padding:0px;   box-sizing:border-box; z-index: 90;  transition: .5s all;}
#header div.logo a img {height:65px;}
#header div.logo .logo2,#header div.logo2 .logo1,.small #header div.logo .logo1  {display:none;}
#header div.logo2 .logo2,.small #header div.logo .logo2 {display:block;}
#header div.right {display:none; position:absolute; right:10px; top:35px;}
.button_container {display:none;}

/* Header */
header {  background-color: #fff; box-shadow: 0 10rem 30rem rgba(0,0,0,.15); -webkit-box-shadow: 0 10rem 30rem rgba(0,0,0,.15);  }
header a {  color: #222;  text-decoration: none;  }
header a.active,header a:hover {  color: #3d3d3d;}
header li { }

/*.gnb{ position:absolute; top:100px ;  border-top:1px solid #d0d0d0; left:0; width:100%;  z-index:13; margin:0px auto 0 auto; 
background-image:url("../img/bg_menu.png"); background-repeat:repeat-x; background-position: center 59px; }*/

.large .gnb{  border-bottom:0px solid #dfdfdf; transition: .5s all}
.small .gnb{  border-bottom:0px solid #dfdfdf; background-color:rgba(255,255,255,1)}
.gnb{ position:fixed; top:0px ;  left:0; width:100%;  z-index:13; margin:0px auto 0 auto; 
/*background-color:rgba(23,90,201,0.8);*/ background-color:rgba(255,255,255,0);  transition: .5s all  }
.gnb:before{content:""; width:100%; height:100px; position:absolute; top:0;  z-index: -1;
border-bottom:1px solid rgba(0,0,0,0);}
.small .gnb:before{border-bottom:1px solid rgba(0,0,0,0.1); }
.gnb:hover:before{border-bottom:1px solid rgba(0,0,0,0.1)s;}

/*.gnb a {color:#fff;}
.gnb .depth1 a:hover {color:#333 !important; }*/
.gnb .mypage {display:none;}
.gnb a {color:#fff; }
.gnb .depth1 {position: relative}
/*.gnb .depth1:after {content:""; position:absolute; right:0px; top:41px; width:1px; height:20px; background:rgba(255,255,255,0.6); }*/
.gnb li:last-child .depth1:after {display:none;}
.small .gnb a {color:#333;}
.gnb > ul{overflow:hidden; list-style-type:none; width:800px; padding-left:0px; padding-right:0px;  box-sizing:border-box; margin:0 auto; }
.gnb .menu{float:left; text-align:center;  border-left:0px solid rgba(255,255,255,0); border-right:0px solid rgba(255,255,255,0); }
.gnb .menu:first-child:nth-last-child(4),.gnb .menu:first-child:nth-last-child(4)~li { width: 25%; } 
.gnb .menu:first-child:nth-last-child(5),.gnb .menu:first-child:nth-last-child(5)~li { width: 20%; } 
.gnb .menu:first-child:nth-last-child(6),.gnb .menu:first-child:nth-last-child(6)~li { width: 16.66666%; } 
.gnb .menu:first-child:nth-last-child(7),.gnb .menu:first-child:nth-last-child(7)~li { width: 14.28571%; } 
.gnb .menu:hover { border-left:0px solid #dfdfdf; border-right:0px solid #dfdfdf; }
.gnb .menu:first-child{margin:0}
.gnb .depth1.side {display:none;}
.gnb .depth1{padding:0; font-size:18px;  letter-spacing:-0.3px; text-align:center; margin:0 auto; padding:0px 90px 2px 90px; 
display:block;  line-height:100px; box-sizing:border-box; height:100px; font-weight:500; color:#fff; }
.gnb .depth2 a {color:#fff; font-weight:500;}
.gnb .depth2{height:0 ;overflow:hidden;  font-size:14px; border-left:0px solid #353535;  }
.gnb .menu:first-child .depth2{border-left:0px solid #dfdfdf; }
.gnb .depth2 ul{ list-style-type:none; padding:15px 0 0 0; margin:0;  color:#888;} /*depth2 height -> menu.js */
.gnb .depth2 ul.depth2_ul1 > li{margin-top:15px; padding:0 10px; }
.gnb .depth2 ul.depth2_ul1 > li:first-child{margin-top:10px;}
.gnb .depth2 ul li a { padding:7px 0; border-radius:5px 5px; display:block; }
.gnb .depth2 ul li a:hover { color:#ff7800;  -webkit-transition: 0.5s;  transition: 0.5s;  }

.gnb .depth2 ul.depth2_ul2 {background-color:#f0f0f0; padding:10px 10px; border-radius: 5px 5px; margin-top:10px;}
.gnb .depth2 ul.depth2_ul2 > li {line-height: 25px;  font-size:12px;}

.gnb:hover {border-bottom:0; background-color:rgba(255,255,255,1); transition: .5s all }
.gnb:hover a {color:#333;}
.gnb:hover .depth1 a{  color:#333 !important;}
.gnb .menu:hover {/*background-color:#fff;*/  color:#333 !important; }
.gnb .menu:hover  a{  color:#333}
.gnb .menu:hover .depth1{position:relative;}
.gnb .menu:hover .depth1:before{content:""; position:absolute; bottom:0; height:2px; width:120px; background-color:#ff7800; 
left:50%; transform: translate(-50%,-0%); }
.gnb .menu:hover .depth1 a{  border-bottom:0px solid #333;  color:#ff7800 !important;  padding:20px 0; width:100%;  }
.gnb .menu:hover .depth1 a,.gnb .menu:hover .depth2 ul{color:#333}
.gnb .menu:hover .depth2 ul li a { }
.gnb:hover .depth2 {}
.gnb:hover  {border-bottom:1px solid #e7e7e7 !important; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.logo a:hover .gnb:hover {background:#fff; color:#333; }

/*header small*/
.fp-viewing-slide1 .util,.fp-viewing-slide2 .util,
.fp-viewing-slide3 .util,.fp-viewing-slide4 .util,
.fp-viewing-slide5 .util,.fp-viewing-slide6 .util,
header.small .util { margin:-30px auto 0 auto; }
.fp-viewing-slide1 .gnb,.fp-viewing-slide2 .gnb,
.fp-viewing-slide3 .gnb,.fp-viewing-slide4 .gnb,
.fp-viewing-slide5 .gnb,.fp-viewing-slide6 .gnb,
header.small .gnb{top:0px ; border-bottom:0px solid #dfdfdf; }
.fp-viewing-slide1 #toparea,.fp-viewing-slide2 #toparea,
.fp-viewing-slide3 #toparea,.fp-viewing-slide4 #toparea,
.fp-viewing-slide5 #toparea,.fp-viewing-slide6 #toparea,
header.small #toparea{top:0px; width:100%; transition: .5s all; }
.fp-viewing-slide1 #header div.logo,.fp-viewing-slide2 #header div.logo,
.fp-viewing-slide3 #header div.logo,.fp-viewing-slide4 #header div.logo,
.fp-viewing-slide5 #header div.logo,.fp-viewing-slide6 #header div.logo,
header.small #header div.logo{   /*top:15px ;*/ transition: .5s all; }

/*header small
.fp-viewing-home .util {margin:0px auto 0 auto; }
.fp-viewing-home  .gnb {top:30px ; border-bottom:0px solid #dfdfdf; }
.fp-viewing-home #toparea {top:20px; width:100%; transition: .5s all; }
.fp-viewing-home #toparea #header div.logo{   top:30px ; transition: .5s all; }*/

/* header large 
header.large .logo a{ display: block; background:url("../img/logo.png")no-repeat center top;  height: 60px;  }*/
/*.fp-viewing-slide1 header.large .gnb{ background-color:#fff; border-bottom:0px solid rgba(0,0,0,0.1);}
.fp-viewing-slide1 header.large .logo a{ display: block; background:url("../img/logo.png")no-repeat center top;  height: 60px; }
.fp-viewing-slide1 header.large .gnb a{ color:#333; }
.fp-viewing-slide1 header.large .open span{background-color:#fff !important; }
.fp-viewing-slide1 header.large .slide-menu .caret {background-color:#111 !important;}
.fp-viewing-slide1 header.large .gnb .depth1{font-size:16px; padding:0 10px; line-height:60px;}
.fp-viewing-slide1 header.large .cd-nav-trigger {top:3px !important; transition: .5s all;}*/


/* Transitions */
header,nav,header a,header img,header li,.util, .gnb, util {  
	transition: .2s all;  -moz-transition: .2s all;  -webkit-transition: .2s all;  -o-transition: .2s all;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1400px) {
.gnb > ul{overflow:hidden; list-style-type:none; width:800px; padding-left:150px; }	
}
@media (max-width: 1200px) {
.gnb > ul{overflow:hidden; list-style-type:none; width:700px; padding-left:100px; }	
}
@media (max-width: 1023px) {
#toparea {width:100%; top:0px; height:auto;padding:0 0px;   }
header.small #toparea {top:0px; width:100%; background-color:#fff; border-bottom:1px solid #dfdfdf; }
#header {width:100%; padding-top:0px; height:65px;}
#topBox { margin:0 auto; max-width:100% !important;  }
#top { }
header {  width:calc(100% - 0px); }
#header div.logo { position:relative; padding:15px 0 0 10px;  top:0; left:0; }

#header div.logo a img {height:40px; max-height:55px; vertical-align:top; }
#header div.right {position:absolute; right:0px; top:30px;  }
aside.util {display:none; font-size:12px;   }
aside.util a:after {content:"|";  padding:0 5px 0 8px; color:#ccc;  }

.large #top{  border-bottom:0px solid #dfdfdf;}
.small #top{  border-bottom:1px solid #dfdfdf; background-color:#fff;}
.gnb{ display:none; }
.overlay div.contact {display:none; }
div.button_container div.txt{display:none;}
.button_container { display:block;  position: absolute;  }
.button_container {    top: 20px;  right: 20px; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 490px) {
}
@media (max-width: 320px) {
}


#overlay {  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  background-color: rgba(0, 0, 0, 0.7);  
display: none;  z-index: 99;}

.slide-menu .menu_txt{position:absolute; color:rgba(0,0,0,0.5); left:45px; top:50%; text-align:center;
font-size:15px; font-family: "GowunBatang-Regular"; font-weight:500 ; letter-spacing:7px; transform: translate(-50%, -50%) rotate(90deg);}
.slide-menu .side_logo {text-align:center; padding-top:60px;}
.slide-menu{text-align:center;  height: 100%;   width: 100%;  position: fixed;     background: rgba(255, 255, 255, 1);
top: 0px;  right:-100%;  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  z-index: 100;  -ms-overflow-style: none; }
.slide-menu.open{  right: 0px; background: rgba(255,255, 255, 1); overflow-y:scroll; z-index:100; }

.slide-menu .mobile-menu-list {margin:40px 10px 50px 10px; overflow:hidden; display:flex;  justify-content: space-evenly;}
.slide-menu .mobile-menu-list>li {border-left:1px solid #dfdfdf; padding:30px 0;  flex:1;  border-bottom: 0px solid rgba(0,0,0,0.2);  }
.slide-menu .mobile-menu-list>li:first-child {border-left:0;}
.slide-menu .mobile-menu-list  li  a { color: #333;  display: block; transition: all .51s ease; }
.slide-menu .mobile-menu-list .depth1 > a { padding:12px 0 30px 30px; color:#222;  font-size:30px; font-weight:bold; pointer-events: none;  }
.slide-menu .top {display:none;}
.slide-menu .depth2 {padding:0;}
.slide-menu .depth2 ul{padding:0; overflow:hidden; background-color:#fff;}
.slide-menu .depth2 ul li a{font-size:16px; font-weight:500; line-height:40px; padding:0 20px;}
.slide-menu .depth2 ul li a:hover {color:#aaa; }
.slide-menu .depth2 ul li:first-child a {padding-top:5px;}
.slide-menu .depth2 ul li:last-child a {padding-bottom:15px;}
.slide-menu .mobile-menu-list a {    text-decoration: none !important;}

.slide-menu .footer {color:#888;  line-height:25px; font-size:14px;margin:50px 50px;}
.slide-menu .footer ul{ padding:10px 0 0 0; margin:0; list-style:none; }
.slide-menu .footer .sns {padding:30px 0;}
.slide-menu .footer .sns a{opacity:0.8; }
.slide-menu .footer .sns a:hover{opacity:1; }
.slide-menu .footer .sns a img{vertical-align: top;   }
.slide-menu .footer p.lang a {display:inline-block; border:1px solid rgba(0,0,0,0.2); font-size:12px;
border-radius:5px 5px; margin:0 3px; padding:0px 8px 3px 8px; width:60px; text-align:center; } 

/*BURGER ICON*/
.navBox {display:block; height:100%;  overflow:hidden; width:100px; border-left:1px solid #000;;}
.nav-icon2 span{background-color:#333 !important;}
#nav-icon1{  width: 60px;  height: 80px;  position: absolute; top:0px;  right: 30px; padding:15px 0px;  margin: 10px auto 0 auto;
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;  -moz-transition: .s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  cursor: pointer;   z-index: 101;}
#nav-icon1 {background:url(https://bdmp-001.cafe24.com/bizdemo162158/img/btn_all.png)no-repeat center}
#nav-icon1.nav-icon2 {background:url(https://bdmp-001.cafe24.com/bizdemo162158/img/btn_all_b.png)no-repeat center}
.small #nav-icon1  {background:url(https://bdmp-001.cafe24.com/bizdemo162158/img/btn_all_b.png)no-repeat center }

#nav-icon1 span{  display: none;  position: absolute;  height: 2px;  width: 30px;  background: #fff ;  border-radius: 9px;
  opacity: 1;  right: 15px;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);
  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
/*.open span {background:#fff !important;}*/  
#nav-icon1 span:nth-child(1) {  top: 28px;}
#nav-icon1 span:nth-child(2) {  top: 38px; width:23px; }
#nav-icon1 span:nth-child(3) {  top: 48px;}
#nav-icon1.open{ background:url(../img/btn_close.png)no-repeat center }
#nav-icon1.open span{   background: #333 }
#nav-icon1.open span:nth-child(1) {  top: 38px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) { display:none; opacity: 0; }
#nav-icon1.open span:nth-child(3) {  top: 38px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);}
#text-cont{  color: #fff;  width: 100%;  height: 20%;  display: block;  position: absolute;  top: 40%;  left: 0;
  text-align: center;  font-size: 18pt}
.offer-cont{  width: 100%;  height: 10%;  position: absolute;  top: 55%;  left: 0;  display: block;  text-align: center;}
.offer-cont ul li{  display: inline;  padding-right: 5%;}
.offer-cont ul li a{  color: #fff;  border-bottom: 1px dashed #fff;}
.offer-cont ul li a:hover{  color: #EF2E2E;  border-color: #EF2E2E;    -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.slide-menu{ text-align:left;   width: 90%; top: 0px;  right: -90%; border-left:0px solid rgba(0,0,0,0.06); overflow-y:scroll  }
#nav-icon1.open{  right: 280px;}
.slide-menu .side_logo {padding-top:60px;}
.slide-menu .mobile-menu-list > li > a { padding:12px 0;  }
.slide-menu .mobile-menu-list {margin:70px 30px 30px 30px;}
.slide-menu .footer {;margin:30px 30px;}
.slide-menu .mobile-menu-list>li { padding:0px 0;  float:none; width:auto;  cursor:pointer; }
.slide-menu .mobile-menu-list .depth1 > a {  font-size:20px; pointer-events:auto;  }
.slide-menu .depth2 ul li a{font-size:14px; line-height:35px; } 
.slide-menu .mobile-menu-list {margin:25px 30px 30px 30px; overflow:hidden; display:block;  }
.slide-menu .mobile-menu-list>li { border-left:0px solid #dfdfdf;  width:100%;  border-bottom: 0px solid rgba(0,0,0,0.2);  cursor:pointer;}
.slide-menu .mobile-menu-list>li:first-child {border-left:0;}
.slide-menu .menu_txt {display:none;}
.slide-menu .footer {  line-height:25px; font-size:12px; }
/*BURGER ICON*/
#nav-icon1.open{  right: 10px;}
#nav-icon1.open span{   background: #333 !important; }

#nav-icon1{width: 55px;  height: 50px;  position: absolute; top:0px;  right: 5px; padding:15px 20px;  margin: 6px auto 0 auto;}
/*#nav-icon1 span{  display: block;  position: absolute;  height: 2px;  width: 30px;  background: #fff ;  border-radius: 9px;
  opacity: 1;  right: 15px;  }
#nav-icon1 span:nth-child(1) {  top: 15px;}
#nav-icon1 span:nth-child(2) {  top: 25px; width:23px; }
#nav-icon1 span:nth-child(3) {  top: 35px;}
#nav-icon1.open span:nth-child(1),#nav-icon1.open span:nth-child(3)  {  top: 25px;}*/

/*.slide-menu{ text-align:left;  height: 100%;  background: rgba(255, 255, 255, 0.3);  width: 260px;  position: fixed;  top: 0px;  left: -210px;
  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;  z-index: 100;}
  .open {background: rgba(0, 0, 0, 0.9) ;}
#nav-icon1{position:fixed;     left: 12px;  margin: 20px auto; height:25px; background:none !important;} 
 #nav-icon1 span{  background:#000;} 
 .open span{  background:#fff !important;  }
 .menu_txt{ color:rgba(255,255,255,0.5);}
.slide-menu .logo {padding:50px 20px 5px 20px; } 
.slide-menu.open .menu_txt{color:rgba(255,255,255,0.3);} 
.slide-menu .menu ul{    margin: 40px auto; }*/
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

#contact_03 .mtit h3{color:#333 !important;}
#contact_03 .mtit p {color:#333 !important; font-size:18px;}

#contact_03 div.info{ width:1200px; margin:0 auto; padding:20px 0 30px 0;  overflow:hidden;}
#contact_03 div.info ul {padding:0; margin:0; list-style-type:none; font-size:15px; }
#contact_03 div.info ul li {color:#333; width:33.333%; float:left; text-align:center; 
padding:100px 10px 50px 10px; background-repeat: no-repeat; background-position:center top; }
#contact_03 div.info ul li.ico1 {background-image:url(https://bdmp-001.cafe24.com/bizdemo162158/img/hblock/design/contact_03/img/ico1.png)}
#contact_03 div.info ul li.ico2 {background-image:url(https://bdmp-001.cafe24.com/bizdemo162158/img/hblock/design/contact_03/img/ico2.png)}
#contact_03 div.info ul li.ico3 {background-image:url(https://bdmp-001.cafe24.com/bizdemo162158/img/hblock/design/contact_03/img/ico3.png)}

#contact_03 > div.map { width:100%; padding:0; margin:0;  height:300px;}
.root_daum_roughmap {width:100% !important;  box-sizing:border-box !important; border:0 !important;
padding:0 !important; border-radius:0 !important; } /*다음맵*/
#contact_03 .map iframe{ height:100%; width:100%; padding:0; margin:0; }/*구글맵*/

.brand2 {padding:100px 0px 100px 15px}
.brand2 .tit {font-size: max(35px, 6rem); font-family: 'Poppins', sans-serif;  padding-bottom:30px; }
.brand2 .txt {font-size:18px; padding:10px 0 40px 0}
.brand2 .btn a{font-size:16px; display:block; text-align:center; margin:0 auto; width:200px; padding:12px 12px 14px 12px; 
border:1px solid #888; color:#035ab9; font-weight:500; }

@media (max-width: 1023px) {
.brand2 {padding:55px 10px 60px 10px}
.brand2 .tit {font-size:25px; font-family: 'Poppins', sans-serif; }
.brand2 .txt {font-size:16px; padding:10px 0 40px 0}
.brand2 .btn a{font-size:14px; display:block; text-align:center; margin:0 auto; width:160px; padding:10px; 
border:1px solid #408c25; color:#408c25 }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

@media (max-width: 768px) {
.tit {font-size: max(35px, 6rem); font-family: 'Poppins', sans-serif; font-size:20px; }
.section_service { display:none; }
#contact_03 {clear:both; overflow: hidden; background:#fff;  }
}
@media (min-width: 1024px) {
.tit {font-size: max(35px, 6rem); font-family: 'Poppins', sans-serif; font-size:30px; }
.section_service { height:550px;border-top:1px solid #ddd;padding-top:100px; margin-top:75px; }
.section_service ul { width:1440px; margin-left:auto; margin-right:auto; }
.section_service li { float:left; width:450px; margin-right:30px; padding:10px; margin-bottom:30px; } 
.section_service p { width:120px; height:80px; margin-left:auto; margin-right:auto; margin-bottom:30px; }
.section_service p img { width:60px; height:60px; border-radius:20px; }
.section_service h1 { font-size:2.5em; margin-bottom:100px; }
.section_service h2 { font-size:20px; }
.section_service h3 { font-size:15px; margin-top:10px; color:#777; }
#contact_03 {clear:both; overflow: hidden; background:#fff; padding-top:0px; padding-bottom:30px; }
#contact_03 .tit { margin-top:50px; }
}