@charset "utf-8";
@import url(../img/NotoSans/noto_font_kr.css);
@import url(../img/Roboto/Roboto.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(../img/nanum-square-r/nanumsquare.css);
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}


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:0;border:0; margin: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:14px;background:#fff; color:#3a3a3a; -webkit-text-size-adjust:none; }
body, select,input,textarea {  line-height:160%; font-family:  "NanumBarunGothic", "맑은 고딕","Nanum Gothic","Gulim", "dotum",Helvetica, sans-serif; color:#555; letter-spacing:0px}
input{font-size:1em;}
iframe#hiddenframe {display:none;width:0;height:0}
label,button{cursor:pointer}
 input, button, select, textarea { outline: none;border-radius: 0;}

a{color:#333;text-decoration:none}
a:hover, a:focus{color:#F33;text-decoration:none}


body,html{height:100%;}
#bodyWrap{min-height:100%; background:#fafafa; position:relative; overflow-x:hidden;}
@media (min-width:737px){
.nop{display:none; position:absolute; width:0; height:0; overflow: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:1100px; margin:0 auto; position:relative; zoom:1;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}
@media (max-width:1100px){
#bodyWrap{width:1100px}
}
.bgimg{display:block; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}

/* 팝업레이어 */
#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 #EEE;background:#fff}
.hd_pops.mobile {display:none;}
.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_top{position:relative;  line-height:40px; z-index:1;}
#header_top:before{position:absolute; top:0;   border-bottom:1px solid #EEE; background:#FFF; bottom:0; left:50%; margin-left:-500vw; width:1000vw; min-width:100%; z-index:-1; content:"";}
#header_top ol{float:left;}
#header_top ol li{float:left;  }
#header_top ol li a{padding:0 10px;}
#header_top ol li.n{background:#F44}
#header_top ol li.n a{padding:0 15px; color:#FFF;}
#header_top ol li.a{background:#0099cc}
#header_top ol li.a a{padding:0 15px; color:#FFF;}
#header_top ul{float:right; font-size:1.2em;}
#header_top ul li{float:left; margin-left:20px;}
#header_top ul li img{width:14px; height:14px}

#header{position:relative; z-index:20;  }

#header h1{text-align:center; padding:20px 0;}
#header h1 img{height:60px; }
#header h1 span{position:absolute;  bottom:30px; margin-left:1em;}



#btnAllmenu{ position:absolute; background:transparent;  right:0; top:50%; margin-top:-20px; width:40px; height:40px; line-height:40px;   border:0;     font-size:1.5em;overflow:hidden; box-sizing:border-box;}
#btnMobileMenu{ position:absolute; background:transparent;  right:0; top:50%; margin-top:-20px; width:40px; height:40px; line-height:40px;   border:0;     font-size:1.5em;overflow:hidden; box-sizing:border-box; display:none;}

#btnSearch{ position:absolute; background:transparent; right:50px; top:50%; margin-top:-20px;  width:40px; height:40px; line-height:40px;  border:0;   font-size:1.5em; overflow:hidden; box-sizing:border-box;}
#searchForm{position:absolute; top:50%; right:50px; margin-top:-20px; width:250px; height:40px; border:1px solid #AAA; overflow:hidden;  background:#FFF; z-index:3; border-radius:30px; box-sizing:border-box;  box-shadow:1px 1px 6px rgba(0,0,0,.2); display:none;}
#searchForm input{float:left; border:0; height:38px;   width:200px; padding:0; text-indent:22px;}
#searchForm button{float:left; width:48px; height:38px; border:0; background:transparent; font-size:1.5em;  }

#topMenu{position:relative; border:1px solid #EEE; border-bottom:2px solid #000;  background:#FFF; z-index:2; }
#topMenu dl{ display: -webkit-flex; display: flex; justify-content:space-between}
#topMenu dd{  width:0;  flex-grow:1; position:relative; }
#topMenu dd > a{position:relative; text-align:center; z-index:2; display:block; font-size:1.2em;  font-weight:bold; line-height:60px; height:60px; padding:0;   transform:skew(-0.001deg);}
#topMenu dd > a i{display:none;}
#topMenu dd:hover > a{color:#FFF; background:#49d7f0;}
#topMenu dd ul{position:absolute;  z-index:1; padding-top:60px;  max-height: 0; top:0;  opacity:0; left:0; right:0;    background:#FFF; 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; box-shadow:1px 1px 25px rgba(0,0,0,.2)}
#topMenu dd:hover ul{ max-height: 500px;   opacity:1;}
#topMenu dd ul a{display:block; padding:10px 0; text-align:center;   line-height:16px;  }
#topMenu dd ul a:hover{ background:#FAFAFA}

#allMenu{position:absolute; display:none; top:0; left:0; right:0; background:#FFF; border:1px solid #EEE; border-top:2px  solid #000; z-index:3; box-shadow:1px 1px 10px rgba(0,0,0,.3)}
#allMenu dl{ display: -webkit-flex; display: flex; justify-content:space-between}
#allMenu dd{  width:0;  flex-grow:1; position:relative; border-left:1px solid #DDD;}
#allMenu dd > a{position:relative; text-align:center; z-index:2; display:block; font-size:1.2em; border-bottom:1px solid #DDD; font-weight:bold; line-height:50px; height:50px; padding:0;   transform:skew(-0.001deg); }
#allMenu dd:first-child{border:0}
#allMenu dd > ul{padding:10px;}
#allMenu dd > ul a{display:block; padding-left:1px; border-bottom:1px dashed #EEE; padding: 5px 0;}


#mobileMenu{position:fixed; display:none; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99 }
#mobileMenu ol{border-bottom:1px solid #DDD; line-height:40px; text-align:center; }
#mobileMenu ol:after {display:block;visibility:hidden;clear:both;content:""}
#mobileMenu ol li{display:inline-block; padding:0 20px}
#mobileMenu > a{position:absolute; right:100%; width:70px; background:#333; height:60px;  text-indent:-1000px; overflow:hidden;}
#mobileMenu > a:after{position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-1px; width:40px; height:2px; background:#FFF; content:"";
transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
#mobileMenu > a:before{position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-1px; width:40px; height:2px; background:#FFF; content:"";
transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); }
#mobileMenu section{position:absolute; right:-70%; top:0; width:70%; height:100%; background:#FFF; overflow:auto; }
#mobileMenu dl dd > a{position:relative; display:block; padding-left:30px; font-size:1.2em;  border-bottom:1px solid #EEE; line-height:45px;}
#mobileMenu dl dd > a i{position:absolute; line-height:30px; top:0; right:0; width:40px; text-align:center; line-height:30px; color:#5a5757}
#mobileMenu dl dd > ul{display:none;}
#mobileMenu dl dd > ul a{display:block; background:#F6F6F6; padding-left:40px;  border-bottom:1px solid #FFF; line-height:40px;}


.main_container{position:relative; background:#FFF;z-index:1; }
.main_container:before{position:absolute; top:0; left:0;width:100%; height:100%; border:1px solid #EEE; box-sizing:border-box;  border-top:0; content:""; z-index:-1;}
.main_container:after{position:absolute; top:0; bottom:0; left:650px; width:1px; background:#EEE; content:""; z-index:-1;}

#main_left{position:relative; width:650px; float:left;}
#main_right{position:relative; width:450px; float:left; box-sizing:border-box;  }

.latest_type1{padding:30px 40px 10px; position:relative;}
.latest_type1 dt h3{ position:relative;font-size:24px; width:100%; line-height:100%;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:700; margin-bottom:10px; transform:skew(-0.001deg);}
.latest_type1 dt{margin-bottom:10px;}
.latest_type1 dt img{width:100%;}
.latest_type1 dd{position:relative;font-size:1.2em; line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.latest_type2{padding:30px 40px 10px; position:relative;}
.latest_type2 h4{font-size:1.2em; font-weight:800; font-family: "Microsoft Yahei", "NanumSquare", sans-serif;  line-height:100%; padding-bottom:10px;  margin-bottom:10px; border-bottom:1px solid #DDD;transform:skew(-0.001deg); }
.latest_type2 h4 span{color:#42c64b}
.latest_type2 dd{margin-bottom:20px;}
.latest_type2 dd:after {display:block;visibility:hidden;clear:both;content:""}
.latest_type2 img{float:left; clear:both; width:150px; height:100px; margin-right:10px;}
.latest_type2 article{_display:inline-block; overflow:hidden; zoom:1}
.latest_type2 article:after{display:block;clear:both;content:''}
.latest_type2 article h5{position:relative;  font-size:1.2em; color:#000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest_type2 article p{position:relative; font-size:1em; margin-top:10px; color:#999; line-height:160%; display:block ;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;word-break: break-all;}

.latest_type3{ position:relative;overflow:hidden; margin:30px 40px;}
.latest_type3 section{  position:relative;overflow:hidden;}
.latest_type3 section ul li{position:relative;  background-size:cover;  background-position:center;}
.latest_type3 section ul li a{display:block;padding-top:62%; height:0; }
.latest_type3 section ul li p{position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); color:#FFF; font-size:1.2em; padding:10px;}
.latest_type3 aside ol{position:relative; margin:1% -.5%; }
.latest_type3 aside ol li{position:relative; width:32.33%; margin:.5%;  float:left; padding-top:20%; background-size:cover; background-position:center;cursor:pointer; background-position:relative;}
.latest_type3 aside ol li.on:after{position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #F60; content:"";}
.latest_type3 aside:after {display:block;visibility:hidden;clear:both;content:""}



.latest_type4{ position:relative; margin:20px 40px;}
.latest_type4 h4{font-size:1.2em; font-weight:800; font-family: "Microsoft Yahei", "NanumSquare", sans-serif;  line-height:100%; padding-bottom:10px; border-bottom:1px solid #DDD; transform:skew(-0.001deg);}
.latest_type4 dd{margin-top:10px;}
.latest_type4 dd:after {display:block;visibility:hidden;clear:both;content:""}
.latest_type4 img{float:left; clear:both; width:110px; height:70px; margin-right:10px;}
.latest_type4 article{_display:inline-block; overflow:hidden; zoom:1}
.latest_type4 article:after{display:block;clear:both;content:''}
.latest_type4 article h5{position:relative;  font-size:1.1em; color:#000; line-height:160%; display:block ;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}


.latest_type5{ position:relative; margin:20px 40px;}
.latest_type5 .video_player{display:block; position:relative;}
.latest_type5 .video_player img{width:100%;}
.latest_type5 .video_player:after{position:absolute; top:0; right:0; bottom:0; left:0; background:url(../img/icon_player.png) center center no-repeat; content:"";}
.latest_type5 p{margin-top:10px; position:relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.hot_tag{ position:relative; margin:20px 40px;}
.hot_tag h4{font-size:1.2em; font-weight:800; font-family: "Microsoft Yahei", "NanumSquare", sans-serif;  line-height:100%; padding-bottom:10px; border-bottom:1px solid #DDD;transform:skew(-0.001deg); }
.hot_tag h4 span{color:#F44}
.hot_tag section{  margin-left:-10px;}
.hot_tag section a{ display:inline-block; border:1px solid #DDD; border-radius:30px; line-height:33px; padding:0 10px; margin-top:10px; margin-left:10px; white-space: nowrap; }

.latest_type6{ position:relative; margin:20px 40px;}
.latest_type6 h4{font-size:1.2em; font-weight:800; font-family: "Microsoft Yahei", "NanumSquare", sans-serif;  line-height:100%; padding-bottom:10px; border-bottom:1px solid #DDD; transform:skew(-0.001deg);}
.latest_type6 h4 span{color:#36F}
.latest_type6 ol{  list-style:none; padding:0; margin:0; margin-top:10px;  }
.latest_type6 ol li {position:relative; padding-left:25px; line-height:32px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest_type6 ol li strong {position:relative;   font-weight:800;  display:inline-block; width:25px; font-size:1.1em; margin-left:-25px;    }
.latest_type6 ol li:nth-child(1) strong{color:#fead00}
.latest_type6 ol li:nth-child(2) strong{color:#fe3232}
.latest_type6 ol li:nth-child(3) strong{color:#3e99ff}

.latest_type7{  }
.latest_type7 ul{margin:30px 40px 10px}
.latest_type7 ul:after {display:block;visibility:hidden;clear:both;content:""}
.latest_type7 ul li {width:32%; margin-left:2%; margin-bottom:20px;  float:left;}
.latest_type7 ul li img{width:100%; }
.latest_type7 ul li:nth-child(3n+1){clear:both; margin-left:0;}
.latest_type7 ul li p{ position:relative; margin-top:10px;  line-height:150%; display:block ;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}

.latest_type8 dl{position:relative;   display: -webkit-flex; display: flex; justify-content:space-between; flex-wrap:wrap; }
.latest_type8 dl dd{position:relative; margin-bottom:8px; }
.latest_type8 dl dd article{position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5);padding:10px; color:#FFF; font-size:1.2em;}
.latest_type8 dl dd:nth-child(1) .bgimg{width:466px;}
.latest_type8 dl dd:nth-child(2) .bgimg{width:466px;}
.latest_type8 dl dd:nth-child(3) .bgimg{width:308px;}
.latest_type8 dl dd:nth-child(4) .bgimg{width:308px;}
.latest_type8 dl dd:nth-child(5) .bgimg{width:308px;}


.latest_type9{ position:relative;overflow:hidden; margin:20px 0;}
.latest_type9 section{  position:relative;overflow:hidden;}
.latest_type9 section ul li{position:relative;  background-size:cover;  background-position:center;}
.latest_type9 section ul li a{display:block;padding-top:62%; height:0; }
.latest_type9 section ul li p{position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); color:#FFF; font-size:1.2em; padding:10px;}
.latest_type9 aside ol{position:relative; margin:1% -.5%; }
.latest_type9 aside ol li{position:relative; width:24%; margin:.5%;  float:left; padding-top:18%; background-size:cover; background-position:center;cursor:pointer; background-position:relative;}
.latest_type9 aside ol li.on:after{position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #F60; content:"";}
.latest_type9 aside:after {display:block;visibility:hidden;clear:both;content:""}

/*많이 본 뉴스 댓글이 핫한 뉴스 베스트 추천*/
.latest_type10{ position:relative;overflow:hidden; margin:20px 0;}
.latest_type10 dl{position:relative; padding-right:1px;  display: -webkit-flex; display: flex; justify-content:space-between; }
.latest_type10 dl dd{position:relative;flex-grow:1;  margin-right:-1px; border:1px solid #EEE;  text-align:center; padding:8px 0; color:#999; background:#FAFAFA; cursor:pointer;}
.latest_type10 dl dd.on{background:#FFF; font-weight:700; color:#000; border-color:#DDD; border-bottom-color:#FFF; }
.latest_type10 section {margin-top:10px;}
.latest_type10 section ul{display:none;}
.latest_type10 section ul.on{display:block;}
.latest_type10 section ul li{padding:6px 0; line-height:140%;position:relative; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.latest_type10 section ul li a:before{content:"· "; font-weight:800}



#main_gallery_sc{background:#484849; position:relative; overflow:hidden;}
#main_gallery_sc section{margin:25px 50px; position:relative;  overflow:hidden;}
#main_gallery_sc section ul{ }
#main_gallery_sc section ul li{width:15.66% ; margin:0 .5%;}
#main_gallery_sc section ul li img{width:100%; }
#main_gallery_sc section ul li p{position:relative; color:#FFF; margin-top:10px; line-height:140%;display:block ;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
#main_gallery_sc a.mvpn{position:absolute; top:60px; z-index:3; width:50px; height:50px; padding:0;   border:0; cursor:pointer; }
#main_gallery_sc a.mvpn.prev{left:0px;}
#main_gallery_sc a.mvpn.next{right:0px;}
#main_gallery_sc a.mvpn:after{position:absolute; top:50%; width:20px; height:20px; border-style:solid; border-color:#FFF; border-width:3px; content:"";}
#main_gallery_sc a.mvpn.prev:after{left:15px; border-color:#FFF transparent transparent #FFF; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
#main_gallery_sc a.mvpn.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#main_gallery_sc a.mvpn.next:after{right:15px; border-color:#FFF #FFF transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
#main_gallery_sc a.mvpn.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}




#footer{position:relative; padding:30px 0;}
#footer:before{position:absolute; top:0; border-top:1px solid #DDD;  bottom:0; left:50%; margin-left:-500vw; width:1000vw;z-index:-1; content:"";}
#footer h1{-webkit-filter: grayscale(100%);filter:grayscale(100%);opacity:.5; float:left;clear:both; margin-right:30px; }
#footer h1 img{height:50px;}
#footer article{overflow:hidden; margin-top:10px}
#footer article div:after {display:block;visibility:hidden;clear:both;content:""}
#footer article div a{position:relative; float:left; margin-right:20px;}
#footer article div a:before{position:absolute; top:50%; margin-top:-5px; height:10px; width:1px; left:-10px; background:#ddd; content:"";}
#footer article div a:first-child:before{display:none;}
#footer article address{font-size:.9em; margin-top:1%;}
#footer article p{font-size:.9em; color:#999}
#footer span{white-space: nowrap; padding-right:10px}


/*********** 광고 부분 *******************/
#bad_header{position:absolute; top:0; left:0}
#bad_header img{width:280px; height:100px;}
#bad_main1{ }
#bad_main2{ }
#bad_main3{ }
#bad_aside1{}
#bad_aside2{ }
#bad_aside3{ }
#bad_tail1{ }
#bad_tail2{ }
#bad_sub1{ }
#bad_sub2{ }
#quick_left{position:absolute;  width:160px; top:0; left:-170px;}
#quick_right{position:absolute; width:160px; top:0; right:-170px;}
#quick_left img{margin-bottom:10px;}
#quick_right img{margin-bottom:10px;}
.bad_w img{text-align:center; width:100%; height:auto;}
/******************************/

#sub_visual{position:relative; height:300px; text-align:center; background-color:#FFF;  z-index:1;display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; background-position:center center; background-repeat:no-repeat; color:#FFF; background-size:cover; }
#sub_visual:after{position:absolute; top:0; left:0; right:0; bottom:0;z-index:-1;  background:rgba(0,0,0,.3) ; content:""}
#sub_visual h2{ font-size:3em; line-height:100%; color:#FFF;  }


#pageNavi{position:relative; background:#fff; height:50px; line-height:50px; z-index:4;   border-top:1px solid #EEE}
#pageNavi:before{position:absolute; top:0; border-bottom:1px solid #DDD;  bottom:0; left:50%; margin-left:-500vw; width:1000vw;z-index:-1; content:"";}
#pageNavi .fa-home{float:left; color:rgba(0,0,0,.5); border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);   line-height:50px; font-size:1.4em; padding:0 20px}
#pageNavi a{color:#FFF;}
#pageNavi dl{position:relative; float:left; z-index:1;}
#pageNavi dl dd{display:none}
#pageNavi dl dt{position:relative; padding:0 30px; border-right:1px solid rgba(0,0,0,.1); }
#pageNavi dl dd{position:absolute; top:50px; left:0; width:200px; min-width:100%; background:#F44}
#pageNavi dl dd a{display:block; line-height:20px; padding:10px 0 10px 20px; border-bottom:1px solid rgba(255,255,255,.1)}
#pageNavi dl dd a:hover{background:#333}
#pageNavi dl.sub:hover{z-index:2;}
#pageNavi dl.sub dt{padding-right:50px;cursor:pointer; }
#pageNavi dl.sub dt:after{position:absolute; top:0; right:20px; line-height:50px;  font-family:"fontAwesome"; content:"\f105";}
#pageNavi dl.sub:hover dd{display:block;}
#pageNavi dl.sub:hover dt{background:#F44;color:#FFF}
#pageNavi dl.sub:hover dt:after{content:"\f107";}




/* 게시물 선택복사 선택이동 */
#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}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha { 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:34px;border:1px solid #DDD; box-sizing:border-box; padding:0;margin:0; float:left;}
#captcha #captcha_mp3 {position:relative;  display:inline-block;float:left; top:0; margin:0;padding:0;width:34px;height:34px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3:after {position:absolute; top:0; left:0; content:"\f028"; font-family:'fontawesome'; line-height:34px; font-size:1.4em; width:34px; height:34px;box-sizing:border-box; background:#999;color:#FFF; }
#captcha #captcha_mp3 span {display:none;}
#captcha #captcha_reload {position:relative;  display:inline-block; float:left; margin:0;padding:0;width:34px;height:34px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;}
#captcha #captcha_reload:after {position:absolute; top:0; left:0; content:"\f021"; font-family:'fontawesome'; line-height:34px; font-size:1.4em; width:34px; height:34px;box-sizing:border-box; background:#999;color:#FFF; }
#captcha #captcha_key {display:inline-block;  width:70px; float:left;text-align:center; height:34px;border:1px solid #ddd;background:#FFF;color:#000;vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#captcha #captcha_info { display:none;}

/* 캡챠 자동등록(입력)방지 기본 - mobile */

/* ckeditor 단축키 */
.cke_sc {display:none;}


/* 버튼 */
.btn01 {display:inline-block;margin:0;padding:0 20px; height:34px; line-height:34px; border:1px solid #ccc;background:#FFF;color:#000;text-decoration:none;vertical-align:middle; ; box-sizing:border-box;}
.btn01:focus, .btn01:hover {text-decoration:none}
.btn02 {display:inline-block;margin:0;padding:0 20px; height:34px; line-height:34px;  border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle; box-sizing:border-box;}
.btn02:focus, .btn02:hover {text-decoration:none; color:#FFF;}
.btn_confirm {text-align:center; margin-top:20px;} /* 서식단계 진행 */
.btn_submit {padding:0 20px;border:0;background:#333;color:#fff; height:34px; line-height:34px; cursor:pointer}
.btn_cancel {display:inline-block;padding:0 20px; height:34px; line-height:34px; border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;box-sizing:border-box;}
.btn_frmline {display:inline-block;padding:0 20px; height:34px; line-height:34px; border:0;background:#333;color:#fff; text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
.btn_frmline:focus, .btn_frmline:hover {text-decoration:none; color:#FFF;}
.btn_confirm .btn_submit{padding:0 40px; height:40px; font-size:1.2em;}
.btn_confirm .btn_cancel{padding:0 20px; height:40px; line-height:40px; font-size:1.2em;}
.btn_confirm .btn01{padding:0 20px; height:40px; line-height:40px; font-size:1.2em;}

.btn_admin {display:inline-block;margin:0;padding:0 20px; height:34px; line-height:34px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle; box-sizing:border-box;} /* 관리자 전용 버튼 */
.btn_admin:focus, a.btn_admin:hover {text-decoration:none; color:#FFF;}

/* 기본테이블 */
table.tb{position:relative; width:100%; border-top:1px solid #555;  }
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:10px 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:10px;}
table.tb tbody td{border-bottom:1px solid #EEE;  padding:10px;   }
table.tb tfoot th{border-bottom:1px solid #EEE; background:#FFE; text-align:left; padding-left:10px;}
table.tb tfoot td{border-bottom:1px solid #EEE; background:#FFE; padding:10px; height:36px;}
table.tb .tc{text-align:center !important;}
table.tb .tl{text-align:left !important; padding-left:10px !important;}
table.tb .tr{text-align:right !important; padding-right:10px !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:10px;}
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:10px;}
table.tb.line tfoot td{border:1px solid #EEE; border-top:0; background:#FFE;   }

@media (max-width:767px){
table.tb.block tbody tr{display:block;border-bottom:1px solid #EEE; padding:10px 0;}
table.tb.block tbody th{display:block; border:0}
table.tb.block tbody td{display:block; border:0}
table.tb.block tbody th{width:auto; border-bottom:0; padding:0}
table.tb.block tbody td{padding:0; height:auto;}
table.tb.block tbody td .frm_input{width:100%;}
table.tb.block tbody td select{width:100%;}
table.tb.block tbody tr.noblock td{display: inline-block}
table.tb.block tbody tr.noblock th{display: inline-block}
}


 .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:34px}
select { font-size:1em; line-height:100%; padding:0;padding:4px\9; }
.frm_address  { margin-top:5px}
.frm_file { margin-bottom:5px}
.frm_info {display:block;padding:0 0 5px;line-height:1.4em; font-size:12px; color:#666;}
/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #FFF top right no-repeat !important}


.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #DDD;border-bottom:1px solid #DDD;background:#fafafa;font-size:0.95em;text-align:center; }
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #EEE;border-bottom:1px solid #EEE}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #EEE;border-bottom:1px solid #EEE;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #DDD;border-bottom:1px solid #DDD;background:#fafafa;font-size:0.95em;text-align:center;}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #EEE;border-bottom:1px solid #EEE}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #EEE;border-bottom:1px solid #EEE;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:120px;padding:7px 13px;border:1px solid #EEE;border-left:0; text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #EEE;border-bottom:1px solid #EEE;background:transparent}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important; width:auto  !important; float:none !important; text-align:center !important}
.empty_list {padding:20px 0 !important; width:auto !important; float:none !important;  text-align:center !important}


/* 새창 기본 스타일 */
.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}

/* 자바스크립트 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 #EEE;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-top:20px; text-align:center}
.pg_page, .pg_current,.pg_skip {position:relative; display:inline-block; padding:0 10px; 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_current { border:1px solid #999;  background:#fff;color:#000;font-weight:normal}
.pg_prev:before{ content:"\f104";   font-family:'fontawesome'; padding-right:5px; }
.pg_next:after{ content:"\f105";   font-family:'fontawesome'; padding-left:5px; }
@media (max-width:767px){
.pg_page{display:none}
.pg_page, .pg_current,.pg_skip {padding:0 6px; height:30px;  line-height:30px;  }
.pg_start{  display:inline-block;}
.pg_prev{ display:inline-block;}
.pg_next{ display:inline-block; }
.pg_end{ display:inline-block; }
}
/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}