@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* reset style [start] */
html, body, div, span, object, iframe,
h1, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;
padding: 0;
border:0;
line-height: 1.5em;
font-size: 13px;
LIST-STYLE-TYPE: none;
list-style:none;
word-break: break-all;
font-family:'맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; color:#555; font-size:13px;
}

h1, h2{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}

#accessibility { display:none}/*웹접근성_ 반복메뉴건너뛰기*/
/* 일반적으로 accessibility라는 클래스를 두어 html에서 디자인상 감추고 싶은 부분을 지정한다 */

/*html {overflow-x:hidden;}*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin:0;padding:0;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin:0;padding:0;}

br {letter-spacing:normal;}


input,textarea,select,button {font-size:12px;}
button {background: none repeat scroll 0 0 #FFF; border: medium none;cursor: pointer; margin: 0;padding: 0;vertical-align: middle;}
legend {margin:0;padding:0;display:none;}
img{border:0 none; /*vertical-align:top;*/}
input {vertical-align:middle;line-height:16px;}
textarea,select {vertical-align:middle;}
ul,ol,li,dl,dt,dd{list-style:none;vertical-align:top; list-style-position: inside;}
a{text-decoration:none;color:#555;}
a:hover,a:active,a:focus{color:#dd5c00;}

/* vertical-align: baseline; outline: 0; ie 외 브라우저 포커싱 사라지는 문제로 제거 */

/*body {overflow-y:scroll; overflow-x:hidden;} */




/*기존있던 css */

/* tables still need 'cellspacing="0"' in the markup */
table {border-spacing:0; overflow:hidden;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;} /* font-weight:normal */

a {text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

 
caption{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}

/* 헤딩태그와 필드셋은 웹접근성(만)을 위한 대표적인 태그로 일반적으로는 감춘다. */

#png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/*********CUSTOM**********/

/* 정렬 */
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.oh{overflow:hidden;}


/* 가운데 맞춤 & 여백 */
#wrap{width:100%; min-width:1150px;}
#top, #middle, #bottom{width:100%; min-width:1150px;}
.tmenu, .info_c{width:1150px; margin:0 auto; overflow:hidden;}


/* 상단 */
#top{background-color:rgba(0,0,0,0.8); position:absolute; z-index:9; height:111px;}
.tmenu{margin-top:10px;}
.logo{width:235px; float:left; margin-top:10px;}
.menu{width:915px; float:right;}

.s_menu{width:100%; margin:0 auto; text-align:center; clear:both; overflow:hidden;}
.s_menu > ul{float:right; padding-right:35px;}
.s_menu > ul > li{display:inline-block; padding:10px 0 11px 0; float:left;}
.s_menu > ul > li > a{color:#c5c5c5; font-size:12px;}
.line{color:#666; padding-left:10px; padding-right:10px;}


/* 메뉴 */
#m_menu{width:100%;  text-align:center; border-top:1px solid #666; overflow:hidden;}
#m_menu .ul_wrap{float:right; padding-top:10px;}
.m_menu_ul > li{display:inline;}
.m_menu_ul > li > a{font-size:19px;color:#fff; display:inline-block; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; font-weight:500; margin-right:70px; margin-left:70px; height:50px;  position:relative; z-index:10;}
.m_menu_ul > li:last-child > a{margin-right:35px;}
.m_menu_ul .hover_bar{display:block; background:#ff6a00; height:3px; margin-top:7px; display:none;}


/* 서브메뉴 */
.snb_wrap{display:none; width:100%; height:238px; position:absolute; z-index:9; top:111px;  background-color:rgba(0,0,0,0.8);}
.snb{width:1150px; height:238px; margin:0 auto; overflow:hidden;}
.snb_ul{position:relative; list-style:none; color:#555; text-align:left; }

.snb_ul > li{display:inline-block; height:238px;}
.snb_ul > li:nth-child(1){position:absolute; left:345px;}
.snb_ul > li:nth-child(2){position:absolute; left:555px;}
.snb_ul > li:nth-child(3){position:absolute; left:805px;}
.snb_ul > li:nth-child(4){position:absolute; left:1020px;}

.snb_ul > li > ul{height:238px; overflow:hidden; padding:20px 0 25px 0;}

.sub_menu_li{line-height:2.1em; text-align:left;}
.sub_menu_li a{font-size:13px;font-family:'맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana; color: #bcbcbc; padding-left:20px;}
.sub_menu_li a:hover{color:#ff9000;}

/* 비주얼 문구*/
.vis_txt{width:1150px; margin:0 auto; overflow:hidden; padding-top:145px;}
.l_txt, .s_txt{color:#fff; text-shadow: 0px 0px 5px #000; font-family:'Noto Sans KR', '맑은고딕', 'Malgun Gothic', '나눔고딕', 'nanumgothic', '돋움', Verdana;}
.l_txt{font-size:25px;}
.l_txt > span{font-size:45px; color:#fff; font-weight:600;}
.l_txt > span.gr{color:#7fb600;}
.l_txt > span.ye{color:#ff6a00;}
.s_txt{font-size:16px;}



/* 관련사이트 */
.ban_wrap{background-color:#272727;}
.banner{width:1150px; margin:0 auto;height:55px; position:relative;}
.banner_tit{float:left; position:absolute; top:15px; left:0;}
.banner_tit > span{font-size:14px; color:#fff; padding-right:10px;}
.banner_btn_left{float:left; position:absolute; top:17px; left:80px;}
.banner_btn_pause{float:left; position:absolute; top:17px; left:98px;}
.banner_btn_right{float:left; position:absolute; top:17px;left:117px;}
.banner_img{float:right; width:915px; margin:0 auto; overflow:hiden; margin-right:25px;}
.banner_img > ul >li {display:inline;}
.banner_img > ul >li > a{display:inline-block; padding:15px 35px; color:#ccc; font-size:14px;}


/* 하단 */
#bottom{background-color:#424242;}
.info_c{width:1150px;margin:0 auto;overflow:hidden; position:relative; padding:35px 0;}
.address, .tel{color:#fff;}
.copyright{color:#d0cfcf; margin-top:5px;}
.b_logo{position:absolute; top:30px; right:5px;}
.admin{background:#424242; border:1px solid #ccc; padding:0 10px 3px 10px; margin-left:10px;}
.admin > a{color:#fff;}