@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif');

html, body { width:100%; margin:0; padding:0;}
/*body{ font-family:'Noto Sans', sans-serif, 'Noto Sans KR';}*/
body{ font-family:'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial';}
div, ul, li { margin:0; padding:0;}
ul { list-style:none;}


#wrap { width:100%; margin:0 auto; }

/* skipmenu */
.skip_menu { margin:0 !important; padding:0 !important;}
.skip_menu dt {position:absolute;top:-1000px;}
.skip_item {position:absolute;display:block;top:-1000px;left:0;width:100%;text-align:center;z-index:999;}
.skip_item:focus, .skip_item:active { top:0; height:25px; padding:10px 0 0 0; color:#fff; background-color:#1d60a7;}

/* header */
#header { width:100%; height:166px; margin:0; position:relative }
#gnb{width:100%; height:45px; border-bottom:1px solid #848484; background-color:#4f4f4f;  position:absolute;  }
#gnb_wrap{ max-width:1200px; height:45px; line-height:45px;  margin:0 auto;}
#gnb_list{float:right;}
#gnb_list li{float:left; width:auto; list-style:none; padding:0 10px ; color:#fff; font-size:14px; border-right:1px solid #949494; text-align:center}
#gnb_list li a:link, #gnb_list li a:visited{text-decoration:none; color:#fff}
a:link, a:visited{text-decoration:none;}
#gnb_list li:first-child{border-left:1px solid #949494 }
#gnb_list li:last-child{ background-color:#ffd400; color:#414141}
#gnb_list li:last-child a{color:#414141 !important}
#shd{ width:120px !important;height:45px; padding:0 10px !important; background:#848484; line-height:45px; }
#hd_sch{border:none !important; margin:0 !important; width:100%}
#hd_sch #sch_stx{border:none !important; background:none !important; width:90px; float:left; padding:13px 0 !important; color:#fff}
#hd_sch #sch_submit{background:none !important; float:right; padding:13px 0 !important; height:auto}


#lnb{width:100%; clear:both ;height:120px; border-bottom:1px solid #dbdbdb; position:absolute; top:45px}
#lnb_wrap{max-width:1200px; height:120px; margin:0 auto;  }
#lnb_list{float:right; height:120px; z-index:9999; }
#lnb_list >ul >li{position:relative; float:left; height:120px; line-height:120px; padding:0px 35px 0 0 ; color:#231f20; font-size:20px; font-weight:700 ; font-family:'Noto Sans', sans-serif  }
#lnb_list li:last-child {padding-right:0px !important}

#lnb_list li a:link, #lnb_list li a:visited{text-decoration:none; color:#383838;}

#lnb_list ul li:hover ul { display:block;}
#lnb_list ul:hover li a:hover{color:#fec10d; border-bottom:3px solid #fec10d ; padding-bottom:20px  }

div#lnb_list:hover + div#lnb_list_bg { display:block !important;}
#lnb_list ul:hover ul li a:hover{color:#ffd400; font-weight:700; border-bottom:none !important; padding-bottom:0 !important}

#lnb_list ul ul{ display:none; position:absolute; top:119px; height:40px;  z-index:1000 }
#lnb_list li li{ display:inline; float:left; height:40px; line-height:40px; margin:0; text-indent:5px; font-size:16px ; color:#4d4d4d !important; padding:0 30px 0 0; font-weight:normal }
#lnb_list li li a { display:inline; width:100%; color:#fff;   }

#lnb_list li li a:link, #lnb_list li li a:visited{text-decoration:none; color:#fff;}

#lnb_list li:nth-child(1) ul{width:510px !important; }
#lnb_list li:nth-child(2) ul{width:600px !important; }
#lnb_list li:nth-child(3) ul{width:380px !important; }
#lnb_list li:nth-child(4) ul{width:615px !important; margin-left:-305px  }
#lnb_list li:nth-child(5) ul{width:535px !important; margin-left:-340px  }
#lnb_list li:nth-child(6) ul{width:250px !important; margin-left:-140px  }
/*#lnb_list li:nth-child(6) ul{width:345px !important; margin-left:-265px  }*/

/*#lnb_list_bg{ display:none; position: fixed; top:166px; left:0;width:100%; height:40px; background-color:rgba(79,79,79,0.7) ; z-index:990}*/
#lnb_list_bg{ display:none; position:absolute; top:120px; left:0;width:100%; height:40px; background-color:rgba(79,79,79,0.7) ; z-index:990}


#logo{float:left; width:263px; height:119px; line-height:119px; padding:0px 0 0 0 ; clear:both}
#logo img{max-width:100%}

/*content*/
#content { width:100%; height:auto; margin:0 ;  }
#content_wrap{width:100%;  }

#main_visual{ width:100%;  margin:0 auto; padding:25px 0 }
#main_visual_wrap{max-width:1200px; max-height:555px; margin:0 auto; text-align:center }
#main_visual img{max-width:100%}

#con{width:100%; height:auto  }

#schedule{width:100%; height:252px; padding:21px 0 0 0 ; margin:0 auto; background:url(../images/main/schedule_bg.png) center 0 no-repeat;   }
#schedule .sc{background:rgba(255,255,255,0.7); width:1200px; height:227px; margin:0 auto; border-top:3px solid #fec10d; text-align:center}
#schedule .s_more{ float:right; color:#4c4c4c; font-size:13px; padding:10px 10px 0 0}
#schedule .stit{ text-align:center; font-size:30px; color:#363636; font-weight:bold; padding-top:40px; height:35px}


#con_wrap{max-width:1200px; margin:0 auto; margin-top:10px}

#noticeb{float:left; position:relative; width:388px;height:377px; border:1px solid #e7e7e7 ; margin-right:15px; margin-top:15px}
#news{float:left; position:relative; width:388px;height:377px; border:1px solid #e7e7e7 ; margin-right:15px; margin-top:15px}
#gallery{float:left; position:relative; width:388px;height:377px; border:1px solid #e7e7e7 ; margin-right:0px; margin-top:15px}

.b_top{ padding:25px 24px } 
.b_tit{ float:left; color:#3d3d3d; font-size:24px; text-align:left; font-weight:bold}
.b_more{ float:right} 

#board{ padding:36px 24px 25px 24px; color:#393939; font-size:17px}
#board ul{ list-style:none }
#board li{ width:100%; line-height:150%; padding:0 0 5px 10px; background:url(../images/main/dot.png) left 10px no-repeat; display:block}
#board li span{ color:#7f7f7f; font-size:15px; display:block}

#gallery_img{ padding:36px 24px 25px 24px; font-size:17px}
#gallery_img ul{ list-style:none }
#gallery_img li{ width:100%; padding:0 0 0px 0px; }
#gallery_img span{ width:100%; background:rgba(0,0,0,0.5); color:#fff ; padding:10px 0; position:absolute; left:0px; bottom:0px; text-align:center}

#sns{float:left; position:relative; width:388px;height:377px; border:1px solid #e7e7e7 ; margin-right:15px; margin-top:15px}
#sns .sns_tab { width:100%; height:52px; background:#405e9a }
#sns .sns_tab li{float:left; text-align:center; width:50%; height:52px; line-height:50px; list-style:none; display:block}
#sns .sns_tab .c1{ background:#25b2dd !important}
#sns .sns_tab .c2{ background:#5a9c00 !important}
#sns .sns_tab .c3{ background:#d93175 !important}


#quick{float:left; position:relative; width:388px;height:377px; border:1px solid #e7e7e7 ; margin-right:15px; margin-top:15px}
#quick ul{ list-style:none}
#quick li{ float:left; text-align:center;  border-left:1px solid #e7e7e7;  border-bottom:1px solid #e7e7e7 }
#quick li a{width:193px; height:188px; display:block; }
#quick li span{ font-size:23px; color:#656565; padding:33px 0 22px 0; display:block ; font-weight:bold}
#quick li:nth-child(1) { border-left:none !important }
/*
#quick li:nth-child(2) { background:#fbfbfb !important }
#quick li:nth-child(3) {background:#fbfbfb !important; border-left:none !important }
*/
#quick li:nth-child(2) { background:#fbfbfb; }
#quick li:nth-child(3) {background:#fbfbfb; border-left:none !important }



#event{float:left; position:relative; width:388px;height:377px; border:1px solid #e7e7e7 ; margin-right:0px; margin-top:15px; margin-bottom:25px}



/*sub_content*/
#content_sub { width:100%; margin:0 auto}

#sub_visual{width:100%; margin:0 auto; border-bottom:1px solid #dbdbdb;  }
#sub_visual_wrap{ width:100%; max-height:195px; margin:0 auto; text-align:center}
#sub_visual img{max-width:100%}

#content_sub_wrap{width:1200px; min-height:700px; margin:0 auto;  }

#aside{ float:left; width:250px; height:auto; min-height:700px;  margin:0;  padding:0 ;  text-align:center;  font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial'; }
#snb_tit{ margin:56px 0 20px 0; color:#000000; font-size:38px; font-weight:500;}
#snb{ width:100%; height:auto; clear:both; border-top:1px solid #4f4f4f  }
#snb li{ position:relative;height:50px; line-height:50px; font-size:20px; color: #626262; border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;  text-align:left; text-indent:25px  }

/*#snb li:hover:before { position:absolute; right:10px; content:url(../images/sub/snb_ov.png); line-height:50px }*/
#snb li a{ display:block; color:#696969}
#snb ul:hover li a:hover{color:#fff; background-color:#bda55f; display:block }

#squick{width:100%;  margin-top:15px}

#squick li{ float:left; width:118px;height:118px; text-align:center; background:#fbfbfb; border:1px solid #d4d4d4; display:block} 
#squick li span{ font-size:17px; color:#656565; padding:15px 0 12px 0; display:block ; font-weight:500}
#squick li:nth-child(1) { margin-right:10px }


#article{ float:right; width:879px; min-height:900px; margin: 0 ; border-left:1px solid #dbdbdb; padding-left:35px}
#article_head{ position:relative; width:100%; height:45px; margin:54px 0 40px 0  }

#article_tit{float:left;  color:#484848; font-size:32px;   }
#content_tool{float:right; }
#content_tool li{ float:left; width:43px; height:43px; line-height:43px;  border:1px solid #dbdbdb; text-align:center;  }
#content_tool li:nth-child(1) { border-right:none !important ; width:44px}
#content_tool li:nth-child(2) { border-right:none !important ; width:44px}

/* 모바일에서만 존재*/
#article_nav{ float:left; width:100%; margin:0px; border-bottom:1px solid #dbdbdb ; display:none}
#article_nav li{float:left; position:relative; width:200px;  height:38px; line-height:38px;  list-style:none; border-left:1px solid #dbdbdb ;  color:#535353; font-size:15px; padding:0 20px ; }
#article_nav li a{color:#535353; display:block }
#article_nav li span{float:right}
#article_nav li:first-child{ width:15px !important; border-left:none !important}
#article_nav li:last-child { border-right:1px solid #dbdbdb }



#article_content{ float:left; width:100%; height:auto; min-height:630px; font-size:16px }


/*footer*/
#footer { width:100%; margin:0 auto; clear:both; border-top:1px solid #dbdbdb; }

#banner{ width:100%; min-height:120px;  clear:both  }
#banner ul{list-style:none; max-width:1200px; margin:0 auto; }
#banner li{ float:left; padding-right:22px; line-height:120px }
#banner li:last-child {padding-right:0; float:right}

#copyright{width:100%; margin:0 auto; background-color:#4f4c4d; font-family:'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial'; }

#fgnb{ line-height:33px; margin:0 auto; padding-top:10px ; text-align:center}
#fgnb li{ padding:0 10px; color:#fff; font-size:15px ; display:inline-block }
#fgnb li a:link, #fgnb li a:visited{color:#fff;}

#address{ width:100%; padding:10px 0 10px 0px; color:#adadad;text-align:center }
#address li{width:100%;line-height:160%; font-size:15px}
#address li a{color:#adadad !important}

#board_m{display:none}

@media screen and (max-width:1199px) {
#wrap{float:left}
#lnb_list >ul >li{font-size:1.35em}
#lnb_list li li{font-size:0.9375em}

#gallery{margin-right:15px; }

#article_tit{float:left;  color:#484848; font-size:30px;   }
#con_wrap{width:96%; height:auto; margin:0px auto}
#quick_m{margin:15px 0 10px 0 !important}
#board_wrap{ width:100%; height:auto; margin:0 auto; display:inline-block}
#noticeb{ float:left; width:48.5% !important; }
#news{ float:right; width:48.5% !important; }

#board{display:block}
#board_m{display:none;  padding:36px 24px 25px 24px; color:#393939; font-size:15px}
#board_m ul{ list-style:none }
#board_m li{ width:100%; line-height:160%; padding:0 0 8px 10px; background:url(../images/main/dot.png) left 10px no-repeat; display:block}
#board_m li span{ color:#7f7f7f; font-size:14px; display:block}

#article_content{ margin-top:40px }


}

@media screen and (max-width:768px) {

#noticeb{ height:auto }
#news{ height:auto }

#board_m{display:block; padding:36px 24px 25px 24px; color:#393939; font-size:15px}
#board_m ul{ list-style:none }
#board_m li{width:100%;line-height:150%; font-size:14px !important ;padding:0 0 8px 10px; background:url(../images/main/dot.png) left 10px no-repeat; display:block}
#board_m li span{ font-size:13px !important;color:#7f7f7f; display:block  }

#board{display:none; font-size:15px}
#board li{line-height:170%}
#board li span{ font-size:14px !important}

#quick_m li span{font-size:1.1em !important}

}


@media screen and (max-width:400px) {

/* quick */
#quick_m{margin:5px auto !important}
#quick_m li a {height:auto !important; padding-bottom:10px ; min-height:80px }
#quick_m li span{font-size:1em !important; padding:5px 0 5px 0 !important;}
#quick_m li img{width:50px !important; height:50px !important}

#con_wrap{width:96%; height:auto; margin:0px auto}

/* board*/
#noticeb{ margin:0 !important}
#news{ margin:0 !important}

.b_top{ padding:7px 12px }
.b_top img{width:20px !important; height:20px !important}
.b_tit{font-size:18px !important} 
#board_m{padding:20px 24px 15px 14px;}
#board_m li{line-height:140% !important; padding:0 0 3px 10px !important}


#gallery{margin:0 !important; height:auto }
#gallery_img{padding:25px 24px 15px 24px !important}
#gallery_img div.lt li img{height:150px !important}
#gallery_img span{ padding:5px 0 !important; font-size:14px !important }


#sns{margin:5px 0 5px 0 !important; height:40px !important}
#sns .sns_tab{height:40px !important}
#sns .sns_tab li{height:40px !important; line-height:40px !important}


#banner{min-height:70px !important}
#banner_wrap .bx-wrapper{ padding:15px 0 0 0 !important}
.bx-wrapper .bx-controls-direction a{top:32% !important} 

#fgnb{padding-top:0 !important}
#address{padding-top:0 !important}

#article{min-height:500px !important}


}